.chooseGlasses-container :deep(.chooseGlasses-content) .gs-face{padding:10px}.chooseGlasses-container :deep(.chooseGlasses-content) .gs-face .top-desc h1{font-size:36px}.chooseGlasses-container :deep(.chooseGlasses-content) .gs-face .top-desc h2{font-size:22px}.chooseGlasses-container :deep(.chooseGlasses-content) .gs-face .top-desc p{color:#4d4d4d;margin-bottom:auto}.chooseGlasses-container :deep(.chooseGlasses-content) .gs-face .top-desc hr{border:none;height:1px;background-color:#0a0a0a;width:20%}.chooseGlasses-container :deep(.chooseGlasses-content) .gs-face .face-size{background-color:#a4c5e9}.chooseGlasses-container :deep(.chooseGlasses-content) .gs-face .face-size .desc{color:#f0f0f0}.chooseGlasses-container :deep(.chooseGlasses-content) .gs-face .face-guide{background-color:#dbf0ed}.chooseGlasses-container :deep(.chooseGlasses-content) .gs-face .face-guide h3{font-size:24px}.chooseGlasses-container :deep(.chooseGlasses-content) .gs-face .face-guide p{text-indent:25px}.chooseGlasses-container :deep(.chooseGlasses-content) .gs-face .b-link{font-size:32px;padding:50px 0}.chooseGlasses-container :deep(.chooseGlasses-content) .gs-face .b-link a{color:#5b5a5a;padding:0 10px;text-decoration:underline}.chooseGlasses-container :deep(.chooseGlasses-content) .p_beforeImg1{display:inline-block;padding-left:75px;position:relative}.chooseGlasses-container :deep(.chooseGlasses-content) .p_beforeImg1:before{display:inline-block;margin-left:-75px;margin-top:2px;position:absolute;content:"";width:59px;height:18px;background:url(https://res.glassesshop.com/assets/images/how/2.png) no-repeat;background-size:100%}.chooseGlasses-container :deep(.chooseGlasses-content) .how-table .row-h{background-color:#d7f9ff;border:1px solid #FFF}.chooseGlasses-container :deep(.chooseGlasses-content) .how-table .row-l{background-color:#edfcff;border:1px solid #FFF}.chooseGlasses-container :deep(.chooseGlasses-content) .gs-face .gs-doc-qa .q{font-size:14px;font-weight:700;border-bottom:1px solid #50b7c9}.chooseGlasses-container :deep(.chooseGlasses-content) .gs-face .gs-doc-qa .a{font-size:14px}.chooseGlasses-container :deep(.chooseGlasses-content) .gs-face .doc-disc{display:list-item;list-style-type:disc}.chooseGlasses-container :deep(.chooseGlasses-content) .face-upload{position:relative;background:#FCEFCF}.chooseGlasses-container :deep(.chooseGlasses-content) .beforeUpload{position:absolute;max-width:380px;top:50%;left:50%;transform:translate(-50%,-50%);background:#FFF;text-align:center;padding:20px 15px 60px;opacity:.98}.chooseGlasses-container :deep(.chooseGlasses-content) .upload-title{font-size:30px;font-weight:700;margin-bottom:10px}.chooseGlasses-container :deep(.chooseGlasses-content) .upload-btn{position:relative;width:240px;height:44px;line-height:44px;background:#000000;border-radius:4px;margin:0 auto;color:#fff;text-transform:uppercase}.chooseGlasses-container :deep(.chooseGlasses-content) .upload-img{display:inline-block;overflow:hidden;position:relative;margin:60px 0}.chooseGlasses-container :deep(.chooseGlasses-content) .line-move{position:absolute;left:0;animation:scan 2s linear infinite alternate;-webkit-animation:scan 2s linear infinite alternate}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(300%)}}.chooseGlasses-container :deep(.chooseGlasses-content) .upload-btn .form-control-file{position:absolute;top:0;bottom:0;z-index:10;opacity:0;cursor:pointer}.chooseGlasses-container :deep(.chooseGlasses-content) .analyzedUpload{position:absolute;height:82.8%;top:50%;left:50%;transform:translate(-50%,-50%);background:#FFF;text-align:center;opacity:.98}.chooseGlasses-container :deep(.chooseGlasses-content) .analyzed-text{position:absolute;width:100%;bottom:25px;font-weight:600;font-size:18px;color:#fff;padding:0 25px;text-align:center;line-height:1.2}.chooseGlasses-container :deep(.chooseGlasses-content) .analyzed-sliders{position:relative}.chooseGlasses-container :deep(.chooseGlasses-content) .analyzed-slider{width:100%;height:4px;background:#000000;border-radius:8px;margin-top:40px}.chooseGlasses-container :deep(.chooseGlasses-content) .analyzed-per{position:absolute;top:0;left:0;height:4px;background:#FFFFFF;border-radius:8px}.chooseGlasses-container :deep(.chooseGlasses-content) .uploadAfter{position:absolute;width:0;top:50%;left:50%;transform:translate(-50%,-50%);background:#FFF;padding:30px;animation:afterUpload .5s ease both;overflow:hidden;opacity:.98}@keyframes afterUpload{0%{min-width:0%}to{min-width:87.85%}}.chooseGlasses-container :deep(.chooseGlasses-content) .uploadHead{display:table}.chooseGlasses-container :deep(.chooseGlasses-content) .box-text{display:table-cell;font-weight:600;font-size:40px;padding-left:40px;vertical-align:middle;overflow:hidden}.chooseGlasses-container :deep(.chooseGlasses-content) .uploadHead img{width:120px}.chooseGlasses-container :deep(.chooseGlasses-content) .text-link{display:inline-block;width:180px;height:36px;line-height:34px;border-radius:4px;border:1px solid #000000;margin-top:20px;font-weight:600;font-size:14px;text-align:center;color:#000!important;text-decoration:none}.chooseGlasses-container :deep(.chooseGlasses-content) .btn-text{font-size:12px;font-weight:600;margin-left:10px;color:#000!important;text-decoration:underline}.chooseGlasses-container :deep(.chooseGlasses-content) .slider-title{font-weight:600;font-size:16px}.chooseGlasses-container :deep(.chooseGlasses-content) .uploadSliders .analyzed-slider{margin-top:5px;background:#FAF8F4}.chooseGlasses-container :deep(.chooseGlasses-content) .uploadSliders .analyzed-per{background:#FDC27D}.chooseGlasses-container :deep(.chooseGlasses-content) .uploadSliders{margin-top:20px;border-top:1px solid #dadada}.chooseGlasses-container :deep(.chooseGlasses-content) .sliderContent{margin-top:15px}.chooseGlasses-container :deep(.chooseGlasses-content) .upload-result{white-space:nowrap;line-height:1.1}@media (min-width: 992px) and (max-width: 1920px){.chooseGlasses-container :deep(.chooseGlasses-content) .upload-img{margin:3.125vw 0}.chooseGlasses-container :deep(.chooseGlasses-content) .upload-title{font-size:1.562vw;margin-bottom:.52vw}.chooseGlasses-container :deep(.chooseGlasses-content) .beforeUpload{padding:1.041vw .781vw 2.083vw}.chooseGlasses-container :deep(.chooseGlasses-content) .upload-img{width:6.25vw}.chooseGlasses-container :deep(.chooseGlasses-content) .upload-btn{width:12.5vw;height:2.291vw;line-height:2.291vw}.chooseGlasses-container :deep(.chooseGlasses-content) .analyzed-slider{margin-top:2.083vw}.chooseGlasses-container :deep(.chooseGlasses-content) .box-text{font-size:2.083vw;padding-left:2.083vw}.chooseGlasses-container :deep(.chooseGlasses-content) .uploadHead img{width:6.25vw}.chooseGlasses-container :deep(.chooseGlasses-content) .uploadAfter{padding:1.562vw}.chooseGlasses-container :deep(.chooseGlasses-content) .sliderContent{margin-top:.781vw}.chooseGlasses-container :deep(.chooseGlasses-content) .text-link{margin-top:1.041vw}.chooseGlasses-container :deep(.chooseGlasses-content) .uploadSliders{margin-top:1.041vw}.chooseGlasses-container :deep(.chooseGlasses-content) .slider-title{font-size:.8333vw}}@media (min-width: 992px) and (max-width: 1200px){.chooseGlasses-container :deep(.chooseGlasses-content) .upload-img{margin:10px 0}}@media (min-width: 320px) and (max-width: 992px){.chooseGlasses-container :deep(.chooseGlasses-content) .btn-text{display:block;margin:5px 0 0}.chooseGlasses-container :deep(.chooseGlasses-content) .main-section.container{padding:0}.chooseGlasses-container :deep(.chooseGlasses-content) .gs-face{padding:10px 0}.chooseGlasses-container :deep(.chooseGlasses-content) .gs-face .top-desc h1{font-size:32px}.chooseGlasses-container :deep(.chooseGlasses-content) .gs-face .top-desc h2{font-size:18px}.chooseGlasses-container :deep(.chooseGlasses-content) .gs-face .top-desc hr{width:40%}.chooseGlasses-container :deep(.chooseGlasses-content) .gs-face .b-link{font-size:22px;padding:50px 0}.chooseGlasses-container :deep(.chooseGlasses-content) .gs-face .b-link a{color:#5b5a5a;padding:0 10px;text-decoration:underline}.chooseGlasses-container :deep(.chooseGlasses-content) .text-uppercase{text-transform:capitalize!important}.chooseGlasses-container :deep(.chooseGlasses-content) .upload-title{font-size:24px}.chooseGlasses-container :deep(.chooseGlasses-content) .upload-img{margin:40px 0}.chooseGlasses-container :deep(.chooseGlasses-content) .beforeUpload{max-width:unset;min-width:320px;padding:20px 25px 40px}.chooseGlasses-container :deep(.chooseGlasses-content) .uploadHead img{width:80px}.chooseGlasses-container :deep(.chooseGlasses-content) .uploadHead{display:block;text-align:center}.chooseGlasses-container :deep(.chooseGlasses-content) .box-text{display:block}.chooseGlasses-container :deep(.chooseGlasses-content) .uploadAfter{padding:15px 15px 30px}.chooseGlasses-container :deep(.chooseGlasses-content) .box-text{font-size:16px;padding-left:0;text-align:center;margin-top:10px}.chooseGlasses-container :deep(.chooseGlasses-content) .text-link{display:block;margin:10px auto 0}.chooseGlasses-container :deep(.chooseGlasses-content) .slider-title{font-size:12px}.chooseGlasses-container :deep(.chooseGlasses-content) .uploadSliders{padding-top:8px}.chooseGlasses-container :deep(.chooseGlasses-content) .uploadSliders .analyzed-slider{margin-top:0}.chooseGlasses-container :deep(.chooseGlasses-content) .sliderContent{margin-top:8px}.chooseGlasses-container :deep(.chooseGlasses-content) .analyzed-slider{margin-top:20px}}@media (max-width: 359px){.chooseGlasses-container :deep(.chooseGlasses-content) .upload-img img{width:80px}.chooseGlasses-container :deep(.chooseGlasses-content) .upload-img{margin:35px 0}.chooseGlasses-container :deep(.chooseGlasses-content) .upload-title{font-size:20px}.chooseGlasses-container :deep(.chooseGlasses-content) .beforeUpload{min-width:265px;padding:20px 0}}
