.JobList_a1 ul li{float: left;width: 23.6%;margin-right: 1.86%;background-color: #f6f6f6;margin-bottom: 1.2vw;box-sizing: border-box; } .JobList_a1 ul li a{display: block;padding: 2vw 1vw 2vw 1.7vw;box-sizing: border-box;} .JobList_a1 ul li:nth-child(4n){margin-right: 0;} .hrList_a1_title{padding-right: 2em;box-sizing: border-box;position: relative; font-size: 1.2vw;color: #333333;font-weight: bold;margin-bottom: 0.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } .hrList_a1_title:after{content: "";display: block;height: 100%;width: 1.0em;right: 0;top: 0;max-width: 25px; background: url(/images/hric.png) right center no-repeat;position: absolute;background-size: contain; transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;text-align: center; } /*鎷涜仒淇℃伅a1*/ .hrList_a1_table{border:none; width:100%; font-size: 0;} .hrList_a1_table li{padding:5px;width: 49.75%;margin-right: 0.5%;display: inline-block;font-size: 16px;background-color:#fafafa; border:1px solid #e8e8e8;box-sizing: border-box;margin-bottom: 5px;} .hrList_a1_table li:last-child{float: none;width: 100%;} .hrList_a1_table li:nth-of-type(11){float: none;width: 100%;} .hrList_a1_table li:nth-of-type(2n){margin-right: 0;} .hrList_a1_table .tit{display: inline-block; background-color:#ffffee;vertical-align: middle; font-weight: bold;width: 5em; text-align: center;padding: 5px 10px;margin-right: 5px;} .hrList_a1_table li .con{padding: 5px 10px;} .hrList_a1_button{display:inline-block;padding: 0.5em 0.8em;font-weight: bold; line-height: 1.5;background-color:#e62129;color:#fff;cursor:pointer;} .hrList_a1_button img,.hr_return img{height: 1.3em;max-height: 24px;} .hrList_a1_button:hover{background-color:#e62129;color:#fff;} .hrList_a1_title:hover{color:#e62129;} .hr_return{padding: 0.5em 0.8em;line-height: 1.5;background-color:#e62129;margin-left: 0.5em; color:#fff;} @media only screen and (min-width: 1100px){ .JobList_a1 ul li a:hover .hrList_a1_title:after{right: 0.3em;} .JobList_a1 ul li a:hover .hrList_a1_title{color:#e62129;} } @media only screen and (max-width: 1100px){ .hrList_a1_title{font-size: 18px;} .JobList_a1 ul li,.JobList_a1 ul li:nth-child(4n){float: left;width: 31.3%;margin-right: 3.05%;} .JobList_a1 ul li:nth-child(3n){margin-right: 0;} } @media only screen and (max-width:640px){ .JobList_a1 ul li,.JobList_a1 ul li:nth-child(4n),.JobList_a1 ul li:nth-child(3n){float: none;width: 100%; margin-right: 0;margin-bottom: 4vw;} .hrList_a1_title{font-size: 4.2vw;} .hrList_a1_table li {width: 100%;} .JobList_a1 ul li a{padding: 4vw;} }