@charset "utf-8"; /* ***************************************************首页*********************************************************************** */ h3{height:34px;font-size: 32px;margin-bottom: 30px;color: #2B416C; font-weight: bold;background:url(../images/index/line2.png) 0 2px no-repeat;padding-left: 20px;line-height: 34px;} h2{font-size:30px;color: #fff;border-bottom:5px solid #64b305; padding-bottom: 16px;margin-bottom: 10px;display: inline-block;letter-spacing: 1px;} h4{font-size: 16px; color: #566889;line-height: 30px;margin-bottom: 12px;height: 60px;font-weight: normal;} h5{ font-size: 14px; color: #9CA3B7;font-weight: normal;} h6{font-size: 20px;color: #DCDDE1;font-weight: bold;margin-bottom: 20px;letter-spacing: 1px;} h1{font-weight: normal;} .font_16{font-size: 16px !important;width: auto !important; line-height: 22px !important;} .mr_24{margin-bottom: 24px;} .index_wrapper{ width: 100%; position: relative;} .header{width: 100%;position: fixed;top:0;left:0;z-index: 300;height: 125px;} .index_top_crumb{ width: 100%; height: 40px;background: #181D2C;} .index_top_crumb .index_top_crumb_renmen{color: #a9a9b3;width:1200px ; margin: 0 auto;line-height: 40px;font-size: 14px;position: relative;} .index_top_crumb .index_top_crumb_renmen a{color: #a9a9b3;font-size: 14px;line-height: 16px;} .index_top_crumb .index_top_crumb_renmen a:hover{border-bottom: 1px solid #DCDDE1;color: #DCDDE1;} .index_top_scroll{ display: inline-block;} .index_top_scroll span{ display: block;white-space:nowrap} .index_top_scroll span a{display: inline-block;margin-right: 10px;line-height: 18px;} .index_map_box{position: absolute;height: 0; right: 0;top:40px;z-index: 400; overflow: hidden; width: 660px; background: rgba(0,0,0,0.92);box-shadow: 0 4px 10px 0 rgba(0,0,0,0.30);border-radius: 0 0 4px 4px;} .index_map{ cursor: pointer;} .index_map_sec1{ border-bottom: 1px solid #222;text-align: center;padding-bottom: 20px;padding: 24px 24px 18px;} .index_map_sec1 p{display: inline-block;margin-right: 20px;} .index_map_sec1 a{color: #B2B4BD;font-size: 16px !important;} .index_map_sec2 li{width: 50%;word-break:break-all;overflow: hidden;line-height: 14px;float: left;margin:10px 0} .index_map_remen,.index_map_new{ width:50%;} .index_map_remen p,.index_map_new p{ cursor: default;} .index_map_sec2{ padding: 18px 0 24px 37px;overflow: hidden;} .index_map_sec2 a {margin-left: 0 !important; width: 85%;display: inline-block;border-bottom: 1px solid #090807;} .index_map_sec2 ul a,.index_map_sec2 ul a:hover{border-bottom: none !important;} .index_map .index_map_tit{line-height: 38px; font-size: 14px; float: right;} .index_map_remen{float: left;} .index_map .index_map_tit .nav_arrow{background:url(../images/map.png) 0 0 no-repeat;display: inline-block;width: 14px;height: 8px;transition:all 0.5s;} .index_top_crumb_con,.index_top_crumb_con span{font-size: 14px !important;} .index_mid_nav_icon{display: none;} .index_nav_con{float: right;} .index_nav_box{width: 100%; background: #1F2640;box-shadow: 0 2px 0 0 rgba(24,31,44,0.9);height: 80px; } .index_nav {width:1200px ;line-height: 80px;margin: 0 auto;position: relative;border:1px solid #1F2640 } .index_nav .logo{position: absolute;left: 0; background:url(../images/logo.png) left center no-repeat;width: 132px;height: 80px;display: block;} .index_map_new{float: right;overflow: hidden;} .index_nav ul li{ float: left;color: #D2D4D8;margin-left: 32px;position: relative;} .index_nav ul li a{color: #D2D4D8;} .index_nav ul li p a{height: 78px;display: inline-block;} .index_nav ul li:hover p a,.index_nav ul li p a.on{color: #fff;border-bottom: 3px solid #0091FF;} .index_rydnb{height: 0; overflow: hidden; background: rgba(0,0,0,0.92);box-shadow: 0 4px 10px 0 rgba(0,0,0,0.30);border-radius: 0 0 4px 4px;width: 160px;position: absolute;top:80px;left: 0;z-index: 99;} .index_rydnb a{display: block;line-height: 20px;padding:10px 20px } .index_rydnb a:hover,.index_rydnb a.on{ border: none !important;padding: 10px 20px !important;background: #222;color: #fff;} .index_rydnb a:nth-child(1){ margin-top: 20px;} .index_rydnb a:last-child{ margin-bottom: 20px;} .goto_top{cursor: pointer; background:#37A8FF url(../images/goto_top.png) center center no-repeat;display: none; width:40px;height:40px;border-radius: 50%;z-index: 99; box-shadow: 0 4px 6px 0 rgba(0,145,255,0.40);position: fixed;bottom:30px;right: 20px;} .goto_top:hover{background: #5AB7FF url(../images/goto_top.png) center center no-repeat;box-shadow: 0 4px 6px 0 rgba(0,145,255,0.40);} /*.index_float{transition: all 0.3s linear; width: 137px;height: 177px;position: fixed;right:-150px;top:50%;margin-top:-81px;z-index: 90;cursor: pointer;}*/ /*.index_float_con{background:url(../images/bs5.png?v=1) 0 0 no-repeat;display: block;width: 100%;height: 100%;background-size:95.7% auto;}*/ /*.index_float_con:hover{background: url("../images/bs5_hover.png?v=1") 0 0 no-repeat;width: 137px;height: 177px;background-size:95.7% auto;}*/ .index_float11{transition: all 0.3s linear; width: 137px;height: 137px;position: fixed;right:10px;top:50%;margin-top:-81px;z-index: 90;cursor: pointer;} .index_float_con{background:url(../images/bs5k.gif) 0 0 no-repeat;display: block;width: 100%;height: 100%;background-size:100% auto; color: white; } .index_float_con1{background:url(../images/bs5k.gif) 0 0 no-repeat;display: block;width: 100%;height: 100%;background-size:100% auto; color: white; } /*.index_float_con{background:url(../images/bs5.png?v=2) 0 0 no-repeat;display: block;width: 100%;height: 100%;background-size:200% auto; }*/ /*.index_float_con:hover{background: url("../images/bs5.png?v=2") -137px 0 no-repeat;width: 137px;height: 206px;background-size:200% auto; }*/ .footer_sec{ padding: 40px 0 0;color: #B2B4BD;font-size: 14px;overflow: hidden;} .index_footer_guanfang ul{ overflow: hidden;} .index_share_hint{display: none;margin-top: 5px; background: rgba(0,0,0,0.80);color: #dcdde1;line-height: 20px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);font-size: 12px;} .index_footer_guanfang ul li{height: 180px; float: left;text-align: center;line-height: 24px;cursor: pointer;width: 120px;margin-right: 32px;} .index_footer_guanfang ul li:hover .index_share_hint{display: block;} .index_footer_guanfang ul li:hover p{color: #dcdde1;} .index_footer_guanfang ul li p span{font-size: 14px;} .index_footer_guanfang{ width: 55%;float: left;} .tit_weibo img,.tit_weixin img,.tit_qq img{vertical-align: middle;} .index_footer_lianjie{ width: 45%; float: right;} .index_footer_lianjie h6{ margin-bottom: 10px;} .index_footer_lianjie a{ margin-right: 24px;line-height: 32px;display: inline-block;} .index_footer_sec2{ padding-bottom: 16px;} .index_footer_sec2 a{display: block;text-align: center;width: 50px !important;float: left;padding-top: 45px;height: 30px;} .share_weixin{background:url(../images/weixin3.png) center top no-repeat !important;} .share_weibo{background:url(../images/weibo3.png) center top no-repeat !important;} .share_qq{background:url(../images/qq3.png) center top no-repeat !important;} .index_footer_sec3{ padding-bottom: 50px; line-height: 24px;border-top: 2px solid #2e3756;font-size: 14px; } .footer_sec a{color: #B2B4BD;font-size: 14px;} .footer_sec a:hover{color: #DCDDE1;} .goto_aboutus{ display:inline-block; font-size: 32px; color: #fff;text-align: center;font-weight: bold;margin:0 auto 40px;padding-bottom:5px;} .goto_aboutus:hover{border-bottom: 2px solid #fff; color: #fff;} .weixin_pop{display: none; width: 280px;height: 280px;background:#fff url(../images/qr_weixin.jpg) 35px 35px no-repeat;position: absolute;left:15px; top:50px; color: #5b6b8c;text-align: center;line-height: 50px;} .weixin_pop_close{ position: absolute;right:16px;top:16px;background: url(../images/close1.png) 0 0 no-repeat;display: block;width: 14px;height: 14px;} .index_bluestacks_box p{ height: 50px;padding-top: 5px;} .index_bluestacks_box div{ text-align: center;} .bd_weixin_popup .bd_weixin_popup_head{text-align: center !important;padding: 20px 0 10px 0;} .bd_weixin_popup .bd_weixin_popup_foot{text-align: center !important;} .bdsharebuttonbox a span{ font-size: 14px;background: #000;color: #9c9fa8;padding: 2px 5px;display: none;text-indent: inherit;} .bdsharebuttonbox a:hover span{display: block;} .index_sec1_gameicon{position: absolute;right: 48px;bottom:60px ;} /*.index_sec3_gameicon{position: absolute;right: 60px;top:200px ;width:215px;height:279px;background: url("../images/bs5.png?v=4") 0 0 no-repeat;}*/ /*.index_sec3_gameicon:hover{background: url("../images/bs5_hover.png?v=4") 0 0 no-repeat}*/ .index_sec3_gameicon{position: absolute;right: 60px;top:200px ;width:157px;height:237px;background: url("../images/bs5.png?v=5") 0 0 no-repeat;} .index_sec3_gameicon:hover{background: url("../images/bs5.png?v=5") -157px 0 no-repeat} .index_sec2_gameicon{position: absolute;right: 40px;top:192px ;width:260px;height:228px;background: url("../images/gw_yxlm.png") 0 0 no-repeat;} .index_sec2_gameicon:hover{background: url("../images/gw_yxlm.png") -260px 0 no-repeat} .index_main{margin: 0 auto;} .index_tit{width: 545px;height: 150px;margin: 0 auto 40px; } .index_download_box{position: relative;margin: 0 auto 34px;height: 68px;width: 400px;} .index_download_box svg{margin-top: 3px;} .index_download_btn{position: absolute; top:2px;left: 50%;margin-left: -200px; display: block; box-shadow: 0 4px 10px 0 rgba(0,0,0,0.30);border-radius: 40px;width:400px;height:68px; color: #fff;background:#64B404;text-align: center;} .index_download_btn i{ font-style: normal;font-size:12px ;text-align: center; display: block; color: #DFEFCB;} .index_download_btn p{padding-bottom: 5px;padding-top: 10px;font-size: 24px;} .index_download_btn:hover{top:0; background: #76D009 ;color: #fff;} .index_download_btn:hover i{color: #F0FFDE;} .index_download_package{width: 740px;height: 16px; margin: 0 auto 66px;text-align: center;padding-left: 20px;} .index_download_package a{color: #D2D4D8;font-size: 16px;margin-right:20px;} .index_download_package a img{opacity: 0.7;filter:alpha(opacity=70); } .index_download_package a:hover{color: #fff;border-bottom: 1px solid #fff;} .index_download_package a:hover img{opacity: 1;filter:alpha(opacity=100); } .index_download_package p{display: inline-block;} .index_download_package a.sp1{position: absolute;bottom: 0;left:10px;background:url(../images/index/package_download.png) 117px 4px no-repeat;padding-right:20px ;} .index_download_package a.sp2{color: #D2D4D8;position: absolute;bottom: 0;right:15px;font-size: 16px;background:url(../images/index/package_download.png) right 4px no-repeat;padding-right:20px ;} .index_download_package a.sp1:hover{color: #fff;border-bottom: 1px solid #fff; font-weight: bold;background:url(../images/index/package_download2.png) 117px 4px no-repeat;} .index_download_package a.sp2:hover{color: #fff;border-bottom: 1px solid #fff; font-weight: bold;background:url(../images/index/package_download2.png) right 4px no-repeat;} .index_animate .swiper-slide{ width: 420px; } .index_animate{width: 420px; height: 135px; margin: 0 auto 0; overflow: hidden;text-align: center;} .index_sec_main{width:1200px ; margin: 0 auto;line-height:30px ;overflow: hidden;position: relative;} .index_sec{width: 100%; padding: 72px 0;} .index_sec2{letter-spacing: 1px;padding-bottom: 0;} .index_sec1{background-color: #08012C;position: relative; height:570px;padding-top: 170px; background-image:url(../images/index/bg.jpg?v=4) ;background-attachment: fixed;background-position: center 0px;background-repeat: no-repeat;} .index_sec4{background: #e4eff5;letter-spacing: 1px;padding:72px 0 48px;} .index_sec3{padding: 48px 0 48px;letter-spacing: 1px;} .index_sec4_main li:nth-child(4n){margin-right: 0} .index_sec3_main li:nth-child(8n){margin-right: 0} .index_sec5 .index_bluestacks_box {width: 950px;} .index_sec5{letter-spacing: 1px;background:url(../images/index/footer.jpg?v=3) center top no-repeat; color: #D2D4D8;padding: 60px 0 ;} .index_sec6{background: #1f2640;} .index_more{ color: #9CA3B7;display: inline-block;cursor: pointer;margin-top: 10px;} .index_more span{width: 8px;height: 8px;background: #9CA3B7;margin-left: 4px;display: inline-block;border-radius: 50%;} .index_more:hover{ color: #0091FF;} .index_more:hover span{background: #0091FF;} .index_game_hot{ float: left;width: 880px;} .index_game_list{ float: right;} .index_game_hot_list{overflow: hidden;width: 880px;} .index_game_hot_list li{ overflow: hidden;background: #f6f6f6 url(../images/default.png) center center no-repeat; width: 204px;height: 272px;margin-right: 16px;float: left;margin-bottom: 24px; position: relative;cursor: pointer; -webkit-transition:.6s; -webkit-transform-style:preserve-3d; -ms-transition:.6s; -moz-transition:.6s; -moz-transform:perspective(1000px); -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transition:.6s; transform-style:preserve-3d; position:relative; opacity:0; opacity: 1\0; } .fade-in { opacity:0; -webkit-transition:opacity .7s ease-in; transition:opacity .7s ease-in } .bg_white{ background:#fff !important} .bg_blue{ background:#E4EEF5 !important} .zoom-in-app,.zoom-in-app3,.video_list_li { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:zoomIn; animation-name:zoomIn; } .zoom-in-app2 { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:zoomIn; animation-name:zoomIn; } .zoom-in-app:nth-child(2),.zoom-in-app3:nth-child(2),.video_list_li:nth-child(2) { -webkit-animation-delay:.2s; animation-delay:.2s } .zoom-in-app:nth-child(3),.zoom-in-app3:nth-child(3),.video_list_li:nth-child(3) { -webkit-animation-delay:.3s; animation-delay:.3s } .zoom-in-app:nth-child(4),.zoom-in-app3:nth-child(4),.video_list_li:nth-child(4) { -webkit-animation-delay:.4s; animation-delay:.4s } .zoom-in-app:nth-child(5),.zoom-in-app3:nth-child(5),.video_list_li:nth-child(5) { -webkit-animation-delay:.5s; animation-delay:.5s } .zoom-in-app:nth-child(6),.zoom-in-app3:nth-child(6),.video_list_li:nth-child(6) { -webkit-animation-delay:.6s; animation-delay:.6s } .zoom-in-app:nth-child(7),.zoom-in-app3:nth-child(7),.video_list_li:nth-child(7) { -webkit-animation-delay:.7s; animation-delay:.7s } .zoom-in-app:nth-child(8),.zoom-in-app3:nth-child(8),.video_list_li:nth-child(8) { -webkit-animation-delay:.8s; animation-delay:.8s } .zoom-in-app:nth-child(9),.zoom-in-app3:nth-child(9),.video_list_li:nth-child(9) { -webkit-animation-delay:.9s; animation-delay:.9s } .zoom-in-app:nth-child(10),.zoom-in-app3:nth-child(10),.video_list_li:nth-child(10) { -webkit-animation-delay:.1s; animation-delay:1s } .zoom-in-app:nth-child(11),.zoom-in-app3:nth-child(11),.video_list_li:nth-child(11) { -webkit-animation-delay:1.1s; animation-delay:1.1s } .zoom-in-app:nth-child(12),.zoom-in-app3:nth-child(12),.video_list_li:nth-child(12) { -webkit-animation-delay:1.2s; animation-delay:1.2s } .zoom-in-app:nth-child(13),.video_list_li:nth-child(13) { -webkit-animation-delay:1.3s; animation-delay:1.3s } .zoom-in-app:nth-child(14),.video_list_li:nth-child(14) { -webkit-animation-delay:1.4s; animation-delay:1.4s } .zoom-in-app:nth-child(15),.video_list_li:nth-child(15) { -webkit-animation-delay:1.5s; animation-delay:1.5s } .zoom-in-app:nth-child(16),.video_list_li:nth-child(16) { -webkit-animation-delay:1.6s; animation-delay:1.6s } .zoom-in-app:nth-child(17),.video_list_li:nth-child(17) { -webkit-animation-delay:1.7s; animation-delay:1.7s } .zoom-in-app:nth-child(18),.video_list_li:nth-child(18) { -webkit-animation-delay:1.8s; animation-delay:1.8s } .zoom-in-app:nth-child(19),.video_list_li:nth-child(19) { -webkit-animation-delay:1.9s; animation-delay:1.9s } .zoom-in-app:nth-child(20),.video_list_li:nth-child(20) { -webkit-animation-delay:2s; animation-delay:2s } .video_list_li:nth-child(21) { -webkit-animation-delay:2.1s; animation-delay:2.1s } .video_list_li:nth-child(22) { -webkit-animation-delay:2.2s; animation-delay:2.2s } .video_list_li:nth-child(23) { -webkit-animation-delay:2.3s; animation-delay:2.3s } .video_list_li:nth-child(24) { -webkit-animation-delay:2.4s; animation-delay:2.4s } .video_list_li:nth-child(25) { -webkit-animation-delay:2.5s; animation-delay:2.5s } .video_list_li:nth-child(26) { -webkit-animation-delay:2.6s; animation-delay:2.6s } .video_list_li:nth-child(27) { -webkit-animation-delay:2.7s; animation-delay:2.7s } .video_list_li:nth-child(28) { -webkit-animation-delay:2.8s; animation-delay:2.8s } .video_list_li:nth-child(29) { -webkit-animation-delay:2.9s; animation-delay:2.9s } .video_list_li:nth-child(30) { -webkit-animation-delay:3s; animation-delay:3s } .animate-section { opacity:1 } @-webkit-keyframes zoomIn { 0% { opacity:0; -webkit-transform:scale3d(1.3,1.3,1.3); transform:scale3d(1.3,1.3,1.3) } 50% { opacity:1 } 100% { opacity:1 } } @keyframes zoomIn { 0% { opacity:0; -webkit-transform:scale3d(1.3,1.3,1.3); transform:scale3d(1.3,1.3,1.3) } 50% { opacity:1 } 100% { opacity:1 } } .animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both } .index_sec3_main,.index_sec4_main{ width:1200px ;padding:0 16px;} .index_footer_guanfang img{vertical-align: middle !important;} .m_r{margin-right: 20px;} .gamehot_hover{ width: 204px;height: 272px; position: absolute;top:272px;left: 0;z-index: 5;overflow: hidden;text-align: center;background: #000;} .index_gamehot_tit{ width: 164px;color: #fff;margin-bottom: 30px;font-size: 16px;} .gamehot_hover .index_gamehot_download{display: block;margin: 0 auto; background: #0091fe;color: #fff; text-align: center;width: 156px;height: 36px;line-height: 36px;font-size:14px; border-radius: 18px;} .gamehot_hover .index_gamehot_download:hover{background: #3DABFF;} .index_game_hot_list li .blur{ filter: url(blur.svg#blur);/* IE10, IE11 */ -webkit-filter: blur(10px) brightness(50%); -moz-filter: blur(10px) brightness(50%); -ms-filter: blur(10px) brightness(50%); -o-filter: blur(10px) brightness(50%); filter: blur(10px) brightness(50%); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');/* IE6~IE9 */ width: 250px;height: 300px;margin-top: -20px;margin-left: -15px;} .ieblur{display: none; height: 300px;width: 100%; filter: brightness(50%);} .iedarkbg{background:url(../images/index/bg2.png) center top no-repeat;position: absolute;top:0;left:0;width: 204px;height:272px;z-index: 3;opacity: 0.6;filter:alpha(opacity=60);display: none;} .gamehot_main{position: absolute;z-index: 4;left: 20px;top: 27px;} .index_game_list_con{background: #f6f6f6 url(../images/default.png) center center no-repeat;height: 850px; padding-bottom: 15px;} .index_game_list ul{margin: 0 auto;padding:0 24px 0;background: #e4eff5;padding-bottom: 1px;} .index_game_list ul li{ padding: 15px 0;border-bottom: 1px #d6e0e9 dashed;overflow: hidden;} .index_game_list ul li:last-child{margin-bottom: 16px;} .index_game_list ul li i{margin-right: 5px; background:url(../images/index/list1.png) 0 10px no-repeat;color: #fff;padding-left:7px;line-height: 44px; font-style: normal; display: inline-block;width: 27px;height: 48px; } .index_game_list ul li .list_download{cursor: pointer;background:url(../images/index/list_arrow1.png) center top no-repeat;margin-top: 18px;display: inline-block;width: 15px;height: 14px; } .index_game_list ul li:hover .list_download{background:url(../images/index/list_arrow2.png) center top no-repeat;} .index_game_list ul li img{margin-right: 10px;width: 48px;height: 48px;border-radius: 12px;overflow: hidden;cursor: pointer;} .index_game_list ul li .list_tit{display: inline-block;color: #566889; cursor: pointer;width: 150px;padding-top: 10px;} .index_game_list ul li:hover {border-bottom: 1px #0091FF solid;} .index_game_list ul li:hover a{background:url(../images/index/list_arrow2.png) center top no-repeat;} .index_game_list_more{background: none !important;margin-top: 0;margin-bottom: 3px;} .game_list_morebox,.game_list_morebox:hover{border: none !important;} .index_info_box ul li,.article_box ul li{position: relative; float: left;width: 288px;height: 308px;background: #fff;cursor: pointer;margin-right: 16px;margin-bottom: 24px;} .index_info_box ul li .headimg{width: 288px;height: 180px; } .article_box li .headimg{width: 100%;height: 180px; } .index_info_box ul li:hover,.article_box ul li:hover{box-shadow: 0 2px 16px 0 rgba(43,65,108,0.10);} .index_info_box ul li:hover h4,.article_box ul li:hover h4{ color: #0091FF; overflow: hidden;} .index_info_tit{padding: 2px 24px;} .index_info_tag{position: absolute;left:0;top:0;z-index: 2;width: 48px;height: 48px;} .index_newgame_box ul li{position: relative;background: #f6f6f6 url(../images/default.png) center center no-repeat; float: left;margin-bottom: 24px; width: 112px;height: 180px;cursor: pointer;margin-right: 16px;padding: 20px 12px;background: #E4EEF5;} .index_newgame_box ul li img,.gamehot_main img{width: 96px;height: 96px; border-radius: 24px;display: block;} .index_newgame_tit{color: #566889; text-align: center;margin-bottom: 14px;font-size: 14px;} .index_newgame_download{font-size: 14px; display: block; color:#0091FF; border: 1px solid #0091fe; text-align: center;background: #E4EEF5;width: 96px;height: 28px;line-height: 28px;border-radius: 17px;margin: 0 auto;} .index_newgame_box ul li:hover{background: #fff;box-shadow: 0 2px 16px 0 rgba(43,65,108,0.10);/*animation:newgame_bg 1s ;-webkit-animation:newgame_bg 1s ;*/} .index_newgame_box ul li:hover .index_newgame_download{background: #0091fe;color: #fff;} .index_newgame_box ul li:hover .index_newgame_download:hover{background: #3DABFF;border: 1px solid #3DABFF;} .newgame_top_line{height: 3px; background: #0091FF;position: absolute;top: 0;z-index: 6;left: 0;} @keyframes newgame_bg{ from {background: #E4EEF5; } to {background: #fff;} } @-webkit-keyframes newgame_bg { from {background: #E4EEF5; } to {background: #fff;} } /* ************************************************应用中心********************************************************************** */ .header_download{width: 216px;height: 40px;margin:19px 1px 0 50px; display: block; line-height: 40px;font-size: 18px;text-align: center;color: #fff;float: right;background-image: linear-gradient(90deg, #14B9FF 0%, #159AFF 100%); border: 1px solid rgba(255,255,255,0.36); box-shadow: 0 3px 6px 0 rgba(19,131,214,0.30); border-radius: 6px; } .header_download:hover{background: #3CC5FF;border: 1px solid rgba(255,255,255,0.40);box-shadow: 0 3px 6px 0 rgba(19,139,214,0.60);} .header_guild{position: relative; line-height: 40px; width: 1192px; margin: 125px auto 0; border-bottom:1px solid #EEF0F3; height: 40px;padding: 15px 8px 15px 0;} .header_guild,.header_guild a,.header_guild span{font-size: 14px; color: #9CA3B7;} .header_guild a:hover{color: #0091FF;} .header_guild p{float: left;font-size: 14px !important;} .header_guild p .detail_name{font-size: 14px !important;} .search_form{float:left;} .searchbox{line-height: 40px; width: 450px;height: 40px;background: #FFFFFF;box-shadow: 0 1px 8px 0 rgba(43,65,108,0.18);border-radius: 20px;float: right;} .searchbox .search_input{width: 345px;height: 20px;margin-top:10px; color: #566889;border:none;margin-right: 10px;font-size:14px} .searchbox .search_btn{border: none;width:30px; color:#566889;cursor: pointer;font-size: 14px;margin-top:12px; float: right;background:none} .searchbox .search_btn:hover{color: #0091FF;} .searchbox svg{float: left;margin:12px 10px 0 20px} .appcenter_sec1{letter-spacing: 1px;padding: 48px 0;} .appcenter_game_list_con ul li {padding: 18px 0;} .num10{padding-left: 2px !important;} .appcenter_game_hot_list li .gamehot_hover{transition: top 0.5s;} .appcenter_game_hot_list li:hover .gamehot_hover{top:0} .appcenter_game_type{margin-bottom: 21px;overflow: hidden;} .appcenter_game_type div{float: left;} .appcenter_game_type p{float: left;font-weight: bold; color: #7E7E7E;font-size: 18px;margin-right: 30px;cursor: pointer;border-bottom:3px solid #fff} .appcenter_game_type p:hover,.appcenter_game_type p.on{color: #0091FF;border-bottom:3px solid #0091FF} .appcenter_sec2{ background: #e4eef5;padding-top:72px} .appcenter_sec2 ul li{position: relative;background: #f6f6f6 url(../images/default.png) center center no-repeat; float: left;margin-bottom: 24px; width: 112px;height: 180px;cursor: pointer;margin-right: 16px;padding: 20px 12px;} .appcenter_sec2 ul li img,.gamehot_main img{width: 96px;height: 96px; border-radius: 24px;display: block;margin: 0 auto 10px;} .appcenter_sec2 ul li:hover{background: #fff;box-shadow: 0 2px 16px 0 rgba(43,65,108,0.10);} .appcenter_sec2 ul li:hover .index_newgame_download{background: #0091fe;color: #fff;} .appcenter_sec2 ul li:hover .index_newgame_download:hover{background: #3DABFF;border: 1px solid #3DABFF;} .appcenter_sec2 ul li .newgame_top_line,.appcenter_game_hot_list li .newgame_top_line,.appcenter_list_game li .newgame_top_line,.detail_list_box ul li .newgame_top_line,.detail_info_box ul li .newgame_top_line,.feature_zixunbox li .newgame_top_line,.video_box ul li .newgame_top_line,.article_box ul li .newgame_top_line {height: 3px; background: #0091FF;position: absolute;top: 0;z-index: 6;left: 0;width: 0; transition: width 0.5s;} .appcenter_sec2 ul li:hover .newgame_top_line,.appcenter_game_hot_list li:hover .newgame_top_line,.appcenter_list_game li:hover .newgame_top_line,.detail_list_box ul li:hover .newgame_top_line,.detail_info_box ul li:hover .newgame_top_line,.feature_zixunbox li:hover .newgame_top_line,.video_box ul li:hover .newgame_top_line,.article_box ul li:hover .newgame_top_line{width: 100%;} .m_t_50{margin-top:48px} h3 .appserch_tit{font-size: 32px;} .no_search{padding: 90px 0 200px;text-align: center;color:#5a6b8c;font-size:14px} .appcenter_more{margin-top: 0;} .appcenter_sec2 .index_newgame_download{background:#fff} .searchbox{position: relative;} .search_hint,.user_hint{display: none;z-index: 100; position: absolute;top:60px; left: 50%;margin-left: -88px; width: 176px;height: 56px;font-size: 16px;color:#fff;text-align: center;line-height: 56px; background: rgba(0,0,0,0.92);box-shadow: 0 4px 10px 0 rgba(0,0,0,0.30);border-radius: 6px;} .search_loading{line-height: 210px; width: ;text-align: center;font-size: 20px; color: #566889;background:none !important} .search_loading:hover{box-shadow: none !important;} .search_down{z-index: 100; display: none; padding:20px 0; position: absolute;right: 33px;top:57px; width: 398px;color:#566889;font-size: 14px; background: #FFFFFF;box-shadow: 0 4px 10px 0 rgba(43,65,108,0.10); border-radius: 4px;} .search_down li{height: 40px;padding:0 20px;line-height: 40px;cursor: pointer;} .search_down li:hover{color: #0091FF;background:#E4EEF5} .search_down li span{ float:right} .search_down li b{font-weight: normal;width: 300px;float: left;display: block;font-size: 14px;} .seachimg_box{ position: relative;width: 96px;height: 96px;margin: 0 auto 10px;} .seachimg_box p{text-align: center;line-height: 24px; width:64px;height:24px; position: absolute;top:0;left: 0;background: rgba(0,0,0,0.80);border-radius: 100px 0 100px 0;font-size: 12px;color:#D2D4D8;} .hot_game_icon{width: 108px !important;height: 108px !important;margin-bottom: 16px !important;} /* ************************************************应用中心详情********************************************************************** */ .detail_main{width:1200px ;margin: 48px auto 80px;overflow: hidden;} .detial_l{ float: left;width: 858px; position: relative;} .detial_r{float: right;} h3 span{font-size:32px} .detail_gamebox{margin:30px 0;background:#e4eef5;padding:28px 30px 20px;height: 160px;} .detail_gamebox dt {width: 148px;height: 148px;border-radius: 36px;margin-right:20px;overflow: hidden;float: left;background: #F6F6F6 url(../images/default.png) center center no-repeat;} .detail_gamebox dt img{width: 100%;} .detail_gamebox dd.detail_con {color: #9da4b8;width: 410px;overflow: hidden;float: left;} .detail_game_tit{font-size:24px; color: #4C5874;} .detail_game_qudao span{cursor: pointer; margin-right: 10px; color: #0091ff;border: 1px solid #0091ff; padding:0 10px;border-radius: 20px;padding-bottom: 2px;font-size: 14px;} .detail_game_qudao span:hover{background: #cde5f6;color: #0091ff;} .detail_game_qudao span.on{background: #0091ff;color: #fff;} .detail_game_tag span{background: #fff;color: #0091ff; background:#D4DEE6; padding:0 10px;color:#566889;border-radius: 20px;font-size: 14px;} .detail_game_del li{margin:7px 0} .detail_game_del a{width: 16px;height: 16px;display: inline-block;margin-right: 5px;} .detail_game_del a img,.tuijian_box dd a img{vertical-align: middle;} .detail_btn {float: right;position: relative;} .detail_game_list .index_game_list_con{height: 597px;} .detail_btn a{display: block;font-size:18px; width:126px;height: 50px;border-radius: 40px;line-height: 50px;padding-left: 76px;} .detail_btn a svg{padding-top:10px} .detail_download_pc{margin-bottom: 16px;color: #fff;border: 1px solid #0091FF;background:#0091FF url(../images/appcenter/pc.png) 40px center no-repeat;} .detail_download_pc:hover{background: #3DABFF url(../images/appcenter/pc.png) 40px center no-repeat;box-shadow: 0 4px 10px 0 rgba(0,145,255,0.30);border: 1px solid #3DABFF;} .detail_download_android{border: 1px solid #0091FF;color: #0091FF;background: url(../images/appcenter/android.png) 40px center no-repeat;} .detail_download_android:hover{background:#cde5f6 url(../images/appcenter/android.png) 40px center no-repeat;border: 1px solid #3DABFF;box-shadow: 0 4px 10px 0 rgba(0,145,255,0.20);} .detail_game_star{margin:5px 0 8px} .detail_game_star img{margin-right: 6px;} .detail_list{background:#e4eef5;height: 68px;} .detail_type{overflow: hidden;} .detail_type li{border-bottom:3px solid #e4eef5;float: left;margin:0 30px;line-height: 65px;font-size:20px;color:#4C5874;cursor: pointer;} .detail_type li:hover,.detail_type li.on{color:#0091FF;border-bottom:3px solid #0091FF} .detail_type li:first-child i{float: left;display:inline-block;margin-top: 20px;margin-right: 5px;width:26px;height:24px;background: url(../images/tubiao.png) left center no-repeat; } .detail_type li:first-child:hover i,.detail_type li:first-child.on i{width:26px;height:24px;background: url(../images/tubiao.png) -46px center no-repeat; } .detail_type li:nth-child(2) i{float: left;display:inline-block;margin-top: 20px;margin-right: 5px;width:32px;height:24px;background: url(../images/tubiao.png) -91px center no-repeat; } .detail_type li:nth-child(2):hover i,.detail_type li:nth-child(2).on i{width:32px;height:24px;background: url(../images/tubiao.png) -141px center no-repeat; } .detail_type li:nth-child(3) i{float: left;display:inline-block;margin-top: 20px;margin-right: 5px;width:36px;height:24px;background: url(../images/tubiao.png) -191px center no-repeat; } .detail_type li:nth-child(3):hover i,.detail_type li:nth-child(3).on i{width:36px;height:24px;background: url(../images/tubiao.png) -245px center no-repeat; } .detail_type li:last-child i{float: left;display:inline-block;margin-top: 20px;margin-right: 5px;width:30px;height:24px;background: url(../images/tubiao.png) -299px center no-repeat; } .detail_type li:last-child:hover i,.detail_type li:nth-child(4).on i{width:30px;height:24px;background: url(../images/tubiao.png) -347px center no-repeat; } .detail_install_qrc{color:#566889;font-size: 14px;padding: 10px 0 10px 52px;cursor: pointer;} .detail_install_qrc i{display:inline-block;float:left;margin-top:-2px;margin-right:8px;width:20px;height:20px;background: url(../images/xicon.png) -188px 0 no-repeat;} .detail_install_qrc:hover{color:#0091FF;} .detail_install_qrc:hover i{background: url(../images/xicon.png) -228px 0 no-repeat;} .detail_qrcodebox{overflow: hidden; box-shadow: 0 1px 8px 0 rgba(43,65,108,0.18);position: absolute;top:155px; left: 15px;background:#fff;border-radius: 10px; width: 180px;height: 0;font-size: 12px;color: #566889;text-align: center;} .detail_qrcodebox p{margin-top: 12px;} .detail_qrcodebox div{width: 120px;height: 120px;border:2px solid #e4eef5;margin:12px auto 0} .detail_qrcodebox div img{width: 100%;height: 100%;} .detail_h3{line-height: 20px; font-size: 18px;padding-left: 12px;margin:0 0 26px;height: 20px; background: url(../images/appcenter/line.png) 0 1px no-repeat !important;} .detail_h3_list{line-height: 26px; font-size: 24px; padding-left: 16px;height: 26px; background: url(../images/appcenter/line2.png) 0 2px no-repeat !important ;margin-bottom: 24px !important; } .detail_list_con{padding:30px 30px 40px 20px;background:#f9fbfd;margin-bottom:18px;} .detail_list_con2{padding:30px 0 18px 20px;} .detail_list_con_words{color:#566889;font-size: 14px;line-height: 30px;padding-left:10px} .detail_list_con_words p,.detail_list_con_words b{font-size: 14px;} .detail_list_con_words a{display: inline-block;line-height: 14px;font-size: 14px;color: #0091FF;border-bottom:1px solid #0091FF} .detail_list_con_words a.one{padding-bottom: 2px;margin-right: 5px;} .f24{font-size: 16px;color:#2B416C;font-weight: bold;} .detail_a_links{color: #0091FF;border:1px solid #0091FF;text-align: center;border-radius: 20px;padding:4px 20px 5px;margin-right: 16px;} .detail_a_links:hover{background:#dff0fd;cursor: pointer;} .detail_a_linksbox{margin:10px 0} .detail_list_con_install{margin:40px 0 36px; overflow: hidden;} .detail_list_con_install li{float: left;margin-right:18px;} .detail_list_con_install li div:last-child{margin-top: 12px;} .intsall_imgbox{overflow: hidden;width: 186px;height: 108px;} .detail_list_con_install li:last-child{margin-right:0} .detail_list_con_install li div{text-align: center;} .detail_list_con_install li img{cursor: pointer;transition: all 0.3s;} .detail_list_con_install li i{font-style: normal;background:#0091FF;width: 24px;height: 24px;text-align: center;line-height: 24px;display: inline-block; border-radius: 50%;color:#E3EAFF;font-size: 16px;} .bg_none{background:none} .detail_list_con_install li:hover img{transform: scale(1.4);} .detail_qrcodebox p,.detail_game_del li,.detail_pc_inline,.detail_xiazai{font-size: 14px;} .detail_list_box{padding-left: 14px;height: 196px;} .detail_list_box li{width: 100px ;height: 156px ;position: relative; float: left;margin-bottom: 24px;cursor: pointer;margin-right: 16px;padding: 20px 12px;background: #E4EEF5; } .detail_list_box li img{width:84px ;height: 84px ;border-radius: 24px;display: block;} .detail_list_box li .seachimg_box{width: 84px !important;height: 84px !important;margin-bottom: 14px;} .detail_list_box li:last-child{margin-right:0} .index_newgame_download{font-size: 14px; display: block; color:#0091FF; border: 1px solid #0091fe; text-align: center;background: #E4EEF5;width: 96px;height: 28px;line-height: 28px;border-radius: 17px;margin: 0 auto;} .detail_list_box ul li:hover{background: #fff;box-shadow: 0 2px 16px 0 rgba(43,65,108,0.10);} .detail_list_box ul li:hover .index_newgame_download{background: #0091fe;color: #fff;} .detail_list_box ul li:hover .index_newgame_download:hover{background: #3DABFF;border: 1px solid #3DABFF;} .detail_picbox{height: 430px;margin-bottom: 40px;position: relative;} .detail_picbox ul{overflow: hidden;height: 400px;} .detail_picbox li{height: 400px; overflow: hidden;float: left;margin-right:20px;cursor: pointer;position: relative;} .detail_picbox li img{height: 100%;} .detail_picbox li:last-child{margin-right: 0;} .detail_picbox li .play_btn{display: block; z-index: 20; position: absolute;top:50%;left:50%;margin-left: -36px;margin-top: -25px;width: 72px;height: 50px;background:url(../images/xicon.png) -268px 0 no-repeat} .detail_picbox li .play_btn:hover{background:url(../images/xicon.png) -360px 0 no-repeat} .detail_picbox_scrollbar{width: 100% !important; height: 8px !important;border-radius: 8px;position: absolute;bottom: 0;background:#e8ecf1;left: 0 !important;} .detail_picbox_scrollbar .swiper-scrollbar-drag {background: #bcc4d2;} .detail_tutorialsbox{overflow: hidden;} .detail_tutorialsbox li{padding-top: 32px; text-align: center;float: left;background:#fff;width: 387px;height: 147px;margin:12px;box-shadow: 0 2px 16px 0 rgba(43,65,108,0.10);} .detail_tutorialsbox li span{padding-bottom: 14px; font-size: 24px;color:#566889;text-align: center;border-bottom:3px solid #64B404 ;} .detail_tutorialsbox li div{margin-top:40px} .detail_tutorials_con{padding-right: 0;} .detail_tutorials_con .detail_h3{margin-bottom: 14px;} .detail_tutorials_con svg{margin:0 12px} .detail_zixun_h3 {margin-bottom: 18px;} .detail_info_box{margin-bottom: 30px;} .detail_info_box li{width: 186px !important;height: 174px !important;margin: 0 6px 0 10px !important;overflow: hidden;} .detail_info_box .headimg{width: 186px !important;height: 108px !important;} .detail_info_box li .index_info_tag img{width: 30px; height: 30px;} .detail_info_box h4{font-size: 14px;line-height: 21px !important;height: 40px !important;} .detail_info_box .index_info_tit{padding:8px 12px 0 !important;} .detail_contentbox{position: relative; background:#e4eef5;padding:20px 30px;border-bottom:1px dashed #dbe4e9;height: 200px;font-size: 12px;color:#9CA3B7} .detail_contentbox .detail_content_tit b{color:#2B416C;font-size: 16px;} .detail_contentbox .detail_content_tit{margin-bottom: 20px;font-size: 12px;} .detail_contentbox .detail_content_tit a{color: #0091FF;border: 1px solid #0091FF;border-radius: 16px;font-size: 12px;padding:3px 20px;float: right;} .detail_contentbox .detail_content_tit a:hover{background: #0091FF;color: #fff;} .detail_content_star{margin-bottom: 30px;overflow: hidden;} .detail_content_star li{width: 17px;height: 16px;margin-right: 8px; float: left;background:url(../images/appcenter/stars_big_0.png) 0 0 no-repeat} .detail_content_star li.on,.detail_content_star li.on2{background:url(../images/appcenter/stars_big_4.png) 0 0 no-repeat} .detail_content_con input{width: 500px;background:none;color: #566889;font-size:14px ;border:none} .detail_conten_tb th,.detail_conten_tb td{font-size: 14px;padding-bottom: 20px;} .detail_conten_tb th{color: #566889;} .detail_xx_pinglun{line-height: 24px;} .detail_content_con textarea{color: #566889;width: 680px;height: 60px;resize: none;background:none;border:none;line-height: 24px;font-size: 14px;} .detail_content_con{vertical-align: top;} .detail_contentlist_box{background:#ebf2f5;padding:20px 0 20px 30px;} .detail_contentlist{ max-height: 270px;} .detail_content_scrollbar{width: 8px !important;right: 8px !important;background:none} .detail_content_scrollbar .swiper-scrollbar-drag {background: #dbe4e9;} .detail_contentlist_tit{font-size:14px ; color: #566889;margin-bottom: 10px;} .detail_contentlist_name{color: #9CA3B7;font-size:12px ; margin-bottom: 5px;} .detail_contentlist_del{color: #566889;font-size:12px ; margin-bottom: 20px;line-height: 26px;word-break:break-all;padding-right:30px; } .detail_conten_tb input::placeholder,.detail_conten_tb textarea::placeholder{color: #9CA3B7;} .tuijian_box{width: 312px;height: 204px;background:#e4eef5;color: #9da4b8;margin-top:64px;position: relative;} .tuijian_box dt{width: 312px;height: 160px;overflow: hidden;} .tuijian_box dt a img{width: 100%;height: 100%;} .tuijian_box dd{line-height: 40px;padding:0 30px;font-size: 14px;} .tuijian_box dd a{width: 28px;height: 44px;display: inline-block;margin-right: 10px;} .right_corner_img{margin-top: 70px;margin-left: 100px;} .tuijian_zhanwei{background: #F6F6F6 url(../images/default.png) center center no-repeat !important; background-size: 80% !important;} .detail_game_list{float: none;margin-top: 30px;} .detail_download_phone{margin:30px 0 10px; display: none;color: #fff;background:#0091FF ;border-radius: 40px;text-align: center;line-height: 60px;font-size:20px;} .detail_download_phone:hover{background: #3DABFF ;} .detail_picbox li.tuijian_zhanwei{width: 250px;} .detail_popbox{display: none;position: fixed;width: 100%;height: 100%;background:rgba(0,0,0,0.5);top:0;left: 0;z-index: 1000;} .detail_pop_close{background:url(../images/xicon.png) -68px 0 no-repeat;width: 40px;height: 40px;display: block;position: absolute;right: 0;top:0;z-index: 999;} .detail_pop_close:hover{background:url(../images/xicon.png) -128px 0 no-repeat;} .detail_download_popclose,.close_pop_tecent{cursor: pointer; background:url(../images/close1.png) 0 0 no-repeat;width: 14px;height: 14px;display: block;position: absolute;right: 20px;top:20px;z-index: 999;} .detail_popcon{position: absolute;top:0;left: 0;width: 100%;text-align: center;} .detail_popcon img{cursor: pointer;} .detail_name{font-style: normal;} h3 .detail_name{font-size: 32px;} .detail_h3 .detail_name{font-size: 18px;} .detail_list_con_words .detail_name{font-size: 16px;} .detail_game_qudao p{display: inline;} .detail_list_con_words a .detail_name{font-size: 14px;} .detail_wx{background:url(../images/appcenter/weixin1.png) 0 0 no-repeat !important;width: 16px;height: 16px;} .detail_sina{background:url(../images/appcenter/weibo1.png) 0 0 no-repeat !important;width: 16px;height: 16px;} .detail_qq{background:url(../images/appcenter/qq1.png) 0 0 no-repeat !important;width: 16px;height: 16px;} .detail_pinglun_hint{display: none; position: absolute;top:40px; left: 50%;margin-left: -75px; width: 150px;height: 56px;font-size: 14px;color:#fff;text-align: center;line-height: 56px; background: rgba(0,0,0,0.92);box-shadow: 0 4px 10px 0 rgba(0,0,0,0.30);border-radius: 6px;} .detail_download_popcon{padding:20px 30px; width: 420px;height: 234px;position: absolute;top:50%;left: 50%;margin-top: -137px;margin-left: -240px; background: #FFFFFF;box-shadow: 0 2px 10px 0 rgba(43,65,108,0.20);border-radius: 12px;} .detail_download_popcon p{font-size: 18px;color: #4C5874;font-weight: bold;margin-bottom: 28px;margin-bottom: 20px;} .detail_download_popcon div{font-size: 16px;color: #566889;line-height: 34px;margin-bottom: 30px;} .detail_download_popcon a{text-align: center;display: inline-block;font-size: 14px; width: 160px; border-radius: 24px;} .detail_pop_download_android{position: absolute;left:60px;top:180px; height: 48px;line-height: 48px;background: rgba(0,145,255,0.10);border: 1px solid #0091FF;color: #0091FF;} .detail_pop_download_android:hover{background: rgba(0,145,255,0.20);border: 1px solid #3DABFF;box-shadow: 0 4px 10px 0 rgba(0,145,255,0.20);} .detail_pop_download_bluestacks{position: absolute;right:60px;top:180px;background: #0091FF;color: #fff;padding-top: 8px;height: 40px;} .detail_pop_download_bluestacks:hover{background: #3DABFF;} .detail_pop_download_bluestacks b{font-size: 10px;font-weight: normal;color:#BDE3FF} .installApplication{position: absolute;right:60px;top:180px;width: 160px; height: 48px;background: transparent;border: 0;cursor: pointer;} .installApplication:hover{border-radius: 24px;background: transparent;box-shadow: 0 4px 10px 0 rgba(0,145,255,0.30);} #detail_share_wechat{line-height: 14px !important; position: absolute;top:204px;left: 90px;z-index: 100;width: 180px !important;overflow: hidden;} #detail_share_wechat div{margin: 12px auto !important;} .detail_pc_inline{display: inline;} .search_qudao span{cursor: default !important;} .detail_share_box{position: absolute;left:268px;top:216px} .detail_share_box a{display: inline-block;margin-right: 0 !important;width: 20px !important;} .hidden_scroll_header{display: inline-block;} .h_20{margin-bottom: 16px !important;} .detail_pop_tecent{width: 420px;height:530px;position: absolute;top:50%;left: 50%;margin-left:-210px;margin-top: -265px;} #detail_pop_tecent{display: none;} /*****************************************************特性页******************************************* */ .feature_sec{width: 100%;position: relative;} .feature_sec_con{width:1200px ;margin: 0 auto;overflow: hidden;} .feature_sec_con2{width: 1232px;margin: 0 auto;overflow: hidden;} .feature_top{background-image: linear-gradient(90deg, #0B0732 0%, #170C3F 29%, #341860 100%);background-color: #130735\0; padding: 200px 0 150px;} .feature_top img{margin-right: 20px;} .feature_mode{background: #1F2640;padding: 80px 0;font-size: 18px;} .feature_key{background: #171b34;padding: 80px 0;} .feature_conect{background: #e4eff5;padding: 80px 0;} .feature_titbox{font-size: 18px; color: #D2D4D8;} .feature_titbox p{font-size: 18px;line-height: 28px;} .feature_tit{font-size: 48px; color: #fff;margin: 0 0 36px;display: block;letter-spacing: 4px;} .feature_titnew{font-size: 58px; color: #fff;margin: 0 0 36px;display: inline;letter-spacing: 4px;} .feature_titbox i{display: block;width: 42px;height: 4px;background: #0091ff;margin: 24px 0 50px;} .feature_del p{margin-bottom: 24px; background:url(../images/feature/check.png) 0 0 no-repeat;float: left;padding-left: 30px;width: 250px;font-size: 18px;} .feature_del p b{letter-spacing: 2px;color: #fff; display: block;margin-bottom: 14px;font-size: 18px;} .feature_info{ font-size: 18px; color: #566889;margin-bottom: 80px;width: 576px;display: flex;flex-direction: column;justify-content: center;} .feature_info b{letter-spacing: 2px;display: block;color: #2B416C;font-size: 36px;margin-bottom: 24px;} .feature_info p{font-size: 17px;line-height: 30px;} .feature_info_float{order: 2;} .feature_infobox img{margin-bottom: 80px;} .feature_infobox{padding: 80px 0 0;} .feature_infobox li{overflow: hidden;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: justify;justify-content: space-between;} .feature_tit1{font-size: 36px;color: #fff;letter-spacing: 2px;font-weight: bold;} .feature_tit2{font-size: 36px;color: #566889;letter-spacing: 2px;font-weight: bold; } .feature_tit3{padding-left: 16px;} .feature_tit3,.feature_tit3 i{font-size: 32px;color: #2B416C;font-style: normal;letter-spacing: 2px;font-weight: bold;} .feature_tit4{font-size: 17px;color: #B0D0E5;margin-top: 26px; line-height: 28px;} .feature_phone_img{display: none;} .feature_phone_img img{width: 100%;} .feature_img_loop{float: right;width: 770px;} .feature_img_loop img{width: 100%;} .feature_step_tit{font-size: 18px;font-weight: bold;color: #fff;margin-bottom: 4px;letter-spacing: 2px;} .feature_loopbox{overflow: hidden;padding-top: 48px;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: justify;justify-content: space-between;} .feature_stepbox{width: 380px;float: left; display: flex;flex-direction: column;justify-content: center;} .feature_stepbox ul li{cursor: pointer;position: relative;line-height: 24px;margin-top: 20px;color: #B0D0E5;} .feature_stepbox ul li b{float: left; font-weight: normal;font-size: 17px;line-height: 28px;} .feature_stepbox ul li span{line-height: 28px; margin-left: 20px;color:#677A8F; border-bottom: 1px solid #7789A3;display: block;padding-bottom: 20px;font-size: 17px;position: relative;} .feature_stepbox ul li.on span{color: #B0D0E5;} .feature_stepbox ul li span i{height: 2px;display: block;background: #0091FF;position: absolute;left: 0;bottom: -1px;/* -webkit-transition: 3s ease-in-out ;transition: 3s ease-in-out ;*/} .feature_stepbox ul li.on span i{animation:feature_line_animate 3s ease-in-out forwards ;-webkit-animation:feature_line_animate 3s ease-in-out forwards ;} @keyframes feature_line_animate{ from {width: 0;} to {width: 100%;} } @-webkit-keyframes feature_line_animate{ from {width: 0;} to {width: 100%;} } .feature_key ul{margin-top: 30px;overflow: hidden;} .feature_key ul li{background: #29304c;padding:0 30px;overflow: hidden;} .feature_key ul li:nth-child(2n){background:#1f2640;} .feature_key ul.shooting_bg li{background:#1f2640;} .feature_key ul.shooting_bg li:nth-child(2n){background:#29304c;} .feature_key ul li.titbg{background: #2B416C !important;} .feature_key ul li p{color: #B0D0E5;font-size: 14px;padding: 15px 0 18px;line-height: 24px;} .feature_key ul li p:first-child{color: #FFF;float: left;width: 30%;display: table;} .feature_key ul li p:last-child{overflow: hidden;} .feature_key ul li p:first-child span{display: table-cell;} .feature_key ul li p:first-child span:first-child{width: 40%;} .feature_zixunbox{padding: 80px 0;} .feature_zixunbox .index_scrollbox{margin-top: 32px;padding-left: 16px;} .feature_zixunbox .index_scrollbox ul li:last-child{margin-right: 0;} .feature_zixunbox .index_info_tit p{font-size: 14px;color: #9ca3b6;height: 16px;width: 100%;} .feature_conect ul li{float: left;width: 320px;margin-right: 80px;position: relative;height: 280px;} .feature_conect ul li a{position: absolute;bottom: 0;left:0; display: block; color: #171B34;width: 92px;height: 30px;text-align: center;line-height: 28px;font-size: 14px;border: 1px solid #2B416C;} .feature_conect ul li a:hover{color: #fff;border: 1px solid #171B34;background: #171B34;} .feature_conect ul li b{color: #2b406b;font-size: 18px;display: block;margin: 16px 0 10px;letter-spacing: 2px;} .feature_conect ul li p{color: #7789A3;font-size: 16px;margin-bottom: 40px;line-height: 22px;} .feature_conect ul li img{display: block;width: 64px;height: 64px;overflow: hidden;margin-top: 72px;} #detail_zixunbox li:last-child{margin-right: 0;} #detail_zixunbox{width: !important;} #detail_zixunbox li{margin-bottom: 0;} #detail_zixunbox li .index_info_tit{padding:8px 24px} .feature_del{overflow: hidden;} .mr_50{margin-left: 50px;} .feature_notice{color: #63758b;line-height: 28px;margin-top:20px;display: table;} .feature_notice span{color: #e04a39;} .feature_notice p,.feature_notice span{display: table-cell;} .feature_notice span{width: 40px;} .m_top_80{margin-top: 80px !important;} .feature_icon{height: 32px;display: inline-block;font-style: normal;font-size: 14px;padding-top: 4px;} .shooting_icon1{background: url(../images/feature/shooting_icon1.png) 62px 0 no-repeat;width: 100px; } .shooting_icon2{background: url(../images/feature/shooting_icon2.png) 90px 0 no-repeat; width: 140px;} .shooting_icon3{background: url(../images/feature/shooting_icon3.png) 62px 0 no-repeat; width: 100px;} .moba_icon1{background: url(../images/feature/moba_icon1.png) 35px 0 no-repeat;width: 100px; } .moba_icon2{background: url(../images/feature/moba_icon2.png) 116px 0 no-repeat; width: 150px;} .moba_icon3{background: url(../images/feature/moba_icon3.png) 48px 0 no-repeat; width: 100px;} .moba_icon4{background: url(../images/feature/moba_icon4.png) 104px 0 no-repeat; width: 140px;} /*****************************************************视频******************************************* */ .news_bg { background: #F0F0F0; } .news_list ul{ min-height: 548px;} .video_box ul{ overflow: hidden;min-height: 548px;padding: 0 24px;} .video_box ul li{float: left;background: #f6f6f6 url(../images/default.png) center center no-repeat; width: 368px;height: 226px;position: relative;cursor: pointer;margin: 24px 48px 24px 0;overflow: hidden;} .video_box ul li:nth-child(3n){margin-right: 0;} .video_box ul li img{width: 100%;height: 100%;} .video_box ul li:hover{box-shadow: 0 4px 16px 0 rgba(0,0,0,0.20);} .video_box ul li div{width: 100%;line-height: 48px;font-size: 16px;color: #fff; position: absolute;left: 0;bottom: 0;height: 48px;background: rgba(0,0,0,0.60);} .video_box ul li div span{margin:0 20px;display: block;} .video_box ul li i{ background:url(../images/video/video.svg) 0 0 no-repeat;width: 66px;height: 46px;background-size: 66px 46px; position: absolute;left: 50%;top: 50%;margin-left:-33px;margin-top: -23px;} .video_box ul li:hover i{background:url(../images/video/video_hover.svg) 0 0 no-repeat;background-size: 66px 46px;} .video_serch_down b{width: 350px !important;} .loading{text-align: center;color: #566889;cursor: pointer;font-size: 14px;margin-top: 8px;} .loading:hover{color: #0091FF;} .loading.gray,.loading.gray:hover{color: #B2B4BD;cursor: default;} .no_search2,.no_userlist{cursor: default !important; width: 100% !important;margin-top: 100px !important; padding: 180px 0 0 !important;text-align: center;color: #5a6b8c;font-size: 14px;background: url(../images/no_search.svg) center top no-repeat !important;} .video_box ul li.no_search2:hover {box-shadow:none !important} .vedio_banner{background: url(../images/video/video_detail.jpg?v=1) top center no-repeat;width: 100%;height: 240px;} .news_tit{font-size: 20px;color: #2B416C;text-align: center;font-weight: bold;} .news_bg{background: #F0F0F0;} .news_left{float: left;width: 692px;background: #fff;padding: 24px 24px 40px;min-height: 600px;} .news_right{float: right;width: 420px;} .news_time{font-size: 12px; color: #9CA3B7;text-align: center;margin-top: 16px;border-bottom: 1px solid #EEF0F3;padding-bottom: 24px;} .news_detail_con{padding: 24px 0 0;min-height: 500px;} .news_detail_con p{color:#566889;word-wrap:break-word;/* word-break:normal;*/line-height: 3rem;} .news_btn{width: 240px;height: 40px;border: 1px solid #2B416C;text-align: center;line-height: 40px; font-size: 14px; color: #171B34;display: inline-block;} .news_btn:hover{color: #fff;background: #171B34;} .news_btn_box{border-bottom: 1px solid #EEF0F3;display: flex;justify-content: center;padding: 40px 0;} .news_btn_box .news_btn{margin:0 20px} .news_share_tit{ font-size: 20px;color: #2B416C;font-weight: bold;background: url(../images/video/line.png) 0 21px no-repeat;padding:20px 0 20px 18px;} .news_recommend li{line-height: 26px; cursor: pointer; overflow: hidden; font-size: 14px;color: #566889;padding:10px 0;border-bottom: 1px dashed #EEF0F3;} .news_recommend li:hover{border-bottom: 1px solid #0091FF;color: #0091FF;} .news_recommend li p{width: 86%;float: left;} .news_recommend li:hover p{color: #0091FF;} .relevantRecommend li p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .news_recommend li span{float: right;color: #9CA3B7;font-size: 12px;} .news_recommend li:hover span{color: #0091FF;} .news_download_box{position: relative;background: #fff;padding: 24px;overflow: hidden;margin-bottom: 40px;} .news_download_box dt{width: 120px;height: 120px;border-radius: 30px;overflow: hidden;float: left;} .news_download_box dt img{width: 100%;height: 100%;} .news_download_box dd{width: 230px;float: right;} .news_download_box .news_download_tit{color: #2B416C;font-size: 20px;margin-bottom: 8px;} .news_download_box .news_download_btn{display: block; width: 96px;height: 36px;line-height: 36px;padding-left:56px;cursor: pointer;font-size: 14px;border: 1px solid #2B416C;color: #171B34;} .news_download_box .news_download_btn:hover{color: #fff;} .news_download_box .news_pc{background: url(../images/video/download_pc.png) 24px 8px no-repeat;margin-bottom: 12px;} .news_download_box .news_pc:hover{background:#171B34 url(../images/video/download_pc2.png) 24px 8px no-repeat;} .news_download_box .news_android{background: url(../images/video/download_android.png) 24px 8px no-repeat;} .news_download_box .news_android:hover{background:#171B34 url(../images/video/download_android2.png) 24px 8px no-repeat;} .news_recommend_box{padding:24px 24px 24px; background: #fff;margin-bottom: 40px;} .news_recommend_box2{padding:24px 24px 40px;} .news_ad{width: 372px;height:236px ;overflow: hidden;display: block;background: #f6f6f6 url(../images/default.png) center center no-repeat;} .news_ad img,.arctic_recommand div img{-webkit-animation-duration:1.5s; animation-duration:1.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:zoomOut_ad; animation-name:zoomOut_ad; transition:all .5s; } .news_ad:hover img,.arctic_recommand li:hover div img{ transform:scale(1.1); } @keyframes zoomOut_ad{ from {width: 50%;height: 50%;margin-top: 71px;margin-left: 105px;} to {width: 100%;height: 100%;margin-top: 0;margin-left: 0;} } @-webkit-keyframes zoomOut_ad{ from {width: 50%;height: 50%;margin-top: 71px;margin-left: 105px;} to {width: 100%;height: 100%;margin-top: 0;margin-left: 0;} } .news_detail_fadeIn{ -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:news_fadeIn; animation-name:news_fadeIn; } @keyframes news_fadeIn{ from {opacity: 0;} to {opacity: 1;} } @-webkit-keyframes news_fadeIn{ from {opacity: 0;} to {opacity: 1;} } .news_recommend_box .news_share_tit{padding-top: 0;border-bottom: 1px solid #EEF0F3;background: url(../images/video/line.png) 0 2px no-repeat;} .news_recommend_box .news_recommend li p{width: auto;float: none;} .news_recommend_box .news_recommend li span{display: block;} .news_recommend a{color: #566889;} .news_recommend a:hover{color: #0091FF;} .bdshare-button-style1-32 a{margin-bottom: 20px !important;} .search_video_detail{display: none;} .veideo_search_guild .detail_name{float: left;width: 150px;} .veideo_search_guild span{float: left;} .video_main{margin-top: 40px;} .news_share_box .bdshare-button-style1-32 a{width: 24px !important;height: 24px !important;background-image:url(../images/video/icons_1_24.png) !important} .news_share_box .bdshare-button-style1-32 .bds_evernotecn {background-position: 0 -3210px !important;} .video_main2{margin-bottom: 56px;width: 1248px;} .video_main2 h3{margin:0 24px;} /*****************************************************资讯******************************************* */ .news_ad2{width: 420px;height: 284px;display: block;margin-bottom: 40px;} .news_info_left{width: 740px;float: left;} .news_info_right{background: none;} .news_banner{width: 740px;height: 284px;overflow: hidden;margin-bottom: 40px;} .news_banner ul li img{ -webkit-animation-duration:1.5s; animation-duration:1.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:zoomOut; animation-name:zoomOut; transition:all .5s; } @keyframes zoomOut{ from {width: 50%;height: 50%;margin-top: 71px;margin-left: 185px;} to {width: 100%;height: 100%;margin-top: 0;margin-left: 0;} } @-webkit-keyframes zoomOut{ from {width: 50%;height: 50%;margin-top: 71px;margin-left: 185px;} to {width: 100%;height: 100%;margin-top: 0;margin-left: 0;} } .news_banner li{background: #f6f6f6 url(../images/default.png) center center no-repeat; height: 284px;} .news_banner li img{ transition:all .5s;} .news_banner li:hover img{transform:scale(1.1);} .news_pagination .swiper-pagination-switch{width: 10px;height: 10px;background: #fff;opacity: 0.9;border-radius: 50%;} .news_pagination .swiper-active-switch {background: #426cff;opacity: 1;} .news_list{background: #fff;overflow: hidden;} .news_list li{padding: 24px 24px 0;overflow: hidden;} .news_list li.no_search2{height: 200px;border: none;} .news_list li img{float: left;width: 240px;height: 148px;overflow: hidden;} .news_list li div{width: 430px;float: right;} .news_list_play{width: 240px;height: 148px;overflow: hidden;position: relative;float: left;} .news_list li .news_list_play i{ background:url(../images/video/video.svg) 0 0 no-repeat;width: 58px;height: 40px;background-size: 58px 40px; position: absolute;left: 50%;top: 50%;margin-left:-29px;margin-top: -20px;} .news_list li:hover .news_list_play i{background:url(../images/video/video_hover.svg) 0 0 no-repeat;background-size: 58px 40px;} .news_info_tit{border-bottom: 1px solid #EEF0F3;margin:0 24px} .news_list li h1{font-size: 16px; font-weight: bold;color: #566889;margin-bottom: 10px;line-height: 24px;} .news_list li h1 span{color: #9CA3B7;} .news_list li div p{color: #566889;font-size: 14px;margin-bottom: 20px;line-height: 28px;} .news_list li i{color: #9CA3B7;font-size: 14px;font-style: normal;float: right;} .news_list li:hover .news_list_play{box-shadow: 0 4px 12px 0 rgba(43,65,108,0.40);} .news_list li:hover h1,.news_list li:hover p,.news_list li:hover h1 span{color: #0091FF !important;} .news_banner .swiper-pagination-bullet{width: 10px; height: 10px; background: #fff;opacity:.9} .news_banner li img{width: 100%;height: 100%;} .news_recommend li p b{font-weight: normal;color: #9CA3B7;} .news_recommend li:hover p b{color: #0091FF;} .news_banner .swiper-pagination-bullet-active{background: #3dabff;} .news_banner .swiper-pagination-bullets{left: unset !important; width: auto !important;right: 20px !important;bottom: 16px !important;} .news_list_pagination{text-align: center;margin: 40px 0;} .news_list_pagination a{font-size: 14px; color: #566889;margin: 0 6px;padding: 1px 1px 0 0;} .news_list_pagination a:hover,.news_list_pagination a.active{color: #0091FF;} .news_list_pagination p{display: inline-block;} .news_page_btn{text-align: left; cursor: pointer; width: 34px; height: 34px;display: inline-block;background: #0091FF;color: #0091FF !important;border-radius: 50%;line-height: 34px;} .news_page_btn:hover{box-shadow: 0 4px 8px 0 rgba(0,145,255,0.40);} .news_page_pre{background:#0091FF url(../images/video/news_l.svg) center center no-repeat;} .news_page_next{background:#0091FF url(../images/video/news_r.svg) center center no-repeat;} .news_search{border-bottom:1px solid #E0E2E5 ;} .news_hot{float: none;} .news_hot ul{background: none;padding: 0;} .news_hot ul li .list_tit{width: 230px;} .news_hot ul li:last-child{margin-bottom: 0;} .news_info_tit span{font-weight: bold;font-size: 20px;} .news_detail_con p img{max-width: 555px;margin-top: 15px;margin-bottom: 10px;} .news_detail_apk{width: 420px;height: 168px;margin-bottom: 40px;} .news_line{margin: 24px 0 0;border-bottom: 1px dashed #EEF0F3;height: 1px;} /* ************************************************蓝叠新闻********************************************************************** */ .article_box{width: 1220px;padding-left: 20px;margin:24px auto 0;overflow: hidden;} .arctic_recommand li{margin-top: 16px;overflow: hidden;} .arctic_recommand div{width:372px ;height: 215px;overflow: hidden;} .arctic_recommand div img{width: 100%;height: 100%;} .arctic_recommand p{margin: 14px 0 6px;line-height: 26px;color: #566889;} .arctic_recommand i{font-style: normal;font-size: 12px;float: right;color: #9CA3B7;} .arctic_recommand li:hover p,.arctic_recommand li:hover i{color: #0091FF;} .article_guild{border-bottom: 1px solid #EEF0F3;} .article_right{margin-bottom: 0;padding-bottom: 40PX;} .faq_tit{font-size: 32px;margin-bottom: 24px;color: #2B416C;font-weight: bold;} .faq_tit i{display: inline-block;margin-right:12px;background: url(../images/index/line2.png) 0 0 no-repeat;width: 7px;height: 32px;margin-top: 2px;float: left;} .faq_tit span{font-size: 18px;color: #566889;font-weight: normal;} .faq_type{min-height: 92px;display: flex;justify-content: space-between;padding: 0 156px;} .faq_type li a{flex-direction: row;display: flex;margin-bottom: 20px;} .faq_type li .faq_type_icon{width: 72px;height: 72px;overflow: hidden;margin-right: 12px;} .faq_type li:first-child .faq_type_icon{background: url(../images/aboutus/questionbtn.png) 0 0 no-repeat;} .faq_type li:first-child:hover .faq_type_icon{background: url(../images/aboutus/questionbtn.png) -72px 0 no-repeat;} .faq_type li:nth-child(2) .faq_type_icon{background: url(../images/aboutus/questionbtn.png) -144px 0 no-repeat;} .faq_type li:nth-child(2):hover .faq_type_icon{background: url(../images/aboutus/questionbtn.png) -216px 0 no-repeat;} .faq_type li:nth-child(3) .faq_type_icon{background: url(../images/aboutus/questionbtn.png) -288px 0 no-repeat;} .faq_type li:nth-child(3):hover .faq_type_icon{background: url(../images/aboutus/questionbtn.png) -360px 0 no-repeat;} .faq_type li:nth-child(4) .faq_type_icon{background: url(../images/aboutus/questionbtn.png) -432px 0 no-repeat;} .faq_type li:nth-child(4):hover .faq_type_icon{background: url(../images/aboutus/questionbtn.png) -504px 0 no-repeat;} .faq_type li .faq_type_tit{font-size: 16px;color: #566889;margin-top: 10px;line-height: 24px;} .faq_type li .faq_type_tit p{font-weight: bold;} .faq_type li:hover .faq_type_tit{color: #0091FF;} .faq_box{min-height: 500px;} .faq_box li{padding:20px 16px;background: #e4eef5;} .faq_box li a{color: #566889;line-height: 34px;font-size: 16px;} .faq_box li:hover a{color: #0091FF;} .faq_box li:nth-child(2n){background: #f9fbfd;} .faq_box li table{width: 88%;} .faq_box li .faq_th {width: 40px;} .faq_other th{color: #566889;font-size: 16px; line-height: 26px;} .faq_other td{color: #9CA3B7;font-size: 14px; line-height: 26px;} .faq_tit b{font-size: 32px;} .faq_otherbox li{border-bottom: 1px dashed #EEF0F3;padding-bottom: 16px;} .faq_otherbox li:hover{border-bottom: 1px solid #0091FF;} .faq_otherbox li:hover th,.faq_otherbox li:hover td{color: #0091FF;} .about_bs{width: 1200px;margin: 0 auto 40px;} .about_bs dl{background: #fff;padding: 50px;overflow: hidden;} .about_bs a{display: block;padding: 0 50px; line-height: 52px;color: #fff;font-weight: bold;padding-left: 80px;} .about_bs a.about_bs_green{background: #6db347 url(../images/aboutus/ie.png) 50px 16px no-repeat;} .about_bs a.about_bs_blue{background: #1077b9 url(../images/aboutus/ie.png) 50px 16px no-repeat;} .about_bs dl dt{float: right;} .about_bs dl dd{color: #566889;line-height: 30px;} .about_bs dl .about_bs_tit{color: #2B416C;font-size: 32px;font-weight: bold;margin-bottom: 28px;} .about_bs dl .about_bs_tit2{font-size: 16px;font-weight: bold;} .about_bs dl .about_bs_tit3{font-size: 14px;margin: 36px 0;} .about_contact li{position: relative; width: 380px; height: 380px; float: left;margin:0 30px 40px 0;} .about_contact li:last-child{margin-right: 0;} .about_contact label{font-size: 24px ;height: 60px;line-height: 60px;padding-left: 80px; color: #2B416C;margin: 0 0 150px 0;font-weight: bold;display: block;} .contact_cn{background: url(../images/aboutus/cn_03.jpg) 0 0 no-repeat;} .contact_us{background: url(../images/aboutus/us_03.jpg) 0 0 no-repeat;} .contact_in{background: url(../images/aboutus/india_03.jpg) 0 0 no-repeat;} .about_contact div{opacity: 0.9;line-height: 24px;padding: 24px ;color: #fff;font-size: 16px;} .about_contact li img{position: absolute;width: 100%;height: 100%;z-index: -1;top:0;left: 0;} .about_phone{background: #fff;color: #566889;font-size: 16px;padding: 24px;line-height: 28px;} .about_phone span{ display: block;font-size: 24px; font-weight: bold;color: #2B416C;margin-bottom: 20px;} .about_partner img{margin-bottom: 7px;line-height: 0;display: block;float: left;margin-right: 7px;} .about_partner img:nth-child(5n){margin-right: 0;} .about_investors{overflow: hidden;} .about_investors li{float: left;line-height: 22px; margin: 0 30px 40px 0; width: 332px;height: 392px;padding: 24px;background: #fff;color: #566889;font-size: 16px;} .about_investors li span{color: #2B416C;font-size: 24px; font-weight: bold;display: block;margin: 24px 0;} .about_investors li:nth-child(3n){margin-right: 0;} .about_investors li:nth-child(4),.about_investors li:nth-child(5){margin-bottom: 0;} .about_bs dl dt{animation:aboutus_show 2s ;-webkit-animation:aboutus_show 2s ;} @keyframes aboutus_show{ from {opacity: 0;transform: scale(1.2);} to {opacity: 1;transform: scale(1);} } @-webkit-keyframes aboutus_show{ from {opacity: 0;transform: scale(1.2);} to {opacity: 1;transform: scale(1);} } .about_bs dl dd{animation:aboutus_show2 1s ;-webkit-animation:aboutus_show2 1s ;} @keyframes aboutus_show2{ from {opacity: 0;transform: scale(1.1);} to {opacity: 1;transform: scale(1);} } @-webkit-keyframes aboutus_show2{ from {opacity: 0;transform: scale(1.1);} to {opacity: 1;transform: scale(1);} } .user_agreement{ color: #566889;font-size: 16px;line-height: 40px;} .user_agreement b{font-size: 18px;} .user_agreement p{font-size: 20px;color: #2B416C;font-weight: bold;} .user_agreement td{vertical-align: top;} .user_agreement .red{color: #FF3921;} .user_type{overflow: hidden;} .user_type li{ float: left;margin-right: 40px;} .user_type li a{padding:10px 0;font-size: 18px;font-weight: bold;color: #9CA3B7;display: block;border-bottom: 3px solid #fff;} .user_type li:hover a,.user_type li.on a{border-bottom: 3px solid #0091FF;color:#0091FF ;} .user_con{font-size: 16px ; color:#566889; font-weight: bold;padding: 40px 0 20px;position: relative;} .user_input{margin-bottom: 36px;letter-spacing: 1px;} .user_input input{width: 450px;border-radius: 4px;color: #566889; height: 40px;line-height: 40px;padding: 0 10px;background: #f4f4f4;border: none;outline: none;} .user_input input::placeholder{color: #BAC1D2;} .user_yzm{width: 120px !important;} .user_check{font-size: 14px;font-weight: normal;} .user_check a{font-size: 14px; color: #0091FF;} .user_check a:hover{color: #3DABFF;} .user_btn{cursor: pointer; background: #0091FF;border-radius: 30px;width: 400px;height: 48px;text-align: center;line-height: 48px;color: #fff;font-size: 18px;font-weight: bold;} .user_btn:hover{background: #3DABFF;box-shadow: 0 4px 10px 0 rgba(0,145,255,0.30);} .user_coin {margin-bottom: 30px;} .user_num{margin-top: 36px;} .user_coin li{cursor: pointer; margin:30px 18px 0 0; float: left;position: relative;text-align: center;background: #e4eef5;width: 185px;height: 135px;padding-top: 50px;} .user_coin li:last-child{margin-right: 0;} .user_coin li b{font-size: 32px;} .user_coin li p{margin-top: 32px;font-weight: normal;color: #9CA3B7;} .user_coin li i{background: #0091FF; display: block;height: 3px;width: 0; transition: width 0.5s;position: absolute;top:0;left: 0;z-index: 10;} .user_coin li span{width: 40px;height: 40px; display: block;opacity: 0; background: url(../images/usercenter/check.svg) 0 0 no-repeat; position: absolute;right: 10px;bottom: 10px;} .user_coin li.on{background: #fff ;box-shadow: 0 2px 16px 0 rgba(43,65,108,0.10);} .user_coin li.on span{opacity: 1;} .user_coin li:hover{background: #FFFFFF;box-shadow: 0 2px 16px 0 rgba(43,65,108,0.10);} .user_coin li:hover b,.user_coin li.on b{color: #0091FF;} .user_coin li:hover i,.user_coin li.on i{width: 100%;} .user_pay{overflow: hidden;} .user_pay p{float: left;text-align: center;color: #9CA3B7;font-weight: normal;margin:30px 70px 30px 0;} .user_pay p span{width: 80px;height: 80px;display: block;overflow: hidden;margin-bottom: 8px;} .user_pay p:hover,.user_pay p.on{color: #0091FF;cursor: pointer;} .user_alipay span{background: url(../images/usercenter/pay.png) 0 -80px no-repeat;} .user_wechat span{background: url(../images/usercenter/pay.png) 0 0 no-repeat;} .user_alipay:hover span{background: url(../images/usercenter/pay.png) -80px -80px no-repeat;} .user_wechat:hover span{background: url(../images/usercenter/pay.png) -80px 0 no-repeat;} .user_alipay.on span{background: url(../images/usercenter/pay.png) -160px -80px no-repeat;} .user_wechat.on span{background: url(../images/usercenter/pay.png) -160px 0 no-repeat;} .user_yzm_green{color: #64B404;font-weight: normal;position: absolute;left: 0;top: -8px;} .user_yzm_text{color: #0091FF;font-weight: normal;cursor: pointer;margin-left: 65px;} .user_yzm_text:hover{color: #3DABFF;} .user_check{margin-bottom: 50px;} .user_check i{cursor: pointer; width: 16px;height: 16px;margin-right: 5px; overflow: hidden;float: left; background: url(../images/usercenter/check2.png) 0 0 no-repeat;display: inline-block;} .user_check i.on{ background: url(../images/usercenter/check2.png) -16px 0 no-repeat;} .no_margin{margin-bottom: 0;} .no_margin2{margin-bottom: 0 !important;} .user_reload_yzm{display: inline-block;position: relative;} .user_wechat{margin-right: 0 !important;} .user_center1{padding:0 20px;} .user_list{background: #f9fbfd;padding:28px 40px 2px; font-weight: normal;min-height: 600px;} .user_list_pc{width: 100%;} .user_list_pc td,.user_list_pc th{text-align: left;width: 270px;padding: 20px 0;} .user_list_pc th{border-bottom: 1px solid #EEF0F3;} .user_list_pc td{border-bottom: 1px dashed #EEF0F3;color: #9CA3B7 ;} .user_list_phone{display: none;} .user_btn_list{margin:48px auto} .user_login{ float: right;color: #566889;font-size: 14px; font-weight: normal;background: url(../images/usercenter/logout.svg) 0 10px no-repeat;padding-left: 26px;} .user_login.on{background: url(../images/usercenter/login.svg) 0 10px no-repeat;} .header_user{position: relative;font-size: 14px;} .header_user b{position: absolute;right:0;top:3px;font-size: 14px;cursor: pointer;} .header_user b:hover{color: #0091FF;} .user_hint{font-weight: normal; position: fixed;top:30%;left: 50%;margin-left: -100px;} .no_user_list{background: url(../images/usercenter/user_list.svg) top center no-repeat !important;} /*****************************************************keymaping******************************************* */ .keymap_tit1{font-size: 36px;color: #2B416C;letter-spacing: 2px;font-weight: bold;} .keymap_tit2{font-size: 17px;color: #566889;margin-top: 20px;line-height: 28px;} .keymap_tit3{font-size: 24px !important;color: #fff !important;} .keymaping_sec2{margin:80px 0} .keymaping_sec2 ul li{float: left;margin-right: 90px;width: 340px;color: #566889;line-height: 28px;} .keymaping_sec2 ul li:last-child{margin-right: 0;} .keymaping_sec2 ul li b{margin: 30px 0 14px; font-size: 18px ;font-weight: bold;color: #2B416C;display: block;width: 100%;} .keymaping_bg_white{background: #fff;} .keymaping_video{overflow: hidden;border-bottom: 1px solid #D6DFE8;margin-bottom: 20px;} .keymaping_video p{ position: relative; font-weight: bold;font-size: 18px; cursor: pointer; padding: 40px 0 20px; float: left;color: #677A8F;margin-right: 56px;} .keymaping_video p i,.keymaping_v_list p span i{width: 100%;height: 2px;position: absolute; z-index: 10;bottom: 0;left: 0;display: none;background: #0091FF;} .keymaping_video p:hover,.keymaping_video p.on{color: #0091FF;} .keymaping_v_list p{display: none;} .keymaping_v_list p span{position: relative; cursor: pointer; padding: 20px 0; display: block;font-size: 17px;font-weight: bold;color: #677A8F;width: 160px;border-bottom: 1px solid #D6DFE8;} .keymaping_v_list p span:hover,.keymaping_v_list p span.on{color: #0091FF;} .keymaping_v_list p span:hover i,.keymaping_v_list p span.on i,.keymaping_video p:hover i,.keymaping_video p.on i{display: block;} .keymaping_v_list p.on{display: block;} .keymaping_v_list_l,.keymap_jinjie_l{float: left;} .keymaping_v_list_r,.keymap_jinjie_r{float: right;} .kemaping_dark_bg {background: #171b34; padding: 80px 0 0;display: none;} .keymaping_step_tit{color: #2B416C;} .pading_80{padding-top: 80px;} .color_keymap{font-size: 17px ; color: #0091FF;word-wrap: break-word;white-space: normal;word-break: break-all} .color_keymap:hover{color:#3DABFF;} .keymap_con{font-size: 17px ; color: #B0D0E5;word-wrap: break-word;white-space: normal;word-break: break-all} .keymap_btn{position: relative; width: 130px;height: 48px;background: rgba(0,145,255,0.06);border: 1px solid #0091FF;color: #0091FF;padding-left:50px;line-height: 48px;font-weight: bold;display: block;margin-top: 24px;} .keymap_btn:hover{background: rgba(0,145,255,0.18);border: 1px solid #3DABFF;box-shadow: 0 4px 10px 0 rgba(0,145,255,0.20);} .keymap_btn i{transition: all 0.5s; position: absolute;left:110px;top:20px; margin-left: 10px;display: inline-block;width: 14px;height: 8px;background: url(../images/keymaping/arrow1.png) 0 0 no-repeat;} .keymap_btn.on i{transform: rotateZ(180deg);} .keymap_notice{margin-top: 48px;} .keymaping_bg_white .feature_stepbox ul li{color: #566889} .keymaping_bg_white .feature_stepbox ul li span{border-bottom: 1px solid #E2EAF0;} .keymaping_bg_white .feature_stepbox ul li:hover span,.keymaping_bg_white .feature_stepbox ul li.on span,.keymaping_bg_white .feature_stepbox ul li:hover b,.keymaping_bg_white .feature_stepbox ul li.on b{color: #0091FF} .keymaping_bg_white .feature_stepbox ul li i{background: #F4F4F7;} .keymaping_bg_white .feature_stepbox ul li.on i{background: #0091FF;} .kemaping_key{width: 760px;padding:0 0 80px ;} .keymap_buzhou span{color: #B0D0E5 !important; border-bottom: 1px solid #363D54 !important;cursor: default !important;} .no_padding{padding-top: 0;} .no_padding img{margin-bottom: 0 !important;} .keymaping_pading{padding: 0 !important;} .keymaping_pading .feature_info{margin-bottom: 0 !important;} .k_pading_80 .feature_info{margin-bottom: 0 !important;} .k_pading_50{padding-bottom: 50px;} .k_p_80_b{padding-bottom: 80px;} .lj_icon1{background: url(../images/keymaping/icon/lj_icon1.png) 35px 0 no-repeat;width: 100px; } .dj_icon1{background: url(../images/keymaping/icon/dj_icon1.png) 35px 0 no-repeat;width: 100px; } .fxj_icon1{background: url(../images/keymaping/icon/fxj_icon1.png) 48px 0 no-repeat; width: 150px;} .fxj_icon2{background: url(../images/keymaping/icon/fxj_icon2.png) 48px 0 no-repeat; width: 100px;} .fxj_icon3{background: url(../images/keymaping/icon/fxj_icon3.png) 48px 0 no-repeat; width: 150px;} .fxj_icon4{background: url(../images/keymaping/icon/fxj_icon4.png) 48px 0 no-repeat; width: 100px;} .sbyj_icon1{background: url(../images/keymaping/icon/sbyj_icon1.png) 35px 0 no-repeat; width: 100px;} .sbyj_icon2{background: url(../images/keymaping/icon/sbyj_icon2.png) 118px 0 no-repeat; width: 150px;} .znsf_icon1{background: url(../images/keymaping/icon/znsf_icon1.png) 50px 0 no-repeat; width: 150px;} .znsf_icon2{background: url(../images/keymaping/icon/znsf_icon2.png) 105px 0 no-repeat; width: 150px;} .hd_icon1{background: url(../images/keymaping/icon/hd_icon1.png) 50px 0 no-repeat; width: 150px;} .hd_icon2{background: url(../images/keymaping/icon/hd_icon2.png) 50px 0 no-repeat; width: 150px;} .hd_icon3{background: url(../images/keymaping/icon/hd_icon3.png) 50px 0 no-repeat; width: 150px;} .hd_icon4{background: url(../images/keymaping/icon/hd_icon4.png) 50px 0 no-repeat; width: 150px;} .zlgy_icon1{background: url(../images/keymaping/icon/zlgy_icon1.png) 50px 0 no-repeat; width: 150px;} .zlgy_icon2{background: url(../images/keymaping/icon/zlgy_icon2.png) 50px 0 no-repeat; width: 150px;} .zlgy_icon3{background: url(../images/keymaping/icon/zlgy_icon3.png) 50px 0 no-repeat; width: 150px;} .zlgy_icon4{background: url(../images/keymaping/icon/zlgy_icon4.png) 50px 0 no-repeat; width: 150px;} .sf_icon1{background: url(../images/keymaping/icon/sf_icon1.png) 35px 0 no-repeat; width: 150px;} .sf_icon2{background: url(../images/keymaping/icon/sf_icon2.png) 35px 0 no-repeat; width: 150px;} .ckzj_icon1{background: url(../images/keymaping/icon/ckzj_icon1.png) 35px 0 no-repeat; width: 150px;} .sjkz_icon1{background: url(../images/keymaping/icon/sjkz_icon1.png) 35px 0 no-repeat; width: 150px;} .sjkz_icon2{background: url(../images/keymaping/icon/sjkz_icon2.png) 50px 0 no-repeat; width: 150px;} .sjkz_icon3{background: url(../images/keymaping/icon/sjkz_icon3.png) 50px 0 no-repeat; width: 150px;} .sjkz_icon4{background: url(../images/keymaping/icon/sjkz_icon4.png) 50px 0 no-repeat; width: 150px;} .sjkz_icon5{background: url(../images/keymaping/icon/sjkz_icon5.png) 50px 0 no-repeat; width: 150px;} .gd_icon1{background: url(../images/keymaping/icon/gd_icon1.png) 35px 0 no-repeat; width: 150px;} .gdt_icon1{background: url(../images/keymaping/icon/gdt_icon1.png) 35px 0 no-repeat; width: 150px;} .key_no_magin{margin-left: 0;} .ldb{font-weight: normal;color: #9CA3B7;} /*****************************************************新版关于我们******************************************* */ .ab_bg{width: 100%;height: 720px; background: url(../images/aboutus/bg.jpg) center center no-repeat;} .ab_btn{border-radius: 40px;display: block;color: #fff;font-size: 20px;line-height: 68px;text-align: center; width: 268px;height: 68px;background-image: linear-gradient(90deg, #14B9FF 0%, #159AFF 100%); border: 1px solid rgba(255,255,255,0.36); box-shadow: 0 3px 6px 0 rgba(19,131,214,0.30); border-radius: 6px;} .ab_btn:hover{background: #3CC5FF;border: 1px solid rgba(255,255,255,0.40);box-shadow: 0 3px 6px 0 rgba(19,139,214,0.60);} .ab_con{width: 1200px;margin: 0 auto;color: #fff;padding-top: 150px;} .ab_con p{font-size: 46px;line-height: 70px;width: 560px;} .ab_con span{font-size: 20px;display: block;margin: 30px 0;} .ab_con div{margin-top: 100px;} .ab_con img{float: right;} .ab_howto{font-size: 24px;color: #2B416C;margin: 30px 0 20px;} .ab_howto_del{width: 466px;line-height: 24px;margin-bottom: 10px;} .ab_video{position: relative;width: 609px;float: right;} .ab_video_con{width: 40%;float: left;} .ab_play_btn{background: url(../images/video/video.svg) 0 0 no-repeat; position:absolute; top: 50%;left: 50%;margin-left: -36px;margin-top: -25px;cursor: pointer;z-index: 10;width: 72px;height: 50px;} .ab_play_btn:hover{background: url(../images/video/video_hover.svg) 0 0 no-repeat;} .ab_play_img{position:absolute;top:0;left: 0;} .ab_detailbox{background: #e4eff5;letter-spacing: 1px;width: 100%;} .ab_detail{width:1200px ;margin: 0 auto;padding: 80px 0;color: #566889;} .ab_list{line-height: 30px; color: #566889;} .ab_list li p{font-size: 24px; margin-top: 40px;margin-bottom: 10px;color: #2B416C;} .ab_info{display: flex;justify-content: space-between;flex-wrap:wrap} .ab_info li{width: 380px;height: 220px;position: relative;padding-top: 62px;margin-top: 40px;} .ab_info li .ab_icon{width: 124px;height: 124px; position: absolute;top: 0;left: 50%;margin-left: -62px;z-index: 10;} .ab_info li div{text-align: center;font-weight: 100;height: 130px;padding-top: 90px; background: #fff;font-size: 36px;color: #566889;border-radius: 8px;} .ab_info li div img{height: 70%;} .bs_website{line-height: 30px; color: #0091FF;font-style: normal;padding-left: 25px; background: url(../images/aboutus/ie_icon.png) 0 4px no-repeat;display: block;} @media screen and (max-width: 1219px) { h3{margin: 0 20px 30px;} .index_game_hot,.index_game_list,.index_nav ul li,.index_nav ul{ float: none;} .index_sec_main,.index_sec4_main,.index_sec5 .index_bluestacks_box{width: auto;} .index_game_list_con,.index_footer_box,.index_sec5 .index_bluestacks_box {margin: 0 20px;} .index_sec3_main,.index_sec4_main{margin: 0 auto; padding-left: 0;} .index_nav,.index_top_crumb .index_top_crumb_renmen,.index_game_list_con{width: auto;} .index_game_list ul li .list_tit{width: 75%;} .index_sec4_main li:nth-child(4n){margin-right: 16px} .index_sec3_main li:nth-child(7n){margin-right: 18px} .index_sec3{padding: 72px 0 48px;} .index_scrollbox{ overflow-x:scroll;overflow-y: hidden;padding-left: 20px;padding-bottom: 21px;} .index_top_scroll,.appcenter_scrollbox,.appcenter_list_scrollbox{overflow-x:scroll;overflow-y: hidden;} .index_game_hot_list li{display: inline-block;} .index_scrollbox::-webkit-scrollbar,.index_top_scroll::-webkit-scrollbar,.appcenter_scrollbox::-webkit-scrollbar,.appcenter_list_scrollbox::-webkit-scrollbar {display: none;} .hidden_scroll_detail_tuiian{overflow: hidden;height: 195px;} .hidden_scroll_header{overflow: hidden;height: 40px;} .hidden_scroll_applist_type{overflow: hidden;height: 33px;} .hidden_scroll_applist_list{overflow: hidden;height: 250px;} .hidden_scroll_appcenter_remen{overflow: hidden;height: 300px;} .hidden_scroll_appcenter_bluestacks{overflow: hidden;height: 260px;} .index_game_hot_list ul{width: 1760px;overflow: hidden;} .index_newgame_box ul{width: 2436px;overflow: hidden;} .index_info_box ul{width: 2432px;/*overflow: hidden;*/} .index_top_crumb_con,.logo{margin-left: 20px;} .index_map_tit{margin-right: 20px;} .index_mid_nav_icon{width: 62px;height: 78px;position: relative;float: right;} .index_mid_nav_icon span{width: 25px;height: 2px;background: #fff;display: block;margin:0 0 7px;position: absolute;left:18px;transition:all 0.5s;} .index_mid_nav_icon span:nth-child(1){top:30px} .index_mid_nav_icon span:nth-child(2){top:39px} .index_mid_nav_icon span:nth-child(3){top:48px} .index_rydnb a{padding:10px} .index_rydnb a:hover{ padding: 10px !important;} .index_game_hot_list{width: auto;} .index_nav ul{ overflow: hidden; width: 600px; height: 0; background: rgba(0,0,0,0.92);box-shadow: 0 4px 10px 0 rgba(0,0,0,0.30);border-radius: 0 0 4px 4px; position: absolute;right: 0;top:80px} .index_nav ul li {border-bottom: 1px solid #222;margin:0 24px;line-height: 40px;} .index_nav ul li:first-child{margin-top:20px} .index_nav ul li:last-child{margin-bottom: 20px;} .index_nav ul li p a{height: 40px;display: inline-block;width: 100%;} .index_nav ul li:hover p a{color: #fff;border: none ;} .index_rydnb{width: 100%; position: static;} .index_nav_con li .nav_arrow{background:url(../images/map.png) 0 0 no-repeat;display: inline-block;width: 14px;height: 8px;float: right;margin: 20px 0 0 0;transition:all 0.5s;} .index_mid_nav_icon{display: block;position: absolute;right:0;top: 0;} .index_game_hot {margin-bottom: 48px;width: auto;} .index_float,.index_sec1_gameicon{display: none;} .index_float,.index_sec2_gameicon{display: none;} .index_nav .logo{width: 48px;} .index_rydnb a{display: block;width: 100%;} .index_rydnb a:nth-child(1){margin-top: 0;} .index_footer_guanfang {width: 50%;} .index_footer_guanfang ul li{height: auto;margin-right: 18px;width: 28%} .qrcodeimg{width: 100%;} .qrcode_weixin,.qrcode_weibo,.qrcode_qq{background-size: 85% } .index_footer_guanfang ul li:hover .index_share_hint,.search_down{display: none;} .index_footer_lianjie{width: 45%;} .m_r{margin-right: 0;} .index_nav ul li p a.on{border: none;} .index_rydnb a:hover,.index_rydnb a.on{padding: 10px !important;} /* ************************************************应用中心********************************************************************** */ .header_download{display: none;} .appcenter_game_type{margin:0 20px 18px} .appcenter_game_list_con{margin-bottom: 0;padding-bottom: 0;} .searchbox,.header_guild p{float: none;} .header_guild{height: 90px;width: 100%;padding-right:0} .header_guild p{margin-left: 20px;margin-bottom: 14px;overflow: hidden;} .searchbox{margin:6px 20px 0;width: auto;} .appcenter_game_hot_list ul{width: 2640px;} .appcenter_sec2 ul{width: 2436px;} .index_game_list ul li img{width: 80px;height: 80px;border-radius: 20px;margin-right: 15px;} .index_game_list ul li i{background-size: 90% auto;margin-top: 12px;margin-right: 10px;padding-left: 10px;line-height: 50px;} .index_game_list ul li .list_tit{font-size:18px;line-height: 60px;} .index_game_list ul li .list_download,.index_game_list ul li:hover .list_download{width: 20px;height: 20px;margin-top:35px} .num10 {padding-left: 4px !important;width: 35px !important;} .search_sec{padding-top:48px} .appcenter_sec1{ padding-bottom:48px} .header_guild{line-height: 14px;padding:14px 0 0 0;height: 85px;} .index_game_list_con{height: auto;} .index_sec3_main li:nth-child(8n) {margin-right: 16px;} .index_rydnb a:last-child{margin-bottom: 0;} .zoom-in-app,.zoom-in-app2,.zoom-in-app3 {animation:none} .index_game_hot_list li{opacity: 1;} /*****************************************************详情页******************************************* */ .detial_r,.detail_list,.detail_game_share,.detail_install,.detail_btn,.detail_box{display: none;} .detail_main,.detial_l{width: 100%;} .detail_main{margin-bottom: 48px;} .detail_download_phone,#detail_con{display: block;} .detail_gamebox dt{margin-bottom: 20px;} .detail_gamebox dd.detail_con{width: auto;} .detail_game_del li {margin: 10px 0;} .detail_game_star {margin: 12px 0;} .detail_gamebox{height: auto;} .detail_share_box{display: none;} .detail_gamebox{overflow: hidden;} /*****************************************************特性页******************************************* */ .feature_sec_con,.feature_sec_con2 {width: auto; margin: 0 20px;} .feature_titbox{width: 60%;} .feature_info{width: 47%;} .feature_infobox img {width: 49% ;} .feature_img_loop{width: 62%;} .feature_stepbox {width: 34%;} .feature_conect ul li{width: 25%;} .feature_titbox{width: auto;} .feature_zixunbox{margin:0 20px 0 0;} .mr_50{width: 36%;} /*****************************************************资讯视频******************************************* */ .video_box ul li{width: 47%;height: 260px;margin-right: 0;} .video_box ul li:nth-child(2n){float: right;} .news_right,.news_share_box,.news_xianguantuijian{display: none;} .news_left,.news_info_left{float: none;width: auto;} .vedio_banner{display: none} .video_main{margin-top: 0;} .news_btn_box{border-bottom: none;} .video_main{margin-bottom: 0;} .news_left{padding-bottom: 0;} .news_detail_con .iframe{width: 100% !important;} .news_banner{width: auto;margin: 20px 20px 10px;} .news_banner img{width: 100%;height: 100%;} .news_bg2{background: none;} .news_banner .swiper-pagination-bullets{bottom: 12px !important;right: 12px !important;} .news_search{border-bottom:1px solid #EEF0F3 ;} /*****************************************************关于我门蓝叠新闻******************************************* */ .article_box li{ width: 48% !important;height: 336px !important; } .article_box li .headimg{height: 212px !important;} .article_box,.about_bs{width: auto;} .article_guild{height: auto !important; } .article_main{margin-top: 20px;} .faq_box li table{width:100%;} .faq_tit2,.about_phone,.faq_type{margin: 0 20px;} .user_agreement{margin: 0 20px 48px;} .faq_tit{margin: 0 20px 24px;} .faq_type{padding: 0;flex-wrap: wrap;} .about_partner,.about_investors,.about_contact{margin: 0 20px;} .about_investors li{width: 43.5%;margin-right: 0;} .about_investors li:nth-child(2n){float: right;} .about_investors li:nth-child(4){margin-bottom: 40px;} .about_contact li:nth-child(2n){float: right;margin-right: 0;} .about_contact li{width: 48%;margin-right: 0;} .about_partner img:nth-child(5n){margin-right: 7px;} .about_partner img:nth-child(4n){margin-right: 0;} .about_partner img{width: 24.3%;} .faq_main{margin-bottom: 0;} .keymap_jinjie_l,.keymaping_sec2,.keymaping_sec3 {display: none;} .keymap_jinjie_r{float: none;width: auto ;} .feature_top img,.feature_del p{float: none;} /*.feature_top img{margin: 0 auto 40px;display: block;}*/ .index_sec5{background:url(../images/index/footer.jpg) center top no-repeat;background-size:auto 110%;} /*****************************************************充值中心******************************************* */ .user_coin li{width: 32%;} .user_coin li{margin-right: 2%;} .user_coin li:nth-child(3n){margin-right: 0;} .user_list_phone{display: block;} .user_list_pc{display: none;} .user_list_phone li{border-bottom: 1px dashed #EEF0F3;padding: 12px 0;} .user_list_phone li p{padding: 12px 0;font-size: 15px;color: #9CA3B7 ;} .user_list_phone li p span{font-weight: bold;margin-right: 10px;font-size: 16px;color: #566889;} .user_center_main{margin: 48px 0 48px;width: auto;} .user_center_main .faq_tit{margin-left: 0;} .header_user{padding: 15px 8px 25px 0;margin: 0 20px;} .user_login { background: url(../images/usercenter/logout.svg) 0 0 no-repeat;} .user_login.on { background: url(../images/usercenter/login.svg) 0 0 no-repeat;} .header_user b{height: 20px;display: inline-block;padding-top: 3px;top:14px} .user_list { padding: 0 0 2px; background: none;} /*****************************************************新版关于我们******************************************* */ .ab_con,.ab_detail{width: auto;margin: 0 20px;} .ab_con p,.ab_howto_del{width: auto;} .ab_detail .faq_tit{margin-left: 0;} .ab_con p {font-size: 36px;line-height: 60px;} .ab_con img{width: 400px;height: auto;} .ab_info{margin: 0 100px;} .ab_info li{width: 45%;} video, .ab_video, .ab_play_img { width: 500px;height: auto;} } @media screen and (max-width: 1000px) { video,.ab_video{height: auto;} .ab_info{margin: 0 50px;} video, .ab_video, .ab_play_img {width: 450px;} } @media screen and (max-width: 900px) { .article_box li{ width: 47.6% !important;} .about_bs dl dt{float: none;margin-bottom: 40px;} .about_partner img{width: 32.5%;} .about_investors li{width: 42%;} .about_partner img:nth-child(4n){margin-right: 7px;} .about_partner img:nth-child(3n){margin-right: 0;} video, .ab_video, .ab_play_img {width: 380px;} .ab_info{margin: 0 auto;} } @media screen and (max-width: 750px) { .index_download_package {padding-left: 10px;width:auto;} .index_download_package p:nth-child(2){display: block;margin-top: 10px;} .index_footer_lianjie,.index_footer_guanfang{ float: none;width: auto;} .index_footer_lianjie{padding-bottom: 20px;} .index_game_list ul li .list_tit{width: 50%;} .index_tit{height: auto;} .index_tit img,.index_nav ul,.index_map_box {width: 100%;} .index_tit{width: 85%;} h3{font-size: 28px;background: url(../images/index/line.png) 0 2px no-repeat;background-size:auto 90%;padding-left: 14px;} .index_more{margin-top: 0;font-size: 14px;} .index_rydnb {width: 100%;} .index_sec,.feature_key,.feature_mode{padding: 48px 0 48px;} .index_sec{padding-top: 48px;} .index_sec4{padding-bottom: 24px;} h3{margin-bottom: 32px;} .index_game_hot {margin-bottom: 24px;} .index_sec2{padding-bottom: 0;} .index_sec3 {padding-top: 48px;padding-bottom: 24px;} .index_rydnb a{display: inline-block;width: 40%;} .goto_aboutus{font-size: 32px;} .index_footer_guanfang ul li{width:29% ;margin-right:15px} .kemaping_dark_bg,.keymaping_bg_white{padding-top: 48px;} .k_pading_80{padding-top: 48px;} /* ************************************************应用中心********************************************************************** */ .m_t_50{margin-top:24px} .appcenter_game_list_con {margin-bottom: 48px;} h3 .appserch_tit,h3 .detail_name{font-size:28px} /*****************************************************特性页******************************************* */ /*.feature_top img{height: 200px;display: block;width: auto;}*/ .feature_titbox,.feature_del p,.user_btn{width: auto;} .feature_img_loop{display: none;} .feature_stepbox,.feature_conect ul li,.feature_infobox img{width: 100%;height: auto;} .feature_phone_img{display: block;} .feature_key ul li{margin-bottom: 8px;} .feature_key ul li p:last-child,.feature_key ul li p:first-child {float: none;padding: 8px 0;width: auto;} .feature_info{width: auto;height: auto;margin-bottom: 50px;} .feature_infobox img{margin-bottom: 30px;} .feature_infobox{padding: 50px 0 0;} .feature_stepbox ul li b{bottom: 10px;} .feature_zixunbox{padding: 50px 0 50px 0;} .moba4box{padding: 0;} .feature_conect{padding: 50px 0;} .moba4box img{margin-bottom: 0;} .feature_tit1,.feature_tit2,.feature_tit3{font-size: 24px;} .feature_conect ul li img{margin-top: 40px;} .feature_conect ul li b{font-size: 16px;} .feature_conect ul li p{font-size: 14px;} .feature_tit{font-size: 28px;margin-bottom: 26px;} .feature_titbox i{margin:24px 0} .feature_top{padding:200px 0 50px} .feature_info b{font-size: 24px;} .feature_info p{font-size: 16px;} .feature_tit3 i{display: none;} .feature_tit3 .index_more{margin-top: 5px;} .feature_stepbox ul li span{opacity: 1;} .feature_stepbox ul li span i,.feature_stepbox ul li.on span i{opacity: 0;width: 0;transition: none;} .feature_infobox li{-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;} .feature_info_float{order: initial;} .feature_del{width: auto} .mr_50{margin-left: 0} .feature_key ul li p:first-child{display: block;} .feature_key ul li p:first-child span{display: block;width: auto;} .feature_key ul li p:first-child span:nth-child(2){padding-top:14px ;} /*****************************************************资讯视频******************************************* */ .video_box ul li{width: 100%;height: 212px;} .video_box ul li{margin-top: 0;} .video_main2{margin-top:24px;} .video_main2 h3{margin-bottom: 24px;} .news_list li img,.news_list li div,.news_list_play{float: none;width: 100%; height: auto;} .news_list li img{margin-bottom: 20px;height: 212px;} .news_banner{height: 176px;} .news_banner .swiper-pagination-bullet{width: 6px;height: 6px;} .news_detail_con p img{max-width: 100%;height: auto !important;} .news_list li:hover .news_list_play{box-shadow:none} @keyframes zoomOut{ from {width: 100%;height: 100%;margin-top: 0;margin-left: 0;} to {width: 100%;height: 100%;margin-top: 0;margin-left: 0;} } @-webkit-keyframes zoomOut{ from {width: 100%;height: 100%;margin-top: 0;margin-left: 0;} to {width: 100%;height: 100%;margin-top: 0;margin-left: 0;} } /*****************************************************关于我门蓝叠新闻******************************************* */ .article_box li{ width: 100% !important; float: none !important;} .article_box{padding: 0; margin: 24px 20px;} .article_box ul{overflow: hidden;} .faq_tit span{display: none;} .index_tit svg,.about_contact li{width: 100%;} .about_bs dl{padding:50px 20px;} .about_bs a.about_bs_green{background: #6db347 url(../images/aboutus/ie.png) 20px 15px no-repeat;padding-left:45px;} .about_bs a.about_bs_blue{background: #1077b9 url(../images/aboutus/ie.png) 20px 15px no-repeat;padding-left:45px;} .about_investors li{width: auto;margin-right: 0;height: auto;padding-bottom: 50px;} .about_partner img:nth-child(3n){margin-right: 7px;} .about_partner img:nth-child(2n){margin-right: 0;} .about_partner img{width: 48.5%;} .user_coin li{width: 48%;} .user_coin li,.user_coin li:nth-child(3n){margin-right: 4%;} .user_coin li:nth-child(2n){margin-right: 0;} .h_48{height: 30px;} .keymaping_bg_white .feature_stepbox ul li i{display: none;} .keymap_btn{margin-bottom: 48px;} .keymaping_pading ul{padding-top: 0 !important;} .keymaping_p_0{padding-bottom: 0;} .about_b,.pading_80{padding-top: 48px;} .user_coin li span{width: 32px;height: 32px;background-size: 100%;} .header_user,.header_user b{font-size: 11px;} .user_input1{margin-top: 15px;} .ab_detail{padding: 48px 0;} .ab_info li,.ab_info li div{width: auto;} .ab_info,.ab_start{display: block;} .ab_video{margin-top: 30px;margin-left: 0;} .ab_btn{display: none;} .ab_con div{margin-top: 10px; text-align: center;} .ab_con{text-align: center;} .ab_con img{width: 60%; float: none;} video,.ab_video,.ab_play_img{width: 100%;} video,.ab_video{height: auto;} .ab_con p{font-size: 28px;line-height: 46px;} .ab_con span{font-size: 16px;margin: 20px 0;} .ab_video_con,.ab_video{float: none;width:100%} } @media screen and (max-width: 500px) { .ab_con img{width: 70%;} } @media screen and (max-width: 500px) { .index_download_box,.index_animate{width: 85%;} .index_download_btn{width: 100%;margin-left: -50%;} .index_map_sec2 li{width: 100%;} .index_map_sec1 p{width: 30%;} .index_more span{width: 6px;height: 6px;} .index_footer_guanfang ul li{width:28% ;margin-right:15px} .index_game_list ul li .list_tit{width: 40%;} .header_guild p,.header_guild, .header_guild a, .header_guild span{font-size:11px !important} .no_search svg{width: 200px} .no_search{padding-top:20px;line-height: 0;} .detail_pc_inline{display: block;margin-top: 10px;} .header_guild p .detail_name{font-size: 11px !important;} .ab_con img{width: 80%;} } @media screen and (max-width: 460px) { .user_reload_yzm{display: block;margin-top: 10px;} .user_yzm_green{margin-left: 0;} .ab_con img{width: 90%;} } @media screen and (max-width: 400px) { .index_game_list ul li .list_tit{width: 30%;} h6{font-size: 18px;} .index_footer_lianjie, .index_footer_guanfang{margin: 0 auto;} h2{font-size: 20px;} .index_download_box {margin: 0 auto 30px;} .index_sec1{padding-top: 160px;} .index_top_crumb_con,.index_top_crumb .index_top_crumb_renmen a,.index_map .index_map_tit,.index_top_crumb_con span{font-size: 13px;} .index_footer_guanfang ul li{width:27% ;margin-right:10px;} .index_footer_guanfang ul li p span{font-size:10px ;} .about_partner img{width: 100%;} .about_bs a{line-height: 28px;font-weight: normal;padding: 10px 0;} /* .about_bs a.about_bs_green {background: #6db347 url(../images/aboutus/ie.png) 20px 5px no-repeat;} .about_bs a.about_bs_blue {background: #1077b9 url(../images/aboutus/ie.png) 20px 5px no-repeat;} */ .ab_con img{width: 100%;} }