@charset "utf-8";

* {
    margin: 0 auto;
    padding: 0px;
}

body {
    padding-bottom: 10px;
    font: 14px/1.5 '微软雅黑';
    background-color: #f1f1f1;
    color: #333;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    -webkit-tap-highlight-color: #fff;
}

ol, ul {
    list-style: none;
}

input, textarea {
    outline: none;
}

input {
    vertical-align: middle;
}

a {
    color: #000;
    text-decoration: none;
}

    a:focus {
        outline: none;
    }

label {
    cursor: default;
}

img {
    border: none;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.mt-25 {
    margin-top: 25px !important;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block; /*background: url(../images/bg.jpg) no-repeat;*/
    background: #19af5a;
    background-size: cover;
}

.bg_logo {
    width: 438px;
    height: 85px;
    position: fixed;
    right: 38.5%;
    top: 19.3%;
}

.login-module {
    width: 400px;
    height: 295px;
    position: fixed;
    right: 37%;
    top: 29%;
    padding: 30px 50px;
    background-color: #fff;
    box-shadow: 0px 0px 8px rgba(4, 0, 0, .2);
    -webkit-box-shadow: 0px 0px 8px rgba(4, 0, 0, .2);
    -moz-box-shadow: 0px 0px 8px rgba(4, 0, 0, .2);
    z-index: 99;
}

.login-bg {
    width: 100%;
    height: 1px;
    margin-top: 20px;
    margin-bottom: 45px;
    border-bottom: 1px solid #e5e5e5;
}

.login-title {
    position: relative;
    top: -18px;
    left: 39%;
    padding: 0px 20px;
    color: #333;
    font-size: 24px;
    background-color: #fff;
}

.form-item {
    width: 398px;
    height: 44px;
    line-height: 44px;
    margin-top: 20px;
    border: 1px solid #dedede;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.form-item-fcous {
    border: 1px solid #00d216;
    box-shadow: 0px 0px 6px rgba(52, 200, 116, .3);
}

.form-item i {
    float: left;
    height: 24px;
    margin: 10px 14px;
    background: url(../images/mobile/ico.png) no-repeat;
}

    .form-item i.user-ico {
        width: 23px;
        background-position: 0px 0px;
    }

    .form-item i.pwd-ico {
        width: 20px;
        background-position: 0px -50px;
    }

.form-item input {
    float: left;
    width: 87%;
    height: 100%;
    font: 16px/44px "微软雅黑";
    border: none;
}

.auto-login {
    margin-top: 25px;
}

    .auto-login .uncheck-agreement {
        width: 17px;
        height: 17px;
        padding-left: 24px;
        background: url(../images/mobile/ico.png) no-repeat 0px -100px;
        color: #666;
        line-height: 20px;
        cursor: pointer;
    }

    .auto-login .check-agreement {
        width: 17px;
        height: 17px;
        padding-left: 24px;
        background: url(../images/mobile/ico.png) no-repeat 0px -150px;
        color: #666;
        line-height: 20px;
        cursor: pointer;
    }

    .auto-login .forget-pwd {
        float: right;
        color: #19af5a;
        cursor: pointer;
    }

.login-btn {
    width: 374px;
    height: 46px;
    margin-top: 20px;
    background-color: #ffa914;
    border: none;
    color: #fff;
    font-size: 22px;
    font-family: "微软雅黑";
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


/*--平台头部样式--*/

.top {
    height: 88px;
    padding-top: 7px;
    background-color: #fff;
    border-top: 1px solid #cacaca;
    box-shadow: 0px 2px 3px rgba(4, 0, 0, .1);
}

.top-con {
    width: 1200px;
}

.top-logo {
    float: left;
    margin-top: 12px;
}

    .top-logo img {
        height: 73px;
    }

.top-nav {
    float: right;
    height: 86px;
    margin-top: 0px;
}

    .top-nav li {
        float: left;
        height: 86px;
        line-height: 86px;
        text-align: center;
        color: #ebebeb;
    }

        .top-nav li a {
            float: left;
            padding-left: 15px;
            padding-right: 15px;
            font-size: 18px;
            color: #333;
            font-family: '微软雅黑';
        }

            .top-nav li a:hover,
            .top-nav li.active a {
                color: #19af5a;
                border-bottom: 2px solid #32ca73;
            }

.top-login {
    text-indent: -9999px;
    float: right;
    display: inline-block;
    width: 64px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    font-family: '微软雅黑';
    font-size: 16px;
    background: url(../images/mobile/bt-1.png) no-repeat;
    margin: 22px 20px;
}

.top-nav em {
    background-image: url(../images/mobile/top_nav.png);
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    float: left;
    margin-top: 7px;
}

.top-nav .top_em1 {
    background-position: -50px 0px;
}

.top-nav li a:hover .top_em1 {
    background-position: 0px 0px;
}

.top-nav .top_em2 {
    background-position: -50px -50px;
}

.top-nav li a:hover .top_em2 {
    background-position: 0px -50px;
}

.login_person {
    float: right;
    position: relative;
    margin-left: 45px;
    margin-top: 22px;
}

    .login_person span a {
        float: left;
        margin-left: 13px;
        margin-top: 3px;
        color: #666;
        font: 16px/30px '微软雅黑';
        cursor: pointer;
        display: block;
    }

        .login_person span a i {
            font-style: normal;
            display: block;
            line-height: 19px;
            text-align: center;
            float: left;
            color: #999;
        }

    .login_person .font_gray {
        color: #666;
    }

    .login_person span {
        position: relative;
        display: inline-block;
        z-index: 3;
        padding: 5px 0 5px 0;
    }

    .login_person em {
        float: left;
        width: 11px;
        height: 7px;
        background-image: url(../images/v3-bg.png);
        background-repeat: no-repeat;
    }

    .login_person .em-portrait {
        width: 15px;
        height: 16px;
        background-position: 0px -232px;
        margin-top: 10px;
    }

    .login_person .em-arrow {
        background-position: -48px -232px;
        margin-top: 15px;
        margin-left: 5px;
        cursor: pointer;
    }

    .login_person .login_exit {
        width: 113px;
        line-height: 44px;
        text-align: center;
        background-color: #fff;
        position: absolute;
        top: 40px;
        right: 0px;
        z-index: 4;
        border: 1px solid #e1e1e1;
    }

        .login_person .login_exit a {
            width: 80%;
            font-size: 14px;
            color: #666;
            background-color: #fff;
            display: block;
            border-bottom: 1px dashed #ccc;
        }

            .login_person .login_exit a:hover {
                border-bottom: 1px dashed #ccc;
                color: #1190cf;
            }

        .login_person .login_exit .user_exit {
            border-bottom: 0px;
        }

            .login_person .login_exit .user_exit:hover {
                border-bottom: 0px;
            }

        .login_person .login_exit .white-arrow-background {
            border-color: transparent transparent #fff;
            border-width: 0px 4px 8px 4px;
            z-index: 11;
            top: -8px;
            right: 50px;
        }

        .login_person .login_exit .white-arrow {
            border-color: transparent transparent #ccc;
            border-width: 0px 4px 8px 4px;
            top: -9px;
            right: 50px;
        }

    .login_person .login_ul a:hover {
        text-decoration: underline;
    }

/*不同三角形状*/

.defined-arrow {
    position: absolute;
    top: -7px;
    right: 44px;
    width: 0px;
    height: 0px;
    border-color: transparent transparent #ccc;
    border-width: 4px;
    border-style: solid;
}

.down-arrow {
    display: none;
    position: absolute;
    top: 100%;
    right: 44%;
    width: 0px;
    height: 0px;
    border-color: #32ca73 transparent transparent;
    border-width: 4px;
    border-style: solid;
}

.white-arrow {
    border-color: transparent transparent #ccc;
    border-width: 5px 4px 5px 4px;
    top: -10px;
    right: 70px;
}

.white-arrow-background {
    border-color: transparent transparent #fff;
    border-width: 5px 4px 5px 4px;
    top: -8px;
    z-index: 11;
    right: 70px;
}


/*不同状态颜色*/

.noborder {
    border: none !important;
}

.no-status {
    color: #909090;
}

.yes-status,
.await-status {
    color: #333;
}

.pass-status {
    color: #19af5a;
}

.warning-status {
    color: #ffa914;
    margin-right: 2px;
}

.default-status {
    color: #666;
}

.orange-status {
    color: #f69600;
}


/*页面布局*/
.container {
    width: 1200px;
}

.currposition {
    /*height: 54px;*/
    line-height: 45px;
    color: #999;
    margin-left: 8px;
}

    .currposition a {
        color: #999;
    }

.main-content {
    position: relative;
    width: 96.7%;
    background-color: #fff;
    min-height: 590px;
    padding: 20px 20px 60px 20px;
    float: left;
    border: 1px solid #ebebeb;
}

.bottom-upload {
    position: fixed;
    bottom: 0px;
    height: 60px;
    background-color: #ccc;
}

.bottom-con {
    width: 1160px;
    padding: 0px 20px;
    position: relative;
}

.btn-upload {
    width: 190px;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    color: #fff;
    font-family: "微软雅黑";
    background-color: #ffa914;
    cursor: pointer;
    text-indent: 1.7em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
}

.btn-upload2 {
    width: 190px;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    color: #fff;
    font-family: "微软雅黑";
    background-color: #19af5a;
    cursor: pointer;
    text-indent: 1.7em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
}

/*图标*/

.em-ico {
    position: absolute;
    background: url(../images/ico.png) no-repeat;
}

.em-imgtype {
    width: 21px;
    height: 25px;
    position: absolute;
    left: 10px;
    background-position: -100px 0px;
    display: inline-block;
}

.em-upload {
    width: 22px;
    height: 28px;
    left: 50px;
    top: 15px;
    background-position: -100px -50px;
}

.em-submit {
    width: 27px;
    height: 23px;
    right: 132px;
    bottom: 16px;
    background-position: -100px -100px;
}

.em-preread {
    width: 52px;
    height: 52px;
    /*right: 33.3%;*/
    top: -0.2px;
    background-position: -100px -200px;
}

.em-duigou {
    width: 32px;
    height: 33px;
    left: -16px;
    top: 35px;
    background-position: 0px -250px;
}

.em-tanhao {
    width: 32px;
    height: 32px;
    left: -16px;
    top: 35px;
    background-position: -50px -250px;
}

.em-approved {
    width: 36px;
    height: 36px;
    top: -6px;
    background-position: -100px -255px;
}


/*文本框*/

.input-text-70 {
    width: 63px;
    height: 26px;
    line-height: 26px;
    padding-left: 5px;
    margin-right: 5px;
    font-size: 16px;
    font-family: "微软雅黑";
    border: 1px solid #e6e6e6;
}

.select_selected {
    min-width: 168px;
    height: 30px;
    color: #666;
    padding-left: 4px;
    font-family: "微软雅黑";
    border: 1px solid #ccc;
}


/*暂无图片答案*/

.no-img {
    margin-top: 150px;
    width: 100%;
    text-align: center;
    font-size: 20px;
}


/*弹出框统一规范*/

.cover-grey {
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
}

.box {
    position: absolute;
    width: 800px;
    background: #fff;
    overflow: hidden;
    z-index: 99999;
    border-radius: 10px;
}

.box-title {
    height: 50px;
    line-height: 50px;
    background-color: #32ca73;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}

    .box-title span {
        position: relative;
        padding-left: 50px;
    }

        .box-title span .em-warn {
            position: absolute;
            left: 25px;
            top: 14px;
            width: 11px;
            height: 23px;
            display: inline-block;
            background: url(../images/ico.png) no-repeat 0px -200px;
        }

.box-content {
    padding: 0px;
    max-height: 460px;
    overflow-y: auto;
    font-size: 20px;
}

    .box-content.center {
        text-align: center;
    }

.box-footer {
    padding: 13px 0px 11px;
    text-align: center;
    background-color: #e0f7ea;
}

.box-footer1 {
    width: 54%;
    float: left;
    padding: 13px 127px 11px;
    background-color: #e0f7ea;
}

.box-footer .orange {
    color: #f56134;
}

.box-btn {
    display: inline-block;
    width: 108px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background-color: #32ca73;
    border: 1px solid #55ca96;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.box-btn-cancel {
    display: inline-block;
    width: 108px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    text-align: center;
    color: #32ca73;
    background-color: #fff;
    border: 1px solid #55ca96;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.box-footer .a-link {
    margin-left: 5px;
    font-size: 12px;
    color: #035b90;
    line-height: 12px;
    font-family: '宋体';
}

    .box-footer .a-link:hover {
        border-bottom: 1px solid #035b90;
    }

.box_con_center {
    padding: 20px 0px;
    float: left;
}

.box-content .select-div {
    font-size: 14px;
}

.box-content em {
    font-style: normal;
}

.box-titlecenter {
    height: 50px;
    line-height: 50px;
    text-align: center;
}

.box-title .del-a {
    width: 40px;
    height: 50px;
    float: right;
    cursor: pointer;
}

    .box-title .del-a a {
        float: right;
        width: 14px;
        height: 14px;
        background: url(../images/ico.png) no-repeat -150px -250px;
        margin: 20px 20px 0 0;
    }


/*分学科标签导航*/

.sub-menu {
    display: inline-block;
    margin-bottom: 10px;
}

    .sub-menu li {
        float: left;
        position: relative;
        margin-right: 5px;
        margin-bottom: 7px;
        background-color: #f4f4f4;
        border: 1px solid #d7d7d7;
        cursor: pointer;
        border-radius: 80px;
    }

        .sub-menu li a {
            /*padding: 0px 45.9px;
    display: block;
    line-height: 47px;
    text-align: center;
    font-size: 18px;
    font-family: "微软雅黑";
    color: #666;*/
            padding: 0px 40px;
            display: block;
            line-height: 40px;
            text-align: center;
            font-size: 17px;
            font-family: "微软雅黑";
            color: #666;
        }

        .sub-menu li.active a,
        .sub-menu li:hover a {
            background-color: #32ca73;
            color: #fff;
            border-radius: 80px;
        }

        .sub-menu li.active .down-arrow,
        .sub-menu li:hover .down-arrow {
            display: block;
        }


/*表格*/

.table-bordered {
    /*border: 1px solid #ddd*/
    border: 0px;
}

.table {
    width: 100%;
    margin-bottom: 20px;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}

.table > thead > tr > th {
    background: #f4f4f4;
    color: #333;
    font-size: 16px;
    font-weight: bold;
}

.table > tbody > tr > td {
    color: #333;
    font-size: 14px;
}

    .table > tbody > tr > td a {
        color: #32ca73;
        position: relative;
    }

.table > tbody > tr > .left {
    text-align: left;
    padding-left: 10px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    position: relative;
    padding: 4px;
    line-height: 46px;
    text-align: center;
}


/*试卷标题*/

.test-title {
    font-weight: normal;
}


/*上传的作业图片*/

.test_uploadimg_ul {
    /*margin-top: 20px;*/
    margin-bottom: 20px;
    /*display: inline-flex;*/
}

    .test_uploadimg_ul li {
        margin: 10px 10px 10px 0px;
        border: 1px solid #fcad45;
        /*border-radius: 5px;*/
        float: left;
        white-space: nowrap;
    }

        .test_uploadimg_ul li a {
            position: relative;
            float: left;
            color: #666;
            /*background-color: #f4f4f4;*/
            padding: 10px 3px 10px 3px;
            width: 69px;
            text-align: right;
        }

        .test_uploadimg_ul li img {
            height: 100px;
            width: 100px;
            position: absolute;
            border: solid 1px #ff7623;
        }

        .test_uploadimg_ul li p {
            width: 100%;
            height: 32px;
            line-height: 32px;
            background: rgba(0, 0, 0, 0.7) !important;
            color: #fff;
            font-size: 14px;
            position: absolute;
            bottom: 0;
            left: 0;
            text-align: center;
        }

        .test_uploadimg_ul li a.delimg {
            background: url(../images/delete.gif) no-repeat 0px 10px;
            width: 18px;
            height: 18px;
        }


/*试题部分*/

.testpart1 {
    float: left;
    width: 100%;
    border: 1px solid #e6e6e6;
    font-size: 16px;
    margin-bottom: 20px;
}

.tit_img {
    padding-bottom: 20px;
}

    .tit_img p {
        font-size: 18px;
    }

    .tit_img .img {
        padding: 20px 0px;
    }

        .tit_img .img span {
            width: 70px;
            float: left;
            margin-right: 10px;
            text-align: center;
        }

            .tit_img .img span img {
                width: 70px;
                height: 70px;
            }

.testpart1 p {
    padding: 20px;
    line-height: 42px;
    font-size: 16px;
    width: 1122px;
    overflow: hidden;
}

.title-desc p {
    width: inherit;
}

.testpart1 .ques_operate {
    padding: 20px 10px 0px 0px;
    float: right;
}

    .testpart1 .ques_operate a {
        width: 80px;
        height: 38px;
        line-height: 38px;
        display: block;
        color: #fff;
        float: left;
        background: url("../images/ques_operate_bg.png") no-repeat #ff7623;
        margin: 0px 5px;
        text-align: center;
        padding-left: 30px;
        font-size: 14px;
    }

    .testpart1 .ques_operate .delet {
        background-position: 10px 8px;
    }

    .testpart1 .ques_operate .difficult {
        background-position: -105px 8px;
    }

        .testpart1 .ques_operate .difficult.active {
            background: url("../images/ques_operate_bg.png") no-repeat #f13e3e;
            background-position: -105px 8px;
        }

    .testpart1 .ques_operate .video {
        background-position: -219px 8px;
    }

    .testpart1 .ques_operate .hear {
        background-position: -338px 8px;
    }

.testpart1-type {
    height: auto;
    line-height: 45px;
    padding-left: 48px;
    background-color: #f5f5f5;
    font-weight: bold;
    clear: both;
}

.testpart1-con {
    float: left;
    margin: 0px 5px 0px;
    border-bottom: 1px dashed #e6e6e6;
    width: inherit;
}

.testpart1 .testpart1-con:last-child {
    border: none;
}

.testpart1 .testpart1-con .test-padding.result-border:last-child {
    border: none;
}

.test-padding {
    position: relative;
    /*float: left;*/
    padding: 6px 10px 13px 43px;
    margin-top: 40px;
}

.test-padding1 {
    /*padding: 6px 43px 13px 43px;*/
    padding: 6px 43px 13px 78px;
}

.test-encon {
    line-height: 25px;
    font-size: 14px;
    word-wrap: break-word;
    text-indent: 2em;
}

    .test-encon img {
        max-width: 1064px;
    }

.testpart1-title {
    font-weight: bold;
    padding-left: 35px;
    line-height: 30px;
}

    .testpart1-title i {
        font-style: normal;
        position: absolute;
        left: 45px;
        min-width: 30px;
        text-align: left;
    }

.title-desc i {
    position: inherit;
}

.testpart1-title .title-desc {
    width: 90%;
    float: left;
    line-height: 30px;
    word-break: break-word;
}

/*.testpart1-title .title-desc img {
    float: left;
    display: block;
    max-width: 980px;
}

.title-target_tips {
    float: left;
    margin-right: 2px;
    color: #fc8f00;
    font-weight: normal;
}*/

/*Jerry edit start*/
.title-target_tips {
    margin-right: 2px;
    color: #fc8f00;
    font-weight: normal;
    display: block;
}
/*Jerry edit end*/

.title-target {
    color: #19af5a;
}

.result-ul {
    float: left;
    width: 100%;
    padding-top: 20px;
}

    .result-ul li {
        float: left;
        line-height: 30px;
        margin-right: 85px;
        margin-left: 15px;
        padding: 15px 0 15px 0;
    }

        .result-ul li label {
            margin-left: 10px;
        }

.selectresult-div {
    /*float: left;*/
    padding-left: 35px;
    width: 96.7%;
    clear: both;
}

.selectanswer {
    width: 100%;
    /*float: left;*/
    line-height: 23px;
    /*padding-left: 35px;*/
}

.result-border {
    border-bottom: 1px dashed #e6e6e6;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

/*.selectresult-ul {
    display: inline-block;
    float: left;
    width: 85%;
}*/
/*Jerry edit start*/
.selectresult-ul {
    width: 100%;
    display: inline-block;
    padding-top: 20px;
}

    /*Jerry edit end*/

    .selectresult-ul li {
        float: left;
        line-height: 30px;
        margin-right: 85px;
        margin-left: 10px;
        cursor: pointer;
        padding: 10px 0 10px 0;
    }

        .selectresult-ul li a {
            padding-left: 23px;
            background: url(../images/ico.png) no-repeat -150px 5px;
        }

        .selectresult-ul li.selected a {
            background-position: -150px -46px;
        }

        .selectresult-ul li .multiSel {
            padding-left: 23px;
            background: url(../images/ico.png) no-repeat 5px -453px;
        }

        .selectresult-ul li.selected .multiSel {
            background-position: -46px -453px;
        }

    .selectresult-ul label {
        padding-left: 23px;
        -webkit-appearance: none;
        -moz-appearance: none;
        border: none;
        outline: none;
        background: url(../images/ico.png) no-repeat -150px 5px;
        width: 15px;
        height: 15px;
    }

    .selectresult-ul li input[type=checkbox] {
        display: none;
    }

        .selectresult-ul li input[type=checkbox]:checked + label {
            background-position: -150px -46px;
        }


/*查看已提交作业*/

.con-border {
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    margin: 15px 0px 0px;
}

    .con-border .test-padding {
        width: 92.6%;
        padding: 6px 43px 18px 43px;
        position: relative;
        margin-top: 38px;
    }

    .con-border .title-desc {
        width: 55.2%;
    }


/*查看学生作业*/

.con-border1 {
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    margin: 15px 0px 0px;
}

    .con-border1 .test-padding {
        width: 92.6%;
        padding: 6px 43px 18px 43px;
    }

    .con-border1 .title-desc {
        width: 80%;
    }

    .con-border1 .em-preread {
        right: 12%;
    }

.correctanalysis .selectanswer {
    margin-top: 5px;
}

.additionalinfo {
    margin-top: -4px;
    position: absolute;
    top: -28px;
    right: 20px;
}

    .additionalinfo .score {
        float: left;
        margin-right: 20px;
        font: 14px/38px "微软雅黑";
        font-weight: normal;
    }

        .additionalinfo .score label {
            color: #fc8f00;
            margin-right: 5px;
        }

    .additionalinfo a {
        float: left;
        width: 104px;
        height: 38px;
        margin-left: 10px;
        background-image: url(../images/ico.png);
        background-repeat: no-repeat;
    }


/*疑难问题、视频、查看解析按钮*/

.btn-difficult {
    background-position: -200px -50px;
}

.btn-video {
    background-position: -200px -150px;
}


.btn-difficult.active {
    background-position: -200px -100px;
}

.btn-video:hover,
.btn-video.active {
    background-position: -200px -200px;
}

.btn-viewanswer {
    position: relative;
    padding: 5px 23px 5px 7px;
    height: 20px;
    line-height: 20px;
    display: block;
    font-size: 14px;
    color: #19af5a;
    background-color: #f4f4f4;
    border: 1px solid #e5e5e5;
}

    .btn-viewanswer em {
        width: 11px;
        height: 7px;
        position: absolute;
        right: 7px;
        top: 13px;
        background-image: url(../images/ico.png);
        background-repeat: no-repeat;
    }

.btn-uparrow {
    background-position: -50px -50px;
}

.btn-downarrow {
    background-position: -50px -200px;
}

.btn-viewanswer.active {
    color: #999;
}

.answer-div {
    float: left;
    padding-left: 35px;
}

.texteditor {
    border: 1px solid #d0d0d0;
    height: 98px;
    margin-top: 14px;
    margin-bottom: 15px;
    overflow-y: scroll;
    line-height: 30px;
    word-wrap: break-word;
    word-break: break-word;
}

.basicinfo {
    position: absolute;
    top: 25px;
    right: 20px;
}

    .basicinfo label {
        margin-left: 23px;
        font-size: 16px;
    }

.title-width {
    width: 70%;
}

.btn-edit {
    margin-top: -8px;
    margin-left: 25px;
    width: 144px;
    height: 38px;
    display: inline-block;
    background: url(../images/ico.png) no-repeat -200px -250px;
}

    .btn-edit:hover {
        background-position: -300px 0px;
    }


/*互批作业小弹层*/

.layer-PeerEvaluation {
    position: absolute;
    right: 15px;
    top: 50px;
    width: 963px;
    height: auto;
    padding-top: 15px;
    padding-left: 25px;
    padding-bottom: 10px;
    text-align: left;
    z-index: 10;
    background-color: #fff;
    border: 1px solid #32ca73;
    box-shadow: 5px 5px 15px #e4e4e4;
}


    .layer-PeerEvaluation h4 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 5px;
        float: left;
        color: #333;
    }

    .layer-PeerEvaluation span {
        width: 6px;
        height: 6px;
        background: #6e6e6e;
        display: block;
        float: left;
        margin: 10px 10px 0px 0px;
    }

    .layer-PeerEvaluation .pad-top {
        padding-top: 10px;
    }

.layer-PeerEvaluation-ul {
    border-bottom: 1px dashed #999;
    padding-bottom: 10px;
}

    .layer-PeerEvaluation-ul.noboder {
        border-bottom: 0px;
    }

    .layer-PeerEvaluation-ul li {
        float: left;
        line-height: 24px;
        font-size: 16px;
        padding: 2px 10px 2px 0px;
        white-space: nowrap;
        overflow: hidden;
        margin-right: 30px;
    }

        .layer-PeerEvaluation-ul li a {
            font-size: 14px;
        }

            .layer-PeerEvaluation-ul li a label {
                font-size: 14px;
            }

.layer-500 {
    width: 475px;
    top: 58px;
    right: 0px;
    padding-top: 10px;
}

    .layer-500 li {
        width: 15.3%;
    }

.layer-501 {
    width: 475px;
    top: 58px;
    right: 0px;
    padding-top: 10px;
}

    .layer-501 li {
        width: 15.3%;
    }

    .layer-501 .defined-arrow {
        right: 288px;
    }


/*图片答案、在线答案*/

.answer-con {
    width: 100%;
}

.con-left {
    float: left;
    width: 75%;
}

.con-right {
    float: right;
    width: 23.1%;
    border: 1px solid #e6e6e6;
    padding-top: 20px;
    height: 585px;
    overflow-y: scroll;
}

.con-left .answer-img {
    max-width: 870px;
    margin-bottom: 30px;
}

.con-right h3 {
    font-size: 18px;
    margin-bottom: 5px;
    padding-left: 23px;
}

.testscore-div {
    height: 28px;
    line-height: 28px;
    padding: 8px 0px;
    font-size: 16px;
    padding-left: 23px;
    /*Jerry edit start*/
    position: relative;
    /*Jerry edit end*/
}

.testscore_info {
    width: 475px;
    height: auto;
    max-height: 500px;
    overflow-y: auto;
}
/*Jerry edit start*/

.testscore-div .layer-501 {
    top: 52px;
    right: -28px;
    display: none;
}

    .testscore-div .layer-501.active {
        display: block;
    }

.selectresult-ul img {
    width: auto;
}
/*Jerry edit end*/
.con-bottom {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

/*成绩分析--成绩单*/

.statistical-info {
    margin-bottom: 50px;
    font-size: 16px;
}

    .statistical-info .statistical-span {
        margin-right: 45px;
        margin-left: 5px;
    }

.report-div {
    padding-left: 118px;
    padding-right: 118px;
}

.screenType-ul {
    display: inline-block;
    float: right;
    margin-right: 1px;
}

    .screenType-ul li {
        float: left;
        position: relative;
        margin-right: -1px;
        background-color: #f4f4f4;
        border: 1px solid #d7d7d7;
    }

        .screenType-ul li a {
            padding: 0px 20px;
            display: block;
            line-height: 47px;
            text-align: center;
            font-size: 18px;
            font-family: "微软雅黑";
            color: #666;
            box-sizing: content-box;
        }

        .screenType-ul li.active a,
        .screenType-ul li:hover a {
            background-color: #32ca73;
            color: #fff;
        }

    .screenType-ul li {
        border-bottom: none;
    }

.no-ico {
    text-indent: 0;
}


/*老师权限--成绩单*/

.report-div .statistical-info {
    margin-top: 20px;
    text-align: center;
}

    .report-div .statistical-info .statistical-span {
        font-size: 14px;
        font-weight: bold;
    }
/*老师权限--解锁作业*/
.report-div .statistical-info1 {
    margin-top: 20px;
    /*text-align: center;*/
}

    .report-div .statistical-info1 .statistical-span {
        font-size: 14px;
        font-weight: bold;
        margin-right: 45px;
        margin-left: 100px;
    }

.report-div h2, .report-div h3 {
    text-align: center;
    margin-bottom: 40px;
}


/*弹层选择作业和班级*/

.select-layer {
    font-size: 14px;
    color: #333;
}

    .select-layer .statistical-span {
        padding-top: 8px;
        padding-bottom: 8px;
        font-weight: bold;
    }

    .select-layer .select_selected {
        height: 36px;
        min-width: 300px;
        color: #333;
        font: 14px "微软雅黑";
        padding-left: 8px;
    }

.contrast-title {
    position: relative;
    top: 18px;
    display: inline-block;
    font-size: 26px;
    font-weight: normal;
    text-align: center;
    padding: 0px 30px;
    background-color: #fff;
}

.bg-contast {
    position: relative;
    width: 100%;
    margin-bottom: 70px;
    border-bottom: 2px solid #32ca73;
    text-align: center;
}


/*成绩分析*/

.diagram-con {
    padding-left: 20px;
    padding-right: 20px;
}

.border-cricle {
    position: relative;
    width: 82px;
    height: 82px;
    margin-left: 97px;
    display: inline-block;
    text-align: center;
    border: 5px solid #f3be3f;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    cursor: pointer;
}

.border-cricle2 {
    border: 5px solid #f0d80e;
    margin-left: 76px;
}

.border-cricle3 {
    border: 5px solid #c0e431;
    margin-left: 76px;
}

.border-cricle4 {
    border: 5px solid #8cd8df;
    margin-left: 76px;
}

.border-cricle5 {
    border: 5px solid #8cafdf;
    margin-left: 76px;
}

.border-cricle6 {
    border: 5px solid #32ca73;
    margin-left: 76px;
}

.border-cricle:hover,
.border-cricle.active {
    background-color: #f3be3f;
    color: #fff;
}

.border-cricle2:hover,
.border-cricle2.active {
    background-color: #f0d80e;
    color: #fff;
}

.border-cricle3:hover,
.border-cricle3.active {
    background-color: #c0e431;
    color: #fff;
}

.border-cricle4:hover,
.border-cricle4.active {
    background-color: #8cd8df;
    color: #fff;
}

.border-cricle5:hover,
.border-cricle5.active {
    background-color: #8cafdf;
    color: #fff;
}

.border-cricle6:hover,
.border-cricle6.active {
    background-color: #32ca73;
    color: #fff;
}

.border-cricle .p-class {
    font-size: 14px;
}

.border-cricle .p-name {
    font-size: 20px;
}

.border-cricle .p-class.first {
    margin-top: 15px;
}

.fullmark {
    width: 100%;
}

    .fullmark em.em-rectangle {
        width: 11px;
        height: 11px;
        margin-right: 5px;
        background-color: #ff5114;
        display: inline-block;
    }

    .fullmark span {
        float: right;
        line-height: 46px;
    }


/*视频查看*/

.indent-h3 {
    line-height: 25px;
    font-size: 16px;
    margin: 26px 96px;
}

.video-con {
    margin-top: 25px;
}

.video-img {
    width: 100%;
    position: relative;
    text-align: center;
}

    .video-img img {
        max-width: 1160px;
        border-bottom: 3px solid #32ca73;
    }

.video-play {
    position: absolute;
    left: 47%;
    top: 42%;
    display: block;
    width: 79px;
    height: 79px;
    background: url(../images/video-play.png);
}

.svideo-play {
    width: 35px;
    height: 35px;
    left: 38%;
    top: 35%;
    background: url(../images/svideo-play.png);
}

.wrapper {
    position: relative;
    padding: 0px 70px;
    width: 1020px;
    overflow: hidden;
}

.picbox {
    width: 1020px;
    height: 101px;
    overflow: hidden;
    position: relative;
}

.swaplist {
    position: absolute;
    left: -3000px;
    top: 0px;
}

.piclist {
    height: 101px;
    position: absolute;
    left: 0px;
    top: 0px;
}

    .piclist li {
        float: left;
        position: relative;
        margin-left: 27px;
        margin-right: 27px;
    }

        .piclist li img {
            width: 150px;
            height: 96px;
        }

.og_prev,
.og_next {
    display: block;
    position: absolute;
    top: 7px;
    font-size: 54px;
    color: #32ca73;
    cursor: pointer;
}

.og_prev {
    left: 30px;
}

.og_next {
    right: 30px;
}


/*完成情况*/

.situationlist {
    position: relative;
    margin-bottom: 30px;
    padding: 10px 35px 10px;
    border: 1px solid #e6e6e6;
    font-size: 16px;
    line-height: 40px;
}

    .situationlist .default-status {
        font-size: 14px;
    }

.situationlist-ul li {
    float: left;
    position: relative;
    line-height: 40px;
    width: 15.5%;
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
}

    .situationlist-ul li label {
        position: relative;
    }

.turnleft {
    display: block;
    float: left;
    width: 50px;
    height: 20px;
    /*background: url(../images/arr.gif) no-repeat;*/
    font-size: 14px;
    text-indent: 16px;
    background-position: 2px 6px;
}

.turnright {
    display: block;
    float: left;
    width: 50px;
    height: 20px;
    /*background: url(../images/arr.gif) no-repeat;*/
    font-size: 14px;
    text-indent: 16px;
    background-position: 2px -21px;
}
/*Jerry add start*/
.btn-audio-ear {
    background-position: -320px -150px;
}

.em-tips {
    background-position: 0 -200px;
    width: 12px;
    height: 24px;
    display: inline-block;
    margin-top: 13px;
    margin-left: 25px;
}


/*Jerry add start*/
/*星星打分*/
.stars_score {
    height: 60px;
    line-height: 20px;
}

    .stars_score .level {
        padding-left: 0px;
        margin-right: 20px;
    }

.teacher_msg {
    font-size: 16px;
    color: #333;
}
/*未提交的试卷*/
.new-test-title {
    height: 108px;
    font-size: 30px;
    color: #333;
    line-height: 108px;
    text-align: center;
    position: relative;
}

.code {
    position: absolute;
    top: 30px;
    right: 50px;
}
/* 听听力*/
.testpart1-con .no_submit {
    width: 104px;
    height: 38px;
    margin-left: 10px;
    background-image: url(../images/ico.png);
    background-repeat: no-repeat;
    display: inline-block;
    float: right;
    /*margin-right: 40px;*/
}
/*dialog start*/
.hidden {
    display: none;
}

.dialog {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    display: none;
}

.dialog_bg {
    background: #666;
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
}

.dialog_info {
    width: 548px;
    height: 300px;
    border-radius: 15px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -274px;
}

.dialog_header {
    height: 50px;
    line-height: 50px;
    background: #32ca73;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    border-radius: 15px 15px 0 0;
}

    .dialog_header span {
        margin-left: 42px;
    }

.dialog_body {
    height: 185px;
    line-height: 185px;
    text-align: center;
    color: #333;
    font-size: 20px;
}

    .dialog_body .em-duigou {
        left: 182px;
        top: 125px;
    }

.dialog_footer {
    height: 65px;
    line-height: 65px;
    text-align: center;
    background: #e0f7ea;
    border-radius: 0 0 15px 15px;
}

.dialog_btn {
    width: 108px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #32ca73;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #32ca73;
    cursor: pointer;
}

.cancle_btn {
    background: #fff;
    color: #32ca73;
    margin-left: 70px;
}
/*dialog end*/
/*老师查看学生作业*/
.teacher_suggest {
    width: 96.5%;
    height: 320px;
    resize: none;
    border: 1px solid #e6e6e6;
    padding: 20px;
    font-size: 14px;
    color: #333;
}

.submit_btn {
    width: 190px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: inline-block;
    background: #ffa914;
    color: #fff;
    font-size: 24px;
    border-radius: 5px;
    margin-top: 40px;
    margin-left: 485px;
}



/* ///////////////////////////////////////////////////////////////////////////*/
/* 修改的 */
.con-left {
    width: 75%; /*wj*/
}

    .con-left img {
        width: auto;
    }

.con-right {
    /*width: 18.2%;*/ /*wj*/
    /*position: fixed;*/ /*wj*/
    right: 18%;
    top: 282px;
}

/* 新增加--问题反馈 */
.advice-box {
    width: 866px;
    height: 316px;
    margin: 0 auto;
    margin-top: 60px;
    border: 1px solid #e6e6e6;
    padding: 20px 28px;
    text-align: center;
}

    .advice-box .advice {
        width: 100%;
        height: 100%;
        border: 0px;
        font-size: 14px;
        line-height: 18px;
        color: #999999;
        text-align: left;
    }

.advice-btn {
    width: 190px;
    height: 60px;
    margin: 0 auto;
    margin-top: 50px;
    background-color: #ffa914;
    color: #fff;
    font-size: 24px;
    line-height: 60px;
    border-radius: 5px;
    text-align: center;
    display: block;
}


/* 新增加--我的错题 */
.btn-difficult {
    background-position: -200px -51px;
}

.btn-audio {
    background-position: -320px -51px;
}

    .btn-audio.active {
        background-position: -320px -100px;
    }



/* 完成情况 */
.em-tanhao2 {
    width: 32px;
    height: 32px;
    left: -16px;
    top: 35px;
    background-position: -1px -300px;
}

.em-duigou2 {
    width: 32px;
    height: 32px;
    left: -16px;
    top: 35px;
    background-position: -51px -300px;
}

.red-status {
    color: #f13e3e;
}


/* 星星评分 */
.level {
    height: 20px;
    padding: 20px 0px;
    padding-left: 23px;
}

    .level .text {
        float: left;
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
        color: #333333;
        line-height: 18px;
    }

    .level .level_solid, .level .level_hollow {
        float: left;
        background-image: url("../images/ico.png");
        background-repeat: no-repeat;
        display: inline-block;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

    .level .level_solid {
        background-position: 0px -350px;
    }

    .level .level_hollow {
        background-position: -50px -350px;
    }


/* 互评作业 */


.answer-box img {
    width: 100%;
}

.answer-box .selectresult-ul {
    width: 100%;
}

.unused {
    background-color: #fafafa;
}

.layer-500 .white-arrow {
    right: 70px;
}

.layer-500 .white-arrow-background {
    right: 70px;
}

.layer-PeerEvaluation2 {
    position: absolute;
    display: none;
    right: 15px;
    bottom: 60px;
    width: 963px;
    height: auto;
    padding-top: 15px;
    padding-left: 25px;
    padding-bottom: 10px;
    text-align: left;
    z-index: 10;
    background-color: #fff;
    border: 1px solid #32ca73;
}

    .layer-PeerEvaluation2 h4 {
        line-height: 40px;
        font-size: 16px;
        margin-bottom: 10px;
    }

.layer-PeerEvaluation2-ul li {
    width: 13.7%;
    float: left;
    line-height: 24px;
    font-size: 16px;
    padding: 2px 5px 2px 0px;
    white-space: nowrap;
    overflow: hidden;
}

.table > tbody > tr > td .layer-PeerEvaluation2-ul li a {
    color: #333333;
}

.layer-PeerEvaluation2 .defined-arrow {
    position: absolute;
    top: -13px;
    right: 44px;
    width: 0px;
    height: 0px;
    border-color: #32ca73;
    border-width: 7px;
    border-style: solid;
}

.layer-PeerEvaluation2 .white-arrow-background {
    border-color: #fff transparent transparent;
    border-width: 14px 7px 0px 7px;
    top: initial;
    bottom: -14px;
    z-index: 11;
    right: 120px;
}

.layer-PeerEvaluation2 .white-arrow {
    border-color: #32ca73 transparent transparent;
    border-width: 14px 7px 0px 7px;
    bottom: -15px;
    top: initial;
    right: 120px;
}


/*班级分析表 start*/
.main-content .select_selected {
    min-width: 130px;
}

.main-content .statistical-span {
    margin-right: 30px;
    margin-left: 0px;
}

.search_button {
    width: 94px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background: #ffa914;
    display: inline-block;
    vertical-align: middle;
}

.date_input {
    width: 160px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #666;
    border: 1px solid #ccc;
    padding: 0 5px;
}

.main-content .table > thead > tr > th {
    line-height: 22px;
    height: 45px;
    padding: 5px;
    border: 0px;
}
/*班级分析表 end*/
/*教师统计表 end*/
.main-content .statistical-info {
    text-align: center;
    margin-top: 20px;
}

.main-content .table.min_table {
    width: 920px;
}
/*教师统计表 end*/
/*教师统计表 end*/
.em-red-tanhao {
    width: 33px;
    height: 33px;
    left: -16px;
    top: 35px;
    background-position: 0px -300px;
}

.em-orange-duigou {
    width: 33px;
    height: 33px;
    left: -16px;
    top: 35px;
    background-position: -50px -300px;
}
/* 批改主观题 */
.btn-edit-zgt:hover {
    background-position: -200px -300px;
}

.btn-edit-zgt {
    margin-top: -8px;
    margin-left: 25px;
    width: 144px;
    height: 38px;
    display: inline-block;
    background: url(../images/ico.png) no-repeat -200px -348px;
}

.shade {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #000;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 9;
}

.success {
    width: 356px;
    height: 113px;
    background-color: #fff;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-size: 30px;
    color: #333;
    line-height: 113px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -190px;
    display: none;
    z-index: 999;
    border-radius: 10px;
}



/* 设置管理员账号 fanyy 2016.6.2*/
.tr {
    text-align: right;
}

.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.tips {
    color: #999;
    line-height: 40px;
}

.search_input {
    width: 480px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #666;
    border: 1px solid #ccc;
    padding: 0 5px;
}

    .search_input.active {
        border: 1px solid #ffa914;
    }

.icon-search {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/ico.png);
    background-repeat: no-repeat;
    background-position: -100px -150px;
    width: 20px;
    height: 22px;
}

.setadmin .search_button {
    margin-left: -5px;
}

.btn-setadmin {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/ico.png);
    background-repeat: no-repeat;
    background-position: -200px -400px;
    width: 100px;
    height: 30px;
}

.btn-deladmin {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/ico.png);
    background-repeat: no-repeat;
    background-position: -200px -460px;
    width: 100px;
    height: 30px;
}

.icon-plaint {
    background-image: url(../images/ico.png);
    background-repeat: no-repeat;
    background-position: 10px -400px;
    display: inline-block;
    width: 30px;
    height: 21px;
    vertical-align: middle;
}

/* 布置作业 */
.color-999 {
    color: #999;
}

.tips-box {
    color: #999;
    line-height: 50px;
    position: relative;
}

    .tips-box .btn-orange {
        line-height: 30px;
        height: 30px;
        width: auto;
        font-size: 18px;
        padding: 0px 20px;
        display: inline-block;
        margin-left: 10px;
    }

.add-homework .edit-icon {
    background-image: url(../images/ico.png);
    background-repeat: no-repeat;
    background-position: -50px -400px;
    display: inline-block;
    width: 40px;
    height: 34px;
    vertical-align: bottom;
}

.add-homework .require-list {
    padding-left: 40px;
}

    .add-homework .require-list li {
        font-size: 16px;
        margin-top: 28px;
        color: #666;
    }

    .add-homework .require-list .icon {
        background-image: url(../images/ico.png);
        background-repeat: no-repeat;
        background-position: -50px -146px;
        display: inline-block;
        width: 14px;
        height: 26px;
        vertical-align: middle;
    }

    .add-homework .require-list .title {
        font-size: 20px;
    }

.add-homework .title-tips {
    font-size: 26px;
}

.add-homework .date_input {
    display: block;
    margin-left: 20px;
    margin-top: 10px;
    position: relative;
}

.add-homework .report-div {
    padding-left: 60px;
    text-align: right;
}

.add-homework .grade-box {
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    padding: 24px 0px 78px;
    text-align: left;
}

.add-homework .screenType-ul {
    float: none;
    vertical-align: bottom;
}

.add-homework .grade-list {
    text-align: center;
}

    .add-homework .grade-list li {
        width: 94px;
        height: 94px;
        border-radius: 50%;
        background-color: #e0e0e0;
        line-height: 94px;
        font-size: 24px;
        color: #fff;
        float: left;
        margin-top: 34px;
        margin-left: 20px;
        margin-right: 26px;
        cursor: pointer;
    }

        .add-homework .grade-list li:hover {
            background-color: #c0e431;
        }

        .add-homework .grade-list li.active {
            background-color: #32ca73;
        }

.add-homework .count-box .alredy {
    margin-left: 55px;
}

.add-homework .count-box .count {
    color: #ffa914;
}

.btn-orange {
    width: 190px;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    color: #fff;
    background-color: #ffa914;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
}

    .btn-orange:active {
        background-color: #e89911;
    }

.add-homework .search-box {
    line-height: 40px;
    position: relative;
}

    .add-homework .search-box span {
        cursor: pointer;
    }

#paperinfo {
    background: #fff;
    height: 25px;
    line-height: 25px;
    position: absolute;
    left: 0px;
    top: 10px;
    font-size: 14px;
}

    #paperinfo a.datediff {
        color: #333;
        float: left;
        margin-right: 15px;
        cursor: pointer;
        padding: 0px 8px;
        text-align: center;
        border-radius: 3px;
    }

    #paperinfo a.datediff_current {
        color: #fff;
        background-color: #32ca73;
    }

