* {
  padding: 0;
  margin: 0;
  font-family: DINPro-Medium;
  box-sizing: border-box;
}

html body {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

button{
  border: none;
}

li {
  list-style: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
  -webkit-appearance: none !important;
}

input[type='number']{
  -moz-appearance: textfield;
}

span{
  user-select: none;
}


.pc{
  background-color: #1E1E1E;
  min-width: 1430px;
  display: none;
  flex-direction: column;
  align-items: center;
}

.pc .header{
  width: 100%;
  height: 60px;
  min-width: 1430px;
  position: relative;
  z-index: 2;
}

.pc .header2{
  position: absolute;
  height: 800px;
}

.pc .footer{
  width: 100%;
  height: 561px;
  position: relative;
  z-index: 2;
  min-width: 1300px;
}

.pc .bannertop{
  margin-top: 60px !important;
}
.pc .bg{
  z-index: 0;
  width: 100%;
  position: absolute;
  min-width: 1652px;
  left: 50%;
  transform: translateX(-50%);
}
.pc .banner{
  margin-top: 0px;
  width: 100%;
  overflow-x: clip;
  height: 589px;
  position: relative;
}

/* .pc .banner .imgbg{
  height: 501px;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
} */

.pc .banner .bannerc{
  width: 1200px;
  position: absolute;
  top: 166px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
}

.pc .banner .bannerc .tt{
  font-weight: 600;
  font-size: 45px;
  font-family: Arial;
  background: linear-gradient(to bottom, #1FFAED, #5658FF);
   /* 渐变背景 */  
   color: transparent;
  /*设置字体颜色透明*/
  -webkit-background-clip: text;
  margin-bottom: 28px;

}
.pc .banner .bannerc .wznqddes{
  font-size: 32px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 48px;
  margin-bottom: 15px;
  }
.pc .banner .bannerc .wznqdtime{
  font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
color: #FFFFFF;
line-height: 28px;
margin-bottom: 51px;
}

.pc .banner .bannerc .topbtn{
  display: flex;
  align-items: center;
}

.pc .banner .bannerc .topbtn .topbtnitem{
background: #7751FF;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
  cursor: pointer;
  padding: 10px 32px;

  font-size: 16px;

font-family: PingFangSC-Regular, PingFang SC;
color: #FEFEFC;
line-height: 24px;
margin-right: 24px;
}

.pc .banner .bannerc .topbtn .topbtnwhite{
  background: transparent;
  border: 1px solid #FFFFFF;
  }

/* .pc .banner .bannerc .left{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px solid red;
} */



/* .pc .banner .bannerc .right{
  border: 1px solid red;
  background-color: #ffffff;
}

.pc .banner .bannerc .right .topunlogin{
  display: none;
  align-items: center;
  justify-content: center;
  border: 1px solid blue;
  padding: 50px 80px;
}

.pc .banner .bannerc .right .topunlogin .tip{
  color: black;
}

.pc .banner .bannerc .right .toplogin{
  display: flex;
  flex-direction: column;
  border: 1px solid blue;
  padding: 20px 40px;
}

.pc .banner .bannerc .right .toplogin .tc{
  border: 1px solid #ff00ff;
  text-align: center;
  cursor: pointer;
}

.pc .banner .bannerc .right .topbtn{
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.pc .banner .bannerc .right .topbtn .topbtnitem{
  border: 1px solid #ff00ff;
  width: 45%;
  text-align: center;
  cursor: pointer;
} */



.pc .content
{
  display: flex;
  flex-direction: column;
  z-index: 1;
  width: 100%;
}

.pc .content .citem{
  display: flex;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(157deg, rgba(64,44,154,0.18) 0%, rgba(7,1,42,0.3) 100%);
  backdrop-filter: blur(9px);
  margin-bottom: 149px;
}

.pc .content .citem2{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1200px;
}

.pc .content .citem2 .ttbtn{
  background: #7751FF;
border-radius: 4px;
font-size: 14px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FEFEFC;
line-height: 24px;
padding: 6px 62px;
white-space: nowrap;
cursor: pointer;
}

.pc .content .citem .tt{
  font-size: 32px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 40px;
margin-top: 56px;
margin-bottom: 11px;
align-self: flex-start;
}
.pc .content .citem .ttdiv{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 82px;
}
.pc .content .citem .ttdiv .ttdesc,.pc .content .citem .ttdesc{
  font-size: 18px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;
line-height: 24px;
align-self: flex-start;
}
.pc .content .citem .ttdesc2{
  font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #85889C;
line-height: 24px;
align-self: flex-start;
margin-top: 8px;
}
.pc .content .citem .ttdiv .ttbtn{
  background: #7751FF;
border-radius: 4px;
font-size: 14px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FEFEFC;
line-height: 24px;
padding: 6px 62px;
white-space: nowrap;
cursor: pointer;
}

.pc .content .citem .tphzjdiv{
  display: flex;
  align-items: center;
  align-self: flex-start;
  margin-top: 30px;
  margin-bottom: 33px;
}
.pc .content .citem .tphzjdiv .tphzjimg{
  width: 24px;
  margin-right: 7px;
}

.pc .content .citem .tphzjdiv .tphzj{
  font-size: 18px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FEFEFC;
line-height: 25px;
}

/* ===================== 进度样式================== */
.pc .content .citem .jinduc{
  display: flex;
  width: 100%;
  position: relative;
  flex-direction: column;
}
.pc .content .citem .jinduc .top{
  display: flex;
  position: relative;
  height: 125px;
  width: 100%;
}

.pc .content .citem .jinduc .top .topitem{
  display: flex;
  flex-direction: column;
  position: absolute;
  min-height: 95px;
  min-width: 196px;
  padding: 32px 36px;
  border-radius: 10px;
background: #120A4D;
box-sizing: border-box;
opacity: 0.7;
left: -50%;
    transform: translateX(-50%);
}
.pc .content .citem .jinduc .top .topitem:hover{
  border: 1px solid #27F9FF;
  opacity: 1;
}
.pc .content .citem .jinduc .top .topitem .xiajiantou{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -15px;
  border-top: 15px solid #120A4D;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;

}

.pc .content .citem .jinduc .top .topitem:hover .xiajiantou{
  border-top: 15px solid #27F9FF;
}
.pc .content .citem .jinduc .top .topitem .xiajiantou::after{
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  left: 50%;
  transform: translateX(-50%);
  top: -15px;
  border-top: 13px solid #120A4D;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.pc .content .citem .jinduc .top .topitem .tian{
  position: absolute;
  background: linear-gradient(229deg, #27F9FF 0%, #536CE7 54%, #6534DD 100%);
border-radius: 30px 0px 100px 0px;
font-size: 14px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 20px;
padding: 2px 20px;
top:0px;
left: 0px;
}
.pc .content .citem .jinduc .top .topitem .zengjin{
  font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 400;
color: #FFFFFF;
text-align: center;
}
.pc .content .citem .jinduc .top .topitem .jlxx{
  position: absolute;
  background: #E65261;
border-radius: 20px;
font-size: 12px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
padding: 1px 8px;
line-height: 17px;
bottom: -7px;
right: -10%;
}

/* ====================================== */
.pc .content .citem .jinduc .top .topitem2{
  display: flex;
  position: absolute;
box-sizing: border-box;
left: -15px;
    align-items: center;
    bottom: 0px;
}
.pc .content .citem .jinduc .top .topitem2 .line{
  height: 160px;
border-left: 2px dashed #120A4D;
position: absolute;
left: 15px;
}
.pc .content .citem .jinduc .top .topitem2 .iconhq{
  width: 30px;
  margin-right: 8px;
  z-index: 2;
}
.pc .content .citem .jinduc .top .topitem2 .topitem2right{
  display: flex;
  flex-direction: column;
  
}
.pc .content .citem .jinduc .top .topitem2 .topitem2right .tpx{
  font-size: 14px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #27F9FF;
line-height: 24px;
white-space: nowrap;
}
.pc .content .citem .jinduc .top .topitem2 .topitem2rightdiv{
  margin-top: 8px;
  height: 32px;
background: linear-gradient(270deg, #27F9FF 0%, #4F52F5 38%, #24167F 100%);
border-radius: 20px 0px 24px 0px;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0 9px;
}
.pc .content .citem .jinduc .top .topitem2 .topitem2right  .topitem2rightdiv .iconzj{
 width: 20px;
 margin-right: 4px;
}
.pc .content .citem .jinduc .top .topitem2 .topitem2right  .topitem2rightdiv .zengjin{
  font-size: 12px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 400;
color: #FFFFFF;
line-height: 24px;
white-space: nowrap;
}
/* 新用户专享 */
.pc .content .citem .jinduc .top .topitem2 .newuser{
  position: absolute;
  background: #E65261;
  font-size: 10px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 14px;
padding: 3px 10px;
left: 39%;
bottom: 140%;
max-width: 70%;
min-width: 50%;
border-radius: 15px;
word-break: break-all;
}
.pc .content .citem .jinduc .top .topitem2 .newuser::after{
  position: absolute;
 content: "";
 width: 0px;
 height: 0px;
 border-top: 10px solid #E65261;
 border-right: 10px solid transparent;
 border-bottom: 10px solid transparent;
 left: 5%;
 bottom: -15px;
}
/* ========================================================= */
.pc .content .citem .jinduc .center{
  position: relative;
  height: 32px;
  background: #120A4D;
  border-radius: 16px;
  width: 100%;
}
.pc .content .citem .jinduc .center2{
  height: 56px;
  padding: 12px;
  border-radius: 30px;
}

.pc .content .citem .jinduc .center .jindu{
  position: absolute;
  background: linear-gradient(270deg, #27F9FF 0%, #4F52F5 38%, #1A245D 100%);
  height: 32px;
  border-radius: 16px;
  width: 2.3%;
  white-space: nowrap;
  position: relative;
  justify-content: flex-end;
}
.pc .content .citem .jinduc .center .jindu .jinduimg{
  width: 40px;
  position: absolute;
  right: -4px;
  top: -4px;
}
.pc .content .citem .jinduc .center .jindu .hd3jindutxt{
  line-height: 32px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FEFEFC;
  margin-right: 16px;
}
.pc .content .citem .jinduc .bottom{
  position: relative;
  width: 100%;
  height: 40px;
}
.pc .content .citem .jinduc .bottom .bottomitem{
  display: flex;
  flex-direction: column;
  position: absolute;
  white-space: nowrap;
}
.pc .content .citem .jinduc .bottom .bottomitem .num{
  font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FEFEFC;
line-height: 16px;
margin-top: 12px;
margin-left: -15px;
opacity: 0.7;
}
.pc .content .citem .jinduc .bottom .bottomitem .numusdt{
  margin-left: 3px;
  font-size: 12px;
}
.pc .content .citem .jinduc .bottom .dlhck{
  position: absolute;
  border-radius: 30px;
border: 1px solid #27F9FF;

font-size: 14px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #27F9FF;
padding: 7px 22px;
top:27px;
left: 40px;
cursor: pointer;
}
.pc .content .citem .jinduc .bottom .yqd{
  position: absolute;
  left: 0%;
  top: 24px;
  font-size: 14px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FEFEFC;
line-height: 16px;
white-space: nowrap;

}
/* ============================================== */

.pc .content .citem .hd3c{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.pc .content .citem .hd3c .item{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 373px;
height: 164px;
background: linear-gradient(228deg, rgba(42,35,145,0.3) 0%, rgba(18,37,133,0.2) 100%);
border-radius: 16px;
}
.pc .content .citem .hd3c .item .span1{
  font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;
line-height: 22px;
opacity: 0.7;
}
.pc .content .citem .hd3c .item .span2{
  font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 400;
color: #FFFFFF;
line-height: 24px;
margin-top: 26px;
}

.pc .content .citem .hdjs{
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  margin-top: 54px;

  background: linear-gradient(228deg, rgba(42,35,145,0.3) 0%, rgba(18,37,133,0.2) 100%);
border-radius: 12px;
backdrop-filter: blur(5px);
padding: 24px 40px;
width: 100%;
margin-bottom: 56px;

}
.pc .content .citem .hdjs .hdgz{
  font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 24px;
margin-bottom: 16px;
}
.pc .content .citem .hdjs .hdgzdesc{
  font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
color: #FFFFFF;
line-height: 20px;
}


.pc .popone{
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0,0,0,0.2000);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 3;
}
.pc .popone .divc{
  width: 480px;
  min-height: 26px;
  background: #FFFFFF;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  padding: 40px 30px;
  align-items: center;
  position: relative;

}
.pc .popone .divc .txt1{
  font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #1B1E28;
line-height: 26px;
margin-bottom: 20px;
}
.pc .popone .divc .txt2{
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #85889C;
}
.pc .popone .divc .popbtn{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}

.pc .btn{
  height: 42px;
  min-width: 340px;
  padding: 0 80px;
  background: #F2F3F5;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #85889C;
  line-height: 24px;
}
.pc .btnblur{
  background: #7751FF;
  color: #FEFEFC;
}
.pc .btnclose{
  position: absolute;
  right: 36px;
  top: 36px;
  cursor: pointer;
  width: 24px;
}


.pc .poptwo .divc{
  height: 70px;
  width: auto;
  background: #FFFFFF;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px 24px;

}
.pc .poptwo .divc .duigou{
 width: 30px;
 margin-right: 3px;
}
.pc .poptwo .divc .tips{
  height: 24px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #1B1E28;
  line-height: 24px;
}



.h5{
  overflow-x: hidden;
  flex-direction: column;
  min-height: 100vh;
  align-items: center;
  display: none;
  background-color: #1A1D3A;
  padding-bottom: 0.12rem;
}
.h5 .bg{
  width: 100%;
  min-width: 3.77rem;
  position: absolute;
}
.h5 .banner{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  position: relative;
}

.h5 .banner .bannerc{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 0.14rem;
  margin-top: 0.45rem;
}

.h5 .banner .bannerc .tt{
  font-weight: 600;
  font-size: 0.35rem;
  font-family: Arial;
  background: linear-gradient(to bottom, #1FFAED, #5658FF);
   /* 渐变背景 */  
   color: transparent;
  /*设置字体颜色透明*/
  -webkit-background-clip: text;
  margin-bottom: 0.12rem;

}
.h5 .banner .bannerc .wznqddes{
  font-size: 0.14rem;
font-family: PingFangSC-Medium;
color: #FFFFFF;
padding: 0.05rem 0.16rem;
background: linear-gradient(90deg, rgba(39,249,255,0) 0%, rgba(39,249,255,0.73) 51%, rgba(39,249,255,0) 100%);
opacity: 0.8;
backdrop-filter: blur(0px);
margin-bottom: 0.11rem;
text-align: center;
  }
.h5 .banner .bannerc .wznqdtime{
  font-size: 0.12rem;
  font-family: PingFangSC-Regular;
  color: #FEFEFC;
  line-height: 0.16rem;
  margin-bottom: 0.51rem;
}

.h5 .banner .bannerc .gzdiv{
  position: absolute;
top: 1.68rem;
left: 0;
}

.h5 .banner .bannerc .gzbtn{
  background: #3C3AA6;
  box-shadow: 0px 2px 4px 0px #161469;
  border-top-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
padding: 0.07rem 0.08rem;
display: flex;
align-items: center;
justify-content: flex-end;
cursor: pointer;
transform: translateX(calc(0.38rem - 100%));
transition:all 0.2s linear 0s;
}
.h5 .banner .bannerc .gzbtn2{
transform: translateX(0);
}
.h5 .banner .bannerc .gzbtn .hdgz{
  font-size: 0.12rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FEFEFC;
  line-height: 0.17rem;
  height: 0.17rem;
  margin-left: 0.15rem;
}

.h5 .banner .bannerc .gzbtn .hdgzicon{
  width: 0.2rem;
  margin-left: 0.11rem;
}


.h5 .banner .bannerc .jpdiv{
  position: absolute;
top: 1.25rem;
right: 0;
}

.h5 .banner .bannerc .jpbtn{
  background: #3C3AA6;
  box-shadow: 0px 2px 4px 0px #161469;
  border-top-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
padding: 0.07rem 0.08rem;
display: flex;
align-items: center;
justify-content: flex-start;
cursor: pointer;
transform: translateX(calc(100% - 0.38rem));
transition:all 0.2s linear 0s;
}
.h5 .banner .bannerc .jpbtn2{
transform: translateX(0);
}
.h5 .banner .bannerc .jpbtn .wdjp{
  font-size: 0.12rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 500;
  color: #FEFEFC;
  line-height: 0.17rem;
  height: 0.17rem;
  margin-right: 0.15rem;
}

.h5 .banner .bannerc .jpbtn .dlhck{
  font-size: 0.12rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 500;
  color: #FEFEFC;
  line-height: 0.17rem;
  height: 0.17rem;
  margin-right: 0.15rem;
color: #FEFEFC;
}

.h5 .banner .bannerc .jpbtn .wdjpicon{
  width: 0.2rem;
  margin-right: 0.11rem;
}

.h5 .content
{
  display: flex;
  flex-direction: column;
  padding: 0px 0.16rem;
  width: 100%;
}

.h5 .content .citem{
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.14rem;
  z-index: 1;
  margin-bottom: 0.3rem;
}
.h5 .content .citem .ttdiv{
  max-width: 100%;
  display: flex;
  flex-direction: column;
  height: 0.16rem;
  background: linear-gradient(90deg, rgba(66, 227, 255,0.6) 0%, rgba(73,239,253,0) 100%);
  
}
.h5 .content .citem .ttdiv::after{
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border-top: 0.08rem solid #191E3D;
  border-left: 0.03rem solid #191E3D;
  border-bottom: 0.08rem solid transparent;
  border-right: 0.03rem solid transparent;
}

.h5 .content .citem .ttdiv .tt{
  font-size: 0.16rem;
font-family: PingFangSC-Bold;
color: #FFFFFF;
line-height: 0.24rem;
height: 0.24rem;
margin-top: -0.12rem;
margin-left: 0.15rem;
margin-right: 0.15rem;
white-space: nowrap;
}
.h5 .content .citem .ttdesc{
font-size: 0.12rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;
line-height: 0.17rem;
margin-top: 0.08rem;
margin-bottom: 0.12rem;
}
.h5 .content .citem .ttbtn{
  background: linear-gradient(180deg, #1FFAED 0%, #5658FF 100%);
border-radius: 4px;
font-size: 0.14rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FEFEFC;
padding: 0.08rem 0.52rem;
margin-bottom: 0.16rem;
}

.h5 .content .citem .tphzj{
  font-size: 0.1rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FEFEFC;
margin-top: 0.21rem;
margin-bottom: 0.16rem;
}


/* ===================== 进度样式================== */
.h5 .content .citem .jinduc{
  display: flex;
  width: 100%;
  position: relative;
  flex-direction: column;
  background: #18266C;
  border-radius: 8px;
  padding: 0.21rem 0.12rem;
}

.h5 .content .citem .jinduc .top{
  display: flex;
  position: relative;
  height: 0.8rem;
  width: 100%;
}

.h5 .content .citem .jinduc .top .topitem{
  display: flex;
  flex-direction: column;
  position: absolute;
  padding: 0.15rem 0.2rem;
  border-radius: 0.05rem;
background: #120A4D;
box-sizing: border-box;
opacity: 0.7;
text-align: center;
}
.h5 .content .citem .jinduc .top .topitembtm{
  top: 0.15rem;
}
.h5 .content .citem .jinduc .top .topitem:hover{
  border: 1px solid #27F9FF;
  opacity: 1;
}
/* 下箭头 */
.h5 .content .citem .jinduc .top .topitem .xiajiantou{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.15rem;
  border-top: 0.15rem solid #120A4D;
  border-left: 0.1rem solid transparent;
  border-right: 0.1rem solid transparent;

}

.h5 .content .citem .jinduc .top .topitem:hover .xiajiantou{
  border-top: 0.15rem solid #27F9FF;
}
.h5 .content .citem .jinduc .top .topitem .xiajiantou::after{
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  left: 50%;
  transform: translateX(-50%);
  top: -0.15rem;
  border-top: 0.13rem solid #120A4D;
  border-left: 0.08rem solid transparent;
  border-right: 0.08rem solid transparent;
}

/* 上箭头 */
.h5 .content .citem .jinduc .top .topitem .shangjiantou{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -0.15rem;
  border-bottom: 0.15rem solid #120A4D;
  border-left: 0.10rem solid transparent;
  border-right: 0.10rem solid transparent;

}

.h5 .content .citem .jinduc .top .topitem:hover .shangjiantou{
  border-bottom: 0.15rem solid #27F9FF;
}
.h5 .content .citem .jinduc .top .topitem .shangjiantou::after{
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.15rem;
  border-bottom: 0.13rem solid #120A4D;
  border-left: 0.08rem solid transparent;
  border-right: 0.08rem solid transparent;
}

.h5 .content .citem .jinduc .top .topitem .tian{
  position: absolute;
  background: linear-gradient(229deg, #27F9FF 0%, #536CE7 54%, #6534DD 100%);
border-radius: 0.1rem 0px 1rem 0px;
font-size: 0.1rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
padding: 0rem 0.1rem;
top:0px;
left: 0px;
}
.h5 .content .citem .jinduc .top .topitem .zengjin{
  font-size: 0.14rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 400;
color: #FFFFFF;
}

.h5 .content .citem .jinduc .top .topitem .jlxx{
  position: absolute;
  background: #E65261;
border-radius: 0.2rem;
font-size: 0.1rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
padding: 0.01rem 0.05rem;
    line-height: 0.14rem;
    bottom: -0.07rem;
    right: -10%;
}

.h5 .content .citem .jinduc .center{
  position: relative;
  width: 100%;
}
.h5 .content .citem .jinduc .center2{
  position: relative;
  height: 0.24rem;
  padding: 0.04rem;
  background: #120A4D;
  border-radius: 0.18rem;
  width: 100%;
  display: flex;
  align-items: center;
}

.h5 .content .citem .jinduc .center .jindu{
  background: linear-gradient(270deg, #27F9FF 0%, #4F52F5 38%, #1A245D 100%);
  height: 0.16rem;
  border-radius: 0.16rem;
  width: 0%;
  white-space: nowrap;
}

.h5 .content .citem .jinduc .center .hd3jindutxt{
  font-size: 0.1rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FEFEFC;
  z-index: 1;
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 0.24rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.h5 .content .citem .jinduc .center .hd3jindutxt .hj{
  width: 0.13rem;
  margin-right: 0.05rem;
}

.h5 .content .citem .jinduc .center .dlhck{
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 0.1rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FEFEFC;
line-height: 0.24rem;
}

.h5 .content .citem .jinduc .center .jinduimg{
  position: relative;
  width: 3.22rem;
  margin-top: 0.13rem;
}

.h5 .content .citem .jinduc .hd1info{
  display: flex;
  justify-content: space-between;
}
.h5 .content .citem .jinduc .hd1info .yqd{
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FEFEFC;
  margin-bottom: 0.35rem;
}

.h5 .content .citem .jinduc .hd1btn{
  display: flex;
  justify-content: center;
}
.h5 .content .citem .jinduc .hd1btn .dlhck{
  background: linear-gradient(180deg, #1FFAED 0%, #5658FF 100%);
border-radius: 0.13rem;
font-size: 0.12rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FEFEFC;
line-height: 0.16rem;
padding: 0.05rem 0.3rem;
cursor: pointer;
margin-top: 0.27rem;
}
/* ===========================h5活动2样式=================== */
.h5 .content .citem .jinduc .hd2bottom{
  margin-top: 0.27rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.h5 .content .citem .jinduc .hd2bottom .hd2bottomitem{
  background: #101C58;
border-radius: 4px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 0.13rem 0rem;
width: 48%;
margin-bottom: 0.1rem;
position: relative;
}

.h5 .content .citem .jinduc .hd2bottom .hd2bottomitem2{
  border: 1px solid #FFC388;
}
.h5 .content .citem .jinduc .hd2bottom .hd2bottomitem2 .zengjin{
  color: #FFC388 !important;
}
.h5 .content .citem .jinduc .hd2bottom .hd2bottomitem .tpx{
  font-size: 0.1rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FEFEFC;
}
.h5 .content .citem .jinduc .hd2bottom .hd2bottomitem .iconjb{
  width: 0.99rem;
}
.h5 .content .citem .jinduc .hd2bottom .hd2bottomitem .zengjin{
  font-size: 0.14rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 900;
color: #FEFEFC;
text-align: center;
padding: 0 0.05rem;
}

/* 新用户专享 */
.h5 .content .citem .jinduc .hd2bottom .hd2bottomitem .newuser{
  position: absolute;
  background: #E65261;
  font-size: 0.1rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 0.14rem;
padding: 0.03rem 0.09rem;
left: 75%;
bottom: 95%;
max-width: 70%;
min-width: 50%;
border-radius: 0.15rem;
z-index: 2;
text-align: center;
inline-size: max-content;
}
.h5 .content .citem .jinduc .hd2bottom .hd2bottomitem .newuser::after{
  position: absolute;
 content: "";
 width: 0px;
 height: 0px;
 border-top: 10px solid #E65261;
 border-right: 10px solid transparent;
 border-bottom: 10px solid transparent;
 left: 5%;
 bottom: -15px;
}

/* =====================h5活动3样式========================= */
.h5 .content .citem .hd3c{
  display: flex;
  width: 100%;
  position: relative;
  flex-direction: column;
  background: #18266C;
  border-radius: 0.08rem;
  padding: 0.21rem 0.12rem;
}
.h5 .content .citem .hd3c .item{
  display: flex;
  flex-direction: column;
  background: #101C58;
  border-radius: 0.08rem;
  margin-bottom: 0.16rem;
  padding: 0.1rem 0.32rem;
}

.h5 .content .citem .hd3c .item .spn1{
  font-size: 0.12rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(254,254,252,0.8);
  margin-bottom: 0.08rem;
}

.h5 .content .citem .hd3c .item .spn2{
  font-size: 0.14rem;
  font-family: PingFangSC-Medium;
  color: #FEFEFC;
}

/* ===========h5弹框=========== */
.h5 .popone{
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0,0,0,0.2000);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.h5 .popone .divc{
  margin: 0px 0.2rem;
  padding: 0.26rem;
  width: 100%;
  background: #FFFFFF;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.h5 .popone .divc .txt1{
  font-size: 0.14rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #1B1E28;
margin-bottom: 0.12rem;
}
.h5 .popone .divc .txt2{
  font-size: 0.12rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #85889C;
}

.h5 .popone .divc .popbtn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.h5 .btn{
  background: #F2F3F5;
  cursor: pointer;
  font-size: 0.14rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #85889C;
  padding: 0.1rem 0.65rem;
border-radius: 0.04rem;
margin-top: 0.3rem;

}
.h5 .btnblur{
  background: #7751FF;
  color: #FEFEFC;
}
.h5 .btnclose{
  position: absolute;
  right: 0.16rem;
  top: 0.16rem;
  cursor: pointer;
  width: 0.12rem;
}


.h5 .poptwo .divc{
  height: 0.6rem;
  width: 100%;
  border-radius: 0.06rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 0px 0.2rem;
  background: rgba(0,0,0,0.6000);
}
.h5 .poptwo .divc .tips{
  font-size: 0.14rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FEFEFC;
}