html, body{font-size: 14px;min-height: 100%;}
.post-main-panel{background-color: #FFF;}

.post-detail .post-main-panel{ padding: 12px 8px 25px;}
.post-title{
    padding: 10px 0 4px;
    color: #555;
    font-size: 18px;
    text-align: center;
}
.post-title.sub{
    font-size: 16px;
    color: #999;
    font-weight: normal;
    padding: 0 0 16px;
}

.post-content{
    margin: 0 0 20px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding:10px 0;
}

.post-keyword span {
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 5px;
    padding:0 12px;
    border: 1px solid #68727d;
    border-radius: 12px;
    font-size: 14px;
    color: #68727d;
    line-height: 18px;
    vertical-align: middle;
}
.post-keyword label, .post-files label{
    font-weight: bold;
    color: #555;
}
.post-detail-content img{
    max-width: 100%;
}

.post-detail-content{line-height: 1.5;}
.post-files{
    margin-top: 10px;
    padding-top:12px;
}

.post-files ul{
    padding: 5px 0 12px;
}


.inline-block{
    display: inline-block;
    margin-right: 10px;
}

.file-item{margin-bottom: 5px;}
.file-ext{
    min-width: 34px;
    display: inline-block;
    line-height: 22px;
    font-size: 14px;
    vertical-align: middle;
    color: #FFF;
    text-align: center;
    overflow: hidden;
    padding: 0 4px;
    background-color: #4c83e5;
    background-repeat: no-repeat; 
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAaCAYAAADFTB7LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlBODI2RDZGNEYwRDExRTdBQkQ5RjQyOTJCQTA0N0ExIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlBODI2RDcwNEYwRDExRTdBQkQ5RjQyOTJCQTA0N0ExIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUE4MjZENkQ0RjBEMTFFN0FCRDlGNDI5MkJBMDQ3QTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUE4MjZENkU0RjBEMTFFN0FCRDlGNDI5MkJBMDQ3QTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6yKe8EAAACGElEQVR42sxXO04DMRCdcRbR0VEEiQNRpKGiB3EKOrgFgp6KgoNwAhqKgERJE4nPECeezfy8SQrkTBTtrr2efZ5583H3/DI7ef1Od/ePn+Ofrxk8XR3B5HoKSlA/AolxWs3j/Ec8Ob8g6me3powt3iMKv9llcLcPH2MHAg0YqiiCAFxZr55Bg1L7zTrRbKpsImXLOTB8L6yz+CArCt4n/eB1gdFXMYQElyVlt7rFCBoIeLeEQO2cBRqBo8pckS5zztt8YKc48B6a8eijZU5SIuRque8mN9M4ADYR3HJczPWALFfN2qTcQ2uU/7eguBADFNGT/1tZ8D+EBIQ5nI6tptIHtgNnuZ4UKITdEeliXDG3PUhTcdLS5wNJtlmgYOHgUO5rAY5WqSeDTKpow25JBpmk5YibglZQyTcUSXYqqmA35J+qxX1d5E6lNR+NbVJftHEHIljkY6ZZR6q2NI4U8s1u4gFEkwepYvZN5mQXriIw0EFBixYFCUHQsEZWxSDjV+qozGdVfqMHjogGIAaHmqhdpxikBNArF9Z0NKqVNhTuJS51tW6YYvKuO+nJRnRJHfQbD6yNgKG702hvf7Ds9PmRjCKS/RuFpzzkE1tgfauH01zvDbbg+enBW5he5ELhOts39hswaSqDJjIHMMPNiJd2s+l49HtxeXb4vrAkd9aS1GCOg677JR9cBB50ZAD2UJRBiq4/AQYANgMJDX/h/xQAAAAASUVORK5CYII=);
}
.file-name{
    display: inline-block;
    border: 1px solid #4c83e5;
    border-radius: 0 4px 4px 0;
    border-left: none;
    padding: 0 5px;
    color: #333;
    line-height: 20px;
    font-size: 14px;
    vertical-align: middle;
}   

.risk-tip{
    text-align:right;
    font-weight: bold;
    padding:0px 0 20px;
    color: #d9534f;
}

.pointer{cursor: pointer;}
.flex{display: flex;}
.grow{flex-grow: 1;}
.space-between{justify-content: space-between;}


.page-options{
    border-top: 1px solid #ddd;
    padding:   14px 0 14px 30px;
    color: #555;
}
.page-options>.flex{flex-wrap: wrap;}
.page-options>.flex>.grow{
    margin-right: 30px;
    margin-bottom: 10px;
    max-width: 33%;
    min-width: 220px;
}

.page-options>.flex>.grow p{
    padding: 0 0 5px;
    border-bottom: 1px solid #ddd;
    margin: 0 0 8px 0;
    font-weight: bold;
}

.page-options textarea{
    width: 100%;
    border: 1px solid #ddd;
    height: 76px;
}

.page-options .button-wrap{
    text-align: right;
}

.page-options .button-wrap button{
    margin-left: 8px;
    margin-top: 8px;
}

.btn-primary{
    background-color: #2D3F5A;
    border-radius: 2px;
    border:none;
    padding: 2px 8px;
    color: #FFF;
    cursor: pointer;
}
.btn-link{
    cursor: pointer;
    color: #4c83e5;
}

.btn-primary:hover{background-color: #262D40;}
.text-green{color: #25c525;}
.text-danger{color:#d9534f;}
.text-desc{color: #c4c4c4;}
.text-link{color: #0d5fe0;}
.blod{font-weight: bold;}



.user-panel .inner{
    position: relative;
    padding: 8px 0;
}
.user-panel .inner img{
    width:28px;
    height: 28px;
    object-fit: cover;
    vertical-align: middle;
    border-radius: 50%;
    border:1px solid #ddd;
    margin-right: 8px;
}

.user-panel .inner .right{position: absolute;right: 0;bottom: 11px;}


.scroll-bar{overflow: auto;}
/*滚动条*/
.scroll-bar::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

/* Track */
.scroll-bar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #CCC;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

/* Handle */
.scroll-bar::-webkit-scrollbar-thumb {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #888;
    /*background: #A8B3CB; */
    -webkit-box-shadow: inset 0 0 6px #CCC;
}


.text-according{
    word-break: break-all;
    word-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
    overflow: hidden;
}