/*--------------------------------------------------------------
  表单详情页
----------------------------------------------------------------*/
.page-form-wrapper{background-color:#f9f9f9;display:inline-block;width:100%}
.page-form-wrapper .page-container{width:1000px;margin:0 auto}
.page-form-wrapper .form-header{padding-top:30px}
.page-form-wrapper .form-header img{width:100%;height:auto;max-width:100%;display:block}
.page-form-wrapper .form-header+.page-form-area{margin-top:0}
.page-form-wrapper .page-form-area{padding:30px 70px 80px;background-color:#fff;margin:30px 0}
.page-form-wrapper .page-form-area .form-title{margin-bottom:14px}
.page-form-wrapper .page-form-area .form-title h1{text-align:center;font-size:30px;font-weight:500;word-break:break-word;line-height:1.4;color:#333}
.page-form-wrapper .page-form-area .form-title p{margin-top:40px;font-size:16px;word-break:break-word;color:#333;line-height:1.5}
.page-form-footer{padding-bottom:30px;text-align:center}
.page-form-footer .copyright-text{font-size:14px;line-height:1.4;color:#969696}
.page-form-footer .beian-box{margin-top:10px;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}
.page-form-footer .beian-text{display:flex;align-items:center}
.page-form-footer .beian-text .icon-gongan{display:inline-block;width:16px;height:16px;cursor:pointer;margin-right:2px;background:url(../images/icon-gongan.png) 0 0/contain no-repeat scroll}
.page-form-footer .beian-text a{color:#969696;font-size:14px;line-height:1.4}
.page-form-footer .beian-text a:hover{color:var(--main_color,#16499c)}

@media (max-width:767px){
    .page-form-wrapper .page-container{width:100%}
    .page-form-wrapper .form-header{padding:0}
    .page-form-wrapper .page-form-area .form-title p{margin-top:20px}
    .page-form-wrapper .page-form-area{margin:0;padding:30px 16px}
    .page-form-footer{padding:30px 10px}
}

/*--------------------------------------------------------------
  表单字段
----------------------------------------------------------------*/
.xintheme-form{display:flex;flex-wrap:wrap;margin:0 -8px;font-size:1rem;background:#fff;padding:0 10px 30px;letter-spacing:1px}
.xintheme-form .field-group{width:calc(var(--field-width,100%) - 16px);margin:16px 8px}
.xintheme-form .field-label-container{margin-bottom:10px}
.xintheme-form .field-required{position:relative}
.xintheme-form .field-required .field-label{padding-left:16px}
.xintheme-form .field-required .field-label::before{content:"*";color:#da2319;font-size:30px;-webkit-font-smoothing:antialiased;position:absolute;top:0;left:0;line-height:1}
.xintheme-form .field-label-container .field-label{position:relative;font-size:16px;word-break:break-word;color:#333;line-height:1.4;font-weight:400;margin-bottom:0}
.xintheme-form .field-content>p{margin-bottom:12px;font-size:14px}
.xintheme-form .field-content>input,
.xintheme-form .field-content>textarea{width:100%;padding:10px;border:1px solid rgba(0,0,0,.2);border-radius:3px;line-height:1.5;height:45px;margin:0;background:#fff;font-size: 14px;letter-spacing:1px;box-sizing:border-box}
.xintheme-form .field-content>textarea{min-height:85px}
.xintheme-form .field-content>select{cursor:pointer;display:block;width:100%;padding:10px;border:1px solid rgba(0,0,0,.2);border-radius:3px;line-height:1.5;height:45px;margin:0;outline:none;font-size:14px;letter-spacing:1px;box-sizing:border-box}
.xintheme-form .field-content>select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);background-position:center right;background-repeat:no-repeat}

.xintheme-form .field-content>input[type=file]{height:auto;cursor:pointer}
.xintheme-form .field-content input[type=email]:focus,
.xintheme-form .field-content input[type=number]:focus,
.xintheme-form .field-content input[type=text]:focus,
.xintheme-form .field-content select:focus,
.xintheme-form .field-content textarea:focus{border-color:var(--main_color,#16499c);outline:none}
.xintheme-form .field-group .field-content .field-checkbox,
.xintheme-form .field-group .field-content .field-radio{font-size: 14px;font-weight:400;width:100%;padding:10px;border:1px solid #ededed;border-radius:3px;line-height:1.5;height:45px;display:flex;align-items:center;gap:6px;margin-bottom:8px;cursor:pointer;background:#fcfcfc;-webkit-transition-duration:.2s;transition-duration:.2s;box-sizing:border-box}
.xintheme-form .field-group .field-content .field-checkbox:hover,
.xintheme-form .field-group .field-content .field-radio:hover{-webkit-transform:scale(1.005);-ms-transform:scale(1.005);transform:scale(1.005);-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);background-color:rgba(35,120,255,.06);border-color:#16499c}
.xintheme-form .field-group .field-content input[type=checkbox]:checked+.choice-text,
.xintheme-form .field-group .field-content input[type=radio]:checked+.choice-text{color:#0075ff}
.xintheme-form .field-group .field-content input[type=radio]:checked::after{content:'';position:absolute;top:4px;left:4px;width:8px;height:8px;background-color:#fff;border-radius:50%}
.xintheme-form .field-group .field-content input[type=checkbox],
.xintheme-form .field-group .field-content input[type=radio]{width:14px;height:14px;cursor:pointer;-webkit-appearance:auto;outline:none;margin: 0;background: none;border: none;box-shadow: none;}
.xintheme-form .field-group .field-content input[type=checkbox]:after,
.xintheme-form .field-group .field-content input[type=radio]:after,
.xintheme-form .field-group .field-content input[type=radio]::before,
.xintheme-form .field-group .field-content input[type=checkbox]::before{display:none}
.xintheme-form button[type=submit]{border:none;margin:0 auto;cursor:pointer;background:var(--main_color,#16499c);color:#fff;padding:10px 16px;border-radius:3px;min-width:200px;font-size:16px;line-height:1.4;display:flex;align-items:center;justify-content:center;gap:5px;margin-top:16px}
.xintheme-form button[type=submit]:hover{opacity:.8}
.xintheme-form button[type=submit] .la-spinner{display:none;animation:spin 3s linear infinite;font-size:20px;color:#fff}

@media (max-width:767px){
    .xintheme-form{margin:0}
    .xintheme-form .field-group{width:100%;margin:16px 0}
}

/* 旋转动画 */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}



/*--------------------------------------------------------------
  DahuziModal 提示框插件
----------------------------------------------------------------*/
.dahuzi-modal-box{font-size:14px;color:#666}
.dahuzi-modal-box .modal-clos{position:absolute;top:15px;right:15px;cursor:pointer;display:inline-block;font-size:18px;color:#666}
.dahuzi-modal-box .modal-item-mask{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(6px);z-index:9999}
.dahuzi-modal-box .modal-item-content-box{padding:40px 20px;background:#fff;position:fixed;margin:auto;border-radius:5px;box-shadow:rgba(0,0,0,.2) 0 1px 6px;left:50%;top:50%;z-index:9999;-webkit-animation:alertAnimation .5s ease-in-out 0s 1;-moz-animation:alertAnimation .5s ease-in-out 0s 1;animation:alertAnimation .5s ease-in-out 0s 1}
.dahuzi-modal-box .modal-item-content{text-align:center;font-size:15px;line-height:1.6;color:#333;padding-top:20px}
.dahuzi-modal-box .modal-item-footer{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}
.dahuzi-modal-box .modal-item-footer .model-button{background:var(--main_color,#16499c);border:2px solid var(--main_color,#16499c);color:#fff;padding:5px 30px;border-radius:4px;cursor:pointer}
.dahuzi-modal-box .modal-item-footer .model-button:hover{opacity:.8}
.dahuzi-modal-box .modal-item-footer .modal-item-cancel{background:#fff;border-color:#333;color:#333}
.dahuzi-modal-box .icon{position:relative;width:80px;height:80px;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;border:4px solid #f0ad4e;margin:15px auto 5px auto;-webkit-box-sizing:initial}
.dahuzi-modal-box .icon_box{width:80px;height:80px;margin:0 auto;text-align:center;position:relative}
.dahuzi-modal-box .lose .icon{border-color:#ff9090}
.dahuzi-modal-box .lose .icon_box{-webkit-animation:lose_Animation .5s ease 0s 1;-moz-animation:lose_Animation .5s ease 0s 1;animation:lose_Animation .5s ease 0s 1}
.dahuzi-modal-box .tip .icon{width:80px;height:80px;background-color:#f0ad4e;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;color:#fff;font-size:80px;text-align:center;line-height:80px}
.dahuzi-modal-box .success .icon{border-color:#6c3}
.dahuzi-modal-box .success .line_short{width:25px;height:5px;position:absolute;left:14px;top:46px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#6c3;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-animation:success_short_Animation .65s ease 0s 1;-moz-animation:success_short_Animation .65s ease 0s 1;animation:success_short_Animation .65s ease 0s 1}
.dahuzi-modal-box .success .line_long{width:47px;height:5px;position:absolute;right:8px;top:38px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#6c3;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-animation:success_long_Animation .65s ease 0s 1;-moz-animation:success_long_Animation .65s ease 0s 1;animation:success_long_Animation .65s ease 0s 1}
.dahuzi-modal-box .lose .line_left,.dahuzi-modal-box .lose .line_right{width:47px;height:5px;position:absolute;left:17px;top:37px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#ff9090;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
.dahuzi-modal-box .lose .line_right{right:11px;top:37px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}

/* 总体动画  函数 */
/*all animate*/
@-webkit-keyframes alertAnimation {
  0% {
    -webkit-transform: scale(0.5);
  }
  45% {
    -webkit-transform: scale(1.25);
  }
  80% {
    -webkit-transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes alertAnimation {
  0% {
    -webkit-transform: scale(0.5);
  }
  45% {
    -webkit-transform: scale(1.25);
  }
  80% {
    -webkit-transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes alertAnimation {
  0% {
    -webkit-transform: scale(0.5);
  }
  45% {
    -webkit-transform: scale(1.25);
  }
  80% {
    -webkit-transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
/*all animate*/
/*success short animate*/
@-webkit-keyframes success_short_Animation {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -4px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@-moz-keyframes success_short_Animation {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -4px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@-webkit-keyframes success_short_Animation {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -4px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
/*success short animate*/
/*success long animate*/
@-webkit-keyframes success_long_Animation {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@-moz-keyframes success_long_Animation {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@-webkit-keyframes success_long_Animation {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
/*success long animate*/

/*lose_Animation*/
@-webkit-keyframes lose_Animation {
  0% {
    -webkit-transform: scale(0.6);
    opacity: 0.2;
  }
  50% {
    -webkit-transform: scale(0.6);
    opacity: 0.5;
  }
  80% {
    -webkit-transform: scale(1.15);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1.0;
  }
}
@-moz-keyframes lose_Animation {
  0% {
    -webkit-transform: scale(0.6);
    opacity: 0.2;
  }
  50% {
    -webkit-transform: scale(0.6);
    opacity: 0.5;
  }
  80% {
    -webkit-transform: scale(1.15);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1.0;
  }
}
@-webkit-keyframes lose_Animation {
  0% {
    -webkit-transform: scale(0.6);
    opacity: 0.2;
  }
  50% {
    -webkit-transform: scale(0.6);
    opacity: 0.5;
  }
  80% {
    -webkit-transform: scale(1.15);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1.0;
  }
}
/*lose_Animation*/