/*
* @Author: xiaosiyu
* @Date:   2016-09-23 16:11:30
* @Last Modified by:   zhongjiahao
* @Last Modified time: 2016-11-15 16:05:07
*/
// .dropdown-btn{
//   position: relative;
//   .dropdown{
//     @include rem(margin-top, -10);
//   }
// }

.dropdown {
  z-index: 99;
  overflow: hidden;
  position: absolute;
  @include rem(border-radius, 2);
  background-color: $m7;
  box-shadow: 0px 3px 5px rgba(black, .3);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  &__list {
    position: relative;
    @include rem(max-height, 300);
    @include rem(width, 170);
    overflow-x: hidden;
    overflow-y: auto;
    color: $m1;
    opacity: 1;
  }
  &__item {
    @include rem(padding, 5, 15);
    width: 100%;
    cursor: pointer;
    @include font-h6();
    @include f-to();
    opacity: 1;
    transition-duration: 0.2s;
    transition-timing-function: $ease;
  }
  &__highlight {
    position: absolute;
    top: 0;
    @include rem(width, 170);
    @include rem(height, 30);
    z-index: -2;
  }
  &.dropdown_has-search {
    .dropdown__container {
      
      width: 100%;
    }
    .search {
      margin-top: 0;
      margin-left: auto;
      margin-right: auto;
      width: calc(100% - 30px);
    }
    .dropdown__list {
      width: 100%;
      @include rem(max-height, 400);
    }
    .dropdown__item {
      @include rem(padding-top, 10);
      @include rem(padding-bottom, 10);
      line-height: 0;
      box-sizing: border-box;
    }
    .dropdown__highlight {
      width: 100%;
    }
    .dropdown__text {
      @include font-h6();
      em {
        color: #36434D;
        height: 20px;
        border-radius: 2px;
        background: rgba(228, 166, 0, 0.2);
        font-family: $font-family-h;
        font-style: normal;
      }
    }
    .dropdown__footer {
      @include rem(padding-right, 15);
      margin: 5px 0;
      text-align: right;
    }
    .u-checkbox {
      .u-checkbox__icon{
        cursor: pointer;
      }
      .u-checkbox__label {
        margin-top: 0;
      }
      .form-item__label {
        @include font-h6();
      }
    }
  }
}