*{
	margin:0;
	padding:0;
}
body,html{
	/* position:relative; */
	width:100%;
	min-width:960px;
	height:100%;
}
.container{
	position:relative;
	width:100%;
	height:100%;
	font-size:12px;
	line-height:24px;
	font-family:'微软雅黑', Arial, Helvetica, sans-serif;
}

/*问卷列表*/
.questionList{
	display:none;
	margin-left:-400px;
	position:absolute;
	top:calc(50% - 267px);
	left:50%;
	width:800px;
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,.2);
	border-radius:4px;
}

/*抽奖列表*/
.lucklist{
	margin-left:-400px;
	position:absolute;
	top:calc(50% - 267px);
	left:50%;
	width:800px;
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,.2);
	border-radius:4px;
	min-width: 900px;
	min-height: 531px;
}

.questionList .title{
	padding:0 16px;
	border-bottom:#e0e0e0 1px solid;
	line-height:40px;
	font-size:14px;
	color:#333;
}
.questionList .title .close{
	float:right;
	margin-top:13px;
	width:14px;
	height:14px;
	background:url(../../../images/front/icon/icon.png) no-repeat center -70px;
	background-size:14px;
	cursor:pointer;
}

.questionList .content{
	width:100%;
	max-height:445px;
	border-bottom:#e0e0e0 1px solid;
	overflow-y:auto;
}
.questionList table{
	width:100%;
	line-height:40px;
	color:#666;
}
.questionList table tr:nth-child(2n){
	background:#f8f8f8;
}
.questionList table th{
	background:#f8f8f8;
	text-align:left;
}
.questionList table th:nth-child(1),
.questionList table td:nth-child(1){
	text-indent:40px;
}
.questionList table td p{
	float:left;
	margin-right:10px;
	position:relative;
	width:36px;
	height:20px;
	cursor:pointer;
}
.questionList table td p span{
	display:block;
	width:100%;
	height:100%;
	border-radius:10px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100%;
}
.questionList table td p span.fqBtn{
	background-image:url(../../../images/front/icon/fq.png);
}
.questionList table td p span.ylBtn{
	background-image:url(../../../images/front/icon/yl.png);
}
.questionList table td p span.bjBtn{
	background-image:url(../../../images/front/icon/xg.png);
}
.questionList table td p span.xqBtn{
	background-image:url(../../../images/front/icon/xq.png);
}
.questionList table td p span.scBtn {
	background-image: url(../../../images/front/icon/sc.png);
	width: 1px;
}
.questionList table td p span:hover{
	background-color:#fff1f3;
}
.questionList table td p em{
	display:none;
	position:absolute;
	top:24px;
	left:1px;
	width:34px;
	height:18px;
	background:#333;
	border-radius:2px;
	color:#fff;
	font-size:12px;
	line-height:18px;
	font-style:normal;
	text-align:center;
}
.questionList table td p em:after{
	position:absolute;
	top:-4px;
	left:9px;
	content:'';
	width:0;
	height:0;
	border-width:0 8px 8px;
	border-style:solid;
	border-color:transparent transparent  #333;
}
.questionList table td p span:hover + em{
	display:block;
}
.questionList .btnCreated{
	margin:10px auto;
	width:100px;
	height:30px;
	border:#ff3e48 1px solid;
	border-radius:2px;
	line-height:30px;
	text-align:center;
	color:#ff3e48;
	cursor:pointer;
}
.questionList .btnCreated:hover{
	color:#fff;
	background-color:#ff3e48;
}

/* 抽奖 */

.lucklist .title{
	padding:0 16px;
	border-bottom:#e0e0e0 1px solid;
	line-height:40px;
	font-size:14px;
	color:#333;
}
.lucklist .title .close{
	float:right;
	margin-top:13px;
	width:14px;
	height:14px;
	background:url(../../../images/front/icon/icon.png) no-repeat center -70px;
	background-size:14px;
	cursor:pointer;
}

