body {
  margin: 0;
  overflow: hidden;
}
#scroller-detail{
  width: 960px;
  margin: 0 auto;
}

#pull-right-refresh{
  position: absolute;
  left:0;
  color:#8f8f95;
  width:30px;
  margin-left: -50px;
}

#pull-right-refresh img{
  transform:rotate(90deg) translateZ(0);
  transition: all 0.3s linear;

  height: 30px;
}
.pull-right-release img{
  transform:rotate(270deg) translateZ(0) !important;

  transition: all 0.3s linear;
  height: 30px;
}
#pull-left-refresh{
  display: inline-block;
  position: absolute;
  right: 0;
  width:30px;
  margin-right: -50px;
  color:#8f8f95;

}


#pull-left-refresh img{
  transform:rotate(270deg) translateZ(0);
  transition: all 0.3s linear;

  height: 30px;
}

.pull-left-release img{
  transform:rotate(90deg) translateZ(0) !important;

  transition: all 0.3s linear;
  height: 30px;
}
.parameter-detail .detail {
  display: table;
  width: 100%;
  background-color: #fff
}

.parameter-detail .detail .group .item .inner {
  display: table-cell;
  color: #666;
  text-align: center;
  vertical-align: middle;
  white-space: normal;
}

.parameter-detail .detail .main .slide {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}


