﻿
::selection { background: #008040; color: white; }

::-moz-selection { background: #008040; color: white; }

* { margin: 0; padding: 0; }

html { color: #000; background: #f9f9f9; overflow-x: hidden; }

.clear-line { border: none !important; }

legend { color: #000; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, ul, li, ol, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; }

abbr, acronym, address, caption, cite, code, dfn, em, strong, th, var, h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: normal; font-variant: normal; }

input, textarea, select, optgroup, option, button { margin: 0; padding: 0; font-size: 100%; background: #fff; }

input, textarea, select, optgroup, option, button { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; *font-size: 100%; }

body { line-height: 1; }

ol, ul, li { list-style: none; }

a { text-decoration: none; color: #444444; }

a:hover { text-decoration: underline; color: #008040; }

blockquote, q { quotes: none; }

a:visited { text-decoration: none !important; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }

.btn { cursor: pointer; border-radius: 2px; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

html { margin: 0; padding: 0; border: 0; overflow: auto; background-color: #f9f9f9; }

body { background-color: #f9f9f9; color: #2b2b2b; font: normal normal normal 12px/16px Arial, Helvetica, 'Microsoft YaHei', 'Hiragino Sans GB','Helvetica Neue', '微软雅黑',sans-serif !important; }

table { font-size: inherit; }

/*pre, code, kbd, samp, tt { font-family: 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 11px; }*/

h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: bold; }

h1 { font-size: 36px; line-height: 45px; }

h2 { font-size: 24px; line-height: 30px; }

h3 { font-size: 18px; line-height: 22px; }

h4 { font-size: 16px; line-height: 20px; }

h5 { font-size: 14px; line-height: 18px; }

h6 { font-size: 12px; line-height: 16px; }

.clear { clear: both; }

.box input.it { height: 18px; }
/******header标签***/
.header { width: 100%; background: #ffffff; position: fixed; top: 0; left: 0; z-index: 1009; }

.top { width: 100%; height: 31px; background: #4E4E4E; }

.top-main { position: relative; width: 1200px; margin: 0 auto; background: #4E4E4E; height: 30px; }

.top-left { float: left; }

.top-right { line-height: 30px; float: right; color: #ababab; text-align: right; }

.top-right a { color: #bababa; margin: 0px 10px; }

.top-right a:hover { color: #ffffff; }


/********金牌企业*****/
.top-left { line-height: 30px; color: #999; }
.top-left .main { float: left; }
.top-left .main a { color: #999; margin: 0 10px; }
.top-left .main a:hover { color: #ffffff; }
.top-left .main p { cursor: pointer; width: 70px; }
.top-left .main:hover p { overflow: hidden; }
.top-left .main p i { font-size: 16px; margin-left: 10px; position: relative; top: 1px; }
.top-left .main p span { border-radius: 0 0 3px 3px; font-size: 14px; background: #4E4E4E; z-index: 1; padding: 10px; position: absolute; visibility: hidden; top: -0px; left: 70px; right: 0; opacity: 0; transition: all ease .5s; }
.top-left .main p span a { margin: 0 15px; color: #ccc; }
.top-left .main p.on span { opacity: 1; visibility: visible; }
.top-left .main p i { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transition: all ease .5s; }
.top-left .main p.on i { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); }
/********金牌企业结束*****/

.top-left p.navsub { float: left; margin-left: 30px; color: #999999; }
.top-left p.navsub .sp { margin: 0 5px; }
.top-left p.navsub a { color: #999999; margin: 0 10px; }
.top-left p.navsub a:hover { color: #FF9900; }

.nav { width: 100%; height: 60px; border-bottom: solid 1px #e0e0e0; min-width: 1200px; }

.nav-main { width: 1200px; margin: 0 auto; line-height: 60px; }

.nav-left { float: left; }

.nav-right { width: 160px; float: right; border: solid 1px #e0e0e0; border-radius: 50px; -webkit-border-radius: 50px; -moz-trborder-radius: 50px; height: 30px; margin-top: 15px; }
.nav .nav-main .nav-right select { appearance: none; color: #ababab !important; -moz-appearance: none; -webkit-appearance: none; padding: 0 0 0 5px; font-family: "Microsoft YaHei"; box-sizing: border-box; text-align: left; background: url("/img/down.png") no-repeat scroll right center transparent; }
.nav .nav-main .nav-right select::-ms-expand { display: none; }
.nav .nav-main .nav-right select option { width: 100%; font-family: "Microsoft YaHei"; color: #ababab !important; text-align: center; }

.logo { font-size: 24px; color: #008040; font-weight: bold; width: 350px; float: left; }
.logo i { position: relative; top: 5px; }

.logo span { margin-left: 15px; }

.nav-info { width: 588px; float: right; font-size: 15px; height: 60px; }


.nav-info li { float: left; margin: 0 10px; display: inline; }

.nav-info li a { color: #222222; padding: 0 10px; height: 59px; display: block; text-align: center; line-height: 60px; }
.nav-info li a:hover { text-decoration: none; border-bottom: solid 2px #008040; }
.nav-info li ul li a { border-bottom: none !important; }
.nav-active { border-bottom: solid 2px #008040; }
.nav-info li a:hover { color: #333333; }

.nav-info ul li.new a:after { content: url("/img/new.png"); position: absolute; margin-top: -12px; }
.nav-info ul li.hot a:after { content: url("/img/hot.png"); position: absolute; margin-top: -10px; margin-left: -1px; }
.nav-info ul li.beta a:after { content: url("/img/beta.png"); position: absolute; margin-top: -10px; margin-left: -1px; }
.nav-list .nav-left .nav-info ul li { font-size: 14px; }
.nav-list .nav-left .nav-info ul li a { width: 50px; padding: 0; }
.nav-list .nav-left .nav-info ul li.new a:after { content: url("/img/new2.png"); position: absolute; margin-top: -12px; }
.nav-list .nav-left .nav-info ul li.hot a:after { content: url("/img/hot.png"); position: absolute; margin-top: -10px; margin-left: -1px; }
.nav-list .nav-left .nav-info { width: 400px; }

.nav-right input { cursor: pointer; width: 85%; background: none; height: 30px; line-height: 30px; padding-left: 15px; box-sizing: border-box; position: relative; top: -15px; color: #aaaaaa; box-sizing: border-box; border: none; }
.nav-right a { position: relative; top: -10px; right: 5px; }
/******footer标签***/


.footer { width: 100%; min-width: 1200px; background: #333333; }
.footer-info { width: 1200px; margin: 0 auto; }

.link { color: #585858; padding-bottom: 10px; margin-top: 30px; }
.link a { color: #585858; margin: 0 14px 0 0; white-space: nowrap; line-height: 28px; }
.footer-nav { color: #7c7c7c; margin-top: 15px; }
.footer-nav a { color: #7c7c7c; margin: 0 10px 0 10px; }
.index-footer { padding-top: 30px; color: #999; }
.index-footer a { color: #999; font-size: 13px !important; }
.copy { color: #999; line-height: 30px; padding-bottom: 20px; font-family: Arial,'Microsoft YaHei'; }
.index-footerleft p { margin: 15px 0; color: #999999; font-size: 13px !important; }
.index-footerleft p a { color: #999999; }
.index-footerleft { width: 740px; float: left; }
.index-footerright { width: 190px; font-size: 14px; float: right; padding-top: 30px; text-align: right; }
.index-footerright h1 { font-weight: normal; }
.index-footerright h1 a { color: #999; }
.index-footerright h1 a:hover { text-decoration: underline; }

.index-footerright h1 { font-size: 14px; color: #7c7c7c; }
.index-footerright span { color: #999999; margin-left: 30px; display: inline-block; margin-bottom: 10px; }
.index-footerbox { padding-bottom: 30px; }
.index-footerright span abbr { margin-left: 10px; color: #999; }
.copy a { color: #999; margin: 0 5px; }

.index-footermd { width: 200px; float: left; padding-top: 45px; }
.index-footermd > p { text-align: center; color: #999; }



/********************右边Icon样式***********/
.feedback-box { z-index: 10000; display: none; width: 415px; padding: 55px; background: #fff; border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); border-radius: 2px; position: fixed; left: 50%; top: 50%; margin-left: -263px; margin-top: -273px; }

.feedback-box h1 { text-align: center; font-size: 20px; line-height: 40px; }

.feedback-box p { font-size: 12px; color: #999; line-height: 20px; }

.feedback-box .box { padding-top: 15px; }

.feedback-box .box span { display: block; font-weight: 700; padding-bottom: 12px; }

.feedback-box .box span label { color: #f00; font-size: 12px; margin-left: 10px; }

.feedback-box .box span i { color: #999; }

.feedback-box .box input { width: 182px; height: 34px; border-radius: 2px; border: 1px solid #dddddd; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.05); padding: 0 8px; }

.feedback-box .box textarea { width: 397px; height: 120px; border: 1px solid #dddddd; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.05); padding: 8px; border-radius: 2px; }

.feedback-box button { background: #008040; width: 180px; height: 43px; line-height: 43px; color: #fff; border-radius: 2px; margin-top: 26px; font-size: 16px; cursor: pointer; border: none; }

.feedback-box #tips { color: #e4393c; font-size: 12px; display: block; margin-top: 20px; }

.feedback-box .has { margin-top: 40px; font-size: 12px; }

.feedback-box .has a { color: #1688be; }

.closebok { position: absolute; right: -23px; top: -23px; width: 50px; z-index: 999; cursor: pointer; }

.closebok img { width: 50px; }

.fix-right-v2 { position: fixed; right: 20px; bottom: 100px; width: 38px; height: 38px; background: #fff; z-index: 1001; }

.fix-right-v2 table { width: 100%; height: 100%; }

.fix-right-v2 table, .fix-right-v2 td { margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; height: 38px; }

.fix-right-v2 a { display: block; width: 38px; font-size: 0; background-image: url("/img/sidebar_spriteV2.png"); background-image: -webkit-image-set(url("/img/sidebar_spriteV2.png") 1x, url("/img/sidebar_spriteV2.png@2x.png") 2x); overflow: hidden; cursor: pointer; }

.fix-right-v2 li { position: relative; }

.fix-right-v2 li span { position: absolute; right: 58px; top: 0; visibility: hidden; padding: 0 14px; opacity: 0; color: #fff; font-size: 12px; background: #008040; transition: .3s all ease-in; -webkit-transition: .3s all ease-in; -moz-transition: .3s all ease-in; -o-transition: .3s all ease-in; white-space: nowrap; }
.fix-right-v2 li:hover span { right: 38px; opacity: 1; visibility: visible; }

.fix-right-v2 li span i { position: absolute; right: 0; top: 50%; width: 0; height: 0; margin: -5px -10px 0 0; font-size: 0; border: 5px solid; border-color: transparent transparent transparent #008040; overflow: hidden; }

.fix-right-v2 li .popup-qr { top: -30px; padding: 8px; background: #fff; }

.fix-right-v2 li .popup-qr i { border-color: transparent transparent transparent #fff; }

.fix-right-v2 li .popup-qr .qr-title { display: block; padding-top: 8px; color: #000; line-height: 12px; font-size: 12px; }

.fix-right-v2 .ask a, .fix-right-v2 .ask span { height: 50px; line-height: 50px; }

.fix-right-v2 .ask a { background-position: -38px -38px; }

.fix-right-v2 .ask:hover a { background-position: 0 -38px; }

.fix-right-v2 .download a, .fix-right-v2 .download span { }

.fix-right-v2 .download a { height: 38px; background-position: -38px -176px; }

.fix-right-v2 .download:hover a { background-position: 0 -176px; }

.fix-right-v2 .feedback a, .fix-right-v2 .feedback span { height: 38px; line-height: 38px; }

.fix-right-v2 .feedback a { background-position: -38px -252px; }

.fix-right-v2 .feedback:hover a { background-position: 0 -252px; }

.fix-right-v2 .gotop { position: absolute; bottom: 38px; }

.fix-right-v2 .gotop a, .fix-right-v2 .gotop span { height: 38px; line-height: 38px; }

.fix-right-v2 .gotop a { background-position: -38px -290px; }

.fix-right-v2 .gotop:hover a { background-position: 0 -290px; }

.fix-right-v2 .sidebar-line { width: 19px; height: 1px; margin: 7px auto; background: #ccc; }

.loninContaner { position: relative; z-index: 1008; }

.loninContaner .overlay_bg { width: 100%; height: 100%; background-color: #000000; opacity: .6; filter: alpha(opacity=60); position: fixed; top: 0; left: 0; display: none; z-index: 1003; }


input[type=submit]:disabled, input[type=button]:disabled { background: #aaa; }

.g_icon { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.g_icon.prev:before { content: "\f053"; }
.g_icon.next:before { content: "\f054"; }

pre { margin: 0px; padding: 0px; border: 0px; overflow: hidden; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-family: 微软雅黑; }

.g_page { padding: 10px 15px; margin-top: 20px; font-size: 14px; font-family: Arial,'Microsoft YaHei'; overflow: hidden; }
.g_page ul { float: right; }
.g_page li { float: left; margin-left: 5px; }
.g_page li a { background: #ececec; color: #444444; padding: 10px 15px; border-radius: 2px; display: block; text-align: center; }
.g_page li a:hover { background: #008040; color: #fff; text-decoration: none; }
.g_page li a.act { background: #008040 !important; color: #ffffff !important; }
.g_page li.prev a { background: none !important; color: #999; }
.g_page li.prev a:hover { color: #008040; }
.g_page li.next a { background: none !important; color: #999; }
.g_page li.next a:hover { color: #008040; }

.g_f9 { font-size: 9px; }
.g_f10 { font-size: 10px; }
.g_f11 { font-size: 11px; }
.g_f12 { font-size: 12px; }
.g_f14 { font-size: 14px; }
.g_f16 { font-size: 16px; }
.g_f18 { font-size: 18px; }
.g_f24 { font-size: 24px; }

.g_corg { color: #f60; }
.g_c9 { color: #999; }
.g_c8 { color: #888; }
.g_c7 { color: #777; }
.g_c6 { color: #666; line-height: 1.8em; }
.g_c4 { color: #444; }
.g_cred { color: red; }
.g_cgreen { color: green; }
.g_cblue { color: #005ed1 !important; }
.g_mt5 { margin-top: 5px; }
.g_mt10 { margin-top: 10px; }
.g_mt20 { margin-top: 20px; }
.g_mb5 { margin-bottom: 15px; }
.g_mb10 { margin-bottom: 10px; }
.g_mb20 { margin-bottom: 20px; }
.g_mr10 { margin-right: 10px; }
.g_ml10 { margin-left: 0px; }
.g_mr20 { margin-right: 20px; }
.g_ml20 { margin-left: 20px; }
.g_vm { vertical-align: middle; }
.g_dib { display: inline-block; }
.g_c { clear: both; }
.close { opacity: 1 !important; font-weight: normal; text-shadow: none; }

.g_it { border-radius: 2px; height: 38px; line-height: 1em; padding: 0 10px; border: 1px solid #aaa; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
select.g_it { height: 40px; line-height: 1em; padding: 0 10px; border: 1px solid #aaa; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.g_ita { border-radius: 2px; line-height: 1.5em; padding: 10px; border: 1px solid #aaa; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.g_ib_s { border-radius: 2px; height: 40px; background: #008040; color: white; cursor: pointer; border: 0; padding-left: 10px; padding-right: 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.g_ib_s:hover { background: #008040; color: white; }
.g_ib_s:disabled { height: 40px; background: #aaa; color: white; padding-left: 10px; padding-right: 10px; }
.g_ib { border-radius: 2px; height: 40px; background: #d0d0d0; color: #767676; cursor: pointer; border: 0; padding-left: 10px; padding-right: 10px; }
.g_ib:hover { color: #767676; }

.g_fmsg { display: none; position: absolute; z-index: 1; padding-bottom: 9px; filter: Alpha(Opacity=88); -moz-opacity: 0.88; opacity: 0.88; }
.g_fmsg .c { border-radius: 6px; border: 1px solid #008040; padding: 8px 13px; font-size: 12px; color: #008040; background: #fff; white-space: nowrap; }
.g_fmsg .a { bottom: 0; height: 10px; left: 10px; position: absolute; width: 19px; z-index: 1; }
.g_fmsg .a div { background: #fff; border-left: 1px solid #008040; border-right: 1px solid #008040; display: block; font-size: 0; height: 1px; line-height: 0; margin: 0 auto; }
.g_fmsg .a .line10 { border: medium none; width: 17px; }
.g_fmsg .a .line9 { width: 15px; }
.g_fmsg .a .line8 { width: 13px; }
.g_fmsg .a .line7 { width: 11px; }
.g_fmsg .a .line6 { width: 9px; }
.g_fmsg .a .line5 { width: 7px; }
.g_fmsg .a .line4 { width: 5px; }
.g_fmsg .a .line3 { width: 3px; }
.g_fmsg .a .line2 { width: 1px; }
.g_fmsg .a .line1 { background: #008040; border: 0; width: 1px; }
.g_fmsg.g .c { border: 1px solid green; color: green; }
.g_fmsg.g .a div { border-left: 1px solid green; border-right: 1px solid green; }
.g_fmsg.g .a .line1 { background: green; border: 0; width: 1px; }

.g_err { background: #FAFFBD; }
.g_ftip { z-index: 10000; display: none; position: absolute; background: green; border: 0; padding: 5px; font-size: 12px; color: #fff; }

.g_tform { text-align: left; }
.g_tform th, .g_tform td { padding: 10px; vertical-align: top; }
.g_tform th.p0 { padding-top: 10px; padding-left: 33px; }
.g_tform th.p1 { padding-top: 20px; }
.g_tform.p2 th, .g_tform.p2 td { padding: 2px; }
.g_tform.p5 th, .g_tform.p5 td { padding: 5px; }


.workpicfix { position: relative; width: 220px; height: 145px; text-align: center; display: inline-block; line-height: 143px; overflow: hidden; background: #ededed; }
.workpicfix img { vertical-align: middle; }
.workpicfix .psd { width: 46px; height: 43px; overflow: hidden; background: url(/img/ico_psd.png) no-repeat; position: absolute; right: 0; bottom: 0; z-index: 1; }

.userfacefix { border: 1px solid #f0f0f0 !important; }
.userfacefix img { float: left; }
.userfacefix.c50 { width: 50px !important; height: 50px !important; border-radius: 25px !important; }
.userfacefix.c100 { width: 100px !important; height: 100px !important; border-radius: 50px !important; }
.userfacefix.r50 { width: 50px !important; height: 50px !important; border-radius: 50px; }
.userfacefix.r100 { width: 100px !important; height: 100px !important; border-radius: 50px; }

.g_flogin { padding: 10px; }
.g_flogin a { color: #008040; }
.g_flogin .it { width: 298px; height: 48px; border: solid 1px #e0e0e0; padding: 0 15px; box-sizing: border-box; font-size: 14px; color: #444444; line-height: 48px; }
.g_flogin .it.cc { width: 148px; height: 48px; float: left; }
.g_flogin .btn { height: 50px; display: block; width: 300px; background: #008040; color: #FFFFFF; font-size: 16px; border: 0; cursor: pointer; }
.g_flogin .fpwd { float: right; }


.floatbox { display: none; padding: 20px 5px 20px 20px; background: #ffffff; z-index: 2000; position: fixed !important; position: absolute; }
.floatbox .close { width: 40px; height: 40px; line-height: 40px; font-weight: 700; text-align: center; display: inline-block; font-size: 40px; font-family: Arial, Helvetica, sans-serif; color: #999; position: absolute; right: 20px; top: 15px; }
.floatbox .close:hover { color: #ff6600; text-decoration: none; }
.floatbox .fview { padding-right: 20px; height: 100%; overflow: auto; padding-top: 10px; }
.floatbox .fview .title { padding: 0 0 10px; font-size: 18px; color: #008040; cursor: move; }
.floatbox .fview .tbox { padding: 10px; }
#dvShelter { width: 100%; filter: Alpha(Opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 1001; background-color: #000000; position: fixed !important; top: 0px; left: 0px; right: 0px; bottom: 0px; position: absolute; }

._upfile span { color: blue; margin-right: 10px; white-space: nowrap; display: inline-block; }
._upfile span a { display: inline-block; padding: 3px; margin-right: 4px; background: red; color: #fff; font-size: 12px; }
#upShelter { width: 100%; filter: Alpha(Opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 2001; background-color: #000000; position: fixed !important; top: 0px; left: 0px; right: 0px; bottom: 0px; position: absolute; }
#upMsg { display: none; padding: 20px; font-size: 14px; line-height: 1.5em; background: #ffffff; z-index: 2002; position: fixed !important; position: absolute; border: 1px solid #333; }
#upMsg input { float: right; margin: 20px 0 0; border: 0; padding: 5px 20px; background: #ff4400; color: #fff; }

._picView { left: 0; right: 0; top: 0; bottom: 0; padding: 20px 50px; background: #000; z-index: 2000; position: fixed !important; position: absolute; border: 5px solid #000; overflow: hidden; }
._picView .close { z-index: 2; background: url(/img/close_icon.png) no-repeat center center; width: 43px; height: 43px; text-align: center; display: inline-block; color: #ffffff; position: absolute; right: 10px; top: 10px; }
._picView .close:hover { background: url(/img/chover_icon.png) no-repeat center center; }

._picView .prev { z-index: 1; width: 61px; height: 61px; position: absolute; top: 50%; left: 10px; margin-top: -30px; background: url(/img/arrow_left.png) no-repeat center center; }
._picView .prev:hover { background: url(/img/lhover_icon.png) no-repeat center center; }


._picView .next { z-index: 1; width: 61px; height: 61px; position: absolute; top: 50%; right: 10px; margin-top: -30px; background: url(/img/arrow_right.png) no-repeat center center; }
._picView .next:hover { background: url(/img/rhover_icon.png) no-repeat center center; }
._picView .pbox { display: none; position: absolute; margin: 0; cursor: move; }
._picView .load { z-index: 2; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin-left: -20px; margin-top: -20px; display: inline-block; }


.g_uico { display: inline-block; }
.g_uico i { float: left; margin-right: 5px; width: 20px; }


.g_ucard { position: absolute; display: none; box-sizing: border-box; min-width: 326px; z-index: 1; border: 1px solid #D3D3D3; background: #fff; padding: 10px 15px; font-size: 14px; color: #929292; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.g_ucard .arr { position: relative; left: -25px; top: 0; float: left; margin: -20px 0 0; width: 19px; height: 10px; display: inline-block; background: url(/img/uc_arr.png) no-repeat; }
.g_ucard li { clear: both; overflow: hidden; padding: 8px 0; }
.g_ucard .pfile .face { width: 35px; height: 35px; float: left; margin-right: 10px; }
.g_ucard .pfile .name { color: #000000; display: inline-block; padding-bottom: 6px; }
.g_ucard .pfile .city { font-size: 13px; }
.g_ucard .pfile button { float: right; background: #008040; padding: 5px 15px; border: none; border-radius: 3px; color: #fff; margin: 3px 0 0; cursor: pointer; }
.g_ucard .pfile button.dsb { background: #999; color: #ccc; }
.g_ucard .work { white-space: nowrap; }
.g_ucard .work a { float: left; margin-left: 10px; }
.g_ucard .work a:first-child { margin-left: 0px; }
.g_ucard .work a img { height: 60px; }

.g_ucard .rank { display: none; }
.g_ucard .rank em { margin-left: 20px; color: #434343; }


.g_share34 { margin: 0 3px; width: 34px; height: 34px; overflow: hidden; display: inline-block; float: left; }
.g_share34.qq { background: url(/img/share/qq.png) no-repeat center center; }
.g_share34.qq:hover, .g_share34.qq.on { background: url(/img/share/qq_on.png); }
.g_share34.qzone { background: url(/img/share/qzone.png) no-repeat center center; }
.g_share34.qzone:hover, .g_share34.qzone.on { background: url(/img/share/qzone_on.png); }
.g_share34.weibo { background: url(/img/share/weibo.png) no-repeat center center; }
.g_share34.weibo:hover, .g_share34.weibo.on { background: url(/img/share/weibo_on.png); }
.g_share34.weixin { background: url(/img/share/weixin.png) no-repeat center center; }
.g_share34.weixin:hover, .g_share34.weixin.on { background: url(/img/share/weixin_on.png); }
