html,body {background:#fff;color:#000;background-size:100% auto ;--mainColor:#6600cc;--opMainColor:rgba(255,96,135,.75);--thirdColor:#ff6087;--mainWidth:1200px;--secondColor:#2997e1;}
.content{width:var(--mainWidth);margin:auto;}
a{color:#000;}
@media screen and (max-width: 1200px){
    .content{width:95%;font-size: 14px;;}
}

.banner{margin:0;padding:0;}
h1{font-size:30px;background-size: auto 100%;text-align: center;width:100%;overflow: hidden;color:var(--mainColor);background:url(h1_bg.png) no-repeat top center;font-weight: bold;}
h1 span{display: inline-block;color:inherit;height:100px;line-height:3em;;}
@media screen and (max-width: 1200px){
    h1{font-size:4.2vw;}
    h1 span{height:auto;background-size:100% auto;width:auto;}
}

.part{padding:4em 0;}
.part_w{color:#000;}
.part_w a{color:#000;}
.part_w a:hover{color:var(--mainColor);;}
.part_b{color:#fff;background:url(bg_b.jpg) repeat-y;background-size: 100% auto;}
.part_b h1{color:#fff;}
.part_b a{color:#000;}
.part_b a:hover{color:var(--mainColor);}
@media screen and (max-width: 1200px){
    .part{padding:2em 0;}
}

.row724 .para p{text-indent: 2em;}
.viewRanking{width:1200px;position: fixed;z-index: 2; border-radius: 5px;box-shadow: 0 1px 3px rgb(0 0 0 / 30%);background:#fff;top:-100vh;left:300px;color:#000;margin-left:-600px;left:50%;transition-duration: 500ms;transition-delay:0;padding:15px;text-align:center;height:90vh;}
.viewRanking .box{height:100%;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.viewRanking img{width:100%;}
.mask_bg2 {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 1;display:none;}
@media screen and (max-width: 1200px){
    .viewRanking{width:95vw;margin-left: -47.5vw;;}
}