/*-----------------------------------reset css----------------------------------------*/
*{box-sizing: border-box}
body{
    font-family:微软雅黑;
}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:400;}
html,body,img,iframe,abbr{border:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.5 "Microsoft YaHei",SimSun;color:#333;outline:0;}
body{background:#fff;}
a{color:#333;font-family:"Microsoft YaHei",SimSun;}
i,em{font-style:normal;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#a0a0a0;}
input:-moz-placeholder, textarea:-moz-placeholder{color:#a0a0a0;}
input::-moz-placeholder, textarea::-moz-placeholder{color:#a0a0a0;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#a0a0a0;}
img{vertical-align: top;border: none;}
/*a,input,button {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-appearance: none;}*/
/*select {*/
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    /*border: solid 1px #000;*/
    /*很关键：将默认的select选择框样式清除*/
    /*appearance:none;*/
    /*-moz-appearance:none;*/
    /*-webkit-appearance:none;*/
    /*在选择框的最右侧中间显示小箭头图片*/
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    /*padding-right: 14px;*/
/*}*/
a:hover{
    text-decoration: none!important;
}
.cursor{
    cursor: pointer;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none;}
/*------------------------------------public css----------------------------------*/
.font12{ font-size: 12px;}
.font14{ font-size: 14px;}
.font16{ font-size: 16px;}
.font18{ font-size: 18px;}
.font20{ font-size: 20px;}
.marT4 {margin-top: 4px;}
.marT5 {margin-top: 5px;}
.marT10{margin-top: 10px;}
.marT15{margin-top: 15px;}
.marT20{margin-top: 20px;}
.marR5 {margin-right: 5px;}
.marR10{margin-right: 10px;}
.marR15{margin-right: 15px;}
.marR20{margin-right: 20px;}
.marB0 {margin-bottom: 0;!important;}
.marB5 {margin-bottom: 5px;}
.marB10{margin-bottom: 10px;!important;}
.marB15{margin-bottom: 15px;}
.marB20{margin-bottom: 20px;}
.marL5 {margin-left: 5px;}
.marL10{margin-left: 10px;}
.marL15{margin-left: 15px;}
.marL20{margin-left: 20px;}
.paddT5 {padding-top: 5px;}
.paddT10{padding-top:10px;}
.paddT15{padding-top:15px;}
.paddT20{padding-top:20px;}
.paddR5 {padding-right: 5px;}
.paddR10{padding-right:10px!important}
.paddR15{padding-right:15px;}
.paddR20{padding-right:20px;}
.paddB5 {padding-bottom: 5px;}
.paddB10{padding-bottom:10px;}
.paddB15{padding-bottom:15px;}
.paddB20{padding-bottom:20px;}
.paddL5 {padding-left: 5px;}
.paddL10{padding-left:10px!important;}
.paddL15{padding-left:15px;}
.paddL20{padding-left:20px;}
.noPaddingLR{padding-left: 0!important;padding-right: 0!important;}
.noPaddingTB{padding-top: 0!important;padding-bottom: 0!important;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.relative{position: relative;}
.absolute{position: absolute;}
.border{border:1px solid #a2a2a2;}
.bcRed{background-color: red}
.bcBlue{background-color: blue}
.marAuto{margin: 0 auto;}
/*公共字体颜色*/
.blueFont{
    color: #3c8fdd;
}
/*---以下弹性布局---*/
/* ============================================================
   flex：定义布局为盒模型
   flex-v：盒模型垂直布局
   flex-1：子元素占据剩余的空间
   flex-align-center：子元素垂直居中
   flex-pack-center：子元素水平居中
   flex-pack-justify：子元素两端对齐
   兼容性：ios 4+、android 2.3+、winphone8+
   ============================================================ */
.flex{display:-webkit-box;display: flex;display:-webkit-flex;display:-ms-flexbox;}
.flex-1{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex: 1;}
.flex-v{flex-direction: column;-webkit-box-orient: vertical;-moz-box-orient: vertical;box-orient: vertical;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.col-w1 {
    width: 1%!important;
}
.col-w2 {
    width: 2%!important;
}
.col-w3 {
    width: 3%!important;
}
.col-w4 {
    width: 4%!important;
}
.col-w5 {
    width: 5%!important;
}
.col-w6 {
    width: 6%!important;
}
.col-w7 {
    width: 7%!important;
}
.col-w8 {
    width: 8%!important;
}
.col-w9 {
    width: 9%!important;
}
.col-w10 {
    width: 10%!important;
}
.col-w11 {
    width: 11%!important;
}
.col-w12 {
    width: 12%!important;
}
.col-w13 {
    width: 13%!important;
}
.col-w14 {
    width: 14%!important;
}
.col-w15 {
    width: 15%!important;
}
.col-w16 {
    width: 16%!important;
}
.col-w17 {
    width: 17%!important;
}
.col-w18 {
    width: 18%!important;
}
.col-w19 {
    width: 19%!important;
}
.col-w20 {
    width: 20%!important;
}
.col-w21 {
    width: 21%!important;
}
.col-w22 {
    width: 22%!important;
}
.col-w23 {
    width: 23%!important;
}
.col-w24 {
    width: 24%!important;
}
.col-w25 {
    width: 25%!important;
}
.col-w26 {
    width: 26%!important;
}
.col-w27 {
    width: 27%!important;
}
.col-w28 {
    width: 28%!important;
}
.col-w29 {
    width: 29%!important;
}
.col-w30 {
    width: 30%!important;
}
.col-w31 {
    width: 31%!important;
}
.col-w32 {
    width: 32%!important;
}
.col-w33 {
    width: 33%!important;
}
.col-w34 {
    width: 34%!important;
}
.col-w35 {
    width: 35%!important;
}
.col-w36 {
    width: 36%!important;
}
.col-w37 {
    width: 37%!important;
}
.col-w38 {
    width: 38%!important;
}
.col-w39 {
    width: 39%!important;
}
.col-w40 {
    width: 40%!important;
}
.col-w41 {
    width: 41%!important;
}
.col-w42 {
    width: 42%!important;
}
.col-w43 {
    width: 43%!important;
}
.col-w44 {
    width: 44%!important;
}
.col-w45 {
    width: 45%!important;
}
.col-w46 {
    width: 46%!important;
}
.col-w47 {
    width: 47%!important;
}
.col-w48 {
    width: 48%!important;
}
.col-w49 {
    width: 49%!important;
}
.col-w49-5{
    width: 49.5%!important;
}
.col-w50 {
    width: 50%!important;
}
.col-w51 {
    width: 51%!important;
}
.col-w52 {
    width: 52%!important;
}
.col-w53 {
    width: 53%!important;
}
.col-w54 {
    width: 54%!important;
}
.col-w55 {
    width: 55%!important;
}
.col-w56 {
    width: 56%!important;
}
.col-w57 {
    width: 57%!important;
}
.col-w58 {
    width: 58%!important;
}
.col-w59 {
    width: 59%!important;
}
.col-w60 {
    width: 60%!important;
}
.col-w61 {
    width: 61%!important;
}
.col-w62 {
    width: 62%!important;
}
.col-w63 {
    width: 63%!important;
}
.col-w64 {
    width: 64%!important;
}
.col-w65 {
    width: 65%!important;
}
.col-w66 {
    width: 66%!important;
}
.col-w67 {
    width: 67%!important;
}
.col-w68 {
    width: 68%!important;
}
.col-w69 {
    width: 69%!important;
}
.col-w70 {
    width: 70%!important;
}
.col-w71 {
    width: 71%!important;
}
.col-w72 {
    width: 72%!important;
}
.col-w73 {
    width: 73%!important;
}
.col-w74 {
    width: 74%!important;
}
.col-w75 {
    width: 75%!important;
}
.col-w76 {
    width: 76%!important;
}
.col-w77 {
    width: 77%!important;
}
.col-w78 {
    width: 78%!important;
}
.col-w79 {
    width: 79%!important;
}
.col-w80 {
    width: 80%!important;
}
.col-w81 {
    width: 81%!important;
}
.col-w82 {
    width: 82%!important;
}
.col-w83 {
    width: 83%!important;
}
.col-w84 {
    width: 84%!important;
}
.col-w85 {
    width: 85%!important;
}
.col-w86 {
    width: 86%!important;
}
.col-w87 {
    width: 87%!important;
}
.col-w88 {
    width: 88%!important;
}
.col-w89 {
    width: 89%!important;
}
.col-w90 {
    width: 90%!important;
}
.col-w91 {
    width: 91%!important;
}
.col-w92 {
    width: 92%!important;
}
.col-w93 {
    width: 93%!important;
}
.col-w94 {
    width: 94%!important;
}
.col-w95 {
    width: 95%!important;
}
.col-w96 {
    width: 96%!important;
}
.col-w97 {
    width: 97%!important;
}
.col-w98 {
    width: 98%!important;
}
.col-w99 {
    width: 99%!important;
}
.col-w100 {
    width: 100%!important;
}