.youran_login {
	width: 100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	padding:30px 0;
	margin:0;
	background:rgba(0,0,0,0.1);
	border:2px solid #eee;
	z-index:9999!important;
	display:none;
}
.youran_about{
	padding:30px;
	color:#999;
}
.pay_return{
    padding:40% 20px;
    text-align: center;
}
.pay_return i{
    font-size:100px;
}
.youran_about h2{
	border-bottom:1px solid #eee;
	margin-bottom:10px;
	padding-bottom:8px;
	color:#ff5277
}
.youran_about p{
	color:#999;
	padding-bottom:10px;
}
.youran_about li{
	line-height:30px;
}
.youran_about a{
	float:right;
}
.youran_login_center{
	background:#fff;
	width:85%;
	margin:10%  auto;
	max-width:360px;
	padding:20px 5px 10px 5px;
	border-radius: 10px;
	box-shadow: 2px 4px 1px 1px #ccc
}
.main {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
.error{
    padding:0;
    text-align:center;
    color:#999;
}
.error i{
    font-size:100px;
}
.youran_login .layui-tab-title {
	text-align: center;

}

.youran_code {
	position: relative;
}

.youran_code a {
	position: absolute;
	right: 0;
	top: 0
}

.user_header {
	position: relative;
	padding: 25px 0 20px 120px;
	height: 70px;
}

.user_header img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: block;
	margin: 15px auto 10px auto;
	position: absolute;
	top: 5px;
	left: 20px;
}

.user_header h2 {
	font-size: 20px;
	line-height: 30px;
}

.user_header p {
	color: #fff;
}

.user_info,.user_info_tg,.user_info_tg_1{
	text-align: center;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 10px;
	margin-top: 10px;
}
.user_info_tg,.user_info_tg_1{
	border-top:0
}
.user_info h2,.user_info_tg h2,.user_info_tg_1 h2 {
	line-height: 40px;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	font-size: 18px;
	background: #ff5277;
	color: #fff
}

.user_info b ,.user_info_tg b,.user_info_tg_1 b {
	display: block;
	color: #ff5276;
	font-size: 16px;
	line-height: 20px;
	padding-top: 5px;
}
.youran_copy{
	margin-top:20px;
}
.user_xuan {
	width: 98%;
	margin: 0 auto;
	text-align: center;
	padding-top: 10px;
}

.user_xuan b {
	display: block;
	margin-bottom: 10px;
}


.user_content {
	padding-top: 10px;
	width: 100%;
	overflow: hidden;
}

.youran_close {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 8px;
	right: 5px;
	background: #ccc;
	color: #fff;
	line-height: 30px;
	text-align: center;
	display: none;
	border-radius: 50%;
	z-index: 889;
	cursor: pointer;
	font-weight: 400;
}

.close_pay {
	width: 35px;
	height: 35px;
	position: fixed;
	top: 5px;
	right: 10px;
	background: #ccc;
	color: #fff;
	line-height: 35px;
	text-align: center;
	display: none;
	border-radius: 5px;
	z-index: 99999;
	cursor: pointer
}

.user_content_info {
	display: none;
	width: 95%;
	padding: 0 2.5%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	height: 95%;
	overflow-y: auto;
	z-index: 888;
}
input[readonly]{
	background-color: #efefef;
}
.tg_list{
	padding-top:20px
}
.user_active {
	display: block
}

.user_xuan_active {
	color: #ff5276
}

.user_buy {
	text-align: center;
	padding: 20px 0;
	background: #eff2ff;
	border-radius: 5px;
}

.user_buy a {
	margin-top: 10px;
}

.user_buy p:first-child {

}

.user_buy p:nth-child(2) {
	font-size: 14px;
	color: #999;
}

.user_buy p:nth-child(3) {
	font-size: 14px;
	color: #999;
}
.logout{
	margin-top:20px;
}
.logout {
	margin-top: 20px;
	/* padding-top: 20px; */
	display: block;
}
.more_a{
	margin: 0 auto 50px auto;
	display: block;
	width: 100px;
}
.add_tag_log {
	margin-top: -10px;
}
#keywords_wx,#keywords_tk,#keywords_sj{
	display:none
}
.money_list_more,.token_list_more,.tx_list_more,.tag_list_more{
	margin-bottom:50px;
}
.token_list_more p ,.money_list_more p,.tx_list_more p,.tag_list_more p{
	text-align: center;
	color:#999;
}
.user_link{
	/*margin-bottom:50px;*/
}
.user_link td {
	text-align: center;
}

