html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}button{outline:none;border:0;background:transparent;cursor:pointer}a{text-decoration:none}a:hover{text-decoration:none}.hide{display:none !important}.visible{display:block !important}.icons-sprite,.wrap .play,.zhiye .wrap .nav .nav1,.zhiye .wrap .nav .nav1:hover,.zhiye .wrap .nav .nav1.active,.zhiye .wrap .nav .nav2,.zhiye .wrap .nav .nav2:hover,.zhiye .wrap .nav .nav2.active,.zhiye .wrap .nav .nav3,.zhiye .wrap .nav .nav3:hover,.zhiye .wrap .nav .nav3.active,.zhiye .wrap .nav .nav4,.zhiye .wrap .nav .nav4:hover,.zhiye .wrap .nav .nav4.active,.imgbox-2_leftbtn,.imgbox-2_rightbtn,.newsbox__bottom_a,.newsbox__bottom_a:hover,.module__main_title_icon,.module__tw_box_title_icon,.rightbox__downloads_app,.rightbox__downloads_google,.rightbox__downloads_apk,.rightbox__btnbox,.open{background-image:url('../img/../img/index/icons-s6c89947cd5.png');background-repeat:no-repeat}body{position:relative;overflow-x:hidden;min-width:1200px;width:100%;height:5000px;background:url("//abres.octlib.com/site/dragon/pc/img/index/index.jpg") top center no-repeat}.iconss-sprite,.header li:nth-child(5),.header li:nth-child(6),.download-apple,.download-gp,.download-apk,.popup-cancle{background-image:url('../img/../img/common/iconss-sa5bb2a3ee5.png');background-repeat:no-repeat}.header{position:relative;width:1200px;height:92px;margin:0 auto;top:18px;left:50%;margin-left:-600px}.header li{float:left;width:170px;height:60px;text-indent:40px;cursor:pointer}.header li :hover{color:#fca135}.header li:nth-child(1){margin-left:140px}.header li:nth-child(3){margin-left:232px}.header li:nth-child(5){width:56px;height:56px;background-position:0 -693px}.header li:nth-child(5) a{display:block;width:100%;height:100%}.header li:nth-child(6){margin-left:16px;width:56px;height:56px;background-position:0 -119px}.header li:nth-child(6) a{display:block;width:100%;height:100%}.header li a{display:block;font-size:19px;font-weight:normal;font-stretch:normal;color:#fff;line-height:60px}.header li.active a{color:#fca135}.header li i{display:block;position:absolute;top:20px;width:27px;height:25px}.header li .header-icon5{position:relative;top:18px;right:-155px}.header .header-item5{width:27px}.header-wrap{position:relative;width:100%;height:60px}.download{width:394px;height:108px;position:relative;margin-left:606px}.download-item{position:absolute;cursor:pointer;display:block;width:132px;height:46px}.download-code{width:105px;height:105px}.download-code img{display:block;width:105px;height:105px}.download-apple{width:131px;height:45px;background-position:0 -30px;left:112px}.download-gp{width:132px;height:46px;background-position:0 -175px;left:112px;bottom:0}.download-apk{left:253px;width:106px;height:30px;background-position:0 0}.popups{text-align:center;width:635px;height:520px;background:url("//abres.octlib.com/site/dragon/pc/img//common/popup.jpg") top center no-repeat}.popups h2{margin-top:30px;font-size:40px}.popups p{margin-top:60px;text-align:left;padding:0 50px;font-size:1pc;line-height:2pc;height:360px;overflow-y:scroll}.popup{display:none;position:fixed;top:0px;bottom:0px;right:0px;left:0px;display:none;z-index:1001;margin:auto}.popup-cancle{width:53px;height:53px;position:absolute;top:0px;right:-60px;width:44px;height:44px;background-position:0 -75px}.mask{position:fixed;top:0px;bottom:0px;right:0px;left:0px;display:none;background-color:black;opacity:0.6;z-index:1000;display:none}.rule-popup,.rule2-popup{display:none}@-webkit-keyframes pulseSmall{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes pulseSmall{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}.play{opacity:1 !important;-webkit-animation:pulseSmall 2s ease-out infinite;animation:pulseSmall 2s ease-out infinite}.footer{width:100%;height:150px;position:absolute;bottom:60px;text-align:center}.footer .footer-link{color:#2aa3ff;font-size:18px;margin:auto 10px;vertical-align:middle;display:inline-block}.footer-twitter{width:180px;height:44px;top:142px;left:866px}.footer-logo{background:url("//abres.octlib.com/site/dragon/pc/img//common/37games.png") no-repeat top center;background-size:contain;width:240px;height:39px;display:block;margin:auto}.footer .c{font-size:18px;color:white;text-align:center;margin:30px auto 20px}#j_footer_common_wrapper_01{position:absolute;left:50%;margin-left:-605px;bottom:0}.alert-popup{width:50pc;height:600px;top:50%;left:50%;margin-left:-25pc;margin-top:-300px;z-index:1000}.alert-popup,.mask{position:fixed;display:none}.mask{width:100%;height:100%;top:0;left:0;background-color:#000;opacity:.7;z-index:999}.wrap{width:1200px;height:3772px;margin:0 auto;padding-top:1015px;position:relative}.wrap .play{position:absolute;left:526px;top:769px;width:161px;height:143px;background-position:0 -1046px;z-index:999}.zhiye{position:absolute;top:1374px;height:1005px;width:100%;min-width:1200px;z-index:999}.zhiye .zhiye-wrap{position:absolute;top:0;left:0;width:100%;height:1005px}.zhiye .zhiye1{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:url("//abres.octlib.com/site/dragon/pc/img/index/zhiye1.png") top center no-repeat}.zhiye .zhiye1{display:block}.zhiye .zhiye2{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:url("//abres.octlib.com/site/dragon/pc/img/index/zhiye2.png") top center no-repeat}.zhiye .zhiye1{display:block}.zhiye .zhiye3{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:url("//abres.octlib.com/site/dragon/pc/img/index/zhiye3.png") top center no-repeat}.zhiye .zhiye1{display:block}.zhiye .zhiye4{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:url("//abres.octlib.com/site/dragon/pc/img/index/zhiye4.png") top center no-repeat}.zhiye .zhiye1{display:block}.zhiye .wrap{position:absolute;top:260px;left:50%;margin-left:-545px;width:1200px;height:4px}.zhiye .wrap .nav{position:absolute;top:0;left:0;width:588px;height:691px;background:url("//abres.octlib.com/site/dragon/pc/img/index/zhiye-line.png") top center no-repeat}.zhiye .wrap .nav .nav1{width:44px;height:44px;background-position:0 -363px;cursor:pointer;position:absolute}.zhiye .wrap .nav .nav1:hover,.zhiye .wrap .nav .nav1.active{width:98px;height:98px;background-position:0 -407px}.zhiye .wrap .nav .nav1{top:368px;left:10px}.zhiye .wrap .nav .nav1:hover,.zhiye .wrap .nav .nav1.active{top:334px;left:-17px}.zhiye .wrap .nav .nav2{top:486px;left:61px}.zhiye .wrap .nav .nav2:hover,.zhiye .wrap .nav .nav2.active{top:452px;left:34px}.zhiye .wrap .nav .nav3{left:138px;top:579px}.zhiye .wrap .nav .nav3:hover,.zhiye .wrap .nav .nav3.active{top:545px;left:111px}.zhiye .wrap .nav .nav4{left:241px;top:640px}.zhiye .wrap .nav .nav4:hover,.zhiye .wrap .nav .nav4.active{top:604px;left:214px}.zhiye .wrap .nav .nav2{width:44px;height:44px;background-position:0 -505px;cursor:pointer;position:absolute}.zhiye .wrap .nav .nav2:hover,.zhiye .wrap .nav .nav2.active{width:98px;height:98px;background-position:0 -549px}.zhiye .wrap .nav .nav1{top:368px;left:10px}.zhiye .wrap .nav .nav1:hover,.zhiye .wrap .nav .nav1.active{top:334px;left:-17px}.zhiye .wrap .nav .nav2{top:486px;left:61px}.zhiye .wrap .nav .nav2:hover,.zhiye .wrap .nav .nav2.active{top:452px;left:34px}.zhiye .wrap .nav .nav3{left:138px;top:579px}.zhiye .wrap .nav .nav3:hover,.zhiye .wrap .nav .nav3.active{top:545px;left:111px}.zhiye .wrap .nav .nav4{left:241px;top:640px}.zhiye .wrap .nav .nav4:hover,.zhiye .wrap .nav .nav4.active{top:604px;left:214px}.zhiye .wrap .nav .nav3{width:44px;height:44px;background-position:0 -647px;cursor:pointer;position:absolute}.zhiye .wrap .nav .nav3:hover,.zhiye .wrap .nav .nav3.active{width:98px;height:98px;background-position:0 -691px}.zhiye .wrap .nav .nav1{top:368px;left:10px}.zhiye .wrap .nav .nav1:hover,.zhiye .wrap .nav .nav1.active{top:334px;left:-17px}.zhiye .wrap .nav .nav2{top:486px;left:61px}.zhiye .wrap .nav .nav2:hover,.zhiye .wrap .nav .nav2.active{top:452px;left:34px}.zhiye .wrap .nav .nav3{left:138px;top:579px}.zhiye .wrap .nav .nav3:hover,.zhiye .wrap .nav .nav3.active{top:545px;left:111px}.zhiye .wrap .nav .nav4{left:241px;top:640px}.zhiye .wrap .nav .nav4:hover,.zhiye .wrap .nav .nav4.active{top:604px;left:214px}.zhiye .wrap .nav .nav4{width:44px;height:44px;background-position:0 -789px;cursor:pointer;position:absolute}.zhiye .wrap .nav .nav4:hover,.zhiye .wrap .nav .nav4.active{width:98px;height:98px;background-position:0 -833px}.zhiye .wrap .nav .nav1{top:368px;left:10px}.zhiye .wrap .nav .nav1:hover,.zhiye .wrap .nav .nav1.active{top:334px;left:-17px}.zhiye .wrap .nav .nav2{top:486px;left:61px}.zhiye .wrap .nav .nav2:hover,.zhiye .wrap .nav .nav2.active{top:452px;left:34px}.zhiye .wrap .nav .nav3{left:138px;top:579px}.zhiye .wrap .nav .nav3:hover,.zhiye .wrap .nav .nav3.active{top:545px;left:111px}.zhiye .wrap .nav .nav4{left:241px;top:640px}.zhiye .wrap .nav .nav4:hover,.zhiye .wrap .nav .nav4.active{top:604px;left:214px}.imgbox__imgbox{position:relative;width:480px;height:248px}.imgbox__slidebox{position:relative;width:763px;height:428px;overflow:hidden;top:100px;border:solid 6px #7e5e2a;margin:0 auto}.imgbox__slide{position:absolute;left:0;top:0;width:100%;height:100%;display:block}.imgbox_item{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.imgbox_item:nth-child(1){display:block}.imgbox_item img{margin:auto;width:100%;height:auto;display:block}.imgbox_item_a{width:100%;height:100%;display:block}.imgbox-2{position:relative;margin:0 auto 0;padding:9px;width:100%;height:469px;background:none}.imgbox-2__bg{position:absolute;left:0;top:0;width:956px;height:552px}.imgbox-2_pagination{width:100%;height:22px;position:absolute;bottom:-100px;text-align:center}.imgbox-2_pagination>a{width:22px;height:22px;display:inline-block;background-color:#ffffff;border-radius:50%}.imgbox-2_pagination .active{background-color:#7e5e2a}.imgbox-2_leftbtn{display:block;cursor:pointer;position:absolute;left:134px;top:285px;z-index:9;width:83px;height:83px;background-position:0 -931px}.imgbox-2_rightbtn{width:87px;height:100px;display:block;cursor:pointer;position:absolute;right:134px;top:285px;z-index:9;width:83px;height:83px;background-position:0 -1189px}.imgbox__controls{position:absolute;left:17px;top:200px;height:22px;line-height:22px;text-align:right}.imgbox__controls_item{margin:0 3px;width:24px;height:24px;display:inline-block;vertical-align:middle;border-radius:50%;background-color:#fff;cursor:pointer}.imgbox__controls .cur{background-color:#d92b0e}.module__right{width:1025px;margin:0 auto}.module__contents{display:inline-block;height:248px}.module__contents .imgbox__slidebox{box-sizing:border-box;position:absolute;width:480px;height:248px;top:0px;left:0px;overflow:hidden}.module__contents .imgbox__slidebox .swipe-wrap{position:relative}.module__contents .imgbox__slidebox .carousel-main-item{position:absolute;top:0;left:0}.module__contents .imgbox__slidebox img{width:100%;height:100%}.newsbox{display:inline-block;width:500px;margin-left:38px;margin-top:40px;overflow:hidden;background:url("//abres.octlib.com/site/dragon/pc/img//index/newsbg.png") top center no-repeat}.newsbox__title{margin:0 auto 0}.newsbox__title-1{margin-top:50px;display:inline-block}.newsbox__title-2{margin-top:16px;display:inline-block}.newsbox_header{margin:auto;width:500px;height:30px;line-height:30px;display:block}.newsbox .mr{margin-right:8px}.newsbox .mr2{margin-right:8px}.newsbox_item{position:relative;float:left;width:99px;text-align:center;height:100%;font-size:16px;color:#f1f0f0;cursor:pointer}.newsbox_item a{color:#f1f0f0}.newsbox_item span{position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#fca135;display:none}.newsbox_item span:after{content:'';position:absolute;left:50%;bottom:1px;border:4px solid transparent}.newsbox .cur,.newsbox .newsbox_item:hover{color:#fca135}.newsbox .cur span,.newsbox .newsbox_item:hover span{display:block}.newsbox__list{position:relative;margin:0 auto;width:500px;height:220px;overflow:hidden}.newsbox__list__box{margin:auto;width:1000%;height:100%}.newsbox__box{position:relative;float:left;width:10%;height:100%;list-style-type:none;box-sizing:border-box;padding-top:14px}.newsbox__box_block{position:relative;top:-2px;display:inline-block;width:6px;height:6px;background-color:#7d7c7c}.newsbox__box_item{position:relative;margin:auto;width:100%;height:37px;line-height:37px;font-size:16px;color:#f1f0f0;display:block}.newsbox__box_item:hover .newsbox__box_text,.newsbox__box_item:hover .newsbox__box_time{color:#fca135}.newsbox__box_item a{color:#f1f0f0}.newsbox__box_text{width:450px;height:100%;color:#d2a831;display:inline-block;overflow:hidden}.newsbox__box_time{position:absolute;right:13px;top:0;height:100%}.newsbox__bottom{margin:auto;width:520px;height:48px;line-height:48px;text-align:right}.newsbox__bottom_a{display:inline-block;width:16px;height:16px;background-position:0 -1030px;margin:7px 0 0 50px}.newsbox__bottom_a:hover,.newsbox__bottom_a.more-hover{background-position:0 -1014px}.newsbox__bottom_a:hover{width:16px;height:16px;background-position:0 -1014px}.newsbox-2{margin-top:0;height:440px}.newsbox-2__list{margin-top:6px;height:320px}.newsbox-3{margin-top:0;height:440px}.newsbox-3__list{margin-top:6px;height:390px}.newsbox-3__box{width:100%}.module{position:relative;margin:auto;min-width:1200px;height:1080px;z-index:2}.module-1{overflow:hidden}.module-2__main{position:relative}.module__linet{position:absolute;left:50%;top:-14px;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);width:94%;height:40px;overflow:hidden}.module__linet span{position:absolute;left:50%;top:0;margin-left:-899px;width:1798px;height:40px}.module__linel{position:absolute;left:16px;top:58px;width:7px;height:960px;border-left:1px solid #f4ca97}.module__linel span{position:absolute;right:0;top:16px;border-right:1px solid #f4ca97;height:928px}.module__liner{position:absolute;right:16px;top:58px;width:7px;height:960px;border-right:1px solid #f4ca97}.module__liner span{position:absolute;left:0;top:16px;border-left:1px solid #f4ca97;height:928px}.module__bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:.7}.module__box{position:relative;margin:auto;width:100%;height:100%}.module__main{position:absolute;width:100%;height:469px;bottom:700px;transform:scale(0.8)}.module__main_title{width:100%;text-align:center;position:absolute;top:40px}.module__main_title_icon{display:inline-block;width:264px;height:47px;background-position:0 -144px}.module__contents{display:inline-block;margin-top:40px;width:480px;height:248px;overflow:hidden;z-index:1;vertical-align:top}.module__btnbox{position:absolute;left:46px;top:0;width:226px;height:1080px}.module__btnbox_btn span{position:absolute;left:50%;top:50%;margin-left:-78.5px;margin-top:-82px;display:none}.module__btnbox_posi1{position:absolute;left:-15px;top:264px}.module__btnbox_posi2{position:absolute;left:-50px;top:486px}.module__btnbox_posi3{position:absolute;left:-6px;top:715px}.module__btnbox .cur span,.module__btnbox .module__btnbox_btn1:hover span{display:block}.module__btnbox .cur span,.module__btnbox .module__btnbox_btn2:hover span{display:block}.module__btnbox .cur span,.module__btnbox .module__btnbox_btn3:hover span{display:block}.module__tw_box{position:relative;padding:8px;width:501px;height:461px;margin:1169px 0 0 99px}.module__tw_box_main{width:446px;height:433px;position:absolute;background:#fff;top:23px;left:36px;overflow:hidden;z-index:1}.module__tw_box_title{width:100%;text-align:center;position:absolute;top:-63px}.module__tw_box_title_icon{display:inline-block;width:147px;height:59px;background-position:0 -1272px}.module__tw-fb{position:absolute;right:0;top:0}.module__fblike{position:relative;background-color:#000000;z-index:1}.module__fblike .fbpage-main-inner{margin:auto;width:500px;height:206px}.rightbox{position:fixed;right:0px;top:216px;width:138px;height:232px;background:url("//abres.octlib.com/site/dragon/pc/img//index/silder-bg.jpg") top center no-repeat;background-size:cover;z-index:10;-webkit-transition:all .35s;transition:all .35s;z-index:9999}.rightbox__main{width:100%}.rightbox__main .open i{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rightbox__downloads{margin:20px auto 0;width:100%}.rightbox__downloads_app{width:106px;height:30px;margin:auto;display:block;width:106px;height:39px;background-position:0 -39px}.rightbox__downloads_google{width:106px;height:30px;margin:11px auto 0;display:block;width:106px;height:39px;background-position:0 -191px}.rightbox__downloads_apk{width:106px;height:30px;margin:11px auto 0;display:block;width:106px;height:39px;background-position:0 0}.rightbox__codes{position:relative;margin:12px auto 0;width:85px;overflow:hidden;border:3px solid #fff}.rightbox__codes img{margin:auto;width:100%;height:auto;display:block}.rightbox__codes_mask{position:absolute;left:0;top:0;width:100%;height:100%}.rightbox__codes_mask span{margin:auto;width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:.8;background-color:#000000;display:block}.rightbox__codes_mask i{position:absolute;left:0;top:0;width:100%;height:100%;line-height:172px;text-align:center;font-size:30px;color:#ffffff}.rightbox__btnbox{position:absolute;right:14px;top:-31px;width:33px;height:33px;width:33px;height:33px;background-position:0 -78px}.rightbox__btnbox_bg{position:relative;margin:20px auto 0;width:20px;height:40px;display:block;background-color:#ae8d55}.rightbox__btnbox_top{position:absolute;right:0;top:0;border:10px solid transparent;border-right:10px solid #ae8d55;border-bottom:10px solid #ae8d55}.rightbox__btnbox_bottom{position:absolute;right:0;bottom:0;border:10px solid transparent;border-right:10px solid #ae8d55;border-top:10px solid #ae8d55}.hideMoveL{-webkit-transform:translate(0px, 0);-ms-transform:translate(0px, 0);transform:translate(0px, 0)}.hideMoveR{-webkit-transform:translate(205px, 0);-ms-transform:translate(205px, 0);transform:translate(205px, 0)}.open{left:-24px;top:0px;width:33px;height:33px;background-position:0 -111px}.footer-item{top:292px;left:388px}.footer-rule{top:290px;left:479px;width:170px}