.header {
    background-color: #e3e4e5;
}


.navtop {
    width: 1280px;
    height: 40px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}



.nav-left > ul {
    /*width: 360px;*/
    display: flex;
    justify-content: space-between;
}

    .nav-left > ul > li:first-child {
        line-height: 40px;
        /*font-weight: 600;*/
    }

#login, #register {
    line-height: 40px;
    margin-left:10px;
}
.login,
.register {
    display: inline-block;
    width: 68px;
    height: 27px;
    line-height: 27px;
    background-color: #f1f2f4;
    color: #333333;
    border-radius: 21px;
    text-align: center;
    font-weight: 600;
    margin: 6px 10px 0 10px;
}
.register {
    background-color: #f1f2f4;
}
    .register:hover {
      color:#fff;
    }
    .login:hover{
        color:#fff;
    }

a:hover {
    text-decoration: none;
}

.nav-right > ul {
    display: flex;
    justify-content: space-between;
}

    .nav-right > ul > li {
        width: 100px;
        padding: 0 10px;
        height: 30px;
        line-height: 20px;
        color: #666;
        cursor: pointer;
        margin: 10px 0 0 -1px;
        position: relative;
    }

.hidden {
    display: none;
}

.nav-right > ul > li > dl {
    position: absolute;
    top: 30px;
    right: 13px;
    border-top: none !important;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

    .nav-right > ul > li > dl > dd {
        padding: 5px 10px;
    }

.nav-right > ul > li a:hover {
    color: #e62129;
}
button:focus {
    outline: 0;
}
.search {
    width: 1280px;
    margin: 0 auto;
    height: 90px;
    padding: 25px 0 15px;
    display: flex;
    align-items:center;
}

.btn_d {
    /*display: inline-block;*/
    width: 46px;
    height: 27px;
    /*line-height: 27px;*/
    background-color: #2e8a5e;
    color: #fff;
    border-radius: 5px;
    border-color: #2e8a5e;
    text-align: center;
    /*font-weight: 600;*/
    /*margin: 6px 10px 0 10px;*/
}



.logo {
    width: 218px;
    height: 49px;
}

    .logo img {
        width: 218px;
        height:49px;
    }

.searchInput {
    width: 522px;
    margin-left: 146px;
    position:relative;
    height:40px;
}


.searchInput:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    display: block;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    background:url(../image/sousuo2.png);
    z-index:100;
}

.input-button {
  position:relative;
  width:522px;
  overflow:hidden;
}
    .input-button input {
        width: 421px;
        border: 2px solid #d6251f;
        border-right: none;
        height: 40px;
        outline: none;
        /*line-height: 40px;*/
        padding-left: 38px;
        float:left;
        background: #fff;
        /*border-radius:20px 0 0 20px;*/
        /*vertical-align:middle;*/
        /*margin-top:-2px;*/
    }

    .input-button button {
        background: #d6251f;
        width: 100px;
        text-align: center;
        color: #fff;
        border: none;
        height: 40px;
        font-size: 18px;
        outline: none;
        float:left;
        margin-left: -1px;
        /*padding-bottom: 2px;*/
        position:relative;
        /*top:0px;*/
        cursor: pointer;
        /*border-radius:0 20px 20px 0;*/
    }

.input-button span {
    display: inline-block;
    *display: inline;
    zoom: 1;
    background: 0 0;
    float:left;
    vertical-align: top;
    *vertical-align: middle;
    line-height:40px;

}



.search .search-tab {
     padding-left:20px;
}
    .searchInput .search-tab span{
        display: inline-block;
        margin-right: 5px;
        width: 36px;
        height: 24px;
        line-height: 24px;
        border-radius: 8px 8px 0 0;
        text-align: center;
        font-size: 12px;
        cursor: pointer;
    }
.searchInput .search-tab span.isActive{
    background-color: #fe0103;
    color: #fff;
    cursor: default;
}

    .searchInput > ul {
        display: flex;
        margin-top: 5px;
    }

        .searchInput > ul > li {
            margin-left: 10px;
        }

            .searchInput > ul > li > a {
                color: #e62129;
            }

                .searchInput > ul > li > a:hover {
                    color: #c1bf53;
                }

.shopcart > button {
    width: 165px;
    height: 40px;
    border: 1px solid #e5e5e5;
    background: #f9f9f9;
    cursor: pointer;
    margin-left:10px;
    color: #f34d6e;
    font-weight:600;
}