.user_link th {
	text-align: center;
}
.add_tag{
	margin:10px 5px;
}
.add_tag_p{
	border-top:1px solid #eee;
	line-height:30px;
	text-align: center;
	color:#888;
}
.add_tag h2{
	height: 40px;
	font-size: 16px;
	text-align: center;
	padding-top: 10px;
}
.layui-table td, .layui-table th {
	padding: 9px 5px !important;
}
.video_play{
	margin:10px auto;
	width:80%;
	max-width:400px;
}
.video_type a{
	width: 50%;
	background: #eee;
	display:block;
	margin: 0 auto;
	text-align: center;
	line-height: 40px;
}
.tag_type li {
	width: 31.3%;
	background: #eee;
	float: left;
	margin: 0 1% 5px 1%;
	text-align: center;
	line-height: 40px;
}
.tag_type_active{
	background:#ff5277!important;
	color:#fff;
}
.youran_footer {
	position: fixed;
	bottom: 0;
	left: 0;
	background: #fbfbfb;
	border-top: 1px solid #eee;
	width: 100%;
	height: 60px;
	display: block;
	z-index: 9998
}

.youran_footer li {
	width: 20%;
	display: block;
	float: left;
	text-align: center;
	padding-top: 10px;
	line-height: 20px;
}

.youran_footer li i {
	display: block;
	font-size: 25px;
}
.token_login{
    padding:30% 20px;
}
.footer_nav_active {
	color: #ff5276;
}
.token_login h2{
    line-height:40px;
    text-align: center;
    font-size:16px;
    color:#ff5277;
    border-bottom:1px dashed #eee;
    margin-bottom:5px;
}
.token_login p{
    text-align: center;
    color:#999;
    padding-bottom:10px;
}
.footer_nav {
	display: none;
	margin-bottom: 70px;
}

.nav_active {
	display: block
}

.youran_form {
	width: 100%;
	overflow: hidden;
}
th,td{
	font-size:12px!important;
}
.youran_form a {
	background: #ccc;
	height: 60px;
	font-size: 18px;
	text-align: center;
	line-height: 60px;
	color: #fff;
	font-weight: 300;
	display: block;
}

.form_active {
	background: #ff3862 !important;
}

.keywords,.keywords_s {
	font-size: 15px;
	height: 3rem;
	padding: 0 5%;
	width: 80%;
	border: 1px solid #ccc;
	margin: 10px 5% 0 5%;
	border-radius: 50px;
}
.video_html{
	padding:20px;
	background:#fafafa;
	margin:10px;
}
.video_title{
	padding:10px;
	height:auto;
	margin:10px;
}
.video_info img{
	margin:10px auto;
	display:block
}
.video_type {
	margin:10px;
	overflow: hidden;
}
.video_title h2{
	font-size:14px;
	color:#666;
	text-align: center;
}
.video_title img{
	position:absolute;
	width:50px;
	height:auto;
	left:0
}
.video_html h2{
	line-height:35px;
	font-size:16px;
	text-align: center;
	color:#888;
	margin-bottom:10px;
	border-bottom:1px solid #eee;
}
.video_html p{
	color:#888;
}
.youran_button,.video_button {
	font-size: 15px;
	height: 3rem;
	width: 90%;
	border: 1px solid #ccc;
	margin: 10px 5%;
	background: #ff5277;
	color: #fff;
	border-radius: 50px;
}

.ww_html {
	background: #fafafa;
	margin: 0 10px;
	padding: 10px;
	border-radius: 5px;
}

.ww_html li {
	line-height: 25px;
	color: #444;
}

.ww_html li span {
	color: #999;
}

.ww_html b {
	color: #ff5277;
	font-weight: 400;
}

.ww_tag {
	padding-top: 20px;
	margin: 0 10px;
}

.ww_tag h2 {
	text-align: center;
	font-size: 17px;
	padding-bottom: 10px;
}

.ww_tag li {
	width: 14.2%;
	display: block;
	float: left;
	text-align: center;
}

.ww_tag ul {
	padding: 10px 0;
	background: #fafafa;
	overflow: hidden;
	border-radius: 5px;
}

.ww_tag li b {
	display: block;
	line-height: 25px;
}

.ww_tag_1 {
	padding: 10px 0;
	background: #fafafa;
	overflow: hidden;
	border-radius: 5px;
	margin: 10px;
}

.ww_tag_1 li {
	width: 33%;
	float: left;
	text-align: center;
}

.w2 li {
	width: 50% !important
}

