html,
body {
    font-size: 0.24rem;
    color: #fff;
}

.bd_back {
    width: 7.5rem;
    height: 39.86rem;
    line-height: 1;
    font-size: .16rem;
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/bd_back.png") no-repeat center top;
    background-size: 100% 100%;
    position: relative;
    color: #FFFFFF;
    font-size: .24rem;
}

.hide {
    display: none;
}

.center {
    left: 50%;
    transform: translate(-50%);
}

.logo {
    width: 2.91rem;
    height: 1.39rem;
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/logo.png") no-repeat center top;
    background-size: 100% 100%;
    position: absolute;
    top: .18rem;
}

.head_p {
    font-size: .42rem;
    font-weight: bold;
    font-style: italic;
    position: absolute;
    top: 2.09rem;
}

.head_img {
    width: 6.8rem;
    height: .56rem;
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/download_msg_top.png") no-repeat center top;
    background-size: 100% 100%;
    position: absolute;
    top: 2.8rem;
}

.head_btn {
    width: 6.9rem;
    height: .81rem;
    /* background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/bd_btn1.png") no-repeat center top; */
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/msg/bd_topbtn.png") no-repeat center top;
    background-size: 100% 100%;
    position: absolute;
    top: 4.07rem;
}

.head_p2 {
    font-size: .48rem;
    font-weight: bold;
    font-style: italic;
    position: absolute;
    top: 5.74rem;
    color: #FCB724;
    width: 100%;
    text-align: center;
}

.bd_center {
    width: 6.9rem;
    height: 5.7rem;
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/bd_center.png") no-repeat center top;
    background-size: 100% 100%;
    position: absolute;
    top: 6.5rem;
}

.bd_center .left {
    font-size: .24;
    color: #B0AFA7;
    width: 3rem;
    height: 3.4rem;
    position: absolute;
    top: 2.08rem;
    left: .33rem;
}

.bd_center .right {
    font-size: .24rem;
    color: #FFF5DE;
    width: 3rem;
    height: 3.4rem;
    position: absolute;
    top: 2.08rem;
    right: .25rem;
    line-height: .28rem;
}

.bd_center p {
    width: 100%;
    text-align: center;
}

.bd_center .left .p1 {
    position: absolute;
    top: .32rem;
    left: 0;
}

.bd_center .left .p2 {
    position: absolute;
    top: 1.14rem;
    left: 0;
}

.bd_center .left .p3 {
    position: absolute;
    top: 2.01rem;
    left: 0;
}

.bd_center .left .p4 {
    position: absolute;
    top: 2.89rem;
    left: 0;
}

.bd_center .right .p1 {
    position: absolute;
    top: .17rem;
    right: 0;
}

.bd_center .right .p2 {
    position: absolute;
    top: 1.14rem;
    right: 0;
}

.bd_center .right .p3 {
    position: absolute;
    top: 1.88rem;
    right: 0;
}

.bd_center .right .p4 {
    position: absolute;
    top: 2.89rem;
    right: 0;
    width: 3.05rem;
}

.bd_centerimg {
    position: absolute;
    width: 6.9rem;
    height: 2.51rem;
}

.bd_centerimg1 {
    top: 12.86rem;
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/bd_center1.png") no-repeat center top;
    background-size: 100% 100%;
}

.bd_centerimg2 {
    top: 16.08rem;
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/bd_center2.png") no-repeat center top;
    background-size: 100% 100%;
}

.bd_centerimg .imgp1 {
    font-size: .48rem;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    margin-top: .5rem;
}

.bd_centerimg .imgp1 span {
    color: #FCB724;
}

.bd_centerimg .imgp2 {
    font-size: .24rem;
    text-align: center;
    margin-top: .18rem;
}

.head_p3 {
    font-size: .48rem;
    font-weight: bold;
    font-style: italic;
    position: absolute;
    top: 18.8rem;
    left: 0;
    color: #FCB724;
    width: 100%;
    text-align: center;
    line-height: .6rem;
}

.bd_img {
    position: absolute;
    top: 20.24rem;
    left: .34rem;
}

.bd_img>a {
    position: relative;
}

.bd_img .bd_img1 {
    display: block;
    width: 6.84rem;
    height: 3.2rem;
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/bd_img1.png") no-repeat center top;
    background-size: 100% 100%;
}

.bd_img .bd_img2 {
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/bd_img2.png") no-repeat center top;
    background-size: 100% 100%;
    top: 3.34rem;
    left: 0;
}

.bd_img .bd_img3 {
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/bd_img3.png") no-repeat center top;
    background-size: 100% 100%;
    top: 3.34rem;
    right: 0;
}

.bd_img .bd_img4 {
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/bd_img4.png") no-repeat center top;
    background-size: 100% 100%;
    top: 5.01rem;
    left: 0;
}

.bd_img .bd_img5 {
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/bd_img5.png") no-repeat center top;
    background-size: 100% 100%;
    top: 5.01rem;
    right: 0;
}

.bd_img .bd_img_common {
    display: inline-block;
    width: 3.29rem;
    height: 1.52rem;
    position: absolute;
}

.bd_img p {
    color: #FBAB2D;
    font-size: .22rem;
    text-align: center;
    position: absolute;
    bottom: .12rem;
    width: 100%;
    text-align: center;
}

.head_p4 {
    font-size: .48rem;
    font-weight: bold;
    font-style: italic;
    position: absolute;
    top: 27.75rem;
    left: 0;
    color: #FCB724;
    width: 100%;
    text-align: center;
}

