.wushuju{height:300px;margin:auto}.layout-design{width:100%;height:100%}.layout-design .grid-content{width:100%;height:100%;background:#fff}.layout-design .grid-content-entry{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.layout-design .grid-content-entry .entry-item{padding:15px;text-align:center;border-radius:50%}.layout-design .grid-content-entry .entry-item-icon{display:inline-block;width:58px;height:58px;border-radius:12px;color:#fff;line-height:58px;font-size:30px;margin-bottom:10px}.layout-design .grid-content-entry .entry-item-label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px}.layout-design .grid-content-entry .entry-item:hover{cursor:pointer}.layout-design .charDiv{height:300px}.layout-design-entry{height:360px}.layout-design-entry .user-panel{margin:0 0 10px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:150px}.layout-design-entry .user-panel-lt{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;padding-left:45px;border-radius:10px;background:#eff3ff}.layout-design-entry .user-panel-lt .lt-title{position:relative;padding:15px 0 10px 0;color:#333;font-size:18px}.layout-design-entry .user-panel-lt .lt-title:before{content:"";display:block;position:absolute;left:-20px;top:50%;width:12px;height:12px;background:#ffac5a;border-radius:50%;-webkit-transform:translateY(-33.3%);transform:translateY(-33.3%)}.layout-design-entry .user-panel-lt .lt-email{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;*zoom:1}.layout-design-entry .user-panel-lt .lt-email:after,.layout-design-entry .user-panel-lt .lt-email:before{display:table;content:"";line-height:0}.layout-design-entry .user-panel-lt .lt-email:after{clear:both}.layout-design-entry .user-panel-lt .lt-email-item{color:#3e3e3e;display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:10px}@media screen and (min-width:1540px){.layout-design-entry .user-panel-lt .lt-email-item{padding:10px 0;width:50%}}@media screen and (max-width:1245px){.layout-design-entry .user-panel-lt .lt-email-item{padding-bottom:0}}.layout-design-entry .user-panel-rt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:170px;height:150px;margin-left:10px;border-radius:4px;background:#508ff8}.layout-design-entry .user-panel-rt .rt-avatar{width:65px;height:65px;background:#eff3ff;border-radius:50%;overflow:hidden}.layout-design-entry .user-panel-rt .rt-name{padding:10px 0 5px;color:#fff}.layout-design-entry .user-panel-rt .rt-desc{color:#fff;font-size:13px}.layout-design-entry .user-panel-rt .rt-desc span{position:relative}.layout-design-entry .user-panel-rt .rt-desc span:before{content:"";display:block;position:absolute;left:50%;top:50%;width:5px;height:5px;background:#fff;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.layout-design-info{height:260px}.layout-design-info .news-row{padding:0 10px}.layout-design-info .news-row+.news-row{margin-top:10px}.layout-design-info .news-img{height:92px;background-color:#508ff8;cursor:pointer}.layout-design-panel{height:360px}.layout-design-panel .calendar-item{width:36px;height:36px;line-height:36px;border-radius:50%}.layout-design-panel .calendar-item.is-selected{color:#fff}.layout-design-panel .card-info{padding:10px 0 0 60px;display:-webkit-box;display:-ms-flexbox;display:flex}.layout-design-panel .card-info-item{padding:10px 0}.layout-design-panel .card-info-lt{-webkit-box-flex:0.4;-ms-flex:0.4;flex:0.4;font-size:16px;color:#333}.layout-design-panel .card-info-title{margin-bottom:6px;font-size:18px;color:#333}.layout-design-panel .card-info-rt{-webkit-box-flex:0.6;-ms-flex:0.6;flex:0.6;height:280px;position:relative;left:20px}.layout-design-panel .book-info{padding:0 25px;font-size:16px;color:#333}.layout-design-panel .book-info-item{padding-left:25px;height:45px;line-height:45px;color:#3e3e3e;margin-bottom:11px;background-color:#f5f6fa}.layout-design-chart{height:100%}.layout-design-chart__height{height:80%}.layout-design-chart .grid-content .el-tabs:not(:last-child){padding-bottom:0}.layout-design-chart .el-tabs+.charDiv{padding:0 15px}.layout-design-total{height:300px}.layout-design .grid-content-message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;overflow-y:auto}.layout-design .grid-content-message .message-item{position:relative;padding:11px 0 13px 3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer}.layout-design .grid-content-message .message-item-lt{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-design .grid-content-message .message-item .cont-text{padding-left:10px;width:100%}.layout-design .grid-content-message .message-item .cont-text>p{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-design .grid-content-message .message-item-rt{letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-design .message-ul{height:272px;overflow:hidden}.layout-design .message-ul .message-item .read{position:absolute;left:-2px;top:50%;width:7px;height:7px;background-color:#ffac5a;border-radius:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.layout-design .font-primary{color:#508ff8}.layout-design .font-error{color:#ff4d25}.layout-design .font-warning{color:#f7881c}.layout-design .font-success{color:#4fcf61}.layout-design .msg-icon-more{right:20px}.layout-design .msg-icon-more,.layout-design .refresh{position:absolute;top:15px;cursor:pointer;font-size:20px;color:#888}.layout-design .refresh{right:50px}.layout-design .refresh:last-child{right:50px}.layout-design .grid-content .refresh:last-child{right:50px}