.layui-form-select body {
    font-family: SourceHanSansCN !important;
}

.mauto {
    max-width: 1700px
}

.img-scale,
.hover-scale {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    -moz-transition: all .8s ease;
    transition: all .8s ease;
}

.img-scale img {
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    -moz-transition: all .8s ease;
    transition: all .8s ease;
}

.img-scale:hover img,
.hover-scale:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    -moz-transition: all .8s ease;
    transition: all .8s ease;
}

/* .wrap {
    width: 1550px;
    margin: 0 auto
} */

/* @media (max-width:767px) {
    .wrap {
        width: 96%
    }
} */

header,
footer,
.header-m,
main,
.i-banner,
.banner {
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    -webkit-transition: all .5s
}

/* main {
    overflow-x: hidden;
} */

header {
    position: fixed;
    z-index: 555;
    left: 0;
    top: 0;
    width: 100%;
    /* background-color: #FFFFFF;
    box-shadow: 0 5px 20px rgb(0 0 0 / 15%); */
}

.header .top {
    height: 34px;
    line-height: 34px;
    background: #f6f6f6
}

.logo {
    height: 90px;
    line-height: 90px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .63rem;
}

.header-m .m-language {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    border-top: 1px solid #ebebeb;
}

.header-m .m-language a {
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #666;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    -moz-animation: slideInUp 1.5s both;
    -o-animation: slideInUp 1.5s both;
    animation: slideInUp 1.5s both;
    -webkit-animation: slideInUp 1.5s both
}

.header-m .m-language a img {
    height: 18px;
    vertical-align: -2px;
    margin: 0 5px 0 0
}


.main-bg {
    background-color: #FFFFFF;
    padding-bottom: 20px;
}

nav ul li {
    float: left;
    height: 100%;
    text-align: center;
    margin: 0 .3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

nav ul li.cur a::after,
nav ul li:hover a::after {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1)
}

nav ul li:hover {
    background: transparent !important;
}

nav ul li>a {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 36px 0;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header {
    background: #18413E;
    border-bottom: 2px solid #CA9D62;
}

nav ul li .sub-nav::after {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 10000vw;
    height: 100%;
    content: '';
    display: block;
    background: #FFFFFF;
    z-index: -1;
}

.header.on::after {
    top: 90px;
}

nav ul li a span {
    display: block;
    font-size: 12px;
    color: #aaa;
    margin-top: 5px
}

nav ul li>a::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 20px;
    width: 100%;
    height: 1px;
    background: #fff;
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    -webkit-transition: all .2s
}

nav ul li:nth-last-child(2):hover,
nav ul li:last-child:hover {
    background: transparent !important;
}

nav ul li .sub-nav {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    top: 90px;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}

nav ul li .sub-nav .row .row-left {
    width: 30%;
    padding: 30px;
    background: #F6F6F6;
    display: flex;
    /* align-items: center; */
    justify-content: flex-end;
    padding-right: .93rem;
}

nav ul li .sub-nav .row {
    position: relative;
    z-index: 1;
}

.row-left-i {
    margin-bottom: 5px;
}

.row-left-i:hover .row-left-info * {
    color: #18413E;
}

.row-left-i:last-child {
    margin-bottom: 0;
}

.row-left-info {
    font-weight: 600;
    font-size: 16px;
    color: #000000;
}

.row-left-info>em {
    width: 7px;
    height: 11px;
    background: url(../images/point.png)no-repeat;
    background-size: contain;
    margin-right: 8px;
}

.row-left-i:hover .row-left-info>em {
    background: url(../images/point_active.png)no-repeat;
    background-size: contain;
}

nav ul li .sub-nav .row .row-right {
    width: 70%;
    padding: 30px .7rem;
}

nav ul li .sub-nav a {
    display: block;
    line-height: 23px;
    padding: 8px 0;
    text-align: center;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.1) */
}

.row-right-i-child {
    width: 100%;
    margin-right: 60px;
}

.row-right-img {
    min-width: 340px;
    width: 340px;
    height: 200px;
    object-fit: contain;
    margin-left: 1.12rem;
}

.row-right-i-child-i {
    display: none;
}

.row-right-i-child-i>div>.t1 {
    max-width: 5rem;
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    color: #000;
    line-height: 24px;
    text-align: left;
    padding-top: 0 !important;
    margin-bottom: 13px;
}

.row-right-i-child-i>div>.t1:hover {
    color: #18413E;
}

nav ul li .sub-nav a:last-child {
    border-bottom: none;
}

.nav-menu-b {
    margin-left: .46rem;
    color: rgb(255, 255, 255, .5);
}

.nav-menu-b em {
    height: 18px;
    margin: 0 3px;
}

.nav-menu-a>img {
    margin-right: .05rem;
}

.nav-menu-a .t1 {
    font-size: 12px;
    color: #FFFFFF;
    line-height: 14px;
}

.nav-menu-a .t1 strong {
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
}

.nav-menu-i {
    margin: 0 12px;
}

.fix-search {
    z-index: 999;
    top: 0;
    left: 0
}

.fix-search .hide {
    width: 20px;
    height: 50px;
    margin-right: 10px;
    cursor: pointer
}

.fix-search .hide::before,
.fix-search .hide::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 1px;
    height: 35%;
    margin-top: -35%;
    background: #000
}

.fix-search .hide::before {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.fix-search .hide::after {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.fix-search .hide:hover {
    opacity: .5
}

.fix-search .txt,
.fix-search .btn {
    height: 50px;
    line-height: 50px
}

.fix-search .txt {
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px);
    font-size: 15px;
    padding: 0 15px 0 5px;
    border-bottom: 1px solid #e1e1e1
}

.fix-search .txt:focus {
    border-color: #666
}

.fix-search .btn {
    width: 30px;
    height: 50px;
    line-height: 50px;
    font-size: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAilBMVEUAAABmZmZmZmZlZWVmZmZmZmZmZmZmZmZmZmZmZmZmZmZlZWVmZmZlZWVlZWVlZWVmZmZmZmZmZmZmZmZmZmZiYmJmZmZmZmZmZmZlZWVmZmZmZmZmZmZmZmZmZmZkZGRmZmZmZmZmZmZlZWVmZmZlZWVnZ2dmZmZmZmZnZ2dmZmZqampnZ2dmZmbkjhFbAAAALXRSTlMAr5hB9NSAem7q5YxpRjcw+thfVSsU38zHwLq2k3NkIqmhhlpRGhDuSjwKJB5esRyhAAACPElEQVRIx8WW2XaDIBCGcY9b3Go0ajQ2exre//XKclqKIpDkov8dM/NxZBhmBALFn2Pj+OmmNrroAZ5QeRgv8K+2u0QTPXsBnMuIddhV9gvYWR0wfFyr0HVFI9MmSkpiGazwZ7tQzh5pVJuX/JauT89+l7AeDSnmniFMsevyscg25KC92JnsIdYSTbyb5UsxCX0S+j6xq5ZeBI5wzgJPTzxAKovc+Nz+CBiruA1X+NHOoC4hnPKvifHDRtYrUMsQFEuHbHu2lB875W9kgEg3oKMRRXacJUIWE2hpjYuBs7TIEgM9NZPslGw3tXaTr4xYCtU6oWB/kmsL6GqLokv+8hJt2OAfV42WgzY88tndkA9Rix0yZ0vcJVQI/ww8tsQd6q4Nhyg6YktH1CGkHeXIlo24OUna1ZrLH1nq1+eJT0GvDft8ei3WmvRedDPZLC2fSLY3TeBBE66mCSrwgFJRLDTjZ3KgnbJ63nw9NgvUrSCYFNQ5IxsqNQQ4TjiHdlpvOTgJkwgtjbKGkeDubexQP0bYiTwHCBXdqOWH5PzYMF9Cv2oyhJden0toU+zOHUiULdE34rbDx7yutvBHWbL0aTTGNwvOumrprpEr/W25m5DK3nvR4Wod85VbQarKAsAj9GLjuO2hULZZ/v6qBcttJzbmaOYNrLgRLZnlD3xIpjosaGNmtC/9E7jHudcZren2MX1sU1o9GCXVdIn/hY5I/q8v0v37dHp8kc7fp2GhD8y7RwXeoB3wqopq634DOx1tNyykjbUAAAAASUVORK5CYII=) no-repeat center / 60% auto
}

nav ul li .earth,
nav ul li .search-btn {
    min-width: auto;
    cursor: pointer;
    height: 106px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-right: none;
    margin: 0
}

.header.cur *,
.header.on nav ul li>a {}

nav ul li .earth::after,
nav ul li .search-btn::after {
    padding: 33px 0;
    content: '';
    display: block;
    width: 25px;
    height: 25px;
}


nav ul li .sub-nav a:hover {
    /* color: #fff;
    background: #18413E */
}

nav ul li .sub-nav .cur {
    color: #fff;
    background: #18413E
}

nav ul li:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.65)), to(transparent));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.65), transparent);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.65), transparent);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.65), transparent);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.65), transparent);
}

/* nav ul li::after {
    width: 1px;
    height: 19px;
    background: #938D8C;
    content: '';
    display: block;
} */

nav ul li:last-child::after,
nav ul li:nth-last-child(2)::after {
    display: none;
}

nav ul li:hover .sub-nav {
    visibility: visible;
    opacity: 1;
    top: 90px;
}

.header.on nav ul li:hover .sub-nav,
.header.on nav ul li .sub-nav {
    top: 90px;
}

.header.on,
.header.active,
.header.cur {
    background: #18413E;
}

.header-ul {
    height: 100%;
    margin-right: 50px;
}

.header-search {
    width: 106px;
    height: 25px;
    border-bottom: 1px solid #CCCCCC;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sild-float {
    position: fixed;
    z-index: 21;
    right: 0;
    bottom: 30%;
    width: 46px;
}

.sild-float .list {
    margin-bottom: 2px
}

.sild-float .list>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 46px;
    background: rgba(0, 0, 0, 0.5) no-repeat center center;
    transition: all 0.5s ease
}

.sild-float .list a.a1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sild-float .list:hover>a {
    background-color: #0762d5;
    transition: all 0.5s ease
}

.sild-float .list .rolme {
    transform: translateX(-30px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    position: absolute;
    right: 46px;
    top: 0;
    padding: 10px;
    line-height: 26px;
    width: 184px;
    background: rgba(0, 0, 0, 0.5)
}

.sild-float .list:hover .rolme {
    transform: translateX(0px);
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease
}

.sild-float .list .rolme .ltt {
    font-size: 20px;
    color: #fff;
    text-align: center;
    word-break: break-all;
}

.sild-float .list .rolme .emv img {
    border-radius: 10px
}

.sild-float .list:nth-child(1) .fplae {
    border-top-left-radius: 5px;
    overflow: hidden
}

.sild-float .list:last-child>a {
    border-bottom-left-radius: 5px;
    overflow: hidden
}

.sild-float .bpmaeb {
    height: 46px;
    width: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease
}

.sild-float .fplae {
    display: flex;
    align-items: center;
    line-height: 46px;
    height: 46px;
    width: 226px;
    background: rgba(0, 0, 0, 0.5);
    transition: all 0.5s ease
}

.sild-float .fplae:hover {
    transform: translateX(-180px);
    transition: all 0.5s ease
}

.sild-float .fplae:hover .bpmaeb {
    background-color: #0762d5;
    transition: all 0.5s ease
}

.sild-float .fplae .ltt {
    width: 180px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    word-break: break-all;
}

.sild-float .email .fplae .ltt {
    font-size: 14px;
}

.sild-float .kefu .fplae .ltt {
    font-size: 14px;
}

.sild-float .friends .fplae .ltt {
    font-size: 14px;
}

/*  new  */
.public-top {
    padding-top: 92px;
}

.public-tobody {
    max-width: 1700px;
    width: 100%;
    margin: auto;
}

.public-tobody1 {
    max-width: 1500px;
    width: 100%;
    margin: auto;
}

.public-row {
    padding: .3rem 0 .9rem;
    background: #F8F8F8;
}

.header.cur .logo .i1,
.header.on .logo .i1,
.logo .i2 {
    display: none;
}

.header.cur .logo .i2,
.header.on .logo .i2 {
    display: block;
}

.header.cur .logo img,
.header.on .logo img {
    max-width: 216px;
}

/* downmenu */

.main-nav-m {
    display: none;
    position: relative;
    cursor: pointer;
    z-index: 2;
    width: calc(100% - 40px);
    margin: auto;
    margin-top: 30px;
}

.thr3 {
    display: none;
    padding-left: 20px
}

.thr3 a {
    line-height: 30px;
    display: block;
}

.main-nav-m .title {
    position: relative;
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
    background: rgba(194, 10, 19, 1);
    box-sizing: border-box;
    text-align: left;
    border-bottom: none
}

.main-nav-m .title strong {
    color: #fff;
    font-size: 16px;
    font-weight: bold
}

.main-nav-m .title i {
    position: absolute;
    content: '';
    width: 45px;
    height: 100%;
    right: 0
}

.main-nav-m .title i::before,
.main-nav-m .title i::after {
    position: absolute;
    top: 50%;
    content: '';
    width: 12px;
    height: 1px;
    background: #fff;
    transition: all .3s;
    -webkit-transition: all .3s
}

.main-nav-m .title i::before {
    left: 46%;
    transform: rotate(-40deg) scaleY(1.5);
    -webkit-transform: rotate(-40deg) scaleY(1.5)
}

.main-nav-m .title i::after {
    right: 46%;
    transform: rotate(40deg) scaleY(1.5);
    -webkit-transform: rotate(40deg) scaleY(1.5)
}

.main-nav-m .title.active i::before {
    transform: rotate(40deg) scaleY(1.5);
    -webkit-transform: rotate(40deg) scaleY(1.5)
}

.main-nav-m .title.active i::after {
    transform: rotate(-40deg) scaleY(1.5);
    -webkit-transform: rotate(-40deg) scaleY(1.5)
}

.main-nav-m>ul {
    display: none;
    position: absolute;
    top: 45px;
    width: 100%;
    padding: 0 10px;
    background-color: rgba(194, 10, 19, .8);
    color: #fff;
    box-sizing: border-box;
}

.main-nav-m ul>li {
    animation: ReturnToNormal .5s both;
    -webkit-animation: ReturnToNormal .5s both
}

.main-nav-m ul>li>a {
    display: block;
    line-height: 45px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.55);
}

.main-nav-m ul>li a {
    color: #fff;
}

/* downmenu */
.homeSwiper .swiper-wrapper .swiper-slide,
.homeSwiper {
    width: 100%;
    height: 4.67rem;
    overflow: hidden;
    position: relative;
}

.homeSwiper {
    margin-top: .23rem;
}


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

.homeSwiper .swiper-pagination-bullet {
    width: 0.14rem !important;
    height: 0.14rem !important;
    border-radius: 50% !important;
    background: rgba(0, 0, 0, 0.9) !important;
}

.product-swiper .swiper-pagination-bullet {}

.homeSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #000 !important;
}

.home-swiper {
    height: 100vh;
    padding-top: 90px !important;
}

.home-swiper-b {
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    overflow: hidden;
}


.home-swiper-con {
    max-width: 1700px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    z-index: 2;
}

.home-swiper-video,
.home-swiper-img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    margin: auto;
}


.home-swiper-con>.title {
    font-weight: bold;
    font-size: 60px;
    color: #FFFFFF;
    line-height: 60px;
}

.home-swiper-con>.title1 {
    font-size: 30px;
    line-height: 30px;
    color: #FFFFFF;
    margin-top: 15px;
}

.home-swiper-con>.title1::after {
    width: 100px;
    height: 2px;
    background: #FFFFFF;
    content: '';
    display: block;
    margin: 26px 0 50px;
}

.home-swiper-con>.info {
    max-width: 531px;
    width: 100%;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 24px;
    color: #FFFFFF;
}

.home-swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 .1rem !important;
}

.home-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: transparent;
}

.home-swiper .swiper-slide .home-swiper-img {
    width: 100%;
    height: 100%;
    transition: 1s linear 2s;
    transform: scale(1.1);
}

.home-swiper .swiper-slide.swiper-slide-active .home-swiper-img,
.home-swiper .swiper-slide.swiper-slide-duplicate-active .home-swiper-img {
    transition: 8s linear;
    transform: scale(1);
}

.swiper-pagination-icon span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    overflow: hidden;
}

.swiper-pagination-icon .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: relative;
    background-color: rgba(255, 255, 255, .3);
    transition: all 0.5s ease;
    opacity: 1;
}

.swiper-pagination-icon .swiper-pagination-bullet.on {
    width: 10px;
    height: 10px;
}

.swiper-pagination-icon .swiper-pagination-bullet:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    background: #fff !important;
    border-radius: 50%;
}

.swiper-pagination-icon .swiper-pagination-bullet.on:before {
    width: 100%;
    transition: all 5s linear;
}

.home-swiper .swiper-pagination {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 4% !important;
}

.home-account-tip {
    position: absolute;
    top: 91px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background: #fff;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.home-account-tip a {
    display: block;
    margin: 5px 0;
}

.home-account-tip a:hover {
    color: #18413E !important;
}


.home-swiper-next,
.home-swiper-prev {
    width: .50rem;
    height: .50rem;
    background: #18413E;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    margin: 0 10px;
    cursor: pointer;
}

.fixed-b {
    position: fixed;
    right: 1%;
    bottom: 10%;
    z-index: 999;
    display: flex;
    flex-direction: column;
}

.fixed-b-i {
    position: relative;
    margin-bottom: 20px;
}

.fixed-b-i>img {
    object-fit: contain;
}

.fixed-b-i-r {
    position: absolute;
    min-width: 760px;
    height: auto;
    right: 0;
    bottom: 0;
    background: #fff;
    border-radius: 20px;
    margin-right: 80px;
    padding: 43px 37px;
    box-shadow: 0px 0px 29px 0px rgb(0 0 0 / 9%);
    display: none;
}

.fixed-b-i-r>.close {
    width: 40px;
    height: 40px;
    object-fit: contain;
    position: absolute;
    top: -20px;
    right: -20px;
}

.fixed-b-i-r>.t1 {
    font-weight: bold;
    font-size: 30px;
    color: #18413E;
    line-height: 30px;
    text-align: center;
}

.fixed-b-i-r>.t2 {
    font-weight: bold;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.6);
    margin: .29rem 0 .4rem;
    text-align: center;
}

.fixed-input .fixed-input-i {
    width: 48%;
}

.fixed-input-i>.t1 {
    min-width: max-content;
    font-size: 16px;
    color: #000000;
}


.fixed-input-i {
    width: 100%;
    padding: 0 24px;
    margin-bottom: 24px;
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, .3);
}

.fixed-input-i>.textarea,
.fixed-input-i>.inputs {
    width: 100%;
    min-height: 40px;
    margin-left: 10px;
    font-size: 16px;
}

.fixed-input-i>.textarea {
    min-height: 100px;
}

/* .uk-close {
    width: 40px;
    height: 40px;
    background: #18413E !important;
    border-radius: 50% !important;
}

.uk-close {
    color: #fff !important;
} */


