@media (max-width:374px) {
    html{
        font-size: 14px;
    }
}
@media (min-width: 375px) and (max-width: 399px) {
    html{
        font-size: 16px;
    }
}
@media (min-width: 400px) and (max-width: 480px) {
    html{
        font-size: 18px;
    }
}
/* 最大档 */
@media (min-width: 481px) {
    html{
        font-size: 25px;
    }
}
body{
	font-family: "微软雅黑";
	background-color: #fff;


}
.content{
	/*height: 1140px;*/
    color:#333;

}
.content .title{
font-size: 1.44rem;
text-align: center;
margin-top: 2.6rem;
}
.content .title-b{
text-align: center;
font-size: 0.72rem;    
margin-bottom: 2.6rem;
}
.content .main p{
    font-size: 0.72rem;
    text-indent: 2em;
    line-height: 1.68rem;
}
.content .main img{
    margin-left: 2.24rem;
    float: right;
}
.content  .m-header{
    margin-top: 1.8rem;
    height: 2.2rem;
    line-height: 2.2rem;
    font-size: 0.72rem;
    color:#999;
    padding: 0 1.4rem;
    border-bottom: 1px solid #ddd;
}
.content  .m-header span:nth-of-type(2), .content  .m-header span:nth-of-type(3), .content  .m-header span:nth-of-type(4){
    float: right;
    margin-left: 2.2rem;
}

.content .list{
    padding: 0.8rem 0.8rem 0.8rem 1.4rem;
}
.content .list li{
    font-size: 0.72rem;
    color:#666;
    cursor: pointer;
    height: 2.4rem;
    line-height: 2.4rem;
}
.content .list li span:nth-of-type(2), .content .list li span:nth-of-type(3), .content .list li span:nth-of-type(4){
        float: right;
    margin-left: 2.2rem;
}
.content .list li span:nth-of-type(4){
        margin-right: 1.52rem;
}
@media (max-width: 481px) {
    .main{
        padding:0 10px;
    }
    .content .main img{
        margin-bottom: 5px;
    }
    .content .m-header span:nth-of-type(2), .content .m-header span:nth-of-type(3), .content .m-header span:nth-of-type(4){        
        margin-left: 1.2rem;
    }
    .content .list li span:nth-of-type(2), .content .list li span:nth-of-type(3), .content .list li span:nth-of-type(4){
        margin-left: 1.2rem;
    }
}