
*{
    margin:0;padding:0;  outline: 0;  vertical-align: baseline;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
html,body{
    color:#000;
    background:#fff;
    width:100%;
}
input,select,button{
    font-size:100%;
    outline:0;
    vertical-align:middle;
    -webkit-appearance: none;
    cursor: pointer;
}
a{
    cursor: pointer;
}
button{
    border: 0;
    border-radius: 5px;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
ol,ul,li { list-style:none;}
/* 定义图片边框，当图片作为链接内容被填充时，会有默认边框出现，重定义掉 */
img{
    border:none;
    vertical-align:baseline;
}
a{
    text-decoration: none
}
/* 标签属性，textarea,input 强制输入时内容超出时换行，打断 */
textarea,input{
    word-wrap:break-word;
    word-break:break-all;
}
span,p,div{
    word-wrap:break-word;
}
a, body, button, div, em, input, label, li, p, select, span, td, textarea, th, ul{
    font-size:16px;
    font-family: "Segoe UI";
}
.lf{ float:left; }
.rt{ float:right; }
.clearfix{ content: ''; display: block; clear: both; }

/*首页banner*/
.swiper-container {
    width: 80%;
    height: 100%;
}
.banner-next{
    background-image: url(../images/next.png)
}
.banner-prev{
    background-image: url(../images/next.png);
    transform: rotate(180deg);
}
.swiper-button-next, .swiper-button-prev{
    width: 60px;
    height: 60px;
    background-size: 100% 100%;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .05;
    cursor: auto;
    pointer-events: none;
}

.three{
    height: 550px;
    margin-top: 0;
}
@media (max-width: 414px) {
    .three { height: 250px;}
    .index-connect { padding-top: 0px!important;}
}
.banner-child{
    position: relative;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.banner img,.banner-child img{
    width: 100%;
    height: 100%;
}
.banner-child:hover{
    border: 29px solid #4d4d4d;
    transform: 0.2s
}
.banner-child:hover .car-button{
    color:#000;
}
.banner-child div{
    position: absolute;
    left: 30px;
    top: 180px;
    color:#fff;
}
.car-name{
    font-size: 48px;
    color:#fff;
    font-weight: bold;
}
.leavel{
    font-size: 25px;
    margin: 15px 0px;
    color:#fff;
    font-weight: bold;
}
.car-button{
    background: #e32619;
    color:#fff;
    font-size: 20px;
    line-height: 65px;
    width: 260px;
    text-align: center;
    border-radius: 50px;
    margin-top: 30px;
    justify-content: center;
    font-weight: bold;
}
.car-button img{
    width: 35px;
    height: 35px;
    margin-left: 15px;
}
.car-button:hover{
    color:#000;
}
.banner-child div a:hover{
    text-decoration: none;
}


/*正文*/
.index-connect{
    padding-top: 30px;
}
.title{
    text-align: center;
    margin: 50px auto 20px;
}


.nl-title{
    font-family: Georgia !important;
    font-size: 18.52pt;
    color:#585858;
    font-weight: bold
}
.nl-seemore{
    font-family: Georgia !important;
    float: right;
    margin-right: 20px;
    color:#999;
    font-size: 11.3pt;
    font-weight: bold;
    line-height: 37.04px;
}
.con-slide{
    width:24%;
    border:1px solid #dbdbdb;
    margin-right: 10px;
    padding-bottom: 15px;
}


/*手机端调整*/
@media (max-width: 414px)
{
    .con-slide {
        width: 48%;
    }
}



.con-slide:hover{
    box-shadow: 0px 0px 20px #ccc;
}
.con-swiper,.con-swiper2,.con-swiper3,.con-swiper4,.con-swiper5{
    padding-bottom: 30px;
}
.con-slide img{
    width: 100%;
    /* height: 470px; */
    object-fit: cover;
}
.btn-numbox {
    overflow: hidden;
    width: 185px;
    margin:10px auto;
    vertical-align:top;
    display: flex;
}
.btn-numbox div {
    margin: 0 auto;
    vertical-align:top;
}
.btn-numbox .num-minus,
.input-num,
.num-plus {
    display: inline-block;
    width: 29px;
    height: 35px;
    margin: 0;
    line-height: 35px;
    text-align: center;
    font-size: 18px;
    color: #999;
    cursor: pointer;
    background: #fff;
}
.btn-numbox .input-num {
    width: 60px;
    height: 35px;
    color: #333;
    border-left: 0;
    border-right: 0;
    border:none;
}
.introduce{
    font-size: 11.35pt;
    padding:10px;
    line-height: 25px;
    height: 90px;
    overflow: hidden;
    text-align: center;
    color: #333;
    font-family: "Segoe UI Semibold";
    /*text-overflow: ellipsis;*/
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 3;*/
    /*-webkit-box-orient: vertical;*/
}
@media (max-width: 414px) {
    .introduce{ line-height: 18px;}
}
.price{
    color:#f52020!important;
    font-size: 19.2pt!important;
    font-weight: bold;
    text-align: center;
    font-family: "Segoe UI Bold";
}

.price i{
    color: #888;
    font-size: 14pt!important;
    text-decoration:line-through;
}

.car-button2{
    background: #e32619;
    color:#fff;
    font-size: 18px;
    line-height: 45px;
    width:200px;
    text-align: center;
    border-radius: 50px;
    margin: 10px auto 20px;
    justify-content: center;
}

.car-button2 img{
    width: 25px;
    height: 25px;
    margin-left: 10px;
}
.car-button2:hover{
    color:#000;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 0px;
}
.swiper-pagination-bullet-active{
    background:#e32619;
}
.swiper-pagination-bullet{
    width: 10px;
    height: 10px;
}

/*背景颜色部分*/
.index-back{
    background: #696064;
    width: 100%;
    margin: 50px auto 75px;
}
.index-back-con{
    width: 20%;
    position: relative;
    cursor: pointer;
}
.index-back-con img{
    width: 100%;
}
.index-back-con div{
    text-align: center;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 150px;
    color:#fff;
}
.index-back-con div img{
    height: 40px;
    width: auto;
}
.con5-line{
    width: 50px;
    height: 2px;
    background: #fff;
    margin: 15px auto 25px!important;
    position: static!important;
}
.index-back-con div p{
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    color:#fff;
}

.brand{
    float: left;
    width: 21%;
    border:2px solid #ccc;
    margin: 25px 2%;
    text-align: center;
}
.brand p{
    font-size: 22px;
    color:#A8A8A8;
    padding: 30px 0px 15px;
}
.brand div{
    font-size: 30px;
    padding-bottom: 30px;
    color:#B8B8B8;
}


/*个人中心页面*/
.personal{
    background: #F7F7F7;
    padding: 20px 0px 40px;
}
.per-title{
    line-height: 50px;
    color:#666;
}
.list-select{
    position: absolute;
    right: 0px;
}
.list-select p{
    font-size: 14px;
    color:#999;
    margin-right: 15px;
}
.list-select select{
    padding: 0px 20px 0px 10px;
    border-radius: 5px;
    background: #f5f5f5;
    line-height: 30px;
}
.personal-left{
    width: 17%;
    background: #FEFCF1;
}
.personal-left li{
    text-align: center;
    height: 140px;
    border-left: 2px solid #FEFCF1;
    cursor: pointer;
    position: relative;
}
.personal-left li div{
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 10px solid #e32619;
    border-bottom:7px solid transparent;
    position: absolute;
    top: 65px;
    left: 0px;
    display: none;
}
.perlihover{
    border-left: 2px solid #e32619!important;
    background: #fff;
}
.perlihover div{
    display: block!important;
}
.personal-left li:hover{
    border-left: 2px solid #e32619;
    background: #fff;
}
.personal-left li:hover div{
    display: block;
}
.personal-left li img{
    margin-top: 35px;
    height: 40px
}
.personal-left li p{
    color:#e5594f;
    margin-top: 10px;
    font-weight: bold;
}
.personal-right{
    width: 82%;
    background: #fff;
    padding: 20px 40px;
    height: 840px;
}
.collright{
    height: auto;
}
.per-right-title{
    font-size: 22px;
    font-weight: bold;
    color:#333;
    padding-bottom: 10px;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 20px;
}
.per-right-title div{
    background: #e32619;
    width: 5px;
    height: 40px;
    margin-right: 20px
}
.per-msg{
    background: #F2F2F2;
    width: 100%;
    padding:15px 10px;
    margin: 20px auto;
}
.per-msg p{
    line-height: 28px;
    color:#808080;
}

/*02列表*/
.list-left{
    width: 16%;
    border: 1px solid #dfdfdf;
}
.list-left ul{
    padding: 0px 10px;
}
.list-left li{
    line-height: 40px;
    font-size: 16px;
    color:#999;
    position: relative;
}
.list-left li input[type="checkbox"] {
    width: 20px;
    height: 20px;
    opacity: 0;
}

.list-left li label {
    position: absolute;
    left: 5px;
    top: 11px;
    width: 16px;
    height: 16px;
    border: 1px solid #999;
}
/*设置选中的input的样式*/
/* + 是兄弟选择器,获取选中后的label元素*/
.list-left li input:checked+label {
    background: #000;
    border: 1px solid #000;
}

.list-left li input:checked+label::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 10px;
    top: 1px;
    left: 5px;
    color:#000;
    border: 2px solid #fff;
    border-top: none;
    border-left: none;
    transform: rotate(45deg)
}

.list-left2 {
    margin-bottom: 15px;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;

}

.listclick{
    font-size: 20px;
    line-height: 40px;
    cursor: pointer;
    color:#323b42;
    font-weight: bold;
    position: relative;
    padding: 5px 10px 5px 12px;
}


.listclick span{
    position: absolute;
    right: 12px;
    top: 3px;
    font-size: 20px;
    font-weight: bold;
}
.listclick .list_left_icon_s{
    transform: rotate(90deg)
}
.list-left .flex{
    display: none;
}
.list-left li div{
    width: 18px;
    height: 18px;
    border: 1px solid #dfdfdf;
    margin-right: 15px;
    position: relative;
    background: #dfdfdf;
    display: inline-block;
    cursor: pointer;
}
.list-left li div span{
    position: absolute;
    top: -11px;
    left: 2px;
    font-size: 12px;
    display: none;
}
.list-title{
    font-size: 18px;
    background: #e32619;
    color:#fff;
    text-align: center;
    width: 100%;
    line-height: 50px;
}
.list-right{
    width: 80%;
}


[class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -0.625rem;
}

[class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table;
}

[class*="block-grid-"]:after {
    clear: both;
}

[class*="block-grid-"] > li {
    display: block;
    height: auto;
    float: left;
    padding: 0 0.625rem 1.25rem;
}

@media only screen {
    .small-block-grid-1 > li {
        width: 100%;
        list-style: none;
    }

    .small-block-grid-1 > li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-1 > li:nth-of-type(1n+1) {
        clear: both;
    }

    .small-block-grid-2 > li {
        width: 50%;
        list-style: none;
    }

    .small-block-grid-2 > li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-2 > li:nth-of-type(2n+1) {
        clear: both;
    }

    .small-block-grid-3 > li {
        width: 33.33333%;
        list-style: none;
    }

    .small-block-grid-3 > li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-3 > li:nth-of-type(3n+1) {
        clear: both;
    }

    .small-block-grid-4 > li {
        width: 25%;
        list-style: none;
    }

    .small-block-grid-4 > li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-4 > li:nth-of-type(4n+1) {
        clear: both;
    }

    .small-block-grid-5 > li {
        width: 20%;
        list-style: none;
    }

    .small-block-grid-5 > li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-5 > li:nth-of-type(5n+1) {
        clear: both;
    }

    .small-block-grid-6 > li {
        width: 16.66667%;
        list-style: none;
    }

    .small-block-grid-6 > li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-6 > li:nth-of-type(6n+1) {
        clear: both;
    }

}

@media only screen and (min-width: 40.063em) {
    .medium-block-grid-1 > li {
        width: 100%;
        list-style: none;
    }

    .medium-block-grid-1 > li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-1 > li:nth-of-type(1n+1) {
        clear: both;
    }

    .medium-block-grid-2 > li {
        width: 50%;
        list-style: none;
    }

    .medium-block-grid-2 > li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-2 > li:nth-of-type(2n+1) {
        clear: both;
    }

    .medium-block-grid-3 > li {
        width: 33.33333%;
        list-style: none;
    }

    .medium-block-grid-3 > li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-3 > li:nth-of-type(3n+1) {
        clear: both;
    }

    .medium-block-grid-4 > li {
        width: 25%;
        list-style: none;
    }

    .medium-block-grid-4 > li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-4 > li:nth-of-type(4n+1) {
        clear: both;
    }

    .medium-block-grid-5 > li {
        width: 20%;
        list-style: none;
    }

    .medium-block-grid-5 > li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-5 > li:nth-of-type(5n+1) {
        clear: both;
    }

    .medium-block-grid-6 > li {
        width: 16.66667%;
        list-style: none;
    }

    .medium-block-grid-6 > li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-6 > li:nth-of-type(6n+1) {
        clear: both;
    }

}

@media only screen and (min-width: 64.063em) {
    .large-block-grid-1 > li {
        width: 100%;
        list-style: none;
    }

    .large-block-grid-1 > li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-1 > li:nth-of-type(1n+1) {
        clear: both;
    }

    .large-block-grid-2 > li {
        width: 50%;
        list-style: none;
    }

    .large-block-grid-2 > li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-2 > li:nth-of-type(2n+1) {
        clear: both;
    }

    .large-block-grid-3 > li {
        width: 33.33333%;
        list-style: none;
    }

    .large-block-grid-3 > li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-3 > li:nth-of-type(3n+1) {
        clear: both;
    }

    .large-block-grid-4 > li {
        width: 25%;
        list-style: none;
    }

    .large-block-grid-4 > li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-4 > li:nth-of-type(4n+1) {
        clear: both;
    }

    .large-block-grid-5 > li {
        width: 20%;
        list-style: none;
    }

    .large-block-grid-5 > li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-5 > li:nth-of-type(5n+1) {
        clear: both;
    }

    .large-block-grid-6 > li {
        width: 16.66667%;
        list-style: none;
    }

    .large-block-grid-6 > li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-6 > li:nth-of-type(6n+1) {
        clear: both;
    }

}

div.prod-list-item {
    margin: 10px 1.5%;
    border:1px solid #dfdfdf;
    position: relative;
}

div.prod-list-item:hover {
    box-shadow: 0px 0px 20px #ccc;
}



/*
.list-right ul li{
    width: 30%;
    margin: 10px 1.5%;
    border:1px solid #dfdfdf;
    float: left;
}

.list-right ul li:hover{
    box-shadow: 0px 0px 20px #ccc;
}

*/


.set_title {
    /*Justify-content:center; align-items:center; display:-webkit-flex;*/
    position: relative;
    width: 100%;
    height: 203px;
}
.set_title .set_title_cont {
    position:absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.set_title .set_title_cont i {
    font-size: 20px;
    color: #666;
    font-style: normal;
    text-decoration: line-through;
    text-align: center;
    margin-right: 5px;
}
.set_title .set_title_cont em {
    font-size: 20px; margin-top: -5px; color: #666; font-style: normal; text-align: center; display: block; text-align: center; background: url("../images/new_arrival.png") no-repeat left center; background-size: 23px; width: 160px; margin: 0 auto;
}

.set_title .set_title_cont em.stock { width: 140px; background: url("../images/duihao.png") no-repeat left center; background-size: 17px;}
.list-pro{
    object-fit: cover;
}
.introduce2{
    width: 100%;
    height: auto;
    padding: 10px 10px 0px;
    overflow: hidden;
    /*text-overflow: ellipsis;*/
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 3;*/
    /*-webkit-box-orient: vertical;*/
}
.small-in{
    font-size: 8.2pt!important;
    color:#666!important;
    line-height: 30px;
    padding:0px 10px;
    font-weight: normal!important;
    text-align: center;
    font-family: "Segoe UI Semibold";
}
@media (max-width: 414px) {
    .set_title .set_title_cont em { font-size: 16px; background: url("../images/new_arrival.png") no-repeat 5% center; background-size: 19px; margin: 6px auto;}
    .set_title .set_title_cont em.stock { width: 140px; background: url("../images/duihao.png") no-repeat 12% center; background-size: 17px;}
}

/*编辑账户*/
.edit input{
    display: block;
    width: 750px;
    line-height: 50px;
    margin: 20px 10px;
    padding: 0px 2%;
    border: 1px solid #dfdfdf;
}
.change{
    margin: 10px 5px;
}
.change{
    color:#666;
    font-size: 14px;
}
.change input{
    width: 16px;
    line-height: 16px;
    margin:0px 5px 0px 15px;
}
.change div{
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #dfdfdf;
    background: #fff;
    margin:0px 10px;
    font-size: 14px;
    cursor: pointer;
}
.edit button{
    margin: 10px 20px;
    background: #e32619;
    color:#fff;
    width: 160px;
    line-height: 50px;
    font-size: 20px;
    cursor: pointer;
}


/*03-1-我的地址*/
.per-right-title{
    position: relative;
}
.per-right-title a{
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
    background: #e32619;
    color:#fff;
    width: 160px;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
}
.per-right-title a div { width: 100%; height: 45px; line-height: 45px; position: absolute; }
.add_new_address_back { display: none; z-index: 100;
}
.my_add_df { font-style: normal; color: #f00; font-size: 14px; display: inline-block; margin-left: 5px;}
.address{
    width: 100%;
    border-collapse:collapse;
}
.address tr{
    width: 12.5%;
    text-align: center;
    line-height: 25px;
    color:#4d4d4d;
}

.order-list {
    width: 100%;
    border-collapse:collapse;
}

.order-list  tr{
    text-align: center;
    line-height: 25px;
    color:#4d4d4d;
}

.order-list  tr td{
    padding: 2px 6px 2px 6px;
    vertical-align: middle;
}

.order-list  tr td div{
    height: auto !important;
}

.order-list tr td a{
    cursor: pointer;
}

.order-list tr td img{
    margin-top: 5px;
    vertical-align: middle;
    margin-bottom: 5px;
}

.address-title td{
    font-weight: bold;
}

.address tr td {
    padding: 5px 6px 5px 6px;
    vertical-align: middle;
}

.address tr td a{
    cursor: pointer;
}
.address-title{
    background: #D6DADD;
}
.address-con{
    background: #FAFAFA;
}
.address-con img{
    width: 18px;
    height: auto;
    margin: -3px 5px;
}

/*03-1-新建地址*/
#addUser div{
    width: 100%;
    justify-content: center;
    margin: 10px auto 0px;
}
@media (max-width: 414px)
{
    #addUser div { display: block!important; margin-top: 0px;}
    #addUser div span { width: 5%; margin-bottom: 5px;}
    #addUser div input { width: 93%; margin-bottom: 5px;}
    #addUser div select { width: 93%; margin-bottom: 5px;}
    .inp_new_bg { width: 100%;}
    .input_tip { margin-top: 2%; margin-bottom: 3%;}
}
.inp_new_bg { width: 50%;}
.input_tip { width: 100%; display: block; font-size: 14px; margin-top: 5px; font-style: normal; color: #f00; padding-left: 5% }
#addUser input,#addUser select{
    width: 94%;
    border:1px solid #dfdfdf;
    line-height: 50px;
    padding-left: 15px;
}
#addUser div span{
    display: inline-block;
    width: 4%;
    text-align: center;
    color:#ff4848;
}
#addUser button{
    display: block;
    width: 160px;
    line-height: 50px;
    background: #e32619;
    color:#fff;
    margin: 30px auto;
    cursor: pointer;
}


/*订单中心*/
.order{
    font-size: 12px;
}
.order td{
    padding: 2px 3px;
    font-size: 13px;
}
.order td a {
    text-align: center;
    line-height: 45px;
    color: #4d4d4d;
    font-size: 13px;
}
.order td img { cursor: pointer;}
.order-select{
    position: absolute;
    right: 0px;
    width: auto!important;
    background: none!important;
    top: 0px;
    font-size: 16px;
}
.order-select select{
    padding: 0px 10px;
    margin-left: 10px;
    line-height: 35px;
}

/*我的收藏*/
.colllect{
    margin-top: 20px!important;
}
.colllect li{
    width: 32.66666666%;
    margin: 0 1% 0 0;
    display: block;
}
.colllect li:last-child { margin-right: 0;}
.colllect li img{
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.colllect li p{
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 18px;
}
.colllect li button img{
    width: 25px;
    height: 25px;
    margin-right: 0px;
}
.page{
    justify-content: center;
    margin: 20px auto;
}
.page li{
    display: inline;
}
.page > li > a, .page > li > span{
    width: 30px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    padding: 6px 12px;
    margin: 0px 10px;
    border: 1px solid #e32619;
    border-radius: 5px;
    font-size: 14px;
    color: #e32619;
}

.page li span{
    color: #e32619;
}

.page li.active a{
    color: #fff;
    background: #e32619;
}

.page li.active span{
    color: #fff;
    background: #e32619;
}

.page li a:hover{
    background: #e32619;
}
.page li a:hover, .page li span:hover{
    color:#fff;
    background: #e32619;
}


/*下载页面*/
.download{
    margin-top: 20px;
}
.download li{
    width: 17%;
    margin: 15px 1.5%;
    position: relative;
    float: left;
}
.download li img{
    max-width: 100%;
    /* height: 250px; */
    object-fit: cover;
}
.download li div{
    position: absolute;
    top: 0px;
    left: 2%;
    width: 96%;
    height: 95%;
    padding: 0px 2%;
    text-align: center;
    color:#fff;
    font-size: 20px;
    background: rgba(0,0,0,0.2);
    display: none;
}
.download li div img{
    width: 62px;
    height: 57px;
    margin: 80px 0px 15px;
}
.download li div p{
    color:#fff;
    font-size: 16px;
    font-weight: bold;
}


/*结算页面*/
.check-left{
    width: 72%;
}
.check-lf-title{
    justify-content: center;
    margin-top: 40px;
}
.check-lf-title li{
    width: 200px;
    text-align: center;
    cursor: pointer;
}
.check-lf-title li p{
    font-size: 18px;
    font-weight: bold;
}
.kong{
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    margin: 10px auto;
    position: relative;
}
.nochecked{
    width: 16px;
    height: 16px;
    margin: 5px auto;
    background: #dfdfdf;
    border-radius: 50%;
}
.checked{
    width: 26px;
    height:26px;
    background: #e32619;
    border: 1px solid #e32619;
    border-radius: 50%;
    color:#fff;
    text-align: center;
    line-height: 26px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 50%;
    display: none;
}
.check-line{
    width: 8%;
    border-top: 1px solid #dfdfdf;
    margin: 0px 15px;
}
.add{
    color:#e32619!important;
}
.check-con{
    justify-content: center;
    margin: 20px auto;
}
.check-con li{
    width: 270px;
    height: 230px;
    padding: 10px 20px;
    background: #FAFAFA;
    margin:30px 20px;
    border: 1px solid #dfdfdf;
    line-height: 25px;
    position: relative;
    cursor: pointer;
}
.check-con li:first-child{
    text-align: center;
    font-size: 18px;
    line-height: 200px;
    font-weight: bold;
}
.check-con li p{
    font-size: 14px;
}
.big-p{
    font-size: 18px!important;
    line-height:35px;
    font-weight: bold;
}
.check-con li div{
    position: absolute;
    bottom: 0px;
    color:#999;
    font-size: 12px;
}
.big-red{
    color:#ff4848;
}
.step{
    display: block;
    width: 180px;
    line-height: 50px;
    background: #e32619;
    color:#fff;
    border-radius: 8px;
    font-size: 18px;
    margin: 0 auto;
}
.check-right{
    width: 25%;
}
.check-rt-list{
    padding-bottom: 15px;
    background: #fafafa;
}
.check-rt-list li:first-child{
    line-height: 25px;
    position: relative;
    background: #313c42;
    color:#b8a642;
    padding:0px 10px;
    font-size: 18px;
    margin-bottom: 10px;
}
.check-rt-list li:first-child span{
    position: absolute;
    right: 10px;
}
.check-rt-list li{
    line-height: 40px;
    padding: 3px!important;
    white-space: nowrap;
    font-size: 18px;
    justify-content: center;
}
.check-rt-list li p{
    font-size: 14px;
}
.check-rt-list li div{
    border-top: 1px dotted #999;
    width: 55%;
    margin: 0px 5px;
}
.check-rt-input{
    width: 90%;
    display: block;
    margin: 12px auto;
    border: 1px solid #000;
    line-height: 35px;
    padding-left: 10px;
    border-radius: 5px;
    font-size: 13px;
    color: #3c3c3c;
}
.pay{
    padding: 10px;
    background: #fafafa;
}
.pay li{
    float: left;
    width: 30%;
    margin: 0px 1.515%;
}
.pay li img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
/*结算*/
.shopimg li{
    float: left;
    width: 30%;
    border: 1px solid #f2f2f2;
    margin: 25px 1.5%;
    text-align: center;
    background: #f5f5f5;
    padding: 20px 0px;
    position: relative;
    cursor: pointer;
}
.shopimg li p{
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
}
.shopimg li div{
    font-size: 14px;
    margin-top: 8px;
    color:#666;
}
.shopli{
    background: #fff!important;
    box-shadow: 0px 0px 10px #ccc;
}
.choose{
    position: absolute;
    top: 18px;
    right: 18px;
    display: none;
}
@media (max-width: 414px)
{
    .shopimg li img.choose{
        position: absolute;
        top: 8px;
        right: 8px;
        display: none;
        width: 20px!important;
        height: 20px!important;
    }
    .pay-list li img.choose{
        position: absolute;
        top: 8px;
        right: 8px;
        display: none;
        width: 20px!important;
        height: 20px!important;
    }
}
/*结算-支付*/
.pay-list{
    margin: 20px auto;
}
.pay-list li{
    margin: 30px 1.5%;
    width: 30%;
    background: #f5f5f5;
    border: 1px solid #f2f2f2;
    float: left;
    padding: 20px 0px;
    text-align: center;
    position: relative;
    cursor: pointer;
}
.pay-list li p{
    font-size: 14px;
    color:#666;
    margin-top: 15px;
}
.payli{
    background: #fff!important;
    box-shadow: 0px 0px 10px #ccc;
}
/*结算*/
.cheak-text{
    margin: 80px auto 0px;
}
.cheak-text p{
    font-size: 18px;
}
.cheak-text textarea{
    width: 95%;
    padding: 15px 2.5%;
    height: 130px;
    margin: 5px auto;
    border: 1px solid #dbdbdb;
}
.cheak-text div{
    margin: 5px auto 60px;
}
.cheak-text div input{
    margin-right: 10px;
}
.cheak-text div span{
    color:#e32619;
}
.cheak-text div span a {
    color:#e32619;
}
.step2{
    width: 220px;
    margin-top: 30px;
    margin-bottom: 50px;
}

/*详情*/
.ord{
    margin: 20px;
}
.ord div{
    font-weight: bold;
    line-height: 35px;
}
.ord div span{
    font-size: 14px;
    font-weight: none;
}
.de-con li:first-child{
    text-align: left
}
.de-con li{
    height: 170px;
    background: #f5f5f5;
    cursor: pointer;
}
.de-con li .big-p{
    font-size: 18px;
}
.declick{
    background: #fff!important;
}
.de-list{
    margin: 40px auto 0px;
}
.de-list li{
    margin: 20px auto;
    padding: 20px 0px;
    border: 1px solid #f2f2f2;
    position: relative;
    cursor: pointer;
}
.aaa{
    width: 45%;
}
.intro2{
    white-space: nowrap;
}
.gary2{
    margin: 20px 15px;
}
.cheng{
    position: absolute;
    right: 20px;
    font-size: 18px;
    color:#666;
}
.cheng span{
    font-size: 18px;
    color:#000;
    padding-left: 0;
    font-weight: bold
}

.cheng span.price{
    font-size: 24px;
}

.de-list li:hover .intro{
    color:#e32619;
}


/*浏览历史*/
.history li{
    float: left;
    width: 23.5%;
    margin: 15px 2% 15px 0;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.history li:nth-child(4n) { margin-right: 0!important;}
/*列表-没结果*/
.noreason{
    font-size: 28px;
    line-height: 60px;
}
.noreason-con{
    font-size: 18px;
    line-height: 25px;
}
.noreason-list{
    margin-top: 20px;
}
.noreason-list div{
    margin: 8px 0px;
    font-size: 20px;
    color:#e32619;
    cursor: pointer;
}
.noreason-list div div{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #e32619;
    margin-right: 10px;
}
.reviewItems li{
    margin: 30px auto;
    border: 1px solid #f2f2f2;
    padding: 20px 0px;
}
.reviewItems li img{
    margin-left: 15px;
}


/*购物车*/
.cart li{
    margin: 30px auto;
    width: 100%;
    padding:15px 2%;
    background: #fafafa;
    position: relative;
}
.cart li i {
    color: #e32619;
    width: 18px; height: 18px; position: absolute; top: 10px; right: 10px; background: url("../images/del_x.png") no-repeat center center; background-size: 100%; cursor: pointer;
}
.cart li img{
    width: 85px;
    height: 85px;
    object-fit: cover;
    margin-left: 20px;
}
.intro{
    font-size: 17px;
    margin: 0px 15px;
    width: 35%;
    font-weight: bold;
}
.gary{
    color:#999;
    font-size: 14px;
}
.jieduan{
    position: absolute;
    left: 10px;
    top: 20px;
}
.checkout{
    display: block;
    width:230px;
    line-height: 60px;
    border-radius: 10px;
    margin:30px auto;
    font-size: 18px;
    color:#fff;
    font-weight: bold;
    background: #e32619;
}
.cart-right{
    position: absolute;
    right: 15px;
}
.cart-right p{
    margin: 0px;
}
.cart-rt-list li:first-child button{
    position: absolute;
    font-size: 14px;
    right: 8px;
    top: 5px;
    background: #e32619;
    color:#fff;
    padding: 5px 10px;
}
.cart-rt-list li:first-child {
    padding: 10px!important;
}
.cart-rt-list li {
    /*padding-top: 5px!important;*/
    padding-bottom: 6px!important;
    color: #3d3d3d;
}
.cart-rt-list li p:first-child {
    color: #3c3c3c;
}
.cart-rt-list li p:last-child {
    font-weight: bold;
}
.cart-rt-list li:nth-child(6n) p {
    font-weight: bold!important;
}
.cart-rt-list li:hover p{ font-weight: bold;}
.carts-rt-bottom{
    background: #fafafa;
    margin-top: 20px;
}
.carts-rt-title{
    line-height: 40px;
    background: #000;
    color:#fff;
    text-align: center;
    font-size: 18px;
}
.carts-rt-bottom li{
    margin: 15px auto;
    width: 95%;
}
.carts-rt-bottom li img{
    width: 80px;
    height: 80px;
    margin-right: 10px;
}
.carts-rt-bottom li div p{
    font-weight: bold;
}
.carts-rt-bottom li div div{
    margin-top: 15px;
    font-weight: bold;
    color:#ff4848;
    font-size: 18px;
}


/*详情页*/
.deta-img{
    width: 37%;
    margin:50px auto;
}
.show{width:100%; height:auto;background:#eee}
.item{background:#fff; width:600px; height:auto; float:left; margin:15px;}
.big-photo:hover img{
    transition: all 1s;
    transform: scale(1.02);
}
/* p{ padding:15px; color:#ff6600} */
.big-photo img{ width:420px; height:565px; object-fit: cover}
.des-small{
    display: block;
}
.des-small img{ width:92px; height:125px;border:1px solid #e0e0e0;object-fit: cover;margin:8px;}
.des-small img:hover{ border:1px solid #ff6600}
.deta-right{
    width:-webkit-calc(100% - 664px);
    width:-moz-calc(100% - 664px);
    width:calc(100% - 664px);
    margin:50px auto;
}
.data-title{
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 15px;
    border-bottom: 1px solid #dfdfdf;
}
.share{
    margin: 20px 0px;
}
.share li{
    margin: 0px 20px;
    font-size: 18px;
    color:#666;
}
.share li img{
    width: 25px;
    height: auto;
    margin-right: 10px;
}
.code{
    margin: 6px 0px;
}
.item_bg { width: 100%; display: flex}
.item_l { width: 49%; margin-right: 2%;}
.item_r { width: 49%; }
/*手机端调整*/
@media (max-width: 575px)
{
    .item_bg { width: 100%; display: block;}
    .item_l { width: 100%;}
    .item_r { width: 100%; }
}
.code-p{
    font-size: 18px;
    font-weight: bold;
    margin-top: 5px;
}
.code span{
    font-size: 16px;
}
table.wholesale{
    width: 100%;
    margin-top: 5px;
    background: #f5f5f5;

}
table.wholesale td{
    width: 50%;
    line-height: 50px;
    font-size: 15px;
    padding-left: 14px;
}
.price2{
    text-align: left;
    margin-top: 0px;
    font-size: 26px!important;
}
.jian{
    margin-top: 22px;
    padding-bottom: 22px;
    /* border-bottom: 1px solid #dfdfdf; */
}
.qty{
    font-size: 18px;
}
.deta-btn-numbox{
    border: 1px solid #dfdfdf;
    margin: 0px 20px 0px 0px;
    width: auto;
    border-radius: 5px;
}

.rt-title{
    color: #39ac39;
    margin-top: 20px
}
.rt-weight{
    font-family: "Segoe UI";
    margin-left: 40px;
}
.rt-shipping{
    display: flex;
    margin-top: 20px
}
.rts-img{
    width: 100px;
    height: 30px;
}
.rts-img img{
    width: 100px;
    height: 30px;
}
.rt-btn2{
    display: flex;
    margin-top: 20px;
    align-items: center;
    cursor: pointer;
}
.rtb-btn1{
    width:180px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    border-radius: 4px;
    background: #e32619;
    cursor: pointer;
}
.rtb-btn2{
    width:180px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    border-radius: 4px;
    background: #007bff;
    margin-left: 20px;
    cursor: pointer;
}
.rt-line{
    width: 100%;
    height: 1px;
    background: rgb(226, 226, 226);
    margin-top: 40px
}
.rt-icon{
    display: flex;
    align-items: center;
    margin-top: 10px;
    font-size: 14px
}
.rt-icon img{
    margin-left: 10px
}
.rti-img{
    height: 30px !important;
}
.car-button3{
    margin: 0px 40px 0px 30px;
}

.wishlist { position: relative; cursor: pointer; line-height: 40px;}
.wishlist img{
    margin-right: 7px;
}

.car-button3{
    margin: 0px 40px 0px 30px;
}

.wishlist { position: relative; cursor: pointer; line-height: 40px;}
.wishlist img{
    margin-right: 7px;
}
.add_message {
    cursor: pointer;
    position: absolute;
    padding: 10px 15px;
    width: 240px;
    background: #d4edda;
    border: 1px solid #76d58d;
    text-align: center;
    top: -50px;
    border-radius: 5px;
    display: none;
}
.add_message i { font-style: normal; margin-left: 30px; font-size: 14px;}
.face{
    margin-top: 20px;
}
.face li{
    margin: 0px 20px;
}
.face li img{
    width: 35px;
    height: 35px;
}
.datails{
    width: 100%;
    padding: 20px 2%;
    border: 1px solid #dfdfdf;
}
.details_rel { width: 100%!important;}
.details_rel li { width: 19.2%!important; margin: 25px 1% 0 0!important; min-height: 380px!important;}
.details_rel li:last-child { margin-right: 0!important;}
.details_rel li img { height: auto;}
/*手机端调整*/
@media (max-width: 575px)
{
    .details_rel li { width: 48%!important; margin: 5px 1%!important; min-height: 400px!important;}
    /*.details_rel li:last-child { display: none;}*/
}
.details-title{
    font-size: 24px;
    font-weight: bold;
    width: 250px;
    padding-bottom: 10px;
    border-bottom: 6px solid #e32619;
}
.color{
    padding: 20px 20px 10px 20px;
    color:#e32619;
    font-size: 18px;
    background: #FAFAFA;
}
.details-con{
    padding: 5px 20px;
    background: #fff;
}
.details-con p{
    line-height: 30px;
    color:#666;
    font-size: 14px;
}


/*联系我们*/
.map{
    margin-top: 30px;
    position: relative;
}
#allmap {
    width: 70%;
    height: 590px;
    float: left;
}
.way{
    width: 35%;
    padding: 15px;
    background: #323B42;
    position: absolute;
    right: 0px;
}
.map-title{
    line-height: 40px;
    font-size: 24px;
    color:#fff;
    font-weight: bold
}
.way input{
    width: 50%;
    margin: 10px 1.5%;
    border: 1px solid #70767B;
    line-height: 35px;
    padding-left: 10px;
    background: #70767B;
    border-radius: 5px;
}
.way input::-webkit-input-placeholder,.way textarea::-webkit-input-placeholder{
    /* placeholder颜色  */
    color: #f5f5f5;
    font-size: 14px;
}
.way textarea{
    border: #70767B;
    width: 100%;
    padding: 10px 2%;
    margin: 10px 0px;
    height: 170px;
    background: #70767B;
    border-radius: 5px;
}
.way button{
    margin: 5px 0px;
    background: #e32619;
    font-size: 16px;
    line-height: 35px;
    color:#fff;
    width: 120px;
    border-radius: 5px;
}

/*登录*/
.login{
    width: 100%;
    height: auto;
    background: url(../images/login-back.png) no-repeat 100% 100%;
    padding: 40px 0px 70px;
}
.login .m{
    position: relative;
}
.login-left{
    width: 50%;
}
.login-lf-title{
    font-size: 40px;
    padding-bottom: 4px;
    border-bottom: 2px solid #333;
    font-weight: bold;
    width: 130px;
}
.lilf-big{
    margin: 40px 0px 0px;
    font-size: 24px;
    line-height: 35px;
    font-weight: bold;
}
.lilf-small{
    margin-bottom: 40px;
    font-size: 14px;
}
.login-input{
    border: 1px solid #dbdbdb;
    width: 80%;
    line-height: 50px;
    margin: 25px 0px;
    background: #fff;
}
.login-input img{
    width: 25px;
    margin: 0px 18px 0px 10px;
}
.login-input input,.login-input select{
    border:none;
    width: 90%;
    line-height: 50px;
}
.login-btn{
    width: 150px;
    line-height: 45px;
    background:#201F21;
    border-radius: 5px;
    color:#fff;
    margin: 10px 0px 10px;
    font-size: 18px;
}
.login-left a{
    display: block;
    color:#e32619;
}
.login-will{
    margin-top: 70px;
    font-size: 18px;
    font-weight: bold
}
.login-line{
    border-left: 1px solid #dbdbdb;
    height: 600px;
}
.login-right{
    width: 50%;
    position: absolute;
    right: 0px;
    font-size: 16px;
}
.lilf-big2{
    width: 80%;
    margin: 60px 0px 0px 20%;
}
.lilf-small2,.login-agree{
    width: 80%;
    margin: 0px 0px 0px 20%;
}
.login-input2{
    margin-left: 20%;
}
.login-btn2{
    margin: 30px 0px 0px 40%;
    width: 200px;
}
.login-agree{
    font-size: 14px;
    color:#333;
    white-space: nowrap;
}
.login-yellow{
    width: 80%;
    font-size: 14px;
    color:#e32619;
}


/*注册*/
.res-back{
    width: 100%;
    height: 980px;
    position: relative;
}
.res-back img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.res-title{
    font-size: 25px;
    margin: 15px auto;
    font-weight: bold;
}

.es-small{
    color:#666;
}
.res-con{
    width: 500px;
    margin: auto;
    position: absolute;
    left: 0px;
    right: 0px;
    height: 0px;
    top: 100px;
}
.res-res{
    width: 100%;
    background: #fff;
    padding:40px 0px 20px;
    position: relative;
}
.res-logo,.res-title,.res-small{
    text-align: center;
}
.res-logo{
    width: 175px;
    margin: auto;
    line-height: 80px;
    background: #323B42;
    color:#fff;
    font-size: 24px;
    position: absolute;
    top: -40px;
    left: 0px;
    right: 0px;
}
.res-input{
    border: 1px solid #dbdbdb;
    width: 80%;
    margin: 20px auto;
}
.res-input img{
    width: 26px;
    margin:0px 15px 0px 6px;
}
.res-input input,.res-input select{
    width: 90%;
    border: none;
    line-height: 50px;
}
.res-agree{
    width: 80%;
    margin: 0px auto;
    font-size: 17px;
    color:#333;
}
.res-yellow{
    width: 80%;
    margin: 0 auto;
    font-size: 14px;
    color:#e32619;
}
.res-btn{
    display: block;
    width: 150px;
    line-height: 45px;
    background:#201F21;
    border-radius: 5px;
    color:#fff;
    margin: 30px auto 0px;
    font-size: 18px;
}


/*视频*/
.videos_bg { width: 83%;}
.videos_bg li { width: 23%!important; float: left; margin: 0 1%; border: 1px solid #ccc; box-sizing: border-box; margin-bottom: 25px;}
.videos_bg li span { width: 100%; display: block; height: 40px; line-height: 40px; text-align: center;}
.videos_bg li iframe { width: 100%; height: 195px;}
/*手机端调整*/
@media (max-width: 575px)
{
    .per-title { border-top: 1px solid #ccc;}
    .videos_bg { width: 100%; margin-top: 60px;}
    .videos_bg li { width: 48%!important; margin:0 1% 15px;}
    .videos_bg li iframe { height: 110px;}
}

/*商品图放大*/
.bg{width:630px;height: 630px; box-sizing: border-box; position: relative;z-index: 99;}
/*.bg:hover { width: 1000px;}*/
.show{width: 522px;height: 522px; position: relative;border:1px solid #E8E8E8;cursor:move; float: right;}
.show img{width: 520px;height: 520px;}
.mask{width: 260px;height: 260px;background: #000;filter: Alpha(opacity=50);opacity:0.5;position: absolute;top: 0;left: 0;display: none;}

.bigshow{width: 522px;height: 522px; overflow: hidden; transform: translateZ(0px); zoom: 1;  background-color: white; cursor: pointer;  position: absolute; left: 630px; top: 0; display: none; margin-left: 10px;  border:1px solid #E8E8E8;}
.bigshow img{width: 1040px;height: 1040px;margin-right: 10px;}

.smallshow{width: 108px;height: 540px;position: relative; float: left;}
.smallshow .middle img{width:100%;border:1px solid #e8e8e8;box-sizing: border-box;transition: all 0.5s}


.smallshow>.middle_box{ width: 110px; height:485px; position: relative; overflow:hidden}


.smallshow .middle{position: absolute; top: 0;transition: all 0.5s;}


.smallshow .middle>li{width: 100px;height: 100px;float: left;cursor:pointer;padding:0 5px; margin-bottom: 5px;}
.smallshow .middle>li img {width: 100px;height: 100px;}
.smallshow>p{position: absolute;top:50%;width: 22px;height: 32px;margin-top: -16px;}

.pc_show ,.wap_show { display: none;}
@media screen and (min-width: 480px) {
    .pc_show { display: block}
}
@media screen and (max-width: 480px) {
    .wap_show { display: block}
}

a.prev, a.next {
    height: 20px;
    display: flex;
}
a.prev {
    margin-bottom: 10px;
}

a.next {
    margin-top: 10px;
}


a.prev img, a.next img{
    margin: 0 auto;
    width: 45px;
}

a.prev.prevnone, a.next.nextnone {
    display:none;
}

/*表单验证*/
.form_vali { display: flex; width: 100%; position: relative;}
.form_vali label { position: absolute; bottom: -45px; color: #f00;}
/*在线留言*/
.xf_cont{width:320px;height:590px;position:fixed;z-index:999;bottom:10px;right:-400px}
.lc-1oputd8{height:19px;line-height:19px;font-size:inherit;font-weight:700;margin-top:0;white-space:nowrap;text-overflow:ellipsis;margin-bottom:40px;overflow:hidden}
.lc-1mpchac{display:inline-block;flex-shrink:0;width:1em;height:1em;font-size:2rem;user-select:none;fill:currentcolor}
.lc-hplev2{-webkit-appearance:none;display:inline-block;color:inherit;background:0 0;border-width:0;border-style:initial;border-color:initial;border-image:initial;margin:0;padding:0;border-radius:6px}
.lc-jhkpwv{font-size:.65em;width:100%;text-align:center;background-color:#f0f0f0;padding:.5em 0}
.lc-yejren{color:#7d7d7d;text-decoration:none;padding:.2em;border-radius:6px}
.lc-4g9muy .Linkify { font-size: 14px!important;}
.lc-yejren a { font-size: 14px;}
.lc-yejren span { font-size: 14px;}
.lc-yejren strong { font-size: 14px;}
.lc-1r56c3{position:relative;display:flex;flex-direction:column;min-width:0;height:100%;box-shadow:rgba(0,0,0,.25) 0 4px 16px;overflow:hidden;border-radius:10px;background:#e9eef4}
.lc-e7qpuy{-webkit-box-pack:center;justify-content:center;width:100%;position:relative;z-index:2;background-color:#e32619;color:#fff;font-size:1em;height:50px;flex-shrink:0;-webkit-box-flex:0;flex-grow:0;text-align:left;display:flex;-webkit-box-align:center;align-items:center;font-weight:700!important;border-width:initial;border-style:initial;border-color:#000;border-image:initial;overflow:hidden;padding:0 .8em;transition:background-color .3s ease 0s}
.lc-t2k41h{width:100%;text-align:center;-webkit-box-flex:1;flex-grow:1;font-size:.875rem;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;padding:0 2px;overflow:hidden}
.lc-12dmfb1{-webkit-box-flex:1;flex-grow:1;height:100%;position:relative;min-height:0}
.lc-15rgx93{overflow-y:auto;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;padding:.5em;outline:#000 solid 0;background:0 0;overscroll-behavior:contain contain}
.lc-6yodnr{display:flex;margin-bottom:1em}
.lc-8w32p1{-webkit-box-flex:1;flex-grow:1;max-width:100%;flex-shrink:1;overflow:hidden}
.lc-1gvabgf{padding-top:21px}
.lc-153llnn{background-color:#fff;width:100%;max-width:270px;position:relative;box-shadow:rgba(0,0,0,.1) 0 1px 2px;left:50%;right:auto;transform:translateX(-50%);border-radius:6px;padding:25px;margin:2px 0;border-width:0;border-style:initial;border-color:initial;border-image:initial}
.lc-1obp8sm{display:flex;flex-direction:row;position:absolute;top:-21px;left:0;right:0;color:#fff}
.lc-1y61d50{display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:42px;height:42px;background-color:#e32619;overflow:hidden;margin:0 auto;border-radius:50%}
.lc-5dissi{position:relative;height:auto;margin-top:12px;overflow:hidden;transition:max-height .3s cubic-bezier(.14,0,0,1) 0s}
.lc-daub71{height:auto;overflow:auto;padding:8px}
.lc-qvffge{display:flex;min-width:0}
.lc-1etn9kn{display:flex;flex-direction:column;width:100%;margin-bottom:8px}
.lc-1gz7fd7{width:100%;-webkit-appearance:none;background-color:#fff;font-family:inherit;box-shadow:none;font-size:.875rem;font-weight:400;color:#111;border-width:1px;border-style:solid;border-color:#b3b3b3;border-image:initial;transition:border-color .1s linear 0s;border-radius:6px;padding:8px;margin:2px 0}
.lc-josk2g{font-family:inherit;width:100%;max-width:320px;flex-shrink:0;cursor:pointer;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;font-size:.875rem;font-weight:400;color:#fff;background-color:#e32619;border-width:0;border-style:initial;border-color:initial;border-image:initial;border-radius:6px;padding:12px}
.lc-1q1eqzv{width:255px;height:50px;box-shadow:rgba(0,0,0,.3) 0 0 12px;display:flex;-webkit-box-align:center;align-items:center;position:fixed;bottom:0;right:5px;z-index:9999;color:#000;background:#fff;border-radius:8px 8px 0 0;padding:0 .9em}
.lc-15skitl{-webkit-box-flex:1;flex-grow:1;font-weight:700;font-size:.9em;white-space:nowrap;text-overflow:ellipsis;margin:1em 0;overflow:hidden}
.lc-uic8s2{position:relative;display:flex;width:24px;height:24px;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;transform:scale(1);transition:transform .2s cubic-bezier(.18,.89,.32,1.28) 50ms}
.lc-1usdo54{display:inline-block;flex-shrink:0;width:1em;height:1em;font-size:1.5rem;user-select:none;fill:currentcolor}

/*手机端隐藏部分*/
.mobile-three,.mobile-con-swiper,.mobile-con-swiper2,.mobile-con-swiper3,.mobile-con-swiper4{
    display: none;
}


.payment_wrap{
    display: flex;
    align-items: center;
}

.payment_reap img{
    width: 80px;
}

.paynow-mini-btn {
    border-radius: 4px;
    margin: 10px auto;
    line-height: 16px;
    padding: 5px 10px;
    font-size: 12px !important;
    color: #e32619 !important;
    border: 1px solid #e32619;
}

.intro-2{
    font-size: 17px;
    margin: 0px 15px;
    width: 95%;
    font-weight: bold;
}

.morder-info p span{
    width: 200px;
    display: inline-block;
}

.morder-info p strong{
    font-weight: bold;
    display: inline-block;
}

.btnCheckout {
    display: block;
    width: 230px;
    line-height: 60px;
    border-radius: 10px;
    font-size: 18px;
    color: #fff !important;
    text-align: center;
    font-weight: bold;
    margin-top: 25px;
    background: #e32619;
}

.login-captcha-img {
    width: auto !important;
    cursor: pointer;
    margin: 10px 18px 0 0!important;
}

.register-captcha-img{
    width: auto !important;
    cursor: pointer;
    height: 30px !important;
    margin: 10px 18px 0 0!important;
}