@charset "UTF-8";
/*!***** 官网通用模块样式 包含:顶部底部雪碧图、官网通用页头、官网通用底部 */
/*! 引入sprite图 start*/
#footWrap .foot_ieg_logo,#footWrap .logo-riot,.act-link,.comm-avatar-border,.comm-icon-phone,.comm-icon-search,.head-app-hover,.head-userinfo-avatar>span,.icon-dsj,.icon-hot,.icon-new,.icon-xx-1,.logined-top .select-area:after,.logo-riot,.logo-tencentgame,.top-act-link,.topfoot-spr,.zm-hover-bg{background-image:url(//game.gtimg.cn/images/lol/v3/topfoot-spr.png);background-size:405px 178px;background-repeat:no-repeat}
.act-link{background-position:-216px -39px;width:160px;height:40px}
.comm-avatar-border{background-position:-216px -117px;width:48px;height:48px}
.comm-icon-phone{background-position:-303px -84px;width:16px;height:24px}
.comm-icon-search{background-position:-381px -39px;width:21px;height:21px}
.icon-dsj{background-position:-366px -84px;width:16px;height:9px}
.icon-hot{background-position:-347px -84px;width:14px;height:14px}
.icon-new{background-position:-381px -65px;width:14px;height:14px}
.icon-xx-1{background-position:-324px -84px;width:18px;height:18px}
.logo-riot{background-position:-216px -84px;width:82px;height:28px}
.logo-tencentgame{background-position:-216px 0;width:189px;height:34px}
.zm-hover-bg{background-position:0 0;width:211px;height:178px}
/*! 引入sprite图 end */
/*! 动画申明 start */
@keyframes arrowanim{
0%,100%,54%{-webkit-transform:translateX(0);transform:translateX(0)}
18%,36%{-webkit-transform:translateX(4px);transform:translateX(4px)}
27%{-webkit-transform:translateX(1px);transform:translateX(1px)}
}
@-webkit-keyframes arrowanim{
0%,100%,54%{-webkit-transform:translateX(0);transform:translateX(0)}
18%,36%{-webkit-transform:translateX(4px);transform:translateX(4px)}
27%{-webkit-transform:translateX(1px);transform:translateX(1px)}
}
@keyframes topin{
0%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@-webkit-keyframes topin{
0%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes opacityin{
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes opacityin{
0%{opacity:0}
100%{opacity:1}
}
/*! 动画申明 end */
/*! 顶部通用零碎元素样式 start*/
#loginDiv{min-height:345px!important}
.comm-head a{text-decoration:none}
.comm-head a:hover{text-decoration:none}
.comm-head .icon-hot,.comm-head .icon-new{display:inline-block;vertical-align:middle;*zoom:1;*display:inline;width:14px;height:14px;margin:-2px 2px 0 0}
/*! 顶部通用零碎元素样式 end*/
/*! 浏览器兼容提示 start */
.chromeframe{background:#000;color:#fff;padding:10px 0;text-align:center;width:100%;font-size:14px;position:relative;z-index:12}
.chromeframe a{color:#f13c35}
/*! 浏览器兼容提示 end */
/*! 官网通用页头 start*/
.comm-head{width:100%;height:78px;overflow:visible;position:absolute;top:0;left:0;z-index:11}
.comm-head .logo{float:left;width:132px;height:49px;margin-top:10px}
.head-normal{width:100%;max-width:1358px;min-width:1230px;height:78px;margin:0 auto;position:relative;z-index:10}
.head-nav{float:left;width:55%;height:78px;box-sizing:border-box;margin-left:30px;padding-top:16px}
.head-nav>li{float:left;list-style:none;width:20%;height:78px;text-align:center}
.head-nav>li>a{display:block;width:100%;height:100%}
.head-nav-title{display:block;color:#fff;font-size:18px;letter-spacing:1px}
.head-nav-subtitle{display:block;color:#aeaeae;font-size:11px;margin-top:-1px;letter-spacing:1px}
.head-userinfo-normal{float:right;width:244px;height:78px;position:relative;z-index:3}
.head-userinfo-avatar{float:left;width:48px;height:48px;position:relative;margin-top:14px;line-height:48px;text-align:center;font-size:0}
.head-userinfo-avatar>img{display:inline-block;vertical-align:middle;*zoom:1;*display:inline;width:36px;height:auto;border-radius:50%}
.head-userinfo-avatar>span{display:block;background-position:-216px -117px;width:48px;height:48px;position:absolute;top:0;left:0}
.head-userinfo-brief{float:left;margin-left:10px}
.head-userinfo-brief>.logined{color:#cdbe91;line-height:78px;font-size:0}
.head-userinfo-brief>.logined>a{display:inline-block;vertical-align:middle;*zoom:1;*display:inline}
.head-userinfo-brief>.logined>.logined-name{font-size:16px;width:auto;height:78px;max-width:135px;overflow:hidden}
.head-userinfo-brief>.logined>.logined-logout{font-size:14px;color:#cdbe91;margin-left:10px}
.head-userinfo-brief>.login-unbindarea,.head-userinfo-brief>.unlogin{color:#fefefe;font-size:16px;line-height:78px}
.head-userinfo-brief>.login-unbindarea>a,.head-userinfo-brief>.unlogin>a{color:#fff3d0}
.head-app-normal{float:right;width:40px;height:40px;text-align:center;line-height:40px;margin:17px 31px 0 0}
.head-app-normal>a{display:inline-block;vertical-align:middle;*zoom:1;*display:inline}
.head-search-btn{float:right;width:40px;height:40px;text-align:center;line-height:40px;margin:17px 12px 0 0}
.head-search-btn>i{display:inline-block;vertical-align:middle;*zoom:1;*display:inline}
.head-nav-sub{display:none;position:absolute;left:0;top:0;width:100%;overflow:visible;background:url(//game.gtimg.cn/images/lol/v3/dark60-bg-repeat.png) repeat;padding:88px 0 32px 0}
.head-nav-sub .head-nav-sub-inner{width:100%;max-width:1358px;min-width:1230px;height:auto;margin:0 auto}
.head-nav-sub ul{width:55%;overflow:visible;margin-left:161px}
.head-nav-sub ul>li{list-style:none;width:20%;float:left;height:auto;overflow:visible}
.head-nav-sub.show{display:block;animation:topin .3s;-webkit-animation:topin .3s}
.head-nav-sub-a{display:block;width:100%;height:29px;overflow:visible;line-height:29px;color:#e1e1e1;font-size:14px;text-align:center;position: relative}
.head-nav-sub-a:hover{color:#e9c06c}
.head-nav-sub-a .qr-bar{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    font-size: 0;
    padding: 10px;
    border-radius: 10px;
    background: rgba(0,0,0,.8);
    position: absolute;
    left: 100%;
    top: 50%;
    transform: scale(0) translateY(-30%);
    transform-origin: -10% 0;
    z-index: 6;
    pointer-events: none;
    transition: .3s;
    will-change: transform;
}
.head-nav-sub-a:hover .qr-bar{
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(-30%);
}
.head-nav-sub-a .qr-bar img{
    display: block;
    width: 150px;
    height: 150px;
    margin: 0 auto 5px;
}
.head-nav-sub-a .qr-bar .qr-tip{
    display: block;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 1.5;
}

.head-nav-sub-a .qr-bar.fixed{
    position: fixed;
    left: 0;
    top: 0;
    transform: scale(1) translate(0,0);
    width: 100%;
    height: 100%;
}
.head-nav-sub-a .qr-bar.fixed img{
    display: block;
    width: 300px;
    height: 300px;
    margin: 0 auto 10px;
}
.head-app-hover{background-position:0 0;width:211px;height:178px;position:absolute;top:68px;right:190px;display:none}
.head-app-hover>.p1{color:#cdbe91;font-size:12px;width:100%;margin-top:10px;text-align:center}
.head-app-hover>.polo{width:50px;height:50px;display:block;position:absolute;right:-8px;bottom:-2px}
.head-app-hover.show{display:block;animation:topin .3s;-webkit-animation:topin .3s}
.head-zm-qrcode{display:block;width:120px;height:120px;text-align:center;line-height:117px;background-color:#fff;margin:22px auto 0 auto;border-radius:10px}
.head-zm-qrcode>img{display:inline-block;vertical-align:middle;*zoom:1;*display:inline;width:110px;height:110px}
.head-login-hover{position:absolute;display:none;top:0;right:-38px;width:310px;height:auto;overflow:hidden;background:url(//game.gtimg.cn/images/lol/v3/dark70-bg-repeat.png) repeat;padding-top:78px;padding-bottom: 20px}
.head-login-hover.show{display:block;animation:topin .3s;-webkit-animation:topin .3s}
.head-login-hover .p1,.head-login-hover .p2{width:100%;height:auto;box-sizing:border-box;padding:0 24px;font-size:12px;color:#848383;text-align:center}
.head-login-hover .p1{margin-top:30px}
.head-login-hover .p2{margin-top:0px}
.head-login-hover .href-gouserhome{display:block;width:100%;height:44px;line-height:44px;text-align:center;color:#fff;font-size:16px;background-color:#000;margin-top:20px}
.head-login-hover .href-gouserhome:hover>i{animation-name:arrowanim;-webkit-animation-name:arrowanim}
.logined-top{width:100%;height:24px;line-height:24px;box-sizing:border-box;padding:0 12px}
.logined-top .select-area{float:left;width:auto;padding-left:10px;background-color:#2f2d2d;color:#848383;font-size:12px;text-align:left;position:relative}
.logined-top .select-area:after{content:'\0020';display:inline-block;vertical-align:middle;*zoom:1;*display:inline;background-position:-366px -84px;width:16px;height:9px;margin:-2px 10px 0 10px}
.logined-top .user-name{text-align:left;float:right;width:auto;max-width:154px;height:24px;font-size:16px;color:#cdbe91}
.logined-ul{width:100%;height:auto;overflow:hidden;box-sizing:border-box;padding-left:10px}
.logined-ul>li{float:right;list-style:none}
.logined-ul .user-rank{float:left;width:88px;height:135px;text-align:center}
.logined-ul .user-rank .img-wrap{width:100%;height:90px;text-align:center;line-height:100px}
.logined-ul .user-rank .img-wrap>img{display:inline-block;vertical-align:middle;*zoom:1;*display:inline;width:auto;max-width:88px;height:auto}
.logined-ul .user-rank .a1{color:#cdbe91;font-size:16px;line-height:24px}
.logined-ul .user-rank .a2{color:#848383;font-size:12px}
.logined-ul .user-datalist{width:100px;height:67px;text-align:center;padding-top:41px;box-sizing:border-box}
.logined-ul .user-datalist .a1{font-size:20px;line-height:24px;color:#cdbe91}
.logined-ul .user-datalist .a2{font-size:12px;color:#848383}
.search-hover-wrap{position:absolute;left:0;top:0;width:100%;height:78px;overflow:visible;background-color:#081322;z-index:11;display:none}
.search-hover-wrap>.search-hover-inner{min-width:1230px;max-width:1358px;height:78px;margin:0 auto;position:relative}
.search-hover-wrap.show{display:block;animation:opacityin .3s;-webkit-animation:opacityin .3s}
.search-hover-wrap .btn-search{float:right;width:40px;height:40px;text-align:center;line-height:40px;margin:17px 327px 0 0}
.search-hover-wrap .btn-search>i{display:inline-block;vertical-align:middle;*zoom:1;*display:inline}
.search-hover-wrap .input-search{float:right;width:368px;height:40px;line-height:40px;background-color:#081322;box-sizing:border-box;padding-left:5px;color:#fff;font-size:16px;margin:19px 200px 0 0;border:none}
.search-hover-wrap .btn-close-search{float:right;width:40px;height:40px;text-align:center;line-height:40px;margin:17px 6px 0 0}
.search-hover-wrap .btn-close-search>i{display:inline-block;vertical-align:middle;*zoom:1;*display:inline}
.search-hover-bottom{display:none;position:absolute;top:78px;left:389px;width:500px;height:auto;background-color:#fff;border-radius:0 0 5px 5px;box-shadow:0 0 10px 0 rgba(0,0,0,.7)}
.search-hover-bottom.show{display:block;animation:topin .4s;-webkit-animation:topin .4s}
.search-hover-bottom .hover-bottom-s1{display:block;height:40px;line-height:40px;color:#a4a6a9;font-size:12px;padding:0 20px;box-sizing:border-box}
.search-hover-bottom .hover-bottom-s2{display:block;float:right;height:40px;line-height:40px;color:#a4a6a9;font-size:12px;padding:0 20px;box-sizing:border-box}
.search-direct-href>li{height:40px;line-height:40px;list-style:none;padding:0 20px;box-sizing:border-box;cursor:pointer}
.search-direct-href>li:hover{background-color:#eee}
.search-direct-href>li>a{font-size:14px;color:#444}
/*! 官网通用页头 end */
/*! 官网通用顶部活动 start*/
.comm-topact{width:100%;min-width:1230px;height:360px;overflow:hidden;position:relative;background:center top no-repeat;-webkit-transition:height .6s,background,.6s;transition:height .6s,background,.6s}
.comm-topact .dark-mask{width:100%;height:131px;position:absolute;left:0;top:0;background:url(//game.gtimg.cn/images/lol/v3/dark-jianbian-repeatx-0.png) repeat center top;z-index:1}
.topact-big-img,.topact-small-img{position:absolute;left:50%;top:0;width:1920px;height:100%;margin-left:-960px}
.topact-small-img{-webkit-transition:opacity .6s;transition:opacity .6s;opacity:1}
.comm-topact-inner{width:auto;max-width:1358px;min-width:1230px;height:100%;position:relative;margin:0 auto}
.top-act-link{-webkit-transition:bottom .6s,background .3s;transition:bottom .6s,background .3s;display:block;position:absolute;z-index:1;left:50%;margin-left:-77px;bottom:32px;background-position:-216px -39px;width:160px;height:40px;font-size:0;-webkit-transition:filter .5s;transition:filter .5s;filter:brightness(1);-webkit-filter:brightness(1)}
.top-act-link.left{left:0;margin-left:0}
.top-act-link:hover{filter:brightness(1.15);-webkit-filter:brightness(1.15)}
.top-version{position:absolute;z-index:2;right:0;bottom:28px;font-size:14px;color:#888787}
.top-version em{color:#f5d185;margin-right:10px}
.top-version-link{display:inline-block;padding:0 15px;height:22px;border:2px solid #f5d185;text-align:center;line-height:22px;background:#000;background:rgba(0,0,0,.65);font-size:12px;color:#f5d185;-moz-border-image:-moz-linear-gradient(top,#6b5024 0,#b88d35 100%);-webkit-border-image:-webkit-linear-gradient(top,#6b5024 0,#b88d35 100%);border-image:linear-gradient(to bottom,#6b5024 0,#b88d35 100%);border-image-slice:1;-webkit-transition:filter .5s;transition:filter .5s;filter:brightness(1);-webkit-filter:brightness(1)}
.top-version-link:hover{filter:brightness(1.15);-webkit-filter:brightness(1.15)}
.top-version-link:hover{background:#111;background:rgba(0,0,0,.9)}
/*! 官网通用顶部活动 end */
/*! 官网通用底部,使用id强制替换样式,避免foot样式更新导致的错乱 start */
#footWrap{width:100%;min-width:1230px;padding:45px 0;background-color:#e3e2e2;color:#9f9378;font-size:12px;line-height:24px}
#footWrap a{color:#9f9378}
#footWrap a:hover{text-decoration:underline}
#footWrap li{color:#9f9378}
#footWrap .foot_dark{background-color:#e3e2e2}
#footWrap .foot_inner{max-width:1358px;min-width:1230px;height:auto;margin:0 auto;overflow:hidden;position:relative}
#footWrap .foot_lefts{display:block!important;height:100px;width:auto;line-height:100px;font-size:0;text-align:left;position:absolute;left:20px;top:50%;margin-top:-50px}
#footWrap .foot_lefts>a{  margin-right: 30px;}
#footWrap .foot_ieg_logo{background-position:-216px 0;width:189px;height:34px;}
/*#footWrap .logo-riot{background-position:-216px -84px;width:82px;height:28px;}*/
#footWrap .logo-riot {
    background-image: url(//game.gtimg.cn/images/lol/v3/logo-rigo.png);
    background-size: 98px 28px;
    background-position: 0px 0px;
    width: 98px;
    height: 28px;
}
#footWrap .foot_links{width:750px; margin-left: 500px}
#footWrap .f_line{color:#9f9378;margin:0 2px}
/*! 官网通用底部 end */
/*! 重置其他组件引入的iframe引起的底部移除白边 start*/
#loginStatusSyncFrame_ams_ame{display:block}
/*! 重置其他组件引入的iframe引起的底部移除白边 end*/
@charset "UTF-8";
.bg-1,.bg-2,.bg-3,.bg-4,.sprite-bg{background-image:url(//ossweb-img.qq.com/images/lol/space/sprite-bg.png);background-size:1975px 1054px;background-repeat:no-repeat}
.bg-1{background-position:-669px 0;width:534px;height:649px}
.bg-2{background-position:0 0;width:664px;height:1054px}
.bg-3{background-position:-1208px 0;width:363px;height:696px}
.bg-4{background-position:-1576px 0;width:399px;height:578px}
.V,.bar-class,.btn-close,.btn-play,.btn-play-s,.colle-box.on a,.d-wrap-2 a:first-child+a:after,.d-wrap-2 a:first-child+a:before,.data-bg,.dynamic .dynamic-info:after,.dynamic .dynamic-wrap:after,.fans_follow .dynamic-info:after,.fans_follow .dynamic-wrap:after,.fans_follow .fans_follow-wrap li:after,.follow-list>li .follow-info .info-right .sub a.on i,.follow-list>li .follow-info .info-right .sub a:hover i,.g-commu_article #tg-sns .tg-sns-qq:after,.g-commu_article #tg-sns .tg-sns-qq:hover:after,.g-commu_article #tg-sns .tg-sns-sina:after,.g-commu_article #tg-sns .tg-sns-sina:hover:after,.g-commu_article #tg-sns .tg-sns-wechat:after,.g-commu_article #tg-sns .tg-sns-wechat:hover:after,.g-commu_article .art-palette:before,.g-commu_article .btn-font-size.on span,.g-commu_article .like-box .btn-like.on .icon-good,.g-commu_article .like-box .btn-like:hover .icon-good,.g-commu_article .s-top-bar:before,.g-community .description p a:after,.g-community .experience .d-font:after,.g-community .mb-h4:after,.g-community .mb-h4:before,.g-community .mission li+li:before,.g-news_center .news-con li:before,.g-news_center .replay-detail p:before,.game-head-bg-bg,.game-info:after,.gap-line,.good-box.on .icon-good,.good-box:hover .icon-good,.guide-line,.hero-info-frame,.hover-qq,.hover-webo,.hover-wechat,.icon-arrow-bottom-y,.icon-arrow-left,.icon-arrow-nav,.icon-arrow-r,.icon-arrow-right-y,.icon-arrow-top,.icon-arrow-top-w,.icon-bcj,.icon-cake,.icon-cancel,.icon-collect,.icon-collect-on,.icon-comm-g,.icon-comment,.icon-content-line,.icon-content-line2,.icon-cookies,.icon-currency,.icon-diamond,.icon-dynamic-line,.icon-edit,.icon-follow-line,.icon-fun-line,.icon-good,.icon-good-on,.icon-good-w,.icon-gray-squ,.icon-green-arro,.icon-heart,.icon-heart-on,.icon-home,.icon-know,.icon-letter-n,.icon-letter-v,.icon-level-line,.icon-lit-squr,.icon-login,.icon-man,.icon-medal-g,.icon-medal-o,.icon-medal-y,.icon-mixture,.icon-mushroom,.icon-mutual,.icon-navline,.icon-next,.icon-pagedown,.icon-pageup,.icon-play,.icon-qq,.icon-read,.icon-renovate,.icon-repaly-n,.icon-representative,.icon-return,.icon-return2,.icon-rp,.icon-s-line,.icon-setup,.icon-sides,.icon-signin,.icon-step-lf,.icon-step-rt,.icon-ticket,.icon-wallet,.icon-wallet-line,.icon-webo,.icon-wechat,.icon-woman,.info-line,.iocn-golden-arro,.level-info-frame,.list-line,.lv-group .level-info-frame .lif-1:before,.lv-group:after,.nav-arrow,.navi:after,.often-hero .btn-check:after,.often-hero .btn-hero-skin.on:after,.often-hero .btn-hero-skin:after,.often-hero .btn-hero-skin:hover:after,.often-hero .btn-honor.on:after,.often-hero .btn-honor:after,.often-hero .btn-honor:hover:after,.often-hero .hero-info-wrap:after,.page-over .pagenext:after,.page-over .pagenextnone:after,.page-over .previouspage:after,.page-over .previouspageone:after,.polygon-bg,.por-class-bg,.radio,.radio-check,.rankings-line,.rankings-list li:after,.share-line,.sprite-img,.task .dynamic-info:after,.task .dynamic-wrap:after,.title-line,.user-article-list li:after,.user-gameinfo-bottom .btn-check:after,.user-gameinfo-bottom .btn-hero-skin.on:after,.user-gameinfo-bottom .btn-hero-skin:after,.user-gameinfo-bottom .btn-hero-skin:hover:after,.user-gameinfo-bottom .btn-honor.on:after,.user-gameinfo-bottom .btn-honor:after,.user-gameinfo-bottom .btn-honor:hover:after,.user-gameinfo-bottom .hero-info-wrap:after,.user-gameinfo-self .content-right-open:before,.user-gameinfo-self .content-right:before,.user-head-bg,.user-head-none,.user-head-s-none,.user-nav .nav-info-box:before,.user-nav .nav-info>a:before,.user-nav>a:before,.user-popularity a .num.new:after,.user-popularity a:first-child:after,.user-subscription-list li:after,.ver-gap-line,.wallect-info:after,.wallect-info:before{background-image:url(//ossweb-img.qq.com/images/lol/space/sprite-img.png);background-size:2425px 572px;background-repeat:no-repeat}
.V{background-position:-1977px -76px;width:2px;height:9px}
.bar-class{background-position:0 0;width:1180px;height:41px}
.btn-close{background-position:-1598px -137px;width:16px;height:16px}
.btn-play-s{background-position:-1297px -137px;width:26px;height:26px}
.btn-play{background-position:-1260px -137px;width:32px;height:32px}
.data-bg{background-position:-1185px -137px;width:70px;height:70px}
.game-head-bg-bg{background-position:-1185px -34px;width:98px;height:98px}
.g-community .mission li+li:before,.gap-line{background-position:-1288px -62px;width:556px;height:9px}
.guide-line,.navi:after{background-position:-1185px 0;width:1240px;height:9px}
.hero-info-frame{background-position:-465px -46px;width:220px;height:80px}
.g-commu_article #tg-sns .tg-sns-qq:hover:after,.hover-qq{background-position:-1553px -76px;width:19px;height:20px}
.g-commu_article #tg-sns .tg-sns-sina:hover:after,.hover-webo{background-position:-1353px -137px;width:20px;height:17px}
.g-commu_article #tg-sns .tg-sns-wechat:hover:after,.hover-wechat{background-position:-1378px -137px;width:20px;height:16px}
.icon-arrow-bottom-y,.often-hero .btn-hero-skin:after,.often-hero .btn-honor:after,.user-gameinfo-bottom .btn-hero-skin:after,.user-gameinfo-bottom .btn-honor:after{background-position:-1849px -62px;width:5px;height:8px}
.icon-arrow-left,.wallect-info:before{background-position:-1619px -137px;width:15px;height:16px}
.icon-arrow-nav{background-position:-1966px -76px;width:6px;height:10px}
.icon-arrow-r{background-position:-2419px -34px;width:5px;height:7px}
.icon-arrow-right-y,.often-hero .btn-check:after,.user-gameinfo-bottom .btn-check:after{background-position:-2316px -48px;width:8px;height:5px}
.icon-arrow-top-w,.often-hero .btn-hero-skin.on:after,.often-hero .btn-hero-skin:hover:after,.often-hero .btn-honor.on:after,.often-hero .btn-honor:hover:after,.user-gameinfo-bottom .btn-hero-skin.on:after,.user-gameinfo-bottom .btn-hero-skin:hover:after,.user-gameinfo-bottom .btn-honor.on:after,.user-gameinfo-bottom .btn-honor:hover:after{background-position:-2420px -14px;width:5px;height:8px}
.icon-arrow-top{background-position:-1322px -174px;width:14px;height:17px}
.icon-bcj{background-position:-1479px -104px;width:10px;height:12px}
.icon-cake{background-position:-1282px -174px;width:16px;height:19px}
.icon-cancel{background-position:-1734px -137px;width:13px;height:14px}
.colle-box.on a,.icon-collect-on{background-position:-1428px -137px;width:17px;height:16px}
.icon-collect{background-position:-1450px -137px;width:17px;height:16px}
.icon-comm-g{background-position:-1434px -76px;width:40px;height:40px}
.icon-comment{background-position:-1725px -76px;width:15px;height:15px}
.game-info:after,.icon-content-line,.lv-group:after{background-position:-314px -151px;width:9px;height:101px}
.icon-content-line2,.user-gameinfo-self .content-right-open:before,.user-gameinfo-self .content-right:before{background-position:0 -294px;width:10px;height:278px}
.icon-cookies{background-position:-1704px -76px;width:16px;height:15px}
.icon-currency{background-position:-1514px -137px;width:16px;height:16px}
.icon-diamond{background-position:-1639px -137px;width:14px;height:14px}
.dynamic .dynamic-wrap:after,.fans_follow .dynamic-wrap:after,.icon-dynamic-line,.task .dynamic-wrap:after{background-position:-1288px -48px;width:611px;height:9px}
.icon-edit{background-position:-1933px -76px;width:11px;height:11px}
.fans_follow .fans_follow-wrap li:after,.icon-follow-line{background-position:-1872px -14px;width:503px;height:9px}
.d-wrap-2 a:first-child+a:after,.d-wrap-2 a:first-child+a:before,.icon-fun-line{background-position:-1223px -212px;width:5px;height:26px}
.good-box.on .icon-good,.good-box:hover .icon-good,.icon-good-on{background-position:-1602px -76px;width:23px;height:15px}
.icon-good-w{background-position:-1768px -76px;width:18px;height:12px}
.icon-good{background-position:-1630px -76px;width:23px;height:15px}
.g-news_center .replay-detail p:before,.icon-gray-squ{background-position:-2264px -48px;width:9px;height:9px}
.icon-green-arro{background-position:-2292px -48px;width:7px;height:9px}
.icon-heart-on{background-position:-1899px -76px;width:12px;height:11px}
.icon-heart{background-position:-1916px -76px;width:12px;height:11px}
.icon-home{background-position:-1830px -76px;width:13px;height:12px}
.g-community .description p a:after,.icon-know{background-position:-2304px -48px;width:7px;height:9px}
.icon-letter-n,.user-popularity a .num.new:after{background-position:-1493px -137px;width:16px;height:16px}
.icon-letter-v{background-position:-1556px -137px;width:16px;height:16px}
.icon-level-line,.lv-group .level-info-frame .lif-1:before{background-position:-1185px -212px;width:9px;height:51px}
.g-commu_article .art-palette:before,.g-news_center .news-con li:before,.icon-lit-squr{background-position:-2278px -48px;width:9px;height:9px}
.icon-login{background-position:-1752px -137px;width:13px;height:14px}
.icon-man{background-position:-1677px -137px;width:14px;height:14px}
.icon-medal-g{background-position:-1509px -104px;width:10px;height:12px}
.icon-medal-o{background-position:-1494px -104px;width:10px;height:12px}
.icon-medal-y{background-position:-1524px -104px;width:10px;height:12px}
.icon-mixture{background-position:-1303px -174px;width:14px;height:18px}
.icon-mushroom{background-position:-1577px -137px;width:16px;height:16px}
.icon-mutual{background-position:-1949px -76px;width:12px;height:10px}
.icon-navline,.user-nav .nav-info-box:before,.user-nav .nav-info>a:before,.user-nav>a:before,.user-popularity a:first-child:after{background-position:-1199px -212px;width:9px;height:46px}
.icon-next{background-position:-1567px -104px;width:8px;height:12px}
.icon-pagedown{background-position:-1681px -76px;width:18px;height:15px}
.icon-pageup{background-position:-1658px -76px;width:18px;height:15px}
.icon-play{background-position:-1658px -137px;width:14px;height:14px}
.g-commu_article #tg-sns .tg-sns-qq:after,.icon-qq{background-position:-1529px -76px;width:19px;height:20px}
.icon-read{background-position:-1791px -76px;width:16px;height:12px}
.icon-renovate{background-position:-1882px -76px;width:12px;height:12px}
.icon-repaly-n{background-position:-1577px -76px;width:20px;height:18px}
.icon-representative{background-position:-1260px -174px;width:17px;height:19px}
.icon-return{background-position:-1553px -104px;width:9px;height:12px}
.icon-return2{background-position:-1539px -104px;width:9px;height:12px}
.icon-rp{background-position:-1812px -76px;width:13px;height:12px}
.icon-s-line,.often-hero .hero-info-wrap:after,.user-gameinfo-bottom .hero-info-wrap:after{background-position:-1213px -212px;width:5px;height:27px}
.icon-setup{background-position:-1696px -137px;width:14px;height:14px}
.dynamic .dynamic-info:after,.fans_follow .dynamic-info:after,.icon-sides,.task .dynamic-info:after{background-position:-2406px -14px;width:9px;height:9px}
.icon-signin{background-position:-1472px -137px;width:16px;height:16px}
.g-community .mb-h4:before,.icon-step-lf{background-position:-2394px -34px;width:20px;height:7px}
.g-community .mb-h4:after,.icon-step-rt{background-position:-2380px -14px;width:21px;height:9px}
.icon-ticket{background-position:-1535px -137px;width:16px;height:16px}
.icon-wallet-line,.wallect-info:after{background-position:-300px -151px;width:9px;height:113px}
.icon-wallet{background-position:-1745px -76px;width:18px;height:12px}
.g-commu_article #tg-sns .tg-sns-sina:after,.icon-webo{background-position:-1328px -137px;width:20px;height:17px}
.g-commu_article #tg-sns .tg-sns-wechat:after,.icon-wechat{background-position:-1403px -137px;width:20px;height:16px}
.icon-woman{background-position:-1715px -137px;width:14px;height:14px}
.g-commu_article .s-top-bar:before,.info-line{background-position:-1904px -48px;width:289px;height:9px}
.iocn-golden-arro{background-position:-2329px -48px;width:8px;height:5px}
.level-info-frame{background-position:0 -46px;width:460px;height:100px}
.list-line,.user-article-list li:after,.user-subscription-list li:after{background-position:-1288px -34px;width:659px;height:9px}
.nav-arrow{background-position:-1342px -76px;width:42px;height:42px}
.polygon-bg{background-position:-1479px -76px;width:45px;height:23px}
.por-class-bg{background-position:-1288px -76px;width:49px;height:55px}
.g-commu_article .btn-font-size.on span,.radio-check{background-position:-1865px -76px;width:12px;height:12px}
.radio{background-position:-1848px -76px;width:12px;height:12px}
.rankings-line,.rankings-list li:after{background-position:-1952px -34px;width:437px;height:9px}
.share-line{background-position:-2198px -48px;width:61px;height:9px}
.title-line{background-position:-1185px -14px;width:682px;height:15px}
.user-head-bg{background-position:0 -151px;width:138px;height:138px}
.user-head-none{background-position:-143px -151px;width:138px;height:138px}
.user-head-s-none{background-position:-1389px -76px;width:40px;height:40px}
.g-community .experience .d-font:after,.ver-gap-line{background-position:-286px -151px;width:9px;height:131px}
body,dd,dl,form,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5b8b\4f53',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
b,em{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:underline}
a,i{display:inline-block}
img{border:0}
button,input,select,textarea{font-size:100%;outline:0}
table{border-collapse:collapse;border-spacing:0}
ol,td,th,ul{padding:0}
dl,ol,ul{list-style:none}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{*zoom:1}
#afooter{background:#1c1c1c;text-align:center}
#afooter .wrap_ieg{width:1240px;margin:0 auto;padding:30px 0}
#afooter p{color:#6e6e6e;line-height:24px;font-size:10px}
#afooter a{color:#6e6e6e;font-size:12px}
.comm-head{font-family:'\5FAE\8F6F\96C5\9ED1';position:relative!important;background:#000}
.comm-head .head-login-hover{top:10px}
.comm-topact{display:none}
#_overlay_,.ost,.ost_box,body,html{min-width:1240px!important}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0}
.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}
.g-wrap{position:relative;font-family:'\5FAE\8F6F\96C5\9ED1';min-height:976px}
.g-wrap a{-webkit-transition:border .3s,color .3s;transition:border .3s,color .3s}
.g-wrap a:hover{text-decoration:none}
.g-wrap .bg-1{position:absolute;top:0;left:0}
.g-wrap .bg-2{position:absolute;top:0;right:0}
.g-wrap .bg-3{position:absolute;bottom:0;left:0}
.g-wrap .bg-4{position:absolute;bottom:0;right:0}
.top-inner{position:relative}
.top{z-index:20}
.logo{z-index:11;top:5px}
.main-container{width:1240px;margin:0 auto;position:relative;font-size:12px;color:#444}
.main-container a{color:#444}
.navi{color:#888;font-size:12px;position:relative;height:50px;padding-top:45px}
.navi a{font-size:14px;font-weight:700;border-bottom:1px solid rgba(0,0,0,0)}
.navi a:hover{border-color:#000}
.navi:after{position:absolute;content:"";left:0;bottom:0}
.icon-home{margin-right:10px}
.icon-arrow-nav{margin:0 15px}
.userinfo{height:120px;border:1px solid #f1f1f1;background:#fff;margin-top:110px;font-size:12px;position:relative;display:none}
.user-head{position:absolute;width:138px;height:138px;left:55px;top:-65px}
.user-head-bg,.user-head-none{position:relative;z-index:2}
.user-head-img{width:128px;height:128px;line-height:128px;position:absolute;left:5px;top:5px;border-radius:100%;overflow:hidden;font-size:0}
.user-head-img img{display:inline-block;vertical-align:middle;width:100%}
.user-datum{margin:-56px 0 0 242px;width:994px}
.user-datum .login{color:#0baac0}
.user-datum .name{font-size:30px;color:#444;font-weight:700;text-align:center;position:relative;top:3px;margin-left:0}
.user-datum i{vertical-align:middle;margin-bottom:3px}
.user-datum b{color:#0baac0}
.user-datum a{text-align:center}
.user-datum a .num{color:#0baac0;font-weight:700}
.user-datum a:hover{-webkit-filter:none;filter:none;color:#0baac0}
.d-wrap-0{position:relative}
.d-wrap-0 i,.d-wrap-0 span{margin:0 5px}
.d-wrap-0 .icon-man,.d-wrap-0 .icon-woman{margin-bottom:3px}
.d-wrap-1{margin-top:26px;width:600px}
.d-wrap-1 .icon-edit{margin:0 5px 0 0}
.d-wrap-2{margin-top:15px}
.d-wrap-2 a{padding:0 24px}
.d-wrap-2 a:first-child{padding-left:0}
.d-wrap-2 a:first-child+a{position:relative}
.d-wrap-2 a:first-child+a:before{position:absolute;content:"";left:0;top:6px}
.d-wrap-2 a:first-child+a:after{position:absolute;content:"";right:0;top:6px}
.d-wrap-2 a:last-of-type:after{display:none}
.d-wrap-2 span{display:block}
.d-wrap-2 .icon-currency{margin:0 5px 0 0;vertical-align:-3px}
.operation{display:inline-block;text-align:right;position:absolute;right:0;top:18px}
.operation a{margin-right:30px}
.operation span{vertical-align:middle}
.user-popularity{font-weight:700;font-size:30px;position:absolute;top:22px;right:10px}
.user-popularity a{position:relative;margin:0 38px}
.user-popularity a:hover{-webkit-filter:none;filter:none}
.user-popularity a:hover .num,.user-popularity a:hover .num-n{color:#0baac0}
.user-popularity a:first-child:after{position:absolute;content:"";right:-41px;top:14px}
.user-popularity a .num{color:#444;font-size:30px}
.user-popularity a .num.new:after{content:"";position:absolute;right:-18px;top:0}
.user-popularity a span{text-align:center;color:#aaa;font-size:14px;display:block}
.user-lv{background:#0baac0;border-radius:4px;color:#fff;height:18px;line-height:18px;padding:0 5px;margin-right:16px}
.authentication{margin:0 16px 0 6px}
.user-introduce{font-size:14px;color:#aaa}
.num{color:#0baac0}
.user-wallet{position:relative;display:inline-block}
.user-wallet:hover .wallect-info{display:block;animation:fadeIn_r .5s}
.wallect-info{background:#fff;position:absolute;display:none;margin-left:85px;top:50%;margin-top:-108.5px;padding:35px 50px 35px 30px;width:580px;box-shadow:0 0 30px rgba(0,0,0,.2);z-index:1}
.wallect-info div{margin-bottom:34px;overflow:hidden}
.wallect-info div:last-child{margin-bottom:0}
.wallect-info i{margin-right:13px}
.wallect-info span{color:#0baac0}
.wallect-info a{width:88px;height:24px;border:1px solid #bb9a6c;color:#bb9a6c;line-height:24px;float:right}
.wallect-info a:hover{color:#fff;background:#bb9a6c}
.wallect-info p{width:235px;text-align:left;line-height:24px;display:inline-block;float:left}
.wallect-info p:first-child+p{float:right}
.wallect-info:after{content:"";left:50%;top:50%;margin-left:-13.5px;margin-top:-56.5px;display:inline-block;position:absolute}
.wallect-info:before{content:"";display:inline-block;position:absolute;left:-15px;top:50%;margin-top:-8px}
.user-nav{height:99px;border:1px solid #f1f1f1;border-top:none;font-size:0;background:#fff;overflow:hidden;display:none}
.user-nav .nav-info-box,.user-nav .nav-info>a,.user-nav>a{font-size:18px;height:99px;position:relative;text-align:center;display:none;float:left}
.user-nav .nav-info-box.on,.user-nav .nav-info-box:hover,.user-nav .nav-info>a.on,.user-nav .nav-info>a:hover,.user-nav>a.on,.user-nav>a:hover{font-weight:700;position:relative;color:#0baac0;-webkit-filter:none;filter:none}
.user-nav .nav-info-box.on span,.user-nav .nav-info-box:hover span,.user-nav .nav-info>a.on span,.user-nav .nav-info>a:hover span,.user-nav>a.on span,.user-nav>a:hover span{font-weight:700;color:#0baac0}
.user-nav .nav-info-box.on:after,.user-nav .nav-info-box:hover:after,.user-nav .nav-info>a.on:after,.user-nav .nav-info>a:hover:after,.user-nav>a.on:after,.user-nav>a:hover:after{position:absolute;content:"";width:100%;height:5px;background:#0baac0;bottom:0;left:0}
.user-nav .nav-info-box.on:hover,.user-nav .nav-info>a.on:hover,.user-nav>a.on:hover{font-weight:700}
.user-nav .nav-info-box.on:hover span,.user-nav .nav-info>a.on:hover span,.user-nav>a.on:hover span{font-weight:700}
.user-nav .nav-info-box:hover,.user-nav .nav-info>a:hover,.user-nav>a:hover{font-weight:400;cursor:pointer}
.user-nav .nav-info-box:hover span,.user-nav .nav-info>a:hover span,.user-nav>a:hover span{font-weight:400}
.user-nav .nav-info-box:before,.user-nav .nav-info>a:before,.user-nav>a:before{position:absolute;content:"";bottom:21px;left:-4px}
.user-nav .nav-info-box:after,.user-nav .nav-info>a:after,.user-nav>a:after{content:"";display:block;position:absolute;bottom:0;left:50%;width:0;height:5px;background:#0baac0;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.user-nav>a{transition:width .3s}
.user-nav .nav-info>a.on,.user-nav .nav-info>a:hover{font-weight:700;position:relative;color:#0baac0;-webkit-filter:none;filter:none}
.user-nav .nav-info>a.on span,.user-nav .nav-info>a:hover span{font-weight:700;color:#0baac0}
.user-nav .nav-info>a.on:after,.user-nav .nav-info>a:hover:after{width:100%}
.user-nav .nav-info>a.on:hover{font-weight:700}
.user-nav .nav-info>a.on:hover span{font-weight:700}
.user-nav .nav-info>a:hover{font-weight:400}
.user-nav .nav-info>a:hover span{font-weight:400}
.user-nav .nav-info.on .nav-info-box,.user-nav .nav-info.on-off .nav-info-box{font-weight:700;position:relative;color:#0baac0;-webkit-filter:none;filter:none}
.user-nav .nav-info.on .nav-info-box span,.user-nav .nav-info.on-off .nav-info-box span{font-weight:700;color:#0baac0}
.user-nav .nav-info.on .nav-info-box:after,.user-nav .nav-info.on-off .nav-info-box:after{position:absolute;content:"";width:100%;height:5px;background:#0baac0;bottom:0;left:0}
.user-nav .nav-info.on:hover .nav-info-box{font-weight:700}
.user-nav .nav-info.on:hover .nav-info-box span{font-weight:700}
.user-nav>a:first-child:before{position:absolute;content:none}
.user-nav .nav-info-box,.user-nav>a{width:25%}
.user-nav .nav-info>a{width:33.33%}
.user-nav .nav-arrow{position:absolute;top:50%;margin-top:-20px;cursor:pointer;display:none;z-index:1}
.user-nav .nav-info.on .nav-info-box{background-color:#0baac0;width:134px}
.user-nav .nav-info.on .nav-info-box:before{display:none}
.user-nav .nav-info.on .nav-info-box span{color:#fff}
.user-nav .nav-info.on .nav-info-box:hover .nav-arrow{right:-23px}
.user-nav .nav-info.on a{display:block}
.user-nav .nav-info.on .nav-arrow{display:block;right:-20px;transform:rotateY(180deg);transition:right .2s}
.user-nav .nav-info.on-off .nav-info-box{background-color:#0baac0;width:25%}
.user-nav .nav-info.on-off .nav-info-box:before{display:none}
.user-nav .nav-info.on-off .nav-info-box span{color:#fff}
.user-nav .nav-info.on-off .nav-info-box:hover .nav-arrow{left:-23px}
.user-nav .nav-info.on-off a{display:none}
.user-nav .nav-info.on-off .nav-arrow{display:block;left:-20px;transition:left .2s}
.user-nav .nav-info a{display:none}
.user-nav .nav-news a{display:block;float:left}
.user-nav span{display:block;margin-top:30px}
.user-nav .English{font-size:12px;color:#aaa;display:block;margin-top:0;font-weight:400}
.user-nav.nav-3-author>a{width:33.33%}
.user-nav.nav-3-author a:first-child+a{display:none}
.user-nav.nav-3-author .nav-info-box{width:33.33%}
.user-nav.nav-3-author .nav-info.on a{width:180px}
.user-nav.nav-3-author .nav-info-box,.user-nav.nav-3-author .nav-info.on-off .nav-info-box{width:33.33%}
.user-nav.nav-2-author-guest>a,.user-nav.nav-2-author>a{width:50%}
.user-nav.nav-2-author a:first-child+a,.user-nav.nav-2-author a:first-child+a+a,.user-nav.nav-2-author-guest a:first-child+a,.user-nav.nav-2-author-guest a:first-child+a+a{display:none}
.user-nav.nav-2-author .nav-info-box,.user-nav.nav-2-author-guest .nav-info-box{width:50%}
/*.user-nav.nav-2-author .nav-info.on a,.user-nav.nav-2-author-guest .nav-info.on a{width:33.33%}*/
.user-nav.nav-2-author .nav-info-box,.user-nav.nav-2-author .nav-info.on-off .nav-info-box,.user-nav.nav-2-author-guest .nav-info-box,.user-nav.nav-2-author-guest .nav-info.on-off .nav-info-box{width:50%}
.user-nav.nav-2-guest>a{width:50%}
.user-nav.nav-2-guest .nav-info,.user-nav.nav-2-guest a:first-child+a+a{display:none}
.user-nav.nav-3{overflow:hidden}
.user-nav.nav-3>a{width:33.3333%}
.user-nav.nav-3-guest{overflow:hidden}
.user-nav.nav-3-guest>a{width:33.3333%}
.user-nav.nav-3-guest>a+a+a{display:none}
.user-nav.nav-3-guest .nav-info-box,.user-nav.nav-3-guest .nav-info.on-off .nav-info-box{width:33.3333%}
.p-title{overflow:hidden;line-height:27px}
.p-title .primary-title{float:left}
.p-title .btn-gropu a{position:relative;margin-left:28px;font-size:14px;color:#0baac0}
.p-title .btn-gropu a:first-child{margin-left:60px}
.p-title .btn-gropu a.on{position:relative;font-weight:700}
.p-title .btn-gropu a.on:after{position:absolute;content:"";width:100%;height:3px;background:#0baac0;bottom:0;left:0}
.p-title .btn-gropu a:hover:after{position:absolute;content:"";width:100%;height:3px;background:#0baac0;bottom:0;left:0}
.primary-title{font-size:18px;position:relative;padding-left:10px;font-weight:700}
.primary-title:before{content:"";width:3px;height:18px;background:#0baac0;position:absolute;left:0;top:5px}
.slow{display:block}
.g-game_info,.g-index,.m-news-column,.m-news-video{padding-bottom:100px;width:100%;overflow:hidden}
.g-game_info .p-title a,.g-index .p-title a,.m-news-column .p-title a,.m-news-video .p-title a{float:right;font-size:12px;color:#aaa}
.g-game_info .p-title a i,.g-index .p-title a i,.m-news-column .p-title a i,.m-news-video .p-title a i{margin-left:3px;transition:all .2s}
.g-game_info .p-title a .icon-return2,.g-index .p-title a .icon-return2,.m-news-column .p-title a .icon-return2,.m-news-video .p-title a .icon-return2{vertical-align:-2px}
.g-game_info .p-title a:hover,.g-index .p-title a:hover,.m-news-column .p-title a:hover,.m-news-video .p-title a:hover{color:#0baac0}
.g-game_info .p-title .btn-gropu a,.g-index .p-title .btn-gropu a,.m-news-column .p-title .btn-gropu a,.m-news-video .p-title .btn-gropu a{float:none}
.user-gameinfo,.user-gameinfo-self{width:100%;height:269px;background:url(//ossweb-img.qq.com/images/lol/space/game-info-index-bg.png) no-repeat center;background-size:cover;position:relative;margin-top:10px;color:#fff}
.user-gameinfo a:hover,.user-gameinfo-self a:hover{text-decoration:none;-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.user-gameinfo .nologin-tips,.user-gameinfo-self .nologin-tips{position:relative;color:#444;float:left;margin-left:40px;display:none}
.user-gameinfo .nologin-tips a,.user-gameinfo-self .nologin-tips a{color:#0baac0;float:none}
.user-gameinfo i,.user-gameinfo-self i{vertical-align:middle}
.user-gameinfo .user-head-s-none,.user-gameinfo-self .user-head-s-none{margin:0 10px 0 0}
.user-gameinfo .p-title,.user-gameinfo-self .p-title{padding:30px 0 0 30px;color:#fff}
.user-gameinfo .primary-title:before,.user-gameinfo-self .primary-title:before{background:#fff}
.user-gameinfo .user-head-img,.user-gameinfo-self .user-head-img{width:90px;height:90px;line-height:90px;left:4px}
.user-gameinfo .user-head,.user-gameinfo-self .user-head{position:relative;margin-top:30px;width:98px;height:100px;display:block;float:left;top:0;left:0}
.user-gameinfo .user-head img,.user-gameinfo-self .user-head img{width:90px;height:90px}
.user-gameinfo .game-head-bg-bg,.user-gameinfo-self .game-head-bg-bg{z-index:2;position:absolute;left:0;top:0}
.user-gameinfo .user-gameinfo-content,.user-gameinfo-self .user-gameinfo-content{margin-top:-10px;padding-left:30px}
.user-gameinfo-self.nologin,.user-gameinfo.nologin{background:#fff;height:auto;border:1px solid #f1f1f1;box-sizing:border-box}
.user-gameinfo-self.nologin .nologin-tips,.user-gameinfo.nologin .nologin-tips{display:block;height:42px;line-height:42px}
.user-gameinfo-self.nologin .user-gameinfo-content,.user-gameinfo.nologin .user-gameinfo-content{display:none}
.user-gameinfo-self.nologin .primary-title:before,.user-gameinfo.nologin .primary-title:before{background:#0baac0}
.user-gameinfo-self.nologin .p-title,.user-gameinfo.nologin .p-title{color:#444;padding:20px 0 20px 30px}
.user-gameinfo-self.nologin .p-title .primary-title,.user-gameinfo.nologin .p-title .primary-title{margin:8px 0 0}
.often-hero,.user-gameinfo-bottom{width:100%;height:60px;position:absolute;bottom:0;left:0;background:#000;background:rgba(0,0,0,.6)}
.often-hero .hero-info-wrap,.user-gameinfo-bottom .hero-info-wrap{margin:0 10px 0 15px;padding-left:30px;position:relative;float:left;height:60px;line-height:60px;font-size:0}
.often-hero .hero-info-wrap .hero-info,.user-gameinfo-bottom .hero-info-wrap .hero-info{display:inline-block;vertical-align:middle;height:100%}
.often-hero .hero-info-wrap .hero-info span,.user-gameinfo-bottom .hero-info-wrap .hero-info span{margin:0 8px;font-size:12px}
.often-hero .hero-info-wrap .hero-info p,.user-gameinfo-bottom .hero-info-wrap .hero-info p{font-size:12px;margin:0 8px;color:#bb9a6c}
.often-hero .hero-info-wrap .hero-info p span,.user-gameinfo-bottom .hero-info-wrap .hero-info p span{margin:0;color:#0baac0}
.often-hero .hero-info-wrap .pic-wrap,.user-gameinfo-bottom .hero-info-wrap .pic-wrap{border:1px solid #000;border-radius:100%;overflow:hidden;width:34px;height:34px;display:inline-block;vertical-align:middle}
.often-hero .hero-info-wrap .pic-wrap img,.user-gameinfo-bottom .hero-info-wrap .pic-wrap img{display:block;width:38px;height:38px;margin:-2px 0 0 -2px}
.often-hero .hero-info-wrap:after,.user-gameinfo-bottom .hero-info-wrap:after{content:"";position:absolute;left:0;top:50%;margin-top:-13px}
.often-hero .hero-info-wrap p,.user-gameinfo-bottom .hero-info-wrap p{display:inline-block}
.often-hero>span,.user-gameinfo-bottom>span{line-height:60px;margin-left:30px;float:left;margin-right:15px}
.often-hero .often-hero-list,.user-gameinfo-bottom .often-hero-list{height:60px;line-height:60px;float:left}
.often-hero .often-hero-head,.user-gameinfo-bottom .often-hero-head{cursor:pointer;float:left;position:relative;margin-right:10px;font-size:0}
.often-hero .often-hero-head .pic-wrap,.user-gameinfo-bottom .often-hero-head .pic-wrap{border:1px solid #000;border-radius:50%;overflow:hidden;width:34px;height:34px;display:inline-block;vertical-align:middle}
.often-hero .often-hero-head .pic-wrap img,.user-gameinfo-bottom .often-hero-head .pic-wrap img{display:block;width:42px;height:42px;margin:-4px 0 0 -4px}
.often-hero .often-hero-head.on .pic-wrap,.often-hero .often-hero-head:hover .pic-wrap,.user-gameinfo-bottom .often-hero-head.on .pic-wrap,.user-gameinfo-bottom .often-hero-head:hover .pic-wrap{border:1px solid #b59669}
.often-hero .btn-check,.often-hero .btn-hero-skin,.often-hero .btn-honor,.user-gameinfo-bottom .btn-check,.user-gameinfo-bottom .btn-hero-skin,.user-gameinfo-bottom .btn-honor{display:block;border:1px solid #bb9a6c;float:right;background:#000;margin-top:15px;margin-right:20px;color:#bb9a6c;padding:5px 30px 5px 20px;border-radius:5px;position:relative}
.often-hero .btn-check i,.often-hero .btn-hero-skin i,.often-hero .btn-honor i,.user-gameinfo-bottom .btn-check i,.user-gameinfo-bottom .btn-hero-skin i,.user-gameinfo-bottom .btn-honor i{position:relative;left:10px}
.often-hero .btn-check:after,.often-hero .btn-hero-skin:after,.often-hero .btn-honor:after,.user-gameinfo-bottom .btn-check:after,.user-gameinfo-bottom .btn-hero-skin:after,.user-gameinfo-bottom .btn-honor:after{position:absolute;transform:translate3d(0,0,0);content:"";top:12px;right:12px}
.often-hero .btn-check:after,.user-gameinfo-bottom .btn-check:after{transition:all .2s}
.often-hero .btn-check:hover:after,.user-gameinfo-bottom .btn-check:hover:after{transform:translateX(5px)}
.often-hero .btn-hero-skin,.often-hero .btn-honor,.user-gameinfo-bottom .btn-hero-skin,.user-gameinfo-bottom .btn-honor{text-align:center;height:28px;width:110px;padding:0;padding-right:10px;line-height:28px}
.often-hero .btn-hero-skin:after,.often-hero .btn-honor:after,.user-gameinfo-bottom .btn-hero-skin:after,.user-gameinfo-bottom .btn-honor:after{top:11px;right:18px}
.often-hero .btn-hero-skin.on,.often-hero .btn-hero-skin:hover,.often-hero .btn-honor.on,.often-hero .btn-honor:hover,.user-gameinfo-bottom .btn-hero-skin.on,.user-gameinfo-bottom .btn-hero-skin:hover,.user-gameinfo-bottom .btn-honor.on,.user-gameinfo-bottom .btn-honor:hover{-webkit-filter:none;filter:none;background:#bb9a6c;color:#fff}
.user-gameinfo-bottom{background:0 0;width:320px;height:60px;position:absolute;bottom:30px;right:0;left:auto}
.g-game_info .lv-group:after{content:none}
.g-game_info .lv-group .level-info-frame{left:-30px}
.user-gameinfo-self{width:100%;height:356px;background:url(//ossweb-img.qq.com/images/lol/space/game-info-bg.png) no-repeat center top}
.user-gameinfo-self .content-left{float:left;width:369px}
.user-gameinfo-self .content-left .icon-lv{margin-left:0;margin-top:0}
.user-gameinfo-self .content-left .lv-text{margin-top:38px}
.user-gameinfo-self .content-left .lv-text a{color:#bb9a6c;background:#000;padding:0 10px;border:1px solid #bb9a6c;border-radius:5px;margin-top:12px}
.user-gameinfo-self .content-left .lv-text a:hover{-webkit-filter:none;filter:none;background:#bb9a6c;color:#fff}
.user-gameinfo-self .content-right{display:block;float:left;margin-left:30px;position:relative}
.user-gameinfo-self .content-right:before{position:absolute;content:"";top:15px;left:-58px}
.user-gameinfo-self .content-right .data-group:after{content:none}
.user-gameinfo-self .content-right .data-surface{cursor:pointer}
.user-gameinfo-self .content-right-open{display:none;position:relative;width:840px;float:left}
.user-gameinfo-self .content-right-open .btn-return{position:absolute;right:19px;top:-10px;color:#fff;z-index:999}
.user-gameinfo-self .content-right-open .btn-return i{transition:all .2s;margin-bottom:2px;transform:translateX(0)}
.user-gameinfo-self .content-right-open .btn-return:hover{-webkit-filter:none;filter:none}
.user-gameinfo-self .content-right-open .btn-return:hover i{transform:translateX(-5px)}
.user-gameinfo-self .content-right-open .data-group{padding:30px 32px 0 0;width:380px}
.user-gameinfo-self .content-right-open .data-group div{display:inline-block;float:inherit;vertical-align:middle;visibility:hidden;animation:leftward .4s linear forwards}
.user-gameinfo-self .content-right-open .data-group div:first-child+div{animation-delay:.2s}
.user-gameinfo-self .content-right-open .data-group div:first-child+div+div{animation-delay:.4s}
.user-gameinfo-self .content-right-open .data-group div:first-child+div+div+div{animation-delay:.6s}
.user-gameinfo-self .content-right-open .data-group:after{content:none}
.user-gameinfo-self .content-right-open .data-group.rj .data-title{border:8px solid #285a80}
.user-gameinfo-self .content-right-open .data-group.dld .data-title{border:8px solid #fff}
.user-gameinfo-self .content-right-open .data-group.pp .data-title{border:8px solid #27304e}
.user-gameinfo-self .content-right-open .data-title{width:68px;height:68px;background:#18202f;border:8px solid #d7b86f;border-radius:50%;font-size:12px;color:#fff;margin-top:-6px;margin-right:24px}
.user-gameinfo-self .content-right-open .data-title .num{font-size:12px;color:#fff;margin-top:15px}
.user-gameinfo-self .content-right-open:before{position:absolute;content:"";top:21px;left:-58px}
.user-gameinfo-self .cl-top{overflow:hidden;position:relative}
.user-gameinfo-self .cl-top .game-info:after{content:none}
.user-gameinfo-self .cl-bottom,.user-gameinfo-self .cl-top{width:100%}
.user-gameinfo-self .cl-bottom{margin-top:50px}
.user-gameinfo-self .often-hero{background:0 0;color:#fff;position:absolute;top:212px;left:0}
.user-gameinfo-self .often-hero-list{height:60px;line-height:60px;float:left}
.user-gameinfo-self .often-hero-head{margin-right:16px;font-size:0}
.user-gameinfo-self .often-hero-head .pic-wrap{width:48px;height:48px}
.user-gameinfo-self .often-hero-head .pic-wrap img{width:56px;height:56px;margin:-4px 0 0 -4px}
.user-gameinfo-self .often-hero-head .hero-info-frame{position:absolute;display:none;animation:fadeIn .5s;transition:all .2s;top:-83px;left:-87px;z-index:99;font-size:12px;line-height:1.5}
.user-gameinfo-self .often-hero-head .hero-info-frame .name{color:#fff}
.user-gameinfo-self .often-hero-head .hero-info-frame p{width:150px;text-align:left;color:#bb9a6c}
.user-gameinfo-self .often-hero-head .hero-info-frame p span{color:#0baac0}
.user-gameinfo-self .often-hero-head .hero-info-frame .pic-wrap{border:1px solid #000;border-radius:50%;overflow:hidden;width:34px;height:34px;float:left;margin:15px 10px 0 20px}
.user-gameinfo-self .often-hero-head .hero-info-frame .pic-wrap img{display:block;width:38px;height:38px;margin:-2px 0 0 -2px}
.user-gameinfo-self .often-hero-head .hero-info-frame .info{margin-top:13px;float:left}
.user-gameinfo-self .often-hero-head .hero-info-frame .info span{float:none;margin:0 9px 0 0;line-height:12px}
.user-gameinfo-self .often-hero-head:hover .hero-info-frame{display:block}
.game-info{margin-top:25px;padding:0 0 0 24px;position:relative;float:left;width:210px}
.game-info .game-name{font-size:18px}
.game-info .lv{color:#0baac0;margin:0 0 0 5px}
.game-info .p-wrap-gi0 i{margin:0 10px 3px}
.game-info .p-wrap-gi1 a{color:#bb9a6c}
.game-info .p-wrap-gi2{display:none}
.game-info .p-wrap-gi2 i{margin-right:4px}
.game-info .p-wrap-gi2 a{margin-right:10px}
.game-info .area{margin-right:14px}
.game-info p{margin-top:10px}
.game-info a{color:#aaa}
.game-info:after{content:"";position:absolute;right:-10px;top:-8px}
.surface-frame{position:relative;float:left;margin:0 0 0 20px}
.surface-frame canvas{cursor:pointer}
.surface-frame .data-site{position:absolute;left:93px;top:27px;background:#1b273f;width:84px;height:84px;border-radius:50%;text-align:center}
.surface-frame span{display:inline-block;margin-top:22px}
.data-surface{width:270px;height:210px;position:relative;z-index:9;margin-top:-36px}
.data-group{position:relative;float:left;padding:35px 10px 0 15px;width:270px}
.data-group .num{font-size:18px;margin-top:13px}
.data-group div{margin-right:20px;float:left}
.data-group div span{text-align:center;display:block;margin:0 auto}
.lv-group{position:relative;float:left}
.lv-group div{float:left}
.lv-group:after{content:"";position:absolute;left:0;top:20px}
.lv-group .icon-lv{margin-left:44px;margin-top:14px;position:relative;width:100px}
.lv-group .icon-lv img{width:100%}
.lv-group .level-info-frame{display:none;position:absolute;top:93px;left:-179px;z-index:2;animation:fadeIn .5s;text-align:center}
.lv-group .level-info-frame img{width:65px;float:left;margin-right:10px;margin-top:-20px}
.lv-group .level-info-frame div{float:left}
.lv-group .level-info-frame div p:first-child{color:#bb9a6c}
.lv-group .level-info-frame .lif-0{margin:40px 10px 0;display:inline-block;position:relative}
.lv-group .level-info-frame .lif-0:after{content:"";position:absolute;right:0;top:0}
.lv-group .level-info-frame .lif-1{margin:40px 10px 0;display:inline-block;position:relative;padding-left:34px}
.lv-group .level-info-frame .lif-1:before{content:"";position:absolute;left:0;top:-6px}
.lv-group .level-info-frame .lif-0,.lv-group .level-info-frame .lif-1{text-align:left;float:none}
.lv-group .lv-text{width:125px;text-align:center;margin-top:50px;margin-left:10px;line-height:23px}
.lv-group .lv-text span{line-height:18px;margin-left:14px;color:#d7b86f}
.lv-group:hover .level-info-frame{display:block}
.user-article,.user-subscription,.user-video{float:left;padding:30px;margin-top:10px;background:#fff;width:660px;border:1px solid #f1f1f1}
.user-article i,.user-subscription i,.user-video i{vertical-align:middle;margin-bottom:3px}
.user-article .prompt,.user-subscription .prompt,.user-video .prompt{color:#aaa}
.user-article .prompt:hover,.user-subscription .prompt:hover,.user-video .prompt:hover{color:#0baac0}
.user-article a:hover,.user-subscription a:hover,.user-video a:hover{color:#0baac0}
.user-article,.user-subscription{width:722px;padding:30px 0;background:#fff}
.user-article .p-title,.user-subscription .p-title{padding:0 30px}
.user-article .prompt,.user-subscription .prompt{width:662px;margin:25px 30px 9px}
.user-article ul li,.user-subscription ul li{transition:all .2s;background:#fff;padding:20px 30px}
.user-article ul li:after,.user-subscription ul li:after{left:30px}
.user-article ul li:hover,.user-subscription ul li:hover{box-shadow:rgba(3,3,8,.15) 0 0 38px;transform:translateY(-5px);z-index:3}
.user-article ul li:hover:after,.user-subscription ul li:hover:after{content:none}
.user-subscription{padding:30px 0 10px}
.main-container .article-rankings,.main-container .video-rankings{width:500px;padding:30px 0;background:#fff;border:1px solid #f1f1f1}
.main-container .article-rankings .p-title,.main-container .video-rankings .p-title{padding:0 30px}
.main-container .article-rankings ul li,.main-container .video-rankings ul li{transition:all .2s;background:#fff;padding:20px 30px}
.main-container .article-rankings ul li:after,.main-container .video-rankings ul li:after{left:30px}
.main-container .article-rankings ul li:hover,.main-container .video-rankings ul li:hover{box-shadow:rgba(3,3,8,.15) 0 0 38px;transform:translateY(-5px)}
.main-container .article-rankings ul li:hover:after,.main-container .video-rankings ul li:hover:after{content:none}
.nologin-info{padding:40px;margin-top:10px;text-align:center;color:#aaa;background:#fff}
.prompt{color:#aaa;text-align:center;padding:14px 0;margin:25px 0 9px;background:#f1f1f1;width:100%}
.prompt a,.prompt span{color:#aaa}
.prompt a:hover,.prompt span:hover{color:#0baac0}
.prompt a:hover i,.prompt span:hover i{transform:rotate(270deg);-webkit-transform:rotate(270deg)}
.prompt b{color:#0baac0}
.prompt i{transition:all .2s}
.user-article-list,.user-subscription-list{margin:10px 0 0}
.user-article-list li,.user-subscription-list li{height:106px;position:relative;padding:20px 0}
.user-article-list li:after,.user-subscription-list li:after{position:absolute;content:"";bottom:-4px;left:0;z-index:2}
.user-article-list li a:hover,.user-subscription-list li a:hover{color:#0baac0}
.user-article-list li:last-child:after,.user-subscription-list li:last-child:after{position:absolute;content:none}
.user-article-list .pic-wrap,.user-subscription-list .pic-wrap{transform:translate3d(0,0,0);width:180px;margin-right:20px;float:left;position:relative;overflow:hidden;height:100px}
.user-article-list .pic-wrap img,.user-subscription-list .pic-wrap img{position:relative;display:block;width:180px}
.user-article-list .pic-wrap .zz,.user-subscription-list .pic-wrap .zz{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.6);top:0;left:0;z-index:1}
.user-article-list .pic-wrap i,.user-subscription-list .pic-wrap i{position:absolute;z-index:1;top:50%;left:50%;margin-top:-16px;margin-left:-16px}
.user-article-list .pic-wrap a,.user-subscription-list .pic-wrap a{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
.user-article-list .main-info,.user-subscription-list .main-info{float:left;padding-top:12px;width:460px}
.user-article-list .main-info-operation,.user-subscription-list .main-info-operation{margin-top:22px}
.user-article-list .label,.user-subscription-list .label{margin-right:18px}
.user-article-list .list-head-img,.user-subscription-list .list-head-img{border-radius:100%;overflow:hidden;width:23px;height:23px;line-height:23px;margin:0 10px 0 0;border:2px solid #d1ab57;display:inline-block;vertical-align:middle;font-size:0}
.user-article-list .list-head-img img,.user-subscription-list .list-head-img img{display:inline-block;vertical-align:middle;width:100%}
.user-article-list .name,.user-subscription-list .name{margin-right:28px;display:inline-block;*display:inline;*zoom:1;vertical-align:-4px;width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-article-list .list-title,.user-subscription-list .list-title{font-size:18px;width:430px;height:26px;line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-article-list .label-video,.user-subscription-list .label-video{color:#d1ab57;background:#f0f0f0;padding:4px 9px}
.user-article-list .label-articl,.user-subscription-list .label-articl{color:#0baac0;background:#f0f0f0;padding:4px 9px}
.user-article-list .read,.user-article-list .time,.user-subscription-list .read,.user-subscription-list .time{color:#aaa}
.user-article-list .read,.user-subscription-list .read{margin-right:25px;width:70px;display:inline-block}
.user-article-list .comment,.user-subscription-list .comment{margin:0 28px 0 3px}
.user-article-list .comment.new,.user-subscription-list .comment.new{position:relative}
.user-article-list .comment.new:after,.user-subscription-list .comment.new:after{content:"";position:absolute;background:#b7322a;width:5px;height:5px;top:0;right:-6px;border-radius:50%}
.user-article-list .list-title{width:432px}
.user-article-list .name{width:190px}
.article-rankings,.user-taste,.video-rankings{width:500px;float:right;margin-top:10px}
.article-rankings i,.user-taste i,.video-rankings i{vertical-align:middle}
.article-rankings .task-int,.user-taste .task-int,.video-rankings .task-int{font-size:14px;color:#0baac0;margin:23px 0 21px;font-weight:700}
.article-rankings .task-int i,.user-taste .task-int i,.video-rankings .task-int i{margin-right:2px}
.enter-pic{display:block;margin:0 0 9px;transition:all .2s!important}
.enter-pic>img{display:block;width:500px;height:300px}
.enter-pic:hover{box-shadow:rgba(3,3,8,.5) 0 0 38px;transform:translateY(-5px);z-index:3}
.video-rankings .rankings-list li{height:67px}
.video-rankings .rankings-list li .ranking-num{height:67px;line-height:67px}
.video-rankings .rankings-list .pic-wrap img{height:67px}
.video-rankings .rankings-list .list-title{height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.month,.week{display:none}
.recommend-follow,.user-task{padding:30px;border:1px solid #f1f1f1;background:#fff}
.user-task{margin:0 0 9px}
.recommend-follow ul .focus{width:66px;height:28px;margin:0 auto;border:1px solid #bb9a6c;line-height:28px;color:#bb9a6c}
.task-list li{margin:17px 0;overflow:hidden;line-height:28px}
.task-list li:last-child{margin-bottom:0}
.task-list li i{margin-right:8px}
.task-list li a{float:right;background:0 0;border:1px solid #bb9a6c;color:#bb9a6c;text-align:center;width:67px}
.task-list li a:hover{-webkit-filter:none;filter:none;color:#fff;background:#bb9a6c}
.task-list li a.on{color:#fff;border:1px solid #ccc;background:#ccc}
.task-list li a.on:hover{-webkit-filter:none;filter:none;color:#fff;background:#ccc}
.follow-list{width:466px}
.follow-list>li{margin-top:25px;width:108px;height:160px;position:relative;text-align:center;float:left}
.follow-list>li .info-wrap{transition:all .5s}
.follow-list>li .info-wrap>.name{margin:9px auto 15px;height:18px;line-height:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.follow-list>li .icon-letter-v{position:absolute;right:6px;top:64px}
.follow-list>li .follow-info{animation:fadeInUp .5s;-webkit-animation:fadeInUp .5s;display:none;box-shadow:0 2px 18px rgba(0,0,0,.3);z-index:10;width:380px;border:1px solid #ebebeb;position:absolute;bottom:90px;right:0;color:#333;background:#f2f2f2;line-height:1.5;cursor:auto}
.follow-list>li .follow-info .info-pic{float:left;width:70px;height:70px;line-height:70px;border-radius:50%;overflow:hidden;border:2px solid #d1ab57;font-size:0}
.follow-list>li .follow-info .character-img{display:inline-block;vertical-align:middle;width:100%}
.follow-list>li .follow-info .info-right{float:right;width:245px}
.follow-list>li .follow-info .info-right .sub a{color:#bb9a6c;width:auto;padding:0 6px;height:25px;line-height:25px;font-size:12px;border:1px solid #bb9a6c}
.follow-list>li .follow-info .info-right .sub a i{margin-right:2px;vertical-align:-2px}
.follow-list>li .follow-info .info-right .sub a.on,.follow-list>li .follow-info .info-right .sub a:hover{background:#d1ab57;color:#fff}
.follow-list>li .follow-info .info-right .sub a.on i,.follow-list>li .follow-info .info-right .sub a:hover i{background-position:-1899px -76px;width:12px;height:11px}
.follow-list>li .follow-info .info-right .num{height:25px;border:1px solid #bb9a6c;border-left:none;display:inline-block;line-height:25px;padding:0 4px;color:#444;font-size:12px}
.follow-list>li .follow-info .p-wrap-ci0{margin-top:5px}
.follow-list>li .follow-info .p-wrap-ci1{margin-top:15px}
.follow-list>li .follow-info .name{font-size:16px;font-weight:700;line-height:27px;width:120px;display:inline-block;vertical-align:middle;overflow:hidden;white-space:nowrap;margin:0;text-overflow:ellipsis}
.follow-list>li .follow-info .name:hover{color:#d1ab57}
.follow-list>li .follow-info .character-info{padding:20px;text-align:left;overflow:hidden;background:#fff}
.follow-list>li .follow-info .sub{float:right;font-size:0}
.follow-list>li .follow-info .character-representative{padding:20px 25px;text-align:left;color:#333;font-size:14px;font-weight:700}
.follow-list>li .follow-info .character-representative i{margin-right:8px}
.follow-list>li .follow-info .character-representative ul{width:338px;color:#d1ab57;font-size:12px;margin-left:-4px;overflow:hidden}
.follow-list>li .follow-info .character-representative ul li{width:160px;position:relative;margin:15px 4px 0;text-align:center;float:left}
.follow-list>li .follow-info .character-representative ul li:before{content:"";background:-webkit-linear-gradient(top,rgba(0,0,0,0),#000);background:-o-linear-gradient(top,rgba(0,0,0,0),#000);background:-moz-linear-gradient(top,rgba(0,0,0,0),#000);background:linear-gradient(top,rgba(0,0,0,0),#000);display:block;position:absolute;bottom:0;left:0;width:100%;height:50%;z-index:2}
.follow-list>li .follow-info .character-representative ul li img{display:block;width:160px;height:89px;position:relative;z-index:1}
.follow-list>li .follow-info .character-representative ul li p{padding:0 10px;width:100%;height:28px;line-height:28px;box-sizing:border-box;text-align:center;position:absolute;bottom:0;left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:3}
.follow-list>li .follow-info .character-representative ul li a{position:absolute;width:100%;height:100%;left:0;top:0;border:none;z-index:4}
.follow-list>li .follow-info .character-representative ul li a:hover{background:0 0}
.follow-list .list-head-img{width:82px;height:82px;margin:0 auto;position:relative}
.follow-list .list-head-img .pic{width:80px;height:80px;line-height:80px;border-radius:50%;border:1px solid #bb9a6c;overflow:hidden;font-size:0;cursor:pointer}
.follow-list .list-head-img .pic img{display:inline-block;vertical-align:middle;width:100%}
.recommend-album{padding:30px 25px 10px;background:#fff;margin-top:9px;border:1px solid #f1f1f1}
.recommend-album .p-title{padding:0 5px}
.album-list{margin-top:25px;font-size:0}
.album-list a{position:absolute;width:100%;height:100%;top:0;left:0}
.album-list li{position:relative;width:215px;display:inline-block;font-size:0;margin:0 4px;transition:all .2s}
.album-list li img{transition:all .2s;width:215px;height:276px}
.album-list li:hover{color:#0baac0}
.album-list li:hover img{transform:scale(1.03)}
.album-list li p{font-size:12px;padding:10px 0}
.album-list .time{float:right;color:#aaa}
.g-collection{overflow:hidden;padding-bottom:80px;width:100%}
.g-collection .p-title{padding:0 15px}
.g-collection .title{height:42px}
.user-collection,.user-column-detail{margin-top:25px;padding:30px 15px;background:#fff;border:1px solid #f1f1f1}
.user-collection ul a:hover,.user-column-detail ul a:hover{color:#0baac0}
.user-collection .p-title,.user-column-detail .p-title{padding:0 15px}
.user-column-detail .column-list{margin:20px 0 0}
.article-list,.column-list,.video-list{overflow:hidden;padding:0 4px}
.article-list li,.column-list li,.video-list li{transition:all .2s;transform:translate3d(0,0,0);position:relative;margin:11px;float:left;width:218px}
.article-list li .jump,.column-list li .jump,.video-list li .jump{position:absolute;width:100%;height:100%;z-index:1;top:0;left:0}
.article-list li .pic-wrap,.column-list li .pic-wrap,.video-list li .pic-wrap{width:100%;height:122px;position:relative;overflow:hidden}
.article-list li .pic-wrap img,.column-list li .pic-wrap img,.video-list li .pic-wrap img{position:relative;width:100%;z-index:0}
.article-list li .pic-wrap .zz,.column-list li .pic-wrap .zz,.video-list li .pic-wrap .zz{z-index:1;position:absolute;width:100%;height:100%;background:rgba(0,0,0,.6)}
.article-list li .pic-wrap i,.column-list li .pic-wrap i,.video-list li .pic-wrap i{position:absolute;z-index:1;top:50%;left:50%;margin-top:-16px;margin-left:-16px}
.article-list li .pic-wrap .video-time,.column-list li .pic-wrap .video-time,.video-list li .pic-wrap .video-time{color:#fff;position:absolute;bottom:4px;right:7px;z-index:1;opacity:0}
.article-list li:hover,.column-list li:hover,.video-list li:hover{transform:scale(1.03);box-shadow:0 3px 6px rgba(0,0,0,.15)}
.article-list li:hover .video-time,.column-list li:hover .video-time,.video-list li:hover .video-time{opacity:1}
.article-list .video-info,.column-list .video-info,.video-list .video-info{border:1px solid #f1f1f1;border-top:none;padding:9px;font-size:14px}
.article-list .video-info p,.column-list .video-info p,.video-list .video-info p{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}
.article-list .video-info .title,.column-list .video-info .title,.video-list .video-info .title{display:block;height:42px;line-height:21px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}
.article-list .div-wrap-0,.column-list .div-wrap-0,.video-list .div-wrap-0{font-size:12px;margin:8px 0}
.article-list .div-wrap-0 a,.column-list .div-wrap-0 a,.video-list .div-wrap-0 a{line-height:24px}
.article-list .div-wrap-0 .pic,.column-list .div-wrap-0 .pic,.video-list .div-wrap-0 .pic{float:left;display:block;width:24px;height:24px;line-height:24px;border-radius:50%;border:2px solid #d1ab57;font-size:0;overflow:hidden;margin-right:6px}
.article-list .div-wrap-0 .pic img,.column-list .div-wrap-0 .pic img,.video-list .div-wrap-0 .pic img{display:inline-block;vertical-align:middle;width:100%}
.article-list .div-wrap-0 .name,.column-list .div-wrap-0 .name,.video-list .div-wrap-0 .name{float:left;display:block;line-height:28px}
.article-list .div-wrap-0 .comment,.column-list .div-wrap-0 .comment,.video-list .div-wrap-0 .comment{position:relative;float:right;color:#239cad}
.article-list .div-wrap-0 .comment.new:after,.column-list .div-wrap-0 .comment.new:after,.video-list .div-wrap-0 .comment.new:after{position:absolute;content:"";right:-3px;top:3px;width:5px;height:5px;background:#b7322a;border-radius:50%}
.article-list .div-wrap-1,.column-list .div-wrap-1,.video-list .div-wrap-1{font-size:12px}
.article-list .div-wrap-1 span,.column-list .div-wrap-1 span,.video-list .div-wrap-1 span{color:#a4a4a4}
.article-list .div-wrap-1 .time,.column-list .div-wrap-1 .time,.video-list .div-wrap-1 .time{float:right}
.column-list .btn-play,.column-list .zz,.video-list .btn-play,.video-list .zz{opacity:0}
.column-list li,.video-list li{font-size:0}
.column-list li:hover .btn-play,.column-list li:hover .zz,.video-list li:hover .btn-play,.video-list li:hover .zz{animation:opt .4s forwards}
.column-list .video-time,.video-list .video-time{font-size:12px}
.article-list{display:none}
.m-news-video .figure{width:213px;height:119px}
.figure{display:block;position:relative;width:218px;height:120px;overflow:hidden}
.figure:hover .video-duration{display:none}
.figure-detail-two-row{overflow:hidden;padding:5px 15px 10px 6px}
.figure-title-two-row{white-space:normal;height:44px;line-height:22px;overflow:hidden;text-overflow:ellipsis}
.figure-auto{position:relative;display:block;height:100%;text-align:center}
.figure-auto img{display:inline-block;width:100%;height:auto;vertical-align:bottom}
.figure-word-link{color:#333;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-wrap:break-word;word-break:break-all}
.figure-info{height:14px;line-height:14px;font-size:12px;color:#909090;margin-top:10px}
.figure-keyframes{position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100%}
.figure-keyframes .figure-keyframes-mask{position:absolute;top:0;left:0;content:' ';width:100%;height:24px;background-color:rgba(0,0,0,.5);background:-webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}
.figure-keyframes .figure-keyframes-value{position:absolute;top:4px;left:0;right:0;margin:0 4px;height:4px;background-color:rgba(255,255,255,.5)}
.figure-keyframes .figure-keyframes-value-inner{position:absolute;top:0;left:0;width:1px;height:100%;background-color:#fff}
.mod-item:hover .figure-keyframes{display:block}
.figure-keyframes-pic{position:relative;width:auto;height:auto;max-width:none;max-height:none}
.video-duration{position:absolute;right:10px;bottom:6px;z-index:999;color:#fff}
.m-news{display:none}
.m-news-article,.m-news-column,.m-news-video{overflow:hidden;padding-bottom:100px;width:100%}
.m-news-article .p-title span,.m-news-column .p-title span,.m-news-video .p-title span{float:right;color:#aaa}
.m-news-article .p-title span b,.m-news-column .p-title span b,.m-news-video .p-title span b{color:#0baac0}
.m-news-article .p-title .read-num,.m-news-column .p-title .read-num,.m-news-video .p-title .read-num{margin-right:30px}
.article-rankings,.video-rankings{width:439px;padding:30px;background:#fff}
.rankings-list{margin:10px 0 0}
.rankings-list li{overflow:hidden;height:76px;position:relative;padding:20px 0}
.rankings-list li:after{position:absolute;content:"";bottom:0;left:0}
.rankings-list li a:hover{color:#0baac0}
.rankings-list li:last-child{padding-bottom:0}
.rankings-list li:last-child:after{position:absolute;content:none}
.rankings-list li .ranking-num{color:#ddd;float:left;width:50px;height:67px;line-height:67px}
.rankings-list li .ranking-num i{margin:0 5px 3px 0}
.rankings-list li:first-child .ranking-num{color:#e1a250}
.rankings-list li:first-child+li .ranking-num{color:#aaa}
.rankings-list li:first-child+li+li .ranking-num{color:#ef763d}
.rankings-list .list-title{font-size:14px;width:258px;line-height:20px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rankings-list .pic-wrap{transform:translate3d(0,0,0);width:120px;height:67px;margin-right:10px;float:left;position:relative;overflow:hidden}
.rankings-list .pic-wrap a{position:absolute;z-index:1;width:100%;height:100%;top:0;left:0}
.rankings-list .pic-wrap img{position:relative;width:120px;display:inline-block;vertical-align:middle}
.rankings-list .pic-wrap .zz{z-index:1;position:absolute;width:100%;height:100%;background:rgba(0,0,0,.6)}
.rankings-list .pic-wrap .btn-play{position:absolute;z-index:2;top:50%;left:50%;margin-top:-16px;margin-left:-16px}
.rankings-list .pic-wrap .btn-play-s{position:absolute;z-index:1;top:50%;left:50%;margin-top:-13px;margin-left:-13px}
.rankings-list .main-info{float:left;font-size:12px;padding-top:8px}
.rankings-list .main-info-operation{margin-top:10px}
.rankings-list .label{margin-right:18px}
.rankings-list .list-head-img{border-radius:100%;overflow:hidden;width:23px;height:23px;line-height:23px;margin:0 10px 0 0;border:2px solid #d1ab57;display:inline-block;vertical-align:middle;font-size:0}
.rankings-list .list-head-img img{display:inline-block;vertical-align:middle;width:100%}
.rankings-list .name{margin-right:28px}
.rankings-list .label-video{color:#d1ab57;background:#f0f0f0;padding:4px 9px}
.rankings-list .label-articl{color:#0baac0;background:#f0f0f0;padding:4px 9px}
.rankings-list .read,.rankings-list .time{color:#aaa;display:inline-block;vertical-align:middle}
.rankings-list .comment-link{display:inline-block;vertical-align:middle}
.rankings-list .read{margin-right:20px;width:80px}
.rankings-list .comment{margin:0 20px 0 3px}
.rankings-list .comment.new{position:relative}
.rankings-list .comment.new:after{content:"";position:absolute;background:#b7322a;width:5px;height:5px;top:0;right:-6px;border-radius:50%}
.m-news-video .video-list{width:670px;margin-left:-5px;margin-top:15px;padding:0}
.m-news-video .video-list .pic-wrap{height:119px}
.m-news-video .video-list li{margin:10px 5px;width:213px}
.g-news_album{padding-bottom:200px}
.user-album{margin-top:9px;border:1px solid #f1f1f1;padding:30px;background:#fff}
.user-album .p-title{padding-left:15px}
.article-album-list,.video-album-list{margin-top:23px;padding-top:7px;width:1212px;color:#aaa}
.article-album-list .num,.video-album-list .num{color:#aaa}
.article-album-list li,.video-album-list li{transition:all .2s;width:273px;float:left;position:relative;margin:0 26px 26px 0;border:1px solid #f1f1f1}
.article-album-list li a,.video-album-list li a{position:absolute;width:100%;height:100%;z-index:1}
.article-album-list li:hover,.video-album-list li:hover{transform:scale(1.03);box-shadow:0 0 30px #f1f1f1}
.article-album-list .pic-wrap,.video-album-list .pic-wrap{width:100%;height:375px;line-height:375px;border-bottom:1px solid #f1f1f1}
.article-album-list .pic-wrap img,.video-album-list .pic-wrap img{display:inline-block;vertical-align:middle;width:100%}
.article-album-list .article-info,.article-album-list .video-info,.video-album-list .article-info,.video-album-list .video-info{border-top:none;padding:10px}
.article-album-list .title,.video-album-list .title{font-size:16px;color:#444;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-album-list .div-wrap-0,.video-album-list .div-wrap-0{width:100%;height:34px;margin-top:10px;padding-bottom:5px;border-bottom:1px solid #f1f1f1;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}
.article-album-list .div-wrap-1,.video-album-list .div-wrap-1{margin-top:10px}
.article-album-list .div-wrap-1 .time,.video-album-list .div-wrap-1 .time{float:right}
.others_content{padding-bottom:300px;overflow:hidden;display:none;clear:both}
.others_content .p-title a{float:right;font-size:12px;color:#aaa}
.others_content .recommend-follow{float:left;width:437px}
.others_content .recommend-album{float:right;padding:30px 25px 57px}
.g-community{padding-bottom:94px}
.g-community .level{height:527px}
.g-community .level .o_box{margin-top:92px;position:relative}
.g-community .le-detail>p{display:inline-block;font-size:14px;position:relative}
.g-community .le-detail>p:first-child{padding-right:26px}
.g-community .le-detail>p+p{padding-left:29px}
.g-community .le-detail>p+p:before{content:'';width:1px;height:17px;display:block;background-color:#c8c8c8;position:absolute;top:19px;left:-1px}
.g-community .le-detail .d-font{color:#d7b86f}
.g-community .le-detail span{color:#0baac0}
.g-community .tips{display:block;position:absolute;color:#aaa;text-align:center;width:100%;bottom:-17px}
.g-community .por-class-bg{position:absolute;top:-64px;left:-3px;-webkit-transition:left .6s linear;-moz-transition:left .6s linear;-o-transition:left .6s linear;transition:left .6s linear}
.g-community .por-class-bg .por-class-img-box{width:43px;height:43px;margin:3px;border-radius:50%;overflow:hidden;line-height:43px;font-size:0;text-align:center}
.g-community .por-class-bg img{display:inline-block;vertical-align:middle;width:43px}
.g-community .description{height:192px;background-color:#f4f4f4;margin-top:64px;padding:15px 66px 0}
.g-community .description p{font-size:14px;color:#888}
.g-community .description p span{color:#239cad}
.g-community .description p a{color:#888}
.g-community .description p a:after{content:'';display:inline-block;margin-left:5px}
.g-community .des-bottom{margin-top:30px}
.g-community .o-box{overflow:hidden}
.g-community .experience{width:614px;height:530px;float:left}
.g-community .experience .d-font{width:72px;display:inline-block;height:100%;line-height:216px;font-size:14px;position:relative}
.g-community .experience .d-font span:first-child{color:#d7b86f;font-size:28px}
.g-community .experience .d-font span:first-child+span{vertical-align:-6px}
.g-community .experience .d-font:after{content:'';display:inline-block;position:absolute;right:0;top:50%;margin-top:-65px}
.g-community .mission{width:614px;height:530px;float:right;font-size:14px}
.g-community .mission li p{display:inline-block;width:244px;height:80px;line-height:80px}
.g-community .mission li p i{vertical-align:middle}
.g-community .mission li p+p{width:234px;color:#aaa}
.g-community .mission li p+p span{color:#239cad}
.g-community .mission li p+p span+span{margin-left:16px}
.g-community .mission li+li:before{content:'';display:block}
.g-community .mission li a{display:inline-block;width:67px;height:28px;border:1px solid #bb9a6c;text-align:center;line-height:28px;color:#bb9a6c}
.g-community .mission li a.on{background-color:#ccc;color:#fff;border:1px solid #ccc}
.g-community .mission li a.on:hover{background-color:#ccc;color:#fff;border:1px solid #ccc}
.g-community .mission li a:hover{background:#bb9a6c;color:#fff}
.g-community .gap-line,.g-community .mission li+li:before{display:block}
.g-community h1+.gap-line{margin-top:20px}
.g-community .con{height:216px}
.g-community .con span,.g-community .con ul{display:inline-block;vertical-align:middle;color:#404040;font-size:14px}
.g-community .con ul{width:450px;margin-left:26px}
.g-community .con li{overflow:hidden;line-height:40px}
.g-community .con li span{float:left}
.g-community .con li span+span{float:right;color:#239cad}
.g-community .con-use-mb{margin-top:52px}
.g-community .con-use-mb .part{height:640px}
.g-community .con-use-mb .mb-pr4{height:660px}
.g-community .con-use-mb .mb-pr2{height:460px}
.g-community .con-use-mb .mb-pr2 li{width:374px}
.g-community .con-use-mb .mb-pr2 li .mb-img-wrap{height:255px;vertical-align:bottom}
.g-community .con-use-mb .mb-pr2 li .spill-img{bottom:-9px}
.g-community .m-h2{text-align:center}
.g-community .title-h2{color:#0baac0;font-size:30px;line-height:30px}
.g-community .title-line{margin-top:20px;margin-bottom:42px}
.g-community .mb-ul{padding:10px 0 20px 0}
.g-community .mb-ul li{width:273px;float:left;margin-left:30px;text-align:center}
.g-community .mb-ul li:first-child{margin:0}
.g-community .mb-img-wrap{width:100%;height:436px;position:relative}
.g-community .mb-img-wrap img{position:absolute;transition:all .2s;left:0;bottom:0}
.g-community .mb-img-wrap .spill-img-1{bottom:-30px}
.g-community .h3-name{font-size:18px}
.g-community .mb-h4{font-size:24px;color:#0baac0}
.g-community .mb-h4:before{content:'';display:inline-block;vertical-align:middle;margin:0 9px}
.g-community .mb-h4:after{content:'';display:inline-block;vertical-align:middle;margin:0 7px}
.g-community .mb-p{font-size:14px;color:#404040;text-align:center;height:42px;margin:20px 3px 10px 3px;padding:0}
.g-news_center .side-bar{width:180px;height:220px;float:left}
.g-news_center .side-bar .tit{margin-bottom:20px}
.g-news_center .side-bar a{font-size:14px;margin:19px 26px;font-weight:700;position:relative}
.g-news_center .side-bar a.on{color:#0baac0}
.g-news_center .side-bar .icon-no-read{width:5px;height:5px;border-radius:5px;background-color:#b7322a;position:absolute;top:1px;right:-4px}
.g-news_center .news-con{width:1050px;float:right;margin-bottom:140px}
.g-news_center .news-con .tit{margin-bottom:25px}
.g-news_center .news-con li{padding-bottom:37px;padding-top:35px;border-bottom:1px solid #e4e4e4;position:relative}
.g-news_center .news-con li:before{content:'';display:block;position:absolute;bottom:-5px;left:-1px}
.g-news_center ul{padding-bottom:3px}
.g-news_center .good-box{position:absolute;right:0;cursor:pointer}
.g-news_center .replay-con{float:right;width:905px}
.g-news_center .replay-detail{padding:20px 30px;background:#f1f1f1;border-radius:6px;margin-bottom:30px}
.g-news_center .replay-detail p{padding:13px 0 13px 0;border-top:1px solid #dedede;position:relative}
.g-news_center .replay-detail p:before{content:'';display:block;position:absolute;top:-5px;left:-1px}
.g-news_center .replay-detail p:first-child{border:none;padding:0 0 13px 0}
.g-news_center .replay-detail p:first-child:before{content:none}
.g-news_center .con-top-bar span{margin:0 8px}
.g-news_center .name{font-size:16px;vertical-align:middle}
.g-news_center .level{color:#0baac0}
.g-news_center .grading{color:#bb9a6c}
.g-news_center .time{color:#aaa;margin:0 18px}
.g-news_center .comments{font-size:14px;margin:10px 0 25px}
.g-news_center .tips-replay{background-color:#f1f1f1;border-radius:14px;display:inline-block;padding:0 14px;color:#aaa}
.g-news_center .tips-replay span{color:#444}
.g-news_center .com-con{display:inline-block;width:66%;text-align:left}
.g-news_center .com-name{vertical-align:top}
.g-news_center .more-replay{color:#0baac0}
.g-news_center .icon-green-arro{margin-left:3px}
.g-news_center .icon-repaly-n{position:absolute;right:0}
.g-news_center .page-over{line-height:40px;text-align:center;color:#aaa;margin:55px 0 66px 0}
.g-news_center .page-over>span{margin:0 7px}
.g-news_center .page-over a{display:inline-block;width:40px;height:40px;border-radius:50%;background-color:#f1f1f1;color:#aaa;margin:0 7px;border:2px solid #f1f1f1}
.g-news_center .page-over a:hover{filter:none}
.g-news_center .page-over a.on{border-color:#d7b86f;background-color:#fff;color:#d7b86f}
.g-news_center .page-over p{display:inline-block;margin:0 7px}
.g-news_center .page-over i{vertical-align:middle}
.g-news_center .page-over .page-cur{display:inline-block;width:38px;height:38px;border-radius:50%;margin:0 4px;border:2px solid #aaa;background-color:#fff;color:#aaa;text-align:center}
.g-news_center .receive-good .name{vertical-align:baseline}
.g-news_center .receive-good li{padding:30px 0}
.g-news_center .good-type{width:44px;height:23px;display:inline-block;background-color:#f0f0f0;border-radius:2px;text-align:center;line-height:22px;color:#0baac0}
.g-news_center .good-works{color:#444}
.g-news_center .gd-details{color:#aaa;font-size:14px;margin-top:11px}
.g-news_center .gd-look{width:88px;height:28px;border:1px solid #bb9a6c;color:#bb9a6c;text-align:center;position:absolute;right:0;top:46px;line-height:28px}
.g-news_center .gd-look i{vertical-align:middle}
.g-commu_article{padding-bottom:100px!important}
.g-commu_article #tg-sns{position:relative;width:100%}
.g-commu_article #tg-sns>a{display:block;margin:0 0 10px;width:40px;height:40px;line-height:40px;font-size:0;text-align:center;background:#fff;border-radius:50%;-webkit-transition:background .3s;-moz-transition:background .3s;-o-transition:background .3s;transition:background .3s;box-shadow:#f3f3f3 0 0 10px;float:none}
.g-commu_article #tg-sns>a:hover{opacity:1}
.g-commu_article #tg-sns .tg-sns-qq:after{content:"";display:inline-block;vertical-align:middle}
.g-commu_article #tg-sns .tg-sns-qq:hover{background:#3f87f3}
.g-commu_article #tg-sns .tg-sns-wechat:after{content:"";display:inline-block;vertical-align:middle}
.g-commu_article #tg-sns .tg-sns-wechat:hover{background:#67bc3b}
.g-commu_article #tg-sns .tg-sns-sina:after{content:"";display:inline-block;vertical-align:middle}
.g-commu_article #tg-sns .tg-sns-sina:hover{background:#d25241}
.g-commu_article .art-con{width:880px;float:left;position:relative}
.g-commu_article .art-con .part{width:auto}
.g-commu_article .art-com{border:1px solid #f1f1f1;background:#fff;padding:30px; display:none}
.g-commu_article .side-con{width:350px;float:right}
.g-commu_article .side-con .part{margin-bottom:0}
.g-commu_article .side-con .s-push{margin-top:9px}
.g-commu_article .side-con a:hover{color:#0baac0}
.g-commu_article .s-author .push-ul{margin:25px 0 29px}
.g-commu_article .art-tit{font-size:24px;color:#444;margin-top:55px}
.g-commu_article .art-palette{font-size:14px;color:#aaa;position:relative;padding:20px 0;border-bottom:1px solid #e4e4e4}
.g-commu_article .art-palette:before{content:'';display:inline-block;position:absolute;bottom:-5px;left:-1px}
.g-commu_article .auth-name{color:#444}
.g-commu_article .art-time{margin:0 26px 0 14px}
.g-commu_article .article{padding:30px 0 50px;font-size:14px;overflow:hidden;color:#333}
.g-commu_article .article a{color:#bb9a6c!important}
.g-commu_article .article a:hover{text-decoration:underline}
.g-commu_article .article p{line-height:26px;padding-bottom:25px}
.g-commu_article .article table{text-align:center}
.g-commu_article .article table p{padding:10px 0}
.g-commu_article .article img{max-width:100%;height:auto}
.g-commu_article .like-box{margin:30px 0}
.g-commu_article .like-box .btn-like{display:block;margin:0 auto;width:78px;height:78px;border:1px solid #aaa;border-radius:50%;text-align:center}
.g-commu_article .like-box .btn-like .icon-good{display:block;margin:24px auto 6px}
.g-commu_article .like-box .btn-like .num{color:#aaa;font-size:12px;display:block}
.g-commu_article .like-box .btn-like.on,.g-commu_article .like-box .btn-like:hover{border:1px solid #bb9a6c}
.g-commu_article .like-box .btn-like.on .icon-good,.g-commu_article .like-box .btn-like:hover .icon-good{background-position:-1602px -76px;width:23px;height:15px}
.g-commu_article .like-box .btn-like.on .num,.g-commu_article .like-box .btn-like:hover .num{color:#bb9a6c}
.g-commu_article .g-c-box{position:absolute;top:22px;right:0}
.g-commu_article .g-c-box>div{display:inline-block}
.g-commu_article .g-c-box a{vertical-align:-2px}
.g-commu_article .g-c-box .colle-box{margin-left:28px}
.g-commu_article .push-lf+.push-rt{width:180px}
.g-commu_article .push-rt{float:left;height:60px;position:relative}
.g-commu_article .push-rt i{vertical-align:-2px}
.g-commu_article .push-rt p:first-child a{display:block;height:36px;line-height:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}
.g-commu_article .push-rt p:first-child a:hover{color:#0baac0}
.g-commu_article .push-rt p+p{color:#aaa;position:absolute;bottom:2px;left:0}
.g-commu_article .push-rt p+p a{color:#aaa}
.g-commu_article .push-lf{float:left;width:100px;height:60px;overflow:hidden;margin-right:8px}
.g-commu_article .push-lf a{display:block;width:100%;height:100%}
.g-commu_article .push-lf img{display:block;width:100%}
.g-commu_article .read-tx{margin-right:15px}
.g-commu_article .push-ul{margin:25px 0 36px}
.g-commu_article .push-ul li{margin:20px 0}
.g-commu_article .s-top-bar{padding:30px 0;position:relative}
.g-commu_article .s-top-bar:before{content:'';display:block;position:absolute;bottom:-5px;left:-1px}
.g-commu_article .c-por-bg{margin-right:9px}
.g-commu_article .con-top-bar{float:left;margin-top:12px}
.g-commu_article .con-top-bar .name{display:inline-block;vertical-align:middle;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px}
.g-commu_article .con-top-bar span{margin:0 4px}
.g-commu_article .con-top-bar i{vertical-align:-1px}
.g-commu_article .con-top-bar .focus{margin:0 auto}
.g-commu_article .ct-lt{position:absolute;right:0;bottom:31px}
.g-commu_article .ct-lt .focus:hover{color:#fff}
.g-commu_article .art-more-look{display:block;height:30px;background-color:#f1f1f1;line-height:30px;text-align:center;margin-bottom:30px}
.g-commu_article .art-more-look:hover{-webkit-filter:none;filter:none;color:#0baac0}
.g-commu_article .num-follower,.g-commu_article .num-read{margin:2px 0;color:#aaa}
.g-commu_article .num-follower{text-align:center}
.g-commu_article .btn-font-size{color:#aaa;margin:0 10px 0 0}
.g-commu_article .btn-font-size span{display:inline-block;vertical-align:-1px;margin:0 5px 0 0}
.g-commu_article .fs-wrap{display:inline-block}
.g-commu_article .art-c-side{position:absolute;left:-55px;top:10px;text-align:center;width:40px}
.g-commu_article .art-c-side .icon-comm-g{display:block;margin:0 auto 40px;-webkit-transition:filter .3s;-moz-transition:filter .3s;-o-transition:filter .3s;transition:filter .3s}
.g-commu_article .art-c-side .icon-comm-g:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.g-commu_article .share-line{position:absolute;left:50%;top:56px;margin-left:-30px}
.g-commu_article .num-com{color:#0baac0}
.g-commu_article .page-over{margin:0 0 66px 0}
.side-con .in-part{padding:0}
.side-con .tit{padding:0 30px}
.side-con .s-top-bar{padding:30px}
.side-con .s-top-bar:before{left:30px}
.side-con .ct-lt{right:30px}
.side-con li{padding:10px 30px;transition:all .2s;margin:0!important}
.side-con li:hover{box-shadow:rgba(3,3,8,.15) 0 0 38px;transform:translateY(-5px)}
.side-con .art-more-look{margin:0 30px 30px}
.tit{margin-top:26px;font-size:18px;color:#444}
.tit:before{content:"";width:3px;height:18px;display:inline-block;background-color:#0baac0;vertical-align:-3px;margin-right:4px}
.in-part{padding:0 29px}
.part{background-color:#fff;width:100%;overflow:hidden;border:1px solid #f1f1f1;margin:9px 0}
.part a:hover{color:#0baac0}
.d-font{font-family:DINOT-Bold;font-size:28px}
.good-box{color:#aaa;cursor:pointer}
.good-box a{margin:0 10px}
.good-box.on,.good-box:hover{color:#bb9a6c}
.colle-box{cursor:pointer;color:#aaa}
.colle-box.on{color:#bb9a6c}
.c-por-bg{float:left;width:56px;height:56px;border-radius:50%;border:2px solid #d7b86f}
.c-por-bg img{width:56px;height:56px;border-radius:50%}
.level{color:#0baac0}
.con-top-bar a{font-weight:700}
.con-top-bar span{display:inline-block;vertical-align:middle;text-align:center;line-height:20px}
.con-top-bar span i{vertical-align:middle}
.main-container .focus{width:64px;height:24px;border:1px solid #bb9a6c;display:block;text-align:center;line-height:24px;color:#bb9a6c}
.main-container .focus.on{background-color:#bb9a6c;color:#fff}
.main-container .focus:hover{background-color:#bb9a6c;color:#fff}
.page-over{line-height:40px;text-align:center;color:#aaa;margin:55px 0 66px 0}
.page-over>span{margin:0 7px}
.page-over a{display:inline-block;vertical-align:middle;width:40px;height:40px;border-radius:50%;background-color:#f1f1f1;color:#aaa;margin:0 7px;border:2px solid #f1f1f1}
.page-over a:hover{filter:none}
.page-over a:hover{border-color:#d7b86f;background-color:#fff;color:#d7b86f}
.page-over .previouspage,.page-over .previouspageone{position:relative;font-size:0}
.page-over .previouspage:after,.page-over .previouspageone:after{content:"";background-position:-1658px -76px;width:18px;height:15px;position:absolute;top:50%;left:50%;margin:-7px 0 0 -9px}
.page-over .pagenext,.page-over .pagenextnone{position:relative;font-size:0}
.page-over .pagenext:after,.page-over .pagenextnone:after{content:"";background-position:-1681px -76px;width:18px;height:15px;position:absolute;top:50%;left:50%;margin:-7px 0 0 -9px}
.page-over .pagenextnone,.page-over .previouspageone{cursor:default}
.page-over .pagenextnone:hover,.page-over .previouspageone:hover{border-color:#f1f1f1;background-color:#f1f1f1;color:#aaa}
.page-over .pagenow{display:inline-block;width:40px;height:40px;border-radius:50%;margin:0 7px;border:2px solid #d7b86f;background-color:#fff;color:#d7b86f}
.page-over p{display:inline-block;margin:0 7px}
.page-over i{vertical-align:middle}
.page-over .page-cur{display:inline-block;width:38px;height:38px;border-radius:50%;margin:0 4px;border:2px solid #aaa;background-color:#fff;color:#aaa;text-align:center}
.g-column_content{padding-bottom:100px}
.g-column_content .p-title i{vertical-align:middle;margin-bottom:2px;transition:all .2s;margin-bottom:2px;transform:translateX(0)}
.g-column_content .p-title a{color:#aaa;float:right}
.g-column_content .p-title a:hover i{transform:translateX(-5px)}
.dia{font-family:'\5FAE\8F6F\96C5\9ED1';outline:0;display:none}
.dia a{-webkit-transition:border .3s,color .3s;transition:border .3s,color .3s}
.dia a:hover{text-decoration:none}
.dia .btn-close{transition:all .2s}
.dia .btn-close:hover{transform:rotate(360deg)}
.privacy-settings .dia-con{text-align:center;position:relative;border:1px solid #ebebeb;padding:30px;width:500px;height:214px;background:#fff;font-size:15.5px}
.privacy-settings span{display:inline-block;margin:55px 30px}
.privacy-settings span input{margin-right:10px}
.privacy-settings label:hover{cursor:pointer}
.privacy-settings .btn-close{position:absolute;right:30px;top:35px;margin:0}
.privacy-settings input[type=radio]:checked+label+label{color:#0baac0}
.privacy-settings a{text-decoration:none;margin:0 47px}
.privacy-settings .btn-confirm{border:1px solid #bb9a6c;color:#bb9a6c;padding:5px 28px}
.privacy-settings .btn-confirm:hover{background:#bb9a6c;color:#fff}
.privacy-settings .btn-cancel{border:1px solid #aaa;color:#aaa;padding:5px 28px}
.privacy-settings .btn-cancel:hover{background:#aaa;color:#fff}
.privacy-settings .new_radio{top:3px;left:-8px}
.privacy-settings input{display:none}
.privacy-settings input+label{display:inline-block;position:relative;border-radius:50%;border:1px #444 solid;width:16px;height:16px}
.privacy-settings input+label::after{content:" ";border-radius:50%;position:absolute;top:50%;left:50%;width:10px;height:10px;margin-top:-5px;margin-left:-5px}
.privacy-settings input:checked+label{background-color:#fff;border-color:#0baac0}
.privacy-settings input:checked+label::after{background-color:#0baac0}
.dynamic,.fans_follow,.task{padding:30px;background:#fff;border:1px solid #ebebeb;width:608px;position:relative;font-size:14px}
.dynamic .p-title,.fans_follow .p-title,.task .p-title{position:relative;padding-bottom:25px}
.dynamic .color-g,.fans_follow .color-g,.task .color-g{color:#0baac0}
.dynamic .btn-close,.fans_follow .btn-close,.task .btn-close{position:absolute;right:30px;top:36px;z-index:2}
.dynamic .dynamic-wrap,.fans_follow .dynamic-wrap,.task .dynamic-wrap{overflow:hidden;position:relative;padding:30px 0}
.dynamic .dynamic-wrap:after,.fans_follow .dynamic-wrap:after,.task .dynamic-wrap:after{position:absolute;content:"";left:-1px;top:0}
.dynamic .date,.fans_follow .date,.task .date{width:70px;position:absolute;left:0;top:50%;margin-top:-23px}
.dynamic .date span,.fans_follow .date span,.task .date span{color:#d7b86f;font-size:24px;font-weight:700}
.dynamic .dynamic-info,.fans_follow .dynamic-info,.task .dynamic-info{margin-left:70px;padding-left:35px;position:relative;border-left:1px solid #ebebeb;width:500px}
.dynamic .dynamic-info a:hover,.fans_follow .dynamic-info a:hover,.task .dynamic-info a:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.dynamic .dynamic-info:after,.fans_follow .dynamic-info:after,.task .dynamic-info:after{content:"";position:absolute;left:-5px;top:50%;margin-top:-4.5px}
.dynamic .dynamic-info .time,.fans_follow .dynamic-info .time,.task .dynamic-info .time{float:right;color:#aaa;font-size:12px}
.dynamic .dynamic-info li,.fans_follow .dynamic-info li,.task .dynamic-info li{margin-bottom:20px}
.dynamic .dynamic-info li p,.fans_follow .dynamic-info li p,.task .dynamic-info li p{margin-top:20px}
.dynamic .dynamic-info li:last-child,.fans_follow .dynamic-info li:last-child,.task .dynamic-info li:last-child{margin-bottom:0}
.dynamic .dynamic-info .text,.fans_follow .dynamic-info .text,.task .dynamic-info .text{width:276px;height:34px;border:1px solid #dcdcdc;color:#aaa;font-size:12px;line-height:34px;padding-left:5px}
.dynamic .dynamic-info .good,.fans_follow .dynamic-info .good,.task .dynamic-info .good{width:50px;height:36px;background:#0baac0;text-align:center;line-height:36px}
.dynamic .dynamic-info .submit,.fans_follow .dynamic-info .submit,.task .dynamic-info .submit{line-height:36px;text-align:center;width:60px;height:36px;background:#bb9a6c;color:#fff}
.dynamic .dynamic-info input::-webkit-input-placeholder,.fans_follow .dynamic-info input::-webkit-input-placeholder,.task .dynamic-info input::-webkit-input-placeholder{color:#aaa}
.dynamic .dynamic-info input::-moz-placeholder,.fans_follow .dynamic-info input::-moz-placeholder,.task .dynamic-info input::-moz-placeholder{color:#aaa}
.dynamic .dynamic-info input:-moz-placeholder,.fans_follow .dynamic-info input:-moz-placeholder,.task .dynamic-info input:-moz-placeholder{color:#aaa}
.dynamic .dynamic-info input:-ms-input-placeholder,.fans_follow .dynamic-info input:-ms-input-placeholder,.task .dynamic-info input:-ms-input-placeholder{color:#aaa}
.dynamic .info-frame,.fans_follow .info-frame,.task .info-frame{width:342px;padding:20px 30px;background:#f1f1f1;color:#aaa}
.fans_follow{height:726px;width:524px}
.fans_follow .btn-close{top:29px}
.fans_follow .sel-btn-wrap{margin-top:45px;overflow:hidden;font-size:0}
.fans_follow .sel-btn-wrap a{width:260px;height:48px;line-height:48px;background:#f5f5f5;border:1px solid #ebebeb;color:#aaa;display:inline-block;font-size:16px;position:relative;text-align:center}
.fans_follow .sel-btn-wrap a:first-child+a{margin-left:-1px}
.fans_follow .sel-btn-wrap a:after{position:absolute;content:"";height:5px;background:#0fabc1;top:-1px;z-index:1;width:0;left:50%;transition:all .3s}
.fans_follow .sel-btn-wrap a.on{font-weight:700;background:#fff;border-bottom:1px solid #fff}
.fans_follow .sel-btn-wrap a.on,.fans_follow .sel-btn-wrap a:hover{color:#0fabc1}
.fans_follow .sel-btn-wrap a.on:after,.fans_follow .sel-btn-wrap a:hover:after{position:absolute;content:"";width:262px;height:5px;background:#0fabc1;top:-1px;left:-1px;z-index:1}
.fans_follow .fans_follow-wrap{display:none;margin-top:17px}
.fans_follow .fans_follow-wrap ul{width:514px;height:536px;margin:0 auto;overflow-y:auto;padding-right:7px}
.fans_follow .fans_follow-wrap ul::-webkit-scrollbar-track-piece{background-color:#fff;border-left:1px solid rgba(0,0,0,0);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.fans_follow .fans_follow-wrap ul::-webkit-scrollbar{width:8px;height:13px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
.fans_follow .fans_follow-wrap ul::-webkit-scrollbar-thumb{display:block;background-color:#0baac0;background-clip:padding-box;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;min-height:28px}
.fans_follow .fans_follow-wrap ul::-webkit-scrollbar-thumb:hover{background-color:#0baac0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.fans_follow .fans_follow-wrap li{position:relative;padding:18px 0;height:52px}
.fans_follow .fans_follow-wrap li:after{position:absolute;content:"";bottom:-4px;left:0}
.fans_follow .fans_follow-wrap li .pic-link{display:block;float:left}
.fans_follow .fans_follow-wrap li .pic-link img{display:block;width:48px;height:48px;overflow:hidden;border-radius:50%;border:2px solid #d1ab57}
.fans_follow .fans_follow-wrap li .focus{text-align:center;display:inline-block;float:right;line-height:34px;border:1px solid #bb9a6c;width:88px;color:#bb9a6c;margin:8px 0 0}
.fans_follow .fans_follow-wrap li .focus:hover{background:#bb9a6c;color:#fff}
.fans_follow .fans_follow-wrap .info{color:#aaa;margin:16px 0 0 20px;float:left}
.fans_follow .fans_follow-wrap .info .name{color:#000;font-size:14px}
.fans_follow .fans_follow-wrap .info .name i{margin:0 10px;vertical-align:-2px}
.fans_follow .fans_follow-wrap .info .name:hover{color:#0fabc1}
.fans_follow .fans{display:block}
.fans_follow .page-over{margin:30px 0 0}
.task{width:391px}
.task h2{text-align:center}
.task .btn-close{right:16px;top:17px}
.btn-wrap{margin:0 auto;text-align:center}
.btn-wrap a{padding:0 30px;position:relative;color:#0baac0}
.btn-wrap a:first-child+a:after{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background:#ccc}
.btn-wrap a:first-child+a:before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:#ccc}
@font-face{font-family:DINOT-Bold;src:url(//ossweb-img.qq.com/images/lol/space/fontdb.eot?#iefix) format("embedded-opentype"),url(//ossweb-img.qq.com/images/lol/space/fontdb.ttf) format("truetype")}
@-webkit-keyframes fadeInUp{
from{opacity:0;display:none;transform:translate3d(0,20px,0)}
to{opacity:1;display:block;transform:translate3d(0,0,0)}
}
@keyframes fadeInUp{
from{opacity:0;display:none;transform:translate3d(0,20px,0)}
to{opacity:1;display:block;transform:translate3d(0,0,0)}
}
@-webkit-keyframes fadeIn{
from{opacity:0;display:none;transform:translate3d(0,-20px,0)}
to{opacity:1;display:block;transform:translate3d(0,0,0)}
}
@keyframes fadeIn{
from{opacity:0;display:none;transform:translate3d(0,-20px,0)}
to{opacity:1;display:block;transform:translate3d(0,0,0)}
}
@-webkit-keyframes fadeIn_r{
from{opacity:0;display:none;transform:translate3d(20px,0,0)}
to{opacity:1;display:block;transform:translate3d(0,0,0)}
}
@keyframes fadeIn_r{
from{opacity:0;display:none;transform:translate3d(20px,0,0)}
to{opacity:1;display:block;transform:translate3d(0,0,0)}
}
@-webkit-keyframes shake{
from{transform:translate3d(0,0,0)}
to{transform:translate3d(5px,0,0)}
}
@keyframes shake{
from{transform:translate3d(0,0,0)}
to{transform:translate3d(5px,0,0)}
}
@-webkit-keyframes leftward{
from{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
to{visibility:visible;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes leftward{
from{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
to{visibility:visible;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes opt{
from{opacity:0}
to{opacity:1}
}
@keyframes opt{
from{opacity:0}
to{opacity:1}
}
@keyframes animation1{
0%{opacity:0}
100%{opacity:1}
}
.animation1{animation:animation1 .4s linear}
@keyframes animation2{
0%{opacity:0}
100%{opacity:1}
}
.animation2{animation:animation2 .4s linear}
.loading{text-align:center}
#loginStatusSyncFrame_ams_ame{display:block}