.body {
    background: url(../images/bg_img1.png) no-repeat top center;
    background-size: cover;
    box-sizing: border-box;
    min-height: 100vh;

}

hr {
    border-color: red;
}

body.bg_body {
    background: #f2f2f2;
}

.top {
    padding-top: 0.5rem;
}

.top img {
    width: 3.5rem;
    margin-bottom: 0.5rem;
}

.top img.btm {
    margin-bottom: 1.3rem;
}

.top p {
    text-align: center;
    color: rgb(255, 255, 255);
}

.top p.p1 {
    font-size: 0.54rem;
    letter-spacing: 0.16rem;
}

.top p.p2 {
    font-size: 0.28rem;
    margin-bottom: 0.5rem;
}

.top p.pp {
    margin-bottom: 0.8rem;
}

.top p.p3 {
    margin-bottom: 0.2rem;
}

.top p.pb {
    font-size: 0.54rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

/* 错误提示 */
.error {
    /* width: 100%; */
    color: red;
    font-size: 0.2rem;
    text-align: left;
    padding: 0.15rem 0;
    /*display: none!important;*/
}

span.err {
    padding: 0;
}


/* 错误提示 */

form {
    width: 85.33%;
    margin: 0 auto;
}

form .inputgroup {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.302);
    /*height: 0.78rem;*/
    /* margin-bottom: 0.3rem; */
    display: flex;
    position: relative;
}

form .inputgroup.anniu_box {
    display: block;
}

form .inputgroup.anniu_box .lab {
    text-align: left;
}

form .inputgroup label {
    text-align: center;
    width: 0.87rem;
}

form .inputgroup label img {
    display: inline-block;
    width: 0.3rem;
    margin-top: 0.25rem;
}

form .inputgroup input {
    flex: 1;
    border: none;
    outline: none;
    background: none;
    color: #FFFFFF;
    font-size: 0.3rem;
    padding: 0.25rem;
}

form .inputgroup .yanzm {
    width: 2rem;
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 0.2rem;
    color: #990600;
    text-align: center;
    line-height: 0.78rem;
    border-radius: 0 10px 10px 0
}

form input[type=button] {
    margin-top: 0.2rem;
    width: 100%;
    border: none;
    outline: none;
    height: 0.9rem;
    font-size: 0.3rem;
    letter-spacing: 0.2rem;
    border-radius: 10px;
    background-color: rgba(226, 31, 23, 0.8);
    background-image: -moz-linear-gradient(90deg, rgb(153, 6, 0) 0%, rgb(207, 24, 16) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(153, 6, 0) 0%, rgb(207, 24, 16) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(153, 6, 0) 0%, rgb(207, 24, 16) 100%);
    box-shadow: 0 8px 23.52px 0.48px rgba(153, 6, 0, 0.5);
    color: #FFFFFF;
}

form input[type=submit], #vue .small .user-info-submit {

    width: 100%;
    border: none;
    outline: none;
    height: 0.9rem;
    font-size: 0.3rem;
    letter-spacing: 0.2rem;
    border-radius: 10px;
    background-color: rgba(226, 31, 23, 0.8);
    background-image: -moz-linear-gradient(90deg, rgb(153, 6, 0) 0%, rgb(207, 24, 16) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(153, 6, 0) 0%, rgb(207, 24, 16) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(153, 6, 0) 0%, rgb(207, 24, 16) 100%);
    box-shadow: 0 8px 23.52px 0.48px rgba(153, 6, 0, 0.5);
    color: #FFFFFF;
    margin-top: 0.5rem;
}

form a {
    color: #FFFFFF;
    font-size: 0.28rem;
    margin-top: 0.28rem;
}

#bottom {
    position: absolute;
    bottom: 1rem;
    text-align: center;
}

#bottom .box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.15rem;
}

#bottom .line_l,
#bottom .line_r {
    width: 40%;
}

#bottom .line_l img,
#bottom .line_r img {
    width: 100%;
    height: 0.02rem;
}

#bottom a img {
    width: 0.5rem;
}

