.w1200{width: 1200px;margin: 0 auto;position: relative;}
.w1210{width: 1230px;margin: 0 auto;position: relative;}
body,html{min-width: 1200px;width: 100%;}
.relative{position: relative;}
.main_content{height: auto;margin-top: -520px;}
.ch_game_content{top: 0;}
.hdbar-menu{position: relative;width: 100%;height: 85px;background: url(../images/header_bg.png) 0 0 repeat-x;transition: all 0.3s;}
.hdbar-menu .container{box-shadow: none;transition: all 0.3s;}

.hdbar-menu .menu-list{position: initial;right: auto;margin-left: 202px;float: left;width: auto;}
.hdbar-menu .menu-list li a{margin: 0;color: #c9c9dd;width: 116px;height: 95px;font-size: 14px;position: relative;}
.hdbar-menu .menu-list li a.current,.hdbar-menu .menu-list li a:hover{border: none;color: #ffbb5e;}
#bottom_light{background: url(../images/guangbiao.png) bottom center no-repeat;width: 116px;height: 23px;position: absolute;bottom: -10px;left: 202px;z-index: 2;transition: all 0.3s;}
.menu-con .user_info_dl{margin-top: 17px;float: right;font-size: 16px;color: #ffffff;width: 186px;cursor: pointer;}
.menu-con .user_info_dl span{margin-top: 2px;position: relative;}
.menu-con .user_info_dl span a{position: absolute;white-space: nowrap;right: -48px;bottom: -1px;color: #fff}
.menu-con .user_info_dl dt{float: left;width: 44px;height: 44px;border-radius: 50%;border: 2px solid #d7ad51;margin-right: 7px;overflow: hidden;position: relative; }
.menu-con .user_info_dl dt img{width: 48px;height: 48px;display: block;border-radius: 50%;}
#fo_dlg_1 #global_WinDiv .global_popup a{color: #333}
.menu-con .user_info_dl dd{margin-top: 4px;}
.p12{font-size: 12px;color: #c9c9dd;}
.menu-con .user_info_dl dd p{margin-top: 6px;}
#menu_drop_down{position: absolute;width: 100%;height: 0;background: url(../images/down_bg.png);transition: all 0.3s;overflow: hidden;}
.hdbar-menu:hover #menu_drop_down{height: 144px;}

#menu_drop_down ul{width: 116px;float: left;text-align: center;height: 100%;height: 144px;}
#menu_drop_down ul a{display: block;height: 24px;vertical-align:middle;line-height: 25px;height: 26px;margin-top: 14px;color: #c9c9dd;}
#menu_drop_down ul .icon{display: inline-block;width: 21px;height: 23px;background: url(../images/tit.png) -2px -2px no-repeat;}
#menu_drop_down ul a span{vertical-align:middle;margin: 0 -2px;display: inline-block;max-width: 86px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#menu_drop_down ul a:hover{color: #ffbb5e;text-decoration: none;}
#menu_drop_down ul .icon.i2{background-position-y: -37px;}
#menu_drop_down ul .icon.i3{background-position-y: -75px;}
.login_wrap .banner_list a,.login_wrap ,.login_wrap .banner_list{height: 900px;}
.banner_swiper {position: relative;overflow: hidden;height: 100%}
.banner_swiper .swiper-slide a{width: 100%;height: 100%;display: block;background: top center no-repeat;}
.banner_swiper .swiper-slide{overflow: hidden;}
.banner_swiper .swiper-slide video{position: absolute;left: 50%;top: 0;margin-left: -960px}
.banner-button{cursor: pointer;width: 60px;height: 60px;background: url(../images/banner_btn.png) 0 0 no-repeat;position: absolute;top: 266px;z-index: 3;}
.banner-button-next,.big-button-next{right: 180px;background-position-y: -97px;}
.banner-button-prev{left: 180px;}
.ch_game_content .ch_gameList li{width: 288px;height: 247px;box-shadow: 0px 0px 8px 3px rgba(104,104,104, 66%);border-radius: 5px;background: #fff;opacity: 1
}
.ch_game_content .ch_gameList li img{max-height: 247px;height: 247px;border-radius: 2px;}
.ch_game_content .ch_gameList li{    transition: all 0.3s ease-in 0s;margin-bottom: 18px}
.ch_game_content .ch_gameList li .drop{position: relative;    transition: all 0.3s ease-in 0s;height: 247px !important;}
.ch_game_content .ch_gameList{position: relative;width: 100%;height: 360px;align-items: flex-end;top: 18px}
.ch_game_content .ch_gameList .gBottom .up_dom{position: inherit;height: 97px;padding-top: 13px;bottom: 0;opacity: 1 !important;}
.ch_game_content .ch_gameList .gBottom{padding: 0;background: #fff;border-radius-bottom-left: 5px;border-radius-bottom-right: 5px;opacity: 1 !important;}
.ch_game_content .ch_gameList .gBottom .startGame{margin: 0 auto;}
.ch_game_content .ch_gameList .gBottom .startGame a{width: 160px;height: 36px;background: #cc0000;transition: all 0.3s;}
.ch_game_content .ch_gameList .gBottom .enterInfo{color: #666;vertical-align: middle;margin-top: 6px;}
.ch_game_content .ch_gameList .gBottom span a{color: #666;}
.ch_game_content .ch_gameList .gBottom span{vertical-align: middle;}
.ch_game_content .new_server{text-align: center;margin-top: 6px;color: #999999;}
.ch_game_content .ch_gameList .gBottom .new_server span{background-position-y: -10px;}
.ch_game_content .ch_gameList .gBottom .startGame a:hover{background: #aa0000;}
/*.ch_game_content .ch_gameList li:hover{overflow: inherit;}
.ch_game_content .ch_gameList li:hover .drop{bottom: 110px;transition: all 0.3s;}*/
.ch_game_content .zwt{width: 288px;height: 247px;background: url(../images/zwt.png) 0 0 no-repeat;}
.p-title{font-size: 20px;color: #3f3f3f;font-weight: bold;padding-left: 17px;border-left: 3px solid #c53939;height: 20px;margin-bottom: 8px;}
.swiper_big{width: 905px;height: 326px;background: #aaa;overflow: hidden;border-radius: 3px;}
.swiper_small{height: 96px;overflow: hidden;width: 1040px;margin: 16px auto;}
.swiper_big dl img{width: 86px;height: 86px;border-radius: 10px;display: block;box-shadow: 0 1px 2px 0px rgba(0,0,0,0.4);}
.swiper_big dl dd{font-size: 12px;color: #f6f6f6;text-shadow: 0px 1px 2px black;}
.swiper_big dl h4{font-size: 24px;color: #f6f6f6;margin: 16px 0;text-shadow: 0px 1px 2px black;}
.swiper_big .goon{box-shadow: 0 1px 2px 0px rgba(0,0,0,0.4);width: 160px;height: 42px;color: #f3f3f3;font-size: 14px;background: #12a6ea;display: block;border-radius: 24px;text-align: center;line-height: 42px;margin-top: 26px;}
.swiper_big .game_con{float: left;margin: 48px 0 0 300px;opacity: 0;transition: all 0.3s;position: relative;z-index: 2}
.swiper_big .goon:hover{background: #45c4ff;}
.swiper_small img{width: 100%;height: 100%;display: block;;}
.swiper_small .opacity_black{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.5);transition: opacity 0.2s;cursor: pointer;}
.swiper_small .swiper-slide,.news_swiper .swiper-slide{border-radius:3px;overflow: hidden;}
.swiper_small .active-nav .opacity_black{opacity: 0;}
.swiper_big .actived .game_con{margin-left: 80px;opacity: 1;}
.swiper_big .img{width: 100%;height: 100%;position: absolute;top: 0;left: 0}

#swiper3 .banner-button{top: 385px;}
#swiper3 .big-button-next {right: 0;}

.serverList .little-content h4{font-size: 18px;color: #424242;text-align: center;font-weight: normal;padding-top: 12px;}
.part_2 .little-content{padding: 0 8px;height: 327px;border-radius: 3px;}
.serverList li a{color: #666666;font-size: 12px;display: flex;align-items: center;justify-content: flex-start;width: 100%;}
.serverList .serverTabs{margin-bottom: 0;overflow: hidden;}
.serverList .serverTabs p{width: 112px;float: left;line-height: 46px;}
.serverList .serverTabs p.active{color: #d73737}
.serverList li a span.game_name{width: 94px;text-align: left;}
.serverList li a:hover{color: #cc0000;}
.serverList li:last-child{border:none}
.serverList li{line-height: 36px;border-color: #cbcbcb;}
.part_2 .serverList{position: initial;top: 0;right: 0;margin: 0;width: 280px;border-radius: 3px;}
.part_4,.part_2{margin-top: 38px;}
.news_swiper{width: 100%;height: 326px;overflow: hidden;}
/*.news_swiper .swiper-slide{background: #892829;}*/
.news_swiper .swiper-slide a{display: block;height: 100%}
.news_swiper .outside{position: absolute;bottom: 10px;z-index: 4;width: 690px;display: flex;align-items: center;justify-content: center;}
.news_swiper .outside .news_nav{padding: 10px;background: rgba(0,0,0,0.5);float: left;border-radius: 20px;}
.news_swiper .outside .news_nav .swiper-pagination-bullet{margin: 0 6px;height: 12px;width: 12px;background: #f3f3f3;opacity: 1;}
.news_swiper .outside .news_nav .swiper-pagination-bullet-active{background: #cc0000;}
.news_bulletin{border-radius: 3px;width: 428px;height: 328px;background: #fff;position: absolute;left: 690px;top: 0;z-index: 5;padding: 0 26px;}
.news_bulletin .news_tab{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #cbcbcb;overflow: hidden;}
.news_bulletin .news_tab p{font-size: 16px;color: #5c5c5c;float: left;width: 90px;text-align: center;height: 46px;line-height: 50px;cursor: pointer;}
.news_bulletin .b_tag{position: absolute;width: 21px;height: 6px;background: url(../images/news_bottom.png) 0 0 no-repeat;left: 34px;bottom: -2px;transition: all 0.3s;}
.news_bulletin .more{font-size: 16px;color: #5c5c5c;float: right;width: 90px;text-align: center;position: absolute;top: 0;right: 0;height: 46px;line-height: 50px;cursor: pointer;}
.news_bulletin .news_con ul{display: none;}
.news_bulletin .news_con .active{display: block;}
.news_bulletin .news_con a{font-size: 12px;color: #666666;display: block;width: 100%;height: 38px;border-bottom: 1px dashed #cbcbcb;line-height: 38px;}
.news_bulletin .news_con a:hover,.news_bulletin .news_tab p:hover,.news_bulletin .news_tab a:hover{color: #cc0000;}
.news_bulletin .news_con b{font-weight: normal;width: 370px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float: left;}
.news_bulletin .news_con span{float: right;}
.news_bulletin .news_con{padding-top: 16px;}
.news_bulletin .news_con .top a{font-size: 14px;background:#f5f7f9 url(../images/top.png) 0 0 no-repeat;border: none;}
.news_bulletin .news_con .top b{margin-left: 52px;width: 300px}
.news_bulletin.active_1 .b_tag{left:148px}
.news_bulletin.active_2 .b_tag{left:258px}
.part_5{margin-top: 36px;overflow: hidden;}
.hd_list{height: 296px;float: left;}
.hd_list dl dt{float: left;width: 52px;margin-right: 16px;}
.hd_list dl dt img{display: block;box-shadow: 0 0 5px 0 rgba(104,104,104,0.7);border-radius: 8px;}
.hd_list dl{margin: 16px 0 0 12px;}
.hd_list dl h4{font-size: 14px;padding: 4px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.hd_list dl dd{font-size: 12px;color: #666666;position: relative;    bottom: -4px;}
.hd_list .hd_info{border-radius: 3px;position: relative;float: left;width: 280px;height: 296px;background: #fff;margin-right: 27px;}
.hd_list .hd_info p{width: 280px;height: 217px;border-top-left-radius:3px;border-top-right-radius:3px;overflow: hidden;}
.hd_list .hd_info p img{transition: all 0.6s}
.hd_list .hd_info:hover p img{transform: scale(1.25);}
.hd_list .icon{width: 56px;height: 78px;position: absolute;background: url(../images/hd_tips.png) 0 0 no-repeat;top: 161px;right: -11px;}
.hd_list .icon.after{background-position-y: -135px;}
.hd_list .icon.now{background-position-y: -269px;}
.quickSservice{width: 278px;height: 296px;background: #fff;border-radius: 3px;}
.quickSservice .little-content{padding: 6px 20px 18px;}
.quickSservice h4{font-size: 16px;color: #3f3f3f;text-align: center;font-weight: normal;line-height: 40px;border-bottom: 1px dashed #e6e6e6 ;}
.quickSservice .serviceTab p{height: 58px;line-height: 58px;}
.part_3{margin-top: 36px;}
.part_3 .gameKuai dd i{width: 100%;text-align: center;}
.part_3 .gameKuai dt{border: none;border-radius: 3px;overflow: hidden;}
.part_3 .gameKuai dd i b{color: #cc0000;font-weight: normal;}
.part_3 .swiper-slide:hover .game_mask{opacity: 1;}
.part_3 .swiper-slide dl:hover dd .tt{color: #cc0000;}
.part_3 .swiper-slide .game_mask{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
.part_3 .swiper-slide .game_mask span{display: block;width: 118px;height: 28px;background: #cc0000;text-align: center;border-radius: 5px;margin: 0 auto;margin-top: 54px;line-height: 28px;}
.part_3 .swiper-slide{padding-top: 20px;}
.part_3 .swiper-container{height: 215px;}
.login_user_info .gamelist{float: right;width: 190px;font-size: 14px;color: #c9c9dd;line-height: 30px;padding-top: 10px;}
.gamelist h3 span{margin-top: 0;}
.login_user_info .gamelist a{color: #c9c9dd;display: block;}
.login_user_info .gamelist div{line-height: 30px;}
.login_user_info .gamelist .sname{float: right;}
.gamelist h3 span:hover , .login_user_info .gamelist a:hover{color: #cc0000;}


.hd_warp.login_wrap,.login_wrap.hd_warp .banner_list{height: 638px}
.huodong_list{overflow: hidden;margin-top: -322px;position: relative;z-index: 6}
.huodong_list .hd_list .hd_info{width: 376px;border-radius: 2px;margin: 0 17px 25px 17px;}
.huodong_list .hd_list .hd_info p{width: 376px;height: 217px}
.huodong_list .hd_list .hd_info .hd_img{display: block;width: 376px;}
.huodong_list .hd_list{height: auto;width: 100%}
.public_page a{height: 32px;padding: 0 12px;line-height: 32px;color: #666666;margin: 5px 3px;box-shadow: 2px 2px 3px #ddd}
.public_page a:hover,.public_page a.current{background: #fff;border-color: #f6193c;color: #666666;box-shadow: 2px 2px 3px #ffd9ec}
.tit ,.tit0{    width: 100%;height: 34px;line-height: 34px;text-align: center;color: #fff;font-size: 14px;background: rgba(0,0,0,0.6);position: absolute;top: 213px;left: 0;transition: all .3s ease-in-out 0s;  }
.zwt:hover+.tit0{top: 247px;}
.avatar {width: 45px;height: 45px; background-image: url(../images/unlisted_avatar.png?v=20220714);}


.start_video{width: 136px;height: 136px;position: absolute;z-index: 5;top: 218px;left: 50%;margin-left: -68px;cursor: pointer;}
#video_mask .close,#video_mask{position: fixed;width: 100%;height: 100%;z-index: 8;top: 0;left: 0;z-index: 9999}
#video_mask .close{background: rgba(0,0,0,0.5);}
#video_mask .video_full{width: 880px;position: absolute;left: 50%;top: 50%;margin: -253px 0 0 -440px;z-index: 10000;outline: none;}
#video_mask video{width: 880px}
#video_mask .video_full .close_btn{width: 40px;height: 40px;background: url(../images/close.png) 0 0 no-repeat;position: absolute;    right: -54px;top: 0;}
.start_video .left,.start_video .mid,.start_video .right{
	position: absolute;
	width: 123px;
	height: 123px;
	background: url(../images/videoM.png) center no-repeat;
	transition: all 0.3s;
	background-size: 100%;
	left: 0;
	top: 0;
}

.start_video .left{background-image: url(../images/videoL.png);animation: rotate 10s linear infinite;}
.start_video .right{background-image: url(../images/videoR.png);animation: rotate 10s linear infinite;}
.start_video:hover .mid{width: 100px;height: 100px;left: 13px;top: 13px;}
.start_video:hover .left{left: -50px;animation: none;opacity: 0;}
.start_video:hover .right{left: 50px;animation: none;opacity: 0;}
@keyframes rotate{
	0%{transform: rotate(0);}
	100%{transform: rotate(360deg);}
}


.hdbar-menu .menu-list li a.tip::after {content: "";position: absolute;width: 6px;height: 6px;background: #ff0000;border-radius: 50%;left: 22px;top: 28px;}

.hdbar-menu:hover #menu_drop_down {
	height: 180px;
}
.aside_game_list{width: 894px;float: left;}
.aside_list_div{width: 280px;float: right;}
.hf_ul{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: flex-start;width: 920px}
.hf_ul li{width: 280px;height: 150px;background: center /100% 100% no-repeat;border-radius: 4px;box-sizing: border-box;position: relative;overflow: hidden;margin:0 26px 18px 0;transition:background .2s }
.hf_ul li>a{display: block;width: 100%;height: 100%}
.hf_ul li dl{margin: 18px 0 0 20px;float: left;font-size: 16px;color: #323232;}
.hf_ul li dl dd{font-size: 14px;color: #858585;margin: 8px 0}
.hf_ul li dl .marker{width: 38px;height: 16px;transition: margin .2s;background: url(../images/game.png) 0 0 no-repeat;}
.hf_ul li dl .marker.new{background-position: 0 -17px;}
.hf_ul li p{font-size: 12px;color: #ffffff;width: 100%;height: 42px;bottom: 0;left: 0;position: absolute;background: rgba(0,0,0,0.5);display: flex;bottom: -44px;align-items: center;justify-content: space-between;transition: bottom .2s}
.hf_ul li .gw_a{float: left;width: 80px;height: 25px;background: #ff0000;text-align: center;border-radius: 14px;line-height: 24px;margin-left: -58px}
.hf_ul li p span{margin-right: 16px}
.f_more_r{float: right;font-size:12px;margin-top: 2px;color: #666666 }
.aside_game_list .p-title{width: auto;margin-bottom: 6px}
.hf_ul li p span a{margin: 0 10px}
.hf_ul li .tt_g{transition: margin .2s}
.hf_ul li:hover{background-size: 110% 110%}
.hf_ul li:hover p{bottom: 0}
.hf_ul li:hover .marker{margin-left: -60px}
.hf_ul li:hover .tt_g{margin-top: 8px}
.hf_ul li.qr_li p{width: 100%;height: 100%;bottom:-160px;left: 0;display: block;text-align: center;font-size: 16px;color: #ffffff}
.hf_ul li.qr_li p img{display: block;height: 94px;width: 94px;margin: 0 auto}
.hf_ul li.qr_li p span{display: block;margin: 12px 0 4px 0}
.hf_ul li.qr_li:hover p{bottom: 0}
.hf_ul li.qr_li:hover dl{display: none;}

.aside_list_div .serverList{margin-top: 26px}
.aside_list_div .serverList.hot_rank li a{height: 45px;justify-content: flex-start;cursor: pointer;}
.aside_list_div .serverList.hot_rank .little-content h4{padding: 12px 0 10px 0}
.serverList.hot_rank .hot_time{width: 60px;padding-left: 22px;text-align: center;font-size: 12px;background: url(../images/l.png) 6px 14px no-repeat;}
.serverList.hot_rank .hot_time.hot{background: url(../images/fire.gif) -8px 0 no-repeat;color: #ff0000}
.serverList.hot_rank .hot_txt{width: 94px;text-align: left;font-size: 12px;margin-left: 8px;}
.aside_list_div .serverList.hot_rank li a.enter_hot{width: 72px;height: 24px;border-radius: 10px;font-size: 12px;border: 1px solid #dedede;justify-content:center;}
.aside_list_div .serverList.hot_rank li a.enter_hot:hover{background: #ff0000;border-color: #ff0000;color: #fff}
.aside_list_div .serverList.hot_rank li:hover p{color: #ff0000}
.serverList li a .game_server{width: 80px;text-align: center;}
.serverList li a .game_tt{width: 70px;text-align: center;margin-left: 20px}
.bottom_change_div{width: 100%;height: 5px;position: absolute;bottom: 10px;display: flex;align-items: center;justify-content: center;}
.bottom_change_div p{width: 30px;height: 5px;background: #e4e4e4;border-radius: 6px;margin: 0 4px;cursor: pointer;}
.bottom_change_div p.cur , .bottom_change_div p:hover{background: #ff0000}
.cont_divs .tabs{position: relative;height: 242px}
.aside_person_p{position: absolute;left: 50%;margin-left: -950px;top: 0}
#right_perosn{margin: 0 -950px 0 0;left: auto;right: 50%}