.main-quiz-holder {
    margin: 0 auto;
    position: fixed;
    bottom: 0;
    left: 50%;
    background: #FCFCFC;
    /* border: 1px solid gray; */
    /* box-shadow: 0 1px 5px #D9D9D9, inset 0 10px 20px #F1F1F1; */
    -o-box-shadow: 0 1px 5px #D9D9D9,inset 0 10px 20px #F1F1F1;
    /* -webkit-box-shadow: 0 1px 5px #D9D9D9, inset 0 10px 20px #F1F1F1; */
    -moz-box-shadow: 0 1px 5px #D9D9D9,inset 0 10px 20px #F1F1F1;
    /* border-radius: 20px 20px 20px 20px; */
    width: 883px;
    height: 500px;
    transform: translate(-50%, -50%);
    z-index: 99;
    background: url(.././img/pc/tcbg2_04.png) no-repeat top center;
    background-size: cover;
}
.main-quiz-holder * {
	margin:0;
	padding:0;
	font-family:"Microsoft yahei",sans-serif;
}
.main-quiz-holder a {
	text-decoration:none;
	color:#6C6C6C;
}
.main-quiz-holder .slide-container {
	left: 50%;
	/* transform: translate(-50%,); */
	margin: 0 auto;
	width: 600px;
	padding: 50px;
}
.results-container,.intro-container {
	text-align:center;
}
.results-container {
	}.main-quiz-holder .slide-container .question,.main-quiz-holder h2.qTitle {
	margin:10px 0 20px 0;
	font-size:20px;
	font-weight:normal;
	color: #baa885;
}
.main-quiz-holder h2.qTitle {
	font-size:20px;
	margin-top:12px;
	line-height:26px
}
.main-quiz-holder .question-number {
	position: absolute;
    right: 377px;
    top: 374px;
    width: 110px;
    /* border: 1px solid #F6F6F6; */
    padding: 5px;
    text-align: center;
    /* background: #F0F0F0; */
    /* text-shadow: 0 1px 0 rgba(255,255,255,0.3); */
    /* -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2), inset 0 0 6px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.4); */
    -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2),inset 0 0 6px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.4);
    /* box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2), inset 0 0 6px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.4); */
    /* border-radius: 3px; */
    /* color: #949494; */
    font-size: 27px;
    background: url(.././img/pc/tc2-03_14.png) no-repeat top center;
    background-size: cover;
	background-size: cover;
}
.main-quiz-holder .slide-container ul.answers {
	margin:0px;
	padding:5px;
	overflow: auto;
	height: 195px;
	scrollbar-width: none;
	-ms-overflow-style: none; 
	/* list-style:none; */
}
ul::-webkit-scrollbar {
    display: none;
}
.main-quiz-holder .slide-container ul.answers li {
	cursor:pointer;
	padding:5px 30px;
	margin:12px 0;
	color:#4c4c4c;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	text-shadow:0 1px 0 rgba(255,255,255,0.3);
	-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2),inset 0 0 6px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.4);
	-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2),inset 0 0 6px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.4);
	box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2),inset 0 0 6px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.4);
	background:#f6f6f6;
	background:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#d4d4d4));
	background:-webkit-linear-gradient(#f6f6f6,#d4d4d4);
	background-image:-moz-linear-gradient(top,#f6f6f6,#d4d4d4);
	background-image:-moz-gradient(top,#f6f6f6,#d4d4d4);
	border:1px solid #a1a1a1;
	font-size: 15px;
	background: url(.././img/pc/tc2-02_08.png) no-repeat top center;
	background-size: cover;
}
.main-quiz-holder .slide-container ul.answers li.selected {
	background: #b39766;
    box-shadow: 0 1px 5px #ecb775, inset 0 10px 20px #efc5ab;
    -o-box-shadow: 0 1px 5px #0061aa,inset 0 10px 20px #b6f9ff;
    -webkit-box-shadow: 0 1px 5px #ecb775, inset 0 10px 20px #efc5ab;
    -moz-box-shadow: 0 1px 5px #0061aa,inset 0 10px 20px #b6f9ff;
}
.main-quiz-holder .slide-container .prev,.main-quiz-holder .slide-container .next {
	 height:30px;
	cursor:pointer;
	padding:5px 10px;
	font-size:16px;
	padding:5px 15px;
	color:#4c4c4c;
	/*border-radius:4px;
	text-shadow:0 1px 0 rgba(255,255,255,0.3);
	background:#6fb2e5;
	box-shadow:0 1px 5px #0061aa,inset 0 10px 20px #b6f9ff;
	-o-box-shadow:0 1px 5px #0061aa,inset 0 10px 20px #b6f9ff;
	-webkit-box-shadow:0 1px 5px #0061aa,inset 0 10px 20px #b6f9ff;
	-moz-box-shadow:0 1px 5px #0061aa,inset 0 10px 20px #b6f9ff; */
}
.main-quiz-holder .slide-container .next {
/* 	background:#77d125;
	box-shadow:0 1px 5px #3caa00,inset 0 10px 20px #c9ffb6;
	-o-box-shadow:0 1px 5px #3caa00,inset 0 10px 20px #c9ffb6;
	-webkit-box-shadow:0 1px 5px #3caa00,inset 0 10px 20px #c9ffb6;
	-moz-box-shadow:0 1px 5px #3caa00,inset 0 10px 20px #c9ffb6; */
}
.main-quiz-holder .progress-keeper {
	width:553px;
	margin:0px 12px;
	box-shadow:0 1px 5px #D9D9D9,inset 0 10px 20px #F1F1F1;
	-o-box-shadow:0 1px 5px #D9D9D9,inset 0 10px 20px #F1F1F1;
	-webkit-box-shadow:0 1px 5px #D9D9D9,inset 0 10px 20px #F1F1F1;
	-moz-box-shadow:0 1px 5px #D9D9D9,inset 0 10px 20px #F1F1F1;
	border-radius:2px;
	border:1px solid #dedede;
	margin:0px auto 20px auto;
}
.main-quiz-holder .progress {
	width:0;
	height:10px;
	color:#4c4c4c;
	background:#f6f6f6;
	background:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#d4d4d4));
	background:-webkit-linear-gradient(#f6f6f6,#d4d4d4);
	background-image:-moz-linear-gradient(top,#f6f6f6,#d4d4d4);
	background-image:-moz-gradient(top,#f6f6f6,#d4d4d4);
}
.main-quiz-holder .result-keeper {
	margin:10px;
	text-align:center;
}
.main-quiz-holder .notice {
    /* margin-top: -20px; */
    color: red;
    position: absolute;
    right: 122px;
    bottom: 50px;
    font-size: 20px;
}
.main-quiz-holder .slide-container .prev {
    width: 100px;
    position: relative;
    float: left;
    background: url(.././img/pc/tc2-btn1_16.png) no-repeat top center;
    background-size: cover;
    display: inline-block;
}
.main-quiz-holder .slide-container .next {
    width: 100px;
    /* left: 330px; */
    float: right;
    background: url(.././img/pc/tc2-04_18.png) no-repeat top center;
    background-size: cover;
    position: relative;
    display: inline-block;
}
.main-quiz-holder .slide-container .final{
    width: 100px;
    /* left: 330px; */
    float: right;
    background: url(.././img/pc/tc2-btn3_18.png) no-repeat top center;
    background-size: cover;
    position: relative;
    display: inline-block;
}

.main-quiz-holder .nav-previous {
	background: url(.././img/pc/tc2-btn1_16.png) no-repeat top center;
	background-size: cover;
}
.main-quiz-holder .nav-next {
	
	}.main-quiz-holder .nav-show-result {
	padding-left:25px;
	/* background:url(images/confirm.png) left no-repeat; */
	
}
.main-quiz-holder .nav-start {
	display:block;
	margin:40px auto 0 auto;
	line-height:32px;
	font-size:20px;
	font-weight:bold
}
.main-quiz-holder .nav-container {
	padding:5px;
	margin:62px 0;
}
.main-quiz-holder .result-row {
	width:80px;
	margin:10px 20px;
	float:left;
	position:relative;
}
.main-quiz-holder .result-row .resultsview-qhover {
	background:#FCFCFC;
	border:1px solid #dedede;
	box-shadow:0 1px 5px #D9D9D9,inset 0 10px 20px #F1F1F1;
	-o-box-shadow:0 1px 5px #D9D9D9,inset 0 10px 20px #F1F1F1;
	-webkit-box-shadow:0 1px 5px #D9D9D9,inset 0 10px 20px #F1F1F1;
	-moz-box-shadow:0 1px 5px #D9D9D9,inset 0 10px 20px #F1F1F1;
	border-radius:2px 10px 2px 10px;
	position:absolute;
	width:250px;
	top:50px;
	left:-80px;
	z-index:200;
	padding:15px 30px;
	text-align:left;
	font-size:22px;
}
.main-quiz-holder .resultsview-qhover ul {
	list-style:none;
	margin:10px 0;
}
.main-quiz-holder .resultsview-qhover li {
	padding:0 28px;
	margin:5px 0;
	min-height:20px;
	font-size:14px;
	background:#FCFCFC;
	border:1px solid #F6F6F6;
	border-radius:3px;
}
.main-quiz-holder .resultsview-qhover li.selected {
	}.main-quiz-holder .resultsview-qhover li.right {
	}.main-quiz-holder .correct,.main-quiz-holder .wrong {
	height:19px;
	cursor:pointer;
	padding:5px 10px;
	font-size:14px;
	padding:5px 15px;
	color:#4c4c4c;
	border-radius:4px;
	text-shadow:0 1px 0 rgba(255,255,255,0.3);
	-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2),inset 0 0 6px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.4);
	-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2),inset 0 0 6px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.4);
	box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2),inset 0 0 6px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.4);
}
.main-quiz-holder .correct {
	background:#c3e462;
	background:-webkit-gradient(linear,left top,left bottom,from(#c3e462),to(#90b61e));
	background:-webkit-linear-gradient(#c3e462,#90b61e);
	background-image:-moz-linear-gradient(top,#c3e462,#90b61e);
	background-image:-moz-gradient(top,#c3e462,#90b61e);
	border:1px solid #bfff00;
}
.main-quiz-holder .wrong {
	background:#fc5e5e;
	background:-webkit-gradient(linear,left top,left bottom,from(#fc5e5e),to(#ea4646));
	background:-webkit-linear-gradient(#fc5e5e,#ea4646);
	background-image:-moz-linear-gradient(top,#fc5e5e,#ea4646);
	background-image:-moz-gradient(top,#fc5e5e,#ea4646);
	border:1px solid #e36d6d;
}
.main-quiz-holder .correct span {
	padding:0 10px;
	background:url(images/confirm.png) 6px 2px no-repeat;
}
.main-quiz-holder .wrong span {
	padding:0 10px;
	background:url(images/delete.png) 6px 2px no-repeat;
	color:#474747;
}
.main-quiz-holder .question {
	padding-left:5px;
	line-height:1.3em;
}
.main-quiz-holder .share-button {
	display:block;
	margin:15px 0;
}
.jquizzy-clear {
	clear:both;
}
.main-quiz-holder .right {
	float:none;
}
.main-quiz-holder img {
	border:none;
}