newICSS/src/components/ChronicInfo/index.less

@import "~@less/mixin.less";
.tips{
  border:1px solid #EAEDF1;
  margin-bottom: 15px;
  .tips-title{
    font-size: 14px;
    color: #000;
    padding: 8px 15px;
    background: #EAF7FA;
    font-weight: bold;
    background: rgba(242,150,91,0.1);
    .tips-name{
      width: 238px;
      display: inline-block;
      img {
        float:left;
        margin-top: 0px;
        margin-right: 5px;
      }
    }
    h2{
      display: inline-block;
    }
    .tips-btn{
      display: inline-block;
      float: right;
    }
    .redTips{
      display: inline-block;
      font-size: 12px;
      -webkit-transform:scale(0.9);
      color: red;
      font-weight: normal;
      white-space: nowrap;
    }
    .tipsDetails {
      .btnCom;
      display: inline-block;
      font-weight: normal;
      width: 42px;
      height: 20px;
      border: 1px solid #262626;
      font-size: 12px;
      color: #262626;
      line-height: 18px;
      margin: 0 0 -2px 10px;
      }
    }
    .toggle-btn{
      display: inline-block;
      float: right;
      cursor: pointer;
    }
    .content{
      font-size: 14px;
      padding:6px 15px;
      transition:display 2s;
      -moz-transition:display 2s; /* Firefox 4 */
      -webkit-transition:display 2s; /* Safari and Chrome */
      -o-transition:display 2s; /* Opera */
      .list{
        border-bottom: 1px solid #EAEDF1;
        padding-bottom: 10px;
        position: relative;
        .infoPic{
          vertical-align: middle;
          margin: 0 5px;
          cursor: pointer;
        }
        >p{
          margin-top: 10px;
        }
        .listName{
          color:#3B9ED0;
          cursor: pointer;
          display: inline-block;
          width: 73%;
        }
         .listResult{
          .add-record;
        }
        .addResult{
          color: #3B9ED0;
          text-align: left;
          padding-left: 5px;
          cursor: default;
        }
      }
      .marTop{
        margin-top: 10px;
        position: relative;
        .limit{
          display: inline-block;
          width: 72%;
        }
        img{
          vertical-align: middle;
        }
      }
      .blue{
        color:#3B9ED0;
        cursor: pointer;
      }
      .infoOption{
        padding: 20px 0;
      }
      .list:last-child{
        border-bottom:none;
      }
    }

  .slide{
    display: none;
  }
  }
  .toast-title{
    position: absolute;
    top: 17px;
    font-size: 16px;
      // border-bottom: 1px solid #666;
      width: 87%;
      height: 25px;
    }
    .toast-cont{
      line-height: 24px;
      font-size: 14px;
      height: 370px;
      overflow-y: auto;
      padding: 10px;
      li{
        margin-top: 10px;
        cursor: pointer;
      }
      .res{
        color:#3B9ED0;
        margin-left: 10px;
      }
      .scaleName{
        display: inline-block;
        max-width: 290px;
      }
      .listResult{
        .add-record;
        cursor: pointer;
      }
    }
  .chooseItem{
    display: inline-block;
    margin-right: 10px;
  }
  .forMulBtn{
    .btnCom;
    height: 32px;
    line-height: 32px;
    color: #fff;
    background: #3B9ED0;
    margin-top: 15px;
    cursor: pointer;
  }
  .recomand{
    color:#3B9ED0;
  }
  .dis-name {
    position: relative;
    cursor: pointer;
  }
  .info-img {
    position: absolute;
    width: 15px;
    top: -14px;
    left: 50%;
    margin-left: -7px;
    cursor: pointer;
}