@charset "utf-8";
/*重置默认样式*/
/*---------------------base reset--------------------------*/
:root {  --font-color: #000; --red1: #E62129;}
/*使其容器如DIV的内容自动换行*/
* { word-wrap: break-word; word-break: break-all; box-sizing: border-box; }
::selection { background: #3e87ff; color: #fff; }
::-moz-selection {
background:#fa0;
color:#fff;
}
html, body { overflow-x: hidden;min-width: 1280px;}
/*去掉内外边距-内外边距*/ 
html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset { margin: 0; padding: 0; }
 input::-webkit-input-placeholder {
 color: #ccc; /* WebKit browsers */
}
input:-moz-placeholder {
 color: #ccc; /* Mozilla Firefox 4 to 18 */
}
input::-moz-placeholder {
 color: #ccc; /* Mozilla Firefox 19+ */
}
input:-ms-input-placeholder {
 color: #ccc; /* Internet Explorer 10+ */
}
/*去掉列表标签的默认样式*/
ul, ol, dl { list-style-type: none }
html { -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-family: sans-serif;-webkit-font-smoothing: antialiased; }
.gray-bg { background-color: #F5F5F5; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: none; }
textarea { resize: none; }
button { overflow: visible; vertical-align: middle; outline: none }
body, th, td, button, input, select, textarea { font-size: 16px; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; color: var(--font-color); }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
a, area { outline: none; blr:expression(this.onFocus=this.blur())
}
a { text-decoration: none; color: var(--font-color); cursor: pointer; transition: all 200ms }
a:focus { outline: none }
a:hover, a:active { outline: none; color: var(--red1); !important;
text-decoration: none; }
:focus { outline: none }
sub, sup { vertical-align: baseline }
img { border: none; }
/*图片居右*/
.alignleft { display: inline; float: left; }
.alignright { display: inline; float: right; }
.aligncenter { clear: both; display: block; margin: auto; }
/*---------------------HTML5 reset--------------------------*/
header, footer, section, aside, details, menu, article, section, nav, address, hgroup, figure, figcaption, legend { display: block; margin: 0; padding: 0 }
time { display: inline }
audio, canvas, video { display: inline-block; *display:inline;
*zoom:1
}
audio:not([controls]) { display: none }
svg:not(:root) { overflow: hidden }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto
}
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
/* HTML5 媒体文件跟 img 保持一致 */  
audio, canvas, video { display: inline-block; *display: inline;
*zoom: 1;
}
/*HTML5新模块元素在IE8、9版本浏览器中没有被定义默认样式。为解决该问题，给下列元素添加“block”显示属性*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/* 滚动条优化 start */
::-webkit-scrollbar {
 width: 8px;
 height: 8px;
}
/*鼠标浮上去轨道的颜色*/
::-webkit-scrollbar-track {
 background-color: rgba(229,229,229,.5);
 border-radius: 1em;
}
/*轨道正常颜色*/
*:hover::-webkit-scrollbar-track {
 background: rgba(229,229,229,1);
}
/*滑块颜色*/
::-webkit-scrollbar-thumb {
 background-color:var(--red1);
 border-radius: 1em;
}
/*鼠标浮到滑块上的颜色*/
::-webkit-scrollbar-thumb:hover {
 background: var(--red1);
}
::-webkit-scrollbar-corner {
 background: #fff;
}
/* 滚动条优化 end */

.flex { display: flex; }
.flex-start { justify-content: flex-start; }
.flex-end { justify-content: flex-end; }
.flex-between { justify-content: space-between; }
.flex-around { justify-content: space-around; }
.flex-center { justify-content: center; }
.flex-top { align-items: flex-start; }
.flex-middle { align-items: center; }
.flex-bottom { align-items: flex-end; }
.flex-grow-1 { flex-grow: 1 }
.flex-shrink-0 { flex-shrink: 0 }
.flex-wrap { flex-wrap: wrap; }
.flex100percent { flex: 0 1 100% }
.flex-column { flex-direction: column; }
/**外边距**/
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml14 { margin-left: 14px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml55 { margin-left: 55px; }
.ml60 { margin-left: 60px; }
.ml70 { margin-left: 70px; }
.ml90 { margin-left: 90px; }
.mt0 { margin-top: 0px; }
.mt3 { margin-top: 3px; }
.mt4 { margin-top: 4px; }
.mt5 { margin-top: 5px; }
.mt8 { margin-top: 8px; }
.mt10 { margin-top: 10px; }
.mt12 { margin-top: 12px; }
.mt13 { margin-top: 13px; }
.mt14 { margin-top: 14px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt85 { margin-top: 85px; }
.mt100 { margin-top: 100px; }
.mt120 { margin-top: 120px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
/**内边距**/
.p5 { padding: 5px; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl45 { padding-left: 45px; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr35 { padding-right: 35px; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
/*特殊*/
.pl0 { padding-left: 0 !important; }
.pr0 { padding-right: 0 !important; }
/*隐藏*/
.hidden { display: none; }
/*浮动*/
.fl { float: left; }
.fr { float: right; }
/*清除浮动*/
.clear { clear: both; }
.clearfix { *zoom:1;
}
.clearfix:before, .clearfix:after { display: table; clear: both; line-height: 0; content: ""; }
/*行数限制*/
.limit-1-line { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.limit-2-line { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.limit-3-line { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.limit-4-line { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.limit-5-line { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.limit-6-line { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.limit-7-line { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; }
/*字体*/
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f20 { font-size: 20px; }
.f24 { font-size: 24px; }
.f25 { font-size: 25px; }
.f30 { font-size: 30px; }
.f60 { font-size: 60px; }
/*响应式*/
.container {*zoom:1; margin-right: auto; margin-left: auto;}
@media (max-width:1279px) {
  .container { width: 100%; }
}
@media (min-width:1280px) {
  .container { width: 1280px; }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.limit-1-line { overflow : hidden; text-overflow: ellipsis; display: block; white-space: nowrap; }
}