#tempImg{max-width:1000%}
.banner{width:100%;height:auto}
.alert-window.try-on-box{position:fixed;width:100%;height:100%;z-index:10001;top:0;left:0;background-color:rgba(0,0,0,.5)}
.try-content{max-width:850px;position:absolute;background-color:#f5f5f5;padding:30px;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10px}
.try-left-box{width:250px;float:right;box-sizing:border-box}
.glasses-list{width:100%;height:480px;overflow-y:auto;margin-bottom:38px}
.try-head-loading{position:absolute;width:40px;height:40px;left:calc(50% - 20px);top:calc(50% - 20px)}
.glasses-list::-webkit-scrollbar{width:20px}
.glasses-list::-webkit-scrollbar-track{width:20px;box-shadow:none;border-radius:0;background:#e6e6e6}
.glasses-list::-webkit-scrollbar-thumb{border-radius:20px;box-shadow:none;background:#a7a7a7}
.glasses-item{width:220px;height:120px;margin-bottom:15px;border:1px solid transparent;text-align:center;padding:15px 4px}
.glasses-item.active{border-color:#e6e6e6}
.glasses-item-img{max-width:200px;max-height:100px;width:auto;height:auto}
.title-box .title{font-size:var(--size32);font-weight:600;color:var(--theme);text-align:center;margin:100px 0 10px}
.title-box .sub-title{color:var(--theme);font-size:var(--size18);text-align:center;padding:0;text-transform:unset}
.note-info{color:var(--theme);text-align:center;font-size:var(--size15)}
.note-info span.help-icon{display:inline-block;border:1px solid var(--theme);margin-left:5px;width:18px;height:18px;border-radius:50%;line-height:16px;font-size:var(--size16);cursor:pointer}
.try-left-icon{display:inline-block;width:24px;height:24px;cursor:pointer}
.try-on-box .icon-add{background:url(/media/tryon/tryicon/add_pc.png) no-repeat;background-size:contain}
.try-on-box .icon-narrow{background:url(/media/tryon/tryicon/narrow_pc.png) no-repeat;background-size:contain}
.try-on-box .icon-turn-left{background:url(/media/tryon/tryicon/turn_left_pc.png) no-repeat;background-size:contain}
.try-on-box .icon-turn-right{background:url(/media/tryon/tryicon/turn_right_pc.png) no-repeat;background-size:contain}
.try-on-box .toolbar:after{clear:both;content:"";display:block}
.try-on-box .toolbar{margin-top:24px}
.try-on-box .toolbar .try-scale{width:49%;float:left;max-width:200px}
.try-on-box .toolbar .try-rotate{width:49%;float:right;max-width:200px}
.try-on-box .toolbar .try-swiper-box{position:relative;display:inline-block;width:calc(100% - 80px);height:12px;background:0 0;margin:6px 9px;border-radius:6px;border:0;outline:0;background-size:30% 100%}
.try-swiper-input{position:absolute;margin:0;width:100%}
.try-swiper-input,.try-swiper-input::-webkit-slider-runnable-track,.try-swiper-input::-webkit-slider-thumb{-webkit-appearance:none;outline:0}
.try-swiper-input:focus,.try-swiper-input:focus::-moz-range-thumb,.try-swiper-input:focus::-moz-range-track,.try-swiper-input:focus::-ms-thumb,.try-swiper-input:focus::-ms-track,.try-swiper-input:focus::-webkit-slider-runnable-track,.try-swiper-input:focus::-webkit-slider-thumb{outline:0;border:0}
.try-swiper-input::-webkit-slider-thumb{background-color:var(--theme);width:25px;height:25px;border:2px solid var(--color-white);border-radius:50%;margin-top:-6px}
.try-swiper-input::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--theme) 0,var(--theme) 50%,var(--color-white) 0,var(--color-white) 100%);height:12px;border-radius:6px}
.try-swiper-input::-moz-range-thumb{background-color:var(--theme);width:20px;height:20px;border:2px solid var(--color-white);border-radius:50%;margin-top:-9px}
.try-swiper-input::-moz-range-track{background-color:var(--color-white);height:12px;border-radius:6px}
.try-swiper-input::-moz-range-progress{background-color:var(--theme);height:12px;border-radius:6px}
.try-swiper-input::-ms-thumb{background-color:var(--theme);width:20px;height:20px;border:2px solid var(--color-white);border-radius:50%;margin-top:-9px}
.try-swiper-input::-ms-track{background-color:var(--theme);height:12px;border-radius:6px}
.try-swiper-input::-ms-fill-lower{background-color:var(--theme);height:12px;border-radius:6px}
.try-swiper-input::-ms-fill-upper{background-color:var(--color-white);height:12px;border-radius:6px}
.try-right-box{vertical-align:top;width:500px;padding-right:15px;float:left;box-sizing:border-box}
.try-right-head-box{width:100%;margin:0 auto 5pt;position:relative;height:480px}
.try-right-head{width:100%;height:auto;max-width:100%;max-height:100%;margin:20px 0 0;position:static;display:block;opacity:1}
.try-right-glasses{position:absolute;z-index:99;width:40%;left:36%;top:32%}
.try-right-head-tool{position:relative;width:100%;height:90px;top:-90px;text-align:right}
.try-right-head-tool img{width:70px;height:70px;margin-right:20px;cursor:pointer}
.try-content:after{clear:both;content:"";display:block}
.help-wrapper{position:absolute;width:100%;left:0;top:0;height:100%;background-color:rgba(0,0,0,.1)}
.help-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background-color:var(--color-white);padding:20px;width:500px;z-index:99}
.help-content img{display:block;width:100%}
.help-content .ok{display:block;margin:20px auto 0;display:block;margin:20px auto 0;color:var(--theme);font-size:var(--size18);text-align:center;text-decoration:underline;cursor:pointer;background:0 0;border:none}
.video-box{position:fixed;top:0;left:0;background:rgba(0,0,0,.5);width:100%;height:100%;z-index:10003}
#video{background-color:var(--color-white);margin-top:30px;margin-left:auto;margin-right:auto;display:block;height:486px;object-fit:cover}
#video.hide{display:none}
canvas#canvas{position:static;margin:30px auto 0;opacity:1;display:none}
canvas#canvas.show{display:block}
.toolbar-wrapper{width:486px;margin:20px auto}
.productionList_li .productionList_li_content .btn-wrapper{text-align:center;opacity:0}
.productionList_li:hover .productionList_li_content .btn-wrapper{opacity:1}
.btn-wrapper .try-right-upload-btn{display:block;margin-bottom:10px;margin-top:0}
#save{display:none}
#snap{display:none}
.productFilter{position:relative}
.productFilter .layui-btn:hover{background:#0898a7}
.productFilter_title{display:flex;align-items:center;flex-wrap:wrap;border-bottom:1px solid #e8ebed;background-color:#f1f4f1;padding-left:2rem;padding-right:2rem;padding-bottom:2rem;padding-top:2rem;}
.productFilter_title .li{position:relative;font-size:1.6rem;color:var(--color-almost-black);margin-right:10px;cursor:pointer;background-color:#ffff;padding-left:2rem;padding-right:3.5rem;border-radius:6px;border:1px solid #f1f1f1;white-space:nowrap}
.productFilter_title .li::after{content:'';position:absolute;display:inline-block;right:20px;top:calc(50% - 7px);transform:rotate(135deg);width:10px;height:10px;border-width:2px 2px 0 0;border-color:#ccc;border-style:solid}
.productFilter_title .li:last-child{margin-right:0}
.productFilter_content{width:100%;position:absolute;left:0;top:100%;background:var(--color-white);z-index:99}
.productFilter_content .li{display:none;align-items:center;flex-wrap:wrap;justify-content:center;background-color:#f1f4f1;border-left:1px solid #e8ebed;border-right:1px solid #e8ebed;border-bottom:1px solid #e8ebed}
.productFilter_content .li .img{width:25px;height:25px;border-radius:50%}
.li_label .checkbox{width:30px;height:30px;display:inline-block}
.li_label{display:flex;align-items:center;min-width:100px;padding:10px 0}
.contentActive{display:flex!important}
.layui-form-checked[lay-skin=primary] i{border-color:var(--theme)!important;background-color:var(--color-white)!important;color:var(--theme)!important;font-weight:700}
.layui-form-radio>i:hover,.layui-form-radioed>i{color:var(--theme)!important}
.layui-form-checkbox[lay-skin=primary]{width:100%;min-width:20px;min-height:20px;padding-top:10px;padding-bottom:10px}
.layui-form-checkbox[lay-skin=primary] i{width:20px;height:20px;font-size:var(--size16);top:9px}
.checkall{display:flex;align-items:center;font-size:var(--size16)}
#productFilter_content .layui-icon-ok{display:none}
#productFilter_content .layui-form-checkbox[lay-skin=primary] span{display:block;width:100%;height:100%;line-height:100px;text-align:center;padding-right:0}
.custom_color_filter_box,.feature_filter_box,.fit_filter_box,.gender_filter_box,.material_filter_box,.shape_filter_box{min-width:150px;height:48px;display:flex;align-items:center;padding-top:3px;border-radius:5px;padding-bottom:3px;padding-left:20px;padding-right:20px;margin-right:15px;background-color:var(--color-white);border:1px solid #e8ebed;margin-bottom:15px;text-align: center;}
.custom_color_filter_box{text-align: left;}
.feature_filter_box,.fit_filter_box,.gender_filter_box,.material_filter_box,.shape_filter_box{height:100px}
.filter_box_active{border:1px solid var(--theme)}
.productFilter_content .custom_color_filter.li{justify-content:flex-start}
#productFilter_content .custom_color_filter_box .layui-form-checkbox[lay-skin=primary] span{line-height:48px;display:block;width:100%;height:100%;padding-left:0}
#commonProduct{width:78%;margin:0 auto}
.sun#commonProduct{width:100%;}
.productionList{width:100%;position:relative;display:flex;flex-wrap:wrap}
.productionList_li{width:33.3%;position:relative;cursor:pointer}
.productionList_li.static .productionList_li_content .circleColor{display:none}
.productionList_li.static .productionList_img .productionList_img_li .img{display:none}
.productionList_li.static .productionList_img .productionList_img_li .gimg{position:absolute}
.productionList_li .productionList_li_content .glasses-box{display:none}
.product-try-right-head{position:static;display:block;opacity:1;width:100%;height:auto;max-width:100%;max-height:100%}
.mode-box{display:flex;align-items:flex-end}
.mode-box .mode-btn{padding:.8rem 1rem;border:1px solid var(--theme);cursor:pointer;font-weight:700;border-radius:5px;white-space:nowrap}
.mode-box .mode-btn.try{margin-left:5px}
.sun .mode-box{text-align:center;position:absolute;top:2rem;right:20px;display:flex}
.mode-btn-status{background-color:var(--theme);color:var(--color-white)}
.productionList_li .wrapper{display:block}
.productionList_li:hover .wrapper{box-shadow:0 0 6px 2px #ccc;transition:all .3s}
.productionList_img{position:relative;width:100%;overflow:hidden}
.productionList_img_li{position:static;left:-100%;top:0;width:100%;height:100%;display:none}
.productionList_img_li.productionListActive{display:block}
.productionList_img_li_item .productionList_imgLoad.lazyloaded{position:absolute;left:0;top:0;width:100%}
.productionList_li_content{width:100%}
.productionList_li_content .title{text-align:center;font-size:var(--size18);font-weight:700}
.cms-demo1 .circleColor,.productionList_li_content .circleColor{overflow-x:auto;white-space:nowrap;text-align:center;display:inline-block!important}
.productionList_li_content .circleColor{width:100%}
.circleColor .circleColor_li{width:2rem;height:2rem;padding:2px;border:1px solid #ccc;margin-right:10px;border-radius:50%;overflow:hidden;cursor:pointer;display:inline-block;line-height:1}
.circleColor .circleColor_li:last-child{margin-right:0}
.circleColor_li .img{width:100%;height:100%;border-radius:50%;vertical-align:unset}
.productionList_li_content .price{position:static;display:flex;align-items:center;justify-content:center}
.price .price_new{position:relative;font-size:var(--size16);font-weight:700}
.price .price_new:hover,.productionList_li_content .title:hover{color:#999!important}
.price .price_old{position:absolute;right:-70px;top:0;font-size:var(--size16);color:#e00}
.price ._favourites{position:absolute;right:38px;bottom:75px;display:none}
._favourites .glyphicon{color:var(--theme);font-size:var(--size18)}
.swiper_slide_li ._favourites{bottom:25px}
.productionList_li:hover ._favourites,.swiper_slide_li:hover ._favourites{display:block}
.productionListActive{left:0;transition:all .5s}
.circleColorActive{border:1px solid var(--color-almost-black)!important}
button.shop-now{position:relative;width:calc((100% - 20px)/ 2);margin-left:20px;height:3.7rem;line-height:3.7rem;transform:translateZ(0);text-decoration:none;text-align:center;font-size:1.4rem;overflow:hidden;cursor:pointer;transition:all .4s;box-sizing:border-box;background-color:#7fcf20;border:1px solid #7fcf20;color:var(--color-white);border-radius:4px}
button.tryon{position:relative;width:calc((100% - 20px)/ 2);height:3.7rem;line-height:3.7rem;background:var(--color-white);transform:translateZ(0);text-decoration:none;text-align:center;font-size:1.4rem;overflow:hidden;cursor:pointer;transition:all .6s;border:1px solid #666;transition:all .4s;box-sizing:border-box;background-color:var(--theme);border-color:var(--theme);color:var(--color-white);border-radius:4px}
button.tryon span{position:absolute;z-index:1;top:0;left:0;width:100%;transition:transform .5s ease}
button.tryon span:first-child{color:var(--color-white);transform:translateY(24px)}
button.tryon:hover span:first-child{transform:translateY(0)}
button.tryon span:last-child{color:var(--color-almost-black);transform:translateY(0)}
button.tryon:hover span:last-child{transform:translateY(-40px)}
.showMore_box{width:100%;text-align:center;display:none}
.showMore,.toLink{min-width:35rem;color:var(--color-white);font-size:1.8rem;border-radius:5px;background:var(--theme);margin:0 auto;cursor:pointer;font-weight:700}
.showMore:hover,.toLink_txt:hover{color:rgba(255,255,255,.9)}
.eye-window{max-width:unset;width:unset;box-sizing:border-box}
.eye-window .try-right-box{padding-left:5px;padding-right:5px;border:1px dashed #999}
.shop-now:hover{color:#7fcf20;background-color:var(--color-white)}
.tryon:hover{color:var(--theme);background-color:var(--color-white)}
.swiper-alert-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-alert-head{width:100%;height:100px;padding-top:25px}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.product-try-on-list:after{clear:both;content:"";display:block}
.product-try-on-list>.try-right-upload-btn{float:left;width:30%}
.product-try-on-list .btn-wrapper .note-info,.product-try-on-list .try-right-upload-btn .note-info{text-align:left;color:var(--color-almost-black);margin-bottom:20px}
.product-try-on-list .swiper-head{height:150px;overflow:hidden;width:60%;float:right}
.swiper-alert-head .swiper-wrapper .swiper-slide .swiper-slide-img,.swiper-head .swiper-wrapper .swiper-slide .swiper-slide-img{width:100%;height:auto;max-width:100%;max-height:1000%}
.swiper-alert-head .swiper-wrapper .swiper-slide .swiper-slide-img-close,.swiper-head .swiper-wrapper .swiper-slide .swiper-slide-img-close{display:inline-block;background:url(/media/tryon/model_close.png) no-repeat;width:14px;height:14px;background-size:contain;position:absolute;z-index:9;top:-7px;right:-7px;cursor:pointer;text-align:right}
.swiper-alert-head .swiper-button-next,.swiper-alert-head .swiper-button-prev{width:30px;height:75px;background:rgba(255,255,255,.8);top:25px;right:0;margin:0;color:rgba(255,255,255,.6)}
.swiper-head .swiper-button-next,.swiper-head .swiper-button-prev{width:30px;height:100%;background-color:rgba(255,255,255,.8);top:0;right:0;margin:0;color:var(--color-black)}
.swiper-alert-head .swiper-button-prev,.swiper-head .swiper-button-prev{background-image:url(/media/wysiwyg/static_page_resource/freshMenu/arrow_left+.png);background-size:70%;background-repeat:no-repeat;background-position-x:center;background-position-y:center}
.swiper-alert-head .swiper-button-next,.swiper-head .swiper-button-next{background-image:url(/media/wysiwyg/static_page_resource/freshMenu/arrow_right+.png);background-size:70%;background-repeat:no-repeat;background-position-x:center;background-position-y:center}
.swiper-head .swiper-button-next.swiper-button-disabled,.swiper-head .swiper-button-prev.swiper-button-disabled{color:rgba(0,0,0,.6)}
.swiper-alert-head .swiper-button-next,.swiper-alert-head .swiper-button-prev{background-color:rgba(255,255,255,.8);color:var(--color-black)}
.swiper-alert-head .swiper-button-next:after,.swiper-alert-head .swiper-button-prev:after{font-size:var(--size16);font-weight:600}
.swiper-alert-head .swiper-button-prev,.swiper-head .swiper-button-prev{left:0}
.swiper-head .swiper-button-next:after,.swiper-head .swiper-button-prev:after{font-size:var(--size24);content:unset}
.swiper-alert-head .swiper-button-next:after,.swiper-alert-head .swiper-button-prev:after{font-size:var(--size16);content:unset}
.try-alert-right-file-btn{position:absolute;right:40px;bottom:86px}
.try-alert-right-upload-btn,.try-right-upload-btn{height:40px;margin-top:20px;position:relative;margin-left:auto;margin-right:auto;z-index:7}
.common-alert-btn,.common-btn{width:100%;height:40px;background-color:var(--theme);border-radius:6px;color:#fffefe;font-size:var(--size15);text-align:center;font-weight:700;cursor:pointer}
.try-alert-right-upload-btn .common-alert-btn,.try-right-upload-btn .common-btn{line-height:40px}
.use-webcam i{display:inline-block;vertical-align:middle;width:28px;height:26px;margin-right:15px;background:url(/media/tryon/camera.png) no-repeat center;background-size:28px}
.try-alert-right-upload-btn .common-alert-btn i,.try-right-upload-btn .common-btn i{display:inline-block;vertical-align:middle;width:24px;height:26px;margin-right:15px;background:url(/media/tryon/upload.png) no-repeat;background-size:contain}
.try-alert-right-file,.try-right-file{width:100%;height:54px;margin-top:-54px;opacity:0}
.common-alert-close{display:block;float:right;background:url(/media/tryon/tryicon/close_gray.png) no-repeat;background-size:contain;width:20px;height:20px;cursor:pointer;position:absolute;top:10px;right:10px;z-index:2}
.alert-btn-wrapper:after{clear:both;content:"";display:block}
.alert-btn-webcam .alert-use-webcam i,.alert-btn-wrapper .alert-use-webcam i{display:inline-block;vertical-align:middle;width:28px;height:26px;background:url(/media/tryon/camera.png) no-repeat center;background-size:28px;margin-right:15px}
.alert-btn-wrapper .alert-use-webcam{background-color:var(--theme);width:100%;height:40px;padding-left:0;box-sizing:border-box;line-height:40px;margin-top:20px;color:#fffefe;font-size:var(--size15);text-align:center;font-weight:700;border-radius:6px;cursor:pointer}
.alert-btn-wrapper .try-alert-right-upload-btn{width:100%;margin-top:10px}
.video-box{position:fixed;top:0;left:0;background:rgba(0,0,0,.5);width:100%;height:100%;z-index:10003}
#video{background-color:var(--color-white);margin-top:30px;margin-left:auto;margin-right:auto;display:block;height:486px;object-fit:cover}
#video.hide{display:none}
canvas#canvas{position:static;margin:30px auto 0;opacity:1;display:none}
canvas#canvas.show{display:block}
.toolbar-wrapper{width:486px;margin:20px auto}
.productionList_li .productionList_li_content .btn-wrapper{text-align:center;opacity:0}
.productionList_li:hover .productionList_li_content .btn-wrapper{opacity:1}
.btn-wrapper .try-right-upload-btn{display:block;margin-bottom:10px;margin-top:0}
#save{display:none}
#snap{display:none}
#apply,#snap,#start{width:180px;color:var(--color-almost-black);border:1px solid var(--color-almost-black);border-radius:5px;font-size:var(--size16);padding-top:10px;padding-bottom:10px;background-color:var(--color-white)}
#apply:hover,#snap:hover,#start:hover{background-color:var(--theme);color:var(--color-white);border:1px solid var(--theme)}
.btn-wrapper .use-webcam{background-color:var(--theme);border-radius:6px;color:#fffefe;font-size:var(--size18);text-align:center;font-weight:700;cursor:pointer;line-height:40px;display:block;height:40px}
.try_Online_upload{float:left}
.eye-close{display:block;float:right;background:url(/media/tryon/tryicon/close_gray.png) no-repeat;background-size:contain;width:20px;height:20px;cursor:pointer;position:absolute;top:2px;right:2px;z-index:2}
#eye-position{position:static;display:block;opacity:1;margin-top:20px}
.position-img-box{position:relative}
.position-img-box .red-btn{position:absolute;width:30px;height:30px;top:30%;left:30%;cursor:pointer}
.position-img-box .right-eye.red-btn{left:60%}
.position-img-box .red-btn:before{content:"";width:100%;height:2px;background-color:red;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.position-img-box .red-btn:after{content:"";width:2px;height:100%;background-color:red;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.webcam-box .red-btn{display:none}
.webcam-box .move .red-btn{display:block}
.try-glass{background:#2fabe0;color:var(--color-white);border-color:#2fabe0;padding:10px}
.try-glass:hover{border-color:#2fabe0;background:#2fabe0;color:var(--color-white)}
#eye-window .toolbar-box{text-align:center;margin-top:20px;margin-bottom:20px}
#questionMore{display:inline-block;width:150px;color:var(--color-almost-black);border-radius:5px;background:#eee;height:25px;line-height:25px}
@media (min-width:768px) and (max-width:991px){.try-alert-right-file-btn{right:10px;bottom:60px}
.try-left-box{width:220px;margin-top:20px}
.glasses-list{width:100%;height:435px}
.try-content{padding:10px}
.eye-window{padding:20px}
.try-on-box .toolbar{margin-top:0}
.swiper-alert-head{padding-top:0;height:auto;margin-bottom:5px}
.swiper-alert-head .swiper-button-next,.swiper-alert-head .swiper-button-prev{width:30px;height:100%;background-color:rgba(255,255,255,.8);top:0;right:0;margin:0;color:var(--color-black)}
.try-alert-right-upload-btn,.try-right-upload-btn{margin-top:0;height:40px}
.alert-btn-wrapper .alert-use-webcam{height:40px;margin-top:10px}
.alert-btn-wrapper .alert-use-webcam,.try-alert-right-upload-btn .common-alert-btn{line-height:40px}
.try-alert-right-upload-btn .common-alert-btn{padding:0}
.swiper-alert-head .swiper-wrapper .swiper-slide .swiper-slide-img-close,.swiper-head .swiper-wrapper .swiper-slide .swiper-slide-img-close{right:0;top:0}
.title-box .title{margin-top:45px}
.login-container .block{width:25%}
.try-icon{float:left;width:25pt;height:25pt;cursor:pointer}
.alert-window.try-on-box{background-color:var(--color-white)}
.try-content{position:static;transform:translate(0);margin:auto;text-align:center}
.try-right-head-box{margin-bottom:5pt}
.try-right-head-tool{display:none}
.try-base-tool{position:absolute;z-index:9;bottom:5pt;width:calc(100% - 34pt);margin:0 17pt}
.try-base-tool-left{width:100%;height:65pt;text-align:left;display:inline-block;margin-top:5pt;position:relative;overflow:hidden}
.try-base-tool-left .try-icon{position:absolute}
.try-base-tool-left .icon-add{top:0;left:0;background:url(/media/tryon/tryicon/add_mobile.png) no-repeat;background-size:contain;margin-right:10pt;margin-bottom:6pt}
.try-base-tool-left .icon-narrow{top:40pt;left:0;background:url(/media/tryon/tryicon/narrow_mobile.png) no-repeat;background-size:contain;margin-bottom:6pt}
.try-base-tool-left .icon-turn-right{top:0;right:0;background:url(/media/tryon/tryicon/turn_right_mobile.png) no-repeat;background-size:contain}
.try-base-tool-left .icon-turn-left{top:40pt;right:0;background:url(/media/tryon/tryicon/turn_left_mobile.png) no-repeat;background-size:contain}
.try-base-tool-right{display:none}
.alert-use-webcam,.try-alert-right-upload-btn .common-alert-btn,.try-right-upload-btn .common-btn{line-height:32pt;padding:0;font-size:12pt}
.alert-use-webcam{width:100%;height:40px;background-color:var(--theme);border-radius:6px;color:#fffefe;font-size:12pt;text-align:center;font-weight:700;line-height:40px;cursor:pointer}
.swiper-glasses{margin-top:20pt}
.help-wrapper{z-index:100}
.help-content{width:90%}
.note-info{margin-top:0;font-size:12pt}
.alert-btn-webcam{display:none}
.try-swiper-input{left:0}
.try-right-box{padding-right:0}
}
@media (max-width:767px){.eye-close{right:10px;top:10px}
#eye-position{width:100%}
button.tryon{width:100%}
button.shop-now{width:100%;margin-top:10px;margin-left:0}
.mode-box{position:static;justify-content:center}
.product-try-on-list{width:calc(100% - 40px);margin-left:20px}
.product-try-on-list .swiper-head{width:100%;padding-top:10px}
.product-try-on-list .btn-wrapper,.product-try-on-list>.try-right-upload-btn{width:100%;margin-top:10px;height:auto}
.try-icon{float:left;width:25pt;height:25pt;cursor:pointer}
.alert-window.try-on-box{background-color:var(--color-white)}
.try-content{position:static;height:100%;transform:translate(0);padding:15px}
.try-right-head-box{height:auto;margin-bottom:5pt}
.try-right-head-tool{display:none}
.try-base-tool{position:absolute;z-index:9;bottom:5pt;width:calc(100% - 34pt);margin:0 17pt}
.try-base-tool-left{width:100%;height:65pt;text-align:left;display:inline-block;margin-top:5pt;position:relative;overflow:hidden}
.try-base-tool-left .try-icon{position:absolute}
.try-base-tool-left .icon-add{top:0;left:0;background:url(/media/tryon/tryicon/add_mobile.png) no-repeat;background-size:contain;margin-right:10pt;margin-bottom:6pt}
.try-base-tool-left .icon-narrow{top:40pt;left:0;background:url(/media/tryon/tryicon/narrow_mobile.png) no-repeat;background-size:contain;margin-bottom:6pt}
.try-base-tool-left .icon-turn-right{top:0;right:0;background:url(/media/tryon/tryicon/turn_right_mobile.png) no-repeat;background-size:contain}
.try-base-tool-left .icon-turn-left{top:40pt;right:0;background:url(/media/tryon/tryicon/turn_left_mobile.png) no-repeat;background-size:contain}
.try-base-tool-right{display:none}
.alert-btn-webcam,.try-alert-right-upload-btn,.try-right-upload-btn{width:90%;height:32pt;margin:5pt auto}
.alert-use-webcam,.try-alert-right-upload-btn .common-alert-btn,.try-right-upload-btn .common-btn{line-height:32pt;padding:0;font-size:12pt}
.alert-use-webcam{width:100%;height:40px;background-color:var(--theme);border-radius:6px;color:#fffefe;font-size:12pt;text-align:center;font-weight:700;line-height:40px;cursor:pointer}
.swiper-glasses{margin-top:20pt}
.swiper-alert-head .swiper-button-next,.swiper-glasses .swiper-button-next,.swiper-head .swiper-button-next{right:-5pt;display:none}
.swiper-alert-head .swiper-button-prev,.swiper-glasses .swiper-button-prev,.swiper-head .swiper-button-prev{left:-5pt;display:none}
.help-wrapper{z-index:100}
.help-content{width:90%}
.note-info{margin-top:0;font-size:12pt}
}
@media (max-width:767px){.alert-window.try-on-box{overflow:auto}
.try-right-box{width:100%}
#commonProduct,.sun#commonProduct{width:100%}
.productionList_li{width:50%;padding:5px}
.productionList_li .wrapper{padding:5px}
.productionList_li_content .price{padding-left:20px;padding-right:20px}
.price .price_old{left:5px;top:15px;font-size:var(--size13)}
.showMore{padding:10px 0;border-radius:30px}
.use-webcam{width:100%;height:40px;background-color:var(--theme);border-radius:6px;color:#fffefe;font-size:var(--size18);text-align:center;font-weight:700;cursor:pointer;line-height:40px}
.common-btn{margin-bottom:10px;line-height:40px}
.product-try-on-list .swiper-head{height:100%}
#apply{margin-right:0!important;margin-bottom:10px!important}
.mode-box,.sun .mode-box{position:static;justify-content:center;margin:1.5rem 0;}
}