/**/
.customize-list {position: relative;}
.customize-list .box {display: flex;align-items: center;background: #090909;position: sticky;top: 0;}
.customize-list .box .pic {width: 47%;overflow: hidden;}
.customize-list .box .pic img{width:100%;}
.customize-list .box .txt {flex: 1;padding-left: 7%;padding-right: 6.25%;}
.customize-list .box .txt h5 {font-size:clamp(22px, 2.5vw, 48px);line-height: 1;color: #fff;font-weight: 600;text-transform: capitalize;}
.customize-list .box .txt .t {font-size: 18px;line-height:1.6;color: #fff;margin-top: 25px;}
.customize-list .box .txt .t p{line-height: 1.8;}
.customize-list .box dl {margin-top: 45px;}
.customize-list .box dl dd{font-size: 24px;line-height: 1.5;color: #fff;font-weight: 600;padding-left: 30px;background: url(https://okki-shop.oss-cn-hangzhou.aliyuncs.com/category/427473/3155/e098dc6cc640664e7a6ac26eb34b65f1/dot1.png) no-repeat left 12px;}
.customize-list .box .ico {margin-top: 30px;}

.customize-list .box .t ul {margin-top: 50px;display: flex;flex-wrap: wrap;gap: 15px;}
.customize-list .box .t ul li {font-size: 24px;overflow: hidden;padding: 0 30px;border-radius: 25px;background: #fff;color: #000;font-weight: 600;position: relative;}
.customize-list .box .t ul li:nth-child(3){padding:0 36px}
.customize-list .box .t ul li a {display: block;color: initial;line-height: 48px;}
.customize-list .box .t ul li:hover a::before {content: attr(data-text);display: flex;justify-content: center;align-items: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;color: #fff;background: var(--color-primary);border-radius: 20px;animation: animation_btn .5s ease-in-out;font-size: 24px;padding:0 30px;font-weight: 600;}

.customize-list .box .list ul {margin: 40px -9px 0;display: flex;flex-wrap: wrap;}
.customize-list .box .list ul li {width: 33.333%;padding: 0 9px;}
.customize-list .box .list ul li img {overflow: hidden;border-radius: 20px;}
.customize-list .box .list ul li p {font-size: 20px;color: #fff;line-height: 1;margin-top: 25px;text-align: center;}

.customize-list .box3 .ico {justify-content: space-between;display: flex;flex-wrap: wrap;}
.customize-list .box3 .ico a{margin-bottom: 15px;width: 25%;}
.customize-list .box3 .ico .img{padding: 5px;}

.customize-list .box4 .t ul {flex-direction: column;margin-top: 50px;display: flex;flex-wrap: wrap;gap: 15px;}
.customize-list .box4 .t ul li {text-align: center;width: 40%;font-size: 24px;overflow: hidden;padding: 5px 30px;border-radius: 25px;background: #fff;color: #000;font-weight: 600;position: relative;}
.customize-list .box4 .t ul li:nth-child(3){padding:0 36px}
.customize-list .box4 .t ul li a {display: block;color: initial;line-height: 48px;}
.customize-list .box4 .t ul li:hover a::before {content: attr(data-text);display: flex;justify-content: center;align-items: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;color: #fff;background: var(--color-primary);border-radius: 20px;animation: animation_btn .5s ease-in-out;font-size: 24px;font-weight: 600;}
.customize-list .box4 ul.tab {display: flex;background: #1A1A1A;width: 100%;border-radius: 36px;margin-top: 65px;overflow: hidden;}
.customize-list .box4 ul.tab li {line-height: 72px;width: calc(100% / 6);text-align: center;transition: all .3s ease;font-size: 24px;color: #fff;}
.customize-list .box4 ul.tab li a {color: inherit;}
.customize-list .box4 ul.tab li:hover {background: var(--color-primary);}

.customize-list .box5 .ico {display: flex;flex-wrap: wrap;}
.customize-list .box5 .ico .img{width: 20%;padding: 5px;}


.customize-list .box7 .list ul {margin: 40px -4px 0;display: flex;flex-wrap: wrap;}
.customize-list .box7 .list ul li {width: 25%;padding: 0 4px;}
.customize-list .box7 .list ul li img {overflow: hidden;border-radius: 18px;}
.customize-list .box7 .list ul li p {font-size: 18px;color: #fff;line-height: 1;margin-top: 20px;text-align: center;}


@media screen and (max-width: 1550px) {

.customize-list .box .txt {padding-left: 4%;padding-right: 3.25%;}
.customize-list .box .txt .t {font-size: 17px;margin-top: 17px;}
.customize-list .box .txt .t p {line-height: 1.5;}
.customize-list .box dl dd {font-size: 20px;background-position: left 11px;}
.customize-list .box .t ul {margin-top: 40px;}
.customize-list .box .t ul li {font-size:22px;padding:0 25px;}
.customize-list .box .t ul li a {line-height: 44px;}
.customize-list .box .t ul li:hover a::before {font-size:22px;padding:0 25px;}
.customize-list .box4 ul.tab {margin-top: 50px;}
.customize-list .box4 ul.tab li {line-height: 60px;font-size: 22px;}
.customize-list .box .list ul li p {font-size: 17px;margin-top: 20px;}
.customize-list .box dl {margin-top: 25px;}
.customize-list .box .txt .t br {display: none;}
}
 
@media screen and (max-width: 1440px) {
.customize-list .box .t ul li {font-size:20px;padding:0 20px;}
.customize-list .box .t ul li:hover a::before {font-size:20px;padding:0 20px;}
}
                                          
@media screen and (max-width: 1367px) {
.customize-list .box .txt {padding-left: 3%;padding-right: 2.25%;}

.customize-list .box .txt .t {font-size:16px;margin-top: 14px;}
.customize-list .box .txt .t p {line-height: 1.4;}
.customize-list .box dl dd {font-size: 18px;background-position: left 10px;}
.customize-list .box .t ul {margin-top: 30px;}
.customize-list .box .t ul li {font-size:19px;padding:0 15px;}
.customize-list .box .t ul li a {line-height: 40px;}
.customize-list .box .t ul li:hover a::before {font-size:19px;}
.customize-list .box4 ul.tab {margin-top: 35px;}
.customize-list .box4 ul.tab li {line-height: 48px;font-size: 20px;}
.customize-list .box .list ul li p {font-size: 16px;margin-top: 15px;}
.customize-list .box dl {margin-top: 15px;}

}
                                    
@media screen and (max-width: 1280px) {
.customize-list .box .txt .t {line-height:1.5}
.customize-list .box .t ul li {font-size:18px;padding:0 15px;}
.customize-list .box .t ul li:hover a::before {font-size:18px;padding:0 15px;}

.customize-list .box dl dd{font-size:16px;background-position:left 6px;}
}
                                
@media screen and (max-width: 992px) {
.customize-banner .tit p {font-size:15px;margin: 10px auto 0;}

.customize-list .box{position:static;}
.customize-list .box4 .t ul li {width: 50%;}

.customize-list .box {display: block;position: relative;}
.customize-list .box .pic {width:60%;margin:0 auto;}
.customize-list .box .txt {padding: 20px 30px;}
.customize-list .box .txt .t {font-size:15px;margin-top: 10px;}
.customize-list .box .txt .t br {display: none;}
.customize-list .box .t ul {margin-top: 20px;gap: 8px;}
.customize-list .box .t ul li {font-size:17px;}
.customize-list .box .t ul li a {line-height: 36px;}
.customize-list .box .t ul li:hover a::before{font-size:17px;}
.customize-list .box dl {margin-top: 20px;}
.customize-list .box dl dd {font-size: 18px;background-position: left 8px;}
.customize-list .box4 ul.tab {margin-top: 20px;}
.customize-list .box4 ul.tab li {line-height: 40px;font-size: 18px;}
.customize-list .box .list ul li p {font-size: 15px;margin-top: 10px;}

}

@media screen and (max-width:768px) {
.customize-list .box dl dd{font-size:15px;} 
.customize-list .box .t ul li {font-size:16px;}
.customize-list .box .t ul li:hover a::before{font-size:16px;}
}

@media screen and (max-width:640px) {
.customize-list .box .pic {width:100%;}
}

@media screen and (max-width: 480px) {

.customize-list .box .list ul {margin: 20px -5px 0;}
.customize-list .box .list ul li {width: 50%;padding: 5px;}
.customize-list .box .txt {padding: 20px 15px;}

.customize-list .box .t ul li {font-size:15px;padding:0 10px;}
.customize-list .box .t ul li:hover a::before {font-size:15px;padding:0 10px;}
.customize-list .box .t ul li:nth-child(3) {padding: 0 12px;}

.customize-list .box .t ul li a{line-height:32px;}

}

@media screen and (max-width:420px) {
.customize-list .box .t ul li {font-size:14px;}
.customize-list .box .t ul li:hover a::before {font-size:14px;}
}