body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer{margin:0}
body,button,input,select,textarea{font-family: "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:none}
li{text-decoration:none}
img{border:0}
body{background-color:#f0f7fe;position:relative}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}

#afooter {
  padding: 30px 0;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  background-color: #000;
  color: #c0c0c0;
}

#afooter a,
#afooter a:hover {
  color: #c0c0c0;
  text-decoration: none;
}

.ost_box{
  height: 41px;
}

.wrapper{
  max-width: 1920px;
  min-width: 1462px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.header{
  position: relative;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/bg1.jpg) no-repeat center top;
  height: 1145px;
  z-index: 1;
}

.header-box{
  width: 100%;
  height: 126px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/nav-bg.png) no-repeat;
  z-index: 4;
  position: fixed;
}
.header-nav{
  display: flex;
  width: 1740px;
  height: 100%;
  justify-content: space-between;
  margin: 0 auto;
}
.header-logo{
  display: block;
  width: 109px;
  height: 73px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/logo.png) no-repeat;
  margin-top: 7px;
}
.header-go{
  display: block;
  width: 248px;
  height: 80px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/go-website.png) no-repeat;
  margin-top: 6px;
}

.header-tab{
  display: flex;
  margin: 0 auto;
}
.header-tab a{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #ffffff;
  width: 182px;
  height: 101px;
  position: relative;
}
.header-tab a i{
  background-image: url(https://game.gtimg.cn/images/sqsd/cp/match202507/tab-i.png);
  background-size: 96px 93px;
  background-position: -52px -52px;
  width: 30px;
  height: 30px;
  display: block;
  opacity: 0;
  z-index: 9;
}

.header-tab a:nth-of-type(2) i{
  background-position: -10px -56px;
}
.header-tab a:nth-of-type(3) i{
  background-position: -10px -10px;
}
.header-tab a:nth-of-type(4) i{
  background-position: -52px -4px;
  margin-right: 5px;
}
.header-tab a p{
  z-index: 2;
  position: relative;
}
.header-tab a.on i, .header-tab a:hover i{
  opacity: 1;
}
.header-tab a.on p, .header-tab a:hover p{
  font-weight: bold;
  color: #f7f3b5;
  /* text-shadow: -1px -1px 0 #613301, 1px -1px 0 #613301, -1px 1px 0 #613301, 1px 1px 0 #613301; */
}
.header-tab a.on::after, .header-tab a:hover::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/tab-on.png) no-repeat;
  width: 182px;
  height: 98px;
}
.header .btn_s1{
  display: block;
  width: 350px;
  height: 79px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/btn_s1.png) no-repeat;
  position: absolute;
  top: 130px;
  left: 0;
}
.header .btn_s1:hover a{
  display: block;
}
.btn_s1 a{
  display: none;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/btn_s1_con.png) no-repeat center top/100% auto;
  width: 312px;
  height: 103px;
  margin-top: 80px;
  display: none;
}
.btn_s1 a:nth-of-type(2){
	background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/btn_s1_con.png) no-repeat 0 -102px/100% auto;
  margin-top: 0;
}
.btn_s1 a:nth-of-type(3){
	  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/btn_s1_con.png) no-repeat 0 -204px/100% auto;
  margin-top: 0;
}
.slogan{
  width: 1030px;
  height: 460px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/slogan.png) no-repeat center/100%;
  position: absolute;
  bottom: 60px;
  left: -20px;
  right: 0;
  margin: 0 auto;
}
.main{
  position: relative;
  margin-top: -420px;
  z-index: 2;
}
.page{
  box-sizing: border-box;
  display: none;
  
  padding-top: 465px;
}
.page.on{
  display: block;
}
.page1{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/bg2.png) no-repeat center top;
  max-height: 5000px;
  position: relative;
}
.page1.unp3{
	background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/bg2-1.png) no-repeat center top;
	height: 3345px;
}
.page1.unp3 .part3{
	display: none;
}
.p1_ti{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/p1_ti.png) no-repeat center/100%;
  width: 478px;
  height: 118px;
  margin: 0 auto 0;
}
.step-box{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/step-bg.png) no-repeat center/100% auto;
  width: 1920px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px auto 0;
}


.step{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/step1.png) no-repeat center/100% auto;
  width: 284px;
  height: 359px;
  padding: 121px 0 0 0;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  margin: 0 42px;
}
.step2{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/step2.png) no-repeat center/100% auto;
}
.step3{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/step3.png) no-repeat center/100% auto;
}
.step4{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/step4.png) no-repeat center/100% auto;
}
.step5{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/step5.png) no-repeat center/100% auto;
}

