@charset "utf-8"; /*共用css,模板里只能模板设计小组人员才能修改*/ /*模板设计小组人员修改以后注意本地备份一下*/ /*最新更新人员:胡平2016-08-28*/ /*初始化*/ html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,table,th,td,span,input,textarea { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 1.3rem; } li,ol { list-style: none; } i,em { font-style: normal; } a { text-decoration: none; color: #666; } a:hover { color: #666; } .f-fl{ float:left;} /*左浮动*/ .f-fr{ float:right;} /*右浮动*/ .g-ft{margin-top:2.5rem;} /*input,textarea {-webkit-appearance: none;}*/ html { font-size: 10px; -webkit-text-size-adjust: none; } input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } textarea { -webkit-appearance: none; } @media screen and (min-width:320px) { html { font-size: 10px; } } @media screen and (min-width:360px) { html { font-size: 11.25px; } } @media screen and (min-width:375px) { html { font-size: 11.7px; } } @media screen and (min-width:384px) { html { font-size: 12px; } } @media screen and (min-width:480px) { html { font-size: 15px; } } @media screen and (min-width:414px) { html { font-size: 13px; } } @media screen and (min-width:560px) { html { font-size: 17.5px; } } @media screen and (min-width:640px) { html { font-size: 20px; } } /* -- 整体布局 -- */ html { min-width: 320px; color: #666; } input textarea { font-family: "Microsoft YaHei" } body { font-family: "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; font-size: 1.3rem; line-height: 2.4rem; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; } .fl { float: left; } .fr { float: right; } .clear { clear: both; display: block; height: 0; border: 0; } .blk-main .clearlist { clear: both; height: 0; padding: 0; margin: 0; border: 0; width: 100%; float: none; } /*表单提交隐藏域*/ .hiddendata { display: none; } /*版块模板共用样式*/ .nodata { height: 3rem; line-height: 3rem; text-align: left; clear: both; padding: 0.5rem 3% 0; } .m-describe { background: #faf9f8; border: 1px solid #d3d3d3; color: #333; margin: 0 auto 1.75rem; width: 93.75%; overflow: hidden; padding: 0.7rem; } .blk { background: #fff; display: inline-block; width: 100%; margin-bottom: 1rem } .p-trbl { padding: 1rem; } .p-trl { padding: 1rem; padding-bottom: 0; } .blk-main.ml0 { margin-left: 0; } .blk-main.listclear { clear: both; height: 0; line-height: 0; background: none; border: 0; padding: 0; margin: 0; font-size: 0; } /*m2模板共用样式*/ .m2-title-1 { height: 3.6rem; line-height: 3.6rem; padding-left: 1rem; background: #f1f1f1; font-size: 1.4rem; color: #272b34; border-bottom: 1px solid #ccc; } /*分页*/ .m2-page { margin-bottom: 2rem; text-align: center; } /* 底部间距20px*/ .m2-page .laypage_next, .m2-page .laypage_prev { border-radius: 0.5rem; display: inline-block; height: 2.55rem; line-height: 2.55rem; text-align: center; width: 25%; background-color: #8e4ea4; color: #fff; padding: 0; } /*上一页样式*/ .m2-page p, .m2-page .laypage_curr { width: 10%; display: inline; margin: 0 1rem; } .m2-page .m2-pager-select { display: inline-block; padding: 0 2rem; margin: 0 15rem; width: 10%; height: 3rem; line-height: 3rem; position: relative; top: 1rem; } .m2-page .m2-page_number { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 0.5rem; box-shadow: 0 0 0.5rem #333 inset; text-indent: -1rem; } .m2-page .m2-page_number:before { width: 0; height: 0; content: ""; position: absolute; border-top: 0.5rem solid #aaa; border-left: 0.5rem solid rgba(0, 0, 0, 0); border-right: 0.5rem solid rgba(0, 0, 0, 0); left: 50%; margin-left: 1.5rem; top: 1.2rem; } .m2-page .m2-pager-select .m2-page_number span { padding: 0 0.2rem; font-weight: bold; } .m2-page .select_box { width: 100%; height: 100%; opacity: 0; position: absolute; z-index: 0; left: 0; top: 0; text-align: center; } .m2-page a { background-color: #8e4ea4; color: #fff; } .m2-page .z-noc { background-color: #8e4ea4; color: #8742a7; } /*m3分页*/ .m3-fy-1 { width: 93.75%; text-align: center; margin: 1rem auto 0; } .m3-fy-1 a { display: inline-table; vertical-align: top; width: 28%; height: 2.6rem; line-height: 2.6rem; border: 1px solid #00d0b1; box-sizing: border-box; color: #00d0b1; } .m3-fy-1 a:hover { color: #00d0b1; } .m3-fy-1 p { display: inline-block; line-height: 3rem; height: 3rem; padding: 0 1rem; } .m3-fy-1-tb { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 3; display: none; } .m3-fy-2 { width: 84.37%; height: 80%; margin: 0 auto; background: #fff; text-align: center; position: fixed; top: 10%; left: 8%; overflow: hidden; z-index: 44; display: none; } .m3-fy-2-txt { width: 100%; height: 80%; text-align: left; margin-bottom: 2rem; overflow-y: auto; } .m3-fy-2-txt ul { width: 93.75%; height: 100%; overflow: auto; margin: 0 auto; } .m3-fy-2-txt li { height: 4.4rem; font-size: 1.4rem; line-height: 4.4rem; color: #666; border-bottom: 1px solid #f8f8f8; position: relative; } .m3-fy-2 a { width: 30%; height: 4.3rem; font-size: 1.4rem; line-height: 4.3rem; margin: 0 0.6rem; display: inline-block; border: 1px solid #f5f5f5; margin-bottom: 1.5rem; } .m3-fy-2-txt2 { width: 100%; height: 4.3rem; padding-bottom: 1rem; } .m3-fy-2-txt li:after { content: ''; display: block; width: 1.65rem; height: 1.65rem; border: 0.35rem solid #ebebeb; border-radius: 100%; background: #ebebeb; position: absolute; top: 50%; right: 5%; margin-top: -0.8rem; box-sizing: border-box; } .m3-fy-2 .m3-fy-2-txt-d1:after { background: #00d0b1; } .m3-section { padding-bottom: 1.5rem; background: #fff; } /*m4模板共用样式*/ .m4-title1 { line-height: 3rem; font-size: 1.5rem; padding: 0.4rem 0; color: #3b3e3d; margin-bottom: 1.2rem; border-bottom: solid 1px #ccc; } .m4-blk { padding: 0 3%; box-sizing: border-box; } .m4-page { font-size: 1.3rem; text-align: center; display: block; padding: 1rem 0; clear: both; white-space: nowrap; } .m4-page p { display: inline-block; margin: 0 1rem; } .m4-page a { box-sizing: border-box; line-height: 2.5rem; margin: 0 0 0 0.3rem; display: inline-block; color: #13a0b2; padding: 0 1rem; background-color: #fff; border: 1px solid #13a0b2; border-radius: 5px; } .m4-page a.cur { background: #1c907b; color: #fff; } /*m5模板共用样式*/ .m5-title-1 { height: 3.6rem; line-height: 3.6rem; padding-left: 1rem; background: #f1f1f1; font-size: 1.5rem; color: #272b34; border-bottom: 1px solid #ccc; } .m5-page { margin-bottom: 2rem; text-align: center; } /* 底部间距20px*/ .m5-page .laypage_next, .m5-page .laypage_prev { border-radius: 0.5rem; display: inline-block; height: 2.55rem; line-height: 2.55rem; text-align: center; width: 25%; background-color: #8e4ea4; color: #fff; padding: 0; } /*上一页样式*/ .m5-page p, .m5-page .laypage_curr { width: 10%; display: inline; font-size: 1.6rem; margin: 0 1rem; } .m5-page .m5-pager-select { display: inline-block; padding: 0 2rem; margin: 0 15rem; width: 10%; height: 3rem; line-height: 3rem; position: relative; top: 1rem; } .m5-page .m5-page_number { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 0.5rem; box-shadow: 0 0 0.5rem #333 inset; text-indent: -1rem; } .m5-page .m5-page_number:before { width: 0; height: 0; content: ""; position: absolute; border-top: 0.5rem solid #aaa; border-left: 0.5rem solid rgba(0, 0, 0, 0); border-right: 0.5rem solid rgba(0, 0, 0, 0); left: 50%; margin-left: 1.5rem; top: 1.2rem; } .m5-page .m5-pager-select .m5-page_number span { padding: 0 0.2rem; font-weight: bold; } .m5-page .select_box { width: 100%; height: 100%; opacity: 0; position: absolute; z-index: 0; left: 0; top: 0; text-align: center; } .m5-page a { background-color: #8e4ea4; color: #fff; } .m5-page .z-noc { background-color: #8e4ea4; color: #8742a7; } /*详情页图片自适应*/ .endit-content img { max-width: 100% !important; height: auto !important; } /*详情内容关键字飘红加粗*/ .endit-content a { color: red; font-weight: bold; } /*详情内容关键字加VI色*/ /*.endit-content a{color: #0890e1;font-weight:bold;}*/ .endit-content p { padding-bottom: 1rem; } .endit-content { font-size: 1.3rem; } .endit-content h1 { font-size: 1.6rem; } .endit-content h2 { font-size: 1.5rem; } .endit-content h3 { font-size: 1.4rem; } .endit-content h4 { font-size: 1.3rem; } .endit-content h5 { font-size: 1.2rem; } .endit-content h6 { font-size: 1.2rem; } /*详情页图片自适应*/ .endit-content2 img { max-width: 100% !important; height: auto !important; }/*详情内容关键字飘红加粗*/ .endit-content2 a { color: red; font-weight: bold; } /*详情内容关键字加VI色*/ /*.endit-content2 a{color: #0890e1;font-weight:bold;}*/ .endit-content2 { font-size: 1.4rem; line-height: 2.2rem; color: #494949; text-align: justify; } .endit-content2 p { margin-bottom: 1.8rem; } .endit-content2 h1 { font-size: 1.6rem; } .endit-content2 h2 { font-size: 1.5rem; } .endit-content2 h3 { font-size: 1.4rem; } .endit-content2 h4 { font-size: 1.3rem; } .endit-content2 h5 { font-size: 1.2rem; } .endit-content2 h6 { font-size: 1.2rem; } /*表单弹框*/ .nsw-modal { width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.2); position: fixed; top: 0; left: 0; z-index: 99999; } .modal-dialog { position: absolute; ; top: 50%; left: 0; margin-top: -5rem; width: 100%; min-height: 10rem; color: #000000; z-index: 99998; overflow: hidden; } .modal-dialog .css-icon { background-image: url("../images/modal-icons2.png"); background-size: 3.15rem 7.5rem; background-repeat: no-repeat; } .modal-dialog .modal-head { display: none; height: 30px; line-height: 30px; padding: 0px 20px; background: #F6EFEF; font-size: 14px; } .modal-dialog .modal-head .modal-logo { width: 15px; height: 15px; background-position: 1px 0px; margin: 8px 5px 0 0; float: left; } .modal-dialog .modal-head .close { float: right; width: 15px; height: 15px; background-position: -14px 0px; margin-top: 8px; } .modal-dialog .modal-body { max-width: 600px; min-width: 300px; width: 80%; margin: 0 auto; min-height: 10rem; background: #fff; border-radius: 10px; } .modal-dialog .modal-body .modal-body-left { margin: 1.5rem 0 0 4rem; float: left; } .modal-dialog .modal-body .modal-body-left .icon { width: 3.3rem; height: 3.2rem; } .modal-dialog .modal-body .modal-body-left .success-message { background-position: left bottom; } .modal-dialog .modal-body .modal-body-left .warming-message { background-position: 0px 0; } .modal-dialog .modal-body .modal-body-right { width: 64%; float: right; padding-top: 1rem; } .modal-dialog .modal-body .modal-body-right .close-btn { color: #515567; text-align: center; display: inline-block; height: 2.5rem; width: 6rem; font-size: 1.1rem; line-height: 2.5rem; background: #fff; border: 1px solid #dcdcdc; border-radius: 6px; margin-bottom: 1rem; } .modal-dialog .modal-body .modal-body-right p.msg-title { font-weight: bold; font-size: 1.3rem; } .modal-dialog .modal-body .modal-body-right p.msg { font-size: 1.2rem; color: #515567; margin-bottom: .5rem; } /*分页*/ .main-page-1 { height: 2.5rem; margin: 2rem auto; font-size: 1.3rem; line-height: 2.5rem; text-align: center; } .main-page-1 a { display: inline-block; width: 25%; height: 2.5rem; color: #fff; font-size: 1.3rem; line-height: 2.5rem; background: #0890e1; border-radius: .5rem; overflow: hidden; vertical-align: top; } .main-page-1 .laypage_curr p { display: inline-block; margin: 0 5%; color: #666; vertical-align: top; } /*分页2*/ .mc-page-1 { height: 2.5rem; margin: 2rem auto 4rem; font-size: 1.3rem; line-height: 2.5rem; text-align: center; } .mc-page-1-pn { margin-top: -2.5rem; position: relative; } .mc-page-1-size em { display: inline-block; margin: 0 0.1rem; } .mc-page-1 a { display: none; } .mc-page-1-pn .page_next, .mc-page-1-pn .page_pre { display: inline-block; width: 28%; height: 2.5rem; color: #fff; font-size: 1.3rem; line-height: 2.5rem; border-radius: .5rem; overflow: hidden; vertical-align: top; background:#0890e1; position: absolute; top: 0; } .mc-page-1 .page_next { right: 15%; } .mc-page-1 .page_pre { left: 15%; } /*m3分页*/ .mc-page-m3{ margin-top:0; margin-bottom: 2rem; } .mc-page-2-pn { margin-top: -2.5rem; position: relative; } .mc-page-2-pn .page_next, .mc-page-2-pn .page_pre { display: inline-block; width: 28%; height: 2.6rem; line-height: 2.6rem; border: 1px solid #0890e1; box-sizing: border-box; color: #0890e1; position: absolute; top: 0; } .pagination-wrapper .pagination{text-align: center;padding:20px 0 30px;width: 100%;overflow: hidden;height: auto;} .pagination-wrapper .pagination li{display: inline-block;} .pagination-wrapper .pagination li{background: #B6B6B6;padding:10px 20px;display: inline-block;margin: 0 2px;} .pagination-wrapper .pagination li span,.pagination-wrapper .pagination li a{color: #fff;} .pagination-wrapper .pagination li.active,.pagination-wrapper .pagination li:hover{background: #015cb5 ;}