.parameter {
  background-color: #EFEFF4;
  display: flex;
  flex-direction: column;
  height: 100%;
  &-detail {
    flex: 1;
    position: relative;
    border: none;
    overflow-x: hidden;

    .hasRental {
      font-size: 22px !important;
      background-color: #FAFAFC;
      color: #B1B1B5;
      text-align: center;
      line-height: 88px;
      height: 88px;
      border-bottom: 0.01rem solid #e0e0e0;
    }

    .canRental {
      font-size: 22px !important;
      text-align: center;
      line-height: 88px;
      height: 88px;
      border-bottom: 0.01rem solid #e0e0e0;
    }

    .cannotRental {
      font-size: 22px !important;
      background-color: #EFEFF4;
      opacity: 0.3;
      color: #8F8F95;
      text-align: center;
      line-height: 88px;
      height: 88px;
      border-bottom: 0.01rem solid gray;
    }

    header {
      // overflow: visible !important;
      .weekDate {
        position: fixed;
        z-index: 200;
        // overflow: visible !important;
        display: table;
        // height: 80px;
        background-color: #fff;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        .slide {
          position: absolute;
          top: 0;
          left: 0;
          height: 80px;
          // white-space: nowrap;
          border-bottom: 1px solid #e0e0e0;

        }
        .left {
          display: table-cell;
          border-right: solid #e0e0e0 1px;
          vertical-align: middle;
          text-align: center;
          border-bottom: 1px solid #e0e0e0;

        }

      }
      .weekDate1{
        // z-index: 300;
        display: table;
        height: 80px;
        // overflow: visible !important;
        background-color: #fff;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        .slide {
          position: absolute;
          top: 0;
          left: 0;
          height: 80px;
          // overflow: visible !important;
          // white-space: nowrap;
          border-bottom: 1px solid #e0e0e0;

        }
        .left {
          // overflow: visible !important;
          display: table-cell;
          border-right: solid #e0e0e0 1px;
          vertical-align: middle;
          text-align: center;
          border-bottom: 1px solid #e0e0e0;

        }
      }
      .select-date {
        color: #4285F4;
        font-size: 28px;
        position:relative;
        background-color:white;
        opacity: 1;
        z-index:1000
      }
      .main {
        width:100%;
        position: relative;
        display: table-cell;
        padding: 0;
        height:80px;
        touch-action: pan-y pinch-zoom;
        // overflow: visible;
        .column {
          position: relative;
          white-space: nowrap;
          display: table-cell;
          height: 80px;
          vertical-align: middle;
          text-align: center;
          color: #494949;
          border-right: 1px solid #e0e0e0;

        }
        .week-num {
          font-size: 24px;
          color: #494949;

        }
        .week-month {
          font-size: 18px;
          color: #6D6D72;
        }
      }
    }

    .scroller-detail {
      &-first-column {
        height: 80px;
      }
      &-column {
        height: 89px;
        // border-bottom: 1px solid #e0e0e0;
        .inner {
          border-right: 1px solid #e0e0e0;
        }
      }
    }
    .detail-body{
      // overflow-y: hidden;
      background-color:#f5f5f5;
      overflow:hidden;
      touch-action: pan-x pinch-zoom;
      display: block;
    }
    .nav-bar {
      .main {
        position: relative;
        display: table-cell;
        overflow: hidden;
        padding: 0;
        touch-action: pan-y pinch-zoom;
      }
      .left {
        display: table-cell;
        border-right: 1px solid #e0e0e0;
        position:relative;
        background-color:white;
        opacity: 1;
        z-index:1000;
      }
      &-per-half-day-first-column{
        height: 80px;
        .inner {
          display: table-cell;
          color: #666;
          text-align: center;
          vertical-align: middle;
          white-space: normal;
        }
        display: table;
        text-align: center;
      }
      &-first-column {
        height: 128px;
        .inner {
          display: table-cell;
          color: #666;
          text-align: center;
          vertical-align: middle;
          white-space: normal;
        }
        display: table;
        text-align: center;
      }

      &-day-date{
        height: 88px;
      }
      &-column {
        &-per-day{
          .blank-013rem{
            height:13px;
          }
          .day-style{
            font-size: 24px;
          }
          .day-str-style{
            font-size: 18px;
            color:#6d6d72;
          }
          // border-bottom: 1px solid #e0e0e0;
          text-align: center;
          height: 89px;
          font-size: 28px;
          color: #494949;
        }
        .inner {
          display: table-cell;
          text-align: center;
          vertical-align: middle;
          white-space: normal;
        }
        text-align: center;
        // line-height: 88px;
        font-size: 28px;
        color: #494949;
        .half-day-date{
          float:left;
          border-bottom: 1px solid #e0e0e0;

          &-day{
            font-size:40px;

          }
        }
        .half-day-time{
          float:left;
        }
        .half-day-am{
          height: 177px;
          line-height:177px;
          border-bottom: 1px solid #e0e0e0;
          border-left: 1px solid #e0e0e0;
        }
        .half-day-am-pm{
          height: 88px;
          line-height:88px;
          border-bottom: 1px solid #e0e0e0;
          border-left: 1px solid #e0e0e0;
        }
      }
      &-last-column {
        .inner {
          display: table-cell;
          text-align: center;
          vertical-align: middle;
          white-space: normal;
        }
        display: table;
        text-align: center;
        height: 44.5px;
        font-size: 28px;
        color: #494949;
      }
    }

  }

  .price-discount {
    font-size: 22px;

    &-del {
      // position: absolute;
      text-align: right;
      -webkit-transform: translateY(-70%);
      -ms-transform: translateY(-70%);
      transform: translateY(-70%);
      font-size: 22px;
      opacity: 0.7;
      font-family: 'PingFangSC';
      letter-spacing: 0;
    }
  }

  .rental-site-bottom {
    .rental-num-info{
      z-index:100;
      border-top: 1px solid #e0e0e0;
      height: 88px;
      color: #8f8f95;
      background-color: #fff;
      font-size: 28px;
      line-height: 88px;
      font-family: 'PingFangSC-Regular';
      padding-left: 32px;
      .left{
        float:left;
        display: inline-block;
      }
      .right{
        float:right;
        margin-right:20px;
        -webkit-transform: translateY(25%);
        -ms-transform: translateY(25%);
        transform: translateY(25%);
        display: inline-block;

        height:88px;
      }
    }
    display: flex;
    flex-direction: column;
    &-notice {
      border-top: 1px solid #e0e0e0;
      background-color: #FFF9E4;
      color: #F58F3E;
      font-size: 22px;
      padding-left: 32px;
      line-height: 59px;
      height: 59px;
    }
    &-container {
      display: flex;
      background-color: #FFFFFF;
      font-size: 32px;
      color: #494949;
      text-align: center;
      // height: 140px;
      // line-height: 140px;
      border-top: 1px solid #e0e0e0;
      box-shadow:0px -4px 14px 0px rgba(0,0,0,0.06);
      .eh-button{
        height:93px;
        width: 328px;
        margin-top:24px;
        margin-right:32px;
      }
      &-info {
        display: inline-block;
        flex: 1;
        &-discount {
          display: inline-block;
          float: left;
          color: #8f8f95;
          font-size: 28px;
          margin-left: 10px;
        }
        &-price {
          .price-num{
            font-size:40px;
          }
          font-weight: bold;
          float: left;
          height:98px;
          display: inline-block;
          color: #494949;
          font-size: 28px;
          margin-left: 25px;
        }
      }
      &-next {
        display: inline-block;
        float: right;
        width: 210px;
        color: white;
        font-weight: 600;

      }
    }
  }

}

