/*b_css   */ .row {margin-left: 0; margin-right: 0; } .row > [class*='col-'],.container-fluid {padding-right: 0; padding-left: 0; } .demo {border: 1px solid #e2b709; word-wrap: break-word; } body{background:#F5F6FB;} /*头部*/ .home_box1_f{width:100%; border:0px red solid; } .home_box2_f{width:1200px; margin:0 auto; overflow:hidden; border:0px blue solid;} .home_box3_f{width:1200px; -moz-box-shadow:0px 0px 20px #D6D6D6; -webkit-box-shadow:0px 0px 20px #D6D6D6; box-shadow:0px 0px 20px #D6D6D6; border:1px #ddd solid; } /*首页轮播图*/ .carousel-control_f{padding-top:20%; width:10%!important;} .carousel-inner_f .item_f{width:100%; height:41.66vw; background-size:100% 100%!important; overflow:hidden; cursor:pointer;} .carousel-inner_f .item_f .flash_content1_f{width:1130px; margin:0 auto; padding-top:15%; border:0px red solid} .carousel-inner_f .item_f .flash_color_white1_f{color:#fff;} .carousel-inner_f .item_f .flash_color_white1_f a{color:#fff;} .carousel-inner_f .item_f .flash_color_black1_f{color:#000;} .carousel-inner_f .item_f .flash_color_black1_f a{color:#000;} .carousel-inner_f .item_f .flash_content1_f img{width:89px; height:89px;} .carousel-inner_f .item_f .flash_content1_f h2{line-height:5.5rem; margin-top:2rem;} .carousel-inner_f .item_f .flash_content1_f p{width:40rem; line-height:2.2rem; padding-top:1rem; font-size:1.4rem; border-top:1px #fff solid;} /*首页 热门游戏*/ .home_hotgame1_f{border:0px red solid;} .home_hotgame1_f h2{float:left; font-size:2rem; background:url(../images/home_gamebiao1_f.png) 0 2rem no-repeat; text-indent:3rem; line-height:6rem; font-weight:bold;} .home_hotgame1_f span{float:right; line-height:6rem;} .home_hot_con1_f{width:100%; border:0px blue solid;} /*首页 热门游戏 - 切换*/ .clearfix1_f:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix1_f{display:inline-table;}/* Hides from IE-mac \*/ *html .clearfix1_f{height:1%;} .clearfix1_f{display:block;}/* End hide from IE-mac */ *+html .clearfix1_f{min-height:1%;} /* lanrenzhijia */ .lanrenzhijia{width:1200px;margin:0px auto 0 auto;overflow:hidden;} .lanrenzhijia ul{width:100%;} .lanrenzhijia ul li{float:left; margin-bottom:1.1rem;display:inline;height:275px; overflow:hidden;position:relative;} .lanrenzhijia ul li:nth-child(2n){float:right;} .lanrenzhijia ul li:nth-of-type(1){width:49.5%;} .lanrenzhijia ul li:nth-of-type(2){width:49.5%;} .lanrenzhijia ul li:nth-of-type(3){width:40%;} .lanrenzhijia ul li:nth-of-type(4){width:59%;} .lanrenzhijia ul li .home_photo1_f{width:100%;height:100%;overflow:hidden;} .lanrenzhijia ul li .home_photo1_f img{width:100%;height:100%;overflow:hidden;} .lanrenzhijia .home_rsp1_f{width:100%;height:100%;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;} .lanrenzhijia .home_text1_f{position:absolute;width:100%;height:100%;left:-1800px;top:0px;overflow:hidden;} .lanrenzhijia .home_text1_f a{text-decoration:none; display:block; width:100%; height:100%;} .lanrenzhijia .home_text1_f .home_hot1_f{overflow:hidden; height:100%; border:1px red solid;} .lanrenzhijia .home_text1_f .home_hot1_f ul{height:100%; padding:8% 29% 0% 29%; overflow:hidden; background:url(../images/home_game_bj1_f.png) no-repeat; background-size:100% 100%; border:0px #fff solid;} .lanrenzhijia .home_text1_f .home_hot1_f ul li{text-align:center;} .lanrenzhijia .home_text1_f .home_hot1_f ul li a{color:#fff;} .lanrenzhijia .home_text1_f .home_hot1_f ul li a:hover{color:#FFC000} .lanrenzhijia .home_text1_f .home_hot1_f ul li:nth-of-type(1){float:left; text-align:center; width:14rem; height:15rem; overflow:hidden; line-height:2.5rem; color:#fff; font-size:14px; border:0px red solid;} .lanrenzhijia .home_text1_f .home_hot1_f ul li:nth-of-type(1) img{width:10rem; height:10rem; margin-bottom:0.5rem;} .lanrenzhijia .home_text1_f .home_hot1_f ul li:nth-of-type(2){float:right; width:14rem; height:15rem; border:0px blue solid;} .lanrenzhijia .home_text1_f .home_hot1_f ul li:nth-of-type(2) img{width:100%; height:100%;} .lanrenzhijia .home_text1_f .home_hot2_f{overflow:hidden; height:100%; border:0px red solid;} .lanrenzhijia .home_text1_f .home_hot2_f ul{height:100%; padding:13% 19% 9% 19%; overflow:hidden; background:url(../images/home_game_bj1_f.png) no-repeat; background-size:100% 100%; border:0px #fff solid;} .lanrenzhijia .home_text1_f .home_hot2_f ul li{text-align:center;} .lanrenzhijia .home_text1_f .home_hot2_f ul li a{color:#fff;} .lanrenzhijia .home_text1_f .home_hot2_f ul li a:hover{color:#FFC000;} .lanrenzhijia .home_text1_f .home_hot2_f ul li:nth-of-type(1){float:left; text-align:center; width:14rem; height:15rem; overflow:hidden; line-height:2.5rem; color:#fff; font-size:14px; margin-left:8vw; border:0px red solid;} .lanrenzhijia .home_text1_f .home_hot2_f ul li:nth-of-type(1) img{width:10rem; height:10rem; margin-bottom:0.5rem;} .lanrenzhijia .home_text1_f .home_hot2_f ul li:nth-of-type(2){float:right; width:14rem; height:15rem; border:0px blue solid;} .lanrenzhijia .home_text1_f .home_hot2_f ul li:nth-of-type(2) img{width:100%; height:100%;} /*首页 动态资讯*/ .home_news_box1{margin-top:0.5rem; margin-bottom:5rem; border:0px red solid;} .home_news1_f{float:left; width:49.5%; height:33rem; overflow:hidden; border:0px red solid;} .home_news1_f .home_news1_a_f{} .home_news1_f .home_news1_a_f h2{float:left; font-size:2rem; background:url(../images/home_gamebiao2_f.png) 0 1.6rem no-repeat; text-indent:3rem; line-height:6rem; font-weight:bold;} .home_news1_f .home_news1_a_f span{float:right; line-height:6rem;} .home_news1_f .home_news_ul1_f{background:#fff; overflow:hidden; padding:1.5rem;} .home_news1_f .home_news_ul1_f ul{} .home_news1_f .home_news_ul1_f ul li{ list-style-type:disc; margin-left:20px; line-height:3rem; color:#9C9C9C; font-size:1.5rem; border:0px red solid;} .home_news1_f .home_news_ul1_f ul li a{color:#9C9C9C;} .home_news1_f .home_news_ul1_f ul li a:hover{color:#FF6200;} .home_news1_f .home_news_ul1_f ul li span:nth-of-type(1){float:left;} .home_news1_f .home_news_ul1_f ul li span:nth-of-type(2){float:right;} .home_news2_f{float:right; width:49.4%; height:33rem; overflow:hidden; border:0px red solid;} .home_news2_f .home_news1_a_f{} .home_news2_f .home_news1_a_f h2{float:left; font-size:2rem; background:url(../images/home_gamebiao3_f.png) 0 1.6rem no-repeat; text-indent:3rem; line-height:6rem; font-weight:bold;} .home_news2_f .home_news1_a_f span{float:right; line-height:6rem;} .home_news2_f .home_contact1_f{background:#fff; overflow:hidden; padding:2rem 2rem 1rem 2rem; } .home_news2_f .home_contact1_f ul{} .home_news2_f .home_contact1_f ul li{line-height:2.5rem; color:#9C9C9C; font-size:1.5rem; margin-bottom:1.1rem; border:0px red solid;} .home_news2_f .home_contact1_f ul li h3{font-weight:bold; color:#4E4E4E; margin-bottom:1rem;} .home_news2_f .home_contact1_f ul li p{font-size:1.6rem;} /*首页尾部*/ .home_footer_box1_f{width:100%; height:410px; overflow:hidden; background:url(../images/home_footer_bj1_f.png) no-repeat; background-size:100% 100%; border:0px red solid; } .home_footer1_f{margin-top:4rem;} .home_footer1_f .home_footer_ul1_f{overflow:hidden; height:17.5rem; border:0px red solid;} .home_footer1_f .home_footer_ul1_f ul{} .home_footer1_f .home_footer_ul1_f ul li{float:left; width:25%; border:0px red solid;} .home_footer1_f .home_footer_ul1_f ul li a{color:#fff;} .home_footer1_f .home_footer_ul1_f ul li h3{margin-bottom:2rem; font-size:2rem;} .home_footer1_f .home_footer_ul1_f ul li p{line-height:2.5rem; font-size:1.5rem;} .home_footer1_f .home_footer_ul1_f ul li p span{margin-left:1.5rem;} .home_footer1_f .home_footer_ul2_f{margin-top:4.8rem;} .home_footer1_f .home_footer_ul2_f ul{} .home_footer1_f .home_footer_ul2_f ul li{float:left; border:0px red solid;} .home_footer1_f .home_footer_ul2_f ul li:nth-of-type(1){width:25%; margin-top:3.5rem;} .home_footer1_f .home_footer_ul2_f ul li:nth-of-type(2){width:75%; color:#fff; text-align:center; line-height:2.8rem; font-size:1.5rem; border:0px red solid;} .home_footer1_f .home_footer_ul2_f ul li:nth-of-type(2) span{margin-right:0.7rem; border:0px red solid;} .home_footer1_f .home_footer_ul2_f ul li:nth-of-type(2) a{color:#fff;} /*游戏介绍*/ .intro_large_photo_f{width:100%; height:24vw; background-size:100% 100%!important; border:0px red solid;} .intro_large_photo_f h2{ text-align:center; color:#fff; font-size:6rem; font-weight:bold; width:28rem; margin:0 auto; padding:10% 0 3rem 0; border-bottom:2px #EDEDED solid;} .intro_large_photo_f h2 a{color:#fff; text-decoration:none;} /*游戏简介 游戏列表*/ .game_intro_hotgame1_f{margin-top:4rem; border:0px red solid;} .game_intro_hot_con1_f{width:100%; border:0px blue solid;} /*游戏简介 游戏列表 - 切换*/ .clearfix2_f:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix2_f{display:inline-table;}/* Hides from IE-mac \*/ *html .clearfix2_f{height:1%;} .clearfix2_f{display:block;}/* End hide from IE-mac */ *+html .clearfix2_f{min-height:1%;} /* lanrenzhijia2 */ .lanrenzhijia2{width:1200px;margin:0px auto 0 auto;overflow:hidden;} .lanrenzhijia2 ul{width:100%;} .lanrenzhijia2 ul li{float:left; width:32.72%; margin:0 1.1rem 4rem 0;display:inline;height:auto; overflow:hidden;position:relative;} .lanrenzhijia2 ul li:nth-child(3n){float:right; margin-right:0; border:0px red solid;} .lanrenzhijia2 ul li .home_photo1_f{width:100%;height:290px;overflow:hidden;} .lanrenzhijia2 ul li .home_photo1_f img{width:100%;height:100%;overflow:hidden;} .lanrenzhijia2 .home_rsp1_f{width:100%;height:290px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;} .lanrenzhijia2 .home_text1_f{position:absolute;width:100%;height:290px;left:-1800px;top:0px;overflow:hidden;} .lanrenzhijia2 .home_text1_f a{text-decoration:none; display:block; width:100%; height:100%;} .lanrenzhijia2 .home_text1_f .home_hot2_f{overflow:hidden; height:100%; border:0px red solid;} .lanrenzhijia2 .home_text1_f .home_hot2_f ul{height:100%; padding:16% 0% 0% 30%; overflow:hidden; background:url(../images/game_intro_list1_bj_f.png) no-repeat; background-size:100% 100%; border:0px #fff solid;} .lanrenzhijia2 .home_text1_f .home_hot2_f ul li{text-align:center;} .lanrenzhijia2 .home_text1_f .home_hot2_f ul li a{color:#fff;} .lanrenzhijia2 .home_text1_f .home_hot2_f ul li a:hover{color:#FFC000;} .lanrenzhijia2 .home_text1_f .home_hot2_f ul li:nth-of-type(1){float:left; text-align:center; width:14rem; height:15rem; overflow:hidden; line-height:2.5rem; color:#fff; font-size:14px; border:0px red solid;} .lanrenzhijia2 .home_text1_f .home_hot2_f ul li:nth-of-type(1) img{width:10rem; height:10rem; margin-bottom:0.5rem;} /*游戏介绍图片 -- 下文字*/ .lanrenzhijia2 ul li .intro_imgtxt1_f{width:100%; height:17.7rem; padding:1.8rem 1.5rem 1.5rem 1.5rem; background:#fff; border:0px blue solid;} .lanrenzhijia2 ul li .intro_imgtxt1_f h2{float:left; font-size:2rem; font-weight:normal;} .lanrenzhijia2 ul li .intro_imgtxt1_f span{float:left; color:#757575; text-align:center; font-size:1.2rem; line-height:1.8rem; height:1.8rem; width:13%; margin:0.2rem 0 0 0.6rem; border:1px #AEAEAE solid; border-radius:0.8rem;} .lanrenzhijia2 ul li .intro_imgtxt1_f p{color:#868686; line-height:2.2rem; font-size:1.4rem; font-weight:normal; margin-top:1rem;} /*动态资讯*/ .news_box1_f{overflow:hidden; margin-top:3rem; border:0px blue solid;} .news_box1_f ul{} .news_box1_f ul li{width:100%; padding:2%; margin-bottom:3rem; overflow:hidden; background:#fff; border:0px red solid;} .news_box1_f ul li img{float:left; width:32.6%; height:221px; border:0px red solid;} .news_box1_f ul li .news_li_div1_f{float:left; width:67.4%; padding-left:2.5rem; border:0px red solid} .news_box1_f ul li .news_li_div1_f h3{float:left; font-weight:bold; margin-top:3rem; width:100%;} .news_box1_f ul li .news_li_div1_f h3 a{color:#000;} .news_box1_f ul li .news_li_div1_f h3 a:hover{color:#FF6200;} .news_box1_f ul li .news_li_div1_f p{float:left; height:110px; margin-top:3rem; text-indent:2rem; line-height:2.5rem; font-size:1.4rem; border:0px red solid} .news_box1_f ul li .news_li_div1_f span{float:left; width:100%; text-align:right; border:0px blue solid;} /*动态资讯 翻页css*/ /*fang分页 方俊写 手机版3 【居中版】 【更全面 最后CSS是提取原版】*/ .pagination {display: inline-block; padding-left: 0; margin: 20px 0 40px 0; border-radius: 4px; width:100%; overflow:auto; text-align:center; border:0px red solid; } .pagination li{line-height:0.4rem; display:inline-block; background-color:#fff;} .pagination .active a{color:#fff; width:auto; background-color:#FFC62A; text-align:center; border:1px #FFC62A solid;} .pagination .active a:hover{background:#FF6200; border:1px #FF6200 solid;} .pagination>li>a{position: relative; padding: 6px 12px; margin-left: 5px; line-height: 1.42857143; color: #000; text-decoration: none; background-color: #E1E1E1; border: 1px solid #ddd; } .pagination li a:hover{display:block; padding: 6px 12px; color:#fff; background:#FF6200; border:1px #FF6200 solid;} /*关于我们*/ .about_box1_f{overflow:hidden; border:0px red solid;} /*关于我们-点击视频按钮*/ #show-video {position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 999 !important; background: rgba(0, 0, 0, .25); display: none; } .video-close {width: 45px; height: 45px; color: #211d1e; position: absolute; right: 118px; top: 113px; z-index: 999; cursor: pointer; } #show-video video {outline: none; max-width: 85%; max-height: 70vh; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 20px 40px rgb(0 0 0 / 50%); } .view_more_video{width:100%; cursor: pointer; position: relative; position:absolute; left:0; top:27.5vw; border:0px blue solid; text-align:center; z-index:999!important;} .view_more_video2{width:100%; cursor: pointer; position: relative; position:absolute; left:0; top:41.1vw; border:0px blue solid; text-align:center; z-index:999!important;} /*关于我们-背景视频*/ .about_top_video1_f{width:100%; height:56.25vw; } .about_top_video1_f #bgmusic{object-fit:fill; width:100%; height:100%; border:0px red solid;} .about_top_video1_f .about_bjc1_f{font-family:myFirstFont1_f; width:100%; height:56.25vw; background:rgba(0,0,0,0.3); z-index:99!important; position:absolute; left:0; top:0; text-align:center; line-height:42vw; color:#fff; font-size:10rem; border:0px blue solid;} @font-face {font-family: myFirstFont1_f; src: url('../fonts/youshebiaotihei_f.ttf'), url('aa.eot'); /* IE9+,可以是具体的实际链接 */ } /*关于我们-公司简介*/ .about_content1_f{margin:8rem auto 5rem auto; overflow:hidden; border:0px blue solid;} .about_content1_f .about_bt1_f{margin-bottom:3rem; width:100%; height:4.3rem; line-height:5.5rem; overflow:hidden; border:0px red solid;} .about_content1_f .about_bt1_f h2{float:left; font-size:3.5rem; color:#2E3239; font-weight:bold; letter-spacing:0.2rem;} .about_content1_f .about_bt1_f span{float:left; color:#DEDEDE; font-size:2.5rem; font-weight:bold; margin-left:0.5rem;} .about_content1_f .about_bt2_f{font-size:1.8rem; text-indent:3.5rem; line-height:4rem;} .about_content1_f .about_bt2_f p{margin-bottom:2.5rem;} /*联系我们*/ .contact_box1_f{margin-top:13rem; overflow:hidden;} .contact_map1_f{width:100%; height:400px; overflow:hidden; border-bottom:0px #000 solid;} .contact_ul1_f{padding:2rem 0; overflow:hidden; border-bottom:1px #000 solid;} .contact_ul1_f ul{} .contact_ul1_f li{float:left; width:50%; line-height:2.8rem; font-size:1.5rem; border:0px red solid;} .contact_ul2_f{padding:2rem 0; overflow:hidden; border-bottom:1px #000 solid;} .contact_ul2_f ul{} .contact_ul2_f li{float:left; width:50%; line-height:3rem; font-size:1.5rem; border:0px red solid;} .contact_ul2_f li h3{color:#000; font-size:2.2rem; font-weight:bold; margin:0.5rem 0 1rem 0;} /*新闻资讯-文章页*/ .news_content1_f{width:100%; margin-top:12rem; overflow:hidden; border:0px red solid;} .news_content1_f .news_con_title1_f{margin-bottom:2.5rem; overflow:hidden; padding-left:10px;} .news_content1_f .news_con_title1_f img{float:left;} .news_content1_f .news_con_title1_f h3{float:left; font-size:2.5rem; color:#FF872D; font-weight:normal; text-indent:1rem;} .news_content1_f .news_con_title1_f h3 a{color:#FF872D;} .news_content1_f .news_conbox1_f{-moz-box-shadow:0px 0px 20px #D6D6D6; -webkit-box-shadow:0px 0px 20px #D6D6D6; box-shadow:0px 0px 20px #D6D6D6; border:0px #ddd solid; width:1175px; margin:0 auto; padding:0 5rem; } .news_content1_f .news_conbox1_f h2{text-align:center; color:#000; padding-top:5rem; overflow:hidden; border:0px red solid;} .news_content1_f .news_conbox1_f .news_con_fb1_f{text-align:center; font-size:1.5rem; line-height:4rem; border:0px red solid;} .news_content1_f .news_conbox1_f .news_con_alltxt1_f{font-size:1.6rem; line-height:3.5rem; padding:3rem 5rem; overflow:hidden; border:0px red solid;} .news_content1_f .news_con_sx1_f{width:1175px; margin:0 auto; overflow:hidden; border:0px red solid;} .news_content1_f .news_con_sx1_f p{line-height:10rem; font-size:1.6rem; font-weight:bold;} .news_content1_f .news_con_sx1_f p:nth-of-type(1){float:left;} .news_content1_f .news_con_sx1_f p:nth-of-type(2){float:right;} /*头部 ICP备案 加头部公司名*/ .home_icp_gsm1_f{margin-right:auto; width:500px; text-indent:10px; line-height:85px; color:#fff; font-size:3rem; z-index:9999; border:0px red solid; position: absolute; left: 0;}