@charset "utf-8";
/* CSS Document */
body{background: #fff;}


/*pc-1920*/
@media screen and (min-width: 1680px) {
    .main {width: 100%; }
    .main .top-bg{height:1091px; background: url("../images/recruit/top-bg.png")no-repeat center;background-size: cover; }
    .main .content{border: 1px solid #727171;width: 1635px;margin: 164px auto;}
    .main .content ul{width: 100%; font-size: 0; border-top: 1px solid #727171;white-space: nowrap;}
    .main .content ul li{display: inline-block;width: 33.3%; border-right:1px solid #727171;height: 72px;margin: 0;padding: 0; font-size: 26px;color: #393d49;line-height: 67px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .main .content ul li:nth-child(3){border-right: none;}
    .main .content .title{border-top: none; }
    .main .content .jos-item>li>a{color: #22356e;text-decoration: none;display: inline-block;line-height:50px;border-bottom: 1px solid #22356e; vertical-align: middle;}
    .main .join{width: 800px; height: 140px;margin: 170px auto;background: #F6AB00;color: #fff;text-align: center;border-radius: 8px;line-height: 140px; font-size: 46px; cursor: pointer;}
    .main .join:active{background: #f79911;}
}

/*pc-public*/
@media screen and (min-width: 1340px) and (max-width: 1679px) {
    .main {width: 100%; }
    .main .top-bg{height:800px; background: url("../images/recruit/top-bg.png")no-repeat center;background-size: cover; }
    .main .content{border: 1px solid #727171;width: 1000px;margin: 134px auto;}
    .main .content ul{width: 100%; font-size: 0; border-top: 1px solid #727171;white-space: nowrap;}
    .main .content ul li{display: inline-block;width: 33.3%; border-right:1px solid #727171;height: 72px;margin: 0;padding: 0; font-size: 26px;color: #393d49;line-height: 67px;text-align: center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .main .content ul li:nth-child(3){border-right: none;}
    .main .content .title{border-top: none;}
    .main .content .jos-item>li>a{color: #22356e;text-decoration: none;display: inline-block;line-height:50px;border-bottom: 1px solid #22356e; vertical-align: middle;}
    .main .join{width: 600px; height: 100px;margin: 140px auto;background: #F6AB00;color: #fff;text-align: center;border-radius: 8px;line-height: 100px; font-size: 46px; cursor: pointer;}
    .main .join:active{background: #f79911;}

}

/*mobile*/
@media screen and (max-width: 1339px) {
    .main{;margin-top: 44px;overflow: hidden;}
    .main .top-bg{height:220px; background: url("../images/recruit/top-bg-m.png")no-repeat center;background-size: cover; }
    .main .content{border: 1px solid #727171;width: 90%;margin: 35px auto;}
    .main .content ul{width: 100%; font-size: 0; border-top: 1px solid #727171;white-space: nowrap;}
    .main .content ul li{display: inline-block;width: 33.3%; border-right:1px solid #727171;height: 35px;margin: 0;padding: 0; font-size: 11px;color: #393d49;line-height: 35px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .main .content ul li:nth-child(3){border-right: none;}
    .main .content .title{border-top: none;}
    .main .content .jos-item>li>a{color: #22356e;text-decoration: none;display: inline-block;line-height:20px;border-bottom: 1px solid #22356e; vertical-align: middle;}
    .main .join{width: 265px; height: 35px;margin: 36px auto;background: #F6AB00;color: #fff;text-align: center;border-radius: 8px;line-height: 35px; font-size: 15px;cursor: pointer;}
    .main .join:active{background: #f79911;}
}