.recruit-title {
    width: 100%;
}

.recruit,
.clockIn {
    margin: 10rpx 0;
    position: relative;
    width: 100%;
    z-index: 9;
}

.recruit-back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.recruit-cont {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.recruit-padding {
    padding: 30rpx;
    box-sizing: border-box;
}

.recruit-block {
    background-color: #5390f4;
    border-radius: 50rpx;
    padding: 20rpx;
    box-sizing: border-box;
}

.recruit-border {
    border: 4rpx solid #000000;
    border-radius: 50rpx;
    padding: 40rpx 30rpx;
    box-sizing: border-box;
}

.recruit-img {
    width: 100%;
}

.recruit-unveil {
    text-align: center;
    margin-top: 30rpx;
}

.recruit-unveil-go {
    display: inline-block;
    background-color: #ffde49;
    border-radius: 80rpx;
    line-height: 78rpx;
    padding: 0 30rpx;
    font-weight: 600;
    font-size: 28rpx;
    color: #3a2f00;
}

.recruit-white {
    background-color: white;
    border-radius: 40rpx;
    padding: 5rpx 35rpx;
    box-sizing: border-box;
    margin-top: 30rpx;
    position: relative;
}

.recruit-white::after {
    position: absolute;
    content: '';
    left: calc(50% - 100rpx);
    top: -18rpx;
    background-color: #ffde49;
    height: 36rpx;
    width: 200rpx;
    border-radius: 80rpx;
}

.recruit-label {
    padding: 5rpx 0 5rpx 30rpx;
    margin: 40rpx 0;
    position: relative;
}

.recruit-label::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    background-color: #5390f4;
    border-radius: 50rpx;
    width: 10rpx;
    height: 100%;
}

.recruit-title {
    display: flex;
    font-weight: 600;
    font-size: 32rpx;
}

.recruit-name {
    flex: 1;
}

.recruit-text {
    margin-top: 10rpx;
    font-size: 28rpx;
}

.recruit-number {
    position: absolute;
    right: -2rpx;
    top: 5rpx;
    display: flex;
}

.recruit-see {
    position: relative;
    width: 70rpx;
    margin: 0 2rpx;
}

.recruit-see-img,
.recruit-see-text {
    position: absolute;
    left: 0;
    top: 0;
}

.recruit-see-img {
    width: 100%;
}

.recruit-see-text {
    text-align: center;
    color: #ffffff;
    width: 70rpx;
    line-height: 90rpx;
    font-weight: 600;
    font-size: 54rpx;
}

/* 流程 */
.recruit-flow {
    text-align: center;
    margin: 60rpx 0 20rpx;
}

.recruit-flow-img {
    width: 55%;
}

.recruit-btn {
    position: relative;
    margin: 60rpx 0 30rpx;
    height: 100rpx;
}

.recruit-btn-img,
.recruit-btn-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.recruit-btn-text {
    color: #ffffff;
    text-align: center;
    line-height: 100rpx;
    font-size: 34rpx;
}

.recruit-btn-img.active {
    -webkit-filter: grayscale(100%);   
    -moz-filter: grayscale(100%);   
    -ms-filter: grayscale(100%);   
    -o-filter: grayscale(100%);     
    filter: grayscale(100%);
    filter: gray; 
}

.recruit-bottom {
    position: relative;
    height: 180rpx;
}

.recruit-bottom-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.recruit-bottom-text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9;
    color: #ffffff;
    text-align: center;
    font-size: 28rpx;
}

.reject-tips {
    text-align: center;
    font-size: 28rpx;
    color: #5390f4;
}

/* .reject-tips image {
    width: 38rpx;
    display: inline-block;
} */


/* 打卡 */
.clockImg {
    width: 100%;
}

.clockIn-tool {
    display: flex;
    margin: 80rpx -20rpx 40rpx;
    height: 100rpx;
    line-height: 100rpx;
}

.clockIn-btn {
    flex: 2;
    text-align: center;
    position: relative;
    margin: 0 20rpx;
}

.clockIn-btn-img,
.clockIn-btn-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.clockIn-btn-text {
    color: #ffffff;
    font-size: 34rpx;
    text-shadow: 4rpx 4rpx 4rpx rgba(0, 0, 0, .3);
}


/* 公众号关注 */
.followPop {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99;
    background-color: rgba(0, 0, 0, .4);
    display: none;
}

.followPop.active{
    display: block;
}

