@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0}
table{width:100%; border-collapse:collapse;border:none;border-spacing:0}
body{font: 12px/1.5 Microsoft YaHei,SimSun, Arial, Helvetica, sans-serif;color:#333;background-color: #fff;}
ul li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration:none;color:#333}
.clearfix{overflow:hidden;zoom:1}/*直接写在需要请浮动的div上的*/
.clear{clear:both}
.clearf:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size: 0px;}
.fl{float:left}
.fr{float:right}
/*强制一行并加省略号*/
.overhidden{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.alc{text-align: center}
.alr{text-align: right}
.all{text-align: left}
.no_click{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.graybg{background-color: #f4f4f6;}
.whitebg{background-color: #fff;}
.curno{cursor: not-allowed}
.curpo{cursor: pointer}
.overhidden2{text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
/*颜色公共*/
.colorwhite{color:#fff;}
.colblue{color:#09f;}
.colpur{color:#6586FE;}
.colblueNew{color:#3A8BFF;}
.colccc{color:#CCC;}
.colred{color:#FF473A;}
.colpink{color:#ff5e5e;}
.colorg{color:#ff6e00;}
.colYel{color:#f5c053;}
.colgreen{color:#34C724;}
.col999{color:#999;}
.col666{color:#666;}
.col333{color:#333;}
.col000{color:#000;}
.colred:hover{color:#FF473A;}
.colblue:hover{opacity: 0.8;color:#09f;}
.colblueNew:hover{opacity: 0.8;color:#3A8BFF;}
.colpur:hover{color:#6586FE;}
.col8A8{color: #8A8B99;}

/*常用表单对齐*/
.disflex{display: flex;}
.aic{align-items: center;}
.flex1{flex: 1;}
.disinblock{display: inline-block}
.disBlock{display: block}
.disTable{display: table}
.disTableCell{display: table-cell}
.vermidd{vertical-align: middle}
.vertop{vertical-align: top}
.fontweib{font-weight: bold}
.fonstyn{font-style: normal}

/* 定位 */
.poRel{position: relative;}
.poAb{position: absolute;}
.innerAb{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 10;}

/*变小手*/
.cupoint{cursor: pointer}
/*禁止点击*/
.cunoclick{cursor: not-allowed}

/*字体*/
.font12{font-size: 12px;}
.font13{font-size: 13px;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font24{font-size: 24px;}
.font26{font-size: 26px;}
.font30{font-size: 30px;}
.font50{font-size: 50px;}


/*间距*/
.mar2{margin-right: 2px;}
.mar4{margin-right: 4px;}
.mar6{margin-right: 6px;}
.mar7{margin-right: 7px;}
.mar8{margin-right: 8px;}
.mar10{margin-right: 10px;}
.mar12{margin-right: 12px;}
.mar14{margin-right: 14px;}
.mar16{margin-right: 16px;}
.mar18{margin-right: 18px;}
.mar20{margin-right: 20px;}
.mar24{margin-right: 24px;}
.mar28{margin-right: 28px;}
.mar30{margin-right: 30px;}
.mar32{margin-right: 32px;}
.mar48{margin-right: 48px;}
.mar60{margin-right: 60px;}
.mar66{margin-right: 66px;}
.mar80{margin-right: 80px;}
.mar140{margin-right: 140px;}

.mal2{margin-left: 2px;}
.mal4{margin-left: 4px;}
.mal6{margin-left: 6px;}
.mal7{margin-left: 7px;}
.mal8{margin-left: 8px;}
.mal10{margin-left: 10px;}
.mal12{margin-left: 12px;}
.mal14{margin-left: 14px;}
.mal16{margin-left: 16px;}
.mal18{margin-left: 18px;}
.mal20{margin-left: 20px;}
.mal24{margin-left: 24px;}
.mal28{margin-left: 28px;}
.mal30{margin-left: 30px;}
.mal32{margin-left: 32px;}
.mal48{margin-left: 48px;}
.mal60{margin-left: 60px;}
.mal65{margin-left: 65px;}

.mab2{margin-bottom: 2px;}
.mab4{margin-bottom: 4px;}
.mab5{margin-bottom: 5px;}
.mab6{margin-bottom: 6px;}
.mab8{margin-bottom: 8px;}
.mab10{margin-bottom: 10px;}
.mab12{margin-bottom: 12px;}
.mab16{margin-bottom: 16px;}
.mab18{margin-bottom: 18px;}
.mab20{margin-bottom: 20px;}
.mab22{margin-bottom: 22px;}
.mab24{margin-bottom: 24px;}
.mab28{margin-bottom: 28px;}
.mab30{margin-bottom: 30px;}
.mab32{margin-bottom: 32px;}

.mat2{margin-top: 2px;}
.mat4{margin-top: 4px;}
.mat5{margin-top: 5px;}
.mat6{margin-top: 6px;}
.mat8{margin-top: 8px;}
.mat10{margin-top: 10px;}
.mat12{margin-top: 12px;}
.mat14{margin-top: 14px;}
.mat16{margin-top: 16px;}
.mat18{margin-top: 18px;}
.mat20{margin-top: 20px;}
.mat22{margin-top: 22px;}
.mat24{margin-top: 24px;}
.mat26{margin-top: 26px;}
.mat30{margin-top: 30px;}
.mat32{margin-top: 32px;}
.mat34{margin-top: 34px;}
.mat37{margin-top: 37px;}
.mat46{margin-top: 46px;}


.pad8{padding: 0 8px;}
.pad10{padding: 0 10px;}
.pad14{padding: 0 14px;}
.pad16{padding: 0 16px;}
.pad20{padding: 0 20px;}
.pad24{padding: 0 24px;}
.pad26{padding: 0 26px;}
.pad29{padding: 0 29px;}
.pad32{padding: 0 32px;}
.pad30{padding: 0 30px;}
.pad36{padding: 0 36px;}
.pad40{padding: 0 40px;}
.pad46{padding: 0 46px;}
.pad50{padding: 0 50px;}

.pal4{padding-left:4px;}
.pal10{padding-left:10px;}
.pal14{padding-left:14px;}
.pal16{padding-left:16px;}
.pal18{padding-left:18px;}
.pal20{padding-left:20px;}
.pal24{padding-left:24px;}
.pal26{padding-left:26px;}
.pal28{padding-left:28px;}
.pal29{padding-left:29px;}
.pal32{padding-left:32px;}
.pal40{padding-left:40px;}
.pal62{padding-left:62px;}

.pat4{padding-top:4px;}
.pat10{padding-top:10px;}
.pat16{padding-top:16px;}
.pat18{padding-top:18px;}
.pat20{padding-top:20px;}
.pat24{padding-top:24px;}
.pat26{padding-top:26px;}
.pat28{padding-top:28px;}
.pat29{padding-top:29px;}
.pat30{padding-top:30px;}
.pat32{padding-top:32px;}
.pat34{padding-top:34px;}
.pat40{padding-top:40px;}
.pat46{padding-top:46px;}
.pat60{padding-top:60px;}

.pab4{padding-bottom:4px;}
.pab10{padding-bottom:10px;}
.pab12{padding-bottom:12px;}
.pab16{padding-bottom:16px;}
.pab20{padding-bottom:20px;}
.pab22{padding-bottom:22px;}
.pab24{padding-bottom:24px;}
.pab26{padding-bottom:26px;}
.pab29{padding-bottom:29px;}
.pab32{padding-bottom:32px;}
.pab40{padding-bottom:40px;}

.minH400{min-height: 400px;}
.minH500{min-height: 500px;}
.minH600{min-height: 600px;}

.W373{width: 373px;}
.W655{width: 655px;}
.W711{width: 711px;}

.H380{height: 380px;}
.H440{height: 440px;}

.borRadius4{border-radius: 4px;}

/* 行高 */
.lineH20{line-height: 20px;}
.lineH21{line-height: 21px;}
.lineH24{line-height: 24px;}
.lineH28{line-height: 28px;}
.lineH30{line-height: 30px;}
.lineH36{line-height: 36px;}

/* 首行缩进 */
.textIndent28{text-indent: 28px;}
.textIndent32{text-indent: 32px;}

/*表单公共*/
input{vertical-align:middle; outline:none;}
::-webkit-input-placeholder{
    color:#c7c9cd;
}
::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#c7c9cd;
}
:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#c7c9cd;
}
:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#c7c9cd;
}
textarea:focus,input[type='text']:focus{box-shadow: 0px 0px 6px #8FC2F6;outline: none;}
textarea:hover,input[type='text']:hover{box-shadow: 0px 0px 6px #8FC2F6;}
input,textarea{outline: none;}

/*滚动条美化*/
::-webkit-scrollbar
{
    width: 10px;
    height: 10px;
}
/*滑动轨道*/
::-webkit-scrollbar-track
{
    border-radius: 0px;
    background: #f1f1f1;
}
/*滑块*/
::-webkit-scrollbar-thumb
{
    border-radius: 5px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);*/
    background-color: rgba(0,0,0,.18)
}
/*滑块效果*/
::-webkit-scrollbar-thumb:hover
{
    border-radius: 5px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);*/
    background-color: #d8dce6;
}





.dis-flex{display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;}
.flex-wrap{
    -webkit-flex-wrap: wrap;
    -webkit-box-lines: multiple;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-dc {
    flex-direction: column;
}
.justify-content-rt {
    justify-content: flex-end;
}

.justify-content-c{
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    box-pack: center;
}
.justify-content-r{
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-box-pack: justify;
    -webkit-box-pack: justify;
    box-pack: justify;
}
.flex-num-1{
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.align-items-c{
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
}

.align-items-e{
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}