@import"../../../2024/source/css/animate.css";
div,form,ul,li,dl,dt,dd,img,input,span,h1,h2,h3,h4,h5,font,p{margin:0;padding:0;border:0;list-style:none;list-style-type:none;}
a,a:hover{color:#292929;text-decoration:none;}
p{margin: 0 !important;}

.container{width:100%;padding-right:0.15rem;padding-left:0.15rem;margin-right:auto;margin-left:auto}
@media (min-width:576px){.container{max-width:540px}
}
@media (min-width:768px){.container{max-width:720px}
}
@media (min-width:992px){.container{max-width:960px}
}
@media (min-width:1200px){.container{max-width:1140px}
}
@media (min-width:1250px){.container{max-width:1200px}
}
.container-fluid{width:100%;padding-right:0.15rem;padding-left:0.15rem;margin-right:auto;margin-left:auto}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-0.15rem;margin-left:-0.15rem}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:0.15rem;padding-left:0.15rem}
.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
.justify-content-start {  -ms-flex-pack: start!important;justify-content: flex-start!important}
.justify-content-end {-ms-flex-pack: end!important;justify-content: flex-end!important}
.justify-content-center {-ms-flex-pack: center!important;justify-content: center!important}
.justify-content-between {-ms-flex-pack: justify!important;justify-content: space-between!important}
.justify-content-around {-ms-flex-pack: distribute!important;justify-content: space-around!important}
.align-items-start {-ms-flex-align: start!important;align-items: flex-start!important}
.align-items-end {-ms-flex-align: end!important;align-items: flex-end!important}
.align-items-center {-ms-flex-align: center!important;align-items: center!important}

/*苹方字体粗*/
@font-face
{
    font-family: 'PF_B';
    src: url('../css/PingFang Bold.ttf');
}
@font-face
{
    font-family: 'PF_M';
    src: url('../css/PingFang Medium.ttf');
}