.lucklist .content{
	width:100%;
	max-height:445px;
	border-bottom:#e0e0e0 1px solid;
	overflow-y:auto;
}
.lucklist table{
	width:100%;
	line-height:40px;
	color:#666;
}
.lucklist table tr:nth-child(2n){
	background:#f8f8f8;
}
.lucklist table th{
	background:#f8f8f8;
	text-align:left;
}
.lucklist table th:nth-child(1),
.lucklist table td:nth-child(1){
	text-indent:40px;
}
.lucklist table td p{
	float:left;
	margin-right:10px;
	position:relative;
	width:36px;
	height:20px;
	cursor:pointer;
}
.lucklist table td p span{
	display:block;
	width:100%;
	height:100%;
	border-radius:10px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100%;
}
.lucklist table td p span.fqBtn{
	background-image:url(../../../images/front/icon/fq.png);
}
.lucklist table td p span.ylBtn{
	background-image:url(../../../images/front/icon/yl.png);
}
.lucklist table td p span.bjBtn{
	background-image:url(../../../images/front/icon/xg.png);
}
.lucklist table td p span.xqBtn{
	background-image:url(../../../images/front/icon/xq.png);
}
.lucklist table td p span.scBtn {
	background-image: url(../../../images/front/icon/sc.png);
	width: 1px;
}
.lucklist table td p span:hover{
	background-color:#fff1f3;
}
.lucklist table td p em{
	display:none;
	position:absolute;
	top:24px;
	left:1px;
	width:34px;
	height:18px;
	background:#333;
	border-radius:2px;
	color:#fff;
	font-size:12px;
	line-height:18px;
	font-style:normal;
	text-align:center;
}
.lucklist table td p em:after{
	position:absolute;
	top:-4px;
	left:9px;
	content:'';
	width:0;
	height:0;
	border-width:0 8px 8px;
	border-style:solid;
	border-color:transparent transparent  #333;
}
.lucklist table td p span:hover + em{
	display:block;
}
.lucklist .btnCreated{
	margin:10px auto;
	width:100px;
	height:30px;
	border:#ff3e48 1px solid;
	border-radius:2px;
	line-height:30px;
	text-align:center;
	color:#ff3e48;
	cursor:pointer;
}
.lucklist .btnCreated:hover{
	color:#fff;
	background-color:#ff3e48;
}

/*打赏*/
.exceptional{
	position:relative;
	width:100%;
}
.exceptional .sideBtn{
	padding:0 0 12px 12px;
	position:fixed;
	bottom:175px;
	right:1.4%;
	width:40px;
}
.exceptional .sideBtn .money{
	width:30px;
	height:30px;
}
.exceptional .sideBtn .money img{
	width:21px;
	height:27px;
	cursor:pointer;
}
.exceptional .sideBtn .share{
	margin-top:10px;
	width:30px;
	height:30px;
}
.exceptional .sideBtn .share img{
	margin:3px;
	width:19px;
	height:25px;
	cursor:pointer;
}
.exceptional .sideBtn .stop{
	position:relative;
	margin-top:10px;
	width:30px;
	height:30px;
}
.exceptional .sideBtn .stop img{
	position:absolute;
	top:2px;
	left:2px;
	width:22px;
	height:22px;
	cursor:pointer;
}
.exceptional .sideBtn .stop img.img1{
	display:none;
}
.exceptional .sideBtn .stop.active img.img1{
	display:block;
}
.exceptional .sideBtn .stop.active img.img20{
	display:none;
}

.shareBox{
	display:none;
	position:fixed;
	bottom: 16%;
    right: 8%;
	width:109px;
	height:109px;
	background:#fff;
	border:#e0e0e0 1px solid;
	z-index:2;
}
.shareBox.active{
	display:block;
}
.shareBox img{
	margin:10px;
	width:80px;
	height:80px;
}

.moneyBox{
	 display:none; 
	position:fixed;
	bottom: 16%;
    right: 1%;
	width:300px;
	height:275px;
	background:#fff;
	border:#e0e0e0 1px solid;
	z-index:2;
}
.moneyBox .close{
	position:absolute;
	top:8px;
	right:8px;
	width:14px;
	height:14px;
	background:url(../../../images/front/icon/icon.png) no-repeat center -70px;
	background-size:14px;
	cursor:pointer;
}
.moneyBox ul{
	margin-top:10px;
	padding:5px 12px 0;
	width:100%;
	height:200px;
	overflow:hidden;
	box-sizing:border-box;
}
.moneyBox ul li{
	float:left;
	margin:8px;
	width:50px;
	list-style:none;
}
.moneyBox ul li span{
	display:block;
	position:relative;
	width:50px;
	height:50px;
	overflow:hidden;
	border:#e0e0e0 1px solid;
	border-radius:10px;
}
.moneyBox ul li.active span{
	border-color:#FF4A4F;
}
.moneyBox ul li span img{
	float:left;
	margin:2px;
	width:46px;
	height:46px;
}
img.img2,

