body{
    background: url("20191219_wlt_bg.png") top center no-repeat;
}
.zsk_logo{
    margin-top: 90px;
}
.fhsy{
    display: inline-block;
    width: 135px;
    height: 38px;
    background: url("1912_fhsy.png");
    position: absolute;
    top: 0;
    right: 0;
}
.footer{
    background: #fff;
}
.mit{height: 867px}
.talk_box{
    width: 62%;
    padding: 0 2%;
    height: 100%;
    background: #fff;
}
.cjwt{
    width: 30%;
    padding: 0 2%;
    background: #f6f6f6;
    height: 100%;
}
.talk_nero{
    padding: 25px 20px;
    background: #f5faff;
    border: 1px #e7e7e7 solid;
    height: 600px;
    overflow-y: scroll;
    margin-top: 30px;
}
.mit{margin-top: 90px;position: relative}
.zsk_img{display: none}
.dh span{
    display: inline-block;
    width: 67px;
    height: 67px;
}
.dh_nero{
    padding: 14px 20px;
    background: #fff;
    border: 1px #e9e9e9 solid;
    border-radius: 6px;
    margin-left: 20px;
    position: relative;
    margin-top: 10px;
    max-width: 75%;
}
.dh_nero img{
    position: absolute;
    top: 18px;
    left: -10px;
}
.dh2{margin-top: 20px;}
.dh2 .dh_nero{margin-left: 0;margin-right: 20px}
.dh2 .dh_nero img{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    right: -10px;
    left: auto;
}
.send_box{
    margin-top: 20px;
    border: 1px #4276cf solid;
    padding: 20px 10px 10px 20px;
}
.send_box textarea{
   border: none;
    width: 100%;
    height: 70px;
    background: #fff;
    color: #999;
}
.sbtn_box{
    text-align: right;
}
.sbtn_box span{
    font-size: 12px;
    color: #999;
}
.sbtn_box span img{margin-right: 7px;vertical-align: middle}
.sbtn_box span strong{color: #0f5dbd}

.sbtn_box button{
    width: 90px;
    height: 27px;
    border: none;
    border-radius: 3px;
    background: #336bcb;
    color: #fff;
    margin-left: 20px;
    cursor: pointer;
}
.lyzsk{margin-top: 30px;padding: 30px;background: url("20191219_wlt_bk.png") no-repeat;background-size: 100% 100%;
    border-radius: 6px;  font-size: 16px;line-height: 35px;color: #fff;text-indent: 32px;
}

.dashTop{border-top: 1px #ccc dashed}

.zsjl_page{margin-top: 30px;text-align: center}
.zsjl_page img{
    width: auto;
    max-width: 100%;
}

@media only screen and (max-width: 1040px){
    body{
        background: url("bgline.png") repeat-y center;
    }
    .zsk_logo img{width: 340px}
    .talk_box,.cjwt{
        float: none;
        width: auto;
    }
    .mit{height: auto}
    .talk_box{padding: 30px 2%}
    .cjwt{
        padding: 30px 2%;
        margin-top: 30px;
    }
    .talk_nero{margin-top: 0}
    .lyzsk{margin-top: 0;background: #3f74ce}
    .zsk_logo{margin-top: 10px}
    .mit{margin-top: 190px}

    .zsk_img{
        width: 488px;
        position: absolute;
        top: -200px;
        right: -30px;
        display: inline-block;
        z-index: -1;
    }
    .dh_nero{max-width: 70%;}
}
@media only screen and (max-width: 540px){
    .zsk_logo{margin-left: 10px}
    .zsk_logo img{width:200px }
    .zsk_img{
        width: 258px;
        top: -110px;
        right: 0;
    }
    .mit{margin-top: 120px}
    .fhsy{
        width: 90px;
        height: 25px;
        background-size: 90px;
    }
    .dh span{width: 50px}
    .dh span >img{height: 50px}
    .dh_nero{
        max-width: 50%;
    }
    .talk_nero{
        padding: 25px 10px;
    }
    .lyzsk,.talk_box,.cjwt{padding: 10px}
}