.body .body-main .questions .q-cont,.mobile .body .body-main .questions .q-cont{flex:1}body{background:#EBEFF2}.main-contrainer{width:960px;margin:0 auto;background:#fff}.header{padding:15px 15px 0}.header .progress-wrap{position:relative;height:10px;background:#F1F1F1}.header .cur-progress{position:absolute;top:0;left:0;height:10px;background:linear-gradient(270deg,#4d90fe 0,#2232bb 100%,#3023ae 100%)}.body{padding:35px 35px 25px}.body .body-header h1{text-align:center;font-size:26px;color:#333;font-weight:600;line-height:36px;margin:10px 0 40px;word-break:break-word}.body .body-header .q-explain,.body .body-main .q-header,.body .body-main .questions .idx{font-size:16px;line-height:22px;color:#333;font-weight:400}.body .body-header .q-explain{margin-bottom:40px}.body .body-header .line{border:1px dashed #ccc}.body .body-main{padding:40px 0 0}.body .body-main .questions{margin-bottom:50px;display:flex}.body .body-main .questions .idx{margin-right:5px}.body .body-main .q-header{margin-bottom:18px;word-break:break-word}.body .body-main .remark{font-size:18px;font-weight:500}.body .body-main .q-header .required{color:#ff6d56}.body .body-main .q-body .choice{display:flex;word-break:break-all;margin-bottom:12px}.body .body-main .q-body .choice:last-child{margin-bottom:0}.body .body-main .q-body .choice input[type=radio],.body .body-main .q-body .choice input[type=checkbox]{margin:4px 5px 0 0;width:15px;height:15px;vertical-align:-3px;flex:none}.body .body-main .q-body .choice input[type=text]{width:150px;height:23px;vertical-align:2px;margin-left:10px;font-size:12px;border-radius:4px;border:1px solid #ccc}.body .body-main .q-body .choice label{font-size:13px;color:#333;font-weight:400;line-height:18px;word-break:break-all;margin-bottom:0;padding:3px 0}.body .body-main .q-body .select{min-width:450px;max-width:890px;height:32px;border:1px solid #ccc;border-radius:3px}.body .body-main .q-body .fill{display:flex;margin-bottom:12px}.body .body-main .q-body .fill:last-child{margin-bottom:0}.body .body-main .q-body .fill label{min-width:90px;font-size:13px;color:#333;font-weight:400;line-height:32px;margin-right:10px}.body .body-main .q-body .fill input{width:450px;height:32px;padding:0 10px;background:#fff;border-radius:3px;border:1px solid #ccc}.body .body-main .q-body .matrix thead,.body .body-main .q-body .multipleFill thead{background:#F1F1F1}.body .body-main .q-body .fill textarea{width:450px;resize:none;border:1px solid #ccc;min-height:32px;border-radius:4px;font-size:14px;color:#333;padding:5px}.body .body-main .q-body .big-fill input{width:330px}.body .body-main .q-body .multipleFill{border-spacing:0;border-collapse:separate}.body .body-main .q-body .multipleFill tr{font-size:0}.body .body-main .q-body .multipleFill .option_label{font-size:14px;color:#333;line-height:1.5;text-align:-webkit-right;vertical-align:inherit;border-spacing:0;border-collapse:separate;word-break:normal;padding-right:30px}.body .body-main .q-body .multipleFill textarea{resize:none;border:1px solid #ccc;padding:5px;overflow:overlay;font-size:14px;color:#333;outline:0;vertical-align:bottom;line-height:1.5;min-height:32px;margin:0;border-radius:4px}.body .body-main .q-body .multipleFill .red{font-size:14px;color:red;padding-bottom:5px;clear:both}.body .body-main .q-body .matrix{border:1px solid #ddd}.body .body-main .q-body .matrix .table-col{height:38px;line-height:38px;min-width:125px;color:#333;font-size:13px;padding:0 15px;text-align:left;font-weight:400}.body .body-main .q-body .matrix input{width:15px;height:15px;vertical-align:middle;margin:0}.body .body-main .q-body .matrix .other-input{width:70px;height:24px;border:1px solid #d8d8d8;border-radius:2px;background-color:#fff}.mobile,.mobile .body .body-main .questions.fill-wrap .q-body .fill input,.mobile .body .body-main .questions.fill-wrap .q-body .fill textarea{width:100%}.error-input-message{font-size:14px;color:red;line-height:2.5}.footer{text-align:center;padding-bottom:100px}.footer button{border:1px solid #4286F5;background:#4286F5;line-height:36px;color:#fff;font-size:18px;border-radius:19px;padding:0 45px}.mobile{background:#EBEFF2}.mobile .header{padding:12px 0 0;background:#fff}.mobile .header .progress-wrap{position:relative;height:8px;background:#F1F1F1}.mobile .header .cur-progress{position:absolute;top:0;left:0;height:8px;background:linear-gradient(270deg,#4d90fe 0,#2232bb 100%,#3023ae 100%)}.mobile .body{padding:0}.mobile .body .body-header{margin-bottom:6px;padding:30px;background:#fff;word-break:break-word}.mobile .body .body-header h1{text-align:center;font-size:26px;color:#333;font-weight:600;line-height:36px;margin:0 0 20px}.mobile .body .body-header .q-explain{font-size:16px;color:#333;font-weight:400;line-height:22px;margin-bottom:0}.mobile .body .body-header .line{border:1px dashed #ccc}.mobile .body .body-main{padding:0}.mobile .body .body-main .questions{margin-bottom:6px;display:flex;padding:30px 15px 17px!important;background:#fff}.mobile .body .body-main .questions.fill-wrap,.mobile .body .body-main .questions.select-wrap{padding:30px}.mobile .body .body-main .questions .idx{margin-right:5px;font-size:18px;color:#333;font-weight:500;line-height:25px}.mobile .body .body-main .questions.select-wrap .q-header{margin-bottom:20px}.mobile .body .body-main .questions.fill-wrap .q-body .fill{display:block;margin-bottom:10px}.mobile .body .body-main .questions.fill-wrap .q-body .fill:last-child{margin-bottom:0}.mobile .body .body-main .questions.fill-wrap .q-body .fill label{display:block;min-width:auto;margin-right:0;font-size:16px;margin-bottom:5px;word-break:break-word}.mobile .body .body-main .questions.fill-wrap[data-type=single-fill] .q-header{margin-bottom:20px}.mobile .body .body-main .questions.matrix-wrap .q-body .matrix-item .item-title{color:#999;font-weight:400;line-height:22px;display:block;font-size:16px;border-bottom:1px solid #F5F8F9;padding:5px 0;word-break:break-word}.mobile .body .body-main .questions.matrix-wrap .q-body .matrix-item .item-body{display:flex;word-break:break-all;padding:13px 0;border-bottom:1px solid #F5F8F9;margin-bottom:0}.mobile .body .body-main .questions.matrix-wrap .q-body .matrix-item .item-body:last-child{border:none}.mobile .body .body-main .questions.matrix-wrap .q-body .matrix-item .item-body input{margin:4px 9px 0 0;width:15px;height:15px;flex:none}.mobile .body .body-main .questions.matrix-wrap .q-body .matrix-item .item-body label{font-size:16px;color:#333;font-weight:400;line-height:22px;word-break:break-all}.mobile .body .body-main .questions.matrix-wrap .q-body .matrix-item .item-body input[type=text]{width:150px;height:25px;margin-left:10px;font-size:12px;margin-top:0}.mobile .body .body-main .questions:last-child{margin-bottom:0}.mobile .body .body-main .q-header{margin-bottom:7px;font-size:18px;color:#333;font-weight:500;line-height:25px;word-break:break-word}.mobile .body .body-main .q-header .required{color:#ff6d56}.mobile .body .body-main .q-body .choice{display:flex;word-break:break-all;padding:12px 0;border-bottom:1px solid #F5F8F9;margin-bottom:0;margin-top:0}.mobile .body .body-main .q-body .choice:last-child{border-bottom:none}.mobile .body .body-main .q-body .choice input{margin:5px 9px 0 0;width:15px;height:15px}.mobile .body .body-main .q-body .choice input[type=text]{width:150px;height:25px;margin-left:10px;font-size:12px;margin-top:0}@media screen and (min-width:350px){.mobile .body .body-main .q-body .choice input[type=text]{width:100px}}.mobile .body .body-main .q-body .choice label{font-size:16px;color:#333;font-weight:400;line-height:22px;word-break:break-word;padding:1px 0}.mobile .body .body-main .q-body .select{min-width:inherit;height:32px;border:1px solid #ccc;border-radius:3px;max-width:100%;width:300px}.mobile .body .body-main .q-body .fill{display:flex;margin-bottom:12px}.mobile .body .body-main .q-body .fill:last-child{margin-bottom:0}.mobile .body .body-main .q-body .fill label{min-width:90px;font-size:13px;color:#333;font-weight:400;line-height:32px;margin-right:10px}.mobile .body .body-main .q-body .fill input{width:230px;height:32px;padding:0 10px;background:#fff;border-radius:3px;border:1px solid #ccc}.mobile .body .body-main .q-body .big-fill input{width:330px}.mobile .body .body-main .q-body table{border:1px solid #ddd}.mobile .body .body-main .q-body table thead{background:#F1F1F1}.mobile .body .body-main .q-body table .table-col{height:38px;line-height:38px;min-width:125px;color:#333;font-size:13px;padding:0 15px;text-align:left;font-weight:400}.mobile .body .body-main .q-body table input{width:15px;height:15px;vertical-align:middle}.mobile .footer{background:#fff;padding:30px 25px}.mobile .footer button{width:100%;border-radius:3px;height:50px;line-height:48px}