/* 公共 */ 
body{
	/*background:rgb(246 246 246); */
}
.container-info{
    width: 500px;
    margin-top:60px;
}
.mask{    
	position: fixed;
    top: 0px;
    left: 0;
    width: 100%; 
    z-index: 999; 
	opacity:0.5; 
} 
   
/* 我的 */
input[type="file"]{  
    width:60px;
    height:60px; 
    border-radius:30px;
    position: absolute;
    top: 0;
    left: 0;
    opacity:0;
}     
.inner-mask{  
    width:60px; 
    height:60px;  
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    opacity:0;
}       
.section2{
	background: #fff; 
    border-radius: 0px;
    margin: 10px 15px;
    position: relative;
    z-index: 1;  
} 
.section2 .top{  
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
} 
.section2 .top span{  
    color:#fff;
    height: 35px; 
    line-height: 35px;
} 
.section2 .inner{
    padding: 10px 15px;
	background: #fff; 
    border-radius: 0px; 
    position: relative;
    z-index: 1; 
	border-radius: 8px;  
	position: relative;
}  
.section2 .inner .num{ 
    font-size: 32px;
    font-weight: bold;
    color: #444;
} 
.section-title{    
    font-weight: bold;
    height: 35px;
    line-height: 30px;
    font-size: 15px;
    width: 100%;
    /*border-bottom: 1px solid #ededed; */
}
.section-list{
	margin-top:10px;display:flex;justify-content: space-between;
} 
.section-list .item{
	display:flex;
	flex-direction: column;align-items: center ;
} 
.section-list3 a:last-child:nth-child(3n + 2) {
    /*margin-right:136px;*/
}
.section-list .item .ico{
	/*width:25px;*/
	height:23px;
}
.section-list .item .text{ 
	line-height: 40px;
	color:rgb(143,143,143);
    /*font-size:12px; */
}
.section-rank  .text-update{ 
    text-align: center;
    width: 100%;
    display: block;
    color: #aaa;
}
.section2{
	margin-top:10px;
} 
.section-list2{     
    display: block;
    margin-top: 1px; 
} 
.section2 .item2{
    position: relative;
    /*width: ;*/
    height: 60px;
    border-bottom: 1px solid #ededed;
    position: relative;
    /*padding: 0 15px;*/ 
}
.section2 .item-title{ 
    background: rgb(248,249,251); 
    height: 50px; 
    line-height: 50px;
    font-weight: bold;
    display: flex;
    align-items: center;
} 
.section2 .item-title .text{  
    color:#999!important;
    width: unset;
} 
.section2 .item2 .ico{    
    width: 23px;
    height: 23px;     
    margin: 18px 0 15px 0;
    float: left;
    float: left;
} 
.section2 .item2 .ico-right{  
    height: 12px;
    margin: 24px 10px;
    float: right; 
    right: 10px;
    position: absolute;
    font-size:13px;
    color:#333;
} 

.section2 .item2 .ico-right-active{   
    display: none;
} 
.section2 .item2.active .ico-right{   
    display: none;
} 
.section2 .item2.active .ico-right-active{   
    display: block;
}  

.section2 .item2 .text-right{  
    height: 60px; 
    line-height: 60px;
    float: right; 
    right: 10px;
    position: absolute;
    font-size:13px;
    color:#333!important;
} 
.section2 .item2 .ico-right2{    
    margin:0; 
} 
.section2 .item2 .text{
    /*width: 80px;*/
    height: 60px;
    line-height: 60px;
    float: left;
	color:rgb(43,43,43);
    font-size: 14px; 
	padding-left:15px;
} 
.section2 .item2 input{ 
    line-height: 60px; 
    padding:0 10px;
} 
.section2 .item2 .text-right{
	text-align:right;
	float:right;
	color:rgb(172,176,191);
	font-size: 14px;
}
.bg{    
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 170px;
    z-index: -1;
	/* display:none; */
} 
.bg2{    
	position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
    z-index: -1;
}  
 
/* 个人中心 */
.section-info .text{
    width:80px;
}
.section-info .text2{
    width:200px;
}
.section-info .header-info{
    width: 60px;
    height: 60px;  
    float: right;
    margin-right: 25px;
    position: relative;
}
.section-info .header-info img{ 
    border-radius: 8px;
    width: 60px;
    height: 60px;  
}
.section-info .header-info input[type="file"]{
    width: 60px!important;
    height: 60px!important;
    padding: 0;
    position: absolute;
    top:0;
    left: 0;
}
.section-user-info .item2{
	height: 50px;
    line-height: 50px;
    text-align: center;
}  
.section-info .item2 select,.section-info .item2 select{ 
	height:58px; 
	background:#fff; 
	color:#111; 
	padding:10px;
	outline: none;
    border: 0;
    margin-top:1px;
}