.banner{background-image: url('../images/ban-join.jpg');}
.banner .en{background-image: url('../images/ban-en-join.png');}
.main-join{padding:80px 0}
.welfare{display: flex;justify-content: space-between; margin-bottom: 100px;}
.welfare li{width: calc(20% - 20px); color: #999; text-align: justify;}
.welfare .name{padding-bottom: 15px;font-size: 22px;font-weight: bold; color: #333; border-bottom: 3px solid rgba(0,0,0,0); margin-bottom: 15px;}
.welfare li:nth-child(1) .name{border-color: #2e8bfe;}
.welfare li:nth-child(2) .name{border-color: #9d50ff;}
.welfare li:nth-child(3) .name{border-color: #fa375a;}
.welfare li:nth-child(4) .name{border-color: #ff681c;}
.welfare li:nth-child(5) .name{border-color: #ffb401;}
.filters{display: flex; justify-content: space-between;}
.filters li{width: 310px; height: 50px;line-height: 50px;background-color: #fff; margin-right: 15px; position: relative;}
.filters li.search{width: auto; flex: 1; margin: 0;padding-right: 120px;}
.filters select,.filters input {width: 100%;height: 100%;padding: 0 15px;border: none;outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border: 1px solid #d1d1d1;-webkit-appearance: none;background-color: rgba(0,0,0,0);font-size: 16px;color: #999;}
.filters li.ico-select::after{content: "";width: 13px;height: 9px; position: absolute;top: 50%; margin-top: -5px;right: 18px;background: url('../images/ico-select.png') no-repeat;}
.filters .search-btn{position: absolute;right: 0;top: 0; cursor: pointer; width: 120px;line-height: 50px;background: #ffd71f url('../images/ico-search.png') no-repeat 29px center;font-size: 16px;color: #4e5259;text-indent: 55px;}
.filters .search-btn:hover{background-color: #f1d346;}
.lists{display: flex;flex-wrap: wrap; margin-top: 60px;justify-content: space-between;}
.lists li{width: calc(50% - 10px); font-size: 15px; color: #666; margin-bottom: 20px; background-color: #f8f8fa; cursor: pointer; overflow: hidden; position: relative; -webkit-transition: all .2s linear;transition: all .2s linear;}
.lists li::before{content: ''; width: 100%;background: #ffc71e; position: absolute;right: 0;bottom: 0;left: 0;height: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.lists .item{padding: 25px 45px; position: relative; z-index: 1;}
.lists .tit{padding: 0 0 20px; border-bottom: 1px solid #ededed;}
.lists .job{padding: 10px 0 0;font-size: 28px;color: #000;-webkit-transition: all .2s linear;transition: all .2s linear;}
.lists .label{padding: 5px 0 0; display: flex;font-size: 16px;color: #747474;}
.lists .label span{display: inline-block;padding-right: 15px;margin-right: 15px;position: relative;}
.lists .label span::after {content: "";width: 1px;height: 12px;position: absolute;right: 0;top: 50%;margin-top: -6px;background-color: #b1b1b1;}
.lists .label span:last-child::after{display: none;}
.lists .desc{height: 84px;line-height: 28px;padding: 10px 0 0;margin: 10px 0 0;overflow: hidden;}
.lists li:hover::before{height: 100%;}
.lists li:hover,.lists li:hover .job,.lists li:hover .label{color: #fff;}
.lists li:hover .label span::after{background-color: #fff;}
.pop{width:100%;height:100%;position:fixed;left:0;top:0;right:0;bottom:0;z-index:999;display:none;background:rgba(0,0,0,.6)}
.pop .pop_cont{width:740px;padding:30px 35px;font-size:16px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff}
.pop .close {position: absolute;display: block;width: 35px;height: 35px;right: 25px;top: 20px;cursor: pointer; border: 1px solid #ebecee;-webkit-transition: .5s ease;-moz-transition: .3s ease;-webkit-transition: .3s ease;-o-transition: .3s ease;transition: .3s ease;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVBQkREOERCNkM3NDExRURCMUE2QjFGMzQ3NzI4RTk0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVBQkREOERDNkM3NDExRURCMUE2QjFGMzQ3NzI4RTk0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUFCREQ4RDk2Qzc0MTFFREIxQTZCMUYzNDc3MjhFOTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUFCREQ4REE2Qzc0MTFFREIxQTZCMUYzNDc3MjhFOTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6FpMb7AAABi0lEQVR42pyUu0oDQRSGJ0sqy2AjCBGr6JLEBBtfwT5gZ5vVSLwUvoFNiJrES2mpaK2PIRpcjKz4HBa5+J/wDxyW3bibgY89Z/bMP3Nm5kzm/vG5Z4xZBcfgy6RsO7Vt8/D0sgnzFHbNgbFAbkEhrSDE1vBpgUXxRXAfBCBD0XIKvXVwQ9u3gr/AU+leAjeBmMRc05axh1ZQ2oiin/SvQGmGWIkxhmM87N9QnKwKmoA9rlDS7nDW95BYmTHTNCHU0D+diNlF5EOlX1H/CkpMYhrhwU5MSgegT/sc5Indsz5jTFJBaU3wRvuOOOxrxg1y/jnJI64mQ3z2mXkFV0BO+Tn2zSXoMs1l8EqW2OemFSyqe/YNTkhf3dNiUkGZvUs74IXXBxXQ7kZd/rDgBujRHoA6GIZi6qpMO3gcKnGCVXDB0xywasYRGYy56oG9pxCthgXlPWurlXksxbg2YYxPv803cSq4xfcstpxmtIYq05YVPAuV0yjliy1jfqyf5b7l1WHM0+SgdsX4E2AAcnNfWTjLvSgAAAAASUVORK5CYII=") no-repeat center}
.pop .close:hover{background-color:#ebecee}
.pop .pop_head{border-bottom:1px solid #e8eaec;padding:0 10px}
.pop .tit{font-size:28px;color:#000;line-height:1.2}
.pop .info{padding:15px 0;margin-top:10px}
.pop .info span{display:inline-block;color:#727272;margin-right:36px}
.pop .email{float:right;color:#3551ff}
.pop .jobs_desc{padding-right:20px;margin:20px 0;color:#000;line-height:48px;max-height:440px;overflow-y:auto}
.pop .jobs_desc::-webkit-scrollbar{width:6px;height:6px}
.pop .jobs_desc::-webkit-scrollbar-track-piece{background-color:#fff;border-radius:3px;-webkit-border-radius:3px}
.pop .jobs_desc::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#e8e8e8;border-radius:3px;-webkit-border-radius:3px}
.pop .jobs_desc::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:#e8e8e8;border-radius:3px;-webkit-border-radius:3px}
.pop .pop_min{width:510px;padding:60px 35px;text-align:center;color:#727272}
.pop .pop_min .tit{font-weight:700;margin-bottom:30px}
.en .welfare li{text-align: left;}
.en .welfare .name{font-size: 15px;}