/*
	通用样式及通用模块
*/

/*格式化样式*/
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0;width:100%}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;}
ol,ul{list-style:none}
q:after,q:before{content:''}
abbr,acronym{border:0}
h1,h2,h3,i,span{font-style:normal;}

/*文字排版、颜色*/
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f28{font-size:28px}
.fb{font-weight:bold}
.fn{font-weight:normal}
.t2{text-indent:2em}
.red,a.red{color:#ff2c45!important}
.blue,a.blue{color:#2888e1!important}
.green,a.green{color:#00c300!important}
.darkblue,a.darkblue{color:#0033d8!important}
.light_gray,a.light_gray{color:#acacac!important}
.gray,a.gray{color:#878787!important}
.orange{color:#ff7b00!important;}
.yellow{color:#FFCC33!important;}
.black{color:#000!important;}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}

/*定位*/
.tl{text-align:left}
.tc,.center{text-align:center}
.tr{text-align:right}
.fl,.left{float:left;}
.fr,.right{float:right;}
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.vm{vertical-align:middle}
.pr{position:relative}
.pa{position:absolute}
.hidden{visibility:hidden}
.hide {display: none !important;}
.block{display: block !important;}
.nowrap{white-space:nowrap;}
.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both;}
.clearfix {zoom: 1;}
/*长度高度*/
.w10{width:10px !important}
.w20{width:20px !important}
.w30{width:30px !important}
.w50{width:50px !important}
.w80{width:80px !important}
.w90{width:90px !important}
.w100{width:100px !important}
.w120{width:120px !important}
.w150{width:150px !important}
.w200{width:200px !important}
.w250{width:250px !important}
.w400{width:400px !important}
.w500{width:500px !important}
.w800{width:800px !important}
.w{width:100%}
.h50{height:50px}
.h80{height:80px}
.h100{height:100px}
.h200{height:200px}
.h{height:100%}

/*边距*/
.m5{margin:5px!important;}
.m10{margin:10px !important;}
.m15{margin:15px!important;}
.m30{margin:30px!important;}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:20px!important;}
.ml3{margin-left:3px!important;}
.ml5{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml30{margin-left:30px!important;}
.mr3{margin-right:3px!important;}
.mr5{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:15px!important;}

.p5{padding:5px!important;}
.p10{padding:10px!important;}
.p15{padding:15px!important;}
.p20{padding:20px!important;}
.p30{padding:30px!important;}

.pt5{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pt30{padding-top:30px!important;}
.pt50{padding-top:50px!important;}

.pb5{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pb30{padding-bottom:30px!important;}
.pb50{padding-bottom:50px!important;}

.pl5{padding-left:5px!important;}
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl20{padding-left:20px!important;}
.pl30{padding-left:30px!important;}
.pl50{padding-left:50px!important;}

.pr5{padding-right:5px!important;}
.pr10{padding-right:10px!important;}
.pr15{padding-right:15px!important;}
.pr20{padding-right:20px!important;}
.pr30{padding-right:30px!important;}
.pr50{padding-right:50px!important;}
/***********通用基本类************/
table{border-collapse:collapse}
td{padding:3px}
img{border:none}
/*==================表单设置==================*/
input,button,textarea,select{font-family: "Microsoft Yahei", "微软雅黑";}
input,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel]{padding: 0 8px;border: 1px solid #ccc;color: #666;cursor: text; height:38px; line-height:38px;vertical-align:middle;outline:0;border-radius: 2px;}

input:focus ,
input[type=text]:focus ,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
button:focus {outline: 0;box-shadow: 0 0 3px rgba(0,153,255,0.2);border-color:#6f9fd1;    }

select.input-xs,
input[type=text].input-xs,
input[type=password].input-xs{height:25px; line-height:25px;}
/*设置placeholder*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #aeaeae;}
input:-moz-placeholder, textarea:-moz-placeholder {color: #aeaeae;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #aeaeae;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #aeaeae;}
/*去掉input number箭头*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
  -webkit-appearance: none !important;
  margin: 0;}
input[type="number"]{-moz-appearance:textfield;}
textarea{border: 1px solid #ccc;color: #666;resize:none;padding: 5px;vertical-align: middle;border-radius: 2px;}
select{height:40px; line-height:40px;vertical-align: middle;color: #666;border: 1px solid #ccc;}
textarea:focus,select:focus{outline: 0;box-shadow: 0 0 3px rgba(0,153,255,0.2);border:1px solid #6f9fd1;}
li,ul{list-style:none}

/*选择框设置*/
.checkbox_label{position: relative;display: inline-block;overflow: hidden;vertical-align: text-bottom;}
.checkbox_label:hover{color: #f00}
.checkbox_label input{position: absolute;left: -20px; z-index: 0;display: inline-block;}
@media \0screen\,screen\9{.checkbox_label input{position: relative;left: 0}}/*只对IE6/7/8有效*/
.checkbox_label input+span{position: relative;display: inline-block;cursor: pointer;line-height: 1}
.checkbox_label input+span::before {position: relative;display: inline-block;vertical-align: text-bottom;margin-right:6px;text-align: center; box-sizing: border-box;content:' ';height:18px;line-height: 16px;width:18px;font-size:19px;background: #fff;border: solid 1px #cbd3df;border-radius: 2px; z-index: 1;cursor: pointer;}
.checkbox_label input:checked+span::before{content: "\e659";font-family: "iconfont" !important;color: #ee2d2d;border-color: #cbd3df;background: #fff;}
.checkbox_label input:checked+span{color:#222;}
.checkbox_label input[type=radio]+span::before {border-radius:100%;}
.checkbox_label input[disabled]+span::before {background: #ddd;border-color: #ccc;cursor: default}
.checkbox_label input[disabled]+span{color:#ccc;cursor: default}
/*表单输入框状态*/
.input-err{border: solid 1px #e64747!important;background: #fff2f2;}
.input-err:focus{box-shadow: 0 0 3px rgba(230,71,71,0.2)!important;}
/*==================通用模块==================*/
body{
  font:1rem/1.8 "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",Helvetica;
  color:#5b5b5b;background:#f6f7fa;}
a{text-decoration:none;color:#333;outline:0;}
a:hover{color:#ff0000; text-decoration:none;}
*{box-sizing: border-box}