@charset "utf-8";
/*全局样式*/
body{padding: 0;margin: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0;}
ul{list-style: none;}
a{text-decoration: none;color: #333;}
i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;}
input[type="submit"]{background-color: transparent;cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;background-color: transparent;font-family: 'Microsoft YaHei';font-size: 14px;cursor: pointer;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角*/
input[type="text"],input[type="password"],input[type="submit"],textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*常用盒模型*/
/**{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}*/
/*常用宽度*/
.w1400{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1400px;}
.w1300{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1300px;}
.w1280{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1280px;}
.w1200{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1200px;}
.w1100{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1100px;}
.w1140{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1140px;}
.w1000{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1000px;}
/*常用过渡*/
.tran200{-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;transition: 0.2s;}
.tran300{-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;}
.tran400{-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
.tran500{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
/*常用缩放*/
.scale105:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.scale110:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
/*常用浮动*/
.fl{float: left;}
.fr{float: right;}
/*底部按钮通用样式*/
.btns-area{font-size: 0;text-align: center;}
.btns-area .btn{display: inline-block;padding: 0 2em;margin: 0 10px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;font-size: 16px;line-height: 34px;color: #000;cursor: pointer;}
.btns-area .btn img{display: inline-block;vertical-align: middle;margin: -3px 6px 0 0;}
.btns-area .btn:hover{opacity: .9;}
/*按钮hover动效1*/
.hover-btn{z-index: 1;position: relative;display: inline-block;padding: 0 2em;background-color: transparent;border: 1px solid #ccc;border-radius: 0;font-size: 16px;line-height: 34px;color: #000;cursor: pointer;}
.hover-btn:after{content: "";z-index: -1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #3da7ea;transform: scaleX(0);transition: 0.3s;}
.hover-btn:hover{color: #fff;}
.hover-btn:hover:after{transform: scaleX(1);}
/*滚动条*/
body *::-webkit-scrollbar{width: 2px;height: 2px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #ccc;border-radius: 2px;}
/*自定义单选框input[type="radio"]样式*/
.custom-input label{display: inline-block;cursor: pointer;}
.custom-input input[type="radio"]{width: 1px;height: 1px;margin: 0;opacity: 0;}
.custom-input input[type="radio"] + em{position: relative;display: inline-block;width: 16px;height: 16px;margin: -2px 8px 0 0;background-color: #fff;border: 1px solid #ccc;border-radius: 50%;vertical-align: middle;cursor: pointer;}
.custom-input input[type="radio"] + em:before{content: '';position: absolute;left: 50%;top: 50%;width: 6px;height: 6px;border-radius: 50%;transform: translate(-50%,-50%);}
.custom-input input[type="radio"]:checked + em{background-color: #009adc;border-color: #009adc;}
.custom-input input[type="radio"]:checked + em:before{background-color: #fff;}
.custom-input input[type="radio"] + em:hover{border-color: #009adc;}
/*自定义多选框input[type="checkbox"]样式*/
.custom-input input[type="checkbox"]{width: 1px;height: 1px;margin: 0;opacity: 0;}
.custom-input input[type="checkbox"] + em{position: relative;display: inline-block;width: 16px;height: 16px;margin: -2px 8px 0 0;background-color: #fff;border: 1px solid #ccc;vertical-align: middle;cursor: pointer;}
.custom-input input[type="checkbox"] + em:before{content: '';position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTBwdCIgaGVpZ2h0PSIxMHB0IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjg1IiBkPSJNNC4zMSA2Ljc2QzUuNjEgNC4xNCA3LjE3IDEuNTkgOS43Mi4wMUwxMCAzLjN2LjMxQzcuNzcgNS40NSA1Ljk4IDcuNzIgNC4yMyAxMGgtLjE2QzIuODkgOC44MiAxLjg1IDYuOTMgMCA2Ljgydi0uNTNjLjU5LS40MSAxLjc4LTEuMjMgMi4zNy0xLjY0LjY1LjcgMS4yOSAxLjQxIDEuOTQgMi4xMXoiLz48L3N2Zz4=");background-size: 100% 100%;transform: translate(-50%,-50%);}
.custom-input input[type="checkbox"]:checked + em{background-color: #009adc;border-color: #009adc;}
.custom-input input[type="checkbox"]:checked + em:before{background-color: #009adc;}
.custom-input input[type="checkbox"] + em:hover{border-color: #009adc;}
/*自定义表单通用样式*/
.general-form{font-size: 0;}
.general-form .title{margin-bottom: 30px;font-size: 18px;line-height: 20px;}
.general-form .title span{display: inline-block;padding-left: 10px;border-left: 3px solid #ca0000;color: #ca0000;}
.general-form .row{display: inline-block;width: 100%;margin-bottom: 20px;font-size: 14px;}
.general-form .row.w50{width: 50%;}
.general-form .row.w33{width: 33%;}
.general-form .row .name{float: left;width: 5em;padding: 10px 1em 10px 0;line-height: 16px;text-align: right;}
.general-form .row .info-content{margin-left: 5em;}
.general-form input[type="text"]{width: 100%;height: 36px;padding-left: 10px;border: 1px solid #ddd;border-radius: 4px;}
.general-form input[type="text"]:focus{border-color: #0b736d;}
.general-form textarea{width: 100%;height: 200px;border: 1px solid #ddd;padding: 10px;border-radius: 4px;resize: none;}
.general-form textarea:focus{border-color: #0b736d;}
.general-form select{width: 100%;height: 36px;padding-left: 5px;border: 1px solid #ddd;outline: none;}
.general-form select:focus{border-color: #0b736d;}
.general-form .upload-avatar{position: relative;display: block;width: 80px;height: 80px;border-radius: 50%;cursor: pointer;overflow: hidden;}
.general-form .upload-avatar input[type="file"]{display: none;}
.general-form .upload-avatar .avatar{height: 100%;}
.general-form .upload-avatar .avatar img{width: 100%;height: 100%;}
.general-form .upload-avatar .tips{position: absolute;left: 50%;top: 50%;width: 4em;height: 20px;background-color: rgba(0,0,0,.3);text-align: center;line-height: 20px;color: #fff;transform: translate(-50%,-50%);}
.general-form .choice-area{padding: 10px 0;line-height: 16px;}
.general-form .choice-area label{display: inline-block;margin: 0 10px 5px 0;cursor: pointer;}
.general-form .choice-area label span{margin-left: 3px;}
.general-form .yzm-area{position: relative;width: 300px;}
.general-form .yzm-area input[type="text"]{width: 200px;}
.general-form .yzm-area .btn{position: absolute;right: 0;top: 0;width: 100px;height: 100%;}
.general-form .yzm-area .btn img{width: 100%;height: 100%;}
.general-form *::-webkit-input-placeholder{color: #ccc;}

/*内页banner*/
.inner-banner{padding-top: 27.34%;background-position: center;background-size: cover;background-repeat: no-repeat;}
/*问卷调查内容*/
.survey-box{min-height: 1000px;padding: 55px 0 60px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.survey-box *{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.survey-box .top-tips{margin-bottom: 65px;font-size: 18px;line-height: 32px;text-align: justify;font-weight: bold;color: #009adc;}
/*调查表*/
.survey-form{position: relative;}
.survey-form:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 60px;background-image: linear-gradient(180deg,#218ffd,#fff);}
.survey-form .top-adorn{z-index: -1;position: absolute;left: -55px;top: -22px;width: calc(100% + 110px);height: 70px;background-image: linear-gradient(180deg,#1dc7ff,#017efd);border-radius: 35px;}
.survey-form .top-adorn:before{content: "";position: absolute;left: 20px;top: 50%;width: calc(100% - 40px);height: 36px;margin-top: -18px;background-color: #47d1ff;border-radius: 16px;}
.survey-form .top-adorn:after{content: "";position: absolute;left: 25px;top: 50%;width: calc(100% - 50px);height: 26px;margin-top: -13px;background-color: #007efd;border-radius: 12px;}
.survey-form > .content{padding: 70px 75px 5px 30px;min-height: 500px;background-color: #fff;}
.survey-form > .content > .item{margin-bottom: 40px;}
/*每题*/
.survey-form input[type="text"]{font-size: 16px;}
.survey-form .query{margin-bottom: 16px;font-size: 18px;color: #555;}
.survey-form .query i{position: absolute;margin-left: -15px;color: #f00;}
.survey-form .answer-list{padding-left: 40px;}
.survey-form .answer-list li{font-size: 16px;line-height: 36px;color: #666;}
.survey-form .answer-list li label:hover{color: #009adc;}
.survey-form .answer-list li label:hover input[type="radio"] + em,label:hover input[type="checkbox"] + em{border-color: #009adc;}
.survey-form .answer-list li .other-input{width: 110px;padding: 2px 5px;border-bottom: 1px solid #666;line-height: 20px;}
.survey-form .answer-list li .sub-name{float: left;width: 10em;}
.survey-form .answer-list li .sub-content{margin-left: 10em;}
.survey-form .answer-list li .sub-content label{margin-right: 15px;}
/*个人信息区*/
.personal-info{padding: 20px 0 0;}
.personal-info .title{margin-bottom: 40px;font-size: 16px;}
.personal-info .title span{font-size: 20px;font-weight: bold;}
.personal-info .item{padding-left: 15px;margin-bottom: 40px;}
.personal-info .query{margin-bottom: 0;line-height: 36px;}
.personal-info .answer-content{font-size: 16px;line-height: 36px;color: #666;}
.personal-info .answer-content label{margin-right: 15px;}
.personal-info .answer-content input[type="text"]{width: 200px;padding: 2px 5px;border-bottom: 1px solid #666;line-height: 20px;}
.personal-info .row{overflow: hidden;}
.personal-info .row .query{float: left;}
.personal-info .row .answer-content{float: left;}
.personal-info .employee .query{margin-right: 60px;}
/*底部提交按钮*/
.survey-form .btns-area{margin-top: 60px;}
.survey-form .btns-area .btn{width: 260px;height: 60px;background-color: #009adc;border: 0;border-radius: 30px;font-size: 18px;color: #fff;}

/*适应PC:<=1300px*/
@media screen and (max-width: 1300px){
	.w1140{max-width: calc(100% - 140px);}
}

/*小屏PC:>=1025px && <=1200px*/
@media screen and (max-width: 1200px){
}

/*pad:>=768px && <=1024px*/
@media screen and (max-width: 1024px){
	
}

/*phone:<=767px*/
@media screen and (max-width: 767px){
	body{padding-top: 70px;}
	.w1140{width: 90%;max-width: 1140px;}
	/*问卷调查内容*/
	.survey-box{padding: 20px 0;}
	.survey-box .top-tips{margin-bottom: 40px;font-size: 14px;line-height: 28px;}
	/*调查表*/
	.survey-form{width: 90%;margin: 0 auto;}
	.survey-form:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 40px;background-image: linear-gradient(180deg,#218ffd,#fff);}
	.survey-form .top-adorn{z-index: -1;position: absolute;left: -30px;top: -12px;width: calc(100% + 60px);height: 40px;background-image: linear-gradient(180deg,#1dc7ff,#017efd);border-radius: 35px;}
	.survey-form .top-adorn:before{content: "";position: absolute;left: 15px;top: 50%;width: calc(100% - 30px);height: 24px;margin-top: -12px;background-color: #47d1ff;border-radius: 12px;}
	.survey-form .top-adorn:after{content: "";position: absolute;left: 20px;top: 50%;width: calc(100% - 40px);height: 16px;margin-top: -8px;background-color: #007efd;border-radius: 8px;}
	.survey-form > .content{padding: 50px 15px 5px 15px;}
	.survey-form > .content > .item{margin-bottom: 20px;}
	/*每题*/
	.survey-form input[type="text"]{font-size: 14px;}
	.survey-form .query{margin-bottom: 10px;font-size: 16px;line-height: 24px;}
	.survey-form .answer-list{padding-left: 15px;}
	.survey-form .answer-list li{padding: 5px 0;font-size: 14px;line-height: 24px;}
	.survey-form .answer-list li .sub-name{float: none;width: 100%;}
	.survey-form .answer-list li .sub-content{margin-left: 0;}
	.survey-form .answer-list li .sub-content label{margin-right: 10px;}
	.custom-input input[type="radio"] + em{margin-right: 5px;}
	/*个人信息区*/
	.personal-info .title{margin-bottom: 10px;font-size: 14px;}
	.personal-info .title span{font-size: 16px;}
	.personal-info .item{margin-bottom: 10px;}
	.personal-info .query{margin-bottom: 5px;line-height: 24px;}
	.personal-info .answer-content{font-size: 14px;line-height: 32px;}
	.personal-info .answer-content label{margin-right: 10px;}
	.personal-info .answer-content input[type="text"]{width: 150px;}
	.personal-info .row .query{float: none;}
	.personal-info .row .answer-content{float: none;}
	.personal-info .employee .query{margin-right: 0;}
	/*底部提交按钮*/
	.survey-form .btns-area{margin-top: 20px;}
	.survey-form .btns-area .btn{width: 80%;height: 40px;border-radius: 20px;font-size: 14px;f;}
}