.shopcart .car{
    position: relative;
    padding: 10px 20px 2px 20px;
    width: 51px;
    background: url(../image/cart.png) no-repeat bottom center;
    height: 51px;
    /*border: 1px solid #fff;*/
    top: 16px;
    left: 35px;
    cursor:pointer;
}

.shopcart .car .car_red{
    position: absolute;
    top: 4px;
    right: -2px;
    min-width: 12px;
    height: 17px;
    background: #ff344d;
    color: #fff;
    text-align: center;
    line-height: 12px;
    border-radius: 9px;
    padding: 3px;
}

    .shopcart > button > img {
        width: 26px;
    }

.code {
    margin-top: -20px;
    margin-left: 40px;
}
    .code > img {
        width: 261px;
        height: 107px;
    }

.topNav {
    width: 100%;
    height: 16px;
    /*border-bottom: 2px solid #2e8a5e;*/
    /*margin-top: 40px;*/
}

.navigation {
    width: 1280px;
    margin: 0 auto;
    display: flex;
    position: relative;
}
.navigation0 {
    width: 1216px;
    margin: 0 auto;
    display: flex;
    position: relative;
}


.mt {
    width: 200px;
    color: #fff;
    background-color: #ea4949;
}

.mt {
    width: 200px;
    height: 40px;
    z-index: 999;
    font-size: 16px;
    line-height: 40px;
    padding-left: 30px;
    /* cursor: pointer; */
}

.nav_r {
    display: flex;
}

    .nav_r > li {
        height: 40px;
        line-height: 40px;
        margin-left: 37px;
    }

        .nav_r > li > a {
            font-size: 17px;
        }
            .nav_r > li > a:hover {
                color: #e62129;
            }

.hotline {
   position:absolute;
   top:-4px;
   right:0;
}
[v-cloak] {
    display: none !important;
}
.mc0 {
    background: #fff;
    position: relative;
    z-index: 666;
    /*border-bottom: 1px solid #ccc;*/
    height: 480px;
}
    .mc0 > li {
       /* border-bottom: 1px dashed #6dbcab;*/
    }

        .mc0 > li::after {
            content: '';
            width: 85%;
            display: block;
            margin: 0 auto;
            border-bottom: 1px dashed #2e8a5e;
        }


.item {
    box-sizing: border-box;
    width: 200px;
    height: 60px;
    line-height: 60px;
    font-weight: 600;
    /*padding-left: 20px;*/
    cursor: pointer;
}

    .item:hover {
        background-color: #ddd;
    }

        .item:hover .item_list {
            color: #fff;
            cursor: default;
            /*text-align:center;*/
            margin-left: 38px;
            cursor: pointer;
        }

.pop {
    position: absolute;
    box-sizing: border-box;
    display: none;
    left: 200px;
    top: 0;
    width: 800px;
    height: 480px;
    border: 1px solid #ddd;
    padding: 10px 30px;
    overflow: hidden;
    overflow-y: auto;
    background: #fff;
    z-index: 666;
}
    .pop dl {
        color: #666;
        font-weight: 400;
        padding: 4px 0;
        margin: 0;
        border-bottom: 1px dotted #ddd;
    }

    .pop dt {
        width: 130px;
        float: left;
        text-align: center;
        color: #2e8a5e;
        cursor: default;
    }
        .pop dt > a {
            color: #ddd;
        }

    .pop dd {
     display:flex;
     display:inline-block;
    }

        .pop dd > a {
            margin-right: 10px;
            white-space: nowrap;
            padding-left:10px;
            border-left: 2px solid #bbb;
        }

.block {
    display: block;
}

/*.swiper_weizhi {
   position:absolute;
   top:0;
}  */

.medicine {
    font-weight: bold;
    font-size: 20px;
    color: #3c3c3c;
    height: 42px;
    line-height: 42px;
    margin-top: 13px;
}

.present {
    position: relative;
}

.img_box {
    box-sizing:content-box;
    position: absolute;
    /* bottom: 20px; */
    width: 205px;
    height: 98px;
    background: url(../image/pro_bg.png);
    left: 20px;
    top: 220px;
    text-align: center;
    padding: 37px 25px 0;
    cursor: pointer;
}

    .img_box h3 {
        font-size: 18px;
        font-weight: bold;
        height: 26px;
        overflow: hidden;
    }

    .img_box p {
        margin-top: 5px;
        padding-top: 4px;
        height: 31px;
    }

