/*重置*/
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
}

.main-body {
    min-height: calc(100vh - 356px) !important;
}

.main-container {
    width: 80vw;
    margin: auto;
}

.layui-form-label {
    width: 90px;
}

.layui-btn-primary:hover {
    border-color: #1e9fff;
}

/*管理头部*/
.guanli-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    background-color: #1e9fff;
}

    .guanli-header .logo {
        margin-left: 15px;
    }

    .guanli-header .user-box {
        position: relative;
        display: flex;
        align-items: center;
        margin-right: 60px;
        padding: 13px 0;
    }

        .guanli-header .user-box .user-pic {
            width: 34px;
            height: 34px;
            border-radius: 50%;
        }

        .guanli-header .user-box .name {
            margin-left: 10px;
            color: #fff;
        }

            .guanli-header .user-box .name .layui-icon {
                font-size: 10px;
            }

        .guanli-header .user-box .subnav {
            position: absolute;
            top: 60px;
            right: -30px;
            z-index: 99;
            display: none;
            width: 160px;
            padding: 5px 0;
            text-align: center;
            background-color: #fff;
            border-radius: 5px;
            box-shadow: 0 0 8px #ddd;
        }

            .guanli-header .user-box .subnav .btn {
                display: block;
                line-height: 40px;
                color: #666;
            }

                .guanli-header .user-box .subnav .btn:hover {
                    color: #fff;
                    background-color: #1e9fff;
                }

/*管理足部*/
.guanli-footer {
    margin-top: 25px;
}

    .guanli-footer .main-info {
        height: 270px;
        padding-top: 30px;
        background-color: #f4f4f4;
    }

    .guanli-footer .select-area {
        display: flex;
        justify-content: space-around;
        width: 1120px;
        margin: auto;
    }

        .guanli-footer .select-area select {
            width: 175px;
            filter: grayscale(100%);
        }

    .guanli-footer .info-content {
        display: flex;
        align-items: flex-start;
        margin-top: 30px;
    }

    .guanli-footer .link-area {
        display: flex;
        padding-top: 20px;
    }

    .guanli-footer .link-box {
        width: 200px;
        height: 118px;
        padding-left: 56px;
    }

        .guanli-footer .link-box ~ .link-box {
            border-left: 1px solid #ddd;
        }

        .guanli-footer .link-box .title {
            line-height: 28px;
            color: #666;
        }

    .guanli-footer .link-area .btn {
        display: block;
        font-size: 12px;
        line-height: 26px;
        color: #666;
    }

        .guanli-footer .link-area .btn:hover {
            text-decoration: underline;
        }

    .guanli-footer .tel-box {
        margin-top: 20px;
        margin-left: 35px;
    }

        .guanli-footer .tel-box .title {
            padding-left: 25px;
            font-size: 15px;
            line-height: 30px;
            color: #666;
            background: url(../images/default_footer_tel.png) no-repeat 0 center;
        }

        .guanli-footer .tel-box .tel {
            font-size: 15px;
            line-height: 26px;
            color: #666;
        }

    .guanli-footer .contact-box {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
        margin-left: auto;
    }

        .guanli-footer .contact-box .title {
            display: block;
            width: 100%;
            margin-bottom: 8px;
            font-size: 15px;
            line-height: 30px;
            color: #666;
        }

        .guanli-footer .contact-box .btn {
            display: block;
            width: 32px;
            height: 32px;
            margin-right: 10px;
        }

            .guanli-footer .contact-box .btn:nth-of-type(1) {
                background-image: url(../images/default_footer_sina.png);
            }

            .guanli-footer .contact-box .btn:nth-of-type(2) {
                background-image: url(../images/default_footer_wechat.png);
            }

    .guanli-footer .other-info {
        line-height: 66px;
        color: #fff;
        text-align: center;
        background-color: #2a2a2a;
    }

/*活动类型选项卡*/
.search-way {
    display: flex;
    margin-top: 30px;
}

    .search-way .goback {
        margin-left: auto;
    }

        .search-way .goback .layui-icon {
            font-size: 12px;
            vertical-align: middle;
        }

/*筛选方式选项卡*/
.layui-tab-title .layui-this a {
    color: #1e9fff;
}

/*筛选框*/
.searcher {
    margin-top: 30px;
    padding: 15px;
    background-color: #f5f5f5;
    border: 1px solid #eee;
}

.layui-inline.semester input {
    width: 120px;
}

