.md22960.md-recruit{width: 100%;padding: .55rem 0 .8rem;}
.md22960.md-recruit img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md22960.md-recruit .layout{width: 16rem;max-width: 92%;margin: 0 auto;} 
.md22960.md-recruit .my-top{width: 100%;text-align: center;padding-bottom: .55rem;}
.md22960.md-recruit .my-titles{width: 100%;font-weight: bold;color: #222222;line-height: 1.2;}
.md22960.md-recruit .l-cont{width: 100%;}
.md22960.md-recruit .l-tr{width: 100%;font-size: 0;margin-bottom: .1rem;background-color: #f8f8f8;}
.md22960.md-recruit .l-th{display: inline-block;vertical-align: middle;text-align: center;padding:.31rem .05rem;color: #333333;line-height: 1.5;}
.md22960.md-recruit .l-th:nth-child(1){width: 26.25%;text-align: left;padding-left: .6rem;}
.md22960.md-recruit .l-th:nth-child(2){width: 10.62%;}
.md22960.md-recruit .l-th:nth-child(3){width: 21.25%;}
.md22960.md-recruit .l-th:nth-child(4){width: 17.5%;}
.md22960.md-recruit .l-list{width: 100%;}
.md22960.md-recruit .l-item{display: block;width: 100%;border-bottom: 1px solid #dbdbdb;}
.md22960.md-recruit .l-buttom{display: block;cursor: pointer; width: 100%;font-size: 0;position: relative;}
.md22960.md-recruit .l-buttom:after{content: '';position: absolute;top: 50%;right: .6rem;transform: translate(0,-50%);width: .54rem;height: .54rem;border-radius: 50%;border: solid 1px #cccccc;background-image: url(/static/home/images/a9.png); background-size: .14rem auto;background-position: center center;background-repeat: no-repeat;}
.md22960.md-recruit .l-td{display: inline-block;vertical-align: middle;text-align: center;padding: .38rem .05rem;color: #666666;line-height: 1.4;}
.md22960.md-recruit .l-td:nth-child(1){width: 26.25%;text-align: left;padding-left: .6rem;color: #333333;font-weight: bold;}
.md22960.md-recruit .l-td:nth-child(2){width: 10.62%;}
.md22960.md-recruit .l-td:nth-child(3){width: 21.25%;}
.md22960.md-recruit .l-td:nth-child(4){width: 17.5%;}

.md22960.md-recruit .l-sub{display: none;width: 100%;padding: .45rem .6rem .7rem; background-color: #f8f8f8;}
.md22960.md-recruit .l-tip{width: 100%;margin-bottom: .15rem;color: #333333;font-weight: bold;line-height: 1.5;}
.md22960.md-recruit .l-textbox{width: 100%;margin-bottom: .25rem; color: #666666;line-height: 2.1;}
.md22960.md-recruit .l-textbox *{line-height: inherit;}
.md22960.md-recruit .l-deliverbox{width: 100%;font-size: 0;padding-top: .15rem;}
.md22960.md-recruit .l-deliver{transition: all .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin-top: .15rem;margin-right: .3rem; padding: 0 .2rem;color: #ffffff;line-height: .54rem;color: var(--theme);border: solid 1px #cccccc;}
.md22960.md-recruit .l-deliver:after{transition: all .3s;content: '';display: inline-block;vertical-align: middle;margin-left: .8rem;width: 1.06em;height: 1.5em;background-image: url(/static/home/images/a2.png);background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.md22960.md-recruit .l-deliver:hover{color: #fff;background-color: var(--theme);border: solid 1px var(--theme);}
.md22960.md-recruit .l-deliver:hover:after{background-image: url(/static/home/images/a2-b.png);}
.md22960.md-recruit .l-hint{display: inline-block;vertical-align: middle;margin-top: .15rem;color: #333333;line-height: 1.5;}

.md22960.md-recruit .l-item.show .l-buttom{background-color: var(--theme); }
.md22960.md-recruit .l-item.show .l-buttom:after{background-image: url(/static/home/images/a9-b.png);background-color: #ffffff;border: 1px solid #fff;}
.md22960.md-recruit .l-item.show .l-td{color: #fff !important;}

@media (max-width: 750px) { 
   .md22960.md-recruit .l-th:nth-child(1){width: calc(50% - .8rem);padding-left: .3rem;}
   .md22960.md-recruit .l-th:nth-child(2){width: 16.66%;}
   .md22960.md-recruit .l-th:nth-child(3){width: 16.66%;}
   .md22960.md-recruit .l-th:nth-child(4){width: 16.66%;}

   .md22960.md-recruit .l-td:nth-child(1){width: calc(50% - .8rem);padding-left: .3rem;}
   .md22960.md-recruit .l-td:nth-child(2){width: 16.66%;}
   .md22960.md-recruit .l-td:nth-child(3){width: 16.66%;}
   .md22960.md-recruit .l-td:nth-child(4){width: 16.66%;}
   .md22960.md-recruit .l-buttom:after{right: .15rem;}
   .md22960.md-recruit .l-sub{padding: .3rem;}
   .md22960.md-recruit .l-deliver{line-height: .6rem;}
}