@charset "utf-8";
body{font: 12px/1 Microsoft YaHei, Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}
html,body{height: 100%;}
body,h1,h2,h3,h4,h5,h6,p,div,form,ol,ul,li,input,dl,dt,dd,a,img,table,td,th,input,button,textarea,select{margin:0;padding:0}
header,nav,section,footer,article,aside,dialog,figure,menu{display:block}
h1,h2,h3,h4,h5,h6{font-size: 100%}
input,textarea,select,button{font-size:100%;font-family:inherit;outline:0;border:none;background:none}
em,i{font-style:normal}
ol,ul{list-style-type:none}
a{background: transparent;-webkit-tap-highlight-color: rgba(255,255,255,0)}
a,a:hover{text-decoration:none}
a:active,a:hover{outline: 0 none}
:focus{outline: 0 none}
img{border:0 none;vertical-align:top}
table{border-collapse: collapse;border-spacing:0}
table th{font-weight: normal}
iframe{display:block}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance: button;cursor: pointer}
button[disabled],html input[disabled]{cursor: not-allowed}
button{overflow: visible}
input::-ms-clear{display:none;}
input[type="password"]::-ms-reveal{display:none}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
textarea{resize: none}
[draggable]{-webkit-user-select: none;user-select: none;cursor: move}
::-moz-focus-inner{border-color:transparent}
small{font-size: 12px}
select{border: solid 1px #000;appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url("http://****.png") no-repeat scroll right center transparent;padding-right: 14px;height:22px; line-height:18px; padding:2px 0}
select::-ms-expand { display: none; }
/* 常用属性 */
/* 浮动 */
.fl{float:left}
.fr{float:right}
.rel{position: relative}
.abs{position: absolute}
.clearfix:after{content:"\200B";display:block;height:0;clear:both;visibility:hidden}
/* 文本对齐 */
.txtl{text-align:left}
.txtr{text-align:right}
.txtc{text-align:center}
/* 字体 */
.n{font-weight:normal;font-style:normal}
.b{font-weight:bold}
.ellipsis{display:inline-block;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;overflow:hidden}
.bk{word-wrap:break-word}
.db{display:block}
.dib{display:inline-block}
.di{display:inline}
/* margin类 */
.m0{margin:0}.m5{margin:5px}.m10{margin:10px}.m15{margin:15px}.m20{margin:20px}.m{margin:30px}
.mt0{margin-top:0}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt11{margin-top:11px}.mt12{margin-top:12px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt33{margin-top:33px}.mt35{margin-top:35px}.mt47{margin-top:47px }
.mr0{margin-right:0}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}.mr30{margin-right:30px}.mr35{margin-right:35px}
.mb0{margin-bottom:0}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb18{margin-bottom:18px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}
.ml0{margin-left:0}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml25{margin-left:25px}.ml30{margin-left:30px}.ml33{margin-left:33px}.ml45{margin-left:45px;}.ml55{margin-left:55px}
/* padding */
.p0{padding:0}.p5{padding:5px}.p10{padding:10px}.p15{padding:15px}.p20{padding:20px}
.pt0{padding-top:0}.pt5{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pt25{padding-top:25px}.pt30{padding-top:30px}.pt47{padding-top:47px}
.pr0{padding-right:0}.pr5{padding-right:5px}.pr10{padding-right:10px}.pr15{padding-right:15px}.pr20{padding-right:20px}.pr30{padding-right:30px}
.pb0{padding-bottom:0}.pb5{padding-bottom:5px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb30{padding-bottom:30px}
.pl0{padding-left:0}.pl5{padding-left:5px}.pl10{padding-left:10px}.pl15{padding-left:15px}.pl20{padding-left:20px}.pl30{padding-left:30px}
/* ======================================================== 布局、框架性样式 开始 ==================================================== */
/* 精灵图 开始 */
.ico,.sprite{display: inline-block;vertical-align: middle;background:url(../images/sprite.png) no-repeat}
/* 精灵图 结束 */

/* css3常用属性 */