.followCont {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 100;
    display: none;
}

.followCont.active{
    display: block;
}

.followOfficial {
    position: relative;
    left: 50%;
    top: 50%;
    width: 600rpx;
    margin-left: -300rpx;
    margin-top: -300rpx;
    border-radius: 20rpx;
    overflow: hidden;
    background-color: #ffffff;
    text-align: center;
    padding: 80rpx 20rpx 20rpx;
    box-sizing: border-box;
    height: 260rpx;
}

.followOfficial-close {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40rpx;
}

.followText {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 600rpx;
    margin-left: -300rpx;
    margin-top: -300rpx;
    border-radius: 20rpx;
    overflow: hidden;
    background-color: #ffffff;
    text-align: center;
}

.followText.active {
    width: 300px;
    height: 250rpx;
    margin-top: -130rpx;
    margin-left: -150px;
}


.weChat-close {
    position: absolute;
    right: 30rpx;
    top: 25rpx;
    width: 38rpx;
    height: 38rpx;
}

.weChat-img {
    width: 60%;
    margin: 30rpx auto 0;
}

.weChat-title {
    height: 90rpx;
    line-height: 90rpx;
    border-bottom: 2rpx dashed rgb(236, 236, 236);
    font-weight: 600;
}

.weChat-text {
    font-size: 28rpx;
    color: #9d9d9d;
    line-height: 40rpx;
    padding-bottom: 30rpx;
}

.weChat-tips {
    font-size: 26rpx;
    color: #c6501e;
    padding-bottom: 30rpx;
}

.weChat-text text {
    display: block;
}

.clockInTitle {
    color: #ffffff;
    margin-bottom: 30rpx;
}

.clockInTitle-user {
    font-size: 36rpx;
    margin-bottom: 15rpx;
}

.clockInTitle-text {
    font-size: 26rpx;
    display: flex;
}

.clockInTitle-day {
    position: relative;
    padding: 0 15rpx;
    margin: 0 15rpx;
    width: 30rpx;
    text-align: center;
}

.clockInTitle-day text {
    width: 100%;
    font-size: 44rpx;
    position: absolute;
    left: 0;
    top: -20rpx;
    font-style: italic;
    font-weight: 600;
    z-index: 2;
}

.clockInTitle-day::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 16rpx;
    background-color: #87b2f7;
}

.clockInDate {
    background-color: #ffffff;
    border-radius: 30rpx;
    position: relative;
}

.clockInDate-img {
    position: absolute;
    top: -128rpx;
    right: 0;
    width: 140rpx;
}

.date {
    padding: 30rpx;
    box-sizing: border-box;
    display: flex;
    width: 100%;
}

.arrow-left {
    width: calc(50% - 100rpx);
    text-align: center;
}

.arrow-left image {
    width: 26rpx;
    height: 26rpx;
}

.arrow-left image {
    transform: rotate(180deg);
}

.arrow-right image {
    transform: rotate(-360deg);
}

.arrow-moon {
    width: 200rpx;
    text-align: center;
}

.list {
    padding: 30rpx;
    box-sizing: border-box;
    border-top: 2rpx solid #d6d6d6;
    border-bottom: 2rpx solid #d6d6d6;
}

.week {
    display: flex;
}

.week-label {
    text-align: center;
    font-size: 26rpx;
    width: 14.28%;
    padding-bottom: 30rpx;
}

.total {
    padding: 30rpx;
    box-sizing: border-box;
    font-size: 24rpx;
    display: flex;
}

.clockIn-border {
    padding: 30rpx;
}

.total-left {
    flex: 1;
}

.total-left-text text {
    color: #ff9000;
}

.total-btn {
    background-color: #5390f4;
    color: #ffffff;
    border-radius: 80rpx;
    line-height: 64rpx;
    padding: 0 20rpx;
    font-size: 26rpx;
}

.total-btn.active {
    background-color: #b3b3b3;
}

/* 报告对比 */
.backImg {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 0;
}

.ratio-title {
    margin: 80rpx 0 30rpx;
    width: 100%;
    text-align: center;
}

.ratio-title image {
    width: 50%;
}

.recruit-photo {
    display: flex;
    padding: 20rpx 60rpx 50rpx;
    box-sizing: border-box;
}

.recruit-photo-img {
    background-color: #ffffff;
    border-radius: 20rpx;
    padding: 10rpx;
    box-sizing: border-box;
    width: 140rpx;
    height: 180rpx;
}

