@font-face{
    font-family: 'pingfang';
    src: url('font/pingfang.ttf') format('truetype');
}
body{margin: 0;}
.demo{position: fixed; width:100%; height: 100%;background: url("images/index.jpg") 100% 100% no-repeat;font-family: 'pingfang';}
.main-quiz-holder{width:100%;}
.main-quiz-holder *{margin:0;padding:0;font-family: 'aaaa',"Microsoft yahei",sans-serif;}
.main-quiz-holder a{text-decoration:none;color:#6C6C6C;}
.main-quiz-holder .slide-container{width: 880px;height:1250px;margin: 346px auto 0;overflow: hidden;background: #eafcff;border-radius: 40px;position: relative;}
.main-quiz-holder .intro-container{background: none}
.main-quiz-holder .results-container{background: url(images/score_back.png);width: 1080px;height: 1920px;margin: 0;padding: 440px 0px;border-radius: 0;position: relative;}
.main-quiz-holder .results-container.view_wrong{padding-top: 280px}
.results-container,.intro-container{text-align:center;}
.results-container{}.main-quiz-holder .slide-container .question,.main-quiz-holder h2.qTitle{margin:66px 60px 25px;font-size:28px;color: #223a3e;font-weight:normal;font-family: 'aaaa',"Microsoft yahei",sans-serif;}
.question>p>img{display:block;margin: 40px auto 30px;max-width: 100%;max-height: 400px;}
.question>p{text-align: center;font-size: 24px;color: #444;}
.main-quiz-holder h2.qTitle{font-size:20px;margin-top:30px; line-height:26px}
.main-quiz-holder .question-number{padding:66px 60px;color: #223a3e;font-size: 28px;display: none}
.main-quiz-holder .slide-container ul.answers{margin:0px;list-style:none;overflow: hidden;height: 80%;padding: 20px 60px;}
.main-quiz-holder .slide-container ul.answers li{margin-bottom:40px;color: #223a3e;font-size: 28px;position: relative;}
.main-quiz-holder .slide-container ul.answers li.img{width: 50%;float: left;}
.main-quiz-holder .slide-container ul.answers li .acorrect,.main-quiz-holder .slide-container ul.answers li .awrong{position: absolute;top: 4px;left: -6px;}
.main-quiz-holder .slide-container ul.answers li .acorrect{top: -17px;left: -18px}
.main-quiz-holder .slide-container ul.answers li>span{display: inline-block;width: 38px;height: 38px;line-height: 38px;text-align: center;border-radius: 38px;color: #223a3e;margin-right: 18px;font-size: 28px;position: relative;z-index: 1;}
/*.main-quiz-holder .slide-container ul.answers li.selected{margin-left: 70px;}*/
/*.main-quiz-holder .slide-container ul.answers li.selected span{width: 58px;height: 58px;line-height: 58px;}*/
.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{text-align:center;height: 860px;overflow-y:scroll;width: 102%}
.main-quiz-holder .result-keeper .star{ position: absolute;top: 270px;width: 440px;height:150px;left: 50%;margin-left: -220px;}
.main-quiz-holder .result-keeper .star img:first-child{ transform: rotate(-55deg);-ms-transform: rotate(-55deg);-moz-transform: rotate(-55deg);-webkit-transform: rotate(-55deg);-o-transform: rotate(-55deg);position: absolute;left: 25px;bottom: -5px;width: 48px;}
.main-quiz-holder .result-keeper .star img:nth-child(2){ transform: rotate(-30deg);-ms-transform: rotate(-30deg);-moz-transform: rotate(-30deg);-webkit-transform: rotate(-30deg);-o-transform: rotate(-30deg);position: absolute;left: 85px;bottom: 45px;width: 60px}
.main-quiz-holder .result-keeper .star img:nth-child(3){position: absolute;left: 180px;bottom: 65px;width: 84px}
.main-quiz-holder .result-keeper .star img:nth-child(4){ transform: rotate(30deg);-ms-transform: rotate(30deg);-moz-transform: rotate(30deg);-webkit-transform: rotate(30deg);-o-transform: rotate(30deg);position: absolute;right: 85px;bottom: 45px;width: 60px}
.main-quiz-holder .result-keeper .star img:nth-child(5){ transform: rotate(55deg);-ms-transform: rotate(55deg);-moz-transform: rotate(55deg);-webkit-transform: rotate(55deg);-o-transform: rotate(55deg);position: absolute;right: 25px;bottom: -5px;width: 48px}
.main-quiz-holder .view_wrong .result-keeper{height: 1250px;overflow-y: scroll;width: 78%;background: #eafcff;margin: 0 auto;border-radius: 30px; border: 50px solid #eafcff;position: relative}
.main-quiz-holder .view_wrong .result-keeper img.close{position: fixed;right: 115px;top: 320px;width: 44px;}
.main-quiz-holder .result-keeper::-webkit-scrollbar { display: none;}
.main-quiz-holder .result-keeper .title{font-size: 56px;font-weight: bold;margin-top: 120px}
.main-quiz-holder .result-keeper .score{padding-top: 54px;color: #223a3e;font-size: 36px;position: relative;left: -4px;}
.main-quiz-holder .result-keeper .score>span{font-size: 64px;color:#d22d35}
.main-quiz-holder .result-keeper .viewq>a{display: inline-block;text-align: center; margin-top: 50px;color: #3cc5db;width: 170px;height: 40px;line-height: 40px;border-radius: 40px;font-size: 24px;border: 2px solid #3cc5db;}
.main-quiz-holder .result-keeper .img{margin-top: 30px;}
.main-quiz-holder .result-keeper .qTitle{margin-top: 30px;font-size: 36px;color: #223a3e;}
.main-quiz-holder .notice{position: absolute;left:0;bottom: 480px;font-size: 26px;width: 100%;text-align: center;color: #666}
.main-quiz-holder .slide-container .prev,.main-quiz-holder .slide-container .next{display: inline-block}
.main-quiz-holder .slide-container .next,.main-quiz-holder .slide-container .final{ }
/*.main-quiz-holder .slide-container .final{width:65px;}*/
.main-quiz-holder .nav-next,.main-quiz-holder .nav-previous,.main-quiz-holder .nav-show-result{display:inline-block;width: 262px;height: 68px;line-height:68px;border-radius: 10px;text-align: center;background: #3cc5db;color: #fff;font-size: 28px;}
.main-quiz-holder .nav-previous{background: #bbb; margin-right: 30px;}
.main-quiz-holder .nav-show-result{left: 1095px;}
.main-quiz-holder .nav-start{display:block; width: 164px; height: 172px;margin: 8% auto;background: url("images/start.png") 50% 0 no-repeat}
.main-quiz-holder .nav-container{position: absolute;bottom: 0;left: 50%;width: 880px;margin-left: -440px;text-align: center;padding: 80px 0;background: #eafcff}
.main-quiz-holder .result-row{display:none;width:92%;margin:10px 20px;}
.main-quiz-holder .result-row .wrong,.main-quiz-holder .result-row .correct{display: none;}
.main-quiz-holder .result-row .resultsview-qhover{z-index:200;padding:15px 30px;text-align:left;font-size:34px;}
.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:30px;}
.main-quiz-holder .resultsview-qhover li span{display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;border-radius: 40px;margin-right: 10px;}
.main-quiz-holder .resultsview-qhover li.selected span{border: 4px solid  red;}.main-quiz-holder .resultsview-qhover li.right span{border: 4px solid green}
.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{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;vertical-align: top; max-width: 80%;}
.result-keeper .close{display:none;position: absolute;right: 240px;top: 100px;}
.result-keeper .close img{width: 56px;}
.backindex>a{ display: inline-block;margin-top: 120px;width: 262px;font-size: 36px;height: 68px;line-height: 68px;background: #bbb;color: #fff;border-radius: 8px;}
.backindex>a:last-child{background: #3cc5db;margin-left: 30px}
.music{display: none;}