/*========================
分类列表
=========================*/
.product-term .maincontent
{
}

.product-term .maincontent ul
{
    margin  : 0;
    padding : 0;
}




.product-term .maincontent
{
    float      : left;
    width      : 100%;
    margin     : 0 0 25px 0;
    padding    : 0;
    margin-top : 25px;
    font-size  : 16px;
}

.product-term .maincontent > ul
{
}

.product-term .maincontent > ul > li
{
    padding : 10px 0;
    overflow : hidden;
    margin-bottom: 25px;

}

.product-term .maincontent .term_list_item h6
{
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ececec;
}


.product-term .maincontent > ul > li .icon
{
    height: 150px;
    width: 100%;
    background-color: #ececec;
}


.product-term .maincontent a
{
    color : #666666;
}

.product-term .maincontent a:hover
{
    color : #e9c37a;
}








.product-term .term2_list
{
    margin-bottom : 5px;
    font-size     : 14px;
    text-align    : left;
}

.product-term .term2_list > ul
{
    margin : 0;
    padding    : 0;
}

.product-term .term2_list > ul > li
{
    padding       : 10px 0;
    width: 25%;
    float: left;
    overflow: hidden;
}

.product-term .maincontent .term2_list_item h6
{
    font-size: 18px;
    font-weight: bold;
    line-height: 36px;
}



.product-term .term2_list .term2_list_item
{
    margin: 5px;
    overflow: hidden;

}

.product-term .term2_list > ul > li .icon
{
    height: 150px;
    width: 100%;
    background-color: #ececec;
}


.product-term .term2_list > ul > li a:hover
{
    color : #e9c37a;
}


.product-term .term3_list
{
    padding-left : 5px;
}

.product-term .term3_list > ul
{
}

.product-term .term3_list > ul > li
{
    border-bottom : solid 1px #ececec;
    padding       : 10px 0;
}


.product-term .now-plate .content
{
    /* text-align: center; */
    font-size : 16px;
}













/*============================*/
/*============列表=============*/
/*============================*/

.product-list .maincontent
{ /* border: dashed 1px #ececec; */
    width      : 917px;
    float      : left;
    margin-top : 25px;
}


.product-list .maincontent ul
{
    margin   : 0;
    padding  : 0;
    overflow : hidden; /* height: 390px; */
}

.product-list .maincontent ul li
{
    float         : left;
    margin        : 15px 14px;
    padding       : 0 0 15px 0;
    box-shadow    : #cccccc 0px 0px 8px 0px;
    width         : 276px;
    border-radius : 4px;
    height        : 400px;
    position      : relative;
}

.product-list .maincontent ul li h5
{
    margin      : 15px 0;
    padding     : 0 10px;
    color       : #5a5a5a;
    height      : 48px;
    line-height : 24px;
}

.product-list .maincontent ul li h6
{
    margin  : 8px 0;
    padding : 0 10px;
}

.product-list .maincontent ul li .image
{
    position : relative;
    margin   : 0;
    padding  : 0;
    width    : 100%;
    overflow : hidden;
    height   : 205px; /* background-color: #ececec; *//* border-radius: 4px; *//* z-index: -2; */
}

.product-list .maincontent ul li .image .hot-recommend, .recommend .hot-recommend, .index_new_product .hot-recommend
{
    position : absolute;
    display  : flex;
    left     : 6px;
    bottom   : 8px;
}


.hot-recommend span
{
    margin-right : 10px;
    font-size    : 18px;
}


.product-list .maincontent ul li .image .product-hot
{
    width        : 30px !important;
    height       : 30px;
    margin-right : 6px;
}

.product-list .maincontent ul li .image .product-recom
{
    width  : 30px !important;
    height : 30px;
}


.product-list .maincontent ul li img
{
    width : 100%;
}

.product-list ul li p
{
    margin  : 0;
    padding : 0 10px;
    height  : 52px;
    color   : #888888;
}

.product-list ul li .data
{
    padding : 10px 10px 0 10px;
}

.product-list ul li .data .watched
{
    float : left;
    width : 50%;
}

.product-list ul li .data .clickrate
{
    float      : left;
    width      : 50%;
    text-align : right;
}


.product-list .media .image-details
{
    color : #e9c37a
}

