/***引入其他css****/
@charset "utf-8";
@import "../font/iconfont.css";
@import "layer.css";
/**css重置**/
html{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%
}
body{
line-height:1.6;
font-family:"Microsoft YaHei",-apple-system-font,"Helvetica Neue",Arial,sans-serif;
font-size:0.27rem;
}
html,body{
margin:0;
padding:0;
width:100%;
overflow-x:hidden;
}
*{
box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;
}
input[type="button"], input[type="submit"], input[type="reset"],button {
-webkit-appearance: none;
appearance: none;
white-space: pre;
}
:focus{
 outline:0;
}
ul,ol,li{
list-style:none;
padding:0;
margin:0;
}
a{
 text-decoration:none;
 color:inherit;
}
h1,h2,h3,h4,h5,p{
padding:0;
margin:0;
}
/********flex布局********/
.cell{
 position: relative;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 align-items: center;
 -webkit-align-items: center;
 box-align: center;
 -moz-box-align: center;
 -webkit-box-align: center;
}
.cell-start{
 position: relative;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items:flex-start;
 align-items:flex-start;
 box-align: flex-start;
 -moz-box-align: flex-start;
 -webkit-box-align: flex-start;
}
.cell-wrap{
 position: relative;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap:wrap;
 flex-wrap: wrap;
}

.cell-end{
 position: relative;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items:flex-end;
 align-items:flex-end;
 box-align: flex-end;
 -moz-box-align: flex-end;
 -webkit-box-align: flex-end;
}

.cell-baseLine{
 position: relative;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items:baseline;
 align-items:baseline;
 box-align:baseline;
 -moz-box-align: baseline;
 -webkit-box-align:baseline;
}
.cell-strecth{
 position: relative;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items:strecth;
 align-items:strecth;
 box-align:strecth;
 -moz-box-align: strecth;
 -webkit-box-align:strecth;
}
.max-width-content{
  max-width:420px;
  margin:0 auto;
 }
