.special-content{margin-top:50px}.special-content .visible-xs{display:none}@media (max-width: 480px){.special-content .visible-xs{display:block}}.special-content img{width:100%}.special-content .main-title{display:flex;align-items:center;justify-content:center}.special-content .main-title .main-title-inner{display:flex;align-items:center;justify-content:center}.special-content .main-title .main-title-inner .tit{flex:1}.special-content .main-title .main-title-inner h1{font-weight:bold;line-height:1.8;letter-spacing:2px;font-size:36px;text-align:center}@media (max-width: 680px){.special-content .main-title .main-title-inner h1{font-size:24px}}@media (max-width: 480px){.special-content .main-title .main-title-inner h1{font-size:18px}}.special-content .main-title .main-title-inner h1 span{font-weight:500;font-size:22px}@media (max-width: 680px){.special-content .main-title .main-title-inner h1 span{font-size:18px}}@media (max-width: 480px){.special-content .main-title .main-title-inner h1 span{font-size:16px}}.special-content .main-title .main-title-inner .tips{text-align:center;font-size:90%}.special-content .main-title .main-title-inner .circle{width:120px;height:120px;border-radius:100%;display:flex;align-items:center;justify-content:center;background:#9BC0C9;color:#fff;font-size:26px;font-weight:600;letter-spacing:1px;margin-left:15px;margin-bottom:20px}@media (max-width: 480px){.special-content .main-title .main-title-inner .circle{font-size:16px;width:100px;height:100px;font-size:20px}}.special-content .code-content{margin-top:30px}.special-content .code-content .intro{margin-top:20px;position:relative;padding-top:12px}@media (max-width: 480px){.special-content .code-content .intro{padding-top:8px}}.special-content .code-content .intro:before{position:absolute;top:0;left:0;width:100%;height:12px;background:url(/assets/images/special/2020ss-shoecoode-pepe/dot-blue.png) center bottom/auto 100% repeat-x;content:' '}@media (max-width: 480px){.special-content .code-content .intro:before{height:8px}}.special-content .code-content .intro h2{font-size:24px;font-weight:600;line-height:1.8;letter-spacing:1px}@media (max-width: 680px){.special-content .code-content .intro h2{font-size:18px}}@media (max-width: 480px){.special-content .code-content .intro h2{font-size:16px}}.special-content .code-content .lead{max-width:970px;margin:30px auto}@media (max-width: 480px){.special-content .code-content .lead{font-size:14px}}.special-content .code-content .code-title{position:relative;text-align:center;margin-top:60px}.special-content .code-content .code-title:before{position:absolute;top:34%;left:0;width:100%;height:3px;content:' '}.special-content .code-content .code-title h3{position:relative;display:inline-block;font-family:din-condensed, sans-serif;font-size:36px;letter-spacing:4px;padding:0 50px;background:#fff}@media (max-width: 480px){.special-content .code-content .code-title h3{font-size:28px;letter-spacing:2px;padding:0 30px}}.special-content .code-content .code-title h3:before{content:'{';position:absolute;top:-3px;left:-1px}.special-content .code-content .code-title h3:after{content:'}';position:absolute;top:-3px;right:-4px}.special-content .code-content .code-lead{font-size:22px;text-align:center;margin-top:20px;font-weight:600}@media (max-width: 480px){.special-content .code-content .code-lead{font-size:16px}}.special-content .code-content .code-shoes{text-align:center;margin-top:40px}.special-content .code-content .code-shoes .shoes{margin-top:30px}.special-content .code-content .code-shoes .shoes img{width:70%;max-width:420px}.special-content .code-content.code-blue .code-title:before{background:#9BC0C9}.special-content .code-content.code-blue .code-title h3{color:#9BC0C9}.special-content .code-content.code-blue .code-lead{color:#9BC0C9}.special-content .code-content.code-navy .code-title:before{background:#4E5E88}.special-content .code-content.code-navy .code-title h3{color:#4E5E88}.special-content .code-content.code-navy .code-lead{color:#4E5E88}.special-content .code-content.code-brown .intro:before{background:url(/assets/images/special/2020ss-shoecoode-pepe/dot-brown.png) center bottom/auto 100% repeat-x}.special-content .code-content.code-brown .code-title:before{background:#C99B7E}.special-content .code-content.code-brown .code-title h3{color:#C99B7E}.special-content .code-content.code-brown .code-lead{color:#C99B7E}.special-content .code-content.code-green .code-title:before{background:#34A4C7}.special-content .code-content.code-green .code-title h3{color:#34A4C7}.special-content .code-content.code-green .code-lead{color:#34A4C7}.special-content .code-content.code-gold .intro:before{background:url(/assets/images/special/2020ss-shoecoode-pepe/dot-gold.png) center bottom/auto 100% repeat-x}.special-content .code-content.code-gold .code-title:before{background:#BFBB7D}.special-content .code-content.code-gold .code-title h3{color:#BFBB7D}.special-content .code-content.code-gold .code-lead{color:#BFBB7D}.special-content .code-content.code-orange .code-title:before{background:#F79C41}.special-content .code-content.code-orange .code-title h3{color:#F79C41}.special-content .code-content.code-orange .code-lead{color:#F79C41}.special-content .item-link{display:block;text-align:center;max-width:100%;width:200px;color:#fff;background:#BFBFBF 0% 0% no-repeat padding-box;margin:10px auto;transition:all 0.1s}.special-content .item-link:hover{opacity:0.8}.special-content .code-items{margin-bottom:80px}.special-content .code-items img{width:100%}.special-content .code-menu{text-align:center}.special-content .code-menu .coming{color:#EBA997;font-size:36px;line-height:1.4}@media (max-width: 480px){.special-content .code-menu .coming{font-size:24px}}.special-content ul{padding-left:0}.special-content.container{padding-left:0;padding-right:0}.special-content .intro .intro__text{width:100%;display:block}.special-content .intro .intro__text .tips{width:100%;text-align:center;font-size:1.2rem;letter-spacing:2px;font-weight:200;line-height:1.4;margin-bottom:0.5rem}.special-content .intro .intro__text h2{width:100%;text-align:center;font-size:0.8rem;font-weight:200;letter-spacing:2px}.special-content .intro .footer__text .tips{font-size:1.1rem;line-height:1.4;margin-bottom:0.8rem}.special-content .color-items{max-width:960px}.special-content .color-items .color-list{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:2rem 0 3rem}@media (max-width: 480px){.special-content .color-items .color-list{margin:0 0 2rem}}.special-content .color-items .color-list li{display:block;width:85px;height:85px;margin:0.6rem}.special-content .color-items .color-list li a{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:100%;padding:0.2rem;width:100%;height:100%;line-height:1.4;color:#777;background:#F5F5F5}.special-content .color-items .color-list li:nth-child(2) a{color:#A58251;background:#EAE3C9}.special-content .color-items .color-list li:nth-child(3) a{color:#B5B500;background:#F8F7C9}.special-content .color-items .color-list li:nth-child(4) a{color:#E88F8F;background:#FFD5D5}.special-content .color-items .color-list li:nth-child(5) a{color:#679D63;background:#C9E6C0}.special-content .color-items .color-list li:nth-child(6) a{color:#8CA5BA;background:#D9E9F7}.special-content .color-items .color-list li:nth-child(7) a{color:#CCECFF;background:#373F7C}.special-content .color-items .color-list li:nth-child(8) a{color:#777;background:#C6C5C5}.special-content .color-items .color-list li:nth-child(9) a{color:#fff;background:#312F2F}@media (max-width: 680px){.special-content .color-items .color-list li{margin:0.4rem;width:70px;height:70px}}.special-content .color-items .color{display:flex;align-items:center;justify-content:center;color:#777;background:#F5F5F5;width:100%;padding-top:100%;position:relative}.special-content .color-items .color.color-beige{color:#A58251;background:#EAE3C9}.special-content .color-items .color.color-yellow{color:#B5B500;background:#F8F7C9}.special-content .color-items .color.color-pink{color:#E88F8F;background:#FFD5D5}.special-content .color-items .color.color-green{color:#679D63;background:#C9E6C0}.special-content .color-items .color.color-blue{color:#8CA5BA;background:#D9E9F7}.special-content .color-items .color.color-navy{color:#CCECFF;background:#373F7C}.special-content .color-items .color.color-gray{color:#777;background:#C6C5C5}.special-content .color-items .color.color-black{color:#fff;background:#312F2F}.special-content .color-items .color__text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;width:100%}.special-content .color-items .color__text h3{font-size:1.2rem;font-weight:500;margin-bottom:1rem}.special-content .color-items .color__text p{font-size:0.9rem;margin:0}.special-content .color-items figcaption{text-align:center;margin:0.5rem 0 2rem;line-height:1.6}
/*# sourceMappingURL=color.css.map */