.searcher .layui-form-item {
    margin-top: 15px;
    margin-bottom: 0;
}

/*表格*/
.layui-table {
    margin-top: 30px;
}

    .layui-table th {
        text-align: center;
        border-width: 1px !important;
    }

/*外平台登录*/
.login-container {
    display: flex;
    justify-content: flex-end;
    height: 376px;
    padding-right: 15%;
    padding-top: 28px;
    background: url(../images/login_bg.jpg) no-repeat center;
}

/*.login-box {
  width: 460px;
  height: 320px;
  padding: 40px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0,0,0,.2);
}

  .login-box .layui-btn {
    width: 100%;
    margin-top: 20px;
  }*/


/*登陆页面*/
.signin-bg {
    position: relative;
    height: 600px;
    background: url(../images/guanli_signin_bg.jpg) no-repeat center;
}

    .signin-bg .layui-main {
        display: flex;
        align-items: center;
        height: 100%;
        justify-content: flex-end;
    }

.login-box {
    top: 140px;
    right: 16%;
    width: 400px;
    height: auto;
    padding: 10px 40px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}

    .login-box .layui-input {
        height: 45px;
    }

    .login-box .layui-item-vcode {
        display: flex;
    }

        .login-box .layui-item-vcode img {
            height: 45px;
            margin-left: 10px;
            cursor: pointer;
        }

    .login-box .signin {
        width: 100%;
    }

/*用人单位查询*/
.search-bg {
    position: relative;
    height: 600px;
    background: url(../images/guanli_search_bg.jpg) no-repeat center;
    background-color: #081638;
}

    .search-bg .layui-main {
        display: flex;
        align-items: center;
        height: 100%;
        justify-content: flex-end;
    }

/*统计图*/
#chart {
    margin-top: 30px;
}

/*成长时间线公共*/
.timeline {
    width: 1200px;
    margin: auto;
    margin-top: 60px;
}

.timeline-left,
.timeline-right {
    float: left;
}

.timeline-left {
    width: 613px;
}

.timeline-right {
    width: 613px;
    margin-left: -26px;
}

.timeline-center {
    width: 4px;
    margin: auto;
    min-height: 640px;
    background-color: #939393;
}

.timeline-list {
    border: 0;
}

.timeline-list-model {
    border: 0;
}

.timeline-list-title {
    width: 100%;
    height: 74px;
    background-color: transparent;
    background-repeat: no-repeat;
}

    .timeline-list-title a {
        display: block;
        float: left;
        width: 80px;
        height: 36px;
        margin-top: 17px;
        font-size: 14px;
        line-height: 36px;
        font-weight: bold;
        color: white;
        text-align: center;
        border-radius: 20px;
    }

    .timeline-list-title h3 {
        display: block;
        font-size: 30px;
        line-height: 64px;
    }

    .timeline-list-title h2 {
        display: block;
        width: 58px;
        height: 58px;
        margin-top: 7px;
        font-size: 34px;
        line-height: 58px;
        text-align: center;
        color: white;
    }

    .timeline-list-title .layui-colla-icon {
        position: initial;
        font-size: 22px;
        line-height: 74px;
        font-weight: bold;
    }

.timeline-list-content {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
}

    .timeline-list-content .title {
        display: block;
        width: 240px;
        margin: 5px 0;
        padding: 0 20px;
        font-size: 18px;
        line-height: 40px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        background-color: #1E9FFF;
        border-radius: 27px;
    }

    .timeline-list-content a {
        display: block;
        font-size: 18px;
        line-height: 54px;
        color: #666;
        clear: both;
    }

        .timeline-list-content a span {
            position: relative;
            top: -2px;
            display: inline-block;
            width: 60px;
            font-size: 14px;
            line-height: 26px;
            font-weight: bold;
            color: white;
            text-align: center;
            background-color: #FFB800;
            border-radius: 13px;
        }

/*成长线左*/
.timeline-left .timeline-list-title {
    display: flex;
    justify-content: flex-end;
    padding-right: 126px;
    background-position: right;
}

.timeline-list-title01 {
    background-image: url("/images/timeline-list-title01.png");
}

.timeline-list-title03 {
    background-image: url("/images/timeline-list-title03.png");
}

.timeline-list-title05 {
    background-image: url("/images/timeline-list-title05.png");
}

.timeline-list-title01 a {
    background-color: #e53838;
}

.timeline-list-title03 a {
    background-color: #1e9fff;
}