.step-name{
  margin-top: 20px;
  font-size: 26px;
  line-height: 1;
  color: #f7ede0;
  font-weight: bold;
  margin: 14px 0 15px 0;
  /* ??????????????????????? */
  color: white;
  /* ???????????? */
  background: linear-gradient(0deg, #5f3711, #c65618);
  /* ?? blend-mode ???????????????? */
  -webkit-background-clip: text;
  background-clip: text;
  /* ?? color ??????????????? */
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  /* ???????????? */
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone
}

.step-time{
  display: flex;
  align-items: center;
  width: 175px;
  margin: 0 auto 9px auto;
  justify-content: center;
}
.step-time p{
  font-size: 22px;
  font-weight: bold;
  color: #d44b39;
}
.step-time span{
	display: block;
	width: 40px;
}
.step-time2{
        font-size: 20px;
        line-height: 36px;
        color: #ad4d38;
        width: 260px;
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 54px auto;
        flex-direction: column;
}
.step-time2 span{
  width: 100%;
  text-align: center;
}


.page1 .part2{
  margin-top: 129px;
  /* height: 1076px; */
  position: relative;
}
.page1 .part2 .title{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/p3_ti.png) no-repeat;
  width: 605px;
  height: 118px;
  margin: 0 auto 0;
}
.page1-input{
  width: 178px;
  height: 54px;
  position: absolute;
  top: -79px;
  right: 58px;
}
.page1-input2{
  width: 178px;
  height: 54px;
  position: absolute;
  top: -13px;
  right: 58px;
}
.select1{
  width: 216px;
  height: 54px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/select3.png) no-repeat;
  position: relative;
  font-size: 24px;
  color: #7a6344;
  line-height: 50px;
  padding-left: 40px;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: bold;
}
.select1 span{
  background: url(//game.gtimg.cn/images/sqsd/web202403/select-icon3.png) no-repeat;
  width: 21px;
  height: 11px;
  position: absolute;
  right: 37px;
  top: 50%;
  transform: translateY(-50%);
}
.select2{
  width: 178px;
  height: 54px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/select2.png) no-repeat;
  margin: 26px auto;
  position: relative;
  font-size: 21px;
  color: #7a6344;
  line-height: 49px;
  padding-left: 38px;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: bold;
}
.select2 span{
  background: url(//game.gtimg.cn/images/sqsd/web202403/select-icon3.png) no-repeat;
  width: 21px;
  height: 11px;
  position: absolute;
  right: 37px;
  top: 50%;
  transform: translateY(-50%);
}
.page1-part2-box{
  position: relative;
  width: 1920px;
  margin: 0 auto;
}
.part2-cont{
  position: relative;
  display: none;
}
.final-container{
  width: 1520px;
  height: 1518px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/page1-part2-border2.png?v=1.2) no-repeat;
  display: flex;
  position: relative;
  margin-left: 145px;
  margin-top: 78px;
}
.final-container .item {
  width: 212px;
  height: 74px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/part2-team2.png) no-repeat;
  font-size: 22px;
  color: #fffad5;
  text-align: center;
  line-height: 74px;
  font-weight: bold;
  position: relative;
}
.final-container .item span{
	color: white;
	background: linear-gradient(0deg, #de703d, #b55339);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
.final-container .item.win{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/part2-team2-on.png) no-repeat;
}
.final-container .item.win span{
	color: white;
	  background: linear-gradient(0deg, #fff3d5, #fedf94);
	  -webkit-background-clip: text;
	  background-clip: text;
	  -webkit-text-fill-color: transparent;
	  text-fill-color: transparent;
	  -webkit-box-decoration-break: clone;
	  box-decoration-break: clone;
}

.final-container .wheelBox{
	width: 212px;
	display: flex;
	flex-direction: column;
    justify-content: space-between;
	position: absolute;
}
.final-container .col1{
  height: 352px;
  left: 302px;
  top: 132px;
}
.final-container .col2{
  height: 352px;
  left: 637px;
  top: 132px;
}
.final-container .col3{
  height: 352px;
  left: 1129px;
  top: 132px;
}
.final-container .col4{
  height: 352px;
  left: 0;
  top: 664px;
}
.final-container .col5{
  height: 261px;
  left: 707px;
  top: 707px;
}
.final-container .col6{
  height: 74px;
  left: 1414px;
  top: 804px;
}
.final-container .col7{
  height: 353px;
  left: 0;
  top: 1180px;
}
.final-container .col8{
  height: 353px;
  left: 381px;
  top: 1180px;
}
.final-container .col9{
  height: 261px;
  left: 707px;
  top: 1233px;
}
.final-container .col10{
  height: 261px;
  left: 1090px;
  top: 1233px;
}
.final-container .col11{
  height: 74px;
  left: 1414px;
  top: 1323px;
}

.final-champion{
  width: 387px;
  height: 259px;
  /* background: url(//game.gtimg.cn/images/sqsd/web202403/page1-champion-bg2.png) no-repeat; */
  position: absolute;
  top: -9px;
  left: 468px;
  display: none;
}

.elimination-container{
  width: 1327px;
  height: 555px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/page1-part2-border.png?v=1.2) no-repeat;
  display: flex;
  position: relative;
  margin-top: 47px;
  left: 297px;
}
.elimination-container .item {
  width: 212px;
  height: 74px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/part2-team2.png) no-repeat;
  font-size: 22px;
  color: #fffad5;
  text-align: center;
  line-height: 74px;
  font-weight: bold;
  position: relative;
}
.elimination-container .item span{
	color: white;
	background: linear-gradient(0deg, #de703d, #b55339);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
.elimination-container .item.win{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/part2-team2-on.png) no-repeat;
}
.elimination-container .item.win span{
	color: white;
	  background: linear-gradient(0deg, #fff3d5, #fedf94);
	  -webkit-background-clip: text;
	  background-clip: text;
	  -webkit-text-fill-color: transparent;
	  text-fill-color: transparent;
	  -webkit-box-decoration-break: clone;
	  box-decoration-break: clone;
}
.elimination-container .wheelBox{
	width: 212px;
	display: flex;
	flex-direction: column;
    justify-content: space-between;
	position: absolute;
}
.elimination-container .wheelBox1{
	height: 523px;
	left: -205px;
	top: 65px;
}
.elimination-container .wheelBox2{
	height: 372px;
	left: 99px;
	top: 140px;
}
.elimination-container .wheelBox3{
	height: 74px;
	left: 409px;
	top: 288px;
}
.elimination-container .wheelBox4{
	height: 74px;
	left: 706px;
	top: 288px;
}
.elimination-container .wheelBox5{
	height: 372px;
	left: 1016px;
	top: 140px;
}
.elimination-container .wheelBox6{
	height: 523px;
	left: 1320px;
	top: 65px;
}


.page1-champion{
		width: 335px;
        height: 234px;
        background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/page1-champion-bg.png) no-repeat center/100%;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
  /* display: none; */
}
.page1-champion-a{background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/page1-champion-a.png) no-repeat center/100%;}
.page1-champion-b{background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/page1-champion-b.png) no-repeat center/100%;}
.page1-champion-c{background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/page1-champion-c.png) no-repeat center/100%;}
.page1-champion-d{background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/page1-champion-d.png) no-repeat center/100%;}
.page1-champion-e{background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/page1-champion-e.png) no-repeat center/100%;}
.page1-champion-f{background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/page1-champion-f.png) no-repeat center/100%;}
.page1-champion-g{background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/page1-champion-g.png) no-repeat center/100%;}
.page1-champion-h{background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/page1-champion-h.png) no-repeat center/100%;}
.page1-champion p{
  font-size: 45px;
  color: #ffb23d;
  text-align: center;
  line-height: 183px;
  font-weight: bold;
  -webkit-text-stroke: 2px #9b2408;
  /* text-shadow: -1px -1px 4px #9b2408, 1px -1px 4px #9b2408, -1px 1px 4px #9b2408, 1px 1px 4px #9b2408; */
}
.page1-team-cut{
  display: flex;
  justify-content: center;
  width: 1737px;
  height: 99px;  
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/team-cut.png) no-repeat center/100%;
  margin: 40px auto 0;
  /* opacity: 0; */
  position: relative;
}
.page1-team-cut::after{
	display: block;
	content: "";
	position: absolute;
	background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/team-show.png) no-repeat center/100%;
	width: 1756px;
	height: 122px;
	left: -9px;
	top: -11px;
	z-index: 2;
	pointer-events: none;
}
.page1-team-cut li{
  margin-top: 1px;
  width: 193px;
  height: 97px;  
  font-size: 34px;
  text-align: center;
  line-height: 38px;
  color: #ffc79e;
  list-style: none;
  font-weight: bold;
  cursor: pointer;
  
  display: flex;
    align-items: center;
    justify-content: center;
}
.page1-team-cut li span{
  
}
.page1-team-cut li.on{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/team-cut-on.png) no-repeat;     
}


