@charset "utf-8";
html{font-size:100px}
body{font-family:"PingFang SC", "Microsoft YaHei";font-size:14px;color:#fff;}
*{margin:0;padding:0;-webkit-tap-highlight-color:transparent;box-sizing: border-box;}
ul,ol,li{list-style-type:none;}
img{border:0;max-width:100%;vertical-align:middle;}
a{text-decoration:none;color:#282828}
a:hover{color:#2B9068}
.clear{clear:both;}
.ovh{overflow:hidden;}
.clearfix{clear:both;width:100%;float:left;}
.fl{float:left;}
.fr{float:right!important}
.fb{font-weight: bold;}
.wp{padding:0 .6rem;}
.h100{height:100%}
.flex{display:flex;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;align-items:center;}
.flex-center{justify-content:center;}
.flex-bet{justify-content: space-between;}
.ep1{overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
.ep2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
@font-face{font-family:'PangMenZhengDao';src:url(../fonts/PangMenZhengDao.ttf)}
.pm{font-family:'PangMenZhengDao';}
@font-face{font-family:'DIN';src:url(../fonts/DIN-Bold.otf)}
@font-face{font-family:'YouSheBiaoTiHei';src:url(../fonts/YouSheBiaoTiHei.ttf)}
/* 滚动条 */
::-webkit-scrollbar {width:3px;height:0;}
::-webkit-scrollbar-track {background:rgba(0,0,0,0.1);}
::-webkit-scrollbar-thumb {background:#4081CB;}
@keyframes opacity{0%{opacity:1}
50%{opacity:0.4}
100%{opacity:1}
}@keyframes fadenum{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}@keyframes bounceDown{25%{transform:translateY(-4px)}
50%,100%{transform:translateY(0)}
75%{transform:translateY(4px)}
}
/* loading start */
#appLoading{width:100%;height:100%;background:#000;position:fixed;z-index:20210906;}
#loading-wrapper{position:absolute;width:550px;height:450px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;left:50%;top:50%;margin-top:-300px;margin-left:-225px}
.loading-gif{width:320px;height:320px;display:flex;justify-content:center;align-items:center;background:url('../img/loading/loading.gif') no-repeat;animation:loadingGif 0.5s;position:relative}
.loading-gif i{margin-top:22px;font-size:28px;color:rgba(255,255,255,0.2)}
@keyframes loadingGif{0%{opacity:0}
100%{opacity:1}
}#loading-progress{width:100%;display:flex;flex-direction:column;justify-content:start;margin-top:-10px}
.loading-progress-top-line{width:24px;height:1px;background:#20e7ff;animation:progressLine 0.3s}
@keyframes progressLine{0%{width:0}
100%{width:40px}
}.loading-loading{margin:0;font-size:12px;color:#20e7ff;font-family:'acens';line-height:24px;animation:progressLoading 1s infinite}
@keyframes progressLoading{0%{opacity:0}
100%{opacity:1}
}.loading-progress-bar{position:relative;height:1px;margin-top:4px;background:rgba(240,240,240,0.15);border-radius:3px;animation:barAni 6.5s ease-in-out}
@keyframes barAni{0%{width:0}
100%{width:100%}
}.loading-progress-bar-ani{position:absolute;width:2%;height:100%;background:linear-gradient(to right,#207fff,#20e7ff);border-radius:3px}
.loading-progress-content{position:relative;height:20px;line-height:20px;margin-top:6px;animation:loadingContentBg 0.2s}
@keyframes loadingContentBg{0%{opacity:0}
100%{opacity:1}
}.loading-progress-text{font-size:12px;font-family:'HYQiHeiY2-35J';color:rgba(203,237,248,0.5)}
.loading-progress-num{position:absolute;right:0;color:#20e7ff;font-size:12px;font-family:'acens'}
.loading-warning{position:absolute;right:42px;top:42px;width:305px;height:124px;color:#fbc255;background:url('../img/loading/loading-warning-yellow.png') no-repeat;opacity:0}
.loading-colse-btn{position:absolute;right:0px;top:0px;width:40px;height:20px;font-size:12px;line-height:20px;text-align:center;cursor:pointer}
.loading-warn-text{position:absolute;right:10px;top:32px;width:190px;height:80px;font-size:12px;color:#fbc255}
.laoding-ani{position:absolute;width:60px;height:60px;top:32px;left:20px;background:url('../img/loading/loading-yellow.webp') no-repeat;background-size:100% 100%}
.loading-warn-text:hover{text-decoration:underline;color:#fff;}
.loading-warning.bad{color:#f8463d;background:url('../img/loading/loading-warning-red.png') no-repeat}
.loading-warning.bad .loading-warn-text{color:#f8463d}
.loading-warning.bad .laoding-ani{background:url('../img/loading/loading-red.webp') no-repeat;background-size:100% 100%}
/* loading end */
.bimg img{display:block;transition:all .3s ease-in 0s}
.bimg:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);-moz-transform:scale(1.1)}
/* fonts */
.f20{font-size:.2rem;}
.f18{font-size:.18rem}
.f16{font-size:.16rem;}