body {
    background: url(../images3/spjx.png) no-repeat;
    background-size: 100% 100%;
    min-height: 100vh;
}

/* 支持平台 */
.q_11 .dsp {
    width: auto;
}

.q_11 .dsp1_1 {
    display: flex;
    align-items: center;
}

.q_11 .dsp1_1 .imgbox {
    width: 3.87vw;
    margin-right: 1.2vw;
}

.q_11 .dsp1_1 h1 {
    font-family: SourceHanSansCN-Regular;
    font-size: 3.2vw;
    font-weight: bold;
    letter-spacing: 0.19vw;
    color: #ffffff;
}

.q_11 .dsp1_2 {
    display: flex;
    text-align: center;
    justify-content: space-between;
}

.q_11 .dsp1_2 h1 {
    margin-top: 2.564vw;
    font-size: 4.103vw;
    line-height: 4.103vw;
    letter-spacing: .256vw;
    color: rgba(0, 16, 254, 1);
}

/* 使用方法 */
.q_11 .bg_box {
    position: relative;
}

.q_11 .bg4 {
    top: -9vw;
}

.q_11 .dsp2 {
    margin-left: 3.2vw;
}

.q_11 .dsp2_1 h1 {
    font-family: SourceHanSansCN-Regular;
    font-size: 3.2vw;
    letter-spacing: 0.19vw;
    color: #ffffff;
    margin: 1.5vw 0;
}

.q_11 .dsp2_1 h2 {
    width: 95%;
    font-family: fangsong;
    font-size: 2.93vw;
    font-weight: bold;
    letter-spacing: 0.17vw;
    color: #ffffff;
}

.q_11 .dsp2_2 {
    margin-bottom: 1.5vw;
    position: relative;
    width: 93.6vw;
    height: 8.8vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 1.47vw;
    box-sizing: border-box;
    background-image: linear-gradient(90deg,
            rgba(255, 255, 255, .3) 0%,
            rgba(255, 255, 255, 0) 100%);
    border-radius: 1.33vw;
}

.q_11 .dsp2_2 p {
    font-family: SourceHanSansCN-Regular;
    font-size: 2.93vw;
    letter-spacing: 0.17vw;
    color: #ffffff;
}

.q_11 .dsp2_2 input {
    width: 70.6vw;
    height: 6.13vw;
    background: transparent;
    background-image: linear-gradient(90deg,
            rgba(255, 255, 255, .3) 0%,
            rgba(255, 255, 255, 0) 100%);
    border-radius: 1.33vw;
    border: none;
    padding-left: 1.33vw;
    font-size: 2.93vw;
    letter-spacing: 0.17vw;
    color: #000993;
    box-sizing: border-box;
}

.q_11 .dsp2_2 input::placeholder {
    font-family: SourceHanSansCN-Regular;
    font-size: 2.93vw;
    letter-spacing: 0.17vw;
    color: #000993;
}

.q_11 .dsp2_2 a {
    padding: 0 .5vw;
    right: 1%;
    position: absolute;
    letter-spacing: .256vw;
}

/* 文案内容 */
.q_11 .dsp3 {
    width: 93.33vw;
    margin-left: 3.2vw;
}

.q_11 .bg_box2 {
    padding-bottom: 2vw;
    margin-top: 9vw;
}

.q_11 .dsp3_1 {
    display: flex;
    align-items: center;
}

.q_11 .dsp3_1 a {
    padding: 0 .5vw;
    margin-left: auto;
}

.q_11 .dsp3_1 .dsp1_1 {
    margin-bottom: 0;
}


.q_11 .dsp3_2_1 {
    width: 94vw;
    height: 48.67vw;
    background-color: rgba(255, 255, 255, .3);
    border-radius: 1.33vw;
    padding: 2.67vw 1vw 2.67vw 1vw;
    box-sizing: border-box;
}

.q_11 .dsp3_2 textarea {
    color: rgba(223, 0, 0, 1);
    width: 100%;
    resize: none;
    padding: 1.5vw;
    box-sizing: border-box;
    height: 50vw;
    background-color: rgba(255, 255, 255, .9);
    font-family: SourceHanSansCN-Regular;
    font-size: 2.93vw;
    line-height: 4.8vw;
    letter-spacing: 0.17vw;
    border: 0.4vw solid rgba(158, 240, 245, 1);
    margin-top: 2.8vw;
}

.q_11 .dsp3_2 {
    margin-bottom: 1vw;
}

/* 注意事项 */
.q_11 .dsp3_3 {
    width: 93.6vw;
    margin-bottom: 4.4vw;
}

.q_11 .dsp3_3:last-child {
    margin-bottom: 2vw;
}

.q_11 .dsp3_3_1 {
    display: flex;
    align-items: center;
    margin: 2.5vw 0 1.5vw;
}

.q_11 .dsp3_3_1 .imgbox {
    width: 3.47vw;
    height: 3.47vw;
    margin-right: .13vw;
}

.q_11 .dsp3_3 h1 {
    font-family: SourceHanSansCN-Regular;
    font-size: 3.2vw;
    letter-spacing: 0.19vw;
    color: rgba(255, 255, 255, 1);
}

.q_11 .dsp3_3 h2 {
    font-family: SourceHanSansCN-Regular;
    text-decoration: underline;
    font-size: 2.93vw;
    line-height: 4.8vw;
    letter-spacing: 0.17vw;
    color: rgba(255, 255, 255, 1);
}

.q_11 .bg_box2 {
    padding-bottom: 5vw;
}

.q_11 .main {
    margin-bottom: 5vw;
}