.nav{width:200px;position:fixed;top:0;bottom:0;background:#242424;color:#fff;font-size:14px;z-index:500}.nav .user{padding:0 20px;cursor:pointer}.nav .nav-inline{padding:150px 0}.nav .user{margin-bottom:20px;text-align:center}.nav .user-head{margin-bottom:10px}.nav .ant-menu{background-color:#242424}.nav .ant-menu .ant-menu-item{color:#fff}.nav .ant-menu .ant-menu-item-active{color:#ffaf1c!important}.btn-unfold-nav{font-size:26px;padding:20px;position:fixed;color:#d34300;top:0;left:0;z-index:100}.slide-enter-active,.slide-leave-active{transition:transform .3s ease}.slide-enter,.slide-leave-to{transform:translateX(-100%)}.banner{height:220px;text-align:center;padding:50px 0;box-sizing:border-box}.banner .banner-inline{max-width:1200px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.banner .banner-img{height:100%;width:30%;max-width:220px;object-fit:contain}.banner .banner-img-con{text-align:right}.banner .banner-title{font-size:24px;font-weight:600}.banner .banner-desc{vertical-align:middle}.container{padding-left:220px;position:relative}.aa{color:beige;background:transparent}.router-fade-enter-to,.router-fade-leave{opacity:1}.router-fade-leave-active{transition:all .2s ease}.router-fade-leave-active .icon-creat{display:none}.router-fade-enter-active{transition:all .2s ease .2s}.router-fade-enter,.router-fade-leave-to{transform:translate(1%);opacity:0}.card{display:inline-block;border-radius:30px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border:1px solid #d7dae2;background:#fff;padding:20px;width:300px;box-sizing:border-box}.card .card-head{display:flex;justify-content:space-between}.card .user-head{margin-right:15px;flex-shrink:0}.card .nickname{vertical-align:top;font-size:12px}.card .card-body{margin-top:12px;font-size:14px}.card .card-cover{margin-top:10px;max-width:100%}.card .card-footer{margin-top:20px}.card .el-badge__content--info{background-color:transparent;color:#000}.card .card-op{font-size:24px}.article-item{background:#fff;padding:15px;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);margin-bottom:20px}.article-item .item-header{display:flex;align-items:center;margin-bottom:20px}.article-item .user-head{margin-right:15px;flex-shrink:0}.article-item .nickname{font-size:14px}.article-item .signature{font-size:12px}.article-item .article-content{margin-bottom:20px;transition:all .3s ease}.article-item .icon-expand-container{text-align:center;font-size:30px;line-height:1;margin-bottom:10px;height:60px;transform:translateY(-25px);background:#fff;opacity:.6}.article-item .icon-expand-container:after{content:"";display:inline-block;height:100%;vertical-align:bottom}.article-item .cm-img-list{width:60%;margin-bottom:20px}.wall-main{position:relative}.wall-main .cards-container{margin:10px;column-count:3;column-gap:15px}.wall-main .wall-card{margin-bottom:20px;width:100%}.wall-main .icon-creat{position:absolute;top:0;right:0;color:#0a618d;cursor:pointer;z-index:100}.wall-main .loading{height:10px;text-align:center;padding:10px;margin-bottom:30px;opacity:0}html{font-size:100px}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;line-height:1.5;background:beige;font-size:16px;color:#333}.main{width:60%;margin:0 auto}.text-gray{color:#505050}.tabs .el-tabs__active-bar{background-color:#4272a1}.tabs .el-tabs__item.is-active{color:#4272a1}.tabs .el-tabs__nav-wrap:after{background-color:#d4e7fa}.chat-box{background:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.chat-box .chat-box-inline{border-right:1px solid #ddd}.chat-box .chat-title{background:#484a4b;color:#fff}.chat-box .editor{border-top:1px solid #ddd}.chat-box .item-content{border:1px solid #ddd;color:#3b3b3b}.vm{vertical-align:middle}pre{white-space:pre-wrap;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;margin:0;word-break:break-word}.mask{position:fixed;left:0;top:0;bottom:0;right:0;background:#000;opacity:.6;z-index:200}.cm-img-list{margin:0 -12px}.cm-img-list_item-area{display:inline-block;width:33.3%;text-align:center;box-sizing:border-box;padding-bottom:30%;height:0;position:relative;margin:0}.cm-img-list_item-container{position:absolute;height:100%;width:100%;padding:0 12px;left:0;border-radius:10px;box-sizing:border-box}.cm-img-list_item{height:100%;width:100%}.hover-big:hover{cursor:pointer;transform:scale(1.03);transition:all .3s ease}.ant-badge-count-info .ant-badge-count{background:#409eff}@media screen and (max-width:1500px){#app .main{width:70%;margin-left:auto;margin-right:auto}}@media screen and (max-width:1300px){#app .main.chat-main{width:90%}#app .chat-room{width:100%}#app .chat-room .room-data .panel-title{font-size:12px}}@media screen and (max-width:1200px){#app .main{width:70%}#app .main .cards-container{columns:2}#app .main.card-detail-main{width:80%}}@media screen and (max-width:992px){#app .main{width:80%}#app .chat-box,#app .chat-one{width:100%}}@media screen and (max-width:768px){#app .main{width:80%}#app .nav{width:180px}#app .nav .btn-unfold-nav{display:""}#app .container{padding-left:0}#app .main.chat-main{position:fixed;width:100%;height:100%}#app .chat-box,#app .chat-one,#app .chat-room{height:100%;width:100%;margin-top:0}#app .room-data{display:none}#app .chat-box-inline{width:100%}#app .main.card-detail-main{margin-top:100px}#app .banner.hide-on-narrow{display:none}}@media screen and (max-width:425px){#app .main{width:95%}#app .card{border-radius:20px}#app .room-name{font-size:14px}#app .banner .banner-inline{display:block}#app .banner .banner-img{width:80%;margin-top:20px}#app .banner.banner-Creat{display:none}#app .write .write-inline{margin-top:60px;padding:10px}}@media screen and (min-width:769px){#app .btn-unfold-nav{display:none}}.chat-one{width:80%}.chat-one,.chat-room{margin-top:-50px}