html{font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,body{-webkit-user-select:none;user-select:none;}
html,body,div,object,iframe,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video,progress{margin:0;padding:0;border:0;vertical-align:baseline}
a{text-decoration:none;-webkit-touch-callout:none;background-color:transparent}
li{list-style:none}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0;-webkit-touch-callout:none;}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
a,button,input,optgroup,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;-webkit-appearance:none;outline:none;line-height:normal}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}

html,body{height: 100%;overflow: hidden;}
.user_info{width:100%;height:97%;background: url('../img/exam/sec_bg.png') no-repeat;background-size: 100% 100%;display: block;position: relative;}
.info_form{position: relative;top: 25%;height: 50%;width: 100%;font-size: 2.5rem;font-family: 'PingFang SC';}
#info_area{    width: 65%;height: 70%;display: block;margin: 0 auto;border: 0.1rem solid #000;border-radius: 5%;padding-top: 5%;box-sizing: border-box;}
.input_div{margin: 5% auto;width: 70%;position: relative;height: 2.25rem;border-bottom: 1px solid #000;}
.input_div input{display: inline-block;border: none;width: 100%;background: transparent;height: 2rem;position: absolute;font-size: 1rem}
.input_div p{position: absolute;z-index: 0;line-height: 2rem;font-size: 1rem;letter-spacing: 4px;}
#info_sub{background: #f8b453;border: 0;border-radius: 1rem;width: 70%;height: 2rem;font-size: 1rem;letter-spacing: 0.5rem;margin: 1.5rem auto 0;display: block;}
#exam_tip{position: relative;top: -3.5rem;width: 85%;margin: 0 auto;}
#exam_tip>img{width: 90%;}
#tip_btn{width:45%;height: 3.5rem;background: url("../img/exam/sec_btn.png") no-repeat;background-size: 100% 100%;margin: 1rem auto;z-index: 5; }
#tip_btn>p{transform: rotate(6deg);font-size: 1.1rem;color:#fff;text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;letter-spacing: 2px;text-align: center;line-height: 3rem;font-family:'SourceHanSansCN-Bold'}
.question_area{position: relative;top: -40%;height: 60%;width: 70%;margin: 0 auto;}
.ques_title{background: url("../img/exam/ques_title.png") no-repeat;height: 3rem;background-size: 100% 100%;width: 45%;margin: 1rem auto 0;font-family: 'FZMiaoWuS-GB';font-size: 1.25rem;text-align: center;line-height: 2rem;letter-spacing: 2px;}
.question_>img{width: 100%;  margin: 1rem 0;  max-height: 5rem;}
.answer_{background: url("../img/exam/answer_row.png") no-repeat;width: 100%;min-height: 3.5rem;background-size: 100% 100%;margin-top: 0.25rem;padding:0  0.5rem 1rem;box-sizing: border-box;}
.answer_b{margin: 2.5%;width: 45%;text-align: center;display: inline-block;min-height: 2.5rem;line-height: 3rem;padding: 0;}
/*.answer_::after{content:'';opacity:0.5;top:0;left:0;right:0;bottom:0;background: url("../img/exam/choose_row.png") no-repeat;width: 100%;min-height: 3.5rem;background-size: contain;margin-top: 0.25rem;padding: 0 0.5rem;box-sizing: border-box;}*/
.choose_row{background: url("../img/exam/choose_row.png") no-repeat;background-size: 100% 100%;}
#info_area,#exam_tip,.question_area,.user_info,#testb{display: none;}
#testb{background: url("../img/exam/pub_bg.png") no-repeat;background-size: 100% 100%;width: 100%;height: 100%;position: fixed;top: 0;}
.tb_enter{width: 50%;  height: 10rem;  margin: 0 auto;  position: relative;  top: 20rem;  }
#end_shadow{width: 100%;height: 100%;background: #00000060;position: fixed;z-index: 3;top: 0;display: none}
#tip_shadow{width: 100%;height: 100%;background: #00000060;position: fixed;z-index: 3;top: 0;display: none}
#end_tip{background: url("../img/exam/end_tip.png") no-repeat;background-size: contain;width: 80%;height: 50%;margin: 8rem auto; animate-duration: 1.5s !important; }
#over_tip{width: 60%;height: 80%;margin: 5rem auto; animate-duration: 1.5s !important; }
.tip_text{width: 90%;background: url("../img/exam/tip_text.png") no-repeat;background-size: contain;height: 9rem;margin: 0 auto;font-size: 1.5rem;font-family: "FZMiaoWuS-GB";text-align: center;padding: 2rem;box-sizing: border-box;transform: rotate(-5deg);}
.tip_icon{width: 70%;background: url("../img/exam/tip_icon.png") no-repeat;background-size: contain;height: 15rem;margin: 0 auto;}
.tip_btn {width: 50%;background: url("../img/exam/tip_btn.png" ) no-repeat;background-size: contain;height: 4rem;margin: 0 auto;}
#showtime{position: fixed;right:1rem;top:1rem;  color: #fff;display: none;}
.first_img{background: url("../img/exam/pub_bg.png") no-repeat;background-size: 100% 100%;width: 100%;height: 100%;}
#white_bg{background: url("../img/exam/wh_t.png") no-repeat;background-size: 100% 100%;width: 100%;height: 80%;position: relative;margin: 0 auto;top: 4rem;}
.text_bag{position: absolute;width: 100%;bottom: 0;}
.wlecome{width: 75%;position: relative;top: 5rem;margin: 0 auto;display: block;}
.rubbsh{width: 22%;position: absolute;top: 1rem;right: 0;}
.pen{width: 20%;position: absolute;bottom: 20rem;right: 1rem;z-index: 2;}
.rule{width: 22%;position: absolute;bottom: 4rem;left: 0;z-index: 2;}
.wel_font{width: 70%;position: relative;top: 6.5rem;margin: 0 auto;display: block;padding-left: 2rem;font-size: 1rem;line-height: 1.65rem;transform: rotate(2deg);}
.wel_font2{width: 70%;position: relative;top: 11rem;margin: 0 auto;display: block;padding-left: 2rem;font-size: 1rem;line-height: 1.65rem;transform: rotate(2deg);}
.exam_a_title{height: 4rem;background: #d4001b;width: 60%;position: relative;top: 9rem;margin: 0 auto;display: block;transform: rotate(3deg);letter-spacing: 0.25rem;font-size: 2rem;line-height: 4rem;text-align: center;color: #fff;}
.exam_b_title{    height: 4rem;background: #d4001b;width: 65%;position: relative;top: 9rem;display: block;transform: rotate(3deg);letter-spacing: 0.25rem;font-size: 2rem;line-height: 4rem;text-align: center;color: #fff;margin-left: 20%;}
.put_in{display: block;margin: 0 auto;top: 11rem;width: 40%;position: relative;z-index: 2;}
.put_in img{display: block;width: 100%;}
.b_title{font-family: 'Source Han Sans CN';width: 90%;font-size: 1.8rem;text-align: center;position: relative;top: 6rem;margin-left: 10%;transform: rotate(2deg);font-weight: bold;}
.an_area::-webkit-scrollbar {appearance: none;}.an_area::-webkit-scrollbar:horizontal { height: 0.4rem;}.an_area::-webkit-scrollbar:vertical {width: 0.25rem;}.an_area::-webkit-scrollbar-thumb { border-radius: 0.5rem; border: 1px solid #2f2a2a; background-color: rgba(0, 0, 0, .5);}
@media screen and (max-height: 900px) {
    #white_bg {top: 4rem;!important;}
    .an_area{overflow: scroll;max-height: 20rem;}
    .wel_font2{top: 11rem;!important;}
    .tb_enter{top: 12rem;!important;}
}
@media screen and (max-height: 800px) {
    #white_bg {top: 2rem;!important;}
    .pen{    bottom: 16rem;!important;}
    .an_area{overflow: scroll;max-height: 18rem;}
    .exam_b_title{top:8rem;!important;}
    .wel_font2{top:10rem;!important;}
    .tb_enter{top: 9rem;!important;}
}
@media screen and (max-height: 700px) {
    #white_bg {top: 0rem;!important;}
    .rule{bottom: 4rem;!important;}
    .an_area{overflow: scroll;max-height: 16rem;}
    .exam_b_title{top:7rem;!important;}
    .pen{    bottom: 13rem;!important;}
    #info_area{   padding-top: 2%;}
    .wel_font2{top:8rem;} .tb_enter{top: 8rem;!important;}
}
@media screen and (max-height: 650px) {
    #white_bg {top: 0rem;!important;}
    .rule{bottom: 4rem;!important;}
    .an_area{overflow: scroll;max-height: 16rem;}
    .pen{    bottom: 13rem;!important;}
    .welcome{top: 4rem;}
    .wel_font{top: 5rem;}
    .exam_a_title{top: 7rem;}
   .put_in{top: 8rem;}
   .user_info{height: 99%;}
    #info_area{   padding-top: 0;}
    .b_title{top: 5rem;} .tb_enter{top: 7rem;!important;}
}

.layui-progress {position: relative;height: 1rem;background-color: #eee;top: -95px;
}
.layui-progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    max-width: 100%;
    height:1rem;
    text-align: right;
    background-color: #6ab8f3!important;
    /*transition: all .3s;*/
    /*-webkit-transition: all .3s;*/
}
.layui-progress-text {
    position: relative;
    top: -20px;
    line-height: 1rem;
    font-size: 1rem;
    color: #666;right: 0;
    z-index: 2;
}