.cha_button, .cha_button_xh {
	width: 85%;
	margin: 0 auto;
	background-image: linear-gradient(to bottom, #ff7693, #ff315d);
	color: #fff;
	text-align: center;
	display: block;
	border-radius: 2.5rem;
	height: 40px;
	line-height: 40px;
	box-shadow: 0 0 0.5rem 0.1rem rgba(255, 82, 119, .29);
	font-size: 17px;
	font-weight: 300;
}

.cha_button_xh {
	margin-top: 20px;
}

.cha_button:hover {
	color: #fff !important;
}

.cha_button_xh:hover {
	color: #fff !important;
}


.xy_list {
	/*max-height: 210px;*/
	/* overflow: hidden; */
	overflow-y: scroll;
	margin-top: -15px;
}

.ww_xy, .ww_xh {
	border-radius: 5px;
	margin: 10px;
}

.ww_xy td, .ww_xy th {
	text-align: center;
}

.ww_xh td, .ww_xh th {
	text-align: center;
}
#user_name,#alipay{
	display:none
}
#find_pw_title,#find_pw_back{
	display:none
}
.deng {
	padding: 30px 0;
	background: #fafafa;
	overflow: hidden;
	border-radius: 5px;
	margin: 10px;
	text-align: center;
	color: #999;
}
.user_xuan_list{
	cursor: pointer;
}
.user_xuan_list i{
	font-size:30px;
}
.youran_html_wx, .youran_html_tk,.youran_html_sj {
	display: none
}

.user_content_info h2 {
	font-size: 16px;
	line-height: 45px;
	height: 45px;
	color: #333;
	padding-left: 5px;
	text-align: left !important;
	font-weight: 800;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	position: relative;
	/* background: #333; */
}

.user_content_info h3 {
	text-align: center;
	font-size: 15px;
	line-height: 40px;
	color: #999;
}

#user_info_4 {
	text-align: center;
}

.no_token {
	text-align: center;
	padding: 30% 0;
}
#user_info_1{
	height:90%!important;
}
.pay_code_time {
	text-align: center;
	padding-top: 10px;
}

.pay_code_price {
	text-align: center;
	font-size: 30px;
	line-height: 50px;
}

.pay_code img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	display: block;
}

.pay_code {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	display: none;
	z-index: 9997;
	overflow: hidden;
	padding: 30% 0;
	background: #fff;
	height: 100%;
}

.youran_pay_button {
	padding: 10px 0;
	margin-bottom: 10px;
	overflow: hidden;
}

.user_money {
	width: 23%;
	background: #eee;
	float: left;
	margin: 0 1% 5px 1%;
	text-align: center;
	line-height: 40px;
}

.user_money_active {
	background: #ff5277;
	color: #fff;
}

.youran_button_center {
	text-align: center;
}

.tuiguang p span {
	color: #ff5277;
}

.tuiguang p b {
	background: #ff5277;
	color: #fff;
	padding: 2px 4px;
	float:right;
}
.add_img {
	padding: 5px 100px 5px 0;
	position: relative;
	border-top:1px solid #eee;
}
.add_img h3{
	color:#ff5277
}
.add_img p{
	color:#999
}
.add_tag_img{
	position: absolute;
	right: 0;
	top: 5px;
}

.add_tag_list .layui-form-item {
	/*border-top: 1px solid #eee;*/
	padding: 5px 0;
	margin-bottom:0;
}
.add_tag_list .layui-form-mid{
	padding:0!important;
	margin-left:0!important;
}
.add_tag_list .layui-form-item:last-child {
	/*border-bottom: 1px solid #eee;*/
	margin-bottom:10px;
}
.show_2,.show_3,.show_4,.show_5,.show_8{
	display:none
}
.add_image{
	width:100px;
	height:100px;
	display:inline-block;
	margin:10px 10px 10px 0;
	position:relative;
}
.add_image img{
	width:100px;
	height:100px;
}
.add_image a{
	position:absolute;
	right:0;
	top:0;
	width:20px;
	height:20px;
	background:#ff5277;
	color:#fff;
	line-height:20px;
	text-align: center;
}
.add_tag_button{
	margin:15px 0 40px 0;
}
#testListAction{
	background:#999
}
.num_max b{
	color:#ff5277
}
@media screen and (min-width: 800px) {
	.user_content_info {
		width: 800px;
		left: 50%;
		margin-left: -400px;
		padding: 0;
	}

	.youran_footer_nav {
		width: 800px;
		margin: 0 auto
	}

	.pay_code {
		width: 800px;
		left: 50%;
		margin-left: -400px;
		padding: 15% 0;
	}
}