.ty_coop{background-color: #f6f6f6;}

.tc_banner>img{width: 100%;}

.tc_join_t>p{margin-top: 20px;}
.tc_join_t>span{font-size: 16px;margin-top: 20px;display: block;}
.tc_join_c{background: url('/images/33.jpg') no-repeat center;background-size: 100% 100%;height: 500px;position: relative;overflow: hidden;transition: .3s;}
.tc_join_c>span{position: absolute;left: -10%;top: 0;width: 60%;bottom: 0;transform: skew(-10deg);background-color: rgba(0,0,0,.7);z-index: 0;}
.tc_join_w{width: 500px;padding: 40px 40px 0;position: relative;z-index: 1;color: #fff;}
.tc_join_w>div{margin-bottom: 30px;}
.tc_join_w>div>h1{font-size: 16px;height: 35px;line-height: 35px;border: 1px solid #fff;border-radius: 5px;width: 90px;text-align: center;margin-bottom: 20px;}
.tc_join_f>span{margin-right: 20px;white-space: nowrap;line-height: 2;}
.tc_join_f>span>i{margin-right: 10px;line-height: 18px;font-weight: bold;font-style: normal;color: var(--base);}
.tc_join_s{white-space: nowrap;}
.tc_join_s>a{display: inline-block;padding: 0 20px;background-color: var(--base);margin-right: 30px;height: 35px;line-height: 35px;border-radius: 5px;}
.tc_join_s>a>img{vertical-align: middle;margin-left: 10px;}
.tc_join_c:hover {background-size: 110% 110%;}

@media screen and (max-width: 766px) {
    .tc_banner>img{height: 30vh;object-fit: cover;}

    .tc_join_t>span{font-size: 1.2rem;}
    .tc_join_c{height: unset;background-size: cover;}
    .tc_join_c>span{width: 100%;transform: unset;left: 0;}
    .tc_join_w{width: 100%;padding: 4rem 0 0;}
    .tc_join_s{white-space: normal;width: 100%;}
    .tc_join_s>a{height: 4rem;line-height: 4rem;margin-right: 2rem;margin-bottom: 1.5rem;}
}