.am-calendar {
  .confirm-panel {
    .button-full {
      height: 65px;
      line-height: 65px;
      font-size: 32px;
    }
  }
  .content {

    .header {
      .left {
        .am-icon-md {
          width: 50px;
          height: 50px;
        }
      }
      .title {
        font-size: 32px;
      }
      .right {
        font-size: 32px;
      }
      span {
        height: 88px;
        line-height: 88px;
      }
    }
  }
}

.halfDay1{
  .scroller-detail-column{
    height:178px !important;
  }
  .hasRental {
    line-height: 177px !important;
    height: 177px !important;
    border-bottom: 1px solid #e0e0e0;

  }
  .canRental {
    line-height: 177px !important;
    height: 177px !important;
    border-bottom: 1px solid #e0e0e0;

  }
  .cannotRental {
    line-height: 177px !important;
    height: 177px !important;
    border-bottom: 1px solid gray;

  }
}
.perWeekUnit{
  .scroller-detail-column{
    height:267px !important;
  }
  .hasRental {
    line-height: 267px  !important;
    height: 267px  !important;
  }
  .canRental {
    line-height: 267px  !important;
    height: 267px  !important;
  }
  .cannotRental {
    line-height: 267px  !important;
    height: 267px  !important;
  }
}
.week-left-nav-child{
  display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    vertical-align: middle;
}

.half-day-date-day{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  vertical-align: middle;
  flex-direction: column;
}

.day-date-day{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  vertical-align: middle;
  flex-direction: column;
}





#pull-down-refresh{
  margin-left:30%;
  position:absolute;
  margin-top:-80px;
  color:#8f8f95;

}
#pull-down-text{
  display: inline-block;
  height: 42px;
  float: left;
  margin-top: 15px;
  line-height: 42px;
  display: inline-block;
}
#pull-down-icon{
  float: left;
  margin-top: 15px;
  display: inline-block;
  height: 50px;
  margin-right: 20px;
}
#pull-down-refresh img{
  transform:rotate(180deg) translateZ(0);
  transition: all 0.3s linear;

  height: 42px;
}
.pull-down-release img{
  transform:rotate(0deg) translateZ(0) !important;

  transition: all 0.3s linear;
  height: 42px;
}


#pull-up-refresh{
  position: absolute;
  color:#8f8f95;

  margin-bottom: -56px;
  bottom: 0;
  left: 0;
  margin-left: 30%;
}
#pull-up-text{
  display: inline-block;
  height: 42px;
  float: left;
  margin-top: 15px;
  line-height: 42px;
  display: inline-block;
}
#pull-up-icon{
  float: left;
  margin-top: 15px;
  display: inline-block;
  height: 42px;
  margin-right: 20px;
}
#pull-up-refresh img{
  transform:rotate(0deg) translateZ(0);
  transition: all 0.3s linear;

  height: 42px;
}
.pull-up-release img{
  transform:rotate(180deg) translateZ(0) !important;

  transition: all 0.3s linear;
  height: 42px;
}
