/*all*/
:root{
    --content-width:98%;
    --content-min-width:1000px;
    --content-max-width:1400px;
}
body,div{margin:0;padding:0;font-size: 12px;}
.hidden{display: none !important;}
a:link,a:visited{color: grey;text-decoration: none;}
a:hover{color: var(--first-color);}
.debug{display: none;}
h1,h2,h3,h4,h5,h6{font-size: inherit;}

.ico-video{background: url(/static/img/video.png) no-repeat center center;background-size: 20%;}
.ico-panorama{background: url(/static/img/panorama.png) no-repeat center center;background-size: 20%;}
.ico-socia{background: url(/static/img/shejiao.png) no-repeat 0 center;background-size: 500%;width: 40px;height: 40px;margin-right: 8px;filter:sepia();cursor: pointer;}
.ico-socia:hover{filter:none;}
.ico-socia-youtube{background-position-x: 0;}
.ico-socia-facebook{background-position-x: 25%;}
.ico-socia-instagram{background-position-x: 50%;}
.ico-socia-twitter{background-position-x: 75%;}
.ico-socia-linkedin{background-position-x: 100%;}
.ico-socia-youtube:hover{filter: hue-rotate(45deg) brightness(1.5);}
.ico-socia-facebook:hover{filter: hue-rotate(275deg) brightness(1.5);}
.ico-socia-instagram:hover{filter: hue-rotate(5deg) brightness(1.5);}
.ico-socia-twitter:hover{filter: brightness(0);}
.ico-socia-linkedin:hover{filter: hue-rotate(259deg) brightness(1.3);}

/*contact blur*/
.glassfilter{user-select: none;}
.glassfilter .glassfilterhide{filter: blur(3px);}
.glassfiltertext{display: none;}
.glassfilter .glassfiltertext{display: flex;align-items: center;justify-content: center;color: var(--first-color);font-size: 14px;}
[data-secret]{display: flex;align-items: center;}
char{display:inline-flex; width: 0.75rem;height: 0.75rem; background-image: url(/static/img/char.png);background-repeat: no-repeat; background-size: 1100%;filter: grayscale(1);transform: scaleX(0.75) scaleY(1.2);margin:0 -2px;}