.timeline-list-title05 a {
    background-color: #FFB800;
}

.timeline-left .timeline-list-title h3 {
    margin-left: 20px;
}

.timeline-list-title01 h3 {
    color: #e53838;
}

.timeline-list-title03 h3 {
    color: #1e9fff;
}

.timeline-list-title05 h3 {
    color: #FFB800;
}

.timeline-left .timeline-list-title h2 {
    margin-left: 20px;
}

.timeline-left .layui-colla-icon {
    order: -1;
    margin-right: 15px;
}

.timeline-list-title01 .layui-colla-icon {
    color: #e53838;
}

.timeline-list-title03 .layui-colla-icon {
    color: #1e9fff;
}

.timeline-list-title05 .layui-colla-icon {
    color: #FFB800;
}

.timeline-left .timeline-list-content {
    padding-right: 130px;
    text-align: right;
}

    .timeline-left .timeline-list-content .title {
        float: right;
    }

/*成长线右*/
.timeline-right {
    padding-top: 74px;
}

    .timeline-right .timeline-list-title {
        display: flex;
        padding-left: 130px;
        background-position: left;
    }

.timeline-list-title02 {
    background-image: url("/images/timeline-list-title02.png");
}

.timeline-list-title04 {
    background-image: url("/images/timeline-list-title04.png");
}

.timeline-list-title06 {
    background-image: url("/images/timeline-list-title06.png");
}

.timeline-list-title02 a {
    background-color: #9c4999;
}

.timeline-list-title04 a {
    background-color: #a9d82a;
}

.timeline-list-title06 a {
    background-color: #FF5722;
}

.timeline-right .timeline-list-title h3 {
    float: left;
    margin-right: 20px;
}

.timeline-list-title02 h3 {
    color: #9c4999;
}

.timeline-list-title04 h3 {
    color: #a9d82a;
}

.timeline-list-title06 h3 {
    color: #FF5722;
}

.timeline-right .timeline-list-title h2 {
    float: left;
    margin-right: 20px;
}

.timeline-right .layui-colla-icon {
    margin-left: 15px;
}

.timeline-list-title02 .layui-colla-icon {
    color: #9c4999;
}

.timeline-list-title04 .layui-colla-icon {
    color: #a9d82a;
}

.timeline-list-title06 .layui-colla-icon {
    color: #FF5722;
}

.timeline-right .timeline-list-content {
    padding-left: 130px;
    text-align: left;
}

