@import url('./common.css');
body {
    background-color: #f8f9fa;
}
.m-nav-wrap {
    display: flex;
    align-items: center;
    height: 65px;
    background-color: #fff;
    border-bottom: 1px solid #EDEEF1;
}
.m-nav-item {
    height: 36px;
    border: 1px solid #C9CBCF;
    font-size: 14px;
    line-height: 36px;
    color: #383A3E;
    padding: 0 20px;
    margin-left: 20px;
    border-radius: 36px;
    text-decoration: none;
}
.m-nav-item.active {
    background-color: #383A3E;
    color: #fff;
}
.m-iframe-wrap{
    width: 1250px;
    margin: 0 auto;
    min-height: 850px;
    display: flex;
    justify-content: space-between;
}
.m-board-wrap{
    width: 820px;
}
.m-group-chat-wrap {
    width: 400px;
    height: 750px;
    margin-top: 10px;
}
.m-search-wrap{
    height:52px;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.m-search-wrap input {
    background-color: #fff;
    border: 1px solid #edeef1;
    box-sizing: border-box;
    font-size: 15px;
    height: 52px;
    width: 660px;
    text-indent: 1em;
}
.m-search-wrap button {
    background-color: #f92121;
    color: #fff;
    font-size: 15px;
    width: 160px;
    height: 52px;
    border:none;
}
.m-nav-sub-wrap {
    margin-top: 10px;
    height: 52px;
    background-color: #f3f4f5;
    display: flex;
    justify-content: space-between;
}
.m-nav-sub-container {
    display: flex;
}
.m-nav-sub-write{
    width: 160px;
    height: 52px;
    background-color: #2e8de5;
    color: #fff;
    font-size: 15px;
    border:none;
}
.m-nav-sub-write {
    display: flex;
    align-items: center;
    justify-content: center;
}
.m-nav-sub-item {
    width: 60px;
    height: 52px;
    border-top: 1px solid #edeef1;
    border-bottom: 1px solid #edeef1;
    border-right: 1px solid #edeef1;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #94979c;
}
.m-nav-sub-item:first-child{
    border-left: 1px solid #edeef1;
}
.m-nav-sub-item.active{
    background-color: #2e8de5;
    border: 1px solid #2e8de5;
    color: #fff;
}
.nodata{
    padding: 40px;
}
.nodata img {
   width:85px;
   height: 85px;
   display: block;
   margin: 0 auto;
}
.nodata p {
    margin-top: 20px;
    font-size: 13px;
    color: #94979c;
    text-align: center;
}
.iconView:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAOCAYAAADNGCeJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGrSURBVHgBlVNRTsJAEJ2ZGuOnN9BvP4QqqMiHeAK5AfUGcALKCYAToCcQT0D9kAYQlmjir3gD/DLGsONsCU23EKMvaZNud968ffMWYQPCkSoBYkWeEjDsR4sIM2acOsDd01zmdlMdJj8ehypL5DQBuAS/Y0YAfpo0JguHygOijl3DASJOGWAOLCpTTTTrRjHv+hbZ4EmVNdBdSrNfOM40LOVj5SFTU4p243asa+d5txWVhErtg6Ze7M1yy00hl73uj1QVkOqmmBFb58eHNbOGSE1LodZu8cSdYjh+7gi9l/5JKN1RmiQgPnnbjr7/XNBbUp2xQ5pfEjJnIQXTRfy7SK9r8cx13TmieGh7UppMXvdIvAnSReaHyHuANWCw9Cmpaqns6OjgnZh0O5pWAl/87RXybkBIfrwdsFuQKIRmCGCTEW1Vo1bmZTYA27FYTUkpFRWa45kcIlHPIktMPc7ZYPxSl9z4FqGoITnCAvUHsnOFwGX71HZ8rBvQl7xFY7disg5ji7kBZ7lM2+beABNOYqfCwNnVkQyBKJvKfQ12xGdzbPgvjGfRdP+AH15/vIKsKMzkAAAAAElFTkSuQmCC);
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 19px;
    width: 19px;
}
.iconCom:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGASURBVHgBnVPdTQJBEJ6ZTdRHrEAqAFYRufDCVSBWIFagHYAdSAWeFYgViA+GqIHFmPjqlcCjCTLj7sqRg+AR+B7udic733zzh7CE/pupI9GpADRAIO9sCDBiwFiBdE/KxbtlH5w7G5OHqboFkDpkI4YJh0Gg4wUST8D0mEReB6tyLMxhraJH7k7eugHBLHKOiO6NMTlP0h+Y5iYEKeS/mS7/lIg6hy0hAleeREBKKXuMChuIcONl2z8jX3gHwK4irNtc4uSxS2s4/Dwgd5gz24JVdeGBpuzbuEt8XTvSkXMUBVHlsPBkzdGyIuwP3r8Wa4IRWnWW0CqUngCN7b3hVSJ0WaCZDryneB9fBh8tFm7DdlXpBeVSSDv003FpwFbAyH1Jaz1G4TPYEK7owWwF/LAFx7rHzDpd+UwCu0uu6MmdkoMfYeKQkNqZZIjRruLQZZAiXY3nV1Oyc9Gy8+E649tvI7ar5WJn+S39R+KUCSYFlwgnrFcRrIVbsGTJsvAL1MWT2VdpZIkAAAAASUVORK5CYII=);
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 19px;
    width: 19px;
}
.mFullTextContent {
    height: 350px;
}
.writing_footer button{
    border:none;
}
.m-hide {
    display: none !important;
}
.m-board-wrap .community {
    margin-top: 15px;
}
.community_new{
    width: 20px;
    height: 20px;
    background-color: #2e8de5;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    margin-left: 5px;
}
.writing button {
    border:none;
}
.m-mt-15,
.mar-t-15 {
    margin-top: 15px;
}
.m-iframe-page-left {
    width: 830px;
    margin-top: 10px;
}
.m-market-btn.active{
    background-color: #2E8DE5;
    color: #fff;
}
.m-my-setting-list dl {
    box-sizing: content-box;
}
.community_search button {
    border:none;
}
.community_search input {
    padding: 0 15px;
}
.m-user-avatar {
    width: 25px;
    height: 25px;
    border-radius: 50%;
}
.m-board-block-img {
    width: 100%;
    height: 146px;
    object-fit: cover;
}
.m-iframe-my-wrap {
    padding-bottom: 150px;
}
.m-full-text-content {
    height: 400px;
}
.mar-t-20 {
    margin-top: 20px;
}
.m-query-view-content{
    padding: 24px 34px;
    min-height: 200px;
}
.m-log-table-text-left {
    margin-left: 30px;
}
.m-log-table-text-right {
    text-align: right !important;
    padding-right: 40px;
}
.m-pagination {
    display: flex;
    justify-content: center;
}

