/*
 * 公共标签重置样式
 */
@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
section,article,aside,header,footer,nav,dialog,figure{padding:0;margin:0;display:block;}
/*设置默认字体*/
body,button,input,select,textarea{font:12px Microsoft YaHei,arial,\5b8b\4f53;color:#333;background:#fff;border: none;}
/*重置输入表单的字体大小和字体样式,使之继承父类字体*/
h1,h2,h3,h4,h5,h6,input,textarea,select,button{font-size: 100%;font-family:inherit;}
input,label,select,option,textarea,button,fieldset,legend{font-size:14px;font-family:"微软雅黑",arial;}
/*在获取焦点时，去掉外面蓝框，主要针对input、链接类型*/
:focus{outline: 0;}
/*去掉默认的点和序列号*/
ul,ol,li{list-style:none;}
/*按钮的样式设置为手型*/
button,.submit{cursor:pointer;}
textarea{resize:none;outline:none;}
address,cite,dfn,em,var,i{font-style:normal;}
/*去掉加粗*/
h1,h2,h3,h4,h5,h6{font-weight:normal;}
/*strong{font-weight:normal;}*/
/*去掉默认边框和底部空白区*/
img{border:none;vertical-align:middle;}
/*去掉表格边框之间的间距*/
table{border-collapse: collapse;border-spacing: 0;}
/*遵循爱恨LVHA原则，设置链接和颜色和下划线*/
a,a:link,a:visited,a:hover,a:active{text-decoration:none; cursor: pointer;}
sup{vertical-align: super;}
sub{vertical-align: sub;}
mark{background:none;}
/*input::-ms-clear{display:none;}*/
input{background:none;border:none;}
input,button,select,textarea{outline:0}

/*常用css样式*/
.mask-layer {display: none;z-index: 99;position:fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.4); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66000000, endcolorstr=#66000000); behavior: url(../images/ie-css3.htc); /* 通知IE浏览器调用脚本作用于'box'类 */ }
.mask{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9); z-index: 99;}
.clearfix{*zoom:1}
.clearfix:after{clear:both;content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.yh{font-family:"microsoft yahei";}
.fl{float:left!important;}
.fr{float:right!important;}
.tl{text-align: left;}
.tr{text-align:right;}
.tc{text-align:center;}
.none{display:none;}
.inline{display:inline-block;}
.block{display:block;}
.por{position:relative;}
.pof{position:fixed;}
.ovh{overflow:hidden;}
.noborder{border:0!important;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.vat{vertical-align:top;}
.vam{vertical-align:middle;}
.vab{vertical-align:bottom;}
.ti2{text-indent:2em;}
.clear{clear: both;}
/*宽度*/
.w50{width:50px;}
.w80{width:80px;}
.w85{width:85px;}
.w95{width:95px;}
.w1000{width:1000px;}
.w1200{width:1200px;}

/*外边距*/
.nom-l{margin-left: 0!important;}
.nom-r{margin-right: 0!important;}
.nom-t{margin-top: 0!important;}
.nom-b{margin-bottom: 0!important;}
.m5{margin:5px !important;}
.m10{margin:10px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt80{margin-top:80px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !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;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

/*外边距*/
.nop{padding: 0!important;}
.nop-l{padding-left: 0!important;}
.nop-r{padding-right: 0!important;}
.p5{padding:5px !important;}
.p10{padding:10px !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;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt80{padding-top:80px !important;}
.pt100{padding-top:100px !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;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb80{padding-bottom:80px !important;}
.pb100{padding-bottom:100px !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;}
.pl40{padding-left:40px !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;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}

/*字体大小*/
.fs14{font-size:14px !important;}
.fs16{font-size:16px !important;}
.fs18{font-size:18px !important;}
.fs20{font-size:20px !important;}
.fs24{font-size:24px !important;}

/*字体颜色*/
.fc-white{color:#fff !important;}
.fc-blue3{color:#0073A6 !important;}
.fc-red{color:#EF4238 !important;}
.fc-red2{color:#ce7e7f !important;}
.fc-red3{color:#F95657 !important;}
.fc-red4{color:#f7776a !important;}
.fc-green{color:#16A299 !important;}
.fc-green2{color:#41A61A !important;}
.fc-yellow{color:#EE8F01 !important;}
.fc-black{color:#000 !important;}
.fc-gray3{color:#333 !important;}
.fc-gray6{color:#666 !important;}
.fc-gray9{color:#999 !important;}
.fc-blue4{color:#406599;}

/*文字超出显示。。。*/
.over{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.over1{text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.over2{text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}

/*背景色*/
.bg-red{background-color: #EF4238!important;}
.bg-red2{background-color: #f7776a!important;}
.bg-red4{background-color: #df6a60!important;}
.bg-gray2{background-color: #F5F5F5!important;}
.bg-gray4{background-color: #CCCCCC!important;}
.bg-green{background-color: #96d86d!important;}
.bg-blue{background-color: #80bdf3!important;}

/*标签层*/
.zi10{z-index:10;}
.zi11{z-index:11;}
.zi12{z-index:12;}
.zi20{z-index:20;}

/*行高*/
.lh20{line-height:20px;}
.lh22{line-height:22px;}
.lh24{line-height:24px;}
.lh25{line-height:25px;}
.lh28{line-height:28px;}
.lh30{line-height:30px;}
.lh38{line-height:38px;}
.lh40{line-height:40px;}
.lh50{line-height:50px;}

/*前端使用边框线*/
.border-black{border: 1px solid #000000;}
.border-red{border: 1px solid #EF4238;}
.border-red2{border: 1px solid #f6766d;}
.border-red2{border: 1px solid #F7776A;}
.border-blue{border: 1px solid #01AAED;}
.border-yellow{border: 1px solid #E89B20;}
.border-green{border: 1px solid #16A299;}
.border-gray{border: 1px solid #E3E3E3;}
.border-gray2{border: 1px solid #e4e4e4;}
.border-gray3{border: 1px solid #eaeaea;}
.border-gray4{border: 1px solid #CCCCCC;}
.boder-none{border: 0!important;}