/*reset*/
html, body, div, img, a, span, form, label, input, p, ul, li, button, em {
    margin: 0;
    border: 0;
    padding: 0;
    font-style: normal;
    font: 12px/1.5 arial, 'Microsoft YaHei';
}

img {
    vertical-align: middle;
}

a {
    text-decoration: none;
    cursor: pointer;
}

p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

ul, li {
    list-style: none;
}

input, textarea {
    background-color: transparent;
    outline: 0;
}

input::-webkit-input-placeholder {
    color: #999;
}

select {
    outline: 0;
    border-radius: 0;
}

/*input:focus, select:focus, textarea:focus {*/
/*box-shadow: 0 0 4px #0096ff;*/
/*}*/

html {
    /*width:1920px;*/
    height: 100%;
    position: relative;
}

body {
    width: 100%;
    height: 100%;
    background: #fff;
    background-size: 100% 100%;
    position: relative;
}

.left {
    float: left;
}

.right {
    float: right;
}

.blueBtn {
    width: 96px;
    height: 36px;
    background: #009944;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

.blueBtn:hover {
    background: #008800;
}

.orangeBtn {
    width: 96px;
    height: 36px;
    background: #ff950c;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

.orangeBtn:hover {
    background: #ff8a0c;
}

/*首页*/
.mainBox1{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 100px;
    background: url(../img/light.png) bottom center no-repeat,linear-gradient(to right, #83ecb9,#63c38d);
    /*background: url(../img/light.png) bottom center no-repeat,linear-gradient(to right, #72c3fb,#0d97f7);*/
}
.mainBox2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 100px;
    background: linear-gradient(to right, #175f20,#4e9857);
    /*background: linear-gradient(to right, #0083d5,#1b9def);*/
}

.mainBox1 .main{
    width: 1200px;
    background: url(../img/banner1.png) left 50px bottom 200px no-repeat;
    overflow: hidden;
    position: absolute;
    top: 88px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden;
}
.mainBox2 .main{
    width: 1200px;
    background: url(../img/banner2.png) left -80px bottom 40px/860px 688px no-repeat;
    overflow: hidden;
    position: absolute;
    top: 88px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden;
}

.topBox {
    width: 100%;
    height: 88px;
    line-height: 88px;
    background: rgba(255, 255, 255, .45);
}

.topBox .titileBox {
    width: 1200px;
    margin: 0 auto;
}

.topBox img {
    width: 445px;
    height: 88px;
    margin-top: -21px;
    margin-left: 20px;
}

.topBox span {
    color: #fff;
    line-height: 88px;
    font-size: 30px;
    text-shadow: 0 2px 6px rgba(53, 102, 143, 0.35);
}

.footer {
    width: 100%;
    height: 100px;
    line-height: 100px;
    text-align: center;
    position: absolute;
    bottom: 0;
    color: #333;
    font-size: 14px;
}

.footer span {
    margin: 0 15px;
}

.footer a {
    color: #333;
}

.footer a:hover {
    text-decoration: underline;
    color: #009944;
}


.menuBox {
    width: 360px;
    height: 360px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 40px;
    margin: auto;
}

.menuBox .menu {
    width: 180px;
    height: 180px;
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.menuBox .ss {
    background-image: url(../img/ss_bg.png);
}

.menuBox .teacher {
    background-image: url(../img/teacher_bg.png);
}

.menuBox .parents {
    background-image: url(../img/parents_bg.png);
}

.menuBox .manager {
    background-image: url(../img/manager_bg.png);
}

.menuBox .menu img {
    width: 50px;
    height: 50px;
    margin: 40px 0 30px 0;
}

.menuBox .menu:hover {
    opacity: 0.9;
}

.explain {
    position: absolute;
    right: 0;
    bottom: -40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: right;
}

.explain a {
    color: #fff;
}

.explain a:hover {
    text-decoration: underline;
    /*color: #009944;*/
}

.loginBox {
    box-sizing: border-box;
    width: 360px;
    height: 360px;
    padding: 0 30px;
    background: rgba(255, 255, 255, .5);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 40px;
    margin: auto;
}

.loginBox .title {
    height: 76px;
    line-height: 76px;
    text-align: center;
    position: relative;
}

.loginBox .title a {
    position: absolute;
    left: 0;
    line-height: 76px;
    color: #666;
    font-size: 12px;
}

.loginBox .title a:hover {
    text-decoration: underline;
    color: #009944;
}

.loginBox .title span {
    text-align: center;
    font-size: 14px;
}

.loginBox .loginput {
    width: 260px;
    height: 42px;
    padding-left: 40px;
    border: 1px solid #dedede;
    border-radius: 5px;
    color: #666;
    background: url(../img/account.png) 0 0/42px 42px no-repeat;
    background-color: #fff;
    margin: 15px 0;
}

.loginBox .password {
    background: url(../img/password.png) 0 0/42px 42px no-repeat;
    background-color: #fff;
}

.submitBox button {
    width: 300px;
    height: 42px;
    border-radius: 5px;
    background: #ff950c;
    color: #fff;
    font-size: 14px;
    margin-top: 15px;
    cursor: pointer;

}

.submitBox button:hover {
    background: #ff8a0c;
}

@media screen and (max-height: 700px) {
    .topBox .titileBox {
        width: 960px;
    }

    .mainBox1 .main{
        width: 960px;
        background: url(../img/banner1.png) left 60px bottom 100px/376px 258px no-repeat;
    }
    .mainBox2 .main{
        width: 960px;
        background: url(../img/banner2.png) left -40px bottom -50px/680px 544px no-repeat;
    }

    .menuBox {
        width: 300px;
        height: 300px;

    }

    .menuBox .menu {
        width: 150px;
        height: 150px;
    }

    .loginBox {
        width: 300px;
        height: 300px;
    }

    .loginBox .loginput {
        width: 200px;
        height: 42px;
        margin: 12px 0;
    }

    .submitBox button {
        width: 240px;
        height: 42px;
        margin-top: 12px;

    }
}

/*学生界面*/
.fullpage {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 60px;
    /*background: linear-gradient(to left bottom, #1a9cdf, #89e6f4);*/
    background: linear-gradient(to left bottom, #21854d, #84d7a9);

}

.footBox {
    width: 1200px;
    height: 60px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: #333;
    font-size: 14px;
}

.footText {
    line-height: 60px;
}

.footText span {
    margin: 0 20px;
}

.footText a {
    color: #333;
}

.footText a:hover {
    text-decoration: underline;
    color: #009944;
}

.footBox .tree1 {
    width: 48px;
    height: 72px;
    position: absolute;
    left: 120px;
    bottom: 0;
}

.footBox .tree2 {
    width: 28px;
    height: 28px;
    position: absolute;
    right: 240px;
    bottom: 0;
}

.footBox .tree3 {
    width: 52px;
    height: 84px;
    position: absolute;
    right: 100px;
    bottom: 0;
}

.navBox {
    width: 100%;
    height: 68px;
    background: rgba(255, 255, 255, .45);
    position: relative;
}

.navBox .logoBox img {
    width: 240px;
    margin-left: 20px;
    margin-top: -10px;
}

.navBox .logoBox span {
    color: #fff;
    line-height: 68px;
    font-size: 22px;
    text-shadow: 0 2px 6px rgba(53, 102, 143, 0.35);
}

.nav {
    width: 380px;
    height: 68px;
    position: absolute;
    left: 0px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.nav li {
    float: left;
    margin: 0 10px;
    font-size: 16px;
}

.nav a {
    display: block;
    width: 72px;
    height: 68px;
    line-height: 68px;
    color: #4b6375;
    text-align: center;
}

.nav a.active {
    color: #009944;
    background: url(../img/nav_active.png) bottom center no-repeat;
}

.nav a:hover {
    color: #009944;
    background: url(../img/nav_active.png) bottom center no-repeat;
    text-decoration: none !important;
}

.navBox .menu {
    overflow: hidden;
    margin-right: 15%;
}

.navBox .menu li {
    float: left;
}

.navBox .menu li a {
    display: block;
    width: 108px;
    height: 68px;
    line-height: 68px;
    color: #fff;
    text-align: center;
}

.navBox .menu li a.active {
    background: #ff950c;
}

.navBox .menu li a:hover {
    background: #ff950c;
}

.navBox .identityBox {
    line-height: 68px;
    margin-right: 40px;
    color: #fff;
    position: relative;
}

.navBox .identity {
    position: absolute;
    right: 20px;
}

.navBox .identity span {
    margin-right: 10px;
    line-height: 68px;
}

.navBox .identity img {
    width: 12px;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform-origin: 50% 50% 0;
    transition: transform .2s ease-in 0s;
}

.navBox .identity:hover img {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform-origin: 50% 50% 0;
    transition: transform .2s ease-in 0s;
}

.navBox .identity .arrow_downBox {
    width: 120px;
    height: auto;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    border-radius: 5px;
    position: absolute;
    right: 40px;
    top: 60px;
    z-index: 1;
    display: none;
}

.navBox .identity .arrow_down {
    position: relative;
    z-index: 1;
    border-radius: 5px;
    background: #fff;
}

.navBox .identity .arrow_downBox i {
    width: 0;
    height: 0;
    background-size: cover;
    background-position: center center;
    position: absolute;
    left: 35px;
    top: -10px;
    z-index: 1;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.navBox .identity .arrow_downBox li {
    height: 36px;
    line-height: 36px;
    color: #4b6375;
    padding: 0 20px;
    text-align: right;
    cursor: pointer;
}

.navBox .identity .arrow_downBox li.modify {
    background: url(../img/modify.png) 20px center/18px 18px no-repeat;
}

.navBox .identity .arrow_downBox li.logout {
    background: url(../img/logout.png) 20px center/18px 18px no-repeat;
}

.navBox .identity .arrow_downBox li.modify:hover {
    background-image: url(../img/modify_active.png);
    background-color: #009944;
    color: #fff;
    border-radius: 5px 5px 0 0;
}

.navBox .identity .arrow_downBox li.logout:hover {
    background-image: url(../img/logout_active.png);
    background-color: #009944;
    color: #fff;
    border-radius: 0 0 5px 5px;
}

.containerBox {
    position: absolute;
    left: 30px;
    right: 30px;
    top: 98px;
    bottom: 0;
    background: #d7f3e3;
    border-radius: 5px 5px 0 0;
}

.subnav {
    width: 210px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.subnav .empty {
    width: 210px;
    height: 42px;
}

.listBox {
    font-size: 16px;
    color: #4b6375;
    overflow: auto;
    position: absolute;
    top: 42px;
    bottom: 0;
    left: 0;
    right: 0;
}

.listBox .navHead {
    height: 42px;
    line-height: 42px;
    padding-left: 20px;
    border-bottom: 1px solid #ceeafc;
    font-size: 14px;
    font-weight: bold;
}

.listBox li {
    height: 40px;
    line-height: 40px;
    padding-left: 40px;
    background: url(../img/dot.png) 20px center/4px 4px no-repeat;
    cursor: pointer;
}

.listBox li.active {
    background: url(../img/dot_active.png) 20px center/4px 4px no-repeat, #ceeafc;
    color: #009944;
}

.listBox li:hover {
    background: url(../img/dot_active.png) 20px center/4px 4px no-repeat, #ceeafc;
    color: #009944;
}

.listBox .record {
    height: 42px;
    line-height: 42px;
    margin-top: 30px;
    text-align: center;
    cursor: pointer;
}

.listBox .record.active {
    color: #009944;
    background: #ceeafc;
}

.listBox .record:hover {
    color: #009944;
    background: #ceeafc;
}

.pathBox {
    height: 42px;
    line-height: 42px;
    position: absolute;
    left: 210px;
    right: 0;
    top: 0;
    color: #4b6375;
}

.mainContainer {
    position: absolute;
    left: 210px;
    right: 0;
    top: 42px;
    bottom: 0;
    border-radius: 5px 5px 0 0;
    background: #fff;
    border: 1px solid #eee;
    display: flex;
    flex-flow: column;
}

/*认识学业*/
.mainTop {
    padding: 10px 20px;
    background-color: #f6f6f6;
    border-bottom: 1px solid #d0d7dc;
}

.mainTop .title {
    color: #4b6375;
    height: 36px;
}

.mainTop .title_left {
    line-height: 36px;
}

.mainTop .title_right span {
    margin-right: 20px;
}

.mainformBox {
    padding: 20px;
    overflow: auto;
}

.studies table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e1e1e1;
    color: #333;
}

.studies table thead {
    background: #efefef;
}

.studies table td {
    border: 1px solid #e1e1e1;
}

.studies table input {
    border: none;
    margin: 0;
    padding: 0 10px;
    width: 98%;
    box-sizing: border-box;
    color: #666;
    outline: 0;
}

.studies td.td1, .studies td.td2 {
    height: 35px;
    text-align: center;
}

.studies td.td2 {
    height: 15px;
    padding: 5px 0;
}

.cardRow button {
    height: 30px;
}

.mainformBox .btnBox {
    text-align: center;
    margin-top: 10px;
}

/*认识自我*/
.self-awareness table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e1e1e1;
    color: #333;
    table-layout: fixed;
}

.self-awareness table td {
    border: 1px solid #e1e1e1;
}

.self-awareness table input {
    border: none;
    margin: 0;
    padding: 0 10px;
    width: 98%;
    height: 24px;
    box-sizing: border-box;
    color: #666;
    outline: 0;

}

.self-awareness table input[type=radio] {
    width: auto;
    padding: 0;
    margin-right: 2px;
    vertical-align: middle;
}

.self-awareness table input:focus {
    box-shadow: none;
}

.self-awareness table label {
    margin-right: 12px;
}

.self-awareness table .photo img {
    float: left;
    width: 98px;
    height: 132px;
}

.self-awareness table .photo {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
}

.self-awareness table .photo:hover .uploader {
    display: block;
}

.self-awareness table .uploader {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
}

.self-awareness table .uploader label {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 72px;
    height: 28px;
    background: #009944;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    line-height: 28px;
}

.self-awareness table .uploader input[type=file] {
    height: 0;
    width: 0;
    visibility: hidden;
    display: none;
}

.self-awareness table a.link {
    color: #009944;
}

.self-awareness table a.link:hover {
    text-decoration: underline;
}

.self-awareness td.td2 {
    line-height: 28px;
    text-align: center;
    /*background-color: #ceeafc;*/
    background-color: #d7f3e3;
}

.self-awareness td.td3 {
    height: 15px;
    padding: 5px 0;
    text-align: center;
}

.self-awareness td.td4 {
    height: 15px;
    padding: 5px 0;
    padding-left: 10px;
}

.self-awareness td.td7 {
    width: 89.0px;
    height: 95.0px;
    padding: 4px;
}

.self-awareness td.td5 {
    padding-left: 20px;
}

.self-awareness td.td6 {
    padding: 5px 10px;
}

/*.self-awareness td.td7{*/
/*padding-left: 10px;*/
/*}*/
.self-awareness td.td8 {
    height: 34px;
    text-align: center;
}

.self-awareness td.td9 {
    height: 15px;
    padding: 5px 0;
}

.self-awareness td.td9 p {
    text-align: center;
    color: #666;
}

.self-awareness td.td10 {
    padding: 5px 20px;
}

.self-awareness td.td10 p {
    line-height: 20px;
}

.self-awareness td.nopadding {
    padding: 0;
    height: 34px;
}

.self-awareness td > .cell {
    box-sizing: border-box;
    float: left;
    padding: 5px 0;
    line-height: 24px;
    border-right: 1px solid #e1e1e1;
    padding-left: 10px;
}

.self-awareness td > .cell.label {
    text-align: center;
    width: 150px;
    padding-left: 0;
}

.self-awareness td > .cell:last-child {
    border: none;
}

/*评优申报*/
.full_pathBox {
    margin: 0 30px;
    height: 42px;
    line-height: 42px;
    color: #4b6375;
}

.full_mainContainer {
    position: absolute;
    left: 30px;
    right: 30px;
    top: 42px;
    bottom: 0;
    border-radius: 5px 5px 0 0;
    background: #fff;
    border: 1px solid #eee;
    display: flex;
    flex-flow: column;
}

.createBox {
    color: #4b6375;
    overflow: hidden;
}

.createBox .condition {
    line-height: 50px;
    margin-right: 30px;

}

.createBox .condition select {
    width: 140px;
    height: 30px;
    background: #fff;
    border-color: #e7e7e7;
    color: #6f6f6f;
    margin-left: 10px;
}

.conditionROw {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
}

.conditionLabel {
    width: 60px;
    line-height: 36px;
    flex: 0 0 auto;
    box-sizing: border-box;
    color: #666;
}

.conditionInput {
    flex: 1;
    color: #666;
    line-height: 30px;
}

.conditionInput textarea {
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    border: 1px solid #e7e7e7;
    resize: none;
    border-radius: 5px;
    padding: 8px 15px;
    color: #666;
    background: #fff;
}

.creatBtn .blueBtn {
    margin-right: 20px;
}

.declaration table {
    width: 100%;
    color: #666;
    border: 1px solid #e1e1e1;
}

.declaration table th {
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
    text-align: left;
    background: #efefef;
    font-weight: normal;
    text-align: center;
}

.declaration table td {
    height: 68px;
    padding: 5px 0 5px 10px;
    color: #666;
    border-top: 1px solid #e4e4e4;
    text-align: center;
}

.declaration table tr:first-child td {
    border-top: none;
}

.declaration table tr img {
    width: 24px;
    height: 36px;
}

.declaration table tr a {
    margin: 0 5px;
}

.declaration table tr a.blue {
    color: #009944;
}

.declaration table tr a.orange {
    color: #ff950c;
}

.declaration table tr a:hover {
    text-decoration: underline;
}

.declaration table tr a.gray {
    color: #dcdcdc;
}

.declaration table tr a.gray:hover {
    text-decoration: none;
    cursor: not-allowed;
}

/*未来规划*/
.future_plan table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e1e1e1;
    color: #333;
    table-layout: fixed;
}

.future_plan table td {
    border: 1px solid #e1e1e1;
}

.future_plan .upload {
    text-align: center;
    height: 50px;
    line-height: 50px;
}

.future_plan .upload span {
    line-height: 50px;
    margin-left: 20px;
}

.future_plan table input {
    border: none;
    margin: 0;
    padding: 0 10px;
    width: 98%;
    box-sizing: border-box;
    color: #666;
    outline: 0;
}

.future_plan table input:focus {
    box-shadow: none;
}

.future_plan table input[type=radio] {
    width: auto;
    padding: 0;
    vertical-align: middle;
    margin-right: 5px;
}

.future_plan table label {
    margin-right: 12px;
    color: #666;
}

.future_plan table a.link {
    color: #009944;
}

.future_plan table a.link:hover {
    text-decoration: underline;
}

.future_plan table .uploadBox {
    text-align: center;
    padding: 10px 0;
}

.future_plan table label.upload {
    display: inline-block;
    width: 96px;
    height: 36px;
    background: #009944;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    line-height: 36px;
    margin-right: 10px;
}

.future_plan table label.upload:hover {
    background: #187fcc;
}

.future_plan table .upload input[type=file] {
    height: 0;
    width: 0;
    visibility: hidden;
    display: none;
}

.future_plan td.td1 {
    line-height: 28px;
    text-align: center;
    background-color: #ceeafc;
}

.future_plan td.td2 {
    height: 35px;
    text-align: center;
}

.future_plan td.td3 {
    height: 35px;
    padding-left: 20px;
}

.future_plan td.td4 {
    padding: 5px 10px;
    height: 15px;
}

.future_plan td.td5 {
    text-align: center;
}

.future_plan td.td6 {
    padding: 0 20px;
}

/*学业水平*/
.Academic_level table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    color: #333;
    border: 1px solid #e1e1e1;
}

.Academic_level table td {
    border: 1px solid #e1e1e1;
}

.Academic_level td.td1 {
    line-height: 28px;
    text-align: center;
    /*background-color: #ceeafc;*/
    background-color: #d7f3e3;
}

.Academic_level td.td2 {
    height: 55px;
    padding: 5px;
    text-align: center;
}

.Academic_level td.td3 {
    height: 25px;
    padding: 5px;
    text-align: center;
}

.Academic_level .tr1 {
    background: #f9f9f9;
}

.Academic_level td.td4 {
    text-align: left;
    padding-left: 20px;
}

/*综合素养*/
.comprehensive_quality table {
    width: 100%;
    border-collapse: collapse;
    color: #333;
    border: 1px solid #e1e1e1;
}

.comprehensive_quality table td {
    border: 1px solid #e1e1e1;
}

.comprehensive_quality input {
    padding: 0 10px;
    width: 100%;
    box-sizing: border-box;
    color: #666;
    outline: 0;
}

.comprehensive_quality td.td1 {
    line-height: 28px;
    text-align: center;
    background-color: #ceeafc;
}

.comprehensive_quality td.td2 {
    text-align: center;
}

.comprehensive_quality td.td3 {
    height: 25px;
    padding: 5px 0;
    text-align: center;
}

/*成长反思*/
.self_examination table {
    width: 100%;
    border-collapse: collapse;
    color: #333;
    border: 1px solid #e1e1e1;
}

.self_examination table td {
    border: 1px solid #e1e1e1;
}

.self_examination table input {
    padding: 0 10px;
    width: 100%;
    box-sizing: border-box;
    color: #666;
    outline: 0;
}

.self_examination td.td1 {
    line-height: 28px;
    text-align: center;
    background: #ceeafc;
}

.self_examination td.td2 {
    height: 25px;
    padding: 5px 0;
    text-align: center;
}

/*综合素质个人发展报告*/
.development_report table {
    width: 100%;
    border-collapse: collapse;
}

/*修改记录*/

/*学生自评*/
.self_assessment table {
    width: 100%;
    border-collapse: collapse;
    color: #333;
    border: 1px solid #e1e1e1;
}

.self_assessment table td {
    border: 1px solid #e1e1e1;
    vertical-align: middle;
}

.self_assessment table input[type=radio] {
    width: auto;
    padding: 0;
    margin-right: 5px;
}

.self_assessment table label {
    margin-right: 8px;
}

.self_assessment table label span {
    color: #666;
}

.self_assessment table span.red {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: red;
    margin-right: 5px;
    vertical-align: -2px;
}

.self_assessment table span.yellow {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: yellow;
    margin-right: 5px;
    vertical-align: -2px;
}

.self_assessment td.td1 {
    text-align: center;
}

.self_assessment td.td2 {
    height: 25px;
    padding: 5px;
    text-align: center;
}

.self_assessment td.td3 {
    height: 25px;
    padding: 5px;
    text-align: left;
}

.self_assessment td.td4 {
    text-align: center;
}

/*同学互评*/
.peer_assessment table {
    width: 100%;
    border-collapse: collapse;
    color: #333;
    border: 1px solid #e1e1e1;
}

.peer_assessment table td {
    border: 1px solid #e1e1e1;
}

.peer_assessment table input[type=radio] {
    width: auto;
    padding: 0;
    margin-right: 5px;
}

.peer_assessment table .radioBox {
    text-align: center;
}

.peer_assessment table label {
    margin-right: 15px;
    color: #666;
}

.peer_assessment td.td1 {
    line-height: 28px;
    text-align: center;
    background: #ceeafc;
    font-size: 12px;
}

.peer_assessment td.td2 {
    font-size: 12px;
    height: 35px;
    text-align: center;
}

.peer_assessment td.td3 {
    text-align: center;
}

/*教师评价*/
.teacher_evaluation table {
    width: 100%;
    border-collapse: collapse;
    color: #333;
    border: 1px solid #e1e1e1;
}

.teacher_evaluation table td {
    border: 1px solid #e1e1e1;
}

.teacher_evaluation table span {
    margin-right: 10px;
}

.teacher_evaluation td.td1 {
    line-height: 28px;
    text-align: center;
    background: #ceeafc;

}

.teacher_evaluation td.td2 {
    font-size: 12px;
    height: 35px;
    text-align: center;
}

.teacher_evaluation td.td3 {
    text-align: center;
}

/*学校评价*/
.school_evaluation table {
    width: 100%;
    border-collapse: collapse;
    color: #333;
    border: 1px solid #e1e1e1;
}

.school_evaluation table td {
    border: 1px solid #e1e1e1;
}

.school_evaluation table span {
    color: #009944;
}

.school_evaluation td.td2 {
    font-size: 12px;
    height: 35px;
    text-align: center;
}

/*头部条件栏 select 框*/
.condition select {
    box-sizing: border-box;
    width: 194px;
    height: 30px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    padding: 5px 10px;
    background: #fff;
    margin-left: 10px;
    margin-right: 10px;
}

.tit_input {
    box-sizing: border-box;
    width: 194px;
    height: 30px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    padding: 5px 10px;
    background: #fff;
    margin-left: 10px;
}

/*代表作品*/
.goodworks label {
    display: inline-block;
    width: 96px;
    height: 36px;
    background: #009944;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    line-height: 36px;
    margin-right: 10px;
}

.goodworks label input[type=file] {
    height: 0;
    width: 0;
    visibility: hidden;
    display: none;
}

/**
评优申报佐证
 */
.rating_report label {
    display: inline-block;
    width: 96px;
    height: 36px;
    background: #009944;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    line-height: 36px;
    margin-right: 10px;
}

.rating_report label input[type=file] {
    height: 0;
    width: 0;
    visibility: hidden;
    display: none;
}

button.disabled {
    border: 1px solid #DDD;
    background-color: #F5F5F5;
    color: #ACA899;
}

button.disabled:hover {
    border: 1px solid #DDD;
    background-color: #F5F5F5;
    color: #ACA899;
    cursor: not-allowed;
}

/*表格操作栏样式*/
td label span:hover {
    cursor: pointer;
}

/*综合素质发展报告*/
.developmentReport {
    display: flex;
    flex-flow: column nowrap;
    padding: 10px;
    position: relative;
}

.developmentReport .tabBox {
    width: 100%;
    margin: 20px 0;
    background: #fff;
    /*flex: 0 0 auto;*/
}

.developmentReport .tabBox ul {
    overflow: hidden;
    margin: auto;
    width: 744px;
}

.developmentReport .tabBox li {
    box-sizing: border-box;
    float: left;
    width: 124px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #4b6375;
    background: #f4f4f4;
    cursor: pointer;
}

.developmentReport .tabBox li.active {
    background: #009944;
    color: #fff;
}

.developmentReport .tabBox li.firstTab {
    border-radius: 5px 0 0 5px;
}

.developmentReport .tabBox li.lastTab {
    border-radius: 0 5px 5px 0;
}

.developmentReport .tabBox li:hover {
    background: #009944;
    color: #fff;
}

.developmentReport p.title {
    line-height: 30px;
    padding-left: 10px;
    font-size: 14px;
    color: #009944;
    margin-bottom: 10px;
}

.developmentReport .tabTop {
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    padding: 10px
}

.developmentReport .tabTop .photoBox {
    width: 102px;
    height: 143px;
    position: absolute;
    left: 700px;
    top: 20px;
}

.developmentReport .tabTop .photoBox img {
    width: 102px;
    height: 143px;
}

.developmentReport .tabTop .tabRow {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
}

.developmentReport .tabTop .tabRow .short {
    width: 305px;
    float: left;
}

.developmentReport .tabTop .row_name {
    width: 126px;
    height: 30px;
    line-height: 30px;
    flex: 0 0 auto;
    text-align: right;
    padding-right: 15px;
    box-sizing: border-box;
    color: #666;
}

.developmentReport .tabTop .row_content {
    flex: 1;
    color: #333;
    line-height: 30px;
}

.developmentReport .tabTop .row_content span {
    margin-right: 20px;
}

.developmentReport .tabDetail {
    display: none;
}

#tab1 {
    display: block;
}

.developmentReport .tabCard {
    padding: 20px;
    overflow: hidden;
}

.developmentReport .bg_blue {
    background: #f6faff;
}

.developmentReport .tablelist {
    width: calc(50% - 10px);
    margin-right: 20px;
}

.developmentReport .tablelist:last-child {
    width: calc(50% - 10px);
    margin-right: 0px;
}

.developmentReport p.subtitle {
    padding-left: 10px;
    color: #009944;
    font-size: 14px;
}

.developmentReport p.name {
    line-height: 20px;
    padding-left: 10px;
    color: #333;
    margin-top: 20px;
}

.developmentReport table {
    width: calc(100% - 10px);
    border-collapse: collapse;
    border: 1px solid #e1e1e1;
    color: #333;
    margin-left: 10px;
    margin-top: 20px;
}

.developmentReport table th {
    height: 24px;
    background: #efefef;
    color: #333;
    border-right: 1px solid #e4e4e4;
}

.developmentReport table td {
    text-align: center;
    color: #666;
    height: 32px;
    border: 1px solid #e4e4e4;
    background: #fff;
}

.developmentReport table td.red {
    color: #ff230c;
}

.developmentReport .tabCard .honor {
    padding-left: 10px;
    color: #ff950c;
}

.developmentReport .tabCard .honor span {
    margin-right: 10px;
}

.developmentReport .tabFoot {
    box-sizing: border-box;
    text-align: center;
    height: 46px;
    padding-top: 10px;
}

.developmentReport .tabDetail > button {
    background: url(../img/download.png) 20px center/18px 21px no-repeat;
    background-color: #ff950c;
    text-align: right;
    padding: 0 20px;
}

.developmentReport .tabDetail > button:hover {
    background-color: #ff8a0c;
}

.developmentReport table.reportTable2 td {
    height: 32px;
    text-align: left;
    padding-left: 10px;
    color: #333;
}

.developmentReport table.reportTable2 td.td1 {
    color: #666;
}

input[disabled], input:disabled {
    border: 1px solid #DDD;
    background-color: #F5F5F5;
    color: #ACA899;
}

.disabled:hover {
    cursor: not-allowed;
}

textarea {
    display: table-cell;
    overflow: auto;
    resize: none;
    width: 98%;
    height: 49px;
    border: none;
    text-align: justify;
    padding: 5px 0 0 5px;
    margin: 5px 0px;
}

textarea:disabled {
    background-color: #F5F5F5;
}
.disabled{
    background-color: #F5F5F5;
}

.search_input {
    box-sizing: border-box;
    width: 120px;
    height: 30px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    padding: 5px 10px;
    background: #fff;
    margin-left: 10px;
}

.searchBtn {
    width: 60px;
    height: 30px;
    background: #009944;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

.searchBtn:hover {
    background: #187fcc;
}
.studies thead td{
    background-color: #ceeafc;
}