div,input,label,a{box-sizing: border-box;}
label{margin-bottom: 0;}
textarea{-webkit-appearance: none;}
input[type="text"]{-webkit-appearance: none;}


body{background-color: rgba(246, 246, 246, 1);}
.bodymiddle{width: 620px;max-width: 100%;margin:auto;box-shadow: 0px 2px 22px 0px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 2px 22px 0px rgba(0, 0, 0, 0.1);border: 1px solid rgba(219, 219, 223, 1);background-color: #fff;border-radius: 2px;color: #4a4a4a;font-size: 14px;min-height: 100vh;}
.bodyhead img{max-width: 100%;width:100%;}
.bodyhead>div{padding: 20px 25px 0 25px;}
.tophead{margin-bottom: 6px;font-weight: bold;text-align: center;font-size: 18px;}
.surveydesc{text-align: left;padding-bottom: 20px;border-bottom: 1px solid #dcdcdc;}
.surveybody{background-color: #fff;}
.contactmodule>div,#btnbox{border: 1px solid #fff;padding: 23px 25px;position: relative;height: 100%;}
.contactmodule label{display: block;margin-bottom: 0px!important;cursor: inherit; width: calc(100% - 22px);vertical-align: text-top;line-height: 16px;}
.contactmodule span{margin-left: 10px;color:#E02020;font-weight: bold;vertical-align: -1px;}
.moduledescribe{font-size: 12px;color: #9b9b9b;margin-bottom: 3px;display: none;}

.moduleselect{width: 350px;position: relative;display: block;}
.moduleselect>i{border-top-color:#616469;transform:rotate(0deg);}
.mpsendmr{min-width: 100px;height: 30px;border-radius: 2px;background-color: rgba(80, 100, 141, 1);color: rgba(255, 255, 255, 100);font-size: 14px;text-align: center;vertical-align: 1px;display: none;cursor: pointer;padding: 0 8px;}
.requiretext{width: 100%;height: 89px;border-radius: 2px;background-color: rgba(255, 255, 255, 1);box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 1);-webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 1);resize:none;margin-top: 5px;padding: 10px;}
i.toparrowicon{right: 15px;top: 13px;border-top: 5px solid #ffffff;border-left: 4px solid transparent;border-right: 4px solid transparent;transform:rotate(180deg);}
.moduleselect>i{border-top-color:#616469;transform:rotate(0deg);}
.selcs{color:#4a4a4a;box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 1);-webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 1);background: #fff url(../../qst_surveysub/images/arrow.png) no-repeat;background-position: right 8px top 11px;font-size: 14px;}
.optiontxt,.otherp{display: inline-block!important;vertical-align: 2px;cursor: pointer!important;}
.otherp{width: auto!important;max-width: calc(100% - 22px);vertical-align: text-top;}
.otherinputbox{margin-left:12px;display: inline-block;}
.otherinputbox span{margin-left: 0;}
.otherinputbox input{margin-top: 0!important;}
.radioother{margin-top: 6px;}
.pdfbtn{width: 52px;height: 34px;border-radius: 2px;background-color: rgba(255, 255, 255, 1);box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 1);-webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 1);padding: 8px 17px;margin-top: 5px;}
.optionjg{margin:4px 0 0 0;line-height: 20px;}

.txtminwidth{width: 80px!important;max-width: 100%;}
.loadingimg {display: none;}
#pdfurl {display:block;margin: 10px 0;font-size: 12px;color: #2E8B57;cursor: pointer;display: none;}
.score_module{margin-top: 5px;}
.score_module a{display: inline-block;}
.score_module img{width: 30px;height: auto;margin-right: 6px;cursor: pointer;}
.jiabtn{display: block;font-size: 14px;width: 134px;height: 32px;left: calc((100% - 134px) / 2.0);line-height: 32px;margin: 0px auto;padding: 0;border:1px solid #50648d;color:#fff;border-radius: 2px;text-align: center;cursor: pointer;background-color: #50648d;}
.jiabtn:active{background-color: #50648d;color:#fff;}
.sortmodule>div{width: calc((100% - 15px)/2.0);}
.sortmovebx{height: 31px;border-radius: 2px;border: 1px dashed #979797;position: relative;background-color: #ffffff;}
.sortmovebx>div{font-size: 16px;color:#4a4a4a;font-weight: bold;background-color: #f6f6f6;height: 100%;width: 31px;text-align: center;line-height: 29px;display: inline-block;}
.sortmovetxt{box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);background-color:#fbfbfb;height: 31px;border-radius: 2px;padding: 6px 14px;color: rgba(74, 74, 74, 100);font-size: 14px; width: 99%;float: left;margin-left: 15px;cursor: move!important;-webkit-user-select:none;
   -moz-user-select:none;
   -ms-user-select:none;
   user-select:none;}
.sortmovetxt,.sortmovebx{margin-bottom: 8px;}
.sortmodule{ overflow: hidden;margin-top: 14px;}
.qstsmtt{font-size: 14px;color: #979797;margin:-3px 0 14px 0;}
.split_module{width: 100%;border-top: 1px solid rgba(220, 220, 220, 1);margin: 2px 0;}
.newopt{padding: 0 8px;position: relative;width: calc(100% - 31px)!important;text-align: left!important;font-size: 14px!important;font-weight: normal!important;vertical-align: 1px;}
i.newoptdel{position: absolute; right: 8px;top: 8px;background: url(../../qst_surveysub/images/del_cdlist.png) center no-repeat;width: 14px;height: 14px;}
.prompttxt{font-size: 12px;color:#E02020;}
.codeerror{color:#ff0000;font-size:13px;display: none;margin-top: 5px;    width: 80%;text-align: left;}
/*提交页*/
.subpage_headlogo{width: 100px;}
.surveyhead{color: #4a4a4a;width: 100%;text-align: left;border: 1px solid rgba(219, 219, 223, 1);border-bottom: none;background: #fff;}
/*.surveyhead:hover{border: 1px dashed blue;}*/
.surveyhead img{max-width: 100%;}

.defimgbox{position: relative;text-align: center;}
.defimgok{background: url(../../qst_surveysub/images/defimgok.png) center no-repeat;width: 25px;height:25px;position: absolute;bottom: 0;left: 52%;}
.defimgbox img{width: auto;max-width: 100%;}
.defhead{color: rgba(74, 74, 74, 100);font-size: 18px;text-align: center;margin:9px 0 20px 0;}
.defcontent{color: rgba(155, 155, 155, 100);font-size: 16px;}
.defsecond{margin:25px 0 2px 0;}
.defurlbtn{color: rgba(80, 100, 141, 100);font-size: 14px;text-align: center;}
.lastprompt{text-align: center;margin: 10px 0;font-size: 13px;color:#E02020;width: 100%;}

/*拖拽*/
body{position: relative;}
.listmovebox{position: absolute;left: 100px;top: 100px; list-type:none; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);background-color: #fbfbfb;height: 31px;border-radius: 2px;padding: 6px 14px;color: rgba(74, 74, 74, 100);font-size: 14px;cursor:move;display: none;}
#movein{height: 30px;width: 100%;background-color: rgba(251, 251, 251, 1);padding: 5px 24px;overflow: hidden;}
#movein>div{float: left;width: calc((100% - 92px) / 2.0);color:#6889EE;text-align: center;font-size: 14px;}
#movein>div>hr{border:1px dashed #6889EE;margin-top: 10px;}
#parentdiv{/*position: relative;*/}

/*底部协议勾选*/
.addtxt{margin: 0 25px;font-size:14px;color: #000000;text-align:left;position: relative;line-height: 25px;}
.submitno{opacity: 0.5;pointer-events:none;}
#ischecktxt{vertical-align: -2px;margin-right: 5px;}


/*pc*/
@media screen and (min-width: 620px) {
	.txtlongwidth{width: 350px!important;max-width: 100%;}
	.otherinput{height: 21px!important;font-size: 12px;margin-left:4px;}
	.contactmodule input[type='text'],.moduleselect{width: 200px;height: 29px;border-radius: 2px;background-color: rgba(255, 255, 255, 1);box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 1);cursor: inherit;margin-top: 5px;    padding: 0 10px;}
	/*.surveyhead>div{padding: 40px 25px 0 25px;}*/
	/*.surveyhead>div:first-child{padding: 120px 25px 0 25px;}*/
	.feedbackbox{border-radius: 2px;background-color: #fff;box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4);padding:8px 10px;display: inline-block;margin: auto;margin-top: 25px;}
    .feedbackbox img{width: 19px;height: auto;vertical-align: -5px;}
    .feedbackbox span{color: rgba(74, 74, 74, 100);font-size: 14px;margin-left: 5px;}
    .pcnone{display:none;}
    .otherbox{margin-left:10px;}
}

/*mobile*/
@media screen and (max-width: 620px) {
	.txtlongwidth{width: 100%!important;max-width: 100%;}
	.otherinput{height: 21px!important;font-size: 12px;margin-left:4px;width: 100%;}
	.contactmodule input[type='text'],.moduleselect{width: 50%;height: 29px;border-radius: 2px;background-color: rgba(255, 255, 255, 1);box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 1);-webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 1);cursor: inherit;margin-top: 5px;    padding: 0 10px;}
	/*.surveyhead>div{padding: 20px 25px 0 25px;}*/
	/*.surveyhead>div:first-child{padding: 40px 25px 0 25px;}*/
	.feedbackbox{border-radius: 2px;background-color: #50648d;box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4);padding:8px 10px;display: inline-block;margin: auto;margin-top: 25px;}
    .feedbackbox span{color: #fff;font-size: 15px;margin-left: 5px;}
    .mobilenone{display:none;}
    .otherbox{}
}