.product-list .media .image-details p
{
    border-bottom  : solid 2px #e9c37a;
    padding-bottom : 5px;
    padding        : 0 14px 10px 10px;
    color          : #e9c37a;
}

/*============================*/
/*============列表=============*/
/*============================*/


/*=========详情=========*/

.product-detail h2
{
    margin         : 25px 0 25px 0;
    border-bottom  : solid 1px #cccccc;
    padding-bottom : 20px;
}

.product-detail .images
{
    overflow      : hidden;
    margin-bottom : 35px;
}

.product-detail .images ul
{
}

.product-detail .images ul li
{
    float    : left;
    width    : 300px;
    height   : 300px;
    overflow : hidden;
    float    : left;
    width    : 215px;
    height   : 215px;
    overflow : hidden;
    border   : solid 1px #cccccc;
    padding  : 2px;
    margin   : 5px;
}

.product-detail .images ul li img
{
    width : 100%;
}

.product-detail .data
{
    overflow      : hidden;
    margin-bottom : 35px;
}

.product-detail .box .data div
{
    float     : left;
    width     : 25%;
    font-size : 14px;
}


.pre-and-next h5
{
    line-height : 26px;
    font-size   : 14px;
    font-weight : 100;
}

.pre-and-next .item-img
{
    display         : block;
    /* border: solid; */
    margin-bottom   : 15px;
    height          : 150px;
    background-size : cover;
}

.pre-and-next
{
    margin   : 55px 0 25px 0;
    overflow : hidden;
}

.pre-and-next .pre-item
{
    display : block;
    height  : 250px;
    /* border: solid 1px; */
    float   : left;
    width   : 300px;
}

.pre-and-next .next-item
{
    float   : right;
    display : block;
    height  : 250px;
    /* border: solid 1px; */
    width   : 300px;
}


/*
详情页中 推荐产品
*/


/*
首页标记显示的产品
.recommend=main
*/

.recommend
{
    margin-top : 25px;
    padding    : 0 0 15px 0
}

.recommend ul a
{
    display  : inline-block;
    width    : 100%;
    height   : 100%;
    position : relative;
}

.recommend h2
{
    margin        : 15px 0;
    padding       : 0;
    text-align    : center;
    color         : #e9c37a;
    font-size     : 16px;
    font-weight   : 700; /* float: left; */
    margin-bottom : 9px;
}

.recommend .function
{
    margin     : 0;
    padding    : 0;
    text-align : center
}


.recommend ul
{
    margin   : 0;
    padding  : 0;
    overflow : hidden;
    height   : 440px;
}

.recommend ul li
{
    float         : left; /* border: dashed 1px #eeeeee; */
    margin        : 15px 6px;
    padding       : 0 0 10px 0;
    height        : 400px;
    width         : 24%;
    box-shadow    : #cccccc 0px 0px 8px 0px;
    border-radius : 4px;
    overflow      : hidden;
}

.recommend ul li:hover
{ /* box-shadow: #edc37a 0px 0px 8px 0px; *//* background-color: #ececec; *//* color: #ffffff; */
}

.recommend ul li h5
{
    margin      : 15px 0;
    padding     : 0 10px;
    color       : #5a5a5a;
    height      : 48px;
    line-height : 24px;
}

.recommend ul li h6
{
    margin  : 8px 0;
    padding : 0 10px;
}

.recommend ul li .image
{
    position : relative;
    margin   : 0;
    padding  : 0;
    width    : 100%;
    height   : 214px;
    overflow : hidden;
}

.recommend ul li img
{
    width : 100%;
}

.recommend ul li p
{
    margin  : 0;
    padding : 0 10px;
    height  : 52px;
}

.recommend ul li .data
{
    padding : 10px 10px 0 10px;
    /* display: flex; */
}

.recommend ul li .data .watched
{
    float : left;
    width : 50%;
}

.recommend ul li .data .clickrate
{
    float      : left;
    width      : 50%;
    text-align : right;
}

.recommend .media .image-details
{
    color : #e9c37a
}

.recommend .media .image-details p
{
    border-bottom  : solid 2px #e9c37a;
    padding-bottom : 5px;
    padding        : 0 14px 10px 10px;
}


/*
详情页中 穿梭框关联产品
*/

