.banner .time {
    font-size: 3rem;
    color: #FFFFFF;
    line-height: 1.7rem;
    position: absolute;
    left: 57%;
    top: 55.65%;
}

.banner .btnbox {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 55.5%;
    top: 62.5%;
}

.banner .btnbox .btn {
    width: 22.3rem;
    line-height: 6rem;
    display: block;
    margin: 0 0.6rem;
    font-size: 3rem;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
}

.banner .btnbox .btn:first-child {
    background: url(../images/btn.png) center no-repeat;
    background-size: 100% 100%;
}

/* .banner .btnbox .btn:last-child {
    background: url(../images/btn2.png) right center no-repeat;
    background-size: 100% 100%;
} */
.gamesbox {
    position: relative;
    margin: 6.4rem 13.54% 0;
    z-index: 2;
}

.gamesbox .code {
    width: 14rem;
    display: block;
    position: absolute;
    left: 24.93%;
    top: 60.16%;
}

.gamesbox .txt {
    font-size: 3.4rem;
    font-weight: bold;
    color: #9A120E;
    position: absolute;
    bottom: 6%;
    left: 67.21%;
}

.main1 {
    padding: 8.3rem 0;
}

.main1 .videobox {
    position: relative;
    margin: 6.4rem 13.54% 0;
    z-index: 2;
}

.main1 .videobox .btn {
    width: 25rem;
    position: absolute;
    top: 56.65%;
    left: 55.4%;
}

.main1 .zbzbox .btnbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main1 .zbzbox .btnbox .btn {

    font-size: 2.2rem;
}

.main1 .zbzbox .btn {
    width: 25rem;
    line-height: 6rem;
    display: block;
    margin: 4rem 0 0;
    font-size: 3rem;
    color: #FFFFFF;
    background: url(../images/btn.png) center no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main1 .zbzbox .btn .icon {
    width: 3rem;
    margin-left: 1.6rem;
}

.main1 .zbzbox {
    padding: 10rem 13.54% 6.8rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 1;
    margin-top: 2.2rem;
}

.main1 .zbzbox::after {
    content: '';
    width: 65.31%;
    height: 95%;
    background: #FFFFFF;
    opacity: 0.1;
    z-index: -1;
    position: absolute;
    bottom: 0;
    right: 0;
}

.main1 .zbzbox .leftbox {
    width: 27.81vw;
    display: block;
}

.main1 .zbzbox .leftbox .titbox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 4.3rem;
    font-size: 4rem;
    font-weight: bold;
    color: #F2C975;
    position: relative;
    left: -13.5vw;
    white-space: nowrap;
}

.main1 .zbzbox .leftbox .titbox .line {
    width: 35rem;
    margin-right: 2rem;
}

.main1 .zbzbox .leftbox .imgbox {
    display: none;
}

.main1 .zbzbox .leftbox .imgbox.on {
    display: block;
}

.main1 .zbzbox .listbox {
    width: calc(100% - 32.37vw);
}

.main1 .zbzbox .listbox .li+.li {
    margin-top: 5rem;
}

.main1 .zbzbox .listbox .li {
    padding-left: 3.5rem;
    cursor: pointer;
}

.main1 .zbzbox .listbox .li h3 {
    font-size: 2.6rem;
    color: #FFFFFF;
    line-height: 3.6rem;
    position: relative;
}

.main1 .zbzbox .listbox .li h3::before {
    content: '';
    width: 0.5rem;
    height: 2.8rem;
    background: #F2C975;
    position: absolute;
    left: -3.5rem;
    top: 0.4rem;
}

.main1 .zbzbox .listbox .li p {
    margin-top: 1.7rem;
    font-size: 2rem;
    color: #F2C975;
    line-height: 1.8rem;
    display: none;
    justify-content: flex-start;
    align-items: center;
}

.main1 .zbzbox .listbox .li p .icon {
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
}

.main1 .zbzbox .listbox .li.on h3 {
    color: #F2C975;
}

.main1 .zbzbox .listbox .li.on p {
    display: flex;
}

