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

/*格式化样式*/
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;font-weight:400}
ol,ul{list-style:none}
q:after,q:before{content:''}
abbr,acronym{border:0}
h1,h2,h3,i{font-style:normal;font-weight:400}
/*文字排版、颜色*/
.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:#4996d8!important}
a.blue:hover{color:#ff4d3c!important}
.green,a.green{color:#00cd9a!important}
.darkblue,a.darkblue{color:#547acd!important}
.light_gray,a.light_gray{color:#acacac!important}
.gray,a.gray{color:#999!important}
.orange{color:#ff6600!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}
.left clearfix{zoom:1} 
.hidden{visibility:hidden} 
.none{display:none}
.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}
.w300{width:300px !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;}
.p10{padding:10px!important;}
.p15{padding:15px!important;}
.p20{padding:20px!important;}
.p30{padding:30px!important;}
.p40{padding:40px!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;}
.pb50{padding-bottom:50px!important;}
.pb100{padding-bottom:100px!important;}
.pl5{padding-left:5px!important;}
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl50{padding-left:50px!important;}
.pl100{padding-left:100px!important;}
.pr5{padding-right:5px!important;}
.pr10{padding-right:10px!important;}
.pr15{padding-right:15px!important;}
.pr100{padding-right:100px!important;}
/***********通用基本类************/
table{border-collapse:collapse}
td{padding:3px}
img{border:none}
/*==================表单设置==================*/
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/}
input,button,textarea,select{font-family: "Microsoft Yahei", "微软雅黑";}
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
select{padding: 0 8px;border: 1px solid #dfe2e7;color: #666;cursor: text; height:38px; line-height:38px;vertical-align:middle;outline:0;border-radius: 2px;box-shadow: inset 0 2px 2px rgba(0, 0, 0, .03);}

input[type=text]:focus ,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
button:focus,
select:focus{outline: 0;box-shadow: 0 0 3px rgba(148,178,218,0.5);border-color:#a5c7f3;}
textarea{border: 1px solid #dfe2e7;color: #666;resize:none;padding: 5px;vertical-align: middle;border-radius: 2px;box-shadow: inset 0 2px 2px rgba(0, 0, 0, .03);}
textarea:focus{outline: 0;box-shadow: 0 0 3px rgba(148,178,218,0.5);border-color:#a5c7f3;}

select.input-sm,
input.input-sm{height:30px!important; line-height:30px!important;}
select.input-xs,
input.input-xs{height:25px!important; line-height:25px!important;}
/*设置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;}
li,ul{list-style:none}

/*选择框设置*/
.checkbox_label{position: relative;display: inline-block;font-weight: normal;overflow: hidden;vertical-align:middle;margin-right:3px;}
.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:3px;text-align: center; box-sizing: border-box;content:' ';height:18px;line-height: 16px;width:18px;font-size:16px;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: #fff;border-color: #ff822c;background: #ff822c;font-weight: normal;}
.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:#b1b1b1;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:14px/1.8 "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",Helvetica;color:#5b5b5b;background:#f7f7f7}
a{text-decoration:none;color:#666;outline:0;}
a:focus, a:hover{color:#ff4d3c; text-decoration:none;}
.wp{max-width: 1280px;margin: auto;clear: both;}
.more{ float:right; font-size:14px; margin:1px 10px; color:#999}
.more:hover{color:#005ecd}
body .iconfont {font-size: inherit;}
*{box-sizing: border-box}

/*通用文字标签*/
.badge, 
.badge-dot, 
.badge-rim {position: relative;display: inline-block;padding: 0 6px;font-size: 12px;text-align: center;background-color: #ff1212;color: #fff;border-radius: 2px;}
.badge-dot {width: 8px;height: 8px;padding: 0;border-radius: 50%;}
.badge {line-height:20px;font-weight: normal;background: none;color: #999;}
.bg-red {background-color: #ff1212!important;color: #fff!important;}
.bg-orange {background-color: #ff9c00!important;color: #fff!important;}
.bg-green {background-color: #00bd8e!important;color: #fff!important;}
.bg-cyan {background-color: #46cacb!important;color: #fff!important;}
.bg-blue {background-color: #4ca8ec!important;color: #fff!important;}
.bg-black {background-color: #393D49!important;color: #fff!important;}
.bg-gray {background-color: #f4f4f4!important;color: #b0b0b0!important;}
.bg-light-red {background-color: #fff2f4!important;color: #ff2424!important;}
.bg-light-orange {background-color: #fff3ec!important;color: #ff8b30!important;}
.bg-light-green {background-color: #f1fef9!important;color: #00b98b!important;}
.bg-light-cyan {background-color: #eefcfc!important;color: #0caeaf!important;}
.bg-light-blue {background-color: #e6f5ff!important;color: #3796e8!important;}

@media(max-width:768px){
    .xs-hide{display: none!important;}
}

/*滚动条*/
::-webkit-scrollbar {width : 5px; height: 1px;}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius   : 10px;
  background-color:rgba(0,0,0,0.1);
  }
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.1);
  background   :rgba(0,0,0,0.05);
  }
/*分页*/
.pagination.p10 {
    padding: 10px 20px 20px !important;
}

.pagination {
    margin: auto;
    text-align: center;
    font-size: 14px;
    line-height: 23px;
}

    .pagination a, .pagination span {
        display: inline-block;
        padding: 5px 15px;
        margin-left: 3px;
        text-align: center;
        border-radius: 2px;
        vertical-align: middle;
    }

    .pagination a {
        text-decoration: none;
        border: solid 1px #E6E6E6;
        color: #777;
        margin: 3px;
        background: #fff
    }

        .pagination a:hover {
            border: solid 1px #f3c2c2;
            color: #f31a1a;
            background: #fff9f9;
        }

    .pagination .current {
        color: #ffffff;
        background: #ee2d2d;
        font-weight: bold;
        border: solid 1px #ee2d2d;
    }

        .pagination .current.prev, .pagination .current.next {
            color: #acacac;
            border-color: #E6E6E6;
            background: #fcfcfc;
        }

    .pagination input {
        width: 50px;
        border: solid 1px #d8d8d8;
        display: inline-block;
        line-height: 31px;
        margin-left: 3px;
        vertical-align: middle;
    }

@media(max-width:768px) {
    .pagination.p10 {
        padding: 10px 0 !important;
    }
}