nav .flCont { width: 216px; color: #fff; font-size: 18px; /* font-weight: bold; */ position: relative; cursor: pointer; /* padding-bottom: 3px; */ width: 280px; line-height: 50px; } .borderLeft{ padding-left: 10px;} nav .flCont:hover{ background-color: #1a85d9; } .flCont:hover .xf-work-small{ display: block; } .xf-work-small{ display: none; background-color: rgba(0, 0, 0, 0.7); width: 278px; padding: 2px 0px; position: absolute; z-index: 55555; width: 100%; top: 50px; /*border: 1px solid #ededed;*/ } .xf-work-small ul{width: 100%;} .xf-work-small ul li{ height:37px; line-height: 37px; display: flex; justify-content: space-between; position: relative; padding: 0 4%; cursor: pointer; color: #fff; font-weight: normal; font-size: 14px; width: 92%!important; } .xf-work-small ul li .workDetail{ display: none; width: 219px; min-height: 35px; line-height: 36.5px; position: absolute; left: 280px; z-index: 2; bottom: -4px; background-color:rgba(0, 0, 0, 0.7); /*border: 1px solid #ededed;*/ } .xf-work-small ul li:first-child .workDetail{ top: -5px; bottom: auto; } /* .xf-work-small ul li:nth-child(2) .workDetail, .xf-work-small ul li:nth-child(3) .workDetail,.xf-work-small ul li:nth-child(4) .workDetail,.xf-work-small ul li:nth-child(5) .workDetail, .xf-work-small ul li:nth-child(6) .workDetail{ top: 0px; bottom: auto; } */ .xf-work-small ul li .workDetail li a{ width:100%; display: flex; justify-content: space-between; color: #fff; } .xf-work-small ul li:hover .workDetail{ display: block; } .borderLeft i { width: 6px; height: 20px; border-radius: 5px; display: inline-block; background-color: #fff; vertical-align: middle; margin-right: 14px; } .xf-work-small ul li .workDetail li .jobDetail{ display: none; width: 219px; min-height: 35px; line-height: 36.5px; position: absolute; left: 219px; z-index: 2; background-color: rgba(0, 0, 0, 0.7); top: 0; margin-top: 0; } .xf-work-small ul li:first-child .workDetail li .jobDetail { top: 0!important; margin-top: 0!important; } .xf-work-small ul li .workDetail li .jobDetail li a{ width:100%; display: block; justify-content: space-between; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; } .xf-work-small ul li .workDetail li:hover .jobDetail{ display: block; } .zpqzNav ul li { width: 130px; } .bigBanner{ position: relative; width: 100%; height: 452px; margin-top: -30px; } .bigBanner .slideTxtBox .radio { position: absolute; bottom: 20px; right: 45%; z-index: 99; margin: 0; text-align: center; width: 10%; justify-content: center; } .slideTxtBox .radio li { background: #523b09; } .xf-work-small ul li:hover { background-color: rgba(0, 0, 0, 0.5); } .zpqzTitle .tc .on { background: url(../img/onBg1.png) bottom center no-repeat; } .xf-famous-corp { border: 0px; margin-top: 15px; } .xf-famous-corp li { border-right: 1px solid #ccc; width: 150px; height: 160px; } .xf-famous-corp li:nth-child(8n+8){border-right: 0;} .xf-corp-list li { float: left; padding: 10px 20px; border: 1px solid #EAEEED; margin: 15px 12px 0 0; background: #fff; width: 350px; height: 145px; } .xf-corp-list li:nth-child(3n+3){ margin-right: 0; } .xf-job { font-size: 15px; line-height: 24px; height: 24px; width: 150px; } .xf-salary { font-size: 15px; color: #ff6000; line-height: 24px; height: 24px; width: 115px; } .xf-job-need { font-size: 12px; line-height: 20px; height: 20px; width: 100%; color: #777; } .xf-welfare { padding: 10px 0; border-bottom: 1px dashed #EAEEED; height: 30px; width: 260px; overflow: hidden; } .xf-logo-name { padding-top: 10px; } .xf-floor-logo { height: 40px; width: 40px; } .xf-floor-name { width: 296px; height: 40px; } .xf-welfare span { display: inline-block; margin-right: 10px; padding: 5px 10px; font-size: 12px; color: #999999; text-align: center; border-radius: 3px; border: 1px solid #EAEEED; } .xf-corp-type { font-size: 12px; color: #999; } .xf-corp-list li:hover { box-shadow: 0 0 10px 3px #e5e5e6; cursor: pointer; } .rctj-item { background-color: #fff; height: 200px; border: 1px solid #ccc; margin-bottom: 40px; line-height: 22px; padding-top: 20px; } .rctj-item:hover{ box-shadow: 0 0 10px 3px #e5e5e6; cursor: pointer; } /* login */ .xf-login-box { padding: 20px 30px; width: 310px; position: relative; background: #fff; border-radius: 4px; box-shadow: 0 0 16px 0 #56819f; top: 30px; } .xf-login-inputBox { height: 46px; margin-bottom: 20px; position: relative; } .xf-login-account .form-control { border-radius: 0; width: 100%; box-sizing: border-box; border: 1px solid #c2cad8; } .xf-input-big { padding: 0 10px 0 20px; width: calc(100% - 30px); font-size: 14px; } /* login end */