youhuiquan/myEarnings/css/friends.css

body{min-height:100vh;}
em,i{font-style: normal;}
.container{width: 100%;min-height: 100vh;background: #F4F4F4;}
.header{width: 100%;height: 0.44rem;font-size:0.18rem;color:#fff;line-height:0.44rem;text-align: center;background:-webkit-linear-gradient(-112.5deg, rgba(250,42,55,1), rgba(252,113,35,1));background:-moz-linear-gradient(-112.5deg, rgba(250,42,55,1), rgba(252,113,35,1));background:-o-linear-gradient(-112.5deg, rgba(250,42,55,1), rgba(252,113,35,1));background:linear-gradient(-112.5deg, rgba(250,42,55,1), rgba(252,113,35,1));}
  
ul,li,dl,dd{
    list-style:none;
    padding:0;margin:0;
}  
.wrap{
    width: 100%;
} 
#tab_one,#tab_two{
	display: flex;
    flex-direction: row;
    justify-content: space-around;
} 
#tab_two{
	width: 3.36rem;
	height: 0.28rem;
	margin:0.1rem auto;
	border-radius: 0.19rem;
	background: #FFFFFF;
	font-size:0.12rem;
	color: #FF8600;
}
#tab_two li{
	width: 100%;
	line-height: 0.28rem;
	text-align: center;
}
#tab_two li:nth-child(1){
	border-radius:0.19rem 0rem 0rem 0.19rem;
}
#tab_two li:nth-child(3){
	border-radius: 0rem 0.19rem 0.19rem  0rem ;
}
#tab_one li{  
    float: left;
    width: 100%;
    font-size:0.14rem;
    color: #999999;
    line-height: 0.4rem;
    text-align: center;
    background: #FFFFFF;
}  
#tab_one  li.active{
	color:#FF4633;
} 
#tab_two  li.active{
	color:#FFFFFF;
	background: #FF8600;
}   
.tab1_con,.tab2_con{
    width:100%;
    display:none;       /*让box都隐藏*/
}  
.tab2_con{
	width:100%;
	height:315px;
	background:#FFFFFF;
}
.tab2_con .item{
	display: block;
	height: 0.77rem;
	background: #FFFFFF;
	border-bottom: 0.01rem #E5E5E5 solid;
	padding-top: 0.13rem;
	padding-left: 0.16rem;
    display: flex;
    box-sizing: border-box;
}
.touxiang{
	display: inline-block;
	width:0.5rem;
	height:0.5rem;
	background:#D8D8D8;
	border-radius: 50%;
	margin-right: 0.16rem;
}

.name{
	font-size:0.14rem;
	color:#333333;
	padding-top: 0.03rem;
	padding-bottom: 0.07rem;
	padding-right: 0.08rem;
}
.member,.supermember{
	display: inline-block;
	font-size:0.1rem;
	border-radius:0.09rem;
	padding: 0.02rem 0.07rem;
}
.member{
	color:#FFFFFF;
	background:-webkit-gradient(linear, 0 100%, 0 0, from(#FF5000), to(#FF9000));
	background:-webkit-linear-gradient(90deg, #FF5000 0%, #FF9000 100%);
	background:-moz-linear-gradient(90deg, #FF5000 0%, #FF9000 100%);
	background:-o-linear-gradient(90deg, #FF5000 0%, #FF9000 100%);
	background:linear-gradient(90deg, #FF5000 0%, #FF9000 100%);
}
.supermember{
	color:#000000;
	background:-webkit-gradient(linear, 0 100%, 0 0, from(#DDA534), to(#FDF4C7));
	background:-webkit-linear-gradient(90deg, #DDA534 0%, #FDF4C7 100%);
	background:-moz-linear-gradient(90deg, #DDA534 0%, #FDF4C7 100%);
	background:-o-linear-gradient(90deg, #DDA534 0%, #FDF4C7 100%);
	background:linear-gradient(90deg, #DDA534 0%, #FDF4C7 100%);
}
.tel,.time{
	font-size: 0.12rem;
    line-height: 0.28rem;
}
.tel{
	color: #878787;
	padding-right: 0.08rem;
}
.time{
	color: #999999;
}
.see{
    text-align: center;
    line-height: 0.24rem;
    font-size: 0.14rem;
    border: 0.01rem solid #ccc;
    border-radius: 0.2rem;
    height: 0.24rem;
    width: 1rem;
}