/* ---------------------reset css----------------------- */
body,h1,h2,h3,h4,h5,h6,dl,dd,p,form{margin:0;}
body{font:14px/1.5 'microsoft yahei',tahoma,arial,sans-serif; background:#f5f5f5; color:#333; -webkit-tap-highlight-color:rgba(0,0,0,0);}
input::-webkit-input-placeholder{color:#999;}
input,textarea,select{font-size:16px; font-family:inherit; -webkit-appearance:none;}
h4,h5,h6{font-size:1em;}
ul,ol{margin:0; padding:0; list-style:none;}
img,button{border:0;}
a{text-decoration:none; color:#333; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; outline:none;}
a:hover{text-decoration:none;}
input:focus,textarea:focus{font-size:.25rem !important;}

/* ---------------------single css----------------------- */
/* display */
.dn{display:none;}
.di{display:inline;}
.db{display:block;}
.dib{display:inline-block;} /* if the element is block level(eg. div, li), using 'inline_any' instead */
/* height */
/* percent height value */
.pch100{height:100%;}
/* width */
/* fixed width value */
.w100{width:100px;}
/* percent width value */
.pcw10{width:10%;}
.pcw15{width:15%;}
.pcw20{width:20%;}
.pcw25{width:25%;}
.pcw30{width:30%;}
.pcw33{width:33.3%;}
.pcw40{width:40%;}
.pcw45{width:45%;}
.pcw50{width:50%;}
.pcw60{width:60%;}
.pcw66{width:66.6%;}
.pcw70{width:70%;}
.pcw75{width:75%;}
.pcw80{width:80%;}
.pcw85{width:85%;}
.pcw90{width:90%;}
.pcw95{width:95%;}
.pcw100{width:100%;}
/* line-height */
.lh0{line-height:0;}
.lh24{line-height:.4rem;}
.lh26{line-height:.46rem;}
.lh30{line-height:.5rem;}
/* margin */
.m0{margin:0;}
.mt10{margin-top:.08rem;}
.mr10{margin-right:.08rem;}
.mb10{margin-bottom:.08rem;}
.ml10{margin-left:.08rem;}
.mt20{margin-top:.12rem;}
.mr20{margin-right:.12rem;}
.mb20{margin-bottom:.12rem;}
.ml20{margin-left:.12rem;}
.mt30{margin-top:.18rem;}
.mr30{margin-right:.18rem;}
.ml30{margin-left:.18rem;}
.mb30{margin-bottom:.18rem;}
.mt40{margin-top:.24rem;}
.mr40{margin-right:.24rem;}
.mb40{margin-bottom:.24rem;}
.ml40{margin-left:.24rem;}
/* padding */
.p0{padding:0;}
.pt10{padding-top:.08rem;}
.pr10{padding-right:.08rem;}
.pb10{padding-bottom:.08rem;}
.pl10{padding-left:.08rem;}
.pt20{padding-top:.12rem;}
.pr20{padding-right:.12rem;}
.pb20{padding-bottom:.12rem;}
.pl20{padding-left:.12rem;}
.pt30{padding-top:.18rem;}
.pr30{padding-right:.18rem;}
.pl30{padding-left:.18rem;}
.pb30{padding-bottom:.18rem;}
/* border-radius */
.bdr3{border-radius:3px;}
.bdr5{border-radius:5px;}
.bdr10{border-radius:10px;}
.bdr100{border-radius:100%;}
/* background-color name rule: bg - (key word/hex color) |-> all colors are safe color */
.bgwhite{background:#fff;}
.bgbrown{background:#b48454;}
.bgbrown:hover{background:#997049;}
.bgblue{background:#27c5c4;}
.bgblue:hover{background:#22abab;}
.bggreen{background:#79b33b;}
.bggreen:hover{background:#679932;}
.bgyellow{background:#e9bc47;}
.bgyellow:hover{background:#cfa63e;}
.bggray{background:#ededed;}
.bggray:hover{background:#e5e5e5;}
/* safe color */
.g0{color:#000;}
.g3{color:#333;}
.g6{color:#666;}
.g80{color:#808080;}
.g9{color:#999;}
.gc{color:#ccc;}
.white{color:#fff;}
.red{color:#ef66b2;}
.green{color:#2ecd71;}
.yellow{color:#fadb80;}
/* font-size */
.f0{font-size:0;}
.f12{font-size:.20rem;}
.f13{font-size:.23rem;}
.f14{font-size:.24rem;}
.f15{font-size:.26rem;}
.f16{font-size:.28rem;}
.f17{font-size:.3rem;}
.f18{font-size:.32rem;}
.f19{font-size:.35rem;}
.f20{font-size:.36rem;}
.f22{font-size:.37rem;}
/* font-family */
.fa{font-family:arial;}
.ft{font-family:tahoma;}
.fv{font-family:verdana;}
.fs{font-family:simsun;}
.fw{font-family:'microsoft yahei';}
/* font-style */
.n{font-weight:normal; font-style:normal; white-space:normal;}
.b{font-weight:700;}
.i{font-style:italic;}
/* text-align */
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.tj{text-align:justify;}
/* text-decoration */
.tdl{text-decoration:underline;}
.tdn,.tdn:hover,.tdn a:hover,a.tdl:hover{text-decoration:none;}
/* letter-spacing */
.lt-1{letter-spacing:-1px;}
.lt0{letter-spacing:0;}
.lt1{letter-spacing:1px;}
/* white-space */
.nowrap{white-space:nowrap;}
/* word-wrap */
.bk{word-wrap:break-word;}
/* vertical-align */
.vm{vertical-align:middle;}
.vtb{vertical-align:text-bottom;}
.vb{vertical-align:bottom;}
.vt{vertical-align:top;}
.v-1{vertical-align:-1px;}
.v-2{vertical-align:-2px;}
.v-3{vertical-align:-3px;}
.v-4{vertical-align:-4px;}
.v-5{vertical-align:-5px;}
.vmm{display:flex; justify-content:center; align-items:center;}
.vml{display:flex; justify-content:left; align-items:center; text-align:left;}
/* float */
.fl{float:left;}
.fr{float:right;}
/* clear */
.cl{clear:both;}
/* position */
.fixed{position:fixed;}
.rel{position:relative;}
.abs{position:absolute;}
.top0{top:0;}
.right0{right:0;}
.bottom0{bottom:0;}
.left0{left:0;}
/*z-index*/
.zx1{z-index:1;}
.zx2{z-index:2;}
.zx3{z-index:3;}
.zx9{z-index:9;}
/* cursor */
.poi{cursor:pointer;}
.def{cursor:default;}
/* overflow */
.ovh{overflow:hidden;}
.ova{overflow:auto;}
.ovhx{overflow-x:hidden;}
.ovhy{overflow-y:hidden;}
/* visibility */
.vh{visibility:hidden;}
.vv{visibility:visible;}
/* opacity */
.opa0{opacity:0; filer:alpha(opacity=0);}
/* zoom */
.z{*zoom:1;}
/* line */
.line_tit{display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical;}
.line1{-webkit-line-clamp:1;}
.line2{-webkit-line-clamp:2;}
.line3{-webkit-line-clamp:3;}

/* ---------------------warn css----------------------- */
.warn{top:0; right:0; bottom:0; left:0;} 
.warn:after{content:''; display:inline-block; vertical-align:middle; height:90%;}
.warn_tit{padding:0.1rem 0.2rem; background:rgba(0,0,0,0.5); border-radius:3px; color:#fff; white-space:nowrap;}

/* ------------------- multiply css ------------------ */
/* 块状元素水平居中 */
.auto{margin-left:auto; margin-right:auto;}
/* 清除浮动 */
.clearfix{zoom:1;}
.clearfix:after{display:table; content:''; clear:both;}
/* 基于display:table-cell的自适应布局 */
.cell{display:table-cell; *display:inline-block; width:2000px; *width:auto;}
/* 双栏自适应cell部分连续英文字符换行 */
.cell2{overflow:hidden; _display:inline-block;}
/* 单行文字溢出虚点显 示*/
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
/* css3过渡动画效果 */
.trans{
    -webkit-transition:all .15s;	
            transition:all .15s;
}
/* 大小不定元素垂直居中 */
.dib_vm{display:inline-block; width:0; height:100%; vertical-align:middle;}
/* 基于display:inline-block的布局 */
.dib_vt{display:inline-block; *display:inline; vertical-align:top; *zoom:1;}
/* 加载中背景图片 - 如果您使用该css小库，务必修改此图片地址 */
.loading{background: no-repeat center;}
/* 无框文本框文本域 */
.bd_none{border:0; outline:none;}
/* 绝对定位隐藏 */
.abs_out{position:absolute; left:-999em; top:-999em;}
.abs_clip{position:absolute; clip:rect(0 0 0 0);}
/* 按钮禁用 */
.disabled{outline:0 none; cursor:default!important; opacity:.4; filer:alpha(opacity=40); -ms-pointer-events:none; pointer-events:none;}
/*inline-block与float等宽列表*/
.inline_box{font-size:1em; letter-spacing:-.25em; font-family:arial;}
.inline_two, .inline_three, .inline_four, .inline_five, .inline_six, .inline_any{display:inline-block; *display:inline; letter-spacing:0; vertical-align:top; *zoom:1;}
.float_two, .float_three, .float_four, .float_five, .float_six{float:left;}
.inline_two, .float_two{width:50%; *width:49.9%;}
.inline_three, .float_three{width:33.33333%; *width:33.3%;}
.inline_four, .float_four{width:25%; *width:24.9%;}
.inline_five, .float_five{width:20%; *width:19.9%;}
.inline_six, .float_six{width:16.66666%; *width:16.6%;}
.inline_fix{display:inline-block; width:100%; height:0; overflow:hidden;}

.loading{display:inline-block; width:20px; height:20px; vertical-align:middle; -webkit-animation:a 1s steps(12) infinite;animation:a 1s steps(12) infinite; background:transparent  no-repeat;background-size:100%}.weui-loading.weui-loading_transparent{background-image:' rx='5' ry='5' transform='translate(0 -30)'/><rect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/><rect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/><rect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/><rect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/><rect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/><rect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/><rect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/><rect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/><rect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/><rect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/><rect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/></svg>")}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}