.main-content{

}
.main-content > div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
}
.main-content > div > div {
    background: #fff;
}
.main-content .content-1 div {
    flex: 1 1 300px; /* 每个子元素最小宽度为300px，可以根据需要调整 */
}

/* 声明 */
.div-ggsm {
    background: #FFFFE8;
    padding: 8px 12px;
    line-height: 1.3;
    font-size: 14px;
}

/* 统计 */
.div-tj .div-content {
    display: flex;
    width: 100%;
}
.div-tj .div-content img{
    width: 62px;
}
.div-tj .div-content span {
    flex: 3;
    text-align: center;
}
.div-tj .div-content span label{
    display: block;
    font-size: 14px;
    color: #666;
}
.div-tj .div-content span label.label-num{
    font-size: 26px;
    font-weight: bold;
    color: #05CCB0;
}

/* 公告 */
.div-gg .div-title button{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.div-gg .div-content, .div-sc .div-content {
    max-height: 220px;
    overflow-y: auto;
}
.div-gg .div-content p {
    width: 100%;
    font-size: 13px;
    color: #666;
    height: 26px;
    line-height: 26px;
}
.div-gg .div-content label{
    color: #ff6600;
    font-size: 15px;
}
.div-gg .div-content label.num{
    font-weight: bold;
}
.div-gg .div-content p.gl {
    color: #ff6600;
}

/* 收藏 */
.div-sc .div-title .btn-batch{
    display: none;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.div-sc .div-title .btn-import{
    display: none;
    position: absolute;
    top: 50%;
    right: 90px;
    transform: translateY(-50%);
}


/* 分类-短篇 */
.div-fl-dp {
    flex: 1;
}
.div-fl-dp .div-title button{
    display: none;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

/* 分类-其它 */
.div-fl-qt {
    flex: 2;
}
.div-fl-qt .div-title button{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

/* 收藏、分类块 */
.div-sc .div-content, .div-fl-dp .div-content, .div-fl-qt .div-content {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.span-block {
    display: block;
    background: #F9F9F9;
    padding: 5px 0;
    height: 49px;
    width: 94px;
    text-align: center;
    cursor: pointer;
}
.span-block label {
    display: block;
    white-space: nowrap;
    font-size: 14px;
    color: #666;
    cursor: pointer;
}
.span-block .label-num{font-size: 14px; height: 20px;}
.span-block .color-c1 {color: #05CCB0;}
.span-block .color-c2 {color: #fff;}
.bg-c1 {background: #F5F9FF;}
.bg-c2 {background: #E4E4E4;}
.bg-c3 {background: #FF9900;}
.bg-c8 {background: #D5E6FF;}

/* 手动投稿计划 */
.paging-form td {
    padding: 6px 12px;
}
.paging-form td.operate {
    width: 100px;
    padding: 0 0 0 10px;
}
.paging-form td.operate .btn-a {
    font-size: 14px;
    margin-right: 10px;
}
.paging-form div {
    padding: 10px 0 10px 10px !important;
}
.paging-form div div {
    padding: 3px 0 12px 0 !important;
}
.paging-form div button {
    padding: 6px 8px;
}



/* 服务 */
.div-fw {
    flex: 1;
}
.div-fw .div-content {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 14px;
}
.div-fw .div-content div {
    background: #F9F9F9;
    text-align: center;
    align-items: center;
    width: 96px;
    height: 78px;
    padding: 8px 0;
    cursor:pointer;
    margin: 0;
}
.div-fw .div-content div:hover {background:#F5F9FF;}
.div-fw .div-content div img, .div-fw .div-content div label{
    display: block;
    margin: 0 auto;
    cursor:pointer;
}
.div-fw .div-content div label {
    font-size: 14px;
}
.icon-fw {
    background-image: url('../images/fw.png');
    background-repeat: no-repeat;
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 8px;
}


/* 寻缘 */
.div-xy {
    flex: 1;
    width: 100%;
}
.div-xy .div-title button{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.div-xy .div-content {
    max-height: 300px;
    overflow-y: auto;
}

/* ai智选 */
.div-ai {
    flex: 1;
    width: 100%;
}
.div-ai input, .div-ai select {
    width: 200px;
}



/* 渠道 - 筛选 */
.main-content .div-channel {
    display: block;
    background: #fff;
    margin-top: 10px;
}
.main-content .div-channel > div {
    display: block;
}
.main-content .div-channel .div-title {
    width: 100%;
}
.div-channel .form-div select {
    width: 130px;
    margin-right: 5px;
}
.div-channel .form-div input {
    width: 200px;
    margin-right: 5px;
}

/* 渠道 - 内容 */
.main-content .div-channel .div-content {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.div-channel .div-content .div-block {
    position: relative;
    width: 206px;
    font-size: 13px;
    color: #666;
}
.div-channel .div-content .div-block div {
    padding: 8px 10px;
    display: block;
}
.div-channel .div-content .div-block .span-rz {
    display: block;
    background: #E8F0FF;
    color: #333;
    font-size: 10px;
    padding: 0 5px;
    border-radius: 0 0 0 6px;
    position: absolute;
    right: 0;
    top: 0;
}
.div-channel .div-content .div-block .span-rz.hide {
    display: none;
}
.open-rz-url{
    cursor: pointer;
}


/* 渠道 - 分页 */
.div-page {
    text-align: center;
    padding: 10px 0 20px;
}


/*收稿要求*/
.div-channel .div-content .div-block .div-block-sg {
    background: linear-gradient(to bottom, #FAFAFA, #F8F8F8);
    color: #555;
    height: 190px;
    overflow-y: auto;
}
.div-channel .div-content .div-block .div-block-sg p {
    line-height: 1.8;
}
.div-channel .div-content .div-block .div-block-sg p.received {
    line-height: 1.5;
}
.div-channel .div-content .div-block .div-block-sg p span.yg {
    color: #A8A8A8;
    font-size: 12px;
}


/*编辑信息*/
.div-channel .div-content .div-block .div-block-pt {
    height: 42px;
    padding: 4px 10px;
    box-sizing: border-box;
}
.div-channel .div-content .div-block .div-block-pt p {
    height: 19px;
    color: #333;
}
.div-channel .div-content .div-block .div-block-pt label {
    font-size: 11px;
    color: #666;
}


/*操作*/
.div-channel .div-content .div-block .div-block-op {
    position: relative;
    height: 32px;
    line-height: 32px;
    display: flex;
    justify-content: right;
    align-items: center;
}
.div-channel .div-content .div-block .div-block-op label{
    padding: 10px 0 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
}
.div-channel .div-content .div-block .div-block-op i{
    padding: 2px 0 0 0;
    margin: 0 0 0 5px;
}
.div-channel .div-content .div-block .div-block-op i.selected{
    color: #ff9900;
}

.div-channel .div-content .div-block section {
    background: linear-gradient(to bottom, #F5F9FF, #E8F0FF);
    color: #2D3B47;
}
.div-channel .div-content .div-block section.pt-c {
    background: linear-gradient(to bottom, #F8F8F8, #F1F1F1);
    color: #2D3B47;
}
.div-channel .div-content .div-block section.pt-c2 {
    background: linear-gradient(to bottom, #F6F6F6, #FFF5E6);
    color: #2D3B47;
}


/* 媒体查询：针对小屏幕设备 */
@media (max-width: 768px) {
    .main-content > div {gap: 5px; }
    .main-content > div > div {
        flex: 1 1 100%; /* 子元素占据整行 */
        max-width: 100%;
    }

    /* 分类 */
    .span-block {
        flex: 0 0 calc(25% - 10px);
        box-sizing: border-box;
    }

    /* 收藏、分类、服务等 */
    .main-content .mobile div{
        width: calc(25% - 8px);
    }

    /* 渠道内容 */
    .main-content .div-channel .div-content .div-block {
        flex: 0 0 calc(50% - 5px);
    }

}