@import "~@less/variables.less";
@import "~@less/base.less";

.tips{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
   ul, ol {
     padding: 0 0 0 15px;
   }
   ul li {
     list-style: disc;
     list-style-position: inside;
   }
   ol li{
    list-style: decimal;
    list-style-position: inside;
  }

  border:1px solid #EAEDF1;
    .tips-title,h1{
      font-size: 14px;
      color: #000;
      padding: 8px 15px;
      background: #EAF7FA;
      font-weight: bold;
      img {
        float:left;
        margin-top: 0px;
        margin-right: 5px;
      }
    }
    .tips-title{
      .tips-name{
        width: 255px;
        display: inline-block;
      }
      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: #3B9ED0;
        color: #262626;
        line-height: 18px;
        margin: 0 0 -2px 10px;
      }
    }
    .chronic{
      background: rgba(242,150,91,0.1);
    }
    .content{
      font-size: 14px;
      padding:6px 15px;
      word-break: break-all;
      .title {
        font-size: 14px;
        line-height: 18px;
        margin-bottom:10px;
        a{
          .btnCom;
          display: inline-block;
          font-size: 14px;
          color: #3B9ED0;
          width: 42px;
          border: 1px solid #3B9ED0;
          margin-left: 10px;
          text-decoration: none;
        }
        .tips-details {
          .btnCom;
          display: inline-block;
          width: 42px;
          height: 20px;
          border: 1px solid #3B9ED0;
          font-size: 14px;
          color: #3B9ED0;
          line-height: 18px;
          margin: 0 10px -2px;
        }
      }
      .warn{
        padding: 10px 0px 0px 0px;
        font-size: 10px;
        color: #979797;
        text-align: center;
      }
      .list{
        border-bottom: 1px solid #EAEDF1;
        padding-bottom: 10px;
        position: relative;
        .infoPic{
          vertical-align: middle;
          margin: 0 5px;
        }
        >p{
          margin-top: 10px;
        }
        .listName{
          color:#3B9ED0;
        }
        .listResult{
          float: right;
          color: #000012;
          i{
            color: #F98F24;
          }
          img{
            vertical-align: middle;
          }
        }
      }
      
      .list:last-child{
        border-bottom:none;
      }
    }
    img {
      display: none;
    }
    pre {
      white-space: pre-wrap;
      word-wrap: break-word;
      font-family: inherit;
    }
  }