@charset "utf-8";
body,html{height:100%}
html{box-sizing: border-box;}
*,*::before,*::after{box-sizing: inherit;}
body{font-size:14px;font-family:"Microsoft Yahei";line-height:1}
button{padding:0;border:0;background:0 0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.btn{cursor:pointer}
.infull-back-btn{
    position: absolute;
    top: 37px;
    left: 40px;
}
.btn:active{-webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9)}
.button-box{font-size:0;text-align:center}
.button-box .btn{display:inline-block}
.clearfix::after{display:table;height:0;clear:both;visibility:hidden;content:""}
.icon-back{display:inline-block;width:42px;height:56px;background:url(https://sqpbylwb.myboxiang.com/images/byyxw/recharge/icon_back.png) no-repeat}
.alipay-btn{display:inline-block;width:230px;height:70px;background:url(https://sqpbylwb.myboxiang.com/images/byyxw/recharge/infull_button_alipay.png) no-repeat}
.infull-container{overflow:hidden;position:relative;height:100%;margin:0 auto;background:url(https://sqpbylwb.myboxiang.com/images/byyxw/recharge/infull_bg.jpg) no-repeat center top;background-size:cover}
.infull-content{position:absolute;top:0;left:0;right:0;bottom:0;width:910px;height:712px;margin:auto;background:url(https://sqpbylwb.myboxiang.com/images/byyxw/recharge/infull_content_bg.png) no-repeat}
.infull-tips{margin-left:90px;margin-top:20px}
.infull-tips p{font-size:18px;line-height:1.7;color:#c0c0d8;letter-spacing:1px}
.infull-tips .em{color:#bfa35c}
.infull-content .infull-back-btn{position:absolute;top:37px;left:40px}
.infull-title{margin-bottom:18px;padding-top:33px;text-align:center}
.infull-title__img{height:66px}
.infull-list-wrapper{margin:0 0 14px 84px}
.infull-list-item{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;position:relative;width:226px;height:164px;margin-right:8px;padding:16px 7px 0;background:url(https://sqpbylwb.myboxiang.com/images/byyxw/recharge/infull_item_bg.png) no-repeat;cursor:pointer}
.infull-list-item.is-active{background-position:0 -180px}
.infull-list-item__title{width:80px;height:26px;margin-left:60px;padding:1px 58px 3px 27px;font-size:16px;line-height:26px;color:#fff;text-align:center;background:url(https://sqpbylwb.myboxiang.com/images/byyxw/recharge/item_title_bg.png) no-repeat}
.infull-list-item__body{height:86px;text-align:center}
.infull-list-item__img{height:100%}
.infull-list-item__foot{height:40px}
.infull-list-item__foot .infull-num-wrapper{padding-top:10px}
.infull-form{margin-left:90px}
.infull-form .infull-input{float:left}
.infull-form .alipay-btn{float:left;margin-left:24px}
.infull-input{display:inline-block;width:472px;height:70px;padding-top:17px;background:url(https://sqpbylwb.myboxiang.com/images/byyxw/recharge/infull_input_bg.png) no-repeat}
.infull-input__label{float:left;width:105px;height:34px;border-right:1px solid #fff;font-size:22px;line-height:34px;color:#fff;text-align:center}
.infull-input__content{height:34px;margin:0 3px 0 106px;padding:0 15px}
.infull-input__inner{width:100%;height:100%;padding:0;border:0;font-size:22px;color:#fff;background-color:transparent;outline:0}
.infull-num-wrapper{font-size:0;text-align:center}
.infull-num-wrapper .infull-num-sysbol{margin-right:10px}
.infull-num{display:inline-block;height:22px;background-image:url(https://sqpbylwb.myboxiang.com/images/byyxw/recharge/infull_num_bar.png);background-repeat:no-repeat}
.infull-num-sysbol{width:15px}
.infull-num-0{width:15px;background-position:-15px 0}
.infull-num-1{width:15px;background-position:-30px 0}
.infull-num-2{width:15px;background-position:-45px 0}
.infull-num-3{width:15px;background-position:-60px 0}
.infull-num-4{width:16px;background-position:-75px 0}
.infull-num-5{width:15px;background-position:-91px 0}
.infull-num-6{width:15px;background-position:-106px 0}
.infull-num-7{width:15px;background-position:-121px 0}
.infull-num-8{width:15px;background-position:-136px 0}
.infull-num-9{width:15px;background-position:-151px 0}

.recharge-icon {
	position: absolute;
	right:10px;
	top: 0;
	width: 62px;
	height: 68px;
	background: url("//png.pookcdn.net/new_net/lydr/pc/frame01.png") no-repeat;
	background-size: 100% 100%;
	display: -webkit-flex; display: flex; -webkit-justify-content: center; -webkit-align-items: center;-webkit- justify-content: center; align-items: center; -webkit-flex-flow: column; flex-flow: column;
}
.recharge-icon .tips{width: 40px;height: 26px;background: url("//png.pookcdn.net/new_net/lydr/pc/frame03.png") no-repeat;text-align: center;background-size: 100% 100%;}
.recharge-icon .tips img{ vertical-align: middle; -webkit-transform:scale(.9) translateY(2px); transform:scale(.9) translateY(2px);}
.recharge-icon .num-list{display: -webkit-flex;display: flex;-webkit-justify-content: center;-webkit-align-items: center;-webkit- justify-content: center;align-items: center; -webkit-transform:scale(.85) translateY(-5px); transform:scale(.85) translateY(-5px);}
.recharge-icon .num-list span{ display: inline-block; height:26px; background-repeat: no-repeat; background-size: 100% 100%; }
.recharge-icon .num-list span.num-00{ width:18px; background-image: url("//png.pookcdn.net/new_net/lydr/pc/number_0.png"); }
.recharge-icon .num-list span.num-01{ width: 10px; background-image: url("//png.pookcdn.net/new_net/lydr/pc/number_1.png"); }
.recharge-icon .num-list span.num-02{ width: 17px; background-image: url("//png.pookcdn.net/new_net/lydr/pc/number_2.png"); }
.recharge-icon .num-list span.num-03{ width: 17px; background-image: url("//png.pookcdn.net/new_net/lydr/pc/number_3.png"); }
.recharge-icon .num-list span.num-04{ width: 19px; background-image: url("//png.pookcdn.net/new_net/lydr/pc/number_4.png"); }
.recharge-icon .num-list span.num-05{ width: 17px; background-image: url("//png.pookcdn.net/new_net/lydr/pc/number_5.png"); }
.recharge-icon .num-list span.num-06{ width: 18px; background-image: url("//png.pookcdn.net/new_net/lydr/pc/number_6.png"); }
.recharge-icon .num-list span.num-07{ width: 18px; background-image: url("//png.pookcdn.net/new_net/lydr/pc/number_7.png"); }
.recharge-icon .num-list span.num-08{ width: 17px; background-image: url("//png.pookcdn.net/new_net/lydr/pc/number_8.png"); }
.recharge-icon .num-list span.num-09{ width: 17px; background-image: url("//png.pookcdn.net/new_net/lydr/pc/number_9.png"); }
.recharge-icon .num-list span.num-per{ width: 16px; height: 19px; background-image: url("//png.pookcdn.net/new_net/lydr/pc/number_per.png"); }

.mask{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background:rgba(0, 0, 0, 0.6);z-index: 999;}
.tipPup{
    position: fixed;
    left: 50%;
    padding: 30px;
    text-align: center;
    transform: translate(-344px,-220px);
    top: 50%;
    width: 689px;
    height: 439px;
    background: url(https://sqpbylwb.myboxiang.com/images/byyxw/recharge/tip-bg.png) no-repeat;
    background-size: 100% 100%;
    z-index: 999;
}
.tipPup p{font-size: 36px;margin-bottom: 20px;color: #aebbd6;width: 100%;}
.tip-btn{cursor: pointer;}
.tip-content {
    padding: 50px;
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
	flex-direction: column;
    word-break: break-all;
	
}
.tipPup p span:nth-child(1){
    display: inline-block;
    width: 30%;
    text-align: left;
    margin-right: 10px;
}
.tipPup p span:nth-child(2){
    display: inline-block;
    width: 60%;
    text-align: left;
    margin-right: 10px;
}
@media screen and (min-width:1920px){
.infull-container{max-width:2400x}
}