html{
    height:100%;
    background-color:#fff;
}
body{
    height:100%;
    min-width:320px;
    font-size:14px;
    color:#333;
    font-family:Microsoft YaHei;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-overflow-scrolling: touch;
}
.exam-content{
    max-width: 520px;
    margin: 0 auto;
    box-sizing:border-box;
}
.exam-title{
    font-size:28px;
    font-weight:bold;
    text-align:center;
    padding:30px 0;
}

.question{
    width:100%;
    padding:0 15px;
    box-sizing:border-box;
}
.question-title{
    font-size:20px;
    font-weight:bold;
    line-height:24px;
    /*height:48px;*/
    margin-bottom:20px;
}
.question_text{
    width: 90%;
    height: 40px;
    border-left: none;
    border-top: none;
    border-right: none;
    background: none;
    border-bottom: 2px solid #aaa;
    padding-left: 5px;
    /*border-radius: 5px;*/
    font-size: 16px;
}
.question .question_con {
    box-sizing: border-box;
    cursor: pointer;
    margin: 0 auto;
    padding: 15px 0;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}
.question label {
    display: block;
    width: 100%;
    font-size: 18px;
    text-align: left;
    padding-left : 20px;
    line-height: 36px;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    color: #333;
    background-color: #fff;
    box-shadow: 4px 4px 12px 0 rgba(51,51,51,0.14);
    box-sizing:border-box;
}
.question .radio-selected {
    background-color: #8ac168;
}
input.radio {
    display: none;
}
.back-prev-question {
    margin: 30px auto 0;
    display: block;
    width: 200px;
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    background-color:#eb6350;
    cursor: pointer;
    box-sizing: border-box;
}
.sumbit-result{
    width:100%;
    box-sizing: border-box;
    padding: 20px 30px 0;
}
.sumbit-result .left,
.sumbit-result .right{
    width:50%;
}
.sumbit-result .left{
    padding-right:15px;
    box-sizing: border-box;
}
.sumbit-result .right{
    padding-left:15px;
    box-sizing: border-box;
}
.sumbit-result button{
    display: block;
    width: 100%;
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    box-sizing: border-box;
}
.sumbit-result .left button{
    background-color:#eb6350;
}
.sumbit-result .right button{
    background-color:#0068b7;
}
.btn-none{
    display:none;
}
.exam-window-title{
    padding:20px 15px;
    font-size:24px;
    font-weight:bold;
    text-align:center;
    line-height:26px;
}
.exam-window-summary{
    padding:0 15px;
    font-size:20px;
    line-height:24px;
    margin-bottom:20px;
}
.rest-exam-btn{
    display: block;
    width: 100%;
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    box-sizing: border-box;
    background-color:#eb6350;
}
.layui-layer, .layui-layer-shade {
    position: fixed;
    _position: absolute;
    pointer-events: auto;
}
.exam-window-style{
    width:320px;
    border-radius:4px;
    background-color:#fff;
}
.exam-window-style .layui-layer-content{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 630px){
    .sumbit-result{
        padding: 20px 0 0;
    }
}