﻿body {
    background: url(../images3/bg_gjcwj.png) no-repeat;
    background-size: 100% 100%;
    min-height: 100vh;
}

/* 收录查询创建排名任务 */
.wj1 .enter_a {
    margin-left: auto;
}

.wj1 .q-3 {
    display: none;
}

.wj1 {
    align-items: center;
}

/* 任务名称 */
.rw {
    box-sizing: border-box;
    margin-bottom: 9.692vw;
    margin-left: 3.6vw;
}

.bg4 {
    top: -3.6vw;
}

.rw1_1 {
    display: flex;
    align-items: center;
    margin-bottom: 2.13vw;
}

.bg_box2 {
    margin-top: 4.4vw;
}

.quanpipei {
    padding: 0 3.5vw;
    box-sizing: border-box;
    display: inline-block;
    margin: 2.4vw;
}

.rw1_1 .imgbox {
    width: 3.87vw;
}

.rw1_1 h1 {
    font-family: SourceHanSansCN-Regular;
    font-size: 3.2vw;
    letter-spacing: 0.19vw;
    color: #ffffff;
    margin-left: 1.5vw;
}

.rw1_2 {
    display: flex;
    position: relative;
}

.rw1_2 a {
    position: absolute;
    right: 0;
}

.rw1_2 input {
    padding-left: 1.47vw;
    border: none;
    width: 73.47vw;
    height: 6.13vw;
    background: transparent;
    background-image: linear-gradient(90deg,
            rgba(255, 255, 255, .5) 0%,
            rgba(255, 255, 255, 0) 100%);
    border-radius: 1.33vw;
    font-size: 2.93vw;
    color: #0010fe;
}

.rw1_2 input::placeholder {
    font-family: SourceHanSansCN-Regular;
    font-size: 2.93vw;
    letter-spacing: 0.17vw;
    color: #0010fe;
}


/* 域名与关键词 */
.bg_box3 .bg {
    top: 17vw;
}

.rw2 {
    padding-bottom: 7vw;
    width: 93.73vw;
    margin: auto;
    box-sizing: border-box;
}

.dsp3_1 {
    display: flex;
    align-items: center;
    margin-bottom: 2.2vw;
}

.dsp3_2 {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 2.8vw;
}

.dsp3_2 h1 {
    font-family: SourceHanSerifCN-Regular;
    font-size: 3.2vw;
    font-weight: bold;
    letter-spacing: 0.19vw;
    color: #ffffff;
}

.dsp3_2 select {
    width: 24.67vw;
    height: 4.93vw;
    font-family: 宋体;
    font-weight: bold;
    padding: 0 2.5vw;
    color: rgba(16, 51, 134, 1);
    box-sizing: border-box;
    font-size: 3.2vw;
    line-height: 4.93vw;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: 0vw 0vw 1.795vw .5vw rgba(21, 38, 151, 0.38);
    border-radius: 4.872vw;
    background: url(../images3/zcr2.png) no-repeat rgba(255, 255, 255, .8);
    background-size: 13%;
    background-position: 90% center;
}

.dsp3_1 .rw1_1 {
    margin-bottom: 0;
}

.rw2_1 textarea {
    background: transparent;
    width: 100%;
    resize: none;
    height: 33.33vw;
    background-color: rgba(255, 255, 255, .8);
    border-radius: 1.33vw;

    font-family: SourceHanSansCN-Regular;
    font-size: 2.93vw;
    padding: 1.2vw;
    box-sizing: border-box;
    border: none;
    letter-spacing: .256vw;
    color: #df0000;
}

.rw2_1 textarea::placeholder {
    color: #df0000;
    font-size: 2.93vw;
    font-family: MicrosoftYaHei;
    letter-spacing: .256vw;
}

.rw2_2 {
    display: flex;
    margin-top: .8vw;
    box-sizing: border-box;
    flex-wrap: wrap;
}

.rw2_2 h2 {
    font-family: fangsong;
    font-size: 2.93vw;
    letter-spacing: 0.17vw;
    color: #ffffff;
    margin-top: 1vw;
}

.rw2_2 h1,
.rw2_2 h3 {
    font-family: SourceHanSansCN-Regular;
    font-size: 3.2vw;
    letter-spacing: 0.19vw;
    color: #ffffff;
}

.rw2_2 .imgbox {
    width: 6.41vw;
    margin: 0 2.308vw 0 4.872vw;
}

.rw2_2 .check_box {
    margin-left: 2.6vw;
}

.rw2_2 .check_box p {
    width: 4vw;
    height: 4vw;
    box-sizing: border-box;
    background-image: none;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: .256vw solid #fff;
    margin-right: 1.33vw;
}

