@charset "utf-8";

/*common*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,acronym,address,cite,code,del,dfn,em,font,img,strong,sub,sup,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;}
ol,ul,li{list-style:none;}
*:focus {outline: none;}
a{ text-decoration: none; color:#333}
a:hover{ color: #cd392a  }
.lt10{letter-spacing: 10px;}
.lt4{letter-spacing: 4px;}
/* display */
.none { display: none; }
.di { display: inline; }
.block  { display: block; }
.dib { display: inline-block; } 


.fl{float:left;}
.fr{float:right;}

/* 块状元素水平居中 */
.auto { margin-left: auto; margin-right: auto; }
.box{box-sizing: border-box;}

/* overflow */
.ovh { overflow: hidden; }

/* position */
.re,.pr{ position: relative; }
.ab,.pa { position: absolute; }


/* font-family */
.fw { font-family: 'Microsoft Yahei'; }
.fs { font-family: "宋体", Helvetica, Arial, sans-serif;  }


/* font-style */
.n { font-weight: normal; font-style: normal; }
.b { font-weight: bold; }
.i { font-style: italic; }

/* text-align */
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.tj { text-align: justify; }

/* 清除浮 动*/
.fix { *zoom:1; }
.fix:after { content:" "; display:block; height:0; clear:both; visibility:hidden; font-size:0;}

/*table*/
table { width: 100%;  border-collapse: collapse;}

/* margin */
.m0 { margin:0 !important; }
.ml0 { margin-left: 0}
.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; }
.mr30 { margin-right: 30px; }

.mt1 { margin-top: 1px !important; }
.mt2 { margin-top: 2px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px !important;  }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px; }
.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; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }

/* padding */
.p0 { padding: 0px; }
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}

.pr5 {padding-right:5px; }
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}

.pt5 {padding-top: 5px; }
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}

.pb5 {padding-bottom: 5px; }
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}

/* vertical-align */
.vm { vertical-align: middle; }
.vtb { vertical-align: text-bottom; }
.vb { vertical-align: bottom; }
.vt { vertical-align: top; }
.vn { vertical-align: -2px; }

.bgnone{background:none !important;}
.bnone{border:none !important;}
.bg_red{background:#fc0100 !important;}
.bg_fff{background:#fff !important;}
.bg_ccc{background:#ccc !important;}
.bg_eee{background:#eee !important;}
.bg_333{background:#333 !important;}
.bg_000{background:#08070d !important;}
.bg_blue{background:#E9EEF2 !important;}
.bg_blue2{background:#1158e8 !important;}

/*字体颜色*/
.c_fff{color:#fff !important;}
.c_333{color:#333 !important;}
.c_666{color:#666 !important;}
.c_999{color:#999 !important;}
.c_ccc{color:#ccc !important;}
.c_red{color:#fe0000 !important;}
.c_blue{color:#258FFD !important;}

/*字体大小*/
.font_12{font-size:12px !important;}
.font_14{font-size:14px !important;}
.font_16{font-size:16px !important;}
.font_18{font-size:18px !important;}
.font_20{font-size:20px !important;}
.font_22{font-size:22px !important;}
.font_24{font-size:24px !important;}
.font_26{font-size:26px !important;}
.font_28{font-size:28px !important;}
.font_30{font-size:30px !important;}
.font_40{font-size:40px !important;}
.font_50{font-size:50px !important;}
.font_60{font-size:60px !important;}

/*行高*/
.lh_16{line-height:16px !important;}
.lh_18{line-height:18px !important;}
.lh_20{line-height:20px !important;}
.lh_22{line-height:22px !important;}
.lh_24{line-height:24px !important;}
.lh_26{line-height:26px !important;}
.lh_28{line-height:28px !important;}
.lh_30{line-height:30px !important;}
.lh_35{line-height:35px !important;}
.lh_40{line-height:40px !important;}
.lh_45{line-height:45px !important;}
.lh_50{line-height:50px !important;}

/*宽度*/
.w100{width:100%}
.w90{width:90%}
.w80{width:80%}
.w70{width:70%}
.w60{width:60%}
.w50{width:50%}
.w40{width:40%}
.w33{width:33%}
.w30{width:30%}
.w25{width:25%}
.w20{width:20%}
.w16{width:16.666666666%}
.w10{width:10%}
.w5{width:5%}	
.aic{    
	align-items: center;
    justify-content: space-between;
    display: flex;
}
.logo{display: flex;align-items: center;}