#bottom a.btn {
    font-size: 0.28rem;
    color: #FFFFFF;
}

#nav {
    position: relative;
}

#nav .a {
    display: block;
    width: 60%;
    margin: 0 auto;
    border-radius: 10px;
    background-image: -moz-linear-gradient(120deg, rgba(153, 6, 0, 0.8) 0%, rgba(226, 31, 23, 0.8) 100%);
    background-image: -webkit-linear-gradient(120deg, rgba(153, 6, 0, 0.8) 0%, rgba(226, 31, 23, 0.8) 100%);
    background-image: -ms-linear-gradient(120deg, rgba(153, 6, 0, 0.8) 0%, rgba(226, 31, 23, 0.8) 100%);
    box-shadow: 0 8px 23.52px 0.48px rgba(153, 6, 0, 0.5);
    height: 2.3rem;
    margin-bottom: 0.4rem;
    position: relative;
}

#nav .a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#nav .a p {
    position: absolute;
    left: 0;
    top: 37%;
    color: #FFFFFF;
    font-size: 0.48rem;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.phone_box {
    position: fixed;
    right: 0rem;
    bottom: 1.2rem;
    width: 1.5rem;
    border-radius: 50%;
    background: url(../images/circle.png) no-repeat;
    background-size: 100%;
    text-align: center;
    height: 1.5rem;
    line-height: 1.3rem;
}

.phone_box img {
    width: 0.6rem;
    margin-top: 0.1rem;
}

#btn {
    width: 60%;
    margin: 0 auto;
}

#btn ul li a {
    display: block;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.902);
    padding: 0.2rem 0.3rem;
    margin-bottom: 0.15rem;
    position: relative;
}

#btn ul li a p {
    font-size: 0.25rem;
    color: rgb(153, 6, 0);
    font-weight: bold;
}

#btn ul li a span {
    position: absolute;
    right: 0.15rem;
    top: 0.15rem;
    width: 0.44rem;
    height: 0.44rem;
}

/* 判断状态的类名 */

#btn ul li a span.green {
    background: url(../images/green.png) no-repeat;
    background-size: 100% 100%;
}

#btn ul li a span.red {
    background: url(../images/red.png) no-repeat;
    background-size: 100% 100%;
}

/* 判断状态的类名 */
#sqjd {
    padding-top: 0.7rem;
}

#sqjd h2 {
    font-size: 0.4rem;
    text-align: center;
    color: #333333;
    margin-bottom: 0.5rem;
}

#sqjd ul {
    margin-bottom: 0.4rem;
}

#sqjd ul li {
    width: 25%;
    text-align: center;
    position: relative;
}

#sqjd ul li b {
    display: inline-block;
    width: 0.84rem;
    height: 0.84rem;
    color: #FFFFFF;
    line-height: 0.66rem;
    font-size: 0.28rem;
}

#sqjd ul li b i {
    margin-left: -0.08rem;
}

/* 判断进度的类名 */
#sqjd ul li b.red {
    background: url(../images/red1.png) no-repeat;
    background-size: 100% 100%;
}

#sqjd ul li b.gray {
    background: url(../images/gray.png) no-repeat;
    background-size: 100% 100%;
}

/* 判断进度的类名 */

#sqjd ul li p {
    font-size: 0.3rem;
}

/* 判断进度的类名 */

#sqjd ul li p.red {
    color: #990600;
}

#sqjd ul li p.gray {
    color: #999999;
}

/* 判断进度的类名 */

#sqjd ul li span {
    display: block;
    width: 1.05rem;
    height: 0.04rem;
    position: absolute;
    left: 1.25rem;
    top: 0.34rem;
    z-index: -1;
    border-radius: 10px;
}

/* 判断进度的类名 */
#sqjd ul li span.red {
    background-color: rgba(153, 6, 0, 0.4);
}

#sqjd ul li span.gray {
    background-color: rgb(228, 221, 221);
}

/* 判断进度的类名 */