body{overflow-x:hidden; background-color: #fff !important;font-family: "PingFang SC","MicrosoftYaHei", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "Helvetica Neue", Helvetica, Arial,  sans-serif;}
img{max-width:100%;}
.header-img{background-color: #323232; width: 100% !important;}

/* banner */
.banner{max-width: 7.5rem;margin:auto;min-height:9.6rem;background:linear-gradient(130deg, #e60000 0%, #c90c00 100%) !important;background-size:cover!important;background-color:#fff  !important;}
.banner-wrapper{max-width: 7.5rem;padding:0 0.15rem;margin: 0 auto;position: relative; z-index:8;}
.banner-text{text-align:center; position: relative; padding-top:2rem; }
.banner-text h2{ color:#fff;font-family:'PF_B'!important;font-weight: bold;font-size:0.76rem!important; line-height: 1; margin-bottom:.1rem;}
.banner-text h5{font-family:'PF_B';margin-bottom:0.6rem;font-size:0.46rem!important;display:inline-flex;align-items:end;color:#fff;animation: crescendo 1s alternate infinite ease-in-out;}
.banner-text h5 span{font-weight:700;font-size:0.46rem!important;}
.banner .container{position:relative;}
.banner-img{position:absolute;top:0.3rem;left:0;     width: 100%;}
.banner-img .img{text-align:center;margin:auto;    width: 100%;}


@keyframes crescendo {
    0% {
        transform: scale(.97)
    }

    to {
        transform: scale(1.03)
    }
}
@keyframes shake {
  0% {
    transform: translateX(0); /* 初始和结束位置 */
  }
  20% {
    transform: translateX(-5px); /* 向左摇晃 */
  }
  40% {
    transform: translateX(5px); /* 向右摇晃 */
  }
}

/* 输入手机号注册抢领 */
.banner-box__warp{width: 100%; height: auto; margin: auto;    margin-top:3rem; margin-bottom: 0.2rem; z-index: 11; position: relative;}
.banner-box{width:7.1rem; margin:0 auto;border-radius: 0.15rem;margin-top: -3.5rem; background-color: #F6F7F8;box-shadow:0px 0px 10px 0px rgb(0 0 0 / 15%);}
.banner-phone{width: 6.9rem;background-color: #F6F7F8; margin: 0 auto;border-radius: 0.15rem;position: relative;}
.banner-phone-wrapper{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.phone-top{width: 1.92rem;height: 0.5rem;background: url(https://wzgfile.oss-cn-shenzhen.aliyuncs.com/www/hd/wzg_tg10/images/phone-bg.png) no-repeat;background-size: 100% 100%;margin: 0 auto;display: flex;justify-content: center;align-items: center;font-size: 0.3rem;color: #ffffff;}
.phone-title h2{background:url(../imgs/reg_banner.svg) no-repeat center;background-size:100%;width:100%;height:0.96rem; color: transparent !important;}
.banner-phone-wrapper h2{ margin-top: -0.15rem;padding:0 0.1rem 0 0.1rem;color: #333;text-align: center;font-size: 0.5rem;opacity:1;}
.tel-box{width: 6.02rem;margin: 0 auto; padding-bottom: 0.31rem;padding-top:0.3rem!important;border-radius: .15rem;background-color: ffffff;display: flex;flex-direction: column;}
.input-sec{margin-top: 0.3rem;width: 100%;position: relative;}
.tel-box input::placeholder{color: #b2b2b2;}
.tel-box input[type="button"]{text-align: center;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}
.banner-button input[type="button"]{text-align: center;display: flex; justify-content: center; align-items: center;}
.tel-box .register_text{width: 100%;padding:0.2rem 0 0.2rem 0.3rem;box-sizing: border-box;color: #282828;font-size: 0.3rem;font-weight: 500;border:1px solid #E5E5E5;background-color: #fff;border-radius: 0.15rem;}
.tel-box .register_text2{width: 100%;padding:0.2rem 0 0.2rem 0.3rem;box-sizing: border-box;color: #282828;font-size: 0.3rem;font-weight: 500;border: 1px solid #E5E5E5;background-color: #fff;border-radius:  0.15rem;display: block;}
.tel-box .getcode{height: 100%;width: 2.11rem;background: #e5e5e5;color: #666;opacity: 0.6;-webkit-opacity: 0.6;-moz-opacity: 0.6;font-size: 0.3rem;position: absolute;right: 0;top: 0;border-top-right-radius:  0.15rem;border-bottom-right-radius:  0.15rem;border: 0;}
.banner-checked{display: flex;align-items: center;justify-content: center;padding-bottom: 0.30rem;}
.banner-checked span{font-size: 0.24rem;color: #292929;padding-left: 0.05rem;font-weight: bold;}
.banner-checked span>span{color: #292929;}
.banner-checke input:checked{border: 0;}
.banner-button{width: 6.02rem;height: 0.88rem; color:#fff!important;border-radius: 0.15rem !important;background:#e60000;display: flex;justify-content: center;align-items: center;font-size: 0.34rem;font-weight: bold;margin: 0 auto;cursor: pointer; opacity: .6;}
.banner-phone-wrapper p{font-size: 0.24rem!important;color: #292929!important;opacity:1!important;font-weight: bold;text-align: center;padding-top: 0.3rem;padding-bottom: 0.4rem;}
.tel-img img{width: 0.53rem;height: 0.42rem;display: block;}
.phone-bottom{height: 0.38rem;}
.banner-checked span>span a{color: #292929 !important;}
.register_btn{    border: 0;    background: transparent;color:#fff!important;}
.text-center{text-align:center!important;}

.right_img{/* 核心属性：scaleX(-1) 实现水平翻转 */transform: scaleX(-1);}
.part{max-width:7.5rem;margin:auto;padding: 0.7rem 0;}
.title{margin-bottom: .50rem;text-align: center;}
.title h3{margin-bottom: .24rem;font-size:0.48rem; font-weight: bold;  line-height: 1;}
.title h5{font-weight:600;font-size:0.28rem; color: #292929!important; line-height: 1.3; }
.title h5 span,.title h3 span{color:#E32519}
.term{background:#e32519;font-weight:600;border-radius:5rem;padding:0.08rem 0.3rem;margin-top: 0.2rem;    display: inline-block;color:#fff;font-size:0.2rem;transition:all 0.2s;}
.term:hover{color:#fff;opacity:0.95;padding:0.08rem 0.45rem;transition:all 0.3s;text-decoration:none;}
.title img{width:0.6rem;}

.part .row{margin-left:-0.08rem;margin-right:-0.08rem;}
.part .container{padding-left:0.15rem;padding-right:0.15rem;}

/* part1 */
.part1{background:#fff;padding-bottom:0rem;padding-top: 3rem; margin-top: -2rem;}
.part1_cont{position:relative;text-align:center;height:4.8rem;width:100%;}
.part1_cont_img2{ width: 38%;position:absolute;left:0%;z-index:2;top:0%;animation: float2 2s infinite;}
.part1_cont_img3{ width: 42%;position:absolute;left:50%;transform: translateX(-50%);animation: float 4s infinite;top:15%;z-index:3;}
.part1_cont_img4{ width: 38%;position:absolute;right:0%;z-index:2;animation: float2 3s infinite;}
@keyframes float {
  0% {
	transform: translate(-50%, 0%);
    opacity: 1;
  }
  50% {
	transform: translate(-50%, -20px);
    opacity: 0.95;
  }
  100% {
    transform: translate(-50%, 0%);
    opacity: 1;
  }
}
@keyframes float2 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(-10px);
    opacity: 0.9;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.part2{background:#f6f7f8;}
.part2 .title{    margin-bottom: .45rem;}
.part2 .title h3{padding-bottom:0rem;}
.part2_cont{ text-align:center;   min-height: 92%;transition: all .4s;border-radius:0.08rem;margin:0.15rem auto;
border: 1px solid #E5E5E5;background: #FFF;padding:0.24rem;} 
.part2_cont h3{font-size:0.36rem;line-height:1.3;font-weight:700;padding-bottom:0.08rem;}
.part2_cont h6{font-size:0.24rem;line-height:1.6;color:#292929;}
.part2_cont h3 span{color:#B3B3B3;}
.part2_cont h6 span{color:#e60000;}

.part2_cont img{margin-bottom:0.16rem;width:1.2rem;}
.part2_cont:hover{transform: scale(1.03);}

.part3{background:#FFF;}
.part3 .title{    margin-bottom: .45rem;}
.part3 .title h3{padding-bottom:0rem;}
.part3_cont{  min-height: 81%;transition: all .4s;border-radius:0.08rem;margin:0.15rem auto;
border: 1px solid #E5E5E5;background: #FFF;padding:0.32rem;display:flex;align-items:center;} 
.part3_cont h3{font-size:0.36rem;line-height:1.3;font-weight:700;padding-bottom:0.08rem;}
.part3_cont h6{font-size:0.24rem;line-height:1.6;color:#292929;}
.part3_cont span{color:#e60000;}
.part3_cont img{margin-right:0.24rem;width:1.2rem;}
.part3_cont:hover{transform: scale(1.03);}

.part4{background:#F6F7F8;}
.part4 .title h3{padding-bottom:0rem;}
.part4_cont{min-height:100%;text-align:center;transition: all .4s;background: #fff!important;border-radius:0.08rem;padding:0.24rem ;margin-bottom:0.24rem;} 
.part4_cont h3{font-size:0.32rem;line-height:1.3;font-family: "PF_B";padding-bottom:0.08rem;}
.part4_cont h6{font-size:0.24rem;line-height:1.3;color:#292929;}
.part4_cont span{color:#e32519;}
.part4_cont img{margin-bottom:0.24rem;max-width:1rem;}
.part4 .part4_cont:last-child{margin-bottom:0;}
.part4_cont:hover{transform: scale(1.03);}
.part4_cont_01{font-size:0.32rem;text-align:center;line-height:1.3;font-weight:700;font-family: "PF_B";padding:0.48rem 0;}
.part4_cont_btn{display:flex;align-items:center;padding-top:0.48rem;}

.part4 .btn-dark{display:block;border-radius:0.15rem; text-align:center;  color: #fff;    font-size: 0.34rem;  padding: 0.17rem 0.25rem 0.17rem 0.25rem;    background: #e60000;    border-color: #e60000;}
.part4 .btn-dark:hover{opacity:0.8;}
.part4 .btn-dark img{ padding-right:0.08rem; width:0.5rem; }

.app_ios{width:50%;position:relative;margin-right:0.24rem; }
.app_ios:hover .app_ios_cont{opacity: 1;    visibility: visible;  } 
.app_ios_cont{display:flex;font-size: 0.24rem;  width:100%;  min-width:1.97rem;    position: absolute;    bottom:102%;   left: 0;
    z-index: 1111; opacity: 0;    visibility: hidden; 
    background: #EFEFEF;     text-align: left;   border-radius:0.16rem; border: 1px solid #EAEAEA;   padding: 0.12rem 0.16rem 0.12rem ;     color: #14171D;    transition: margin .15s, opacity .15s;}
.app_ios_cont a{color:#DD3C62!important;}
.app_ios_cont::after {  position: absolute;  left: 0;  right: 0;  margin: auto;  width: 0.16rem;  height: 0.08rem;  content: "";  bottom: -7px;
 background:url(../imgs/download-pop-arr-down.svg) no-repeat;background-size:100%;}
.app_ios_cont h6{font-size:0.24rem;}
.app_ios_cont img{padding-right:0.1rem;}



.button{ display: flex;justify-content: space-between;align-items: center; margin: 0.6rem auto; width: 6.7rem;}
.button a{ display: flex; justify-content: center; align-items: center; width: 3.1rem; height: 0.76rem; font-size: 0.3rem; color: #736440; border-radius: 0.44rem;}
.button a:nth-of-type(1){background-color: #ffe9b3;}
.button a:nth-of-type(2){border: 2px solid #ffe9b3;}

/*活动详情*/
.hdbtn-box{margin-bottom:.4rem;}
.hdbtn{display: block; text-align: center; line-height: .54rem; width: 1.80rem; height: .54rem; background-color:rgb(39 52 71 / 66%); color: #fff; border-radius: .27rem; margin:0 auto; font-size:.28rem;}
#myhd{padding:24px 0.24rem 0.24rem; display: none;}

.ui-dialog{width: 100% !important; max-width: 7.5rem;}
.table-bordered td, .table-bordered th{border: 1px solid #dee2e6;padding: .08rem;vertical-align: middle; text-align: center;}

@media only screen and (max-width: 440.5px) {


}

.li_list li{line-height:1.6;margin-top:0.15rem;}
.footer.footer-px .f-title{font-size:0.4rem;font-weight:700;}

/*注册按钮重定义样式*/
.btn-reg-group{padding: .4rem 0 0rem !important;}
.btn-reg-group .btn-reg-inner{justify-content: space-around;}
.btn-reg-group a{    max-width: 46%;width: 3.2rem; height: 0.8rem;font-size: 0.32rem;color: #E60000; border-radius: 0.15rem;}
.btn-reg-group a:nth-of-type(1){background-color: #E60000; color: #FFFFFF;}
.btn-reg-group a:nth-of-type(2){border: 2px solid #E60000;animation: zoomInOut 2s infinite;
    transition: transform 0.3s ease-in-out; }

.ui-dialog-stretch .ui-dialog-footer .ui-button{ background-color: #E60000 !important;}