.part3 {
    height: auto;
    margin-top: 0;
    padding: 66px 0 66px 0;
    position: relative;
    width: 100%;
    min-width: 1358px;
    overflow: hidden;
}

.hero_content {
    width: 1358px;
    height: auto;
    margin: 0 auto;
    /* 滚动条 */
    overflow-y: scroll;
    overflow-x: hidden;
}

.hero_content .part_top_tab {
    display: flex;
    flex-flow: row;
}

.hero_content .part_tab_title {
    margin-left: 40px;
    border: none;
}

.hero_content .part_tab_title>li {
    padding-left: 28px;
    line-height: 42px;
    margin-right: 40px;
    float: left;
}

.hero_content .part_tab_title>li:after {
    background-image: url('Images/icon_map3.png');
    background-size: 638px 572px;
    background-repeat: no-repeat;
    display: block;
    top: 11px;
    left: 2px;
    margin-left: 0;
    background-position: -406px -316px;
    width: 20px;
    height: 19px;
}

.hero_content .part_tab_title>li.selected:after,
.hero_content .part_tab_title>li:hover:after {
    background-position: -431px -316px;
    width: 20px;
    height: 19px;
    left: 2px;
    display: block;
    margin-left: 0;
    top: 11px;

}

.hero_list {
    width: 1358px;
    height: 438px;
    margin-top: 21px !important;
    transition-duration: 0.3s;
    transform: translate3d(0px, 0px, 0px);
}

.hero_list_ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.list_item {
    width: 90px;
    height: 100px;
    overflow: visible;
    position: relative;
    cursor: pointer;
    margin: 0 16px 12px 0;
}

.list_item>img {
    display: block;
    margin: 0 auto;
    width: 66px;
    height: 66px;
}

.list_item .hover_icon {
    display: none;
    position: absolute;
    width: 66px;
    height: 66px;
    top: 0;
    left: 12px;
    background: url('Images/dark-repeat.png') repeat;
}

.list_item:hover .hover_icon {
    display: block;
    animation: opacityin .2s;
}

.list_item:hover .hover_icon:after {
    content: '\0020';
    display: block;
    margin: 24px auto 0 auto;
    background-position: -401px -226px;
    width: 22px;
    height: 21px;
}

.list_item>p {
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #333;
}

/* 滚动条 */
.m-champion-list-container:hover .scrollbar {
    width: 10px;
}

.m-champion-list-container .scrollbar {
    right: 23px;
    width: 5px;
    height: 438px;
}

.scrollbar {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    -webkit-transition: width .2s;
    transition: width .2s;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    direction: ltr;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.indexpart-show {
    visibility: visible!important;
    animation: bottomin-1 .6s ease;
    -webkit-animation: bottomin-1 .6s ease;
}

.scrollbar>.swiper-scrollbar-drag {
    background-color: #abc0c3;
    cursor: n-resize!important;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
}

* {
    margin: 0;
    padding: 0;
}



.part4 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 66px 0 82px 0;
    background-color: #e3e2e2;
}

.part4_content {
    width: 1358px;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}

.fanart {
    width: 820px;
}