.cell-primary{
 -webkit-box-flex:1;
 -webkit-flex:1;
 -ms-flex:1;
 flex:1;
}
.cell-hd,.cell-ft{
 position:relative;
}
/******scrollBar.css*****/
.scroll-bar{
 width:auto;
 overflow-y:hidden;
 overflow-x:scroll;
 -webkit-overflow-scrolling: touch;
 height:0.8rem;
 white-space: nowrap;
 font-size:0.28rem;
}
/********infintScroll************/
.refreshWrap .refresh{position: absolute;left: 0;top: 0;width: 100%;height:60px;line-height: 60px;text-align: center;}
.refreshWrap .loadingBox{width: 100%;height:40px;text-align: center;padding: 10px;position: relative;background-color: #fff;z-index: 2}
.refreshWrap .loading,.refreshWrap .loadTxt{vertical-align: middle;display: inline-block;}
.refreshWrap .loading{border-radius: 50%;width: 16px;height: 16px;border: 1px solid #666;border-top-color: transparent;margin-right: 8px;transform: translateZ(0);position: relative;}
.refreshWrap .noMore .loading{display:none;}
.refreshWrap .success{border-color: transparent;}
.refreshWrap .success:before{content:"";border:1px solid #666;border-top-color: transparent;border-left-color:transparent;position: absolute;left: 0;bottom: 0;width: 8px;height: 16px;}
.refreshWrap .rotate {
 -webkit-animation: refresh-rotate 0.6s linear infinite;
 animation: refresh-rotate 0.6s linear infinite;
}
@keyframes refresh-rotate {
  0% {
        transform: rotateZ(0deg);
        -moz-transform: rotate(0deg);
    }
  100% {
        transform: rotateZ(360deg);
        -moz-transform: rotate(360deg);
    }
}

#scroll-conttent{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow-y:auto;-webkit-overflow-scrolling: touch;}
#scroll-conttent ul{background-color: #fff;position: relative;z-index: 3;}
#scroll-conttent  li{padding:0.1rem 0.15rem;border-bottom: 1px solid #ccc}
#scroll-conttent h5{font-size: 0.3rem;}
#scroll-conttent li p{font-size: 0.27rem;}

/********content-fw*********/
.skin{
 background-color:#009c82;
}
.skin2{
 background-color:#f4f4f4;
}
.block{
 width:100%;
 display:block;
 border:0;
}
.banner-container{
 width:100%;
 padding-bottom:1.8rem;
 position:relative;
}
.banner-container .banner{
 width:100%;
 height:3.8rem;
 background:url('../images/banner.jpg')no-repeat;
 background-size:cover;
}
.banner-container .logos{
 width:3.43rem;
 position:absolute;
 right:0.4rem;
 bottom:0.1rem;
}
.banner-container .logos .logo{
 width:100%;
 height:1.68rem;
 background:url('../images/logo.png')no-repeat;
 background-size:cover;
}
.logos .txt{
 color:#fff;
 font-size:0.28rem;
 text-align:right;
 padding-top:0.15rem;
}
.scan-container{
 width:2.8rem;
 text-align:center;
 margin:1.2rem auto 0 auto;
 font-size:0.3rem;
 color:#f8b500;
}
.scan{
 width:2rem;
 height:1.8rem;
 background:url('../images/scan.jpg')no-repeat;
 background-size:100% 100%;
 margin:0 auto 0.6rem auto;
}
.fw{
 width:6.5rem;
 margin-left:1rem;
 margin-top:0.6rem;
 margin-bottom:0.6rem;
 padding:0.8rem 0.4rem;
 background:#f8b500;
 color:#fff;
 position:relative;
}
.fw .title{
 font-size:0.3rem;
 padding:0.2rem 0 0.1rem 0;
 width:1.7rem;
 position:absolute;
 top:0;
 right:0;
 border-bottom:1px solid #fff;
}
.fw #fwresult{
 padding:0.2rem 0 0 0;
 font-size:0.27rem;
}
.focus{
 width:6.5rem;
 padding:0.4rem 1rem 0.4rem 1.2rem;
 background:rgba(0,0,0,0.1);
 color:#fff;
 position:relative;
 font-size:0.3rem;
}
.focus img{
 display:block;
 width:1.6rem;
}
.focus .cell div:nth-of-type(1){
 padding-right:0.2rem;
}
/****************content-syjc***********************/
.fulbg{
 width:100%;
 height:100%;
 background:url('../images/bg.jpg')no-repeat;
 background-size:cover;
 position:relative;
 padding:1.5rem 0;
}
.fulbg2{
 width:100%;
 height:100%;
 background:url('../images/bg2.jpg')no-repeat;
 background-size:cover;
 position:relative;
 padding:1.5rem 0;
}
.jc-logo{
 width:3.5rem;
 height:1.7rem;
 margin:0 auto;
 background:url('../images/logo.png')no-repeat;
 background-size:cover;
}
.form{
 width:6rem;
 margin:1rem auto;
 color:#fff;
}
.form .cell{
 padding:0.3rem 0 0.2rem 0;
}
.form .cell .cell-hd{
 height:0.6rem;
 line-height:0.6rem;
}
.form .cell input{
 display:block;
 width:100%;
 height:0.6rem;
 line-height:0.6rem;
 background:transparent;
 color:#fff;
 font-size:0.27rem;
 border:0;

 outline:0;
 padding:0 0.2rem;
}
.form .cell:after{
 content: " ";
 position: absolute;
 width:100%;
 left: 0;
 bottom: 0;
 right: 0;
 left:0;
 height: 1px;
 border-top: 1px solid #e5e5e5;
 color: #e5e5e5;
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: scaleY(0.5);
 transform: scaleY(0.5);
 z-index: 2;
}
.lbtn{
 width:100%;
 height:0.76rem;
 line-height:0.76rem;
 display:block;
 width:100%;
 margin:0.6rem auto;
 border:0;
 outline:0;
 color:#fff;
 background:#009c82;
 font-size:0.28rem;
}
/***********************/
.banner-container2{
 width:100%;
 padding:1.8rem 0.2rem 0 0.2rem;
 position:relative;
}
.banner-container2 .banner{
 width:100%;
 height:5rem;
 background:url('../images/banner2.jpg')no-repeat;
 background-size:cover;
}
.banner-container2 .logos{
 width:3.43rem;
 position:absolute;
 left:0.2rem;
 top:0.1rem;
}
.banner-container2 .logos .logo{
 width:100%;
 height:1.68rem;
 background:url('../images/logo.png')no-repeat;
 background-size:cover;
}
.scan-container2{
 width:2.8rem;
 text-align:center;
 margin:0.8rem auto 0 auto;
 font-size:0.3rem;
 color:#f8b500;
}
/**************************/
.logo-banner{
 width:100%;
 color:#fff;
 font-size:0.3rem;
 text-align:center;
 padding:1.1rem 0 1.1rem 0;
}
.logo-banner .logo{
 width:3.7rem;
 height:1.7rem;
 margin:0 auto 0.1rem auto;
 background:url('../images/logo.png')no-repeat;
 background-size:100% 100%;
}
.items{
 width:6.28rem;
 margin:0 auto;
}
.items .item{
 margin-bottom:0.4rem;
}
.head{
 width:100%;
 height:0.69rem;
}
.h1{
 background:url('../images/t1.png')no-repeat;
 background-size:100% 100%;
}
.h2{
 background:url('../images/t2.png')no-repeat;
 background-size:100% 100%;
}
.h3{
 background:url('../images/t3.png')no-repeat;
 background-size:100% 100%;
}
.item-child{
 width:6rem;
 margin:0 auto;
 padding:0.1rem 0.2rem 0.45rem 0.2rem;
 background:#fff;
 margin-top:-2px;
}
.tt{
 padding-bottom:0.15rem;
 position:relative;
 text-align:center;
 font-size:0.28rem;
 color:#009c82;
 font-weight:bold;
}
.tt:after{
 content: " ";
 position: absolute;
 width:100%;
 left: 0;
 bottom: 0;
 right: 0;
 height: 1px;
 border-top: 1px solid #009c82;
 color: #009c82;
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: scaleY(0.5);
 transform: scaleY(0.5);
 z-index: 2;
}
.tt:before{
 content: " ";
 position: absolute;
 width:1rem;
 left:2.3rem;
 bottom:-0.03px;
 height:0.01rem;
 border-top:0.06rem solid #009c82;
 color: #009c82;
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: scaleY(0.5);
 transform: scaleY(0.5);
 z-index: 2;
}
.ih-content{
 width:100%;
 padding:0.2rem 0.1rem;
 line-height:1.6em;
 color:#009c82;
}
.wmsg{
 padding-bottom:0.14rem;
 padding-left:0.4rem;
 position:relative;
}
.wmsg:before{
 content: " ";
 display:block;
 position: absolute;
 width:1px;
 height:100%;
 left:0;
 top:0.16rem;
 border-left:1px solid #e1e6e5;
 color: #e1e6e5;
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: scaleY(1);
 transform: scaleY(1);
 z-index: 2;
}
.wmsg:last-child:before{
 content: " ";
 display:block;
 position: absolute;
 width:1px;
 height:0;
 left:0;
 top:0.16rem;
 border-left:1px solid #e1e6e5;
 color: #e1e6e5;
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: scaleY(1);
 transform: scaleY(1);
 z-index: 2;
}
.wmsg:after{
 content: " ";
 display:block;
 position: absolute;
 width:0.16rem;
 height:0.16rem;
 border-radius:50%;
 background:#9caba9;
 left:-0.08rem;
 top:0.16rem;
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: scaleY(1);
 transform: scaleY(1);
 z-index: 2;
}
.wmsg:last-child:after{
 content: " ";
 display:block;
 position: absolute;
 width:0.2rem;
 height:0.2rem;
 border-radius:50%;
 background:#009c82;
 box-shadow:0 0 5px #009c82;
 left:-0.1rem;
 top:0.16rem;
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: scaleY(1);
 transform: scaleY(1);
 z-index: 2;
}
.wx-tip{
 width:5.4rem;
 margin:0 auto;
 padding:0 0 0.3rem 0;
 text-align:center;
 color:#fff;
}
.btn-group{
 width:6rem;
 margin:0 auto;
 padding:0 0 0.6rem 0;
 display:none;
}
.btn-group button{
 width:100%;
 border:0;
 outline:0;
 background:#f8b500;
 padding:0.2rem 0;
 color:#fff;
 font-size:0.28rem;
 font-family:inherit;
}
.btn-group button img{
 display:inline-block;
 width:0.44rem;
 margin-right:0.1rem;
 vertical-align:middle;
}
/********************/
.artical{
 width:6.8rem;
 margin:0 auto;
 padding:0.4rem 0 0.6rem 0;
}
.white-space{
 width:100%;
 padding:0.2rem 0.2rem 0.4rem 0.2rem;
 background:#fff;
}
.textarea-container{
 width:100%;
 height:1.8rem;
 overflow:hidden;
}
textarea{
 -webkit-appearance:none;
 appearance:none;
 border:0;
 outline:0;
 width:100%;
 height:2rem;
 font-style:inherit;
 font-family:inherit;
 font-weight:inherit;
 font-size:0.27rem;
}
.uploader-input {
 position: absolute;
 z-index: 1;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 opacity: 0;
 -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.uploader-input-wrp {
 float: left;
 position: relative;
 margin-right: 9px;
 margin-bottom: 9px;
 width: 60px;
 height: 60px;
 border: 1px solid #d9d9d9;
}
.uploader-input-wrp:after, .uploader-input-wrp:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #d9d9d9;
}
.uploader-input-wrp:after {
  width: 39.5px;
  height: 2px;
}
.uploader-input-wrp:before {
    width: 2px;
    height: 39.5px;
}
.uploader-file {
 float: left;
 margin-right: 9px;
 margin-bottom: 9px;
 width:60px;
 height:60px;
 background: no-repeat 50%;
 background-size: cover;
}
.uploader-file img{
 display:block;
 width:60px;
 height:60px;
}
.primary-btn{
 width:100%;
 font-size:0.28rem;
 padding:0.2rem 0;
 border:0;
 outline:0;
 color:#fff;
 background-color:#009c82;
}
.marT-4{
 margin-top:0.4rem;
}
.font-big{
 font-size:2.2rem;
}
.sus{
color:#009c82;
}
.fail{
 color:#f8b500;
}
/********************/
.banner-bg{
 width:100%;
 position:relative;
 padding-bottom:1rem;
 background-color:#0a0817;
 border-bottom-left-radius:1rem;
 border-bottom-right-radius:1rem;
 overflow:auto;
}
.sfh-msg{
 width:6.9rem;
 padding:0.3rem 0.4rem 0.4rem 0.4rem;
 background-color:#fff;
 position:absolute;
 left:0.3rem;
 top:1.8rem;
 z-index:10;
}
.logo2{
 width:100%;
 height:2.66rem;
 background:url('../images/logo2.jpg')no-repeat;
 background-size:cover;
}
.sfh-msg div{
 text-align:center;
 padding:0.2rem 0;
 color:#009c82;
}
.sfh-msg div span{
 font-size:0.32rem;
} 
.sfh-msg div em{
 font-style:normal;
 margin-left:0.3rem;
 color:#f8b500;
}
.scan-group{
 width:100%;
 padding:2.4rem 0.3rem 0.3rem 0.3rem;
}
.list-group{
 width:100%;
 padding:1.7rem 0.3rem 0.3rem 0.3rem;
}
.scan-group button,.list-group button{
 display:block;
 width:100%;
 border:0;
 outline:0;
 height:0.8rem;
 line-height:0.8rem;
 text-align:center;
 background-color:#009c82;
 font-size:0.3rem;
 color:#fff;
 -webkit-appearance:none;
 appearance:none;
 border-radius:0;
}
.form-group{
 width:100%;
 height:1.2rem;
 padding:0.2rem;
 background-color:#fff;
 margin-bottom:0.2rem;
}
.list-group .form-group .cell div:nth-of-type(1){
 width:4.2rem;
 margin-right:0.2rem;
}
.list-group .form-group .cell div:nth-of-type(2){
 width:2.4rem;
}
.list-group .form-group .cell div input{
 height:0.8rem;
 border:1px solid #009c82;
 padding:0 0.2rem;
 width:100%;
 display:block;
}
.list-group .form-group .cell div button{
 font-size:0.28rem;
}
.cell-table{
 background-color:#fff;
 margin:0.2rem auto;
}
.cell-table .cell-head{
 background-color:#e9e9e9;
}
.cell-table .cell{
 padding:0.1rem 0;
 text-align:center;
}
.cell-table .cell .cell-primary{
 padding:0.05rem 0;
}
.cell-table .cell .cell-hd{
 width:1.7rem;
 text-align:center;
}
.list-1 .cell .cell-primary{
 padding:0 0.2rem;
}
/********************/
.mask{
 width:100%;
 position:fixed;
 z-index:100;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background-color:rgba(0,0,0,0.6);
 padding:3rem 0.75rem;
}
.mcontent{
 width:100%;
 background-color:#fff;
}
.mhead{
 text-align:center;
 padding:0.6rem 0.3rem;
}
.green-bg{
 background-color:#009c82;
 color:#fff;
}
.yel-bg{
 background-color:#f8b500;
 color:#fff;
}
.menu-num{
 font-size:0.31rem;
 padding:0.1rem 0;
}
.state{
 width:2.8rem;
 height:0.6rem;
 line-height:0.6rem;
 text-align:center;
 font-size:0.28rem;
 border-radius:0.3rem;
 background-color:rgba(0,0,0,0.2);
 margin:0.2rem auto;
}
.mbody{
 font-size:0.28rem;
 padding:0.5rem;
 background-color:#fff;
 text-align:center;
}
.closed{
 width:0.8rem;
 height:0.8rem;
 margin:0.3rem auto;
 background:url('../images/close.png')no-repeat;
 background-size:cover;
}