.relate
{
    margin-top : 25px;
    padding    : 0 0 15px 0
}

.relate ul a
{
    display  : inline-block;
    width    : 100%;
    height   : 100%;
    position : relative;
}

.relate h2
{
    margin        : 15px 0;
    padding       : 0;
    text-align    : center;
    color         : #e9c37a;
    font-size     : 16px;
    font-weight   : 700; /* float: left; */
    margin-bottom : 9px;
}

.relate .function
{
    margin     : 0;
    padding    : 0;
    text-align : center
}


.relate ul
{
    margin   : 0;
    padding  : 0;
    overflow : hidden;
    height   : 410px;
}

.relate ul li
{
    float         : left; /* border: dashed 1px #eeeeee; */
    margin        : 15px 6px;
    padding       : 0 0 10px 0;
    height        : 376px;
    width         : 24%;
    box-shadow    : #cccccc 0px 0px 8px 0px;
    border-radius : 4px;
    overflow      : hidden;
}

.relate ul li:hover
{ /* box-shadow: #edc37a 0px 0px 8px 0px; *//* background-color: #ececec; *//* color: #ffffff; */
}

.relate ul li h5
{
    margin      : 15px 0;
    padding     : 0 10px;
    color       : #5a5a5a;
    height      : 48px;
    line-height : 24px;
}

.relate ul li h6
{
    margin  : 8px 0;
    padding : 0 10px;
}

.relate ul li .image
{
    position : relative;
    margin   : 0;
    padding  : 0;
    width    : 100%;
    height   : 214px;
    overflow : hidden;
}

.relate ul li img
{
    width : 100%;
}

.relate ul li p
{
    margin  : 0;
    padding : 0 10px;
}

.relate .media .image-details
{
    color : #e9c37a
}

.relate .media .image-details p
{
    border-bottom  : solid 2px #e9c37a;
    padding-bottom : 5px;
    padding        : 0 14px 10px 10px;
}


.relate .product-info > div
{
    display     : flex;
    align-items : center;
}

.relate .product-info > div img
{
    width        : 20px;
    height       : 20px;
    margin-right : 4px;
}


.relate .product-info
{
    width           : 100%;
    box-sizing      : border-box;
    position        : absolute;
    left            : 0;
    bottom          : 6px;
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    padding         : 4px 10px;
}

/*=========详情=========*/


/*=========产品中心 侧边拦=========*/


/*todo 这部分应该写入到每一个page板块中，这里通用的应该去掉*/
/*=============================侧边栏部分========================================*/
.sidebar ol
{
    margin         : 0px;
    padding-top    : 0px;
    padding-right  : 0px;
    padding-bottom : 0px;
    padding-left   : 10px;
    overflow       : hidden
}

.sidebar > ul
{
    margin   : 10px 0px 0px 0px;
    padding  : 0px;
    overflow : hidden;
    width    : 250px;
}


.sidebar .title
{
    overflow : hidden
}

.sidebar .title hr
{
    font-size : 14px;
    width     : 50px;
    border    : solid 2px #e9c37a;
    float     : left;
}


/*=============================侧边栏部分========================================*/
.product-list .sidebar
{
    float      : left;
    width      : 280px;
    margin     : 0px;
    padding    : 0px;
    margin-top : 25px;
    font-size  : 16px;
}

.product-list .sidebar > ul
{
}

.product-list .sidebar > ul > li
{
    padding : 10px 0;
}


.product-list .sidebar a
{
    color : #666666;
}

.product-list .sidebar a:hover
{
    color : #e9c37a;
}

.product-list .term2_list
{
    margin-bottom       : 5px;
    color               : #333333;
    font-size           : 14px;
    text-align          : left;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-bottom-color : #eeeeee;
}

.product-list .term2_list > ul
{
}

.product-list .term2_list > ul > li
{
    border-bottom : solid 1px #ececec;
    padding       : 10px 0;
}

.product-list .term2_list > ul > li a
{
    color : #333333;
}

.product-list .term2_list > ul > li a:hover
{
    color : #e9c37a;
}


product-list .term3_list
{
}

.product-list .term3_list > ul
{
}

.product-list .term3_list > ul > li
{
    border-bottom : solid 1px #ececec;
    padding       : 10px 0;
}

/*=========产品中心 侧边拦=========*/