*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;font-size:80px}
a{text-decoration:none;outline:none;color:inherit}
a:hover,a:active,a:focus{background:none;text-decoration:none;color:#333}
p,dt,ul,dl{margin:0;list-style:none}
label{font-weight:normal}
select,input,button{border:none;outline:none}
img{border:0;vertical-align:middle;display:block}
html,body{-webkit-tap-highlight-color:transparent;width:100%;height:100%}
body{color:#333;line-height:1.6;margin:0 auto;z-index:-1;font-family:"微软雅黑";overflow-x:hidden}
a{color:#333}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.towLine{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
input:focus{background:none}
select,
input,
button {
    border: none;
    outline: none;
}

textarea,
select,
input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
}



/*弹窗*/
.masked{background:rgba(0,0,0,0.8);position:fixed;width:100%;height:100%;left:0;top:0;z-index:110;display:none}
.tc_tip{width:7rem;height:5.25rem;position:fixed;color:#fff;top:50%;left:50%;transform:translate(-50%,-50%);z-index:120;transition:all 0.3s;display:none}
.tc_tip .closed{position:absolute;top:-0.4rem;right:0.1rem;z-index:6;cursor:pointer}
.tc_main_big1{width:7rem;height:5.25rem}
.closed img{transition:all 0.3s;width:0.35rem;height:0.35rem}
.closed img:hover{transform:rotate(90deg)}
.btn1{width:7rem;display:flex;justify-content:center}
.btn1 img{width:7rem;height:5.25rem}

/*index*/
.part_pay_banner{width:100%;height:3.99rem;background:url(../images/pay_banner.jpg);background-size:20rem 3.99rem;background-position:center center;margin:0 auto;position:relative}
.part_pay_banner p{font-size:0.4rem}
.part_pay_main{width:12rem;margin:0 auto}
.pay_tip{margin-top:0.36rem;margin-bottom:0.2rem;align-items:center}
.pay_tip,.pay_login{display:flex}
.pay_tip span{margin-right:0.1rem;font-size:0.16rem;color:#393e4a}
.pay_tip img{width:0.24rem;height:auto;cursor:pointer}
.pay_login{margin-bottom:0.1rem;position:relative}
.login_1{height:0.5rem;width:6.55rem;display:flex;border-radius:0.1rem;line-height:0.5rem;margin-bottom:0.1rem}

.login_btn{background:#e44c59;border-radius:0.05rem;text-align:center;margin-left:0.2rem;color:#fff;font-family:"微软雅黑";font-size:0.18rem;transition:all 0.5s;cursor:pointer;padding:0 0.15rem;height:0.5rem;line-height:0.5rem}
.login_btn:hover{background:none;border-radius:0.05rem;text-align:center;margin-left:0.2rem;color:#000;font-family:"微软雅黑";font-size:0.18rem;border:1px solid #e44c59;padding:0 0.15rem;height:0.5rem;line-height:0.5rem}
.pay_hot{font-size:0.16rem;color:#393e4a;margin-bottom:0.2rem}
.pay_hot span{margin-left:1.15rem}
.pay_search{display:flex;height:0.47rem}

.search_voice{background:#dfe2e7;color:#ff8704; height:0.51rem;font-size:0.14rem;width:10rem;height:0.51rem;background:#dfe2e7;border-radius:0.05rem;display:inline-block;display:flex;line-height:0.51rem;align-items:center;padding-left:0.17rem}

.search_input{height:0.51rem;display:flex;align-items:center;background:#fff;margin-left:0.2rem;width:4.12rem;border:1px solid #968b8e;border-radius:0.1rem;padding-left:0.17rem;line-height:0.51rem;margin-bottom:0.1rem}
.pay_main{display:flex;margin-top:0.3rem;justify-content:space-between}
.pay_left{width:2.4rem;font-family:"微软雅黑"}
.pay_left ul{background:#dfe2e7;border-radius:0.1rem}
.pay_left ul li{border-bottom:1px dashed #afb2bb;margin-left:0.15rem;margin-right:0.15rem;font-size:0.18rem;padding-left:0.19rem;padding:0.2rem 0.1rem}
.pay_left ul li.active{background:#626d81;color:#fff;border-radius:0.1rem;border-bottom:none;margin-left:0;margin-right:0;padding-left:0.34rem}
.pay_left ul li:last-child{border-bottom:none}
.pay_right_content{display:none}
.pay_right{width:9.5rem;position:relative}
.block{display:block}
.caijing_line{border-bottom:1px solid #e1e2e6;margin-top:0.34rem;margin-bottom:0.2rem}
.caijing_text{width:9.5rem;background:#dfe2e7;margin-top:0.2rem;margin-bottom:0.2rem;border-radius:0.05rem;padding:0.25rem 0.2rem;font-size:0.16rem}
.mr{margin-top:0.2rem}
.mr_b{margin-bottom:0.2rem}
.text_content3{width:6.55rem;height:0.5rem;line-height:0.5rem;background:#fff;border-radius:0.05rem;padding-left:0.17rem;letter-spacing:0.01rem;border:1px solid #a8abb0;outline:none;font-size:0.14rem;color:#000;overflow:hidden;font-family:"微软雅黑";font-weight:bold}
.text_content4{width:2.55rem;height:0.42rem;line-height:0.42rem;background:#fff;border-radius:0.05rem;padding-left:0.17rem;letter-spacing:0.01rem;margin-top:0.05rem;outline:none;font-size:0.14rem;color:#000000;overflow:hidden;font-family:"微软雅黑";font-weight:bold}
.pay_bottom_line{border-bottom:2px solid #e6e7eb;margin-top:0.15rem;margin-bottom:0.25rem}
.pay_bottom_btn{display:flex;justify-content:center}
.pay_bottom_checkbox{display:flex;justify-content:center;margin-top:0.24rem;align-items:center;font-size:0.14rem;font-family:"微软雅黑";letter-spacing:0.02rem}
.pay_bottom_checkbox a{color:#e44c5a;}
.pay_bottom_btn a{display:inline-block;background:#e44c5a;height:0.7rem;text-align:center;line-height:0.7rem;font-size:0.3rem;color:#fff;border-radius:0.05rem;transition:all 0.3s;padding:0rem 0.9rem}
.pay_bottom_btn a:hover{display:inline-block;background:none;height:0.7rem;text-align:center;line-height:0.7rem;font-size:0.3rem;color:#000;border-radius:0.05rem;border:1px solid #e44c5a;padding:0rem 0.9rem}
.pay_bottom_notice{background:#dfe2e7;padding:0.4rem 0.3rem;margin-top:0.5rem;border-radius:0.05rem;font-size:0.16rem;color:#4e5964}
.pay_bottom_notice p{font-family:"微软雅黑";line-height:0.45rem}
.pay_bottom{padding-bottom:0.8rem}
.cart1_checkbox[type="checkbox"]{width:0.15rem;cursor:pointer;height:0.15rem;background:url(../images/pay_check.png) no-repeat;background-size:0.15rem 0.15rem}
.cart1_checkbox[type="checkbox"]:checked{background:url(../images/pay_checked.png) no-repeat;background-size:100% 100%}
.pay_bottom li img:hover{transform:scale(1.1)}
.btn{display:inline-block;font-size:0.2rem;color:#393e4a;text-align:center}
/*结算*/
.shop_part_main{width:12rem;margin:0 auto;font-family:"微软雅黑"}
.shop_guide{margin-top:0.3rem;margin-bottom:0.25rem;font-size:0.14rem}
.shop_title{border-radius:0.05rem;background:#fff;display:flex;padding:0.35rem 0.45rem;margin-bottom:0.15rem;justify-content:space-between;font-size:0.16rem;align-items:center;font-weight:bold}
.shop_title01,.shop_list_01{display:inline-block;width:14%;text-align:center}
.shop_title02,.shop_list_02{display:inline-block;width:20%;text-align:center;margin-right:10%}
.shop_title03,.shop_list_03{display:inline-block;width:20%;text-align:center;color:#393e4a}
.shop_title04,.shop_list_04{display:inline-block;width:20%;text-align:center}
.shop_list_01,.shop_list_02,.shop_list_03,.shop_list_04 {display:flex;justify-content:center;flex-direction:column}


.shop_list{background:#dfe2e7;border-radius:0.05rem;padding:0.35rem 0.45rem;margin-bottom:0.15rem;display:flex;justify-content:space-between;width:100%}

.shop_list_01 img{width:1.33rem;height:auto}
.shop_title01{font-size:0.2rem}



.shop_list_03{   font-size: 0.2rem;font-weight: bold;color: #e34c5a;display: flex;}
.shop_list_03 strong{color:#393e4a;font-size:0.18rem}


.shop_list_04 strong{margin-bottom:0.1rem;font-size:0.2rem}


.shop_list_042 strong{color:#393e4a;font-size:0.18rem;margin-right:0.15rem}
.shop_list_042{display:flex;justify-content:center;align-items:center;font-size:0.2rem;color:#e34c5a;display:flex;width:20%;text-align:center;font-weight:bold}






.list_main_right{width:100%}
.pay_bottom_title{display:flex;justify-content:center;margin-bottom:0.56rem;margin-top:1rem}
.ul_box{width:100%;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:0.1rem}
.ul_box .active{background:#e44c5a;color:#fff}
.recommend{padding:0.1rem 0.2rem;height:0.66rem;float:left;font-size:0.16rem;line-height:0.66rem;font-family:'Microsoft YaHei';border:1px solid #e44c5a;background:#fff;position:relative;cursor:pointer;margin-bottom:0.1rem;border-radius:0.05rem;display:flex;justify-content:flex-start;align-items:center}
.recommend img{width:0.4rem;height:auto;margin-right:0.15rem}
.recommend:hover{background:#e44c5a;color:#fff}
.recommend span{background:url(../images/icon_en.png) no-repeat;background-size:100% auto;display:block;position:absolute;top:-2px;right:-2px;width:47px;height:48px}
.cart_item1{width:100%;display:flex;border-radius:0.05rem;padding:0.35rem 0 0.35rem 0.45rem;margin-bottom:0.15rem;display:flex;width:100%}

.card_list{border-radius:0.05rem;margin-bottom:0.15rem;display:flex;justify-content:flex-end;width:100%}
.card_list div{display:flex;justify-content:flex-end;align-items:center;font-weight:bold}
.card_list div p{margin-right:0.25rem;font-size:0.2rem}
.card_list div a{color:#e34c5a;display:inline-block;margin-left:0.1rem;margin-right:0.1rem}
.card_list_center p:last-child{display:flex;justify-content:center;flex-direction:column;font-size:0.12rem}

.card_btn{position:relative;height:0.75rem}
.card_btn span{height:0.75rem;background:#e44c5a;border-radius:0.05rem;text-align:center;line-height:0.75rem;color:#fff;font-size:0.28rem;transition:all 0.5s;cursor:pointer;display:block;padding:0 0.8rem;width: 3rem;}
.card_btn span:hover{height:0.75rem;background:none;border-radius:0.05rem;text-align:center;line-height:0.75rem;color:#000;font-size:0.28rem;border:1px solid #e44c59;padding:0 0.8rem;width: 3rem;}


ul.all_img{width:9.9rem;height:7.7rem;overflow-y:auto}
ul.all_img img{width:2.3rem;height:auto}
ul.all_img li{float:left}
.all_img_text{position:fixed;left:32%;bottom:0}
.all_content{position:relative}
.con li.on div.desc{position:absolute;top:2.37rem;width:9.5rem;background:#dfe2e7;height:1rem;margin-top:0.1rem;border-radius:0.05rem;padding:0.25rem 0.2rem;font-family:"微软雅黑";font-size:0.16rem;overflow-y:auto}
.con li{position:relative;margin-right:0.05rem;margin-bottom:0.1rem;margin-top:0.1rem}
.con li.on{padding-bottom:1rem}
/* .con li div.con_img{display:block;align-items:center;width:2.3rem;height:2.37rem;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;background:#f2f2f2;position:relative;cursor:pointer;margin:0} */
.con li div.con_img{display:block;align-items:center;background:url(../images/shop_bg.png);background-size:100% 100%;width:2.3rem;height:2.37rem;display:flex;flex-direction:column;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;position:relative;cursor:pointer;margin:0}
.con li div.desc{display:none}
.con li.on div.desc{display:block}
.con{display:flex;flex-wrap:wrap;margin-top:5px;align-content:flex-start}
.con_img img{width:2.3rem;height:auto}
.con li:nth-child(4n-1).on div.desc{left:-4.8rem}
.con li:nth-child(4n-2).on div.desc{left:-2.4rem}
.con li:nth-child(4n-3).on div.desc{left:0}
.con li:nth-child(4n){margin-right:0rem}
.con li:nth-child(4n).on div.desc{right:0}

.all_img li:nth-child(4n-1).on div.desc,.con li:nth-child(4n-1).on div.desc{left:-4.8rem}
.all_img li:nth-child(4n-2).on div.desc,.con li:nth-child(4n-2).on div.desc{left:-2.4rem}
.all_img li:nth-child(4n-3).on div.desc,.con li:nth-child(4n-3).on div.desc{left:0}
.all_img li:nth-child(4n),.con li:nth-child(4n){margin-right:0rem}
.all_img li:nth-child(4n).on div.desc,.con li:nth-child(4n).on div.desc{right:0}
.shop_list_01{width:1.33rem;cursor:pointer;height:1.33rem;background:url(../images/shop_bg.png) no-repeat;background-size:100% 100%}
li.on div.con_img{box-shadow:0.03rem 0.03rem 0.1rem  #f00}


.con_img h3{color:#f00;font-size:0.24rem;position:relative;display:flex;align-items:center;margin-top:0.05rem;margin-bottom:0.1rem;justify-content:center}
.con_img h4{width:1.33rem;height:1.33rem;margin-bottom:0.1rem}
.con_img h4 img{width:1.33rem;height:1.33rem}
.con_img p{color:#393e4a;font-size:0.16rem;font-weight:bold;width:2.1rem;text-align:center;
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
    overflow:hidden;word-wrap:break-word;word-break:break-word;    line-height: 0.16rem; padding-top:0.05rem;box-sizing:border-box}



.con_img h3::before,.con_img h3::after{content:'';width:0.31rem;height:0.16rem;background:url(../images/h3_ico.png);background-size:100% 100%}
.con_img h3::after{transform:rotate(180deg)}
.con_img h3 span{margin:0 0.1rem}

.border_red{border:1px solid #e34c5a;border-radius:0.05rem;color:#e34c5a;font-size:0.14rem;width:100%;margin-top:0.2rem;height:0.35rem;line-height:0.35rem}
.border_black{font-size:0.18rem;font-weight:bold}
.card_list_center{width:48%}
.tip p{margin-bottom:10px;font:400 16px/30px 'Microsoft YaHei'}

/* 无商品提示样式 */
.no-items{
    width:100%;
    text-align:center;
    padding:2rem 0;
    font-size:0.2rem;
    color:#999;
    background:url(../images/loser.png) no-repeat center 0.5rem;
    background-size:1.5rem auto;
    padding-top:2.5rem;
    font-family:"微软雅黑";
    line-height:1.8;
}

/* 角色ID历史下拉列表样式 */
.role-history-dropdown{
    position:absolute;
    top:0.5rem;
    left:0;
    width:6.55rem;
    max-height:3rem;
    overflow-y:auto;
    background:#fff;
    border:1px solid #a8abb0;
    border-radius:0.05rem;
    box-shadow:0 0.05rem 0.15rem rgba(0,0,0,0.15);
    z-index:1000;
}

.role-history-dropdown .history-item-wrapper{
    display:flex;
    align-items:center;
    border-bottom:1px solid #f0f0f0;
    transition:background-color 0.2s;
}

.role-history-dropdown .history-item-wrapper:last-child{
    border-bottom:none;
}

.role-history-dropdown .history-item-wrapper:hover{
    background-color:#f5f5f5;
}

.role-history-dropdown .history-item{
    flex:1;
    padding:0.12rem 0.17rem;
    cursor:pointer;
    font-size:0.14rem;
    color:#333;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.role-history-dropdown .history-item-wrapper:hover .history-item{
    color:#e44c59;
}

.role-history-dropdown .history-delete-btn{
    width:0.35rem;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    font-size:0.24rem;
    color:#999;
    transition:all 0.2s;
    padding:0.12rem 0.1rem;
}

.role-history-dropdown .history-delete-btn:hover{
    color:#e44c59;
    background-color:#ffe5e5;
}

.role-history-dropdown::-webkit-scrollbar{
    width:0.06rem;
}

.role-history-dropdown::-webkit-scrollbar-track{
    background:#f1f1f1;
}

.role-history-dropdown::-webkit-scrollbar-thumb{
    background:#888;
    border-radius:0.03rem;
}

.role-history-dropdown::-webkit-scrollbar-thumb:hover{
    background:#555;
}





/*充值成功和失败*/
.main-container{max-width:7rem;overflow:auto;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}
.main_cz{margin:0 auto;max-width:7rem;padding-top:0.2rem;padding-left:0.2rem;padding-right:0.4rem;padding-bottom:0.4rem}
.wrap_cz{width:7rem;padding-top:0.4rem;padding-left:0.4rem;padding-right:0.4rem;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column}
.wrap_cz_h1{height:1.36rem;line-height:1.36rem;text-align:center;margin-bottom:0.5rem;display:flex;justify-content:center}
.wrap_cz_h1 img{width:1.44rem;height:1.36rem}
.wrap_cz_h2{font-size:0.5rem;text-align:center;margin-bottom:0.2rem;color:#7b6536;font-family:"微软雅黑"}
.wrap_cz_p{font-size:0.3rem;text-align:center;color:#a89e8c;margin-bottom:0.5rem}
.wrap_cz_fh a{text-align:center;text-decoration:underline;color:#60cdba;font-size:0.3rem;display:block}
.wrap_cz_fh a:hover{color:#f00}
@keyframes magnify {
    0% {
        transform: scale(0.96);
    }
    100% {
        transform: scale(1);
    }
}
@-webkit-keyframes magnify {
    0% {
        -webkit-transform: scale(0.96);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes magnify {
    0% {
        -moz-transform: scale(0.96);
    }
    100% {
        -moz-transform: scale(1);
    }
}