.yonginfo {
	padding:10px 15px 15px 15px;
}
.yongbt {
	 width:100%; position:relative;
}
 
.yongbt .yongti{
	float:left;width:80px; height:80px;border-radius:80px; background-color:#ffffff; border:1px solid #9353d3;
}

.yongbt .yongti img{
	 width: 70px; height:70px; border-radius:70px; margin-left:4px; margin-top:4px;
}

.yongbt .yongwi{
	float:left; margin-left:10px;  
}
.yongbt .yongwi .yongwz{
	font-size:1.1rem; line-height:28px; font-weight:bold; text-align:left; margin-bottom:5px;
}
.yongbt .yongwi .yongdq{
	font-size:0.8rem; line-height:22px; color:var(--btnwz-color);text-align:left;
} 

.yongbt .yongwi .yongdq .fa-edit{
	font-size:0.9rem; padding-left:6px; 
} 

.yongbt .yongimg{
	float:right; margin-right:15px; 
	margin-top:15px; 
}

.yongbt .yongimg a{
	display:block;
	background-color:var(--zise-color);box-shadow:var(--chevron-shadow); width:120px; height:35px; line-height: 35px; text-align:center; border-radius:8px;color:#FFFFFF; font-size:0.9rem; 
}
.yongbt .yongimg a i{
	font-size:0.8rem;  
}
.yonginfo .paycz{
 background-color:var(--sidebar-bg);box-shadow:var(--chevron-shadow);border-radius:10px; width:100%;  margin-top: 10px; margin-bottom:15px;
}
.yonginfo .paycw{
	font-size:1.1rem; line-height:25px; text-align:left; padding:8px 15px;
}
.yonginfo .paycw i{
	font-size:0.8rem; color:var(--zise-color); 
}
.yonginfo .paycli{
	font-size:0.9rem; line-height:25px; text-align:left; padding:2px 35px 18px 35px;color:var(--btnwz-color);   
}

.yhleft {
	float:left;
  width:49%;  background-color:var(--sidebar-bg);  box-shadow:var(--chevron-shadow); height:320px; border-radius:10px;  margin:18px 1% 0 0;
}
.yhleft .yhbt{
	padding:10px 10px 0 10px;
}
.yhleft .yhbt .yhti{
	float:left; font-size:1.3rem; margin-top:5px;color:var(--zise-color); width:40px; height:40px; border-radius:40px;background-color:var(--yhubg-color); text-align:center; line-height:40px;
}
.yhleft .yhbt .yhwi{
	float:left; margin-left:10px;  
}
.yhleft .yhbt .yhwi .yhwz{
	font-size:1.05rem; line-height:23px; font-weight:bold; text-align:left;
}
.yhleft .yhbt .yhwi .yhdq{
	font-size:0.8rem; line-height:20px; color:var(--btnwz-color);text-align:left;
}
.yhleft .yhbt .yongimg{
	float:right; margin-right:10px; margin-top:5px; 
}

.yhleft .yhbt .yongimg a{
	display:block;
	background-color:var(--zise-color);box-shadow:var(--chevron-shadow); width:90px; height:38px; line-height: 38px; text-align:center; border-radius:8px;color:#FFFFFF;font-size:0.9rem;  
}

.yhleft .yhbt .yongsc{
	float:right; margin-right:10px; margin-top:5px; 
}

.yhleft .yhbt .yongsc a{
	display:block;
	background-color:var(--zise-color);box-shadow:var(--chevron-shadow); width:110px; height:38px; line-height: 38px; text-align:center; border-radius:8px;color:#FFFFFF; font-size:0.9rem; 
}
.yhleft .yhbt .yongsc a span{
	display:inline-block;
	background-color:#ad75dc;width:20px; height:20px; line-height:20px; text-align:center; border-radius:20px;color:#FFFFFF; font-size:0.7rem; margin-left:5px; 
}
.yhleft .yhbt .yhpn{
  border-bottom:1px solid var(--bors-bg); height:85px; 
}
.yhleft .yhbt .yhpw{
  height:85px; 
}
.yhleft .yhbt .yhnei{
	float:left;  margin-top:15px; width:49%; border-right:1px solid var(--bors-bg); margin-bottom:5px; 
}
.yhleft .yhbt .yhneis{
	float:left;  margin-top:15px; width:49%;
}

