@charset "UTF-8";
*{font-family:"PingFang SC","Microsoft YaHei", "微软雅黑", "SimSun", "宋体",Arial, "STHeiti", "华文黑体",  Helvetica, Tahoma, Arial sans-serif,FontAwesome !important;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:none;word-break: break-all;}
body,header,div,section,nav,article,iframe,textarea,blockquote,figure,figcaption,fieldset,footer,h1,h2,h3,h4,h5,p,span,dl,dt,dd,ul,ol,li,i,form,button,label,input,select,textarea,option,a,em,i,strong,aside,img,table,tr,td,tbody{padding: 0;margin: 0;list-style: none;border:none;-webkit-appearance: none;-moz-appearance: none;word-wrap: break-word; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;outline:none; }
h1,h2,h3,h4,h5,h6{-webkit-font-smoothing:antialiased;}
i,var{font-style:normal;}
a{text-decoration: none;color:#000;}
a,button,input:focus, textarea:focus{outline:none;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;}
a:hover{color:#2ABACA;}

.mouse_select{
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
user-select: none;
}

.mouse_thread{
    pointer-events: none;
}

*::-webkit-input-placeholder {
    color: rgba(38,38,38,0.3);
}
*:-moz-placeholder {
    color: rgba(38,38,38,0.3);
}
*:-ms-input-placeholder {
    color: rgba(38,38,38,0.3);
}

a,button{cursor:pointer;}
img{float: left;}
.img_box img{width:100%;}
header,section,footer{float:left;width: 100%;}
section{margin-bottom:30px;}
.user_select{-moz-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
user-select: none;
}
html{width: 100%; height: 100%;}
@font-face {
  font-family: 'FontAwesome';
  src: url('/resources/medium-editor/dist/fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('/resources/medium-editor/dist/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('/resources/medium-editor/dist/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('/resources/medium-editor/dist/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('/resources/medium-editor/dist/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
body{float: left; width: 100%;overflow-x: hidden; margin:0 auto; font-size:14px;color:#000;background-color: #FAFAFA;font-family:'PingFang SC',"Open Sans","Helvetica Neue",Helvetica, Arial, sans-serif,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei","Heiti SC",FontAwesome;}
.black_cover{background-color:transparent;height: 100%;left: 0;padding: 10px;position: fixed;top: 0;width: 100%;z-index: 999;}

/* 认证 */
.vgtime_user_verify_info{font-size: 14px;line-height: 20px;color: #262626;width:100%;box-sizing: border-box;float: left;margin-bottom:10px;}
.vgtime_user_verify_info:before{content:"";width: 20px;height: 20px;background: url("/resources/img/verify_vendor.png") no-repeat center center;background-size: 16px 16px;float: left;margin-right: 3px;}
.vgtime_user_verify_info[data-type="1"]:before{background-image:url("/resources/img/verify_gamer.png");}


.list_info_verify{width:14px;height:14px;border-radius:100%;margin: 8px 0 0 10px;float:left;background: url("/resources/img/verify_vendor.png") no-repeat center center;background-size: 100% 100%;}
.list_info_verify[data-type="1"]{background-image:url("/resources/img/verify_gamer.png");}
.list_info_verify.no_top{margin-top: 2px;}

/* 广告 */
.vgtime_baidu{width: 100%;text-align: center;float: left;}
.vgtime_baidu>ins{margin: 0 0 30px 0 !important;}
@media screen and (max-width: 720px){
    .vgtime_baidu *{width: 100% !important;}
}

.vgtime_baidu_box{width: 100%;float: left;margin-bottom: 0;}
.vgtime_baidu_box .vgtime_baidu_index{width: 50%;float: left;}
/* 广告 */

.main_body{padding-left:50px;float:right;width: 100%;overflow:hidden;}

#article textarea{width:100%;resize:none;background:rgba(213,217,227,0.3);padding:10px;box-sizing:border-box;}

/* 侧边返回顶部 */
.ver_top_btn{cursor: pointer; display: none; position:fixed;bottom: 0;left: -1px; width: 50px;height: 50px;background-color:#f0f0f0;z-index: 10;}
.ver_top_btn i{left:17px;top:17px; transform:rotate(90deg);-webkit-transform:rotate(90deg); width: 16px;height: 16px; background-position: -601px -69px;}
.ver_top_btn.ver_down_btn i{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}
/* 签到 */
.vg_sign_btn .icon{background-position: -189px -355px;width: 20px;height: 20px;}
.vg_sign_btn.sign_success .icon{background-position: -239px -355px;}
/* 注册成功弹出层 */
.succ_html{max-height: 90%;overflow-y:auto;overflow-x:hidden; position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);background: #FFFFFF;border: 1px solid rgba(165,170,184,0.10);box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.15);border-radius: 4px;z-index: 600;}

/* tooltip */
*[data-hover='tooltip']{cursor:pointer;}
.vg_tooltip{font-size: 14px;color:#fff;line-height: 20px; padding:10px; background: rgba(0,0,0,0.90);box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.20); border-radius: 3px;position:absolute;z-index:2000;max-width: 220px;margin-bottom:30px;pointer-events:none;}
.vg_tooltip:before{content:'';position: absolute; border:10px solid; border-color:transparent rgba(0,0,0,0.90) transparent transparent;}
.vg_tooltip.t_top:before{border-color:rgba(0,0,0,0.90) transparent transparent transparent;bottom:-20px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.vg_tooltip.t_right:before{left:-20px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.vg_tooltip.t_left:before{border-color:transparent transparent transparent rgba(0,0,0,0.90);right:-20px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.vg_tooltip.t_bottom:before{border-color:transparent transparent rgba(0,0,0,0.90) transparent;top:-20px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);}

/* 公用布局样式 */
.left{float: left;}
.right{float: right;}
.p_link{color:#444;box-shadow: 0 -6px 0 #B4E7F8 inset;display: inline;color:#000;}
.center{position:absolute;left:50%;top:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.center_hor{position: relative;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.clearfix:after{content:""; display:block;clear:both;}
.clearfix{zoom:1;}
.hidden{display: none;}
.color{color:#2ABACA !important;}
.orange{color:#EF5D43 !important;}
.vg_arr{position:absolute;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);z-index: 10;cursor: pointer;}
.left_arr{left:0;}
.right_arr{right:0;}
.icon{position: absolute; display:inline-block;width: 12px;height: 12px; background: url(../img/spri_01.svg) -562px -121px no-repeat;z-index: 1;}
.refresh_icon{width: 12px;height: 12px;background-position: -245px -31px;}
.sear_icon{width: 14px;height: 14px;background-position: 0px -32px;}
.share{background-position:-256px -2px; }
.guanzhu{background-position:-291px -2px; }
.shoucang{background-position:-325px -2px; }
.jubao{background-position:-355px -2px; }
.down_btn{background-position: -387px -28px;width:20px;height: 20px;}
.sel_tab .down_btn{display: none; position: relative;right: 0;margin-left:10px;top:10px;}
.vg_tit .sel_tab.down{overflow: visible;}
.down>.down_btn{transform:rotate(180deg) translateY(2px);-webkit-transform:rotate(180deg) translateY(2px);}
.i_quiz{float:right; font-size:12px;font-weight: bold;text-align: right;}
.i_quiz:after{content:'';background:url(../img/spri_01.svg) -614px -269px no-repeat;display:inline-block;width:16px;height:16px;float:right;}
.video .video_tab{position:absolute; top:10px;left:10px;height:34px;line-height:34px;font-size:12px;color:#Fff;width:calc(100% - 20px);}

.video .video_tab span{position:relative;z-index:1;display:block;padding:0 10px;width:100%;box-sizing: border-box;}
.video .video_tab span:before{content:'';position: absolute;left: 0;top: 0;z-index:-1;width: 100%;height: 100%; background: url("../img/black_bg.png") repeat-y scroll 0 0 / 103% 1px;opacity:0.3;}


.video_tab .icon{width: 34px;height: 34px;left:0px;bottom:0px;position:relative;float:left;}
.video .video_tab .icon{background-position: -138px -57px;}
.zhibo .video_tab .icon{background-position: 0 -210px;}
.live_in{width: auto; height: 30px;line-height: 30px;padding:0 10px 0 28px;background-color: #DF5020;border-radius: 2px;}
.live_in:after{display:none;}
.live_in:before{content:'';width:8px;height: 10px;position: absolute;left: 10px;top: 11px; background: url(../img/spri_01.svg) -57px -222px no-repeat;}
.mess_tab{position: absolute;right:0; font-size:12px; color:#000;line-height: 12px;padding:6px 10px;border:1px solid #000;border-radius:12px;}
.share_btn .icon {height: 22px;width: 22px; background-position: -671px -25px;}
.share_btn:hover .icon{background-position: -671px -68px;}
.read_more .more_btn,.cheat_comm_more .more_btn{width: 16px;height: 16px;position: relative;top: 3px; margin-left: 6px;background-position: -601px -69px;}


.shadow{background: #FFFFFF;border: 1px solid rgba(0,0,0,0.05);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.1);border-radius: 3px;}
.vg_produce_tab{width: 62px;height: 40px;background-position: -36px -54px;left:0px;bottom:0px;}
.game_comm_icon{width: 80px;height: 20px;background-position: 0 -170px; right:10px;bottom:10px;}
.nothing_btn{font-size: 12px;color:#a5aab8;margin:20px 0;display: block;text-align: center;}
.nothing_btn:hover{text-decoration: underline;color:#a5aab8;}

.guanzhu_box {border: 2px solid #2abaca;border-radius: 3px;color: #2abaca;cursor: pointer;font-size: 12px;line-height: 24px;position: absolute;right: 20px;text-align: center;top: 20px;width: 60px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.guanzhu_box.onit{border-color:#A5AAB8;color:#A6A8B0;}
.guanzhu_box.onit:hover{background-color: #A5AAB8;color:#fff;}
.guanzhu_box:not(.onit):hover{color:#fff;background-color: #2ABACA;}


/* ----------公用列表样式---------- */
.vg_main{width: 100%;float: left; max-width: 1600px;padding:80px 0 50px;}
.vg_list{float: left;width: 100%;}
.vg_list ul{float: left;width: 100%;position: relative;}
.vg_list li{ float: left; margin-bottom:15px;position: relative;}
.main_cent{margin-bottom: 50px;}
.main_cent .vg_list li{width: 100%;border-radius: 3px; box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 2px 4px 0px rgba(0,0,0,0.10);border: 1px solid rgba(165,170,184,0.10);background: #FFFFFF;padding:0 20px;transition:box-shadow 0.2s;-webkit-transition:box-shadow 0.2s;}
.main_cent .vg_list li:hover{box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.12), 0px 6px 16px 0px rgba(0,0,0,0.15);}

.main_right li{width: 100%;}
.vg_line{float:left;width: 100%;border-bottom:1px solid rgba(0,0,0,0.05);margin-bottom:30px;}
.vg_tit{float: left;width: 100%;position: relative;z-index:2;}
.vg_main > .vg_tit{z-index: 200;}
.vg_tit h2{float: left; height: 34px;line-height: 34px; font-size:24px;position: relative;margin-bottom:20px; font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei"; }
.game_box_list .vg_tit h2{max-width:calc(100% - 120px);overflow: hidden;}
.main_right .vg_tit{ position: relative; padding:0 0 10px;border-bottom:1px solid rgba(0,0,0,0.05);}
.main_right .vg_tit h2{font-size:20px;}
.vg_tit p{margin-top:10px;float: left;width: 100%;}
.vg_tit .vg_tab{color:#888084;margin:0 0 0 20px;}
.vg_tit .vg_tab:before{border-color:#888084;}
.close_btn{position: absolute;top:6px;right:0;background-position: -187px -34px;opacity:0.33;cursor:pointer;}
.read_more{color:#888084;position:absolute;right:0;top:0;font-size: 12px;line-height:34px;}
.read_more strong{color:#000;font-size:14px;}
.sel_tab_box{float: left;margin:60px 0 30px 0;z-index:5;position:relative;}
.sel_tab_box .down_btn{top: 8px;}
.sel_tab{float: left; position: relative;}
.cheat .sel_tab{overflow: hidden;}
.sel_tab a{float: left;padding:0 16px; margin:0 20px 8px 0;text-align: center; font-size: 16px;line-height: 32px;color:#262626;background-color: #fff; border:1px solid rgba(0,0,0,0.1);border-radius: 16px;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.sel_tab_small a{float: left;padding:0 12px; margin:4px 12px 8px 0;text-align: center; font-size: 14px;line-height: 28px;color:#262626;background-color: #fff; border:1px solid rgba(0,0,0,0.1);border-radius: 16px;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.sel_tab a:last-child{margin-right:0;}
.sel_tab a.onit{background-color:#f7f7f7;color:rgba(38,38,38,0.3);}
.sel_tab span.onit{background-color:#f7f7f7;color:rgba(38,38,38,0.3);}

.jizhong_sel{position: relative;overflow: hidden; float: left;margin: 0 20px 8px 0;line-height: 32px;font-size: 16px;color: #262626;text-align: center;}
.jizhong_sel .sel_tit{display: block; border-radius: 16px;padding:0 26px 0 16px;background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.1);cursor:pointer;}
.jizhong_sel .down_btn{display: inline-block;top:7px;right: 5px; position: absolute;pointer-events:none;}
/* .jizhong_sel .sel_tit{width: 100%;padding-right: 10px; } */
.jizhong_sel .sel_sel_box{position:absolute;left:0;margin-top:10px;border:none;background:none;box-shadow: none;}
.jizhong_sel .sel_sel_box a{display:block;width:max-content;width:-moz-max-content;width:-webkit-max-content;float:none;}


.menu_box{position: relative;overflow: hidden; float: left;margin: 0 20px 8px 0;line-height: 32px;font-size: 16px;color: #262626;text-align: center;}
.menu_box .menu_box_btm{display: block; border-radius: 16px;padding:0 26px 0 16px;background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.1);cursor:pointer;}
.menu_box a.menu_box_btm{padding:0 16px;}
.menu_box .down_btn{display: inline-block;top:7px;right: 5px; position: absolute;pointer-events:none;}
.menu_box .sel_sel_box{position:absolute;left:0;margin-top:10px;border:none;background:none;box-shadow: none;}
.menu_box .sel_sel_box a{display:block;width:max-content;width:-moz-max-content;width:-webkit-max-content;float:none;}

.down{overflow:visible;}

.often_tab .sel_tab{width: 100%; max-width:100%;height: auto;}
.often_tab a{margin-right:10px;}
.add_to_prog{width: 30px;height: 30px;text-align: center;border-radius:3px; position: absolute;right:6px; bottom:6px;font-size: 20px;color:#fff;background-color: #000;}
.add_to_prog .icon{width: 14px;height: 14px;background-position: -94px 0;}
.dingyue_box{position: absolute;right:10px;bottom:15px; cursor:pointer;}
.dingyue_btn{display: block; border: 1px solid #2ABACA;border-radius: 3px;width: 60px;text-align: center; line-height: 24px;font-size: 12px;color:#2ABACA;}
/* .dingyue_box:hover{color:#fff;background-color: #717580;border-color:#717580;} */
/* .dingyue_box.onit{color:#fff;background-color: #717580;border-color:#717580;} */
.game_state_box{display: none; position: absolute;right: -1px;top: -38px;z-index: 100;}
.game_state_box span{float: left;margin-bottom: 10px; text-align: center;width: 64px;line-height:24px;font-size: 12px;color:#000;  box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.06), 0px 4px 8px 0px rgba(0,0,0,0.12);border-radius: 2px;background: #FFFFFF;border: 1px solid rgba(0,0,0,0.05);cursor: pointer;}
.game_state_box span.onit{color:#636B80;}
.game_state_box span.onit i{color:#D5D9E3;}
.game_state_box span:not(.onit):hover{background-color: #7EE6CF;box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.10), 0px 12px 20px 0px rgba(0,0,0,0.20);}
.game_state_box span:not(.onit):hover i{color:#fff;}
.game_state_box span i{display: inline-block;margin-right:10px; color:#7EE6CF;font-size: 16px;}

.load_more{display:none;float: left;width:100%;max-width:400px;position: relative;left:50%;transform:translate(-50%);-webkit-transform:translate(-50%);border: 1px solid rgba(0,0,0,0.05);border-radius: 3px;color:#555; line-height: 48px; text-align: center;margin:60px 0;transition:all 0.2s;-webkit-transition:all 0.2s;}
.load_more:hover{color: #555; background: #FFFFFF;border: 1px solid rgba(165,170,184,0.10);box-shadow: 0px 8px 16px 2px rgba(0,0,0,0.10);}

.no_more_page{width: 100%;float: left;text-align: center;font-size: 14px;line-height: 48px;color: #ddd;/*margin: 30px 0;*/}


.vg_tab{display: inline-block; width: 100%; color: #A6A8B0; font-size: 12px;line-height: 20px;margin:10px 0;position: relative;}
.vg_tab:before{content:'';height:100%;border-left:6px solid #262626;position: absolute;left: -20px;}
.video .vg_tab:before{border-color:#EF5D43;}


/* 带有背景色的底部 */
.bg_color{width:100%;height: 40px;line-height: 40px;background-color: #fafafa;position: relative;}
.bg_color:before{content: "";height: 10px;left: 0;position: absolute;top: 0;width: 100%;background: rgba(0, 0, 0, 0) url("../img/box_tit_shadow.png") repeat-x scroll 0 0;}
.cheat .fot_fot{width: calc(100% + 20px);width: -webkit-calc(100% + 20px);margin-left:-10px;background-color: #2ABACA;color:#fff;height: 40px;line-height:40px;font-size: 16px; overflow-y: hidden;}
.cheat .fot_fot .icon{position: relative;top:3px;margin-right:5px; width: 16px;height: 16px;background-position: -442px -67px;}


/* 游戏知乎列表 */
.vg_zhihu .sel_tab{width: 100%;max-width: 100%;margin:20px 0 0;}
.zhihu_list li{float: left;width: 100%; padding-bottom:20px;margin-bottom:20px; border-bottom:1px solid rgba(0,0,0,0.05);}
.main_cent .zhihu_list li{padding:0 0 20px 0;}
.zhihu_list li>div{float: left;width: 100%;}
.zhihu_list h2{font-size:18px;line-height: 28px;font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei";font-weight: bold;}
.zhihu_list h2:hover{color:#2ABACA;}
.zhihu_list p{line-height: 26px;}
.resolve p{line-height:18px; }
.reply_num,.reply_btn{float: left;margin-right:10px;width: 60px;height: 26px; border: 1px solid #A5A5A5;border-radius: 3px;color:#A5A5A5;font-size: 12px;line-height: 26px;text-align: center;}
.reply_num .icon{width: 13px;position: relative;margin:5px 10px -1px 0;background-position: -415px -30px;}

.zhihu_tit>a.reply_num{width:40px}
.resolve .reply_num{background-color: #AC92EC;color:#fff;border-color:#AC92EC;}
.resolve .reply_num .icon{ background-position: -142px -31px;}
.resolve .reply_btn{display: none;}
.main_right .zhihu_list h2{font-size: 14px;line-height: 18px;max-height: 36px;overflow: hidden;}
.main_right .zhihu_list h2 img{width: 14px;height:14px;float: none;}

.forum .forum_tag{position: absolute;top:10px;right:20px;margin:0;}
.forum .comm_num{background-color: #000000;border-radius: 2px 2px 0;color: #fff;min-width: 24px;margin: 0; padding: 0 5px;text-align: center;font-size:12px;}
.forum .comm_num:before {content: "";border-color: #000 transparent transparent;border-style: solid;border-width: 6px 0 6px 6px;bottom: -12px; position: absolute;right: 0;}
.forum .forum_tag.game_pf{left: auto; font-size: 18px;line-height: 26px; color: #000;background:none;}

/* 游戏文化列表 */
.game_civiliz li{width: 100%; padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid rgba(0,0,0,0.05);}
.game_civiliz li h2{margin-bottom:0;}
.game_civiliz .img_box{margin-bottom:0;width: calc(32% - 10px);width:-webkit-calc(32% - 10px);margin-right: 10px;}



/* 视频节目单 */
.yc_video_list{float: left;width: 100%;float: left;width: 100%;padding-top:10px;position: relative;}
.yc_list_box{float: left;width: 100%;padding:10px;border-bottom:1px solid rgba(0,0,0,0.05);position: relative;}
.yc_list_box .info_box h2{height:28px;}
.main_cent .vg_list .yc_video_list .img_box{width:calc(34% - 20px);width:-webkit-calc(34% - 20px);}
.yc_video_list .vg_tab{width:auto;margin:0;}
.yc_video_list .vg_tab:before{display:none;}
.yc_video_list .fot_box{position: absolute;width:66%;left:34%;bottom:0;margin-bottom:0;}
.yc_video_list .read_more{float: left;width: 100%;margin:10px 0;text-align: center;position:relative;}

/*发售表模块*/
.game_sale_date{width: 100%; max-width:300px; float: left; margin-bottom:30px;}
.game_sale_date .vg_tit{border-bottom:1px solid rgba(0,0,0,0.05);line-height: 20px;}
.game_sale_date .vg_tit h2{font-size: 18px;}
.game_sale_date li{float: left;width: 100%;padding:15px 0;border-bottom:1px solid rgba(0,0,0,0.05);position: relative;}
.game_sale_date li img{width:100%;}
.sale_date{float: left;font-size: 14px;line-height:20px;color:#000; font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei";font-weight: bold;}
.sale_game_img{float: left;width: 80px;height: 50px; overflow: hidden;}
.sale_game_img img{width:80px;height:50px;}
.game_sale_date li h2{color:#79818F;margin-bottom:10px; font-size:14px;height: 18px;font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei";font-weight: bold;overflow: hidden;white-space:nowrap;text-overflow:ellipsis; }
.sale_date_info{float:left;width: calc(100% - 90px);-webkit-width: calc(100% - 90px);margin-left: 10px;}
.game_sale_date .jizhong_tab{width: calc(100% - 200px);-webkit-width: calc(100% - 200px);height: 16px;overflow:hidden; position: absolute;bottom:15px;left:130px;}
.game_sale_date .jizhong_tab>span{color:#717580;border-color: #717580;}
.game_sale_date .jizhong_tab i{float: left; color:#717580;line-height: 14px;}
.game_sale_date .dingyue_box{top:auto;bottom:15px;right:0;}
.game_sale_date li.limite_active{padding:26px 0 ;}
.game_sale_date li.limite_active .time_date{float: left;height: 30px;padding:0 10px;font-size:18px;line-height: 30px;border-radius: 15px;background-color: #F56467;color:#fff;margin-right:10px;}
.game_sale_date li.limite_active h2{font-size:18px;line-height: 30px;height:30px;position: relative;padding-right:15px;}
.game_sale_date li.limite_active .close_btn{top:36px;}
.main_right .game_sale_date .vg_tit{margin-bottom:0;}
.game_sale_date .game_state_box span{}
/* 分享盒子 */
.share_btn{position: relative;cursor:pointer;}
.share_box{display: none;box-sizing: content-box;width:162px; position: absolute;bottom: -60px; width:-webkit-max-content;width:-moz-max-content;width:max-content;background-color: #fff; border-radius:3px;border: 1px solid rgba(0, 0, 0, 0.05);box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.06), 0 4px 8px 0 rgba(0, 0, 0, 0.12);z-index:40;}
.share_box:before{content: "";width: 44px;height: 17px;background: rgba(0, 0, 0, 0) url("../img/tip_top_bg.svg") no-repeat scroll 0 0;position: absolute;top: -12px;left: 50%; transform: translate(-50%);-webkit-transform: translate(-50%);}
.share_box a{float: left;width:40px;height: 40px;}
.share_box a .icon{float: left;width: 20px;height: 20px;top:10px;left:10px;position:relative;}
.share_box a.share_wx_friend .icon{width: 22px; background-position: -199px -302px;}
.share_box a.share_qzone .icon{background-position: 0 -302px;}
.share_box a.share_weixin .icon{background-position: -40px -302px;}
.share_box a.share_xinlang .icon{background-position: -80px -302px;}
.share_box a.share_douban .icon{background-position: -120px -302px;}
.share_box a.share_tenc .icon{background-position: -160px -302px;}

/*微信二维码*/
.share_wechat_fixed_box{display:none;padding:20px;position:fixed;top:50%;left:50%;background:#fff;border: 1px solid rgba(0,0,0,0.05);box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.12), 0px 6px 16px 0px rgba(0,0,0,0.15);border-radius: 3px;z-index: 1000;}
.share_wechat_fixed_box_title{margin-bottom:10px;font-weight:bold;font-size:14px;}
.share_wechat_fixed_box p{font-size:12px;margin-top:10px;}
.share_wechat_fixed_box_close{width: 16px;height: 16px;background: url(../img/spri_01.svg) 0 0 no-repeat;background-position: -379px -67px;right: 20px;top:20px;cursor: pointer;opacity:0.2;position: absolute;transform: scale(0.7);}

.game_pf{position: absolute;left: 10px;top:10px;font-size: 30px;color:#fff;line-height: 30px; padding:0 10px;background: url(../img/black_bg.png) repeat-y;background-size: 103% 1px;-webkit-background-size: 103% 1px;}
.user_pf{border-left:4px solid #AC92EC;}
.edit_pf{border-left:4px solid #7EE6CF;}


/* 测评列表评论 */
.main_cent .review_comm_box{float: left;width: 100%; margin:0 0 20px;position: relative;}
.review_comm_box .want_play_btn{right:0;top:-20px;}
.main_cent .review_comm_box ul{float: left;width: 100%;}
.main_cent .review_comm_box ul li{ float: left;width: 48%;margin:0 4% 20px 0;padding-left:20px;border: none;box-shadow: none; border-bottom:1px solid rgba(0,0,0,0.05);background: url(../img/lead_bg_02.svg) no-repeat;color:#262626;}
.main_cent .review_comm_box li:nth-of-type(2n){margin-right: 0;}
.main_cent .review_comm_box li:nth-of-type(2n+1){background: url(../img/lead_bg_03.svg) no-repeat;}
.main_cent .review_comm_box p{font-size: 14px;line-height: 20px;height: 40px;overflow-y: hidden;margin-bottom:10px;}

/* 用户头像信息 */
.user_box{width: 100%;height: 30px; margin:10px 0 10px;font-size: 12px;line-height: 16px;}
.user_box img{width: 30px;height: 30px;border-radius:50%;margin-right:10px;}
.user_box .user_name{float: left; /*width:calc(100% - 40px);width:-webkit-calc(100% - 40px); */color:#2ABACA;}
.user_box .time_box{ float: left; width:calc(100% - 40px);width:-webkit-calc(100% - 40px); color:#A5AAB8;}

/* 机种标签 */
.jizhong_tab{float: left;overflow-y: hidden;}
.jizhong_tab>span{float: left;background-color: transparent;color: #000;font-size: 10px; line-height: 14px;margin:0 10px 10px 0;padding: 0 5px;border:1px solid #000;border-radius:8px;}
/* 游戏基因标签 */
.game_gene{float: left;width: 100%;overflow-y: hidden;}
.game_gene span{float: left;padding:0 5px; margin:0 10px 10px 0; line-height: 20px;color:#000;border:1px solid rgba(0,0,0,0.1);border-radius:12px; font-size: 12px;background-color: #fff;}

/* 想玩，入手，通关 */
.want_play_btn{position: absolute;right: -74px;top:0;padding-top:20px;border-left:1px solid rgba(0,0,0,0.05);}
.want_play_btn span{cursor: pointer; display: block;width: 40px;height: 40px;line-height:40px;text-align: center;color: #A5A5A5;font-size: 12px; border-radius: 50%; background: #FFFFFF;border: 1px solid rgba(0,0,0,0.05);box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);margin:10px 0 0 -20px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.want_play_btn span.onit{cursor:inherit; background: #A5AAB8;border: 1px solid rgba(99,107,128,0.10);color:#fff;}
.want_play_btn span.unchose{cursor:inherit;background: #f2f2f2;color:rgba(165,165,165,0.5);}
.want_play_btn span:not(.onit):not(.unchose):hover{background: #4CD9BA;color:#414141;box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.10), 0px 12px 20px 0px rgba(0,0,0,0.20);}

/* 评论框 */
.comm_box{float: left;width: 100%;padding: 18px;color: #3A3A48; margin-bottom:30px;position: relative;font-size: 14px;background: #FFFFFF;border-radius: 3px;border: 1px solid rgba(0,0,0,0.05);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.1);transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;}
.comm_box .comm_input{float: left;width:calc(100% - 50px);width:-webkit-calc(100% - 50px);line-height: 40px;height: 40px;/* overflow: hidden; */}
.comm_input_box{display: none;}
.comm_input_btn .comm_btn{float: left;margin-right: 10px; width: 120px;background-color: #fff;font-size: 14px; text-align: center;color:rgba(0,0,0,0.33); line-height: 40px;border-radius:4px;border: 2px solid rgba(0,0,0,0.15);}
.comm_input_btn .comm_btn.pub_btn{width: 160px;font-size: 16px;}
.comm_input_btn .comm_btn.hover{border-color:#2ABACA;color:#2ABACA;}
.comm_input_btn .comm_btn:hover{border-color:#2ABACA;color:#2ABACA;}

.comm_input_btn .nologo:hover{color:rgba(0,0,0,0.33);border-color:rgba(0,0,0,0.15)}

.comm_box .user_box{float: left; width:auto;height: 40px; line-height:40px;margin:0;}
.comm_box .user_box .user_name{display: none;margin: 0; width: calc(100% - 50px);width: -webkit-calc(100% - 50px);font-size: 14px;word-break:keep-all;white-space: nowrap}
.comm_box .user_img{width: 40px;height: 40px;}
.comm_input .placeholder_info{color: rgba(0,0,0,0.33);}
.comm_input_btn{display: none;}

.comm_box.open,.comm_box:hover{box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.12), 0px 6px 16px 0px rgba(0,0,0,0.15);}
.comm_box.open .user_box .user_name{display: block;}
.comm_box.open .comm_input{ width: 100%;height: auto;}
.comm_box.open .comm_input .placeholder_info{display: none;}
.comm_box.open .comm_input .comm_input_box,.comm_box.open .comm_input .comm_input_btn{float: left;width: 100%; display: block;}
.comm_input .catalog_editor{float: left;width:100%;margin: 40px 0;}

.moblie_bind_notice,.moblie_bind_href{display:none;}
.comm_box.open .comm_input .moblie_bind_notice{width:100%;color:rgba(68,68,68,0.5);font-size:16px;line-height:20px;float:left;display:block;float:left;margin:10px 0;}
.comm_box.open .comm_input .moblie_bind_href{color:#262626;display:block;float:left;line-height:20px;}



@media screen and  (min-width:1200px){
.comm_input .catalog_editor{float: left;width:100%;margin: 20px 0;}
}
.comm_input .catalog_editor .editable{min-height: 80px;margin:0;}
.comm_input .medium-editor-placeholder:after{content:'这里开始正文内容…' !important;}

/* 回复框 */
.comm_list .comm_box .user_box .user_name{font-size: 14px;color:#2abaca;line-height: 40px;}

/* 编辑器样式 */
article{float:left;width:100%;}
u.p_trailer{position: relative;-webkit-filter: blur(6px);filter: blur(6px);}
u.p_trailer:before{content:'';position: absolute;left: 0; height: 100%;width: 100%;background-color:rgba(255,255,255,0.5);}
.front_content{margin:10px 0;outline: none;font-size: 16px;line-height: 28px;color: rgba(38,38,38,0.90);/* min-height: 140px; */box-sizing: border-box;letter-spacing: 1.3px;width: 100%;float: left;}
.front_content ul,.front_content ul li{list-style: disc;margin-bottom:10px;}
.front_content ol,.front_content ol li{list-style: decimal;margin-bottom:10px;}
.front_content ul,.front_content ol{padding-left: 1em;}
.front_content:after{margin:0;}
.front_content p{margin-bottom:20px;/* text-indent:2em; */margin:10px 0; }
.front_content h3{margin:20px 0;line-height:30px;}
.front_content p a,.front_content li a,.front_content blockquote a{border-bottom: 4px solid #B1E9F4;text-decoration: none;color: #262626;}
.front_content blockquote{/* padding:20px 4%;text-align: center; */ color:#000;font-family:"Kaiti SC";background: url(../img/lead_bg_02.svg) 0 0 no-repeat;}
.roundTable{width: calc(100% + 160px);width: -webkit-calc(100% + 160px);margin:20px -80px 20px -80px; padding:40px 90px;background-color: #F5F5F5;position: relative;}
.roundTable:before,.roundTable:after{content:'';position: absolute;top:0;height: 100%;width: 80px;background: url(../img/white_bg.svg) repeat-y;background-size:100% 1px;-webkit-background-size:100% 1px;}
.roundTable:before{left:0px;}
.roundTable:after{right:0px;transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.front_content .rtd_box{width: 100%;float: left;margin:10px 0;position: relative;transition: display 0.3s;-webkit-transition: display 0.3s;}
.front_content .rtd_box .rtd_pic{width: 80px;float: left;}
.front_content .rtd_box .rtd_pic img{width: 70%;float: left;margin-right:30%;}
.front_content .rtd_right .rtd_pic img{width: 70%;float: left;margin-left:30%;}
.front_content .rtd_box .rtd_content{max-width: calc(100% - 180px);min-width:180px;margin-left: 10px;margin-right:90px;float: left;padding: 20px;background: #fff;border-radius: 3px;position: relative;box-shadow: 0 3px 10px 0px rgba(0,0,0,0.3);line-height: 20px;outline: none;cursor: text;}
.front_content .rtd_box .rtd_content p{padding:0;margin:0;text-indent: 0;}
.front_content .rtd_box .rtd_content:before{content: "";border: 10px #eee solid;border-color:#fff  #fff transparent transparent;width: 0;height: 0;top: 0;left: -10px;position: absolute;}
.front_content .rtd_right .rtd_pic,article .front_content .rtd_right .rtd_content{float: right;}
.front_content .rtd_right .rtd_content{margin-left: 90px;margin-right: 10px;}
.front_content .rtd_right .rtd_content:before{border-color:#fff transparent transparent #fff ;left:auto;right:-10px;}
.front_content table{width:100%;resize:both;table-layout:fixed;margin:10px 0;border-spacing: 10px;white-space: inherit;}
.front_content table td{font-size: 16px;line-height: 28px; background:rgba(213,217,227,0.4);border: 1px rgba(165,170,184,0.1);padding:10px;white-space: inherit;}
.front_content table td *{margin:0;}
.front_content table tr td:first-child{background: rgba(204,224,235,0.5)}
.front_content table tr:first-child td{background:rgba(172,146,236,0.3);}
.front_content .vg_insert_img{margin:20px 0;text-align: center;}
.front_content img{float: none;text-align: center;width: auto;max-width: 100%;}
.front_content img.vgtime_panst_img{width:22px;height:22px;}
.front_content h4{position: relative;font-size: 30px;line-height: 50px;margin: 30px 0; font-family: "Songti SC";padding-left: 20px;border-left:6px solid #000;}
/* .front_content h4:after{content:"\f1dd";color: #50E3C2;font-size: 20px;margin-left: 20px;font-weight: normal;font-family:FontAwesome;} */
/* .front_content h4:before{content: "";width: 6px;height: 50px;position: absolute;top:0;left:0;background: #000;} */
.front_content figure iframe{width: 100%;position: relative;z-index: 10;overflow: hidden;}
.front_content iframe{width: 100%;position: relative;z-index: 10;overflow: hidden;}
.front_content figcaption,.front_content figcaption *{font-size: 14px;color: #AFAFAF;font-style: italic;line-height: 16px;outline: none;margin: 10px 0;text-align:center;}

.info_box{color:#000;margin-bottom: 10px;}
.img_box{float: right;position: relative;width: calc(34% - 20px);width: -webkit-calc(34% - 20px);margin:0 0px 10px 20px;}
.vg_list .img_box{float: none;float: right;margin:0 0 10px 20px;}
.img_box img{width: 100%;}

.info_box h2{font-size: 18px;line-height:28px;max-height: 56px;font-weight:bold; font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei";margin-bottom: 10px;overflow:hidden;}
.info_box h2 span.strategy_num{color:#262626;font-size: 14px;line-height:28px;float: right;font-weight: 300;}
.main_right .info_box h2{font-size:14px;line-height:22px;height: 44px;}
a h2:hover{color:#2ABACA;}
.info_box h2 img{width:18px;height: 18px;}
.forum .info_box h2 img{float: none;}
.info_box p img{width: 14px;height: 14px;}
.forum .info_box p img{float: none;}
.info_box p{font-size:14px;line-height: 20px;height:40px; overflow:hidden;color:#262626;font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei";}
.big_box .info_box p{height:60px;}
.fot_box{float: left;width: 100%; width: 100%;color:#9497A0;font-size: 12px;margin:0 0 15px;height:16px;line-height: 16px; overflow:hidden;}
.fot_box .user_img{width: 30px;height: 30px;border-radius: 50%;margin:-6px 20px 0 0;display: none;}
.fot_box .right span{margin-left: 10px;float: left;}
.fot_box span i{position: relative;top:1px;margin-right: 5px; display: inline-block;width: 12px;height:12px;}
.time_box i{background-position:-101px -33px;}
.comm_num i{background-position:-123px -33px;}


/* 评测内容 */
.review_con{overflow-y: hidden;}
.review_con .re_c_box{float: left;width: 100%;padding:15px 0 15px 35px;position: relative;}
.review_con .re_c_box .icon{width: 20px;height: 20px;position: absolute;left:0;}
.re_c_advan .icon{background-position: -181px -65px;}
.re_c_disadvan .icon{background-position: -211px -65px;}
.review_con .re_c_disadvan{border-top:1px solid rgba(0,0,0,0.05);}
.re_c_box span{float: left;width: 100%;line-height:20px; color:rgba(0,0,0,0.7);font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei";position:relative;}
.re_c_box span:before{content:'';opacity:0.7;float:left; width:3px;height:3px;border-radius:2px;position:absolute;top:8px;left:-9px;}
.re_c_box.re_c_advan span:before{background-color:#2ABACA;}
.re_c_box.re_c_disadvan span:before{background-color:#F56467;}


/*右侧边栏 */
.main_right .vg_list{margin-bottom:30px;}
.main_right .vg_tit{padding:0 0 20px;margin-bottom:20px;}
.main_right .vg_tit h2{margin-bottom:0;font-size: 18px;/*line-height: 20px;height: 20px*/;}
.main_right .jizhong_tab > span{color:#717580;border-color:#717580;}

/* 每日徽章 */
.daily_huizhang li{margin:0 10px 0 0;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(0,0,0,0.05);position: relative;}
.daily_huizhang li .img_box{float: auto;float: left; width:60px;margin:0 10px 0 0;}
.daily_huizhang li .info_box{width:72%;margin-bottom:0;}
.daily_huizhang li h3{margin:8px 0 4px; font-size: 14px;font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei";font-weight: bold;}
.daily_huizhang li p{font-size: 12px;height: auto;max-height:100%;}
.yongyou_percen{float: right;margin-top:-10px; color:#888084;font-size: 12px;text-align: center;position: absolute;right: 10px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.yongyou_percen .yongyou_num{display: block;font-size: 24px;font-weight: bold;}



/* ----------通用头部----------- */
.head_box{float: left;width: 100%;}
header{height: 110px; line-height: 48px;box-shadow:0px 3px 8px 0px rgba(0,0,0,0.12), 0px 6px 16px 0px rgba(0,0,0,0.15); border-bottom:1px solid rgba(85,85,85,0.05);background-color: #131313; position:absolute;z-index: 600;box-sizing: content-box;}
.hd_top{width: 100%; height:26%;line-height: 32px; background-color: #131313;padding-left:188px;}
.hd_top .hd_top_left{float:left;max-width:calc(100% - 250px);max-width:-webkit-calc(100% - 250px);height:100%;overflow:hidden;}
.hd_top a{float: left; color:#A5AAB8;font-size: 12px;margin-left:22px;}
.hd_top a.color{margin-top:-2px;}
.hd_top .app_link{float: right;width:auto;position: relative;height:32px;}
.hd_top .app_link a{height: 100%;background-color:transparent;border:none;border-radius: none;opacity:0.5;position: relative;}
.hd_top .app_link a:hover{opacity:1;}
.weixin_box{position: relative;}
.weixin_box img{display: none;/*  width: 220px;height: 120px; */position: absolute;top:52px; box-shadow: 0px -12px 20px 0px rgba(0,0,0,0.20);border: 1px solid rgba(0,0,0,0.05);border-radius:3px;z-index: 100;}
.weixin_box:before{display: none; content:'';background: rgba(0, 0, 0, 0) url("../img/tip_top_bg.svg") no-repeat scroll 0 0;
    height: 17px;
    left: 50%;
    position: absolute;
    top: 40px;
    transform: translate(-50%);-webkit-transform: translate(-50%);
    width: 44px;z-index: 101;
}
.weixin_box:hover:before{display: block;}
.weixin_box:hover img{display: block;}


.vg_logo{
	width: 188px;
	height:100%;
	position: absolute;
	left:0;
	bottom:0;
 
}
/* .vg_logo a{float:left;width:100%;height:100%;margin:0 auto; background:url(../img/logo.png) center no-repeat;background-size: 166px auto;-webkit-background-size: 166px auto; text-indent: -9999px;transition:height 0.4s;-webkit-transition:height 0.4s;}
 */

.vg_logo a{float:left;width:100%;height:100%;margin:0 auto; background:url(../img/logo.png) center no-repeat;background-size: 166px auto;-webkit-background-size: 166px auto; text-indent: -9999px;transition:height 0.4s;-webkit-transition:height 0.4s;}


header nav{height: 80%;padding-left:188px;max-width: calc(100% - 180px);max-width: -webkit-calc(100% - 180px);overflow: hidden;}
header.down nav{height: 100%;}
nav .vg_list li{width: auto;border:none;box-shadow: none;padding:0;}
nav .vg_list,nav .vg_list li{margin-bottom:-10px;}
header nav li a{float: left;width: 100px;text-align: center;color:#AAB2BD;border-right:1px solid rgba(85,85,85,0.05);}

/* 头部搜索框 */
.vg_sear{position: relative;height: 60%;}
.sear_inp{background-color: #fff; color:#aab2bd;font-size: 14px;line-height:100%; position: absolute;width:0;height: 100%;right:100%;z-index: 11;transition:width 0.3s;-webkit-transition:width 0.3s;}
.sear_inp.onit{border-left:1px solid rgba(85,85,85,0.05); width: 400px;padding:0 20px;}
.sear_btn{float: left; width: 180px;height: 100%;border-left:1px solid rgba(85,85,85,0.05);background-color: #131313;}

/*搜索过程样式 */
.vg_sear_box{display: none; position: fixed;top: 100%;padding:20px; width: 100%;left:0;background-color:rgba(255,255,255,0.95);color:#383A48;}
.vg_sear_con{float: left;width: 100%;max-width: 720px;}
.vg_sear_result{display: none; float: left;width: 100%;margin-bottom:20px;}
.vg_sear_result li{float: left;width: 100%;border-bottom:1px solid #eee;}
.vg_sear_result li a{line-height: 60px;color:#3A3A48;}
.vg_sear_comm_box{float: left;margin:20px 0;}
.vg_sear_comm_box a{float: left;margin:0 5px 20px;padding: 0 10px;border-radius: 15px; line-height: 30px;border:1px solid #000;font-size:16px;color:#000;}
.vg_sear_default{float: left; border-bottom:1px solid #eee;border-top:1px solid #eee;padding-top:30px;}
.vg_sear_default li{float: left;width: 100%; line-height: 30px;height: 32px;overflow: hidden; margin-bottom:30px;}
.vg_sear_default li .sear_def_tit{float: left;width:100px;color:#3A3A48;font-size: 20px;}
.vg_sear_default li a{float: left;padding: 0 10px; margin:0 10px 20px;font-size: 16px;color:#383A48;line-height: 30px;border-radius:15px;border:1px solid rgba(0,0,0,0.1);}
.sear_result_num{line-height:20px;color:#383A48;}
.sear_result_none p{text-align: center;font-size: 16px;}
.sear_num{margin:20px 0;display:block;}
.sear_num .icon{position: relative;margin-right: 10px; width: 26px;height: 20px;background-position: -523px -117px;}


/* 头部消息提醒 */
.update_notice{display: none; height: 60%;padding:0 20px; border-left:1px solid rgba(85,85,85,0.05);}
.update_notice span{float: left;}
.ntc_num{font-size:30px;color:#262626;margin-right:10px;}
.ntc_btn{font-size: 12px;color: #FFFFFF;line-height: 12px;background-color: #AAB2BD;border-radius:2px;padding:2px 5px;margin-top:12px;position: relative;cursor:pointer;}
.ntc_btn:before{content:'';position: absolute;left: 50%;bottom:-17px;margin-left:-4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #2ABACA;border-bottom:6px solid transparent;}

/* 屏幕向下滚动 */
.head_box{position:absolute;width: 100%;margin:0 auto;}
.head_box header{max-width: 1600px;left: 50%;margin-left:25px; transform:translate(-50%);-webkit-transform:translate(-50%);}
header.down{height: 48px;position:fixed;}
header.down .hd_top{display: none;}
header.down .vg_logo,header.down .vg_sear,header.down .update_notice{height: 100%;}
header.down .vg_logo a{height: 48px;}
/* ----------通用头部----------- */

/* ----------侧边消息中心----------- */
.ver_nav{float: left;padding:130px 0 0 0;position:fixed;left:0;height: 100%; width:50px;background-color:transparent; z-index:1000;pointer-events:none;}
.ver_nav .ver_nav_con{float: left;position: absolute;width: 100%;min-height:calc(100% - 130px);min-height:-webkit-calc(100% - 130px);}
.ver_nav.down .ver_nav_con{min-height:calc(100% - 98px);min-height:-webkit-calc(100% - 98px);}
.ver_nav>div{pointer-events: auto;}
.ver_nav > .ver_nav_main{pointer-events:none;}
.ver_nav.down{padding-top:48px;}
.ver_nav_con_fixed{width:50px;height: 100%; position:fixed; background:#F0F0F0 url(../img/vertical_nav_bg.png);box-shadow: -4px 0 4px 0 rgba(205,205,211,0.66) inset;z-index:-1;}
.ver_nav .ver_nav_bar{float: left;height: 100%;width:50px;}

.unlogin>.user_img img,.unlogin .ver_dy_btn,.unlogin .ver_gz_btn,.unlogin .my_set_btn,.unlogin .ver_coll_btn,.unlogin .vg_sign_btn{display: none !important;}
.ver_btn{float: left; width: 50px;height:50px;border-bottom:1px solid rgba(0,0,0,0.05);background-color: #F0F0F0; position: relative;cursor:pointer;}
.ver_btn>.icon{opacity:0.3;}
.ver_btn.open{background-color: #fff;}
.ver_btn.open>.icon{opacity:1;}

.user_img.ver_btn{padding:5px;}
.ver_nav .user_img{float: left;}
.ver_nav .user_img .icon{width: 24px;height: 24px;background-position: -628px -169px;}
.ver_nav .user_img img{float: left; width: 40px;margin:0 auto; border-radius:50%;position: relative;z-index: 5;}
.ver_dy_btn .icon{width:22px;height: 18px;background-position: 0 3px;}
.ver_gz_btn .icon{width:22px;height: 18px;background-position: -14px -352px;}
.ver_coll_btn .icon{width:20px;height: 16px;background-position: -65px -357px;}
.my_set_btn .icon{width:29px;height: 28px;background-position: -112px -351px;}
.toggle_btn{box-shadow: 0 0 1px rgba(113,117,128,0.3) inset; position: relative; float: left; width: 42px;height: 22px;margin-left: 4px; border-radius:12px;background-color: #50E3C2;}
.toggle_btn span{position: absolute;right:2px;top:2px;width: 18px;height: 18px;border-radius: 50%; background: #FFFFFF;border: 1px solid rgba(0,0,0,0.03);box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.15);}
.toggle_btn i{width: 12px;height: 10px;top:6px;position:absolute; background: url(../img/spri_01.svg) no-repeat;  line-height: 22px;color:#fff;font-size: 12px; }
.toggle_btn i.left{left:5px;background-position: -507px -177px;}
.toggle_btn i.right{right:5px;background-position: -534px -177px;}
.toggle_btn.close{background-color: #F56467;}
.toggle_btn.close span{right:auto;left:2px;background-color: #fff;}
.all_comm_flag .toggle_btn{position:absolute;left:0;bottom:15px;}
.ver_nav_bot{position: absolute;bottom:0;width: 50px;}
.all_comm_flag{float: left;width: 100%;height:126px; background-color: #fff;padding:25px 0 10px;}
.all_comm_flag>span{color:#A5AAB8;font-size: 12px;float: left;width: 100%;text-align: center;-webkit-transform:scale(0.7143);transform:scale(0.8333);}
.all_comm_flag .ver_btn{height: auto;padding:10px 0;font-size:10px; text-align: center;background-color: #fff;color:#A5AAB8;}
.all_comm_flag .icon{position: relative; height:20px;width: 20px;background-position: -119px 0;}
.all_comm_flag .ver_btn>span{float: left;width: 100%;margin:10px 0;}

.down .ver_nav_main>div{padding-top: 48px;}
.ver_nav_main{width:450px;padding-left: 50px; float: left;height: 100%;overflow:hidden; position:absolute;top:0;left:-450px;border-right:1px solid rgba(0,0,0,0.05);z-index:10;font-size: 14px;pointer-events:none;}
.ver_nav_main>div{height:100%; padding-top:80px;background-color: #fff;pointer-events:auto;overflow-y:visible;}
.ver_nav_main:before{content:"";position:absolute;top:0;left:50px;width:calc(100% - 50px);height:100%;background:url("/resources/img/vgload.gif") #fff no-repeat center 30%;background-size:70% auto;-webkit-background-size:70% auto;}

.ver_share_box{display: none; float: left;width: 50px; background-color:#D0D0D0;}
.ver_share_box .share_info{ float: left;position: relative; width:max-content;width: -moz-max-content;width: -webkit-max-content; margin-left: 50px;line-height: 50px;font-size: 14px;color: #fff;padding:0 45px 0 10px;}
.ver_share_box .share_info:after{content:'';width: 16px;height: 16px;position: absolute;top: 18px;right: 15px;background:url(../img/spri_01.svg) -544px -268px no-repeat;}
.ver_share_box a.copy_link .share_info:after{background-position: -582px -268px;}

.ver_share_box a{float: left;width:50px;height: 50px;position: relative;overflow: hidden;}
.ver_share_box a.copy_link{background-color: #717580;}
.ver_share_box a .icon{width:25px;height: 25px;top:12px;left:12px;}
.ver_share_box a.share_wx_friend .icon{background-position: -46px -266px;}
.ver_share_box a.share_qzone .icon{background-position: -235px -265px;}
.ver_share_box a.share_weixin .icon{background-position: -394px -262px;}
.ver_share_box a.share_xinlang .icon{background-position: -334px -262px;}
.ver_share_box a.share_douban .icon{background-position: -448px -262px;}
.ver_share_box a.share_tenc .icon{background-position: -284px -262px;}
.ver_share_box a.copy_link .icon{background-position: -497px -262px;}

.ver_share_box a:hover{width: auto;}
.ver_share_box a.share_wx_friend:hover{background-color:rgba(22,201,48,0.7);}
.ver_share_box a.share_qzone:hover{background-color:rgba(40,138,214,0.7);}
.ver_share_box a.share_weixin:hover{background-color:rgba(22,201,141,0.7);}
.ver_share_box a.share_xinlang:hover{background-color:rgba(245,100,103,0.7);}
.ver_share_box a.share_douban:hover{background-color:rgba(88,203,106,0.7);}
.ver_share_box a.share_tenc:hover{background-color:rgba(56,166,215,0.7);}
.ver_share_box a.copy_link:hover{background-color:rgba(50,46,56,0.7);}

.vg_left_shouchang{float: left;width: 100%;height: 50px;border-bottom:1px solid rgba(0,0,0,0.1);background-color: #fff;cursor: pointer;}
.vg_left_shouchang .icon{width: 20px;height: 20px;left:15px;position: relative;margin-top:7px; background-position:-592px -216px;}
.vg_left_shouchang:hover .icon{background-position: -624px -216px;}
.vg_left_shouchang.onit .icon{background-position:-657px -216px;}
.vg_left_shouchang span{display: block;line-height: 20px;text-align: center; color:#717580;font-size: 12px;transform:scale(0.8333);-ms-transform:scale(0.8333);-webkit-transform:scale(0.8333);}

/* 手机端侧边导航 */
.ver_nav_list li{width: 100%;height: 50px;line-height: 50px;text-align: center;margin:0;}
.ver_nav_list li a{display:block;}
/* ----------侧边消息中心----------- */



/* ---------------通用底部--------------- */
footer{font-size: 12px; color:#A5AAB8;}
footer>div{float: left;width: 100%; background-color: #161616;}
footer>div>div a:hover{color:#2ABACA;}
footer>div>div{width: 100%;}
.fot_top{padding:30px 20px 0 20px;}
.fot_l{width: 250px;width:235px;margin-left:35px}
.fot_l img{width: 100%;max-width: 229px;margin-bottom:35px;}
.fot_l p{float: left; margin-bottom:15px;}
.fot_c{width:calc(100% - 540px);margin:0 auto;max-width: 800px;}
.fot_c ul{/* margin-left:-45px; */}
.fot_c li{width:calc((100% - 230px) / 4);text-align: center;}
.fot_c dt{color:rgba(119,119,119,0.5);margin-bottom:18px;}
.fot_c dd{margin-bottom:10px;}
.fot_c dd b{width:85px;text-align:right;padding-right:5px;float:left;box-sizing:border-box;}
.fot_c li a{color:#777777;font-family: "微软雅黑" !important;}
.fot_r{width:270px;border-left:1px solid rgba(0,0,0,0.5);padding-left:10px;}
.app_link,.blogroll{float: left;width: 100%;}
.app_link a{float:left;opacity:0.5; width: 28px;margin:0 10px;height: 28px;background:rgba(255,255,255,0) url(../img/app_bg.svg) -2px -1px no-repeat; text-indent: -9999px;box-sizing: content-box;-webkit-box-sizing: content-box;transition:all 0.2s;-webkit-transition:all 0.2s;}
.app_link a:hover{opacity:1;}
.app_link a.weibo{background-position: -34px -1px;}
.app_link a.vg_app{background-position:-195px -1px;}
.app_link a.ucg_app{background-position: -226px -1px;}
.app_link a.more{background-position: -132px -1px;}
.app_link a.zhihu{background-position: -168px -1px;}
.blogroll{margin-top:60px;text-align: center;}
.blogroll a{color:#9497A0;margin-bottom:10px;margin-right:15px;}

.fot_bot{margin-top:40px; color:#474747;background-color: #000000;padding:0 4% 0 4%;line-height: 40px;}
.fot_bot i{float: left;width: 98px;height: 14px;margin:13px 20px 0 0; background-size:98px auto;-webkit-background-size:98px auto;}
.fot_bot i{float: left;width: 98px;height: 14px;margin:13px 20px 0 0; background-size:98px auto;-webkit-background-size:98px auto;}
.fot_bot p{float: left;}
.fot_cr a{color:rgba(148,151,160,0.5);}
.fot_about a{float: left;color:rgba(148,151,160,0.5);width: 75px;text-align: center; line-height: 20px;margin-top:10px;border-left:1px solid rgba(136,128,132,0.3);}
.fot_about a:first-child{border:none;}

/* 世界评论 */
.foot_comm_list{position: fixed;bottom: 0;left: 50px; width:calc(100% - 50px);width:-webkit-calc(100% - 50px);height: 126px;padding:10px 40px;box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.1); background-color:rgba(255,255,255,0.9);z-index: -1;}
.foot_comm_list.close{display: none;}
.foot_comm_list:before,.foot_comm_list:after{content:'';width: 113px;height: 126px; position: absolute;top:0;background:url(../img/white_bg.svg) repeat-y;background-size:100% auto;-webkit-background-size:100% auto; z-index: 2;}
.foot_comm_list:before{left: 0;}
.foot_comm_list:after{right: 0;transform:rotate(180deg);-webkit-transform:rotate(180deg);}

.foot_comm_list ul{float: left;position:relative;left:0;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.foot_comm_list li{float: left; width:240px;height:106px;}
.foot_comm_list li a{float: left;width: 100%;border-left:6px solid #383A3F;padding:0 20px; line-height: 28px;font-size: 16px;color:#262626;max-height: 112px;overflow-y: hidden;}
.foot_comm_list li:hover a{color:#2ABACA;border-color:#2ABACA;}

.foot_comm_list .global_comm_arr{opacity: 0;transition:opacity 0.2s ease-in;-webkit-transition:opacity 0.2s ease-in; position: absolute;right: 10px; width: 18px;height: 18px;background:url(../img/spri_01.svg) -562px -121px no-repeat;z-index: 3;cursor:pointer;}
.foot_comm_list:hover .global_comm_arr{opacity:1;}
.foot_comm_list .before_arr{top:22px;}
.foot_comm_list .after_arr{bottom:22px;transform:rotate(180deg);-webkit-transform:rotate(180deg);}

#vgtime_by_qq_group dd{margin-bottom:10px;}
#vgtime_by_qq_group dd a{width:100%;text-align: center;}
#vgtime_by_qq_group dd a b{width:100%;text-align: center;}
/* ---------------通用底部结束--------------- */


/* vg 筛选框 */
.vg_sel_box{float: left;width: 100%;max-width:960px;z-index:10;}
#form_box{line-height:40px;}
#form_box>div{margin-bottom:10px;width:50%;float:left;}
#form_box p{float: left;margin-right: 20px; font-size: 12px;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei"; }
.sel_box{float: left;position:relative;font-size:12px;height:40px;line-height: 40px;border-radius:4px;margin:0 10px 10px 0;background:transparent; cursor:pointer;border:2px solid rgba(113,117,128,0.15);overflow: hidden;transition: box-shadow 0.2s ease 0s;-webkit-transition: box-shadow 0.2s ease 0s;}
.sel_box.down{overflow: visible;}
.sel_box .down_btn{right:6px;top:10px;pointer-events:none;}
.sel_box.down .down_btn{transform:rotate(180deg) translateY(2px);-webkit-transform:rotate(180deg) translateY(2px);}
.sel_box:hover{background-color: #fff;box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.05);border: 2px solid rgba(0,0,0,0.05);}
.sel_box a{display:block;width: 100%;min-width: 60px; height: 40px;padding:0 30px 0 5px;line-height: 40px;color:#666;}
.sel_sel_box{float: left; min-width: 100%;max-height:240px;overflow-y:auto;overflow-x:hidden; position:absolute;background-color:#fff;box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.15);z-index:201;width: -moz-max-content;width: -webkit-max-content;width:max-content;}
.sel_box .sel_sel_box a{padding-right:5px;}
.date_box i{float: left;margin:0 15px 10px 5px;font-size: 12px;color:rgba(0,0,0,0.3);}
.date_box>i{color:#000;}

.clear_all{float: left;color:#A5AAB8;}
.devel_box,.distr_box{width:100%;}
.devel_box{margin-right:4%;}
.devel_box .sel_box,.distr_box .sel_box{width: 78%;max-width: 300px;border-width: 1px;}

#form_box .vg_pro{max-width: 330px;}
.vg_pro{float: left;margin-top:18px; width:94%; height: 4px;background-color: #EFEFEF;position: relative;border-radius:2px;}
.vg_pro a{top:-8px; position: absolute;width: 20px;height: 20px;line-height: 20px;color:#fff;text-align: center; background-color: #EFEFEF;border-radius:50%;}
.vg_pro .pf_arr_l{left:0;z-index: 10;}
.vg_pro .pf_arr_r{right: -20px;z-index: 10;background-color: #EFEFEF;}
.vg_pro .pro_fen{border: 0px solid rgba(0,0,0,0.05);z-index: 15;}
.vg_pro .next_pf{left:100%;}
.vg_pro .pre_pf{left:0px;}
.sel_btn{width: 100%;max-width: 400px; height: 40px;line-height: 38px;margin:30px 0 50px; font-size: 14px; color:#fff;background:rgba(0,0,0,0.15);border-radius: 4px;border: 1px solid rgba(0,0,0,0.03);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.sel_btn:hover{background-color: #2ABACA;box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.15);}

/* vg平台 */
.vg_platform{float: left;margin:10px 0;}
.vg_platform span{float: left;margin-right:10px; height: 18px;line-height: 18px; font-size:10px;padding:0 5px;  border: 1px solid #717580;border-radius: 9px;}


/* fot_fot带有上阴影底部 */
.fot_fot{float: left;width:calc(100% + 40px);width:-webkit-calc(100% + 40px);margin-left: -20px;line-height: 20px; background-color: #FAFAFA;position: relative;padding:10px 20px;overflow: hidden;color:#888084;}
.fot_fot a{color:#888084;}
.fot_fot:before{content: '';width: 100%;height: 10px;position: absolute;left: 0;top:0; background: url(../img/box_tit_shadow.png) left top repeat-x;}
.fot_fot .jizhong_tab{margin-top:13px;}
.fot_fot .dingyue_box{top:7px;position: relative;}

/* 用户资料卡 */
.user_img{position: relative;float: left;}
.user_card_togg{cursor: pointer;}
.user_box_card{position: absolute;top:30px; padding: 20px; width: 400px;max-width:400px;background-color: #fff;border: 1px solid rgba(0,0,0,0.05);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.12), 0px 0 40px 0px rgba(0,0,0,0.15);border-radius: 4px;z-index: 10000;color:#000;}
.user_box_card>img{width:100%;max-width:400px;}
.user_box_card.no_user{width:auto;padding:10px 20px;}
.user_box_card.no_user .card_main_info{font-size:12px;line-height:20px;color:#9497A0;margin:0;}

.ubc_arrow{position: absolute;top:-40px;left:15px;width:30px;height:40px;background:rgba(255,255,255,0);}
.ubc_arrow:after{content:'';position: absolute; border:10px solid; border-color:transparent transparent #fff transparent;bottom:0;left:5px;}
.ubc_arrow:before{content:"";position: absolute;bottom:0;left:-15px;width:300px;height:15px;background:rgba(255,255,255,0);}

.user_box_card .card_main_info{position: relative;margin-bottom: 10px;}
.user_box_card .card_user_img{float: left;width: 50px;height: 50px;margin-right:10px;position:relative;}
.user_box_card .card_user_img img{width: 100%;height:100%; border-radius: 50%;margin-right: 10px;}
.user_box_card .card_user_info{ float: left; width: calc(100% - 145px);width: -webkit-calc(100% - 145px);position: relative;}
.user_box_card .card_user_info:before{content: '';position: absolute;right: 0;top:10px;  height: 30px; border-right:1px solid rgba(0,0,0,0.05);}

.user_box_card .card_main_info .card_user_info .user_name{float: left;width: 100%; font-size:18px;color:#000; line-height:24px;min-height:24px;font-weight: bold;position: relative;}
.user_box_card .card_main_info .card_user_info .user_sex{position: absolute;top: 6px; margin-left: 10px;width: 10px;height: 10px;background-position: 10px 10px;}
.user_box_card .card_main_info .card_user_info .user_sex.man{background-position: -472px -126px;}
.user_box_card .card_main_info .card_user_info .user_sex.woman{background-position: -494px -126px;}
.user_box_card .card_main_info .card_user_img .user_level{float: left; font-size:8px;min-width:20px;text-align:center; margin:0; color:#AAB2BD;border:1px solid #AAB2BD;border-radius:3px;line-height: 14px;padding:0 5px;background-color: #fff;position: absolute;left:auto;right:-5px;bottom:5px;}

.touxian{float: left;width: 100%;height: 40px;line-height: 40px;}
.touxian span{font-size: 16px; color:#967ADC;font-family: "Songti SC","Hiragino Sans GB","Microsoft YaHei";}
.touxian.nothing:before{color:#A5AAB8;font-size:12px;}
.medal{/* float:left; */line-height: 22px;margin-left:6px;}
.medal span{padding:0 3px 0 6px;position: relative;color:#636B80;}
.medal span:before{content:'';width: 4px; height: 4px;border-radius:50%; position: absolute;left: 0;top:6px;}
.medal span.white_gold_medal:before{background-color:#AAD7FF;}
.medal span.gold_medal:before{background-color:#FFE100;}
.medal span.yin_medal:before{background-color:#ADB5B8;}
.medal span.tong_medal:before{background-color:#952A4B;}

.user_box_card .card_main_info .touxian{width:100%;line-height:20px;height:auto;min-height:20px;font-size:16px;margin-top:3px;}
.user_box_card .card_main_info .touxian span{color:#AAB2BD;}
.user_box_card .card_main_info .medal{margin-top:10px;}
.user_box_card .guanzhu_box{right:0;bottom:auto;top: 10px;}


/* 最近在玩 */
.recent_play{float: left;width: 100%; padding:0 20px;position:relative;}
.recent_play_list{float: left;width: 100%; position: relative;overflow: hidden;padding:15px 10px 25px;}
.recent_play .vg_arr{display: block; background:transparent;width: 16px; height:16px;margin-top:17px;}
.recent_play .left_arr{left:10px;}
.recent_play .right_arr{right:3px;}
.recent_play .vg_arr i{display: inline-block; width: 9px;height: 9px;border-bottom: 2px solid #CCD1D9;border-left: 2px solid #CCD1D9; right:4px;}
.recent_play .left_arr i{transform:translateY(-50%) rotate(45deg);-webkit-transform:translateY(-50%) rotate(45deg);}
.recent_play .right_arr i{transform:translateY(-50%) rotate(-135deg);-webkit-transform:translateY(-50%) rotate(-135deg);}

.user_box_card .recent_play .left_arr{left:0;}
.user_box_card .recent_play .right_arr{right:0;margin-top:12px;}
.user_box_card .recent_play .recent_play_list{margin-left:-6px;}

.recent_play p{font-size: 12px;line-height: 18px; color:#A5AAB8;margin-bottom:10px;}
.recent_play ul{float:left;position:relative;left:0;}
.recent_play ul li{float: left; width: 60px !important;height: 60px !important;padding: 0; border-radius: 2px;overflow: hidden;margin:0 10px 0 0;}
.recent_play ul li:hover{transition:all 0.2s;-webkit-transition:all 0.2s;transform:scale(1.06);-webkit-transform:scale(1.06); box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.12), 0px 6px 16px 0px rgba(0,0,0,0.15);border-radius: 2px;}
.recent_play ul li img{width: 100%;height: auto; border-radius:0;}

.user_box_card .game_state_show{float:left;width: 100%; display: block;margin-bottom:20px;}
.user_box_card .game_state_show span{float: left; padding: 0 10px; font-size: 14px;line-height: 30px; width: calc(100% / 4);width: -webkit-calc(100% / 4);border-right:1px solid rgba(0,0,0,0.05);}
.user_box_card .game_state_show span:last-child{border:none;}
.user_box_card .game_state_show span i{margin: 0; color:#A5AAB8;font-size: 18px;float: right;}


/* 列表分页样式 */
.vg_list_page{float: left;width: 100%;height: 80px;line-height: 80px;border: 1px solid rgba(0,0,0,0.05);/* box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.1); */ border-radius: 4px;background-color: #fff;overflow: hidden;position: relative;}
.vg_list_page .vg_arr{width: 120px;height:100%;position:absolute;background-color: #fff;}
.vg_list_page .left_arr{left:0; border-right:1px solid rgba(0,0,0,0.05);}
.vg_list_page .right_arr{right:0; border-left:1px solid rgba(0,0,0,0.05);float: auto;float: right;}
.vg_list_page .left_arr:before,.vg_list_page .right_arr:before{content:'';height: 7px;width: 7px;border-bottom:2px solid #434A54;border-left:2px solid #434A54;position:absolute;left:50%; top:50%;}
.vg_list_page .left_arr:before{transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);}
.vg_list_page .right_arr:before{transform:translate(-50%,-50%) rotate(-135deg);-webkit-transform:translate(-50%,-50%) rotate(-135deg);}
.vg_list_page .vg_arr.unclick{cursor: default;}
.vg_list_page .vg_arr.unclick:before{opacity:0.5;}

/* 其他账号 */
.rel_acc_box{float: left;width: 100%;}
.rel_acc_box .rel_acc{float: left;width: 100%;margin-bottom:10px;position: relative;}
.rel_acc_box .rel_acc h3{float: left; font-size: 16px;line-height:22px;}
.rel_acc_box .rel_acc .rel_acc_level{float: left;font-size:8px;line-height: 22px;border-radius:3px;color:#fff;padding:0 5px;margin-left:10px;}
.rel_acc_box .psn_acc .rel_acc_level{background-color: #4A90E2;}
.rel_acc_box .xbl_acc .rel_acc_level{background-color: #16C98D;}
.rel_acc_box .steam_acc .rel_acc_level{background-color: #615B69;}
.rel_acc_box .rel_acc_name,.rel_acc_box .rel_acc_medal{float:left;width: 100%;font-size: 12px;color:#717580;line-height: 30px;margin:0;}
.rel_acc_box .rel_acc_game_num{position:absolute;right:0;font-size: 12px;line-height: 18px; color:#BEBEBE;text-align: center;}
.rel_acc_box .rel_acc_game_num i{display: block;color:#717580;font-size: 18px;margin-bottom:6px;}


/* 投票模块 */
.vg_module{margin:20px 0;padding:20px;position: relative;}
.module_tab{display: inline-block; margin:0px;font-size: 14px; color:#fff;line-height: 20px;padding:0 5px;background-color: #2ABACA;border-radius:3px;}
.vg_votemode_tip{margin:0 10px;font-size:14px;line-height:20px;color:#383A48;font-weight: 500;}

.time_limit{position:relative;line-height:20px;font-size: 12px;color: #2ABACA;}
.time_limit .icon{position: relative;top: 4px; width: 16px;height: 16px; margin-right: 5px;background-position: -443px -99px;}
.vote_notice{font-size:14px;color:red;margin:0 20px;}

.module_tit{font-size:20px;line-height:28px;max-height: auto;font-weight: bold;margin:20px 0 10px 0;}
.module_info{font-size: 14px;line-height: 20px;color:#262626;opacity:0.7;}
.module_box{margin:20px 0;}
.module_item{float: left;width: 100%; font-size: 16px;line-height: 28px;margin-bottom: 15px;color:#262626;position: relative;padding-left:40px;word-break: break-all;}
.module_item .checked_box{width: 16px;height: 16px;margin: 0 20px -3px 0; display: inline-block;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 50%;position: absolute;top:6px;left:0;}
.module_item.onit .checked_box:before{content:""; position: absolute; width: 8px;height: 8px;top: 3px;left: 3px;background-color:#2ABACA;border-radius: 50%;}
.module_sub_btn{display: inline-block;margin-right: 20px; width: 160px;font-size: 16px;color: #fff;font-weight: bold; line-height:40px;background-color:rgba(0,0,0,0.15);border-radius:3px;}
.module_sub_btn.active{background-color: #2ABACA;}
.module_cancel_btn{font-size: 14px;color:rgba(0,0,0,0.33);background:none;}
.has_vote{color:rgba(0,0,0,0.3);}
.vote_result_box{display: none; width: 100%;position: relative;height:20px;}
.has_vote .vote_result_box{display: block;}
.vote_result_info{margin-bottom: 5px; text-align: right; font-size:12px;color:#262626;line-height: 20px;float:right;width:150px;line-height:20px;opacity:0.7;}
.vote_result_bar{width:calc(100% - 150px);height: 4px;border-radius: 2px;background-color:rgba(0,0,0,0.1);position: absolute;top:8px;left:0px;}
.vote_result_bar span{width: 50%; height: 100%;position: absolute;top: 0; left: 0;background-color:#A5AAB8;border-radius: 2px;}
.onit .vote_result_bar span{background-color: #7EE6CF;}
.has_vote .module_item{color:rgba(38,38,38,0.6);}

/* 多选样式 */
.module_box.checkbox .module_item .checked_box{border-radius:3px;}
.module_box.checkbox .module_item.onit .checked_box{border:1px solid #2ABACA;background:#2ABACA;}
.module_box.checkbox .module_item.onit .checked_box:before{border:3px solid #fff;border-width: 0 0 3px 3px;transform: rotate(-45deg);width: 10px;height: 4px;border-radius: 0;background: none;position: absolute;top: 2px;left: 1px;}

.module_box.checkbox.has_vote .module_item.onit .checked_box{background:#F5F5F5;border:1px solid rgba(0, 0, 0, 0.15);}
.module_box.checkbox.has_vote .module_item.onit .checked_box:before{border-color:rgba(0,0,0,0.25);}
/* 多选样式 */

.has_vote i.icon{
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.has_vote .checked_box{opacity: 1;}
.has_vote .module_item.onit .checked_box:before{background-color:rgba(0,0,0,0.25);} 

/* 安利模块 */
.module_amway .module_box .icon{width: 20px;height: 24px;position: relative;top:2px;float:left;}
.module_amway .module_box .yes{background-position: -660px -263px;}
.module_amway .module_box .no{background-position: -660px -301px;}
.module_amway .vote_result_box{max-width: 300px;}
.module_amway .vote_result_bar{width: 100%;position: relative;top:0;left:0;float:left;}
.module_amway .vote_result_info {font-size: 14px;width:100%;}
.module_amway .vote_result_bar span{left:auto;right:0;}


/* 弹出菜单 */
.nav_block{border-top:2px solid #1fbad6;background:#fff;box-shadow:0 5px 5px 2px rgba(0,0,0,0.1); float:left;margin-top:43px;z-index:999;display:none;}
.nav_block{width:180px;padding:20px;position:absolute;top:30px;left:188px;display:none;}
header.down .nav_block{top:0}
.nav_block dl{width:100%; float:left;line-height:24px;}
.nav_block dl dt{border-bottom:1px #eeeeee solid;padding:0 0 10px 0;margin-bottom:5px; font-size:14px;font-weight:bold;width:100%;float:left;}
.nav_block dl dd{width:100%;float:left;}
.nav_block dl dd a{font-size:14px;color:#a8b0b3;padding:5px 0; float:left;}
.nav_block dl dd a:hover{color:#1fbad6;}

/* 专题专栏弹出菜单 */
.nav_hover_box{width:150px;padding:20px;position:absolute;top:30px;left:288px;display:none;}
.nav_hover_box dl{width:100%; float:left;line-height:24px;}

/* 游戏弹出菜单 */
.nav_hover_game{width:150px;padding:20px;position:absolute;top:30px;left:188px;display:none;}
.nav_hover_game dl{width:100%; float:left;line-height:24px;}

/* 游戏弹出菜单 */
.nav_hover_news{width:150px;padding:20px;position:absolute;top:30px;left:388px;display:none;}
.nav_hover_news dl{width:100%; float:left;line-height:24px;}

@media(max-width: 1674px){
	.head_box header{margin-left: 0;}
}
@media(max-width: 1200px){
	header{height: 64px;line-height: 40px;}
	header nav,.hd_top{padding-left:158px;}
	header nav,.vg_sear,.update_notice{height: 62.5%;}
	.hd_top .hd_top_left{max-width:calc(100% - 200px);max-width:-webkit-calc(100% - 200px);}
	.hd_top .app_link a{margin:0 5px;}
	.ver_nav{padding-top:64px;}
	.ver_nav .ver_nav_con{min-height:calc(100% - 64px);min-height:-webkit-calc(100% - 64px);}
	.ver_nav.down{padding-top:40px;}
	.ver_nav.down .ver_nav_con{min-height:calc(100% - 40px);min-height:-webkit-calc(100% - 40px);}
	.update_notice{display: none;}
	.hd_top{height: 37.5%; line-height: 24px;}
	.hd_top a{margin-left:12px;}
	.hd_top .app_link{margin-top:-2px;}
    .vg_logo{width: 158px;}
    .vg_logo a{background-size: 120px auto;-webkit-background-size: 120px auto;}
    header nav li a{width: 80px;}
    .sear_btn{width: 90px;}
    .update_notice{padding:0 10px;}
    .ntc_btn{margin-top:8px;}
	header.down{height: 40px;position:fixed;}
	header.down .vg_logo,header.down .vg_sear,header.down .update_notice{height: 100%;}
	header.down .vg_logo a{height: 40px;}
	.ver_nav_main>div{padding-top:64px;}
	.down .ver_nav_main>div{padding-top: 40px;}
	header.down .nav_block{top:-3px;}

    .nav_hover_box{left:397px;top:20px;}
    .nav_hover_game{left:160px;top:20px;}
    
    .fot_c ul{display: none; position: absolute;width: 100%;background-color: #161616;left:0;padding:0 60px 0 130px;z-index: 105;}
    .fot_c ul li{text-align: left;}
    .fot_top{padding:30px 70px 0 30px;position: relative;}
    .web_map{display: block;color:#888084; position: absolute;right:20px;line-height: 32px;z-index:10;}
	.web_map_close{font-size:40px;color:#717580;transform:rotate(45deg);position: absolute;right:42px;bottom:10px;z-index:106;}
	.fot_bot{padding: 0 10px 0 30px;}
	.vg_main{padding-top:64px;}
	.main_cent{padding-left:10px;padding-right: 10px;}
	.main_right,.main_left{display: none;}
    .date_box i{margin:0 10px 10px 0;}
    .blogroll a{margin-right: 10px;}
    .app_link a{margin:0 10px;}
    .fot_r{width: 320px;}
	/* 公用头部底部结束 */
	.load_more{margin:30px 0;}
	.vg_sel_box{padding:0 10px;}
	#form_box > div{width: 100%;}
	.devel_box, .distr_box{width: 48%;}

}	
@media(max-width: 960px){
	.vg_logo{width: 74px;}
	header nav, .hd_top{padding-left: 74px;}
	header nav{max-width: calc(100% - 90px);max-width: -webkit-calc(100% - 90px);}
	/* .vg_logo a{background: rgba(0, 0, 0, 0) url("../img/logo_tab.png") center no-repeat;} */
	.vg_logo a{background: rgba(0, 0, 0, 0) url("../img/logo_tab.svg") center no-repeat;}
	.nav_hover_box{left:314px;width:400px;}
    .nav_hover_game{left:75px;}
}
@media(max-width: 720px){
	.game_pf{font-size:20px;line-height:22px;}
	.sel_tab_box{line-height:34px;left:0;transform:translate(0);-webkit-transform:translate(0);margin:20px 0;}
    .sel_tab{line-height:34px; overflow: hidden;padding-right:10px;}
    
    .vg_tit .sel_tab_box .sel_tab a{display: block;float: left;}
	.sel_tab a{float: left;padding:0 30px; margin:0 15px 8px 0;text-align: center; font-size: 16px;line-height: 32px;color:#262626;background-color: #fff; border:1px solid rgba(0,0,0,0.1);border-radius: 16px;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
    .sel_tab .down_btn{ display: block;position:absolute;right: 0;}
    .vg_tit .sel_tab .down_btn{right:5px;}
    .devel_box,.distr_box{width: 100%;margin-right:0;}
	.vg_tit h2{font-size: 18px;margin-bottom:10px;}
	.main_right .vg_tit h2{font-size: 16px;}
	#form_box>div{width: 100%;margin-bottom:0;}
	.sel_btn{margin-top: 40px;}
	.main_body{padding-left: 0;}
	header{height: 50px;position:fixed;}
	header.down{height: 50px;line-height: 50px;}
	header.down .vg_logo a{height: 50px;}
	.vg_logo{width: 100%;background: #fff;}
	/* .vg_logo a{background: url(../img/logo_mob.png) center no-repeat;transition:height 0;-webkit-transition:height 0;} */
	.vg_logo a{background: url(../img/logo_mob.png) center no-repeat;transition:height 0;-webkit-transition:height 0;}
	nav ul,.hd_top,.update_notice{display: none;}
	.vg_sear{height: 100%; position: absolute;right:0;top:0;}
	.sear_btn,.sear_inp{height: 100%;}
	.sear_inp.onit{width: 221px;}
	.sear_btn{width: 50px;}
	.ver_nav{left: -100px; padding-top:0;top: 50px; background: #fff !important;box-shadow: -4px 0 4px 0 rgba(205, 205, 211, 0.66) inset;}
	.ver_nav .ver_nav_con{min-height:calc(100% - 50px);min-height:-webkit-calc(100% - 50px);}
	.ver_nav.down{padding-top:0;}
	.ver_nav.down .ver_nav_con{min-height:calc(100% - 50px);min-height:-webkit-calc(100% - 50px);}
	.nav_togg{display: block; position:fixed;left:0;top:0;height:50px;width:50px;background:#fff url(../img/mob_nav_togg_bg.svg) center no-repeat; border-right:1px solid rgba(85,85,85,0.05);z-index: 10;}
	.ver_nav_con_fixed{display: none;}
	.ver_nav_bot{display: none;}
	.ver_nav_list{display: block;}
	.ver_nav_main{top: -50px;}
	.ver_nav_main > div{padding-top: 50px;}
	.down .ver_nav_main > div{padding-top: 50px;}

	footer{padding-left: 0;}
    .fot_top{padding:20px 0px;}
	.fot_top>div{width: 100%;}
	.fot_l p{display: none;}
	.fot_l img{position: relative;left:50%;margin:0 0 50px -114px;}
	.web_map{display: none;}
	.fot_r{padding:15px 0 0 0;border-left:none;border-top:1px solid rgba(0,0,0,0.5);}
	.app_link{width:auto;position: relative;left:50%;transform:translate(-50%);-webkit-transform:translate(-50%);}
	.blogroll{margin-top:20px;}
	.fot_bot{padding:20px 10px;margin:0;}
	.fot_cr>i{position: relative;left:50%;margin:0 0 0 -49px;}
	.fot_cr .copy_r{width: 100%;text-align: center;font-size: 12px;}
	.fot_bot>div{width: 100%;}
	.fot_bot .fot_about{width: auto;position: relative; right:50%; transform:translate(50%);-webkit-transform:translate(50%);}
	
    /* 列表内容 */
    .main_cent .vg_list li{padding:0 10px;position: relative;}
    .vg_tab:before{border-width: 4px;left:-10px;}
    .info_box h2{font-size: 14px;line-height: 20px;max-height: 40px;height: auto;}
    .info_box p{font-size: 12px;line-height: 16px;max-height: 32px;height:auto;}
    .vg_main{padding:50px 0 30px 0;}
    .main_cent{width: 100%;padding:0 10px;margin-left:0;}
    /* .main_cent ul li .img_box{width: calc(32% - 10px);width:-webkit-calc(32% - 10px);margin-left:10px;} */
    .fot_box{margin-bottom:10px;}
    .main_right .vg_list{margin-bottom: 10px;}
    section{margin-bottom:20px;}
    .load_more{margin:20px 0;}
    
    /* 知乎样式 */
    .zhihu_list h2{font-size: 14px;line-height: 18px;}
    .zhihu_list p{font-size: 12px;}

    /* 攻略样式 */
    .vg_list .cheat .time_box{bottom:10px;}
    /* sel_tab */
    .sel_tab a{font-size: 12px;line-height: 30px;padding:0 12px;}
    .vg_tit .jizhong_sel{font-size:12px;line-height: 30px;}
	.page_anchor_box{left: 0;transform:translate(0);-webkit-transform:translate(0);}
	
	.comm_box{padding:10px;}
	.comm_input .placeholder_info{font-size: 12px;}
	.comm_input_btn .comm_btn{width: 80px;}
	.comm_input_btn .comm_btn.pub_btn{width: 120px;}

	/* 投票模块 */
	.vg_module{padding:10px;}
	.module_item{font-size: 14px;margin-bottom:10px;}
	.time_limit{/* top:10px;right: 10px; */}
	.module_tit{font-size: 16px;line-height: 22px;}
	.module_info{font-size: 14px;line-height: 22px;}
	.vote_notice{font-size:14px;color:red;margin:10px 0;width:100%;float:left;}

	/* 任务资料卡 */
	.user_box_card{padding:10px;width: 300px;}
	.user_box_card .card_user_info:before{right:10px;top:2px;}
	.user_box_card .guanzhu_box{top:3px;}
	.user_box_card .card_main_info .card_user_img{width: 40px;height: 40px;margin: 0px 10px 0 0;}
	.user_box_card .card_main_info .card_user_info .user_name{font-size: 16px;line-height:20px;min-height:20px;}
	.user_box_card .touxian{height: 20px;line-height: 20px;margin-top:0;}
	.user_box_card .touxian span{font-size: 12px;}
	.user_box_card .card_user_info{width: calc(100% - 110px);width: -webkit-calc(100% - 110px);}
	.dingyue_box .dingyue_btn{width: 50px;}
	.user_box_card .card_user_info .medal{margin:0;}
	.user_box_card .game_state_show span{font-size:12px;line-height: 20px;}
	.rel_acc_box .rel_acc h3{font-size: 14px;}
	.rel_acc_box .rel_acc_game_num i{font-size: 16px;margin-bottom:3px;}
	.user_box_card .game_state_show span i{font-size: 16px;}
	
	.front_content{font-size: 14px;line-height: 22px;margin:30px 0;}
	.front_content p{margin-bottom:10px;font-size:14px;line-height:22px;}
    .front_content blockquote{line-height: 20px;}
	.front_content h4{font-size: 18px;line-height:30px;margin:20px 0;}
	.front_content h2{margin:18px 0 15px;}
	.front_content h3{margin:15px 0;line-height:28px;}
	/* .front_content h4:before{height: 32px;} */
	.front_content h4:after{font-size: 20px;line-height:26px;}
	.front_content figcaption{font-size: 12px;}
	.front_content .roundTable{padding:20px 90px;}
	.front_content .rtd_box .rtd_pic{width: 60px;}
	.front_content .rtd_box .rtd_content{padding:10px; margin:0;max-width: calc(100% - 60px);max-width: -webkit-calc(100% - 60px);}
	.front_content .rtd_right .rtd_content{margin:0;}
	.front_content table{border-spacing:5px;}
	.front_content table td{font-size: 14px;line-height: 22px;}
	.fot_fot{padding:10px;}
	
	/* 专题专栏 */
	.nav_block{position: fixed;top: 0;left: 49px;margin:0;width: 270px;overflow:auto;}
	header.down .nav_block{top:0;}
	.nav_block dl{width: 100%;}
	
	/*头部下拉菜单 */
	.menu_box{font-size:12px;float:none;}
	.menu_box.down{overflow:hidden;}
	.menu_box.down .sel_sel_box{position:relative;}

/* 列表分页 */
	.vg_list_page{width: 320px;border-radius: 3px;box-shadow: none;padding: 0 39px; max-width:calc(100% + 20px);max-width:-webkit-calc(100% + 20px); height: 40px;line-height: 40px;}
	.vg_list_page .vg_arr{width: 40px; height: 40px;}
	.vg_list_page .page_con_box{width: 240px;padding:0;margin:0;}
}
@media(max-width: 450px){
	.ver_nav_main{width:320px;}
	.down .ver_nav_main > div{padding-top: 0;}
}


.vgpub_notice_box{width: 400px;z-index:11110;max-width:100%;color:#717580;line-height: 140%; text-align: center; position: fixed;padding:30px;background:#fff;box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.12), 0px 6px 16px 0px rgba(0,0,0,0.15);} 
.vgpub_notice_box .ntb_close_box{position: absolute;right:20px;top:20px;background-position: -187px -34px;width:10px;height: 10px;opacity: 1;}
.vgpub_notice_box h3{font-size: 16px;color:#000;}
.vgpub_notice_box p{line-height: 20px;margin:20px 0;}
.vgpub_notice_box button{line-height: 40px;}
.vgpub_notice_box .not{width: 120px;font-size:14px;background-color: #fff;color:#717580;}
.vgpub_notice_box .yes{width: 120px;font-size: 16px;color:#fff;border-radius:3px;background-color: #2ABACA;}


.notice_box{width: 400px;z-index:11110;max-width:100%;color:#717580;line-height: 140%; text-align: center; position: fixed;padding:30px;background:#fff;box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.12), 0px 6px 16px 0px rgba(0,0,0,0.15);} 
.notice_box .ntb_close_box{position: absolute;right:20px;top:20px;background-position: -187px -34px;width:10px;height: 10px;opacity: 1;}
.notice_box h3{font-size: 16px;color:#000;}
.notice_box p{line-height: 20px;margin:20px 0;}
.notice_box button{line-height: 40px;}
.notice_box .not{width: 120px;font-size:14px;background-color: #fff;color:#717580;}
.notice_box .yes{width: 120px;font-size: 16px;color:#fff;border-radius:3px;background-color: #2ABACA;}

.vg_notice_box{width: 400px;z-index:11110;max-width:100%;color:#717580;line-height: 140%; text-align: center; position: fixed;padding:30px;background:#fff;box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.12), 0px 6px 16px 0px rgba(0,0,0,0.15);} 
.vg_notice_box .ntb_close_box{cursor:pointer;position: absolute;right:20px;top:20px;background-position: -187px -34px;width:10px;height: 10px;opacity: 1;}
.vg_notice_box h3{font-size: 16px;color:#000;}
.vg_notice_box p{line-height: 20px;margin:20px 0;}
.vg_notice_box p a{color:#2ABACA;}
.vg_notice_box p a:hover{text-decoration: underline;}

.vg_notice_box button{line-height: 40px;}
.vg_notice_box .not{width: 120px;font-size:14px;background-color: #fff;color:#717580;}
.vg_notice_box .yes{width: 120px;font-size: 16px;color:#fff;border-radius:3px;background-color: #2ABACA;}

.vghasmsg_notice:before{content:"";width:10px;height:10px;border-radius:100%;position:absolute;top:10px;right:10px;background:#2ABACA;
width: 8px;
height: 8px;
background: #F56467;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.20);
}
.vg_article_detail_msg{position:absolute;top:0;left:0;z-index:20;background:none;}
.vg_article_detail_msg.vghasmsg_notice:before{top:7px;right:3px;}

.vg_list ul.vg_comment_chide_list{margin-left: -21px;width: calc(100% + 42px);background:#FAFAFA;border-top:1px solid rgba(0,0,0,0.05);border-left:3px #262626 solid;}
.vg_list ul.vg_comment_chide_list li{margin:0px;background: none;border-width: 0 0 1px 0;box-shadow: none;padding: 3px 20px;}
a.vg_comment_chide_list_more{width:100%;text-align:center;line-height:40px;height:40px;font-size:14px;color:#2ABACA;float:left;}

/*广告在此，谁与争锋*/
.vgart_top{width:100%;float:left;margin-bottom:20px;}
.index .vgart_top{width: 100%;display: block;max-width: 1000px;margin: 30px auto 0;float:none;text-align: center;}
.vgart_top img{max-width:100%;float:none;}
.vgart_top .vgart_top_pc{display:inline-block;}
.vgart_top .vgart_top_mb{display:none;}

@media(max-width: 720px){
	
.index .vgart_top{float:left;margin:10px 0;}

.vg_list ul.vg_comment_chide_list{margin-left:-11px;width:calc(100% + 22px);}

.vgart_top .vgart_top_pc{display:none;}
.vgart_top .vgart_top_mb{display:block;}
}

/*列表页评论框*/
.push_alllist_box{float:left;margin:10px 0;}
.push_alllist_box a{padding:0 30px 0 60px;border-right:1px #D6DAE3 solid;color:#262626;position: relative;font-size:16px;line-height:20px;float:left;}
.push_alllist_box a:before{content:"";width:20px;height:20px;position: absolute;top:0;left:30px;}
.push_alllist_box a.push_de:before{background: url(../img/publist_defualt.png) no-repeat center center;}
.push_alllist_box a.push_dp:before{background: url(../img/publist_dp.png) no-repeat center center;}
.push_alllist_box a.push_tw:before{background: url(../img/publist_tw.png) no-repeat center center;}
.push_alllist_box a:last-child{border:none;}

.push_close{width:32px;height:32px;background: url(../img/push_close.png) no-repeat center center;float:right;margin:6px 0;cursor: pointer;border-radius: 32px;}

.push_close_shine{
animation: myshine 3s infinite;
-moz-animation: myshine 3s infinite;
-webkit-animation: myshine 3s infinite;
}
@keyframes myshine
{
	0%		{background: url(../img/push_close.png) no-repeat center center;}
	5%		{background: url(../img/push_close_shine.png) no-repeat center center;}
	10%		{background: url(../img/push_close.png) no-repeat center center;}
	15%		{background: url(../img/push_close_shine.png) no-repeat center center;}
	50%		{background: url(../img/push_close.png) no-repeat center center;}
	80%     {background: url(../img/push_close_shine.png) no-repeat center center;}
	100%	{background: url(../img/push_close.png) no-repeat center center;}
}

@-moz-keyframes myshine /* Firefox */
{
	0%		{background: url(../img/push_close.png) no-repeat center center;}
	5%		{background: url(../img/push_close_shine.png) no-repeat center center;}
	10%		{background: url(../img/push_close.png) no-repeat center center;}
	15%		{background: url(../img/push_close_shine.png) no-repeat center center;}
	50%		{background: url(../img/push_close.png) no-repeat center center;}
	80%     {background: url(../img/push_close_shine.png) no-repeat center center;}
	100%	{background: url(../img/push_close.png) no-repeat center center;}
}

@-webkit-keyframes myshine /* Safari 和 Chrome */
{
	0%		{background: url(../img/push_close.png) no-repeat center center;}
	5%		{background: url(../img/push_close_shine.png) no-repeat center center;}
	10%		{background: url(../img/push_close.png) no-repeat center center;}
	15%		{background: url(../img/push_close_shine.png) no-repeat center center;}
	50%		{background: url(../img/push_close.png) no-repeat center center;}
	80%     {background: url(../img/push_close_shine.png) no-repeat center center;}
	100%	{background: url(../img/push_close.png) no-repeat center center;}
}

@media(max-width: 720px){
.push_alllist_box a{width:70px;overflow:hidden;text-indent: -9999px;padding:0 20px 0 50px;}
.ubc_arrow:after{display:none;}
}

#acceptContent img,#childContent img{max-width:100%;}
#acceptContent .img_box,#childContent .img_box{width: auto; max-width: 100%;max-height: 75px; float: auto;float: left;margin:10px 0; overflow: hidden;}
#acceptContent .img_box img,#childContent .img_box img{max-height:75px;max-width: 100%;width: auto;margin-right:10px;}

/*荔枝播放器*/
/* 大图样式，从article移除来，通用了 */
.show_big img{float:none !important;cursor:zoom-out;}
.show_big .show_big_close img{cursor: pointer;}
.show_big{position:fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1101;}
.show_big_close{position: absolute;right:5%;top:10%;width:26px;height:26px;z-index: 2;cursor: pointer;}
.show_big_click{width: 100%;height:100%;background:#000;opacity:0.8;position: relative;z-index: 1;}
.show_big_box{width: 80%;height:80%;position: absolute;top:10%;left:10%;z-index: 3;text-align: center;}
.show_big_img{margin:auto;max-width:100%;max-height:100%;transform: translate(-50%,-50%);position: absolute;top:50%;left:50%;}



/*图形验证码*/
.pic_code{width:100%;height:100%;position: fixed;top: 0;left: 0;z-index:1000;}
.pic_code_cover{width:100%;height:100%;position: absolute;top: 0;left: 0;background: rgba(255,255,255,0.7);}
.pic_code_box{width:480px;max-width:100%;text-align:center;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);padding:20px 30px;background:#fff;box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.12), 0px 6px 16px 0px rgba(0,0,0,0.15);} 

.pic_code_box .pic_code_close{cursor:pointer;position: absolute;right:30px;top:20px;width:20px;height: 20px;}
.pic_code_close:before{content:"";transform:rotate(45deg);-webkit-transform:rotate(45deg);width:16px;height:2px;background:#8C8C8C;position: absolute;top:9px;left:2px;}
.pic_code_close:after{content:"";transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:16px;height:2px;background:#8C8C8C;position: absolute;top:9px;left:2px;}

.pic_code_box h2{position: absolute;left:30px;top:20px;font-size:16px;line-height:20px;font-weight:500;text-align:left;}
.pic_code_box #pic_code_img{cursor:pointer;margin:40px 0 0 calc(50% - 105px);float:none;width:210px;height:50px;float:left;}
.pic_code_box #pic_code_change{font-size:12px;margin:73px 0 0 10px;float:left;}
.pic_code_box #pic_code_input{padding:0 10px;margin:10px 10%;width: 80%;height: 40px;line-height: 40px;color:#636B80;border: 1px solid rgba(165,170,184,0.10);border-radius: 3px;float:left;}
.pic_code_box #pic_code_input:focus{border: 1px solid rgba(0, 0, 0, 0.05);box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.06), 0 4px 8px 0 rgba(0, 0, 0, 0.12);}
.pic_code_box #pic_code_input.right{border-color:#50E3C2;}
.pic_code_box #pic_code_input.wrong{border-color:#F56467;}

.pic_code_box .pic_code_notice{width: 80%;font-size:12px;line-height:20px;display:inline-block;text-align:left;opacity:0;position: relative;margin:0 10%;float:left;}
.pic_code_box .pic_code_notice.right{opacity:1;color:#50E3C2;}
.pic_code_box .pic_code_notice.wrong{opacity:1;color:#F56467;}

.pic_code_box .pic_code_notice.right b{opacity:1;}
.pic_code_box .pic_code_notice.wrong b{opacity:1;}

.pic_code_box .pic_code_notice i{position: absolute;top:-41px;right:6px;width:20px;height:20px;background-position:-425px -173px;}
.pic_code_box .pic_code_notice.right i{background-position:-447px -173px;}
.pic_code_box .pic_code_notice.wrong i{background-position:-425px -173px;cursor:pointer;}

.pic_code_box #pic_code_confirm{width: 160px;margin:10px calc(50% - 80px) 00px;float:left;line-height: 40px;color: #383A3F;font-size: 14px;text-align: center;border-radius: 4px;background:#fff;cursor: pointer;border: 2px solid #383A3F;}
.pic_code_box #pic_code_confirm:hover{background: #262626;border: 2px solid rgba(0,0,0,0.03);box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.15);color: #fff;}

@media screen and (max-width: 1000px){
    .push_alllist_box a{padding: 0 10px 0 50px;}
}

@media screen and (max-width: 720px){
    .vg_download_app{width: 100%;height: 40px;background: rgba(0,0,0,0.8);padding:5px 10px;position: fixed;bottom: 0;left: 0;z-index: 1001;}
    .vg_download_app img{width: 24px;height: 24px;border-radius: 6px;overflow: hidden;margin:3px 10px 3px 0;}
    .vg_download_app p a{font-size: 14px;line-height: 30px;float: left;color: #fff;}
    .vg_download_app a.vg_download_app_click{background: #2ABACA;color: #fff;font-size: 12px;line-height: 20px;padding: 0 10px;margin:5px;float: right;border-radius: 3px;margin-right: 10px;}
    .vg_download_app_close{background:url("/resources/img/app_download_close.png") rgba(0,0,0,0.5) center center no-repeat;border-radius: 100%;width: 20px;height: 20px;float: right;margin:5px 0;}
}

/*分页*/
.feipage{ text-align:center; margin-top:5px; padding-bottom:32px; font-size:13px;}
.feipage a{ background-color: #F2F2F2;border: 1px solid #CDCDCD;color: #666;cursor: pointer;padding: 3px 7px;}
.feipage b{background-color: #59A9CD;border: 1px solid #59A9CD;color: #fff;cursor: pointer;height: 20px;line-height: 20px;margin-left: 3px;padding: 3px 7px;}
.feipage a:hover{background-color: #59A9CD;color: #fff;}
.feipd{ padding-bottom:15px;}

.listad{width:100%;padding:0px 0px 10px 0px;overflow:hidden;clear:both;}
.listad li{width:100%;margin-right:1%;margin-left:1%;float:left;overflow:hidden;}