@charset "utf-8";
body{font-size: 14px; font-family:Microsoft YaHei,Arial, Helvetica, sans-serif;
    /*min-width: 1024px;*/
}
html, body, div, span, h1, h2, h3, h4, h5, h6, em, img, strong, sub, sup, tt,dd, dl, dt, form, label, table, caption, tbody, tfoot, thead, tr, th, td,ul,li,p,a{
    margin: 0;padding: 0;}
input,select,textarea,button{vertical-align:middle;font-family: "Microsoft YaHei"; outline: none; font-size: 12px;}
/*input{border:1px solid #ccc;}*/
img{ border:0;}
button{border: none;}
ul,li{ list-style-type:none;}
a:link,a:visited{text-decoration:none;color:#010101;}
/*a:hover{text-decoration:none;color:#ED0909;}*/
.overhide{overflow:hidden;text-indent:-100em; }
.left{ float: left;}
.right{ float: right;}
.clear {clear: both;}
.none {display: none;}
.nowrap {white-space: nowrap;width: 70px;}
.mini-btn {border: 1px solid #0089fa; color: #0089fa;line-height: 25px; padding: 0 6px;border-radius: 5px;cursor: pointer;background-color: #ffffff;}
.mini-btn.grey{ color: #999999; border-color: #999;}
.mini-btn.orange{ color: #ef6c00; border-color: #ef6c00;}
.normal-btn { background-color: #51a7fa; border: 0 none; border-radius: 2px; color: #ffffff; cursor: pointer; float: right; height: 37px; margin-right: 74px; width: 86px; }
.normal-btn.grey{ background-color: #999999; border-color: #999;}
.fixed-box-content{display: none;background-color: #fff; bottom: 0; left: 0; overflow: auto;position: fixed !important; right: 0; top: 0; z-index: 20;}
.fixed-box-body{ margin: 0 30px; position: relative;}
.fixed-box-body .fixed-box-sub-view{ min-width: 600px;}
.fixed-box-sub-view .fixed-box-sub-head{height: 50px; position: relative; margin: 20px 0; overflow: hidden;}
.fixed-box-sub-head label{ font-weight: bold; display: block; height: 50px; line-height: 50px;}
/* modal */
.modal { margin-left: -340px; width: 680px; position: fixed; top: 10%; left: 50%; z-index: 1050; background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.3); outline: none; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); background-clip: padding-box; }
.modal .modal-header{ border-bottom: 1px solid #51a7fa; padding: 15px; }
.modal-header .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); padding: 0; cursor: pointer; background: transparent; border: 0; }
.modal-header .modal-title{ font-size: 14px; }
.modal .modal-body { position: relative; max-height: 400px; padding: 15px; overflow-y: auto; }
.modal-body-item{ line-height: 30px; min-height: 45px; }
.modal-body-item .modal-title { display: inline-block; font-size: 12px; font-weight: bold; padding-right: 28px; text-align: right; width: 112px; }
.modal-body-item span { display: inline-block; vertical-align: middle; width: 445px; }
.modal-body-item span input {background-color: #ffffff;border: 1px solid #cccccc;display: inline-block;padding: 4px 6px; margin-bottom: 10px;line-height: 20px; color: #555555; vertical-align: middle;}
.modal-body-item span select {background-color: #ffffff;border: 1px solid #cccccc;height: 30px; line-height: 30px; font-size: 12px; max-width: 385px; min-width: 120px; padding-left: 5px; width: auto; }
.modal-body-item span textarea { border: 1px solid #cccccc; font-size: 12px; color: #555555; height: 50px; margin-bottom: 10px; padding: 5px; width: 100%; }
.modal .modal-foot {height: 68px;margin-top: 17px;}
.modal-backdrop{ display: none; width: 100%; height: 100%; opacity: 0.8; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; }
.loading-page{background-color: #f5f5f5; bottom: 0; display: none; left: 0; opacity: 0.5; position: fixed; right: 0; top: 0; z-index: 10001;}
.loading-page > img {display: block; margin: 25% auto 0; width: 100px;}
/* border color*/
.border-color-gray{
    border: 1px solid #77556e
}
.border-color-green{
    border: 1px solid #18929b
}
.border-color-orange{
    border: 1px solid #f5ad3b;
}
.border-color-red{
    border: 1px solid #ff5363;
}
.border-color-blue{
    border: 1px solid #53acff;
}
.border-color-violet{
    border: 1px solid #8358db;
}
.border-blackish-green{
    border: 1px solid #077568;
}
.border-grass-green{
    border: 1px solid #689f38;
}
.border-Magenta-red{
    border: 1px solid #ed3b3b;
}
.border-pure-blue{
    border: 1px solid #0089fa;
}
.border-grey-blue{
    border: 1px solid #658092;
}
.border-black{
    border: 1px solid #000;
}

/* bgcolor*/
.bgcolor-gray{
    background-color: #77556e;
}
.bgcolor-light-gray{
    background-color: #a1a1a1;
}
.bgcolor-green{
    background-color: #18929b;
}
.bgcolor-orange{
    background-color: #f5ad3b;
}
.bgcolor-red{
    background-color: #ff5363;
}
.bgcolor-blue{
    background-color: #53acff;
}
.bgcolor-violet{
    background-color: #8358db;
}

.bgcolor-blackish-green{
    background-color: #077568;
}
.bgcolor-light-green{
    background-color: #7fb8b1;
}
.bgcolor-grass-green{
    background-color: #689f38;
}
.bgcolor-undertint-green{
    background-color: #a9c590;
}
.bgcolor-Magenta-red{
    background-color: #ed3b3b;
}
.bgcolor-pure-blue{
    background-color: #0089fa;
}
.bgcolor-pure-red{
    background-color: red;
}
.bgcolor-light-blue{
    background-color: #50aefc;
}
.bgcolor-grey-blue{
    background-color: #658092;
}
.bgcolor-black{
    background-color: #000;
}
.center-content{
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 50px;
    overflow: auto;
}
.center-content .scattered-list {
    padding: 20px;
}

/*foot css*/
.list-foot{
    width: 100%;
    background-color: #f9f9f9;
    overflow: hidden;
}
.list-foot-left{
    overflow: hidden;
    width: 80%;
}
.list-foot-left ul{
    padding: 30px 0;
    cursor: pointer;
    border-top: 5px solid #f9f9f9;
    width: 20%;
}
.list-foot-left ul:hover{
    border-top:5px solid #0089fa;
}
.list-foot-left ul span{
    color: #0089fa;
    margin-bottom: 10px;
    font-weight: 600;
}
.list-foot-left ul li{
    line-height: 30px;
    margin-left: 20px;
}
.list-foot-right{
    text-align: center;
    width: 20%;
    margin-top: 30px;
}
.list-foot-right p{
    font-size: 20px;
    margin-top: 30px;
}

.list-footer{
    /*overflow: hidden;*/
    /*position: absolute;*/
    margin-top: 5%;
    bottom: 0;
    right: 0;
    left: 0;
    border-top: 3px solid rgba(33, 48, 127, 1);
    /*z-index: 1000;*/
}

.list-footer .foot-list > li {
    float: left;
    margin: 15px;
}
.list-footer .foot-menu li:first-child{
    font-weight: bold;
}
.list-footer .foot-menu li{
    margin: 10px;
}
.foot-list {
    margin: 0 5%;
}
.list-footer .foot-list .last-wechat {
    float: right;
}
.wechat-right div{
    margin: 10px;
}


.list-footer p{
    line-height: 50px;
    padding-left: 200px;
    background-color: #515151;
}
.list-footer i{
    display: block;
    position: absolute;
    top: -50px;
    left: 50px;
}
.copyright{
    background-color: #f2f2f2;
    line-height: 40px;
    text-align: center;
}
.table-list table tr td{
    text-align: left;
    font-size: 14px;
}
.table-list table{
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px dashed #ccc;
}
.table-list table .shuxing{
    font-weight: 600;
    margin-right: 10px;
}
.table-list table tr td label{
    width: 20px;
    height: 20px;
    text-align: center;
    display: block;
    color: #fff;
}
.table-list table .fraction{
    padding: 3px 10px;
    border-radius: 5px;
    color: #fff;
}
.table-list table .credits{
    padding: 3px 10px;
    border-radius: 5px;
    background-color: #0089fa;
    color: #fff;
}
.table-list table .total-score{
    display: block;
    width: 60px;
    height: 19px;
    margin-top: -3px;
    line-height: 20px;
    color: #fff;
    text-align: center;
}
.table-list table .admin-photos{
    width: 60px;
}
i.enter-details{
    background: url("../image/search-icon.png") no-repeat;
    background-position: 0 2px;
    width: 22px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
    background-size: 50px;
}
i.enter-details.disable{
    background: url("../image/search-icon.png") no-repeat;
    background-position: -26px 2px;
    width: 22px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
    background-size: 50px;
}
i.enter-polymerization{
    background: url("../image/search-icon.png") no-repeat;
    background-position: 0 -25px;
    width: 22px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
    background-size: 48px;
    margin-left: 15px;
}
i.enter-polymerization.disable{
    background: url("../image/search-icon.png") no-repeat;
    background-position: -26px -25px;
    width: 22px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
    background-size: 48px;
    margin-left: 15px;
}

i.enter-relation{
    background: url("../image/search/relation.png") no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
    background-size: 22px;
}
i.enter-relation.disable{
    background: url("../image/search/relation.png") no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
    background-size: 22px;
}

i.enter-orbit{
    background: url("../image/search/orbit.png") no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
    background-size: 22px;
    margin-left: 15px;
}
i.enter-orbit.disable{
    background: url("../image/search/orbit.png") no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
    background-size: 22px;
}

/* left and right content size*/
.list-countent-leftsideber{
    width:200px;
    position:absolute;
    left:0
}
.list-countent-rightmain{
    position:absolute;
    left: 200px;
    right: 0;
    bottom: 0;
    top: 0;
}
.list-countent-rightmain h3{
    line-height: 48px;
    text-align: center;
    background: #fff;
    font-size: 20px;
    font-weight: 300;
}
/* page */
.page-content{
    margin-top: 10px;
    overflow: hidden;
}
.page-content .page{
    float: right;
    margin-bottom: 20px;
    overflow: hidden;
}
.page-content .page li{
    float: left;
    margin-right: 10px;
}
.page-content .page li a {
    background-color: #dddee0;
    color: #888;
    cursor: pointer;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    min-width: 30px;
}
.page-content .page li.cur-page a{
    background-color: rgba(33, 48, 127, 1);
    color: #ffffff;
}
/********表格*********/
.table {
    border-collapse: collapse;
    border-radius: 0;
    margin-bottom: 60px;
    width: 100%;
}
.table th {
    background-color: #F5F6FA;
    line-height: 28px;
}
.table td, .table th {
    height: 22px;
    padding: 4px;
    /*text-align: left;*/
    vertical-align: middle;
    line-height: 26px;
    border-top: 1px solid #dddddd;
    text-align: center;
}
.table td a{
    color: #21307F;
}
.table-bordered {
    border: 1px solid #dddddd;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.table-bordered tbody:first-child tr:first-child > th:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}
.table-bordered th, .table-bordered td {
    border-left: 1px solid #dddddd;
}
.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.clearfix:after{
    display: block;
    clear: both;
    content: '';
    visibility: hidden;
    height: 0;
}
.clearfix{
    zoom: 1;
}
.clear{
    clear: both;
}
.blue-btn {
    color: white;
    line-height: 25px;
    padding: 5px 10px;
    cursor: pointer;
    background-color: #142d69;
}
.gray-btn {
    color: white;
    line-height: 25px;
    padding: 5px 10px;
    cursor: pointer;
    background-color: rgba(102, 102, 102, 1);
}
.index-top {
    background-color: rgba(242, 242, 242, 1);
}
.index-top .title {
    margin:0 5%;
    height: 25px;
    line-height: 25px;
}
.index-top .title .action ul li {
    float: left;
    margin: 0 10px;
    font-weight: bold;
}
.index-top .logo {
    background-color: white;
    width: 100%;
}
.index-top .logo .logo-left {
    margin-left: 5%;
    width: 20%;
    margin-top: 10px;
    height: 110px;
}
.index-top .logo .logo-right {
    margin-right: 5%;
    width: 70%;
    margin-top: 10px;
    height: 110px;
    line-height: 110px;
}
.search-panle {
    width: 80%;
}
.release {
    /*width: 20%;*/
    margin: 4%;
}
.school-name {
    width: 65%;
    margin: 25px 0;
}
.search-input {
    width: 90%;
}
.search-input .keyword {
    height: 22px;
    width: 90%;
    border: 1px solid #142d69;
}
#menu {
    background-color: #142d69;
    color: white;
    /*font-weight: bold;*/
    font-size: 16px;
    height: 40px;
}
#menu ul li{
    float: left;
    padding:10px  25px;
}
#menu ul li >a {
    color: white;
}
#menu .two-codes{
    background-color: rgba(255, 255, 255, 0.2);
}
#menu .active{
    background-color: #a01b20;
}
#menu .menu-left {
    width: 80%;
}
.menu-wechat {
    height: 40px;
    line-height: 40px;
    /*margin-right: 5%;*/
    cursor: pointer;
    position: absolute;
    right: 5%;
}
.menu-wechat:hover .wechat-code.none{
    display: block;
}
.wechat-code {
    background-color: gray;
}