@charset "utf-8";
html,body,div,span,h1,p,a,em,img,small,strong,b,i,dl,dt,dd,ol,ul,li,form,input,select,label,table,tr,th,td,footer,header { margin:0; padding:0; box-sizing:border-box; text-decoration:none; font-size:16px; font-weight:400; color:#3B3B3B; list-style:none; }
a { text-decoration:none; outline:none; font-size:16px; font-weight:400; color:#1F68FF; }

.home-logo { margin-top: 50px; margin-bottom: 30px; text-align: center; }
.home-logo img { height: 65px; }
.home-title { text-align: center; font-size: 24px; }

.login-form { position: relative; margin: 20px auto; width: 300px; }
.login-form .item { position: relative; width: 300px; padding: 10px; }
.login-form .item .ipt {width:280px;height:52px;padding:10px;border:1px solid #cdcdcd;background-color:#ffffff;}
.login-form .item2 { display: flex; justify-content: space-between; }
.login-form .item2 .ipt2 { width: 200px; }
.login-form .item2 .sms_code { display: inline-block; width: 80px; height: 52px; background-color: #cdcdcd; font-size: 12px; text-align: center; line-height: 52px; }

.btn { display: block; height:40px; color:#ffffff; text-align:center; line-height:40px; border-radius:4px; }
.btn-green { background-color: #59e4c3!important; }
.btn-red { background-color:#fa6466!important; }
.btn-orange { background-color:#fdc450!important; }
.btn-blue { background-color: #5ba3f5!important; }

.header { margin: 20px; height: 30px; display: flex; }
.header span { margin-left: 10px; margin-top: 8px; font-weight: bolder; }

.user-header { margin: 20px; height: 50px; padding: 10px; background-color: #ffffff; border-radius: 5px; display: flex; justify-content: space-between; line-height: 30px; }
.user-header .score { color: #eba6a9; }
.user-border { padding-left: 0px; padding-right: 0px; border-bottom: 1px solid #cdcdcd; border-radius: 0px; }

.paper-list { position: relative; margin: 10px 20px; }
.paper-list li { position: relative; height: 50px; padding: 10px; margin-bottom: 10px; background-color: #ffffff; border-radius: 5px; line-height: 30px; display: flex; justify-content: space-between; }
.paper-list li a { display: block; width:100%; display: flex; justify-content: space-between; color: #3b3b3b; }
.paper-list li.sel a span { color: #999999; }
.paper-list li b { color:#1F68FF; }

.paper-code { text-align: center; line-height: 40px; }
.paper-code a { color: #3b3b3b; }
.paper-code span { background-color: #ffffff; }

.ques-info { margin: 10px 20px; background-color: #ffffff; }
.ques-no span { font-size: 18px; font-weight: bolder; line-height: 40px; }
.ques-title { line-height: 30px; margin-bottom: 20px; }
.ques-radio { padding:10px; background-color:#f9f9f9; border: 1px solid #f8f8f8; border-radius:5px; line-height:30px; margin-bottom:10px; }
.selected { background-color: #eaf5f9; border: 1px solid #6cbef6; }
.ques-btn { display: flex;  justify-content: space-between; text-align: center; margin-top: 30px; }
.ques-btn a { width: 100%; }

.exam-result { position: relative; margin: 10px 20px; padding-top: 50px; }
.exam-score { text-align: center; line-height: 40px; }
.exam-score span { text-align: center; font-size: 32px; color:#eba6a9; }

.exam-param { margin-top: 20px; padding: 10px 0px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; display: flex; justify-content: space-around; }
.exam-param-item { width: 100px; text-align: center; line-height: 30px; }

.exam-btn { position: relative; margin: 40px 20px; display: flex; justify-content: center; }
.exam-btn .btn { width: 100px; margin: 0px 10px; }