.juan-title {
    line-height: 20px;
    display: inline-block;
    text-align: left;
    padding: 10px;
}

.juan-title-th {
    width: 600px;
}

/*登录页改版*/
.bg_white {
    background-color: #fff;
}

.top-logo img.login_logo {
    width: 530px;
    height: 53px;
}

.login-box {
    /*height: 595px;
    background-color: #f5fbfd;
   border-bottom: 1px solid #dbdcdb;*/
    margin-top: 2px;
}

    .login-box .auto-login .uncheck-agreement {
        background: none;
        padding-left: 0px;
    }

        .login-box .auto-login .uncheck-agreement .icon {
            display: inline-block;
            width: 21px;
            height: 21px;
            vertical-align: middle;
            background: url(../images/login_icon.png) no-repeat -50px -200px;
        }

    .login-box .auto-login .check-agreement {
        background: none;
        padding-left: 0px;
    }

        .login-box .auto-login .check-agreement .icon {
            display: inline-block;
            width: 21px;
            height: 21px;
            vertical-align: middle;
            background: url(../images/login_icon.png) no-repeat -0px -200px;
        }

    .login-box .container {
        height: 595px;
        padding-top: 72px;
    }

    .login-box .form-box {
        width: 446px;
        float: right;
    }

    .login-box .arrow {
        border-color: transparent transparent #dbdcdb;
        border-width: 14px 7px 14px 7px;
        position: absolute;
        width: 0px;
        height: 0px;
        display: block;
    }

    .login-box .login-form-bottom .back-home {
        font-size: 14px;
        color: #ffa914;
        background: url(../images/login_icon.png) no-repeat;
        background-position: 0px -152px;
        line-height: 40px;
        padding-left: 25px;
    }

    .login-box .login-form-bottom {
        width: 420px;
        height: 75px;
        background: url(../images/login_form_bg.png) no-repeat 1px;
        padding: 0px 35px;
    }

    .login-box .login-form {
        width: 372px;
        /*height: 350px;*/
        border: 1px solid #dbdcdb;
        border-bottom: none;
        background-color: #fcfcfc;
        padding: 35px;
        padding-bottom: 0px;
    }

        .login-box .login-form .title {
            font-size: 20px;
            color: #595959;
            text-align: center;
            position: relative;
            padding-bottom: 20px;
        }

            .login-box .login-form .title:before {
                content: '';
                position: absolute;
                left: 0px;
                top: 14px;
                height: 1px;
                width: 120px;
                background-color: #dbdcdb;
            }

            .login-box .login-form .title:after {
                content: '';
                position: absolute;
                right: 0px;
                top: 14px;
                height: 1px;
                width: 120px;
                background-color: #dbdcdb;
            }

        .login-box .login-form .form-item {
            width: 372px;
            position: relative;
        }

            .login-box .login-form .form-item input {
                height: 44px;
            }

            .login-box .login-form .form-item select {
                width: 100%;
                height: 44px;
                float: left;
                border: none;
                outline: none;
                padding-left: 40px;
                font-size: 16px;
                line-height: 44px;
                background-color: transparent;
            }

            .login-box .login-form .form-item i {
                float: left;
                height: 24px;
                margin: 10px 9px;
                background: url(../images/login_icon.png) no-repeat;
            }

                .login-box .login-form .form-item i.user-ico {
                    width: 30px;
                    background-position: 0px 0px;
                }

        .login-box .login-form .form-item-fcous i.user-ico {
            background-position: -50px 0px;
        }

        .login-box .login-form .form-item i.pwd-ico {
            width: 30px;
            background-position: 0px -50px;
        }

        .login-box .login-form .form-item-fcous i.pwd-ico {
            background-position: -50px -50px;
        }

        .login-box .login-form .form-item i.identity-ico {
            width: 30px;
            background-position: 0px -100px;
            background-position: 0px -100px;
            position: absolute;
            left: 0px;
        }

        .login-box .login-form .form-item-fcous i.identity-ico {
            background-position: -50px -100px;
        }

        .login-box .login-form .login-btn {
            background-color: #3cc976;
            outline: none;
        }

            .login-box .login-form .login-btn:hover {
                background-color: #15b055;
                outline: none;
            }

            .login-box .login-form .login-btn:focus {
                background-color: #3cc976;
                outline: none;
            }

