@import "https://jrjrbanner.oss-cn-shenzhen.aliyuncs.com/mobile/hd/source/css/bootstrap-reboot.min.css";
@import "https://jrjrbanner.oss-cn-shenzhen.aliyuncs.com/mobile/hd/source/css/bootstrap.min.css";
@import "https://jrjrbanner.oss-cn-shenzhen.aliyuncs.com/mobile/hd/source/css/animate.min.css";
@import "swiper.min.css";
body{margin: 0 !important;font-family: PingFang SC!important;overflow-x:hidden;}
img{max-width:100%;}


.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: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%}
}


/* 修正公共底部 */
.nav {font-size:12px;}

.copyright .pt-3{padding-top:0.25em !important;}
.copyright .pb-3{padding-bottom:0.25em !important;}
.copyright .pb-4{padding-bottom:.5em !important;}
.copyright .mt-2{margin-top:.1em !important;}
.copyright .mt-3{margin-top:.25em !important;}
.copyright .mb-md-3{margin-bottom:.25em !important;}

.copyright .mt-4{margin-top:.5em !important;}
.copyright .mb-4{margin-bottom:.5em !important;}
.copyright .mb-5{margin-bottom:.75em !important;}
.copyright .mb-md-5{margin-bottom:1em !important;}

.copyright footer{margin:0 !important;}
.copyright .footer img{ display:block; margin:0 auto 8px; max-height:90px !important;}
.copyright footer .row .col p{font-size:14px;}
.copyright p.mt-2{ font-size:14px;}

.m_cta_app .app_colse svg{width:.5em !important; height:.5em; display:block;}
.m_cta_app .media img.mr-2{margin-right:8px !important;}

li{list-style: none;}
ul{padding: 0;margin: 0;}
h2{margin: 0;}
p{margin: 0;}
div{padding: 0;margin: 0;}
img{padding: 0;margin: 0;}
a{text-decoration: none;}

.banner-heights{height: 55.61px;}
.upclass{color: red;}

