a , a:hover, a:active{
    color: #333333;
}

.list{
    margin-top: 3rem;
    padding: 0 6rem;
    min-height: 15rem;
}

.list .type{

}

.list .type p{
    font-size: 24px;
    font-weight: 500;

    line-height: 50px;
    margin: auto 3rem;
}

.list .type p > a{
    padding-bottom: 0.5rem;
    border-bottom: 0.25rem solid transparent;
}

.list .type p.active > a{
    border-bottom-color: #00B6C2;
}

.list .type p:hover,
.list .type p:focus {
    border-bottom-color: #00B6C2;
}


.list .card{
    width: 100%;
    border: 0;
    display: block;
    margin-bottom: 0.5rem;
    height: 10rem;
}
.list .card > a > img{
    width: 10rem;
    height: 10rem;
    border-radius: 0.6rem;
    display: inline-block;
    float: left;
}


.list .card > .card-body
{
    display: inline-block;
    width:calc(100% - 10.5rem);
    text-align: left;
    padding: 1rem;
    float: right;
    position: relative;
}

.list .card > .card-body .card-title{
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}

.list .card > .card-body .card-text{
    font-size: 14px;
    min-height: 4rem;
    font-weight: 400;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.list .card > .card-body .card-price{
    color: #F01E1E;
    font-size: 20px;
    font-weight: 400;
}

.list .card > .card-body .card-tag{
    font-size: 14px;
    font-weight: 400;
    color: #666666;
}

.list .card > .card-body .card-tag > a{
    font-size: 14px;
    font-weight: 400;
    color: #17a2b8;
    margin-right: 1rem;
}

.list .card > .card-body .card-date{
    font-size: 12px;
    font-weight: 400;
    color: #00b6c2;
    position: absolute;
    right: 2rem;
    top: 2rem;
}

.data .content{
    min-height: 30rem;
    padding: 0 10rem;
}

.data .header
{
   padding:1rem;
}
.data .header h3
{

}

.data .header p
{
    margin-top: 1rem;
}

.data .header p span
{
    color: #333333;
    margin-right: 1rem;
}

.data .tags{
    text-align: left;
    margin: 1rem 5rem;
}
.data .tags  a
{
    margin-right: 1rem;
}