.topbar{background:#fff;}
.topbar .topPay{background:#DA1500;color:#fff;font-size:13px;height: 26px;line-height: 26px;width:80px;text-align: center;float: right;border-radius: 15px;margin-top: 7px;margin-left: 15px;}
.header{width:100%;height: 1080px;background: url(../../images/event/baizsc_20211118/banner.jpg) center top no-repeat;overflow: hidden;}
.video_top_bg{position: relative;top:0;left:0;width:100%;height:1080px;overflow: hidden;}
.video_top_bg video{position: absolute; top: 0; left: 50%; width: 1920px; margin-left: -960px;}

.banner1{height: 705px;background: url(../../images/event/baizsc_20211118/bg1.jpg) center top no-repeat;}
.banner1 .introduce{width: 655px;margin: 0 auto;padding-top:380px;}
.banner1 .introduce p{padding-left:30px;font-size:17px;color:#fff0c8;font-family: 'Microsoft YaHei UI';line-height: 30px;background:url(../../images/event/baizsc_20211118/x.png) no-repeat left center;}

.banner2{height: 1146px;background: url(../../images/event/baizsc_20211118/bg2.jpg) center top no-repeat;}
.banner2 .time{font-size:18px;color:#fff0c8;text-align: center;padding-top:215px;}
.banner2 .tips .text1,.banner2 .tips .text2,.banner2 .tips .text3{font-size:15px;color:#fff0c9;text-align: center;padding-top:4px;}
.banner2 .tips .text1{margin-top:16px;}
.banner2 .tips .text3{margin-top:24px}
.banner2 .tips .tip{color:#f9ff4d;}
.banner2 .dataNum{width:1200px;margin: 57px auto 0;}
.banner2 .dataNum span{color:#fff0c9;font-size:18px;}
.banner2 .dataNum span .num{text-decoration: underline;}
.banner2 .dataNum .text2{margin-left:90px;}
.banner2 .dataNum .text3{color:#79d4fe;text-decoration: underline;cursor: pointer;}

.count-tab {width: 1200px;height: 579px;margin: 38px auto 0;position: relative;}
.count-tab-left {width: 243px;float: left}
.count-tab-left p {height: 68px;width: 243px;margin-bottom: 18.5px;background-image: url('../../images/event/baizsc_20211118/btn.png');background-position: -24px -40px;cursor: pointer}
.count-tab-left p.tab2 {background-position: -24px -135px}
.count-tab-left p.tab3 {background-position: -24px -222px}
.count-tab-left p.tab4 {background-position: -24px -309px}
.count-tab-left p.tab5 {background-position: -24px -396px}
.count-tab-left p.tab6 {background-position: -24px -483px}
.count-tab-left p.tab7 {background-position: -24px -570px}
.count-tab-left p.active,.count-tab-left p:hover {background-position-x: -270px}

.count-tab-right {width: 929px;height: 579px;float: right;background-image: url("../../images/event/baizsc_20211118/tab_right.png");position: relative}
.count-tab-right .mfImg, .count-tab-right .zfImg {display: block;position: absolute;top: 126px;width: 294px;height: 311px;}
.count-tab-right .mfImg {left: 77px;background:url("../../images/event/baizsc_20211118/mf01.jpg")}
.count-tab-right .zfImg {right: 77px;background:url("../../images/event/baizsc_20211118/cz01.jpg")}
.count-tab-right.active1 .mfImg{background:url("../../images/event/baizsc_20211118/mf01.jpg")}
.count-tab-right.active1 .zfImg{background:url("../../images/event/baizsc_20211118/cz01.jpg")}
.count-tab-right.active2 .mfImg{background:url("../../images/event/baizsc_20211118/mf02.jpg")}
.count-tab-right.active2 .zfImg{background:url("../../images/event/baizsc_20211118/cz02.jpg")}
.count-tab-right.active3 .mfImg{background:url("../../images/event/baizsc_20211118/mf03.jpg")}
.count-tab-right.active3 .zfImg{background:url("../../images/event/baizsc_20211118/cz03.jpg")}
.count-tab-right.active4 .mfImg{background:url("../../images/event/baizsc_20211118/mf04.jpg")}
.count-tab-right.active4 .zfImg{background:url("../../images/event/baizsc_20211118/cz04.jpg")}
.count-tab-right.active5 .mfImg{background:url("../../images/event/baizsc_20211118/mf05.jpg")}
.count-tab-right.active5 .zfImg{background:url("../../images/event/baizsc_20211118/cz05.jpg")}
.count-tab-right.active6 .mfImg{background:url("../../images/event/baizsc_20211118/mf06.jpg")}
.count-tab-right.active6 .zfImg{background:url("../../images/event/baizsc_20211118/cz06.jpg")}
.count-tab-right.active7 .mfImg{background:url("../../images/event/baizsc_20211118/mf07.jpg")}
.count-tab-right.active7 .zfImg{background:url("../../images/event/baizsc_20211118/cz07.jpg")}
.count-tab-right .mfdiv, .count-tab-right .zfdiv {width: 259px;height: 40px;position: absolute;bottom: 69px}
.count-tab-right .mfdiv {left: 93px}
.count-tab-right .zfdiv {right: 93px}

.count-tab-right a{background-image: url("../../images/event/baizsc_20211118/btn.png");width: 109px;height: 40px;cursor: pointer;display: inline-block;vertical-align: middle;}
.count-tab-right a.rewardbtn {background-position: -161px -660px;float: left}
.count-tab-right a.playlink {background-position: -161px -719px;float: right}
.count-tab-right a.paylink {background-position: -161px -778px;float: right}
.count-tab-right a:hover {background-position-x: -23px}

.count-tab-btn {width: 748px;height: 110px;position: absolute;bottom: -157px;right: 88px;z-index: 1}
.count-tab-btn a {background: url("../../images/event/baizsc_20211118/btn.png") no-repeat -314px -845px;width: 269px;height: 110px;float: left;cursor: pointer}
.count-tab-btn a:hover {background-position-x: -21px}
.count-tab-btn .paysign {float: right;background-position: -314px -981px}
.count-tab-btn .status_4{background:url("../../images/event/baizsc_20211118/bq.png") no-repeat 1px 1px;}
.count-tab-btn .status_4:hover{background-position:-273px 1px;}

.banner3{height: 466px;background:url(../../images/event/baizsc_20211118/bg3.jpg) center top no-repeat;position: relative;}

.banner4{height: 603px;background:url(../../images/event/baizsc_20211118/bg4.jpg) center top no-repeat;}
.banner4 .introduce{width: 830px;margin: 0 auto;padding-top:218px;}
.banner4 .introduce p{font-size:16px;color:#fff0c8;font-family: 'Microsoft YaHei UI';line-height: 30px;}

.banner5{height: 1126px;background:url(../../images/event/baizsc_20211118/bg5.png) center top no-repeat;}
.banner5 .time{font-size:18px;color:#fff0c8;text-align: center;padding-top:188px;}
.banner5 .tips .text1,.banner5 .tips .text2{font-size:16px;color:#fff0c9;text-align: center;padding-top:4px;}
.banner5 .tips .text1{margin-top:16px;}
.banner5 .tips .text2{margin-top:24px}
.banner5 .tips .tip{color:#f9ff4d;}
.banner5 .dataNum{position: absolute;top:3px;right:0}
.banner5 .dataNum .text1{color:#fff0c9;font-size:17px;}
.banner5 .dataNum .text2{color:#79d4fe;font-size:17px;text-decoration: underline;cursor: pointer;margin:0 98px 0 88px;}
.banner5 .ranklist{width:1200px;height: 693px;position: relative;background:url(../../images/event/baizsc_20211118/rank_img.png) no-repeat center top;margin:50px auto 0;}

.rank-content li{width:192px;height: 60px;position: absolute;text-align: center;}
.rank-content li .rank-server{font-size: 18px;color:#fff;height: 24px;line-height: 24px;margin-bottom:4px;}
.rank-content li .rank-name{font-size: 18px;color:#ffda45;}
.rank-content li.li1{left:503px;top:195px;}
.rank-content li.li2{left:217px;top:215px;}
.rank-content li.li3{left:785px;top:220px;}

.footer{height: 88px;background:url(../../images/event/baizsc_20211118/bg6.jpg) center top no-repeat;padding-top: 450px;text-align: center;color: #ac5e5e;margin: 0;}
.footer .txt{font-size: 12px;line-height: 26px;}

.floatNav{width: 210px;height: 450px;position: fixed;top: 20%;right: 70px;background: url(../../images/event/baizsc_20211118/flex.png) top center no-repeat;z-index: 10;}
.floatNav ul li{height: 54px;cursor: pointer;background-image: url(../../images/event/baizsc_20211118/flex.png);background-repeat: no-repeat;background-position: 0 -180px;}
.floatNav ul li:hover{background-image: url(../../images/event/baizsc_20211118/flexhover.png)}
.floatNav ul li.nav1{height: 180px;background-position:0 0;}
.floatNav ul li.nav3{background-position:0 -235px;}
.floatNav ul li.nav4{background-position:0 -289px;}
.floatNav ul li.nav5{background-position:0 -343px;}
.floatNav ul li.nav6{background-position:0 -397px;}

.layer-mybag{background: url(../../images/event/baizsc_20211118/dialog.jpg) no-repeat center top;}
.layer-mybag .layui-layer-close2{width: 28px;height: 26px;background: url(../../images/event/baizsc_20211118/close.png) 0 0 no-repeat;right: 26px;top: 20px;}
.layer-mybag .layui-layer-close2:hover{background-position: 0 0;}
.layer-mybag .mybag-box{width: 615px;height: 350px;position: absolute;left: 123px;top: 155px;}
.layer-mybag .mybag-box .mybag-list{width:100%;}
.layer-mybag .mybag-box .mybag-list tr{height: 58px;}
.layer-mybag .mybag-box .mybag-list tr td{width: 50%;font-size: 14px;color:#fff;text-align: center;word-break: break-all;padding:0 10px;}
.layer-mybag .mybag-box .mybag-list tr td .copy-btn{cursor: pointer;color:#5489fe;text-decoration: underline;}
.layer-mybag .mybag-paging{position: absolute;left:0;bottom: 20px;width:100%;text-align: center;height: 20px;line-height: 20px;display: block;}
.layer-mybag .mybag-paging a{display: inline-block;width: 18px;height: 18px;line-height: 18px;border: 1px solid #BBBBBB;color: #fff;margin: 0 3px;vertical-align: middle;background:#000;}
.layer-mybag .mybag-paging a.cur, .layer-mybag .mybag-paging a:hover{background: #A98339;border-color: #A98339;color: #fff;}