.recruit-photo-img image {
    border-radius: 20rpx;
    width: 100%;
    height: 100%;
}

.recruit-photo-text {
    width: calc(100% - 280rpx);
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    font-size: 56rpx;
    line-height: 140rpx;
}

.recruit-data {
    background-color: #ffffff;
    border-radius: 30rpx;
    overflow: hidden;
    padding: 0 25rpx 30rpx;
    position: relative;
}

.recruit-data::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 50rpx;
    /* background: linear-gradient(to top, transparent, #ebf3ff); */
    /* background: -webkit-gradient(linear, top, transparent, color-stop(100%, #ebf3ff)); */
    width: 100%;
}

.recruit-list {
    margin-top: 30rpx;
}

.recruit-list-name {
    color: #508df4;
    text-align: center;
    font-size: 34rpx;
    margin-bottom: 20rpx;
}

.recruit-list-item {
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
}

.recruit-list-label {
    width: 50%;
    display: inline-block;
    line-height: 80rpx;
    font-size: 24rpx;
    color: #999999;
    position: relative;
    padding-left: 15rpx;
    box-sizing: border-box;
}

.recruit-list-label::after {
    position: absolute;
    content: '';
    left: 0;
    top: calc(50% - 4rpx);
    width: 8rpx;
    height: 8rpx;
    background-color: #999999;
    border-radius: 50%;
}

.recruit-list-label:last-child {
    color: #000000;
}

.recruit-list-label image {
    width: 22rpx;
    vertical-align: -4rpx;
}

.day {
    flex-wrap: wrap;
    display: flex;
}

.day-label {
    width: 14.28%;
    text-align: center;
    line-height: 80rpx;
    font-size: 28rpx;
}

.label-block {
    background-color: #ffffff;
    text-align: center;
}

.label-block.active {
    color: #c4c4c4;
}

.label-block.current {
    color: #5893f4;
    position: relative;
}

.label-block.current::after {
    border: 2rpx solid #5893f4;
    position: absolute;
    content: '';
    left: calc(50% - 24rpx);
    top: calc(50% - 26rpx);
    width: 52rpx;
    height: 52rpx;
    border-radius: 50%;
    box-sizing: border-box;
}

.label-success {
    width: 52rpx;
    vertical-align: -16rpx;
}

/* 日常分享 */
.dailyBack {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99;
    background-color: rgba(0, 0, 0, .6);
    display: none;
}

.dailyBack.active {
    display: block;
}

.dailyCont {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: -100000%;
    z-index: 100;
    transition: .2s;
}

.dailyCont.active {
    bottom: 0;
}

.dailyCont-img {
    text-align: center;
    padding: 0 160rpx;
    box-sizing: border-box;
}

.dailyCont-img image {
    width: 100%;
    display: block;
}

.dailyCont-white {
    background-color: #ffffff;
    border-radius: 30rpx 30rpx 0 0;
    overflow: hidden;
}

.dailyCont-title {
    text-align: center;
    line-height: 100rpx;
    color: #ffffff;
    background-image: linear-gradient(to left, #88c437, #fffa6d);
    font-weight: 600;
    font-size: 38rpx;
    text-shadow: 0 4rpx 6rpx rgba(102, 170, 9, .6);
    position: relative;
}

.dailyCont-title image {
    width: 50rpx;
    position: absolute;
    right: 30rpx;
    top: 25rpx;
    opacity: .8;
}

.dailyCont-list {
    padding: 60rpx 30rpx;
    box-sizing: border-box;
}

.dailyCont-label {
    border-bottom: 2rpx solid #f0f0f0;
    position: relative;
    padding-bottom: 30rpx;
    margin-bottom: 30rpx;
}

.dailyCont-icon {
    width: 94rpx;
    height: 94rpx;
    border-radius: 50%;
    padding: 12rpx;
    box-sizing: border-box;
}

.dailyCont-label:nth-child(1) .dailyCont-icon {
    background-color: #ffebed;
}

.dailyCont-label:nth-child(2) .dailyCont-icon {
    background-color: #f7f7f7;
}

.dailyCont-label:nth-child(3) .dailyCont-icon {
    background-color: #effffe;
}

.dailyCont-icon image {
    width: 100%;
}

.dailyCont-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 120rpx 0 140rpx;
    box-sizing: border-box;
}