#sqjd a.btm {
    display: block;
    height: 0.7rem;
    border-radius: 3px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 4px 17.64px 0.36px rgba(107, 7, 7, 0.22);
    text-align: center;
    color: #990600;
    line-height: 0.7rem;
}

.bg {
    height: 0.25rem;
    background-color: rgb(242, 242, 242);
    margin: 0.6rem 0;
}

#item {
    padding: 0.5rem 0;
}

#item ul li {
    padding: 0rem 0.3rem;
    border-bottom: 1px solid rgb(204, 204, 204);
    padding-top: 0.2rem;
    padding-bottom: 0.1rem;
}

#item ul li a {
    width: 40%;
    line-height: 0.65rem;
}

#item ul li a em {
    font-size: 0.3rem;
    font-weight: bold;
}

#item ul li a span {
    width: 0.84rem;
    height: 0.84rem;
}

/* 判断状态的类名 */

#item ul li a span.red {
    background: url(../images/red.png) no-repeat;
    background-size: 100% 100%;
}

#item ul li a span.green {
    background: url(../images/green.png) no-repeat;
    background-size: 100% 100%;
}

/* 判断状态的类名 */

#cont {
    padding-top: 1rem;
}

#cont .top_box {
    text-align: center;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid rgb(204, 204, 204);
    margin-bottom: 0.6rem;
}

#cont .top_box img {
    width: 4rem;
    margin-bottom: 0.4rem;
}

#cont .top_box .title {
    font-size: 0.38rem;
    color: #333333;
}

#cont .bottom_box {
    padding-bottom: 0.7rem;
}

#cont .bottom_box p.pt {
    font-size: 0.34rem;
    color: #333333;
    padding-bottom: 0.3rem;
}

#cont .bottom_box p.pc {
    font-size: 0.3rem;
    color: #999999;
}

#cont .bottom_box p.pc span {
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 50%;
    background-color: #999999;
    margin-right: 0.2rem;
}

#cont .btn {
    width: 100%;
    background: #09bb07;
    border: none;
    font-size: 0.32rem;
    color: #FFFFFF;
    padding: 0.25rem 0;
    border-radius: 10px;
}

.form_box {
    padding: 0.6rem 0;
}

.form_box .form {
    width: 100%;
}

.form_box .form .small {
    width: 90%;
    margin: 0 auto;
}

.form_box .form p {
    font-size: 0.29rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: 0.3rem;
    text-align: justify;
    line-height: 0.45rem;
}

.form_box .form p button {
    background: none;
    border: none;
    color: #df1e16;
    font-weight: bold;
    font-size: 0.29rem;
    outline: none;
}

.form_box .form p span {
    color: #df1e16;
    letter-spacing: 0.1rem;
}

.form_box .form .inputgroup {
    /*height: 0.78rem;*/
}

.form_box .form .inputgroup input,
.form_box .form .inputgroup textarea {
    border-width: 1px;
    border-color: rgb(204, 204, 204);
    border-style: solid;

    color: #333;
    padding: 0.2rem;
    transition: padding 0.2s;
}

.form_box .form .inputgroup textarea,
.form_box .form .inputgroup input[type='text'] {
    border-radius: 5px;
}

.form_box .form .inputgroup input[type='radio'] {
    border-radius: 50%;
}

.form_box .form .inputgroup textarea {
    width: 100%;
    padding: 0.2rem;
    resize: vertical;
    height: auto;
}

.form_box .form .inputgroup input[type=radio] {
    padding: 0;
    border: none;
}

.form_box .form .inputgroup input[readonly='readonly'] {
    background: rgba(0, 0, 0, 0.1);
}

.form_box .form .inputgroup input[type=radio]:checked {
    display: inline-block;
    padding: 0;
    content: "";
    /*background: url(../images/red_circle.png) center center no-repeat;*/
    background-size: 55% 55%;
}

.form_box .form .inputgroup input::placeholder {
    color: #999999;
    font-size: 0.3rem;
}

