@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}
.no_click{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.graybg{background-color: #f4f4f6;}
.curno{cursor: not-allowed}

/*颜色公共*/
.colblue{color:#09f;}
.colpur{color:#6586FE;}
.colccc{color:#CCC;}
.colred{color:#F86F6F;}
.col999{color:#999;}
.col333{color:#333;}
.colblue:hover{opacity: 0.8;}


/*常用表单对齐*/
.disinblock{display: inline-block}
.vermidd{vertical-align: middle}
.vertop{vertical-align: top}
.fontweib{font-weight: bold}
.fonstyn{font-style: normal}





/*字体*/
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font24{font-size: 24px;}


/*间距*/
.mar8{margin-right: 8px;}
.mar10{margin-right: 10px;}
.mar16{margin-right: 16px;}
.mar20{margin-right: 20px;}
.mar24{margin-right: 24px;}
.mar32{margin-right: 32px;}
.mar48{margin-right: 48px;}

.mal8{margin-left: 8px;}
.mal10{margin-left: 10px;}
.mal16{margin-left: 16px;}
.mal20{margin-left: 20px;}
.mal24{margin-left: 24px;}
.mal32{margin-left: 32px;}
.mal48{margin-left: 48px;}

.mab8{margin-bottom: 8px;}
.mab10{margin-bottom: 10px;}
.mab16{margin-bottom: 16px;}
.mab20{margin-bottom: 20px;}
.mab24{margin-bottom: 24px;}
.mab32{margin-bottom: 32px;}

.mat8{margin-top: 8px;}
.mat10{margin-top: 10px;}
.mat16{margin-top: 16px;}
.mat20{margin-top: 20px;}
.mat24{margin-top: 24px;}
.mat32{margin-top: 32px;}


.pad10{padding: 0 10px;}
.pad20{padding: 0 20px;}
.pad24{padding: 0 24px;}
.pad26{padding: 0 26px;}
.pad29{padding: 0 29px;}


.pat10{padding-top:10px;}
.pat20{padding-top:20px;}
.pat24{padding-top:24px;}
.pat26{padding-top:26px;}
.pat29{padding-top:29px;}

/*表单公共*/
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;}
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;
}