/* 右边目录 */
.rightmenu {
    width: 200px;
    height: 500px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 10px;
    padding:5px;
    z-index: 15;
    /*border-bottom: 1px solid #ccc;*/
    /*border-top: 2px solid #1d2934;*/
}

.login1 {
    text-align: center;
}

   

.login1 p {
        color: #555;
    }


.clearfix0 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

    .clearfix0 li {
        width: 99px;
        height: 75px;
        /* float:left; */
        text-align: center;
        border-left: 1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
    }

    .clearfix0 > li > a {
        transition: margin-bottom 1s;
    }

        .clearfix0 > li > a:hover {
            margin-bottom: 10px;
        }

.health {
    color: #3c3c3c;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    padding: 0 10px 0 14px;
    margin-top: 12px;
    position: relative;
    margin-bottom: 10px;
}
.health img{
    width:10px;
    height:10px;
    position:absolute;
    top:17px;
}
.health>span{
    font-weight:600;
}
    .health::after {
        content: '';
        width: 100%;
        display: block;
        margin: 0 auto;
        border-bottom: 1px dashed #e5e5e5;
    }

    .health a {
        font-size: 12px;
        color: #666;
        float: right;
    }
        .health a:hover {
            color: #2e8a5e!important;
        }

/*.anouce1 {
    padding: 5px 8px;
     height: 150px; 
    overflow: hidden;
    border-top: 1px solid #eaeaea;
}

    

.anouce1 p {
        width: 180px;
        line-height: 26px;
        height: 26px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }*/

/* 轮播图 */
.per-container {
    position: relative;
    width: 100%;
    height: 480px;
}

.per-slide {
    text-align: center;
}

    .per-slide > img {
        width: 1280px;
        height: 520px;
    }

.slide1 {
    background: #fd7b25;
}

.slide2 {
    background: #9b1318;
}

.exhibition {
    width: 1280px;
    margin: 0 auto;
}

.present_img {
    background-color: #eee;
}

    .present_img > li {
        height: 83px;
        padding: 0 16px;
        width:295px;
        padding-bottom: 10px;
        margin-top:5px;
        margin-bottom:5px;
    }

        .present_img > li > a > div {
            padding-top: 20px;
            padding-left: 95px;
            transition: padding-left 1s;
        }

            .present_img > li > a > div:hover {
                padding-left: 105px;
            }

        .present_img > li img {
            width: 83px;
            height: 83px;
            float: left;
        }

        .present_img > li h3 {
            font-size: 16px;
        }

        .present_img > li h4 {
            font-size: 12px;
            color: #666;
        }

/* 1f布局 */
.floor1 {
    width: 1280px;
    margin: 0 auto;
    position:relative;
}

.family {
    display: flex;
    height: 450px;
}

.floor_one {
    width: 200px;
    position: relative;
}

.floor_two {
    width: 340px;
    padding:10px;
    position: relative;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #f5643d;
}

.floor_three {
    width: 1080px;
    border-bottom: 1px solid #ddd;
    
    border-right: 1px solid #ddd;
}

    .floor_three > ul > li img {
        transition: all 0.3s;  
    }

        .floor_three > ul > li img:hover {
            margin-left: 80px;
        }

.floor_four {
    width: 280px;
    border-top: 1px solid #f5643d;
}

.floor_five p {
    height: 20px;
    overflow: hidden;
    padding: 10px;
}

.floor_five li {
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    padding-bottom: 9px;
    border-right: 1px solid #eaeaea;
}

.floor_five img {
    float: right;
    padding-right: 10px;
    transition: all 0.3s;
}

    .floor_five img:hover {
        margin-right: 10px;
    }

.floor_one_box {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 179px;
}

    .floor_one_box > ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .floor_one_box > ul:first-child > li {
            width: 89px;
            height: 30px;
            line-height: 30px;
            overflow: hidden;
            text-align: center;
            background-color: rgba(90, 90, 90, 0.2);
        }

            .floor_one_box > ul:first-child > li > a {
                color: #fff;
                font-size: 12px;
                
            }

                .floor_one_box > ul:first-child > li > a:hover {
                    color: #fff;
                }

        .floor_one_box > ul:last-child {
            background-color: #bbb;
        }

