#selectlens{position: fixed;width: 100%;height: 100%;background: #f5f6fa; bottom: 0;left: 0;z-index: 1001;display: none; background: #FFFFFF;}
  #selectlens #selectlens-left{width: 40%; background: #FAFAFA; box-shadow: inset -10px 0px 10px -10px #dedede; display: flex; justify-content: center; align-items: center;}
  #selectlens #selectlens-right{background: #FFFFFF; overflow-y: scroll; width: 57%; margin-left: 1.5%; margin-bottom:135px;}

  #selectlens .step-div .step-div-title{text-align: left; font-size: 24px; font-weight: bold; padding: 0; padding-left: 40px;}
  #selectlens .step-div .step-div-title img{width: 20px;margin-left: 8px;cursor: pointer;}

  #selectlens-right::-webkit-scrollbar {width: 0px;}
  #selectlens-right::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);background: rgba(0,0,0,0);}
  #selectlens-right::-webkit-scrollbar-track {border-radius: 0;background: transparent;}
  #selectlens #selectlens-right #selectlens-right-top{margin-top:20px; position:relative;}
  #selectlens #selectlens-right .hidelens—btn {right: 0;top: -7px;}
  #selectlens .container-PrescriptionType,#selectlens .container-LensType,#selectlens .container-Lens{ margin-top: 10px; padding: 10px 0;}
  #selectlens .pres-box-slide { 
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 100;
    position: relative;
    background: #fff;
    border: 1px solid #ddd;
    padding: 1px;
    border-radius: 15px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 30px;
    padding: 20px 0; min-height: 150px; height:auto;
  }
  #selectlens .pres-box-choose,#selectlens .pres-box-slide:hover {border: 1px solid #ff0077 !important;}
  .pres-box-slide .pres-img{width: 100px; margin-left: 30px; margin-top: 10px;}
  .step-div-4 .pres-img{width: 50px;}
  #lens-v-31 .pres-img,#lens-v-32 .pres-img{ width: 100px; margin-left: 30px; margin-top: 10px;}

  .pres-box-slide .pres-box{text-align: left; margin-left: 30px; width: 100%;}

  .pres-box-2nd{
    display:none;     
    text-align: center;
    cursor: pointer;
    height: 150px;
    width: 100%;
    position: absolute;
    left: 0;
    background: #ffffff;
  }

  .pres-box .pres-name,.pres-box-2nd .pres-name{font-size: 20px; color:#333333; font-weight: bolder;}
  .pres-box .pres-desc,.pres-box-2nd .pres-desc{
    font-size: 18px;
    line-height: 26px;
    color: #666666;
    margin-top: 10px;
  }
  #selectlens .pres-box-2nd-b{ 
    height:100%;
  }
  #selectlens .pres-box-2nd .reading-radio-span{    
      width: 17px;
      height: 17px;
      border: 1px solid #000000;
      border-radius: 50%;
      display: inline-block;
      background: #ffffff;
      margin-right: 10px;
      flex-shrink: 0;
  }
  #selectlens .pres-box-2nd .reading-radio-choose .reading-radio-span{
    border-color: #ff0078!important;
    background: #ff0078!important;
    position: relative;
  }
  #selectlens .pres-box-2nd .br-line{width:1px; height:70px; border-right:1px solid #dddddd;}
  #selectlens .pres-box-2nd .reading-radio-choose .reading-radio-span:after {
      width: 8px;
      height: 8px;
      border-radius: 100%;
      background-color: #fff;
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      transition: transform .15s ease-in;
      transform: translate(-45%,-55%) scale(1);
  }

  /*step-div-3*/
  #selectlens .step-div-3 .pres-box {
    margin-left: 0;
  }
  #selectlens .step-div-3 .lenstype-v-box,#selectlens .step-div-4 .lens-v-box{border: 1px solid #FAFAFA; background:#FAFAFA;}
  #selectlens .step-div-3 .pres-img-bd{position: relative; width: 150px;    height: 100px;    margin-left: 30px;    margin-top: 10px;}
  #selectlens .step-div-3 .pres-img {margin:0; position:absolute; z-index: 3;left: 0; top: 0;}
  #selectlens .step-div-3 .sl-lens-b{     width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    background: #fafafa;}
  #selectlens .step-div-3 .sl-lens-c{ width: 90%; height: 90%; position: absolute; top: 5%;    left: 5%;    z-index: 1;    opacity: 0.9; max-width: 90px;    background-size: 130%;}
  /*镜片价格*/
  #selectlens .pres-sale{position: absolute;right: 0;top: 0;background: #ffd7ed;color: #f10081;border-bottom-left-radius: 15px;padding: 0 8px;font-size: 13px;}
  #selectlens .step-div-3 .pres-name,#selectlens .step-div-4 .pres-name{float:left;}
  #selectlens .step-div-3 .pres-price,#selectlens .step-div-4 .pres-price{float:right; margin-right:30px;}
  #selectlens .pres-price span{font-size: 20px; font-weight: bolder;}

  /*lens color*/
  #selectlens .pres-color{
      display: flex;
      flex-wrap: wrap;
      margin-top: 5px;
  }
  #selectlens .pres-color-li{ 
      border-radius: 50%;
      border: 1px solid transparent;
      width: 55px;
      height: 55px;
      position: relative;
  }
  #selectlens .pres-color span{    
    display: inline-block;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      border: 1px solid #e1dada;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
  }
  #selectlens .pres-box-choose .pres-color-choose{
      border-color: #ff0077;
      box-shadow: 0 3px 9px 0 #c4cee6;
  }
  /*step-div-4*/
  #selectlens .step-div-4 .pres-ds{display:flex; flex-wrap: wrap; margin-top:20px;}
  #selectlens .step-div-4 .pres-desc-ds{ margin: 0 35px 5px 0;}
  #selectlens .step-div-4 .pres-desc-ds .icon{ font-size: 14px; color: #038606;}
  #selectlens .step-div-4 .pres-df{ float:right; margin-right:30px; margin-top:10px; }
  #selectlens .lens-recommend-show .pres-name{color:#f10081;}
  #selectlens .step-div-4 .border-bd{border-bottom: 2px dashed #dddddd; padding-bottom: 5px;}
  #selectlens .step-div-4 .pres-st{display:inline-block; float:right; font-weight: normal; color: #333333 !important; margin-left: 50px;}

  /*step-line*/
  #selectlens .step-div-top-box{ width: 57%; position: absolute; bottom: 0; height: 130px; background: #ffffff; z-index: 9999; padding-top: 10px;}
  #selectlens .step-div-top{ width: 100%;}
  #selectlens .step-div-top .step-line{border-top: 2px solid #ccc; width: 25%;}
  #selectlens .step-div-top .step-line-chosen{border-top: 2px solid #00C905;}
  #selectlens .sl-subtotal-area{float: right; display: flex; color: #333333; font-size: 24px; margin-top: 5px;}
  #selectlens .process-btn-area{float: right; height: 40px; display: block; min-width: 1px;}
  #selectlens .process-btn-area #pres-next-btn{width: 150px; height: 40px; padding: 0; display:none;}

  /*selectlens-left*/
  #selectlens .process-info-area{min-height:350px;}
  #selectlens .process-info-area #sl-pimg{ width: 100%; filter: brightness(98%);}
  #selectlens .process-info-area #sl-t1,#selectlens .process-info-area #sl-t2,#selectlens .process-info-area #sl-lens{display:none;}
  #selectlens #sl-pimg-box{ position: relative; font-size: 0; width: 100%; max-width: 600px;}
  #selectlens #sl-t1{position: relative; z-index: 2; width:100%; filter: brightness(98%);}
  #selectlens #sl-t2{position: absolute; top: 0; left: 0; z-index: 1; width:100%;}
  #selectlens #sl-lens{width: 98%; height: 98%; position: absolute; top: 1%; left: 1%; z-index: 1; opacity: 0.9;}

  /*lens detail*/
  #lens-info-detail{
      width: 90%;
      margin: 0 auto;
      padding-bottom: 10px;
      font-size: 16px;
      min-height: 240px;
  }
  #lens-info-detail .sl-desc-title{font-weight: bolder; color: #333; display:none;}   
  #lens-info-detail #sl-desc-title-frame{display:block;}
  #lens-info-detail .sl-desc-val {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      color: #333;
  } 

  #lens-info-detail .sl-desc-name {
      text-transform: capitalize;
  }

#selectlens .btn-primary, #PrescriptionConfirmModal .btn-primary, #PrescriptionConfirmModal .btn-primary:hover{
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}