@charset "utf-8";



/* contact */
.help-topbar{display: flex;align-items: center;justify-content: space-between;padding:0 0 0 3%;border-bottom:1px solid #e1e1e1;position: sticky;width: 100%;left:0;top:0;background:#fff;z-index:100;}
.help-topbar .bar{display: contents;}
.help-topbar .t-tit{font-size: 18px;}
.help-topbar .smlogo{height:28px;width:auto;}
.help-topbar .menu-btn,.help-topbar .mask{display: none;}
.help-topbar .lks{display: flex;}
.help-topbar .lk{padding:0 40px;border-left:1px solid #e1e1e1;line-height: 80px;position: relative;}
.help-topbar .lk::before{content:'';position: absolute;left:0;bottom:0;width:0;height:1px;background:#1a1a1a;transition: all 0.3s;}
.help-topbar .lk.cur::before,.help-topbar .lk:hover::before{width: 100%;}



.help-main{padding:55px 0 85px;background:#f8f8f8;}

.help-top{border-radius:10px;display: flex;align-items: center;gap:15px;border-radius:10px;overflow: hidden;margin-bottom:35px;max-width:66.6%;box-shadow: 0 24px 24px -4px rgba(0, 0, 0, .039);background:#fff;}
.help-top .img{width: 56px;}

.contact-list{display: flex;margin-bottom:35px;}
.contact-list .item{flex:1;overflow: hidden;border-right:1px solid #e1e1e1;}
.contact-list .title{font-size: 18px;}
.contact-list .font{color:#727272;margin-top:12px;}
.contact-list .box{margin-top:30px;display: flex;flex-direction: column;gap:10px;justify-content: end;}



.contact-faq{padding-bottom:35px;}
.contact-faq .search{width:335px;}
.contact-faq .search .ipt-txt{background:#fafafa;border:1px solid #fafafa;}
.contact-faq .search .ipt-txt:focus{border-color:#1A1A1A;box-shadow:none;}

.contact-faq .list{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap:17px 20px;padding-top:15px;}
.contact-faq .readmore{margin-top:40px;}

.help-search{position: relative;width: 50vw;}
.help-search .icon{position: absolute;left:15px;top:50%;transform: translate(0,-50%);margin-top:1px;}
.help-search .ipt-txt{background:none;font-size:15px;padding:0 15px 0 40px;line-height: 44px;height:44px;background:#fff;border:1px solid #1a1a1a;width: 100%;border-radius:4px;}
.help-search .ipt-txt:focus{box-shadow:0 0 0 1px #000 inset;}

/* faq */

.help-sec{display: flex;align-items: flex-start;}
.help-l{width: 50vw;margin-right:17px;}

.help-tit{font-size:22px;border-bottom:1px solid #e1e1e1; }

.faq-menu{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));border-left:1px solid #e1e1e1;}
.faq-menu .item{padding:32px 16px;display: flex;flex-direction: column;align-items: center;justify-content: center;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;}
.faq-menu .item .icon{font-size:20px;line-height: 30px;}

.faq-list{}
.faq-list .list li{margin-bottom:17px;}
.faq-list .list li:last-child{margin-bottom:0;}


/* corporate-information */
.back-bar{margin-bottom:18px;}
.back-bar .back{transform: rotate(180deg);display: inline-block;line-height: 28px;font-size: 16px;color:#000;}

.zhut-list{padding-top:0;padding-bottom:0;}
.zhut-list li{ border-bottom:1px solid #e1e1e1; }
.zhut-list li:last-child{border-bottom:0;}
.zhut-list .lk{display: flex;padding:24px 0;position: relative;}
.zhut-list .lk::after{content:'\e70a';font-family: 'iconfont';position: absolute;right:0;top:50%;transform: translate(0,-50%);}
.zhut-list .lk:hover{color:#727272;}


.zhut-menu{grid-template-columns: repeat(2, minmax(0, 1fr));}


/* corporate-information-detail */
.faq-detail .title{font-size: 22px;margin-bottom: 20px;}
.faq-detail .edit{line-height: 1.5;}
.faq-detail .edit p{margin-bottom:1em;}
.faq-detail .edit p:last-child{margin-bottom:0;}
.help-r .btn{min-width:140px;}
.help-tit .bt{margin:0;padding-bottom:18px;}
.corporate-main .zhut-list{min-height:60px;}


/* email-us */
.email-sec{width: 60%;margin-left:10%;padding:60px 0 50px;}
.email-sec .p30{padding:25px;}


.email-form{}
.email-form .row{margin-bottom:25px;}
.email-form .tit{margin-bottom:8px;}
.email-form .ipt{border:1px solid #929292;border-radius:4px;width: 100%;}
.email-form .ipt-txt,.email-form .select{height:49px;line-height: 49px;padding:0 15px;}
.email-form .ipt:focus{box-shadow:0 0 0 1px #000 inset;}
.email-form .select{appearance: none;-webkit-appearance: none;background:url(../images/select.svg) no-repeat right 15px center;background-size:14px;}


.email-form .con{height: 96px;padding: 8px 15px;}
.email-form .input-ts{background:#f8f8f8;padding: 20px 25px;display: flex;align-items: flex-start;gap:10px;line-height: 24px;border-radius:4px;}
.email-form .submit{margin-top:0px;}
.email-form .quhao{width:230px;}

.email-form .tips{padding-top:35px;border-top:1px solid #e1e1e1; margin-top:70px;}


/* overview */
.overview-ban{position: relative;}
.overview-ban .name{width: 100px;height: 100px;background:#fff;border-radius:50%;display: flex;align-items: center;justify-content: center;position: absolute;left:50%;transform: translate(-50%,0);bottom:-36px;}


.overview-main{padding:110px 0 60px;background:#f8f8f8;}
.overview-main .top-name{text-align: center;font-size: 18px;margin-bottom:40px;}

.overview-list{display: grid;gap:20px;grid-template-columns: repeat(2, minmax(0, 1fr));}
.overview-list .item{}

.overview-di{display: flex;align-items: center;justify-content: space-between;margin-top:25px;}


.foot-bar{padding:32px 0;border-top:1px solid #e1e1e1;}
.foot-bar .wrap{display:flex;}
.foot-bar .desc{max-width:840px;font-size: 13px;}





/* profile */
.profile-main{padding:55px 0;background:#f8f8f8;color:#19110b;}
.profile-main .wrap{display: flex;gap:20px;}
.profile-main .pub-tt{margin-bottom:20px;}
.profile-main .btn{border-radius:0;}
.profile-main .btn:hover{border-color:#eae8e4;background:#eae8e4;box-shadow:none;}

.profile-form .ipt{border-color:#eae8e4;border-radius:0;}
.profile-form .ipt:hover,.profile-form .ipt:focus{border-color:#1a1a1a;box-shadow:none;}

.profile-form .text{font-size:16px;font-weight: 300;}
.profile-form .addbtn{border-radius:0;margin-top:20px;}
.profile-form .opt-list{display: flex;flex-direction: column;margin-top: 25px;gap:4px;margin-bottom: 25px;}
.profile-form .opt-list .opt{display: flex;align-items: center;gap:8px;}
.profile-form .opt-list .opt input{width: 14px;height: 14px;}

.profile-form .row-birthday .select{width: 100px;}
.profile-form .deal{line-height: 1.6;}
.profile-form .deal input{width: 14px;height: 14px;margin-right:3px;}

.profile-form .submit{width: 100%;border:0;}
.profile-form .submit.disabled{background: #19110b;color: rgba(255, 255, 255, 0.4);cursor: default;}

.profile-main .add-address{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:15px 0 30px;}
.profile-main .add-address .close{width: 46px;height: 46px;border:1px solid #e1e1e1;font-size: 18px;cursor: pointer;}
.profile-main .add-address .close:hover{background:#eae8e4;border-color:#eae8e4;}
.profile-main .phone-list .add-phone:last-child p{margin-bottom:0!important;}


/* commitment */
.top-back{position: sticky;width: 100%;left:0;top:0;background:#fff;z-index:100;border-bottom:1px solid #e1e1e1;}
.top-back .wrap{padding:10px 0;display: flex;align-items: center;gap:15px;height: 80px;}
.top-back .back{transform: rotate(180deg);font-size: 18px;}

.banner{max-height: calc(100vh - var(--head-h, 88px) - var(--top-back-h, 0px));overflow: hidden;position: relative;}
.banner .img{width: 100%;height: 100%;object-fit: cover;}
.banner .title{font-size: 24px;color:#fff;width: 100%;position: absolute;left:0;bottom:75px;text-align: center;}


.commit-intro{padding:80px 0 160px;}
.commit-intro .wrap{max-width:960px;}
.commit-intro .txt{color:#727272;margin-top:75px;}
.commit-intro .more{margin-top:240px;}

.commit-arc{padding-bottom:100px;}
.commit-arc .auto{max-width:1120px;}
.commit-arc .list{display: grid;gap:25px;grid-template-columns: repeat(3, minmax(0, 1fr));}
.commit-arc .list .item{}
.commit-arc .list .imgbox{margin-bottom:20px;}
.commit-arc .list .info{font-size: 12px;}
.commit-arc .list .title{font-size: 18px;margin-top:5px;}
.commit-arc .list .date{font-weight: 400;margin-top:7px;}


/* index */
.idx-ban{height: 90vh;position: relative;}
.idx-ban .box{width: 100%;position: absolute;left:0;bottom:45px;text-align: center;color:#fff;}
.idx-ban .title{font-size: 24px;color:#fff;margin-bottom:10px;}


.idx-jx{padding:55px 0 95px;}
.idx-jx .list{display: grid;gap:30px 20px;grid-template-columns: repeat(4, minmax(0, 1fr));}
.idx-jx .list .imgbox{aspect-ratio: 0.8;margin-bottom:14px;text-align: center;}


.idx-sec{padding-bottom:135px;}
.idx-sec .readmore{margin-top:60px;}
.idx-sec .top-pic{margin-bottom:50px;}
.idx-sec .video{margin-bottom:50px;}
.idx-sec .video video{object-position: top;width: 100%;height: 100%;}


.idx-list{display: grid;gap:20px;grid-template-columns: repeat(4, minmax(0, 1fr));}
.idx-list .item{position: relative;}
.idx-list .imgbox{aspect-ratio: 0.8;background:url(../images/idx_15.svg) no-repeat center;background-size:cover;margin-bottom:13px;}

.idx-list .like{position: absolute;right:15px;top:15px;}

.like{font-size:14px;z-index:20;cursor: pointer;line-height: 1;}
.like::after{content:'\e870';font-family: 'iconfont';}
.like.checked::after{content:'\e86f';}



.idx-arc{margin-bottom:80px;}
.idx-arc .pub-tt{text-align: center;}
.idx-arc .pub-tt .smwz{margin-left:auto;margin-right:auto;color:#727272;max-width:520px;}

/* .idx-arc .list{display: grid;gap:20px;grid-template-columns: repeat(3, minmax(0, 1fr));text-align: center;} */
.idx-arc .item{text-align: center;display: block;}
.idx-arc .item .imgbox{aspect-ratio: 0.85;}
.idx-arc .item .title{margin:15px 0 10px;}
.idx-arc .swiper-pagination {display: none;}






/* detail */
.det-sec{display: flex;align-items: flex-start;}
.det-sec .l,.det-sec .r{width: 50%;}
.det-sec .r{position: sticky;top: 0;align-self: flex-start;font-size:13px;background:#fff;}
.det-sec .imgbox{background:url(../images/idx_15.svg) no-repeat center;background-size:cover;}

.det-sec .wrap{max-width: 380px;width: 80%;margin:0 auto;padding:50px 0;}
.det-sec .title{margin:4px 0;}

.det-sec .row{padding:15px 0;display: flex;justify-content: space-between;}
.det-sec .row .arr{margin-left:6px;}
.det-sec .row .dot{width: 8px;height: 8px;background:#1a1a1a;border-radius:50%;display: inline-block;vertical-align: middle;margin-left:6px;}



.det-sec .divider{height:1px;background:#e1e1e1;}
.det-sec .btngrp{margin-top:25px;}

.det-sec .txt{line-height: 1.5;max-height: 6em;overflow: hidden;position: relative;}
.det-sec .txt::after{content:'';position: absolute;left:0;right:0;bottom:0;height: 4em;background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);pointer-events: none;}
.det-sec .txt.is-open{max-height: none;}
.det-sec .txt.is-open::after{display: none;}
.det-sec .txt-toggle{cursor: pointer;display: inline-block;}

.det-sec .list{border-top:1px solid #e1e1e1;}
.det-sec .item{padding:16px 0;border-bottom:1px solid #e1e1e1;}
.det-sec .item .font{cursor: pointer;position: relative;}
.det-sec .item .font::after{content:'\e717';font-family: 'iconfont';position: absolute;right: 0;top: 50%;transform: translate(0,-50%);}
.det-sec .item.show .font::after{content:'\e871';}


.det-sec .dropbox{padding-top:10px;font-size: 12px;line-height: 1.3;display: none;}
.det-sec .dropbox ul{padding-left:20px;}
.det-sec .dropbox ul li{list-style: disc;}
.det-sec .address{color:#1a1a1a;}

.det-sec .lks{margin-top:30px;}
.det-sec .lks .lk{display: flex;align-items: center;padding:5px 0;justify-content: space-between;}
.det-sec .lks .lk::after{content:'\e70a';font-family: 'iconfont';}


/*规格*/
.det-sec .sku-opts{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;max-width:70%;}
.det-sec .sku-opt{
	display:inline-block;min-width:52px;padding:6px 12px;border:1px solid #ddd;
	color:#1a1a1a;font-size:12px;line-height:1.3;text-align:center;background:#fff;
}
.det-sec .sku-opt:hover{border-color:#1a1a1a;}
.det-sec .sku-opt.cur{border-color:#1a1a1a;background:#1a1a1a;color:#fff;font-weight:500;text-decoration:none;}
.det-sec .sku-opt.disabled{opacity:.35;pointer-events:none;text-decoration:line-through;}
.det-sec #btnAddCart.disabled,
.det-sec #btnAddCart:disabled{
	opacity:.45;cursor:not-allowed;pointer-events:none;
	background:#e8e8e8;border-color:#e8e8e8;color:#999;
}
.det-sec .sku-stock-text{font-size:12px;}
.det-like .goods-list[data-pane-box]{min-height:120px;}
/*规格 //*/


.dete-hist{display: flex;align-items: center;}
.dete-hist .imgbox{width: 50%;height: 85vh;}
.dete-hist .info{width: 50%;padding:0 8%;}
.dete-hist .txt{margin:10px 0 35px;font-size: 12px;}


.det-like{padding:60px 0 0;}
.det-like .tabs{margin-bottom:60px;display: flex;gap:50px;}
.det-like .tabs .lk{color:#727272;line-height: 30px;position: relative;}
.det-like .tabs .lk::after{content:'';position: absolute;left:0;bottom:0;width:0;height:0.5px;background:#727272;transition: all 0.3s;}
.det-like .tabs .lk.cur{color:#1a1a1a;}
.det-like .tabs .lk.cur::after{width: 100%;background:#1a1a1a;}
.det-like .tabs .lk:hover{opacity: 0.85;}
.det-like .tabs .lk:hover::after{width: 100%;}


.goods-list{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));}
.goods-list .item{background:url(../images/idx_18.svg) no-repeat center;background-size:cover;position: relative;display: block;}
.goods-list .tools{position: absolute;width: 100%;display: flex;justify-content: end;top:15px;padding:0 15px;z-index:40;}
.goods-list .imgbox{aspect-ratio: 1;}
.goods-list .info{padding:60px 15px 25px;display: flex;align-items: center;gap:20px;transition: opacity .3s ease, visibility .3s ease;}
.goods-list .item:hover .info {opacity: 0;visibility: hidden;pointer-events: none;}
.goods-list .item.show-bigpic .info {opacity: 1 !important;visibility: visible !important;pointer-events: auto !important;}
.goods-list .swiper-button{background:none;display: flex;align-items: center;justify-content: center;opacity: 1;margin:0;transform: translate(0,-50%);font-size: 15px;opacity: 0;z-index:50;}
.goods-list .swiper-button::after{content:'\e70a';font-family: 'iconfont';}
.goods-list .swiper-button-prev::after{transform: rotate(180deg);}
.goods-list .item:hover .swiper-button{opacity: 1;}

.goods-list .phone{display: grid;padding:0 8px;border:1px solid #727272;border-radius:150px;height: 34px;font-size: 12px;max-width:34px;transition: all 0.3s;line-height: 32px;}
.goods-list .phone i{font-size: 17px;}
.goods-list .phone span{font-weight: 400;margin-left:8px;overflow: hidden;min-width: 0;opacity: 0;position: relative;white-space: nowrap;}

.goods-list .swiper-pagination{height:1px;position: static;display: none;}
.goods-list .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#000;}


@media (min-width:1400px){
	.goods-list .phone:hover{grid-template-columns: auto 1fr;max-width: 100%;}
	.goods-list .phone:hover span{opacity: 1;}
}

.goods-list .bigpic{width: 100%;aspect-ratio: 1;position: relative;display: flex;align-items: center;justify-content: center;z-index:29;opacity: 1;visibility: visible;pointer-events: auto;transition: opacity .3s ease, visibility .3s ease, transform .3s ease;}
.goods-list .item:hover .bigpic{opacity: 0;visibility: hidden;pointer-events: none;}
.goods-list .item.show-bigpic .bigpic{opacity: 1 !important;visibility: visible !important;pointer-events: auto !important;}
.goods-list .bigpic .tp{width: 100%;height: 100%;object-fit: cover;transition: opacity .3s ease;}

.goods-list .slide {position: absolute;left: 0;top: 0;width: 100%;z-index: 35;background: #fff;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity .3s ease, visibility .3s ease;}
.goods-list .item:hover .slide {opacity: 1;visibility: visible;pointer-events: auto;}
.goods-list .item.show-bigpic .slide {opacity: 0 !important;visibility: hidden !important;pointer-events: none !important;}
.goods-list .slide, .goods-list .swiper-container , .goods-list .swiper-slide , .goods-list .swiper-wrapper  {height: 100%;}
.goods-list .imgbox {width: 100%; height: 100%;}


/* wishlist */
.wishlist-top .wrap{padding:25px 0;display: flex;align-items: center;justify-content: space-between;}
.goods-empty{padding:48px 20px 56px;text-align:center;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;}
.goods-empty[hidden]{display:none !important;}
.goods-empty .ico{
	width:64px;height:64px;margin:0 auto 16px;border-radius:50%;
	background:#f5f5f5;color:#b3b3b3;
	display:flex;align-items:center;justify-content:center;
}
.goods-empty .ico .iconfont{font-size:24px;line-height:1;}
.goods-empty .tit{font-size:16px;line-height:1.4;color:#1a1a1a;margin-bottom:6px;}
.goods-empty .desc{font-size:13px;line-height:1.5;color:#8c8c8c;margin-bottom:16px;max-width:420px;}
.goods-empty .btn{min-width:140px;height:40px;line-height:40px;padding:0 20px;}




/* cart */
.cart-main{display: flex;align-items: flex-start;}
.cart-sec{padding:35px 5vw 85px;background:#f8f8f8;}



.cart-column{width: 33.3%;position: sticky;top: 0;z-index:50;}
.cart-column .topbox{padding:2.5rem 3vw;border-bottom:1px solid #e1e1e1;}
.cart-column .row{display: flex;align-items: center;justify-content: space-between;padding:3px 0;}

.cart-column-list{padding:0 3vw;}
.cart-column-list li{padding:2rem 0;border-bottom:1px solid #e1e1e1;display: flex;align-items: center;gap:15px;cursor: pointer;}
.cart-column-list li::after{content:'\e70a';font-family: 'iconfont';font-size: 16px;}
.cart-column-list li:last-child{border-bottom:0;}
.cart-column-list .icon{color:#727272;font-size: 20px;width:30px;text-align: center;}

.cart-list{}
.cart-list .item{padding:8px;background:#fff;border-radius:8px;display: flex;/* grid-template-columns: 33% 1fr; */margin-bottom:10px;}
.cart-list .imgbox{background:url(../images/idx_15.svg) no-repeat center;background-size:cover;aspect-ratio: 0.84;width:290px;}
.cart-list .info{position: relative;padding:30px 30px 0 25px;line-height: 1.6;}
.cart-list .like{position: absolute;right:10px;top:10px;}

.cart-list .step{display: inline-flex;align-items: center;justify-content: space-between;min-width: 96px;height: 28px;border: 1px solid #e1e1e1;border-radius: 4px;margin-top: 10px;font-size: 13px;}
.cart-list .step-btn{width: 32px;height: 100%;border: 0;background: none;cursor: pointer;display: flex;align-items: center;justify-content: center;color: #1a1a1a;padding: 0;}
.cart-list .step-btn.disabled{color: #c8c8c8;cursor: default;pointer-events: none;}
.cart-list .step-num{min-width: 24px;text-align: center;color: #1a1a1a;line-height: 1;}




.cart-gift .top{display: flex;padding: 7px 25px 7px 7px;background:#fff;border-radius:16px;gap:20px;align-items: center;}
.cart-gift .top .icon{width: 72px;border-radius:6px;}
.cart-gift .detail{background:#fff;border-radius:16px;padding: 30px;display: flex;align-items: center;gap:20px;}
.cart-gift .detail .info{width: 240px;}


/* news */
.news-auto{max-width:1120px;}

.news-top{padding:60px 0 0;}
.news-top .titbox{margin-bottom:45px;text-align: center;}

.news-hot{padding-bottom:50px;}
.news-hot .box{display: block;text-align: center;margin:0 auto 0;}
.news-hot .box .imgbox{margin:0 0 25px;}
.news-hot .box .title{margin:8px 0 5px;}

.news-tabs{padding:30px 0;position: sticky;width: 100%;left:0;top:0;z-index:100;background:#fff;}
.news-tabs .tabs-btn{display:none;}

.pub-tabs{display: flex;gap:35px;}
.pub-tabs .lk{color:#1a1a1a;line-height: 30px;position: relative;}
.pub-tabs .lk::after{content:'';position: absolute;left:0;bottom:0;width:0;height:0.5px;background:#727272;transition: all 0.3s;}
.pub-tabs .lk.cur::after,.pub-tabs .lk:hover::after{width: 100%;background:#1a1a1a;}



.news-piclist{padding:45px 0 40px 0;border-top:1px solid #e1e1e1;}
.news-piclist .tabs{margin-bottom:80px;display: flex;justify-content: center;gap:10px;}
.news-piclist .tabs .lk{padding:8px 16px;background:#f8f8f8;border:1px solid #f8f8f8;border-radius:4px;}
.news-piclist .tabs .lk:hover{border-color:#aaa;}
.news-piclist .tabs .lk.cur{border-color:#1a1a1a;}

.news-piclist .list{display: grid;gap:50px 25px;grid-template-columns: repeat(3, minmax(0, 1fr));}
.news-piclist .list .item{}
.news-piclist .list .imgbox{margin-bottom:20px;aspect-ratio: 1;}
.news-piclist .list .title{margin:7px 0;}


.news-recom{padding:65px 0 40px;position: relative;}
.news-recom:before{content:'';position: absolute;width:100%;left:0;top:0;height:60%;background:#f8f8f8;z-index:0;}
.news-recom .auto{position: relative;z-index:1;}
.news-recom .list{grid-template-columns: repeat(2, minmax(0, 1fr));}
.news-recom .readmore{margin-top:60px;}
.new-page  { margin-bottom: 50px;}

.news-gz{padding:60px 0;background:#f8f8f8;}


/* login */
.login-main{display:flex;}
.login-l,.login-r{width: 50%;padding:50px 8vw 60px;min-height: 80vh;;}
.login-r{padding-top:150px;}

.login-l{border-right:1px solid #e1e1e1;background:#f8f8f8;}
.login-l .t-tit{font-size: 25px;font-weight: bold;padding-bottom:25px; border-bottom:1px solid #e1e1e1;margin-bottom: 10px;}


.login-box{background:#fff;}
.login-box .btn-weixin{width: 100%;border:0;border-radius: 0;background:#18ad19;color:#fff;height: 38px;}
.login-box .btn-weixin:hover{background:#24965a;color:#fff;}
.login-box .btn-weixin i{font-size: 20px;}


.login-box .or{text-align: center;margin: 22px 0 18px;}

.login-box .form .tit{font-size: 13px;}
.login-box .form .ipt{border: 1px solid #cfd8e3;border-radius: 2px;background:#e8f0fe;}
.login-box .form .ipt:hover,.login-box .form .ipt:focus{border-color:#1a1a1a;box-shadow:none;}
.login-main .login-btn,.login-main .register-btn{margin-top: 40px;border-radius: 0;}

.email-form .eye{position: absolute;right: 1px;top: 1px;bottom:1px;border:0;background:#fff;cursor: pointer;color:#1a1a1a;display: flex;align-items: center;justify-content: center;width: 48px;border-radius: 0 2px 2px 0;}
.email-form .eye::after{content:'\e609';font-family: 'iconfont';}
.email-form .eye.this::after{content:'\e63e';}

.login-main .register-btn{min-width: 200px;}


.login-r .txt{font-weight: 300;line-height: 1.7;font-size: 16px;}
.login-r .txt li{list-style: disc;margin-left:18px;}

.login-about{background:#f8f8f8;padding-bottom:15px;}
.login-about .list li{display: flex;align-items: center;gap: 14px;padding: 16px 0;border-bottom: 1px solid #e1e1e1;}
.login-about .list li:last-child{border-bottom:0;}
.login-about .list li i{font-size: 15px;}

.login-foot{background: #19110b;color:#fff;}
.login-foot .top{font-size: 16px;font-weight: 400;padding:35px 0;gap:25px;display: flex;align-items: center;}
.login-foot .top .smlogo{height: 30px;width:auto;}
.login-foot .lks{display: flex;gap:13px 25px;flex-wrap: wrap;padding:35px 0;border-top:1px solid rgba(255,255,255,.15);font-size: 15px;}


/* register */
.register-main{display: flex;}
.register-l{padding:30px 3%;}
.register-r{width: 25%;background: #ebeae5;}

.register-fw{padding:10px 15px 5px;background: #f8f8f8;}
.register-fw .row{border-top: 1px solid #e2e2e2;padding:10px 0;font-size: 15px;display: flex;gap:10px;align-items: center;}
.register-fw .row i{font-size: 16px;}

.register-tit{font-size: 28px;font-weight: 300;padding-bottom:20px;border-bottom: 1px solid #c5bdb5;margin-bottom: 30px;}


.register-form{}
.register-form .getcode{border-radius:0;}
.register-form .submit{width:auto;border-radius:0; margin-top: 20px;}


.register-form .imgcode{width: 100%;max-width: 300px;user-select: none;-webkit-user-select: none;}
.imgcode-view{position: relative;width: 100%;height: 200px;overflow: hidden;background: #d9d9d9;}
.imgcode-bg,.imgcode-piece{display: block;}
.imgcode-bg{width: 100%;height: 100%;}
.imgcode-piece{position: absolute;left: 0;top: 0;cursor: grab;z-index: 2;}
.imgcode-piece.is-drag{cursor: grabbing;}
.imgcode-refresh{position: absolute;right: 8px;top: 8px;z-index: 3;width: 28px;height: 28px;border: 0;border-radius: 2px;background: rgba(0,0,0,.45);color: #fff;cursor: pointer;display: flex;align-items: center;justify-content: center;padding: 0;}
.imgcode-refresh:hover{background: rgba(0,0,0,.65);}

.imgcode-bar{position: relative;height: 40px;margin-top: 10px;background: #f0f0f0;border: 1px solid #e5e5e5;border-top: 0;}
.imgcode-tip{position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;align-items: center;justify-content: center;color: #b0b0b0;pointer-events: none;z-index: 1;}
.imgcode-handler{position: absolute;left: 0;top: 0;width: 44px;height: 40px;background: #fff;border: 1px solid #ddd;border-left: 0;box-shadow: 1px 0 3px rgba(0,0,0,.06);cursor: grab;z-index: 2;display: flex;align-items: center;justify-content: center;color: #c0c0c0;font-size: 18px;line-height: 1;}
.imgcode-handler.is-drag{cursor: grabbing;}
.imgcode-arrows{letter-spacing: -2px;transform: translateY(-1px);}
.imgcode.is-ok .imgcode-bar{background: #d8f5e4;border-color: #b7e6cb;}
.imgcode.is-ok .imgcode-tip{color: #2aae67;}
.imgcode.is-fail .imgcode-bar{background: #fde8e8;border-color: #f0c2c2;}
.imgcode.is-fail .imgcode-handler{animation: imgcode-shake .35s ease;}


@keyframes imgcode-shake{
	0%,100%{transform: translateX(0);}
	25%{transform: translateX(-4px);}
	75%{transform: translateX(4px);}
}

/* list */
.list-top{padding:40px 0 0;margin-top:-1px;background:#fff;}
.list-tabs{padding:20px 0 20px;position: sticky;top: 88px;left: 0;z-index:50;background:#fff;}
.list-tabs .pub-tabs{gap:20px;}


.list-recom{padding:30px 0 80px;position:relative;}
.list-recom .autoc{position:relative;}
.list-recom .swiper-container{overflow:hidden;}
.list-recom .swiper-slide,.list-recom .item{width:175px;text-align:center;display: block;}
.list-recom .imgbox{aspect-ratio:1;margin-bottom:10px;}


.list-recom .swiper-button{display: flex;align-items: center;justify-content: center;margin:0;transform: translate(0,-50%);font-size: 15px;z-index:50;width:32px;height:32px;border-radius:50%;background:#f8f8f8;border:1px solid #fff;}
.list-recom .swiper-button::after{content:'\e70a';font-family: 'iconfont';}
.list-recom .swiper-button-prev::after{transform: rotate(180deg);}
.list-recom .swiper-button-disabled{opacity:0;pointer-events:none;}
.list-recom .swiper-button:hover{color:#fff;background:#1a1a1a;}



.list-di{padding:50px 0;}
.list-di .readmore{margin-bottom:20px;}
.gotop-arrow{width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;font-size: 17px;}
.gotop-arrow::after{content:'\e70a';font-family: 'iconfont';transform: rotate(-90deg);}


/* shipping */
.ship-main{padding:20px 0 50px;background:#f8f8f8;}
.ship-main .wrap{display: flex;gap:20px;}
.ship-main .wrap-r{width:33.3%;}
.ship-main .cart-column-list{padding:0;}

.ship-user{}
.ship-user .top{border-bottom:1px solid #e1e1e1;}


.ship-user .mod{margin-bottom: 40px;}
.ship-user .step-num{width:20px;height:20px;font-size:11px;color:#fff;background:#1a1a1a;border-radius:50%;display: flex;align-items: center;justify-content: center;margin-right:14px;}
.ship-user .row{background:#f8f8f8;padding:24px;}
.ship-user .row .smb{display: flex;align-items: center;gap:20px;}
.ship-user .row .sel{width: 16px;height: 16px;border-radius:50%;border:1px solid #1a1a1a;}
.ship-user .row:hover .sel{box-shadow:0 0 0 1px #1a1a1a inset;}
.ship-user .row .sel.checked{box-shadow:0 0 0 2px #1a1a1a inset;}
.ship-user .pay-tp{border-radius:6px;padding:2px;background:#fff;}
.ship-user .pay-tp img{width: 100%;height:100%;object-fit: contain;}

.ship-column{padding:0 30px;}

.ship-bag{}
.ship-bag .list{margin: 0 0 25px;}
.ship-bag .list .item{padding:16px 0;border-bottom:1px solid #e1e1e1;}
.ship-bag .list .box{display: flex;align-items: center;}
.ship-bag .list .imgbox{aspect-ratio: 1;background:url(../images/idx_15.svg) no-repeat center;background-size:cover;width: 80px;margin-right:15px;}
.ship-bag .font{display: flex;align-items: center;justify-content: space-between;}



/* orders */
.order-main{padding:60px 0;background:#f8f8f8;min-height: 700px;}
.order-main .t-tit{font-size:26px;padding-bottom:20px;border-bottom:1px solid #e1e1e1;margin-bottom:30px;font-weight: bold;}
.order-main .order-tabs{margin:0 0 24px;padding:18px 0;background:#fff;position:relative;top:auto;}
.order-main .order-tabs .pub-tabs{padding-left:28px;padding-right:20px;gap:28px;align-items:center;}
.order-main .order-tabs .lk{position:relative;padding-right:12px;line-height:28px;}
.order-main .order-tabs .tab-badge{
	position:absolute;top:-4px;right:-4px;z-index:1;
	min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;
	border-radius:8px;background:#1a1a1a;color:#fff;
	font-size:10px;line-height:16px;text-align:center;font-style:normal;font-weight:normal;
}



.order-mod{margin-bottom: 40px;}
.order-mod .sz{font-size: 13px;color:#19110b;font-weight: normal;}
.order-mod .detail{background:#fff;padding:30px;}
.order-mod .blank-tip{font-weight: 300;font-size: 16px;}
.order-mod .order-card{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #eee;}
.order-mod .order-card:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0;}
.order-mod .order-thumb{width:80px;height:80px;object-fit:cover;display:block;}
.order-mod .order-card-ft{margin-top:16px;border-top:1px solid #eee;padding-top:16px;}
.order-mod .order-btn{width:auto;padding:8px 20px;display:inline-flex;align-items:center;justify-content:center;}
.overview-di .btn{min-width:120px;display:inline-flex;align-items:center;justify-content:center;}




/* border-bottom:1px solid #e1e1e1; */

.sj-show{display: none;}


@media (max-width:1400px){
	
	
	.cart-list .info{padding-top:20px;}

	/* .help-topbar .lk{padding:0 28px;}
	.help-top{max-width:100%;}
	.contact-faq .search{width:280px;} */

}




@media (max-width:1100px){
	
	/* contact */
	.help-topbar{display: block;padding:20px 3% 0;}
	.help-topbar .lks{gap:30px;margin-top: 10px;}
	.help-topbar .lk{padding:0;border:0;line-height:40px;}
	
	
	.contact-list{flex-wrap: wrap;width:70%;}
	.contact-list .item{flex:initial;width: 100%;border-right:0;border-bottom: 1px solid #e1e1e1;}
	.contact-list .item:last-child{border-bottom:0;}
	
	
	.contact-faq{width:70%;}
	.contact-faq .pub-tt{flex-direction: column;align-items: flex-start;gap:15px;}
	.contact-faq .search{width: 100%;}
	
	.contact-faq .list{grid-template-columns: repeat(1, minmax(0, 1fr));padding-top:0;}
	
	
	/* faq */
	.help-top{width: 100%;max-width:100%;}
	.help-search{width: 100%;}
	
	.help-sec{flex-direction: column-reverse;gap:25px;}
	.help-l,.help-r{width: 100%;margin:0;}
	
	
	/* corporate-information */
	.corporate-main{flex-direction: column;gap:0;}
	
	
	/* email-us */
	.email-sec{width:100%;margin:0;}
	.email-form .submit{max-width:100%;width:100%;}
	
	
	/* overview */
	.overview-list{grid-template-columns: repeat(1, minmax(0, 1fr));}
	
	
	/* profile */
	.profile-main .wrap{display: block;}
	
	.profile-login{margin-top: 35px;}

	/* news-tabs：目录折叠 */
	.news-tabs{padding:0;border-top:1px solid #e1e1e1;}
	.news-tabs .news-auto{width:100%;max-width:none;padding:0;}
	.news-tabs .tabs-btn{display:flex;align-items:center;justify-content:space-between;padding:0 4%;height:78px;font-size:18px;cursor:pointer;user-select:none;}
	.news-tabs .tabs-btn::after{content:'\e70a';font-family:'iconfont';font-size:16px;line-height:1;transform:rotate(90deg);transition:transform .25s;}
	.news-tabs.is-open{background:#fff;}
	.news-tabs.is-open .tabs-btn{background:#fff;border-bottom:1px solid #e1e1e1;}
	.news-tabs.is-open .tabs-btn::after{transform:rotate(-90deg);}
	.news-tabs .pub-tabs{display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:0 4%;background:#fff;}
	.news-tabs.is-open .pub-tabs{display:flex;}
	.news-tabs .pub-tabs .lk{padding:16px 0;line-height:1.4;border-bottom:1px solid #e1e1e1;font-size:14px;}
	.news-tabs .pub-tabs .lk:last-child{border-bottom:0;}
	.news-tabs .pub-tabs .lk::after{display:none;}
	
	/* commitment */
	.commit-intro .more{margin-top:180px;}
	
	
	/* index */
	.idx-head{position: sticky;}
	.idx-ban{height:60vh;}
	
	
	/* detail */
	.detail-head{position: static;}
	
	.det-sec{display: block;}
	.det-sec .l, .det-sec .r{width:100%;}
	
	.det-sec .imgbox{display: none;}
	.det-sec .imgbox:first-child{display: block;}
	.det-sec .wrap{max-width:100%;width:100%;margin:0;padding:30px 4%;}
	
	
	.dete-hist{flex-direction: column-reverse;}
	
	.dete-hist .imgbox{width: 100%;}
	.dete-hist .info{width: 100%;padding:30px 4%;}
	
	.goods-list .imgbox{background: url(../images/idx_18.svg) no-repeat center;background-size: cover;padding:10px;}
	.goods-list .item{background:none;}
	.goods-list .info{padding:20px 10px;}
	.goods-list .price{margin-top:15px;}
	.goods-list .swiper-pagination{display: block;}
	
	.det-like{padding:80px 0;}
	
	
	/* cart */
	.cart-main{display: block;}
	.cart-sec{padding:35px 4%;}
	
	
	.cart-list .item{position: relative;padding:15px 15px 60px;gap:0;}
	.cart-list .imgbox{width: 140px;}
	.cart-list .info{position: static;}
	.cart-list .botbox{display: flex;flex-direction: row-reverse;justify-content: space-between;position: absolute;left: 0;bottom: 0;width: 100%;padding:15px;}
	
	.cart-column{width:100%;}
	
	
	/* news */
	.news-piclist .tabs{justify-content: flex-start;}
	
	
	/* login */
	.login-l{padding:50px 4%;}
	.login-r{padding:50px 4%;}
	
	
	/* register */
	.register-main{display: block;}
	
	.register-r{width:100%;}
	
	
	/* shipping */
	.ship-main .wrap{display: block;}
	.ship-main .email-form .w240{width:100%;}
	
	.ship-address{margin-top:60px;}
	
	.ship-main .wrap-r{width:100%;margin-top:30px;}
	
	
	
	
	
	
	
	
	
	
}

@media (max-width:767px){
	.sj-show{display: block!important;}
	.pc-show{display: none!important;}
	
	 .auto{width: 95%;}
	
	/* contact */
	.help-top{max-width:100%;}
	
	.help-topbar{display:block;padding:0;border-bottom:1px solid #e1e1e1;background:#fff;z-index:90;}
	.help-topbar .bar{display:flex;align-items:center;justify-content:space-between;padding:0 4%;height:56px;position:relative;z-index:2;background:#fff;}
	.help-topbar .t-tit{font-size:18px;line-height:56px;margin:0;}
	.help-topbar .smlogo{height:24px;width:auto;display:block;}
	.help-topbar .menu-btn{display:flex;align-items:center;gap:6px;font-size:16px;cursor:pointer;user-select:none;line-height:56px;}
	.help-topbar .menu-btn::after{content:'\e70a';font-family:'iconfont';font-size:15px;line-height:1;transition:transform .25s;transform: rotate(90deg);}
	.help-topbar.is-open .menu-btn::after{transform: rotate(-90deg);}
	.help-topbar .lks{display:none;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:0 4%;background:#fff;position:relative;z-index:2;box-shadow:0 10px 20px rgba(0,0,0,.08);border-top: 1px solid #e1e1e1;}
	.help-topbar.is-open .lks{display:flex;}
	.help-topbar .lk{padding:18px 0;line-height:1.4;border-left:0;border-bottom:1px solid #e1e1e1;display:flex;align-items:center;justify-content:space-between;font-size:14px;}
	.help-topbar .lk:last-child{border-bottom:0;}
	.help-topbar .lk::before{content:none;display:none;position:static;width:auto;height:auto;background:none;}
	.help-topbar .lk.cur{border-bottom:2px solid #1a1a1a;}
	.help-topbar .lk.cur::after{content:'\ebe6';display:block;font-size:14px;line-height:1;color:#1a1a1a;font-family: 'iconfont';}
	.help-topbar .mask{display:none;position:fixed;left:0;right:0;top:70px;bottom:0;background:rgba(0,0,0,.45);z-index:1;}
	.help-topbar.is-open .mask{display:block;}
	.help-topbar.is-open{border-bottom-color:transparent;}

	
	
	
	
	.login-head{z-index:130;background:#fff;}
	.login-head + .help-topbar .mask{top:72px;}
	
	
	.contact-list{width:100%;}

	.contact-faq{width:100%;}
	.contact-faq .pub-tt{flex-direction: column;align-items: flex-start;gap:15px;}
	.contact-faq .search{width: 100%;}
	
	.contact-faq .list{grid-template-columns: repeat(1, minmax(0, 1fr));padding-top:0;}
	
	
	/* corporate-information-detail */
	.help-tit{font-size: 20px;}
	.faq-detail .title{font-size:20px;}
	
	
	/* email-us */
	.email-sec{padding:40px 0;}
	.email-form .quhao{width:100px;}
	
	
	/* profile */
	.email-form .row-birthday>.flex{flex-wrap:wrap;}
	
	.profile-form .row-birthday .select{width:100%;}
	.profile-login .row-phone .info{flex-wrap:wrap;}
	.profile-login .row-phone .button{width:100%;}
	
	
	
	
	/* commitment */
	.commit-arc .list{grid-template-columns: repeat(1, minmax(0, 1fr));gap:40px 0;}
	
	
	/* index */
	.idx-jx .list{grid-template-columns: repeat(2, minmax(0, 1fr));}
	
	.idx-sec .video{height: 500px;}
	.idx-sec .video video{object-fit: cover;}
	
	.idx-list{grid-template-columns: repeat(2, minmax(0, 1fr));}
	
	.idx-sec .top-pic{height: 500px;}
	
	.idx-arc .detail{width:calc(100% + 6%);}
	.idx-arc .swiper-slide{width: 300px;}
	
	.idx-arc .swiper-pagination{position: static;margin-top:40px;display: flex;justify-content: center;gap:12px;}
	.idx-arc .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px;background:#929292;opacity: 1;margin:0!important;}
	.idx-arc .swiper-pagination .swiper-pagination-bullet-active{width:16px;border-radius:14px;background:#000;}
	
	
	/* detail */
	.det-sec .r{font-size: 15px;}
	.det-sec .swiper-pagination{height:1px;position: static;background:#e5e5e5;}
	.det-sec .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#000;}
	
	
	.dete-hist .imgbox{height:40vh;}
	
	.goods-list{grid-template-columns: repeat(2, minmax(0, 1fr));gap:15px 0;}
	.goods-list .info{padding:10px 10px;}
	
	.det-like{padding:80px 0 30px;}
	.det-like .tabs{margin-bottom: 30px;}
	
	
	/* cart */
	.cart-list .imgbox{width: 120px;height: 150px;}
	.cart-list .info{padding: 10px 20px 0 25px;}
	.cart-list .info .c-light{margin-bottom: 0;}
	
	.cart-gift .detail{flex-direction: column;gap:25px;align-items: flex-start;}
	
	
	/* news */
	.news-hot .auto{width: 100%;}
	.news-hot .box .imgbox{height: 400px;}
	
	.news-piclist:not(.news-recom) .tabs{margin-bottom: 40px;}
	.news-piclist:not(.news-recom) .list{grid-template-columns: repeat(1, minmax(0, 1fr));gap:25px 0;}
	.news-piclist:not(.news-recom) .list .box{display: flex;align-items: center;gap:20px;}
	.news-piclist:not(.news-recom) .list .imgbox{width:44%;margin:0;}
	.news-piclist:not(.news-recom) .list .title{margin:10px 0;}
	
	.news-recom .list{grid-template-columns: repeat(1, minmax(0, 1fr));}
	
	
	/* login */
	.login-main{display: block;}
	.login-l,.login-r{width:100%;padding:40px 4%;min-height:auto;}
	.login-r{background: #f8f8f8;}
	
	.login-l .t-tit{display: none;}
	.login-box .ttb{display: none;}
	
	.login-main .login-btn{width:100%;}
	.login-r{display: flex;flex-direction: column;}
	.login-r .txt{background:#fff;padding:25px;}
	
	
	.login-main .register-btn{width:100%;margin-top: 10px;}
	.login-about{order:100;background:#fff;margin:25px 0 0 -4%;width:calc(100% + 8%);padding:30px 4%;}
	.login-about-box{background: #f8f8f8;padding:30px 30px 15px;}
	
	/* register */
	.register-r{display: flex;flex-direction: column;padding:30px 4% 0;}
	
	.register-tit{font-size:20px;}
	.register-fw{background:none;padding:0;margin:0;}
	
	
	/* list */
	.list-recom .swiper-slide, .list-recom .item{width:110px;}
	.list-recom .autoc{width:calc(100% + 6%);}
	.list-recom .swiper-button{width: 40px;height: 40px;}
	.list-recom .swiper-button-next{right: 40px;}
	
	.list-ban{height: 400px;}
	
	
	
	.list-tabs{padding:0;top:70px;}
	.list-tabs .tabs-wrap{display:flex;align-items:stretch;position:relative;width:calc(100% + 6%);}
	.list-tabs .pub-tabs{flex:1;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:20px 0 12px 0;}
	.list-tabs .pub-tabs::-webkit-scrollbar{display:none;}
	.list-tabs .pub-tabs .lk{flex-shrink:0;white-space:nowrap;color:#727272;line-height:1.3;padding-bottom:6px;font-size:14px;}
	.list-tabs .pub-tabs .lk.cur{color:#1a1a1a;}
	.list-tabs .pub-tabs .lk::after{height:1px;background:#1a1a1a;bottom:0;}
	.list-tabs .pub-tabs .lk:hover{color:#727272;}
	.list-tabs .pub-tabs .lk:hover::after{width:0;}
	.list-tabs .pub-tabs .lk.cur:hover{color:#1a1a1a;}
	.list-tabs .pub-tabs .lk.cur::after,.list-tabs .pub-tabs .lk.cur:hover::after{width:100%;}
	.list-tabs .tabs-next{flex-shrink:0;width:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;background:linear-gradient(to right, rgba(255,255,255,0), #fff 40%);margin-left:-16px;padding-left:16px;z-index:2;}
	.list-tabs .tabs-next::after{content:'\e70a';font-family:'iconfont';font-size:14px;color:#1a1a1a;line-height:1;}
	
	
	/* shipping */
	.ship-main .back-bar{padding-left:6%;padding-right:6%;}
	.ship-main .auto{width:100%;}
	.ship-main .p30{padding-left:6%;padding-right:6%;}
	
	
	/* orders */
	
	.order-main .order-tabs .pub-tabs{padding-left:15px;padding-right:15px;gap:25px;align-items:center;}
	.order-mod .detail{padding:15px;}


		
	
	
	
	
}



.layui-m-layer-left_align .layui-m-layercont {
  text-align: left !important;
}