@charset "UTF-8";
body{background-color: #fff;}
.vg_main{position: relative;max-width: 1600;/* min-height: 100%; */ padding:84px 0 0;margin:0 auto;float:none;}
.main_left{width:70%;max-width: 700px;top: 80px;}
.main_left.fixed{height: calc(100% - 48px);height: -webkit-calc(100% - 48px);top:48px;}
.main_left{float: none;}
.main_right{float: auto;float: right; position:relative;width:22%;max-width: 300px;right:0;padding:0;margin:50px 7% 100px 0;}
.main_cent{float: none; width:100%;max-width:1030px;padding-top:30px;}
.vg_main>.vg_tit{padding:0 10px;}

/* 左侧内容 */
.vg_card{float: left;height: 100%; max-width:215px;padding: 30px; border:1px solid rgba(0,0,0,0.05);position: relative;z-index: 10;background-color: #fff;overflow: hidden;}
.vg_card:before{background: #fff;bottom: 0;content: "";height: 30px;left: 0;position: absolute;width: 100%;z-index: 2;}
.vg_card .img_box{width: 100%;margin:0 0 10px;}
.vg_card .game_pf{left:0;}
.vg_card .info_box{float: left;width: 100%;}
.vg_card h2{line-height: 28px;max-height: 56px; margin-bottom: 0; font-size: 18px;font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei";font-weight: bold;}
.old_name{display: inline-block;width: 100%; color:#222;line-height: 20px; font-size: 14px;overflow: hidden;}
.game_descri{float: left;margin-bottom:10px;}
.game_descri>div>p{margin-bottom:5px;font-size: 12px;color:rgba(0,0,0,0.3);}
.game_descri>div.descri_box{margin-bottom: 10px;}
.game_descri>div>span,.game_descri>div>a{font-size: 14px;color:#262626;/*display: inline-block;margin:0 10px 10px 0;*/}
.game_descri .jizhong_tab{width: 100%;margin-bottom:10px;}
.game_descri .game_gene{margin-bottom: 10px;}
.game_descri .where_buy_box a{color:#262626;}
.game_descri .where_buy_box a:hover{box-shadow: 0 -4px 0 #b4e7f8 inset;}
.card_con{float: left;width: 100%; position: relative;top:0;}

/* 菜单 */
.vg_g_nav{float: left;width:215px;margin-left:-30px;}
.down_toggle{cursor:pointer;}
.vg_g_nav dl{float: left;width: 100%;color:#262626;overflow-y: hidden;padding:0 30px;}
.vg_g_nav dl dt{font-size: 14px;line-height:20px;padding:9px 0;position: relative;}
.vg_g_nav dd{display:none; font-size: 12px;position: relative;line-height:18px;padding:9px 0;}
.vg_g_nav dd:before{content:'';height:4px;width:4px;background:#888084;position:absolute;top:15px;left:-10px;}
.vg_g_nav dl dt:before{content:'';position:absolute;width:10px;height:10px;background:url('../img/spri_01.svg') -631px -72px no-repeat ; left:-16px;top:12px;}
.vg_g_nav dl.down{background-color: #FAFAFA;color:#888084;}
.vg_g_nav dl.down dd{display:block;}
.vg_g_nav dl.down dt:before{background-position:-653px -72px;}

.vg_g_nav dt a,.vg_g_nav dd a{color:#262626;}
.vg_g_nav .down dt a,.vg_g_nav .down dd a{color:#888084;}

/* 关联多个游戏 */
.vg_card.more_than_one .game_pf {left:0;}
.vg_card.more_than_one .card_item{float: left;width: 100%; margin-bottom:20px;}
.more_than_one .vg_card_foot{display: none;}
.vg_card.more_than_one .info_box{max-width: 100%;}

/* 游戏模块底部 */
.vg_card_foot{float: left;width:100%;height: 45px; background-color: #fff; position: absolute;right: 0; bottom:0; border-top:1px solid rgba(0,0,0,0.05);}
.vg_card_foot .share_btn{float: left;width: 100%;height:100%;}
.vg_card_foot .share_box{height: 242px;width: 40px;bottom:65px;}
.vg_card_foot .share_box:before{top: auto; bottom: -12px; transform: translate(-56%) rotate(180deg); -webkit-transform: translate(-56%) rotate(180deg);}
.car_bar_mov{display:none;position: absolute;top:0px;right:10px;}
.card_bar{ height: 60px;width: 4px;background-color:rgba(0,0,0,0.1);border-radius:2px;position: relative;top:10px;z-index: 20;}

.main_left .vg_card_foot{display:none;}

@media(max-width: 1200px){
	.main_cent{width:100%;max-width: 700px;}
	.vg_main{padding-top:64px;}
	.vg_line{display: none;}
	.main_left{display: block;float: left; position:static !important;margin-bottom:30px;  width: 100%;max-width: 100%;height: auto;}
	.main_left.fixed{height: auto;}
	.main_left .vg_card{width: 100%; max-width: 100%;border-bottom:1px solid rgba(0,0,0,0.05);padding:20px;}
	.card_con{width:100%;overflow:hidden;position: static; }
	.card_con .card_item{float: left; width: 100%;position: relative;}
	.vg_card:before{display:none;}
	.vg_card .card_recom{display: none;}
	.vg_card .img_box{float: auto;float: left;margin:0 20px 0 0;width:144px;position: relative;}
	.vg_card .info_box{max-width: calc(100% - 164px);max-width:-webkit-calc(100% - 164px);width: auto;position: relative;}
    .vg_card_foot{width:45px;height: 100%;right: 0;border-top: none; border-left:1px solid rgba(0, 0, 0, 0.05);}
    .vg_card_foot .share_box{width: 242px;height: 40px;left:auto;right:64px;bottom: auto;top: 50%; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);}
    .vg_card_foot .share_box:before{bottom: 8px; left: auto;right: -26px;transform: translate(0px) rotate(90deg);-webkit-transform: translate(0px) rotate(90deg);}
    .game_descri{width:calc(100% - 164px);width: -webkit-calc(100% - 164px);height:110px;overflow: auto;margin:0;}
    .game_descri>div{float: left; width: 50%;overflow: hidden;}
	.game_descri .jizhong_tab{height: 16px;overflow: hidden;}
	.game_descri .game_gene{height: 22px;overflow: hidden;}
	
	.old_name{height: 20px;}
	.vg_card h2{height: 28px;}
	/* 关联多个游戏 */
	.main_left .vg_card.more_than_one{height: 110px !important;overflow: auto;}
	.vg_card.more_than_one .card_con{width: 100%;}
	.vg_card.more_than_one .card_item{width: 240px;height: 96px; margin:0 60px 10px 0;}
	.more_than_one .old_name{height:40px;}
	.more_than_one h2{height:auto;}

}
@media(max-width: 720px){
	.vg_main{padding-top: 50px;}
	.main_cent{width: 100%;padding: 0 10px;}
	.main_left .vg_card{height:128px !important;}	
	.card_con{overflow:auto;}
	.main_left .vg_card{padding:0;height:auto !important;overflow: hidden;}
	.vg_card .info_box{max-width: calc(100% - 90px);max-width: -webkit-calc(100% - 90px);}
	
	.vg_card .img_box{margin-right: 10px;width: 80px;}
	.vg_card .game_descri{width: 100%;padding:0;margin-top:10px;}
	.game_descri>div{padding:0 5px;}

	/* 关联多个游戏 */
	.main_left .vg_card.more_than_one{padding:10px;}
	.vg_card.more_than_one .card_item{ margin:0 30px 10px 0;}
}


.vg_moble_menu_title,.vg_moble_menu{display:none;}
@media (min-width: 720px ) and (max-width: 1200px){
	.vg_g_nav{float: left; width: calc(100% - 164px);width:-webkit-calc(100% - 164px);height:110px;overflow-y: auto;margin-left:0;}
	.vg_g_nav>dl{width: 50%;}
}
@media(max-width: 720px){
    .body_scroll{overflow: hidden;}
    .vg_card_mobile{z-index: 1001;}
	.vg_g_nav{position: fixed;top:0;left:-100%;top:0; width:100%;height:100%;padding:0;margin:0px;background: #fff;overflow-y:auto;padding-top: 50px;transition: all 0.2s;}
    .vg_moble_menu_title{width: 100%;float: left;text-align: center;height: 50px;line-height: 50px;display: block;position: fixed;top:0;left:-100%;;background: #fff;transition: all 0.2s;}
    .vg_card_mobile .vg_moble_menu_title,.vg_card_mobile .vg_g_nav{left:0;}

    .vg_moble_menu{display: block;position: fixed;right:10px;bottom: 70px;text-align:center;color: #2ABACA;font-size: 12px;width: 44px;height: 44px;border-radius: 44px;
        background:url(../img/menu_icon.png) center 10px #fff no-repeat;line-height: 65px;overflow: hidden;
        box-shadow:0px 1px 2px 0px rgba(0,0,0,0.15), 0px 2px 4px 0px rgba(0,0,0,0.10);z-index: 1002;transition: all 0.2s;}
    .vg_card_mobile .vg_moble_menu{background:url(../img/menu_icon_close.png) center center #fff no-repeat;line-height: 265px;}
}