body{ color: #000; }
#app{ background: #5bc1ff url(2023yshjmsjd_banner.jpg) no-repeat center top; width: 750px; min-height: 100vh; padding-bottom: 1px; margin: 0 auto; position: relative; }
.header{ height: 400px; }
.agreement{ width: 90%; height: calc(100vh - 400px); margin: 400px 5% 0; background: #ffffff; border: 2px solid #ccc; border-radius: 5px; box-sizing: border-box; padding: 0 20px; overflow-y: scroll; position: absolute; top: 0; left: 0; z-index: 99999; }
.agreement::-webkit-scrollbar { width: 5px;}
.agreement::-webkit-scrollbar-track { border-radius: 5px; background: #f2f2f3;}
.agreement::-webkit-scrollbar-thumb { background: #cccccc}

.w_ty { width: 100%; text-align: center; font-size: 16px; margin: 2.5em auto; }
.w_checkbox{ vertical-align: middle; }
.w_ty_2{ width: 100%; text-align: center; margin-bottom: 50px; }
.w_smjb,
.w_mmjb{ display:inline-block; padding: 0 70px; height: 50px; line-height:50px; margin: 0 15px 15px; text-align: center; background: #d80303; color: #fff; font-size: 1.5em; border-radius: 8px; border: none; outline: none; }
.w_ccc{ background: #ccc!important; cursor: not-allowed; }
.w_smjb:hover,
.w_mmjb:hover{ background: #b70303; }

.main{ margin-bottom: 40px; display: none; }
.com_main{ width: 90%; margin: 0 5%; padding: 20px; box-sizing: border-box; border-radius: 10px; background: #fbfbfb; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.23); box-shadow: 0 0 20px rgba(0, 0, 0, 0.23);  }
.red{color:red;}
.layui-field-title{ margin-bottom:30px; }
.layui-field-title legend{ text-align:center; }
.layui-elem-field legend{ font-size:26px;font-weight: bold; margin-left: 0; }
.layui-row{ padding: 0 15px; }
#tzssz .max-label{ padding: 0 15px; }
.layui-upload-icon{display: inline-block; width: 160px; border-radius: 6px; height: 50px; line-height: 50px; text-align: center;}
.layui-upload-icon i{ font-size: 40px; color: #fff; }
.layui-input-block-l400{ margin-left: 400px;min-height: 36px; }
#tzssz .layui-form-item .layui-form-label{ width: 100%; float: none; text-align: left; color:#000; font-weight: bold; font-size:14px; padding: 9px 0; text-overflow: initial; white-space: initial; }
#tzssz .layui-input-block{ margin-left: 0; }
#tzssz .layui-form-item .layui-input-inline,
#tzssz .layui-form-item .layui-input-block-l400{ margin-left:0; left:0; }
#tzssz .layui-form-item .max-label{  padding: 0; }
#tzssz .layui-input-submit{ margin-left:0; text-align:center; }
#tzssz .layui-input-submit .layui-btn{ background-color:#1e9fff; }
#tzssz .layui-input-submit .layui-btn-primary{ background: 0 0; }
#tzssz .layui-form-item{ margin-bottom:0; }
#tzssz .layui-col-xs12{ margin-bottom:15px; }
.layui-form-select dl dd, .layui-form-select dl dt{ padding: 8px 10px; line-height: 20px; white-space:inherit; }
#filetest{ display: inline-block; margin: 0 15px; height: 38px; line-height: 38px; position:absolute; left:0; right:0; opacity:0; }
.span_desc {display: inline-block;cursor: pointer;color: #02A7F0;margin-top: 10px;line-height: 20px;}
.zhu{font-size: 12px;color: #999999;margin-top: 10px;line-height: 20px;}
.cx-submit{ text-align:center; }
.h2-tit{ margin:10px auto; }
.h2-tit h2{ text-align:left; color:#000; font-weight: bold; font-size:16px; }


@media screen and (max-width: 750px){
    #app{  width: auto; background-size: 100%; }
    .main{ margin-bottom: 24px; }
    .header{ height: 230px; }
    .agreement{ width: 90%; height: calc(100vh - 230px); margin: 210px 5% 0;}
}
@media screen and (max-width: 540px){
    .cx-submit .layui-btn{ width:100%; margin-left: 0; margin-bottom:10px; }
}
@media screen and (max-width: 375px){
    .header{ height: 220px; }
    .agreement{ height: calc(100vh - 220px); margin: 200px 5% 0; }
}
@media screen and (max-width: 320px){
    .header{ height: 180px; }
    .agreement{ height: calc(100vh - 180px); margin: 160px 5% 0; }
}