html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,a,p,input, select{margin:0;padding:0; outline: 0; border:0; background:transparent;}
html *{ max-width:100%; /*max-width:6.4rem*/}
body{font-size:14px; background:#fff; font-family:"Microsoft YaHei","Helvetica Neue", Helvetica, STHeiTi, sans-serif; color:#333; -webkit-user-select: none;-webkit-backface-visibility: hidden;-webkit-font-smoothing: antialiased;-webkit-tap-highlight-color: rgba(255,255,255,0); line-height: normal;}
a, a:link{text-decoration:none;color:#333;outline:none;}
ul,ol,li{list-style:none;}
img, a img, embed{ border:none;outline:none;}
i,em{ font-style:normal;}.fl{ float:left;}.fr{ float:right;}
.cutStr{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.shadow{ box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);}
input, textarea{ font-size:0.3rem; border:none; color: #333;}
.iblk{display: inline-block; width: 100%;}
.clr{ clear:both;}
.bgSize{ background-size:100% 100%; background-repeat: no-repeat;}
.bgWhite{ background: #fff;}
.bgGray{ background: #f9f9f9}
.bgGray2{ background: #f1f1f1}
.cGray{ color:#666;}
.cutTxt, .cutTxt2{-webkit-line-clamp: 1; text-overflow: ellipsis;display: -webkit-box; overflow:hidden;word-break: break-all;-webkit-box-orient: vertical; autoprefixer: on;}
.cutTxt2{-webkit-line-clamp: 2;}
.hide{ display: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #d9d9d9;font-size: 0.3rem;}
input:-moz-placeholder, textarea:-moz-placeholder {color: #d9d9d9;font-size: 0.3rem;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #d9d9d9;font-size: 0.3rem;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #d9d9d9;font-size: 0.3rem;}

@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.7.0');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-angle-left:before{content:"\f104"}
.fa-angle-down:before {content: "\f107";}
.fa-angle-right:before {content: "\f105";}
.fa-angle-up:before {content: "\f106";}

.shade, .shade2{ display:none; z-index:1999; position:fixed; width:100%; height:100%;  top:0; left:0;}
.shadeBox, .shadeBox2{ z-index:1; position:absolute; width:100%; height:100%; top:0; left:0; background:#000; filter:progid:DXImageTransform.Microsoft.alpha(opacity=65);opacity:0.65;}
.shadeWin{ z-index:2; position:relative; width:100%; display:inline-block;}

.tips{ z-index:9999; position:fixed; left:0; top:0; width:100%; height:100%;}
.tips p{ width:80%; margin:0 auto; padding:0.2rem; color:#fff; text-align:center; font-size:0.3rem; margin:0 auto; background:#000; filter:progid:DXImageTransform.Microsoft.alpha(opacity=65);opacity:0.65; border-radius:10px;}

.tops{ z-index: 90; position: fixed; left: 0; top:0; width: 100%; height: 1rem; background: #35bd3a; color: #fff; overflow-x: hidden;}
.tops a.goBackIcon{ z-index: 2; position: absolute; left:2%; top: 0;  display:block; width:0.6rem; height: 100%; }
.tops a.goBackIcon img{ position: absolute; left:20%; top:0.255rem; display: block; width: 0.25rem; height: auto;}
.tops p{ z-index: 1; position: absolute; left: 0; top:0; width: 100%; font-size:0.4rem; text-align: center; line-height: 1rem;}

.cwrap, .cwrap2, .cwrap3{ width: 100%; padding: 1rem 0 0.8rem; overflow-x: hidden;}
.cwrap2{ padding:1rem 0 1.8rem;}
.cwrap3{ padding-top: 1.9rem;}
.loadMore{ padding-top: 0.2rem; color: #9a9a9a; font-size:0.32rem; text-align: center;}
.cBtn{ width: 70%; height: 0.8rem; line-height: 0.8rem; background: #35bd3a; font-size: 0.38rem; color: #fff; border-radius: 0.4rem; text-align: center; }
.cBtn a{ display: block; color: #fff;}

.confirmDiv{position: absolute; top:-2rem; left:10%; width: 80%; background: #fff; border-radius: 0.2rem;}
.confirmDiv .hd{ padding-top: 0.6rem; color: #000; font-size: 0.36rem; text-align: center;}
.confirmDiv .bd{ height: 2rem; margin: 0 5%;}
.confirmDiv .bd .hbtn{ display:block; width: 42%; height:0.7rem; line-height: 0.7rem; font-size: 0.32rem; margin-top: 0.5rem; border-radius: 0.3rem; text-align: center; overflow:hidden;}
.confirmDiv .bd .i1{ color: #35bd3a; border: #35bd3a solid 1px; height:0.67rem; line-height: 0.67rem;}
.confirmDiv .bd .i2{ background: #35bd3a; color: #fff;}

.inTab{}
.inTab .hd{ color: #9a9a9a; font-size: 0.33rem; padding: 0.2rem;}
.inTab .bd{ background: #fff; }
.inTab .bd .item{ clear:both; margin: 0 2.5%; height: 0.9rem; font-size: 0.3rem; border-bottom: #f1f1f1 solid 1px; line-height: 0.9rem;}
.inTab .bd i{ color: #9a9a9a;}
.inTab .bd em{ color: #333;}
.inTab .bd .fa-angle-right{ font-size: 0.5rem; color: #9a9a9a;}

@keyframes showNav{
    0%{left:-475px;}
    50%{left:-238px;}
    100%{left:0;}
}
@keyframes hideNav{
    0%{left:0;}
    50%{left:-238px;}
    100%{left:-475px;}
}

/* loading */
.loadings{ display:none; z-index:999; position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; overflow:hidden;}
.loadings .lbd{ z-index:2; position:relative; left:49%; top:42%; text-align:center;}
@-webkit-keyframes ball-spin-fade-loader{50%{opacity:.3;-webkit-transform:scale(.4);transform:scale(.4)}
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes ball-spin-fade-loader{50%{opacity:.3;-webkit-transform:scale(.4);transform:scale(.4)}
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
.ball-spin-fade-loader>div:nth-child(1){top:26px;left:0;-webkit-animation:ball-spin-fade-loader 1s -.96s infinite linear;animation:ball-spin-fade-loader 1s -.96s infinite linear}
.ball-spin-fade-loader>div:nth-child(2){top:19px;left:19px;-webkit-animation:ball-spin-fade-loader 1s -.84s infinite linear;animation:ball-spin-fade-loader 1s -.84s infinite linear}
.ball-spin-fade-loader>div:nth-child(3){top:0;left:26px;-webkit-animation:ball-spin-fade-loader 1s -.72s infinite linear;animation:ball-spin-fade-loader 1s -.72s infinite linear}
.ball-spin-fade-loader>div:nth-child(4){top:-19px;left:19px;-webkit-animation:ball-spin-fade-loader 1s -.6s infinite linear;animation:ball-spin-fade-loader 1s -.6s infinite linear}
.ball-spin-fade-loader>div:nth-child(5){top:-26px;left:0;-webkit-animation:ball-spin-fade-loader 1s -.48s infinite linear;animation:ball-spin-fade-loader 1s -.48s infinite linear}
.ball-spin-fade-loader>div:nth-child(6){top:-19px;left:-19px;-webkit-animation:ball-spin-fade-loader 1s -.36s infinite linear;animation:ball-spin-fade-loader 1s -.36s infinite linear}
.ball-spin-fade-loader>div:nth-child(7){top:0;left:-26px;-webkit-animation:ball-spin-fade-loader 1s -.24s infinite linear;animation:ball-spin-fade-loader 1s -.24s infinite linear}
.ball-spin-fade-loader>div:nth-child(8){top:19px;left:-19px;-webkit-animation:ball-spin-fade-loader 1s -.12s infinite linear;animation:ball-spin-fade-loader 1s -.12s infinite linear}
.ball-spin-fade-loader>div{ background:#00b350; width:10px;height:10px;border-radius:100%;margin:3px;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute}