﻿body {
    background: url(../images3/wzcjbg.png) no-repeat;
    background-size: 100% 100%;
    min-height: 100vh;
}

.main {
    padding-bottom: 30.103vw;
}

/* 新建采集组 */
.xj_cjz {
    position: fixed;
    bottom: 13.103vw;
    z-index: 999;
    display: flex;
    width: 100%;
    height: 15.6vw;
    background-color: rgba(53, 87, 186, .8);
    box-shadow: 0vw 0.53vw 0.92vw 0.28vw rgba(1, 169, 180, 0.38);
    align-items: center;
    justify-content: center;
}

.xj_cjz_ma {
    position: relative;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 53.33vw;
    height: 8.8vw;
    background-image: linear-gradient(0deg,
            rgba(166, 204, 243, 1) 0%,
            rgba(255, 255, 255, 1) 100%);
    box-shadow: 0vw 0vw 0.92vw 0.28vw rgba(21, 38, 151, 0.38);
    border-radius: 4.4vw;
}

.xj_cjz_ma .imgbox {
    width: 6.07vw;
}

.xj_cjz_ma h1 {
    font-family: fangsong;
    font-size: 3.47vw;
    font-weight: bold;
    letter-spacing: 0.91vw;
    color: rgba(0, 9, 147, 1);
}

/* 文章采集 */
.content_ma {
    margin: 2.564vw auto;
    flex-wrap: wrap;
    padding: 3.846vw 0 0;
    box-sizing: border-box;
    display: flex;
    border-radius: 5.128vw;
    border: .256vw solid rgba(56, 230, 241, .5);
}

.content_ma .dd_ma {
    display: block;
    background: url(../images3/bg_dd2.png) no-repeat;
    background-size: 100% 100%;
    width: 50%;
    height: 28.93vw;
}

.dd1 {
    font-family: 宋体;
    text-align: center;
    font-weight: bold;
    font-size: 2.821vw;
    line-height: 6.769vw;
    letter-spacing: .179vw;
    background: url(../images3/bg_dd1.png) no-repeat;
    background-size: auto 100%;
    background-position: center;
    color: #000993;
    margin-top: -2.564vw;
}

.dd2 {
    justify-content: center;
    margin-top: 1vw;
    display: flex;
}

.dd2_1 h1 {
    font-family: SourceHanSansCN-Regular;
    font-size: 2.564vw;
    line-height: 4.359vw;
    font-weight: bold;
    color: #0010fe;
}

.dd2_1 h1 span {
    display: inline-block;
    width: 5.128vw;
}

