@charset "utf-8";

.rel {position: relative;}
.abs {position: absolute;}
.ico-2{ background:url(../images/ico-2.png) no-repeat;overflow:hidden;}
.ico-btn{background: url(../images/ico-btn.png) no-repeat;display: block;overflow: hidden;}



/* main头部切换部分 */
#main{width:1200px;margin: 0 auto;}
.tab_menu{ margin-top:15px; padding:13px 12px; background:#fff; height:180px; overflow:hidden;}
.tab_menu_l{float:left; width:130px; background:#f6f6f6; height:180px;}
.tab_menu_l p{position:relative; width:130px; height:60px; line-height:59px; border-bottom:1px solid #e0e0e0; color:#666; font-size:18px; cursor:pointer;}
.tab_menu_l p .tb{ display:inline-block; width:20px; height:20px; float:left; margin:20px 7px 20px 10px; background:url(../images/icon.png) no-repeat -95px -51px;}
.tab_menu_l p .tb.tb2{background-position:-126px -51px;}
.tab_menu_l p .tb.tb3{background-position:-159px -51px;}
.tab_menu_l p .txt{float:left;}
.tab_menu_l p .jt{ display:none; position:absolute; top:0px; right:-12px; width:12px; height:59px; background:url(../images/icon.png) no-repeat -544px -36px; overflow:hidden;}
.tab_menu_l p.hover{color:#fff; background:#5298ff;}
.tab_menu_l p.hover a{color:#fff;}
.tab_menu_l p.hover .jt{display:block;}
.tab_menu_l p.hover .tb{background-position:-190px -51px;}
.tab_menu_l p.hover .tb.tb2{background-position:-222px -51px;}
.tab_menu_l p.hover .tb.tb3{background-position:-255px -51px;}
.tab_menu_r{ float:left; margin-left:4px; width:1042px; height:180px; }
.game_com_list{height:121px; width:1042px;position:relative; +z-index:999;}
.game_com_list ul{height:121px; width:1030px; padding-left:22px;}
.game_com_list li{width:81px;height:120px; padding-right:22px; border-bottom:1px solid #e0e0e0;float:left;position:relative;}
.game_com_list li a{display:block;width:81px; height:120px; color:#666;font-size:14px;text-align:center;}
.game_com_list li a img{margin:0 auto;width: 80px;height: 80px;display: block;border-radius:16px; _width:79px;}
.yuanjiao{position:absolute;top:-10px;right:0;width: 60px;height: 25px;font-size:14px;color:#fff;line-height:25px;text-align:center;z-index: 9;background-image:url('../images/yuanjiao.png');background-size:60px 25px;}
.tuijian .yuanjiao{top: 7px;right: 138px;}
.b4-xfl2 .yuanjiao{top: -1px;right: 195px;}
.mask72{background-position: 0 0;height: 72px;width: 72px;cursor: pointer;display: block;margin: 0;position: absolute;z-index: 9;}
.n-name {width: 90%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;}
.game_com_list li a span{height:40px;line-height:40px; display:inline-block;}
.game_com_list .on a{color:#3385ff}
.game_com_list .line_box{width:100%;height:2px;position:absolute;right:-2px;bottom:0px; z-index:999;}
.game_com_list .line{display:block;width:81px;height:2px;background:#3385ff;position:absolute;left:21px;top:0}
.game_cd{ height:60px; font-size:14px; line-height:30px; width:1030px; padding-left:1px; margin-left:21px; position:relative; margin-top:-1px; overflow:hidden;}
.game_cd a{display:inline-block; float:left; width:81px; padding:0 22px 0 1px; background:url(../images/icon.png) no-repeat -290px -43px; color:#666; height:30px; margin-left:-1px; text-align:center; height:30px; overflow:hidden;}
.game_cd a:hover{color:#3385ff;}



/* banner 轮播图*/
.banner{width: 1200px;height:310px;margin:15px auto 0;overflow:hidden;}
.Slide {width: 610px;height: 310px; float:left;overflow: hidden;position: relative;}
.slide-cont {width: 610px;height: 310px;position: relative;overflow: hidden;}
.slide-item {position: absolute;width: 100%;height: 100%;left: -610px;}
.slide-item a {display: block;width: 100%;height: 100%;}
.slide-item img {width: 610px;height: 310px;}
.slide-txt {width: 610px;height:50px;position: absolute;left: 0;bottom: 0px;z-index: 1;}
.slide-txt .txt_bg {width: 610px;height: 50px;background:#000;opacity: 0.7;filter: alpha(opacity=70);}
.slide-txt a {display: inline-block;width:100%;height: 50px;line-height: 50px;font-size:16px;text-indent:1em;overflow: hidden;color:#ffe825;position: absolute;left: 0;top: 0;text-overflow: ellipsis;white-space: nowrap}
.slide-nav {width: auto;height: 11px;display: inline-block;overflow: hidden;position: absolute;z-index: 100;bottom: 31px;right: 20px;overflow: hidden;}
.slide-nav a {display: block;width: 12px;height: 12px;background:#d4d4d4;cursor: pointer; margin-left: 5px;float: left;text-indent: -99em;overflow: hidden;}
.slide-nav .nownav {background:#ffe825;}
#prev2, #next2 {display: block;width: 57px;height: 72px;position: absolute;top: 129px;display: none;}
#next,#prev{cursor:pointer;}
#next {padding: 5px 0;right:0px;position: absolute;bottom: 160px;background: grey;filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
#prev {padding: 5px 0;left: 0px;position: absolute;bottom: 160px;background: grey;filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
#next img,#prev img{display: block;width:30px;}



/* banner 头条 */
.News_box{width:550px;float:left;padding-left:20px;height: 320px;margin-left:20px;overflow:hidden;background:#fff;}
.News_box .hd{border-bottom:1px dashed #e0e0e0;height:120px}
.News_box .hd_tit{height:60px;text-align:center;line-height:60px;font-size:28px;overflow:hidden;margin-left:-20px;}
.News_box .hd_tit a{color:#fe1e00}
.News_box .hd_art{height:48px;line-height:24px;padding:6px 0;color:#666; font-size:14px;overflow:hidden}
.News_box .hd_art a{color:#2175ff}
.News_box .hd_art a:hover{text-decoration:underline}
.News_box .bd{padding-top:12px;overflow:hidden;line-height:34px;font-size:16px}
.News_box .bd li{height: 34px;float:left;background:url(../images/icon.png) no-repeat -545px -97px;width:530px;padding-left:20px;overflow:hidden;}
.News_box .bd li a{height:34px; color:#333;}
.News_box .bd li a:hover{ color:#3385ff;}
.News_box .bd li span{display:block;width:55px;height:34px;float:right; margin-right:30px;font-size:14px;color:#a6a6a6;text-align:right; +background:none; +padding:0px; +border-bottom:none;}




/* 热门游戏 */
.box1 {height: 275px;padding: 10px;background-color: #FFF;}
.b-con-title{ height:48px; border-bottom:2px solid #e4e4e4;}
.b-con-title span{ display:block; height:48px; line-height:48px; border-bottom:2px solid #ff6100; color:#ff6100; font-size:24px;}
.b-con-title i.b-con-hot{ display:block; width:21px; height:12px; background-position:0 -188px; left:100px; top:10px;}
.b-con-title i.b-con-gl{ display:block; width:43px; height:12px; background-position:0 -288px; left:100px; top:10px;}
.b-con-title i.b-con-hd{display:block; width:33px; height:12px; background-position:0 -315px; left:100px; top:10px;}
.b-con-title i.b-con-kflb{display:block; width:21px; height:12px; background-position:0 -342px; left:100px; top:10px;}
.b-con-title i.b-con-xyph{display:block; width:28px; height:12px; background-position:0 -367px; left:100px; top:10px;}
.b-con-title i.b-con-yxlb{display:block; width:22px; height:12px; background-position:0 -391px; left:100px; top:10px;}
.b-con-title i.b-con-yxsp{display:block; width:34px; height:12px; background-position:0 -413px; left:100px; top:10px;}
.b-con-title i.b-con-yqlj{display:block; width:24px; height:12px; background-position:0 -438px; left:100px; top:10px;}
.b-con-title a.on i.b-con-yqlj{background-position:0 -461px;}
.b-con-title i.b-con-hzhb{display:block; width:57px; height:12px; background-position:0 -484px; left:280px; top:10px;}
.b-con-title a.on i.b-con-hzhb{ background-position:0 -506px;}
.b-con-title i.b-con-xgxw{display:block; width:30px; height:12px; background-position:0 -573px; left:100px; top:10px;}
.b-con-title a.on i.b-con-xgxw{background-position:0 -740px;}
.b-con-title i.b-con-zxwz{display:block; width:34px; height:12px; background-position:0 -766px; left:280px; top:10px;}
.b-con-title a.on i.b-con-zxwz{background-position:0 -779px;}
.b-con-title a{ display:block; width:35px; height:20px; line-height:20px; padding-right:15px; background-position:30px -687px; right:0; top:20px; color:#8b8b8b; font-size:14px;}
.b-con-title a:hover{ color:#ff9758;background-position:30px -708px; }
.b2-hotgame-box{height: 217px;margin-top: 18px;}
.b2-hotgame-box i{padding-right: 4px;font-size: 12px;}
.b2-hotgame-box2{ height:106px; background:#fafafa; border:1px solid #f0f0f0;}
.b2-hotgame-box ul{ width:1200px;}
.b2-hotgame-box li{ float:left; display:inline; width:378px; margin-right:20px;}
.b2-hgimg-box{height: 141px;overflow:hidden;}
.b2-hgimg-box img{width:378px;height: 141px;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-ms-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out;}
.b2-hgimg-box a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.b2-hg-con{ height:65px; background:#fafafa; border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;}
.b2-hg-title{ height:57px; line-height:75px; font-size:16px; font-weight:bold; text-indent:10px; color:#666666;}
.b2-hg-title span{display:inline-block;max-width:138px;height:57px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.b2-hg-stars{ display:inline-block; width:70px; height:14px; background:url(/images/ico-stars.png) no-repeat; margin-left:10px;}
.stars-5{ background-position:0 0;}
.stars-4{ background-position:-15px 0;}
.stars-3{ background-position:-30px 0;}
.stars-2{ background-position:-45px 0;}
.stars-1{ background-position:-60px 0;}
.stars-0{ background-position:-75px 0;}
.azi{width: 28px;height: 15px;line-height: 15px;vertical-align:15px;text-align: center;color: #fff;display: inline-block;background: #52BE7F;margin-left: 10px;text-indent: 4px;font-weight: normal;}
.pgi{background: #58A2ED;}
.aze{width: 0;height: 0;overflow: hidden;position: absolute;right: -12px;top: 6px;border: 6px solid #999;border-color: transparent transparent transparent #999;_border-color: tomato tomato tomato #999;_filter: chroma(color=tomato);border-left-color: #52BE7F;}
.pge{border-left-color: #58A2ED;}
.b2-hg-gw{ width:90px; height:22px; background-position:0 -22px; text-align:center; line-height:22px; color:#ff5353; left:262px; top:25px; font-size:14px;}
.b2-hg-gw:hover{ color:#fff; background-position:0 0;}
.ico-btn-ani:hover{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;-webkit-animation:ani-gw-link .3s linear .2s 1 normal 300ms 0 ease;-moz-animation:ani-gw-link .3s linear .2s 1 normal 300ms 0 ease;-ms-animation:ani-gw-link .3s linear .2s 1 normal 300ms 0 ease;-o-animation:ani-gw-link .3s linear .2s 1 normal 300ms 0 ease;animation:ani-gw-link .3s linear .2s 1 normal 300ms 0 ease;-moz-animation:ani-gw-link .3s linear .2s 1 normal;-webkit-animation:ani-gw-link .3s linear .2s 1 normal;-o-animation:ani-gw-link .3s linear .2s 1 normal;-ms-animation:ani-gw-link .3s linear .2s 1 normal;animation:ani-gw-link .3s linear .2s 1 normal}
@-webkit-keyframes ani-gw-link{0%{-webkit-transform:translate(0,0)}50%{-webkit-transform:translate(0,3px)}100%{-webkit-transform:translate(0,0)}}
@-moz-keyframes ani-gw-link{0%{-moz-transform:translate(0,0)}50%{-moz-transform:translate(0,3px)}100%{-moz-transform:translate(0,0)}}
@-o-keyframes ani-gw-link{0%{-o-transform:translate(0,0)}50%{-o-transform:translate(0,3px)}100%{-o-transform:translate(0,0)}}
@-ms-keyframes ani-gw-link{0%{-ms-transform:translate(0,0)}50%{-ms-transform:translate(0,3px)}100%{-ms-transform:translate(0,0)}}
@keyframes ani-gw-link{0%{transform:translate(0,0)}50%{transform:translate(0,3px)}100%{transform:translate(0,0)}}



/* 精品推荐 */
.box2 {height: 330px;padding: 10px;background-color: #FFF;}
.b3-l-box{ width:100%; height:330px; }
.b3-l-nav{ height:52px; padding-top:20px;}
.b3-l-nav a{ display:block; float:left; height:32px; line-height:32px; margin-left:18px; border-radius:2px; padding:0 10px; text-align:center; color:#333; font-size:16px;}
.b3-l-nav a.on{background:#ff6100; color:#fff;  }
.b3-l-nav a:first-child{ margin:0;}
.b3-l-slidebox{ width:100%; height:293px;  overflow:hidden; }
.b3-silde{ overflow:hidden;}
.b3-silde-l{ width:325px;}
.aani{ display:block; width:325px; height:136px; overflow:hidden; margin-bottom:8px;}
.b3-s-img{width:325px; height:136px;}
.b3-sildel-name{ font-size:16px; color:#333333;}
.b3-sildel-des{ height:30px; line-height:15px; color:#666666; overflow:hidden; margin-top:8px;}
.b3-silde-r{ width:345px;}
.b3-silde-r ul{ margin-top:-10px;}
.b3-silde-r li{ height:32px; line-height:32px; overflow:hidden; padding-left:20px; background-position:-57px -585px;}
.b3-silde-r li a{ font-size:14px; color:#666; display:block; width:265px; height:32px; line-height:32px; float:left;}
.b3-silde-r li a:hover{ color:#ff3300;}
.b3-silde-r li i{ float:right; color:#aaaaaa; font-size:14px;}
.b3-r-box{ width:430px; height:330px; }
.b3-hdpic{ width:430px; overflow:hidden;}
.b3-hdpic ul{ width:450px; margin-top:20px;}
.b3-hdpic li{ width:208px; height:122px; overflow:hidden; float:left; display:inline; margin:0 14px 14px 0; position:relative;}
.b3-hdpic li img{width:208px; height:122px;}
.b3-hdpic li p{ display:block; width:208px; height:48px; background:url(hd-bg.png) no-repeat; position:absolute; left:0; top:65px;}
.b3-hdpic li strong{ color:#ffc62e; font-size:18px; position:absolute; left:10px; top:66px;}
.b3-hdpic li span{color:#ffc62e; font-size:12px; position:absolute; left:10px; top:90px;}
.itab {width: 66px;border-right: 1px solid #fff;position: relative;top: 3px;color: #666;font-size: 13px;float: left;border-left: 1px solid #ebf3fb;display: inline-block;padding: 0 17px;text-align: center;margin-top:24px;font-size:16px;background:#f4f4f4;color:#333;}
.itab:nth-child(1){margin-left:150px;}
.itab.hover {cursor:pointer;border-top: 4px solid #f4f4f4;border-left: 1px solid #f4f4f4;border-right: 1px solid #f4f4f4;position: relative;top: 0px;line-height: 20px;background: #fff;left: -1px;padding: 0 16px 0 18px;color: #1f376d;z-index: 2;color:#ff6100;}
.tuijian {height: 276px;}
.tuijian li{float: left;width: 295px;height: 93px;position: relative;}
.b2-hg-ico {width: 72px;height: 72px;left: 19px;top: 19px;}
.b2-hg-name {width:170px;height:22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;left: 105px;top: 16px;font-size: 16px;}
.b2-hg-type {left: 105px;top: 42px;color: #999999;width: 150px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.b2-hg-down{ width:70px; height:20px; background-position:0 -113px; left:120px; top:70px; color:#4badff; line-height:20px; text-align:center;}
.b2-hg-down:hover{ background-position:0 -93px; color:#fff;}



/* 新游视频 */
.box3 {height: 380px;padding: 10px;background-color: #FFF;}
.game_video{width: 100%;height: 300px;margin: 14px 0;}
.video_a{width:520px;height:300px;position:relative; float:left; margin-right:8px;overflow:hidden}
.video_a img{width:520px;height:300px;display:block}
.video_a .icon{display:none;width:56px;height:56px; background:url(../images/icon.png) no-repeat -89px -291px;position:absolute;left:50%;top:98px;margin-left:-37px;z-index:10;}
.video_a .bg{height:42px;width:560px;background:#000;opacity:0.8;filter:alpha(opacity=80);position:absolute;left:0;bottom:0}
.video_a .tit{padding:0 10px;height:42px;font-size:16px;line-height:42px;position:absolute;left:0;bottom:0; width:493px;}
.video_a .bnt{display:block; width:32px; height:32px; position:absolute; right:13px; bottom:5px; background:url(../images/icon.png) no-repeat -506px -69px; overflow:hidden;}
.video_a a{color:#fff}
.video_a:hover .bg{height:300px}
.video_a:hover .icon{display:block;}
.video_a:hover .tit{height:80px;line-height:40px;padding:0 50px;margin-bottom:50px;overflow:hidden;font-size:24px;font-weight:bold;text-align:center; width:auto;}
.video_a:hover .bnt{display:none;}
.video_list{height:300px;width:650px;overflow:hidden;position:relative}
.video_b{width:315px; height:145px;float:left; margin-left:10px; margin-bottom:10px;position:relative;overflow:hidden;zoom:1}
.video_b img{width:315px;height:145px;display:block}
.video_b .sml{width:315px;height:36px;position:absolute;left:0;bottom:0}
.video_b .sml a{display:block;padding:0 44px 0 8px;height:36px;width: 263px;line-height:36px;color:#fff;position:absolute;left:0;bottom:0;z-index:10}
.video_b .sml b{display:block;width:26px;height:26px;position:absolute;right:10px;bottom:5px;z-index:10;background:url(../images/icon.png) no-repeat -504px -37px;}
.video_b .sml .bg{display:block;width: 315px;height:36px;background:#000;opacity:0.7;filter:alpha(opacity=70)}
.video_b .big{width:300px;height:145px;position:absolute;left:0;bottom:0;display:none}
.video_b .big .bg{display:block;width:315px;height:145px;background:#000;opacity:0.8;filter:alpha(opacity=80)}
.video_b .big b{display:block;width:40px;height:40px; background:url(../images/icon.png) no-repeat -152px -299px;position:absolute;left:50%;top:30px;margin-left:-28px;z-index:10;}
.video_b .big p{position:absolute;left:0;bottom:0;padding:0 14px;margin-bottom:12px; width:274px;height:48px;line-height:24px;text-align:center;color:#fff;font-size:16px;font-weight:bold;z-index:10;overflow:hidden}
.video_b:hover .sml{display:none}
.video_b:hover .big{display:block}
.video_a .b_line{background:#FFDC38;height:5px}
.video_b .b_line{background:#FFDC38;height:3px}



/* 开服列表+新游排行+热门礼包 */
.box4 {height: 535px;}
.b4-slist-box{ width:370px; margin-right:15px; padding:10px; background-color:#FFF;}
.b4-xgame-box{width:330px;  margin-right:15px; padding:10px; background-color:#FFF;}
.b4-ggame-box{width:410px; padding:10px; background-color:#FFF;}
.b4-kf-title{ width:370px; height:53px; line-height:53px; background:#ededed; color:#333333; font-size:18px; margin-top:18px;position: relative;}
.b4-kf-title span{ width:119px; text-align:center; display:inline-block;}
.b4-kf-line1{ width:0; height:30px; overflow:hidden; border-left:1px solid #cccccc; left:123px; top:11px;}
.b4-kf-line2{ width:0; height:30px; overflow:hidden; border-left:1px solid #cccccc; left:247px; top:11px;}
.b4-kf-list{ height:405px; width:354px; padding:4px 7px 2px 7px; border:1px solid #f0f0f0; border-top:0; overflow:hidden;}
.b4-kf-list li{ border-bottom:1px solid #f0f0f0; height:50px; line-height:50px; font-size:14px;}
.b4-kf-list li span,.b4-kf-list li a{ display:inline-block; width:115px; height:50px; text-align:center; color:#666666;overflow:hidden;}
.b4-kf-list li a:hover{ color:#ff3300;}
.b4-xglist-box{ height:464px; border:1px solid #f0f0f0; margin-top:18px;overflow:hidden;}
.b4-xf-list{ padding:4px 7px 2px 7px; }
.b4-xf-list li{ overflow:hidden; border-bottom:1px solid #f0f0f0; position:relative;}
.b4-xfl1{ height:51px; *height:48px; overflow:hidden;}
.b4-xfl2{ height:96px; *height:94px; overflow:hidden;}
.b4-rank-name{ display:block; float:left; height:50px; line-height:50px; color:#666666; font-size:14px;width: 189px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.b4-rank-down{  width:70px; height:20px; background-position:0 -113px;color:#4badff; line-height:20px; text-align:center;left:225px; top:16px; }
.b4-rank-down:hover{ background-position:0 -93px; color:#fff;}
.rank{ display:block; float:left; width:43px; height:50px; background:url(../images/rank.png) no-repeat;}
.b4-rank-1{ background-position:10px 0;}
.b4-rank-2{ background-position:10px -51px;}
.b4-rank-3{ background-position:10px -104px;}
.b4-rank-4{ background-position:10px -155px;}
.b4-rank-5{ background-position:10px -205px;}
.b4-rank-6{ background-position:10px -256px;}
.b4-rank-7{ background-position:10px -308px;}
.b4-rank-8{ background-position:10px -360px;}
.b4-rank-9{ background-position:10px -412px;}
.b4-rank-10{ background-position:10px -468px;}
.b4-rank-ico{ left:40px; top:11px; width:70px; height:70px;}
.b4-rank-name2{ width: 115px; left:120px; top:14px; font-size:16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.b4-rank-name2:hover{color:#ff6000}
.b4-rank-des{ left:120px; top:45px; color:#999999; width:175px; height:32px; line-height:16px; overflow:hidden;}
.b4-tg-box{ height:138px; border:1px solid #f0f0f0; margin-top:18px; _overflow:hidden;*overflow:hidden;}
.b4-tg-box img{ left:0; top:-15px; width:400px; height:138px;}
.b4-tg-name{ right:40px; top:20px; color:#333333; font-size:16px; text-align:right;}
.b4-tj-des{ right:40px; top:46px; color:#999999; width:150px; height:36px; line-height:18px; overflow:hidden; text-align:right;}
.b4-tg-getgift{ width:105px; height:28px; color:#53c244; text-align:center; line-height:28px; font-size:16px; right:36px; top:93px; background-position:0 -216px;}
.b4-tg-getgift:hover{ color:#fff;background-position:0 -188px;}
.b4-tg-box2{}
.b4-tg-box2 li{ float:left; display:inline; width:199px; height:95px; padding-top:10px; border:1px solid #f0f0f0; margin:2px 0 0 -1px; position:relative;}
.b4-tj-ico{left:6px;top:15px;width: 70px;height: 70px;}
.b4-tj-name{right: 30px;top:13px;font-size:14px;text-align:right;margin-right:-27px;width: 8em;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.b4-tj-name:hover{color:#ff6000;}
.b4-tj-sdes{color:#999;right: 42px;top:32px;text-align:right;}
.b4-tj-sgg{ width:70px; height:20px; background-position:0 -164px; right:30px; top:55px; color:#53c244; text-align:center; line-height:20px;}
.b4-tj-sgg:hover{ background-position:0 -144px; color:#fff;}



/* leftnva */
.leftnav{ position:absolute; width:35px; height:365px; right:0; top:400px; z-index:99; }
.leftnav li{ width:35px; height:35px; margin-top:5px; position:relative;}
.leftnav li p{ position:absolute; width:90px; padding-right:7px; height:35px; background:url(../images/left-nav-bg.png) no-repeat; text-align:center; color:#e45601; font-size:14px; line-height:35px; left:-120px; top:0; filter:alpha(opacity:0); opacity:0;transition:all 0.3s ease-out 0.2s;}
.leftnav li a{ display:block; width:35px; height:35px; border-radius:2px;background-color:#a2a5b2; background-image:url(../images/left-nav-ico.png); transition:all 0.3s ease-out 0.2s;}
.leftnav li a.nav-1{ background-position:0 0;}
.leftnav li a.nav-2{ background-position:0 -40px;}
.leftnav li a.nav-3{ background-position:0 -80px;}
.leftnav li a.nav-4{ background-position:0 -120px;}
.leftnav li a.nav-5{ background-position:0 -160px;}
.leftnav li a.nav-6{ background-position:0 -200px;}
.leftnav li a.nav-7{ background-position:0 -240px;}
.leftnav li a.nav-8{ background-position:0 -280px;}
.leftnav li a.nav-9{ background-position:0 -320px;}
.leftnav li a:hover{ background-color:#ff6000;}
.leftnav li.current a{background-color:#ff6000;}
.leftnav li.current p{ left:-90px; filter:alpha(opacity:100); opacity:1;}
.nav-8-box div{ width:200px; height:200px; background:url(../images/2dcode.gif) no-repeat; left:-200px; top:0; display:none;}
.leftnav li:hover a{background-color:#ff6000;}
.leftnav li:hover p{left:-90px; filter:alpha(opacity:100); opacity:1;}