* {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
 margin: 0;
 padding: 0;
}
/* 宽屏 */
body,html {
 width: 100%;
 background: #fff;
 font-size: 14px;
 font-family: PingFangSC-Regular, sans-serif;
 /*font-family: "Helvetica Neue","Helvetica","PingFang SC","Hiragino Sans GB","Arial",sans-serif;*/
/*font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;*/
}
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
p {
 padding: 0;
 margin: 0;
 color: rgb(36, 36, 36);
}
span {
 color: rgb(36, 36, 36);
}
ul {
 list-style: none;
}
img {
 border: 0px;
}
a{
 text-decoration:none;
}
.flex{
	display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box; /* Firefox 17- */
	display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex; /* Firefox 18+ */
	display: -ms-flexbox; /* IE 10 */
  display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}
.between{
	justify-content: space-between;
	align-items: center;
}
.head{
 width: 100%;
 height: 4.53rem;
 /*padding-top: 1.03rem;*/
 background: url(../image/head-bg.png) no-repeat center center;
}
.head-logo{
 width: 100%;
 height: 1.31rem;
 background: url(../image/head.png) no-repeat right center;
 background-size: 100% 100%;
}
.title{
 position: relative;
 font-size: .45rem;
 padding: .36rem .93rem;
 color: #FFFFFF;
 letter-spacing: -0.68px;
 text-align: left;
}
.title::before{
 position: absolute;
 left: .67rem;
 top: 50%;
 margin-top: -0.2rem;
 content: '';
 width: .05rem;
 height: .4rem;
 background:#fff;
}
.footer{
 height: 1.1rem;
 /* line-height: 1.07rem; */
 width: 100%;
 background: url(../image/footer.png) no-repeat center center;
 background-size: 100% 100%;
}
/* 加入我们 */
.join-content{
 height: 100vh;
 overflow: hidden;
}
.join-us{
 height: calc(100% - 5.63rem);
 padding: .24rem .33rem;
}
.join-us li{
 height: 31.5%;
 margin-bottom: .27rem;
 color: #fff;
 text-align: center;
 background-size: cover;
 overflow: hidden;
 border-radius: 4px;
 box-shadow: 0 0px 10px rgba(0,0,0,0.10);
}
.join-us li a{
 display: block;
 height: 4.53rem;
 height: 100%;
}
.sz{
 background: url(../image/sh.png) no-repeat center center;
}
.xy{
 background: url(../image//xy.png) no-repeat center center;
}
.sx{
 background: url(../image/sxs.png) no-repeat center center;
}
.join-us li p:first-child{
 padding-top: 1.6rem;
 font-size: .51rem;
 color: #FFFFFF;
 letter-spacing: -0.76px;
 text-shadow: 0 2px 4px rgba(0,0,0,0.50);
}
.join-us li p:last-child{
 font-size: .32rem;
 color: #FFFFFF;
 letter-spacing: -0.48px;
 text-shadow: 0 2px 4px rgba(0,0,0,0.50);
}
/* 招聘 */
.invite-content{
 padding: 0 .53rem;
}
.breadcrumb{
 padding: .47rem .53rem;
 height: 1.33rem;
}
.breadcrumb span{
 color: rgba(0,0,0,0.50);
 letter-spacing: -0.48px;
 font-size: .32rem;
}
.breadcrumb span:last-child{
 color: #E02020;
}
.query-name{
 display: inline-block;
 height: .73rem;
 line-height: .73rem;
 padding:  0 .53rem;
 background: #EFEEEE;
 border-radius: 6px;
 font-size: .32rem;
 color: rgba(0,0,0,0.50);
 letter-spacing: -0.48px;
}
.query-date{
 margin: .27rem 0;
 height: .53rem;
 line-height: 0.53rem;
}
.query-date span{
 padding: 0 .4rem;
 font-size: .32rem;
 color: rgba(0,0,0,0.50);
 letter-spacing: -0.48px;
 border-right: 1px solid #979797;
}
.query-date span:first-child{
 padding-left: 0;
}
.query-date span:last-child{
 border-right: none;
}
.query-date .active{
 color: #E02020;
}
.mescroll{
 position: relative;
}
.mescroll-content{
 overflow-x: auto;
}
.data-frist{
 position: absolute;
 top:0;
 left: 0;
 z-index: 99;
}
.invite-table{
 position: relative;
 height: calc(100% - 11.28rem);
 margin-bottom: .33rem;
 padding: 0 .53rem;
 white-space: nowrap;
}
th,td,tr {
 height: .93rem;
 min-width: 3.33rem;
 text-align: center;
 width: 3.33rem;
}

.tb1 {
 background: #EFEEEE;
 position: fixed;
 z-index: 10001;
 width: 3.33rem;
 min-width: 3.33rem;
}

.tb2 {
 background: #EFEEEE;
 position: sticky;
 top: 0px;
 margin-left: 3.32rem;
 z-index: 1000;
}

.tb3 {
 left: 0px;
 /*height: 100%;*/
 float: left;
 position: sticky;
 z-index: 1000;
 width: 3.33rem;
 /*min-width: 3.33rem;*/
 background: #fff;
}
.tb4 {
 left: 3.32rem;
 position: absolute;
}
.tb3 td,.tb4 td{
 border-bottom: 1px solid #979797;
}
.invite-table tr.active{
 background: #E02020;
}
.invite-table tr.active td{
 color: #fff;
}
.mescroll>.mescroll-hardware{
 visibility: hidden !important;
}
.invite-table tfoot td{
 border:none
}
/* .invite-table .invite-thead{
 background: #EFEEEE;
 font-size: .37rem;
 color: rgba(0,0,0,0.50);
 letter-spacing: -0.56px;
}
.invite-table span{
 display: inline-block;
 min-width: 2.67rem;
 font-size: .32rem;
 text-align: center;
 color: rgba(0,0,0,0.50);
}
.invite-thead span{
 background: #EFEEEE;
 font-size: .37rem;
}
.invite-thead span:first-child , .invite-table li span:first-child{
 width: 3.33rem;
 min-width: 3.33rem; */
 /* overflow: hidden; */
 /* white-space: nowrap;
 text-overflow:ellipsis;
 vertical-align: middle; */
/* }
.invite-table li span:first-child{
 color: rgba(0,0,0,0.85);
 background: #fff;
}
.invite-thead, .invite-table li,.invite-table li span{
 height: .93rem;
 line-height: .93rem;
 background: #fff;
 -webkit-tap-highlight-color:rgba(0,0,0,0);
 /* border-bottom: 0.5px solid #979797; */
/* }
.invite-thead, .invite-table li span{
 border-bottom: 0.5px solid #979797;
}
.invite-thead, .invite-table li:last-child{
 border-bottom: none;
}
.invite-thead, .invite-table li.active,.invite-table li.active span:first-child{
 background: #E02020;
}
.invite-table li.active span{
 color:#fff;
 background: #E02020;
}  */
.recruit-content-seach-icon{
 position: relative;
 width: 7.33rem;
 margin: .33rem 0;
 border: 1px solid #979797;
 border-radius: 6px;
}
.recruit-content-seach-icon input{
 width: 100%;
 height: .8rem;
 padding: 0 .27rem;
 line-height: .8rem;
 border: 1px solid #979797;
 border-radius: 6px;
}
.recruit-content-seach-icon .icon{
 position: absolute;
 right: 0.2rem;
 top: .18rem;
}
/* 招聘详情 */
.blank{
 background: #f6f6f6;
 padding: .53rem .53rem;
}
.invite-duty{
 padding: 0 0 .4rem;
 font-size: .48rem;
 color: #E02020;
 letter-spacing: -0.72px;
 text-align: center;
}
.duty-basic p{
 flex: 1;
}
.duty-basic>div{
 margin-bottom: .47rem;
 font-size: .35rem;
 color: rgba(0,0,0,0.85);
 letter-spacing: -0.52px;
 line-height: .49rem;
}
.duty-basic>div:last-child{
 margin-bottom: 0;
}
.duty-basic span{
 color: rgba(0,0,0,0.50);
 padding-left: .27rem;
}
.invite-require-name{
 position: relative;
 padding: .37rem .53rem;
 padding-left: .91rem;
 font-size: .35rem;
 color: #E02020;
 letter-spacing: -0.52px;
}
.invite-require-name::before{
 position: absolute;
 left: .53rem;
 top: 50%;
 margin-top: -0.13rem;
 content: '';
 width: .08rem;
 height: .27rem;
 background:#FA7979;
 border-radius: 2px;
}
.invite-text p{
 padding-bottom: .53rem;
 font-size: .35rem;
 color: #7F7F7F;
 letter-spacing: -0.52px;
}
.invite-btn{
 margin: .53rem 0;
}
.invite-btn a{
 display: block;
 width: 5.2rem;
 margin: 0 auto;
 text-align: center;
 height: .93rem;
 line-height: .93rem;
 font-size: .35rem;
 letter-spacing: -0.52px;
}
.invite-btn .email{
 background: #CA0313;
 border-radius: 8px 8px 0 0;
 color: #FFFFFF;
}
.invite-btn .back{
 background: #EFEEEE;
 border-radius: 0 0 8px 8px;
 color: rgba(0,0,0,0.50);
}
.invite-btn img{
 width: .63rem;
 margin-right: .2rem;
 vertical-align: middle;
}