/*index*/
.container {
    width: 1200px;
    min-width: 1200px;
    max-width: 100%;
    margin: 0 auto;
}
#category,#sift{
    overflow: hidden;
    padding: 0 0 15px 0;
}
.category,.sift {
    float: left;
    width: 856px;
    height: 568px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-sizing: content-box;
}
.hd {
    padding: 20px 0 10px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    box-sizing: content-box;
}
.hd h3 {
    float: left;
    font-size: 20px;
    color: #4a4a4a;
    font-weight: normal;
}
.hd .more {
    float: right;
}
.hd .more a {
    display: block;
    line-height: 32px;
    font-size: 14px;
    color: #aaa;
}
.hd .desc {
    float: left;
    padding: 0 0 0 18px;
    font-size: 14px;
} 
.category ul.tab-nav {
    float: left;
    padding: 4px 20px;
}
.category ul.tab-nav li {
    float: left;
    padding: 0 3px;
}
.category ul.tab-nav .on {
    background: #3B83FD;
    font-size: 13px;
}
.category ul.tab-nav .on a{color: #fff;}
.category ul.tab-nav li {
    display: block;
    height: 24px;
    font-size: 13px;
    line-height: 24px;
    padding: 0 10px;
    margin: 0 5px;
    border-radius: 12px;
    background: #F5F5F5;
    overflow: hidden;
}
.category .hd .more,.sift .hd .more {
    float: right;
}
.category .hd .more a,.sift .hd .more a {
    display: block;
    line-height: 32px;
    font-size: 14px;
    color: #aaa;
}
.guarantee ul.list li {
    padding: 5px 0;
}
.guarantee ul.list li a {
    display: block;
    height: 21px;
    line-height: 21px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #333;
}
.icon-index-hd-more {
    width: 10px;
    height: 16px;
    background-position: -22px -56px;
}
.icon-index {
    background-image: url(../images/home.png?v=20201102);
}
.category ul.list, .quality ul.list,.sift ul.list {
    padding: 10px 0 0 0;
    margin: 0 -10px;
    overflow: hidden;
}
.category ul.list li,.sift ul.list li{
    float: left;
    padding: 0 9px 20px;
}
.category ul.list li > a,.sift ul.list li > a {
    width: 128px;
}
.category ul.list li > a:hover img,.sift ul.list li > a:hover img{
    -webkit-transform:scale(1.3);-o-transform:scale(1.3);
 }
ul.list li > a > span.cover {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 126px;
    height: 178px;
    border-radius: 3px;
    border: 1px solid #eee;
    overflow: hidden;
}
ul.list li > a > span.cover:hover {
    border-color: #00a1e9;
    position: relative;
}
ul.list li > a > strong.title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
ul.list li > a img.pic {
    width: 126px;

}
ul.list li > a > strong.title {
    display: block;
    width: 128px;
    height: 40px;
    line-height: 20px;
    padding: 6px 0 0 0;
    font-size: 13px;
    font-weight: 400;
    color: #333;
    box-sizing: content-box;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hot,.guarantee{
    height: 568px;
    float: right;
    width: 248px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-sizing: content-box;
}
.hot ul.list {
    margin: 0;
    padding: 0;
}
.tab-items > .tab-item {
    display: none;
}
.tab-items > .active {
    display: block;
}
.icon-index-tag-1,
.icon-index-tag-2,
.icon-index-tag-3 {
    width: 20px; height: 24px;
}
.icon-index-tag-1{
    background-position: -3px -26px;
}
.icon-index-tag-2{
    background-position: -28px -26px;
}
.icon-index-tag-3{
    background-position: -52px -26px;
}
.hot ul.list{
    margin: 0;
    padding: 0;
}
.hot ul.list li{
    padding: 10px 0 5px;
    *padding: 7px 0 5px;
}
.hot ul.list li > a{
    display: block;
    overflow: hidden;
}
.hot ul.list li > a > i{
    float: left;
    width: 20px;height: 24px;line-height: 20px;
    text-align: center;
    font-size: 14px;font-style: normal;
}
.hot ul.list li > a > i.icon{
    color: #fff;
}
.hot ul.list li > a > i.num{
    color: #888;
}
.hot ul.list li > a > strong{
    float: left;
    display: block;
    padding: 0 0 0 5px;
    width: 222px; height: 24px;line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px; font-weight: 400; color: #000;
}
.hot ul.list li > a > strong:hover{
    color: #458DEC;
    text-decoration: underline;
}
.hot ul.list li > a > span.cover{
    float: left;
    display: none;
    margin: 0 5px;
    width: 86px;height: 121px;
}
.hot ul.list li > a > span.cover img{
    display: block;
    width: 86px;height: 121px;
}
.hot ul.list li > a > span.d{
    display: none;
    float: right;
    padding: 60px 0 0 5px;
    width: 125px; height: 24px;line-height: 20px;
    font-size: 12px; color: #999;
}
.hot ul.list li > a > span.d > small{
    float: left;
}
.hot ul.list li > a > span.d > em{
    float: left;
    padding: 0 10px;
    font-style: normal;
}
.hot ul.list li.active span.cover,
.hot ul.list li.active span.d{
    display: block;
}
.hot ul.list li.active strong{
    float: right;
    display: block;
    display: -webkit-box;
    width: 120px;height: 40px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.icon-index-hit{
    width: 20px;height: 20px;
    background-position: -85px -50px;
}
.lubo{ width: 100%; min-width:1000px;clear: both; position: relative; height:368px;}
.lubo_box{ position: relative; width: 100%; height:368px; }
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:368px; opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{ display: block;width: 100%;  height: 100%;}

.lubo_box li img{ width: 100%; height: 368px;}

/*圆点*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
.cir_on{ background: #000 !important;}

/*按钮*/
.lubo_container{position: absolute; width: 100%; top: 140px;}
.lubo_btn{ text-align: center;width: 1200px;margin: 0 auto;}
.left_btn, .right_btn{ width: 30px; height: 50px; background: rgba(0, 0, 0, .3);border-color: rgba(127, 127, 127, .0);border-style: solid;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #ccc; line-height: 50px; font-size: 20px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.left_btn{ float: left;}
.right_btn{ float: right;}