// @minColor: #3e90ec;
// .button {
//     border: 1px solid #ddd;
//     color: #666;
//     border-radius: 30px;
//     padding: 6px 10px;
//     float: left;
//     font-size: 14px;
//     &.active {
//       background-color: @minColor;
//       border-color: @minColor;
//       color: #fff !important;
//     }
// }
// .dateMask {
//   background: rgba(0, 0, 0, .5);
//   position: absolute;
//   left: 0;
//   top: 60px;
//   z-index: 3;
//   width: 100%;
//   height: 100%;
// }
// .sort-popover {
//   width: 100%;
// }
// .dateGroup {
//   background: #fff;
//   overflow: hidden;
//   padding: 15px 20px 0 15px;
//   box-sizing: border-box;
//   .button {
//     text-align: center;
//   }
// }
// @media screen and ( orientation : landscape) {
//     .dateGroup {
//       display: flex;
//       flex-direction: row;
//       padding: 15px 20px 0 15px;
//       flex-wrap: wrap;
//       .button {
//         width: 56px;
//         margin:0 18px 12px 0;
//         font-size: 12px;
//       }
//     }
//     .tplus_android {
//       .dateGroup {
//         padding: 10px 13px 0 10px;
//         .button {
//           width: 45px;
//           margin:0 12px 8px 0;
//           font-size: 9px;
//         }
//       }
//     }
// }

// @media screen and ( orientation : portrait) {
//   .dateGroup {
//     .button {
//       width: 60px;
//       margin:0 34px 15px 0;
//       flex-wrap: wrap;
//       &:nth-child(3n) {
//         margin-right: 0;
//       }
//     }
//   }
// }