.dd2_2 h1 {
    width: 25.641vw;
    font-family: SourceHanSansCN-Regular;
    font-size: 2.308vw;
    line-height: 4.359vw;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.dd3 {
    width: 90%;
    margin: auto;
    margin-top: 1vw;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.dd3 a:first-child {
    display: flex;
    align-items: center;
    width: 23.07vw;
    height: 4.93vw;
    background-image: linear-gradient(0deg,
            rgba(208, 219, 230, 1) 0%,
            rgba(231, 234, 241, 1) 50%,
            rgba(228, 232, 239, 1) 100%);
    box-shadow: 0vw 0.53vw 0.92vw 0.28vw rgba(123, 123, 123, 0.38);
    border-radius: 2.47vw;
    border: solid 0.27vw rgba(204, 204, 204, 1);
    font-family: SourceHanSerifCN-Regular;
    font-size: 2.67vw;
    font-weight: bold;
    line-height: 4.93vw;
    letter-spacing: 0.16vw;
    color: rgba(76, 76, 76, 1);
    justify-content: space-evenly;
}

.dd3 a:first-child .imgbox {
    width: 2vw;
}

.dd3 a:last-child {
    width: 15.2vw;
    height: 4.93vw;
    background-image: linear-gradient(0deg,
            rgba(166, 204, 243, 1) 0%,
            rgba(255, 255, 255, 1) 100%);
    box-shadow: 0vw 0vw 0.92vw 0.28vw rgba(21, 38, 151, 0.38);
    border-radius: 2.47vw;
    display: flex;
    justify-content: space-evenly;
    font-family: SourceHanSerifCN-Regular;
    font-size: 2.67vw;
    font-weight: bold;
    align-items: center;
    letter-spacing: 0.16vw;
    color: rgba(0, 9, 147, 1);
}

.dd3 a:last-child .imgbox {
    width: 2.53vw;
}




























.cj_ma {
    flex-direction: column;
    width: 100%;
    height: 848px;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    border: solid 2px #3adfe9;
    background-color: rgba(255, 255, 255, 0.4);
}

/* 新建采集组按钮 */
.cj1 {
    width: 27.5%;
    padding: 16px 10px 0 20px;
    box-sizing: border-box;
    height: 100%;
    overflow-x: hidden;
    border-right: 2px solid rgba(58, 223, 233, 0.8);
}

.cj1_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 61px;
    /* height: 81px; */
    text-align: center;
    background-image: linear-gradient(0deg,
            rgba(219, 227, 246, 1) 0%,
            rgba(255, 255, 255, 1) 100%);
    font-size: 20px;
    font-weight: bold;
    border-radius: 20px 0px 0px 0px;
    margin-bottom: 16px;
    color: rgba(16, 51, 134, 1);
}

.cj1_1 span {
    color: rgba(16, 51, 134, 1);
    margin-right: 14px;
    font-size: 36px;
}

/* 新建采集组内容 */
.cj1_2 {
    height: 754px;
    overflow-y: auto;
}

.cj1_3 {
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    min-height: 150px;
    background-color: #f6f6f6;
    margin-bottom: 10px;
}

.cj1_3 h1 {
    font-size: 18px;
    line-height: 19px;
    letter-spacing: 1px;
    color: rgba(0, 16, 254, 1);
}

.cj1_4 {
    display: flex;
    align-items: center;
    margin: 17px 0 18px;
}

.cj1_4 .imgbox {
    width: 21px;
    height: 22px;
    margin-right: 9px;
}

.cj1_4 h2 {
    font-size: 16px;
    line-height: 17px;
    letter-spacing: 1px;
    color: rgba(16, 51, 134, 1);
    margin-right: 10px;
}

.cj1_4 h3 {
    cursor: pointer;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1px;
    color: rgba(16, 51, 134, 1);
}

.cj1_5 {
    cursor: pointer;
    width: 196px;
    height: 36px;
    background-image: linear-gradient(0deg,
            rgba(242, 142, 38, 0.2) 0%,
            rgba(253, 100, 79, 0.2) 100%);
    border-radius: 10px;
    justify-content: center;
    display: flex;
    align-items: center;
}

.cj1_5 h4 {
    color: rgba(16, 51, 134, 1);
}

.cj1_5 .imgbox {
    width: 15px;
    height: 19px;
    margin-right: 5px;
}

/* 全部未读已读 */
.cj2 {
    width: 31.5%;
    height: 98.5%;
    padding: 12px 0px 0px 0px;
    overflow-x: hidden;
    border-right: 2px solid rgba(58, 223, 233, 0.8);
}

.cj2_2 {
    max-height: 754px;
    overflow-y: auto;
}

.cj2_1 {
    width: 100%;
    height: 81px;
    background-image: linear-gradient(0deg,
            rgba(255, 255, 255, 0.8) 0%,

            rgba(255, 255, 255, 0) 100%);
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.cj2_1 a {
    width: 87px;
    height: 36px;

    box-shadow: 0px 4px 7px 2px rgba(1, 169, 180, 0.38);
    border-radius: 10px;
    text-align: center;
    line-height: 36px;
    margin: 0 5px;
    font-size: 14px;
}

.cj2_1 a:nth-child(1) {
    color: #fff;
    background-image: linear-gradient(0deg,
            rgba(16, 51, 134, 1) 0%,
            rgba(107, 140, 219, 1) 100%);
}

.cj2_1 a:nth-child(2) {
    background-image: linear-gradient(0deg,
            rgba(122, 158, 242, 1) 0%,
            rgba(205, 214, 235, 1) 100%);
    color: rgba(16, 51, 134, 1);
}

.cj2_1 a:nth-child(3) {
    background-image: linear-gradient(0deg,
            rgba(215, 224, 245, 1) 0%,
            rgba(255, 255, 255, 1) 100%);
    color: rgba(16, 51, 134, 1);
}

/*.cj2_1 .bs {
    color: #fff;
}*/

/* 全部未读已读标题 */
.cj2_3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 58px;
    padding: 0 10px 0 10px;
    border-bottom: 2px solid rgba(58, 223, 233, 0.8);
}

.cj2_3 h1 {
    font-size: 16px;
    color: rgba(0, 16, 254, 1);
}

/* 全部未读已读内容 */
.cj2_4 .main231 {
    display: flex;
    width: 100%;
    height: 120px;
    padding: 20px;
    box-sizing: border-box;
    background-color: transparent;
    border-bottom: 2px solid rgba(58, 223, 233, 0.8);
    flex-wrap: wrap;
}

.cj2_4 .main231.hover {
    background-color: rgba(226, 250, 252, 0.8);
}

.cj2_4 .main231 .imgbox {
    width: 34px;
    height: 34px;
    margin-right: 11px;
}

.cj2_4 .main231 .msgbox {
    width: 234px;
}

.cj2_4 .main231 p {
    margin-left: auto;
    height: 48px;
    width: 250px;
    font-size: 18px;
    line-height: 24px;
    overflow: hidden;
    color: rgba(0, 16, 254, 1);
    /* color: rgba(223, 0, 0, 1); */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 15px;
}

.cj2_4 .main231 span {
    margin-left: auto;
    width: 250px;
    font-size: 16px;
    line-height: 12px;
    letter-spacing: 1px;
    color: rgba(0, 16, 254, 1);
    /* color: rgba(223, 0, 0, 1); */
}

/* .cj3 */
/* .cj3_4 {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 81px;
    background-image: linear-gradient(180deg,
            rgba(255, 255, 255, .8) 0%,
            rgba(58, 223, 233, .8) 100%);
} */

/* 文章详细内容 */
.cj3 {
    position: relative;
    width: 41%;
    padding-right: 20px;
    overflow-y: auto;
    height: 100%;
    padding: 12px 0px 12px 0px;
    box-sizing: border-box;
    overflow-x: hidden;
}

/* 伪原创转换及其他控件 */
.cj3_1 {
    width: 100%;
    height: 81px;
    background-image: linear-gradient(0deg,
            rgba(255, 255, 255, 0.8) 0%,

            rgba(255, 255, 255, 0) 100%);
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.cj3_1 a {
    height: 36px;
    text-wrap: nowrap;
    background-image: linear-gradient(0deg,
            rgba(16, 51, 134, 1) 0%,
            rgba(107, 140, 219, 1) 100%);
    box-shadow: 0px 4px 7px 2px rgba(1, 169, 180, 0.38);
    border-radius: 10px;
    margin: 0 10px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    font-size: 14px;
}

#zhuanHuan {
    font-family: 宋体;
    color: rgba(255, 255, 255, 1);
}

#tongbu {
    font-family: 宋体;
    background-image: linear-gradient(0deg,
            rgba(122, 158, 242, 1) 0%,
            rgba(205, 214, 235, 1) 100%);
    color: rgba(16, 51, 134, 1);
}