.yhleft .yhbt .yhns{
	font-size:0.9rem; line-height:22px; text-align:center;color:var(--btnwz-color);
}
.yhleft .yhbt .yhnm{
	font-size:1.25rem; line-height:28px; text-align:center;color:var(--zise-color); font-weight:bold;
}
.yhleft .yhbt .yhnm a{
	font-size:1.25rem;color:var(--zise-color); font-weight:bold;
}

.yhleft .uscli{
	float:left;  margin-top:10px;width:24%; border-radius:8px;text-align:center; margin-right:1%; height:110px;
	overflow:hidden; position:relative;
}
.yhleft .uscli .uscimg{
	  
}
.yhleft .uscli .uscimg img{
	 width:100%; border-radius:8px;
}
.yhleft .uscli .uscti{
	position:absolute; left:0; bottom:0; z-index: 15; width:100%; height:110px; z-index:5; background-color:rgba(22,22,22,0.3);
} 
.yhleft .uscli .uscti a{
	font-size:0.75rem; text-align:left; color:#eeeeee; display:block; padding-top:88px; padding-left:10px;
} 
.yhleft .uscli .uscti:gover{
	background-color:rgba(22,22,22,0.5);
} 

.yhleftw {
	float:left;
  width:49%;  background-color:var(--sidebar-bg);  box-shadow:var(--chevron-shadow);  border-radius:10px;  margin:18px 1% 0 0;
}
.yhleftw .yhbt{
	padding:10px 10px 0 10px;
}
.yhleftw .yhbt .yhti{
	float:left; font-size:1.3rem; margin-top:5px;color:var(--zise-color); width:40px; height:40px; border-radius:40px;background-color:var(--yhubg-color); text-align:center;line-height:40px;
}
.yhleftw .yhbt .yhwi{
	float:left; margin-left:10px;  
}
.yhleftw .yhbt .yhwi .yhwz{
	font-size:1.05rem; line-height:23px; font-weight:bold; text-align:left;
}
.yhleftw .yhbt .yhwi .yhdq{
	font-size:0.8rem; line-height:20px; color:var(--btnwz-color);text-align:left;
}
.yhleftw .yhbt .yongimg{
	float:right; margin-right:10px; margin-top:5px; 
}
.yhleftw .yhbt .yhlink{
	float:left; 
	 font-size:0.9rem; margin-top:10px;color:var(--text-color); width:88%; height:40px; border-radius:8px;background-color:var(--yhubg-color); text-align:left; line-height:40px; margin-left:10px; text-indent:15px; margin-bottom:25px;
}
.yhleftw .yhbt .yhlink span{
	 font-size:0.8rem;color:#777777; margin-left:10px; 
}
.yhleftw .yhbt .yhlinks{
	float:left; 
	 font-size:1rem; margin-top:10px;color:#ffffff; width:40px; height:40px; border-radius:8px;background-color:var(--zise-color); text-align:left; line-height:40px; margin-left:5px; text-align:center; cursor:pointer;  
}


.yhleftw .yhbt .yhdui{
	float:left; 
	 margin-top:10px; margin-left:10px;  margin-bottom:25px; width:86%;
}
.yhleftw .yhbt .yhdui input{
	 font-size:1rem;color:#555555; margin-left:10px; color:var(--text-color);height:40px; border-radius:8px;background-color:var(--yhubg-color); text-align:left; line-height:40px;width:100%;  text-indent:15px; border:0;
}
.yhleftw .yhbt .yhduis{
	float:left; 
	 font-size:1rem; margin-top:10px;color:#ffffff; width:60px; height:40px; border-radius:8px;background-color:var(--zise-color); text-align:left; line-height:40px; margin-left:5px; text-align:center; cursor:pointer;  
}


