/* 网页头部 */ .web-header-top{height: 40px;display: flex;justify-content: space-between;padding:0 32px;} .web-header-top a:hover{color:inherit;} .web-header-top-left{line-height: 40px;max-width: 70%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .web-header-top-text{line-height: 40px;text-align: right;} .web-header-logo{display: flex;justify-content: space-between;padding: 20px 0 20px 32px;align-items: center;} .web-header-logo-left a{display: inline-block;} .web-header-logo-left a img{display: inline-block;width: 184px;height: auto;} .web-header-logo-left a svg{display: inline-block;width:184px;height: auto;} .web-header-logo-right{display: flex;align-items: center;} .web-header-logo-right-search{position: relative;} .web-header-logo-right-search-input{display: flex;justify-content: space-between;align-items: center;border-bottom:2px #e3e4e5 solid;padding:4px 0;} .web-header-logo-right-search-input input{width:340px;border: none;} .web-header-logo-right-search-input img{width:18px;height: auto;} .web-header-logo-right-search-drop{position: absolute;top:30px;left: 0;z-index: 101;width: 800px;display: none;} .web-header-logo-right-search-drop-box{display: flex;background: rgb(255, 255, 255);padding: 24px;border: 1px solid rgb(239, 239, 239);box-shadow: rgba(91, 90, 90, 0.2) 0px 0px 10px 0px;overflow-y: scroll;max-height:80vh;} .web-header-logo-right-search-drop-box-left{width: 220px;padding-right: 24px;} .search-title{margin-bottom: 16px;} .search-text{text-transform: capitalize;cursor: pointer;display: flex;margin-bottom: 16px;} .search-text img{width: 18px;height: 18px;margin-top:4px;} .search-text-text{padding-left: 6px;} .web-header-logo-right-search-drop-box-right{border-left: 1px solid rgb(227, 227, 227);padding-left: 24px;width: calc(100% - 244px);} .search-list{display: flex;flex-wrap: wrap;justify-content: space-around;} .search-list-item{width:30%;padding: 8px;margin-bottom: 16px;min-height: 125px;display: block;} .search-list-item img{width:100%;height:100px;display: block;object-fit: contain;max-height:100px;} .search-list-item-text{text-align: center;line-height: 1.6;padding-top: 6px;} .web-header-logo-right-list{display: flex;margin-left:15px;} .web-header-logo-right-list-item{display: flex;border-left:2px solid #f5f5f5;padding:0 20px;align-items: center;height: 24px;position: relative;} .web-header-logo-right-list-item:first-child{border-left:none;} .web-header-logo-right-list-item img{width: 24px;height: 24px;margin-right: 5px;} .web-header-logo-right-list-item-num{position: absolute;left:32px;top:-14px;width: 20px;height: 20px;border-radius: 20px;text-align: center;line-height: 20px;} .web-header-logo-right-list-div{border-left:2px solid #f5f5f5;} .web-header-logo-right-list-div:hover .web-header-logo-right-list-item-account{display: block;} .web-header-logo-right-list-item-account{position: relative;width: 100%;height: 100%;display: none;} /* */ /* 三角形 */ .triangle-up{width: 0;height: 0;top:0;left:12px;border-left: 21px solid transparent;border-right: 21px solid transparent;border-bottom: 21px solid #D5D6D8; /* 边框颜色 */position: absolute;z-index: 110;} .triangle-up::after {content: '';position: absolute;top: 1px;left: -20px;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid white; /* 背景颜色 */} .triangle-up-box{width:100%;height:25px;top:0;left:0;position: absolute;z-index:0;} .web-header-logo-right-list-item-box{background: #fff;border: 1px solid #D5D6D8;padding:20px;position: absolute;top:20px;right:18px;border-radius: 16px;width: 300px;z-index: 105;} .web-header-logo-right-list-item-account-tit{text-align: center;padding: 16px;border-bottom: 1px solid #D5D6D8;} .web-header-logo-right-list-item-account-signup{margin: 20px 0 14px;text-align: center;} .web-header-logo-right-list-item-account-signup span{cursor: pointer;} .web-header-logo-right-list-item-account-logout{width: 98px;margin: auto;} .yks-navbar-box{position: relative;z-index: 100;} .yks-navbar{border-bottom:1px solid #d0d1d2;display: flex;justify-content: space-between;max-width: 1920px;width: 100%;margin: auto;} .navbar-nav-list{align-items: stretch;justify-content: space-between;display: flex;} .navbar-nav-list-text{position: relative;cursor: default;display: flex;flex-grow: 1;align-items: center;justify-content: center;} .navbar-nav-list-text-tit{padding:24px 16px;text-align: center;} .navbar-nav-list-sub{transition:opacity 0.6s ease;position: absolute;top:calc(100% + 0px);background: #fff;width: 100%;left: 0;box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.16);} .navbar-nav-list-sub-nav{display: flex;justify-content: center;min-height: 225px;padding-bottom:20px;padding-top:30px;max-width: 1920px;width: 100%;margin: auto;} .navbar-nav-list:hover .navbar-nav-list-sub{display: block;opacity: 1;} .navbar-nav-list-sub{display: none;opacity: 0;} .navbar-nav-list-sub-nav-list{width:calc(16% - 10px);padding-right:20px;} .navbar-nav-list-sub-nav-list-shu{width: 1px;background:#f1f1f4;margin-right:20px;} .navbar-nav-list-sub-nav-list-img{padding-top:4px;} .navbar-nav-list-sub-nav-list-item{margin-top:40px;width:100%;min-height:220px;} .navbar-nav-list-sub-nav-list-item:first-child{margin-top:0;} .navbar-nav-list-sub-nav-list-item-tit{display: flex;padding:4px 0;align-items: center;} .navbar-nav-list-sub-nav-list-item-tit img{display: inline-block;margin-left: 6px;width: 17px;height: 17px;} .navbar-nav-list-sub-nav-list-item-tit2{display: flex;padding:4px 0;max-width:220px;} .navbar-nav-list-sub-nav-list-item-tit2 img{margin-right:8px;} .navbar-nav-list-sub-nav-list-item-img{width:100%;margin-top: 10px;display: block;} .navbar-nav-list-sub-nav-list-item-img img{display: block;width:100%;height: auto;} .navbar-nav-list-sub-nav-list-item-subtit{display: block;padding:6px 0;max-width:220px;line-height: 1.4;} .navbar-nav-list-sub-nav-list-item-subtit span{display: inline-block;background: red;color: #fff;margin-left:10px;border-radius:12px;padding:0 6px;text-transform: uppercase;font-weight: normal;} .navbar-nav-list-sub-nav-list-img a{display: block;width:280px;height: 280px;border-radius:18px;position: relative;overflow: hidden;} .navbar-nav-list-sub-nav-list-img-img{display: block;width:100%;height: 100%;position: relative;} .navbar-nav-list-sub-nav-list-img-img img{display: block;width:100%;height: 100%;} .navbar-nav-list-sub-nav-list-listimg{width: 235px;margin-left: 32px;} .navbar-nav-list-sub-nav-list-listimg:first-child{margin-left: 0;} .navbar-nav-list-sub-nav-list-listimg a{display: block;} .navbar-nav-list-sub-nav-list-listimg-img{width:100%;height: 100%;border-radius:18px;position: relative;overflow: hidden;} .navbar-nav-list-sub-nav-list-listimg-img img{display: block;width: 100%;height: 100%;} .navbar-nav-list-sub-nav-list-listimg-txt{padding: 8px 3px;} .navbar-nav-list:hover .navbar-nav-list-text::after { content: '';border-bottom: 2px solid #1C3F3A;position: absolute;bottom:0px;left: 0px;right: 0px; animation: line 0.25s ease forwards; } @keyframes line { from {transform: scaleX(0);} to {transform: scaleX(1);} } /* 手机版导航 */ .m-navbar-box{display: none;} .m-navbar{display: flex;padding: 16px 32px;align-items: center;justify-content: space-between;} .m-navbar-left,.m-navbar-right{display: flex;align-items: center;} .m-navbar img{width: 28px;height: 28px;} .m-navbar-left-search{margin-left: 30px;} .m-navbar-left-favorites{margin-right: 30px;} img.m-navbar-mid-logo{display: block;width: 66px;height: 66px;} .m-navbar-mid svg{display: block;width: 66px;height: 66px;} .m-navbar-mid a{display: block;} .m-navbar-mid a .pod-icons{width: 66px;height: 66px;background: var(--icon-color,#000);} /* banner */ .bannerBox{position: relative;} .bannerBox-con-img{display: block;width: 100%;height:600px;background:no-repeat center/cover;} .m-bannerBox-con-img{display: none;} .m-bannerBox-con-img img{display: block;width: 100%;height: auto;} .bannerBox-con2-box{position: absolute;width: 100%;top: 0;left:0;height: 100%;display: flex;align-items: center;} .bannerBox-con2{max-width:900px;background: #fff;padding:32px 32px;max-height:510px;box-sizing: border-box;border-radius: 16px;width: 100%;margin: auto;text-align: center;overflow: hidden;} .bannerBox-con{position: absolute;top: 50%;left: 32px;background: #fff;transform: translateY(-50%); width: 100%;padding:40px;max-width: 810px;border-radius: 16px;max-height:470px;box-sizing: border-box;} .bannerBox-con-txtp{padding-top:24px;line-height: 28px;} .bannerBox-con-txtp>.li-dian::before{content: "";display: inline-block;margin-bottom: 2px;width: 4px;height:4px;background: #000;border-radius: 50%;margin-right: 10px;} .bannerBox-con-btn{display: flex;align-items: center;margin-top:40px;justify-content: center;gap:10px;} .bannerBox-con-btn>a{padding: 10px 24px;} /* bannerdown */ .bannerdown{background:#F1F4F9;} .bannerdown-list{display: flex;align-items: center;justify-content:space-between;padding: 20px 0;max-width: 1920px;margin: auto;} .bannerdown-list-item{display: flex;align-items: center;justify-content: center;text-transform: capitalize;} .bannerdown-list-item-txt{display: flex;align-items: center;} .bannerdown-list-item-txt>div:first-child{padding-right:4px;padding-top:2px;} .bannerdown-list-item img{width:auto;height:40px;margin:0 10px;} .bannerdown-list-item span{font-size: 26px;} /* 类别 */ .all-categoriesClass{margin:0;padding-top:110px;position: relative;} .index-title{margin-bottom:50px;text-align: center;position: relative;} .all-categories-list{overflow:hidden;position:relative;padding:0 26px 0 0;} .list-con{display: flex;position: relative;gap: 20px;} .list-btn{position:absolute;top:0;width:44px;height:44px;margin-top:0;z-index: 101; cursor:pointer;border-radius: 4px;border: 1px solid #d0d1d2;background: #fff;} .list-btn.lef{right:60px;} .list-btn.rig{right:1px;} .list-btn img{display: block;width: 100%;height: 100%;} .list-item>.img{display: block;width: 100%;overflow: hidden;border-radius: 8px;} .list-item>.img img{display: block;width:100%;height:auto;aspect-ratio: 1/1;object-fit: cover;} .yks-imglist .list-item{position:relative;width:100%;display: block;} .yks-imglist .list-item .img{overflow:hidden;width:100%;height:auto;border-radius: 50%;overflow: hidden;} .yks-imglist .list-item .img img{display:block;width:100%;height:100%;object-fit:cover;} .yks-imglist .list-item .txt{height:54px;text-transform: capitalize;text-align: center;margin-top: 10px;} /* 您最近查看的项目 */ .yks-recentlylist .list-item{position:relative;width:100%;display: block;} .yks-recentlylist .list-item .img{overflow:hidden;width:100%;height:auto;border-radius:8px;overflow: hidden;} .yks-recentlylist .list-item .img img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit: cover;} .yks-recentlylist .list-item .txt{margin-top:3px;} .list-item{display: block;} .list-item .txt2{padding: 0 3px;display: flex;flex-wrap: wrap;flex-direction: column;} .list-item-tit{margin-top:16px;text-transform: capitalize;display: block;width: 100%;} .list-item-price{margin-top:6px;width: 100%;} .list-item-price s{text-decoration:line-through;} .list-item-price span{display: inline-block;margin-left: 10px;} .list-item-customize{display: flex;align-items: center;margin-top:auto;position: relative;} .list-item-customize-img{margin-right:4px;} .list-item-customize-img .pod-icon{ width: 16px; height: 16px; background-color: var(--icon-color, #000); mask: url('/images/icon/icon-27.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-27.svg') no-repeat center; } .list-item-customize img{margin-right:6px;display: block;} .list-item-customize span{text-transform: capitalize;} /* footer */ .footer-box{border-bottom:1px solid #3d5a56;} .footer{padding:32px;display: flex;justify-content: space-between;max-width: 1700px;margin: auto;} .footer .font14{line-height: 1.8;} .footer-title{text-transform: capitalize;} .footer-sub-title{text-transform: capitalize;} .footer-left{width:340px;} .footer-left-category-text{margin-bottom: 20px;} .footer-left-help{margin-top: 60px;} .footer-sub-title a:hover{text-decoration: underline;} .footer-right{display: flex;width: calc(100% - 360px);} .footer-right-category{width:304px;margin-right: 20px;} .footer-right-information{width: 255px;margin-right: 20px;} .footer-right-customer{width: 330px;margin-right: 20px;} .footer-right-trustpilot-link a{width: 100%;display: block;} .footer-right-trustpilot-link a img{display: block;width: 100%;} .footer-right-trustpilot-text{text-align: center;} .footer-right-trustpilot-text span{text-decoration:underline} .footerbottom{display: flex;align-items: center;padding:12px 56px;} .footerbottom-a{display: flex;} .footerbottom-a a{margin-right:16px;height: 26px;} .footerbottom-a a img{display: block;height: 100%;width: auto;} .footerbottom-mid{width:900px;margin-left: 20px;} .m-footer{display: none;padding:24px 24px 0;} .m-footer-tit{color: #fff;} .m-footer-tit{padding-top:10px;padding-bottom:10px;font-size: 18px;} .m-footer-list-item{border-top:1px solid rgba(213,214,216,0.2);border-bottom:1px solid rgba(213,214,216,0.2);} .m-footer-list-item:nth-child(n+2){border-top:none;} .m-footer-list-item-tit{padding:16px 0;display: flex;justify-content: space-between;cursor: pointer;} .m-footer-list-item-tit-txt{line-height: 24px;display: inline-block;width: 50%;font-family:'Poppins-Regular';} .m-footer-list-item-tit-img{display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;} .m-footer-list-item-tit-img img{width: 100%;height: 100%;} .m-footer-list-item-tit-img .jia{display: block;} .m-footer-list-item-tit-img .jian{display: none;} .m-footer-list-item-tit-img.hover .jia{display: none;} .m-footer-list-item-tit-img.hover .jian{display: block;} .m-footer-list-item-con{display: none;} .m-footer-list-item-con a{display: block;padding:10px 0;} .m-footer-trustpilot{width: 50%;padding:12px 0;} /* 手机版弹框 */ .m-bulletframe-box{position: fixed;transform: translate(-50%,-50%);top:50%;left:50%;z-index: 250;display: none;} .m-bulletframe{background: #fff;border-radius: 16px;padding:30px 30px 40px;width:360px;max-height:98%;position: relative;box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.16);} .m-bulletframe-loginbox{background: #fff;padding:20px;width: 100%;height: 100%; overflow-y: auto;position: fixed;top:0;left:0;z-index: 250;display: none;} .m-bulletframe-searchbox{background: #fff;padding:6px 24px;width: 100%;position: fixed;top: 0;left: 0;display: none;z-index: 250;} /* 搜索 */ .m-bulletframe-search{display: flex;align-items: center;justify-content: space-between;} .m-bulletframe-search-left{width:24px;height: 24px;background: var(--icon-color,#000);} .m-bulletframe-search-right{width: calc(100% - 36px);} .m-bulletframe-search-right-input{border:2px #1a1311 solid;border-radius:8px;display: flex; overflow: hidden;padding:0 8px; align-items: center;justify-content: space-between;} .m-bulletframe-search-right-input input{height: 44px;width: 100%;border: none;outline: none;} .m-bulletframe-search-right-input img{width: 24px;height: 24px;} .m-bulletframe-navbox{background: #fff;padding:20px;width: 100%;height: 100%;max-width: 375px; overflow-y: auto;position: fixed;top:0;left:0;z-index: 250;display: none;} .m-bulletframe-siginin-close{position: absolute;top:40px;right:20px;width:32px;height:32px;cursor: pointer;} .m-bulletframe-siginin-close img{display:block;width:100%;height:100%;} .m-bulletframe-siginin-close .pod-icons{width:100%;height:100%;background: var(--icon-color,#090909);} .m-bulletframe-siginin-tit{padding-top:80px;text-align: center;text-transform: uppercase;font-family:'Publico-Banner-Light';} .m-bulletframe-siginin-subtit{text-align: center;padding-top: 20px;} .m-bulletframe-siginin-signup-item{display: flex;align-items: center;margin-top: 20px; justify-content: center;border-radius: 8px;border: 1px solid #D5D6D8;line-height: 44px;height: 44px;} .m-bulletframe-siginin-signup-item img{margin-right: 10px;width: 24px;height: auto;} .m-bulletframe-tit{display: flex;align-items: center;justify-content: space-between;padding-bottom: 24px;} .m-bulletframe-tit-logo{display: block;} .m-bulletframe-tit-logo img{display: block;width: 38px;height: 38px;} .m-bulletframe-tit-logo svg{display: block;width: 38px;height: 38px;} .m-bulletframe-tit-left{display: flex;align-items: center;width: calc(100% - 20px);justify-content: space-between;} .m-bulletframe-tit-left img{margin-right: 14px;width: 17px;height: 17px;} .m-bulletframe-tit-left .pod-icons{width: 16px;height: 16px;background: var(--icon-color,#0A0C29);} .m-bulletframe-tit-left span{width: calc(100% - 20px);} .m-bulletframe-nav-item{display: flex;align-items: center;justify-content: space-between;line-height: 52px;} a.m-bulletframe-nav-item .m-bulletframe-nav-item-txt{width: 100%;} div.m-bulletframe-nav-item .m-bulletframe-nav-item-txt{width:calc(100% - 44px);} .m-bulletframe-nav-item-txt.active{color: #1C3F3A;} .m-bulletframe-nav-item-img{width:44px;height:44px;} .m-bulletframe-nav2-img img{display: block;width: 100%;height: auto;border-radius: 16px;overflow: hidden;} /* 二级导航 */ .m-bulletframe-nav2-list-item{border-bottom: 1px solid #D5D6D8;} .m-bulletframe-nav2-list-item-tit{display: flex;align-items: center;justify-content: space-between;} .m-bulletframe-nav2-list-item-tit h3{width:calc(100% - 48px);} .m-bulletframe-nav2-list-item-tit{padding:12px 3px;display: flex;justify-content: space-between;cursor: pointer;} .m-bulletframe-nav2-list-item-tit-img{display: flex;align-items: center;justify-content: center;} .m-bulletframe-nav2-list-item-tit-img .pod-icons{width: 24px;height: 24px;background: var(--icon-color,#090909);} .m-bulletframe-nav2-list-item-tit-img .jia{display: block;} .m-bulletframe-nav2-list-item-tit-img .jian{display: none;} .m-bulletframe-nav2-list-item-tit.hover .m-bulletframe-nav2-list-item-tit-img .jia{display: none;} .m-bulletframe-nav2-list-item-tit.hover .m-bulletframe-nav2-list-item-tit-img .jian{display: block;} .m-bulletframe-nav2-list-item-con{display: none;} .m-bulletframe-nav2-list-item-con a{padding: 0 3px 20px;display: block;} .m-bulletframe-nav2-txt{display: flex;align-items: center;margin-top: 12px;width: 100%;} .m-bulletframe-nav2-txt img{margin-right: 8px;} /* 加载中特效 */ .spinnerBox{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:transparent;z-index:201;} .spinnerBox-pod{position: fixed;top: 50%;left:50%;transform: translate(-50%,-50%);border-radius: 16px; z-index:1000;background:rgba(0,0,0,.3);width: 100px;height: 100px;} .spinnerBox-pod .spinner { width: 40px;height: 40px;border: 4px solid rgba(255, 255,255, 0.4); border-radius: 50%;border-top-color:#1C3F3A;animation: spinpod 1s ease-in-out infinite;margin:30px auto; } @keyframes spinpod {to { transform: rotate(360deg); }} /* 早期规划Early Planning */ .early-planning{display: flex;align-items: center;background: #F1F4F9;align-items: stretch;min-height:580px;} .early-planning-left,.early-planning-right{width:calc(50% - 5px);position: relative;overflow: hidden;} .early-planning-left{display: flex;align-items: center;} .early-planning-left-con{padding:20px 0;padding-left: 120px;} .early-planning-left-con h1{font-size: 32px;line-height: 1.6;} .early-planning-left-tit{font-weight: normal;} .early-planning-left-txt{margin-top: 20px;} .early-planning-left-code{margin-top: 30px;} .early-planning-left-btn{display: flex;align-items: center;margin-top: 30px;} .early-planning-left-btn a{margin-right: 10px;} .early-planning-right2{} .early-planning-right img{width: 100%;height: auto;object-fit:cover;height: 100%;} .early-planning-absolute{position: absolute;top:24%;left: 40px;width:calc(50% - 40px);border-radius: 8px;background: #fff;padding:28px;} .early-planning-absolute-txt{padding-top:20px;} .early-planning-absolute-btn{padding-top:20px;} .early-planning-bottom{margin-bottom: 24px;} /* easilyideas */ .easilyideas{background: #f1f4f9;} .easilyideas-img{padding-top: 130px;padding-bottom:70px;} .easilyideas-img img{display: block;height:auto;width:100%;margin: auto;max-width:860px;} .easilyideas-con{padding-bottom:120px;display: flex;justify-content:space-around;} .easilyideas-con-item{position: relative;text-align: center;width: 33%;} .easilyideas-con-txt{padding-top: 24px;max-width: 400px;margin: auto;} .easilyideas-con-item-ab::before, .easilyideas-con-item-ab::after{content:'';position: absolute;top:6px;width: 1px;background:#D5D6D8;height: 48px;} .easilyideas-con-item-ab::before{left: 0;} .easilyideas-con-item-ab::after{right: 0;} /* 面包屑导航 */ .breadnav-box{padding:0 32px;display: flex;align-items: center;height: 60px;} .breadnav-a{margin-right: 10px;} .breadnav-span{margin-right: 10px;} /* X-banners */ .Xbanner-top{text-align: center;height: 140px;display: flex;flex-wrap: wrap;align-items: center;flex-wrap: wrap;} .Xbanner-top-flex{width: 100%;} .Xbanner-top-subtit{padding-top:16px;} .Xbanner-list{display: flex;flex-wrap: wrap;padding:40px 32px;gap:2.5%;} .Xbanner-list-item{width:18%;margin:0 0 48px;} .Xbanner-list-item-img{position: relative;display: block;} .Xbanner-list-item-img-img{border-radius: 16px;overflow: hidden;display: block;} .Xbanner-list-item-img-img img{display: block;width: 100%;aspect-ratio: 1/0.8;object-fit: cover;height: auto;} .Xbanner-list-item-collect{position: absolute;top:16px;overflow: hidden;cursor: pointer; right:20px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background: #fff;border-radius: 50%;} .Xbanner-list-item-collect:hover{background: #f3f3f3;} .Xbanner-list-item-collect .Xbanner-list-item-collect-n{display: block;} .Xbanner-list-item-collect .Xbanner-list-item-collect-y{display: none;} .Xbanner-list-item-collect.hover .Xbanner-list-item-collect-n{display: none;} .Xbanner-list-item-collect.hover .Xbanner-list-item-collect-y{display: block;} .Xbanner-list-item-collect img{width:30px;height: auto;} .Xbanner-list-item-collect .pod-icon{margin-top: 2px; width: 30px; height: 30px; } .Xbanner-list-item-collect .pod-icon.Xbanner-list-item-collect-n{ background-color: var(--icon-color, #000); mask: url('/images/icon/icon-06.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-06.svg') no-repeat center; } .Xbanner-list-item-collect .pod-icon.Xbanner-list-item-collect-y{ background-color: var(--icon-color, #000); mask: url('/images/icon/icon-07.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-07.svg') no-repeat center; } .Xbanner-list-item-txt{padding: 0 5px;} .Xbanner-list-item-txt-xing{display: flex;align-items: center;padding: 20px 0 0;flex-wrap: wrap;} .Xbanner-more{display: flex;align-items: center;justify-content: center;padding:40px 0 100px;} .Xbanner-more-btn{min-width:200px;} .Xbanner-more-btn:hover{color: #fff;} .XbannerClass .Xbanner-top-flex{display: flex;align-items: center;justify-content: space-between;} .XbannerClass .Xbanner-top-subtit{padding-top: 0;} .XbannerClass .Xbanner-list{padding:40px 0;column-gap:1.3%;row-gap: 40px;} .XbannerClass .Xbanner-list-item{width:24%;} .xing-xing{display: flex;align-items: center;padding: 0 3px;} .xing-xing img{display: none;height: 16px;width: 16px;} .xing-xing.xing0 .xing6,.xing-xing.xing0 .xing7,.xing-xing.xing0 .xing8,.xing-xing.xing0 .xing9,.xing-xing.xing0 .xing10{display: block;} .xing-xing.xing1 .xing5,.xing-xing.xing1 .xing6,.xing-xing.xing1 .xing7,.xing-xing.xing1 .xing8,.xing-xing.xing1 .xing9{display: block;} .xing-xing.xing2 .xing0,.xing-xing.xing2 .xing7,.xing-xing.xing2 .xing8,.xing-xing.xing2 .xing9,.xing-xing.xing2 .xing10{display: block;} .xing-xing.xing3 .xing0,.xing-xing.xing3 .xing5,.xing-xing.xing3 .xing8,.xing-xing.xing3 .xing9,.xing-xing.xing3 .xing10{display: block;} .xing-xing.xing4 .xing0,.xing-xing.xing4 .xing1,.xing-xing.xing4 .xing8,.xing-xing.xing4 .xing9,.xing-xing.xing4 .xing10{display: block;} .xing-xing.xing5 .xing0,.xing-xing.xing5 .xing1,.xing-xing.xing5 .xing5,.xing-xing.xing5 .xing9,.xing-xing.xing5 .xing10{display: block;} .xing-xing.xing6 .xing0,.xing-xing.xing6 .xing1,.xing-xing.xing6 .xing2,.xing-xing.xing6 .xing9,.xing-xing.xing6 .xing10{display: block;} .xing-xing.xing7 .xing0,.xing-xing.xing7 .xing1,.xing-xing.xing7 .xing2,.xing-xing.xing7 .xing5,.xing-xing.xing7 .xing10{display: block;} .xing-xing.xing8 .xing0,.xing-xing.xing8 .xing1,.xing-xing.xing8 .xing2,.xing-xing.xing8 .xing3,.xing-xing.xing8 .xing10{display: block;} .xing-xing.xing9 .xing0,.xing-xing.xing9 .xing1,.xing-xing.xing9 .xing2,.xing-xing.xing9 .xing3,.xing-xing.xing9 .xing5{display: block;} .xing-xing.xing10 .xing0,.xing-xing.xing10 .xing1,.xing-xing.xing10 .xing2,.xing-xing.xing10 .xing3,.xing-xing.xing10 .xing4{display: block;} .Xbanner-list-item-txt-tit{padding:20px 0 0px 0;display: block;} .Xbanner-list-item-txt-price{display: flex;align-items: center;flex-wrap: wrap;padding-top:10px;} .Xbanner-list-item-txt-price-origin{} .Xbanner-list-item-txt-price-current{margin-left: 10px;} /* Create custom business signage that customers can’t miss (or resist). */ .businesSignage{display: flex;align-items: center;justify-content: center;padding: 136px 40px;} .businesSignage-flex{max-width:1560px;} .businesSignage-tit{} .businesSignage-con{padding-top: 40px;} /* 常见问题 */ .questions-box{max-width: 1090px;margin:0 auto 120px;padding: 0 40px;} .questions-tit{padding-top:50px;padding-bottom: 50px;text-align: center;} .questions-list-item{border-top:1px solid rgba(0,0,0,0.15);border-bottom:1px solid rgba(0,0,0,0.15);} .questions-list-item:nth-child(n+2){border-top:none;} .questions-list-item-tit{padding: 14px 3px;display: flex;justify-content: space-between;cursor: pointer;} .questions-list-item-tit-txt{width: calc(100% - 100px);line-height:24px;padding:8px 0;} .questions-list-item-tit-img{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;} .questions-list-item-tit-img .jia{display: block;} .questions-list-item-tit-img .jian{display: none;} .questions-list-item-tit.hover .questions-list-item-tit-img .jia{display: none;} .questions-list-item-tit.hover .questions-list-item-tit-img .jian{display: block;} .questions-list-item-con{display: none;width: calc(100% - 100px);opacity: 70%;} .questions-list-item-con-txt{padding: 0 3px 24px;} .Frequentlylist{padding:8px 0;} /* 404页面 */ .page404{margin:140px auto;} .page404-img img{display: block;margin: auto;width: 260px;height: auto;} .page404-txt{text-align: center;} .page404-btn{display: flex;justify-content: center;padding-top: 50px;} .class-content{position: relative;} /* 左侧导航 */ .leftneav{position: absolute;width: 310px;left:42px;top: 50px;} .leftneav-tit{border-bottom: 1px solid #d0d1d2;padding:0 0 13px 0;font-family:'Publico-Banner-Light';} .leftneav-list-item-tit{display: flex;justify-content: space-between;padding:10px 0;} .leftneav-list-item{border-bottom: 1px solid #d0d1d2;padding:4px 0 9px;} .leftneav-list-item-tit-img{display: flex;align-items: center;cursor: pointer;} .leftneav-list-item-tit-img img{display: block;width: 20px;height: auto;} .leftneav-list-item-tit-img .jia{display: block;} .leftneav-list-item-tit-img .jian{display: none;} .leftneav-list-item-tit.hover .leftneav-list-item-tit-img .jia{display: none;} .leftneav-list-item-tit.hover .leftneav-list-item-tit-img .jian{display: block;} .leftneav-list-item-list{display: none;} .leftneav-list-item-list a{display: block;padding:9px 0;} .leftneav-list-item-list a.hover{font-family:'Poppins-Regular';} .rightlist{min-height: 500px;margin-left:418px;padding-top: 50px;margin-right:40px;} .rightlist-list{display: flex;flex-wrap: wrap;} .rightlist-list-item{width: 32%;margin-left:2%;border-radius: 16px;overflow: hidden;border: 1px solid #d0d1d2;margin-bottom: 30px;} .rightlist-list-item:nth-child(4n){margin-left: 0;} .rightlist-list-item:first-child{margin-left: 0;} .rightlist-list-item-img{display: block;} .rightlist-list-item-img img{display: block;width: 100%;object-fit: cover;aspect-ratio: 1 / 1;} .rightlist-list-item-txt{padding: 32px 30px 28px;background:rgba(247, 247, 245, 0.3);} .rightlist-list-item-txt-tit{display: block;border-bottom: 1px solid #d0d1d2;padding-bottom:8px;} .rightlist-list-item-txt-list{padding: 12px 0;} .rightlist-list-item-txt-list>*{position: relative;padding-left:16px;margin-bottom: 8px; display: -webkit-box; /* 必需 */ -webkit-line-clamp: 2; /* 显示行数 */ -webkit-box-orient: vertical; /* 必需 */ overflow: hidden; /* 隐藏超出部分 */ text-overflow: ellipsis; /* 显示省略号 */ } .rightlist-list-item-txt-list>*::before{display: inline-block;content: '';width: 11px;height: 11px;border-radius:50%;background: #090909;left:0px;top:9px;position: absolute;} /* 产品详情 */ .productdetail{padding:0 32px 28px;display: flex;justify-content: space-between;position: relative;} .productdetail-left{width:60%;position:sticky;top: 0;height: 1050px;overflow: hidden;} .productdetail-left-img{position: relative;} .productdetail-left-img-img{position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;} .productdetail-left-img-img img{display: block;max-width: 100%;border: 1px solid #f2f2f2;border-radius:16px;overflow: hidden;object-fit: cover;} .productdetail-left-img-img{position: relative;display: flex;align-items: center;justify-content: center;overflow: hidden;} .productdetail-left-img-img img{display: block;width: 100%;height: 100%;border-radius:16px;overflow: hidden;} .productdetail-left-list{padding-top:14px;display: flex;flex-wrap: wrap;} .productdetail-left-list>div{width:70px;height: 70px;border: 1px solid #D5D6D8;display: flex;align-items: center;justify-content: center; border-radius:8px;overflow: hidden;margin-right: 10px;margin-bottom: 10px;cursor: pointer;;} .productdetail-left-list img{display:block;width:70px;max-height: 70px;height: 70px;object-fit: cover;} .productdetail-left-list>div.hover{border-color: #090909;} .productdetail-right{width: 38%;} .Xbanner-list-item-txt-xing-txt2{margin-left: 32px;} .productdetail-right-con-standard{font-size: 18px;} .productdetail-right-con-more{padding:20px 0 40px;} .productdetail-right-con-more a{display:inline-block;text-decoration: underline;margin-left:10px;} .productdetail-right-con-Selecttxt{padding: 20px 0;} .productdetail-right-con-optionsAvailable{padding-top: 24px;} .productdetail-right-con-Select-list{display: flex;flex-wrap: wrap;flex: 1;row-gap:12px;} .productdetail-right-con-Select-list-item{border:1px solid #D5D6D8;color: #090909; text-align: center;cursor: pointer;border-radius: 4px;font-size: 16px; } .productdetail-right-con-Select-list-item:hover{background: #F6F5F0;} .productdetail-right-con-Select-list-item.active{border-color: #090909;background: #F6F5F0;} .productdetail-right-con-Select-list-item2{border:1px solid #D5D6D8;text-align: center;cursor: pointer;border-radius: 4px;position: relative;z-index: 1;} .productdetail-right-con-Select-list-item2.active{border-color: #090909;} .productdetail-right-con-Select-list-item4{border:1px solid #D5D6D8;text-align: center;cursor: pointer; border-radius: 4px;} .productdetail-right-con-Select-list-item4:hover{background: #F6F5F0;} .productdetail-right-con-Select-list-item4.active{border-color: #090909;background: #F6F5F0;} .productdetail-right-con-Select-tit{display: flex;justify-content: space-between;padding:10px 0 20px;} .productdetail-right-con-Select-tit-tit{font-family:'Poppins-Regular';} .productdetail-right-con-Select-tit-img{display: flex;align-items: center;} .productdetail-right-con-Select-tit-img .pod-icons{display: block;width: 20px;height:20px;background: var(--icon-color , #000);} .productdetail-right-con-Select-tit-img .jia{display: block;} .productdetail-right-con-Select-tit-img .jian{display: none;} .productdetail-right-con-Select-tit.hover .productdetail-right-con-Select-tit-img .jia{display: none;} .productdetail-right-con-Select-tit.hover .productdetail-right-con-Select-tit-img .jian{display: block;} .productdetail-right-con-SelectType1{justify-content: space-between;} .productdetail-right-con-SelectType1 .productdetail-right-con-Select-list-item{line-height: 60px; height: 60px;width:calc(50% - 10px);line-height: 1.4 !important; display: flex;align-items: center;justify-content: center; } .productdetail-right-con-SelectType2 .productdetail-right-con-Select-list-item{line-height: 64px;height: 64px;width:32%;margin-left:1.5%;line-height: 1.4 !important;display: flex;align-items: center;justify-content: center;} .productdetail-right-con-SelectType2 .productdetail-right-con-Select-list-item:nth-child(3n+1){margin-left: 0;} .productdetail-right-con-SelectType3 .productdetail-right-con-Select-list-item{line-height:40px;height:40px;width:24%;margin-left: 1%;line-height: 1.4 !important;display: flex;align-items: center;justify-content: center;} .productdetail-right-con-SelectType3 .productdetail-right-con-Select-list-item:nth-child(4n+1){margin-left: 0;} .productdetail-right-con-SelectType4 .productdetail-right-con-Select-list-item{border-radius: 50%;width:32px;height: 32px;background: #fff;border-color:transparent;display: flex;align-items: center;justify-content: center;} .productdetail-right-con-SelectType4 .productdetail-right-con-Select-list-item span{display: block;width:24px;height:24px;border-radius: 50%;} .productdetail-right-con-SelectType4 .productdetail-right-con-Select-list-item.active{border:1px solid #090909;} .productdetail-right-con-SelectType5 .productdetail-right-con-Select-list-item{width: 100%;height:40px;text-align: left;padding-left:10px; -webkit-appearance: none; /* 针对Webkit浏览器（如Chrome、Safari） */ -moz-appearance: none; /* 针对Firefox */ appearance: none; /* 标准属性 */ background-image: url('/images/icon-down.png'); /* 自定义图标路径 */ background-repeat: no-repeat; background-position: right center; /* 将图标放在右侧中间 */ padding-right: 30px; } .productdetail-right-con-SelectType5 .productdetail-right-con-Select-list-item option{line-height: 40px;height: 40px;} .productdetail-right-con-SelectType6{gap:1.875%;row-gap: 12px;} .productdetail-right-con-SelectType6 .productdetail-right-con-Select-list-item{width:18.5%;border: none;text-align: left;background: none;} .productdetail-right-con-SelectType6 .productdetail-right-con-Select-list-item:hover{background: none;} .productdetail-right-con-SelectType6 .productdetail-right-con-Select-list-item.active .productdetail-right-con-SelectType6-img{border-color: #090909;} .productdetail-right-con-SelectType6 .productdetail-right-con-Select-list-item.active .productdetail-right-con-SelectType6-img .productdetail-right-con-SelectType6-img-pod-icons{display: block;} .productdetail-right-con-SelectType6 .productdetail-right-con-Select-list-item2{width:24%;margin-left: 1%;border: none;text-align: left;} .productdetail-right-con-SelectType6 .productdetail-right-con-Select-list-item2:nth-child(4n+1){margin-left: 0;} .productdetail-right-con-SelectType6 .productdetail-right-con-Select-list-item2.active .productdetail-right-con-SelectType6-img{border-color: #090909;} .productdetail-right-con-SelectType6-img{border-radius:8px;border:2px solid #fff;overflow: hidden;position: relative;} .productdetail-right-con-SelectType6-img img{display: block;width: 100%;height: auto;object-fit: cover;} .productdetail-right-con-SelectType6-img-pod-icons{position: absolute;top:8px;right: 8px;display: none;border-radius: 50%;background: #fff;} .productdetail-right-con-SelectType6-img-pod-icons .pod-icons{width:24px;height: 24px; background: var(--icon-color,#000);border:1px solid #fff;border-radius: 50%} .productdetail-right-con-SelectType6-tit{margin:10px 0 0;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .productdetail-right-con-SelectType6-price{padding-top: 12px;} .productdetail-right-con-SelectType6-size{padding-top:10px;} .productdetail-right-con-SelectType7{display: flex;flex-wrap: wrap;column-gap: 2.6666%;row-gap: 24px;} .productdetail-right-con-SelectType7-price button.active{padding:2px 6px;border-radius:4px;background: #0A0C29;font-size: 14px;color: #fff;text-align: center;cursor: pointer;border: 1px solid #0A0C29;text-transform: capitalize;} .productdetail-right-con-SelectType7-price button{padding:2px 6px;border-radius:4px;background: #fff;font-size: 14px;color:#090909;text-align: center;cursor: pointer;border: 1px solid #d5d6d8;text-transform: capitalize;} .productdetail-right-con-SelectType7-price{display: flex;justify-content: space-between;align-items: center;padding-top: 24px;} .productdetail-right-con-SelectType7 .productdetail-right-con-Select-list-item2.active .productdetail-right-con-SelectType6-img{border-color: #090909;} .productdetail-right-con-SelectType7 .productdetail-right-con-Select-list-item2{width:23%;border: none;margin-bottom: 4px;text-align: left;position: relative;z-index: 1;} .productdetail-right-con-SelectType7 .productdetail-right-con-Select-list-item2:hover{z-index: 999;} .productdetail-right-con-SelectType7 .productdetail-right-con-Select-list-item2 .productdetail-right-con-SelectType6-select{display: block;width: 100%;height:36px;text-align: left;padding-left:10px;margin-top: 6px; -moz-appearance: none; /* 针对Firefox */ appearance: none; /* 标准属性 */ background-image: url('/images/icon-down.png'); /* 自定义图标路径 */ background-repeat: no-repeat; background-position: right center; /* 将图标放在右侧中间 */ padding-right: 30px;border-radius: 4px; } .productdetail-right-con-SelectType8{padding-bottom: 16px;column-gap: 20px;row-gap: 30px;} .productdetail-right-con-SelectType8 .productdetail-right-con-Select-list-item.active{border-color:#0A0C29;} .productdetail-right-con-SelectType9{padding:10px 0 24px;display: flex;flex-wrap: wrap;row-gap: 12px;} .productdetail-right-con-SelectType9 .productdetail-right-con-Select-list-item4{width: 100%;height:60px;display: flex;align-items: center;justify-content: space-between;} .productdetail-right-con-SelectType9 .productdetail-right-con-Select-list-item4>div:nth-child(1){width:22%;} .productdetail-right-con-SelectType9 .productdetail-right-con-Select-list-item4>div:nth-child(2){width:48%;} .productdetail-right-con-SelectType9 .productdetail-right-con-Select-list-item4.active .productdetail-right-con-SelectType9-mid-right{color: #090909;} .productdetail-right-con-SelectType9-left{padding-left: 20px;display: flex;align-items: center;column-gap: 12px;} .productdetail-right-con-SelectType9-left-Preferred{background: #C4D1AF;border-radius: 16px;line-height:24px;padding: 0 12px;color: #000;} .productdetail-right-con-SelectType9-right{padding-right: 28px;text-align: right;color: #447E36;} .productdetail-right-con-SelectType9-mid{display: flex;align-items: center;padding-left:40px;} .productdetail-right-con-SelectType9-mid-right{margin-left:24px;} .SeeMoreQuantities-Box{display: flex;align-items: center;justify-content: center;} .SeeMoreQuantities{display: flex;align-items: center;justify-content: center;} .SeeMoreQuantities .pod-icons{width:18px;height:18px;margin-right:6px;cursor: pointer;background: var(--icon-color,#090909);} .SeeMoreQuantities-txt{cursor: pointer;} .productdetail-right-con-Select-list-item3{width: 100%;border: 1px solid #D5D6D8;border-radius: 4px;} .productdetail-right-con-Select-list-item3 input{all: unset;width:calc(100% - 14px);height: 64px;line-height: 64px;text-align: left;padding-left:14px;} .productdetail-right-con-Select-list-item3 textarea{all: unset;width:calc(100% - 14px);line-height:1.6;text-align: left;padding:14px;height:90px;} .productdetail-right-con-Select-custom-box{display: none;} .productdetail-right-con-Select-custom{display: flex;} .productdetail-right-con-Select-custom-item{display: flex;line-height:40px;align-items: center;justify-content: space-between;border: 1px solid #D5D6D8;border-radius: 4px;margin-bottom: 1%;padding:1px 0;} .productdetail-right-con-Select-custom-item.active{border-color:#090909;} .productdetail-right-con-Select-custom-item span{padding-left: 14px;} .productdetail-right-con-Select-customType1{justify-content: space-between;} .productdetail-right-con-Select-customType2{justify-content: space-between;} .productdetail-right-con-Select-customType3{justify-content: space-between;} .productdetail-right-con-Select-customType1 .productdetail-right-con-Select-custom-item{width: 48%;} .productdetail-right-con-Select-customType2 .productdetail-right-con-Select-custom-item{width:32%;} .productdetail-right-con-Select-customType3 .productdetail-right-con-Select-custom-item{width: 100%;} .productdetail-right-con-Select-custom-item input{all: unset;text-align: right;padding-right:6px;width: 50%;} .productdetail-right-con-Select-custom-btn{text-align: center;text-decoration: underline;cursor: pointer;margin: 24px 0 0;} .productdetail-right-con-Planning-tit{padding:20px 0;display: flex;align-items: center;position: relative;column-gap: 10px;} .productdetail-right-con-Yprice{display: flex;align-items:center;justify-content: center;padding: 10px 0;} .productdetail-right-con-Yprice1{font-size: 28px;} .productdetail-right-con-Yprice2{margin-left: 12px;color: #447E36;} .productdetail-right-con-Yprice3{margin-left:12px;} .productdetail-right-con-Yprice4{margin-left:12px;text-decoration: line-through;} .productdetail-right-con-Deliver{text-align: center;padding-bottom:20px;} .productdetail-right-con-price-box{display: flex;justify-content: space-between;} .productdetail-right-con-price{display: flex;align-items: center;} .productdetail-right-con-price1{margin-right:6px;} .productdetail-right-con-price2{margin-left: 36px;} .productdetail-right-con-time{display: flex;align-items: center;padding-left: 12px;} .productdetail-right-con-time span{text-decoration: underline;} .productdetail-right-con-time img{width: 36px;height: auto;margin-left: 12px;} .productdetail-right-con-btn-btn{width:100%;box-sizing: border-box;text-align: center;margin-top: 16px;text-transform: uppercase;height: auto;border-color:#373C50;border-radius: 4px;color: #fff;} .productdetail-right-con-btn-btn:focus:not(:focus-visible){border: 1px solid inherit;} .productdetail-right-con-btn-btn-373C50{background: #373C50;padding: 25px 0;} .productdetail-right-con-btn-btn-EACE8A{background: #EACE8A;padding:16px 0;display: flex;align-items: center;justify-content: center;} .productdetail-right-con-btn-btn-EACE8A .pod-icons{width: 28px;height: 28px;background: var(--icon-color,#000);} .productdetail-right-con-btn-btn-EACE8A span{margin-left:20px;} .productdetail-right-con-btndowntxt{margin: 22px 0;display: flex;align-items: center;justify-content: center;} .productdetail-right-con-btndowntxt .pod-icons{width: 28px;height: 28px;background: var(--icon-color,#447E36);} .productdetail-right-con-btndowntxt span{margin-left: 20px;font-size: 16px;color: #447E36;} /* swiper */ .productdetai-swiper{display: none;padding-bottom:50px;} .mySwiper{ width: 100%; height:540px;position: relative;border-radius: 32px;overflow: hidden; } .mySwiper .swiper-slide { display: flex; justify-content: center;align-items: center; } .mySwiper .swiper-slide img{ display: block; width: 100%; height: 100%; object-fit: cover; } .productdetai-swiper .swiper-pagination-horizontal{top:560px;text-align: left;} .productdetai-swiper .swiper-pagination-horizontal .swiper-pagination-bullet{width: 18px;height: 18px;border-radius: 18px;} .productdetai-swiper .swiper-pagination-horizontal .swiper-pagination-bullet-active{width: 36px;background: #000;} /* 产品详情选项卡 */ .productdetailTab{padding:28px 0 28px;} .productdetailTab-titlist{display: flex;border-bottom:1px solid #D5D6D8;padding: 0 32px;} .productdetailTab-titlist-item{margin-left: 66px;line-height: 48px;font-family: 'Poppins-Regular';border-bottom: 3px solid transparent;cursor: pointer;} .productdetailTab-titlist-item.active{border-color: #090909;color: #090909;} .productdetailTab-titlist-item:hover{color: #090909;;} .productdetailTab-titlist-item:first-child{margin-left: 0;} .productdetailTab-con{padding: 0 32px;} .productdetailTab-con .productdetailTab-con-item.active{display: block;} .productdetailTab-con-item{padding:42px 0;display: none;} .productdetailTab-con-itemtype1{display: flex;justify-content:space-between;column-gap:40px;} .productdetailTab-con-itemtype1-left{width:40.7608%;} .productdetailTab-con-itemtype1-right{width:56.9565%;flex: 1;max-width: 1150px;} .productdetailTab-con-itemtypeFuzhuang{max-width:900px;} .productdetailTab-con-itemtypeFuzhuang em{font-family:'Poppins-Regular';} .productdetailTab-con-itemtype1-left-img{border-radius: 16px;overflow: hidden;} .productdetailTab-con-itemtype1-left-img img{display: block;width: 100%;height: auto;} .productdetailTab-con-itemtype1-right-con{padding:32px 0;} .productdetailTab-con-itemtype2-tit{padding:0 0 24px;font-family:'Poppins-Regular';font-size: 24px;} .productdetailTab-con-itemtype3-list{display: flex;flex-wrap: wrap;gap:2.5%;} .productdetailTab-con-itemtype3-list-item{width:18%;display: block;margin-bottom: 12px;} /* .productdetailTab-con-itemtype3-list-item:nth-child(5n+1){margin-left:0;} */ .productdetailTab-con-itemtype3-list-item-img{border-radius: 8px;overflow: hidden;} .productdetailTab-con-itemtype3-list-item-img img{display: block;width: 100%;height: auto;} .productdetailTab-con-itemtype3-list-item-tit{padding-top:28px;padding-bottom: 8px;} .productdetailTab-con-itemtype4-box{display: flex;justify-content: space-between;} .productdetailTab-con-itemtype4-left{width: 64%;display: flex;align-items: center;justify-content: space-around;background: #F7F7F5;border-radius: 16px;padding:50px 20px;} .productdetailTab-con-itemtype4-left-img{width:50%;} .productdetailTab-con-itemtype4-left-img img{display: block;margin: auto;max-width:96%;max-height:650px;} .productdetailTab-con-itemtype4-left-txt1{padding:64px 0 18px;display: flex;align-items: center;} .productdetailTab-con-itemtype4-left-txt1:first-child{padding-top: 0;} .productdetailTab-con-itemtype4-left-txt1 .circle{height:14px;width: 14px;border-radius:50%;margin-right:6px;display: none;} .productdetailTab-con-itemtype4-left-txt1 .circle1{display:block;background: #d93731;} .productdetailTab-con-itemtype4-left-txt1 .circle2{display:block;background: #25498b;} .productdetailTab-con-itemtype4-left-txt1 .circle3{display:block;background: #00a040;} .productdetailTab-con-itemtype4-right{width:33%;} .productdetailTab-con-itemtype4-right-select{position: relative;} .productdetailTab-con-itemtype4-right-select-label{position: absolute;top:15px;left:20px;z-index: 1;} .productdetailTab-con-itemtype4-right-select-select{width: 100%;height:72px;text-align: left;padding-left:20px;padding-top:24px; -webkit-appearance: none; /* 针对Webkit浏览器（如Chrome、Safari） */ -moz-appearance: none; /* 针对Firefox */ appearance: none; /* 标准属性 */ background-image: url('/images/icon-down.png'); /* 自定义图标路径 */ background-repeat: no-repeat; background-position:calc(100% - 20px) center; /* 将图标放在右侧中间 */ padding-right: 30px;margin-bottom: 12px;border-radius:4px;border: 1px solid #D5D6D8; } .productdetailTab-con-itemtype4-right-select-select:focus{border-color: #0A0C29;} .productdetailTab-con-itemtype4-right-select-select option{line-height: 40px;height: 40px;} .productdetailTab-con-itemtype4-right-txt{padding: 20px 0 16px;} .productdetailTab-con-itemtype4-right-btn{display: flex;align-items: center;justify-content:space-between;column-gap:16px;} .productdetailTab-con-itemtype4-right-btn button{width: 100%;box-sizing: border-box;padding:12px 14px;} .productdetailTab-con-itemtype4-right-btn1:focus{border: 1px solid #0A0C29;} .productdetailTab-con-itemtype4-right-btn2:focus{border: 1px solid #EACE8A;} .productdetailTab-con-itemtype4-right-btn1{border-radius: 8px;background: #0A0C29;font-size: 14px;color: #fff;text-align: center;cursor: pointer;border: 1px solid #0A0C29;text-transform: capitalize;} .productdetailTab-con-itemtype4-right-btn2{border-radius: 8px;background: #EACE8A;font-size: 14px;color: #0A0C29;text-align: center;cursor: pointer;border: 1px solid #EACE8A;text-transform: capitalize;} .productdetail-main .all-categories{margin: 42px;} /* New supplier? Yes. New to printing? Not at all. */ .productdetail-reviews{display: flex;justify-content: space-between;align-items: center;padding: 40px 42px;} .productdetail-reviews-mid{width:76%;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;} .productdetail-reviews-mid-top{font-weight: normal;} .productdetail-reviews-mid-txt{padding-top: 20px;} .productdetail-reviews-mid-left{width: calc(100% - 200px);} .productdetail-reviews-mid-right{width: 180px;} .productdetail-reviews-right-btn{text-transform: none;display: flex;align-items: center;justify-content: center;} .productdetail-reviews-right-btn img{margin-right:12px;} /* 评价 */ .productdetail-xing{margin: 0 42px;border-top: 1px solid #D5D6D8;display: flex;padding:10px 0 40px;} .productdetail-xing-left .xing-xing img{width:36px;height: 36px;} .productdetail-xing-left .Xbanner-list-item-txt-xing-txt{padding-left: 20px;} .productdetail-xing-right{padding-left: 50px;padding-top:25px;} .productdetail-xing-right .Xbanner-list-item-txt-xing{padding:0;} .productdetail-xing-right .Xbanner-list-item-txt-xing-txt{width: 64px;} .productdetail-xing-right .Xbanner-list-item-txt-xing-progress{width: 208px;height: 13px;background: #F7F7F5;} .productdetail-xing-right .Xbanner-list-item-txt-xing-progress span{display: block;background: #1C3F3A;height: 100%;} .productdetail-revies2{display: flex;align-items:end;justify-content: space-between;border-bottom: 1px solid #D5D6D8;margin:0 42px 20px;} .productdetail-revies2-left{font-weight: normal;border-bottom: 3px solid #090909;} .productdetail-revies2-right{display: flex;align-items: center;cursor: pointer;;} .productdetail-comment{margin:40px 42px;padding-top:20px;} .productdetail-comment-list-item-tit{display: flex;padding-top: 40px;flex-wrap: wrap;} .productdetail-comment-list-item-tit-left{line-height: 32px;} .productdetail-comment-list-item-tit-Verified{border: 1px solid #D5D6D8;border-radius: 24px;padding:0 12px;height: 32px;margin-left: 12px;display: flex;align-items: center;} .productdetail-comment-list-item-tit-Verified .pod-icons{width: 22px;height: 22px;background: #000;} .productdetail-comment-list-item-tit-Verified-txt{line-height: 32px;margin-left:6px;} .productdetail-comment-list-item-subtit{padding-top: 24px;font-family: 'Poppins-Regular';} .productdetail-comment-list-item-con{margin-top:12px;} .productdetail-comment-list-item-reply{max-width: 920px;margin-top:24px;width: 100%;border-radius: 16px;border:1px solid #D5D6D8;} .productdetail-comment-list-item-reply-box{padding:40px;} .productdetail-comment-list-item-reply-tit{} .productdetail-comment-list-item-reply-con{opacity: 0.7;padding-top:12px;} .productdetail-comment-list-item-favorable{display: flex;align-items: center;padding: 40px 0 40px;} .productdetail-comment-list-item-favorable-img{display: flex;align-items: center;cursor: pointer;column-gap:8px;margin-right: 18px;} .productdetail-comment-list-item-favorable-img .pod-icons{width: 24px;height: 24px;background:#090909;} .productdetail-comment-list-item-favorable-img.dianzanY .pod-icon36{display: block;} .productdetail-comment-list-item-favorable-img.dianzanY .pod-icon38{display: none;} .productdetail-comment-list-item-favorable-img.dianzanY.hover .pod-icon36{display: none;} .productdetail-comment-list-item-favorable-img.dianzanY.hover .pod-icon38{display: block;} .productdetail-comment-list-item-favorable-img.dianzanN .pod-icon37{display: block;} .productdetail-comment-list-item-favorable-img.dianzanN .pod-icon39{display: none;} .productdetail-comment-list-item-favorable-img.dianzanN.hover .pod-icon37{display: none;} .productdetail-comment-list-item-favorable-img.dianzanN.hover .pod-icon39{display: block;} .productdetail-comment-list-item-favorable-time{display: none;} /* .productdetail-comment-pagebox{border-top: 1px solid #D5D6D8;} */ .productdetail-comment-page{display: flex;align-items: center;justify-content:center;padding: 26px 0;} .productdetail-comment-page2{display: flex;align-items: center;justify-content:space-between;padding: 26px 0;} .productdetail-comment-page-left{margin-right: 6px;} .productdetail-comment-page-right{display: flex;align-items: center;column-gap:4px;} .productdetail-comment-page-right>a, .productdetail-comment-page-right>span{height: 46px;border: 1px solid transparent;padding:0 5px;line-height: 46px;border-radius:8px;min-width: 46px;text-align: center;} .productdetail-comment-page-right .custom-page-select .selected-page{height: 46px;line-height: 46px;} .productdetail-comment-page-right .active{border-color: #090909;} .productdetail-comment-page-right img{display: block;} /* about us */ .about-content{padding:16px 32px;} /* 星级 */ /*公用的radio checkbox样式*/ .dpradio:focus, .was-validated .dpradio:focus, .was-validated .dpradio:valid, .was-validated .dpradio:valid:focus{ box-shadow: none;border-color: #E0E9E9; } .dpradio:checked, .was-validated .dpradio:checked, .was-validated .dpradio:valid:checked { background-color: #E0E9E9;border-color: #E0E9E9;box-shadow: none; } .dpradio:checked[type=radio] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%230A0C29'/%3e%3c/svg%3e"); } .from-input.is-invalid, .was-validated .from-input:invalid, .form-dp-select.is-invalid, .was-validated .form-dp-select:invalid, .form-textareais-invalid, .was-validated .form-textarea:invalid { border-color: var(--bs-danger); } .dpcheckbox{ border: #D5D6D8 1px solid;--bs-form-check-bg: var(--bs-form-control-bg);margin-left:-24px;margin-top:8px;margin-right: 14px;width: 20px;height: 20px; } .dpcheckbox:checked,.was-validated .dpcheckbox:valid:checked { background-color: #0A0C29;border-color: #0A0C29; } .dpcheckbox:focus,.was-validated .dpcheckbox:valid:focus,.was-validated .dpcheckbox,.was-validated .dpcheckbox:focus{ border: #D5D6D8 1px solid;box-shadow: none; } .checkcursor{cursor: pointer;} /*公用的radio checkbox样式结束*/ /*公用添加地址样式*/ /* 必填时，laber出现标识 */ label:has(+ input[required])::after,label:has(+ select[required])::after,label:has(+ textarea[required])::after { content: "*";color: red;display: inline; } .address-form{ margin-top: 10px; } .address-form label{ line-height: 39px; } .address-form-item{ margin-top: 20px; } .address-box{ margin-bottom: 20px; } .additional-street{ margin-top: 20px; } .address-tips{ color: #999999;font-size: 14px;font-family: inherit;margin-top: 10px; } .submit-btn,.cancal-btn{ width: 100%;box-sizing: border-box } /*公用添加地址样式结束*/ /*公用表单格式*/ .from-input{width: 100%; height: 44px; border: 1px solid #D5D6D8; border-radius: 8px; padding: 0 14px;} .form-textarea{width: 100%;border: 1px solid #D5D6D8;border-radius: 8px; padding: 7px 14px;display: block;} .form-dp-select{display: block;width: 100%;padding: 10px 14px;border: 1px solid #D5D6D8;border-radius: 8px;} .form-file-hidden{display: none !important; } /*公用链接下划线*/ .link-line{color: #0A0C29; text-decoration: underline;} /*公用链接下划线结束*/ /*公用禁用按钮*/ .disabled-btn,.disabled-btn:focus{background: #D5D6D8; color: #fff; border: 1px solid #D5D6D8; cursor: not-allowed;} /*公用禁用按钮结束*/ /*公用表单格式结束*/ .web-header-logo-left svg{width:184px;height: auto;} /*提交评论窗口*/ .reviews-popup-box{position: fixed;top:50%;left: 0;width: 100%;height: 100%;z-index: 212;display: none;} .reviews-product-img{width:170px;margin-right: 30px;} .reviews-product-img img{width: 100%; height:auto; border-radius: 16px;} .reviews-product-info-box{display: flex; align-items:flex-start;padding-top: 30px;} .reviews-product-title-box{flex: 1;} .reviews-product-title{font-family:'Poppins-Regular';max-width: 330px;padding-top: 3px;} .reviews-product-starSelector{padding: 20px 0;} .reviews-request-form label{display: none;} .reviews-request-form-item{margin-top: 20px;} .reviews-popup-div{background: #fff;border-radius: 16px;padding:40px;width:100%;transform: translateY(-50%);margin: 0 auto; position: relative;overflow: hidden;box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.16);overflow-y:auto;max-height: 96%;max-width: 710px;} .reviews-popup-div-tit{display: flex;align-items: center;justify-content: space-between;} .reviews-popup-div-tit-left .pod-icons{width:160px;height: 50px;background: var(--icon-color ,#1A1311);} .reviews-popup-div-tit-rig .pod-icons{width: 40px;height: 40px;background: var(--icon-color ,#000);cursor: pointer;} .reviews-popup-tip{margin-top: 20px;color: rgba(0,0,0,.5);} .reviews-popup-tip a{text-decoration: underline;} .reviews-request-form{margin-top:30px;} .reviews-browse-img-label-btn,.reviews-browse-video-label-btn{border-radius: 8px; border:1px solid #D5D6D8; padding: 10px 0; cursor: pointer; text-align: center;} .reviews-request-form-itemFlex{display: flex;gap:19px;flex-wrap: wrap;} .reviews-label-btn-boxUp{border-radius: 8px;width: 140px;height: 140px;overflow: hidden;background: #F7F7F5;display: flex;flex-direction: column;align-items: center;cursor: pointer;} .reviews-label-btn-boxImg{border-radius: 8px;width: 140px;height: 140px;overflow: hidden;position: relative;} .reviews-label-btn-boxImg img{display: block;width: 100%;height: auto;aspect-ratio:1/1;object-fit: cover;} .reviews-label-btn-boxImg-close{position: absolute;right: 6px;top: 6px;width: 22px;height: 22px;border-radius: 50%;border: 1px solid #000;cursor: pointer;overflow: hidden;} .reviews-label-btn-boxImg-close .pod-icons{width:20px;height: 20px;background: var(--icon-color,#000);} .reviews-label-btn-boxUp .pod-icons{width:44px;height: 44px;background: var(--icon-color ,rgba(0,0,0,.2));margin:25px auto 12px; } .reviews-label-btn-boxU-txt{color: rgba(0,0,0,.2);font-size: 12px;text-align: center;line-height: 18px;} .reviews-browse-files-box{display: flex; align-items: center;} .reviews-browse-files-label-btn{border-radius: 8px; border:1px solid #D5D6D8; padding: 20px 40px; margin-right: 20px; cursor: pointer;} .submit-review-btn{padding:11px 56px; margin-top:40px;margin-bottom: 0;} /*评价样式星图重定义*/ .rating-container{display: block;} .custom-filled-star,.custom-empty-star{width:28px;height:28px;display:block;background-size: cover;} .rating-container{font-size: 0 !important;} .rating-container .rating-stars{display: block;} .rating-container .star{margin:0 1px !important;} .rating-container .rating-input{display: none;} .Xbanner-list-item-txt-xing-input{margin-left: 2px;padding-bottom: 2px;} .custom-filled-star,.custom-filled-star-small { background-color: var(--icon-color, #EACE8A); mask: url('/images/icon/icon-41.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-41.svg') no-repeat center; } .custom-empty-star,.custom-empty-star-small { background-color: var(--icon-color, #EACE8A); mask: url('/images/icon/icon-42.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-42.svg') no-repeat center; } .filled-stars,.empty-stars{display: flex;align-items: center;} /* 星星大小自定义 */ .xingW16 .custom-filled-star-small,.xingW16 .custom-empty-star-small{width:16px;height:16px;display:block;background-size: cover;} .xingW20 .custom-filled-star-small,.xingW20 .custom-empty-star-small{width:20px;height:20px;display:block;background-size: cover;} .xingW26 .custom-filled-star-small,.xingW26 .custom-empty-star-small{width:26px;height:26px;display:block;background-size: cover;} .xingW30 .custom-filled-star-small,.xingW30 .custom-empty-star-small{width:30px;height:30px;display:block;background-size: cover;} .xingW40 .custom-filled-star-small,.xingW40 .custom-empty-star-small{width:40px;height:40px;display:block;background-size: cover;} .Xbanner-list-item-txt-xing2{align-items: center;} /* 产品列表 左上角 new bestseller */ .Xbanner-list-item-img-new{position: absolute;left: 12px;top:12px; background: rgb(255, 95, 95);color: #fff;border-radius:20px;padding:4px 6px;line-height: 1;font-size: 14px;} .Xbanner-list-item-img-bestseller{position: absolute;left: 12px;top:12px; background: rgb(43, 43, 43);color: #fff;border-radius:20px;padding:4px 6px;line-height: 1;font-size: 14px;} /* */ .Xbanner-list-item-txt-quantity{margin-top: auto;} .Xbanner-list-item-txt-express{margin-top: 12px;} .Xbanner-list-item-txt-express span{ background: rgb(43, 43, 43);color: #fff;border-radius:20px;padding:4px 6px;line-height: 1;font-size: 12px;} .class-content3{display: flex;justify-content: space-between;gap:32px;margin: 24px 32px;} .leftneav3{width:280px;} .rightlist3{width:calc( 100% - 280px );} .productdetailTab-con-itemtype5-list b,.productdetailTab-con-itemtype5-list strong{font-weight: normal;font-family:'Poppins-Regular';} .productdetailTab-con-itemtype5-list > *{padding:6px 0;} .productdetailTab-con-itemtype5-list table{border-collapse: collapse;margin-bottom:24px;} .productdetailTab-con-itemtype5-list th{font-weight: normal;font-size: 18px;font-family:'Poppins-Regular';line-height: 2.4;vertical-align: top;} .productdetailTab-con-itemtype5-list td{line-height:2;vertical-align: top;} .productdetailTab-con-itemtype5-list th:first-child{width: 200px;} .productdetailTab-con-itemtype5-list td:first-child{width: 200px;} .productdetailTab-con-itemtype6{display: flex;justify-content: space-between;flex: 1;gap: 32px;} .productdetailTab-con-itemtype1 .productdetailTab-con-itemtype1-right h2{font-size: 24px;} .productdetailTab-con-itemtype1 .productdetailTab-con-itemtype1-right h3{font-size: 18px;} .productdetailTab-con-itemtype1 .productdetailTab-con-itemtype1-right h4{font-size: 18px;} .productdetailTab-con-itemtype7-list table{border-collapse: collapse;width:auto !important; border: none !important;} .productdetailTab-con-itemtype7-list th, .productdetailTab-con-itemtype7-list td{padding:6px 6px 6px 0;border: none !important;min-width:140px;} /*服装详情新增样式*/ .productdetailTab-con-itemtypeSizetable { max-width:920px; } .itemtypeSizetableTit { padding-bottom: 12px; } .itemtypeSizetableTit h3{ color: #090909;font-size: 24px;line-height: 1.8;font-family:'Poppins-Regular'; } .itemtypeSizetableTxt { color: #090909;font-size: 16px;line-height: 1.6; } .itemtypeSizetableImg { display: flex;flex: 1;background: #F7F7F5;gap:20px;padding: 30px;margin: 30px 0; } .itemtypeSizetableImgImg { width: 48%; } .itemtypeSizetableImgImg img {display: block;width: 100%;height: auto;border-radius: 12px;overflow: hidden;} .itemtypeSizetableImgTxt { width: calc(100% - 40%); } .itemtypeSizetableImgTxt1 { color: #090909;font-size: 16px;line-height: 1.6;padding-bottom: 10px;text-transform: uppercase;font-family:'Poppins-Regular'; } .itemtypeSizetableImgTxt2 { color: #090909;font-size: 16px;line-height: 1.6;padding-bottom: 40px; } .itemtypeSizetableTableTit { display: flex;justify-content: space-between;align-items: end;padding-top: 40px;border-bottom: 1px solid #D5D6D8; } .itemtypeSizetableTableTit1 { color: #090909;font-size: 24px;font-family:'Poppins-Regular'; } .itemtypeSizetableTableTit1 h3{ color: #090909;font-size: 24px;line-height: 48px; } .itemtypeSizetableTableTit2 { display: flex;gap: 12px;text-transform: uppercase;font-family:'Poppins-Regular'; } .itemtypeSizetableTableTit2 span {cursor: pointer; color: #6C6C6C;font-size: 16px;width: 110px;text-align: center;border-bottom: 3px solid transparent;line-height: 48px; } .itemtypeSizetableTableTit2 span.hover { color: #000000;border-bottom-color: #090909; } .itemtypeSizetableTableTit3{ font-style: italic;font-family: 'Poppins-Regular'; } .itemtypeSizetableTableT { padding-bottom: 12px; } .itemtypeSizetableTableT th:first-child{ text-transform: uppercase;} .itemtypeSizetableTableT th { line-height:1.8; color: #000; font-size: 16px; padding:20px 0; } .itemtypeSizetableTableT td { line-height:1.8; color: #6C6C6C; font-size: 16px; padding:16px 0; } .itemtypeSizetableTableT tr { border-bottom: 1px solid #D5D6D8; } .itemtypeSizetableTableT tr:first-child >*{ color: #000;font-family:'Poppins-Regular'; } .itemtypeSizetableTableT th:first-child { width: 80%; } .itemtypeSizetableTableT td:first-child { width: 80%; text-transform: uppercase; } .itemtypeSizetableTableT th:nth-child(n+2) { text-align: center; } .itemtypeSizetableTableT td:nth-child(n+2) { text-align: center; } .itemtypeSizetableTable1 .itemtypeSizetableTableTA th:nth-child(2) { display: table-cell; } .itemtypeSizetableTable1 .itemtypeSizetableTableTA th:nth-child(3) { display: table-cell; } .itemtypeSizetableTable1 .itemtypeSizetableTableTA th:nth-child(4) { display: none; } .itemtypeSizetableTable1 .itemtypeSizetableTableTA th:nth-child(5) { display: none; } .itemtypeSizetableTable1 .itemtypeSizetableTableTB th:nth-child(2) { display: none; } .itemtypeSizetableTable1 .itemtypeSizetableTableTB th:nth-child(3) { display: none; } .itemtypeSizetableTable1 .itemtypeSizetableTableTB th:nth-child(4) { display: table-cell; } .itemtypeSizetableTable1 .itemtypeSizetableTableTB th:nth-child(5) { display: table-cell; } .itemtypeSizetableTable1 .itemtypeSizetableTableTA td:nth-child(2) { display: table-cell; } .itemtypeSizetableTable1 .itemtypeSizetableTableTA td:nth-child(3) { display: table-cell; } .itemtypeSizetableTable1 .itemtypeSizetableTableTA td:nth-child(4) { display: none; } .itemtypeSizetableTable1 .itemtypeSizetableTableTA td:nth-child(5) { display: none; } .itemtypeSizetableTable1 .itemtypeSizetableTableTB td:nth-child(2) { display: none; } .itemtypeSizetableTable1 .itemtypeSizetableTableTB td:nth-child(3) { display: none; } .itemtypeSizetableTable1 .itemtypeSizetableTableTB td:nth-child(4) { display: table-cell; } .itemtypeSizetableTable1 .itemtypeSizetableTableTB td:nth-child(5) { display: table-cell; } .itemtypeSizetableTable2 .itemtypeSizetableTableTA th:nth-child(2) { display: table-cell; } .itemtypeSizetableTable2 .itemtypeSizetableTableTA th:nth-child(3) { display: table-cell; } .itemtypeSizetableTable2 .itemtypeSizetableTableTA th:nth-child(4) { display: table-cell; } .itemtypeSizetableTable2 .itemtypeSizetableTableTA th:nth-child(5) { display: none; } .itemtypeSizetableTable2 .itemtypeSizetableTableTA th:nth-child(6) { display: none; } .itemtypeSizetableTable2 .itemtypeSizetableTableTA th:nth-child(7) { display: none; } .itemtypeSizetableTable2 .itemtypeSizetableTableTB th:nth-child(2) { display: none; } .itemtypeSizetableTable2 .itemtypeSizetableTableTB th:nth-child(3) { display: none; } .itemtypeSizetableTable2 .itemtypeSizetableTableTB th:nth-child(4) { display: none; } .itemtypeSizetableTable2 .itemtypeSizetableTableTB th:nth-child(5) { display: table-cell; } .itemtypeSizetableTable2 .itemtypeSizetableTableTB th:nth-child(6) { display: table-cell; } .itemtypeSizetableTable2 .itemtypeSizetableTableTB th:nth-child(7) { display: table-cell; } .itemtypeSizetableTable2 .itemtypeSizetableTableTA td:nth-child(2) { display: table-cell; } .itemtypeSizetableTable2 .itemtypeSizetableTableTA td:nth-child(3) { display: table-cell; } .itemtypeSizetableTable2 .itemtypeSizetableTableTA td:nth-child(4) { display: table-cell; } .itemtypeSizetableTable2 .itemtypeSizetableTableTA td:nth-child(5) { display: none; } .itemtypeSizetableTable2 .itemtypeSizetableTableTA td:nth-child(6) { display: none; } .itemtypeSizetableTable2 .itemtypeSizetableTableTA td:nth-child(7) { display: none; } .itemtypeSizetableTable2 .itemtypeSizetableTableTB td:nth-child(2) { display: none; } .itemtypeSizetableTable2 .itemtypeSizetableTableTB td:nth-child(3) { display: none; } .itemtypeSizetableTable2 .itemtypeSizetableTableTB td:nth-child(4) { display: none; } .itemtypeSizetableTable2 .itemtypeSizetableTableTB td:nth-child(5) { display: table-cell; } .itemtypeSizetableTable2 .itemtypeSizetableTableTB td:nth-child(6) { display: table-cell; } .itemtypeSizetableTable2 .itemtypeSizetableTableTB td:nth-child(7) { display: table-cell; } @media (max-width:700px) { .itemtypeSizetableImg { flex-wrap: wrap; } .itemtypeSizetableImgImg { width: 100%; } .itemtypeSizetableImgTxt { width: 100%; } } /*服装面料样式*/ .apparel-fabric-describe-list { max-width: 75%; } .apparel-fabric-describe-box { margin-bottom: 30px; display: flex;column-gap: 40px; } .apparel-fabric-describe-label { font-weight: normal; width:100px; margin-bottom: 5px; } .apparel-fabric-describe-content { flex: 1; } .apparel-fabric-describe-bar { display: flex; align-items: center; } .apparel-fabric-describe-bar-track { position: relative; flex-grow: 1; height: 6px; background-color: #e6e6e6; } .apparel-fabric-describe-bar-fill { position: absolute; top: 0; width: 33.33%; height: 6px; background-color: #333; transition: transform 0.3s; } .left { transform: translateX(0%); } .center { transform: translateX(100%); } .right { transform: translateX(200%); } .apparel-fabric-describe-bar-labels { display: flex; justify-content: space-between; font-size: 14px; margin-top: 6px; color:#666; } .apparel-fabric-describe-bar-labels .hover{ color: #090909; } @media (max-width: 768px) { .apparel-fabric-describe-list { max-width: 100%; padding: 0 16px; } .apparel-fabric-describe-box { flex-direction: column; align-items: flex-start; } .apparel-fabric-describe-label { width: auto; margin-bottom: 8px; font-size: 15px; } .apparel-fabric-describe-content { width: 100%; } .apparel-fabric-describe-bar-labels { font-size: 13px; margin-top: 4px; } } /*服装洗涤样式*/ .apparel-fabric-care-box { display: flex; align-items: center; margin-bottom: 16px; } .apparel-fabric-care-icon { width: 44.8px; height: 44.8px; margin-right: 10px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; } .apparel-fabric-care-text { line-height: 1.5; } @media (max-width: 480px) { .apparel-fabric-care-box { flex-direction: column; align-items: flex-start; } .apparel-fabric-care-icon { margin-bottom: 8px; } } .marginTop60{margin-top:60px;} .Allclass-title{text-align: center;padding:0px 32px 0;} .Allclass-title .h2subtit{max-width: 800px;margin: auto;padding:10px 0;} .early-planning-left-con{padding:20px 32px 20px 100px;} .XbannerClass .Allclass-list4{padding:24px 16px;} .XbannerClass .Allclass-list3{padding:24px 16px;gap: 2%;} .XbannerClass .Allclass-list3 .Xbanner-list-item{width:32%;} .XbannerClass .Allclass-list2{padding:24px 16px;gap:4%;} .XbannerClass .Allclass-list2 .Xbanner-list-item{width:48%;} .yks-imglist2 .list-item .img{border-radius:12px;} .yks-imglist2 .list-item .txt{text-align: left;} .Allclass-main .Xbanner-list-item-txt-tit{padding:12px 0 20px 0;} .early-planning-right2 .early-planning-absolute{min-width:330px;left:32px;bottom: 32px;width: calc(50% - 32px);} .early-planning-absolute{top:auto !important;bottom:40px;left: 40px;} .Allclass-bannerBox a{display: block;} .Allclass-bannerBox img{display: block;width: 100%;height: auto;max-width: 1920px;} .Allclass-list31{padding:24px 16px;} .Allclass-circular .Xbanner-list-item-img>a{border-radius: 50%;overflow: hidden;} .Allclass-list5 .Xbanner-list-item-img-img img{aspect-ratio:1/1;} .Allclass-main .yks-imglist{padding-top:60px;} .Allclass-main .all-categories{margin-top:0;} .Allclass-main .yks-imglist .list-item .img{border-radius:12px;} .Allclass-main .Allclass-circular .yks-imglist .list-item .img{border-radius:50%;} .Allclass-main .index-title{margin-bottom: 0;} @media (max-width: 1440px) { .Allclass-main .XbannerClass .Allclass-list4{ gap:1.3%; } .Allclass-main .XbannerClass .Allclass-list4 .Xbanner-list-item { width:24%; } } @media (max-width: 1024px) { .Allclass-main .XbannerClass .Xbanner-list4 { gap:2%; } .Allclass-main .XbannerClass .Allclass-list4 .Xbanner-list-item { width:32%; } } .web-header-logo{padding:25px 20px;} .web-header-logo-right-search{border:1px solid #090909;padding:8px 20px;border-radius: 8px;} .web-header-logo-right-search-input input{background: inherit;} .web-header-logo-right-search-input{border-bottom: none;} .web-header-logo-right-search-input .pod-icon{ width: 19px; height:19px; background-color: var(--icon-color, #000); mask: url('/images/icon/icon-02.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-02.svg') no-repeat center; } .web-header-logo-right-list{align-items: center;} .web-header-logo-right-list-item .pod-icon{margin-right:11px;} .web-header-logo-right-list-item1 .pod-icon{ width: 20px;height:20px; background-color: var(--icon-color, #000); mask: url('/images/icon/icon-05.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-05.svg') no-repeat center; } .web-header-logo-right-list-item2 .pod-icon{ width: 20px;height:20px; background-color: var(--icon-color, #000); mask: url('/images/icon/icon-06.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-06.svg') no-repeat center; } .web-header-logo-right-list-item3 .pod-icon{ width: 20px;height:20px; background-color: var(--icon-color, #000); mask: url('/images/icon/icon-04.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-04.svg') no-repeat center; } .web-header-logo-right-list-item4 .pod-icon{ width: 20px;height:20px; background-color: var(--icon-color, #000); mask: url('/images/icon/icon-03.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-03.svg') no-repeat center; } .web-header-logo-right-list-item4{background: #EACE8A;border-radius: 48px;height: 48px;} .yks-navbar{border-bottom:none;} .navbar-nav-list:hover .navbar-nav-list-text::after{border-bottom:1px solid #1C3F3A;} .navbar-nav-list:hover .navbar-nav-list-sub-shadow{display: block;} .navbar-nav-list .navbar-nav-list-sub-shadow:hover{display: none !important;} .navbar-nav-list-sub-nav{padding: 0;} .navbar-nav-list-sub-shadow{position: absolute;z-index: -1;background:rgba(0,0,0,0.1);width: 100%;height:100vh; backdrop-filter:blur(5px) brightness(80%);top:100%;left: 0;display: none;} .navbar-nav-list-sub-nav-listLeft{display: flex;width: 66%;flex: 1;justify-content: center;padding:30px 12px 60px 12px;} .navbar-nav-list-sub-nav-listRight{display: flex;width: 33%;background: #E9E8E4;padding:30px 0 60px 40px;} .navbar-nav-list-sub-nav-list-item-tit{font-family: 'Poppins-Regular';} .web-header-logo-right-list-item-num{top:-10px;left:30px;} .navbar-nav-list-sub{border-top: 1px solid rgba(213,214,216,50%);box-shadow:none; background: linear-gradient(to right,#F6F5F0 0%,#F6F5F0 66.66%, #E9E8E4 66.66%, #E9E8E4 100%);} .navbar-nav-list-sub-nav-list-item-tit{margin-bottom:8px;line-height: 21px;} .navbar-nav-list-sub-nav-list-item-subtit{line-height: 21px;padding:5px 0;opacity: 0.7;} .navbar-nav-list-sub-nav-list-item-subtit span{font-size: 12px;background: #C4D1AF;font-weight: normal;color: #000;line-height: 1.6;} .navbar-nav-list-sub-nav-list-item{min-height: auto;} /* .navbar-nav-list-sub-Newimg{text-align: right;position: absolute;right:0;bottom:30px;width:calc( 16.667% - 10px);} .navbar-nav-list-sub-Newimg a{display:block;} .navbar-nav-list-sub-Newimg a img{width: 100%;height: auto;max-height:100%;} */ .navbar-nav-list-sub-nav-list-img2{width: 100%;margin-top: 20px;} .navbar-nav-list-sub-nav-list-img2 a{display:block;} .navbar-nav-list-sub-nav-list-img2 a img{width: 100%;height: auto;max-height:100%;} .navbar-nav-list-sub-nav-listLeft .navbar-nav-list-sub-nav-list{width:calc(25% - 10px);} .navbar-nav-list-sub-nav-listRight .navbar-nav-list-sub-nav-list{width:calc(50% - 10px);display: flex; flex-wrap: wrap; flex-direction: column;justify-content: space-between; } .Allclass2-bannerBox{background-position: center; /* 水平垂直居中 */ background-size: cover; /* 覆盖整个容器 */ background-repeat: no-repeat; /* 不重复 */ min-height: 400px;display: flex;align-items: center; } .Allclass2-bannerBox-con{margin: 20px 40px;max-width: 670px;padding: 30px;background: #fff;border-radius: 12px;} .Allclass2-bannerBox2 .Allclass2-bannerBox-con{max-width:calc(50% - 40px);width:calc(50% - 40px);margin-left:40px;margin-right: 0;} .Allclass2-bannerBox-con-tit{font-size: 32px;margin-bottom: 20px;} .Allclass2-bannerBox-con-con{font-size: 16px;margin-bottom: 30px;} .Allclass2-bannerBox-con-btn{display: flex;align-items: center;flex-wrap: wrap;column-gap: 12px;row-gap: 12px;} .Allclass2-bannerBox-con-btn>a{border-radius: 8px;text-align: center;line-height: 46px;font-size: 16px;padding: 0 24px;} .Allclass2-bannerBox-con-btnBlack{border: 1px solid #0A0C29;background: #0A0C29;color: #fff;} .Allclass2-bannerBox-con-btnWhite{border: 1px solid #0A0C29;background:#C2C4CB;color:#0A0C29;} .Allclass2-bannerBox-con-btnBlack:hover{color:#fff;} .Allclass2-bannerBox-con-btnWhite:hover{color:#0A0C29;} .rightlist-list-item-img img{aspect-ratio:4 / 3;} .Allclass-list31{padding: 40px 32px;} .rightlist-list-item{background:#F6F5F0;margin-bottom: 0;display: flex;flex-direction: column;} .rightlist-list-item-txt{padding:30px 30px 30px 30px;background: none;flex-direction: column;display:flex;flex: 1;} .rightlist-list-item-txt-btn{margin-top: auto;} .rightlist-list32 .rightlist-list-item-txt{padding-bottom: 10px;} .rightlist-list33 .rightlist-list-item-txt{padding-bottom: 10px;} .rightlist-list-item-txt-tit{padding-bottom: 20px;border-bottom: 1px solid #D5D6D8;font-family: 'Poppins-Regular';} .rightlist-list-item-txt-list{padding: 20px 0;} .rightlist-list-item-txt-list>*::before{width: 6px;height: 6px;} .list-item-customize .pod-icon{ width: 20px;margin-left: -3px; height:20px;margin-right: 4px; background-color: var(--icon-color, #000); mask: url('/images/icon/icon-27.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-27.svg') no-repeat center; } .rightlist-list{column-gap:2%;row-gap:40px;} .rightlist-list-item{margin-left: 0;border: none;} .rightlist-list30{row-gap:40px;column-gap:2%;} .rightlist-list31{column-gap:1.333333%;row-gap:40px;} .rightlist-list31 .rightlist-list-item{width: 24%;} .rightlist-list32{column-gap:1.333333%;row-gap:40px;} .rightlist-list32 .rightlist-list-item{width: 24%;} .Xbanner-list-item-txt-tit{font-size: 16px;line-height: 24px;} .Allclass-main .Xbanner-list-item-txt-tit{padding: 20px 0;} .Xbanner-list-item{margin-bottom: 0;} .Allclass-main .Allclass-list5 .Xbanner-list-item-txt-tit{text-align: center;} .Allclass-main .Allclass-list6 .Xbanner-list-item-txt-tit{text-align: center;} .Allclass-main .Allclass-list8 .Xbanner-list-item-txt-tit{text-align: center;} .Allclass-list6{column-gap:2%;row-gap: 40px;} .Allclass-list6 .Xbanner-list-item{width:15%;} .Allclass-title>*{padding: 0 32px;font-weight: normal;} .Allclass-title>*:first-child{margin-bottom: 10px;font-family: 'Publico-Banner-Light';} .Allclass-list6 .Xbanner-list-item-img-img img{aspect-ratio:1/1;} .Allclass-list100 .Xbanner-list-item-img-img img{aspect-ratio:1/1;} .Xbanner-list-item-img-img{border-radius: 8px;} .Allclass-main .Xbanner-list-item-txt-tit{margin: 18px 0 0;line-height: 24px;padding: 0; display: -webkit-box; /* 必需 */ -webkit-line-clamp: 2; /* 显示行数 */ -webkit-box-orient: vertical; /* 必需 */ overflow: hidden; /* 隐藏超出部分 */ text-overflow: ellipsis; /* 显示省略号 */ } .Allclass-main .Xbanner-list-item-txt-txt{opacity: 0.7;line-height: 21px;padding-top:12px; display: -webkit-box; /* 必需 */ -webkit-line-clamp: 2; /* 显示行数 */ -webkit-box-orient: vertical; /* 必需 */ overflow: hidden; /* 隐藏超出部分 */ text-overflow: ellipsis; /* 显示省略号 */ } .Xbanner-list-item-txt-xing{padding:14px 0 0;} .Allclass-list7{column-gap:1.4%;row-gap: 40px;} .Allclass-list7 .Xbanner-list-item{width: 15.5%;} .Allclass-list7 .Xbanner-list-item-img-img img{aspect-ratio:1/1;} .Allclass-list8{gap:2%;} .Allclass-list8 .Xbanner-list-item{width: 15%;} .Allclass-list8 .Xbanner-list-item-img-img img{aspect-ratio:1/1;} .Allclass-list8 .Xbanner-list-item-img-img{border-radius: 50%;} .Allclass-list9{column-gap:1.25%;row-gap: 40px;} .Allclass-list9 .Xbanner-list-item{width: 19%;} .Allclass-list9 .Xbanner-list-item-img-img img{aspect-ratio:1/1;} .Allclass-list10{column-gap:2%;row-gap:40px;} .Allclass-list10 .Xbanner-list-item{width:23.5%;} .Allclass-list10 .Xbanner-list-item-img-img img{aspect-ratio:1/1;} .Allclass-list10 .Xbanner-list-item-txt{text-align: center;} .Allclass-list11{column-gap:1.3333333%;row-gap: 40px;} .Allclass-list11 .Xbanner-list-item{width:24%;padding-bottom:8px;} .Allclass-list11 .Xbanner-list-item-img-img img{aspect-ratio:1/1;} .Allclass-list13{column-gap:1%;row-gap: 40px;} .Allclass-list13 .Xbanner-list-item{width:calc( 98% / 3 );} .Allclass-list13 .Xbanner-list-item-img-img img{aspect-ratio:1/1;} .early-planning-margin40{margin:40px 0;column-gap:10px;row-gap:4px;background: none;} .early-planning-marginT40{margin: 40px 0 0;} .early-planning-padding80{padding:40px;justify-content: space-between;} .early-planning-padding80 .Allclass2-bannerBox-con-tit{margin-bottom:20px;} .early-planning-padding80 .Allclass2-bannerBox-con-con{margin-bottom:30px;} .early-planning-padding80 .early-planning-left-con{padding: 0;} .early-planning-img{width:50%;position: relative;flex: 1;} .early-planning-img-box{position: relative;height: 100%;border-radius: 16px;overflow: hidden;} .early-planning-img img{width: 100%;max-width: 100%; object-position: center center;height: 100%; object-fit: cover; position: absolute; top: 50%; transform: translateY(-50%);} /* .maxW300{max-width: 280px;} */ .Allclass-main .questions{padding:180px 32px;} .Allclass-main .questions-box{max-width: 1560px;display: flex;justify-content: space-between;margin: 0 auto;padding: 0;} .Allclass-main .questions-box .questions-tit{padding: 0;margin: 0;width: 270px;text-align: left;text-transform: capitalize;line-height: 48px;} .Allclass-main .questions-box .questions-list{width:100%;max-width: 1200px;} .questions-list-item-tit-img .pod-icon.jia{ width:18px; height:18px; background-color: var(--icon-color, #000); mask: url('/images/icon/icon-22.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-22.svg') no-repeat center; } .questions-list-item-tit-img .pod-icon.jian{ width:18px; height:18px; background-color: var(--icon-color, #000); mask: url('/images/icon/icon-21.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-21.svg') no-repeat center; } .Allclass-main .questions-list-item{padding: 20px 0;} .Allclass-main .questions-list-item-tit{align-items: center;padding: 0 3px;} .Allclass-main .questions-list-item-con-txt{opacity: 0.7;padding-bottom:3px;padding-top: 12px;} .Allclass-main .all-categories{margin: 0;padding:0 32px 40px;position: relative;} .Allclass-title{position: relative;} .Allclass-list-btn{position: absolute;right:30px;top:36px;display: flex;margin: 0;padding: 0;} .Allclass-list-btn>*{width: 48px;height: 48px;margin-left: 10px;background: #fff;display: flex;align-items: center;justify-content: center;border-radius: 4px;cursor:pointer;border-radius: 50%;} .Allclass-list-btn>*:hover{background: #EACE8A;} .Allclass-list-btn>*:hover .pod-icon{background-color: #000;} .Allclass-list-btn>*:first-child{margin-left:0;} .Allclass-list-btn .lef .pod-icon{ width:24px; height:24px; background-color: var(--icon-color, #6C6C6C); mask: url('/images/icon/icon-27-2.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-27-2.svg') no-repeat center; } .Allclass-list-btn .rig .pod-icon{ width:24px; height:24px; background-color: var(--icon-color, #6C6C6C); mask: url('/images/icon/icon-27.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-27.svg') no-repeat center; } .Allclass-list-btn .lef:hover .pod-icon{background-color: var(--icon-color, #000);} .Allclass-list-btn .rig:hover .pod-icon{background-color: var(--icon-color, #000);} .Allclass-circular .list-item>.img{border-radius: 50%;} .Allclass-circular .list-item>.txt{padding: 20px 0;text-align: center;} .Allclass-main .early-planning-rightImg .early-planning-left-con{padding-left: 80px;} .Allclass-main .questions-list-item-tit-txt{padding-right:calc(200px - 18px);} .Allclass-main .questions-list-item-con{padding-right:100px;} .footer{padding: 80px 32px;} .dominant-background-color{background: #373C50;} .footer-right{width:750px;} .footer-right>*{width: 33.33%;} .footerbottom-left{display: flex;} .footerbottom-left>a{margin-right:8px;} .footerbottom-right{display: flex;} .footerbottom-right>a{margin-right:11px;} .footerbottom-left .pod-icon{ width:28px; height:28px; background-color: var(--icon-color, #fff); } .footerbottom-left .pod-iconF{ mask: url('/images/icon/icon-28.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-28.svg') no-repeat center; } .footerbottom-left .pod-iconX{ mask: url('/images/icon/icon-29.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-29.svg') no-repeat center; } .footerbottom-left .pod-iconB{ mask: url('/images/icon/icon-30.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-30.svg') no-repeat center; } .footerbottom-left .pod-iconP{ mask: url('/images/icon/icon-31.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-31.svg') no-repeat center; } .footer-left-logo .pod-iconLogo{ width: 226px; height:71px; background-color: var(--icon-color, #fff); mask: url('/images/icon/icon-50.svg') no-repeat left center; -webkit-mask: url('/images/icon/icon-50.svg') no-repeat left center; } .footerbottom-right{margin-top:70px;} .footerbottom-a a{display:block;} .footerbottom-right .pod-icon{ width:45px; height:45px; } .footerbottom-right .pod-icon1{ background: url('/images/icon/icon-52.svg') no-repeat center; } .footerbottom-right .pod-icon2{ background: url('/images/icon/icon-55.svg') no-repeat center; } .footerbottom-right .pod-icon3{ background: url('/images/icon/icon-54.svg') no-repeat center; } .footerbottom-right .pod-icon4{ background: url('/images/icon/icon-53.svg') no-repeat center; } .footerbottom-mid{padding:30px 0 30px;margin: 0;width: auto;} .m-footer-list-item-tit-img .jia{ width:24px; height:24px; background-color: var(--icon-color, #6C6C6C); mask: url('/images/icon/icon-25.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-25.svg') no-repeat center; } .m-footer-list-item-tit-img .jian{ width:24px; height:24px; background-color: var(--icon-color, #6C6C6C); mask: url('/images/icon/icon-26.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-26.svg') no-repeat center; } .Allclass-list-btnMobile{display: none;position: relative;align-items: center;justify-content: center;right: 0;top: 0;} .m-navbar-left-favorites{width: 28px;height: 28px;} .m-navbar-right .pod-icon.m-navbar-left-favorites{background-color: var(--icon-color, #6C6C6C); mask: url('/images/icon/icon-06.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-06.svg') no-repeat center; } .m-navbar-left-my{width: 28px;height: 28px;} .m-navbar-right .pod-icon.m-navbar-left-my{background-color: var(--icon-color, #6C6C6C); mask: url('/images/icon/icon-03.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-03.svg') no-repeat center; } .m-navbar-left-nav{width: 28px;height: 28px;} .m-navbar-left .pod-icon.m-navbar-left-nav{background-color: var(--icon-color, #6C6C6C); mask: url('/images/icon/icon-01.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-01.svg') no-repeat center; } .m-navbar-left-search{width: 28px;height: 28px;} .m-navbar-left .pod-icon.m-navbar-left-search{background-color: var(--icon-color, #6C6C6C); mask: url('/images/icon/icon-02.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-02.svg') no-repeat center; } .m-bulletframe-tit .closebulletframeAll{width: 28px;height: 28px; background-color: var(--icon-color, #6C6C6C); } .m-bulletframe-tit-logo .pod-icons{width:38px;height: 38px; background-color: var(--icon-color, #000);} .m-bulletframe-nav-item-img{width:24px;height:24px; background-color: var(--icon-color, #6C6C6C); } .early-planning{background: inherit;flex-wrap: wrap;} .early-planning2{gap: 60px;} .early-planning-right-W100{width: 100%;} /* .early-planning-right-W100 img{min-height:500px;} */ .class-content3{max-width: 1920px;margin:0 auto;} .Allclass-main .class-content3 .leftneav3{padding: 40px 0;} .Allclass-main .rightlist3 .early-planning{margin:0 32px;} .Allclass-main .rightlist3 .Allclass-title{text-align: left;} .Allclass-main .class-content3{padding:0 0 0 32px;} .leftneav-list-item-tit-img .pod-icon.jia{ width:19px; height:19px; background-color: var(--icon-color, #000); mask: url('/images/icon/icon-22.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-22.svg') no-repeat center; } .leftneav-list-item-tit-img .pod-icon.jian{ width:19px; height:19px; background-color: var(--icon-color, #000); mask: url('/images/icon/icon-21.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-21.svg') no-repeat center; } .leftneav-list-item-tit1{padding: 20px 0 10px;} .leftneav-list-item-tit1>a,.leftneav-list-item-tit1> .dominant-text-color{font-family:'Poppins-Regular';} .m-bulletframe-search-right-input .pod-icon{ width:24px; height:24px; background-color: var(--icon-color, #000); mask: url('/images/icon/icon-02.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-02.svg') no-repeat center; } .rightlist-list32 .rightlist-list-item-img img{aspect-ratio:1/1;} .rightlist-list32 .rightlist-list-item-img{border-radius: 50%;overflow: hidden;} .rightlist-list32 .rightlist-list-item{background: none;} .rightlist-list32 .rightlist-list-item-txt{text-align: center;} .rightlist-list32 .list-item-customize{background: #EACE8A;width: 42px;height: 42px;margin:24px auto 0;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .rightlist-list32 .list-item-customize .pod-icon{margin-right: 0;} .rightlist-list33 .rightlist-list-item-img img{aspect-ratio:1/1;} .rightlist-list33 .rightlist-list-item-img{border-radius: 50%;overflow: hidden;} .rightlist-list33 .rightlist-list-item{background: none;} .rightlist-list33 .rightlist-list-item-txt{text-align: center;} .rightlist-list33 .list-item-customize{background: #EACE8A;width: 42px;height: 42px;padding-top: 0; margin:12px auto 0;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .rightlist-list33 .list-item-customize .pod-icon{margin-right: 0;} .Allclass-main .Allclass-list10 .Xbanner-list-item-txt-tit{padding: 0 28px;} .rightlist-list32{column-gap:calc( 8% / 3 );row-gap:40px;} .rightlist-list32 .rightlist-list-item{width: 23%;} .rightlist-list33{column-gap:calc( 4% / 2 );row-gap:40px;} .rightlist-list33 .rightlist-list-item{width: 32%;} .Allclass-list5{column-gap: 2.5%;row-gap: 40px;} .rightlist-list32 .rightlist-list-item-txt-list>*{padding-left: 0;} .rightlist-list32 .rightlist-list-item-txt-list>*::before{display: none;} .rightlist-list32 .list-item-customize .pod-icon{margin: 0;} .rightlist-list33 .rightlist-list-item-txt-list>*{padding-left: 0;} .rightlist-list33 .rightlist-list-item-txt-list>*::before{display: none;} .rightlist-list33 .list-item-customize .pod-icon{margin: 0;} .rightlist3 .Allclass-title>*{padding: 0;} .ContentBottom-customClass-bg{background:#F6F5F0;} .breadnav{display: flex;justify-content: space-between;align-items: center;} .breadnav-results{padding-right:32px;} .TopNotificationBar{background: #373C50;color: #fff;position: relative;} .TopNotificationBar-swper .swiper-slide{background: #373C50;} .TopNotificationBar-swper .swiper-slide .list-item{padding: 32px 0;text-align: center;line-height: 1.6;cursor:default;} .TopNotificationBar-swper .swiper-slide .list-item a{text-decoration: underline;} .TopNotificationBar-swper .swiper-slide .list-item a:hover{opacity: 0.9;} .TopNotificationBar-btn .pod-icon{position: absolute;top:30px;z-index: 1; width:28px; height:28px; background-color: var(--icon-color, #fff); } .TopNotificationBar-btn .pod-icon.lef{left:32px; mask: url('/images/icon/icon-19.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-19.svg') no-repeat center; } .TopNotificationBar-btn .pod-icon.rig{right: 32px; mask: url('/images/icon/icon-20.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-20.svg') no-repeat center; } .main-header-right-favorites{display:flex;align-items: center;background: #B6B3A6;border-radius: 8px;justify-content: center;padding: 0 24px 0 27px;cursor: pointer;} .main-header-right-favorites .pod-icons{margin-right: 14px;width: 25px;height:25px;background-color: var(--icon-color,#000);} .main-header-right-favorites-txt{color: #fff;} .main-header-right-favorites.hover{background: #EACE8A;} .main-header-right-favorites .pod-icon06{display: block;} .main-header-right-favorites .pod-icon07{display: none;} .main-header-right-favorites.hover .pod-icon06{display: none;} .main-header-right-favorites.hover .pod-icon07{display: block;} .main-header-right-favorites.hover .main-header-right-favorites-txt{color: #090909;} .search-main{padding:0 32px 0 0;} .search-main .Xbanner-list-item-img-img img{aspect-ratio:1/1;} .search-main .Xbanner-list-item-txt-tit{margin-top: 14px;margin-bottom: 0;} .search-fourIcon-bg{background: #C2C4CB;} .search-fourIcon{padding: 40px 32px;} .search-fourIcon-list{display: flex;justify-content: space-around;} .search-fourIcon-list-item{padding: 0 24px;max-width:calc( 25% - 48px);} .search-fourIcon-list-item-img .pod-icons{width: 60px;height: 60px;margin: auto;background-color: var(--icon-color, #000);} .search-fourIcon-list-item-txt{padding-top:24px;text-align: center;} .businesSignage-bg{background: #B6B3A6;} .businesSignage-bg2{background:#F6F5F0;} .questions-bg{background:#F6F5F0;} .productdetail-reviews2{padding: 60px 40px 40px;} .productdetail-reviews2-position{position: relative;border-bottom:2px solid #f5f5f5;padding-bottom: 40px;} .productdetail-reviews2-item{border-bottom:2px solid #f5f5f5;} .productdetail-reviews2-box{max-width:1100px;} .productdetail-reviews2-con{opacity: 0.7;} .productdetail-reviews2-subtit{padding-top: 40px;font-family: 'Poppins-Regular';} .productdetail-reviews2-con{padding-top: 12px;} .productdetail-reviews2-tit-btn{position: absolute;background: #EACE8A;padding: 24px;font-family: 'Poppins-Regular';color: #000;right: 0;top:0;cursor: pointer;border-radius: 8px;} .main-header{padding: 0 32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;} @media (max-width:1440px) { .navbar-nav-list-sub-nav-listLeft .navbar-nav-list-sub-nav-list{width: calc(25% - 5px);} } @media (max-width: 1560px){ .Allclass-main .questions-box{display: block;} .Allclass-main .questions-box .questions-tit{width: 100%;text-align: center;margin-bottom: 40px;} .Allclass-main .questions-box .questions-list{margin: auto;} } .footRows { background: #F6F5F0;padding-top: 40px;margin-top:40px; } .rating-container .filled-stars,.rating-container .star{cursor: inherit;} .Customize-fourIcon{padding: 160px 32px;} .Customize-fourIcon-tit{text-align: center;color: #000;font-size: 40px;margin-bottom: 90px;} .Customize-fourIcon-list{display: flex;justify-content: space-around;} .Customize-fourIcon-list-item{padding: 0 0;max-width:33%;} .Customize-fourIcon-list-item-img img{display: block;width: 62px;height: 62px;margin: auto;} .Customize-fourIcon-list-item-img .pod-icons{width: 62px;height: 62px;margin: auto;background-color: var(--icon-color, #000);} .Customize-fourIcon-list-item-tit{padding-top:12px;font-family: 'Poppins-Regular';text-align: center;} .Customize-fourIcon-list-item-txt{padding-top:12px;text-align: center;} /* 上传文件一面 */ .uploadfiletodesign-popup-box{position: fixed;top:50%;left: 0;width: 100%;height: 100%;z-index: 212;display: none;} .uploadfiletodesign-popup-div{background: #fff;border-radius: 16px;padding:40px;width:100%;transform: translateY(-50%);margin: 0 auto; position: relative;overflow: hidden;box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.16);overflow-y:auto;max-height: 96%; max-width: 880px;} .uploadfiletodesign-popup-div-tit{position: relative;} .uploadfiletodesign-popup-div-tit-txt{text-align: center;} .uploadfiletodesign-popup-div-tit-txt2{text-align: center;color: #000;padding-top: 20px;} .uploadfiletodesign-popup-div-tit-txt3{text-align: center;color: rgba(0,0,0,.5);padding-top: 14px;} .uploadfiletodesign-popup-div-tit-close{position: absolute;right:0;top:0;} .uploadfiletodesign-popup-div-tit-close .pod-icons{width: 40px;height: 40px;background: var(--icon-color ,#000);cursor: pointer;} .uploadfiletodesign-request-form-item{padding-top:40px;} .uploadfiletodesign-request-form-itemBtn{display: flex;gap: 24px;} .uploadfiletodesign-request-form-itemFlex{display: flex;gap:24px;} .uploadfiletodesign-request-form-itemFlex-item{width: 100%;max-width: 244px;margin:0 auto;} .uploadfiletodesign-label-btn-boxUp{border-radius: 8px;max-width:244px;width:100%;height: 244px;overflow: hidden;background: #F7F7F5;display: flex;flex-direction: column;align-items: center;cursor: pointer;margin:0 auto;} .uploadfiletodesign-label-btn-boxUp .pod-icons{width: 44px;height: 44px;background: var(--icon-color ,rgba(0,0,0,.5));margin: 80px auto 12px;} .uploadfiletodesign-label-btn-boxU-txt{color: #090909;font-size: 16px;line-height: 24px;text-align: center;} .submit-uploadfiletodesign-btn{width: 100%;display: flex;align-items: center;justify-content: center;padding-left: 0;padding-right: 0;background: #EACE8A;border-color: #EACE8A;} .submit-uploadfiletodesign-btn-bgBlack{background: #373C50;border-color: #373C50;color: #fff;} .submit-uploadfiletodesign-btn-bgyellow{background: #EACE8A;border-color: #EACE8A;color: #090909;} .submit-uploadfiletodesign-btn:focus{border-color:inherit;} .submit-uploadfiletodesign-btn .pod-icons{width:32px;height: 32px;margin-right: 12px;background: var(--icon-color ,#090909);} .submit-uploadfiletodesign-btn-txt{color: inherit;} .uploadfiletodesign-label-btn-boxImg{border-radius: 8px;width: 244px;height: 244px;background: #F7F7F5;overflow: hidden;position: relative;} .uploadfiletodesign-label-btn-boxImg img{display: block;width: 100%;height: auto;aspect-ratio:1/1;object-fit: cover;} .uploadfiletodesign-label-btn-boxImg-close{position: absolute;right:15px;top:15px;width:26px;height:26px;border-radius: 50%;border: 1px solid #000;cursor: pointer;overflow: hidden;} .uploadfiletodesign-label-btn-boxImg-close .pod-icons{width:24px;height: 24px;background: var(--icon-color,#000);} .uploadfiletodesign-request-form-itemFlex-item-txt{padding-top: 12px;color: #000;} .uploadfiletodesign-request-form-itemFlex-item-txt-size{padding-top: 12px;color: #000;} .uploadfiletodesign-request-form-itemFlex-item .uploadfiletodesign-label-btn-boxUp{display: flex;} .uploadfiletodesign-request-form-itemFlex-item .uploadfiletodesign-label-btn-boxImg{display: none;} .uploadfiletodesign-request-form-itemFlex-item .uploadfiletodesign-request-form-itemFlex-item-txt{display: none;} .uploadfiletodesign-request-form-itemFlex-item.hover .uploadfiletodesign-label-btn-boxUp{display: none;} .uploadfiletodesign-request-form-itemFlex-item.hover .uploadfiletodesign-label-btn-boxImg{display: flex;} .uploadfiletodesign-request-form-itemFlex-item.hover .uploadfiletodesign-request-form-itemFlex-item-txt{display: block;} /* .cart-detail-item-info{display: flex;justify-content: space-between;align-items: center;margin:9px 0 12px;} .cart-detail-item-info-quantity-box{display: flex;justify-content: center;align-items: center;align-content:center;border: 1px solid #D5D6D8;border-radius: 4px;padding: 3px 11px;} .cart-detail-item-info-quantity-box button{width: 10px;height: 10px;} .cart-detail-item-info-quantity-box button.cart-detail-item-info-quantity-minus{background-image: url(/images/icon/icon-21.svg);} .cart-detail-item-info-quantity-box button.cart-detail-item-info-quantity-plus{background-image: url(/images/icon/icon-22.svg);} .quantity{border: none;outline: none;width: 42px;height: 20px;line-height: 20px; text-align: center;margin: 0 2px;} */ .cart-detail-page-select-box{display: flex;align-items: center;column-gap: 12px;row-gap: 12px;flex-wrap: wrap;padding:24px 0 0;} .cart-detail-item-info-box .custom-page-select{margin-left: 0;} .cart-detail-item-info-box .page-select-trigger{height:40px;min-width: 160px;justify-content: space-between;border-color: #D5D6D8;} .cart-detail-item-info-box .page-select-dropdown{border-color: #D5D6D8;} .productNumber-change{padding-top:20px;} .productNumber-change-quantity{display: flex;align-items: center;} .productNumber-change-quantity-btn{width:32px;height: 32px;display: flex;cursor: pointer; align-items: center;justify-content: center;background: #F7F7F5;} .productNumber-change-quantity-btn-lef{border-radius: 2px 0px 0px 2px;} .productNumber-change-quantity-btn-rig{border-radius: 0px 2px 2px 0px;} .productNumber-change-quantity .pod-icons{width:20px;height:20px;background: var(--icon-color,#090909);} .productNumber-change-quantity-input{border: none;outline: none;width: 42px;text-align: center;margin: 0 2px;background: inherit;} .cart-change{padding-top:20px;} .cart-change-quantity{display: flex;align-items: center;} .cart-change-quantity-btn{width:40px;height: 40px;display: flex;cursor: pointer; align-items: center;justify-content: center;background: #F7F7F5;} .cart-change-quantity-btn-lef{border-radius: 2px 0px 0px 2px;} .cart-change-quantity-btn-rig{border-radius: 0px 2px 2px 0px;} .cart-change-quantity .pod-icons{width:20px;height:20px;background: var(--icon-color,#090909);} .cart-change-quantity-input{border: none;outline: none;width: 42px;text-align: center;margin: 0 2px;background: inherit;} .productAllcount-change{padding-left: 20px;} .productAllcount-change-quantity{display: flex;align-items: center;} .productAllcount-change-quantity-btn{width:40px;height: 40px;display: flex;cursor: pointer; align-items: center;justify-content: center;background: #F7F7F5;} .productAllcount-change-quantity-btn-lef{border-radius: 2px 0px 0px 2px;} .productAllcount-change-quantity-btn-rig{border-radius: 0px 2px 2px 0px;} .productAllcount-change-quantity .pod-icons{width:20px;height:20px;background: var(--icon-color,#090909);} .productAllcount-change-quantity-input{border: none;outline: none;width:50px;text-align: center;margin: 0 2px;background: inherit;} .productdetail-custom-page-select{margin-left: 0;display: block;margin-top: 12px;} .productdetail-custom-page-select .page-select-trigger{border-radius: 4px;padding: 4px 12px;justify-content: space-between;border-color: #D5D6D8;} .productdetail-custom-page-select .page-select-trigger .selected-page{width: 80%;} .productdetail-custom-page-select .page-select-dropdown{border-color: #D5D6D8;} .productdetail-right-con-SelectType6-tips{position:absolute;top: 11px;right: 11px;z-index: 20;} .productdetail-right-con-SelectType6-tips:hover{z-index: 9999;} .productdetail-right-con-SelectType6-tips:hover .productdetail-right-con-SelectType6-tips-con{display: block;} .productdetail-right-con-SelectType6-tips-tit{background: #fff;border-radius: 50%;width:24px;height:24px;display: flex;justify-content: center;align-items: center;} .productdetail-right-con-SelectType6-tips-tit .pod-icons{width:18px;height: 18px;background:var(--icon-color,#000);} .productdetail-right-con-SelectType7 .productdetail-right-con-Select-list-item2:nth-child(1n) .productdetail-right-con-SelectType6-tips-con1{right:calc(100% - 190px);} .productdetail-right-con-SelectType7 .productdetail-right-con-Select-list-item2:nth-child(2n) .productdetail-right-con-SelectType6-tips-con1{right:calc(100% - 190px);} .productdetail-right-con-SelectType7 .productdetail-right-con-Select-list-item2:nth-child(3n) .productdetail-right-con-SelectType6-tips-con1{right:calc(100% - 190px)x;} .productdetail-right-con-SelectType7 .productdetail-right-con-Select-list-item2:nth-child(4n) .productdetail-right-con-SelectType6-tips-con1{right:calc(100% - 50px);} .productdetail-right-con-SelectType6-tips-con{display: none;padding-top:34px;} .productdetail-right-con-SelectType6-tips-con1{position: absolute;top:34px;right:0;background: #fff;z-index:1;border-radius: 8px; padding: 30px;width: 360px;box-shadow: 0px 4px 8px 0px #F1F4F9;border: 1px solid #F1F4F9;cursor: default;} .productdetail-right-con-SelectType6-tips-con-btn{font-family: 'Poppins-Regular';cursor: pointer;display: block; color: #0A0C29;text-align: center;border: 1px solid #0A0C29;border-radius: 8px;width: 118px;height: 44px;line-height: 44px;margin:32px auto 0 ;} .productdetailAccessories-btn{display: flex;align-items: center;column-gap: 10px;justify-content: center;padding-top: 30px;} .productdetailAccessories-btn>div{width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;background: #F5F5F7;border-radius: 4px;overflow: hidden;cursor: pointer;} .productdetailAccessories-btn .pod-icons{width:20px;height: 20px;background: var(--icon-color,#6C6C6C);} .productdetailAccessories-btn>div:hover{background: #E8E8ED;} .productdetail-right-con-Planning-tit-tips{position: relative;} .productdetail-right-con-Planning-tit-tips:hover .productdetail-right-con-Planning-tit-tips-con{display: block;} .productdetail-right-con-Planning-tit-tips-tit{background: #fff;border-radius: 50%;width:28px;height:28px;display: flex;justify-content: center;align-items: center;} .productdetail-right-con-Planning-tit-tips-tit .pod-icons{width:24px;height: 24px;background:var(--icon-color,#000);} .productdetail-right-con-Planning-tit-tips-con{display: none;} .productdetail-right-con-Planning-tit-tips-con1{position: absolute;top:34px;right:calc( 100% - 200px);background: #fff;z-index:1;border-radius: 8px;padding: 30px;width: 360px;box-shadow: 0px 4px 8px 0px #F1F4F9;border: 1px solid #F1F4F9;} .productdetail-right-con-Planning-tit-tips-con-btn{font-family: 'Poppins-Regular';cursor: pointer;display: block; color: #0A0C29;text-align: center;border: 1px solid #0A0C29;border-radius: 8px;width: 118px;height: 44px;line-height: 44px;margin:32px auto 0 ;} .leftneav-list-item-list input[type='radio']{display: none;} .leftneav-list-item-list input[type='radio'] +label{cursor: pointer;display: block;padding: 9px 0;} .leftneav-list-item-list input[type='radio'] +label:hover{font-family: 'Poppins-Regular';} .leftneav-list-item-list input[type='radio']:checked + label{font-family: 'Poppins-Regular';} .filter-Show-More{padding:9px 0;cursor: pointer;} .filter-Show-More:hover{font-family: 'Poppins-Regular';} /* 产品详情选项卡 */ .productdetailTab-con-itemtype3 h3{ font-family:'Poppins-Regular';font-size: 26px;line-height: 36px;color: #090909; padding:20px 0; } .productdetailTab-con-itemtype3 h4{ font-family:'Poppins-Regular';font-size: 22px;line-height: 22px;color: #090909;padding:15px 0;margin:0; } .productdetailTab-con-itemtype3 .option-img-remark-list{ display: flex; flex-wrap: wrap; gap: 2%; row-gap:40px; } .productdetailTab-con-itemtype3 .option-img-remark-item{ width:23.5%; display: block; } .productdetailTab-con-itemtype3 .option-img-remark-item-img{ border-radius: 8px; overflow: hidden; } .productdetailTab-con-itemtype3 .option-img-remark-item-img img{ display: block; width: 100%; height: auto; border:0 } .productdetailTab-con-itemtype3 .option-img-remark-item-title{ padding-top: 20px; padding-bottom: 8px; font-family:'Poppins-Regular'; font-size: 20px; line-height: 32px; font-weight: normal; color: #090909; } .productdetailTab-con-itemtype3 .option-img-remark-item-content{ font-size: 16px; font-weight: normal; color: #090909; position: relative } .productdetailTab-con-itemtype3 .option-img-remark-item-content p{ line-height: 1.2; margin-bottom:12px; } .productdetailTab-con-itemtype3 .option-img-remark-content{ font-size: 16px; line-height: 1.2; font-weight: normal; color: #090909; position: relative; max-width:920px; } .productdetailTab-con-itemtype3 .option-img-remark-content p{ line-height: 1.6; margin-bottom:12px; } .productdetail-questions-list{max-width: 1150px;} .productdetailTab-con-itemtype5-list{max-width: 1150px;} .productdetailTab-con-itemtype4-left-txt2{line-height:2;} .cart-main-empty{max-width: 1280px;margin:50px auto;padding:30px;} .cart-main-empty-tit2{padding-top: 24px;} .cart-main-empty-link{padding-top: 40px;} .cart-main-empty-link a{width:296px;height: 48px;border: 1px solid rgba(0,0,0,.5);border-radius: 8px;display: flex;align-items: center;justify-content: space-between;padding-left: 32px;padding-right: 12px;} .cart-main-empty-link a span{font-family:'Poppins-Regular';} .cart-main-empty-link a .pod-icons{width: 24px;height: 24px;background: var(--icon-color,#090909);} .cart-main-empty-img img{display: block;max-width: 300px;height: auto;margin:120px auto 80px;} .cart-main-empty-img2{display: flex;justify-content: center;margin:80px 0 60px; align-items: center;column-gap: 50px;flex-wrap: wrap;row-gap: 24px;} .cart-main-empty-img2 img{max-width: 300px;height: auto;} .cart-main-empty-img2-txt{max-width: 480px;} .cart-main-empty-img2-txt-t1{font-size: 32px;} .cart-main-empty-img2-txt-t2{font-size: 16px;padding-top: 14px;} .myprojects-box{background: #F6F5F0;padding:40px 0;} .myprojects-box .leftneav3{padding-left:32px;} .myprojects-box .rightlist3{padding-right:32px;} .productsearch-tit{padding:40px 32px;} .productsearch-tit2{color: #000;font-family:'Poppins-Regular';} .productsearch-list{padding:0 32px 32px;display: flex;column-gap:calc( 8% / 6);row-gap:40px;flex-wrap: wrap;} .productsearch-list-item{width:calc( 92% / 7);} .productsearch-btn{display: flex;column-gap: 12px; row-gap: 12px;flex-wrap: wrap;justify-content: center;padding:20px 32px;} .productsearch-btn-item{font-family:'Poppins-Regular';font-size: 16px; padding: 10px 24px;border: 1px solid #0A0C29;border-radius: 8px;} .productdetail-right-con-SelectType8-tit{font-family:'Poppins-Regular'; line-height: 64px;border-top: 1px solid rgba(0,0,0,0.2);border-bottom: 1px solid rgba(0,0,0,0.2);} .productdetail-right-con-SelectType8-list1{} .productdetail-right-con-SelectType8-list1-item{display: flex;justify-content:space-between;align-items: center;height: 60px;padding: 0 4px;border-bottom: 1px solid rgba(0,0,0,0.2);} .productdetail-right-con-SelectType8-list1-item.active{background:#F6F5F0;} .productdetail-right-con-SelectType8-list1-item-lef{display: flex;align-items: center;column-gap: 24px; width: 80%;} .productdetail-right-con-SelectType8-list1-item-lef1{width: 120px;} .productdetail-right-con-SelectType8-list1-item-lef2{width: 350px;display: flex;align-items: center;column-gap: 24px;} .productdetail-right-con-SelectType8-list1-item-lef2-Preferred{background: #C4D1AF;margin-left: 24px; border-radius: 16px;height: 20px;padding: 0 12px;line-height: 20px;} .productdetail-right-con-SelectType8-list1-item-rig{color: #447E36;} .productdetail-right-con-SelectType8-tit2-box{display: flex;column-gap: 20px;flex-wrap: wrap; row-gap: 30px;} .productdetail-right-con-SelectType8-tit2-item{width: calc( 50% - 10px);} .productdetail-right-con-SelectType8-tit2-item.active .productdetail-right-con-SelectType8-tit2-tit{background: #F6F5F0;border: 1px solid #090909;} .productdetail-right-con-SelectType8-tit2-item.active .productdetail-right-con-SelectType8-list2-item.active{background: rgba(246,245,240,1);} .productdetail-right-con-SelectType8-tit2-tit{line-height: 64px;height: 64px;text-align: center; border: 1px solid #D5D6D8;border-radius: 4px;cursor: pointer;} .productdetail-right-con-SelectType8-tit2{margin-bottom: 20px;} .productdetail-right-con-SelectType8-tit2-tit.active,.productdetail-right-con-SelectType8-tit2-tit:hover{background: #F6F5F0;border: 1px solid #090909;} .productdetail-right-con-SelectType8-list2-item{display: flex;align-items: center;border-bottom: 1px solid rgba(0,0,0,0.2); justify-content: space-between;padding:16px 4px;line-height:18px;} .productdetail-right-con-SelectType8-list2-item:first-child{border-top: 1px solid rgba(0,0,0,0.2);} .productdetail-right-con-SelectType8-list2-item-lef{width:96px;} .productdetail-right-con-SelectType8-list2-item-mid{text-align: center;} .productdetail-right-con-SelectType8-list2-item-mid-txt{text-align: center;} .productdetail-right-con-SelectType8-list2-item-mid-Preferred{background: #C4D1AF;margin: auto; border-radius: 16px;height: 20px;padding: 0 12px;line-height: 20px;display: inline-block;} .productdetail-right-con-SelectType8-list2-item-rig{width: 80px;text-align: right;color: #447E36;} .pod-backtop{position: fixed;bottom:32px;right:32px;z-index: 9999;cursor:pointer;background: #fff;border-radius: 50%;border: 1px solid #D5D6D8;padding:8px;display: none;} .pod-backtop .pod-icons{width:32px;height: 32px;background: var(--icon-color,#000);} .early-planning2w2t{row-gap:4px;} .upload-page-box{margin: 20px 0 50px; width: 100%; display: flex; align-items: center;justify-content:center} .page-box{display: flex;justify-content: space-between;align-items:center;} .page-ul{display: flex;list-style: none; margin: 0;flex-wrap: wrap;} .page-ul *{font-family:'Poppins-Regular';} .page-item{width: 48px;height: 48px; display: flex; align-items: center; justify-content: center; border: 1px transparent solid;} .page-item.active{border: 1px rgba(0,0,0,.5) solid; border-radius: 8px;} .perpage{border:1px solid rgba(0,0,0,.5);height: 48px;--bs-form-select-bg-img:url('/images/icon/icon-25.svg'); background-color:inherit;font-family:'Poppins-Regular';color: inherit;} .form-select:focus{box-shadow: none;border-color:rgba(0,0,0,.5)} .itemtypeSizetableTable3 .itemtypeSizetableTableTA th:nth-child(2) {display: table-cell;} .itemtypeSizetableTable3 .itemtypeSizetableTableTA th:nth-child(3) {display: table-cell;} .itemtypeSizetableTable3 .itemtypeSizetableTableTA th:nth-child(4) {display: table-cell;} .itemtypeSizetableTable3 .itemtypeSizetableTableTA th:nth-child(5) {display: table-cell;} .itemtypeSizetableTable3 .itemtypeSizetableTableTA th:nth-child(6) {display: none;} .itemtypeSizetableTable3 .itemtypeSizetableTableTA th:nth-child(7) {display: none;} .itemtypeSizetableTable3 .itemtypeSizetableTableTA th:nth-child(8) {display: none;} .itemtypeSizetableTable3 .itemtypeSizetableTableTA th:nth-child(9) {display: none;} .itemtypeSizetableTable3 .itemtypeSizetableTableTB th:nth-child(2) {display: none;} .itemtypeSizetableTable3 .itemtypeSizetableTableTB th:nth-child(3) {display: none;} .itemtypeSizetableTable3 .itemtypeSizetableTableTB th:nth-child(4) {display: none;} .itemtypeSizetableTable3 .itemtypeSizetableTableTB th:nth-child(5) {display: none;} .itemtypeSizetableTable3 .itemtypeSizetableTableTB th:nth-child(6) {display: table-cell;} .itemtypeSizetableTable3 .itemtypeSizetableTableTB th:nth-child(7) {display: table-cell;} .itemtypeSizetableTable3 .itemtypeSizetableTableTB th:nth-child(8) {display: table-cell;} .itemtypeSizetableTable3 .itemtypeSizetableTableTB th:nth-child(9) {display: table-cell;} .itemtypeSizetableTable3 .itemtypeSizetableTableTA td:nth-child(2) {display: table-cell;} .itemtypeSizetableTable3 .itemtypeSizetableTableTA td:nth-child(3) {display: table-cell;} .itemtypeSizetableTable3 .itemtypeSizetableTableTA td:nth-child(4) {display: table-cell;} .itemtypeSizetableTable3 .itemtypeSizetableTableTA td:nth-child(5) {display: table-cell;} .itemtypeSizetableTable3 .itemtypeSizetableTableTA td:nth-child(6) {display: none;} .itemtypeSizetableTable3 .itemtypeSizetableTableTA td:nth-child(7) {display: none;} .itemtypeSizetableTable3 .itemtypeSizetableTableTA td:nth-child(8) {display: none;} .itemtypeSizetableTable3 .itemtypeSizetableTableTA td:nth-child(9) {display: none;} .itemtypeSizetableTable3 .itemtypeSizetableTableTB td:nth-child(2) {display: none;} .itemtypeSizetableTable3 .itemtypeSizetableTableTB td:nth-child(3) {display: none;} .itemtypeSizetableTable3 .itemtypeSizetableTableTB td:nth-child(4) {display: none;} .itemtypeSizetableTable3 .itemtypeSizetableTableTB td:nth-child(5) {display: none;} .itemtypeSizetableTable3 .itemtypeSizetableTableTB td:nth-child(6) {display: table-cell;} .itemtypeSizetableTable3 .itemtypeSizetableTableTB td:nth-child(7) {display: table-cell;} .itemtypeSizetableTable3 .itemtypeSizetableTableTB td:nth-child(8) {display: table-cell;} .itemtypeSizetableTable3 .itemtypeSizetableTableTB td:nth-child(9) {display: table-cell;} .itemtypeSizetableImgImg2 { width: 30%; margin: 0 auto; } .itemtypeSizetableImgImg2 img {display: block;width: 100%;height: auto;border-radius: 12px;overflow: hidden;} .productdetail-right-con-Select-custom-label{width: 100%;} .productdetail-right-con-Select-customType1 .productdetail-right-con-Select-custom-item{width:100%;} .productdetail-right-con-Select-customType2 .productdetail-right-con-Select-custom-item{width:100%;} .productdetail-right-con-Select-custom{row-gap: 24px;column-gap:12px;} /*20260110新增样式*/ .productdetailTab-con-itemtype4-right-btn { justify-content: left; } .productdetailTab-con-itemtype4-right-btn a{ width: auto; padding: 12px 20px; box-sizing: border-box; } a.productdetailTab-con-itemtype4-right-btn1:hover { color:#fff; } /*一级分类页，新增加的“分类为什么选择我们”样式 开始*/ .Allclass-main .whychooseus-category { padding: 120px 32px 0; } .Allclass-main .whychooseus-category-box { max-width: 1560px; display: block; margin: 0 auto; padding: 0; } .Allclass-main .whychooseus-category-box .whychooseus-category-title { padding: 0; margin: 0; width: 100%; text-align: center; margin-bottom: 40px; text-transform: capitalize; line-height: 48px; } .Allclass-main .whychooseus-category-box .whychooseus-category-list { width: 100%; padding-left: 16px; margin: 0 auto; } .Allclass-main .whychooseus-category-box .whychooseus-category-list li { line-height: 25px; text-align: justify; margin: 0px 0px 5px; } @media (max-width: 1560px) { .Allclass-main .whychooseus-category-box .whychooseus-category-list { max-width: 1200px; } } @media (max-width: 768px) { .Allclass-main .whychooseus-category { padding: 60px 24px; } } @media (max-width: 1024px) { .Allclass-main .whychooseus-category { padding: 100px 24px; } } /*新增加的“分类为什么选择我们”样式 结束*/ /*产品详情页，调整H1,H2,H3,H4样式*/ .productdetailTab-con-itemtype1 .productdetailTab-con-itemtype1-right h2, .productdetailTab-con-itemtype3 h2, .productdetailTab-con-itemtype2-tit, .productdetailTab-con-itemtype5 h2, .productdetailTab-con-itemtype7 h2, .itemtypeSizetableTit h2 { font-size: 26px; } .productdetailTab-con-itemtype3 h2 { padding-bottom: 16px; } .productdetailTab-con-itemtype1 .productdetailTab-con-itemtype1-right h3, .productdetailTab-con-itemtype3 h3, .productdetailTab-con-itemtype5 h3, .productdetailTab-con-itemtype7 h3, .itemtypeSizetableTableTit1 h3 { font-size: 22px; } .productdetailTab-con-itemtype3 .option-img-remark-item-title { font-size: 20px; } .productdetailTab-con-itemtype1 .productdetailTab-con-itemtype1-right h4, .productdetailTab-con-itemtype3 h4, .productdetailTab-con-itemtype5 h4, .productdetailTab-con-itemtype7 h4 { font-size: 22px; } .reviews-title { display: inline-block; font-size: 40px; font-family: 'MyFont-Light'; } /*产品详情页，新增加样式 结束*/ .productdetailTab-con-itemtype3 ol li { list-style: decimal; } /*内页分类*/ .page-categories-title, .page-common-title { font-size: 32px; line-height: 1.2 } /*二级分类页面*/ .Allclass2-bannerBox-con-tit-2 { font-size: 22px; color: #090909; margin-bottom: 10px; font-family: 'MyFont-Light'; } /*产品详情页-帽子的图片*/ .itemtypeSizetableImgImg2 { width: 48%; margin: -30px auto; } /*产品详情页-帽子图片结束*/ /* 20260312 面包屑调整 */ .breadnav { padding: 18px 0; } .breadnav-box { flex-wrap: wrap; height: auto } /* 20260312 面包屑调整结束 */ /*20260312新增*/ .productdetailTab-con-itemtype4-right { width: 34%; } .productdetailTab-con-itemtype4-right-btn { justify-content: left; } .productdetailTab-con-itemtype4-right-btn button, .productdetailTab-con-itemtype4-right-btn a { width: auto; padding: 12px 20px; } .productdetailTab-con-itemtype4-right-downloadSvg-tit { margin: 50px 0 20px; font-family: 'Poppins-Regular'; border-top: 1px solid #B5B5B5; padding-top: 32px; } .productdetailTab-con-itemtype4-right-downloadSvg-btn a { display: block; width: 90px; margin-top: 20px; } .productdetailTab-con-itemtype4-right-downloadSvg-btn a img { display: block; border-radius: 6px; } .productdetailTab-con-itemtype4-right-downloadSvg-btn a span { text-decoration: underline; display: block; text-align: center; padding: 6px 0; } /* 放大镜容器需要定位 */ .productdetail-left-img-img { position: relative; overflow: hidden; cursor: zoom-in; } /* 镜片 */ .pod-magnifier-lens { position: absolute; width: 180px; height: 180px; border-radius: 50%; border: 2px solid rgba(0,0,0,.2); box-shadow: 0 8px 22px rgba(0,0,0,.18); pointer-events: none; opacity: 0; transform: translate(-50%, -50%); transition: opacity .12s ease; background-repeat: no-repeat; background-color: #fff; } /* hover 时显示 */ .productdetail-left-img-img:hover .pod-magnifier-lens { opacity: 1; } .aboutusbox { padding: 24px 12px; } .aboutusbox p { line-height: 1.6; color: #090909; font-size: 16px; } .aboutusbox h2 { font-family: 'Poppins-Regular'; color: #090909; padding: 20px 0 12px; font-size: 22px; } .productdetailTab-con-itemtype5-list table{width: auto !important;} .productdetailTab-con-itemtype5-list th:first-child{width: 200px !important;} .productdetailTab-con-itemtype5-list td:first-child{width: 200px !important;} .productdetail-right-con-SelectType7 .productdetail-right-con-Select-list-item2:nth-child(n+9){display: none;} .productdetail-right-con-SelectType7.productdetail-right-con-SelectType7-Addmore .productdetail-right-con-Select-list-item2:nth-child(n+9){display:block;} .productdetail-right-con-SelectType7-more{display: flex;align-items: center;justify-content: center;margin-top: 12px;cursor: pointer;} .productdetail-right-con-SelectType7-more.productdetail-right-con-SelectType7-moreNone{display: none;} .itemtypeSizetableTable4 .itemtypeSizetableTableTA th:nth-child(2) { display: table-cell; } .itemtypeSizetableTable4 .itemtypeSizetableTableTA th:nth-child(3) { display: table-cell; } .itemtypeSizetableTable4 .itemtypeSizetableTableTA th:nth-child(4) { display: table-cell; } .itemtypeSizetableTable4 .itemtypeSizetableTableTA th:nth-child(5) { display: table-cell; } .itemtypeSizetableTable4 .itemtypeSizetableTableTA th:nth-child(6) { display: table-cell; } .itemtypeSizetableTable4 .itemtypeSizetableTableTA th:nth-child(7) { display: none; } .itemtypeSizetableTable4 .itemtypeSizetableTableTA th:nth-child(8) { display: none; } .itemtypeSizetableTable4 .itemtypeSizetableTableTA th:nth-child(9) { display: none; } .itemtypeSizetableTable4 .itemtypeSizetableTableTA th:nth-child(10) { display: none; } .itemtypeSizetableTable4 .itemtypeSizetableTableTA th:nth-child(11) { display: none; } .itemtypeSizetableTable4 .itemtypeSizetableTableTB th:nth-child(2) { display: none; } .itemtypeSizetableTable4 .itemtypeSizetableTableTB th:nth-child(3) { display: none; } .itemtypeSizetableTable4 .itemtypeSizetableTableTB th:nth-child(4) { display: none; } .itemtypeSizetableTable4 .itemtypeSizetableTableTB th:nth-child(5) { display: none; } .itemtypeSizetableTable4 .itemtypeSizetableTableTB th:nth-child(6) { display: none; } .itemtypeSizetableTable4 .itemtypeSizetableTableTB th:nth-child(7) { display: table-cell; } .itemtypeSizetableTable4 .itemtypeSizetableTableTB th:nth-child(8) { display: table-cell; } .itemtypeSizetableTable4 .itemtypeSizetableTableTB th:nth-child(9) { display: table-cell; } .itemtypeSizetableTable4 .itemtypeSizetableTableTB th:nth-child(10) { display: table-cell; } .itemtypeSizetableTable4 .itemtypeSizetableTableTB th:nth-child(11) { display: table-cell; } .itemtypeSizetableTable4 .itemtypeSizetableTableTA td:nth-child(2) { display: table-cell; } .itemtypeSizetableTable4 .itemtypeSizetableTableTA td:nth-child(3) { display: table-cell; } .itemtypeSizetableTable4 .itemtypeSizetableTableTA td:nth-child(4) { display: table-cell; } .itemtypeSizetableTable4 .itemtypeSizetableTableTA td:nth-child(5) { display: table-cell; } .itemtypeSizetableTable4 .itemtypeSizetableTableTA td:nth-child(6) { display: table-cell; } .itemtypeSizetableTable4 .itemtypeSizetableTableTA td:nth-child(7) { display: none; } .itemtypeSizetableTable4 .itemtypeSizetableTableTA td:nth-child(8) { display: none; } .itemtypeSizetableTable4 .itemtypeSizetableTableTA td:nth-child(9) { display: none; } .itemtypeSizetableTable4 .itemtypeSizetableTableTA td:nth-child(10) { display: none; } .itemtypeSizetableTable4 .itemtypeSizetableTableTA td:nth-child(11) { display: none; } .itemtypeSizetableTable4 .itemtypeSizetableTableTB td:nth-child(2) { display: none; } .itemtypeSizetableTable4 .itemtypeSizetableTableTB td:nth-child(3) { display: none; } .itemtypeSizetableTable4 .itemtypeSizetableTableTB td:nth-child(4) { display: none; } .itemtypeSizetableTable4 .itemtypeSizetableTableTB td:nth-child(5) { display: none; } .itemtypeSizetableTable4 .itemtypeSizetableTableTB td:nth-child(6) { display: none; } .itemtypeSizetableTable4 .itemtypeSizetableTableTB td:nth-child(7) { display: table-cell; } .itemtypeSizetableTable4 .itemtypeSizetableTableTB td:nth-child(8) { display: table-cell; } .itemtypeSizetableTable4 .itemtypeSizetableTableTB td:nth-child(9) { display: table-cell; } .itemtypeSizetableTable4 .itemtypeSizetableTableTB td:nth-child(10) { display: table-cell; } .itemtypeSizetableTable4 .itemtypeSizetableTableTB td:nth-child(11) { display: table-cell; } .itemtypeSizetableTable4 td:nth-child(n+2), .itemtypeSizetableTable4 th:nth-child(n+2) { min-width: 100px; } .footerbottom-left .pod-iconT { mask: url('/images/icon/icon-133.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-133.svg') no-repeat center; } .footerbottom-left .pod-iconPIN { mask: url('/images/icon/icon-132.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-132.svg') no-repeat center; } .footerbottom-left .pod-iconIN { mask: url('/images/icon/icon-134.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-134.svg') no-repeat center; } .productdetailTab-con-itemtype1 a, .productdetailTab-con-itemtype5 a, .productdetailTab-con-itemtype7 a, .productdetailTab-con-item .questions .questions-list a { color: #447E36; text-decoration: underline; font-style: italic; } .productdetailTab-con-itemtype1 a:hover, .productdetailTab-con-itemtype5 a:hover, .productdetailTab-con-itemtype7 a:hover, .productdetailTab-con-item .questions .questions-list a:hover { color: #212529; text-decoration: underline; font-style: italic; } .content-lead { width: 70%; } .apparel-fabric-describe-container { width: 60%; } /*20260417 补充*/ .producthasbeendiscontinued{padding:12px 0;} .Allclass-list-btn{z-index: 1;} .Allclass-swper-categoriesproductList{padding-bottom: 70px;} .productdetailTab-con-itemtype1{column-gap:86px;} .productdetail-right-con-btn-btn-ddd{background: #ddd;padding:16px 0;display: flex;align-items: center;justify-content: center;} .productdetail-right-con-btn-btn-ddd:hover{cursor: not-allowed;} .productdetail-right-con-btn-btn-ddd .pod-icons{width: 28px;height: 28px;background: var(--icon-color,#000);} .productdetail-right-con-btn-btn-ddd span{margin-left:20px;} .productdetail-right-con-SelectType3 .productdetail-right-con-Select-list-item{padding-top: 2px;line-height: 1.2 !important;} .productdetail-right-con-Select-list-item span{color: #999;font-size: 14px;display: inline-block;margin-left:8px;} .productdetail-right-con-SelectTypeLI{column-gap: 1.333%;} .productdetail-right-con-SelectTypeLI .productdetail-right-con-Select-list-item{width: 24%;height:60px;overflow: hidden; display: flex;align-items: center;justify-content: center;row-gap: 0;flex-direction: column;} .productdetail-right-con-SelectTypeLI .productdetail-right-con-Select-list-item.active{background: transparent;} .productdetail-right-con-SelectTypeLI .productdetail-right-con-Select-list-item:hover{background: transparent;} .productdetail-right-con-SelectTypeLI .productdetail-right-con-Select-list-item span{width: 100%;text-align: center;padding-top:20px; color: #090909;font-size: 16px;transition: padding 0.2s;margin-left: 0;line-height: 1.2;padding-bottom: 4px;} .productdetail-right-con-SelectTypeLI .productdetail-right-con-Select-list-item span.active, .productdetail-right-con-SelectTypeLI .productdetail-right-con-Select-list-item.active span{padding-top:4px;font-size: 14px;color:#999;line-height: 1;} .productdetail-right-con-SelectTypeLI .productdetail-right-con-Select-list-item input{color: #090909;font-size: 16px; border: none;outline: none;background: transparent;text-align: center;height:20px;cursor: pointer;width:90%;line-height: 1;} .productdetail-right-con-SelectTypeLI .productdetail-right-con-Select-list-item span.active{padding-top: 8px;} .productdetail-right-con-SelectTypeLI .productdetail-right-con-Select-list-item.active input{cursor: auto;height: 20px;} .productdetail-right-con-SelectTypeLI .productdetail-right-con-Select-list-item-custombtn span{padding-top: 0;} .productdetail-right-con-Select-customTypeLI .productdetail-right-con-Select-custom-item{height:60px;overflow: hidden; display: flex;align-items: center;justify-content: center;row-gap: 0;flex-direction: column;} .productdetail-right-con-Select-customTypeLI .productdetail-right-con-Select-custom-item.active{background: transparent;} .productdetail-right-con-Select-customTypeLI .productdetail-right-con-Select-custom-item:hover{background: transparent;} .productdetail-right-con-Select-customTypeLI .productdetail-right-con-Select-custom-item span{width: 100%;text-align: center;padding-top:20px; color: #090909;font-size: 16px;transition: padding 0.2s;margin-left: 0;line-height: 1.2;padding-bottom: 4px;padding-left: 0;} .productdetail-right-con-Select-customTypeLI .productdetail-right-con-Select-custom-item span.active, .productdetail-right-con-Select-customTypeLI .productdetail-right-con-Select-custom-item.active span{padding-top:4px;font-size: 14px;color:#999;line-height: 1;} .productdetail-right-con-Select-customTypeLI .productdetail-right-con-Select-custom-item input{color: #090909;font-size: 16px; border: none;outline: none;background: transparent;text-align: center;height:20px;cursor: pointer;width:90%;line-height: 1;} .productdetail-right-con-Select-customTypeLI .productdetail-right-con-Select-custom-item span.active{padding-top: 8px;} .productdetail-right-con-Select-customTypeLI .productdetail-right-con-Select-custom-item.active input{cursor: auto;height: 20px;} .productdetail-right-con-Select-customTypeLI .productdetail-right-con-Select-custom-item-custombtn span{padding-top: 0;} .productdetail-needquantity{display: flex;width: 100%; align-items: center;column-gap:20px;margin-top:24px;margin-bottom:0px;justify-content: center;} .productdetail-needquantity-txt{color: #000;font-size: 16px;} .productdetail-needquantity-btn{display: flex;align-items: center;cursor: pointer;} .productdetail-needquantity-btn .pod-icons{width: 24px;height: 24px;background: var(--icon-color,#000);} .productdetail-needquantity-btn-txt{color: #000;font-size: 16px;text-decoration: underline;margin-left: 4px;} .productdetail-letusdesign{display: flex;align-items: center;justify-content: center;column-gap:32px;margin-top:24px;margin-bottom: 24px;padding:24px 0;background: #F7F7F5;} .productdetail-letusdesign-left img{display: block;height:68px;width: auto;} .productdetail-letusdesign-mid{max-width: 300px;} .productdetail-letusdesign-mid-tit{font-size: 16px;color: #000;line-height: 24px;} .productdetail-letusdesign-mid-subtit{font-size: 14px;color: #000;line-height: 20px;} .productdetail-letusdesign-right .pod-icons{width: 24px;height: 24px;background: var(--icon-color,#000);} /* blog */ .blog-main-bg{background: #F6F5F0;} .blog-main{max-width:1280px;margin: auto;} .blog-banner img{display: block;width: 100%;height: auto;max-height: 440px;object-fit: cover;} .blog-linklist{display: flex;align-items: center;justify-content: center;column-gap: 12px;row-gap: 12px;flex-wrap: wrap;padding:60px 40px;} .blog-linklist a{border: 1px solid #000;border-radius: 40px;color: #090909;font-size: 18px;padding:18px 24px;} .blog-linklist a:hover{color: #fff;background: #000;} .blog-linkitemlist{display: flex;flex-wrap: wrap;row-gap:56px;padding-bottom:80px;} .blog-linkitemlist-item{width: 100%;padding-bottom: 24px;} .blog-linkitemlist-item-tit{display: flex;justify-content: space-between;column-gap: 24px;flex-wrap: wrap;align-items: flex-start;margin-bottom:40px;} .blog-linkitemlist-item-tit2{justify-content: center;} .blog-linkitemlist-item-tit-subtxt{display: block;font-size: 16px;color: #000;margin-top:24px;margin-bottom:40px;} .blog-linkitemlist-item-tit>a{border: 1px solid #000;border-radius: 8px;display: flex;justify-content: center;padding: 12px 16px;align-items: center;column-gap: 12px;} .blog-linkitemlist-item-tit>a .pod-icons-box{border-radius: 50%;border: 1px solid #000;padding:2px;} .blog-linkitemlist-item-tit>a .pod-icons-box .pod-icons{width:12px;height: 12px;background: var(--icon-color, #000);} .blog-linkitemlist-item-tit-txt{color: #090909;font-size: 56px;line-height: 1;} .blog-linkitemlist-item-list{display: flex;column-gap:2%;row-gap:26px;flex-wrap: wrap;} .blog-linkitemlist-item-list2{display: flex;column-gap:2%;row-gap:26px;flex-wrap: wrap;} .blog-linkitemlist-item-list2 .blog-linkitemlist-item-list-item{width:49%;padding-bottom: 24px;} .blog-linkitemlist-item-list3{display: flex;column-gap:2%;row-gap:26px;flex-wrap: wrap;} .blog-linkitemlist-item-list3 .blog-linkitemlist-item-list-item{width:49%;padding-bottom: 24px;} .blog-linkitemlist-item-list-item{width: 32%;padding-bottom: 24px;} .blog-linkitemlist-item-list-item-img{display: block;overflow: hidden;border-radius: 12px;} .blog-linkitemlist-item-list-item-img img{display: block;width: 100%;aspect-ratio: 410 / 310;object-fit: cover;height: auto;} .blog-linkitemlist-item-list-item-img svg{display: block;width: 100%;aspect-ratio: 410 / 310;object-fit: cover;height: auto;} .blog-linkitemlist-item-list2 .blog-linkitemlist-item-list-item-img img{aspect-ratio: 620 / 420;} .blog-linkitemlist-item-list2 .blog-linkitemlist-item-list-item-img svg{aspect-ratio: 620 / 420;} .blog-linkitemlist-item-list3 .blog-linkitemlist-item-list-item-img img{aspect-ratio: 620 / 420;} .blog-linkitemlist-item-list3 .blog-linkitemlist-item-list-item-img svg{aspect-ratio: 620 / 420;} .blog-linkitemlist-item-list-item-time{display: block;font-size: 14px;color: #090909;margin-top: 28px;margin-bottom: 20px;} .blog-linkitemlist-item-list-item-tit{display: block;font-size: 18px;color: #090909;margin-top:20px;line-height: 28px;font-weight: 700;margin-bottom: 12px;} .blog-linkitemlist-item-list-item-subtit{display: block;font-size: 14px;color: #090909;border-top: 1px solid #D5D6D8;margin-top: 12px;padding-top: 12px;margin-bottom: 32px;} .blog-linkitemlist-item-list-item-readmore{margin-top:16px;} .blog-linkitemlist-item-list-item-readmore a{display: flex;align-items: center;} .blog-linkitemlist-item-list-item-readmore .pod-icons-box{border-radius: 50%;padding:5px;background: #EACE8A;margin-right: 14px;} .blog-linkitemlist-item-list-item-readmore .pod-icons-box .pod-icons{width:12px;height: 12px;background: var(--icon-color, #000);} .blog-linkitemlist-item-list-item-readmore a span{color: #090909;font-size: 14px;line-height: 1;} .blog-linkitemlist-item-list3 .blog-linkitemlist-item-list-item-readmore a{background:#0A0C29;width: 160px;height: 44px;justify-content: center;border-radius: 8px;} .blog-linkitemlist-item-list3 .blog-linkitemlist-item-list-item-readmore a .pod-icons-box{border-radius: 0;padding: 0;background: none;} .blog-linkitemlist-item-list3 .blog-linkitemlist-item-list-item-readmore .pod-icons-box .pod-icons{width:24px;height: 24px;background: var(--icon-color, #fff);} .blog-linkitemlist-item-list3 .blog-linkitemlist-item-list-item-readmore a span{color: #fff;} .blog-linkitemlist-item-bgbox{background: #E0E9E9;border-radius: 16px;padding: 24px 24px 30px;} .blog-linkitemlist-item-bgbox-tit{font-size:28px;color: #000;margin-bottom:24px;} .blog-linkitemlist-item-bgbox-subtit{font-size: 18px;color: #000;line-height: 1.5;margin-bottom:24px;} .blog-linkitemlist-item-bgbox-btn{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;row-gap: 16px;column-gap: 16px;} .blog-linkitemlist-item-bgbox-btn1{background: #090909;border-radius: 40px;border: 1px solid #090909;font-size: 18px;color: #fff;line-height: 1;padding:16px 30px;} .blog-linkitemlist-item-share{color: #000;font-size: 14px;text-transform: uppercase;padding: 40px 0 12px;} .blog-linkitemlist-item-sharelist{display: flex;justify-content: center;align-items: center;column-gap: 12px;row-gap: 12px;} .a2a_default_style:not(.a2a_flex_style) a{padding: 0 12px 0 0 !important;} .blog-content{padding: 40px 0;} .blog-content-back{display: flex;} .blog-content-back-btn{display: flex;align-items: center;} .blog-content-back-btn .pod-icons{margin-right: 10px;width: 18px;height: 18px;background: var(--icon-color,#000);} .blog-content-back-btn span{font-family:'Poppins-Regular';} .blog-linkitemlist-item-con{border-bottom:1px solid #D5D6D8;padding-bottom: 24px;} .blog-linkitemlist-item-con-img{display: block;overflow: hidden;border-radius: 12px;} .blog-linkitemlist-item-con-img img{display: block;width: 100%;} .blog-linkitemlist-item-con-con{padding: 40px 0;display: flex;justify-content: space-between;column-gap: 80px;position: relative;} .blog-linkitemlist-item-con-con-left{width:26.5625%;position: sticky;top: 0;height:300px;} .blog-linkitemlist-item-con-con-left-txt{font-size: 20px;color: #090909;line-height: 36px;} .blog-linkitemlist-item-con-con-left-txt2{border-top: 1px solid #090909;margin-top: 16px;padding-top: 16px;color: #090909;font-size: 16px;line-height: 24px;} .blog-linkitemlist-item-con-con-right{width:67.1875%;} .blog-linkitemlist-item-con-con-right-con h3{font-size: 28px;line-height: 48px;color: #090909;} .blog-linkitemlist-item-con-con-right-con p{color: #090909;font-size: 16px;line-height: 24px;margin:14px 0;} .blog-linkitemlist-item-con-con-right-con a{color: #447E36;text-decoration: underline;font-style: italic;} .blog-linkitemlist-item-con-con-right-con-type1{display: flex;column-gap:2%;row-gap: 16px;flex-wrap: wrap;} .blog-linkitemlist-item-con-con-right-con-type1-item{width: 49%;} .blog-linkitemlist-item-con-con-right-con-type1-item-img{display: block;overflow: hidden;border-radius: 12px;} .blog-linkitemlist-item-con-con-right-con-type1-item-img img{display: block;width: 100%;height: auto;object-fit: cover;} .blog-linkitemlist-item-con-con-right-con-type1-item-txt{color: #090909;font-size: 16px;line-height: 24px;margin-top: 14px;padding: 0 12px;} .blog-linkitemlist-item-con-con-right-con-type1-item-txt a{text-decoration: underline;color: #090909;} .blog-linkitemlist-item-con-con-right-con-type2{position: relative;padding-left:32px;margin: 32px 0;} .blog-linkitemlist-item-con-con-right-con-type2:before{content: "";position: absolute;left: 0;top: 0;width:8px;height: 100%;background:#ACB3C9;border-radius: 10px;} .blog-linkitemlist-item-con-con-right-con-type2-tit{color: #090909;font-size: 28px;line-height: 36px;} .blog-linkitemlist-item-con-con-right-con-type2-subtit{font-size: 16px;color: #090909;line-height: 24px;margin-top: 24px;font-style: italic;} .blog-linkitemlist-item-con-con-right-con-type3{margin: 32px 0;} .blog-linkitemlist-item-con-con-right-con-type3-img{display: block;overflow: hidden;border-radius: 12px;} .blog-linkitemlist-item-con-con-right-con-type3-img img{display: block;width: 100%;height: auto;object-fit: cover;} .blog-linkitemlist-item-con-con-right-con-type3-txt{margin: 14px 0;color: #090909;font-size: 16px;line-height: 24px;} /* help */ .help-main-bg{background: #F6F5F0;} .help-main{max-width:1280px;margin: auto;} .help-top-bg{background:#C4D1AF;} .help-top-con{padding:90px 24px;} .help-top-con-tit{text-align: center;font-size: 42px;line-height: 48px;color: #090909;} .help-top-con-input{background: #fff;border-radius:8px;padding: 24px;display: flex;align-items: center;position: relative;max-width: 500px;margin:25px auto;} .help-top-con-input input{border:none;outline:none;width:96%;padding:0;line-height: 1.6;color: #090909;font-size:16px;} .help-top-con-input .pod-icons{width:20px;height: 20px;background: var(--icon-color,#000);} .help-top-con-txt{font-size: 16px;line-height: 24px;color: #000;text-align: center;} .help-top-con-txt a{text-decoration: underline;} .help-linkitemlist{display: flex;flex-wrap: wrap;row-gap:20px;padding-bottom:40px;} .contact-us-item-tit{display: flex;justify-content: space-between;align-items: flex-start;} .contact-us-item-icon .pod-icons{width:54px;height:54px;background: var(--icon-color,#000);} .contact-us-tips.contact-us-email-tips{max-width: 240px;} .contact-us-item-subtitle{display: flex;align-items: center;} .contact-us-item-subtitle1{width: 14px;height: 14px;background: #30F700;border-radius: 50%;margin-right: 11px;} .contact-us-item-subtitle2{font-size: 16px;color: #090909;line-height: 24px;} .contact-us-phone .contact-us-item-subtitle2{font-size: 18px;} .contact-us-phone .contact-us-item-subtitle{margin-bottom: 20px;} .contact-us-chat .contact-us-item-tit-box{margin-bottom: 20px;} .contact-us-chat .contact-us-item-title{margin-bottom:4px;} .contact-us-phone .contact-us-btn{color: #090909;background: transparent;border: none;padding: 0;} .blog-mainA .help-center-list{padding:0 0 20px;} .blog-mainA .faqlist-content-rig{margin-top: -20px;} .blog-mainB.faqlist-content{display: block;} .blog-mainB .faqlist-content-lef{width: 100%;margin-bottom: 60px;} .blog-mainB .faqlist-content-rig{width: 100%;} .blog-mainC .faq-content-box{column-gap:80px;row-gap: 40px;flex-wrap: wrap;padding-bottom: 40px;position: relative;} .blog-mainC .faq-content-box-left{width:calc(100% - 420px);} .blog-mainC .blog-linkitemlist-item-sharelist{padding-bottom: 80px;} .blog-mainC .right-related-list-box{width:340px;max-height:580px;} .results-left-con-tit{color: #090909;margin-bottom: 12px;font-weight:500;} .results-left-con-subtit{font-size: 18px;color: #000;margin: 12px 0;font-weight: 500;} .results-left-con-input{border: 1px solid #090909;display: flex;column-gap: 24px;margin: 30px 0 12px; align-items:center;justify-content: space-between;border-radius: 8px;padding:12px 20px;} .results-left-con-input input{border: none;outline: none;color: #090909;font-size: 14px;width:100%;background: transparent;} .results-left-con-input .pod-icons{width: 18px;height: 18px;background: var(--icon-color,#000);cursor: pointer;} .results-left-con-help{color: #000;font-size: 14px;margin: 12px 0 60px;} .results-left-results{color: #000;font-size:32px;margin:60px 0 12px;} .right-related-list-box{position: sticky;top:24px;} .results-left-list{margin:24px 0 24px;} .results-left-list-item{margin-bottom: 40px;} .results-left-list-item-tit{color: #090909;font-size: 18px;line-height: 28px;display: block;margin: 12px 0;} .results-left-list-item-subtit{font-size: 14px;color: #090909;line-height: 20px;display: block;margin: 12px 0;} .results-left-list-item-btn{margin-top:26px;} .results-left-list-item-btn a{display: flex;align-items: center;} .results-left-list-item-btn .pod-icons-box{border-radius: 50%;padding:5px;background: #EACE8A;margin-right: 14px;} .results-left-list-item-btn .pod-icons-box .pod-icons{width:12px;height: 12px;background: var(--icon-color, #000);} .results-left-list-item-btn a span{color: #090909;font-size: 14px;line-height: 1;} .results-right-list{margin: 24px 0;display: flex;flex-wrap: wrap;row-gap:12px;column-gap: 12px;} .results-right-list-item{border: 1px solid #000;border-radius: 8px;font-size: 16px;color: #090909;line-height: 24px;padding: 12px;} .help-results-bg{background: #C4D1AF;padding:80px 0;} .cart-detail-item-img-box{width: 100%;max-width: 300px;} /* 单页 */ .onepage-main-bg{background: #F6F5F0;padding-bottom: 1px;} .onepage-top-bg{background: #E0E9E9;} .onepage-main{max-width:1280px;margin: auto;} .onepage-top-con{padding: 124px 24px;} .onepage-top-con-tit{font-size:80px;line-height:100px;color: #373C50;text-align: center;} .onepage-top-con-txt{color: #373C50;font-size: 32px;line-height: 1;text-align: center;margin-top: 20px;} .onepage-top-con2-txt{color: #373C50;font-size: 32px;line-height: 1;text-align: center;margin-bottom: 20px;} .onepage-top-con3-txt{color: #373C50;font-size:16px;line-height: 1.8;text-align: center;margin-top: 20px;} .onepage-con-tit{font-size:52px;line-height:60px;color: #090909;text-align: center;margin:80px 0 24px;} .onepage-con-list{display: flex;flex-wrap: wrap;column-gap:0.5%;row-gap: 54px;padding: 60px 0;} .onepage-con-list-item{width: 33%;} .onepage-con-list-item-img .pod-icons{width:96px;height: 96px;background: #040000;margin: auto;} .onepage-con-list-item-tit{text-align: center;margin-top: 12px;margin-bottom: 12px;color: #090909;font-size: 20px;line-height: 36px;} .onepage-con-list-item-subtit{text-align: center;margin-top: 12px;margin-bottom: 12px;color: #090909;font-size: 16px;line-height: 24px;} .onepage-con2{padding-top: 60px;padding-bottom:60px;background: #E0E9E9;margin-bottom: 80px;border-radius:8px;} .onepage-con2-tit{color: #373C50;font-size: 32px;line-height:48px;text-align: center;margin-bottom: 12px;} .onepage-con2-txt{color: #373C50;font-size: 20px;line-height:40px;text-align: center;margin-top: 12px;} .onepage-con3{margin-top:60px;margin-bottom: 80px;display: flex;justify-content: space-between;column-gap:40px;} .onepage-con3-left{width:calc(50% - 20px);} .onepage-con3-left img{display: block;width: 100%;height: auto;margin-bottom:24px;} .onepage-con3-right{width:calc(50% - 20px);} .onepage-con3-right p{font-size: 16px;line-height:1.6;color: #090909;margin-bottom:12px;} .onepage-con3-right .font20{font-size: 20px;} .onepage-con4{margin-top:60px;margin-bottom: 80px;display: flex;justify-content: space-between;column-gap:40px;} .onepage-con4-con{width:calc(50% - 20px);} .onepage-con4-con p{font-size: 16px;line-height:1.6;color: #090909;margin-bottom:12px;} .onepage-con4-con .font20{font-size: 20px;} .onepage-con4-con li{margin-bottom:10px;line-height: 1.2;} .onepage-con4-con a{text-decoration: underline;} .onepage-con5-con-img{margin: 60px 0;} .onepage-con5-con-img img{display: block;max-width: 780px;width: 100%;height: auto;margin: auto;} .onepage-con5-con-txt{margin: 60px 0;text-align: center;color: #373C50;font-size: 16px;line-height:2.6;} .onepage-con5-con-help{margin: 60px 0;} .onepage-con5-con-help-tit{text-align: center;font-size: 20px;line-height: 36px;color: #090909;margin: 12px 0;} .onepage-con5-con-help-con{color: #090909;font-size: 16px;line-height: 1.5;text-align: center;max-width: 620px;margin: auto;} .onepage-con5-con-help-con p{margin-bottom: 20px;} .onepage-con5-con-help-con a{text-decoration: underline;} /*分类与修改*/ .rightlist-list-item-txt-list{padding: 0;} .rightlist-list-item-txt-tit{border-bottom: none;padding-bottom: 10px;} .rightlist-list-item-txt-list>*{margin-bottom: 4px;} .rightlist-list32 .list-item-customize{background: transparent;border: 1px solid #000;width: 32px;height: 32px;margin-top:8px;} .rightlist-list33 .list-item-customize{background: transparent;border: 1px solid #000;width: 32px;height: 32px;margin-top:8px;} .web-header-logo-right-list-item5 .pod-icon{ width: 20px;height:20px; background-color: var(--icon-color, #000); mask: url('/images/icon/icon-18.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-18.svg') no-repeat center; } .web-header-logo-right-list-item6 .pod-icon { width: 20px; height: 20px; background-color: var(--icon-color, #000); mask: url('/images/icon/icon-00.svg') no-repeat center; -webkit-mask: url('/images/icon/icon-00.svg') no-repeat center; } .footer-right { justify-content: flex-end; } .pod-backtop {bottom: 92px; right:20px} /*20260428新增：设计页面*/ /* design */ .design-main-bg{background: #F6F5F0;padding-bottom: 1px;} .design-top-bg{background: #EACE8A;} .design-main{max-width:1512px;margin: auto;} .design-top-con{display: flex;justify-content: space-between;align-items: center;padding:60px 0;column-gap: 24px;} .design-top-con-left{max-width: 650px;} .design-top-con-left-tit{font-size:48px;line-height:1.2;color: #090909;margin-bottom:40px;} .design-top-con-left-txt{font-size: 16px;line-height: 24px;color: #373C50;margin-bottom:40px;margin-top: 40px;} .design-top-con-left-btn{margin-top:40px;display: flex;flex-wrap:wrap;column-gap: 12px;row-gap: 12px;} .design-top-con-left-btn a{padding: 10px 24px;font-size: 16px;line-height: 1.5;color: #fff;background: #0A0C29;border-radius:8px;border: 1px solid #0A0C29;} .design-top-con-right{max-width:768px;width: 100%;margin: 24px 0;} .design-top-con-right-img{width: 100%;height: auto;overflow: hidden;border-radius:16px;} .design-top-con-right-img img{width: 100%;height: auto;display: block;} .design-con-top{margin: 60px 0;} .design-con-top-tit{margin-bottom: 40px;color: #373C50;font-size: 32px;line-height: 1.4;} .design-con-top-list{display: flex;flex-wrap: wrap;column-gap:calc( 4% / 3 );row-gap: 24px;} .design-con-top-list-item{width: 24%;} .design-con-top-list-item-select{position: relative;} .design-con-top-list-item-select-label{position: absolute;top:15px;left:20px;z-index: 1;} .design-con-top-list-item-select-select{width: 100%;height:72px;text-align: left;padding-left:20px; -webkit-appearance: none; /* 针对Webkit浏览器（如Chrome、Safari） */ -moz-appearance: none; /* 针对Firefox */ appearance: none; /* 标准属性 */ background-image: url('/images/icon-down.png'); /* 自定义图标路径 */ background-repeat: no-repeat; background-position:calc(100% - 20px) center; /* 将图标放在右侧中间 */ padding-right:60px;border-radius:8px;border: 1px solid #D5D6D8; } .design-con-top-list-item-select-select:focus{border-color: #0A0C29;} .design-con-top-list-item-select-select option{line-height: 40px;height: 40px;} .design-con-list{display: flex;flex-wrap: wrap;column-gap:calc( 4% / 3 );row-gap:40px;margin:60px 0;} .design-con-list-item{width: 24%;border-radius: 8px;overflow: hidden;} .headerhelp{position: relative;} .headerhelp-a{ display: flex;justify-content:center;align-items: center;padding:0 20px; line-height:48px;text-align: left;font-style: normal;text-transform: none;border-radius: 48px;} .headerhelp:hover .headerhelp-tips{display: block;} .headerhelp img{margin-right:8px;width: 21px;height: 21px;} .headerhelp-tips{display: none; position: absolute;cursor:default;top: 40px;right:20px;width:400px; background: #FFFFFF;box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1); border-radius: 8px;padding:20px;z-index:10;} .web-header-line{border-bottom: 1px solid #D5D6D8;} .design-main2{max-width: 1080px;margin: auto;} .design-top2{padding: 80px 0 0;} .design-top2-line{max-width: 520px;border-radius:16px;background:#D8DBE2;overflow: hidden;} .design-top2-line span{display: block;background:#090909;height: 14px;border-radius: 16px;} .design-topA1 .design-top2-line span{width: 25%;} .design-topA2 .design-top2-line span{width: 50%;} .design-topA3 .design-top2-line span{width: 75%;} .design-topA4 .design-top2-line span{width: 100%;} .design-top2-txt{display: flex;align-items: center;column-gap: 14px;row-gap: 12px;margin-top: 12px;} .design-top2-txt1{font-size: 18px;line-height: 28px;color: #000;} .design-top2-txt2{display: flex;align-items: center;column-gap: 8px;} .design-top2-txt2 span{width: 12px;height: 12px;border-radius: 50%;} .design-topA1 .design-top2-txt2 span:nth-child(1){background: #D9D9D9;} .design-topA2 .design-top2-txt2 span:nth-child(1){background: #090909;} .design-topA2 .design-top2-txt2 span:nth-child(2){background: #D9D9D9;} .design-topA3 .design-top2-txt2 span:nth-child(1){background: #090909;} .design-topA3 .design-top2-txt2 span:nth-child(2){background: #090909;} .design-topA3 .design-top2-txt2 span:nth-child(3){background: #D9D9D9;} .design-topA4 .design-top2-txt2 span:nth-child(1){background: #090909;} .design-topA4 .design-top2-txt2 span:nth-child(2){background: #090909;} .design-topA4 .design-top2-txt2 span:nth-child(3){background: #090909;} .design-topA4 .design-top2-txt2 span:nth-child(4){background: #D9D9D9;} .design-topA5{display: none;} .design-con2{display: flex;justify-content: space-between;column-gap:80px;margin: 24px auto;margin-bottom: 132px;} .design-con2-left{max-width: 680px;width: 100%;} .design-con2-left-tit{font-size: 42px;line-height: 1.2;color: #090909;margin-bottom:12px;} .design-con2-left-subtit{font-size: 16px;line-height: 1.2;color: #000;margin: 12px 0;} .design-con2-left-con1{border:1px solid #999999;border-radius: 12px;padding: 20px;column-gap: 24px; margin: 30px 0 0;display: flex;justify-content: space-between;} .design-con2-left-con1-left-tit{font-size: 24px;color: #000;} .design-con2-left-con1-left ul{margin-top: 12px;margin-bottom: 0;} .design-con2-left-con1-left ul li{margin-top: 8px;color: #000;font-size: 16px;} .design-con2-left-con1-right{color: #000;font-size: 24px;} .design-con2-left-con2{font-size: 14px;color: #000;margin: 12px 0;display: flex;flex-wrap: wrap;column-gap:16px;padding:0 6px;} .design-con2-left-con3{margin: 32px 0;} .design-con2-left-con3-tit{color: #000;font-size: 18px;line-height:1.5;margin: 12px 0;} .design-con2-left-con3-input{border: 1px solid #999;border-radius: 12px;padding: 20px;width: 100%;background: transparent;color: #090909;font-size: 16px;} .design-con2-left-con4{margin: 32px 0;} .design-con2-left-con4-list{display: flex;flex-wrap: wrap;column-gap:12px;row-gap: 12px;margin: 12px 0;} .design-con2-left-con4-list-item{width: 234px;border: 1px solid #999999;border-radius: 12px;overflow: hidden; cursor: pointer;padding:20px 20px 20px 20px;position: relative;} .design-con2-left-con4-list-item label{cursor: pointer;} .design-con2-left-con4-list-item-gou{position: absolute;right:10px;top:10px;background: #000;border-radius: 50%;display: none;cursor: pointer;} .design-con2-left-con4-list-item-gou .pod-icons{width: 22px;height: 22px;background: var(--icon-color, #fff);cursor: pointer;} .design-con2-left-con4-list-item.active .design-con2-left-con4-list-item-gou{display: block;cursor: pointer;} .design-con2-left-con4-list-item.active{border-color: #0A0C29;} .design-con2-left-con4-list-item-tit{display: flex;align-items: center;column-gap: 10px;font-size: 18px;color: #090909;line-height: 1;cursor: pointer;} .design-con2-left-con4-list-item-tit span{width: 14px;height: 14px;border-radius: 50px;cursor: pointer;} .design-con2-left-con4-list-item-tit span.color-blue{background: #0E63F2;} .design-con2-left-con4-list-item-tit span.color-yellow{background: #FFD67B;} .design-con2-left-con4-list-item-subtit{margin-top: 8px;font-size: 14px;line-height: 1.6;cursor: pointer;} .design-con2-right{max-width:320px;width: 100%;} .design-con2-right-tit{font-size: 42px;line-height: 1.2;color: #000;margin-bottom:24px;} .design-con2-right-list-item{display: flex;margin: 24px 0;column-gap: 14px;} .design-con2-right-list-item-left{width: 20px;height: 20px;border-radius: 50%;color: #fff;background: #090909;text-align: center;line-height: 20px;font-size: 14px;margin-top:2px;} .design-con2-right-list-item-right-tit{color: #000;font-size: 18px;line-height: 1.3;} .design-con2-right-list-item-right-subtit{color: #000;font-size: 16px;line-height: 1.5;} .design-bottom-box{position: fixed;bottom: 0;left: 0;width: 100%;border-top: 1px solid #D5D6D8;background: #F6F5F0;} .design-bottom{display: flex;align-items: center;justify-content: space-between;padding:32px 40px;column-gap: 24px;} .design-bottom-left-btn{display: flex;align-items: center;column-gap: 8px;} .design-bottom-left-btn .pod-icons{width: 16px;height: 16px;background: var(--icon-color,#6C6C6C);} .design-bottom-left-btn{color: #090909;font-size: 18px;cursor: pointer;} .design-bottom-right{display: flex;align-items: center;column-gap: 30px;} .design-bottom-right-txt{display: flex;align-items: center;column-gap: 12px;} .design-bottom-right-txt .pod-icons{width: 22px;height: 22px;background: var(--icon-color,#000);} .design-bottom-right-txt-txt{color: #000;font-size: 16px;line-height: 1.5;} .design-bottom-right-txt2 a{text-decoration: underline;color: #000;font-size: 16px;line-height: 1.5;} .design-bottom-right-price{color: #000;font-size:20px;line-height: 1.2;} .design-bottom-right-btn-btn{background: #0A0C29;color: #fff;cursor: pointer;text-align: center;border-radius: 8px;padding:12px 28px;font-size: 18px;} .design-bottomA1 .design-bottom-right-btn2{display: none;} .design-bottomA2 .design-bottom-right-btn2{display: none;} .design-bottomA3 .design-bottom-right-btn2{display: none;} .design-bottomA4 .design-bottom-right-btn2{display: none;} .design-bottomA5 .design-bottom-right-btn{display: none;} .design-topA2,.design-topA3,.design-topA4{width: 100%;max-width: 780px;} .design-con3{width: 100%;max-width: 780px;margin-bottom: 130px;padding-top: 24px;} .design-con4{width: 100%;max-width:680px;margin-bottom: 130px;padding-top:80px;} .design-con3-tit{font-size:42px;line-height: 1.2;color: #090909;margin-bottom: 12px;} .design-con3-subtit{font-size: 16px;line-height: 1;color: #000;margin-bottom:30px;} .design-con3-bottom{font-size: 16px;line-height: 1;color: #000;margin:32px 0 60px;padding-bottom: 32px;} .design-con2-left-con4-list2{display: flex;column-gap:2%;row-gap: 24px;} .design-con2-left-con4-list2 .design-con2-left-con4-list-item{background: #fff;width: 32%;cursor: pointer;;padding: 0;border:2px solid #F6F5F0;border-radius: 8px;} .design-con2-left-con4-list-item-img img{display: block;width: 100%;height:auto;aspect-ratio:252 / 190;object-fit: cover;cursor: pointer;margin: auto;} .design-con2-left-con4-list2 .design-con2-left-con4-list-item.active{border:2px solid #090909;} .design-con2-left-con4-list-item-tit-box{padding: 20px;height: 160px;overflow: hidden;cursor: pointer;} .design-con2-left-con4-list-item-tit2{font-size: 18px;color: #000;line-height: 1.5;margin-bottom: 10px;} .design-con2-left-con4-list-item-subtit2{font-size: 14px;line-height: 1.5;color: #000;} .design-con2-left-con4-list-item-img2{border-top-left-radius:6px;border-top-right-radius:6px;overflow: hidden;margin-bottom: 20px;} .design-con2-left-con4-list-item-img2 img{width: 100%;display: block;} .design-bottomA2 .design-bottom-right-txt1, .design-bottomA3 .design-bottom-right-txt1, .design-bottomA4 .design-bottom-right-txt1, .design-bottomA5 .design-bottom-right-txt1, .design-bottomA1 .design-bottom-right-txt2, .design-bottomA3 .design-bottom-right-txt2, .design-bottomA4 .design-bottom-right-txt2, .design-bottomA5 .design-bottom-right-txt2, .design-bottomA1 .design-bottom-right-txt3, .design-bottomA2 .design-bottom-right-txt3, .design-bottomA4 .design-bottom-right-txt3, .design-bottomA5 .design-bottom-right-txt3, .design-bottomA1 .design-bottom-right-txt4, .design-bottomA2 .design-bottom-right-txt4, .design-bottomA3 .design-bottom-right-txt4, .design-bottomA5 .design-bottom-right-txt4, .design-bottomA1 .design-bottom-right-txt5, .design-bottomA2 .design-bottom-right-txt5, .design-bottomA3 .design-bottom-right-txt5, .design-bottomA4 .design-bottom-right-txt5{display: none;} .design-con3-input{overflow: hidden;border-radius:8px;border: 1px solid #999;} .design-con3-input textarea{display: block;background: transparent;border:none;padding:20px 24px;width: 100%;height:146px;resize: none;color: #090909;font-size: 14px;} .design-con3-ul{margin:16px 0;line-height: 1.6;color: #000;} .design-con3-txt1{margin: 40px 0 0;color: #000;font-size: 16px;line-height: 1.5;} .design-con3-txt2{color: #090909;font-size: 14px;line-height: 1.5;} .design-con3 .ticket-browse-files-box{border-color: #999;} .design-con3 .ticket-form-item{margin-top: 12px;} .design-con2-left-con1-check{display: flex;align-items: center;column-gap: 12px;margin: 16px 0 0;} .design-con2-left-con1-check .form-check-input{width: 22px;height: 22px;margin: 0;border-radius: 50%;box-shadow: none;border-color: #000;} .design-con2-left-con1-check .form-check-input:checked{background-color: #000;border-color: #000;} .design-con2-left-con1-check .form-check-input:disabled{opacity: 1;} .design-con2-left-con1-left-tit2{font-size: 18px;} .design-con2-left-con1-left-imglist{margin: 20px 0 0;} .design-con2-left-con1-left-imglist-item{display: flex;align-items: center;column-gap: 12px;} .design-con2-left-con1-left-imglist-item-img{width: 136px;} .design-con2-left-con1-left-imglist-item-img img{display: block;width: 100%;height: auto;object-fit: cover;border-radius: 8px;overflow: hidden;} .design-con2-left-con1-left-imglist-item-text{width: calc( 100% - 148px);} .design-con2-left-con1-left-imglist-item-text-tit{font-size: 16px;line-height: 1.5;color: #000;margin: 12px 0;} .design-con2-left-con1-left-imglist-item-text-subtit{font-size: 14px;line-height: 1.5;color: #000;margin: 12px 0;} .design-con2-left-con4-list-item2{background: #fff;margin: 20px 0 0;border:none;padding: 14px;} .design-con2-left-con1-left-subtit{font-size: 14px;line-height: 1.5;color: #090909;margin: 12px 0 0;} .design-con2-left-con1 .preview-tickets-img-item{margin-top:12px;} .design-con2-left-con1 .preview-tickets-img-item a{font-size: 14px;color: #000;} /* 购物车 */ .cart-detail-page-input-list{display: flex;flex-wrap: wrap;column-gap:calc(4% /3);row-gap: 12px;margin: 20px 0;} .cart-detail-page-input-list-item{width: 24%;} .cart-detail-page-input-list-item-tit{font-size: 14px;color: #999;line-height: 1.5;} .cart-detail-page-input-list-item-input{width: 100%;border: 1px solid #D5D6D8;padding:0 10px;height: 40px;line-height: 40px;border-radius: 4px;} /* 20260505 */ .navbar-nav-list-sub-nav-listRight .navbar-nav-list-sub-nav-list{justify-content: normal;} .Allclass-list-btnViewAll{top: 50%;transform: translateY(-50%);position: absolute;right:30px;display: flex;margin: 0;padding: 0;} .Allclass-list-btnViewAll a{border: 1px solid #000;border-radius: 8px;display: flex;justify-content: center;padding: 12px 16px;align-items: center;column-gap: 12px;} .Allclass-list-btnViewAll a .pod-icons-box{border-radius: 50%;border: 1px solid #000;padding:2px;} .Allclass-list-btnViewAll a .pod-icons-box .pod-icons{width:12px;height: 12px;background: var(--icon-color, #000);} h1.bannertitle{ font-size: 16px; font-weight: normal; font-family: 'MyFont-Light'; line-height: 28px; } .chaowenben h1{ font-size:32px } .productdetailTab-con-itemtype5-list td, .productdetailTab-con-itemtype5-list tr, .productdetailTab-con-itemtype5-list th{height: auto !important;} .blog-linkitemlist-item-con-con-right-con ol{list-style-type: decimal;} .blog-linkitemlist-item-con-con-right-con ul{list-style-type: disc;} .blog-linkitemlist-item-con-con-right-con ol li{list-style-type: inherit;} .blog-linkitemlist-item-con-con-right-con ul li{list-style-type: inherit;} .blog-linkitemlist-item-list-item-tit { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 56px; } /* 20260518 */ .blog-linkitemlist-item-tit-txt{font-size: 40px;} /* 20260521 */ .footRows{padding-top: 0;} .Allclass-title p{max-width: 1170px;margin: auto;} /* 20260526 */ .blog-linkitemlist-item-tit-txt{font-size: 36px;} .blog-linkitemlist-item-con-con-right-con ul, .blog-linkitemlist-item-con-con-right-con ol{margin-top: 14px;} .blog-linkitemlist-item-con-con-right-con h2{font-size: 24px;line-height: 1.5;color: #090909;max-width: 740px;margin-bottom: 12px;} .blog-linkitemlist-item-con-con-right-con h3, .blog-linkitemlist-item-con-con-right-con h4{font-size: 20px;line-height:1.5;color: #090909;max-width: 740px;margin-bottom: 12px;} .blog-linkitemlist-item-con-con-right-con table{margin: 14px 0;} .blog-linkitemlist-item-con-con-right-con p{margin:0 0 12px 0;line-height: 1.5;} .right-related-list-li{border-top: 1px solid rgba(0,0,0,0.5) !important;} .popular-questions-list-li{height:80px;} .help-link span{display: -webkit-box; -webkit-line-clamp: 2; /* 限制行数为2 */ -webkit-box-orient: vertical; overflow: hidden;width: calc(100% - 40px) !important;} .popular-questions-list{margin: 28px -10px;} .blog-linkitemlist-item-list-item-subtit{border-top:none !important;padding-top:0;margin-bottom: 20px;} .blog-linkitemlist-item-list-item-tit{font-weight:normal;padding-right:60px;} .blogdetail-main-bg{background: #fff;} .help-linkitemlist-item-con{border-bottom: none;} .blog-linkitemlist-item-con-con-right-con-tabletype1, .blog-linkitemlist-item-con-con-right-con-tabletype2, .blog-linkitemlist-item-con-con-right-con-tabletype3, .blog-linkitemlist-item-con-con-right-con-tabletype4{margin: 12px 0;} .blog-linkitemlist-item-con-con-right-con-tabletype1 .tabletype1-item{display: flex;column-gap:20px;row-gap: 20px;border-bottom: 1px solid rgba(0,0,0,0.1);} .blog-linkitemlist-item-con-con-right-con-tabletype1 .tabletype1-item:nth-child(1){border-bottom: 1px solid rgba(0,0,0,0.5);} .blog-linkitemlist-item-con-con-right-con-tabletype1 .tabletype1-item p{flex: 1;width: 100%;margin:10px 0;} .blog-linkitemlist-item-con-con-right-con-tabletype1 .tabletype1-item>p:nth-child(1){flex: 0.5;} .blog-linkitemlist-item-con-con-right-con-tabletype1 .tabletype1-item:nth-child(1) >p{padding: 10px 0;font-size: 16px;line-height: 1.5;color: #000;margin-bottom:10px;margin-top: 0;} .blog-linkitemlist-item-con-con-right-con-tabletype1 .tabletype1-item:nth-child(n+2)>p{font-size: 16px;color: #000;line-height: 1.5;} .blog-linkitemlist-item-con-con-right-con-tabletype2 .tabletype1-item{display: flex;column-gap: 40px;row-gap: 20px;} .blog-linkitemlist-item-con-con-right-con-tabletype2 .tabletype1-item p{max-width: 220px;width: 100%;margin:10px 0;} .blog-linkitemlist-item-con-con-right-con-tabletype2 .tabletype1-item:nth-child(1) >p{border-bottom: 1px solid rgba(0,0,0,0.5);padding: 10px 0;font-size: 18px;line-height: 1.5;color: #000;margin-bottom:10px;margin-top: 0;} .blog-linkitemlist-item-con-con-right-con-tabletype2 .tabletype1-item:nth-child(n+2)>p{font-size: 16px;color: #000;line-height: 1.5;} .blog-linkitemlist-item-con-con-right-con-tabletype2 .tabletype1-item:nth-child(1) >p:nth-child(3){border-bottom: 1px solid rgba(0,0,0,0);} .blog-linkitemlist-item-con-con-right-con-tabletype3 .tabletype1-item{display: flex;flex-wrap: wrap;row-gap: 20px;justify-content: space-between;} .blog-linkitemlist-item-con-con-right-con-tabletype3 .tabletype1-item p{width:48%;margin:10px 0;} .blog-linkitemlist-item-con-con-right-con-tabletype3 .tabletype1-item:nth-child(1) >p{border-bottom: 1px solid rgba(0,0,0,0.5);padding: 10px 0;font-size: 18px;line-height: 1.5;color: #000;margin-bottom:10px;margin-top: 0;} .blog-linkitemlist-item-con-con-right-con-tabletype3 .tabletype1-item:nth-child(n+2)>p{font-size: 16px;color: #000;line-height: 1.5;} .blog-linkitemlist-item-con-con-right-con-tabletype3.tabletype3-1 .tabletype1-item:nth-child(n+2)>p{border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding-bottom: 10px;margin:10px 0 0;} .blog-linkitemlist-item-con-con-right-con-tabletype4 .tabletype1-item{display: flex;flex-wrap: wrap;row-gap: 20px;justify-content: space-between;} .blog-linkitemlist-item-con-con-right-con-tabletype4 .tabletype1-item p{width: 100%;margin:10px 0;font-size: 16px;color: #000;line-height: 1.5;} .blog-linkitemlist-item-con-con-right-con-tabletype4 .tabletype1-item>p:nth-child(1) {width:180px;} .blog-linkitemlist-item-con-con-right-con-tabletype4 .tabletype1-item>p:nth-child(2) {width:calc(100% - 220px);} .blog-linkitemlist-item-con-con-right-con-type2-tit{font-size: 24px;} .blog-linkitemlist-item-con-con-right-con-addresstype{padding:24px 40px;border-radius: 16px;background: #EACE8A;margin: 40px 0;} .blog-linkitemlist-item-con-con-right-con-addresstype.addresstype1{background: #334648;} .blog-linkitemlist-item-con-con-right-con-addresstype.addresstype2{background: #C4D1AF;} .blog-linkitemlist-item-con-con-right-con-addresstype.addresstype3{background: #ACB3C9;} .blog-linkitemlist-item-con-con-right-con-addresstype.addresstype4{background: #E0E9E9;} .blog-linkitemlist-item-con-con-right-con-addresstype .addresstype-tit{font-size: 28px;line-height: 36px;margin-bottom: 14px;} .blog-linkitemlist-item-con-con-right-con-addresstype p{font-size: 16px;line-height: 1.5;color: #090909;margin-bottom: 0;} .blog-linkitemlist-item-con-con-right-con-addresstype .addresstype-btn{margin-top:24px;display: flex;flex-wrap: wrap;} .blog-linkitemlist-item-con-con-right-con-addresstype .addresstype-btn a{display:block;border-radius: 8px;background: #0A0C29;padding: 13px 20px;text-decoration: none;font-style: normal;font-size: 16px;line-height:1.5;color: #fff;white-space: nowrap;} .blog-linkitemlist-item-con-con-right-con-addresstype .addresstype-btn a:hover{color:#fff;text-decoration: none;} .blog-linkitemlist-item-con-con-right-con-addresstype.addresstype1 .addresstype-tit, .blog-linkitemlist-item-con-con-right-con-addresstype.addresstype1 p{color: #fff;} .blog-linkitemlist-item-con-con-right-con-addresstype2{display: flex;justify-content: space-between;column-gap: 30px;align-items: center;row-gap:12px;} .blog-linkitemlist-item-con-con-right-con-addresstype2 .addresstype2-box{width: 100%;} .blog-linkitemlist-item-con-con-right-con-addresstype2 .addresstype-btn{margin-top: 0;} .blog-linkitemlist-item-con-con-right-con-tipsstype{padding:24px 40px;border-radius:16px;background: #F7F4ED;display: flex;align-items: center;column-gap: 24px;margin: 40px 0;} .blog-linkitemlist-item-con-con-right-con-tipsstype.tipsstype1{background: #EACE8A;} .blog-linkitemlist-item-con-con-right-con-tipsstype.tipsstype2{background: #334648;} .blog-linkitemlist-item-con-con-right-con-tipsstype.tipsstype3{background: #C4D1AF;} .blog-linkitemlist-item-con-con-right-con-tipsstype.tipsstype4{background: #ACB3C9;} .blog-linkitemlist-item-con-con-right-con-tipsstype.tipsstype5{background: #E0E9E9;} .blog-linkitemlist-item-con-con-right-con-tipsstype .tipsstype-tit{font-size: 28px;color: #090909;} .blog-linkitemlist-item-con-con-right-con-tipsstype .tipsstype-tit2{flex:0 0 84px;} .blog-linkitemlist-item-con-con-right-con-tipsstype .tipsstype-tit3{flex:0 0 70px;} .blog-linkitemlist-item-con-con-right-con-tipsstype.tipsstype2 .tipsstype-tit, .blog-linkitemlist-item-con-con-right-con-tipsstype.tipsstype2 .tipsstype-con p{color: #fff;} .blog-linkitemlist-item-con-con-right-con-tipsstype.tipsstype2 .tipsstype-con a{color:#fff;} .blog-linkitemlist-item-con-con-right-con-tipsstype .tipsstype-con{font-size: 16px;line-height: 1.5;color: #090909;} .blog-linkitemlist-item-con-con-right-con-tipsstype .tipsstype-con2{flex: 1;} .blog-linkitemlist-item-con-con-right-con-tipsstype .tipsstype-con3{flex: 1;} .blog-linkitemlist-item-con-con-right-con-tipsstype .tipsstype-con p{margin-bottom: 0;} .blog-linkitemlist-item-con-con-right-con-tipsstype .tipsstype-con p a{font-style: normal;} .blog-linkitemlist-item-con-con-right-con-tipsstype .tipsstype-con p a:hover{text-decoration: underline;} .blog-linkitemlist-item-con-con-right-con-tipsstype .tipsstype-btn{margin-top:24px;display: flex;flex-wrap: wrap;} .blog-linkitemlist-item-con-con-right-con-tipsstype .tipsstype-btn a{display:block;border-radius: 8px;background: #0A0C29;padding: 13px 20px;text-decoration: none;font-style: normal;font-size: 16px;line-height:1.5;color: #fff;white-space: nowrap;} .blog-linkitemlist-item-con-con-right-con-tipsstype .tipsstype-btn a:hover{color:#fff;text-decoration: none;} .blog-linkitemlist-item-con-con-right-con a{font-style: normal;text-decoration: none;} .blog-linkitemlist-item-con-con-right-con a:hover{text-decoration: underline;} .blog-linkitemlist-item-con-con-right-con-type2-box{padding:16px 16px 16px 0;background: #F7F7F5;margin: 32px 0;} .blog-linkitemlist-item-con-con-right-con-type2{margin: 0;} .blog-linkitemlist-item-con-con-right-con-type4{position: relative;padding-left:32px;} .blog-linkitemlist-item-con-con-right-con-type4:before{content: "";position: absolute;left: 0;top: 0;width:8px;height: 100%;background:#C4D1AF;border-radius: 10px;} .blog-linkitemlist-item-con-con-right-con-type4-tit{margin-bottom: 12px;color: #090909;font-size: 20px;line-height: 1.5;} .blog-linkitemlist-item-con-con-right-con-type4 ul{margin: 0;} .blog-linkitemlist-item-con-con-right-con-type4 li{line-height: 2;} .blog-linkitemlist-item-con-con-right-con-type4 li a{font-style: normal;text-decoration: none;color: #090909;line-height:1.5;} .blog-linkitemlist-item-con-con-right-con-type4 li a:hover{text-decoration:underline;color: #447E36;} .blog-linkitemlist-item-con-con-right-con-type4-box{padding:20px 20px 20px 0;background: #F7F7F5;margin: 32px 0;} @media (max-width: 1440px){ .blog-linkitemlist-item-con-con-right-con-tabletype1 .tabletype1-item, .blog-linkitemlist-item-con-con-right-con-tabletype2 .tabletype1-item{column-gap: 32px;} } @media (max-width: 1200px){ .blog-linkitemlist-item-con-con-right-con-tabletype1 .tabletype1-item, .blog-linkitemlist-item-con-con-right-con-tabletype2 .tabletype1-item{column-gap: 28px;} .blog-linkitemlist-item-con-con-right-con-addresstype{padding:24px 32px;} .blog-linkitemlist-item-con-con-right-con-tipsstype{padding: 24px 32px;margin: 32px 0;} .blog-linkitemlist-item-con-con-right-con-addresstype2{flex-wrap: wrap;} } @media (max-width: 768px){ .blog-linkitemlist-item-con-con-right-con-tabletype1 .tabletype1-item, .blog-linkitemlist-item-con-con-right-con-tabletype2 .tabletype1-item{column-gap: 24px;} .blog-linkitemlist-item-con-con-right-con-addresstype{padding: 16px 24px;} .blog-linkitemlist-item-con-con-right-con-addresstype .addresstype-tit{margin-bottom:8px;} .blog-linkitemlist-item-con-con-right-con-tipsstype{padding: 16px 24px;margin:24px 0;;flex-wrap: wrap;} .blog-linkitemlist-item-con-con-right-con-tipsstype .tipsstype-tit{margin-bottom: 8px;} } /* 20260528 */ .rightlist3 .Allclass-title>p{margin: 0;} .Allclass-main .questions-box{display: block;} .Allclass-main .questions-box .questions-tit{width: auto;margin-bottom:20px;text-align: center;} .Allclass-main .questions-box .questions-list{max-width: 100%;} /* 20260529 */ .productdetailTab-con-itemtype1-right-tabletype1, .productdetailTab-con-itemtype1-right-tabletype2, .productdetailTab-con-itemtype1-right-tabletype3, .productdetailTab-con-itemtype1-right-tabletype4{margin: 12px 0;} .productdetailTab-con-itemtype1-right-tabletype1 .tabletype1-item{display: flex;row-gap: 20px;} .productdetailTab-con-itemtype1-right-tabletype1 .tabletype1-item p{max-width: 260px;width: 100%;margin:8px 0;} .productdetailTab-con-itemtype1-right-tabletype1 .tabletype1-item:nth-child(1)>p{padding: 10px 0; font-size: 18px;line-height: 1.5;color: #000;margin-bottom:10px;margin-top: 0;border-bottom: 1px solid rgba(0,0,0,0.5);} .productdetailTab-con-itemtype1-right-tabletype1 .tabletype1-item>p:nth-child(1){margin-right:80px;} .productdetailTab-con-itemtype1-right-tabletype1 .tabletype1-item>p:nth-child(2){margin-right: 0;} .productdetailTab-con-itemtype1-right-tabletype1 .tabletype1-item:nth-child(n+2)>p{font-size: 16px;color: #000;line-height: 1.5;} .productdetailTab-con-itemtype1-right-tabletype1 .tabletype1-item:nth-child(n+2)>p:nth-child(3){padding-left: 10px;} /* 20260630 */ .productdetail-right-con-SelectType5 .productdetail-right-con-Select-list-item{height: 60px;} .quote-popup-box{position: fixed;top:50%;left: 0;width: 100%;height: 100%;z-index: 212;display: none;} .quote-popup-div{background: #fff;border-radius: 16px;padding:50px 50px 60px;width:100%;transform: translateY(-50%);margin: 0 auto; position: relative;box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.16);overflow-y:auto;max-height: 96%; max-width:710px;} .quote-popup-div-tit-close{position: absolute;right:34px;top:40px;} .quote-popup-div-tit-close .pod-icons{width: 40px;height: 40px;background: var(--icon-color ,#000);cursor: pointer;} .quote-popup-content-tit{font-size: 42px;color: #000;line-height: 48px;padding-right:54px;} .quote-popup-content-txt{margin: 36px 0;padding-right:54px;font-size: 16px;line-height:1.5;color:#090909;} .quote-popup-content-txt2{margin: 24px 0 ;font-size: 18px;line-height:1.5;color:#090909;} .quote-popup-content-heng{height: 1px;background:#d5d6d8;} .quote-popup-content-list-item{display: flex;align-items: center;justify-content: space-between;margin-top:24px;} .quote-popup-content-list-item-left, .quote-popup-content-list-item-right{font-size:16px;line-height: 1;color: #6C6C6C;} .quote-popup-content-Quantityneeded{margin: 40px 0 20px;} .quote-popup-content-Quantityneeded input{display: block;width: 100%;height: 50px;line-height: 50px;padding: 0 14px;border: 1px solid #d5d6d8;border-radius: 8px;} .quote-popup-content-ProjectDetails{margin: 20px 0;} .quote-popup-content-ProjectDetails textarea{display: block;width: 100%;padding: 14px;border: 1px solid #d5d6d8;border-radius: 8px;height: 135px;} .quote-popup-content-btn{margin-top: 40px;} .quote-popup-content-btn button{display: block;margin: 0 auto;padding: 14px 24px;background: #0A0C29;color: #fff;font-size: 18px;line-height: 1.5;border: none;border-radius: 8px;cursor: pointer;min-width:calc(300px - 48px);text-align: center;} @media (max-width: 768px){ .quote-popup-div{padding:40px 24px;} .quote-popup-content-tit{padding-right:0;} .quote-popup-content-txt{margin:24px 0;padding-right:0;} } /* 20260602 */ .mustenterI{color: red;} .mustenterTxt{color: red;padding: 6px 12px;display: none;} .mustenter .mustenterTxt{display: block;}