@import"/hd/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;}
h2,.h2{ font-size:.52rem !important;}
h3,.h3{font-size:.46rem;}
h4,.h4{font-size:.32rem;}
h5,.h5{font-size:.28rem !important;}
h6,.h6{font-size:.24rem;}
a,a:hover{color:#292929;text-decoration:none;}
p{margin: 0 !important;}

.container{width:100%;padding-right:15px;padding-left:15px;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:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.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:15px;padding-left:15px}
.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: "PF_M","MicrosoftYaHei", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "Helvetica Neue", Helvetica, Arial,  sans-serif;}
.fxts2 .fxts2-inner span{font-size:12px;padding:4px;}
.bg_light{background-color: #f9f9f9;}
.bg_white{background-color:white;}

.header-img{background-color: #323232; width: 100% !important;}
.header-wrapper{max-width: 1200px;}
/* banner */
/* banner */
.banner{  position: relative;min-height:7.2rem;background:linear-gradient(130deg, #e60000 0%, #c90c00 100%) !important;background-size:cover!important;background-color:#F6F7F8  !important;}
.banner-wrapper{margin: 0 auto;position: relative; z-index:8;}
.banner-text{ position: relative; padding-top:1.5rem; }
.banner-text h2{ color:#FFF;font-family:'PF_B';font-weight: bold;font-family: Inter;font-size:0.80rem!important; line-height: 1; margin-bottom:.25rem;}
.banner-text h2 span{color: #FFDA91;font-family: Inter;font-size: 80px;font-style: normal;font-weight: 700;line-height: normal;}
.banner-text h2 span.text{color: #FFDA91;font-family: Inter;font-size: 92px;font-style: normal;font-weight: 700;line-height: normal;}
.banner-text h5{font-size:0.42rem!important;font-family:'PF_B';color:#fff;animation: crescendo 1s alternate infinite ease-in-out;}

.banner-img{position:relative;}
.banner-img .img{position:absolute;width:773px;     top: -11%;    left: -83%;}
.banner-img .img img{width:773px; }
.banner-img .img2{position:absolute;bottom:60px;left:30%;transform: translateX(-30%); }
.banner_bg{position:absolute;    width: 100%;    bottom: 0;}
@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: 1.4rem;    position: relative;    z-index: 11;}
.banner-box{position:relative; width: 100%; max-width: 12rem; margin: 0 auto;background-color: #f6f7f8;border-radius: 0.12rem;}
.banner-phone{margin: 0 auto; margin-top:-1.7rem; width: 100%;   border-radius: 15px;    padding: 0.15rem 0.1rem;}
.banner-phone-wrapper{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.banner-phone-wrapper .regindex2{width:100%;border-radius: 0 0 .12rem .12rem;}
.reg-step1{height: 1.22rem;}
.reg-step2{height: 1.22rem;}
.reg-step3{height: 2.5rem;}
.tel-outbox{width: 100%; padding: 0 .32rem; margin: auto;}
.phone-title{width: 100%; height:0.82rem;background-size: cover;display: flex;justify-content: center;align-items: center;}
.phone-title span img{width: 0.41rem;height: 0.19rem;display: block;}
.banner-phone-wrapper h2{margin: 0 0.2rem;padding-bottom: 0 !important;font-weight: bold;padding:0 !important; height: .66rem; line-height: .66rem; color: #333333 !important; text-align: center; font-size: 0.36rem !important;opacity:1 !important;}



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

    to {transform: scale(1.03)}
}


.tel-box{width: 100%;margin: 0 auto; padding-bottom: 0.16rem;border-radius: .12rem;display: flex; justify-content: space-between;}
.input-sec{width: 37.5%;position: relative;}
.input-sec input{
	padding:0 0.2rem;
	width: 100%; height:0.6rem;
	font-size: .2rem; color: #282828;font-weight: 500;
	border: 0;border-radius: .12rem;
	background-color: #fff;box-sizing: border-box;
}
.phone-title h2{background:url(../imgs/reg_banner.svg) no-repeat center;width: 680px;  height: 78px;    margin-top: -62px;color: transparent !important;}
input:-internal-autofill-selected {background-color: #fff !important;}
.tel-box input::placeholder{color: #b2b2b2;}
.tel-box .register_text{background-color: #fff !important;border: 1px solid #e5e5e5;}
.tel-box .register_text2{background-color: #fff !important;border: 1px solid #e5e5e5;}
.banner-button{width: 22%; background:#E60000;border-radius:.12rem; opacity:1;}
.tel-box .banner-button input{color: #ffffff; background:initial; width:100%; border:0; font-size:.20rem; font-weight: 600; cursor: pointer;}

.tel-box .getcode{height: 100%;width: 1.7rem; background:#e5e5e5;color: #666 !important;opacity: 1 !important;-webkit-opacity: 1;-moz-opacity: 1;display: flex;text-align: center;justify-content: center;align-items: center;position: absolute;right: 0;top: 0;border-radius:0 .12rem .12rem 0; border: 0;}

.xy_tips{ display:flex;justify-content: flex-start;margin-bottom:.32rem;}
.xy_tips .tips{margin-left: .9rem;opacity: 1 !important;color: #666 !important;font-weight:500!important;}
.xy_tips p{font-size: 0.16rem !important; font-weight: normal !important; padding: 0 !important;font-weight: bold !important;}
.xy_tips span{font-size: 0.16rem;color: #666666;padding-left: 0.05rem;font-weight: 500;}
.xy_tips span>span{color: #E60000;}

.banner-checked{display: flex;align-items: center;justify-content: center;}
.banner-checke input:checked{border: 0;}

.reg-step3 .tel-box{padding-bottom: .16rem; justify-content: flex-start !important;}
.reg-step3 .tel-box-wrapper{max-width: 7.4rem;}
.reg-step3 .tel-box p{padding: 0 0 0 .16rem !important;}
 .reg-step3 >p{max-width: 7.4rem; font-size: .16rem !important;}
 .reg-step3 .lastbtn{margin-bottom: .24rem !important;}

.banner-phone-wrapper p{font-size: 12px;color: #666666 !important;text-align: center;padding-top: 0.3rem;padding-bottom: 0.4rem; opacity: .6;}
.tel-img img{width: 0.53rem;height: 0.42rem;display: block;}
.phone-bottom{height: 0.38rem;}
.banner-checked span>span a{color: #E60000 !important; opacity: 1;}
#reg_agreement{width: .16rem; height: .16rem;}



.right_img{/* 核心属性：scaleX(-1) 实现水平翻转 */transform: scaleX(-1);}

.part{padding: 0.8rem 0;}
.title{margin-bottom: .60rem;text-align: center;}
.title h3{margin-bottom: .24rem;font-size:0.44rem; font-weight: bold;  line-height: 1;}
.title h5{font-family: "PF_B";font-size:0.24rem!important; color: #292929!important; line-height: 1; }
.title h3 span,.title h5 span{color:#E32519}
.term{background:#e32519;font-family: "PF_B";border-radius:5rem;padding:0.08rem 0.4rem;margin-top: 0.3rem;    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;}

/* part1 */
.part1{background:#fff;padding-bottom:0rem;padding-top: 3rem; margin-top: -2rem;}
.part1_cont{position:relative;text-align:center;height:5.8rem;width:100%;}
.part1_cont_img2{position:absolute;left:8%;z-index:2;top:0%;animation: float2 2s infinite;}
.part1_cont_img3{position:absolute;left:50%;transform: translateX(-50%);animation: float 4s infinite;top:5%;z-index:3;}
.part1_cont_img4{position:absolute;right:8%;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: 81%;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.24rem;line-height:1.3;font-weight:700;padding-bottom:0.08rem;}
.part2_cont h6{font-size:0.16rem;line-height:1.6;color:#292929;}
.part2_cont span{color:#e60000;}
.part2_cont img{margin-bottom:0.16rem;max-width:1rem;}
.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.24rem;line-height:1.3;font-weight:700;padding-bottom:0.08rem;}
.part3_cont h6{font-size:0.16rem;line-height:1.6;color:#292929;}
.part3_cont span{color:#e60000;}
.part3_cont img{margin-right:0.24rem;max-width:1rem;}
.part3_cont:hover{transform: scale(1.03);}

.part4{background:#F6F7F8;}
.part4 .title h3{padding-bottom:0rem;}
.part4_cont{display:flex;align-items:center;transition: all .4s;background: #fff!important;border-radius:0.08rem;padding:0.20rem 0 0.20rem 0.30rem;margin-bottom:0.24rem;} 
.part4_cont h3{font-size:0.24rem;line-height:1.3;font-family: "PF_B";padding-bottom:0.08rem;}
.part4_cont h6{font-size:0.16rem;line-height:1.3;color:#292929;}
.part4_cont span{color:#e32519;}
.part4_cont img{margin-right: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.24rem;line-height:1.3;font-weight:700;font-family: "PF_B";padding-bottom:0.24rem;}
.part4_cont_btn{display:flex;align-items:center;padding-top:0.1rem;}

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

.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.14rem;  width:100%;  min-width:197px;    position: absolute;    bottom:102%;   left: 0;
    z-index: 1111; opacity: 0;    visibility: hidden; 
    background: #EFEFEF;     text-align: left;   border-radius:16px; border: 1px solid #EAEAEA;   padding: 12px 16px 12px ;     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: 16px;  height: 8px;  content: "";  bottom: -7px;
 background:url(../imgs/download-pop-arr-down.svg) no-repeat;background-size:100%;}
.app_ios_cont h6{font-size:0.14rem;}
.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: .42rem; width: 1.20rem; height: .42rem; background-color: rgb(39 52 71 / 66%); border-radius: .5rem; margin:0 auto; font-size: .16rem; transition: all .4s;color: #fff;}
.hdbtn:hover{color: #fff;background-color: #E60000;}
#myhd{padding: .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;}

@media only screen and (max-width: 1200px) {
	.banner .top{width: 45%; z-index: 1; text-align: left; padding-left: 32px; box-sizing: border-box;}
	.banner .con{width: 55%;}
	}
@media only screen and (max-width: 750px) {
	.banner{height: auto;}
	.banner .inner{flex-direction: column;}
	.banner .top{position: relative; width: 100%; height: 2.2rem;}
	.banner .top h2{position: absolute; top: .6rem; left: 0; right: 0;}
	.banner .top h2:after{content: none;}
	.banner h6{position: absolute; top: 0; text-align: center; left: 0; right: 0;}
	.banner .banner_sbg{position: absolute; bottom: 0; margin: auto; left: 0; right: 0;}
	.banner .con{width: 100%;}
	
	.banner-phone{top: -.3rem;}

}

/*注册按钮重定义样式*/
.btn-reg-group{padding: .20rem 0 0rem; width: 5.8rem;}
.btn-reg-group .btn-reg-inner{justify-content: space-around;}
.btn-reg-group a{width: 2.50rem; height: 0.60rem;font-size: 0.2rem;color: #fff; border-radius: 0.15rem; font-weight: 600;}
.btn-reg-group a:nth-of-type(2){font-family: "PF_B";background-color: #fff;  color: #E60000; transition: all .4s;border: 2px solid #E60000; }
.btn-reg-group a:nth-of-type(1){background-color: #E60000;border: 2px solid #E60000; transition: all .4s;animation: crescendo 1s alternate infinite ease-in-out;}
.btn-reg-group a:nth-of-type(2):hover{background-color: #E60000; color: #fff;}
.btn-reg-group a:nth-of-type(1):hover{border: 2px solid #E60000; background-color: #E60000;color: #fff;}

.ui-dialog-stretch .ui-dialog-footer{text-align: center !important;}
.ui-dialog-stretch .ui-dialog-footer .ui-button{width:1.5rem !important; cursor:pointer;background-color: #E60000 !important;}

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

    to {
        transform: scale(1.05)
    }
}


#rshares{width:74px; border:1px solid #373e61; position:fixed; top:50%; margin-top:-150px;right:2px;  z-index:9}
#rshares i{ display:block;}
#rshares .dialogue-btn{/*border-top:1px solid #373e61; */background-color:#baba00 !important; color: #1e1e1e !important;}
#rshares a,#rshares .dialogue-btn{background:#1b1b1b; display:block;padding:5px 0 5px 0; border-bottom:1px solid #212121; text-decoration: none; font-size:14px;color:#baba00;transition: all 0.36s ease-out 0s; text-align:center}
#rshares a:hover{color:#1e1e1e; background:#baba00;}