#submitLarge {
    width: 100%;
    height: 100%;
}

#submitTiny {
    display: none;
    height: 46px;
    width: 612px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #F5F5F5;
    border: 1px solid #E5E5E5;
    margin: auto;
    font-size: 0px;
}

    #submitTiny .icon-show-large {
        margin-left: 20px;
        vertical-align: top;
        margin-top: 10px;
        cursor: pointer;
    }

    #submitTiny > span {
        margin-top: 15px;
        margin-left: 16px;
        font-size: 16px;
    }

    #submitTiny .studentNumberBox {
        display: inline-block;
        width: 300px;
        margin-top: 17px;
        margin-left: 14px;
        background: #E5E5E5;
    }

    #submitTiny .allNumber {
        margin-left: 16px;
        color: #84cf66;
        font-size: 16px;
        min-width: 51px;
    }

    #submitTiny .timearea {
        color: red;
        font-size: 20px;
        vertical-align: top;
        margin-top: 10px;
        display: inline-block;
    }


/*作答详情*/

.allStudentBox {
    max-height: 400px;
    padding: 0 20px;
    float: left;
    overflow-y: auto;
}

    .allStudentBox li {
        float: left;
        min-width: 106px;
        padding: 0 6px;
        min-height: 36px;
        line-height: 36px;
        text-align: center;
        margin-top: 20px;
        margin-right: 20px;
        cursor: default;
        font-size: 16px;
    }

.admitBg {
    background: #73bc56;
    color: #fff;
}

.unAdmitBg {
    background: #f0f0f0;
    color: #666;
}

.ansFooter {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    position: fixed;
    bottom: 30px;
    z-index: 3;
}

.ansFooterButton {
    background: #f89909;
    color: #ffffff;
    border: none;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
}

.ansFooterButton1 {
    width: 146px;
    height: 36px;
    text-align: center;
    /*margin-right: 40px;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.ansFooterButton2 {
    width: 126px;
    height: 36px;
}

#timer {
    /*position: absolute;
	bottom: 30px;
	right: 0px;*/
    position: absolute;
    top: -20px;
    left: 75%;
    color: #f00;
    font-size: 16px;
}

    #timer span {
        margin: 0px;
    }

#submitTiny .timearea {
    width: 52px;
}

#timer .timearea {
    /*margin-left: 20px;*/
    font-size: 32px;
    color: #f00;
}

/*作答统计区*/
/* 客观题统计区 */
.objective-area {
    /*display: none;*/
}

    .objective-area .area-bg {
        margin: 0 auto;
        /*margin-top: 30px;*/
        height: 300px;
        background: url(../img/histogramBg.png) no-repeat center bottom;
        background-size: 100% 70px;
    }

        .objective-area .area-bg .dashed {
            border-bottom: 1px dashed #E5E5E5;
            bottom: 30px;
            position: absolute;
        }

    .objective-area .histogram-area {
        height: 288px;
        margin: 0 auto;
        /*margin-left: 60px;*/
        position: relative;
        width: 500px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .objective-area .histogram-area .histogram-item {
            float: left;
            height: 160px;
            margin-left: 0px;
            position: absolute;
            bottom: 0px;
            width: 55px;
            cursor: pointer;
        }

            .objective-area .histogram-area .histogram-item:first-child {
                margin-left: 80px;
            }

            .objective-area .histogram-area .histogram-item:last-child {
                margin-right: 80px;
            }

.histogram1 {
    left: 0px;
}

.histogram2 {
    left: 90px;
}

.histogram3 {
    left: 180px;
}

.histogram4 {
    left: 270px;
}

.histogram5 {
    left: 360px;
}

.histogram6 {
    left: 450px;
}

.objective-area .histogram-area li div {
    max-height: 120px;
    width: 30px;
    height: 80px;
    background: #F89009;
    text-align: center;
    margin-left: 12px;
    position: absolute;
    bottom: 31px;
}

.objective-area .histogram-area li span {
    color: #666;
    font-size: 22px;
    display: block;
    text-align: center;
    width: 55px;
}

.objective-area .histogram-area li .answer-count {
    position: absolute;
    bottom: 0px;
}

.objective-area .histogram-area li .answer-type {
    position: absolute;
    bottom: 0px;
    font-size: 30px;
}

#objectiveStudent {
    margin-top: 30px;
    padding: 0 20px;
}

    #objectiveStudent .content {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background: #F5F5F5;
        font-size: 0px;
        margin-bottom: 20px;
    }

        #objectiveStudent .content .select-value {
            width: 200px;
            height: 100px;
            /*padding: 10px 0;
            display: inline-block;*/
            float: left;
            font-size: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            color: #f89009;
        }

            #objectiveStudent .content .select-value .value-decoration {
                font-size: 56px;
                color: #f89009;
                vertical-align: middle;
                display: flex;
                width: 99px;
                border-right: 1px solid #E5E5E5;
                height: inherit;
                flex-wrap: nowrap;
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }

                #objectiveStudent .content .select-value .value-decoration .value {
                    display: inline-block;
                }

    #objectiveStudent .content-students {
        float: left;
        width: calc( 100% - (200px));
        height: 100%;
        min-height: 100px;
        border-left: 1px dashed #ccc;
        display: flex;
    }

    #objectiveStudent .objectiveStudent-area {
        /*padding-left: 40px;*/
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }

    #objectiveStudent .item {
        /*margin: 10px 56px 10px 0px;*/
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100px;
        height: 50px;
        float: left;
        font-size: 22px;
    }

        #objectiveStudent .item img {
            width: 60px;
            height: 60px;
            display: block;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
        }


        #objectiveStudent .item span {
            /*font-size: 18px;*/
            font-size: 22px;
            color: #666;
            min-width: 60px;
            max-width: 80px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            margin-top: 3px;
            display: inline-block;
            text-align: center;
        }