/*成长时间线-新*/
/*区域*/
.timeline-area {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    border: none;
}

    .timeline-area .center-line {
        position: absolute;
        right: 0;
        left: 0;
        width: 4px;
        margin: auto;
        background-color: #939393;
    }

    .timeline-area .layui-colla-item {
        position: relative;
        width: 50%;
        border: none;
        z-index: 1;
    }
        /*项目*/
        .timeline-area .layui-colla-item:nth-of-type(2n) {
            align-self: flex-end;
        }
    /*标题*/
    .timeline-area .layui-colla-title {
        display: flex;
        align-items: center;
        background-color: transparent;
        overflow: inherit;
    }

    .timeline-area .layui-colla-item:nth-of-type(2n+1) .layui-colla-title {
        justify-content: flex-end;
        margin-right: -27px;
    }

    .timeline-area .layui-colla-item:nth-of-type(2n) .layui-colla-title {
        margin-left: -47px;
    }

    .timeline-area .layui-colla-title .num-box {
        display: flex;
        align-items: center;
    }

    .timeline-area .layui-colla-item:nth-of-type(2n+1) .num-box {
        order: 3;
    }

    .timeline-area .layui-colla-title .num-box .dot {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: #fff;
        border: 3px solid #fc2;
    }

    .timeline-area .layui-colla-item:nth-of-type(2n+1) .dot {
        order: 3
    }

    .timeline-area .layui-colla-title .num-box .line {
        width: 120px;
        height: 3px;
        background-color: #fc2;
    }

    .timeline-area .layui-colla-item:nth-of-type(2n+1) .line {
        order: 2;
    }

    .timeline-area .layui-colla-title .num-box .num {
        width: 62px;
        height: 62px;
        margin: 0 5px;
        font-size: 34px;
        line-height: 54px;
        font-weight: normal;
        color: #fff;
        text-align: center;
        background-color: #fc2;
        border: 4px solid #fff;
        border-radius: 50%;
        box-shadow: 0 0 3px #fc2;
    }

    .timeline-area .layui-colla-item:nth-of-type(2n+1) .num {
        order: 1;
    }

    .timeline-area .layui-colla-title .title {
        margin: 0 5px;
        font-size: 30px;
        line-height: 64px;
        color: #fc2;
    }

    .timeline-area .layui-colla-item:nth-of-type(2n+1) .title {
        order: 2;
    }

    .timeline-area .layui-colla-title .score {
        width: 80px;
        height: 36px;
        margin: 0 5px;
        font-size: 14px;
        line-height: 36px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        border-radius: 20px;
        background-color: #fc2;
    }

    .timeline-area .layui-colla-item:nth-of-type(2n+1) .score {
        order: 1;
    }

    .timeline-area .layui-colla-title .layui-colla-icon {
        font-size: 22px;
        font-weight: bold;
        color: #fc2;
    }

    .timeline-area .layui-colla-item:nth-of-type(2n+1) .layui-colla-icon {
        left: 140px;
    }

    .timeline-area .layui-colla-item:nth-of-type(2n) .layui-colla-icon {
        left: 480px;
    }
    /*内容*/
    .timeline-area .layui-colla-content {
        border: none;
    }

    .timeline-area .timeline-content {
        display: flex;
        flex-direction: column;
        margin-top: 20px;
    }

    .timeline-area .layui-colla-item:nth-of-type(2n+1) .timeline-content {
        align-items: flex-end;
        padding-right: 130px;
    }

    .timeline-area .layui-colla-item:nth-of-type(2n) .timeline-content {
        padding-left: 130px;
    }

    .timeline-area .layui-colla-content .title-box {
        width: 240px;
        margin: 5px 0;
        font-size: 18px;
        line-height: 40px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        background-color: #39f;
        border-radius: 20px;
    }

    .timeline-area .layui-colla-content .course-box {
        display: flex;
        align-items: center;
    }

        .timeline-area .layui-colla-content .course-box .title {
            margin: 0 5px;
            font-size: 18px;
            line-height: 54px;
            color: #666;
        }

        .timeline-area .layui-colla-content .course-box .score {
            width: 60px;
            margin: 0 5px;
            font-size: 14px;
            line-height: 26px;
            font-weight: bold;
            color: #fff;
            text-align: center;
            background-color: #fc2;
            border-radius: 13px;
        }
    /*颜色修改*/
    /*1*/
    .timeline-area .layui-colla-item:nth-of-type(1) .layui-colla-title .num-box .dot {
        border-color: #e53838;
    }

    .timeline-area .layui-colla-item:nth-of-type(1) .layui-colla-title .num-box .line,
    .timeline-area .layui-colla-item:nth-of-type(1) .layui-colla-title .num-box .num,
    .timeline-area .layui-colla-item:nth-of-type(1) .layui-colla-title .score {
        background-color: #e53838;
    }

    .timeline-area .layui-colla-item:nth-of-type(1) .layui-colla-title .num-box .num {
        box-shadow: 0 0 3px #e53838;
    }

    .timeline-area .layui-colla-item:nth-of-type(1) .layui-colla-title .title,
    .timeline-area .layui-colla-item:nth-of-type(1) .layui-colla-title .layui-colla-icon {
        color: #e53838;
    }
    /*2*/
    .timeline-area .layui-colla-item:nth-of-type(2) .layui-colla-title .num-box .dot {
        border-color: #9c4999;
    }

    .timeline-area .layui-colla-item:nth-of-type(2) .layui-colla-title .num-box .line,
    .timeline-area .layui-colla-item:nth-of-type(2) .layui-colla-title .num-box .num,
    .timeline-area .layui-colla-item:nth-of-type(2) .layui-colla-title .score {
        background-color: #9c4999;
    }

    .timeline-area .layui-colla-item:nth-of-type(2) .layui-colla-title .num-box .num {
        box-shadow: 0 0 3px #9c4999;
    }

    .timeline-area .layui-colla-item:nth-of-type(2) .layui-colla-title .title,
    .timeline-area .layui-colla-item:nth-of-type(2) .layui-colla-title .layui-colla-icon {
        color: #9c4999;
    }
    /*3*/
    .timeline-area .layui-colla-item:nth-of-type(3) .layui-colla-title .num-box .dot {
        border-color: #1e9fff;
    }

    .timeline-area .layui-colla-item:nth-of-type(3) .layui-colla-title .num-box .line,
    .timeline-area .layui-colla-item:nth-of-type(3) .layui-colla-title .num-box .num,
    .timeline-area .layui-colla-item:nth-of-type(3) .layui-colla-title .score {
        background-color: #1e9fff;
    }

    .timeline-area .layui-colla-item:nth-of-type(3) .layui-colla-title .num-box .num {
        box-shadow: 0 0 3px #1e9fff;
    }

    .timeline-area .layui-colla-item:nth-of-type(3) .layui-colla-title .title,
    .timeline-area .layui-colla-item:nth-of-type(3) .layui-colla-title .layui-colla-icon {
        color: #1e9fff;
    }
    /*4*/
    .timeline-area .layui-colla-item:nth-of-type(4) .layui-colla-title .num-box .dot {
        border-color: #a9d82a;
    }

    .timeline-area .layui-colla-item:nth-of-type(4) .layui-colla-title .num-box .line,
    .timeline-area .layui-colla-item:nth-of-type(4) .layui-colla-title .num-box .num,
    .timeline-area .layui-colla-item:nth-of-type(4) .layui-colla-title .score {
        background-color: #a9d82a;
    }

    .timeline-area .layui-colla-item:nth-of-type(4) .layui-colla-title .num-box .num {
        box-shadow: 0 0 3px #a9d82a;
    }

    .timeline-area .layui-colla-item:nth-of-type(4) .layui-colla-title .title,
    .timeline-area .layui-colla-item:nth-of-type(4) .layui-colla-title .layui-colla-icon {
        color: #a9d82a;
    }
    /*5*/
    .timeline-area .layui-colla-item:nth-of-type(5) .layui-colla-title .num-box .dot {
        border-color: #ffb800;
    }

    .timeline-area .layui-colla-item:nth-of-type(5) .layui-colla-title .num-box .line,
    .timeline-area .layui-colla-item:nth-of-type(5) .layui-colla-title .num-box .num,
    .timeline-area .layui-colla-item:nth-of-type(5) .layui-colla-title .score {
        background-color: #ffb800;
    }

    .timeline-area .layui-colla-item:nth-of-type(5) .layui-colla-title .num-box .num {
        box-shadow: 0 0 3px #ffb800;
    }

    .timeline-area .layui-colla-item:nth-of-type(5) .layui-colla-title .title,
    .timeline-area .layui-colla-item:nth-of-type(5) .layui-colla-title .layui-colla-icon {
        color: #ffb800;
    }
    /*6*/
    .timeline-area .layui-colla-item:nth-of-type(6) .layui-colla-title .num-box .dot {
        border-color: #ff5722;
    }

    .timeline-area .layui-colla-item:nth-of-type(6) .layui-colla-title .num-box .line,
    .timeline-area .layui-colla-item:nth-of-type(6) .layui-colla-title .num-box .num,
    .timeline-area .layui-colla-item:nth-of-type(6) .layui-colla-title .score {
        background-color: #ff5722;
    }

    .timeline-area .layui-colla-item:nth-of-type(6) .layui-colla-title .num-box .num {
        box-shadow: 0 0 3px #ff5722;
    }

    .timeline-area .layui-colla-item:nth-of-type(6) .layui-colla-title .title,
    .timeline-area .layui-colla-item:nth-of-type(6) .layui-colla-title .layui-colla-icon {
        color: #ff5722;
    }

/*雷达补丁*/
.radar-bg {
    width: 460px;
    height: 460px;
    margin: auto;
    margin-top: 100px;
    border: 5px solid #62bfcd;
    border-radius: 50%;
}

.radar-main {
    width: 600px;
    height: 600px;
    margin: auto;
    margin-top: -530px;
}

.radar-num {
    position: relative;
    top: -374px;
    width: 150px;
    height: 150px;
    margin: auto;
    font-size: 44px;
    line-height: 150px;
    font-weight: bold;
    color: #a8d924;
    text-align: center;
    background-color: #fff;
    border: 1px solid #6097bb;
    border-radius: 50%;
}

/*统计总览*/
/*顶部统计*/
.tjzl-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .tjzl-top .item {
        width: 100%;
        margin-top: 20px;
    }

    .tjzl-top .echart {
        height: 260px;
        margin-top: 15px !important;
    }
/*筛选*/
.zyzl-searcher {
    margin-top: 20px;
}

    .zyzl-searcher .layui-btn {
        margin-left: 5px;
    }