@import "@common/common.less";

.choose-container{
  .banner{
    background: #fff;
    padding: 28px 36px 15px;
    .title{
      font-size: 18px;
    }
  }
  .content{
    min-height: calc(100vh - 192px);
    margin: 10px;
    padding: 28px 36px 15px;
    background: #fff;
  }
  .row-container{
    margin-top: -10px;
  }
  .steps-bar{
    width: 70%;
    margin: auto;
  }
  .tip-warn{
    padding:4px 20px ;
    color: @error-color;
    border-radius: 2px;
    border: 1px #FFC1C1 solid;
    background:#FFF6F6;
    display: inline-block;
    span{
      margin-left: 4px;
      vertical-align: middle;
    }
  }
  .item{
    margin-bottom: 28px;
  }
  .item-title{
    font-weight: bold;
    padding-left:22px;
    border-left: 4px solid @primary-color;
    line-height: 14px;
    margin-bottom: 10px;
  }
  .item-content{
    padding-top: 10px;
    border-top: 1px @border-color-base solid;
  }
  .item-rows-box{
    background: @body-bg;
    padding:0 10px 18px;
    margin:-18px 0 0!important;
    &:first-child{
      margin-top: 0!important;
    }
    .box-row{
      margin-top: 16px;
    }
  }
  .card{
    position: relative;
    padding: 36px 30px 32px;
    height: 170px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 4px;
    .icon{
      float: left;
      margin-right: 10px;
    }
    .name{
      height: 45px;
      margin-bottom: 10px;
    }
    .get-in{
      display: inline-block;
      background: #DBEEFF;
      color: @link-color;
      width: 80px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      border-radius: 4px;
    }
    .pop-select{
      width: 364px;
      height: 213px;
      position: absolute;
      left: 173px;
      top: 56px;
      padding: 10px;
      box-sizing: border-box;
      background: #FFFFFF;
      box-shadow: 0px 2px 12px 0px #B3BDBF;
      border-radius: 4px;
      .pop-title{
        color: @disabled-color;
        margin-bottom: 3px;
        .close{
          float: right;
          color: @disabled-color;
        }
      }
    }
  }
  .card-content{
    position: relative;

  }
}