/*top*/
.top{width: 100%;height: 35px;background: #222;border-bottom: solid thin #eee;display: flex;justify-content: center;position: fixed;z-index: 9999;top: 0;}
.top-loader{width:var(--content-width); min-width: var(--content-min-width);max-width: var(--content-max-width);display: flex;justify-content: space-between; line-height: 35px;}
.top-logo{display: none !important;}
.top-wel{flex: 1;color: white;}
.top-quick{display: flex;justify-content: flex-end;}
.top-quick>div,.top-quick>a,.top-quick>span{margin-left: 18px;display: flex;align-items: center;}
.top-quick>span{color: silver;}
.top-quick a>span{color: var(--second-color);}
.top-quick i{margin-right: 3px;}

.top-fav{justify-content: flex-end;margin-left: 0 !important;padding-left: 18px;}
.top-fav:hover .top-fav-loader,.top-fav-hover{display: flex !important;}
.top-fav>a:link{color: #ddd;}
.top-fav-select{display: flex;align-items: center;}
.top-fav-loader-template{display: none;}
.top-fav-loader{position: absolute;top:35px;padding:8px 0; width:240px;max-height:65vh ; overflow-y: auto;background: rgba(247, 247, 247,0.8); backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);  display: none;flex-direction: column; z-index: 999;border:solid thin #eee;border-top: 0;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.top-fav-note{text-align: center;display: flex;align-items: center;justify-content: center;}
.top-fav-note i{color: var(--third-color);}
.top-fav-loader>a{width: 100%;font-size: 14px;}
.top-fav-loader>a:link,.top-fav-loader>a:visited{text-align: center;}
.top-fav-loader>a:hover{background: var(--second-color);color: black;}
.fav-one{flex: 1 ;display: flex;align-items: center;padding:5px;}
.fav-cover{width: 50px;height: 50px;margin-right: 5px;border-radius: 4px;background-position: center center;background-size: cover;}
.fav-info{flex: 1;display: flex;flex-direction: column;overflow: hidden;}
.fav-title{font-size: 12px;height: 30px;line-height: 30px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;text-align: left;}
.fav-price{color: var(--third-color);height: 20px; line-height: 20px;font-size: 14px;text-align: left;}
.fav-price>span{font-size: 8px;}
.fav-delete{width: 30px;display: none;justify-content: center;align-items: center;}
.fav-one:hover .fav-delete{display: flex;}
.fav-delete i{font-weight: bold;}

.top-lang{justify-content: flex-end;margin-left: 0 !important;padding-left: 18px;}
.top-lang:hover .top-lang-loader{display: flex;}
.top-lang-select{display: flex;align-items: center;}
.top-lang-select:link{color: #ddd;}
.top-lang-loader{position: absolute;top:35px;width:240px;overflow: hidden;background: rgba(247, 247, 247,0.8); backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);  display: none;flex-wrap: wrap;z-index: 999;border:solid thin #eee;border-top: 0;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.top-lang-loader>a{width: 50%;line-height: 30px;font-size: 14px;}
.top-lang-loader>a:link,.top-lang-loader>a:visited{text-align: center;}
.top-lang-loader>a:hover{background: var(--first-color);color: white;}
.top-navi{display: none !important;}
.totop{width: 40px;height: 40px;position: fixed;bottom: 300px;right: 20px; display: none;justify-content: center;align-items: center;border-radius: 50%;z-index: 999;background: var(--first-color);cursor: pointer;}
.totop>i{font-size: 2rem;color: white;font-weight: bold;}
.country{position: fixed;top: 0;left: 0;width: calc(100vw - 20vw);height: calc(100vh - 100px);z-index: 9999;background-color: rgba(255,255,255,0.85);backdrop-filter: blur(20px);padding:50px 10vw;display: none;}
.country-loader{width: 100%;height: 100%; display: flex; flex-direction: column;align-items: flex-start;justify-content: center;}
.country-close{position: absolute;top: 20px;right: 20px;cursor: pointer;}
.country-close>i{font-size: 30px;font-weight: bold;}
.country-title{font-size: clamp(1.8rem,5vw,3.5rem);font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}
.country-lang{display: flex;flex-wrap: wrap;padding:50px 0;margin-bottom: 50px;width: 100%;}
.country-lang a:link,.country-lang a:visited{min-width: 140px;width:25%;max-width:250px;line-height: 2.5rem;color: var(--first-color);}
.country-lang a:hover{text-decoration: underline;}
@media (min-width:1500px) {
    .totop{right:calc(100vw / 2 - 700px - 50px);}
}
.header-navi{display: flex;justify-content: center;margin-top: 35px;position: sticky;top:35px;z-index: 999;background: white;border-bottom: solid thin #eee;}
.header-navi-loader{position: relative;width: var(--content-width);
    min-width: var(--content-min-width);
    max-width: var(--content-max-width);}
/*header*/
.header{width: 100%;overflow: hidden; margin:20px 0;display: flex;justify-content: center;}
.header-loader{width:var(--content-width); min-width: var(--content-min-width);max-width: var(--content-max-width);overflow: hidden; display: flex;justify-content: space-between;align-items: center;}
.logo{width: 200px;overflow: hidden; margin-right: 50px;}
.logo img{width: 200px;}
.logo span{display: flex;justify-content: space-around;color: gray;font-weight: 200;}
.search-loader{flex:1;}
.search-menu{display: flex;font-size: 14px;}
.search-menu>span{min-width: 60px;height: 35px;padding:0 8px; display: flex;justify-content: center;align-items: center;cursor: pointer;}
.search-menu>.search-menu-active{background:var(--first-color);color: white;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.search-input{display: flex;position: relative;top:-5px;}
.search-form{display: flex;width: 100%;}
.search-form>input{flex:1;height: 48px;margin:0;padding:0 0 0 20px;font-size: 16px; border:solid 2px var(--first-color);border-right: 0;border-bottom-left-radius: 5px;border-top-left-radius: 5px;}
.search-form>input:focus{outline:0;}
.search-form>button{border:0;margin:0;padding:0 25px;font-size: 18px;cursor: pointer;}
.search-form>button:nth-child(3) {background: var(--first-color);color: white;border:solid 2px var(--first-color);border-left: 0;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.search-form>button:nth-child(4){background: var(--second-color);color: white;border:solid 2px var(--second-color);border-radius: 5px;margin-left: 15px;}
.search-clear-loader{position: relative;width: 0; height: 50px;align-items: center;display: none;}
.search-input-clear{position: absolute;left: -35px; width: 22px;height: 22px;background: rgba(0, 0, 0, 0.4);color: white;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-weight: bold;cursor: pointer;}
.search-input-clear:hover{background: rgba(0, 0, 0, 0.7);}
.search-keys{height: 24px;line-height: 24px;}
.search-keys a{margin-right: 8px;}
/*footer*/
.footer{width: 100%;display: flex; background: #222;justify-content: center;}
.footer-loader{width:var(--content-width); min-width: var(--content-min-width);max-width: var(--content-max-width);overflow: hidden; display: flex;flex-direction: column; justify-content: space-between;align-items: center;}
.footer-quick{width: 95%; display: flex;margin:30px 0;justify-content: space-between;align-items: center;}
.footer-link{flex: 1;display: flex;justify-content: flex-start;}
.footer-link-one{width: 16%;min-width: 120px;max-width: 200px; display: flex;flex-direction: column;}
.footer-link-one>span{color: #eee;font-size: 18px;line-height: 50px;}
.footer-link-one>a{font-size: 14px;line-height: 24px;}
.footer-link-one>a:link,.footer-link-one>a:visited{color: silver;}
.footer-link-one>a:hover{color: white;text-decoration: underline;}
.footer-qrcode{width:fit-content;display: flex;justify-content: center;align-items: center; flex-direction: column;background-color: white;padding:10px;position: relative;}
.footer-qrcode>img{width: 100px;height: 100px;}
.footer-qrcode>span{color: silver;line-height: 35px;}
.footer-qrcode .qrlogo{width: 30px;height: 30px;position: absolute;}
.footer-info{width: calc(100% - 100px);display: flex;justify-content: space-between;align-items: flex-start;padding: 40px 50px;}
.footer-lang,.footer-about,.footer-contact,.footer-message{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;color: white;}
.footer-lang>a,.footer-about>a{margin:10px 0;color: white;font-size: 1rem;}
.footer-contact>span{margin:5px 0;color: white;font-size: 1rem;}
.footer-contact char{filter: contrast(0) brightness(3);}
.footer-title{color: silver;font-size: 1.2rem;line-height: 2rem;}
#footer-message-form{display: flex;flex-direction: column;justify-content: flex-start;font-size: 1rem;}
#footer-message-form input,#footer-message-form textarea{border:solid thin #555;background: #333;height:30px;margin:8px 0;padding:0 8px;color: white;}
#footer-message-form textarea{width: 100%;height: 80px;}
#footer-message-form button{width: 120px;height: 50px;margin:8px 0;}
.footer-friendlylink{line-height: 1.5rem;display: flex;align-content: center;}
.footer-friendlylink span{color: grey;}
.footer-friendlylink i{font-size: 10px;margin-left: 8px;}
.footer-friendlylink a:link,.footer-friendlylink a:visited{margin-left: 8px;}
.footer-copyright{width:calc(100% - 100px);border-top:solid thin #333;color: silver;padding:16px 50px;display: flex;align-items: center;justify-content: flex-start;border-top: solid thin #666;}
.footer-copyright>span{line-height: 32px;margin-right: 10px;}
.footer-copyright>span>a{margin:0 5px;}
.footer-copyright>span>a:link,.footer-copyright>span>a:visited{color: silver;}
.footer-copyright>span>a:hover{color: white;}
.footer-poweredby a:link,.footer-poweredby a:visited{margin-left: 5px;}
.footer-socia{flex: 1;display: flex;justify-content: flex-end;}
.footer-socia>text{width: 20px;height: 20px;filter: contrast(0) brightness(1.5);}
.footer-socia>text:hover{filter: contrast(0) brightness(3);}
.footer-navi{display: none;}
/*login*/
.login-content{display: flex;flex-direction: column;align-items: center;}
.login-qrcode{width: 180px;height: 180px;background-size: contain !important;display: flex;justify-content: center;align-items: center;}
.login-qrcode i{display: none;font-size: 50px;color: white;}
.login-qrcode:hover{background-blend-mode:darken; cursor: pointer;background-color: gray !important;}
.login-qrcode:hover i{display: inherit;}
.login-qrcode img{width: 100%;height: 100%;}
.login-note{color: gray;line-height: 25px;}

/*content*/
.content{width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;padding:20px 0 20px 0;}
.content-index,.content-home{background: var(--bg-color);}
/*index*/
.index-loader{width:1200px;display: flex;flex-direction: column;}
.index-top{width: 100%; display: flex;}
.index-swiper-loader{flex: 1;overflow: hidden;border-radius: 4px;background:white;}
.index-swiper-one{background-repeat: no-repeat;background-size: cover;background-position: center center;}
.index-my{width: 250px;margin-left: 10px;background: white;overflow: hidden;border-radius: 4px;padding:20px 0;}
.index-my-info{display: flex;padding:0 15px;}
.index-my-photo{width: 50px;height: 50px;overflow: hidden;border-radius: 50%;}
.index-my-photo img{width: 100%;height: 100%;}
.index-my-me{flex: 1;display: flex;flex-direction: column;margin-left: 15px;justify-content: space-evenly;}
.index-my-nickname{font-size: 14px;}
.index-my-welcome{color: gray;}
.index-my-onekey{width: 100%;}
.index-my-onekey img{width: 100%;}
.index-my-onekeynote{position: relative;width: 0;height: 0;}
.index-my-onekeynote span{position: absolute;width: max-content;}
.index-my-onekeynote span:nth-child(1){top:-53px;left:30px;font-size: 14px;font-weight: bold;}
.index-my-onekeynote span:nth-child(2){top:-33px;left:30px;font-weight: 300;}
.index-my-button{display: flex;justify-content: space-between;align-items: center;padding:20px;margin-top:10px;}
.index-my-button button{width: 90px;height: 35px;color: white;font-size: 16px;border: 0;border-radius: 4px;cursor: pointer;}
.index-my-button button:nth-child(1){background: var(--first-color);}
.index-my-button button:nth-child(2){background: var(--second-color);}
.index-my-notice{padding:0 20px;}
.index-my-notice-title{display: flex;}
.index-my-notice-title span{border-bottom: solid 2px var(--first-color);color: var(--first-color);line-height: 24px;}
.index-my-notice-list{display: flex;flex-direction: column;margin-top: 10px;}
.index-my-notice-list a{line-height: 20px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.index-my-notice-list a:link,.index-my-notice-list a:visited{color: #333;}
.index-my-notice-list a:hover{color: var(--first-color);}
.index-information{margin-top: 25px;display: flex;align-items: center;background: white;padding:12px 50px;}
.index-info-one{display: flex;align-items: center;flex: 1;border-left: solid thin #eee;}
.index-info-one:first-child{border:0;}
.index-info-one img{width: 40px;height: 40px;margin:0 20px;}
.index-info-one span{flex: 1;font-size: 18px;}
.index-recommend{margin-top:20px;display: flex;justify-content: space-between;}
.index-recom-one{width: 590px;background: white;;border-radius: 4px;}
.index-recom-header{display: flex;align-items: baseline;height: 30px;background: var(--bg-color);padding:10px;}
.index-recom-header>i{color: var(--first-color);font-weight: bold;}
.index-recom-header>span{font-size: 16px;font-weight: bold;flex: 1;margin-left: 8px;}
.index-recom-header>a{font-size: 14px;display: flex;align-items: center;}
.index-recom-header>a>i{font-size: 14px;}
.index-recom-swiper{width:560px;margin:15px; overflow: hidden;}
.rec-pro-list{display: flex;}
.rec-pro-one{width: 100%; display: flex;flex-direction: column;}
.rec-pro-pic{width: 165px;height: 165px;background: url(/static/img/lejubababg.png) no-repeat center center;background-size: 80%;}
.rec-pro-pic>div{width: 100%;height: 100%;background-size: cover;}
.rec-pro-pic:hover{filter: brightness(0.85);}
.rec-pro-title{width: 165px;line-height: 30px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.rec-pro-price{color: var(--third-color);font-size: 16px;}
.rec-pro-price span{font-size: 12px;margin-right: 5px;}
.rec-pro-price text{color: gray;font-size: 12px;margin-left: 8px;}
.swiper-button-prev,.swiper-button-next{color: white;background: rgba(0,0,0,0.3);height: 60px;}
.swiper-button-prev::after,.swiper-button-next::after{content: '';}
.swiper-button-prev{border-top-right-radius: 8px;border-bottom-right-radius: 8px;margin-left: -10px;margin-top:-50px;}
.swiper-button-next{border-top-left-radius: 8px;border-bottom-left-radius: 8px;margin-right: -10px;margin-top:-50px;}
.index-shop,.index-products{background: white;margin-top: 20px;border-radius: 4px;padding:20px;}
.index-shop-header,.index-products-header{display: flex;align-items: baseline;line-height: 50px;}
.index-shop-header span:nth-child(1),.index-products-header span:nth-child(1){font-size: 22px;font-weight: bold;}
.index-shop-header span:nth-child(2),.index-products-header span:nth-child(2){color: gray;margin-left: 10px;font-size: 14px;}
.index-shop-swiper{width: 100%;}
.index-shop-list{display: flex;}
.index-shop-one{width: 100%;margin-right: 15px;padding:25px 20px;background: var(--bg-color);}
.index-shop-one>a{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.index-shop-logo{width: 60px;height: 60px;background-size: cover;border-radius: 50%;}
.index-shop-name{font-size: 16px;line-height: 50px;height: 50px;text-align: center;}
.index-shop-prolist{width: 100%; display: flex;justify-content: space-between;}
.index-shop-proone{width: 85px;height: 85px;background: url(/static/img/lejubababg.png) no-repeat center center;background-size: 80%;}
.index-shop-proone>div{width: 100%;height: 100%;background-size: cover;}
.index-shop-enter button{margin:20px 20px 0;border:0;min-width: 60px;height: 28px;padding:0 8px;background: var(--first-color);color: white;border-radius: 4px;cursor: pointer;}
.index-activity{margin-top: 20px;}
.index-activity img{width: 100%;border-radius: 4px;}
.index-products-list{display: flex;justify-content:space-between; flex-wrap: wrap;}
.index-pro-one{width: 220px;  cursor: pointer;border: solid thin #eee;margin-top:15px;}
.index-pro-one:hover{border: solid thin var(--first-color);}
.index-pro-img-loader{width: 220px;height: 220px; background-size: cover;background-position: center center;overflow: hidden;}
.index-pro-img-ico{width: 100%;height: calc(100% - 52px);margin-top:26px; display: flex;justify-content: center;align-items: center;filter: drop-shadow(2px 2px 5px black);}
.index-pro-img-text{width: 100%;height: 26px;line-height:26px;background: var(--first-color);color: white;text-align: center;opacity: 0.92;display: none;}
.index-pro-one:hover .index-pro-img-ico{filter:opacity(0.6);}
.index-pro-one:hover .index-pro-img-text{display: block;}
.index-pro-info{display: flex;flex-direction: column;width: 94%;margin:5% 3%;}
.index-pro-price{font-size: 20px;font-weight: bolder;color: var(--third-color);line-height: 26px;}
.index-pro-price>span{font-size: 10px;margin-right:5px;}
.index-pro-title{height: 40px;line-height: 20px;overflow: hidden;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.index-pro-pick{width: 220px;}
.index-products-more{display: flex;justify-content: center;padding:30px 0;}
.index-products-more a:link,.index-products-more a:visited{border: solid thin #eee;background: white;width: 120px;height: 35px;border-radius: 6px;font-size: 14px;cursor: pointer;display: flex;justify-content: center;align-items: center;}
.index-products-more a:hover{background: #eee;color: #333;}
.index-products-over{display: flex;flex-direction: column; justify-content: center;align-items: center;margin:20px auto;color: #555;}
.index-products-over i{font-size: 50px;margin-bottom: 20px;}

/*category*/
.category-select{width: 100%;display: flex;justify-content: center;}
.category-select-loader{width:var(--content-width); min-width: var(--content-min-width);max-width: var(--content-max-width);overflow: hidden;display: flex;align-items: center;margin:15px 0;}
.category-select-info{flex: 1;min-height: 30px;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.category-select-title{color: var(--first-color);font-size: 16px;}
.category-select-arrow i{font-size: 10px;color: #555;}
.category-select-result{color: gray;}
.category-select-result>span{color:var(--first-color);}
.category-select-tags{display: flex;}
.category-select-tags-one,.category-select-clear,.category-select-hide{line-height: 18px; border:solid thin #ddd;padding:2px 8px;margin:3px 6px;cursor: pointer;}
.category-select-tags-one{display: flex;align-items: center;padding:0 0 0 8px;}
.category-select-tags-one:hover,.category-select-clear:hover{border: solid thin var(--first-color);}
.category-select-tags-one>span{color: var(--first-color);}
.category-select-tags-one>i{font-size: 8px;margin-left: 5px;padding:2px 4px;}
.category-select-tags-one:hover i{ background: var(--first-color);color: white;}
.category-select-hide{background: #f3f3f3;color: #555;}
.category-select-hide>span{display: flex;align-items: center;}
.category-select-hide>span i{font-size: 8px !important;margin-left: 5px;}
.category-header{width: 100%;border-bottom: solid 2px var(--first-color);display: flex;justify-content: center;}
.category-header-loader{width:var(--content-width); min-width: var(--content-min-width);max-width: var(--content-max-width);overflow: hidden;}
.category-header-nav{display: flex;justify-content: flex-start;}
.category-header-nav>a{padding:8px 20px;font-size: 16px;}
.category-header-nav>a:link,.category-header-nav>a:visited{background: var(--first-color);color: white;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.category{width: 100%;display: flex;justify-content: center;}
.category-loader{width:var(--content-width); min-width: var(--content-min-width);max-width: var(--content-max-width);overflow: hidden;}
.category-tags{width: 100%;display: flex;flex-direction: column;background: #ddd;margin-top: 15px;}
.category-tags-one{width:calc(100% - 2px); display: flex;background: #eee;margin:0 1px 1px 1px;}
.category-tags-one:nth-child(1){margin-top: 1px;}
.category-tags-title{width: 80px;padding:10px;line-height: 30px;font-size: 16px;color: #555;}
.category-tags-list{flex: 1;display: flex; background: white;padding:10px;flex-wrap: wrap;border-left: solid 1px #ddd;}
.category-tags-list>a{margin-right: 15px;line-height: 30px;font-size: 14px;word-break: keep-all;}
.category-tags-list>a:link,.category-tags-list>a:visited{color: #333;}
.category-tags-list>a:hover,.category-tags-list>a.active{color: var(--first-color);}

/*knowledge*/
.content-knowledge{background: var(--bg-color);}
.knowledge-loader{width: 100%; min-width: 800px; max-width: 1000px; background: white;border: 4px;display: flex;padding:60px 40px;}
.knowledge-left{min-width: 90px;max-width: 160px; display: flex;flex-direction: column;}
.knowledge-cat-title{font-size: 16px;font-weight: bold;line-height: 2rem;}
a.knowledge-cat-subject{font-size: 14px;line-height: 2rem;}
a.knowledge-cat-subject:hover{color: var(--first-color);}
a.knowledge-cat-active{color: var(--first-color);}
.knowledge-right{flex: 1;margin-left: 50px;}
.knowledge-title{font-size: 24px;font-weight: bold;margin-bottom: 15px;}
.knowledge-detail{font-size: 16px;line-height: 30px;padding-right: 30px;}

/*inquiry*/
.content-inquiry{background: var(--bg-color);}
.inquiry-loader{width:1000px;background: white;border: 4px;display: flex;padding:60px 30px 50px 50px;flex-direction: column;}
.inquiry-title{font-size: 18px;font-weight: bold;border-bottom: solid thin #eee;padding-bottom: 15px;}
.inquiry-content{display: flex;flex-direction: column;}
.inquiry-list{width: 100%;margin:30px 0;font-size: 14px;}
.inquiry-list thead{font-weight: bold;}
.inquiry-list tr{line-height: 40px;}
.inquiry-list td{padding:5px 10px 5px 0;}
.inquiry-list td i{margin-right: 0;font-size: 18px;cursor: pointer;}
.inquiry-content input{width: 100%;max-width: 500px; border: solid thin #eee;border-radius: 4px;line-height: 40px;text-indent: 8px;}
.inquiry-content input:hover{border: solid thin var(--first-color);}
.inquiry-add{color: var(--first-color);display: flex;align-items: center;font-size: 16px;cursor: pointer;padding-bottom:15px;border-bottom: solid thin #eee;}
.inquiry-contact{width: 100%;}
.inquiry-contact-title{font-size: 16px;font-weight: bold;margin:20px 0;}
.inquiry-contact-content{display: flex;}
.inquiry-contact-content input{margin-right: 10px;width: 200px;font-size: 14px;}
.inquiry-submit{margin:50px 0;}
.inquiry-submit button{background: var(--first-color);}
.inquiry-submit button:disabled{background: gray;}

/*feedback*/
.content-feedback{background: var(--bg-color);}
.feedback-loader{width:1000px;background: white;border: 4px;display: flex;padding:60px 30px 50px 50px;flex-direction: column;}
.feedback-title{font-size: 18px;font-weight: bold;border-bottom: solid thin #eee;padding-bottom: 15px;}
.feedback-content{padding: 30px 0 0;}
.feedback-submit button{background: var(--first-color);}
.feedback-submit button:disabled{background: gray;}

/*list*/
.list{width: 100%;display: flex;flex-direction: column; justify-content: center;align-items: center;}
.list-loader{width:var(--content-width); min-width: var(--content-min-width);max-width: var(--content-max-width);overflow: hidden;display: flex;justify-content:space-between; flex-wrap: wrap;}
.list-loader:after{content:'';width:25%;}
.pro-without{flex: 1; display: flex;flex-direction: column; justify-content: center;align-items: center;margin:80px 0 50px;font-size: 16px;font-weight: 300;}
.pro-without i{font-size: 80px;margin-bottom: 10px;color: gray;}
.pro-pick{overflow: hidden;width:236px;}
.pro-one{width: 236px;  cursor: pointer;border: solid thin #eee;margin-top:18px;}
.pro-one:hover{border: solid thin var(--first-color);}
.pro-img-loader{width: 236px;height: 236px; background-size: cover;overflow: hidden;}
.pro-img-ico{width: 100%;height: calc(100% - 52px);margin-top:26px;display: flex;justify-content: center;align-items: center;filter: drop-shadow(2px 2px 5px black);}
.pro-img-text{width: 100%;height: 26px;line-height:26px;background: var(--first-color);color: white;text-align: center;opacity: 0.92;display: none;}
.pro-one:hover .pro-img-ico{filter: opacity(0.6);}
.pro-one:hover .pro-img-text{display: block;}
.pro-info{display: flex;flex-direction: column;width: 94%;margin:5% 3%;}
.pro-price{font-size: 20px;font-weight: bolder;color: var(--third-color);line-height: 26px;}
.pro-price>span{font-size: 10px;margin-right:5px;}
.pro-title{height: 40px;line-height: 20px;overflow: hidden;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
@media (min-width:1000px) {
    .pro-pick{width:23.5vw;}
    .pro-one{width: 23.5vw;margin-top:1.5vw;}
    .pro-img-loader{width: 23.5vw;height: 23.5vw;}
}
@media (min-width:1200px) {
    .pro-pick{width:19vw;}
    .pro-one{width: 19vw;margin-top:0.8vw}
    .pro-img-loader{width: 19vw;height: 19vw;}
}
@media (min-width:1400px) {
    .pro-pick{width:270px;}
    .pro-one{width: 270px;}
    .pro-img-loader{width: 270px;height: 270px;}
}
/*page*/
.page{width: 100%;display: flex;justify-content: center;background: white;}
.page-loader{width:var(--content-width); min-width: var(--content-min-width);max-width: var(--content-max-width);overflow: hidden;display: flex;margin:20px 0;justify-content: center;}
.page-loader>a,.page-loader>span{display: flex;justify-content: center;align-items: center; min-width: 10px;height: 40px; margin:4px;padding:0 15px;text-align: center; font-size: 14px;border-radius: 5px;color: #333;background: #eee;}
.page-loader>a:hover,.page-loader>a.page-active{background: var(--first-color);color: white;}
/*recommend*/
.recommend{width: 100%;display: flex;justify-content: center;}
.recommend-loader{width:var(--content-width); min-width: var(--content-min-width);max-width: var(--content-max-width);overflow: hidden;border:solid thin #eee;border-radius: 4px;}
.recommend-title{border-left: solid thick var(--first-color);font-size: 20px;color: #333;margin:30px 30px 0 30px;text-indent: 15px;}
.recommend-list{display: flex;justify-content:space-between; flex-wrap: wrap;margin:0 30px 30px 30px;}
.recommend-pro-one{width: 180px;  cursor: pointer;margin-top:18px;}
.recommend-pro-one:nth-child(15){display: inherit;}
.recommend-pro-pic{width: 180px;height: 180px; background: url(/static/img/lejubababg.png) no-repeat center center;background-size: 80%;}
.recommend-pro-pic>div{width: 100%;height: 100%;background-size: cover;}
.recommend-pro-title{height: 40px;line-height: 20px;overflow: hidden;color: #333;margin:0 5px;}
.recommend-pro-price{font-size: 20px;color: var(--third-color);line-height: 20px;margin:0 5px;}
.recommend-pro-price>span{font-size: 10px;margin-right:5px;}
@media (min-width:1000px) {
    .recommend-pro-pick{width:17.5vw;}
    .recommend-pro-one{width: 17.5vw;margin-top:1.5vw;}
    .recommend-pro-pic{width: 17.5vw;height: 17.5vw;}
    .recommend-pro-one:nth-child(15){display: inherit;}
}
@media (min-width:1200px) {
    .recommend-pro-pick{width:13.2vw;}
    .recommend-pro-one{width: 13.2vw;margin-top:0.8vw}
    .recommend-pro-pic{width: 13.2vw;height: 13.2vw;}
    .recommend-pro-one:nth-child(15){display: none;}
}
@media (min-width:1400px) {
    .recommend-pro-pick{width:180px;}
    .recommend-pro-one{width: 180px;}
    .recommend-pro-pic{width: 180px;height: 180px;}
    .recommend-pro-one:nth-child(15){display: none;}
}
/*lost*/
.lost{width: 100vw;height: 100vh;display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: 32vw;font-family: fantasy;line-height: 15vw;}
.lost>span{font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;line-height: 5rem;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.lost>span a{margin:0 10px;}

/* Biz Style */
/*biz-header*/
.biz-header{width: 100%;overflow: hidden; margin:15px 0;display: flex;justify-content: center;}
.biz-header-loader{width:var(--content-width); min-width: var(--content-min-width);max-width: var(--content-max-width);overflow: hidden; display: flex;justify-content: space-between;align-items: center;}
.biz-logo{width: 160px;overflow: hidden; margin-right: 30px;}
.biz-logo img{width: 160px;}
.biz-company-info{width: auto;display: flex;}
.biz-company-info-logo{width: 90px;height: 50px;display: flex;margin:2px 15px 2px 0;background-size: cover;background-position: center center;}
.biz-company-info-content{width: 100%;display: none;flex-direction: column;flex: 1;}
.biz-company-info-name{font-size: 14px;font-weight: bold;line-height: 30px;display: flex;align-items: center;margin-right: 25px;}
.biz-company-info-name span{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.biz-company-info-veri{width: 35px;height: 14px;background-image: url(/static/img/lejubaba/verify.png);background-repeat: no-repeat;background-size: 100%;margin-left: 5px;flex: none;}
.biz-company-info-more{line-height: 24px;font-size: 0.9rem;font-family: fantasy;}
.biz-company-info-auz{font-size: 10px;font-weight: bold; color: var(--third-color);}
.biz-company-info-about{display: none;}
.biz-search-loader{width: 30%;}
.biz-search-form{display: flex;width: 100%;}
.biz-search-form>input{flex:1;height: 40px;margin:0;padding:0 0 0 20px;font-size: 16px; border:solid 1px var(--first-color);border-right: 0;border-bottom-left-radius: 5px;border-top-left-radius: 5px;}
.biz-search-form>input:focus{outline:0;}
.biz-search-form>button{border:0;margin:0;padding:0 25px;font-size: 18px;cursor: pointer;}
.biz-search-form>button:nth-child(3) {background: var(--first-color);color: white;border:solid 2px var(--first-color);border-left: 0;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.biz-search-form>button:nth-child(4){background: var(--second-color);color: white;border:solid 2px var(--second-color);border-radius: 5px;margin-left: 15px;}
.biz-search-clear-loader{position: relative;width: 0; height: 42px;align-items: center;display: none;}
.biz-search-input-clear{position: absolute;left: -35px; width: 22px;height: 22px;background: rgba(0, 0, 0, 0.6);color: white;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-weight: bold;cursor: pointer;}
/*biz-nav*/
.biz-nav{height: 38px; display: flex;position: absolute;top: 23px;left: 110px;}
.biz-nav-loader{display: flex;justify-content:flex-start;}
.biz-nav-one{height: 100%;padding:0 10px; display: flex;justify-content: flex-start;align-items: flex-start;position: relative;}
.biz-nav-one:hover>a>*,.biz-nav-active>a>*{color: var(--first-color);}
.biz-nav-one:hover .biz-nav-list{display: inline-table;}
.biz-nav-one>a:link,.biz-nav-one>a:visited{width: 100%;height: 100%; display: flex;justify-content: center;align-items: center;font-size: 14px;font-weight: bold;color: #333;}
.biz-nav-list{display: none;flex-direction: column;justify-content: flex-start;position: absolute;margin-top:38px;margin-left:-10px; min-width: 140px;overflow-x: hidden; padding: 8px 0 8px 0;z-index: 999;}
.biz-nav-list::before{content:"";background: rgba(255, 255, 255,0.65);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;}
.biz-nav-list-one{max-width: 280px;display: flex;flex-direction: column;}
.biz-nav-list-one>a{height: 36px;text-indent: 10px; display: flex;justify-content: space-between;align-items: center;overflow:hidden;font-size: 14px;padding-right: 10px;}
.biz-nav-list-one>a:link,.biz-nav-list>a:visited{color: #333;border-left: solid 5px transparent;}
.biz-nav-list-one>a:hover{color: var(--first-color);border-left: solid 5px var(--first-color);background: rgba(0, 0, 0, 0.03);}
.biz-nav-list-one>a>i{font-size: 14px;}
.biz-nav-list-one>a span{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.biz-nav-list-one:hover .biz-nav-list-child{display: flex;}
.biz-nav-list-child{display: none;flex-direction: column;justify-content: flex-start;position:absolute;left: calc(100% - 5px); width: max-content;max-width: 240px; background: rgba(255, 255, 255,0.8);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);}
.biz-nav-list-child a{height: 36px;text-indent: 10px; display: flex;justify-content: flex-start;align-items: center;overflow:hidden;font-size: 14px;padding-right: 10px;}
.biz-nav-list-child a:link,.biz-nav-list-child a:visited{color: #333;border-left: solid 5px transparent;}
.biz-nav-list-child a:hover{color: var(--third-color);border-left: solid 5px var(--third-color);background: rgba(0, 0, 0, 0.03);}
.biz-nav-list-child a span{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}

/*biz-split*/
.biz-loader{width:var(--content-width); min-width: var(--content-min-width);max-width: var(--content-max-width); display: flex;align-items: normal;}
.biz-left{width: 209px;margin-right: 0;align-self: stretch;border-right: solid 1px gainsboro;padding:0px 15px;background: white;}
.biz-block{margin-bottom: 10px;overflow: hidden;}
.biz-block-title{color: black;line-height: 1.4rem;text-align: right;font-size: 16px;font-weight:bold;border-bottom: solid thin gainsboro;padding:0.8rem 20px 0.8rem 0;}
.biz-block-content{display: flex;flex-direction: column;align-items: flex-start;padding:10px 0;justify-content: flex-end;}
.biz-block-content>*{line-height: 2rem;padding:0 20px;width: calc(100% - 40px);}
.biz-block-content a:link,.biz-block-content a:visited{color: #333;font-size: 14px;display: flex;overflow: hidden;justify-content: flex-end;}
.biz-block-content a:hover{background: var(--bg-color);color: var(--first-color);text-decoration: underline;}
.biz-block-content a:hover>span{white-space: initial;}
.biz-block-content a>span{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.biz-block-content div{display: flex;flex-direction: column;align-items: flex-end;}
.biz-block-content div>span:nth-child(1){min-width: 20px;text-align: right;margin-right: 0;font-weight: bold;font-size: 0.8rem;}
.biz-block-content div>span:nth-child(2){flex: 1;text-align: right;text-decoration: underline;}
.biz-block-content .biz-block-qrcode{display: flex;flex-direction: column;color: #333;margin-top: 10px;}
.biz-block-content .biz-block-qrcode text{text-align: right;}
.biz-block-content img{width: 80%;}
.biz-block-content .glassfilterhide{margin:10px 0;}
.biz-block-company{position: sticky;top: 35px;}
.biz-right{width: calc(100% - 240px); background: white;}
.biz-nav-link{border-bottom: solid thin #eee;line-height: 3rem;padding-left: 20px;display: flex;justify-content: flex-start; align-items: center;background: white;}
.biz-nav-link a:link,.biz-nav-link a:visited{color: #333;}
.biz-nav-link a:hover{color: var(--first-color);text-decoration: underline;}
.biz-nav-link i{font-size: 12px;margin:0 5px;}
.biz-nav-link span{color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*biz-float*/
.float-contact{position: fixed;right: 0;top: calc(50vh - 80px);width: 50px;min-height: 100px;z-index: 999;}
.float-contact-loader{display: flex;flex-direction: column;}
.float-contact-one{width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;margin-top: 1px;background: var(--first-color);color: white;position: relative;cursor: pointer;}
.float-contact-one:first{margin-top: 0;}
.float-contact-one:last-child{font-weight: bold;}
.float-contact-one i{font-size: 30px;}
.float-contact-one:hover{background: var(--second-color);color: black;}
.float-contact-one .float-contact-desc{display: none;position: absolute;width: max-content;right: 50px;top: 0; height:max-content;min-height: 20px; background: var(--second-color);color:black;padding:15px;flex-direction: column;align-items: flex-end;justify-content: center;}
.float-contact-one:hover .float-contact-desc{display: flex;}
.float-contact-one p{display: flex;flex-wrap: nowrap;align-items: center;line-height: 20px;}
.float-contact-one text{text-align: center;display: flex;width: 90px;}
.float-contact-one p>img{width: 90px;height: 90px;padding:5px;background: white;}
.floatcontacthide{animation:contacthide 2s;animation-fill-mode: forwards;}
@keyframes contacthide{
    100%{opacity: 0.2;}
}
/*biz-home*/
.home-loader{width:100%; min-width: var(--content-min-width);max-width: var(--content-max-width); display: flex;align-items: flex-start;}
.home-left{width: calc(100% - 320px) ; flex: 1;}
.home-left>div{margin-bottom: 20px;}
.home-swipper{width: 100%;height: 240px;max-height:600px;border-radius: 0;overflow: hidden;}
.home-swipper-one{width: 100%;background-size: cover;background-position: center center;display:flex;align-items: flex-end;position: relative;}
.home-swipper-title{color: white;font-family: Arial, Helvetica, sans-serif;font-size: 1.1rem;font-weight: 300;padding:8px 15px;width: 300px;position: absolute;bottom: 100px;left: 80px;line-height: 2rem;font-weight: bold;}
.home-swipper-more{height: 34px;border-radius: 17px;background-color: white;display: flex;justify-content: center;align-items: center;font-size: 0.85rem;position: absolute;bottom: 50px;left: 100px;font-weight: bold;padding:0 15px;}
.home-swipper-pics{width: 100%;display: flex;justify-content: center;padding: 20px 0;}
.home-swipper-pic{width: 180px;height: 80px;border-radius: 15px;overflow: hidden;margin:0 8px;background-size: cover;filter: contrast(0.6);position: relative;cursor: pointer;border: solid thick #f7f7f7;background-position-x: 70%;}
.home-swipper-active{filter: contrast(1);border: solid thick white;}
.home-swipper-pic:hover{top: -10px;}
.home-right{width: 300px;background: white;min-height: 300px;margin-left:20px;position: sticky;top: 0;border-radius: 4px;display: none;}
.home-company{margin:20px;display: flex;}
.home-company-logo-loader{width: 50px;height: 50px;border-radius: 50%;background: url(/static/img/lejubababg.png) no-repeat center center; background-size: contain;border: solid thin var(--bg-color);}
.home-company-logo{width: 50px;height: 50px;border-radius: 50%;background-repeat: no-repeat;background-size: contain;background-position: center center;}
.home-company-info{flex: 1;margin-left: 15px;display: flex;flex-direction: column;justify-content: center;}
.home-company-name{font-size: 14px;font-weight: bold;line-height: 20px;}
.home-company-more{margin-top:8px;font-family: fantasy;font-size: 0.9rem;}
.home-contact{margin:20px 0 20px 20px; display: flex;justify-content: space-between;}
.home-contact button{flex: 1; height: 40px;border: solid thin var(--first-color);background: white;color: var(--first-color);border-radius: 4px;font-size: 14px;font-weight: bold;margin-right: 20px;cursor: pointer;}
.home-contact button:hover{background: var(--first-hover-color) ;}
.home-contact button span{margin-left: 5px;}
.home-qrcode{margin:20px;padding-top:20px; border-top:solid thin #eee;line-height: 30px;color: gray;display: flex;flex-direction: column;align-items: center;}
.home-qrcode-loader{padding:15px;}
.home-qrcode img{width: 180px;height: 180px;}
.home-recommend{background: white;padding:20px 20px 30px;margin-bottom: 20px;}
.home-recommend-title{display: flex;align-items: center;margin:15px 0;}
.home-recommend-title span{font-size: 20px;font-weight: bold;flex: 1;}
.home-recommend-title a{font-size: 14px;display: flex;align-items: center;}
.home-recomemnd-products{display: flex;justify-content:space-between; flex-wrap: wrap;}

.home-recommend-one{width: 150px;  cursor: pointer;margin-top:18px;filter: contrast(0.95);}
.home-recommend-one:hover{filter:saturate(2) contrast(1);}
.home-recommend-one:nth-child(9),.home-recommend-one:nth-child(10){display: inherit;}
.home-recommend-pick{width:150px;}
.home-recommend-pic{width: 150px;height: 150px; background-size: cover;}
.home-recommend-title{height: 40px;line-height: 20px;overflow: hidden;color: #333;margin:0 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.home-recommend>.home-recommend-title{display: flex;}
.home-recommend-price{font-size: 20px;color: var(--third-color);line-height: 20px;margin:0 5px;}
.home-recommend-price>span{font-size: 10px;margin-right:5px;}
.home-recomemnd-news{width: 100%;height: auto;}
.home-news-loader{width: 100%;display: flex;padding:10px 0;}
.home-news-first{width: 300px;display: flex;flex-direction: column;padding-top: 5px;margin-right: 5px;}
.home-news-first-pic{width: 300px;height: 150px;background-size: cover;background-position: center center;}
.home-news-first-title{text-align: center;font-size: 1rem;color: var(--first-color);line-height: 1.5rem;margin:10px 0;}
.home-news-first-desc{color: grey;line-height: 1.5rem;height: 6rem;overflow: hidden;padding:0 10px;text-align: justify;}
.home-news-list{flex: 1;display: flex;flex-wrap: wrap;align-content: flex-start;}
.home-news-list-one{flex: 1;height: 80px; display: flex;min-width: 300px;border:solid thin #eee;margin:5px;padding:8px;}
.home-news-one-date{width: 80px;height: 80px;background: var(--first-color);color: var(--bg-color);margin-right: 8px;display: flex;flex-direction: column;align-items: center;}
.home-news-one-date span:first-child{font-size: 1.8rem;line-height:3.3rem;}
.home-news-one-info{flex: 1;}
.home-news-one-title{font-size: 0.9rem;height: 30px;line-height: 30px;overflow: hidden;color: black;}
.home-news-one-desc{font-size: 0.75rem;height: 50px;line-height: 25px;overflow: hidden;color: gray;}
.home-advantage{width: 100%;display: flex;flex-direction: column;align-items: center;padding: 50px 0 20px;background-color: var(--first-color);color: white;}
.home-custom-title{font-weight: bold;font-size: 2.8rem;font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;}
.home-custom-intro{width: 100%;max-width: 600px;line-height: 1.6rem;color: #eee;text-align: center;font-size: 1rem;margin-top: 15px;}
.home-advantage-list{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top:50px ;width: 100%;min-width: var(--content-min-width);max-width: var(--content-max-width);}
.home-advantage-one{width: 23%;margin-bottom: 3%;min-height: 100px;display: flex;flex-direction: column;align-items: center;background-color: white;padding: 30px 0;box-shadow: 2px 2px 20px #333;cursor: pointer;}
.home-advantage-one:hover{background: var(--second-color);}
.zhonggen-icon {width: 8rem; height: 8rem;vertical-align: -0.15em;fill: currentColor;overflow: hidden;margin:15px 0;color: var(--first-color);}
.home-advantage-sub{font-size: 1.1rem;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;color: #555;}
.home-advantage-content{line-height: 1.5rem;padding: 20px 15px;text-align: center;font-size: 0.9rem;color: gray;font-family: system-ui;width: calc(100% - 30px);word-break: break-all;height: 4.5rem;overflow: hidden;}
.home-advantage-more{color: var(--first-color);font-size: 0.9rem;font-weight: bold;}
.home-advantage-one:hover>*{color: white !important;}
/*worker*/
.home-worker{width: 100%;display: flex;flex-direction: column;align-items: center;padding: 50px 0 20px;background: white;}

@media (min-width:800px) {
    .home-recommend-pick{width:23vw;}
    .home-recommend-one{width: 23vw;margin-top:0.9vw;}
    .home-recommend-pic{width: 23vw;height: 23vw;}
    .home-recommend-one:nth-child(9),.home-recommend-one:nth-child(10){display: inherit;}
}
@media (min-width:1200px) {
    .home-recommend-pick{width:15vw;}
    .home-recommend-one{width: 15vw;margin-top:1.5vw}
    .home-recommend-pic{width: 15vw;height: 15vw;}
    .home-recommend-one:nth-child(9),.home-recommend-one:nth-child(10){display: inherit;}
}
@media (min-width:1400px) {
    .home-recommend-pick{width:210px;}
    .home-recommend-one{width: 210px;margin-top: 20px;}
    .home-recommend-pic{width: 210px;height: 210px;}
    .home-recommend-one:nth-child(9),.home-recommend-one:nth-child(10){display: inherit;}
}
.home-intro-wrap{background:linear-gradient(45deg, var(--first-color),black);display: flex;justify-content: center;}
.home-intro{padding: 20px;width: 100%;min-width: var(--content-min-width);max-width: var(--content-max-width);color: white;background: url(/template/2/static/ma1.png) no-repeat right 130%;background-size: 33%;}
.home-intro-title{font-size: 20px;font-weight: bold;margin:15px 0;display: none;}
.home-intro-content{font-size: 1.05rem;font-weight: 300;flex: 1;padding: 10px 20px 10px 30px;line-height: 150%;color: white;}
.home-intro-content span.home-intro-title{display: inline-block;margin:0 0 30px;font-size: 2.2vw;line-height: 3rem;}
.home-intro-detail{margin:15px;line-height: 1.5rem;font-size: 14px;color: #555;overflow: hidden;padding-bottom: 30px;display: flex;}
.home-intro-detail .layui-layer-content{height: 100% !important;overflow: hidden;}
.home-intro-detail-hide{max-height: 800px;}
.home-intro-detail img{max-width: 98% !important;margin:20px auto;display: block;}
.home-intro-pic{width: 40vw;height: 40vw; max-width: 600px;max-height: 600px;background-size: cover;margin:0 20px 20px 0;float: left;}
.home-intro-video{width: 100%;height: 100%;display: none;}
.home-intro-feature{display: flex;flex-wrap: wrap;margin:20px 8px;line-height: 1.8rem;}
.home-intro-feature span{width: 50%;font-family: Haettenschweiler, 'Arial Narrow Bold', sans-serif;font-size: 1rem;}
.home-intro-feature i{color: white;margin-right: 5px;}
.home-intro-showmore{position:relative;width: 100%;height: 50px;line-height: 50px;top:-50px;text-align: center;background:rgba(255,255,255,0.2);cursor: pointer;backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px);font-size: 16px;color: var(--first-color);}
.home-intro-showmore i{font-size: 10px;}
.home-intro-aboutmore{display: flex;align-items: center;padding-top: 15px;}
.home-intro-aboutmore a{background: white;color: var(--first-color);padding: 10px 22px;display: flex;align-items: center;font-size: 0.9rem;}
.home-intro-aboutmore span{margin-left: 25px;font-size: 1.2rem;cursor: pointer;font-weight: bold;display: flex;align-items: center;color: white;}
.home-intro-aboutmore span:hover{color: var(--second-color);}
.home-intro-aboutmore span i{font-size: 1.8rem;}
@media (min-width:800px){
    /* .home-intro-video{width: 40vw;height: 22.5vw;} */
}
@media (min-width:800px) and (max-width:1200px){
    .home-intro-content{line-height: 120%;font-size: 0.9rem;}
    .home-intro-content span.home-intro-title{margin-bottom: 10px;}

}
@media (min-width:800px) and (max-width:1100px){
    .home-advantage-one{width: 31%;margin-bottom: 3%;min-height: 100px;}
}
/*biz-about*/
.biz-about{background: white;margin:0;padding:20px;font-size: 16px;line-height: 30px;display: block;}
.biz-about-video{width: 640px;height: 360px;margin:0 auto 20px auto;}

/*products*/
.biz-right-products{background: none;}
.biz-result{background: white;padding:15px 20px;display: flex;align-items:baseline;color: #666;}
.biz-result-title{font-size: 16px;font-weight: bold;margin-right: 10px;color: #333;}
.biz-result-count{color: var(--first-color);}
.biz-filter{display: flex;margin: 20px 0 0 10px;}
.biz-filter-one{min-width: 80px;height: 36px;font-size: 14px; border:solid thin #eee;display: flex;justify-content: center;align-items: center;cursor: pointer;padding:0 10px;}
.biz-filter-active{background: white;color: var(--first-color);}
.order-price{display: none;margin-left: 4px;}
.order-asc{transform:translateY(-2px) rotate(180deg);}

.biz-products{padding:20px 0 20px 10px;display: flex;justify-content:space-between; flex-wrap: wrap;}
.biz-products-one{width: 180px;  cursor: pointer;margin-bottom:12px;border:solid thin #eee;background: white;}
.biz-products-one:hover{border: solid thin var(--first-color);}
.biz-products-pick{width:180px;}
.biz-products-pic{width: 180px;height: 180px; background-size: cover;}
.biz-pro-img-loader{width: 180px;height: 180px; background-size: cover;overflow: hidden;}
.biz-pro-ico{width: 100%;height: calc(100% - 52px);margin-top: 26px; display: flex;justify-content: center;align-items: center;filter: drop-shadow(2px 2px 5px black);}
.biz-pro-text{width: 100%;height: 26px;line-height:26px;background: var(--first-color);color: white;text-align: center;opacity: 0.92;display: none;}
.biz-products-one:hover .biz-pro-ico{filter:opacity(0.6);}
.biz-products-one:hover .biz-pro-text{display: block;}
.biz-pro-info{display: flex;flex-direction: column;width: 92%;margin:5% 4%;}
.biz-pro-price{font-size: 20px;font-weight: bolder;color: var(--third-color);line-height: 26px;}
.biz-pro-price>span{font-size: 10px;margin-right:5px;}
.biz-pro-title{height: 50px;line-height: 25px;overflow: hidden;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
@media (min-width:1000px) {
    .biz-products-pick{width:18vw;}
    .biz-products-one{width: 18vw;margin-bottom:1.4vw;}
    .biz-pro-img-loader{width: 18vw;height: 18vw;}
}
@media (min-width:1200px) {
    .biz-products-pick{width:15vw;}
    .biz-products-one{width: 15vw;margin-bottom:1vw}
    .biz-pro-img-loader{width: 15vw;height: 15vw;}
}
@media (min-width:1400px) {
    .biz-products-pick{width:220px;}
    .biz-products-one{width: 220px;margin-bottom: 12px;}
    .biz-pro-img-loader{width: 220px;height: 220px;}
}

/*biz-news*/
.biz-news{background: white;padding:0 20px;}
.biz-news-list{display: flex;flex-direction: column;}
.biz-news-one{display: flex;height: 45px;align-items: center;overflow: hidden;}
.biz-news-one:nth-child(5n){border-bottom: dotted thin #eee;padding-bottom: 15px;margin-bottom: 15px;}
.biz-news-one a{flex: 1;font-size: 16px;font-weight: bold; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.biz-news-one a:link,.biz-news-one a:visited{color: black;}
.biz-news-one a:hover{color: var(--first-color);text-decoration: underline;}
.biz-news-one span{width: 150px;font-size: 14px;color: gray;text-align: right;}

/*biz-article*/
.biz-article{background: white;padding: 20px;display: flex;flex-direction: column;}
.biz-article-title{font-size: 26px;font-weight: bold;line-height: 3rem;margin:15px 0;display: flex;}
.biz-article-original-mark{min-width: fit-content; font-size: 12px !important;padding:1px 3px;background: var(--first-color);color: white !important;height: 14px;display: flex;justify-content: center;align-items: center;font-weight: 300;border-radius: 3px;margin-left: 5px;overflow: hidden;}
.biz-article-info{display: flex;margin-bottom: 30px;align-items: center;}
.biz-article-info span{margin-right: 20px;color: gray;font-size: 14px;}
.biz-article-info a{margin:0 0 0 auto;}
.biz-article-detail{line-height: 30px;font-size: 18px;font-weight: 300; border-top: solid thin #eee;padding: 15px 0 0;user-select: none;-webkit-user-select: none;}
.biz-article-detail img{max-width: 98% !important;margin:20px auto;display: block;}
.biz-article-detail a::after{content: "🔍";}
.biz-article-original{display: flex;align-items: baseline;justify-content: flex-end;margin-bottom: 20px;}
.biz-article-original i{margin-right: 2px;font-size: 12px !important;}

/*biz-contact*/
.biz-contact{background: white;display: flex;padding:20px 20px 50px 20px;}
.biz-contact-map{flex: 1;height: 350px;}
.amap-marker-label{border: 0;background-color: transparent;}
.biz-contact-map-info{border:solid thin silver;background: white;color: #333;padding:8px 15px}
.biz-contact-info{width: 300px;display: flex;flex-direction: column;margin-left: 40px;}
.biz-contact-title{font-size: 16px;font-weight: bold;line-height: 40px;}
.biz-contact-one{display: flex;color: black;line-height: 30px;font-size: 14px;}
.biz-contact-one>span:nth-child(1){color: #555;width: 80px;text-align: right;overflow-wrap: break-word;}
.biz-contact-one>span:nth-child(2){color: black;margin-left: 10px;}
@media (min-width:1200px) {
    .biz-contact-map{height: 450px;}
    .biz-contact-info{width:400px ;}
}

/*biz-detail*/
.detail-loader{display: flex;}
.detail-swipper-loader{width: 360px;height: 432px; overflow: hidden; display: flex;flex-direction: column;}
.detail-threeplayer,.detail-video,.detail-swipper{width: 100%;height: 100%;background:black}
.detail-swiper-img{background-size: cover;background-repeat: no-repeat;background-position: center center;}
.detail-swiper-navi{min-width: 60px;height: 30px; border: solid thin #eee; border-radius: 15px; display: flex;justify-content: center;margin:20px auto;}
.detail-swiper-navi-one{min-width: 60px;height: 30px;padding:0 12px; display: flex;justify-content: center;align-items: center;background: white;cursor:pointer ;}
.detail-swiper-navi-one:first-child{border-top-left-radius: 15px;border-bottom-left-radius: 15px;}
.detail-swiper-navi-one:last-child{border-bottom-right-radius: 15px;border-top-right-radius: 15px;}
.detail-swiper-navi-active{background: var(--first-color);color: white;}
.detail-info{flex: 1;margin-left: 20px;background: white;padding:5px 20px;}
.detail-title{font-size: 18px;font-weight: bold;line-height: 30px;margin:10px 0;}
.detail-price{font-size: 24px;color: var(--third-color);line-height: 36px;}
.detail-price span{font-size: 10px;}
.detail-sku{display: flex;align-items: baseline; border-top:solid thin #eee;margin-top:20px;padding-top:20px;flex-wrap: wrap;}
.detail-sku>span{min-width: 60px;margin-right:8px;color: gray;}
.detail-sku-list{flex: 1; display: flex;flex-direction: column;}
.detail-sku-one{display: flex;font-size: 14px;line-height: 28px;}
.detail-sku-one span:nth-child(1){flex: 1; color: #555;}
.detail-sku-one span:nth-child(2){color: var(--third-color);}
.detail-sku-note{border-top: solid thin #eee;color: darkgray;line-height: 40px;width: 100%;padding:0 20px;margin-top:20px;text-align: right;font-size: 14px;font-weight: 300;}
.detail-button{display: flex;margin:20px 0;flex-wrap: wrap;}
.detail-button>button{border:0;border-radius: 4px;min-width: 80px;height: 40px;font-size: 16px; margin:0 20px 10px 0;cursor: pointer;padding:0 20px;color: white;}
.detail-button .addcartbtn{background: var(--first-color);flex: auto;}
.detail-button .lowprice{background: var(--first-color);}
.detail-button .tel{background: var(--second-color);}
.detail-button .fav{background: var(--third-color);}
.detail-button .favover{background: var(--third-color);display:none ;}
.detail-intro{min-height: 500px; background: white;display: flex;flex-direction: column;margin-top: 20px;}
.detail-header{border-bottom: solid thin var(--first-color);display: flex;}
.detail-header-one{min-width: 120px;height: 50px;font-size: 16px;padding:0 15px; font-weight: bold; background: var(--first-color);color: white;display: flex;justify-content: center;align-items: center;}
.detail-param{display: flex;flex-wrap: wrap;}
.detail-param-one{display: flex;width: 33.3333%;font-size: 14px;}
.detail-param-one>span:nth-child(1){color: grey;width: 80px;margin: 20px 0 0 20px;}
.detail-param-one>span:nth-child(2){color: #333;margin-top: 20px;flex:1;}
.detail-note{text-align: center;color: gray;}
.detail-details{border-top: solid thin #eee;width: 95%;margin:50px 2.5%;padding:30px 0;font-size: 14px;line-height: 1.75rem;display: flex;flex-direction: column;align-items: center;}
.detail-details img{max-width: 100% !important;margin:0 auto;}
/*cart*/
.detail-cart{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: 1000; background: rgba(0, 0, 0, 0.7);display: none;justify-content: center;align-items: center;}
.detail-cart-loader{width: 400px;height: auto;background: rgba(255,255,255,0.95);backdrop-filter: blur(5px);}
.detail-cart-title{line-height: 2.5rem;font-size: 0.9rem;text-align: center;border-bottom: solid thick #eee;}
.detail-cart-title::after{width: 2.5rem;height: 2.5rem; content: '×';font-size: 1.3rem;position: relative;left: 150px;color: silver;cursor: pointer;}
.detail-cart-head{display: flex;margin:10px;}
.detail-cart-pic{width: 100px;height: 100px;margin-right:10px;border-radius: 5px;background-size: cover !important;}
.detail-cart-info{flex: 1; display: flex;flex-direction: column;}
.detail-cart-price{font-size:1rem;color: var(--third-color);}
.detail-cart-name{font-size: 0.75rem;line-height: 1.2rem;margin:8px 0;}
.detail-cart-number .layui-input-group{height: 30px;}
.detail-cart-number input{width: 50px;height: 30px; background: transparent;padding: 0 !important;border: 0;text-align: center;text-indent: 0;}
.detail-cart-number input::-webkit-outer-spin-button,.detail-cart-number input::-webkit-inner-spin-button{-webkit-appearance: none;}
.detail-cart-number .layui-input-split{width: 30px;padding: 0 !important;background: #e5e5e5;font-weight: bolder;cursor: pointer;}
.detail-cart-skulist{height: 25vh;overflow-x: hidden; overflow-y: auto;margin:10px 15px;border-top: solid thin #eee;padding-top: 10px;}
.detail-cart-skutitle{font-size: 0.85rem;}
.detail-cart-sku{width: fit-content; min-width: 40%;max-width: 100%;height: 1.8rem;line-height: 1.8rem; font-size: 0.8rem;border-radius: 3px;margin-top: 8px;background-color: #e5e5e5;padding:0 10px;overflow:hidden;text-wrap: nowrap;text-overflow: ellipsis;cursor: pointer;}
.detail-cart-skuactive{background: var(--third-color);color: white;}
.detail-cart-btnloader{height: 50px;display: flex;cursor: pointer;}
.detail-cart-btnadd{flex: 1; background: var(--first-color);color: white;display: flex; justify-content: center;align-items:center;font-size: 1rem;font-weight: 300;}
.detail-cart-totalprice{margin-left: 8px;}
.cart-list{border-bottom: solid thick #eee;width: 100%;}
.cart-list .layui-form-checkbox[lay-skin=primary]{padding-left: 0;}
.cart-list td{padding:10px 5px;}
.cart-list thead>tr td{text-align: center;background:var(--first-color);color: white;}
.cart-list thead>tr td:nth-child(2){text-align: left;}
.cart-list tbody{min-height: 200px;}
.cart-list tbody>tr td{text-align: center;}
.cart-list tbody>tr td:nth-child(2){text-align: left;}
.cart-list tbody>tr:first-child{display: none;}
.cart-list tbody>tr:nth-child(odd){background: #eee;}
.cart-pro{display: flex;cursor: pointer;}
.cart-pro-pic{width: 80px;height: 80px;border-radius: 3px;background-size: cover;border:solid thin #eee;}
.cart-pro-loader{flex: 1;display: flex;}
.cart-pro-name{flex: 1;padding:0 10px;font-size: 0.85rem;display: flex;align-items: center;}
.cart-pro-sku{width: 120px;font-size: 0.75rem;display: flex;align-items: center;}
.cart-pro-number{display: flex;justify-content: center;}
.cart-totalprice{font-weight: bold;color: var(--third-color);}
.cart-op{display: flex;flex-direction: column;line-height: 1.5rem;}
.cart-op-fav span:last-child{display: none;color: var(--first-color);}
.cart-op-favover span:first-child{display: none;}
.cart-op-favover span:last-child{display: inline;}
.cart-submit{display: flex;position: sticky;bottom: 0;background: white;background: rgba(255,255,255,0.85);backdrop-filter: blur(3px);z-index: 999;}
.cart-computinfo{flex: 1;display: flex;justify-content: flex-end;align-content: center;padding:0 15px;}
.cart-computcount,.cart-computprice{display: flex;align-items: center;}
.cart-computprice{margin-left: 10px;color: var(--third-color);font-size: 1rem;}
.cart-computinfo #totalcount{font-weight: bold;}
.cart-submit .layui-btn{border-radius: 0;}
/*order*/
.order-loader{min-height: 500px;}
.order-info-loader{display: flex;align-items: center;}
.order-info-loader:nth-child(even){background: #eee;}
.order-info-pic{width: 60px;height: 60px;margin:0 10px;}
.order-info-pic img{width: 100%;height: 100%;}
.order-info-pro{padding:5px 10px;flex: 1;}

@media (min-width:800px) and (max-width:1200px) {
    .top-loader,.header-loader,.footer-loader,.index-loader,.category-header-loader,.category-select-loader,.category-loader,.list-loader,.page-loader,.recommend-loader,.biz-header-loader,.biz-nav-loader,.biz-loader,.home-loader{width: 100%;min-width: 100%;max-width: 100%;}
    .index-recom-one{width: calc(50% - 10px);}
    .index-recom-swiper{width: calc(100% - 40px);}
    .knowledge-loader{width: calc(100% - 80px);min-width: calc(100% - 80px);max-width: calc(100% - 80px);}
    .inquiry-loader,.feedback-loader{width: calc(100% - 80px);min-width: calc(100% - 80px);max-width: calc(100% - 80px);}
    .biz-search-form>button{overflow: hidden;text-wrap: nowrap;text-overflow: ellipsis;}
}
@media (min-width:800px) and (max-width:900px) {
    .rec-pro-pic{width: 115px;height: 115px;}
    .biz-search-form>button{padding:0 2px;font-size: 14px;}
    .biz-company-info{}
    .biz-contact{flex-direction: column-reverse;}
    .biz-contact-map{width: 100%;height: 400px; margin-top: 20px;flex: initial;}
    .detail-loader{flex-direction: column;}
    .detail-swipper-loader{margin:0 auto;}
    .home-news-loader{flex-direction: column;}
    .home-news-first{display: none;}
}
@media (min-width:900px) and (max-width:1000px) {
    .rec-pro-pic{width: 125px;height: 125px;}
    .biz-search-form>button{padding:0 8px;}
    .home-news-loader{flex-direction: column;}
    .home-news-first{display: none;}
}
@media (min-width:1000px) and (max-width:1100px) {
    .rec-pro-pic{width: 140px;height: 140px;}
}
@media (min-width:1100px) and (max-width:1200px) {
    .rec-pro-pic{width: 155px;height: 155px;}
}
@media (min-width:800px) and (max-width:1000px) {
    .header-navi-loader{min-width: 800px;max-width: 96vw;}
    .biz-header-loader{min-width: 800px;max-width: 96vw;}
    .biz-search-loader{width: 36%;}
    .biz-nav{left: 90px;}
}
@media (max-width:800px) {
    body{padding-top: 94px;}
    /*top*/
    .top{position: fixed;top: 0;left: 0;z-index: 101;height: 40px;}
    .top .layui-icon{font-size:1.2rem;}
    .top-loader,.header-loader,.footer-loader,.index-loader,.knowledge-loader,.category-header-loader,.category-select-loader,.category-loader,.list-loader,.page-loader,.recommend-loader,.biz-header-loader,.biz-nav-loader,.biz-loader,.home-loader{width: 100%;min-width: 100%;max-width: 100%;}
    .top-quick>div, .top-quick>a, .top-quick>span{font-size:0.85rem;}
    .top-logo{display: flex !important;width: 70px;height: 35px;align-items: center;margin-left: 10px;}
    .top-logo img{height: 35px;}
    .top-wel,.top-quick>a,.top-quick>span{display: none !important;}
    .top-order{display: block;}
    .top-cart{display: none !important;}
    .top-fav-loader,.top-lang-loader,.top-navi-loader{right: 0;background: rgba(255,255,255,0.8);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(10px); height: calc(100vh - 105px);height: calc(100vh - 105px - constant(safe-area-inset-bottom));height: calc(100vh - 105px - env(safe-area-inset-bottom));max-height: initial;flex-direction: column;justify-content: flex-start;border:0;border-radius: 0;padding:10px 0;overflow: auto;}
    .top-fav-loader{top:40px;}
    .top-fav-loader>a:hover{background: none;}
    .fav-delete{display: flex;}
    .top-lang-loader,.top-navi-loader{width: 240px;}
    .top-lang-loader{flex-wrap: initial;top:40px;}
    .top-lang-loader>a{width: 100%;}
    .top-navi{display: flex !important;margin-right: 15px;}
    .top-navi:hover .top-navi-loader{display: flex;flex-direction: column;}
    .top-navi-loader{position: absolute;top:40px;z-index: 999;display: none;}
    .top-navi-loader>*{margin-left: 2rem;}
    .top-navi-loader>span{font-size: 1rem;font-weight: 500;}
    .top-lang-loader>a,.top-navi-loader a{line-height: 2.2rem;font-size:1rem;}
    .top-navi-loader a span{color: inherit;}
    .top-navi-loader a h4{margin-left: 1rem;font-size: 0.95rem;font-weight: normal;}
    .top-navi-loader a h5{margin-left: 2rem;font-size: 0.9rem;font-weight: normal;}
    .header-navi{width: 100%;display: block;margin-top: 0;position: initial;}
    .header-navi-loader{width: 100%;display: block;min-width: auto;max-width: auto;}
    /*header*/
    .header{margin: 0;position: fixed;top: 35px;left: 0;z-index: 100;}
    .logo,.search-menu,.search-keys,.search-input button[type='button']{display: none;}
    .search-input{background: var(--first-color);padding: 15px 15px 10px 15px;}
    .search-input input{border-radius: 4px;height: 35px;}
    .search-input button[type='submit']{border:0;border-radius: 0;padding:0 0 0 10px;}
    .search-clear-loader{height: 40px;}
    /*footer*/
    .footer-info{flex-direction: column;padding:30px 15px;width: calc(100% - 30px);}
    .footer-info>div{border-top: solid thin #555;width: 100%;padding:15px 0 5px 0;}
    .footer-info>div:first-child{border-top: 0;}
    .footer-title{width: 100%;font-size: 1.05rem;}
    .footer-lang>a, .footer-about>a{font-size: 0.8rem;}
    .footer-lang{flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: flex-start;}
    .footer-lang a{margin-right: 10px;}
    .footer-about,.footer-contact{display: none;}
    .footer-message-form{width: 100%;}
    #footer-message-form input,#footer-message-form textarea{width: auto;}
    #footer-message-form{font-size: 0.8rem;}
    .footer-quick{flex-direction: column;width: 100%;}
    .footer-link{width: 88%;flex-wrap: wrap;}
    .footer-link-one{flex-direction: row; flex-wrap: wrap;width: inherit;min-width: 220px;max-width: inherit;flex: 1;}
    .footer-link-one span{width: 100%;}
    .footer-link-one>a{margin-right: 15px;}
    .footer-qrcode{display: none;}
    .footer-copyright{padding-bottom: 60px;padding-bottom:calc(60px + constant(safe-area-inset-bottom));padding-bottom: calc(60px + env(safe-area-inset-bottom));display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .footer-copyright span{display: flex;flex-direction: column;justify-content: center;text-align: center;}
    span.footer-poweredby{flex-direction: row;}
    .footer-navi{display: flex;position: fixed;bottom: 0;width: 100%;height: 50px;justify-content: space-evenly;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);align-items: center;border-top: solid thin #eee;z-index: 999;padding-bottom: 0;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
    .footer-navi a{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 0.7rem;text-align: center;}
    .footer-navi i{font-size: 1.4rem;}
    .footer-navi a>span.cart-count{position: absolute;margin-top: -30px;margin-left: 30px;background: red;height: 16px;color: white;font-size: 0.65rem;border-radius: 10px;display: flex;justify-content: center;align-items: center;}
    .footer-navi a>span.active{min-width: 10px;padding: 0 3px;}
    .footer-navi a.addcart{width: 50%;height: 50px;flex: auto; background: var(--first-color);color: white;font-size: 0.9rem;}
    /*index*/
    .content-index{padding: 0 0 10px;}
    .index-loader>*{display: none;}
    .index-top{display: flex;flex-direction: column;}
    .index-my{width: 100%;margin:0;padding:0;border-bottom: solid thin var(--bg-color);}
    .index-my>div{display: none;}
    .index-my-notice{display: flex !important;width: 100%;padding:0;}
    .index-my-notice-title{min-width: 60px;margin-left: 10px;}
    .index-my-notice-title span{border: 0;height: 30px;line-height: 30px;}
    .index-my-notice-title span::after{content: ':';}
    .index-my-notice-list{margin:0;flex-direction: row;flex: 1;flex-wrap: wrap;}
    .index-my-notice-list a{line-height: 30px;margin-left: 10px;text-decoration: underline;}
    .index-swiper-loader{width: 100%; height: 150px;border-radius: 0;flex: inherit;}
    .index-information{display: flex;flex-wrap: wrap; justify-content: center; align-items: center;padding:20px 0 0;margin:0;}
    .index-info-one{flex-direction: column;align-items: center;border:0;min-width: 180px;margin-bottom: 20px;}
    .index-info-one span{font-size: 0.85rem;}
    .index-recommend{display: flex; flex-direction: column;}
    .index-recom-one{width: 100%;}
    .index-recom-swiper{width: 100%;margin:20px 0;}
    .rec-pro-one{width: 160px !important;}
    .rec-pro-title,.rec-pro-price{text-align: center;}
    .rec-pro-title{width: 90%;}
    .index-shop{width: 100%;display: flex;flex-direction: column;padding:20px 0;}
    .index-shop-one{margin-right: 5px;padding:20px 5px;width: 200px !important;}
    .index-shop-logo{width: 30px;height: 30px;}
    .index-shop-name{font-size: 0.8rem;line-height: 1.5rem;}
    .index-shop-proone{width: 60px;height: 60px;}
    .index-activity{display: flex;margin-top: 0;}
    .index-activity img{border-radius: 0;}
    .index-products{display: flex;flex-direction: column;padding:20px 0;}
    .index-products-list,.list-loader,.recommend-list{padding:0; justify-content: space-evenly;}
    .index-pro-one,.pro-one,.recommend-pro-one{width: 175px;}
    .index-pro-img-loader,.pro-img-loader,.recommend-pro-pic{width: 175px;height: 175px;}
    .index-shop-header, .index-products-header{text-indent: 15px;}
    .index-products-more{display: none;}
    /*knowledge*/
    .content-knowledge{padding: 0;}
    .knowledge-loader{padding: 30px 0;}
    .knowledge-left{display: none;}
    .knowledge-right{margin:0;padding:0 15px;}
    .knowledge-detail{padding: 0;}
    /*page*/
    .page-loader{flex-wrap: wrap;}
    /*list*/
    .recommend-list{margin:0;}
    .category-select-info{flex-wrap: wrap;}
    .category-select-tags{flex: 1;min-width: 90%; flex-wrap: wrap;margin:6px;}
    .category-select-tags-one{margin:0 6px 6px 0;}
    .category-header-nav>a:link, .category-header-nav>a:visited{border-top-left-radius: 0;}
    .category-tags{width: initial;margin:0 8px;}
    .category-tags-title{font-size: 0.9rem;}
    .category-tags-list>a{font-size: 0.8rem;}
    .recommend-loader{border: 0;}
    /*inquiry feedback*/
    .content-inquiry,.content-feedback{padding:20px 0;}
    .inquiry-loader,.feedback-loader{width: calc(100% - 20px); padding: 50px 10px;}
    .inquiry-add{justify-content: center;}
    .inquiry-list tr>td:first-child{padding-right: 5px;}
    .inquiry-list tr>td:last-child{padding-right: 0;}
    .inquiry-contact{margin-top: 30px;}
    .inquiry-contact-title{margin:0;}
    .inquiry-contact-content{flex-direction: column;}
    .inquiry-contact-content input{width: 70%;margin-top: 10px;}
    .inquiry-submit{margin:30px 0 0;}
    /*lost*/
    .lost{height: calc(80vh - 100px);}
    .lost>span{line-height: 3rem;}
    .lost>span a{font-size: 0.85rem;}
    /*biz*/
    .biz-header-loader{width: auto;}
    .biz-company-info-content{display: flex;}
    .biz-logo{display: none;}
    .biz-nav-loader{flex-direction: column;}
    .biz-search-loader{position: fixed;top: 40px;left: 0;z-index: 100;width: 100%;}
    .biz-search-input{background: var(--first-color);padding: 7.5px 10px;}
    .biz-search-form{align-items: center;}
    .biz-search-input input{border-radius: 4px;height: 35px;}
    .biz-search-input button{font-size: 0.9rem;height: 30px;}
    .biz-search-input button[type='submit']{border:0;border-radius: 0;padding:0 0 0 8px;}
    .biz-search-input button[type='button']{border:0;padding:0 5px;}
    .biz-search-clear-loader{height: 40px;}
    .biz-header{margin:8px 0 0;}
    .biz-company-info{align-items: center;width: 100%;border-bottom: solid 5px var(--bg-color);padding: 5px 0 13px;}
    .biz-company-info-logo{width: 70px;height: 40px;display: flex;border-radius: 50%;margin:0 10px;background-size: cover;}
    .biz-company-info-content{flex: 1;}
    .biz-company-info-name{margin-right: 0;}
    .biz-company-info-about{display: flex;margin:0 10px;}
    .biz-company-info-about i{font-size: 1.5rem;}
    /*nav*/
    .biz-nav{position: initial; background: none;border-bottom: solid thin #eee;margin:0;}
    .biz-nav-loader{flex-direction: row;justify-content: space-evenly;}
    .biz-nav-one{min-width: 50px;padding: 0;margin:0 8px}
    .biz-nav-one{display: none;}
    .biz-nav-one:hover, .biz-nav-active{background: none;border-bottom:solid 2px var(--first-color);}
    .biz-nav-one>a:link, .biz-nav-one>a:visited{color: var(--first-color);}
    .biz-one-show{display: flex;}
    .biz-nav-list{min-width: 100px;width: 25vw;max-width: 200px;margin:40px 0 0 -15px;z-index: 99;}
    .biz-left,.home-right{display: none;}
    .biz-right,.home-left{width: 100%;}
    /**/
    .biz-nav-link{padding:0.5rem 20px;display: block;text-wrap: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 2rem;}
    /* .biz-news-one>a{font-size: 0.85rem;} */
    .biz-news-one>span{font-size: 0.75rem;min-width: 80px;width: auto;}
    .biz-article-info{flex-direction: column;font-size: 0.75rem;color: gray;margin-bottom: 5px;}
    .biz-article-title{text-align: center;}
    .biz-article-info span{margin:8px 0;}
    .biz-article-info a{display: flex;align-items: center;margin-top: 12px;}
    .biz-contact{flex-direction: column-reverse;}
    .biz-contact-map{width: 100%;height: 300px; margin-top: 20px;flex: initial;}
    .biz-contact-info{margin-left: 0;width: 100%;}
    .biz-filter{margin-left: 0;}
    .biz-products{justify-content: space-evenly;padding-left: 0;}
    /*biz-float*/
    .float-contact-one:nth-child(3){display: none;}
    /*home*/
    .content-home{padding: 5px 0 0;}
    .home-swipper{margin-bottom: 0;border-radius: 0;}
    .home-swipper-title{font-size: 0.95rem;padding:5px 8px;position: initial;width: 92%;text-align: center;line-height: 1.5rem;}
    .home-swipper-more{position: initial;margin-bottom: 30px;}
    .home-swipper-one{background-size: cover;background-position-x: 90%;justify-content: flex-end;flex-direction: column;align-items: center;}
    .home-swipper-pic{width: 18vw;height: 10vw;border-radius: 8px;margin:0 0.6vw;border-width: 2px;}
    .home-swipper-active{border-width: 2px;}
    .home-recommend{margin-top: 5px;padding:20px 0 50px;}
    .home-recommend-title{margin:0 20px;}
    .home-recomemnd-products{justify-content: space-evenly;}
    .home-intro{margin-top: 5px;width: 94%;min-width: initial;max-width: initial;background-position: right bottom;background-size: initial;}
    .home-intro-showmore{display: none;}
    .home-intro-detail{margin:15px 0;flex-direction: column;}
    .home-intro-detail-hide{max-height: fit-content;}
    .home-intro-pic{width: 100%;height: calc(100vw - 40px);overflow: hidden;float: none;max-width: 100%;max-height: 100%;}
    /* .home-intro-video{width:96vw;height:54vw;overflow: hidden; float: left;} */
    .home-intro-content{padding: 0;}
    .home-intro-content span.home-intro-title{font-size:1.5rem;margin:12px 0;line-height: 2rem;}
    .home-intro-aboutmore{justify-content: center;}
    .home-intro-feature span{width: 100%;}
    .home-news-loader{flex-direction: column;}
    .home-news-first{margin-right: 0;}
    .home-news-first,.home-news-first-pic{width: 100%;}
    .home-news-first-title{margin:10px;}
    .home-news-first-pic{height: 40vw;}
    .home-advantage-one{width: 48%;margin-bottom: 4%;min-height: 100px;padding:0 0 15px;}
    .home-advantage-content{padding:8px 0;}
    .home-advantage-list{width: 94%;min-width: initial;max-width: initial;}
    /*biz-about*/
    .biz-about-video{width:96vw;height:54vw;overflow: hidden; float: left;}

    /*biz-products*/
    .biz-filter{flex-wrap: wrap;justify-content: center;}
    .biz-filter-one{margin:5px 0;}
    /*product*/
    .detail-loader{flex-direction: column;}
    .detail-swipper-loader{width: 100vw;height: calc(100vw + 72px);}
    .detail-threeplayer, .detail-video, .detail-swipper{width: 100vw !important;height: 100vw !important;}
    .detail-swiper-navi-one{height: 40px;}
    .detail-swiper-navi-one:first-child{border-top-left-radius:20px;border-bottom-left-radius: 20px;}
    .detail-swiper-navi-one:last-child{border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
    .detail-info{margin-left: 0;}
    .detail-button>button{min-width: 60px;margin: 0 12px 12px 0;font-size: 0.8rem;}
    .detail-button{justify-content: space-evenly;}
    .detail-button .addcartbtn{display: none;}
    .detail-intro{margin-top: 5px;}
    .detail-param{padding: 20px 10px;}
    .detail-param-one{width: 50%;margin-top: 10px;}
    .detail-param-one>span:nth-child(1){margin:0;font-size: 0.8rem;margin-right: 5px;}
    .detail-param-one>span:nth-child(2){margin:0;font-size: 0.75rem;}
    .detail-details{margin:15px 10px;padding:15px 0;}
    /*cart*/
    .detail-cart-loader{position: fixed;bottom: 0;width: 100vw;padding-bottom: 0;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);} 
    .detail-cart-title::after{position: absolute;right: 0;left: auto;}
    .detail-cart-head{margin:3vw;}
    .detail-cart-pic{width: 22vw;height: 22vw;margin-right:3vw;}
    .detail-cart-number input{width: 30px;height: 30px;}
    .detail-cart-skulist{height: 40vh;}
    .cart-loader{padding-top: 15px;}
    .cart-list thead{display: none;}
    .cart-list tbody>tr{display: flex;flex-wrap: wrap;}
    .cart-list tbody>tr td{padding:8px 0 !important;}
    .cart-list tbody>tr td:first-child{display: none;}
    .cart-pro{width: calc(100vw - 100px);}
    .cart-pro-loader{flex-direction: column;padding:8px;}
    .cart-pro-name{padding:0;flex: initial;}
    .cart-pro-sku{width: auto;font-size: 0.65rem;color: grey;}
    .cart-price-loader{width: 80px;padding:0 !important;display: flex;justify-content: center;align-items: center;color: var(--third-color);}
    .cart-totalprice-loader{display: none;}
    .cart-submit{width: 100vw; position: fixed;left:0;bottom: 50px;bottom:calc(50px + constant(safe-area-inset-bottom));bottom:calc(50px + env(safe-area-inset-bottom));}
    .cart-computcount,.cart-computprice{font-size: 0.85rem;}
    .cart-pro-number-loader{flex: 1;justify-content: flex-start;}
    .cart-op-loader{display: flex;align-items: center;}
    .cart-op{width: 140px;flex-direction: row;align-items: center;justify-content: flex-end;}
    .cart-op a{padding:0 15px;}
    /*order*/
    .order-loader thead{display: none;}
    .order-loader tbody>tr{display: flex;flex-direction: column;height: auto !important;}
    .order-loader tbody>tr .layui-table-cell{max-height:fit-content !important;}
    .order-loader .laytable-cell-1-0-0{background: antiquewhite;width: 100%;}
    .order-loader .laytable-cell-1-0-1{width: auto !important;}
    .order-loader .laytable-cell-1-0-3{width: auto !important;}
}