*{margin:0;padding:0;box-sizing:border-box}body{min-width:1280px;font-size:14px;background:#333;font-family:"Microsoft YaHei","PingFang SC",arial,helvetica,"Microsoft Sans Serif",sans-serif}ul li{list-style:none}a{outline:none;text-decoration:none;background-color:rgba(0,0,0,0);cursor:pointer}a:hover{outline:none}a:active{outline:none}img{outline:none;border:0;vertical-align:middle}em{font-style:normal}p{word-wrap:break-word}@keyframes tc{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes rotation{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}h1{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h2{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h3{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h4{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h5{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}iframe{border:none}table{border-spacing:0;border-collapse:collapse}table td{padding:0}table th{padding:0}input{outline:none;line-height:normal}input:-webkit-autofill{border:1px solid #ccc !important}input::-webkit-input-placeholder{color:#838485}input:-moz-placeholder{color:#838485}input::-moz-placeholder{color:#838485}input:-ms-input-placeholder{color:#838485}textarea:-webkit-autofill{border:1px solid #ccc !important}textarea::-webkit-input-placeholder{color:#838485}textarea:-moz-placeholder{color:#838485}textarea::-moz-placeholder{color:#838485}textarea:-ms-input-placeholder{color:#838485}select:-webkit-autofill{border:1px solid #ccc !important}.flex-c{display:flex;justify-content:center;align-items:center}.container{width:1280px;margin:0 auto}.clearfix{zoom:1}.clearfix:after{clear:both;content:"";display:table}.clearfix:before{content:"";display:table}.relative{position:relative}.text-left{text-align:left !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.justify-evenly{justify-content:space-evenly}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.fl{float:left !important}.fr{float:right !important}.hide{display:none !important}.show{display:block !important}.center-block{display:block;margin-right:auto}.line-height{line-height:1}.no-margin{margin:0 !important}.no-padding{padding:0 !important}.tab-pane{display:none}.tab-pane.active{display:block}.cursor-pointer{cursor:pointer}.logo{position:absolute;top:18px;left:140px;z-index:100}.logo a{display:block;width:188px;height:83px;background:url(../images/logo.png) center center no-repeat;font:0/0 a}.logo a:hover{filter:brightness(1.2)}.login-box{position:absolute;top:200px;left:0;right:0;text-align:center}.login-box .btn-login{display:block;width:100px;height:100px;background:url(../images/btn_login) center center no-repeat;font-size:20px;color:#000;letter-spacing:5px;margin:0 auto}.login-box .name{margin-right:20px}.login-box .login-info{color:#8a584a}.login-box .login-info a{color:#dd8636;margin-left:10px}.login-box .login-info a:hover{color:#be885c;text-decoration:underline}.login-box .login-info .area{display:inline-block;margin-right:30px}.top-link{position:fixed;top:30px;right:30px;z-index:99}.top-link a{float:left;width:118px;height:42px;line-height:42px;color:#fffffd;text-align:center;margin-left:10px;font-size:16px;background:url(../images/btn_01.png) center center no-repeat}.top-link a:hover{color:#fffffd;filter:brightness(1.2)}.tit{margin:60px 0 50px 307px;height:87px;background-size:contain !important;font:0/0 a}.tit.tit-01{background:url(../images/tit_01.png) left center no-repeat}.tit.tit-02{background:url(../images/tit_02.png) right center no-repeat}.tit.tit-03{background:url(../images/tit_03.png) left center no-repeat}.tit.tit-04{height:159px;background:url(../images/tit_04.png) center center no-repeat}.tit.tit-05{background:url(../images/tit_05.png) center center no-repeat}.sect{overflow:hidden}.sect.sect-01{position:relative;height:993px;background:url(../images/sect_01.jpg) center/cover no-repeat}.sect.sect-01 .container{position:relative;height:100%}.sect.sect-01 .container .dl_box{position:absolute;bottom:100px;left:50%;transform:translateX(-50%)}.sect.sect-01 .container .btn_dl{width:550px;height:133px;border:1px solid #9e1744;background:url("../images/sect_01_dl.png") center/contain no-repeat;margin-bottom:20px}.sect.sect-01 .container .reg{width:130px;height:18px;background:url("../images/sect_01_btn_01.png")}.sect.sect-01 .container .pwd{width:112px;height:18px;background:url("../images/sect_01_btn_02.png")}.sect.sect-02{height:900px;background-color:#000}.sect.sect-02 .container{position:relative;width:100%;height:100%}.sect.sect-03{height:904px;background:url(../images/sect_03.jpg) center center no-repeat}.sect.sect-03 .container{margin-top:80px}.sect.sect-03 .video_box{width:1045px;height:588px;background:url("../images/sect_03_vd_bg.png") center center no-repeat;margin:auto}.sect.sect-03 .btn_play_sect3video{width:102px;height:102px;background:url("../images/sect_03_btn_vd.png")}.sect.sect-04{height:858px;background:url(../images/sect_04.jpg) center center no-repeat}.sect.sect-04 .container{position:relative}.sect.sect-04 .pattern{position:absolute;top:88px;left:520px;width:234px;height:13px;background:url(../images/pattern.png) center center no-repeat}.sect.sect-04 .role{position:absolute;top:-15px;left:-40px;z-index:1;width:743px;height:720px;background:url(../images/role_01.png) left center no-repeat}.sect.sect-05{height:528px;background:url(../images/sect_05.jpg) center center no-repeat}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;overflow:hidden;outline:0;background:rgba(0,0,0,.8);display:none}.modal .modal-body{position:absolute;top:50%;left:50%;margin-left:-300px;margin-top:-200px;width:600px;height:400px;background:#070a0b;background-size:contain;animation:tc .5s;border:1px solid #11534e}.modal .modal-body .close{display:block;position:absolute;top:-2px;right:-76px;width:76px;height:68px;line-height:68px;background:url(../images/close.png) center/contain no-repeat;transition:transform .4s ease-in-out}.modal .modal-body .close img{margin:15px 0 0 15px;transition:all .3s}.modal .modal-body .close:hover{filter:brightness(1.2);transform:rotate(90deg)}.modal.modal-vd .modal-body{width:1070px;height:600px;margin-left:-535px;margin-top:-300px}.modal.modal-vd .modal-body .pop_video_box{width:100%;height:100%}.modal.modal-vd .modal-body .pop_video_box .popMov{width:100%;height:100%}.float-box{position:fixed;top:0;bottom:0;left:0;width:307px;background:#1b1d25;text-align:center;z-index:10}.float-box .ewm-list{display:inline-block;margin-top:25px}.float-box .ewm-list li{float:left;width:118px;margin:0 8px;background:#3f4553}.float-box .ewm-list li p{color:#f3f3f3;line-height:30px;border-bottom:1px solid #27282f}.float-box .ewm-list li .ewm-img{width:108px;height:104px;margin:10px auto;padding-top:12px;background:url(../images/bg_01.png) center center no-repeat}.float-box .ewm-list li .ewm-img img{width:90px;height:90px}.box+.box{border-top:1px solid #3b3d41}.btn-reg-special{display:block;margin:-5px 0 15px;color:#7f8085;text-decoration:underline}.btn-reg-special:hover{color:#e9a151}.btn-down{display:block;height:104px;background:url(../images/btn_06.png) center center no-repeat;background-size:contain;font:0/0 a;box-sizing:content-box}.btn-down:hover{filter:brightness(1.1)}.send-list{display:inline-block;margin:170px 0 0 228px;padding:7px 0 0 7px;width:863px;height:276px;background:rgba(255,255,255,.7)}.send-list li{position:relative;float:left;margin:0 5px}.send-list li .btn{position:absolute;left:0;right:0;bottom:10px;display:block;height:45px;font:0/0 a;background:url(../images/btn_02.png) center center no-repeat;transition:bottom .3s}.send-list li .btn:hover{filter:brightness(1.1);bottom:15px}.swiper-mode{overflow:inherit;margin-top:-15px}.swiper-mode .swiper-slide{position:relative;padding:100px 0}.swiper-mode .swiper-slide>img{float:right;margin-right:-60px;opacity:0;filter:alpha(opacity=0);transform:translateX(80px);transition:all .4s ease-in-out}.swiper-mode .swiper-slide .bg{position:absolute;top:-170px;right:-320px;width:1016px;height:834px;background:url(../images/role_bg_01.png) top right no-repeat;z-index:-1;opacity:0;filter:alpha(opacity=0);transform:translateX(380px);transition:all .4s ease-in-out}.swiper-mode .swiper-slide.swiper-slide-active>img{opacity:1;filter:alpha(opacity=100);transform:translateX(0);transition:all .4s .2s ease-in-out}.swiper-mode .swiper-slide.swiper-slide-active .bg{opacity:1;filter:alpha(opacity=100);transform:translateX(0);transition:all .4s .2s ease-in-out}.swiper-mode .swiper-button-next{top:50px;right:40px}.swiper-mode .swiper-button-prev{top:50px;right:140px;left:auto}.swiper-mode .swiper-pagination{bottom:70px;left:330px}.swiper-mode .swiper-pagination .swiper-pagination-bullet{position:relative;width:172px;height:9px;border-radius:0;background:#b2b6be;opacity:1;margin:0 10px}.swiper-mode .swiper-pagination .swiper-pagination-bullet:before{position:absolute;top:15px;left:0;right:0;display:block;color:#9a9ca0;letter-spacing:10px}.swiper-mode .swiper-pagination .swiper-pagination-bullet:nth-child(1):before{content:"经典模式"}.swiper-mode .swiper-pagination .swiper-pagination-bullet:nth-child(2):before{content:"闪电战模式"}.swiper-mode .swiper-pagination .swiper-pagination-bullet:nth-child(3):before{content:"战场模式"}.swiper-mode .swiper-pagination .swiper-pagination-bullet:nth-child(4):before{content:"克隆模式"}.swiper-mode .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#1ad1bf}.swiper-mode .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{color:#1ad1bf}.swiper-world{width:1490px;margin:150px 0 0 109px;padding:0 3px 88px 0;box-sizing:border-box}.swiper-world .info-wrap{height:100%}.swiper-world .info_item{width:552px;height:391px;float:left}.swiper-world .info_item .qb_img{width:552px;height:391px;position:relative}.swiper-world .info_item .qb_img a{width:100%;height:100%;position:absolute;top:0;left:0}.swiper-world .info_item .qb_img img{width:552px;height:391px}.swiper-world .info_bar{width:78.2%;height:2px;position:absolute;bottom:115px;left:17%;background:#b2b6be}.swiper-world .info_bar .swiper-scrollbar-drag{margin-top:-5px;height:11px;background:#b2b6be;border-radius:0}.swiper-world .info_prev2{float:left;width:79px;height:60px;line-height:60px;margin-top:40px;cursor:pointer;margin-right:20px;background:url(../images/icon_left.png) center center no-repeat}.swiper-world .info_prev2 .swiper-button-disabled{-webkit-opacity:.6;-moz-opacity:.6;opacity:.6;filter:alpha(opacity=60);cursor:default}.swiper-world .info_prev2:hover{filter:brightness(1.2)}.swiper-world .info_next2{float:left;width:79px;height:60px;line-height:60px;margin-top:40px;cursor:pointer;background:url(../images/icon_right.png) center center no-repeat}.swiper-world .info_next2 .swiper-button-disabled{-webkit-opacity:.6;-moz-opacity:.6;opacity:.6;filter:alpha(opacity=60);cursor:default}.swiper-world .info_next2:hover{filter:brightness(1.2)}.swiper-role{width:100%;height:100%;overflow:inherit}.swiper-role .swiper-slide{position:relative}.swiper-role .swiper-slide .role,.swiper-role .swiper-slide .info{position:absolute;opacity:0;filter:alpha(opacity=0);transform:translateX(30px);z-index:3}.swiper-role .swiper-slide .info{top:390px;right:325px;padding:40px;width:640px;height:337px;background:url("../images/sect2_hero/bg_hero_introduce.png");color:#323233;transform:translateX(-30px)}.swiper-role .swiper-slide .info .name{font-size:50px;font-weight:bold}.swiper-role .swiper-slide .info .name .sp{margin-left:15px;font-size:18px;color:#df2929}.swiper-role .swiper-slide .info .tag{display:flex;flex-flow:row nowrap}.swiper-role .swiper-slide .info .tag span{position:relative;background:#323233;margin:15px 0 40px;padding:3px 12px 6px;font-size:16px;color:#fff}.swiper-role .swiper-slide .info .tag span:not(:last-child){padding-right:10px}.swiper-role .swiper-slide .info .tag span:not(:last-child)::after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;width:2px;height:15px;background:#aeb0bb}.swiper-role .swiper-slide .info .desc{font-size:16px}.swiper-role .swiper-slide .bg{position:absolute;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);transition:all .25s ease-in-out;z-index:1}.swiper-role .swiper-slide .bg.bg-01{background:url("../images/sect2_hero/hero_01_bj.png") top/cover no-repeat}.swiper-role .swiper-slide .bg.bg-02{background:url("../images/sect2_hero/hero_02_bj.png") top/cover no-repeat}.swiper-role .swiper-slide .bg.bg-03{background:url("../images/sect2_hero/hero_03_bj.png") top/cover no-repeat}.swiper-role .swiper-slide .bg.bg-04{background:url("../images/sect2_hero/hero_04_bj.png") top/cover no-repeat}.swiper-role .swiper-slide .bg.bg-05{background:url("../images/sect2_hero/hero_05_bj.png") top/cover no-repeat}.swiper-role .swiper-slide .bg.bg-06{background:url("../images/sect2_hero/hero_06_bj.png") top/cover no-repeat}.swiper-role .swiper-slide.swiper-slide-active .role,.swiper-role .swiper-slide.swiper-slide-active .info{opacity:1;filter:alpha(opacity=100);transform:translateX(0px);transition:all .4s .4s ease-in-out}.swiper-role .swiper-slide.swiper-slide-active .bg{opacity:1;transition:all .3s .125s ease-in-out}.swiper-role .swiper-button-prev,.swiper-role .swiper-button-next{width:60px;height:62px;z-index:13}.swiper-role .swiper-button-prev{top:53%;left:160px;background:url("../images/arr_left.png")}.swiper-role .swiper-button-next{top:53%;right:160px;background:url("../images/arr_right.png")}.swiper-role .swiper-pagination{left:unset;bottom:unset;top:260px;right:340px;width:620px;display:flex;flex-flow:row nowrap}.swiper-role .swiper-pagination .swiper-pagination-bullet{display:inline-block;position:relative;flex:1;width:auto;height:auto;background:none;opacity:1;text-align:center;transition:.25s ease all}.swiper-role .swiper-pagination .swiper-pagination-bullet:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:80px;height:80px;border:2px solid #ccc;border-radius:50%;background-size:contain !important}.swiper-role .swiper-pagination .swiper-pagination-bullet:nth-child(1):before{background:url("../images/sect2_hero/hero_01.png") center no-repeat}.swiper-role .swiper-pagination .swiper-pagination-bullet:nth-child(2):before{background:url("../images/sect2_hero/hero_02.png") center no-repeat}.swiper-role .swiper-pagination .swiper-pagination-bullet:nth-child(3):before{background:url("../images/sect2_hero/hero_03.png") center no-repeat}.swiper-role .swiper-pagination .swiper-pagination-bullet:nth-child(4):before{background:url("../images/sect2_hero/hero_04.png") center no-repeat}.swiper-role .swiper-pagination .swiper-pagination-bullet:nth-child(5):before{background:url("../images/sect2_hero/hero_05.png") center no-repeat}.swiper-role .swiper-pagination .swiper-pagination-bullet:nth-child(6):before{background:url("../images/sect2_hero/hero_06.png") center no-repeat}.swiper-role .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{height:90px}.swiper-role .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{border-color:#00d7bf}.swiper-mini .swiper-slide{width:100%}.swiper-mini .swiper-slide img{width:100%}.btn-login{position:absolute;left:0;right:0;bottom:10px;margin:0 auto;display:block;width:211px;height:74px;background:url(../images/btn_07.png) center center no-repeat;z-index:10}.btn-login:hover{filter:brightness(1.1)}.swiper-button-prev{width:79px;height:60px;line-height:60px;z-index:100;background:url(../images/icon_left.png) center center no-repeat;border-right-width:10px}.swiper-button-prev:hover{filter:brightness(1.1)}.swiper-button-next{width:79px;height:60px;line-height:60px;z-index:100;background:url(../images/icon_right.png) center center no-repeat;border-left-width:10px}.swiper-button-next:hover{filter:brightness(1.1)}.select{position:relative;margin:10px 0}.select .radio_state{width:20px;height:20px}.select .radio_state+label{position:relative;cursor:pointer;font-size:1em;background-color:#1a1b22;border:1px solid #7f8085;padding:5px;display:inline-block;vertical-align:top;margin-top:4px}.select .radio_state:checked+label:before{position:absolute;top:0;left:0;width:10px;height:10px;background:#3bddca;content:""}.select .status{display:inline-block;width:210px;vertical-align:middle;padding-left:5px}.modal-reg .modal-body{width:1400px;height:750px;right:0;left:auto;margin-top:-375px;background:url(../images/modal_bg.png) right center no-repeat;border:0}.modal-reg .modal-body .container{float:left;width:1080px;position:relative;height:750px}.modal-reg .close{top:80px;right:-1px;display:block;width:61px;height:61px;background:url(../images/close.png) center center no-repeat}.modal-reg .reg-box{position:relative;float:left;width:360px;height:560px;margin-top:90px;border:1px solid #5b5d68;background:#1d1f27}.modal-reg .tit{margin:170px 0 30px 250px;height:62px}.modal-reg .gift{float:left;width:720px}.modal-reg .gift .send-list{width:862px;margin:20px 0 0 60px}.modal-reg .gift .send-list li{margin:0 5px}.modal-reg .gift .send-list li .btn{bottom:15px}.modal-reg .reg-tit{margin:30px 0 30px}.modal-reg .nav-list-01{margin:0 10px 20px;padding:0 20px;border-bottom:1px solid #22ddca;overflow:hidden}.modal-reg .nav-list-01 li{float:left;width:50%}.modal-reg .nav-list-01 li a{display:block;height:27px;line-height:27px;margin:0 2px;background:#a0a1a6;color:#fff;text-align:center}.modal-reg .nav-list-01 li a:hover{filter:brightness(1.1)}.modal-reg .nav-list-01 li.active a{background:#22ddca;color:#191b23}.modal-reg .tab-content{padding-bottom:10px;border-bottom:1px solid #30333a}.modal-reg .role{position:absolute;top:0;left:-405px;width:998px;height:750px;background:url(../images/modal_role.png) center center no-repeat;z-index:-1}.modal-reg .btn-down{position:absolute;top:420px;left:0;right:0;border-top:1px solid #2e3138}.no-border{border:0 !important}.iframe-01{width:307px;height:330px}.iframe-02{width:360px;height:410px}.cont-none{font-size:30px;text-align:center;color:#00d7bf;padding-top:120px;letter-spacing:2px}.Jump_Copyright_pc{padding:25px 0 0 310px;background:#000;font-size:14px;color:#666;text-align:center;line-height:40px}.Jump_Copyright_pc .Copyright_logo{line-height:55px}.Jump_Copyright_pc .Copyright_logo img{height:40px;margin-right:10px}.Jump_Copyright_pc .Copyright_con{border-top:1px solid #222;border-bottom:1px solid #222}.Jump_Copyright_pc .Copyright_common{padding-top:5px;color:#999}.Jump_Copyright_pc .Copyright_common span a{color:#999}.Jump_Copyright_pc .Copyright_common span a img{height:20px;vertical-align:middle}.Jump_Copyright_m{background:#0e0d0d;padding:40px 32px 40px;min-height:80px;text-align:center}.Jump_Copyright_m p{color:#fff}.Jump_Copyright_m p img{height:60px}.Jump_Copyright_m p a{color:#fff;text-decoration:underline}@media(max-width: 1500px){.Jump_Copyright_pc .Copyright_con{padding:0 180px;line-height:2}}@media(max-width: 1440px){.float-box .btn-down{height:70px}.float-box .ewm-list{margin-top:10px}.float-box .ewm-list li{width:114px}.float-box .ewm-list li p{display:none}.float-box .ewm-list li .ewm-img{margin:0 auto;padding-top:6px}.float-box .swiper-mini{width:80%}.modal-reg .modal-body{margin-left:-680px}.modal-reg .role{display:none}.swiper-world{margin-left:219px}.swiper-role .swiper-button-prev,.swiper-role .swiper-button-next{top:75%}.swiper-role .swiper-pagination{top:unset;bottom:350px}.swiper-role .info{top:unset !important;bottom:0 !important}}@media(max-width: 980px){.top-link{right:20px !important}.swiper-world{margin-left:307px}.foot{padding-left:307px}}