.public-tops .left>img {
    margin-right: .13rem;
}

.public-tops .left .t1 {
    font-weight: 600;
    font-size: 38px;
    color: #000000;
}

.public-more {
    width: max-content;
    padding: 0 25px;
    height: 38px;
    border-radius: 20px;
    border: 1px solid #000;
    font-size: 14px;
    line-height: 38px;
    color: #000;
}


.public-more:hover {
    border: 1px solid #18413E;
    color: #18413E;
}

.public-tops .right .right-i {
    margin-right: .3rem;
}

.public-more1 {
    font-size: 16px;
    margin-right: .3rem;
}

.public-more1:last-child {
    margin-right: 0;
}

.public-more1.cur,
.public-more1:hover {
    background: #18413E;
    font-size: 16px;
    color: #FFFFFF;
}

.public-more>img {
    margin-left: .18rem;
    position: relative;
    animation: comeback 1s infinite;
}

.h-model1 {
    padding: .64rem 0 .8rem;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.05);
}

.h-model1-img,
.h-model1-img>img {
    height: auto;
    border-radius: 30px;
    min-height: 5rem;
    max-height: 5rem;
}

.h-model1-b {
    margin-top: .44rem;
}

.h-model1-i {
    width: 47%;
}

.h-model1-con {
    padding-top: .49rem;
}

.h-model1-con>.t1 {
    font-size: 22px;
    color: #000;
    line-height: 26px;
}

.h-model1-con>.t2 {
    font-size: 16px;
    color: #000;
    line-height: 28px;
    margin: .18rem 0 .4rem;
}

.h-model1-i:hover * {
    color: #18413E !important;
}

.h-model2 {
    padding: .73rem 0;
}

.model2-swiper-i {
    margin: 40px 0;
    width: 60% !important;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.05);
}

.model2-swiper-i .right,
.model2-swiper-i .left {
    width: 50%;
}

.model2-swiper-i .left>img {
    min-height: 5rem;
    object-fit: cover;
}

.model2-swiper {
    width: 100%;
    margin: 1rem 0 0;
}

.model2-swiper-i .right {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.model2-swiper-i .right .right-row {
    width: 80%;
}

.model2-swiper-i .right .right-row .t1 {
    font-size: 22px;
    color: #000000;
}

.model2-swiper-i .right .right-row .t2 {
    font-size: 16px;
    color: #000000;
    line-height: 30px;
    margin: .31rem 0 .65rem;
}

.model2-page-prev::after,
.model2-page-next::after,
.model2-page-prev:hover .i1,
.model2-page-next:hover .i1,
.model2-page-prev .i2,
.model2-page-next .i2 {
    display: none;
}

.model2-page-prev:hover .i2,
.model2-page-next:hover .i2 {
    display: block;
}

.model2-page-prev,
.model2-page-next {
    width: 44px !important;
    height: 44px !important;
    position: static !important;
    margin-top: 0 !important;
}

.model2-page {
    display: flex;
    justify-content: center;
    margin-top: .4rem;
}

.model2-page .swiper-pagination {
    width: max-content !important;
    position: static;
    margin: 0 .4rem;
}

.model2-page .swiper-pagination-clickable .swiper-pagination-bullet {
    margin: 0 .4rem !important;
    background: #D9D9D9 !important;
    opacity: 1 !important;
}

.model2-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #18413E !important;
}

.h-model3-i,
.h-model3-img {
    width: 100%;
    padding: 0 !important;
    object-fit: contain;
    overflow: hidden !important;
}

.h-model4 {
    padding: .9rem 0;
    background: #F8F8F8;
}

.h-model4 .public-tops {
    padding: 0;
}

.model4-con-b {
    margin-top: .78rem;
}

.model4-con-img {
    height: auto;
    background: #FFFFFF;
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.05);
    ;
    border-radius: 20px 20px 20px 20px;
}

.model4-con-img>img {
    height: auto;
    object-fit: cover;
}

.model4-con-msg {
    padding: .45rem 0 .47rem;
}


.model4-con-msg>.t1 {
    font-size: 22px;
    color: #000;
    line-height: 26px;
}

.model4-con-msg>.t2 {
    font-size: 16px;
    color: #000;
    line-height: 25px;
    margin-top: .2rem;
}

.model4-con-i:hover .model4-con-msg>.t2,
.model4-con-i:hover .model4-con-msg>.t1 {
    color: #18413E;
}

.model4-con-r {
    margin-left: -23px;
    display: none;
}

.model4-con-r.cur {
    display: flex;
}

.model4-con-i {
    width: calc(100% / 4);
    padding-left: 23px;
}

.h-model5 {
    padding: 1.65rem 0 .7rem;
    position: relative;
}

.h-model5>.t1 {
    font-weight: normal;
    font-size: 1.5rem;
    color: rgba(0, 0, 0, 0.05);
    line-height: 176px;
    position: absolute;
    top: 50px;
    right: 0;
    white-space: nowrap;
}

.h-model5 .row {
    position: relative;
    z-index: 1;
}


.h-model5-i .right,
.h-model5-i .left {
    width: 50%;
}


.h-model5-i .right {
    padding: 0 .87rem;
}

.h-model5-i .right .right-a>.t1 {
    font-weight: bold;
    font-size: 38px;
    color: #000000;
    line-height: 45px;
    margin-left: .16rem;
}

.h-model5-i .right .right-b {
    font-weight: normal;
    font-size: 16px;
    color: #000000;
    line-height: 28px;
    margin: .58rem 0 .46rem;
}

.h-model6 {
    padding: .7rem 0;
}

.h-model6-list {
    margin-top: .78rem;
}

.h-model6-list-img {
    border-radius: 20px;
}

.h-model6-list-con {
    padding: .47rem 0;
}

.h-model6-list-con>.t1 {
    font-size: 22px;
    color: #000;
    line-height: 26px;
    margin-bottom: .3rem;
}

.h-model6-list-i:hover .h-model6-list-con>.t1 {
    color: #18413E;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background-color: #d0d7da
}

::-webkit-scrollbar-thumb {
    background-color: #18413E
}

.public-footer-b {
    background: #18413E;
}

.public-footer .top {
    padding: .3rem .2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.public-footer .top .top-r {}

.public-footer .top .top-r .top-i {
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
    line-height: 16px;
    margin-left: .55rem;
}

.public-footer .top .top-r .top-i:hover {
    color: #fff;
}

.public-footer .bottom {
    padding: .39rem .3rem .7rem;
}

.public-footer .bottom .list .list-i .title {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 19px;
    margin-bottom: .2rem;
}

.public-footer-info .info {
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
    line-height: 26px;
    display: block;
}

.public-footer-info .info:hover {
    color: #fff;
}

.public-footer .bottom .list {
    width: 50%;
}

.public-footer .bottom .public-footer-i {
    width: 30%;
}


.public-footer-i>.t1 {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 19px;
}

.public-footer-i>.icon-b {
    margin-top: .29rem;
}

.public-footer-i>.icon-b .icon-i>img {
    min-width: 24px;
    object-fit: contain;
}

.public-footer-i>.icon-b .icon-i {
    margin-right: .2rem;
}

.public-footer-i>.icon-b .icon-i:last-child {
    margin-right: 0;
}

.public-footer-num {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px 0;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 16px;
    text-align: center;
}

.row-right-i-child-list {
    width: 45vw;
    max-height: 350px;
    overflow-y: auto;
}

.row-right-i-child-list::-webkit-scrollbar {
    width: 4px;
}

.row-right-i-child-list::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1);
}

.row-right-i-child-list-i {
    width: calc(100% / 5);
    margin-bottom: .26rem;
}

.row-right-i-child-list-img {
    max-width: 100px;
    height: auto;
    margin: auto;
}

.row-right-i-child-list-img>img {
    width: 100%;
    height: auto;
}

.row-right-i-child-list-i>.t1 {
    font-size: 14px;
    color: #000000;
    line-height: 40px;
    text-align: center;
}

.row-right-i-child-list-i:hover .t1 {
    color: #18413E;
}

.public-nav {
    padding: .25rem 0;
}

.public-nav em,
.public-nav .t1 {
    font-size: 14px;
    color: #000000;
    line-height: 25px;
}

.public-nav em {
    margin: 0 7px;
}

.brand-model1 .top {
    padding: .7rem 0;
}

.brand-model1 .top .left {
    width: 40%;
}

.brand-model1 .top .right {
    width: 60%;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    line-height: 32px;
    padding-left: .3rem;
}

.brand-model1 .bottom>img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.brand-model2 {
    padding: 1rem 0;
}

.brand-model2 .top .t1 {
    font-size: 24px;
    color: #000000;
    line-height: 28px;
}

.brand-model2-swiper {
    margin-top: .52rem;
}

.brand-model2-next,
.brand-model2-prev {
    width: 44px;
    height: 44px;
    margin-left: .44rem;
    user-select: none;
    cursor: pointer;
}

.brand-model2-next:hover .i1,
.brand-model2-prev:hover .i1,
.brand-model2-next .i2,
.brand-model2-prev .i2 {
    display: none;
}

.brand-model2-next:hover .i2,
.brand-model2-prev:hover .i2 {
    display: block;
}

.brand-model2-img {
    border-radius: 20px;
    overflow: hidden;
}

.brand-model2-con .t1 {
    text-align: center;
    font-size: 24px;
    color: #000000;
    line-height: 28px;
    margin-top: .56rem;
}

.brand-model4 {
    padding: .5rem 0;
}

.brand-model4-i {
    padding: .5rem 0;
}

.brand-model4-i .info {
    width: 40%;
    padding-top: .7rem;
    padding-right: .9rem;
}

.brand-model4-i .info .t1 {
    font-size: 32px;
    color: #000000;
    line-height: 38px;
}

.brand-model4-i .info .t2 {
    font-size: 16px;
    color: #000000;
    line-height: 30px;
    margin: .31rem 0 .24rem;
}

.brand-model4-img {
    width: 60%;
}

.brand-model4-img .items {
    margin-right: .2rem;
    height: max-content;
    border-radius: 20px;
}

.brand-model4-img .items.a {
    width: 4.25rem;
}

.brand-model4-img .items.b {
    width: 6.50rem;
}

.brand-model4-img .items>img {}

.brand-model4-img .items:last-child {
    margin-top: 1.4rem;
    margin-right: 0;
}

.brand-model4-i:nth-child(even) .brand-model4-img,
.brand-model4-i:nth-child(even) {
    display: flex;
    flex-direction: row-reverse;
}

.brand-model4-i:nth-child(even) .info {
    padding-left: .9rem;
    padding-right: 0;
}


.brand-model4-i:nth-child(even) .brand-model4-img .items:last-child {
    margin-top: 0;
}

.brand-model4-i:nth-child(even) .brand-model4-img .items:first-child {
    margin-top: 1.4rem;
    margin-left: .2rem;
}

.brand-model4-i:nth-child(even) .items {
    margin-right: 0;
}


.brand-model4-i:nth-child(even) .info {
    margin-top: 1.4rem;
}

.login-logo {
    display: block;
    margin: auto;
}

.login-b>.t1 {
    font-size: 20px;
    font-weight: 600;
    color: #18413E;
    line-height: 48px;
    text-align: center;
    margin: .2rem 0 .3rem;
}

.login-b>.t2 {
    font-size: 14px;
    color: #000000;
    line-height: 24px;
    text-align: center;
    margin: 0 0 .3rem;
}

.login-i {
    font-size: 14px;
    color: #000000;
    line-height: 24px;
    border-radius: 30px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 6px 21px;
    margin-bottom: .2rem;
}

.login-i span {
    min-width: max-content
}

.login-i .inputs {
    width: 100%;
    text-align: right;
    padding: 0 10px
}

.login-menu {
    padding: 0 10px;
}

.login-menu-i {
    font-size: 14px;
    color: #000000;
    line-height: 24px;
    font-weight: 400;
}

.login-btn {
    width: max-content;
    padding: 0 1.78rem;
    height: 40px;
    background: #18413E;
    border-radius: 30px 30px 30px 30px;
    margin: .4rem auto;
    font-size: 16px;
    color: #F8F8F8;
    line-height: 40px;
    text-align: center;
    display: block;
    white-space: nowrap;
}

.login-privacy {
    display: flex;
    justify-content: center;
    font-size: 14px;
    color: #000000;
    line-height: 24px;
}

.login-privacy a {
    color: #1A76FF;
    margin-left: 3px;
}

.login-creat {
    width: max-content;
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    text-align: center;
    margin: auto;
    margin-top: .25rem;
    display: block;
    text-decoration: underline;
}

.uk-modal-dialog {
    border-radius: 20px;
}


.enroll-type {
    padding: 12px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.enroll-type-i {
    width: max-content;
    padding: 0 .4rem 11px;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}

.enroll-type-i::after {
    width: 100%;
    height: 1px;
    position: absolute;
    left: 50%;
    bottom: -12px;
    transform: translateX(-50%);
    content: '';
    display: none;
    background: #18413E;
}

.enroll-type-i.cur {
    color: #18413E;
}

.enroll-type-i.cur::after {
    display: block;
}

.enroll-box {
    padding: 20px;
}

.enroll-box .row {
    display: none;
}

.enroll-box .row.cur {
    display: block;
}

.enroll-box .row div .login-i {
    width: 49%;
}

.login-i em {
    height: 1px;
    font-size: 14px;
    color: #E51E21;
    margin-right: 6px;
}

.enroll-box .login-i {
    margin-bottom: 15px;
}

.reset-pwd-b {
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reset-pwd-b .row {
    width: 5rem;
    padding: 1rem 0;
}

.reset-pwd-b .row>.t1 {
    font-size: 20px;
    color: #18413E;
    line-height: 48px;
    font-weight: bold;
    text-align: center;
    margin-bottom: .59rem;
}

.public-banner-info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
}

.public-banner-info .t1 {
    font-size: 38px;
    color: #FFFFFF;
    line-height: 45px;
    font-weight: bold;
    text-transform: uppercase;
}

.public-banner-info .t2 {
    font-weight: 400;
    font-size: 76px;
    color: #000000;
    line-height: 89px;
    text-align: center;
}

.public-banner-info .t3 {
    font-size: 18px;
    color: #000000;
    line-height: 21px;
    margin-top: .2rem;
}

.public-banner-info i {
    margin: 0 10px;
}

.public-banner-info-search {
    width: 6rem;
    height: 45px;
    background: #FFFFFF;
    border-radius: 30px 30px 30px 30px;
    padding: 0 0 0 .4rem;
    margin: .42rem auto .3rem;
}

.public-banner-info-search .inputs {
    width: 100%;
    height: 100%;
}

.public-banner-info-search .btn {
    width: 140px;
    height: 100%;
    background: #DC3C00;
    border-radius: 30px 30px 30px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #FFFFFF;
}

.public-banner-info-menu {
    width: 6rem;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 16px;
    margin: auto;
    padding: 0 20px;
}

.public-banner-info-menu-i {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 16px;
    margin-right: .2rem;
}

.public-banner-info-menu-i:last-child {
    margin-right: 0;
}

.public-banner-info-menu span {
    margin-right: .23rem;
}

.public-banner>img {
    width: 100%;
    height: 100%;
    min-height: 4.5rem;
    object-fit: cover;
}

.public-banner-nav {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -10%);
    width: 100%;
    max-width: 1700px;
}


.public-banner-nav * {
    color: #fff !important;
}

.case-i {
    width: 50%;
}


.case-i:nth-child(odd) {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    padding-right: 1.29rem;
}

.case-i:nth-child(even) {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 1rem;
    padding-left: 1.29rem;
}


.case-i:last-child {
    padding-bottom: 1.5rem;
}

.case-i .case-img>img,
.case-i .case-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 20px 20px 20px 20px;
}

.case-i .case-con .t1 {
    font-size: 24px;
    color: #000000;
    line-height: 48px;
    margin: .3rem 0;
}

.case-i .case-con .t2 {
    font-size: 14px;
    color: #000000;
    line-height: 28px;
}

.case-b {
    padding: 1rem 0 0;
}