.page1-team-cut li.on span{
		color: white;
        background: linear-gradient(0deg, #de703d, #b55339);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        text-fill-color: transparent;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
}
.page1-team-cut li[data-id="final"] span:nth-child(1){
	display: block;
}
.page1-team-cut li[data-id="final"] span:nth-child(2){
	display: none;
}
.page1-team-cut li[data-id="final"].on span:nth-child(1){
	display: none;
}
.page1-team-cut li[data-id="final"].on span:nth-child(2){
	display: block;
}

.elimination-container .win{
  position: relative;
}
.wheelBox1 .item.win:nth-child(odd):after{
  content: '';
  position: absolute;
  top: 28px;
  right: -47px;
  width: 45px;
  height: 33px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/sixteen-win-border.png) no-repeat;
}
.wheelBox1 .item.win:first-child:after{
  top: 27px;
}
.wheelBox1 .item.win:nth-child(even):after,
.wheelBox7  .item.win:nth-child(even):after{
  content: '';
  position: absolute;
  top: -6px;
  right: -47px;
  width: 45px;
  height: 33px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/sixteen-win-border3.png) no-repeat;
}
.wheelBox1 .item.win:nth-child(6):after{
  top: -5px;
}
.wheelBox7 .item.win:nth-child(odd):after{
  content: '';
  position: absolute;
  top: 27px;
  right: 163px;
  width: 45px;
  height: 33px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/sixteen-win-border3.png) no-repeat;
}
.wheelBox7 .item.win:nth-child(even):after{
  content: '';
  position: absolute;
  top: -6px;
  right: 164px;
  width: 45px;
  height: 33px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/sixteen-win-border.png) no-repeat;
}
.wheelBox7 .item.win:nth-child(6):after{
  top: -5px;
}
.wheelBox2 .item.win:nth-child(odd):after,
.wheelBox6 .item.win:nth-child(odd):after{
  content: '';
  position: absolute;
    top: 25px;
    right: -46px;
    width: 46px;
    height: 80px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/eight-win-border.png) no-repeat;
}
.wheelBox2 .item.win:nth-child(even):after,
.wheelBox6 .item.win:nth-child(odd):after{
  content: '';
  position: absolute;
  top: -50px;
  right: -45px;
  width: 46px;
  height: 80px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/eight-win-border3.png) no-repeat;
  background-size: 100% 100%;
}
.wheelBox6 .item.win:nth-child(odd):after{
  content: '';
  position: absolute;
  top: 25px;
  right: 164px;
  width: 46px;
  height: 80px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/eight-win-border3.png) no-repeat;
}
.wheelBox6 .item.win:nth-child(even):after{
  content: '';
  position: absolute;
  top: -50px;
  right: 163px;
  width: 46px;
  height: 80px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/eight-win-border.png) no-repeat;
  background-size: 100% 100%;
}
.wheelBox3 .item.win:nth-child(odd):after{
  content: '';
  position: absolute;
  top: 27px;
  right: -51px;
  width: 51px;
  height: 77px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/four-win-border.png) no-repeat;
}
.wheelBox3 .item.win:nth-child(even):after{
  content: '';
  position: absolute;
  top: -48px;
  right: -51px;
  width: 52px;
  height: 78px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/four-win-border2.png) no-repeat;
  background-size: 100% 100%;
}
.wheelBox4 .item.win:nth-child(odd):after{
  content: '';
  position: absolute;
  top: 56px;
  right: 79px;
  width: 3px;
  height: 33px;
  background-color: #d84449;
}
.wheelBox5 .item.win:nth-child(odd):after{
  content: '';
  position: absolute;
  top: 27px;
  right: 164px;
  width: 47px;
  height: 77px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/four-win-border3.png) no-repeat;
}
.wheelBox4 .item.win:nth-child(even):after{
  content: '';
  position: absolute;
  top: -36px;
  right: 79px;
  width: 3px;
  height: 33px;
  background-color: #d84449;
}
.wheelBox5 .item.win:nth-child(even):after{
  content: '';
  position: absolute;
  top: -47px;
  right: 163px;
  width: 48px;
  height: 77px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/four-win-border4.png) no-repeat;
  background-size: 100% 100%;
}
.wheelBox3 .item.win:nth-child(3):after{
  content: '';
  position: absolute;
  top: -19px;
  right: -67px;
  width: 71px;
  height: 149px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/four-win-border7.png) no-repeat;
}
.wheelBox3 .item.win:nth-child(4):after{
  content: '';
  position: absolute;
  top: -232px;
  right: -67px;
  width: 71px;
  height: 255px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/four-win-border8.png) no-repeat;
}
.wheelBox5 .item.win:nth-child(3):after{
  content: '';
  position: absolute;
  top: -19px;
  right: 148px;
  width: 71px;
  height: 149px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/four-win-border5.png) no-repeat;
}
.wheelBox5 .item.win:nth-child(4):after{
  content: '';
  position: absolute;
  top: -232px;
  right: 148px;
  width: 71px;
  height: 255px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/four-win-border6.png) no-repeat;
}

