body{background:#fff;font-family:Microsoft YaHei,serif}*{margin:0;padding:0}img{display:block;border:none}a{text-decoration:none;color:#fff}.main{min-width:1280px;max-width:2560px;width:100%;margin:0 auto}.browserupgrade{padding:.4em 0;color:#fff;background-color:#dd514c;text-align:center}.browserupgrade a{color:#fff;text-decoration:underline;padding:0 .4em}.nav{min-width:1280px;max-width:2560px;width:100%;margin:0 auto;position:relative;background:url(../img/nav.73584bc.png) 50% no-repeat;height:95px;z-index:999}.nav .nav_content{position:absolute;top:0;left:16%;height:95px}.nav .logo{position:absolute;top:0;left:0}.nav ul{margin-left:300px;list-style:none;overflow:hidden}.nav ul li{float:left;position:relative;width:100px;height:95px;color:#fff;font-size:14px}.nav ul li .nav_icon{background-image:url(../img/icons.d6f68ad.png)}.nav ul li:first-child .nav_icon{background-position:-63px 0}.nav ul li:first-child .active,.nav ul li:first-child a:hover{color:#67a108}.nav ul li:first-child .active .nav_icon,.nav ul li:first-child a:hover .nav_icon{background-position:-63px -33px}.nav ul li:nth-child(2) .nav_icon{background-position:-31px 0}.nav ul li:nth-child(2) .active,.nav ul li:nth-child(2) a:hover{color:#67a108}.nav ul li:nth-child(2) .active .nav_icon,.nav ul li:nth-child(2) a:hover .nav_icon{background-position:-31px -33px}.nav ul li:nth-child(3) .nav_icon{background-position:-128px 0}.nav ul li:nth-child(3) .active,.nav ul li:nth-child(3) a:hover{color:#67a108}.nav ul li:nth-child(3) .active .nav_icon,.nav ul li:nth-child(3) a:hover .nav_icon{background-position:-128px -33px}.nav ul li:nth-child(4) .nav_icon{background-position:-97px 0}.nav ul li:nth-child(4) .active,.nav ul li:nth-child(4) a:hover{color:#67a108}.nav ul li:nth-child(4) .active .nav_icon,.nav ul li:nth-child(4) a:hover .nav_icon{background-position:-97px -33px}.nav ul li:nth-child(5) .nav_icon{background-position:2px 0}.nav ul li:nth-child(5) .active,.nav ul li:nth-child(5) a:hover{color:#67a108}.nav ul li:nth-child(5) .active .nav_icon,.nav ul li:nth-child(5) a:hover .nav_icon{background-position:2px -33px}.nav ul li a{display:inline-block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center}.nav ul li a .nav_icon{display:block;width:28px;height:26px;margin:0 auto;background-position:50%;background-repeat:no-repeat}.nav .login{display:none;position:absolute;right:12.89%;bottom:0}.sidebar{position:fixed;top:75%;right:0;width:52px;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:100;opacity:0;-webkit-transition:.5s;transition:.5s}.sidebar>div{float:right;width:52px;height:52px;background-image:url(../img/side_bg.b320ccf.png);background-repeat:no-repeat;cursor:pointer;overflow:hidden;-webkit-transition:.2s;transition:.2s}.sidebar>div.back_top{background-image:url(../img/back_top.ad112cf.png)}.sidebar>div a{display:block;width:100%;height:100%}.sidebar>div a span{display:block;color:#873811;font-size:16px;height:52px;line-height:52px;text-align:center;font-weight:700}.sidebar>div .icon{display:block;width:52px;height:52px;background-image:url(../img/side_icon.5b7c707.png);background-repeat:no-repeat}.sidebar>div .icon-1{background-position:-52px 0}.sidebar>div .icon-3{display:block;width:52px;height:52px;background-image:url(../img/side_icon.5b7c707.png);background-repeat:no-repeat;background-position:-104px 0}.sidebar>div.active{width:100px}.sidebar>div.active.back_top{width:52px;background-image:url(../img/back_top_a.95acb15.png)}.sidebar>div.active .icon{display:none}@media only screen and (max-width:1920px){.sidebar{right:0}}.footer{height:390px;padding-top:140px;background:url(../img/bottom_bg.c4420da.jpg) 50% no-repeat;overflow:hidden;font-size:20px}.footer .f_content{width:650px;margin:0 auto;color:#9c5133}.footer .f_content .box3{margin-top:20px;padding-left:140px;overflow:hidden}.footer .f_content .box3_title{float:left;margin-top:10px}.footer .f_content .box3_content{float:left}.footer .f_content .box3_content p{height:40px;line-height:40px;margin-top:5px}.footer .f_content .box3_content p .num{display:inline-block;width:145px;margin-left:10px;background:url(../img/icons.d6f68ad.png) -165px -40px no-repeat;color:#fff;text-align:center}.footer .f_content .bottom{margin-top:30px;font-size:16px;color:rgba(156,81,51,.5)}.footer .f_content .bottom p{text-align:center}.banner{height:720px;background:url(../img/banner.97dc813.jpg) 50% no-repeat}.video{position:relative;width:100%;overflow:hidden}.video:after{content:"";top:0;left:0;height:100%;background:url(../img/raster.824ad1d.png)}.video:after,.video video{position:absolute;width:100%}.video video{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);display:block;height:auto}.video .qswg{box-sizing:border-box;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:685px;height:328px;background:url(../img/qswg_bg.7a35a04.png) 50% no-repeat;color:#fff;padding:57px;z-index:10}.video .qswg h2{-webkit-line-clamp:1;font-size:30px;margin-bottom:15px}.video .qswg h2,.video .qswg p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.video .qswg p{-webkit-line-clamp:2;font-size:20px;line-height:2em}.video .qswg .qswg_btn{display:block;width:192px;height:75px;margin:auto;margin-top:15px}.video .wjzx{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:355px;height:172px;background:url(../img/wjzx_bg.0bb06ab.png) 50% no-repeat;z-index:10}.video .wjzx p{text-align:center;color:#fff;font-size:20px;padding-top:30px}.video .wjzx p span{font-size:50px;font-weight:700;color:#ffc314}.video .wjzx .btn_box{margin-top:25px;margin-left:15px;overflow:hidden}.video .wjzx .btn_box a{float:left;display:inline-block}.video .wjzx .btn_box a:first-child,.video .wjzx .btn_box a:nth-child(3){margin-top:7px}.video .pulldowm_icon{position:absolute;bottom:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:pull_down 2s infinite;animation:pull_down 2s infinite;z-index:10}.column_activity{height:894px;background:url(../img/body_bg2.1176866.jpg) 50% no-repeat}.column_activity .column_list{width:1195px;height:338px;margin:0 auto;box-sizing:border-box;padding-top:80px}.column_activity .column_list ul{list-style:none}.column_activity .column_list ul li{position:relative;width:335px;height:190px;float:left;margin:0 10px;cursor:pointer}.column_activity .column_list ul li img{width:100%;height:100%}.column_activity .column_list ul li.all_new{width:110px;background:url(../img/allnew_btn.5aae3ac.png) 50% no-repeat}.column_activity .column_list ul li.all_new a{display:block;width:100%;height:100%}.column_activity .column_list ul li.all_new:hover{background:url(../img/allnew_btn_hover.e41087b.png) 50% no-repeat}.column_activity .column_list ul li p{position:absolute;bottom:0;width:100%;height:48px;line-height:48px;background:url(../img/advert_bottom.5b2c8ff.png) 50% no-repeat;color:#fff;font-size:16px;padding-left:10px;box-sizing:border-box}.column_activity .activity{width:1150px;margin:0 auto;color:#94414c}.column_activity .activity h1{padding-left:68px;height:108px;line-height:108px;background:url(../img/h1_icon.081f960.png) 0 no-repeat;font-size:40px;margin-bottom:50px}.column_activity .activity .ac_content{position:relative;width:555px;height:280px}.column_activity .activity .ac_content h2{-webkit-line-clamp:1;font-size:30px;margin-bottom:20px}.column_activity .activity .ac_content h2,.column_activity .activity .ac_content p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.column_activity .activity .ac_content p{-webkit-line-clamp:3;font-size:20px;line-height:2}.column_activity .activity .ac_content a{display:block;position:absolute;right:0;bottom:0;width:192px;height:75px;background:url(../img/join.9f86d0f.png) 50% no-repeat}.column_activity .activity .ac_content a:hover{background:url(../img/join_hover.de9e330.png) 50% no-repeat}.activity_content{height:1490px;background:url(../img/body_bg3.c5b9be3.jpg) 50% no-repeat;overflow:hidden}.ranking{position:relative;width:1250px;margin:125px auto 0}.ranking ul{list-style:none;overflow:hidden}.ranking ul li{float:left;width:394px;height:373px;background:url(../img/picture_frame.b3edde0.png) 50% no-repeat;overflow:hidden;margin:0 11px}.ranking ul li .top{margin:35px 15px 25px 60px;color:#fff;overflow:hidden}.ranking ul li .top .h1{float:left;font-size:20px}.ranking ul li .top .h1 span{font-size:30px}.ranking ul li .top .btn{float:right;font-size:16px;margin-top:15px}.ranking ul li .center{margin-right:15px;overflow:hidden}.ranking ul li .center .img{float:left;margin-right:20px;width:201px;height:164px}.ranking ul li .center .img img{width:100%;height:100%}.ranking ul li .center .top_three{float:left}.ranking ul li .center .top_three p{height:31px;line-height:31px;margin-bottom:20px}.ranking ul li .center .top_three p i{display:inline-block;width:31px;height:31px;margin-right:10px;background-image:url(../img/icons.d6f68ad.png);background-repeat:no-repeat;vertical-align:middle}.ranking ul li .center .top_three p:first-child{margin-top:10px;color:#ffdd56}.ranking ul li .center .top_three p:first-child i{background-position:0 -82px}.ranking ul li .center .top_three p:nth-child(2){color:#bdbdbd}.ranking ul li .center .top_three p:nth-child(2) i{background-position:-31px -82px}.ranking ul li .center .top_three p:nth-child(3){color:#d9825c}.ranking ul li .center .top_three p:nth-child(3) i{background-position:-62px -82px}.ranking ul li .bottom{height:45px;margin-left:20px;margin-top:30px;background-color:hsla(0,0%,100%,.1);padding:0 10px;display:none}.ranking ul li .bottom p:first-of-type{float:left;line-height:45px}.ranking ul li .bottom p:last-of-type{float:right;line-height:45px}.ranking ul li .bottom span{padding-left:10px;color:#ffdd56}.ranking ul li .bottom .jinji{color:#ffdd56}.match{position:relative;width:1250px;height:515px;margin:130px auto 0;overflow:hidden}.match .item{display:none;width:100%;height:100%}.match .item.active{display:block}.match .img{float:left;width:709px;height:515px}.match .img img{width:100%;height:100%}.match_content{float:left;width:515px;color:#fff;margin-left:20px;margin-top:100px}.match_content .title{height:108px;padding-left:80px;background:url(../img/h1_icon.081f960.png) no-repeat;margin-bottom:30px}.match_content .title h1{float:left;height:108px;line-height:108px;font-size:40px}.match_content .title .type{float:left;width:170px;height:56px;line-height:56px;margin-top:30px;margin-left:25px;background:url(../img/solo.34ef531.png) 50% no-repeat;background-size:contain;text-align:center;font-size:22px;overflow:hidden}.match_content p{margin:0 15px;line-height:2.4}.match_content .btn{position:absolute;bottom:10px;right:25px;display:block;width:192px;height:75px}.match_list{position:relative;width:1150px;height:180px;margin:60px auto 0}.match_list .navigation .left{left:-37px;background-image:url(../img/match_list_left.b66d603.png)}.match_list .navigation .left,.match_list .navigation .right{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%);width:27px;height:43px;cursor:pointer}.match_list .navigation .right{right:-37px;background-image:url(../img/match_list_right.21a25d6.png)}.match_list_content{position:relative;width:1150px;height:180px;overflow:hidden}.match_list ul{position:absolute;left:0;top:0;list-style:none}.match_list ul li{position:relative;float:left;width:172px;height:179px;padding-top:20px;margin:0 10px;background-image:url(../img/match_list_bg.19dd158.png);color:#fff;box-sizing:border-box;cursor:pointer}.match_list ul li img{width:143px;height:115px;margin:7px auto 0}.match_list ul li p{margin-top:10px;text-align:center}.match_list ul li:first-child{background-image:url(../img/match_list_bg_a.b24d81e.png)}.match_list ul li.new_icon:after{width:50px;background:url(../img/icons.d6f68ad.png) -201px 0 no-repeat}.match_list ul li.hot_icon:after,.match_list ul li.new_icon:after{content:"";position:absolute;top:27px;right:15px;height:37px;z-index:10}.match_list ul li.hot_icon:after{width:46px;background:url(../img/icons.d6f68ad.png) -256px 0 no-repeat}.game_works{height:440px;background:url(../img/body_bg4.cf78478.jpg) 50% no-repeat}.game_works .top{width:1210px;margin:0 auto;padding:0 20px;overflow:hidden}.game_works .top h1{float:left;height:108px;line-height:108px;padding-left:80px;background:url(../img/h1_icon.081f960.png) no-repeat;color:#94414c}.game_works .top .btn_box{float:right;margin-top:26px;overflow:hidden}.game_works .top .btn_box div{float:left;width:170px;height:56px;margin:0 5px;background-position:50%;background-repeat:no-repeat;cursor:pointer}.game_works .top .btn_box div.gallery_btn{background-image:url(../img/gallery.abd8665.png)}.game_works .top .btn_box div.gallery_btn.active,.game_works .top .btn_box div.gallery_btn:hover{background-image:url(../img/gallery_hover.8e899a6.png)}.game_works .top .btn_box div.move_btn{background-image:url(../img/move.a8e4059.png)}.game_works .top .btn_box div.move_btn.active,.game_works .top .btn_box div.move_btn:hover{background-image:url(../img/move_hover.762ada2.png)}.game_works .top .btn_box .contribute_btn{display:block;float:left;width:170px;height:56px;margin:0 5px;background-position:50%;background-repeat:no-repeat;background-image:url(../img/contribute.3ba3c76.png)}.game_works .top .btn_box .contribute_btn:hover{background-image:url(../img/contribute_hover.bac6318.png)}.game_works .works_content{position:relative;width:1250px;margin:0 auto;margin-top:40px}.game_works .works_content .navigation .left{position:absolute;left:0;top:0;width:110px;height:236px;background:-webkit-linear-gradient(left,#efe3e7,rgba(239,227,231,.2));background:linear-gradient(90deg,#efe3e7,rgba(239,227,231,.2));z-index:10}.game_works .works_content .navigation .left .btn_l{position:absolute;top:50%;left:40px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:46px;height:60px;background-image:url(../img/navigation_left.5cda9c8.png);cursor:pointer}.game_works .works_content .navigation .left .btn_l:hover{background-image:url(../img/navigation_left_hover.bdc0d06.png)}.game_works .works_content .navigation .right{position:absolute;right:0;top:0;width:110px;height:236px;background:-webkit-linear-gradient(right,#efe3e7,rgba(239,227,231,.2));background:linear-gradient(270deg,#efe3e7,rgba(239,227,231,.2));z-index:10}.game_works .works_content .navigation .right .btn_r{position:absolute;top:50%;right:40px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:46px;height:60px;background-image:url(../img/navigation_right.cb95298.png);cursor:pointer}.game_works .works_content .navigation .right .btn_r:hover{background-image:url(../img/navigation_right_hover.605373e.png)}.game_works .works_content .works_list{position:relative;width:100%;height:236px;overflow:hidden}.game_works .works_content ul{position:absolute;left:120px;top:0;list-style:none;width:200%}.game_works .works_content ul li{position:relative;float:left;width:317px;height:236px;margin:0 10px;box-sizing:border-box;background-color:#000;padding:2px 3px 0;cursor:pointer}.game_works .works_content ul li a{display:block;position:relative;width:100%;height:100%;overflow:hidden}.game_works .works_content ul li img{width:100%}.game_works .works_content ul li .play,.game_works .works_content ul li img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.game_works .works_content ul li .play{width:109px;height:94px;background:url(../img/move_play.9fa8219.png) 50% no-repeat}.game_works .works_content ul li .bottom{position:absolute;left:0;bottom:0;width:311px;height:35px;line-height:35px;text-align:center;color:#fff;font-size:14px;overflow:hidden}.game_works .works_content ul li .bottom span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.game_works .works_content ul li .bottom .txt1{float:left;width:205px;height:100%;background-color:#000}.game_works .works_content ul li .bottom .txt2{float:left;width:106px;height:100%;background-color:#323232}.game_works .works_move{display:none}@-webkit-keyframes pull_down{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(50%);transform:translateY(50%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes pull_down{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(50%);transform:translateY(50%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}