@charset "UTF-8";
body, p, h1, h2, h3, ul, li, ol, button, input, form, label, div, h4, span, a, textarea { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

ol, ul { list-style: none; }

a { text-decoration: none; border: 0; outline: none; }

i { font-style: normal; }

a, button, input, div { -webkit-tap-highlight-color: rgba(255, 0, 0, 0); }

body { font-family: "microsoft yahei","HelveticaNeue-Light", "Helvetica Neue Light","Clockopia"; -webkit-touch-callout: none; }

img { display: block; border: 0px; }

a:active { opacity: 0.8; }

a:hover { opacity: 0.9; }

.dot, .tit-content-article { text-overflow: ellipsis; overflow: hidden; max-width: 100%; white-space: nowrap; }

.dot2, .article-recommend .tit-content-article { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.hide, .tit-main, .search-lb, .icon-wx, .icon-wb, .icon-zk, .btn-prev, .btn-next, .btn-share, .btn-fav, .btn-pop-close, .btn-back-top { text-indent: -9999px; }

.icon-btn-join, .btn-join { background-image: url(//game.gtimg.cn/images/tgideas/web201805/sprite0914.png); background-position: 0 -302px; width: 215px; height: 50px; }

/*.icon-chart-i,.icon-chart-m,.icon-chart-p,.icon-chart-v,.icon-chart-w{background-image:url(//game.gtimg.cn/images/tgideas/web201805/sprite0914.png);background-position:-346px 0;width:163px;height:150px}
.icon-chart-m,.icon-chart-p,.icon-chart-v,.icon-chart-w{background-position:0 0}
.icon-chart-p,.icon-chart-v,.icon-chart-w{background-position:-173px 0}
.icon-chart-v,.icon-chart-w{background-position:0 -151px}
.icon-chart-w{background-position:-173px -151px}*/
.icon-next, .icon-prev, .icon-search, .miniprogram .mini-logo, .search-lb, .icon-share, .btn-share, .icon-lamp, .icon-lamp-on, .reading_lamp_on .btn-lamp .icon-lamp, .icon-likethumb, .icon-likethumb-ed1, .article-liker-lned .article-liker-icon, .icon-likethumb-ed2, .reading_lamp_on .article-liker-lned .article-liker-icon { background-image: url(//game.gtimg.cn/images/tgideas/web201805/sprite0914.png); background-position: -346px -151px; width: 50px; height: 50px; }

.icon-prev, .icon-search, .miniprogram .mini-logo, .search-lb, .icon-share, .btn-share { background-position: -406px -151px; }

.icon-search, .miniprogram .mini-logo, .search-lb, .icon-share, .btn-share { background-position: -414px -211px; width: 21px; height: 22px; }

.icon-share, .btn-share { background-position: -467px -151px; width: 32px; height: 32px; }

.icon-lamp, .icon-lamp-on, .reading_lamp_on .btn-lamp .icon-lamp { width: 22px; height: 22px; display: inline-block; }

.icon-lamp { background-position: -380px -250px; }

.icon-lamp-on, .reading_lamp_on .btn-lamp .icon-lamp { background-position: -350px -250px; }

.icon-likethumb, .icon-likethumb-ed1, .article-liker-lned .article-liker-icon, .icon-likethumb-ed2, .reading_lamp_on .article-liker-lned .article-liker-icon { width: 34px; height: 34px; background-position: -460px -230px; }

.icon-likethumb-ed1, .article-liker-lned .article-liker-icon { background-position: -500px -230px; }

.icon-likethumb-ed2, .reading_lamp_on .article-liker-lned .article-liker-icon { background-position: -460px -310px; }

.icon-view, .icon-weibo, .icon-wb, .icon-weixin, .icon-wx, .icon-zk { background-image: url(//game.gtimg.cn/images/tgideas/web201805/sprite0914.png); background-position: -445px -211px; width: 14px; height: 12px; }

.icon-weibo, .icon-wb, .icon-weixin, .icon-wx { background-position: -346px -211px; width: 24px; height: 24px; }

.icon-weixin, .icon-wx { background-position: -380px -211px; }

.icon-zk { background-position: -420px -280px; width: 22px; height: 22px; }

.i-view { background: url("https://game.gtimg.cn/images/tgideas/web201805/i-view.png") no-repeat; width: 16px; height: 14px; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 5px; }

.i-like { background: url("https://game.gtimg.cn/images/tgideas/web201805/i-like.png") no-repeat; width: 16px; height: 14px; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 5px; }

.i-close { background: url("https://game.gtimg.cn/images/tgideas/web201805/i-close.png") no-repeat; width: 24px; height: 24px; display: inline-block; vertical-align: middle; }

.i-miss { background: url("https://game.gtimg.cn/images/tgideas/web201805/i-miss.png") no-repeat; width: 117px; height: 109px; display: inline-block; vertical-align: middle; }

a { color: #d9d9d9; }

body { background: #181818; padding-top: 80px; }

.wr, .container { max-width: 1400px; min-width: 1000px; margin: 0 auto; position: relative; }

.container { min-height: 600px; }

.header { height: 80px; border-bottom: 1px solid rgba(38, 38, 38, 0.95); position: fixed; top: 0; left: 0; width: 100%; background: rgba(24, 24, 24, 0.95); -ms-transform: translate(0, 0); transform: translate(0, 0); -ms-transition: transform .5s ease-in; transition: transform .5s ease-in; z-index: 100; }
.header .wr { z-index: 10; }
.header.up { -ms-transform: translate(0, -82px); transform: translate(0, -82px); }

.tit-main { position: absolute; }

.header-logo { position: absolute; width: 143px; height: 32px; top: 20px; left: 10px; background: url("//game.gtimg.cn/images/tgideas/web201805/logo-tgideas3.png") no-repeat; text-indent: -999em; overflow: hidden; }

.nav { width: 55%; margin: 0 auto; height: 100%; }

.lis-nav { font-size: 0; *zoom: 1; height: 100%; }
.lis-nav .item, .lis-nav .nav-it, .lis-nav .content-it, .lis-nav .filter-it { display: inline-block; *display: inline; *zoom: 1; font-size: 14px; vertical-align: top; }
.lis-nav .nav-it { font-size: 16px; }

.nav-it { height: 100%; width: 12%; margin: 0 2%; }
.nav-it.on .nav-ln { color: #d9d9d9; }
.nav-it.on .nav-ln span:after { opacity: 1; -ms-transform: scale(1, 1); transform: scale(1, 1); }

.nav-ln { display: block; height: 100%; text-align: center; color: #606060; line-height: 20px; padding: 30px 0; transition: color .2s ease-in; }
.nav-ln span { position: relative; }
.nav-ln span:after { content: ''; display: block; height: 1px; background: #d9d9d9; position: absolute; bottom: -31px; left: 0; right: 0; opacity: 0; -ms-transform: scale(0, 1); transform: scale(0, 1); -ms-transition: opacity .2s ease-in,-ms-transform .2s ease-out; transition: opacity .2s ease-in,transform .2s ease-out; z-index: 1; }
.nav-ln:hover { color: #d9d9d9; }
.nav-ln:hover span:after { opacity: 1; -ms-transform: scale(1, 1); transform: scale(1, 1); }

.header-action { position: absolute; right: 10px; top: 0; }

.sound-link { overflow: hidden; display: inline-block; position: relative; width: 48px; height: 80px; text-align: center; }
.sound-link .ln-sound { display: inline-block; width: 24px; height: 24px; margin: 28px 0 0 0; }
.sound-link .sound-logo { background: #fee31a url("//game.gtimg.cn/images/tgideas/web201805/i-sound.png") center center no-repeat; width: 24px; height: 24px; border-radius: 100%; display: block; }

.miniprogram { overflow: hidden; display: inline-block; position: relative; width: 48px; height: 80px; }
.miniprogram:hover { overflow: visible; }
.miniprogram .minitips { position: relative; width: 24px; height: 24px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #2ba246; border-radius: 50%; }
.miniprogram .mini-logo { position: absolute; top: 50%; left: 50%; width: 13px; height: 12px; transform: translate(-50%, -50%); background-position: -390px -290px; }
.miniprogram .miniqr { opacity: 0; position: absolute; top: 100px; width: 138px; height: 138px; background: #f9f9f9; padding: 9px; left: 50%; transform: translateX(-50%); transition: opacity ease-in .5s; border-radius: 6px; }
.miniprogram .miniqr:after { content: ''; position: absolute; top: -24px; left: 50%; border-style: dashed dashed solid dashed; border-width: 12px 7px; border-color: transparent transparent #f9f9f9 transparent; transform: translateX(-50%); }
.miniprogram:hover .miniqr { opacity: 1; }

.search { margin-top: 30px; display: inline-block; vertical-align: top; margin-left: 13px; }

.search-lb { display: inline-block; cursor: pointer; }

.search-ip { border: 1px solid #262626; background: none; font-size: 16px; line-height: 21px; color: #d9d9d9; padding: 0 2px; width: 155px; }

.header-mcenter { margin-left: 2px; width: 80px; display: inline-block; vertical-align: top; }

#unlogin { line-height: 80px; width: 80px; display: block; text-align: center; color: #565656; }
#unlogin a { width: 36px; height: 36px; border-radius: 40px; overflow: hidden; margin-left: auto; margin-right: auto; margin-top: 22px; cursor: pointer; display: block; background-image: url("https://game.gtimg.cn/images/tgideas/web201805/unlogin.png"); background-size: 100% 100%; }

#logined { width: 80px; height: 80px; padding-top: 1px; position: relative; transition: all 300ms ease-in-out; }

#logined:hover .header-avatar-menu { visibility: visible; opacity: 1; }

.header-avatar { position: relative; width: 36px; height: 36px; margin-left: auto; margin-right: auto; margin-top: 22px; cursor: pointer; display: block; }
.header-avatar img { display: block; width: 100%; height: 100%; border-radius: 40px; }
.header-avatar.redpoint:after { content: ''; position: absolute; top: 0; right: 0; width: 8px; height: 8px; background: red; border-radius: 50%; }

.header-avatar-menu { position: absolute; right: 0; top: 0; background-color: #1d1d1d; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); width: 150px; margin-top: 80px; opacity: 0; visibility: hidden; transition: all 300ms ease-in-out; }

.header-avatar-menu li { position: relative; line-height: 54px; padding: 0 20px; border-bottom: 1px solid #262626; }
.header-avatar-menu li a { color: #adadad; font-size: 14px; display: block; }
.header-avatar-menu li a.m_logout { color: #adadad; }
.header-avatar-menu li .redpoint:after { content: ''; position: absolute; top: 23px; right: 50px; width: 8px; height: 8px; background: red; border-radius: 50%; }

.header-avatar-menu li:nth-last-child(1) { border-bottom: none; }

.reading_lamp_on #logined:hover { background: #F3F3F3; }
.reading_lamp_on .header-avatar-menu { background: #FAFAFA; }
.reading_lamp_on .header-avatar-menu li { border-bottom: 1px solid #F3F3F3; }
.reading_lamp_on #unlogin a { background-image: url("https://game.gtimg.cn/images/tgideas/web201805/unlogin_on.png"); }

.tit-content { width: 895px; margin: 87px auto 82px auto; pointer-events: none; }
.tit-content img { width: 100%; }

.extend-head { position: relative; margin: 100px auto; width: 1400px; font-size: 14px; color: #646464; text-align: center; }

.extend-head h1 { height: 50px; font-size: 36px; color: #d9d9d9; margin-bottom: 10px; font-family: "苹方"; font-weight: normal; }

.extend { overflow: hidden; width: 100%; margin: 100px auto; }
.extend ul { width: 100%; font-size: 0; }
.extend li { position: relative; display: inline-block; width: 22.85%; width: calc((100% - 120px)/4); margin-right: 40px; background: #212121; line-height: 42px; font-size: 18px; color: #d9d9d9; text-indent: 14px; opacity: 0; -ms-transform: translate(0, 30%); transform: translate(0, 30%); -ms-transition: transform 0.5s cubic-bezier(0.555, 0.105, 0.225, 1.26), opacity 0.5s ease-in; transition: transform 0.5s cubic-bezier(0.555, 0.105, 0.225, 1.26), opacity 0.5s ease-in; }
.extend li:last-child { margin-right: 0; }
.extend p { position: absolute; bottom: 0; left: 0; background: rgba(33, 33, 33, 0.8); width: 100%; font-size: 16px; height: 50px; line-height: 50px; }
.extend img { width: 100%; height: auto; }
.extend a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; bottom: 0; background: #000; opacity: 0.5; transition: opacity .3s ease-in; z-index: 2; }
.extend a:hover:after { opacity: 0; }
.extend.active li { opacity: 1; -ms-transform: translate(0, 0); transform: translate(0, 0); }

.lis-content, .lis-filter { font-size: 0; *zoom: 1; }
.lis-content .item, .lis-content .nav-it, .lis-content .content-it, .lis-content .filter-it, .lis-filter .item, .lis-filter .nav-it, .lis-filter .content-it, .lis-filter .filter-it { display: inline-block; *display: inline; *zoom: 1; font-size: 16px; vertical-align: top; }

.hden-content { display: none; }

.lis-filter { margin: 35px auto 60px; text-align: center; }
.lis-filter .on .filter-ln, .lis-filter .filter-ln:hover { color: #d9d9d9; opacity: 1; }

.filter-ln { font-size: 16px; color: #606060; padding: 0 18px 0 18px; margin-right: 20px; transition: color .2s ease-in; }

.content-it { width: 30%; margin-left: 5%; margin-bottom: 5%; opacity: 0; -ms-transform: translate(0, 30%); transform: translate(0, 30%); -ms-transition: transform 0.5s cubic-bezier(0.555, 0.105, 0.225, 1.26), opacity 0.5s ease-in; transition: transform 0.5s cubic-bezier(0.555, 0.105, 0.225, 1.26), opacity 0.5s ease-in; }
.content-it:nth-of-type(3n+1) { margin-left: 0; }

.content-ln:hover .content-pic:after { opacity: 0; }

.lis-content { display: none; }
.lis-content .content-it { display: none; }

.show.lis-content { display: block; position: relative; z-index: 10; }
.show.lis-content .content-it { display: inline-block; }

.active .content-it { opacity: 1; -ms-transform: translate(0, 0); transform: translate(0, 0); }
.active.work-lis .content-it:nth-of-type(10), .active.work-lis .content-it:nth-of-type(11), .active.work-lis .content-it:nth-of-type(12) { -ms-transition-delay: .3s; transition-delay: .3s; }
.active.work-lis .content-it:nth-of-type(4), .active.work-lis .content-it:nth-of-type(5), .active.work-lis .content-it:nth-of-type(6) { -ms-transition-delay: .14s; transition-delay: .14s; }
.active.work-lis .content-it:nth-of-type(7), .active.work-lis .content-it:nth-of-type(8), .active.work-lis .content-it:nth-of-type(9) { -ms-transition-delay: .24s; transition-delay: .24s; }

.content-pic { position: relative; overflow: hidden; }
.content-pic:after { content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); opacity: 1; transition: opacity .2s ease-in; }

.content-placeholder img { width: 100%; }

.content-img { position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }
.content-img img { width: 100%; }

.content-icon { position: absolute; right: 10px; bottom: 10px; width: 22px; height: 22px; z-index: 2; }
.content-icon img { display: block; width: 100%; opacity: .7; }

.tit-content-article { color: #d9d9d9; font-size: 18px; margin: 25px 0 17px 0; font-weight: normal; }

.tit-content-article .high { color: #ffeb58; }

.i-clock { display: inline-block; background: url("https://game.gtimg.cn/images/tgideas/web201805/i-clock.png") no-repeat; width: 17px; height: 17px; }

.tit-content-info { margin-top: 10px; text-align: center; font-size: 14px; color: #d5d3d2; line-height: 18px; }
.tit-content-info span { display: inline-block; margin: 0 20px; vertical-align: top; }
.tit-content-info .i-clock { vertical-align: top; margin-top: 1px; margin-right: 5px; }

.content-tag, .content-if { font-size: 14px; color: #606060; }

.icon-view { display: inline-block; vertical-align: top; margin-right: 2px; }

.content-view { line-height: 12px; }

.content-view-count { font-size: 12px; }

.content-like { padding-left: 10px; }

.content-if { position: relative; }

.content-date { position: absolute; right: 0; top: 0; }

.content-author { margin-right: 10px; }

.content-tag { margin: 10px 0 15px 0; }

.footer { margin: 158px auto 0 auto; position: relative; padding: 0 0 100px 0; max-width: 1400px; min-width: 1000px; }

.footer-logo { position: absolute; left: 0; top: 0; width: 350px; }

.footer-mess { text-align: center; color: #606060; font-size: 12px; }
.footer-mess p { margin-bottom: 10px; }

.footer-social { position: absolute; right: 0; top: 0; }

.footer-logo1, .footer-logo2 { display: inline-block; width: 45%; }

.footer-logo1 { margin-right: 20px; }

.icon-wx, .icon-wb, .icon-zk { display: inline-block; }

.icon-zk { margin-right: 15px; }
.icon-zk:hover { background-position: -420px -310px; }

.icon-wx { margin-right: 15px; position: relative; }
.icon-wx:hover { background-position: -214px -302px; }
.icon-wx:hover .wx-code { display: block; }

.icon-wb:hover { background-position: -238px -302px; }

.wx-code { display: none; position: absolute; top: -150px; left: -75px; width: 150px; height: 150px; padding: 15px; background: #252525; }

.comm-pop { display: none; opacity: 0; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.8); border-radius: 5px; line-height: 30px; font-size: 14px; color: #d9d9d9; max-height: 400px; padding: 5px 20px; z-index: 100; transition: opacity 1s ease; }

.comm-pop.comm-pop-show { display: block; animation: popshow .5s .1s ease; animation-fill-mode: forwards; }

@keyframes popshow { 0% { opacity: 0; }
  100% { opacity: 1; } }
.banner { height: 320px; position: relative; width: 100%; min-width: 1000px; }

.banner-pic { position: absolute; left: 0; right: 0; background-position: center top; background-size: auto 100%; background-repeat: no-repeat; }

.banner-slogon { position: absolute; top: 145px; left: 50%; transform: translateX(-50%); background: url(//game.gtimg.cn/images/tgideas/web201805/bannerbg/text.png); width: 611px; height: 33px; background-size: auto 100%; background-position: center; background-repeat: no-repeat; }

.banner2x { background-size: 1920px; background-position: center top; }

.list .filter-ln { padding: 0 18px; margin-right: 10px; margin-left: 10px; }

.btn-num { display: none; }

.btn-prev, .btn-next, .btn-num { width: 50px; height: 50px; display: inline-block; background-color: #1a1a1a; color: #606060; margin: 0 10px; line-height: 50px; transition: color .2s ease-in; }

.page-list { text-align: center; margin: 22px 0; position: relative; z-index: 11; }

.page-num { display: inline-block; }
.page-num .on, .page-num .btn-num:hover { color: #d9d9d9; opacity: 1; }

.btn-prev:hover, .btn-prev:hover span, .btn-next:hover, .btn-next:hover span { opacity: 1; }
.btn-prev span, .btn-next span { display: block; opacity: 0.6; }
.btn-prev.false, .btn-next.false { opacity: 0.6; cursor: default; }
.btn-prev.false:hover, .btn-prev.false:hover span, .btn-next.false:hover, .btn-next.false:hover span { opacity: 0.6; }

.article { color: #d9d9d9; }

.tit-article { font-size: 30px; line-height: 46px; margin: 82px 0 40px 0; font-weight: 500; text-align: center; }

.article-if { margin: 28px auto; font-size: 14px; color: #606060; height: 32px; line-height: 32px; position: relative; }
.article-if a { color: #d9d9d9; }

.article-author { margin-left: 20px; color: #d9d9d9; }

.article-date { position: absolute; right: 0; top: 0; }
.article-date .content-view { line-height: 32px; margin-left: 40px; }
.article-date .icon-view { vertical-align: middle; margin-top: -2px; }

.article-header { border-bottom: 1px solid #262626; width: 800px; margin: 0 auto; }

.article-content { width: 800px; min-width: 720px; margin: 64px auto; color: #adadad; }

.btn-share { width: 32px; height: 32px; border-radius: 100%; display: inline-block; vertical-align: top; margin-left: 20px; border: 1px solid #2B2B2B; }

.btn-fav { width: 32px; height: 32px; background-image: url("https://game.gtimg.cn/images/tgideas/web201805/i-fav.png"); background-position: 0 0; margin-left: 20px; display: inline-block; vertical-align: top; }

.btn-fav.on { background-position: 0 -32px; }

.btn-lamp { width: 80px; height: 32px; display: inline-block; vertical-align: top; margin-left: 20px; text-align: center; overflow: hidden; border: 1px solid #2B2B2B; border-radius: 16px; }
.btn-lamp i { padding-left: 5px; vertical-align: top; line-height: 32px; color: #d9d9d9; }
.btn-lamp .off { display: inline-block; }
.btn-lamp .on { display: none; }
.btn-lamp .icon-lamp { margin-top: 4px; }

#pageDetail { width: 1200px; }

#pageDetail.article-img-800 { width: 800px; }

#pageDetail .article-summary { font-size: 14px; color: #606060; position: relative; line-height: 30px; padding-left: 20px; margin: 60px auto; }
#pageDetail .article-summary:before { content: ''; display: block; width: 2px; background: #ffffff; position: absolute; left: 0; top: 8px; bottom: 8px; }

#pageDetail iframe { width: auto; }

#app #pageDetail .article-summary { width: 800px; }
#app #pageDetail .article-main .page-detail-param, #app #pageDetail .article-main h1, #app #pageDetail .article-main h2, #app #pageDetail .article-main h3, #app #pageDetail .article-main h4, #app #pageDetail .article-main h5, #app #pageDetail .article-main h6, #app #pageDetail .article-main ol, #app #pageDetail .article-main ul, #app #pageDetail .article-main pre { width: 800px; margin: 2em auto; }
#app #pageDetail .article-main .page-detail-parImg { width: 100%; }
#app #pageDetail .article-main .team-division table .page-detail-param { width: auto; }
#app #pageDetail .article-main table .page-detail-param { width: auto; margin: auto; }
#app #pageDetail .team-division { width: 800px; margin-left: auto; margin-right: auto; }
#app #pageDetail .article-keywords { width: 800px; }
#app #pageDetail .article-item { float: none; width: 85px; margin: 50px auto; }
#app #pageDetail .article-exper { display: none; }

.gameInfo { position: relative; margin: 60px 0; padding-left: 190px; padding-right: 288px; height: 160px; }

.gameInfo .gameLogo { position: absolute; top: 0; left: 0; }

#gameInfo .gameTitle { height: 28px; font-size: 28px; color: #d9d9d9; margin: 0; line-height: 1; }

#gameInfo .gamePlatform { display: inline-block; margin: 0 15px; padding: 0 15px; border-radius: 10px; font-size: 12px; color: #fff; background: #ba9035; height: 20px; line-height: 20px; vertical-align: middle; font-weight: 400; }

#gameInfo .gameType { margin: 20px 0; line-height: 1; }

#gameInfo .gameDesc { margin: 0; font-size: 14px; color: #888888; position: absolute; bottom: 0; left: 190px; width: 730px; line-height: 30px; }

.gameInfo .gameScore { position: absolute; top: 0; right: 38px; width: 62px; }

#gameInfo .gameScore .scoretext { text-align: center; margin: 0; }

#gameScore .score { font-size: 45px; text-align: center; margin: 0; color: #fee31a; line-height: 1.5; }

.comment { margin: 70px 0 30px 0; }

.comment .icon { color: #d9d9d9; }

.coment_A .comment_box { border-color: #1e1e1e; background: #111111; }

.comment_input { border-bottom-color: #1e1e1e; }

.comment_input:focus { outline: 0; outline: none; }

.comment_edit { box-sizing: content-box; }

.com_login_btn, .F_loadbtn { background: #242424; color: #656565; }

#pageDetail .common_head { font-size: 14px; color: #b2b2b2; }

.common_head { padding: 15px 0; height: 62px; font-weight: normal; }

.common_head:after { background: #969696; }

.common_head { border-bottom-color: #1e1e1e; }

.user_mhead .name, .cleft .fname { font-size: 14px; color: #616161; }

.ctime { color: #616161; }

.user_word p { color: #d9d9d9; }

.user_word_down { padding-bottom: 0; }

.common_userinfo { border-bottom-color: #1e1e1e; }

.join-body { background: #181818 url(//game.gtimg.cn/images/tgideas/web201805/bg-join.jpg) center top no-repeat; }

.join { max-width: 1400px; min-width: 1000px; margin: 0 auto; color: #d9d9d9; font-size: 14px; }

.talent-want { width: 700px; margin: 0 auto; padding-left: 28px; }

.icon-chart-7, .talent-it:nth-of-type(7):before { width: 163px; height: 150px; background: url(//game.gtimg.cn/images/tgideas/web201805/join.png) -193px -10px; }

.icon-chart-8, .talent-it:nth-of-type(8):before { width: 163px; height: 150px; background: url(//game.gtimg.cn/images/tgideas/web201805/join.png) -10px -180px; }

.icon-chart-9, .talent-it:nth-of-type(9):before { width: 163px; height: 150px; background: url(//game.gtimg.cn/images/tgideas/web201805/join.png) -193px -180px; }

.icon-chart-10, .talent-it:nth-of-type(10):before { width: 163px; height: 150px; background: url(//game.gtimg.cn/images/tgideas/web201805/join.png) -376px -10px; }

.icon-chart-1, .talent-it:nth-of-type(1):before { width: 163px; height: 150px; background: url(//game.gtimg.cn/images/tgideas/web201805/join.png) -376px -180px; }

.icon-chart-2, .talent-it:nth-of-type(2):before { width: 163px; height: 150px; background: url(//game.gtimg.cn/images/tgideas/web201805/join.png) -10px -350px; }

.icon-chart-3, .talent-it:nth-of-type(3):before { width: 163px; height: 150px; background: url(//game.gtimg.cn/images/tgideas/web201805/join.png) -193px -350px; }

.icon-chart-4, .talent-it:nth-of-type(4):before { width: 163px; height: 150px; background: url(//game.gtimg.cn/images/tgideas/web201805/join.png) -376px -350px; }

.icon-chart-5, .talent-it:nth-of-type(5):before { width: 163px; height: 150px; background: url(//game.gtimg.cn/images/tgideas/web201805/join.png) -559px -10px; }

.icon-chart-6, .talent-it:nth-of-type(6):before { width: 163px; height: 150px; background: url(//game.gtimg.cn/images/tgideas/web201805/join.png) -10px -10px; }

.talent-it { padding-top: 35px; margin-bottom: 96px; position: relative; }
.talent-it:before { content: ''; display: block; position: absolute; top: 35px; }
.talent-it:nth-of-type(2n+1):before { left: -305px; }
.talent-it:nth-of-type(2n):before { right: -264px; }

.tit-talent { font-size: 20px; font-weight: 500; margin: 2px 0; }

.tit-talent-eng { color: #646464; font-size: 12px; margin: 8px 0; }

.talent-if { margin: 38px 0; }
.talent-if p, .talent-if .lis-need { color: rgba(255, 255, 255, 0.5); }
.talent-if .talent-tag { font-size: 16px; margin: 15px 0; color: #d9d9d9; line-height: normal; }
.talent-if p { line-height: 22px; }

.lis-need { margin: 25px 0; padding-left: 20px; }
.lis-need li { line-height: 22px; margin-bottom: 24px; list-style: disc; }
.lis-need li:before { display: none; width: 17px; height: 17px; border-radius: 100%; background: #f3f3f3; color: #242424; text-align: center; margin-right: 10px; vertical-align: top; }
.lis-need span { display: inline-block; width: 80%; vertical-align: top; }
.lis-need li:nth-of-type(1):before { content: "A"; }
.lis-need li:nth-of-type(2):before { content: "B"; }
.lis-need li:nth-of-type(3):before { content: "C"; }
.lis-need li:nth-of-type(4):before { content: "D"; }
.lis-need li:nth-of-type(5):before { content: "E"; }
.lis-need li:nth-of-type(6):before { content: "F"; }
.lis-need li:nth-of-type(7):before { content: "G"; }
.lis-need li:nth-of-type(8):before { content: "H"; }
.lis-need li:nth-of-type(9):before { content: "I"; }

.btn-join { display: block; text-indent: -9999px; margin: 187px auto; }

.process-bar { background: #111111; }

.process { background: #969696; }

.intro-cont-header { position: relative; }

.intro { max-width: none; }

.intro-it1 { background: url(//game.gtimg.cn/images/tgideas/web201805/bg-intro2.jpg) center top; height: 900px; }

.intro-it2 { background: url(//game.gtimg.cn/images/tgideas/web201805/bg-intro3.jpg) center top; height: 920px; }

.intro-it3 { background: url(//game.gtimg.cn/images/tgideas/web201805/bg-intro4.jpg) center top; height: 900px; }

.intro-it4 { background: url(//game.gtimg.cn/images/tgideas/web201805/bg-intro5.jpg) center top; height: 920px; }

.intro-it5 { background: url(//game.gtimg.cn/images/tgideas/web201805/bg-intro6.jpg) center top; height: 900px; }

.tit-intro { width: 359px; position: absolute; bottom: 227px; left: 50%; margin-left: -172px; }
.tit-intro img { width: 100%; }

.intro-if { color: #ffffff; line-height: 26px; font-size: 14px; }

.intro-it { font-size: 0; text-align: center; }
.intro-it:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; width: 1px; opacity: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.intro-it-cont { display: inline-block; font-size: 16px; width: 320px; color: #d9d9d9; vertical-align: middle; }

.intro-it-type { font-size: 12px; letter-spacing: 5px; }

.intro-it-tit { font-size: 34px; margin: 20px 0 16px 0; letter-spacing: 30px; position: relative; left: 15px; }

.intro-it-if { font-size: 14px; color: #adadad; line-height: 26px; letter-spacing: 2px; }

.article-recommend { width: 800px; margin: 20px  auto 20px auto; }
.article-recommend .content-tag, .article-recommend .content-if { display: none; }
.article-recommend .tit-recommend { font-size: 16px; padding: 20px 0; border-bottom: 1px solid #282828; margin-bottom: 20px; color: #d9d9d9; }
.article-recommend .content-it:nth-of-type(3n+1) { margin-left: 0; }
.article-recommend .tit-content-article { font-size: 16px; height: 42px; margin-top: 10px; white-space: normal; }

.pop-share { width: 500px; height: 240px; padding: 15px; position: relative; background: #1d1d1d; color: #d9d9d9; display: none; }
.pop-share .tg-sns-link { width: 60px; height: 60px; display: block; border-radius: 100%; margin: 40px 48px; }
.pop-share .tg-sns-wechat { background: #222222 url(//game.gtimg.cn/images/tgideas/web201805/share-wx.png); }
.pop-share .tg-sns-qq { background: #222222 url(//game.gtimg.cn/images/tgideas/web201805/share-qq.png); }
.pop-share .tg-sns-sina { background: #222222 url(//game.gtimg.cn/images/tgideas/web201805/share-sina.png); }

.tit-pop-share { height: 45px; text-align: center; font-size: 16px; padding: 5px 0 20px 0; line-height: 20px; border-bottom: 1px solid #282828; }

.btn-pop-close { position: absolute; right: 20px; top: 20px; width: 20px; height: 20px; background: url(//game.gtimg.cn/images/tgideas/web201805/pop-close.png); }

.list .lis-filter { margin-top: 10px; }

.guest-tab { margin-top: 115px; }
.guest-tab .tab-hd { overflow: hidden; width: 100%; height: 40px; text-align: center; line-height: 40px; font-size: 14px; background: #1b1b1b; color: #616161; }
.guest-tab .tab-hd li { float: left; width: 50%; cursor: pointer; }
.guest-tab .tab-hd .cur { background: #242424; color: #d9d9d9; }
.guest-tab .tab-bd { display: none; }
.guest-tab .dis { display: block; }
.guest-tab h4 { font-size: 14px; color: #d9d9d9; font-weight: 900; margin-top: 60px; height: 20px; margin-bottom: 20px; }
.guest-tab .QA-form { position: relative; font-size: 14px; overflow: hidden; margin-bottom: 35px; }
.guest-tab .QA-form input { float: left; width: 990px; height: 40px; line-height: 40px; text-indent: 18px; border: solid 1px #1e1e1e; background: #111111; color: #fff; padding-right: 45px; }
.guest-tab .QA-form .input-num { position: absolute; top: 0; left: 950px; height: 40px; line-height: 40px; color: #454545; font-size: 12px; }
.guest-tab .QA-form .input-num.red { color: red; }
.guest-tab .QA-form .QA-submit { float: right; width: 90px; height: 40px; line-height: 40px; text-align: center; color: #c7c7c7; background: #242424; }
.guest-tab .QA-list .QA-item { position: relative; padding-bottom: 20px; margin-bottom: 30px; border-bottom: solid 1px #282828; font-size: 14px; }
.guest-tab .QA-list .QA-item .QA-icon { position: absolute; top: 0px; left: 0; width: 20px; height: 20px; line-height: 20px; border-radius: 3px; font-size: 12px; text-align: center; }
.guest-tab .QA-list .QA-item p { width: 800px; line-height: 20px; }
.guest-tab .QA-list .QA-item .answer-icon { position: absolute; top: 0; right: 180px; width: 16px; height: 14px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAMAAAAR8Wy4AAAABGdBTUEAALGPC/xhBQAAAG9QTFRFYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhAAAAYWFh7gaC3QAAACR0Uk5T3eHnJ2frZiYUlqHBywIDww6ouZsGnU7l7CgKAZkVpOTMRBEAGDaeGwAAAG1JREFUCNdjUBRXQQLiigyMYkpIQIyBQUUZBahgFZCVVVbmkIXQYAF5eQQGC8jJIbAKEYaysiPzmZkY2CQUFBSEpZSVRWSADAkWBmVJRUVFQW4BKSFRIENSmQGsko+Lh19GGsyECCjzynBC+MoANLUbi/0b0CIAAAAASUVORK5CYII="); background-repeat: no-repeat; cursor: pointer; }
.guest-tab .QA-list .QA-item .QA-info { position: absolute; top: 0; right: 0; width: 170px; font-size: 12px; color: #616161; }
.guest-tab .QA-list .QA-item .QA-info .timer { float: right; width: 60px; text-align: right; }
.guest-tab .QA-list .QA-item .QA-info .QA-name { float: left; width: 100px; text-align: right; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.guest-tab .QA-list .QA-item .question { position: relative; padding-left: 30px; }
.guest-tab .QA-list .QA-item .question .QA-icon { background: #333333; color: #b2b2b2; }
.guest-tab .QA-list .QA-item .question p { color: #cdcdcd; font-weight: 900; }
.guest-tab .QA-list .QA-item .answer-list { position: relative; }
.guest-tab .QA-list .QA-item .answer-list .answer-box { overflow: hidden; height: 59px; transition: all ease-in .3s; }
.guest-tab .QA-list .QA-item .answer-list .answer-box.showall { height: auto; }
.guest-tab .QA-list .QA-item .answer-list .like-icon { position: absolute; top: 20px; right: 180px; padding-left: 16px; height: 13px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAARVBMVEUAAACtra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2amctzAAAAFnRSTlMAp/LJwd+3k3Zt9+nVsBibl4BjSTon7/bA6AAAAE9JREFUCNdVx7cRwCAQBMADHm/kr/9SFQjmR5stptQGVOQB5Zk1gVWTyKSzZHNOTjz3QOenoNBETg5kDzpLY9bMbxGkyBqwhXzt4qu1PuMFwtEGysyjl1oAAAAASUVORK5CYII="); background-repeat: no-repeat; cursor: pointer; line-height: 13px; filter: brightness(0.6); }
.guest-tab .QA-list .QA-item .answer-list .like-icon.liked { filter: brightness(1); }
.guest-tab .QA-list .QA-item .answer-list .answer { position: relative; padding: 20px 0 20px 30px; border-bottom: solid 1px #282828; }
.guest-tab .QA-list .QA-item .answer-list .answer:last-child { border-bottom: none; }
.guest-tab .QA-list .QA-item .answer-list .hidden { display: none; }
.guest-tab .QA-list .QA-item .answer-list .QA-icon { top: 20px; background: #fee31a; color: #181818; }
.guest-tab .QA-list .QA-item .answer-list p { color: #b2b2b2; }
.guest-tab .QA-list .QA-item .answer-list .QA-info { top: 20px; }
.guest-tab .QA-list .QA-item .answer-more { cursor: pointer; position: relative; padding-left: 30px; color: #616161; }
.guest-tab .QA-list .QA-item .answer-more span { display: inline-block; margin-left: 10px; position: relative; top: 5px; border-style: solid dashed dashed dashed; border-width: 6px; border-color: #565656 transparent transparent transparent; }
.guest-tab .QA-list .QA-item .answer-more span:after { content: ''; position: absolute; top: -6px; left: -5px; border-style: solid dashed dashed dashed; border-width: 5px; border-color: #181818 transparent transparent transparent; }
.guest-tab .QA-list .QA-item .showed span { transform: rotate(180deg) translateY(6px); }
.guest-tab .QA-page { margin-top: 55px; display: block; width: 100%; height: 36px; line-height: 36px; text-align: center; font-size: 14px; background: #242424; color: #656565; cursor: pointer; }
.guest-tab .QApop { display: none; position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 100%; }
.guest-tab .QApop.show { display: block; }
.guest-tab .QApop .popbg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1; }
.guest-tab .QApop .ansPop, .guest-tab .QApop .confirmPop { position: relative; width: 430px; height: 230px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #1b1b1b; padding: 20px; z-index: 2; }
.guest-tab .QApop .ansPop h5, .guest-tab .QApop .confirmPop h5 { font-size: 14px; font-weight: 800; color: #d9d9d9; margin-bottom: 20px; }
.guest-tab .QApop .ansPop textarea, .guest-tab .QApop .confirmPop textarea { width: 100%; height: 98px; padding: 10px; border: solid 1px #1e1e1e; background: #111111; color: #cdcdcd; }
.guest-tab .QApop .ansPop .tips, .guest-tab .QApop .confirmPop .tips { font-size: 12px; color: #454545; }
.guest-tab .QApop .ansPop .tips.red, .guest-tab .QApop .confirmPop .tips.red { color: red; }
.guest-tab .QApop .ansPop p, .guest-tab .QApop .confirmPop p { margin-top: 50px; font-size: 14px; color: #c7c7c7; text-align: center; height: 30px; vertical-align: middle; }
.guest-tab .QApop .ansPop .submit-ans, .guest-tab .QApop .ansPop .confirm, .guest-tab .QApop .confirmPop .submit-ans, .guest-tab .QApop .confirmPop .confirm { position: absolute; bottom: 20px; right: 20px; width: 90px; height: 40px; background: #242424; line-height: 40px; text-align: center; color: #c7c7c7; font-size: 14px; cursor: pointer; }
.guest-tab .QApop .tipsPop { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #303131; color: #dddddd; z-index: 2; padding: 10px 20px; line-height: 20px; text-align: center; border-radius: 6px; }
.guest-tab .QApop .tipsPop p { font-size: 14px; vertical-align: middle; }
.guest-tab .QApop .confirmPop .submit-ans { right: 20%; }
.guest-tab .QApop .cancle-confirm { position: absolute; bottom: 20px; right: 60%; width: 90px; height: 40px; background: #242424; line-height: 40px; text-align: center; color: #848080; font-size: 14px; cursor: pointer; }

.content { position: relative; }

.work .lis-filter { margin-top: 10px; }
.work .content-it { width: 32.14%; margin: 0.595%; }
.work .content-it:nth-of-type(3n) { margin-right: 0; }
.work .content-it:nth-of-type(3n+1) { margin-left: 0; }
.work .content-it { position: relative; }
.work .content-detail { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity .2s ease-in; }
.work .content-detail:after { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.work .content-detail-wr { display: inline-block; vertical-align: middle; width: 70%; }
.work .tit-content-article { margin: 0 auto; text-overflow: unset; white-space: normal; line-height: 35px; color: #ffffff; padding-top: 15px; }
.work .ico-goto { display: inline-block; background: url("//game.gtimg.cn/images/tgideas/web201805/icon-goto.png"); width: 50px; height: 50px; margin-top: 25px; }
.work .content-pic:after { display: none; }
.work .content-ln:hover { opacity: 1; }
.work .content-ln:hover .content-detail { opacity: 1; }
.work .article-header, .work .article-content, .work #pageDetail, .work .article-recommend { width: 1200px; max-width: 1200px; }

.work-wr { padding: 1px 0 0 0; background: url("//game.gtimg.cn/images/tgideas/web201805/banner-works.png") center -320px no-repeat; }

.comment_input img { display: inline-block; }

.detail.work .content-pic:after { display: block; }

.arts-content { opacity: 0; position: absolute; left: 0; top: 81px; width: 100%; height: 550px; z-index: 0; }
.arts-content.show { opacity: 1; transition: all ease-in .5s; z-index: 11; }
.arts-content div { position: absolute; opacity: 0; background: url("//game.gtimg.cn/images/tgideas/web201805/arts.jpg"); background-repeat: no-repeat; transition: transform 0.5s cubic-bezier(0.555, 0.105, 0.225, 1.26), opacity 0.5s ease-in; }
.arts-content div h4 { position: absolute; bottom: 46px; right: 25px; text-align: right; font-size: 34px; color: #d9d9d9; font-weight: normal; z-index: 2; }
.arts-content div p { position: absolute; bottom: 24px; right: 24px; text-align: right; font-size: 14px; color: #434343; z-index: 2; }
.arts-content .unable { background-image: url("//game.gtimg.cn/images/tgideas/web201805/arts-unable.jpg"); }
.arts-content .unable h4 { color: #434343; }
.arts-content a { position: relative; display: block; width: 100%; height: 100%; }
.arts-content span { position: absolute; opacity: 0; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); background-repeat: no-repeat; z-index: 1; transition: opacity .2s ease-in; }
.arts-content a:hover span { opacity: 1; }
.arts-content .unable a:hover span { opacity: 0; }
.arts-content .unable a { cursor: auto; }
.arts-content .paint { top: 0; left: 0; width: 544px; height: 544px; transform: translate(0, 10%); }
.arts-content .paint h4 { right: auto; left: 30px; bottom: 61px; }
.arts-content .paint p { right: auto; left: 30px; bottom: 30px; }
.arts-content .videos { top: 0; left: 554px; width: 380px; height: 321px; background-position: -554px 0; transform: translate(0, 30%); transition-delay: .14s; }
.arts-content .videos span { background-position: -554px 0; }
.arts-content .derivative { top: 331px; left: 554px; width: 380px; height: 213px; background-position: -554px -331px; transform: translate(0, 30%); transition-delay: .14s; }
.arts-content .derivative span { background-position: -554px -331px; }
.arts-content .cartoon { top: 0; left: 944px; width: 455px; height: 240px; background-position: -944px 0; transform: translate(0, 30%); transition-delay: .3s; }
.arts-content .cartoon span { background-position: -944px 0; }
.arts-content .cartoon p { right: 19px; }
.arts-content .wallpaper { top: 250px; left: 944px; width: 455px; height: 142px; background-position: -944px -250px; transform: translate(0, 30%); transition-delay: .3s; }
.arts-content .wallpaper span { background-position: -944px -250px; }
.arts-content .music { top: 402px; left: 944px; width: 455px; height: 142px; background-position: -944px -402px; transform: translate(0, 30%); transition-delay: .3s; }
.arts-content .music span { background-position: -944px -402px; }

.arts-content.show div { opacity: 1; transform: translate(0, 0); }

.arts-lis .content-it { width: 264px; height: 264px; margin-right: 20px; margin-left: 0; margin-bottom: 40px; }
.arts-lis .content-it:nth-child(3n) { margin-right: 20px; }
.arts-lis .content-it:nth-child(5n) { margin-right: 0; }
.arts-lis .content-tag { background: #1d1d1d; text-align: center; }
.arts-lis .content-tag .tit-content-article { margin-top: 75px; margin-bottom: 20px; font-size: 32px; }
.arts-lis .content-tag p { font-size: 14px; }
.arts-lis .content-tag .cartoonP { text-indent: 4px; }
.arts-lis.active .content-it:nth-of-type(6), .arts-lis.active .content-it:nth-of-type(7), .arts-lis.active .content-it:nth-of-type(8), .arts-lis.active .content-it:nth-of-type(9), .arts-lis.active .content-it:nth-of-type(10) { -ms-transition-delay: .14s; transition-delay: .14s; }
.arts-lis.active .content-it:nth-of-type(11), .arts-lis.active .content-it:nth-of-type(12), .arts-lis.active .content-it:nth-of-type(13), .arts-lis.active .content-it:nth-of-type(14), .arts-lis.active .content-it:nth-of-type(15) { -ms-transition-delay: .24s; transition-delay: .24s; }

.banner-immerse { padding-top: 0; height: 320px; }

.banner-pic-exp { height: 320px; }

.list-wr { padding-top: 1px; }

.join { padding-top: 260px; }

.intro-cont-header { background: #fff url("//game.gtimg.cn/images/tgideas/web201805/banner-about.jpg") no-repeat center top; height: 705px; background-size: auto 525px; }

.intro-if { color: #181818; height: 520px; width: 970px; text-align: center; padding: 0 0; padding-top: 420px; top: 0; margin: 0 auto; }

.intro-news { width: 350px; overflow: hidden; margin: 45px auto 0 auto; }
.intro-news .intro-news-titletag { width: 85px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; background: #181818; color: #ffffff; letter-spacing: 2px; border-radius: 2px; float: left; }
.intro-news .intro-news-more { width: 85px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #181818; float: left; text-align: right; }
.intro-news .intro-news-more a { color: #181818; }
.intro-news .intro-news-scroll { height: 30px; overflow: hidden; float: left; width: 264px; position: relative; }
.intro-news .intro-news-scroll ul { transition: all 300ms ease-in-out; text-align: left; padding-left: 20px; }
.intro-news .intro-news-scroll li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.intro-news .intro-news-scroll a { color: #181818; font-size: 14px; line-height: 30px; }
.intro-news .intro-news-scroll::before { content: ''; position: absolute; width: 8px; height: 8px; border-radius: 8px; overflow: hidden; background: #00C853; top: 11px; }

.intro-menu { text-align: center; padding-top: 50px; }

.intro-menu-lnk { color: #999999; font-size: 16px; line-height: 30px; padding: 0 10px; display: inline-block; margin: 0 35px; transition: all 300ms ease-in-out; }

.intro-menu-lnk.on { color: #242424; }

.intro-page { background: #181818; display: none; }

.intro-page-2, .intro-page-3 { padding: 80px 0; }

.intro-page-title { font-size: 34px; color: #d9d9d9; text-align: center; font-weight: normal; letter-spacing: 20px; }

.intro-page-content { width: 1200px; margin: 0 auto; }

.intro-page-content .lis-content { padding-top: 115px; }

.intro-awardlist { padding-top: 115px; margin-left: -60px; font-size: 0%; }
.intro-awardlist .award-item { width: 360px; height: 360px; background-color: #1D1D1D; background-repeat: no-repeat; margin-left: 60px; margin-bottom: 60px; position: relative; display: inline-block; font-size: 12px; }
.intro-awardlist .award-cover { width: 90%; margin: 75px auto 0; }
.intro-awardlist .award-more { position: absolute; font-size: 26px; text-align: center; color: #d9d9d9; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.intro-awardlist .award-cover img { width: 100%; height: 100%; display: block; }
.intro-awardlist .award-info { background: #000; background: rgba(0, 0, 0, 0.9); position: absolute; top: 0; left: 0; display: table; width: 100%; min-height: 100%; opacity: 0; transition: 500ms all ease-in-out; -webkit-transition: 500ms all ease-in-out; z-index: 10; }
.intro-awardlist .award-info-in h5 { font-size: 20px; color: #ffffff; font-weight: normal; margin: 40px 0; text-align: center; }
.intro-awardlist .award-info-in .award-text { font-size: 14px; color: #A8A8A8; margin: 40px 0; padding-left: 27px; line-height: 27px; }
.intro-awardlist .award-info-in .award-text h6 { color: #fff; margin-top: 15px; }
.intro-awardlist .award-info-in .award-text p { line-height: 28px; }
.intro-awardlist .award-info-in .award-text a { color: #A8A8A8; }
.intro-awardlist .award-info-in .award-text a:hover { color: #fff; opacity: 1; }
.intro-awardlist .award-info:hover { opacity: 1; }

.booklist { font-size: 0; margin-left: -60px; padding-top: 115px; }

.book-item { width: 360px; display: inline-block; margin-left: 60px; font-size: 12px; vertical-align: top; margin-bottom: 60px; }

.book-item-hd { height: 275px; position: relative; }

.book-item-hd a { display: block; position: relative; z-index: 10; }

.book-item-hd a:before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 183px; height: 260px; background: #000; opacity: .4; z-index: 5; transition: opacity .2s ease-in; }

.book-item-hd a:hover:before { opacity: 0; }

.book-item-hd::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; background: #1c1c1c; height: 90px; z-index: 1; }

.book-item-hd::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; background: #272727; height: 15px; z-index: 3; }

.book-item-cover { height: 260px; width: auto; display: block; margin: 0 auto; border: 4px; overflow: hidden; position: relative; z-index: 2; }

.book-item-bd { margin-top: 40px; }
.book-item-bd h5, .book-item-bd h6, .book-item-bd h5 a, .book-item-bd h6 a { font-size: 18px; color: #d9d9d9; margin-bottom: 12px; font-weight: normal; }
.book-item-bd p { margin-top: 25px; color: #646464; font-size: 12px; }

.mod-alert { z-index: 10; }

.mod-alert .alert { background: #1D1D1D; border: none; }

.mod-alert .alert.is-type2 { height: 210px; }

.mod-alert .alert .title-bar { background-image: none; margin-top: 0; font-size: 16px; color: #d9d9d9; height: 56px; line-height: 56px; }

.mod-alert .alert.is-type2 .login a.wx { display: none; }

.mod-alert .alert.is-type2 .login a.qq { background-image: url("//game.gtimg.cn/images/tgideas/web201805/login-qq.png"); left: 50%; margin-left: -31px; width: 62px; font-size: 14px; color: #d9d9d9; text-align: center; padding-top: 105px; }

.area_biaoq li { width: 32px; height: 32px; }

.video .content-placeholder { padding-top: 260px; }
.video .content-placeholder img { display: none; }

.js-empty { color: #d9d9d9 !important; }

.footer-logo1 { background: url("//game.gtimg.cn/images/tgideas/web201805/logo-tencent-n.png"); width: 154px; height: 24px; }
.footer-logo1:hover { background-position: -162px 0; }

.footer-logo2 { background: url("//game.gtimg.cn/images/tgideas/web201805/logo-ieg.png"); width: 150px; height: 24px; }
.footer-logo2:hover { background-position: -150px 0; }

.com_login_btn { border-radius: 0; }

.cuser_head { border-radius: 100%; }

.comment_box { border-color: #333333; }

.team-division { margin-top: 60px; margin-bottom: 60px; }

.team-division table { width: 100%; border-collapse: collapse; border-spacing: 0; }

.team-division table th, .team-division table td { border-right: 2px solid #181818; }

.team-division table th { background: #202020; color: #d2d2d2; font-size: 14px; padding: 20px; text-align: left; padding-left: 30px; font-weight: normal; }

.team-division table th b, .team-division table th strong { font-weight: bold; display: inline-block; width: 105px; }

.team-division table th span { color: #888888; }

.team-division table tbody tr { background: #1B1B1B; color: #888888; font-size: 14px; text-align: left; vertical-align: top; }

.team-division table tbody tr td { padding: 20px; padding-left: 30px; }

.team-division table tbody tr p { line-height: 26px !important; margin: 0 !important; }

.team-division table tbody tr b, .team-division table tbody tr strong { display: block; width: 105px; font-weight: normal; float: left; }

.team-division table tbody tr em { font-style: normal; display: block; overflow: hidden; }

.btn-back-top { width: 60px; height: 60px; background-color: #242424; background-image: url(//game.gtimg.cn/images/tgideas/web201805/sprite0914.png); background-position: -337px -292px; position: fixed; right: 100px; bottom: 100px; display: none; }

.liker-box { overflow: hidden; width: 330px; margin: 0 auto; }

.article-item { float: left; border-radius: 100%; margin: 50px 40px 0; }

.article-liker-ln, .article-exper-ln { display: block; background: #FEE31A; text-align: center; display: table; width: 85px; height: 85px; border-radius: 50%; }

.article-liker-ln:active .article-liker-icon, .article-exper-ln:active .article-liker-icon { margin-top: 1px; }
.article-liker-ln:active .article-liker-count, .article-exper-ln:active .article-liker-count { margin-top: -1px; }

.article-liker-cell { display: table-cell; vertical-align: middle; }
.article-liker-cell .article-liker-icon { display: block; width: 34px; height: 34px; margin: auto; }
.article-liker-cell .article-liker-count { font-size: 16px; color: #181818; }

.article-exper-ln .article-liker-icon { display: block; width: 27px; height: 31px; background-position: -460px -270px; margin: auto; }

.article-liker-lned { background: #1F1F1F; }
.article-liker-lned .article-liker-count { color: #adadad; }

.article-exper .article-liker-lned .article-liker-icon { background-position: -500px -270px; }

.article-count { text-align: center; color: #616161; font-size: 16px; line-height: 48px; height: 48px; }
.article-count span { display: none; margin: 0 5px; }

.reading_lamp_on { background: #fff; }
.reading_lamp_on .header { background: #fff; background: rgba(255, 255, 255, 0.95); border-bottom: 1px solid #f2f2f2; }
.reading_lamp_on .header-logo { background-image: url("https://game.gtimg.cn/images/tgideas/web201805/logo-tgideas3-w.png"); }
.reading_lamp_on .nav-ln { color: #999999; }
.reading_lamp_on .nav-it.on .nav-ln, .reading_lamp_on .nav-ln:hover { color: #242424; }
.reading_lamp_on .nav-ln span:after { background: #242424; }
.reading_lamp_on .btn-lamp { border: 1px solid #eaeaea; }
.reading_lamp_on .btn-lamp i { color: #242424; }
.reading_lamp_on .btn-lamp .off { display: none; }
.reading_lamp_on .btn-lamp .on { display: inline-block; }
.reading_lamp_on .search-lb { background-position: -414px -241px; }
.reading_lamp_on .team-division table th, .reading_lamp_on .team-division table td { border-right: 2px solid #fff; }
.reading_lamp_on .team-division table th { background: #f3f3f3; }
.reading_lamp_on .team-division table tbody tr { background: #fafafa; }
.reading_lamp_on .team-division table th, .reading_lamp_on .team-division table tbody tr { color: #888888; }
.reading_lamp_on .team-division table th span { color: #888888; }
.reading_lamp_on .article { color: #242424; }
.reading_lamp_on .article-if { color: #bfbfbf; }
.reading_lamp_on .article-if a { color: #242424; }
.reading_lamp_on .btn-share { background-color: #fff; border: 1px solid #EAEAEA; }
.reading_lamp_on .icon-share, .reading_lamp_on .btn-share, .reading_lamp_on .btn-share { background-position: -467px -183px; }
.reading_lamp_on .btn-fav { background-position: -32px 0; }
.reading_lamp_on .btn-fav.on { background-position: -32px -32px; }
.reading_lamp_on .article-header { border-bottom-color: #f2f2f2; }
.reading_lamp_on #pageDetail .article-summary { color: #888888; }
.reading_lamp_on #pageDetail .article-summary:before { background: #E6E6E6; }
.reading_lamp_on .article-content { color: #242424; }
.reading_lamp_on .content-pic:after { background: rgba(255, 255, 255, 0.3); }
.reading_lamp_on .xieyi_txt { color: #595959; }
.reading_lamp_on .coment_A .comment_box { border-color: #F3F3F3; background: #F8F8F8; }
.reading_lamp_on .comment_input { border-bottom-color: #f3f3f3; }
.reading_lamp_on .common_txt { color: #595959; }
.reading_lamp_on .com_login_btn, .reading_lamp_on .F_loadbtn { color: #fff; }
.reading_lamp_on .common_head, .reading_lamp_on .common_userinfo { border-bottom-color: #F2F2F2; }
.reading_lamp_on .common_head:after { background: #4C4C4C; }
.reading_lamp_on .user_mhead .name, .reading_lamp_on .cleft .fname, .reading_lamp_on .ctime { color: #999999; }
.reading_lamp_on .user_word p { color: #404040; }
.reading_lamp_on .article-recommend .tit-recommend { color: #242424; border-bottom: 1px solid #f3f3f3; }
.reading_lamp_on .tit-content-article { color: #242424; }
.reading_lamp_on .article-liker-lned { background: #F8F8F8; }
.reading_lamp_on .article-liker-lned .article-liker-count { color: #888888; }
.reading_lamp_on .article-exper .article-liker-lned .article-liker-icon { background-position: -500px -310px; width: 27px; height: 31px; }
.reading_lamp_on .footer-mess { color: #999999; }
.reading_lamp_on .process-bar { background: #fff; }
.reading_lamp_on .footer-logo1 { background: url("//game.gtimg.cn/images/tgideas/web201805/logo-tencent-n.png") 0 0; }
.reading_lamp_on .footer-logo1:hover { background-position: 0 0; }
.reading_lamp_on .footer-logo2 { background-position: 0 0; }
.reading_lamp_on .footer-logo2:hover { background-position: 0 0; }
.reading_lamp_on .icon-weixin, .reading_lamp_on .icon-wx, .reading_lamp_on .icon-wx { background-position: -380px -211px; }
.reading_lamp_on .icon-weibo, .reading_lamp_on .icon-wb, .reading_lamp_on .icon-wb { background-position: -346px -211px; }
.reading_lamp_on .icon-zk:hover { background-position: -420px -280px; }
.reading_lamp_on .wx-code { background: #F8F8F8; }

.pageloder { margin-top: 30px; text-align: center; }

.pageloader-ing img { margin-left: auto; margin-right: auto; }

.pageloader-done { text-align: center; font-size: 14px; color: #646464; }

[v-cloak] { display: none; }

.S_loadbtn img { width: 18px !important; height: 15px !important; }

.cleft { color: #616161; font-size: 14px; }

.search-trigger { height: 160px; max-width: 1400px; min-width: 1000px; margin-left: auto; margin-right: auto; border-bottom: 1px solid #1F1F1F; position: relative; overflow: hidden; text-align: center; }

.search-text { border: none; background: none; font-size: 26px; color: #d9d9d9; line-height: 160px; height: 160px; text-align: left; width: 180px; display: inline-block; }

.search-text-on { text-align: center; width: 100%; }

.search-text:focus { outline: none; outline: 0; }

.search-clear { position: absolute; right: 0; top: 50%; margin-top: -12px; cursor: pointer; }

.search-null { padding-top: 160px; padding-bottom: 160px; text-align: center; font-size: 16px; color: #8a8a8a; }
.search-null p { margin-bottom: 25px; }

.search-ing { text-align: center; padding-top: 40px; }
.search-ing img { margin-left: auto; margin-right: auto; }

.search-result { padding-top: 70px; }

.bstips { height: 100px; color: #fff; background: #e4555c; line-height: 100px; text-align: center; font-size: 18px; position: fixed; top: 0; left: 0; right: 0; z-index: 100; }

.bstips a { text-decoration: underline; color: #fff; }

.team-it .team-table { font-size: 0; }

.team-it .team-table-cell { font-size: 14px; display: inline-block; padding: 20px; width: 33.33333%; padding-left: 30px; border-right: 2px solid #181818; border-bottom: 2px solid #181818; background: #1B1B1B; color: #888888; }
.team-it .team-table-cell p { line-height: 1 !important; margin: 0 !important; }

.team-it .team-table-cell strong { display: block; width: 105px; font-weight: normal; float: left; }

.team-it .team-table-cell em { font-style: normal; display: block; overflow: hidden; }

.wallpaper-wrap { overflow: hidden; height: 50px; margin-bottom: 100px; }
.wallpaper-wrap .wallpaper-box { position: absolute; clear: both; margin: 20px; left: 50%; transform: translateX(-50%); }
.wallpaper-wrap .wallpaper-down { position: relative; float: left; margin-left: 20px; padding: 0 20px 0 60px; height: 50px; line-height: 50px; background: #212121; }
.wallpaper-wrap .wallpaper-down:after { content: ''; position: absolute; width: 22px; height: 22px; top: 14px; left: 24px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAABGdBTUEAALGPC/xhBQAAAJBQTFRF/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMa/uMaAAAA/uMaI6lFrgAAAC90Uk5TvbzzhoV7j/q77N0MiHwHZmWWeY602BLDs/DcEe8YytMcIOP5em3XGn1r4v7hCQDALt17AAAA4ElEQVQY03WR2bbCIAxFcbjOXse2tlonWgoBkv//O8tgV3UtzwPk7AfCSRh6ndXJ8KE4qXPwzB22upBOZlmh6VLZN37cCOrGuaYGuj0Cvj/pYDHKTuh5d9he9QZ72uirbfGeRsHvduFe0R5Zmi/+gzUmvgN5yhQp/MRYk2JH3XzjRh8ZJL5cBrz0JgHGB65Yi9LhUvz5MJzxzBWSRGlMKUg6l3EGC4x8Po8UC+haSmolu5bdB+Wb+g+meRHjrGUvTht+jB9aURVGte3TbRjV12APcbC/1vBraWHFMJ1Ct+IX/LBL8pnQNGkAAAAASUVORK5CYII=); }

#pageDetail .wallpaper-wrap .page-detail-param { margin: 0; }

.reading_lamp_on .wallpaper-down { background: #fee31a; color: #181818; }
.reading_lamp_on .wallpaper-down:after { filter: brightness(0); }

.tech-banner { position: relative; width: 100%; height: 390px; overflow: hidden; }

.tech-it .content-ln { display: block; }
.tech-it .content-pic { padding: 0 20px 20px; }
.tech-it .content-pic::after { content: ''; background: rgba(33, 33, 33, 0.9); position: absolute; left: 0; right: 0; bottom: -20px; height: 100px; top: auto; z-index: 3; }
.tech-it .content-pic::before { content: ''; background: #1d1d1d; position: absolute; left: -20px; right: -20px; bottom: -20px; height: 225px; top: auto; z-index: 1; }
.tech-it .tech-it-placeholder { padding-top: 76.19047619047619%; position: relative; border-radius: 4px; overflow: hidden; z-index: 2; }
.tech-it .tech-it-placeholder img { position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: block; width: 100%; }
.tech-it .tech-it-placeholder:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .4; transition: opacity .2s ease-in; z-index: 5; }
.tech-it .content-ln:hover .tech-it-placeholder:before { opacity: 0; }

.tech-it:hover .content-pic::after { opacity: 1; }

.article-keywords { border-top: 1px solid #282828; padding-top: 30px; margin: 90px auto 0; font-size: 14px; color: #a09f9f; }
.article-keywords .keywords-item { color: #616161; font-size: 14px; line-height: 28px; border: 1px solid #4F4F4F; border-radius: 30px; padding: 0 30px; display: inline-block; margin-right: 10px; vertical-align: top; }

.reading_lamp_on .team-it .team-table-cell { border-right-color: #fff; background: #FAFAFA; color: #888888; border-bottom-color: #fff; }
.reading_lamp_on .article-keywords { border-top-color: #F2F2F2; }
.reading_lamp_on .article-keywords .keywords-item { border-color: #f2f2f2; }
.reading_lamp_on .wallpaper-down { background: #fee31a; color: #181818; }
.reading_lamp_on .wallpaper-down:after { filter: brightness(0); }

.preview-title { color: #d9d9d9; font-size: 16px !important; padding-left: 20px; position: relative; line-height: 20px !important; font-weight: normal; padding-top: 0; padding-bottom: 0; margin: 0 0px 50px 0px !important; }

.preview-title-2 { margin-top: 100px !important; }

.preview-title::before { content: ''; left: 0; height: 20px; width: 2px; background: #FFFFFF; position: absolute; top: 0; }

#pcVideoWrapper .txp_player { margin-left: auto; margin-right: auto; margin-bottom: 50px; }

.preview-pc { padding: 0 20px; }
.preview-pc p { font-size: 14px !important; color: #888888 !important; }

.preview-pc-link { width: 135px; height: 38px; line-height: 38px; border: 1px solid #888888; border-radius: 20px; text-align: center; color: #d9d9d9; font-size: 14px; display: inline-block; position: relative; padding-left: 8px; }

.preview-pc-link:active { transform: translateY(1px); }

.preview-pc-link::before { content: ''; position: absolute; left: 12px; top: 7px; width: 24px; height: 24px; background: url("https://game.gtimg.cn/images/tgideas/web201805/i-link.png"); }

.preview-pc-link::after { content: attr(data-arrow); position: absolute; right: 12px; top: 0px; color: #6F6F6F; font-size: 18px; line-height: 34px; }

.preview-m { padding: 0; }
.preview-m .preview-m-bd { overflow: hidden; margin-bottom: 40px; }
.preview-m .preview-m-content { width: 570px; height: 570px; background: #202020; border-radius: 4px; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; }
.preview-m .preview-m-mwrap { width: 100%; height: 320px; background: #242424; margin: 125px 0 0 0 !important; }
.preview-m #mVideoWrapper { width: 100%; height: 100%; }
.preview-m .preview-m-title { font-size: 16px !important; color: #d2d2d2; margin: 0 !important; }
.preview-m .preview-m-text { font-size: 14px !important; color: #888888; line-height: 30px !important; margin: 30px 0 0 !important; }
.preview-m .preview-m-qrcode-trigger { background: url("https://game.gtimg.cn/images/tgideas/web201805/i-pv-code.png") no-repeat; width: 52px; height: 52px; position: absolute; right: 20px; bottom: 20px; text-indent: -999em; overflow: hidden; z-index: 999; }
.preview-m .preview-m-qrcode { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(27, 27, 27, 0.9); z-index: 998; display: none; }
.preview-m .preview-m-qrcode-txt { color: #888; font-size: 14px !important; text-align: center; width: 230px; height: 60px; margin: 25px auto 0 auto !important; line-height: 60px !important; }
.preview-m .preview-m-qrcode-code { border: 5px solid #fff; width: 228px; height: 228px; margin: 150px auto 0 auto !important; }
.preview-m .preview-m-qrcode-close { position: absolute; top: 0; right: 0; font-size: 30px !important; color: #343434; margin: 0 !important; width: 40px; height: 40px; line-height: 40px !important; text-align: center; cursor: pointer; }

.preview-m-por .preview-m-mwrap { height: 100%; width: 320px; margin: 0 auto 0 auto !important; }
.preview-m-por .preview-m-title { margin: 50px 0 0 !important; }

.reading_lamp_on .preview-title { color: #242424; }
.reading_lamp_on .preview-title::before { background: #242424; }
.reading_lamp_on .preview-m .preview-m-title { color: #242424; }
.reading_lamp_on .preview-m .preview-m-qrcode::before { background: url("https://game.gtimg.cn/images/tgideas/web201805/i-qrwrap-light.png") no-repeat; }
.reading_lamp_on .preview-m .preview-m-mwrap { background: #E8E8E8; }
.reading_lamp_on .preview-m .preview-m-content { background: #F8F8F8; }
.reading_lamp_on .preview-m .preview-m-qrcode-trigger { background: url("https://game.gtimg.cn/images/tgideas/web201805/i-pv-code-l.png") no-repeat; }
.reading_lamp_on .preview-m .preview-m-qrcode { background: rgba(248, 248, 248, 0.9); }
.reading_lamp_on .preview-m .preview-m-qrcode-txt { color: #888888; }
.reading_lamp_on .preview-m .preview-m-qrcode-close { color: #888; }

.article-qrcode { margin-top: 30px; color: #a09f9f; font-size: 16px; text-align: center; line-height: 40px; display: block; width: 140px; height: 40px; border: 1px solid #353434; margin-left: auto; margin-right: auto; cursor: pointer; border-radius: 1px; position: relative; }

.article-qrcode:hover .article-qrcode-hover { opacity: 1; visibility: visible; }

.i-dscode { background: url("https://game.gtimg.cn/images/tgideas/web201805/i-ds-code.png") no-repeat; display: inline-block; width: 24px; height: 24px; vertical-align: top; margin-top: 8px; margin-right: 15px; }

.article-qrcode-hover { width: 200px; height: 200px; padding: 20px; background: #fff; position: absolute; left: -30px; top: -220px; cursor: default; opacity: 0; transition: all 500ms ease-in-out; visibility: hidden; z-index: 999; border: 1px solid #7F7F7F; }
.article-qrcode-hover img { width: 100% !important; height: 100% !important; }

.article-qrcode-hover::after { width: 0; height: 0; border-style: solid; border-width: 10.4px 6px 0 6px; border-color: #fff transparent transparent transparent; content: ''; position: absolute; bottom: -10px; left: 50%; margin-left: -6px; }

.reading_lamp_on .article-qrcode { border: 1px solid #eaeaea; color: #242424; }
.reading_lamp_on .i-dscode { background-position: -24px 0; }
.reading_lamp_on .article-qrcode-hover { border-color: #F5F5F5; }
.reading_lamp_on .article-qrcode-hover::after { border-color: #F5F5F5 transparent transparent transparent; }

.mcenter { max-width: 1200px; margin-left: auto; margin-right: auto; overflow: hidden; padding-top: 70px; }

.mcenter-fixedbg { position: fixed; left: 0; right: 0; background: #181818; height: 150px; top: 0px; z-index: 1; }

.mcenter-col1 { width: 260px; float: left; background: #1D1D1D; padding: 50px 0px; position: fixed; }

.mcenter-col2 { overflow: hidden; margin-left: 280px; min-height: 500px; }

.mcenter-col2-wrap { width: 200%; overflow: hidden; }

.mcenter-col2-item { width: 50%; float: left; }

.mcenter-info { margin-bottom: 40px; }

.mcenter-avatar { width: 90px; height: 90px; border-radius: 60px; overflow: hidden; margin-left: auto; margin-right: auto; background: #2E2E2E; }
.mcenter-avatar img { width: 100%; height: 100%; display: block; }

.mcenter-name { font-size: 16px; color: #adadad; margin-top: 25px; text-align: center; }

.mcenter-menu li { line-height: 30px; position: relative; margin-bottom: 20px; }
.mcenter-menu a { display: block; padding-left: 50px; color: #565656; font-size: 14px; }
.mcenter-menu li.on::before { position: absolute; left: 0; top: 0; bottom: 0; background: #343434; width: 3px; content: ''; }
.mcenter-menu li.on a { color: #d9d9d9; }

.mcenter-csec { background: #1D1D1D; margin-bottom: 10px; padding: 30px 20px; color: #616161; }
.mcenter-csec .csec-hd { overflow: hidden; }
.mcenter-csec .csec-author-head { width: 50px; height: 50px; border-radius: 30px; overflow: hidden; float: left; }
.mcenter-csec .csec-author-head img { width: 100%; height: 100%; display: block; }
.mcenter-csec .emotion { vertical-align: top; margin-top: -4px; }
.mcenter-csec .csec-author-info { padding-left: 70px; font-size: 14px; }
.mcenter-csec .csec-author-info h6 { margin: 4px 0 5px 0; font-size: 14px; font-weight: normal; }
.mcenter-csec .csec-bd { padding-top: 15px; padding-left: 70px; font-size: 16px; }
.mcenter-csec .csec-bd span { color: #d9d9d9; }
.mcenter-csec .csec-ft { margin-top: 15px; margin-left: 70px; background: #212121; padding: 20px; }
.mcenter-csec .csec-ft-txt { margin-bottom: 15px; }
.mcenter-csec .csec-ft-txt span { color: #d9d9d9; }
.mcenter-csec .csec-ft-link { padding: 10px; background: #262626; }
.mcenter-csec .csec-ft-link a { display: block; overflow: hidden; color: #646464; font-size: 14px; }
.mcenter-csec .csec-ft-img { width: 45px; height: 45px; float: left; margin-right: 15px; }
.mcenter-csec .csec-ft-img img { width: 100%; height: 100%; display: block; }

.questMessage .csec-ft-txt { margin-bottom: 0; }

.mcenter-fav-list { overflow: hidden; background: #1D1D1D; padding-top: 40px; padding-right: 40px; }

.mcenter-fav-item { float: left; width: 33.333333%; margin-bottom: 40px; }

.mcenter-fav-wrap { padding-left: 40px; }
.mcenter-fav-wrap .fav-item-hd { padding-top: 70.6%; overflow: hidden; position: relative; }
.mcenter-fav-wrap .fav-item-hd:after { content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); opacity: 1; transition: opacity .2s ease-in; }
.mcenter-fav-wrap a:hover .fav-item-hd:after { opacity: 0; }
.mcenter-fav-wrap .fav-item-thumb { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }
.mcenter-fav-wrap .fav-item-thumb img { display: block; width: 100%; height: 100%; }
.mcenter-fav-wrap .fav-item-bd { margin-top: 25px; }
.mcenter-fav-wrap .fav-item-bd h5 { color: #d9d9d9; font-size: 16px; margin: 0; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.mcenter-fav-wrap .fav-item-bd .fav-item-info { margin-top: 15px; font-size: 12px; color: #646464; overflow: hidden; }
.mcenter-fav-wrap .fav-item-bd .fav-item-info .finfo { text-align: right; display: block; }
.mcenter-fav-wrap .fav-item-bd .fav-item-info .ftype { float: left; }

@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) { .banner-slogon { background-image: url(//game.gtimg.cn/images/tgideas/web201805/bannerbg/text@2x.png); }
  .intro-cont-header { background-image: url(//game.gtimg.cn/images/tgideas/web201805/bannerbg/banner-about@2x.jpg); }
  .header-logo { background-image: url(//game.gtimg.cn/images/tgideas/web201805/logo-tgideas3@2x.png); background-size: auto 100%; background-repeat: no-repeat; } }

/*# sourceMappingURL=main.css.map */