.cd-fx-bg{padding:0!important;line-height:0;font-size:14px;position: relative;}
.cd-sc-bg{box-shadow:none!important;-webkit-box-shadow:none!important;}
.line{border-top: 1px solid #D8D8D8;}
/* 招聘菜单 */
.menu{text-align: center;margin:120px 0 80px;}
.menu .menuItem{width: 330px;height: 240px;line-height: 335px;font-weight: 700;font-size: 20px;color: #333333;text-align: center;display: inline-block;position: relative;overflow: hidden;border-radius: 22px;margin:0 30px;transition: line-height .3s,font-size .3s;-webkit-transition: line-height .3s,font-size .3s;}
.menu .menuItem:hover{line-height: 380px;font-size:24px;}
.menu .menuItem:hover img{transform: scale(1.2);}
.menu .menuItem img{width: 330px;height: 240px;position: absolute;left: 0;transition: transform .3s;-webkit-transition: transform .3s;}
/* 标题 */
h2.title{font-weight: 600;font-size: 22px;color: #333333;line-height: 22px;text-align: center;margin:50px 0;}
/* QA */
.pane{margin: 0 0 45px;}
.pane .paneItem{background: #FFFFFF;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1608);border-radius: 10px 10px 10px 10px;border: 1px solid #D8D8D8;position: relative;padding: 0 40px 22px 45px;margin: 0 0 45px;}
.pane .paneItem .paneItemTitle{margin:27px 0 22px;font-weight: 600;font-size: 20px;color: #2F85FC;}
.pane .paneItem .paneItemTitle::before{content: '';display: block;width: 15px;height: 37px;background: #2F85FC;border-radius: 0px 4px 4px 0px;position: absolute;left: 0;top: 18px;}
.pane .paneItem .paneItemCont{line-height: 1.6;}
/* Slide */
.slide{display: flex;width: 100%;}
.slide .slideItem{position: relative;width: 100%;}
.slide .slideItem img{width: 78vw;}
.slide .slideItem img:last-child{width: 100vw;}
.slide .slideItem .font{position: absolute;left:50%;margin: 0 0 calc(-17vw / 2) calc(-78vw / 2);bottom: 0;transform: scale(0.6);}
.slide .slideItem .font2{margin-bottom:calc(-17vw / 2);transform: scale(0.7);}
.slide .slideItem .font3{margin-bottom:calc(-16vw / 2);transform: scale(0.7);}
.swiper-container .swiper-pagination{bottom:23.5px}
.swiper-container .swiper-pagination .swiper-pagination-bullet{cursor:pointer;width:5px;height:5px;border-radius:5px;background:#999;margin:0 10px;opacity: 1;}
.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff}
/* Banner */
.banner{position: absolute;bottom: 0;width: 580px;left: 50%;margin: 0 0 52px -500px;}
.banner .title{font-weight: 700;font-size: 40px;color: #FFFFFF;line-height: 40px;margin:0 0 21px;}
.banner .text{font-size: 18px;color: #FFFFFF;line-height: 24px;}
/* 社招 */
.sz{display: flex;justify-content: center;margin: 0 0 90px;height: 455px;}
.sz .item{width: 340px;height: 425px;margin:30px 0 0;padding: 195px 0 0 0;text-align: center;position: relative;overflow:hidden;box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.3);border-radius: 20px;transition: width .3s,height .3s,padding .3s,margin .3s;-webkit-transition: width .3s,height .3s,padding .3s,margin .3s;cursor: pointer;}
.sz .item.big{width: 400px;height: 500px;padding: 270px 0 0;margin-top:0;}
.sz .item.center{margin-right:60px;margin-left:60px;}
.sz .item img{position: absolute;top:0;left:0;z-index: -1;border-radius: 20px;}
.sz .item .itemTitle{font-weight: 600;font-size: 36px;color: #333333;margin: 0 30px 50px;}
.sz .item .itemCont{font-weight: 400;font-size: 20px;color: #333333;line-height: 30px;margin:0 auto;width: 284px;}
/* 校招 */
.xz{display: flex;justify-content: center;margin: 0 0 90px;}
.xz .item{width: 380px;background: #FAFAFA;border-radius: 10px 10px 10px 10px;}
.xz .item.big{margin:0 30px 0;}
.xz .item .itemTitle{font-weight: 700;font-size: 20px;color: #333333;margin: 23px 30px 48px 51px;padding: 0 12px;}
.xz .item .itemTitle::after{content:'';position: absolute;width: 104px;height: 10px;background: #2F85FC;border-radius: 10px 10px 10px 10px;margin:4px 0 0 -10px;}
.xz .item .itemCont{font-weight: 400;font-size: 20px;color: #333333;line-height: 30px;margin:0 48px 48px 51px;}
.xz-time{width: 1200px;height: 245px;background: #FFFFFF;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);border-radius: 10px 10px 10px 10px;margin:50px auto 0;text-align: left;padding: 0 42px;}
.xz-time .title{font-weight: 400;font-size: 20px;color: #2F85FC;height: 50px;line-height: 50px;padding: 0 42px 0 25px;}
.xz-time .item{width: 1100px;height: 70px;line-height: 70px;background: #FAFAFA;border-radius: 20px 20px 20px 20px;padding:0 25px;margin: 0 0 20px;}
.xz-time span{float:right;}
/* 办公环境 */
.photo{display: flex;align-items: center;height: 436px;margin: 48px 0 0 0;justify-self: center;width: 1120px;position: relative;}
.photo .item{width: 642px;height: 383px;position: relative;cursor: pointer;z-index: 0;opacity: 0.8;transition: opacity .3s;-webkit-transition: opacity .3s;}
.photo .item.big{width: 784px;height: 436px;margin:0 0 0 -300px;position: absolute;right: 0;z-index: 9;opacity: 1;}
.photo .item img{width: 100%;height: 100%;}
.photo .item .title{position: absolute;left:0;right:0;bottom:0;height: 66px;line-height: 66px;background: linear-gradient( -270deg, #2F85FC 0%, rgba(255,255,255,0.5) 98%);border-radius: 0px 0px 0px 0px;text-align: left;font-weight: 600;font-size: 20px;color: #FFFFFF;padding: 0 20px;}
/* 左右栏 */
.tab{display: flex;}
.tab .tabTitle{min-height:80vh;border-right: 1px solid #D8D8D8;font-weight: 700;font-size: 20px;color: #333333;line-height: 22px;text-align: right;}
.tab .tabTitle a{color:#333;width: 140px;display: inline-block;cursor:pointer;margin: 35px 80px 0 0;position: relative;}
.tab .tabTitle a:hover{color:#2f85fc;}
.tab .tabTitle a.active::after{content:'';width: 24px;height: 24px;position: absolute;right:-52px;bottom:-4px;background: url(/web/ux/img/ai/index/join/arrow.svg) no-repeat;background-size: contain;}
.tab .tabTitle a:hover.active::after{}
.tab .tabContent{flex:1;}
.tab .tabContent .item{padding: 48px 30px 48px 34px;position: relative;background: #FAFAFA;border-radius: 20px 20px 20px 20px;margin:0 0 20px 27px;cursor: pointer;}
.tab .tabContent .item::before{content: '';width: 15px;height: 100%;background: #D8D8D8;border-radius: 20px 0px 0px 20px;position: absolute;left: 0;top: 0;}
.tab .tabContent .item::after{content: '';width: 20px;height: 20px;position: absolute;right: 30px;bottom: 20px;background: url(/web/ux/img/ai/index/join/arrow2.svg) no-repeat;background-size: contain;}
.tab .tabContent .item:last-child{margin-bottom:50px;}
.tab .tabContent .item.open::after{transform: rotate(180deg);bottom:30px;}
.tab .tabContent .item .title{font-weight: 600;font-size: 20px;color: #2F85FC;line-height: 22px;margin:0 0 14px;}
.tab .tabContent .item .location{float: right;font-weight: 600;font-size: 20px;color: #333333;line-height: 24px;}
.tab .tabContent .item .location::before{content:'';display: block;position: absolute;margin:2px 0 0 -37px;width: 17px;height: 20px;background: url(/web/ux/img/ai/index/join/location.svg) no-repeat;background-size: cover;}
.tab .tabContent .item .text{transition: height .3s;-webkit-transition: height .3s;font-weight: 400;font-size: 18px;color: #333333;line-height: 30px;height: 85px;overflow: hidden;}
.tab .tabContent .item.open .text{height: auto;}
.tab .tabContent .item .text b{font-weight: bold;display:block;}
.tab .tabContent .item .img{position: absolute;right: 84px;top: 70px;}
.tab .tabContent .bg::after{content:'';display:block;width: 200vw;height:100%;position:absolute;z-index:-1;background: #FAFAFA;top: 0;left: 0;bottom: 0;}
.tab .tabContent .right >div{margin:0 0 0 370px;}
.tab .tabContent .right img{right:auto;left: 84px;}
.tab .tabContent .line{border-bottom: 1px solid #D8D8D8;width: 200vw;position: absolute;}
/* 底部 */
.job-footer {padding: 90px 0;background: #FAFAFA;text-align: center;font-weight: 400;font-size: 22px;color: #333333;line-height: 30px;}
.job-footer.white {background: #fff;padding-top: 50px;}
.job-footer p.title{font-weight: 600;margin:50px 0 5px;}
.job-footer p.title:first-child{margin-top:0;}
.job-footer p.text{font-weight: 600;font-size: 22px;color: #2F85FC;display: flex;justify-content: space-evenly;padding: 0 134px;}
.job-footer p.text span{display: block;width: 224px;text-align: center;}