@color1: #3688FF;
@color6: #000000;

.listSet{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 45px;
  overflow: auto;
  background: white;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: column;
  >div{
    .titleArea{
      position: relative;
      // border-top: 1px solid #eee;
      border-bottom: 1px solid #eee;
      >p{
        padding: 15px 10px;
        font-size: 17px;
        display: inline-block;
      }
      .reset{
        border: none !important;
        position: absolute;
        top: 12px;
        right: 10px;
        width: auto;
        background: #3688FF;
        color: white;
        padding: 5px 10px;
        border-radius: 4px;
      }
    }

    .listArea{
      .listItem{
        display: flex;
        border-bottom: 1px solid #eee;
        padding-left: 10px;
        >div{
          flex: 1;
        }
        >div:first-child{
          padding-top: 13px;
        }
      }
    }
    
    .check {
      width: 50%;
      display: inline-block;
      vertical-align: top;
      
      .am-list-thumb {
      
        .am-checkbox {
          width : 14px;
          height: 14px;
  
          .am-checkbox-inner {
            border-radius: 2px;
            width        : 14px;
            height       : 14px;
          }
  
          .am-checkbox-inner:after {
            top         : -1px;
            right       : 3px;
            width       : 4px;
            height      : 10px;
            border-width: 0 2px 2px 0;
            background  : @color1;
          }
  
          .am-checkbox-input {
            width : 14px;
            height: 14px;
          }
        }
      }
  
      .am-list-line {
        .am-list-content {
          font-size: 15px;
        }
      }
  
      .am-checkbox-item {
        padding-left: 10px;
      }
  
      .am-list-item .am-list-line .am-list-content {
        font-size: 15px;
        color    : @color6
      }
    }
    &:not(:last-child){
      border-bottom: 10px solid #f1f0f5;
    }
  }
  
}