/* banner */
.banner{max-width: 7.5rem;margin:auto;min-height: 11rem;background: url(../images/banner_bg.jpg?t=1) no-repeat bottom center !important;  background-size:100%!important;  background-color: #fff6ed !important;}
.banner-wrapper{max-width: 7.5rem;padding:0 0.15rem;margin: 0 auto;position: relative; z-index:2;}
.banner-text{text-align: center;  margin:auto;width:7rem; position: relative; padding-top:1.5rem;padding-bottom:.5rem;}
.banner-text h2{ color:#fff;font-weight: bold;font-size:0.58rem; line-height: 1; margin-bottom:.2rem;}
.banner-text h5{display:flex;align-items:center;font-size:0.34rem!important;display:inline-flex;padding:0 0.3rem 0 0;border-radius:100px;font-weight:400;color:#fff;height:0.7rem;line-height:0.7rem;background: linear-gradient( 0deg, #e32519 0%, #d4160a 100%);animation: crescendo 1s alternate infinite ease-in-out;}
.banner-text h2 img{max-width:74%;}
.banner-text h5 span{color:#ffedc4;font-weight:700;font-size:0.36rem!important;padding-left:0.05rem;}
.title_01{font-size:0.26rem!important;background:#f9ebcf;padding:0 0.2rem;height:0.6rem;line-height:0.6rem;margin:0.03rem 0.1rem 0.03rem 0.05rem;border-radius:5rem;color:#000;}
.banner-text h5 .title_01 span{font-size:0.28rem!important;color:#e32519;}
@keyframes crescendo {
    0% {
        transform: scale(.97)
    }

    to {
        transform: scale(1.03)
    }
}


.banner-box{position:relative;z-index:5;width: 7.2rem;margin: 0 auto;margin-top: -0.3rem;margin-bottom:0.3rem;border-radius: .3rem;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);}
.banner-phone{background-color: #ffffff; margin: 0 auto;border-radius: .3rem; }
.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_tg12/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 span img{width: 0.41rem;height: 0.19rem;display: block;}
.banner-phone-wrapper h2{color: #3b3f60;text-align: center;font-size: 0.28rem;}
.tel-box{width: 6.02rem;margin: 0 auto; padding-bottom: 0.2rem;border-radius: 5px;background-color: ffffff;display: flex;flex-direction: column;}
.input-sec{margin-top: 0.2rem;width: 100%;position: relative;}
.tel-box input::placeholder{color: #b2b2b2;}
.tel-box .register_text{width: 100%;padding:0.23rem 0 0.23rem 0.5rem;box-sizing: border-box;color: #282828;font-size: 0.3rem;font-weight: 500;border: 0;background-color: #EEEEEE;border-radius: 44px;}
.tel-box .register_text2{width: 100%;padding:0.23rem 0 0.23rem 0.5rem;box-sizing: border-box;color: #282828;font-size: 0.3rem;font-weight: 500;border: 0;background-color: #EEEEEE;border-radius: 44px;display: block;}
.tel-box .getcode{height: 100%;width: 2.11rem;  background: linear-gradient( 0deg, #e32519 0%, #d4160a 100%);color: #fff;font-size: 0.3rem;display: flex;text-align: center;justify-content: center;align-items: center;position: absolute;right: 0;top: 0;border-top-right-radius: 44px;border-bottom-right-radius: 44px;border: 0;}
.banner-checked{display: flex;align-items: center;justify-content: center;padding-bottom: 0.32rem;}
.banner-checked span{font-size: 0.22rem;color: #909090;padding-left: 0.05rem;font-weight: bold;}
.banner-checked span>span{color: #333333;}
.banner-checke input:checked{border: 0;}
.banner-button {display: flex;justify-content: center;align-items: center;}
.banner-button input{width: 6.02rem;height: 0.88rem;  background: linear-gradient( 0deg, #e32519 0%, #d4160a 100%);color: #fff;text-align: center !important; font-size: 0.36rem;margin: 0 auto;border-radius: 44px;cursor: pointer;border: 0;cursor: pointer; outline:0px;}
.banner-phone-wrapper p{font-size: 12px;color: #666666;font-weight: bold;text-align: center;padding-top: 0.2rem !important;padding-bottom: 0.3rem !important;}
.tel-img img{width: 0.53rem;height: 0.42rem;display: block;}
.phone-bottom{height: 0.38rem;}
.banner-checked span>span a{color: #e32519 !important;}

/* 金银实时报价 */
.part0{width: 7.5rem;margin: 0 auto;}
.part0 .part-height{height: 0.31rem;}
.part0 .part-content{width: 6.9rem;margin: 0 auto;}
.downloadbutton{padding: 0.3rem 0 0.3rem 0; display: flex;justify-content: center;align-items: center;width: 7.5rem;margin: 0 auto;}
.downloadbutton ul{display: flex;justify-content: space-between;align-items: center;width: 6.7rem;}
.downloadbutton ul li:nth-of-type(1){width: 3.1rem;height: 0.8rem;  background: linear-gradient( 0deg, #e32519 0%, #d4160a 100%);color: #fff; display: flex;justify-content: center;align-items: center;font-size: 0.3rem;font-weight: bold;border-radius: 0.5rem;}
.downloadbutton ul li:nth-of-type(2){width: 3.1rem;height: 0.8rem;display: flex;justify-content: center;align-items: center;color: #fff;border:2px solid #e32519;font-size: 0.3rem;font-weight: bold;border-radius: 0.5rem;background-color: transparent;}
.downloadbutton ul li a{color:#fff !important;}
.downloadbutton ul li:nth-of-type(2) a{color:#e32519 !important;}


.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-size:0.24rem; color: #999; line-height: 1; }
.term{background:#e32519;border-radius:5rem;padding:0.1rem 0.4rem 0.13rem;color:#fff;font-size:0.26rem;line-height:1.5;transition:all 0.2s;}
.term:hover{color:#fff;opacity:0.95;padding:0.1rem 0.42rem;transition:all 0.3s;}

/* part1 */
.part1{background: linear-gradient(to bottom, #fff 0%, #f9f9f9 30%, #f9f9f9 100%);padding-bottom:0.7rem;padding-top: 4rem; margin-top: -3.4rem;}

.part1_cont_li{background: linear-gradient(to bottom,#f9f9f9,#f9f9f9);padding:0rem 0.2rem 0.4rem 0.2rem;margin-bottom:0.3rem;}
.part1_cont_li h5{font-size:0.36rem;line-height:1.3;font-weight:700;padding-bottom:0.15rem;}
.part1_cont_li p{font-size:0.26rem;line-height:1.6;color:#666;}
.part1_cont_li p span{color:#e59f47;}
.part1_cont_li img{padding:0px 0 0.3rem;width:1.32rem;}
.part1 .col-6:nth-of-type(3) .part1_cont_li,.part1 .col-6:nth-of-type(4) .part1_cont_li{margin-bottom:0;}

.part1_cont_01{border-radius:0 0.5rem 0 0.5rem ; color:#fff;   background: linear-gradient(135deg, #f13a2e, #d41509);}
.part1_cont_01 p{color:#fff;}
.part1_cont_02{border-radius: 0.5rem 0 0.5rem 0; color:#333;   background: linear-gradient(45deg, #f8e7d3, #fcf6ef);}
.part1_cont_02 p{color:#333;}
.part1_cont_03{border-radius: 0.5rem 0 0.5rem 0 ; color:#333;   background: linear-gradient(135deg, #f8e7d3, #fcf6ef);}
.part1_cont_03 p{color:#333;}
.part1_cont_04{border-radius:0 0.5rem 0 0.5rem ; color:#fff;   background: linear-gradient(135deg, #d41509, #f13a2e);}
.part1_cont_04 p{color:#fff;}
.part1_img{margin-left:0.2rem;background: linear-gradient(to bottom,#fff,#f8e8d4);width:0.7rem;height:0.7rem;text-align:center;padding-top: 0.02rem;border-radius:0 0 0.35rem 0.35rem;margin-bottom:0.2rem;}
.part1_img img{width:0.6rem; }
.part1_cont_02 .part1_img,.part1_cont_03 .part1_img{ background:linear-gradient(5deg, #d41509, #f13a2e);}


/* 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.3rem 0.4rem 0.3rem 0.4rem;
display:flex;align-items:center;justify-content:space-between;margin-bottom:0.3rem;} 
.part2_cont h3{font-size:0.36rem;line-height:1.3;font-weight:700;padding-bottom:0.12rem;}
.part2_cont h6{font-size:0.26rem;line-height:1.6;color:#666;}
.part2_cont span{color:#e32519;}
.part2_cont img{margin-left:0.38rem;max-width:1.9rem;}
.part2 .col-12:nth-of-type(2) .part2_cont,.part2 .col-12:nth-of-type(4) .part2_cont{text-align:right;}
.part2 .col-12:nth-of-type(2) .part2_cont img,.part2 .col-12:nth-of-type(4) .part2_cont img{margin-right:0.38rem;margin-left:0;}
.part2 .col-12:nth-of-type(4) .part2_cont{margin-bottom:0.1rem;}


.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;    max-width: 90%;}
.part3_cont{position:relative;overflow: hidden;}
.part03_cont_z{ width: 100%;    margin-left: 0;  height: 100%;    position: relative;    background: linear-gradient(to bottom, #f7f0ef, #f6eeed);    border-radius: 0.3rem;}
.part03_cont_z{padding: 0.3rem 0rem;}
.part03_cont01{margin-bottom:0.3rem;background:#fff;border-radius:0.2rem;padding:0.3rem 0.2rem;}
.part03_cont01 img{width:0.6rem;margin-right:0rem;}
.part03_cont01 h3{font-size:0.36rem;font-weight:700;margin-bottom:0.15rem;}
.part03_cont01 h5{font-size:0.25rem!important;color:#757a85;line-height:1.5;}
.part03_cont01 span{color:#e32519;}
.part03_cont_z .col-6:nth-of-type(3) .part03_cont01,.part03_cont_z .col-6:nth-of-type(4) .part03_cont01{margin-bottom:0;}



.part5{ background-color: #f9f9f9;}
.part5 .row{align-items:center;}
.part5_cont_li{text-align:center;position:relative;}
.part5_cont_li h3{font-size:0.32rem;font-weight:700;margin-bottom:0.1rem;}
.part5_cont_li h5{font-size:0.26rem;color:#999;}
.part5_cont_li img{max-width:1.5rem;padding:0.2rem 0 0.1rem;}
.part5_cont_li:after{content:"";position: absolute;  top: 0.8rem;  left: 100%;background:url(../images/park5_04.png) no-repeat; width:0.3rem;height:0.3rem;display:block;}
.col-4:last-child .part5_cont_li:after{display:none;}

.btn-group__lin{padding-top:.5rem;display:flex;justify-content:center;}
.btn{padding: 0; display: inline-flex; align-items: center; justify-content: center; font-size: .3rem;  color: #fff;min-width:3.12rem;  border-radius: .12rem;  height: .8rem; 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;}
.hd_btn_ios{display:inline-flex;position:relative;cursor: pointer;}

.hd_btn_ios .warp-app-2dcode{position:absolute;top:-1.3rem;transition:all .4s; line-height:1.2;   background: linear-gradient(to bottom, #fce3a2, #fffce2);width: 2.9rem;color:#333;
  height:1rem;padding:0.12rem;border-radius: 0.16rem;box-sizing:border-box;display:none;}
.hd_btn_ios .warp-app-2dcode:after {  position: absolute;  left: 0;  right: 0;  margin: auto;  width: 0px;  height: 0px;  content: "";  bottom: -15px;  border-top: 8px solid #fffce2;  border-right: 8px solid transparent;  border-bottom: 8px solid transparent;  border-left: 8px solid transparent;}
.s3 .inner .left__lin .warp-app-2dcode p{font-size:0.24rem;line-height:1.3}
.warp-app-2dcode a{color:#f45436;}
.warp-app-2dcode a:hover{color:#f45436;}

.vision-content{padding-top: 0.6rem!important;}

.button{width: 6.8rem;display: flex;justify-content: space-between;align-items: center;padding: 0.4rem 0 0.15rem 0;margin: 0 auto;}
.button p{width: 3.2rem;height: 0.85rem;display: flex;justify-content: center;align-items: center;border-radius: 5rem;}
.button p:nth-of-type(2){animation: crescendo 1s alternate infinite ease-in-out; border:.02rem solid #e32519 ;background:transparent;}
.button p:nth-of-type(1){background: linear-gradient( 0deg, #e32519 0%, #d4160a 100%) !important;}
.button p:nth-of-type(1) a{color: #fff ;font-size: 0.34rem;font-weight: bold;}
.button p:nth-of-type(2) a{color: #e32519  ;font-size: 0.34rem;font-weight: bold;}


@media screen and (max-width: 320px){
    .open{margin: 0.3rem auto; display: block;}
    .footer div {margin-bottom: 48px;}
    .footer_bg h3{font-size: 24px;}
    .footer p {
        font-size: 12px;
        margin-bottom: -24px;
    }
    .m_cta {
        background-color: rgba(0,0,0,.8);
        width: 100vw;
        height: 44px;
        line-height: 44px;
        z-index: 9;
        position: fixed;
        bottom: 0;
        font-size: 12px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .footer img {
        height: 56px;
    }
    img {
        vertical-align: middle;
        border-style: none;
	}
}

@media only screen and (min-width: 321px) and (max-width: 767px) {
    .footer div {margin-bottom: 48px;}
    .footer_bg h3{font-size: 24px;}
    .footer p {
        font-size: 12px;
        margin-bottom: -24px;
    }
    .m_cta {
        background-color: rgba(0,0,0,.8);
        width: 100vw;
        height: 44px;
        line-height: 44px;
        z-index: 9;
        position: fixed;
        bottom: 0;
        font-size: 12px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .footer img {
        height: 56px;
    }
    img {
        vertical-align: middle;
        border-style: none;
	}

}

@media screen and (min-width: 768px) {
    .app_codebox{padding-top: 0.3rem;}
    .app_code {display: flex;flex-direction: column;text-align: center;color: #282828;display: block;}
    .app_code img{display: block;}
    .app_code_text{display: block;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .open{margin: 0.3rem auto; display: block;}
    .part4-content li{margin: 0.6rem 0;}
    .footer div {margin-bottom: 48px;}
    .footer_bg h3{font-size: 24px;}
    .footer p {
        font-size: 12px;
        margin-bottom: -24px;
    }
    .m_cta {
        background-color: rgba(0,0,0,.8);
        width: 100vw;
        height: 44px;
        line-height: 44px;
        z-index: 9;
        position: fixed;
        bottom: 0;
        font-size: 12px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .footer img {
        height: 56px;
    }
    img {
        vertical-align: middle;
        border-style: none;
    }
    #appdis{display: none;}
	
}

@media only screen and (min-width: 1025px) and (max-width: 1920px) {
    .open{display: block;margin: 0 auto;}
    .copyright h3{font-size: 28px;}
    .footer{font-size: 24px;height: auto;}
	.modal-header .close{position:inherit!important;}
}



.btn-02-box{position: absolute;right: 0.16rem;top: 0.4rem;font-size: 0.16rem;border-color: #eec469;}
.btn-02-box a{	text-align:center;	font-weight:bold;border-radius:19px;font-size: 14px !important;background-color: #eec469;color: #693818;padding: 0.2rem 0.55rem;}
.m_cta_app{display:block; background-color: rgba(0,0,0,.8); width: 100vw; height: 80px; z-index: 9; position: fixed; bottom: 0px;}
.m_cta_app .container{padding:10px;}
.m_cta_app .media-body{color:#fff;}
.m_cta_app .media-body h6{font-size:12px;}
.m_cta_app .media-body p{font-size:14px; font-weight:bold;}
.m_cta_app .media-body p span{color:#fbec93;}

.m_cta_app .app_colse{position:absolute; top: -0.4rem; right: 0.16rem; width:0.48rem !important; height:0.48rem !important;}
.m_cta_app .app_colse svg{color:rgba(0,0,0,.5);}


/* 装置宽度为 320 及以下，例如 iPhone SE */
@media only screen and (max-width: 320px) {
.m_cta_app{display:block; background-color: rgba(0,0,0,.8); width: 100vw; height: 80px; z-index: 9; position: fixed; bottom: 0px;}
.m_cta_app .container{padding:10px;}
.m_cta_app .media-body{color:#fff;}
.m_cta_app .media-body h6{font-size:12px;}
.m_cta_app .media-body p{font-size:14px; font-weight:bold;}
.m_cta_app .media-body p span{color:#fbec93;}
.btn-02-box{position: absolute;right: 0.16rem;top: 0.4rem;font-size: 0.16rem;border-color: #eec469;}
.btn-02-box a{	text-align:center;	font-weight:bold;border-radius:19px;font-size: 14px !important;background-color: #eec469;color: #693818;padding: 0.1rem 0.4rem;}

.m_cta_app .app_colse{position:absolute; top: -40px; right: 16px; width:24px; height:24px;}
.m_cta_app .app_colse svg{color:rgba(0,0,0,.5);}
}

/* 装置宽度为 321 - 767px，适用大部份手机 */
@media only screen and (min-width: 321px) and (max-width: 767px) {
.m_cta_app{display:block; background-color: rgba(0,0,0,.8); width: 100vw; height: 80px; z-index: 9; position: fixed; bottom: 0px;}
.m_cta_app .container{padding:10px;}
.m_cta_app .media-body{color:#fff;}
.m_cta_app .media-body h6{font-size:12px;}
.m_cta_app .media-body p{font-size:14px; font-weight:bold;}
.m_cta_app .media-body p span{color:#fbec93;}

.btn-02-box{position: absolute;right: 0.16rem;top: 0.4rem;font-size: 0.16rem;border-color: #eec469;}
.btn-02-box a{	text-align:center;	font-weight:bold;border-radius:19px;font-size: 14px !important;background-color: #eec469;color: #693818;padding: 0.2rem 0.55rem;}

.m_cta_app .app_colse{position:absolute; top: -40px; right: 16px; width:24px; height:24px;}
.m_cta_app .app_colse svg{color:rgba(0,0,0,.5);}
}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
	top:3.3rem !important;
}

/*活动条款弹出层*/
.modal{z-index:11111;}
.modal-header{padding:0.3rem 0.3rem 0.2rem;}
.modal-header .close{padding:0.12rem 0.23rem 0.2rem;margin:-0.2rem -0.1rem -0.1rem 0;font-size:0.42rem;position: fixed;
  top: 0.4rem;  right: 0.4rem;  z-index: 111;  background: #fff;  border-radius: 50rem;opacity: 0.8;}
.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;font-size:0.26rem;}
.modal-body p{line-height:1.6;margin-bottom:0.05rem;font-size:0.26rem;}
.modal-body b{font-size:0.28rem;}
.table-bordered td, .table-bordered th{border:1px solid rgb(168 162 162 / 29%);}

.mask{width: 100%;height: 100%;background: #000000 !important;opacity: 0.6;position: fixed;top: 0;left: 0;z-index: 9999999;overflow-y: scroll;display: none;}
.modal-header{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #e9ecef;}
.modal-title{margin: 0;font-size:0.32rem}
.table-bordered td, .table-bordered th{border:1px solid #dee2e6}
.modal-dialog{margin:0rem auto;}