/* CSS Document */
@charset "utf-8";
body{background-color:#F7F7F7;}
.footer{background-color:#1BC59F; padding:20px 0;  margin-top:50px; text-align:center; color:#fff; font-size:15px;}
#submit{display:none;}
.footer p:nth-child(1){}
.footer p:nth-child(2)>a{color:#fff;}
.form-title{padding:50px 15px; margin:0; margin-bottom:20px; font-weight:100; color:#0095ff; font-size:0.4em; :font-weight: bold;background-image:url(../images/formbg.png); background-position:0 0; background-size:1920px; text-align:center; animation:form-title 20000ms linear infinite;}
@keyframes form-title {
	from { background-position:0 0; }
	to { background-position:0 -500px; }
}
@keyframes mainform-title {
	from { background-position:0 0; }
	to { background-position:0 -200px; }
}
.form-subject{padding-left:15px; max-width:900px; margin-left:auto; margin-right:auto; padding-right:15px; margin-bottom:20px;}
.form-subject>h5{color:#333; font-size:20px; user-select:none;}
.form-problem{font-size:15px; margin:10px 0; user-select:none; position:relative;}
.form-text-all{font-size:0;}
.btn-submit{background-color:#1BC59F; font-size:16px; text-align:center; border-radius:5px; width:calc(100% - 30px); color:#fff;display:block; margin:0 auto; border:none; padding:10px 0; max-width:870px;}
.btn-submit:active{background-color:#159a7c;}
.form-text-all-item{position:relative;}
.form-text-all-itemicon{position:absolute; width:30px; height:30px; top:50%; left:10px; margin-top:-15px; background-image:url(../images/icon-name.png); background-size:100%; background-position:center center;}
input.form-text-all-item-text[type = 'tel'] ~ .form-text-all-itemicon{background-image:url(../images/icon-phone.png);}
input.form-text-all-item-text[type = 'email'] ~ .form-text-all-itemicon{background-image:url(../images/icon-email.png);}
input.form-text-all-item-text[type = 'text'] ~ .form-text-all-itemicon{background-image:url(../images/icon-text.png);}
input.form-text-all-item-text[type = 'date'] ~ .form-text-all-itemicon{background-image:url(../images/icon-date.png);}
input.form-text-all-item-text[type = 'idcard'] ~ .form-text-all-itemicon{background-image:url(../images/icon-id.png);}
input.form-text-all-item-text[type = 'number'] ~ .form-text-all-itemicon{background-image:url(../images/icon-number.png);}
.form-text-all-item-text{ width:100%; height:40px; font-size:16px; padding-left:48px; color:#333;}
.form-textarea-content{background-color:#fff; border-radius:5px; padding:10px; height:100px; border:1px solid #d5d5d5; color:#828282; font-size:15px; width:100%; resize:none; -webkit-appearance:none; transition:color .4s;}
.form-textarea-content:focus{color:#333;}
.form-text-all-item-text:focus,textarea:focus{box-shadow:0 0 8px #1BC59F; border-color:transparent; transition:box-shadow .3s,border-color .3s;}
.form-radio-all,.form-checkbox-all,.form-text-all-item-text{background-color:#fff; border:1px solid #d5d5d5; border-radius:5px; -webkit-appearance:none;}
.form-radio-all-item,.form-checkbox-all-item{position:relative;}
.form-radio-all-item label,.form-checkbox-all-item label{ padding-left:48px;display:block;height:100%; padding-top:10px; padding-bottom:10px;}
.form-radio-all-item-radio,.form-checkbox-all-item-checkbox{/*display:none;*/ position:absolute; height:20px; width:20px; left:15px; top:50%; margin-top:-10px; opacity:0;}
.form-radio-all-item-radio:checked ~ .form-radio-all-item-radioicon,.form-checkbox-all-item-checkbox:checked ~ .form-checkbox-all-item-checkboxicon{background-color:#1BC59F; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAV1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////+ORg7oAAAAHHRSTlMA888FDZUkH1VM4Rl+57Y1L5txPNZkikPDraK+EAc0XAAAA1FJREFUeNrt3YtS4kAQheEeCLlCbhgI0O//nLvrUMJagWmjwdNT/b1ByvxnUlGBjDHGGGOMMcYYY4wxxphfVLX7itTLL/xu3Kak2LDjm1VDSmU1/+9AKrWOPzuRQo1jjuFKUsdTelJm/cbTtI1Xx//ov7lyfqglRXwg0zakhw/kgRXpseFnSI2cn1LzBJk59rQP8IrjuJB/gcTQSMEBJamQOQ44kwbrFYcUpMGGQxxpUHDQQAqEA+GRFBAE4jJSYMNxlP4RiPJHeEEgqzXhs0DAWCBgLBAssQRSWSBYDhYIFAsEjAWCxQIBY4FgWTSQ/barz9sioRcYFwukOTu+ugyLX8uWg3KaI9nwvfJIizouFUhahn4R8fJAaI6je9FkyANJf+4tRk8BSwZS/OQRe+tESSA9T9vdbZeGE2S94wdqutJxguTh33SpOEHoFNgOJYEQucDNqiMQopSfOWgJhKjhp/Y6TpDwTbtLdAQS/IlwrSKQvyoOGDQE4lcrIIU/QbzuRe9k9gsGcitw+Q1OdgsGcnv4XX6DL+JAFtotv8HQJ8iHM4fU8IG8S0oOGeADEd5cLkUPRHoHr+ADkS7XAT0Q8Z+D7NED8XLBBqMH4p04pIYPRLzB6IHINxg9EPEGwwci3mD0QLzqxze4+VogsBvsB0QcCO4G118KBHeD+68GArrBMwKB3OA5gUBucD3jh4u4wf2st1h4G9wA/KmJ6F3E9wN5mwoEboN/ORD5BmfogYg3GD4Q8QajByLfYPRA5BuMHsh3N7iFCUS8weiBeO3MDT4BBSLeYPhAxBuMHoh8g9EDkW8weiDiDYYPZMYGSwLp6NXkG4weiHiD4QMRbzB6IPINRg9EvsHogXgdh9Twgcg3eMAORLzBR8RHrDkbzPCBeCMH4Aci22ANgUj+aRD9BLnXRRDIdYP1B+K1EQTibSMIxBv1B+JVTn8gXhFBIF4XQSDXDdYfiNdGEIjXRxCIN+oPxKuc/kC8IoJAvC6CQN6t3/QHcv9dLTF87E/jOKzU8JH7rYvjOojaXei+0nEdRMkG/mWcVDryI+WRVDmepi+jT0ib7FDyJ7WKz/aa0PaXW+HdgP1QEpLt877P1X6pnDHGGGOMMcYYY4wxxhgofwA9pQ2zONDm0AAAAABJRU5ErkJggg==); background-size:100%;}

.form-radio-all-item-content,.form-checkbox-all-item-content{font-size:16px; user-select:none;}
.form-radio-all-item-radioicon,.form-checkbox-all-item-checkboxicon{position:absolute; border:2px #1BC59F solid; width:20px; height:20px; left:15px; top:50%; margin-top:-10px; border-radius:50%;}
.form-checkbox-all-item-checkboxicon{ border-radius:0; border-radius:2px;}
.form-radio-all-item + .form-radio-all-item,.form-checkbox-all-item + .form-checkbox-all-item{border-top:1px solid #d5d5d5;}
.rightsubmit{border-radius:50% 50% 0; width:50px; height:50px; position:absolute; text-align:center; font-size:14px; color:#fff; background-color:#1BC59F; box-shadow:0px 0px 10px 0px rgba(27, 197, 159, 0.5); z-index:3; right:10px; top:50px; padding-top:26px; background-image:url(../images/icon-submit.png); background-size:30px; background-repeat:no-repeat; background-position:center 3px; animation:faintop 600ms; transform-origin:right bottom; transition:top .6s; display:none;}
/*.form-problem.required:after{right:0; content:'必填'; bottom:0; color:#e83136; box-sizing:border-box; opacity:.5; border:1px #e83136 solid; border-radius:20px; padding:1px 5px; display:inline-block; margin-left:6px; transform-origin:center center; transform:scale(.7);}*/
@keyframes faintop {
    from { transform:scale(1); opacity:0;}
    20%{ transform:scale(1.3); opacity:1;}
    40%{ transform:scale(.8);}
    60%{ transform:scale(1.1); }
    80%{ transform:scale(.9);}
     to{transform:scale(1);}
}

/*加载动画*/
.y-loadd{position:fixed;height:100%;  width:100%;z-index:12; background-color:rgba(255,255,255,.8); display:none;}
.y-load{width:12rem; height:5rem; border-bottom-color:transparent; text-align:center; position:absolute; top:50%; margin-top:-3.8rem; left:50%; margin-left:-6rem;}
.y-load>div{display:inline-block; background-color:#1BC59F; height:2rem; width:2rem; box-shadow:0 0 8px #1BC59F;}
.y-load>div + div{margin-left:.5rem;}
.y-load>div:nth-child(1){animation:rotateplane 3s -.4s infinite ;}
.y-load>div:nth-child(2){animation:rotateplane 3s -.2s infinite ;}
.y-load>div:nth-child(3){animation:rotateplane 3s  infinite ;}
.y-load>p{color:#1BC59F; text-shadow:0 0 8px #1BC59F; font-size:1.7rem; word-break:keep-all; white-space:nowrap; margin-top:0.550964187328rem;}
@keyframes rotateplane {
   0%{transform:perspective(15rem) rotateX(0deg) rotateY(0deg);}
  50%{transform:perspective(15rem) rotateX(-180deg) rotateY(0deg);}
 100%{transform: perspective(15rem) rotateX(-180deg) rotateY(-180deg);}
}

@keyframes tip {
	from { transform:translateY(50px); opacity:0; }
	  to { transform:translateY(0); opacity:1; }
}
.updata-prompt{position:fixed; z-index:999; background-image:url(../images/updatabg.png); font-weight:100; height:100%; width:100%; font-size:30px; color:#fff; left:0; top:0; text-align:center;user-select:none;}
.updata-prompt p{position:absolute; width:100%; top:50%; margin-top:-30px; padding:0 50px;}
.form-problem.required:after{right:0; width:50px; height:17px; border-radius:6px; content:'（必填）'; bottom:0; color:#e83136;font-weight: bold; font-size:12px; box-sizing:border-box; text-align:center; opacity:.5; line-height:15px; display:inline-block; margin-left:5px; transform:scale(1);}
@media (max-width: 769px){
	.form-title{background-size:768px; animation:mainform-title 12000ms linear infinite;}	
}

.form-subject .form-subject{ padding-right:0; padding-left:0; }