.form_box .form .inputgroup select {

    width: 100%;
    border-width: 1px;
    border-color: rgb(204, 204, 204);
    border-style: solid;
    border-radius: 5px;
    color: #333;
    padding: 0.2rem;
    flex: 1;
    outline: none;
    font-size: 0.3rem;
    /*color: #999999;*/
    background: #FFFFFF;
}

.form_box .form .textarea textarea {
    width: 93%;
    height: 1.6rem;
    border-radius: 5px;
    margin-bottom: 0.3rem;
    outline: none;
    resize: none;
    overflow-y: scroll;
    font-size: 0.28rem;
    padding: 0.2rem;
    line-height: 0.4rem;
    text-align: justify;
    border: 1px solid rgb(204, 204, 204);
}

.form_box .form .inputgroup .yanzm {
    border-width: 1px;
    border-color: rgb(153, 6, 0);
    border-style: solid;
    border-radius: 10px;
    line-height: 0.75rem;
}

.form_box .form input[type=button] {
    box-shadow: none;
}

#list {
    display: none;
    padding: 0.2rem;
    padding-top: 0.4rem;
}

#list li {
    /*height: 1.5rem;*/
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 6px 29.4px 0.6px rgba(153, 6, 0, 0.16);
    margin-bottom: 0.3rem;
    padding: 0.3rem;
    position: relative;
    padding-bottom: 0.8rem;
}

#list li h2 {
    font-size: 0.3rem;
    line-height: 0.45rem;
}

#list li h2:hover a {
    color: #990600;
}

#list li span {
    position: absolute;
    bottom: 0.3rem;
    left: 0.3rem;
    color: #990600;
    font-size: 0.3rem;
}

#list li em {
    position: absolute;
    bottom: 0.3rem;
    right: 0.3rem;
    color: #999999;
    font-size: 0.3rem;
}

/* 头像上传 */
.form .file-box_main {
    text-align: center;
}

.form .file-box_main .head_box {
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
    position: relative;
}

.form .file-box_main .head_box img {
    width: 100%;
    overflow: hidden;
}

.file_btn {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    outline: none;
    background-color: transparent;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

.form .file-box_main span {
    display: block;
    font-size: 0.3rem;
    color: #999999;
    padding: 0.2rem 0;
}

.form .btn_cont input[type=submit] {
    width: 45%;
    border: none;
    outline: none;
    height: 0.9rem;
    font-size: 0.3rem;
    letter-spacing: 0.2rem;
    border-radius: 10px;
    border: 1px solid rgb(153, 6, 0);
    color: rgb(153, 6, 0);
    margin-top: 0rem;
    background: none;
    box-shadow: none;
    margin-top: 0.2rem;
}

.form .btn_cont input[type=submit].on {
    border: none;
    background-color: rgba(226, 31, 23, 0.8);
    background-image: -moz-linear-gradient(90deg, rgb(153, 6, 0) 0%, rgb(207, 24, 16) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(153, 6, 0) 0%, rgb(207, 24, 16) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(153, 6, 0) 0%, rgb(207, 24, 16) 100%);
    color: #FFFFFF;
}


.form .btn_cont input[type=button] {
    width: 45%;
    border: none;
    outline: none;
    height: 0.9rem;
    font-size: 0.3rem;
    letter-spacing: 0.2rem;
    border-radius: 10px;
    border: 1px solid rgb(153, 6, 0);
    color: rgb(153, 6, 0);
    margin-top: 0rem;
    background: none;
    box-shadow: none;
    margin-top: 0.2rem;
}

.form .btn_cont input[type=button]:hover {
    border: none;
    background-color: rgba(226, 31, 23, 0.8);
    background-image: -moz-linear-gradient(90deg, rgb(153, 6, 0) 0%, rgb(207, 24, 16) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(153, 6, 0) 0%, rgb(207, 24, 16) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(153, 6, 0) 0%, rgb(207, 24, 16) 100%);
    color: #FFFFFF;
}

.form .btn_cont a.item_btn {
    width: 44.4%;
    height: 0.86rem;
    line-height: 0.86rem;
    font-size: 0.3rem;
    letter-spacing: 0.2rem;
    border-radius: 10px;
    border: 1px solid rgb(153, 6, 0);
    color: rgb(153, 6, 0);
    margin-top: 0.2rem;
    text-align: center;
}

.form .btn_cont a.item_btn:hover {
    border: none;
    background-color: rgba(226, 31, 23, 0.8);
    background-image: -moz-linear-gradient(90deg, rgb(153, 6, 0) 0%, rgb(207, 24, 16) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(153, 6, 0) 0%, rgb(207, 24, 16) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(153, 6, 0) 0%, rgb(207, 24, 16) 100%);
    color: #FFFFFF;
}

#message {
    width: 95%;
    margin: 0 auto;
    padding-top: 0.6rem;
}

