@charset "UTF-8";

/* @import url(best.css);*/

/* 书架头部css 开始*/
.header .shujia{
	width:102px;
	
}
.header .shujia a{
	display: inline-block;
	float: left;
}
/* 书架头部css 结束*/
/* 支付方式s */
.pay_method{
	padding: 16px;
	background: #fff;
	border-top:1pt solid #f3f4f5;
}
.pay_method span{
	line-height: 22px;
}
.pay_method .pay_m_icon{
	width:23px;
	vertical-align: middle;
	margin-right: 6px;
}
.pay_method .enter_r{
	padding-right:15px;
	background: url(../images/enter_r.png) right center no-repeat;
	background-size: 6px;
	color: #666;
	font-size: 16px;
}
/* 支付方式e */
/*footer*/
.footer { width:100%; height:80px; font-size:16px; color:#333; text-align:center; margin-top:-10px; background:#f0f0f0; }
.footer .link {width:266px;margin:0 auto 0;padding-top:20px; color:#333; font-size:14px;}
.footer .link font{font-size: 14px;}
.footer .link a{ color:#333; font-size:14px;}
.footer font{font-size: 12px;}
.footer .link .cutoff_line{
    padding-left:18px;
    border-right:1px solid #999;
    margin-right: 20px;
}
/*footer end*/
.recharge_shb{width: 100%;height: auto;overflow: hidden;background-color: #fff;margin: 0 auto;}
.recharge_shb .title{
	padding-left: 16px;
	border-bottom:1px solid #f3f4f5;
}
.recharge_shb .title p{
	height:44px;
	line-height: 44px;
	color:#333;
}
.recharge_shb ul{width: 100%;height: auto;margin-top: 20px;}
.recharge_shb ul li{
	width: 43%;
    /*height: 64px;*/
    float: left;
    margin-left: 4.5%;
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: relative;
    box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
/*.recharge_shb .app_con ul li{
	min-height:64px;
}*/
.recharge_shb ul li .top_right_corner{
	position: absolute;
	top:-1px;
	right:-1px;
	width:37px;
	height:32px;
	background: url(../images/top_right_corner.png) 0 0 no-repeat;
	background-size: 37px;
}
.recharge_shb ul li.pay_act{
	border: 2px solid #ef3a3a;
}
.recharge_shb ul li a{
	display: block;
	padding: 6px 0;
	width: 100%;
	height: 100%;
	box-sizing:border-box;
}
.recharge-shb ul li a span{line-height: 30px;display: block;}
.orange {color: #fe5b00;display: block;}
/* 新增 */
.logging_status{
	height:100px;
	background: #EF3A3A;
	padding: 10px 16px;
	box-sizing:border-box;
}
.logging_status p{
	height:36px;
	line-height: 36px;
}
.logging_status p span{
	color:#fff;
	float: left;
	height:34px;
	line-height: 34px;
}
.logging_status p span.vip{
	color:#D47000;
	height:14px;
	line-height: 14px;
}
.logging_status p span.span_0{
	margin-right: 20px;
}
.ylogin_t span.egold_num{
	font-size: 24px;
	margin-right: 4px;
}
.vip_name{
	max-width: 106px;
    overflow: hidden;
    text-overflow:ellipsis;
	white-space:nowrap;
}
.packMouth{
	width: 44px;
    height: 14px;
    background: url(../images/packMouth.png) no-repeat left center;
    background-size: contain;
}
.mar_r8{
	margin-right: 8px;
}
.mar_t10{
	margin-top: 10px;
}
.tip{
	padding:0px 16px 10px;
	border-top:1px solid #f3f4f5;
}
.tip .tip_h{
	color:#666;
	height:32px;
	line-height: 32px;
}
.tip span.tip_b{
    color: #666;
    font-size: 12px;
}
.pay_num{
	font-size: 18px;
	color:#333;
	display: block;
	text-align: center;
}
.pay_text{
	font-size: 12px;
	color:#666;
	display: block;
	width: 100%;
	white-space:nowrap;
}
.ext{
	display: block;
	color: #333;
	font-size: 12px;
	white-space:nowrap;
}
.red{
	color:#ef3a3a;
}
/* 弹窗s */
.pop_bg{
	position: fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: rgba(0,0,0,.3);
	z-index: 601;
	display: none;
	cursor: pointer;
}
.pay_pop{
	position: absolute;
	bottom: 0;
	left:0;
	z-index: 4;
	width:100%;
	background: #fff;
	padding: 14px 0px 10px;
	box-sizing:border-box;
}
.pay_pop .pop_h{
	font-size: 16px;
	position: relative;
	padding: 0 20px;
}
.pay_pop .pop_h .close{
	position: absolute;
	width:20px;
	height:20px;
	text-align: center;
	vertical-align: middle;
	right:16px;
	top:1px;
	cursor: pointer;
}
.pay_pop .pop_h .close img{
	width:13px;
	height:13px;
}
.pay_pop .pay_btn{
	padding: 20px 20px;
	border-bottom: 1px solid #f3f4f5;
}
.pay_pop .pay_btn a{
	width:45%;
	height: 42px;

}
.pay_pop .pay_btn .appaAlipay{
	background:url(../images/zfb_default.png) 0 0 no-repeat;
	background-size: contain;
}
.pay_pop .pay_btn .appaAlipay.act{
	background:url(../images/zfb_act.png) 0 0 no-repeat;
	background-size: contain;
}
.pay_pop .pay_btn .wxpay{
	background:url(../images/weixin_default.png) 0 0 no-repeat;
	background-size: contain;
}
.pay_pop .pay_btn .wxpay.act{
	background:url(../images/weixin_act.png) 0 0 no-repeat;
	background-size: contain;
}
.pay_pop .pay_btn a.btn_r{
	text-align: right;
}
.pay_pop .pay_btn a img{
	width:90%;
}
.pay_pop .pop_num{
	padding: 20px 20px 6px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.pay_pop .pop_num span{
	color:#999;
}
.pay_pop .pop_num span.pop_num_t{
	color:#333;
}
.pop_num_m{
	margin-right: 10px;
}
/* 弹窗e */
.pay_con_more{
	position: relative;
	height:225px;
	overflow: hidden;
}
.pay_con_more .show_more{
	cursor: pointer;
	position: absolute;
	bottom: 0;
	left:0;
	text-align: center;
	width: 100%;
	background: #fff;
	padding: 7px 0 7px; 
	cursor: pointer;
}
.pay_con_more .show_more span{
	padding-right:14px;
	background: url(../images/enter_down.png) right center no-repeat; 
	background-size: 10px;
	color:#999;
	font-size: 14px;
}
.submit_btn_holder{
	height:52px;
}
.submit_btn{
	background: #EF3A3A;
	width:100%;
	height:52px;
	line-height: 52px;
	color:#fff;
	font-size: 16px;
	position: fixed;
	bottom: 0;
	left:0;
	text-align: center;
	cursor: pointer;
}
.submit_btn span{
	color:#fff;
	font-size: 16px;
}
.hot_fire_img{
	width:14px;
}
@media screen and (max-width: 350px) {
    .recharge_shb ul li{
    	width:47%;
    	margin-left:2%;
    }
}
.show_first_pay{
	padding: 6px 0 6px 23px;
	font-size: 12px;
	color: #EF8200;
	letter-spacing: 0;
	line-height: 17px;
	background: url(../images/give_pay_bg.png) #FFF6D7 no-repeat 10px center;
	background-size: 11px;
}
a.first_payPic{
	display: block;
	width: 100%;
	height: 100px;
	/*background:url(/public/images/first_payPic.png) no-repeat left top;
	background-size:50% 50%;*/ 
}
.first_payPic img{
	width: 100%;
	height: 100%;
}