*{ font-family:微软雅黑}
body{background:#F5F5F5;}
a{color:#252525;text-decoration:none;}
a:hover{text-decoration:none;color:#F00;}

/*font-size*/
.f-s-12{font-size:12px;}
.f-s-13{font-size:13px;}
.f-s-2r{font-size:2rem;}
/*padding*/
.p-0{padding:0px;}
.p-d-0{padding:0px;}
.p-d-5{padding:5px;}
.p-d-l-5{padding-left:5px;}
.p-d-t-5{padding-top:5px;}
.p-d-b-5{padding-bottom:5px;}
/*margin*/
.m-0{margin:0px;}
.m-t-2{margin-top:2px;}
.m-t-5{margin-top:5px;}
.m-t-10{margin-top:10px;}
.m-b-10{margin-bottom:10px;}

/*line-height*/
.l-h-15{line-height:15px;}
.l-h-25{line-height:25px;}
.l-h-30{line-height:30px;}
.l-h-35{line-height:35px;}
.l-h-40{line-height:40px;}
.l-h-50{line-height:50px;}

/*height*/
.h-50{height:50px;}
.h-40{height:40px;}
/*width*/
.w-r-100{width:100%;}

/*background-color*/
.bg-c-gr{background:#F3F4F6;}
.bg-c-wh{background:#FFF;}

/*border*/
.bd-l-r-4{border-left:4px solid #EE1C25;}
.bd-b-g-1{border-bottom:1px solid #E3E3E5;}/*底部灰色*/
/*color*/
.f-c-r{color:#F00;}
.f-c-g{color:#333333;}

/*other*/
.d-p-block{display:block;}

/*backgroud*/
.bg-white{ background:#fff;}
.bg-red{ background:#f04a51;}
.bg-blue{ background:#41ccb4;}
.bg-f5{ background:#f5f5f5;}
.bg-yellow{ background:#fffdee;}

/*font*/
.f12{ font:12px;}
.f18{ font-size:18px;}
.f24{ font-size:24px;}

/*color*/
.c0{ color:#000;}
.c3{ color:#333;}
.c6{ color:#666;}
.c9{ color:#999;}
.cc{ color:#ccc;}
.cf{ color:#fff;}
.cor-red{ color:#ff0000;}
.cor-blue{ color:#41ccb4;}
.cor-orange{ color:#f0a04b;}
.cor-green{ color:#038800;}

/*border*/
.bk{ border:1px solid #e7e7e7;}
.bk-top{ border-top:1px solid #e7e7e7;}
.bk-top-dashed{ border-top:1px dashed #e7e7e7;}
.bk-bottom{ border-bottom:1px solid #e7e7e7;}
.bk-bottom-dashed{ border-bottom:1px dashed #e7e7e7;}
.bk-left{ border-left:1px solid #e7e7e7;}
.bk-right{ border-right:1px solid #e7e7e7;}

/*padding*/
.pd0{ padding:0px;}
.pd5{ padding:5px;}
.pd10{ padding:10px;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl35{ padding-left:35px;}
.pl50{ padding-left:50px;}
.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}

/*margin*/
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt30{ margin-top:30px;}
.mb5{ margin-bottom:5px;}
.mb15{ margin-bottom:15px;}
.mb100{ margin-bottom:100px;}
.ml5{ margin-left:5px;}
.ml15{ margin-left:15px;}

/*height*/
.h30{ height:30px;}

/*line height*/
.lh20{ line-height:20px;}
.lh30{ line-height:30px;}
.lh40{ line-height:40px;}
.lh50{ line-height:50px;}
.lh60{ line-height:60px;}
.lh70{ line-height:70px;}

.active{
    color:#c9302c;
}