img.img3{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	/* opacity: 0; */
}
img.img2.transform{
	animation:playBig2 5s ease-in;
}
img.img3.transform{
	animation:playBig3 5s ease-in;
}
@keyframes playBig2{
	0% {
		transform:scale(1);
		opacity:10;
	}
	15% {
		transform:scale(2);
		opacity:1;
	}
	30% {
		transform:scale(8);
		opacity:0;
	}
	100% {
		transform:scale(8);
		opacity:0;
	}
}
@keyframes playBig3{
	0% {
		transform:scale(1);
		opacity:0;
	}
	25% {
		transform:scale(2);
		opacity:1;
	}
	50% {
		transform:scale(6);
		opacity:0;
	}
	100% {
		transform:scale(6);
		opacity:0;
	}
}
.moneyBox ul li p{
	font-size:12px;
	text-align:center;
}
.moneyBox .sendBtn{
	margin:12px auto 0;
	width:100px;
	height:30px;
	background:#FF4A4F;
	border-radius:4px;
	line-height:30px;
	text-align:center;
	color:#fff;
	font-size:14px;
}

 
/*编辑问卷*/
.editQuestion{
	margin-left:-400px;
	position:absolute;
	top:calc(50% - 267px);
	left:50%;
	width:800px;
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,.2);
	border-radius:4px;
}
.editQuestion .title{
	padding:0 16px;
	border-bottom:#e0e0e0 1px solid;
	line-height:40px;
	font-size:14px;
	color:#333;
}
.editQuestion .title .close{
	float:right;
	margin-top:13px;
	width:14px;
	height:14px;
	background:url(../../../images/front/icon/icon.png) no-repeat center -70px;
	background-size:14px;
	cursor:pointer;
}
.editQuestion .content{
	/* padding:16px 109px; */
	width:735px;
	/* max-height:445px; */
	overflow-y:auto;
}
.editQuestion .content .list{
	margin-bottom:22px;
	padding:0 16px 14px;
	width:100%;
	border:#e0e0e0 1px solid;
	box-sizing:border-box;
	border-radius:2px;
}
.editQuestion .content .list .tit{
	padding-bottom:8px;
	line-height:32px;
	color:#666;
}
.editQuestion .content .list .titInput{
	margin-bottom:14px;
}
.editQuestion .content .list .titInput input{
	display:block;
	padding:0 10px;
	width:100%;
	background:#f2f2f2;
	border:#e0e0e0 1px solid;
	box-sizing:border-box;
	border-radius:2px;
	line-height:30px;
	font-size:12px;
}
.editQuestion .content .list .select{
	position:relative;
	margin-bottom:14px;
	width:100%;
	height:52px;
	overflow:hidden;
}
.editQuestion .content .list .select input[type=radio],
.editQuestion .content .list .select input[type=checkbox]{
	position:absolute;
	top:4px;
	left:0;
	width:15px;
	height:15px;
}
.editQuestion .content .list .select input[type=text]{
	display:block;
	margin:0 auto;
	padding:0 10px;
	width:640px;
	background:#f2f2f2;
	border:#e0e0e0 1px solid;
	box-sizing:border-box;
	border-radius:2px;
	line-height:30px;
	font-size:12px;
}
.editQuestion .content .list .select span{
	position:absolute;
	top:9px;
	right:0;
	width:15px;
	height:15px;
	background:url(../../../images/front/icon/del-item.png) no-repeat center center;
	background-size:100%;
	cursor:pointer;
}
.editQuestion .content .list .select span:hover{
	background-image:url(../../../images/front/icon/del-item-hover.png);
}
.editQuestion .content .list .operationBtn{
	padding-top:10px;
	width:100%;
	overflow:hidden;
}
.editQuestion .content .list .operationBtn .addItem{
	float:left;
	margin-left:26px;
	color:#666;
}
.editQuestion .content .list .operationBtn .delBtn{
	float:right;
	margin-top:4px;
	width:15px;
	height:15px;
	background:url(../../../images/front/icon/del-group.png) no-repeat center center;
	background-size:100%;
	cursor:pointer;
}
.editQuestion .content .list .operationBtn .delBtn:hover{
	background-image:url(../../../images/front/icon/del-group-hover.png);
}
.editQuestion .content .questionType{
	padding-left:28px;
	width:100%;
	overflow:hidden;
	box-sizing:border-box;
}
.editQuestion .content .questionType p{
	float:left;
	margin-right:16px;
	width:80px;
	height:30px;
	background:#f2f2f2;
	border:#d5d5d5 1px solid;
	color:#1e76bd;
	line-height:30px;
}
.editQuestion .content .questionType p span{
	float:left;
	margin:7px 4px 0 8px;
	width:15px;
	height:15px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100%;
}
.editQuestion .content .questionType p:nth-child(1) span{
	background-image:url(../../../images/front/icon/radio-btn.png); 
}
.editQuestion .content .questionType p:nth-child(2) span{
	background-image:url(../../../images/front/icon/checkbox-btn.png); 
}
.editQuestion .content .questionType p:nth-child(3) span{
	background-image:url(../../../images/front/icon/Q-and-A.png); 
}
.editQuestion .btnBox{
	padding:10px 0;
	width:100%;
	border-top:#e0e0e0 1px solid;
	text-align:center;
}
.editQuestion .btnBox a{
	display:inline-block;
	margin:0 8px;
	width:80px;
	height:30px;
	border-radius:2px;
	line-height:30px;
	text-align:center;
	text-decoration:none;
}
.editQuestion .btnBox a:nth-child(1){
	border:#999 1px solid;
	color:#999;
}
.editQuestion .btnBox a:nth-child(2){
	border:#ff3e48 1px solid;
	color:#ff3e48;
}
.editQuestion .btnBox a:nth-child(1):hover{
	color:#fff;
	background-color:#999;
}
.editQuestion .btnBox a:nth-child(2):hover{
	color:#fff;
	background-color:#ff3e48;
}
.select label{
	margin-left: 33px;
}


