/*鎴�*/
.login_before, .login_after{
    background:linear-gradient(90deg, #252525 0%, #302F30 100%);
    padding:0 .2rem;
    padding-bottom:.4rem;
}
.login_box dl{
	padding:.4rem 0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-o-box;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-box-align:center;
	-o-box-align:center;
}
.login_box dt{
	width:1.12rem;
	height:1.12rem;
	border-radius:50%;
	background:#CCCCCC;
	margin-right:.2rem;
}
.login_box dt img{
	width:1.12rem;
	height:1.12rem;
	border-radius:50%;
	margin-right:.2rem;
}
.login_box dd p, .login_box dd p a{
	font-size:.24rem;
	color:#fff;
}
.login_box dd span{
	margin-top:.1rem;
	display:block;
	font-size:.20rem;
	color:#fff;
	opacity:0.7;
}
.user_account{
	margin:.2rem;
	margin-top:-.5rem;
	background:#fff;
	border-radius:.1rem;
	padding:0 .2rem;
}
.account_title{
	font-size:.24rem;
	color:#333;
	position:relative;
	padding-top:.2rem;
}
.account_title a{
	display:inline-block;
	width:.24rem;
	height:.24rem;
	background:url(../images/p20.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
	right:0;
	top:.22rem;
}
.account_tab table{
	width:100%;
}
.account_tab td{
	padding:.2rem 0;;
	width:50%;
	text-align:center;
	font-size:.22rem;
	color:#333;
}
.account_tab td span{
	font-size:.34rem;
	color:#333;
}
.account_tab td i{
	display:block;
	margin:0 auto;
	padding-top:.05rem;
	font-size:.22rem;
	color:#333;
}
.account_tab td a{
	display:block;
	margin:0 auto;
	height:.5rem;
	line-height:.5rem;
	background:#1CAF6A;
	color:#fff;
	font-size:.26rem;
	border-radius:.1rem;
	width:1.3rem;
}
.user_nav{
	background:#fff;
	border-radius:.1rem;
	padding:.4rem 0;
	margin:.2rem;
}
.user_nav ul{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-o-box;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-box-align:center;
	-o-box-align:cenrer;
	padding:0 .2rem;
}
.user_nav li{
	-webkit-box-flex:1;
    -moz-box-flex:1;
    -o-box-flex:1;
    -ms-box-flex:1;
    box-flex:1;
    margin:0 .4rem;
}
.user_nav li a, .user_nav li span, .user_nav li em, .user_nav li i{
	display:block;
	text-align:center;
}
.user_nav li i{
	position:relative;
	text-align:center;
	width:.67rem;
	margin:0 auto;
}
.user_nav li i img{
	display:inline-block;
	width:.67rem;
}
.user_nav li em{
	margin-top:.1rem;
	font-size:.20rem;
	color:#333;
}
.user_nav li span{
	display:block;
	position:absolute;
	right:-.45rem;
	top:0;
	color:#fff;
	font-size:.18rem;
	background:#32B262;
	border-radius:12px;
	padding:0 .1rem;
}
.user_list{
	padding:0 .2rem;
}
.user_list li{
	background:#fff;
	border-radius:.1rem;
	margin:.2rem 0;
	padding:.2rem;
	background:#fff url(../images/p3.png) no-repeat 96% center;
	background-size:.14rem .24rem;
	font-size:.24rem;
	color:#333;
}
.user_list li span{
	display:inline-block;
	width:.32rem;
	height:.3rem;
	vertical-align:-4px;
	margin-right:.1rem;
}
.user_list li span img{
	display:inline-block;
	width:.32rem;
	height:.3rem;
	margin-top: -.15rem;
}
.login_btn{
	margin:.2rem;
}
.login_btn button{
	width:100%;
	display:block;
	padding:.2rem 0;
	text-align:center;
	border:none;
	background:#fff;
	border-radius:.1rem;
	font-size:.26rem;
	color:#333;
}

/*鎴戠殑璁㈤槄*/
.subscribe{
	background:rgba(234, 247, 239, .8);
	border-radius:0 0 10px 10px;
	height:.5rem;
	line-height:.5rem;
	position:relative;
	font-size:.20rem;
	color:#32B262;
	padding:0 .2rem;
}
.subscribe span{
	font-size:.20rem;
	display:block;
	position:absolute;
	right:.2rem;
	top:0;
}
.user_list .vip_open span{
	margin: 0;
	width: initial;
	height: initial;
	vertical-align: initial;
}
.pay_pop{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .5);
	z-index:999;
}
.pay_con{
	position:absolute;
	background:#fff;
	width:80%;
	left:10%;
	top:30%;
	border-radius:.1rem;
	padding:.3rem;
}
.pay_con dt{
	font-size:.24rem;
	color:#333;
	margin:.2rem 0;
	text-align:center;
}
.pay_con dd{
	font-size:.24rem;
	color:#333;
	line-height:.4rem;
}
.know_box{
	margin-top:.2rem;
	text-align:center;
}
.know_box a{
	display:inline-block;
	width:1.2rem;
	height:.5rem;
	line-height:.5rem;
	text-align:center;
	font-size:.24rem;
	border-radius:.1rem;
	color:#fff;
	background:#1CAF6A;
}
/*鎴戠殑娑堟伅*/
.news_nav .in:after{
	left:5.2em;
	right:5.2em;
}
.no_news{
	padding:3rem 0;
	text-align:center;
}
.no_news img{
	display:inline-block;
	width:2.63rem;
	height:1.61rem;
}
.no_news span{
	display:block;
	margin-top:.2rem;
	font-size:.22rem;
	color:#999;
}
/*鎴戠殑璁㈠崟*/
.pay_box{
	padding:.2rem;
	position:relative;
}
.pay_box a{
	font-size:.24rem;
	color:#999;
	line-height:.5rem;
}
.pay_box .pay_btn{
	display:block;
	/* position:absolute; */
	text-align: center;
	right:.2rem;
	top:.2rem;
	padding:0 .2rem;
	height:.5rem;
	line-height:.5rem;
	background:#32B262;
	color:#fff;
	font-size:.24rem;
	border-radius:.1rem;
}
.pay_box .pay_btn1{
	border:1px solid #32B262;
	background:#fff;
	color:#32B262;
	display:block;
	position:absolute;
	right:.2rem;
	top:.2rem;
	padding:0 .2rem;
	height:.49rem;
	line-height:.49rem;
	font-size:.24rem;
	border-radius:.1rem;
}
.delete_btn{
	background:#fff;
	border-radius:.1rem;
	box-shadow:0px 0px 10px 0px rgba(123, 123, 123, 0.1);
	padding:.3rem .2rem;
	position:absolute;
	bottom:-.8rem;
	left:.2rem;
	z-index:99;
}
.delete_btn a{
	display:block;
	font-size:.24rem;
	color:#333;
}
.tj_list .mbnum{
	margin-bottom:1rem;
}
/*鍒犻櫎璁㈠崟寮圭獥*/
.dele_pop{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .5);
	z-index:999;
}
.dele_con{
	position:absolute;
	background:#fff;
	width:60%;
	left:20%;
	top:40%;
	border-radius:.1rem;
	padding:.3rem;
}
.dele_con dt{
	font-size:.24rem;
	color:#333;
	margin:.2rem 0;
	text-align:center;
}
.dele_con dd{
	padding-top:.2rem;
	text-align:center;
}
.dele_con dd a{
	display:inline-block;
	font-size:.24rem;
	margin:0 .4rem;
	color:#999;
}
.dele_con dd a:last-child{
	color:#32B262;
}
/*浼氬憳鍗�*/
.vip_choice{
	padding:.1rem 0;
}
.choice_head{
	padding:.1rem .2rem;
	font-size:.24rem;
	color:#333;
}
.choice_list{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-o-box;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-box-align:center;
	-o-box-align:cenrer;
	overflow-x:scroll;
	padding:.1rem;
}
.choice_list a{
	display:block;
	width:1.5rem;
    margin:0 .1rem;
    background:#fff;
    border-radius:.1rem;
    text-align:center;
    padding:.2rem 0;
    border:1px solid #fff;
}
.choice_list a i, .choice_list a span, .choice_list a em{
	display:block;
}
.choice_list a i{
	font-size:.22rem;
	color:#333;
}
.choice_list a span{
	font-size:.20rem;
	color:#32B262;
	margin:.2rem 0;
}
.choice_list a span o{
	font-size:.30rem;
	font-weight:500;
}
.choice_list a em{
	font-size:.20rem;
	color:#999;
	margin:0;
}
.choice_list a.on{
	border:1px solid #32B262;
	background:#EAF7EF;
}
.choice_list a.on i, .choice_list a.on em{
	color:#32B262;
}
.vip_choice p{
	padding:.1rem .2rem;
	color:#999;
	font-size:.20rem;
}
.vip_info{
	background:url(../images/p16.png) no-repeat top center;
	background-size:2.02rem .26rem;	
	padding:.2rem 0;
	margin-top:.2rem;
}
.vip_nav{
	margin-top:.2rem;
	padding:0 .8rem;
}
.vip_nav .in:after{
	left:1.2em;
	right:1.2em;
}
.info_list{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-o-box;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-box-align:center;
	-o-box-align:cenrer;
	padding:0 .2rem;
}
.vip_img{
	background:url(../images/p15.png) no-repeat;
	background-size:100% 100%;
	width:3.59rem;
	height:3.81rem;
	position:relative;
	margin:.2rem .1rem;
}
.vip_text{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	margin-top:.3rem;
}
.vip_text dl{
	text-align:center;
	margin:.2rem;
}
.vip_text dt{
	font-size:.22rem;
	color:#333;
	font-weight:bold;
}
.vip_text dd{
	font-size:.22rem;
	color:#333;
	font-weight:300;
	line-height:.3rem;
	margin-top:.1rem;
}
.img_foot{
	position:absolute;
	bottom:.35rem;
	left:0;
	width:100%;
	text-align:center;
}
.img_foot i, .img_foot span{
	display:block;
}
.img_foot i img{
	display:inline-block;
	width:.35rem;
	height:.32rem;
}
.img_foot span{
	font-size:.22rem;
	color:#FFCD85;
}
.card_info{
	margin:.2rem;
	padding:.3rem 0;	
    background: linear-gradient(90deg, #252525 0%, #302F30 100%);
    border-radius:.1rem;
    display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-o-box;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-box-align:center;
	-o-box-align:cenrer;
}
.card_info dl{
	border-right:1px solid #FFCD85;
	width:68%;
	margin-left:.3rem;
}
.card_info dt{
	font-size:.28rem;
	font-weight:500;
	color:#FFCD85;
	margin-bottom:.1rem;
}
.card_info dd{
	font-size:.20rem;
	color:#fff;
	opacity: 0.7;
}
.card_info p{
	width:25%;
	text-align:center;
}
.card_info p i, .card_info p span{
	display:block;
	text-align:center;
	width:initial;
}
.card_info p i{
	font-size:.32rem;
	font-weight:500;
	margin-bottom:.1rem;
	color:#FFCD85;
}
.card_info p em{
	font-size:.20rem;
	color:#FFCD85;
}
.card_info p span{
	font-size:.20rem;
	color:#fff;
	opacity: 0.7;
}
.use_info{
	padding:0 .2rem;
}
.use_info p{
	font-size:.22rem;
	color:#666;
	line-height:.4rem;
}
.use_info p:first-child{
	color:#333;
	margin-bottom:.1rem;
}
.past_list{
	padding:0 .2rem;
}
.past_list li{	
    background: linear-gradient(90deg, #E8BC6F, #ebc885);
    border-radius:.1rem;
    padding:.3rem;
    margin:.2rem 0;
    display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-o-box;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-box-align:center;
	-o-box-align:cenrer;
	position:relative;
}
.past_list dl{
	width:75%;
}
.past_list dt{
	font-size:.28rem;
	font-weight:500;
	color:#fff;
	margin-bottom:.1rem;
}
.past_list dd{
	font-size:.20rem;
	color:#fff;
	opacity: 0.7;
}
.past_list a{
	display:block;
	width:25%;
	text-align:center;
	height:.5rem;
	line-height:.5rem;
    background: linear-gradient(90deg, #252525 0%, #302F30 100%);
	color:#FFCD85;
	font-size:.26rem;
	border-radius:.1rem;
}

/*浣欓鏄庣粏*/
.balance_all{
	padding:0 .2rem;
}
.balance_info{
	background:#fff;
	border-radius:.1rem;
	margin:.2rem 0;
	padding:.1rem .2rem;
}
.balance_info p{
	font-size:.18rem;
	color:#999;
	padding:.1rem 0;
}
.balance_info li{
	padding:.05rem 0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-o-box;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-box-align:center;
	-o-box-align:cenrer;
	font-size:.18rem;
	color:#999;
}
.balance_info li span{
	display:block;
	text-align:right;
	-webkit-box-flex:1;
    -moz-box-flex:1;
    -o-box-flex:1;
    -ms-box-flex:1;
    box-flex:1;
}
.balance_info .money_num{
	font-size:.24rem;
	color:#333;
}
.balance_info .money_num span{
	font-size:.30rem;
}
.balance_info .balance_num{
	font-size:.22rem;
	color:#666;
}
.balance_info .balance_num span{
	font-size:.20rem;
	color:#333;
}
.balance_record{
	text-align:center;
	padding:.4rem 0;
	font-size:.20rem;
	color:#999;
}
/*鎴戠殑鍏虫敞*/
.gz_list{
	padding:.1rem;
}
.gz_list li{
	padding:.1rem 0;
}
.gz_list p:first-child{
	display:block;
	font-size:.22rem;
	color:#999;
	margin:0 .1rem;
	margin-bottom:.1rem;
}
.gz_list p span{
	display:inline-block;
	margin:.1rem;
	text-align:center;
	background:#fff;
	border-radius:.1rem;
	font-size:.24rem;
	height:.5rem;
	line-height:.5rem;
	width:29.8%;
	color:#333;
	position:relative;
}
.gz_list p a{
	display:inline-block;
	padding-right:.2rem;
}
.gz_list p i{
	width:.14rem;
	height:.14rem;
	display:inline-block;
	background:#fff url(../images/gz2.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
	right:.2rem;
	top:.2rem;
}
.edit_btn{
	margin:.4rem 0;
	text-align:center;
}
.edit_btn a{
	display:inline-block;
	padding:0 .25rem;
	text-align:center;
	height:.5rem;
	line-height:.5rem;
	border-radius:.1rem;
	font-size:.24rem;
	color:#fff;
	background:#32B262;
	margin:0 .2rem;
}
.edit_btn a.cancel{
	background:#fff;
	color:#999;
}
.xy_nav{
	padding:.4rem 0;
	text-align:center;
	padding-bottom:.8rem;
}
.xy_nav a{
	display:inline-block;
	font-size:.24rem;
	color:#666;
}

.xy_nav{
	padding:10px 0 3.5rem!important;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:14px;
	color:#999999;
}
.xy_nav a{
	display:block!important;
	font-size:14px!important;
	color:#999999;
}
/*鏈叧娉�*/
.no_gz{
	margin:2rem 0;
	text-align:center;
}
.no_gz img{
	display:inline-block;
	width:2.63rem;
	height:1.61rem;
}
.no_gz span{
	display:block;
	margin-top:.2rem;
	font-size:.22rem;
	color:#999;
}
.gz_list2{
	padding:0 .2rem;
}
.gz_list2 li{
	padding:.2rem 0;
	background:#fff;
	border-radius:.1rem;
	margin:.2rem 0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-o-box;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-box-align:center;
	-o-box-align:cenrer;
}
.gz_list2 li span, .gz_list2 li em, .gz_list2 li i{
	display:block;
}
.gz_list2 li span{
	width:60%;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:.22rem;
    color:#333;
}
.gz_list2 li em, .gz_list2 li i{
	width:20%;
	text-align:center;
	font-size:.22rem;
}
.gz_list2 li em{
	margin:0;
	color:#666;
	font-size:.20rem;
}
/*鎵爜寮规*/
.sm_pop{
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .5);
	z-index:999;
	max-width:640px;
	left: 0;
    right: 0;
    margin: auto;
}
.sm_con{
	background:#fff;
	border-radius:5px;
	padding:25px;
	position:absolute;
	top:30%;
	left:10%;
	width:80%;
}
.xy_logo img{
	display:block;
	margin:0 auto;
	width:65px;
	height:65px;
}
.kefu_list{
	padding:0!important;
}
.kf_item{
	margin:10px 0!important;
}
.xy_kf{
	text-align:center;
}
.xy_kf span{
	margin:.1rem 0;
	display:inline-block;
	font-size:.20rem;
	color:#999;
	margin-bottom:.3rem;
}
.xy_kf img{
	display:inline-block;
	width:2.24rem;
	height:2.24rem;
}
/*娓╅Θ鎻愮ず*/
.edit_tips{
	text-align:center;
	font-size:.20rem;
	color:#999;
	padding:.2rem 0;
	background:#eee;
}



.sm_pop {
	z-index: 9999;
}

.kefu_list {
	padding: 0 13px;
}

.kf_item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #F5F5F5;
	border-radius: 5px;
	padding: 0 13px;
	height: 45px;
	margin: 5px 0;
}

.kf_item p {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
	color: #000000;
}

.kf_item a {
	display: block;
	font-size: 14px;
	color: #2996ff;
}

.kf_item span {
	display: block;
	width: 26px;
	height: 26px;
	margin-right: 5px;
}

.kf_item span img {
	display: block;
	width: 26px;
	height: 26px;
}

.kf_item:last-child p {
	color: #32b262;
}

.kf_line {
	font-size: 12px;
	color: #666666;
}