﻿body { position: relative; background: #f4f7ff; font-size: 16px; }
.bg-fff { background: #fff; }
.m-t-10 { margin-top: 10px; }
.w750 { width: 750px; margin: 0 auto; position: relative; z-index: 1; }

.paper-header { position: fixed; top: 0; left: 0; right: 0; background: #fff; padding: 20px; z-index: 2; }
/*科目切换*/
.sub-change { display: block; }
.sub-change ul li { float: left; width: 50%; }
.subox { border: 1px solid #0065ed; padding: 0; color: #0065ed; text-align: center; }
.subox i{ font-style: normal; font-size: 14px;}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {font-size: 16px; color: #fff; cursor: default; background-color: #0065ed; border: 1px solid #0065ed; border-bottom-color: transparent; }
.nav-tabs>li>a { margin-right: 0; line-height: 1.42857143; border: 1px solid transparent; border-radius: 0; }
/*提交估分按钮*/
.paper-submit { position: fixed; bottom: 20px; left: 20px; right: 20px;  z-index: 2; }
.paper-submit a{ display: block; background: #0065ed; color: #fff; text-align: center; border-radius: 50px; padding: 20px 30px;}
.paper-con { margin: 100px 10px 200px; }
/*选择题样式*/
.per-subject { display: block; margin-bottom: 10px; }
.sub-num { padding: 10px 10px 10px 15px; }
.s-num { font-size: 16px; color: #999; font-weight: bold; font-family: 'Times New Roman'; }
.s-num em { font-style: normal; font-size: 24px; font-weight: bold; color: #000; }
.s-score { margin-left: 10px; border-radius: 10px 0 10px 0; padding: 2px 10px; background: #f4f7ff; color: #333; font-weight: normal; font-size: 14px; float: right; }
.sub-con { padding: 0px 10px 10px; }
.sub-con img { width: 100%; height: auto; }
/*主观题样式*/
.answer-resolve{width:50%;margin:0 auto;height: 56px;border-radius: 40px;background: #ffffff;padding: 0;line-height: 56px;}
.answer-resolve ul {display: flex;justify-content: space-between;}
.answer-resolve ul li{width:50%;text-align: center;}
.answer-resolve ul li:first-child{padding: 18px 0; box-sizing: border-box;}
.answer-resolve ul li:first-child span{border-right: 1px solid #cacaca;display: block;height: 20px;line-height: initial;}
.answer-resolve ul li input{height: 100%;background: transparent;border: 0;text-align: center;}
.answer-resolve ul li input:focus{outline: none;}
.answer-resolve ul li input::-webkit-input-placeholder{color:#aaa;}
/*正确答案及正确率*/
.sub-answer { display: table; padding: 15px 10px; width: 100%; font-size: 14px; }
.red-text{ display: table-cell;color: #ff6600; font-weight: bold; width: 50%;}
.Estimated { padding: 10px; overflow: hidden; }
.Estimated ul li { float: left; width: 50%; }
.Estimated-percent { display: table-cell; text-align: right; width: 50%; color: #02812a; }
.Estimated-percent em { font-style: normal; font-weight: bold; }
/*对错按钮样式*/
.Estimated .option { background: #fff; display: block; text-align: center; margin: 0 10px; border-radius: 50px; cursor: pointer; padding: 10px 20px; border: 1px solid lightgrey; transition: all 0.3s ease; }
.Estimated .option-1 { background: #e4faeb; border: 1px solid #e4faeb; color: #1b866d; }
.Estimated .option-2 { background: #ffeded; border: 1px solid #ffeded; color: #ff0000; }
input[type="radio"] { display: none; }
#option-1:checked:checked ~ .option-1 { border-color: #03b12b; background: #03b12b; color: #fff; }
#option-2:checked:checked ~ .option-2 { border-color: #ff3600; background: #ff3600; color: #fff; }
.Estimated .option span { font-size: 16px; }
#option-1:checked:checked ~ .option-1 span,#option-2:checked:checked ~ .option-2 span { color: #fff; }
@media screen and (max-width:640px) {
  .w750 { width: 100%; margin: 0 auto; position: relative; z-index: 1; }
  .answer-resolve{width:100%}
}
