@charset "utf-8";
.py-15px{padding: 15px 0;}
.leading-46{line-height: 46px;}
.text-indent-2{text-indent: 2em;}
.text-orange-d45501{color: #d45501;}
.container{margin: 0 auto;}
.mailbox-container{width: 1400px;}
.mailbox-header{width: 100%;max-width: 1920px;margin: 0 auto;padding-top: 27px;height: 345px;background: url(../../images/mailbox/pic-bg-header.png) no-repeat left top / cover;}
.mailbox-header .logo{width: 33.6458vw;min-width: 200px;max-width: 900px;}
.mailbox-header img{width: 100%;height: 100%;object-fit: cover;}
.mailbox-main .mailbox-container{margin-top: -198px;padding: 57px 38px 196px;background-color:#ffffff;box-shadow:0px 2px 4px 0px rgba(0,0,0,0.3);}
.mailbox-title{padding:18px 0;margin: 0 auto 53px;width:270px;display: flex; align-items: center;justify-content: center;background-color:#1f61af;border-radius:36px;}
.mailbox-title .icon-xiangyou{width: 45px;height: 32px;margin-right: 10px;background: url(../../images/mailbox/icon-xiangyou.png) no-repeat left top;}
.mailbox-tip h4{line-height: 46px;}
.mailbox-tip{width: 100%;height:455px;padding:20px 40px;background-color:#f2f2f2;border:solid 1px #dddddd;}
/* 表单部分 */
.report-form-box{padding: 68px 0 73px;border:solid 1px #dddddd;}
.report-form-box .mailbox-form{width: 80%;margin: 0 auto;}
.report-form-box .col-md-6{width: calc(50% - 38px);}
.report-form-box .col-md-6+.col-md-6{margin-left: 76px;}
.report-form-box .label{width: 135px;color: #333;font-weight: normal;display: block;padding: 0;margin: 0;}
.report-form-box .value-wrap{margin-left: 135px;}
.report-form-box select{cursor: pointer;}
.report-form-box .w-170{width: 170px;float: left;margin-left: 0;}
.report-form-box .vercode{width: 80px; height: 30px; object-fit: cover;margin-top: 4px; margin-left: 16px; cursor: pointer;}
.report-form-box .form-btn{width:95px;height: 42px;margin-top: 49px;background-color:#fff;border-radius:6px;border:solid 1px #dddddd;margin-left:30px;color: #666666;cursor: pointer;}
.report-form-box .submit-btn{background-color:#ff670f;color: white;margin-left: 0;}
.report-form-box .layui-btn-normal{width: 95px;height: 38px;background: #fff;border-radius: 4px;border: solid 1px #dddddd;color: #666666;}
.layui-input{border-radius: 4px;}
.layui-input:focus, .layui-textarea:focus{border-color:#66afe9 !important;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.layui-form-select dl dd.layui-this{color:#66afe9;}
body .layui-laydate .layui-this, body .layui-laydate .layui-this>div{background-color:#66afe9 !important;}
/* 主题-红色 */
.theme-red .mailbox-header{background-image: url(../../images/mailbox/pic-bg-header-red.png);}
.theme-red .mailbox-title{background-color:#9a0813;}
/* footer */
.is-footer{margin-top: -120px}

/* pc md*/
@media screen and (max-width:1400px) {
    .container{width: 1200px;}
    .mailbox-tip{height: auto;}
    .report-form-box .mailbox-form{width: 90%;}
    .report-form-box .label{width: 10vw;}
    .report-form-box .value-wrap{margin-left: 10vw;}
}
/*pc sm*/
@media screen and (max-width: 1280px) {

    .container{width: 970px}
    .report-form-box .label{width: 14vw;}
    .report-form-box .value-wrap{margin-left: 14vw;}
    .report-form-box .col-md-6{width: calc(50% - 10px);}
    .report-form-box .col-md-6+.col-md-6{margin-left: 20px;}
}

/*pad md*/
@media screen and (max-width: 991px){
    .text-32{font-size: 24px;}
    .container{width: 750px;}
    .mailbox-header{height: auto;padding: 20px 15px;}
    .mailbox-main .mailbox-container{margin-top: 0;padding: 15px;box-shadow: none;}
    .report-form-box{padding: 15px 0;}
    .report-form-box .label{text-align: left;float: none;}
    .report-form-box .label,.report-form-box .value-wrap,.report-form-box .col-md-6{width: 100%;}
    .report-form-box .col-md-6+.col-md-6,.report-form-box .value-wrap{margin-left: 0;}
    .report-form-box .row-group{margin-bottom: 0px;}
    .report-form-box .col-group,.mailbox-title{margin-bottom: 20px;}
    .char-count textarea{height: 120px;line-height: 28px;}
    .mailbox-tip{font-size: 16px; line-height: 30px;}
    .report-form-box .form-btn{margin-top: 15px;}
    .is-footer{margin-top: 0;}
}

/*phone sm*/
@media screen and (max-width: 767px) {
    .container{width: 100%;padding: 0 15px;}
}

@media screen and (max-width: 638px) {

}

@media screen and (max-width: 375px) {

}