/*===================================*/
/*==============展示页面=============*/
/*===================================*/


/*#region ===========首页banner===========*/

.ban_bg {
    width: 90%;
    height: 500px;
    overflow: hidden;
    margin: 0 auto;
    background: #f9f9f9;
    position: relative;
    z-index: 1;
}

.ban {
    width: 64%;
    height: 480px;
    margin: 20px 0 0 180px;
    overflow: hidden;
}

/*漂浮层*/

.ibanfloat {
    width: 20%;
    height: 490px;
    margin: 20px 0 0;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
}

.ibanfloat_title {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #ddd;
}

    .ibanfloat_title span {
        height: 50px;
        line-height: 50px;
        display: inline-block;
        overflow: hidden;
        margin: 0 20px;
        color: #333;
        font-size: 16px;
        position: relative;
    }

        .ibanfloat_title span::after {
            content: " ";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background: linear-gradient(328deg, #7d90ff, #b921f3);
            z-index: 2;
        }

.ibanfloat_news {
    height: 172px;
    padding: 10px 0;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

    .ibanfloat_news li {
        height: 34px;
        line-height: 34px;
        overflow: hidden;
    }

        .ibanfloat_news li a {
            display: block;
            overflow: hidden;
            padding: 0 20px;
        }

        .ibanfloat_news li i {
            float: left;
            font-size: 16px;
            font-weight: bold;
            margin: 0 6px 0 0;
        }

        .ibanfloat_news li span {
            color: #666;
        }

        .ibanfloat_news li a:hover span {
            color: #80b1ff;
        }

/*轮播产品*/

.ibanfloat_box {
    overflow: hidden;
    position: relative;
}

.ibanfloat_item a.img {
    width: 200px;
    height: 200px;
    display: block;
    overflow: hidden;
}

    .ibanfloat_item a.img img {
        width: 200px;
        height: 200px;
    }

.ibanfloat_item a.name {
    height: 20px;
    line-height: 20px;
    display: block;
    overflow: hidden;
    margin: 10px 0 5px 0;
    padding: 0 10px;
    color: #666;
    font-size: 13px;
}

.ibanfloat_item span {
    line-height: 20px;
    font-size: 14px;
    color: #80b1ff;
    font-weight: bold;
}

    .ibanfloat_item span.left {
        margin-left: 10px;
    }

    .ibanfloat_item span.right {
        margin-right: 10px;
    }

/*快捷导航*/

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

    .ibanfloat_link ul li {
        width: calc(33.3% - 1px);
        text-align: center;
        padding: 15px 0;
        border-width: 0 0 1px 1px;
        border-color: #f9f9f9;
        border-style: solid;
    }

        .ibanfloat_link ul li i {
            display: block;
            font-size: 24px;
            -webkit-background-clip: text;
            color: transparent;
            margin-bottom: 5px;
        }

            .ibanfloat_link ul li i.xs-wode {
                background-image: -webkit-gradient(linear,0 0,right 0,from(#e89621),to(#f5c568));
            }

            .ibanfloat_link ul li i.xs-dingdan {
                background-image: -webkit-gradient(linear,0 0,right 0,from(#325bb4),to(#4c9afe));
            }

            .ibanfloat_link ul li i.xs-shoucangxiao {
                background-image: -webkit-gradient(linear,0 0,right 0,from(#1c9daf),to(#40cda7));
            }

            .ibanfloat_link ul li i.xs-baozhang {
                transform: scale(1.1);
                background-image: -webkit-gradient(linear,0 0,right 0,from(#d13837),to(#df6d4f));
            }

            .ibanfloat_link ul li i.xs-sdfahuo {
                transform: scale(1.2);
                background-image: -webkit-gradient(linear,0 0,right 0,from(#ca4283),to(#eb75cf));
            }

            .ibanfloat_link ul li i.xs-tuihuo {
                background-image: -webkit-gradient(linear,0 0,right 0,from(#5d40c1),to(#8c5fdb));
            }

/*箭头*/

.ibanitem_btn {
    width: 17px;
    height: 40px;
    line-height: 40px;
    display: block;
    overflow: hidden;
    text-align: center;
    background: #000;
    background: rgba(0,0,0,0.4);
    color: #fff;
    font-size: 14px;
    position: absolute;
    z-index: 100;
}

    .ibanitem_btn:hover {
        color: #fff;
    }

.ibanitem_left {
    top: 85px;
    left: 0;
    padding-left: 3px;
}

.ibanitem_right {
    top: 85px;
    right: 0;
    padding-right: 3px;
}

/*#endregion */


/*#region ===========首页限时促销===========*/

/*侧边导航*/

#loutinav {
    width: 50px;
    position: fixed;
    top: calc(50vh - 250px);
    left: 10%;
    border: 1px solid #ddd;
    z-index: 9;
    display: none;
}

    #loutinav ul li {
        box-sizing: border-box;
        width: 100%;
        border-bottom: 1px dotted #ddd;
        text-align: center;
        position: relative;
        cursor: pointer;
        background: #fff;
        color: #666;
    }

        #loutinav ul li span {
            display: block;
            line-height: 160%;
            padding: 5px 10px;
            text-align: center;
        }

        #loutinav ul li.last {
            background: #5e4a4a;
            color: #fff;
            border-bottom: 1px solid #ddd;
        }

        #loutinav ul li.active span {
            background: #80b1ff;
            color: #fff;
        }

        #loutinav ul li:hover span {
            background: #80b1ff;
            color: #fff;
        }

/*促销广告*/

.iadv-s {
    margin: 0 auto 30px auto;
}

    .iadv-s a {
        float: left;
        display: inline-block;
        font-size: 0;
        letter-spacing: -4px;
        width: 33.33%;
        min-height: 10px;
        background: #eee;
    }

        .iadv-s a img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.3s ease;
        }

        .iadv-s a:hover img {
            opacity: 0.8;
        }

/*限时促销*/
.ilimit-s {
    margin: 0 auto 30px auto;
}

    .ilimit-s .timebox {
        width: 15%;
        height: 292px;
        background: url(../images/mximg.png) center top no-repeat;
        background-size: cover;
        color: #fff;
        text-align: center;
    }

        .ilimit-s .timebox h2 {
            font-size: 24px;
            font-weight: bold;
            margin: 30px 0 0;
        }

        .ilimit-s .timebox em {
            font-size: 14px;
            font-style: normal;
            line-height: 200%;
        }

        .ilimit-s .timebox p {
            font-size: 14px;
            margin: 90px auto 15px;
        }

        .ilimit-s .timebox .timmer .timmer-unit {
            display: inline-block;
            width: 30px;
            height: 30px;
            line-height: 30px;
            background: #333;
            border-radius: 6px;
            font-size: 14px;
        }

        .ilimit-s .timebox .timmer em {
            font-style: normal;
            margin: 0 5px;
        }

    .ilimit-s .list {
        width: 85%;
        background: #fff;
        position: relative;
    }

/*列表*/

.ilimit_list {
    width: 100%;
    height: 280px;
    position: relative;
}

    .ilimit_list div.swiper-container {
        overflow: visible;
    }

.ilimit_item {
    height: 320px;
    background: #fff;
    position: relative;
    box-sizing: border-box;
    padding: 0 10px;
    transition: all 0.3s ease;
    max-width: 192px;
}

    .ilimit_item a.img {
        display: block;
        padding: 10px 0 0;
        overflow: hidden;
    }

        .ilimit_item a.img img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.3s ease;
        }

    .ilimit_item:hover a.img img {
        transform: scale(1.08);
    }

    .ilimit_item a.name {
        height: 50px;
        line-height: 25px;
        display: block;
        overflow: hidden;
        margin: 10px 0 5px;
        color: #666;
        font-size: 14px;
    }

    .ilimit_item p.price {
        height: 40px;
        line-height: 40px;
        display: block;
        margin: 0 0 5px;
        overflow: hidden;
    }

        .ilimit_item p.price span {
            float: left;
            font-size: 18px;
            color: #80b1ff;
            margin-right: 10px;
        }

        .ilimit_item p.price s {
            color: #8c8c8c;
            font-size: 14px;
        }

    .ilimit_item a.btn {
        width: 100%;
        height: 40px;
        line-height: 40px;
        background: linear-gradient(90deg, #7daeff, #219cf3);
        color: #fff;
        font-size: 15px;
        color: #fff;
        text-align: center;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 100;
        display: none;
        overflow: hidden;
    }

    .ilimit_item:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

        .ilimit_item:hover a.btn {
            display: block;
        }

/*箭头*/

.ibanlimit_btn {
    width: 30px;
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
    background: rgba(0,0,0,0.3);
    color: #fff;
    font-size: 16px;
    position: absolute;
    z-index: 100;
    transition: all 0.3s ease;
}

    .ibanlimit_btn:hover {
        background: rgba(0,0,0,0.5);
        color: #fff;
    }

.ibanlimit_left {
    top: 120px;
    left: 0;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
}

.ibanlimit_right {
    top: 120px;
    right: 0;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
}

/*促销盒子*/

.iadv-box {
    width: 90%;
    margin: 0 auto 30px auto;
}

    .iadv-box .iadv-boxc {
        background: url(/pcshop/images/iadvboxbg.png) center top no-repeat;
        margin-left: -5%;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        background-size: 100% auto
    }

        .iadv-box .iadv-boxc ul {
            float: right;
            width: 980px;
            min-height: 200px;
            margin: 20px 20px 0 0;
        }

            .iadv-box .iadv-boxc ul li {
                float: left;
                font-size: 0;
                letter-spacing: -4px;
                width: calc(20% - 12px);
                margin-right: 15px;
                margin-bottom: 15px;
            }

                .iadv-box .iadv-boxc ul li:nth-child(5n) {
                    margin-right: 0;
                }

                .iadv-box .iadv-boxc ul li a img {
                    max-width: 100%;
                    border-radius: 10px;
                }

                .iadv-box .iadv-boxc ul li:hover img {
                    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
                    transform: translateY(-5px);
                    transition: all 0.3s ease;
                }

/*#endregion */


/*#region ===========首页图组===========*/

.iadv {
    width: 1600px;
    overflow: hidden;
    margin: 0 auto 60px auto;
}

.iadv_ban {
    float: left;
    width: 594px;
    height: 280px;
    overflow: hidden;
    margin: 0 0 10px 0;
}

.iadv_img1 {
    float: left;
    width: 192px;
    height: 280px;
    display: block;
    overflow: hidden;
    background: #f3f2f9;
    margin: 0 0 10px 10px;
}

    .iadv_img1 img {
        max-width: 100%;
        max-height: 100%;
    }

.iadv_img2 {
    float: left;
    width: 292px;
    height: 200px;
    display: block;
    overflow: hidden;
    background: #f3f2f9;
    margin: 0 10px 0 0;
}

    .iadv_img2 img {
        max-width: 100%;
        max-height: 100%;
    }

.iadv_img3 {
    float: right;
    width: 292px;
    height: 200px;
    display: block;
    overflow: hidden;
    background: #f3f2f9;
}

    .iadv_img3 img {
        max-width: 100%;
        max-height: 100%;
    }

.home-standard-layout {
    width: 90%;
    overflow: hidden;
    margin: 0 auto 30px auto;
}

.p-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.p-img-scale img {
    transition: transform .5s;
}

.p-img-scale:hover img {
    transform: scale(1.05);
}

/*组图1+2*/

.com-floor {
    overflow: hidden;
}

    .com-floor .title {
        width: 100%;
        height: 50px;
        background: #fff;
        margin-bottom: 20px;
    }

    .com-floor .title-name {
        float: left;
        width: 120px;
        height: 50px;
    }

        .com-floor .title-name p {
            float: left;
            color: #fff;
        }

            .com-floor .title-name p.name {
                margin-left: 20px;
                line-height: 50px;
                font-size: 20px;
                font-weight: bold;
            }

        .com-floor .title-name span.border {
            float: left;
            width: 4px;
            height: 20px;
            margin-top: 16px;
            background: #fff;
            display: none;
        }

    .com-floor .keyword {
        float: right;
        margin: 14px 18px 0 0
    }

        .com-floor .keyword a {
            float: right;
            margin-left: 20px;
            color: #fff;
        }

            .com-floor .keyword a:hover {
                text-decoration: underline;
            }

    .com-floor .content {
        width: 100%;
    }

    .com-floor .floor-l {
        float: left;
        width: 49%;
        height: 530px;
        overflow: hidden;
    }

        .com-floor .floor-l.right-floor {
            margin-left: 20px;
        }

    .com-floor .left-img {
        float: left;
        position: relative;
        width: 25%;
        height: 360px;
        cursor: pointer;
    }

        .com-floor .left-img img {
            display: block;
            width: 190px;
            height: 360px
        }

        .com-floor .left-img .cover {
            position: absolute;
            width: 160px;
            height: 60px;
            left: 0;
            bottom: 40px;
            opacity: 0.5;
            background: #000;
            border-radius: 0 10px 10px 0
        }

        .com-floor .left-img p.img-name {
            position: absolute;
            top: 268px;
            left: 14px;
            width: 140px;
            height: 24px;
            overflow: hidden;
            color: #fff;
            font-size: 20px;
            font-weight: bold;
            line-height: 100%;
        }

        .com-floor .left-img p.img-desc {
            position: absolute;
            top: 294px;
            left: 14px;
            color: #fff;
            width: 140px;
            height: 16px;
            overflow: hidden;
        }

        .com-floor .left-img a {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }

        .com-floor .left-img:hover img {
            opacity: .9;
        }

    .com-floor .middle-img {
        position: relative;
        float: left;
        width: 200px;
        height: 360px;
        text-decoration: none;
        cursor: pointer;
    }

        .com-floor .middle-img img {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 200px;
            height: 360px;
        }

        .com-floor .middle-img p {
            position: absolute;
            z-index: 1;
            left: 20px
        }

            .com-floor .middle-img p.img-name {
                top: 20px;
                font-size: 20px;
                font-weight: bold;
                color: #333;
                line-height: 180%;
            }

            .com-floor .middle-img p.img-desc {
                top: 60px;
                color: #666;
            }

        .com-floor .middle-img:hover img {
            opacity: .8;
        }

    .com-floor .img-list {
        position: relative;
        float: left;
        width: 400px;
        height: 360px;
        background: #fff;
        overflow: hidden;
    }

        .com-floor .img-list li {
            position: relative;
            float: left;
            width: 199px;
            height: 179px;
            border-width: 0 0 1px 1px;
            border-color: #f9f9f9;
            border-style: solid;
            overflow: hidden;
        }

            .com-floor .img-list li a.click-area {
                position: absolute;
                display: block;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                text-decoration: none;
                cursor: pointer;
            }

            .com-floor .img-list li p.img-name {
                width: 180px;
                height: 24px;
                overflow: hidden;
                text-align: center;
                margin: 15px auto 0;
                color: #333;
                font-size: 16px;
                line-height: 100%;
            }

            .com-floor .img-list li p.img-desc {
                width: 180px;
                height: 20px;
                overflow: hidden;
                text-align: center;
                margin: 0 auto;
                color: #8c8c8c;
            }

            .com-floor .img-list li a.img-wrapper {
                position: absolute;
            /*    top: 58px;
                left: 40px;*/
                width: 100%;
                height: 120px;
            }

            .com-floor .img-list li img {
                display: block;
                width: 120px;
                height: 120px;
                margin: 0 auto;
                transition: -webkit-transform .5s;
                transition: transform .5s;
            }

            .com-floor .img-list li:hover img {
                -webkit-transform: scale(1.05);
                -moz-transform: scale(1.05);
                -ms-transform: scale(1.05);
                transform: scale(1.05);
            }

    .com-floor .bottom-list {
        position: relative;
        width: 100%;
        height: 120px;
        overflow: hidden;
        background: #fff;
    }

        .com-floor .bottom-list ul {
            width: 590px;
        }

            .com-floor .bottom-list ul li {
                position: relative;
                float: left;
                width: 200px;
                height: 109px;
                border-right: 1px solid #f9f9f9;
            }

                .com-floor .bottom-list ul li a.click-area {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    text-decoration: none;
                    cursor: pointer;
                }

                .com-floor .bottom-list ul li p.img-name {
                    width: 70px;
                    color: #333;
                    height: 24px;
                    margin-top: 35px;
                    padding-left: 20px;
                    overflow: hidden;
                }

                .com-floor .bottom-list ul li p.img-desc {
                    width: 72px;
                    height: 22px;
                    padding-left: 20px;
                    overflow: hidden;
                    color: #8c8c8c;
                }

                .com-floor .bottom-list ul li a.img-wrapper {
                    position: absolute;
                    top: 15px;
                    right: 15px;
                }

                .com-floor .bottom-list ul li img {
                    display: block;
                    width: 80px;
                    height: 80px;
                    transition: -webkit-transform .5s;
                    transition: transform .5s;
                }

                .com-floor .bottom-list ul li:hover img {
                    -webkit-transform: scale(1.05);
                    transform: scale(1.05)
                }

                .com-floor .bottom-list ul li:first-child {
                    width: 33%;
                }

                .com-floor .bottom-list ul li:last-child {
                    width: 199px;
                    border: none;
                }

/*组图6*/

.iabox {
    margin: 0 auto 30px auto;
}

    .iabox .left_s, .iabox .middle_s, .iabox .flink_s {
        border-radius: 10px;
        height: 290px;
    }

    .iabox .left_s {
        background-image: url(../images/qipao2.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-color: #9975C5;
    }

        .iabox .left_s .img {
            width: 290px;
            height: 290px;
        }

    .iabox .middle_s {
        width: 610px;
        margin: 0 20px;
        box-sizing: border-box;
        border-radius: 10px;
        overflow: hidden;
    }

        .iabox .middle_s .link_s img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .iabox .dlink_s {
        display: block;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: relative;
    }

        .iabox .dlink_s .go {
            width: 67px;
            height: 67px;
            border-radius: 60px;
            overflow: hidden;
            background-image: url(../images/goimg.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            position: absolute;
            left: 50%;
            margin-left: -33px;
            bottom: 28%;
        }

        .iabox .dlink_s .text_s {
            font-size: 20px;
            line-height: 26px;
            text-align: center;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            bottom: 8.5%;
            color: #333;
        }

    .iabox .flink_s {
        height: 136px;
        display: block; /*background-image:url(../images/qipao3.png);background-repeat:no-repeat;background-size:100% 100%;*/
        overflow: hidden;
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        align-items: center;
        justify-content: center;
        padding: 0 4% 0 5%;
    }

        .iabox .flink_s .text_s {
            overflow: hidden;
            float: left;
            width: 55%;
            color: #333;
        }

            .iabox .flink_s .text_s .text1 {
                font-size: 14px;
                line-height: 16px;
                margin-bottom: 8px;
            }

            .iabox .flink_s .text_s .text2 {
                font-size: 18px;
                line-height: 20px;
                margin-bottom: 24px;
            }

            .iabox .flink_s .text_s .text3 {
                line-height: 32px;
                border-radius: 32px;
                display: inline-block;
                padding: 0 20px;
                background: #fff;
                border: 1px solid #fff;
                box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
            }

        .iabox .flink_s .pic_s {
            float: left;
            width: 45%;
        }

            .iabox .flink_s .pic_s img {
                width: 100%;
            }

    .iabox .right_s {
        width: 660px;
    }

        .iabox .right_s .flink_s:first-child {
            margin-bottom: 20px;
        }

.ibbox {
    margin: 0 auto 30px auto;
}

    .ibbox img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.3s ease;
    }

    .ibbox .left {
        width: 480px;
        height: 400px;
        border-radius: 10px;
        overflow: hidden;
    }

    .ibbox .middle {
        width: 400px;
        margin: 0 20px;
        overflow: hidden;
    }

        .ibbox .middle ul li {
            height: 190px;
            border-radius: 10px;
            margin-bottom: 20px;
            overflow: hidden;
        }

            .ibbox .middle ul li:last-child {
                margin-bottom: 0;
            }

            .ibbox .middle ul li a:hover img {
                opacity: 0.8;
            }

    .ibbox .right {
        width: 280px;
        height: 400px;
        border-radius: 10px;
        overflow: hidden;
    }

/*组图3*/

.second-wrapper {
    margin: 0 auto 30px auto;
}

    .second-wrapper .module {
        width: 595px;
        margin-left: 20px;
        background-color: #fff;
        float: left;
    }

    .second-wrapper .title {
        width: 100%;
        height: 50px;
        line-height: 50px;
        background-color: #449dae;
    }

        .second-wrapper .title h5 {
            float: left;
            margin-left: 20px;
            color: #fff;
            font-size: 20px;
            font-weight: bold;
        }

        .second-wrapper .title .more {
            float: right;
            margin-right: 10px;
            color: #fff;
        }

            .second-wrapper .title .more .xs-iconfont {
                display: inline-block;
                font-size: 12px;
                margin-left: 5px;
                vertical-align: top;
            }

    .second-wrapper .second-content {
        position: relative;
        height: 390px;
        background-color: #fff;
        z-index: 2;
    }

        .second-wrapper .second-content ul {
            padding-top: 10px;
        }

        .second-wrapper .second-content li {
            float: left;
        }

        .second-wrapper .second-content .sew-item {
            width: 200px;
            height: 100px;
            margin-bottom: 20px;
        }

            .second-wrapper .second-content .sew-item .p-img {
                float: left;
                width: 80px;
                height: 80px;
                margin: 18px 0 0 10px;
            }

            .second-wrapper .second-content .sew-item .p-info {
                float: left;
                margin: 33px 0 0 16px;
                width: 76px;
            }

            .second-wrapper .second-content .sew-item .p-name {
                width: 100%;
                height: 20px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                color: #333;
                font-size: 12px;
            }

            .second-wrapper .second-content .sew-item .p-desc {
                width: 100%;
                height: 36px;
                line-height: 15px;
                margin-top: 2px;
                color: #449dae;
                font-size: 12px;
            }

    .second-wrapper .hh-module {
        margin-left: 0;
    }

        .second-wrapper .hh-module .second-content .first {
            width: 189px;
            height: 360px;
            border-right: 1px solid #eee;
        }

            .second-wrapper .hh-module .second-content .first .p-img {
                width: 160px;
                height: 160px;
                margin: 40px 0 0 15px;
            }

            .second-wrapper .hh-module .second-content .first .p-name {
                color: #333;
                width: 155px;
                height: 18px;
                overflow: hidden;
                margin: 27px 0 0 17px;
                padding-top: 10px;
                border-top: 1px solid #eee;
                font-weight: 700;
            }

            .second-wrapper .hh-module .second-content .first .p-desc {
                float: left;
                width: 155px;
                height: 36px;
                overflow: hidden;
                color: #8c8c8c;
                margin: 5px 0 0 17px;
            }

            .second-wrapper .hh-module .second-content .first .sew_btn {
                float: left;
                margin: 9px 0 0 17px;
                padding: 3px 9px;
                color: #fff;
                background-color: #449dae;
                border-radius: 2px;
            }

                .second-wrapper .hh-module .second-content .first .sew_btn:hover {
                    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                    transform: translateY(-2px);
                }

    .second-wrapper .tj-module .title {
        background-color: #a25684;
    }

    .second-wrapper .tj-module .second-content .tj-item {
        margin: 36px 0 0 30px;
        width: 264px;
    }

        .second-wrapper .tj-module .second-content .tj-item:nth-child(1),
        .second-wrapper .tj-module .second-content .tj-item:nth-child(3) {
            float: left;
        }

        .second-wrapper .tj-module .second-content .tj-item:nth-child(2),
        .second-wrapper .tj-module .second-content .tj-item:nth-child(4) {
            float: right;
        }

    .second-wrapper .tj-module .second-content .tj-item-1,
    .second-wrapper .tj-module .second-content .tj-item-3 {
        float: left;
    }

    .second-wrapper .tj-module .second-content .tj-item-2,
    .second-wrapper .tj-module .second-content .tj-item-4 {
        float: right;
    }

    .second-wrapper .tj-module .second-content .tj-item .tit {
        float: left;
        width: 260px;
        height: 18px;
        overflow: hidden;
    }

    .second-wrapper .tj-module .second-content .tj-item .tj-icon {
        display: inline-block;
        padding: 0 10px;
        line-height: 18px;
        border-radius: 9px;
        color: #FFF;
        margin-right: 8px;
        background: #a25684;
    }

    .second-wrapper .tj-module .second-content .tj-item .tit a:hover {
        color: #a25684;
    }

    .second-wrapper .tj-module .second-content .tj-item ul {
        margin-top: 10px;
    }

    .second-wrapper .tj-module .second-content .tj-item li {
        float: left;
        margin-right: 10px;
        cursor: pointer;
    }

        .second-wrapper .tj-module .second-content .tj-item li img {
            display: block;
            width: 220px;
            height: 110px;
        }

    .second-wrapper .tj-module .second-content .line {
        position: absolute;
        left: 294px;
        width: 1px;
        height: 360px;
        background: #eee;
        top: 10px;
    }

.secondwh-wrapper .module {
    width: 32%;
}

.secondwh-wrapper .tm-module {
    margin-left: 0;
}

    .secondwh-wrapper .tm-module .title {
        background-color: #c43d7e;
    }

.secondwh-wrapper .xp-module .title {
    background-color: #e66a07;
}

.secondwh-wrapper .phb-module .title {
    background-color: #b62323;
}

.secondwh-wrapper .second-content {
    margin: 10px auto 0;
    width: 100%;
}

    .secondwh-wrapper .second-content li {
        position: relative;
        float: left;
        width: 49%;
        height: 120px;
        border-width: 0 0 1px 0;
        border-style: solid;
        border-color: #e7e7e7;
    }

        .secondwh-wrapper .second-content li .p-name {
            width: 72px;
            height: 35px;
            line-height: 21px;
            overflow: hidden;
            margin: 20px 0 0 15px;
            color: #333;
            font-size: 14px;
            word-break: break-all;
        }

        .secondwh-wrapper .second-content li .p-desc {
            width: 72px;
            height: 21px;
            overflow: hidden;
            color: #8c8c8c;
            margin: 5px 0 0 15px;
        }

        .secondwh-wrapper .second-content li .p-img {
            position: absolute;
            display: block;
            width: 90px;
            height: 90px;
            bottom: 10px;
            right: 5px;
        }

    .secondwh-wrapper .second-content .first {
        height: 241px;
    }

        .secondwh-wrapper .second-content .first .p-name {
            width: 140px;
            height: 25px;
        }

        .secondwh-wrapper .second-content .first .p-desc {
            width: 144px;
            margin-top: 3px;
        }

        .secondwh-wrapper .second-content .first .p-img {
            width: 160px;
            height: 160px;
            left: 13px;
            top: auto;
            right: auto;
            bottom: 0;
        }

.secondwh-wrapper .tm-module .second-content li:nth-child(1),
.secondwh-wrapper .tm-module .second-content li:nth-child(4),
.secondwh-wrapper .xp-module .second-content li:nth-child(1),
.secondwh-wrapper .xp-module .second-content li:nth-child(3),
.secondwh-wrapper .xp-module .second-content li:nth-child(5) {
    border-right-width: 1px;
}

.secondwh-wrapper .tm-module .second-content li:nth-child(4),
.secondwh-wrapper .tm-module .second-content li:nth-child(5),
.secondwh-wrapper .xp-module .second-content li:nth-child(5),
.secondwh-wrapper .xp-module .second-content li:nth-child(6) {
    border-bottom-width: 0;
}

.secondwh-wrapper .phb-module .com-list {
}

.secondwh-wrapper .phb-module .com-ul {
    overflow: hidden;
}

    .secondwh-wrapper .phb-module .com-ul:first-child {
        border-bottom: 1px solid #e7e7e7;
        margin-bottom: 10px;
    }

.secondwh-wrapper .phb-module .com-li {
    float: left;
    position: relative;
    width: 33%;
    height: 190px;
}

    .secondwh-wrapper .phb-module .com-li .p-img {
        width: 100px;
        height: 100px;
        margin: 10px auto 0;
        overflow: hidden;
    }

    .secondwh-wrapper .phb-module .com-li .p-name {
        width: 100px;
        height: 40px;
        overflow: hidden;
        color: #333;
        margin-left: 10px;
        margin-top: 6px;
    }

    .secondwh-wrapper .phb-module .com-li .p-price {
        margin: 4px 0 0 10px;
        color: #80b1ff;
        font-size: 14px;
    }

        .secondwh-wrapper .phb-module .com-li .p-price em {
            font-size: 12px;
        }

    .secondwh-wrapper .phb-module .com-li .ph-icon {
        position: absolute;
        width: 23px;
        height: 23px;
        top: 10px;
        right: 16px;
        background: url(../images/festival_icon.png);
        color: #FFF;
        text-align: center;
        font: 12px/23px "Microsoft Yahei",tahoma,arial,"Hiragino Sans GB";
    }

    .secondwh-wrapper .phb-module .com-li .ph-icon1 {
        background-position: -2px -30px;
    }

    .secondwh-wrapper .phb-module .com-li .ph-icon2 {
        background-position: -31px -30px;
    }

    .secondwh-wrapper .phb-module .com-li .ph-icon3 {
        background-position: -60px -30px;
    }

    .secondwh-wrapper .phb-module .com-li .ph-icon4 {
        background-position: -2px -30px;
    }

    .secondwh-wrapper .phb-module .com-li .ph-icon5 {
        background-position: -31px -30px;
    }

    .secondwh-wrapper .phb-module .com-li .ph-icon6 {
        background-position: -60px -30px;
    }

/*组图4*/

.floorhd {
    height: 65px
}

.floorhd_tit, .floorhd_tit_empty {
    position: relative;
    width: 120px;
    height: 45px;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    line-height: 45px;
    padding: 0 30px;
    margin: 0 auto 20px;
    overflow: hidden;
    color: #333
}

    .floorhd_tit:after, .floorhd_tit:before {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -10px
    }

    .floorhd_tit:before {
        background-position: 0 0;
        left: 0
    }

    .floorhd_tit:after, .floorhd_tit:before {
        background-image: url(../images/sprite.png);
        width: 25px;
        height: 20px
    }

    .floorhd_tit:after {
        background-position: -25px 0;
        right: 0
    }

.pindao-enter {
    margin: 0 auto 30px auto;
}

    .pindao-enter ul {
        width: 100%;
        margin-top: -20px;
    }

    .pindao-enter li {
        float: left;
        position: relative;
        width: 32%;
        height: 160px;
        margin: 20px 20px 0 0;
        border-radius: 10px;
    }

        .pindao-enter li:nth-child(3n) {
            margin: 20px 0 0 0;
        }

        .pindao-enter li a {
            display: block;
            width: 100%;
            padding: 30px 0 0;
        }

            .pindao-enter li a p {
                position: relative;
                color: #FFF;
                width: 160px;
                overflow: hidden;
                z-index: 1;
            }

            .pindao-enter li a .name {
                font-size: 20px;
                font-weight: bold;
                margin: 5px 0 15px 30px;
                position: relative;
                padding-bottom: 15px;
            }

                .pindao-enter li a .name::after {
                    content: " ";
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 40px;
                    height: 2px;
                    background: rgba(255,255,255,0.3);
                    z-index: 2;
                }

            .pindao-enter li a .desc {
                font-size: 14px;
                height: 20px;
                margin-left: 30px;
            }

            .pindao-enter li a img {
                position: absolute;
                width: 160px;
                height: 160px;
                right: 25px;
                top: 0;
                background: 0;
                transition: transform .5s;
            }

            .pindao-enter li a:hover img {
                transform: translateX(-10px);
            }

        .pindao-enter li.item1 {
            background: #e89621;
            background: -webkit-gradient(linear,0 0,right 0,from(#e89621),to(#f5c568));
            /*background: -moz-linear-gradient(center,#e89621,#f5c568);
    background: -webkit-gradient(linear,0 0,right 0,from(#e89621),to(#f5c568));
    background: -o-linear-gradient(center,#e89621,#f5c568);
    background: -ms-linear-gradient(center,#e89621 0,#f5c568 100%);*/
        }

        .pindao-enter li.item2 {
            background: #325bb4;
            background: -webkit-gradient(linear,0 0,right 0,from(#325bb4),to(#4c9afe));
        }

        .pindao-enter li.item3 {
            background: #1c9daf;
            background: -webkit-gradient(linear,0 0,right 0,from(#1c9daf),to(#40cda7));
        }

        .pindao-enter li.item4 {
            background: #d13837;
            background: -webkit-gradient(linear,0 0,right 0,from(#d13837),to(#df6d4f));
        }

        .pindao-enter li.item5 {
            background: #ca4283;
            background: -webkit-gradient(linear,0 0,right 0,from(#ca4283),to(#eb75cf));
        }

        .pindao-enter li.item6 {
            background: #5d40c1;
            background: -webkit-gradient(linear,0 0,right 0,from(#5d40c1),to(#8c5fdb));
        }


/*组图7*/
.catetop-floor {
    margin: 0 auto 30px auto;
}

    .catetop-floor .f-hd {
        height: 50px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 20px;
    }

        .catetop-floor .f-hd h2 {
            font-size: 20px;
            line-height: 50px;
            font-weight: bold;
            float: left;
        }

        .catetop-floor .f-hd .extra {
            height: 50px;
            float: right;
        }

            .catetop-floor .f-hd .extra .fgoods-hd {
                margin-top: 10px;
                font-size: 14px;
            }

                .catetop-floor .f-hd .extra .fgoods-hd li {
                    padding: 0 20px;
                    height: 38px;
                    border: 1px solid #f8f8f8;
                    line-height: 38px;
                    background: #fff;
                    color: #666;
                    cursor: pointer;
                    float: left;
                    margin-left: 10px;
                    font-size: 14px;
                }

                    .catetop-floor .f-hd .extra .fgoods-hd li.on {
                        color: #333;
                        height: 39px;
                        border: 1px solid #ddd;
                        border-bottom-color: #fff;
                    }

    .catetop-floor .f-bd .bd-left {
        float: left;
        width: 280px;
        position: relative;
    }

        .catetop-floor .f-bd .bd-left .l-ad {
            width: 280px;
            height: 460px;
        }

        .catetop-floor .f-bd .bd-left .l-menu {
            position: absolute;
            width: 200px;
            top: 320px;
            left: 46px;
        }

            .catetop-floor .f-bd .bd-left .l-menu a {
                float: left;
                width: 90px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                margin: 0 10px 10px 0;
                opacity: 0.75;
                filter: alpha(opacity=75);
                background: rgba(0,0,0,.4);
                color: #fff;
                transition: all .3s;
            }

                .catetop-floor .f-bd .bd-left .l-menu a:hover {
                    opacity: 1;
                    filter: alpha(opacity=100);
                }

    .catetop-floor .f-bd .bd-right {
        float: left;
        width: 1320px;
    }

        .catetop-floor .f-bd .bd-right .fgoods-list li {
            float: left;
            width: 168px;
            font-size: 14px;
            text-align: center;
            margin: 0 -1px -1px 0;
            position: relative;
            padding: 14px;
            border: 1px solid #ddd;
        }

        .catetop-floor .f-bd .bd-right .fgoods-list .p-img {
            text-align: center;
            width: 142px;
            height: 142px;
            margin: 0 auto;
            position: relative;
        }

            .catetop-floor .f-bd .bd-right .fgoods-list .p-img a {
                display: table-cell;
                vertical-align: middle;
                width: 143px;
                height: 143px;
            }

            .catetop-floor .f-bd .bd-right .fgoods-list .p-img img {
                width: 143px;
                height: 143px;
            }

        .catetop-floor .f-bd .bd-right .fgoods-list .p-name {
            margin: 11px 0 5.5px;
            height: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .catetop-floor .f-bd .bd-right .fgoods-list .p-price {
            text-align: center;
            font-size: 14px;
            color: #80b1ff;
        }

        .catetop-floor .f-bd .bd-right .fgoods-list li.first {
            width: 280px;
            padding: 24px;
        }

            .catetop-floor .f-bd .bd-right .fgoods-list li.first .p-img {
                width: 280px;
                height: 280px;
                position: relative;
            }

                .catetop-floor .f-bd .bd-right .fgoods-list li.first .p-img a {
                    display: table-cell;
                    vertical-align: middle;
                    width: 280px;
                    height: 280px;
                }

                .catetop-floor .f-bd .bd-right .fgoods-list li.first .p-img img {
                    width: 100%;
                    height: 100%;
                }

            .catetop-floor .f-bd .bd-right .fgoods-list li.first .p-info {
                background: #f9f9f9;
                padding: 12px;
                margin-top: 20px;
            }

            .catetop-floor .f-bd .bd-right .fgoods-list li.first .info-name {
                text-align: left;
                height: 40px;
                overflow: hidden;
                margin-bottom: 10px;
            }

            .catetop-floor .f-bd .bd-right .fgoods-list li.first .info-handle {
                overflow: hidden;
                height: 36px;
            }

                .catetop-floor .f-bd .bd-right .fgoods-list li.first .info-handle .info-price {
                    float: left;
                    color: #80b1ff;
                    font-size: 21px;
                    width: 140px;
                    text-align: left;
                    overflow: hidden;
                    height: 36px;
                }

                .catetop-floor .f-bd .bd-right .fgoods-list li.first .info-handle .info-btn {
                    float: right;
                    background: #80b1ff;
                    color: #fff;
                    text-align: center;
                    height: 36px;
                    line-height: 36px;
                    width: 110px;
                }

    .catetop-floor .f-bd .brands {
        width: 100%;
        height: 70px;
    }

        .catetop-floor .f-bd .brands li {
            width: 120px;
            height: 70px;
            text-align: center;
            float: left;
            vertical-align: middle;
        }

            .catetop-floor .f-bd .brands li a {
                display: table-cell;
                width: 120px;
                height: 70px;
                vertical-align: middle;
            }

            .catetop-floor .f-bd .brands li img {
                max-width: 80%;
                height: auto;
            }

    .catetop-floor .f-bd .f-banner img {
        max-width: 100%;
        height: auto;
    }


/*组图5*/

.hot-channel {
    margin: 0 auto 30px auto;
}

.feed-tab-wrapper {
    background: #fff;
}

    .feed-tab-wrapper ul {
        width: 100%;
        text-align: center;
        border-bottom: 2px solid #eee;
    }

        .feed-tab-wrapper ul li {
            float: left;
            width: 20%;
            padding: 10px 0;
            cursor: pointer;
        }

            .feed-tab-wrapper ul li .p-name {
                font-size: 16px;
                font-weight: bold;
            }

                .feed-tab-wrapper ul li .p-name span {
                    display: inline-block;
                    padding: 0 10px;
                    border-radius: 100px;
                    color: #333;
                }

            .feed-tab-wrapper ul li .p-desc {
                color: #8c8c8c;
                margin: 5px 0 0;
            }

            .feed-tab-wrapper ul li.on {
                border-bottom: 2px solid #80b1ff;
            }

                .feed-tab-wrapper ul li.on .p-name span {
                    background: #80b1ff;
                    color: #fff;
                }

                .feed-tab-wrapper ul li.on .p-desc {
                    color: #80b1ff;
                }

.hot-channel .cnbox {
    margin: 20px 0 0;
}

    .hot-channel .cnbox ul li {
        float: left;
        width: 236px;
        margin: 0 10px 10px 0;
        background: #fff;
        border: 1px solid #ddd;
        padding: 10px;
    }

        .hot-channel .cnbox ul li:nth-child(5n) {
            margin: 0 0 10px 0;
        }

        .hot-channel .cnbox ul li:hover {
            border-color: #80b1ff;
        }

        .hot-channel .cnbox ul li .p-img {
            width: 210px;
            height: 210px;
        }

        .hot-channel .cnbox ul li .p-name {
            height: 42px;
            line-height: 180%;
            margin: 10px 0;
            overflow: hidden;
        }

        .hot-channel .cnbox ul li .p-price {
            line-height: 24px;
        }

            .hot-channel .cnbox ul li .p-price .shop-price {
                float: left;
                font-size: 16px;
                color: #80b1ff;
            }

            .hot-channel .cnbox ul li .p-price .original-price {
                float: left;
                margin-left: 10px;
                color: #8c8c8c;
                text-decoration: line-through;
            }

.lift {
    position: fixed;
    -moz-transform: translate(0,-50%) scale(1,1);
    -webkit-transform: translate(0,-50%) scale(1,1);
    -o-transform: translate(0,-50%) scale(1,1);
    transform: translate(0,-50%) scale(1,1);
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 100;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.lift-hide {
    transform: translate(0,-50%) scale(0,0);
    -webkit-transform: translate(0,-50%) scale(0,0);
    -moz-transform: translate(0,-50%) scale(0,0);
    -o-transform: translate(0,-50%) scale(0,0);
    opacity: 0;
    filter: alpha(opacity=0);
}

.iadvimgs {
    margin: 0 auto 30px auto;
    background: #eee;
    min-height: 20px;
}

    .iadvimgs img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }

/*#endregion */


/*#region ===========所有推荐===========*/

.iprobox {
    width: 1600px;
    margin: 0 auto 60px auto;
}

.iprobox_title {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    border-bottom: 2px solid #f17fa0;
}

    .iprobox_title span {
        float: left;
        color: #666;
        font-size: 18px;
    }

    .iprobox_title em {
        float: left;
        color: #8c8c8c;
        font-size: 14px;
        margin-left: 10px;
        font-style: normal;
    }

    .iprobox_title ul {
        float: right;
        overflow: hidden;
    }

        .iprobox_title ul li {
            float: left;
            height: 40px;
            line-height: 40px;
            overflow: hidden;
            margin-left: 10px;
        }

            .iprobox_title ul li a {
                min-width: 56px;
                color: #666;
                font-size: 14px;
                display: block;
                overflow: hidden;
                text-align: center;
                padding: 0 30px;
                background: #f9f9f9;
            }

            .iprobox_title ul li.lion a {
                color: #fff;
                background: #f17fa0;
            }

#iprobox_title1 {
    border-bottom: 2px solid #f17fa0;
}

    #iprobox_title1 ul li.lion a {
        color: #fff;
        background: #f17fa0;
    }

#iprobox_title2 {
    border-bottom: 2px solid #54b30e;
}

    #iprobox_title2 ul li.lion a {
        color: #fff;
        background: #54b30e;
    }

#iprobox_title3 {
    border-bottom: 2px solid #ff6000;
}

    #iprobox_title3 ul li.lion a {
        color: #fff;
        background: #ff6000;
    }

#iprobox_title4 {
    border-bottom: 2px solid #0093fa;
}

    #iprobox_title4 ul li.lion a {
        color: #fff;
        background: #0093fa;
    }

#iprobox_title5 {
    border-bottom: 2px solid #e60152;
}

    #iprobox_title5 ul li.lion a {
        color: #fff;
        background: #e60152;
    }

.iprobox_item {
    overflow: hidden;
    margin-top: 30px;
}

.iprobox_ban {
    float: left;
    width: 400px;
    height: 500px;
}

.iprobox_list {
    overflow: hidden;
    border-top: 1px solid #ddd;
    padding-top: 1px;
}

    .iprobox_list li {
        float: left;
        width: 199px;
        height: 248px;
        overflow: hidden;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

        .iprobox_list li a.img {
            width: 180px;
            height: 180px;
            display: block;
            overflow: hidden;
            margin: 10px auto 5px auto;
        }

            .iprobox_list li a.img img {
                width: 180px;
                height: 180px;
            }

        .iprobox_list li a.name {
            height: 25px;
            line-height: 25px;
            display: block;
            overflow: hidden;
            font-size: 14px;
            color: #666;
            text-align: center;
        }

        .iprobox_list li p.price {
            height: 25px;
            line-height: 25px;
            display: block;
            overflow: hidden;
            font-size: 16px;
            color: #80b1ff;
            text-align: center;
        }

/*#endregion */





/*#region ===========内页===========*/

.info {
    width: 90%;
    height: auto;
    margin: 0 auto;
    position: relative;
    z-index: 7;
    padding: 30px 0 60px 0;
}

.info_left {
    float: left;
    width: 220px;
    overflow: hidden;
    margin: 0 30px 0 0;
}

.info_right {
    overflow: hidden;
    background: #fff;
}

.info_proleft {
    float: left;
    width: 80%;
    height: auto;
}

.info_proright {
    float: right;
    width: 220px;
    height: auto;
}

/*菜单*/

.menu {
    overflow: hidden;
}

    .menu li {
        overflow: hidden;
        margin: 0 0 20px 0;
        background: #fff;
    }

.menufirst {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    display: block;
    overflow: hidden;
}

    .menufirst:hover span {
        color: #80b1ff;
    }

    .menufirst span {
        float: left;
        font-size: 16px;
        color: #333;
    }

    .menufirst i {
        float: right;
        font-size: 14px;
        color: #8c8c8c;
    }

.menuchild {
    display: none;
    overflow: hidden;
    line-height: 39px;
}

    .menuchild a {
        height: 39px;
        display: block;
        overflow: hidden;
        padding: 0 0 0 40px;
        color: #666;
        font-size: 14px;
        border-top: 1px solid #eee;
    }

        .menuchild a:hover {
            color: #80b1ff;
        }

        .menuchild a.aon {
            color: #80b1ff;
        }

/*位置*/

.info_title {
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    padding: 0 30px;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

    .info_title span.name {
        float: left;
        color: #333;
        font-size: 18px;
        position: relative;
    }

        .info_title span.name::after {
            content: " ";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background: #80b1ff;
            z-index: 2;
        }

    .info_title p {
        float: right;
    }

        .info_title p a, .info_title p span {
            float: left;
            display: inline-block;
            overflow: hidden;
            color: #666;
        }

        .info_title p i {
            float: right;
            font-family: "宋体";
            font-style: normal;
            display: inline-block;
            overflow: hidden;
            margin: 1px 7px 0 7px;
        }

/*#endregion */


/*#region ===========产品列表===========*/

/*导航*/

.product_location {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 10px 0;
    background: #f9f9f9;
}

    .product_location a {
        float: left;
        display: inline-block;
        overflow: hidden;
        margin: 0 12px 0 0;
    }

        .product_location a i {
            float: right;
            font-family: "宋体";
            font-style: normal;
            margin: 1px 0 0 5px;
            font-size: 14px;
        }

    .product_location span {
        color: #8c8c8c;
    }

/*热门*/

.hotsale {
    width: 100%;
    background-color: #f9f9f9;
    overflow: hidden;
    margin: 0 0 30px 0;
    padding: 0 20px 0 0;
}

    .hotsale .hatsale-mt {
        font-size: 16px;
        color: #fff;
        background: #80b1ff;
        float: left;
        padding: 20px 10px;
        width: 16px;
        height: 100px;
        overflow: hidden;
    }

    .hotsale .bd {
        position: relative;
        overflow: hidden;
        padding: 20px 0 20px 0;
    }

    .hotsale li {
        float: left;
        width: calc(25% - 17px);
        height: 100px;
        border: 1px solid #fff;
        background: #fff;
        margin-right: 0px;
        position: relative;
    }

        .hotsale li:last-child {
            margin-right: 0;
        }

        .hotsale li:hover {
            border-color: #ec5051;
        }

        .hotsale li:last-child {
            margin-right: 0;
        }

        .hotsale li.last {
            margin-right: 0;
        }

    .hotsale .item {
        padding: 10px;
        overflow: hidden;
    }

        .hotsale .item .p-img {
            width: 80px;
            height: 80px;
            float: left;
            margin-right: 10px;
        }

        .hotsale .item .p-name {
            float: left;
            width: 140px;
            height: 46px;
            line-height: 180%;
            overflow: hidden;
            color: #666;
        }

        .hotsale .item .p-price .shop-price {
            float: left;
            color: #80b1ff;
            font-size: 16px;
            margin: 6px 10px 0 0;
        }

        .hotsale .item .p-price .original-price {
            float: left;
            color: #8c8c8c;
            margin: 10px 0 0;
            text-decoration: line-through;
        }

    .hotsale .prev, .hotsale .next {
        background-color: #dedede;
        top: 35%;
    }

    .hotsale .next {
        right: 0;
    }

    .hotsale .prev {
        left: 15px;
    }

/*面包屑*/

.plocation {
    margin-bottom: 20px;
    position: relative;
    z-index: 9;
}

.nch-breadcrumb {
    min-height: 28px;
}

    .nch-breadcrumb .sort-box {
        position: relative;
        z-index: 1;
        display: inline-block;
    }

        .nch-breadcrumb .sort-box:hover {
            z-index: 3;
        }

        .nch-breadcrumb .sort-box .current {
            position: relative;
            z-index: 2;
            display: block;
            height: 26px;
            border: solid 1px #E6E6E6;
            padding: 0 10px;
            background: #fff;
            line-height: 26px;
            color: #666;
            font-size: 13px;
        }

            .nch-breadcrumb .sort-box .current .drop-arrow {
                display: inline-block;
                font-size: 12px;
                margin-left: 5px;
                vertical-align: top;
            }

        .nch-breadcrumb .sort-box:hover .current {
            border-width: 1px 1px 0 1px;
            border-color: #80b1ff;
            color: #80b1ff;
        }

    .nch-breadcrumb .sort-sub {
        display: none;
        position: absolute;
        z-index: -1;
        top: 26px;
        left: 0;
        width: 380px;
        background-color: #FFF;
        border: solid 1px #80b1ff;
    }

    .nch-breadcrumb .sort-box:hover .sort-sub {
        display: block;
    }

    .nch-breadcrumb .sort-sub ul {
        box-sizing: border-box;
        padding: 10px 0;
    }

    .nch-breadcrumb .sort-sub li {
        float: left;
        width: calc(20% - 10px);
        line-height: 200%;
        margin-left: 10px;
    }

        .nch-breadcrumb .sort-sub li a {
            display: block;
            color: #666;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .nch-breadcrumb .sort-sub li a:hover {
                color: #80b1ff;
            }

    .nch-breadcrumb span {
        color: #8c8c8c;
    }

        .nch-breadcrumb span.arrow {
            font-family: "宋体";
            line-height: 26px;
            color: #8c8c8c;
            margin: 0 5px;
        }

.pinfolct {
    background: #f9f9f9;
    padding: 15px 0;
}

    .pinfolct .plocation {
        margin-bottom: 0;
    }

/*筛选*/

.selector {
    border: 1px solid #ddd;
    background: #fff;
    margin-bottom: 30px;
}

.usteel_cloose {
    box-sizing: border-box;
    padding: 10px;
    background: #f9f9f9;
}

    .usteel_cloose .selected-box {
        display: block;
        float: left;
        min-height: 30px;
    }

        .usteel_cloose .selected-box .selected {
            box-sizing: border-box;
            display: inline-block;
            padding-left: 10px;
            margin-right: 10px;
            background: #fff;
            border: solid 1px #80b1ff;
            height: 30px;
            line-height: 30px;
            color: #666;
        }

            .usteel_cloose .selected-box .selected em {
                display: inline-block;
                vertical-align: top;
                margin-right: 10px;
                color: #80b1ff;
                font-style: normal;
            }

            .usteel_cloose .selected-box .selected i {
                display: inline-block;
                width: 28px;
                height: 28px;
                text-align: center;
                font-size: 12px;
                vertical-align: top;
                background: #80b1ff;
                color: #fff;
            }
/*.usteel_cloose .selected-box .selected:hover { border-color: #80b1ff;}
.usteel_cloose .selected-box .selected:hover i { background: #80b1ff; color:#fff; }*/
.select-undo {
    float: right;
}

    .select-undo a {
        box-sizing: border-box;
        display: block;
        border: 1px solid #ddd;
        background: #fff;
        height: 30px;
        line-height: 30px;
        padding: 0 20px;
        color: #333;
    }

        .select-undo a:hover {
            border: 1px solid #80b1ff;
            background: #80b1ff;
            color: #fff;
        }

.usteel-search {
    display: flex;
    border-top: 1px dashed #ddd;
}

    .usteel-search.more, .usteel-search.multiple {
        background: #f9f9f9;
    }

.sl-key, .sl-v-list ul li {
    height: 40px;
    line-height: 40px;
}

.sl-key {
    float: left;
    width: 80px;
    padding: 5px 10px;
    white-space: nowrap;
}

.usteel-search.more .sl-key, .usteel-search.multiple .sl-key {
    background: #eee;
    height: auto;
}

.sl-key strong {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #333;
}

.sl-value {
    padding: 0 10px;
    width: calc(100% - 220px);
    overflow: hidden;
}

.usteel-search.more .sl-value, .usteel-search.multiple .sl-value {
    padding: 0 10px;
}

.sl-v-list {
    height: 40px;
    margin: 5px 0;
}

.usteel-search.more .sl-v-list, .usteel-search.multiple .sl-v-list {
    height: auto;
}

.sl-v-list ul {
    overflow: auto;
}

    .sl-v-list ul li {
        float: left;
        font-size: 14px;
        position: relative;
    }

.sl-btns {
    text-align: center;
    display: none;
    margin-bottom: 25px;
}

.usteel-search.more .sl-btns, .usteel-search.multiple .sl-btns {
    display: block;
}

.sl-ext {
    width: 160px;
    text-align: right;
    letter-spacing: -20px;
}

.sl-b-more, .sl-b-multiple {
    box-sizing: border-box;
    color: #80b1ff;
    display: inline-block;
    padding: 3px 6px;
    border: 1px solid #80b1ff;
    margin: 10px 10px 10px 0;
    letter-spacing: 0;
}

.usteel-search.more .sl-b-multiple, .usteel-search.multiple .sl-b-multiple {
    margin-right: 8px;
}

.sl-b-more:hover, .sl-b-multiple:hover {
    color: #fff;
    background: #80b1ff;
}

.sl-b-more i, .sl-b-multiple i {
    font-size: 12px;
    margin-right: 5px;
}

.multiple .sl-v-list li a {
    padding-left: 24px;
}

    .multiple .sl-v-list li a i {
        position: absolute;
        left: 0;
        top: 12px;
        background: url(../images/icon.png) no-repeat 9999px 9999px;
        display: inline-block;
        height: 14px;
        width: 14px;
        background-color: #fff;
        border: 1px solid #ccc;
        font-size: 0;
    }

    .multiple .sl-v-list li a:hover i {
        border-color: #80b1ff;
    }

.sl-v-list li a:hover {
    color: #80b1ff;
}

.multiple .sl-v-list li.selected a i {
    border-color: #80b1ff;
    background-position: 0 -106px;
}

.multiple .sl-v-list li.selected a {
    color: #80b1ff;
}

.usteel-search .sl-value .sl-v-list ul li {
    width: 10%;
}

.search-bottom {
    width: 100%;
    font-size: 14px;
    background: #f2f3f6;
    padding: 7.5px 10px;
    color: #666666;
}

    .search-bottom span {
        padding: 0 5px;
    }

    .search-bottom input {
        width: 25%;
        height: 30px;
        border: 1px solid #e0e0e0;
        font-size: 14px;
        padding: 0 5px;
    }

    .search-bottom a {
        display: block;
        min-width: 60px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border: none;
        color: #fff;
        background: #3e88f5;
        border-radius: 5px;
        cursor: pointer;
    }

        .search-bottom a:nth-child(2) {
            margin-left: 5px;
        }

.usteel-search .btn {
    margin: 0 6px;
    padding: 6px 20px;
    border: 1px solid #80b1ff;
}

.usteel-search .btn-primary {
    box-sizing: border-box;
    color: #fff;
    background: #80b1ff;
}

.usteel-search .btn-default {
    box-sizing: border-box;
    color: #80b1ff;
    background-color: #fff;
    background-repeat: repeat-x;
}

.usteel-search .btn.disabled {
    border: 1px solid #ddd;
    background: #fff;
    color: #ccc;
}

    .usteel-search .btn.disabled:hover {
        color: #ccc;
    }

.usteel-search .btn-default:hover {
    background: #80b1ff;
    color: #fff;
}

/*工具栏*/

.product_tool {
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    border: 1px solid #ddd;
    background: #f9f9f9;
}

    .product_tool span.name {
        font-size: 15px;
        color: #666;
        margin: 0 0 0 15px;
        font-weight: bold;
    }

.product_order {
    float: left;
    overflow: hidden;
    height: 38px;
}

    .product_order li {
        float: left;
        overflow: hidden;
        border-right: 1px solid #ddd;
    }

        .product_order li a {
            width: 100px;
            height: 38px;
            display: block;
            overflow: hidden;
            text-align: center;
        }

            .product_order li a span {
                height: 38px;
                display: inline-block;
                overflow: hidden;
                font-size: 14px;
                color: #666;
                padding: 0 5px;
            }

            .product_order li a i {
                height: 38px;
                line-height: 42px;
                display: inline-block;
                overflow: hidden;
                font-size: 18px;
                color: #ddd;
            }

            .product_order li a.aon {
                background: #fff;
            }

                .product_order li a.aon span {
                    color: #80b1ff;
                }

                .product_order li a.aon i {
                    color: #80b1ff;
                }

            .product_order li a:hover span {
                color: #80b1ff;
            }

            .product_order li a:hover i {
                color: #80b1ff;
            }

.product_search {
    float: right;
    overflow: hidden;
    height: 38px;
    color: #666;
}

    .product_search input[type="checkbox"] {
        float: left;
        width: 18px;
        height: 18px;
        margin: 10px 10px 0 0;
        position: relative;
    }

        .product_search input[type="checkbox"]::after {
            position: absolute;
            top: 0;
            width: 18px;
            height: 18px;
            display: inline-block;
            visibility: visible;
            text-align: center;
            content: ' ';
            border-radius: 2px;
        }

        .product_search input[type="checkbox"]:checked::after {
            content: "🗸";
            background-color: #80b1ff;
            color: #fff;
            font-size: 16px;
            line-height: 20px;
        }

    .product_search label {
        float: left;
        color: #666;
        cursor: pointer;
        margin: 0 40px 0 0;
    }

    .product_search span {
        float: left;
    }

    .product_search input[type="text"] {
        float: left;
        width: 58px;
        height: 24px;
        outline: none;
        text-align: center;
        border: 1px solid #ddd;
        margin: 6px 0 0 0;
        color: #666;
    }

    .product_search em {
        float: left;
        padding: 0 4px;
    }

    .product_search a.btn {
        float: left;
        height: 24px;
        line-height: 24px;
        display: inline-block;
        overflow: hidden;
        margin: 6px 10px 0;
        color: #fff;
        background: #80b1ff;
        padding: 0 15px;
    }

/*列表*/

.productlist {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
}

    .productlist li {
        float: left;
        width: 20%;
        height: 380px;
        overflow: hidden;
        border: 1px solid #fff;
        margin: 30px 25px 0 0;
        padding: 10px;
        background: #fff;
    }

        .productlist li:hover {
            border: 1px solid #e9e9e9;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        .productlist li a.img {
            display: block;
            overflow: hidden;
        }

            .productlist li a.img img {
                width: 100%;
                height: 200px;
                object-fit: fill;
            }

        .productlist li p.price {
            height: 30px;
            line-height: 30px;
            display: block;
            overflow: hidden;
            padding: 10px 0 0 0;
        }

            .productlist li p.price span {
                float: left;
                color: #80b1ff;
                font-size: 20px;
            }

                .productlist li p.price span i {
                    display: inline-block;
                    font-style: normal;
                    font-size: 16px;
                    margin-right: 5px;
                }

            .productlist li p.price em {
                float: right;
                color: #8c8c8c;
                font-style: normal;
            }



        .productlist li a.name {
            height: 20px;
            line-height: 20px;
            margin: 5px 0;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            position: relative;
            font-size: 12px
        }

    .productlist prosku {
        height: 20px;
        line-height: 20px;
        width: 100%;
        display: block;
    }



    .productlist li a.sku {
        color: #666;
        height: 20px;
        line-height: 20px;
        margin: 0px 0;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative;
        width: 50%;
        float: left;
        font-size:10px

    }
    .productlist li a.date {
        color: #999;
        height: 20px;
        line-height: 20px;
        margin: 0px 0;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative;
        width: 50%;
        float: left;
        text-align: right;
        font-size: 10px
    }

    .productlist li p.btns {
        height: 28px;
        line-height: 28px;
        display: block;
        overflow: hidden;
        margin: 10px 0 0 0;
        width:100%;
        float: left;
    }

        .productlist li p.btns a {
            float: left;
            width: 50%;
            height: 26px;
            line-height: 26px;
            display: block;
            overflow: hidden;
            color: #8c8c8c;
            border: 1px solid #ddd;
        }

            .productlist li p.btns a i {
                float: left;
                font-size: 16px;
                margin: 0 5px 0 8px;
            }

                .productlist li p.btns a i.red {
                    color: #80b1ff;
                }

            .productlist li p.btns a.a1 {
                background: #fff;
                border-right: 0 none;
            }

                .productlist li p.btns a.a1:hover {
                    color: #80b1ff;
                }

            .productlist li p.btns a.a2 {
                float: none;
                width: auto;
                color: #80b1ff;
            }

                .productlist li p.btns a.a2:hover {
                    color: #fff;
                    background: #80b1ff;
                    border-color: #80b1ff;
                }

            .productlist li p.btns a.a3 {
                float: none;
                width: auto;
                color: #6424fe;
                border: 1px solid #6424fe;
                text-align: center;
            }

                .productlist li p.btns a.a3:hover {
                    color: #6424fe;
                    background: #efe9fe;
                    border-color: #6424fe;
                }


.picfocus {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
    zoom: 1;
}

    .picfocus .hd {
        width: 100%;
        margin: 10px 0 0;
    }

        .picfocus .hd dl {
            overflow: hidden;
            zoom: 1;
        }

            .picfocus .hd dl dt {
                float: left;
                text-align: center;
            }

                .picfocus .hd dl dt img {
                    width: 26px;
                    height: 26px;
                    border: 1px solid #ddd;
                    cursor: pointer;
                    margin-right: 6px;
                }

                .picfocus .hd dl dt:last-child {
                    margin-right: 0;
                }

                .picfocus .hd dl dt.on img {
                    border: 1px solid #80b1ff;
                }

    .picfocus .bd img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/*分页*/

.layui-laypage {
    margin: 40px 0 20px;
}

    .layui-laypage a, .layui-laypage span {
        width: 32px;
        height: 32px;
        line-height: 32px;
        padding: 0;
        margin: 0 5px;
        font-size: 14px;
        color: #666;
    }

    .layui-laypage > a:first-child, .layui-laypage > a:first-child em {
        border-radius: 0;
    }

.layui-laypage-em {
    border-radius: 0;
}

/*右侧推荐*/

.product_tab {
    height: 39px;
    line-height: 39px;
    border: 1px solid #ddd;
    border-bottom: 0 none;
    overflow: hidden;
    background: #f9f9f9;
}

    .product_tab li {
        float: left;
        width: 50%;
        height: 39px;
        overflow: hidden;
        text-align: center;
    }

        .product_tab li a {
            display: block;
            overflow: hidden;
            font-size: 14px;
            color: #333;
            font-weight: bold;
        }

        .product_tab li.lion a {
            background: #80b1ff;
            color: #fff;
        }

.product_rightrec {
    overflow: hidden;
    border: 1px solid #ddd;
    border-top: 1px solid #80b1ff;
    background: #f9f9f9;
    padding: 25px 15px 0 15px;
}

    .product_rightrec li {
        overflow: hidden;
        margin-bottom: 15px;
    }

        .product_rightrec li a.img {
            width: 188px;
            height: 188px;
            display: block;
            overflow: hidden;
            position: relative;
        }

            .product_rightrec li a.img img {
                width: 188px;
                height: 188px;
                display: block;
            }

            .product_rightrec li a.img span {
                width: 168px;
                line-height: 180%;
                max-height: 46px;
                padding: 5px 10px;
                color: #fff;
                background: #000;
                background: rgba(0,0,0,0.75);
                position: absolute;
                left: 0;
                bottom: -60px;
                z-index: 10;
                display: block;
                overflow: hidden;
                transition: all linear 0.2s;
                -webkit-transition: all linear 0.2s;
            }

        .product_rightrec li:hover a.img span {
            bottom: 0px;
        }

        .product_rightrec li p.price {
            line-height: 30px;
            display: block;
            padding: 5px 0 0 0;
        }

            .product_rightrec li p.price span {
                float: left;
                font-size: 16px;
                color: #80b1ff;
            }

            .product_rightrec li p.price em {
                float: right;
                color: #8c8c8c;
                font-style: normal;
            }

/*#endregion */


/*#region ===========产品详细===========*/

/*产品目录*/

.propath_bg {
    height: 40px;
    overflow: hidden;
    background: #f8f8f8;
    margin-bottom: 10px;
}

.propath {
    width: 1600px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
}

    .propath a {
        float: left;
        color: #666;
        display: inline-block;
        overflow: hidden;
        margin: 0 12px 0 0;
    }

        .propath a:hover {
            color: #80b1ff;
        }

        .propath a i {
            float: right;
            font-family: "宋体";
            font-style: normal;
            margin: 1px 0 0 5px;
            font-size: 14px;
        }

    .propath span {
        float: left;
        color: #8c8c8c;
        display: inline-block;
        overflow: hidden;
    }

/*放大镜*/

.pinfo_zoom {
    float: left;
    width: 400px;
    height: auto;
}

.zoom_big {
    width: 398px;
    height: 398px;
    border: 1px solid #ddd;
}

    .zoom_big img {
        width: 398px;
        height: 398px;
    }

.zoom_list {
    padding: 20px 0 18px;
    overflow: hidden;
    text-align: center;
    border: 1px solid #ddd;
    border-top: 0 none;
}

    .zoom_list a.iconfont {
        float: left;
        width: 20px;
        line-height: 56px;
        text-align: center;
        display: inline-block;
        overflow: hidden;
        color: #ccc;
        font-size: 20px;
    }

    .zoom_list a.zoombtn1 {
        margin-left: 10px;
    }

    .zoom_list div.swiper-container {
        float: left;
        width: 340px;
        display: block;
        overflow: hidden;
    }

.zoomimg {
    width: 56px;
    height: 56px;
    display: block;
    cursor: pointer;
    border: 1px solid #fff;
}

.zoomimgon {
    border: 1px solid #80b1ff;
}

.zoomContainer {
    z-index: 10;
}

.zoom_share {
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    padding: 10px 0;
}

    .zoom_share a {
        float: left;
        display: inline-block;
        overflow: hidden;
        margin-right: 20px;
        color: #666;
    }

    .zoom_share i {
        float: left;
        color: #80b1ff;
        font-size: 18px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        margin-top: -1px;
    }

        .zoom_share i.i2 {
            color: #8c8c8c;
            font-size: 18px;
            display: inline-block;
            vertical-align: middle;
            margin-top: -2px;
        }

        .zoom_share i.ion {
            color: #80b1ff;
        }

.bdsharebuttonbox {
    float: right;
}

    .bdsharebuttonbox p {
        float: left;
        margin: 0 5px 0 0;
    }

    .bdsharebuttonbox a {
        margin: 2px 5px 2px 0 !important;
    }

/*参数*/

.pinfo_canshu {
    float: left;
    width: 580px;
    height: auto;
    margin: 0 0 0 30px;
}

.proname {
    line-height: 180%;
    font-size: 16px;
    color: #555;
    font-weight: bold;
    padding-bottom: 25px;
}

.limittime {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0 20px;
    background: #80b1ff;
}

    .limittime span.name {
        float: left;
        font-size: 14px;
        color: #fff;
    }

    .limittime p {
        float: right;
        font-size: 14px;
        color: #fff;
    }

        .limittime p s {
            float: left;
            font-style: normal;
            text-decoration: none;
        }

        .limittime p em {
            float: left;
            width: 30px;
            height: 24px;
            line-height: 24px;
            display: inline-block;
            overflow: hidden;
            background: #333;
            text-align: center;
            margin: 8px;
            border-radius: 4px;
            font-size: 14px;
            font-family: Arial;
            font-style: normal;
        }

.canshubox {
    padding: 15px 20px;
    height: auto;
    background: url(../images/pcanshubg.jpg) no-repeat left top;
    background-size: cover;
    position: relative;
    margin-bottom: 30px;
}

    .canshubox p.price {
        height: 35px;
        line-height: 35px;
        display: block;
        overflow: hidden;
    }

        .canshubox p.price span {
            color: #8c8c8c;
            margin-right: 20px;
        }

        .canshubox p.price i {
            color: #80b1ff;
            font-size: 16px;
            font-style: normal;
        }

        .canshubox p.price em {
            color: #80b1ff;
            font-size: 24px;
            font-style: normal;
            font-weight: bold;
        }

    .canshubox p.oldprice {
        height: 36px;
        line-height: 36px;
        display: block;
        overflow: hidden;
        color: #8c8c8c;
    }

        .canshubox p.oldprice span {
            font-size: 14px;
            margin-right: 20px;
        }

        .canshubox p.oldprice s {
            font-family: Arial;
            font-size: 14px;
        }

    .canshubox p.number {
        height: 30px;
        line-height: 30px;
        display: block;
        overflow: hidden;
        font-size: 14px;
    }

        .canshubox p.number span {
            color: #666;
            margin-right: 5px;
        }

        .canshubox p.number em {
            color: #80b1ff;
            font-style: normal;
            margin-right: 30px;
        }

    .canshubox p.procode {
        width: 80px;
        height: 40px;
        line-height: 40px;
        color: #666;
        position: absolute;
        top: 15px;
        right: 20px;
        z-index: 9;
        cursor: pointer;
    }

        .canshubox p.procode span {
            float: left;
        }

        .canshubox p.procode i {
            float: right;
            font-size: 20px;
        }

        .canshubox p.procode b {
            width: 200px;
            height: 200px;
            margin-left: -80px;
            display: none;
            overflow: hidden;
            background: #fff;
            padding: 10px;
            box-shadow: 0 0 15px rgba(0,0,0,.1);
        }

        .canshubox p.procode:hover b {
            display: block;
        }

/*商品规格*/

.Attribute {
    overflow: hidden;
    margin-bottom: 20px;
}

    .Attribute li {
        overflow: hidden;
        margin-bottom: 10px;
    }

        .Attribute li:last-child {
            margin-bottom: 0;
        }

.Att_title {
    float: left;
    width: 66px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    overflow: hidden;
    color: #8c8c8c;
    padding: 0 0 0 15px;
}

.Att_link {
    display: block;
    overflow: hidden;
}

    .Att_link a {
        float: left;
        height: 36px;
        line-height: 36px;
        display: inline-block;
        overflow: hidden;
        padding: 0 20px;
        margin: 0 10px 5px 0;
        border: 1px solid #ddd;
        color: #666;
        position: relative;
    }

        .Att_link a i {
            font-size: 14px;
            position: absolute;
            right: -4px;
            bottom: -40%;
            z-index: 10;
            color: #fff;
            display: none;
            /*background:url(../images/selected-icon.png) no-repeat right bottom;*/
        }

        .Att_link a span {
            line-height: 30px;
        }

        .Att_link a:hover, .Att_link a.aon {
            height: 34px;
            line-height: 34px;
            border: 2px solid #80b1ff;
        }

            .Att_link a:hover::before, .Att_link a.aon::before {
                content: "";
                width: 46px;
                height: 24px;
                background: #80b1ff;
                position: absolute;
                bottom: -12px;
                right: -23px;
                transform: rotate(-45deg);
                color: #fff;
            }

            .Att_link a:hover i, .Att_link a.aon i {
                display: block;
            }


.pronumber {
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    font-size: 14px;
    margin-bottom: 30px;
}

    .pronumber span.name {
        float: left;
        width: 66px;
        display: inline-block;
        overflow: hidden;
        color: #8c8c8c;
        padding: 0 0 0 15px;
    }

    .pronumber span.unit {
        float: left;
        color: #666;
        margin-left: 10px;
    }
/*库存*/

.pronumber {
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    font-size: 14px;
    margin-bottom: 30px;
}

    .pronumber span.name {
        float: left;
        width: 66px;
        display: inline-block;
        overflow: hidden;
        color: #8c8c8c;
        padding: 0 0 0 15px;
    }

    .pronumber span.unit {
        float: left;
        color: #666;
        margin-left: 10px;
    }

    .pronumber span.num {
        float: left;
        color: #666;
        margin-left: 20px;
    }

        .pronumber span.num em {
            font-style: normal;
        }

    .pronumber .numform {
        float: left;
        width: 80px;
        height: 36px;
        display: block;
        overflow: hidden;
        border: 1px solid #ddd;
    }

        .pronumber .numform input {
            float: left;
            width: 56px;
            height: 36px;
            line-height: 36px;
            border: 0 none;
            text-align: center;
            color: #666;
            font-size: 14px;
            outline: none;
        }

        .pronumber .numform a {
            display: block;
            overflow: hidden;
            border-left: 1px solid #ddd;
            text-align: center;
            background: #f9f9f9;
            color: #666;
            font-size: 14px;
        }

            .pronumber .numform a i {
                font-weight: normal;
            }

            .pronumber .numform a.a1 {
                height: 18px;
                line-height: 18px;
            }

            .pronumber .numform a.a2 {
                height: 17px;
                line-height: 17px;
                border-top: 1px solid #ddd;
            }

/*按钮*/

.probtn {
    overflow: hidden;
    padding: 0 0 0 80px;
}

    .probtn a {
        float: left;
        height: 46px;
        line-height: 46px;
        display: inline-block;
        overflow: hidden;
        margin: 0 20px 0 0;
        padding: 0 30px;
        background: #ff8f22;
        border-radius: 5px;
        color: #fff;
        font-size: 16px;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
    }

    .probtn a:hover {
        color: #fff;
 
    }

        .probtn a i {
            font-size: 24px;
            margin-right: 10px;
            display: inline-block;
            overflow: hidden;
            font-weight: normal;
        }

        .probtn a span {
            display: inline-block;
            overflow: hidden;
        }

        .probtn a.a1 { /*background:#ff8f22;*/
            background: linear-gradient(90deg,#4498ff,#91b2ee);
        }

        .probtn a.a2 { /*background:#80b1ff;*/
            background: linear-gradient(90deg,#93d6f7,#80b1ff);
        }

        .probtn a.a3 {
            background: #bbb;
        }

.linkbtn {
    overflow: hidden;
    padding: 0 0 0 80px;
}

    .linkbtn a {
        float: left;
        height: 50px;
        line-height: 50px;
        display: inline-block;
        overflow: hidden;
        margin: 20px 20px 0 0;
        padding: 0 30px;
        background: none;
        border: 1px solid #93d6f7 ;
        border-radius: 30px;
        color: #93d6f7 /*#80b1ff*/;
        font-size: 16px;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
    }

        .linkbtn a:hover {
            color: #93d6f7;
        }
/*看了又看*/

.pinfo_lock {
    float: right;
    width: 160px;
    overflow: hidden;
}

#lockban {
    height: 520px;
}

.lock_title {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    position: relative;
}

    .lock_title p {
        width: 100%;
        height: 1px;
        display: block;
        overflow: hidden;
        margin-top: 15px;
        background: #ddd;
    }

    .lock_title span {
        width: 80px;
        height: 30px;
        display: block;
        overflow: hidden;
        background: #fff;
        color: #8c8c8c;
        font-size: 14px;
        text-align: center;
        position: absolute;
        left: 40px;
        top: 0;
        z-index: 100;
    }

.locklist {
    width: 160px;
    overflow: hidden;
    margin: 0 auto;
    padding: 15px 0 0 0;
}

.lockban_item {
    width: 160px;
    height: 160px;
    overflow: hidden;
}

    .lockban_item a {
        width: 158px;
        height: 158px;
        display: block;
        overflow: hidden;
        position: relative;
        border: 1px solid #ddd;
    }

        .lockban_item a img {
            width: 158px;
            height: 158px;
        }

        .lockban_item a p {
            width: 138px;
            padding: 0 10px;
            height: 50px;
            display: block;
            overflow: hidden;
            background: #fff;
            background: rgba(255,255,255,0.95);
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 10;
        }

            .lockban_item a p span {
                display: block;
                height: 20px;
                line-height: 20px;
                margin: 5px 0 0;
                overflow: hidden;
            }

            .lockban_item a p em {
                line-height: 100%;
                color: #80b1ff;
                font-style: normal;
                font-size: 14px;
            }

.lockbtn {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
    padding: 10px 0 20px;
}

    .lockbtn a {
        height: 30px;
        display: inline-block;
        overflow: hidden;
        color: #8c8c8c;
        font-size: 20px;
        margin: 0 5px;
    }

        .lockbtn a:hover {
            color: #80b1ff;
        }

/*#endregion */


/*#region ===========产品详细2===========*/

/*详细内容*/

.infopro_title {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    border-bottom: 1px solid #80b1ff;
    background: #f9f9f9;
}

    .infopro_title li {
        float: left;
        overflow: hidden;
    }

        .infopro_title li a {
            padding: 0 30px;
            display: inline-block;
            overflow: hidden;
            color: #333;
            font-size: 14px;
            font-weight: bold;
        }

        .infopro_title li.lion a {
            color: #fff;
            background: #80b1ff;
        }

.infopro_conts {
    overflow: hidden;
}

.infopro_wenzi {
    min-height: 300px;
    overflow: hidden;
    line-height: 200%;
    padding: 20px;
    font-size: 13px;
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0 none;
}

    .infopro_wenzi img {
        max-width: 100%;
    }

/*评论*/

.Assess {
    overflow: hidden;
    padding: 20px 30px;
    background: #f9f9f9;
    margin: 20px 0;
}

.Assess_left {
    float: left;
    width: 165px;
    overflow: hidden;
}

    .Assess_left p.p1 {
        line-height: 25px;
        color: #666;
        font-size: 14px;
    }

    .Assess_left p.p2 {
        height: 50px;
        line-height: 50px;
        color: #80b1ff;
        display: block;
        overflow: hidden;
    }

        .Assess_left p.p2 em {
            font-size: 38px;
            font-style: normal;
        }

        .Assess_left p.p2 span {
            font-size: 24px;
        }

    .Assess_left p.p3 {
        line-height: 25px;
        color: #666;
    }

.Assess_right {
    float: left;
    overflow: hidden;
    margin: 10px 0 0 0;
}

    .Assess_right li {
        overflow: hidden;
        line-height: 12px;
        height: 12px;
        margin-bottom: 20px;
    }

        .Assess_right li:last-child {
            margin-bottom: 0;
        }

        .Assess_right li span {
            float: left;
            width: 100px;
            display: inline-block;
            overflow: hidden;
            color: #666;
        }

        .Assess_right li p {
            float: left;
            width: 200px;
            height: 12px;
            display: block;
            overflow: hidden;
            background: #ececec;
            border-radius: 12px;
        }

            .Assess_right li p em {
                float: left;
                width: 50%;
                display: inline-block;
                overflow: hidden;
                height: 13px;
                line-height: 12px;
                background: linear-gradient(90deg,#ff6034,#80b1ff);
            }

/*评论列表*/

.Assess_tab {
    height: 40px;
    border: 1px solid #ddd;
}

    .Assess_tab li {
        float: left;
        width: 140px;
        height: 40px;
    }

        .Assess_tab li a {
            height: 40px;
            line-height: 40px;
            display: block;
            overflow: hidden;
            text-align: center;
            font-size: 14px;
            color: #666;
        }

        .Assess_tab li.lion a {
            height: 39px;
            line-height: 40px;
            border-bottom: 2px solid #80b1ff;
            color: #80b1ff;
        }

.Assess_conts {
    overflow: hidden;
    border: 1px solid #ddd;
    border-top: 0 none;
    padding-bottom: 20px;
}

.Assess_list {
    overflow: hidden;
    padding: 20px 45px 5px 40px;
    overflow-y: scroll;
}

    .Assess_list li {
        overflow: hidden;
        position: relative;
        padding: 0 0 0 50px;
        margin-bottom: 15px;
    }

        .Assess_list li:last-child {
            margin-bottom: 0;
        }

        .Assess_list li img.toux {
            width: 38px;
            height: 38px;
            display: block;
            border-radius: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 100;
            border: 1px solid #ddd;
        }

        .Assess_list li p.line {
            width: 2px;
            height: 100%;
            display: block;
            overflow: hidden;
            background: #f2f2f2;
            position: absolute;
            left: 19px;
            top: 0;
            z-index: 99;
        }

        .Assess_list li p.name {
            line-height: 40px;
            display: block;
            overflow: hidden;
            color: #333;
            font-size: 14px;
        }

        .Assess_list li p.cont {
            line-height: 24px;
            color: #666;
            padding: 0 200px 0 0;
        }

        .Assess_list li p.repa {
            line-height: 24px;
            color: #047a4f;
            padding: 0 200px 0 0;
        }

        .Assess_list li p.time {
            line-height: 24px;
            color: #8c8c8c;
        }

.pingimg {
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 1px dashed #ddd;
}

    .pingimg a {
        float: left;
        height: 40px;
        display: block;
        overflow: hidden;
        padding: 4px;
        border: 1px solid #ddd;
        margin: 0 10px 0 0;
    }

        .pingimg a img {
            height: 40px;
            display: block;
        }

        .pingimg a:hover {
            border: 1px solid #F30;
        }

.pingxing {
    width: 170px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 100;
}

    .pingxing p {
        height: 16px;
        line-height: 16px;
        display: block;
        overflow: hidden;
        margin-bottom: 10px;
    }

        .pingxing p span {
            float: left;
            width: 80px;
            display: inline-block;
            overflow: hidden;
            text-align: right;
            margin: 0 5px 0 0;
            color: #666;
        }

        .pingxing p em {
            float: left;
            height: 16px;
            display: block;
            overflow: hidden;
        }

            .pingxing p em i {
                float: left;
                font-size: 18px;
                color: #fcb108;
                width: 16px;
                height: 16px;
                text-align: center;
                display: block;
                overflow: hidden;
            }

            .pingxing p em.lv1 {
                width: 25px;
            }

            .pingxing p em.lv2 {
                width: 40px;
            }

            .pingxing p em.lv3 {
                width: 55px;
            }

            .pingxing p em.lv4 {
                width: 70px;
            }

            .pingxing p em.lv5 {
                width: 85px;
            }

/*选择数量规格*/

.prochoose {
    width: 100%;
    height: auto;
    position: fixed;
    bottom: 20%;
    left: 50%;
    z-index: 1005;
    max-width: 640px;
    margin-left: -320px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.prochoose_top {
    padding: 20px 40px 20px 15px;
    position: relative;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

    .prochoose_top .txtbox {
        width: calc(100% - 110px);
    }

    .prochoose_top a.img {
        display: block;
        overflow: hidden;
        width: 88px;
        height: 88px;
        border: 1px solid #e5e5e5;
    }

        .prochoose_top a.img img {
            width: 88px;
            height: 88px;
            display: block;
            background: #f0f0f0;
        }

    .prochoose_top p.name {
        line-height: 24px;
        display: block;
        overflow: hidden;
        color: #333;
        font-size: 14px;
        padding: 5px 0;
    }

    .prochoose_top p.price {
        line-height: 24px;
        color: #80b1ff;
        font-size: 18px;
    }

    .prochoose_top a.close {
        font-size: 30px;
        color: #666;
        position: absolute;
        top: 5px;
        right: 10px;
        z-index: 10;
    }

.prochoose_btn {
    width: 100%;
    overflow: hidden;
}

    .prochoose_btn li {
        float: left;
        width: 50%;
        overflow: hidden;
        line-height: 50px;
    }

        .prochoose_btn li a {
            display: block;
            overflow: hidden;
            text-align: center;
            color: #fff; /*background:#ff8f22;*/
            background: linear-gradient(90deg,#ffd01e,#ff8f22);
            font-size: 16px;
        }

            .prochoose_btn li a.a2 { /*background:#80b1ff;*/
                background: linear-gradient(90deg,#7d90ff,#80b1ff);
            }

        .prochoose_btn li.nobtn {
            float: none;
            width: 100%;
        }

            .prochoose_btn li.nobtn a {
                background: #bbb;
            }

.prochoose .Attribute {
    margin-bottom: 15px;
}

.prochoose .Att_title, .prochoose .pronumber span.name {
    padding: 0 0 0 20px;
}

/*#endregion */


/*#region ===========单篇信息===========*/

.base {
    min-height: 300px;
    overflow: hidden;
    background: #fff;
    padding: 20px 30px;
    font-size: 14px;
    color: #666;
    line-height: 200%;
}

/*#endregion */


/*#region ===========新闻列表===========*/

.newslist {
    min-height: 195px;
    overflow: hidden;
    padding: 10px 20px;
    background: #fff;
}

    .newslist li {
        height: 50px;
        line-height: 50px;
        overflow: hidden;
        border-bottom: 1px dashed #ddd;
    }

        .newslist li i {
            float: left;
            margin: 0 10px 0 0;
            font-weight: bold;
            font-style: normal;
            color: #8c8c8c;
        }

        .newslist li a {
            height: 50px;
            font-size: 14px;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.newsinfo {
    overflow: hidden;
    padding: 20px 0 0 0;
}

.news_title {
    line-height: 25px;
    padding: 5px 0;
    font-size: 18px;
    color: #333;
    text-align: center;
}

.news_time {
    line-height: 20px;
    padding: 5px 0 10px 0;
    color: #666;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.news_conts {
    min-height: 250px;
    overflow: hidden;
    font-size: 14px;
    line-height: 200%;
    padding: 15px 20px;
    color: #666;
}

    .news_conts table {
        border-left: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }

    .news_conts td {
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

.newsinfo a.back {
    width: 80px;
    line-height: 20px;
    display: block;
    overflow: hidden;
    margin: 20px auto;
    text-align: center;
    color: #266dd8;
    font-size: 14px;
}

    .newsinfo a.back:hover {
        text-decoration: underline;
    }

/*#endregion */

#banner1 .swiper-slide img {
    width: 100%;
    height: 500px;
    object-fit: fill; /* 关键属性：填充容器并保持比例 */
    display: block; /* 消除图片底部间隙 */
}