@charset "utf-8";
/*
 * author : linwu
 * datetime : 2015-4-9
 */



/********************************** css-base reset from alice (http://aliceui.org/) **************************************************/
html{ background:#fff; color:#000; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100% }
html, body{ -webkit-overflow-scrolling:touch; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section{ margin:0; padding:0 }
article, aside, details, figcaption, figure, footer, header, menu, nav, section{ display:block }
audio, canvas, video{ display:inline-block; *display:inline; *zoom:1 }
body, button, input, select, textarea{ font:14px/1.6 'Microsoft YaHei', tahoma, arial, "Hiragino Sans GB", \5b8b\4f53 }
input, select, textarea{ font-size:100% }
table{ border-spacing:0; border-collapse:collapse }
th{ text-align:inherit }
fieldset, img{ border:0 }
iframe{ display:block }
abbr, acronym{ border:0; font-variant:normal }
del{ text-decoration:line-through }
address, caption, cite, code, dfn, em, th, var{ font-weight:500; font-style:normal }
ol, ul{ list-style:none }
caption, th{ text-align:left }
h1, h2, h3, h4, h5, h6{ font-weight:500; font-size:100% }
q:before, q:after{ content:'' }
sub, sup{ position:relative; vertical-align:baseline; font-size:75%; line-height:0 }
sup{ top:-0.5em }
sub{ bottom:-0.25em }
a:link,
a:visited{ color:#333 }
a:hover{ color:#00c4b0; text-decoration:none; }
ins, a{ text-decoration:none }
code, kbd, pre, samp{ font-size:1em; font-family:monospace, serif }
a:hover, a:active{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
/*************************************** css function *********************************************/
.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:" "; font-size:0; }
* html .clearfix{ zoom:1; }
*:first-child + html .clearfix{ zoom:1; }
/*****************
 swiper 插件默认样式
 *********************/
.swiper-container{ position:relative; z-index:1; overflow:hidden; margin:0 auto; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; }
.swiper-wrapper{ position:relative; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; width:100%; -webkit-transition-timing-function:ease; -moz-transition-timing-function:ease; -ms-transition-timing-function:ease; -o-transition-timing-function:ease; transition-timing-function:ease; -webkit-transition-duration:0s; -moz-transition-duration:0s; -ms-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s; -webkit-transition-property:-webkit-transform, left, top; -moz-transition-property:-moz-transform, left, top; -ms-transition-property:-ms-transform, left, top; -o-transition-property:-o-transform, left, top; transition-property:transform, left, top; -webkit-transform:translate3d(0px, 0, 0); -moz-transform:translate3d(0px, 0, 0); -ms-transform:translate3d(0px, 0, 0); transform:translate3d(0px, 0, 0); }
.swiper-free-mode > .swiper-wrapper{ margin:0 auto; -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; }
.swiper-slide{ float:left; }
.swiper-wp8-horizontal{ -ms-touch-action:pan-y; }
.swiper-wp8-vertical{ -ms-touch-action:pan-x; }
/***************
 全页面
 ***************/
body{ background-color:#fff; color:#3f484f; }
/*******
 ui-box
 *******/
.ui-box{ margin-bottom:30px; }
.ui-box .box-header{ position:relative; border-bottom:solid 1px #00c4b0; }
.ui-box .box-header .title{ display:inline-block; padding:8px 0 8px 0; border-bottom:solid 3px #00c4b0; color:#2d3635; font:18px/18px 'Microsoft YaHei', sans-serif; }
.ui-box .box-header .controls{ position:absolute; top:0; right:10px; }
.ui-box .box-body:after{ display:block; visibility:hidden; clear:both; height:0; content:" "; font-size:0; }
/*******
 ui-tab
 *******/
.ui-tab{ position:relative; z-index:10; }
.ui-tab .tab-nav li{ display:inline; float:left; cursor:pointer; }
.ui-tab .tab-body{ position:relative; z-index:5; display:none; }
.ui-tab .tab-body.active{ display:block; }
.ui-tab .active{ *display:block; }
/* style-normal */
.ui-tab-normal .tab-nav{ padding-top:10px; height:28px; border-bottom:solid 1px #00c4b0; }
.ui-tab-normal .tab-nav li{ padding:0 6px; height:15px; border-right:solid 1px #999; color:#999; line-height:15px; }
.ui-tab-normal .tab-nav li:last-child{ border-right:0; }
.ui-tab-normal .tab-nav li.active,
.ui-tab-normal .tab-nav li:hover{ color:#00c4b0; }
/* style-right */
.ui-tab-right .tab-nav{ position:absolute; top:12px; right:0; }
.ui-tab-right .tab-nav li{ padding:0 6px; height:15px; border-right:solid 1px #999; color:#999; line-height:15px; }
.ui-tab-right .tab-nav li:last-child{ border-right:0; }
.ui-tab-right .tab-nav li.active,
.ui-tab-right .tab-nav li:hover{ color:#00c4b0; }
/*******
 栏目列表(订阅, 关注)
 *******/
.ui-list-column{ padding:10px 0 30px; }
.ui-list-column ul{ color:#3f484f; font:18px/1 'Microsoft YaHei', sans-serif; }
.ui-list-column li{ position:relative; padding:8px 0; height:66px; }
.ui-list-column .media-image{ display:inline; float:left; margin-right:-66px; padding:2px; width:61px; height:61px; border:1px solid #ccc; border-radius:50%; }
.ui-list-column .media-image img{ width:61px; height:61px; border-radius:50%; }
.ui-list-column .content{ margin-right:65px; margin-left:75px; }
.ui-list-column .content .title{ display:block; overflow:hidden; margin:12px 0; text-overflow:ellipsis; white-space:nowrap; }
.ui-list-column .content .desc{ color:#b0b0b0; font-size:14px; }
.ui-list-column .control{ position:absolute; top:26px; right:0; width:65px; }
.ui-list-column .control .btn{ display:block; height:28px; border:1px solid #00c4b0; border-radius:3px; background-color:#fff; color:#00c4b0; text-align:center; font-size:14px; line-height:28px; cursor:pointer; }
.ui-list-column .control .btn:hover{ background-color:#00c4b0; color:#fff; }
.ui-list-column .control .btn.subscribed,
.ui-list-column .control .btn.subscribed:hover{ border:1px solid #999; background-color:#fff; color:#999; }
.ui-list-column .more{ float:right; color:#999; font-family:Simsun, sans-serif; }
.ui-list-column .more:hover{ text-decoration:underline; }
/*******
 loadmore
 *******/
.ui-load-more{ display:block; margin-bottom:10px; height:40px; background-color:#e4e4e4; color:#595959; text-align:center; letter-spacing:1px; font:14px/40px 'Microsoft YaHei', sans-serif; cursor:pointer; }
.ui-load-more:hover{ background-color:#e8e8e8; color:#595959; }
.ui-load-more i{ display:inline-block; margin-top:13px; margin-right:10px; width:14px; height:14px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAASFBMVEUAAAAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLDeESjpAAAAF3RSTlMAzGROQu3fCfbUv5h/VjAisYo5FHduqKGOMhwAAADRSURBVCjPnY9JEsMgDAQl9t14nf//NIUroezEXNInitYMgjplj8F7PjZl6YscHD74fb2qJbS7KKQUM7ejvMQ0ELL9TEYAqTvAbdeHpOm2aGhJNyYGzndtgOuu2yOeVQLYaQQjDN0CyKHcwDTkwDyWDDGWBvIfWcq4tjhDdbRQhqE0+kpEJQWoJ7dq7GQZ9Ukm6IlI4GmlxSEStaj+KZ58C55DP3biXicAfWtWjFb6tg6oPVwigPk+Ck5ZKbkFB5hMF6xgdExa6Y5VqXpjfJhlVy/CZw0YWHjcwQAAAABJRU5ErkJggg==) no-repeat 0 0; background-size:14px 14px; vertical-align:top; -webkit-transition-duration:0ms;
    -webkit-transform:rotate(0deg) translateZ(0);
    -webkit-animation-name:loading;
    -webkit-animation-duration:2s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;
}
@-webkit-keyframes loading{
    from{ -webkit-transform:rotate(0deg) translateZ(0); }
    to{ -webkit-transform:rotate(360deg) translateZ(0); }
}
@keyframes loading{
    from{ transform:rotate(0deg) translateZ(0); }
    to{ transform:rotate(360deg) translateZ(0); }
}
/*******
 弹框
 *******/
/*! * ui-dialog.css * Date: 2014-07-03 * https://github.com/aui/artDialog * (c) 2009-2014 TangBin, http://www.planeArt.cn * * This is licensed under the GNU LGPL, version 2.1 or later. * For details, see: http://www.gnu.org/licenses/lgpl-2.1.html*/
.ui-dialog{ position:relative; outline:0; border:1px solid #999; border-radius:2px; background-color:#FFF; background-clip:padding-box; color:#333; font-size:14px; font-family:Helvetica, arial, sans-serif; line-height:1.428571429; opacity:0; -webkit-transition:-webkit-transform .15s ease-in-out, opacity .15s ease-in-out; transition:transform .15s ease-in-out, opacity .15s ease-in-out; -webkit-transform:scale(0); transform:scale(0); *zoom:1; _float:left; }
.ui-popup-show .ui-dialog{ opacity:1; -webkit-transform:scale(1); transform:scale(1); }
.ui-popup-focus .ui-dialog{ }
.ui-popup-modal .ui-dialog{ }
.ui-dialog-grid{ margin:0; width:auto; border:0 none; border-spacing:0; border-collapse:collapse; background:transparent; }
.ui-dialog-header,
.ui-dialog-body,
.ui-dialog-footer{ padding:0; border:0 none; background:transparent; text-align:left; }
.ui-dialog-header{ border-bottom:1px solid #E5E5E5; white-space:nowrap; }
.ui-dialog-close{ position:relative; top:13px; right:13px; float:right; padding:0 4px; border:0; background:transparent; color:#000; text-shadow:0 1px 0 #FFF; font-weight:bold; font-size:21px; line-height:1; opacity:.2; filter:alpha(opacity=20); cursor:pointer; _position:absolute; _height:26px; _background:#FFF; -webkit-appearance:none; }
.ui-dialog-close:hover,
.ui-dialog-close:focus{ outline:0; color:#000000; text-decoration:none; opacity:0.5; filter:alpha(opacity=50); cursor:pointer; }
.ui-dialog-title{ overflow:hidden; margin:0; padding:15px; min-height:16.428571429px; text-overflow:ellipsis; white-space:nowrap; font-weight:bold; line-height:1.428571429; cursor:default; }
.ui-dialog-body{ padding:20px; text-align:center; }
.ui-dialog-content{ position:relative; display:inline-block; *display:inline; vertical-align:middle; text-align:left; *zoom:1; }
.ui-dialog-footer{ padding:0 20px 20px 20px; }
.ui-dialog-statusbar{ float:left; margin-right:20px; padding:6px 0; color:#888; white-space:nowrap; font-size:14px; line-height:1.428571429; }
.ui-dialog-statusbar label:hover{ color:#333; }
.ui-dialog-statusbar input,
.ui-dialog-statusbar .label{ vertical-align:middle; }
.ui-dialog-button{ float:right; white-space:nowrap; }
.ui-dialog-footer button + button{ margin-bottom:0; margin-left:5px; }
.ui-dialog-footer button{ display:inline-block; overflow:visible; margin-bottom:0; padding:6px 12px; width:auto; border:1px solid transparent; border-radius:4px; background-image:none; vertical-align:middle; text-align:center; white-space:nowrap; font-weight:normal; font-size:14px; line-height:1.428571429; cursor:pointer; _margin-left:5px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; }
.ui-dialog-footer button:focus{ outline:thin dotted #333; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; }
.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus{ color:#333333; text-decoration:none; }
.ui-dialog-footer button:active{ outline:0; background-image:none; -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.ui-dialog-footer button[disabled]{ -webkit-box-shadow:none; box-shadow:none; opacity:0.65; filter:alpha(opacity=65); cursor:not-allowed; pointer-events:none; }
.ui-dialog-footer button{ border-color:#cccccc; background-color:#ffffff; color:#333333; }
.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus,
.ui-dialog-footer button:active{ border-color:#adadad; background-color:#ebebeb; color:#333333; }
.ui-dialog-footer button:active{ background-image:none; }
.ui-dialog-footer button[disabled],
.ui-dialog-footer button[disabled]:hover,
.ui-dialog-footer button[disabled]:focus,
.ui-dialog-footer button[disabled]:active{ border-color:#cccccc; background-color:#ffffff; }
.ui-dialog-footer button.ui-dialog-autofocus{ border-color:#357ebd; background-color:#428bca; color:#ffffff; }
.ui-dialog-footer button.ui-dialog-autofocus:hover,
.ui-dialog-footer button.ui-dialog-autofocus:focus,
.ui-dialog-footer button.ui-dialog-autofocus:active{ border-color:#285e8e; background-color:#3276b1; color:#ffffff; }
.ui-dialog-footer button.ui-dialog-autofocus:active{ background-image:none; }
.ui-popup-top-left .ui-dialog,
.ui-popup-top .ui-dialog,
.ui-popup-top-right .ui-dialog{ top:-8px; }
.ui-popup-bottom-left .ui-dialog,
.ui-popup-bottom .ui-dialog,
.ui-popup-bottom-right .ui-dialog{ top:8px; }
.ui-popup-left-top .ui-dialog,
.ui-popup-left .ui-dialog,
.ui-popup-left-bottom .ui-dialog{ left:-8px; }
.ui-popup-right-top .ui-dialog,
.ui-popup-right .ui-dialog,
.ui-popup-right-bottom .ui-dialog{ left:8px; }
.ui-dialog-arrow-a,
.ui-dialog-arrow-b{ position:absolute; display:none; overflow:hidden; width:0; height:0; border:8px dashed transparent; _color:#FF3FFF; _filter:chroma(color=#FF3FFF); }
.ui-popup-follow .ui-dialog-arrow-a,
.ui-popup-follow .ui-dialog-arrow-b{ display:block; }
.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-a{ bottom:-16px; border-top:8px solid #7C7C7C; }
.ui-popup-top-left .ui-dialog-arrow-b,
.ui-popup-top .ui-dialog-arrow-b,
.ui-popup-top-right .ui-dialog-arrow-b{ bottom:-15px; border-top:8px solid #fff; }
.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top-left .ui-dialog-arrow-b{ left:15px; }
.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-b{ left:50%; margin-left:-8px; }
.ui-popup-top-right .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-b{ right:15px; }
.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-a{ top:-16px; border-bottom:8px solid #7C7C7C; }
.ui-popup-bottom-left .ui-dialog-arrow-b,
.ui-popup-bottom .ui-dialog-arrow-b,
.ui-popup-bottom-right .ui-dialog-arrow-b{ top:-15px; border-bottom:8px solid #fff; }
.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom-left .ui-dialog-arrow-b{ left:15px; }
.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-b{ left:50%; margin-left:-8px; }
.ui-popup-bottom-right .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-b{ right:15px; }
.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-a{ right:-16px; border-left:8px solid #7C7C7C; }
.ui-popup-left-top .ui-dialog-arrow-b,
.ui-popup-left .ui-dialog-arrow-b,
.ui-popup-left-bottom .ui-dialog-arrow-b{ right:-15px; border-left:8px solid #fff; }
.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left-top .ui-dialog-arrow-b{ top:15px; }
.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-b{ top:50%; margin-top:-8px; }
.ui-popup-left-bottom .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-b{ bottom:15px; }
.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-a{ left:-16px; border-right:8px solid #7C7C7C; }
.ui-popup-right-top .ui-dialog-arrow-b,
.ui-popup-right .ui-dialog-arrow-b,
.ui-popup-right-bottom .ui-dialog-arrow-b{ left:-15px; border-right:8px solid #fff; }
.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right-top .ui-dialog-arrow-b{ top:15px; }
.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-b{ top:50%; margin-top:-8px; }
.ui-popup-right-bottom .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-b{ bottom:15px; }
@-webkit-keyframes ui-dialog-loading{
    0%{ -webkit-transform:rotate(0deg); }
    100%{ -webkit-transform:rotate(360deg); }
}
@keyframes ui-dialog-loading{
    0%{ transform:rotate(0deg); }
    100%{ transform:rotate(360deg); }
}
.ui-dialog-loading{ position:relative; top:50%; display:block; *display:inline; overflow:hidden; margin:-16px auto 0 auto; width:32px; height:32px; color:#666; vertical-align:middle; text-indent:-999em; font-size:0; *zoom:1; }
.ui-dialog-loading{ width:100% \9; text-align:center \9; text-indent:0 \9; font-size:12px \9; line-height:32px \9; }
.ui-dialog-loading::after{ position:absolute; display:none; margin:14.5px 0 0 14.5px; width:3px; height:3px; border-radius:100%; box-shadow:0 -10px 0 1px #ccc, 10px 0px #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 0.5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc; content:''; -webkit-transform:rotate(360deg); transform:rotate(360deg); -webkit-animation:ui-dialog-loading 1.5s infinite linear; animation:ui-dialog-loading 1.5s infinite linear \9; }
/*******
 分页
 *******/
.ui-paging{ padding:20px 0; text-align:center; }
.ui-paging a{ position:relative; display:inline-block; overflow:hidden; padding:2px 10px; width:auto; border:1px solid #ccc; background:#fff; color:#333; text-align:center; font-size:13px; zoom:1; _display:inline; }
.ui-paging a.disabled{ border:1px solid #ccc; background:#e4e4e4; color:#333; cursor:not-allowed; }
.ui-paging a.disabled:hover{ border:1px solid #ccc; background:#e4e4e4; color:#333; }
.ui-paging a.elli,
.ui-paging a.elli:hover{ border:1px solid transparent; background:transparent; color:#333; }
.ui-paging a.active, .ui-paging a:hover{ border-color:#00c4b0; background:#00c4b0; color:#fff; text-decoration:none; }
/***************
 头部
 ***************/
.area-header{ margin-bottom:25px; padding-top:3px; height:72px; }
.area-header .inner{ position:relative; z-index:20; margin:0 auto; width:1000px; }
.area-header .logo{ display:inline; float:left; width:250px; height:72px; background:url(../images/logo.png) no-repeat 0 0; }
.area-header .logo *{ display:none; }
.area-header .control{ position:absolute; top:18px; right:0; white-space:nowrap; }
.area-header .control a{ color:#00c4b0; font:14px/1.7 'Microsoft YaHei', sans-serif; cursor:pointer; }
.area-header .control a:hover{ color:#8ac758; }
.area-header .control .split{ display:inline-block; *display:inline; margin:0 18px; height:28px; border-left:solid 1px #d6d6d6; vertical-align:-9px; *zoom:1; }
/* 用户登录 */
.area-header .btn-login{ position:relative; display:inline-block; *display:inline; padding:0 14px; height:30px; border:1px solid #00c4b0; border-radius:3px; background-color:#fff; color:#00c4b0; line-height:30px; cursor:pointer; *zoom:1; }
.area-header .btn-login:hover{ background-color:#00c4b0; color:#fff; }
.area-header .btn-login ul{ position:absolute; top:45px; left:-95px; display:none; width:240px; border:1px solid #e1e1e1; background-color:#f6f6f6; }
.area-header .btn-login:hover ul{ display:block; }
.area-header .btn-login ul:before{ position:absolute; top:-15px; left:93px; display:block; width:58px; height:15px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAHCAMAAAAPmYwrAAAAPFBMVEUAAADh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eH29vbz8/Pk5OTh4eHu7u7r6+vm5uYEgk96AAAADXRSTlMAloJqeXNhQjgsHg8BC/4JegAAADVJREFUCNc9x7cRACAMBDCTc95/V+4Bo0502K4yfarVKRLPtFrKFPFOY3jAJAaj+ze+o8U533vjAzYjGhF1AAAAAElFTkSuQmCC) no-repeat 50% bottom; content:''; }
.area-header .btn-login li{ display:inline; float:left; width:80px; height:75px; }
.area-header .btn-login li a{ display:block; padding-top:10px; height:65px; color:#3f484f; text-align:center; font:14px/1 'Microsoft YaHei', sans-serif; }
.area-header .btn-login li a:hover{ color:#3f484f; }
.area-header .btn-login li a i{ display:block; margin:0 auto 12px; width:38px; height:30px; background:url(../images/sns-icon.png) no-repeat; }
.area-header .btn-login .qq a i{ background-position:6px 0; }
.area-header .btn-login .qq a:hover i{ background-position:6px -50px; }
.area-header .btn-login .bds_tsina a i{ background-position:-52px 0; }
.area-header .btn-login .bds_tsina a:hover i{ background-position:-52px -50px; }
.area-header .btn-login .bds_weixin a i{ background-position:-115px 0; }
.area-header .btn-login .bds_weixin a:hover i{ background-position:-115px -50px; }
.area-header .btn-login.short ul{ left:-55px; width:160px; }
.area-header .btn-login.short ul:before{ left:52px; }
/* 用户信息 */
.area-header .user-info{ position:relative; display:inline-block; *display:inline; color:#333; line-height:28px; cursor:default; *zoom:1; }
.area-header .user-info ul{ position:absolute; top:40px; left:50%; display:none; margin-left:-40px; width:80px; border:1px solid #e1e1e1; background-color:#f6f6f6; }
.area-header .user-info:hover ul{ display:block; }
.area-header .user-info ul:before{ position:absolute; top:-15px; display:block; width:80px; height:15px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAHCAMAAAAPmYwrAAAAPFBMVEUAAADh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eH29vbz8/Pk5OTh4eHu7u7r6+vm5uYEgk96AAAADXRSTlMAloJqeXNhQjgsHg8BC/4JegAAADVJREFUCNc9x7cRACAMBDCTc95/V+4Bo0502K4yfarVKRLPtFrKFPFOY3jAJAaj+ze+o8U533vjAzYjGhF1AAAAAElFTkSuQmCC) no-repeat 50% bottom; content:''; }
.area-header .user-info li{ display:block; width:80px; height:30px; }
.area-header .user-info li a{ display:block; height:30px; color:#3f484f; text-align:center; font:14px/30px 'Microsoft YaHei', sans-serif; }
.area-header .user-info li a:hover{ color:#00c4b0; }
/* 搜索 */
.m-search{ position:relative; display:inline; float:left; margin:18px 0 0 34px; }
.m-search .search-input-wrap{ position:relative; }
.m-search .search-input-wrap input{ padding:0 40px 0 14px; width:280px; height:36px; outline:0; border:1px solid #bebebe; border-radius:18px; color:#666; font-size:14px; line-height:36px; }
/* 搜索建议 */
.m-search .search_suggest{ position:absolute; top:38px; right:18px; left:18px; display:none; border:1px solid #bebebe; background-color:#fff; box-shadow:0 2px 5px 0 rgba(0, 0, 0, .15); }
.m-search .search_suggest.active{ display:block; }
.m-search .search_suggest li{ display:block; }
.m-search .search_suggest li a{ display:block; overflow:hidden; padding:0 10px; color:#777; text-overflow:ellipsis; white-space:nowrap; font:12px/30px 'Microsoft YaHei', sans-serif; }
.m-search .search_suggest li.active a,
.m-search .search_suggest li a:hover{ background-color:#eee; }
.m-search button{ position:absolute; top:0; right:4px; width:36px; height:36px; outline:0; border:0; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAUVBMVEUAAAAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAAxLAIGxfyAAAAGnRSTlMA5/WCLht2Ua+aYzcL2NK9p5Nv4ItpXUDKI7El+xgAAACoSURBVBjTdY9JEoUgEENpBhVQBuef+x/0U2CBLHwLEkK6imYZuTsOmszMXqgA0ushPOhsqSQyxf0CdO2SU7WyQjxuIsUaAjarxcneLD6LJtZhoPJr6GNVprlgPXxgCaSz0npb7NMZeYmw9PEIWeTqYu+K3m7uymMxlk8tvdpl5Ld87ACstWI3TOay474hahztU4dHgnSairlfX6RUxcW6YM/+kYuvfPkDTkEHamA65g8AAAAASUVORK5CYII=) no-repeat 50% 50%; text-indent:-999em; }
/***************
 导航
 ***************/
.area-nav{ margin-bottom:20px; height:48px; }
.area-nav .inner{ position:relative; z-index:19; margin:0 auto; width:1000px; }
.area-nav.fixed .inner{ position:fixed; top:0; left:50%; margin-left:-500px; }
/* 主导航 */
.m-nav-main{ width:998px; height:45px; border:1px solid #e8e8e8; background-color:#f6f6f6; }
.m-nav-main ul{ height:46px; }
.m-nav-main li{ position:relative; display:inline; float:left; height:43px; }
.m-nav-main li.sortable-ghost a{ background-color:#ddd; }
.m-nav-main li a{ display:block; padding:0 28px; height:46px; color:#4d5655; font:16px/46px 'Microsoft YaHei', sans-serif; cursor:pointer; }
.m-nav-main li .close{ position:absolute; top:7px; right:7px; display:none; width:14px; height:14px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2Ns65nwv6qkgJEBCwDJgSWwKYKJwXUiK0JmoxgNkgCZiGwl8QrwWoHXkYS8CQBldjVLi/t9cAAAAABJRU5ErkJggg==) no-repeat 50% 50%; cursor:pointer; }
.m-nav-main li .close:hover{ border-radius:3px; background:#00c4b0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2P8////f0ZGRkYGLAAsBxLHpggmBteJrAiZjWI0SAJkIrKVxCvAawVeRxLyJgDywDgB6f6U4gAAAABJRU5ErkJggg==) no-repeat 50% 50%; }
.m-nav-main li.active a,
.m-nav-main li a:hover{ color:#00c4b0; }
.m-nav-main li.active{ border-bottom:solid 3px #00c4b0; }
/* 频道 */
.m-column-panel{ position:absolute; top:47px; right:0; left:0; z-index:2; -webkit-user-select:none; user-select:none; }
.m-column-panel .btn-manage{ position:absolute; top:-46px; right:1px; display:block; width:46px; height:45px; background:#f6f6f6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAQMAAABsABwUAAAABlBMVEUAAAAAxLDBkBgJAAAAAXRSTlMAQObYZgAAABVJREFUCNdjYDjAgBf//38AhAmpAwB2VBF9zhjwSAAAAABJRU5ErkJggg==) no-repeat 50% 50%; cursor:pointer; }
.m-column-panel .content{ display:none; padding-top:10px; border:1px solid #e8e8e8; border-top:0; background-color:#fff; }
.m-column-panel .tip{ margin:0 auto 10px; width:300px; background-color:#f6f6f6; color:#999; text-align:center; line-height:28px; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s; }
.m-column-panel .tip.error{ background-color:#fdd; }
.m-column-panel .column-list{ margin:0 20px; padding-bottom:10px; }
.m-column-panel .column-list li{ display:inline; float:left; margin:0 10px 5px 0; }
.m-column-panel .column-list li a{ display:block; padding:0 14px; height:32px; border:1px dashed transparent; color:#666; white-space:nowrap; font:16px/32px 'Microsoft YaHei', sans-serif; cursor:pointer; }
.m-column-panel .column-list li a:hover,
.m-column-panel .column-list li.active a{ /* border-radius:3px; background-color:#00c4b0; color:#fff; */ border:1px dashed #00c4b0; background-color:#eee; }
.m-column-panel .column-list .sortable-ghost{ border-radius:3px; background-color:#ddd; }
.m-column-mask{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:190; display:none; background-color:rgba(0, 0, 0, .5); cursor:pointer; }
/* 编辑模式 */
.area-nav.editing .inner{ z-index:22; }
.editing .m-nav-main{ position:relative; z-index:200; }
.editing .m-nav-main li .close{ display:block; }
.editing .m-nav-main li a{ cursor:default; }
.editing .m-nav-main li a:hover{ color:#4d5655; }
.editing .m-column-panel{ z-index:200; }
.editing .m-column-panel .content{ display:block; }
.editing .m-column-panel .btn-manage{ background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAALAQMAAACqBVQ+AAAABlBMVEUAAAAAxLDBkBgJAAAAAXRSTlMAQObYZgAAACtJREFUCNcNxDENACAMALBCOHZOwqQgAUk7kQ09SuHgMhZzsgahpa3UP7V4OC8C99ZyXl4AAAAASUVORK5CYII=); }
.m-column-mask.active{ display:block; }
/***************
 面包屑导航
 ***************/
.m-crumb-nav{ width:970px; margin:5px auto; padding:0 0 0 30px; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABQSURBVChTnYvBDcAgDAOz/waZlgpIIlr5EPQkP+KcjXD31hPnGTm6Gn9HmXhr1GBNaG+UqBL6RAm7/BplxrhDD+oLEqgvSKC+IIH6ggTdmz3H+gvQEWKIJgAAAABJRU5ErkJggg==") no-repeat 10px 50%; font:12px/1 'Simsun', Arial, Helvetica, sans-serif; color:#666;}
.m-crumb-nav a{ margin:0 5px; color:#666; }
.m-crumb-nav a:hover{text-decoration:underline; color:#000;}
.m-crumb-nav span{ margin:0 5px; }
.m-crumb-nav h1 { display: inline; }
/***************
 主体部分
 ***************/
.area-body{ margin:0 auto; width:1000px; }
.area-body:after{ display:block; visibility:hidden; clear:both; height:0; content:" "; font-size:0; }
.area-body .page-main{ display:inline; float:left; width:660px; }
.area-body .page-aside{ display:inline; float:right; width:300px; }
/***************
 全局提示
 ***************/
.m-global-tip{ position:fixed; right:10px; bottom:10px; z-index:999; }
.m-global-tip .item{ display:none; margin-top:5px; text-align:right; }
.m-global-tip .item span{ display:inline-block; padding:6px 12px; background-color:rgba(0, 0, 0, .5); color:#fff; white-space:nowrap; font:14px/16px 'Microsoft YaHei', sans-serif; }
.m-global-tip .item.error span{ background-color:rgba(255, 0, 0, .5); }
.m-global-tip .item.success span{ background-color:rgba(0, 150, 0, .5); }
/***************
 页脚
 ***************/
.area-footer{ margin-top:40px; padding:20px 0 40px; border-top:solid 1px #e0e0e0; color:#888; }
.area-footer .footer-nav{ margin:10px auto 20px; width:1000px; }   /**2015-7-20 @cjl 修改*/
.area-footer .footer-nav ul{ text-align:center; }
.area-footer .footer-nav ul li{ display:inline-block; *display:inline; padding:0 10px; height:14px; border-right:solid 1px #999; line-height:14px; *zoom:1; }
.area-footer .footer-nav ul li:last-child{ border-right:0; }
.area-footer .footer-nav ul li a{ color:#999; font-size:14px; }
.area-footer .footer-nav ul li a:hover{ text-decoration:underline; }
.area-footer p{ margin-bottom:1em; text-align:center; }
/***************
 侧边导航
 ***************/
.m-side-controls{ position:fixed; bottom:30px; left: 50%; margin-left:550px; }   /**2015-7-20 @cjl 修改*/
.m-side-controls a{ display:block; margin-bottom:3px; width:50px; height:50px; background:url(../images/side-controls.png) no-repeat; text-indent:-999em; cursor:pointer; }
.m-side-controls .btn-to-top{ display:none; background-position:0 0; }
.m-side-controls .btn-to-top.active{ display:block; }
.m-side-controls .btn-to-top:hover{ background-position:right 0; }
.m-side-controls .btn-feedback{ background-position:0 -52px; }
.m-side-controls .btn-feedback:hover{ background-position:right -52px; }
.m-side-controls .btn-about{ background-position:0 -104px; }
.m-side-controls .btn-about:hover{ background-position:right -104px; }
@media only screen and (min-height:800px){
    .m-side-controls{ bottom:220px; }
}
/***************
 侧边栏下载
 ***************/
.m-qrcode-download{ position:absolute; top:100px; left:10px; z-index:21; display:none; width:160px; height:205px; border:1px solid #e8e8e8; background-color:#f7f7fa; color:#868c90; }
.m-qrcode-download .close{ position:absolute; top:10px; right:10px; width:13px; height:13px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANBAMAAACAxflPAAAAFVBMVEUAAACGjJCGjJCGjJCGjJCGjJCGjJC4SeEmAAAAB3RSTlMAPusG1279oc/OqgAAADVJREFUCNdjYGYAAiBhIgCkRQwYGBUZwJhBSACEQBwQFyQQJACmWVMZ4HyYPFw9VD/cPJj5ANHDBAdhq9M7AAAAAElFTkSuQmCC) no-repeat; cursor:pointer; }
.m-qrcode-download p{ margin:35px 0 10px; text-align:center; }
.m-qrcode-download .qrcode{ margin:0 auto; width:135px; height:135px; }
@media only screen and (min-width:1360px){
    .m-qrcode-download{ display:block; }
}
/***************
 文章推荐
 ***************/
.m-article-reco{ font:14px/1.6 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
.m-article-reco ul{ }
.m-article-reco .item{ position:relative; padding:20px 0; border-bottom:solid 1px #f1f1f1; }
.m-article-reco .item:after{ display:block; visibility:hidden; clear:both; height:0; content:" "; font-size:0; }
.m-article-reco .item:last-child{ border-bottom:0; }
.m-article-reco .media{ position:relative; display:inline; float:left; margin-right:-200px; width:200px; }
.m-article-reco .media i{ display:none; }
.m-article-reco .media + .content{ margin-left:228px; min-height:110px; }
.m-article-reco .media img{ display:block; width:200px; height:140px; }
.m-article-reco .media-video i{ position:absolute; top:0; left:0; display:block; width:200px; height:140px; background:rgba(0, 0, 0, .3) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAclBMVEUxMTEAAABJSUkuLi4rKytKSkolJSUoKCg2NjY9PT1GRkZCQkJJSUlJSUlJSUm2trZJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUnz8/Pp6en6+vrJycmurq55eXlJSUlJSUmRkZFdXV3b29tJSUmkpKT///938tARAAAAJXRSTlOAAICAgICAgICAgIBrdxC9KlQCQV46Rwzy5/nLt5syMaaP2h6xZvdFuAAAA35JREFUWMO1mIty4yAMRYnBb5v47bbJJu2m+f9fXEkYSIINSTurTqfTmeb06gJCgu3WQzbTUNV1pKKuq2Fq5G4jViFz09Yxfjhegkhx3TbzsxA5Vsvn4UeBYX+tRvkMRPYKERVlmWc68rIsIoXpZRByrhQBAFykaaIiTQUDkOJUZz9EtpQ+ElL8rAn6jQOHzGmlB9KgjKjIWYoAcR8IEiwvIhTTbELGGuQWeSaSBAn8PpADmKwsIKd6XId0fQz/pCSEJjAdmgMYDjnBX/bdCqSbyA2WGgS7D4NJM3Jm6lxID3aAGyBYaIITWgw4A8ZoLRYyxsgQIIMLRfBhOFLi8QHS1IZBKsKUCNxt7iASd2nODSOESSEj3L3yBtK15ClZyoKhtDB0t+0s5ASnq8xIB3smSEtWwqdOBiIrMCRzdPgzSlI0t5Ia0qMh4lHI8Vj4pXBMqCfIIoQ9Mj6v17fPQEIkRUFGWK08TR6SOV4h/n5tUoRIBK7zSJAZhODKPJi6v2J8fG9RjJQZIU0UkZAViE8M5yQlihqEtGppViEk5uh3pQWIrGGPcOuIhZh4/9qSwkvY/HLHmhhtRSEuxIjZZ+uQFKyNm45NlI0PQmL+bOczzWygU4MMDwRinzuU5QQNF4YLLAIQK8Y1Ba8QVkdoSQhCccidfHCR64nBpZshhAUh9hxYCDpbtywCSBKCWDGlAwFTAFJ4IK6YG2cQkoGIMMTx97aqLMfnZcjHbTo/hRx+rYROo+vJa6tDdcFdHb3ZghBbodx94t2xrgy3LNGOhbvPf3bc3eqenQErbBhyKNjqKS7wFAfqiZXhrSeqsiUeCJ0Yb2UL11h7XFwIUzU2XO0PeaDam3tHJA5E1zPPFcjp3jE3IEpZg+yz8A1o7mJXyreW4RFi72LqtVxXive347aMxRHquGx/UnJLCQcxmO5PbKekmgv+w07p9z2b2z3yZxCKYbtHt48NIawhlXQ6akPhTzBMR+329pzmg1BvnxDD7e133StTBswqNGVszTuZd94RyBCKMXXbkxekpDFEUt/3k1dMk5dvBtQDnAYZgELoGTA4jQLGjKMcvgiQEiI4jdJcTJjVuViwHBCBuZjiZCd0hvop6HKzE/rphbcCAOX6qcDzVuB/tYgwgKVSWBCjfP39RL+g+N9P/ttLDkU3X859OwxVVQ1D258vc7fbin/aaHMFSm/+mAAAAABJRU5ErkJggg==) no-repeat 50% 50%; background-size:68px; content:''; }
.m-article-reco .media-video i:hover{ background-color:rgba(0, 0, 0, .2); }
.m-article-reco .content{ position:relative; padding-bottom:30px; }
.m-article-reco .content .title{ overflow:hidden; margin-bottom:12px; text-overflow:ellipsis; /*white-space:nowrap;*/ font:18px/21px 'Microsoft YaHei', sans-serif; }
.m-article-reco .content .hot,
.m-article-reco .content .new{ display:inline; float:left; margin-right:10px; width:20px; height:21px; }
.m-article-reco .content .hot{ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAMAAABxCz6aAAAAV1BMVEXzNTUAAADzNTXzNTXzNTXzNTXzNTXzNTXzNTXzNTXzNTXzNTXzNTX2e3v82Nj5ra30Skr////+9vb1XFz7xMT6ubn4lpb1bGz94uL+7Oz7zs74oqL3iYntVF8mAAAADHRSTlMiAP3l9p5OPcKqbAsiqZrTAAAAq0lEQVQY02XLWQ7DIAxFUQNNxwc4jBm6/3XWSERJmvuBxQGTUjQYjZ42QxN1v+HU7a6IxP6UaIBkHQC/dB3I7Og7GtJCoySH5BpqwvGnzFbHKRefThhTCDkuYzliXYtcrLwIzvu6A08++his29bdnOrkIE0hdYS1zBmtWnhDnlFWsGMsHhv6hBgYycuoDQ3AAshf1AyspeELojhHD41LpN4aV1SPp76g9KFzP3ezFBpXTAqyAAAAAElFTkSuQmCC) no-repeat; }
.m-article-reco .content .new{ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAMAAABxCz6aAAAAV1BMVEUAAAAcot8cot8cot8cot8cot8cot8cot8cot8cot8cot8cot8cot////+n0+/W6vdwvOdNr+NftuWOyOs3qeHr9fvL5PXA3/P1+v3h7/mbzu2Awum02fF8hizvAAAADHRSTlMAIuc89sKqnmwmC0/AysTLAAAAp0lEQVQY023Niw6DIAwFUKbzuXpbRPC1///OSZepOG8IkNM2NTHtY09rvskLOqXIo9V0Sb316Wc4a25KfUenJRFYotJkRD3zPDH3HXNAT5SZ2ODeIsDQ/eYjkvV28EIJCgLCDEnQijgnYrsYVtQA29XpUdTt3sftB+o8IFstwREAL25Mxv0A2MDujHaVESQT7ZjppmBpWQ+s6D+med6geT1v0DRVdsEPptIUPydfkSwAAAAASUVORK5CYII=) no-repeat; }
.m-article-reco .content .desc{ color:#777; }
.m-article-reco .content .meta{ position:absolute; bottom:0; left:0; color:#999; font-size:12px; }
.m-article-reco .content .meta .from{ margin-right:20px; color:#00c4b0; }
.m-article-reco .content .meta .from:hover{ text-decoration:underline; }
.m-article-reco .content .meta .time{ }
.m-article-reco .controls{ position:absolute; right:0; bottom:20px; }
.m-article-reco .controls .collect,
.m-article-reco .controls .comment{ margin-right:20px; color:#999; }
.m-article-reco .controls .collect i,
.m-article-reco .controls .comment i{ display:inline-block; *display:inline; margin-right:4px; width:18px; height:18px; vertical-align:-3px; *zoom:1; }
.m-article-reco .controls .collect i{ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAMAAADnhAzLAAAAXVBMVEUAAACkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKT0/Ok/AAAAH3RSTlMAB9KWTzscFAPazMS1rIRd36SMfUEuD59jRTUn6aFyjsqQ9AAAAI5JREFUGNNlj1kOwyAMBQmBQMK+ZW17/2MWB5SC+j4wGmQzRjXUygF1meZLjx0ZBEFcmhaNOh9sTk9TwI7D5ZwVgYGHWD5TfeRxsyNDr9RP9QFJ0iG+0Pw9a1EAFSMbkvAtrBqf3AYhP+0Vlxq3P0Tdg5go9VSwwn4MoFXQJaLHi3ZW7Suq8W/DwJLqW/sLzeIE53Dt2CsAAAAASUVORK5CYII=) no-repeat 0 50%; }
.m-article-reco .controls .comment i{ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAMAAADH72RtAAAAQlBMVEUAAACkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKRv2icaAAAAFnRSTlMA3bsi4i20oh1DF+zX0FtMC644iGcT5bkJEwAAAFpJREFUGNOdzEkOgCAUBNESVD6z4/2vKgkuEDfGl/SmFo2ooRUzJtGSgXniYfxaFmPLNk4z3cX5A/EJ7XMpP5/XrS82qGp1YFTcYdFVioLTjkYOQscG/UoKuACP2gLOUDnXVAAAAABJRU5ErkJggg==) no-repeat 0 2px; }
.m-article-reco .controls .share{ display:inline-block; padding:0 6px 0 26px; width:28px; height:26px; border-radius:3px; background:#00c4b0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAMAAADDoWbgAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFXRSTlMAqqW0qIbJl0AI96ekj3hfTzc1HgLgoxDDAAAARklEQVQI153HRxLAIAwEwV0kEZzT/99qygXGvjKXqYYpcydm0g8Q1A7xTZFJ4Aq2KeHVGi5gKYr2LKu1/+S6NX5EBGVN7QacjQE5LYI+yQAAAABJRU5ErkJggg==) no-repeat 6px 50%; color:#fff; vertical-align:1px; line-height:26px; cursor:pointer; }
.m-article-reco .share .bdsharebuttonbox{ position:absolute; top:40px; right:0; z-index:2; display:none; width:280px; border:1px solid #e1e1e1; background-color:#f6f6f6; }
.m-article-reco .share:hover .bdsharebuttonbox{ display:block; }
.m-article-reco .share .bdsharebuttonbox:before{ position:absolute; top:-15px; right:0; display:block; width:58px; height:15px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAHCAMAAAAPmYwrAAAAPFBMVEUAAADh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eH29vbz8/Pk5OTh4eHu7u7r6+vm5uYEgk96AAAADXRSTlMAloJqeXNhQjgsHg8BC/4JegAAADVJREFUCNc9x7cRACAMBDCTc95/V+4Bo0502K4yfarVKRLPtFrKFPFOY3jAJAaj+ze+o8U533vjAzYjGhF1AAAAAElFTkSuQmCC) no-repeat 50% bottom; content:''; }
.m-article-reco .share li{ position:relative; display:inline; float:left; margin:0; padding:0; width:70px; background:none; }
.m-article-reco .share a{ display:block; margin:0; padding:46px 0 0 0; width:70px; height:24px; background:none; color:#3f484f; text-align:center; font:14px/1 'Microsoft YaHei', sans-serif; }
.m-article-reco .share a:hover{ color:#3f484f; }
.m-article-reco .share i{ position:absolute; top:8px; left:16px; z-index:-1; display:block; width:38px; height:30px; background:url(../images/sns-icon.png) no-repeat; }
.m-article-reco .share .bds_sqq i{ background-position:8px 0; }
.m-article-reco .share .bds_sqq:hover i{ background-position:8px -50px; }
.m-article-reco .share .bds_tsina i{ background-position:-52px 0; }
.m-article-reco .share .bds_tsina:hover i{ background-position:-52px -50px; }
.m-article-reco .share .bds_weixin i{ background-position:-115px 0; }
.m-article-reco .share .bds_weixin:hover i{ background-position:-115px -50px; }
.m-article-reco .share .bds_more i{ background-position:-176px 0; }
.m-article-reco .share .bds_more:hover i{ background-position:-176px -50px; }
.m-article-reco .gallery{ overflow:hidden; padding-bottom:10px; }
.m-article-reco .gallery ul{ width:690px; }
.m-article-reco .gallery li{ display:inline; float:left; margin-right:30px; }
.m-article-reco .gallery li img{ display:block; width:200px; height:140px; }
/***************
 爆文排行
 ***************/
.m-top-artic{ }
.ui-list-article{ padding:10px 0 30px; }
.ui-list-article ul{ color:#3f484f; font:16px/40px 'Microsoft YaHei', sans-serif; }
.ui-list-article li{ position:relative; padding-left:24px; height:40px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAE0lEQVQIW2O8cePGfwYkwEi6AAA0gg4hwFgw7QAAAABJRU5ErkJggg==) no-repeat 6px 50%; }
.ui-list-article li a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ui-list-article .more{ float:right; color:#999; font-family:Simsun, sans-serif; }
.ui-list-article .more:hover{ text-decoration:underline; }
.ui-list-article.top-list li:nth-child(1):after,
.ui-list-article.top-list li:nth-child(2):after,
.ui-list-article.top-list li:nth-child(3):after{ position:absolute; top:11px; left:0; display:block; width:18px; height:18px; border-radius:2px; background:#00c4b0; background-size:16px; color:#fff; content:'1'; text-align:center; font-size:13px; line-height:18px; }
.ui-list-article.top-list li:nth-child(2):after{ content:'2'; }
.ui-list-article.top-list li:nth-child(3):after{ content:'3'; }
/***************
 精彩专题
 ***************/
.m-top-topic{ }
.top-topic-list{ padding:0 0 30px; }
.top-topic-list ul{ margin-bottom:10px; }
.top-topic-list ul li{ position:relative; margin-top:20px; }
.top-topic-list ul li img{ display:block; width:300px; height:150px; }
.top-topic-list .more{ float:right; color:#999; font-family:Simsun, sans-serif; }
.top-topic-list .more:hover{ text-decoration:underline; }
/***************
 微信号简介
 ***************/
.m-account-intro{ position:relative; padding:23px 20px 0; border:1px solid #ebebeb; }
.m-account-intro:before{ position:absolute; top:-1px; right:-1px; left:-1px; display:block; height:4px; background-color:#00c4b0; content:''; }
.m-account-intro .base-info{ margin-bottom:12px; height:90px; }
.m-account-intro .base-info:after{ display:block; visibility:hidden; clear:both; height:0; content:" "; font-size:0; }
.m-account-intro .media-image{ display:inline; float:left; margin-right:-66px; padding:2px; width:61px; height:61px; border:1px solid #ccc; border-radius:50%; }
.m-account-intro .media-image img{ width:61px; height:61px; border-radius:50%; }
.m-account-intro .content{ margin-right:65px; margin-left:81px; }
.m-account-intro .content .title{ display:block; overflow:hidden; padding:20px 0 12px; color:#3f484f; text-overflow:ellipsis; white-space:nowrap; font-size:18px; line-height:1; }
.m-account-intro .content .desc{ color:#b0b0b0; font-size:14px; }
.m-account-intro .control{ position:absolute; top:43px; right:10px; }
.m-account-intro .control .btn{ display:inline; float:left; margin-right:20px; width:65px; height:28px; border:1px solid #00c4b0; border-radius:3px; background-color:#fff; color:#00c4b0; text-align:center; font-size:14px; line-height:28px; cursor:pointer; }
.m-account-intro .control .btn:hover{ background-color:#00c4b0; color:#fff; }
.m-account-intro .control .btn.subscribed,
.m-account-intro .control .btn.subscribed:hover{ border:1px solid #999; background-color:#fff; color:#999; cursor:pointer; }
.m-account-intro .desc{ margin-bottom:20px; color:#868c90; font:16px/1.7 'Microsoft YaHei', sans-serif; }
/* 侧边栏情况下 */
.m-account-intro.aside{ margin-bottom:30px; padding:13px 10px 0; }
.m-account-intro.aside .base-info{ margin-bottom:7px; height:70px; }
.m-account-intro.aside .content .title{ padding:14px 0 6px; }
.m-account-intro.aside .content .desc{ margin-bottom:0; }
.m-account-intro.aside .control{ top:26px; }
.m-account-intro.aside .control .btn{ margin-right:0; }
.m-account-intro.aside .desc{ margin-bottom:10px; }
/***************
 微信号二维码关注
 ***************/
.m-qrcode-follow{ padding-left:20px; }
.m-qrcode-follow p{ margin-bottom:20px; color:#868c90; }
.m-qrcode-follow img{ display:block; width:180px; height:180px; }
.m-side-tools{ position:fixed; top:40px; left:50%; z-index:22; margin-left:550px; width:50px; border-radius:4px; background-color:rgba(0, 0, 0, .5); color:#fff; }
.m-side-tools .btn{ display:block; padding:10px 0; color:#fff; text-align:center; line-height:1; cursor:pointer; }
.m-side-tools .btn:hover{ background-color:rgba(0, 0, 0, .2); color:#fff; }
.m-side-tools .btn > i{ display:block; margin:0 auto; width:26px; height:25px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAACOCAMAAAAYY+ipAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMAESFL7oJEDndmqioDllbZtgnLmhWxjPiG372l1DAn6ePEG3FRkj5dNzx1VdQAAAI8SURBVEjH7dbJsqowFIXhRRNRQPpeERHUk/d/wZsAdQyyM7lVty3/wQb9BCQ6AGpmUkYZyIp9zE40uQEcm6akBcqYkli87ZegClzgdqXETx7AmFPE7mIUA3FMdZS3FF42YuR3R2zaxJiTL6Yd83BlmKrspfoBPm3TdvN1Q3DQmbaOnONeR/sKOrJyLVWFjsbc0VG1h46GQkdB2Uo6iJ7ZmvqHnKns1J0eKt0H5ScJ+mTwjCWz2UGtvZ+/V33Ap7+0W1TybWV0A6Iw2G0LwggoA9D/KYBbJFn8l5Hni+Evc0UVz8VMeSpmziuVUt7LN6cP9DxVKQ4yMZ3AEDML4ol+832NJI2CksYzX0HmmKbXJIAXcqXIF3QWO7UnF0Y56GFHMZCJPR/vtZ0wTV7X/JRdrr3e6h0+/RMxrWR2pqNm12vkKxFIU86wa0jxzmIkXxSdmBgsJ0Q+hFCPDhdrcCvIWLQfPR9TRpGHPMyLEXPW9DoqDKBnljjH5iwsEUedGbVktQFhIaOFNHbNMGfUjBDKWJetF2lps1hWtH7gU2IFXlWVSulz/Vi3Ob1RZZsLo3QA/24X3TEWO1wRsxZXKO8+UHBx1dBTvyC7pg5kcdoxd1Rvy729flN3tXAe1Dx8+tMZz8NcBjzmvWCWOIzcuQtwkNuI85meEdY5fbPQ/vR2/uSU0XQ7p75DkhkWAEmXKwNNbTdApeO3fNmH5SPv5NsB1NSjHJCkFjdacvj/TcH5Zrz1rJdFPZb8rUSu/A86GjSqqBByvwAAAABJRU5ErkJggg==) no-repeat 50% 0; }
.m-side-tools .btn span{ display:block; margin-top:5px; }
.m-side-tools .comment i{ background-position:50% -40px; }
.m-side-tools .collect i{ background-position:50% -80px; }
/* 分享 */
.m-side-tools .share{ position:relative; padding:15px 0; }
.m-side-tools .share i{ background-position:50% -118px; }
.m-side-tools .share:hover{ background-color:transparent; }
/*.m-side-tools .share i{ background-position:50% -119px; }*/
.m-side-tools .share ul{ position:absolute; top:5px; right:5px; z-index:2; display:none; width:176px; height:44px; border-radius:3px; background-color:rgba(60, 60, 60, .95); }
.m-side-tools .share:hover ul{ display:block; }
.m-side-tools .share ul li{ margin:0; padding:0; }
/*.m-side-tools .share:hover i,*/
.m-side-tools .share ul li a{ display:block; margin:0; padding:0; width:44px; height:44px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALYAAAAZCAMAAACrZCQNAAAAilBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////2N2iNAAAALXRSTlMA/MAD6a2QE/DimPbPKFcJ7Xs4DqZwalDIuqGARD/cnYmDXjFlGR6z19N2SvL2sV0SAAAEk0lEQVRYw8WX2ZqiMBCFE3aRRRGQTRTQdj3v/3pDElSCZOxvbua/6K8VkqrUqcWQ/812S/6Zn1tuUGrk6xP5hk2seglam0eb/IKYLuKK/AXPI//IxqUYoO7m705bS7dbglNGG/KVDD1nWx1sYPsbF4/mYkkX5+S9k7/AiEVH1FQGAHcLzs01qu/27okHXFUH1PuHnk6+oCcOBpaHcEgQAxLGD1HRClXcGxhJDtqSL/jpTk8pYsXjAD3Blz1OGkZc/JeM3pGLmR099pcouFMI3D13+wrQraJYUuvGI2wCmp0C0XwYL9wR/e+JeZnE1RfJxTbt0NORCFAm22mFJy47f8s+O6c5Q3t2wD2PdnlBpmfYq4L9Ndy6iLVTrMtYeHDp8+SMnjVJePwIl99URDBIDkV+5Tm1vwBHMGJFBQALwgk93FPUs3GswaltooaboU3I9yqpcJeIAwwp/wCMojnOe+1pmmaaZlFso216XyERS0JFBeBCNkHTdL3dZgcq+xu1ZZy91cMqi8s2mvU+cca5uKXMW5tAQgvWmkGNrPmsy/WzloWkO8q/cHbTNwP6zMEz+4/6dzQRQEYUGOEwFqKpFrPNKFkc3p8a9KSE4g1Nm+WrgU+jqA2C+s+gWsy1yM2JRLSETKK3dicniR5zE1fzkFa+qMecJ5yuSO9wdIgHGwTEw5tWwxtvIpmQ9NyMw1/vMhiy/MZTFArBnWvjEwkXb+qA2LzCXPIbTF42DV5YTLyMRYtqFJiEkQeozN71auEasLPIw5xn9Y0N0E1UskFWzYbwgCdnn1R84B3mu24bfq6k5PQSdXlnrpOWl+r6oxGylAiusN7HzkRdSynC3+pl/fGZNZ0F5crmrqpUrhUJLYj2MEsJx/I/3SYpBsw9O3vILO31AtNwG8h29Xj35iyaABnRb1GfiF4awLLkkqh6O0nY2lQn/aai+c7Dz6S1oZwkI71u0jSaOkRyNzKYHC0R+DU4GhmxADpminNkFUSVgYyxt0l4oKr2L9gPvqzlkiSveKcGJsh9e+dwLelO9Lkl8CkuP8UPZdqtkPGD8MybQ2uYF10VpGWhxb6uqkBOfBoXRcrLHJzSg4wjrQ8fQkys7mk/cIqiHz39APKkvv2Ay0Z2XMXWg0sZUm5ljpVn5ppXLxwqKTvbd13p54Bji/SJ/eh4CyzImBNRhfLAhQtnXPPikATytDmzaLcIeSi0YTTT2dw+QUJ1QRliaW14hhzoW2CrG7KVQmI3seOwqLTMH/ed/7K5iuV2h3LbW6NVv6Wj7GwVJCoyzwIiGx/moTGF4NdJS2wwZk8mbGm/JOGPnn7T+0cFLXySrli19492BhNtPmtvYORdl4uGQOYxylP98cNVRt9jYN5aS5Enwgj3e+aaoLt4lHa4CyKddDF7Za2oNd5iI97smeOF6p7Ry5xNrwlTggUGvPlLmXsDZ8v8nr2U7XLQbG9ZJtuKFj5RJq22e63Rentq9LV0KZt7Y+vmnrY/PJYzj/nAHpZ37tKyVVebwuvtONfiaKtd0SopIJr++yuwGtu6Kx4czZpiWVtkQ/4ffwDXx/H5sSWREQAAAABJRU5ErkJggg==) no-repeat; }
.m-side-tools .share ul li a:hover{ background-color:rgba(0, 0, 0, .2); }
/*.m-side-tools .share:hover i{ position:relative; z-index:3; background-position:right 0; }*/
.m-side-tools .share ul li{ display:inline; float:left; width:44px; height:44px; }
.m-side-tools .share ul .bds_weixin a{ background-position:8px 50%; }
.m-side-tools .share ul .bds_tsina a{ background-position:-68px 50%; }
.m-side-tools .share ul .bds_qzone a{ background-position:-106px 50%; }
.m-side-tools .share ul .bds_more a{ background-position:-148px 50%; }
.m-side-tools .share ul .bds_more{ background:none; }
@media only screen and (min-height:800px){
    .m-side-tools{ top:170px; }
}
/***************
 错误页
 ***************/
.m-404,
.m-error{ position:relative; margin:0 auto; width:868px; height:680px; background:url("../images/404.jpg") no-repeat 50% 130px; }
.m-error{ background:url("../images/error.jpg") no-repeat 50% 98px; }
.m-404 .title,
.m-error .title{ display:none; }
.m-404 .desc,
.m-error .desc{ display:none; }
.m-404 a,
.m-error a{ position:absolute; display:block; width:94px; height:30px; text-indent:-999em; }
.m-404 .prev{ right:194px; bottom:265px; }
.m-error .prev{ right:194px; bottom:265px; }
.m-404 .home{ right:54px; bottom:265px; }
.m-error .home{ right:56px; bottom:265px; }
/***************
 美女图集
 ***************/
.m-mm-gallery{ }
.m-mm-gallery .ui-load-more{ background-color:transparent; }
.m-mm-gallery ul{ position:relative; margin:20px 0; padding:0; list-style-type:none; }
.m-mm-gallery ul:after{ display:block; visibility:hidden; clear:both; height:0; content:" "; font-size:0; }
.m-mm-gallery ul li{ position:relative; display:block; width:320px; opacity:0; -webkit-transition:all .6s; -moz-transition:all .6s; -ms-transition:all .6s; -o-transition:all .6s; transition:all .6s; }
.m-mm-gallery ul li a{ }
.m-mm-gallery ul li a:hover{ }
.m-mm-gallery ul li a img{ display:block; }
.m-mm-gallery ul li .caption{ position:absolute; right:0; bottom:0; left:0; display:none; overflow:hidden; padding:0 44px 0 10px; height:44px; background-color:rgba(0, 0, 0, 0.25); color:#fff; text-overflow:ellipsis; white-space:nowrap; font:14px/44px 'Microsoft YaHei', sans-serif; }
.m-mm-gallery ul li:hover .caption{ display:block; }
.m-mm-gallery ul li .caption .download{ position:absolute; top:0; right:0; display:block; width:44px; height:44px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAMAAAAc9R5vAAAAPFBMVEUAAAD////////////////////////////////////////////////////////////////////////////YSWgTAAAAE3RSTlMApVXXGBTP3B1a+rOOBb91Yl4DExNMNAAAAIBJREFUKM/N0NsKgCAQRdExRy216/z/v6ZwcsKCXjtPspcQSbflTO8z5j8wHz2gZe96cL7+0RiqANDDSBAF7UWsZcDVMa4CcBZdpUDtVjvuFcANrH3RGPRelgW9F5F7X1nFtzOvJJO+2tyOkwB03xC3N9gipbAPj+0hEacoj8XEJ5PxBV0BGoVeAAAAAElFTkSuQmCC) no-repeat 50% 50%; text-indent:-999em; }
.m-mm-gallery ul li .caption .download:hover{ background-color:rgba(0, 0, 0, .1); }
/* 图集导航 */
.gallery-type{ border:1px solid #e8e8e8; }
.gallery-type ul{ padding-top:14px; }
.gallery-type ul:after{ display:block; visibility:hidden; clear:both; height:0; content:" "; font-size:0; }
.gallery-type ul li{ display:inline; float:left; margin:0 25px 14px; }
.gallery-type ul li a{ color:#777; font:16px/16px 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
.gallery-type ul li.active a,
.gallery-type ul li a:hover{ color:#00c4b0; }
/***************
 美女轮播
 ***************/
.m-mm-slide{ position:relative; }
.m-mm-slide .gallery-title{ margin-bottom:15px; color:#3f484f; font:24px/40px 'Microsoft YaHei', sans-serif; }
.m-mm-slide .download{ position:absolute; top:7px; right:10px; display:block; width:24px; height:25px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAAZCAMAAADjVzuNAAAAaVBMVEUAAADW1tZiuABiuADW1tbW1tZiuABiuADW1tZiuACkyYLW1tbW1tZiuADW1tZiuABiuADW1tbW1tZiuADW1tbW1tZiuADW1tZiuABiuADW1tZiuADW1tbW1tbW1tZiuADW1tbW1tZiuADkFd/NAAAAIXRSTlMApaUbGFVVFdjYAxTU1M/OXBzd3Vv6+rOzjr+/k4l1dWKcVKZ4AAABDklEQVRIx+3USY7DIBRFUWyoAsdt3KcP7H+RJUCph2wGkT5SJrmjLyQ4E4AF3W4seacTi5dl6bE8/2Jf7H3scACGNZLg9wPD2rUpt1jZXImvq5VbTLb2xR17qwGzVn+kYXxoJTBvDZxZTVUCGCySVtQSGCyvASsrWDQNmKyt5RNKCYc5S8EiaQV3mLPc/NIqJTwmYFE1K1hsY3nDYk5NkjcsFlq4gVmWysINzHMOK9TOZwUrkXa5FLBCTesKViLNmDqw7gJa8z+LO8V4cGitfM38wfTIIj/iqCmY6WJndgYYSoGhj2HTk0V6ThRsjmMzW/rxZ9fYLxRsHbrfXd2wMrFMete0CArG19nsmlf+B6ckE0QRunJyAAAAAElFTkSuQmCC) no-repeat 0 50%; text-indent:-999em; }
.m-mm-slide .download:hover{ background-position:right 50%; }
.ad-gallery{ overflow:hidden; }
.ad-gallery .ad-image-wrapper{ margin-bottom:24px; }
.ad-gallery .ad-forward, .ad-gallery .ad-back{ top:10px; width:47px; height:128px; }
.ad-gallery .ad-nav .ad-thumbs{ margin-left:47px; padding-top:10px; }
.ad-gallery .ad-thumbs li{ position:relative; padding:0 0 0 19px; height:128px; }
.ad-gallery .ad-thumbs .ad-active i{ position:absolute; top:-10px; left:50%; width:0; height:0; border-right:8px solid transparent; border-bottom:10px solid #838383; border-left:8px solid transparent; }
.ad-gallery .ad-thumbs li a img{ padding:2px 1px 1px 1px; height:122px; border:1px solid #838383; }
.ad-gallery .ad-thumbs li a.ad-active img{ border:1px solid #838383; }
.ad-gallery .ad-nav .ad-thumbs{ width:907px; }
.ad-gallery .ad-image-wrapper .ad-prev{ z-index:10; width:50%; cursor:url("../images/cur-left.cur"), auto; }
.ad-gallery .ad-image-wrapper .ad-next{ z-index:10; width:50%; cursor:url("../images/cur-right.cur"), auto; }
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image,
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image{ top:0; display:block; width:80px; height:100%; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAABHCAMAAABBPG6UAAAAUVBMVEUAAADPz8/////////Pz8/Pz8/////Pz8/Pz8/Pz8/Pz8/////////////////Pz8/////////////Pz8/Pz8/////Pz8/o6Oj////////Pz8/a/ktHAAAAGXRSTlMAA6QD+Kj5oTskWEEi4u3pVXUw4W5lega/gaHrbQAAArVJREFUeNrt3NluwjAQhWGnG/seNr//g1bqRZWcGlpPMu4v8FwiW4KPACE5M8FaJ8PqkrUzrC5Zp5i1PJYW3F2zll9LC7YxEzC2wbfULxOwsGAbcwG9BdUvF7CsYBsNgK6C6mcALCjYRgNgQcHj1QR4PYYyNY9GwDgPPqV+BsCCgvM3C6CnoPpZAF0F1c8O+OYvuP0YAPixDQ6lfiZAR0H1MwE6CqqfDdBPUP1sgL6C6mcHVEEnPzugCvr5TbJ2TtwF1e8la+eLv6D6NVlbmxKCi67fa9bW167gIvjUVPzsgtOvh0B+aUGSX0IQ5ZcSZPmpIM1PBXl+KkjzU0FHv/cmBJqg+tEE1c8q+N4VpPmpIM/PTXC/Fr8xBNd7np8K0vycBKcb8RtLcDOl+bkIzsRvTMEZzU8FeX4qSPNTQZ7fyIJL8RtbcMnzG1VwuRK/sQVXy2F+B/EbX/Awo/mpIM9PBWl+KsjzU0Ganwry/FSQ5qeCPD8VpPmpIM9PBWl+KsjzU0Ganwry/FSQ5jdMsHuqew5ede6epmftvHRemuPz67xNl3oEPtxn+KG/A+/9C2b8I6b/CicEUX7880AVpPndu5JFuSrYF6T56bVUnp8K0vxUkOd3+34S5c5SX5Dnd1uQcm+zL8jzu5+JISQ8+oI8PxWk+XnflVswclm3/Ti5mHQ+hpJsu+VHShal/DjZwLQfK5v104+Urkz50dJtbn6h6QvS/Pj5QDkGa0I1vxp4RrqhZ6TTXTakXht6Sl8FaX4hbIf3iWi3F0kw4YcSTPtxBJN+IMF7frVbE9OtWfuFa8d68Y51rQY+M6HZWgGLze2Y2wCLzT05mgBd/fQYjHVuzLBqzYDtr+ueYXIRf3bWzgi4+9PSOr3t/6e31fmBw+uUC5gzA/QJJljWGarfVaf4yurc+gRDWghdXlUKkQAAAABJRU5ErkJggg==) no-repeat 0 50%; cursor:pointer; }
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image{ background-position:-80px 50%; }
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image:hover{ background-color:#ccc; background-position:-160px 50%; }
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image:hover{ background-color:#ccc; background-position:-240px 50%; }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description{ background-color:rgba(0, 0, 0, .4); color:#fff; }
.ad-gallery .image-desc{ position:relative; }
.ad-gallery .image-desc .ad-image-description{ position:relative; margin:20px 0; color:#666; word-break:break-all; }
.ad-gallery .ad-forward{ background:#ddd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAUBAMAAABPKxEfAAAAFVBMVEUAAAAzMzMzMzMzMzMzMzMzMzMzMzO27Uu7AAAABnRSTlMAnzaMbWCdfoZ7AAAAMElEQVQI12PACRQVILRYCoROSzOA0okKEDotBUIDZaB0KoxGFU9B1WcANRduDx4AAEUvEL8ORfevAAAAAElFTkSuQmCC) 50% 50% no-repeat; }
.ad-gallery .ad-back{ background:#ddd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAUBAMAAABPKxEfAAAAFVBMVEUAAAAzMzMzMzMzMzMzMzMzMzMzMzO27Uu7AAAABnRSTlMAnzaMbWCdfoZ7AAAAMUlEQVQI12PAB5iEILRbIphiTksDi4pBaLc0IA0ShdBhcBoujlCH0AeRgZkLtwcXAACbeA7fUvlhXgAAAABJRU5ErkJggg==) 50% 50% no-repeat; }
/***************
 订阅的二维码显示
 ***************/
.subscibe-qrcode{ position:absolute; z-index:100; padding:10px 10px 30px; border:1px solid #ccc; border-radius:3px; background-color:#fff; }
.subscibe-qrcode:after{ position:absolute; top:-5px; left:50%; display:block; margin-left:-5px; width:9px; height:5px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAOElEQVQIW2NkQANnzpz5b2JiwogsjMIBKTA2NmY4e/YsA7JCuCKYApgJyArBitAVoCtkxKUAWSEAzQUfaX72c2AAAAAASUVORK5CYII=) no-repeat 50% 50%; content:''; }
.subscibe-qrcode span{ position:absolute; right:0; bottom:0; left:0; color:#999; text-align:center; font-size:12px; line-height:30px; }
/***************
 搜索结果
 ***************/
.m-list-account{ padding:10px 0 30px; }
.m-list-account ul{ margin-bottom:10px; color:#3f484f; font:18px/1 'Microsoft YaHei', sans-serif; }
.m-list-account li{ position:relative; padding:8px 0; min-height:72px; }
.m-list-account .media-image{ display:inline; float:left; margin-right:-66px; padding:2px; width:61px; height:61px; border:1px solid #ccc; border-radius:50%; }
.m-list-account .media-image img{ width:61px; height:61px; border-radius:50%; }
.m-list-account .content{ margin-right:100px; margin-left:75px; }
.m-list-account .content .title{ display:block; overflow:hidden; margin:8px 0; text-overflow:ellipsis; white-space:nowrap; }
.m-list-account .content .desc{ color:#b0b0b0; font-size:14px; line-height:1.5; }
.m-list-account .control{ position:absolute; top:26px; right:0; width:65px; }
.m-list-account .control .btn{ display:block; height:28px; border:1px solid #00c4b0; border-radius:3px; background-color:#fff; color:#00c4b0; text-align:center; font-size:14px; line-height:28px; cursor:pointer; }
.m-list-account .control .btn:hover{ background-color:#00c4b0; color:#fff; }
.m-list-account .control .btn.subscribed,
.m-list-account .control .btn.subscribed:hover{ border:1px solid #999; background-color:#fff; color:#999; cursor:default; }
/*******************
 用户信息
 *******************/
.user-board{ padding-top:36px; width:660px; height:240px; background:url(../images/user-board-bg.png) no-repeat; }
.user-board .avatar{ display:block; margin:0 auto 20px; width:120px; height:120px; border-radius:60px; }
.user-board .usernick{ color:#373636; text-align:center; font-size:18px; line-height:1; }
/*******************
订阅列表
*******************/
.my-subscribe-list{ overflow:hidden; margin-top:15px; width:660px; }
.my-subscribe-list ul{ width:675px; }
.my-subscribe-list li{ display:inline; float:left; margin:0 15px 15px 0; width:208px; height:198px; border:1px solid #eee; text-align:center; }
.my-subscribe-list li .media{ margin:12px auto; padding:2px; width:80px; height:80px; border:1px solid #ccc; border-radius:50%; }
.my-subscribe-list li .media img{ display:block; width:80px; height:80px; border-radius:50%; }
.my-subscribe-list li .title{ overflow:hidden; margin-bottom:20px; text-overflow:ellipsis; white-space:nowrap; font-size:18px; line-height:1; }
.my-subscribe-list .btn-subscribe{ display:inline-block; *display:inline; padding:0 12px; border:1px solid #00c4b0; border-radius:3px; color:#00c4b0; font-size:16px; line-height:30px; cursor:pointer; *zoom:1; }
.my-subscribe-list .btn-subscribe:hover{ background-color:#00c4b0; color:#fff; }
.my-subscribe-list .btn-subscribe.subscribed,
.my-subscribe-list .btn-subscribe.subscribed:hover{ border:1px solid #999; background-color:#fff; color:#999; cursor:default; }
/*******************
 订阅管理
 *******************/
.m-subscibe-mamge{ }
.m-subscibe-mamge .add-subscibe{ display:block; padding:15px 0; border-bottom:solid 1px #e8e8e8; color:#8c8c8c; text-align:center; font:18px/28px 'Microsoft YaHei', sans-serif; }
.m-subscibe-mamge .add-subscibe i{ display:inline-block; margin-left:10px; width:28px; height:28px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAcCAMAAACnDzTfAAAAXVBMVEUAAACMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIzGb2x2AAAAHnRSTlMAIemxZS+ac04b+tDHSD84BXck8ap5VhMO3dvBi4dzzVGPAAAAr0lEQVQoz32SWQ7DIAxEp+wkIXuTdPP9j1kVqWQjng8QPNmC8eCv1plyoKE0rsVBtpBKL1i0ksV9RyYa+3TwhqYVdaLGVrVIpfZxw17+aREVRI+jeuHiLh3OCvK3KpkubrQ2HxWAUmeZJqCpkGWoGny6C2bfeNVZFhsKf8FmgSJaq2irECFFlq0DcT25t3B/4P7OeLb3ejbzxmtmRsxsA5cJPkspg/6cwVSayS6X+S97tgtsBXxYOQAAAABJRU5ErkJggg==) no-repeat; vertical-align:-7px; }
.m-subscibe-mamge .category{ }
.m-subscibe-mamge .category{ border:1px solid #e8e8e8; }
.m-subscibe-mamge .category ul{ padding-top:14px; }
.m-subscibe-mamge .category ul:after{ display:block; visibility:hidden; clear:both; height:0; content:" "; font-size:0; }
.m-subscibe-mamge .category li{ display:inline; float:left; margin:0 15px 10px; }
.m-subscibe-mamge .category li a{ color:#777; font:16px/16px 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
.m-subscibe-mamge .category li.active a,
.m-subscibe-mamge .category li a:hover{ color:#00c4b0; }
.m-subscibe-mamge .subscibe-box{ }
.m-subscibe-mamge .subscibe-box .box-header{ margin:15px 0; padding:0 15px; background-color:#f6f6f6; color:#333; font:16px/45px 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
/*******************
 登录面板
 *******************/
.login-panel{ }
.login-panel p{ display:block; margin-bottom:32px; text-align:center; font:16px/16px 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
.login-panel .btns{ display:block; text-align:center; }
.login-panel .btns a{ display:inline-block; box-sizing:border-box; margin:0 12px; width:100px; height:100px; border:1px solid #d7d7d7; border-radius:50px; color:#333; text-align:center; font:14px/14px 'Microsoft YaHei', sans-serif; -webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; transition:all .4s; }
.login-panel .btns a:hover{ border:1px solid #999; }
.login-panel .btns a i{ display:block; margin:20px auto 10px; width:40px; height:32px; background:url(../images/icon-login.png) no-repeat; }
.login-panel .btns .sina i{ background-position:-40px 0; }
.login-panel .btns .wx i{ background-position:-80px 0; }
.m-subscibe-mamge .login-panel{ display:none; padding:65px 0; }
.ui-dialog .login-panel{ padding:20px; }
/*******************
 反馈
 *******************/
.m-feedback{ }
.m-feedback form{ padding-top:25px; }
.m-feedback form .form-group{ }
.m-feedback form .form-group .control-label{ display:block; font:18px/40px 'Microsoft YaHei', sans-serif; }
.m-feedback form .form-group .form-input{ padding:0 10px; width:95%; outline:0; border:1px solid #e8e8e8; background-color:#f6f6f6; font-size:14px; line-height:40px; }
.m-feedback form .form-group textarea.form-input{ padding:10px; height:150px; line-height:20px; }
.m-feedback form .form-controls{ padding-top:36px; }
.m-feedback form .form-controls .btn-submit{ display:block; margin:0 auto; width:184px; height:46px; border:0; background-color:#00c4b0; color:#fff; text-align:center; font:18px/46px 'Microsoft YaHei', sans-serif; -webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; transition:all .4s; }
.m-feedback form .form-controls .btn-submit:hover{ background-color:#72c810; cursor:pointer; }
/*******************
 订阅列表
 *******************/
.m-subscription-list{ overflow:hidden; width:660px; }
.m-subscription-list ul{ width:690px; }
.m-subscription-list li{ display:inline; float:left; margin:0 20px 20px 0; width:318px; height:200px; border:1px solid #e8e8e8; border-radius:2px; }
.m-subscription-list li .info{ position:relative; margin:15px; height:82px; }
.m-subscription-list li .info .media-image{ display:inline; float:left; margin-right:-82px; padding:2px; width:76px; height:76px; border:1px solid #c9c9c9; border-radius:38px; }
.m-subscription-list li .info .media-image img{ display:block; width:76px; height:76px; border-radius:38px; }
.m-subscription-list li .info .content{ margin-right:90px; margin-left:102px; }
.m-subscription-list li .info .content .title{ padding:12px 0; color:#3f484f; font-size:18px; }
.m-subscription-list li .info .content .meta{ color:#b0b0b0; font-size:14px; }
.m-subscription-list li .info .control{ position:absolute; top:25px; right:0; }
.m-subscription-list li .info .control .btn{ display:block; width:66px; border:1px solid #00c4b0; border-radius:3px; color:#00c4b0; text-align:center; line-height:30px; cursor:pointer; }
.m-subscription-list li .info .control .btn:hover{ background-color:#00c4b0; color:#fff; }
.m-subscription-list li .info .control .btn.subscribed,
.m-subscription-list li .info .control .btn.subscribed:hover{ border:1px solid #999; background-color:#fff; color:#999; cursor:default; }
.m-subscription-list li .desc{ overflow:hidden; margin:0 15px; max-height:75px; color:#868c90; font-size:15px; line-height:25px; }
/*******************
 没有结果
 *******************/
.no-result{ padding:40px; text-align:center; font-size:18px; }
/*******************
 订阅为空时添加的样式
 *******************/
.m-subscription-list .box-header{ margin:15px 0; padding:0 15px; background-color:#f6f6f6; color:#333; font:16px/45px "Microsoft YaHei", Arial, Helvetica, sans-serif; }
.add-subscibe{ display:block; padding:15px 0; border-bottom:1px solid #e8e8e8; color:#8c8c8c; text-align:center; font:18px/28px "Microsoft YaHei", sans-serif; }
.add-subscibe i{ display:inline-block; margin-left:10px; width:28px; height:28px; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAcCAMAAACnDzTfAAAAXVBMVEUAAACMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIzGb2x2AAAAHnRSTlMAIemxZS+ac04b+tDHSD84BXck8ap5VhMO3dvBi4dzzVGPAAAAr0lEQVQoz32SWQ7DIAxEp+wkIXuTdPP9j1kVqWQjng8QPNmC8eCv1plyoKE0rsVBtpBKL1i0ksV9RyYa+3TwhqYVdaLGVrVIpfZxw17+aREVRI+jeuHiLh3OCvK3KpkubrQ2HxWAUmeZJqCpkGWoGny6C2bfeNVZFhsKf8FmgSJaq2irECFFlq0DcT25t3B/4P7OeLb3ejbzxmtmRsxsA5cJPkspg/6cwVSayS6X+S97tgtsBXxYOQAAAABJRU5ErkJggg==") no-repeat scroll 0 0 rgba(0, 0, 0, 0); vertical-align:-7px; }

/********公众号seo次导航*******/
.wx-footer { margin: 0 auto; padding: 18px 10px 30px; width: 1000px; min-width: 1000px; border-top: solid 2px #00c4b0; margin-top: 18px; }
.wx-footer span { margin:0px 0 20px 0; line-height: 1em; font-weight: bold; }
.wx-footer ul { margin: 10px 0 20px; }
.seo-nav li { float: left; position: relative; display: inline; width: 100px; }
.seo-nav li a { display: block; color: #4d5655; font: 'Microsoft YaHei', sans-serif; cursor: pointer; }
.seo-nav li a:hover { color:#00c4b0; }

/*********友情链接************/
.m-friendly-links { padding: 0 0 16px 0; border-bottom: solid 1px #e0e0e0; min-width: 1000px; width: 1000px; margin: 0 auto;}
.m-friendly-links dl { display: block; -webkit-margin-start: 0px;-webkit-margin-end: 0px; }
.m-friendly-links dt { display: block; font-weight: bold; line-height: 30px; }
.m-friendly-links dd { float: left; margin-right: 22px; }
.m-friendly-links dd a { color: #999; white-space: nowrap; font-size: 12px; line-height: 28px; }
.m-friendly-links dd a:hover { color:#00c4b0; }

.main_friend_links { padding: 15px 30px; width: 710px; background-color: #fff; }
.m-title h2 { border-bottom: #d4d4d4 1px solid; font-family: "Microsoft Yahei"; font-size: 14px; color: #f36712; }
.title-1 { position: relative; height: 28px;overflow: hidden; }
.title-1 h2 { padding-bottom: 4px; font-size: 14px; font-weight: 600; color: #00c4b0; overflow: hidden; }
.link-cor .link-main { padding: 10px;}
table { border-collapse: collapse;  border-spacing: 0; }
.link-main a { margin: 20px; line-height: 2; }
.box { border: 1px solid #ededed; box-shadow: 1px 1px 2px rgba(0, 0, 0, .05); background: #fff;   margin-bottom: 30px;}
.box a { cursor: pointer; color: #7a7a7a; }
.box a:hover { color: #00c4b0; }
.link-sign-m p { color: #7a7a7a; font-size:14px; }
.link-sign-m p { padding-left: 40px; line-height: 2; font-size: 14px; text-indent: 0; }
.m-word { padding: 20px 0; }



/**********站点地图*********/
    /*********************
 ui-tab
 *********************/
.ui-tab{ position:relative; }
.ui-tab-nav a{ cursor:pointer; }
.ui-tab-bd{ display:none; }
.ui-tab-bd.current{ display:block; }
.ui-tab .current{ *display:block; }

.m-title span {font-size: 16px;color: #00c4b0;font-weight: 600;}
.map { padding: 0 5px;font-family: "Microsoft Yahei";overflow: hidden;}
.map li {padding: 20px 0;border-bottom: 1px solid #f2f2f2;}
.map li h2 {padding-bottom: 10px;color: #00c4b0;font-size: 16px;}
.map .show-more {height: 23px;margin-top: 10px;border-top: 1px solid #e5e5e5;color: #52738c;}
.map .show-more a {display: block;float: right;width: 59px;height: 23px;padding-left: 24px;background: url(http://resources.gao7.com/www/Content/images/up-down.png) no-repeat;background-position: 0 0;text-align: left;line-height: 22px;font-size: 12px;}
.map .show-more .show-active {background-position: 0 -23px;}
.map li p, .map li .other {padding-left: 8px;text-indent: 0;}
.map li .overflow-hide {height: 56px;overflow: hidden;}
.map li a, .map li b {font-size: 14px;line-height: 2;font-weight: normal;}
.map li a { margin-right: 20px;display: inline-block;}
.map li span {float: left;margin-right: 20px;}
.map li span a {margin-right: 0;}
.clearfix:after {display: block;visibility: hidden;clear: both; height: 0;content: " ";font-size: 0;}
* html .clearfix {zoom: 1;}
*:first-child + html .clearfix {zoom: 1;}
  /*城市 */
 .m-sitemap-game {}
.m-sitemap-game .ui-tab {}
.m-sitemap-game .ui-tab-nav {height: 24px;margin-bottom: 20px;}
.m-sitemap-game .ui-tab-nav li { float: left;display: inline;width: 99px;height: 24px;padding: 0;border-bottom: 0;}
.m-sitemap-game .ui-tab-nav li a {display: block;margin: 0;font: 14px/24px 'Microsoft YaHei', sans-serif;background-color: #e9ecee; color: #7a7a7a;text-align: center;padding: 0px;}
.m-sitemap-game .ui-tab-nav li.current a,.m-sitemap-game .ui-tab-nav li a:hover {background-color: #6bb4e5;color: #fff;text-decoration: none;}
.m-sitemap-game .ui-tab-bd .letter {margin: 10px 0;font: bold 14px/14px 'Microsoft YaHei', sans-serif;color: #7a7a7a;}
.m-sitemap-game .ui-tab-bd .letter strong {color: #f36712;}
.m-sitemap-game .ui-tab-bd .game-list {width: 699px;overflow: hidden;}
.m-sitemap-game .ui-tab-bd .game-list ul {width: 740px;}
.m-sitemap-game .ui-tab-bd .game-list li {float: left;display: inline;margin-right: 10px;border-bottom: 0;padding: 0 0 15px 0;}
.m-sitemap-game .ui-tab-bd .game-list li a { font: 14px/1 'Microsoft YaHei', sans-serif;color: #7a7a7a;}
.m-sitemap-game .ui-tab-bd .game-list li a:hover {color: #f55;}