#message .title {
    font-size: 0.31rem;
    color: #990600;
    font-weight: bold;
}

#message .title span {
    display: inline-block;
    width: 0.08rem;
    height: 0.3rem;
    background-color: rgb(153, 6, 0);
    vertical-align: middle;
    margin-right: 0.2rem;
    margin-top: -0.07rem;
}


#message .text {
    padding: 0.3rem 0;
    font-size: 0.29rem;
    text-align: justify;
    line-height: 0.45rem;
}

#message img {
    width: 100% !important;
    height: auto !important;
}

#message .text table {
    width: 100% !important;
}

#message .text div.tit {
    font-size: 0.29rem;
    font-weight: bold;
    padding-bottom: 0.3rem;
}

.form font {
    font-size: 0.29rem;
}

.form .em {
    display: inline-block;
    font-size: 0.28rem;
    color: #df1e16;
    padding-left: 0.25rem;
}

.form .color {
    color: #df1e16;
    font-weight: bold;
    margin-top: 0.2rem;
}

.input_box {
    width: 0;
    height: 0;
    position: absolute;
    left: -9999em;
}

.form .inputgroup .label {
    position: relative;
    height: 25px;
    display: block;
    margin-bottom: 20px;
}

/* 单选框 */
input[type="radio"] + label::before {
    content: "\a0";
    /*不换行空格*/
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    border-radius: 50%;
    border: 1px solid #ccc;
    background-color: rgb(245, 245, 245);
    text-indent: 5px;
    vertical-align: middle;
}

input[type="radio"]:checked + label::before {
    border: 1px solid rgb(153, 6, 0);
}

input[type="radio"] + label::after {
    content: "\a0";
    /*不换行空格*/
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: rgb(153, 6, 0);
    position: absolute;
    left: 5px;
    top: 7px;
    opacity: 0;
}

input[type="radio"]:checked + label::after {
    opacity: 1;
}

/* 单选框 */
.form .anniu_box .lable {
    position: relative;
}

.form .anniu_box .male {
    width: 24%;
    margin-bottom: 0.2rem;
}

.form .anniu_box .male1 {
    width: 28%;
}


/* 弹框 */
.bg_black {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
    display: none;
    z-index: 999;
}

.bg_black .bg_white {
    width: 5rem;
    height: 2.5rem;
    position: absolute;
    top: 45%;
    opacity: 0;
    margin-top: -1.75rem;
    left: 50%;
    margin-left: -2.5rem;
    background: #ffffff;
    z-index: 999;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
    transition: all 0.5s;
    font-weight: normal;
}

.bg_black .bg_white.noBtn {
    height: auto;
}

.bg_black .bg_white.noBtn .title {
    margin: 0;
    padding: 0.1rem;
}

.bg_black .bg_white.on {
    top: 50%;
    opacity: 1;
    transition: all 0.5s;
}

.bg_black .bg_white .title {
    font-size: 0.32rem;
    font-weight: bold;
    color: #920000;
    margin-top: 0.5rem;
    margin-bottom: 0.4rem;
}

.bg_black .bg_white input {
    width: 1.5rem;
    height: 0.6rem;
    background: none;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
    font-size: 0.28rem;
}

.bg_black .bg_white input.btn1 {
    margin-right: 0.2rem;
}

