@charset "utf-8";
/* CSS Document */
#logo广告
#.logogg{ width: 300px; height: 86px; overflow:hidden; }

.main{ width: 1168px; padding:0 16px 20px; margin:0 auto; background-color: #fff; }
.top_game{ padding-top: 30px; width: 1176px; position: relative; overflow: hidden; }
.top_game dl{ height: 103px; overflow: hidden; }
.top_game dt{ float: left; width: 20px; padding:12px 8px; height: 79px; text-align: center; background-color: #5bba22; margin-right:16px; border-radius: 0 10px 10px 0; }
.top_game dt span{ font-size: 14px; color: #fff; line-height: 19px; }
.top_game dd{ float: left; width: 80px; text-align: center; height: 103px; margin:0 24px 0 8px; overflow: hidden; position: relative; }
.top_game dd img{ display: block; width: 72px; height: 72px; border-radius: 10px; margin:0 auto; }
.top_game dd span{ display: block; height: 22px; line-height: 22px; margin-top: 8px; }
.top_game .zjwg{ display: none; position: absolute; right: -12px; top: 30px; background-color: #fff; max-width: 484px; overflow: hidden; }
.top_game .gameMore{ display:block; width:32px; height: 32px; padding:19px; margin:0 auto;  background-color: #f7f7f7; border:1px solid #c0c0c0; border-radius: 10px; position: relative; }
.top_game .gameMore i{ display: inline-block; background-color: #9a9a9a; position: absolute; overflow: hidden; }
.top_game .gameMore i.line1{ width: 32px; height:4px; left: 19px; top: 33px; }
.top_game .gameMore i.line2{ width: 4px; height:32px; left: 33px; top: 19px; }
.top_game .gameMore:hover i{ background-color: #5bba22; }
.htop_game .zjwg{ display: block; }
.htop_game dd{ margin-right: 24px; }
.slider{ position:relative; margin:30px 0 0; }
.scrollable{ width:1168px; height:162px; padding:0; overflow:hidden; position:relative; }
.slider .prev-next{ position:absolute; height:56px; width:32px; top:53px; cursor:pointer; background:url(../images/arrows.png) no-repeat; }
.slider .prev{ left:0px; background-position:0 0; }
.slider .next{ right:0px; background-position:-35px 0; }
.slider .next:hover{ background-position:-35px -58px; }
.slider .prev:hover{ background-position:0 -58px; }
.slider .items{ width:30000px; }
.slider .item{ float:left; position:relative; height:162px; overflow:hidden; }
.slider .item a{ float: left; margin-right: 20px; }
.slider .item img{ display:block; width:574px; height:162px; }
.slider .item a:hover img{ opacity: 0.8; filter:alpha(opacity=80); }

.hd{ height: 44px; border-bottom:1px solid #dcdcdc; padding-right:2px; position:relative; }
.hd h3{ float: left; border-bottom: 3px solid #ff9a00; padding:0 2px; font-size: 22px; font-weight: bold; line-height: 38px; height: 42px; overflow: hidden; }
.hd20{ height: 44px; border-bottom:1px solid #dcdcdc; padding-right:2px; position:relative; }
.hd20 h3{ float: left; border-bottom: 3px solid #ff9a00; padding:0 2px; font-size: 20px; font-weight: bold; line-height: 40px; height: 42px; overflow: hidden; }
.more{ float: right; display: inline-block; height: 21px; line-height: 21px; color:#888; padding-right:26px; margin-top: 10px; position:relative; }
.more i{ display: inline-block; position: absolute; right: 0; top: 0; width: 21px; height: 21px; background: url(../images/icos.png) no-repeat -23px -34px; overflow: hidden; -webkit-transition:all .2s; -moz-transition:all .2s; transition:all .2s; }
.more:hover{ color:#f70; }
.more:hover i{ background-position: 0 -34px; }
.wanBtn{ width: 66px; height: 26px; line-height: 25px; border:1px solid #5bba22; background-color: #5bba22; color: #fff; display: inline-block; text-align: center; border-radius: 3px; }
.wanBtn:hover{ color:#fff; background-color: #53ae1d; border-color: #53ae1d; }
.lqBtn{ width: 66px; height: 26px; line-height: 25px; border:1px solid #5bba22; color: #5bba22; background-color: #fff; display: inline-block; text-align: center; border-radius: 3px; position: relative; }
.lqBtn:hover{ color:#fff; background-color: #5bba22; }
.taoBtn{ width: 66px; height: 26px; line-height: 25px; border:1px solid #ff9a00; color: #ff9a00; background-color: #fff; display: inline-block; text-align: center; border-radius: 3px; position: relative; }
.taoBtn:hover{ color:#fff; background-color: #ff9a00; }
.jsBtn{ width: 68px; height: 28px; line-height: 28px; background-color: #c6c6c6; color: #fff; display: inline-block; text-align: center; border-radius: 3px; position: relative; }
.module, .game_libao, .h5game, .game_rank, .flinks{ width: 100%; margin-top: 20px; }
.mogame{ float: left; width: 772px; }
.game-list{ width:103%; }
.game-list li{ float: left; padding:15px; height: 80px; width: 344px; border:1px solid #eaeaea; margin:20px 20px 0 0; position: relative; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; }
.game-list li:hover{ border-color: #c0c0c0; -webkit-box-shadow: 0 0 8px #c0c0c0; -moz-box-shadow: 0 0 8px #c0c0c0; box-shadow: 0 0 8px #c0c0c0; }
.game-list .img{ float: left; margin-right: 12px; position: relative; }
.game-list .img img{ display: block; width: 80px; height: 80px; border-radius: 10px; }
.game-list .con .title{ display: inline-block; font-size: 16px; height: 28px;line-height: 28px; max-width:174px; margin-bottom: 2px; overflow: hidden; }
.game-list .con p{ line-height: 24px; font-size: 12px; color: #888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.game-list .con p span{ margin:0 4px; }
.game-list .con p a{ color: #888; }
.game-list .con p a:hover{ text-decoration: underline; }
.game-list .wan-btn{ position: absolute; right: 15px; top: 15px; }
.game_libao .libao-con{ background-color: #fffbf3; height: 216px; }
.game_libao dl{ float: left; width: 170px; height: 194px; padding:22px 12px 0; text-align: center; border-left:1px dashed #e4e4e4; position: relative; }
.game_libao dl:first-child{ border-left:0; width: 169px; }
.game_libao dl:hover{ background-color: #fff; }
.game_libao dt img{ display: inline-block; width: 80px; height: 80px; border-radius: 10px; }
.game_libao dt p{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 8px; }
.game_libao dd.shengyu{ font-size: 12px; color: #888; padding: 10px 0 12px; }
.game-news, .kftab{ width: 376px; overflow: hidden; }
.game-news dl{ height: 84px; margin-top: 20px; position: relative; overflow: hidden; }
.game-news dt{ float: left; margin-right: 12px; }
.game-news dt a, .game-news dt img{ display: block; width: 140px;  height: 84px; }
.game-news dt a:hover img{ opacity: 0.8; filter:alpha(opacity=80); }
.game-news dd.title{ line-height: 26px; padding-top: 1px; }
.game-news dd.title a:hover{ text-decoration: underline; }
.game-news dd.desc{ font-size: 12px; color: #999; line-height: 22px; margin-top: 6px; }
.game-news ul{ margin-top: 15px; }
.game-news ul li{ padding:13px 0; line-height: 29px; border-top: 1px dashed #e4e4e4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.game-news ul li .flei{ color: #999; margin-right: 7px; }
.game-news ul li a:hover{ text-decoration: underline; }
.kftab .tab_con .p_th{ clear: both; line-height: 30px; height: 30px; margin-top: 20px; overflow: hidden; position: relative; background-color: #eee; }
.kftab .tab_con .p_th span{ float: left; color: #888; display: inline-block; text-align: center; }
.kftab .tab_con .p_th span:after{ content:""; display: block; width: 1px; height: 30px; background-color: #fff; float: right; clear:both; }
.kftab .tab_con .p_th span:last-child:after{ width:0; }
.kftab .tab_con .time{ width: 89px; }
.kftab .tab_con .name{ width: 163px; padding:0 10px; }
.kftab .tab_con .server{ width: 104px; }
.kftab .tab_con .name a:hover{ text-decoration: underline; }
.kftab .tab_con ul{ margin-top: -1px; }
.kftab .tab_con li{ float: left; height: 47px; line-height: 47px; border-top: 1px dashed #e4e4e4; overflow: hidden; }
.kftab .tab_con li span{ float: left; color: #888; display: inline-block; text-align: center; }
/*排行榜*/
.rank-box{ float: left; width: 268px; margin-right: 32px; }
.rank-box h4{ font-size: 20px; padding-left: 28px; margin-top: 20px; position: relative; }
.rank-box h4 i{ position: absolute; left: 0; top: 0; display: block; width: 21px; height: 23px; background: url(../images/icos.png) no-repeat; overflow: hidden; }
.xy-rank h4 i{ background-position: 0 -60px; }
.xy-rank h4 b{ font-weight: normal; color: #ff5858; }
.wy-rank h4 i{ background-position: 0 -95px; }
.wy-rank h4 b{ font-weight: normal; color: #f49206; }
.xyx-rank h4 i{ background-position: 0 -130px; }
.xyx-rank h4 b{ font-weight: normal; color: #50aa1b; }
.tj-rank{ margin-right: 0; }
.tj-rank h4 i{ background-position: 0 -165px; }
.tj-rank h4 b{ font-weight: normal; color: #1691f0; }
.rank-box ul{ *zoom:1; overflow:hidden; margin-top: 10px; }
.rank-box li{ float: left; height:22px; line-height:22px; padding:9px 0; }
.rank-box li em.num{ float: left; margin-right: 12px; display: block; height:22px; line-height:22px; width:22px; text-align:center; background-color: #c6c6c6; color: #fff; overflow: hidden; }
.rank-box li em.num1{ background-color: #ff8855; }
.rank-box li em.num2{ background-color: #f9b76f; }
.rank-box li em.num3{ background-color: #f6c15b; }
.rank-box li .box1{ float: left; padding-left: 84px; width: 150px; position: relative; display: none; }
.rank-box li .box1 .pic{ position: absolute; left: 0; top: 0; overflow:hidden; }
.rank-box li .box1 img{ display: block; width: 72px; height: 72px; border-radius: 10px; }
.rank-box li .box1 .tit{ font-size: 16px; height: 28px; line-height: 28px; overflow: hidden; }
.rank-box li .box1 .flei{ font-size: 12px; color:#999; }
.rank-box li .box1 .flei:hover{ text-decoration: underline; }
.rank-box li .box1 span{ display: block; line-height: 22px; font-size: 12px; color: #999; }
.rank-box li .box2{ float: left; height:22px; overflow: hidden; }
.rank-box li .box2 .tit{ float: left; width: 170px; overflow: hidden; }
.rank-box li .box2 .flei{ float: right; font-size: 12px; color: #999; width:64px; text-align: right; }
.rank-box li.top{ height: 72px; }
.rank-box li.top em{ height: 72px; line-height: 72px; }
.rank-box li.top .box1{ display:block; }
.rank-box li.top .box2{ display:none; }
.game-list .img a:before, .htop_game dd a:before, .rank-box li .box1 .pic a:before, .w-rank ol li .box1 .pic a:before, .libao-list .img a:before, .kaifu .kf-list .pic_lnk:before{ content: ""; position: absolute; top: 0; left: -125%; width: 100%; height: 100%; z-index: -1; overflow: hidden; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .25)50%, rgba(255, 255, 255, 0)100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .25)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .25)50%, rgba(255, 255, 255, 0)100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .25)50%, rgba(255, 255, 255, 0)100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .25)50%, rgba(255, 255, 255, 0)100%); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -o-transform: skewX(-25deg); transform: skewX(-25deg);}
.game-list .img a:hover:before, .htop_game dd a:hover:before, .rank-box li .box1 .pic a:hover:before, .w-rank ol li .box1 .pic a:hover:before, .libao-list .img a:hover:before, .kaifu .kf-list .pic_lnk:hover:before{ -webkit-transition: left 1s; -moz-transition: left 1s; -ms-transition: left 1s; -o-transition: left 1s; transition: left 1s; left: 125%; z-index: 11;}
.flinks .fbox{ padding:15px 5px 3px; }
.flinks .fbox a{ line-height:28px; color:#565656; margin-right:30px; }
.flinks .hezuo{ line-height:44px; color: #999; }
.flinks .hezuo a{ color: #ea7408; }
.flinks .fbox a:hover, .flinks .hezuo a:hover{ color:#f70; text-decoration:underline; }
#floatCode{ position:fixed; left:50%; margin-left: 610px; top:32%; background-color: #fff; padding:0 15px; z-index:100; }
#floatCode div{ margin-top: 15px; }
#floatCode img{ display: block; width:100px; height: 100px; }
#floatCode span{ display: block; height: 38px; line-height: 32px; font-size: 12px; color: #666; text-align: center; }

.position{ color:#666; line-height:50px; padding-top:4px; }
.position a{ color:#666; }
.position a:hover{ color:#f70; text-decoration:underline; }
.page{ width:100%; padding-bottom:10px; text-align:center; color: #999; }
.page span, .page a{ background:#fafafa; display:inline-block; height:32px; line-height:32px; margin: 30px 4px 0; padding:0 19px; color:#666; border:1px solid #ccc; border-radius:32px; }
.page span{ background:#ff9a00; border:1px solid #ff9a00; color:#fff; text-decoration:none; }
.page span.disabled{ background:#fafafa; color:#bbb; border:1px solid #e4e4e4; }
.page .a1{ padding:0 17px; }
.page a:hover{ border:1px solid #ff9a00; color:#f70; text-decoration: none; }
.game-filter{ border:1px solid #e4e4e4; background-color: #fffcf5; padding:16px 0 20px 16px; }
.game-filter h3{ font-size: 20px; font-weight: bold; line-height: 28px; }
.game-filter dl{ position: relative; padding-left: 57px; margin-top: 2px; }
.game-filter dt{ color: #666; line-height: 28px; position: absolute; left: 0; top: 14px; }
.game-filter dd{ float: left; }
.game-filter dd.choice{ width: 995px; }
.game-filter dd span, .game-filter dd a{ display: inline-block; height: 26px; line-height: 26px; width: 78px; text-align: center; border:1px solid #fff; margin-top: 14px; margin-right:17px; }
.game-filter dd span, .game-filter dd .on{ background-color: #ff9a00; color: #fff; border:1px solid #ff9a00; }
.game-filter dd a:hover{ border:1px solid #ff9a00; }

/*专区首页*/
.game-panel{ padding: 24px 14px 24px 20px; border:1px solid #dcdcdc; }
.game-panel .pleft{ float: left; margin-right: 20px; }
.game-panel .pic{ border-radius: 16px; }
.game-panel .game_zan{ height: 28px; width: 94px; padding-right: 6px; margin-top: 20px; background: url(../images/icos.png) no-repeat -52px -41px; position: relative; }
.game-panel .game_zan .zan{ display: block; width: 30px; height: 34px; position: absolute; left: 0; top: -3px; background: url(../images/icos.png) no-repeat -52px -38px; cursor: pointer; }
.game-panel .game_zan:hover .zan{ background-position: -52px -80px; }
.game-panel .game_zan em{ padding:0 0 0 30px; display: inline-block; width: 64px; text-align: center; line-height: 28px; font-size: 12px; color: #666; overflow: hidden; }
.game-panel .pcode{ float: right; width: 148px; text-align: center; color: #666; margin-top: -8px; padding-bottom: 8px; position: relative; }
.game-panel .pcode img,.game-panel .pcode span{ display: inline-block; }
.game-panel .pcode span{ position: absolute; left: 0; right: 0; bottom:0; display: inline-block; }
.game-panel .pcenter{ float: left; width: 850px; }
.game-panel .htitle{ height: 40px; margin-bottom: 2px; }
.game-panel .htitle h1{ font-size: 24px; font-weight: bold; line-height: 40px; display: inline-block; float: left; margin-right: 5px; }
.game-panel .htitle i{ border: 1px solid #ff0000; color: #ff0000; margin: 15px 5px 0; font-size: 12px; padding:0 3px; height: 18px; line-height: 18px; display: inline-block; *display:inline; *zoom:1; position: relative; top: -3px; }
.game-panel .htitle i.sf {color: #00f; border: 1px solid #00f; }
.game-panel .htitle i.xy{ color: #039303; border: 1px solid #039303; }
.game-panel .htitle i.jp{ color: red; border: 1px solid red; }
.game-panel .pinfo{ font-size: 12px; color: #888; line-height: 22px; margin-top: 7px; }
.game-panel .pinfo span{ margin:0 4px; }
.game-panel .pinfo a{ color: #888; }
.game-panel .pinfo a:hover{ text-decoration: underline; color: #f70; }
.game-panel .pfoot{ height: 42px; margin-top: 18px; overflow: hidden; }
.game-panel .pbtn{ float: left; font-size: 0; }
.game-panel .pbtn a{ width: 128px; height: 42px; display: inline-block; line-height: 42px; font-size: 18px; text-align: center; color: #fff; margin-right:20px; border-radius: 3px; overflow: hidden; position: relative; }
.game-panel .pbtn a.jryx{ background-color: #5bba22; }
.game-panel .pbtn a.wdxz{ background-color: #00a2ff; }
.game-panel .tips{ font-size: 12px; color: #888; display: inline-block; line-height: 42px; height: 42px; width: 540px; overflow: hidden; }
.game-container{ margin-top: 20px; }
/*w804*/
.w804{ float: left; width: 804px; }
.h10{ height: 10px; }
.share-div{ width: 246px; }
.share-div em{ float: left; font-size: 14px; color: #999; line-height: 24px; margin:6px 0; padding-right: 4px; }
.share-div .bdshare-button-style0-24 a, .share-div .bdshare-button-style0-24 .bds_more{ background-image: url(../images/share_btn.png); opacity: .8; filter:alpha(opacity=80); }
.share-div .bdshare-button-style0-24 .bds_qzone{ background-position: 0 0; }
.share-div .bdshare-button-style0-24 .bds_tsina{ background-position: -30px 0; }
.share-div .bdshare-button-style0-24 .bds_weixin{ background-position: -60px 0; }
.share-div .bdshare-button-style0-24 .bds_renren{ background-position: -90px 0; }
.share-div .bdshare-button-style0-24 .bds_sqq{ background-position: -120px 0; }
.share-div .bdshare-button-style0-24 .bds_more{ background-position: -150px 0; }
.share-div .bdshare-button-style0-24 a:hover{ opacity: 1; filter: alpha(opacity=100); }
.game-jianjie .share-div{ padding-top: 2px; }
.game-jianjie .group{ margin-top:25px; }
.game-jianjie .group em{ color: #ea7408; margin-left:5px; margin-right: 2px; }
.game-jianjie .group .qqun{ display: inline-block; width: 90px; height: 22px; background: url(../images/qqun.png) no-repeat 0 0; vertical-align: middle; margin:0; }
.jianjie-con{ color: #4c4c4c; line-height: 28px; margin-top: 17px; padding-bottom: 10px; }
.jianjie-con p{ text-indent: 2em; }
.showcase .scrollbar{ overflow:hidden; position:relative; margin-top: 25px; }
.showcase .scrollbar .s-box{ height:363px;margin-bottom:12px; overflow:hidden; }
.showcase .s-content{ width:10000px; position:absolute; }
.showcase .scrollbar li{ float:left; position:relative; height:363px; margin-right:12px; overflow:hidden; }
.showcase .scrollbar li:last-child{ margin-right:0; }
.showcase .scrollbar li img{ height:363px; display:block; }
.showcase .scrollbar .track{ display:none; position:relative; height:10px; background-color:#eee; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.showcase .scrollbar .track div{ height:10px; background-color:#5bba22; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.rel-libao{ margin-top: 10px; }
.rel-libao ul{ padding-top: 3px; }
.rel-libao li{ height: 28px; line-height: 28px; padding: 17px 5px 17px 5px; border-bottom:1px dashed #eaeaea; overflow: hidden; }
.rel-libao li:last-child{ border-bottom:0; }
.rel-libao li:hover{ background-color: #f7f7f7; }
.libao-name{ float: left; padding-left: 28px; background: url(../images/icos.png) no-repeat -150px -116px; width: 342px; margin-right: 40px; height: 28px; overflow:hidden; }
.libao-name a:hover{ text-decoration:underline; }
.libao-num{ float: left; font-size: 13px; color: #888; }
.progress{ display: inline-block; margin: 0 10px 0 5px; width: 112px; height: 4px; background-color: #dedede; border-radius: 4px; position: relative; top:-2px; }
.progress span{ float: left; display: inline-block; height: 4px; background-color: #ff9a00; border-radius: 4px; }
.libao-btn{ float: right; }
.rel-zixun{ margin-top: 10px; }
.rel-zixun .bd ul{ margin-top: 5px; }
.rel-zixun .bd li{ padding:0 5px; line-height: 48px; border-bottom: 1px dashed #eaeaea; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rel-zixun .bd li:last-child{ border-bottom:0; }
.rel-zixun .bd li .flei{ color: #999; margin-right: 7px; }
.rel-zixun .bd li a:hover{ text-decoration: underline; }
.rel-zixun .bd li .time{ color: #999; padding-left: 60px; }
.rel-zixun ul.relist{ margin-top: 12px; width: 820px; padding-bottom: 5px; }
.rel-zixun ul.relist li{ float: left; width: 382px; height: 36px; line-height: 36px; color: #c0c0c0; padding:0 20px 0 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rel-zixun ul.relist li a.title{ margin-left: 7px; }
.rel-zixun ul.relist li a:hover{ text-decoration: underline; }
.load-more{ border-top: 1px dashed #eaeaea; margin-top:-1px; text-align: center; }
.load-more a{ display: inline-block; width: 294px; line-height: 36px; background-color: #f7f7f7; border:1px solid #dcdcdc; color: #666; margin-top: 20px; }
.load-more a:hover{ background-color: #ff9a00; border-color: #ff9a00; color: #fff; }
.zixun_tab{ position: absolute; right: 0; bottom:-1px;  }
.zixun_tab li{ float: left; height: 30px; line-height: 30px; border:1px solid #e4e4e4; padding: 0 24px; margin-left:-1px; color: #666; z-index: 1; position: relative; cursor: pointer; }
.zixun_tab li.tab_2{ background-color: #ff9a00; border-color: #ff9a00; color: #fff; z-index: 2; }
.zixun_tab li.tab_2 a{color: #fff;}
.zixun_tab li a{ color: #666; display: block; }
.zixun_tab li a:hover{ color: #f70; }
.list-zixun .zixun_tab li{ cursor: default; }
.list-zixun .zixun_tab li.tab_1{ padding: 0; }
.list-zixun .zixun_tab li.tab_1 a{ padding: 0 24px; }
.new-games{ margin-top: 10px; }
.new_game_list { width: 102%; overflow: hidden; }
.new_game_list li{ float: left; width: 84px; padding:10px 12px 0; text-align: center; height: 132px; margin:12px 8px 0 0; overflow: hidden; position: relative; }
.new_game_list li:hover{ background-color: #f7f7f7; }
.new_game_list li img{ display: block; width: 72px; height: 72px; border-radius: 10px; margin:0 auto; }
.new_game_list li span{ display: block; height: 22px; line-height: 22px; margin-top: 8px; overflow: hidden; }
.new_game_list li p{ font-size: 12px; color: #999; margin-top: 6px; }
.news-list li{ width:100%; padding:19px 0; border-bottom:1px dashed #eaeaea; overflow:hidden; }
.news-list li .items{ height:80px; position:relative; overflow:hidden; }
.news-list li .items .pic{ position: absolute; left: 0; top: 0; }
.news-list li .items .pic img{ display:block; width:80px; height:80px; border-radius: 10px; }
.news-list li .items .pic:hover img{ opacity: 0.8; filter:alpha(opacity=80); }
.news-list li .items .con{ padding-left: 92px; }
.news-list li .items .title{ font-size:18px; line-height:26px; height:26px; overflow:hidden; }
.news-list li .items .title a:hover{ text-decoration: underline; }
.news-list li .items .other{ margin-top:8px; height:20px; line-height:20px; }
.news-list li .items .other span{ font-size:14px; color:#a7a7a7; padding:0 6px 0 20px; }
.news-list li .items .other span.time{ background: url(../images/icos.png) no-repeat -152px -156px; }
.news-list li .items .desc{ line-height:24px; color:#888; margin-top:3px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
/*游戏礼包*/
.libao-list{ width:103%; }
.libao-list li{ float: left; padding:15px; height: 80px; width: 360px; border:1px solid #eaeaea; margin:20px 20px 0 0; position: relative; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; }
.libao-list li:hover{ border-color: #c0c0c0; -webkit-box-shadow: 0 0 8px #c0c0c0; -moz-box-shadow: 0 0 8px #c0c0c0; box-shadow: 0 0 8px #c0c0c0; }
.libao-list .img{ float: left; margin-right: 12px; position: relative; overflow: hidden; }
.libao-list .img img{ display: block; width: 80px; height: 80px; border-radius: 10px; }
.libao-list .con .title{ display: inline-block; font-size: 16px; height: 28px;line-height: 28px; max-width:190px; margin-bottom: 2px; overflow: hidden; }
.libao-list .con p{ line-height: 24px; font-size: 12px; color: #888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.libao-list .con p.pro-num{ height: 24px; line-height: 20px; }
.libao-list .progress{ margin:0 10px 0 0; }
.libao-list .lq-btn{ position: absolute; right: 15px; top: 15px; }
.libao-panel{ border:1px solid #dcdcdc; padding-bottom: 24px; }
.libao-panel .pinfo{ margin:24px 20px 0; position: relative; }
.libao-panel .pinfo img{ border-radius: 16px; position: absolute; left: 0; top:0; }
.libao-panel .pcenter{ padding-left: 120px; width: 550px; }
.libao-panel .pcenter h1{ font-size: 24px; font-weight: bold; line-height: 40px; display: inline-block; margin-right: 5px; }
.libao-panel .pcenter p{ color: #888; line-height: 22px; margin-top: 7px; }
.libao-panel .pbtn{ margin-top: 18px; height: 42px; }
.libao-panel .pbtn a, .libao-panel .pbtn span{ width: 128px; height: 42px; display: inline-block; line-height: 42px; font-size: 18px; text-align: center; color: #fff; margin-right:20px; border-radius: 3px; overflow: hidden; position: relative; }
.libao-panel .pbtn .jryx{ background-color: #5bba22; }
.libao-panel .pbtn .jryx:hover{ background-color: #53ae1d; color: #fff; }
.libao-panel .pbtn .lq{ width: 126px; height: 40px; line-height: 40px; background-color: #fff; border:1px solid #5bba22; color: #5bba22; }
.libao-panel .pbtn .lq:hover{ background-color: #5bba22; color: #fff; }
.libao-panel .pbtn .th{ width: 126px; height: 40px; line-height: 40px; background-color: #fff; border:1px solid #ff9a00; color: #ff9a00; }
.libao-panel .pbtn .th:hover{ background-color: #ff9a00; color: #fff; }
.libao-panel .pbtn .js{ background-color: #c6c6c6; }
.libao-panel .num-box{ position:absolute; top:3px; right:0; width:76px; text-align:center; color: #888; }
.libao-panel .num-box span{ display:block; width:76px; height: 76px; background: url(../images/circle.png) no-repeat 0 -80px; }
.libao-panel .num-box span.circle{ background-position: 0 0; margin-bottom: 8px; position: relative; }
.libao-panel .num-box span em{ position: absolute; left: 0; top:26px; display: block; width: 76px; text-align: center; line-height: 24px; font-size: 16px; font-weight: bold; color: #565656; }
.libao-panel .pdesc{ margin-top: 17px; }
.libao-panel .phd{ height: 36px; padding:0 14px 0 20px; }
.libao-panel .phd h3{ float: left; height: 22px; line-height: 22px; font-size: 18px; font-weight: bold; padding-left: 10px; margin-top: 8px; border-left: 5px solid #5bba22; }
.libao-panel .pcon{ font-size: 16px; color: #4c4c4c; line-height: 32px; padding:10px 20px 0; }
.libao-panel .beizhu{ height: 22px; line-height: 22px; padding:0 20px; margin-top: 18px; color: #999; }
.libao-panel .group em{ color: #ea7408; margin-left:5px; margin-right: 2px; }
.libao-panel .group .qqun{ display: inline-block; width: 90px; height: 22px; background: url(../images/qqun.png) no-repeat 0 0; vertical-align: middle; margin:0; }
.libao-panel .prompt{ margin: 28px 20px 0; padding-top: 25px; border-top: 1px solid #eee; }
.libao-panel .prompt .title{ font-size: 16px; font-weight: bold; color: #666; text-align: center; margin-bottom: 20px; }
.libao-panel .prompt .sm-code{ text-align: center; }
.libao-panel .prompt .sm-code span{ display: inline-block; width: 120px; line-height: 20px; color: #999; margin:0 72px; }
.libao-panel .prompt .sm-code img{ margin-bottom: 3px; }
/*资讯*/
.show-news{ width: 804px; overflow: hidden; }
.show-news .news-top{ position:relative; }
.show-news .news-top h1{ font-size:24px; font-weight:bold; line-height:38px; margin-bottom:7px; text-align:center; padding:14px 0 0 0; }
.show-news .news-top .info{ color:#999; height:30px; line-height:30px; text-align:center; position:relative; }
.show-news .news-top span{ padding:0 6px; }
.show-news .news-top a{ color: #999; }
.show-news .news-top a:hover{ color: #f70; text-decoration: underline; }
.show-news .page{ padding-bottom: 8px; }
.show-news .page span, .show-news .page a{ margin-top:20px; }
.news-con{ font-size:16px; line-height:30px; color:#4c4c4c; padding:12px 10px 3px; }
.news-con a{color:#0000ff;}
.news-con a:hover{color:##2c8bfb;text-decoration: none;}
.news-con p{ margin-top:6px; padding-bottom:5px; }
.news-con img{ display: inline-block; max-width: 100%; }
.page-bor{ height:42px; margin-top:15px; padding-left: 10px; }
.page-bor span{ width:370px; line-height:24px; height:24px; float:left; color:#999; display:block; margin-right:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.page-bor span.page-next{ margin-right:0; }
.page-bor a:hover{ text-decoration:underline; color:#f70; }
.remgame{ padding:18px; background-color: #f8f8f8; border:1px solid #dcdcdc; margin-top:15px; overflow:hidden; }
.remgame .item{ height:72px; padding:0 145px 0 84px; overflow:hidden; position:relative; }
.remgame .item .img{ position:absolute; left:0; top:0; }
.remgame .item .img img{ display:block; width:72px; height:72px; border-radius:10px; }
.remgame .item .name{ font-size:16px; font-weight: bold; height:28px; line-height:28px; margin-bottom: 2px; overflow:hidden; }
.remgame .item .other{ line-height: 22px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.remgame .item .other span{ margin:0 4px; }
.remgame .item .other a{ color: #999; }
.remgame .item .other a:hover{ text-decoration: underline; }
.remgame .btn{ position:absolute; right:0; top:15px; display:block; background-color:#5bba22; width:128px; line-height:42px; font-size:18px; color:#fff; text-align:center; overflow:hidden; border-radius:4px; }
.remgame .btn:hover{ background-color:#53ae1d; }
.art_vote_t{ height:36px; padding-bottom:3px; margin-top:6px; }
.art_vote_t h3{ line-height:36px; font-size:18px; font-weight:bold; float:left; padding-left: 8px; }
.art_vote_t .art_share { float:right; width:186px;}
.art_vote_cotent{width:100%;overflow: hidden; padding-bottom:7px; }
.art_vote_cotent ul{margin-top:10px; padding-left:5px; width:102%;}
.art_vote_cotent ul li{ width:118px; border:1px solid #fff; float:left; font-size:12px; text-align:center; margin-right:15px; padding:3px 0; }
.art_vote_cotent ul li:hover{border: 1px solid #eee;border-radius: 4px;box-shadow: 0 0 10px #dcdcdc;}
.art_vote_cotent ul li span { background:#fd797c; display:block; height:64px; margin:2px auto 0; width:16px; }
.art_vote_cotent ul li span b{ background:#eaeaea; display:block; font-size: 1px; overflow:hidden; }
.art_vote_cotent ul li a {display:block;margin:12px auto 5px auto;}
.art_vote_cotent ul li img{margin:0 auto;}
/*search-result*/
.result{ float: left; width: 804px; }
.result-tab{ margin-top: 5px; }
.result-tab ul{ height: 40px; }
.result-tab li{ float: left; height: 38px; line-height: 38px; width: 200px; text-align: center; background-color: #f7f7f7; border:1px solid #dcdcdc; margin-left:-1px; font-size: 16px; color: #666; z-index: 1; position: relative; }
.result-tab li.tab_2{ background-color: #ff9a00; border-color: #ff9a00; color: #fff; font-weight: bold; z-index: 2; }
.result-tab li a{ color: #666; display: block; }
.result-tab li a:hover{ color: #f70; }
.result-tab li i{ display: none; position: absolute; bottom:-7px; left: 92px; width: 0; height: 0; border-width: 7px 9px 0; border-style: solid; border-color: #ff9a00 transparent transparent transparent; overflow: hidden; }
.result-tab li.tab_2 i{ display: block; }
.result .game-list li{ width: 360px; }
.default{ color: #999; line-height: 25px; text-align: center; background: url(../images/default.jpg) no-repeat center top; padding: 138px 0 37px; margin-top: 45px; }

/*w336*/
.w336{ float: right; width: 336px; overflow:hidden; }
.mt15{ margin-top: 15px; }
.w-kftab .tab_con .p_th{ clear: both; line-height: 30px; height: 30px; margin-top: 20px; overflow: hidden; position: relative; background-color: #eee; }
.w-kftab .tab_con .p_th span{ float: left; color: #888; display: inline-block; text-align: center; }
.w-kftab .tab_con .p_th span:after{ content:""; display: block; width: 1px; height: 30px; background-color: #fff; float: right; clear:both; }
.w-kftab .tab_con .p_th span:last-child:after{ width:0; }
.w-kftab .tab_con .time{ width: 89px; }
.w-kftab .tab_con .name{ width: 123px; padding:0 10px; }
.w-kftab .tab_con .server{ width: 104px; }
.w-kftab .tab_con .name a:hover{ text-decoration: underline; }
.w-kftab .tab_con ul{ margin-top: -1px; }
.w-kftab .tab_con li{ float: left; height: 47px; line-height: 47px; border-top: 1px dashed #eaeaea; overflow: hidden; }
.w-kftab .tab_con li span{ float: left; color: #888; display: inline-block; text-align: center; }
.w-news dl{ height: 80px; margin-top: 20px; position: relative; overflow: hidden; }
.w-news dt{ float: left; margin-right: 12px; }
.w-news dt a, .w-news dt img{ display: block; width: 133px;  height: 80px; }
.w-news dt a:hover img{ opacity: 0.8; filter:alpha(opacity=80); }
.w-news dd.title{ line-height: 24px; padding-top: 1px; font-weight: bold; }
.w-news dd.title a:hover{ text-decoration: underline; }
.w-news dd.desc{ font-size: 12px; color: #999; line-height: 22px; margin-top: 7px; }
.w-news ul{ margin-top: 15px; }
.w-news ul li{ height: 48px; line-height: 48px; border-top: 1px dashed #eaeaea; color: #c0c0c0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.w-news ul li a.title{ margin-left: 7px; }
.w-news ul li a:hover{ text-decoration: underline; }
.text-list{ margin-top: 3px; }
.text-list li{ height: 48px; line-height: 48px; color: #c0c0c0; border-bottom: 1px dashed #eaeaea; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.text-list li:last-child{ border-bottom: 0; }
.text-list li a.title{ margin-left: 7px; }
.text-list li a:hover{ text-decoration: underline; }
#w_refresh{ float: right; display: inline-block; height: 26px; line-height: 25px; color:#888; padding-right:32px; margin-top: 8px; position:relative; }
#w_refresh i{ display: inline-block; position: absolute; right: 0; top: 0; width: 26px; height: 26px; background: url(../images/icos.png) no-repeat -83px -128px; overflow: hidden; }
#w_refresh:hover{ color:#f70; }
#w_refresh:hover i{ background-position: -50px -128px; }
#refresh{ float: right; display: inline-block; height: 26px; line-height: 26px; color: #888; margin-top: 7px; padding-right: 34px; overflow: hidden; -webkit-transition:all .2s; -moz-transition:all .2s; transition:all .2s; position: relative; }
#refresh i{ display: inline-block; position: absolute; right: 0; top: 0; width: 34px; height: 26px; background: url(../images/icos.png) no-repeat 0 -200px; overflow: hidden; }
.rank_tab{ position: absolute; right: 0; bottom:-1px;  }
.rank_tab li{ float: left; height: 24px; line-height: 24px; width: 58px; text-align: center; border:1px solid #e4e4e4; margin-left:-1px; color: #666; z-index: 1; position: relative; cursor: pointer; }
.rank_tab li.tab_2{ background-color: #ff9a00; border-color: #ff9a00; color: #fff; z-index: 2; }
.w-rank ol{ *zoom:1; overflow:hidden; margin-top: 5px; }
.w-rank ol li{ float: left; width: 100%; padding:15px 0; border-bottom: 1px dashed #eaeaea; }
.w-rank ol li:last-child{ border-bottom: 0; }
.w-rank ol li em.num{ float: left; margin: 25px 12px 0 0; display: block; height:22px; line-height:22px; width:22px; text-align:center; background-color: #c6c6c6; color: #fff; overflow: hidden; }
.w-rank ol li em.num1{ background-color: #ff8855; }
.w-rank ol li em.num2{ background-color: #f9b76f; }
.w-rank ol li em.num3{ background-color: #f6c15b; }
.w-rank ol li .box1{ float: left; padding-left: 84px; width: 140px; position: relative; }
.w-rank ol li .box1 .pic{ position: absolute; left: 0; top: 0; overflow:hidden; }
.w-rank ol li .box1 img{ display: block; width: 72px; height: 72px; border-radius: 10px; }
.w-rank ol li .box1 .tit{ font-size: 16px; height: 26px; line-height: 26px; overflow: hidden; }
.w-rank ol li .box1 .flei{ font-size: 12px; color:#999; }
.w-rank ol li .box1 .flei:hover{ text-decoration: underline; }
.w-rank ol li .box1 span{ display: block; line-height: 22px; font-size: 12px; color: #999; margin-top: 1px; }
.w-rank .ksw{ float: right; margin-top: 22px; }

/*开服表*/
.kaifu .hd20 .time{ font-size: 16px; font-weight: bold; color: #666; line-height: 42px; margin-left: 5px; }
.kaifu .hd20 .time b{ color: #f00; padding:0 3px; }
.kaifu .kf-list{ margin-left: -32px; overflow:hidden; position: relative; }
.kaifu .kf-list li{ float: left; width: 100%; }
.kaifu .kf-list li .tbody{ float: left; width: 568px; border-bottom: 1px dashed #e4e4e4; padding:20px 0; margin-left: 32px; }
.kaifu .kf-list li .tbody:hover{ background: #f7f7f7 ; }
.kaifu .kf-list li:last-child .tbody{ border-bottom: 0; }
.kaifu .kf-list .td{ color: #666; float: left; height: 28px; line-height: 28px; overflow: hidden; padding: 22px 0; position: relative; text-align: center; }
.kaifu .kf-list .yxmc{ height: 72px; overflow: hidden; padding: 0 0 0 84px; text-align: left; width: 184px; }
.kaifu .kf-list .pic_lnk{ position: absolute; left: 0; top: 0; display: block; }
.kaifu .kf-list .pic_lnk img{ display: block; width: 72px; height: 72px; border-radius: 72px; }
.kaifu .kf-list .pic_lnk .mask{ background:url(../images/circle.png) no-repeat 0 -176px; position: absolute; left: 0;top: 0; display: block; width: 72px; height: 72px; }
.kaifu .kf-list .tit_lnk{ font-size: 18px; height: 40px; line-height: 40px; overflow: hidden; }
.kaifu .kf-list .type_detail{ color: #888; line-height: 20px;  margin-top: 3px; }
.kaifu .kf-list .type_detail a{ color: #888; }
.kaifu .kf-list .type_detail a:hover{ text-decoration: underline; }
.kaifu .kf-list .time{ width: 90px; }
.kaifu .kf-list .server{ width: 120px; }
.kaifu .kf-list .yxxz{ width: 90px; text-align: right; }
.kaifu .load-more{ border-top: 0; margin-top: 0; }
.kaifu .load-more a{ margin:10px 0; font-size: 16px; }
#will-kai{ margin-top:10px; }

/*用户评论*/
.h_comment{ margin-top: 15px; }
.h_comment .hd20 .num{ color: #999; line-height: 44px; margin-left: 10px; }
.h_comment .hd20 .num b{ font-weight: normal; color: #f00; }
.cmtbox{ padding-top:20px; }
.post-wrap-w{ background-color:#fff; border:1px solid #ccc; border-radius:3px; border-bottom-left-radius:0; display:block; }
.post-wrap-w .area-textarea-w{ background-color:#fff; overflow:hidden; padding:8px 0 6px 10px; position:relative; z-index:9; }
.post-wrap-w .area-textarea-w .simulate{ line-height: 22px !important;  }
.post-wrap-w .textarea-fw{ background:none; color:#666; font-size:14px; height:66px; line-height:22px; overflow-x:hidden; overflow-y:auto; resize:none; width:100%; font-family:"Microsoft YaHei"; }
.post-wrap-w .wrap-action-w { background-color:#f7f7f7; border-top:1px solid #eaeaea; height:40px; line-height:40px; font-size:12px; color:#666; }
.post-wrap-w .wrap-action-w .action-function-w { float: left; width:160px; position: relative; z-index: 12; }
.post-wrap-w .wrap-action-w .action-function-w .uploadify {position: relative;display: inline-block;height: 20px;line-height: 20px;cursor: pointer;}
.post-wrap-w .wrap-action-w .action-function-w .uploadify .uploadify-button {line-height: normal}

.post-wrap-w .wrap-action-w .action-function-w .img_upload{ position: relative; padding-left: 26px; display: inline-block; height: 20px; line-height: 20px; margin-left: 12px; cursor: pointer; }
.post-wrap-w .wrap-action-w .action-function-w .img_upload i{ position: absolute; left: 0; top: 0; display: block; width: 21px; height: 20px; background:url(../images/cmt_icos.png) no-repeat 0 -60px; }
.post-wrap-w .wrap-action-w .action-function-w .img_upload:hover i{ background-position: 0 -95px; }
.post-wrap-w .wrap-action-w .action-function-w .img_upload:hover{ color: #f70; }
.post-wrap-w .wrap-action-w .action-issue-w{ padding-left:20px; width: 130px; }
.post-wrap-w .wrap-action-w .action-issue-w .btn-fw { background:#ff9a00; border:0 none; cursor:pointer; float:right; height:42px; line-height:42px; margin:-1px -1px 0 0; font-size:18px; color:#fff; font-family:"Microsoft YaHei"; overflow:hidden; padding:0; width:130px; }
.post-wrap-w .wrap-action-w .action-issue-w a:hover .btn-fw{ background-color:#fa8405; }
.empty-prompt-w{ padding:10px 0 0; }
.empty-prompt-w .prompt-null-w{ background-color:#eff2f7; color:#00a2ff; display:block; line-height:16px; padding:9px 0 8px; text-align:center; }
.cmt-list-title{ height:22px; line-height:22px; font-size:16px; font-weight:bold; color: #ff9a00; margin-top:20px; margin-bottom:5px; }
.block-cont{ padding:16px 0; border-bottom:1px solid #eaeaea; }
.cont-head{ width:50px; height:50px; overflow:hidden; float:left; position:relative; }
.cont-head em{ position:absolute; left:0; top:0; background:url(../images/cmt_icos.png) no-repeat 0 0; display:block; width:50px; height:50px; overflow:hidden; z-index:2; }
.cont-head img{ display: block; width: 50px; height: 50px; }
.cont-msg{ float:right; width:744px; overflow:hidden; }
.wrap-user{ height:20px; line-height:20px; overflow:hidden; }
.wrap-user .user-zan{ display: block; height: 20px; line-height: 22px; padding-left: 24px; color: #666; background: url(../images/cmt_icos.png) no-repeat 0 -128px; overflow: hidden; }
.wrap-user .user-zan:hover{ background-position: 0 -158px; color: #00a2ff; }
.wrap-user .user-name{ font-size:12px; margin-right:10px; font-weight: bold; }
.wrap-user .user-time{ font-size:12px; color:#888; }
.wrap-build{ background-color:#fffcf1; border:1px solid #e4e4e4; margin-top:12px; position: relative; }
.bulid-cont{ padding:13px 12px; border-top:1px dashed #eaeaea; margin-top: -1px; }
.bulid-cont .cont-msg{ width: 658px; }
.wrap-angle{ position: absolute; left: 18px; top: -9px; background:url(../images/cmt_icos.png) no-repeat 0 -240px; display: block; width: 18px; height: 9px; overflow: hidden; }
.wrap-issue{ padding:7px 0 0; line-height:24px; }
.wrap-issue img{ display: inline-block; margin-right: 16px; margin-top:11px; }
.wrap-action{ text-align:right; color:#ccc; line-height:18px; margin-top:10px; }
.wrap-action .click-reply{ padding-right:5px; height: 20px; display: inline-block; background: url(../images/cmt_icos.png) no-repeat 0 -188px; padding-left: 28px; }
.wrap-action .click-reply:hover,.wrap-action .click-now{ background-position: 0 -212px; color: #00a2ff; }
.post-rpbox{ border:1px solid #e4e4e4; background-color: #fafafa; padding:14px; margin:10px 0 0; position:relative; }
.post-rpbox-in{ border:1px solid #dcdcdc; border-right:none; background-color:#fff; height:34px; line-height:34px; }
.post-rpbox .rpbox-lf{ float:left; font-size:12px; padding:0 10px; width:615px; overflow:hidden; }
.post-rpbox .user-input{ float:left; background:transparent; padding:7px 0 7px 0; height:20px; line-height:20px; width:100%; color:#333; font-family:"Microsoft YaHei"; font-size:12px; }
.post-rpbox .rpbox-gh{ float:right; }
.post-rpbox .rpbox-gh a{ display:block; float:right; height:36px; }
.post-rpbox .rpbox-gh .btn-hf{ background:#00a2ff; border:0 none; cursor:pointer; float:right; height:36px; line-height:36px; color:#fff; margin:-1px 0 0 -1px; font-family:"Microsoft YaHei"; overflow:hidden; padding:0; width:78px; }
.cmt-list-more a{ display:block; height:36px; line-height:36px; width:294px; text-align:center; background-color:#f7f7f7; border:1px solid #dcdcdc; color:#666; margin:20px auto 10px; }
.cmt-list-more a:hover{ background-color:#ff9a00; border-color:#ff9a00; color:#fff; }
.upimg-item{ float: left; margin-right: 16px; margin-top: 20px; position: relative; }
.upimg-item img{ display: block; width: 60px; height: 100px; }
.upimg-item .upclose{ position: absolute; right: -7px; top: -7px; display: block; width: 20px; height: 20px; background: url(../images/cmt_icos.png) no-repeat 0 -262px; overflow: hidden; cursor: pointer; }

/*弹窗*/
.div_pop{ display: none; position: fixed; left: 50%; top: 50%; margin-left: -220px; margin-top: -130px; width: 440px; background:#fff; border-radius: 5px; overflow: hidden; z-index: 999999; }
.gift_pop .gift-con{ padding:20px 40px 28px; text-align: center; }
.gift_pop .gift-con span, .gift_pop .ylq-con span{ display: block; }
.gift_pop .gift-con .text, .gift_pop .ylq-con .text{ font-size: 16px; color: #666; line-height: 36px; }
.gift_pop .gift-con #open_code{ height: 34px; line-height: 34px; background-color: #f5f5f5; color: #f66; margin-top: 14px; }
.gift_pop .gift-con .buttoncopy{ display: inline-block; width: 158px; height: 42px; line-height: 42px; font-size: 18px; background-color: #f66; color: #fff; margin-top: 20px;}
.gift_pop .ylq-con{ padding:55px 40px 67px; text-align: center; }
.gift_pop .ylq-con .text a{ color: #f66; }
.gift_pop .ylq-con .text a:hover{ text-decoration:underline; }

.modal-footer .login_btn:before, .modal-footer .login_btn:after, .modal-footer .register_btn:before, .modal-footer .register_btn:after, .orange_btn:before, .orange_btn:after, .game-panel .pbtn a:before, .game-panel .pbtn a:after{ content:''; position:absolute; z-index:3; top:0; left:0; width:0; height:60px;background:rgba(0,0,0,0.03); -webkit-transition:0.4s; -moz-transition:0.4s; transition:0.4s; }
.modal-footer .login_btn:after, .modal-footer .register_btn:after, .orange_btn:after, .game-panel .pbtn a:after{ left:auto; right:0; }
.modal-footer .login_btn:hover:before, .modal-footer .login_btn:hover:after, .modal-footer .register_btn:hover:before, .modal-footer .register_btn:hover:after, .orange_btn:hover:before, .orange_btn:hover:after, .game-panel .pbtn a:hover:before, .game-panel .pbtn a:hover:after{ width:100%; }

/*找回密码*/
.findpwd{ width: 1200px; background: #fff; margin-left: auto; margin-right: auto; }
.findpwd .fhd{ height: 62px; line-height: 62px; padding-top: 10px; border-bottom:1px solid #eee; text-align: center; }
.findpwd .fhd h2{ font-size: 24px; font-weight: bold; color: #565656; }
.fslide ul{ width: 800px; margin: 60px auto 0; }
.fslide li{ display: inline-block; float: left; width: 252px; position: relative; }
.fslide li .num{ background: url(../images/circle.png) no-repeat 0 -264px; color: #fff; font-size: 18px; font-weight: 400; display: block; height: 42px; line-height: 42px;
    text-align: center; width: 42px; margin-bottom: 17px; }
.fslide li .xt{ position: absolute; right: 0; top:20px; background: #ccc; display: block; height: 2px; overflow: hidden; width: 210px; }
.fslide li .info{ display: block; width: 102px; font-size: 16px; color: #999; text-align: center; margin-left: -30px; }
.fslide li.last{ width: 42px; }
.fslide li.last .xt{ display: none; }
.fslide li.on .num{ background-position: -50px -264px; }
.fslide li.on .xt{ background: #ff9a00; }
.fslide li.on .info{ color: #ff9a00; }
.fmodal{ padding:55px 0 70px; }
.fmodal .body{ width: 466px; margin-left: 336px }
.fmodal .outer{ margin-top: 25px; height: 44px; }
.fmodal label{ display: inline-block; float: left; width: 110px; padding-right: 8px; text-align: right; font-size: 16px; color: #666; line-height: 44px; }
.fmodal .input-txt{ border:1px solid #ccc; width: 316px; height: 22px; *height:20px; line-height: 22px; color: #444; padding: 10px 15px; transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out; }
.fmodal .new-input-txt{ border:1px solid #ff9a00; box-shadow: 0 0 12px #f9e4c5;
	-webkit-box-shadow: 0 0 12px #f9e4c5;
	-moz-box-shadow: 0 0 12px #f9e4c5; }
.fmodal span.input-txt{ display: inline-block; }
.fmodal .error_font{ float: none; margin-left: 117px; margin-top: 20px; }
.fmodal .button{ width: 348px; margin-left: 117px; margin-top: 25px; }
.fmodal #sjyzm{ width: 194px; float: left; line-height: 22px; height: 22px; padding: 10px 0 10px 12px; border:1px solid #ccc; }
.fmodal .get-yzm{ float: right; width: 128px; height: 42px; line-height: 42px; background: url(../images/line_bg.gif) repeat 0 0; border:1px solid #ff9a00; color: #666; text-align: center; }
.fmodal .have_phone{ line-height: 28px; color: #565656; }
.fmodal .est-account{ height: 28px; margin-top: 22px; }
.fmodal .est-account label{ line-height: 28px; }
.ftips-box{ font-size: 16px; color: #666; line-height: 24px; text-align: center; margin-left:60px; padding-bottom: 20px; }
.ftips-box i{ display: inline-block; width: 60px; height: 54px; margin-bottom: 20px; background: url(../images/safe.png) no-repeat 0 0; overflow: hidden; }
.ftips-box i.sucess{ background-position: 0 -60px; }
.ftips-box a{ color: #f70; }
.ftips-box a:hover{ text-decoration: underline; }
.fmodal .ftips .button{ margin-left: 85px; }

/*===404页面===*/
#body404{ background: #fff; }
.main-404{ width:100%; background: #fff; padding-top: 10%; }
.main-404 .in{ padding-left:409px; width:430px; height: 420px; background: url(../images/404.png) no-repeat 0 0; margin: 0 auto; }
.main-404 .distips{ font-size:24px; color:#ee8f5d; font-weight:bold; line-height:36px; padding-top:108px; }
.main-404 .showtips{ font-size:16px; color:#999; line-height:28px; margin-top:22px; }
.main-404 .tz{ font-size:16px; color:#666; font-weight: bold; line-height:30px; margin-top:20px; }
.main-404 .tz span{ color:#ff0000; }
.main-404 a.btn{ display:block; width:106px; height:44px; line-height:44px; font-size:18px; color:#fff; padding-left:36px; text-align: center; background-color: #5bba22; border-radius: 5px; margin-top:23px; position: relative; }
.main-404 a.btn i{ display: block; width: 27px; height: 26px; position: absolute; left: 16px; top: 9px; background: url(../images/icos.png) no-repeat -40px -165px; overflow: hidden; }
.main-404 a.btn:hover{ background-color: #53ae1d; }

/*===底部链接===*/
.fowarp{ min-height: 500px; }
.fowarp .wrap-bar{ float:left; width:222px; background:#f2f2f2; border:1px solid #dcdcdc; border-bottom:0; overflow:hidden; }
.fowarp .wrap-bar li{ border-bottom:1px solid #dcdcdc; }
.fowarp .wrap-bar a{ display:block; height:59px; line-height:59px; color:#666; font-size:16px; position: relative; overflow: hidden; }
.fowarp .wrap-bar a.current{ background: #fff; color: #ff9a00; }
.fowarp .wrap-bar a span{ display:block; width:100px; margin-left: 57px; padding-left: 43px; position: relative; }
.fowarp .wrap-bar a i{ position: absolute; left: 0; top: 16px; display: block; width: 27px; height: 27px; background: url(../images/icos.png) no-repeat; overflow: hidden; }
.fowarp .wrap-bar a i.gywm{ background-position: -77px -165px; }
.fowarp .wrap-bar a.current i.gywm{ background-position: -113px -165px; }
.fowarp .wrap-bar a i.lxfs{ background-position: -77px -203px; }
.fowarp .wrap-bar a.current i.lxfs{ background-position: -113px -203px; }
.fowarp .wrap-bar a i.wzdt{ background-position: -77px -238px; }
.fowarp .wrap-bar a.current i.wzdt{ background-position: -113px -238px; }
.fowarp .wrap-bar a i.yhxy{ background-position: -77px -272px; }
.fowarp .wrap-bar a.current i.yhxy{ background-position: -113px -272px; }
.fowarp .wrap-con{ float:right; width:914px; overflow:hidden; }
.fowarp .wrap-con .title{ font-size: 28px; line-height: 38px; margin-top: 11px; }
.fowarp .wrap-con .con{ font-size:16px; color:#444; line-height:30px; padding-top: 10px; }
.fowarp .wrap-con .con p{ margin-top:12px; }
.fowarp .map-con{ padding-top: 10px; }
.fowarp .map-con p{ font-size:16px; line-height:32px; padding:12px 0 3px; }
.fowarp .map-con p a{ color:#444; margin-right:59px; }
.fowarp .map-con p a:hover{ text-decoration:underline; color:#f70; }
.fowarp .map-con p span.flei{ display:block; width:100%; margin-bottom: 4px; }
.fowarp .map-con p span.flei a{ color:#00a2ff; }
.fowarp .map-con p span.flei a:hover{ color:#f70; text-decoration:none; }
.fowarp .contact-item{ display: inline-block; *display: inline; *zoom:1; width: 330px; height: 80px; padding:19px; border:1px solid #eee; margin-top: 30px; margin-right: 78px; }
.fowarp .contact-item .icon{ display: block; float: left; width: 80px; height: 80px; margin-right: 15px; background: url(../images/lianxi_icos.png) no-repeat 0 0; }
.fowarp .contact-item .icon.icon-qd{ background-position: -100px 0; }
.fowarp .contact-item .icon.icon-kf{ background-position: 0 -100px; }
.fowarp .contact-item .icon.icon-lb{ background-position: -100px -100px; }
.fowarp .contact-item .name{ font-size: 18px; font-weight: bold; color: #666; padding-top: 14px; }
.fowarp .contact-item span{ font-size: 16px; color: #888; margin-top: 15px; display: block; }
.fowarp .contact-item a{ color: #888; }
.fowarp .contact-item a:hover{ text-decoration: underline; color: #f70; }