@supports (-webkit-background-clip: text) {
	.page1-champion p{
		background-image: linear-gradient(#f4a259, #fac872, #fde691);
		-webkit-background-clip: text;
		color: transparent;
		-webkit-text-fill-color: transparent;
	}
}

.page1 .part3 .title{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/p4_ti.png) no-repeat;
  width: 463px;
  height: 118px;
  margin: 125px auto 0;
}
.part3-team{  
  width: 1920px;
  height: 1760px;
  position: relative;
  margin: 30px auto 0;
}


.warZone{
  display: flex;
  width: 1920px;
  justify-content: center;
  align-items: center;
}
.warZone li{
  font-size: 30px;
  width: 197px;
  height: 82px;
  line-height: 82px;
  font-weight: bold;
  list-style: none;
  text-align: center;
  cursor: pointer;
  color: #fff;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/p4_btn.png) no-repeat;
  margin: 0 14px;
}
.warZone li.on{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/p4_btn_on.png) no-repeat;
}
    .warZone li span {
        line-height: 82px;
        color: white;
        background: linear-gradient(0deg, #fff3d5, #fedf94);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        text-fill-color: transparent;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }
	.warZone li.on span {
        color: white;
        background: linear-gradient(0deg, #de703d, #b55339);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        text-fill-color: transparent;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }

.part3-team-list{
  /* padding: 35px 0 0 60px; */
  box-sizing: border-box;
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 40px;
}
.part3-team-swiper{
  width: 1500px;
  margin: 0 auto;
  overflow: hidden;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
  display: none;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: none;
}
.part3-team-swiper .swiper-slide{
  width: 228px;
}
.swiper-button-next, .swiper-button-prev{
  width: 74px;
  height: 77px;
  margin-top: -30px;
}
.swiper-button-next{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/page4-next.png) no-repeat;
  right: 85px;
}
.swiper-button-prev{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/page4-pre.png) no-repeat;
  left: 85px;
}
.part3-team-item{
  cursor: pointer;
}
.part3-team-item-img{
  width: 228px;
  height: 320px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/team-item.png) no-repeat;
  position: relative;
}
.part3-team-swiper .swiper-slide.on .part3-team-item-img, .part3-team-swiper .swiper-slide:hover .part3-team-item-img{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/team-item-on.png) no-repeat;
}
.part3-team-item-img img{
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.part3-team-item p{
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
  color: #f4e9d0;
  text-align: center;
  margin-top: 3px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 210px;
  width: 100%;
  
		color: white;
        background: linear-gradient(0deg, #fff3d5, #fedf94);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        text-fill-color: transparent;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;      
}
.part3-team-swiper .swiper-slide.on p, .part3-team-swiper .swiper-slide:hover p{
        color: white;
        background: linear-gradient(0deg, #de703d, #b55339);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        text-fill-color: transparent;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
}
.team-box{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/team-box.png) no-repeat center/100%;
  width: 1762px;
  height: 677px;
  display: flex;
  margin: 50px auto;
  position: relative;
}
.team_ti{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/team_ti.png) no-repeat top center/100%;
  width: 199px;
  height: 79px;
  color: #ffe2a0;
  font-size: 28px;
  position: absolute;
  top: 104px;
  left: 216px;
}
.team_ti span{
  position: absolute;
  height: 40px;
  line-height: 40px;
  width: 400px;
  left: 50%;
  transform: translateX(-50%);
  top: 50px;
  text-align: center;
  font-weight: bold;
}
.team-left{
	position: absolute;
    top: 330px;
    right: 123px;
    width: 955px;
}


.team-pet-title{
  font-size: 30px;
  color: #fff9e5;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 16px;
}
.team-pet-title i{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/team-right-ti.png) no-repeat center/100%;
  width: 21px;
  height: 13px;
  margin: 0 5px;
}
.team-pet-list{
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin-top: 22px;
}
.team-pet-img{
  width: 110px;
  height: 115px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/pet-bg.png) no-repeat center/100%;
  padding-top: 4px;
  box-sizing: border-box;
}
.team-pet-img img{
  width: 86px;
  height: 86px;
  margin-top: 17px;
  margin-left: 12px;
  mask: no-repeat center/cover;
  mask-image: url(https://game.gtimg.cn/images/sqsd/cp/match202507/pet-bg2.png);
  -webkit-mask: no-repeat center/cover;
  -webkit-mask-image: url(https://game.gtimg.cn/images/sqsd/cp/match202507/pet-bg2.png);
}
.team-pet-item p{
  color: #fff9e5;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;    
}
.team-center{
  width: 370px;
  height: 350px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/team-center.png) no-repeat;
  position: absolute;
  top: 229px;
  left: 135px;
}
/* .team-center-title{
  width: 177px;
  height: 20px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/team-center-title.png) no-repeat;
  font-size: 20px;
  color: #f7f0d8;
  line-height: 1;
  text-align: center;
  margin: 0 auto 0;
  text-shadow: -1px -1px 2px #583727, 1px -1px 2px #583727, -1px 1px 2px #583727, 1px 1px 2px #583727;
}
.team-center-circle{
  width: 181px;
  height: 181px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/team-circle.png) no-repeat;
  margin: 28px 0 0 32px;
  position: relative;
} */
.progress-circle-path{
  animation: draw 2s forwards;
}
@keyframes draw {
  from {
    stroke-dasharray: 0, 295px;
  }

}
.team-win-rate{
  position: absolute;
  text-align: center;
  top: 175px;
  left: 0;
  right: 0;
}
.team-win-rate span{
  font-size: 55px;
  font-weight: bold;
  color: #ebdc3a;
  line-height: 1;
  
		color: white;
        background: linear-gradient(0deg, #de703d, #b55339);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        text-fill-color: transparent;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
}
.team-win-rate p{
  font-size: 30px;
  color: #583727;
  font-weight: bold;
}
.team-right{
  position: absolute;
  top: 102px;
  right: 123px;
  width: 955px;
}
.team-right-ti{
  font-size: 30px;
  color: #fff9e5;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 16px;
}
.team-right-ti i{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/team-right-ti.png) no-repeat center/100%;
  width: 21px;
  height: 13px;
  margin: 0 5px;
}
.team-right-list{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.team-right-item{
  margin-bottom: 15px;
  position: relative;
}
.team-right-item:nth-of-type(1)::after{
        content: '';
        background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/captain_icon.png) no-repeat center / 100%;
        width: 56px;
        height: 39px;
        position: absolute;
        top: 0px;
        right: 9px;
        z-index: 1;
}
.team-right-item-img{
  width: 116px;
  height: 113px;
  position: relative;
  margin: 0 auto;
		display: flex;
        align-items: center;
        justify-content: center;
}
.team-right-item::before{
	display: block;
	content: "";
	width: 116px;
	height: 113px;
	background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/team-right-item.png) no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
.team-right-item-img img{
  width: 102px;
  height: 97px;
  margin: 0 0 0 1px;
  
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/team-right-item2.png) no-repeat;
/*  mask: no-repeat center/cover;
  mask-image: url(https://game.gtimg.cn/images/sqsd/cp/match202507/team-right-item2.png);
  -webkit-mask: no-repeat center/cover;
  -webkit-mask-image: url(https://game.gtimg.cn/images/sqsd/cp/match202507/team-right-item2.png); */
}
.team-right-item p{
  color: #fff9e5;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
}
.team-right-item p img{
  width: 23px;
  height: 22px;
  margin-right: 5px;
}

