body{
    width: 100%;
    min-width: 1080px;
    background-color: #ffffff;
    position: relative;
    top: 0;
    left: 0;
    font-family: NotoSansCJKMedium;
}
img{
    width: 100%;
    height: 100%;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.box_w{
    width: 100%;
    height: 1495px;
    position: relative;
    background-image: url(https://jp-static-jd.gameduchy.com/lsns/pay_demo/pc/images/box_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}
.logo{
    width: 494px;
    height: 218px;
    position: absolute;
    left: -4.3%;
    top: -10.6%;
}
.logo img{
    width: 100%;
    height: 100%;
}
.box{
    width: 1086px;
    height: 1298px;
    position: relative;
    top: 6.5%;
    margin: auto 620px;
    /* overflow: hidden; */
    background: url(https://jp-static-jd.gameduchy.com/lsns/pay_demo/pc/images/centent_bg_top.png) no-repeat center top/100%;
}
.centent_bg_bottom{
    width: 1056px;
    height: 110px;
    position: sticky;
    position: -webkit-sticky; /* Safari */
    bottom: 0;
    margin: auto 635px;
    background: url(https://jp-static-jd.gameduchy.com/lsns/pay_demo/pc/images/centent_bg_bottom_h.png) repeat center top/cover;
    font-size: 24px;
    color: #FFFFFF;
    box-shadow: 0 7px 13px -5px #000;
}
.centent_bg_bottom.active{
    background: url(https://jp-static-jd.gameduchy.com/lsns/pay_demo/pc/images/centent_bg_bottom.png) repeat center top/cover!important;
}
.input_k{
    width: 524px;
    height: 54px;
    background: url(https://jp-static-jd.gameduchy.com/lsns/pay_demo/pc/images/input_k.png) repeat center top/cover;
    color: #ffffff;
    text-indent: 9%;
    font-size: 21px;
    line-height: 54px;
    text-align: left;
    font-weight: bolder;
    position: absolute;
    top: 13.6%;
    left: 3.9%;
    border: none;
}
.input_but{
    display: block;
    width: 519px;
    height: 50px;
    background-color: #ffb628;
    color: #1d1e1e;
    border-radius: 21px;
    line-height: 50px;
    font-size: 25px;
    font-weight: bolder;
    text-align: center;
    position: absolute;
    top: 18.8%;
    left: 3.9%;
    font-family: NotoSansCJKMedium;
    border: none;
    cursor: pointer;
}
.input_but[disabled]{
    background-color: #5a5a5a;
    color: #a7a7a7;
    cursor: default;

}
/* 获得焦点时 */
.input_k:focus-visible {
    outline: none;
}
.input_k::placeholder {
    color: #757576; /* 更改placeholder的颜色 */
    font-size: 21px; /* 更改placeholder的文本大小 */
    line-height: 54px;
  }
.top_title{
    font-size: 48px;
    position: absolute;
    top: 3.5%;
    left: 4%;
    color: #ffffff;
    font-weight: bolder;
}
.dq_icon{
    width: 21px;
    height: 21px;
    position: absolute;
    top: 6%;
    right: 10.5%;
    background: url(https://jp-static-jd.gameduchy.com/lsns/pay_demo/pc/images/dq_icon.png) no-repeat center top/cover;
}
.lang{
    font-size: 17px;
    position: absolute;
    top: 5.8%;
    right: 5.1%;
    color: #a7a7a7;
    font-weight: bolder;
}
.user_icon{
    width: 29px;
    height: 29px;
    position: absolute;
    top: 10.5%;
    left: 4.9%;
    background: url(https://jp-static-jd.gameduchy.com/lsns/pay_demo/pc/images/user_icon.png) no-repeat center top/cover;
}
.user_title{
    font-size: 21px;
    position: absolute;
    top: 10.5%;
    left: 9.3%;
    color: #a7a7a7;
    font-weight: bolder;
}
/* .shop_list_num:hover {
    animation: zoomInOut 1s infinite alternate;
  } */
/* @keyframes zoomInOut {
    0% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(1);
    }
  } */
.shop_icon{
    width: 27px;
    height: 27px;
    position: absolute;
    top: 24.3%;
    left: 4.9%;
    background: url(https://jp-static-jd.gameduchy.com/lsns/pay_demo/pc/images/shop_icon.png) no-repeat center top/cover;
}
.shop_title{
    font-size: 20px;
    position: absolute;
    top: 24.4%;
    left: 9.4%;
    color: #a7a7a7;
    font-weight: bolder;
}
.pay_icon{
    width: 28px;
    height: 29px;
    position: absolute;
    top: 55.6%;
    left: 4.7%;
    background: url(https://jp-static-jd.gameduchy.com/lsns/pay_demo/pc/images/pay_icon.png) no-repeat center top/cover;
}
.pay_title{
    font-size: 21px;
    position: absolute;
    top: 55.6%;
    left: 9.2%;
    color: #a7a7a7;
    font-weight: bolder;
}
.wdl{
    /* display: none; */
}
.ydl{
    width: 976px;
    height: 137px;
    background: url(https://jp-static-jd.gameduchy.com/lsns/pay_demo/pc/images/user_msg_bg.png) repeat center top/cover;
    position: absolute;
    top: 13.4%;
    left: 5%;
    color: #a7a7a7;
    font-size: 27px;
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
.ydl span{
    color: #ffffff;
}
.p_13{
    width: 43%;
    text-indent: 11%;
}
.p_24{
    width: 57%;
}
.top_close_box{
    width: 153px;
    height: 39px;
    background: url(https://jp-static-jd.gameduchy.com/lsns/pay_demo/pc/images/top_close_box.png) repeat center top/cover;
    position: absolute;
    right: 0.3%;
    top: -35%;
}
.shop_list{
    width: 975px;
    position: absolute;
    top: 26.6%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.shop_list_num{
    width: 233px;
    height: 176px;
    /* background: url(https://jp-static-jd.gameduchy.com/lsns/pay_demo/pc/images/shop_list.png) repeat center top/cover; */
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    transition: transform 0.5s ease-in-out;
    /* 设置初始缩放为原始大小 */
    transform: scale(1);
}
.shop_list_1.active{
    background-image: url(https://jp-static-jd.gameduchy.com/lsns/pay_demo/pc/images/shop_list_1_h.png)!important;
}
.shop_list_2.active{
    background-image: url(https://jp-static-jd.gameduchy.com/lsns/pay_demo/pc/images/shop_list_2_h.png)!important;
}
.shop_list_3.active{
    background-image: url(https://jp-static-jd.gameduchy.com/lsns/pay_demo/pc/images/shop_list_3_h.png)!important;
}
.shop_list_4.active{
    background-image: url(https://jp-static-jd.gameduchy.com/lsns/pay_demo/pc/images/shop_list_4_h.png)!important;
}
.shop_list_5.active{
    background-image: url(https://jp-static-jd.gameduchy.com/lsns/pay_demo/pc/images/shop_list_5_h.png)!important;
}
.shop_list_6.active{
    background-image: url(https://jp-static-jd.gameduchy.com/lsns/pay_demo/pc/images/shop_list_6_h.png)!important;
}
.shop_list_7.active{
    background-image: url(https://jp-static-jd.gameduchy.com/lsns/pay_demo/pc/images/shop_list_7_h.png)!important;
}
.shop_list_8.active{
    background-image: url(https://jp-static-jd.gameduchy.com/lsns/pay_demo/pc/images/shop_list_8_h.png)!important;
}





.center_qb_name_list{
    width: 91%;
    position: absolute;
    top: 58.8%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.center_qb_list_1{
    margin-right: 1%;
}
.center_qb_list_1 .pay_jj{
    text-indent: 364px!important;
}
.center_qb_list_num{
    width: 483px;
    height: 59px;
    background: #ffffff;
    /* border: 2px solid rgba(0,0,0,0); */
    border-radius: 28px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 1.5%;
    cursor: pointer;
}
.center_qb_list_img{
    width: 76px;
    height: 41.5px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 4%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.center_qb_list_img img{
    width: 100%;
    height: 100%;
}
.pay_jj{
    font-size: 20px;
    color: #d6d5d5;
    font-weight: bolder;
    text-indent: 335px;
}
.pay_jj ,.pay_je,.pay_jedw{
    vertical-align: middle;
    display: inline-block;
    font-family: NotoSansCJKMedium;
    line-height: 59px;
}
/* .pay_je{
    margin-right: 6%;  
} */
/* .pay_jedw{
    display: none;
} */
/* .pay_je,.pay_jedw{
    color: #1e1e20;
    font-size: 42px;
    font-weight: bolder;
} */
/* .pay_jj_right{
    height: 100%;
    position: absolute;
    right: 8%;
    top: 0;
    display: flex;
    align-items: center;

} */
.center_qb_list_num.active{
    background: #ffb628;
}
.center_qb_list_num.active>.pay_jj{
    color: #1e1e20;
}

.info{
    width: 991px;
    height: 199px;
    position: absolute;
    top: 70.4%;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    background: url(https://jp-static-jd.gameduchy.com/lsns/pay_demo/pc/images/info_bg.png) repeat center top/cover;
}
.info_bg{
    width: 928px;
    height: 175px;
    font-size: 15px;
    color: #a7a7a7;
    font-weight: 400;
    line-height: 16px;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.xh{
    width: 3%;
    display: inline-block;
    text-align: right;
    vertical-align: top;

}
.wbnr{
    width: 97%;
    display: inline-block;
}
.info_bg p{
    margin-bottom: 0.3%;
}


/* 支付按钮 */
.center_gwc_tk{
    width: 100%;
    height: 30px;
    position: absolute;
    top: 86.7%;
    left: 6%;
}
.center_wxz{
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(https://jp-static-jd.gameduchy.com/lsns/pay/pc/images/center_wxz.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
.center_wxz_nr{
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
}
.center_gwc_tk span{
    line-height: 30px;
    font-size: 18px;
    color: #a7a7a7;
    font-weight: bold;
}
.policy_top,.agreement{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #ffb628;
}

.center_checkOut{
    width: 257px;
    height: 66px;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 72%;
    background-color: #5a5a5a;
    color: #a7a7a7;
    border-radius: 34px;
    text-align: center;
    line-height: 66px;
    font-size: 32px;
    font-family: NotoSansCJKMedium;
    font-weight: bolder;
    pointer-events: none;
    cursor: default;
}
.center_checkOut.active{
    background-color: #ffb628;
    color: #1d1e1e;
    pointer-events: all;
    cursor: pointer; 
}
.money_hj{
    font-size: 21px;
    color: #5a5a5a;
    position: absolute;
    top: 15%;
    left: 4%;
}
.money_hj.active{
    color: #ffffff;
}
.money_box{
    font-size: 45px;
    color: #5a5a5a;
    position: absolute;
    top: 29%;
    left: 4%;
}
.money_box.active{
    color: #ffffff;
}
.money_dw{
    display: none;
}
/* 弹窗 */
.modal-open {
    overflow: hidden;
    position: fixed; /* 防止body的滚动条消失 */
  }
.tc{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7);
}
.tc_bg{
    width: 1089px;
    height: 888px;
    background: url(https://jp-static-jd.gameduchy.com/lsns/pay_demo/pc/images/tc_bg.png) repeat center top/cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-weight: bold;
}
.pay_close,.pay_open{
    display: block;
    width: 356px;
    height: 91px;
    border-radius: 47px;
    font-size: 37px;
    color: #000000;
    line-height: 91px;
    text-align: center;
    font-weight: bolder;
    cursor: pointer;
}
.pay_close{
    background: #ffffff;
}
.pay_open{
    background: #ffb628;
}

.tc_uid,.tc_name{
    width: 561px;
    font-size: 39px;
    color: #a7a7a7;
    position: absolute;
}
.tc_uid span,.tc_name span{
    color: #ffffff;
    position: absolute;
    left: 300px;
}
.tc_uid{
    top: 23%;
    left: 15.3%;
}
.tc_name{
    top: 28.5%;
    left: 15.3%;
}
.tc_shop{
    width: 74%;
    top: 48%;
    left: 52%;
    transform: translateX(-50%);
    position: absolute;
    color: #ffffff;
    font-size: 38px;
}
.tc_shop_name{
    position: absolute;
    left: 0;
    color: #ffffff
}
.tc_shop_money{
    position: absolute;
    right: 0;
    color: #ffb628;
}
.tc_pay_fs{
    position: absolute;
    top: 66.5%;
    left: 15.1%;
    font-size: 41px;
    color: #ffffff;
}
.tc_btn_box{
    width: 906px;
    height: 91px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 85%;
    left: 50%;
    transform: translate(-50%,-50%);
}


/* 页底 */
.box1_bottom_bq_content{
    position: absolute;
    width: 100%;
    height: 200px;
    border-top: 2px solid #FFB800;
    z-index: 9;
    background: rgba(0,0,0,.9);
    text-align: left;
    transition: all .5s ease-in-out;
}

.foot_left{
    position: absolute;
    width: 38%;
    height: 100%;
    left: 0;
}
.foot_logo_top{
    width: 276px;
    height: 71px;
    position: absolute;
    top: 36%;
    left: 68%;
    transform: translate(-50%,-50%);
}

.foot_logo_bottom{
    width: 177px;
    height: 30px;
    position: absolute;
    bottom: 20%;
    left: 68%;
    transform: translate(-50%,-50%);
}
.foot_right{
    position: absolute;
    width: 55%;
    right: 6%;
    top: 50%;
    transform: translateY(-50%);
}
.foot_bth_box{
    margin-top: 1%;
    margin-bottom: 0.6%;
}
.userAgreement,.policy,.childPrivacy,.about,.contact{
    font-size: 0.859375vw;
    color: #FFFFFF;
    text-align: center;
}
.userAgreement:hover,.policy:hover,.childPrivacy:hover{
	color: #888;
}
.foot_font{
    text-align: left;
    font-size: 19px;
    color: #BABABA;
    line-height: 30px;
}
.foot_right .foot_font a{
	color:rgba(255,255,255,0.6);
}
.foot_right:hover .foot_font a:hover{
	color:rgba(255,255,255,1);
}
.foot_font1{
    /* font-family: NotoSansCJKMedium; */
}
.foot_font2{
    /* font-family: galderglynnTitling; */
}
/* 媒体查询 */
@media screen and (max-width: 2326px) {
    .centent_bg_bottom{
        margin: 0 auto;
    }
    .box{
        margin: 0 auto;
    }
    .box_w{
        background-position: center top;
    }
}
/* 页底 */