*{margin:0;padding:0;box-sizing: border-box; }
.kd-body{line-height:30px;font-size: 14px;background: #f5f5f5; color:#777;}
.kd-body a{text-decoration:none;color:#555;cursor: pointer;}
.kd-body a:hover{ color:#179976;}
.kd-body [placeholder]::placeholder{color: #aaa;font-size: 14px;font-weight: 300;}
.kd-body [disabled]{user-select:none;pointer-events: none;opacity: .6;filter: grayscale(1);}
.kd-body .kd-box[disabled]{opacity: 1;}
.kd-body .kd-box[disabled]:before{content:'';background: rgb(255 255 255 / 70%) url(../images/loading.gif) no-repeat center center;background-size: 40px;left: 0;top: 0;right: 0;bottom: 0;display: block;position: absolute;z-index: 3;margin: -2px;}
.kd-body label{line-height:20px;user-select: none;}
.kd-body label input.kd-input{ margin:0;}
.kd-main{margin:0 auto;max-width: 1300px;position: relative;clear: both;}
.kd-inblock{ display:inline-block;}
.kd-fl{ float:left;}
.kd-fr{ float:right;}
.kd-rel{ position:relative;}
.kd-head{position: sticky;line-height: 40px;height: 40px;overflow: visible;background: #3F695E;top: 0;z-index: 1000;box-shadow: 0 0 5px rgb(0 0 0 / 10%);color: rgb(255 255 255 / 80%);}
.kd-head a{color: rgb(255 255 255 /70%);display: inline-block;padding: 0 10px;}
.kd-head a:hover{ color:white;}
.kd-head strong{padding: 0 10px;display: inline-block;}
.kd-head .kd-top-cart{background:#3E9474;display: inline-block;height: 48px;line-height: 48px;right: 0;vertical-align: top;border-radius: 0 0 5px 5px;min-width: 170px;font-size: 15px;text-align: center;color: white;opacity: 1;margin-left: 10px;}
.kd-head .kd-top-cart:before{content:'';display:inline-block;width: 18px;height: 100%;background: url(../images/icon-cart.svg) no-repeat center center;background-size: contain;vertical-align: top;margin-right: 8px;}
.kd-body .kd-top-cart[data-number]:after{content:'(' attr(data-number) ')';font-weight: bold;padding-left: 8px;display: inline-block;transform: scale(1.1);transition: all .3s;color: yellow;font-family: ui-monospace;}
.kd-body .kd-top-cart[data-number="0"]:after{color: white;font-weight: normal;}
.kd-head .kd-top-login{position:absolute;top:0;right: 0;}
.kd-padd-v{ padding:10px 0;}
.kd-padd-h{ padding:0 10px;}
.kd-fl{ float:left;}
.kd-fr{ float:right;}
.kd-flip{text-align:center;padding: 20px 0;color: #999;}
.kd-flip b{ font-weight:normal; padding:0 3px;}
.kd-flip a,
.kd-flip em{display: inline-block;padding: 0 10px;font-style: normal;}
.kd-flip em.num{ padding:0;}
.kd-flip a{background: white;border-radius: 3px;outline: solid 1px rgb(0 0 0 / 30%);min-width: 30px;}
.kd-flip a.on{background: #239864;outline-color: #239864;color:white;font-weight: bold;}
.kd-flip .Pages{padding-top: 40px;position: relative;}
.kd-flip .p_page{display:block;padding: 5px;position: absolute;left: 0;right: 0;top: 0;}
.kd-flip .kd-info{ padding-top:10px;}
.kd-flip .kd-info strong{ font-weight: bold;color: #239864;}

.kd-nav-head{position:relative;overflow: hidden;}
.kd-nav-head .kd-logo{display:inline-block;height: 120px;width: 240px;vertical-align: middle;text-align: left;/* text-align: center; */}
.kd-nav-head .kd-logo-avatar{display: inline-block;height: 100%;padding: 37px 0;background: url(../images/icon-logo-bg.svg) no-repeat center center;background-size: auto 70%;transition: all 1s;vertical-align: top;}
.kd-nav-head .kd-logo-avatar:hover{background-size: auto 50%;}
.kd-nav-head .kd-logo-avatar img{height: 100%;display:block;margin: 0 auto;transition: all 4s;}
.kd-nav-head .kd-logo-avatar:hover img{transform: scale(1.1);}
.kd-nav-head .kd-menu{display:inline-block;vertical-align: middle;font-size: 17px;line-height: 40px;}
.kd-nav-head .kd-menu a{display:inline-block;padding: 0 10px;position: relative;transition: all .3s;}
.kd-nav-head .kd-menu a:after{content:'';display:inline-block;width: 4px;height: 4px;background: #179976;border-radius: 2px;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);transition: all .3s;opacity: 0;}
.kd-nav-head .kd-menu a.kd-on,
.kd-nav-head .kd-menu a:hover{color:#179976;font-weight: bold;}
.kd-nav-head .kd-menu a.kd-on:after,
.kd-nav-head .kd-menu a:hover:after{width:30%;opacity: 1;}
.kd-nav-head .kd-search{display:block;position: absolute;letter-spacing: -3px;right: 0;top: 35px;}
.kd-nav-head .kd-search .kd-input,
.kd-nav-head .kd-search .kd-submit{outline:solid 1px #e5e5e5;background:white;border:none;height: 48px;line-height: 28px;padding: 10px;vertical-align: top;font-size: 15px;width: 180px;}
.kd-nav-head .kd-search .kd-submit{background: white url(../images/icon-zoom.svg) no-repeat center center;font-size: 0;background-size: 35%;width: 48px;cursor: pointer;}

.kd-nav-menu{width:240px;font-size: 15px;background:#285247;box-shadow: 0 0 8px rgb(0 0 0 / 20%);color: rgb(255 255 255 / 50%);padding: 20px 0;position: absolute;left: 0;top: 0;z-index: 2;min-height: 100%;}
.kd-nav-menu a{color: rgb(255 255 255 / 80%);display: block;cursor: pointer;}
.kd-nav-menu h5{font-weight:normal;font-size: 16px;padding: 5px 20px 10px;}
.kd-nav-menu dl{ margin:0;}
.kd-nav-menu dt{position: relative;padding: 10px 20px 10px 55px;font-size: 17px;color: rgb(255 255 255 / 80%);cursor: pointer;}
.kd-nav-menu dt:after{content:'';background: url(../images/icon-arrow.svg) no-repeat center center;background-size: 90%;width: 20px;height: 20px;display: block;position: absolute;right: 18px;top: 15px;opacity: .7;transform: rotate(90deg);transition: all .3s;}
.kd-nav-menu dt .pk-icon{position:absolute;width: 22px;height: 22px;left: 20px;top: 14px;}
.kd-nav-menu dt.on{font-weight:bold;color:white;background: rgb(84 143 127 / 30%);}
.kd-nav-menu dt.on+dd{ display:block;}
.kd-nav-menu dt.on:after{transform:rotate(-90deg);opacity: 1;}
.kd-nav-menu dd{display: none;}
.kd-nav-menu dd a{padding: 3px 20px 3px 55px;margin: 1px 0;}
.kd-nav-menu dd a.on,
.kd-nav-menu dd a:hover{ background:#548F7F; color:white;}
.kd-nav-menu dd a.on{ font-weight:bold;}
.kd-nav-menu .kd-show dd{display:block;letter-spacing: 1px;padding: 10px 0;}
.kd-nav-menu .kd-show dd a{padding: 6px 20px 6px 35px;}
.kd-nav-menu-nav{ display:none;}

.kd-gallery{position: relative;}
.kd-gallery .bx-pager{position:absolute;z-index: 1000;left:50%;bottom:5%;}
.kd-gallery .bx-pager div{float:left;width: 12px;height: 12px;margin:0 5px;}
.kd-gallery .bx-pager div a{display:block;overflow:hidden;line-height:1000px;height: 12px;border-radius:50%;background-color:rgba(255,255,255,.5);font-size: 0;}
.kd-gallery .bx-pager div a.active{background-color:rgba(255,255,255,1);}
.kd-gallery ul img{height:100%;width:100%;display: block;}
.kd-gallery-home{margin-left: 240px;}
.kd-gallery-home .gallery img{height: 410px;}

.kd-category{position:relative;padding: 20px 0 0 0;}
.kd-category .kd-tips{font-size:15px;padding:10px 15px;color: #111;letter-spacing: 1px;/* background: rgb(0 0 0 / 3%); */}
.kd-category .kd-tips strong{ padding:0 5px; color:#548F7F;}
.kd-category .kd-title{font-size:21px;font-weight:bold;letter-spacing:1px;line-height: 50px;color: #333;}
.kd-category .kd-more{font-size: 15px;font-weight:normal;position:absolute;right: 0;top: 30px;transition: all .3s;}
.kd-category .kd-more:after{content:'';background: black;border-radius: 100%;width: 20px;height: 20px;display: inline-block;vertical-align: middle;background: rgb(0 0 0 / 30%) url(../images/icon-arrow.svg) no-repeat center center;background-size: 60%;margin-left: 10px;transition:all .3s;}
.kd-category .kd-more:hover:after{background-color: rgb(23 153 118 / 30%);}
.kd-category .kd-box{ position:relative; }
.kd-category .kd-box:before{content:'';display: block;top: 0;bottom: 15px;left: 0;right: 0;z-index: -1;background: rgb(0 0 0 / 3%);position: absolute;border-radius: 3px;}
.kd-category .kd-ad{width:240px;position:absolute;height:100%;padding-bottom: 15px;}
.kd-category .kd-ad img{ display:block; width:100%;}
.kd-category .kd-list{display:flex;flex-wrap: wrap;justify-content: flex-start;}
.kd-category .kd-list li{width: 20%;list-style: none;padding: 0 0 15px 15px;height: 300px;}

.kd-category .kd-list a{color:black;background: white;box-shadow: 0 0 3px rgb(0 0 0 / 10%);text-align: center;display: block;height: 100%;transition: all .3s;overflow: hidden;}
.kd-category .kd-list figure{display: block;height: 200px;padding: 30px 10px;transition: all .3s;}
.kd-category .kd-list figure img{display:block;height: 100%;width: auto;margin: 0 auto;}
.kd-category .kd-list a:hover figure{ transform:scale(1.3);}
.kd-category .kd-list a:hover strong{color:#179976;}
.kd-category .kd-list strong{font-size: 16px;line-height: 22px;font-weight:normal;display: block;padding: 5px 0;transition: all .3s;min-height: 54px;}
.kd-category .kd-list em,
.kd-category .kd-list .dot,
.kd-category .kd-list a[data-count]:after{content:'共' attr(data-count) '件商品';display: block;opacity: .5;font-size: 12px;font-style: normal;line-height: 20px;overflow: hidden;text-overflow: ellipsis;padding: 0 7px;}
.kd-category .kd-ad+.kd-list{ margin-left:240px;}
.kd-category .kd-ad+.kd-list li{width: 25%;}

.kd-filter-list{text-align:right;padding: 10px 20px;color: #555;}
.kd-filter-list .kd-fl{ text-align:left;}
.kd-filter-list button:not(.kd-btn-find){min-width: 55px;border: none;outline: none;background: #eee;display: inline-block;padding: 0 5px;}
.kd-filter-list button{line-height: 35px;border-radius: 2px;vertical-align: middle;}
.kd-filter-list .kd-input{width: 110px;/* line-height: 30px; *//* height: 30px; */vertical-align: middle;border-radius: 2px;}
.kd-filter-list .kd-input-order{ width:170px;}
.kd-filter-list strong{ color:#000;}
.kd-filter-list em{color:#000;font-style: normal;padding: 0 10px;}
.kd-filter-list .kd-strong{color: #239864;font-size: 20px;padding-right: 50px;}
.kd-filter-list .kd-info{ line-height:40px;}

.kd-input{height: 35px;line-height: 35px;outline: none;padding: 0px 5px 0 12px;font-size: 16px;display: inline-block;border: solid 1px rgb(0 0 0 / 30%);max-width: 100%;position:relative;font-family: arial;}
.kd-input:focus{  outline:solid 2px #179976; z-index:1;}
.kd-input[type="checkbox"],
.kd-input[type="radio"]{width: 20px;height: 20px;vertical-align: middle;margin-right: 10px;padding: 0;outline: none;max-width: initial;}
.kd-input[type="checkbox"]:checked+figure,
.kd-input[type="radio"]:checked+figure{color: #0073fa;}
textarea.kd-input{width:100%;min-height: 70px;border-radius: 3px;background: rgb(255 255 255 / 70%);font-size: 16px;}
.kd-input-quantity{width: 70px;text-align: center;padding: 0 0 0 10px;}
.kd-select{ position:relative;}
.kd-select label{display:block;padding: 0 10px;line-height: inherit;align-items: center;}
.kd-select label>figure{display:inline-block;}
.kd-select label>input:checked+figure{font-weight:bold;color: #0073fa;}
.kd-select label>input:checked+figure:before{content:'';position:absolute;background: rgb(40 82 71 / 20%);left: 0;top: 0;right: 0;bottom: 0;z-index: -1;border-radius: 3px;/* background: rgb(40 82 71 / 20%) url(../images/icon-checked.svg) no-repeat right bottom; */background-size: auto 20px;}
select.kd-select{width:100%;height: 35px;border:none;line-height: 35px;font-size: 15px;padding: 0 8px;outline: none;}
.kd-btn-link{color: #0073fa;transition: all .3s;cursor: pointer;user-select: none;}
.kd-btn-link:hover{ font-weight:bold;}
.kd-btn-number{width: 35px;height: 35px;line-height: 35px;text-align:center;display: inline-block;background: rgb(0 0 0 / 10%);cursor: pointer;font-size: 16px;outline: solid 1px rgb(0 0 0 / 10%);user-select: none;letter-spacing: 0;position: relative;z-index: 1;}
.kd-btn-preview,
.kd-btn-download,
.kd-btn-find,
.kd-btn-order,
.kd-btn-addcart{background: #3E9474 url(../images/icon-addcart.svg) no-repeat 20px center;background-size: 20px auto;color: white !important;font-size: 14px;display: inline-block;border-radius: 5px;padding: 0 20px 0 45px;line-height: 40px;cursor: pointer;white-space: nowrap;outline: none;border: none;}
.kd-btn-order{ background-image:url(../images/icon-order.svg);}
.kd-btn-find{background-image:url(../images/icon-find.svg);}
.kd-btn-preview{background-image:url(../images/icon-preview.svg);}
.kd-btn-download{background-image:url(../images/icon-download.svg);}
.kd-btn,
.kd-btn-submit{height:35px;border-radius: 2px;display:inline-block;cursor: pointer;background: rgb(0 0 0 / 10%);padding: 0 10px;border: solid 1px rgb(0 0 0 / 20%);outline: none;font-size: 14px;line-height: 35px;user-select: none;}
.kd-btn-submit{background:#3E9474;color:white;border-color: #3E9474;}
input.kd-btn-submit{font-size:15px;padding: 0 20px;min-width: 120px;letter-spacing: 2px;-webkit-appearance: none;-moz-appearance: none;font-weight: normal;}
.kd-btn-close{position:relative;cursor: pointer;position: absolute;right: 0;top: 0;width: 30px;height: 30px;text-align: center;font-size: 17px;font-weight: bold;}
.kd-btn-close:before{ content: '\2715'; }
.kd-btn-close:hover{ color:red;}
.kd-text-r{ text-align:right;}
.kd-color-gray{ color:#aaa;}

.kd-flex{display:flex;display: block;letter-spacing: -3px;white-space: nowrap;}
.kd-flex>*{ display:inline-block;vertical-align:middle; letter-spacing:0;}
.kd-flex-smscode{ white-space:nowrap;}
.kd-flex-smscode .kd-btn{width: 35%;vertical-align: top;text-align: center;}
.kd-flex-smscode .kd-input{width: 63% !important;vertical-align: top;}
.kd-flex-smscode[data-title]{/* padding-top: 30px !important; */}
.kd-flex-smscode:before{/* position:absolute; *//* top: 0; */}
.kd-backdrop{-webkit-backdrop-filter: saturate(100%) blur(10px);backdrop-filter: saturate(100%) blur(10px);}
.kd-winform{position:fixed;left:0;top:0;right:0;bottom: 0;display: flex;text-align: center;justify-content: center;align-items: center;z-index: 1000;background: rgb(0 0 0 / 20%);transition: all .3s;}
.kd-winform:not(.on){width: 0px;height: 0px;overflow: hidden;/* visibility: hidden; */}
.kd-winform:not(.on)>.kd-box{transform:translateX(100%);/* transform: scale(0.1); */}
.kd-winform:not(.kd-alert).on{ pointer-events:none;}
.kd-winform:not(.kd-alert).on>*{ pointer-events:all;}
.kd-winform>.kd-box{background:white;border-radius: 5px;max-width: 100%;box-shadow: 0 0 7px rgb(0 0 0 / 15%);position: relative;z-index: 1;padding: 30px 40px;text-align: left;transition: inherit;}
.kd-winform>.kd-box.kd-style-m{min-width: 400px;}
.kd-winform .kd-btn-close{right: 25px;top: 30px;font-size: 22px;width: 40px;height: 40px;line-height: 40px;}
.kd-winform h2{font-size: 24px;line-height: 40px;font-weight: normal;letter-spacing: 1px;color: #111;}
.kd-winform .kd-form{font-size: 14px;padding: 10px 0;}
.kd-winform .kd-form>li{list-style: none;position: relative;padding: 0 0 15px 0;}
.kd-winform .kd-form>li[data-title]:before{content:attr(data-title);display: block;font-size: 15px;font-weight: normal;color: #333;}
.kd-winform .kd-form>li[data-error]:after{content:attr(data-error);display: block;color: red;font-weight: normal;}
.kd-winform .kd-form>li.kd-footer{ padding-top:10px;}
.kd-winform .kd-form .kd-input{ width:100%;}

.kd-alert>.kd-box{ padding:20px 30px;}
.kd-alert h2{font-size:17px;color: inherit;padding-right: 40px;}
.kd-alert .kd-btn-close{top: 30px;right:20px;}
.kd-alert[data-alert="ok"] {color:#179976;background: rgb(0 0 0 / 10%);}
.kd-alert[data-alert="error"] { color:red;}
.kd-alert[data-alert="normal"] { color:#0073fa;}


.kd-nav-position{font-size: 15px;line-height: 30px;padding: 10px;color: #777;}
.kd-nav-position img{width:20px;vertical-align: middle;filter:invert(100%);display: inline-block;margin: 0 5px;}
.kd-nav-position a{display:inline-block;color: #777;padding: 0 10px;}
.kd-nav-position strong{color:#111;display: inline-block;vertical-align: top;padding: 0 10px;}

.kd-main-content,
.kd-product-filter{position:relative;border-left: solid 15px #ededed;background: linear-gradient(90deg, rgba(84,143,127,0.37), transparent);padding: 0 0 10px 0;}
.kd-main-content:before,
.kd-product-filter:before{content:'';display: block;height: 2px;background: linear-gradient(90deg, rgba(134,184,170,1), white 30%, rgba(126,204,183,1) 80%);margin-bottom: 10px;}
.kd-main-content:before{ content:none;}
.kd-product-filter dl{font-size:15px;padding-left: 170px;color: #222;line-height: 30px;}
.kd-product-filter dl>dt{display:block;position:absolute;left:0;padding: 10px;text-align: right;width: 170px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.kd-product-filter dl>dd{display:inline-block;min-width: 120px;background: white;border: solid 1px rgb(0 0 0 / 30%);border-radius: 3px;margin: 5px;text-align: center;cursor: pointer;position: relative;z-index: 1;}
.kd-product-filter dl>dd.on{ color:#548F7F; border-color:#548F7F;}
.kd-product-filter dl>dd.on:after{content:'';position: absolute;right: 0;bottom: 0;width: 20px;height: 20px;background: url(../images/icon-checked.svg) no-repeat;background-size: 100%;}
.kd-product-filter .kd-tool-trash{position:absolute;bottom: 10px;right: 10px;cursor: pointer;z-index: 1;display: block;line-height: 30px;border-radius: 3px;}
.kd-product-filter .kd-tool-trash:before{content:'';background: url(../images/icon-trash.svg) no-repeat center center;width: 30px;height: 30px;background-size: inherit;display: inline-block;vertical-align: top;}
.kd-main-content h1,
.kd-product-filter h1{ color:#111; font-size:20px; padding:0 20px}
.kd-product-filter h5{font-weight:normal;font-size:14px;color: #333;padding: 0 20px;}
.kd-product-filter .kd-box{background: linear-gradient(90deg, rgba(255,255,255,0.5), rgb(255 255 255 / 20%));border-radius: 3px;margin: 0px 20px 20px;padding: 10px 20px;/* background: rgb(255 255 255 / 40%); */}
.kd-product-filter ul.kd-box{display:flex;flex-wrap: wrap;text-align: center;padding: 0;line-height: 22px;}
.kd-product-filter ul.kd-box>li{list-style:none;padding: 10px 10px;min-width: 10%;}
.kd-product-filter ul.kd-box>li:nth-child(even){background: rgb(255 255 255 / 60%);border: solid 1px white;border-width: 0 1px;}
.kd-product-filter ul.kd-box>li>em{font-style:normal;display: block;color: #444;font-size: 13px;}
.kd-product-filter ul.kd-box>li>strong{color: #111;display: block;}
.kd-product-filter .kd-winform{position:static;width: auto;height: auto;background: no-repeat;display: block;padding: 20px 0;}
.kd-product-filter .kd-winform>.kd-box{transform:none;box-shadow: 0 0 7px rgb(0 0 0 / 5%);padding: 10px 30px;display: inline-block;}
.kd-product-filter .kd-winform .kd-form{display:inline-block;min-width: 50%;display: block;}
.kd-product-filter .kd-winform .kd-form .kd-user-avatar{ padding:0;}

.kd-product-type ol{padding: 5px 15px 5px 0;display: inline-block;position: relative;}
.kd-product-type ol>li{list-style:none;position: relative;padding: 2px 0;min-height: 50px;}
.kd-product-type .kd-arrow{position:absolute;width: 15px;bottom: 50%;height: 30%;right: 0;border: solid 1px rgb(0 0 0 / 20%);border-width: 2px;border-bottom-width: 0;border-left-width: 0;border-radius: 0 10px;transform: translateY(-10.5px);}
.kd-product-type .kd-arrow:before{content:'';display: block;width: 10px;border: solid 1px rgb(0 0 0 / 20%);height: 10px;border-radius: 0 20px;border-width: 2px;border-top-width: 0;border-right-width: 0;left: 13px;position: absolute;bottom: -11.5px;}
.kd-product-type .kd-arrow+.kd-arrow{transform: translateY(10.5px) rotateX(180deg);top: 50%;bottom: auto;}
.kd-product-input { position:relative;}
.kd-product-input ol>li[data-number]:before{content:attr(data-number);background: #239864;border: solid 4px #f1fffb;width: 18px;height: 18px;display: block;position: absolute;text-align: center;line-height: 18px;color: white;border-radius: 100%;font-weight: bold;font-size: 13px;top: 13px;left: 1px;z-index: 2;font-family: ui-monospace;}
.kd-product-input ol>li[data-number]:not(.success):before{background: #999;border-color: #f5f5f5;}
.kd-product-input ol>li[data-number]:not(.success):after{content:'';width: 3px;background: rgb(255 255 255 / 80%);display: block;position: absolute;z-index: 1;top: 25px;bottom: -25px;left: 13px;}
.kd-product-input ol>li[data-number]:not(.success):last-child:after{height: 3px;bottom:auto;}
.kd-product-input ol>li[data-number]:not(.success) .kd-clear{ display:none;}
.kd-product-input ol>li[data-number]:not(.on) dd{visibility: hidden;user-select: none;pointer-events: none;cursor: not-allowed;}
.kd-product-input ol>li[data-number]:not(.on) dl:after{content:'请选择上一步';display: flex;align-items: center;position: absolute;z-index: 1;top: 0;bottom: 0;left: 140px;right: 45px;background: white;cursor: not-allowed;padding: 0 10px;outline: solid 1px rgb(0 0 0 / 30%);border-radius: 3px;opacity: .5;letter-spacing: 0;}
.kd-product-input ol:before{content:'';position:absolute;display: block;top: 25px;bottom: 35px;left: 13px;z-index: 0;background: repeat linear-gradient(0deg, transparent 5px,#239864 0px) top left;width: 3px;background-repeat: repeat;background-size: 100% 10px;animation: mymove 1s infinite;animation-timing-function: linear;}
.kd-product-input ol dl{padding: 0 40px 0 135px;font-size: 14px;position: relative;}
.kd-product-input ol dl>dt{text-align:left;padding: 0 0 0 35px;width: 130px;font-family: auto;position: absolute;}
.kd-product-input ol dl>dd{display:block;text-align: left;border: none;max-width: 180px;}
.kd-product-input ol dl>dd.kd-select{background: rgb(255 255 255 / 30%);border: none;margin: 2px 5px;}
.kd-product-input ol dl>dd.kd-clear{position:absolute;width: auto;cursor: pointer;z-index: 2;right: -3px;min-width: initial;padding: 0 10px;/* font-size: 12px; */top: 0;margin: 0;background: none;color: cadetblue;transition: all .3s;user-select: none;line-height: 30px;}
.kd-product-input ol dl>dd.kd-clear:hover{ color:#239864; font-weight:bold;}
.kd-product-input ol dl>dd[data-fmt]{margin-bottom: 15px;}
.kd-product-input ol dl>dd[data-fmt]:after{content:attr(data-fmt);position: absolute;top: 100%;left: 0;white-space: nowrap;right: 0;font-size: 12px;line-height: 20px;opacity: .7;}
.kd-product-input ol dl>dd[data-tips]:before{content:attr(data-tips);position: absolute;top: -42px;left: 0;white-space: nowrap;right: 0;z-index: 2;background: yellow url(../images/icon-alert.svg) no-repeat 10px center;background-size: auto 25px;color: black;padding: 5px 10px 5px 45px;font-size: 14px;outline: solid 1px yellow;border-radius: 3px;animation: myscale 1s;box-shadow: 1px 1px 4px rgb(195 93 0 / 30%);}
.kd-product-type .kd-box{display:flex;align-items: center;}
.kd-product-type .kd-box>*{display:inline-block;align-items: center;vertical-align: middle;height: 100%;position: relative;}
.kd-product-step{display:block;padding: 20px 5px;}
.kd-product-step .kd-flex{min-height: 55px;}
.kd-product-step em{display:block;font-style: normal;font-size: 13px;color: #555;/* position: absolute; *//* top: -10px; */}
.kd-product-step strong{display:block;font-size: 17px;font-weight: bold;color: #239864;font-family: initial;white-space: nowrap;min-width: 160px;}
.kd-product-input+.kd-product-step{padding-left:20px;flex: 1;}
.kd-product-step .kd-down{position:absolute;/* padding-top: 10px; *//* top: 90%; *//* width: 100%; */position: relative;}
.kd-product-step .kd-down a{color: #2a82e4;}
.kd-product-step .kd-btn-addcart{ display:block; text-align:center;}
@keyframes mymove{ 
    from{top:25px; }     
    to {top:35px;}
}
@keyframes myscale{ 
    from{top:0px;outline-width:0px;}     
    to {top:-42px; outline-width:5px;}
}
.kd-cart-list{padding: 5px 20px;color: #555;clear: both;}
.kd-cart-list ul.kd-list{display: flex;min-height: 70px;align-items: center;background: rgb(255 255 255 / 50%);border-radius: 3px;margin: 1px 0;line-height: 20px;}
.kd-cart-list ul.kd-list>li{list-style: none;}
.kd-cart-list ul.kd-list>li:nth-child(1){text-align: center;width: 8%;}
.kd-cart-list ul.kd-list>li:nth-child(1) input{ margin:0;}
.kd-cart-list ul.kd-list>li:nth-child(2){flex: 1;background: white;border-radius: 2px;font-size: 16px;position: relative;padding: 0 10px 0 80px;min-height: 70px;display: flex;align-items: center;}
.kd-cart-list ul.kd-list>li:nth-child(3){width: 30%;padding: 0 10px;}
.kd-cart-list ul.kd-list>li:nth-child(4){width: 120px;text-align: center;}
.kd-cart-list ul.kd-list>li:nth-child(5){width: 10%;text-align: center;}
.kd-cart-list ul.kd-list.kd-list-head{align-items: flex-end;line-height: 20px;background: none;padding-bottom: 2px;min-height: 50px;}
.kd-cart-list ul.kd-list.kd-list-head>li{background: none;font-size: 12px;min-height: initial;padding: 0 10px;}
.kd-cart-list ul.kd-list .kd-logo{width: 70px;height: 70px;display: inline-block;vertical-align: middle;padding: 10px;position: absolute;left: 0;}
.kd-cart-list ul.kd-list .kd-logo img{max-width: 100%;}
.kd-cart-list .kd-input-quantity{ width:60px;}

.kd-order-list ul.kd-list.kd-list-head{min-height: 25px;}
.kd-order-list ul.kd-list>li:nth-child(1){text-align: left;width: 15%;padding: 0 10px;}
.kd-order-list ul.kd-list>li:nth-child(1) em{ font-size:12px; font-style:normal; display:block;}
.kd-order-list ul.kd-list>li:nth-child(2){ padding:0 10px;}
.kd-order-list ul.kd-list:not(.kd-list-head)>li:nth-child(2){ background:rgb(255 255 255 / 50%);}
.kd-order-list ul.kd-list>li:nth-child(3){ width:40%;}
.kd-order-desc ul.kd-list>li:nth-child(1){text-align:center;width: 7%;}


.kd-user-avatar{padding: 0 10px 0 20px;position: relative;min-height: 100px;display: flex;align-items: center;}
.kd-user-avatar .kd-logo{width: 80px;height: 80px;border-radius: 50%;background: rgb(0 0 0 / 50%);overflow: hidden;display: flex;justify-content: center;}
.kd-user-avatar .kd-logo img{width: 100%;display: block;}
.kd-user-avatar .kd-logo img:not([src]),
.kd-user-avatar .kd-logo img[src=""]{background: url(../images/icon-avatar.svg) no-repeat center center;background-size: 50%;opacity: .7;border: none;outline: none;transform: scale(1.1);}
.kd-user-avatar .kd-info{flex:1;padding-left: 10px;line-height: 20px;}
.kd-user-avatar .kd-info strong{display: block;color: white;}
.kd-user-avatar .kd-info em{font-style: normal;font-size: 12px;}

.kd-main-content{padding: 20px 0;background: none;}
.kd-main-content img{ max-width:100%;}
.kd-panel{position:relative;padding-top: 41px;}
.kd-panel:before{height: 0px;display:block;border-top: solid 1px #111;content:'';}
.kd-panel>dl>dd{padding:20px;background: white;}
.kd-panel>dl>dt{position: absolute;top: 0;display: inline-block;font-size: 15px;padding: 10px 20px;line-height: 20px;border: solid 1px rgb(0 0 0 / 30%);background: linear-gradient(180deg, #eee, #ffffff);border-radius: 5px 5px 0 0;border-bottom: none;color: #555;cursor: pointer;margin-left: 20px;user-select: none;}
.kd-panel>dl:not(.on)>dd{ display:none;}
.kd-panel>dl.on>dt{font-weight:bold;color:#239864;background: linear-gradient(180deg, rgb(23 153 118 / 10%), #ffffff);border-color:#111;height: 42px;}
.kd-panel>dl+dl>dt{ transform:translateX(100%);}

.kd-download-list{padding: 10px 0;}
.kd-download-list>li{padding: 5px 10px 5px 40px;list-style:none;position: relative;}
.kd-download-list>li[data-order]:before{content:attr(data-order);position: absolute;left: 10px;top: 10px;font-size: 14px;font-weight: normal;background: #548f7f;min-width: 20px;height: 20px;line-height: 20px;text-align: center;border-radius: 8px;color: white;}
.kd-download-list>li:nth-child(even){ background:#f5f5f5; border-radius:3px;}
.kd-download-list .kd-icon-down{display:block;padding: 0 30px 0 5px;background: url(../images/icon-cloud-download.svg) no-repeat right center;background-size: 20px auto;transition: all .3s;}
.kd-download-list>li:hover{color: #548f7f;font-weight: bold;border-radius: 3px;background-color: rgb(40 82 71 / 10%);}

.kd-nav-menu+.kd-layout-main{margin-left: 240px;min-height: 500px;background: rgb(0 0 0 / 3%);}
.kd-nav-menu+.kd-layout-main .kd-category{ padding-top:0;}
.kd-nav-menu+.kd-layout-main .kd-category .kd-box:before{ content:none;}
.kd-nav-position,
.kd-nav-menu+.kd-layout-main .kd-category .kd-title{border-left: solid 15px #ededed;background: linear-gradient(90deg, rgb(0 0 0 / 5%), transparent);}
.kd-nav-menu+.kd-layout-main .kd-category .kd-title img{width: 30px;height: 30px;margin: 0 10px;display: inline-block;vertical-align: middle;filter: invert(100%);}
.kd-nav-menu+.kd-layout-main .kd-category .kd-more{top:10px;}
.kd-style-m .kd-list li{height: 248px;}
.kd-style-m .kd-category .kd-list figure{padding: 20px 10px;height: 140px;}
.kd-center{text-align:center;padding: 20px;}

.kd-article{padding:0;background: white;}
.kd-article:before{background: linear-gradient(90deg, #aaa, #e1e1e1 30%, #aaa 80%); content:'';}
.kd-article h1{color:#179976;font-size: 25px;line-height: 45px;padding: 10px 40px;}
.kd-art-list{padding: 0px 20px;font-size: 14px;line-height: 20px;}
.kd-art-list>li{list-style: none;margin: 20px 0;box-shadow: 0 0 3px rgb(0 0 0 / 10%);}
.kd-art-list>li:first-child{ margin-top:10px;}
.kd-art-list>li:last-child{margin-bottom: 0px;}
.kd-art-list .kd-item{padding: 20px 120px 20px 280px;display: block;position: relative;min-height: 200px;}
.kd-art-list .kd-item picture{position: absolute;left: 20px;top: 20px;width: 240px;background-repeat: no-repeat;background-position: center;background-size: cover;bottom: 20px;border-radius: 5px;}
.kd-art-list .kd-item h5{font-size: 18px;line-height: 25px;padding-bottom: 10px;color: #333;}
.kd-art-list .kd-item summary{padding: 0;font-size: 15px;line-height: 25px;}
.kd-art-list .kd-item:after{content:'';padding:10px;position: absolute;right: 0;width: 70px;border-left: solid 1px rgb(0 0 0 / 10%);top: 20px;bottom: 20px;background: url(../images/icon-arrow-right.svg) no-repeat center center;background-size: 20px;transition: all .3s;}
.kd-art-list .kd-item:hover:after{background-size:30px;border-left-color: rgba(0 0 0 / 30%);}
.kd-art-content{padding: 10px 40px 20px;font-size: 16px;color: #555;line-height: 35px;}
.kd-art-content p{padding:15px 0;}
.kd-article .kd-back{background: rgb(0 0 0 / 50%);color: white;display: inline-block;padding: 5px 25px;border-radius: 10px;transition:all .3s;}
.kd-article .kd-back:hover{background:#179976;border-radius: 30px;color: white;}
.kd-article .kd-prev-next{padding: 20px;display:flex;line-height: 22px;background: rgb(0 0 0 / 3%);border-radius: 5px;font-size: 15px;}
.kd-article .kd-prev-next a{flex:1;color: #239864;}
.kd-article .kd-prev-next a:last-child{ text-align:right;}
.kd-art-content .kd-date{text-align:center;font-size:14px;opacity: .6;}

.kd-art-wenhua{display: block;padding: 0 20px;}
.kd-art-wenhua>dd{display: block;margin: 30px 0;box-shadow: 0 0 10px rgb(0 0 0 / 10%);position: relative;border-radius: 5px;overflow: hidden;}
.kd-art-wenhua>dd:first-child{ margin-top:10px;}
.kd-art-wenhua>dd .kd-logo{display: block;width: 50%;transition: all 15s;transform: scale(2);}
.kd-art-wenhua>dd:hover .kd-logo{transform: scale(1);}
.kd-art-wenhua>dd .kd-summary{display:block;position: absolute;right: 0;top: 0;left: 50%;padding: 30px;bottom: 0;text-align: center;color: #999;z-index: 2;background: white;display: flex;justify-content: center;align-items: center;}
.kd-art-wenhua>dd .kd-summary img{display:block;width: 17%;margin: 0 auto;}
.kd-art-wenhua>dd .kd-summary aside{display:block;font-weight: bold;color: #333;font-size: 20px;padding: 5px 0;}
.kd-art-wenhua>dd .kd-summary strong{display:block;color: black;padding-left: 43px;font-size: 120%;}
.kd-art-wenhua>dd .kd-summary p{ padding:0;}
.kd-art-wenhua>dd .kd-summary .kd-block{ transition:all 5s;}
.kd-art-wenhua>dd:hover .kd-summary .kd-block{ transform:scale(1.5);}
.kd-art-contact>dd{margin: 10px 0;box-shadow: 0 0 10px rgb(0 0 0 / 3%);}
.kd-art-contact>dd iframe{width:100%;max-width: 100%;}
.kd-art-contact>dd .kd-summary{position:static;text-align: left;display: block;}
.kd-art-contact>dd .kd-summary img{width:30px;display: inline-block;vertical-align: middle;}
.kd-art-contact>dd:hover .kd-summary .kd-block{ transform:none;}
.kd-art-contact>dd .kd-summary aside{display:inline-block;vertical-align: middle;font-weight: normal;padding-left: 10px;}

.kd-art-rongyu{display:block;text-align: center;}
.kd-art-rongyu>li{display: inline-block;width: 24%;padding: 20px;vertical-align: top;}
.kd-art-rongyu>li>a{display:block;background: white;box-shadow: 0 0 15px rgb(0 0 0 / 7%);border: solid 1px #eee;border-radius: 5px;overflow: hidden;text-align: center;font-size: 15px;transition: all .5s;}
.kd-art-rongyu>li>a:hover{ transform:scale(1.1); position:relative; z-index:2;}
.kd-art-rongyu>li figure{display:block;padding: 10px 10px 10px;text-align: center;}
.kd-art-rongyu>li figure>img{display:block;}
.kd-art-rongyu>li aside{display:block;margin-bottom: 10px;line-height: 20px;height: 40px;overflow: hidden;padding: 0 15px;}

.kd-page-footer{background:white;padding: 30px 0;margin-top: 20px;}
.kd-page-footer .kd-core{display:flex;font-size: 15px;line-height: 25px;justify-content: space-between;padding: 0px 0 20px 0;border-bottom: solid 1px #ccc;margin-bottom: 20px;}
.kd-page-footer .kd-core>li{width: 25%;list-style: none;padding-left: 50px;position: relative;}
.kd-page-footer .kd-core>li:before{content:'';background: url(../images/icon-core-gssm.svg) no-repeat left top;background-size: 40px;filter: grayscale(1);display: block;width: 40px;height: 40px;position: absolute;left: 0;top: 6px;opacity: .5;}
.kd-page-footer .kd-core>li:nth-child(2):before{background-image: url(../images/icon-core-hxjzg.svg);}
.kd-page-footer .kd-core>li:nth-child(3):before{background-image: url(../images/icon-core-gsyj.svg);}
.kd-page-footer .kd-core h5{font-size: 17px;color: #111;}
.kd-nav-footer{position:relative;display: flex;padding: 0 300px 0 50px;font-size: 13px;line-height: 26px;}
.kd-nav-footer dl{width: 20%;}
.kd-nav-footer dt{font-weight:bold;padding-bottom:10px;font-size: 15px;color: #777;}
.kd-nav-footer dt a{ color:inherit;}
.kd-nav-footer dd a{ color:gray;}
.kd-nav-contact{position:absolute;right:0;top: 0;padding: 0 0 0 140px;line-height: 26px;}
.kd-nav-contact .kd-weixin{width: 120px;left: 0;position: absolute;}
.kd-nav-contact .kd-tel{font-size: 25px;line-height: 50px;font-weight: bold;}
.kd-nav-bottom{ display:none;}
.kd-copyright{text-align:center;font-size:13px;padding: 10px 0;line-height: 26px;}

/* 隐藏3d文件下载 */
.kd-layout-main[data-layout="no3d"] .kd-main-content .kd-panel>dl:last-child:not(.on),
.kd-layout-main[data-layout="no3d"] .kd-product-step .kd-down{ display:none;}

@media screen and (max-width: 960px) {
    .kd-body{line-height:25px;font-size: 12px;padding-bottom: 56px;font-family: ui-serif;}
    .kd-body [placeholder]::placeholder{font-size: 12px;}
    select.kd-select{font-size:13px;-webkit-appearance:auto;-moz-appearance: auto;background: white;}
    .kd-head,
    .kd-copyright,
    .kd-nav-head .kd-menu,
    .kd-category .kd-ad,
    .kd-page-footer{ display:none;}
    .kd-nav-head .kd-logo{width: 30%;height: 60px;pointer-events: none;font-size: 0;}
    .kd-nav-head .kd-search{top: 10px;right: 8px;width: 50%;text-align: right;white-space: nowrap;}
    .kd-category{padding: 10px 0 0 2px;}
    .kd-category .kd-tips{font-size:11px;padding: 2px 3px;}
    .kd-category .kd-ad+.kd-list{ margin-left:0;}
    .kd-category .kd-ad+.kd-list li{width: 33%;padding: 2px;height: 170px;}
    .kd-style-m .kd-category .kd-list figure,
    .kd-category .kd-list figure{height: 108px;padding: 15px 5px;}
    .kd-category .kd-list strong{font-size:14px;line-height: 18px;height: 36px;min-height: initial;padding: 0 2px;overflow: hidden;text-overflow: ellipsis;display: block;}
    .kd-category .kd-list em, .kd-category .kd-list .dot, .kd-category .kd-list a[data-count]:after{ font-size:10px;}
    .kd-category .kd-title{font-size: 16px;font-weight: normal;line-height: 30px;padding: 0 3px 0 1px;}
    .kd-category .kd-more{font-size: 0;top: 10px;right: 5px;}
    .kd-category .kd-box:before{ bottom:0;}
    .kd-nav-menu{font-size: 13px;width: 100%;z-index: 10000;min-height: auto;padding: 10px;background-position: 5px 5px;background-repeat: no-repeat;position: fixed;left: 0;top: 0;right: 0;transition: all .3s;overflow: auto;padding: 0;height: 0;border-radius: 3px;background-size: 20px;overflow: hidden;}
    .kd-nav-menu .kd-box{ position:relative; z-index:1;}
    .kd-nav-menu.on:before{content:'\2715';position: fixed;right: 20px;top: 10px;z-index: 10000;/* pointer-events: none; */font-size: 20px;font-weight: bold;display: block;width: 40px;height: 40px;background: #239864;background: black;z-index: 0;color: white;text-align: center;line-height: 40px;border-radius: 3px;opacity: .3;font-size: 0;right: 0;top: 0;left: 0;bottom: 0;width: auto;height: auto;}
    
    .kd-nav-menu-nav.on+.kd-nav-menu{padding: 10px;height: auto;border-radius: 0;overflow: auto;}
    .kd-nav-menu-nav{content:'';position: fixed;width: 40px;height: 40px;left: 0;top: 10px;background: url(../images/icon-category.svg) no-repeat center center;background-size: 60%;display: block;border-radius: 5px;z-index: 101;}
    .kd-nav-menu-nav.on{width:auto;height: auto;top: 0;bottom: 0;right: 0;background: rgb(0 0 0 / 20%);-webkit-backdrop-filter: saturate(100%) blur(10px);backdrop-filter: saturate(100%) blur(10px);}
    .kd-nav-menu dt{font-size:14px;padding-top: 5px;padding-bottom: 4px;border-radius: 3px;}
    .kd-nav-menu dd a{padding-top: 1px;padding-bottom: 1px;}
    .kd-nav-menu dt:after,
    .kd-nav-menu dt .pk-icon{ top:7px;}
    .kd-gallery-home{margin:0;}
    .kd-gallery-home .gallery img{height: 40vw;}
    .kd-nav-head{padding-left:40px;}
    .kd-nav-head .kd-logo-avatar{padding: 0px;vertical-align: middle;line-height: 60px;}
    .kd-nav-head .kd-logo-avatar img{width:100%;height: auto;display: inline-block;vertical-align: middle;}
    .kd-nav-head .kd-search .kd-input, 
    .kd-nav-head .kd-search .kd-submit{height: 40px;}
    .kd-nav-head .kd-search .kd-input{width: 75%;font-size: 14px;border-radius: 20px 0 0 20px;}
    .kd-nav-head .kd-search .kd-submit{width: 25%;border-radius: 0 20px 20px 0;margin-left: -2px;}
    .kd-nav-menu+.kd-layout-main{margin:0;min-height: auto;}
    .kd-main-content, .kd-product-filter,
    .kd-nav-position, .kd-nav-menu+.kd-layout-main .kd-category .kd-title{border-left:none;padding: 0 0 5px 0;}
    .kd-nav-position{padding: 2px 0;font-size: 11px;}
    .kd-nav-position strong,
    .kd-nav-position a{ padding:0 5px;}
    .kd-nav-position img{width:16px;margin-left: 0;}
    .kd-main-content h1, .kd-product-filter h1{font-size:15px;padding: 0 5px;line-height: 30px;}
    .kd-product-filter h5{padding:0 5px;font-size: 12px;}
    .kd-main-content:before, .kd-product-filter:before{margin-bottom:0;content: none;}
    .kd-product-step strong{ font-size:14px;}
    .kd-product-type .kd-box .kd-product-step{text-align:center;padding: 10px 0;}
    .kd-product-type .kd-box{padding: 0px;margin: 0 5px;border-radius: 2px;display: block;}
    .kd-product-type .kd-box>*{display:block;padding: 5px 5px 10px 5px;}
    .kd-product-step .kd-flex{min-height:40px;display: block;letter-spacing: -3px;}
    .kd-product-input ol dl{font-size:12px;padding-left: 125px;}
    .kd-product-type .kd-arrow{left: 50%;right: auto;height: 15px;width: 42%;bottom: 0;border-width: 0 2px 2px 0;border-radius: 10px 0;transform: translateX(10px);}
    .kd-product-type .kd-arrow:before{left: -12px;border-width: 2px 0 0 2px;border-radius: 20px 0 0;bottom: -12px;}
    .kd-product-type .kd-arrow+.kd-arrow{  left: auto;  right: 50%;  transform: rotate(180deg) scaleY(-1) translateX(13px);   top: auto;   bottom: 0;}
    .kd-product-input ol dl>dd{ max-width:initial;}
    .kd-product-input ol dl>dd.kd-select{padding: 0;}
    .kd-product-type ol{padding:0;display: block;}
    .kd-product-input ol>li[data-number]:before{ font-size:11px;}
    .kd-product-input ol>li[data-number]:not(.success):after,
    .kd-product-input ol:before{width:2px;left: 13.5px;}
    .kd-product-input ol>li[data-number]:not(.on) dl:after{left:130px;/* right: 0; */}
    .kd-select label{padding: 2px 5px;}
    .kd-product-filter ul.kd-box{margin: 0 5px;overflow: auto;line-height: 20px;display: block;text-align: left;}
    .kd-product-filter ul.kd-box>li>em{font-size:11px;display: inline-block;width: 40%;vertical-align: top;padding-right: 10px;}
    .kd-product-filter ul.kd-box>li>strong{display:inline-block;max-width: 50%;overflow: hidden;vertical-align: top;}
    .kd-product-filter ul.kd-box>li{position:relative;padding: 5px;}
    .kd-main-content{ padding:10px 0;}
    .kd-main-content.kd-article{ padding:0;}
    .kd-product-step .kd-btn-addcart{margin: 0 5px;}
    .kd-panel>dl>dt{margin-left:5px;font-size: 13px;}
    .kd-panel>dl>dd{ padding:5px;}
    .kd-product-filter dl{padding: 0 0 5px 0;font-size: 12px;letter-spacing: -3px;line-height: 22px;}
    .kd-product-filter dl>dt{width: auto;position: static;text-align: left;padding: 0 5px;letter-spacing: 0;line-height: 20px;font-size: 11px;top: 10px;}
    .kd-product-filter dl>dd{margin:1px 5px;min-width: 80px;letter-spacing: 0;padding: 0 0px;}
    .kd-product-filter dl>dd.on:after{ width:15px; height:15px;}
    .kd-product-filter .kd-tool-trash{font-size:11px;background-size: 50%;right: 5px;bottom: 5px;}
    .kd-category .kd-list li{ width:33%;}
    .kd-style-m .kd-list li{height: 170px;padding: 0 0 2px 2px;}
    .kd-flip .kd-info{ font-size:10px;}
    .kd-art-content{padding:10px;line-height: 28px;font-size: 15px;}
    .kd-art-content h2{text-align:center;font-size: 20px;font-weight: normal;color: #000;}
    .kd-art-content .kd-date{ font-size:11px;}
    .kd-article h1{font-size:17px;text-align: center;padding-top: 10px;}
    .kd-art-wenhua{padding:0;font-size: 11px;line-height: 18px;}
    .kd-art-wenhua>dd .kd-summary aside{ font-size:16px;}
    .kd-art-wenhua>dd .kd-summary{ padding:20px 10px;}
    .kd-article .kd-prev-next{padding:10px;font-size: 12px;line-height: 18px;}
    .kd-article .kd-back{font-size:12px;padding: 2px 20px;border-radius: 3px;}
    .kd-art-rongyu>li{padding: 5px;width: 45%;}
    .kd-art-rongyu>li>a{font-size: 13px;}
    .kd-art-rongyu>li aside{ padding:0 5px;}
    .kd-cart-list{padding:0 5px;word-break: break-all;}
    .kd-cart-list .kd-btn-number{width: 30px;}
    .kd-input{height:30px;line-height:30px;padding: 0 5px;font-size: 14px;width: 100%;}
    .kd-input:focus{ outline:none;}
    .kd-input-quantity{padding:0;width: 50px;border-radius: 3px;}
    .kd-winform .kd-form .kd-input{ height:35px; line-height:35px;}
    .kd-btn-number{height: 30px;line-height: 30px;border-radius: 4px;outline: none;margin: 0 1px;}
    .kd-cart-list .kd-input-quantity{width: 35px;padding: 0;font-size: 13px;}
    .kd-cart-list ul.kd-list{ min-height:initial;}
    .kd-cart-list ul.kd-list.kd-list-head{white-space:nowrap;min-height: 0;}
    .kd-cart-list ul.kd-list.kd-list-head>li:not(:first-child){padding: 0;font-size: 11px;line-height: 20px;}
    .kd-cart-list ul.kd-list.kd-list-head>li:nth-child(1){padding: 0 5px;line-height: 20px;}
    .kd-cart-list ul.kd-list.kd-list-head>li:nth-child(1) figure{display:inline-block;vertical-align:middle;font-size: 0;}
    .kd-cart-list ul.kd-list>li:nth-child(2){padding: 50px 5px 5px 5px;font-size: 13px;line-height: 15px;border-radius: 0;}
    .kd-cart-list ul.kd-list .kd-logo{width: 50px;height: 50px;display: block;padding: 5px;top: 0;}
    .kd-cart-list ul.kd-list>li:nth-child(3){width:20%;padding: 0 5px;font-size: 10px;line-height: 12px;}
    .kd-cart-list ul.kd-list>li:nth-child(4){width: 100px;}
    .kd-order-list ul.kd-list>li:nth-child(2){padding:5px;font-size: 12px;}
    .kd-order-list ul.kd-list>li:nth-child(1){font-size:11px;padding: 0 5px;width: 20%;line-height: 15px;}
    .kd-order-list ul.kd-list>li:nth-child(3){width: 30%;font-size: 11px;line-height: 15px;padding: 5px;}
    .kd-order-desc ul.kd-list>li:nth-child(1){ width:8%;}
    .kd-btn-preview, .kd-btn-download, .kd-btn-find, .kd-btn-order, .kd-btn-addcart{line-height: 35px;font-size:13px;}
    .kd-art-list{font-size:12px;padding: 0 10px;}
    .kd-art-list .kd-item{padding: 170px 10px 10px 10px;}
    .kd-art-list .kd-item picture{top: 10px;left: 10px;right: 10px;width: auto;height: 150px;}
    .kd-art-list .kd-item h5{font-size:14px;line-height: 20px;}
    .kd-art-list .kd-item summary{font-size:11px;line-height: 16px;}
    .kd-art-list .kd-item:after{ content:none;}
    .kd-product-filter .kd-winform{padding: 0;}
    .kd-winform{ padding-bottom:70px;}
    .kd-winform>.kd-box.kd-style-m{min-width: 80%;margin: 0 5px;display: block;padding: 30px;}
    .kd-filter-list{padding:5px;text-align: center;}
    .kd-filter-list .kd-fl{/* float:none; */padding-bottom: 5px;}
    .kd-filter-list button{line-height:30px;font-size: 12px;}
    .kd-filter-list button:not(.kd-btn-find){min-width: 40px;}
    .kd-filter-list .kd-input{ width:90px;}
    .kd-filter-list .kd-input-order{ width:150px;}
    .kd-filter-list .kd-info{text-align:left;line-height: 20px;}
    .kd-filter-list .kd-info .kd-strong{padding:0;font-size: 16px;}
    .kd-filter-list .kd-info .kd-strong:after{ content:''; display:block;}
    

    .kd-nav-top{position:sticky;z-index: 100;top:0;background:white;box-shadow: 0 0 5px rgb(0 0 0 / 10%);}
    .kd-nav-bottom{display: block;height: 56px;line-height: 15px;text-align: center;background: white;box-shadow: 0 0 5px rgb(0 0 0 / 10%);white-space: nowrap;letter-spacing: -3px;overflow: hidden;font-size: 12px;z-index: 100;position: fixed;bottom: 0;left: 0;right: 0;}
    .kd-nav-bottom .kd-item{display:inline-block;width: 20%;letter-spacing: 0;background-repeat: no-repeat;background-position: center 7px;background-size: auto 21px;background-image: url(../images/icon-home.svg);padding-top: 30px;opacity: .7;position: relative;height: 100%;}
    .kd-nav-bottom .kd-item[data-nav="category"]{ background-image:url(../images/icon-category.svg);}
    .kd-nav-bottom .kd-item[data-nav="cart"]{ background-image:url(../images/icon-cart-green.svg);}
    .kd-nav-bottom .kd-item[data-nav="about"]{ background-image:url(../images/icon-about-green.svg);}
    .kd-nav-bottom .kd-item[data-nav="me"]{ background-image:url(../images/icon-user.svg);}
    .kd-nav-bottom .kd-item.on{color: #179976;opacity: 1;font-weight: bold;}
    .kd-nav-bottom .kd-item:not(.on){ filter: grayscale(1);}
    .kd-nav-bottom .kd-top-cart[data-number]:after{content:attr(data-number);font-weight: normal;display: block;transition: all .3s;color: white;background: #179976;border-radius: 8px;min-width: 15px;line-height: 15px;font-size: 10px;padding: 0;text-align: center;position: absolute;right: 5px;top: 5px;}
}