.exam-top {
    padding: 130px 0;
    background: url(../images/exam-banner.jpg)no-repeat center;
    background-size: cover;
    color: #ffffff;
    text-align: center;
}
.top-banner.exam-top p{text-align:center}
.exam{position:relative}
.exam>h3{padding-left:10px;border-left:5px solid #c7000b;font-size:20px;margin:30px 0}
.exam-content{padding-left:20px;padding-bottom: 50px;padding-right: 125px;}
.exam-content ul>li{padding:20px 80px;border:1px solid #eeeeee;margin-bottom: 20px;position: relative;}
.exam-content ul>li>span{position: absolute;left: -4px;top: 10px;display: block;width: 65px;height: 40px;background: url("../images/xuan.png")no-repeat center;line-height: 40px;text-align: center;color: #ffffff}
.exam-content ul>li dd{cursor:pointer;margin-bottom:20px;font-size: 18px;font-weight: 400}
.exam-content ul>li dd label{padding:5px 20px;padding-left: 0;font-weight: 400}
.exam-content ul>li dd input{margin-top:0;vertical-align:middle;margin-right:5px;}
.exam-content ul>li dd:hover{background-color:#EEEEEE}
.exam-content ul>li dd span{display:inline-block;vertical-align:middle}
.exam-content ul>li dt{margin-bottom:20px;font-size: 18px;font-weight: 400}
.exam-content ul>li dt span{color:#c7000b;margin-left:40px;display: none;font-size: 12px;font-weight: 400}
.exam-content ul>li dd span b{display: inline-block;width: 100px;height: 80px;border:1px solid #EEEEEE;text-align: center;line-height: 80px;}
.exam-content ul>li dd span b img{max-width: 100%;max-height: 100%}
.exam-content ul>li.no-answer{border: 1px solid #fb9b00}
.exam-content ul>li.no-answer dt span{display:inline-block}
.exam>dl{position: absolute;right: 0;top: 52px;background-color:#ffffff;border:1px solid #EEEEEE;padding: 20px 10px;border-radius: 3px;box-shadow: 1px 1px 1px 1px rgba(238,238,238,0.8)}
.exam>dl.fix{position: fixed;top: 65px;right: 365px;}
.exam>dl>dt{border-bottom:1px solid #EEEEEE;padding:0 10px;padding-bottom:20px;}
.exam>dl>dd{padding-top:20px;text-align: center;color: #c7000b}
.btns{margin-top: 40px;}
.btns>button{border: 1px solid #c7000b;padding:9px 0; width: 120px;color: #c7000b;background-color: #ffffff;border-radius: 2px;}
.btns>button.shang{margin-right: 30px;}
.btns>button.xia{background-color: #c7000b;color: #ffffff}
.btns>button.jieshi{color: #666666;border-color: #666666}
.tip{font-size: 18px;}
.tip.right{color: green;}
.tip.wrong{color: #c7000b;}
.zhezhao {
    background:rgba(0,0,0,0.5);
    z-index: 1000;
    position:fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}
.dialog {
    width: 340px;
    height: auto;
    background: #fff;
    position: fixed;
    z-index: 1000;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    border-radius: 5px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.begin_top .close {
    cursor: pointer;
    height: 14px;
    width: 14px;
    position: absolute;
    right: 14px;
    top: 14px;
}
.begin_top .goon {
    margin-top: 21px;
    margin-bottom: 29px;
    font-size: 14px;
    line-height: 20px;
    padding: 0 12px;
    text-align: left;
}
.begin_top .begin {
    font-size: 16px;
    padding-top: 16px;
    text-align: left;
    color: #53bb48;
    position: relative;
    padding-left: 14px;
}
.wyzs-ss{display: none}
.wyzs-ss.show{display: block}
@media (max-width: 767px) {
    .exam>dl{padding: 0}
    .exam>dl>dt{padding:5px 10px;}
    .exam>dl>dd{padding:5px 10px;}
    .exam>dl.fix{position: fixed;top:65px;right:0;}
    .exam-content{padding-right:0;padding-left:0}
    .exam>dl{top:-10px;right:10px;}
    .exam-content ul>li{padding:20px;padding-top:50px;}
    .exam-content ul>li dt{font-size:14px;}
    .exam-content ul>li dd{font-size:14px;}
    .tip{font-size:14px;}
    .btns>button{width:28%;margin-right:3%;}
    .btns{font-size:0}
    .btns>button.jieshi{margin-right:0}
    .btns>button{font-size:14px;}
}