@charset "UTF-8";

.news{
   width: 95%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    border-top: 1px solid #F3F3F3;
    padding: .5rem 0;
    position: relative;
}

.news img{
    width: 5rem;
    height: 5rem;
    float: left;
    display: block;
}

.news .news-title{
    font-size: .8rem;
    color: #333333;
    overflow: hidden;
    padding-left: .5rem;
}

.news .subtitle{
    font-size: .65rem;
    color: #9a9a9a;
    overflow: hidden;
    padding-left: .5rem;
}
.subtitle .price{
    color: #fd7000;
}
.news .news-cont{
    width: auto;
    height: auto;
    overflow: hidden;
    font-size: .8rem;
    padding-left: .5rem;
    color: #fd7000;
}
.news-cont span{
    color: #797979;
    font-size: .8rem;
    margin-right: 1rem;
}

.news .sp-site{
    width: auto;
    height: auto;
    overflow: hidden;
    background: url("../images/location.png") left no-repeat;
    background-size: 0.8rem 0.8rem;
    padding-left: 1rem;
}

.news .sp-popel{
    width: auto;
    height: auto;
    overflow: hidden;
    background: url("../images/people.png") left no-repeat;
    background-size: 0.8rem 0.8rem;
    padding-left: 1rem;
}

.news .sp-time{
    width: auto;
    height: auto;
    overflow: hidden;
    background: url("../images/time.png") left no-repeat;
    background-size: 0.8rem 0.8rem;
    padding-left: 1rem;
}

.mar{
    margin: 0.5rem 0;
}

.news .new-bind{
    width: auto;
    height: auto;
    overflow: hidden;
    float: right;
    right: 0;
    font-size: .7rem;
    background: #fd7000;
    color: #fff;
    padding: 0 0.3rem;
    line-height: 1.5rem;
}

.details{
    width: auto;
    height: auto;
    overflow: hidden;
    padding: 0 0.3rem;
    border-top: 1px solid #F3F3F3;
}

.details h2{
    text-align: center;
    line-height: 1.5rem;
    font-size: 1rem;
    color: #333333;
    margin: 0.5rem 0;
}

.details .det-p{
    font-size: .8rem;
    color: #797979;
    line-height: 1rem;
}

.details img{
    width: 100%;
    height: auto;
    display: block;
    margin: 0.5rem 0;
}