.dailyCont-go {
    position: absolute;
    right: 0;
    top: 34rpx;
    background-image: linear-gradient(to top, #88c437, #88c437);
    color: #ffffff;
    border-radius: 100rpx;
    line-height: 54rpx;
    width: 120rpx;
    text-align: center;
    font-size: 26rpx;
}

.dailyCont-go.active {
    background-image: linear-gradient(to top, #d8d8d8, #d8d8d8);
}

.dailyCont-text-tips {
    font-size: 26rpx;
    color: #90919e;
    line-height: 58rpx;
}

.dailyCont-text-tips image {
    width: 26rpx;
    vertical-align: -2rpx;
}

.dailyCont-text-tips text {
    color: #5274f4;
    font-weight: 600;
    display: inline-block;
    margin: 0 10rpx 0 5rpx;
}

.dailyCont-record {
    text-align: center;
    font-size: 28rpx;
    color: #90919e;
    line-height: 64rpx;
}

.dailyCont-record-go {
    text-decoration:underline;
}

.recruit-tips {
    text-align: center;
    padding: 50rpx 0;
    box-sizing: border-box;
}

.recruit-data-img {
    width: 55%;
    margin-bottom: 30rpx;
}

.recruit-data-text {
    color: #999999;
}


/* 弹出层提示 */
.publicBack {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 99;
}

.publicPop {
    left: 50%;
    top: 60%;
    width: 240px;
    margin-left: -120px;
    margin-top: -340rpx;
    position: fixed;
    z-index: 100;
}

.publicPop-cont {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 30rpx;
    text-align: center;
    overflow: hidden;
    padding: 50rpx 0 0;
    box-sizing: border-box;
}

.free-title {
    font-weight: 600;
    margin-bottom: 40rpx;
    font-size: 34rpx;
}

.free-input {
    padding: 0 30rpx;
    box-sizing: border-box;
    height: 90rpx;
    line-height: 90rpx;
    font-size: 30rpx;
}

.free-input input {
    height: 90rpx;
    border-radius: 10rpx;
    background-color: #f8f8f8;
}

.publicPop-text {
    color: #9d9d9d;
    font-size: 32rpx;
    text-align: center;
}

.publicPop-text text {
    color: #000000;
    font-size: 40rpx;
    display: block;
    font-weight: 600;
    margin: 20rpx 0 10rpx;
}

.publicPop-btn {
    line-height: 80rpx;
    margin-top: 70rpx;
    font-size: 32rpx;
    display: flex;
    border-top: 2rpx solid #f8f8f8;
}

.publicPop-btn button {
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent;
    font-weight: normal !important;
    color: #6c78f8;
}

.publicPop-btn-go {
    width: 50% !important;
    text-align: center;
    height: 90rpx !important;
    line-height: 90rpx !important;
    font-size: 30rpx !important;
}

.publicPop-btn-border {
    position: relative;
}

.publicPop-btn-border::after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 2rpx;
    height: 100rpx;
    background-color: #f8f8f8;
}

/* 关注漂浮窗 */
.floating {
    width: 100%;
    position: fixed;
    bottom: 10%;
    right: 0;
    z-index: 9;
    text-align: right;
    width: 70rpx;
}

.followFloat {
    text-align: center;
    width: 40rpx;
    padding: 20rpx 15rpx;
    color: #c6501e;
    font-weight: 600;
    background-image: linear-gradient(to top, #feddc7, #feddc7);
    border: 4rpx solid #ffffff;
    border-radius: 20rpx 0 0 20rpx;
}

.shareFloat {
    margin-bottom: 30rpx;
    text-align: center;
    width: 40rpx;
    padding: 20rpx 15rpx;
    color: #000000;
    font-weight: 600;
    background-image: linear-gradient(to top, #ffcf3b, #ffcf3b);
    border: 4rpx solid #ffa749;
    border-radius: 20rpx 0 0 20rpx;
}

.floating-img {
    width: 40rpx;
}


.referto-tips-name {
    font-weight: 600;
    margin-bottom: 10rpx;
    line-height: 44rpx;
    display: flex;
}

.referto-tips-name image {
    width: 30rpx;
    margin: 8rpx 10rpx 0 0;
}

.referto-tips {
    padding: 10rpx 40rpx 20rpx;
    box-sizing: border-box;
    font-size: 28rpx;
    line-height: 40rpx;
    text-align: justify;
    margin-bottom: 40rpx;
    color: #db0000;
}