html,
body {
    margin: 0;
    padding: 0;
}

.dj-commonbody .container {
    width: 100%;
}


.title_info h1 {
    font-size: 0.9rem;
    line-height: .8;
}

.title_info p {
    margin-bottom: 10px;
    line-height: 1.71;
}

.main_container p {
    margin-bottom: 20px;
    margin-top: 20px;
    line-height: 1.71;
}

.dj-commonbody .box {
    width: 380px;
    margin: 20px auto;
    text-align: center;
    transition: transform 0.5s ease-in-out;
    display: none;
}

.dj-commonbody .box-title {
    font-size: 30px;
    margin-bottom: 20px;
}

.dj-commonbody .box-line {
    width: 100%;
    height: 4px;
    background-color: #f03e3e;
    margin: 0 auto;
    margin-bottom: 20px;
}

.dj-commonbody .box-form .box-form-title {
    font-size: 25px;
    margin-bottom: 20px;
}

.dj-commonbody .box-form .form-options {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.dj-commonbody .box-form .form-options .form-options-btn {
    width: 180px;
    height: 50px;
    line-height: 40px;
    background-color: #f03e3e;
    color: #fff;
    border-radius: 5px;
    border: 0;
    font-size: 20px;
}

.dj-commonbody .form-options-btn:nth-child(3) {
    margin-top: 10px;
}

.dj-commonbody .form-options-btn:nth-child(4) {
    margin-top: 10px;
}

.dj-commonbody .nums {
    font-size: 20px;
    color: red;
}

.dj-commonbody .active {
    display: block;
}

.dj-commonbody .box-form .form-options .selected {
    background-color: #c92a2a;
    color: #fff;
}

.dj-commonbody .submit {
    margin-bottom: 20px;
}

.dj-commonbody .submit .submit-btn {
    width: 180px;
    height: 50px;
    line-height: 40px;
    background-color: #c92a2a;
    color: #fff;
    border-radius: 5px;
    border: 0;
    font-size: 20px;
}

.dj-commonbody .box-res-title {
    color: #c92a2a;
}

.dj-commonbody .box-res-content {
    color: #768882;
    text-align: left;
    margin-top: 20px;
}

.dj-commonbody .box-res-wx {
    margin-top: 20px;
    color: #a2a2a2;
}

.dj-commonbody .box-res-wx-btn {
    width: 280px;
    height: 50px;
    line-height: 50px;
    background-color: #c92a2a;
    color: #fff;
    border-radius: 5px;
    border: 0;
    font-size: 20px;
    margin: 20px auto;
}

.dj-commonbody .box-person {
    text-align: center;
}

.dj-commonbody .commterlist {
    background-color: rgb(255, 254, 240);
    padding: 10px;
    margin-top: 10px;
    border: 1px solid rgb(237, 237, 235);
}

.commterlist .iimgg {
    width: 28px;
    max-height: 28px;
    min-height: 28px;
    border-radius: 50%;
    margin: 0px;
    float: left;
}

.is_kf_tx {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: left;
}

.user_article {
    word-break: break-all;
    line-height: 2em;
    margin: 0.4rem 0.28rem 0 0.28rem;
    margin-top: 0.4rem;
    font-size: 0.32rem;
    color: #3e3e3e;
    text-align: justify;
    overflow: hidden;
}