@charset "UTF-8";

/* @import url(best.css);*/
body{
    background: #fff;
    height: 100%;
}
.layermcont{
	text-align: center;
	
}
.gap{
	height:10px;
	background: #f0f0f0;
}
/* 书架头部css 开始*/
.header .shujia{
	width:102px;
	
}
.header .shujia a{
	display: inline-block;
}
/* 书架头部css 结束*/
.userinfo{padding: 14px 16px 6px;}
.content1{ width:100%; margin-bottom:25px; background:#fff; overflow:hidden;}
.content1 ul{ overflow:hidden;width: 104%;}
.content1 li{ width:24%; float:left; text-align:center; border-right:1px solid #eee; border-bottom:1px solid #eee;}
.content1 li.noborder{ border-right:0px solid #cbcbcb; }
.content1 li a{ width:100%; height:50px; padding-top:50px; display:block;color: #333;}
.content1 li a.bg1{ background:url(../images/personal_center1.png) no-repeat center 20px;background-size: 25px;}
.content1 li a.bg2{ background:url(../images/personal_center2.png) no-repeat center 20px;background-size: 25px;}
.content1 li a.bg3{ background:url(../images/personal_center3.png) no-repeat center 20px;background-size: 25px;}
.content1 li a.bg4{ background:url(../images/personal_center4.png) no-repeat center 20px;background-size: 25px;}
.content1 li a.bg5{ background:url(../images/personal_center5.png) no-repeat center 20px;background-size: 25px;}
.content1 li a.bg6{ background:url(../images/personal_center6.png) no-repeat center 20px;background-size: 25px;}
.content1 li a.bg7{ background:url(../images/personal_center7.png) no-repeat center 20px;background-size: 25px;}
.content1 li a.bg8{ background:url(../images/wechat.png)  no-repeat center 20px;}



/*按照判断是否有包月的*/
.headerWrap{
	background:#EF3A3A ; 
	border-radius: 4px;
	margin: 10px 16px;
}
.judgebRenewTure{
	width: 76%;
	overflow: hidden;
	margin-left:65px;
}
.name_lv{
	overflow: hidden;
	margin-top: 10px;
}
.vip_wrap{
	position: absolute;
    top: 14px;
    left: 20px;
}
.vip_logo{
	width: 38px !important;
    height: 12px !important;
    line-height: 11px !important;
    text-align: center;
    box-sizing: border-box;
    font-size: 10px;
    color: #A0372B;
    background: url(/public/images/VIP@2x.png) no-repeat left center;
    background-size: 100%;
    display: inline-block;
    position: absolute;
     top: 43px; 
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.vip_logo i{
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block; font-size: 12px;
     -webkit-transform-origin-x: 0;
    -moz-transform-origin-x: 0;
    -o-transform-origin-x: 0;
    -webkit-transform-origin-y: 0;
    -moz-transform-origin-y: 0;
    -o-transform-origin-y: 0;
    -webkit-transform: scale(0.75) translate(-50%,-50%);
    -o-transform: scale(0.75) translate(-50%,-50%);
    -moz-transform: scale(0.75) translate(-50%,-50%);
    transform: scale(0.75) translate(-50%,-50%) color:#A0372B;
}
.userinfo_wrap{
	position: relative;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	padding: 14px 16px 0;
}
.vip-header {width: 48px;height: 48px;border-radius: 50%;border: 1px #FFC822 solid;position: absolute;top: 0;left:0;}
.usr_header{position: absolute;top: 14px;left:20px;}
.Lv{height:17px;line-height: 160%;font-size: 12px;color: #fff;margin-left: 10px;position: relative;top: 3px;}
.nametitle{
	color: #fff;
	font-size: 18px;
	line-height: 26px;	
	display: inline-block;
	max-width: 72.5%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.usr_header em{
	display: inline-block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 50%;
}
.usr_header em img{
	width: 100%;
	height: 100%;
}
.renewBox{
	line-height: 12px;
	height: 24px;
}
.renewBtime{
	margin-top: 6px;
	float: left;
	width: 100%;
	margin-bottom: 12px;
}
.grade{
		margin-top: 8px;
	float: left;
}
.frTime{
	margin-top: 2px;
	float: left;
	font-size: 12px;
	display: inline-block;
	margin-left: 6px;
	color: #FFB5B5;
	line-height: 17px;
}
.renewBtn{
	width:32px;
	float: right;
	margin-top: -1px;
	color: #fff; 
	display: inline-block;
	 font-size: 14px;
	 background: url(../images/jiantou.png) no-repeat right center;
	 background-size: 5px;
}

.baoYear ,.baoMonth,.free_day{
	float: left;
	margin-top: 4px;
	display: inline-block;
	border-radius: 6px;
	width: 30px;
	height: 14px;
}
.vip-type{
	float: left;
	border-radius: 6px;
    width: 30px;
    display: inline-block;
    font-size: 10px;
    text-align: center;
    line-height: 19px;
    height: 18px;
    margin-right: 4px !important;	
	color: #024e93;
	background-color: #79baf8;
}
.vip-expired{
    background-color: #aaaaaa;
    color: #666;
}
.baoMonth1{
	background:url(../images/baoMonth.png)  no-repeat center;
	background-size: 100%;
}
.baoMonth0{
	background:url(../images/baoMonthold.png)  no-repeat center;
	background-size: 100%;
}
.baoYear1{
	background:url(../images/baoYear.png)  no-repeat center;
	background-size: 100%;
}
.baoYear0{
	background:url(../images/baoYearold.png)  no-repeat center;
	background-size: 100%;
}
.free_dayPicB{
	background:url(../images/free_dayPicB.png)  no-repeat center;
	background-size: 100%;
}
.free_dayPicA{
	background:url(../images/free_dayPicA.png)  no-repeat center;
	background-size: 100%;
}











/* 余额开始 */

.top_line_box{
	width: 88.3%;
	overflow: hidden;
	margin: 0 auto;
	margin-top: -1px;
	height: 1px; 
}
 .top_line{
	border-top:3px solid #F54949; 
	width:100%;
	height:1px;
} 
.balance_pay{
	padding: 6px 0px 10px;
	/*overflow: hidden;*/
}
.balanceD {
	width: 49%;
	float: left;
	overflow: hidden;
	text-align: center;
}
.mid{
	/*width: 1px;*/
	overflow: hidden;
	float: left;
	height: 30px;
	border-right:1px solid #F54949;
	margin-top: 12px;
	position: relative;
}
.balanceQ{
	width: 49.56%;
	float: right;
	/*overflow: hidden;*/
	text-align: center;
	position: relative;
}

.expire_hint{
	display: inline-block;
    position: absolute;
    width: 88px;
    height: 20px;
    left: 28px;
    top: -16px;
    cursor: pointer;
}
.expire_hint img{
	width: 100%;
	height: 100%;
}
.balanceD p,.balanceQ p{
	color: #fff;
	font-size: 12px;
	margin-bottom: 10px;
}
.egold{
	display: inline-block;
	line-height: 37px;
	color: #fff;
	font-size: 26px;
}
.pay{
	width: 70%;
	margin: 0 auto;
	color: #EF3A3A;
	clear: both;
	text-align: center;
	border-radius: 22px;
	background:#F8F8F8;
	font-size: 14px;
	line-height: 34px;
}
.pay a:link,.pay a:active,.pay a:visited{
	color: #EF3A3A;
}
.renewBtn:link,.renewBtn:active,.renewBtn:visited{
	color: #fff;
}


/*.balance_pay{
	height: 62px;
	background: #EF3A3A;
	padding: 14px 16px;
	box-sizing:border-box;
	margin-top: -1px;
	position: relative;
}
.top_line_box{
	padding-left: 16px;
	background: #EF3A3A;
	margin-top: -1px;
}
.top_line{
	border-top:1px solid #F54949;
	width:100%;
	height:2px;
}
.balance{
	
	font-size: 14px;
}
.balance span{
	color:#fff;
	height:34px;
	line-height: 34px;
	float:left;
}
.balance span.egold{
	font-size: 24px;
}
.pay{
	position: absolute;
	right:10px;
	top:14px;
	width:101px;
	height:34px;
	line-height: 34px;
	background: #FFFFFF;
	border-radius: 33px;
	text-align: center;
	color:#ef3a3a;
}
.pay a:hover{
	color:#ef3a3a;
}
.pay a:active{
	color:#ef3a3a;
}*/

/*点击我的零钱弹窗start*/
.mask_wrap{
	display: none;
	z-index: 601;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
}
.download_con{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background: #FFFFFF;
	border-radius: 8px;
	overflow:hidden;
	width: 280px;
}
.hint_text{
	font-size: 15px;
	color: #666666;
	line-height: 21px;
	padding: 35px 24px 30px;
}
.hint_tool_con{
	overflow:hidden;
	height: 49px;
	position: relative;
}
.hint_tool_con:after{
	position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 200%;
    -webkit-transform-origin-x: 0;
    -webkit-transform-origin-y: 0;
    -moz-transform-origin-x: 0;
    -moz-transform-origin-y: 0;
    transform-origin-x: 0;
    transform-origin-y: 0;
    height: 1px;
    background: #E5E5E5;
    -webkit-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    transform: scale(0.5);
}
.hint_tool_con a{
	cursor: pointer;
	display: inline-block;
	line-height: 49px;
	font-size: 18px;
	color: #333333;
	text-align: center;
	width: 50%;
	box-sizing: border-box;
}
.close_btn{
	float: left;
	position: relative;
	/*border-right: 1px solid #E5E5E5;*/
}
.close_btn:after{
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	width: 1px;
	height: 98px;
	-webkit-transform-origin-x: 0;
    -webkit-transform-origin-y: 0;
    -moz-transform-origin-x: 0;
    -moz-transform-origin-y: 0;
    transform-origin-x: 0;
    transform-origin-y: 0;
    background: #E5E5E5;
    -webkit-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    transform: scale(0.5);
}
.go_download{
	float: right;
}
/*点击我的零钱弹窗end*/

/* 余额结束 */
.personal_list{
	padding-left:16px;
	background: #fff;
}
.personal_list .list_text li{
	padding-right: 16px;
	border-bottom: 1px solid #f3f4f5;

}
.personal_list .list_text li .item{
	position: relative;
	
}
.personal_list .list_text li .item p{
	height:54px;
	line-height: 54px;
}
.personal_list .list_text li .item p em{
	font-family: PingFangSC-Regular;
	font-size: 12px;
	color: #EF3A3A;
	letter-spacing: 0.14px;
	display: inline-block;
	margin-left: 8px;
}
span.my_coin{
	float: right;
	font-size: 12px;
    color: #EF3A3A;
    letter-spacing: 0.14px;
    display: inline-block;
    margin-right: 16px;
    margin-top: 19px;
}
.personal_list .list_text li .icon_r{
	position: absolute;
	right:0;
	top:24px;
	width:11px;
	height:10px;
	background: url(../images/enter_r.png) center center no-repeat;
	background-size:5px;
}
.widthdraw{
	padding:40px 20px;
}
.widthdraw a{
	display: block;
	width:100%;
	height:34px;
	line-height: 34px;
	border: 1px solid #EF3A3A;
	border-radius: 33px;
	text-align: center;
	margin:0 auto;
}

.footer{
	margin-top: 0;
}


a.payBookBtn{
	display: inline-block;
	width: 100%;
}