#journal{width:100%;height:100%;overflow:scroll}#journal::-webkit-scrollbar{width:0;height:0}#journal .journal-info{width:1000px;margin:auto;padding-bottom:100px}#journal .journal-title{font-size:25px;line-height:50px;text-align:center;font-weight:700}#journal .journal-text{height:30px;font-size:15px;line-height:30px;text-align:center}#journal img{width:100%;margin-bottom:20px}#journal-list{height:100%;overflow:scroll;padding-bottom:200px}#journal-list::-webkit-scrollbar{width:0;height:4px}#journal-list .journal-num{color:#1890ff;font-size:20px;font-weight:700}#journal-list .action-header{margin-bottom:10px}#journal-list .action-header,#journal-list .action-header .filter{height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#journal-list .action-header .filter .ant-input{width:200px}#journal-list .action-header .search-btn{margin-left:20px}#journal-list .action-header .multiple-delete-btn{margin-left:770px}#journal-list .journals{background-color:#fff}#journal-list .journal{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer}#journal-list .journal .journal-title{width:500px;font-size:15px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#journal-list .journal .journal-time{font-size:15px;width:250px;margin-left:20px}#journal-list .journal .journal-index{font-size:15px;width:200px}#journal-list .journal .journal-action{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:calc(100% - 1070px);width:100px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#journal-list .journal .journal-action .delete,#journal-list .journal .journal-action .edit{cursor:pointer}#journal-list .journal .journal-action .delete:hover,#journal-list .journal .journal-action .edit:hover{text-decoration:underline}#journal-list .journal .journal-action .edit{color:#1890ff}#journal-list .journal .journal-action .delete{color:red}#journal-list .loading-container{height:50px;text-align:center;line-height:50px}#journal-write{height:100%}#journal-write .action-header{margin-bottom:10px}#journal-write .action-header #upload-input{position:absolute;visibility:hidden}#journal-write .action-header label{cursor:pointer}#journal-write .action-header .title{height:100%;margin-bottom:10px}#journal-write .action-header .journal-index,#journal-write .action-header .journal-title,#journal-write .action-header .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#journal-write .action-header .journal-title{width:550px}#journal-write .action-header .journal-title .ant-input{width:490px}#journal-write .action-header .journal-index{width:270px}#journal-write .action-header .journal-index .ant-input{width:220px}#journal-write .action-header .journal-time{margin-left:10px}#journal-write .action-header .upload-btn{margin-left:56px}#journal-write .action-header .abstract{display:-webkit-box;display:-ms-flexbox;display:flex}#journal-write .action-header .abstract .upload-btn{width:116px}#journal-write .action-header .abstract .ant-input{width:962px}#journal-write .imgs{background-color:#fff;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#journal-write .no-img{font-size:20px;font-weight:700}#journal-write .img-item{position:relative;width:300px;height:200px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 0 5px #999;box-shadow:0 0 5px #999;margin:10px;cursor:pointer}#journal-write .img-item:hover .action-icon{opacity:1}#journal-write .img-item img{height:100%}#journal-write .img-item .action-icon{opacity:0;position:absolute;left:0;height:0;width:100%;height:100%;-webkit-transition:all .3s;transition:all .3s}#journal-write .img-item .action-icon div{height:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:45px;color:#fff;-webkit-transition:all .3s;transition:all .3s}#journal-write .img-item .action-icon div:hover{font-size:50px}#journal-write .img-item .action-icon .zoom-in{background-color:rgba(24,144,255,.5)}#journal-write .img-item .action-icon .zoom-in:hover{background-color:rgba(24,144,255,.2);color:#1890ff}#journal-write .img-item .action-icon .delete{background-color:rgba(255,0,0,.5)}#journal-write .img-item .action-icon .delete:hover{background-color:rgba(255,0,0,.2);color:red}#journal-write .large-img-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#journal-write .large-img-container img{width:100%}