@charset "utf-8";
/*game_all.html*/
.filter_box { background-color: #f4f4f4; padding: 10px 10px 0 20px; }
.filter_box .total { float: right; color: #666; }
.total em { font-family: Georgia, Tahoma; font-weight: bold; color: #00ab03; font-size: 16px; }
.filter { clear: both; padding-bottom: 5px; }
.f_item { margin-bottom: 10px; line-height: 26px; overflow: hidden; zoom: 1 }
.f_item i { font-size: 14px; width: 50px; display: inline-block; }
.f_item em { float: left; margin-right: 10px; }
.f_item em a { width: 50px; display: inline-block; text-align: center; }
.f_item p a { float: left; margin: 0 2px; padding: 0 7px; }
.f_item a.on { color: #fff; background-color: #50bf52; }
.fold { text-align: center; line-height: 26px; }
.fold a { display: inline-block; padding: 0 10px; color: #ff3600; background-color: #e4e4e4; }
.allgame_ul { padding: 28px 0 0; margin-right: -1px; }
.allgame_ul li { width: 149px; height: 245px; overflow: hidden; padding: 0 23px; margin: 0 0 32px -1px; border: 1px solid #f4f4f4; border-width: 0 0 0 1px; float: left; }
.allgame_ul li .pic { margin: 0 auto; }
.ag_name { font-size: 16px; height: 22px; overflow: hidden; margin-bottom: 9px; text-align: center; }
.allgame_ul .s_count { margin: 3px auto; width: 105px; }
.ag_info { background-color: #f4f4f4; padding: 6px 8px; margin-top: 4px; height: 38px; line-height: 20px; overflow: hidden; }
/*game_detail.html*/
.pic1 { margin-right: 10px; float: left; }
.tit5 { background-color: #f3f3f3; line-height: 30px; height: 30px; font-size: 14px; font-weight: bold; color: #333; padding: 0 10px; }
.tit5 .more { float: right; font-weight: normal; color: #666; font-size: 14px; }
.btn_g_s { background-color: #56c358; border: 1px solid #3eb140; color: #fff; padding: 0 8px; margin-left: 10px; }
.btn_g_s:hover { background-color: #2dab2f; border: 1px solid #109e12; text-decoration: none; color: #fff; }
.col2.t_ul li { width: 47%; }
.game_nav { background-color: #f3f3f3; border-bottom: 1px solid #e9e9e9; height: 43px; line-height: 43px; }
.gn { float: left; line-height: 41px; height: 41px; background-color: #fff; }
.gn a { float: left; padding: 0 25px; border: 1px solid #e9e9e9; margin-right: -1px; font-weight: bold; color: #333; font-size: 16px; background-color: #fff }
.gn a.on { border-top: 2px solid #ff3600; border-bottom: 0; background-color: #f3f3f3; color: #ff3600; }
.gd_profile { border: 2px solid #e2e2e2; padding: 20px 0 20px 20px; height: 96px; overflow: hidden; }
.gdp_left { float: left; width: 400px; }
.field { float: right; color: #999; line-height: 28px; }
.field span { width: 30%; padding-right: 3%; display: inline-block; word-break: break-all; height: 32px; overflow: hidden; }
.f_key { height: 32px; overflow: hidden; }
.f_key a { color: #12b214; display: inline-block; margin-right: 15px; }
.gd_profile .warn { margin-bottom: 0; width: 365px; }
.gdpl_p1 { line-height: 22px; margin-bottom: 10px; }
.gdpl_p1 em { font-size: 20px; font-weight: bold; display: inline-block; margin-right: 20px; max-width: 135px; _width: 135px; overflow: hidden; height: 22px; }
.gdpl_p1 .score { display: inline-block; vertical-align: top; }
.gdpl_p1 .score i { font-size: 20px; font-family: Georgia; color: #ff3600; }
.game_left { width: 668px; float: left; padding: 20px; border: 1px solid #e9e9e9; }
.game_left .col2.t_ul a { width: 250px; }
.tj_hl h2 { text-align: center; font-size: 18px; margin-bottom: 10px; }
.tj_hl p { color: #666; text-indent: 2em; }
.game_down { position: relative; }
.gd_er, .gd_an, .gd_iOS,.gd_syt,.gd_dn { background: url(../images/game_down.jpg) no-repeat; float:left; width: 150px; height: 50px; }
.gd_er{ position:relative;}
a.gd_er:hover { background-position: 0 -50px; }
a.gd_dn:hover { background-position: 0 -50px; }
a.gd_er.unuse, a.gd_er.unuse:hover { background-position: 0 -300px; cursor: default }
a.gd_an.unuse, a.gd_an.unuse:hover { background-position: 0 -350px; cursor: default }
a.gd_iOS { background-position: 0 -200px; margin-right: 23px; }
a.gd_iOS:hover { background-position: 0 -250px; }
a.gd_iOS.unuse, a.gd_iOS.unuse:hover { background-position: 0 -400px; cursor: default }
a.gd_syt { background-position: 0 -450px; margin-right: 22px; }
a.gd_syt:hover { background-position: 0 -500px; }
a.gd_syt.unuse, a.gd_syt.unuse:hover { background-position: 0 -550px; cursor: default }
a.gd_an { background-position: 0 -100px; margin-right: 23px; }
a.gd_an:hover { background-position: 0 -150px; }
div.gd_an { background-position: 0 -100px; margin-right: 23px; }
div.gd_an:hover { background-position: 0 -150px; }
div.gd_an{ position:relative;background-position: 0 -100px; margin-right: 23px; }
.gd_pop{ position:absolute; top:56px; background-color:#70b421; width:140px; height:60px; padding:5px; border-radius:6px; display:none;}
.gd_pop a{ line-height:30px; height:30px; overflow:hidden; display:block; color:#fff; font-size:14px; padding:0 8px;}
.gd_pop a i{ font-size:12px; color:#E8FA26; margin-left:4px; display:inline-block;}
.gd_pop a:hover{ background-color:#508e05; text-decoration:none;}
.gd_pop .tri{ background:url(//www.yoyou.com/templates/2014/images/gd_pop.jpg) center bottom no-repeat; width:100%; height:7px; display:block; position:absolute; top:-6px; left:0px}

.er_pic { left:-110px; position: absolute; top: -276px; z-index: 9; padding: 15px 19px 15px 19px; width: 222px; height: 260px; background: url(../images/wx_bg.gif) no-repeat; }
.er_pic p{text-align: center; line-height: 20px; height: 20px;color: #c00; }
.er_pic img { width: 220px; height: 220px; display: block; }
.er_pic.er1 { background: #fff; border: 1px solid #ccc; top: -63px; left: -25px; height: 240px; padding: 10px; }
.warn { background-color: #f4f4f4; float: left; padding: 0 25px 0 10px; line-height: 28px; font-size: 12px; color: #666; margin-bottom: 30px; width: 382px; }
.ico_good { background: url(../images/ico_good.png) no-repeat left center; width: 16px; height: 16px; display: inline-block; margin: 5px 8px 5px 0; }
.ico_keng { background: url(../images/ico_keng.png) no-repeat left center; width: 16px; height: 16px; display: inline-block; margin: 5px 8px 5px 0; }
.act_org:hover { background: url(../images/gl_row1.png) no-repeat 0 -140px; }
.act_green:hover { background: url(../images/gl_row1.png) no-repeat 0 -105px; }
.btn_vote { background: url(../images/gl_row1.png) no-repeat 0 -70px; width: 89px; height: 25px; overflow: hidden; display: inline-block; padding: 5px 0 5px 15px; color: #555; text-align: left; }
.btn_vote:hover { text-decoration: none; color: #555; }
.btn_vote i { line-height: 14px; height: 14px; font-size: 12px; width: 44px; white-space: nowrap; overflow: hidden; display: block }
.go_v { background: url(../images/gl_row1.png) no-repeat; display: inline-block; width: 153px; height: 35px }
.go_v:hover { background-position: 0 -35px; }
.glr_r { float: right; width: 455px; }
.glr_r .go_v { margin-right: 15px; }
.glr_r .btn_circle { width: 55px; height: 55px; line-height: 55px; font-weight: normal; font-size: 16px; margin-right: 15px; }
.game { font-size: 24px; font-weight: bold; padding: 8px 0 20px; }
.glr_intro { margin-bottom: 15px; line-height: 20px; color: #666; }
.gl_gift { margin-top: 5px; background: url(../images/gl_gift.jpg) no-repeat; width: 100px; height: 29px; color: #fff; font-size: 14px; line-height: 29px; padding-left: 50px; display: inline-block }
.gl_gift:hover { text-decoration: none; color: #fff; opacity: 0.9; filter: alpha(opacity=90); }
.game_left .vote { width: 140px; margin-right: 10px; cursor: pointer; }
.vote_box { margin-right: -10px; }
.go_tv { float: right; background: url(../images/tv.jpg) right 5px no-repeat; padding-top: 60px; color: #22b724; width: 74px; margin: 0 0 10px 20px; text-align: center; }
.gi_more { display: block; text-align: right; padding-right: 12px; }
.gi_more i { background: url(../images/gi_fold.jpg) center 5px no-repeat; display: inline-block; width: 15px; line-height: 20px; height: 20px; vertical-align: middle; }
.gi_more i.fold { background-position: 0 -20px; }
/*游戏截图 横竖屏*/
.scr { position: relative; width: 668px; height: 350px; padding: 0 0 30px; }
.slides-container { text-align: center; width: 668px; overflow: hidden; position: relative; }
.slide_area { width: 999999px; position: absolute; }
.slide_area li { float: left; width: 330px; display: block; text-align: center; margin-right: 9px; }
.slide_area .s_l, .slide_area .s_r { background: url(../images/src_btn.png) no-repeat; top: 85px; position: absolute; display: block; text-indent: -9999px; overflow: hidden; width: 39px; height: 80px; }
.slide_area .s_l { background-position: 0px 0px; left: 0; }
.slide_area .s_l:hover { background-position: 0px -80px; }
.slide_area .s_r { background-position: -40px 0px; right: 0px; }
.slide_area .s_r:hover { background-position: -40px -80px; }
/*幻灯片*/
.slide_box2 { width: 505px; height: 332px; position: relative; overflow: hidden; }
.slide_area2 { height: 332px; overflow: hidden; width: 3180px; position: relative; }
.slide_area2 a { float: left; margin-right: 10px; }
.slide_area2 img { height: 332px; }
.s_l, .s_r { z-index: 100; }
/*视频弹窗*/
.videolayer { width: 550px; height: 420px; background: #f5f5f5; z-index: 99999; position: fixed; _position: absolute; left: 50%; top: 150px; _top:expression(documentElement.scrollTop +document.documentElement.clientHeight/2 - 150);
margin-left: -275px; display: none; }
.Overlay { display: none; position: absolute; left: 0; top: 0; background: #000000; opacity: 0.3; width: 100%; height: 100%; z-index: 99998; -moz-opacity: 0.3; filter: alpha(opacity=30); }
.closevideo { position: absolute; right: 10px; cursor: pointer; background: url("../images/close_v.jpg") no-repeat; display: block; width: 24px; height: 24px; top: 5px; text-indent: -999em }
.closevideo:hover { background-position: -24px 0; }
/*下载页*/
.down_box { border: 1px solid #e9e9e9; padding: 20px; }
.down_left { width: 618px; float: left; }
.down_right { width: 300px; float: right; }
.phb_tit { background-color: #e9e9e9; line-height: 38px; height: 38px; text-align: center; font-size: 16px; font-weight: bold; }
.down_left .edit { padding: 20px 0 30px; line-height: 24px; }
.down_left .edit p { text-indent: 2em }
.drow_l { float: left; width: 191px; text-align: center; margin-right: 20px; position: relative; }
.drow_l a { margin-right: 0; }
.drow_m { float: left; width: 205px; margin-right: 15px; }
.drow_m p { color: #999; line-height: 30px; height: 30px; overflow: hidden; }
.drow_m .vote { width: 86px; margin: 5px 10px 15px 0; }
.dorw_r { float: right; width: 505px; }
.dorw_r .tab3 { line-height: 30px; height: 30px; }
.dorw_r .tab3 a.on { height: 29px; }
.bjpf { display: inline-block; border: 2px solid #ddd; line-height: 37px; height: 37px; border-radius: 5px; margin-top: 10px; width: 185px; text-align: center; font-size: 14px; }
.bjpf i { font-size: 20px; font-family: Georgia; color: #ff3600; }
.vote { line-height: 25px; height: 25px; display: inline-block; text-align: center; border-radius: 5px; border: 2px solid #e7e7e7; }
.vote i, .vote em { width: 48%; display: inline-block; }
.vote em { border-left: 2px solid #e7e7e7; }
/*.good{ border:2px solid #fbc9bc;}.bad{ border:2px solid #aae7ab;}.pian{ border:2px solid #b0d8f9;}
.good em{ color:#ff3600; border-left:2px solid #fbc9bc;}.bad em{ color:#12b214;border-left:2px solid #aae7ab;}.pian em{ color:#399ef1;border-left:2px solid #b0d8f9;}
*/
.shot-list img { height: 332px; padding-right: 10px; max-width: 504px; }
.shot-list li { display: inline-block; *display:inline;
}
/*找游戏*/
.p_ul.jing { margin-right: -6px; }
.p_ul.jing li { margin-right: 6px; }
.cate_item { margin-right: -4px; border-top: 1px solid #f5f5f5; padding: 30px 0 10px; }
.cate_item a { margin: 0 4px 4px 0; text-align: left; color: #fff; display: block; }
.cate_item a:hover { text-decoration: none; opacity: 0.8; filter: alpha(opacity=80); }
.cate_item a em { font-size: 18px; }
.ci_size { width: 120px; height: 75px; padding: 25px 20px 0; }
.ci_size1 { width: 120px; height: 154px; padding: 50px 20px 0; }
.cate_item a.bg { background-color: #e3e3e3; color: #666 }
.bg1 { background-color: #fe4d36; }
.bg2 { background-color: #99b901; }
.bg3 { background-color: #fb1a59; }
.bg4 { background-color: #ef8100; }
.bg5 { background-color: #be36fe; }
.bg6 { background-color: #fea736; }
.bg7 { background-color: #14b0d7; }
.bg8 { background-color: #3660fe; }
.bg9 { background-color: #fb3099; }
.bg10 { background-color: #6e56ff; }
.yxfl h2 { margin: 0 auto; background-color: #fff; text-align: center; position: relative; margin-bottom: -10px; color: #333; font-size: 16px; font-weight: normal; width: 110px; }
.xytyq { margin-right: -20px; }
.tyq_item { border: 1px solid #e5e5e5; padding: 10px; width: 298px; float: left; margin: 0 10px 20px 0; }
.tyq_item .pic { margin-right: 10px; }
.gf_name { font-weight: normal; margin-bottom: 5px; }
.gf_name a { font-size: 18px; }
.tyq_item p { color: #777; }
.tyq_link { margin-top: 5px; line-height: 30px; }
.tyq_link span { display: inline-block; background: url(../images/gf_link.jpg) no-repeat right top #f5f5f5; width: 130px; padding: 0 10px; color: #666; }
.gf_btn { width: 118px; height: 28px; line-height: 28px; border: 1px solid #ccc; background-color: #fff; text-align: center; font-size: 16px; border-radius: 5px; display: inline-block; }
.gf_btn:hover { color: #fff; text-decoration: none; }
.xz:hover { border-color: #00ab03; background-color: #00ab03; }
.lb:hover { border-color: #f60; background-color: #f60; }
.zq:hover { border-color: #ffb400; background-color: #ffb400; }
.g_tab .pic { float: left; margin: 0 16px; text-align: center; font-size: 14px; }
.gt_item { float: left; padding: 15px 0; }
.gt_item.on .mask { background-image: url(../images/90_mask_g.png); }
.gt_item.on { background-color: #f5f5f5; }
.g_cont { padding: 20px; background: url(../images/g_cont.jpg) center center no-repeat #f5f5f5; }
.gc_item { width: 440px; }
.g_cont .pic { margin: 0 20px 10px 0; }
.gc_link a { margin-right: 10px; }
.gc_item p { font-size: 14px; }
/*juhe_down*/
.gift_tb .btn_r { height: 22px; line-height: 22px; margin-right: 5px; width: 28px; }
.an_box { background: url(../images/an_box.jpg) no-repeat 35px center #eff9e4; padding: 5px 5px 5px 180px; }
.an_box h2 { color: #12b214; }
.iOS_box h2 { color: #498fd1; }
.an_box .ipt_btn { background-color: #72b127; }
.iOS_box { background: url(../images/iOS_box.jpg) no-repeat 35px center #e5f0f8; padding: 5px 5px 5px 180px; }
.jh_inner { height: 183px; background-color: #fff; padding: 20px; }
.jh_inner h2 { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.jh_er { float: right; width: 110px; height: 110px; }
.jh_inner .down { width: 100%; margin-top: 15px; }
.jh_inner .down .ipt { border: 1px solid #eee; height: 26px; padding: 5px; width: 210px; margin-top: 8px; font-size: 14px; font-family: "微软雅黑" }
.ipt_btn { height: 38px; border: 0; background-color: #498fd1; margin-top: 8px; font-size: 14px; color: #fff; font-family: "微软雅黑"; padding: 0 15px; cursor: pointer; }
/*juhe_gift*/
.jh_gift li { border-top: 1px solid #eee; padding: 20px; }
.jh_gift li h1 { font-size: 18px; margin-bottom: 20px; font-weight: normal; }
.fh_detail span { background-color: #f0f1ef; border-right: 1px solid #dedede; font-size: 14px; border-bottom: 1px solid #dedede; display: inline-block; height: 24px; line-height: 24px; margin: 0 8px 10px 0; padding: 0 10px; text-align: center; color: #666; }
.jhg_p span { font-size: 14px; display: inline-block; margin-right: 20px; color: #666; }
.null { font-size: 16px; line-height: 32px; }
.bdt { border-top: 1px solid #f0f0f0; padding-top: 10px; }
.jszx { padding: 0 20px; margin-bottom: -1px; }
.jszx .glr_intro { padding-top: 30px; height: 99px; overflow: hidden; }
#slides1 { margin: 10px 20px 0px; }
#slides1 .slide_area li { width: 216px; margin-right: 10px; }
#slides1 .s_l, #slides1 .s_r { top: 180px; }
.gd2_row1 { padding: 20px 20px 15px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; box-shadow: 0 9px 2px #fbfbfb; }
.gd2_row1 .vote { width: 90px; margin-right: 10px; }
.gd2_row1 .glr_r .field { width: 300px; float: left; }
.gd2_row1 .field span { width: 46%; }
.ewm { float: right; width: 105px; text-align: center; }
.ewm img { display: block; width: 105px; height: 105px; }
.gd2_down { margin-right: -14px; padding-top: 12px; }
.gd2_down a { line-height: 36px; height: 36px; padding: 0 11px; background-color: #31b033; box-shadow: 2px 2px 2px #e1e1e1; color: #fff; font-size: 14px; font-weight: bold; display: inline-block; margin-right: 10px; }
.gd2_down a i { font-size: 20px; vertical-align: middle; }
.gd2_down a:hover { text-decoration: none; background-color: #50bf52; }
.gd2_down a.unuse { background-color: #939393; cursor: default; }
.wx_box { background-color: #fff; border: 2px solid #00ab03; padding: 13px 0 10px; text-align: center; }
/*专区游戏聚合页*/
.zqyx_tit { font-size: 16px; }
.zf_tabs a { background-color: #f5f5f5; margin-right: 5px; display: inline-block; font-size: 14px; line-height: 32px; height: 32px; padding: 0 26px; }
.zf_tabs a:hover, .zf_tabs a.on { background-color: #ff6338; color: #fff; text-decoration: none; }
.zf_cont{ overflow:hidden; height:180px;}
.zf_cont a{ margin-bottom:20px; display:inline-block; font-size:14px; line-height:14px; height:14px; border-right:1px solid #999; padding-right:10px; margin-right:10px;}
.zf_cont a.org{ color:#ff6338;}
.fold_box a{ border:1px solid #ebebeb; border-width:1px 0; background-color:#f5f5f5; text-align:center; display:block; line-height:26px; color:#666; vertical-align:middle;}
.fold_box a i{ vertical-align:middle; color:#aaa}
.fold_box a:hover,.fold_box a:hover i{ background-color:#ff6338; text-decoration:none; color:#Fff;}
.fold_box .fold{ display:none;}
.zqtj_box{ margin-right:-22px;}
.zb_item{ width:312px; float:left; margin:0 22px 15px 0;}
.zb_pic img{ display:block; width:312px; height:172px;}
.zb_btn{ font-size:20px; font-weight:bold; color:#ff6338; overflow:hidden; zoom:1; margin:13px 0 5px; height:26px; line-height:26px;}
.zb_btn a{ display:inline-block;float:right; margin-left:10px; color:#ff6338; line-height:24px; height:24px; font-size:14px; font-weight:normal; padding:0 10px; border:1px solid #ff6338; border-radius:4px;}
.zb_btn a:hover{ background-color:#ff6338; color:#fff; text-decoration:none;}
.zb_txt p{ line-height:28px; height:28px; font-size:14px; overflow:hidden;}
.zb_txt p i{ display:inline-block; width:4px; height:4px; background-color:#bbbbbb; vertical-align:middle; margin-right:5px;}
.more_zq{ display:block; width:210px; height:60px; text-align:center; color:#fff; font-size:20px; font-weight:bold; background-color:#ff6338; line-height:60px; border-radius:5px; margin:40px auto;}
.more_zq:hover{ background-color:#f40; text-decoration:none; color:#fff;}