#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
}

/*给头部让出43px*/
body {
    min-width: 1200px;
    width: 100%;
    background: #201f2c;
    padding-top: 40px;
}

.container {
    width: 100%;
    height: 100%;
    max-width: 1920px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.main {
    width: 100%;
    position: relative;
    margin: 0 auto;
    transition: all .5s linear;
    background: url(../images/bg.jpg) no-repeat 50% 0;
}

.main.show {
    filter: blur(0);
}

.con {
    width: 1200px;
    position: relative;
    margin: 0 auto
}

.con-head {
    width: 100%;
    height: 1140px;
    overflow: hidden;
}

.con-head .slogan {
    width: 1694px;
    height: 1049px;
    top: 135px;
    left: 50%;
    margin-left: -847px;
    z-index: 10;
    background: url(../images/slogan.png) no-repeat 0 0
}

.con-1 {
    width: 100%;
    height: 970px;
    background: url(../images/con-1.png) no-repeat 50% 0;
    padding-top: 192px;
    box-sizing: border-box;
}

.con-1 .video-box {width:1110px;height:620px;margin:0 auto}
.con-1 .video-box iframe {width:100%;height:100%}

.con-2 {
    height: 1540px;
    background: url(../images/con-2.png?v=2) no-repeat 50% 0;
}

/* 
.con-2 .player-list {width: 1174px;height:540px;background: url(../images/list-1.png) no-repeat 0 0;display: flex;margin-bottom: 40px;justify-content: center;}
.con-2 .player-list a {flex: 0 0 141px;height:540px;transform: skewX(-4deg);transform-origin: 50% 50%;}
.con-2 .player-list .detail {width: 1186px;height:557px;background: url(../images/bg-role.png) no-repeat 0 0;z-index: 10;top: -10px;left: -5px;}
.con-2 .player-list .detail .img {width: 183px;height:540px;top: 8px;left: 7px;background-position: 0 0;background-repeat: no-repeat;}
.con-2 .player-list .detail video {width:730px;height:410px;border-radius: 15px;top: 45px;left: 250px;position: absolute;border: 2px solid #efd11e;}
.con-2 .player-list .detail .tips {width: 730px;text-align: center;color:#ffe400;font-size: 24px;font-weight: bold;}
.con-2 .player-list-2 {background: url(../images/list-2.png) no-repeat 50% 0;}
 */

.con-3 {
    background: url(../images/con-3.png) no-repeat 50% 0;
    padding-top:170px;
    box-sizing: border-box;
}
.con-3 .btn-rule {width: 129px;height:34px;background: url(../images/btn-rule.png) no-repeat 0 0;top:70px;left:50%;margin-left:305px;}
.con-3 .nav {width:860px;margin:0 auto;height:85px;display: flex;justify-content: space-around;padding-bottom: 80px;}
.con-3 .nav a {width: 256px;height:85px;background: url(../images/con-3-nav.png) no-repeat 0 0;position: relative;}
.con-3 .nav .btn-nav-1::after{content:'3月7日 20:00';position: absolute;bottom: -25px;line-height: 20px;color:#b7cbff;font-size: 16px;width:256px;left:0;text-align: center;}
.con-3 .nav .btn-nav-2 {background-position: -256px 0;}
.con-3 .nav .btn-nav-2::after{content:'上一场比赛结束后';position: absolute;bottom: -25px;line-height: 20px;color:#b7cbff;font-size: 16px;width:256px;left:0;text-align: center;}
.con-3 .nav a:hover,
.con-3 .nav a.on {background-position-y: -85px;}

.con-3 .course {width:1920px;position: relative;top:0;left:50%;margin-left:-960px;display: none;}
.con-3 .course.active {display: block;}
.con-3 .course-1 {height:1530px;background: url(../images/course1.png) no-repeat 50% 0;}
.con-3 .course-2 {height:1915px;background: url(../images/course2-1.png) no-repeat 50% 0;padding-top: 70px;}
.con-3 .course-2.bg2 {height:1915px;background: url(../images/course2-2.png) no-repeat 50% 0;}
.con-3 .course-2.bg3 {height:1160px;background: url(../images/course2-3.png) no-repeat 50% 0;}

.con-3 .sub-nav {width:550px;height:48px;display: flex;justify-content: space-between;margin:0 auto;}
.con-3 .sub-nav a {width: 146px;height:48px;background: url(../images/con-3-subnav.png) no-repeat 0 0;position: relative;}
.con-3 .sub-nav .btn-nav-2 {background-position: -146px 0;}
.con-3 .sub-nav .btn-nav-3 {background-position: -292px 0;}
.con-3 .sub-nav a:hover,
.con-3 .sub-nav a.on {background-position-y: -48px;}

.con-4 {
    width: 1920px;
    height: 1010px;
    background: url(../images/con-4.jpg) no-repeat 50% 0;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    top: 0;
}


.pop-text {
    width: 692px;
    height: 342px;
    background: url(../images/pop.png) no-repeat 0 0;
    padding: 85px 60px 0 35px;
    box-sizing: border-box;
}

.pop-text .btn_close {
    width: 40px;
    height: 40px;
    top: 0;
    right: 0;
}

.pop-text p {
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #ffe8ba;
    font-size: 18px;
    font-weight: bold;
    flex-direction: column;
    line-height: 40px;
}

.pop-text p a {
    color: #ffe8ba;
    font-weight: normal;
    text-decoration: underline;
}

.pop-text p span {
    font-weight: normal;
}

.pop-text p span a {
    font-weight: bold;
}

.pop-text .btn-confirm {
    width: 175px;
    height: 51px;
    bottom: 49px;
    left: 50%;
    margin-left: -99px;
}

.pop-list {
    width: 852px;
    height: 498px;
    background: url(../images/pop-list.png?=v2) no-repeat 0 0;
    padding: 205px 55px 0 50px;
    box-sizing: border-box;
}

.pop-list .btn_close {
    width: 40px;
    height: 40px;
    top: 0;
    right: 0;
}

.pop-list .listBox {
    width: 735px;
    height: 180px;
    position: relative;
    overflow: auto;
    text-align: center;
}

.pop-list .listBox::-webkit-scrollbar-track {
    background-color: #fff2e3;
}

.pop-list .listBox::-webkit-scrollbar-thumb {
    background-color: #6a2313;
}

.pop-list .listBox::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.pop-list .myPrize {
    text-align: center;
    width: 725px;
    color: #fff;
}

.pop-list .listBox .myPrize td {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
}

.pop-list .myPrize .btn-copy-tiny {
    width: 100%;
    height: 30px;
    line-height: 30px;
    display: block;
    text-align: center;
    color: #fff;
    text-decoration: underline;
}

.pop-list .btn-real {width: 90px;height: 20px;bottom: 80px;left: 379px;}
.pop-list .btn-virtual {width: 90px;height: 20px;bottom: 60px;left: 520px;}