body {
}

.examm_container {
    position: relative;
    width: 100%;
}

    .examm_container .banner {
        z-index: 0;
        overflow: hidden;
        width: 100%;
        height: 328px;
        min-width: 1200px;
        background-image: url('../images/examm_banner.png');
        background-position: center center;
        background-size: 1920px 328px;
    }

    .examm_container .content {
        /*        position: absolute;
        top: 230px;*/
        width: 100%;
        margin-top: -100px;
        padding-bottom: 80px;
    }

        .examm_container .content .tabs {
            display: flex;
            justify-content: center;
            align-items: flex-end;
        }

            .examm_container .content .tabs .tab_item {
                width: 400px;
                height: 51px;
                line-height:51px;
                background: #F2F2F2;
                display: flex;
                justify-content: center;
                align-items: flex-end;
                cursor: pointer;
                user-select: none;
            }

                .examm_container .content .tabs .tab_item:first-child {
                    border-radius: 20px 0px 0px 0px;
                }

                .examm_container .content .tabs .tab_item:last-child {
                    border-radius: 0px 20px 0px 0px;
                }

            .examm_container .content .tabs .active {
                width: 400px;
                height: 84px;
                line-height: 84px;
                background: linear-gradient(0deg, #86AEF0, #1B4687);
                border-radius: 20px 20px 0px 0px !important;
            }

            .examm_container .content .tabs .flag {
                padding-right: 10px;
                width:100%;
                display:inline-block;
                text-align:center;
            }

            .examm_container .content .tabs .title {
                padding-bottom: 8px;
            }

            .examm_container .content .tabs .active .flag {
                width: 100%;
                display: inline-block;
                text-align: center;
                font-size: 52px;
                font-family: Source Han Sans CN;
                font-weight: bold;
                font-style: italic;
                color: #FFFFFF;
                background: linear-gradient(0deg, #FEE9CB 0.634765625%, #FFECD3 99.365234375%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

            .examm_container .content .tabs .active .title {
                font-size: 27px;
                font-family: Source Han Sans CN;
                font-weight: 500;
                color: #FFFFFF;
                background: linear-gradient(0deg, #FEE9CB 0.634765625%, #FFECD3 99.365234375%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

            .examm_container .content .tabs .flag {
                font-size: 32px;
                font-family: Source Han Sans CN;
                font-weight: bold;
                font-style: italic;
                color: #FFFFFF;
                background: linear-gradient(0deg, #5C87CD 0.87890625%, #1B4687 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

            .examm_container .content .tabs .title {
                font-size: 17px;
                font-family: Source Han Sans CN;
                font-weight: 500;
                color: #FFFFFF;
                background: linear-gradient(0deg, #5C87CD 0.87890625%, #1B4687 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

        .examm_container .content .main {
            margin: auto;
            width: 1200px;
            min-height: 200px;
            background: #FFFFFF;
            border-radius: 10px;
        }

            .examm_container .content .main .title {
                padding: 20px;
                display: flex;
                justify-items: flex-start;
                align-items: flex-end;
                gap: 20px;
            }

                .examm_container .content .main .title.v-center {
                    align-items: center;
                }

            .examm_container .content  .margin-left-20 {
                margin-left: 20px;
            }

            .examm_container .content .main .dot {
                background-color: rgba(19, 135, 225, 1);
                border-radius: 2px;
                width: 4px;
                height: 22px;
                margin-top: 1px;
            }

            .examm_container .content  .t1 {
                overflow-wrap: break-word;
                color: rgba(51, 51, 51, 1);
                font-size: 22px;
                font-family: MicrosoftYaHei;
                font-weight: NaN;
                text-align: left;
                white-space: nowrap;
                line-height: 22px;
                margin-left: 9px;
            }

            .examm_container .content  .t2 {
                overflow-wrap: break-word;
                color: rgba(102, 102, 102, 1);
                font-size: 15px;
                font-family: MicrosoftYaHei;
                font-weight: NaN;
                text-align: left;
                white-space: nowrap;
                line-height: 15px;
            }


            .examm_container .content .main .option {
                background-color: rgba(247, 247, 247, 1);
                border-radius: 15px;
                padding: 3px 15px;
                cursor:pointer;
            }

                .examm_container .content .main .option.active {
                    background-color: rgba(19, 135, 225, 1);
                    border-radius: 15px;
                    color: white;
                }


        .examm_container .content .bottom-bar {
            position: fixed;
            bottom: 0px;
            z-index: 100;
            /*            margin: 20px auto 20px auto;*/
            box-shadow: -3px -2px 3px #e0e0e0;
            width: 100%;
            height: 80px;
            background-color: white;
            display: flex;
            justify-content: space-around;
            align-items: center;
        }

            .examm_container .content .bottom-bar .bt {
 
                background: linear-gradient(0deg, #FF6346, #FF423B);
                border-radius: 23px;
                color:white;
                padding:5px 20px;
                cursor:pointer;
            }

    .examm_container .content .red{
        color:red;
    }