.cj3_1 .jifen {
    font-family: 宋体;
    background-image: linear-gradient(0deg,
            rgba(215, 224, 245, 1) 0%,
            rgba(255, 255, 255, 1) 100%);
    color: rgba(16, 51, 134, 1);
}

/* 算力 */
.cj3_1 .jifen {
    max-width: 180px;
    overflow: hidden;
    text-wrap: nowrap;
    padding: 0 10px;
}

.cj3_1 a .imgbox {
    width: 20px;
    margin-right: 10px;
}

.cj3_2 {
    padding: 10px;
    max-height: 654px;
    overflow-y: auto;
}

.cj3_2 h1 {
    color: rgba(0, 16, 254, 1);
    text-align: center;
    font-size: 20px;
    line-height: 24px;
}

.cj3_3 a {
    width: 88px;
    height: 26px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 1px;
    color: rgba(16, 51, 134, 1);
    display: block;
    text-align: center;
    margin: 20px 0;
    margin-left: auto;
    font-family: 宋体;
    background-image: linear-gradient(0deg,
            rgba(166, 204, 243, 1) 0%,
            rgba(255, 255, 255, 1) 100%);
    box-shadow: 0px 0px 7px 2px rgba(21, 38, 151, 0.38);
}

.cj3_3 .info {
    color: rgba(16, 51, 134, 1);
    color: #333;
    font-size: 16px;
    line-height: 30px;
    margin-top: 55%;

    transform: translateY(-50%);
}

