.w1150 { width: 1150px; margin: 0 auto; } input::-moz-placeholder, input::-webkit-input-placeholder, input:-ms-input-placeholder { color: #9fa3af; text-align: left !important; } body { margin: 0; background: #f6f6f8; } .bgGray { background: #f6f6f8; padding: 18px 0 0; } .mod_topbar { font-size: 14px; height: 40px; color: #666; background: #0180cf; } .mod_topbar a { color: #fff; cursor: pointer; } .com_tips a { padding: 0 10px; } .com_tips .com_tips_hd { line-height: 40px; padding: 0 !important; } .com_tips.active a { color: #fff !important; background: #06639c; position: relative } .com_tips .com_tips_hd { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; } .com_tips .com_tips_hd a { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .com_tips .com_tips_hd i { font-size: 24px; margin-right: 3px; } .com_tips_bd { border: none !important; left: 0; } .com_tips_bd .qrcode { padding: 10px !important; height: 90px !important; } .com_tips_bd .qrcode img { width: 90px; height: 90px; } .new_header { background: #1479d7; height: 60px; display: -webkit-box; display: flex; } .new_header .n_logo { float: left; margin-top: 5px; /* height: 50px; */ } .new_header .n_logo img { width: 191px; height: 50px; } .nnav_list ul { display: -webkit-box; display: flex; float: right; } .nnav_list ul li { line-height: 60px; padding: 0 9px; } .nnav_list ul li.nav_item_active a { /* line-height: 56px; */ background-color: rgba(0, 0, 0, .2); padding: 8px; } .nnav_list ul li a { font-size: 16px; color: #fff; } .nnav_list ul li a:hover { color: #e2e2e2; } .bgWhite { background: #fff; } .column-search-panel { display: none; } .column-search-panel.fix { display: block; position: fixed; top: 0; left: 0; width: 100%; z-index: 1003; background: #fff; z-index: 1004; /* box-shadow: 0 2px 8px 0 rgb(0 0 0 / 21%); */ box-shadow: 1px 1px 6px rgb(0 0 0 / 5%); ; } .column-search-panel.fix .fixed { width: 100%; padding: 10px 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; -webkit-animation: showSearchBox .35s linear both; animation: showSearchBox .35s linear both } @-webkit-keyframes showSearchBox { 0% { -webkit-transform: translate(0, -25px); transform: translate(0, -25px) } 35% { -webkit-transform: translate(0, -.4975000000000023px); transform: translate(0, -.4975000000000023px) } 52% { -webkit-transform: translate(0, -6.249600000000001px); transform: translate(0, -6.249600000000001px) } 70% { -webkit-transform: translate(0, -.6212437500000014px); transform: translate(0, -.6212437500000014px) } 82% { -webkit-transform: translate(0, -1.4882437500000023px); transform: translate(0, -1.4882437500000023px) } 88% { -webkit-transform: translate(0, -.23424375000000097px); transform: translate(0, -.23424375000000097px) } 94% { -webkit-transform: translate(0, -.384999999999998px); transform: translate(0, -.384999999999998px) } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0) } } @keyframes showSearchBox { 0% { -webkit-transform: translate(0, -25px); transform: translate(0, -25px) } 35% { -webkit-transform: translate(0, -.4975000000000023px); transform: translate(0, -.4975000000000023px) } 52% { -webkit-transform: translate(0, -6.249600000000001px); transform: translate(0, -6.249600000000001px) } 70% { -webkit-transform: translate(0, -.6212437500000014px); transform: translate(0, -.6212437500000014px) } 82% { -webkit-transform: translate(0, -1.4882437500000023px); transform: translate(0, -1.4882437500000023px) } 88% { -webkit-transform: translate(0, -.23424375000000097px); transform: translate(0, -.23424375000000097px) } 94% { -webkit-transform: translate(0, -.384999999999998px); transform: translate(0, -.384999999999998px) } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0) } } .column-search-panel .fixed .fixed_logo { /* margin-right: 20px; */ } .column-search-panel .fixed .fixed_menu { display: -webkit-box; display: flex; } .column-search-panel .fixed .fixed_menu ul { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } .column-search-panel .fixed .fixed_menu ul li { font-size: 16px; padding: 0 10px; } .column-search-panel .fixed .fixed_menu ul li a { color: #666; } .column-search-panel .fixed .fixed_menu ul li a:hover { color: #1479d7; } .column-search-panel .fixed .fixed_menu ul li.on a { color: #1479d7; font-weight: 600; } .column-search-panel .fixed img { width: 310px; height: 50px; } .mod_topbar .com_tips_hd { margin-right: 0; padding: 0 10px; } .new_header { background: #fff; height: 70px; box-shadow: 1px 1px 6px rgb(0 0 0 / 5%); } .textoverflow { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .search_box { margin: 15px auto; display: -webkit-box; display: flex; } .search_box .login_box { display: -webkit-box; display: flex; margin-top: 20px; line-height: 44px; } .search_box a.search-pub-task { width: 100px; height: 44px; background-color: #ff7e23; color: #fff; font-size: 16px; text-align: center; cursor: pointer; } .search_box a.search-pub-task:hover { opacity: 0.8 } .search_box .huo { display: inline-block; width: 44px; text-align: center; color: #999; font-size: 14px; } .search_box a.search-send-task { -webkit-transition: .3s; transition: .3s; position: relative; display: inline-block; width: 100px; height: 44px; text-align: center; font-size: 16px; color: #fff; background-color: #ffb300; cursor: pointer; text-decoration: none; } .search_box a.search-send-task:hover { opacity: 0.8 } .new_header .n_logo img { width: 372px; /* width: 100%; */ height: 60px; } .nnav_list ul li { line-height: 70px; position: relative; padding: 0 10px; } .nnav_list ul li a { color: #666; font-size: 15px; } .nnav_list ul li.on a { color: #0180cf; font-weight: 600; } .nnav_list ul li a:hover { color: #0180cf; } .nnav_list ul li>a .tips-new { position: absolute; top: 14px; right: -10px; width: 29px; height: 18px; line-height: 16px; font-size: 12px; color: #fff; text-align: center; background: #ff7452; border-radius: 9px; z-index: 1; } .top_cate_bottom { margin-top: 10px; border-top: 2px solid #f2f2f2; padding-top: 9px; } .xm_index_one { /* background: #fff; */ display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } .xm_index_one .top_cate { width: 850px; box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 15px 15px 5px; } .xm_index_one .top_cate_bottom, .xmSeachBox .top_cate_bottom { display: -webkit-box; display: flex; } .xmSeachBox .top_cate_cbd { margin-top: 5px; } .xmSeachBox .top_cate_cbd ul { width: 100%; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } .xmSeachBox .top_cate_cbd ul li a { display: -webkit-box; display: flex; } .xmSeachBox .top_cate_cbd ul li a img { width: 403px; height: 90px; } .xmSeachBox .top_cate_cbd ul li a:hover img { opacity: .8; } .xm_index_one .top_cate h2, .xmSeachBox .top_cate_bottom h2 { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; font-size: 16px; font-weight: 600; } .xm_index_one .top_cate h2 i, .xmSeachBox .top_cate_bottom h2 i { font-weight: normal; font-size: 28px; margin-right: 10px; color: #1479d7; } .xm_index_one .top_cate .top_cate_hy, .xm_index_one .top_cate .top_cate_city, .xmSeachBox .top_cate_hy, .xmSeachBox .top_cate_city { margin-bottom: 10px; width: 370px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } /* .xmSeachBox .top_cate_hy { width: 380px; } */ .xm_index_one .top_cate .top_cate_city, .xmSeachBox .top_cate_city { width: 450px; } .xm_index_one .top_cate .top_cate_hy ul, .xm_index_one .top_cate .top_cate_city ul, .xmSeachBox .top_cate_city ul, .xmSeachBox .top_cate_hy ul { display: -webkit-box; display: flex; flex-wrap: wrap; } .xm_index_one .top_cate .top_cate_city ul, .xmSeachBox .top_cate_city ul { -webkit-box-pack: justify; justify-content: space-between; } .xm_index_one .top_cate .top_cate_city ul:after, .xmSeachBox .top_cate_city ul:after { content: ""; width: 60px; height: 0; } .xm_index_one .top_cate .top_cate_hy ul li, .xm_index_one .top_cate .top_cate_city ul li, .xmSeachBox .top_cate_city ul li, .xmSeachBox .top_cate_hy ul li { display: -webkit-box; display: flex; margin-top: 10px; min-width: 30%; } .xm_index_one .top_cate .top_cate_city ul li, .xmSeachBox .top_cate_city ul li { min-width: 12%; } .xm_index_one .top_cate .top_cate_hy ul li a, .xm_index_one .top_cate .top_cate_city ul li a, .xmSeachBox .top_cate_city ul li a, .xmSeachBox .top_cate_hy ul li a { border: 1px solid #e3e7ed; padding: 4px 15px; border-radius: 20px; color: #61687c; } .xm_index_one .top_cate .top_cate_hy ul li a:hover, .xm_index_one .top_cate .top_cate_city ul li a:hover, .xmSeachBox .top_cate_hy ul li a:hover, .xmSeachBox .top_cate_city ul li a:hover { border-color: #ff7e23; color: #ff7e23; } .right_item { width: 275px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; box-sizing: border-box; } .right_item .top_news { /* padding: 15px 10px; */ /* width: 290px; */ margin-top: 10px; background: #fff; padding: 10px 15px; } .right_item .top_news h2 { border-left: 8px solid #ff7e23; padding-left: 10px; font-size: 16px; font-weight: 600; margin-bottom: 10px; } .right_item .top_news ul { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .right_item .top_news ul li { line-height: 30px; font-size: 14px; display: -webkit-box; display: flex; max-width: 270px; display: flex; -webkit-box-align: center; align-items: center; } .right_item .top_news ul li a { color: #666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .right_item .top_news ul li a i { font-size: 25px; } .right_item .top_news ul li a:hover { color: #ff7e23; } .nbrandAd { margin: 5px 0 15px; } .nbrandAd ul { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; } .nbrandAd ul li { width: 19%; margin-top: 10px; background-color: #e8eeff; padding: 10px 10px; box-sizing: border-box; position: relative; } .nbrandAd ul li i { position: absolute; right: -3px; bottom: -2px; font-size: 30px; color: #e2e2e2; } .nbrandAd ul li a { color: #666; } .nbrandAd ul li a:hover { color: #ff7e23; } .nbrandAd ul li .wz_two .title { font-weight: 600; } .nbrandAd ul li .wz_two .title a { color: #1479d7; } .nbrandAd ul li .wz_two .title img { width: 50px; height: 50px; margin-right: 5px; } .nbrandAd ul li .wz_two .company { border-top: 1px dashed #e2e2e2; padding-top: 4px; margin-top: 5px; } .xm_top_tool { float: right; display: -webkit-box; display: flex; line-height: 40px; } .xm_top_tool a:hover, .xm_top_tool .xm_top_item ul li a:hover { color: #d0d7e3; } .xm_top_tool .xm_top_item { display: -webkit-box; display: flex; margin-right: 20px; } .xm_top_tool .xm_top_item ul { display: -webkit-box; display: flex; } .xm_top_tool .xm_top_item ul li { margin-right: 10px; } .xm_top_tool .xm_top_item ul li a { color: #fff; } .xm_top_tool .xm_top_status { display: -webkit-box; display: flex; } .xm_top_tool .xm_top_status ul { display: -webkit-box; display: flex; } .xm_top_tool .xm_top_status ul li { display: -webkit-box; display: flex; margin-right: 8px; } .xm_top_tool .xm_top_status ul li i { margin-right: 5px; color: #fff; font-size: 20px; } .xm_top_tool .xm_top_status ul li span { /* padding: 0 7px; */ color: #fff; } .search_form { height: 44px; background: #fff; box-sizing: border-box; /* box-shadow: 0 0 6px 0 rgb(0 0 0 / 10%); */ box-shadow: 0px 0px 8px 0px #e4e6e9; } .search_form .search_select { float: left; width: 150px; height: 44px; position: relative; z-index: 900; text-align: center; font-size: 16px; } .search_form .search_select .select_hd { line-height: 44px; cursor: pointer } .search_form .search_select .select_hd .arrow { width: 11px; height: 11px; background: url("../images/search_arrow.png") no-repeat; position: absolute; top: 18px; right: 8px; -webkit-transition: All .4s ease-in-out; transition: All .4s ease-in-out } .search_form .search_select .select_bd { display: none; width: 150px; box-shadow: 0 2px 8px rgb(0 0 0 / 10%); position: absolute; top: 44px; left: 0; z-index: 9999; } .search_form .search_select .select_list { background-color: #fff; text-align: center } .search_form .search_select .select_list li { height: 40px; border-bottom: 1px solid #f1f1f1; line-height: 40px; cursor: pointer; color: #999; } .search_form .search_select .select_list li:hover { background-color: #f2f2f2; color: #ff7e23 } .search_form .search_select .select_list li.last { border-bottom: 0 } .search_form .search_select.active .select_hd .arrow { background: url("../images/search_arrow_1.png") no-repeat; -webkit-transform: rotate(360deg) } .search_form .search_txt { float: left; width: 520px; height: 44px; box-sizing: border-box; } .search_form .search_txt.sw200 { width: 200px; } .search_form .search_txt.sw570 { width: 570px; } .search_form .search_txt .input_txt { border: 0; width: 100%; font-size: 16px; padding: 10px; height: 44px; box-sizing: border-box; } .search_form .search_txt .no_cur { color: #ccc } .search_form .search_control { float: right; width: 100px; height: 44px; text-align: center; /* ffb300 */ background-color: #ff7e23; } .search_form .search_control a { color: #fff; line-height: 44px; font-size: 18px; } .login-box-status { background: #fff; padding: 15px; /* width: 230px; */ /* box-sizing: border-box; */ } .login-box-status .has-login-top { border-bottom: 1px dotted #ccc; padding-bottom: 4px; } .login-box-status .has-login-top .has-user { color: #666; width: 238px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .login-box-status .has-login-top .has-user i { font-size: 28px; margin-right: 5px; color: #f8b606; } .login-box-status .has-login-top .has-user a { color: #333; } .login-box-status .core-function-list { margin: 10px 0 0; width: 100%; box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } .login-box-status .core-function-list .core-function { width: 30%; padding: 10px 5px; box-sizing: border-box; background-color: rgb(248 182 6 / 12%); border-radius: 5px; text-align: center; cursor: pointer; } .login-box-status .core-function-list .core-function.last { border-right: 0 } .login-box-status .core-function-list .core-function div { font-size: 20px; font-weight: 400; margin-bottom: 5px; } .login-box-status .core-function-list .core-function div a { color: #e90000; display: block; } .login-box-status .core-function-list .core-function p { font-size: 13px } .login-box-status .core-function-list .core-function p a { color: #000 } .login-box-status .core-function-list .core-function:hover div a { color: #0180cf } .login-box-status .core-function-list .core-function:hover p a { color: #0180cf } .login-box-status .has-login-bottom { text-align: center } .login-box-status .enter-user-center { display: inline-block; text-align: center; width: 100px; height: 28px; line-height: 28px; margin: 0 auto; background-color: #f8b606; color: #fff; border-radius: 3px; -webkit-transition: all .3s; transition: all .3s } .login-box-status .enter-user-center:hover { background-color: #f8b606 } .login-box-status .exit-link { display: inline-block; font-size: 13px; color: #0180cf } .login-box-status .hot-line { padding-top: 10px; color: #ffaa06; font-size: 14px; text-align: center; font-weight: 700; border-top: 1px dotted #ccc; margin-top: 10px } .login-box-status .center { margin-top: 5px; text-align: center } .login-box-status .center a { color: #666 } .brand_two { margin-bottom: 5px; } .brand_two ul { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; } .brand_two ul li { position: relative; background-color: #e8eeff; padding: 10px 15px; box-sizing: border-box; width: 32.5%; display: -webkit-box; display: flex; position: relative; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 10px; } .brand_two ul li a { color: #666; } .brand_two ul li a:hover { color: #ff7e23; } .brand_two ul li a.title { color: #1479d7; font-weight: 600; margin-bottom: 3px; } .brand_two ul li i { position: absolute; right: -3px; bottom: -2px; font-size: 30px; color: #e2e2e2; } .box-title { font-size: 24px; text-align: center; position: relative; margin: 20px 0; color: #414a60; } .box-title::before, .box-title::after { content: ''; display: inline-block; vertical-align: 8px; margin: 0 10px; width: 50px; height: 1px; background: #d1d4db; } /* .hot_main { background: #fff; } */ .pic_main li { width: 173px; } /* .hot_main li p.job a { color: #666; font-weight: normal; } .hot_main li p.job a:hover { color: #ff7452; } */ .bgWhiteNopadding { background: #fff; overflow: hidden; padding: 0 16px 20px; } .xm_ad_container { background: #fff; overflow: hidden; padding: 0 16px 20px; } .news_tit { background: none; } .news_tit h2 { background: none; padding-left: 0; padding: 15px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } .news_tit h2 div { display: -webkit-box; display: flex; font-size: 18px; -webkit-box-align: center; align-items: center; } .news_tit h2 div i { margin-right: 5px; font-size: 26px; color: #1479d7; } .newsll { background: #fff; width: 366px !important; margin-right: 0 !important; box-sizing: border-box; } .news_con { border: none; } .newslist { margin-top: 15px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } .newslist .mr0 { margin-right: 0 !important; } .newsll ul { padding-top: 15px; } .newsll li a:hover, .link_main a:hover, .newsll h2 span a:hover { color: #ff7452; } .zmlist, .picvipall, .picall, .zm_add_list { background: #fff; padding: 10px 16px 20px; } .picall, .picvipall { padding: 10px 15px 15px; } .zmlist { padding-top: 0px; padding-bottom: 20px; } .picvipall, .zm_add_list { padding-bottom: 0; } .qylist .inner .top { width: 356px; } .picall li { border-radius: 0; margin-right: 14px; } .picvipall li { /* margin-right: ; */ } .complex-left ul { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; } .complex-left { float: none !important; } .complex-left li { width: 365px !important; margin-right: 0 !important; height: 48px !important; float: none; } .complex-left li a { display: -webkit-box; display: flex; } .complex-add-left ul { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; } .complex-add-left li { width: 552px !important; margin-right: 0 !important; height: 61px !important; margin-top: 5px !important; } .chang_banner { margin-top: 15px; background: #fff; padding: 20px 25px; } .xm_ad_pic {} .xm_ad_pic ul { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; } .xm_ad_pic ul li { width: 173px; background-color: #f6f6f8; margin-top: 15px; padding: 10px 5px; box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; font-size: 12px; } .xm_ad_pic ul li .company_img a { cursor: pointer; } .xm_ad_pic ul li .company_img a:hover, .xm_ad_vip li a img:hover { opacity: .8; } .xm_ad_pic ul li .company { margin-top: 5px; width: 100%; text-align: center; } .xm_ad_pic ul li .company_job { margin-top: 5px; width: 100%; text-align: center; } .xm_ad_pic ul li .company_job a, .xm_ad_vip li a { color: #666; } .xm_ad_pic ul li .company_job a:hover, .xm_ad_vip li a:hover { color: #1479d7; } .xm_ad_vip {} .xm_ad_vip_f { margin-top: 5px; } .xm_ad_vip ul, .xm_ad_vip_f ul { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; } .xm_ad_vip_f li { /* width: 279px; */ width: 263px; margin-top: 10px; } .xm_ad_vip li { width: 175px; padding: 10px; box-sizing: border-box; font-size: 12px; background: #e8eeff; text-align: center; margin-top: 10px; } .xm_ad_vip li.temp, .xm_ad_pic ul li.temp, .bgWhiteNopadding ul.hotBusiness li.temp, .hot_ad li.temp, .brand_two li.temp, .nbrandAd ul li.temp { height: 0; padding: 0; margin: 0; overflow: hidden; border: 0; } .xm_ad_vip li a img { margin-bottom: 5px; } .xm_ad_vip li p { width: 100%; } .bgWhiteNopadding ul.hotBusiness { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; } .bgWhiteNopadding ul.hotBusiness li { width: 25%; margin-top: 15px; line-height: 20px; } .bgWhiteNopadding ul.hotBusiness li i { font-size: 20px; margin-right: 5px; color: #1479d7; } .bgWhiteNopadding ul.hotBusiness li a { color: #666; } .bgWhiteNopadding ul.hotBusiness li a.hight { color: #ff7452; } .bgWhiteNopadding ul.hotBusiness li a:hover { color: #ff7452; } .bgWhiteNopadding .innerAd { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; margin-top: 10px; } .bgWhiteNopadding .innerAd .top { margin-top: 10px; width: 32%; border: 1px solid #efefef; height: 60px; box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: 10px; } .bgWhiteNopadding .innerAd .top .topl1 { font-size: 34px; margin-right: 5px; color: #ff7452; } .bgWhiteNopadding .innerAd .top .topl2 { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .bgWhiteNopadding .innerAd .top .topl2 a { color: #666; } .bgWhiteNopadding .innerAd .top .topl2 a.title { font-size: 16px; color: #1479d7; width: 280px; } .bgWhiteNopadding .innerAd .top .topl2 a:hover { color: #1479d7; } .bgWhiteNopadding .innerAd .top .topl2 div { margin-top: 3px; font-size: 12px; } .hot_ad ul { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; } .hot_ad li { background: #f6f6f6; margin-top: 10px; overflow: hidden; width: 270px; border-color: #FFF #f2f2f2 #f2f2f2 #FFF; border-style: solid; border-width: 4px; padding: 10px; box-sizing: border-box; } .hot_ad li p { line-height: 18px; font-size: 12px; overflow: hidden } .hot_ad li p.company { font-size: 12px; background: url(../images/new.gif) no-repeat right 0 } .hot_ad li p.job { margin-top: 5px } .hot_ad li p.job a { color: #666; font-size: 12px } .hot_ad li p.job a:hover { color: #0180cf } .hot_ad li p a { font-size: 14px; color: #318ec8; font-weight: 600 } .hot_ad li i { color: #090 } .xmSeachBox { margin: 15px auto 5px; /* padding: 20px; */ box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } .xmSeachBox_item { width: 860px; padding: 20px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; box-sizing: border-box; background-color: #fff; } /** .xmSeachBox_item .search_form { height: 50px; } .xmSeachBox_item .search_form .search_select { height: 50px; } .xmSeachBox_item  .search_form .search_select .select_hd { line-height: 50px; } .xmSeachBox_item .search_form .search_txt .input_txt { height: 50px; } .xmSeachBox_item .search_form .search_txt { height: 50px; } .xmSeachBox_item  .search_form .search_control { height: 50px; } .xmSeachBox_item .search_form .search_control a { line-height: 50px; } .xmSeachBox_item .search_form .search_select .select_bd { top: 50px; } .xmSeachBox_item .search_form .search_select .select_hd .arrow { top: 20px; } **/ .xmSeachBox_item .hot_word { display: -webkit-box; display: flex; margin-top: 10px; -webkit-box-align: center; align-items: center; color: #666; } .xmSeachBox_item .hot_word .hot_word_item { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .xmSeachBox_item .hot_word i { color: #e4140b; font-size: 24px; margin-right: 5px; } .xmSeachBox_item .hot_word a { display: inline-block; color: #666; margin: 0 4px; } .xmSeachBox_item .hot_word a:hover { color: #ff7e23; } .xmSeachBox .login_box { background: #fff; padding: 10px 15px 15px; /* width: 220px;     */ } .xmSeachBox .login_box h2 { border-left: 8px solid #ff7e23; padding-left: 10px; font-size: 16px; font-weight: 600; margin-bottom: 10px; /* display: flex; */ -webkit-box-pack: start; justify-content: flex-start; } .xmSeachBox .login_box .login_box_con { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; margin: 0 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .xmSeachBox .login_box .login_img { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; } .xmSeachBox .login_box .login_img i { font-size: 40px; color: #d0d0d0; } .xmSeachBox .login_box .login_img span { margin-top: 8px; display: -webkit-box; display: flex; line-height: 24px; color: #666; } .xmSeachBox .login_box .login_button { width: 100%; display: -webkit-box; display: flex; line-height: 24px; -webkit-box-pack: justify; justify-content: space-between; margin-top: 10px; } .xmSeachBox .login_box .login_button a { width: 90px; line-height: 24px; padding: 5px; box-sizing: border-box; } .xmSeachBox .login_box .login_button a.search-pub-task { background-color: #ff7e23; color: #fff; font-size: 14px; text-align: center; cursor: pointer; } .xmSeachBox .login_box .login_button a.search-pub-task:hover { opacity: 0.8 } .xmSeachBox .login_box .login_button .huo { width: 44px; text-align: center; line-height: 34px; color: #999; font-size: 14px; } .xmSeachBox .login_box a.search-send-task { text-align: center; font-size: 14px; color: #fff; background-color: #ffb300; cursor: pointer; text-decoration: none; } .xmSeachBox a.search-send-task:hover { opacity: 0.8 } .footer_follow { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .mod_footer_primary .footer_follow .com_tips { margin-right: 0 !important; } .foot_tips.active a { background-color: transparent; } .foot_tips_sns.com_tips_sns { margin-left: -50px !important; border: 2px solid #238bcb !important; padding: 12px 15px 0; } .foot_tips_sns.com_tips_sns .qrcode { height: 140px !important; padding: 0 !important; } .foot_tips_sns.com_tips_sns .qrcode img { width: 140px !important; height: 140px !important; } .com_tips_hd { margin-top: 0 !important; } .goldia_zp { /* background-color: #fff; */ /* padding: 15px 15px 25px; */ /* box-sizing: border-box; */ margin: 5px auto 15px; } .goldia_zp li { margin-top: 10px; height: 80px; } .goldia_zp li a { display: -webkit-box; display: flex; } .goldiaZp { margin: 5px auto 15px; } .goldiaZp li { margin-top: 10px; height: 80px; } .goldiaZp li .full-line-transmit { width: 100%; position: relative; display: inline-block; box-sizing: border-box; height: 80px; } .goldiaZp .full-line-transmit .transmit-info-mask { position: absolute; /* visibility: hidden; */ left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .68); display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column nowrap; justify-content: space-around; -webkit-box-align: center; align-items: center; } .full-line-transmit a.a-img { display: block; width: 100%; height: 100%; box-sizing: border-box; } .full-line-transmit a.a-img img { box-sizing: border-box; } .transmit-info-mask .job-area { width: 700px; display: -webkit-box; display: flex; height: 14px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .transmit-info-mask .job-area .job-item { height: 14px; font-size: 14px; line-height: 14px; color: #f3f2f2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: 10px; } .transmit-info-mask .info-title { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 0; line-height: 20px; color: #f8f8f8; font-size: 16px; font-weight: 700 } .hotJobs { margin-top: 15px; background-color: #fdf1e6; display: -webkit-box; display: flex; padding: 10px 20px; box-sizing: border-box; -webkit-box-pack: justify; justify-content: space-between; } .hotJobs .hotJobs_new, .hotJobs .hotJobs_fast { width: 50%; display: -webkit-box; display: flex; } .hotJobs .hotJobs_title { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; color: #ff7452; width: 110px; } .hotJobs .swiper-container { width: 440px; line-height: 30px; margin-left: 2px; height: 30px; } .hotJobs .swiper-container a { color: #666; } .hotJobs .swiper-container a:hover { color: #ff7452; } .hotJobs .hotJobs_title i { font-size: 30px; margin-right: 3px; } .home-comp-content { overflow: hidden; } .home-comp-content-item { width: 279px; margin-top: 16px; /* margin-right: 16px; */ float: left; box-sizing: border-box; } .home-comp-content-item:nth-child(4n) { margin-right: 0; } .seo-home-comp-card { box-sizing: border-box; height: 153px; background: #fff; border-radius: 6px; padding: 0px 16px; overflow: hidden; box-sizing: border-box; } .seo-home-comp-card .home-comp-info { display: -webkit-box; display: flex; padding-bottom: 16px; } .seo-home-comp-card .home-comp-info .home-comp-info-logo { width: 60px; height: 60px; border-radius: 12px; border: 1px solid hsla(0, 0%, 84.7%, .3); overflow: hidden; } .seo-home-comp-card .home-comp-info .home-comp-info-logo img { width: 100%; height: 100%; } .seo-home-comp-card .home-comp-info .home-comp-info-content { width: calc(100% - 60px); padding-left: 16px; box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; } .seo-home-comp-card .home-comp-info .home-comp-info-content .comp-info-title { height: 24px; font-size: 16px; font-weight: 500; color: #000; line-height: 24px; } .ellipsis-1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .seo-home-comp-card .home-comp-info .home-comp-info-content .comp-info-labels { margin-top: 4px; height: 20px; font-size: 0; overflow: hidden; } .seo-home-comp-card .home-comp-info .home-comp-info-content .comp-info-labels span { display: inline-block; height: 20px; font-size: 12px; font-weight: 400; color: #999; line-height: 20px; margin-right: 10px; vertical-align: middle; } .seo-home-comp-card .home-comp-jobs { padding-top: 16px; border-top: 1px solid #f0f3f7; } .seo-home-comp-card .home-comp-jobs-item { display: -webkit-box; display: flex; margin-bottom: 8px; } .seo-home-comp-card .home-comp-jobs-item .jobs-item-name { font-size: 14px; color: #000; } .seo-home-comp-card .home-comp-jobs-item span { -webkit-box-flex: 1; flex: 1; height: 22px; line-height: 22px; font-weight: 400; } .seo-home-comp-card .home-comp-jobs-item .jobs-item-dq { font-size: 12px; color: #999; text-align: right; }