.bg_black .bg_white input:hover {
    background: rgb(192, 0, 0);
    border: none;
    outline: none;
    color: #FFFFFF;
}

.form_box .form p.p_new {
    margin-bottom: 0.2rem;
    font-size: 0.3rem;
}

.form_box .form .news {
    margin-bottom: 0.3rem;
}

.form_box .form input.fasong {
    background: rgba(192, 0, 0, 0.149);
    color: #a30707;
}

.form_box #text {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 0.3rem;
}

.form_box #text p {
    font-size: 0.29rem;
    line-height: 0.45rem;
    text-align: justify;
}

.form_box #text .error {
    color: #990600;
    font-weight: bold;
    padding: 0;
}

.form_box #text p span {
    color: #df1e16;
}

#message .text p.p_margin {
    margin-bottom: 0.3rem;
    word-break: break-all;
}

#message .text p a {
    color: #990600;
    word-break: break-all;
}

#message .text p.p_margin a {
    color: #333;
}

#message .text p.p_margin span {
    font-size: 0.28rem;
    color: #990600;
}

#message .text p.p_padd {
    padding-left: 0.85rem;
}

#message .text p.p_padd span {
    margin-left: -0.85rem;
}

#message .text p.p_margin em {
    color: #990600;
    font-size: 0.29rem;
}

#message .text table {
    width: 100%;
    line-height: 0.35rem;
    text-align: center;
    font-size: 0.26rem;
}

#message .text table tr th {
    font-weight: normal;
    width: 17%;
    background: #990600;
    color: #FFFFFF;
    padding: 0.3rem 2%;
}

#message .text table tr td {
    padding: 0.1rem 2%;
    text-align: left;
}

#message .text table tr th:nth-child(2) {
    width: 22%;
}

#message .h1 {
    text-align: justify;
    font-size: 0.42rem;
    margin-bottom: 0.3rem;
}

#message .item a {
    font-size: 0.3rem;
    color: #990600;
}

#message .item span {
    display: inline-block;
    font-size: 0.3rem;
    color: #999999;
    margin-left: 0.3rem;
}

#message .tit p {
    font-size: 0.29rem;
    text-align: right;
    line-height: 0.5rem;
}

#message .time {
    position: relative;
}

#message .time .text p {
    padding-left: 0.5rem;
    line-height: 0.5rem;
}

#message .time .text p span {
    display: inline-block;
    padding-left: 0.3rem;
    color: #990600;
}

#message .time div.line {
    position: absolute;
    left: 4px;
    top: 25px;
    width: 1px;
    background: #990600;
}

#message .time .text p img {
    width: 0.2rem !important;
    margin-left: -0.5rem;
}

.form .img_file {
    width: 2rem;
    height: 2rem;
    position: relative;
    text-align: center;
    border: 2px solid rgb(204, 204, 204);
    background: rgb(245, 245, 245) url(../images/jiahao.png) no-repeat center;
    background-size: 0.5rem;
    border-radius: 10px;
    margin-bottom: 0.3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.form .img_file .img_box {
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    left: 0.2rem;
    top: 0.2rem;
}

.form .img_file .img_box.on {
    display: none;
}

.form .img_file .img_box .img {
    width: 1.6rem;
    height: 1.6rem;
}

.form .img_file .img_box .close {
    position: absolute;
    width: 0.48rem;
    top: -0.24rem;
    right: -0.24rem;
    border-radius: 50%;
    background: #FFFFFF;
    cursor: pointer;
    z-index: 99;
}

.form .img_file .img_box p {
    font-size: 0.29rem;

    text-align: center;
    margin-top: 0.15rem;
    margin-bottom: 0;
    color: #999999;
    font-weight: normal;
}

.form_box .form p .red_c {
    color: #df1e16;
}

/* 添加更多 */
.form .add_box {
    width: 45%;
    margin: 0.4rem auto;
    height: 0.9rem;
    font-size: 0.3rem;
    background-color: rgb(242, 242, 242);
    border: 1px solid rgb(204, 204, 204);
    color: #333;
    border-radius: 0.45rem;
    text-align: center;
    line-height: 0.9rem;
}

.form .add_box img {
    width: 0.3rem;
    vertical-align: middle;
}

.form .add_box span {
    vertical-align: middle;
}

/* 复选框 */

.form .lab {
    width: 24%;
    vertical-align: middle;
    margin-bottom: 0.2rem;
}

.form label.lab2 {
    width: 28%;
}

.form .lab span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.1rem;
    font-size: 0.29rem;
}