.page2{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/bg3.png) no-repeat center top;
  height: 3437px;
}

.page2-part1 .title{
  width: 478px;
  height: 118px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/title4.png) no-repeat;
  margin: 0 auto 0;
}
.rank-award{
  display: flex;
  justify-content: space-between;
  width: 1751px;
  margin: 25px auto 0;
}
.award-slide{
  position: relative;
  width: 425px;
  height: 1105px;
}
.rank-award .second{
	width: 433px;
	height: 1106px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/second-bg.png) no-repeat;
}
.rank-award .champion{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/champion-bg.png) no-repeat;
}
.rank-award .thirdly{
	width: 441px;
	height: 1111px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/thirdly-bg.png) no-repeat;
}
.rank-award .fourth{
	width: 415px;
	height: 1106px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/fourth-bg.png) no-repeat center/100%;
}
.bonus-item{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/item-bottom.png) no-repeat bottom/100% auto;
  width: 274px;
  margin: 200px auto 0;
}

.award-explain{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/award-explain.png) no-repeat center/100%;
  width: 1602px;
  height: 277px;
  margin: 107px auto 0;
  font-size: 28px;
  color: #ffc79e;
  padding: 38px 0 0 514px;
  box-sizing: border-box;
  line-height: 48px;
  font-weight: bold;
}
.award-explain span{
  color: #e9e464;
}

.page2-part2 .title{
  width: 589px;
  height: 118px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/title5.png) no-repeat;
  margin: 109px auto 0;
}
.page2-part2-explain{
  font-size: 30px;
  color: #fff7c3;
  line-height: 23px;
  margin: 25px auto 25px;
  font-weight: bold;
  text-align: center;
}
.page2-part2-award{
  width: 1602px;
  height: 447px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/award-bg2.png) no-repeat;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 95px 0 0 60px;
  position: relative;
}



.page3{
  height: 3950px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/bg4.png) no-repeat center top;
}
.page3-part1{
  
}
.page3-part1 .title{
  width: 478px;
  height: 118px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/title6.png) no-repeat;
  margin: 0 auto 0;
}
.select{
  width: 141px;
  height: 42px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/select.png) no-repeat;
  margin: 26px auto;
  position: relative;
  font-size: 20px;
  color: #ffffff;
  line-height: 40px;
  padding-left: 19px;
  box-sizing: border-box;
  cursor: pointer;
}
.select span{
  background: url(//game.gtimg.cn/images/sqsd/web202403/select-icon.png) no-repeat;
  width: 28px;
  height: 28px;
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
}
.page3-team-cont{
  margin: 0 auto;
  width: 1602px;
  height: 1589px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/page3-bg.png?v=1.1) no-repeat center top;
  padding-top: 56px;
  box-sizing: border-box;
  margin-top: 47px;
}
.page3-team-list{
  width: 1530px;
  height: 712px;
  display: flex;
  justify-content: space-between;
  margin: 18px auto 0;
}
.page3-team-item{
  width: 218px;
  text-align: center;
  position: relative;
}
.page3-team-bgc{
  width: 218px;
  height: 712px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/page3-team-item.png) no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.page3-team-bgc img{
  width: 100%;
  margin-top: -3px;
}
.player-info{
  padding-top: 435px;
  box-sizing: border-box;
  height: 460px;
  position: relative;
  z-index: 1;
}
.player-name{
  font-size: 29px;
  color: #feffff;
  font-weight: bold;
}

