| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180 |     .account-top {      width: 100%;      height: 84px;      border-bottom: 1px solid #eee;      background: #fff;      position: absolute;      top: 0;      left: 0;      z-index: 1;      .acc-top-user {        height: 34px;        line-height: 34px;        background: #f8f8f8;        font-size: 14px;        .acc-top-user-name {          margin-left: 10px;          line-height: 34px;          vertical-align: middle;        }        .acc-top-user-toindex {          float: right;          margin-right: 10px;          line-height: 34px;          vertical-align: middle;          .printbt{            padding: 4px 10px;            cursor: pointer;            background: green;            border-radius: 5px;            color: #fff;          }        }        .user-badge {          margin-left: 12px;          font-size: 18px;          color: #58a3ff;          position: relative;          line-height: 34px;          vertical-align: middle;          .ant-badge {            position: absolute;            right: -10px;            top: 0;            line-height: 0px;            .ant-badge-status-processing {              background-color: red            }          }        }      }      .acc-index {        height: 50px;        width: 8%;        position: absolute;        top: 34px;        left: 0;        color: #fff;        background: #4665bf;        padding-top: 12px;        padding-left: 8px;        .acc-index-imgbox {          width: 36px;          height: 36px;          padding-top: 36px;          position: relative;          overflow: hidden;          float: left;          img {            position: absolute;            top: 0;            left: 4px;            height: 27px;            width: auto;          }        }        span {          margin-left: 5px;          font-size: 14px;          line-height: 27px;          a {            color: #fff;          }        }      }      .acc-top-tab {        margin-left: 8%;        height: 50px;        line-height: 50px;        font-size: 16px;        text-align: center;        background: #4665bf;        color: #fff;        border-left: 1px solid #344c8f;        .ant-row {          padding-left: 20px;          border-left: 1px solid #6b84cc;          div {            margin: 0 10px;            a {              color: #fff;            }          }          .active {            font-size: 18px;            &:after {              content: '';              position: absolute;              left: 0;              bottom: 0;              display: block;              width: 100%;              height: 3px;              background: #58a3ff;            }          }        }      }    }    .modal-content {      >li {        margin-bottom: 20px;        >span {          display: inline-block;          width: 60px;          margin-right: 10px;        }        >input {          width: 200px;        }      }    }    .account-top {      font-weight: inherit !important;      .ant-tabs-tab {        font-size: 16px;        line-height: 34px;        color: #fff;        font-weight: inherit !important;      }      .ant-tabs-tab-active {        font-size: 18px;      }      .ant-tabs-ink-bar {        height: 3px;      }      .ant-tabs-bar {        border-bottom: 0;      }      .acc-top-tab {        text-align: left;      }    }
 |