﻿.cj_ma {
    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;
justify-content: space-between;
}

.cj1_4 .imgbox {
    width: 21px;
    height: 22px;
}

.cj1_4 h2 {
    font-size: 16px;
    line-height: 17px;
    letter-spacing: 1px;
    color: rgba(16, 51, 134, 1);
}

.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);
    background: rgba(255, 255, 255, .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;
}

/* 文章采集蒙版 */
.mb_ma2 {
    width: 1207px;
    height: 519px;
    padding: 50px;
    box-sizing: border-box;
    box-shadow: 0px 0px 6px 2px rgba(151, 151, 151, 0.11);
    border-radius: 29px;
}

.mb_ma2_1 {
    justify-content: space-between;
    position: relative;
    display: flex;
    background: url(../images3/bg_cjzsz.png) no-repeat;
    background-size: 100% 100%;
    width: 1108px;
    height: 348px;
    overflow-y: auto;
    padding: 30px 20px;
    box-sizing: border-box;
}

/* 右下角控件 */
.mb_ma2_1 .btn_box {
    position: absolute;
    right: 19px;
    bottom: 30px;
}

.mb_ma2_1 .btn_box a:last-child {
    margin-left: 20px;
    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 {
    width: 518px;
}

.mb_ma2_2 .kh1_4 {
    width: 100%;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 33px;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    margin-bottom: 16px;
}

.mb_ma2_2 .kh1_4 h1 {
    font-size: 18px;
    letter-spacing: 1px;
    color: rgba(0, 16, 254, 1);
}

.mb_ma2_2 .kh1_3 input {
    width: 342px;
    height: 46px;
    background-image: linear-gradient(90deg,
            rgba(16, 51, 134, 0.2) 0%,

            rgba(16, 51, 134, 0) 100%);
    border-radius: 10px;
    border: none;
    padding-left: 20px;
    font-size: 16px;
    box-sizing: border-box;
}

.kh1_3 input::placeholder {
    font-size: 16px;
    font-family: MicrosoftYaHei;
    letter-spacing: 1px;
    color: rgba(223, 0, 0, 1);
}

/* 添加采集关键词 */
.mb_ma2_2 .kh1_5 {
    margin-bottom: 20px;
    background-color: transparent;
    background-color: rgba(255, 255, 255, 0.5);
    padding-right: 19px;
}

.mb_ma2_2 .kh1_5 input {
    width: 65%;
    background-image: linear-gradient(90deg,
            rgba(16, 51, 134, 0.2) 0%,

            rgba(16, 51, 134, 0) 100%);
}

.kh1_4 a {
    width: 161px;
    font-size: 16px;
    font-family: SourceHanSerifCN_Regular;
    font-weight: normal;
    letter-spacing: 1px;
    border-radius: 10px;
}

/* 采集说明：、 */
.mb_ma2_2_1 {
    color: #ff0000;
    display: flex;
    line-height: 24px;
    font-size: 16px;
    font-family: SourceHanSerifCN_Regular;
    margin-bottom: 45px;
}

.mb_ma2_2_1 h1 {
    text-wrap: nowrap;
}

.mb_ma2_2_1 span {
    color: rgba(0, 16, 254, 1);
    font-weight: bold;
}

/* 算力消耗 */
.mb_ma2_2_2 {
    font-family: SourceHanSerifCN_Regular;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 1px;
    color: rgba(255, 0, 0, 1);
}

/* 已有的采集关键词 */
.mb_ma2_3 {
    width: 518px;
    height: 219px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 10px;
    border: solid 2px rgba(16, 51, 134, 0.5);
    background-color: rgba(255, 255, 255, 0.5);
}

.mb_ma2_3 li {
    height: 56px;
    padding: 0 30px;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    display: flex;
    font-size: 16px;
    border-bottom: 1px solid #1d9ea6;
}

.mengban2 {
    display: flex;
}

.mengban2 .mb_ma2 {
    padding: 30px 163px 0 49px;
    width: 1207px;
    overflow-y: auto;
    height: 925px;
}

.mengban2 .mb_ma2_1 {
    background: url(../images3/mengban3_bg.png) no-repeat;
    width: 995px;

    height: 850px;
    padding: 40px;
    flex-direction: column;
}

.mengban2 .mb_ma2_2 .kh1_4 {
    padding-right: 20px;
    margin-bottom: 30px;
}

.mengban2 .mb_ma2_2 {
    width: 100%;
}

.mengban2 .mb_ma2_2 .kh1_3 input {
    width: 767px;
    background-image: linear-gradient(90deg,
            rgba(182, 215, 247, 0.4) 0%,

            rgba(255, 255, 255, 0) 100%);
}

.mengban2 .mb_ma2_2 .kh1_3 select {
    width: 767px;
}

.mengban2 .mb_ma2_2 .kh1_3 textarea {
    background-image: linear-gradient(90deg,
            rgba(182, 215, 247, 0.4) 0%,

            rgba(255, 255, 255, 0) 100%);
    border: none;
    width: 767px;
    height: 100px;
    resize: none;
    border-radius: 10px;
    padding-top: 13px;
    padding-left: 10px;
    box-sizing: border-box;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    letter-spacing: 1px;
    color: rgba(223, 0, 0, 1);
}

.mengban2 .mb_ma2_2 .kh1_3 textarea::placeholder {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    letter-spacing: 1px;
    color: rgba(223, 0, 0, 1);
}

.mengban2 .mb_ma2_2 .kh1_6 {
    height: 120px;
}

.mengban2 .mb_ma2_2 .kh1_7 {
    width: 100%;
    height: 66px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 33px;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    margin-bottom: 30px;
}

.mengban2 .mb_ma2_2 .kh1_7 .check_box {
    margin-right: 99px;
}

.mengban2 .mb_ma2_2 .kh1_7 h3 {
    font-size: 18px;
}

.mengban2 .mb_ma2_2 .kh1_7 p {
    width: 23px;
    height: 23px;
    background-image: none;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #248fc7;
}

.mengban2 .mb_ma2_2 .kh1_7 p span {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #248fc7;
}

.mengban2 .mb_ma2_1 .btn_box {
    position: static;
}

.mengban2 .mb_ma2_1 .btn_box a {
    margin-right: 20px;
}

.mengban2 .h1wenz h1 {
    margin-top: 30px;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    letter-spacing: 1px;
    color: #ff0000;
}

.mengban2.check_box {
    margin-left: 19px;
}

.mengban2 .check_box p {
    width: 23px;
    height: 23px;
    background-image: none;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #fff;
}

.mengban2 .check_box p span {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #fff;
}

.mengban2 .mb_ma2_1 .btn_box a:last-child {
    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);
    border-radius: 19px;
    margin-left: 20px;
    width: 193px;
    color: rgba(16, 51, 134, 1);
    border: none;
}

.mengban2 .mb_ma2_1 .btn_box a:nth-child(2) {
    margin: 0px;
    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);
}

.mengban2 .check_box p img {
    width: 25px;
}