@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: #f7f7f7;


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

}

.content .list li{
    float: left;
    width:10.8rem;
    padding-bottom: 0.6rem;
    margin-right: 0.8rem;
    cursor: pointer;
    margin-top:1.2rem;
}
.content .list li.none{
    margin-right:0;
}
.content .list li img{
    width:100%;
}
.content .list li p{
    text-align: center;
}
.content .list li p:nth-of-type(1){
    font-size: 0.56rem;
    color:#999;
    margin-top: 0.8rem;
    margin-bottom: 0.6rem;
}
.content .list li p:nth-of-type(2){
    font-size: 0.72rem;
    color:#333;
}
.content .footer-fen {
    float: left;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    margin: 2rem 0;
}
.content .footer-fen li{
    cursor: pointer;
    float: left;
    width: 1.52rem;
    height: 1.52rem;
    border-radius: 50%;
    text-align: center;
    line-height: 1.52rem;
    font-size: 0.8rem;
    color: #666;
    margin-left: 0.6rem;
}
.content .footer-fen ol{
   height: 100%;
    /*float: left;*/
   display: inline-block;
    width: auto;    
}
.content .footer-fen li.current{
    color: #fff;
    background-color: #999;
}
.content .footer-fen li.current a{
        color: #fff;
}
.content .footer-fen li img{
    width: 100%;
}
.list {
        width: 100%;
    height: 19.2rem;
}
.content .footer-fen span{
   display: inline-block;
    /*float: left;*/
    }
 .content .footer-fen .next{
    margin-left: 0.6rem;
 }
 .xian{
    height: 1px;
    width:100%;
    background-color: #ddd;
        overflow: hidden;
 }

.model{
    display:none;
    position: fixed;
    width:100%;
    height: 100%;
    background:rgba(0,0,0,0.5);
    top: 0;
    z-index: 99999;
}
.model .in{
    width: 16rem;
    height: 22rem;
    z-index: 1;
    background-color: #fff;
    position: absolute;
    top: 3%;
    left:50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}
.model .in img{
    width: 100%;
    height: 100%;
}
.model .in span{
    position: absolute;
    bottom: -1.4rem;
    background: #fff;
    width: 100%;
    text-align: center;
    cursor: pointer;
    line-height: 1.2rem;

}

 @media (max-width: 481px) {
.content .list li{
    width:100%;
    }
    .content .footer-fen span{
        width:1.52rem;
        height:1.52rem;
    }
}