.head_p4_text {
    position: absolute;
    top: 28.48rem;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: .26rem;
}

.foot_img {
    width: 6.48rem;
    position: absolute;
    top: 29.26rem;
    left: 50%;
    transform: translate(-50%);
}

.foot_img>div {
    width: 3.24rem;
    height: 1.97rem;
    box-sizing: border-box;
    position: absolute;
}

.foot_img .foot_img1 {
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/bd_foot1.png") no-repeat center top;
    background-size: 100% 100%;
    background-color: #1C1C2A;
    top: 0;
    left: 0;
}

.foot_img .foot_img2 {
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/bd_foot2.png") no-repeat center top;
    background-size: 100% 100%;
    border: .01rem dashed #444468;
    top: 0;
    right: 0;
}

.foot_img .foot_img3 {
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/bd_foot3.png") no-repeat center top;
    background-size: 100% 100%;
    border: .01rem dashed #444468;
    top: 1.97rem;
    left: 0;
}

.foot_img .foot_img4 {
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/bd_foot4.png") no-repeat center top;
    background-size: 100% 100%;
    background-color: #1C1C2A;
    top: 1.97rem;
    right: 0;
}

.foot_img .foot_img5 {
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/bd_foot5.png") no-repeat center top;
    background-size: 100% 100%;
    background-color: #1C1C2A;
    top: 3.94rem;
    left: 0;
}

.foot_img .foot_img6 {
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/bd_foot6.png") no-repeat center top;
    background-size: 100% 100%;
    border: .01rem dashed #444468;
    top: 3.94rem;
    right: 0;
}

.foot_img .foot_img7 {
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/bd_foot7.png") no-repeat center top;
    background-size: 100% 100%;
    border: .01rem dashed #444468;
    top: 5.91rem;
    left: 0;
}

.foot_img .foot_img8 {
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/bd_foot8.png") no-repeat center top;
    background-size: 100% 100%;
    background-color: #1C1C2A;
    top: 5.91rem;
    right: 0;
}

.footer {
    width: 7.5rem;
    height: 1.91rem;
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/bd_foot_img.png") no-repeat center top;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: .3rem;
    font-weight: bold;
    font-style: italic;
    color: #FFFFFF;
}

.footer .p1 {
    position: absolute;
    top: .51rem;
    left: .33rem;
}

.footer .p2 {
    position: absolute;
    top: .93rem;
    left: .71rem;
}

.footer .footer_btn {
    width: 2.74rem;
    height: 0.81rem;
    position: absolute;
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/bd_foot_btn.png") no-repeat center top;
    background-size: 100% 100%;
    right: .37rem;
    top: .46rem;
}

/* 弹框 */
.bd_modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 90;
}

.bd_modal .bd_main {
    width: 6.12rem;
    height: 6.19rem;
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/bd_modal.png") no-repeat center top;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
}

.bd_main .modal_title {
    font-size: .28rem;
    font-weight: bold;
    color: #FFD012;
    position: absolute;
    top: .18rem;
}

.bd_main .modalp1 {
    font-size: .42rem;
    color: #FFFFFF;
    background: linear-gradient(0deg, #F8F4F1 0%, #E7D9CE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    top: 2.2rem;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.bd_main .modalp2 {
    font-size: .3rem;
    color: #FFFFFF;
    position: absolute;
    top: 2.8rem;
    font-weight: bold;
    line-height: .6rem;
    width: 100%;
    text-align: center;
}

.bd_main .modalp3 {
    font-size: .26rem;
    font-weight: 500;
    color: #FDBD20;
    position: absolute;
    top: 3.07rem;
    width: 100%;
    text-align: center;
}

.bd_main .modalp4 {
    font-size: .24rem;
    color: #94928D;
    padding: 0 .43rem;
    position: absolute;
    top: 3.57rem;
    word-break:break-all;
    line-height: .3rem;
}
.bd_main .modal_btn{
    width: 4.67rem;
    height: .66rem;
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/modal_sure.png") no-repeat center top;
    background-size: 100% 100%;
    position: absolute;
    bottom: .56rem;
}
/* 提示框 */
.toailmessage {
    width: 2.5rem;
    height: 0.6rem;
    line-height: 0.6rem;
    background: rgba(68, 68, 104);
    border-radius: 0.3rem;
    color: #fff;
    text-align: center;
    font-size: 0.28rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 999;
}
.hide{
    display: none;
}
/* 弹框 */
.bd_modal2 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 90;
}

.bd_modal2 .bd_main2 {
    width: 6.12rem;
    height: 6.19rem;
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/bd_modal.png") no-repeat center top;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
}

.bd_main2 .modal2_title {
    font-size: .28rem;
    font-weight: bold;
    color: #FFD012;
    position: absolute;
    top: .18rem;
}

.bd_main2 .modal2p1 {
    font-size: .42rem;
    color: #fff;
    background: linear-gradient(0deg, #F8F4F1 0%, #E7D9CE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    top: 2.2rem;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.bd_main2 .modal2p2 {
    font-size: .3rem;
    font-weight: bold;
    color: #FFFFFF;
    position: absolute;
    top: 3rem;
    font-weight: bold;
    line-height: .4rem;
    width: 100%;
    text-align: center;
}
.bd_main2 .modal2_btn{
    width: 4.67rem;
    height: .66rem;
    background: url("https://cdn-js.yebaojiasu.com/gw_images/download/bd_applets/modal_sure.png") no-repeat center top;
    background-size: 100% 100%;
    position: absolute;
    bottom: .56rem;
}