.fanart_list {
    width: 840px;
    height: 368px;
    position: relative;
    overflow: hidden;
    margin-top: 21px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.fanart_list>li {
    width: 192px;
    height: 176px;
    position: relative;
    overflow: hidden;
    background-color: #e3e2e2;
    margin: 0 17px 17px 0;
}

.fanart_list>li>a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.fanart_list>li>a>img {
    display: block;
    transition: transform .3s;
    transform: scale(1);
    width: 192px;
    height: 192px;
    position: absolute;
    left: 0;
    top: -8px;
}

.fanart_list>li:hover>a>img {
    transform: scale(1.3)
}

.fanart_hover {
    width: 100%;
    background: url('Images/dark-repeat.png') repeat;
    position: absolute;
    bottom: -100%;
    left: 0;
    padding: 0 8px 6px 10px;
    box-sizing: border-box;
    transition: bottom .3s;
    display: inline-flex;
    flex-flow: row;
    justify-content: space-between;
}

.fanart_list>li:hover .fanart_hover {
    bottom: 0;
}

.fanart_hover>p {
    padding: 8px 0 0px 2px;
}

.fanart_hover .p1 {
    width: 60%;
    line-height: 24px;
    font-size: 12px;
    text-align: left;
    box-sizing: border-box;
    color: #fff;
}

.fanart_hover .p2 {
    display: block;
}

.icon_666 {
    background-position: -456px -226px;
    width: 23px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 4px 0 4px;
}

.fanart_hover .p2.on>.icon_666,
.fanart_hover .p2:hover>.icon_666 {
    background-position: -428px -226px;
    width: 23px;
    height: 17px;
}

.fanart_hover .number {
    color: #b2b2b2;
    font-size: 14px;
}

.fanart_hover .p2.on>.number,
.fanart_hover .p2:hover .number {
    color: #fff;
}

.fanart_hover .tip {
    right: -200px;
    top: -15px;
    position: absolute;
    color: #fff;
    display: block;
    transition: opacity 1s, top 1s;
}

.right_list {
    width: 496px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.teach {
    width: 241px;
    height: 411px;
    overflow: hidden;
    margin-top: 13px;
    position: relative;
    transition: transform .3s, filter .3s;
    transform: translateY(0);
    filter: brightness(1);
}

.teach:hover {
    /* 变亮 */
    filter: brightness(2.08);
    transform: translateY(-10px)
}

.btn_nav {
    margin-top: 55px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.btn_item {
    position: relative;
    display: block;
    width: 240px;
    height: 87px;
    overflow: hidden;
    transition: filter .5s;
    filter: brightness(1);
}

.btn_item:hover {
    filter: brightness(1.20);
}

.btn_item>img {
    position: absolute;
    left: 0;
    top: 0;
}

.btn_item>a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 87px;
}

.icon_point {
    background-position: -484px -226px;
    width: 17px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 10px 0 10px;
}

.btn_item.btn {
    display: block;
    background-position: -193px -253px;
    width: 239px;
    height: 58px;
    line-height: 58px;
    overflow: visible;
    position: relative;
    z-index: 2;
    margin-top: 2px;
}

.btn_item.btn>a {
    color: #fff;
    font-size: 16px;
    display: block;
    text-align: center;
    line-height: 58px;
}

.partner_list {
    display: none;
    z-index: 1;
    width: 239px;
    height: 266px;
    padding: 6px 0;
    background-color: #fff;
    position: absolute !important;
    left: 0;
    top: 58px;
    /* overflow: hidden; */
    overflow-y: scroll;
    overflow-x: hidden;
    box-shadow: 0 3px 10px #ccc;
    text-align: left;
    filter: brightness(0.9);
}


.btn_item.btn:hover>.partner_list {
    display: block;
    animation: topin .3s;
}

.partner_list>.list_content {
    width: 239px;
    /* height: 710px; */
    height: auto;
    transition-duration: 0s;
    transform: translate3d(0px, 0px, 0px);
}

.list_content li {
    width: 100%;
    height: 19px;
    box-sizing: border-box;
    padding-left: 12px;
    line-height: 25px;
    margin: 8px 0;
}

.list_content li:hover {
    background-color: rgb(161, 161, 161);
}

/* .list_content ul:hover {
    filter: brightness(0);
} */

.list_content a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 19px;
    color: #676767;
}


/* 侧边栏 */
/* .sidebar {
    width: 70px;
    height: auto;
    box-sizing: border-box;
    padding-top: 6px;
    overflow: hidden;
    position: fixed;
    right: 0px;
    bottom: 18%;
    background-color: #fff;
    border-radius: 9px 0 0 9px;
    transition: right .5s .2s;
    z-index: 199;
}

.sidebar {
    margin-left: 4px;
    height: 298px;
    padding-bottom: 18px;
    box-sizing: border-box;
    transition: height 1s .2s ease;
}

.sidebar_li {
    list-style: none;
    width: 66px;
    cursor: pointer;
    text-align: center;
    margin-bottom: 6px;
}

.sidebar_li a {
    color: #92a8ab;
    font-size: 12px;
    text-align: center;
}

.sidebar_li>span {
    display: block;
    width: 66px;
    height: 35px;
    text-align: center;
    line-height: 35px;
}

.sidebar_li i {
    display: inline-block;
    vertical-align: middle;
}

.sl_action i {
    background-position: -239px -99px;
    width: 18px;
    height: 22px;
}
/* hover 换图 */
/* .sl_action.selected i,
.sl_action:hover i {
    background-position: -216px -99px;
}

.sl_event i {
    background-position: -220px -46px;
    width: 22px;
    height: 21px;
}

.sl_event.selected i,
.sl_event:hover i {
    background-position: -247px -46px;
}

.sl_hero i {
    background-position: -269px -72px;
    width: 19px;
    height: 22px;
}

.sl_hero.selected i,
.sl_hero:hover i {
    background-position: -293px -72px;
}

.sl_fanart i {
    background-position: -287px -12px;
    width: 24px;
    height: 20px;
}

.sl_fanart.selected i,
.sl_fanart:hover i {
    background-position: -258px -12px;
}

.sl_top {
    position: relative;
}

.sl_top i {
    background-position: -193px -12px;
    width: 33px;
    height: 29px;
}

.sl_top img {
    display: none;
    position: absolute;
    width: 35px;
    top: 1px;
    left: 15px
}

.sl_top.selected img,
.sl_top:hover img {
    display: block
} */ 


/*!! 侧边栏 start */
.rightnav-bar{width:70px;height:auto;box-sizing:border-box;padding-top:6px;overflow:hidden;position:fixed;right:-70px;bottom:18%;background-color:#fff;border-radius:9px 0 0 9px;-webkit-transition:right .5s .2s;transition:right .5s .2s;z-index:199}
.rightnav-bar.show{right:0}
.rightnav-bar>ul{margin-left:4px;height:298px;padding-bottom:18px;box-sizing:border-box;-webkit-transition:height 1s .2s ease;transition:height 1s .2s ease}
.rightnav-bar.showTop ul{height:358px}
.rightnav-bar.showTop .sl_top{animation:showPolo 1.4s .2s ease 1;-webkit-animation:showPolo 1.4s .2s ease 1}
/* 动画start */
@keyframes showPolo{
0%{-webkit-transform:translateY(70px) scaleX(.8) scaleY(1.2);transform:translateY(70px) scaleX(.8) scaleY(1.2)}
44%{-webkit-transform:translateY(0) scaleX(.8) scaleY(1.2);transform:translateY(0) scaleX(.8) scaleY(1.2)}
50%{-webkit-transform:translateY(-10px) scaleX(1) scaleY(1);transform:translateY(-10px) scaleX(1) scaleY(1)}
60%{-webkit-transform:translateY(0) scaleX(1) scaleY(1);transform:translateY(0) scaleX(1) scaleY(1)}
70%{-webkit-transform:translateY(0) scaleX(1.1) scaleY(.9);transform:translateY(0) scaleX(1.1) scaleY(.9)}
100%,80%{-webkit-transform:translateY(0) scaleX(1) scaleY(1);transform:translateY(0) scaleX(1) scaleY(1)}
}
@-webkit-keyframes showPolo{
0%{-webkit-transform:translateY(70px) scaleX(.8) scaleY(1.2);transform:translateY(70px) scaleX(.8) scaleY(1.2)}
44%{-webkit-transform:translateY(0) scaleX(.8) scaleY(1.2);transform:translateY(0) scaleX(.8) scaleY(1.2)}
50%{-webkit-transform:translateY(-10px) scaleX(1) scaleY(1);transform:translateY(-10px) scaleX(1) scaleY(1)}
60%{-webkit-transform:translateY(0) scaleX(1) scaleY(1);transform:translateY(0) scaleX(1) scaleY(1)}
70%{-webkit-transform:translateY(0) scaleX(1.1) scaleY(.9);transform:translateY(0) scaleX(1.1) scaleY(.9)}
100%,80%{-webkit-transform:translateY(0) scaleX(1) scaleY(1);transform:translateY(0) scaleX(1) scaleY(1)}
}
@keyframes jump{
    0%{-webkit-transform:translate(0);transform:translate(0)}
    10%{-webkit-transform:translateY(5px) scaleX(1.2) scaleY(.8);transform:translateY(5px) scaleX(1.2) scaleY(.8)}
    30%{-webkit-transform:translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg);transform:translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg)}
    50%{-webkit-transform:translateY(0) scale(1) rotateZ(0);transform:translateY(0) scale(1) rotateZ(0)}
    55%{-webkit-transform:translateY(0) scaleX(1.1) scaleY(.9) rotateZ(0);transform:translateY(0) scaleX(1.1) scaleY(.9) rotateZ(0)}
    70%{-webkit-transform:translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg);transform:translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg)}
    80%{-webkit-transform:translateY(0) scaleX(1) scaleY(1) rotateZ(0);transform:translateY(0) scaleX(1) scaleY(1) rotateZ(0)}
    85%{-webkit-transform:translateY(0) scaleX(1.05) scaleY(.95) rotateZ(0);transform:translateY(0) scaleX(1.05) scaleY(.95) rotateZ(0)}
    100%{-webkit-transform:translateY(0) scaleX(1) scaleY(1);transform:translateY(0) scaleX(1) scaleY(1)}
    }
    @-webkit-keyframes jump{
    0%{-webkit-transform:translate(0);transform:translate(0)}
    10%{-webkit-transform:translateY(5px) scaleX(1.2) scaleY(.8);transform:translateY(5px) scaleX(1.2) scaleY(.8)}
    30%{-webkit-transform:translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg);transform:translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg)}
    50%{-webkit-transform:translateY(0) scale(1) rotateZ(0);transform:translateY(0) scale(1) rotateZ(0)}
    55%{-webkit-transform:translateY(0) scaleX(1.1) scaleY(.9) rotateZ(0);transform:translateY(0) scaleX(1.1) scaleY(.9) rotateZ(0)}
    70%{-webkit-transform:translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg);transform:translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg)}
    80%{-webkit-transform:translateY(0) scaleX(1) scaleY(1) rotateZ(0);transform:translateY(0) scaleX(1) scaleY(1) rotateZ(0)}
    85%{-webkit-transform:translateY(0) scaleX(1.05) scaleY(.95) rotateZ(0);transform:translateY(0) scaleX(1.05) scaleY(.95) rotateZ(0)}
    100%{-webkit-transform:translateY(0) scaleX(1) scaleY(1);transform:translateY(0) scaleX(1) scaleY(1)}
    }
    /* 动画end */