.lab input[type="checkbox"] {
    appearance: none;
    padding: 0 !important;
    border: none !important;
    -webkit-appearance: none;
    outline: none;
    margin: 0;
    vertical-align: middle;
    background: none;
}

.lab input[type="checkbox"]:after {
    display: block;
    content: "";
    width: 0.3rem;
    height: 0.3rem;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.lab input[type="checkbox"]:checked::after {
    border: 1px solid rgb(153, 6, 0);
}

.lab input[type="checkbox"]:checked:after {
    display: block;
    content: "";
    background: url(../images/red_circle.png) center center no-repeat;
    background-size: 60% 60%;

}

/* 复选框 */
/* 单选框 */
.form .lab {
    width: 24%;
    vertical-align: middle;
    margin-bottom: 0.2rem;
}

.form .lab span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.1rem;
    font-size: 0.29rem;
}

.lab input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    margin: 0;
    vertical-align: middle;
    display: inline-block;
}

.lab input[type="radio"]:after {
    display: block;
    content: "";
    width: 0.3rem;
    height: 0.3rem;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #ccc;
}

.lab input[type="radio"]:checked::after {
    border: 1px solid rgb(153, 6, 0);
}

.lab input[type="radio"]:checked:after {
    display: block;
    content: "";
    background: url(../images/red_circle.png) center center no-repeat;
    background-size: 65% 65%;

}

/* 单选框 */

.form_box .form .title {
    font-size: 0.31rem;
    color: #990600;
    font-weight: bold;
    padding-bottom: 0.2rem;
}

.form_box .form .tishi {
    display: block;
    font-size: 0.3rem;
    color: #999999;
    margin-bottom: 0.3rem;
}

.del {
    display: flex;
    align-items: center;
}

.del img {
    width: 0.3rem;
    display: block;
}

.del span {
    font-size: 0.28rem;
    color: #990600;

    margin-left: 5px;
}

.message {
    width: 90%;
    margin: 0 auto;
}

.bg_main {
    background: #FFFFFF;
    height: auto;
    padding: 0.4rem 0.3rem;
    padding-bottom: 0;
    margin-bottom: 0.25rem;
}

.bg_main .message_box {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 6px 29.4px 0.6px rgba(153, 6, 0, 0.16);
    height: 2.2rem;
    padding: 0.4rem;
}

.bg_main .message_box a .left {
    width: 66%;
}

.bg_main .message_box a .left h1 {
    font-size: 0.34rem;
    margin-bottom: 0.1rem;
}

.bg_main .message_box a .left p {
    line-height: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bg_main .message_box a .left p span {
    font-size: 0.28rem;
    color: #999999;
}

.bg_main .message_box a .left p img {
    width: 0.3rem;
    margin-right: 0.1rem;
}

.bg_main .message_box a .right {
    width: 34%;
}

.bg_main .message_box a .right .border {
    width: 1.8rem;
    height: 1.8rem;
    /*border-radius: 50%;*/
    /*border: 1px solid #990600;*/
    /*padding: 0.1rem;*/
    overflow: hidden;
}

.bg_main .message_box a .right .border img {
    width: 100%;
    /*border-radius:50% ;*/
}

.bg_main .item {
    display: block;
    padding: 0.3rem 0;
    font-size: 0.32rem;
}

.bg_main .bor_line {
    border-bottom: 1px solid #ccc;
}

.bg_main .item span {
    vertical-align: middle;
    color: #333;
}

.bg_main .item .fl img {
    width: 0.5rem;
    margin-right: 0.1rem;
    vertical-align: middle;
}

.bg_main .item .fr img {
    width: 0.25rem;
}

.bg_main button {
    width: 100%;
    padding: 0.3rem 0;
    background: none;
    border: none;
    outline: none;
    color: #920000;
    font-size: 0.32rem;
}

#bottom span {
    display: inline-block;
    font-size: 0.28rem;
    color: #999999;
    margin-top: 0.1rem;
}

