@charset "utf-8";
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul {margin: 0;padding: 0}
body {min-width: 320px;  margin:0 auto; 
  font-size: 12px;font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;color: #333;-webkit-text-size-adjust: none; background:#efefef;}
img {border: 0}
div,p{ box-sizing:border-box;}
ol,ul {list-style: none}
address,em {font-style: normal}
a{color: #666;text-decoration: none}
.clearfix:after {clear: both;content: " ";display: block;font-size: 0;height: 0;visibility: hidden}
.clearfix {zoom: 1}
* {-webkit-tap-highlight-color: rgba(0,0,0,0); box-sizing:border-box;}
a,button,input,i{-webkit-tap-highlight-color:rgba(0,0,0,0); -moz-tap-highlight-color:rgba(0,0,0,0); -ms-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);}/* 点击去除阴影 */
input,textarea{-webkit-user-select:auto; font-size:12px;}
:focus{outline:none;}
/*解决图片缩放的失真问题*/
img{ max-width:100%; height:auto;border:none; interpolation-mode: bicubic;}
section{display:block;margin:0 auto;}
em,i{font-style:normal;}
button,input{border:0 none;}
u,del{text-decoration:none;}
.fl-l{float:left;}
.fl-r{ float:right;}
input[type="submit"],input[type="reset"],input[type="button"],input[type="password"],input[type="text"],button{-webkit-appearance:none;outline:none;}
input, select, textarea {  border: 0; border-radius: 0;}
input{line-height:normal}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}

