[v-cloak] {
    display: none;
}

body {
    min-width: 1200px;
    font-size: 14px;
    background-color: #f8f8f8;
}

img {
    object-fit: cover;
    max-width: 100%;
    vertical-align: middle
}

a {
    display: inline-block;
    vertical-align: middle;
    transition: all 0.5s;
}

input {
    outline: none;
}

:root {
    --color: #0582e9e7;
    --color-z: #333333
}

.lz-mt40 {
    margin-top: 30px;
}

.lz-mt15 {
    margin-top: 15px;
}

.lz-pb50 {
    padding-bottom: 50px;
}

a:hover {
    color: var(--color) !important;
}


 input[type="radio"]::before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #999;
    box-sizing: border-box;
    position: absolute;
    top: 48px;
    position: absolute;
    top: 0;
    left: 0;
}
 input[type="radio"]:checked::before {
    background-color: red;
    background-clip: content-box;
    border: 1px solid red;
    padding: 1px;
    box-sizing: border-box;
}
input[type="checkbox"]{margin-top: 0; width:16px;height:16px;display: inline-block;text-align: center;vertical-align: middle; line-height: 18px;position: relative;}
input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width: 100%;height: 100%;border: 1px solid #d9d9d9}
input[type="checkbox"]:checked::before{content: "\2713";background-color: #fff;position: absolute;top: 0;left: 0;width:100%;border: 1px solid #e50232;color:#e50232;font-size: 16px;font-weight: bold;}
.text-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bx-text-p2{
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.bx-text-p3{
    line-height: 25px;
    height: 75px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.bx-text-p4{
    line-height: 25px;
    height: 100px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.lz-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
}


.lz-flex {
    display: flex;
    align-items: center;
}

.lz-flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lz-flex-between1 {
    display: flex;
    justify-content: space-between;
}

.lz-flex-center {
    display: flex;
    align-items: center;
}

.lz-flex-center1 {
    text-align: left;
}

header {
    box-shadow: 0px 1px 19px 0px rgba(0, 0, 0, 0.05);
}

    header .tj-top {
        background-color: #0582e9e7;
        text-align: right;
        padding: 10px 0;
        color: #fff;
    }
    header .tj-top a{
        color: #fff;
    }
       
        .tj-top-right{
            width: 50%;
        }
        .header-tel,.header-login,.header-user{
            display: inline-block;
            margin-left: 30px;
        }
        .header-tel{
            color: #0582e9e7;
            font-family: Arial;
            font-size: 18px;
            font-weight: 700;
            line-height: 21px;
            letter-spacing: 0px;
            text-align: left;
            color: #fff;
        }
        .header-login a{
            color: #000000;
        }
        .header-login span, .header-user span{
            margin: 0 8px;
        }
        .header-user{
            color: #666666;
        }
        .header-user .p{
            display: inline-block;
            cursor: pointer;
        }
        .header-user .p i{
            color: #0582e9e7;
            margin-right: 5px;
        }

.topsel {
    width: 140px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 99;
    text-align: left;
    box-shadow: 0 0 6px rgba(0,0,0,.16);
    padding: 5px 0;
    display: none;
}

    .topsel ul li a {
        margin-left: 0;
        font-size: 14px;
        color: #333;
        padding: 2px 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

.bx-mb-nav {
    line-height: 1;
    border-bottom: 0;
    padding: 25px 10px;
}

    .bx-mb-nav p {
        font-size: 14px;
        color: #707070;
        line-height: 1.2;
    }

    .bx-mb-nav i {
        font-size: 14px;
    }

    .bx-mb-nav a:hover {
        color: #0582e9e7;
    }

.tj-hade {
    padding: 15px 0;
}

    .tj-hade .tj-logo {
        width: 240px;
    }

        .tj-hade .tj-logo img {
            height: 80px;
            max-width: 100%;
        }

    .tj-hade .tj-hade-fr {
        display: flex;
        align-items: center;
    }

        .tj-hade .tj-hade-fr .tj-sous {
            width: 300px;
            height: 46px;
            border: solid 1px #0582e9e7;
            overflow: hidden;
            display: flex;
            border-radius: 5px;
        }

           

            .tj-hade .tj-hade-fr .tj-sous .input-tet {
                border: none;
                background: none;
                height: 42px;
                flex: 1;
                padding-left: 10px;
            }

            .tj-hade .tj-hade-fr .tj-sous .bur {
                width: 46px;
                background-size: 20px;
                border: none;
                height: 46px;
                background-color: #0582e9e7;
                color: rgb(255, 255, 255);
                font-size: 16px;
                font-weight: 500;
                line-height: 23px;
                letter-spacing: 0px;
                display: flex;
                justify-content: center;
                align-items: center;
                cursor: pointer;
            }

        .tj-hade .tj-hade-fr .tj-symember {
            margin-left: auto;
        }

            .tj-hade .tj-hade-fr .tj-symember .member-h img {
                width: 25px;
                height: 25px;
                border-radius: 50%;
            }

            .tj-hade .tj-hade-fr .tj-symember .member-h p {
                color: #666;
                padding-left: 10px;
            }

            .tj-hade .tj-hade-fr .tj-symember p {
                color: #333333;
                line-height: 46px;
                margin-left: 25px;
                display: inline-block;
                font-size: 14px;
            }

                .tj-hade .tj-hade-fr .tj-symember p img {
                    width: 20px;
                    margin-right: 5px;
                }

    .tj-hade .tj-gec {
        height: 46px;
        padding: 0 15px;
        margin-left: 25px;
        border: 1px solid rgb(204, 0, 0);
        border-radius: 5px;
    }

        .tj-hade .tj-gec a {
            display: block;
            background-size: 18px;
            padding-left: 30px;
            line-height: 46px;
            color: #333;
            position: relative;
            font-size: 16px;
        }
        .tj-hade .tj-gec a i{
            position: absolute;
            left: 0;
            top: 0;
        }
        .tj-hade .tj-gec span{
            display: block;
            width: 15px;
            height: 15px;
            overflow: hidden;
            text-align: center;
            line-height: 15px;
            background-color: #0582e9e7;
            color: #fff;
            border-radius: 15px;
            font-size: 12px;
            position: absolute;
            left: 11px;
            top: 10px;
        }

        .tj-hade .tj-gec:hover {
            border: solid 1px var(--color);
        }

    .tj-hade .tj-keywords {
        padding-top: 10px;
    }

        .tj-hade .tj-keywords a {
            color: #aaaaaa;
            margin-right: 10px;
        }


        .tj-nav ul{
            display: flex;
        }
        .tj-nav ul li{
            margin-right: 50px;
        }
        .tj-nav ul li a{
            color: #000000;
            font-size: 18px;
            font-weight: 400;
            line-height: 24px;
            letter-spacing: 0px;
            text-align: left;
        }
        .tj-nav ul li.active a{
            color: #0582e9e7;
            font-weight: bold;
        }

        .banner-item{
            background-color: #F6F6F6;
            width: 100%;
            height: 410px;
            display: flex;
        }
        .banner-item-left{
            width: calc(100% - 400px);
        }
        .banner-item-left .swiper-container{
            height: 100%;
        }
        .imgw100{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .banner-item-right{
            width: 400px;
            padding: 20px;
            overflow-y: auto;
        }
        .banner-pro-list{
            display: block;
            background-color: #FFFFFF;
            display: flex;
            
        }
        .banner-pro-list .img{
            width: 160px;
            height: 110px;
        }
        .banner-pro-list .text{
            width: calc(100% - 160px);
            padding: 5px 15px;
            font-size: 16px;
            color: #666666;
        }
        .banner-item-right ul li{
            margin-bottom: 20px;
        }
        .banner-item-right ul li:nth-last-child(1){
            margin-bottom: 0;
        }
        .pro-nav{
            margin-top: 24px;
        }
        .pro-nav-item ul{
            display: flex;
            flex-wrap: wrap;
            margin: 0 -3px;
        }
        .pro-nav-item ul li{
            width: 16.6%;
            padding: 0 3px;
            margin-top: 6px;
            height: 80px;
        }
        .pro-nav-list{
            display: block;
            border: 1px solid rgb(236, 236, 236);
        }
        .pro-nav-list:hover{
            border-color: #0582e9e7;
        }
        .nei-title{
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid rgb(204, 0, 0);
           
        }
        .nei-title.center{
            justify-content: center;
        }
        .nei-title h3{
            font-size: 24px;
            color: #000000;
            font-weight: bold;
            position: relative;
            padding-bottom: 18px;
        }
        .nei-title a{
            font-size: 16px;
            color: #C2C2C2;
        }
        .nei-title h3::before{
            content: '';
            display: block;
            border-top: 8px solid transparent;
            border-bottom: 8px solid #0582e9e7;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            position: absolute;
            left: 50%;
            bottom: 0;
            margin-left: -8px;
        }
        .my-title{
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #eee;
        }
        .my-title h3{
            font-size: 20px;
            color: #000;
            font-weight: bold;
            position: relative;
            padding-bottom: 10px;
        }
        .my-title a{
            font-size: 14px;
            color: #C2C2C2;
        }
        .index-pro{
            margin-top: 45px;
        }

        .pro-item ul{
            display: flex;
            margin: 0 -12px;
            flex-wrap: wrap;
        }
        .pro-item ul li{
            width: 20%;
            padding: 0 12px;
            margin-top: 30px;
        }
        .pro-item .pro-list{
            display: block;
            height: 100%;

        }
        .pro-item .pro-list .img{
            width: 100%;
            height: 0;
            overflow: hidden;
            padding-bottom: 91%;
            position: relative;
            border: 1px solid rgb(236, 236, 236);
        }
        .pro-item .pro-list .img img{
            position: absolute;
            left: 0;
            top: 0;
            transition: all 0.5s;
        }
        .pro-item .pro-list:hover img{
            transform: scale(1.1);
        }   
        .pro-item .pro-list .text{
            border: 1px solid rgb(236, 236, 236);
            border-top: none;
            padding: 15px 20px;
            font-size: 16px;
        }
        .pro-item .pro-list .text h3{
            color: #666666;
        }
        .pro-item .pro-list .text .num{
            color: #0582e9e7;
            margin-top: 5px;
        }
        .pro-item .pro-list:hover .text h3{
            color: #0582e9e7;
        }
        .pro-item .pro-list:hover{
            transform: translateY(-5px);
            box-shadow: 0 0 15px rgba(204,0,0,.1);
        }
        .index-about{
            margin-top: 45px;
            margin-bottom: 50px;
        }
        .index-about-item{
            display: flex;
            padding-top: 30px;
        }
        .index-about-item .left{
            width: 50%;
            padding-right: 50px;
            font-size: 18px;
            color: #666666;
        }
        .index-about-item .img{
            width: 50%;
        }
        .footer{
            background-color: #F6F6F6;
            padding: 35px 0;
        }
        .footer-top,.footer-bottom{
            display: flex;
            justify-content: space-between;
            font-size: 16px;
            color: #333333;
            line-height: 1.8;
        }
        .footer-top .left,.footer-bottom .left{
            width: 65%;
        }
        .footer-top .right,.footer-bottom .right{
            width: 35%;
            text-align: right;
        }
        .footer-bottom{
            margin-top: 23px;
        }
        .footer-top .right img{
            max-width: 100%;
        }
        .footer-top .left p{
            padding-left: 25px;
            position: relative;
        }
        .footer-top .left p img{
            position: absolute;
            left: 0;
            top: 5px;
            max-width: 20px;
        }
        .mtb50{
            margin-top: 45px;
            margin-bottom: 50px;
        }
        /* 分页样式---自己定义 */
.page_div {
    margin: 20px 10px 20px 0;
    color: #666;
    padding-top: 20px;
    text-align: center;
}
    /* 页数按钮样式 */
    .page_div button {
        display: inline-block;
        min-width: 30px;
        height: 30px;
        cursor: pointer;
        color: #666;
        font-size: 13px;
        line-height: 28px;
        background-color: #f9f9f9;
        border: 1px solid #dce0e0;
        text-align: center;
        margin: 0 4px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 5px;
    }

#firstPage, #lastPage, #nextPage, #prePage {
    width: 50px;
    color: var(--color);
    border: 1px solid var(--color)
}

#nextPage, #prePage {
    width: 70px
}

.page_div .current {
    background-color: var(--color);
    border-color: var(--color);
    color: #FFF
}
/* 页面数量 */
.totalPages {
    margin: 0 10px
}

    .totalPages span, .totalSize span {
        color: var(--color);
        margin: 0 5px
    }
/*button禁用*/
.page_div button:disabled {
    opacity: .5;
    cursor: no-drop
}
.productDetail-item{
    padding-top: 30px;
    
}
.productDetail-box{
    display: flex;
    justify-content: space-between;
}
.productDetail-box .text,.productDetail-box .img{
    width: 50%;
}
.productDetail-box .text{
    padding-right: 50px;
}
.productDetail-box .text h3{
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    line-height: 1.6;
}
.productDetail-box .text .p{
    font-size: 16px;
    color: #666666;
    margin-top: 10px;
}
.productDetail-box .img img{
    width: 100%;
    border: 1px solid rgb(236, 236, 236);
}
.but-arr{
    margin-top: 25px;
}
.but-arr .but{
    min-width: 160px;
    line-height: 50px;
    text-align: center;
    background-color: #E8E8E8;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
    color: #616263;
    font-size: 16px;
    transition: all 0.5s;
}
.but-arr .but.red{
    background-color: #0582e9e7;
    color: #fff !important;
}
.but-arr .but.w100{
    width: 100%;
    margin: 0;
}
.but-arr .but:hover{
    opacity: 0.8;
    transform: translateY(-2px);
}
.pl120{
    padding-left: 80px;
}

.productDetail-detail{
    margin-top: 45px;
    font-size: 16px;
    color: #666666;
    line-height: 1.8;
}
.productDetail-detail h3{
    font-size: 28px;
    color: #000000;
}

.productDetail-detail table{
    width: 100%;
}
.productDetail-detail table tr td{
    padding: 10px;
}
.productDetail-detail table tr:nth-child(odd){
    background: rgb(246, 247, 248);
}

.ConractUs001-item{
    padding: 30px 0;
}
.ConractUs001-top{
    display: flex;
    justify-content: space-between;

}
.ConractUs001-top .left{
    width: 50%;
    padding-right: 10%;
}
.ConractUs001-top .left ul li{
    display: flex;
    margin: 15px 0;
    font-size: 16px;
    color: #707070;
}
.ConractUs001-top .left ul li p{
    flex: 1;
    padding-left: 10px;
}

.ConractUs001-top .left ul li span i{
    font-size: 18px;
    color: #008dce;
    margin-right: 20px;
}
.ConractUs001-top .right {
    width: 50%;
  
}
.ConractUs001-top .right .msg ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ConractUs001-top .right .msg ul li{
    width: calc(50% - 5px);
    margin-top: 10px;
}
.ConractUs001-top .right .msg input{
    width: 100%;
    height: 50px;
    padding: 0 18px;
    font-size: 16px;
    border: 1px solid rgb(239, 239, 239);
    color: #b2b2b2;
    resize: none;
    color: #333;
    transition: all 0.5s;
}
.ConractUs001-top .right .msg textarea{
    width: 100%;
    height: 120px;
    padding: 10px 18px;
    font-size: 16px;
    border: 1px solid rgb(239, 239, 239);
    color: #b2b2b2;
    resize: none;
    color: #333;
    outline: none;
    transition: all 0.5s;
}
.ConractUs001-top .right .msg input:focus,.ConractUs001-top .right .msg textarea:focus{
    border-color: #0582e9e7;
}
.ConractUs001-top .right .msg .submit{
    min-width: 160px;
    line-height: 50px;
    text-align: center;
    background-color: #0582e9e7;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    transition: all 0.5s;
    margin-top: 10px;
}
.ConractUs001-top .right .msg .submit:hover{
    opacity: 0.8;
}
.ConractUs001-map{
    margin-top: 60px;

}
.ConractUs001-map img,.ConractUs001-map iframe{
    width: 100%;
}
.nei-banner .img{
    width: 100%;
    height: 410px;
}
.from{
    margin: 50px 0;
}
.title2{
    text-align: center;
}
.title2 h3{
    font-size: 24px;
    color: #000000;
    font-weight: bold;
}
.title2 p{
    font-size: 18px;
    color: #616263;
    margin-top: 5px;
}
.from-item{
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 40px;
}
.from-list{
    display: flex;
    margin-bottom: 30px;
}
.from-list>p{
    text-align: right;
    width: 80px;
    font-size: 16px;
    color: #616263;
    padding-right: 20px;
    line-height: 50px;
}
.from-list>p i{
    color: #0582e9e7;
}
.from-list input:focus,.from-list textarea:focus{
    border-color: #0582e9e7;
}
.from-list input{
    width: calc(100% - 80px);
    height: 50px;
    padding: 0 18px;
    font-size: 16px;
    border: 1px solid rgb(206, 212, 218);
    color: #b2b2b2;
    resize: none;
    color: #333;
    transition: all 0.5s;
    outline: none;
}
.from-list textarea{
    width: calc(100% - 120px);
    height: 120px;
    padding: 10px 18px;
    font-size: 16px;
    border: 1px solid rgb(206, 212, 218);
    color: #b2b2b2;
    resize: none;
    color: #333;
    transition: all 0.5s;
    outline: none;
}
.from-list .radio{
    width: calc(100% - 120px);
}
.from-list .radio input{
    width: 16px;
    height: 16px !important;
}
.radio input[type="radio"]{
    margin-top: 2px;
}
.radio label{
    margin-right: 20px;
}
.from-list .select{
    width: calc(100% - 120px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}
.from-list .select select{
    width: 30%;
    font-size: 16px;
    padding: 0 10px;
    border: 1px solid rgb(206, 212, 218);
    color: #b2b2b2;
    resize: none;
    color: #333;
    transition: all 0.5s;
    outline: none;
    height: 50px;
}
.from .but-arr{
    text-align: center;
}
.from-item .ts{
    padding-left: 120px;
    font-size: 14px;
    color: #666666;
}
.from-item .ts i{
    font-size: 16px;
    margin-right: 8px;
}
.from-item .ts.red{
    color: #FF0000;
}
.from-unit{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}
.from-unit a{
    color: #333;
    font-size: 16px;
}
#sliderbox{
    width: calc(100% - 120px);
}
.from-list .code{
    width: calc(100% - 120px);
    display: flex;
}
  
.from-list .code  .yzm{
    width: 185px;
}


/* 个人中心 */
.my-item{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;

}
.my-nav{
    width: 140px;
    background-color: #F6F6F6;
    padding: 20px;
    position: sticky;
    top: 10px;
}
.my-nav ul li{
    margin-bottom: 40px;
}
.my-nav ul li h3{
    font-size: 20px;
    color: #000000;
    margin-bottom: 15px;
}
.my-nav ul li p{
    margin-top: 12px;
}
.my-nav ul li a{
    font-size: 16px;
    color: #666666;
}
.my-box{
    width: calc(100% - 140px);
    padding-left: 30px;
}
.my-nav ul li p.active a{
    color: #0582e9e7;
}

.myProfile{
    display: flex;
    justify-content: space-between;

}
.myProfile .left{
    width: 50%;
}
.myProfile .from-list input{
    height: 38px;
    font-size: 14px;
}
.myProfile .from-list>p{
    line-height: 38px;
    font-size: 14px;
}
.myProfile .but-arr .but{
    line-height: 50px;
    margin: 0;
}
.myProfile .from-list{
    margin-bottom: 15px;
}
.myProfile .from-list .select select{
    height: 38px;
}
.myProfile .right{
    margin-top: 40px;
}
.myProfile .right .fromImg .img{
    width: 160px;
    height: 160px;
    overflow: hidden;
    background-color: #EFEFEF;
}
.myProfile .right .fromImg .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.myProfile .right .fromImg p{
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    color: #0582e9e7;
    margin-top: 10px;
}
.myAddress{
    padding-top: 30px;
}
.addbut{
    min-width: 160px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #0582e9e7;
    display: inline-block;
    cursor: pointer;
    color: #0582e9e7;
    font-size: 14px;
    transition: all 0.5s;
}
.addbut:hover{
    background-color: #0582e9e7;
    color: #fff !important;
}

.myAddress-box ul li{
    margin-top: 20px;
}
.myAddress-list{
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgb(233, 233, 233);
    background: rgb(255, 255, 255);
    padding: 18px 20px;
    position: relative;
    padding-right: 150px;
}
.myAddress-list h3{
    font-size: 18px;
    color: #000000;
    margin-bottom: 10px;
}
.myAddress-list h3 span{
    display: inline-block;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 24px;
    background-color: #0582e9e7;
    padding: 0 10px;
    cursor: pointer;
}
.myAddress-list p{
    font-size: 16px;
    color: #666666;
    margin-top: 5px;
}
.myAddress-list .but{
    position: absolute;
    bottom: 15px;
    right: 20px;
    font-size: 14px;
    color: #0582e9e7;
    cursor: pointer;
}

.from2-item .from2-list{
    margin-top: 15px;
    display: flex;
    align-items: center;
}
.from2-item .from2-list p{
    font-size: 16px;
    color: #666666;
    margin-bottom: 5px;
}
.from2-item .from2-list p i{
    color: #0582e9e7;
}
.from2-item .from2-list input{
    width: 380px;
    height: 38px;
    padding: 0 10px;
    font-size: 14px;
    border: 1px solid rgb(206, 212, 218);
    color: #b2b2b2;
    resize: none;
    color: #333;
    transition: all 0.5s;
    outline: none;
}
.from2-item .from2-list .text{
    margin: 0 10px;
    padding-top: 25px;
    font-size: 16px;
    color: #000000;
}

.shopping-item table{
    width: 100%;
}
.shopping-item table tr th{
    background-color: #F6F6F6;
    font-size: 16px;
    color: #000000;
    padding: 10px;
    text-align: center;
}
.shopping-item table tr td{
    color: #000;
    padding: 20px 10px;
    font-size: 16px;
    color: #666;
    text-align: center;
    border-bottom: 1px dashed rgb(219, 219, 219);
}
.shopping-pro{
    width: 100%;
    display: flex;
    align-items: center;
}
.shopping-pro .img{
    width: 130px;
    height: 130px;
    overflow: hidden;
    border: 1px solid rgb(236, 236, 236);
}
.shopping-pro .text{
    width: calc(100% - 150px);
    padding-left: 10px;
    font-size: 16px;
    color: #666666;
    text-align: left;
}
.shopping-item table tr td .red{
    color: #0582e9e7;
}
.shopping-item table tr td .edit{
    cursor: pointer;
}
.shopping-item table tr td .edit:hover{
    color: #0582e9e7;
}

.shopping-footer{
    background: rgb(246, 246, 246);
    padding: 10px 25px;
    font-size: 16px;
    color: #000000;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.shopping-footer .edit{
    display: inline-block;
    margin-left: 20px;
    cursor: pointer;
}
.shopping-footer .text{
    display: inline-block;
}
.shopping-footer .text span{
    color: #0582e9e7;
    font-weight: bold;
}
.shopping-footer .but{
    display: inline-block;
    margin-left: 20px;
    cursor: pointer;
    background-color: #0582e9e7;
    line-height: 40px;
    min-width: 120px;
    text-align: center;
    color: #fff !important;
}
.placeOrder-top{
    margin-bottom: 30px;
}
.placeOrder-top .title{
    font-size: 18px;
    color: #000000;
}
.placeOrder-topBox{
    padding: 25px 0;
    border-bottom: 1px dashed rgb(219, 219, 219);
}
.placeOrder-topBox h3{
    font-size: 16px;
    font-weight: bold;
}
.placeOrder-topBox p{
    margin-top: 10px;
}
.placeOrder-topBox p span{
    margin-right: 10px;
    font-size: 16px;
    color: #666666;
}
.placeOrder-topBox p .edit{
    display: inline-block;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 24px;
    background-color: #0582e9e7;
    padding: 0 10px;
    cursor: pointer;
}
.myOrder{
    background: rgb(246, 246, 246);
    padding: 0 20px 20px 20px;
    margin-top: 20px;
}
.myOrder-nav ul li{
    display: inline-block;
    margin-right: 50px;
}
.myOrder-nav ul li p{
    line-height: 45px;
    font-size: 16px;
    color: #000000;
    cursor: pointer;
}
.myOrder-nav ul li p:hover{
    color: #0582e9e7;
}
.myOrder-nav ul li.active p{
    color: #0582e9e7;
    border-bottom: 1px solid #0582e9e7;
}   
.myOrder-table-header{
    background-color: #fff;
    margin-top: 20px;
}
.myOrder-table-header table{
    width: 100%;
}
.myOrder-table-header table td{
    padding:  10px;
    font-size: 16px;
    color: #000000;
    text-align: center;
    width: 11%;
}
.myOrder-table-header i{
    display: inline-block;
    vertical-align: top;
}
.myOrder-table-header select{
    border: none;
    outline: none;
}
.myOrder-table-header table td:nth-child(2){
    width: 35%;
}

.myOrder .shopping-item table tr td:nth-child(1){
    width: 35%;
}
.myOrder .shopping-item table tr td{
    width: 11%;
}

.myOrder-table tr:nth-child(1) td{
    padding: 10px;
}
.myOrder-table tr:nth-child(1) td:nth-child(1){
    text-align: left;
}
.myOrder-table tr:nth-child(1) td:nth-child(1) span{
    margin-right: 25px;
    color: #000;
}
.myOrder-table .shopping-item{
    margin-top: 20px;
    background-color: #fff;
}
.order-box-text{
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px dashed rgb(219, 219, 219);
}
.order-box-text .title{
    font-size: 16px;
    font-weight: bold;
}
.order-box-text table{
    width: 100%;
    max-width: 500px;
    margin-top: 15px;
}
.order-box-text table tr td{
    border:  1px solid rgb(233, 233, 233);
    font-size: 16px;
    color: #666666;
    padding: 10px;
}

.orderSuccess-box{
    text-align: center;
    padding-bottom: 30px;
    border-bottom: 1px dashed rgb(219, 219, 219);
    margin-bottom: 30px;
}
.orderSuccess-box .img{
    width: 100px;
    margin: 0 auto;
}

.orderSuccess-box p{
    font-size: 26px;
    color: #000000;
    font-weight: bold;
    margin-top: 10px;
}

.my-yuer{
    padding: 20px 0;
    display: flex;
  }
  .my-yuer .div-fl{
    width: 50%;
    color: #fff;
    text-align: center;
    padding: 0 10px;
  }
  .my-yuer .div-fl h3{
    font-size: 14px;
    color: #fff;
 
    
  }
  .my-yuer .div-fl p{
    font-size: 36px;
    padding-top: 10px;
    font-weight: bold;
  }

  .mt30{
    margin-top: 30px;
  }





@media screen and (max-width: 1000px){
    body{
        min-width: 100%;
    }
    .container{
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .lz-flex-between{
        display: block;
        text-align: left;
    }
    .header-tel{
        margin-left: 0;
        width: 100%;
        text-align: right;
        display: none;
    }
    .header-login{
        margin-left: 0;
        float: left;
    }
    .header-user{
        margin-left: 0;
        float: right;
    }
    .tj-top-right{
        width: 100%;
        overflow: hidden;
        margin-top: 5px;
    }
    .tj-hade .tj-hade-fr{
        display: block;
    }
    .tj-nav ul li{
        margin-right: 10px;
    }
    .tj-hade .tj-logo{
        width: auto;
    }
    .tj-hade .tj-logo img{
        height: 35px;
    }
    .tj-nav ul li{
        flex: 1;
        text-align: center;
        background-color: #0582e9e7;
        margin-right: 0;
    }
    .tj-nav ul li a{
        font-size: 14px;
        color: #fff;
        line-height: 40px;
    }
    .tj-hade .tj-hade-fr .tj-nav{
        margin: 10px 0;
        border: 1px solid #0582e9e7;
    }
    .tj-nav ul li.active a{
        color: #0582e9e7;
    }
    .tj-nav ul li.active{
        background-color: #fff;
    }
    .tj-hade .tj-hade-fr .tj-sous{
        width: 240px;
    }
    .tj-hade .tj-hade-fr .tj-sous{
        height: 35px;
    }
    .tj-hade .tj-hade-fr .tj-sous .input-tet{
        height: 35px;
    }
    .tj-hade .tj-hade-fr .tj-sous .bur{
        height: 35px;
    }
    .tj-hade .tj-gec{
        height: 35px;
        line-height: 35px;
        margin-left: 0;
        padding-left: 10px;
        padding-right: 10px;
    }
    .tj-hade .tj-gec a{
        font-size: 14px;
        line-height: 35px;
    }
    .tj-hade-fr .lz-flex{
        justify-content: space-between;
    }
    .pro-nav-item ul li{
        width: 50%;
    }
    .pro-nav{
        margin-top: 10px;
    }
    .mtb50{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .nei-title h3{
        font-size: 18px;
        padding-bottom: 10px;
    }
    .pro-item ul {
        margin: 0 -5px;
    }
    .pro-item ul li{
        width: 50%;
        padding: 0 5px;
        margin-top: 10px;
    }
    .pro-item .pro-list .text{
        padding: 10px;
        font-size: 14px;
    }
    .pro-item .pro-list .text h3{
        font-size: 14px;
    }
    .page_div{
        margin: 5px 0 5px 0;
    }
    .banner-item{
        display: block;
    }
    .banner-item-left{
        width: 100%;
    }
    .banner-item{
        height: auto;
    }
    .banner .swiper-slide{
        height: 200px;
    }
    .banner-item-right{
        width: 100%;
        padding: 15px;
    }
    .banner-pro-list .text{
        font-size: 14px;
    }
    .banner-item-right ul li{
        margin-bottom: 15px;
    }
    .nei-title a{
        font-size: 14px;
    }
    .index-about{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .index-about-item{
        flex-direction: column;
        padding-top: 15px;
    }
    .index-about-item .left{
        width: 100%;
        height: 100%;
        padding: 0;
        font-size: 14px;
    }
    .index-about-item .img{
        width: 100%;
        margin-top: 15px;
    }
    .footer-top, .footer-bottom{
        font-size: 14px;
    }
    .footer-top{
        flex-direction: column-reverse;
    }
    .footer-bottom{
        display: block;
    }
    .footer{
        padding: 15px 0;
    }
    .footer-top .right,.footer-bottom .right{
        width: 100%;
        text-align: left;
    }
    .footer-top .left, .footer-bottom .left{
        width: 100%;
        margin-top: 15px;
    }
    .footer-top .right img{
        max-width: 60%;
    }
    .nei-banner{
        display: none;
    }
    .ConractUs001-item{
        padding: 15px 0;
    }
    .ConractUs001-top{
        flex-direction: column;
    }
    .ConractUs001-top .left,.ConractUs001-top .right{
        width: 100%;
        padding: 0;
    }
    .ConractUs001-top .left ul li{
        margin: 10px 0;
        font-size: 14px;
    }
    .ConractUs001-top .right .msg ul li{
        width: 100%;
        font-size: 14px;
    }
    .ConractUs001-top .right .msg input{
        height: 40px;
        font-size: 14px;
    }
    .ConractUs001-top .right .msg textarea{
        font-size: 14px;
    }
    .ConractUs001-map{
        margin-top: 20px;
    }
    .ConractUs001-top .right .msg .submit{
        display: block;
        margin: 0 auto;
        max-width: 140px;
        line-height: 40px;
        margin-top: 10px;
    }
    .productDetail-item{
        padding-top: 10px;
    }
    .productDetail-box{
        flex-direction: column-reverse;
    }
    .productDetail-box .text, .productDetail-box .img{
        width: 100%;
        padding: 0;
    }
    .productDetail-box .text h3{
        font-size: 18px;
    }
    .productDetail-box .text .p{
        font-size: 14px;
    }
    .but-arr{
        text-align: center;
    }
    .but-arr .but{
        min-width: 140px;
        line-height: 40px;
        font-size: 14px;
    }
    .productDetail-detail{
        margin-top: 15px;
        font-size: 14px;
    }
    .productDetail-detail h3{
        font-size: 20px;
    }
    .from{
        margin: 30px auto;
        max-width: 350px;
    }
    .pl120{
        padding-left: 0;
    }
    .from-list{
        flex-direction: column;
        margin-bottom: 15px;
    }
    .from-list>p{
        text-align: left;
        width: 100%;
        padding-left: 0;
        line-height: 1;
        margin-bottom: 10px;
    }
    .from-list input{
        width: 100%;
        height: 40px;
        font-size: 14px;
    }
    .from-item .ts{
        padding-left: 0;
    }
    .from-item{
        margin-top: 20px;
    }
    #sliderbox{
        width: 100%;
        height: 40px;
    }
    .from-unit a{
        font-size: 14px;
    }
    .from-list .code{
        width: 100%;
    }
    .title2 h3{
        font-size: 24px;
    }
    .title2 p{
        font-size: 14px;
    }
    .from-list textarea{
        width: 100%;
    }
    .my-item{
        flex-direction: column;
    }
    .my-nav{
        width: 100%;
        padding: 15px;
        position: relative;
        top: 0;
    }
    .my-nav ul li h3{
        font-size: 16px;
        margin-bottom: 5px;
    }
    .my-nav ul li p{
        display: inline-block;
        margin-right: 10px;
        margin-top: 5px;
        
    }
    .my-nav ul li a{
        font-size: 14px;
    }
    .my-nav ul li{
        margin-bottom: 15px;
        margin-right: 10px;
        display: inline-block;
    }
    .my-nav ul li:nth-last-child(1){
        margin-bottom: 0;
    }
    .my-box{
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }
    .my-title h3{
        font-size: 18px;
    }
    .myAddress{
        padding-top: 15px;
    }
    .myAddress-list{
        padding: 10px;
    }
    .myAddress-list p{
        font-size: 14px;
    }
    .myAddress-list h3{
        font-size: 16px;
    }
    .myAddress-list .but{
        bottom: 10px;
    }
    .from2-item .from2-list input{
        width: 100%;
        height: 40px;
    }
    .from2-list-input{
        width: 100%;
    }
    .myProfile{
        flex-direction: column-reverse;
    }
    .myProfile .right{
        margin-top: 15px;
    }
    .myProfile .right .fromImg .img{
        width: 100px;
        height: 100px;
        margin: 0 auto;
    }
    .myProfile .left{
        width: 100%;
    }
    .myProfile .from-list>p{
        line-height: 1;
        font-size: 16px;
    }
    .from-list .select{
        width: 100%;
    }
    .from-list .select select{
        font-size: 14px;
    }
    .myProfile .but-arr .but{
        line-height: 40px;
    }
    .myOrder{
        padding: 0 10px; 
    }
    .overflow-x{
        width: 100%;
        overflow-x: auto;
    }
    .myOrder-table-header,.myOrder-table,.shopping-item{
        width: 800px;
    }
    .shopping-item table tr td{
        font-size: 14px;
        padding: 10px;
    }
    .myOrder-table-header table td{
        font-size: 14px;
    }
    .shopping-pro .img{
        width: 100px;
        height: 100px;
    }
    .shopping-pro .text{
        width: calc(100% - 110px);
       
    }
    .shopping-pro .text h3{
        font-size: 14px;
    }
    .myOrder-table .shopping-item{
        margin-top: 10px;
    }
    .myOrder-nav ul li{
        margin-right: 30px;
    }
    .shopping-item table tr th{
        font-size: 14px;
    }
    .shopping-footer{
        flex-direction: column;
        align-items: baseline;
        padding: 15px;
    }
    .shopping-footer .left{
        font-size: 14px;
    }
    .shopping-footer .right{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .shopping-footer .but{
        font-size: 14px;
    }
    .placeOrder-topBox{
        padding: 10px 0;
    }
    .placeOrder-topBox p span{
        font-size: 14px;
    }
    .orderSuccess-box .img{
        width: 60px;
    }
    .orderSuccess-box p{
        font-size: 20px;
    }
    .order-box-text table tr td{
        font-size: 14px;
    }
}


.from-login{
    padding:60px  40px;
    box-shadow: 0 0 5px 2px #eee;
    max-width: 600px;
    margin: 10% auto;
    border-radius: 10px;
    background-color: #fff;

}
.huiymingc{
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
}
.huiymingc img{
    width: 80px;
    height: 80px;
}
.huiymingc .tet{
    padding-left: 20px;
}
.huiymingc  h3{
    font-size: 18px;
}
.huiymingc .tet a{
    background-color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    margin-top: 10px;
    color: var(--color);
}
.bx-tex-x{
    border-right: solid 1px #eee;
}
.myOrderone-top{
    background-color: #fff;
    border-radius: 5px;
    padding: 40px;
    margin-top: 20px;
    box-shadow: 0 0 10px 5px #eee;
}
.myOrderone-top p{
    font-size: 24px;
    color: #666;
}
.myOrderone-top h3{
    font-size: 24px;
    color: #666;
    padding-top: 20px;
}
.myOrderone-top h3 span{
    font-size: 48px;
    color: #e94d0f;
    padding-left: 10px;
}
.myOrderone-tow h3.cur{
    color: #0582e9e7;
}
.myOrderone-tow{
    background-color: #fff;
    border-radius: 5px;
    padding: 20px 40px;
    margin-top: 20px;
    box-shadow: 0 0 10px 5px #eee;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 18px;
    color: #666;
}

.huiymingc-bj{
    background-color: var(--color);
    border-radius: 10px;
    padding: 40px 20px;
    display: flex;
    align-items: center;
justify-content: space-between;
    
}
.huiymingc-bj .my-yuer{
    width: 50%;
}
.myOrderone2{
    display: flex;
    justify-content: space-between;
}
.myOrderone2 .myOrderone-top{
    width: 49%;
}

@media screen and (max-width: 1000px){
    .from-login{
        padding:60px  40px;
        box-shadow: 0 0 5px 2px #eee;
        max-width: 600px;
        margin: 10% auto;
        border-radius: 10px;
    
    }
    .huiymingc{
        text-align: center;
        padding: 20px 0 20px 0;
        color: #fff;
        /* background-color: #0582e9e7; */
        border-radius: 10px;
    }
    .huiymingc img{
        width: 60px;
        height: 60px;
    }
    .huiymingc  h3{
        font-size: 18px;
        padding-top: 20px;
    }
    .bx-tex-x{
        border-right: solid 1px #eee;
    }
    .myOrderone-top{
        background-color: #fff;
        border-radius: 5px;
        padding: 40px 20px;
        margin-top: 20px;
        box-shadow: 0 0 10px 5px #eee;
    }
    .myOrderone-top p{
        font-size: 18px;
        color: #666;
    }
    .myOrderone-top h3{
        font-size: 18px;
        color: #666;
        padding-top: 20px;
    }
    .myOrderone-top h3 span{
        font-size: 36px;
        color: #e94d0f;
        padding-left: 10px;
    }
    .myOrderone-tow h3.cur{
        color: #0582e9e7;
    }
    .myOrderone-tow{
        background-color: #fff;
        border-radius: 5px;
        padding: 20px 20px;
        margin-top: 20px;
        box-shadow: 0 0 10px 5px #eee;
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        font-size: 18px;
        color: #666;
    }
    .huiymingc-bj{
        background-color: var(--color);
        border-radius: 10px;
        padding: 20px 20px;
        display: block;
        align-items: center;
    justify-content: space-between;
        
    }
    .huiymingc-bj .my-yuer{
        width: 100%;
    }
    .myOrderone2{
        display: flex;
        justify-content: space-between;
    }
    .myOrderone2 .myOrderone-top{
        width: 49%;
    }
}