#loading{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;z-index:20;font-size:18px;color:#cfd1cc;z-index:101}#loading .box{width:100%;height:1px;background:#414141;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);left:0}#loading .box span{height:1px;background:#c4c4c4;position:relative;top:0;left:0;display:block}#loading .box p{font-size:16px;line-height:30px;color:silver;text-align:center}

html, body{height:100%;overflow:hidden;}
body{min-width: 1200px;background-color:#090923;}
.warp{width: 100%;min-width: 1200px;position: relative;height: 100vh;}
.warp .bg{position: absolute;width: 100%;height: 100vh;inset: 0;z-index: -1;background: url("../images/bg.jpg") no-repeat center center;}
.warp .bg .role-left {width: 633px;height: 466px;background: url(../images/role-left.png) no-repeat 50% 50% / cover;top:50%;margin-top:-190px;margin-left: -1225px;left: 50%;}
.warp .bg .role-right {width: 606px;height: 459px;background: url(../images/role-right.png) no-repeat 50% 50% / cover;top:50%;margin-top: -215px;margin-left: 600px;left: 50%;}

.warp .con {width: 1200px;display: none;margin:0 auto;}
.warp .con.active {display: block;}
.warp .con .slogan {width: 670px;height: 27px;background: url(../images/slogan.png) no-repeat 50% 50% / cover;margin: 0 auto 40px;left:50%;margin-left:-335px;}
.warp .con .rules {width: 1150px;color:#fff;font-size: 17px;line-height: 26px;text-align: left;left:50%;margin-left: -575px;}
.warp .con .rules b {font-size: 26px;font-weight: bold;line-height: 50px;}
.warp .con .rules a {color:#ffd200;text-decoration: underline;}

.warp .con-1 .slogan{top:50%;margin-top:-145px;}
.warp .con-1 .btn-login {width: 263px;height: 66px;background: url(../images/btn-login.png) no-repeat 0 0;left:50%;margin-left:-131px;top:50%;margin-top: -80px;}
.warp .con-1 .btn-login:hover {filter: brightness(1.2) drop-shadow(0 0 10px #ffd200);}
.warp .con-1 .rules {top:50%;margin-top:50px;}
.warp .con-2 {padding-top: 130px;height: 100vh;}
.warp .con-2 .rules {margin:50px auto;}
.warp .con-2 .slogan{top:25px;}
.warp .con-2 .btn-number {width: 174px;height:42px;background: url(../images/btn-number.png) no-repeat 0 0 ;top:65px;margin-left:-565px;left:50%}
.warp .con-2 .btn-number:hover {background-image: url(../images/btn-number-on.png);}
.warp .con-2 .user-info {color:#fff;font-size: 24px;line-height: 40px;top: 65px;left:50%;width: 500px;margin-left:-250px;text-align: center;}
.warp .con-2 .user-info a {color:#ffc600;}
.warp .con-2 .schedule { width: 1220px;height: calc(100vh - 180px);left:50%;margin-left:-597px;overflow: auto;}

.warp .con-2 .schedule::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    border-radius: 5px;
}

.warp .con-2 .schedule::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 5px;
}

.warp .con-2 .schedule::-webkit-scrollbar-thumb {
    background-color: #ffc600;
    border-radius: 5px;
}

.warp .con-2 .schedule .detail {width: 100%;height:1112px;background: url(../images/bg-con.png) no-repeat 50% 0;}
.warp .con-2 .schedule .group {width: 122px;height:246px;display: flex;justify-content: space-between;flex-direction: column;position: absolute;}
.warp .con-2 .schedule .group li {width: 122px;flex:0 0  22px;line-height: 22px;color:#000;font-size: 16px;text-align: center;}

.warp .con-2 .schedule .group-a {top: 39px;left: 61px;}
.warp .con-2 .schedule .group-b {top:311px;left: 61px;}
.warp .con-2 .schedule .group-c {top: 584px;left: 61px;}
.warp .con-2 .schedule .group-d {top: 856px;left: 61px;}
.warp .con-2 .schedule .group-e {top:39px;right: 61px;}
.warp .con-2 .schedule .group-f {top:311px;right: 61px;}
.warp .con-2 .schedule .group-g {top:584px;right: 61px;}
.warp .con-2 .schedule .group-h {top:856px;right: 61px;}


.pop-text {width: 346px;height:204px;display: none;background: url(../images/pop.png) no-repeat 0 0;padding-top:60px;box-sizing: border-box;}
.pop-text p {width:100%;height:80px;line-height: 80px;color:#ffcc00;font-size: 45px;font-weight: bold;text-align: center;}
.pop-text .btn_close{width: 50px;height:50px;right:0;top:0;position: absolute}
.pop-text .btn_ok {width: 90px;height:30px;left:50%;margin-left:-45px;bottom:18px;position: absolute}