.case-detail .top {
    background: #FFFFFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}

.case-detail .top .top-i {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.case-detail .top .top-i:last-child {
    border-bottom: none;
}

.case-detail .bottom {
    background: #F8F8F8;
    padding: 30px 30px .9rem;
}

.case-detail .bottom .bottom-row {
    background: #fff;
    border-radius: 20px 20px 20px 20px;
    padding: .7rem;
}

.case-detail .bottom .bottom-row>.t1 {
    font-size: 30px;
    color: #000000;
    line-height: 35px;
    text-align: center;
    padding-bottom: .6rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.case-detail .bottom .bottom-row-b {
    padding: .8rem 1rem;
}

.case-detail .bottom .bottom-row-img {
    width: 47%;
    border-radius: 30px 30px 30px 30px;
}

.case-detail .bottom .bottom-row-con {
    width: 47%;
}

.case-detail .bottom .bottom-row-con .t1 {
    font-size: 32px;
    color: #000000;
    line-height: 38px;
}

.case-detail .bottom .bottom-row-con .t2 {
    font-size: 16px;
    color: #000000;
    line-height: 30px;
    margin-top: .59rem;
}

.case-detail .bottom .bottom-row-i {
    margin-bottom: 1.2rem;
}

.case-detail .bottom .bottom-row-i:nth-child(even) {
    display: flex;
    flex-direction: row-reverse;
}

.case-detail .bottom .bottom-row-page {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: .45rem 1rem;
}

.case-detail .bottom .bottom-row-page .left>.t1 {
    font-size: 16px;
    color: #000000;
    line-height: 25px;
    font-weight: 600;
    display: block;
    margin-bottom: .25rem;
}

.case-detail .bottom .bottom-row-page .left>.t1:last-child {
    margin-bottom: 0;
}

.case-detail .bottom .bottom-row-page .left>.t1 span {
    font-size: 16px;
    color: rgba(0, 0, 0, .5);
    line-height: 25px;
    margin-right: .15rem;
}

.public-menu {
    background: #FFFFFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}

.public-menu-i {
    padding: 22px .55rem;
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    position: relative;
}

.public-menu-i::after {
    width: 100%;
    height: 2px;
    background: #18413E;
    content: '';
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.public-menu-i.cur::after {
    display: block;
}

.public-menu-i:hover,
.public-menu-i.cur {
    color: #18413E;
}

.public-menu-i.cur {
    font-weight: bold;
}

.faq-b {
    padding: .53rem .7rem;
    background: #fff;
    border-radius: 20px 20px 20px 20px;
}

.faq-i .t1 {
    font-size: 16px;
    color: #000000;
    line-height: 25px;
    margin-bottom: 20px;
}

.faq-i .t2 {
    font-size: 14px;
    color: rgba(0, 0, 0, .5);
    line-height: 25px;
}

.faq-i .t2 em {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-right: 5px;
    margin-bottom: 3px;
    background: rgba(0, 0, 0, .5);
}

.faq-i .public-more {
    margin-top: .3rem;
}

.faq-i {
    padding: 0 20px;
    padding-bottom: .4rem;
    margin-bottom: .35rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.faq-i:last-child {
    border-bottom: none;
}

.pages {
    width: max-content;
    overflow: hidden;
    margin: 2% auto
}

.pages a {
    font-size: 16px;
    color: #636363;
    font-weight: normal;
    width: 28px;
    height: 28px;
    line-height: 28px;
    display: block;
    background: #fff;
    border: 1px solid #d2d2d2;
    margin: 0 .1rem;
    border-radius: .04rem;
    text-align: center
}

.pages a:hover,
.pages a.active {
    font-size: .16rem;
    color: #fff;
    font-weight: normal;
    border: 1px solid #005629;
    background: #005629
}

.faq-detail-con .t1 {
    font-size: 18px;
    color: #000000;
    font-weight: 600;
    line-height: 36px;
}

.faq-detail-con .t2 {
    font-size: 16px;
    color: #000000;
    line-height: 36px;
}

.Shipping-b p .round,
.faq-detail-con .t2 em {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #000;
    margin-right: 5px;
    margin-bottom: 3px;
}

.faq-detail-con img {
    display: block;
    width: max-content;
}

.Shipping-b {
    font-size: 16px;
    color: #000000;
    line-height: 36px;
    font-weight: 500;
    padding: .3rem 1rem .6rem;
}

.Shipping-b .t1 {
    font-size: 24px;
    color: #000000;
    font-weight: 600;
}

.Shipping-b .t2 {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
}

.Shipping-b .title {
    font-size: 28px;
    color: #000000;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
}

.about-b>.t1 {
    font-size: 28px;
    color: #000000;
    text-align: center;
}

.about-b {
    font-size: 16px;
    color: #000000;
    line-height: 42px;
    padding: .86rem 1.4rem 1.2rem;
}

.about-b img {
    width: 100%;
    /* display: block; */
    margin: auto;
    margin-bottom: 10px;
}

.certificate-b {
    margin-top: .83rem;
    margin-left: -53px;
}

.certificate-i {
    width: calc(100% / 4);
    padding-left: 53px;
    margin-bottom: .6rem;
}

.certificate-img {
    width: 100%;
    height: auto;
}

.certificate-img>img {
    margin: 0;
}

.certificate-con {
    font-size: 16px;
    color: #000000;
    line-height: 36px;
    text-align: center;
}

.factory-swiper {
    margin-top: .5rem;
    height: 6rem;
}

.factory-swiper-i .t1 {
    font-weight: normal;
    font-size: 16px;
    color: #000000;
    line-height: 48px;
    font-weight: 600;
    text-align: center;
    display: none;
}

.factory-swiper-i .factory-swiper-img {
    position: relative;
    border-radius: 20px 20px 20px 20px;
    overflow: hidden;
}

.factory-swiper-i .factory-swiper-img>img {
    margin: 0;
    border-radius: 20px 20px 20px 20px;
}

.factory-swiper-i .factory-swiper-img::after {
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}

.factory-swiper-i {
    transition: 300ms;
    transform: scale(.5) !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.factory-swiper-i.swiper-slide-active {
    transform: scale(1.5) !important;
}

.factory-swiper-i.swiper-slide-active .factory-swiper-img::after {
    display: none;
}

.factory-swiper-i.swiper-slide-active .t1 {
    display: block;
}

.factory-swiper .swiper-button-prev,
.factory-swiper .swiper-button-next {
    user-select: none;
}

.factory-swiper .swiper-button-prev {
    left: 15%;
    color: #Fff;
}

.factory-swiper .swiper-button-next {
    right: 15%;
    color: #Fff;
}

.news-i {
    width: 30%;
    margin-bottom: .5rem;
}

.news-b>.t1 {
    font-size: 28px;
    color: #000000;
    line-height: 36px;
    text-align: center;
}

.news-b-list {
    margin-top: .72rem;
}

.news-b-list::after {
    width: 30%;
    content: '';
}

.news-b-list .news-img {
    height: auto;
    border-radius: 20px 20px 20px 20px;
    overflow: hidden;
}

.news-b-list .news-con {
    padding: 30px 0;
}

.news-b-list .news-con .t1 {
    font-size: 16px;
    color: #000000;
    line-height: 36px;
}

.news-b-list .news-con .t2 {
    font-size: 18px;
    color: #000000;
    line-height: 30px;
    font-weight: 600;
    margin: .1rem 0 .2rem;
}

.news-b-list .news-con .t3 {
    font-size: 16px;
    color: #000000;
    line-height: 26px;
}

.news-b-top {
    margin-top: .56rem;
}

.news-b-top .news-b-top-i {
    font-size: 16px !important;
    color: rgba(0, 0, 0, .5);
    margin: 0 .3rem;
    font-size: 16px;
}

.news-b-top .news-b-top-i>img {
    margin-right: 6px;
}

.business-b .business-i {
    width: 48%;
}

.business-b .business-img {
    height: auto;
    position: relative;
    border-radius: 20px;
}


.contact-b-msg-r .contact-b-msg-img,
.contact-b-map-info-i .top>img,
.business-con-i>img,
.business-b .business-img>img {
    margin: 0;
}

.business-b .business-img .t1 {
    font-size: 48px;
    color: rgba(255, 255, 255, .5);
    line-height: 36px;
    font-weight: 500;
    position: absolute;
    left: 50%;
    bottom: 3%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 20px;
}

.business-b {
    margin-top: .67rem;
}

.business-con {
    padding: .53rem 10px;
}

.business-con-i {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    margin-bottom: .1rem;
}

.business-con-i:last-child {
    margin-bottom: 0;
}

.business-con-i>img {
    width: 20px;
    margin-right: .18rem;
}

.contact-b-map {
    border-radius: 20px;
    overflow: hidden;
}

.contact-b {
    padding-top: .51rem;
}

.contact-b-map-info {
    padding: .51rem .6rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    ;
}

.contact-b-map-info-i {
    width: 46%;
}

.contact-b-map-info-i .top>img {
    width: 50px;
    position: relative;
    z-index: 1;
}

.contact-b-map-info-i .top .t1 {
    width: calc(100% - 50px);
    height: 40px;
    background: rgba(24, 65, 62, 0.1);
    padding: 0 40px;
    margin-left: -25px;
    font-weight: 600;
    font-size: 18px;
    line-height: 40px;
    color: #18413E;
}

.contact-b-map-info-i .row {
    padding: 25px;
}

.contact-b-msg {
    padding-top: .76rem;
}

.contact-b-msg>.t1 {
    text-align: center;
    font-size: 28px;
    color: #000000;
    line-height: 36px;
}

.contact-b-msg>.t2 {
    font-size: 16px;
    color: #000000;
    line-height: 30px;
    text-align: center;
    margin: .33rem 0 .8rem;
}

.contact-b-msg-r .contact-b-msg-img {
    width: 50%;
    height: auto;
    border-radius: 20px 20px 20px 20px;
}

.contact-b-msg-con {
    width: 45%;
}

.contact-b-msg-con-i {
    width: 100%;
    height: 46px;
    border-radius: 25px 25px 25px 25px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    padding: 0 19px;
    font-size: 14px;
    line-height: 46px;
    color: #000000;
    display: flex;
}

.contact-b-msg-con-i em {
    font-size: 14px;
    color: #E51E21;
}

.contact-b-msg-con-i:last-child {
    margin-bottom: 0;
}

.contact-b-msg-con-i .texts,
.contact-b-msg-con-i .inputs {
    width: calc(100% - 200px);
    height: 100%;
    padding: 0 20px;
}

.contact-b-msg-con-i .texts {
    padding: 20px;
}

.contact-b-msg-con-i .codes {
    width: 93px;
    height: 27px;
}

.contact-b-msg-con-i.code {
    display: flex;
    justify-content: space-between;
}

.contact-b-msg-btn {
    height: 46px;
    background: #18413E;
    border-radius: 30px 30px 30px 30px;
    font-size: 16px;
    color: #F8F8F8;
    line-height: 46px;
    text-align: center;
}

.contact-b-msg-con-i-r .contact-b-msg-con-i {
    margin-bottom: 0;
}

.public-m-bg {
    background: url(../images/account_bg.png)no-repeat center center;
    background-size: cover;
    padding-bottom: .65rem;
}

.member-b {
    min-height: 9rem;
}

.member-b .left {
    width: 2.8rem;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 20px 20px 20px 20px;
    padding: 40px 0;
}

.member-b .left .left-i {
    width: 100%;
    font-size: 16px;
    color: #000000;
    font-weight: 600;
    padding: .17rem .3rem;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 10px;
}

.member-b .left .left-i:last-child {
    margin-bottom: 0;
}

.member-b .left .left-i::after {
    width: 3px;
    height: 0%;
    background: #18413E;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transition: all ease-out .3s;
}

.member-b .left .left-i.cur::after,
.member-b .left .left-i:hover::after {
    height: 100%;
}

.member-b .left .left-i.cur,
.member-b .left .left-i:hover {
    color: #18413E;
    background: rgba(24, 65, 62, 0.08);
}

.member-b .left .left-i img {
    width: 16px;
    object-fit: contain;
    margin-right: .15rem;
}

.member-b .left .left-i:hover .i1,
.member-b .left .left-i.cur .i1,
.member-b .left .left-i .i2 {
    display: none;
}

.member-b .left .left-i:hover .i2,
.member-b .left .left-i.cur .i2 {
    display: block;
}

.member-b .right {
    width: calc(100% - 3rem);
    background: #FFFFFF;
    border-radius: 20px 20px 20px 20px;
    padding: .4rem .6rem;
}

.member-acc-top .photo {
    width: auto;
}

.member-acc-top .photo>img {
    width: 1rem;
    object-fit: contain;
    margin-right: .27rem;
}

.member-acc-top .photo>.t1 {
    font-size: 18px;
    color: #000000;
    line-height: 21px;
}

.member-acc-top .times {
    font-size: 16px;
    color: rgba(0, 0, 0, .5);
    line-height: 19px;
}

.member-acc-top .times span {
    margin-right: 20px;
}

.member-acc-top .times span:last-child {
    margin-right: 0;
}

.member-acc-menu {
    margin-top: .5rem;
}

.member-acc-menu .member-order-filter {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.member-acc-menu .row {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.member-acc-menu .member-acc-menu-i {
    min-width: 2rem;
    width: max-content;
    padding: 20px 26px;
    font-size: 16px;
    color: #000000;
    line-height: 19px;
    font-weight: 600;
    position: relative;
    margin-right: 5px;
    text-align: center;
}

.member-acc-menu .member-acc-menu-i:last-child {
    margin-right: 0;
}

.member-acc-menu-i:hover,
.member-acc-menu-i.cur {
    color: #18413E;
}

.member-acc-menu-i.cur::after {
    display: block;
}

.member-acc-menu-i::after {
    width: 100%;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    display: none;
    content: '';
    background: #18413E;
}

.member-acc-con {
    padding: .4rem .3rem;
}

.member-acc-con-i {
    display: flex;
}

.member-acc-con-i .t1 {
    font-size: 14px;
    color: rgba(0, 0, 0, .7);
    line-height: 40px;
    margin-right: 10px;
    min-width: 100px;
    text-align: right;
}

.member-acc-con-i .t2 {
    font-size: 16px;
    color: #000000;
    line-height: 40px;
}

.member-acc-con-i>img {
    width: max-content;
    height: max-content;
    margin-top: 10px;
    margin-right: 8px;
}

.member-acc-con-btn {
    width: max-content;
    height: 40px;
    border-radius: 30px 30px 30px 30px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin-top: .57rem;
    padding: 0 .83rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #000000;
}

.member-acc-con-btn>img {
    margin-right: 10px;
}

.member-pwd-b {
    max-width: 5rem;
}

.member-pwd-i {
    width: 100%;
    height: 40px;
    border-radius: 30px 30px 30px 30px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 0 15px;
    margin-bottom: 20px;
}

.member-pwd-i em {
    min-width: 5px;
    font-size: 14px;
    color: #E51E21;
    line-height: 24px;
    margin-right: 5px;
}

.member-pwd-i .layui-input-wrap,
.member-pwd-i .inputs {
    width: 90%;
    height: 100%;
    font-size: 14px;
    text-align: right;
    padding-left: 5px;
}

.member-pwd-i .layui-input-wrap {
    height: auto;
    display: flex;
    align-items: center;
}

.member-pwd-btn1,
.member-pwd-btn {
    max-width: 4rem;
    width: 100%;
    height: 40px;
    background: #18413E;
    border-radius: 30px 30px 30px 30px;
    font-size: 16px;
    color: #F8F8F8;
    line-height: 24px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-top: 40px;
}

.photo-member-logo {
    width: .73rem !important;
    object-fit: contain;
    margin-left: .17rem;
}

.member-pwd-btn-b .member-pwd-btn {
    width: 40%;
}

.member-pwd-btn1 {
    background: rgba(0, 0, 0, 0.1);
    color: #000;
}

.member-pwd-msg {
    font-size: 14px;
    color: #000000;
    line-height: 24px;
    padding: 0 20px;
    margin: 40px 0 10px;
}

.member-pwd-msg input {
    margin-right: 10px;
}

.member-pwd-r .member-pwd-i {
    width: 48%;
}

.member-pwd-i-left {
    min-width: max-content;
}

.member-add-list {
    margin-top: 20px;
}

.member-add-list-i-left {
    width: 100%;
    height: 70px;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #E6E6E6;
    padding-left: .38rem;
}

.member-add-list-i-left .b,
.member-add-list-i-left .a,
.member-add-list-i-left .a span,
.member-add-list-i-left .b a {
    height: 100%;
    display: flex;
    align-items: center;
}

.member-add-list-i-left .b a {
    white-space: nowrap;
}

.member-add-list-i-left .b,
.member-add-list-i-left .a {
    font-size: 16px;
    color: #000000;
    line-height: 40px;
    font-weight: 400;
}

.member-add-list-i-left .a span:nth-child(2),
.member-add-list-i-left .a span:nth-child(1) {
    width: 15%;
    min-width: max-content;
}

.member-add-list-i-left .a span:nth-child(3) {
    width: 60%;
    min-width: 60%;
}

.member-add-list-i-left .a {
    width: 65%;
    line-height: 22px;
}

.member-add-list-i-left .a span {
    margin-right: 20px;
}

.member-add-list-i-left .b {
    width: 30%;
    display: flex;
    justify-content: flex-end;
}

.member-add-list-i-left .b a:first-child {
    padding-right: 24px;
}

.member-add-list-i-left .b a:last-child {
    padding: 0 24px;
    border-left: 1px solid #E6E6E6;
}

.member-add-list-i-left .b a>img {
    margin-right: 6px;
}

.member-add-list-i-del {
    min-width: max-content;
    width: 16px;
    margin-left: 20px;
}

.member-add-list-i-left .b .b-default {
    opacity: 0;
    visibility: hidden;
}

.member-add-list-i {
    margin-bottom: 10px;
}

.member-add-list-i.cur .member-add-list-i-left {
    background: rgba(24, 65, 62, 0.05);
    border-radius: 10px 10px 10px 10px;
    border: 1px solid rgba(24, 65, 62, 0.5);
}

.member-add-list-i.cur .member-add-list-i-left * {
    color: #18413E !important;
}

.member-add-list-i.cur .b-default {
    opacity: 1;
    visibility: visible;
}

.member-add-list-i.cur .member-add-list-i-left .b a:first-child {
    color: #CA9D62 !important;
}

.member-add-list-i.cur .member-add-list-i-left .b .i1,
.member-add-list-i .member-add-list-i-left .b .i2 {
    display: none;
}

.member-add-list-i.cur .member-add-list-i-left .b .i2 {
    display: block;
}

.member-add-list-i:hover .member-add-list-i-left {
    border: 1px solid rgba(24, 65, 62, 0.5);
    border-radius: 10px 10px 10px 10px;
}

.member-add-del>img {
    width: auto;
    display: block;
    margin: auto;
}

.member-add-del .info {
    font-size: 16px;
    color: #000000;
    line-height: 30px;
    text-align: center;
    margin: .24rem 0 .33rem;
}

.member-add-del .btns .btns-i {
    width: 1.6rem;
    height: 40px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 30px 30px 30px 30px;
    font-size: 16px;
    color: #000000;
    line-height: 40px;
    text-align: center;
    margin: 0 10px;

}

.member-add-del .btns .btns-i.a {
    background: #DC3C00;
    color: #F8F8F8;
}


.member-add-del-tip {
    display: none;
    width: max-content;
    border-radius: 8px 8px 8px 8px;
    position: fixed !important;
    top: 9% !important;
    left: 50% !important;
    z-index: 99999 !important;
    transform: translateX(-50%);
}

.member-add-edit-t {
    padding: 0 21px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.public-nav.return {
    font-weight: 600;
}

.member-add-edit-b {
    padding: 40px 20px;
    max-width: 8rem;
}

.member-add-edit-b .t1 {
    font-size: 18px;
    color: #000000;
    line-height: 21px;
    margin-bottom: .3rem;
}

.member-add-edit-b-i .member-pwd-i {
    width: 49%;
}

.member-order>.t1 {
    font-size: 24px;
    color: #000000;
    line-height: 28px;
    font-weight: 600;
}

.member-order-filter {
    width: max-content;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
}

.member-order-filter .search,
.member-order-filter .time {
    padding: 0px 25px;
    border-radius: 20px 20px 20px 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.member-order-filter .search {
    margin-left: 10px;
}

.member-order-list {
    padding: .35rem 0 .8rem;
}


.member-order-list .pages {
    margin-top: .5rem;
}

.member-order-list th {
    background: rgba(0, 0, 0, 0.05);
}

.member-order-list th,
.member-order-list td {
    border: none !important;
}

.member-order-list tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.member-order-list tr:last-child {
    border-bottom: none;
}

.member-order-list-img-more {
    font-size: 14px;
    color: #000000;
    font-weight: bold;
}

.member-order-list-img {
    min-width: 70px;
    width: 70px;
    height: 70px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 10px 0 10px;
    margin-right: 10px;
}

.member-order-list-img:last-child {
    margin-right: 0;
}

.member-order-state {
    width: max-content;
    height: 24px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 24px;
    color: #FFFFFF;
}

.member-order-state.a {
    background: #D83C00;
}

.member-order-state.b {
    background: #37AA6C;
}

.member-order-state.c {
    background: #787878;
}

.member-order-state.d {
    background: #FF8A00;
}

.member-order-btn {
    min-width: 1.2rem;
    width: max-content;
    height: 32px;
    border-radius: 40px 40px 40px 40px;
    padding: 0 20px;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    font-weight: 500;
    margin: 15px 0;
    margin-left: auto;
    display: block;
}

.member-order-btn.a {
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #000000;
}

.member-order-btn.b {
    background: #DC3C00;
    color: #fff;
}

.member-order-btn.c {
    color: #DC3C00;
    border: 1px solid rgba(220, 60, 0, 0.2);
}

.member-order-detail {}

.member-order-detail-top {
    width: 55%;
    padding: .36rem .26rem 0;
}

.member-order-detail-top-i {
    width: 100%;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    margin-bottom: .23rem;
}

.member-order-detail-top-i:last-child {
    margin-bottom: 0;
}

.member-order-detail-top-i.a {
    width: 48%;
}

.member-order-detail-top-i span {
    margin-right: 13px;
}

.member-order-detail-logistics-list {
    margin-top: .2rem;
}

.member-order-detail-logistics-list-i i {
    width: 8px;
    height: 8px;
    background: #888888;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    top: 0;
}

.member-order-detail-logistics-list-i {
    position: relative;
    padding-bottom: 10px;
}

.member-order-detail-logistics-list-i:last-child::after {
    display: none;
}

.member-order-detail-logistics-list-i::after {
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
}

.member-order-detail-logistics-list-more,
.member-order-detail-logistics-list-i-info {
    padding-left: .2rem;
}

.member-order-detail-logistics-list-i-info .t1 {
    font-size: 14px;
    line-height: 14px;
    color: #888888;
    margin-bottom: 6px;
}

.member-order-detail-logistics-list-i-info .t2 {
    font-size: 14px;
    color: #888888;
    line-height: 22px;
}

.member-order-detail-logistics-list-i.cur .member-order-detail-logistics-list-i-info .t1 {
    color: #DC3C00;
}

.member-order-detail-logistics-list-i.cur i {
    background: #DC3C00;
}

.member-order-detail-logistics-list-i.cur .member-order-detail-logistics-list-i-info .t2 {
    color: #000000;
}

.member-order-detail-logistics-list-more {
    cursor: pointer;
    user-select: none;
}

.member-order-detail-logistics-list-more.cur .a,
.member-order-detail-logistics-list-more .b {
    display: none;
}

.member-order-detail-logistics-list-r.cur .member-order-detail-logistics-list-i:nth-child(n + 2),
.member-order-detail-logistics-list-more.cur .b {
    display: block;
}

.member-order-detail-logistics-list-r .member-order-detail-logistics-list-i:nth-child(n + 2) {
    display: none;
}

.member-order-detail-list-con .t1 {
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    font-weight: 600;
    margin-bottom: .16rem;
}


.member-order-detail-list-con .t2 {
    font-size: 12px;
    color: #000000;
    line-height: 18px;
    display: block;
}

.member-order-detail-list-con .t2 * {
    display: block;
}

.member-order-detail-list-con {
    padding-top: 10px;
    padding-left: .22rem;
    padding-bottom: 10px;
}

.member-order-detail-price-b {
    width: max-content;
    margin-top: .31rem;
    margin-left: auto;
}

.member-order-detail-price-b-i {
    font-size: 16px;
    color: #000000;
    line-height: 19px;
    margin-bottom: .15rem;
}

.member-order-detail-price-b-i span {
    min-width: 150px;
}

.member-order-detail-price-b-i span:nth-child(odd) {
    text-align: right;
    margin-right: .17rem;
}

.member-order-detail-price-b-i .t1 {
    color: #D93C00;
}


.member-order-detail-list tr:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.member-order-detail-price-btn-i {
    width: max-content;
    height: 40px;
    border-radius: 40px 40px 40px 40px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 0 .57rem;
    margin: 0 10px;
    font-size: 14px;
    color: #000000;
    line-height: 40px;
}

.member-order-detail-price-btn {
    margin-top: .91rem;
}

.member-order-detail-price-btn-i.a {
    border-color: #DC3C00;
    background: #DC3C00;
    border-radius: 40px 40px 40px 40px;
    color: #fff;
    padding: 0 .97rem;
}

.member-order-detail-status.error {
    background: #FEF4F6;
}

.member-order-detail-status.error .info .t1 {
    font-size: 14px;
    color: #F05061;
}

.member-order-detail-status .info .t2 {
    font-size: 14px;
    color: #000000;
    line-height: 25px;
}

.member-order-detail-status {
    max-width: 9rem;
    padding: 17px 22px;
    border-radius: 10px 10px 10px 10px;
    margin-top: .3rem;
}

.member-order-detail-status>img {
    height: max-content;
    margin-right: .1rem;
}


.member-order-detail-status.succeed {
    background: #EDFBF6;
}

.member-order-detail-status.succeed .info .t1 {
    font-size: 14px;
    color: #32D296;
}

.points-b {
    margin-top: .44rem;
}

.points-b .num-b {
    min-width: 5rem;
    width: max-content;
    height: auto;
    padding: .5rem .3rem;
    background: rgba(24, 65, 62, 0.05);
    border-radius: 20px 20px 20px 20px;
    border: 1px solid rgba(24, 65, 62, 0.2);
}

.points-b .num-b .num-l {
    font-size: 16px;
    color: #18413E;
    line-height: 25px;
}

.points-b .num-b .num-l>img {
    margin-right: .13rem;
}

.points-b .num-b .num-r {
    font-size: 30px;
    color: #18413E;
    font-weight: bold;
}

.points-b-tip {
    font-size: 16px;
    color: #000000;
    margin-left: .45rem;
}

.points-b-tip>img {
    margin-right: 9px;
}

.points-num-add {
    color: #DC3C00;
    padding: 19px 0;
}

.points-num-reduce {
    color: #18413E;
    padding: 19px 0;
}

.points-model-b>.t1 {
    font-size: 20px;
    color: #18413E;
    line-height: 48px;
    font-weight: 600;
    text-align: center;
    margin-bottom: .3rem;
}

.points-model-b .t2 {
    display: flex;
    font-size: 16px;
    color: #000000;
    line-height: 30px;
    font-weight: 600;
}

.points-model-b .t2::before {
    width: 2px;
    height: 16px;
    background: #DC3C00;
    content: '';
    display: block;
    border-radius: 0px 0px 0px 0px;
    margin-top: 6px;
    margin-right: 13px;
}

.points-model-b .menu {
    width: 90%;
    margin: 20px auto;
}

.points-model-b .menu .menu-i .menu-i-img {
    width: 1rem;
    display: block;
    object-fit: contain;
    margin: auto;
}


.points-model-b .t3 {
    font-size: 14px;
    color: #000000;
    line-height: 48px;
    margin-top: 5px;
}


.points-model-b .info {
    font-size: 14px;
    color: #000000;
    line-height: 28px;
    padding: 0 15px;
}

.points-model-b .line {
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    margin: .29rem 0;
}

.coupon-b {
    padding: .4rem 0;
    margin-left: -14px;
}

.coupon-b .coupon-i {
    width: calc(100% / 4);
    padding-left: 14px;
    margin-bottom: 18px;
}

.coupon-b .coupon-i .row {
    height: 100%;
    min-height: 146px;
    background: url(../images/coupons.png)no-repeat;
    background-size: 100% 100%;
    padding: 8px;
    position: relative;
}

.coupon-b .coupon-i .row .coupon-i-l {
    width: 55%;
    padding: .17rem 20px;
    padding-right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.coupon-b .coupon-i .row .coupon-i-l .t1 {
    font-size: 14px;
    color: #DC3C00;
    font-weight: bold;
    white-space: nowrap;
}

.coupon-b .coupon-i .row .coupon-i-l .t2 {
    font-size: 12px;
    color: #000000;
    line-height: 16px;
    margin-top: .2rem;
}

.coupon-b .coupon-i .row .coupon-i-l .t3 {
    font-size: 12px;
    color: #000000;
    line-height: 16px;
    margin-top: .09rem;
}

.coupon-b .coupon-i .row .coupon-i-l .t3>img {
    width: 14px;
}

.coupon-b .coupon-i .row .coupon-i-r {
    width: 40%;
    padding: .17rem 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.coupon-b .coupon-i .row .coupon-i-r * {
    text-align: center;
}

.coupon-b .coupon-i .row .coupon-i-r .t1 {
    font-size: 40px;
    color: #FFFFFF;
    line-height: 47px;
    font-weight: bold;
}

.coupon-b .coupon-i .row .coupon-i-r .t1 .t1-num {
    font-size: 46px;
}

.coupon-b .coupon-i .row .coupon-i-r .t1 .t1-unit {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 20px;
    font-weight: normal;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}


.coupon-b .coupon-i .row .coupon-i-r .t2 {
    font-size: 20px;
    color: #FFFFFF;
    line-height: 23px;
}


.coupon-b .coupon-i .row .coupon-i-r .t3 {
    min-width: 1rem;
    width: max-content;
    height: 25px;
    background: linear-gradient(270deg, #FFDDC2 0%, #FFFEEB 100%);
    border-radius: 20px 20px 20px 20px;

    font-size: 14px;
    color: #DC3C00;
    line-height: 25px;
    text-align: center;

    padding: 0 20px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 0px;
}

.coupon-i-r-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: .7rem;
}


.coupon-b .coupon-i.used .row::before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    content: '';
    display: block;
    z-index: 9;
    top: 0;
    left: 0;
}

.coupon-b .coupon-i.used .row .coupon-i-r .t3 {
    background: transparent;
    color: #FFFFFF;
}

.share-photo {
    padding: .25rem 0;
}

.share-photo-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: .15rem;
}

.share-photo .t1 {
    font-size: 16px;
    color: #000000;
}


.comment-list-t1 {
    font-size: 14px;
    color: #000000;
    line-height: 25px;
    margin-right: .4rem;
}

.comment-b {
    padding: .46rem .1rem;
}

.comment-b>.t1 {
    font-size: 24px;
    color: #000000;
    line-height: 28px;
    font-weight: 600;
}

.comment-b>.t2 {
    font-size: 16px;
    color: #000000;
    line-height: 19px;
    margin-top: .53rem;
    padding: 0 .16rem;
}

.comment-b>.t2 strong {
    margin-left: .13rem;
}

.comment-b-list {
    padding: 0 .16rem .6rem;
    margin-top: .69rem;
}

.comment-b-list-i {
    margin-bottom: .3rem;
}

.comment-b-list-i-l {
    width: 20%;
    height: max-content;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    font-weight: 500;
}

.comment-b-list-i-l-img {
    min-width: .9rem;
    width: .9rem;
    height: .9rem;
    background: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    padding: 6px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin-right: .21rem;
}

.comment-b-list-i-r {
    width: 60%;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin-left: 8%;
    padding: 20px;
}

.comment-b-list-i-r .top {
    padding: 0 0 10px;
    border-bottom: 1px solid #D9D9D9;
}

.comment-b-list-i-r .top span {
    margin-right: .28rem;
}

.con-photo-i {
    width: 50px;
    height: 50px;
    border-radius: 8px 8px 8px 8px;
    margin-right: .15rem;
    position: relative;
}

.con-photo-i.default {
    width: 50px;
    height: 50px;
    background: rgba(217, 217, 217, 0.1);
    border-radius: 8px 8px 8px 8px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.con-photo-i .input-file {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}

.con-photo-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px 8px 8px 8px;
}

.con-photo-i-del {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    top: -3px;
    right: -3px;
}

.comment-b-list-i-r .con .inputs {
    width: 100%;
    min-height: 1.5rem;
    padding: 15px 0;
}

.product-b>.t1 {
    font-size: 16px;
    color: #000000;
    line-height: 28px;
    margin: .3rem 0 .5rem;
}


.member-statement td {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.member-statement .tc td {
    text-align: center;
}

.member-statement {
    padding: 30px;
}

.invoice-page-b {
    margin-top: .5rem;
}

.invoice-page-b-info {
    padding-top: 20px;
}

.invoice-page-b-info .t1 {
    margin-right: .4rem;
    font-size: 14px;
    color: #000000;
}

.invoice-page-b-info .t1 span {
    margin: 0 5px;
}

.invoice-page-b-info-btn {
    margin-top: .3rem;
    font-weight: 500;
    font-size: 16px;
    color: #F8F8F8;
    line-height: 40px;
    min-width: 2rem;
    width: max-content;
    height: 40px;
    background: #18413E;
    border-radius: 30px 30px 30px 30px;
    text-align: center;
}


.invoice-page-b .pages {
    margin-top: 0;
}

.invoice-top {
    font-weight: 400;
    font-size: 16px;
    color: #000000;
}

.invoice-top>img {
    margin-right: 5px;
}

.invoice-modal-b>.t1 {
    font-weight: 500;
    font-size: 18px;
    color: #18413E;
    text-align: center;
    margin-bottom: .2rem;
}

.invoice-modal-money {
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    margin-bottom: .2rem;
}

.invoice-modal-money span {
    font-weight: 500;
    font-size: 14px;
    color: #DC3C00;
}

.invoice-modal-type {
    font-size: 14px;
    color: #000000;
    line-height: 14px;
    margin-bottom: .15rem;
}

.invoice-modal-type>em {
    min-width: 5px;
    font-size: 14px;
    color: #E51E21;
    line-height: 24px;
    margin-right: 5px;
    padding: 0 1px 0 13px;
}

.invoice-modal-type-upload,
.invoice-modal-type-i {
    min-width: 1.4rem;
    width: max-content;
    height: 36px;
    border-radius: 23px 23px 23px 23px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    cursor: pointer;
}


.invoice-modal-type-i.cur {
    color: #18413E;
    background: rgba(24, 65, 62, 0.1);
    border-radius: 23px 23px 23px 23px;
    border: 1px solid #18413E;
}

.invoice-modal-row {
    padding: .23rem 0;
}

.invoice-modal-row-i {
    display: none;
}

.invoice-modal-row-i .member-pwd-i {
    margin-bottom: .15rem;
}

.invoice-modal-btn {
    margin-top: .07rem;
}

.invoice-modal-btn-i {
    width: 46%;
    height: 40px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 30px 30px 30px 30px;
    line-height: 40px;
    text-align: center;

    font-weight: 500;
    font-size: 16px;
    color: #000000;
}

.invoice-modal-btn-i.a {
    color: #F8F8F8;
    background: #DC3C00;
}

.invoice-modal-upload {
    padding: 5px 0 20px;
}

.invoice-modal-upload>.t1 {
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    line-height: 18px;
}

.invoice-modal-type-upload {
    position: relative;
    cursor: pointer;
}

.invoice-modal-type-upload input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.invoice-modal-type-img-b {
    margin-left: 20px;
}

.invoice-modal-type-img-b-i {
    width: 40px;
    height: 40px;
    position: relative;
    margin-right: 15px;
}

.invoice-modal-type-img-b-i a,
.invoice-modal-type-img-b-i a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: 4px 4px 4px 4px;
}

.invoice-modal-type-img-b-i-close {
    width: 16px;
    height: 16px;
    position: absolute;
    top: -8px;
    right: -8px;
    z-index: 1;
    object-fit: contain;

}

.invoice-list .member-order-btn {
    margin: 0;
    margin-left: auto;
}

.invoice-b {
    padding: .46rem 10px;
}


.invoice-b-title {
    font-weight: 500;
    font-size: 20px;
    color: #000000;
    margin-bottom: .3rem;
}

.invoice-b-list .member-add-list-i-left .a span {
    width: 100% !important;
}

.invoice-b-list .member-add-list-i:hover * {
    color: #18413E !important;
}

.invoice-b-list .member-add-list-i:hover .member-add-list-i-left .b a:last-child {
    border-color: #18413E;
}


.refund-modal-b {}

.refund-modal-b>.t1 {
    font-size: 20px;
    color: #DC3C00;
    line-height: 48px;
    text-align: center;
    margin-bottom: 20px;
}

.refund-modal-b>.t2 {
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    text-align: center;
}

.refund-modal-b .comment-b-list-i-r {
    width: 100%;
    margin: 0;
    margin-top: .33rem;
    padding: 15px;
}

.refund-modal-b .comment-b-list-i-r .con .inputs {
    padding-top: 0;
}

.refund-modal-b .invoice-modal-btn {
    width: 80%;
    margin: auto;
    margin-top: .33rem;
}

.product-b-row {
    padding: .4rem 0;
}

.product-b-menu {
    background: #FFFFFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
}

.product-b-menu .row {
    width: 90%;
    margin: auto;
}

.product-b-menu-img {
    width: .6rem;
    height: auto;
    object-fit: contain;
    margin-right: .18rem;
}

.product-b-menu-info .t1 {
    font-size: 16px;
    color: #000000;
    line-height: 19px;
}

.product-b-menu-info .t2 {
    font-size: 12px;
    color: #000000;
    line-height: 20px;
    margin-top: 9px;
}

.product-b-menu-i {
    width: calc(100% / 4);
    padding: .3rem 0;
}


.product-top {
    position: relative;
    display: flex;
    justify-content: center;
}

.product-top>.t1 {
    width: 4rem;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 48px;
    text-align: center;
    height: 50px;
    background: #18413E;
    border-radius: 30px 30px 30px 30px;
    border: 2px solid #18413E;
    padding: 0 .78rem;
    white-space: nowrap;
}

.product-top::before {
    max-width: 4.04rem;
    width: 100%;
    height: 5px;
    background: url(../images/line_left.png)no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    margin: auto 0.4rem;
}

.product-top::after {
    max-width: 4.04rem;
    width: 100%;
    height: 5px;
    background: url(../images/line_right.png)no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    margin: auto 0.4rem;
}

.product-model {
    padding: .4rem 0;
}

.product-model1-list {
    margin-top: .6rem;
    margin-left: -32px;
}

.product-model1-list-i {
    width: calc(100% / 8);
    padding-left: 32px;
}

.product-model1-list-i .t1 {
    font-size: 16px;
    color: #000000;
    text-align: center;
    margin-top: .26rem;
}


.product-model1-list-img {
    width: 1.9rem;
    height: 1.9rem;
    margin: auto;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 20px 20px 20px 20px;
    overflow: hidden;
}


.product-model1-list-img>img {
    object-fit: cover;
}

.product-model1-type {
    margin-top: .85rem;
}

.product-model1-type-i {
    width: 49%;
}

.product-model2-info {
    margin-top: .6rem;
}

.product-model2-info-left {
    width: 59%;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 20px 20px 20px 20px;
}

.product-model2-info-left-swiper-i {
    padding: 20px;
}

.product-model2-info-left-swiper-i .right,
.product-model2-info-left-swiper-i .left {
    width: 48%;
}

.product-model2-info-left-swiper-i .left .left-con {
    padding: 0 .4rem;
}

.product-model2-info-left-swiper-i .left .left-con .t1 {
    font-size: 32px;
    color: #000000;
    line-height: 48px;
}

.product-model2-info-left-swiper-i .left .left-con .t2 {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 28px;
    margin-top: .33rem;
}

.product-model2-info-left-swiper-i .left .left-con .t3 {
    font-size: 18px;
    color: #DC3C00;
    line-height: 25px;
    margin-top: .2rem;
}

.product-more {
    margin-top: .4rem;
    width: 1.8rem;
    height: 40px;
    background: #DC3C00;
    border-radius: 20px 20px 20px 20px;
    display: flex;
    justify-content: center;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 40px;
    white-space: nowrap;
}

.product-more>img {
    margin-left: .18rem;
}

.product-model2-info-left-swiper-i .right {
    position: relative;
    border-radius: 20px 20px 20px 20px;
    overflow: hidden;
}

.product-model2-info-left-swiper-i .right .right-img {
    width: 4.6rem;
    height: auto;
}

.product-model4-list-i-img-icon,
.product-model3-swiper-i-img-icon,
.product-model2-info-right-i .right .right-img-icon,
.product-model2-info-left-swiper-i .right .right-img-icon {
    position: absolute;
    top: .2rem;
    left: .2rem;
    width: .6rem;
    height: auto;
    object-fit: contain;
    user-select: none;
}


.product-model2-info-left-swiper .swiper-pagination {
    position: static !important;
    transform: none !important;
    width: max-content !important;
    padding-left: .4rem;
    margin-top: .67rem;
}

.product-model2-info-left-swiper .swiper-pagination-bullet-active {
    background: #18413E;
}

.product-model2-info-right {
    width: 39.5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-model2-info-right-i {
    padding: .4rem;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 20px 20px 20px 20px;
    height: 48%;
}

.product-model2-info-right-i .left {
    width: 55%;
}

.product-model2-info-right-i .left .t1 {
    font-size: 20px;
    color: #000000;
    line-height: 35px;
}

.product-model2-info-right-i .left .t2 {
    font-size: 18px;
    color: #DC3C00;
    line-height: 25px;
    margin-top: .24rem;
}

.product-model2-info-right-i .right {
    position: relative;
}

.product-model2-info-right-i .right .right-img {
    width: 2.2rem;
    height: auto;
    overflow: hidden;
    border-radius: 20px 20px 20px 20px;
}


.product-model3-swiper {
    margin-top: .6rem;
}

.product-model3-swiper-i {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 20px 20px 20px 20px;
}


.product-model3-swiper-i:hover {
    box-shadow: 2px 4px 15px 0px rgba(0, 0, 0, 0.08);
}

.product-pub-type {
    min-height: 20px;
}

.product-type {
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 18px 18px 18px 18px;
    border: 1px solid #DCDCDC;
    margin: 0 .13rem;
}

.product-model3-swiper-i-img {
    position: relative;
    display: block;
    margin: auto;

}

.product-model3-swiper-i-con {
    padding: .26rem .15rem;
    text-align: center;
}

.product-model3-swiper-i-con a {
    display: block;
}

.product-model3-swiper-i-con .t1 {
    font-size: 18px;
    color: #000000;
    line-height: 21px;
    margin-top: .28rem;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.product-model3-swiper-i-con .t2 {
    font-size: 14px;
    color: #000000;
    line-height: 22px;
    margin-top: .14rem;
    min-height: .44rem;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product-model3-swiper-i-con .t3 {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.3);
    line-height: 25px;
    margin-top: 5px;
}

.product-model3-swiper-i-con .t3 .discount {
    color: #DC3C00;
}

.product-model3-swiper .swiper-pagination {
    position: static !important;
    transform: none !important;
    margin-top: .8rem !important;
}

.swiper-pagination .swiper-pagination-bullet-active {
    background: #18413E;
}

.product-model4-menu {
    margin-top: .5rem;
}

.product-model4-menu-i {
    min-width: 1.2rem;
    width: max-content;
    height: 38px;
    border-radius: 20px 20px 20px 20px;
    border: 1px solid #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 .15rem;
}

.product-model4-menu-i>img {
    margin-left: 5px;
}


.product-model4-menu-i:hover,
.product-model4-menu-i.cur {
    background: #18413E;
    color: #fff;
}


.product-model4-list-i-img {
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 20px 20px 20px 20px;
}

.product-model4-list-b {
    margin-top: .6rem;
}

.product-model4-list-i-con {
    padding: .35rem .15rem;
}

.product-model3-swiper-i-con-type {
    min-height: 20px;
}

.product-model4-list-i-con .t1 {
    font-size: 18px;
    color: #000000;
    line-height: 21px;
    margin-top: .29rem;
    display: block;
}

.product-model4-list-i-con .t2 {
    font-size: 14px;
    color: #000000;
    line-height: 22px;
    margin-top: .18rem;
    min-height: 56px;
    display: block;
}


.product-pub-type-i {
    width: 20px;
    height: 20px;
    border-radius: 18px 18px 18px 18px;
    border: 1px solid #DCDCDC;
    margin-right: 13px;
}

.product-model4-gold .product-more {
    margin: 0;
    margin-left: 10px;
}

.product-model4-gold .product-more>img {
    margin: 0 .18rem 0 0;
}

.product-model4-gold {
    font-size: 18px;
    color: #DC3C00;
    line-height: 25px;
    margin-top: .12rem;
}

.product-model4-list-i {
    width: calc(100% / 4);
    padding-left: 23px;
    margin-bottom: .6rem;
}

.product-detail-r-shop .product-model4-list-i {
    padding-left: 0;
}

.product-model4-list {
    margin-left: -23px;
    display: none;
}

.product-model4-list.cur {
    display: flex;
}


.product-list-menu-i {
    padding: .3rem 10px;
    position: relative;
    margin: 0 .5rem;
}

.product-list-menu-i>img {
    width: .32rem;
}

.product-list-menu-i::after {
    width: 100%;
    height: 2px;
    background: #18413E;
    content: '';
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.product-list-menu-i .t1 {
    font-size: 18px;
    color: #000000;
    margin-left: .13rem;
}

.product-list-menu-i.cur .i1,
.product-list-menu-i .i2 {
    display: none;
}

.product-list-menu-i.cur .i2 {
    display: block;
}

.product-list-menu-i.cur .t1 {
    font-size: 18px;
    color: #18413E;
    font-weight: 500;
}

.product-list-menu-i.cur::after {
    display: block;
}

.product-list-con {
    padding: .5rem 0;
}

.product-list-con>.row {
    width: calc(100% - 5rem);
}



.product-img-show {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(220, 60, 0, 0.1);
    border-radius: 20px 20px 20px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all ease-out .4s;
}

.product-img-show-i {
    width: 1.2rem;
    height: 1.2rem;
    background: #DC3C00;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-img-show-i .t1 {
    font-size: 16px;
    color: #FFFFFF;
}


.product-img-show-i .t1::after {
    width: 40px;
    height: 1px;
    background: #FFFFFF;
    content: '';
    display: block;
    margin: auto;
    margin-top: 9px;
}

.product-list-con .product-model4-list-i:hover .product-img-show {
    opacity: 1;
    visibility: visible;
}

.product-fixed-model {
    width: 70px;
    min-height: 8rem;
    padding: 20px;
    border-radius: 0px 20px 20px 0px;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
    padding-left: 0;
    height: max-content;
    position: relative;
    transition: all ease-out .5s;
}

.product-fixed-model.cur {
    width: 4.6rem;
}

.product-fixed-model.cur>.row {
    display: block;
}

.product-fixed-model>.row {
    display: none;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    padding: 40px .5rem 40px 1rem;

}

.product-fixed-model>.row .row-info>.t1 {
    font-size: 18px;
    color: #000000;
    line-height: 21px;
    padding: 0 10px;
}

.product-fixed-btn {
    width: max-content;
    height: 100%;
    margin-left: auto;
    position: absolute;
    top: 0;
    right: 0;
    padding: .6rem .23rem;
    border-radius: 0px 20px 20px 0px;
}

.product-fixed-btn .a {
    width: 24px;
    height: 24px;
    user-select: none;
    cursor: pointer;
}

.product-fixed-btn .a>img {
    width: .24rem;
}

.product-fixed-btn .b {
    position: absolute;
    top: 50%;
    right: -30px;
    width: 60px;
    height: 60px;
    cursor: pointer;
}

.product-fixed-model-list {
    margin-top: .4rem;
}

.product-fixed-model-list-i .item {
    margin-top: .27rem;
    display: none;
}

.product-fixed-model-list-i .item .item-i {
    margin-bottom: .2rem;
    font-size: 16px;
    color: #000000;
}

.product-fixed-model-list-i .item .item-i:hover {
    color: #18413E;
}

.product-fixed-model-list-i .item .item-i:last-child {
    margin-bottom: 0;
}

.product-fixed-model-list-i .item .item-i input {
    margin-right: .13rem;
}

.layui-form-item .layui-form-checkbox {
    margin-top: 0 !important;
}

.product-fixed-model-list-i {
    width: 100%;
    padding: 0 10px;
    padding-bottom: .25rem;
    margin-bottom: .25rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.product-fixed-model-list-i .top {
    width: 100%;
}

.product-fixed-model-list-i .top>.t1 {
    font-size: 16px;
    color: #000;
    line-height: 19px;
}


.product-fixed-model-list-i .item .item-i.cur,
.product-fixed-model-list-i.cur .top>.t1 {
    color: #18413E;
}

.product-fixed-model.cur .product-fixed-btn .b .i1,
.product-fixed-btn .b .i2,
.product-fixed-model-list-i.cur .top .i1,
.product-fixed-model-list-i .top .i2 {
    display: none;
}

.product-fixed-model.cur .product-fixed-btn .b .i2,
.product-fixed-model-list-i.cur .top .i2 {
    display: block;
}




.product-detail {
    background: #F8F8F8;
    padding-bottom: .73rem;
}


.product-detail-r {
    background: #fff;
    border-radius: 20px 20px 20px 20px;
    padding: .51rem 91px;
}

.product-detail-a-i-img {
    width: 68px;
    height: 68px;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-items: center;
}

.product-detail-a {
    width: 70px;
    height: 100%;
}

.product-detail-a-i.swiper-slide-thumb-active .product-detail-a-i-img {
    border-color: #18413E;
}

.product-detail-b {
    width: calc(100% - 133px);
}

.product-detail-b .swiper-button-prev,
.product-detail-b .swiper-button-next {
    top: 50%;
    transform: translateY(-50%);
    margin: 0 !important;
}

.product-detail-r-top-left {
    width: 45%;
}

.product-detail-r-top {
    max-height: 550px;
}

.product-detail-b-i-img {
    width: auto;
    height: auto;
    background: rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    justify-items: center;
    border-radius: 20px 20px 20px 20px;
    overflow: hidden;
    user-select: none;
    margin: auto;
    display: block;
}

.product-detail-b-i-img>img {
    object-fit: contain;
    width: auto;
    height: auto;
}

.product-detail-b-i-img.video::after {
    width: 1.1rem;
    height: 1.1rem;
    background: url(../images/video.png)no-repeat;
    background-size: cover;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.product-detail-r-top-right {
    width: 42%;
    display: flex;
    align-items: center;
    justify-items: center;
    padding: 0 .6rem;
}

.product-detail-r-top-right .row .row-left .top {
    padding: 0 10px;
    padding-bottom: .1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.product-detail-r-top-right .row .row-left .top .t1 {
    font-size: 26px;
    color: #000000;
}

.product-detail-r-top-right .row .row-left .top .t1 span {}

.product-detail-r-top-right .row .row-left .top .t1 a {
    min-width: 18px;
}

.product-detail-r-top-right .row .row-left .top .t2 {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 25px;
    margin: .27rem 0 .33rem;
}


.product-detail-r-top-right .row .row-left .top .score-b {
    font-size: 16px;
    color: #000000;
}

.product-detail-r-top-right .row .row-left .top .score-b .num {
    font-size: 14px;
    color: #0B80E0;
    line-height: 14px;
}

.product-detail-r-top-right .row .row-left .top .score-b .class-rate-demo-theme {
    margin: 0 10px;
}

.product-detail-r-top-right .row .row-left .bottom {
    padding: .47rem 10px;
}


.product-detail-r-top-right .row .row-right .bottom-gold,
.product-detail-r-top-right .row .row-left .bottom .bottom-gold {
    font-size: 14px;
    color: #D83C00;
    line-height: 25px;
    font-weight: 600;
}


.product-detail-r-top-right .row .row-right .bottom-gold .big,
.product-detail-r-top-right .row .row-left .bottom .bottom-gold .big {
    font-size: 28px;
}

.product-detail-r-top-right .row .row-left .bottom .bottom-specs {
    font-size: 14px;
    color: #000000;
    line-height: 25px;
    margin: .38rem 0 .33rem;
}

.product-detail-r-top-right .row .row-left .bottom .bottom-specs .bottom-specs-color {
    margin-top: .1rem;
    margin-left: .31rem;
}

.product-detail-r-top-right .row .row-left .bottom .bottom-specs .bottom-specs-color-i {
    width: 26px;
    height: 26px;
    border-radius: 18px 18px 18px 18px;
    border: 1px solid #F3E1C9;
}

.product-detail-r-top-right .row .row-left .bottom .bottom-specs .bottom-specs-color-i-r {
    margin: 0 .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.product-detail-r-top-right .row .row-left .bottom .bottom-specs .bottom-specs-color-i-r.cur {
    border: 1px solid #DC3C00;
}

.product-detail-r-top-right .row .row-left .bottom .bottom-size {
    font-size: 14px;
    color: #000000;
    line-height: 25px;
}

.product-detail-r-top-right .row .row-left .bottom .bottom-size-i {
    width: 240px;
    height: 40px;
    border-radius: 30px 30px 30px 30px;
    border: 1px solid #C8C8C8;
    padding: 0 20px;
    margin-left: .16rem;
}


.product-detail-r-top-right .row .row-right {
    max-width: 2.8rem;
    width: 100%;
    height: auto;
    background: #FFFFFF;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);
    border-radius: 20px 20px 20px 20px;
    position: absolute;
    right: -91px;
    padding: .51rem .26rem;
}

.product-detail-r-top-right .row .row-right .t1 {
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    text-align: center;
}

.product-detail-r-top-right .row .row-right .t1 span {
    color: #DC3C00;
}

.product-detail-r-top-right .row .row-right .row-right-add {
    margin-top: .39rem;
}

.product-detail-r-top-right .row .row-right .row-right-add .a {
    min-width: 50px;
    width: 50px;
    height: 40px;
    border: 1px solid #C8C8C8;
    text-align: center;
    line-height: 39px;
    font-size: 20px;
    font-weight: 500;
}

.product-detail-r-top-right .row .row-right .row-right-add .b {
    width: 100%;
    height: 40px;
    border-top: 1px solid #C8C8C8;
    border-bottom: 1px solid #C8C8C8;
    text-align: center;
    line-height: 40px;
}

.product-detail-r-top-right .row .row-right .t2 {
    font-size: 14px;
    color: #000000;
    line-height: 28px;
    margin: .12rem 0 .58rem;
    padding: 0 10px;
}

.product-detail-r-top-right .row .row-right .row-right-info {
    font-size: 14px;
    color: #000000;
    line-height: 14px;
    white-space: nowrap;
    margin-bottom: 10px;
}

.product-detail-r-top-right .row .row-right .row-right-info .gold {
    font-size: 16px;
    color: #D83C00;
    line-height: 16px;
    margin: 0 3px;

}

.product-detail-r-top-right .row .row-right .row-right-info input {
    margin-right: 3px;
}

.product-detail-tips {
    margin: 0 3px;
    cursor: pointer;
}


.product-detail-r-top-right .row .row-right .bottom-gold {
    margin: .43rem 0 .54rem;
}

.product-detail-r-top-right .row .row-right .row-right-btn .row-right-btn-i {
    width: 100%;
    height: 40px;
    border-radius: 20px 20px 20px 20px;
    display: flex;
    background: #DC3C00;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 40px;
    margin-bottom: .2rem;
}

.product-detail-r-top-right .row .row-right .row-right-btn .row-right-btn-i.a {
    background: linear-gradient(270deg, #FFA234 0%, #DC3C00 100%);
}

.product-detail-r-recommend {
    margin-top: .6rem;
}

.product-detail-r-recommend>.t1 {
    font-size: 18px;
    color: #18413E;
    line-height: 25px;
}

.product-detail-r-recommend>.row {
    margin-top: .25rem;
    background: rgba(0, 0, 0, .05);
    border-radius: 20px 20px 20px 20px;
    padding: .35rem 1rem;
}

.product-detail-r-recommend-img {
    width: 2.8rem;
    height: auto;
}

.product-detail-r-recommend-list-b {
    width: calc(90% - 2.8rem)
}

.product-detail-r-recommend-list {
    width: 90% !important;
}

.product-detail-r-recommend-list-i-type-i {
    width: 14px;
    height: 14px;
    border-radius: 18px 18px 18px 18px;
    border: 1px solid #DCDCDC;
    margin: 0 9px;
}

.product-detail-r-recommend-list-i-type {
    margin-top: .26rem;
}

.product-detail-r-recommend-list-i .t1 {
    font-size: 16px;
    color: #000000;
    line-height: 19px;
    text-align: center;
    margin-top: .21rem;
}

.product-detail-r-recommend-list-i .t2 {
    font-size: 16px;
    color: #000000;
    line-height: 25px;
    text-align: center;
    margin-top: .15rem;
}

.product-detail-r-recommend-list-i-img>img,
.product-detail-r-recommend-list-i-img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.product-detail-r-recommend-list-next,
.product-detail-r-recommend-list-prev {
    width: .44rem;
    height: .44rem;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    user-select: none;
}

.product-detail-r-recommend-list-prev {
    left: 0;
}

.product-detail-r-recommend-list-next {
    right: 0;
}

.product-detail-r-recommend-list-next:hover .i1,
.product-detail-r-recommend-list-prev:hover .i1,
.product-detail-r-recommend-list-next .i2,
.product-detail-r-recommend-list-prev .i2 {
    display: none;
}

.product-detail-r-recommend-list-next:hover .i2,
.product-detail-r-recommend-list-prev:hover .i2 {
    display: block;
}

.product-detail-r-menu {
    margin: .63rem 0 .45rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.product-detail-r-menu-i {
    width: max-content;
    padding: 5px 12px;
    font-size: 20px;
    color: #000000;
    line-height: 48px;
    margin: 0 3%;
    position: relative;
}

.product-detail-r-menu-i::after {
    width: 100%;
    height: 3px;
    background: #18413E;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    display: none;
}

.product-detail-r-menu-i.cur::after {
    display: block;
}

.product-detail-r-menu-i.cur {
    color: #18413E;
}

.product-detail-r-model-top {
    width: calc(100% - 30px);
    height: 40px;
    margin-left: 30px;
    font-size: 24px;
    color: #FFFFFF;
    background: url(../images/title_bg.png)no-repeat #ECEFEF;
}

.product-detail-r-model-top-i {
    width: .6rem;
    margin-left: -30px;
}

.product-detail-r-model-top span {
    padding-left: 20px;
}

.product-detail-r-model1-con {
    padding: 40px;
}

.product-detail-r-model1-con-t {
    padding: 0 10px;
    /* padding-bottom: .23rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
}

.product-detail-r-model1-con-t-i {
    padding: 0.05rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.product-detail-r-model1-con-t-i span {
    width: 48%;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 28px;
    min-width: 1.5rem;
}

.product-detail-r-model1-con-t-i span:first-child {
    font-weight: 600;
    margin-right: .25rem;
}

.product-detail-r-model1-con-b {
    padding: .36rem 10px;
}

.product-detail-r-model1-con-b p {
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    line-height: 28px;
    display: flex;
}

.product-detail-r-model1-con-b p i {
    width: 4px;
    height: 4px;
    font-size: 16px;
    border-radius: 50%;
    background: #000;
    line-height: 28px;
    margin-top: 10px;
    margin-right: 5px;
}

.product-detail-r-model2-list-i-img {
    width: 40%;
    border-radius: 20px 20px 20px 20px;
    overflow: hidden;
}

.product-detail-r-model2-list-i-img>img {
    object-fit: cover;
}

.product-detail-r-model2-list-i-con {
    width: 55%;
    padding: 1rem 0;
}

.product-detail-r-model2-list-i-con .t1 {
    font-size: 24px;
    color: #000000;
    line-height: 48px;
}

.product-detail-r-model2-list-i-con .t2 {
    font-size: 14px;
    color: #000000;
    line-height: 28px;
    margin-top: .4rem;
}

.product-detail-r-model2-list-i {
    padding: .3rem 40px;
}

.product-detail-r-model2-list-i:nth-child(even) {
    display: flex;
    flex-direction: row-reverse
}

.product-detail-r-model2-list {
    padding: .3rem 0;
}

.product-detail-r-model3 .row {
    padding: .6rem .3rem;
    padding-right: 0;
}

.product-detail-comment .left .t1 {
    font-size: 16px;
    color: #000000;
    line-height: 16px;
    margin: .1rem 0;
}

.product-detail-comment .left {
    width: 30%;
}

.product-detail-comment .left .schedule {
    margin-top: .49rem;
}

.product-detail-comment .left .schedule .schedule-i {
    margin: 30px 0;
}

.product-detail-comment .left .schedule .schedule-i .uk-progress {
    margin: 0 .15rem;
}

.product-detail-comment-list {
    width: 65%;
}

.product-detail-comment-list-i {
    padding: 0 10px;
    padding-bottom: .31rem;
    margin-bottom: .31rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.product-detail-comment-list-i .a>img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: .18rem;
}

.product-detail-comment-list-i .a>p {
    font-size: 16px;
    color: #000000;
}

.product-detail-comment-list-i .b {
    margin-top: .25rem;
}

.product-detail-comment-list-i .c {
    margin-top: .2rem;
    font-size: 14px;
    color: rgba(0, 0, 0, .6);
    line-height: 16px;
}

.product-detail-comment-list-i .c i {
    margin: 0 5px;
}

.product-detail-comment-list-i .d {
    margin-top: .22rem;
}

.product-detail-comment-list-i .e {
    margin-top: .26rem;
    margin-left: -10px;
}

.product-detail-comment-list-i .e .e-i {
    max-width: 1rem;
    width: calc(100% / 5);
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-left: 10px;
}

.product-detail-comment-list-i .f {
    font-size: 16px;
    color: rgba(0, 0, 0, .6);
    line-height: 19px;
    margin-top: .25rem;
}

.product-detail-comment-list .pages {
    margin-top: .5rem;
}

.product-detail-comment-btn {
    width: max-content;
    height: 38px;
    padding: 0 .3rem;
    border-radius: 20px 20px 20px 20px;
    border: 1px solid #000000;
    font-size: 14px;
    color: #000000;
    line-height: 38px;
}

.product-detail-comment-btn>img {
    margin-left: 15px;
}

.product-detail-r-model5-r,
.product-detail-r-model4-r {
    padding: .5rem .21rem;
}

.product-detail-r-model3 .product-detail-comment-list-i:last-child {
    border-bottom: none;
}

.product-detail-r-shop,
.product-detail-r-video {
    width: 90%;
}

.product-detail-r-video-i-img {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 20px 20px 20px 20px;
    position: relative;
}

.product-detail-r-model5 .product-model4-list-i {
    margin-bottom: 0;
}

.product-detail-r-video-i-img::after {
    width: .52rem;
    height: .52rem;
    background: url(../images/video.png)no-repeat;
    background-size: contain;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.product-detail-r-video-i .t1 {
    font-size: 16px;
    color: #000000;
    line-height: 22px;
    text-align: center;
    margin-top: .34rem;
}

.product-detail-comment-box-title {
    font-size: 24px;
    color: #000000;
    font-weight: bold;
    line-height: 28px;
    margin: .53rem 0 .4rem;
}

.product-detail-order>.t1 {
    font-weight: bold;
    font-size: 28px;
    color: #000000;
    line-height: 48px;
}

.product-detail-order-table .member-order-list-img {
    width: 120px;
    height: 120px;
    margin-left: 20px;
}

.product-detail-order-addnum .a {
    width: 40px;
    height: 40px;
    border: 1px solid #C8C8C8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-detail-order-addnum .b {
    width: 60px;
    height: 40px;
    border-top: 1px solid #C8C8C8;
    border-bottom: 1px solid #C8C8C8;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 10px;
}

.product-detail-order-addnum.cur .b,
.product-detail-order-addnum.cur .a {
    border: none;
}

.product-detail-order-table .member-order-list tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.member-order-list-input {
    min-width: 16px;
}

.product-detail-order-table tr:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.product-detail-order-item {
    padding: 24px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.product-detail-order-item>.t1 {
    font-size: 16px;
    color: #000000;
    line-height: 22px;
    margin-bottom: .21rem;
    padding-left: 52px;
}

.product-detail-order-item-i .member-pwd-i {
    border-radius: 8px 8px 8px 8px;
    margin: 0;
}

.product-detail-order-item-i-l {
    min-width: 52px
}

.product-detail-order-item-i-l input {
    margin: auto;
    display: block;
}

.product-detail-order-item-i {
    width: 40%;
    margin-bottom: 20px;
}

.product-detail-order-item-i-info {
    padding-left: .27rem;
}

.product-detail-order-info-b {
    padding: 0 50px;
}

.product-detail-order-info {
    font-size: 16px;
    color: #000000;
    line-height: 19px;
    margin-bottom: .15rem;
}

.product-detail-order-info:last-child {
    margin-bottom: 0;
}

.product-detail-order-info span:first-child {
    min-width: 140px;
    margin-right: .27rem;
    text-align: right;
}

.product-detail-order-info span:last-child {
    min-width: 70px;
    text-align: right;
}

.product-detail-order-info .gold {
    color: #D93C00;
}

.product-detail-order-item-btn {
    max-width: 500px;
    width: 100%;
    height: 50px;
    background: #DC3C00;
    border-radius: 30px 30px 30px 30px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 50px;
    text-align: center;
    margin-top: 30px;
}

.product-detail-order-recommend {
    margin-top: 2.5rem;
}

.product-detail-order-recommend .row {
    margin-top: .6rem;
    margin-left: -23px;
}

.product-detail-order-item-i-invoice-i {
    margin-left: 40px;
    font-size: 14px;
    color: #000000;
    line-height: 22px;
}

.product-detail-order-item-i-invoice-i .t1 {
    color: #0B80E0;
    margin-left: 22px;
}

.payment-b,
.shop-information-b {
    padding: .35rem .5rem;
}

.shop-information-b .t1 {
    font-size: 28px;
    color: #000000;
    line-height: 48px;
    font-weight: 600;
}

.shop-information-b-add {
    margin-top: .58rem;
    padding: 0 .18rem;
}

.shop-information-b-add-i.cur .shop-information-b-add-i-img .i1,
.shop-information-b-add-i-img .i2 {
    display: none;
}

.shop-information-b-add-i.cur .shop-information-b-add-i-img .i2 {
    display: block;
}

.shop-information-b-add-i.cur .shop-information-b-add-i-con {
    border-color: #18413E;
}

.shop-information-b-add-i.cur .shop-information-b-add-i-con .a .a-i {
    color: #18413E;
}

.shop-information-b-add-i-con {
    max-width: 80%;
    padding: 14px 35px;
    width: auto;
    height: auto;
    min-height: 70px;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
}

.shop-information-b-add-i-img {
    margin-right: 21px;
}

.shop-information-b-add-i-img>img {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    object-fit: contain;
}

.shop-information-b-add-i-con .b,
.shop-information-b-add-i-con .a {
    width: 100%;
    height: 100%;
}

.shop-information-b-add-i-con .a .a-i {
    font-weight: normal;
    font-size: 16px;
    color: #000000;
    margin-right: .29rem;
}

.shop-information-b-add-i-con .a .a-i:last-child {}

.shop-information-b-add-i {
    margin-bottom: 20px;
}

.shop-information-b-add-i-con .b {
    font-size: 16px;
    color: #000000;
}

.shop-information-b-add-btn {
    width: 360px;
    height: 50px;
    background: #DC3C00;
    border-radius: 30px 30px 30px 30px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 50px;
    text-align: center;
    margin-top: 50px;
    margin-left: 40px;
}

.add-modal-box>.t1 {
    font-weight: 500;
    font-size: 20px;
    color: #18413E;
    text-align: center;
}

.add-modal-box-r {
    margin-top: 44px;
}

.add-modal-box-r-i-input {
    width: 100%;
    margin-left: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    border-radius: 30px 30px 30px 30px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #000000;
    height: 40px;
    padding: 0 15px;
}

.add-modal-box-r-i-input>i {
    color: #E51E21;
}

.add-modal-box-r-i-input>span {
    margin-left: 10px;
    white-space: nowrap;
}

.add-modal-box-r-i-input>.inputs {
    width: 100%;
    height: 100%;
    padding: 0 10px;
}

.add-modal-box-r-i-input:last-child {
    margin-right: 0;
}

.add-modal-box-r-btn {
    margin: .4rem 0;
}

.add-modal-box-r-btn-i {
    width: 3rem;
    height: 40px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 30px 30px 30px 30px;
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    line-height: 40px;
    text-align: center;
    margin: 0 20px;
}

.add-modal-box-r-btn-i.a {
    background: #18413E;
    color: #F8F8F8;
}

.payment-info-i {
    font-size: 16px;
    color: #000000;
    margin-bottom: .25rem;
}

.payment-info-i>span:first-child {
    min-width: 150px;
    text-align: right;
    margin-right: .28rem;
}

.payment-info {
    margin-top: .51rem;
}

.payment-b>.t1 {
    font-weight: bold;
    font-size: 28px;
    color: #000000;
}

.payment-tip {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    line-height: 34px;
    margin: .5rem 0 0 .5rem;
}

.payment-tip .gold {
    font-size: 24px;
    color: #D93C00;
    font-weight: bold;
    line-height: 34px;
    margin: 0 10px;
}


.payment-tip-show:hover .payment-tip-show-r {
    display: block;
}

.payment-tip-show-r {
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
    width: auto;
    display: none;
    padding: 20px 27px;
    background: #FFFFFF;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
}

.payment-tip-show-r::before {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #ffffff;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    content: '';
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.payment-tip-show-r-i {
    margin-bottom: 10px;
}

.payment-tip-show-r-i span {
    font-size: 12px;
    color: #000000;
    line-height: 14px;
    font-weight: 700;
}

.payment-tip-show-r-i span:first-child {
    min-width: 130px;
    text-align: right;
    margin-right: 27px;
}

.payment-tip-show-r-i span:last-child {
    text-align: left;
}

.payment-tip-show-r-i .discount {
    color: #18413E;
}


.payment-tip-show-r-i .preferential {
    color: #D93C00;
}

.payment-of>.t1 {
    font-weight: bold;
    font-size: 25px;
    color: #000000;
}

.payment-of-list {
    margin-top: .3rem;
}

.payment-of-info-top .t1 {
    font-weight: 700;
    font-size: 16px;
    color: #000;
    line-height: 22px;
    margin-left: 27px;
}

.payment-of-info>.t2 {
    font-weight: 500;
    font-size: 14px;
    color: #000;
    line-height: 22px;
    text-align: left;
    margin-top: 24px;
}

.shop-information-b-add-i.cur .payment-of-info>.t2,
.shop-information-b-add-i.cur .payment-of-info-top .t1 {
    color: #18413E;
}

.payment-of-info {
    padding-top: 4px;
    padding-bottom: 4px;
}


.payment-of-list .shop-information-b-add-i .shop-information-b-add-i-con {
    width: 100%;
}

.payment-state {
    padding: 1rem 0 2rem;
}

.payment-state .row {
    width: auto;
    display: block;
    margin: auto;
}

.payment-state .row>img {
    width: 1rem;
    display: block;
    margin: auto;
}

.payment-state .row .t1 {
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    text-align: center;
    margin: .5rem 0 .29rem;
}

.payment-state .row .t2 {
    font-size: 16px;
    color: #000000;
    line-height: 19px;
    text-align: center;
}

.payment-state-btn-i {
    width: 180px;
    height: 38px;
    border-radius: 20px 20px 20px 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    line-height: 38px;
    text-align: center;
    margin: 0 10px;
}

.payment-state-btn {
    margin-top: .4rem;
}

.fixed-input-btn {
    width: max-content;
    height: 40px;
    background: rgb(24, 65, 62);
    border-radius: 20px;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    padding: 0 1.73rem;
}

.product-model2-info-left-swiper-i .left .left-img {
    width: 1.4rem;
}

.product-car {
    padding: .64rem 0 0;
}

.product-car img {
    width: 2.10rem;
    height: 2.1rem;
    object-fit: contain;
    margin: auto;
    display: block;
}

.product-car .t1 {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.5);
    line-height: 25px;
    text-align: center;
    margin-top: .58rem;
}

.product-car .t1 a {
    color: #DC3C00;
}


/* 24/10/29 */
.product-share {
    cursor: pointer;
}

.a-color-base {
    font-size: 14px;
}

.a-popover {
    position: absolute !important;
    top: 30px;
    left: 50%;
    display: none;
    transform: translateX(-50%);
    z-index: 99999;
    padding: 8px;
    background: #fff;
    max-width: 440px
}


.a-popover-wrapper {
    overflow: hidden;
    border: 1px solid #bbbfbf;
    border-color: #bbbfbf;
    height: 100%;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(15, 17, 17, .15);
    background-color: #fff
}

.a-popover-inner {
    background-color: #fff;
    text-align: left;
    overflow-x: hidden
}

.a-popover-inner.a-padding-none .a-button-close {
    margin: 0
}

.a-popover-inner dl:last-child,
.a-popover-inner ol:last-child,
.a-popover-inner p:last-child,
.a-popover-inner ul:last-child {
    margin-bottom: 0
}

.a-popover.a-arrow-top .a-arrow {
    border-top-color: #fff
}

.a-popover.a-arrow-right .a-arrow {
    border-right-color: #fff
}

.a-popover.a-arrow-bottom .a-arrow {
    border-bottom-color: #fff
}

.a-popover.a-arrow-left .a-arrow {
    border-left-color: #fff
}

.a-popover .a-arrow,
.a-popover .a-arrow-border {
    border: 8px solid transparent
}

.a-popover .a-arrow {
    width: 0;
    height: 0;
    position: absolute;
    display: block;
    z-index: 1011
}

.a-popover .a-arrow-border {
    position: absolute
}

.a-popover.a-arrow-right .a-arrow-border {
    left: 0;
    margin-top: -8px;
    border-left: 0;
    border-right-color: #bbbfbf
}

.a-popover.a-arrow-right .a-arrow {
    top: -8px;
    left: 1px;
    border-left: 0
}

.a-popover.a-arrow-left .a-arrow-border {
    right: 0;
    margin-top: -8px;
    border-right: 0;
    border-left-color: #bbbfbf
}

.a-popover.a-arrow-left .a-arrow {
    top: -8px;
    right: 1px;
    border-right: 0
}

.a-popover.a-arrow-top .a-arrow-border {
    bottom: 0;
    margin-left: -8px;
    border-bottom: 0;
    border-top-color: #bbbfbf
}

.a-popover.a-arrow-top .a-arrow {
    bottom: 1px;
    right: -8px;
    border-bottom: 0
}

.a-popover.a-arrow-bottom .a-arrow-border {
    top: 0;
    margin-left: -8px;
    border-top: 0;
    border-bottom-color: #bbbfbf
}

.a-popover.a-arrow-bottom .a-arrow {
    top: 1px;
    right: -8px;
    border-top: 0
}

.a-popover:focus {
    outline: 0
}

.a-popover .a-popover-a11y-offscreen {
    opacity: 0;
    overflow: hidden !important;
    display: block !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    position: absolute !important;
    left: 0 !important
}

.a-popover .a-popover-start {
    top: 1px !important
}

.a-popover .a-popover-end {
    bottom: 1px !important
}

.a-popover-trigger:hover {
    cursor: pointer
}

.a-popover-trigger:hover .a-icon-popover {
    opacity: .85
}

.a-popover-trigger {
    display: inline-block
}

.a-popover-trigger:focus {
    background-color: transparent;
    border-radius: 5px;
    outline: 3px solid #007185;
    outline-offset: 2px
}

.a-popover-trigger .a-icon-popover {
    vertical-align: text-top
}

#amznStoresBylineLogoTextContainer {
    margin-left: 8px
}

#amznStoresBylineLogoImageContainer {
    flex-shrink: 0
}

#amznStoresBylineLogoImage {
    border-radius: 50%;
    border: 1px solid #f0f0f0
}

.amznStoresTruncateSingleLine {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

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

/* ******** */

.link-section,
.ssf-channel {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ssf-channel-v {
    padding: .5em
}

.ssf-channel-v:not(:last-child) {
    border-bottom: 1px #ddd solid
}

.ssf-channel-v span {
    margin-left: .5em
}

.ssf-channel-v a {
    display: block;
    word-break: break-all
}

.ssf-channel-h i,
.ssf-channel-v i {
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}


.layui-input-affix {
    position: relative !important;
    line-height: inherit !important;
}

.login-i .layui-input-wrap {
    position: relative;
    line-height: inherit !important;
    display: flex;
    align-items: center;
}

.swal-button--confirm {
    background-color: #DC3C00 !important;
}

/*  new  */
@media (max-width:1700px) {
    .product-model1-list-i .t1 {
        margin-top: .2rem;
    }

    .product-model1-list-i {
        width: calc(100% / 6);
        margin-bottom: 20px;
    }

    .product-list-con>.row {
        width: calc(100% - 2rem);
    }

    .case-b,
    .public-row,
    .public-banner-nav,
    .public-tobody {
        padding-left: 20px;
        padding-right: 20px;
    }

    .mauto {
        width: 98%;
    }

    .coupon-b .coupon-i {
        width: calc(100% / 3);
    }
}

@media (max-width:1500px) {
    nav ul li {
        min-width: 80px;
        margin: 0 .2rem;
    }

    .public-menu-i {
        padding: 22px .4rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .public-banner-info .t2 {
        font-size: 60px;
        line-height: 70px;
    }


}

@media (max-width:1400px) {
    .public-con {
        padding: 0 !important;
    }

    .wrap {
        padding-left: .2rem;
        padding-right: .2rem;
    }

    nav ul li {
        min-width: 70px;
    }

    .comment-b-list-i-l {
        width: 25%;
    }

    .comment-b-list-i-r {
        width: 70%;
        margin-left: 5%;
    }
}

@media (max-width:1350px) {
    .home-model3-info {
        right: 3%;
    }

    .logo {
        margin-right: .3rem;
    }

    .coupon-b .coupon-i {
        width: calc(100% / 2);
    }
}

@media (max-width:1300px) {
    nav ul li {
        margin: 0 .2rem;
    }

    .public-footer {
        padding-left: .2rem;
        padding-right: .2rem;
    }
}

@media (max-width:1280px) {
    .product-detail-r-recommend>.row {
        padding: .35rem .5rem;
    }

    .product-detail-r-top-right {
        width: 34%;
        padding: 0 .2rem;
    }

    .product-detail-r-top-right .row .row-right {
        right: -30px;
    }

    .product-detail-r {
        padding: .51rem 30px;
    }

    .case-i:nth-child(even) {
        padding-top: 1rem;
        padding-left: 1rem;
    }

    .case-i:nth-child(odd) {
        padding-right: 1rem;
    }

    .product-model2-info-right-i {
        margin-top: 20px;
    }

    .product-model2-info-right,
    .product-model2-info-left {
        width: 100%;
    }

    .product-model2-info {
        display: block;
    }

    .product-model1-list-i {
        width: calc(100% / 5);
        margin-bottom: 20px;
    }

    .public-banner-info .t2 {
        font-size: 50px;
        line-height: 60px;
    }

    .product-list-con>.row {
        width: calc(100% - 1rem);
    }

    .product-detail-order-item-i {
        width: 60%;
    }

    .public-menu-i {
        padding: 22px 30px;
    }

    .case-detail .bottom .bottom-row-page {
        padding-left: .5rem;
        padding-right: .5rem;
    }

    .case-detail .bottom .bottom-row-b {
        padding: .8rem .5rem;
    }

    .nav-menu-b {
        margin-left: .1rem;
    }

    .row-right-i-child-list {
        width: 52vw;
    }

    .public-footer .bottom .list {
        width: 60%;
    }


    .Shipping-b {
        padding: .3rem .5rem .6rem;
    }
}

@media (max-width:1200px) {
    nav ul li {
        margin: 0 0.1rem;
    }
}

@media (max-width:1200px) {
    .product-detail-a-i {
        height: auto !important;
    }

    .product-detail-r-top-right .row .row-left {
        width: calc(100% - 3.5rem);
    }

    .product-detail-r-top-right .row {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .product-detail-r-top-right .row .row-right {
        position: static;
    }

    .product-detail-r-top-right {
        margin-top: 30px;
        padding: 0;
    }

    .product-detail-a {
        height: auto;
    }

    .product-detail-r-top-right,
    .product-detail-r-top-left {
        width: 100%;
    }

    .product-detail-r-top {
        display: block;
        max-height: none;
    }

    .product-b-menu-i {
        min-width: max-content;
        margin-right: 30px;
    }

    .product-b-menu .row {
        overflow-x: scroll;
        display: flex;
        justify-content: flex-start;
    }

    .product-model4-list-i {
        width: calc(100% / 3);
    }

    .product-detail-comment-list {
        margin-top: 20px;
    }

    .product-detail-comment .left,
    .product-detail-comment-list {
        width: 100%;
    }

    .product-detail-comment-box-title {
        margin: .4rem 0;
    }

    .product-detail-comment .left .schedule {
        margin-top: .4rem;
    }

    .product-detail-comment {
        display: block;
    }

    .product-detail-order-recommend {
        margin-top: 1.5rem;
    }

    .product-detail-r {
        padding: .51rem 20px;
    }

    .coupon-b .coupon-i .row .coupon-i-l {
        padding: .17rem 30px;
        padding-right: 10px;
    }

    .member-statement table,
    .member-order-list table {
        min-width: 1200px;
    }


    .member-statement,
    .member-order-list-r {
        overflow-x: scroll;
    }

    .member-b .left {
        padding: 20px 0;
    }

    .member-b .right {
        margin-top: 20px;
    }

    .member-b .right,
    .member-b .left {
        width: 100%;
    }

    .member-b {
        display: block;
    }

    .business-b .business-img .t1 {
        font-size: 40px;
    }

    .public-top {
        padding-top: 0;
    }

    .h-model5 {
        padding: 1rem 0 .5rem;
    }

    .h-model5>.t1 {
        display: none;
    }

    .h-model5-i .right {
        margin-top: 20px;
        padding: 0;
    }

    .h-model5-i .left img,
    .h-model5-i .right,
    .h-model5-i .left {
        width: 100%;
    }

    .h-model5-i {
        display: block;
    }

    .home-swiper {
        padding-top: 0 !important;
    }

    .model2-swiper-i {
        display: block;
    }

    .model2-swiper-i .right,
    .model2-swiper-i .left {
        width: 100%;
    }

    .model2-swiper {
        margin: .5rem 0 0;
    }

    .model2-swiper-i .right .right-row {
        width: 100%;
    }

    .model2-swiper-i .right .right-row .t2 {
        font-size: 16px;
        color: #000000;
        line-height: 30px;
        margin: .2rem 0;
    }

    .model2-swiper-i .left>img {
        min-height: 3rem;
    }

    .h-model1 {
        padding: .5rem 0;
    }

    .h-model1-con {
        padding-top: .3rem;
    }

}

@media (max-width:1100px) {
    nav ul li {
        min-width: 80px;
    }

    nav ul li {
        margin: 0;
    }
}

@media (max-width:1024px) {
    .member-acc-menu .member-order-filter {
        border-bottom: none !important
    }

    .product-detail-r-model2-list-i-con .t1 {
        line-height: 30px;
    }

    .product-detail-r-model2-list-i-con .t2 {
        margin-top: .2rem;
    }

    .product-detail-r-model2-list-i-con {
        width: 100%;
        padding: .3rem 0;
    }

    .product-detail-r-model2-list-i-img {
        width: 100%;
    }

    .product-detail-r-model2-list-i:nth-child(even),
    .product-detail-r-model2-list-i {
        display: block;
    }

    .product-detail-r-menu-i {
        min-width: max-content;
    }

    .product-detail-r-menu {
        display: flex;
        justify-content: flex-start;
        overflow-x: scroll;
    }

    .product-detail-r-recommend-list-b {
        width: calc(90% - 2rem);
    }

    .product-detail-r-recommend-img {
        width: 2rem;
    }

    .case-i .case-con .t1 {
        font-size: 24px;
        line-height: 30px;
        margin: .2rem 0;
    }

    .case-i:nth-child(even) {
        padding-top: .5rem;
        padding-left: .5rem;
    }

    .case-i:nth-child(odd) {
        padding-right: .5rem;
    }

    .public-nav {
        padding-top: .2rem;
        padding-bottom: .2rem;
    }

    .case-detail .bottom .bottom-row-i:last-child {
        margin-bottom: 0;
    }

    .case-detail .bottom .bottom-row-i {
        margin-bottom: .5rem;
    }

    .case-detail .bottom .bottom-row-con .t1 {
        font-size: 30px;
    }

    .case-detail .bottom .bottom-row-con .t2 {
        margin-top: 20px;
    }

    .case-detail .bottom .bottom-row-img {
        margin: auto;
    }

    .case-detail .bottom .bottom-row-con {
        width: 100%;
        margin-top: 20px;
    }

    .case-detail .bottom .bottom-row-i:nth-child(even),
    .case-detail .bottom .bottom-row-i {
        display: block;
    }

    .product-model4-menu {
        overflow-x: scroll;
        display: flex;
        justify-content: flex-start;
    }

    .product-model3-swiper .swiper-pagination {
        margin-top: .5rem !important;
    }

    .product-model1-list-i {
        width: calc(100% / 4);
    }

    .product-list-menu-i {
        margin: 0 .2rem;
        min-width: max-content;
    }

    .public-banner-info .t2 {
        font-size: 30px;
        line-height: normal;
    }

    .shop-information-b-add-i-con {
        max-width: 100%;
    }

    .product-detail-order-recommend {
        margin-top: 1rem;
    }

    .product-detail-order-recommend .row {
        margin-top: .5rem;
    }

    .product-model4-list-i-con {
        padding: .2rem 0;
    }

    .product-model4-list-i-con .t1 {
        margin-top: .2rem;
    }

    .product-model4-list-i-img-icon,
    .product-model3-swiper-i-img-icon,
    .product-model2-info-right-i .right .right-img-icon,
    .product-model2-info-left-swiper-i .right .right-img-icon {
        top: .15rem;
        left: .15rem;
        width: .6rem;
    }

    .product-top>.t1 {
        font-size: 20px;
        line-height: 43px;
        height: 45px;
    }

    .product-detail-order-item-i {
        width: 100%;
    }

    .member-order-filter {
        border-bottom: none;
    }

    .comment-b-list-i:last-child {
        margin-bottom: 0;
    }

    .comment-b-list-i-l {
        width:
            100%;
    }

    .comment-b-list-i-r {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }

    .comment-b-list-i {
        display: block;
    }

    .comment-b-list {
        padding: 0 .16rem .5rem;
        margin-top: .5rem;
    }

    .comment-b>.t2 {
        margin-top: .5rem;
    }

    .member-add-list-i-left .a span {
        width: 100% !important;
        margin: 5px 0;
    }

    .member-add-list-i-left {
        height: auto;
    }

    .member-add-list-i-left .a {
        display: block;
    }

    .contact-b-msg {
        padding-top: .5rem;
    }

    .contact-b-map-info-i .row {
        padding: 20px;
    }

    .contact-b-map-info-i {
        width: 49%;
    }

    .contact-b-map-info {
        padding: .5rem .3rem;
    }

    .brand-model4-i .info .t1 {
        font-size: 30px;
    }

    .brand-model1 .top .right,
    .brand-model1 .top .left {
        width: 100%;
    }

    .brand-model1 .top .right {
        margin-top: 20px;
        padding-left: 0;
    }

    .brand-model1 .top {
        display: block;
        padding: .5rem 0;
    }

    .member-b .left .left-i {
        padding: .15rem .2rem;
        margin-bottom: 5px;
    }

    .member-b .right {
        padding: .4rem 20px;
    }

    .about-b {
        padding: .5rem 20px .5rem;
    }

    .certificate-i {
        width: calc(100% / 3);
        padding-left: 30px;
        margin-bottom: .5rem;
    }

    .certificate-b {
        margin-top: .5rem;
        margin-left: -30px;
    }

    .business-b .business-img .t1 {
        font-size: 30px;
    }

    .public-menu-i {
        min-width: max-content;
        padding: 20px;
    }

    .public-menu {
        display: flex;
        justify-content: flex-start;
        overflow-x: auto;
    }

    .case-detail .bottom .bottom-row>.t1 {
        padding-bottom: .5rem;
    }

    .case-detail .bottom .bottom-row-page {
        padding-left: .3rem;
        padding-right: .3rem;
    }

    .case-detail .bottom .bottom-row-b {
        padding: .5rem .3rem;
    }

    .case-detail .bottom .bottom-row {
        padding: .5rem;
    }

    .Shipping-b {
        padding: .3rem .5rem .5rem;
    }



    .h-model5 {
        padding: .5rem 0 .5rem;
    }

    .public-tops {
        display: flex;
        flex-wrap: wrap;
    }

    .public-tops .right {
        display: flex;
        flex-wrap: wrap;
    }

    .fixed-b-i-r {
        min-width: 6.5rem;
    }

    .public-footer .bottom .list {
        display: none;
    }

    .public-footer .bottom {
        padding: .39rem .3rem .5rem;
    }

    .h-model1-img,
    .h-model1-img>img {
        min-height: 4rem;
        max-height: 4rem;
    }

    .public-tops .left .t1 {
        font-size: 30px;
    }

    .model4-con-r {
        display: flex;
        justify-content: space-between;
    }

    .model4-con-i {
        width: 32%;
    }

    .h-model6-list,
    .model4-con-b {
        margin-top: .5rem;
    }

    .h-model6,
    .h-model2,
    .h-model4 {
        padding: .5rem 0;
    }

    .h-model6 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .public-tops .right .right-i {
        display: flex;
        flex-wrap: wrap;
    }

    .public-more1 {
        margin-top: 15px;
    }

    .h-model5-i .right .right-a>.t1 {
        font-size: 30px;
    }

    .public-banner-info .t1 {
        font-size: 30px;
    }

    .news-b-list {
        margin-top: .5rem;
    }

    .member-acc-menu .row {
        overflow-x: auto;
    }

    .member-acc-menu .member-acc-menu-i {
        min-width: calc(100% / 4);
    }

    .brand-model2 {
        padding: .5rem 20px;
    }

    .brand-model4-i:nth-child(even),
    .brand-model4-i {
        display: block;
    }

    .brand-model4-img,
    .brand-model4-i .info {
        width: 100%;
    }

    .brand-model4-img {
        margin-top: .3rem;
    }

    .brand-model4-i .info,
    .brand-model4-i:nth-child(even) .info {
        margin-top: 0;
        padding: 0;
    }

    .brand-model4-i {
        padding: 0 0 .5rem;
    }

    .brand-model4-img .items:last-child {
        margin-top: 1rem;
    }

    .member-acc-menu {
        display: flex;
        flex-wrap: wrap;
    }

    .invoice-page-b {
        display: block;
    }

    .invoice-page-b-info {
        margin-bottom: 20px;
    }

    .case-b {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
}

@media (max-width:980px) {
    .product-model4-list-i {
        width: calc(100% / 2);
        padding-left: 23px;
        margin-bottom: .6rem;
    }

    .product-top::after,
    .product-top::before {
        display: none;
    }

    .product-detail-r-recommend>.row {
        display: block;
    }

    .product-detail-r-recommend-list-b {
        width: 100%;
    }

    .product-detail-r-recommend-img {
        margin: auto;
    }

    .product-detail-r-recommend>.row {
        padding: .35rem 20px;
    }

}

@media (max-width:768px) {
    .product-detail-r-model5-r {
        padding-bottom: 0;
    }

    .product-detail-comment-btn {
        margin: auto;
    }

    .product-detail-r-model2-list-i-con .t1 {
        font-size: 20px;
    }

    .product-detail-r-model2-list-i-con .t2 {
        margin-top: .1rem;
    }

    .product-detail-r-model3 .row,
    .product-detail-r-model2-list-i-con {
        padding: .2rem 0;
    }

    .product-detail-r-model2-list-i {
        padding: 0 0px .2rem;
    }

    .product-detail-r-model1-con {
        padding: 30px 0px;
    }

    .product-detail-r-model-top {
        font-size: 18px;
    }

    .product-detail-r-menu {
        margin: .3rem 0 .4rem;
    }

    .product-detail-r-recommend-img>img,
    .product-detail-r-recommend-img {
        width: 100%;
    }

    .product-detail-r-recommend {
        margin-top: .3rem;
    }

    .product-detail-r-top-right .row .row-right .bottom-gold {
        margin: .3rem 0 .4rem;
    }

    .product-detail-r-top-right .row .row-right .t2 {
        margin: .12rem 0 .2rem;
    }

    .product-detail-r-top-right .row .row-right {
        padding: .3rem 20px;
    }

    .product-detail-r-top-right .row .row-left .bottom .bottom-specs {
        margin: .2rem 0 .3rem;
    }

    .product-detail-r-top-right .row .row-left .bottom {
        padding: .2rem 10px;
    }

    .product-detail-r-top-right .row .row-left .top .t2 {
        margin: .2rem 0 .1rem;
    }

    .product-detail-r-top-right .row .row-right {
        max-width: none;
    }

    .product-detail-r-top-right .row .row-left {
        width: 100%;
    }

    .case-i .case-con .t1 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .product-detail-r-top-right .row,
    .case-b {
        display: block;
    }

    .case-i:nth-child(odd),
    .case-i:nth-child(even) {
        padding: 0;
        border: none;
    }

    .case-i {
        margin-bottom: 30px;
    }

    .case-i,
    .case-detail .bottom .bottom-row-img {
        width:
            100%;
    }

    .case-detail .bottom .bottom-row-page .left>.t1 {
        margin-bottom: .15rem;
    }

    .case-detail .bottom .bottom-row-con .t2 {
        margin-top: 10px;
    }

    .case-detail .bottom .bottom-row-con .t1 {
        font-size: 20px;
        line-height: normal;
    }

    .product-model3-swiper-i-con {
        padding: .2rem 20px;
        text-align: center;
    }

    .product-model4-list-b,
    .product-model3-swiper .swiper-pagination {
        margin-top: .3rem !important;
    }

    .product-model2-info-right-i .left .t1,
    .product-model2-info-left-swiper-i .left .left-con .t1 {
        font-size: 18px;
        line-height: normal;
    }

    .product-model2-info-left-swiper-i .right .right-img,
    .product-model2-info-right-i .right .right-img {
        width: 100%;
    }

    .product-model2-info-right-i .left .t2 {
        margin-top: 10px;
    }

    .product-model2-info-right-i {
        padding: 20px;
        display: flex;
        flex-direction: column-reverse;
    }

    .product-model2-info {
        margin-top: .3rem;
    }

    .product-model2-info-left-swiper .swiper-pagination {
        margin: auto;
        margin-top: .4rem;
        padding-left: 0;
    }

    .product-model2-info-right-i .left,
    .product-model2-info-left-swiper-i .left {
        margin-top: 20px;
    }

    .product-model2-info-left-swiper-i .left .left-con {
        padding: 0;
    }

    .product-more,
    .product-model2-info-left-swiper-i .left .left-con .t2 {
        margin-top: .2rem;
    }

    .product-model2-info-left-swiper-i .left .left-con .t1 {
        font-size: 20px;
        line-height: 30px;
    }

    .product-model2-info-right-i .right,
    .product-model2-info-left-swiper-i .right {
        width: auto;
        margin: auto;
    }

    .product-model2-info-right-i .left,
    .product-model2-info-left-swiper-i .left {
        width: 100%;
    }

    .product-model2-info-left-swiper-i {
        display: flex;
        flex-direction: column-reverse;
    }

    .product-model1-type-i {
        width: 100%;
        margin-top: 20px;
    }

    .product-model1-type {
        margin-top: .3rem;
        display: block;
    }

    .product-top>.t1 {
        width:
            auto;
    }

    .product-model1-list-i {
        width: calc(100% / 3);
    }

    .product-list-con>.row .pages {
        margin-top: 30px;
    }

    .public-banner-info .t3 {
        font-size: 16px;
    }

    .public-banner-info .t2 {
        font-size: 22px;
        line-height: normal;
    }

    .product-fixed-model {
        width: 55px;
    }

    .product-fixed-model>.row {
        padding: 20px .5rem 20px .3rem;
    }

    .product-fixed-model {
        position: absolute;
        z-index: 9;
        background: #fff;
    }

    .product-detail-comment-list-i {
        padding-left: 0;
        padding-right: 0;
    }

    .product-detail-comment-box-title {
        margin: .2rem 0;
    }

    .product-detail-comment-box-title {
        font-size: 20px;
    }

    .factory-swiper .swiper-button-next {
        right: 3%;
    }

    .factory-swiper .swiper-button-prev {
        left: 3%;
    }

    .factory-swiper-i .t1 {
        font-size: 14px;
        line-height: 30px;
    }

    .factory-swiper {
        margin-top: .3rem;
        height: 4rem;
    }

    .payment-tip {
        margin: .3rem 0 0 .2rem;
    }

    .payment-info-i {
        margin-bottom: .2rem;
    }

    .payment-info {
        margin-top: .2rem;
    }

    .payment-of>.t1,
    .payment-b>.t1 {
        font-size: 22px;
    }

    .payment-b,
    .shop-information-b {
        padding: .3rem 20px;
    }

    .shop-information-b-add {
        margin-top: .3rem;
        padding: 0;
    }

    .shop-information-b .t1 {
        font-size: 20px;
        line-height: normal;
    }

    .product-model4-list-i {
        margin-bottom: .3rem;
    }

    .product-top>.t1 {
        font-size: 18px;
    }

    .product-detail-order-item-btn {
        margin: auto;
        margin-top: 30px;
        display: block;
    }

    .product-detail-order-recommend {
        margin-top: .5rem;
    }

    .member-pwd-i {
        padding: 0 10px;
    }

    .product-detail-order-item-i:last-child {
        margin-bottom: 0;
    }

    .product-detail-order-item {
        padding: 24px 0 20px;
    }

    .product-detail-order-item-i-l {
        min-width: 40px;
    }

    .product-detail-order-item-i-invoice-i {
        margin-left: 20px;
    }

    .product-detail-order-info-b {
        padding: 0px;
    }

    .member-order-detail-price-btn {
        margin-top: .3rem;
    }

    .member-order-detail-top {
        width: 100%;
        padding: .3rem 0 0;
    }

    .member-order-detail-top-i {
        margin-bottom: .2rem;
    }

    .invoice-page-b {
        margin-top: .3rem;
    }

    .share-photo {
        padding: .2rem 0;
    }

    .points-b .num-b .num-r {
        font-size: 22px;
        line-height: normal;
    }

    .invoice-page-b-info-btn,
    .points-b {
        margin-top: 20px;
    }

    .points-b-tip {
        margin: 20px 0 0;
    }

    .member-pwd-msg {
        padding: 0 0px;
        margin: 10px 0;
    }

    .member-order-detail-top-i.a,
    .points-b .num-b,
    .member-pwd-r .member-pwd-i {
        width: 100%;
    }

    .points-b,
    .member-pwd-r {
        display: block;
    }

    .member-pwd-b .member-pwd-btn {
        max-width: none;
    }

    .member-pwd-con {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .comment-b-list-i {
        margin-bottom: .4rem;
    }

    .comment-b>.t1 {
        font-size: 20px;
    }

    .comment-b>.t2 {
        padding: 0;
        margin-top: .2rem;
    }

    .comment-b-list {
        padding: 0 0 .3rem;
        margin-top: .3rem;
    }

    .member-pwd-btn-b .member-pwd-btn {
        width: 45%;
    }

    .member-pwd-i {
        margin-bottom: 15px;
    }

    .member-add-edit-b {
        padding: 20px 0;
    }

    .member-pwd-btn1,
    .member-pwd-btn {
        margin-top: 20px;
    }

    .member-add-edit-b-i .member-pwd-i {
        width: 100% !important;
    }

    .member-add-edit-b-i {
        display: block;
    }

    .member-add-edit-b .t1 {
        margin-bottom: .2rem;
    }

    .member-add-list-i {
        margin-bottom: 20px;
    }

    .member-acc-con-btn {
        width: 100%;
    }

    .member-add-con-b {
        padding: .3rem 0 !important;
    }

    .member-add-list-i-left .b a:first-child {
        padding-right: 10px;
    }

    .member-add-list-i-left .b a:last-child {
        padding: 0 10px;
    }

    .member-add-list-i-left .a {
        padding: 0 10px;
    }

    .member-add-list-i-left .b {
        width: 100%;
        margin-top: 20px;
    }

    .member-add-list-i-left {
        display: block;
        padding: 5px 0 0 0;
    }

    .coupon-b .coupon-i .row .coupon-i-r .t1 .t1-num {
        font-size: 40px;
    }

    .coupon-b .coupon-i .row .coupon-i-r .t1 {
        font-size: 30px;
    }

    .member-add-list-i-left .a,
    .coupon-b .coupon-i {
        width: 100%;
    }

    .about-b img {
        margin-bottom: 0;
    }

    .contact-b-msg>.t1 {
        font-size: 20px;
        line-height: normal;
    }

    .contact-b-msg-con {
        margin-top: 20px;
    }

    .contact-b-msg-con-i-r .contact-b-msg-btn,
    .contact-b-msg-con-i-r .contact-b-msg-con-i,
    .contact-b-msg-con,
    .contact-b-msg-r .contact-b-msg-img {
        width: 100% !important;
    }

    .contact-b-msg-con-i-r .contact-b-msg-btn {
        margin-top: 20px;
    }

    .contact-b-msg-con-i-r,
    .contact-b-msg-r {
        display: block;
    }

    .contact-b-msg>.t2 {
        line-height: 26px;
        margin: .2rem 0 .3rem;
    }

    .contact-b-msg,
    .contact-b {
        padding-top: .3rem;
    }

    .contact-b-map-info {
        display: block;
    }

    .contact-b-map-info-i {
        width: 100%;
        margin-bottom: 20px;
    }

    .contact-b-map-info-i:last-child {
        margin-bottom: 0;
    }

    .brand-model4-i .info .t1 {
        line-height: 30px;
    }

    .contact-b-map-info,
    .brand-model4 {
        padding: .3rem 20px;
    }

    .brand-model4-img {
        margin-top: 20px;
    }

    .brand-model4-i {
        padding: 0 0 .3rem;
    }

    .brand-model4-i:nth-child(even) .brand-model4-img .items:first-child {
        margin: 0 0 20px;
    }

    .brand-model4-img .items:last-child {
        margin-top: 20px;
    }

    .brand-model4-i:nth-child(even) .brand-model4-img,
    .brand-model4-img .items:last-child,
    .brand-model4-img .items.a {
        width: 100%;
    }

    .brand-model4-img .items {
        margin: 0;
    }

    .brand-model4-i:nth-child(even) .brand-model4-img,
    .brand-model4-img {
        display: block;
    }

    .brand-model4-i .info .t2 {
        margin: .15rem 0 .2rem;
    }

    .brand-model4-i .info .t1,
    .brand-model2 .top .t1 {
        font-size: 20px;
    }

    .brand-model2-next,
    .brand-model2-prev {
        width: 40px;
        height: 40px;
        margin-left: .3rem;
    }

    .brand-model2-con .t1 {
        font-size: 18px;
        margin-top: .15rem;
    }

    .brand-model2-swiper {
        margin-top: .3rem;
    }

    .brand-model2 {
        padding: .3rem 20px;
    }

    .brand-model1 .top .right {
        line-height: 30px;
    }

    .brand-model1 .top {
        display: block;
        padding: 0 0 .2rem;
    }

    .member-order-filter {
        margin-top: 20px;
        display: block;
    }

    .member-order-filter>div {
        margin-bottom: 20px;
    }

    .member-order-filter>div:last-child {
        margin-bottom: 0;
    }

    .member-add-edit-t {
        padding: 0;
    }

    .member-statement {
        padding: 20px 0;
    }

    .member-b .right {
        padding: .3rem 20px;
    }

    .member-order-list {
        padding: .35rem 0 .5rem;
    }

    .member-order-filter .time,
    .member-order-filter .search,
    .member-order-filter {
        width: 100%;
    }

    .member-order-filter .search {
        margin-left: 0;
    }

    .member-order {
        display: flex;
        flex-wrap: wrap;
    }

    .member-order>.t1 {
        font-size: 20px;
    }

    .member-acc-con-i>img {
        margin-top: 6px;
    }

    .member-acc-con-i .t1,
    .member-acc-con-i .t2 {
        line-height: 30px;
    }

    .member-acc-menu .member-acc-menu-i {
        min-width: max-content;
        padding: 20px 20px;
    }

    .member-acc-menu,
    .member-acc-con-btn {
        margin-top: .3rem;
    }

    .member-acc-con {
        padding: .3rem 20px;
    }

    .member-acc-top .times {
        margin-top: 20px;
    }

    .member-acc-top {
        display: block;
    }

    .certificate-con {
        line-height: 30px;
    }

    .certificate-i {
        width: calc(100% / 2);
    }

    .public-row {
        padding: .3rem 0 .5rem;
    }

    .certificate-i {
        margin-bottom: .4rem;
    }

    .certificate-b,
    .business-b {
        margin-top: .3rem;
    }

    .business-con {
        padding: .3rem 10px .4rem;
    }

    .business-b .business-i {
        width: 100%;
    }

    .business-b {
        display: block;
    }

    .business-b .business-img .t1 {
        font-size: 20px;
    }

    .about-b {
        line-height: 30px;
    }

    .public-banner-nav {
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, -10%);
    }

    .public-menu-i {
        min-width: calc(100% / 4);
        padding: 15px 20px;
        font-size: 16px;
    }

    .news-i {
        margin-bottom: .2rem;
    }

    .news-b-list .news-con {
        padding: 20px 0;
    }

    .about-b>.t1,
    .news-b>.t1 {
        font-size: 20px;
    }

    .news-b-list {
        margin-top: .3rem;
    }

    .news-i {
        width: 48%;
    }

    .fixed-input .fixed-input-i {
        width: 100%;
    }

    .fixed-b-i-r>.t2 {
        font-size: 16px;
    }

    .case-detail .bottom .bottom-row-page .public-more {
        margin: auto;
        margin-top: 20px;
    }

    .fixed-input,
    .case-detail .bottom .bottom-row-page {
        display: block;
    }

    .case-detail .bottom {
        padding-left: 20px;
        padding-right: 20px;
    }

    .case-detail .bottom .bottom-row>.t1 {
        line-height: 30px;
    }

    .case-detail .bottom .bottom-row {
        padding: .3rem;
    }

    .case-detail .bottom .bottom-row-page,
    .case-detail .bottom .bottom-row-b {
        padding: .3rem 20px;
    }

    .case-detail .bottom .bottom-row-page,
    .case-detail .bottom .bottom-row-b {
        padding-left: 0;
        padding-right: 0;
    }

    .case-detail .bottom .bottom-row>.t1 {
        padding-bottom: .3rem;
    }

    .news-b-top {
        margin-top: .2rem;
    }

    .fixed-b-i-r>.t1,
    .Shipping-b .title {
        font-size: 22px;
    }

    .public-banner-info {
        width: 90%;
    }

    .public-banner-info .t1 {
        text-align: center;
    }

    .case-detail .bottom .bottom-row>.t1,
    .Shipping-b .t1,
    .public-banner-info .t1 {
        font-size: 20px;
    }

    .faq-b {
        padding: .3rem 20px;
    }

    .Shipping-b {
        padding: .3rem 20px .5rem;
    }

    .payment-state {
        padding: .8rem 0 1rem;
    }

    .payment-state .row .t1 {
        margin: .3rem 0 .29rem;
    }

    .reset-pwd-b .row {
        width: 100%;
    }

    .public-footer .top {
        display: block;
    }

    .public-footer .top .top-r {
        margin-top: 20px;
    }

    .public-footer .top .top-r .top-i {
        width: 25%;
        margin-left: 0;
        margin-right: .3rem;
    }

    .h-model6-list-con>.t1 {
        margin-bottom: .2rem;
    }

    .h-model6-list-con {
        padding: .2rem 0;
    }

    .h-model6-list-con>.t1 {
        font-size: 18px;
    }

    .h-model5-i .right .right-a>.t1 {
        font-size: 26px;
    }

    .h-model5-i .right .right-b {
        margin: .3rem 0;
    }

    .model4-con-msg {
        padding: .2rem 0 .4rem;
    }

    .h-model6,
    .h-model5,
    .h-model2,
    .h-model3,
    .h-model4 {
        padding: .3rem 0;
    }

    .model4-con-b {
        margin-top: .3rem;
    }

    .model4-con-i {
        width: 49%;
    }

    .model2-page .swiper-pagination-clickable .swiper-pagination-bullet {
        margin: 0 .2rem !important;
    }

    .model2-swiper-i .right .right-row .t1 {
        font-size: 20px;
    }

    .h-model1-con>.t2 {
        margin: .15rem 0 .25rem;
    }

    .h-model1 {
        padding: .3rem 0;
    }

    .model2-swiper-i {
        margin: 0;
    }

    .public-more1.cur,
    .public-more1:hover {
        font-size: 14px;
    }

    .h-model1-con>.t1 {
        font-size: 20px;
    }

    .public-more {
        padding: 0 20px;
        height: 35px;
        font-size: 12px;
        line-height: 35px;
    }

    .public-tops .left>img {
        width: .42rem;
    }

    .public-tops .left .t1 {
        font-size: 20px;
    }

    .h-model1-img,
    .h-model1-img>img {
        min-height: auto;
        max-height: none;
    }

    .h-model1-i {
        width: 100%;
        margin-bottom: 30px;
    }

    .h-model1-b {
        display: block;
    }

    .public-footer-num {
        padding: 20px 0;
    }

    .public-footer-i>.t1 {
        font-size: 14px;
    }

    .public-footer .bottom {
        padding: .3rem .2rem;
    }

    .public-footer-i>.icon-b {
        margin-top: .2rem;
    }

    .fixed-input-i {
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin-bottom: 15px;
    }

    .fixed-b-i-r>.t2 {
        margin: .3rem 0;
    }

    .fixed-b-i-r {
        min-width: 6rem;
        height: auto;
    }

    .fixed-b {
        bottom: 11%;
    }

    .privacy-b .row>.t1 {
        line-height: 22px;
    }

    .he_f1p1lul {
        margin: 0 !important;
    }


    .he_f1p1btri {
        right: 5% !important;
    }

    .he_f1p1btle {
        left: 5% !important;
    }

    .slick-track {
        display: flex;
        align-items: center;
    }

    .shop-information-b-add-btn,
    .member-order-detail-price-b {
        width: 100%;
    }

    .shop-information-b-add-btn {
        margin-left: 0;
    }

    .member-order-detail-price-b-i {
        display: flex;
        justify-content: flex-end;
    }

    .product-detail-order>.t1 {
        font-size: 20px;
        line-height: normal;
    }

    .payment-tip .gold {
        font-size: 22px;
    }

    .payment-info-i span span {
        line-height: 24px;
    }
}

@media (max-width:680px) {
    .product-detail-r-video-i .t1 {
        margin-top: .2rem;
    }

    .product-detail-r-shop,
    .product-detail-r-video {
        width: 80%;
    }

    .product-b-menu-info .t2 {
        margin-top: 0;
    }

    .public-banner-info-search {
        width: 100%;
    }

    .payment-of-info>.t2 {
        margin-top: 10px;
    }

    .payment-of-info-top .t1 {
        margin: 10px 0 0;
    }

    .payment-of-info-top {
        display: block;
    }

    .payment-of>.t1,
    .payment-b>.t1 {
        font-size: 20px;
    }

    .payment-info-i>span:first-child {
        min-width: 120px;
    }

    .shop-information-b-add-btn {
        margin-top: 20px;
    }

    .payment-b,
    .shop-information-b {
        padding: .3rem 0px;
    }

    .shop-information-b-add-i-img {
        margin-right: 10px;
    }

    .shop-information-b-add-i-con {
        padding: 10px 20px;
        width: 100%;
    }

    .shop-information-b-add-i-con .a .a-i {
        margin: 10px 0;
    }

    .shop-information-b-add-i-con .a {
        display: block;
    }

    .product-more {
        width: 3rem;
    }

    .product-detail-order-recommend {
        margin-top: .3rem;
    }

    .product-model4-list-i {
        width: 100%;
    }

    .product-model4-list-i:last-child {
        margin-bottom: 0;
    }

    .product-detail-order-info {
        display: flex;
        justify-content: flex-end;
    }

    .member-order-detail-price-b-i {
        font-size: 14px;
    }

    .member-order-detail-price-btn-i {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    .member-order-detail-price-btn {
        display: block;
        margin-top: 0;
    }

    .comment-b-list-i-r {
        padding: 15px;
        margin-top: 10px;
    }

    .con-photo-i.default,
    .con-photo-i {
        width: 40px;
        height: 40px;
    }

    .member-pwd-btn1,
    .member-pwd-btn {
        margin-top: 10px;
    }

    .coupon-b .coupon-i .row {
        min-height: 135px;
    }

    .coupon-b .coupon-i .row .coupon-i-r .t1 {
        font-size: 26px;
    }

    .coupon-b .coupon-i .row .coupon-i-r .t1 .t1-unit {
        font-size: 16px;
        line-height: 16px;
    }

    .coupon-b .coupon-i .row .coupon-i-r .t1 .t1-num {
        font-size: 32px;
    }

    .contact-b-map-info-i .top .t1 {
        margin-left: -30px;
        font-size: 16px;
    }

    .member-acc-menu .member-acc-menu-i {
        padding: 15px 20px;
    }

    .member-acc-top .photo>.t1 {
        font-size: 16px;
    }

    .public-menu-i {
        min-width: calc(100% / 3);
    }

    .business-b .business-img .t1 {
        position: absolute;
        left: 50%;
        bottom: 0%;
        font-size: 18px;
        transform: translate(-50%, -30%);
    }

    .certificate-i,
    .news-i {
        width: 100%;
    }

    .news-b-top {
        display: flex;
        flex-wrap: wrap;
    }

    .contact-b-map-info-i .row {
        padding: 10px;
    }

    .contact-b-map-info,
    .Shipping-b {
        padding-left: 0;
        padding-right: 0;
    }

    .login-btn {
        width: 100%;
    }

    .public-footer .top .top-r {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .public-footer .top .top-r .top-i {
        width: 48%;
        margin: 0;
        margin-bottom: 10px;
    }


    .model4-con-i {
        width: 100%;
    }

    .fixed-b-i-r {
        min-width: 5rem;
        padding: 30px 20px;
    }

    .fixed-b-i-r {
        margin-right: 61px;
    }
}


@media (max-width:580px) {
    .product-detail-r-model-top {
        width: calc(100% - 15px);
        margin-left: 15px;
    }

    .product-detail-r-model-top-i {
        margin-left: -15px;
    }

    .product-detail-r-model-top {
        height: 35px;
    }

    .product-detail-a {
        width: 50px;
    }

    .product-detail-a-i-img {
        width: 50px;
        height: 50px;
    }

    .product-detail-b {
        width: calc(100% - 70px);
    }

    .product-model1-list-i {
        width: calc(100% / 2);
    }

    .product-fixed-model {
        width: 50px;
    }

    .faq-i .t1 {
        margin-bottom: 10px;
    }

    .faq-i {
        padding-left: 0;
        padding-right: 0;
    }

    .factory-swiper-i.swiper-slide-active {
        transform: scale(1) !important;
    }

    .factory-swiper {
        height: auto !important;
    }

}