@charset "UTF-8";

@import "css.css";



header {

    border-bottom: 2px solid #0090ff;

}



#all-category {

    cursor: pointer;

}



.t-category{

    font-weight: bold;

}



.f-category {

    display: none;

}



#all-category:hover .f-category {

    display: block;

}

.visitbox{

    background-color: #F2F2F2;

}





.visit a {

    padding: 12px 6px 12px 0;

    color: #333333;

}

.visit a:hover {

    color: #FF5800;

}



/* .visit a:nth-child(1) {

    padding-left: 40px;

    background-image: url("../img/v1.png");

    z-index: 1;

    margin-left: 0;

}



.visit a:nth-child(2) {

    background-image: url("../img/v2.png");

    z-index: 2;

}



.visit a:nth-child(3) {

    background-image: url("../img/v3.png");

    z-index: 3;

}



.visit a:nth-child(4) {

    background-image: url("../img/v4.png");

    z-index: 4;

}



.visit a:nth-child(5) {

    width: auto;

    max-width: 400px;

    overflow: hidden;

    padding-left: 30px;

} */



.type-box {

    border: 1px solid #e1e1e1;

    box-sizing: border-box;

    padding-top: 10px;

    overflow: hidden;

    transition: height .3s linear;

}



.type-box.on {

    height: auto;

}



.type-line {

    margin: 10px 10px 0;

}



.type-line:last-child {

    margin-bottom: 10px;

}



.type-line span {

    width: 100px;

    float: left;

    color: #999;

    padding-right: 20px;

    line-height: 30px;

}



.type-line ul {

    float: left;

    width: 1054px;

}



.type-line li {

    display: inline-block;

}



.type-line a {

    display: inline-block;

    padding: 0 10px;

    margin: 0 10px 10px 0;

    border: 1px solid transparent;

    color: #333;

    line-height: 28px;

}



.type-line a.on,

.type-line a:hover {

    border-color: #FF5800;

    color: #FF5800;

}



.all-type {

    width: 90px;

    display: block;

    position: relative;

    top: -1px;

    margin: 0 auto;

    line-height: 30px;

    z-index: 1;

    border-top: 1px solid #fff;

    border-left: 1px solid #e1e1e1;

    border-right: 1px solid #e1e1e1;

    border-bottom: 1px solid #e1e1e1;

}



.sort-search {

    background-color: #f2f2f2;

    padding: 4px;

    margin: 12px 0 20px;

}



.sort-search a {

    float: left;

    width: 90px;

    margin-right: 4px;

    line-height: 32px;

    text-align: center;

}



.sort-search a.on,

.sort-search a:hover {

    background-color: #fff;

}



#search-keywords {

    width: 240px;

    box-sizing: border-box;

    padding-left: 10px;

    line-height: 40px;

    border: none;

    background-color: #fff;

}



#search-goods {

    width: 80px;

    height: 40px;

    background-color: #0090ff;

    background-image: url("../img/search-goods.png");

    background-repeat: no-repeat;

    background-position: center;

    border: none;

    cursor: pointer;

    transition: all .2s linear;

}



#search-goods:hover {

    opacity: .85;

}



.product-list li {

    width: calc(20% - 12px);

    float: left;

    margin-right: 15px;

    margin-bottom: 15px;

}



.product-list li:nth-child(5n) {

    margin-right: 0;

}



.product-list a {

    display: block;

    width: 100%;

    box-sizing: border-box;

    border: 1px solid #e1e1e1;

}



.product-list a:hover {

    border-color: #0090ff;

    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);

}



.product-img {

    /* display: table-cell; */

    /* width: 228px; */

    height: 239px;

    line-height: 239px;

    text-align: center;

    background-color: #f5fcff;

    border-bottom: 1px solid #e1e1e1;

}



.product-img img {

    max-width: 100%;

    max-height: 100%;

    margin: 0 auto;

    vertical-align: middle;

}



.product-list strong {

    display: block;

    padding: 0 8px;

    color: rgba(180,33,34,1);

    line-height: 33px;

    letter-spacing: 1px;

}



.product-list p {

    display: block;

    padding: 0 8px;

    height: 24px;

    line-height: 24px;

    overflow: hidden;

    color: #333;

}



.product-list .product-info {

    padding: 0 8px;

    color: #999;

    line-height: 33px;

}



.product-list .product-info span {

    font-size: 12px;

}