@media screen and (max-width: 580px) {
.yonginfo {
	padding:5px 0px 15px 0px;
}	
	
 .yhleft {
  width:100%; border-radius:10px;  margin:10px 0 0 0;height:auto !important;
 }
 
 .yongbt .yongti{
	 width:60px; height:60px;border-radius:60px; margin-top:4px;
}

.yongbt .yongti img{
	 width: 50px; height:50px; border-radius:50px; margin-left:4px; margin-top:4px;
}

.yongbt .yongwi{
	 margin-left:8px;  
}
.yongbt .yongwi .yongwz{
	font-size:0.9rem; line-height:25px;margin-bottom:3px;
}
.yongbt .yongwi .yongdq{
	font-size:0.75rem; line-height:20px; 
} 
 
 
 .yhleftw {
  width:100%;   margin:10px 0 0 0;
 }
 .yhleft .yhbt .yhwi{
	margin-left:5px;  
}
 .yhleft .yhbt .yhwi .yhwz{
	font-size:0.9rem; line-height:20px; margin-top: 3px; 
}
.yhleft .yhbt .yhwi .yhdq{
	font-size:0.75rem; line-height:20px;  
}
.yhleft .yhbt .yhnm{
	font-size:1em; 
}
.yhleft .yhbt .yhnm a{
	font-size:1rem;
}

.yongbt .yongimg{
	 margin-right:5px; font-size:1rem; 
	width:90px; height:30px; line-height: 30px; text-align:center; border-radius:8px;color:#FFFFFF; margin-top:10px; 
 }
 
.yhleft .yhbt{
	padding:10px 10px 10px 10px;
}
 .yhleft .yhbt .yongsc{
	float:right; margin-right:10px; margin-top:5px; 
}

.yhleft .yhbt .yongsc a{
	display:block;
	background-color:var(--zise-color);box-shadow:var(--chevron-shadow); width:110px; height:35px; line-height: 35px; text-align:center; border-radius:8px;color:#FFFFFF; font-size:0.85rem; 
 }
 
 
 .yhleft .uscli{
	height:100px;
}
 
.yhleft .uscli .uscimg img{
	 width:100%; border-radius:8px;
}
.yhleft .uscli .uscti{
	position:absolute; left:0; bottom:0; z-index: 15; width:100%; height:110px; z-index:5; background-color:rgba(22,22,22,0.3);
} 
.yhleft .uscli .uscti a{
	font-size:0.75rem; text-align:left; color:#eeeeee; display:block; padding-top:70px; padding-left:10px;
} 
 .yhleftw .yhbt .yhlink{
	 font-size:0.9rem; width:83%; height:60px;line-height:22px; margin-left:5px; text-indent:0;  margin-bottom:25px; padding-left:12px; padding-top:8px;
}
 .yhleftw .yhbt .yhlink span{
	 display:block; margin-left:0;
}

.yhleftw .yhbt .yhdui{
	float:left; 
	 margin-top:10px; margin-left:0;  margin-bottom:20px; width:75%;
} 

.yhleftw .yhbt .yhwi .yhwz{
	font-size:0.9rem; line-height:23px; 
}
.yhleftw .yhbt .yhwi .yhdq{
	font-size:0.75rem; line-height:20px; 
}
.yhleftw .yhbt .yhduis{
	 font-size:0.9rem; width:60px; height:38px;  line-height:38px; 
}

.yongbt .yongimg{
	position:absolute; right:10px; top:-10px; z-index:8;
}

.yongbt .yongimg a{
	display:block;
	width:100px; height:30px; line-height: 30px; text-align:center;color:#FFFFFF; font-size:0.9rem; 
}
.yongbt .yongimg a i{
	font-size:0.8rem;  
}
 
}


.userlis{
    top:0;
	left:0;
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	z-index: 1990;
    background:var(--zhubg-color);
}


 
.userlin{
    top:50%;
	display:none;
	left:50%;
	position:fixed;
	margin-top:-60px;
	margin-left:-119px;
	width:238px;
	border-radius:15px;
	height:120px;
	z-index: 1991;
	background:var(--zhukz-color);
}
.userlie{
	margin-left:15px;
	margin-top:18px;
	width:200px;
	height:50px;
}
.userlie input{
	 font-size:1rem;color:#555555;  color:var(--text-color);height:40px; border-radius:8px;background-color:var(--yhubgs-color); text-align:left; line-height:40px;width:100%;  text-indent:15px; border:0;
}
.userlin .utiguan {
	margin-left:10px;
	line-height:35px;
	font-size:1rem;
	height:35px;
	color:#ffffff;
	text-align:center;
	display:inline-block;
	width:75px;
	border-radius:10px;
	cursor:pointer;
	background-color:#9353d3;
}
.userlin .utiguan:hover {
	background-color:;
}
.userlin .utisub {
	line-height:35px;
	font-size:1rem;
	height:35px;
	color:#ffffff;
	text-align:center;
	display:inline-block;
	background-color:#7828c8;
	width:75px;
	border-radius:10px;
	margin-left:15px;
	cursor:pointer;
}

.bhelp{
	float:left; margin-right:15px; 
	margin-top:15px; 
}

.bhelp a{
	display:block;
	background-color:var(--zise-color);box-shadow:var(--chevron-shadow); width:120px; height:35px; line-height: 35px; text-align:center; border-radius:8px;color:#FFFFFF; font-size:0.9rem; 
}
.bhelp a i{
	font-size:0.8rem;  
}