.mar_top {
    margin-top: 1px;
}

.floor_two_box {
    position: absolute;
    width: 256px;
    height: 99px;
    left: 37px;
    bottom: 28px;
    padding: 28px 15px 0;
    cursor: pointer;
    background-color: #ffebe5;
}

    .floor_two_box > h3 {
        font-size: 24px;
        font-weight: bold;
        text-align: center;
    }

    .floor_two_box > p {
        font-size: 12px;
        text-align: center;
    }

.floor_three > ul {
    display: flex;
    flex-wrap: wrap;
}

    .floor_three > ul > li {
        width: 359px;
        height: 224px;
        overflow: hidden;
        border-left: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }

        .floor_three > ul > li img {
            margin: 0 0 0 100px;
            width: 160px;
            height: 160px;
        }

        .floor_three > ul > li p {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            text-align: center;
        }

        .floor_three > ul > li > a > div {
            margin-top: 10px;
            height: 10px;
            line-height: 20px;
        }

/*  */
.item_list {
    color: #555;
    /*text-align: center;*/
    margin-left: 30px;
}

.store {
    font-weight: bold;
    font-size: 20px;
    color: #3c3c3c;
    height: 42px;
    line-height: 42px;
    margin-top: 13px;
}

/* r热门品牌 */
.brand {
    width: 1280px;
    margin: 0 auto;
    margin-top: 20px;
}
    .brand > .hotad {
        width: 1280px;
        margin-bottom: 20px;
    }

    .brand p {
        font-size: 24px;
        color: #131313;
        font-family: "微软雅黑";
        font-weight: normal;
        margin-bottom: 14px;
    }

    .brand ul {
     /*   border-left: 1px solid #eaeaea;
        border-top: 1px solid #eaeaea;*/
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

        .brand ul li {
            width: 145px;
         /*   border-right: 1px solid #eaeaea;
            border-bottom: 1px solid #eaeaea;*/
         margin-bottom:12px;
        }

            .brand ul li img {
                width: 145px;
                height: 99px;
                border: none;
                vertical-align: top;
            }

.guide {
    width: 1280px;
    margin: 20px auto !important;
}

.content_list {
    width: 650px;
    display: flex;
    justify-content: space-around;
    padding-top: 40px;
}

    .content_list > li > p:first-child {
        font-size: 16px;
        color: #666;
    }

    .content_list > li > p {
        margin-bottom: 8px;
       
    }

        .content_list > li > p > a {
            display: block;
            text-indent: 40px;
            color: #6a6a6a;
        }

            .content_list > li > p > a:hover {
                color: #e6196d;
            }

.info_content {
    width: 200px;
    padding-top: 40px;
    
}

    .info_content > p:first-child {
        font-size: 22px;
        line-height: 32px;
        height: 32px;
        color: #3b3b3b;
    }

    .info_content > p:nth-child(2) {
        height: 18px;
        line-height: 18px;
        padding-bottom: 6px;
        color: #a5a5a5;
        border-bottom: 1px solid #a4a4a4;
    }

    .info_content > a {
        height: 24px;
        line-height: 24px;
        display: block;
        margin-top: 11px;
        color: #8f8f8f;
    }

.info_code {
    width: 350px;
    text-align: center;
}

.list_box {
    width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    background-color: #f2f2f2;
}
/* 右边固定导航栏 */
.rightnav {
    width: 36px;
    height: 100%;
    background: #666;
    opacity: 0.8;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}

    .rightnav > ul {
        padding-top: 150px;
    }

        .rightnav > ul > li {
            margin-top: 20px;
            text-align: center;
            cursor: pointer;
        }

            .rightnav > ul > li img {
                width: 36px;
            }

            .rightnav > ul > li > p {
                color: #fff;
            }

            .rightnav > ul > li:nth-child(2), .rightnav > ul > li:nth-child(3) {
                position: relative;
            }

                .rightnav > ul > li:nth-child(2) > span {
                    position: absolute;
                    padding: 2px 5px;
                    background-color: #eb3235;
                    border-radius: 15px;
                    top: 3px;
                    right: -2px;
                    color: #fff;
                }

                .rightnav > ul > li:nth-child(3) > span {
                    position: absolute;
                    padding: 2px 5px;
                    background-color: #eb3235;
                    border-radius: 15px;
                    bottom: 10px;
                    right: 8px;
                    color: #fff;
                }

            .rightnav > ul > li:hover {
                background-color: #eb3235;
            }

            .rightnav > ul > li:last-child {
                position: absolute;
                bottom: 0;
            }

.footer {
    width: 1140px;
    margin: 0 auto;
    text-align: center;
    margin-top: 30px;
    border-top: 1px solid #ddd;
    padding: 20px 0;
}
.clearfix0 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.isDL_btn {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    margin-top: 20px;
    width: 100%;
    margin-bottom:20px;
}
.isDL_btn span {
    cursor: pointer;
    display: inline-block;
    border-radius: 20px;
    height: 100%;
    width: 80px;
    border: 1px solid #e62129;
}
.title_p {
    padding: 0 10px 0 14px;
    margin-bottom: 10px;
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    font-size: 12px;
    width: 166px;
    /*overflow: hidden;*/
}
.title_p a{
    color:#666;
}
    .title_p a:hover {
        color: #2e8a5e;
    }


#search_input {
    position: relative;
}
#mylist {
    position: absolute;
    top: 39px;
    width: 421px;
    left: 0px;
}

