@charset "utf-8";
body { font: 12px/22px \5fae\8f6f\96c5\9ed1, \5b8b\4f53, Arial, Sans-serif; color: #fff; background: url(../images/bg.jpg) center 42px no-repeat #0d1317; }
a { color: #fff; text-decoration: none; }
a:hover { color: #00e4ff; }
.wrap { width:980px; margin: 0 auto; }
.mx_a { margin: 0 auto; }
.mx10 { margin: 0 10px; }
.p10 { padding: 10px; }
.mb15 { margin-bottom: 15px; }
.mb10 { margin-bottom: 10px; }
.mr15 { margin-right: 15px; }
.px10 { padding: 0 10px; }.fb{ font-weight:bold;}
.r{ color: #d2345f; }.db{ display:block;}.dn{ display:none;}.b{ color:#00e4ff;}
.banner { width:980px; position: relative;}
.nav{ height:78px;margin:0 -14px 345px;}
.nav a { float: left; width:144px; height:44px; padding:21px 0;line-height:28px;text-align: center; font-size:16px; font-weight: bold; color: #fff;}
.nav a.on, .nav a:hover {background:url(../images/sprite.png) no-repeat;}
.nav a i{ display:block; font-size:11px; color:#fff;line-height:16px; font-weight:normal;}
.g_logo { position: absolute; width:165px; height:150px; display: block; top:140px; left:13px }
.yy_logo { position: absolute; width:160px; height:80px; display: block; top:210px; left:195px }
.down_box{ float:left; width:220px; margin-right:15px;}
.down_box a{ height:70px;width:220px; display:block; margin-bottom:10px; background:url(../images/sprite.jpg) no-repeat;}
.down_box1 a{ float:left; height:70px;width:220px;background:url(../images/sprite.jpg) no-repeat; margin-right:17px;}
.down_box1 a.m0{ margin:0;}
a.btn_game:hover{ background-position:-223px 0;}
a.btn_an{ background-position:0 -160px;}
a.btn_an:hover{ background-position:-223px -160px;}
a.btn_ios{ background-position:0 -80px;}
a.btn_ios:hover{ background-position:-223px -80px;}
a.btn_yyb{ background-position:0 -240px; margin-bottom:0;}
a.btn_yyb:hover{ background-position:-223px -240px;}
.game_box{ float:right; width:270px;color: #fff; background-color:#102946; }
.intro_box h2 { font-size: 18px; color: #fff; margin-bottom:5px; }
.intro_box p { line-height: 20px; height: 40px; overflow: hidden; color: #fff; }
.ib_pic { float: left; margin-right: 10px; }
.ib_ul { padding: 5px 0 0; }
.ib_ul li { overflow: hidden; height:20px; float: left;color: #fff; }
.intro_box{ padding:15px; border-bottom:1px solid #000;}
.xbdp{ padding-top:15px;}
.gb_bottom{ padding:15px 15px 15px;border-top:1px solid #123966;}
.gift_btn{ display:block; height:48px; background:url(../images/sprite.jpg) no-repeat -451px -1px; margin-bottom:8px;}
.gift_btn:hover{ background-position:-451px -49px;}
.qq a{ display:block; text-align:center; font-size:14px; font-weight:bold; line-height:37px; color:#00e3ff; height:37px; overflow:hidden;}
.img_box a, .img_box img { display: block; float: left; width: 237px; height: 132px; }
/*row1*/
.rmtj{ width:218px; float:left; margin-right:15px; font-size:12px;}
.rmtj .p_ul { padding:0 12px; font-size:12px;}
.rmtj .t_ul { padding:0 12px 10px; font-size:12px;}
.rmtj .p_ul li{ position:relative; margin-bottom:10px; width:195px; height:100px;}
.rmtj .p_ul .tit_bg{ background-color:#000; opacity:0.7; line-height:28px; height:28px; width:100%; position:absolute; bottom:0; left:0;}
.rmtj .p_ul .tit{position:absolute; bottom:0; left:0; color:#fff; text-align:center; width:100%;line-height:28px; height:28px; overflow:hidden;}

.kf_btn{ display:block; height:64px; background:url(../images/btn.jpg) no-repeat 0 -396px; }
.hl_box{ width:458px;float:left;}
.headline { padding:13px 14px; display:block;}
.headline img{ float:left; margin-right:10px; width:130px; height:70px;}
.hl{ font-size:14px; color: #00e4ff; display: block; text-align: center; height:22px; margin-bottom:6px;}
.headline p{ height:40px; line-height:20px; overflow:hidden;}
.hl_tab{line-height:34px; height:34px;background-color:#081c32}
.hl_tab a{ width:120px; text-align:center; display:inline-block; font-size:14px; color:#03d9f8}
.hl_tab a.on{ background-color:#03d9f8; color:#081c32; font-weight:bold}
.hl_box .t_ul{ padding:10px;}.hl_box .t_ul a{ width:350px;}
.hl_box .t_ul li{ line-height:32px; height:32px;}
/*slide_box*/
.slide_box { width:460px; height:310px; position: relative; overflow: hidden; float:left; }
.slide_area { width:460px; height: 310px; overflow: hidden; }
.slide_area img { width: 460px; height: 310px;}
.sHover { width: 460px; height: 53px; line-height: 26px; position: absolute; left:0px; bottom:0px; background: #000; opacity: 0.7; }
.sHover ul { position: absolute; z-index: 9999; right: 8px; bottom: 8px; }
.sHover li { width: 28px; height: 8px; overflow: hidden; float: left; margin: 0 0 0 5px; display: inline; background: #1969ae; }
.sHover .s_on { background: #fff; cursor: pointer; }
.sHover .title { float: left; line-height: 36px; }
.sHover .title .bg_org { margin: 9px 5px; }
.sHover .title a { display: none; font-size: 14px; width:254px; padding: 0px 8px; color: #fff; text-align: left; height: 32px; overflow: hidden; float: left }
.sHover .title a.t_on { display: block }
.sHover .title a:hover { text-decoration: underline; }
.slide_area { width: 3180px; position: relative; }
.sHover { z-index: 999; }

.sub_nav{ line-height:60px; height:60px; background-color:#91070a; color:#fff; font-size:18px; font-weight:bold;}
.sub_nav h3{ background:url(../images/sprite.jpg) -451px -97px no-repeat; width:218px; text-align:center; float:left;}
.sub_nav a{ color:#ed5855; width:125px; text-align:center; float:left; border-left:1px solid #b21f22;border-right:1px solid #6c0809;}
.sub_nav a:hover{ background-color:#d0201e; color:#fff;}
.com_tit { height:40px;line-height:40px; background:url(../images/sprite.jpg) no-repeat left bottom; padding:0 0 0 10px; }
.com_tit h3 { color: #102946;font-size:18px; font-weight:bold;}
.more { float: right;height:40px; width:40px;display: block; text-indent:-9999px;background:url(../images/sprite.png) no-repeat -175px -22px;}
.footer { color: #666; font-size: 14px; line-height: 28px; padding: 25px 0; text-align: center; }
.footer a { color: #aaa; display: inline-block; padding: 0 8px; }
.footer a:hover { color: #fff; }
.bd{ border:1px solid #153b66; background-color:#102946;}

.search_box{ width:238px; float:right; padding:15px;}
.search { background:#03d9f8; line-height:31px; height:31px; padding:2px}
.s_ipt { width:180px; display: inline-block; height:31px;font-size: 14px;font-family: "微软雅黑"; vertical-align: middle;background-color:#fff; padding:0 4px;}
.s_btn { width:40px; text-align:center;height:31px;float: right; color:#333;font-family: "微软雅黑";  }
.s_keys{ margin:15px 0px 0; line-height:28px; font-size:14px; height:226px; overflow:hidden; color:#777}
.s_keys a{ color:#777;}.s_keys a:hover{ color:#00e4ff;}
.kf_btn{ display:block; float:right; width:270px; height:75px; line-height:75px; color:#fff; font-size:20px; padding-bottom:10px; background:url(../images/sprite.png) 0 -88px no-repeat; font-weight:bold; text-align:center;}
.xk h3{ float:left; width:20px; padding:0 15px; text-align:center; font-size:18px; font-weight:bold; color:#03d9f8; background-color:#081c32; border-right:1px solid #050e1a; }
.xk .p_ul{border-right:1px solid #123966;border-left:1px solid #123966;padding:16px 0 14px 20px; width:416px;}
.xk .p_ul li{ margin-right:22px;}
.xk .p_ul img,.xktj .p_ul img,.zr .p_ul img{ width:78px; height:78px; border:1px solid #123966;}
.links{ padding:5px 15px; line-height:35px;}
.links p{ height:35px; overflow:hidden; font-size:14px; color:#62676d}
.links p a{ display:inline-block; padding:0 10px;}
.xz_tab{ padding:20px 0px 0  5px;}
.xz_tab a{ display:inline-block; border:2px solid #00e4ff; font-size:14px; font-weight:bold; color:#00e4ff; line-height:28px; height:28px; width:96px; text-align:center; margin-left:15px;}
.xz_tab a:hover,.xz_tab a.on{ background-color:#00e4ff; color:#102946;}
.xktj,.zr{ width:480px;}
.xktj .p_ul{margin:16px 0 14px 5px; height:230px; overflow-y:scroll; margin-right:15px;}
.xktj .p_ul li{ padding:0 15px 8px;}
.xktj .p_ul img{ margin-bottom:5px;}
.zr .p_ul{margin:16px 0 14px 15px;}
.zr .p_ul li{ padding:0 6px 8px 5px;}
.zrfx{ background-color:#081c32; padding:10px 15px; color:#fffcff;}
.sp_nav{ width:268px; float:right;}
.sp_nav h3{ background:url(../images/sprite.jpg) -451px -162px no-repeat; height:36px; line-height:36px; padding:16px 20px;}
.sp_nav h3 span{ display:inline-block; margin-right:15px; width:84px; text-align:center;  border-radius:8px; font-size:18px; color:#00e4ff; font-weight:bold; cursor:pointer;}
.sp_nav h3 span.on{background-color:#1a487d;}
.spn_cont{ height:400px; overflow-y:scroll;}
.sp_nav a{ display:block; border-top:1px solid #123966; border-bottom:1px solid #000; line-height:48px; height:48px; font-size:14px; padding-left:38px;}
.sp_nav a.on{ background:url(../images/sp_tri.jpg) no-repeat 20px center #102946; color:#00e4ff;}
/*common*/
.w694 { width:694px; }.dn{ display:none;}
.w270 { width: 270px; }.w310{ width:313px;}
.w310 .t_ul a{ width:240px;}.w310.fl{ margin-right:17px;}
.w270 .t_ul a{ width:220px;}
.t_ul { font-size:14px; }
.t_ul li { overflow: hidden; *zoom:1; height:36px;vertical-align: top; line-height: 36px; }
.t_ul a { float: left; }
.t_ul a:hover { text-decoration: none; }
.t_ul i { float: right; font-size: 12px; color: #777; width: 35px; }
.t_ul em { float: left; color: #00e4ff; margin-right: 5px; }
.dot9 li { background: url(../images/dot9.gif) 0 12px no-repeat; padding-left: 12px; line-height: 28px; height: 28px; }

.p_ul li { float: left; overflow: hidden; text-align: center; }
.p_ul li a { float: left; display:block; text-align: center; }
.p_ul li p { line-height: 22px; height: 22px; overflow: hidden; font-size:14px; }
.jt_wrap{ width:980px; height:385px; position:relative; overflow:hidden;}
.yxjt .p_ul { padding:15px 10px 10px ; width:5000px; position:absolute; }
.yxjt .p_ul li { padding:0 10px; }
.yxjt .p_ul img { width:220px; height:330px; display: block; margin-bottom:5px; }
.jt_prev,.jt_next{position:absolute;top:140px; width:40px; height:60px; display:block; background:url(../images/jt_pn.png) no-repeat #000; opacity:0.4;}.jt_prev:hover,.jt_next:hover{ opacity:0.7; background-color:#00e4ff}
.jt_prev{ left:0; background-position:0 0;}
.jt_next{  right:0; background-position:-40px 0; }
.crumbs { line-height:38px; font-size: 14px;}

.news_list,.news_detail {padding:20px;}
.news_list .t_ul li{ line-height:33px; height:33px;}
ul p.airli { background: none;margin: 23px 0 23px; height: 0; font-size: 0; border-bottom:1px dashed #2b3f57; }
.tj_pic li { float: left; padding: 0 9px 15px; overflow: hidden; width:70px;}
.tj_pic .name { display: block; height:24px; line-height:24px; text-align: center; white-space: nowrap;  }
.tj_btn{ display:block; line-height:25px; height:25px; background-color:#2082c3; color:#fff; text-align:center; border-radius:4px;}
.tj_btn:hover{ background-color:#00e4ff; color:#05182e; text-decoration:none;}
.ico_70 { display: block; position: relative; width:70px; }
.ico_70 img { display: block; height: 70px; width: 70px; }
.ico_70 .mask, .ico_70 .mask_g { background: url("../images/70_mask.png") no-repeat; cursor: pointer; height: 70px; left: 0; position: absolute; top: 0; width: 70px;}
.like .tj_pic li{ margin-bottom:10px }
.like .tj_pic li:hover{ background-color:#05182e; color:#;}
.like .tj_pic .name{ color:#2082c3;}
.pl_box { padding:15px 20px;}
.comment_text { background-color: #fff; border: 1px solid #dcdcdc;}
.yzm-text { background-color: #ddd; border-color: #ddd; }
.submit { background-color: #00e4ff; color:#102946; }
.comment_button a { border-color: #102946; background-color: #102946; }
.comment_button a.current { border-color: #00e4ff; background-color: #102946; color: #00e4ff; }
.nickname { color: #00e4ff; }
.item_comm .from { color: #878787 }
.item_comm { border-bottom:1px dashed #205ca1; padding-bottom:15px; }
.interact a { color: #333; }
.content { background-color: #124580; border-color: #16549b; color:#9ed8fc; }
.content .date{ color:#00a8ff;}
.interact a.zhichi{ color:#102946; background-color:#00e4ff;}
.content .nickname{ color:#00a8ff}
/*列表页*/
.news_detail .t_ul li{ line-height:26px; height:26px;}
.tc { text-align: center; }
.star { width: 60px; height: 10px; overflow: hidden; background: url(//www.yoyou.com/templates/2014/images/star.png) 0 -11px repeat-x; }
.star em { display: inline-block; background: url(//www.yoyou.com/templates/2014/images/star.png) repeat-x; height: 10px; }
.s-count { color: #f86239; line-height: 18px; }
.s-count .star { margin-right: 10px; _margin-right: 3px; float: left; margin-top: 4px; }
.page_box { padding: 20px 0; line-height: 28px; }
.page_box a { display: inline-block; border: 1px solid #e4e4e4; padding: 0 10px; margin: 0 2px; background-color: #fff; color:#333;}
.page_box a:hover { text-decoration: none;background-color:#f4f4f4 }
.page_box span { background-color: #00e4ff; display: inline-block; border: 1px solid #00e4ff; padding: 0 10px; margin: 0 2px;}
.zbtj li{ width:70px; float:left; padding:10px 17px; margin-right:6px;}
.zbtj li:hover{ background:#2b94ff;}
.zbtj .btn_down{ display:inline-block; width:100%; text-align:center; background-color:#2b94ff; border-radius:6px; color:#fff; font-size:12px; line-height:25px; height:25px;}
.zbtj li:hover .btn_down{ background-color:#ffda00; color:#001f7c;}
.zbtj .pic{ display:block; text-align:center; font-size:14px; line-height:24px;}
.zbtj .pic p{ height:24px; overflow:hidden;}
.zbtj .pic img{ width:70px; height:70px; border-radius:10px;}

/* - news_detail页面 - */
.news_content { line-height: 24px; margin: 10px 0; font-size: 14px;padding:0  20px; }
.news_content p { text-indent: 2em; margin: 10px 0; word-break: break-all }
.news_pic { text-align: center; margin: 10px 0; }
.news_pic p { line-height: 32px; height: 32px; margin: 0; }
.news_title { padding:0px 0 15px 0; text-align: center; margin-bottom: 15px;font-family: "微软雅黑"; border-bottom:1px dotted #ccc; }
.news_title .from,.news_title .from a { font-size: 12px; color: #878787; }
.news_title .from span { margin: 0 5px; }
.news_title h2 { font-size: 24px; margin-bottom: 15px; color: #00e4ff }
.ref-game{padding:20px 0 10px;border-top: 1px dashed #cccccc;}
.s-count i{display:inline-block; margin-left:10px;}
.rg-info {position:relative;}
.rg-info .pic {float:left; margin-right:10px;}
.f6 {color: #666;}
.s-count {color: #00e4ff;line-height: 18px;}
.s-count .starbg {margin:0 10px 0 0;}
.rg-down,.rg-gift {position: absolute; top: 24px; display: block; width:50px; text-align:center; height: 30px; line-height:30px; color: #fff; background: #2b94ff;border-radius:6px; }
.rg-down {right: 0;_right:100px;}
.rg-gift {right: 60px; _right:160px;}
.rg-down:hover,.rg-gift:hover {background: #0e80f4; color:#fff; text-decoration:none; }
.rg-info .go_down {position:absolute; right:0px; top:10px; }
.rg-name {font-size:14px;font-weight:bold; margin-bottom:3px; line-height:18px; }
.rg-keys {width:400px;height: 22px; line-height:22px; overflow: hidden;}
.rg-keys a {color:#00e4ff; display:inline-block; padding:0 5px; }
.ref_box { font-size: 12px; line-height: 36px; border: 1px dashed #cccccc; border-width: 1px 0; margin: 0 0 20px; padding: 10px 0; }
.ref_box .tags a { color: #00e4ff; padding-right: 8px; }
.col2 { width: 304px; padding: 0 10px; overflow: hidden; }
.col2 p { overflow: hidden; height: 36px; }
.sub_tit {font-size: 14px; color: #00e4ff; height:15px; line-height:15px;}
.ref_news .t_ul li { overflow: hidden; line-height: 32px; width:45%; }
.ref_news .t_ul li i { font-size: 12px; color: #999; margin-left: 10px; display: inline-block; }
.ref_px15{ padding:0 15px;}