.player-id, .player-score{
  font-size: 16px;
  line-height: 19px;
  width: 148px;
  color: #ffffff;
  margin: 0 auto;
  text-align: left;
}
.player-score p{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/team-icon3.png) no-repeat center/100% auto;
  width: 93px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 24px;
  text-align: center;
  margin: 0 auto;
}
.player-score span{
  display: block;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/player-score.png) no-repeat center/100%;
  width: 148px;
  height: 94px;
  margin: 10px auto;
  font-size: 18px;
  color: #fbd343;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.page3-pet-list{
  width: 1530px;
  display: flex;
  justify-content: space-between;
  margin: 18px auto 0;
}
.player-pet-ti{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/pet-ti.png) no-repeat center/100%;
  width: 60px;
  height: 220px;
  font-size: 25px;
  font-weight: bold;
  color: #ffe898;
  writing-mode: vertical-lr;
  display: flex;
  justify-content: center;
  align-items: center;
}
.player-pet{
  width: 147px;
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-top: 10px;
}
.player-pet-img{
  width: 147px;
  height: 154px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/player-pet.png) no-repeat;
}
.player-pet-img img{
  width: 123px;
  height: 118px;
  margin: 22px 0 0 12px;
  mask: no-repeat center/cover;
  mask-image: url(https://game.gtimg.cn/images/sqsd/cp/match202507/player-pet2.png);
  -webkit-mask: no-repeat center/cover;
  -webkit-mask-image: url(https://game.gtimg.cn/images/sqsd/cp/match202507/player-pet2.png);
}
.player-pet-info{
  text-align: center;
  margin-left: 5px;
  font-size: 24px;
  font-weight: bold;
  color: #1b2844;
}

.player-pet-info p span{
  color: #f7f0d7;
  font-weight: normal;
  text-shadow: -1px -1px 1px #583727, 1px -1px 1px #583727, -1px 1px 1px #583727, 1px 1px 1px #583727;
}


.page3-team-info h2{
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  margin: 8px 0;
  text-shadow: -1px -1px 1px #915338, 1px -1px 1px #915338, -1px 1px 1px #915338, 1px 1px 1px #915338;
}
.page3-team-info span{
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  margin-top: 8px;
  text-shadow: -1px -1px 1px #915338, 1px -1px 1px #915338, -1px 1px 1px #915338, 1px 1px 1px #915338;
}
.page3-team-info p{
  font-size: 50px;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  margin-top: 8px;
  text-shadow: -1px -1px 1px #915338, 1px -1px 1px #915338, -1px 1px 1px #915338, 1px 1px 1px #915338;
}
.page3-team-popularity{
  width: 100%;
  font-size: 22px;
  margin-top: 22px;
}
.page3-team-popularity span{
  color: #fbf7f3;
}
.page3-part2-item:nth-child(1) .page3-team-popularity span{
  text-shadow: -1px -1px 1px #41433f, 1px -1px 1px #41433f, -1px 1px 1px #41433f, 1px 1px 1px #41433f;
}
.page3-part2-item:nth-child(2) .page3-team-popularity span{
  text-shadow: -1px -1px 1px #995014, 1px -1px 1px #995014, -1px 1px 1px #995014, 1px 1px 1px #995014;
}
.page3-part2-item:nth-child(3) .page3-team-popularity span{
  text-shadow: -1px -1px 1px #424440, 1px -1px 1px #424440, -1px 1px 1px #424440, 1px 1px 1px #424440;
}
.page3-part3{
  margin-top: 110px;
}
.page3-part3 .title{
  width: 548px;
  height: 118px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/title8.png) no-repeat;
  margin: 0 auto 0;
}
.page3-part3-box{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/page3-part3-box.png) no-repeat center/100%;
  width: 1601px;
  height: 1049px;
  margin: 45px auto 0;
  position: relative;
  padding-top: 1px;
}
.page3-part3-left{
  width: 1594px;
  height: 600px;
  position: absolute;
  left: 0;
  bottom: 38px;
}

.page3-table-header{
  width: 1500px;
  padding: 36px 0 0 35px;
  display: flex;
  align-items: center;
  height: 50px;
}

.page3-table-header span{
  font-size: 28px;
  font-weight: bold;
  color: #fad18f;
  text-align: center;
  width: 33%;
  display: block;
  /* text-shadow: -1px -1px 2px #6c6b6a, 1px -1px 2px #6c6b6a, -1px 1px 2px #6c6b6a, 1px 1px 2px #6c6b6a; */
}

.page3-part3-list{
  width: 1500px;
  height: 498px;
  padding-left: 34px;
  margin-top: 4px;
  overflow-x: hidden;
  overflow-y: auto;
}
.page3-part3-list::-webkit-scrollbar {
  width: 2px;
}
.page3-part3-list::-webkit-scrollbar-track {
  background-color: unset;
}
/* .page3-part3-list::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 5px;
} */
.page3-part3-item{
  display: flex;
  align-items: center;
  width: 1500px;
  height: 82px;
}
.page3-part3-item:nth-child(2n){
  background-color: #00000015;
}
.page3-part3-item span{
  width: 33%;
  height: 50px;
  display: block;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #f6edcd;
  line-height: 45px;
  /* text-shadow: -1px -1px 1px #735e4b, 1px -1px 1px #735e4b, -1px 1px 1px #735e4b, 1px 1px 1px #735e4b; */
}

