.quiz_1 .q{position:relative;cursor:pointer}.quiz_1 .q .q-img{position:relative}.quiz_1 .q .q-img img{width:100%}.quiz_1 .q .q-img span{position:absolute;left:0;right:0;top:0;bottom:0;opacity:0.5;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}.quiz_1 .q .q-img:after{content:"";display:block;position:absolute;left:50%;top:50%;background:url(../assets/images/quiz/checked.png) 0 0 no-repeat;width:74px;height:56px;margin-top:-28px;margin-left:-37px;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}.quiz_1 .q:hover span,.quiz_1 .q.checked span{opacity:0}.quiz_1 .q.checked .q-img:after{opacity:1}.quiz_1 .q p{padding-top:8px}.quiz_1 .bg{padding-bottom:47px}.quiz_1 .bg:first-child{margin-top:83px}.quiz_1 .row{padding-top:8px}.quiz_1 .row h2{font-size:24px;margin:0;position:relative;padding-left:87px;padding-bottom:23px}.quiz_1 .row h2:before{content:"";display:block;position:absolute;left:-10px;top:-26px;width:77px;height:78px;background-position:0 0;background-repeat:no-repeat}.quiz_1 .row h2.h-1:before{background-image:url(../assets/images/quiz/1.png)}.quiz_1 .row h2.h-2:before{background-image:url(../assets/images/quiz/2.png)}.quiz_1 .row h2.h-3:before{background-image:url(../assets/images/quiz/3.png)}.quiz_1 .row h2.h-4:before{background-image:url(../assets/images/quiz/4.png)}.quiz_1 .row h2.h-5:before{background-image:url(../assets/images/quiz/5.png)}.quiz_1 .row h2.h-6:before{background-image:url(../assets/images/quiz/6.png)}.quiz_1 .row h2.h-7:before{background-image:url(../assets/images/quiz/7.png)}.quiz_1 .row h2.h-8:before{background-image:url(../assets/images/quiz/8.png)}.quiz_1 .row h2.h-9:before{background-image:url(../assets/images/quiz/9.png)}.quiz_1 .row h2.h-10:before{background-image:url(../assets/images/quiz/10.png)}.quiz_1 .msg{-webkit-transition:height 0.3s;transition:height 0.3s;height:0}.quiz_1 .msg p{background:url(../assets/images/quiz/msg.png) 0 0 no-repeat;width:362px;height:50px;margin:0 auto;-webkit-transition:all 0.4s;transition:all 0.4s;-webkit-transform:scale(0.01, 0.01);transform:scale(0.01, 0.01);opacity:0;-webkit-transform-origin:center top;transform-origin:center top}.quiz_1 .msg.show{height:50px}.quiz_1 .msg.show p{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:1}.quiz_1 .btn-submit{display:block;margin:0 auto;background:url(../assets/images/quiz/btn-submit.png) 0 0 no-repeat;width:362px;height:50px}.quiz_1 .top .row-height>div{height:184px}.quiz_1 .top .icon img{height:132%;margin-top:9px}.quiz_1 .top h1{margin-bottom:3px}.quiz_1 .article-content{max-width:612px;margin:0 auto;padding-left:22px;padding-right:22px}.quiz_1 .article-content img.qi{display:block;margin:-36px auto 36px}.quiz_1 .article-content p{margin-bottom:28px}.quiz_1 .article-content p:last-child{text-align:center;padding-top:8px}.quiz_1 .article-content .btn-home{display:inline-block;background:url(../assets/images/quiz/btn-share.png) 0 0 no-repeat;width:172px;height:42px;cursor:pointer;transition:opacity 0.3s}.quiz_1 .article-content .btn-home:hover,.quiz_1 .article-content .btn-home.hover{text-decoration:none;opacity:0.5;transition:opacity 0.3s}.quiz_1 .article-content .btn-share{display:inline-block;background:url(../assets/images/quiz/btn-share.png) -172px 0 no-repeat;width:148px;height:42px;cursor:pointer;transition:opacity 0.3s}.quiz_1 .article-content .btn-share:hover,.quiz_1 .article-content .btn-share.hover{text-decoration:none;opacity:0.5;transition:opacity 0.3s}