/*颜色图标*/
.classic_clear{background-color: #fff}
.ruby_wine{background:linear-gradient(180deg,#f9a6ba 0%,#fed6df 50%,#ffffff 100%)}
.mocha_brown{background:linear-gradient(180deg,#a5855e 0%,#d8cdba 50%,#ffffff 100%)}
.bronze_brown{background:linear-gradient(180deg,#96651f 0%,#dbc6a7 50%,#ffffff 100%)}
.sea_gray{background-color:#455177}
.light_phantom_black{background-color: #525254}
.maroon_brown{background-color: #412f2b}
.cyan_green{background-color: #2e352b}
.phantom_black{background-color: #242331}
.light_gray{background-color: #928f9e;opacity: .5}
.light_amber{background-color: #c57b4e;opacity: .5}
.light_green{background-color: #a4aca3;opacity: .5}
.light_blue{background-color: #5b92b0;opacity: .5}
.fuchsia{background-color: #e36e99;opacity: .5}
.lavender{background-color: #a39ac4;opacity: .5}
.light_orange{background-color: #eb9c57;opacity: .5}
.rose{background-color: #e4aab4;opacity: .5}
.light_yellow{background-color: #e4cd98;opacity: .5}
.smoke_gray{background: linear-gradient(180deg,#202830 12.5%,rgba(92,104,116,.97) 55.56%,#dededc 100%);}
.dusk_blue{background: linear-gradient(180deg,#0c2230 12.5%,rgba(65,92,109,.97) 55.56%,#e5e5e7 100%);}
.sage{background: linear-gradient(180deg,#304318 12.5%,rgba(122,142,104,.97) 55.56%,#e8e9e4 100%);}
.golden_amber{background: linear-gradient(180deg,#5b2619 12.5%,rgba(147,92,67,.97) 55.56%,#dccdc7 100%);}
.desert_rose{background: linear-gradient(180deg,#66100b 12.5%,rgba(176,76,69,.97) 55.56%,#efd1d3 100%);}
.ultraviolet{background: linear-gradient(180deg,#6f539d 12.5%,rgba(134,124,159,.97) 55.56%,#c3bdcb 100%);}
.neon_pink{background: linear-gradient(180deg,#e74c78 12.5%,rgba(243,125,177,.97) 55.56%,#e2ced7 100%);}
.electric_blue{background: linear-gradient(180deg,#0055a2 12.5%,rgba(1,122,201,.97) 55.56%,#c4d5e7 100%)}
.red_green{background: linear-gradient(180deg,#f3528d 0%,rgb(190, 160, 139,0.6) 50%,#88ed88 100%)}
.blue_pink{background: linear-gradient(180deg,#6c96f3 0%,rgb(177, 158, 201, 0.6) 50%,#f5a69f 100%)}
.black_blue{background: linear-gradient(180deg,#3a3639 0%,#c9e1f6 100%)}
.pink_blue{background: linear-gradient(180deg,#f4c3b7 0%,rgb(213, 207, 214,0.6) 50%,#b6dbf4 100%)}
.purple_yellow{background: linear-gradient(180deg,#b382f3 0%,rgb(216, 192, 204,0.6) 50%,#fdfda4 100%)}
.purple_pink{background: linear-gradient(180deg,#735c80 0%,#eac4cb 100%)}

.silver_mirror{background: radial-gradient(65.23% 65.23% at 50.03% 34.77%,#e8f3f5 8.82%,rgba(146,153,154,.97) 38.54%,#243033 96.88%);}
.indigo_blue_mirror{background: radial-gradient(65.23% 65.23% at 50.03% 34.77%,#6bd8e3 8.82%,rgba(51,110,183,.97) 54.87%,#414099 83.33%);}
.gold_mirror{background: radial-gradient(65.23% 65.23% at 50.03% 34.77%,#f8ffa6 0%,rgba(207,191,45,.97) 30.73%,#776017 86.46%);}
.flame_red_mirror{background: radial-gradient(65.23% 65.23% at 50.03% 34.77%,#ffc761 11.98%,rgb(235 127 50 / 97%) 47.4%,#991b21 100%);}
.rose_gold_mirror{background: radial-gradient(65.23% 65.23% at 50.03% 34.77%,#dbbbc8 8.82%,rgb(183 146 180) 38.54%,#a17c95 96.88%);}
.dark_gold_mirror{background: radial-gradient(65.23% 65.23% at 50.03% 34.77%,#bb9134 0%,rgb(163 115 28) 30.73%,#563b04 86.46%);}
.lavender_mirror{background:radial-gradient(65.23% 65.23% at 50.03% 34.77%,#fcdeff 0%,rgba(197,151,198,.97) 30.73%,#593868 86.46%) }
.moss_green_mirror{background: radial-gradient(65.23% 65.23% at 50.03% 34.77%,#85ac46 0%,rgb(109 158 89) 30.73%,#32798b 86.46%);}
.polarised_brown{background-color: #813003;opacity: .6;}
.polarised_grey{background-color: #20282d;opacity: .6;}
.polarised_green{background-color: #003317;opacity: .6;}


.pres-box .pres-color .grey{background: url(https://wherelight-cdn-res.cloudinary.com/image/upload/img/lens/tint/new/transitionsgrey.jpg) no-repeat center;background-size: 100%; border: 0px; }
.pres-box .pres-color .brown{background: url(https://wherelight-cdn-res.cloudinary.com/image/upload/img/lens/tint/new/transitionsbrown.jpg) no-repeat center;background-size: 100%; border: 0px; }
.pres-box .pres-color .pink{background: url(https://wherelight-cdn-res.cloudinary.com/image/upload/img/lens/tint/new/transitionspink.jpg) no-repeat center;background-size: 100%; border: 0px; }
.pres-box .pres-color .blue{background: url(https://wherelight-cdn-res.cloudinary.com/image/upload/img/lens/tint/new/transitionsblue.jpg) no-repeat center;background-size: 100%; border: 0px; }
.pres-box .pres-color .purple{background: url(https://wherelight-cdn-res.cloudinary.com/image/upload/img/lens/tint/new/transitionspurple.jpg) no-repeat center;background-size: 100%; border: 0px; }
.pres-box .pres-color .green{background: url(https://wherelight-cdn-res.cloudinary.com/image/upload/img/lens/tint/new/transitionsgreen.jpg) no-repeat center;background-size: 100%; border: 0px; }
.pres-box .pres-color .orange{background: url(https://wherelight-cdn-res.cloudinary.com/image/upload/img/lens/tint/new/transitionsorange.jpg) no-repeat center;background-size: 100%; border: 0px; }



/*镜片染色效果*/
.goodstint_classic_clear{background-color: #fff}
.goodstint_light_gray{background-color: #928f9e;opacity: .5}
.goodstint_light_amber{background-color: #c57b4e;opacity: .5}
.goodstint_light_green{background-color: #a4aca3;opacity: .5}
.goodstint_blue{background-color: #5b92b0;opacity: .5}
.goodstint_fuchsia{background-color: #e36e99;opacity: .5}
.goodstint_lavender{background-color: #a39ac4;opacity: .5}
.goodstint_orange{background-color: #eb9c57;opacity: .5}
.goodstint_rose{background-color: #e4aab4;opacity: .5}
.goodstint_yellow{background-color: #e4cd98;opacity: .5}
.goodstint_ruby_wine_tint{background:linear-gradient(180deg,#f9a6ba 0%,#f9a6ba 20%,#fed6df 50%,#ffffff 80%,#ffffff 100%)}
.goodstint_mocha_brown_tint{background:linear-gradient(180deg,#a5855e 0%,#a5855e 20%,#d8cdba 50%,#ffffff 80%,#ffffff 100%)}
.goodstint_bronze_brown_tint{background:linear-gradient(180deg,#96651f 0%,#96651f 20%,#dbc6a7 50%,#ffffff 80%,#ffffff 100%)}
.goodstint_smoke_gray{background: linear-gradient(180deg,#202830 12.5%,#202830 20%,rgba(92,104,116,.97) 55.56%,#dededc 80%,#dededc 100%);}
.goodstint_dusk_blue{background: linear-gradient(180deg,#0c2230 12.5%,#0c2230 20%,rgba(65,92,109,.97) 55.56%,#e5e5e7 80%,#e5e5e7 100%);}
.goodstint_sage{background: linear-gradient(180deg,#304318 12.5%,#304318 20%,rgba(122,142,104,.97) 55.56%,#e8e9e4 80%,#e8e9e4 100%);}
.goodstint_golden_amber{background: linear-gradient(180deg,#5b2619 12.5%,#5b2619 20%,rgba(147,92,67,.97) 55.56%,#dccdc7 80%,#dccdc7 100%);}
.goodstint_desert_rose{background: linear-gradient(180deg,#66100b 12.5%,#66100b 20%,rgba(176,76,69,.97) 55.56%,#efd1d3 80%,#efd1d3 100%);}
.goodstint_ultraviolet{background: linear-gradient(180deg,#6f539d 12.5%,#6f539d 20%,rgba(134,124,159,.97) 55.56%,#c3bdcb 80%,#c3bdcb 100%);}
.goodstint_neon_pink{background: linear-gradient(180deg,#e74c78 12.5%,#e74c78 20%,rgba(243,125,177,.97) 55.56%,#e2ced7 80%,#e2ced7 100%);}
.goodstint_electric_blue{background: linear-gradient(180deg,#0055a2 12.5%,#0055a2 20%,rgba(1,122,201,.97) 55.56%,#c4d5e7 80%,#c4d5e7 100%)}
.goodstint_sea_gray_tint{background-color:#455177}
.goodstint_light_phantom_black_tint{background-color: #525254}
.goodstint_maroon_brown_tint{background-color: #412f2b}
.goodstint_cyan_green_tint{background-color: #2e352b}
.goodstint_phantom_black_tint{background-color: #242331}


.goodstint_red_green{background: linear-gradient(180deg,#f3528d 0%,#f3528d 20%,rgb(190, 160, 139,0.6) 50%,#88ed88 80%,#88ed88 100%)}
.goodstint_blue_pink{background: linear-gradient(180deg,#6c96f3 0%,#6c96f3 20%,rgb(177, 158, 201, 0.6) 50%,#f5a69f 80%,#f5a69f 100%)}
.goodstint_black_blue{background: linear-gradient(180deg,#3a3639 0%,#3a3639 20%,#c9e1f6 80%,#c9e1f6 100%)}
.goodstint_pink_blue{background: linear-gradient(180deg,#f4c3b7 0%,#f4c3b7 20%,rgb(213, 207, 214,0.6) 50%,#b6dbf4 80%,#b6dbf4 100%)}
.goodstint_purple_yellow{background: linear-gradient(180deg,#b382f3 0%,#b382f3 20%,rgb(216, 192, 204,0.6) 50%,#fdfda4 80%,#fdfda4 100%)}
.goodstint_purple_pink{background: linear-gradient(180deg,#735c80 0%,#735c80 20%,#eac4cb 80%,#eac4cb 100%)}

.goodstint_photochromic_grey{animation:tint_change 3s linear infinite reverse;-moz-animation:tint_change 3s linear infinite reverse;-webkit-animation:tint_change 3s linear infinite reverse;-o-animation:tint_change 3s linear infinite reverse;background:#939193}
.goodstint_photochromic_brown{animation:tint_change 3s linear infinite reverse;-moz-animation:tint_change 3s linear infinite reverse;-webkit-animation:tint_change 3s linear infinite reverse;-o-animation:tint_change 3s linear infinite reverse;background:#826745}
.goodstint_photochromic_pink{animation:tint_change 3s linear infinite reverse;-moz-animation:tint_change 3s linear infinite reverse;-webkit-animation:tint_change 3s linear infinite reverse;-o-animation:tint_change 3s linear infinite reverse;background:#f895b1}
.goodstint_photochromic_blue{animation:tint_change 3s linear infinite reverse;-moz-animation:tint_change 3s linear infinite reverse;-webkit-animation:tint_change 3s linear infinite reverse;-o-animation:tint_change 3s linear infinite reverse;background:#a4d3ff}
.goodstint_photochromic_orange{animation:tint_change 3s linear infinite reverse;-moz-animation:tint_change 3s linear infinite reverse;-webkit-animation:tint_change 3s linear infinite reverse;-o-animation:tint_change 3s linear infinite reverse;background:#e58a37}
.goodstint_photochromic_purple{animation:tint_change 3s linear infinite reverse;-moz-animation:tint_change 3s linear infinite reverse;-webkit-animation:tint_change 3s linear infinite reverse;-o-animation:tint_change 3s linear infinite reverse;background:#d14cd9}
.goodstint_photochromic_green{animation:tint_change 3s linear infinite reverse;-moz-animation:tint_change 3s linear infinite reverse;-webkit-animation:tint_change 3s linear infinite reverse;-o-animation:tint_change 3s linear infinite reverse;background:#06583f}


@keyframes tint_change{
    0%  {opacity: 0.1;}
    13% {opacity: 0.33;}
    38% {opacity: 0.66;}
    63% {opacity: 0.99;}
    88% {opacity: 0.66;}
    100% {opacity: 0.33;}
}



/*偏光 2022.04.11*/
.silver_mirror{background: radial-gradient(65.23% 65.23% at 50.03% 34.77%,#e8f3f5 8.82%,rgba(146,153,154,.97) 38.54%,#243033 96.88%);}
.indigo_blue_mirror{background: radial-gradient(65.23% 65.23% at 50.03% 34.77%,#6bd8e3 8.82%,rgba(51,110,183,.97) 54.87%,#414099 83.33%);}
.gold_mirror{background: radial-gradient(65.23% 65.23% at 50.03% 34.77%,#f8ffa6 0%,rgba(207,191,45,.97) 30.73%,#776017 86.46%);}
.flame_red_mirror{background: radial-gradient(65.23% 65.23% at 50.03% 34.77%,#ffc761 11.98%,rgb(235 127 50 / 97%) 47.4%,#991b21 100%);}
.rose_gold_mirror{background: radial-gradient(65.23% 65.23% at 50.03% 34.77%,#dbbbc8 8.82%,rgb(183 146 180) 38.54%,#a17c95 96.88%);}
.dark_gold_mirror{background: radial-gradient(65.23% 65.23% at 50.03% 34.77%,#bb9134 0%,rgb(163 115 28) 30.73%,#563b04 86.46%);}
.lavender_mirror{background:radial-gradient(65.23% 65.23% at 50.03% 34.77%,#fcdeff 0%,rgba(197,151,198,.97) 30.73%,#593868 86.46%) }
.moss_green_mirror{background: radial-gradient(65.23% 65.23% at 50.03% 34.77%,#85ac46 0%,rgb(109 158 89) 30.73%,#32798b 86.46%);}
.polarised_brown{background-color: #813003;opacity: .6;}
.polarised_grey{background-color: #20282d;opacity: .6;}
.polarised_green{background-color: #003317;opacity: .6;}

/*偏光 2022.04.11*/
.goodstint_silver_mirror{background-image: url(https://wherelight-cdn-res.cloudinary.com/2023/lenses/tint/silver.webp);background-size: 100%;background-position: center;background-repeat: no-repeat;}
.goodstint_indigo_blue_mirror{background-image: url(https://wherelight-cdn-res.cloudinary.com/2023/lenses/tint/indigo_blue.webp);background-size: 100%;background-position: center;background-repeat: no-repeat;}
.goodstint_gold_mirror{background-image: url(https://wherelight-cdn-res.cloudinary.com/2023/lenses/tint/gold.webp);background-size: 100%;background-position: center;background-repeat: no-repeat;}
.goodstint_flame_red_mirror{background-image: url(https://wherelight-cdn-res.cloudinary.com/2023/lenses/tint/flame_red.webp);background-size: 100%;background-position: center;background-repeat: no-repeat;}
.goodstint_rose_gold_mirror{background-image: url(https://wherelight-cdn-res.cloudinary.com/2023/lenses/tint/rose_gold.webp);background-size: 100%;background-position: center;background-repeat: no-repeat;}
.goodstint_dark_gold_mirror{background-image: url(https://wherelight-cdn-res.cloudinary.com/2023/lenses/tint/dark_gold.webp);background-size: 100%;background-position: center;background-repeat: no-repeat;}
.goodstint_lavender_mirror{background-image: url(https://wherelight-cdn-res.cloudinary.com/2023/lenses/tint/lavender.webp);background-size: 100%;background-position: center;background-repeat: no-repeat;}
.goodstint_moss_green_mirror{background-image: url(https://wherelight-cdn-res.cloudinary.com/2023/lenses/tint/moss_green.webp);background-size: 100%;background-position: center;background-repeat: no-repeat;}
.goodstint_polarised_brown{background-color: #813003;opacity: .6;}
.goodstint_polarised_grey{background-color: #20282d;opacity: .6;}
.goodstint_polarised_green{background-color: #003317;opacity: .6;}

.photochromic_grey{background: url(https://wherelight-cdn-res.cloudinary.com/image/upload/img/lens/tint/new/transitionsgrey.jpg) no-repeat center;background-size: 100%;}
.photochromic_brown{background: url(https://wherelight-cdn-res.cloudinary.com/image/upload/img/lens/tint/new/transitionsbrown.jpg) no-repeat center;background-size: 100%;}
.photochromic_pink{background: url(https://wherelight-cdn-res.cloudinary.com/image/upload/img/lens/tint/new/transitionspink.jpg) no-repeat center;background-size: 100%;}
.photochromic_blue{background: url(https://wherelight-cdn-res.cloudinary.com/image/upload/img/lens/tint/new/transitionsblue.jpg) no-repeat center;background-size: 100%;}
.photochromic_purple{background: url(https://wherelight-cdn-res.cloudinary.com/image/upload/img/lens/tint/new/transitionspurple.jpg) no-repeat center;background-size: 100%;}
.photochromic_green{background: url(https://wherelight-cdn-res.cloudinary.com/image/upload/img/lens/tint/new/transitionsgreen.jpg) no-repeat center;background-size: 100%;}
.photochromic_orange{background: url(https://wherelight-cdn-res.cloudinary.com/image/upload/img/lens/tint/new/transitionsorange.jpg) no-repeat center;background-size: 100%;}