@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
html, body {
  margin: 0 auto;
  /*background-color: #EAECEE;*/ }

/* 取消链接高亮  */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  -webkit-tap-highlight-color: transparent; }

/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

/* 初始化 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0;
  border: none; }

em, i {
  font-style: normal; }

a {
  text-decoration: none;
  color: #000; }

a:hover {
  text-decoration: none; }

ul, ol {
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-family: Microsoft YaHei; }

img {
  border: none; }

body {
  max-width: 720px;
  min-width: 320px; }

/*不同分辨率屏幕的字体大小基准*/
@media (max-device-width: 414px) {
  html {
    font-size: 41.4px; } }
@media (max-device-width: 375px) {
  html {
    font-size: 37.5px; } }
@media (max-device-width: 320px) {
  html {
    font-size: 32px; } }
.slide-toggle > .mask {
  position: fixed;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000000;
  opacity: 0.5; }
.slide-toggle > .slide-content {
  width: 100%;
  background-color: #ffffff;
  position: fixed;
  bottom: 0;
  z-index: 2; }
  .slide-toggle > .slide-content > .cancel-confirm {
    flex-direction: row;
    display: -webkit-flex; }
    .slide-toggle > .slide-content > .cancel-confirm > p {
      flex: 1;
      font-size: 0.4rem;
      line-height: 1rem; }
    .slide-toggle > .slide-content > .cancel-confirm > p:first-child {
      text-align: left;
      padding-left: 0.5rem; }
    .slide-toggle > .slide-content > .cancel-confirm > p:not(:first-child) {
      text-align: right;
      padding-right: 0.5rem; }
  .slide-toggle > .slide-content > .time-select {
    flex-direction: row;
    display: -webkit-flex; }
    .slide-toggle > .slide-content > .time-select > .date-left, .slide-toggle > .slide-content > .time-select .time-right {
      flex: 1;
      height: 210px;
      overflow: hidden;
      position: relative; }
      .slide-toggle > .slide-content > .time-select > .date-left > ul > li, .slide-toggle > .slide-content > .time-select .time-right > ul > li {
        font-size: 0.4rem;
        text-align: center;
        line-height: 42px; }
      .slide-toggle > .slide-content > .time-select > .date-left > .G-bag, .slide-toggle > .slide-content > .time-select .time-right > .G-bag {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
        .slide-toggle > .slide-content > .time-select > .date-left > .G-bag > .G-top, .slide-toggle > .slide-content > .time-select .time-right > .G-bag > .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, 0.85) 45%, rgba(255, 255, 255, 0.6) 75%, rgba(255, 255, 255, 0.4) 100%);
          background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.45, rgba(255, 255, 255, 0.85)), color-stop(0.75, rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.4)));
          background: -moz-linear-gradient(#fff 0%, rgba(255, 255, 255, 0.85) 45%, rgba(255, 255, 255, 0.6) 75%, rgba(255, 255, 255, 0.4) 100%);
          background: -o-linear-gradient(#fff 0%, rgba(255, 255, 255, 0.85) 45%, rgba(255, 255, 255, 0.6) 75%, rgba(255, 255, 255, 0.4) 100%); }
        .slide-toggle > .slide-content > .time-select > .date-left > .G-bag > .G-mid, .slide-toggle > .slide-content > .time-select .time-right > .G-bag > .G-mid {
          height: 42px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          position: relative; }
        .slide-toggle > .slide-content > .time-select > .date-left > .G-bag > .G-mid:after, .slide-toggle > .slide-content > .time-select .time-right > .G-bag > .G-mid:after {
          content: '';
          position: absolute;
          height: 1px;
          width: 200%;
          bottom: 0;
          border-top: 1px solid #ddd;
          -webkit-transform: scaleY(0.5); }
        .slide-toggle > .slide-content > .time-select > .date-left > .G-bag > .G-mid:before, .slide-toggle > .slide-content > .time-select .time-right > .G-bag > .G-mid:before {
          content: '';
          position: absolute;
          height: 1px;
          width: 200%;
          top: 0;
          border-top: 1px solid #ddd;
          -webkit-transform: scaleY(0.5); }
        .slide-toggle > .slide-content > .time-select > .date-left > .G-bag > .G-btm, .slide-toggle > .slide-content > .time-select .time-right > .G-bag > .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, 0.4) 0%, rgba(255, 255, 255, 0.6) 25%, rgba(255, 255, 255, 0.85) 65%, #fff 100%);
          background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), color-stop(0.25, rgba(255, 255, 255, 0.6)), color-stop(0.65, rgba(255, 255, 255, 0.85)), to(#fff));
          background: -moz-linear-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.6) 25%, rgba(255, 255, 255, 0.85) 48%, #fff 100%);
          background: -o-linear-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.6) 25%, rgba(255, 255, 255, 0.85) 48%, #fff 100%); }
    .slide-toggle > .slide-content > .time-select > .date-left::-webkit-scrollbar,
    .slide-toggle > .slide-content > .time-select .time-right::-webkit-scrollbar {
      display: none; }

/*# sourceMappingURL=time-select.component.css.map */