@charset "utf-8";
/*
 * FileName    : base.css
 * Author      : lw
 */

/*********************
 reset css / base css
 *********************/

article, aside, details, figcaption, figure, footer, header, menu, nav, section{ display:block; }
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, p{ margin:0; padding:0; }
table{ border-spacing:0; border-collapse:collapse; }
fieldset, img{ border:0; }
address, caption, cite, code, em, strong, th{ font-weight:normal; font-style:normal; }
ol, ul{ list-style:none; }
caption, th{ text-align:left; }
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:100%; }
input, button, textarea, select{ font-weight:inherit; font-style:inherit; font-size:inherit; font-family:inherit; }
input, button, textarea, select{ *font-size:100%; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus{ outline:0 none; }
:link, :visited{ text-decoration:none; }
pre{ white-space:pre-wrap; word-wrap:break-word; }

body, button, input, select, textarea{ font:12px/1.5  Helvetica, sans-serif; _font-family:"SimSun"; }
body{ background:#fff; color:#333; }
a{ color:#333; }
a:hover{ color:#f55; text-decoration:underline; }
.index-new, .index-new a{ color:#333; }
.fl{ float:left; }
.fr{ float:right; }
.tc{ text-align:center; }
.clear{ clear:both; }
.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:" "; font-size:0; }
* html .clearfix{ zoom:1; }
*:first-child + html .clearfix{ zoom:1; }
.hidden{ display:none; }

.f-fl{ float:left; }
.f-fr{ float:right; }
.f-tc{ text-align:center; }
.f-mt5{ margin-top:5px; }
.f-mt10{ margin-top:10px; }
.f-mt15{ margin-top:15px; }
.f-mb10{ margin-bottom:10px; }
.f-mt20{ margin-top:20px; }
.f-mb20{ margin-bottom:20px; }
/* 固定模块位置, 引用自Bootstrap */
body .f-affix { position: fixed; z-index:10; }
body .f-affix-top { }
body .f-affix-bottom {}

/*********************
 全局(新版的界面默认的页面宽度均为1000px)
 *********************/
.page-wrap{ position:relative; z-index:20; margin-right:auto; margin-left:auto; width:1000px; background-color:#fff; }

/* fix top-bar */
#top-bar a{ font:12px/1.5 "Simsun", Helvetica, sans-serif; }

#loginPage{ height:40px; }
#loginPage #top-bar{ position:absolute; top:0; right:0; left:0; }
#top-bar .tb-userinfo, #top-bar .tb-userinfo a{ line-height:38px; }
#top-bar .fb-line{line-height:1.5;}

/*邮箱提示*/
#top-bar .tb-login .login-box .sug-card { border: #ccc 1px solid; background: #fff; position: absolute; width: 254px; padding: 0; }
#top-bar .tb-login .login-box .sug-card li { padding: 10px 15px; }
#top-bar .tb-login .login-box .sug-card .sug-sel { cursor: pointer; background-color: #E0EEEE; }

/*********************
 背投
 *********************/
.gao7-wallpaper{ display:none; position:absolute; top:0; right:0; left:0; }
.gao7-wallpaper a{ position:absolute; top:0; z-index:1; margin:0 auto; width:100%; height:100%; }
.gao7-wallpaper .btn-close{ position:absolute; top:0; right:0; display:block; width:44px; height:44px; background:#333 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACSSURBVDhPnZLRDYAgDEQZwFncwBVYX//chNon1yghauQlZ2rvjvBBMrOplJJdc/qADFk6/FCC1bUo04GnDOQ4JRabqyuzkwdk6+18uBtNmVk76A9mIQPOgPRcCjAUgF2C51JAwBUFYH4vASGFg+8iAde/q2IoAGdQanaKV1jIgCbArB1cng9jD8A/Y09u7JHbdADg9p7UTlINPwAAAABJRU5ErkJggg==) no-repeat 65% 35%; opacity:.8; border-radius:0 0 0 100%;}
.gao7-wallpaper .btn-close:hover{opacity:.95;}
.gao7-wallpaper-close{ padding-top:0; }
.gao7-wallpaper-close #top-bar{ position:absolute; top:0; right:0; left:0; }

.has-wallpaper .gao7-wallpaper{ display:block;}
.has-wallpaper .page-wrap{ top:158px; margin-bottom:180px; padding:0 10px;}
.has-wallpaper #loginPage{ height:0; }

.gao7-index.has-wallpaper #loginPage #top-bar{ margin-left:-600px; width:1200px; }
.has-wallpaper #loginPage #top-bar,
.layout-narrow.has-wallpaper #loginPage #top-bar{ position:absolute; top:120px; left:50%; margin-left:-510px; width:1020px; }
.gao7-index.layout-narrow.has-wallpaper #loginPage #top-bar{ margin-left:-500px; width:1000px; }
.gao7-index.has-wallpaper #top-bar .tb-fun .fun-box ul,
.gao7-index.has-wallpaper #top-bar .site-map { width: 1198px; padding-right: 1px; }
.has-wallpaper #top-bar .tb-fun .fun-box ul,
.has-wallpaper #top-bar .site-map { width: 1018px; }

/*********************
 分页模块
 *********************/
.ui-page{ padding: 20px 0; text-align:center; }
.ui-page 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-page a[disabled]{ border:1px solid #ccc; background:#e4e4e4; color:#333; cursor:not-allowed; }
.ui-page a[disabled]:hover{ border:1px solid #ccc; background:#e4e4e4; color:#333; }
.ui-page a.on, .ui-page a:hover{ border-color:#379be9; background:#379be9; color:#fff; text-decoration:none; }

/*********************
 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; }

/*********************
 Grid 布局, 若没有特殊的情况, 子页面的布局为两栏布局, 左边为685px, 右边为290, 间距25px; 虽然这样的布局有点小隐患, 吧啦吧啦~.
 *********************/
.gird-1000{ width:1000px; font: 12px/1.5  Helvetica, sans-serif; }
.grid-row{ letter-spacing:-.31em; text-rendering:optimizespeed; }
.grid-c,
.grid-c-685,
.grid-c-290,
.grid-c-main,
.grid-c-side{ display:inline-block; *display:inline; vertical-align:top; word-spacing:normal; letter-spacing:normal; *zoom:1; text-rendering:auto; }
.grid-c-685, .grid-c-main{ width:685px; }
.grid-c-290, .grid-c-side{ width:290px; }
.grid-p-mr25, .grid-c-main{ margin-right:25px; }

/*********************
 头部, logo/搜索
 *********************/
.area-page-header{ position:relative; z-index:201; height:122px; }
.area-page-header .gao7-logo a{ display:block; width:200px; height:122px; text-indent:-999em; }
.area-page-header .gao7-logo{ position:absolute; top:0; left:10px; width:395px; height:122px; background:url("../images/gao7-logo/gao7-logo.png?ver=2") no-repeat 0 50%; }
.area-page-header .gao7-logo-android{ background:url("../images/gao7-logo/gao7-logo-android.png?ver=2") no-repeat 0 50%; }
.area-page-header .gao7-logo-news{ background:url("../images/gao7-logo/gao7-logo-news2.png?ver=1") no-repeat 0 50%; }
.area-page-header .gao7-logo-pack{ background:url("../images/gao7-logo/gao7-logo-pack.png?ver=1") no-repeat 0 50%; }
.area-page-header .gao7-logo-ios{ background:url("../images/gao7-logo/gao7-logo-ios.png?ver=1") no-repeat 0 50%; }
.area-page-header .gao7-logo-xin{ background:url("../images/gao7-logo/gao7-logo-xin.png?ver=1") no-repeat 0 50%; }
.area-page-header .gao7-logo-gl{ background:url("../images/gao7-logo/gao7-logo-gl.png?ver=1") no-repeat 0 50%; }
.area-page-header .gao7-logo-video{ background:url("../images/gao7-logo/gao7-logo-video.png?ver=1") no-repeat 0 50%; }
.area-page-header .gao7-logo-chanye{ background:url("../images/gao7-logo/gao7-logo-chanye.png?ver=1") no-repeat 0 50%; }
.area-page-header .gao7-logo-plan{ background:url("../images/gao7-logo/gao7-logo-plan.png?ver=1") no-repeat 0 50%; }
.area-page-header .gao7-logo-tech{ background:url("../images/gao7-logo/gao7-logo-tech.png?ver=2") no-repeat 0 50%; }
.area-page-header .gao7-logo-down{ background:url("../images/gao7-logo/gao7-logo-down.png?ver=1") no-repeat 0 50%; }
.area-page-header .gao7-logo-bg{ background:url("../images/gao7-logo/gao7-logo-bg.png") no-repeat 0 50%; }
.area-page-header .gao7-logo-vip{ background:url("../images/gao7-logo/gao7-logo-vip.png?ver=1") no-repeat 0 50%; }
.m-search-pageheader{ position:absolute; top:0; left:405px; padding-top:28px; }
.m-search-pageheader .search-form{ position:relative; margin-bottom:10px; height:44px; }
.m-search-pageheader .search-form input{ display:inline; float:left; padding:12px 12px 12px 110px; width:350px; height:16px; border:2px solid #f55; border-right:0; background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFkSURBVDhPlZG7SgNhFIRFrEQtRQQRtRQsAiJobyNpbESw1MY3EMTKFD6BaGE6a1E0SMQ0KTZ7gS0WC0WsfIGEgHhh/U52JCa78TIw/OfMmTP/v0nfd3ietw4D3/ffYUz9BAsa/wyMJS2dc24FQbDBeUjfhA04I2saDG+0nGlCv7U5HJTUBjet2rBWq41JygQhTXxltW0gPsJLtT3BRXm7qFqtDktKYCLpS67rzsNFySlUKpUBvG94VyQlsADSxzkPGB5JzoR9Bt41tQlYrMNtBnMWxiumNeoAv9GsLpuUlABx3waqT63mpl2YC8NwtGUC9NfwWW0ntFSy2p5IX6YvOI4zYhr1pnl43YT1KdizFXJvn2JaHMf99Dn0M81eYJF6r7XUjSiKhjBcwFfYwFjn/IB39g/RX1mQwo61loY9G8MyL8lTT0m2z9z5Cvg1pBdsqSukqNHf0R0i+X8g5AQ+eJ638Am79VaM30nYwgAAAABJRU5ErkJggg==) no-repeat 82px 50%; font-size:12px; line-height:16px; }
.m-search-pageheader .search-form a.submit_btn,
.m-search-pageheader .search-form a.j_submit_btn_old{ display:inline; float:left; width:100px; height:44px; background:#f55; color:#fff; text-align:center; text-decoration:none; font:bold 20px/44px 'Microsoft YaHei', sans-serif; }
.m-search-pageheader .search-suggest a{ margin-right:5px; font-size:12px; }
.m-search-pageheader .search-type{ position:absolute; top:2px; left:2px; }
.m-search-pageheader .search-type span{ display:block; padding-left:15px; width:55px; height:40px; background:#f7f7f7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAKElEQVQIW2OMjIz8z4ADMILEsSlYvnw5I1gSXQFIAiQGl4QpgEmA+ADbkg4PJnw6AQAAAABJRU5ErkJggg==) no-repeat 53px 19px; color:#595959; font-size:12px; line-height:40px; cursor:pointer; }
.m-search-pageheader .search-type .val-list{ display:none; }
.m-search-pageheader .open .val-list{ display:block; }
.m-search-pageheader .search-type .val-list{ position:absolute; top:-1px; left:-1px; border:1px solid #f55; background-color:#fff; }
.m-search-pageheader .search-type .val-list li{ padding-left:15px; width:55px; height:40px; font-size:12px; line-height:40px; cursor:pointer; }
.m-search-pageheader .search-type .val-list li:first-child{ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAKElEQVQIW2NkQAKRkZH/ly9fzggTgjNAEjBBmAKwJLIEsgJGbBIwBQCGOw4PRQ702wAAAABJRU5ErkJggg==) no-repeat 53px 19px; }
.m-search-pageheader .search-type .val-list li:hover{ background-color:#f7f7f7; }

.m-qrcode-hd{ position:absolute; top:6px; right:0; padding:5px 7px; width:80px; height:96px; border:1px solid #eee; background-color:#fbfbfb; text-align: center;  }
.m-qrcode-hd b { display: block; font-weight: normal; font-size: 12px; line-height: 18px; color: #313131; }
.m-qrcode-hd img{ width:80px; height:80px; }
.m-qrcode-hd .close{ position:absolute; top:-1px; left:-20px; width:18px; height:18px; border:1px solid #eee; background:#fbfbfb url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABFSURBVChTnY6xDQAwCMP4/5Q8SZeGoSgK1GtsRADIWFD+NGyeC+WuBvvJK9iAUBwH5DtYv0ZsqAQZuottty9cypsGBEAehKxKtiynRXgAAAAASUVORK5CYII=) no-repeat 50% 50%; }

.layout-narrow .m-search-pageheader{ left:290px; }
.layout-narrow .m-search-pageheader .search-form input{ width:275px; }

.gao7-compatible .area-page-header{ margin-right:auto; margin-left:auto; width:1000px; }
.gao7-compatible .m-search-pageheader{ right:0; left:inherit; }
.gao7-compatible .m-search-pageheader .search-form input{ width:310px; }

.gao7-compatible-980 .area-page-header{ margin-right:auto; margin-left:auto; width:980px; }
.gao7-compatible-980 .m-search-pageheader{ right:0; left:inherit; }
.gao7-compatible-980 .m-search-pageheader .search-form input{ width:310px; }
.gao7-compatible-980 #wrapper2 #wallpaper{ top:0px; }

.gao7-compatible-940 .area-page-header{ margin-right:auto; margin-left:auto; width:940px; }
.gao7-compatible-940 .m-search-pageheader{ right:0; left:inherit; }
.gao7-compatible-940 .m-search-pageheader .search-form input{ width:310px; }
.gao7-compatible-940 #wrapper2 #wallpaper{ top:-10px; }

.gao7-compatible-960 .area-page-header{ margin-right:auto; margin-left:auto; width:960px; }
.gao7-compatible-960 .m-search-pageheader{ right:0; left:inherit; }
.gao7-compatible-960 .m-search-pageheader .search-form input{ width:290px; }
.gao7-compatible-960 .area-nav-main{ width:100%; }
.gao7-compatible-960 .area-nav-main{ margin-right:auto; margin-left:auto; width:960px; }
.gao7-compatible-960 .ui-nav-main{ margin-left:45px; }
.gao7-compatible-960 .ui-nav-main li a{ padding:0 16px; }
.gao7-compatible-960 .ui-nav-main-sub{ display:none; }
.gao7-compatible-960 .page-wrap{ width:960px;}
.gao7-compatible-960.has-wallpaper #loginPage #top-bar{ width:980px; margin-left:-490px;}
.gao7-compatible-960.has-wallpaper #top-bar .tb-con{ width:960px;}
.gao7-compatible-960.has-wallpaper #top-bar .tb-fun .fun-box ul,
.gao7-compatible-960.has-wallpaper #top-bar .site-map{ width:978px;}
.gao7-compatible-960 #top-bar .tb-fun .fun-box ul,
.gao7-compatible-960 #top-bar .site-map{ width:958px;}
.gao7-compatible-960 #top-bar .tb-fun .fun-box li{ padding:0 14px 0 10px;}

/*********************
 导航 主导航/二级导航
 *********************/
.area-nav-main{ position:relative; z-index:200; margin-bottom:10px; width:1180px; height:50px; background-color:#444; }
.ui-nav-main{ display:block; margin-left:235px; height:50px; }
.ui-nav-main li{position:relative; display:inline; float:left; margin:2px 1px 0; height:48px; }
.ui-nav-main li.new-module:after{content:''; display:block; position:absolute; top:10px; right:14px; width:11px; height:12px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC1SURBVChTbZELEsMgCERzrk4Twdz/RlW6u2LGpmGGIPj4BLewEmEOhfUzutMv0c1GrMCmbt1qNM+L/VAiY4IXULAOBypVVAUU5S3wGbZ9VGXrgLhHK9keMhOpqJwtK1Q0xMbsdH/gz4mfU5vXYPHp0RSbdurGtrpgdbLcBhM4/x/MgzaQMC38Nke6w3Mmitbm+GnJQ+ULXi4UxzpXf4yRur6eku8v2AjMvTKBINfIM9eXid0svnFfY3r7ZQz/AAAAAElFTkSuQmCC) no-repeat 0 0;}
.ui-nav-main li a{ display:block; padding:0 25px; color:#fff; text-align:center; font:bold 16px/48px 'Microsoft YaHei', 'SimHei', sans-serif;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s; }
.ui-nav-main li a:hover,
.ui-nav-main .current a{ background-color:#fff; color:#444; text-decoration:none; }
.area-nav-main .ui-nav-main-sub{ position:relative; display:inline; float:left; margin-right:-190px; width:190px; height:50px; }
.ui-nav-main-sub .navtxt{ display:block; width:190px; height:50px; background:#f55 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAK0lEQVQIW2P8DwQMBAAjSB6fQkYQgBmCTSFMHq4I3URkA1AUwRQiKwCJAQDZcxQCju0fqwAAAABJRU5ErkJggg==") no-repeat 140px 23px; color:#fff; text-align:center; font:bold 16px/50px 'Microsoft YaHei', 'SimHei', sans-serif; cursor:pointer; }
.ui-nav-main-sub .sub-nav-list{ position:absolute; top:50px; left:0; z-index:201; display:none; width:188px; border:1px solid #f55; border-top:0; }
.area-nav-main .show-sub-nav .sub-nav-list{ display:block; }
.ui-nav-main-sub li{ position:relative; *float:left; width:188px; height:46px; border-bottom:solid 1px #eee; }
.ui-nav-main-sub .last{ margin-bottom:0; border-bottom:0; }
.ui-nav-main-sub .nav-txt{ position:relative; display:block; padding-left:55px; width:133px; height:44px; border-top:1px solid #fff; border-bottom:solid 1px #fff; background-color:#fff; line-height:44px; cursor:pointer; }
.ui-nav-main-sub .nav-txt img{ position:absolute; top:12px; left:21px; display:block; width:20px; height:20px; }
.ui-nav-main-sub .current .nav-txt,
.ui-nav-main-sub li:hover .nav-txt{ z-index:10; width:134px; border-top:1px solid #f55; border-bottom:solid 1px #f55; }
.ui-nav-main-sub .ui-nav-main-three{ display:none; }
.area-nav-main .ui-nav-main-sub .last .nav-txt{ margin-bottom:0; border-bottom:solid 1px #fff; }
.ui-nav-main-sub .current .ui-nav-main-three{ display:block; }
.ui-nav-main-three{ position:absolute; top:0; left:188px; z-index:5; padding:6px 22px 6px; width:350px; border:1px solid #f55; background-color:#fff; }
.ui-nav-main-three .content-wrap{ overflow:hidden; width:350px; border-bottom:solid 1px #eee; }
.ui-nav-main-three .content-wrap:last-child{ border-bottom:0; }

.nav-listview-dl{ padding:16px 0; width:362px; font-size:12px; }
.nav-listview-dl dt{ display:block; margin-bottom:10px; color:#f55; font-weight:bold; line-height:1em; }
.nav-listview-dl dd{ position:relative; display:inline; float:left; margin-right:24px; }
.nav-listview-dl dd a{ font-size:12px; }
.nav-listview-dl .mark-n,
.nav-listview-dl .mark-h{ position:absolute; top:-1px; right:-10px; display:block; width:10px; height:10px; text-indent:-999em; }
.nav-listview-dl .mark-n{ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAASklEQVQYV2M88+L3/8Zj3xnwgXorTgZG33Wf/uNVBZVEUbgpkJfBb/1nsBQyG8QnXyFIN8hUokwEKYJpgLmffKuJ8gy+YGIkNsABQ51Ix1NTnD4AAAAASUVORK5CYII=) no-repeat; }
.nav-listview-dl .mark-h{ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAPklEQVQYV2P8f+LEf4beXga8oLiYgfF/aOh//KogsqgKV61iYAgLg8ggsylTiOwOmOmUmUhdN+IJJ0ZiAxwATxA2Z4Uv34sAAAAASUVORK5CYII=) no-repeat; }

.nav-listview-img{ padding-top:16px; width:370px; height:130px; }
.nav-listview-img li{ display:inline; float:left; margin-right:20px; width:165px; height:130px; border-bottom:0; }
.nav-listview-img img{ width:165px; height:90px; }
.nav-listview-img span{ display:block; overflow:hidden; text-align:center; text-overflow:ellipsis; white-space:nowrap; font-size:12px; line-height:30px; }

.layout-narrow .area-nav-main{ width:980px; }
.layout-narrow .ui-nav-main{ margin-left:200px; }
.layout-narrow .ui-nav-main li a{ padding:0 18px; }
.layout-narrow .ui-nav-main li.new-module:after{right:6px;}

.gao7-compatible .area-nav-main{ margin-right:auto; margin-left:auto; width:1000px; }
.gao7-compatible .ui-nav-main{ margin-left:45px; }
.gao7-compatible .ui-nav-main li a{ padding:0 16px; }
.gao7-compatible .ui-nav-main-sub{ display:none; }


.gao7-compatible.area-nav-main{ margin-right:auto; margin-left:auto; width:1000px; }
.gao7-compatible.ui-nav-main{ margin-left:45px; }
.gao7-compatible.ui-nav-main li a{ padding:0 16px; }
.gao7-compatible.ui-nav-main-sub{ display:none; }

.gao7-compatible-980 .area-nav-main{ margin-right:auto; margin-left:auto; width:980px; }
.gao7-compatible-980 .ui-nav-main{ margin-left:45px; }
.gao7-compatible-980 .ui-nav-main li a{ padding:0 16px; }
.gao7-compatible-980 .ui-nav-main-sub{ display:none; }

/*********************
 面包屑导航
 ********************
.gao7-crumb-nav{ margin-top:-10px; padding:16px 0 16px 40px; height:18px; background:#fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABQSURBVChTnYvBDcAgDAOz/waZlgpIIlr5EPQkP+KcjXD31hPnGTm6Gn9HmXhr1GBNaG+UqBL6RAm7/BplxrhDD+oLEqgvSKC+IIH6ggTdmz3H+gvQEWKIJgAAAABJRU5ErkJggg==") no-repeat 20px 50%; font-family:"宋体", sans-serif; }

/*********************
 页脚
 *********************/
.page-footer{ min-width:1200px; border-top:solid 2px #f55; background-color:#fff; }
.page-bottom-footer { border-top: none; }
.m-footer-nav{ margin:0 auto; padding:18px 10px 30px; width:1180px; }
.m-footer-nav .nav-container{ display:inline; float:left; overflow:hidden; padding:0 30px; min-height:90px; width:185px; border-right:solid 1px #eee; }
.m-footer-nav .first{ padding-left:0; }
.m-footer-nav .last{ padding-right:0; border-right:0; }
.m-footer-nav dl{ width:220px; }
.m-footer-nav dt{ display:block; margin-bottom:10px; font-weight:bold; line-height:1em; }
.m-footer-nav dd{ float:left; margin-right:25px; line-height:26px; }
.m-footer-nav dd a{ white-space:nowrap; font-size:12px; }

.area-footer-sub{ background-color:#333; /* margin-top: -2px; */}
.area-footer-sub .footer-sub-container{ margin:0 auto; width:1200px; padding-top:16px; }

.m-friendly-links{ padding:0 0 16px 10px; border-bottom:solid 1px #555; }
.m-friendly-links dt{ display:block; color:#fff; 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:#999; text-decoration:underline; }

.layout-narrow .page-footer{ min-width:1000px; }
.layout-narrow .m-footer-nav{ width:980px; }
.layout-narrow .m-footer-nav .nav-container{ padding:0 18px; min-height:90px; width:165px; }
.layout-narrow .m-footer-nav .first{ padding-left:0; }
.layout-narrow .m-footer-nav .last{ padding-right:0; }
.layout-narrow .m-footer-nav dl{ width:185px; }
.layout-narrow .m-footer-nav dd{ margin-right:15px; }
.layout-narrow .m-footer-nav dd a{ white-space:nowrap; font-size:12px; }
.layout-narrow .area-footer-sub .footer-sub-container{ width:1000px; overflow:hidden;}
.layout-narrow .m-friendly-links{ width:1020px; }

.gao7-compatible .page-footer{ min-width:1000px; }
.gao7-compatible .m-footer-nav{ width:980px; }
.gao7-compatible .m-footer-nav .nav-container{ padding:0 18px; min-height:90px; width:165px; }
.gao7-compatible .m-footer-nav .first{ padding-left:0; }
.gao7-compatible .m-footer-nav .last{ padding-right:0; }
.gao7-compatible .m-footer-nav dl{ width:185px; }
.gao7-compatible .m-footer-nav dd{ margin-right:15px; }
.gao7-compatible .m-footer-nav dd a{ white-space:nowrap; font-size:12px; }
.gao7-compatible .area-footer-sub .footer-sub-container{ width:1000px; }

.gao7-compatible-980 .page-footer{ min-width:980px; }
.gao7-compatible-980 .m-footer-nav{ width:960px; }
.gao7-compatible-980 .area-footer-sub .footer-sub-container{ width:980px; }

.gao7-compatible-960 .page-footer{ min-width:960px; }
.gao7-compatible-960 .m-footer-nav{ width:940px; }
.gao7-compatible-960 .area-footer-sub .footer-sub-container{ width:960px; }

/*.gao7-compatible .m-friendly-links{ width:1040px; }*/

/***********
 网站通用评论(盖楼)
 createtime : 2014-7-10
 author : lw;
 ***********/

.clear:after{ display:block; visibility:hidden; clear:both; height:0; content:" "; font-size:0; }
* html .clear{ zoom:1; }
*:first-child + html .clear{ zoom:1; }

.area_comment{ padding:0 10px; }
.comment_info{ position:relative; margin-bottom:-1px; padding:20px 0 20px 60px; border-top:solid 1px #eee; border-bottom:solid 1px #eee; color:#333; font:12px/1.5 tahoma,  "Hiragino Sans GB", \5b8b\4f53; }
.comment_info:last-child{ margin-bottom:0; }
.comment_info_split{ /*颜色交替*/ }
.comment_face{ position:absolute; top:20px; left:0; }
.comment_face a{ display:block; height:50px; }
.comment_face a img{ width:50px; height:50px; }
.comment_body{ }
.comment_author{ margin-bottom:5px; }
.comment_author span{ margin-right:10px; color:#333; }
.comment_author .comment_username{ color:#f55; }
.comment_author .comment_userother{ }
.comment_author .comment_createtime{ }
.comment_content_info{ position:relative; }
.comment_content_info .comment_contnet{ margin:0 0 5px 0; padding:0; color:#555; }
.comment_content_info .comment_operator{ margin:0; padding:0; }
.comment_content_info .comment_operator li{ display:inline-block; *display:inline; margin:0 15px 0 0; padding:0 0 0 21px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAoCAYAAAAhf6DEAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC9SURBVEhL7ZbhDYMgEIUZpSN0hI7gCIzQERzBDXAURnAUN2jf2aOepMGD+1F/8JKXwPN9MQYwuJJCCE/4Bc8c6QVoZJj84FinDK57O4Ao4MjxuVBO31sHo3jPQPLIj3chXFOB515mBS9U/gYMy0LRFni2wNECTxZ4+Av82aoY5Ou8pHnBfoO7ui4s2qew5p8lTX1/OBiVXrVH8Kc7XGmCTUvVvkmkEMibAFl/G0B5aAJJAG5NYBLAiYcncu4NhiZuZqobc5IAAAAASUVORK5CYII=) no-repeat 0 0; cursor:pointer; *zoom:1; }
.comment_content_info .comment_operator li:hover{ color:#0088cc; }
.comment_content_info .comment_operator .comment_reply_btn{ background-position:0 -23px; }
.comment_content_info .comment_operator .comment_Digg_btn{ background-position:0 2px; }
.comment_content_info .comment_diggcount{ }
.comment_reply_form{ display:block; margin:10px 0; }
.comment_reply_form textarea{ margin-bottom:5px; padding:1%; width:98%; height:60px; border:1px solid #ccc; border-radius:4px; }
.comment_reply_submit{ display:block; float:right; width:60px; height:26px; border-radius:4px; background-color:#f55; color:#fff; text-align:center; text-decoration:none; line-height:24px; }
.comment_reply_submit:hover{ background-color:#62839c; }
/* 楼层 */
.comment_floor_info{ margin:0 0 5px 0; padding:1px; border:1px solid #ccc; background-color:#fff; }
.comment_floor_author{ position:relative; display:block; padding:2px 0 5px 3px; }
.comment_floor_author span{ margin-right:10px; color:#333; }
.comment_floor_author .comment_floor_username{ color:#f55; }
.comment_floor_author .comment_floor_userother{ }
.comment_floor_author .comment_floor_index{ position:absolute; top:1px; right:5px; margin-right:0; }
.comment_floor_contnet{ display:block; padding:0 0 5px 3px; color:#555; }
/* 分页 */
.comment_paging{ margin:0; padding:20px 0; height:20px; text-align:center; font-size:12px; }
.comment_paging li{ display:inline-block; *display:inline; margin:0 5px 0 0; height:20px; border:1px solid #ccc; border-radius:2px; color:#333; text-align:center; line-height:20px; cursor:default; *zoom:1; _width:36px; }
.comment_paging li a{ display:block; padding:0 7px; height:20px; color:#333; text-align:center; text-decoration:none; }
.comment_paging .paging_btn{ width:auto; _width:70px; }
.comment_paging li:hover,
.comment_paging .current{ border:1px solid #f55; background-color:#f55; color:#fff; }
.comment_paging li:hover a,
.comment_paging .current a{ color:#fff; }

/* 加载更多 */
.comment_loadmore{ display:block; margin:10px 0; height:40px; background-color:#f1f1f1; color:#333;
    text-align:center; text-decoration:none; font-size:14px; line-height:40px; -webkit-transition:all .5s; transition:all .5s; }
.comment_loadmore i{ display:none; margin-right:5px; width:14px; height:14px;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEHSURBVDhPpZMxTgJBFIaHyoQeC2sbgleAA2ihBzCIiZ5FSAweQSzhDho7LI0JJcewBP2+2V2zsrNsjH/yJfPe+9/s7uy80KA5LLJlsw5gDMcxyvSRU8jaHeit6BA+YQVtE6i8gTlrejomUrqGL5jFKIT3HPUI1kYx2qMn0NiFixzX5qxV9ApruIc++Kpn0IJCrs1Z06PXHnvDFbzBFnzKA9TJRj167RnCj47gFnoxSsuaHr0VmbyBkxilZU3Prw0uYQkbaPoEa3r02hM/4Rk8kCkMwIM6hd1DNGdNj157XqCi8m88zyl+Y3E/auUlKRv/dJH+fZUdkAk0DZOe5DCl5CjvGecQvgH8/0OeYqXE4AAAAABJRU5ErkJggg==) no-repeat 0 0; background-size:14px 14px; vertical-align:-2px;
    -webkit-transition-duration:0ms;
    -webkit-transform:rotate(0deg) translateZ(0);
    -webkit-animation-name:loading;
    -webkit-animation-duration:3s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;
}
/* 查看更多 */
.comment_readmore{ display:block; margin:3px; background-color:#f4f4f4; color:#333; text-align:center; text-decoration:none; line-height:2em; }
.comment_readmore:hover{ background-color:#f1f1f1; }

@-webkit-keyframes loading{
    from{ -webkit-transform:rotate(0deg) translateZ(0); }
    to{ -webkit-transform:rotate(360deg) translateZ(0); }
}

@media only screen and (max-width:640px){
    .comment_info{ padding:20px 0 20px 0; }
    .comment_face{ position:static; display:inline; float:left; margin-right:10px; width:30px; height:30px; border-radius:15px; }
    .comment_face a img{ width:30px; height:30px; border-radius:15px; }
    .comment_author{ margin-bottom:10px; line-height:30px; }
    .comment_content_info .comment_operator .comment_reply_btn{ background-position:0 -16px; background-size:12px auto; }
    .comment_content_info .comment_operator .comment_Digg_btn{ background-position:0 3px; background-size:12px auto; }
}

/*********************
 页脚兼容
 *********************/
.m-footer-info{ padding-bottom:10px; }
.m-footer-info p{ margin-bottom:8px; color:#999; text-align:center; font-size:12px }
.m-footer-info p a{ margin:0 6px; color:#999; font-size:12px }
.m-footer-info p a:hover{ text-decoration:underline }
.m-footer-info p img{ margin-top:10px; }
.m-footer-info .foot-logo {margin-right:40px;}

/*********************
 侧边快捷通道, 置顶
 *********************/
.m-sidebar-panel{ width:54px; height:54px; position:fixed; left: 50%; bottom:135px; margin-left: 510px; cursor:pointer; opacity:.8; filter:Alpha(opacity=80); z-index:98; overflow:hidden; _position:absolute; _bottom:auto; }
.s-hide{ display:none;}
.m-sidebar-panel a{ display:block; width:54px; height:54px; margin-bottom:5px; text-indent:-9999em; background:transparent url("../images/side-btns.png") no-repeat 0 0; }
.m-sidebar-panel .sbbtn-sina{ background-position:0 0; }
.m-sidebar-panel .sbbtn-sina:hover{ background-position:-54px 0; }
.m-sidebar-panel .sbbtn-wx{ background-position:0 -54px; }
.m-sidebar-panel .sbbtn-wx:hover{ background-position:-54px -54px; }
.m-sidebar-panel .sbbtn-yjfk{ background-position:0 -108px; }
.m-sidebar-panel .sbbtn-yjfk:hover{ background-position:-54px -108px; }
.m-sidebar-panel .sbbtn-gototop{ background-position:0 -162px; }
.m-sidebar-panel .sbbtn-gototop:hover{ background-position:-54px -162px; }

/*********************
 兼容旧版
 *********************/
body .top-box,
body #loginPage,
body #top-bar{ position:relative; z-index:400; }

/* 搞趣头部网站导航 响应样式 */
.gao7-index #top-bar .tb-con{ width:1180px; }
.gao7-index.layout-narrow #top-bar .tb-con{ width:980px; }
.gao7-index.layout-narrow #top-bar .tb-fun .fun-box ul,
.gao7-index.layout-narrow #top-bar .site-map { width: 978px; }
.gao7-index.layout-narrow.has-wallpaper #top-bar .tb-fun .fun-box ul,
.gao7-index.layout-narrow.has-wallpaper #top-bar .site-map { width: 998px; }
.gao7-index.layout-narrow #top-bar .tb-fun .fun-box li { width:209px; padding-right:15px; }
.gao7-index #top-bar .tb-fun .fun-box ul,
.gao7-index #top-bar .site-map{ width:1178px; }
.gao7-index #top-bar .tb-fun .fun-box li{ width: 258px; height: 295px; }

/*********************
 百度share层级问题
 *********************/
body .bdshare-slide-button-box { z-index: 9999; }

/*浮动广告*/
.turn-layer{ display:none; position: fixed; bottom:15px; left: 15px; _position: absolute; _bottom: auto; z-index: 100; }
.turn-layer a{ display:block;}
.turn-layer img{ display:block; width:136px; height:223px; }
.turn-layer.active{ display:block;}
.turn-layer .close{position:absolute; right:0; top:0; width:20px; height:20px; background:#eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAN0lEQVQYV2MMDQ39v3r1akYGHAAkD5bEpRAmDjcBXSEyH8UamAS6Bgy3YLOaNJMIuomg74gJJwBtZUAGgXdlwAAAAABJRU5ErkJggg==) no-repeat 50% 50%; cursor:pointer;}


/*********************
 搜索建议
 lyy, linwu
 2014-9-19
 *********************/
.search-highlight{ font-weight:normal; color:#f55; }

.m-search-helper{ position:absolute; top:42px; left:72px;background:#fff; box-shadow:0 1px 1px #ccc; overflow:hidden; display:none; }
.m-search-helper.active{ display:block; }
.m-search-helper li{ overflow:hidden; padding:0 10px; border-bottom:#d2d2d2 1px dashed; background-color:#fff;
    -webkit-transition:background-color ease .2s;
    -moz-transition:background-color ease .2s;
    -ms-transition:background-color ease .2s;
    -o-transition:background-color ease .2s;
    transition:background-color ease .2s; }
.m-search-helper li.active{ background-color:#f4f4f4; margin:0;}
.m-search-helper li a{ display:block;font:13px/34px 'Simsun',sans-serif; color:#333;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.m-search-helper li a:hover{ color:#f55;text-decoration:none;}
.m-search-helper li span{float: left; display:inline; margin-right:10px; height:32px; }
.m-search-helper li img{ width:24px; height:24px; vertical-align:-6px; margin-right:5px; border-radius:3px;}
.m-search-helper li .app-face{float: left; display:inline; margin-right:10px; position:relative; width:32px; height:32px; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.m-search-helper li .tag-android,
.m-search-helper li .tag-ios{ margin-top:4px; width:54px; height:24px; line-height:24px; text-align:center; color:#fff; background:#73c820; }
.m-search-helper li .tag-ios{ background:#379be9; }
.m-search-helper .search-more{ display:block; text-align:center; padding:10px; font:13px/24px 'Simsun',sans-serif;}
.m-search-helper .search-more:hover{color:#f55; text-decoration:none;}
.m-search-helper .search-more.active{ color:#f55; background-color:#f4f4f4; margin:0;}
.m-search-helper .search-more span{ color:#f55;}
.m-search-helper li .search_key{ color:#f55; }

.layout-narrow .m-search-helper{ width:327px; }

.gao7-compatible .m-search-helper{ }
.gao7-compatible-960 .m-search-helper{ width:342px;}

/*********************
 美女图片墙(瓦片墙)
 linwu
 2014-10-15
 *********************/
.area-girl-wall{position:relative; margin-bottom:20px;}
.area-girl-wall .area-more{position:absolute; top:20px; right:0; font:14px/20px "SimSun", "宋体", sans-serif; color:#555;}
.area-girl-wall .area-more:hover{ color:#f55;}
.area-girl-wall .container{position:relative; margin-top:20px; height:480px; background-color:#fff; z-index:40;}
.area-girl-wall .girl-item{ display:block; overflow:hidden; }
.area-girl-wall .girl-item p{ position:absolute; right:0; bottom:-100px; left:0; z-index:10; display:block; overflow:hidden; padding:9px 18px; max-height:70px; background-color:#555; background-color:rgba(0, 0, 0, .7); *background-color:#555; color:#fff; font:16px/26px 'Microsoft YaHei', 'SimHei', sans-serif; -webkit-transition:bottom .4s;
    -moz-transition:bottom .4s;
    -ms-transition:bottom .4s;
    -o-transition:bottom .4s;
    transition:bottom .4s;
    _width:94%; _padding:9px 3%; _bottom:0px; }
.area-girl-wall .girl-item:hover p{ bottom:0; }
.girl-group-1, .girl-group-2, .girl-group-3, .girl-group-4, .girl-group-5, .girl-group-6, .girl-group-7{ position:absolute; z-index:40; overflow:hidden; }
.girl-group-1{ top:0; left:0; width:200px; height:480px; }
.girl-group-2{ top:0; left:200px; width:245px; height:150px; }
.girl-group-3{ top:150px; left:200px; width:245px; height:330px; }
.girl-group-4{ top:0; left:445px; width:490px; height:275px; }
.girl-group-4 p{ text-align:center; }
.girl-group-5{ top:275px; left:445px; width:490px; height:205px; overflow:hidden; }
.girl-group-5 .girl-item{ position: relative; float:left; width:245px; }
.girl-group-5 img{ width:245px; height:205px; display: block; }
.girl-group-6{ top:0; left:935px; width:245px; height:275px; }
.girl-group-7{ top:275px; left:935px; width:245px; height:205px; }

.layout-narrow .area-girl-wall .girl-item{ display:block; overflow:hidden; background-color:#fff; }
.layout-narrow .area-girl-wall .girl-item img{ margin-left:-20px; }
.layout-narrow .area-girl-wall .girl-item p{ padding:6px 12px; max-height:56px; font:15px/22px 'Microsoft YaHei', 'SimHei', sans-serif; }
.layout-narrow .area-girl-wall .girl-item:hover p{ bottom:0; }
.layout-narrow .girl-group-1{ width:160px; }
.layout-narrow .girl-group-2{ left:160px; width:205px; }
.layout-narrow .girl-group-3{ left:160px; width:205px; }
.layout-narrow .girl-group-4{ left:365px; width:410px; }
.layout-narrow .girl-group-4 img { margin-left: -40px; }
.layout-narrow .girl-group-5{ left:365px; width:410px; }
.layout-narrow .girl-group-5 .girl-item{ width:205px; }
.layout-narrow .girl-group-6{ left:775px; width:205px; }
.layout-narrow .girl-group-7{ left:775px; width:205px; }


/**********
 关于我们的头部
 edit by linwu on 2014-12-11
 **********/
.m-header-simplify{ height:90px; background-color:#f55; margin-bottom:30px;}
.m-header-simplify .inner{ width:1000px; margin: 0 auto;}
.m-header-simplify .logo{float: left; display:inline; width:367px; height:62px; margin:14px 0; background:url("../images/gao7-logo/gao7-logo-white.png") no-repeat 0 0;}