body {
    padding: 0;
    margin: 0;
}
/*左侧内容样式开始*/

.xuanti_left {
    float: left;
    width: 475px;
    height: 100vmin;
    background-color: #019c41;
}

.time_img {
    margin: auto;
    width: 300px;
    height: 300px;
    text-align: center;
    color: #019c41;
    background: url(/img/timeimgbj.png);
}

.time_num {
    position: absolute;
    width: 300px;
    margin-top: 115px;
    font-size: 18px;
}

.timu_tab_map {
    margin-left: 10px;
    margin-right: 10px;
}

.biaoji {
    font-size: 18px;
    color: white;
    border-bottom: 1px solid white;
    padding: 0px 0px 10px 0px;
}

    .biaoji img {
        margin-right: 10px;
    }

.timu_type {
    height: 45px;
    line-height: 45px;
    color: #ffffff;
    font-size: 20px;
}

.tihao_btn {
    margin-bottom: 10px;
    width: 40px;
    height: 30px;
    background-color: #969696;
    border: 1px solid #dfdfdf;
    margin-right: 3px;
    position:relative;
}

.btn_yellow {
    background-color: #fabd00;
    border: 1px solid #fdebb2;
}

.btn_blue {
    background-color: #6fd5dc;
    border: 1px solid #d6fbfe;
}

.black {
    border-bottom: 2px solid #8bc34a;
    height: 80px;
    font-size: 20px;
    line-height: 80px;
    text-indent: 40px;
}

    .black a {
        cursor: pointer;
        text-decoration: none;
        color: white;
    }

        .black a:hover {
            color: #f9d04a;
        }

.layui-layer {
    border-radius: 15px!important;
}
/*右侧区域样式开始*/

.xuanti_right {
    margin-left: 475px;
    margin-right: 100px;
    min-height: 100vmin;
    -webkit-box-shadow: 0 0 30px rgba(68, 44, 44, 0.5);
    -moz-box-shadow: 0 0 30px rgba(68, 44, 44, 0.5);
    box-shadow: 0 0 30px rgba(68, 44, 44, 0.5);
    padding: 20px 70px 20px 70px;
}

.exam_name {
    text-align: left;
    font-size: 32px;
    height: 100px;
    line-height: 100px;
    color: #4c4c4c;
}

.tijiao_bt {
    float: right;
    margin-top: 30px;
}

.timu_head {
    color: black;
    border-bottom: 1px solid #666666;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
}

.timu_tigan {
    margin-top: 10px;
    color: #666666;
    /*font-weight: 600;*/
    font-size: 18px;
    letter-spacing: 3px;
}

.timu_option {
    color: #666666;
    font-size: 18px;
}

    .timu_option p {
        margin-top: 30px;
    }

.option_btn {
    width: 50px;
    height: 50px;
    background-color: #f4f4f4;
    border: none;
    margin-right: 8px;
}

    .option_btn:focus {
        outline: none;
    }

    .option_btn:hover {
        background-color: #fabd00;
        color: white;
        -webkit-box-shadow: 0 0 10px rgba(250, 190, 0, 0.8);
        -moz-box-shadow: 0 0 10px rgba(250, 190, 0, 0.8);
        box-shadow: 0 0 10px rgba(250, 190, 0, 0.8);
    }

    .option_btn.active {
        background-color: #fabd00;
        color: white;
        -webkit-box-shadow: 0 0 10px rgba(250, 190, 0, 0.8);
        -moz-box-shadow: 0 0 10px rgba(250, 190, 0, 0.8);
        box-shadow: 0 0 10px rgba(250, 190, 0, 0.8);
    }
/*最右侧切题区域*/

.qieti_map {
    position: absolute;
    right: 0px;
    top: 170px;
    width: 100px;
}

    .qieti_map button {
        width: 90px;
        height: 70px;
        color: white;
        font-size: 16px;
        font-weight: 600;
        border: none;
        margin-bottom: 20px;
    }

.bg_qianlv {
    background-color: #8bc34a;
}

    .bg_qianlv:hover {
        background-color: #7eaf46;
    }

.bg_molv {
    background-color: #019c41;
}

    .bg_molv:hover {
        background-color: #38ab68;
    }

    .biaozhu {
				position: absolute;
				top: -1px;
				left: -1px;
			}