﻿@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}
img{border:none}
input{vertical-align:middle; outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration:none;color:#333;cursor: pointer;}
.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}
a:focus, a:hover{text-decoration: none}
/*强制一行并加省略号*/
.overhidden{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*颜色公共*/
.colblue{color:#09f;}
.colblue:hover{color:#09f;}
.colred{color:#F86F6F;}
.colccc{color:#CCC;}
.col999{color:#999;}
.col666{color:#666;}
.col333{color:#333;}
.col4c4c{color:#4c4c4c;}
.col000{color:#000;}
.colorg{color:#ff6e00;}
.colYel{color:#f9a755;}
.colgreen{color:#009933;}
.colpink{color:#ff5e5e;}
.colnewgreen{color:#7DDDB8;}
.colnewYel{color:#F5C053;}
/* 颜色 */
.ebf5ffBg{color: #0080ff !important;}
.ebf5ffBg:hover{color: #0080ff !important;}
.fff9dbBg{color: #e59900 !important;}
.fff9dbBg:hover{color: #e59900 !important;}
.f6f0ffBg{color: #751aff !important;}
.f6f0ffBg:hover{color: #751aff !important;}
.ebffebBg{color: #00b200 !important;}
.ebffebBg:hover{color: #00b200 !important;}


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


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

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


/*间距*/
.mar2{margin-right: 2px}
.mar4{margin-right: 4px}
.mar6{margin-right: 6px}
.mar8{margin-right: 8px}
.mar10{margin-right: 10px;}
.mar12{margin-right: 12px;}
.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;}
.mar40{margin-right: 40px;}
.mar44{margin-right: 44px;}
.mar48{margin-right: 48px;}

.mal2{margin-left: 2px}
.mal4{margin-left: 4px}
.mal6{margin-left: 6px}
.mal10{margin-left: 10px;}
.mal12{margin-left: 12px;}
.mal14{margin-left: 14px;}
.mal16{margin-left: 16px;}
.mal18{margin-left: 18px;}
.mal20{margin-left: 20px;}
.mal22{margin-left: 22px;}
.mal24{margin-left: 24px;}
.mal26{margin-left: 26px;}
.mal28{margin-left: 28px;}
.mal32{margin-left: 32px;}
.mal38{margin-left: 38px;}
.mal42{margin-left: 42px;}

.mab2{margin-bottom: 2px}
.mab6{margin-bottom: 6px}
.mab10{margin-bottom: 10px;}
.mab12{margin-bottom: 12px;}
.mab14{margin-bottom: 14px;}
.mab16{margin-bottom: 16px;}
.mab20{margin-bottom: 20px;}
.mab24{margin-bottom: 24px;}
.mab28{margin-bottom: 28px;}
.mab30{margin-bottom: 30px;}
.mab32{margin-bottom: 32px;}
.mab50{margin-bottom: 50px;}

.mat2{margin-top: 2px}
.mat3{margin-top: 3px}
.mat4{margin-top: 4px}
.mat5{margin-top: 5px}
.mat6{margin-top: 6px}
.mat8{margin-top: 8px;}
.mat10{margin-top: 10px;}
.mat12{margin-top: 12px;}
.mat13{margin-top: 13px;}
.mat16{margin-top: 16px;}
.mat18{margin-top: 18px;}
.mat20{margin-top: 20px;}
.mat24{margin-top: 24px;}
.mat28{margin-top: 28px;}
.mat30{margin-top: 30px;}
.mat32{margin-top: 32px;}
.mat48{margin-top: 48px;}

/* 内间距 */

.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;}
.pad30{padding: 0 30px;}
.pad32{padding: 0 32px;}
.pad48{padding: 0 48px;}
.pad50{padding: 0 50px;}


.pat6{padding-top:6px;}
.pat8{padding-top:8px;}
.pat10{padding-top:10px;}
.pat12{padding-top:12px;}
.pat14{padding-top:14px;}
.pat16{padding-top:16px;}
.pat18{padding-top:18px;}
.pat20{padding-top:20px;}
.pat24{padding-top:24px;}
.pat26{padding-top:26px;}
.pat29{padding-top:29px;}
.pat30{padding-top:30px;}

.pab8{padding-bottom:8px;}
.pab10{padding-bottom:10px;}
.pab12{padding-bottom:12px;}
.pab16{padding-bottom:16px;}
.pab20{padding-bottom:20px;}
.pab24{padding-bottom:24px;}
.pab26{padding-bottom:26px;}
.pab29{padding-bottom:29px;}
.pab32{padding-bottom:32px;}

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

.option0{opacity: 0;filter: alpha(opacity=0);}

.W200{width: 200px;}
.W260{width: 260px;}

.maxW252{max-width: 252px;}
.maxW284{max-width: 284px;}

/* 行高 */
.lineH20{line-height: 20px;}
.lineH21{line-height: 21px;}
.lineH24{line-height: 24px;}
.lineH28{line-height: 28px;}
.lineH30{line-height: 30px;}
/*表单公共*/
input{vertical-align:middle; outline:none;}
::-webkit-input-placeholder{
    color:#999;
}
::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#999;
}
:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#999;
}
:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#999;
}
textarea:focus,input[type='text']:focus,input[type='password']:focus{border: 1px solid #09f !important;outline: none;}
textarea:hover,input[type='text']:hover,input[type='password']:hover{border: 1px solid #09f  !important;}

.l_click{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select: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;
} 