/* 定义字体缩放程度（1rem = 100px） */
html { font-size: 625%; }
/*@media (min-width: 375px) {
	html { font-size: 625%; }
}
@media screen and (min-width:376px) and (max-width:383px) and (orientation:portrait) {
    html { font-size: 732.4%; }
}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait) {
    html { font-size: 750%; }
}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
    html { font-size: 781.25%; }
}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){
    html { font-size: 808.6%; }
}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){
    html { font-size: 843.75%; }
}*/

/*css reset*/
body{font-size: .14rem; font-family:'Microsoft YaHei','黑体',sans-serif; background: #fff; position: relative;}
html, body, div, applet, object, iframe, em, p, img, small, strong, center, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tr, th, td {margin:0;padding:0;border:0;outline:0;vertical-align:baseline} 
h1, h2, h3, h4, h5, h6{margin:0;padding:0;border:0;outline:0;vertical-align:baseline}
ol, ul {list-style:none} :active{outline:none;} :hover{outline:none;}
table {border-collapse:collapse;border-spacing: 0} 
caption, th, td { text-align: left; font-weight: normal} 
strong {font-weight:600} 
a{text-decoration:none;cursor:pointer;font-family:'Microsoft YaHei','黑体',sans-serif; color: inherit;} 
a:hover{text-decoration:none;}
input[type=botton]{word-wrap:break-word; outline:none;font-family:'Microsoft YaHei','黑体',sans-serif;}
input{border-radius:0;font-family:'Microsoft YaHei','黑体',sans-serif;}
li{ list-style-type:none;}
img { border: none;}
input, textarea, select{ outline:none; }

/* display */
.dn{display:none;}
.di{display:inline;}
.db{display:block;}
.dib{display:inline-block;}

/* height */
.h50{height: .5rem !important;}
.h100{height: 1rem !important;}
.h150{height: 1.5rem !important;}
.h200{height: 2rem !important;}
.hc100{height: 100% !important;}

/* width */
.w50{width: .5rem !important;}
.w100{width: 1rem !important;}
.w150{width: 1.5rem !important;}
.w200{width: 2rem !important;}
.wc100{width: 100% !important;}

/* line-height */
.lh0{line-height: 0;}
.lh20{line-height: .2rem;}
.lh22{line-height: .22rem;}
.lh24{line-height: .24rem;}
.lh26{line-height: .26rem;}
.lh28{line-height: .28rem;}
.lh30{line-height: .30rem;}
.lh40{line-height: .4rem;}
.lh45{line-height: .45rem;}

/* margin */
.ml0{margin-left: 0 !important;}
.mr0{margin-right: 0 !important;}
.mt0{margin-top: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.ml5{margin-left: .05rem;}
.ml10{margin-left: .1rem;}
.ml15{margin-left: .15rem;}
.ml20{margin-left: .2rem;}
.ml25{margin-left: .25rem;}
.ml30{margin-left: .3rem;}
.mr5{margin-right: .05rem;}
.mr10{margin-right: .1rem;}
.mr15{margin-right: .15rem;}
.mr20{margin-right: .2rem;}
.mr25{margin-right: .25rem;}
.mr30{margin-right: .3rem;}
.mt5{margin-top: .05rem;}
.mt10{margin-top: .1rem;}
.mt15{margin-top: .15rem;}
.mt20{margin-top: .2rem;}
.mt25{margin-top: .25rem;}
.mt30{margin-top: .3rem;}
.mb5{margin-bottom: .05rem;}
.mb10{margin-bottom: .1rem;}
.mb15{margin-bottom: .15rem;}
.mb20{margin-bottom: .2rem;}
.mb25{margin-bottom: .25rem;}
.mb30{margin-bottom: .3rem;}

/* padding */
.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}
.pl0{padding-left: 0 !important;}
.pr0{padding-right: 0 !important;}
.pl5{padding-left: .05rem;}
.pt5{padding-top: .05rem;}
.pr5{padding-right: .05rem;}
.pb5{padding-bottom: .05rem;}
.pl10{padding-left: .1rem;}
.pt10{padding-top: .1rem;}
.pr10{padding-right: .1rem;}
.pb10{padding-bottom: .1rem;}
.pl15{padding-left: .15rem;}
.pt15{padding-top: .15rem;}
.pr15{padding-right: .15rem;}
.pb15{padding-bottom: .15rem;}
.pl20{padding-left: .2rem;}
.pt20{padding-top: .2rem;}
.pr20{padding-right: .2rem;}
.pb20{padding-bottom: .2rem;}
.pl25{padding-left: .25rem;}
.pt25{padding-top: .25rem;}
.pr25{padding-right: .25rem;}
.pb25{padding-bottom: .25rem;}
.pl30{padding-left: .3rem;}
.pt30{padding-top: .3rem;}
.pr30{padding-right: .3rem;}
.pb30{padding-bottom: .3rem;}

.bc_ff{background-color:#fff !important;}
.bc_f5{background-color:#f5f5f5;}
.bc_cc{background-color:#ccc;}

/* safe color */
.fc_red{color: #f74142 !important;}
.fc_00{color:#000;}
.fc_33{color:#333;}
.fc_66{color:#666;}
.fc_99{color:#999;}
.fc_ff{color:#fff;}

/* font-size */
.f0{font-size:0;}
.f12{font-size: .12rem;}
.f14{font-size: .14rem;}
.f16{font-size: .16rem;}
.f18{font-size: .18rem;}
.f20{font-size: .20rem;}
.f22{font-size: .22rem;}
.f24{font-size: .24rem;}
.f26{font-size: .26rem;}

/* font-family */
.fs{font-family:Simsun;}/*宋体*/
.fyh{font-family:'Microsoft Yahei';}/*微软雅黑*/
.fh{font-family:'SimHei';}

/* font-style */
.fw100{font-weight:100;}
.fwn{font-weight:normal; font-style:normal;}
.fwb{font-weight:bold;}
.fsi{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;}

/* 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;}

/* float */
.fl{float:left;}
.fr{float:right;}

/* clear */
.clb{clear:both;}
.clear:after {height: 0; visibility: hidden; content: ""; display: block; clear: both;}

/* position */
.por{position:relative;}
.poa{position:absolute;}
.pof{ position:fixed;}

/* cursor */
.cut{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;}/*段落溢出小点表示*/
.cup{cursor:pointer;}/*鼠标指针变成手*/
.cud{cursor:default;}/*默认光标*/

/* overflow */
.ovh{overflow:hidden;}/*隐藏溢出*/
.ova{overflow:auto;}/*由浏览器决定如何显示,如果需要,则显示滚动条。*/

/* visibility */
.vh{visibility:hidden;}/*元素可见*/
.vv{visibility:visible;}/*元素不可见*/


/* ------------------- multiply CSS ------------------ */
/* 块状元素水平居中 */
.auto{margin-left:auto; margin-right:auto;}
/* 单行文字溢出虚点显示 */
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
/* 大小不定元素垂直居中 */
.dib_vm{display:inline-block; width:0; height:100%; vertical-align:middle;}
