/* 1*1广告 */
.banner img:hover{cursor: pointer;}
.publicAdv {margin:0 auto 20px auto;}
.publicAdv .el-image{padding:0 15px;}
/* 公共标题 */
.title {display:flex;align-items:center;text-transform:uppercase;border-bottom:1px solid var(--mainColor);padding-bottom:10px;}
.title p {flex:1;display: flex;align-items: flex-end;}
.title p span {font-weight:bold;color: #383637;}
.title p span:nth-child(1) {font-size: 24px;}
.title p span:nth-child(2) {font-size: 20px;margin: 0 0 0 5px;}
.title a {font-size:14px;color:#606266;}
/* 推荐商家 */
.recList {border-left:1px solid #ededed;border-bottom:1px solid #ededed;display:flex;align-items:center;justify-content:center;height:85px;}
.recList:nth-child(1),.recList:nth-child(2),.recList:nth-child(3) {border-top:1px solid #ededed;}
.recList:nth-child(3n) {border-right:1px solid #ededed;}
/* 热门求购 */
.provideList {display:flex;flex-direction:column;padding:15px;border:1px solid #ededed;border-right-width:0;margin:10px 0;height:170px;}
.provideList:nth-last-child(1) {border-right-width:1px;}
.provideList h5 {border-bottom:1px dashed #ededed;padding:0 0 5px 0;margin:5px 0 5px 0;}
.provideList p {color:#a9a9a9;font-size:12px;margin:0 0 5px 0;}
.provideList .el-button {margin:5px auto 0 auto;}
/* 资讯列表 */
.newsBox {display:flex;flex-direction:column;position:relative;}
.newsBox h5 {font-size:16px;padding:0 0 5px 0;border-bottom:1px dashed var(--mainColor);}
.newsBox h5::before {position:absolute;left:0;display:block;content:'';width:5px;height:20px;border-radius:10px;background-color:var(--mainColor);}
.newsBox .newsList {display:flex;align-items:center;justify-content:space-between;margin:10px 0 0 0;padding-left: 0 !important;padding-right: 0 !important;}
.newsBox .newsList i {width:6px;height:6px;margin:0 10px 0 0;background-color:#383737;border-radius:50%;}
.newsBox .newsList a {flex:1;font-size:15px;margin:0 10px 0 0;color:#323232;}
.newsBox .newsList a:hover{color: var(--mainColor);}
.newsBox .newsList span {color:#a8a5a5;font-size:14px;}
/* 轮播资讯 */
.newSwiper .newText {position:absolute;bottom:0;left:0;z-index:9999;width:100%;background-color:rgba(0,0,0,0.6);color:white;font-size:14px;padding:5px;white-space:nowrap;width:100%;text-overflow:ellipsis;overflow:hidden;}
.newSwiper .newText:hover {cursor:pointer;}
.newSwiper /deep/ .el-carousel__indicators--horizontal {right:0;transform:translateX(0);left:auto;bottom:30px;}
.newSwiper /deep/ .el-carousel__button {height:5px;width:12px;border-radius:5px;}
/* 商品栏目 */
.productModule {display:flex;flex-direction:column;}
.productModule .productModuleList {padding:10px 0;}
.productModule .productModuleList .content {border:1px solid #ededed;padding:0 0 10px 0;margin:10px;transition:all 0.3s;display:flex;flex-direction:column;}
.productModule .productModuleList .content:hover {border-color:var(--mainColor);}
.productModule .productModuleList .content span:nth-child(2) {color:#F40;font-size:18px;margin:5px 5px 0 5px;}
.productModule .productModuleList .content .max2 {color:#3d3d3d;margin:5px;font-size:14px;}
.productModule .productModuleList .content p {display:flex;align-items:center;margin:0 5px;font-size:14px;}
.productModule .productModuleList .content p a {color:#666;}
.productModule .productModuleList .content p i {margin:0 5px 0 0;color: var(--mainColor);}
/* 图文结构广告组 */
.recModuleBox {display:flex;flex-direction:column;}
.recModuleBox .titles {display:flex;align-items:center;margin:40px 0 10px 0;}
.recModuleBox .titles span {font-weight:bold;font-size:20px;margin:0 10px 0 0;}
.recModuleBox .content {display:flex;align-items:flex-start;}
.recModuleBox .content .left {flex:1;display:flex;align-items:flex-start;}
.recModuleBox .content .left .left_l {width:33%;background-color:white;height:482px;position:relative;overflow:hidden;}
.recModuleBox .content .left .left_l i {background-color:var(--mainColor);display:block;width:27px;height:2px;margin:35px 0 20px 20px;}
.recModuleBox .content .left .left_l span:nth-child(2) {color:#363838;font-size:20px;display:block;margin:0 0 0 20px;}
.recModuleBox .content .left .left_l span:nth-child(3) {color:#505052;font-size:14px;display:block;margin:10px 0 15px 20px;}
.recModuleBox .content .left .left_l span:nth-child(4) {background-color:var(--mainColor);color:white;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;padding:2px 5px;display:inline-block;font-size:14px;margin:0 0 0 20px;}
.recModuleBox .content .left .left_l p {position:absolute;bottom:0;left:0;background-color:rgba(0,0,0,0.3);color:white;padding:20px 10px;line-height:30px;font-size:14px;z-index:6;}
.recModuleBox .content .left .left_l .el-image {width:290px;height:290px;position:absolute;z-index:5;top:60%;left:20px;transform:translate(0,-60%);-webkit-transform:translate(0,-60%);-moz-transform:translate(0,-60%);-ms-transform:translate(0,-60%);-o-transform:translate(0,-60%);}
.recModuleBox .content .left .left_r {width:65%;background-color:wheat;}
.recModuleBox .content .right {display:flex;flex-wrap:wrap;align-items:flex-start;flex:1;}
.recModuleBox .content .right .el-image {width:calc((100% - 36px) / 3);height:232px;margin:0 18px 18px 0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.recModuleBox .content .right .el-image:nth-child(3n) {margin:0 0 18px 0;}
.recModuleBox .content .right .el-image:hover {transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);cursor:pointer;}
/* 商品分类 */
.typeBox ul {width:240px;height:500px;margin:-500px 0 20px 0;position:relative;z-index:999;background-color:rgba(0,0,0,0.6);box-sizing:border-box;}
.typeBox ul li {height:50px;padding:0 20px;transition:all 0.3s;font-size:14px;align-items:center;display:flex;color:white;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.typeBox ul.row li:hover {background-color:rgba(0,0,0,0.8);}
.typeBox ul.row li:hover .m_content {display:block !important;}
.typeBox ul li .type_one {color:white;flex:1;line-height:50px;}
/* 二级分类 */
.typeBox ul li .m_content {box-sizing: border-box; width:800px;height:500px;overflow: hidden;overflow-y: scroll;display:none;padding:20px;position:absolute;top:0px;left:240px;box-shadow:0px 0px 10px rgba(0,0,0,0.1);border:1px solid #dddddd;background-color:#ffffff;z-index:999;}
/* .typeBox ul li .m_content {box-sizing: border-box; width:800px;height:500px;overflow: hidden;overflow-y: scroll;padding:20px;position:absolute;top:0px;left:240px;box-shadow:0px 0px 10px rgba(0,0,0,0.1);border:1px solid #dddddd;background-color:#ffffff;z-index:999;} */
.typeBox ul li .m_content::-webkit-scrollbar{display: none;}
.typeBox ul li .m_content.row div {display:flex;align-items:flex-start;flex-wrap:wrap;padding:6px 0px;color:#cccccc;border-bottom:1px solid #eeeeee;}
.typeBox ul li .m_content.row a {color:#666666;margin:0 0 5px 0;height:auto;}
.typeBox ul li .m_content.row a:hover {color:var(--mainColor);}
.typeBox ul li .m_content.row a:nth-child(1) {color:#666666;font-weight:bold;margin:0 20px 5px 0;}
.typeBox ul li .m_content.row a:nth-child(1)::after {display:none;}
.typeBox ul li .m_content.row a::after {width:1px;height:12px;display:inline-block;margin:0px 10px;content:"";vertical-align:middle;border-left:1px solid #dddddd}
.typeBox ul li .m_content.row a:nth-last-child(1)::after{display: none;}

.typeBox ul li .m_content.col .el-dropdown{ margin: 0 10px 10px 0; }
.typeBox ul li .m_content.col .el-dropdown-link{ cursor: pointer; color: #666666;}
.typeBox ul li .m_content.col .el-icon-arrow-down{ font-size: 12px;}

.typeBox ul li .m_content .advBoxs{ display: flex;flex-wrap: wrap; margin: 10px 0 0 0; }
.typeBox ul li .m_content .advBoxs img{ width: calc((100% - 20px) / 3); margin: 0 10px 10px 0; height: 180px; cursor: pointer; }
.typeBox ul li .m_content .advBoxs img:nth-child(3n){ margin-right: 0; }

/* 新商品分类 */
.typeBoxs{display: flex;flex-wrap: wrap;flex: 1;}
.typeBoxs .el-dropdown{margin: 10px 20px;font-size: 16px;}

/* 荣誉资质 */
.honorary{
    padding-bottom: 20px;
}
.honoraryList{
    display: block;
    margin: 20px 0 0 0;
    border: 1px solid white;
    transition: all 0.3s;
}
.honoraryList.row{
    display: flex;
}
.honoraryList.row img{
    width: 100px;
    height: 100px;
}
.honoraryList:hover{
    border-color: var(--mainColor);
}
.honoraryList img{
    width: 100%;
    display: block;
}
.honoraryList .content{
    padding: 10px;
}
.honoraryList.row .content{
    flex: 1;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.honoraryList .content p:nth-child(1){
    color: #383637;
    font-size: 16px;
    margin: 0 0 10px 0;
}
.honoraryList.row .content p:nth-child(1){
    margin: 0;
}
.honoraryList .content p:nth-child(2){
    color: #9a9a9a;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.honoraryList .content  p:nth-child(2) span{
    flex: 1;
}
.honoraryList .content  p:nth-child(2) span:nth-child(2){
    text-align: right;
}