*{box-sizing:border-box;}
html,body{height: 100%;font-size: 12px;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6{ font-size:100%;font-weight: normal; }
address, cite, dfn, em, var { font-style:normal; }
ul, ol { list-style:none; }
a { text-decoration:none; }
/*正常的未被访问过的链接*/
a:link { text-decoration: none;color: #000;}
/*已经访问过的链接*/
a:visited {text-decoration: none;color: #000;}
/*鼠标划过(停留)的链接*/
a:hover {text-decoration: none;color: #000;}
/*正在点击的链接*/
a:active {text-decoration: none;color: #000;}
.href {
  cursor: pointer;
}
.cursor {
  cursor: pointer;
}
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0;vertical-align:bottom; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; } 

/*功能性样式*/
.ellipsis {
  vertical-align: middle;
  white-space: nowrap;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  box-orient: vertical;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}
.ellipsis5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  box-orient: vertical;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}
.hidden{ overflow: hidden; }
.left{ float:left; _display:inline; }
.right{ float:right; _display:inline; }
.clear:after{ display:block; content:''; clear:both;}
.clear{ zoom:1;}
/* 布局 */
.relative{position: relative;}
.scroll-x{overflow-x:scroll;}
.flex{display:flex;}
.flex-wrap{display:flex; flex-wrap: wrap;}
.space-between{justify-content:space-between }
.space-around{justify-content:space-around }
.flex1{flex: 1;}
.flex3{flex-basis: 2;width: 50%;}
.flex3{flex-basis: 3;width: 33.3%;}
.flex4{flex-basis: 4;width: 25%;}
.borderNo{border:none!important;}
.border1{border: 1px solid #DCDFE6;}
.border-t1{border-top: 1px solid #DCDFE6;}
.border-b1{border-bottom: 1px solid #DCDFE6;}
.border-l1{border-left: 1px solid #DCDFE6;}
.border-r1{border-right: 1px solid #DCDFE6;}

.W100{width:100% !important;}
.W50{width:50% !important;}
.w100{width: 100px !important;}
.w120{width: 120px !important;}
.w150{width: 150px !important;}
.w200{width: 200px !important;}
.w300{width: 300px !important;}
.w400{width: 400px !important;}
.w500{width: 500px !important;}
.w600{width: 600px !important;}


.margin-auto{margin: auto !important;}
.margin0{margin:0 !important;}

.margin-t10{margin-top:0px !important;}
.margin-t10{margin-top:10px !important;}
.margin-t20{margin-top:20px !important;}
.margin-t30{margin-top:30px !important;}

.margin-b0{margin-bottom:0px !important;}
.margin-b10{margin-bottom:10px !important;}
.margin-b20{margin-bottom:20px !important;}
.margin-b30{margin-bottom:30px !important;}

.margin-l0{margin-left:0px !important;}
.margin-l10{margin-left:10px !important;}
.margin-l20{margin-left:20px !important;}
.margin-l30{margin-left:30px !important;}

.margin-r0{margin-right:0px !important;}
.margin-r10{margin-right:10px !important;}
.margin-r20{margin-right:20px !important;}
.margin-r30{margin-right:30px !important;}
.margin-r40{margin-right:40px !important;}

.padding-t0{padding-top:0px !important;}
.padding-t10{padding-top:10px !important;}
.padding-t20{padding-top:20px !important;}
.padding-t30{padding-top:30px !important;}

.padding-b0{padding-bottom:0px !important;}
.padding-b10{padding-bottom:10px !important;}
.padding-b20{padding-bottom:20px !important;}
.padding-b30{padding-bottom:30px !important;}

.padding-l0{padding-left:0px !important;}
.padding-l10{padding-left:10px !important;}
.padding-l20{padding-left:20px !important;}
.padding-l30{padding-left:30px !important;}

.padding-r0{padding-right:0px !important;}
.padding-r10{padding-right:10px !important;}
.padding-r20{padding-right:20px !important;}
.padding-r30{padding-right:30px !important;}


/* 颜色 */
.color-black{color: #000!important;}
.color-white{color: #fff!important;}
.color-red{color: red!important;}
.color-999{color:#999 !important;}

/* 字体 */
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}

.font-blod{font-weight:bold;}
.fontSize13{font-size: 13px !important; }
.fontSize14{font-size: 14px !important; }
.fontSize16{font-size: 16px !important; }
.fontSize18{font-size: 18px !important; }
.fontSize20{font-size: 20px !important; }
.fontSize22{font-size: 22px !important; }
.fontSize24{font-size: 24px !important; }