body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, form, input, button, textarea, p, th, td { margin: 0; padding: 0;}
fieldset, img, input, button { border: 0; }
input, button { font-family: "Microsoft Yahei"; background: #fff; outline: none; }
:link, :visited { text-decoration: none; }
ul ,li{ list-style-type: none; margin:0;padding:0;}
a { outline: none; }
a:hover { text-decoration: none; }
body { font-family: "Microsoft Yahei"; font-size: 14px; background: url("../images/qi/qi/bg0.jpg") #fff center 0 no-repeat;  overflow-x: hidden;}
em, i, s { font-weight: normal; font-style: normal; }
.clearfix:after { clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden; }
.clearfix:after { _zoom:1; }
.area {width: 1200px;margin: 0 auto 0px;}
.area:after { content: "."; height: 0; display: block; clear: both; visibility: hidden; }
.col-240 { float: right; width: 240px; overflow: hidden; display: none;}
.col-340 { float: right; width: 340px; }
.col-420, .col-450, .col-480, .col-400, .col-930 { float: left;}
.col-300 { width: 300px; }
.col-420 {width: 700px;margin-right: 20px;}
.col-400 { width: 590px; }
.col-450 { width: 450px; }
.col-480 {  background-color: white;width:440px;}
.col-930 { width: 890px; background-color: white;    padding-bottom: 10px;}

.col-480 ul{padding:0px 10px 10px 10px;}
.col-240s {float: right;width: 240px;*width:290px;}
span.name{display:inline-block;height:16px;width:16px;background:url("../images/hj/zt-ico.gif") no-repeat -38px -3px;margin:-3px 3px -4px 15px;}
span.date{display:inline-block;height:16px;width:16px;background:url("../images/hj/zt-ico.gif") no-repeat -8px -3px;margin:-3px 3px -3px 15px;}
span.hits{display:inline-block;height:16px;width:17px;background:url("../images/hj/zt-ico.gif") no-repeat -64px -3px;margin:-3px 3px -2px 15px;}
div#comment {background: #fff;padding: 10px;}

.hide { display: none; }
.text-hide { text-indent: -999px; overflow: hidden; }
/*sprite*/
.join-qq, .corner, .concern-list a i, .search, .r-links a, .f-links span, .hot-rank li i { background: url("../images/sprites.gif") no-repeat; }
/*header*/
/*top*/

.ewm_zt {display:none;border: 1px solid #999;width: 130px;height: 150px;position: absolute;top:10px;right: -130px;text-align: center;background:#fff;color:#333;}
.ewm_zt img {width: 120px;height: 120px;margin-top:7px;}
.h_top {width: 1200px; margin: 0 auto;}
.navbox {color: #555;height: 35px;line-height: 35px;margin: 0 auto;text-align: right;width: 100%;top: 0px;left: 0;border: 1px solid;float: left;background-color: white;}
.navbox img { float: left; margin: 8px 8px 0 30px;}
.navbox span{line-height: 35px; padding-right:10px;}
.navbox a{ color:#555; text-decoration:none;}
.navbox a:hover{ color:#f65;}

.col-240.mt30 {margin-bottom: 15px;width:290px;}
.header {position: relative;width:100%;margin:0 auto;height:308px; padding: 0}
.top {}
.topfix {position: fixed;top:0px; z-index: 99999;margin-top: 0;left: 50%;margin-left: -600px;}
.top .area { background-color: rgba(0,0,0,0.6);height:60px; margin-top:0;}
.navigation { height: 60px; float: left; }
.navigation ul { float: left; overflow: hidden; }
.navigation li { float: left; }
.navigation li a { width: 120px; height: 100%; display: block; line-height: 60px; font-size: 18px; text-align: center; color: #fff; transition: all 0.2s ease;}
.navigation li.hover, .navigation li:hover {color: #f02f2f}
.navigation li.hover a, .navigation li:hover a {color: #f02f2f }
.navigation li a.cur { color: #fff; background-color: #f02f2f;}

.hot-concern { height: 30px; padding: 15px; overflow: hidden; float: right;}
.hot-concern .s-title { float: left; width:70px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #fff; position: relative; }
.s-title span.corner { width: 8px; height: 8px; display: block; overflow: hidden; background-position: right 0; position: absolute; top: 0; left: 0; display: none; }
.hot-concern .concern-list { float: left; height: 21px; padding: 3px 0; overflow: hidden; margin-left: 10px; }
.hot-concern .concern-list a { float: left; line-height: 24px; padding: 0 5px;  overflow: hidden; color: #fff; transition: color 0.3s ease; }
.hot-concern .concern-list a:hover { text-decoration: underline; }
.hot-concern .concern-list a i { width: 21px; height: 9px; display: inline-block; vertical-align: text-top; margin-left: 4px; overflow: hidden; }
.hot-concern .concern-list a i.new { background-position: -140px -9px; }
.hot-concern .concern-list a i.hot { background-position: -140px 0; }
.hot-concern .search { float: right; }
.search { width:1200px; margin: 0 auto; text-align: right; height:30px; padding-top: 10px; background: url(../images/searchbg.png) right top no-repeat;}
.search input {  width:260px; height:30px; line-height:30px; padding: 0 10px; background:#fff;color: #444; opacity: 0.9; border-radius:15px 0 0 15px }
.search button { float: right; width:35px; height:30px; display: block; cursor: pointer; background: none; margin-right: 10px; background: url(../images/searchbg.png) right bottom no-repeat;opacity: 0.9;border-radius: 0 15px 15px 0 }

.hot-hero { height: 50px; padding: 10px; background: #239963; overflow: hidden; }
.hot-hero .s-title { float: left; width: 32px; height: 32px; padding: 9px; font-size: 16px; line-height: 16px; color: #ba782d; background: #ffe347; position: relative; }
.hero-list { float: left; height: 50px; overflow: hidden; }
.hero-list li { float: left; margin-left: 15px; display: inline; }
.hero-list li a { width: 48px; height: 48px; display: block; border: 1px solid #c4dcff; }
.hero-list li a:hover { border: 1px solid #f60; box-shadow: 0 0 5px #239963; }
.hero-list li a img { width: 48px; height: 48px; }
.hot-hero .info-list { float: left; width: 510px; height: 50px; padding-left: 18px; border-left: 1px solid #b65854; border-right: 1px solid #b65854; margin-left: 20px; }
.hot-hero .info-list dl { height: 25px; line-height: 25px; overflow: hidden; }
.hot-hero .info-list dt { float: left; color: #ffe347; }
.hot-hero .info-list dd { float: left; }
.hot-hero .info-list dd a { color: #fde3de; padding: 0 10px; border-right: 1px solid #b65854; }
.hot-hero .info-list dd a:hover { text-decoration: underline; }
.hot-hero .info-list dd:last-child a { border-right: none; }
.hot-hero .r-search { float: right; margin: 10px 0; }
.hot-hero .r-search p a { font-size: 12px; line-height: 20px; color: #ddebff; margin-right: 7px; }
.hot-hero .r-search p a:hover { text-decoration: underline; }
/*banner*/
.banner { height: 330px; position: relative; overflow: hidden; }
.banner ul { height: 330px; overflow: hidden; position: absolute; }
.banner ul li { float: left; }
.banner ul li, .main .area .banner ul li img { width: 420px; height: 330px; }
.banner i { width: 38px; height: 50px; display: block; background: url("../images/qi/banner_btn.png") no-repeat; position: absolute; top: 50%; margin-top: -25px; cursor: pointer; z-index: 10; }
.banner i.prev { left: 0; background-position: 0 0; }
.banner i.next { right: 0; background-position: -38px 0; }
.banner .mask { width: 100%; height: 70px; background: rgba(27,27,27,0.7); position: absolute; left: 0; bottom: 0; z-index: 2; }
.banner .mask h4 { height: 44px; line-height: 28px; text-align: center; font-size: 28px; color: #cfa972; }
.banner .mask .handle { height: 12px; text-align: center; }
.banner .mask .handle span { width: 12px; height: 12px; background: #e8f1ff; line-height: 50px; display: inline-block; border-radius: 6px; margin: 0 2px; overflow: hidden; cursor: pointer; transition: all 0.3s ease; }
.banner .mask .handle span.active { width: 24px; background: #3883f3; border-radius: 6px; }
.eye { position: relative; width: 420px; height: 340px; overflow: hidden; }
a.eye_img_lbtn, a.eye_img_rbtn { width: 38px; height: 50px; background: url("../images/qi/banner_btn.png") no-repeat; position: absolute; z-index: 2; top: 100px; }
a.eye_img_lbtn { left: 0; background-position: left top; }
a.eye_img_rbtn { right: 0; _right: -1px; background-position: right top; }
a.eye_img_lbtn:hover { background-position: left bottom; }
a.eye_img_rbtn:hover { background-position: right bottom; }
.eye_img { position: absolute; top: 0; height: 340px; z-index: 1; width: 420px; }
.eye_img li { float: left; width: 420px; }
.eye_tit { width: 420px; height: 44px; background: url("../images/qi/mask.png") repeat; position: absolute; left: 0; bottom: 0; z-index: 2; overflow: hidden; }
.eye_tit a { width: 100%; height: 44px; overflow: hidden; font-size: 20px; font-weight: bold; line-height: 44px; display: block; color: #fff; text-align: center; }
.eye_pag { height: 10px; text-align: center; }
.eye_pag li { width: 12px; height: 12px; display: inline-block; border-radius: 6px; background: #e8f1ff; overflow: hidden; cursor: pointer; margin: 0 3px; transition: all 0.3s ease; }
.eye_pag li.current { width: 24px; background: #3883f3; }
/*top-news*/
.top-news h4 { height: 59px; line-height: 59px; border-top: 4px solid #239963; background: #fff3f0; text-align: center; overflow: hidden;}
.top-news h4 a { color: #239963; font-size: 20px; transition: all 0.3s ease; }
.top-news h4 a:hover { color: #f60; }
.top-news li { height: 20px; line-height: 20px; overflow: hidden; vertical-align: middle; margin-top: 13px; }
.top-news li a { float: left; width: 330px; white-space: nowrap; overflow: hidden; font-size: 16px; color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.top-news li span.kind { float: left; width: 60px; height: 20px; display: block; text-align: center; font-size: 12px; color: #fff; margin-right: 10px; }
.top-news li span.kind.gl { background: #4286ec; }
.top-news li span.kind.jt { background: #7abb15; }
.top-news li span.kind.sp { background: #ac54d5; }

.top-news li i { float: right; color: #999; }
.top-news li a:hover { color: #f60; }
/*r-links*/
.r-links a { width: 160px; height: 50px; display: block; padding: 0 30px 0 50px; margin-bottom: 15px; text-align: center; line-height: 50px; font-size: 18px; color: #fff; position: relative; transition: all 0.3s ease; }
.r-links a:hover { opacity: 0.8;border-radius: 5px;}
.r-links a.android { background-position: 0 -85px;border-radius: 5px;}
.r-links a.nodown3{background:url(https://img3.hackhome.com/image/nodown3.gif) 0 -85px;border-radius:5px;color:#ccc;}

.r-links a.iphone { background-position: 0 -135px;border-radius: 5px;}
.r-links a.nodown4{background:url(https://img3.hackhome.com/image/nodown3.gif) 0 -135px;border-radius:5px;color:#ccc;}

.r-links a.gift { background-position: 0 -185px;border-radius: 5px;}
.r-links a.home { background-position: 0 -235px;border-radius: 5px;}
.r-links a.ad { width: 240px; height: 90px; padding: 0; background: none; margin-bottom: 0; }
.code-pop { width: 100px; padding: 20px; background: #fff; border: 3px solid #ddd; }
.code-pop img { width: 100px; height: 100px; display: block; }
.code-pop p { color: #333; line-height: 14px; text-align: center; margin-top: 10px; }
.code-pop span { width: 6px; height: 11px; display: block; background: url("../images/qi/pop_arrow.gif") no-repeat; position: absolute; top: 20px; right: -9px; }
/*title*/
.title { height: 42px; line-height: 42px; background: url("../images/title.gif") no-repeat; padding-right: 10px; overflow: hidden;border-radius: 5px 5px 0px 0px; clear:both;}
.title dt, .title dd { float: left; height: 42px; }
.title dt { width: 110px; font-size: 20px; font-weight: bold; color: #fff; text-align: center; margin-right: 70px; }
.title dd { width: 95px; font-size: 16px; color: #239963; margin-right: 10px; text-align: center; cursor: pointer; }
.title dd.hover { background: #239963; color: #fff; }
.title a { float: right; font-size: 16px; font-weight: normal; color: #239963; transition: all 0.3s ease; }
.title a:hover { color: #f60; }

/*hot-recommend1*/
.hot-recommend1 {}
.hot-recommend1 ul{padding:5px;line-height:22px;}
.hot-recommend1 li { margin-top: 12px; vertical-align: middle; }
.hot-recommend1 li a { width: 240px; height: 98px; display: block; }
.hot-recommend1 li a img { width: 240px; height: 98px; }
/*game-data2*/
.game-data2 ul { margin-left: -15px; zoom: 1; overflow: hidden; }
.game-data2 li { float: left; margin-left: 15px; margin-top: 15px; display: inline; }
.game-data2 li a { width: 170px; height: 20px; display: block; background: #f6f6f6; border: 1px solid #ddd; padding: 10px 15px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666; transition: all 0.3s ease; }
.game-data2 li a:hover { background: #239963; border: 1px solid #239963; color: #fff; }
/*game-video2*/
.game-video2 ul { margin-left: -15px; zoom: 1; overflow: hidden; }
.game-video2 li { float: left; margin-left: 15px; margin-top: 15px; display: inline; }
.game-video2 li a { width: 150px; height: 127px; display: block; background: #f0f0f0; position: relative; transition: all 0.3s ease; }
.game-video2 li a img { width: 150px; height: 98px; display: block; }
.game-video2 li a p { width: 142px; padding: 0 4px; height: 29px; line-height: 29px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666; cursor: pointer; }
.game-video2 li a i { width: 150px; height: 98px; background: url("../images/qi/video_mask.png") center center no-repeat; position: absolute; top: 0; left: 0; cursor: pointer; }
.game-video2 li a:hover { background: #239963; }
.game-video2 li a:hover img { width: 146px; height: 96px; padding: 2px 2px 0; }
.game-video2 li a:hover p { color: #fff; }
.game-video2 li a:hover i { background: url("../images/qi/video_mask_hover.png") center center no-repeat; }
/*hot-recommend2*/
.hot-recommend2 li { margin-top: 15px; vertical-align: middle; _margin-bottom: -5px; }
.hot-recommend2 li a { width: 240px; height: 80px; display: block; }
.hot-recommend2 li a img { width: 240px; height: 80px; }
/*mjxy*/
.maps { position: relative; }
.maps .map { width: 1200px; overflow-x: auto; overflow-y: hidden; }
.map .factory { width: 1616px; height: 480px; background: url("../images/qi/map_factory.jpg") no-repeat; position: relative; }
.map a { width: 60px; height: 60px; display: block; line-height: 60px; text-align: center; position: absolute; }
.map a em { font-size: 30px; font-weight: bold; color: #c3b26d; text-shadow: 0 1px 1px #8a7833; }
.factory a .radish { width: 62px; height: 86px; display: none; background: url("../images/qi/factory_radish.png") no-repeat; position: absolute; bottom: 5px; left: -1px; }
.factory a:hover .radish { display: block; }
.market a .radish { width: 66px; height: 87px; display: none; background: url("../images/qi/market_radish.png") no-repeat; position: absolute; bottom: 5px; left: -3px; }
.market a:hover .radish { display: block; }
.factory .f1 { top: 165px; left: 66px; }
.factory .f2 { top: 255px; left: 66px; }
.factory .f3 { top: 255px; left: 155px; }
.factory .f4 { top: 255px; left: 247px; }
.factory .f5 { top: 165px; left: 247px; }
.factory .f6 { top: 73px; left: 247px; }
.factory .f7 { top: 77px; left: 337px; }
.factory .f8 { top: 77px; left: 429px; }
.factory .f9 { top: 165px; left: 429px; }
.factory .f10 { top: 255px; left: 429px; }
.factory .f11 { top: 255px; left: 517px; }
.factory .f12 { top: 255px; left: 609px; }
.factory .f13 { top: 157px; left: 609px; }
.factory .f14 { top: 165px; left: 698px; }
.factory .f15 { top: 165px; left: 790px; }
.factory .f16 { top: 165px; left: 879px; }
.factory .f17 { top: 255px; left: 879px; }
.factory .f18 { top: 345px; left: 879px; }
.factory .f19 { top: 345px; left: 968px; }
.factory .f20 { top: 347px; left: 1058px; }
.market .m1 { top: 76px; left: 70px; }
.market .m2 { top: 166px; left: 70px; }
.market .m3 { top: 171px; left: 160px; }
.market .m4 { top: 166px; left: 251px; }
.market .m5 { top: 258px; left: 251px; }
.market .m6 { top: 346px; left: 251px; }
.market .m7 { top: 344px; left: 340px; }
.market .m8 { top: 346px; left: 430px; }
.market .m9 { top: 256px; left: 430px; }
.market .m10 { top: 256px; left: 520px; }
.market .m11 { top: 166px; left: 520px; }
.market .m12 { top: 76px; left: 520px; }
.market .m13 { top: 79px; left: 611px; }
.market .m14 { top: 76px; left: 700px; }
.market .m15 { top: 166px; left: 700px; }
.market .m16 { top: 166px; left: 791px; }
.market .m17 { top: 258px; left: 791px; }
.market .m18 { top: 348px; left: 791px; }
.market .m19 { top: 348px; left: 881px; }
.market .m20 { top: 346px; left: 972px; }
.market .m21 { top: 255px; left: 972px; }
.market .m22 { top: 255px; left: 1063px; }
.market .m23 { top: 166px; left: 1063px; }
.market .m24 { top: 172px; left: 1151px; }
.market .m25 { top: 166px; left: 1240px; }
.market .m26 { top: 166px; left: 1331px; }
.market .m27 { top: 76px; left: 1331px; }
.market .m28 { top: 76px; left: 1423px; }
.market .m29 { top: 76px; left: 1511px; }
.market .m30 { top: 166px; left: 1511px; }
.market .m31 { top: 258px; left: 1511px; }
.market .m32 { top: 258px; right: 593px; }
.market .m33 { top: 258px; right: 504px; }
.market .m34 { top: 348px; right: 504px; }
.market .m35 { top: 348px; right: 414px; }
.factory .altogether { width: 170px; height: 180px; position: absolute; top: 114px; right: 87px; }
.factory .altogether em { font-size: 24px; line-height: 69px; }
.factory .altogether:hover em { color: #fc0; }
.factory .altogether .radish { bottom: 27px; left: 56px; }
.market .altogether { width: 190px; height: 190px; position: absolute; top: 92px; right: 80px; }
.market .altogether em { font-size: 24px; line-height: 65px; }
.market .altogether:hover em { color: #fc0; }
.market .altogether .radish { bottom: 42px; left: 60px; }
.map .market { width: 2255px; height: 480px; background: url("../images/qi/map_market.jpg") no-repeat; position: relative; }
.maps span { width: 35px; height: 50px; display: block; position: absolute; top: 50%; margin-top: -25px; z-index: 3; animation: 0.5s ease-in 0s alternate none infinite shake; -webkit-animation: 0.5s ease-in 0s alternate none infinite shake; }
.maps span.move-left { background: url("../images/qi/arrow_l.png") no-repeat; left: 20px; display: none; }
.maps span.move-right { background: url("../images/qi/arrow_r.png") no-repeat; right: 20px; }
@keyframes shake {
0% {
 transform:translateX(-20px);
}
100% {
 transform:translateX(20px);
}
}
@-webkit-keyframes shake {
0% {
 -webkit-transform:translateX(-20px);
}
100% {
 -webkit-transform:translateX(20px);
}
}
/*cwtj*/
.cwtj { overflow: hidden; }
.cwtj ul { margin-left: -30px; zoom: 1; }
.cwtj li { float: left; margin-left: 30px; margin-top: 15px; display: inline; }
.cwtj li a { width: 93px; height: 125px; display: block; }
.cwtj li a img { width: 93px; height: 93px; display: block; border-radius: 16%; }
.cwtj li a span { line-height: 32px; display: block; text-align: center; font-size: 16px; color: #333; transition: all 0.3s ease; }
.cwtj li a:hover span { color: #f60; }
.cwtj li a.more { height: 32px; padding-top: 93px; background: url("../images/qi/more.gif") no-repeat; background-position: 0 0; }
.cwtj li a.more:hover { background-position: -93px 0; }
/*game-video1*/
.game-video1 { overflow: hidden; }
.game-video1 ul { margin-left: -18px; zoom: 1; }
.game-video1 li { float: left; margin-left: 18px; margin-top: 18px; display: inline; }
.game-video1 li a { width: 185px; height: 150px; display: block; background: #f0f0f0; position: relative; transition: all 0.3s ease; }
.game-video1 li a img { width: 185px; height: 120px; display: block; }
.game-video1 li a p { width: 169px; height: 30px; padding: 0 8px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666; cursor: pointer; }
.game-video1 li a i { width: 185px; height: 120px; display: block; background: url("../images/qi/video_mask.png") center center no-repeat; position: absolute; top: 0; left: 0; cursor: pointer; }
.game-video1 li a:hover { background: #239963; }
.game-video1 li a:hover img { width: 181px; height: 118px; padding: 2px 2px 0; }
.game-video1 li a:hover p { color: #fff; }
.game-video1 li a:hover i { background: url("../images/qi/video_mask_hover.png") center center no-repeat; }
/*game-strategy*/
.game-strategy { margin-bottom:20px; }
.game-strategy ul { padding-top: 5px;background-color: white;padding: 0 10px 10px 10px; }
.game-strategy li { height: 39px; line-height: 39px; background: url("../images/arrow.png") 0 17px no-repeat; border-bottom: 1px dashed #ccc; padding-left: 15px; overflow: hidden; vertical-align: middle; transition: all 0.2s ease-in; }
.game-strategy li:hover { background-position: 5px 17px; }
.game-strategy li a { float: left; width: 85%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; color: #333; }
.game-strategy li:hover a { color: #f60; }
.game-strategy li i { float: right; font-size: 14px; color: #999; }

.game-strategys ul { padding-top: 5px; height:406px;overflow: hidden;background-color: white;padding: 0px 10px 0px 10px;}
.game-strategys li { height: 39px; line-height: 39px; border-bottom: 1px dashed #ccc; padding-left: 3px; overflow: hidden;  transition: all 0.2s ease-in; padding:0;}
.game-strategys li img{width:20px;height:20px;vertical-align: middle;padding-right:6px; border-radius: 4px;}
.game-strategys li a {float: left; width: 95%; white-space: nowrap; overflow: hidden; font-size: 14px; color: #333;}
.game-strategys li:hover { background-position: 5px 17px; }
.game-strategys li:hover a { color: #f60; }

/*mission*/
.mission ul { margin-left: -12px; zoom: 1; overflow: hidden; }
.mission li { float: left; margin-left: 12px; margin-top: 12px; display: inline; }
.mission li a { width: 112px; height: 33px; background: #f6f6f6; border: 1px solid #ddd; display: block; line-height: 33px; text-align: center; color: #666; transition: all 0.3s ease; }
.mission li a:hover { background: #75b900; border: 1px solid #75b900; color: #fff; }

/*zone-recommend*/
/*
.zone-recommend{width:1200px;height:220px;overflow:hidden;}
.zone-recommend ul {zoom: 1; overflow: hidden;  display:block;background-color: white;  padding-left:0px;width:1200px;height:181px;}
.zone-recommend li { float: left; margin:10px 6px; display:inline;}
.zone-recommend li:nth-of-type(6){margin-right:0px;}
.zone-recommend li a { width: 185px; height: 151px;display:block;background:#CCC;transition: all 0.3s ease;margin:0 auto;color:#666;text-align:center;line-height:31px;}
.zone-recommend li a img { width: 185px; height: 120px; display: block; }
.zone-recommend li a :hover{color:#ffffff;background:#188a59;}
*/
.zone-recommend {
    padding-bottom: 20px;
}
.zone-recommend ul {width:1200px;/* height:190px; */zoom: 1;overflow: hidden;}
.zone-recommend li { float: left; margin-right: 16px; margin-top: 20px; display: inline; }
.zone-recommend li a { width: 180px; height: 143px; display: block; background: #f0f0f0; position: relative; transition: all 0.3s ease; }
.zone-recommend li a img { width: 180px; height: 110px; display: block; }
.zone-recommend li a p { width: 165px; height: 30px; padding: 0 8px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666; cursor: pointer; }
.zone-recommend li a:hover { background: #75b900; }
.zone-recommend li a:hover p { color: #fff; }

/*current-position*/
.current-position { width: 1168px; height: 35px; background: url("../images/icon_home.gif") 15px 12px #f6f6f6 no-repeat; padding-left: 32px; line-height: 35px; color: #666; margin: 0 auto 0; }
.current-position em { color: #999; }
.current-position a { color: #666; }
.current-position a:hover { color: #f60; text-decoration: underline; }
/*content*/
.content { float: left; width: 830px;}
.newslist li { height: 130px; padding: 20px 0 20px 215px; border-bottom: 1px dashed #ccc; position: relative; }
.newslist li .newsimg { width: 200px; height: 130px; display: block; position: absolute; top: 20px; left: 0; }
.newslist li .newsimg img { width: 200px; height: 130px; }
.newslist li h4 {height: 30px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newslist li h4 a { font-size: 18px; color: #333; transition: all 0.3s ease; }
.newslist li h4 a:hover { color: #f60; }
.newslist li p { line-height: 24px; }
.newslist li .newsinfo { height: 72px; color: #666; overflow: hidden; word-break: break-all; padding: 3px 0; }
.newslist li .newsinfo a { font-size: 13px; color: #f02f2f;  padding: 2px 6px; border-radius: 3px; transition: all 0.3s ease; }
.newslist li .newsinfo a:hover { background: #f02f2f; color: #fff }
.newslist li .newstips { color: #999; color: #fff }
.newslist li:last-child {border-bottom:0px}
.newslist li .newstips a { color: #239963; margin-right: 22px; }


.downlist li {padding:20px 0;border-bottom:1px dashed #ccc;height:130px;margin:0;}
.downlist li img {float:left;width:120px;height:120px;margin:0;}
.downlist li p {float:right;width:690px;color:#777;}
.downlist li b {font-size:18px;font-weight:800;padding:1px 0 6px;display:block;overflow:hidden;width:655px;white-space:nowrap;transition: all 0.3s ease;}
.downlist li a{color:#333;}
.downlist li a:hover { color: #f60; }
.downlist li span a{color:#75b900; padding:2px 10px 3px 10px; border-radius: 3px;}
.downlist li span a:hover { color: #fff; background-color:#75b900 ; }
.downlist li b,.downlist li span,.downlist li i {display:inline-block;line-heighT:30px;height:30px;}
.downlist li b img {float:left;width:32px;height:32px;margin-right:6px;border-radius: 6px;}
.downlist li i {float:left;font-size:12px;font-style:normal;padding-right:20px;color:#000;}
.downlist li em {position: relative;width:100px;float:right;background: url(../images/star.gif) repeat-x bottom;height: 16px;overflow: hidden;margin-right:8px;margin-top:5px;}
.downlist li em span{background: url(../images/star.gif) repeat-x bottom;background-position:0 top;text-indent:-999px;height: 16px;position: absolute;}
.downlist li em .lv1 {width:20px;}
.downlist li em .lv2 {width:40px;}
.downlist li em .lv3 {width:60px;}
.downlist li em .lv4 {width:80px;}
.downlist li em .lv5 {width:100px;}
.downlist li span {height:60px;overflow:hidden;width:100%;}
.downlist li:last-child {border-bottom:0px}

/*news*/
.article { background: #f8f8f8; padding: 30px; margin-top: 15px; }
.article h3 { font-size: 24px; line-height: 24px; color: #f60; text-align: center; }
.article h4 { font-size: 18px; line-height: 28px; color: #333; padding: 20px 0; }
.article .article-info { height: 14px; line-height: 14px; font-size: 12px; text-align: center; margin-top: 15px; color: #999; }
.article .article-info span { margin: 0 10px; }
.article .article-info a { color: #239963; }
.article p { font-size: 16px; line-height: 28px; padding: 10px 0; text-indent: 2em; color: #333; }
.article p strong { font-weight: bold; }
.article table { border-collapse: collapse; margin: 5px auto; }
.article table td, .article table th { border: #ddd 1px solid; text-align: center; padding: 2px; line-height: 30px; }
.article table th { background: #efefef; font-weight: 300; font-size: 15px; border-top-color: #bbb; }
.article table td { font-size: 12px; }
.article p img { display: block; margin: 0 auto; }
.article table a { color: #0f9cfe; text-decoration: none; }
.article table a:hover { color: #f60; }
.related, .tjzone { margin-top: 20px; }
.related h4, .tjzone h4 { height: 40px; line-height: 40px; border-bottom: 2px solid #ddd; position: relative; }
.related h4 span, .tjzone h4 span { float: left; height: 40px; display: block; color: #75b900; font-size: 18px; border-bottom: 2px solid #75b900; }
.related h4 em, .tjzone h4 em { float: right; color: #666; }
.related ul { margin-left: -30px; zoom: 1; overflow: hidden; padding-top: 5px; }
.related li { float: left; margin-left: 30px; width: 410px; height: 35px; padding-left: 10px; background: url("../images/arrow.png") left center no-repeat; line-height: 35px; overflow: hidden; border-bottom: 1px dashed #ccc; display: inline; }
.related li a { float: left; width: 85%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; }
.related li a:hover { color: #f60; }
.related li em { float: right; color: #999; }
.tjzone ul { margin-left: -26px; zoom: 1; overflow: hidden; padding-top: 15px; }
.tjzone li { float: left; margin-left: 26px; display: inline; }
.tjzone li a { width: 86px; display: block; }
.tjzone li a { height: 110px; }
.tjzone li a img { height: 86px; border-radius: 16%; }
.tjzone li a p { width: 86px; height: 24px; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; }
.tjzone li a:hover p { color: #f60; }
/*sidebar*/
.sidebar { float: right; width: 300px; padding-top: 15px;}
.adr { height: 115px; }
.adr img { width: 300px; height: 115px; display: block; }
/*game-subject*/
.game-subject { margin-top: 30px; }
.game-subject li { margin-top: 15px; }
.game-subject li a { width: 300px; height: 80px; display: block; }
/*highlights*/
.highlights { margin-bottom: 20px; }
.highlights ul { margin-left: -16px; zoom: 1; overflow: hidden; }
.highlights li { float: left; margin-left: 16px; margin-top: 15px; display: inline; }
.highlights li a { width: 142px; height: 126px; display: block; background: #f0f0f0; position: relative; transition: all 0.3s ease; overflow: hidden; }
.highlights li a img { width: 142px; height: 100px; display: block; }
.highlights li a p { width: 142px; padding: 0 4px; height: 26px; line-height: 26px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666; cursor: pointer; }
.highlights li a i { width: 142px; height: 100px; background: url("../images/qi/video_mask.png") center center no-repeat; position: absolute; top: 0; left: 0; cursor: pointer; }
.highlights li a:hover { background: #f02f2f; }
.highlights li a:hover img { width: 138px; height: 98px; display: block; padding: 2px 2px 0; }
.highlights li a:hover p { color: #fff; }
.highlights li a:hover i { background: url("../images/qi/video_mask_hover.png") center center no-repeat; }
/*hot-rank*/
.hot-rank { margin-top: 30px; }
.hot-rank li { overflow: hidden; padding: 9px 0; border-bottom: 1px dashed #ccc; transition: all 0.3s ease; zoom: 1; }
.hot-rank li i { float: left; width: 17px; height: 17px; padding-right: 4px; display: block; text-align: center; line-height: 17px; font-size: 12px; color: #fff; background-position: -205px -17px; }
.hot-rank li a { float: right; width: 270px; overflow: hidden; }
.hot-rank li a img { float: left; width: 80px; height: 52px; margin-right: 7px; display: none; }
.hot-rank li a p { height: 17px; overflow: hidden; line-height: 17px; font-size: 14px; color: #000; word-break: break-all; cursor: pointer; }
.hot-rank li a em { font-size: 12px; line-height: 12px; color: #999; display: none; }
.hot-rank li.hover i { background-position: -205px 0; }
.hot-rank li.hover a p { height: 36px; overflow: hidden; line-height: 18px; color: #239963; margin-bottom: 4px; *margin-bottom: 0;
}
.hot-rank li.hover a img { display: block; }
.hot-rank li.hover a em { display: inline; }
/*video-tab*/
.video-tab { height: 38px; background: #e7f6ff; border-bottom: 4px solid #239963; margin-top: 15px; overflow: hidden; }
.video-tab span { float: left; width: 95px; height: 38px; display: block; line-height: 42px; color: #5a95ec; overflow: hidden; text-align: center; cursor: pointer; }
.video-tab span.cur { color: #fff; background: #239963; }
.video-list ul { margin-left: -25px; margin-top: -9px; zoom: 1; overflow: hidden; }
.video-list li { float: left; margin-top: 25px; margin-left: 25px; width: 220px; height: 294px; background: #f6f6f6; display: inline; }
.video-list li .video-img { width: 220px; height: 199px; display: block; position: relative; }
.video-list li .video-img img { width: 220px; height: 144px; }
.video-list li .video-img p { height: 44px; padding: 5px 10px; line-height: 22px; border-bottom: 1px solid #ddd; overflow: hidden; }
.video-list li .video-img p em { color: #333; font-size: 14px; font-weight: normal; word-break: break-all; }
.video-list li .video-img p span { float: right; font-size: 12px; color: #999; *margin-top:-22px;
}
.video-list li .video-img:hover p em { color: #239963; }
.video-list li .video-info { padding: 0 10px; }
.video-list li .video-info p { height: 80px; font-size: 12px; line-height: 20px; color: #666; overflow: hidden; padding-top: 8px; }
.video-list li .video-info p a { color: #239963; }
/*db-side*/
.area.relative { width: 781px; padding-left: 419px; }
.db-side { width: 390px; position: absolute; top: 598px; left: 50%; margin-left: -600px; z-index: 10; }
.db-side.fixed { position: fixed; top: 0; _position: absolute; _top: 598px; }
.db-side input { width: 358px; height: 20px; padding: 10px 15px; border: 1px solid #ddd; }
.db-side input.gray { color: #d3d3d3; }
.db-side .btns { height: 40px; overflow: hidden; margin-top: 15px; }
.db-side .btns button { width: 185px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: left; overflow: hidden; cursor: pointer; transition: all 0.3s ease; }
.db-side .btns button:hover { opacity: 0.8; }
.db-side .btns .searchBtn { float: left; background: #61c547; }
.db-side .btns .clearBtn { float: right; background: #666; }
.db-side .btns button i { float: left; display: inline; overflow: hidden; background: url("/images/qi/icons.png") no-repeat; }
.db-side .btns button i.icon-search { width: 16px; height: 16px; margin: 12px 6px 12px 66px; background-position: 0 -20px; }
.db-side .btns button i.icon-clear { width: 15px; height: 15px; margin: 13px 6px 12px 51px; background-position: 0 -40px; }
.select-grid { margin-top: 20px; }
.select-grid h3 { height: 40px; border-bottom: 2px solid #ddd; position: relative; }
.select-grid h3 span { height: 40px; line-height: 40px; font-size: 20px; border-bottom: 2px solid #239963; color: #239963; position: absolute; top: 0; left: 0; }
.select-grid h4 { width: 82px; height: 30px; background: #f0f0f0; border-left: 3px solid #239963; line-height: 30px; font-size: 16px; font-weight: normal; text-align: center; color: #239963; margin-top: 15px; }
.select-grid ul { margin-left: -30px; zoom: 1; overflow: hidden; }
.select-grid li { float: left; margin-left: 30px; margin-top: 15px; display: inline; }
.select-grid li a { width: 108px; height: 36px; display: block; background: #f6f6f6; border: 1px solid #ddd; line-height: 36px; text-align: center; color: #666; transition: all 0.3s ease; }
.select-grid li a.hover, .select-grid li a:hover { background: #239963; border: 1px solid #239963; color: #fff; }
.result { width: 780px; border-left: 1px dashed #e2e2e2; margin-top: 18px; overflow: hidden; }
.result ul { margin-top: -25px; zoom: 1; }
.result li { float: left; margin-top: 25px; margin-left: 30px; display: inline; }
.result li a { width: 100px; height: 126px; display: block; }
.result li a img { width: 100px; height: 100px; display: block; border-radius: 16%; }
.result li a:hover img { box-shadow: 0 0 5px #f60; }
.result li a span { line-height: 26px; display: block; text-align: center; color: #333; }
.result li a:hover span { color: #f60; }
/*pagination*/
.pag { text-align: center; height: 32px; margin: 20px auto 0 auto; }
.pag a { display: inline-block; font-size: 14px; background: #fff; color: #333; height: 30px; line-height: 30px; text-align: center; vertical-align: top; zoom: 1; padding: 0 12px; margin: 0 2px; }
.pag a:hover, a.p_hov:hover { background: #239963; color: #fff; }
a.p_hov { background: #333; color: #fff; }
.pag span { display: inline-block; vertical-align: top; zoom: 1; height: 32px; line-height: 32px; color: #666; margin: 0 4px 0 10px; }
.pag em { float: left; }
.pag_txt { float: left; width: 22px; height: 30px; line-height: 30px\9; text-align: center; background: #fff; border: 1px solid #d8d8d8; font-size: 14px; color: #333; margin: 0 3px; }
.pag_btn { float: left; width: 50px; height: 32px; background: #fff; border: 1px solid #d8d8d8; margin-left: 10px; font-size: 14px; color: #333; cursor: pointer; }
.pag_btn:hover { background: #239963; border-color: #239963; color: #fff; }
/*comment*/
.comment { margin: 30px 0; }
/*f-links*/
.f-links { width: 1116px; background: #f0f0f0; padding: 9px 0 9px 84px; margin: 0 auto; position: relative; }
.f-links span { width: 64px; height: 21px; display: block; background-position: -140px -19px; line-height: 21px; text-indent: 6px; font-size: 12px; color: #fff; position: absolute; top: 15px; left: 15px; }
.f-links ul { overflow: hidden; }
.f-links li { float: left; width: 128px; height: 34px; display: inline; padding-left: 10px; background: url("/images/arrow.png") left center no-repeat; line-height: 34px; }
.f-links li a { color: #666; }
.f-links li a:hover { color: #f60; text-decoration: underline; }
/*foot*/
.footer { background: #333; text-align: center; margin-top: 50px; padding: 30px 0; font-size: 12px; line-height: 30px; color: #666; }
.footer a { color: #666; margin: 0 5px; }
.footer a:hover { color: #f60; text-decoration: underline; }


.sof_list {width:930px; border-top: 0 solid #1d8c23;color: #000000;display: block;font-size: 12px;font-weight: 100;height: auto;overflow: hidden;}
.sof_list li {border-bottom: 1px dashed #ccc;display: inline;float: left;height: 120px; margin-left: 0;overflow: hidden;position: relative;width: 310px;}
.sof_list li:hover{background:#f0f0f0;}
.sof_list li .slimg {display: inline;float: left;height: 60px;margin: 15px 0 0 5px;overflow: hidden;width: 60px;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
.sof_list li p {display: inline;float: left;height: auto;line-height: 22px;margin-left: 12px;width: 220px;color:#585858;}
.sof_list li p strong {display: block;font-size: 13px;height: 18px;line-height: 18px;margin-top: 18px;overflow: hidden;width: 220px;margin-bottom:5px;color: #000;}
.sof_list li p strong a:link {color: #000;text-decoration: none;}
.sof_list li p strong a:visited {color: #000;text-decoration: none;}
.sof_list li p strong a:hover {color: #ff3300;text-decoration: none;}
.sof_list li p em {display: block;font-size: 12px;font-weight: normal;height: 14px;line-height: 16px;margin-top: 13px;overflow: hidden;width: 280px;}
.sof_list li .down {background: none repeat scroll 0 0 #f60;color: #fff;display: inline-block;font-size: 12px;height: 25px;left: 5px;letter-spacing: 1px;line-height: 25px;position: absolute;text-align: center; top: 80px;width: 60px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.sof_list li .info {clear: both;color: #666;display: block;font-size: 12px;height: 40px;line-height: 20px;overflow: hidden;margin-left:10px;width: 320px;}
.sof_list li p .abtn {background: url("../images/btn_b.jpg") no-repeat scroll 0 0 ;color: #fff;display: block;font-size: 12px;font-weight: normal;height: 25px;line-height: 25px;margin-top: 5px;overflow: hidden;text-align: center;text-decoration: none;width: 113px;}

.yxjs {padding:8px;border: 1px solid #239963;font-size:12px;line-height:22px;height:230px;overflow: hidden;color:#585858; background-color: white;}
.yxjs p{color:#000;}
.yxjs .bt{font-size:14px;font-weight: bold;color:#000;}
.yxjs .bt span{font-size:12px;float:right;color:#585858;font-weight: normal;}
.yxjs .txt {text-indent:20px;color:#585858;margin-top: 10px;float:left;     width: 225px;}


.focusBox{width:440px;height:220px;position: relative;overflow: hidden;}
.focusBox .pic{ width:440px;height:220px;}
.focusBox .pic li,.slide .pic li{ position: relative; }
.focusBox .pic img,.slide .pic img { width:440px;height:220px; display: block; }
.focusBox .pic a,.slide .pic a{width:440px;height:220px;overflow:hidden; display: block;}
.focusBox .pic li h4 ,.slide .pic li h4{ position: absolute; bottom: 0; background: rgba(0,0,0,0.5); line-height: 36px; width: 100%; text-align: center; font-size: 16px; color: #fff; overflow: hidden; }
.focusBox .txt-bg,.slide .txt-bg{ position: absolute; bottom: 0; z-index: 1; height: 40px; width:100%;  background: #000; filter: alpha(opacity=50); opacity: 0.5; overflow: hidden; }
.focusBox .txt,.slide .txt{ position: absolute; bottom: 0; z-index: 2; height:36px; width:99%; overflow: hidden; }
.focusBox .txt li,.slide .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;overflow:hidden}
.focusBox .txt li a,.slide .txt li a{ display: block; color:#fff; padding: 0 0 0 10px; font-size: 16px; font-weight: bold; text-decoration: none; }
.focusBox .txt li a:hover ,.slide .txt li a:hover{color:#ddd}
.focusBox .num,.slide .num{ position: absolute; z-index: 3; bottom: 12px; right: 8px; }
.focusBox .num li,.slide .num li{float:left;display:inline-block; _display:inline; _zoom:1; width:16px;line-height:48px; height:16px;  text-align:center;margin:0 4px; cursor:pointer; color:#fff; background:url(https://img3.hackhome.com/image/qi/m.png) no-repeat -156px -32px; overflow:hidden}
.focusBox .num .on,.slide .num .on{ background-position:-140px -32px}
.focusBox .prev,.focusBox .next,.slide .next,.slide .prev{ width:38px; height:50px;display:block;background: url(../images/banner_btn.png) no-repeat 0px 0px; position: absolute; top:60px; z-index: 10; cursor: pointer;}
.focusBox .prev,.focusBox .next,.newbox dt i,.video-list li i,.slide .prev,.slide .next,{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.focusBox .prev,.slide .prev{left:0px;}
.focusBox .next,.slide .next{ background-position:-38px 0px;right:0px;}
.focusBox .next:hover,.focusBox .prev:hover,.game-rec a:hover span,.newbox dt a:hover i,.video-list li a:hover i,.slide .next:hover,,.slide .prev:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.slide{width:400px; height: 250px;position: relative;overflow: hidden;}
.slide .pic{ width:1000px;height:250px;}
.slide .pic li{float: left;}
.game_store{width: 1180px;margin: 20px auto 0;padding: 0 10px;}
.game_store .left{width: 400px;float: left;}
.slide .pic img,.slide .pic a {width: 400px;height: 250px;}
.mid-title{height: 36px;line-height: 36px;margin-top: 7px;color: #444;border-bottom: 2px solid #eee;}
.mid-title span{display:block;width:5px;height: 18px;float:left;margin: 10px 10px 0 0;background: #f02f2f;}
.mid-title .more{font-weight:normal;font-size: 14px;float:right;margin-right:5px;color:#c2c2c2;}
.tw-list{margin-top: 10px;}
.tw-list .img{width: 140px;height: 90px;overflow: hidden;float: left;}
.tw-list .img img{width: 140px;min-height: 90px;}
.tw-list .info{width: 240px;float: right;}
.tw-list .tit,.tw-list .desc {display: block;line-height: 20px;overflow: hidden}
.tw-list .tit {height: 20px;font-size: 16px;font-weight: bold}
.tw-list .desc {height: 60px;margin-top: 10px;font-size: 14px;color: #666;}
.game_store .center{width: 420px;float: left;margin: 0 30px;}
.game_store .right{width: 300px;float: right;}

.hot-htit a{display:block;height: 25px;line-height: 25px;overflow:hidden;font-size: 18px;text-align:center;font-weight: bold;}
.hot-stit{font-size:0;text-align:center}
.hot-stit a{height: 36px;line-height: 36px;padding:0 2px;overflow:hidden;display:inline-block;vertical-align:middle;*zoom:1;*display:inline;font-size: 14px;color:#666;}
.hot-stit a:hover{color:#66a9ff}
.group-list{overflow:hidden}
.group-list li{height: 35px;line-height: 35px;overflow:hidden;/* margin-top: 15px; */}
.group-list li span,.group-list li a{display:block;overflow:hidden}
.group-list li span{height:20px;line-height:20px;font-size:14px}
.group-list li span.titTab{float:left}
.group-list li span.ico{float:left;width:4px;height:4px;margin-top:8px;font-size:0;background:#66a9ff}
.group-list li span.num{float:left;width:20px;font-size:12px;font-family:"Arial";font-weight:bold;text-align:center}
.group-list li span.num-1{background:#ff6c68;color:#fff}
.group-list li span.num-2{background:#eee;color:#666}
.group-list li span.tit{float:left;width: 300px;margin-left:10px;}
.group-list li span.time{float:right;width:70px;text-align:right;font-family:"Arial";color:#aaa}
.titTab {width: 40px;height: 20px;line-height: 20px;text-align: center;font-size: 12px;color: #fff;}
.titTab-1{background:#00a6ff}
.titTab-2{background:#ff8624}
.titTab-3{background:#666}
.titTab-4{background:#9f75ff}
.titTab-5{background:#fa73ff}
.titTab-6{background:#ff7a7a}
.game_store .group-more a{display:block;height:40px;line-height:40px;overflow:hidden;font-size:14px;text-align:center;background:#f7f7f7;color:#666;margin-top: 10px;}
.game_store .group-more a:hover{color:#fff;background: #0092CF;}
.cov-list {margin-left: -20px;overflow: hidden}
.cov-list li {float: left;margin-left: 20px;margin-top: 10px;width: 140px;height: 90px;overflow: hidden;position: relative;}
.cov-list li  img{width: 140px;min-height: 90px;}
.cov-list li a {/* position: relative */}
.cov-list .cov {position: absolute;bottom: 0;left: 0;width: 90%;padding: 0 5%;height: 30px;line-height: 30px;overflow: hidden;font-size: 14px;text-align: center;color: #fff;background: rgba(0,0,0,0.7);}
.cov-list li a:hover .cov {color: #66a9ff}
.ani-pic a:hover img {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);-moz-transition: all 1s ease;-webkit-transition: all 1s ease;transition: all 1s ease}

.game_store .news_list li{margin-top:0px;}
.game_store .news_list li{width: 100%;height: 32px;line-height: 32px;color: #666;}
.game_store .news_list li i{display: block;float: left;width:4px;text-align: center;height:4px;overflow: hidden;background-color: #ccc;margin: 16px 0 0 0;}
.game_store .news_list li .name{font-size: 14px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-indent: 10px;float: left;width: 290px;}
.game_store .news_list li:hover .name{color: #f60;}
.game_store .news_list li:hover i { background-color: #f60 }


h3.titles {height: 49px;border-bottom: 1px solid #eee;}
h3.titles em {float: left;height: 48px;overflow: hidden;line-height: 54px;font-size: 18px;font-weight: 700;color: #333;border-bottom: 2px solid #f02f2f;padding: 0 3px;display: inline;position: relative;margin-bottom: -1px;}
h3.titles .hmore {float: right; width:70px;height: 22px;overflow: hidden;line-height:22px;margin: 17px 10px 0 0;display: block; font-weight:normal; font-size: 14px; color: #999; text-align: center;}
h3.titles .hmore i {padding-left: 5px; }
h3.titles .hmore:hover { color:#f60 }

.rmyxtj {margin-top: 20px;padding: 20px;padding: 0 20px 20px 20px;}
.rmyxtj ul{width:1180px; margin-left: 10px;}
.rmyxtj ul li{float:left;width:98px;height:110px;overflow:hidden;text-align:center;line-height:2.6;font-size:14px;margin:20px 4px 0;display:inline}
.rmyxtj ul li img{display:block;width:80px;height:80px;margin:0 auto;border-radius: 20px;}


#pages {height:40px;padding:10px 0px;clear:both;text-align:center}
#pages a,
#pages a:visited,#pages a:hover {padding:0px 14px;font-size:16px; border:1px solid #E4E4E4;display:inline-block;height:36px;line-height:36px;text-decoration:none;color:#777;margin:0 3px;background:#fff;}
#pages a:hover ,#pages .cur a,#pages .active a{border:1px solid #f02f2f; color:#fff;background:#f02f2f;}
#pages a b,#pages a:visited b,#pages a:hover b, {background:none;padding:0;margin:0;display:inline;border:none;color:#666;}


.tiless {position: absolute;width:400px;height:80px;background: #222;color: #fff;left: 20px;opacity: 0.4;filter: alpha(opacity=40);top:200px;z-index:1;}
.ititle {position: absolute; clear: both;color: #fff; height: 60px;left: 20px; padding: 10px;top: 200px; width: 380px;z-index:2;}
.ititle h1 {font-family: "Microsoft Yahei"; font-size: 32px;font-weight: normal; height: 28px;line-height: 32px;padding-bottom: 5px;text-align:left;width:390px;}
.ititle p {width:390px; height: 35px;line-height: 35px;font-size:13px;text-align:left;}
.ititle a { color: #fff;}


.top0 {margin-top:0;}
.top20 {margin-top:20px;}
.top30 {margin-top:30px;}
.a300 li a {width:270px;}
.dianji {display: none;}

.ztTags span {
    float: left;
}

.ztTags a {
    display: block;
    float: left;
    text-align: center;
    background-color: #3db73d;
    color: white;
    margin-left: 4px;
    font-size: 12px;
    padding: 0px 1.7px;
border-radius:3px;
}


.ztLbList{overflow:hidden;padding:0!important;}
.ztLbList li{float:left;width:100%;padding:12px 2px;border-bottom: 1px dashed #ccc;}
.ztLbList .img{width:90px;height:90px;float:left;margin-right:15px;border-radius:8px;}
.packageCont .btn{float:right;width:90px;height:32px;margin:-50px 20px 0 0;background:#08961e;color:#fff;text-align:center;line-height:32px;border-radius:3px;font-size:14px;}
.packageCont .title{font-size:16px;color:#333;line-height:35px;background:none;font-weight: 800;}
.packageCont p{height:28px;line-height:28px;color:#858585;font-size:13px;}


a.computer {
    background-position: 0 -285px;border-radius: 5px;
}


.zt_list .ioaz{display:inline-block;width:20px;height:24px;vertical-align:middle;background:url(https://img3.hackhome.com/image/os_20.png) no-repeat;margin-right:0;cursor:pointer;margin-left:6px;white-space:nowrap;}
.zt_list .android{background-position:0 0;}
.zt_list .nAndroid{background-position:-25px 0;}
.zt_list .ios{background-position:-52px 0;}
.zt_list .nIos{background-position:-82px 0;}

.zt_list.zy li{width:280px;}
.zt_list.zy .ztgname{width:180px;}
.zt_list{overflow:hidden;background:white;}
.zt_list ul{
    margin-top: 10px;
}
.zt_list li{float:left;width:320px;padding:10px;position: relative;}
.zt_list li:hover{background:#f6f6f6}
.zt_list li:nth-child(1) {background:#fff0c3}
.zt_list li:nth-child(2) {background:#fff6db}
.zt_list li:nth-child(3) {background:#fffcf3}
.ztgimg{float:left;margin-right:8px;position: relative;}
.ztgimg img{width:90px;height:90px; border-radius: 10px}
.ztgname{display:block;width:215px;height:22px;color:#444;line-height:22px;overflow:hidden;font-size:16px;    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;}
.zt_list li span{display:inline-block;width:155px;height:24px;color:#999;line-height:18px;margin-top:8px;}
.zt_list li span i{width:1px;height:12px;background:#dbdbdb;display:inline-block;margin:0 6px;}
.zt_list font{color:#f08620;font-weight:bold;font-size:14px;font-family: Georgia;}
.zt_list li span i{width:1px;height:12px;background:#dbdbdb;display:inline-block;margin:0 6px;}
.zt_list li span a.down{background-color: #eee;color: #444;padding: 2px 15px 2px 15px;border-radius: 3px;}
.zt_list li span a.down:hover {color: #fff;background-color: #f02f2f;}
.zt_list li span.hot_tips {background: url(../images/bk0.gif) no-repeat -324px -23px; position: absolute;right: 0px; top: -8px;width: 60px;height: 50px;}

.ztgname:hover{color:#f60;    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;}

.zt_list.zy li{width:280px;}
.zt_list.zy .ztgname{width:180px;}
.col-420.cimg{
    width:830px;
    padding:10px;
}
.col-420.cimg .pic img{
    width: 830px;
    height: auto;
    display: block;
}

.Q_rlist {background-color: white;overflow:hidden;}
.Q_rlist li{float:left;width:270px;padding:10px;}
.Q_rlist li:hover{background:#f6f6f6}
.Q_rlist li .Qimg{position:relative;float:left;margin-right:8px;}
.Q_rlist li .Qimg img{width:90px;height:90px;}
.Q_rlist li .Qtle{height:56px;color:#444;line-height:25px;overflow:hidden;font-size:16px;display: block;padding-top:4px;    -moz-transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;}
.Q_rlist li span{display:inline-block;width:130px;height:24px;overflow:hidden;color:#999;line-height:18px;margin-top:4px;}
.Q_rlist li span i{width:1px;height:12px;background:#dbdbdb;display:inline-block;margin:0 6px;}
.Q_rlist font{color:#f08620;font-weight:bold;font-size:14px;font-family: Georgia;}
.Q_rlist li span i{width:1px;height:12px;background:#dbdbdb;display:inline-block;margin:0 6px;}
.Q_rlist li span a {color: #666;font-size: 15px;}
.Q_rlist li span a:hover {color: #f60;}
.Q_rlist li .Qtle:hover{color:#f60;    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;}



.bg_80{background:url(https://img3.hackhome.com/image/80.png);width:80px;height:80px;position:absolute;top:0;left:0;}
.bg_90{/* background:url(https://img3.hackhome.com/image/bg_90.png); *//* width:90px; *//* height:90px; *//* position:absolute; *//* top:0; *//* left:0; */}
.bg_60{background:url(https://img3.hackhome.com/image/bg_60.png);width:60px;height:60px;position:absolute;top:0;left:0;}
.bg_70{background:url(https://img3.hackhome.com/image/bg_70.png);width:70px;height:70px;position:absolute;top:0;left:0;}
.img_box_70{position:relative;display:inline-block;width:70px;}
.img_box_90,.c_left a,.applist a{position:relative;display:inline-block;width:90px;}
.img_box_80,.appicolist li a{position:relative;display:inline-block;width:80px;}
.img_box_60,.tjCont li a{position:relative;display:inline-block;width:60px;}

.sign{position:absolute;width:45px;height:50px;top:0;left:0;z-index:1;background:url(https://img3.hackhome.com/image/sign_icon.png) no-repeat;}
.sign_1{background-position:-150px 1px;}
.sign_2{background-position:0 1px;}
.sign_3{background-position:-613px 1px;}
.sign_4{background-position:-48px 1px;}
.sign_5{background-position:-200px 1px;}
.sign_6{background-position:-252px 1px;}
.sign_7{background-position:-303px 1px;}
.sign_8{background-position:-355px 1px;}
.sign_9{background-position:-407px 1px;}
.sign_10{background-position:-459px 1px;}
.sign_11{background-position:-511px 1px;}
.sign_12{background-position:-562px 1px;}
.sign_13{background-position:-668px 1px;}
.sign_14{background-position:-721px 1px;}
.sign_15{background-position:-778px 1px;}


.top_menu{float:left;position:relative; z-index:100; padding:0 10px;}
.top_menu .menu_top{float:left;background:url(https://img3.hackhome.com/image/top_ico1.png) no-repeat left 50%; padding-left:18px; cursor:pointer;}
.top_menu .menu_top em{ float:left; background:url(https://img3.hackhome.com/image/top_ico2.png) no-repeat right center; padding-right:12px;font-size:13px;}
.top_menu .menu_top:hover em{color:#f60;background:url(https://img3.hackhome.com/image/top_ico3.png) no-repeat right center;}
.top_menu:hover{border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;background:#fff; padding:0 9px;border-bottom:1px solid #fff;_border-bottom:0}

.menu_sj{float:left;background:url("/images/sjs.png") no-repeat 0 8px; padding-left:17px; cursor:pointer;font-size:13px;margin-right:15px;margin-left:5px;}
.menu_tg{float:left;background:url("/images/tg.png") no-repeat 0 8px; padding-left:20px; cursor:pointer;font-size:13px;}
.menu_sj:hover{color:#f60;}
.menu_tg a{color:#EF3D1D;}

.top_menu .lowmenu{position:absolute;border:1px solid #d8d8d8;background:#fff;border-top:none;line-height:25px;left:-1px;top:35px;padding:5px;z-index:1000;width:840px;/* display:none; */}
.top_menu .lowmenu dl{padding:10px 0 10px 0;width:100%; margin:0; float:left;}
.top_menu .lowmenu dd{padding:0 15px; border-right:1px dashed #e0e0e0; float:left; width:130px; margin:0;}
.top_menu .lowmenu dd.no_line{border-right:none}
.top_menu .lowmenu dd.last{border-right: 0;}

.top_menu .lowmenu a{ width:65px;color:#888; overflow:hidden; white-space:nowrap; display:inline-block; float:left;text-align: left;font-size:13px;}
.top_menu .lowmenu .a1{ width:120px; font-size:14px;}
.top_menu .lowmenu .a2{ width:90px; }
.top_menu .lowmenu .a2 strong{font-weight: bold;font-size:14px;color:#777;}
.top_menu .lowmenu .red{ color:#F00}
.top_menu .lowmenu .short{ width:30px;}
.top_menu .lowmenu .dd_1{ width:130px;overflow:hidden}
.top_menu .lowmenu .dd_2{ width:58px;overflow:hidden}
.top_menu .lowmenu a:hover{color:#ff6200; text-decoration:underline;}

#mQRCode{float: left;position:absolute;width:158px;background:#fff;text-align:center;display:none;font-size:14px;top:34px;margin-left:411px;z-index:99;padding:5px;}
#mQRCode .mQl {float:left;line-height:20px;margin-bottom:3px;font-weight:bold;padding-left:3px;}
#mQRCode .closed{float:right;font-size:22px;line-height:20px;cursor:pointer;margin-bottom:3px;padding:0;}
#mQRCode img{width:160px;margin:0;}


.content-top-left {
    float: left;
}
.content-top-left .content-game-img {
    width: 120px;
    float: left;
}
.content-game-img  img{
    width:120px;
    height:120px;
    border-radius: 18px;
}
.share {
    overflow: hidden;
    margin-top: 12px;
}
.share .left{
height:40px;
line-height:35px;
float:left;
overflow: hidden;
}
.content-top-left .game-content-text {
    width: 460px;
    float:left;
    position:relative;
}
.text-top.clearfix h1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size:24px
}

.text-top.clearfix h1 i {
    display: inline-block;
    font-size: 12px;
    padding-left: 10px;
    width: 160px;
    height: 20px;
    position: relative;
}

.text-top.clearfix h1 i  .az {
    position: absolute;
    top: -5px;
}

.text-top.clearfix h1 i  .ios {
    position: absolute;
    top: 12px;
}
.content-text .text-top {
    height: 40px;
    overflow: hidden;
    font-size: 13px;
    padding-left: 10px;
    position:relative;
}
h1, h2, h3, h4, h5, h6 {
    color: #666;
    font-weight: 400;
}
.content-top-left .content-text .text-center {
    color: #666;
}
.content-top-left .content-text .text-center, .text-bottom {
    float: left;
    clear: both;
    font-size: 14px;
    width: 100%;
    line-height: 24px;
    padding-left:10px;
    margin-top:5px;
}
.text-center p {
    margin-bottom: 10px;
    font-size: 14px;
    overflow: hidden;
    float: left;
    padding-right: 15px;
}
p.text-bottom a {
    color:#3db73d;
    padding: 0px 5px;
    border-radius: 4px;
    display: inline-block;
    margin: 0px 5px 5px 0px;
    border:1px solid #3db73d;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
}
p.text-bottom a:hover{
    background:#3db73d;
    color:white;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
}

.text-center p i {
    display: inline-block;
    color: #a7a7a7;
}
.text-center p.game-pub span {
    font-weight: 700;
}
.text-content {
    color: #666;
    font-size: 13px;
    text-indent: 2em;
    line-height: 20px;
    float:left;
    max-height:122px;
    overflow:hidden;
    margin-top:5px;
    
}
.content-game-img.fx {
    width: 510px;
}

.sinaGFoot-share a{background:url(https://img3.hackhome.com/image/share-icon.png)!important;display:inline-block;overflow: hidden;width:35px;height: 35px!important;padding: 0!important;margin:0 5px!important;}
.sinaGFoot-share a.a1{background-position: -55px 0!important}
.sinaGFoot-share a.a2{background-position: 0 0!important}
.sinaGFoot-share a.a4{background-position: -165px 0!important}
.sinaGFoot-share a.a5{background-position: -275px 0!important;text-indent:-999px;}
.sinaGFoot-share a.a6{background-position: -385px 0!important;}
.sinaGFoot-share a.a7{background-position: -220px 0!important;}

.list ul{width:290px;height:auto;margin-top:2px;overflow:hidden;background:#fff;}
.list li{position: relative;float:left;width:270px;padding:10px;border-bottom:1px dotted #ccc;}
.list li .img{width:90px;height:90px;float:left;margin-right:8px;border-radius:8px;}
.list li em{background: url(/images/bg_90.png);width: 90px;height: 90px;position: absolute;top: 10px;left: 10px;}
.list li i{background: url(/images/qi/lb.png);width: 45px;height: 45px;position: absolute;top: 6px;left: 0;}
.list .tls{width:135px;font-size:16px;color:#333;line-height:30px;display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;}
.list p{height:28px;line-height:28px;color:#858585;font-size:13px;}
.list p span{color:#ff7e72;}
.list .btn{float:right;display:inline-block;width:70px;height:30px;margin-right:3px;background:#3db73d;color:#fff;text-align:center;line-height:30px;border-radius:4px;}
.list .tls:hover{color:#f60;    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;}


#ztmobile{background: #3db73d url(/images/mobile.png) no-repeat 5px center;color:#fff;display:inline-block;width:155px;height:32px;line-height:32px;position:absolute;right:0;top:2px;font-size:15px;border-radius: 4px;text-indent: 31px;cursor: pointer;}
#ztmobile i{position:absolute;right:0;top:0;width:53px;height:32px;background:url(https://img3.hackhome.com/image/xma.png) no-repeat 11px;}
#ztewm {position:absolute;right:-110px;top:2px;border:#3db73d solid 3px;padding:8px;width:130px;height:150px;background:#fff;z-index:999;display:none;}
#ztewm img{width:130px;height:130px;}
#ztewm p{line-height:24px;font-size:14px;text-align:center;font-weight: bold;font-family:"微软雅黑";}

.dianzan{position:relative;width:229px;height:35px;line-height:35px;border-radius:30px;-ms-border-radius:30px;border:1px solid #eaeaea;margin-top:0;margin-left:0;color:#a0a0a0;float:left;margin-right: 25px;}
.dianzan div{float:left;position:absolute;width:50%;webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.dianzan .good-div{border-radius:30px 0 0 30px;background:url(https://img3.hackhome.com/image/good/show_good_0d75340.png) no-repeat 25px center;height: 35px;}
.dianzan .bad-div{left:50%;border-radius:0 30px 30px 0;background:url(https://img3.hackhome.com/image/good/show_bad_7287742.png) no-repeat 22px center;height: 35px;}
.dianzan .good-div:hover{background:#fe9c09 url(../images/show_good_1_fa38255.png) no-repeat 25px center;color:#fff}
.dianzan .bad-div:hover{background:#fe9c09 url(../images/show_bad_1_27795a1.png) no-repeat 22px center;color:#fff}
.dianzan span{position:relative;top:5px;display:inline-block;width:100%;height:25px;text-align:center;line-height:25px;cursor:pointer}
.dianzan span.good{border-right:1px solid #eaeaea}
.dianzan span em{position:absolute;width:21px;height:20px;margin:10px;top:-10px;cursor:pointer}
@media screen\0{.dianzan span.good i{right:15px}}
.dianzan span i{position:absolute;float:right;font-style:normal;min-width:25px;text-align:center;font-size:13px}
.dianzan span.bad i{left:48px}

/*tuijianlibao*/
#giftWrap{width:890px;background:#ffffff;margin-bottom:20px;padding-bottom:10px;}
#giftWrap .recommen{width:890px;height:40px;background:url(..images/title.gif) no-repeat;margin:0px auto;overflow:hidden;border-radius:5px 5px 0px 0px;}
#giftWrap .recommen .tj{width:94px;height:40px;color:#ffffff;text-align:center;line-height:40px;float:left;font-size:20px;font-weight:bold;text-indent:10px;}
.recommen .more{float:right;line-height:40px;margin-right:10px;}
.recommen .more a{float: right;font-size: 16px;font-weight: normal;color: #239963;transition: all 0.3s ease;}
.recommen .more a:hover{color:#F90;}

.zt_libao .tj_con{padding:5px 10px 15px 12px;margin-top:10px;border-bottom:1px dashed #999;}
.tj_con{width:840px;height:92px;margin:0px auto;clear:both;}
.tj_con:hover{background:#f6f6f6;}
.tj_con a{position: relative;display: block;}
.tj_con .limit{width:620px;height:30px;overflow:hidden;}
.tj_con .tj_pic{float:left;width:90px;height:90px;}
.tj_con_a .tj_a{width:620px;height:90px;float:left;margin-left:10px;margin-top:8px;}
.tj_a p{font-size:14px;line-height:30px;color:#666;height: 26px;line-height: 26px;overflow: hidden;}
.tj_a h4{font-weight:lighter;font-size:17px;line-height: 18px;height: 28px;}
.tj_a h4 a{color:#333;}
.tj_a h4 a:hover{color:#F90;}

.receive a{color:#ffffff;width:65px;text-align: center;padding:8px 15px;background:#08961e;float:right;margin-top:30px;border-radius:2px;}
/*tui jian huo dong*/
.zone-recommenda .guding{width:880px;height:180px;margin:0 auto;overflow:hidden;position:relative;}
.zone-recommenda .yanchang{width:880px;height:180px;position:absolute;padding-left: 10px;}
.zone-recommenda{width:890px;height:230px;overflow:hidden;position:relative;background-color: white;}
.zone-recommenda ul {zoom: 1; overflow: hidden;  display:block; padding-left:0px; width:860px;height:180px;float:left;padding-top: 4px;}
.zone-recommenda li { float: left; margin: 10px 15px; display: inline; position:relative;}
.zone-recommenda li a { width: 185px; height: 150px;    transition: all 0.3s ease;margin:0 auto;color:#666;}
.zone-recommenda li a img { width: 185px; height: 120px; display: block; }
.zone-recommenda .tit{color:#ffffff;
transform:translate(50px,-116px);
-o-transform:translate(50px,-116px);
-webkit-transform:translate(50px,-116px);
-ms-transform:translate(50px,-116px);
-moz-transform:translate(50px,-116px);
font-size:12px;position:absolute;z-index:99;text-align:center;display:block;width:90px; overflow:hidden;height:18px;}
.zone-recommenda .tim{color:#ffffff;
transform:translate(30px,-20px);
-o-transform:translate(30px,-20px);
-ms-transform:translate(30px,-20px);
-webkit-transform:translate(30px,-20px);
-moz-transform:translate(30px,-20px);
font-size:12px;position:absolute;z-index:99;text-align:center;}
.zone-recommenda .tim font{color:#fff!important;}
.zone-recommenda .bg1{width:185px;height:24px;background:#000;opacity:0.6;filter:alpha(opacity=60);
transform:translate(0px,-120px);
-o-transform:translate(0px,-120px);
-moz-transform:translate(0px,-120px);
-webkit-transform:translate(0px,-120px);
-ms-transform:translate(0px,-120px);
position:absolute;z-index:9;}
.zone-recommenda .bg2{width:185px;height:24px;background:#000;opacity:0.6;filter:alpha(opacity=60);
transform:translate(0px,-24px);
-o-transform:translate(0px,-24px);
-webkit-transform:translate(0px,-24px);
-ms-transform:translate(0px,-24px);
-moz-transform:translate(0px,-24px);
position:absolute;z-index:9;}
.zone-recommenda .cotent{width:183px;text-align:center;margin-top:5px;}
.zone-recommenda li a:hover { color:#F93; }
.zone-recommenda .ul_pre,.zone-recommenda .ul_next{width:40px;height:70px;cursor:pointer;display:none;}
.zone-recommenda .ul_pre{background:url(https://img3.hackhome.com/image/qi/m.png) no-repeat -85px -87px;position:absolute;left:0px;top:35px;z-index:9999;opacity:0.6;filter:alpha(opacity=60);}
.zone-recommenda .ul_next{background:url(https://img3.hackhome.com/image/qi/m.png) no-repeat -130px -87px;position:absolute;right:0px;top:35px;z-index:9999;opacity:0.6;filter:alpha(opacity=60);}
.ul_pre:hover{opacity:0.8;filter:alpha(opacity=80);}
.ul_next:hover{opacity:0.8;filter:alpha(opacity=80);}
.zone-recommenda .guding:hover .lu{display:block;}


/*游戏大事件*/
.kua{background:#fff;padding:8px;height:200px;overflow:hidden;}
.game_event{border-left:2px dotted #e9e9e9;width:250px;height:200px;margin-left:8px;}   
.game_event .glist{line-height:30px;display:inline-block;height:30px;padding-top:6px;padding-bottom:0px;margin-left:-12px;}
.glist .cir{width:20px;height:20px;float:left;margin-top:5px;margin-right:3px;}
.glist .ta{background:url(../images/event_tit.png) no-repeat 0px -71px;}
.glist .tb{background:url(../images/event_tit.png) no-repeat 0px -205px;}
.glist .tc{background:url(../images/event_tit.png) no-repeat 0px -265px;}
.glist .ti1{width:96px;height:24px;background:url(../images/event_bg.png) no-repeat 0px -182px;line-height:24px;text-align:center;color:#ffffff;text-indent:2px;font-size:14px;font-weight:700;display:block;float:left;margin-top:2px;}
.glist .time{margin-right:10px;float:left;width: 40px;text-align: center;}
.glist .miao{margin-right:6px;float:left;}
.glist .newg1{width:130px;height:26px;line-height:26px;text-align:center;display: inline-block;float:left;overflow:hidden;background:url(../images/event_bg.png) no-repeat 0 -90px;float:right;}
.glist .newg2{width:120px;height:26px;line-height:26px;text-align:center;display: inline-block;float:left;overflow:hidden;background:url(../images/event_bg.png) no-repeat 0 -42px;float:right;}
/*游戏大事件之迷城物语*/
.title_b {

    height: 42px;
    line-height: 42px;
    background: url("/images/qi/title.gif") no-repeat;
    padding-right: 10px;
    overflow: hidden;
    border-radius: 5px 5px 0px 0px;
}
.title_b dt {
    width: 110px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin-right: 70px;
}
.title_b a {
    float: right;
    font-size: 16px;
    font-weight: normal;
    color: #239963;
    transition: all 0.3s ease;
    margin-top:-43px;
}

/*漂浮二维码*/
.float_btn {
    position: fixed;
    top: 412px;
    left: 50%;
    cursor: pointer;
    margin-top: -50px;
    margin-left: 610px;
    z-index: 100;
}
#gotops a {
    display: block;
}
.float_btn a {
    display: block;
    width: 66px;
    height: 66px;
    margin-bottom: 1px;
    background: #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2;
    background: url(../images/float_btn.jpg) no-repeat;
}
.float_btn a:hover u,.float_btn #ewm a u{color:#458ffc; text-decoration:none;}
.float_btn #ewm.hover i{display:block;width:11px;height:15px;position:absolute;top:100px;left:-15px;background:url(https://img3.hackhome.com/image/ewm.gif) no-repeat;}
.float_btn #ewm.hover{height:66px;}
.float_btn #ewm.hover em{display:block;position:relative;height:200px;width:188px;bottom:60px;left:-203px;padding-top:6px;background:#fff;border:1px solid #ddd;}
.float_btn #ewm.hover em img{width:150px;height:150px;padding:10px 12px 3px 12px;margin:0 6px;}
.float_btn #ewm.hover em u{display:block;height:24px;line-height:24px;margin:0 6px;font-size:14px;background:#fff;padding-bottom:6px;text-align:center;text-decoration:none;}
#gotops a:hover{ background-position:-67px 0;}
#pinglun a:hover{background-position:-67px -68px;}
#ewm a:hover{background-position:-67px -135px;}
#ewm a {
    background-position: 0 -135px;
}
.float_btn #ewm em, .float_btn #ewm i {
    display: none;
}
#pinglun a {
    background-position: 0 -68px;
}
.share_btn a {
    background-position: 0 -203px;
}
.share_btn a:hover,.share_btn.hover a{background-position:-67px -203px;}
#bdshare {
    display: none;
    height: 48px;
    position: absolute;
    right: 65px;
    bottom: 0px;
    width: 272px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 9px 0 8px 10px;
    border-right: 0;
    
    line-height: 45px;
}
#bdshare span{
    margin-top:5px;
    }
.bdshare-button-style0-16 {
    zoom: 1;
    float: left;
}
.sinaGFoot-share a.a1 {
    background-position: -55px 0!important;
}
.sinaGFoot-share a.a2 {
    background-position: 0 0!important;
}
.sinaGFoot-share a.a3{background-position: -110px 0!important}
.sinaGFoot-share a.a4{background-position: -165px 0!important}

.sinaGFoot-share a.a6 {
    background-position: -385px 0!important;
}
.sinaGFoot-share a.a7 {
    background-position: -220px 0!important;
}
.sinaGFoot-share a.a5 {
    background-position: -275px 0!important;
    text-indent: -999px;
}
.sinaGFoot-share a.a8 {
    background-position: -438px 0!important;
}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
    float: left;
    font-size: 12px;
    padding-left: 17px;
    line-height: 16px;
    height: 16px;
    background-image: url(../img/share/icons_0_16.png?v=91362611.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 6px 6px 6px 0;
}
.sinaGFoot-share a {
    background: url(../images/share.jpg)!important;
    display: inline-block;
    overflow: hidden;
    width: 35px;
    height: 35px!important;
   // margin-right: 10px!important;
    padding: 0!important;
}


.qijx {width:1200px;overflow:hidden;}
.qijx ul{ width:1250px; padding:6px 18px;}
.qijx ul li{ width:98px; margin-right:20px; margin-top:10px; display:inline; float:left;}
.qijx ul li img{ width:90px; height:90px; padding:4px; border:1px solid #d3e4e5; background:#ecf2f3; display:block;}
.qijx ul li p{ height:36px; line-height:36px; overflow:hidden; text-align:center; font-size:14px;}

/*版本*/
.text-top h1{position:relative;}
.text-top h1 sup,.text-top h1 sub{font-size:14px;font-size:12px !important;position:absolute;}
.text-top h1 sup{top:4px;margin-left:12px;}
.text-top h1 sub{bottom:2px;margin-left:12px}
.text-top h1 a.down { display: inline-block; margin-left: 10px; font-size: 16px; width: 90px; background: #f02f2f; color: #fff; text-align: center; line-height: 32px;font-weight: bold; border-radius: 18px;}
.text-top h1 a.down:hover { background-color: #c00 }

/*new 简介*/
.yx_info {
    height: 160px;
    padding-top: 8px;
    border-bottom: 1px solid #ddd;
    clear: both;
    position: relative;
    margin-bottom:20px;
    background:#fff;
}
.yx_info .i_ico {
    display: block;
    float: left;
    width: 120px;
    height: 120px;
    margin-right: 17px;
    margin-left:10px;
    border-radius:13px;
}
.yx_info h2 {
    font-size: 24px;
    font-weight: normal;
    height: 30px;
    color: #333;
    float: left;
    width: 680px;
}
.yx_info p {
    font-size: 14px;
    padding-top: 10px;
    color: #777;
    width: 760px;
    float: left;
}
.yx_info p span {
    padding-right: 20px;
}
.yx_info p .wangg {
    color: #fd8a25;
}
.yx_info p .star {
    display: block;
    float: left;
    text-align: center;
    width: 102px;
    height: 35px;
    background: #4ca4fc;
    border-radius: 3px;
    color: #fff;
    line-height: 35px;
}
.yx_info p .scyx {
    display: block;
    float: left;
    text-align: center;
    width: 102px;
    height: 35px;
    background: #fd8a25;
    color: #fff;
    border-radius: 3px;
    margin-left: 10px;
    line-height: 35px;
    cursor:pointer;
}
.yx_info .sma {
    width: 150px;
    text-align: center;
    position: absolute;
    background:#fff;
    margin-left:115px;
    *margin-left:40px;
    top: 75px;
    border:1px solid #CCC;
    border-radius:3px;
    box-shadow:0px 1px 10px #999;
    -o-box-shadow:0px 1px 10px #999;
    -moz-box-shadow:0px 1px 10px #999;
    -webkit-box-shadow:0px 1px 10px #999;
    -ms-box-shadow:0px 1px 10px #999;
}
.yx_info .sma:before{
    content:"";
    width:0px;
    height:0px;
    position:absolute;
    border-right:10px solid #CCC;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    top:10px;
    left:-10px;
    }
.yx_info .sma img {
    width: 110px;
    height: 110px;
    margin-top:10px;
    
}
.yx_info .sma span {
    display: block;
    text-align: center;
    color: #333;
    
}


.js {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    padding:5px 15px;
    
}
.jt {
    position: relative;

    width: 680px;
    margin:0 auto;
    overflow: hidden;
}
.jietu {
    padding-bottom: 10px;
    overflow: hidden;
    padding-top: 4px;
    position: relative;
    height: 330px;
}
.jietushow {
    padding: 20px 0;
    position: relative;
    width: 680px;
    height: 322px;
}
.icog_prev {
    background: url(/images/table.png) no-repeat;
    width: 16px;
    height: 29px;
    background-position: -29px -100px;
    position: absolute;
    left: 5px;
    top: 160px;
    z-index: 5;
}
.icog_next {
    background: url(/images/table.png) no-repeat;
    width: 16px;
    height: 29px;
    position: absolute;
    background-position: -78px -100px;
    right: 5px;
    top: 160px;
    z-index: 5;
}
.screenimg {
    overflow: hidden;
    width: 630px;
    margin: 0 auto;
    position: relative;
}
.screenimg ul {
    margin: 0px;
    padding: 0px;
    position: relative;
}
.screenimg li {
    display: block;
    float: left;
    text-align: center;
    width: 210px;
    height: 320px;
    overflow: hidden;
    padding-top: 10px;
}
.screenimg li img {
    width: 200px !important;
    height: 300px;
}

/*newplay*/
#newplay{
    color:#F80;
    position:relative;
    }
#nepl{
    position:absolute;
    width:400px;
    border:1px solid #CCC;
    border-radius:2px;
    box-shadow:0px 1px 5px #d0d0d0;
    -o-box-shadow:0px 1px 5px #d0d0d0;
    -moz-box-shadow:0px 1px 5px #d0d0d0;
    -webkit-box-shadow:0px 1px 5px #d0d0d0;
    -ms-box-shadow:0px 1px 5px #d0d0d0;
    line-height:22px;
    background:#fff;
    color:#666;
    z-index:999;
    margin-top:6px;
    *margin-top:25px;
    *margin-left:-240px;
    text-indent:4px;
    font-family: "Microsoft Yahei";
    }
#nepl:before{
    content:"";
    width:0px;
    height:0px;
    border-bottom:10px solid #d0d0d0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    position:absolute;
    top:-10px;
    left:50%;
    }   
    
/*new title*/
#giftWrap .recommen_g{width:870px;height:40px;margin:0px auto;overflow:hidden;border-bottom:1px solid #eaeaea;}
#giftWrap .recommen_g .tj{width:94px;height:40px;color:#666;text-align:center;line-height:40px;float:left;font-size:20px;font-weight:bold;text-indent:10px;}    
.title_g {width:860px; height: 42px; margin:0 auto;line-height: 42px;padding-right: 10px; overflow: hidden; clear:both;border-bottom:1px solid #eaeaea;}
.title_g dt, .title_g dd { float: left; height: 42px; }
.title_g dt { width: 110px; font-size: 20px; font-weight: bold; color: #666; text-align: center; margin-right: 70px; }
.title_g dd { width: 95px; font-size: 16px; color: #239963; margin-right: 10px; text-align: center; cursor: pointer; }
.title_g dd.hover { background: #239963; color: #fff; }
.title_g a { float: right; font-size: 16px; font-weight: normal; color: #b6b6b6; transition: all 0.3s ease; }
.title_g a:hover { color: #f60; }   
.recommen_g .more{float:right;line-height:40px;font-size:16px;padding-right:10px;}
.recommen_g .more a{color:#b6b6b6;transition: all 0.3s ease;}
.recommen_g .more a:hover{color:#f60;}
.area_g{ width: 1200px;height:100%; margin: 0 auto 20px;background:#fff;}
.title_n {width:1170px; height: 42px; margin:0 auto;line-height: 42px;padding-right: 10px; overflow: hidden; clear:both;border-bottom:1px solid #eaeaea;}
.title_n dt { width: 110px; font-size: 20px; font-weight: bold; color: #666; text-align: center; margin-right: 70px; }
.col-930_g { float: left;width: 890px; background-color: white;padding-bottom: 10px;border-right:1px solid #eaeaea;padding-right:10px;}
.score{width:85px;height:85px;border:2px solid #0cF;border-radius:50%;-ms-border-radius:50%;position:absolute;right:7%;cursor:pointer;*top:5px;}
.score em{text-align:center;line-height:85px;font-family: Arial-BoldMT,'Arial Bold',Arial;font-size:37px;font-weight:700;color:#0cF;padding-left:18px;}

#dianzan{position:absolute;bottom:4px;right:-4px;}

/*daoju*/
.maincon{width:1200px;margin:0 auto;}
.dj_con{width:1200px;}
.dj_con  h3.dj_nav{
    font:bold 20px/22px '\5FAE\8F6F\96C5\9ED1';
    background:url(https://img3.hackhome.com/image/icon_hero.png) no-repeat left center;
    padding-left:26px;
    color:#323235;
}
.dj_con  .dj_tab{
    width:1200px;
    margin:20px auto;
    height:40px;
}
.dj_con .dj_tab span{
    width:33%;
    height:40px;
    color:#4b4b4b;
    float:left;
    text-align:center;
    line-height:48px;
    font-size:16px;
    border-bottom:3px solid #d4d4d4;
}
.dj_con .dj_tab span a{
    color:#4b4b4b;  
}
.dj_con .dj_tab span.cur{
    color:#3589DD;
    font-weight:bold;
    border-bottom:3px solid #3589DD;
}
.dj_con .dj_tab span.cur a{
    color:#3589DD;
}
.dj_con .dj_lie{width:100%;height:48px;padding:16px 0;}
.dj_con  .dj_lie ul{width:100%;height:48px;display:block;}
.dj_con .dj_lie ul li{display:inline-block;padding-left:50px;}
.dj_con .dj_lie ul li  .msradio{width:18px;height:18px;display:inline-block;border:1px solid #b3b3b3;border-radius:50px;position:relative;margin-right:8px;cursor:pointer;}
.dj_con .dj_lie ul li label{vertical-align:super;cursor:pointer;}
.dj_con .dj_lie ul li.ido  .msradio  i{
    width:12px;height:12px;display:inline-block;position:absolute;top:3px;left:3px;border-radius:50px;background-color:#358add;
    
}
.dj_con .dj_wuqi ul{width:1200px;display:block;}
.dj_con .dj_wuqi ul li{width:83px;height:120px;display:block;float:left;margin:0px 18px;line-height:30px;position:relative;cursor:pointer;}
.dj_con .dj_wuqi ul li span{text-align:center;width:83px;display:block;}
.dj_con  .dj_wuqi ul li .ms{width:300px;height:auto;display:none;position:absolute;top:0;left:0;z-index:999;background:rgba(0,0,0,0.8);border:1px solid #25bDF2;color:#FFF;}
.dj_con .dj_wuqi ul li img.kp{width:83px;height:83px;border:2px solid #258DF2;border-radius:10px 0 10px 0;}
.dj_con .dj_wuqi .gjall,.dj_con .dj_wuqi .fsall,.dj_con .dj_wuqi .fyall,.dj_con .dj_wuqi .ydall,.dj_con .dj_wuqi .dyall{
    display:none;
    
}
.dj_con  .dj_wuqi ul li .ms img{width:73px;height:73px;border-radius:5px;float:left;margin:20px;}
.dj_con  .dj_wuqi ul li .ms .msr{width:180px;height:73px;float:left;margin-top:15px;}
.dj_con  .dj_wuqi ul li .ms .msr h3{color:#37d319;font-size:18px;font-weight:bolder;}
.dj_con  .dj_wuqi ul li .ms .msr p.jg{color:#cd9818;}
.dj_con  .dj_wuqi ul li .ms  .jt{width:260px;clear:both;text-align:left;color:#489df0;margin-bottom:50px;}
.zhsjn{width:1200px;margin:70px auto;display:none;min-height:500px;border:2px solid #E8E8E8;border-top:0;}
.zhsjn .jnlb{width:500px;float:left;margin-left:20px;}
.zhsjn .jnlb ul.zhslb{width:500px;display:block;}
.zhsjn .jnlb  ul.zhslb li{width:85px;height:120px;display:block;float:left;margin:0px  18px;line-height:30px;cursor:pointer;margin-bottom:22px;}
.zhsjn .jnlb  ul.zhslb li img.zhs{width:85px;height:85px;border:3px solid #258DF2;border-radius:10px 0;}
.zhsjn .jnlb  ul.zhslb li.zhsb img.zhs{border:3px solid #00A383;} 
.zhsjn .jnlb  ul.zhslb li  span{width:85px;display:block;text-align:center;color:#686869;}
.zhsjn .jnlb  ul.zhslb li.zhsb  span{color:#00A383;}
.zhsjn .jnxs{width:600px;float:left;margin-left:15px;border-left:1px solid #E8E8E8;padding-left:40px;}
.zhsjn .jnxs  .jineng{width:570px; height:400px;display:none;}
.zhsjn .jnxs  .jineng:first-child{display:block;}
.zhsjn .jnxs .jineng  img{width:570px; height:340px;border-radius:5px;}
.zhsjn .jnxs .jineng  h3{font-size:16px;font-weight:bold;display:block;line-height:30px;color:#00A383;}
.zhsjn .jnxs .jineng  .jso{color:#9A9A9A;line-height:30px;font-size:14px;}
.zhsjn .jnxs .jineng   .xx{padding:20px 0;line-height:18px;color:#333;font-size:14px;}
.dj_con .dj_wuqi ul.wqall{min-height:1160px;border:2px solid #E8E8E8;border-top:0;}
.dj_con .dj_wuqi ul.gjall{min-height:450px;border:2px solid #E8E8E8;border-top:0;}
.dj_con .dj_wuqi ul.fsall{min-height:450px;border:2px solid #E8E8E8;border-top:0;}
.dj_con .dj_wuqi ul.fyall{min-height:450px;border:2px solid #E8E8E8;border-top:0;}
.dj_con .dj_wuqi ul.ydall{min-height:200px;border:2px solid #E8E8E8;border-top:0;}
.dj_con .dj_wuqi ul.dyall{min-height:200px;border:2px solid #E8E8E8;border-top:0;}
.link{width:1100px;margin:5px auto;position:relative;padding:15px 0;padding-left:100px;font-size:14px;color:#444;line-height:30px;border:1px solid #3db73d;background:#FFF;}
.link span{position:absolute;left:20px;top:15px;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.link a{color:#444;width:12%;display:inline-block;height:30px;overflow:hidden;}
.game-data1 .zx,.game-data1 .zx2{display:none;}
.main{width:1200px;margin:0 auto;background:white;}
.main .area { padding: 20px 20px 0 20px !important; width: 1160px !important}
a{color:#666;}
.area{width:1200px;/* margin: 10px auto 15px; */}
.glxd{width:820px;min-height:500px;overflow:hidden;float:left;background:#fff;margin-left:10px;}
.titles{height:35px;border-bottom:1px solid #dbdbdb;}
.titles:before{content:"";display:block;width:0;height:0;clear:both;}
.titles h2{float:left;line-height:26px;border-left:5px solid #f02f2f;color:#666;padding-left: 10px;-moz-transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;}
.con_list{float:none;background-color:white;margin-top:0;}
.con_list ul{padding-bottom:0px;}
.con_list li{padding:15px 0 0 0px;height:130px;float:none;border-bottom:1px dashed #ccc;}
.con_list .g{float:left;widtH:90px;}
.con_list .g a{position:relative;widtH:210px;height:115px;float:left;overflow:hidden;border-radius:5px;}
.con_list .g img{widtH:210px;height:auto;border-radius:5px;min-height:115px;}
.con_list .ginfo{float:left;margin-left:140px;widTH:575px;font-size:14px;color:#999;}
.con_list .ginfo b{display:block;line-height:36px;height:36px;font-size:20px;overflow:hidden;font-weight:400;width:575px;}
.con_list .ginfo b a{color:#444;-moz-transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;}
.con_list .ginfo i{float:left;display:block;line-height:26px;height:26px;padding-right:14px;font-style:normal;}
span.hits{display:inline-block;height:16px;width:17px;background:url(../images/zt-ico.gif) no-repeat -64px -3px;margin:-3px 3px -2px 15px;}
span.date{display:inline-block;height:16px;width:16px;background:url(../images/zt-ico.gif) no-repeat -8px -3px;margin:-3px 3px -3px 15px;}
span.name{display:inline-block;height:16px;width:16px;background:url(../images/zt-ico.gif) no-repeat -38px -3px;margin:-3px 3px -4px 15px;}
.con_list .ginfo p{display:block;line-height:26px;height:75px;overflow:hidden;width:575px;}
a.read_all{color:#fff;background-color:#75b900;-moz-transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;padding:0 5px;border-radius:3px;font-size:13px;}
a.read_all:hover{color:#fff;background-color:#f08620;}
.qif{float:right;width:320px;height:auto;background:#fff;margin-bottom:15px;overflow:hidden;margin-right:10px}
.qif .qik{float:right;color:#808080;font-size:13px;background:url(../images/change.png) no-repeat left;padding:0 15px;cursor:pointer;margin-top:9px;}
.qif .guess{width:330px;height:415px;display:block;margin-top:20px;overflow:hidden;position:relative;}
.qif .guess li{width:155px;height:140px;overflow:hidden;float:left;margin:0px 0px 0px 14px;}
.qif  .guess li a:hover{color:#fff;}
.qif .guess li:nth-of-type(odd){margin-left:0px;}
.qif .guess li .gpic{width:155px;height:100px;overflow:hidden;}
.qif .guess li img{width:155px;height:auto;min-height:100px;}
.guess li p{display:block;width:155px;height:28px;line-height:28px;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;}
.qif .guess li:hover p{background:#239963;}

.img_box_90,.c_left a,.applist a{position:relative;display:inline-block;width:90px;}

.bg_90{background:url(../images/bg_90.png);width:90px;height:90px;position:absolute;top:0px;left:0px;}

.area:after{content:".";height:0;display:block;clear:both;visibility:hidden;}
.titles .more{float:right;line-height:35px;padding-right:10px;font-size:13px;}
.titles .more:hover{color:#f60;}
.breadline { padding-left: 20px; padding-top: 15px; padding-bottom: 0 }


.kwdcon {width: 100%;margin: 20px auto 20px;position: relative;height: 120px;background: #f8f8f8;border-radius: 5px;}
.kwdconw{height: 155px;margin-bottom: 0px;}
.kwdcon .imgbg {width: 100%;position: absolute;left: 0;top:0px;overflow: hidden;height: 120px;background: #000;border-radius: 5px;}
.kwdconw .imgbg{border-radius: 5px 5px 0 0;height: 155px;} 
.kwdcon .imgbg img { width: 100%;opacity: 0.3;height: 100%;}
.kwdcon .icon { position: absolute; top:10px; left:15px;border-radius:15px; background: #fff; overflow: hidden; box-shadow: 0px 0px 5px #666; width: 100px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out }
.kwdcon .icon img { width:100px; height: 100px; display: block;  }
.kwdcon .icon:hover { top:5px;}
.kwdcon .tags { font-size: 14px; line-height:23px; margin:2px 0 8px 0 }
.kwdcon .tags a { display: inline-block; background: #75b900; padding: 0 10px; border-radius:4px; color: #fff; margin-right: 10px }
.kwdcon .tags a:hover { background:#ff7700 ;}
.kwdcon .textbox { position: absolute; top:10px; left: 130px; color: #fff }
.kwdcon .textbox h4 { font-size: 18px; font-weight:bold; line-height: 30px; }
.kwdcon .textbox p { max-height:38px; overflow: hidden; }
.kwdcon span { display: block; position: absolute; right:20px; top:15px; width: 140px; line-height:40px;height:40px; background: #ff8800; border-radius:5px; font-size: 16px; color: #fff; text-align: center;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out}
.kwdcon span em { font-family: "宋体"; font-weight: bold; }
.kwdcon a:hover span { background:#ff5500 ;}
.kwdcon .c_4 {position: absolute;margin:0 auto;width: 820px;height:38px;line-height:38px;color:#444;border-top:1px dotted #777;overflow: hidden;bottom: 0px;}
.kwdcon .c_4 a {float:left; padding:0 15px; color:#DDD; font-size: 14px;}
.kwdcon .c_4 a:hover {height:28px;line-height:28px;margin:5px 0;color:#fff;background:rgba(49, 160, 225, 0.5);border-radius:4px;}
.kwdcon .c_4 a.zq {padding-right:20px; color:#31a0e1; background:url(../images/ztli.gif) 75px 1px no-repeat;}
.kwdcon .c_4 a.zq:hover {color:#fff;background:url(../images/ztli.gif) rgba(49, 160, 225, 0.5) no-repeat;background-position:75px -42px;}

.box_tag {padding-left:98px;width: 720px;height:auto;border: 1px solid #e7e7e7;background:url(../images/icon_qltj.png) 20px center no-repeat;overflow: hidden;margin-bottom: 10px;border-radius: 0 0 5px 5px;}
.box_tag .boxtag {width:720px;height: 93px;border-left: 1px solid #ddd;overflow:hidden;}
.box_tag .boxtag .taglike {width:100%;clear:both; display:inline-block; height:30px; border-top:1px solid #e7e7e7;}
.box_tag .boxtag .taglike a {float:left; display:inline-block; width:25%; height:30px; line-height:28px; font-size:14px; border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; text-decoration:none;margin-left: -1px;text-align:center;overflow:hidden;}
.box_tag .boxtag .taglike a:nth-child(5){width:33%;}
.box_tag .boxtag .taglike a:nth-child(6){width:34%;}
.box_tag .boxtag .taglike a:nth-child(7){width:33%;}
.box_tag .boxtag .taglike a:hover{background:#FF8329;color:#fff;}


/*gl*/
.glxd .gl,.glxd .gl2,.glxd .xg,.glxd .xg2{ display:none;}


.glxdx{/* width:1200px; */margin:0px 0px;background:#fff;}
.glxdx ul {overflow: hidden;width: 1200px;}
.glxdx ul li{width: 216px;height: 150px;float: left;margin: 10px 20px 0 0;overflow: hidden;}
.glxdx ul li .img {width: 100%;border-radius: 3px;height: 120px;overflow: hidden;}
.glxdx ul li img{width: 100%;min-height: 120px;}
.glxdx ul li p{text-align: center;line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.glxdx ul li:hover p{display: none;}
.glxdx ul li span{display:none;width: 120px;height: 26px;background: #75b900;color: #fff;line-height: 26px;text-align:  center;margin: 5px auto;border-radius: 4px;font-size: 14px;}
.glxdx ul li:hover span {display: block;}
.maro-btn {display: block;width: 340px;height: 36px;background:#eee;line-height: 36px;text-align: center;margin:20px auto 0;border-radius:3px; clear: both;}
.maro-btn:hover {background: #999; color: #fff}
.tg_soft { overflow: hidden;  background: #fff; padding-bottom: 20px;}
.tg_soft li {float: left; width: 280px; padding: 10px; margin-left:0;}
.tg_soft .ztgimg { float: left;margin-right: 8px;}
.tg_soft .img_box_90, .tg_soft .c_left a, .tg_soft .ztgimg, .tg_soft .applist a { position: relative;display: inline-block; width: 90px;}
.tg_soft .ztgimg img { width: 90px; height: 90px;}
.tg_soft .ztgname { display: block; width: 170px; height: 22px; color: #444; line-height: 22px; overflow: hidden; font-size: 16px; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s;}
.tg_soft  li span { display: inline-block; width: 155px;  height: 24px; color: #999; line-height: 18px; margin-top: 8px;}
.tg_soft li span .g_down { background: #2590e2; color:#fff; padding: 0px 10px 0 10px; border-radius: 3px;}
.tg_soft li span .g_down:hover {background: #f08620; color:#fff;}


.main table {width: 1160px; margin:20px auto 0; border: 1px solid #ddd; border-collapse: collapse;}
.main table td {padding: 5px 0; font-size: 14px; color: #666;border: 1px solid #ddd;}
.main table td a { color: #74c01e }
.main table td a:hover {color:#d70000}

.hdarea{height:49px;border-bottom:1px solid #eee;}
.hdarea em{float:left;height:48px;overflow:hidden;line-height:54px;font-size:18px;font-weight:700;color:#333;border-bottom:2px solid #2794EF;margin-left:14px;padding:0 3px;display:inline;position:relative;margin-bottom:-1px}
.hdarea .sp1{border-color:#2794EF}
.hdarea .sp2{border-color:#FF6801}
.hdarea .sp3{border-color:#52BE7F}

.gradation{width:1180px;margin:0 auto;overflow: hidden;}
.gditem{float:left;width: 372px;overflow:hidden;margin:0 10px;display:inline;}
.gditem .hdarea em{margin-left:0}
.gditem ul{width: 372px;overflow:hidden;padding:5px 0;}
.gditem ul li{float:left;width: 115px;height:42px;overflow:hidden;margin:10px 9px 0 0;display:inline;}
.gditem ul li a{display:block;/* width:94px; */height:40px;border:1px solid #95CBF7;background:#fff;border-radius:4px;font-size:14px;text-align:center;line-height:40px;}
.gditem ul li a:hover{background:#2794EF;border-color:#2794EF;color:#fff;text-decoration:none}

.gditem2{float:left;width: 570px;overflow:hidden;margin:0 10px;display:inline;}
.gditem2 .hdarea em{margin-left:0}
.gditem2 ul{width: 580px;overflow:hidden;padding:5px 0;}
.gditem2 ul li{float:left;width: 105px;height:42px;overflow:hidden;margin:10px 9px 0 0;display:inline;}
.gditem2 ul li a{display:block;/* width:94px; */height:40px;border:1px solid #95CBF7;background:#fff;border-radius:4px;font-size:14px;text-align:center;line-height:40px;}
.gditem2 ul li a:hover{background:#2794EF;border-color:#2794EF;color:#fff;text-decoration:none}

.gditem1{float:left;width: 1180px;overflow:hidden;margin:0 10px;display:inline;}
.gditem1 .hdarea em{margin-left:0}
.gditem1 ul{width: 1180px;overflow:hidden;padding:5px 0;}
.gditem1 ul li{float:left;width: 108px;height:42px;overflow:hidden;margin:10px 9px 0 0;display:inline;}
.gditem1 ul li a{display:block;/* width:94px; */height:40px;border:1px solid #95CBF7;background:#fff;border-radius:4px;font-size:14px;text-align:center;line-height:40px;}
.gditem1 ul li a:hover{background:#2794EF;border-color:#2794EF;color:#fff;text-decoration:none}

/*目录库*/
.glmlk{width:1160px;margin:0 auto;overflow: hidden;zoom: 1;margin-top: 20px;position: relative;padding-bottom: 20px;padding-top: 20px;border-top: 1px solid #eee;}
.glmlk .ct{margin-bottom: 10px;overflow: hidden;}
.glmlk .ct span{ color:#74c01e; font-size:23px; height:23px; line-height:23px; padding-left:35px; background: url(http://static.shouji56-img.com/pc/images/strategy_ico.png) 0px -326px no-repeat;}
.glmlk .ct font{ color:#cdcdcd; font-size:13px; letter-spacing: 1px; padding-left: 8px; display: inline-block;}
.glmlk .letter{width: 1130px;height: 50px;background: url(http://static.shouji56-img.com/pc/images/strategy_ico.png) 0px -353px repeat-x;border-radius: 4px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);margin: 0 auto;padding: 10px 16px 2px 16px;margin-bottom: 14px;/* margin-top: 10px; */}
.glmlk .letter a{width: 32px;height: 39px;display:inline-block;font-size:16px;color:#333;line-height:35px;text-align:center;margin-right: 12px;background: url(http://static.shouji56-img.com/pc/images/strategy_ico.png) -20px -895px no-repeat;}
.glmlk .letter a:hover { color: #d70000 }
.glmlk .item{width: 1160px;margin:0 auto;overflow: hidden;zoom: 1;position: relative;background: url(http://static.shouji56-img.com/pc/images/gray_bg.png) 0px 0px repeat-y;margin-bottom: 3px;}
.glmlk .item span{width:35px;text-align:center;display: inline-block;float: left;position: absolute;top: 50%;font-size: 30px;text-shadow: 1px 1px 1px #fff;height: 30px;line-height: 30px;color: #999;margin-top: -15px;}
.glmlk .item span font{ color:#b2b2b2; font-size: 30px; top: 45%; height: 36px; line-height: 36px; left: 17px;}
.glmlk .item:hover,.hover{ background:url(http://static.shouji56-img.com/pc/images/item_hover.png) repeat-y; color:#74c01e;}
.glmlk .item.hover .li,.item:hover .li{ background:#eaf6dc;}
.glmlk .li{width: 1100px;float: right;background: #f6f6f6;font-size: 14px;padding: 10px 0px 10px 10px;}
.glmlk .li a{color:#555;width: 264px;display:inline-block;background: url(http://static.shouji56-img.com/pc/images/point_tip.png) 1px 8px no-repeat;padding-left: 9px;/* margin-bottom: 15px; */float: left;text-overflow: ellipsis;overflow: hidden;height: 35px;line-height: 35px;white-space: nowrap;}
.glmlk .li a:hover{ color:#d70000;}

/*资源下载*/
.zy_soft {overflow: hidden;background: #fff;}
.zy_soft ul { overflow: hidden; margin-top:10px; width: 1200px}
.zy_soft li {float: left; width:350px; background: #fafafa; padding: 12px 15px; margin:0 10px 10px 0;-moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s;}
.zy_soft li:hover { background: #eee }
.zy_soft .zyimg { float: left;margin-right: 10px;}
.zy_soft .zyimg img { width: 40px; height: 40px; display: block; border-radius: 8px}
.zy_soft .ztgname { display: block; width: 220px; height: 22px; color: #444; line-height: 22px; overflow: hidden; font-size: 16px; }
.zy_soft .ztgname:hover { color: #ff6620 }
.zy_soft li span { display: inline-block; width: 155px;  height:18px; color: #999; line-height: 18px;}
.zy_soft li .g_down { background: #e8e8e8; color:#666; padding: 5px 20px 5px 20px; border-radius: 3px; float: right; margin-top:6px;}
.zy_soft li .g_down:hover {background: #75b900; color:#fff;}


/*浮动菜单*/
.rNav{ width:70px; background:#515151;position: absolute; top: 249px; z-index: 9999; left: 50%; margin-left:600px;}
.rNav a{ color:#dedede; font-size:13px; font-family:"微软雅黑"; width: 70px; height: 28px; display: block; text-align: center; border-bottom: 1px solid #5d5d5d; line-height: 28px;}
.rNav a.goTop{ width:70px; height:43px; background: url(http://static.shouji56-img.com/pc/images/strategy_ico.png) 0px -538px no-repeat; display:block; cursor:pointer;}
.rNav a.goTop:hover{ background: url(http://static.shouji56-img.com/pc/images/strategy_ico.png) 0px -825px no-repeat;}
.rNav ul{}
.rNav ul li a{ width:70px; height: 28px; line-height: 28px; border-bottom:1px solid #5d5d5d; display:inline-block; font-size:13px; font-family:Arial; color:#dedede; text-align:center; color:#fff;}
.rNav ul li a:hover .active{ background:#88bf49; color:#fff;}

/*图鉴*/
.tujian {margin:0px 0px;padding-bottom: 20px;overflow: hidden;}
.tujian ul.tab_menu {float: left;height: 36px;overflow: hidden;margin: 0px 0px 0 50px;display: inline;}
.tujian ul.tab_menu li {float: left;height: 40px;overflow: hidden;margin-right: 15px;display: inline;line-height: 30px;font-size: 16px;padding: 0 3px;}
.tujian ul.tab_menu li.on {height: 35px;border-bottom: 1px solid #f60;}
.tujian ul.tab_menu li.on a { color:#f60  }
.tujian_lists ul { display: none; }
.tujian_lists ul li{float:left;display:inline;background:#fff; margin: 15px 11px 0;}
.tujian_lists ul li a{ display: block; border:5px solid #F2F2F2;background:#F2F2F2;overflow:hidden;text-align:center;line-height:2.4;font-size:14px}
.tujian_lists ul li a:hover{border:5px solid #75b900;background:#75b900;color:#fff;text-decoration:none}
.tujian_lists ul img{display:block;margin:0 auto; width: 110px; height: 110px; background: #fff}


.glbox2 {overflow: hidden; padding: 20px 20px 0 20px !important;}
.glbox2 .imglist{clear: both;width: 1250px;overflow: hidden;}
.glbox2 .imglist li{float: left;display: inline;width: 210px;margin-right: 27px;margin-top: 15px;}
.glbox2 .imglist li a { display: block;}
.glbox2 .imglist li a img { display: block;width: 200px;height: 110px;padding: 4px;border: 1px #ddd solid;}
.glbox2 .imglist li a span {display: block;text-align: center;color: #666; line-height: 30px;height: 30px;overflow: hidden;}
.glbox2 .imglist li a:hover span {color: #FB3F00; }
.glbox2 .textlist{clear: both;border-top:dotted 1px #ccc;margin: 10px 0 0 0px;padding-top: 10px;width: 1160px;overflow: hidden;}
.glbox2 .textlist li{float:left;width: 373px;line-height: 30px;height: 30px;font-size: 12px;overflow: hidden;margin-right: 20px;}
.glbox2 .textlist li:nth-child(3n) { margin-right: 0 }
.glbox2 .textlist li span{float:left;width: 320px;height: 30px;overflow: hidden;padding-left: 11px;background: url(http://static.shouji56-img.com/pc/images/tb_list.gif) no-repeat 0px 12px;}
.glbox2 .textlist li span a{color: #565656;}
.glbox2 .textlist li span a:hover{color:#FB3F00;}
.glbox2 .textlist li span i{display: block; font-style:normal;}
.glbox2 .textlist li em { float: right; color: #999 }


.anchornav { margin: 0px auto; width: 1200px; height:40px; background-color: #fff; border-bottom: 1px solid #eee }
.anchornav ul { overflow: hidden; }
.anchornav li {float: left;position: relative;margin-right: 10px;min-width: 20px;height: 40px;}
.anchornav li.titl {font-size: 16px; width: 100px; padding-left: 20px; text-align: center; color: #75b900; line-height: 40px; border-bottom:1px solid #75b900 }
.anchornav li.titl img {position: absolute;top: 14px;left:15px;}
.anchornav li a {font-size: 15px;line-height: 40px;display: block;padding: 0px 10px;}
.anchornav li a:hover {color: #75b900 }
.anchornav li i {position: absolute;top: 7px;right: 8px;border-right: 1px solid #ddd;width:18px;height:18px;transform: rotate(40deg);}



.soft_item{height: 225px;padding: 38px 0;margin: 0 20px;border-bottom: 1px solid #e6e6e6;}
.soft_item .net{width: 735px;height: 100%;overflow: hidden;float: right;}
.soft_item .net .bt{ text-align: center; height: 19px; line-height: 19px; overflow: hidden; font-size: 18px;  font-weight: bold;}
.soft_item .net .bt a{color: #313131;}
.soft_item .net .bt a span{ display: inline-block; vertical-align: middle; color: #f0412a; font-size: 14px; margin-top: 0px; font-weight: normal; padding-left: 17px;}
.soft_item .net .text{ line-height: 21px; height: 42px; overflow: hidden; width: 100%; color: #737373; font-size: 14px; padding-top: 24px;}
.soft_item .net .info{ width: 800px; height: 115px; padding-top: 25px;}
.soft_item .net .info a{display: block; float: left; width: 115px; height: 115px; margin-right: 40px; border-radius: 20px; overflow: hidden;}
.soft_item .img_right{float: left;display: block;width: 400px;height: 200px;overflow: hidden;margin-top: 24px;border-radius: 4px;}
.soft_item img{ width: 100%; height: 100%;}


#yxzl{overflow:hidden;zoom:1; margin-top: 20px;}
.contitle{overflow:hidden;zoom:1; line-height: 30px; padding-top: 11px; background:url(http://static.shouji56-img.com/pc/images/title_bg_zt.png) no-repeat;position: relative;margin: 0px 14px;}
.contitle b{display: block; font-size:22px; color:#363636;font-weight:300;padding-bottom: 12px;padding-left: 19px;background: url(http://static.shouji56-img.com/pc/images/title_bg_hover.png) repeat-x 0px 40px;}
div.contitle .tab_tag,div.contitle .tab_tag li{float:left;display:inline; overflow:hidden;zoom:1;}
div.contitle .tab_tag{width: 670px;height: 35px;margin-top: 7px;position: absolute;top: 11px;right: 0px;padding-left: 2px;}
div.contitle .tab_tag li{position: relative; width: 110px; height: 32px; line-height: 29px; text-align: center; text-shadow:0px 1px 0px #fff; cursor: pointer; font-weight: 300; color: #666; padding-top: 3px; font-size: 14px; padding-right: 1px; background: url(http://static.shouji56-img.com/pc/images/tab_pl.png) no-repeat 110px 10px;}
div.contitle .tab_tag li.hover{background: url(http://static.shouji56-img.com/pc/images/tab_bg.png) no-repeat; color: #7ec03e; cursor:pointer;font-weight: bold;padding-right: 0px;margin-left: -1px;z-index: 9;}
.right_control{display: inline-block;float: right;position: relative;z-index: 99;background-color: #fff;width: 138px;padding-left: 38px;top: -35px;}
.right_control i{padding: 6px 12px; border: 1px solid #e3e3e3; font-family: Tahoma; font-style: normal;-moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none; }
.right_control i.bt_cont,.right_control i:hover{border:1px solid #7ec03e; cursor: pointer;background: #7ec03e; color: #fff;}


.tjcon{width: 1160px;overflow:hidden;margin: 0 auto;}
.tjcon ul{overflow:hidden;zoom:1;width: 1186px;}
.tjcon ul li{margin-right: 11px;margin-top: 15px;}
.tjcon ul li,.tjcon ul li a{float:left;display:inline;width: 158px;}
.tjcon ul li a img{width: 115px;height: 115px;padding:4px;border:1px #ddd solid;}
.tjcon ul li a span{display:block;text-align:center;color:#666;line-height: 30px;height: 30px;overflow:hidden;/* margin-top: 5px; */}
.tjcon ul li a:hover span{color: #d70000;}



.right_cont {float: right;width: 300px;}
.fl{float:left;}
h2.title {border-bottom: 1px solid #ccc; font-size: 20px; line-height: 30px; padding-bottom: 5px; color: #111}
h2.title i { float: left; width:4px; background-color: #f02f2f; height: 20px; margin:5px 10px 0 0  }

h2.tab_til {font-size: 17px; font-weight: normal; line-height: 36px; color: #111; position:absolute; left: 20px; top: 0}
h2.tab_til span { display: inline-block; width: 100px; text-align: center; background: #ddd; color: #666; height: 36px;line-height: 36px; cursor: pointer; margin-right: 10px  }
h2.tab_til span.hover { color: #fff; background: #f02f2f }

/*右侧游戏列表*/
.side_gamebox {overflow: hidden; margin-bottom:20px; position: relative; margin-top: 30px }
.side_gamebox .tab_con {border: 1px solid #e6e6e6; margin-top:18px}
.num_list{ overflow: hidden; margin-top:10px;padding:25px 15px 12px 15px; }
.num_list li div.bor_d{height:55px; padding-top: 15px; border-bottom:1px dotted #ccc;margin: 0 auto}
.num_list li{ height:71px; overflow:hidden; zoom:1 }
.num_list li div.bor_d.no{ border-bottom:medium none;}
.num_list li.js_active{ border-top: 1px solid #eee;border-bottom: 1px solid #eee;background: #fafafa;height: 70px; margin-top: -1px; }
.num_list li.js_active .txt p.up_time a{background:url(../../../images/ne_loadh.png) 0 0 no-repeat; }
.num_list li.js_active div.bor_d{ border-bottom: medium none}
.num_list li i{ height:19px; width:19px; text-align:center; line-height:19px; margin:11px 12px 0 0; background: #d5d5d5; color:#333}
.num_list li i.i_org{background: #999; color: #fff; }
.num_list li i.i_lan{background: #fe9232; color: #fff; }
.num_list li i.i_red{background: #feaa32; color: #fff}
.num_list li a{ position:relative;}
.num_list .txt{margin:-2px 0 0 10px;display:inline;width: 180px;}
.num_list .txt p a{font-size:14px;font-weight:normal;display:inline-block;width: 130px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.num_list .txt .gametitle a{ overflow:hidden;}
.num_list .txt p a:hover{ text-decoration: underline; color: #f02f2f}
.num_list .txt p em{ color:#999;display: inline-block;overflow: hidden;}
.num_list .txt p{ line-height:23px;}
.num_list .txt p.up_time{ margin-top:-36px; text-align:right}
.num_list .txt p.up_time a{ background:url(../../../images/ne_load.png) 0 0 no-repeat; width:23px; height:23px; display:inline-block;  }
.num_list .txt p.up_time a:hover,.txt p.up_time a.active{ background:url(../../../images/ne_load.png) 0 0 no-repeat; color:#fff; text-decoration: none;}



.side_blgame {overflow: hidden; margin-bottom:20px; position: relative; margin-top: 30px }
.side_blgame div { margin: 0 auto }
.side_blgame .tab_con {border: 1px solid #e6e6e6; margin-top:18px}
.side_blgame h2.tab_til span { width: 130px;}
.side_blgame .hb { float: right; margin: 10px 10px 0 0; height: 20px}
.side_blgame .hb ul { width:37px; float: left; padding-top:7px }
.side_blgame .hb li { float: left; cursor: pointer; width:6px; height:6px; border-radius: 6px; background: #ccc; text-indent: -99px; overflow: hidden; margin-left: 5px }
.side_blgame .hb li.on { background: #f02f2f }
.side_blgame .hb i {display: block; font-family: "宋体"; font-size: 16px; color: #999; cursor: pointer; padding: 0 3px}
.side_blgame .hb .prev { float: left;}
.side_blgame .hb .next { float: right;}
.side_blgame .bt {padding:10px 15px 12px 20px; clear: both; font-size: 13px; color: #999;}
.side_blgame .bt span { float: right; }

.news-qy-label { position: relative; margin: 10px 0 0 -10px; }
.news-qy-label li {float:  left;width: 143px;height: 50px;background-color: #ffffff;box-shadow: 0px 4px 7px 0px    rgba(0, 0, 0, 0.09);border: solid 1px #e9e9e9;margin:  15px 0 0 10px;position:  relative;}
.news-qy-label li a {display:  block;text-align:  center;line-height: 52px;width: 144px;height: 52px;overflow:  hidden;position:  absolute;transition: color .2s ease;right:  -1px;top: -1px;color: #ffae5f;}
.news-qy-label:after { content:  ""; clear: both; display:  block; }
.news-qy-label li a:after { content:  ""; position:  absolute; top: -1px; right: -1px; border: 8px solid; border-color: #ffae5f #ffae5f  transparent  transparent; transition: all .5s ease; }
.news-qy-label li:hover a:after { border-width: 100px; }
.news-qy-label li:hover a em { color:  #fff; }
.news-qy-label li em { position:  relative; z-index:  1; }
.news-qy-label li a:before {content: "";position:  absolute;right: -8px;top: -8px;z-index: 1;display: none;width: 0;border-width: 8px;border-style:solid;border-color: transparent transparent transparent#fff;transform: rotate(-45deg);}
.news-qy-label li:hover { box-shadow:  none; }
.news-qy-label li:hover a:before { display:  block; }
.news-qy-label li:nth-child(2) a { color: #f74b4b; }
.news-qy-label li:nth-child(2) a:after{ border-color:#f74b4b #f74b4b  transparent  transparent; }
.news-qy-label li:nth-child(3) a { color: #674bf7; }
.news-qy-label li:nth-child(3) a:after{ border-color:#674bf7 #674bf7  transparent  transparent; }
.news-qy-label li:nth-child(4) a { color: #c49155; }
.news-qy-label li:nth-child(4) a:after{ border-color:#c49155 #c49155  transparent  transparent; }
.news-qy-label li:nth-child(5) a { color: #93d877; }
.news-qy-label li:nth-child(5) a:after{ border-color:#93d877 #93d877  transparent  transparent; }
.news-qy-label li:nth-child(6) a { color: #f38ce3; }
.news-qy-label li:nth-child(6) a:after{ border-color:#f38ce3 #f38ce3  transparent  transparent; }




.rank_list {overflow: hidden; margin-top:10px;padding:30px 15px 12px 20px; clear: both;}
.rank_list li .con { height:40px; border-top: 1px solid #eee; padding: 5px 0 }
.rank_list li i {display: block;height:19px;width:19px;text-align:center;line-height:19px;margin:11px 12px 0 0;background: #f02f2f;color:#fff;}
.rank_list li i.i_one{background: #f02f2f; color: #fff; }
.rank_list li i.i_tow{background: #fa814b; color: #fff; }
.rank_list li i.i_three{background: #fab036; color: #fff; }
.rank_list li i.i_gray{background: #999; color: #fff}
.rank_list li h4 { float: left; line-height: 40px; height: 40px; overflow: hidden; width:175px;text-overflow: ellipsis; white-space: nowrap; }
.rank_list li p { float: right; line-height: 40px; font-size: 13px; color: #999 }
.rank_list li p em { float: right; width: 7px; height: 10px; background:url(../../../images/icon_art.png) 0 0 no-repeat; margin:15px 0 0 3px; }
.rank_list li p em.up { background-position: -201px -153px }
.rank_list li p em.de { background-position: -216px -152px }
.rank_list li p em.un { background-position: -229px -151px }

.side_tlgame {overflow: hidden; margin-bottom:20px; position: relative; margin-top: 30px }
.side_tlgame .tab_con {border: 1px solid #e6e6e6; margin-top:18px}
.side_tlgame h2.tab_til span { width: 130px;}
.hj_list { margin-top: 20px ; padding: 10px 20px;}
.hj_list li{height: 110px; overflow: hidden; margin-bottom: 15px; border-radius: 5px;  cursor: pointer; background: #000; position: relative;}
.hj_list li img {display: block; width: 280px; }
.hj_list li a { display: none; position: absolute; top: 55px; left: 100px; width: 80px; text-align: center; border-radius: 3px; line-height: 30px; background: #0877d0; color: #fff; }
.hj_list li:hover img { opacity: 0.3 }
.hj_list li h4 { display: none; position:absolute; top: 25px; width:240px; left: 20px; color: #fff; font-size: 16px; text-align: center; font-weight: bold;overflow:hidden;  text-overflow: ellipsis; white-space: nowrap; }
.hj_list li:hover h4 { display: block; }
.hj_list li:hover a { display: block; }
.hj_list li:hover a:hover { background: #f02f2f}