.rightnav-bar-li{list-style:none;width:66px;cursor:pointer;text-align:center;margin-bottom:6px}
.rightnav-bar-li.selected span,.rightnav-bar-li:hover span{animation:jump ease 1.5s 1;-webkit-animation:jump ease 1.5s 1}
.rightnav-bar-li.selected a,.rightnav-bar-li:hover a{color:#309cac;font-weight:700}
.rightnav-bar-li span{display:block;width:66px;height:35px;text-align:center;line-height:35px}
.rightnav-bar-li i{display:inline-block;vertical-align:middle;*zoom:1;*display:inline}
.rightnav-bar-li a{color:#92a8ab;font-size:12px;text-align:center}
.sl_action.selected i,.sl_action:hover i{background-position:-216px -99px;width:18px;height:22px}
.sl_action i{background-position:-239px -99px;width:18px;height:22px}
.rn-spzx.selected i,.rn-spzx:hover i{background-position:-193px -99px;width:18px;height:22px}
.rn-spzx i{background-position:-262px -99px;width:18px;height:22px}
.sl_event.selected i,.sl_event:hover i{background-position:-247px -46px;width:22px;height:21px}
.sl_event i{background-position:-220px -46px;width:22px;height:21px}
.sl_hero.selected i,.sl_hero:hover i{background-position:-293px -72px;width:19px;height:22px}
.sl_hero i{background-position:-269px -72px;width:19px;height:22px}
.sl_fanart.selected i,.sl_fanart:hover i{background-position:-258px -12px;width:24px;height:20px}
.sl_fanart i{background-position:-287px -12px;width:24px;height:20px}
.sl_top{position:relative}
.sl_top.selected img,.sl_top:hover img{display:block}
.sl_top i{background-position:-193px -12px;width:33px;height:29px}
.sl_top img{display:none;position:absolute;width:35px;top:1px;left:16px}
/*!! 侧边栏 end */


/*! 英雄资料 start */
.g-wrap-type3{width:100%;height:543px;background-color:#e3e2e2}
.g-wrap-championlist{height:auto;margin-top:0;padding:66px 0 66px 0;position:relative;width:100%;min-width:1358px;overflow:hidden;background-color:#e3e2e2}
.g-wrap-championlist>.g-wrap{padding-bottom:0}
.g-wrap-championlist .part-tab-title{border:none}
.g-wrap-championlist .part-tab-title>li{padding-left:28px;line-height:42px;margin-right:40px}
.g-wrap-championlist .part-tab-title>li:after{display:block;top:11px;left:2px;margin-left:0;background-position:-406px -316px;width:20px;height:19px}
.g-wrap-championlist .part-tab-title>li.selected:after,.g-wrap-championlist .part-tab-title>li:hover:after{background-position:-431px -316px;width:20px;height:19px;left:2px}
.m-champion-list-container{width:1395px;height:438px;overflow:hidden;margin-top:21px!important;position:relative}
.m-champion-list-container .hover-icon{display:none;position:absolute;width:66px;height:66px;top:0;left:12px;background:url(//game.gtimg.cn/images/lol/v3/dark70-bg-repeat.png) repeat}
.m-champion-list-container .champion-item{list-style:none;float:left;width:90px;height:100px;overflow:visible;margin:0 16px 12px 0;position:relative;cursor:pointer}
.m-champion-list-container .champion-item:hover>p{color:#1da6ba}
.m-champion-list-container .champion-item:hover .hover-icon{display:block;animation:opacityin .2s;-webkit-animation:opacityin .2s}
.m-champion-list-container .champion-item:hover .hover-icon:after{content:'\0020';display:block;margin:24px auto 0 auto;background-position:-401px -226px;width:22px;height:21px}
.m-champion-list-container .champion-item>img{display:block;margin:0 auto;width:66px;height:66px}
.m-champion-list-container .champion-item>p{width:90px;height:30px;line-height:30px;text-align:center;font-size:12px;color:#333}
.m-champion-list-container .scrollbar{right:23px;width:5px;height:438px}
.m-champion-list-container:hover .scrollbar{width:10px}
/*! 英雄资料 end */

/* data-scrollto */
/*!首页新闻 start*/
.m-news{width:496px;height:380px;overflow:hidden;float:right}
.m-news .part-top-tab{width:496px;height:35px;overflow:visible;box-sizing:border-box;border-bottom:1px #e0e2e2 solid}
.m-news .part-tab-title{width:596px;height:35px;left:0}
.m-news .part-tab-title>li{font-size:18px;line-height:24px;margin-right:74px}
.new-tab-content{width:496px;height:345px}
.new-tab-content-ul{width:496px;height:305px;position:relative}
.new-tab-content-ul>.first{list-style:none;background-position:0 -458px;width:496px;height:59px;overflow:hidden;line-height:59px;text-align:center;font-size:22px;font-weight:700;box-sizing:border-box;padding:0 12px;text-overflow:ellipsis;white-space:nowrap;color:#0da0b4}
.new-tab-content-ul>.first>.item-href{color:#0da0b4}
.new-tab-content-ul>.first>.item-href:hover{color:#bb9a6c}
.btn-morenews{display:block;width:496px;height:40px;background-color:#e3e2e2;line-height:40px;text-align:center}
.btn-morenews:hover{background-color:#dad8d8;border-radius:4px}
.btn-morenews:hover>i{animation-name:arrowanim;-webkit-animation-name:arrowanim}
.btn-morenews>.c1{font-size:14px;color:#676767}
.btn-morenews>.c2{font-size:14px;color:#7ea1a6}
/*!首页新闻 end*/
/*! fanart创作馆 start */
.g-wrap-fanart{width:1358px;height:auto;margin:0 auto;padding:66px 0 82px 0;*zoom:1}
.g-wrap-fanart:after{content:'\20';display:block;height:0;line-height:0;visibility:hidden;clear:both}
.g-wrap-fanart>.g-wrap{padding-bottom:0}
.fanart-left{width:820px;float:left}
.fanart-left-content{width:840px;height:368px;position:relative;overflow:hidden;margin-top:21px}
.fanart-left-content .innerhover-bottom{width:100%}
.fanart-left-content>li{list-style:none;float:left;width:192px;height:176px;position:relative;overflow:hidden;background-color:#e3e2e2;margin:0 17px 17px 0}
.fanart-left-content>li:hover .innerhover-bottom{bottom:0}
.fanart-left-content>li:hover .fanart-img{-webkit-transform:scale(1.3);transform:scale(1.3)}
.fanart-left-content>li>a{display:block;width:100%;height:100%;position:relative}
.fanart-left-content>li .fanart-img{display:block;-webkit-transition:transform .3s;transition:transform .3s;-webkit-transform:scale(1);transform:scale(1);width:192px;height:192px;position:absolute;left:0;top:-8px}
.fanart-left-content>.p1{margin:0 6px 9px 0}
.fanart-left-content>.p2{margin-bottom:9px}
.fanart-right{width:496px;float:right}
.fanart-right-right{float:right;margin-top:55px}
.fanart-right-right>.herf-right-1{list-style:none;margin-bottom:16px;position:relative;display:block;width:240px;height:87px;overflow:hidden;-webkit-transition:filter .5s;transition:filter .5s;filter:brightness(1);-webkit-filter:brightness(1)}
.fanart-right-right>.herf-right-1:hover{filter:brightness(1.15);-webkit-filter:brightness(1.15)}
.fanart-right-right>.herf-right-1>img{position:absolute;left:0;top:0}
.fanart-right-right>.herf-right-1>a{position:relative;display:block;width:100%;height:100%;color:#fff;font-size:16px;line-height:87px}
.main-column{width:241px;height:411px;overflow:hidden;float:left;margin-top:13px;position:relative;-webkit-transition:transform .3s,filter .3s;transition:transform .3s,filter .3s;-webkit-transform:translateY(0);transform:translateY(0);filter:brightness(1);-webkit-filter:brightness(1)}
.main-column>.p1{position:absolute;left:0;bottom:103px;text-align:center;width:100%;height:30px;line-height:30px;overflow:hidden;color:#fff;font-size:16px}
.main-column>.p2{position:absolute;left:0;bottom:58px;width:100%;height:45px;line-height:45px;overflow:hidden;font-size:22px;color:#fff;text-align:center;font-weight:400}
.main-column>.p3{position:absolute;left:0;bottom:14px;width:100%;height:42px;box-sizing:border-box;padding:0 7px;line-height:21px;overflow:hidden;font-size:16px;text-align:center;color:#dfacc0}
.main-column:hover{filter:brightness(1.08);-webkit-filter:brightness(1.08);-webkit-transform:translateY(-10px);transform:translateY(-10px)}
.href-partner{display:block;background-position:-193px -253px;width:239px;height:58px;line-height:58px;overflow:visible;position:relative;z-index:2;float:right;margin-top:2px}
.href-partner:hover .partner-list-container{display:block;animation:topin .3s;-webkit-animation:topin .3s}
.href-partner:hover .more-arrow-1{animation-name:arrowanim;-webkit-animation-name:arrowanim}
.href-partner>a{color:#fff;font-size:16px;display:block;text-align:center}
.partner-list-container{display:none;z-index:1;width:239px;height:266px;padding:6px 0;background-color:#fff;position:absolute!important;left:0;top:58px;overflow:hidden;box-shadow:0 3px 10px #ccc;text-align:left}
.partner-list-container .scrollbar{top:6px;right:4px;width:5px;height:266px}
.partner-list-container:hover .scrollbar{width:8px}
.partner-list-container .partner-list-wrapper{width:100%;height:auto}
.partner-list-container ul{width:100%}
.partner-list-container li{list-style:none;width:100%;height:19px;box-sizing:border-box;padding-left:12px;line-height:25px;margin:8px 0}
.partner-list-container li:hover{background-color:#eee}
.partner-list-container a{display:block;width:100%;height:100%;font-size:12px;line-height:19px;color:#676767}
@keyframes zantipshow{
0%{-webkit-transform:translateY(-5px);transform:translateY(-5px);opacity:0}
40%{opacity:1;-webkit-transform:translateY(-15px);transform:translateY(-15px)}
80%{opacity:1;-webkit-transform:translateY(-25px);transform:translateY(-25px)}
100%{opacity:0;-webkit-transform:translateY(-25px);transform:translateY(-25px)}
}
@-webkit-keyframes zantipshow{
0%{-webkit-transform:translateY(-5px);transform:translateY(-5px);opacity:0}
40%{opacity:1;-webkit-transform:translateY(-15px);transform:translateY(-15px)}
80%{opacity:1;-webkit-transform:translateY(-25px);transform:translateY(-25px)}
100%{opacity:0;-webkit-transform:translateY(-25px);transform:translateY(-25px)}
}
/*! fanart创作馆 end */
/*! 赛事模块外层样式 start*/
.g-wrap-match{width:1358px;height:auto;margin:0 auto;padding:64px 0 80px 0;*zoom:1}
.g-wrap-match:after{content:'\20';display:block;height:0;line-height:0;visibility:hidden;clear:both}
.g-wrap-match>.g-wrap{padding-bottom:0}
.g-wrap-match>.part-top-tab>.part-tab-title{width:1230px}
.g-wrap-match>.part-top-tab>.part-tab-title>li{margin-right:54px}
.m-events-container{width:100%;height:auto;min-height:300px;position:relative;padding-top:26px}
.match-show{animation:opacityin .3s;-webkit-animation:opacityin .3s}
.toptip-event{position:absolute;top:0;right:61px;width:auto;height:35px;line-height:35px;font-size:16px;font-weight:700;color:#676767}
.toptip-event:hover{text-decoration:underline}
.toptip-event>img{display:inline-block;vertical-align:middle;*zoom:1;*display:inline;width:25px;height:25px;margin:-2px 4px 0 0}
/*! 赛事模块外层样式 end*/








footer {
    padding: 45px 0;
    color: #9f9378;
    font-size: 12px;
    line-height: 24px;
    max-width: 1358px;
    min-width: 1230px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}


.footer_content {
    padding: 15px 20px;
    font: 12px/20px "微软雅黑", "宋体";
    min-width: 960px;
    margin: 0 auto;
    text-align: left;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    /* align-items: ; */
}

.icon_copyright{
    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;
}

.icon_copyright>a{
    display: inline-block;
    vertical-align: middle;
    margin: 0 24px 0 8px;
}
.icon_tx{
    background-position: -216px 0;
    width: 189px;
    height: 34px;
}

.icon_riot{
    background-position: -216px -84px;
    width: 82px;
    height: 28px;
}

.icon_tx,
.icon_riot{
    background-image: url('Images/icon_map.png');
    background-size: 405px 178px;
    background-repeat: no-repeat;
}

.info_ul{
    width: 750px;
    display: flex;
    flex-flow: column;
}

.info_ul>li{
    line-height: 20px;
    overflow: hidden;
    color: #9f9378;
}
.info_ul a{
    color: #9f9378;
}
.link_map{
    font-size: 12px;
}

.f_line{
    color: #9f9378;
    margin: 0 2px;
}

.copyright_txt {
    font-size: 10px;
}