.mf-Pagination-wrap{
    margin-top: 30px;
    overflow: hidden;
}

.mf-Pagination-wrap button {
    float: left;
    background-color: #fff;
    border: 1px solid #edeef1;
    border-left: 0;
    color: #383a3e;
    display: flex;
    font-size: 14px;
    height: 36px;
    min-width: 36px;
    box-sizing: border-box;
    padding: 0 15px;
    text-align: center;
    line-height: 36px;
    transition: all .3s;
    align-items: center;
}

.mf-Pagination-wrap button:first-child{
    border-left: 1px solid #edeef1;
}

.mf-Pagination-wrap button.active,
.mf-Pagination-wrap button:hover{
    background-color: #2E8DE5;
    color: #fff;
    font-weight: bold;
    transition: all .2s ease;
}

.m-paginate-next-img {
    margin-left: 5px;
}

.m-paginate-prev-img {
    margin-right: 5px;
}

.m-iframe-page-left .tit p,
.m-board-wrap .tit p {
    font-size: 16px;
    font-weight: bold;
}

.m-view-content img {
    max-width: 100%;
}

.m-view-content p {
    word-break: break-all;
}

.m-board-title-rewrite {
    font-size: 15px !important;
    font-weight: bold !important;
}

.m-board-my-item:hover .m-board-my-edit {
    display: flex;
}

.m-board-my-item:hover .m-board-my-edit button:nth-of-type(1) {
    margin-right: 10px !important;
}

.m-exp-tip {
    grid-gap : 10px;
    grid-template-columns: 1fr 128px;
}

.m-exp-tip .exp_tip_info {
    font-size: 13px;
}

.m-user-name-wrap {
    display: flex;
    align-items: center;
}

.m-user-name-wrap .info{
    margin-top: 0 !important;
}

.m-user-name-wrap .name {
    margin-right: 15px;
}

.m-user-name-wrap .info_item {
    margin-right: 15px !important;
}

.m-level-border-bottom td {
    border-bottom: 1px solid #383A3E !important;
}

.m-level-background-yellow td {
    background-color: #FFFEF6 !important;
}

.m-level-background-pink td {
    background-color: #FFF6F6 !important;
}

.m-community-table td {
    font-weight: bold;
}

.m-friend-list-user-wrap {
    padding-left: 30px;
    height: 24px;
    display: flex;
    align-items: center;
}

.m-friend-list-user-level {
    width: 24px;
    height: 24px;
}

.m-friend-list-user-nick {
    margin-left: 6px;
    flex: 1;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

.m-board-btn-wrap-fixed {
    position:fixed; 
    right: 50px; 
    top: 700px;
    width:50px; 
    height:150px; 
}

.m-board-btn-item {
    display: block;
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50px 50px;
}

.m-board-btn-item-to-top {
    background-image: url('/images/icon/m-icon-to-top.png');
}

.m-board-btn-item-to-bottom {
    background-image: url('/images/icon/m-icon-to-bottom.png');
}

.m-board-btn-item-to-message {
    background-image: url('/images/icon/m-icon-message.png');
}

.m-reply-operation-btn:hover {
    background-color: #F2F2F2 !important;
    border-color: #D8D8D8 !important;
    color: #000 !important;
}

.m-board-view-page-title {
    display: flex;
}

.m-board-view-page-title .m-board-title-rewrite {
    margin-left: 5px;
}

.m-gallery-img {
    height: 146px;
}

.m-gallery-img img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.m-board-btn-wrap-fixed {
    display: none;
}

.m-board-btn-wrap-fixed.active{
    display: block;
}