.main-quiz-holder{margin:0 auto;position:relative;background:#FCFCFC;border:0px 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:20px 20px 20px 20px;position:relative;/*width:600px;*/}

@media (max-width: 768px) {
  .main-quiz-holder {
    /* 手机端调整：圆角变小、阴影变浅，内边距减少 */
    border-radius: 0px; /* 小屏幕圆角更精致 */
    box-shadow: 0 1px 3px #D9D9D9, inset 0 5px 10px #F1F1F1; /* 阴影更柔和 */
    -o-box-shadow: 0 1px 3px #D9D9D9, inset 0 5px 10px #F1F1F1;
    -webkit-box-shadow: 0 1px 3px #D9D9D9, inset 0 5px 10px #F1F1F1;
    -moz-box-shadow: 0 1px 3px #D9D9D9, inset 0 5px 10px #F1F1F1;
    padding: 5px; /* 小屏幕减少内边距，节省空间 */
  }
}

.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{/*width:500px*/;padding:100px 50px 50pt 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;}
.main-quiz-holder h2.qTitle{font-size:20px;margin-top:30px; line-height:26px}
.main-quiz-holder .question-number{position:absolute;right:5px;top:5px;border:1px solid #F6F6F6;padding:2px;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;}
.main-quiz-holder .slide-container ul.answers{margin:0px;padding:5px;list-style: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;}

<!--.main-quiz-holder .slide-container ul.answers li.selected{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 ul.answers li.selected{
    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;
    color: white; /* 文字颜色改为白色，与√标识呼应 */
    position: relative; /* 确保伪元素定位正确 */
    padding-right: 30px; /* 预留√的空间 */
}
<!--
.main-quiz-holder .slide-container ul.answers li.selected::after {
    content: "√";
    float: right;
    color: white;
    font-weight: 900; /* 更粗的字重 */
    font-size: 24px; /* 增大字号 */
    margin-left: 15px; /* 增加与文字的间距 */
    margin-right: 5px; /* 右侧边预留空间，避免贴边 */
    text-shadow: 0 1px 2px rgba(0,0,0,0.3); /* 增加阴影阴影增强立体感 */
}-->
.main-quiz-holder .slide-container ul.answers li.selected::after {
    content: "√";
    /* 替换float为定位，更精准控制位置，同时给li添加position: relative（下文会补充） */
    position: absolute;
    right: 15px; /* 右侧距离 */
    top: 50%; /* 垂直居中 */
    transform: translateY(-50%); /* 垂直居中修正 */
    color: white;
    font-weight: 900; /* 最粗的字重 */
    font-size: 16px; /* 适当缩小√字号，适配圆圈 */
    /* 绿色圆圈背景相关样式 */
    width: 28px; /* 圆圈宽度 */
    height: 28px; /* 圆圈高度，与宽度一致形成正圆 */
    background-color: #28a745; /* 绿色背景（bootstrap标准成功绿） */
    border-radius: 50%; /* 圆角50%形成圆形 */
    display: flex; /* 弹性布局让√居中 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    text-shadow: 0 1px 2px rgba(0,0,0,0.3); /* 阴影增强立体感 */
    /* 可选：添加轻微边框，让圆圈更精致 */
    border: 1px solid #1e7e34;
}

/* 必须补充：给选项li添加相对定位，让伪元素的绝对定位生效 */
.main-quiz-holder .slide-container ul.answers li {
    position: relative; /* 关键：为伪元素定位提供参考 */
    /* 原有li的样式保留，这里只新增position: relative */
}


.main-quiz-holder .slide-container .prev,.main-quiz-holder .slide-container .next{height:19px;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:100%;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{color:#717171;margin: 0 auto; text-align: right;/*margin-top:-30px;color:#717171;position:absolute;right:52px;bottom:70px;*/}.main-quiz-holder .slide-container .prev{width:70px;float:left;}.main-quiz-holder .slide-container .next,.main-quiz-holder .slide-container .final{width:70px;float:right;}.main-quiz-holder .slide-container .final{width:65px;}.main-quiz-holder .nav-previous{}.main-quiz-holder .nav-next{}.main-quiz-holder .nav-show-result{padding-left:25px;background:url(../../../img/confirm.png) left no-repeat;}

.main-quiz-holder .nav-start{display:block;float: none; margin:0px -10px 0px -10px;}.main-quiz-holder .nav-container{padding:5px;margin:15px 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(../../../img/confirm.png) 6px 2px no-repeat;}.main-quiz-holder .wrong span{padding:0 10px;background:url(../../../img/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;}