.app{background: #fff;}
.banner{background-image: url('../imgs/ban-join.jpg');}
.banner .en{background-image: url('../imgs/ban-en-join.png');}
.title{text-align: center; font-size: .4rem; font-weight: bold; line-height: 1; color: #4b4b4b; margin: .55rem 0;}
.welfare{display: flex; flex-wrap: wrap;justify-content: space-between; padding-top: .1rem;}
.welfare li{width: 3.3rem;color: #999; line-height: 1.6; margin-bottom: .6rem;}
.welfare .icon{width: 1rem; height: 1rem;}
.welfare .name{padding-bottom: .16rem;font-size: .28rem;font-weight: bold;color: #333; border-bottom: .05rem solid rgba(0,0,0,0); margin-bottom: .16rem;}
.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;}
.part2 .title{margin-bottom: .36rem;}
.filters{margin-bottom: .4rem;}
.filters li {position: relative;margin: .28rem auto 0;height: .9rem; background-color: #fff}
.filters li.ico-select::after {content: ""; width: .24rem; height: .17rem; position: absolute; top: 50%; margin-top: -0.085rem; right: .38rem; pointer-events: none; background: url("../imgs/ico-select.png") no-repeat center / contain}
.filters select,.filters input {width: 100%;height: 100%;padding: 0 1.05em;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: .28rem;color: #000}
.filters select::-webkit-input-placeholder,.filters input::-webkit-input-placeholder {color: #9e9e9e}
.filters select::-moz-placeholder,.filters input::-moz-placeholder {color: #9e9e9e}
.filters select::-o-input-placeholder,.filters input::-o-input-placeholder {color: #9e9e9e}
.filters select::-ms-placeholder,.filters input::-ms-placeholder {color: #9e9e9e}
.filters .search{padding-right: 2.25rem;}
.filters .search-btn{position: absolute;right: 0; top: 0; width: 2.14rem;line-height: .9rem; font-size: .3rem; font-weight: bold; text-align: center; background: #ffd71f;}

.list li{margin-bottom: .25rem;background: #fbfbfb; padding: .2rem;}
.list .job{font-size: .36rem;}
.list .label{display: flex;}
.list .label span{color: #737373; display: inline-block; position: relative; padding-right: .16rem; margin-right: .16rem;}
.list .label span::after{content: "";width: 1px;height: .14rem;position: absolute;right: 0;top: 50%;margin-top: -.07rem;background-color: #8c8c8c;}
.list .label span:last-child::after{display: none;}
.list .desc{border-top: 1px solid #f1f1f1; margin-top: .2rem; padding-top: .2rem; font-size: .22rem; line-height: .38rem; max-height: 1.14rem; overflow: hidden; color: #646464;}
.list .not{text-align: center;}
.pop .label{display: flex;justify-content: space-between;border-bottom: 1px solid #f1f1f1; padding: .2rem 0; margin-bottom: .1rem;}
.en .welfare .name{font-size: .22rem;}