/* 下方删除及设为已读 */
.cj3_4 {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 81px;
    background-image: linear-gradient(180deg,
            rgba(255, 255, 255, 0.8) 0%,
            rgba(255, 255, 255, 0) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
}

.cj3_4 a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 162px;
    height: 36px;
    background-image: linear-gradient(0deg,
            rgba(208, 219, 230, 1) 0%,
            rgba(231, 234, 241, 1) 50%,
            rgba(228, 232, 239, 1) 100%);
    box-shadow: 0px 4px 7px 2px rgba(1, 169, 180, 0.38);
    border-radius: 10px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: rgba(16, 51, 134, 1);
    margin: 0 17px;
}

.cj3_4 a .imgbox {
    width: 24px;
    margin-right: 10px;
}

.cj3_4 a:first-child .imgbox {
    width: 15px;
}

/* 采集组设置 */
.bg5 {
    top: 50%;
    transform: translateY(-50%);
}

.mb_ma2 {
    min-height: 109.93vw;
    padding: 4.8vw 2vw;
    box-sizing: border-box;
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 99.33vw;
    margin: auto;
    background: url(../images3/grzx_sljl.png) no-repeat;
    background-size: 100% 100%;
}

.mb_ma2_4 a {
    position: relative;
    margin-left: 1vw;
    width: 21.07vw;
    height: 6.13vw;
    background-image: linear-gradient(0deg,
            rgba(9, 30, 163, 1) 0%,
            rgba(64, 84, 228, 1) 100%);
    box-shadow: 0vw 0.53vw 0.92vw 0.28vw rgba(21, 38, 151, 0.38);
    border-radius: 2.67vw 0vw 2.67vw 0vw;
    border: solid 0.27vw rgba(9, 30, 163, 1);
    font-size: 2.67vw;
    font-weight: bold;
    display: block;
    text-align: center;
    line-height: 6.13vw;
    letter-spacing: 0.16vw;
    color: rgba(255, 255, 255, 1);
}