/*3期注册登录新增*/
.logintop {
    height: 264px;
    /*background: url(../images/index_02_02.png) no-repeat center;*/
}

.login-form-bottom a {
    display: block;
    width: auto;
    color: #15B055;
    line-height: 70px;
}

    .login-form-bottom a.la {
        float: left;
    }

    .login-form-bottom a.ra {
        float: right;
        margin-right: 45px;
    }

.login-form .divGrade {
    position: relative;
    height: 46px;
    line-height: 46px;
}

    .login-form .divGrade input, .login-form .divGrade select {
        position: absolute;
        border-radius: 4px;
        border: 1px #e5e5e5 solid;
        width: 100%;
        height: 38px;
        line-height: 38px;
        font-size: 18px;
        color: #767676;
        font-family: '微软雅黑';
    }

.login-form .divPhone {
    position: relative;
    height: 40px;
    background: #ffffff;
    line-height: 40px;
    border-radius: 4px;
    border: 1px #e5e5e5 solid;
}

.login-form .mod_new_fcous {
    border: 1px solid #00d216;
    box-shadow: 0px 0px 6px rgba(52, 200, 116, .3);
}

.login-form .divPhone input {
    position: relative;
    height: 35px;
    line-height: 35px;
    width: 85%;
    font-size: 14px;
    color: #767676;
    font-family: '微软雅黑';
    border: 0;
}

