.content {
    display: flex;
    margin: 1.28rem 1.45rem;
    flex-direction: row;
    justify-content: space-around;
}

.content_left {
    flex: 1;
}

.content_right {
    flex: 1;
}

.content_theme div {
    width: 4.35rem;
    font-size: 0.3rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #313131;
    margin-bottom: 0.2rem;
    /* line-height: 0.72rem; */
}

.content_themes div {
    width: 100%;
    font-size: 0.314rem;
    margin-bottom: 0.22rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #313131;
}

.hearing {
    width: 100%;
    font-size: 0.14rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    margin-bottom: 0.48rem;
    color: #565656;
}

.hearing1 {
    width: 100%;
    font-size: 0.14rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #565656;
    margin-bottom: .48rem;
}

.line {
    border-bottom: 0.03rem solid red;;
    width: .89rem;
    margin-bottom: 0.22rem;
}

.content_information ul li {
    font-size: 0.20rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #444444;
    line-height: 0.49rem;
}

.content_information ul li img {
    width: 0.19rem;
    margin: -0.02rem 13px 0 0rem;
}


/* 表单 */
.layui-input, .layui-textarea {
    display: block;
    width: 93%;
    padding-left: 20px;
    background-color: #F6F6F6;
}

.layui-form-item {
    margin-bottom: 0.07rem;
    clear: both;
    *zoom: 1;
    position:relative;
}
.form_line {
    color:red;
    position:absolute;
    top: 0.1rem;
    left:0.1rem;
    z-index: 999;
}
.form_lines {
    color:red;
    position:absolute;
    top: 0.08rem;
    left:0.1rem;
    z-index: 999;
}

.index_submit {
    width: 93%;
    height: 0.52rem;
    background-color: #262626;
    /* #E82D37 */
    color: #ffffff;
    border-radius: 0.05rem;
    text-align: center;
    line-height: 0.52rem;
    margin-top: 0.2rem;
    font-size: 0.2rem;
}

.submit{
    width: 93%;
    height: 0.52rem;
    background-color: #E82D37;
    /* #E82D37 */
    color: #ffffff;
    border-radius: 0.05rem;
    text-align: center;
    line-height: 0.52rem;
    margin-top: 0.2rem;
    font-size: 0.2rem;
}


@media screen and (max-width: 800px) {
      .content {
          width: 100%;
          display: flex;
          margin: 0;
          padding: 0.2rem 0.5rem;
          box-sizing: border-box;
          flex-direction:column;
          justify-content: space-around;
      }

      .index_submit {
        width: 100%;
        height: 0.52rem;
        background-color: #262626;
        /* #E82D37 */
        color: #ffffff;
        border-radius: 0.05rem;
        text-align: center;
        line-height: 0.52rem;
        margin-top: 0.2rem;
        font-size: 0.2rem;
    }
    
    .submit{
        width: 100%;
        height: 0.52rem;
        background-color: #E82D37;
        /* #E82D37 */
        color: #ffffff;
        border-radius: 0.05rem;
        text-align: center;
        line-height: 0.52rem;
        margin-top: 0.2rem;
        font-size: 0.2rem;
    }

    .hearing {
        width: 100%;
        margin-bottom: 0.3rem;
    }
     
    .hearing1 {
        font-size: 0.2rem;
        margin-bottom: 0.8rem;
    }

    .content_theme div {
        width: 100%;
        height: 0.6rem;
        font-size: 0.4rem;
        margin-bottom: 0.20rem;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #313131;
        line-height: 0.72rem;
    }

    .content_themes div {
        width: 100%;
        font-size: 0.5rem;
        margin-bottom: 0.2rem;

    }

    .line {
        border-bottom: 0.03rem solid red;
        width: .89rem;
        margin-bottom: 0.20rem;
    }
    

    .content_information ul li {
        word-break: break-all;
        line-height: 0.6rem;
    }
    
    .content_information {
        margin-bottom: 0.2rem;
    }

    .layui-input, .layui-textarea {
        display: block;
         width: 100%;
    }


    .index_submit {
        width: 100%;
    }
}