.mb_ma2_4 a::after {
    background: url(../images3/line5.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -2vw;
    content: '';
    width: 100%;
    left: 0;
    height: 3.73vw;
}

.mb_ma2_1 {
    width: 93.33vw;
    min-height: 83.13vw;
    border-style: solid;
    margin-top: 3vw;
    border-width: 0.4vw;
    border-image-source: linear-gradient(0deg,
            rgba(158, 240, 245, 1) 0%,
            rgba(191, 243, 246, 1) 100%);
    border-image-slice: 1;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 4vw 2.8vw;
    box-sizing: border-box;
}

/* 右下角控件 */
.mb_ma2 .btn_box {
    justify-content: flex-end;
    align-items: center;
    margin-top: 2vw;
}

.mb_ma2 .btn_box a:last-child {
    margin-left: 2.8vw;
    background-image: linear-gradient(0deg,
            #d0dbe6 0%,
            #e7eaf1 50%,
            #e4e8ef 100%);
    box-shadow: 0px 4px 7px 2px rgba(123, 123, 123, 0.38);
    border-radius: 19px;
    border: solid 2px #b5b5b5;
    color: rgba(102, 102, 102, 1);
}

/* 采集组标题： */
.mb_ma2_2 .kh1_4 {
    height: 8.8vw;
    display: flex;
    align-items: center;
    background-color: rgba(20, 121, 174, .2);
    border-radius: 1.33vw;
}

.mb_ma2_2 .kh1_4 h1 {
    padding-left: 1.33vw;
    box-sizing: border-box;
    font-family: SourceHanSansCN-Regular;
    font-size: 2.93vw;
    letter-spacing: 0.17vw;
    color: rgba(255, 255, 255, 1);
}

.mb_ma2_2 .kh1_3 input {
    width: 64.47vw;
    height: 6.13vw;
    border: none;
    background: transparent;
    background-image: linear-gradient(90deg,
            rgba(255, 255, 255, .5) 0%,
            rgba(255, 255, 255, 0) 100%);
    border-radius: 1.33vw;
    font-family: SourceHanSansCN-Regular;
    font-size: 2.93vw;
    letter-spacing: 0.17vw;
    color: rgba(0, 16, 254, 1);
    padding-left: 1.33vw;
    box-sizing: border-box;
}

.kh1_3 input::placeholder {
    font-family: SourceHanSansCN-Regular;
    font-size: 2.93vw;
    letter-spacing: 0.17vw;
    color: rgba(0, 16, 254, 1);
}

/* 添加采集关键词 */
.mb_ma2_2 .kh1_5 {
    margin-bottom: 1.33vw;
    background-color: rgba(20, 121, 174, .2);
    border-radius: 1.33vw;
    padding: 0 1.33vw;
}

.mb_ma2_2 .kh1_5 input {
    width: 65%;
    background: transparent;
    background-image: linear-gradient(90deg,
            rgba(255, 255, 255, .5) 0%,
            rgba(255, 255, 255, 0) 100%);
    border-radius: 1.33vw;
}

.kh1_4 a {
    width: 27.73vw;
    height: 4.93vw;
    background-image: linear-gradient(0deg,
            rgba(166, 204, 243, 1) 0%,
            rgba(255, 255, 255, 1) 100%);
    box-shadow: 0vw 0vw 0.92vw 0.28vw rgba(21, 38, 151, 0.38);
    border-radius: 2.47vw;
    font-family: SourceHanSerifCN-Regular;
    font-size: 2.93vw;
    font-weight: bold;
    letter-spacing: 0.17vw;
    color: rgba(0, 9, 147, 1);
}

/* 采集说明：、 */
.mb_ma2_2_1 {
    color: rgb(25, 25, 25);
    display: flex;
    line-height: 4vw;
    font-size: 2.93vw;
    font-family: 宋体;
    margin: 1.33vw 0 4.33vw;
    font-weight: bold;
}

.mb_ma2_2_1 h1 {
    font-weight: bold;
    text-wrap: nowrap;
}

.mb_ma2_2_1 span {
    color: rgb(242, 0, 0);
    font-weight: bold;
}

/* 算力消耗 */
.mb_ma2_2_2 {
    font-family: 宋体;
    font-weight: bold;
    font-size: 2.93vw;
    letter-spacing: 0.17vw;
    color: rgba(242, 0, 0, 1);
    margin-bottom: 4.13vw;
}

/* 已有的采集关键词 */
.mb_ma2_3 {
    overflow-y: auto;
    overflow-x: hidden;
    width: 87.47vw;
    height: 33.33vw;
    border-radius: 1.33vw;
    border: solid 0.27vw rgba(20, 121, 174, .6);
    background: rgb(184, 205, 217);
}

.mb_ma2_3 li {
    width: 87.33vw;
    padding: 0 4.13vw;
    height: 8.53vw;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    display: flex;
    font-family: SourceHanSansCN-Regular;
    font-size: 2.93vw;
    letter-spacing: 0.17vw;
    color: rgba(0, 16, 254, 1);
    border-bottom: 1px solid rgba(20, 121, 174, .6);
}

.mb_ma2_3 li a {
    color: rgba(0, 16, 254, 1);
}