*{padding: 0;margin: 0;text-align: justify;}
html,body{background: #f6f6f6;font-family:  "微软雅黑";font-size: 14px;height: 100%;background: #d2d4e8;}
a{text-decoration: none;}
.course_box{background: url(../img/bg.png) no-repeat;background-size: 100%;padding:30px 20px;}
.pb65{padding-bottom: 80px;}
.introduction{margin-bottom: 20px;padding:0 20px;color: white;line-height: 24px;text-indent: 28px;}
.introduction b{font-size: 16px;}
.course_con{background: #f6f6f6;padding:20px;border-radius: 12px;box-shadow: 0 0 20px rgba(106,113,180,0.1);}
.course_con p{line-height: 24px;text-indent: 28px;}
.course_con p b{color: #6a71b4;}
.btn{display: inline-block;background: #6A71B4;color: white;line-height: 40px;padding: 0 30px;border-radius: 20px;font-size: 16px;}
.course_btn{text-align: center;margin-top: 30px;}
.course_btn small{color: #a0a4cc;}
.course_btn small span{color: #dcddeb;}
.login_img_box{text-align: center;padding: 0 35px;}
.login_img_box img{max-width: 100%;margin: 5% 0;}
.message_inp{padding: 0 20px;}
.message_inp div{position: relative;line-height: 36px;padding-left: 45px;margin: 2%;}
.message_inp div:nth-child(3){padding-left: 92px;}
.message_inp div:nth-child(4){padding-left: 75px;}
.message_inp span{position: absolute;left: 0;color: #666;}
.message_inp input{border: none;border-bottom: 1px solid #ccc;background: none;line-height: 20px;width: 100%;font-size: 15px;border-radius: 0;outline: none;}
.inp_btn{text-align: center;}
.btn_start{background: #6a71b4;color: white;padding:0 30px;line-height: 44px;display: inline-block;border-radius: 22px;margin: 20px 0;}

h2{text-align: center;color: white;margin: 10% 0 20% 0;}
.question_box{background: #f6f6f6;padding:0 40px;border-radius: 12px;box-shadow: 0 0 20px rgba(106,113,180,0.5);}
.question_box > div:first-child{border-bottom: 1px solid #ddd;}
.question_box > div{position: relative;padding: 40px 0;}
.question_box label input{position: absolute;border-radius: 0;}
.question_box label p{padding-left: 30px;min-height: 66px;line-height: 22px;}
input[type="radio"] {
  -webkit-appearance: none;
  background-image: url(../img/radio.jpg);
  background-size: 100%;
  height: 20px;
  vertical-align: bottom;margin-right: 8px;
  width: 20px;outline: none;
}
input[type="radio"]:checked {
  background-image: url(../img/radio_v.jpg)
}

footer{position: fixed;background: #6a71b4;bottom: 0;width: 100%;}
footer a{display: inline-block;display: inline-block;width: 50%;float: left;position: relative;padding:15px 0 10px 0;color: #efefef;}
footer a.active{background: #efefef;color: #6a71b4;}
footer a span{position: absolute;display: inline-block;width: 20px;line-height: 20px;
text-align: center;font-size: 16px;left: 20px;}
footer a img{position: absolute;width: 40px;left: 5px;top: 18px;}
footer a.active span{background: #6A71B4;color: #EFEFEF;}
footer a p{padding-left: 50px;font-size: 18px;}
footer a small{display: block;font-size: 12px;opacity: 0.4;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

h1{text-align: center;color: white;font-weight: 300;}
h1 span{font-size: 39px;}
h1 small{font-size: 20px;}
.type{text-align: center;margin: 10px auto 20px auto;}
.type span{background: rgba(0,0,0,0.1);display: inline-block;padding: 0 30px;line-height: 40px;border-radius: 20px;color: white;font-size: 16px;}
.errors{margin: 40px auto 20px auto;text-align: center;}
.errors > span{color: #6A71B4;font-weight: bold;font-size: 24px;vertical-align: top;margin: 0 10px;}
.errors_line_l,.errors_line_r{display: inline-block;padding-top: 10px;width: 50px;}
.errors_line_l p,.errors_line_r p{width: 20px;height: 1px;background: #6A71B4;margin-bottom: 5px;}
.errors_line_l p.max_line{width: 40px;margin-left: 0;}
.errors_line_l p{margin-left: 30px;}
.errors_line_r p.max_line{margin-left: 10px;width: 40px;}

.errors_box{background: #f6f6f6;border-radius: 12px;box-shadow: 0 0 20px rgba(106,113,180,0.1);margin-bottom: 30px;}
.errors_title{background: #5f65a2;line-height: 40px;padding:0 40px;border-radius: 6px 6px 0 0;color: white;font-size: 16px;}
.errors_con{background: #6a71b4;padding: 15px 40px 5px 40px;color: white;line-height: 24px;}
.errors_con p{text-indent: 20px;position: relative;margin-bottom: 10px;}
.errors_con p:after{position: absolute;content: "";width: 14px;height: 14px;background: #efefef;left: 0;top: 5px;}
.errors_con p.active:after{background: #000;border: 2px solid #efefef;width: 10px;height: 10px;}
.analyze{padding: 40px;}
.analyze p{line-height: 24px;text-indent: 28px;}
.analyze p i{color: #6A71B4;}
.num{position: absolute;left: 50%;margin-top: 40px;margin-left: -12px;}
.num span{display: block;font-size: 12px;line-height: 13px;}

@media only screen and (max-width: 320px) and (max-height: 568px) {
.question_box > div{padding: 30px 0;}
.course_box{padding:30px 20px 80px 20px;}
footer a {padding: 10px 0 8px 0;}
footer a p {padding-left: 40px;font-size: 15px;}
footer a img {width: 30px;left: 5px; top: 16px;}
}