.new-list-125 .banner { height: auto !important; } .new-list-125 .container { max-width: 12rem; height: auto; overflow: hidden; margin: 0 auto; position: relative; padding: 0; } @media screen and (max-width: 1024px) { .new-list-125 .container { width: 100%; padding: 0 0.3rem; } } .new-list-125 .social-recruitment-posts { background: #fff; padding-bottom: 0.8rem; } .new-list-125 .social-recruitment-posts .position .box_tit { height: auto; overflow: hidden; margin-bottom: 0.4rem; text-align: center; padding-top: 0.1rem; } .new-list-125 .social-recruitment-posts .position .box_tit h1 { font-size: 0.33rem; color: #333; text-align: center; line-height: 0.3rem; font-weight: normal; margin-bottom: 0.05rem; } .new-list-125 .social-recruitment-posts .position .box_tit span { font-size: 0.2rem; color: #ccdce5; display: inline-block; } .new-list-125 .social-recruitment-posts .position .box_con ul.job_list li { height: auto; overflow: hidden; border-left: 9px #28428d solid; padding: 0.15rem 0.4rem; margin-bottom: 0.15rem; border-radius: 0.08rem; background: #fff url(../images/libg.png) no-repeat right bottom; box-shadow: 0 0 5px rgba(0, 0, 0, 0.06); } .new-list-125 .social-recruitment-posts .position .box_con ul.job_list li .list_tit { font-size: 0.24rem; font-weight: normal; color: #333; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media screen and (max-width: 1024px) { .new-list-125 .social-recruitment-posts .position .box_con ul.job_list li .list_tit { font-size: 0.3rem; } } .new-list-125 .social-recruitment-posts .position .box_con ul.job_list li .list_stit { margin-top: 0.1rem; } .new-list-125 .social-recruitment-posts .position .box_con ul.job_list li .list_stit div { font-size: 0.16rem; color: #999; } @media screen and (max-width: 1024px) { .new-list-125 .social-recruitment-posts .position .box_con ul.job_list li .list_stit div { font-size: 0.28rem; } } .new-list-125 .social-recruitment-posts .position .box_con ul.job_list li .list_btn { float: right; display: block; width: 1.7rem; margin-top: -0.3rem; line-height: 0.4rem; text-align: center; background-color: #28428d; border-radius: 0.5rem; } .new-list-125 .social-recruitment-posts .position .box_con ul.job_list li .list_btn a { color: #fff; font-size: 0.2rem; } @media screen and (max-width: 1024px) { .new-list-125 .social-recruitment-posts .position .box_con ul.job_list li .list_btn { float: none; margin-top: 0.15rem; line-height: 0.5rem; } .new-list-125 .social-recruitment-posts .position .box_con ul.job_list li .list_btn a { font-size: 0.28rem; } } .new-list-125 .social-recruitment-posts .position .box_con ul.job_list li .list_con { text-align: left; padding: 0.1rem 0; display: none; } .new-list-125 .social-recruitment-posts .position .box_con ul.job_list li .list_con .c_detail { height: auto; overflow: hidden; clear: both; line-height: 0.3rem; margin: 0.1rem 0; font-size: 0.16rem; color: #333; } @media screen and (max-width: 1024px) { .new-list-125 .social-recruitment-posts .position .box_con ul.job_list li .list_con .c_detail { font-size: 0.28rem; line-height: 0.45rem; } } .new-list-125 .social-recruitment-posts .position .box_con ul.job_list li .list_dorp { height: auto; overflow: hidden; padding: 0.2rem 0; text-align: left; margin-top: 0.1rem; } .new-list-125 .social-recruitment-posts .position .box_con ul.job_list li .list_dorp span { font-size: 0.15rem; color: #999; display: block; cursor: pointer; } .new-list-125 .social-recruitment-posts .position .box_con ul.job_list li .list_dorp .bnt_txt2 { display: none; } @media screen and (max-width: 1024px) { .new-list-125 .social-recruitment-posts .position .box_con ul.job_list li .list_dorp span { font-size: 0.28rem; line-height: 0.45rem; } } .new-list-125 .social-recruitment-posts .position .box_con ul.job_list li.active .list_tit span { transform: rotate(90deg); } .new-list-125 .social-recruitment-posts .position .box_con ul.job_list li.active .list_dorp .bnt_txt1 { display: none; } .new-list-125 .social-recruitment-posts .position .box_con ul.job_list li.active .list_dorp .bnt_txt2 { display: inline-block; } .new-list-125 .social-recruitment-posts .position .box_con .more { width: 2.5rem; height: 0.55rem; line-height: 0.55rem; display: block; margin: 0.5rem auto 0 auto; background: #28428d; text-align: center; color: #fff; font-size: 0.2rem; } .new-list-125 .social-recruitment-posts .position .box_con .more:hover { border: 1px #28428d solid; background: #fff; color: #28428d; } @media screen and (max-width: 1024px) { .new-list-125 .social-recruitment-posts .position .box_con .more { width: 3rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.28rem; } }