
.nav a span {
    display: inline-block;
    padding: 10px 20px;
    background: #eeeeee;
    color: #646464;
    border-radius: 4px;
    margin-left: 6px;
    font-size: 14px;
    letter-spacing: 1px;
    cursor: pointer;
}

.nav a.active span, .nav a span:hover {
    color: #ffffff;
    background: var(--m-color--);
}

.nav input{
    display: inline-block;
    height:39px;
    border:1px solid #eeeeee;
    border-radius: 4px;
    padding:3px 2px 3px 10px;
    background: url("https://static.pandamart.cn/search_icon.png") no-repeat scroll 9.5rem center #ffffff;
}

.nav input:focus{
    border:1px solid #ffa800;
    box-shadow: 0 0 3px var(--m-color--);
}

.nav .search{
    position: relative;
    float: right;
    margin-top:-35px;
    margin-right:6px;
    width:30px;
    height:30px;
    cursor: pointer;
}

.content .a {
    background: #ffffff;
    border-radius: 6px;
    margin-top: 20px;
    height: 200px;
}

.content .a:hover{
    box-shadow: 0 0 3px var(--m-color--);
}

.content .a img {
    float: left;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    width: 25%;
    height: 200px;
    overflow: hidden;
    margin-right: 20px;
}

.content .a .t {
    float: left;
    height: 160px;
    width: 68%;
    padding: 20px;
    font-size: 14px;
    color:#646464;
    letter-spacing: 1px;
}

.content .a .t span{
    font-size: 18px;
    color:#000000;
}

.content .a .t a{
    color:var(--m-color--);
}


.content .a .t label{
    font-size: 12px;
    padding:3px 8px;
    color:#ffffff;
    background: var(--m-color--);
    margin-right:10px;
}

.content .a .t label:hover{
    cursor: pointer;
    padding:4px 9px;
}

.page{
    margin-top:20px;
}

.page span{
    display: inline-block;
    padding:6px 8px;
    background: #ffffff;
    font-size: 12px;
    margin-right:8px;
}

.page span:hover{
    cursor: pointer;
    background: var(--m-color--);
    color:#ffffff;
}

.page span.to:hover,.page span.all:hover{
    background: #ffffff;
    cursor: default;
    color:#000000;
}

.page span.to{
    padding:3px 8px;
}

.page span.to .toPage{
    position: absolute;
    margin-left:75px;
    margin-top: -23px;
    z-index: 9;
    cursor: pointer;
    width: 22px;
    height: 23px;
}

.page span.active{
    cursor: default;
    padding:2px;
    background: none;
    color:#ff003a;
    font-weight: 600;
    font-size: 14px;
}

.page span input{
    width:55px;
    border:1px solid #e2e2e2;
    padding:3px 5px;
    margin:0px 8px;
    background: url("https://static.pandamart.cn/search_icon.png") no-repeat scroll 2rem center transparent;

}

.page span input:focus{
    border:1px solid var(--m-color--);
}