.main1 .bgicon1 {
    width: 33.44%;
    z-index: -1;
    position: absolute;
    top: 19.4rem;
    left: 0;
}

.main1 .bgicon2 {
    width: 33.65%;
    z-index: -1;
    position: absolute;
    top: 37.5rem;
    right: 0;
}

.main2 .bgicon1 {
    width: 25.57%;
    z-index: -1;
    position: absolute;
    top: 30rem;
    left: 0;
}

.main2 .bgicon2 {
    width: 26.46%;
    z-index: -1;
    position: absolute;
    top: 30rem;
    right: 0;
}

.main2 .bgicon3 {
    width: 25.57%;
    z-index: -1;
    position: absolute;
    top: 70vw;
    left: 0;
}

.main2 .bgicon4 {
    width: 26.46%;
    z-index: -1;
    position: absolute;
    top: 80vw;
    right: 0;
}

.main3 .bgicon1 {
    width: 25.57%;
    z-index: -1;
    position: absolute;
    top: -10rem;
    left: 0;
}

.main3 .bgicon2 {
    width: 26.46%;
    z-index: -1;
    position: absolute;
    top: -30rem;
    right: 0;
}

.main4 .bgicon1 {
    width: 25.57%;
    z-index: -1;
    position: absolute;
    top: -10rem;
    left: 0;
}

.main2 {
    padding: 4.8rem 13.54%;
    position: relative;
    z-index: 3;
}

.main2 .tabnav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 7rem 0 9.5rem;
}

.main2 .tabnav .nav {
    width: 25.3rem;
    margin: 0 0.45rem;
    cursor: pointer;
}

.main2 .tabnav .nav img:first-child {
    display: block;
}

.main2 .tabnav .nav img:last-child {
    display: none;
}

.main2 .tabnav .nav.on img:first-child {
    display: none;
}

.main2 .tabnav .nav.on img:last-child {
    display: block;
}

.main2 .listbox {
    z-index: 1;
    position: relative;
}

.main2 .listbox .selbox {
    display: none;
}

.main2 .listbox .selbox.on {
    display: block;
}

.main2 .listbox .rowbox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 6.8rem;
}

.main2 .listbox .rowbox:nth-child(2n+1) {
    flex-direction: row-reverse;
}

.main2 .listbox .rowbox .imgbox {
    width: 71.4rem;
    overflow: hidden;
    z-index: 2;
    flex-shrink: 0;
}

.main2 .listbox .rowbox .imgbox:hover .bg {
    transform: scale(1.1);
}

.main2 .listbox .rowbox .info {
    flex-shrink: 0;
    width: 75.6rem;
    border-bottom: 0.2rem solid #fff;
    margin-left: -11.4rem;
    box-sizing: border-box;
    padding: 0 0 11.5rem;
    z-index: 1;
    text-align: right;
}

.main2 .listbox .rowbox .info .infobg {
    position: relative;
    padding: 4.5rem 5.3rem 10.3rem;
    background: rgba(255, 255, 255, 0.1);
    margin-left: 5.7rem;
}

.main2 .listbox .rowbox:nth-child(2n+1) .info {
    margin-right: -11.4rem;
    text-align: left;
}

.main2 .listbox .rowbox:nth-child(2n+1) .info .infobg {
    margin-left: 0;
}

.main2 .listbox .rowbox .info .num {
    font-size: 3.8rem;
    font-weight: bold;
    color: #F2C975;
}

.main2 .listbox .rowbox .info .tit {
    font-size: 2.6rem;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 2.6rem;
    margin: 3rem 0 4rem;
}

.main2 .listbox .rowbox .info p {
    font-size: 2.0rem;
    color: #FFFFFF;
    line-height: 3.6rem;
}

.main2 .listbox .rowbox .info .btn {
    width: 20rem;
    line-height: 6rem;
    display: block;
    font-size: 3rem;
    color: #FFFFFF;
    text-align: center;
    background: url(../images/btn.png) center no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -3rem;
    left: 15.6rem;
}

