newICSS/src/components/Banner/index.less

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

.logo{
    background: linear-gradient(-90deg, #93CEE3 7%,#3B9ED0 98%);
    background-image: url("../../common/images/bar.png");
    height: 50px;

    border-bottom: 10px solid #e4e6e7;
    position: fixed;          //页面布局调整
    width: 100%;
    top: 0;
    // z-index: 202;

    img{
      vertical-align: middle;
      margin: 0 10px 2px 18px;
    }
    span{
        display: inline-block;
        line-height: 40px;
        color: #FFFFFF;
        font-size: 14px;
    }
    .buon{
        float: right;
        display: inline-block;
        margin: 0px 15px 4px 10px;
        color: #FFFFFF;
        font-size: 16px;
        cursor: pointer;
    }
    .st{
        margin: 9px 2px 10px 10px;
        border: 0 solid #FFFFFF;
        text-align: center;
    }
    .modal {
      .shade {
        position: fixed;
        top: 0;
        left:0;
        right: 0;
        bottom: 0;
        background: #000;
        opacity: 0.6;
        filter:alpha(opacity=60);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60);";
        z-index: 2000;
      }
      .content {
        position: fixed;
        z-index: 2001;
        top: 100px;
        width: 820px;
        left:50%;
        margin-left: -410px;
        height: 283px;
        background: #fff;
        .close{
          line-height: 24px;
          padding: 3px 3px 5px 10px;
          border-bottom: 1px solid #EAEDF1;
          img{
            float: right;
            margin: 0px;
            cursor: pointer;
          }
        }
        h1{
          font-size: 16px;
          letter-spacing: 0;
          margin: 20px 0px 20px 10px;
        }
        ul {
          margin: 0px 0px 0px 10px;
          li {
            width: 190px;
            height: 44px;
            line-height: 44px;
            margin: 0px 0px 2px 0px;
            padding: 0px 0px 0px 10px;
            cursor: pointer;
            &.selected{
              background: rgba(59,158,208,0.1);
              img{
                visibility: visible;
              }
            }
            img{
              margin: -1px 4px 0 0;
              visibility: hidden;
            }
          }
        }
        .btn {
          .btnCom;
          width: 80px;
          height: 34px;
          background:#3B9ED0;
          color:#fff;
          font-size: 14px;
          line-height: 34px;
          position: relative;
          left: 50%;
          margin-left: -40px;
          top: 30px;
        }
      }
    }
}
.title{
  font-size: 16px;
  text-indent: 10px;
  margin: 22px 0px 21px 0;
  i{
    color: red;
  }
}