.quiz_box{
    margin: 70px auto;
    max-width: 95%;
}

@media screen and (min-width:1000px) {
    .quiz_box{
        margin: 70px auto;
        max-width: 60%;
    } 
}

.quiz_container{
    margin-left: 0px;
}

.quiz_container h1{
    padding-left: 10px;
    color: #ec6744;
}

.quiz_auther{
    color: gray;
    height: 10px;
    line-height: 10px;
    padding-left: 10px;
}

.quiz_banner{
    width: 94%;
    margin-left: 10px;
    border-radius: 5px;
}


.StartBtn{
    width: 80%;
    height: 40px;
    margin-left: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #4373f6;
    color: white;
    border: 0;
    border-radius: 10px;
    cursor: pointer;
    animation: blink 0.5s infinite alternate; 
}

@keyframes blink {
    from {
        font-size: medium;
    }
    to {
        font-size: large;
    }
}

.quiz_item_container{
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    box-shadow: 1px 5px 5px #ccc;
}

.quiz_item_container img{
    width: 94%;
    margin-top: 10px;
    margin-left: 10px;
}

@media screen and (min-width:1000px) {
    .quiz_item_container img{
        width: 97%;
        margin-top: 10px;
        margin-left: 10px;
    }
}

.quiz_topic{
    color: #ec6744;
    font-weight: bold;
    margin-left: 10px;
}

input[type="radio"] {
    display: none; /*隐藏原始的单选按钮*/
}


label {
    display: inline-block;
    width: 44%;
    padding: 10px 5px;
    margin-bottom: 10px;
    text-align: center;
    font-size: medium;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    cursor: pointer;
}

input[type="radio"]:checked + label{
    color: white;
    background-color: #4373f6; /*选中时的背景颜色*/
}

.select_row{
    display: flex;
    justify-content: space-evenly;
}

.select_hid{
    border: 0;
    visibility: hidden;
}