html{font-size: calc(100/750*100vw);background-color: #fff;}
@media(min-width: 768px){
    html{font-size: 100px;}
}
img{max-width: 100%;vertical-align: top;}
body{max-width: 750px;margin-left: auto;margin-right: auto;background-color: #fff;height: 100vh;font-size: 0.3rem;color: rgba(34, 34, 34, 1);}
.container{position: relative;padding: 0.32rem;height: 100%}
/*顶部搜索地址*/
.search_top{width: calc(100% - 0.64rem);height: 0.76rem;position: absolute;left: 0.32rem;top: 0.32rem;z-index: 2;}
.search_top input{width: 100%;height: 100%;border-radius: 0.76rem;border: 1px solid #ccc;font-size: 0.28rem;padding: 0 0.3rem;padding-left: 0.64rem;padding-right: 0.8rem; background: url(../images/icon_search.png) left 0.16rem  center no-repeat;background-size: 0.32rem;}
.search_top .cleartext{display: block;position: absolute;right: 0.28rem;top: 0.18rem;width: 0.4rem;height: 0.4rem;background: #eee url(../images/icon_close_l.png) center no-repeat;background-size: 0.2rem;border-radius: 50%;cursor: pointer;display: none;}
/*h5切换顶部地址*/
.address_top{width: calc(100%);height: 1.08rem;position: absolute;left: 0;top: 0;z-index: 2;background-color: #fff;display: flex;align-items: center;padding: 0 0.32rem;z-index: 100;}
.address_top .my_address{width: calc(100% - 2.2rem);display: flex;align-items: center;}
.address_top .my_address .img{width: 0.64rem;height: 0.64rem;box-shadow: 3px 3px 6px rgba(0,0,0,0.1),-3px -3px 6px rgba(0,0,0,0.1);border-radius: 0.15rem;overflow: hidden;margin-right: 0.2rem;}
.address_top .my_address .img img{width: 100%;height: 100%;object-fit: cover;}
.address_top .my_address .text{flex: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.address_top .qiehuan{width: 2.2rem;flex: 0 0 auto;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.address_top .qiehuan img{width: 0.32rem;height: 0.32rem;margin-left: 0.06rem;}
.pay_page{background-color: rgba(245, 248, 250, 1);}

/*首页地址列表*/
.container .main{height: calc(100% - 0.76rem);overflow: auto;margin-top: 0.76rem;}
.hot_add{padding-top: 0.32rem;}
.hot_add .typename{font-size: 0.32rem;font-weight: bold;}
.hot_add .hot_list{display: flex;flex-wrap: wrap;width: 100%;}
.hot_add .hot_list .item{width: 33.33%;margin-top: 0.42rem;}
.hot_add .hot_list .img{width: 0.92rem;height: 0.92rem;margin-left: auto;margin-right: auto;box-shadow: 3px 3px 6px rgba(0,0,0,0.1),-3px -3px 6px rgba(0,0,0,0.1);border-radius: 0.24rem;overflow: hidden;}
.hot_add .hot_list .img img{width: 100%;width: 100%;height: 100%;object-fit: cover;}
.hot_add .hot_list .text{font-size: 0.26rem;text-align: center;margin-top: 0.16rem;line-height: 0.38rem;}

.country_list_wrap{margin-top: 0.4rem;}
.country_list_wrap .typename{width: 100%;height: 0.48rem;line-height: 0.48rem;background: rgba(245, 248, 250, 1);border-radius: 2px;font-size: 0.3rem;padding: 0 0.32rem;margin-top: 0.4rem;}
.country_list{display: flex;flex-wrap: wrap;}
.country_list .item{width: 50%;display: flex;align-items: center; padding: 0 0.32rem;margin-top: 0.4rem;}
.country_list .item .img{width: 0.64rem;height: 0.64rem;flex: 0 0 auto;margin-right: 0.2rem;box-shadow: 3px 3px 6px rgba(0,0,0,0.1),-3px -3px 6px rgba(0,0,0,0.1);border-radius: 0.15rem;overflow: hidden;}
.country_list .item .img img{width: 100%;height: 100%;object-fit: cover;}
.country_list .item .text{font-size: 0.3rem;}

.search_result_wrap{position: fixed;left: 0;top: 1.08rem;width: 100%; height: calc(100vh - 1.08rem); background-color: #fff;z-index: 9;display: none;}
.search_result{width: 100%;height: 100%;overflow: auto;max-width: 750px;margin-left: auto;margin-right: auto;padding: 0 0.32rem;}
.search_result .con{text-align: center;margin-top: 0.3rem;}

/*充值页面主体*/
.pay_main{padding: 0.32rem 0;}
.pay_main .input_number_box{border: 1px solid #ccc;border-radius: 0.1rem;padding: 0.2rem 0.32rem;height: 1.08rem; background: #fff url(../images/icon_simcard.png) left 0.32rem center no-repeat;background-size: 0.52rem;padding-left: 1.04rem;display: flex;align-items: center;}
.pay_main .input_number_box .input_number{width: 100%;border: none;height: 100%;font-size: 0.3rem;}
.pay_main .input_number_box .saoma{width: 0.52rem;height: 0.52rem;background: url(../images/icon_saoma.png) center no-repeat;background-size: 0.4rem;flex: 0 0 auto;cursor: pointer;}

/*充值产品*/
.pro_content{}
.pro_content .typename{margin-top: 0.48rem;}
.pro_content .typename .name{font-size: 0.36rem;font-weight: bold;color: rgba(34, 34, 34, 1);}
.pro_content .typename .desc{font-size: 0.26rem;color: rgba(153, 153, 153, 1);padding-left: 0.12rem;}
.prolist{display: flex; flex-wrap: wrap; margin-top: 0.2rem;}
.prolist .item{width: 31%;height: 1.54rem; border-radius: 0.2rem;margin-right: 3.5%;margin-bottom: 0.28rem;overflow: hidden;}
.prolist .item:nth-child(3n){margin-right: 0;}
.prolist .item .text{background-color: #fff;text-align: center;height: 0.94rem;display: flex;justify-content: center;align-items: baseline;padding-top: 0.16rem;overflow: hidden;}
.prolist .item .text .day{padding-left: 0.2rem;overflow: hidden;flex: 0 0 auto;}
.prolist .item .text strong{color: rgba(58, 176, 224, 1);font-weight: bold;font-size: 0.48rem;background: linear-gradient(114.1deg, rgba(35, 118, 214, 1) 0%, rgba(58, 176, 224, 1) 100%);-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.prolist .item .price{width: 100%;height: 0.6rem;line-height: 0.6rem; text-align: center; background: linear-gradient(90deg, rgba(58, 176, 224, 1) 0%, rgba(35, 118, 214, 1) 100%);color: #fff;font-size: 0.26rem;white-space: nowrap;overflow: hidden;}
.prolist .item .price span{font-size: 0.36rem;}

/*支付弹窗*/
.pay_popup{position: fixed;width: 100%;height: calc(100% - 1.08rem);left: 0;bottom: 0;display: none;z-index: 9;}
.pay_popup .pay_popup_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.64);z-index: 0;}
.pay_popup .content{position: relative;z-index: 1; width: 100%;height: calc(100%  - 1.58rem);max-width: 750px;margin-left: auto;margin-right: auto;background-color: #fff;overflow: auto;margin-top: 1.58rem;padding: 0.32rem;border-top-right-radius: 0.48rem;border-top-left-radius: 0.48rem;}
.pay_popup .titles{width: 100%;height: 1.4rem;background-color: #fff;text-align: center;display: flex;justify-content: center;align-items: baseline;padding-top: 0.26rem;overflow: hidden;font-size: 0.48rem;font-weight: bold;border-bottom: 1px solid #eee;}
.pay_popup .titles .day{padding-left: 0.2rem;overflow: hidden;}
.pay_popup .titles strong{color: rgba(58, 176, 224, 1);font-weight: bold;font-size: 0.80rem;background: linear-gradient(114.1deg, rgba(35, 118, 214, 1) 0%, rgba(58, 176, 224, 1) 100%);-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

/*支付描述*/
.pay_popup .middle_con{height: calc(100% - 1.4rem - 2rem);overflow: auto;padding-top: 0.2rem;}
.pay_popup .middle_con .item{padding: 0.2rem 0.16rem 0.2rem 0;display: flex;justify-content: space-between;position: relative;}
.pay_popup .middle_con .item .name{flex: 0 0 auto;color: rgba(102, 102, 102, 1);margin-right: 0.32rem;}
.pay_popup .middle_con .item .value{font-weight: 600;}
.pay_popup .middle_con .item .ctrl_more{color: rgba(102, 102, 102, 1);font-weight: normal;padding-right: 0.4rem;background: url(../images/icon_down_l.png) center right no-repeat;background-size: 0.32rem;}
.pay_popup .middle_con .item .ctrl_more.open{background-image: url(../images/icon_up_l.png);}
.pay_popup .middle_con .more_desc_con{display: none;color: rgba(102, 102, 102, 1);}
.pay_popup .middle_con .more_desc_con p{margin-bottom: 0.2rem;}

/*支付底部*/
.pay_popup .bottom_con{height: 2rem;width: 100%;padding-top: 0.24rem;}
.pay_popup .bottom_con .desc{display: flex;justify-content: space-between;align-items: center;}
.pay_popup .bottom_con .desc .price{color: rgba(247, 111, 77, 1);padding-left: 0.1rem;}
.pay_popup .bottom_con .desc .price span{font-size: 0.36rem;}
.pay_popup .bottom_con .paybtn{width: 100%;height: 1.0rem;border-radius: 0.12rem;background: linear-gradient(90deg, rgba(58, 176, 224, 1) 0%, rgba(35, 118, 214, 1) 100%);color: #fff;text-align: center;line-height: 1.0rem;margin-top: 0.2rem;cursor: pointer;}


/*支付结果*/
.result_content{min-height: 55%;padding-top: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.result_content .img{width: 1.2rem;height: 1.2rem;}
.result_content .img img{width: 100%;height: 100%;object-fit: cover;}
.result_content .title{margin-top: 0.5rem;font-size: 0.52rem;font-weight: bold;}
.result_content .desc{margin-top: 0.5rem;color: rgba(136, 136, 136, 1);text-align: center;}
.result_btns{margin-top: 0.32rem;}
.result_btns a{display: block;width: 3.22rem;height: 0.88rem;line-height: 0.88rem;text-align: center;border-radius: 0.16rem;margin-left: auto;margin-right: auto;margin-bottom: 0.32rem;cursor: pointer;}
.result_btns a.home{border: 1px solid rgba(153, 153, 153, 1);color: rgba(153, 153, 153, 1);}
.result_btns a.error{background-color: rgba(230, 106, 76, 1);color: #fff;}
.result_btns a.warning{background-color: rgba(230, 106, 76, 1);color: #fff;}
.result_btns a.success{background-color: rgba(35, 118, 214, 1);color: #fff;}

/*支付结果弹窗页*/
.pay_result_popup{position: fixed;width: 100%;height: calc(100%);left: 0;bottom: 0;display: none;background-color: #fff;z-index: 101;}
.pay_result_popup .result_page{max-width: 750px;margin-left: auto;margin-right: auto;width: 100%;height: 100%;}


.page {opacity: 0;}
.page.show {opacity: 1;transition: opacity 0.5s;}
.toast {width: 100%;color:#fff;position: fixed;left: 0;top: 40%;z-index: 9999;text-align: center;display: none;}
.toast span {padding: 10px 15px;background: rgba(0, 0, 0, 0.8);line-height: 22px;font-size: 14px;border-radius: 4px;display: inline-block;max-width: 80%;}
.toast.show{display: block;}
.loadding{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 99999;text-align: center;}
.loadding .con{position: relative;top: 50%;left: 50%; transform: translate(-50%,-50%);width: 120px;padding: 20px 50px 20px 20px; background: rgb(88,88,88) url(../images/icon_loadding_w.png) center right 20px no-repeat;color: #fff; border-radius: 10px;background-size: 20px;font-size: 16px;}
.loadding.show{opacity: 0;visibility: hidden;}