@charset "utf-8";
/* CSS Document */
body{ background:#f3f3f3;}
.main{width:95%; max-width:1340px; margin:0 auto;}


.interactive-box{width:100%; padding: 40px 30px;background: #fff;height: auto;box-shadow: 0px 7px 21px rgba(174, 174, 174, 0.15);margin-bottom: 40px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}

.message-box{padding: 30px;}

.leave-message h2{font-size: 1.1rem;font-weight: 700;text-align: left;padding: 10px 0 15px 40px;}

.no-mes,.message-list{padding:15px 0px;border-top: 1px solid #E6E6E6;margin-top: 30px;text-align: center;}
.leave-message h2.wyly{background: url(../images/hdjl-message.png) no-repeat left 10px;background-size: 30px;}
.leave-message h2.wyly span{margin-left: 10px;color: #999;font-weight: 400;}
.leave-message h2.jszj{background: url(../images/hdjl-result.png) no-repeat left 6px;background-size: 30px;}

.message-list ul li{padding: 20px 0 25px;border-bottom: 1px dashed #E6E6E6;}
.ly-up{margin-bottom: 20px;}
.ly-up .left-info img{width: 30px;margin-right: 10px;}
.ly-up .left-info>span a{font-size: 0.8rem;font-weight: 700;}
.ly-up .right-info{font-size: 0.7rem;color: #666;}
.ly-down{background: #F3F6F9;padding: 15px;border-radius: 4px;font-size: 0.8rem;line-height: 1.6rem;margin-left: 40px;}
.ly-down p{text-align: left;}
.ly-down>p>span{font-weight: 700;}
.ly-down>p.hf-time{font-size: 0.7rem;color: #666;text-align: right;}
.ly-down>p.hf-time>span{font-weight: 400;}
.ly-content{padding-bottom: 20px;font-size: 0.8rem;}
.ly-content p{text-indent: 0;text-align: left;padding-left: 40px;}
.refresh-btn{cursor: pointer;}
.zj-content{font-size: 0.9rem;line-height: 1.8rem;background-color:#F3F6F9;text-indent: 2em;margin-left: 40px;padding: 10px}
.fj-box{padding: 20px 0;}
.fj-box .fj-title{font-size: 0.8rem;font-weight: 700;color: #1559A3;background: url(../images/fj.png) no-repeat left center;padding-left: 24px;background-size: 20px;margin-bottom: 15px;}
.fj-box ul li{padding: 0 0 10px 0;}
.fj-box ul li a{color: #1559A3;font-size: 0.7rem;}
.fj-box ul li a:hover{text-decoration: underline;}
.article-content .sign .zb-name{padding-top: 0 !important;}
.leave-input {
    width: 100%;
    padding-left: 33px;
    margin-top: 20px;
}

.leave-input textarea{
    width: 100%;
    height: 174px;
    border: 1px solid #cdcdcd;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
}
.yzm{padding-left: 40px;}
.yzm-pic{height: 50px;line-height: 50px;overflow: hidden;}
.yzm-pic span{font-size: 0.7rem;color: #1559A3;}
.yzm-pic img{max-width: 100px;height: 46px;border: 1px solid #E6E6E6;margin-right: 5px;}
.yzm input{
    /* width: 248px; */
    height: 50px;
    background: #FFFFFF;
    border: 1px solid #B5B5B5;
    border-radius: 4px;
    margin-left: 10px;
    padding-left: 20px;
    margin-right: 15px;
}

.submit-box{ font-size: 1rem;}
.submit-box2 .submit-btn{background: #1559A3;color: #fff; border: 1px solid #1559A3;}
.submit-box2 button{background: #fff; padding: 0 20px; height: 50px;border: 1px solid #BBBBBB;border-radius: 4px;font-size: 0.8rem;}

@media(max-width:850px){
    .message-box{padding: 15px;}
    .yzm{padding-left: 0;}
    .leave-input{padding-left: 0;}
    .no-mes, .message-list{padding-left: 0;}
}


@media(max-width:768px){
    .yzm{width: 55%;}
    .yzm-pic{width: 45%;}
    .submit-box2{margin-top: 20px;}
    .fj-box ul li a{font-size: 0.8rem;}
}

@media(max-width:660px){
    .interactive-box{padding: 20px;}
    .article-content{padding: 0;}
    .message-box{padding: 20px 0;}
    .fj-box ul li a{font-size: 0.8rem;}
}

@media(max-width:600px){
    .yzm{width: 100%;}
    .yzm-pic{width: 100%;margin-left: 67px;margin-top: 15px;}
    .submit-box2{margin-top:15px;float: left !important;margin-left: 67px;}
    .submit-box2 button{padding: 0 50px;}
    .leave-message h2.wyly,.leave-message h2.jszj{background-size: 24px;}
}