.prescription-container{position:fixed;top:0;left:0;right:0;bottom:0;transition:transform .3s ease;z-index:1000;background-color:#fff;overflow:hidden;display:flex;flex-direction:column}.select-lenses-container{transform:translateY(0)}.first-translateY-100{transform:translateY(100%)}.prescription-container.open{animation:slideUp .3s ease forwards}.prescription-container .container{width:calc(100% - min(6rem,60px));height:calc(100% - min(6.7rem,67px));padding-bottom:min(10rem,100px);margin:min(4.8rem,48px) min(3.2rem,32px) min(4.8rem,48px) min(2.8rem,28px);background-color:#fff;border-radius:min(2rem,20px)}.prescription-container .container .hd-container{display:flex;align-items:flex-end;justify-content:center;height:min(5.4rem,54px)}.prescription-container .container .hd-container .iconfont{position:absolute;top:min(2.5rem,25px);right:0}.prescription-container .container .body-container{height:calc(100% - min(10.4rem,104px));padding-bottom:min(6rem,60px)}.prescription-container .header-container{display:flex;align-items:center;justify-content:space-between;height:min(7.5rem,75px);padding-left:min(1.8rem,18px)}.prescription-container .header-container .step-container{display:flex;align-items:center}.prescription-container .header-container .step-container .step-circle{width:min(3.7rem,37px);height:min(3.7rem,37px);display:flex;align-items:center;justify-content:center;background-color:#ccc;border-radius:50%}.prescription-container .header-container .step-container .step-circle.active{background-color:#0018ac}.prescription-container .header-container .step-container .step-line{width:min(3.3rem,33px);height:min(.3rem,3px);margin-left:min(1.2rem,12px);margin-right:min(1.2rem,12px);background-color:#ccc}.prescription-container .header-container .step-container .step-line.active{background-color:#0018ac}.prescription-container .body-container{padding-bottom:min(10rem,100px);overflow:auto;flex:1}.prescription-container .body-container .type-container{margin-left:min(5.6rem,56px);margin-right:min(5.4rem,54px)}.prescription-container .body-container .type-container .item-type{width:100%;height:min(10.2rem,102px);display:flex;align-items:center;border-radius:min(1rem,10px);border:1px solid #ccc}.prescription-container .body-container .type-container .item-type.active{border:2px solid #0018ac}.prescription-container .body-container .type-container .item-type .icon-container{width:min(10.4rem,104px);height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:min(2.2rem,22px)}.prescription-container .body-container .prescription-type-container .item-type .icon-container{width:min(10.4rem,104px);padding-right:min(2.5rem,25px)}.prescription-container .body-container .lens-type-container .item-type .icon-container{width:min(12.2rem,122px)}.prescription-container .body-container .type-container .item-type .icon-container img{height:100%;object-fit:contain}.prescription-container .body-container .prescription-type-container .item-type .icon-container img{width:min(4.2rem,42px)}.prescription-container .body-container .lens-type-container .item-type .icon-container img{width:min(6.6rem,66px)}.select-lenses-container-second .choose-scan-container{display:flex;align-items:center}.select-lenses-container-second .choose-scan-container .item-container{flex:1;height:min(6.5rem,65px);display:flex;align-items:center;background:linear-gradient(0deg,#eee,#fff);border-radius:10px;border:1px solid #ccc}.select-lenses-container-second .choose-scan-container .item-container .description-container{display:flex;flex-direction:column;align-items:flex-start}.select-lenses-container-second .prescription-params-container .params-container .row{display:flex;align-items:center}.select-lenses-container-second .prescription-params-container .params-container .row .cell{flex:1;display:flex;align-items:center;justify-content:center}.select-lenses-container-second .prescription-params-container .params-container .header-row{height:min(6.5rem,65px);border-bottom:1px solid #ccc}.select-lenses-container-second .prescription-params-container .params-container .body-row{height:min(7.2rem,72px);border-bottom:1px solid #ccc}.select-lenses-container-second .prescription-params-container .params-container .pupillary-distance-row{height:min(2.4rem,24px)}.select-lenses-container-second .prescription-params-container .params-container .body-row .label-cell{flex-direction:column}.select-lenses-container-second .pupillary-distance-container{padding-bottom:min(2.2rem,22px);border-bottom:1px solid #ccc}.select-lenses-container-second .pupillary-distance-container .checkbox-area{display:flex;align-items:center;justify-content:center}.select-lenses-container-second .pupillary-distance-container .checkbox-area input[type="checkbox"]{display:none}.select-lenses-container-second .prism-container{padding-bottom:min(2.2rem,22px);border-bottom:1px solid #ccc}.prism-container .prism-header-container{display:flex;align-items:center;justify-content:space-between}.prism-container .prism-header-container .add-prism{padding:min(.2rem,2px) min(2rem,20px);color:#0018ac;border:1px solid #0018ac;border-radius:min(2rem,20px)}.select-lenses-container-second .prescription-name-container{display:flex;flex-direction:column}.select-lenses-container-second .prescription-name-container .params-container .prescription-name-row{height:min(2.4rem,24px)}.select-lenses-container-second .prescription-name-container .checkbox-area{display:flex;align-items:center;justify-content:center}.select-lenses-container-second .prescription-name-container .checkbox-area input[type="checkbox"]{display:none}.select-lenses-container-second .prescription-name-container .prescription-name-input{width:41%;height:min(4.7rem,47px);border-radius:min(.6rem,6px);border:1px solid #ccc}.select-lenses-container-third .body-container .type-container .item-type{height:unset;padding-top:min(2rem,20px);padding-bottom:min(2rem,20px)}.prescription-container .body-container .lens-type-container .color-options{display:flex;align-items:center}.prescription-container .body-container .lens-type-container .color-options .color-dot{width:min(3.4rem,34px);height:min(3.4rem,34px);display:flex;align-items:center;justify-content:center;padding:min(.2rem,2px);margin-right:min(.5rem,5px);border:1px solid #fff;border-radius:50%}.prescription-container .body-container .lens-type-container .color-options .color-dot .dot{width:100%;height:100%;border-radius:50%}.prescription-container .body-container .lens-type-container .color-options .color-dot.selected{border-color:#0018ac}.select-lenses-container-third .color-modal-container{position:fixed;left:0;right:0;bottom:min(10rem,100px);width:100%;height:calc(100% - min(10rem,100px));background-color:rgba(0,0,0,.7);display:none;z-index:1002}.select-lenses-container-third .color-modal-container.open{display:block}.select-lenses-container-third .color-modal-container .close-btn{top:min(2.9rem,29px);right:min(2rem,20px)}.select-lenses-container-third .color-modal-container .modal-content{position:absolute;left:0;right:0;bottom:0;width:100%;height:min(72rem,720px);padding-top:min(3rem,30px);padding-left:min(5.1rem,51px);padding-right:min(5.1rem,51px);background-color:#fff;border-top-left-radius:min(2rem,20px);border-top-right-radius:min(2rem,20px);transform:translateY(100%)}.select-lenses-container-third .color-modal-container.open .modal-content{animation:slideUp .3s ease forwards}.select-lenses-container-third .color-modal-container .lens-color-schematic-diagram{width:min(36.2rem,362px);height:min(18.1rem,181px);margin:auto}.select-lenses-container-third .color-modal-container .lens-color-schematic-diagram .glasses-section{width:min(36.2rem,362px);height:min(18.1rem,181px);top:0;left:0;right:0}.select-lenses-container-third .color-modal-container .lens-color-schematic-diagram .glasses-frame{z-index:3}.select-lenses-container-third .color-modal-container .lens-color-schematic-diagram .glasses-temple{z-index:1}.select-lenses-container-third .color-modal-container .lens-color-schematic-diagram .glasses-lens-color{width:min(35.4rem,354px);height:min(17.7rem,177px);top:min(.2rem,2px);left:min(.4rem,4px);right:min(.4rem,4px);z-index:2;opacity:.5}.select-lenses-container-third .color-modal-container .modal-color-options{display:flex;align-items:center;flex-wrap:wrap}.select-lenses-container-third .color-modal-container .modal-color-options .modal-color-item{width:25%;display:flex;align-items:center;flex-direction:column}.select-lenses-container-third .color-modal-container .modal-color-options .modal-color-item .modal-color-dot{width:min(5.3rem,53px);height:min(5.3rem,53px);display:flex;align-items:center;justify-content:center;padding:min(.3rem,3px);border:2px solid #fff;border-radius:50%}.select-lenses-container-third .color-modal-container .modal-color-options .modal-color-item .modal-color-dot .dot{width:100%;height:100%;border-radius:50%}.select-lenses-container-third .color-modal-container .modal-color-options .modal-color-item .modal-color-dot.selected{border-color:#0018ac}.select-lenses-container-fourth .section-container{display:flex;align-items:center;margin-bottom:min(6.8rem,68px)}.select-lenses-container-fourth .section-container .section-title{width:min(14.7rem,147px);margin-right:min(1rem,10px)}.select-lenses-container-fourth .section-container .section-content{flex:1}.select-lenses-container-fourth .section-container .section-content .section-header{display:flex;align-items:center;justify-content:space-between}.select-lenses-container-fourth .section-container .section-content .section-header .column{flex:1;padding-left:min(1.4rem,14px)}.select-lenses-container-fourth .section-container .section-content .section-header .column.price-column{flex:.7}.select-lenses-container-fourth .section-container .section-content .section-header .column.coating-type-column{flex:2;padding-right:min(2rem,20px)}.select-lenses-container-fourth .thickness-container .section-content .section-header .column{flex:.7}.select-lenses-container-fourth .thickness-container .section-content .section-header .column:nth-child(2n){flex:1}.select-lenses-container-fourth .thickness-container .section-content .section-header .column.price-column{flex:.5;margin-left:min(1rem,10px)}.select-lenses-container-fourth .section-container .section-content .section-option-group .option{display:flex;align-items:center;justify-content:space-between;padding-left:min(1.4rem,14px);border-bottom:1px solid #ccc}.select-lenses-container-fourth .section-container .section-content .section-option-group .option.selected{color:#0018ac;border-radius:min(1rem,10px);border:min(.2rem,2px) solid #0018ac}.select-lenses-container-fourth .thickness-container .section-option-group .option.selected .column{font-size:min(2.6rem,26px) !important}.select-lenses-container-fourth .thickness-container .section-option-group .option.selected .column:nth-child(2n){font-size:min(1.8rem,18px) !important}.select-lenses-container-fourth .thickness-container .section-option-group .option{padding-top:min(1.7rem,17px);padding-bottom:min(1.7rem,17px)}.select-lenses-container-fourth .section-option-group .option{padding-top:min(1.2rem,12px);padding-bottom:min(1.2rem,12px)}.select-lenses-container-fourth .coatings-container .section-option-group .option.selected{padding-top:min(.5rem,5px);padding-bottom:min(.5rem,5px)}.select-lenses-container-fourth .section-container .section-content .section-option-group .option input[type="radio"]{display:none}.select-lenses-container-fourth .section-container .section-content .section-option-group .option .radio-icon{width:min(2.5rem,25px);height:min(2.5rem,25px);position:relative;display:inline-block;border:1px solid #999;border-radius:50%;margin-right:min(1.3rem,13px)}.select-lenses-container-fourth .section-container .section-content .section-option-group .option .radio-icon::after{width:min(1rem,10px);height:min(1rem,10px);content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;border-radius:50%;background-color:transparent}.select-lenses-container-fourth .section-container .section-content .section-option-group .option input[type="radio"]:checked+.radio-icon{border-color:#0018ac}.select-lenses-container-fourth .section-container .section-content .section-option-group .option input[type="radio"]:checked+.radio-icon::after{background-color:#0018ac}.select-lenses-container-fourth .section-container .section-content .section-option-group .option .column{flex:1}.select-lenses-container-fourth .section-container .section-content .section-option-group .option .column.price-column{flex:.7}.select-lenses-container-fourth .section-container .section-content .section-option-group .option .column.coating-type-column{flex:2;padding-right:min(2rem,20px)}.select-lenses-container-fourth .thickness-container .section-content .section-option-group .option .column{flex:.5}.select-lenses-container-fourth .thickness-container .section-content .section-option-group .option .column:nth-child(2n){flex:1}.select-lenses-container-fourth .thickness-container .section-content .section-option-group .option .column.price-column{flex:.45;margin-left:min(1rem,10px)}.prescription-details{background-color:rgba(0,0,0,.7);transform:translateY(100%);z-index:2000}.prescription-details.open{z-index:2000}.prescription-details .body-container{padding-bottom:min(6rem,60px)}.prescription-details .body-container .frame-container{display:flex;align-items:center;justify-content:space-between}.prescription-details .body-container .frame-container .frame-price{display:flex;align-items:center}.prescription-container .body-container .vision-container{border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-radius:min(1rem,10px);overflow:hidden}.prescription-container .body-container .vision-container .row{display:flex;align-items:center;text-align:center}.prescription-container .body-container .vision-container .row.none{display:none}.prescription-container .body-container .vision-container .row .cell{flex:1;display:flex;align-items:center;justify-content:center}.prescription-container .body-container .vision-container .header-row{background-color:#f6f6f6;border-bottom:1px solid #ccc}.prescription-container .body-container .vision-container .header-row-first{height:min(4.6rem,46px)}.prescription-container .body-container .vision-container .header-row-second{height:min(7rem,70px)}.prescription-container .body-container .vision-container .body-row{height:min(6rem,60px);border-bottom:1px solid #ccc}.prescription-container .body-container .vision-container .body-row:last-child{border-bottom:unset}.prescription-container .body-container .vision-container .row .label-cell{height:100%;flex-direction:column;background-color:#f6f6f6;border-right:1px solid #ddd}.prescription-details .body-container .prescription-image-container{padding-bottom:min(2.7rem,27px);border-bottom:1px solid #ccc}.prescription-details .body-container .prescription-image-container .style-hub-photo .photo-item{width:min(7.7rem,77px);height:min(7.9rem,79px)}.prescription-details .body-container .lens-container{padding-bottom:min(3.7rem,37px);border-bottom:1px solid #ccc}.prescription-details .body-container .lens-container .item-detail{display:flex;align-items:center;justify-content:space-between}.prescription-details .body-container .lens-container .item-detail .price-container{display:flex;align-items:center}.prescription-details .total-container{position:absolute;left:min(2.8rem,28px);right:min(2.8rem,28px);bottom:min(7.4rem,74px);padding-top:min(3rem,30px);background-color:#fff}.prescription-details .total-container .item-container{display:flex;align-items:center;justify-content:space-between}.confirm-prescription-details .container{height:unset;padding-bottom:unset;margin:auto}.confirm-prescription-details .operate-container{display:flex;align-items:center;justify-content:center}.confirm-prescription-details .operate-container .prescription-btn{display:flex;align-items:center;justify-content:center;height:min(6.2rem,62px);border-radius:min(3rem,30px)}.confirm-prescription-details .operate-container .prescription-edit-btn{width:min(16rem,160px);background-color:#fff;border:1px solid #ccc}.confirm-prescription-details .operate-container .prescription-confirm-btn{width:min(19.2rem,192px);background-color:#0018ac;border:1px solid #0018ac}.my-prescriptions{background-color:rgba(0,0,0,.7);transform:translateY(100%)}.my-prescriptions .card{margin-top:min(3.6rem,36px);border:min(.2rem,2px) solid #ccc;border-radius:min(1rem,10px)}.my-prescriptions .card.selected{border-color:#0018ac}.my-prescriptions .vision-container{margin-left:min(1.5rem,15px);margin-right:min(1.5rem,15px);margin-bottom:min(2.2rem,22px)}.my-prescriptions .card .card-header{padding-top:min(1.9rem,19px);padding-left:min(1.8rem,18px)}.my-prescriptions .card .card-header .iconfont{top:min(-1rem,-10px);right:min(-1rem,-10px);z-index:999}.my-prescriptions .card .row{display:flex;align-items:center}.my-prescriptions .card .header-row{height:min(4.1rem,41px)}.my-prescriptions .card .body-row{height:min(6rem,60px);border-bottom:1px solid #ccc}.my-prescriptions .card .bottom-row{height:min(5rem,50px)}.my-prescriptions .card .card-prism{border-top:1px solid #ccc}.my-prescriptions .card .label-cell{flex-direction:column}.my-prescriptions .operate-container{position:absolute;left:0;right:0;bottom:0;width:100%;height:min(10rem,100px);display:flex;align-items:center;justify-content:space-around;box-shadow:0 5px 22px rgba(0,0,0,.5)}.my-prescriptions .operate-container .prescription-confirm{width:min(18rem,180px);height:min(5.9rem,59px);border-radius:min(3rem,30px);background-color:#0018ac}.fixed-bottom-container{position:fixed;left:0;right:0;bottom:0;width:100%;height:min(10rem,100px);display:flex;align-items:center;justify-content:space-between;background-color:#fff;box-shadow:0 5px 22px rgba(0,0,0,.5);z-index:1003}.fixed-bottom-container .left-container{display:flex;align-items:center;justify-content:center}.fixed-bottom-container .left-container .frame-picture{width:min(10.8rem,108px);height:auto;max-height:min(5.4rem,54px);object-fit:contain}.fixed-bottom-container .left-container .frame-schematic-diagram{width:min(10.8rem,108px);height:min(5.4rem,54px);margin:auto}.fixed-bottom-container .left-container .frame-schematic-diagram .glasses-section{width:min(10.8rem,108px);height:min(5.4rem,54px);top:0;left:0;right:0}.fixed-bottom-container .left-container .frame-schematic-diagram .glasses-frame{z-index:3}.fixed-bottom-container .left-container .frame-schematic-diagram .glasses-temple{z-index:1}.fixed-bottom-container .left-container .frame-schematic-diagram .glasses-lens-color{width:min(10rem,100px);height:min(5rem,50px);top:min(.2rem,2px);left:min(.4rem,4px);right:min(.4rem,4px);z-index:2;opacity:.5}.fixed-bottom-container .left-container .product-info .product-detail{display:flex;align-items:center}.fixed-bottom-container .select-lenses-submit{width:min(17.7rem,177px);height:min(5.9rem,59px);display:flex;align-items:center;justify-content:center;background-color:#0018ac;border-radius:min(3rem,30px)}