#bottom .span {
    color: #666666;
    font-size: 0.32rem;
    margin: 0;
}

#message_main {
    padding-bottom: 0.5rem;
}

#message_main .item {
    width: 90%;
    margin: 0 auto;
    padding: 0.4rem 0;
}

#message_main .item_01 {
    display: flex;
}

#message_main .item_01 .left {
    width: 2rem;
}

#message_main .item_01 .right {
    flex: 1;
    margin-left: 0.3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#message_main .item_01 .right h1 {
    font-size: 0.36rem;
    margin-bottom: 0.1rem;
}

#message_main .item_01 .right p {
    font-size: 0.3rem;
    color: #999999;
    margin-bottom: 0.1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#message_main .item_01 .right p span {
    font-weight: bold;
    color: #333;
}

#message_main .bg {
    margin: 0;
}

#message_main .item .p1 {
    font-size: 0.34rem;
    color: #990600;
    font-weight: bold;
}

#message_main .item .delate {
    margin-bottom: 0.2rem;
}

#message_main .item .delate img {
    width: 0.3rem;
}

#message_main .item .delate span {
    font-size: 0.28rem;
    color: #999999;
}

#message_main .item .pp {
    line-height: 1.5;
    font-size: 0.29rem;
    color: #666666;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px dashed #eee;
    padding: 0.16rem 0;
}

#message_main .item .pp:last-child{
    border-bottom: none;
}
#message_main .item .pp em {
    font-weight: bold;

    color: #333;

    display: inline-block;
}

#message_main .item .pp em span button {
    background: none;
    border: none;
    color: #df1e16;
    font-weight: bold;
    font-size: 0.29rem;
    outline: none;
}

#message_main .item .pp em span {
    display: initial;
    color: #df1e16;
    margin: 0;
}

#message_main .item .pp span {
    display: inline-block;
    margin-right: 0.2rem;
}

#message_main .item .pp label {
    display: block;
    font-size: 0.29rem;
    color: #666666;
    line-height: 0.5rem;
    margin-bottom: 0.2rem;
}

#message_main .item .border {
    border-bottom: 1px solid rgb(204, 204, 204);
}

#message_main .item .item_top {
    padding: 0.3rem 0;
}

#message_main .item .p_color {
    font-size: 0.3rem;
    color: #990600;
    margin-bottom: 0.1rem;
}

#message_main .item .p_color a {
    color: #990600;
}

#message_main .item .pp .img {
    display: block;
   width: 100%;

}
#message_main .item .pp .img img{
    width: 2.5rem;
    margin-top: 0.1rem;
}
.msgTabs {
    display: flex;
    box-shadow: 0 0 15px 5px rgba(220, 220, 220, 0.3);
    justify-content: space-between;
}

.msgTabs .tab {
    width: 33.333%;
    padding: 0.28rem 0;
    font-size: 0.3rem;
    color: #990600;
    box-sizing: border-box;
    text-align: center;
}

.msgTabs .tab.on {
    border-bottom: 7px solid #990600;
}

.returnList {
    position: fixed;
    right: 0;
    bottom: 20%;
    padding: 0.2rem 0.2rem;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    background: rgb(153, 6, 0);
    color: #FFFFFE;
    font-size: 0.24rem;
    width: 0.2rem;
    z-index: 20;
}

.tit-2,
.form_box .form .tit-2 {
    text-align: center;

    font-weight: normal;
    background: linear-gradient(91deg, transparent ,#ff01010d, transparent);
    line-height: 2.5;
    margin: 0.3rem 0;
}