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;}
strong, em, i, s { font-weight: normal; font-style: normal; }
.area { width: 1200px; margin: 0 auto 20px; }
.area:after { content: "."; height: 0; display: block; clear: both; visibility: hidden; }
.col-240 { float: right; width: 240px; overflow: hidden; }
.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: 420px; }
.col-400 { width: 590px; }
.col-450 { width: 450px; }
.col-480 { width: 510px; background-color: white;}
.col-930 { width: 930px; background-color: white;    padding-bottom: 10px;}

.col-480 ul{padding:0px 10px 10px 10px;}

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/qi/sprites.gif") no-repeat; }
/*header*/
/*top*/

.ewm_zt {
    display:none;
    border: 1px solid #999;
    width: 130px;
    height: 150px;
    position: absolute;
	top:10px;
    right: -140px;
    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;}


.header {position: relative;width:100%;margin:0 auto;height:308px;}
.navigation { height: 60px; }
.navigation ul { float: left; overflow: hidden; }
.navigation li { float: left; height: 50px; padding-top: 10px; }
.navigation li a { width: 150px; height: 100%; display: block; line-height: 50px; font-size: 18px; text-align: center; background: #222; border-right: 1px solid #444; color: #fff; transition: all 0.2s ease;border-radius: 5px 5px 0px 0px;opacity: 0.8;}
.navigation li a.cur { background: #239963; }
.navigation li.hover, .navigation li:hover { height: 60px; padding-top: 0; }
.navigation li.hover a, .navigation li:hover a { line-height: 60px; font-size: 20px; background: #239963; border-right: 1px solid #239963; }
.navigation a.join-qq { float: right; width: 135px; height: 40px; display: block; line-height: 40px; font-size: 16px; color: #fff; background: #247dcf; margin-top: 12px; overflow: hidden; transition: all 0.3s ease;border-radius: 5px;opacity: 0.8;}
.navigation a.join-qq .icon-qq { float: left; width: 16px; height: 18px; display: inline; overflow: hidden; background: url("/images/qi/icons.png") no-repeat; margin: 11px 5px 11px 24px; }
.navigation a.join-qq:hover { background: #4494dd; }
.hot-concern { height: 30px; padding: 10px; background: #239963; overflow: hidden; opacity: 0.8;}
.hot-concern .s-title { float: left; width: 95px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; background: #ffe347; color: #ba782d; position: relative; }
.s-title span.corner { width: 8px; height: 8px; display: block; overflow: hidden; background-position: right 0; position: absolute; top: 0; left: 0; }
.hot-concern .concern-list { width: 900px; float: left; height: 21px; padding: 3px 0; overflow: hidden; margin-left: 10px; }
.hot-concern .concern-list a { float: left; line-height: 24px; padding: 0 10px; border-right: 1px solid green; overflow: hidden; color: #fde3de; 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: 158px; height: 18px; background-position: 0 -40px; padding: 6px; overflow: hidden; opacity: 0.8;}
.search input { float: left; width: 120px; height: 18px; line-height: 18px; padding: 0 5px; background: none; color: #fde3de; }
.search input.gray { color: #d3d3d3; }
.search button { float: right; width: 18px; height: 18px; display: block; cursor: pointer; background: none; }
.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: 10px; 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.iphone { background-position: 0 -135px;border-radius: 5px;}
.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; }

.r-links a.vers{line-height:32px;}
.r-links a.vers i{display:block;line-height:12px;font-size:12px;font-family: inherit;}

/*title*/
.title { 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 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; }
/*gamedata*/
/*
.game-data1 ul { padding-top: 6px; padding:10px;}
.game-data1 li { height: 42px; border-bottom: 1px dashed #ccc;overflow: hidden;}
.game-data1 li dt, .game-data1 li dd { float: left; }
.game-data1 li dt { width: 66px; height: 24px; line-height: 24px; text-align: center; position: relative; margin: 9px 0; padding-left: 14px; color: #fff; overflow: hidden; }
.game-data1 li dt span.corner { width: 11px; height: 11px; position: absolute; left: 0; bottom: 0; overflow: hidden; }
.game-data1 li dt.green { background: #7abb15; }
.game-data1 li dt.green span.corner { background-position: right -8px; }
.game-data1 li dt.blue { background: #4286ec; }
.game-data1 li dt.blue span.corner { background-position: right -19px; }
.game-data1 li dt.purple { background: #ac54d5; }
.game-data1 li dt.purple span.corner { background-position: right -30px; }
.game-data1 li dt.orange { background: #f58e33; }
.game-data1 li dt.orange span.corner { background-position: right -41px; }
.game-data1 li dt.red { background: #e6455f; }
.game-data1 li dt.red span.corner { background-position: right -52px; }
.game-data1 li dd { height: 14px; padding: 14px 0; }
.game-data1 li dd a { padding: 0 14px; color: #333; height: 14px; display: block; line-height: 14px; border-right: 1px solid #bbb; }
.game-data1 li dd a:hover { color: #f60; }
.game-data1 li dd a i.hot{ width: 21px; height: 9px; display: inline-block; overflow: hidden; margin-left: 4px; vertical-align: top;background: url("/images/qi/sprites.gif") no-repeat;  }
.game-data1 li dd a i.new { background-position: -140px -9px; }
.game-data1 li dd a i.hot { background-position: -140px 0; }
*/

/*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/qi/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: #239963; border: 1px solid #239963; color: #fff; }
/*zone-recommend*/
.zone-recommend ul { height:190px;zoom: 1; overflow: hidden;    background-color: white; }
.zone-recommend li { float: left; margin-left: 13px; margin-top: 20px; display: inline; }
.zone-recommend li a { width: 185px; height: 150px; display: block; background: #f0f0f0; position: relative; transition: all 0.3s ease; }
.zone-recommend li a img { width: 185px; height: 120px; display: block; }
.zone-recommend 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; }
.zone-recommend li a:hover { background: #239963; }
.zone-recommend li a:hover img { width: 181px; height: 118px; padding: 2px 2px 0; }
.zone-recommend li a:hover p { color: #fff; }
/*current-position*/
.current-position { width: 1168px; height: 35px; background: url("/images/qi/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: 870px; }
.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; }
.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: 12px; color: #fff; background: #333; padding: 2px 6px; transition: all 0.3s ease; }
.newslist li .newsinfo a:hover { background: #239963; }
.newslist li .newstips { color: #999; }
.newslist li .newstips a { color: #239963; margin-right: 22px; }
/*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: #239963; font-size: 18px; border-bottom: 2px solid #239963; }
.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/qi/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: #239963; }
.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/qi/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/qi/hlxy/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 {height:330px;position: relative;}
.focusBox .pic img { width:420px; height:330px; display: block; }
.focusBox .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 { position: absolute; bottom: 0; z-index: 2; height:36px; width:99%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;overflow:hidden}
.focusBox .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 {color:#ddd}
.focusBox .num { position: absolute; z-index: 3; bottom: 12px; right: 8px; }
.focusBox .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://imgo.hackhome.com/image/qi/m.png) no-repeat -156px -32px; overflow:hidden}
.focusBox .num .on { background-position:-140px -32px}
.focusBox .prev,
.focusBox .next { width:38px; height:50px;display:block;background: url(/images/qi/banner_btn.png) no-repeat 0px 0px; position: absolute; top:120px; z-index: 10; cursor: pointer;}
.focusBox .prev,.focusBox .next,.newbox dt i,.video-list li i {filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.focusBox .prev {left:0px;}
.focusBox .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 {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}


.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;}


.downlist li {padding:20px 0;border-bottom:1px dashed #ccc;height:130px;margin:0;}
.downlist li img {float:left;width:190px;height:130px;margin:0;padding:0;}
.downlist li p {float:right;widtH:655px;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 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/qi/star.gif) repeat-x bottom;height: 16px;overflow: hidden;margin-right:8px;margin-top:5px;}
.downlist li em span{background: url(/images/qi/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%;}

.top0 {margin-top:0;}
.top20 {margin-top:20px;}
.top30 {margin-top:30px;}
.a300 li a {width: 300px;}
.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://imgo.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{overflow:hidden;}
.zt_list ul{}
.zt_list li{float:left;width:253px;padding:10px;margin-left:25px;}
.zt_list li:hover{background:#f6f6f6}
.ztgimg{float:left;margin-right:8px;}
.ztgimg img{width:90px;height:90px;}
.ztgname{display:block;width:155px;height:22px;color:#08c;line-height:22px;overflow:hidden;font-size:16px;}
.zt_list li span{display:inline-block;width:155px;height:24px;overflow:hidden;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 {
    color: #666;
}
.zt_list li span a:hover {
    color: #f60;
}


.Q_rlist {background-color: white;overflow:hidden;}
.Q_rlist li{float:left;width:240px;padding:10px 6px;margin-left:0;}
.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:#08c;line-height:24px;overflow:hidden;font-size:16px;display: block;padding-top:4px;}
.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;}

.con_list {width: 910px;float: left;background-color: white;margin-top:10px;}
.con_list ul {padding-bottom: 0px;}
.con_list li {width: 900px;padding: 10px 0 10px 15px;height: 116px;float: left;}
.con_list .g {float: left;widtH: 90px;}
.con_list .g a {position: relative;widtH: 210px;height: 110px;float: left;overflow: hidden;border-radius: 5px;}
.con_list .g img {widtH: 210px;height: auto;border-radius: 5px;}
.con_list .ginfo {float: left;margin-left:140px;widTH: 500px;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:670px;}
.con_list .ginfo b a{color:#444;}
.con_list .ginfo b a:hover{color:#f60;}
.con_list .ginfo i {float: left;display: block;line-height: 26px;height: 26px;padding-right: 14px;font-style: normal;}
.con_list .ginfo p {display: block;line-height: 26px;height: 52px;overflow: hidden;width:670px;}
.mt30 {margin-top:30px;}

.bg_80{background:url(https://imgo.hackhome.com/image/80.png);width:80px;height:80px;position:absolute;top:0;left:0;}
.bg_90{background:url(https://imgo.hackhome.com/image/bg_90.png);width:90px;height:90px;position:absolute;top:0;left:0;}
.bg_60{background:url(https://imgo.hackhome.com/image/bg_60.png);width:60px;height:60px;position:absolute;top:0;left:0;}
.bg_70{background:url(https://imgo.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,.ztgimg,.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://imgo.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://imgo.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://imgo.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://imgo.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;}