@font-face {
    font-family: 'Alibaba PuHuiTi Regular';
    src: url('https://cdn.vcbeat.top/upload/danhuangtech/lib/Alibaba-PuHuiTi-Regular.ttf')
}
html,body{
    font-family: 'Alibaba PuHuiTi Regular';
} 
[v-cloak]{display:none !important}
*::-webkit-scrollbar{width:4px;height:4px}
body::-webkit-scrollbar{background-color:rgba(0,0,0,0.3)}
*::-webkit-scrollbar-track{border-radius:3px}
*::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(170,170,170,0.8)}
body{margin:0;min-width:1200px}
img{display:block}
ul{list-style:none;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0;margin:0;padding:0}
p{margin:0}
a{text-decoration:none}
.nav-container{width:100%;background:#000;position:fixed;top:0;left:0;z-index:10000;}
.nav-container .nav{width:1200px;height:60px;display:flex;justify-content:space-between;align-items:center;margin:0 auto;}
.nav-container .nav >img{width:68px;height:34px}.nav-container .nav ul{display:flex;align-items:center;}
.nav-container .nav ul li{position:relative;}
.nav-container .nav ul li a{font-size:16px;color:#ddd;text-decoration:none;position:relative;}
.nav-container .nav ul li a:hover{color:#ebcaaa}
.nav-container .nav ul li a img{display:none !important}
.nav-container .nav ul li img.hot{width:28px !important;height:15px !important;position:absolute;top:-6px !important;right:-30px !important}
.nav-container .nav ul li.active a{color:#e49d6a;font-weight:bold;padding-bottom:16px}
.nav-container .nav ul li.active img{width:28px;height:15px;position:absolute;top:-6px;right:-30px}
.nav-container .nav ul li+li{margin-left:50px}
.nav-container.vcearth{background: transparent;}
.nav-container.vcearth .nav{width:1200px;height:60px;display:flex;justify-content:space-between;align-items:center;margin:0 auto;}
.nav-container.vcearth .nav >img{width:68px;height:34px}
.nav-container.vcearth .nav ul{display:flex;align-items:center;}
.nav-container.vcearth .nav ul li{position:relative;}
.nav-container.vcearth .nav ul li a{font-size:16px;color:#fff;text-decoration:none;position:relative;display:block;}
.nav-container.vcearth .nav ul li a:hover{color:#0DE2B8}
.nav-container.vcearth .nav ul li a img{display:none !important}
.nav-container.vcearth .nav ul li a img.hot{display:block !important;position: absolute;top: -10px;right: -5px;}
.nav-container.vcearth .nav ul li.active a{color:#0DE2B8;font-weight:bold;padding-bottom:0}
.nav-container.vcearth .nav ul li.active img{width:100%;height:4px;position:absolute;top:36px;right:0;display:inline-block !important}
.nav-container.vcearth .nav ul li+li{margin-left:50px}

.ajax-loading{width:100%;height:600px;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;}
.box{display:inline-block;border-radius:3px;font-size:30px;color:rgba(200,200,200,0.5);margin-bottom:.25em;vertical-align:middle;-webkit-transition:.3s color,.3s border;transition:.3s color,.3s border}
[class*="loader-"]{display:inline-block;width:1em;height:1em;color:inherit;vertical-align:middle;pointer-events:none}
.loader{position:relative}
.loader:before,.loader:after{content:'';display:block;position:absolute;border-radius:50%;border:.1em solid transparent;border-bottom-color:#e49d6a;top:0;left:0;-webkit-animation:1s loader linear infinite;animation:1s loader linear infinite}
.loader.vcearth:before,.loader.vcearth:after{border-bottom-color:#009688}
.loader:before{width:1em;height:1em}
.loader:after{width:.8em;height:.8em;top:.1em;left:.1em;-webkit-animation-direction:reverse;animation-direction:reverse}
@-webkit-keyframes loader{
    0%{-webkit-transform:rotate(0);transform:rotate(0)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes loader{
    0%{-webkit-transform:rotate(0);transform:rotate(0)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes loader{
    0%{-webkit-transform:rotate(0);transform:rotate(0)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-o-keyframes loader{
    0%{-webkit-transform:rotate(0);transform:rotate(0)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes loader{
    0%{-webkit-transform:rotate(0);transform:rotate(0)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}

@font-face {
    font-family: 'iconfont';  /* project id 1979131 */
    src: url('//at.alicdn.com/t/font_1979131_1yffq74ywj7.eot');
    src: url('//at.alicdn.com/t/font_1979131_1yffq74ywj7.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1979131_1yffq74ywj7.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1979131_1yffq74ywj7.woff') format('woff'),
    url('//at.alicdn.com/t/font_1979131_1yffq74ywj7.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1979131_1yffq74ywj7.svg#iconfont') format('svg');
  }
.iconfont {font-family: "iconfont" !important;font-size: 14px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.base-left{display: flex;  flex-flow: row wrap;  justify-content: justify;}
/* 向左靠拢并上下居中 */
.base-left-center{ display: flex;  flex-flow: row wrap; justify-content: justify;  align-items: center;}
.base-right-center{ display: flex; flex-flow: row-reverse;justify-content: justify; align-items: center;}
/* 左右靠拢 */
.base-side{display: flex;flex-flow: row wrap;justify-content: space-between;}
.base-side-center{display: flex;flex-flow: row wrap;justify-content: space-between; align-items: center;}
/* 上下左右居中 */
.base-center{display: flex; justify-content: center; align-items: center;}
/* 超出*行显示省略号 */
.over-p1{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.over-p2{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.over-p3{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.over-p4{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.over-p5{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}