.sug-list {
    background: #fff;
    border-bottom: 1px solid red;
    border-left: 1px solid red;
    border-right: 1px solid red;
}

.sug-list .sug-item {
    font-size: 14px;
    line-height: 32px;
    padding-left: 10px;
    padding-right:10px;
    text-align: left;
    overflow: hidden;
    cursor: pointer;
}
.sug-item-hover {
    background: #252323;
    color:#fff;
    
}
.carousel-item-background2 {
    background-image: linear-gradient(to right, #f00724, #e34829);
}
.carousel-item-background1 {
    background-image: linear-gradient(to right, #d1e8e6, #a9cfca);
}
.btn-count {
    float: right;
    margin-right:5px;
    margin-top:3px;
    min-width: 20px;
    height: 20px;
    background: #da1026;
    border-radius: 10px;
}
.mynew_img {
  width:30px;
  height:30px;
  margin-bottom:10px;
}
.huore_img {
  width:15px;
  height:15px;
  margin-bottom:10px;
}
.article {
    /*border-bottom: 1px solid #f1f2f4;*/
}

.xdh {
    position: absolute;
    top: 18px;
    right: 0px;
}
    .xdh span {
        color: #ddd;
}
.header-image {
   width:100%;
}
.demonstrate {
     width:1280px;
     
     margin:10px auto;
}
.demonstrate-c {
     width: 422px;
    height: 404px;
    display: flex;
    flex-wrap: wrap;
}
.demonstrate-k {
   width:635px;
   display:flex;
}
.demonstrate-j {
    width: 211px;
    height:202px;
   
}
.header-content {
    background-color:#fff;
    position:relative;
}
.source-img {
   /*margin-left:138px;*/
   position:fixed;
   z-index:20;
   top:77%;
   left:71px;
}

/*侧边导航栏*/

.toolbar {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 36px;
    height: 100%;
    background-color: #ff344d;
    z-index: 999;
}
    .toolbar .heard_img {
        position: relative;
        height: 166px;
        cursor: pointer;
        margin-top: 60px;
    }
        .toolbar .heard_img .tool-img {
            background: url(https://design.ehaoyao.com/new_site/static/images/toolbar.png) no-repeat 0 0;
            display: block;
            height: 166px;
        }
    .toolbar .carImg, .toolbar .demandImg {
        color: #fff;
        width: 100%;
        text-align: center;
        cursor: pointer;
    }
        .toolbar .carImg .tip_car, .toolbar .demandImg .tip_car {
            position: relative;
            padding-top: 10px;
        }
        .toolbar .carImg .tip_car, .toolbar .demandImg .tip_car {
            position: relative;
            padding-top: 10px;
        }
        .toolbar .carImg .toolbar-line span, .toolbar .demandImg .toolbar-line span {
            color: #000;
            background: #fff;
            width: 26px;
            display: inline-block;
            border-radius: 5px;
            margin: 10px 0;
        }
    .toolbar .favirate {
        margin: 20px 0 10px 0;
        width: 100%;
        position: relative;
        cursor: pointer;
        height: 27px;
    }
        .toolbar .favirate p i {
            background: url(../image/menu_icon.png) no-repeat -228px -548px;
            display: inline-block;
            width: 100%;
            height: 30px;
        }
    .toolbar .gz {
        margin-top: 10px;
        position: relative;
    }
        .toolbar .gz p i {
            background: url(../image/icon_menu.png) no-repeat 6px 2px;
            display: inline-block;
            width: 100%;
            height: 30px;
        }

/*全部分类*/

.product-content[data-v-8b3e9c76] {
    width:1280px;
    margin:0 auto;
    margin-top:27px;
    position:relative;
}
.product-sort {
   width:190px;
}

.product-sort .product-title {
    height: 52px;
    line-height: 52px;
    background-color: #fff;
    color: #333;
    cursor: pointer;
}
    /*.product-sort .product-title[data-v-8b3e9c76] {
        width: 190px;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        text-align: center;
        color: #fff;*/
        /*    background: -moz-linear-gradient(left,rgba(255,50,98,1),rgba(255,50,98,0.2));
        background: -ms-linear-gradient(left,rgba(255,50,98,1),rgba(255,50,98,0.2));
        background: -o-linear-gradient(left,rgba(255,50,98,1),rgba(255,50,98,0.2));
        background: -webkit-linear-gradient(left,rgba(255,50,98,1),rgba(255,50,98,0.2));*/
        /*background: -moz-linear-gradient(left,rgba(254,0,0,1),rgba(229,135,1,0.2));
        background: -ms-linear-gradient(left,rgba(254,0,0,1),rgba(229,135,1,0.2));
        background: -o-linear-gradient(left,rgba(254,0,0,1),rgba(229,135,1,0.2));
        background: -webkit-linear-gradient(left,rgba(254,0,0,1),rgba(229,135,1,0.2));
    }*/



.product-sort .product-title img[data-v-8b3e9c76] {
    margin-right: 10px;
    margin-top: -3px;
    vertical-align: middle;
}
.product-sort-list[data-v-8b3e9c76] {
    display: none;
    position: absolute;
    left: 0px;
    width: 15%;
    /*background: #fff;*/
    border: 1px solid #f2f2f2;
    z-index: 2001;
}
.product-sort-list > .product-sort-list-item > .item-3[data-v-8b3e9c76] {
    position: relative;
    height: 44px;
    line-height: 44px;
}

.product-sort-list > .product-sort-list-item > .item-3 > a[data-v-8b3e9c76] {
    /*padding: 0 0 0 20px;*/
    color: #fff;
}

.product-sort-list > .product-sort-list-item > .item-3 .el-icon-arrow-right[data-v-8b3e9c76] {
    position: absolute;
    right: 10px;
    top: 0;
    line-height: 44px;
    color: #ccc;
    font-size: 12px
}

.product-sort-list > .product-sort-list-item > .item-3.isActive[data-v-8b3e9c76] {
    background: #e4f6db
}

.product-sort-list > .product-sort-list-item > .item-3.isActive .el-icon-arrow-right[data-v-8b3e9c76], .product-sort-list > .product-sort-list-item > .item-3.isActive a[data-v-8b3e9c76] {
    color: #e4f6db
}

.product-sort:hover .product-sort-list[data-v-8b3e9c76] {
    display: block;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}



[class*=" el-icon-"], [class^=el-icon-] {
    font-family: element-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.product-sort-list > .item-3 > a[data-v-8b3e9c76]:hover {
    text-decoration: underline;
    color: #66bb6a
}

.product-sort-list .item-bd[data-v-8b3e9c76] {
    /*position: absolute;
    left: 189px;*/
    /*top: -1px;*/

    
    /*padding: 20px 30px;
    width: 1000px;
    min-height: 354px;
    background: #fff;
    border: 1px solid #66bb6a;
    z-index: 1000;
    display:none;*/
}

.product-sort-list .item-bd > dl[data-v-8b3e9c76] {
    position: relative;
    margin-top: 15px;
    padding-left: 110px;
    font-size: 12px
}

    .product-sort-list .item-bd > dl[data-v-8b3e9c76]:first-child {
        margin-top: 0px;
    }

/*.product-sort-list .item-bd > dl dt[data-v-8b3e9c76] {
    display: inline-block;
    margin-left: -110px;
    padding-right: 20px;
    width: 110px;
}*/

.product-sort-list .item-bd > dl dt a[data-v-8b3e9c76] {
    color: #66bb6a
}




.product-sort-list .item-bd > dl dd[data-v-8b3e9c76] {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top
}

.product-sort-list .item-bd > dl dd a[data-v-8b3e9c76] {
    color: #666
}

    .product-sort-list .item-bd > dl dd a[data-v-8b3e9c76]:hover {
        color: #66bb6a
    }

/*右导航*/

.nav-top-r[data-v-07dbcb05] {
    float: right;
    line-height:40px;
}
.item-4[data-v-07dbcb05] {
    position: relative;
    display: inline-block;
    padding: 0 15px;
}
a[data-v-07dbcb05]:hover {
    color: #fe0103;
}
.item-4[data-v-07dbcb05]:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    margin-top: -5px;
    width: 1px;
    height: 10px;
    background-color: #ccc;
}
.contact[data-v-4b0ab0ee] {
    display: inline-block;
    margin-left: 60px;
    overflow: hidden;
    height:62px;
}
.contact .item-5.qq[data-v-4b0ab0ee] {
    padding-left: 25px;
    height: 20px;
    line-height: 20px;
    color: #666;
}
.contact .item-5.qq[data-v-4b0ab0ee]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../image/qq.png) no-repeat;
}
.contact .item-5.phone[data-v-4b0ab0ee]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 3px;
    display: block;
    width: 15px;
    height: 15px;
    background: url(../image/phone.png) no-repeat;
}
.contact .item-5[data-v-4b0ab0ee] {
    position: relative;
    margin-bottom: 6px;
    color: #999;
    font-size: 12px;
}
.wx[data-v-4b0ab0ee] {
    float: right;
    position: relative;
    display: inline-block;
    margin-top: -23px;
    margin-left: 177px;
    border: 1px solid #ccc;
    background: #f0f3ef;
}
.wx[data-v-4b0ab0ee]:before {
    display: inline-block;
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -4px;
    content: "";
    height: 8px;
    width: 8px;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0 0 1px;
    -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
    transform: matrix(.71,.71,-.71,.71,0,0);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    background: #f0f3ef;
}
.wx .wx-img[data-v-4b0ab0ee] {
    position: relative;
    margin: 4px;
    width: 64px;
    height: 64px;
    vertical-align: top;
}
.contact .item-5.phone[data-v-4b0ab0ee] {
    padding-left: 25px;
    height: 15px;
    line-height: 15px;
    font-size: 14px;
    color: #666;
}
.showlist {
   display:block;
}
.layui-layer-btn .layui-layer-btn0 {
    border-color: #d6251f !important;
    background-color: #d6251f !important;
    color: #fff !important;
}

