.hire_read_box {
    width: 100%;
    padding: calc(30px + 5rem) 0;

    .hire_read {
        max-width: 1400px;
        width: 85%;
        margin: auto;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;

        .hire_read_mian {
            width: 71.4285%;
            background: #FFFFFF;
            box-shadow: 0px 0px calc(10px + 0.5rem) 0px rgba(0, 0, 0, 0.1);
            border-radius: calc(6px + 0.5rem);
            padding-top: calc(6px + 4rem);
            padding-bottom: calc(13px + 5rem);
            padding-left: calc(20px + 2rem);
            padding-right: calc(20px + 2rem);

            .hire_read_top {
                display: flex;
                justify-content: space-between;
                align-items: center;
                border-bottom: 1px #DCDCDC solid;
                padding-bottom: calc(8px + 1.5rem);

                .hire_read_text {
                    .p1 {

                        font-family: Microsoft YaHei;
                        font-weight: bold;
                        font-size: calc(10px + 1rem);
                        color: #333333;
                        line-height: 1;
                    }

                    .p2 {
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        gap: calc(2px + 0.5rem);
                        margin-top: calc(4px + 1.5rem);

                        p:nth-of-type(1) {
                            font-family: Microsoft YaHei;
                            font-weight: 400;
                            font-size: calc(6px + 0.5rem);
                            color: #0072C1;
                            line-height: 1;
                        }

                        p:nth-of-type(2) {
                            font-family: Microsoft YaHei;
                            font-weight: 400;
                            font-size: calc(6px + 0.5rem);
                            color: #666666;
                            line-height: 1;
                            border-left: 1px #DAE3EF solid;
                            padding-left: calc(2px + 0.5rem);
                        }
                    }

                    .p3 {
                        font-family: Microsoft YaHei;
                        font-weight: 400;
                        font-size: calc(6px + 0.5rem);
                        color: #989CB2;
                        line-height: 1;
                        margin-top: calc(6px + 1rem);
                    }
                }

                .hire_read_top_right {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    gap: calc(7px + 1.5rem);

                    .hire_read_back {
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        gap: calc(1px + 0.5rem);

                        img {
                            width: calc(1px +1rem);
                        }

                        p {

                            font-family: Microsoft YaHei;
                            font-weight: 400;
                            font-size: calc(6px + 0.5rem);
                            color: #919EA7;
                            line-height: 1;
                        }
                    }

                    .hire_apply {
                        width: calc(30px + 5rem);
                        line-height: calc(10px + 2rem);
                        background: #0072C1;
                        border-radius: calc(5px + 1rem);
                        font-family: PingFang SC;
                        font-weight: 500;
                        font-size: calc(6px + 0.5rem);
                        color: #FFFFFF;
                        text-align: center;
                        cursor: pointer;
                    }
                }
            }
        }
    }
}


.hire_read_bottom {
    margin-top: calc(12px + 2rem);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(9px + 2rem);

    .hire_read_con {
        .hire_read_con_title {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: calc(3px + 0.5rem);

            div {
                width: calc(0px + 0.2rem);
                height: calc(10px + 0.5rem);
                background: #0072C1;
                border-radius: calc(0px + 0.1rem);
            }

            p {
                font-family: Microsoft YaHei;
                font-weight: 400;
                font-size: calc(8px + 0.5rem);
                color: #333333;
                line-height: 1;
            }
        }

        .hire_read_text {
            margin-top: calc(10px + 1rem);

            p {
                font-family: Microsoft YaHei;
                font-weight: 300;
                font-size: calc(6px + 0.5rem);
                color: #333333;
                line-height: calc(2px + 1.5rem);
            }
        }
    }
}

