/* ---------------------reset CSS----------------------- */
body,h1,h2,h3,h4,h5,h6,dl,dd,p,form{margin:0;}
body{font:14px/1.5 tahoma,arial,sans-serif; background:#f5f5f5; color:#222; -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:14px !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 */
.h20{height:20px;}
.h24{height:24px;}
.h28{height:28px;}
.h50{height:50px;}
.h80{height:80px;}
.h100{height:100px;}
.min800{min-height:800px;}
/* percent height value */
.pch100{height:100%;}
/* width */
/* fixed width value */
.w280{width:280px;}
.w760{width:760px;}
.w1000{width:1000px;}
.w1200{width:1200px;}
.min1200{min-width:1200px;}
/* percent width value */
.pcw5{width:5%;}
.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;}
.lh20{line-height:20px;}
.lh24{line-height:24px;}
.lh26{line-height:26px;}
.lh28{line-height:28px;}
.lh30{line-height:30px;}
.lh32{line-height:32px;}
.lh36{line-height:36px;}
/* margin */
.m0{margin:0;}
.mt1{margin-top:1px;}
.mr1{margin-right:1px;}
.mb1{margin-bottom:1px;}
.ml1{margin-left:1px;}
.mt2{margin-top:2px;}
.mr2{margin-right:2px;}
.mb2{margin-bottom:2px;}
.ml2{margin-left:2px;}
.m5{margin:5px;}
.mt5{margin-top:5px;}
.mr5{margin-right:5px;}
.mb5{margin-bottom:5px;}
.ml5{margin-left:5px;}
.m10{margin:10px;}
.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.ml10{margin-left:10px;}
.m15{margin:15px;}
.mt15{margin-top:15px;}
.mr15{margin-right:15px;}
.mb15{margin-bottom:15px;}
.ml15{margin-left:15px;}
.m20{margin:20px;}
.mt20{margin-top:20px;}
.mr20{margin-right:20px;}
.mb20{margin-bottom:20px;}
.ml20{margin-left:20px;}
.m30{margin:30px;}
.mt30{margin-top:30px;}
.mr30{margin-right:30px;}
.ml30{margin-left:30px;}
.mb30{margin-bottom:30px;}
.m40{margin:40px;}
.mt40{margin-top:40px;}
.mr40{margin-right:40px;}
.ml40{margin-left:40px;}
.mb40{margin-bottom:40px;}
.m50{margin:50px;}
.mt50{margin-top:50px;}
.mr50{margin-right:50px;}
.ml50{margin-left:50px;}
.mb50{margin-bottom:50px;}
/* padding */
.p0{padding:0;}
.pt5{padding-top:5px;}
.pr5{padding-right:5px;}
.pb5{padding-bottom:5px;}
.pl5{padding-left:5px;}
.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}
.pl10{padding-left:10px;}
.pt20{padding-top:20px;}
.pr20{padding-right:20px;}
.pb20{padding-bottom:20px;}
.pl20{padding-left:20px;}
.pt30{padding-top:30px;}
.pr30{padding-right:30px;}
.pl30{padding-left:30px;}
.pb30{padding-bottom:30px;}
/* 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;}
.bgblue{background:#27c5c4;}
.bggreen{background:#79b33b;}
.bgyellow{background:#e9bc47;}
.bggray{background:#ededed;}
.bgblack{background:#26252a;}
/* 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;}
.blue{color:#54acc9;}
.green{color:#2ecd71;}
.yellow{color:#fadb80;}
.orange{color:#f46364;}
/* font-size */
.f0{font-size:0;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
/* font-family */
.fa{font-family:Arial;}
.ft{font-family:Tahoma;}
.fv{font-family:Verdana;}
.fg{font-family:Georgia;}
.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;}
/* 閸╄桨绨琩isplay: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;}
/* 閸╄桨绨琩isplay:inline-block閻ㄥ嫬绔风仦鈧� */
.dib_vt{display:inline-block; *display:inline; vertical-align:top; *zoom:1;}
/* 閸旂姾娴囨稉顓″剹閺咁垰娴橀悧锟� - 婵″倹鐏夐幃銊ゅ▏閻€劏顕欳SS鐏忓繐绨遍敍灞藉韫囧懍鎱ㄩ弨瑙勵劃閸ュ墽澧栭崷鏉挎絻 */
.loading{background:url(about:blank) 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娑撳穳loat缁涘顔旈崚妤勩€�*/
.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;}