.login-form .divPhone .phone-ico {
    position: relative;
    width: 33px;
    height: 40px;
    display: block;
    float: left;
    background: url(../images/icon2.png) no-repeat 8px 11px;
}

.login-form .divPhone .TrueName-ico {
    position: relative;
    width: 33px;
    height: 40px;
    display: block;
    float: left;
    background: url(../images/icon2.png) no-repeat -241px 11px;
}

.login-form .divPhone .password-ico {
    position: relative;
    width: 33px;
    height: 40px;
    display: block;
    float: left;
    background: url(../images/icon2.png) no-repeat -88px 11px;
}

.login-form .divCode {
    position: relative;
    height: 40px;
    width: 60%;
    float: left;
    background: #ffffff;
    line-height: 40px;
    border-radius: 4px;
    border: 1px #e5e5e5 solid;
}

    .login-form .divCode .code-ico {
        position: relative;
        width: 33px;
        height: 40px;
        display: block;
        float: left;
        background: url(../images/icon2.png) no-repeat -38px 11px;
    }

    .login-form .divCode .code {
        position: absolute;
        float: left;
        left: 33px;
        top: 0px;
        width: 170px;
        height: 38px;
        line-height: 38px;
        font-size: 14px;
        color: #767676;
        font-family: '微软雅黑';
        border: 0;
    }

.login-form .divGetCode {
    position: relative;
    width: 135px;
    height: 40px;
    float: right;
    line-height: 40px;
    border-radius: 4px;
    background: #ff7723;
    text-align: center;
}

    .login-form .divGetCode a {
        color: white;
        font-size: 14px;
    }

.login-form .divTip {
    height: 80px;
    display: block;
    color: red;
    line-height: 400%;
}

.login-box .rb {
    height: 30px;
    background: url(../images/login_form_bg.png) no-repeat 1px -45px;
}

.margintop {
    margin-top: 10px;
}

.login-box .regist {
    border-bottom: 1px solid #dbdcdb;
    padding-bottom: 30px;
}
/*.login-form .divPhone input{position:relative;height:35px;line-height:35px;width:85%;font-size:18px;color:#767676;font-family:'微软雅黑';border:0}
.login-form .divPhone .phone-ico{position:relative;width:33px;height:40px;display:block;float:left;background:url(../images/icon2.png) no-repeat 8px 11px}
.login-form .divPhone .password-ico{position:relative;width:33px;height:40px;display:block;float:left;background:url(../images/icon2.png) no-repeat -88px 11px}
.login-form .divCode{position:relative;height:40px;width:60%;float:left;background:#ffffff;line-height:40px;border-radius:4px;border:1px #e5e5e5 solid}
.login-form .divCode .code-ico{position:relative;width:33px;height:40px;display:block;float:left;background:url(../images/icon2.png) no-repeat -38px 11px}
.login-form .divCode .code{position:absolute;float:left;left:33px;top:0px;width:170px;height:38px;line-height:38px;font-size:18px;color:#767676;font-family:'微软雅黑';border:0}
.login-form .divGetCode{position:relative; width:135px; height:40px;float:right; line-height:40px;border-radius:4px;border:1px #e5e5e5 solid; background:#15B055;text-align:center; }
.login-form .divGetCode a{color:white;font-size:18px;}
.login-form .divTip {height:80px;display:block;color:red; line-height:400%; }
.login-box .rb{height: 30px; background: url(../images/login_form_bg.png) no-repeat 1px -45px;}
.margintop{margin-top:6px}*/

.bigpic {
    background: url(../images/invite_02.png) no-repeat center;
    height: 345px;
}

.picdown {
    background: #f5fbfd;
    position: relative;
    height: auto;
    padding: 20px 0;
}

    .picdown .p1 {
        position: relative;
        width: 1200px;
        margin: 0 auto;
    }

        .picdown .p1 h3 {
            color: #2a2a2a;
        }

        .picdown .p1 p {
            color: #7f7f7f;
        }

        .picdown .p1 .share {
            position: absolute;
            top: -10px;
            left: 450px;
            width: 500px;
        }

            .picdown .p1 .share ul {
                margin: 0;
                padding: 0;
            }

                .picdown .p1 .share ul li {
                    list-style: none;
                    width: 64px;
                    height: 64px;
                    float: left;
                    margin-left: 30px;
                }

                    .picdown .p1 .share ul li.s1 {
                        background: url(../images/icon2.png) no-repeat 0 -52px;
                    }

                    .picdown .p1 .share ul li.s2 {
                        background: url(../images/icon2.png) no-repeat -88px -52px;
                    }

                    .picdown .p1 .share ul li.s3 {
                        background: url(../images/icon2.png) no-repeat -170px -52px;
                    }

                    .picdown .p1 .share ul li.s4 {
                        background: url(../images/icon2.png) no-repeat -262px -52px;
                    }

                    .picdown .p1 .share ul li.s5 {
                        background: url(../images/icon2.png) no-repeat -348px -52px;
                    }

.pcidown .p1 .hr {
    height: 20px;
    border-bottom: 1px red solid;
    width: 100%;
}

.content, .content1 {
    background: #f5fbfd;
    min-height: 300px;
    border-bottom: 1px #ebebeb solid;
}

    .content .table {
        width: 1200px;
        margin: 0 auto;
    }

        .content .table h4 {
            height: 30px;
            margin-top: 10px;
        }

        .content .table table {
            width: 100%;
        }

            .content .table table thead th {
                text-align: left;
                background: #dcdcdc;
                height: 30px;
            }

            .content .table table tr td {
                height: 30px;
                line-height: 30px;
            }

                .content .table table tr td i {
                    float: left;
                    width: 20px;
                    height: 20px;
                    background: url(../images/icon2.png) no-repeat -202px 0;
                    display: block;
                }

        .content .table .wu {
            height: 30px;
            line-height: 30px;
            color: red;
        }

.content1 {
    border-top: 1px #ebebeb solid;
}

    .content1 .table {
        width: 1200px;
        margin-top: 10px;
    }

        .content1 .table p {
            color: #169e50;
            padding: 10px 0;
            font-size: 18px;
            font-weight: normal;
            font-family: '微软雅黑';
            border-bottom: 1px #ebebeb solid;
        }

            .content1 .table p span {
                color: #767676;
                display: block;
                margin: 5px 0;
                font-size: 18px;
            }

.trline {
    border-bottom: 1px solid #d1d1d1;
    color: #9d9f9f;
}

.adv-pic {
    background: url(../images/adv_02.png) center top no-repeat;
    height: 377px;
    margin: 0 auto;
    width: 100%;
}

.adv-pic-img1 {
    cursor: pointer;
    background: url(../images/adv_03_01.gif) center top no-repeat;
    height: 246px;
    margin: 0 auto;
    width: 100%;
}

.adv-pic-img2 {
    cursor: pointer;
    background: url(../images/adv_03_02.gif) center top no-repeat;
    height: 131px;
    margin: 0 auto;
    width: 100%;
}

.adv-content .pic1 {
    height: 603px;
    width: 1200px;
    margin: 0 auto;
    background: url(../images/adv_04.png) no-repeat;
}

    .adv-content .pic1 h2, .adv-content .pic2 h2, .adv-content .pic3 h2 {
        color: #169e50;
    }

    .adv-content .pic1 p {
        font-size: 18px;
        line-height: 200%;
        width: 741px;
        height: 158px;
        display: block;
        float: left;
    }

.adv-content .pic2 {
    height: 328px;
    width: 1200px;
    margin: 0 auto;
}

    .adv-content .pic2 p {
        font-size: 18px;
        line-height: 200%;
        width: 1200px;
        height: 63px;
        display: block;
        float: left;
    }

.adv-content .pic3 {
    height: 430px;
    width: 1200px;
    margin: 0 auto;
}

    .adv-content .pic3 p {
        font-size: 18px;
        line-height: 200%;
        width: 1200px;
        height: 63px;
        display: block;
        float: left;
    }

.footer {
    height: 50px;
}

/*4 期新增*/
#tbodybank .wlr {
    color: #f30e46;
}

#tbodybank .ddpg {
    color: #ffa914;
}

#tbodybank .ypg {
    color: rgb(50, 202, 115);
}

.hqrcode {
    margin-right: 44px;
    float: right;
    font-size: 10px;
    padding-top: 20px;
    line-height: 12px;
}

.main-content .refreshPic {
    float: left;
    padding-bottom: 30px;
}

    .main-content .refreshPic a {
        color: #fff;
        background-color: #f31212;
        padding: 10px 10px 10px 10px;
        font-size: 14px;
    }


/*5 期新增*/
/*5 期 背景颜色*/
.bg_blue {
    background-color: #f5fbfd;
}

.qqserver {
    position: fixed;
    top: 40%;
    right: 0;
    height: 209px;
    margin-top: -104px;
}

.qqserver_fold {
    position: absolute;
    right: 0;
    cursor: pointer;
    width: 49px;
    height: 56px;
    background: url("../images/addimg/side.png") no-repeat 0px 0px;
    margin-top: 30px;
}

    .qqserver_fold .online {
        width: 49px;
        height: 56px;
        display: block;
    }

        .qqserver_fold .online:hover {
            background: url("../images/addimg/side-on-a.png") no-repeat;
        }

.qqserver .feedback {
    width: 49px;
    height: 56px;
    background: url("../images/addimg/side.png") no-repeat 0px -56px;
    margin-top: 86px;
}

    .qqserver .feedback a {
        width: 49px;
        height: 56px;
        display: block;
    }

        .qqserver .feedback a:hover {
            background: url("../images/addimg/side-feed-a.png") no-repeat;
        }

.qqserver .qqserver-body {
    position: absolute;
    right: -144px;
    width: 118px;
    background: url("../images/addimg/side-a.png") no-repeat;
    padding-top: 65px;
}

    .qqserver .qqserver-body a {
        display: block;
        line-height: 42px;
        color: #fff;
        border-bottom: 1px dashed #fff;
        background: url("../images/addimg/con-ico.png") no-repeat 5px #3cc976;
        padding-left: 30px;
    }

    .qqserver .qqserver-body .ul {
        padding: 0px 10px;
        background: #3cc976;
    }

    .qqserver .qqserver-body .feed-ico {
        background: url("../images/addimg/feedico.png") no-repeat 5px;
        border-bottom: 0px;
    }

    .qqserver .qqserver-body a:hover {
        color: #fff;
    }

.qqserver .qqserver_arrow {
    width: 30px;
    height: 35px;
    display: block;
    margin-top: 0px;
    margin-left: 87px;
    cursor: pointer;
}

.qqserver.unfold .qqserver-body {
    right: 0;
}

.feedback_popup {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    right: 0;
    background-color: #000;
    opacity: 0.3;
    display: none;
    width: 100%;
    height: 100%;
}

.feedback_closepopup {
    position: absolute !important;
    left: 0px;
    top: 190px;
    z-index: 3000;
    display: none;
    width: 100%;
}

    .feedback_closepopup .popup_fr {
        width: 478px;
        background: #fff;
        margin: 0px auto;
        border: 1px solid #3cc976;
    }

.popup_tit {
    height: 38px;
    line-height: 38px;
    background: #3cc976;
    position: relative;
}

    .popup_tit span {
        color: #FFF;
        font-size: 18px;
        float: left;
        padding-left: 10px;
    }

    .popup_tit a {
        width: 16px;
        height: 16px;
        background: url("../images/addimg/close.png") no-repeat;
        display: block;
        position: relative;
        right: -220px;
        top: 10px;
    }

.popup_logo {
    width: 428px;
    height: 105px;
    margin: 25px auto;
    text-align: center;
}

.popup_con {
    width: 428px;
    margin: 0px auto;
    overflow: hidden;
}

    .popup_con .view {
        width: 396px;
        border: 1px solid #e6e6e6;
        background: #eee;
        padding: 15px;
        line-height: 24px;
        margin-bottom: 10px;
        font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    }

    .popup_con .contacts {
        width: 396px;
        border: 1px solid #e6e6e6;
        background: #eee;
        padding: 15px;
        margin-bottom: 10px;
    }

    .popup_con .popup-btn {
        width: 172px;
        height: 46px;
        border-radius: 10px;
        background: #ff7623;
        text-align: center;
        line-height: 46px;
        border: 0px;
        color: #fff;
        font-size: 18px;
        cursor: pointer;
        margin: 20px 126px;
    }

        .popup_con .popup-btn:hover {
            background-color: #de6319;
            outline: none;
        }

.sub_succ {
    padding: 20px;
    font-size: 16px;
}