.product-sort-list-item {
   position:relative;
}


/*新导航*/

.sideleft {
    padding: 15px 0 20px 20px;
    display: inline;
    background: #fff;
    float: left;
    border-right: #d6251f 1px solid;
    width: 694px;
    float: left;
}

.sideleft h3 {
    line-height: 24px;
    width: 370px;
    height: 24px;
    color: #312C26;
    font-weight: bold;
    font-size: 12px !important;
}

.sideleft li {
    width: 470px;
    display: inline;
    float: left;
    border-top: 1px solid #f6efe6;
    margin-right: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
}


    .sideleft li b {
        color: #f60;
        border: medium none;
        font-weight: normal;
    }

    .sideleft li b {
        width: 100%;
        float: left;
        margin-bottom: 5px;
    }

    .sideleft li div {
        width: 680px;
        margin-top: -7px;
        float: left;
    }


        .sideleft li div a:visited {
            border-left: 1px solid #d1d1d1;
            padding: 0 0 0 10px;
            float: left;
            height: 14px;
            color: #000;
            line-height: 14px;
            margin: 11px 10px 0px 0px;
            white-space: nowrap;
        }

        .sideleft li div a {
            border-left: 1px solid #d1d1d1;
            padding: 0 0 0 10px;
            float: left;
            height: 14px;
            color: #000;
            line-height: 14px;
            margin: 11px 10px 0px 0px;
            white-space: nowrap;
        }