/*主观题统计区*/
.subjecttive-area {
    display: none;
    padding: 0px 20px;
}

    .subjecttive-area > div {
        color: #666;
        font-size: 16px;
        margin-bottom: 4px;
    }

#subjectiveStudent .item {
    margin: 10px 20px 10px 0px;
    float: left;
    border: 2px solid transparent;
    cursor: pointer;
    font-size: 0px;
}

#subjectiveStudent .checked {
    border: 2px solid #f89009;
}

#subjectiveStudent .item img {
    width: 172px;
    height: 106px;
    border: none;
    border-width: 0px;
}

#subjectiveStudent .item .choose {
    width: 172px;
    height: 30px;
    background: #F5F5F5;
}

    #subjectiveStudent .item .choose .name {
        font: 14px/30px "微软雅黑";
        color: #666;
        margin-left: 8px;
        max-width: 100px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #subjectiveStudent .item .choose .check-area {
        border: 1px solid #CCCCCC;
        height: 12px;
        width: 12px;
        float: right;
        margin: 8px 8px 0 0;
    }

.left-nav {
    background: #f2f2f2;
    width: 170px;
    border-right: 1px solid #E5E5E5;
    display: none;
    float: left;
}

    .left-nav .left-nav-students {
        padding: 20px 20px 0px 20px;
        overflow-y: auto;
    }

        .left-nav .left-nav-students .left-student {
            width: 128px;
            height: 78px;
            border: 2px solid transparent;
            font-size: 0px;
            margin-bottom: 20px;
            cursor: pointer;
        }

        .left-nav .left-nav-students .checked {
            border: 2px solid #f89009;
        }

        .left-nav .left-nav-students .left-student img {
            width: inherit;
            height: 58px;
        }

        .left-nav .left-nav-students .left-student div {
            width: inherit;
            height: 20px;
            background: #FFFFFF;
            opacity: 0.9;
        }

        .left-nav .left-nav-students .left-student span {
            display: inline-block;
            font: 14px/20px "微软雅黑";
            color: #666;
            margin-left: 8px;
            max-width: 100px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 20px;
        }

    .left-nav .quit-area {
        width: inherit;
        text-align: center;
    }

        .left-nav .quit-area .choose-student {
            padding: 16px 20px;
            border-bottom: 1px solid #CCCCCC;
            font: 16px/16px "微软雅黑";
            color: #666;
        }

        .left-nav .quit-area .ansFooterButton {
            width: 126px;
            height: 36px;
            text-align: center;
            display: inline-block;
            margin: 16px 0;
        }

.analysis-area {
    position: relative;
    display: none;
    float: left;
}

    .analysis-area .img-container {
        width: inherit;
        height: inherit;
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .analysis-area img {
        margin: auto;
    }

    .analysis-area .center-nav {
        position: absolute;
        margin: auto;
        height: 160px;
    }

        .analysis-area .center-nav span {
            display: block;
        }

.center-nav-left {
    float: left;
    left: 40px;
}

.center-nav-right {
    float: right;
    right: 60px;
}

.center-nav-item {
    height: 160px;
    width: 40px;
}

    .center-nav-item span {
        display: block;
    }

        .center-nav-item span:first-child {
            margin-bottom: 40px;
        }

.analysis-area .bottom-control {
    position: absolute;
    bottom: 20px;
    width: 100%;
}

    .analysis-area .bottom-control .bottom-control-area {
        width: 230px;
        height: 56px;
        margin: 0 auto;
        background: #F2F2F2;
        border-radius: 28px;
        -webkit-border-radius: 28px;
        -moz-border-radius: 28px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .analysis-area .bottom-control .bottom-control-area span {
            margin-top: 4px;
            cursor: pointer;
            border: 10px solid transparent;
        }

            .analysis-area .bottom-control .bottom-control-area span:nth-of-type(1) {
                margin-left: 20px;
            }

            .analysis-area .bottom-control .bottom-control-area span:nth-of-type(2) {
                margin-left: 23px;
            }

            .analysis-area .bottom-control .bottom-control-area span:nth-of-type(3) {
                margin-left: 23px;
            }

body {
    /*font-size: 0px;*/
}
