.notice{
    flex: 1;
    background: #FFFFFF;
    margin-right: 40px;
    padding: 30px;
    box-sizing: border-box;
}
.noticeHeader{
    font-size: 16px;
    color: #666;
    padding: 20px 0;
}
.noticeHeader>a{
    color: #666;
}
.noticeHeader>a:hover{
    color: #004ea2;
}
.noticeTitle{
    background-color: #fff;
    border-bottom: 1px solid #eee;
    padding: 30px 30px 20px 30px;
    margin-right:40px
}
table{
    border-collapse: collapse;
    width: 100%;
    background-color: #fff;
}
th{
    background-color: #004ea2;
    font-size: 16px;
    color: #fff;
}
table,th,td{
    border-bottom: 1px solid #eee ;
}
tr{
    display: flex;
}
.hoverTr:hover{
    cursor: pointer;
    background-color:#F2F7FA ;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
}
tr:hover td{
    background:none;
    color: #004ea2;
}
tr:hover a{
    color: #004ea2;
}
th{
    flex: 1;
}
td{
    flex: 1;

    border-right: none;
    color: #333;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
th,td{
    padding: 20px 0;
    text-align: center;
    vertical-align: middle;
}

.fenye:last-child .activeSpan {
    margin-right: 0;
}
.st1 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #333;
}
.st1>a{
    width: 22px;
    height: 22px;
    border-radius: 50%;
    text-align: center;
    line-height: 22px;
    color: #666;
    font-size:12px ;
    background: #F4F4F5;
    margin-right: 10px;
    cursor: pointer;
}
/*.st1>a:nth-child(1){*/
/*    background: #fff;*/
/*    display: inline-block;*/
/*    width: 40px;*/
/*}*/
/*.st1>a:nth-last-child(2){*/
/*    background: #fff;*/
/*    display: inline-block;*/
/*    width: 40px;*/
/*}*/
/*.st1>a:last-child{*/
/*    background: #fff;*/
/*    display: inline-block;*/
/*    width: 40px;*/
/*}*/
/*.st2 {*/
/*    width: 22px;*/
/*    height: 22px;*/
/*    border-radius: 50%;*/
/*    text-align: center;*/
/*    line-height: 22px;*/
/*    color: #666;*/
/*    fonts-size:12px ;*/
/*    background: #F4F4F5;*/
/*    margin-right: 10px;*/
/*    cursor: pointer;*/
/*}*/

.chosed {
    color: #fff !important;
    background: #004ea2 !important;
}
.line-blue{
    display: inline-block;
    width: 3px;
    height: 22px;
    background: #004EA2;
    margin-right: 7px;
}
.workerBox{
    /*display: inline-block;*/
    /*width: 300px;*/
    height: 200px;
    width: 45%;
    background: #E5EDF6;
    border-radius: 31px 31px 31px 31px;
    margin-top: 30px;
    color: #333;
    font-size: 16px;
    line-height: 26px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-right: 5%;
    cursor: pointer;
}
.workerBox:nth-child(2){
    background: #F5F6FA;
}
.workerBox:nth-child(3){
    background: #F5F6FA;
}
.workerBox:hover{
    transition: 500ms;
    box-shadow: 0px 8px 15px 0px rgba(82, 82, 82, 0.3);
}
#move{
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 200px;
    overflow: hidden;
}
#cont{
    height: 200px;
    width:calc(100% + 3000px);
    animation: move 20s linear infinite;
}
#cont .text{
    float: left;
    height: 200px;
    width: 250px;

}
#cont .text .img {
    width: 60%;
    flex-sclshrink:0;
    border-radius: 50%
}

@keyframes move{
    100% {
        transform: translate(-3000px);
    }

}
/deep/ .el-carousel__indicator--horizontal .el-carousel__button {
    width: 10px;
    height: 10px;
    background: transparent;
    border: 1px solid #ffffff;
    border-radius: 50%;
    opacity: 0.5;
}
/deep/ .el-carousel__indicator--horizontal.is-active .el-carousel__button{
    width: 10px;
    height: 10px;
    background: #ffffff;
    border-radius: 50%;
    opacity: 1;
}