@CHARSET "UTF-8";
/* reset css start*/
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav, ul { list-style: none; outline: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; padding: 0 4px; color: #666; font-size: 14px; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; outline: none; }
* { box-sizing: border-box; }
/* reset css end*/
/* base*/
html, body { width: 100%; height: 100%;  }
textarea { vertical-align: top; }
table { border-collapse: collapse; }
body { font-size: 12px; font-family: "Apercu", Calibri, "Microsoft YaHei", tahoma, arial, sans-serif; line-height: 180%; color: #666; background: #fff; }
ul { list-style-type: none; }
a { vertical-align: baseline; background: transparent; color: #404040; text-decoration: none; }
a:hover { color: #4CAF50; }
a:hover { color: #4CAF50; text-decoration: none; outline: none; }
a.link { color: #2679b5; }
a.link:hover { color: #1c5482; }
.clear, .clearfix { clear: both; }
img { border: none; display: inline-block; vertical-align: middle; }
h1, h2, h3, h4, h5, h6 { font-family: "Microsoft Yahei"; font-weight: normal }
.right { float: right; }
.left { float: left; }
.center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.red { color: #ff1100;}
/* input */
button { outline: none }
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { border: 1px solid #e0e0e0; color: #666; height: 35px; line-height: 33px; padding: 5px 5px; background: #fefefe; font-size: 12px; outline: none; }
textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover { border: 1px solid #ccc; background: #f9f9f9; color: #333; outline: none; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); border: 1px solid #ccc; background: #f9f9f9; color: #333; outline: none; }
select { border: 1px solid #e0e0e0; padding: 0 3px; height: 28px; line-height: 28px; color: #333; vertical-align: middle; border-radius: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #fff url('../images/arrow_down2.png') no-repeat 95% 50%; }
select:focus { background-color: #f9f9f9; border-color: #c0c0c0; }
select:active, select:hover { outline: none }
select:active, select:hover { outline-color: red }
/*popup*/
.popup-wrap { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9998; overflow: auto; overflow-y: scroll; background: url("/assets/admin/images/transparent.png") rgba(0, 0, 0, 0.3); }
.popup-widget { z-index: 9999; background: #fff; text-align: left; border-radius: 3px; box-shadow: 0 0 5px rgba(0, 0, 0, .3); font-size: 12px; left: 50%; top: 50%; position: absolute; }
.popup-widget { width: 600px; margin-left: -300px; top: 100px; }
.popup-widget .popup-head { border-bottom: 1px solid #e0e0e0; color: #333; font-weight: normal; font-size: 16px; text-indent: 16px; border-radius: 3px 3px 0 0; line-height: 50px; height: 50px; background: #f6f6f6; position: relative; overflow: hidden; }
.popup-widget .popup-foot { padding: 8px 0; margin: 5px 15px; border-top: 1px solid #f0f0f0; color: #666;}
.popup-widget .popup-content { padding: 8px; overflow: hidden; }
.popup-wrap .popup-head .popup-close { cursor: pointer; position: absolute; top: 16px; right: 16px; z-index: 2; width: 20px; height: 20px; background: url('../images/close.png') no-repeat center center; }
.popup-widget .popup-head .popup-close:hover { color: #f00; cursor: pointer; }
.popup-widget .popup-foot .popup-close { color: #666; }
.popup-wrap .pop-head, .popup-wrap .pop-foot { line-height: 40px;
	background: #f5f5f5;
	font-size: 14px;
	color: #595959;
	padding: 0 10px;
	border-radius: 3px 3px 0 0;
	min-width: initial;
}
.popup-wrap .pop-foot { border-radius: 0 0 3px 3px; }
/* ajax Status*/
#ajaxStatus { position: fixed; left: 50%; top: 50%; text-align: center; width: 500px; margin: 0 0 0 -250px; display: none; z-index: 9999; }
#ajaxStatus .bd { border-radius: 5px; display: inline-block; margin: 0px; box-shadow: 0 0 8px #cee5e3; border: 4px solid rgba(221, 221, 221, 0.7); }
#ajaxStatus #ajaxTip { /*color: #999; /*border-radius: 5px; display: inline-block;*/ line-height: 180%; padding: 8px 16px 8px 30px; /*margin: 0px; box-shadow: 0 0 8px #cEE5E3;/* border-top: none;*/ border: 1px solid #ddd; }
#ajaxStatus .wait { background: #fff url(/assets/admin/images/loading.gif) 8px center no-repeat; /*border: 1px solid #A8E45A;*/ }
#ajaxStatus .err { background: #fff url(/assets/admin/images/status.png) 8px 12px no-repeat; /*border: 1px solid #EB7C67;*/ }
#ajaxStatus .ok { background: #fff url(/assets/admin/images/status.png) 8px -20px no-repeat; /*border: 1px solid #98C46A;*/ }
/* form */
.form { }
.field { line-height: 30px; margin-top: 10px; }
.field-line { border-top: 1px solid #eee; margin: 16px 0 12px; font-size: 14px; color: #999; }
.form .label { font-size: 14px; color: #333; display: inline-block; width: 90px; font-family: '微软雅黑'; }
.field .field-label { font-size: 14px; width: 120px; text-align: right; display: inline-block; padding: 0 8px 0 0; font-family: '微软雅黑'; }
.field .tip { display: none; }
.field .tip.err { display: inline-block; color: #4CAF50; }
.field input.n-invalid { border-color: #4CAF50; background: #fff9f9; }
.field .msg-box { margin-left: 10px; }
.n-error { color: #4CAF50; }
.n-ok { color: #390; }
.n-tip .n-msg,
.n-loading { color: #808080; }
.n-default .n-left,
.n-default .n-right { }
.n-default .n-top .msg-wrap { bottom: 100%; }
.n-default .n-bottom .msg-wrap { top: 100%; }
.n-default .msg-wrap { position: absolute; z-index: 1; }
.n-default .msg-wrap .n-icon { background-image: url("/assets/base/validator/images/validator_default.png"); }
.n-default .n-tip .n-icon { display: none; }
.txt { border: 1px solid #e0e0e0; line-height: 18px; color: #666; padding: 3px 5px; background: #fefefe; width: 172px; outline: none; }
.txt:hover, .txt:focus { box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); border: 1px solid #ccc; background: #f9f9f9; color: #333; }
.chk { border: 1px solid #e0e0e0; }
.red { color: red; }
/* button*/
/*csslint outline-none:false*/
.btn { font-family: inherit; line-height: 1; font-size: 100%; color: #666; padding: 0.5em 1em; word-break: keep-all; white-space: normal; color: rgba(0, 0, 0, 0.80); outline: none; background-color: #f6f6f6; border: 1px solid #e0e0e0; font-weight: normal; cursor: pointer; }
.btn:hover,
a.btn:hover,
a.btn:focus,
.btn:focus, .btn:active { background: #eee; border: 1px solid #cfcfcf; color: #333; }
.btn:disabled, .btn.btn-disabled { background: #eee; border: 1px solid #e9e9e9; }
.btn-small { font-size: 80%; }
.btn-large { font-size: 120%; padding: .9em 2em; }
.btn-big { font-size: 120%; padding: .6em 2em; }
.btn-full { display: block; width: 100%; font-size: 14px; padding: 12px; box-sizing: border-box; }
.btn.btn-main { background: #4CAF50; color: #fff; border: none; text-align: center; }
.btn.btn-main:hover, .btn.btn-main:focus, .btn.btn-main:active { background: #4CAF50; border: none; color: #fff; }
.btn.btn-outline { font-size: 14px; border: 1px solid #f7f7f7; padding: 5px 30px; background: inherit; }
.btn.btn-outline.btn-white:hover { background: #f7f7f7; color: #252729; }
.btn.btn-outline.btn-main:hover { background: #4CAF50; color: #fff; }
.btn.btn-blue { background: #60abd6; color: #fff; border: none; text-align: center }
.btn.btn-radius { border-radius: 5px; }
.btn.btn-blue:hover, .btn.btn-blue:focus, .btn.btn-blue:active { background: #62b4df; color: #fff; border: none; }
.badge { display: inline-block; min-width: 10px; padding: 5px 10px; font-size: 12px; font-weight: normal; color: #fff; text-align: center; line-height: 12px; white-space: nowrap; vertical-align: baseline; background-color: silver; border-radius: 12px; text-shadow: none; }
.badge-outline { background-color: inherit; border: 1px solid #e0e0e0; color: #666; }
.badge-warning { background-color: #ec971f; }
.badge-success { background-color: #5cb85c; }
.badge-gray { background-color: gray; }
.badge-sky { background-color: skyblue; }
.badge-red { background-color: #f00; }
.widget { border: 1px solid #deeffb; margin: 0 0 12px; }
.widget-title { line-height: 36px; font-size: 14px; font-family: 'microsoft yahei'; padding: 0 8px; margin: 0; color: #333; border-bottom: 1px solid #dededf; background: #fafafa; }
.widget-title .icon { color: #8089a0; }
small { font-size: 12px; color: #8089a0; }
.widget-title .right a { font-size: 12px; color: #8089a0; }
.widget-title .right a:hover { color: #4CAF50; }
/*公共容器*/
.contain { width: 1200px; margin: 0 auto; position: relative; }
.contain::after { content: ''; display: table; clear: both; overflow: hidden }
.clearfix { clear: both; }
.clearfix::after { content: ''; display: table; clear: both; }
/*通用*/
.mt_20 { margin-top: 20px; }
.mt_30 { margin-top: 30px; }
.mt_40 { margin-top: 40px; }
.mt_50 { margin-top: 50px;}
.mt_10 { margin-top: 10px; }
.mt-20 { margin-top: -20px; }
.mt_80 { margin-top: 66px; }
.mb_10 { margin-bottom: 10px; }
.mb_20 { margin-bottom: 20px; }
.mb_30 { margin-bottom: 30px; }
.mb_43 { margin-bottom: 43px; }
.pt_40 { padding-top: 40px; }
.pb_50 { padding-bottom: 50px; }
.pb_10 { padding-bottom: 10px; }
.pt_125 { padding-top: 125px; }
.pt_90 { padding-top: 90px; }
.pt_118 { padding-top: 118px; }
.pd_LR_10 { padding-left: 10px; padding-right: 10px; }
.pd_10_15 { padding: 10px 15px; }
.bodyBg2 { background: #fcfcfc; }
.columns700_280, .columns640_340 { }
.columns700_280:after, .columns640_340:after { content: ''; display: table; clear: both; overflow: hidden }
.columns700_280 > .col_right { width: 280px; float: right; }
.columns700_280 > .col_left { width: 700px; float: left; }
.columns640_340 > .col_right { width: 640px; float: right; }
.columns640_340 > .col_left { width: 340px; float: left; }
.fl { float: left; }
.fr { float: right; }
.noData { padding: 10px; text-align: center; }
/*分页*/
.pagi { background: #fff; line-height: 24px; margin: 8px 0; font-size: 12px; padding: 8px 0; display: block; clear: both; }
.pagi a { text-decoration: none; border: 1px solid #e0e0e0; padding: 0 4px; color: #666; }
.pagi a:hover { background: #f0f0f0;  color: #666; border-color: #e0e0e0; }
.pagi a, .pagi span { display: inline-block; text-decoration: none; margin-right: 5px; padding: 0 8px; border-radius: 2px }
.pagi .arrow { display: none; }
.pagi .fst-page, .pagi .last-page { display: none; }
.pagi .arrow { display: none; }
.pagi .disabled { border: 1px solid #e0e0e0; background: #fafafa; color: #bbb; }
.pagi .split { display: none; }
.pagi .current { color: #4CAF50; border: 1px solid #e0e0e0; }
.pagi .right-span { display: none; }
.pagi .active.prev, .pagi .active.next { color: #999; background: #eee; border-color: #eee; }
.pagi .active { background-color: #f0f0f0; border-color: #f0f0f0;}
/*通用按钮*/
.mBtn { display: block; cursor: pointer; width: 80px; height: 45px; margin-left: 500px; line-height: 45px; text-align: center; color: #fff; background: #4CAF50; border: 1px solid #4CAF50; border-radius: 2px; }
.mBtn:hover { background: #4CAF50; border: 1px solid #4CAF50; }
/*头部样式*/
.header { background-color: #fff; color: #777;/* border-bottom: 1px solid #f2f3f5; box-shadow: 0 0 5px rgba(0,0,0, .3);*//*background: #252729; color: #f7f7f7;*/ width: 100%; position: relative; z-index: 16; height: 66px; /*min-width: 1000px;*/ top: 0;}
.header::after { content: ''; display: table; clear: both; overflow: hidden }
.header.fixed { position: fixed; }
.header .head-left { float: left }
.header .head-left a { line-height: 66px }
.header .head-left i { color: #b2b2b2; font-size: 16px; vertical-align: middle; padding: 0 8px; position: relative }
.header .head-left i span { position: absolute; width: 180px; height: 180px; background: #fff; padding: 10px; left: -74px; display: none; box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.2); }
.header .head-left i:hover span { display: block }
.header .head-left i span em { width: 0; height: 0; border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; left: 80px; top: -10px; }
.header .head-right { float: right }
.header .head-right .nav li { float: left; cursor: pointer; height: 66px; line-height: 66px; }
.header .head-right .nav li.city i { font-size: 13px; }
/*.header .head-right .nav > li:hover { background: #F6B837; color: #fff; }*/
.header .head-right .nav > li:hover > a { color: #4CAF50;}
.header .head-right .nav > li.active { border-bottom: 3px solid #4CAF50 }
.header .head-right .nav > li.active > a { color: #4CAF50 }
.header .head-right .nav > li > a { color: #777; text-decoration: none; font-size: 14px; padding:20px; }
/*.header .head-right .nav > li > a.on { color: #edae49 }*/
.header .head-right .nav .login a { font-size: 14px; border: 1px solid #4CAF50; padding: 5px 10px;color:#4CAF50; }
.header .head-right .nav .login:hover { background: inherit }
.header .head-right .nav .login:hover a { background: #fff; color: #4CAF50; }
.header .head-right .nav li.login { padding: 0 20px }
.header .head-right .nav li.register a { font-size: 14px; border: 1px solid #4CAF50;; padding: 6px 30px; color: #4CAF50; }
.header .head-right .nav li.register a:hover { color: #fff }
.header .head-right .nav .register:hover { background: inherit; }
.header .head-right .nav .register:hover a { background: #4CAF50;; color: #fff; }
.header .head-right .nav li.my-msg { width: 30px; height: 30px; margin-bottom: 20px; position: relative; margin-left: 10px; }
.header .head-right .nav li.my-msg:hover, .header .head-right .nav li.user-more:hover { background: transparent; }
.header .head-right .nav li.my-msg:hover i, .header .head-right .nav li.user-more:hover i { color: #4CAF50; }
.header .head-right .nav li.my-msg i { font-size: 24px; }
.header .head-right .nav li.user-more { width: 35px; height: 66px; margin-left: 10px; text-align: center; position: relative }
.header .head-right .nav li.user-more i { font-size: 58px; position: absolute; left: -5px; }
.header .head-right .nav li.my-msg em { display: block; font-style: normal; font-size: 10px; font-family: arial; color: #fff; background: #4CAF50;; width: 18px; height: 18px; border-radius: 50px; line-height: 18px; text-align: center; position: absolute; right: -3px; top: 12px; }
.header .head-right .nav li.my-msg em.spill { }
.head .city-drop { background: #252729; width: 100%; overflow: hidden; color: #f7f7f7; position: fixed; left: 0; top: 63px; padding: 10px 0 20px; z-index: 11; display: none; }
.head .city-drop .city-down { float: left; padding: 0 184px }
.head .city-drop .city-down p { font-size: 16px; color: #4CAF50; line-height: 30px; }
.head .city-drop .city-down ul li { line-height: 30px; float: left; padding: 0 10px; width: 70px; text-align: center; }
.head .city-drop .city-down ul li a { color: #fff; }
.head .city-drop .city-down ul li:hover a { color: #4CAF50 }
.head .logined-drop { position: absolute; font-size: 14px; top: 65px; right: 0;/* background: #252729; opacity: .8;*/ background-color: #fff; box-shadow: 0 2px 6px 0 rgba(1,35,56,0.10); border: 1px solid#ededed; display: none; z-index: 11; }
.head .logined-drop li { padding: 0 30px; line-height: 40px; border-top: 1px solid #ededed; cursor: pointer; }
.head .logined-drop li a { display: block; color: #777; }
.head .logined-drop li a:hover { display: block; color: #999; }
.masklayer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 998; overflow: auto; /*overflow-y: scroll; */ background: url("/assets/admin/images/transparent.png"); display: none; }
/*底部样式*/
.footer { background: #252729; width: 100%; padding: 35px 0 15px; color: #fff; font-size: 14px; /*min-width: 1000px;*/ position: relative }
.footer .foot-logo { float: left; width: 350px; }
.footer .foot-logo a.logo { font-size: 30px; color: #f7f7f7; }
.footer .foot-left { float: left; color: #b2b2b2; position: absolute; left: 0; bottom: 15px; }
.footer .foot-left ul { overflow: hidden; padding-bottom: 20px; }
.footer .foot-left ul li { float: left; margin-right: 30px; }
.footer .foot-left ul li:last-child a { color: #4CAF50 }
.footer .foot-left ul li a { color: #b2b2b2; text-decoration: none; font-size: 16px; }
.footer .foot-left ul li a:hover { color: #4CAF50 }
.footer .foot-left p a { color: #b2b2b2 }
.footer .foot-logo .foot-city { margin: 70px 0 40px; }
.footer .foot-logo .foot-city td { width: 85px; line-height: 65px; font-size: 18px; }
.footer .foot-logo .foot-city td a { color: #b2b2b2; }
.footer .foot-logo .foot-city td a:hover { color: #4CAF50 }
.footer .foot-logo .city-08 { color: #fff; margin-bottom: 60px; font-size: 18px; }
.footer .foot-logo .city-08 span { color: #4CAF50; float: left; font-size: 66px; padding: 14px 0; font-family: Calibri, "Microsoft YaHei"; }
.footer .foot-logo .city-08 p { margin-left: 30px; line-height: 24px; }
.footer .foot-left .hr { border-top: 1px solid #121314; width: 100%; margin: 0; padding: 0 }
.footer .foot-left .hr01 { border-top: 1px solid #3c3f42; }
.footer .foot-right { width: auto; display: inline-block; margin-left: 10px; vertical-align: bottom }
.footer .foot-right a > img { width: 25px; height: 25px; }
.footer .foot-right a { position: relative; margin-right: 3px; }
.footer .foot-right .down-icon { width: 30px; height: 30px; background: #323538; border-radius: 50%; display: inline-block; margin: -6px 0; color: #b2b2b2; text-align: center; line-height: 30px; }
.footer .foot-right .down-icon i { font-size: 24px; }
.footer .foot-right .window-icon i { font-size: 18px; vertical-align: 2px; }
.footer .foot-right .printer-icon i { font-size: 18px; vertical-align: 2px; }
.footer .foot-right a:hover .erweima { display: block; }
.footer .foot-right .erweima { height: 205px; padding: 10px; background: #fff; text-align: center; position: absolute; left: -74px; top: -228px; display: none; box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.2); }
.footer .foot-right .erweima img { margin-bottom: 5px; }
.footer .foot-right .erweima p { font-size: 14px; height: 15px; line-height: 14px; color: #505050; margin-bottom: 10px; }
.footer .foot-right .erweima .arrow { width: 0; height: 0; border-top: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; left: 0px; right: 0px; margin: auto; bottom: -10px; }
.footer .foot-right .erweima.printer { height: auto; top: -68px; width: 140px; left: -55px; }
.footer .foot-right .erweima.printer p { margin-bottom: 0px; line-height: 24px; height: 24px; }
.footer-single { background-color: #f9f9f9; line-height: 42px; border-top: 1px solid #ddd; color: #999; /*position: fixed; left: 0; right: 0; bottom: 0; z-index: 10*/ }
.footer-single .footer-wrap { margin: 0 auto; width: 1000px; }
.footer .foot-map { float: left; width: 650px; }
/*
.footer.city{padding:40px 15px;}
.footer.city .container{width: 1000px;margin: 0 auto;position: relative;overflow: hidden}
@media (max-width: 1580px){.footer.city{min-width: 810px;} .footer.city .container{width: 810px;} .footer.city .foot-left{margin-left: 45px;width: 580px;} .footer.city .foot-right{padding:0 0 0 10px;} .footer.city .foot-right a{display: block;margin-bottom: 10px;}}
*/
.pagination { background: #fff; line-height: 24px; margin: 8px 0; font-size: 12px; }
.pagination li { display: inline-block; margin-right: 5px; }
.pagination a { text-decoration: none; border: 1px solid #e0e0e0; padding: 0 4px; color: #666; }
.pagination a, .pagination span { display: inline-block; padding: 0 8px; }
.pagination .active { background: #4CAF50; color: #fff; }
.pagination .active a { color: #fff; }
.pagination .prev.active a { color: #999; }
.pagination .next.active a { color: #999; }
.pagination .active.prev, .pagination .active.next { color: #999; background: #fff; }
/** comment list **/
.comment { padding: 10px 0; border-top: 1px solid #e0e0e0; margin: 0 0 8px; font-size: 13px; color: #666; min-width: 300px; }
.comment .avatar { width: 40px; float: left; margin: 0 8px 0 0; border: 1px solid #e0e0e0; border-radius: 50%; overflow: hidden }
.comment .avatar img { width: 40px; height: 40px; display: block; border-radius: 3px; }
.comment .info { margin: 0 8px; }
.comment .info span { float: right; }
.comment .line { padding: 8px 0 0 0; border-bottom: 1px solid #e0e0e0; }
.comment .sec-box { padding: 10px; background-color: #fff; border-bottom: 1px solid #ddd; }
.comment .sec-comments { width: 85%; overflow: hidden; float: left; }
.comment .say { margin: 8px 0; padding-right: 15px; color: #505050; font-size: 14px; }
.comment .say01, .comment .say02 { color: #999; }
.comment .say02 { color: #999; font-weight: bold }
.comment .say01 a { color: #4CAF50 }
.comment .sec-comments .thr-box { margin: 8px 0; }
.comment .post-time { font-size: 10px; margin-right: 10px; /*font-style: italic;*/ color: #999; }
.comment .del-comment-btn, .comment .reply-btn { color: #999 }
.comment .del-comment-btn:hover, .comment .reply-btn:hover { color: #4CAF50 }
.comment .sec-comments .thr-comments { float: left; min-width: 240px; max-width: 494px; }
.comment .fst-reply-form { margin-bottom: 10px; }
.comment .reply-area { border: 1px solid #e0e0e0; height: 40px; line-height: 18px; width: 98%; color: #666; font-size: 12px; clear: both; margin-top: 5px; }
.comment .sec-box .reply-area { width: 98%; line-height: 15px; height: 40px; margin-top: 4px; }
.comment .reply-form { width: 100%; height: 30px; margin: 10px 0; position: relative; }
.comment .reply-form .reply-txt { position: absolute; left: 0; right: 54px; box-sizing: border-box; }
.comment .reply-form .reply-txt .reply-area { margin: 0; padding: 0 8px; line-height: 30px; height: 35px; background-color: #fff; resize: none; }
.comment .reply-form .reply-tool { position: absolute; right: 0; top: 0; width: 54px; height: 35px; }
.comment .reply-form .reply-tool .btn { width: 54px; height: 35px; line-height: 24px; background-color: #4CAF50; color: #fff; border: none; }
.sns-attr a.done { color: #4CAF50 }
.sns-attr a.done .icons { color: #4CAF50 }
.sns-attr a.done .count { color: #4CAF50 }
.mark { display: inline-block; padding: .3em .6em .3em; font-size: 90%; font-weight: normal; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 2px; }
.mark-yellow { background-color: #4CAF50; }
.sns-attr .sns_like { position: relative; }
.sns-attr .sns_favorite { position: relative; }
.sns-attr a.done .icon:before { color: #4CAF50 }
.share-btn { margin: 0; padding: 0 }
.share-btn { display: inline-block; margin-top: 15px; }
.share-btn a.share_icon { display: inline-block; width: 40px; height: 40px; background: url(/assets/home/images/share-icon.png) no-repeat; vertical-align: middle; margin-right: 10px; padding: 0; position: relative; background-size: 50px }
.share-btn a.share_icon:hover { opacity: .6 }
.share-btn a.share_icon:hover span { display: block }
.share-btn .share_tip { display: inline-block; line-height: 16px; height: 16px; padding: 2px 0 0 0; vertical-align: middle; font-family: "微软雅黑"; color: #666; font-size: 12px; font-weight: normal; font-style: normal }
.share-btn a#qqshare { background-position: -6px -170px; }
.share-btn a#wx { background-position: -10px -87px; }
.share-btn a#dbshare { background-position: -6px -323px; }
.share-btn a#rrshare { background-position: -6px -277px; }
.share-btn a#bdshare { background-position: 0 -160px }
.share-btn a#taoshare { background-position: 0 -560px }
.share-btn a#qq { background-position: -10px -162px; }
.share-btn a#wbshare { background-position: -6px -5px; }
.share-btn a#kxshare { background-position: 0 -280px }
.share-btn a#tieshare { background-position: 0 -600px }
.share-btn a#msnshare { background-position: 0 -480px }
.share-btn a#t163share { background-position: 0 -720px }
.share-btn a#shshare { background-position: 0 -440px }
.share-btn a#tyshare { background-position: 0 -1000px }
.share-btn a.relay-btn { background-position: -6px -372px; }
.share-btn a.share_icon span { width: 120px; height: 120px; display: none; position: absolute; top: -128px; left: -37px; padding: 10px; border: 1px solid #ddd; background: #fff }
.share-btn a.share_icon span i { display: block; width: 10px; height: 10px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; transform: rotate(135deg); -webkit-transform: rotate(135deg); position: absolute; bottom: -5px; left: 55px; background: #fff }
/*登陆/注册模块*/
.loginForm { width: 300px; margin: 0 auto 40px; }
.loginForm .field { margin: 0 0 12px; }
.loginForm .input { width: 100%; height: 40px; line-height: 38px; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }
/*.loginForm select .state-code{width: 90px; height: 40px; line-height: 38px;}*/
/*.loginForm .input .account{width: 205px; height: 40px; line-height: 38px;}*/
.loginForm a { color: #333; }
.loginForm a:hover { color: #666; }
.tab-pane { display: none; }
.tab-pane.active { display: block; }
.tabs { font-size: 14px; font-family: 'Microsoft YaHei'; border-bottom: 2px solid #eee; height: 45px; line-height: 45px; margin-bottom: 12px; }
.tabs .tab { display: inline-block; height: 45px; /* background-color: #f0f0f0; border: 1px solid #d0dbe7;*/ color: #999; position: relative; z-index: 11; padding: 0 45px; }
.tabs .tab.active { /*background: #4cb329; border-color: #4cb329;*/ /*color: #505050; border-bottom: 2px solid #e5a822;*/  }
.tabs .tab.active a { color: #fff; }
.mForm { }
.mForm > .items { margin-bottom: 15px; position: relative }
.mForm > .items:after { clear: both; display: block; width: 100%; height: 0; content: ""; }
.mForm > .items:last-child { margin-bottom: 0; }
.mForm > .items > .bd { width: 300px; float: left; margin-left: 149px; }
.mForm > .items > .bd .forgetBtn { float: right; }
.mForm > .items > .tips { width: 149px; float: left; padding: 0 10px; }
.mForm > .items > .tips > .con { height: 45px; line-height: 43px; border: 1px solid #fff; padding: 0 10px; display: none; }
.mForm > .items > .tips.error > .con { display: block; border-color: #ffbdbe; background: #ffebeb; color: #f00; }
.mForm .submitBtn, .mForm .submitBtn.loading { display: block; height: 45px; width: 100%; line-height: 45px; text-align: center; color: #fff; background: #4CAF50; }
.mForm .submitBtn:active { background: #4CAF50; }
.mInput { display: block; width: 100%; height: 45px; line-height: 43px; border: 1px solid #ddd; padding: 0 10px; }
.mInputDrop { padding-left: 60px; position: relative; }
.mInputDrop > .drop { position: absolute; left: 0; top: 0; cursor: pointer; width: 60px; height: 45px; line-height: 43px; text-align: center; border: 1px solid #ddd; border-right: 0; }
.mInputDrop > .drop > .checked { height: 43px; background: #fff url('../images/arrow_down2.png') no-repeat 47px center; }
.mInputDrop > .drop > ul { display: none; position: absolute; left: -1px; top: 43px; z-index: 1; width: 61px; background: #fff; border: 1px solid #ddd; }
.mInputDrop > .drop li { border-bottom: 1px solid #ddd; height: 45px; }
.mCode { display: block; cursor: pointer; font-size: 12px; color: #999; height: 45px; border: 1px solid #ddd; background: #fafafa; line-height: 43px; text-align: center; }
.mCode > em { font-style: normal; color: #4CAF50; }
.mInputCode { overflow: hidden; position: relative; }
.mInputCode > .mCode { width: 115px; margin-left: 15px; position: absolute; right: 0; top: 0; }
.mInputCode > p { padding-right: 125px; }
/*社区、个人中心共用模块*/
/* 通用 顶部菜单栏 */
.mDirectoryMenu { font-family: 'Microsoft YaHei'; opacity: .9; position: fixed; z-index: 10; left: 0; right: 0; top: 66px; width: 100%; height: 40px; background: rgb(255, 255, 255); box-shadow: 2px 2px 2px rgba(150, 150, 150, .3); overflow: hidden; }
.mDirectoryMenu ul { height: 40px; overflow: hidden; text-align: center; }
.mDirectoryMenu ul li { display: inline-block; width: 12%; text-align: center; border-bottom: 4px solid #fff; transition: border-bottom .5s ease-in-out; -moz-transition: border-bottom .5s ease-in-out; -webkit-transition: border-bottom .2s ease-in-out; }
.mDirectoryMenu ul li a { text-align: center; display: block; height: 36px; line-height: 40px; font-size: 13px; color: #999; }
.mDirectoryMenu ul li.current { border-bottom-color: #4CAF50; }
.mDirectoryMenu ul li a:hover, .mDirectoryMenu ul li.current a { color: #404040; }
.mDirectoryMenu .contain { padding-left: 82px; }
/* 通用 左侧筛选栏 */
.mfilters { }
.mfilters .title { line-height: 40px; font-size: 15px; display: inline; padding-top: 5px; border-top: 3px solid #808080; color: #808080; letter-spacing: 0 }
.mfilters .options select { width: 100%; height: 36px; background: #fff url('../images/arrow_down2.png') no-repeat 148px 15px; padding: 0 35px 0 8px; border: 1px solid #ddd; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.mMultiples { /* background: #f7f7f7 url('../images/arrow_down2.png') no-repeat 138px 19px;*/ position: relative }
.mMultiples > .choiceCon { height: 40px; line-height: 40px; padding: 0 35px 0 10px; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mMultiples > ul { padding: 5px 0; border-top: 1px solid #ddd; display: none; position: absolute; background-color: #fff; width: 100%; z-index: 2; }
.mMultiples > ul > li { line-height: 35px; text-indent: 15px; }
.mMultiples > ul > li input[type=checkbox] { }
.mMultiples > ul > li label { margin-left: 3px; }
.mMultiples > .choice-box > li:hover { background: #4CAF50; color: #fff; cursor: pointer }
/*通用帖子模块*/

.topic-item { border: 1px solid #ddd; border-radius: 2px; margin-bottom: 10px; background: #fff; font-size: 14px; }
.topic-item:after { content: ''; display: block; clear: both; overflow: hidden }
.topic-item:last-child { margin-bottom: 0; }
.topic-item .titem-top { padding: 5px 10px; background: #fcfcfc; border-bottom: 1px solid #f7f7f7 }
.topic-item .titem-top span { width: 60px; height: 60px; display: block; border-radius: 50%; border: 1px solid #fafafa; background: #f1f1f1; overflow: hidden; z-index: 2; position: absolute; }
.topic-item .titem-top span img { width: 100%; height: 100%; }
.topic-item .titem-top .name-msg { padding-left: 75px; position: relative; padding-top: 8px; min-height: 60px; }
.topic-item .titem-top .name-msg .name { margin-bottom: 3px; }
.topic-item .titem-top .name-msg .name a { font-size: 16px; color: #000; text-decoration: none; font-family: '幼圆' }
.topic-item .titem-top .name-msg .name a.attend-btn { border: 1px solid #4CAF50; display: inline-block; margin-left: 10px; text-align: center; background: #fff; border-radius: 2px; padding: 0 6px; height: 22px; line-height: 22px; color: #4CAF50; font-size: 12px; }
.topic-item .titem-top .name-msg .name a.attend-btn:hover { background: #4CAF50; color: #fff; }
.topic-item .titem-top .name-msg .name a.attend-btn .icons { font-size: 10px; }
.topic-item .titem-top .name-msg .name a.attend-btn.active { border: 1px solid #666b75; color: #666b75; display: inline-block; margin-left: 10px; text-align: center; background: #fff; border-radius: 2px; padding: 0 6px; height: 22px; line-height: 22px; font-size: 12px; }
.topic-item .titem-top .name-msg .name a.attend-btn.active:hover { background: #666b75; color: #fff; }
.topic-item .titem-top .name-msg .name a.attend-btn.active .icons { font-size: 12px; }
.topic-item .titem-top .name-msg .name .more { display: block; width: 20px; font-style: normal; height: 20px; cursor: pointer; position: absolute; right: 0; top: 6px; z-index: 2; }
.topic-item .titem-top .name-msg .name .more i { padding: 0 1px; }
.topic-item .titem-top .name-msg .name .on { background-color: #fafafa; border: 1px solid #eee; border-bottom: none; }
.topic-item .titem-top .name-msg .company { color: #252729; }
.topic-item .titem-top .name-msg .company i { font-style: normal; padding-right: 5px; cursor: default; color: #999; width: 290px; display: inline-block; font-size: 12px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.topic-item .titem-top .name-msg .company i.off { border: none; }
.topic-item .titem-top .name-msg .company em { font-style: normal; float: right; color: #999 }
.topic-item .titem-top .name-msg .company .hr { font-size: 12px; color: #fff; padding: 0 3px; background-color: #4CAF50; margin: 0 5px; font-style: normal; display: inline-block; }
.topic-item .titem-top .name-msg .company .rz { font-size: 12px; background: #98bd8c; font-style: normal; color: #fff; padding: 2px 3px; margin: 0 5px; }
.topic-item .titem-top .name-msg a:hover { color: #4CAF50; }
.topic-item .titem-top .name-msg .more-drop { background: #fafafa; border: 1px solid #eee; position: absolute; right: 0; top: 24px; padding: 5px 0; line-height: 26px; display: none; }
.topic-item .titem-top .name-msg .more-drop ul li { padding: 0 25px; cursor: pointer; }
.topic-item .titem-top .name-msg .more-drop ul li:hover { background: #4CAF50; color: #fff; }
.topic-item .titem-top .name-msg .more-drop ul .reported { background: url(../images/reported.png) no-repeat 20px 8px; text-indent: 20px; color: #7ab9de }
.topic-item .titem-top .name-msg .more-drop ul .reported:hover { color: #7ab9de; background: url(../images/reported.png) no-repeat 20px 8px #fafafa; }
.topic-item .titem-detial { padding: 5px 10px; min-height: 40px; }
.topic-item .titem-detial > a { display: block; min-height: 70px; }
.topic-item .titem-detial .mark { color: #fff }
.topic-item .titem-detial p { line-height: 24px; color: #505050; word-break: break-all; }
.topic-item .titem-detial p s { text-decoration: none }
.topic-item .titem-detial p img { width: 22px; }
.topic-item .titem-detial p a:hover { color: #505050 }
.topic-item .titem-detial p a.out-link { border: 1px solid #ddd; background: #f2f2f5; color: #4CAF50; padding: 0 2px; margin: 0 3px; font-size: 12px; display: inline-block; height: 20px; line-height: 18px; }
.topic-item .titem-detial p a.out-link .icons { color: #696e78; border-right: 1px solid #ddd; padding: 0 3px; font-size: 12px; margin-right: 3px; }
.topic-item .titem-detial .pic-list { overflow: hidden; width: 100%; position: relative; padding: 5px 0; }
.topic-item .titem-detial .pic-list ul { overflow: hidden; width: 489px; }
.topic-item .titem-detial .pic-list ul li { float: left; margin-right: 2px; margin-bottom: 2px; width: 161px; height: 161px; background: #f9f9f9; }
.topic-item .titem-detial .pic-list ul.img04 { width: 335px; }
.topic-item .titem-detial .pic-list ul.img01 li { width: 240px; height: 240px; }
.topic-item .titem-detial .pic-list ul li img { width: 100%; }
.topic-item .titem-detial .activity-detail { height: 161px; display: inline-block; position: relative;}
.topic-item .titem-detial .activity-detail .activity-cover { height: 161px; display: inline-block;}
.topic-item .titem-detial .activity-detail .activity-cover img { height: 100%;}
.topic-item .titem-detial .activity-detail .activity-txt { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 20px; background-color: rgba(0,0,0,0.1); display: inline-block;}
.topic-item .titem-detial .activity-detail .activity-txt p { color: #fff;}
.topic-item .titem-detial .activity-detail .activity-txt p.act-title { font-size: 16px; font-weight: bold;}
.topic-item .discuss-box { padding: 0 20px; background: #fcfcfc; border-top: 1px solid #f7f7f7 }
.topic-item .discuss-box::after { content: ''; display: table; clear: both; overflow: hidden }
.topic-item .discuss-box .sns-item { line-height: 40px; margin-right: 20px; border-right: 1px solid #ddd; padding-right: 10px; }
.topic-item .discuss-box .sns-item a { color: #999 }
.topic-item .discuss-box .sns-item:hover a { color: #4CAF50; }
.topic-item .discuss-box .sns-item:nth-child(4n) { border-right: none; }
.topic-item .blue { color: #2a6bb2 !important; font-weight: bold }
.sns-item:last-child { border-right: none; }
.sns-item.shareTo { position: relative; }
.sns-item.shareTo:hover .wayBox { display: block }
.sns-item.shareTo .wayBox { position: absolute; background: #fff; width: 219px; left: 50%; bottom: 23px; margin-left: -112px; display: none; border: 1px solid #eee; height: 40px; z-index: 1 }
.sns-item.shareTo .wayBox em.icon0 { width: 12px; height: 12px; display: block; position: absolute; left: 50%; bottom: -6px; border-right: 1px solid #ddd; border-top: 1px solid #ddd; transform: rotate(135deg); -webkit-transform: rotate(135deg); background: #fff; margin-left: -9px; z-index: -1 }
.sns-item.shareTo .wayBox .share_icon { display: inline-block; width: 40px; height: 40px; overflow: hidden; background: url('/assets/home/images/share-icon.png') no-repeat; background-size: 45px; border-right: 1px solid #eee }
.sns-item.shareTo .wayBox .share_icon:last-child { border-right: 0 }
.sns-item.shareTo .wayBox .shareTo_wb { background-position: -4px -4px; }
.sns-item.shareTo .wayBox .shareTo_qq { background-position: -6px -103px;; }
.sns-item.shareTo .wayBox .shareTo_db { background-position: -5px -289px; }
.sns-item.shareTo .wayBox .shareTo_rr { background-position: -6px -248px; }
.sns-item.shareTo .wayBox .relay-btn { background-position: -6px -334px; border-right: none; }
.topic-item .discuss-box .sns-item i { font-style: normal }
.topic-item .discuss-box .sns-item i.sns { font-size: 20px; vertical-align: middle }
.topic-item .discuss-box .sns-item i.icon-fenxiang { font-size: 26px; }
.topic-item .discuss-box .guide-btns li { float: left; height: 50px; line-height: 50px; margin-right: 30px; cursor: pointer; background: url(../images/comment-icon.png) no-repeat -9px 3px; padding-left: 27px; }
.topic-item .discuss-box .guide-btns li.zan { background-position: -9px -35px; position: relative }
.topic-item .discuss-box .guide-btns li.zan i { font-style: normal; color: red; position: absolute; left: 13px; top: -5px; opacity: 0 }
.topic-item .discuss-box .guide-btns li.collect { background-position: -9px -106px; }
.topic-item .discuss-box .guide-btns li.zan.active { background-position: -9px -73px; }
.topic-item .discuss-box .guide-btns li.collect.active { background-position: -9px -139px; }
.topic-item .discuss-box .guide-btns li.active { color: #4CAF50; }
.topic-item .comment-part { position: relative; padding: 10px 20px; background: #f4f4f6 }
.topic-item .comment-part span { position: absolute; left: 20px; top: 7px; width: 40px; height: 40px; display: block; border-radius: 50%; overflow: hidden }
.topic-item .comment-part span img { width: 100%; height: 100%; }
.topic-item .comment-part .com-input { margin-left: 55px; margin-right: 85px }
.topic-item .comment-part .com-input input { width: 100%; height: 35px; line-height: normal; border: 1px solid #ddd; padding: 5px 10px; }
.topic-item .comment-part .com-input input:focus { border: 1px solid #4CAF50 }
.topic-item .comment-part .com-publish { position: absolute; right: 20px; top: 10px; height: 35px; width: 75px; line-height: 35px; color: #fff; cursor: pointer }
.topic-item .comment-box { padding: 20px 20px 10px; background: #f4f4f6; position: relative; display: none; }
.topic-item .comment-box .commenter span { width: 40px; height: 40px; display: block; float: left; border-radius: 50%; overflow: hidden }
.topic-item .comment-box .commenter span img { width: 100%; height: 100%; }
.topic-item .comment-box .commenter p { padding-left: 50px; }
.topic-item .comment-box .commenter .company { color: #999 }
.topic-item .comment-box .commenter .company em { margin: 0 20px; font-style: normal; }
.topic-item .comment-box .com-detial { line-height: 24px; padding-left: 50px; margin: 10px 0; }
.topic-item .comment-box .com-detial a { color: #4CAF50; padding-right: 5px; }
.topic-item .comment-box .com-reply { padding-left: 50px; }
.topic-item .comment-box .com-reply .reply-btn:hover { color: #4CAF50; cursor: pointer }
.topic-item .comment-box ul li { border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px; }
.topic-item .comment-box ul li:last-child { margin-bottom: 0; }
.topic-item .reply-box { background: #fff; margin-top: 10px; display: none; margin-left: 20px; }
.topic-item .reply-box .com-input { margin-left: 0 }
.topic-item .comment-box .loading-more { position: absolute; bottom: 2px; left: 38%; background: #f4f4f6; padding: 0 15px; cursor: pointer; }
.topic-item .comment-box .loading-more:hover { color: #4CAF50 }
.col_left > .fix-box { position: relative; width: inherit; margin-top: 55px; }
.col_left > .fix-box.on { position: fixed; margin-top: 0; }
.topic-item .titem-detial.transfer-part { background: #f5f6f7 }
.topic-item .titem-detial.transfer-part .share-name a { font-size: 16px; color: #537bac }
.topic-item .transfer-part2 { background: #f5f6f7; padding: 5px 10px; height: 90px; }
.topic-item .transfer-part2 .avatar { width: 80px; height: 80px; overflow: hidden; display: inline-block; float: left; }
.topic-item .transfer-part2 .avatar img { width: 100% }
.topic-item .transfer-part2 .share-detail { padding-left: 90px; line-height: 26px; }
.topic-item .transfer-part2 .share-detail small { color: #537bac; font-size: 14px; }
.topic-item .transfer-part2 .share-detail h2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #404040 }
.topic-item .transfer-part2 .share-detail p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: #999 }
/*举报框*/
.push { width: 600px; height: 370px; background: #fff; position: fixed; left: 50%; top: 50%; margin-top: -185px; margin-left: -300px; z-index: 999; display: none; font-size: 14px; }
.push .relative { position: relative; }
.report-box { padding: 20px 40px; }
.report-box p:first-child { margin: 10px 0 }
.report-box p { line-height: 24px; }
.report-box p a { color: #edae49; text-decoration: none; }
.report-box .report-detial { background: #fafafa; border: 1px solid #eee; padding: 20px 10px; margin-bottom: 20px; overflow: hidden; }
.report-box .report-detial span { float: left; }
.report-box .report-detial span img { width: 50px; height: 50px; border-radius: 50%; }
.report-box .report-detial p { padding-left: 60px; }
.report-box .select { margin-top: 10px; }
.report-box .submit-btn { height: 35px; margin: 35px 140px 0; color: #fff; line-height: 35px; width: 215px }
.push i { position: absolute; right: -25px; top: -20px; cursor: pointer; font-size: 22px; color: #999 }
.report-success, .shield-box { padding: 40px; text-align: center; }
.report-success p, .shield-box p { margin: 20px 0 40px; }
.report-success .report-success-btn, .shield-box .shield-btn { width: 240px; height: 40px; line-height: 40px; color: #fff; display: block; position: relative; left: 50%; margin-left: -120px; }
/*通用弹框下拉筛选*/
.select-single { position: relative; background: #fff; z-index: 9 }
.select-single .select-area { height: 35px; border: 1px solid #ddd; padding: 0 10px; line-height: 35px; cursor: pointer; width: 100%; }
.select-single .select-area.on { border-color: #4CAF50 }
.select-single ul { padding: 5px 0; border: 1px solid #4CAF50; border-top: 0; position: absolute; top: 30px; width: 100%; display: none; background: #fff; max-height: 300px; overflow-y: auto; overflow-x: hidden; }
.select-single ul li { line-height: 30px; padding: 0 10px; cursor: pointer; background: #fff; }
.select-single ul li:hover { background: #4CAF50; color: #fff; }
/*推荐活动*/
.activity-show { margin-bottom: 10px; background: #fff; }
.activity-show:last-child { margin-bottom: 0; }
.activity-show .show-item { height: 120px; overflow: hidden; background: #fff; border: 1px solid #ddd; margin-bottom: 10px; border-radius: 2px; }
.activity-show .mb_0 { margin-bottom: 0; }
.activity-show .show-item:last-child { margin-bottom: 0; }
.activity-show .show-item span.avatar { width: 120px; height: 120px; float: left; background: #eee; }
.activity-show .show-item span.avatar img { width: 100%; height: 100%; display: block }
.activity-show .show-item .show-msg { margin-left: 120px; padding: 10px 10px; color: #999; overflow: hidden; font-size: 14px; }
.activity-show .show-item .show-msg h3 { font-weight: normal; margin: 10px 0; font-size: 16px; }
.activity-show .show-item .show-msg .intro { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 40px; line-height: 20px; font-size: 12px; }
.activity-new { padding: 0 10px 10px; }
.activity-new > h2 { line-height: 30px; border-bottom: 1px solid #ddd; font-size: 16px; }
.activity-new .show-item { width: 100%; height: 158px; border: none; margin-bottom: 0; margin-top: 10px; position: relative }
.activity-new .show-item span.avatar { width: 100%; height: 100%; }
.activity-new .show-item .show-msg { width: 100%; height: 100%; margin: 0; padding: 0; background: rgba(0, 0, 0, 0.6); position: absolute; left: 0; top: 0; color: #fff; text-align: center }
.activity-new .show-item .show-msg h3 a { color: #fff }
.activity-new .show-item .show-msg h3 { margin: 60px 0 5px; }
/*消息列表*/
.header .head-right .nav li.my-msg .msg_box { display: none; width: 400px; position: absolute; top: 60px; right: -10px; background: #fff; border: 1px solid #ddd; -moz-box-shadow: 0px 0px 20px #ccc; -webkit-box-shadow: 0px 0px 20px #ccc; box-shadow: 0px 0px 20px #ccc; z-index: 11 }
.header .head-right .nav li.my-msg .msg_box .arrow { width: 0; height: 0; border-bottom: 10px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; left: 365px; top: -8px; }
.header .head-right .nav li.my-msg .msg_box .ajaxloading, .header .head-right .nav li.my-msg .msg_box .more { color: #666; text-align: center; }
.header .head-right .nav li.my-msg .msg_box .more .readBtn { display: inline-block; background: #fafafa; border: 1px solid #e4e4e4; padding: 1px 10px; line-height: 25px; height: 25px }
.header .head-right .nav li.my-msg .msg_box .more { display: none; border-top: 1px solid #ddd; height: 40px; line-height: 40px; }
.header .head-right .nav li.my-msg .msg_box .more a:hover { text-decoration: underline; color: #4CAF50; }
.header .head-right .nav li.my-msg .msg_box .msg_list { display: none; overflow-y: scroll; width: 400px; max-height: 400px; padding: 0 20px; background-color: #fff; }
.header .head-right .nav li.my-msg .msg_box .msg_list li { cursor: default; width: 100%; height: auto; padding: 15px 0; border-bottom: 1px solid #ddd; }
.header .head-right .nav li.my-msg .msg_box .msg_list li:last-child { border-bottom: none; }
.header .head-right .nav li.my-msg .msg_box .msg_list li:hover { background-color: #fff; }
.header .head-right .nav li.my-msg .msg_box .msg_list li .avator { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; float: left; }
.header .head-right .nav li.my-msg .msg_box .msg_list li .avator a { display: block; width: 50px; height: 50px; padding: 0; }
.header .head-right .nav li.my-msg .msg_box .msg_list li .avator a img { width: 100%; height: 100%; vertical-align: top; }
.header .head-right .nav li.my-msg .msg_box .msg_list li .msg_content { margin-left: 60px; line-height: 24px; }
.header .head-right .nav li.my-msg .msg_box .msg_list li .msg_content a { padding: 0; font-size: 14px; color: #505050; }
.header .head-right .nav li.my-msg .msg_box .msg_list li .msg_content b > a { font-style: normal; font-weight: normal; font-size: 14px; color: #4CAF50; }
.header .head-right .nav li.my-msg .msg_box .msg_list li .msg_content span { display: block; font-size: 14px; color: #999; }
/*推荐创客*/
.hot-topic { border: 1px solid #ddd; background: #fff; overflow: hidden; border-radius: 2px; }
.texting h2 { font-size: 16px; letter-spacing: 0; text-indent: 2px; padding-top: 5px; display: inline-block; border-top: 3px solid #808080; color: #404040; }
.texting { /*padding: 10px 0;*/ margin-bottom: 10px; }
.hot-topic .hot-item { width: 100%; border-bottom: 1px solid #ddd; padding: 10px; overflow: hidden; }
.hot-topic .hot-item:last-child { border-bottom: 0; }
.hot-topic .hot-item > span { display: block; width: 70px; height: 70px; overflow: hidden; float: left }
.hot-topic .hot-item span img { width: 100%; height: 100%; }
.hot-topic .hot-item .hot-msg { padding-left: 80px; }
.hot-topic .hot-item .hot-msg .hot-name { font-size: 18px; color: #333; position: relative; }
.hot-topic .hot-item .hot-msg .hot-name a.name { display: inline-block; width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: normal; }
.hot-topic .hot-item .hot-msg .hot-name .like-btn { font-size: 12px; border: 1px solid #4CAF50; color: #4CAF50; padding: 0 10px; line-height: 20px; position: absolute; right: 0; }
.hot-topic .hot-item .hot-msg .hot-name .like-btn:hover { color: #fff; background: #4CAF50; }
.hot-topic .hot-item .hot-msg .hot-job { font-size: 12px; line-height: 24px; color: #999 }
.hot-topic .hot-item .hot-msg .hot-ser { margin-top: 5px; height: 22px; overflow: hidden; padding-top: 1px; }
.hot-topic .hot-item .hot-msg .hot-ser span { border: 1px solid #7fa801; color: #7fa801; font-size: 12px; border-radius: 10px; margin-right: 10px; padding: 3px 10px; display: inline-block; line-height: 13px; float: left;
	max-width: 198px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.hot-topic .hot-item .user { color: #000; }
.hot-topic .hot-item dt { width: 60px; float: left; margin-right: 10px; }
.hot-topic .hot-item dd { height: 60px; overflow: hidden; }
.hot-topic .hot-item dd a { color: #666; }
.wrap { background: #eaebec; }
.wrap-account { height: 100%;}
.empty { text-align: center; width: 100%; margin: 40px auto; background: #fff; }
.empty .nop { position: relative; margin: 50px; padding: 10px 0 0 260px; min-height: 80px; line-height: 150%; color: #999; font-size: 14px; }
.empty .nop p { text-align: left; }
.empty .nop .icons { position: absolute; left: 200px; top: 50%; margin-top: -25px; width: 50px; height: 50px; line-height: 48px; }
/*
地图版权*/
.anchorBL { display: none; }
.up_file_list div { display: inline-block; margin: 5px; }
.up_file_list > span { display: none; }
.moxie-shim { display: none; }
/*回到顶部*/
#gotop { display: none; cursor: pointer; width: 46px; height: 46px; position: fixed; z-index: 80; bottom: 80px; right: 0px; text-align: center; line-height: 46px; background: rgba(0, 0, 0, 0.6) }
#gotop i { font-size: 28px; color: #f7f7f7; }
/*! * baguetteBox.js * @author feimosi * @version 0.7.0 * @url https://github.com/feimosi/baguetteBox.js */
#baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; background-color: rgb(0, 0, 0); -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
#baguetteBox-overlay.visible { opacity: 1; }
#baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; }
#baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; }
#baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
#baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: sans-serif; }
#baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
#baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left 0.4s ease, -webkit-transform 0.4s ease; transition: left 0.4s ease, -moz-transform 0.4s ease; transition: left 0.4s ease, transform 0.4s ease; }
#baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight 0.4s ease-out; animation: bounceFromRight 0.4s ease-out; }
#baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft 0.4s ease-out; animation: bounceFromLeft 0.4s ease-out; }
.baguetteBox-button#next-button,
.baguetteBox-button#previous-button { top: 50%; top: calc(50% - 30px); width: 44px; height: 60px; }
.baguetteBox-button { position: absolute; cursor: pointer; outline: none; padding: 0; margin: 0; border: 0; -moz-border-radius: 15%; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color 0.4s ease; transition: background-color 0.4s ease; }
.baguetteBox-button i { font-size: 50px; opacity: 0.6 }
.baguetteBox-button:hover i { opacity: 0.9; }
.baguetteBox-button#next-button { right: 2%; }
.baguetteBox-button#previous-button { left: 2%; }
.baguetteBox-button#next-button i { background-position: 14px 10px; }
.baguetteBox-button#close-button { top: 20px; right: 2%; right: calc(2% + 6px); width: 50px; height: 50px; }
/* Preloader Borrowed from http://tobiasahlin.com/spinkit/
*/
.spinner { width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; }
.double-bounce1,
.double-bounce2 { width: 100%; height: 100%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; }
.double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s; }
@-webkit-keyframes bounceFromRight {
	0% { margin-left: 0; }
	50% { margin-left: -30px; }
	100% { margin-left: 0; }
}
@keyframes bounceFromRight {
	0% { margin-left: 0; }
	50% { margin-left: -30px; }
	100% { margin-left: 0; }
}
@-webkit-keyframes bounceFromLeft {
	0% { margin-left: 0; }
	50% { margin-left: 30px; }
	100% { margin-left: 0; }
}
@keyframes bounceFromLeft {
	0% { margin-left: 0; }
	50% { margin-left: 30px; }
	100% { margin-left: 0; }
}
@-webkit-keyframes bounce {
	0%, 100% { -webkit-transform: scale(0); transform: scale(0); }
	50% { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes bounce {
	0%, 100% { -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); }
	50% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
}
/* confirm */
.smoothConfirm div, .smoothConfirm h1, .smoothConfirm h2, .smoothConfirm h3, .smoothConfirm p { margin: 0; padding: 0; outline: none; }
.smoothConfirm { font-size: 12px; position: absolute; z-index: 999999; display: none; overflow: hidden; border: 4px solid rgba(221, 221, 221, 0.7); border-radius: 3px; }
.smoothConfirm .content { z-index: 10001; position: absolute; left: 0; top: 0; background-color: white; border: 1px solid #ddd; padding: 10px 15px; width: 100%; }
.smoothConfirm .dialog-inner { text-align: center; display: block; font-size: 12px; padding-top: 8px; }
.smoothConfirm .btns { padding: 12px 0 0; text-align: center; }
.smoothConfirm .btns a { margin: 0 3px; text-decoration: none; border: none; }
.smoothConfirm .btns a:hover { margin: 0 3px; text-decoration: none; border: none; }
.smoothConfirm .button, .button span { display: inline-block; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAakAAAOCCAMAAAD6Bt21AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAMAUExURefn53SrJMrLyvF9ANnwwWibHv/MBr3lgtzc3Pbz9PP0zvn396rIW5rXRMPDw2bSFYnWI9TU1KG8cv+VEpfWZLnSe4HNErHNarLNdv7+/nyjMnOcKP+yUqbAePl1AIzKQ2mTIpa5Qf59AOjo6IuvRX/GJ6LcKZDTJ4/QKW+YLJ26bnnKApG1Pvb29vX19fLy8veKAPHx8f+RAPT09Pr4+Pz5+v+MAP+QAP+FAMTExPj4+PPz8/uQAPuOAPSDAP+IAPn5+faGAOrq6vf394zSJJ3aJru7u01/AFuJEVPNAE7AAPJqAPv4+ajHWfv5+Z2/Rpy+RKvJXfPw8PLv7/Tx8vXy8/Hu7v+OAOzs7O/v7/qOAPiMAOvr6+7u7v+HAPaIAIHTAPeJAHPKAI/dAPDw8Pr6+qfHWK3KX6PETqDCSp/BSaTFUJ2/RZe6PpG2NanIWvLv8KzKXqbFVpu9Q5W5O/Pw8fXy8qfGV57AR6HCS5O3OJu9QvTx8Zm8QJq9QarJXKLDTJC1NJK2N5i7P5q8Qpa5PJS4OZ6/R6LETabGV47cAJ3fKIzbAI3YJIrWI43bAJrdJ5TaJXjNAHrPAJHaJfz6+ojYAH7RAJfcJnbMAPDt7pzeJ3TLAJveJ3vQAIvaAITVAIXWAKHBSp/fKIzXI5bbJnnOAJLaJa3LX4LUAJXbJpDZJaXGUZjcJpndJ6bGUo7YJI/ZJIvXI4fXAH/SAK7LYJ7fKJ/ASXXMAInZAP36+5/gKJDeAPySAKDgKIjVI4rMJ8bbkfDt7aLCS6fHU8vema7LYf78/JnUKmmoHofMJL/BwlKUGLW4uWObJ8fHx5jWJunp6VfOAlHBAPVtAP+QB2+1JXvLB4C+JYTAJaDdd5riaKHkdP+/AOHg4F7GF3ikSHmfOWuiMl2LFZneJf+DAHfUFVTCCV7EAITVIOrn52rKAFnPCV6MF1rGJ4KoOuro6JrXQMbosGHHG/37+4nbAO3r65O0UKzcWpq8RafHVZm7RO3t7XjKAP+NAP///wa6s2AAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAPh0lEQVR42uzdB5ycdZ3H8T9LCBsDiQlE2IRgAAmJCqiAGgixsJvZGWmh2+vRIfQOoRfFLhbs2FBRbIhy6nUPw90Rr3AcZRHw7N6dV70jZEwu6Cu5TWZ3Jg+5+Wbfn3ltJJnZ51l+79eT/7rzPDyluW1TCZVtf24IGVI/frMhZEj9zRsNIUTKMZUi9XZDCJG63hBCpD5qCCFS3zSEEKn3GkKI1FcNIUTq44YQIvUxQwiR+qwhhEi9zhBIqVKprxlCiNT7DCFE6iOGECL1bkMIkfq0IYRIvcsQQqQ+YAghUt8whBCpDxlChtSP32AIGVLb/sQQMqSc7Zwi1VBA/3Zfs3xLAf3Hz+8rb1RC1z9EKqRGebMiapS3K6JGuV4RNcpHFVGjfFMRNcp7FVGjfFURNcrHFVGjfEwRNcpnFVGjvE4RkcqR+poiapT3KaJG+YgiapR3K6JG+bQiapR3KaJG+YAiapRvKKJG+ZAiapQ3KKKHSGX0k/uc7RzRQ/c1S/N+J+dnXEFw/48MIUPqF28xhAypv/6EIYRIfd0QQqT87Zci9UFDCJH6sCGESL3DEEKkvmgIIVJfMIQQqfcbQojUpwwhROpzhhAi9U5DCJH6jCGESL3HEEKkPm8IIVJfNoQQqS8ZQojUWw0hROqThhAi9RVDCJF6myGESD3VEDKkfkEqROr+yYaQIeVs5xSpugKa/ECzfEcB/fBHD5TfV0I/nFw+oYjq5euKqF7eoojq5YOKqF4+rIjq5R2KqF6+qIjq5QuKqF7er4jq5VOKqF4+p4jq5Z2KqF4+o4jq5T2KqF4+r4jq5cuKqF6+pIjq5a2KqF4+qYjq5SuKqF7epojq5amKiFRIP51c/kAB/XTyA852jjnbudnr5PyMKwh6SYVI3b2XIYRI7W4IpFSp1B6GQEq+oyClLpbazxBCpPY0BFKqVOq5hkBKlUq9yRBCpF5uCKRUqdSrDYGUKpVabgghUscYAilVKvUqQyClSqVeagghUt83hAyp3imGkCHlbOcUqZ7W3T2sef+3SZNaPLV2q/5s5Be3tbnVDf+UVhtpuYMO9v7k1zPULHuur/2eaK/V7bG63Z/ogDVr8dQB+/6uUb+4rc2tb6OtNtJyBx3s/clvz96hsrsS2rOHVEjzSMVI7aGISOVI7aWISOVI7aeI5q3///mqqyKVI/VcRUQqR+pNimheebkiIpUj9WpFRCpHarkimleOUUSkcqRepYhI5Ui9VBGRCqn0lFG0y+/6/m9bezMtnhreyC9ua3Pr+5RWG2m5gw72vhGgpgw52znjbOdeVxAEXZVDKuVKt30NIUTqxYZASqSsUyIlUmNG6gBDIKVKpdzViJSqlXJXI1IiNTal3H+KlKqVcqcwUqpWyp3CSInU2JRyTzdSqlbKncJCpJyZmSLlbOcUqXkKaNV/L/33FNBevUOkMtq9p7xYEc0jRUoVS+2riEiRUtVSBygiUjlS7hfk/lNy/yn3nxIpuVOYO4XJncLU2Z3CzMA93eSebqTk7nty9z1S6qqW97hPYkTHTBlytnPG2c6r/nvp452cn3EFwfgFhpAhtWC+IWRIbU6KlKqV2t8QSInUmJR6hSGQUqVSrzQEUqpU6jmGQEqkSImUNljq9YZASpVKvdYQSKlSqZcYAimRGpNSziILkVpAKkRq/OaGkCHlbOeYdUoBfXt8s3xbAe2/YHyZr4T2n08qpM1JxUjtr4hIkVLVUq9QRKRypF6piEjlSD1HEZEiJVKk1N1Sr1dEpHKkXquISOVIvUQRkSKlqqUWKCJSKc0nFdJ4ZztHNH98szQfdHJ+xhUED+5sCBlSOz7PEDKk/pYUKZEam1IvMARSIkVKXSx1tCGQUqVSKwyBlCqVer4hkBIpUupiqRcZAimRGpNSrzEEUqpU6oWGQEpVSu1IKkTqwR0NIUPK2c4pUi9TQDuPb5bnKaCjdx5PKoWKVEgvI0VKFUu9QBGRIiVSY1XqaEVEKkdqhSIilSP1fEVEipRIjVWpFykiUqRUtdRrFBGpHKkXKiJSpFRp/7gzqQyoHcc72znmbOdmc9zWTs+PuNZjy2c9bgwJUuOe9TipCKmtHyeVIfU0UiFSf0+KlEiREimRIiVSIkVKXSDlp0kpUn5CmyI1jlSIVHNLUiFSzXG/MoaU7yjU3T3tV+NWSplDRFuSSmkcqZC2JpWyVpFKiRQpkSIlUiJFSqREipS6ID9NSslPaFPyrkdIW3p3PmKN+t9355vNHbZxOknEuUnbrFhhDAlSO6wglSG1DakQqb8jRUqkSImUSJESKZEiJVIitclJ+QltipR3PVKkvJMYI+Xd+RAp9wkPaJsdSMVYkUppB1IpBxWplEiREilSIiVSpERKpEiJlEhtcvkJbUre9Ug5pLyTmOG06t35p2zrZJKMM17u7DeEDKn+pYYQIjXHEBxTckyNSSnfUaRI7WYI1ilZp6xTsk7JOmWdknVK1inrlKxTGq3UUsdUiNSupFKkdjUEUiJlnZJjSqRIyTolxxQpkZJ1yjElUmol9fR/MoQMqXE/MIQMqf6lHTw6e2r1kyO/uK3Nre9TWm2kgx20++QGzXAdj1+PK/279c9p42P1r+0+9duPVf8z8ovb2tzqj+Gf0mojLXfQwd5HmNa6/6Stsff3P72s/GXlP4/+44lf23zqiY/Vrxp5O21sbs6ar1vrH1ttpOVzHey99bTW/SftjX2zlceUAlolhSoByjEVQ3VvmYPKMaUKqe6xTjmmZJ1yTMk6JceUdUqOKVmnHFPqinXqDxXQ0qXfK7sqoKW7kkqJFCmRsk7JMSVSpGSdkmOKlEjJOuWYEim17J5Hyl9s0cGjs6dWPznyi9va3Po+pdVGOthBu09u0AzX8XjkX8tTZrvYOeOK7NkDhpAhNUAqRGoZKceUqpXyHYVjSo4px5QcU3JMOabkmJJjyjElx5QcU44p/T9JLVtmCBlS7jsfI9VvCCFS7jvvmJJ1yjEl65QcU9YpOaZknXJMyTql0Uu587J1SpVKbe2YCpFyP98UqYFlAwMdfCxb8/ctnhr+MfKL29rc+r6C0W9kWbtfX0czGvbR3sZ+Pa4MzO7oMbDm71o8NfzR1otH9YpRbHRg9DvoYO8dfeXtbWrZQKnii2jr3+3JgBqoDmpgI0HNbm9TA/eU2R010NFTnbx4oIovbqDTHQzM7rwN+dzhG/uHMlsBDQxs5pja1I8pVBuVqvN1Shv7rz/rlHXKX37WKeuUrFOyTlmnUFmnZJ2yTvnLrzvWqTvvHLhzgz/aefkoXlTJV9Dpv04V86h8R8uWbVbmKKDd5txDKqL+OY6pkGOq/15SITmmrFOyTlmnZJ2Sdco6JeuUrFPWKXXJOrVbJ4/+tX7X4qnhj7ZePJpXjGKj/W3soIO9d/SVt7WxOavWqf5OHv1r/279T63jU9t58WheMYqN9rexgw723tFX3tbGlt77g/JX3+vkscVav2vx1PBHWy8ezStGsdEt2thBB3vv6Ctvb2OPjCvN5S52zrgiezkpUiJFSqREipRIiRQpkRIpUiIlUqRESsOkdtnFEEiJFCmREilSIiVSpERKpEiJlEiR0kaUGjKEDKnmXYaQIbVcEZFKqZdUSFNIhdRDipRIkRIpkSIlUiJFSqREipRIaQSpXRQRKVIiRUqkRIqUSIkUKZESKVIiJVKbRIVUSFPuKn95V+ePzp4a8cUburkRd9PuDqrb8xqPNrfRLM3mM+e63Dni2vlZz9jeGBKkps7YbokxJEj9crtbbzWGBKna/9xyizFESJ100knGECF1/PHHG0OE1LXXXmsMEVKXXnqpMURInX/++cYQIXXCCScYQ4TUiSeeaAwRUuedd54xREgdcsghxhAhdfLJJxtDhNShhx5qDBFSF154oTFESF1yySXGECF12WWXGUOE1KmnnmoMEVKXX365MURIXXDBBcYQIXX11VcbQ4TUWWedZQwRUldddZUxREidcsopxhAhdcUVVxhDhNTFF19sDBFSV155pTFESJ155pnGECHlXY8UKe/5pkhdc801xpAg9eh/3367MSRITZ1x003GkCDVfHT6TsYQIeU635TvKNT9zX3mSqk/Uve3/T//sln+VN3fku1nTC23KqFFc8stSmhxrZykiGrleEVUK9cqolq5VBHVyvmKqFZOUES1cqIiqpXzFFGtHKKIauVkRVQrhyqiWrlQEdXKJYqoVi5TRLVyqiKqlcsVUa1coIhq5WpFVCtnKaJauUoR1copiqhWrlBEtXKxIqqVKxVRrZypiLzrkfOuh3dTU97zvUYR1crtSminueUmJTRjavkTdX87zXjUdb451/k2m1MfdmF6xH/lYO5/TTOGBKmZ06dtZwwJUrOm3XabMSRIDX735puNIULquOOOM4YIqdNPP90YIqQWLVpkDKRUodSSJUuMIUJqq622MoYIqcWLFxtDhNRBBx1kDKRUodSxxx5rDBFS5557rjFESF133XXGECF1xhlnGEOE1GOPPWYMpESKlEiJFCmREilSIiVSpERKpPKlZu1EKkNq5nRSGVLNWdOfbQwRUs2ZrvPN+I5C3d/DU1dK/Zm6v2nPmNUs31X3t9206TPLbUpo+4fLzUpou8FynCIaLKcrosGySBGRypFaoogGy1aKaLAsVkSD5SBFRCpH6lhFNFjOVUSD5TpFNFjOUESD5TFFRIqUSJESKZEiJVIiRUqkRIqUSInUJtGzHyaV0fSZpCKOqOmzXOebcZ3vzGaz9PX19rgwPeHa+b67hyYYQ4LU0JQ77jCGBKlJE2+4wRgSpBbus88+xkBKpEipa6UOPvhgYyClCqUOPPBAYyClCqX23ntvYyAlUqTUtVITJ040BlKqUGrCBO8kklKVUkceeaQxkFKFUuecc44xREgdccQRxkBKFUpddNFFxhAhdfbZZxtDhNRhhx1mDKRUodRpp51mDBFShx9+uDGQUoVSRx11lDEkSE36T1IZUr1TbrzRGBKk+ib1/swYIqT6hlznm/Edhbq/nt6+vvLn6v4m9E7qK3cooH+fMlRuUEL79ZR9FNFCUqREaoxKHayISOVIHaiISOVI7a2ISJESqbEqNVERkcqRmqCISOVIHamISOVInaOIFpYjFBGpHKmLFNHCcrYiWlgOU0SkcqROU0QLy+GKiFSO1FGKiFRI/9JTblRCU3rLH6v7+9mUSX2u8424zneor6+4KD3l2nkjICVSpERKpEiJlEiREimRIiVSIkVKpESKlEiJFCmRIiVSIkVKpESKlEiJFCmREilSIiVSpERKpEiJ1JjvNwIMAHMvMuDuMj4BAAAAAElFTkSuQmCC'); color: #666; font-weight: normal; text-decoration: none; cursor: pointer; width: auto; }
.smoothConfirm .normal { background-position: 0 -112px; padding-left: 2px; height: 28px; }
.smoothConfirm .normal span { height: 28px; line-height: 27px; background-position: right -140px; padding: 0 16px 0 14px; min-width: 22px; text-align: center; }
.smoothConfirm .normal:hover { background-position: 0 -168px; text-decoration: none; }
.smoothConfirm .normal:hover span { background-position: right -196px; }
.smoothConfirm .green { background-position: 0 0; padding-left: 2px; height: 28px; }
.smoothConfirm .green span { height: 28px; line-height: 27px; background-position: right -28px; padding: 0 16px 0 14px; min-width: 22px; color: white; text-align: center; }
.smoothConfirm .green:hover { background-position: 0 -56px; text-decoration: none; }
.smoothConfirm .green:hover span { background-position: right -84px; }
.comment_wrap { background: #f2f2f5; border-top: 1px solid #ddd; }
.comment_wrap .comment_box { position: relative }
.comment_wrap .comment_box:after { content: ""; display: block; height: 10px; width: 10px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; background: #f2f2f5; position: absolute; top: -6px; left: 27px; transform: rotate(45deg); -webkit-transform: rotate(45deg) }
.comment_wrap .ds-post-options { background: #fff }
.comment_wrap #ds-thread #ds-reset .ds-post-toolbar { display: none; }
.comment_wrap .ds-border { text-align: center; line-height: 25px; font-size: 12px; }
.comment_wrap .ds-border a:hover { color: #4CAF50 }
.comment_wrap #ds-thread #ds-reset .ds-textarea-wrapper textarea { height: 25px; border-bottom: 1px solid #ddd; }
.comment_wrap #ds-thread #ds-reset .ds-textarea-wrapper textarea.fouce { border-bottom: none; }
/*表情框*/
.face-box { width: 260px; height: 141px; border: 1px solid #ddd; background: #fff; position: absolute; left: 0; top: 88px; padding: 10px; display: none; z-index: 10 }
#ds-reset .face-box { box-sizing: border-box }
.face-box.reply-face-box { left: 37px; }
.face-box.top { top: 118px; }
.face-box:after { content: ''; display: block; width: 10px; height: 10px; background: #fff; border-left: 1px solid #ddd; border-top: 1px solid #ddd; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; left: 10px; top: -7px; }
.face-box .face-img { border-top: 1px solid #ddd; border-left: 1px solid #ddd; overflow-y: auto; height: 121px; box-sizing: border-box }
#ds-reset span.items { box-sizing: border-box; cursor: pointer; display: block; width: 30px; height: 30px; float: left; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 44px; }
#ds-reset span.items img { width: 22px }
#ds-reset span.items:hover { background: #d7fff8; }
#ds-reset span.items:hover img { width: 25px; }
.face-box .face-img span.items { box-sizing: border-box; cursor: pointer; display: block; width: 30px; height: 30px; float: left; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.face-box .face-img span.items img { width: 22px }
.face-box .face-img span.items:hover { background: #d7fff8; }
.face-box .face-img span.items:hover img { width: 25px; }
.request-box { text-align: center; line-height: 25px; background: url(/assets/home/images/loader.gif) 42% 10px no-repeat; padding: 5px 0; display: none; }
/*@好友框*/
.mention-box { height: 370px; width: 100%; border: 1px solid #ddd; background: #fff; position: absolute; left: 0; top: 131px; z-index: 10; display: none; box-shadow: 0px -1px 4px #eee; }
.mention-box i.close { position: absolute; right: 5px; top: 5px; cursor: pointer }
.mention-box .mention-left { float: left; width: 30%; border-right: 1px solid #ddd; height: 100%; background: #fafafa }
.mention-box .mention-left .search-friend { margin: 30px 15px 10px; border: 1px solid #eaeaea; border-radius: 3px; position: relative }
.mention-box .mention-left .search-friend input { width: 100%; border: none; height: 30px; padding-left: 3px; line-height: 30px; background: #fff }
.mention-box .mention-left .search-friend .search-btn { height: 30px; display: inline-block; background: #fff; padding: 4px 0; vertical-align: middle; position: absolute; right: 5px; }
.mention-box .mention-left .friend-group li { line-height: 28px; padding-left: 18px; cursor: pointer }
.mention-box .mention-left .friend-group li.active { background: #4CAF50; color: #fff }
.mention-box .mention-right { float: left; width: 70%; height: 100%; }
.mention-box .mention-right .mention-detail { margin-top: 30px; height: 340px; overflow-y: auto; padding: 0 10px; }
.mention-box .mention-right .mention-detail li { float: left; width: 50%; margin-bottom: 12px; cursor: pointer; padding: 2px; border-radius: 5px; border: 1px solid #fff; height: 46px; overflow: hidden }
.mention-box .mention-right .mention-detail li:hover { background: #f5f5f5; border: 1px solid #4CAF50 }
.mention-box .mention-right .mention-detail li .avatar { width: 40px; height: 40px; display: inline-block; overflow: hidden; margin-right: 5px; vertical-align: middle; float: left }
.mention-box .mention-right .mention-detail li .avatar img { width: 100%; }
.mention-box .mention-right .mention-detail li em { font-style: normal; vertical-align: middle }
#ds-reset .mention-box * { box-sizing: border-box; }
#ds-reset .mention-box { box-sizing: border-box; top: 76px; }
#ds-thread #ds-reset .mention-box a { background: #fff; vertical-align: middle; padding: 6px 0; }
#ds-reset .mention-box .mention-left .search-friend input { width: 100%; padding-left: 3px; }
#ds-thread #ds-reset .mention-box .mention-left .friend-group li { line-height: 28px; padding-left: 18px; cursor: pointer }
#ds-thread #ds-reset .mention-box .mention-left .friend-group li.active { background: #4CAF50; color: #fff }
#ds-thread #ds-reset .mention-box .mention-right { float: left; width: 70%; height: 100%; }
#ds-thread #ds-reset .mention-box .mention-right .mention-detail { margin-top: 30px; height: 340px; overflow-y: auto; padding: 0 10px; }
#ds-thread #ds-reset .mention-box .mention-right .mention-detail li { float: left; width: 50%; margin-bottom: 12px; cursor: pointer; padding: 2px; border-radius: 5px; border: 1px solid #fff; height: 46px; overflow: hidden }
#ds-thread #ds-reset .mention-box .mention-right .mention-detail li:hover { background: #f5f5f5; border: 1px solid #4CAF50 }
#ds-thread #ds-reset .mention-box .mention-right .mention-detail li .avatar { width: 40px; height: 40px; display: inline-block; overflow: hidden; margin-right: 5px; vertical-align: middle; float: left }
#ds-thread #ds-reset .mention-box .mention-right .mention-detail li .avatar img { width: 100%; }
#ds-thread #ds-reset .mention-box .mention-right .mention-detail li em { font-style: normal; vertical-align: middle }
#ds-reset .mention-box.small-box { width: 91%; margin-left: 9%; }
#ds-reset .mention-box.small-box .mention-left { width: 40% }
#ds-thread #ds-reset .mention-box.small-box .mention-right { width: 60% }
#ds-thread #ds-reset .mention-box.small-box .mention-right .mention-detail li { width: 100% }
/*站内转发*/
.inner-transfer { display: none; width: 560px; min-height: 280px; background: #fff; border-radius: 5px; position: fixed; left: 50%; top: 50%; margin-left: -300px; margin-top: -190px; z-index: 999 }
.inner-transfer:after { content: ''; display: block; overflow: hidden; clear: both }
.inner-transfer .off { position: absolute; right: 20px; top: 13px; color: #aaa; font-size: 24px; }
.inner-transfer > h2 { line-height: 48px; height: 48px; color: #595959; padding: 0 25px; background: #f5f5f5; font-size: 16px; font-weight: bold; border-radius: 5px 5px 0 0 }
.inner-transfer .share-detail { margin: 15px; background: #f2f2f2; padding: 5px; }
.inner-transfer .share-detail .text { font-size: 14px; color: #595959; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.inner-transfer .share-detail .avatar { width: 80px; height: 80px; display: inline-block; overflow: hidden; float: left }
.inner-transfer .share-detail .avatar img { width: 100%; }
.inner-transfer .share-detail .share-type { padding-left: 90px; line-height: 26px; height: 80px; }
.inner-transfer .share-detail .share-type small { color: #537bac }
.inner-transfer .share-detail .share-type h2 { font-size: 16px; color: #404040; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.inner-transfer .share-detail .share-type p { font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.inner-transfer .share-detail .share-type p.from_brief { height: 4.5em; line-height: 1.5em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; }
.inner-transfer .share-detail .share-type p img { width: 22px; }
.inner-transfer .share-detail .share-type p .out-link { border: 1px solid #ddd; background: #f5f6f7; color: #4CAF50; padding: 0 2px; margin: 0 3px; font-size: 12px; display: inline-block; height: 20px; line-height: 18px; }
.inner-transfer .share-detail .share-type p .out-link .icons { color: #696e78; border-right: 1px solid #ddd; padding: 0 3px; font-size: 12px; margin-right: 3px; }
.inner-transfer .share-text { margin: 0 15px; height: 120px; border: 1px solid #ddd; width: 530px; resize: none }
.inner-transfer .share-text:focus { border-color: #4CAF50 }
.inner-transfer .share-action { margin: 10px 15px; }
.inner-transfer .action-left { width: 440px; display: inline-block; height: 30px; vertical-align: text-top; position: relative }
.inner-transfer .share-action .action-left .range-part { float: right; }
.inner-transfer .share-action .action-left .range-part .icons { font-size: 12px; padding: 0 4px }
.inner-transfer .share-action .action-left .range-part .range-text { display: inline-block; width: 100px; text-align: right }
.inner-transfer .share-action .action-left .range-part .range-type { border: 1px solid #ddd; width: 100%; background: #fff; display: none }
.inner-transfer .share-action .action-left .range-part .range-type li { line-height: 24px; padding: 0 15px; cursor: pointer }
.inner-transfer .share-action .action-left .range-part .range-type li:hover { background: #eaeaea; color: #4CAF50 }
.inner-transfer .share-action .share-btn { float: right; display: block; margin: 0; width: 80px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; }
.inner-transfer .action-left .face { font-size: 22px; padding: 0 3px; color: #999 }
.inner-transfer .action-left .face:hover { color: #4CAF50 }
.inner-transfer .share-action .action-left .face-content { display: none; width: 255px; height: 140px; border: 1px solid #ddd; position: absolute; left: 0; top: 34px; background: #fff; padding: 10px }
.inner-transfer .share-action .action-left .face-content:after { content: ''; display: block; width: 10px; height: 10px; background: #fff; border-left: 1px solid #ddd; border-top: 1px solid #ddd; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; left: 10px; top: -7px; }
.inner-transfer .share-action .face-content .face-list { border-top: 1px solid #ddd; border-left: 1px solid #ddd; overflow-y: auto; height: 121px; box-sizing: border-box; }
.inner-transfer .share-action .face-content .face-list .items { cursor: pointer; display: block; width: 30px; height: 30px; float: left; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 3px; }
.inner-transfer .share-action .face-content .face-list .items img { width: 22px; }
.inner-transfer .share-action .face-content .face-list .items:hover { background: #d7fff8; }
.inner-transfer .share-action .face-content .face-list .items:hover img { width: 25px; }
.dir-box { display: none; width: 600px; min-height: 400px; background: #fff; position: fixed; left: 50%; top: 50%; margin-left: -300px; margin-top: -270px; border-radius: 3px; z-index: 1000 }
.dir-box .off { position: absolute; right: 10px; top: 10px; color: #999; font-size: 22px; }
.dir-box > h2 { font-size: 16px; line-height: 48px; background: #f2f2f2; padding: 0 20px; border-radius: 3px 3px 0 0; font-weight: bold }
.dir-window { display: none; width: 600px; min-height: 400px; background: #fff; position: fixed; left: 50%; top: 50%; margin-left: -300px; margin-top: -270px; border-radius: 3px; z-index: 1000 }
.dir-window .off { position: absolute; right: 10px; top: 10px; color: #999; font-size: 22px; }
.dir-window > h2 { font-size: 16px; line-height: 48px; background: #f2f2f2; padding: 0 20px; border-radius: 3px 3px 0 0; font-weight: bold }
.visible-box { display: none; width: 600px; min-height: 400px; background: #fff; position: fixed; left: 50%; top: 50%; margin-left: -300px; margin-top: -270px; border-radius: 3px; z-index: 1000 }
.visible-box .off { position: absolute; right: 10px; top: 10px; color: #999; font-size: 22px; }
.visible-box > h2 { font-size: 16px; line-height: 48px; background: #f2f2f2; padding: 0 20px; border-radius: 3px 3px 0 0; font-weight: bold }
.visible-box .search-item { padding: 12px 10px 0; position: relative; }
.visible-box .search-item .search { display: inline-block; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; }
.visible-box .search-item .search input { border: none; height: 25px; line-height: 23px; width: 190px; }
.visible-box .search-item .search .icons { font-size: 18px; vertical-align: sub; padding: 0 4px; cursor: pointer; }
.visible-box .search-item span.count { color: #999; font-size: 14px; vertical-align: super; padding-left: 50px; }
.visible-box .chose-box { overflow: hidden; height: 385px; width: 100%; border-top: 1px solid #ddd; }
.visible-box .chose-box .select-left { width: 240px; float: left; height: 100%; overflow-y: auto; background: #fff; border-right: 1px solid #ddd; }
.visible-box .chose-box .friend-list li { line-height: 36px; font-size: 14px; position: relative; cursor: pointer; }
.visible-box .chose-box .friend-list li .group-name { display: inline-block; width: 100%; padding-left: 16px; }
.visible-box .chose-box .friend-list li .group-name.current { background: #ebebeb; }
.visible-box .chose-box .friend-list li .group-name i.icons { font-size: 20px; }
.visible-box .chose-box .friend-list li .group-name .chose-all { height: 16px; cursor: pointer; line-height: 16px; width: 16px; position: absolute; right: 10px; top: 10px; }
.visible-box .chose-box .friend-list .group-member { display: none }
.visible-box .chose-box .friend-list .group-member li { line-height: 28px; padding: 3px 0 3px 20px; }
.visible-box .chose-box .friend-list .group-member li:hover { background: #ebebeb; }
.visible-box .chose-box .friend-list .group-member li.current { background: #ebebeb; }
.visible-box .chose-box .friend-list li .avatar { width: 30px; height: 30px; border-radius: 50%; display: inline-block; overflow: hidden; margin-right: 5px; vertical-align: middle; }
.visible-box .chose-box .friend-list li .avatar img { width: 100%; }
.visible-box .chose-box .friend-list .group-member li label { display: none; float: right; width: 22px; height: 22px; background: url("../images/icon_choose.png") 0 80% no-repeat; background-size: 15px; }
.visible-box .chose-box .friend-list .group-member li.select label { display: inline-block }
.visible-box .chose-box .select-right { width: 320px; float: right; height: 100%; overflow-y: auto; background: #ebebeb; font-size: 14px; }
.visible-box .chose-box .select-right .chose-list li { padding: 3px 12px; }
.visible-box .chose-box .select-right .chose-list li:hover { background: #fff0d7 }
.visible-box .chose-box .select-right .chose-list li .avatar { width: 30px; height: 30px; border-radius: 50%; display: inline-block; overflow: hidden; margin-right: 5px; vertical-align: middle; }
.visible-box .chose-box .select-right .chose-list li .avatar img { width: 100% }
.visible-box .chose-box .select-right .chose-list li i.icons { float: right; line-height: 28px; display: none; cursor: pointer; }
.visible-box .chose-box .select-right .chose-list li:hover i { display: block }
.visible-box .btn-box { padding: 10px; overflow: hidden; border-top: 1px solid #ddd }
.visible-box .btn-box a { font-size: 14px; float: right; margin-left: 20px; display: inline-block; width: 120px; height: 30px; line-height: 30px; padding: 0; text-align: center; }
.visible-box .btn-box a.cancel-btn { background: #eee; border: 1px solid #cfcfcf; }
.visible-box .chose-box .search-list { display: none; padding: 10px 5px; border: 1px solid #eee; }
.visible-box .chose-box .search-list li { line-height: 28px; padding: 5px 20px 5px 0; cursor: pointer; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.visible-box .chose-box .search-list li .avatar { width: 30px; height: 30px; border-radius: 50%; display: inline-block; overflow: hidden; margin-right: 5px; vertical-align: middle; }
.visible-box .chose-box .search-list li .avatar img { width: 100%; }
.visible-box .chose-box .search-list li label { display: none; position: absolute; right: 0; width: 18px; height: 22px; background: url("../images/icon_choose.png") 80% 80% no-repeat; background-size: 15px; }
.visible-box .chose-box .search-list li.select label { display: inline-block }
.refer-box { display: none; width: 600px; min-height: 400px; background: #fff; position: fixed; left: 50%; top: 50%; margin-left: -300px; margin-top: -270px; border-radius: 3px; z-index: 101 }
.refer-box .off { position: absolute; right: 10px; top: 10px; color: #999; font-size: 22px; }
.refer-box > h2 { font-size: 16px; line-height: 48px; background: #f2f2f2; padding: 0 20px; border-radius: 3px 3px 0 0; font-weight: bold }
.refer-box .btn-box { padding: 10px; overflow: hidden; border-top: 1px solid #ddd }
.refer-box .btn-box a { font-size: 14px; float: right; margin-left: 20px; display: inline-block; width: 120px; height: 30px; line-height: 30px; padding: 0; text-align: center; }
.refer-box .btn-box a.cancel-btn { background: #eee; border: 1px solid #cfcfcf; }
.refer-box .mention { overflow: hidden; height: 320px; width: 100%; border-top: 1px solid #ddd; }
.refer-box .mention .mention-left { float: left; width: 30%; height: 100%; overflow-y: auto; border-right: 1px solid #ddd; background: #fafafa; }
.refer-box .mention .mention-left .search-friend { margin: 20px 15px 10px; border: 1px solid #eaeaea; border-radius: 3px; position: relative; }
.refer-box .mention .mention-left .search-friend input { width: 100%; border: none; height: 30px; padding-left: 3px; line-height: 30px; background: #fff; }
.refer-box .mention .mention-left .search-friend .search-btn { height: 30px; display: inline-block; background: #fff; padding: 4px 0; vertical-align: middle; position: absolute; right: 5px; }
.refer-box .mention .friend-group li { line-height: 28px; padding-left: 18px; cursor: pointer; }
.refer-box .mention .friend-group li.active { background: #4CAF50; color: #fff; }
.refer-box .mention .mention-right { float: left; width: 70%; height: 100%; }
.refer-box .mention .mention-right .mention-detail { margin-top: 20px; height: 340px; overflow-y: auto; padding: 0 10px; }
.refer-box .mention .mention-right .mention-detail li { float: left; width: 50%; margin-bottom: 12px; cursor: pointer; padding: 2px; border-radius: 5px; border: 1px solid #fff; height: 46px; overflow: hidden; }
.refer-box .mention .mention-detail li .avatar { width: 40px; height: 40px; display: inline-block; overflow: hidden; margin-right: 5px; vertical-align: middle; float: left; }
.refer-box .mention .mention-detail li .avatar img { width: 100%; }
.refer-box .mention .mention-detail li em { font-style: normal; vertical-align: middle; }
.refer-box .mention .mention-detail li:hover { background: #f5f5f5; border: 1px solid #4CAF50; }
/*设置分组*/
.setGroup-box { display: none; width: 500px; height: 440px; background: #fff; border-radius: 3px; position: fixed; left: 50%; top: 50%; margin-left: -250px; margin-top: -220px; z-index: 100 }
.setGroup-box > h2 { background: #f5f5f5; line-height: 38px; padding: 0 15px; color: #000; font-size: 16px; border-radius: 3px 3px 0 0; font-weight: bold }
.setGroup-box .off { position: absolute; right: 15px; top: 10px; font-size: 22px; color: #ccc }
.setGroup-box .set-mark { padding: 12px 20px 0; font-size: 14px; color: #000; font-weight: bold; }
.setGroup-box .set-mark input { height: 28px; line-height: 28px; width: 385px; margin-left: 4px; }
.setGroup-box .setGroup-detail { background: #ebebeb; margin: 0 20px; padding-bottom: 20px; }
.setGroup-box .setGroup-detail .group { padding: 15px 0; height: 184px; overflow-y: auto }
.setGroup-box .setGroup-detail .group li { width: 50%; float: left; padding-left: 10px; line-height: 32px; font-size: 14px; }
.setGroup-box .setGroup-detail .group li input { vertical-align: sub }
.setGroup-box .setGroup-detail .new-group { display: block; width: 100px; height: 28px; background: #fff; border: 1px solid #ddd; text-align: center; line-height: 26px; font-size: 14px; margin: 15px 12px 0; cursor: pointer }
.setGroup-box .setGroup-detail .new-group .icons { font-size: 12px; color: #4CAF50; padding-right: 2px; }
.setGroup-box .setGroup-detail .build-group { margin: 15px 12px 0; display: none; }
.setGroup-box .setGroup-detail .build-group .group-name { width: 200px; height: 30px; line-height: 30px; border: 1px solid #4CAF50 }
.setGroup-box .setGroup-detail .build-group a.build-btn { padding: 6px 28px; vertical-align: middle; font-size: 14px; margin: 0 5px; }
.setGroup-box .setGroup-detail .build-group a.close-btn { font-size: 14px; color: #808080; padding: 0 5px; vertical-align: middle; }
.setGroup-box .btn-box { background: #f5f5f5; margin-top: 28px; padding: 10px 20px; overflow: hidden; border-radius: 0 0 3px 3px }
.setGroup-box .btn-box a { float: right; border-radius: 3px; font-size: 14px; padding: 0; display: inline-block; width: 90px; height: 26px; line-height: 26px; text-align: center; margin-left: 10px }
.setGroup-box .btn-box a.cancel-btn { border: 1px solid #ddd }
/* table 样式 */
.table-list { border: 1px solid #eee; width: 100%; }
.table-list tr { line-height: 180%; }
.table-list tr.head th { border: 1px solid #eee; font-family: 'Microsoft Yahei'; background: #fefcef; line-height: 32px; padding: 0 6px; }
.table-list tr.meta { background: #fefcef; height: 36px; line-height: 36px; font-family: 'Microsoft Yahei'; color: #666; }
.table-list tr.meta .pagination { padding: 0 8px; }
.table-list tr.meta a { }
.table-list tr .listData a:hover { color: #f00; }
.table-list tr th.name { width: 60px; line-height: 32px; font-weight: normal; font-family: 'Microsoft Yahei'; border: 1px solid #eee; }
.table-list tr td, .table-list tr th { border: 1px solid #eee; padding: 4px 5px; word-break: break-all; text-align: left; }
.table-list .listData { color: #333; }
.table-list .listData tr:hover { background: #f4fafe; }
.table-list .listData .selected { background: #f4fafe; }
.table-list .center { text-align: center; }
/*帮助界面*/
.help-list li { position: relative; height: 40px; font-size: 14px; line-height: 40px; border-bottom: 1px dotted #e0e0e0; }
.help-list li a { color: #555; }
.help-list li .know { color: #0066ff; position: absolute; right: 80px; font-size: 12px; }
.new_time { font-size: 12px; color: #999999; font-weight: normal; font-style: normal; float: right }
.sub_page { clear: both; margin-top: 20px; height: 30px; line-height: 30px; font-size: 12px; color: #326cb7; font-weight: normal; }
.sub_page .prev_page { float: left; }
.prev_page.disable { color: #999; cursor: none; }
.sub_page .next_page { float: right; }
.next_page.disable { color: #999; cursor: none; }