.slide-toggle {
  > .mask {
    position: fixed;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000000;
    opacity: 0.5;
  }
  > .slide-content {
    width: 100%;
    background-color: #ffffff;
    position: fixed;
    bottom: 0;
    z-index: 2;
    >.cancel-confirm{
      flex-direction: row;
      display: -webkit-flex;
      >p{
        flex: 1;
        font-size: 0.4rem;
        line-height: 1rem;
      }
      >p:first-child{
        text-align: left;
        padding-left: 0.5rem;
      }
      >p:not(:first-child){
        text-align: right;
        padding-right: 0.5rem;
      }
    }
    >.time-select{
      flex-direction: row;
      display: -webkit-flex;
      //overflow: hidden;
      > .date-left, .time-right {
        flex: 1;
        height: 210px;
        //overflow-y: auto;
        //-webkit-overflow-y: auto;
        //-ms-overflow-y: auto;
        overflow: hidden;
        position: relative;
        //overflow-y:visible;
        >ul{
          // transform: translate(0px, 64px);
          >li{
            font-size: 0.4rem;
            text-align: center;
            line-height: 42px;
          }
        }
        >.G-bag{
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          >.G-top{
            height: 84px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            background: linear-gradient(#fff 0%, rgba(255, 255, 255, .85)45%, rgba(255, 255, 255, .6) 75%, rgba(255, 255, 255, .4) 100%);
            background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.45, rgba(255, 255, 255, .85)), color-stop(0.75, rgba(255, 255, 255, .6)), to(rgba(255, 255, 255, .4)));
            background: -moz-linear-gradient(#fff 0%, rgba(255, 255, 255, .85) 45%, rgba(255, 255, 255, .6) 75%, rgba(255, 255, 255, .4) 100%);
            background: -o-linear-gradient(#fff 0%, rgba(255, 255, 255, .85) 45%, rgba(255, 255, 255, .6) 75%, rgba(255, 255, 255, .4) 100%);
          }
          >.G-mid{
            height: 42px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
          }
          >.G-mid:after{
            content: '';
            position: absolute;
            height: 1px;
            width: 200%;
            bottom:0;
            border-top: 1px solid #ddd;
            -webkit-transform: scaleY(0.5);
          }
          >.G-mid:before{
            content: '';
            position: absolute;
            height: 1px;
            width: 200%;
            top: 0;
            border-top: 1px solid #ddd;
            -webkit-transform: scaleY(0.5);
          }
          >.G-btm{
            height: 84px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            background: linear-gradient(rgba(255, 255, 255, .4) 0%, rgba(255, 255, 255, .6)25%, rgba(255, 255, 255, .85) 65%, #fff 100%);
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .4)), color-stop(0.25, rgba(255, 255, 255, .6)), color-stop(0.65, rgba(255, 255, 255, .85)), to(#fff));
            background: -moz-linear-gradient(rgba(255, 255, 255, .4) 0%, rgba(255, 255, 255, .6) 25%, rgba(255, 255, 255, .85) 48%, #fff 100%);
            background: -o-linear-gradient(rgba(255, 255, 255, .4) 0%, rgba(255, 255, 255, .6) 25%, rgba(255, 255, 255, .85) 48%, #fff 100%);
          }
        }
      }
      > .date-left::-webkit-scrollbar,
      .time-right::-webkit-scrollbar{display:none}
      > .date-left{

      }
    }
    >.time-select:after{
      //content: '';
      //position: absolute;
      //height: 1px;
      //width: 100%;
      //left: 0;
      //right: 0;
      //bottom: 40%;
      //border-top: 1px solid #ddd;
      //-webkit-transform: scaleY(0.5);
    }
    >.time-select:before{
      //content: '';
      //position: absolute;
      //height: 1px;
      //width: 100%;
      //left: 0;
      //right: 0;
      //top:45%;
      //border-top: 1px solid #ddd;
      //-webkit-transform: scaleY(0.5);
    }
  }
}