.hire_more_box {
    width: 26.8571%;
    background: #FFFFFF;
    box-shadow: 0px 0px calc(10px + 0.5rem) 0px rgba(0, 0, 0, 0.1);
    border-radius: calc(6px + 0.5rem);
    padding: calc(15px + 2rem) calc(8px + 2rem);

    .hire_more_title {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: calc(5px + 0.25rem);
        padding-bottom: calc(3px + 1rem);
        border-bottom: 1px #DCDCDC solid;

        div {
            width: calc(0px + 0.2rem);
            height: calc(10px + 0.5rem);
            background: #0072C1;
            border-radius: calc(0px + 0.1rem);
        }

        p {
            font-family: Microsoft YaHei;
            font-weight: 400;
            font-size: calc(2px + 1rem);
            color: #333333;
            line-height: 1;
        }
    }

    .hire_more {
        margin-top: calc(7px + 1.5rem);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: calc(5px + 1.5rem);

        a {
            .hire_more_item {
                display: flex;
                justify-content: space-between;
                align-items: center;

                p {
                    font-family: Microsoft YaHei;
                    font-weight: 400;
                    font-size: calc(10px + 0.5rem);
                    color: #333333;
                    line-height: 1;
                    transition: .5s;
                }

                img {
                    width: calc(5px + 0.5rem);
                    opacity: 0;
                    transition: .5s;
                }
            }

            .hire_more_item:hover {
                p {
                    color: #0072C1;
                }

                img {
                    opacity: 1;
                }
            }
        }
    }
}


.apply_mask {
    width: 100%;
    height: 100vh;
    background-color: #00000070;
    position: fixed;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;

    .apply_card {
        padding-top: calc(10px + 0.5rem);
        width: calc(80px + 20rem);
        height: calc(20px + 15rem);
        background: #FFFFFF;
        border-radius: calc(6px + 0.5rem);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;

        p {
            font-family: Microsoft YaHei;
            font-weight: 400;
            font-size: calc(10px + 0.5rem);
            color: #333333;
            line-height: calc(6px + 1rem);
            text-align: center;

            span {
                color: #0072C1;
            }
        }

        p:nth-of-type(2) {
            margin-top: calc(4px + 0.2rem);
        }

        .copy {
            width: calc(30px + 5rem);
            line-height: calc(4px + 2rem);
            background: #0072C1;
            border-radius: calc(2px + 1rem);
            font-family: Microsoft YaHei;
            font-weight: 400;
            font-size: calc(6px + 0.5rem);
            color: #FFFFFF;
            text-align: center;
            margin-top: calc(7px + 1rem);
            cursor: pointer;
        }

        img {
            width: calc(10px + 1rem);
            position: absolute;
            top: calc(3px + 1rem);
            right: calc(2px + 1rem);
            cursor: pointer;
        }
    }
}

@media (max-width: 1100px){
    .hire_read_box {
        .hire_read {
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          gap: calc(10px + 1rem);
          .hire_read_mian{
            width: 100%;
            .hire_read_top {
                .hire_read_text {
                    .p1 {
                        font-size: calc(14px + 1rem);
                    }
                    .p2 {
                        p:nth-of-type(1) {
                           font-size: calc(10px + 1rem);
                        }
                        p:nth-of-type(2){
                            font-size: calc(10px + 1rem);
                        }
                    }
                    .p3{
                        font-size: calc(10px + 1rem);
                    }
                }
            }
          }
        }
    }

    .hire_read_box {
         .hire_read {
             .hire_read_mian {
                 .hire_read_top {
                     .hire_read_top_right {
                        .hire_apply {
                            width: calc(30px + 11rem);
                            line-height: calc(10px + 4rem);
                          font-size: calc(10px + 1rem);
                        }
                         .hire_read_back {
                            p {
                             font-size: calc(10px + 1rem);
                            }
                        }
                    }
                }
            }
        }
    }
    .hire_read_bottom {
         .hire_read_con {
            .hire_read_con_title {
                p {
                   font-size: calc(12px + 1rem);
                }
            }
            .hire_read_text {
                p {
                   font-size: calc(10px + 1rem);
                   line-height: 1.5;
                }
            }
        }
    }

    .hire_more_box{
        width: 100%;
        .hire_more_title {
            p {
                font-size: calc(12px + 1rem);
            }
        }
    }

    .hire_more_box {
        .hire_more {
             a {
                 .hire_more_item {
                    p {
                       font-size: calc(10px + 1rem);
                    }
                }
            }
        }
    }

    .apply_mask {
        .apply_card {
           
            width: calc(80px + 54rem);
            height: calc(20px + 54rem);
         
        }
    }
    .apply_mask {
         .apply_card {
            p {
              font-size: calc(12px + 1rem);
              line-height: 1.5;
            }
        }
    }
    .apply_mask {
         .apply_card {
            img {
                width: calc(25px + 1rem);
              
            }
            .copy {
                width: calc(30px + 12rem);
                line-height: calc(4px + 6rem);
               font-size: calc(10px + 1rem);
            }
        }
    }
}