/*预览问卷*/
.viewQuestion{
	/* display:none; */
	margin-left:-400px;
	position:absolute;
	top:0%;
	left:50%;
	width:800px;
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,.2);
	border-radius:4px;
}
.viewQuestion .title{
	width:100%;
	height:115px;
	/* background:#eee; */
}
.viewQuestion .title .close{
	float:right;
	margin-top:10px;
	margin-right:10px;
	width:15px;
	height:15px;
	background:url(../../../images/front/icon/close-icon.png) no-repeat center center;
	background-size:100%;
	cursor:pointer;
}
.viewQuestion .content{
	/* padding:16px 59px; */
	width:775px;
	/* max-height:445px; */
	overflow-y:auto;
}
.viewQuestion .content .tit{
	padding:40px 0 10px;
	position:relative;
}
.viewQuestion .content .tit h1{
	text-align:center;
	font-size:28px;
	font-weight:normal;
	color:#333;
}
.viewQuestion .content .tit span{
	position:absolute;
	top:30px;
	right:0;
	font-size:15px;
	color:#f00;
}
.viewQuestion .content .list{
	margin-bottom:16px;
	width:100%;
}
.viewQuestion .content .list p{
	margin-bottom:5px;
	width:100%;
	font-size:14px;
	color:#666;
	word-wrap: break-word;
}
.viewQuestion .content .list ul{
	padding-left:30px;
	width:100%;
	box-sizing:border-box;
}
.viewQuestion .content .list ul li{
	width:100%;
	overflow:hidden;
	list-style:none;
	color:#999;
	word-wrap: break-word;
}
.viewQuestion .content .list ul li input{
	float:left;
	margin-top:4px;
	margin-right:10px;
	width:15px;
	height:15px;
}
.viewQuestion .content .list ul li textarea{
	display:block;
	margin-top:5px;
	padding:5px 0;
	width:100%;
	height:48px;
	background:#f2f2f2;
	border:#e0e0e0 1px solid;
	box-sizing:border-box;
	border-radius:2px;
	font-size:12px;
}
.viewQuestion .submitBtn{
	margin:10px auto;
	width:100px;
	height:30px;
	border:#ff3e48 1px solid;
	border-radius:2px;
	background-color:#ff3e48;
	line-height:30px;
	text-align:center;
	color:#fff;
	cursor:pointer;
}


 
/*问卷结果*/
.questionResult{
	/* display:none; */
	margin-left:-400px;
	position:absolute;
	top:calc(50% - 267px);
	left:50%;
	width:800px;
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,.2);
	border-radius:4px;
}
.questionResult .title{
	padding:0 16px;
	border-bottom:#e0e0e0 1px solid;
	line-height:40px;
	font-size:14px;
	color:#333;
}
.questionResult .title .close{
	float:right;
	margin-top:13px;
	width:14px;
	height:14px;
	background:url(../../../images/front/icon/icon.png) no-repeat center -70px;
	background-size:14px;
	cursor:pointer;
}
.questionResult .content{
	/* padding:16px 59px; */
	width:775px;
	/* max-height:445px; */
	overflow-y:auto;
}
.questionResult .content .tit{
	margin-bottom:10px;
	padding:25px 0;
	position:relative;
	border-bottom:#009aff 2px solid;
}
.questionResult .content .tit h1{
	text-align:center;
	font-size:28px;
	font-weight:normal;
	color:#333;
}
.questionResult .content .tit a{
	display:block;
	position:absolute;
	top:5px;
	right:0;
	width:102px;
	height:32px;
	background:#009aff;
	border-radius:4px;
	text-decoration:none;
	font-size:14px;
	color:#fff;
	text-align:center;
	line-height:32px;
}
.questionResult .content .list{
	padding-top:20px;
	padding-bottom:25px;
	width:100%;
	overflow:hidden;
	border-top:#e6e6e6 1px dashed;
}
.questionResult .content .list:nth-child(2){
	padding-top:0;
	border-top:none;
}
.questionResult .content .list h2{
	font-size:14px;
	font-weight:normal;
	color:#666;
}
.questionResult .content .list table{
	margin-top:10px;
	width:100%;
	border-collapse:collapse;
	border-radius:8px;
	overflow:hidden;
}
.questionResult .content .list table thead,
.questionResult .content .list table tfoot{
	background:#e3e7eb;
	font-weight:bold;
	color:#333;
}
.questionResult .content .list table tbody{
	color:#666;
}
.questionResult .content .list table tbody tr:nth-child(2n-1){
	background:#f6fafc;
}
.questionResult .content .list table td{
	text-align:center;
	border:#e0e0e0 1px solid;
	line-height:36px;
}
.questionResult .content .list table tbody td:nth-child(3){
	padding-left:20px;
	text-align:left;
}
.questionResult .content .list table tbody td:nth-child(3) p{
	float:left;
	margin-top:12px;
	margin-right:10px;
	width:140px;
	height:12px;
	border-radius:6px;
	overflow:hidden;
	background:#e3e4e6;
}
.questionResult .content .list table tbody td:nth-child(3) p span{
	float:left;
	width:0px;
	height:12px;
	background:#009aff;
}