.newadd-Prompt {
    height: 88px;
    background: #5a5a5a;
    color: #fff;
    font-size: 20px;
    line-height: 88px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

    .newadd-Prompt a {
        border: 1px solid #3cc976;
        border-radius: 40px;
        padding: 12px 50px;
        color: #3cc976;
        margin-left: 50px;
    }

        .newadd-Prompt a:hover {
            border: 1px solid #3cc976;
            background: #3cc976;
            color: #fff;
        }
/********新增 找回密码**********/
.back_pwd {
    padding: 80px 0px;
}

    .back_pwd .step {
        width: 950px;
    }

        .back_pwd .step span {
            width: 237px;
            display: block;
            float: left;
            line-height: 50px;
            text-align: center;
            font-size: 16px;
            color: #666;
        }

            .back_pwd .step span.on {
                color: #fff;
            }

    .back_pwd .step1 {
        background: url("../images/addimg/back_pwd.png") no-repeat 0px 0px;
    }

    .back_pwd .step2 {
        background: url("../images/addimg/back_pwd.png") no-repeat 0px -115px;
    }

    .back_pwd .step3 {
        background: url("../images/addimg/back_pwd.png") no-repeat 0px -230px;
    }

    .back_pwd .step4 {
        background: url("../images/addimg/back_pwd.png") no-repeat 0px -344px;
    }

    .back_pwd .step_from {
        width: 370px;
        border: 1px solid #dbdcdb;
        background: #fff;
        margin: 80px auto;
        padding: 20px 10px 50px 10px;
    }

        .back_pwd .step_from .input {
            border: 1px solid #e5e5e5;
            border-radius: 4px;
            background: #fff;
            width: 350px;
            height: 42px;
            padding-left: 10px;
            color: #999;
            font-size: 14px;
            margin: 15px 0px 0px 5px;
        }

            .back_pwd .step_from .input.mod_new_fcous {
                border: 1px solid #00d216;
                box-shadow: 0px 0px 6px rgba(52, 200, 116, .3);
            }

        .back_pwd .step_from .exa {
            width: 182px;
            color: #666;
            font-size: 14px;
            margin: 20px 10px;
            line-height: 24px;
        }

        .back_pwd .step_from .warn {
            color: #ff0000;
            background: url("../images/addwarn-icon.png") no-repeat 0px 3px;
            padding: 0px 0px 10px 20px;
            margin: 5px 0px 0px 5px;
        }

        .back_pwd .step_from .step-submit {
            width: 370px;
            height: 42px;
            display: block;
            line-height: 42px;
            color: #fff;
            font-size: 22px;
            background: #32ca73;
            border-radius: 5px;
            text-align: center;
            margin-top: 10px;
        }

            .back_pwd .step_from .step-submit:hover {
                background: #15b055;
            }

        .back_pwd .step_from .title {
            font-size: 20px;
            color: #595959;
            text-align: center;
            position: relative;
        }

            .back_pwd .step_from .title:before {
                content: '';
                position: absolute;
                left: 0px;
                top: 14px;
                height: 1px;
                width: 120px;
                background-color: #dbdcdb;
            }

            .back_pwd .step_from .title:after {
                content: '';
                position: absolute;
                right: 0px;
                top: 14px;
                height: 1px;
                width: 120px;
                background-color: #dbdcdb;
            }

        .back_pwd .step_from .user_msg {
            border-bottom: 1px dashed #999999;
            margin: 25px 15px;
            padding: 15px 0px;
        }

            .back_pwd .step_from .user_msg .user_msg_name {
                float: left;
                font-size: 14px;
                color: #333;
                padding-top: 10px;
            }

            .back_pwd .step_from .user_msg a {
                padding: 2px 20px;
                background: #32ca73;
                float: right;
                border-radius: 15px;
                line-height: 24px;
                color: #fff;
            }

        .back_pwd .step_from .hint {
            color: #32ca73;
            font-size: 14px;
            padding: 0px 15px 15px 15px;
        }

        .back_pwd .step_from .user_phone {
            margin: 0px 15px;
            padding: 15px 0px;
        }

        .back_pwd .step_from .user_msg_phone {
            float: left;
            padding-top: 10px;
        }

        .back_pwd .step_from .user_phone a {
            float: right;
            background: #b3b3b3;
            padding: 10px 27px;
            border-radius: 5px;
            color: #fff;
            font-size: 14px;
        }

            .back_pwd .step_from .user_phone a:hover {
                background: #ff7723;
            }

        .back_pwd .step_from .user_phone .ver_code {
            border-radius: 4px;
            border: 1px solid #e5e5e5;
            width: 150px;
            height: 42px;
            padding-left: 10px;
            color: #999;
            font-size: 14px;
            margin: 15px 0px 15px 0px;
        }

    .back_pwd .step_from_suc {
        width: 370px;
        margin: 80px auto;
        padding: 20px 10px 50px 10px;
    }

        .back_pwd .step_from_suc .modify_suc {
            width: 46px;
            height: 46px;
            background: url("../images/addimg/success.png") no-repeat;
        }

        .back_pwd .step_from_suc .txt {
            font-size: 16px;
            color: #666;
            text-align: center;
            padding: 20px 0px;
        }

        .back_pwd .step_from_suc a {
            width: 218px;
            height: 42px;
            line-height: 42px;
            text-align: center;
            background: #ff7723;
            border-radius: 5px;
            color: #fff;
            font-size: 16px;
            margin: 0px auto;
            display: block;
            margin-top: 100px;
        }

            .back_pwd .step_from_suc a:hover {
                background: #ff6822;
            }
/*************修改原始密码***********/
.new-login-btn {
    width: 374px;
    height: 46px;
    margin-top: 20px;
    background-color: #32ca73;
    border: none;
    color: #fff;
    font-size: 22px;
    font-family: "微软雅黑";
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

    .new-login-btn:hover {
        background-color: #15b055;
    }

.regist .user_msg {
    padding-bottom: 20px;
}

    .regist .user_msg .user_msg_name {
        float: left;
        font-size: 14px;
        color: #333;
        padding-top: 10px;
    }

    .regist .user_msg a {
        padding: 2px 20px;
        background: #32ca73;
        float: right;
        border-radius: 15px;
        line-height: 24px;
        color: #fff;
    }

/************最新消息****************/

.msg_rem {
    position: fixed;
    bottom: 0px;
    right: 0;
    width: 188px;
    height: 42px;
    background: url("../images/msg_rem_bg.png") no-repeat;
}

    .msg_rem span {
        color: #fff;
        font-size: 16px;
        line-height: 42px;
        padding-left: 70px;
        cursor: pointer;
    }

.msg_rem_con {
    position: fixed;
    bottom: 0px;
    right: 0;
    width: 340px;
    background: #ff7623;
}

    .msg_rem_con ul {
        background: #fff;
        border: 1px solid #dddddd;
        padding: 0px 20px;
    }

        .msg_rem_con ul li {
            border-bottom: 1px solid #ddd;
            padding: 15px 0px;
            color: #333;
            line-height: 24px;
            font-size: 14px;
        }

            .msg_rem_con ul li span {
                color: #666;
            }

            .msg_rem_con ul li a, a:hover {
                color: #3cc976;
            }

            .msg_rem_con ul li.view_all {
                text-align: center;
            }

    .msg_rem_con .stop, .close {
        cursor: pointer;
        float: right;
        width: 12px;
        height: 12px;
        margin: 10px;
    }

/***********翻页***********/
.zypager {
    text-align: center;
    margin: 50px auto;
}

    .zypager a {
        padding: 5px 12px;
        background: #32ca73;
        border-radius: 3px;
        color: #fff;
    }

        .zypager a:hover {
            background: #0ab151;
            color: #fff;
        }

/*********全部消息***********/
.all_msg ul {
    background: #fff;
    padding: 20px;
}

    .all_msg ul li {
        border-bottom: 1px solid #ddd;
        padding: 15px 0px;
        color: #333;
        line-height: 24px;
        font-size: 14px;
    }

        .all_msg ul li b {
            float: left;
        }

        .all_msg ul li span {
            width: 10px;
            height: 15px;
            display: block;
            color: #666;
            float: right;
            background: url("../images/all_msg_delete.png") no-repeat 0px -43px;
            cursor: pointer;
        }

            .all_msg ul li span:hover {
                background: url("../images/all_msg_delete.png") no-repeat 0px 5px;
            }

        .all_msg ul li p {
            clear: both;
        }

        .all_msg ul li a, a:hover {
            color: #3cc976;
        }

.top-help {
    width: 1200px;
    margin: 0px auto;
    text-align: right;
    color: #d8d8d8;
}

    .top-help a {
        line-height: 40px;
        padding: 0px 20px;
        color: #333333;
    }

/****************个人中心******************/
.personal_center {
    padding: 80px;
}

    .personal_center .personal_data {
        border-bottom: 1px solid #ddd;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .personal_center .tit {
        font-size: 18px;
        color: #333;
        padding-bottom: 10px;
    }

    .personal_center p {
        line-height: 34px;
    }

        .personal_center p span a {
            color: #32ca73;
            padding-left: 50px;
        }

.modify {
    width: 330px;
    padding: 35px 25px 0px 25px;
    background: #fff;
    border: 1px solid #dbdcdb;
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -191px;
    z-index: 1001;
}

    .modify .modify_tip {
        font-size: 14px;
        color: #333;
        text-align: center;
        line-height: 30px;
    }

        .modify .modify_tip.tit {
            font-size: 20px;
        }

    .modify .modify_but {
        padding: 30px 0px;
    }

        .modify .modify_but a {
            width: 130px;
            height: 40px;
            border: 1px solid #32ca73;
            background: #fff;
            display: block;
            float: left;
            margin-left: 20px;
            line-height: 40px;
            text-align: center;
            border-radius: 5px;
            font-size: 16px;
            color: #32ca73;
        }

            .modify .modify_but a:hover {
                background: #32ca73;
                color: #fff;
            }

        .modify .modify_but .hover {
            background: #32ca73;
            color: #fff;
        }

        .modify .modify_but a.com {
            width: 173px;
            margin-left: 80px;
        }

    .modify .modify_select {
        padding: 10px 0px;
    }

        .modify .modify_select select {
            width: 284px;
            height: 32px;
            margin: 10px 0px;
            border: 1px solid #888888;
            list-style: none;
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            background: url("../images/select.png") no-repeat scroll right center transparent;
            padding-left: 10px;
            font-size: 14px;
        }

select::-ms-expand {
    display: none;
}

.modify .mod_pwd {
    height: 40px;
    background: #ffffff;
    line-height: 40px;
    border: 1px solid #888888;
    margin-bottom: 10px;
}

    .modify .mod_pwd input {
        position: relative;
        height: 35px;
        line-height: 35px;
        width: 85%;
        font-size: 14px;
        color: #999;
        font-family: '微软雅黑';
        border: 0;
        padding-left: 10px;
    }

.modify .warn {
    color: #ff0000;
    background: url("../images/addwarn-icon.png") no-repeat 0px 3px;
    padding: 0px 0px 0px 20px;
    margin: 5px 0px 0px 5px;
}

.modify .mod_pwd_new {
    position: relative;
    height: 40px;
    background: #ffffff;
    line-height: 40px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
}

.modify .mod_new_fcous {
    border: 1px solid #00d216;
    box-shadow: 0px 0px 6px rgba(52, 200, 116, .3);
}

.modify .mod_pwd_new input {
    position: relative;
    height: 35px;
    line-height: 35px;
    width: 85%;
    font-size: 14px;
    color: #767676;
    font-family: '微软雅黑';
    border: 0;
    margin-left: 5px;
}

.modify .mod_pwd_new .password-ico {
    position: relative;
    width: 33px;
    height: 40px;
    display: block;
    float: left;
    background: url(../images/icon2.png) no-repeat -88px 11px;
}

.modify .user_phone {
    margin: 0px 15px;
    padding: 15px 0px;
}

.modify .user_msg_phone {
    float: left;
    width: 150px;
}

    .modify .user_msg_phone input {
        position: relative;
        height: 35px;
        line-height: 35px;
        width: 85%;
        font-size: 14px;
        color: #999;
        font-family: '微软雅黑';
        border: 0;
        padding-left: 10px;
    }

.modify .divGetCode {
    position: relative;
    width: 135px;
    height: 40px;
    float: right;
    line-height: 40px;
    border-radius: 4px;
    background: #ff7723;
    text-align: center;
}

    .modify .divGetCode a {
        color: #fff;
    }

        .modify .divGetCode a:hover {
            color: #fff;
        }

.thumbnail_img {
    padding: 30px 0px 20px 0px;
}

    .thumbnail_img span {
        width: 70px;
        float: left;
        margin-right: 10px;
        text-align: center;
    }

        .thumbnail_img span img {
            width: 54px;
            height: 54px;
            border: 8px solid #f1f1f1;
        }

.publish {
    padding: 10px;
}

.publish_btn {
    width: 85px;
    height: 23px;
    line-height: 23px;
    color: #ff883f;
    background: url("../images/publish.png") no-repeat 0px 2px;
    padding: 0px 0px 0px 30px;
    font-size: 14px;
    float: right;
}

    .publish_btn:hover {
        color: #ff883f;
    }

.publish_radio {
    float: left;
}

    .publish_radio input[type="radio"] {
        margin: 3px 3px 0px 5px;
        display: none;
    }

    .publish_radio label {
        padding-left: 20px;
        cursor: pointer;
        background: url("../images/radio.png") no-repeat 0px 4px;
        margin-right: 35px;
    }

        .publish_radio label.checked {
            background: url("../images/radio.png") no-repeat 0px -28px;
        }

.call_task {
    padding: 5px 13px;
    background: #169bd5;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin-left: 10px;
}

    .call_task:hover {
        color: #fff;
    }

/*********************V3.0.0***********************/
.login_person .login_exit .user_exit {
    border-bottom: 0px;
}

    .login_person .login_exit .user_exit:hover {
        border-bottom: 0px;
    }

.login_person .font_gray {
    color: #666;
}

.screen_condition {
}

    .screen_condition ul, .screen_condition_new ul {
        border-bottom: 1px solid #e2e2e2;
        padding-bottom: 20px;
    }

        .screen_condition ul li, .screen_condition_new ul li {
            font-size: 14px;
            color: #333;
            line-height: 50px;
        }

            .screen_condition ul li span {
                float: left;
                width: 5%;
            }

            .screen_condition ul li p, .screen_condition_new ul li p {
                float: left;
                border-bottom: 1px dotted #999;
                width: 95%;
                line-height: 25px;
                padding: 10px 0 10px 0;
            }

                .screen_condition ul li p.none_line, .screen_condition_new ul li p.none_line {
                    border-bottom: 0;
                }

                .screen_condition ul li p a, .screen_condition_new ul li p a {
                    border: 1px solid #fff;
                    white-space: nowrap;
                    padding: 2px 10px;
                    display: inline-block;
                }

                    .screen_condition ul li p a.active, .screen_condition_new ul li p a.active {
                        border: 1px solid #32ca73;
                        background: #32ca73;
                        color: #FFFFFF;
                        display: inline-block;
                    }

                .screen_condition ul li p .active:hover, .screen_condition_new ul li p .active:hover {
                    color: #fff;
                }

                .screen_condition ul li p a:hover, .screen_condition_new ul li p a:hover {
                    border: 1px solid #32ca73;
                    color: #333;
                }

.screen_time {
    padding: 20px 0px;
    margin: 0px 110px;
}

    .screen_time span {
        width: 10px;
        height: 20px;
        background: url("../images/v3-bg.png") no-repeat;
        display: block;
    }
    /*.screen_time span a{font-size: 14px;color: #0088cc;}*/
    .screen_time b {
        font-size: 14px;
        color: #0088cc;
        font-weight: normal;
        float: left;
    }

    .screen_time .no_con {
        color: #adadad;
    }

    .screen_time .screen_time_l {
        background-position: 0px -185px;
    }

    .screen_time .screen_time_r {
        background-position: 0px -204px;
        margin-left: 10px;
    }

    .screen_time .screen_time_c {
        background: url("../images/v3-time-bg.png") repeat-x 0px 4px;
        margin: 0px 10px;
    }

        .screen_time .screen_time_c a {
            width: 28px;
            height: 31px;
            font-size: 12px;
            color: #0088cc;
            background: url("../images/v3-bg.png") no-repeat -80px -65px;
            padding-top: 20px;
            margin-right: 30px;
            display: block;
            float: left;
        }

            .screen_time .screen_time_c a.no_con {
                color: #adadad;
            }

            .screen_time .screen_time_c a.mr_0 {
                margin-right: 0px;
            }
            /*.screen_time .screen_time_c a:hover{background: url("../images/v3-bg.png") no-repeat -80px 0px;}*/
            .screen_time .screen_time_c a.active {
                background: url("../images/v3-bg.png") no-repeat -80px 0px;
            }

.screen_condition .new_task {
    width: 110px;
    height: 30px;
    line-height: 30px;
    display: block;
    background: #32ca73;
    text-align: center;
    margin: 20px 0px;
}

    .screen_condition .new_task a {
        color: #fff;
        font-size: 12px;
    }

    .screen_condition .new_task:hover {
        background: #2cb05c;
        color: #fff;
    }

.screen_content {
    border-bottom: 1px solid #e2e2e2;
}

    .screen_content .screen_tit {
        line-height: 35px;
        border-bottom: 1px solid #e2e2e2;
        background: #f2f2f2;
        color: #999999;
        padding-left: 10px;
        color: #999;
        font-size: 14px;
    }

    .screen_content .screen_from {
        padding: 0px;
    }

    .screen_content .task_time {
        padding-top: 25px;
        padding-left: 20px;
    }

        .screen_content .task_time span {
            width: 85px;
            display: block;
            background: url("../images/v3-bg.png") no-repeat 73px -410px;
            float: right;
            font-size: 14px;
            color: #666;
        }

    .screen_content .task_con {
        padding: 40px 0 0px 20px;
        border-left: 1px solid #e2e2e2;
        /*width: 914px;*/
    }

.task_con .task_header {
    width: 100%;
    height: 70px;
    background: #f2f2f2;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
    text-align: center;
}

.task_header .task_type_person {
    width: 37px;
    height: 37px;
    position: absolute;
    background: url("../images/v3-bg.png") no-repeat 0px -276px;
    top: 0px;
    left: 0px;
}

.task_header .task_type_school {
    width: 37px;
    height: 37px;
    position: absolute;
    background: url("../images/v3-bg.png") no-repeat 0px -357px;
    top: 0px;
    left: 0px;
}

.task_con .w_subject {
    width: 134px;
    font-size: 20px;
    color: #666;
    line-height: 70px;
}

.task_con .w_tit {
    width: 300px;
    text-align: left;
}

    .task_con .w_tit p {
        font-size: 16px;
        color: #0088cc;
        line-height: 40px;
    }

    .task_con .w_tit span {
        font-size: 14;
        color: #999;
    }

.task_con .w_end {
    width: 240px;
}

    .task_con .w_end span {
        background: url("../images/v3-bg.png") no-repeat 0px 0px;
        padding-left: 20px;
        font-size: 14px;
        color: #999;
        line-height: 70px;
    }

.task_con .w_on {
    width: 240px;
    float: left;
}

    .task_con .w_on span {
        background: url("../images/v3-bg.png") no-repeat 0px -32px;
        padding-left: 20px;
        font-size: 14px;
        color: #999;
        line-height: 70px;
    }

.task_con .w_correct {
    width: 120px;
    text-align: center;
    line-height: 70px;
}

    .task_con .w_correct a {
        color: #0088cc;
    }

    .task_con .w_correct.correct_1 {
        width: 180px;
    }

.task_con .w_operate {
    width: 240px;
    padding: 24px 0px;
    float: right;
    text-align: center;
}

    .task_con .w_operate a {
        color: #0088cc;
        line-height: 16px;
    }

    .task_con .w_operate.operate_1 {
        width: 140px;
    }

    .task_con .w_operate .urge {
        width: 96px;
        height: 16px;
        display: block;
        float: left;
        background: url("../images/v3-bg.png") no-repeat 0px -32px;
    }

        .task_con .w_operate .urge.active {
            background: url("../images/v3-bg.png") no-repeat 0px -145px;
            color: #999;
        }

    .task_con .w_operate .alter {
        width: 16px;
        height: 16px;
        display: block;
        float: left;
        background: url("../images/v3-bg.png") no-repeat 0px -71px;
    }

    .task_con .w_operate .forward {
        width: 140px;
        height: 16px;
        display: block;
        float: left;
        background: url("../images/v3-bg.png") no-repeat 0px -107px;
    }

.task_con .task_list ul {
    padding: 0px 20px;
}

    .task_con .task_list ul li {
        border-bottom: 1px solid #e2e2e2;
    }

.task_con .font {
    font-size: 16px;
    color: #666;
    text-align: center;
}

.task_con .w_tit_con {
    text-align: center;
    color: #32ca73;
    font-size: 20px;
    line-height: 14px;
    padding-top: 25px;
}

    .task_con .w_tit_con span {
        font-size: 12px;
        color: #32ca73;
    }

.task_con .correct, .no_correct {
    line-height: 30px;
}

.task_con .corr_top {
    padding-top: 5px;
}

.task_con .correct b, .no_correct b {
    width: 50px;
    float: left;
    font-weight: normal;
    text-align: right;
    font-size: 14px;
    color: #666;
}

.task_con .correct i, .no_correct i {
    float: right;
    font-style: normal;
    font-size: 12px;
    color: #0ae4b5;
}

.task_con .correct_bottom {
    width: 145px;
    height: 5px;
    border-radius: 5px;
    background: #e2e2e2;
    position: relative;
    float: left;
    margin: 13px 0px 0 5px;
}

.task_con .correct_top {
    height: 5px;
    border-radius: 5px;
    background: #0ae4b5;
    position: absolute;
    top: 0px;
    left: 0px;
}

.task_con .no_correct_top {
    height: 5px;
    border-radius: 5px;
    background: #01b35a;
    position: absolute;
    top: 0px;
    left: 0px;
}

.task_con .no_correct i {
    float: right;
    font-style: normal;
    font-size: 12px;
    color: #01b35a;
}

.wait {
    width: 150px;
    margin: 0 auto;
    padding: 0px;
    padding-top: 20px;
}

    .wait img {
        width: 34px;
        height: 34px;
        float: left;
    }

    .wait b {
        float: left;
        font-size: 14px;
        color: #e39602;
        line-height: 34px;
        padding-left: 20px;
    }

.bomb_box {
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1001;
}

    .bomb_box .w_320 {
        width: 320px;
    }

    .bomb_box .w_630 {
        width: 630px;
    }

    .bomb_box .w_630 {
        width: 630px;
    }

    .bomb_box .bomb_box_tit {
        height: 40px;
        line-height: 40px;
        background: #32ca73;
        color: #fff;
        padding: 0px 10px;
    }

        .bomb_box .bomb_box_tit b {
            float: left;
            font-size: 14px;
        }

        .bomb_box .bomb_box_tit a {
            float: right;
        }

            .bomb_box .bomb_box_tit a img {
                width: 10px;
                height: 10px;
            }

            .bomb_box .bomb_box_tit a:hover img {
                width: 13px;
                height: 13px;
            }

    .bomb_box .bomb_box_con {
        border-top: 1px solid #2db667;
        padding: 10px 20px;
        font-size: 14px;
        height: 350px;
        overflow-y: auto;
    }

    .bomb_box .bomb_box_line {
        margin: 0px auto;
        padding: 6px 0px;
        font-size: 14px;
    }

        .bomb_box .bomb_box_line span {
            float: left;
            display: block;
            height: 24px;
        }

.datep {
    border: 1px solid #cccccc;
    height: 15px;
    padding: 5px 0px 5px 5px;
}

    .datep input {
        float: left;
        border: 0;
    }

    .datep .calendar {
        width: 16px;
        height: 16px;
        display: block;
        background: url("../images/v3-bg.png") no-repeat 0px -444px;
        float: left;
    }

.bomb_box .an {
    width: 268px;
    margin: 20px auto;
    padding: 0px;
}

.bomb_box .bomb_box_line a {
    width: 118px;
    height: 28px;
    display: block;
    float: left;
    background: #fbfbfb;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 28px;
    margin: 0px 7px;
    color: #000;
}

    .bomb_box .bomb_box_line a:hover {
        background: #eee;
    }

.bomb_box .modify_task_name {
    width: 16px;
    height: 20px;
    background: url("../images/v3-bg.png") no-repeat 0px -68px;
    display: block;
    float: left;
    margin-left: 10px;
}

.bomb_box .bomb_box_line .task_name_input {
    float: left;
    border: 1px solid #ccc;
    line-height: 22px;
    padding-left: 5px;
}

.bomb_box .confirm_task_name {
    width: 18px;
    height: 20px;
    background: url("../images/v3-bg.png") no-repeat 0px -484px;
    display: block;
    float: left;
    margin-left: 10px;
}

.bomb_box .bomb_box_line label {
    margin-right: 5px;
}

.tabs {
    margin-bottom: -60px;
}

    .tabs .tab-ul {
        list-style: none;
        padding: 0px 10px;
        margin: 0;
        border-bottom: 1px solid #ccc;
    }

    .tabs .tab-li {
        float: left;
        margin-left: 10px;
    }

        .tabs .tab-li a {
            width: 127px;
            height: 58px;
            line-height: 58px;
            text-align: center;
            font-size: 20px;
            background: #f8f8f8;
            display: block;
        }

        .tabs .tab-li.active {
            border: 1px solid #ccc;
            border-bottom: 0px;
            color: #32ca73;
            background: #fff;
            color: #000;
        }

            .tabs .tab-li.active a {
                color: #32ca73;
                background: #fff;
                font-weight: bold;
                height: 59px;
                margin-bottom: -2px;
            }

        .tabs .tab-li a:hover {
            background: #d0f2de;
        }

    .tabs .new_task_con {
        width: 100%;
        display: none;
        clear: both;
    }

    .tabs .active {
        display: block;
    }

    .tabs .intelligent {
        float: left;
        width: 82px;
        background: url("../images/v3-bg.png") no-repeat -150px 3px;
        padding-left: 26px;
        margin: 10px 5px;
    }

        .tabs .intelligent a, .tabs .manual a {
            color: #0088cc;
        }

    .tabs .manual {
        float: left;
        width: 82px;
        background: url("../images/v3-bg.png") no-repeat -54px -483px;
        padding-left: 23px;
        margin: 10px 5px;
    }

    .tabs .test_basket {
        float: left;
        width: 90px;
        height: 40px;
        background: url("../images/v3-bg.png") no-repeat -130px -32px #32ca73;
        padding-left: 40px;
        margin: 0px 5px;
        position: relative;
    }

    .tabs .preview_top {
        float: left;
        width: 80px;
        height: 40px;
        background: url("../images/v3-bg.png") no-repeat -165px -475px #32ca73;
        padding-left: 50px;
        margin: 0px 5px;
        position: relative;
    }

        .tabs .test_basket b, .tabs .preview_top b {
            color: #fff;
            font-size: 16px;
            line-height: 40px;
            font-weight: normal;
            cursor: pointer;
        }

        .tabs .test_basket .tip, .tabs .preview_top .tip {
            position: absolute;
            top: 10px;
            right: 17px;
            width: 18px;
            height: 17px;
            border-radius: 17px;
            line-height: 17px;
            background: #e23202;
            text-align: center;
            font-size: 12px;
            color: #fff;
        }

.basket {
    width: 185px;
    background: #fff;
    margin-left: -60px;
}

    .basket .basket_top {
        width: 170px;
        height: 6px;
        background: url("../images/v3-bg.png") no-repeat -48px -275px;
    }

    .basket .basket_bottom {
        width: 168px;
        border: 1px solid #ccc;
        border-top: 0px;
    }

        .basket .basket_bottom ul {
            padding: 0px 5px;
        }

            .basket .basket_bottom ul li {
                border-bottom: 1px solid #999;
                line-height: 40px;
                overflow: hidden;
            }

                .basket .basket_bottom ul li:last-child {
                    border: 0;
                }

        .basket .basket_bottom span {
            border-bottom: 1px dotted #ccc;
            display: block;
            line-height: 50px;
            text-align: center;
        }

        .basket .basket_bottom ul li em {
            width: 25%;
            display: block;
            float: left;
            font-style: normal;
            text-align: center;
        }

        .basket .basket_bottom ul li .basketquestype {
            width: 50%;
        }

        .basket .basket_bottom ul li em a {
            width: 15px;
            height: 16px;
            display: block;
            background: url("../images/v3-bg.png") no-repeat -149px -124px;
            margin-top: 13px;
        }

            .basket .basket_bottom ul li em a.active {
                background: url("../images/v3-bg.png") no-repeat -149px -83px;
            }

.basket_empty {
    text-align: center;
    line-height: 30px;
    color: #0088cc;
    cursor: pointer;
}

.preview {
    width: 90px;
    height: 25px;
    line-height: 25px;
    margin: 10px auto;
    background: url("../images/v3-bg.png") no-repeat -125px -169px #32ca73;
}

    .preview a {
        color: #fff;
        padding-left: 40px;
    }

.tab_left {
    width: 369px;
}

.tab_right {
    width: 790px;
    border-left: 1px solid #e2e2e2;
}


.tree {
    clear: both;
}

    .tree em {
        width: 16px;
        height: 16px;
        background: url("../images/type_ico.png") no-repeat;
        padding-right: 20px;
    }

    .tree .type_chapter {
        background-position: 0px 0px;
    }

    .tree .type_point {
        background-position: 0px -79px;
    }

    .tree .type_test {
        background-position: 0px -159px;
    }
/*** 模拟select**/
.select-box {
    position: relative;
    float: left;
    margin: 15px 5px 15px 0px;
}

.select-city .select-header {
    width: 125px;
    height: 28px;
    border: 1px solid #c1c1c1;
    padding-right: 26px;
    background: url(../images/arrow.png) no-repeat;
    background-position: 132px 13px;
    line-height: 28px;
    text-indent: 14px;
    font-size: 16px;
    color: #0088cc;
    cursor: pointer;
    overflow: hidden;
}

.select-city .select-70 {
    width: 70px;
    background: url(../images/arrow.png) no-repeat;
    background-position: 70px 13px;
}

.select-city .select-content {
    border: 1px solid #c1c1c1;
    position: absolute;
    left: 0;
    z-index: 99;
    display: none;
    margin-top: -1px;
    background-color: #fff;
}

    .select-city .select-content li ul {
        padding: 5px 0px;
    }

.select-city .select-content-bb {
    width: 240px;
    padding: 0px 5px;
}

    .select-city .select-content-bb li ul li {
        border: 0px;
    }

        .select-city .select-content-bb li ul li a {
            width: 110px;
            height: 36px;
            overflow: hidden;
            float: left;
            color: #0088cc;
            font-size: 14px;
            text-align: left;
            padding: 0px 5px;
        }

.select-city .select-content-jc {
    width: 280px;
    padding: 0px 5px;
}

    .select-city .select-content-jc li {
        width: 140px;
    }

        .select-city .select-content-jc li ul {
            height: 400px;
            overflow-y: auto;
            overflow-x: hidden;
        }

            .select-city .select-content-jc li ul li {
                border: 0px;
            }

                .select-city .select-content-jc li ul li a {
                    width: 125px;
                    height: 36px;
                    overflow: hidden;
                    float: left;
                    color: #0088cc;
                    font-size: 14px;
                    text-align: left;
                    padding: 0px 5px;
                }

.select-city .select-content li {
    line-height: 36px;
    background-color: #fff;
    font-size: 16px;
    color: #a9a9a9;
    cursor: pointer;
    float: left;
}

    .select-city .select-content li span {
        display: block;
        font-size: 16px;
        color: #333;
        border-bottom: 1px solid #ccc;
        padding: 0px 8px;
    }

    .select-city .select-content li ul li {
        overflow: hidden;
    }

    .select-city .select-content li p {
        border-bottom: 1px solid #ccc;
        overflow: hidden;
    }

    .select-city .select-content li .p_0 {
        border-bottom: 0px;
    }

    .select-city .select-content li a {
        width: 50px;
        height: 36px;
        overflow: hidden;
        float: left;
        color: #0088cc;
        font-size: 14px;
        text-align: center;
    }

        .select-city .select-content li a:hover {
            background: #d0f2de;
        }

.select-bank .select-header {
    width: 272px;
    height: 36px;
    border: 1px solid #c1c1c1;
    padding-right: 26px;
    background: url(../images/arrow.png) no-repeat 279px 15px #f9f9f9;
    line-height: 36px;
    text-indent: 14px;
    font-size: 16px;
    color: #a9a9a9;
    cursor: pointer;
    overflow: hidden;
}

.select-bank .select-arrow {
    background-position: 279px -9px;
}

.select-bank .select-content {
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 99;
    display: none;
    background-color: #f9f9f9;
}

    .select-bank .select-content li {
        width: 298px;
        height: 36px;
        margin: 0;
        border-bottom: 1px solid #c1c1c1;
        line-height: 36px;
        text-indent: 14px;
        background-color: #f9f9f9;
        font-size: 16px;
        color: #a9a9a9;
        cursor: pointer;
    }

.screen_condition_new ul li span {
    float: left;
    width: 80px;
    text-align: right;
    padding-right: 10px;
}

.screen_condition_new ul li p {
    float: left;
    border-bottom: 1px dotted #999;
    width: 88%;
}

.screen_condition_xk {
    clear: both;
    border-bottom: 2px solid #ccc;
}

    .screen_condition_xk .txt_span {
        width: 80px;
        line-height: 60px;
        padding-right: 10px;
        text-align: right;
    }

.edition {
    border-left: 1px solid #ccc;
    overflow: hidden;
}

    .edition li ul li a {
        width: 125px;
        height: 36px;
        overflow: hidden;
        float: left;
        color: #0088cc;
        font-size: 14px;
        text-align: left;
        padding: 0px 5px;
        margin-left: 5px;
    }

.problems_jamb {
    padding: 20px;
}

    .problems_jamb .problems_top {
        background: #f1f1f1;
        padding: 10px 10px 5px 10px;
        border-bottom: 1px solid #ccc;
    }

        .problems_jamb .problems_top a {
            margin: 0px 10px;
            width: 53px;
            height: 30px;
            display: block;
            text-align: center;
            line-height: 25px;
            float: left;
            color: #333;
        }

            .problems_jamb .problems_top a.active {
                background: url("../images/v3-sort.png") no-repeat;
                color: #0088cc;
            }

            .problems_jamb .problems_top a:hover {
                background: url("../images/v3-sort.png") no-repeat;
                color: #0088cc;
            }

        .problems_jamb .problems_top i {
            width: 1px;
            height: 25px;
            float: left;
            font-style: normal;
            background: #e2e2e2;
        }

        .problems_jamb .problems_top label {
            margin-left: 10px;
            margin-top: 2px;
        }

.problems_con { /*border: 1px solid #ccc;border-top:0px;*/
    padding-top: 20px;
}

    .problems_con .exam_quest, .exam_answer {
        line-height: 28px;
        padding: 0px 20px;
        margin-bottom: 10px;
    }

    .problems_con .subques_no {
        height: 28px;
        clear: both;
        background: #f1f1f1;
        color: #333;
        padding-left: 10px;
        margin: 0px -20px;
    }

    .problems_con .dotted {
        height: 30px;
        background: url("../images/dotted.png") repeat-x 0px 10px;
        margin: 10px 10px 0px 10px;
        color: #0088cc;
    }

    .problems_con .open {
        width: 85px;
        float: left;
        background: url("../images/v3-bg.png") no-repeat -175px -240px #fff;
        cursor: pointer;
    }

    .problems_con .close_answer {
        width: 85px;
        float: left;
        background: url("../images/v3-bg.png") no-repeat -175px -200px #fff;
        cursor: pointer;
    }

.bottom_attr {
    height: 30px;
    line-height: 30px;
    background: #e2e2e2;
    padding: 0px 0px 0px 15px;
    font-size: 14px;
    border-top: 1px solid #ccc;
}

    .bottom_attr span {
        padding-right: 20px;
    }

    .bottom_attr .error_correct {
        float: left;
        background: url("../images/v3-bg.png") no-repeat -53px -350px;
        padding-left: 20px;
        cursor: pointer;
    }

    .bottom_attr .collection_before {
        float: left;
        background: url("../images/v3-bg.png") no-repeat -184px -350px;
        padding-left: 20px;
        margin-left: 10px;
        cursor: pointer;
    }

    .bottom_attr .collection {
        background: url("../images/v3-bg.png") no-repeat -123px -350px;
    }

    .bottom_attr .join {
        width: 90px;
        height: 25px;
        float: left;
        line-height: 25px;
        background: #32ca73;
        text-align: center;
        margin: 3px 3px 0px 10px;
        color: #fff;
        cursor: pointer;
        font-size: 12px;
    }

    .bottom_attr .remove {
        width: 63px;
        height: 23px;
        border: 1px solid #cccccc;
        float: left;
        line-height: 23px;
        background: url("../images/v3-bg.png") no-repeat -220px -350px #fff;
        padding-left: 25px;
        margin: 3px 3px 0px 10px;
        cursor: pointer;
        font-size: 12px;
        color: #f00;
    }

        .bottom_attr .remove:hover {
            background: url("../images/v3-bg.png") no-repeat -220px -350px #f1f1f1;
        }

.bomb_box_line .clear_div {
    clear: both;
}

.texteditor_error_dec {
    width: 320px;
    border: 1px solid #d0d0d0;
    height: 98px;
    margin-top: 5px;
    overflow-y: scroll;
    line-height: 30px;
    word-wrap: break-word;
    word-break: break-word;
    padding: 5px 10px;
    color: #999;
}

.bomb_box .w_380 {
    width: 380px;
}

.bomb_box .w_1160 {
    width: 1160px;
}

.screen_condition_new {
    clear: both;
}

.test_list {
    padding: 20px 0px;
}

    .test_list ul li {
        border-bottom: 1px solid #ccc;
        line-height: 60px;
    }

        .test_list ul li b {
            float: left;
            width: 120px;
            display: block;
            color: #32ca73;
            font-size: 14px;
        }

        .test_list ul li p {
            float: left;
        }

            .test_list ul li p a {
                color: #0088cc;
            }

        .test_list ul li em {
            float: right;
            font-style: normal;
            width: 100px;
            display: block;
            color: #999;
        }

.test_tit {
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin: 20px auto;
    padding: 0;
    font-size: 18px;
    text-align: center;
}

.test_oper {
    padding: 10px 0px;
}

    .test_oper label {
        margin: 8px 10px 0px 0px;
    }

    .test_oper a {
        width: 110px;
        height: 30px;
        line-height: 30px;
        background: #32ca73;
        text-align: center;
        margin: 3px 3px 0px 10px;
        color: #fff;
        cursor: pointer;
        font-size: 12px;
    }

.preview_tit {
    font-size: 18px;
    color: #333;
    text-align: center;
    clear: both;
    width: 1000px;
}

    .preview_tit .tit {
        overflow: hidden;
        display: inline-block;
    }

    .preview_tit span {
        font-size: 18px;
        color: #666;
        padding-left: 20px;
        float: left;
    }

    .preview_tit .modify_task_name {
        width: 16px;
        height: 20px;
        background: url("../images/v3-bg.png") no-repeat 0px -68px;
        display: block;
        float: left;
        margin-left: 10px;
        margin-top: 3px;
        cursor: pointer;
    }

    .preview_tit .task_name_input {
        float: left;
        border: 1px solid #ccc;
        line-height: 26px;
        padding: 0px 5px;
        font-size: 18px;
    }

    .preview_tit .confirm_task_name {
        width: 18px;
        height: 20px;
        background: url("../images/v3-bg.png") no-repeat 0px -484px;
        display: block;
        float: left;
        margin-left: 10px;
        margin-top: 3px;
        cursor: pointer;
    }

    .preview_tit label {
        margin-right: 5px;
        float: left;
    }

.preview_show_answers {
    padding: 10px 20px 0px 20px;
    text-align: right;
}

.ques_no {
    font-size: 14px;
    padding: 10px 20px 10px 10px;
}

.preview_frame {
    position: relative;
    padding: 0px 0px 10px 0px;
    border: 1px solid #fff;
}

    .preview_frame:hover {
        border: 1px solid #32ca73;
        cursor: pointer;
    }

.preview_frame_0 {
    position: relative;
    padding: 10px 0px 0px 0px;
    border: 1px solid #fff;
}

.big_que {
    position: relative;
    padding: 0px 0px 10px 0px;
    border: 1px solid #fff;
}

    .big_que:hover {
        border: 1px solid #32ca73;
        cursor: pointer;
    }

.preview_operation {
    width: 100%;
    height: 30px;
    position: absolute;
    top: 0px;
    left: 0px;
}

    .preview_operation .alert_score, .sub_preview_operation .alert_score {
        background: #f1f1f1;
        overflow: hidden;
        line-height: 25px;
        margin-left: 80px;
    }

        .preview_operation .alert_score span, .sub_preview_operation .alert_score span {
            float: left;
            font-size: 14px;
            color: #333;
            padding: 0px 5px;
            border: 1px solid #e5e5e5;
            padding-left: 10px;
        }

        .preview_operation .alert_score a, .sub_preview_operation .alert_score a {
            float: left;
            padding: 0px 5px;
            border-top: 1px solid #e5e5e5;
            border-bottom: 1px solid #e5e5e5;
        }

        .preview_operation .alert_score input, .sub_preview_operation .alert_score input {
            display: block;
            width: 25px;
            height: 25px;
            border: 1px solid #ccc;
            text-align: center;
            float: left;
        }

        .preview_operation .alert_score .finish, .sub_preview_operation .alert_score .finish {
            width: 28px;
            height: 25px;
            background: url(../images/v3-bg.png) no-repeat 10px -484px;
            display: block;
            float: left;
            padding-right: 10px;
            border: 1px solid #e5e5e5;
        }

.operation a {
    width: 45px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    display: block;
    float: left;
    margin-left: 1px;
    background: url("../images/v3-opera-ico.png") no-repeat #32ca73;
    padding-left: 35px;
}

.operation .replace {
    background-position: 10px 7px;
}

.operation .delet {
    background-position: -73px 7px;
}

.operation .move {
    background-position: -148px 7px;
}

.operation .down {
    background-position: -228px 7px;
}

.subquestion-preview {
    width: 90%;
    position: relative;
    padding: 0px;
    border: 1px solid #fff;
}

    .subquestion-preview:hover {
        border: 1px solid #32ca73;
        cursor: pointer;
    }

.sub_preview_operation {
    width: 100%;
    height: 30px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.subquestion-preview_n {
    width: 90%;
    position: relative;
    padding: 10px 0px 0px 0px;
    border: 1px solid #fff;
}

.preview_suspend {
    background: #fff;
    border-top: 1px solid #e2e2e2;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    padding: 20px 0px;
}

    .preview_suspend a {
        line-height: 40px;
        color: #fff;
        margin: 20px 40px;
        background: url("../images/v3-opera-ico.png") no-repeat #32ca73;
        padding: 10px 30px 10px 50px;
    }

    .preview_suspend .down_task {
        background-position: 30px -78px;
    }

    .preview_suspend .continue_addtask {
        background-position: -95px -75px;
    }

    .preview_suspend .save_task {
        background-position: -230px -78px;
    }

    .preview_suspend .arrange_task {
        background-position: -360px -78px;
    }

.answer_style {
    clear: both;
    padding: 10px 0px;
}

    .answer_style em {
        padding: 0px 20px;
        font-style: normal;
    }

.assignment {
}

    .assignment .assign_line {
        padding: 10px 0px;
        font-size: 14px;
        color: #666;
    }

        .assignment .assign_line span {
            width: 80px;
            display: block;
            float: left;
            font-size: 16px;
            color: #666;
            padding-right: 10px;
        }

        .assignment .assign_line label {
            margin-right: 5px;
        }

        .assignment .assign_line p {
            float: left;
        }

        .assignment .assign_line i {
            float: left;
            padding: 0px 10px;
            font-style: normal;
            line-height: 26px;
        }

    .assignment .btn_confirm {
        width: 140px;
        margin: 20px auto;
    }

    .assignment .assign_line a {
        padding: 10px 30px 10px 45px;
        background: url("../images/v3-bg.png") no-repeat -30px -405px #32ca73;
        color: #fff;
    }

.assign_tip {
}

.bomb_box_con.assign_con {
    padding: 50px 30px;
    text-align: center;
}

.choose_quest {
    border-bottom: 1px solid #ccc;
    padding: 30px;
}

    .choose_quest span {
        float: left;
        padding-right: 20px;
    }

    .choose_quest label {
        padding-right: 20px;
    }

.difficulty_level {
    padding: 20px;
}

    .difficulty_level ul li {
        border-bottom: 1px solid #ccc;
        line-height: 60px;
        overflow: hidden;
    }

        .difficulty_level ul li em {
            width: 100px;
            display: block;
            float: left;
            font-style: normal;
            text-align: center;
        }

        .difficulty_level ul li span {
            width: 200px;
            height: 60px;
            display: block;
            padding: 0px 10px;
            float: left;
        }

        .difficulty_level ul li i {
            background: #f1f1f1;
            overflow: hidden;
            line-height: 25px;
            margin-left: 12px;
            border-right: 1px solid #e5e5e5;
            border-left: 1px solid #e5e5e5;
            margin-top: 12px;
            font-style: normal;
        }

            .difficulty_level ul li i span {
                float: left;
                font-size: 14px;
                color: #333;
                padding: 0px 5px;
                border: 1px solid #e5e5e5;
                padding-left: 10px;
            }

            .difficulty_level ul li i a {
                float: left;
                padding: 0px 5px;
                border-top: 1px solid #e5e5e5;
                border-bottom: 1px solid #e5e5e5;
                cursor: pointer;
            }

            .difficulty_level ul li i input {
                display: block;
                width: 25px;
                height: 25px;
                border: 1px solid #ccc;
                text-align: center;
                float: left;
            }

.see_tabs {
    overflow: hidden;
    padding-bottom: 20px;
    clear: both;
}

    .see_tabs a {
        margin: 0px 10px;
        width: 73px;
        height: 33px;
        display: block;
        text-align: center;
        line-height: 25px;
        float: left;
        color: #333;
    }

        .see_tabs a.active {
            background: url("../images/v3-see-bg.png") no-repeat;
            color: #0088cc;
        }

        .see_tabs a:hover {
            background: url("../images/v3-see-bg.png") no-repeat;
            color: #0088cc;
        }

.chart {
    float: left;
    width: 350px;
    margin: 40px 11px 40px 12px;
    text-align: center;
    color: #0088cc;
    border: 1px solid #e6e6e6;
}

.total_chart {
    width: 1100px;
    margin: 40px 11px 40px 12px;
    text-align: center;
    color: #0088cc;
    border: 1px solid #e6e6e6;
}

    .chart img, .total_chart img {
        margin: 0px auto;
        padding: 0px;
    }

    .chart span, .total_chart span {
        text-align: center;
        margin-bottom: 10px;
        display: block;
    }

.chart_tit {
    height: 39px;
    line-height: 40px;
    background: #32ca73;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #2db667;
    font-size: 16px;
}

.use_time {
    padding-bottom: 40px;
    text-align: center;
    font-size: 14px;
    color: #333;
}

    .use_time span {
        font-size: 24px;
        color: #32ca73;
    }


.additionalinfo .delet {
    width: 80px;
    height: 38px;
    line-height: 38px;
    display: block;
    color: #fff;
    float: left;
    background: url(../images/ques_operate_bg.png) no-repeat 15px 8px #fc8f00;
    text-align: center;
    padding-left: 30px;
    font-size: 14px;
}

.tit_img_add {
    padding-bottom: 20px;
}

    .tit_img_add p {
        font-size: 18px;
    }

    .tit_img_add .img {
        padding: 20px 0px;
    }

        .tit_img_add .img span {
            width: 100px;
            float: left;
            margin-right: 10px;
            text-align: center;
        }

            .tit_img_add .img span img {
                width: 100px;
                height: 100px;
                border: 1px solid #ff7623;
            }

.create_time {
    line-height: 70px;
    color: #999;
}

.arrange {
}

    .arrange a {
        margin: 0px 20px;
        padding: 0px 0px 5px 20px;
    }

.continue_task {
    background: url("../images/v3-bg.png") no-repeat -173px -443px;
}

.delete_task {
    background: url("../images/v3-bg.png") no-repeat -232px -408px;
}

.correct_from {
    width: 1160px;
}

.correct_name_list {
    width: 240px;
    float: left;
}

    .correct_name_list ul {
        border: 1px solid #e6e6e6;
        height: 616px;
        overflow-y: auto;
        padding-bottom: 0px;
    }

        .correct_name_list ul li {
            border-bottom: 1px solid #e6e6e6;
            line-height: 40px;
            padding: 0px 10px;
            overflow: hidden;
        }

            .correct_name_list ul li:hover {
                background: #d0f2de;
                cursor: pointer;
            }

            .correct_name_list ul li.active_li {
                background: #d0f2de;
                cursor: pointer;
            }

            .correct_name_list ul li:last-child {
                border-bottom: 0;
            }

            .correct_name_list ul li em {
                width: 45px;
                display: block;
                float: left;
                font-style: normal;
                color: #ff6600;
                padding-right: 10px;
            }

                .correct_name_list ul li em.active {
                    color: #32ca73;
                }

            .correct_name_list ul li b {
                width: 100px;
                display: block;
                float: left;
                font-style: normal;
                color: #333;
            }

            .correct_name_list ul li i {
                width: 45px;
                display: block;
                float: right;
                font-style: normal;
                color: #333;
            }

    .correct_name_list .correct_result {
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: #e2e2e2;
        color: #000;
    }

.correct_present {
    width: 240px;
    float: right;
}

.correct_present_tit {
    font-size: 16px;
    line-height: 24px;
    padding: 15px 15px 10px 15px;
    color: #333;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

    .correct_present_tit em {
        color: #f00;
        display: block;
        font-style: normal;
    }

.correct_present .con {
    border-top: 1px solid #e6e6e6;
    padding-bottom: 0px;
}

    .correct_present .con .subject_area {
        height: 278px;
        overflow-y: auto;
        border: 1px solid #e6e6e6;
        border-top: 0px;
        margin-bottom: 10px;
    }

    .correct_present .con .testscore-div {
        padding-left: 10px;
    }

        .correct_present .con .testscore-div .left_no {
            width: 50px;
            float: left;
        }

        .correct_present .con .testscore-div input {
            width: 30px;
        }

    .correct_present .con .level {
        padding: 5px 0px 5px 23px;
    }

        .correct_present .con .level .text {
            font-weight: normal;
        }

    .correct_present .con .input_txt {
        margin-bottom: -10px;
    }

        .correct_present .con .input_txt .input_txt_area {
            width: 210px;
            border: 1px solid #d0d0d0;
            height: 60px;
            margin-top: 5px;
            overflow-y: scroll;
            line-height: 30px;
            word-wrap: break-word;
            word-break: break-word;
            padding: 5px 10px;
            color: #999;
        }

.correct_present ul li {
    line-height: 40px;
    padding: 0px 10px;
    overflow: hidden;
}

.correct_work {
    padding: 10px 10px 10px 20px;
    float: left;
}

.correct_paper {
    width: 640px;
    height: 600px;
    overflow-y: auto;
    display: none;
}

    .correct_paper.active {
        display: block;
    }

    .correct_paper a {
        cursor: pointer;
        font-size: 12px;
    }

    .correct_paper img {
        padding: 10px 0px;
    }

#float_div {
    padding-top: 0px;
    position: relative;
    top: 0;
    width: 637px;
}

.paddingtop_50 {
    padding-top: 50px;
}

.error_time {
    text-align: center;
    color: #999;
    padding: 20px 0px;
}

.grey_bg {
    background: #e2e2e2;
    text-align: center;
    color: #333;
    line-height: 40px;
    font-size: 14px;
    margin-bottom: 20px;
    padding-left: 20px;
}

    .grey_bg span {
        display: block;
        float: left;
        width: 190px;
    }

    .grey_bg em {
        width: 950px;
        display: block;
        font-style: normal;
        float: left;
        text-align: left;
    }

    .grey_bg i {
        font-style: normal;
        padding: 0px 5px;
        white-space: nowrap;
        float: left;
    }

.error_subject_sum {
}

    .error_subject_sum .con {
        text-align: center;
        padding: 20px 0px;
    }

.see_tabs_error {
    width: 270px;
    overflow: hidden;
    padding-bottom: 20px;
    clear: both;
    margin-right: 0px;
    margin-top: 30px;
}

    .see_tabs_error a {
        margin: 0px 10px;
        width: 113px;
        height: 33px;
        display: block;
        text-align: center;
        line-height: 25px;
        float: left;
        color: #333;
    }

        .see_tabs_error a.active {
            background: url("../images/v3-see-bg.png") no-repeat 0px -70px;
            color: #0088cc;
        }

        .see_tabs_error a:hover {
            background: url("../images/v3-see-bg.png") no-repeat 0px -70px;
            color: #0088cc;
        }

.progresspie {
    float: left;
    margin: 10px 10px 20px 10px;
    position: relative;
    width: 105px;
    height: 125px;
    padding: 10px;
}

.progresspie_top {
    width: 90px;
    line-height: 24px;
    text-align: center;
    padding-bottom: 10px;
    position: relative;
}

    .progresspie_top .audience {
        width: 20px;
        height: 20px;
        display: block;
        background: url("../images/v3-bg.png") no-repeat -80px -440px;
        cursor: pointer;
    }

.popup_audience {
    width: 398px;
    border: 1px solid #ccc;
    background: #fff;
    position: absolute;
    top: 30px;
    left: 68px;
    z-index: 1000;
    text-align: left;
}

    .popup_audience .tit {
        height: 40px;
        line-height: 40px;
        background: #32ca73;
        color: #fff;
    }

        .popup_audience .tit span {
            padding-left: 10px;
        }

        .popup_audience .tit .close_audience {
            font-size: 26px;
            cursor: pointer;
            padding-right: 10px;
            line-height: 35px;
            color: #fff;
        }

    .popup_audience .con {
        padding: 10px;
        min-height: 80px;
    }

        .popup_audience .con em {
            font-style: normal;
            padding: 0px 10px;
        }

.show_ratio .circle {
    width: 100px;
    height: 100px;
    position: absolute;
    border-radius: 50%;
    background: #32ca73;
}

.show_ratio .pie_left, .show_ratio .pie_right {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
}

.show_ratio .left, .show_ratio .right {
    width: 100px;
    height: 100px;
    background: #f1f1f1;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

/*.show_ratio .pie_right, .show_ratio .right {
    clip: rect(0,auto,auto,63px);
}

.show_ratio .pie_left, .show_ratio .left {
    clip: rect(0,63px,auto,0);
}*/

.show_ratio .pie_right, .show_ratio .right {
    clip: rect(0,auto,auto,50px);
}

.show_ratio .pie_left, .show_ratio .left {
    clip: rect(0,50px,auto,0);
}

.show_ratio .mask {
    width: 94px;
    height: 94px;
    border-radius: 50%;
    left: 3px;
    top: 3px;
    background: #FFF;
    position: absolute;
    text-align: center;
    line-height: 94px;
    font-size: 20px;
    font-weight: bold;
    color: #32ca73;
    cursor: pointer;
}

.student_details {
    width: 1160px;
}

    .student_details .student_details_head {
        width: 100%;
        height: 30px;
        background: #32ca73;
        color: #fff;
        padding-top: 10px;
    }

    .student_details .student_details_list {
        border-bottom: 1px solid #e1e1e1;
        height: 80px;
        line-height: 80px;
    }

        .student_details .student_details_list a, .student_details .student_details_list a:hover {
            color: #0088cc;
        }

    .student_details em {
        font-style: normal;
        display: block;
        float: left;
        margin: 0px 10px;
        text-align: center;
    }

        .student_details em i {
            background: #fe6601;
            padding: 2px 5px;
            color: #fff;
            font-style: normal;
            margin-left: 3px;
        }

        .student_details em.w_80 {
            width: 80px;
        }

        .student_details em.w_85 {
            width: 85px;
        }

        .student_details em.w_215 {
            width: 215px;
        }

        .student_details em.w_120 {
            width: 120px;
        }

    .student_details .student_details_head .sort_ico {
        background: url("../images/jt.png") no-repeat;
        cursor: pointer;
    }

    .student_details .student_details_head .sort_ico_pos {
        background-position: 130px 8px;
    }

    .student_details .student_details_head .sort_ico_pos1 {
        background-position: 110px 8px;
    }

    .student_details .student_details_head .sort_ico_pos2 {
        background-position: 65px 8px;
    }

    .student_details .student_details_head .sort_ico2 {
        background: url("../images/dec.png") no-repeat;
        cursor: pointer;
    }

    .student_details .student_details_head .sort_ico2_pos2 {
        background-position: 110px 8px;
    }

    .student_details .h_line {
        line-height: 24px;
        padding-top: 15px;
    }

.tabs_ratio .show_ratio {
    display: none;
}

.tabs_ratio .active {
    display: block;
}

.new_testpart {
    float: left;
    width: 98%;
    border: 1px solid #e6e6e6;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 5px;
}

    .new_testpart .test-padding {
        position: relative;
        padding: 0px;
        font-size: 14px;
        margin-top: 10px;
    }

    .new_testpart .testpart1-title, .new_testpart .selectresult-div {
        padding-left: 0px;
    }

        .new_testpart .testpart1-title i {
            font-style: normal;
            position: static;
            left: 0px;
            min-width: 30px;
            text-align: left;
        }

    .new_testpart .selectresult-ul {
        width: 100%;
        display: inline-block;
        padding: 10px 0px;
    }

.replace_layer {
}

    .replace_layer .con {
        padding: 10px;
        min-height: 80px;
    }

    .replace_layer .replace_tabs {
        padding: 10px 0px;
    }

        .replace_layer .replace_tabs a {
            width: 53px;
            height: 33px;
            display: block;
            text-align: center;
            line-height: 25px;
            float: left;
            margin: 0px 5px;
        }

            .replace_layer .replace_tabs a:hover {
                background: url(../images/v3-sort.png) no-repeat;
                color: #0088cc;
            }

        .replace_layer .replace_tabs .active {
            background: url(../images/v3-sort.png) no-repeat;
            color: #0088cc;
        }

    .replace_layer .replace_hid {
        display: none;
    }

        .replace_layer .replace_hid.active {
            display: block;
        }

    .replace_layer .replace_layer_preview {
        width: 99%;
    }

        .replace_layer .replace_layer_preview:hover {
            border: 1px solid #fff;
        }

    .replace_layer .replace_but {
        width: 60px;
        height: 30px;
        line-height: 30px;
        padding-left: 30px;
        color: #fff;
        background: url(../images/v3-opera-ico.png) no-repeat 8px 8px #32ca73;
    }


.subject_details {
    width: 100%;
    background: #fff;
    text-align: left;
    padding: 10px;
}

    .subject_details ul {
        width: 100%;
        border-bottom: 1px dotted #ccc;
    }

        .subject_details ul li {
            line-height: 36px;
            overflow: hidden;
        }

            .subject_details ul li em {
                display: block;
                font-style: normal;
                padding-left: 35px;
            }

            .subject_details ul li span {
                display: block;
                float: left;
                width: 75px;
                margin-right: 10px;
            }

            .subject_details ul li strong {
                display: block;
                float: left;
                width: 1020px;
                font-weight: normal;
            }

    .subject_details .explain {
        border-top: 1px solid #ccc;
        padding: 20px;
        line-height: 30px;
    }

.stu_aswer_tabs {
    padding-top: 20px;
}

    .stu_aswer_tabs .stu_answer {
        border-bottom: 1px solid #ccc;
        height: 60px;
        padding-left: 20px;
        padding-top: 20px;
    }

        .stu_aswer_tabs .stu_answer a {
            float: left;
            width: 90px;
            height: 55px;
            margin-right: 10px;
            /*background: #e1e1e1;*/
            text-align: center;
            color: #333;
            padding-top: 5px;
        }

            .stu_aswer_tabs .stu_answer a span {
                color: #333;
                font-size: 20px;
                display: block;
            }

            .stu_aswer_tabs .stu_answer a.active {
                border: 1px solid #ccc;
                border-bottom: 0px;
                margin-bottom: -1px;
                background: #fff;
                font-size: 16px;
                /*color: #008000;*/
            }

                .stu_aswer_tabs .stu_answer a.active span {
                    /*color: #FF9900;*/
                    font-size: 20px;
                }

    .stu_aswer_tabs .stu_answer_con .student_name {
        color: #000;
        display: none;
        padding: 10px 20px 20px 20px;
    }

        .stu_aswer_tabs .stu_answer_con .student_name.active {
            display: block;
        }

        .stu_aswer_tabs .stu_answer_con .student_name p {
            padding: 10px 0px;
        }

        .stu_aswer_tabs .stu_answer_con .student_name em {
            font-style: normal;
            padding-right: 10px;
            white-space: nowrap;
            line-height: 30px;
        }

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-danger {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert {
    font-size: 14px;
    border-radius: 0;
}


.mistake_uploadimg_ul {
    margin-top: 20px;
    margin-bottom: 35px;
}

    .mistake_uploadimg_ul li {
        height: 100px;
        width: 100px;
        /*margin-top: 10px;
    margin-left: 20px;*/
        padding: 10px 10px 10px 0px;
        float: left;
    }

        .mistake_uploadimg_ul li a {
            position: relative;
            float: left;
            color: #666;
            background-color: #f4f4f4;
            padding: 10px 20px 10px 50px;
        }

        .mistake_uploadimg_ul li img {
            height: 100px;
            width: 100px;
            position: absolute;
            border: solid 1px #ff7623;
        }

        .mistake_uploadimg_ul li p {
            width: 100%;
            height: 32px;
            line-height: 32px;
            background: rgba(0, 0, 0, 0.7) !important;
            color: #fff;
            font-size: 14px;
            position: absolute;
            bottom: 0;
            left: 0;
            text-align: center;
        }

.hand_tip {
    position: absolute;
    top: 130px;
    left: 180px;
    width: 150px;
    text-align: center;
}

    .hand_tip img {
        width: 30px;
        height: 30px;
    }

    .hand_tip span {
        display: block;
        font-size: 14px;
        line-height: 18px;
        margin-top: -5px;
    }

/*************** V3.0.1 **************/
.overview_task {
    margin: 20px auto;
    padding: 0;
    font-size: 28px;
    color: #333;
    text-align: center;
}

    .overview_task span {
        color: #3cc975;
    }

    .overview_task i {
        color: #ff0000;
        font-style: normal;
    }

.overview_task_block {
    width: 374px;
    float: left;
    margin: 0px 5px;
    border: 1px solid #e2e2e2;
    border-bottom: 0;
}

    .overview_task_block .block_tit {
        background: #f5f5f5;
        line-height: 35px;
        border-bottom: 1px solid #e2e2e2;
        font-size: 12px;
        color: #333;
        text-align: center;
    }

    .overview_task_block ul li {
        line-height: 35px;
        border-bottom: 1px solid #e2e2e2;
        padding: 0px 10px;
    }

        .overview_task_block ul li span {
            width: 20px;
            height: 20px;
            float: left;
            border-radius: 20px;
            text-align: center;
            color: #333;
            font-size: 12px;
            line-height: 18px;
            margin: 8px;
        }

        .overview_task_block ul li .one_bg {
            background: #ffcb2f;
        }

        .overview_task_block ul li .two_bg {
            background: #6aed44;
        }

        .overview_task_block ul li .three_bg {
            background: #2fbbff;
        }

        .overview_task_block ul li .block_name {
            width: 85px;
            padding: 0px 5px;
        }

        .overview_task_block ul li .block_right {
            float: right;
            width: 65px;
            text-align: left;
        }

            .overview_task_block ul li .block_right img {
                margin: 0px 2px;
            }

            .overview_task_block ul li .block_right i {
                float: right;
                font-style: normal;
            }

.overview_area {
}

    .overview_area .tit {
        padding: 10px 0px;
        font-size: 14px;
    }

    .overview_area table {
        width: 100%;
        background: #e2e2e2;
        border-collapse: inherit;
        border-spacing: 1px 1px;
        font-size: 12px;
    }

        .overview_area table tr {
            line-height: 36px;
            text-align: center;
        }

        .overview_area table thead tr td {
            background: #f5f5f5;
        }

        .overview_area table tbody tr td {
            background: #fff;
            border-collapse: inherit;
            border-spacing: 1px 1px;
            font-size: 12px;
        }

.screen_grade_year {
    padding: 10px 0px;
}

    .screen_grade_year ul li {
        line-height: 24px;
        font-size: 14px;
        overflow: hidden;
        margin: 8px 0px;
    }

        .screen_grade_year ul li a {
            text-align: center;
            padding: 8px;
            color: #333;
            margin: 0px 5px;
            white-space: nowrap;
        }

            .screen_grade_year ul li a:hover {
                background: #9be7c2;
                color: #333;
            }

            .screen_grade_year ul li a.active {
                background: #9be7c2;
                color: #333;
            }

.year_frame {
    width: 134px;
    height: 30px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    color: #666;
    float: left;
    cursor: pointer;
}

.year_btn {
    width: 34px;
    height: 25px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    border-left: 0px;
    float: left;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}

#year_pop_con {
    width: 460px;
    border: 1px solid #e2e2e2;
    background: #fff;
    padding: 20px 10px 0px 10px;
    position: absolute;
    top: 50px;
    left: 20px;
}

    #year_pop_con a {
        text-align: center;
        padding: 8px;
        color: #333;
        margin: 0px 5px;
        white-space: nowrap;
    }

        #year_pop_con a:hover {
            background: #9be7c2;
            color: #333;
        }

        #year_pop_con a.active {
            background: #9be7c2;
            color: #333;
        }

    #year_pop_con p {
        width: 190px;
        float: left;
    }

    #year_pop_con i {
        float: left;
        padding: 0px 10px;
        font-style: normal;
        line-height: 26px;
    }

.year_pop_date {
    margin-top: 20px;
}

.year_pop_oper .btn {
    float: left;
    border-radius: 5px;
    background: #3cc975;
    padding: 8px 60px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    display: block;
    margin: 20px;
    cursor: pointer;
}

#teacher_name {
    cursor: pointer;
}

.teacher_info {
    width: 690px;
}

    .teacher_info table {
        width: 100%;
        background: #e2e2e2;
        border-collapse: inherit;
        border-spacing: 1px 1px;
        font-size: 12px;
        line-height: 35px;
        text-align: center;
    }

        .teacher_info table thead tr td {
            background: #f5f5f5;
        }

        .teacher_info table tbody tr td {
            background: #fff;
        }

.teacher_tit {
    text-align: center;
    font-size: 16px;
    padding: 10px 0px;
    color: #333;
}

.teacher_grade {
    text-align: center;
    font-size: 12px;
    color: #999;
    padding-bottom: 10px;
}

.downapp {
    display: none;
    position: absolute;
    top: 41px;
    right: 195px;
    z-index: 1000;
}

    .downapp img {
        width: 100px;
        height: 100px;
    }