
.question_aside {background: #f2f2f2;position: relative;display: -webkit-box;display: -ms-flexbox;display: inline-block;width: 100%;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: left;-ms-flex-align: left;align-items: left;-ms-flex-wrap: wrap;flex-wrap: wrap;line-height: 4.4rem;font-size: 1.4rem;}
.question_aside .question_aside_title {width: 80%;}
.question_aside .question_aside_title ul {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: left;-ms-flex-align: left;align-items: left;-ms-flex-wrap: wrap;flex-wrap: wrap;text-align: center;}
.question_aside .question_aside_title ul li {width: 33.33333333%;}
.question_aside .question_aside_title ul li.on {background: #f7413c;color: #ffffff;}
.question_aside .question_election {width: 20%;text-align: center;color: #999999;float: right;}
.question_aside .question_election .icon {font-size: 1.8rem;}

.question_list {
    position: absolute;
    top: 4.4rem;
    left: 0;
    z-index: 30;
    width: 100%;
    line-height: 4rem;
    background:#ffffff;
    & > div {
        display: none;
    }
    .list_choice {
        ul {
            li {
                padding: 0 1rem;
                border-bottom: 0.1rem solid #dddddd;
                color:  #000000;
                a {
                    display: block;
                    color:  #000000;
                }
            }
        }
    }
    .list_type {
        padding: 0.5rem;
        ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            justify-content: flex-start;
            align-items: left;
            flex-wrap: wrap;
            li {
                box-sizing: border-box;
                line-height: 2.8rem;
                text-align: center;
                margin-bottom: 0.8rem; margin-right: 0.5rem;border: 1px solid #f7413c;border-radius: 0.4rem;overflow: hidden;
                a {
                    padding: 0rem 0.4rem;
                    font-size: 1.2rem;
                    display: block;color: #050505;

                }
                &.active {
                    a {
                        background: #fdd9d8;
                        color: #f7413c;
                    }
                }
            }
        }
    }
}

.question_effect {
    display: none;
    position: fixed;
    bottom: 0rem;
    width: 100%;
    padding: 1rem 0;
    z-index: 15;
    background: #ffffff;height: 60%;overflow-x: auto;
}

.question_effect .year {
    margin-top: 0.8rem;
}

.question_effect .year .title {
    padding: 0 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.question_effect .year .title .show {
    display: none;
}

.question_effect .year .title.active .hide {
    display: none;
}

.question_effect .year .title.active .show {
    display: inline;
}

.question_effect .year .year_list {
    padding: 0 1rem;
    margin-top: 1rem;
}

.question_effect .year .year_list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.question_effect .year .year_list ul li {
    width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.4rem;
    line-height: 2.8rem;
    margin-bottom: 0.8rem;
}

.question_effect .year .year_list ul li a {
    text-align: center;
    font-size: 1.2rem;
    display: block;
    background: #f4f4f4;
    color: #000000;
}

.question_effect .year .year_list ul li.active a {
    background: #fdd9d8;
    color: #f7413c;
}

.question_effect .region {
    margin-top: 0.8rem;
    padding-bottom: 1rem;border-bottom: 0.1rem dotted #dddddd;
}

.question_effect .region .title {
    padding: 0 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.question_effect .region .title .show {
    display: none;
}

.question_effect .region .title.active .hide {
    display: none;
}

.question_effect .region .title.active .show {
    display: inline;
}

.question_effect .region .region_list {
    padding: 0 1rem;
    margin-top: 1rem;
    overflow: hidden;
}

.question_effect .region .region_list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.question_effect .region .region_list ul li {
    width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.4rem;
    line-height: 2.8rem;
    margin-bottom: 0.8rem;
}

.question_effect .region .region_list ul li a {
    text-align: center;
    font-size: 1.2rem;
    display: block;
    background: #f4f4f4;
    color: #000000;
}

.question_effect .region .region_list ul li.active a {
    background: #fdd9d8;
    color: #f7413c;
}

.question_effect .region .region_list.on {
    height: auto;
    overflow: auto;
}

.question_effect .list_button {
    border-top: 0.1rem solid #dddddd;
    padding: 1rem;
    text-align: center;
}

.question_effect .list_button input {
    background: #f7413c;
    color: #ffffff;
    line-height: 3rem;
    width: 20%;
    border-radius: 2rem;
    margin: 0 1rem;
}

.examination_paper {
    background: #ffffff;
}

.examination_paper .list {
    padding: 1rem;
    border-bottom: 0.1rem solid #dfdfdf;
}

.examination_paper .list:last-child {
    border-bottom: none;
}


.examination_paper .list .examination_paper_title {
    font-size: 2rem;
    line-height: 3rem;
}

.examination_paper .list .examination_paper_title a, .examination_paper .list .examination_paper_title p {
    font-size: 1.6rem;
}

.examination_paper .list .examination_list_button {
    margin-top: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    line-height: 2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.2rem;
    color: #999999;
}

.examination_paper .list .examination_list_button > div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.examination_paper .list .examination_list_button > div ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.examination_paper .list .examination_list_button > div ul li {
    font-size: 1.2rem;
    padding: 0 0.5rem;
    position: relative;
}

.examination_paper .list .examination_list_button > div ul li a {
    font-size: 1.2rem;
    display: inline;
}

.examination_paper .list .examination_list_button > div ul li.collection,
.examination_paper .list .examination_list_button > div ul li.move {
    color: #f7413c;
}

.examination_paper .list .examination_list_button > div ul li.collection a,
.examination_paper .list .examination_list_button > div ul li.move a {
    color: #f7413c;
}

.examination_paper .list .examination_list_button > div ul li:after {
    width: 1px;
    height: 1rem;
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.5rem;
    z-index: 1;
    background: #b8b8b8;
}

.examination_paper .list .examination_list_button > div ul li:last-child:after {
    display: none;
}

.test_paper .examination_paper {
    margin-bottom: 1rem;
}

.test_paper .paper_details .title {
    background: #ffffff;
    line-height: 4rem;
    font-size: 1.6rem;
    color: #f7413c;
    border-bottom: 0.1rem solid #ededed;
    padding: 0 1rem;
}

.test_paper .paper_details .list {
    background: #ffffff;
    margin-bottom: 1rem;
    padding: 0.6rem 0;
}
.test_paper .paper_details .list p {
    line-height: 2.8rem;
}

.test_paper .paper_details .list .box_topic {
    padding: 0 1rem;
    line-height: 2rem;    font-size: 1.6rem;
}
.test_paper .paper_details .list .box_topic span{font-family: 宋体;}
.shijuanbtn{float: right;background-color:#f7413c!important;color: #ffffff;line-height: 2rem;padding: 0 0.5rem;border-radius: 0.6rem;font-size: 1.2rem;}
.xiaokuang{border: 1px solid #e84646;color: #e84646;padding: 0 0.5rem;border-radius: 0.6rem;cursor: pointer;font-size: 1.2rem;}
.xiaokuang:hover{color: #fff;background-color: #e84646}
.choice_black_cloth {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    top: 0;
    left: 0;
    z-index: 1;
}
.Answerbox{display: none;border: 1px solid #f12424;width: 100%;height: 100%;margin-top: 10px;}
table{max-width: 100%;}
.shijuanbotton{position: fixed;bottom: 0;width: 100%;height: 50px;}
.shijuanbotton div{float: left;width: 50%;background: #df4f4d;color: #ffffff;height: 50px;line-height: 50px;text-align: center;font-size: 2rem;}
.shijuanbotton div:last-child{background: #1e7af4;}