@charset "utf-8";
html,body,div,h1,form,input,ul,ol,li,p {margin: 0; padding: 0;}
article,footer,header,nav,section {display: block;}
ul,ol,li {list-style: none;}
a,body,div,dl,dt,em,,footer,
form,h1,header,html,i,img,label,li,nav,ol,output,p,span,strong,time,u,ul,var,
video {margin: 0; padding: 0; border: 0; font: inherit;font-size: 100%;vertical-align: baseline;}
img {border: 0;vertical-align: top;}
.clearfix { zoom: 1;*height: 1%;}
.clearfix:before,
.clearfix:after {content: " "; display: block; height: 0;overflow: hidden;}
.clearfix:after {clear: both;}
body { background-color: #f5f5f5;font-family: "PingFang SC", "Lantinghei SC", "Hiragino Sans GB", "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;}
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a {text-decoration: none;color: #515151;-webkit-transition: color 0.3s ease-out;}
img {-ms-interpolation-mode: bicubic;}
.show { display: block;}
.hide { display: none;}
textarea,input {outline: none;}
body { background: #F5F5F5;}
.report-content {width: 960px; padding: 0 40px;box-sizing: border-box;margin: auto;font-size: 14px;}
.report-content .report-title { font-size: 22px;font-weight: bold;color: #666; text-align: center;margin: 30px 0;}
.report-content .report-form-item {font-size: 20px;font-weight: bold;color: #666;margin: 30px 0 20px;}
.report-content .required {color: #EF5249;}
.report-content .report-checkbox-wrap { display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.report-content .report-checkbox-wrap .checkbox-item {-ms-flex: 0 0 25%; flex: 0 0 25%; margin-bottom: 20px;}
.report-content .report-checkbox-wrap .checkbox-item .checkbox-area {cursor: pointer; position: relative;padding-left: 26px;font-size: 14px;color: #666;}
.report-content .report-checkbox-wrap .checkbox-item .checkbox-area .checkbox-input {position: absolute;width: 0;height: 0;border: none;display: none;}
.report-content .report-checkbox-wrap .checkbox-item .checkbox-area .checkbox-rect {width: 20px;height: 20px;box-sizing: border-box;display: block;position: absolute;cursor: pointer;top: 0;left: 0;border: 1px solid #dbdbdb;background: #fff;}
.report-content .report-checkbox-wrap .checkbox-item .checkbox-area.disabled {cursor: not-allowed;}
.report-content .report-checkbox-wrap .checkbox-item .checkbox-area.disabled .checkbox-rect {background: #E2E2E2;cursor: not-allowed;}
.report-content .report-checkbox-wrap .checkbox-item .checkbox-area.active .checkbox-rect {border: none;background: url(../images/check.png) center / 100% 100%;}
.report-content .report-textarea {width: 100%;box-sizing: border-box;color: #999999;background: #fff;resize: none;border: none;height: 120px;overflow-y: auto;padding: 10px 20px;}
.report-content .report-input {width: 100%;box-sizing: border-box;color: #999999;background: #fff;border: none;height: 44px;line-height: 44px;padding: 0 20px;}
.report-content .report-submit {height: 40px;width: 100%; line-height: 40px; background: #E2E2E2;text-align: center; color: #999999; margin: 36px 0 20px; cursor: not-allowed;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
.report-content .report-submit.active {color: #fff;background: #25AA41;cursor: pointer;}
.report-content .inport-txt {color: #2D91DD;font-size: 14px; text-decoration: underline; margin-top: 8px; display: block;text-align: center;}
.report-content input::-webkit-input-placeholder,
.report-content textarea::-webkit-input-placeholder {color: #D3D3D3;}
.report-content input:-moz-placeholder,
.report-content textarea:-moz-placeholder {color: #D3D3D3;}
.report-content input::-moz-placeholder,
.report-content textarea::-moz-placeholder {color: #D3D3D3;}
.report-content input:-ms-input-placeholder,
.report-content textarea:-ms-input-placeholder {color: #D3D3D3;}
.modal-tips { position: fixed;top: 200px;left: 50%;-ms-transform: translateX(-50%);transform: translateX(-50%);background: rgba(0, 0, 0, 0.7);padding: 6px 16px;border-radius: 8px;word-break: break-all;max-width: 240px;color: #fff;display: none;}
.modal-tips.show {display: block;}
.modal-mask {background: rgba(0, 0, 0, 0.4);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;display: none;}
.modal-mask.show {display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content: center;-ms-flex-align: center; align-items: center;}
.modal-mask .modal-wrap {background: #fff;border-radius: 8px;width: 420px;overflow: hidden;position: fixed;top: 30%;left: 50%;margin-left: -210px;}
.modal-mask .modal-wrap .modal-header {height: 64px;border-bottom: 1px solid #eee;color: #333; font-size: 16px;font-weight: bold;position: relative;display: -ms-flexbox;display: flex;-ms-flex-pack: center; justify-content: center;-ms-flex-align: center;align-items: center;}
.modal-mask .modal-wrap .modal-header .close-btn {width: 24px;height: 24px;position: absolute;top: 20px;right: 20px;background: url(../images/jb_close.png) no-repeat center / 18px;cursor: pointer;}
.modal-mask .modal-wrap .modal-content {padding: 46px 0 80px;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-direction: column;flex-direction: column;}
.modal-mask .modal-wrap .modal-content .success-icon {width: 80px;height: 80px;background: url(../images/success.png) center / 100%;}
.modal-mask .modal-wrap .modal-content .success-text {margin-top: 32px;color: #333;font-size: 13px;}