@charset "utf-8";
/* CSS Document */
@import 'cssreset.css';

/*common*/
*:focus {outline: none;}
a:hover{ color: #cd392a !important;}
/* display */
.dn,.none { display: none; }
.di { display: inline; }
.db,.block  { display: block; }
.dib { display: inline-block; } /* if the element is block level(eg. div, li), using 'inline-any' instead */


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

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

/* overflow */
.ovh { overflow: hidden; }

/* position */
.rel { position: relative; }
.abs { 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-spacing:0;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: 0; }
.p1 { padding: 1px; }
.pl1 { padding-left: 1px; }
.pt1 { padding-top: 1px; }
.pr1 { padding-right: 1px; }
.pb1 { padding-bottom: 1px !important; }

.p2 { padding: 2px; }
.pl2 { padding-left: 2px; }
.pt2 { padding-top: 2px; }
.pr2 { padding-right: 2px; }
.pb2 { padding-bottom: 2px; }

.pl5 { padding-left: 5px; }
.p5 { padding: 5px; }
.pt5 { padding-top: 5px; }
.pr5 { padding-right: 5px; }
.pb5 { padding-bottom: 5px; }

.p10 { padding: 10px; }
.pl10 { padding-left: 10px; }
.pt10 { padding-top: 10px !important;; }
.pr10 { padding-right: 10px; }
.pb10 { padding-bottom: 10px; }

.p15 { padding: 15px; }
.pl15 { padding-left: 15px; }
.pt15 { padding-top: 15px; }
.pr15 { padding-right: 15px; }
.pb15 { padding-bottom: 15px; }

.p20 { padding: 20px; }
.pl20 { padding-left: 20px; }
.pt20 { padding-top: 20px; }
.pr20 { padding-right: 20px; }
.pb20 { padding-bottom: 20px; }

.p30 { padding: 30px; }
.pl30 { padding-left: 30px; }
.pt30 { padding-top: 30px; }
.pr30 { padding-right: 30px; }
.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_444{background:#444 !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;}

/*宽度*/
.w100{width:100%}
.w95{width:95%}
.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%}
.w10{width:10%}