*{
    margin: 0 ;
    padding: 0;
    box-sizing: border-box;
}
body{
	max-width:10.24rem;
	margin: 0 auto;
}
.border-10{
    border-bottom: 0.2rem solid #f5f7fa;
}
.clearfix:after{
    content: '';
    display: block;
    clear: both;
}
.avatar{
    border-radius: 50%;
    width:100%;
    height:100%;
}
nav li{
    float: left;
    width: 25%;
    text-align: center;
}
nav{
	max-width:10.24rem;
	left: 50%;
	transform: translateX(-50%);
    position: fixed;
    bottom: 0;
    background: #fff;
    width: 100%;
    border-top: 1px solid #eeeeee;
	z-index: 100;
}
nav li .nav-icon{
    display:block;
    width: 0.41rem;
    height: 0.41rem;
    margin: 0 auto;
	position: relative;
}
nav li .nav-icon .num{
	position: absolute;
	min-width: 0.27rem;
	padding: 0 0.04rem;
	height: 0.27rem;
	background: #ff4040;
	color: #fff;
	text-align: center;
	line-height: 0.27rem;
	border-radius: 0.27rem;
	left: 0.3rem;
	top: -0.1rem;
}
nav li a{
    padding: 0.1rem 0;
    display: block;
}
nav li span{
    color: #9c9c9c;
}
nav li span img{
    max-width: 100%;
    transition: all 0.5s ease;
    vertical-align: top;
}
nav li.active span{
    color: #36c1ff;
}
nav li.active .nav-icon{
    background-position: 0rem -0.72rem;
}
nav li span{
    font-size: 0.2rem;
    display: block;
    margin-top: 0.05rem;
}
nav li:nth-child(2) .nav-icon{
    background-position: -0.5rem 0;
}
nav li:nth-child(3) .nav-icon{
    background-position: -1rem -0.01rem;
}
nav li:nth-child(4) .nav-icon{
    background-position: -1.5rem 0;
}
.pull-left{
    float: left;
}
.pull-right{
    float: right;
}

.title{
    border-bottom: 1px solid #f5f7fa;
    padding:  0 15px;
}
.title h2{
    line-height: 0.8rem;
    font-size: 0.32rem;
    color: #333;
    padding-left: 0.48rem;
    position: relative;
	font-weight: normal;
}
.title h2:before{
    content: '';
    width: 0.3rem;
    height: 0.3rem;
    background: url("../images/title_icon.png") no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);

}
.title .pull-right{
    display: inline-block;
    line-height: 0.8rem;
    color: #999999;
	font-size: 0.24rem;
}

.block6{
    padding: 20px 15px;
    background: #FFF;
}
.block6 li{
    float: left;
    width: 33.3%;
}
.block6 li a{
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    margin: 0 auto;
    border: 1px solid #efefef;
    text-align: center;
    border-radius: 1rem;
    position: relative;
}
.block6 li a img{
    height: 0.49rem;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.block6 li p{
    text-align: center;
    color: #999999;
    margin-top: 0.3rem;
	font-size: 0.24rem;
}
.copy{
    text-align: center;
    line-height: 0.8rem;
    color: #cccccc;
    font-size: 0.22rem;
    margin-bottom: 1rem;
    border-top: 1px solid #f5f7fa;
    background: #FFF;
}