html body{width: 100%; overflow-x: hidden;}
body {background-color: #f5f5f5; color: #666; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-overflow-scrolling: touch;}
html, body, p, a, span, ul, li, ol, select, td, th, input, textarea, button{font-family: "Helvetica Neue","Microsoft Yahei","微软雅黑","Tohoma"; }
a, a:link, a:visited, a:hover, a:active, a:focus{text-decoration: none; outline: 0; border: 0;}
a:active{color: #ff861b;}
input, textarea, button,select{padding: 0; margin: 0; border: 0; outline: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; appearance: none;}
textarea{resize: none;}
input:focus, textarea:focus, button:focus, select:focus{border: 0; outline: 0;}
img{margin: 0 auto; max-width: 100%; display: block;}
small{display: block;}
ul{list-style: none;}
ul.style li{float: left;}
/* Grid */
.col-12x{width: 100%}
.col-11x{width: 88%}
.col-10x{width: 83.3333333333%}
.col-9x{width: 75%}
.col-8x{width: 66.6666666667%;}
.col-7x{width: 58.3333333333%}
.col-6x{width: 50%}
.col-5x{width: 41.6666666667%}
.col-4x{width: 33.3333333333%;}
.col-3x{width: 25%}
.col-2x{width: 16.6666666667%}
.col-1x{width: 8.3333333333%}

/* 表单元素 */
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none; -moz-box-shadow: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #bebebe;} 
input:-moz-placeholder, textarea:-moz-placeholder{color: #bebebe;} 
input::-moz-placeholder, textarea::-moz-placeholder{color: #bebebe;} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #bebebe;} 

/* loading */
.loading-wrap{z-index: 99; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #f5f5f5;} 
.loading-wrap .spinner{width:50px; height:30px; text-align:center; font-size:10px; position:absolute; top:50%; left:50%; margin-top: -25px;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);}
.loading-wrap .spinner>div{background-color:#031b01; height:100%; width:6px; display:inline-block;
-webkit-animation:stretchdelay 1.2s infinite ease-in-out;
animation:stretchdelay 1.2s infinite ease-in-out;}
.loading-wrap .spinner .rect2{-webkit-animation-delay:-1.1s; animation-delay:-1.1s;} 
.loading-wrap .spinner .rect3{-webkit-animation-delay:-1s; animation-delay:-1s;} 
.loading-wrap .spinner .rect4{-webkit-animation-delay:-.9s; animation-delay:-.9s;}
.loading-wrap .spinner .rect5{-webkit-animation-delay:-.8s; animation-delay:-.8s;}
@-webkit-keyframes stretchdelay {
0%,40%,100% {-webkit-transform:scaleY(.4);}
20% {-webkit-transform:scaleY(1);}
}
@keyframes stretchdelay {
0%,40%,100% {transform:scaleY(.4); -webkit-transform:scaleY(.4);}
20% {transform:scaleY(1); -webkit-transform:scaleY(1);} 
}

.container{position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow-y: auto; background: #f5f5f5; -webkit-overflow-scrolling: touch;}
.imgbox{background-position: center center; background-repeat: no-repeat; background-size: cover;}
.imgbox a{display: block; width: 100%; height: 100%;}
.nobefore:before, .noafter:after{display: none !important;}
.weui_cells{margin-top: 10px;}
.weui_cell:before{right: 0; width: auto;}
.lzero:before{left: 0;}
.r15:before{right: 15px;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.start{-webkit-box-align: start !important; -webkit-align-items: flex-start !important; align-items: flex-start !important;}
.noscroll{height: 100%; overflow: hidden;}
.icon{-webkit-text-stroke-width: 0;}
.weui-popup-container, .weui-picker-container{z-index: 1000;}


/* vip */
.vip{background-size: 100%; background: #031b01 url(../images/tree.jpg) repeat-y center top;}
.vip .item{margin: 15px 15px 45px; padding: 10px 10px 0; overflow: hidden; font-size: 1rem; color: #000; background: rgba(255,255,255,.8); -webkit-border-radius: 10px; border-radius:10px;}
.vip .item p{position: relative; margin-bottom: 10px; padding-left: 20px;}
.vip .item p .number{position: absolute; left: 0; top: -2px; font-weight: bold; font-size: 1.15rem;}

/* guide */
.guide{background: #2f3a32;}
.guide .article{padding: 15px; color: #fff; font-size: 1rem; line-height: 1.3;}
.guide .article p{position: relative; margin-bottom: 10px; padding-left: 25px;}
.guide .article p .tit{font-weight: bold; color: #90c51f; font-size: 1.15rem;}
.guide .article p .number{position: absolute; left: 0; top: 0; font-weight: bold; color: #90c51f; font-size: 1.15rem;}
.guide .btn{display: block; margin: 20px auto 30px; padding: 5px 0; width: 50%; text-align: center; background: #90c51f; color: #2f3a32; font-size: 1.3rem; font-weight: bold; border: 3px solid #dbf999; -webkit-border-radius: 8px; border-radius: 8px;}

/* login */
.login .userface{margin: 30px auto; width: 120px; height: 120px;}
.login .weui_input{font-size: 0.95rem; color: #000;}
.login .weui-vcode-btn{font-size: 0.95rem;}
.login .weui_cells{padding: 10px;}
.login .weui_cell{margin-top: 10px;}
.login .weui_cell::before{top: auto; bottom: 0;}
.login .weui_btn_area{margin-top: 50px;}
.login .weui_footer{margin-top: 20px; padding: 15px; text-align: center; color: #333;}

.gray000{color: #000;}
.gray333{color: #333;}
.gray666{color: #666;}
.gray999{color: #999;}
.bg-white{background-color: #fff;}
.bg-orange{background-color: #ffad00;}
.bg-orange:active{background-color: #e59c01;}
.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}
.pl0{padding-left: 0 !important;}
.pr0{padding-right: 0 !important;}
.pd0{padding: 0 !important;}
.mt{margin-top: 0 !important;}
.mb{margin-bottom: 0 !important;}
.ml{margin-left: 0 !important;}
.mr{margin-right: 0 !important;}
.ff-ar{font-family: "Arial" !important;}
.noborder{border: 0 !important;}
.ellipsis{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.justify{text-align: justify; text-justify:inter-ideograph;}
.filterbox{z-index: 502; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.clearfix:after {display: block; clear: both; height: 0px; overflow: hidden; content: "\200B" }
.clearfix { *zoom: 1; }
.noradius{-webkit-border-radius: 0 !important; border-radius: 0 !important;}
.shadow{box-shadow: 0 33px 73px rgba(17,15,15,.2); -webkit-box-shadow: 0 33px 73px rgba(17,15,15,.2);}
.trans-3{-webkit-transition: all 0.3s; transition: all 0.3s;}