@CHARSET "UTF-8";
body{font-size:14px;background:#12151f;height: 940px;overflow:hidden;}
button{border: none;outline: none; cursor: pointer;}
.top{height:940px;width: 100%;position: relative;display: block;}
.top .next_show{position: absolute;bottom: 25px;left: 50%;margin-left: -20px;background: url(/themes/haitun/images/home_new/btn_all_images.png) no-repeat left -555px;width: 40px;height: 34px;cursor: pointer;}
.top .next_show:hover{background: url(/themes/haitun/images/home_new/btn_all_images.png) no-repeat left -511px;}
.banner{width:auto;margin:0 auto;position:relative;color:#fff; height: 100%;}.animate{width:650px;float:left;}.banner_page{height:100%; width: 100%;margin: 0 auto;background-size: contain; padding-top:0.1px;}
.btn_div{width: 1300px;margin: 80px auto; position: relative;height: 555px;padding-top:205px;}.banner_resume{font-size:20px;color:#a6b2cd;margin:30px 0;line-height:2;}
.banner_page div.dwload_box{position: absolute;top:520px;left:0;width: 300px;height: 60px;}
.banner_page div.mobi_dwload_box{position: absolute;top:430px;left:0;width: 300px;}
.banner_page div.dwload_box button{display:block; background: url(/themes/haitun/images/home_new/banner_btn_All.png) no-repeat left top;width: 100%;height: 100%;margin-bottom: 30px;}
.banner_page div.dwload_box button:hover{background: url(/themes/haitun/images/home_new/banner_btn_All.png) no-repeat left -70px;}
.banner_page div.mobi_dwload_box button.android_btn{display:block; background: url(/themes/haitun/images/home_new/banner_btn_All.png) no-repeat left -280px;width: 100%;height: 60px;margin-bottom: 30px;}
.banner_page div.mobi_dwload_box button.android_btn:hover{background: url(/themes/haitun/images/home_new/banner_btn_All.png) no-repeat left -350px;}
.banner_page div.mobi_dwload_box button.ios_btn{display:block; background: url(/themes/haitun/images/home_new/banner_btn_All.png) no-repeat left -140px;width: 100%;height: 60px;}
.banner_page div.mobi_dwload_box button.ios_btn:hover{background: url(/themes/haitun/images/home_new/banner_btn_All.png) no-repeat left -210px;}
.banner_icons{width:268px;height:52px;background:url(/themes/haitun/images/home_new/s1_img_game_icon.png);}
.switches{text-align:center;position:absolute;bottom:70px;z-index:99;width:100%;}.switches a{display:inline-block;margin:0 20px;padding:10px 0;}.switches a.activate i{border-color:#fff;background-position:0 -30px;}
.switches a i{display:inline-block;width:20px;height:20px;background:url(/themes/haitun/images/home_new/switch_all_images.png) no-repeat left top;}.adv{float:right;width:370px;}h2{font-size:60px;color:#fff;}.platform_logos{margin-top:30px;height:75px;}
.side_menu{display:none;}

.left_nav{width: 110px;height: 176px;position: fixed; top:295px; right: 40px;z-index: 99999;}
.left_nav .nav_name{text-align: center;height: 50px;line-height: 50px;color: #fff;font-size: 20px; font-weight: bold;}
.left_nav div{width:8px;height:176px; position: absolute;top:0;right: 0;}
.left_nav .nav_banner{background: url(/themes/haitun/images/home_new/img_pagbar_1.png) no-repeat center;}
.left_nav .nav_product{background: url(/themes/haitun/images/home_new/img_pagbar_2.png) no-repeat center;display: none;}
.left_nav .nav_game_info{background: url(/themes/haitun/images/home_new/img_pagbar_3.png) no-repeat center;display: none;}
.left_nav .nav_other{background: url(/themes/haitun/images/home_new/img_pagbar_4.png) no-repeat center;display: none;}
.bottom_change_box{width: 100px;height: 20px;position: fixed;bottom: 40px;right: 40px;z-index: 99999; display: none;}
.bottom_change_box div{width: 40px;height: 20px;background: url(/themes/haitun/images/home_new/switch_all_images.png) no-repeat left top; cursor: pointer;}
.bottom_change_box .div_pre{float: left;background-position: 0 -90px;}
.bottom_change_box .div_next{float: right;background-position: 0 -180px;}
.bottom_change_box .div_pre:hover{float: left;background-position: 0 -120px;}
.bottom_change_box .div_next:hover{float: right;background-position: 0 -210px;}
.product_box{display:none; width: auto;margin: 0 auto;background: url(/themes/haitun/images/home_new/s2_bg.png) no-repeat center;padding-top:0.1px;}
.product_box .title{width: 1064px;height: 70px;margin: 210px auto 50px;background: url(/themes/haitun/images/home_new/s2_title.png) no-repeat center;}
.product_msg{text-align:center;font-size:20px; color: #a6b2cd;margin-bottom: 50px;}
.product_list{display: block;width: 1220px;height: 400px;margin: 0 auto 100px;}
.product_list li{width: 260px;height: 400px;margin-right: 60px;float: left;background: url(/themes/haitun/images/home_new/s2_mask_bg_normal.png) no-repeat center top;position: relative;}
.mask{display: none;}
.product_list li:hover .mask{position: absolute; top:0;left:0;display: block;}
.product_list li.router_product{margin-right: 0;}

.product_list li .tip{width: 80px;height: 80px;display: block;position: absolute;top:90px;left: 90px; background: url(/themes/haitun/images/home_new/icon_all_images.png) no-repeat left top;}
.product_list li.pc_product .tip{background-position: 0 0;}
.product_list li:hover.pc_product .tip{background-position: 0 -90px;}
.product_list li.android_product .tip{background-position: 0 -180px;}
.product_list li:hover.android_product .tip{background-position: 0 -270px;}
.product_list li.ios_product .tip{background-position: 0 -360px;}
.product_list li:hover.ios_product .tip{background-position: 0 -450px;}
.product_list li.router_product .tip{background-position: 0 -540px;}
.product_list li:hover.router_product .tip{background-position: 0 -630px;}
.product_list li p{position: absolute;top:190px;text-align: center;width: 100%;z-index: 99999;}
.product_list li p b{width:100%;display: block;margin-top: 60px;color: #a6b2cd;font-size: 24px;}
.product_list li:hover p b{color: #fff;}
.product_list li p button{display: none;width: 180px;height: 40px;line-height: 40px;color: #fff;text-align:center;border: none;outline: none;background:url(/themes/haitun/images/home_new/btn_all_images.png) no-repeat left top;margin: 26px auto 0;cursor: pointer;}
.product_list li.pc_product p button{background-position: 0 0;}
.product_list li.pc_product p button:hover{background-position: 0 -50px;}
.product_list li.android_product p button{background-position: 0 -100px;}
.product_list li.android_product p button:hover{background-position: 0 -150px;}
.product_list li.ios_product p button{background-position: 0 -100px;}
.product_list li.ios_product p button:hover{background-position: 0 -150px;}
.product_list li.router_product p button{background-position: 0 -200px;}
.product_list li.router_product p button:hover{background-position: 0 -250px;}
.product_list li p.product_acc{position: absolute; top:359px;text-align: center;color: #a6b2cd;height: 40px;line-height: 40px;}
.game_info_box{display:none; width: auto;margin: 0 auto 0;background: url(/themes/haitun/images/home_new/s3_bg.png) no-repeat top center;padding-top:0.1px;}
.game_hot_title,.appraise_title{margin: 120px 0 20px;text-align: left;font-size: 30px;color: #fff;font-weight: bold;width: 100%;display: block;}
.game_hot_title span,.appraise_title span{height: 100%;display: inline-block;color: #494f5d;font-size: 20px;margin-left: 15px;}
.center_box{width: 1200px;margin: 0 auto;}
.game_slide_wrap{width: 790px;height: 350px;position: relative;}
.game_btn{width: 26px;height: 48px;position: absolute;top:50%;margin-top: -24px;background: url(/themes/haitun/images/home_new/switch_all_images.png) no-repeat left top; display: block;}
.game_left{left: 0;background-position: 0 -240px;}
.game_left:hover{background-position: 0 -298px;}
.game_right{right: 0; background-position: 0 -356px;}
.game_right:hover{background-position: 0 -415px;}
.game_slide_wrap .game_slide{width: 790px;height: 350px;display: block;float: left;}
.game_slide li{width: 100%; height: 100%; display: none;}
.game_slide li.active{display: block;}
.g_switch_box{width: 790px;height: 20px;line-height: 20px;position: absolute; bottom:16px;}
.g_switch_box .game_switches{width:auto;height: 20px;text-align: center;}
.game_switches li{display:inline-block;width:20px;height:20px;background:url(/themes/haitun/images/home_new/switch_all_images.png) no-repeat left top; }
.game_switches li.active{border-color:#fff;background-position:0 -30px;}
.dolphin_news_letter{width:380px;height:350px;float: right;}
.dolphin_news_letter li {position: relative;display: block;}
.dolphin_news_letter li .list{width:350px;padding:0 0 8px 30px; position: absolute;bottom: 0;height: 112px;background:rgba(0,0,0,0.6);}
.dolphin_news_letter li .list .game_name{font-size: 20px;color: #fff;font-weight: bold;text-align: center;}
.list a {display: block;color: #cacaca;color: 14px;}
.game_more,.broad_more{width: 88px;height: 16px;float: right;display: inline-block;background: url(/themes/haitun/images/home_new/s3_more_default.png) no-repeat center; margin-top: 20px;}
.game_more:hover .mask,.broad_more:hover .mask{display: block;}
.game_news{height: 300px;margin-top: 30px;margin-left: -30px;}
.game_news li{width:380px; float: left;display: inline-block;margin-left: 30px;position: relative;}
.game_news li a.game_img{display: block;margin-bottom: 30px;}
.game_news li a.game_img img{width: 380px;height: 210px;}
.game_news li h2{display: block;position: absolute;top:160px; width: 380px;height: 50px;background: url(/themes/haitun/images/home_new/game_img_bg.png) no-repeat center;}
.game_news li h2 a{display: block; font-size: 20px;font-weight: bold;text-align: center;color: #eee;height: 100%;line-height: 50px;}
.game_news li a.game_item{display: block;color: #666d7f;width: 340px;margin-left: 40px;}
.bottom_box{display:none; width: auto;margin: 0 auto 0;background: #12151f;padding-top:0.1px;}
.appraise{width: 1200px;position: relative;margin-top: 30px;}
.appraise_ul_wrap{width: 1200px; overflow:hidden; }
.appraise_ul{width: 4200px;margin-right: -60px;}
.appraise_ul li {width: 360px;height: 200px;float: left;position: relative;margin-right: 60px; cursor: pointer;}
.appraise_ul li div{width: 360px;height: 200px;background: url(/themes/haitun/images/home_new/mask_evaluation.png) no-repeat;}
.appraise_ul li div.appraise_words{position: absolute;top: 0; display:none;}
.appraise_ul li div.appraise_words p{margin: 50px 40px 0;font-size: 12px;color: #eee;font-family:'宋体';line-height: 27px;text-align: center;}
.broad_title{margin-top: 50px;text-align: left;font-size: 30px;color: #fff;font-weight: bold;width: 100%;display: block;}
.broad_title span{height: 100%;display: inline-block;color: #494f5d;font-size: 20px;margin-left: 15px;}
.broadcast{font-size:16px;background:#0e1119;border:solid 1px #3e4147;padding:9px 20px;position:relative; border-radius: 4px; margin: 30px 0 20px;}.broadcast li{margin:7px 0;width:380px;color: #5c6372;font-size: 16px;     height: 25px;overflow: hidden;}.broadcast li span{margin-right:26px;color: #5c6372}.broadcast_ul{width:380px;}
.broadcast li a{color: #5c6372;}
.broadcast li:hover{background:#15181f;border-radius:5px;color:#fff;}.broadcast li:hover i{background:#fff;}.broadcast li:hover a,.broadcast li:hover span{color:#fff;}
.broadcast li i{display:inline-block;width:6px;height:6px;border-radius:100%;background: #5c6372;margin:10px;float:left;}
.appr_btn{width: 26px;height: 48px;display: block;position: absolute;top:76px; background: url(/themes/haitun/images/home_new/switch_all_images.png) no-repeat left top;}
.appr_left{left: -80px;background-position: 0 -240px;}
.appr_left:hover{background-position: 0 -298px;}
.appr_right{right: -80px; background-position: 0 -356px;}
.appr_right:hover{background-position: 0 -415px;}

.friend_link_title{width: 100px;height: 30px;display: block;float: left;font-size: 12px;text-align: center;line-height: 30px;color: #494f5d;}
.friend_links{height: 70px;float: left;width: 1100px;}
.friend_links a{display: block;float: left;height: 30px;line-height: 30px;text-align: center;font-size: 12px;color: #494f5d;width: 135px;}


/*****************底部******************/
.footer{color:#494f5d;font-size:14px;width:100%;margin-top: 25px;}.footer a{color:#fff;}
.footer_links{height: 50px;}.footer_links a{margin-bottom:20px; width: 100px;height: 30px;line-height: 30px;text-align: center;color: #494f5d;display: block;float: left;}.footer div{width:auto;}.footer div.copyright{width: 700px;}.footer div.copyright i{font-style: normal;} .filing img{margin-right:10px;}.filing a{color:#494f5d; line-height:20px;padding-left:30px;background:url(/themes/haitun/images/home_new/foot_icon_police.png) no-repeat;}
.box{border-top: 1px solid #3e4147;padding-top:0.1px;}
.footer div.safe{margin-top:-45px;text-align: right;float: right;}.safe a{margin:0 10px;}.footer a.realnamev{display:inline-block;background:#e8f3ff;padding:2px 5px;}
.filing{margin-top:20px;color: #494f5d;}
.footer .copyright a{color: #494f5d;}
/* .bottm_0{bottom: 0px;position: absolute;z-index: 99;} */
.footer .safe a img{display:block;}
.footer div.contact_us{width: 300px;float: right;height: 30px; line-height: 30px;}.contact_us p{display: inline-block;}.footer .contact_us div.bottom_customer_service{width: 120px;height: 30px;background: url(/themes/haitun/images/home_new/btn_all_images.png) no-repeat left -598px;float: right; cursor: pointer;}
.media{width: auto;height: 30px;float: left;display: inline-block; position: relative;}
.media a.webo{width:30px;height:30px; background: url(/themes/haitun/images/home_new/icon_all_images.png) no-repeat left top; background-position: 0 -720px;margin-right: 20px;}
.media a.webo:hover{width:30px;height:30px; background: url(/themes/haitun/images/home_new/icon_all_images.png) no-repeat left top; background-position: 0 -760px;}
.media a.wechat{width:30px;height:30px; background: url(/themes/haitun/images/home_new/icon_all_images.png) no-repeat left top; background-position: 0 -800px; margin-right: 40px}
.media a.wechat:hover{width:30px;height:30px; background: url(/themes/haitun/images/home_new/icon_all_images.png) no-repeat left top; background-position: 0 -840px;}
.media div.webo_code{position: absolute;top:-200px;left: -75px;background: url(/themes/haitun/images/home_new/img_erweima_weibo.png) no-repeat center; width: 180px;height: 195px;display:none;}
.media div.wechat_code{position: absolute;top:-200px;left: -30px;background: url(/themes/haitun/images/home_new/img_erweima_weixin.png) no-repeat center;width: 180px;height: 195px;display: none;}