.main2 .listbox .rowbox:nth-child(2n+1) .info .btn {
    left: 33rem;
}

.main2 .listbox .picflex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.main2 .listbox .picflex .pic {
    width: 48.5%;
    margin-bottom: 4rem;
}

.main2 .listbox .picflex .pic.valin {
    margin-top: -7%;
}

.main2 .listbox .picflex .pic.box {
    width: auto;
}

.main2 .listbox .picflex .pic.box .bg {
    height: 34.6vw;
    width: auto;
}

.main2 .listbox .picflex .pic .tit {
    font-size: 3.6rem;
    font-weight: bold;
    color: #9A120E;
    text-align: center;
    line-height: 7.6rem;
    background: linear-gradient(to right, #EFC570 0%, #C68731 100%);
}

.main2 .listbox .picflex .pic .imgbox {
    height: 44.8vw;
    overflow: hidden;
    margin-top: 4rem;
}

.main2 .listbox .picflex .pic>.bg:nth-child(2) {
    margin-top: 4rem;
}


.main2 .listbox .morebox {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.main2 .listbox .more {
    font-size: 2.6rem;
    color: #fff;
    text-align: right;
}


.main3 {
    padding: 8.3rem 0 0;
}

.main3 .listbox {
    padding: 15.9rem 0 12.7rem;
    position: relative;
    background: url(../images/bg3.png) center bottom no-repeat;
    background-size: 100% auto;
}

.main3 .listbox .circle {
    width: 8.6rem;
    height: 8.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    font-weight: 500;
    color: #F2C975;
    line-height: 3rem;
    background: url(../images/circle.png) center no-repeat;
    background-size: 100%;
    position: absolute;
}

.main3 .listbox .circle:hover {
    color: #fff;
    background: url(../images/circle_a.png) center no-repeat;
    background-size: 100%;

}

.main3 .listbox .circle:nth-child(1) {
    top: 4vw;
    left: 19.79vw;
}

.main3 .listbox .circle:nth-child(2) {
    top: 24.3vw;
    left: 14.69vw;
}

.main3 .listbox .circle:nth-child(3) {
    top: 9.7vw;
    left: 32.86vw;
}

.main3 .listbox .circle:nth-child(4) {
    top: 30.1vw;
    left: 27.08vw;
}

.main3 .listbox .circle:nth-child(5) {
    top: 18.5vw;
    left: 34.43vw;
}

.main3 .listbox .circle:nth-child(6) {
    top: 28.1vw;
    left: 38.91vw;
}

.main3 .listbox .circle:nth-child(7) {
    top: 13vw;
    left: 43.75vw;
}

.main3 .listbox .circle:nth-child(8) {
    top: 28.8vw;
    left: 57vw;
}

.main3 .listbox .circle:nth-child(9) {
    top: 9.3vw;
    left: 57.66vw;
}

.main3 .listbox .circle:nth-child(10) {
    top: 21.3vw;
    left: 62vw;
}

.main3 .listbox .circle:nth-child(11) {
    top: 9.6vw;
    left: 69.17vw;
}

.main3 .listbox .circle:nth-child(12) {
    top: 18.7vw;
    left: 75vw;
}

.main3 .listbox .circle:nth-child(13) {
    top: 6.5vw;
    left: 82vw;
}


.main4 {
    padding: 6.5rem 13.54%;
}

.main4 .listbox {
    padding: 9.7rem 0 10.8rem;
}

.main4 .listbox .li {
    padding: 3.3rem 12.7rem;
    border-bottom: 0.3rem solid rgba(242, 201, 117, 0.5);
    background: linear-gradient(to top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.02) 100%);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 1.8rem;
    font-weight: 400;
    color: #fff;
    line-height: 1.8rem;
}

.main4 .listbox .li:hover {
    color: #f2c975;
}

.main4 .listbox .li span:first-child {
    width: 29rem;
}

.main4 .listbox .li span:nth-child(2) {
    width: calc(100% - 42rem);
}

.main4 .listbox .li span:last-child {
    width: 15rem;
}