/*css reset*/
body{font-family:Helvetica,Arial,"\5FAE\8F6F\96C5\9ED1",sans-serif;font-size:14px;line-height:1.6;}
html,body,div,object,iframe,em,img,small,strong,dl,dt,dd,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,span,p,blockquote,pre{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
ol,ul,li{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;list-style:none;}
:focus{outline:none;} 
table{border-collapse:collapse;border-spacing: 0;} 
table a{font-size:12px;font-size:12px;}
caption,th,td{text-align:left;font-weight:normal;} 
strong{font-weight:600;} 
a{text-decoration:none;cursor:pointer; color: inherit;} 
a:hover{text-decoration:none;}
img{border:none;}
input[type=botton]{word-wrap:break-word;outline:none;vertical-align:middle;}
input{border-radius:0;vertical-align:middle;}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;}
i,em{font-style:normal;}
textarea{resize:none;-webkit-appearance:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family: 'Microsoft YaHei'; color: #ccc;} 
input:-moz-placeholder,textarea:-moz-placeholder {font-family: 'Microsoft YaHei'; color: #ccc;} 
input::-moz-placeholder,textarea::-moz-placeholder {font-family: 'Microsoft YaHei'; color: #ccc;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family: 'Microsoft YaHei'; color: #ccc;}

/* display */
.dn{display:none !important;}
.di{display:inline !important;}
.db{display:block !important;}
.dib{display:inline-block !important;}

/* white-space */
.nowrap{white-space:nowrap;}/*文本不进行换行*/

/* word-wrap */
.bk{word-wrap:break-word;}/*自动换行*/

/* float */
.fl{float:left;}
.fr{float:right;}

/* clear */
.clb{clear:both;}
.clear{zoom:1;}
.clear:after {height:0;visibility:hidden;content:"";display:block;clear:both;}

/* 块状元素水平居中 */
.auto{margin-left:auto; margin-right:auto;}

/* 单行文字溢出虚点显示*/
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/* cursor */
.cup{cursor:pointer;}/*鼠标指针变成手*/
.cud{cursor:default;}/*默认光标*/

/* text-align */
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.tj{text-align:justify;}/*单词两端对齐*/

/* vertical-align */
.vm{vertical-align:middle;}

/* position */
.por{position:relative;}
.poa{position:absolute;}
.pof{ position:fixed;}

/* font-weight */
.fwn{font-weight:normal;}
.fwb{font-weight:bold;}

/* background-color name rule: bg - (key word/Hex color) |-> All colors are safe color */
.bgff{background-color:#fff;}
.bgf5{background-color:#f5f5f5;}
.bgf3{background-color:#f3f3f3;}

/* safe color */
.fc0{color:#000;}
.fc3{color:#333;}
.fc6{color:#666;}
.fc9{color:#999;}
.fcc{color:#ccc;}
.fcd{color:#ddd;}
.fce{color:#eee;}
.fcf{color:#fff;}

/* border color */
.bn{border:0;}

/* border-radius */
.br1{border-radius:1px;}
.br2{border-radius:2px;}
.br5{border-radius:5px;}

/* font-size */
.f0{font-size:0;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}

/* overflow */
.ovh{overflow:hidden;}/*隐藏溢出*/
.ova{overflow:auto;}/*由浏览器决定如何显示,如果需要,则显示滚动条。*/

/* height */
.hi{height: inherit};
.h20{height:20px;}
.h24{height:24px;}
.h30{height:30px;}
.h35{height:35px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}

/* width */
.w20{width:20px;}
.w50{width:50px;}
.w70{width:70px;}
.w100{width:100px;}
.w120{width:120px;}
.w130{width:130px;}
.w140{width:140px;}
.w160{width:160px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}
.w220{width:220px;}
.w250{width:250px;}
.w280{width:280px;}
.w300{width:300px;}
.w320{width:320px;}
.w360{width:360px;}
.w400{width:400px;}
.w460{width:460px;}
.w500{width:500px;}
.w600{width:600px;}
.w640{width:640px;}
.w700{width:700px;}
.wc100{width:100%;}

/* line-height */
.lh20{line-height:20px;}
.lh24{line-height:24px;}
.lh30{line-height:30px;}
.lh35{line-height:35px;}
.lh40{line-height:40px;}

/* margin */
.m0{margin:0;}
.m0a{margin:0 auto;}

.ml1{margin-left:1px;}
.ml2{margin-left:2px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}

.mr1{margin-right:1px;}
.mr2{margin-right:2px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}

.mt1{margin-top:1px;}
.mt2{margin-top:2px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}

.mb1{margin-bottom:1px;}
.mb2{margin-bottom:2px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}

/* padding */
.p0{padding:0;}
.p1{padding:1px;}
.p2{padding:2px;}
.p3{padding:3px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}

.pl1{padding-left:1px;}
.pl2{padding-left:2px;}
.pl3{padding-left:3px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}

.pr1{padding-right:1px;}
.pr2{padding-right:2px;}
.pr3{padding-right:3px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}

.pt1{padding-top:1px;}
.pt2{padding-top:2px;}
.pt3{padding-top:3px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}

.pb1{padding-bottom:1px;}
.pb2{padding-bottom:2px;}
.pb3{padding-bottom:3px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}

/*后台统一按钮格式*/
.backt_btn{font-size:14px;cursor: pointer;text-align: center;color: #606060; border: solid 1px #b7b7b7;border-radius: 4px; background: #FFFFFA; 
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFA), to(#DEDBDB)); background: -moz-linear-gradient(top, #F5F5F4, #DEDBDB); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFA', endColorstr='#DEDBDB'); }
.backt_btn:hover{text-decoration:none;
background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); background: -moz-linear-gradient(top, #fff, #dcdcdc); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); 
}
.backt_btn:active{color: #999; 
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top, #ededed, #fff); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); 
}
.backt_btn{width:60px;height:24px;line-height:24px;}