.pcsystem{
	width: 200px;
	position: fixed;
	bottom: 2px;
	right: 3.2rem;
}
.pcsystem .dcwjss{
	width: 40px;margin-left:8px;height: 51.5px;background-size: 25px;border-radius: 0 5px 5px 0; float: left;
}
.pcsystem .dcwjss:hover{
	width: 40px;margin-left:8px;height: 51.5px;background-size: 25px;border-radius: 0 5px 5px 0;float: left;
}
.pcsystem .dcwjss span{
	position: absolute;margin-left: 9px;margin-top: 28px;font-size: 12px;
}
.pcsystem .shangpin{
	width: 40px;margin-left:8px;height: 51.5px;background-size: 25px;border-radius: 0 5px 5px 0;float: left;
}
.pcsystem .shangpin:hover{
	width: 40px;margin-left:8px;height: 51.5px;background-size: 25px;border-radius: 0 5px 5px 0;float: left;
}
.pcsystem .shangpin span{
	position: absolute;margin-left: 9px;margin-top: 28px;font-size: 12px;
}
.pcsystem .share{
	background: url(../../../images/front/icon/fenxiang.png) no-repeat center 7px;width: 40px;margin-left:8px;height: 51.5px;background-size: 22px;border-radius: 0 5px 5px 0;float: left;
}
.pcsystem .share span{
	position: absolute;margin-left: 9px;margin-top: 28px;font-size: 12px;color: #dbdbdb;width: 40px;
}
.pcsystem .stop{
	width: 40px;margin-left:8px;height: 51.5px;background-size: 25px;border-radius: 0 5px 5px 0;float: left;
}
.pcsystem .stop img{
	display:none;margin-bottom:  -3px;margin-left:  3px;    position: initial;
}
.pcsystem .stop span{
	position: absolute;margin-left: 9px;margin-top: 28px;font-size: 12px;width: 40px;
}