.page3-part3-right{  
    margin-left: 261px;
    margin-top: 40px;
    margin-right: 100px;
}
.page3-rank-list{
  display: flex;
  /* flex-wrap: wrap; */
  width: 100%%;
	justify-content: space-between;
    position: relative;
}
.page3-rank-item{
  text-align: center;
  color: #fbf7f3;
  font-size: 20px;
  line-height: 27px;
  position: relative;
}
.page3-rank-item.one{
  width: 251px;
  height: 348px;

  margin-bottom: 27px;
}
.page3-rank-item.two{
  width: 251px;
  height: 348px;

  font-size: 18px;
}
.page3-rank-item.three{
  width: 251px;
  height: 348px;
 
  font-size: 18px;
}
.page3-rank-item img{
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.page3-rank-item.two img, .page3-rank-item.three img{
  top: 18px;
}
/* .page3-rank-item.two span, .page3-rank-item.three span{
  margin-top: 140px;
  line-height: 20px;
} */
.page3-rank-item.two p, .page3-rank-item.three p{
  line-height: 22px;
}
.page3-rank-item span{
  display: block;
  margin-top: 220px;
  color: #1b2844;
  font-size: 30px;
  line-height: 34px;
  font-weight: bold;
  /* text-shadow: -1px -1px 0 #a13031, 1px -1px 0 #a13031, -1px 1px 0 #a13031, 1px 1px 0 #a13031; */
  
  color: white;
  background: linear-gradient(0deg, #de703d, #b55339);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.page3-rank-item p{
  text-align: center;
  width: 121px;
  margin: 5px auto;
  color: #1b2844;
  font-size: 19px;
  line-height: 23px;
  /* text-shadow: -1px -1px 0 #a13031, 1px -1px 0 #a13031, -1px 1px 0 #a13031, 1px 1px 0 #a13031; */
  
  color: white;
  background: linear-gradient(0deg, #de703d, #b55339);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.page3-rank-item.two span,.page3-rank-item.two p{
	  background: linear-gradient(0deg, #6a89f9, #6574ad);
	  -webkit-background-clip: text;
	  background-clip: text;
	  -webkit-text-fill-color: transparent;
	  text-fill-color: transparent;
	  -webkit-box-decoration-break: clone;
	  box-decoration-break: clone;
}

.page3-rank-item .uncertain{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.page3-part4{
  margin-top: 80px;
}
.page3-part4 .title{
  background: url(//game.gtimg.cn/images/sqsd/web202403/title11.png) no-repeat;
  width: 570px;
  height: 131px;
  margin: 0 auto 0;
}

.page3-part4 .part4-cont{
  background: url(//game.gtimg.cn/images/sqsd/web202403/page3-part4-bg.png) no-repeat;
  width: 1374px;
  height: 806px;
  margin: 28px auto 0;
  padding-top: 48px;
  box-sizing: border-box;
}
.part4-swiper{
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.part4-swiper .swiper-slide:nth-child(1){
  background: url(//game.gtimg.cn/images/sqsd/web202403/conduct/conduct-img5.png) no-repeat;
  height: 543px;
}
.part4-swiper .swiper-slide:nth-child(2){
  background: url(//game.gtimg.cn/images/sqsd/web202403/conduct/conduct-img9.png) no-repeat;
  height: 543px;
}
.part4-swiper .swiper-slide:nth-child(3){
  background: url(//game.gtimg.cn/images/sqsd/web202403/conduct/conduct-img8.png) no-repeat;
  height: 543px;
}
.part4-swiper .swiper-slide:nth-child(4){
  background: url(//game.gtimg.cn/images/sqsd/web202403/conduct/conduct-img7.png) no-repeat;
  height: 543px;
}
.part4-swiper .swiper-slide:nth-child(5){
  background: url(//game.gtimg.cn/images/sqsd/web202403/conduct/conduct-img6.png) no-repeat;
  height: 543px;
}
.part4-swiper .swiper-slide:nth-child(6){
  background: url(//game.gtimg.cn/images/sqsd/web202403/conduct/conduct-img4.png) no-repeat;
  height: 543px;
}
.part4-swiper .swiper-slide:nth-child(7){
  background: url(//game.gtimg.cn/images/sqsd/web202403/conduct/conduct-img3.png) no-repeat;
  height: 543px;
}
.part4-swiper .swiper-slide:nth-child(8){
  background: url(//game.gtimg.cn/images/sqsd/web202403/conduct/conduct-img2.png) no-repeat;
  height: 543px;
}
.part4-swiper .swiper-slide:nth-child(9){
  background: url(//game.gtimg.cn/images/sqsd/web202403/conduct/conduct-img1.png) no-repeat;
  height: 543px;
}
.part4-tab{
  width: 1280px;
  position: relative;
  margin: 0 auto;
}
.part4-tab-swiper{
  width: 1280px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.part4-tab-swiper .swiper-wrapper{
  justify-content: center;
}
.part4-tab .swiper-button-lock{
  display: block;
}
.part4-tab-swiper .conduct-img{
  width: 115px;
  height: 114px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/conduct-tab.png) no-repeat;
  overflow: hidden;
  position: relative;
}
.swiper-slide-thumb-active  .conduct-img{
  background: url(//game.gtimg.cn/images/sqsd/web202403/conduct-tab-on.png) no-repeat;
}
.part4-tab-swiper .swiper-slide{
  width: 115px;
  cursor: pointer;
}
.part4-tab-swiper .conduct-img img{
  display: block;
  width: 105px;
  height: 104px;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 3px;
}
.part4-tab-swiper p{
  font-size: 18px;
  color: #f4e9d0;
  text-align: center;
  text-shadow: -1px -1px 1px #583727, 1px -1px 1px #583727, -1px 1px 1px #583727, 1px 1px 1px #583727;
}
.part4-tab-prev{
  background: url(//game.gtimg.cn/images/sqsd/web202403/page4-pre.png) no-repeat;
  left: 0;
}
.part4-tab-next{
  background: url(//game.gtimg.cn/images/sqsd/web202403/page4-next.png) no-repeat;
  right: 0;
}
.part4-tab-next, .part4-tab-prev{
  width: 27px;
  height: 40px;
  margin-top: -7px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.page4{
  height: 2025px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/bg5.png) no-repeat center top;
}
.page4-part1 .title{
  width: 513px;
  height: 131px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/title9.png) no-repeat;
  margin: 0 auto 0;
}
.page4-live{
  width: 1264px;
  height: 724px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/page4-live-bg.png) no-repeat;
  margin: 26px auto 10px auto;
  position: relative;
  display: block;
}
.page4-live .page4-live-box{
  top: 17px;
  left: 15px;
  width: 1234px;
  height: 694px;
}
.page4-live::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1264px;
  height: 724px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/page4-live-border.png) no-repeat;
}
.live-btn{
  width: 106px;
  height: 106px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/live-btn.png) no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page4-part1 p{
  font-size: 18px;
  color: #544538;
  text-align: center;
  line-height: 30px;
  font-weight: bold;
}
.page4-part1 span{
  font-size: 20px;
  color: #a2613c;
}
.page4-part1 span:nth-child(2){
  color: #a2613c;
}
.page4-part2{
}
.page4-part2 .title{
  width: 478px;
  height: 118px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/title10.png) no-repeat;
  margin: 0 auto 0;
}
.page4-part2-box{
  width: 1770px;
  margin: 28px auto 50px;
  position: relative;
}
.page4-select-box{
  display: flex;
  justify-content: flex-end;
  margin-top: 27px;
}
.page3-input{
  width: 141px;
  position: relative;
  margin: 0 auto;
}
.page4-input{
  margin-left: 25px;
  position: relative;
}
.page3-input.on .input-list-box{
  display: block;
}
.page4-input.on .input-list-box{
  display: block;
}
.page4-select-box .select{
  margin: 0 0 0 0;
}
.page4-video-box{
  width: 1770px;
  /* height: 694px; */
  margin-top: 33px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  color: #fffac5;
}
.page4-video-item{
  width: 414px;
  /* height: 225px; */
  position: relative;
  display: block;
  margin-bottom: 34px;
  margin-right: 34px;
}
.page4-video-item:nth-child(4n){
  margin-right: 0;
}
.page4-video-item::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 414px;
  height: 239px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/page4-video-border2.png) no-repeat; 
  background-size: 100% 100%;
  pointer-events: none;
}

.page4-video-img{
 width: 100%;
 height: 220px;
  position: relative;
}
.page4-video-item img{
  width: 388px;
  height: 220px;
  position: absolute;
  top: 54%;
  left: 50%;
  transform: translate(-50%, -50%);
  mask: no-repeat center/cover;
  mask-image: url(https://game.gtimg.cn/images/sqsd/cp/match202507/page4-video-img.png);
  -webkit-mask: no-repeat center/cover;
  -webkit-mask-image: url(https://game.gtimg.cn/images/sqsd/cp/match202507/page4-video-img.png);
}
.page4-video-item p{
  font-size: 24px;
  line-height: 35px;
  color: #fffac5;
  text-align: center;
  margin-top: 25px;
}
/* .page4-video-item .mask{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(0,0,0,.5);
  border-radius: 10px;
  height: 191px;
} */
.page4-video-item .mask::after{
  content: '';
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 388px;
  height: 219px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/page4-play-icon.png) no-repeat center/60px auto;
  background-color: #00000096;
  mask: no-repeat center/cover;
  mask-image: url(https://game.gtimg.cn/images/sqsd/cp/match202507/page4-video-img.png);
  -webkit-mask: no-repeat center/cover;
  -webkit-mask-image: url(https://game.gtimg.cn/images/sqsd/cp/match202507/page4-video-img.png);
}
.page4-video-item:hover .mask{
  display: block;
}
.page-video-page{
  width: 507px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 35px auto 0;
  position: relative;
}
.page-video-page .prev-btn{
  width: 49px;
  height: 62px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/page-next.png) no-repeat;
  transform: rotate(180deg);
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  text-indent: -9999px;
}

.page-video-page span{
  display: inline-block;
  font-size: 32px;
  color: #ffd16e;
  cursor: pointer;
  line-height: 62px;
  margin: 0 15px;
}
.page-video-page span.active{
  font-size: 35px;
  color: #fffac5;
}
.page-video-page .next-btn{
  width: 49px;
  height: 62px;
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/page-next.png) no-repeat;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  text-indent: -9999px;
}

.input-list{
  width: 100%;
  height: auto;
  position: relative;
  background-size: 100% 100%;
  box-sizing: border-box;
  z-index: 1;
  display: flex;
justify-content: center;
}
.input-list-box{
  width: 100%;
  z-index: 1;
  
}

.input-list li{
  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/input-list.png) no-repeat center/100%;
  width: 197px;
  height: 82px;
  line-height: 82px;
  margin: 0 51px;
  text-align: center;
  font-size: 30px;
  color: #fff;
  margin-bottom: 1px;
  cursor: pointer;
  position: relative;
  list-style: none;
	font-weight: bold;
}
.input-list li.on{

  background: url(https://game.gtimg.cn/images/sqsd/cp/match202507/input-list2.png) no-repeat center/100%;
}
.input-list li span{
	line-height: 82px;
	color: white;
	background: linear-gradient(0deg, #fff3d5, #fedf94);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
.input-list li.on span{
	color: white;
	background: linear-gradient(0deg, #de703d, #b55339);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

.gicpnews-status--2{
	width: 100%;
    text-align: center;
}

.dia-video {
  width: 1242px;
  height: 702px;
  box-sizing: border-box;
}
.dia-video::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1242px;
  height: 702px;
  background: url(//game.gtimg.cn/images/sqsd/web202403/dialog-bg.png) no-repeat;
  z-index: 10;
  pointer-events: none;
}

.dia-video .dia-close {
  position: absolute;
  width: 35px;
  height: 34px;
  position: absolute;
  right: -51px;
  top: 0px;
  font-size: 60px;
  line-height: 45px;
  text-align: center;
  background: url(//game.gtimg.cn/images/sqsd/web202403/dia-close.png) no-repeat;
}

/* .dia-video .dia-close:hover {
  transform: rotate(180deg);
} */

.dia-video .video-container {
  width: 1232px;
  height: 693px;
  margin-left: 5px;
  margin-top: 5px;
}