@charset "utf-8";
/*图标应用*/
.al-icon {
    width: 1em; height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    color: red;
    font-size: 50px;
}
/*banner图*/
/*.banner{height: 420px;}*/
/*新闻---*/
.index-news-box{width: 100%;height: 300px;display: flex;flex-flow: column nowrap;background: #f6f7fc;margin: 5px 0;}
.index-news-img{width: 100%;height: 200px;overflow: hidden;}
.index-news-img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.index-news-img:hover img{transform: scale(1.1)}
.news-content{flex:1;line-height: 16px;padding: 10px;box-sizing: border-box;}
.news-content .title{font-size: 16px;display: block;line-height: 30px;margin-bottom: 10px;color: #333;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-content .title:hover{color: var(--portal-color);}
.news-content .detail{color: #999;}
.news-content .time{color: #999;}
.news-more{padding:5px  10px;display: block;background: var(--portal-color);text-align: center;color: #fff;width: 100px;margin-top: 10px;}
.news-more:hover{color: #fff;background: rgba(198,0,10,0.8);}
/*列表样式2*/
.L-secOne{width: 100%;border: solid 1px #efefef;background: #fff;box-sizing: border-box;margin-top:20px;}
.L-secOne .ts-img-box{width: 100%;height: 320px;overflow: hidden;color: #888;}
.L-secOne:hover .ts-img-box img{transform: scale(1.1);}
.L-secOne .message-box{background: rgba(255, 255, 255, 0.8);position: absolute;bottom: 0;width: 100%;padding:0 10px;height: 50px;overflow: hidden;box-sizing:border-box;}
.L-secOne:hover .message-box{height: 150px;cursor: pointer;}
.L-secOne .message-box a,.message-box{color: #888;}
.L-secOne .message-box a:hover{color: #0C0C0C; }
.L-secOne .message-box .name{font-size: 16px;display: flex;justify-content: space-between;line-height: 50px;font-size: 16px;height: 50px;}
.L-secOne .message-box .name a{color: var(--portal-color);}
.L-secOne .message-box .grade{display:inline-block;background: var(--portal-color);color: #fff;line-height: 30px;height: 30px;padding:0 5px;font-size: 12px;margin-top: 10px;}

/*列表样式3*/
.tab-secFour-box{width: 100%;background: #fff;margin:20px 0;position: relative;}
.tab-secFour-box .ts-img-box{width: 100%;color: #888;padding-top: 100%;position: relative;}
.tab-secFour-box .ts-img-box img{position: absolute;top:0px;left:0px;width:100%;height:100%;object-fit:cover;}
.tab-secFour-box .cb-flex-title{display: flex;justify-content: space-between;align-items: center;}
.tab-secFour-box .cb-flex-title .name{color: #333;display: inline-block;line-height: 40px;}
.tab-secFour-box .cb-flex-title .grade{display:inline-block;background: var(--portal-color);color: #fff;padding: 3px 5px;height: 25px;line-height: 25px;font-size: 12px;}

/*list 图片文字的新闻*/
.newsList-design{padding: 20px 0;border-bottom-color:#dadada;box-sizing: border-box;display: flex;justify-content: flex-start;transition: all 0.5s;}
.newsList-design .newsL-img{width: 100px;margin-right: 20px;}
.newsList-design .newsL-img a{display: block;width: 100%;padding-bottom: 100%;position: relative;}
.newsList-design .newsL-img a .ts-img{width: 100%;height: 100%;position: absolute;object-fit: cover;}

.newsList-design .news-name{width:100%;line-height:40px;display: flex;justify-content: space-between;}
.newsList-design .news-name .name-left{flex:1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;margin-right: 20px;color: #333;}
.newsList-design .news-name .name-left:hover{color: var(--portal-color);}
.newsList-design .news-title{font-size: 16px;flex: 1;padding: 10px;overflow: hidden;}
.newsList-design .news-title .news-detail{color: #9d9d9d;font-size: 14px;text-align: left;}
.newsList-design .news-name span{color: #888;font-size: 14px;}

/*图片--列表页*/
.imgList{width: 100%;background: #fff;box-sizing: border-box;margin:10px auto 10px;}
.imgList .box-item{display: block;color: #333;width: 100%;}
.imgList .box-item:hover{color: var(--portal-color);}
.imgList .box-item .ts-img-box{width: 100%;padding-top:100%;overflow: hidden;position: relative;/*padding:20px;*/box-sizing: border-box;}
.imgList .box-item .ts-img-box .img-resp{width: 100%;height: 100%;object-fit: cover;position: absolute;top:0;left: 0;}
.imgList .box-item:hover .ts-img-box img{transform: scale(1.1);}
.imgList .box-item .title{line-height: 40px;font-size: 16px;}
.imgList .parameter{display: flex;justify-content: space-between;}
.imgList .parameter .specificPrice{display: inline-block;display: flex;flex-flow:row nowrap;}
.imgList .parameter .specificPrice .para-num{text-decoration: line-through;}
.imgList .parameter .para-price{font-size: 16x;color: var(--portal-color);font-weight: bold;margin-right: 10px;}
/*--列表样式*/
.tab-secTwo-box{width: 100%;padding: 5px;border: solid 1px #efefef;background: #fff;box-sizing: border-box;margin-top:20px;}
.tab-secTwo-box .box-item{display: block;color: #333;}
.tab-secTwo-box .box-item:hover{color: var(--portal-color);cursor: pointer;}
.tab-secTwo-box .box-item .ts-img-box{width: 100%;padding-bottom: 100%;position: relative;overflow: hidden;display: inline-block;}
.tab-secTwo-box .box-item .ts-img-box img{position: absolute;object-fit: cover;}
.tab-secTwo-box .box-item:hover .ts-img-box img{transform: scale(1.1);}
.tab-secTwo-box .box-item .title{line-height: 40px;}
/*美业头条*/
.headline{padding: 0 10px;}
.hl-title{font-size: 16px;font-weight: bold;line-height: 40px;}
.hl-box{border-top: solid 2px #0C0C0C;padding: 10px 0 0;}
/*文字新闻*/
.mr-news-list{padding: 0;margin: 0;list-style: none;}
.mr-news-list li{box-sizing: border-box;width: 100%;}
.mr-news-list .mr-n-item{line-height:50px;display:flex;justify-content: space-between;align-items:center;color: #333;font-size: 15px;border-bottom: dashed 1px #dadada;box-sizing: border-box;}
.mr-news-list .mr-n-item.bor-none{border-bottom: #fff;}
.mr-news-list .mr-n-item:hover{color: var(--portal-color);}
.mr-news-list .mr-n-item .name{flex: 1;vertical-align: middle;padding: 0 10px;box-sizing: border-box;}
.mr-news-list .mr-n-item .num{width: 25px;height:25px;line-height:25px;border-radius:50%;text-align:center;font-size: 14px;color: #fff;background: var(--portal-color);}

/*--标签样式重置*/
.home1-tabs{display: flex;justify-content: center;margin: 20px 0 20px;border-bottom: none;}
.home1-tabs li{border: none;}
.home1-tabs li a{color: #888;margin: 0 10px;font-size:21px;}
.home1-tabs li.active a,.home1-tabs li.active a:hover,.home1-tabs li.active a:focus,.home1-tabs li:hover a{color: var(--portal-color);border:none;background: #fff; }

.tabs-group{display: flex;justify-content: center;margin: 20px 0 20px;border-bottom: none;}
.tabs-group li{border: none;}
.tabs-group li a{color: #888;margin: 0 10px;}
.tabs-group li:hover a{background:var(--portal-color);color: #fff;border: none; }
.tabs-group li.active a,.tabs-group li.active a:focus{background:var(--portal-color);color: #fff;border: none; }
.spe-tab li a{color: #fff;}
.spe-tab li:hover a{background:rgba(266,266,266,0.3);color: #fff;border: none; }
/*--标签样式重置*/

/*标题区*/
.sec-title{text-align: center;padding: 20px 0;line-height: 40px;}
.sec-title .addition{color: var(--portal-color);}
.tabs-title{line-height: 40px;font-size: 24px;text-align: center;padding-top:30px;}

/*店铺列表*/
.por-store-list{padding: 10px 0;}
.por-store-list .store-item{padding: 20px 0px;border-bottom: solid #efefef 1px;display: flex;flex-flow: row nowrap;justify-content: space-between;}
.por-store-list .store-item .st-left{flex: 1;}
.por-store-list .store-item .st-left .st-left-img{float: left;display:block;margin-left: -100%;width: 80px;height: 80px;}
.por-store-list .store-item .st-left  .st-left-word{float: left;display:block;width: 100%;padding-left: 100px;}
.por-store-list .store-item .st-left  .st-left-word .title{color: #0C0C0C;font-size: 16px;margin-bottom: 10px;display: inline-block;}
.por-store-list .store-item .st-left  .st-left-word .save{margin-left: 10px;}
.por-store-list .store-item .st-left  .st-left-word a:hover{color: var(--portal-color);}
.por-store-list .store-item .st-left  .st-left-word .brand{color: gray;font-size: 14px;line-height: 20px;}
.glyphicon.red{color: var(--portal-color);}
.por-store-list .store-item .st-right{display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;}
.store-item .st-right .itemBtn{padding:5px  10px;border: solid 1px var(--portal-color);color: var(--portal-color); width: 100px;flex-shrink: 0;text-align: center;}
.store-item .st-right .num{color: gray;margin-top: 10px;}
@media (min-width: 1400px) {

}
@media (min-width: 1200px) {
    /*--列表样式*/
    .tab-secTwo-box .box-item .ts-img-box{line-height: 30px;}

}
@media (min-width: 770px) and (max-width:1024px){
    /*banner图*/
    .banner{height: 400px;}
    /*美业头条*/
    .headline{height:400px;overflow: hidden;}
    /*图片--列表页*/
    .imgList .box-item .title{line-height: 40px;font-size: 14px;}

}
@media (max-width: 769px) {
    /*banner图*/
    .banner{
        /*height: 260px;*/
        /*aspect-ratio: 16/9; !* 现代浏览器支持 *!
        width: 100%;
        max-width: 800px;
        margin: 0 auto;*/
    }
    /*美业头条*/
    .headline{height: 260px;overflow: hidden;}
    /*新闻*/
    .index-news-box{flex-flow:row nowrap;background: #f6f7fc;height: 90px;}
    .index-news-img{width: 110px;height: 100%;margin-right: 10px;}
    /*列表样式2*/
    .L-secOne .box-item .ts-img-box{line-height: 30px;}
    /*图片--列表页*/
    .imgList .box-item .title{line-height: 40px;font-size: 14px;}
    .headline-more-btn {
        display: none !important;
    }
}
@media (min-width: 320px) and (max-width: 479px){
    .imgList .parameter .specificPrice{flex-flow:column-reverse nowrap;}
    /*标题区*/
    .sec-title{text-align: center;padding: 10px 0;line-height: 30px;}
    .sec-title .h2{font-size: 21px;}
    /*新闻*/
    .index-news-box{height: 80px;}
    .index-news-img{width: 100px;height: 100%;}
    .news-content .title{font-size: 14px;height: 20px;overflow: hidden;line-height: 20px;white-space: normal;}
    /*列表样式2*/
    .L-secOne .box-item .title{font-size: 14px;}
    .L-secOne .box-item .ts-img-box{font-size: 12px;}
    /*list 图片文字的新闻*/
    .newsList-design .news-name{flex-flow: column nowrap;align-items: flex-start;line-height: 20px;}
    .newsList-design .news-name .name-left{font-size: 14px;margin-right: 0;flex: 0;width: 100%;}
    .newsList-design .news-title{padding: 0;border-left: solid 10px #fff;}
    .newsList-design .newsL-img{margin-right: 0;width: 100px;height: 80px;flex-shrink: 0;}
    .newsList-design .news-name span{font-size: 12px;}
    .newsList-design{padding: 5px 0 15px;}
    .newsList-design .news-title{padding: 0;}
    /*标签样式重置*/
    .tabs-group{margin: 30px 0 10px;}
    .tabs-group li a{margin: 0;padding:10px;}
    /*--列表样式*/
    .tab-secTwo-box{padding: 5px;}
    /*店铺列表*/
    .por-store-list .store-item{flex-flow: column nowrap;}
    .por-store-list .store-item .st-right{flex-flow: row-reverse nowrap;justify-content: flex-start;margin-top: 10px;}
    .store-item .st-right .num{margin: 0 20px 0 0;}
    .por-store-list .store-item .st-left .st-left-word .brand{font-size: 12px;}
}
.headline-more-btn {
    float: right;
    margin-top: 0;
    margin-left: 10px;
    padding: 0 14px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #e6007a;
    border-radius: 18px;
    color: #e6007a;
    background: #fff;
    font-size: 15px;
    font-weight: 500;
    box-shadow: 0 2px 8px rgba(230,0,122,0.04);
    transition: background 0.2s, color 0.2s, box-shadow 0.2s;
    text-decoration: none;
    display: inline-block;
}
.headline-more-btn:hover {
    background: #e6007a;
    color: #fff;
    box-shadow: 0 4px 12px rgba(230,0,122,0.10);
}
@media (max-width: 769px) {
    .headline-more-btn {
        font-size: 13px;
        padding: 0 10px;
        height: 28px;
        line-height: 26px;
    }
}
.news-more-btn-mobile {
    display: none;
}
@media (max-width: 769px) {
    .news-more-btn-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 16px auto 0 auto;
        text-align: center;
        background: #fff;
        color: #e6007a;
        border-radius: 18px;
        font-size: 14px;
        padding: 0 12px;
        height: 28px;
        line-height: 26px;
        width: 96px;
        border: 1px solid #e6007a;
        font-weight: 500;
        box-shadow: 0 2px 8px rgba(230,0,122,0.04);
        transition: background 0.2s, color 0.2s, box-shadow 0.2s;
        text-decoration: none;
    }
    .news-more-btn-mobile:active,
    .news-more-btn-mobile:hover {
        background: #e6007a;
        color: #fff;
        box-shadow: 0 4px 12px rgba(230,0,122,0.10);
    }
}
@media (min-width: 992px) {
    .row.align-items-center {
        display: flex;
        align-items: center;
    }
    .row.align-items-center > [class^="col-"] {
        flex: none;
    }
}