a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, tbody, td, tfoot, th, thead, tr, tt, u, ul, var { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: 0 } em { font-style: normal } li, ol, ul { list-style: none } h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: 400 } .clearfix:after, .clearfix:before { display: table; content: ""; height: 0; clear: both; visibility: hidden } .clear { clear: both } body { margin: 0; font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, 微软雅黑, Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px; color: #000; height: 100% } .co01 { color: #0180cf } table { border-collapse: collapse; border-spacing: 0 } td, th { vertical-align: middle } a { text-decoration: none } a:hover { text-decoration: none } a.underline:hover { text-decoration: underline } :focus { outline: 0 } .w1100 { width: 1100px; margin: auto } .layout_n { width: 1100px; margin: auto } .layout_n .mr0 { margin-right: 0 } .f-left { float: left } .f-right { float: right } .orange { color: #f90 } .red { color: #f30 } .tableall { font-size: 14px } .tableall td, .tableall th { padding: 10px 1px } .ajax_app_tip { padding-left: 10px } .ajax_app_tip i { background: url(../images/user-icon36.png) no-repeat scroll 0 -303px; float: left; height: 25px; line-height: 1.8; width: 5% } .ajax_app_tip span { font-weight: 600; color: #f30 } .but100_30lan { width: 100px; height: 35px; line-height: 35px; font-size: 12px; color: #FFF; border: 0; background-color: #0180cf; cursor: pointer; margin-right: 18px; text-align: center } .but100_30lan.hover { background-color: #0070bd } .but100_30hui { width: 100px; height: 35px; line-height: 35px; font-size: 12px; color: #666; border: 0; background-color: #e3e3e3; cursor: pointer; margin-right: 18px } .but100_30hui.hover { background-color: #d7d7d7 } .but115cheng { width: 115px; height: 35px; line-height: 35px; font-size: 16px; color: #fff; border: 0; background-color: #F90; text-align: center; vertical-align: middle; cursor: pointer } .but115cheng.hover { background-color: #F70 } .page { margin: 0; text-align: center; padding: 0; overflow: hidden } .page a { overflow: hidden; line-height: 17px; height: 17px; padding: 2px 5px; background-color: #fff; border: 1px solid #ccc; text-decoration: none; color: #666; font-size: 12px; display: inline-block } .page a:hover { border: 1px solid #0180cf; color: #0180cf } .page a.select { border: 1px solid #0180cf; color: #FFF; background-color: #018fcf } .page .page_all { line-height: 23px } .page_submit { background: 0; border: 1px solid #ccc; margin-left: 5px; cursor: pointer; color: #666 } .page_submit:hover { background: #f0f0f0; margin-left: 5px; cursor: pointer } .mod_topbar { border-bottom: 1px solid #f2f2f2; font-size: 14px; height: 40px; color: #666 } .mod_topbar a { color: #666 } .mod_topbar a:hover { color: #f60 } .mod_topbar .xm_welcome_wrap { float: left; line-height: 40px } .mod_topbar .xm_welcome_wrap .btn_level { margin-left: 10px } .mod_topbar .xm_welcome_wrap .btn_logout { color: #238bcb; margin-left: 10px } .mod_topbar .xm_welcome_wrap .btn_logout:hover { color: #f60 } .mod_topbar .xm_tool_wrap { float: right; line-height: 40px } .mod_topbar .xm_tool .item { float: left; background: url(../images/sep_001.png) no-repeat 0 50%; height: 40px } .mod_topbar .xm_tool .item_hotline { padding-left: 10px; padding-right: 10px } .mod_topbar .xm_tool .item_hotline .txt { float: left } .mod_topbar .xm_tool .tool_ico { display: block; float: left; width: 20px; height: 20px; margin-top: 13px } .mod_topbar .xm_tool .tool_ico_app { background: url(../images/hd_ico_sns.png) no-repeat -46px -22px; margin-top: 11px } .mod_topbar .xm_tool .tool_ico_wx { background: url(../images/hd_ico_sns.png) no-repeat -22px 0; margin-top: 11px } .mod_topbar .xm_tool .tool_ico_tel { background: url(../images/hd_ico_tel.png) no-repeat; margin-right: 5px; width: 15px; height: 15px } .mod_topbar .xm_tool .tool_ico_mobile { background: url(../images/hd_ico_mobile.png) no-repeat; margin-right: 5px; width: 15px; height: 15px } .mod_topbar .xm_tool .item.active { background-image: none; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0 -1px; position: relative; z-index: 11 } .mod_topbar .xm_tool .item.active+.item { background-image: none } .mod_topbar .xm_tool .item_app .com_tips_sns { margin-left: -132px } .mod_topbar .xm_tool .item_wx .com_tips_sns { margin-left: -157px } .mod_topbar .com_tips { float: left } .mod_topbar .com_tips_hd { cursor: default; margin-top: 0; padding: 0 10px; height: 40px } .mod_topbar .com_tips.active .com_tips_hd, .mod_topbar .com_tips:hover .com_tips_hd { border-bottom: 1px solid #fff; position: relative; z-index: 1 } .mod_topbar .com_tips.active .com_tips_hd a, .mod_topbar .com_tips:hover .com_tips_hd a { color: #238bcb } .mod_topbar .com_tips.active .com_tips_hd .tool_ico_app, .mod_topbar .com_tips:hover .com_tips_hd .tool_ico_app { background-position: -46px -22px } .mod_topbar .com_tips.active .com_tips_hd .tool_ico_wx, .mod_topbar .com_tips:hover .com_tips_hd .tool_ico_wx { background-position: -22px -22px } .mod_topbar .com_tips_bd { top: 40px; border: 1px solid #ccc; z-index: -1 } .mod_header { height: 110px } .mod_header .jrg_logo_wrap { float: left; padding: 19px 0 16px } .mod_header .jrg_logo a { overflow: hidden; float: left; background: url(../images/logo_c.png) no-repeat; width: 250px; height: 70px; line-height: 9999em } .jrg_logo a.ganen { background: url(../images/ganen.jpg) no-repeat; height: 75px; width: 300px } .jrg_logo .hzhb { float: left; margin-top: 20px; width: 216px; height: 30px; line-height: 28px; text-aligh: center; text-indent: .4cm; font-size: 14px; color: #fff; background: url(../images/lantiao.png) no-repeat; vertical-align: top } .jrg_logo .area { float: left; margin-top: 20px; line-height: 30px; padding: 0 5px; text-aligh: center; font-size: 16px; color: #fff; border-radius: 20px; background: #0180cf } .mod_header .xm_adv_wrap { float: right; padding-top: 30px } .mt_ico { float: left; width: 20px; height: 20px } .mt_ico_search_1 { background: url(../images/search_bg.png) no-repeat; background-position: 0 0 } .xm_adv_wrap .search_form { float: left; width: 496px; padding: 2px; background-color: #3d9fe1 } .xm_adv_wrap .search_select { float: left; width: 93px; height: 42px; border-right: 1px solid #ddd; background-color: #efefef; position: relative; z-index: 900 } .xm_adv_wrap .search_select .select_hd { padding: 0 8px; padding-left: 20px; height: 42px; line-height: 40px; cursor: pointer } .xm_adv_wrap .search_select .select_hd .arrow { width: 11px; height: 11px; background: url(../images/search_arrow.png) no-repeat; position: absolute; top: 15px; right: 8px; -webkit-transition: All .4s ease-in-out; transition: All .4s ease-in-out } .xm_adv_wrap .search_select .select_bd { display: none; width: 93px; border: 1px solid #e1e1e1; box-shadow: 2px 2px 4px rgba(0, 0, 0, .3); position: absolute; top: 43px; left: -2px; z-index: 901 } .xm_adv_wrap .search_select .select_list { background-color: #fff; text-align: center } .xm_adv_wrap .search_select .select_list li { height: 32px; border-bottom: 1px solid #ddd; line-height: 32px; cursor: pointer } .xm_adv_wrap .search_select .select_list li:hover { background-color: #f2f2f2; color: #3d9fe1 } .xm_adv_wrap .search_select .select_list li.last { border-bottom: 0 } .xm_adv_wrap .search_select.active .select_hd .arrow { background: url(../images/search_arrow_1.png) no-repeat; -webkit-transform: rotate(360deg) } .xm_adv_wrap .search_txt { float: left; width: 328px; height: 18px; padding: 12px 10px 12px; background-color: #fff } .xm_adv_wrap .search_txt .input_txt { width: 328px; height: 18px; border: 0; background-color: transparent; line-height: 18px; font-size: 14px } .xm_adv_wrap .search_txt .no_cur { color: #ccc } .xm_adv_wrap .search_control { float: left; width: 54px } .xm_adv_wrap .search_control .input_btn { float: left; width: 20px; height: 20px; padding: 11px 17px; border: 0; background-color: transparent; font: 400 18px/36px ''; text-align: center; color: #fff } .xm_adv_wrap .search_fast { float: left; width: 489px; padding-left: 10px } .xm_adv_wrap .search_fast a { float: left; margin-right: 12px; line-height: 28px; font-size: 14px; color: #999 } .xm_adv_wrap .search_fast a:hover { color: #f60 } .mod_navbar { background-color: #0180cf; height: 44px } .mod_navbar .nav_list { float: left; font-family: "Microsoft Yahei" } .mod_navbar .nav_item { float: left; cursor: pointer; padding: 0 10px; height: 44px; line-height: 44px; margin-right: 18px } .mod_navbar .nav_item a { display: block; color: #fff; font-size: 16px; text-align: center } .mod_navbar .nav_item .nav_txt { position: relative } .mod_navbar .nav_item .ico_hot, .mod_navbar .nav_item .ico_new { position: absolute; top: -16px; right: -15px } .mod_navbar .nav_item:hover, .mod_navbar .nav_item_active { background: #06639c; position: relative } .mod_other { height: 34px; border-bottom: 1px solid #efefef } .lay_hy { float: left; margin-right: 10px; display: inline } .lay_hy span { margin-top: 8px; float: left; background: url(../images/col_ico.png) no-repeat 0 -191px; width: 81px; font-size: 12px; line-height: 21px; color: #fff; text-align: center } .lay_hy a { margin-left: 6px; font-size: 13px; display: inline-block; line-height: 34px; color: #666 } .lay_hy a:hover { color: #0180cf } .mod_footer { color: #ccc } .mod_footer a { color: #999 } .mod_footer a:hover { color: #fff } .mod_footer .copyright { font-size: 14px; width: 100%; text-align: center; line-height: 21px; color: #999; padding-bottom: 15px; background: #1f2223; padding: 12px 0 } .mod_footer .row { background: url(../images/sep_004.png) repeat-x 0 100%; padding: 15px 0; width: 900px; margin: 0 auto } .mod_footer .row_lbl { float: left; width: 77px; padding-left: 3px } .mod_footer .row_cnt { float: left; width: 1100px } .mod_footer .ico_tel { background: url(../images/ft_ico_002.png) no-repeat; width: 20px; height: 20px; margin-right: 5px; display: inline-block; vertical-align: middle } .mod_footer .ico_app, .mod_footer .ico_sns { background: url(../images/ft_ico_001.png) no-repeat; width: 50px; height: 50px; margin-right: 5px; display: inline-block; vertical-align: middle } .mod_footer .ico_sns_wb { background-position: 0 0 } .mod_footer .ico_sns_wx { background-position: -52px 0 } .mod_footer .ico_app_ipa { background-position: -104px 0 } .mod_footer .ico_app_apk { background-position: -156px 0 } .mod_footer .com_tips:hover .ico_sns_wb, .mod_footer a:hover .ico_sns_wb { background-position: 0 -52px } .mod_footer .com_tips:hover .ico_sns_wx, .mod_footer a:hover .ico_sns_wx { background-position: -52px -52px } .mod_footer .com_tips:hover .ico_app_ipa, .mod_footer a:hover .ico_app_ipa { background-position: -104px -52px } .mod_footer .com_tips:hover .ico_app_apk, .mod_footer a:hover .ico_app_apk { background-position: -156px -52px } .mod_footer_primary { background-color: #3b4042; min-height: 212px; font-size: 14px } .mod_footer_primary .footer_nav { text-align: center; padding: 0 } .mod_footer_primary .footer_nav .row_cnt, .mod_footer_primary .footer_nav .row_lbl { float: none; width: auto } .mod_footer_primary .footer_nav .row_cnt { margin: 20px 0 } .mod_footer_primary .footer_nav_list { display: inline-block; vertical-align: middle; color: #ccc } .mod_footer_primary .footer_nav_list .item { float: left; line-height: 18px; padding: 19px 0 } .mod_footer_primary .footer_nav_list .item a { color: #ccc } .mod_footer_primary .footer_nav_list .item a:hover { color: #fff } .mod_footer_primary .footer_nav_list .slash { width: 68px; float: left; text-align: center } .mod_footer_primary .footer_follow .item_lbl { float: left; line-height: 50px } .mod_footer_primary .footer_follow .item_cnt { float: left; line-height: 50px } .mod_footer_primary .footer_follow .com_tips { float: left; margin-right: 20px } .mod_footer_primary .footer_follow .com_tips_app { height: 180px; margin-left: -116px; top: -222px; width: 130px } .mod_footer_primary .footer_follow .slash { line-height: 50px; float: left; text-align: center; width: 34px } .mod_footer_primary .footer_follow .follow { float: left } .mod_footer_primary .footer_follow .app_dl { float: left } .mod_footer_primary .footer_follow .hotline { float: left } .mod_footer_primary .footer_link { background: 0; line-height: 24px } .mod_footer_primary .footer_link .item { float: left; margin-right: 7px; white-space: nowrap } .mod_footer_secondary { background-color: #1f2223; line-height: 21px; padding: 12px 0; color: #999; text-align: center } .com_tips.active, .com_tips:hover { position: relative; z-index: 10 } .com_tips.active .com_tips_bd, .com_tips:hover .com_tips_bd { display: block } .com_tips_hd { padding-top: 16px; margin-top: -16px } .com_tips_bd { position: absolute; left: 50%; background-color: #fff; display: none } .com_tips_sns { padding: 12px 18px 0; border: 2px solid #238bcb; height: 176px; top: -206px; margin-left: -121px; color: #666; line-height: 36px; text-align: center; white-space: nowrap } .com_tips_sns .qrcode { height: 140px } .com_tips_sns img { width: 140px; height: 140px } .com_tips { color: #999 } .com_tips .caret { position: absolute; left: 50%; margin-left: -6px; bottom: -14px; border: 6px solid transparent; border-top-color: #238bcb; width: 0; height: 0; font-size: 0 } .kefu_footer { width: 920px; margin: 0 auto } .kefu_footer li { float: left; margin-right: 20px; display: inline } .kefu_footer li a { float: left; line-height: 40px } .kefu_footer i.ico_qq { background: url(../images/ft_ico_qq.png) no-repeat; float: left; height: 40px; margin-right: 15px; width: 40px } .kefu_footer li a:hover .ico_qq { background-position: -41px 0 } .page_location { height: 14px; line-height: 14px; margin: 0 auto; padding-top: 15px; color: #282828 } .page_location a { color: #282828 } .back_to_top { position: fixed; right: 50px; bottom: 50px; z-index: 2000 } .back_to_top .back { width: 39px; height: 39px; margin-bottom: 15px; border: 1px solid #0189dd; background: url(../imgs/64.gif) 5px 10px no-repeat #0189dd; cursor: pointer } .back_to_top .back div { color: #fff; padding: 3px 7px; background-color: #0189dd; display: none; font-size: 12px } .back_to_top .steer { width: 39px; height: 39px; border: 1px solid #ccc; background: url(../imgs/64.gif) 7px -32px no-repeat; cursor: pointer; background-color: #fff } .back_to_top .steer div { color: #fff; padding: 3px 7px; background-color: #999; display: none; font-size: 12px } .back_to_top .sub { width: 39px; height: 39px; border: 1px solid #ccc; border-top: 0; background: url(../imgs/64.gif) 5px -72px no-repeat; cursor: pointer; background-color: #fff } .back_to_top .sub div { color: #fff; padding: 3px 7px; background-color: #999; display: none } .elevator { position: fixed; padding: 0 16px; top: 55%; margin-top: -140px; right: 0; z-index: 9; background-color: #fff; box-shadow: -2px 2px 5px 3px rgba(7, 17, 27, .1) } .elevator a { display: block; width: 26px; padding: 16px 0; font-size: 22px; line-height: 20px; color: #b5b9bc; box-sizing: border-box; text-align: center; border-bottom: 1px solid #edf1f2 } .elevator a:hover { color: #14191e } .elevator a i { font-size: 24px; color: #b5b9bc } .elevator a i:hover { color: #14191e } .elevator a span { display: none; font-size: 12px; color: #f01414; line-height: 14px } .elevator a .elevator-num { background-color: #f01414; color: #fff; border-radius: 50%; text-align: center; font-size: 12px; position: absolute; top: 3px; width: 18px; height: 18px; line-height: 16px; right: -9px } .elevator .elevator-app:hover i, .elevator .elevator-dist:hover i, .elevator .elevator-faq:hover i, .elevator .elevator-msg:hover i, .elevator .elevator-top:hover i, .elevator .elevator-weixin:hover i { display: none } .elevator .elevator-app:hover span, .elevator .elevator-dist:hover span, .elevator .elevator-faq:hover span, .elevator .elevator-msg:hover span, .elevator .elevator-top:hover span, .elevator .elevator-weixin:hover span { display: inline-block } .elevator .elevator-app-box { position: absolute; width: 172px; height: 212px; bottom: -10px; right: 60px; -webkit-transition: opacity .25s, transform .3s; -webkit-transition: opacity .25s, -webkit-transform .3s; transition: opacity .25s, -webkit-transform .3s; transition: opacity .25s, transform .3s; transition: opacity .25s, transform .3s, -webkit-transform .3s; opacity: 0; max-width: 0; -webkit-transform: scale(.01); transform: scale(.01); -webkit-transform-origin: 100% 95%; transform-origin: 100% 95%; background: url('../images/elevator.png') no-repeat 0 -220px } .elevator .elevator-app:hover .elevator-app-box { display: block; visibility: visible; opacity: 1; max-width: none; -webkit-transform: scale(1); transform: scale(1) } .elevator .elevator-weixin-box, .elevator .elevator-dy-box, .elevator .elevator-small-box, .elevator .elevator-video-box { position: absolute; width: 172px; height: 212px; bottom: -10px; right: 60px; -webkit-transition: opacity .25s, transform .3s; -webkit-transition: opacity .25s, -webkit-transform .3s; transition: opacity .25s, -webkit-transform .3s; transition: opacity .25s, transform .3s; transition: opacity .25s, transform .3s, -webkit-transform .3s; opacity: 0; max-width: 0; -webkit-transform: scale(.01); transform: scale(.01); -webkit-transform-origin: 100% 95%; transform-origin: 100% 95%; background: url('../images/elevator.png') no-repeat 0 0 } .elevator .elevator-dy-box { background-position: 0 -672px; } .elevator .elevator-video-box { background-position: 0 -898px; } .elevator .elevator-small-box { background-position: 0 -443px; } .elevator .elevator-weixin:hover .elevator-weixin-box, .elevator .elevator-weixin:hover .elevator-small-box, .elevator .elevator-weixin:hover .elevator-video-box, .elevator .elevator-weixin:hover .elevator-dy-box { display: block; visibility: visible; opacity: 1; max-width: none; -webkit-transform: scale(1); transform: scale(1) } @font-face { font-family: 'xmicon'; src: url('//at.alicdn.com/t/font_133971_6m9o8obw3se.eot'); src: url('//at.alicdn.com/t/font_133971_6m9o8obw3se.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_133971_6m9o8obw3se.woff2') format('woff2'), url('//at.alicdn.com/t/font_133971_6m9o8obw3se.woff') format('woff'), url('//at.alicdn.com/t/font_133971_6m9o8obw3se.ttf') format('truetype'), url('//at.alicdn.com/t/font_133971_6m9o8obw3se.svg#iconfont') format('svg') } @font-face { font-family: 'xmicon'; /* Project id 133971 */ src: url('//at.alicdn.com/t/font_133971_uyi0dedn1d.woff2?t=1632477201453') format('woff2'), url('//at.alicdn.com/t/font_133971_uyi0dedn1d.woff?t=1632477201453') format('woff'), url('//at.alicdn.com/t/font_133971_uyi0dedn1d.ttf?t=1632477201453') format('truetype'); } [class^="icon-"], [class*=" icon-"] { font-family: 'xmicon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .iconfont { font-family: "xmicon"!important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; -moz-osx-font-smoothing: grayscale } .icon-appdownload:before { content: "\e61a" } .icon-weixigzh:before { content: "\e66a" } .icon-arrow-up:before { content: "\e619" } .icon-kefu:before { content: "\e63e" } .icon-video:before { content: "\e62e" } .icon-dy:before { content: "\e62c" } .icon-small:before { content: "\e63d" } #js-im { position: relative } .elevator a i.ani { display: none; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; width: 18px; height: 18px; border-radius: 50%; position: absolute; top: 2px; right: -5px; line-height: 18px; background: #d00; color: #fff; font-size: 10px; font-family: Arial; font-style: normal; } .elevator a i.infinite { -webkit-animation-iteration-count: infinite!important; animation-iteration-count: infinite!important } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: .3 } 50% { -webkit-transform: scale3d(1.3, 1.3, 1.3); transform: scale3d(1.3, 1.3, 1.3); opacity: 1 } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: .3 } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: .3 } 50% { -webkit-transform: scale3d(1.3, 1.3, 1.3); transform: scale3d(1.3, 1.3, 1.3); opacity: 1 } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: .3 } } .elevator a i.pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 1.2s; animation-duration: 1.2s } .xm_index_log { margin: 10px 0 0 } .xm_left_log { width: 268px; border: 1px solid #e0e0e0; float: left; height: 156px; overflow: hidden; border-top: 3px solid #0180cf; background-color: #fafafa } .left_log { padding: 10px 19px 0 } .loginbox { margin-bottom: 10px } .loginbox .msg { font-weight: 600; color: #666; line-height: 16px; text-align: center } .left_log .img-wrap { border: 2px solid rgba(0, 0, 0, .05); border-radius: 50%; width: 60px; height: 60px; text-align: center; margin: 0 auto 10px } .left_log .img-wrap img { width: 50px; height: 50px; margin-top: 5px } .left_log h2 { border-left: 6px solid #0180cf; padding-left: 10px; font-size: 16px; font-weight: 600; line-height: 24px; margin-bottom: 12px } .left_log .left_login_button { overflow: hidden } .left_log .left_login_button .input_btn { border-radius: 2px; float: left; width: 100px; height: 35px; line-height: 35px; border: 1px solid #f90; color: #fff; text-align: center; background: #f90; margin: 20px 0 0 } .left_log .left_login_button .input_btn.fr { float: right; border: 1px solid #f90; background: #fff; color: #f90 } .left_log .left_login_button .input_btn:hover { background-color: #f8b606; border-color: #f8b606 } .left_log .left_login_button .input_btn.fr:hover { background-color: #fff0e7 } .md_form .input_wrap .input_label { width: 20px; height: 20px; background: url(../images/s_form.png) no-repeat } .md_form .input_wrap .lbl_user { background-position: 0 0 } .md_form .input_wrap .lbl_pwd { background-position: -21px 0 } .md_form .input_wrap .lbl_tel { background-position: -42px 0 } .md_form .input_wrap .lbl_sum { background-position: -63px 0 } .md_form .input_wrap { width: 260px; margin-bottom: 20px; overflow: hidden; position: relative } .md_form .input_wrap .input_label { position: absolute; top: 11px; left: 7px } .md_form .input_wrap .input_txt { color: #9c9c9c; width: 208px; height: 18px; padding: 12px 10px 12px 40px; border: 0; border-radius: 8px; border: 1px solid #e0e0e0; background-color: #fff; line-height: 18px; font-size: 14px } .md_form .input_wrap .input_txt_area { width: 216px; height: 36px; line-height: 18px; padding: 8px 14px; border: 0; border-radius: 4px; background-color: #fff } .md_form .input_wrap .lbl_chk { float: left; width: 100px; line-height: 16px; color: #9c9c9c; cursor: pointer } .md_form .input_wrap .fr { float: right; text-align: right; color: #f90 } .md_form .input_wrap .fr a { color: #f90 } .md_form .input_wrap .input_chk { margin-right: 4px; vertical-align: middle } .md_form .input_wrap .input_tips { top: 1px; left: 40px } .md_form .input_wrap .input_msg, .md_form .input_wrap .input_tips { width: 185px; height: 40px; line-height: 40px; color: #d8cdcd; position: absolute; top: 1px; left: 40px } .md_form .input_wrap .input_msg { color: #9c9c9c } .md_form .input_wrap .input_tips { color: #d8cdcd } .md_form .submit_wrap { height: 30px; width: 260px } .md_form .submit_wrap .input_bor { border: 0; cursor: pointer } .md_form .submit_wrap .input_btn { float: left; width: 125px; height: 30px; line-height: 30px; color: #fff; text-align: center; background-color: #369ee4; border-radius: 8px; font-size: 15px } .md_form .submit_wrap .fr { float: right; background: #f90 } .md_form .submit_wrap .forget_pwd { float: left; margin: 8px 0 0 15px; border-bottom: 1px dashed #faf8a5; line-height: 18px; color: #faf8a5; font-size: 12px } .md_form .submit_wrap .forget_pwd:hover { color: #f60 } .haslogin { font-family: 'Microsoft Yahei' } .haslogin .has-login-top { padding: 10px; border-bottom: 1px dotted #ccc } .haslogin .has-login-top .has-user { color: #666; white-space: nowrap; text-overflow: ellipsis; width: 238px; float: left; overflow: hidden } .haslogin .has-login-top .has-user a { color: #333 } .haslogin .core-function-list { margin: 10px 0 } .haslogin .core-function-list .core-function { height: 60px; border-right: 1px solid #e0e0e0; width: 84px; text-align: center; cursor: pointer } .haslogin .core-function-list .core-function.last { border-right: 0 } .haslogin .core-function-list .core-function div { font-size: 20px; font-weight: 400; padding-top: 5px } .haslogin .core-function-list .core-function div a { color: #f90 } .haslogin .core-function-list .core-function p { margin-top: 5px; font-size: 13px } .haslogin .core-function-list .core-function p a { color: #666 } .haslogin .core-function-list .core-function:hover div a { color: #0180cf } .haslogin .core-function-list .core-function:hover p a { color: #0180cf } .haslogin .has-login-bottom { text-align: center } .haslogin .enter-user-center { display: inline-block; text-align: center; width: 100px; height: 28px; line-height: 28px; margin: 0 auto; background-color: #f90; color: #fff; border-radius: 3px; -webkit-transition: all .3s; transition: all .3s } .haslogin .enter-user-center:hover { background-color: #f8b606 } .haslogin .exit-link { display: inline-block; font-size: 13px; color: #0180cf } .haslogin .hot-line { padding-top: 10px; color: #ffaa06; font-size: 14px; text-align: center; font-weight: 700; border-top: 1px dotted #ccc; margin-top: 10px } .haslogin .center { margin-top: 5px; text-align: center } .haslogin .center a { color: #666 } .xm_hot_word { width: 816px; margin-left: 14px; display: inline; float: left } .xm_hot_body { border: 1px solid #e0e0e0; height: 118px; margin-top: 10px; overflow: hidden } .xm_hot_item { float: left; background: url(../images/newzp.jpg) no-repeat; width: 40px; height: 118px } .xm_hot_job { float: left; width: 372px; overflow: hidden; height: 100px; margin-top: 10px } .xm_hot_job li { font-size: 14px; background: url(../images/sort-icon.png) no-repeat 5px 5px; padding-left: 25px; float: left; height: 25px; line-height: 25px; zoom: 1; width: 347px } .xm_hot_job li a { color: #666 } .xm_hot_job li a.orange { color: #f90 } .xm_hot_job li a:hover { border-color: #0180cf; color: #0180cf } .swipe-wrap { width: 510px; overflow: hidden; margin-bottom: 10px; position: relative } .swipe-wrap .swpie-main { width: 500% } .swipe-wrap .swipe-block { width: 510px; height: 200px; overflow: hidden } .swipe-wrap .swipe-control { position: absolute; left: 0; bottom: 0; height: 48px; width: 510px; text-align: center; font-size: 0; z-index: 6 } .swipe-wrap .swipe-control .swipe-ctrl-mask { position: absolute; top: 0; left: 0; width: 100%; height: 48px; background-color: #000; opacity: .5; filter: alpha(opacity=50); z-index: 4 } .swipe-wrap .swipe-control .s-control { display: inline-block; width: 12px; height: 12px; background-color: #fff; position: relative; z-index: 5; margin: 20px 3px 0 3px } .swipe-wrap .swipe-control .s-control.active { background-color: #f56200 } #divSmallBox { overflow: hidden; width: 10px; height: 10px; margin: 0 5px; border-radius: 10px; background: #fff } #playBox { width: 510px; height: 140px; background: #333; position: relative; overflow: hidden } #playBox .oUlplay { width: 99999px; position: absolute; left: 0; top: 0 } #playBox .oUlplay li { float: left } #playBox .oUlplay li em { position: absolute; padding-left: 10px; bottom: 10px; z-index: 20; color: #fff } #playBox .smalltitle { width: 510px; height: 20px; position: absolute; bottom: 0; right: 0; z-index: 10; padding: 5px 0 } #playBox .smalltitle ul { text-align: right } #playBox .smalltitle ul li { display: inline-block; width: 10px; height: 10px; border-radius: 10px; margin-right: 5px; background: #fff; overflow: hidden } #playBox .smalltitle .thistitle { display: inline-block; width: 10px; height: 10px; background: #f56200; margin-right: 5px; overflow: hidden; border-radius: 10px } .xm_hot_topic { float: right; width: 270px } .tel_us { margin-bottom: 10px } .tel_us .but a { overflow: hidden; zoom: 1; float: left; text-align: center; font-size: 14px; height: 20px; line-height: 20px; width: 115px; overflow: hidden } .tel_us .but a.fr { float: right } .tel_us .but a.btn { padding: 9px 5px; font-weight: 600; color: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, .15); border-radius: 4px; background: #7f9c14; background: -webkit-linear-gradient(top, #abbf42, #8ea423) } .tel_us .but a.btn:hover { text-decoration: none; background: #a8b748; background: -webkit-linear-gradient(top, #c4d323, #a8b748) } .tel_us .but a.btn1 { margin-right: 0; background: #f18b07; background: -webkit-linear-gradient(top, #f90, #e87f14) } .tel_us .but a.btn1:hover { background: #f2b215; background: -moz-linear-gradient(top, #f2c822, #f29706) } .xm_topic_body { border: 1px solid #e0e0e0; height: 140px; padding: 9px 10px; overflow: hidden } .xm_topic_body h2 { border-left: 6px solid #f90; padding-left: 10px; line-height: 24px; font-size: 16px; margin-bottom: 5px; font-weight: 600 } .xm_topic_body li { line-height: 23px; height: 23px; background: url(../images/index-icon.png) no-repeat 0 -665px; padding-left: 15px } .xm_topic_body li a { color: #666 } .xm_topic_body li a:hover { color: #0180cf } .newslist { margin-bottom: 15px } .newslist .newsll { float: left; width: 356px; margin-right: 16px } .newmpic { margin: 0 auto; padding: 15px 0 0; text-align: center; overflow: hidden; zoom: 1 } .newslt { width: 238px; float: right; border: 1px solid #efefef } .news_tit { background: url(../images/col_ico.png) no-repeat scroll 0 -197px; height: 36px } .news_tit h2 { background: url(../images/col_ico.png) no-repeat; font-size: 16px; line-height: 24px; padding-left: 30px } .news_tit h2 span { color: #666; float: right; font-size: 12px } .news_con { border: 1px solid #efefef; border-top: 0 } .newsll h2 em, .newslt h2 em { float: right; margin-top: 12px; margin-right: 10px; display: inline } .newsll ul, .newslt ul { padding: 5px 15px 15px; overflow: hidden; zoom: 1 } .newsll li, .newslt li { background: url(../images/index-icon.png) no-repeat 0 -661px; padding-left: 15px; line-height: 30px } .newsll li span { float: right; color: #ccc; font-size: 12px } .newsll h2 span a, .newsll li a, .qylist li a { color: #666 } .newsll h2 span a:hover, .newsll li a:hover, .newslt li a:hover, .qy_tit span a:hover, .qylist .inner .top .topl2 a:hover, .qylist li a:hover { color: #0180cf } .newslist .mr0 { margin-right: 0 } .qylist li a.hight { color: red } .area_zm_list, .hotlist, .linklist, .piclist, .qylist, .sllist, .sylist, .yzlist, .zmlist { margin-bottom: 15px } .border2 { border: 1px solid #efefef; overflow: hidden; zoom: 1; border-top: 0; padding: 0 19px 19px } .hot_tit, .link_tit, .pic_tit, .qy_tit, .sl_tit, .sy_tit, .yz_tit { background: url(../images/hang.gif) no-repeat; height: 36px } .applist h2, .area_zm_list h2, .hotlist h2, .linklist h2, .piclist h2, .qylist h2, .sllist h2, .sylist h2, .yzlist h2 { background: url(../images/col_ico.png) no-repeat 0 -48px; padding-left: 30px; line-height: 24px; font-size: 16px } .applist li, .qylist li { background: url(../images/qy.png) no-repeat 0 5px; line-height: 24px; margin-top: 10px; padding-left: 27px; font-size: 13px; float: left; width: 230px; margin-right: 10px; display: inline } .applist li { background: url(../images/applogin.png) no-repeat 0 5px } .qylist li.mr0 { margin-right: 0 } .qylist .inner { margin-top: 19px } .qylist .inner .top { float: left; display: inline; width: 340px; height: 60px; border: 1px solid #efefef; margin: 0 17px 15px 0 } .qylist .inner .mr0 { margin-right: 0 } .qylist .inner .top .topl1 { float: left; font-size: 40px; height: 60px; line-height: 60px; padding-left: 12px; padding-right: 10px } .qylist .inner .top .topl2 { float: left; padding-top: 10px } .qylist .inner .top .topl2 a { color: #666; font-size: 12px } .qylist .inner .top .topl2 .blue { color: #0180cf; font-size: 16px } .qy_tit h2 span { background: url(../images/arrow_3.png) no-repeat right 8px; float: right; padding-right: 8px } .qy_tit h2 span a { color: #666; font-size: 14px } .picall li { font-size: 13px; float: left; text-align: center; margin: 10px 10px 0 0; width: 175px; display: inline; background: #e8eeff; padding: 10px 0 5px; border-radius: 10px } .picall li img { border: 1px solid #efefef; margin-bottom: 5px } .picall li.mr0 { margin-right: 0 } .picall li a { color: #666; height: 56px; display: block } .picall li p { margin-top: 5px; line-height: 28px; height: 28px; overflow: hidden } .picall li a:hover { color: #0180cf } .area_zm_list h2, .hotlist h2 { background-position: 0 -145px } .hot_main ul { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; } .hot_main ul:after { content: ""; width: 253px; height: 0; } .hot_main li { background: #f6f6f6; float: left; margin-top: 10px; overflow: hidden; width: 225px; border-color: #FFF #f2f2f2 #f2f2f2 #FFF; border-style: solid; border-width: 4px; padding: 10px } .hot_main li p { line-height: 18px; font-size: 12px; overflow: hidden } .hot_main li p.company { font-size: 12px; background: url(../images/new.gif) no-repeat right 0 } .hot_main li p.job { margin-top: 5px } .hot_main li p.job a { color: #666; font-size: 12px } .hot_main li p.job a:hover { color: #0180cf } .hot_main li p a { font-size: 14px; color: #318ec8; font-weight: 600 } .hot_main li i { color: #090 } .hot_main li.mr0 { margin-right: 0 } .chang_banner, .goldia_zp { margin-top: 7px } .chang_banner li, .goldia_zp li { margin-top: 8px; height: 60px; overflow: hidden } .chang_banner { margin-bottom: 7px; margin-top: 0 } .chang_banner li { margin-bottom: 8px; margin-top: 0 } .job-more-info, .xumu-ad-job, .xumu-ad-job li { font-size: 12px; line-height: 24px } .job-more-info { width: 100%; background: #eaf4f9 } .job-more-info h2 { height: 18px; line-height: 18px; background: #0180cf; font-size: 12px; font-weight: 700; color: #FFF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100% } .job-more-info h2 a { color: #FFF; padding-left: 10px } .job-more-info h3 { height: 20px; line-height: 20px; font-size: 12px; color: #ff4800; font-weight: 700; padding: 0 10px; border-bottom: 1px dotted #ccc; margin-bottom: 2px; overflow: hidden } .job-more-info h3 span { float: right; font-weight: 400 } .job-more-info h3 span a { color: #ff4800 } #xumu_ad .xumu-ad-job li { background: url(../images/rm_3.jpg) no-repeat 0 10px; color: #666; padding-left: 10px; margin: 0 8px; display: inline; height: 20px; overflow: hidden; float: left; width: auto; text-align: center; margin-bottom: 0; line-height: 20px } #xumu_ad .xumu-ad-job a { color: #666 } #xumu_ad .xumu-ad-job a:hover { color: #0180cf } .piclist h2 { background-position: 0 -97px } .pic_main ul { overflow: hidden; zoom: 1 } .pic_main li.mr0 { margin-right: 0 } .pic_main li { background: #f6f6f6; text-align: center; float: left; margin-top: 15px; margin-right: 14px; width: 165px; padding: 10px 0; overflow: hidden } .pic_main li img { overflow: hidden; margin-bottom: 3px } .pic_main li .company, .pic_main li .company_job { width: 165px; white-space: nowrap; text-overflow: ellipsis; height: 18px; line-height: 18px; overflow: hidden; font-size: 12px } .pic_main li a { font-size: 12px; color: #666 } .pic_main li a:hover { color: #0180cf } .sylist h2 { background-position: 0 -256px } .sllist h2 { background-position: 0 -325px } .yzlist h2 { background-position: 0 -396px } .linklist h2 { background-position: 0 -471px } .applist h2 { background-position: 0 -432px } .link_main { margin-top: 10px } .link_main a { line-height: 30px; margin-right: 10px; float: left; display: inline; text-align: justify; white-space: nowrap; color: #666 } .link_main a:hover { color: #0180cf } .complex-left { float: left } .complex-left li { height: 47px; overflow: hidden; zoom: 1; margin-right: 18px; margin-top: 10px; width: 354px;} .complex-left li.mr0 { margin-right: 0 } .complex-right { overflow: hidden; margin-bottom: 5px } .complex-right .urgent-block { overflow: hidden } .complex-right .urgent-block .urgent-title { margin-bottom: 15px; overflow: hidden } .complex-right .urgent-block .urgent-title h4 { padding-left: 10px; border-left: 6px solid #0180cf; color: #333; font-size: 18px; line-height: 30px; height: 30px; font-weight: 400 } .complex-right .urgent-block .urgent-title a { color: #999; line-height: 18px } .complex-right .urgent-block .urgent-list { overflow: hidden } .complex-right .urgent-block .urgent-list li { float: left; font-size: 14px; overflow: hidden; width: 340px; margin-right: 10px; display: inline; height: 26px; line-height: 26px; margin-bottom: 10px; border: 1px solid #b7cbff; padding: 5px 9px; background: #e8eeff; border-radius: 15px } .complex-right .urgent-block .urgent-list li.mr0 { margin-right: 0 } .complex-right .urgent-block .urgent-list li .u-com { width: 220px; overflow: hidden; white-space: nowrap; color: #000; text-overflow: ellipsis; font-weight: 600 } .complex-right .urgent-block .urgent-list li .u-job { width: 120px; overflow: hidden; white-space: nowrap; color: #0180cf; text-overflow: ellipsis } .llogo { width: 1000px; margin: 0 auto } .lietoumain { width: 1000px; margin: 0 auto; zoom: 1 } .l_menu { margin-top: 20px } .l_menu li { float: left; background: url(../images/sep_002.png) no-repeat right 13px; padding: 0 15px 0 15px; line-height: 35px; height: 35px } .l_menu li a { color: #666; font-size: 16px } .l_menu li a:hover { color: #4da1d7 } .home_banner { float: left; width: 532px; height: 160px; position: relative; overflow: hidden } .home_banner .banner_bg { float: left; list-style: none; margin: 0; padding: 0; width: 400px; height: 160px; overflow: hidden; position: relative; left: 0 } .home_banner .banner_bg li { display: block; width: 532px; height: 160px } .home_banner .banner_control { float: right; width: 121px; height: 160px; position: relative; right: 0; top: 0 } .home_banner .banner_control em { width: 127px; height: 50px; background: url(../images/control_current_2d877b3.png) 0 0 no-repeat; position: absolute; z-index: 21; top: 0; left: -6px } .home_banner .thumbs { list-style: none; margin: 0; padding: 0 } .home_banner .thumbs li { width: 113px; height: 42px; border: 4px solid #d3d3d3; position: relative } .home_banner .thumbs li i { background: url(../images/thumb_cover_224abb6.png) no-repeat; width: 113px; height: 42px; position: absolute } .home_banner .thumbs li.current i { background: 0 } .home_banner .thumbs li.thumbs_1, .home_banner .thumbs li.thumbs_2 { margin-bottom: 5px } .new_cbd li { float: left; width: 259px; margin-right: 14px; display: inline } .new_cbd li.mr0 { margin-right: 0 } .new_vip { margin-bottom: 15px; overflow: hidden } .new_vip li { float: left; width: 173px; height: 98px; overflow: hidden; margin-right: 10px; display: inline; border: 1px solid #e0e0e0 } .new_vip li.mr0 { margin-right: 0 } .zm_add_list { margin-bottom: 0 } .complex-add-left li { float: left; height: 60px; overflow: hidden; zoom: 1; margin-right: 18px; margin-top: 10px; width: 541px; display: inline } .complex-add-left li.mr0 { margin-right: 0 } .nav_new { position: absolute; right: 20px; top: 5px; background: url(../images/new.png) no-repeat; width: 28px; height: 16px } .topbanner { margin: 0 auto; width: 1100px; display: none } .topbanner_show { margin: 0 auto; width: 1100px; display: block } .picvipall li { float: left; text-align: center; margin-right: 16px; width: 263px; display: inline; background: 0; padding: 0; height: 62px; overflow: hidden } .picvipall li.mr0 { margin-right: 0 } .newpage { height: 35px; text-align: center; margin: 20px auto; overflow: hidden } .newpage a { background: #f3f3f3; color: #656d78!important; border: 1px solid #e6e9ed; display: inline-block } .newpage a.select, .newpage a:hover { background: #0180cf; color: #FFF!important; border: 1px solid #0180cf!important } .newpage a { width: 30px; height: 30px; border-radius: 50%; margin: 0 10px 0 0; padding: 0; line-height: 30px } .jrg_logo .bests { float: left; width: 252px; height: 60px; margin-top: 5px; vertical-align: top } .jrg_logo .bests a { background: 0; height: 60px } .new_hot_wz { overflow: hidden } .new_hot_wz li { line-height: 20px; float: left; display: inline; width: 196px; margin-right: 10px; height: 51px; background: url(../images/crons.png) no-repeat right top #e8eeff; padding: 4px 8px 0 8px; border-radius: 6px; margin-top: 10px } .new_hot_wz li.mr0 { margin-right: 0 } .new_hot_wz li .wz_two img { float: left; margin-right: 8px; width: 100px } .new_hot_wz li .wz_two p.title { font-size: 14px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap } .new_hot_wz li .wz_two p a:hover { text-decoration: underline } .new_hot_wz li .wz_two p.company { font-size: 14px; text-overflow: ellipsis; white-space: nowrap } .new_hot_wz li .wz_two p.title a { color: #06639c } .new_hot_wz li .wz_two p.company a { color: #999 } .act_mod_float_wrap { width: 110px; position: relative } .act_mod_float_wrap .close { position: relative; display: block; left: -1px; top: 2px; display: block; z-index: 1200; height: 24px; width: 24px } .act_mod_float_main { width: 110px; position: fixed; overflow: hidden; top: 300px; right: 10px } .act_mod_float_main .float_item { position: relative; z-index: 1000 } .act_mod_float_main .img_item .img_wrap { width: 110px; height: 280px; display: inline-block } .act_mod_float_main .img_item .img_wrap img { width: 110px } .act_mod_float_main .img_item .img_wrap:after { content: ""; width: 110px; height: 280px; display: block } @-webkit-keyframes flash { 0%, 100%, 50% { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes flash { 0%, 100%, 50% { opacity: 1 } 25%, 75% { opacity: 0 } } .act_dialog_overlay { width: 100%; height: 100%; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity: .5; filter: alpha(opacity=50); z-index: 1001 } .act_dialog_wrap { position: fixed; left: 50%; top: 50%; margin-top: -270px; margin-left: -240px; z-index: 30001 } .act_dialog_centent { width: 480px; height: 540px; background: url(../images/dialog_bg.png) center bottom no-repeat #fff; border-radius: 10px; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px } .act_dialog_centent .code_wrap { width: 270px; padding-top: 48px; margin: 0 auto } .act_dialog_centent .code_wrap img { width: 270px; height: 270px } .act_dialog_centent .code_wrap .txt { font-size: 24px; color: #a9a9a9; text-align: center; line-height: 1.5; padding-top: 8px } .act_dialog_centent .inner_wrap { padding-top: 48px } .act_dialog_centent .inner_wrap .line, .act_dialog_centent .inner_wrap .line_2 { text-align: center; font-size: 30px; font-weight: 700; color: #f2daa2; line-height: 1.3 } .act_dialog_centent .close_btn { width: 18px; height: 18px; display: block; position: absolute; top: 10px; right: 10px; background: url(../images/act_close.png) no-repeat }