header{ background:#FFF; position:fixed; top:0; left:0; color:#333; width:100%; height:50px; z-index:89;}
header .title{ line-height:50px; text-align:center; font-weight:normal; font-size:18px; width:72%; margin:auto; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis;}

.sidenav-brand{background: #fff; padding:6px; line-height: 0; border: none;}
.sidenav-brand img{width: 100%;}
header{position: fixed; width: 100%; height: 52px; color: #fff;  background: #4991ff; top:0; left:0; text-align: center;}
header .material-icons { line-height: 52px; }
header .hd{line-height: 52px; text-align: center; font-weight: bold; font-size:16px;width:72%; margin:auto; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis;}

.toggle{width: 72px; line-height: 52px; height: 52px; display: block;
	text-align: center; color: #000c18; position:fixed; top:0; left:0;}
a.btn-back{ width:50px; height:50px; position:absolute; top:0px; left:0px; line-height:50px; color:#000; padding-left:8px; overflow:hidden; }

.m-top{margin-top:58px;}

.fa-lg{color: #fff;}
.font-gray{color:#a9afb8; }

.f-gray{color:#666;} 

.icon {
  font-family:"icon" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-down:before { content: "\e600"; }
.btn-back:before { content: "\e623"; font-size:24px; }

/*通用*/
.wrap .bd{text-align: center; font-size:16px; padding:28px 20px 12px;}

.arrow-right:after { content: " ";display: inline-block;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);  transform: rotate(45deg);height: 9px; width: 9px; border-width: 1px 1px 0 0; border-color: #999;border-style: solid;position: relative;top: -2px;top: -1px;}
.com-tx{ border:#e4e4e4 1px solid; border-radius:3px; width:94%; padding:5px 3%; height:36px;}
.c-tx{ border:#ccc 1px solid; width:20px; height:20px; vertical-align:middle;}

.footer-con{ background:#fff; border-top:#e5e5e5 1px solid; padding:12px; width:100%; z-index:2; position:fixed; bottom:0; left:0; }
.footer-con .tip{ font-size:12px; padding-bottom:6px;}
.footer-con .f-tips{ text-align:center; padding:8px;}
.btn{ width:100%; padding:11px 0; text-align:center; color:#fff; display:block; border-radius:3px; }
.btn-blue{ background:#3385ff;}
.btn-gray{ background:#999;}

.form-group{ padding:0 12px ; background:#fff; border-top:#e5e5e5 1px solid; }
.form-group dl{ border-radius:5px;  height: 52px;  clear: both; }
.form-group dl dt{width:100px; text-align:left; line-height:52px; float:left; font-size:12px;}
.form-group dl dd { padding-left:100px; display:block; position:relative; border-bottom:#ebebeb 1px solid; font-size:12px;}
.form-group dl dd .tx{ height:50px; line-height:normal; color:#9299a3; font-size:14px; border:none; border-radius:3px; width:100%;vertical-align:middle; box-sizing:border-box; padding:0 12px; }
.form-group dl.code .tx{ width:160px;}
.form-group .tx-long{height:50px; line-height:normal;  font-size:14px; border:none;  border-radius:3px; width:100%;vertical-align:middle; box-sizing:border-box; padding:0 12px;}
.form-group dl.code{ position:relative;}
.form-group dl.code .btn-msgs{ border:#3385ff 1px solid; display:block; color:#3385ff;  padding:8px 0px; width:112px; text-align:center; position:absolute; top:1px; right:0px; margin-top:2px; border-radius:32px;}
.form-group dl.code .btn-msgs-db{ color:#fff; background:#3385ff; border:#3385ff 1px solid;}
.form-group dl:last-child dd,.form-group dl:last-child dt{border:none;}

.style2{padding:12px; overflow: hidden;}
.style2 li{width: 50%; float: left; padding:6px 0;}
.style3{padding:12px;}
.style4 .img{padding:12px 12px 0 12px;}
.style4 .img img{width: 100%;}
.style5{padding:12px;}
.c-tips{color: #999; font-size:12px;}
.style6{padding:12px;}
.style6 h4{padding-top:12px;}
.style6 ul{ padding-top:12px; }
.style6 li{border-bottom:#ededed 1px solid; padding-bottom:12px; overflow: hidden;}
.style6 .div-r{float: right;}
.style7{padding:12px;}
.style7 .textarea{border:#ededed 1px solid; padding:12px; width: 100%; border-radius: 6px;}


::placeholder{ color: #a9afb8; }
.form-group dl dd select.tx{color: #a9afb8;}

.com-title{font-size:18px; border-bottom:#ededed 1px solid; border-top:#ededed 1px solid; padding:6px; text-align: center; }

.bannar img{width: 100%;}

.footer{position:fixed; width: 100%; bottom:0; border-top:#d5d5d5 1px solid; background: #fff;}
.footer ul{overflow: hidden;}
.footer li{width: 33.333%; float: left;  text-align: center; height: 52px;}
.footer li a{display: block; font-size:14px; }
.footer li a span{display: block; padding-top:6px;}
.footer li a i{display: block; padding-top:8px;}
.footer .cur *{color: #3385ff;}
.footer .fa{font-weight: bold; font-size:16px;}

.main { margin-bottom:68px;}

.erm {text-align: center; padding:12px;} 
.erm img{border:#fff 8px solid; border-radius: 12px; overflow: hidden; width: 260px; height: 260px;}

.btn-green{ background: #31ce77; border:none; color:#fff;  padding:12px 18px; border-radius: 3px;}
.btn-blue{ background: #3385ff; border:none; color:#fff;  padding:12px 18px; border-radius: 3px;}
.btn-oragn{ background: #f67d33; border:none; color:#fff;  padding:12px 18px; border-radius: 3px;}

.btn-blue-o{ background: #fff; border:#3385ff 1px solid; color:#3385ff;  padding:6px; border-radius: 3px;}
.btn-red-o{ background: #fff; border:#c00 1px solid; color:#c00;  padding:6px; border-radius: 3px;}

.btn-ms{   padding:7px 12px; border-radius: 3px;}
.c-tips{ padding:12px; text-align:left; color:#999; }
.r-tips{padding-top:12px; text-align:left; color:red; font-size:12px;}
.form-group select.tx{ color: #a9afb8;}

.f-blue{color: #3385ff;}
.f-green{color: #31ce77;}

.report{}
.report .hd{ background: url(../images/bg.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%; padding-top:36px; 
}
.report .hd ul{ position: relative; overflow: hidden; padding:16px;
  
}
.btn-all {overflow: hidden; padding:12px 16px 0 16px;}
.btn-all a{float: right;}
.btn-all a i{font-size:16px;}
.btn-all-b {padding:16px; font-size:14px; }
.btn-all-b a{border:#3385ff 1px solid; display: inline-block; padding:8px 32px; border-radius: 12px; background-color: #fff;}
.report .hd li{float: left; width: 33.333%; text-align: center; font-size:16px;}
.report .hd li i{font-size:24px; color: #3385ff;}
.report .hd li a{display: block; padding:16px 6px; background: #fff;}
.report .hd li:first-child a{border-top-left-radius: 12px; }
.report .hd li:first-child a{border-bottom-left-radius: 12px; }
.report .hd li:last-child a{border-top-right-radius: 12px; }
.report .hd li:last-child a{border-bottom-right-radius: 12px; }
.report .hd li i{display: block;}
.report .hd span{ display: block;}
.report .hd img{width: 50%; margin:auto}

.report .ft{text-align: center; padding:24px; color:#999}

.com-btn{padding:12px; background: #fff; text-align: center; margin-top:6px;}
.item-list {margin:12px 16px; }
.item-list .user{font-size:14px; font-size:16px; border-bottom:#ededed 1px solid; padding-bottom:6px;}
.item-list .user i{color: #3385ff; vertical-align: middle; }
.item-list ul li{background: #fff; border-radius: 12px; padding:12px; margin-bottom:12px;}
.item-list .year{font-size:16px; padding-bottom:6px;}
.item-list .title{font-size:18px; font-weight: bold; padding:8px 0;}
.item-list .con{padding:12px; padding-top:24px; background: #e7f3fc; overflow: hidden;}
.item-list .con .img{width: 60px; float: left;}
.item-list .con .dec{ overflow: hidden; font-size:14px;}
.item-list .con .dec h1{font-size:16px;}
.item-list .con .dec .d-time{ color: #999; line-height: 22px;}
.item-list .con .dec .d-dec{color: #999;  line-height: 22px;}
.item-list .btn-view{ overflow: hidden; padding:24px;}
.item-list .btn{ color: #fff; background-color:#3385ff; border-radius: 3px; padding:12px;}
.bg-w{background: #fff;}


.question{}
.question .hd{ background: url(../images/bannar2.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%; padding:24px 40px; text-align: center; color: #fff;
}
.question .hd ul{ position: relative; overflow: hidden; padding:16px;
  
}
.question .bd h2{font-size:16px; padding:12px;}
.question .bd ul li{ overflow: hidden; font-size:14px; padding:16px 12px; border-bottom:1px solid #ededed; background: #fff;}
.question .bd ul li span.r{float:right; font-size:12px; color: #999;}
.question .bd ul li i{position: relative; margin-left:6px; top:-2px; vertical-align: middle;}
.question .bd ul li em{color: #3385ff; padding-right: 8px;}
.question .bd ul li span.l{float: left;}
.question .bd ul li a{display: block;}
.question .item{  padding:12px 0;  }
.question .item h3{padding:6px 12px;}
.question .bd ul li span.r strong{color: #f00;}

.home{ position: relative; background: #fff;}
.home .b-nav  ul{overflow: hidden; padding:12px;}
.home .b-nav li{float:left; width: 50%;}
.home .b-nav .img{float: left; width: 52px; padding-right:5px;}
.home .b-nav .img img{width: 100%;}
.home .b-nav h1{font-size:20px;}
.home .b-nav p{padding-top:6px; color: #999;}
.home .c-nav {border-top:#ededed 1px solid;}
.home .c-nav ul{overflow: hidden; padding:16px 0;}
.home .c-nav li{float:left; width: 25%; text-align: center;}
.home .c-nav li .img{color: #3385ff;}
.home .c-nav .text{padding-top:6px;}
.home .case{overflow: hidden; padding:12px;}
.home .case .con{background: #ebf5ff; overflow: hidden; border-radius: 3px; padding:12px; position: relative;}
.home .case h1{float: left; width: 52px; font-size:15px;}
.home .case .text{padding-right:52px; line-height: 22px; }
.home .case .more{ position:absolute; top:20px; right:12px; border-left:#dedede 1px solid;  padding-left:12px;}

.gl{ margin-top:12px; background: #fff; padding:12px;}
.gl ul{overflow: hidden;}
.gl li{float: left;text-align: center; width: 33.333%; padding:12px 0; font-size:14px;}
.gl li.line{border-right:#ededed 1px solid;}
.gl h2{ padding:6px 0}
.gl p{color: #999;font-size:12px;}

.pg{ margin-top:12px; background: #fff; padding:12px;}

.pg .tag{ padding:12px 0;}
.pg .tag span{display: inline-block; padding:12px;  background: #ebf5ff; margin:6px; border-radius: 6px;}
.pg ul{overflow: hidden;}
.pg li{width: 50%; float: left; text-align: center;}
.pg .con{ color: #fff;   padding:16px; margin:6px; border-radius: 6px;}
.pg .con h2{font-size:14px; padding-top:6px;}
.pg .con.blue{background: #007dec; margin-right:6px;}
.pg .con.orage{background: #f3a318; margin-left:6px;}

.details{ margin-top:52px;  padding:16px;}
.details h1{font-size:20px;}
.details .progress{ padding:12px 0;}
.details .ou{ background-color: #f6f6f6; height: 28px; width: 100%; position: relative; }
.details .bar{ background: #02c684; text-align: center; line-height: 28px; height: 28px; color: #fff; 
  background: #03c88a; position: absolute; width: 50%; left: 0;}
  .details .begin{position: absolute; top:28px; left: 0;}
  .details .vaul{position: absolute; top:28px; left: 45%;}
  .details .vaul-box{ position: absolute; left: 80%; text-align: center; width: 50px; z-index: 99;}
  .details .vaul-box .v-text{background-color: #f00; color: #fff; position: relative; top:-18px; text-align: center; border-radius: 12px;}
  .details .vaul-box .line{ width: 2px; height: 28px; background: #f00; margin:auto; position: relative; top:-17px;}
  .details .vaul-box .v-this{ position:relative; top:-16px; color: #f00;}

  .cart-one{margin-top:12px; padding:16px;}
  .cart-one p{padding:6px 0; line-height: 22px;}
  .cart-two {margin-top:12px; padding:16px;}
  .cart-two .hd{ overflow: hidden; font-weight: bold; font-size:14px;}
  .cart-two .hd span{float: right; position: relative; top:-2px;}
  .cart-two .bd{line-height: 26px;}
  .cart-three .bd{background: #fdf6eb; border:#fcefda 1px solid; margin-top:6px;  position: relative;}
  .cart-three .bd .con{padding:6px; margin-top:6px;}
  .cart-three .tips{background: #fc8e4f; color: #fff; display: inline-block; padding:1px 12px; border-bottom-right-radius: 18px;}