.rw2_2 .check_box p span {
    width: 2vw;
    height: 2vw;
    display: inline-block;
    border-radius: 50%;
    border: .256vw solid #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.check_box p img,
.check_box input {
    width: 2vw;
    height: 2vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}




/* 排名查询任务详情 */
.bg3 {
    height: 93vw;
}

.rwxq1 {
    width: 93.47vw;
    margin: auto;
    padding-top: 9vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.rwxq1_1 {
    display: flex;
    flex-direction: column;
    background: url(../images3/bg_rwxq1_1.png) no-repeat;
    background-size: 100% 100%;
    align-items: center;
    padding: 1.795vw 0;
    width: 30.67vw;
    height: 20.53vw;
    margin-bottom: 2.6vw;
}

.rwxq1_1 h1 {
    font-family: SourceHanSansCN-Regular;
    font-size: 3.2vw;
    font-weight: bold;
    line-height: 7.04vw;
    letter-spacing: 0.19vw;
    color: #0010fe;
    font-weight: bold;
    height: 7.04vw;
    text-align: center;
}

.rwxq1_1 h2 {
    width: 17.73vw;
    margin: auto;
    font-family: SourceHanSansCN-Regular;
    font-size: 2.93vw;
    height: 13.04vw;
    display: flex;
    align-items: center;
    letter-spacing: 0.17vw;
    color: #ffffff;
    justify-content: center;
}

.rwxq2 {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.rwxq1_2 {
    display: flex;
    flex-direction: column;
    width: 44.93vw;
    height: 20.53vw;
    background: url(../images3/rwxq1_2.png) no-repeat;
    align-items: center;
    background-size: 100% 100%;
}

.rwxq1_2 h1 {
    text-align: center;
    width: 46.4vw;
    font-family: SourceHanSansCN-Regular;
    font-size: 3.2vw;
    font-weight: bold;
    height: 8.04vw;
    line-height: 9.04vw;
    letter-spacing: 0.19vw;
    color: #0010fe;
}

.rwxq1_3 {
    display: flex;
    align-items: center;
    height: 11.5vw;
    text-align: center;
    justify-content: center;
    width: 100%;
}

.rwxq1_3 .rwxq1_3_1:last-child {
    border-right: none;
}

.rwxq1_3_1 {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 33%;
    border-right: .256vw solid #ffffff;
}

.rwxq1_3_1 h2,
.rwxq1_3_1 h3 {
    font-family: MicrosoftYaHei;
    font-size: 2.4vw;
    line-height: 2.4vw;
    letter-spacing: 0.15vw;
    color: #ffffff;
}

.rwxq1_3_1 h3 {
    margin-top: 2.308vw;
}

.rwxq1_2_1 {
    width: 100%;
    height: 12vw;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.rwxq1_3_2 {
    width: 50%;
}

/* 进度条 */
.rwxq1_2_1 span {
    font-size: 2.93vw;
    line-height: 7.04vw;
    letter-spacing: 0.17vw;
    color: #ffffff;
}

.jindu {
    float: left;
    width: 29.33vw;
    height: 4vw;
    border-radius: 2vw;
    background-color: #dadada;
    position: relative;
}

.jindu div {
    width: 60%;
    height: 4vw;
    background-color: #21ba45;
    border-radius: 2vw;
}

.jindu p {
    font-family: MicrosoftYaHei;
    font-size: 2.13vw;
    letter-spacing: 0.13vw;
    color: #ffffff;
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
}

/* 明细 */
.rwxq33 {
    width: 93.33vw;
    margin: auto;
}

.rwxq3 {
    padding-top: 9vw;
    box-sizing: border-box;
}

.rwxq3_1 {
    text-align: center;
    border: solid .5vw #bff3f6;
    overflow-y: auto;
}

.rwxq3_1 table {
    width: 100%;
}

.rwxq3_1 table .th1 {
    width: 33%;
}

.rwxq3_1 table .th2 {
    width: 33%;
}

.rwxq3_1 table .th3 {
    width: 33%;
    border-right: none;
}

.rwxq3_1 table th {
    font-family: SourceHanSansCN-Regular;
    font-size: 2.93vw;
    line-height: 8.04vw;
    letter-spacing: 0.17vw;
    color: #0010fe;
    font-weight: normal;
    border-right: .5vw solid #bff3f6;
    border-bottom: .5vw solid #bff3f6;
}


.rwxq3_1 tr td {
    color: rgba(223, 0, 0, 1);
    font-size: 2.13vw;
    letter-spacing: 0.13vw;
    border-right: .5vw solid #bff3f6;
}

.rwxq3_1 tr td div {
    display: inline-block;
    width: 31%;
    line-height: 6.27vw;
}

.rwxq3_1 tr td .td2 {
    border-right: .5vw solid #bff3f6;
    border-left: .5vw solid #bff3f6;
}

.rwxq3_1 tr td:last-child,
.rwxq3_1 table th:last-child {
    border-right: none;
}

.rwxq3_1 tr:nth-child(n+3):nth-child(odd),
.rwxq3_1 tbody tr:first-child {
    background-color: rgba(255, 255, 255, .3);
}

.rwxq3_1 tbody tr:first-child td {
    color: rgba(0, 13, 255, 1);
}

/* rwxq4_1 */
.rwxq4 {
    width: 93.33vw;
    margin: auto;
    margin-top: 4vw;
    margin-bottom: 6vw;
}

.rwxq4_1 tr td {
    font-family: SourceHanSansCN-Regular;
    font-size: 2.67vw;
    line-height: 7.04vw;
    letter-spacing: 0.16vw;
    color: rgba(223, 0, 0, 1) !important;
}

.rwxq4_1 tr td:first-child ,.rwxq4_1 tr td a{
    color: rgba(223, 0, 0, 1) !important;
}

.rwxq4_1 {
    height: 61.2vw;
}

.rwxq4_1 table .th1 {
    width: 8%;
}

.rwxq4_1 table .th2 {
    width: 14%;
}

.rwxq4_1 table .th3 {
    width: 20%;
    border-right: .5vw solid #3adfe9;
}

.rwxq4_1 table .th4 {
    width: 13%;
}

.rwxq4_1 table .th5 {
    width: 13%;
}

.rwxq4_1 table .th6 {
    border-right: none;
    width: 13%;
}

.rwxq3_1 table th {
    font-size: 3.2vw;
    height: 11.6vw;
    line-height: normal;
}