@import url("/hd/source/css/bootstrap-reboot.min.css");
@import url("/hd/source/css/bootstrap.v4.6.min.css?t=1.0.21");

*{margin: 0;padding: 0;}
body{margin: 0;padding: 0; font-family: PingFang SC!important;overflow-x: hidden;color:#323232;}
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:#323232;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}
}
.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%}
}


/* PC端头部内容开始 */
.header{height:78px;background:#323232;z-index:99;position:fixed;top: 0;left: 0;width:100%;box-shadow:0 0 10px rgba(0, 0, 0, 0.20);}
.header_con{padding:16px 15px;max-width:960px;margin:0 auto;}
.header_con span{float:right;}
.header_con span a.top_kf{width:130px;height:46px;display:block;background:url(../images/kf_icon.png) no-repeat 0 0;}
.header_con span a.top_kf:hover{background:url(../images/kf_icon.png) no-repeat 0 -46px;}
/* PC端头部内容结束 */

/* PC端核心内容开始 */
.banner-top{height: 78px;}

/* banner */
.banner{  position: relative;min-height:634px;background: url(../images/banner_bg.jpg?t=3) no-repeat top center !important;background-size:auto 100%!important;background-color:#fbf3ec  !important;}
.banner-wrapper{margin: 0 auto;position: relative; z-index:8;}
.banner-text{ position: relative; padding-top:1.4rem; }
.banner-text h2{ color:#fff;font-weight: bold;font-size:0.58rem; line-height: 1; margin-bottom:.2rem;}
.banner-text h5{font-size:0.27rem!important;display:inline-flex;padding:0 0.2rem;border-radius:100px;font-weight:400;color:#fff;height:0.56rem;line-height:0.56rem;background: linear-gradient( 0deg, #e32519 0%, #d4160a 100%);animation: crescendo 1s alternate infinite ease-in-out;}
.banner-text h2 img{width:4.5rem;}
.banner-text h3 img{width:1.3rem;margin-bottom:0.2rem;animation: shake 3s alternate 1 ease-in-out;}
.banner-text h5 span{color:#ffedc4;font-weight:700;font-size:0.32rem!important;}



@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); /* 向右摇晃 */
  }
}

/*注册模版*/
.content{font-family:PingFang SC!important; width: 100%; margin: auto; position:relative;z-index:111;margin-top:-0.5rem;height:280px;}
/*注册新样式*/
.kh-wrapper{    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);	max-width: 12rem;	width: 100%;	margin:auto;	position: relative;	box-sizing: border-box;     border-radius: .12rem;    margin-bottom:1rem;	overflow: hidden;}
.banner-phone1{	background:#fff;	margin:0 auto; 	position:relative; 	height: 100%;border-radius: .12rem; 	box-sizing: border-box; 	}
.regindex{width:100%; margin-top:40px;}
/*注册新样式*/
.banner-box{padding: .45rem 0;}

.swiper2{max-height: 20px; overflow: hidden;margin-top: 40px;text-align: center;}
.scroll-hide-max{max-width: 315px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;margin: 0 auto;font-size: 16px;text-align: center;font-weight: bold;}
.scroll-hide-max span{color: #ff6700;}

.banner-phone{width: 100%; margin: 0 auto;border-radius: 15px;}
.banner-phone-wrapper{display: flex;justify-content: center;align-items: center;flex-direction: column;}

.phone-title{display: flex; align-items: center; padding-bottom:20px !important;}
.phone-title h2{font-weight:700;margin: 0 .16rem; margin-bottom:30px !important; font-size:.44rem !important; color: #333;}

.phone-title span{color: #e32519;}
.phone-title span img{width: 0.41rem;height: 0.19rem;display: block;}
.phone-top{width: 1.92rem;height: 0.5rem;background: url(https://jrjrbanner.oss-cn-shenzhen.aliyuncs.com/mobile/hd/2021/03/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;}

.regindex{width:100%; margin-top:40px;}

.tel-box{max-width:1100px;padding:0 15px; margin: 0 auto; padding-bottom: 20px ;display: flex;justify-content:space-between;}
.input-sec{position: relative;    width: 35%; }
.tel-box input{}
.tel-box input::placeholder{font-weight:400;color: #b2b2b2;}
.tel-box input:focus{outline:none;}
.tel-box .register_text{ width:100%;border: 1px solid #dddddd;height: 58px;box-sizing: border-box;color: #282828;font-size:.20rem;padding-left: 20px;font-weight: 500; background-color: #fff;border-radius: 10px;}
.tel-box .register_text2{ border: 1px solid #dddddd;width:100%;height: 58px;box-sizing: border-box;color: #282828;font-size: .20rem;padding-left: 20px;font-weight: 500; background-color: #fff;border-radius: 10px;display: block;}
.input-sec > div{position: absolute; top: 0; right: 0; bottom: 0; display: flex; align-items: center;}
.input-yam{border-radius: 10px; overflow: hidden;}
.tel-box .getcode{height: 100%;     background:linear-gradient( 0deg, #e32519 0%, #d4160a 100%);background-color: #f45436; padding: 0 .24rem; color: #fff;font-size: .20rem;display: flex;text-align: center;justify-content: center;align-items: center; opacity: .8;}

.banner-checked{min-width: 38%;padding-right:20px;}
.banner-checked span{color: #999 !important;padding-left: 0.05rem;}
.banner-checked span>span{color: #333333;}
.banner-checke input:checked{border: 0;}
.banner-button {width:25%;display: flex;justify-content: center;align-items: center;}
.banner-button input{opacity: .8; width: 100%;height: 58px;    background:linear-gradient( 0deg, #e32519 0%, #d4160a 100%);color: #fff;text-align: center !important; font-size: 24px;margin: 0 auto;border-radius: 10px;cursor: pointer;cursor: pointer; outline:0px;transition:all .4s;}
.banner-button input:hover{}
.banner-phone-wrapper p{color: #333 !important;text-align: center;}
.tel-img img{width: 0.53rem;height: 0.42rem;display: block;}
.phone-bottom{height: 0.38rem;}
.banner-checked span>span a{color: #e32519!important;}	
.xy_tips{ display:flex;max-width: 1100px;padding:0 15px;    margin: auto;font-size:0.16rem;}
.tips p{padding: 0  !important; color: #999 !important; opacity: 1 !important;font-size:0.16rem!important;}
 
 .reg-step2 p{padding-bottom: 0 !important; color: #999999 !important;}

.reg-step3{max-width: 6.5rem; margin: auto;}
.reg-step3 .tel-box{width:100% !important;}
.reg-step3 p{opacity: .8; color:#999 !important;font-size: .16rem;}
.reg-step3 > p{margin-bottom: .4rem; font-size: .14rem;}
.reg-step3 p span{color:#ffc867 !important;}

/*--注册新样式--*/

.buttonbox{/*background-color: #FFFFFF;*/}
.button{max-width: 610px;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;padding: 20px 0 40px;cursor: pointer;}
.button div{margin:0 16px; width: 50%;height: 65px;display: flex;justify-content: center;align-items: center;border-radius: 2px;}
.button div:hover{width: 250px;transition: all 0.5s;}
.button div a{font-size: 24px;font-weight: bold;}
.button div:nth-of-type(1){ border:2px solid #4b4d85; }
.button div:nth-of-type(1) a{color:#4b4d85;}
.button div:nth-of-type(2){background-color: #4b4d85;}
.button div:nth-of-type(2) a{color:#fff;}
.button div a{display:flex; align-items:center; font-size:22px; }
.button div a svg{margin-right:16px; width:40px; height:40px;}
.button div a span{ padding-left:16px; font-size:22px; border-left:1px solid #fff;}

.golddate_2025{background: url(/hd/source/images/date_bg.jpg) no-repeat center bottom!important;background-size:cover!important;}
/*公共*/
.flex-around{display: flex; justify-content: space-around; align-items: center;}
.flex-center{display: flex; justify-content: center; align-items: center;}
.flex-start{display: flex; justify-content: flex-start; align-items: center;}

.container{max-width: 1180px !important;}

.part{padding: 1rem 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,#date_text_s{font-size:0.24rem!important; color: #999!important; line-height: 1; }
.term{background:#e32519;border-radius:5rem;padding:0.08rem 0.3rem;color:#fff;font-size:0.16rem;transition:all 0.2s;}
.term:hover{color:#fff;opacity:0.95;padding:0.08rem 0.35rem;transition:all 0.3s;}

/* part1 */
.part1{background: linear-gradient(to bottom, #fff 0%, #f9f9f9 30%, #f9f9f9 100%);padding-bottom:0.7rem;padding-top: 3rem; margin-top: -2rem;}
.part1 .title h3{margin-bottom:0;}
.part1 .title{margin-bottom:0.32rem;}
.app_ys{}
.app_ys_cont{transition: all .4s;cursor:pointer;position:relative;background:#fff;border:1px solid #fff;border-radius:15px;padding:0.35rem 0.8rem 0.35rem 0.25rem;width:3.6rem;}
.app_ys_cont:hover{transform: scale(1.03);}
.app_ys li{margin-bottom:0.4rem;margin-top:0.4rem;text-align:right;}
.app_ys li:nth-child(even){justify-content: end;    display: flex;text-align:left;}
.app_ys li:nth-child(even) .app_ys_cont	{padding:0.35rem 0.25rem 0.35rem 0.8rem;}
.app_ys li h3{font-size:0.3rem;font-weight:700;margin-bottom:0.12rem;}
.app_ys li h5{font-size:0.2rem!important;color:#666;line-height:1.6;}
.app_img_01{background:url(../images/part1_01.png?02);width:0.92rem;height:0.92rem;    background-size: 100%;    position: absolute; right: -0.45rem;    top: 26%;}
.app_img_02{background:url(../images/part1_02.png?02);width:0.92rem;height:0.92rem;    background-size: 100%;    position: absolute; left: -0.45rem;    top: 26%;}
.app_img_03{background:url(../images/part1_03.png?02);width:0.92rem;height:0.92rem;    background-size: 100%;    position: absolute; right: -0.45rem;    top: 26%;}
.app_img_04{background:url(../images/part1_04.png?02);width:0.92rem;height:0.92rem;    background-size: 100%;    position: absolute; left: -0.45rem;    top: 26%;}
.app_ys_z {position:relative;}
.app_img_ph{position:absolute; top: 18%;left:50%;  margin-left: -1.8rem;  width: 3.6rem;}
.app_img_ph img{max-width:100%;}

/* part2 */
.part2{background:#fff;}
.part2 .title h3{padding-bottom:0.08rem;}
.part2_cont{transition: all .4s;background: #f9f9f9!important;border-radius:0.15rem;padding:0.25rem 0.3rem 0.25rem 0.4rem;
display:flex;align-items:center;justify-content:space-between;margin-bottom:0.3rem;} 
.part2_cont h3{font-size:0.3rem;line-height:1.3;font-weight:700;padding-bottom:0.12rem;}
.part2_cont h6{font-size:0.18rem;line-height:1.6;color:#666;}
.part2_cont span{color:#e32519;}
.part2_cont img{margin-left:0.38rem;max-width:1.67rem;}
.part2 .col-sm-6:nth-of-type(3) .part2_cont,.part2 .col-sm-6:nth-of-type(4) .part2_cont{margin-bottom:0;}
.part2_cont:hover{transform: scale(1.03);}

.part3{background: linear-gradient(to bottom, #f9f9f9 0%,#fff 20%, #fff 100%);padding-bottom:0.1rem;}
.part3 .title{margin-bottom:0.3rem;}
.part3_img{position:relative;z-index:2;}
.part3_cont{position:relative;}
.part3_cont:after{z-index: 1;content:"";display:block;width:100%;height:89%;position:absolute;bottom:0;background: linear-gradient(to right, #fff,#f7f0ef, #f6eeed) ;border-radius:0.3rem;}
.part03_cont_z{padding-top:8.5%;padding-left: 0.3rem;z-index: 11;}
.part03_cont01{background:#fff;border-radius:0.2rem;padding:0.3rem 0.2rem;}
.part03_cont01 img{width:0.6rem;margin-right:0.1rem;}
.part03_cont01 h3{font-size:0.3rem;font-weight:700;margin-bottom:0.15rem;}
.part03_cont01 h5{font-size:0.17rem!important;color:#757a85;line-height:1.5;}
.part03_cont01 span{color:#e32519;}


/* part5 */
.part5{background: #ffffff;}
.part5-wrapper{width: 1200px;padding-left:15px ;padding-right:15px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}

.part5 .part-video{width: 660px;height: 380px;position: relative;}
.part5 .part-video .play-icon{width: 80px;height: 80px;margin: 0 auto;display: block;position: absolute;left: 0;right: 0;top: 40%;z-index: 6;}
.part5 .part-video video{border-radius: 15px!important;}

.part5-right{width: 486px; height: 340px;display: flex;flex-direction: column;justify-content: center;}
.part5-right p:nth-of-type(1) {font-size:44px;color: #333333;font-weight: bold;padding-bottom: 0.2rem;display: flex;justify-content: flex-start;align-items: center;}
.part5-right p:nth-of-type(2) {font-size: 22px;color: #757a85;line-height:1.6;}

.btn-group__lin{padding-top:.5rem;}
.btn{padding: 0; display: inline-flex; align-items: center; justify-content: center; font-size: .20rem;  color: #fff;min-width:2.12rem;  border-radius: .12rem;  height: .58rem; line-height: 1; 
      background: linear-gradient(to bottom, #fc6832, #fd4536);}
.btn_05{animation: crescendo 1s alternate infinite ease-in-out;}
.btn-group__lin .btn:last-child{margin-left: .32rem; background: initial; color: #fc4b30;border:2px solid #fc4b30;}
.btn svg{margin-right: .18rem; width: .36rem; height:.36rem; color: #fff;}
.btn-group__lin .btn:last-child svg{color: #fc4b30; transition: color .4s;}

.btn.focus, .btn:focus{box-shadow: 0 0 0 .03rem rgba(0,123,255,.25);}
.btn-group__lin .btn:hover{background-color: #fc4b30;color:#fff;opacity:0.9}
.btn-group__lin .btn:last-child:hover,
.btn-group__lin .btn:last-child:hover svg{color: #fff;}



@keyframes topIn {
    0% {
        opacity: 0.5;
        transform: translateY(-10px);
    }
    100% {
        opacity: 0.9;
        transform: translateY(0);
    }
}

@keyframes bottomout {
    0% {
        opacity: 100;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-10px);
    }
}

.vision{display: none;}
.vision video{border-radius: .15rem !important;}
	
/* 金银实时报价 */

/*reg按钮*/
.btn-reg-group{background-color: initial !important;}
.btn-reg-group p{    background:linear-gradient( 0deg, #e32519 0%, #d4160a 100%)!important; border-radius: .1rem !important;}
.btn-reg-group p a{color: #fff !important; display: block;  width: 100%;  height: 100%;  padding: 16px;  text-align: center;  }
.btn-reg-group p:nth-of-type(2){animation: crescendo 1s alternate infinite ease-in-out;border:2px solid #e32519 !important; background: transparent !important;}
.btn-reg-group p:nth-of-type(2) a{color: #e32519 !important;}
.btn-reg-group p:nth-of-type(2):hover{border:0px solid #e32519 !important;background:linear-gradient( 0deg, #e32519 0%, #d4160a 100%)!important;opacity:1;}
.btn-reg-group p:nth-of-type(2):hover a{color: #fff !important;}
.btn-reg-group p:hover{   transform: scale(1.03)}

/*活动条款弹出层*/
.modal-header{padding:0.2rem 0.3rem 0.1rem;}
.modal-header .close{padding:0.1rem;margin:-0.1rem -0.1rem -0.1rem 0;font-size:0.26rem;}
.modal-body{font-family: PingFang SC!important;padding:0.2rem 0.3rem 0.4rem;}
.table-sm td, .table-sm th{padding:0.08rem;line-height: 1.4;vertical-align: middle;}
.table{margin-bottom:0.2rem;}
.li_list li{line-height:1.6;margin-bottom:0.05rem}
.modal-body p{line-height:1.6;margin-bottom:0.05rem}
.modal-body b{font-size:0.16rem;}
.table-bordered td, .table-bordered th{border:1px solid rgb(168 162 162 / 29%);}