.clear5 {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

.menv03 {
    z-index: 1;
    position: absolute;
    display: none;
    width: 694px;
    top: -44px;
    border: 1px solid #d6251f;
    /* background: #fffdf3; */
    left: 188px;
}

.sideleft li div a:hover {
    text-decoration: underline;
    color: #f60;
}

.search-header {
    width: 1280px;
    margin: 0 auto;
    height: 125px;
    padding: 25px 0 15px;
}
.search-header-logo {
  float:left;
}

.search-input-new {
    width: 520px;
    margin-left: 196px;
    /*position: relative;*/
    height: 89px;
    float: left;
}

.license {
    text-align: center;
    margin-top: 25px;
    font-size: 14px;
    min-width: 1080px;
}

.copyright {
    text-align: center;
    margin-top: 14px;
    margin-bottom: 80px;
    font-size: 15px;
    min-width: 1080px;
}
.license span {
    color: #FB6C11;
    font-size: 14px;
}
.copyright span {
    font-weight: bold;
}
.shopcart {
   display:flex;
   margin-left:40px;
}

.product-sort-list1[data-v-8b3e9c76] {
    display: none;
    position: absolute;
    left: 0px;
    top:44px;
    width: 190px;
    background: #fff;
    border: 1px solid #f2f2f2;
    z-index: 2001;
}
.product-sort-list1 > .product-sort-list-item > .item-3 > a[data-v-8b3e9c76] {
    padding: 0 0 0 20px;
    color: #333;
}
.product-sort-list1 > .product-sort-list-item > .item-3.isActive[data-v-8b3e9c76] {
    background: #e4f6db
}

.product-sort-list1 > .product-sort-list-item > .item-3.isActive .el-icon-arrow-right[data-v-8b3e9c76], .product-sort-list > .product-sort-list-item > .item-3.isActive a[data-v-8b3e9c76] {
    color: #333;
}


.elevator {
    display: none;
    position: fixed;
    top: 249px;
    left: 40px;
    width: 34px;
    overflow: hidden;
    z-index: 1000;
}

    .elevator li {
        width: 34px;
        height: 36px;
        border-bottom: 1px solid #fff;
        overflow: hidden;
        line-height: 34px;
        background: #626262;
        color: #fff;
        cursor: pointer;
    }

    .elevator a {
        display: block;
        margin: 0 auto;
        width: 34px;
        height: 41px;
        line-height: 16px;
        text-align: center;
        font-family: Arial;
        font-size: 12px;
        color: #fff;
        padding: 2px 0;
    }

    .elevator .dh {
        font-size: 12px;
        color: #fff;
        background: #ff0036;
        width: 34px;
        height: 36px;
        border-bottom: 1px #fff solid;
        text-align: center;
        line-height: 36px;
    }

    .elevator p.rTop {
        border-bottom: 0;
        background: #acacac;
    }

    .elevator li.hover0,
    .elevator li.cur0 {
        background-color: #28c4af;
    }

    .elevator li.hover1,
    .elevator li.cur1 {
        background-color: #c18311;
    }

    .elevator li.hover2,
    .elevator li.cur2 {
        background-color: #7d61ab;
    }

    .elevator li.hover3,
    .elevator li.cur3 {
        background-color: #f96161;
    }

    .elevator li.hover4,
    .elevator li.cur4 {
        background-color: #3daff7;
    }

    .elevator p.rTop {
        background-color: #acacac;
    }

    .elevator li.hover a,
    .elevator li.cur a {
        display: none;
        color: #fff;
    }

        .elevator li.hover a.etitle,
        .elevator li.cur a.etitle,
        .elevator p.rTop a {
            display: block;
        }

    .elevator p.rTop i {
        background: url(../image/elever.png) no-repeat 10px 3px;
        display: inline-block;
        height: 15px;
        width: 34px;
    }

    .elevator a:hover {
        text-decoration: none;
        color: #fff;
    }

    .elevator li a.etitle {
        display: none;
        font-family: "\5FAE\8F6F\96C5\9ED1";
        font-size: 12px;
        text-align: center;
        color: #fff;
    }


    .elevator li.hover1, .elevator li.cur1 {
        background-color: #c18311;
    }


.navigation-header {
    width: 100%;
    background: #ff344d;
    height: 44px;
}

.navigation-center {
    display: flex;
    background: #ff344d;
    height: 44px;
    /* margin-left: 13px; */
    float: left;
}

    .navigation-center li {
        width: 165px;
        line-height: 44px;
        text-align: center;
        position: relative;
    }

        .navigation-center li a {
            color: #fff;
        }

        .navigation-center li:hover {
            background: #cc0e25;
        }

.product-title[data-v-8b3e9c76] {
    width: 190px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background-color: #cc0e25;
}