@charset "utf-8"; /* CSS Document */ .main-left { float: left; width: 860px; padding: 0 20px 20px 0; border-right: 1px solid #ececec; /*overflow:hidden;*/ } .main-right { float: right; width: 300px; margin-right: 0px; margin-top: 0px; overflow: hidden; } .tab-cont-item { display: none; } /*游戏首页推荐/热门/必备*/ .game_Commend { height: 121px; overflow: hidden; position: relative; margin: 20px auto; } .game_Commend::after { background: #e8e7ed; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 100%; z-index: 1; } .and_list_box { height: 121px; overflow: hidden; padding-left: 130px; position: relative; z-index: 2; } .and_com_list { height: 121px; overflow: hidden; position: absolute; } .and_com_list ul { height: 120px; overflow: hidden; } .and_com_list li { float: left; height: 120px; margin-left: 35px; position: relative; width: 80px; } .and_com_list li img { border-radius: 4px; display: block; height: 83px; width: 64px; margin-left: 8px; } .and_com_list li a { display: block; font-size: 14px; color: #1e89e0; height: 40px; left: 0; line-height: 40px; overflow: hidden; padding-top: 80px; position: absolute; text-align: center; top: 0; width: 80px; text-decoration: none; } .and_com_list .on a { color: #12981e; } .and_com_list .line_box { bottom: 0; height: 2px; position: absolute; right: 0; width: 100%; } .and_com_list .line { background: #1e89e0; display: block; height: 2px; left: 32px; position: absolute; top: 0; width: 80px; } .and_com_tab { height: 120px; left: 0; position: absolute; top: 0; width: 110px; z-index: 3; } .and_com_tab li { background: #f5f5f5; border-top: 1px solid #e8e7ed; cursor: pointer; font-size: 16px; height: 39px; line-height: 39px; position: relative; width: 130px; text-align: center; } .and_com_tab li b { display: block; border: 5px solid; border-color: #fff #fff #fff #1e89e0; position: absolute; right: -10px; top: 15px; line-height: 0; display: none; } .and_com_tab .on { background-color: #1e89e0; color: #fff; } .and_com_tab .on b { display: block; } /**/ /*游戏首面菜单下面广告*/ @font-face { font-family: iconfont; src: url(../images/iconfont.b93cdaf6.eot); src: url(../images/iconfont.b93cdaf6.eot?t=1486634588101#iefix) format('embedded-opentype'), url(../images/iconfont.44e2cb91.woff?t=1486634588101) format('woff'), url(../images/iconfont.29559b7c.ttf?t=1486634588101) format('truetype') } [class*=" icon-"], [class^=icon-] { font-family: iconfont !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-erweima:before { content: "\e642" } .icon-down:before { content: "\e688" } .icon-up:before { content: "\e689" } .icon-left:before { content: "\e68a" } .icon-right:before { content: "\e68b" } .icon-write:before { content: "\e6ac" } .icon-sousuo:before { content: "\e651" } .slide-wrap { margin-top: 20px } .slide_gm { position: relative; overflow: hidden; width: 780px; height: 280px; } .slide_gm img { width: 100%; height: 280px; } .small-banner { float: left; overflow: hidden; width: 620px; margin-top: -20px } .small-banner ul.smban_ul{ float: left; overflow: hidden; } .small-banner li { width: 290px; float: left; list-style-type: none; margin-top: 20px; margin-left: 20px; } .small-banner img { width: 290px; height: 130px; transition: transform 0.5s; } .small-banner img:hover{ transform: scale(0.96); transition: transform 0.5s; } .small-banner a { float: left; display: block;height: 130px } .special { margin-right: -20px } .special a { float: left; margin-right: 13px } .special a:first-child { margin-right: 14px } .unslider { overflow: hidden; position: relative; float: left; padding: 0 } .unslider-wrap { position: relative } .unslider-wrap.unslider-carousel > li { float: left } .unslider-vertical > ul { height: 100% } .unslider-vertical li { float: none; width: 100% } .unslider-fade { position: relative } .unslider-fade .unslider-wrap li { position: absolute; left: 0; top: 0; right: 0; z-index: 8 } .unslider-fade .unslider-wrap li.unslider-active { z-index: 10 } .unslider li, .unslider ol, .unslider ul { list-style: none; margin: 0; padding: 0; border: none } .unslider:hover .unslider-arrow { display: block } .unslider-arrow { display: none; position: absolute; cursor: pointer; text-decoration: none; top: 50%; left: 0; z-index: 2; width: 40px; height: 60px; line-height: 60px; border: 0 none; outline: 0 none; margin-top: -30px; text-align: center; background: rgba(0, 0, 0, .3); color: #ddd; font-size: 30px } .unslider-arrow:hover { text-decoration: none; opacity: .8; color: #ddd } .unslider-arrow.next { left: auto; right: 0 } .unslider-nav { position: absolute; left: 0; right: 0; bottom: 10px } .unslider-nav ol { list-style: none; text-align: center } .unslider-nav ol li { display: inline-block; width: 6px; height: 6px; margin: 0 4px; background: 0 0; border-radius: 5px; overflow: hidden; text-indent: -999em; border: 2px solid #fff; cursor: pointer } .unslider-nav ol li.unslider-active { background: #fff; cursor: default } /**/ .CReCenter { position: relative; float: left; width: 500px; height: 720px; margin-right: 6px; overflow: hidden; } .CReCenter .CRH1Title { line-height: 30px; font-size: 20px; color: #f44334; text-align: center; margin: 10px 0; font-weight: bold; } .CReCenter .CRH1Title a { color: #f44334 } .CReCenter p { text-align: center; } .CReCenter p a { margin: 0 5px; } .CReCenter .CRCSoft { padding: 0 15px; width: 470px; height: 450px; } .CReCenter .CRCSoft .CRCSTitle { border-bottom: 2px solid #1e89e0; position: relative; height: 50px; line-height: 50px; font-size: 18px; } .CReCenter .CRCSoft .CRCSTitle a { padding-left: 19px; } .CReCenter .CRCSoft .CRCSTitle a span { color: #e3e3e3; margin-left: 17px; } .tab-item { display: block; text-align: center; float: left; position: relative; } .cur { color: #1e89e0; } .tab-item.cur .bot-arrow { display: block; } .tab-item .bot-arrow { position: absolute; background: url(../images/cssimg.png) no-repeat -160px -67px; width: 12px; height: 7px; display: none; z-index: 1000; left: 50%; margin-left: -6px; top: 50px; } .CReCenter .CRCSoft .CRCSList ul { padding: 15px 0; } .CReCenter .CRCSoft .CRCSList ul li { line-height: 39px; } .CReCenter .CRCSoft .CRCSList ul li a { width: 300px; white-space: nowrap; overflow: hidden; display: block; float: left; text-overflow: ellipsis; } .CReCenter .CRCSoft .CRCSList ul li .cname { display: inline; float: left; width: 100px; height: 17px; line-height: 17px; margin: 8px 13px 0 7px; padding: 0 7px 0 0; text-align: right; border-right: 1px solid #ddd; overflow: hidden; color: #999; } .CReCenter .CRCSoft .CRCSList ul li time { width: 50px; text-align: center; color: #fe3432; display: block; float: right; } .CRCSULTitle { width: 410px; white-space: nowrap; overflow: hidden; } .CReCenter .CRCSoft .CRCSList ul li a img { margin: 0 5px; vertical-align: middle; width: 26px; height: 26px; border-radius: 4px; border: 1px; } .CReCenter .CRCSoft .CRCSList ul li.UlBorder { line-height: 6px; height: 6px; margin-bottom: 6px; clear: both; } .tab-cont-item { display: none; } /**/ /**/ .CGameTitle { height: 50px; line-height: 50px; border-bottom: 2px solid #1e89e0; } .CGameTitle .more { display: block; float: right; color: #888; } .CGTAnd { background: url(../images/cssimg.png) no-repeat; } .CGTAndA { float: left; width: 28px; height: 48px; background-position: -240px -222px; } .CGTAndB { float: left; width: 28px; height: 48px; background-position: -240px -268px; } .CGTAndC { float: left; width: 28px; height: 48px; background-position: -240px -316px; } .CGameTitle h2 { font-size: 24px; font-weight: bold; float: left; color: #444; margin: 0 12px; } .CGameTitle h2 span { font-size: 24px; color: #888; } .CGameTitle .CGAtext { margin-left: 20px; margin-right: 20px; font-size: 24px; font-weight: 400; color: #676767; font-family: "Microsoft YaHei"; float: left; } .CGameTitle .CGAtext a { padding-left: 10px; } .CGameTitle .CGAtext a span { color: #e3e3e3; margin-left: 10px; } .CGameTitle .CGAtext2 a { padding-left: 12px; font-size: 18px; } .CGameTitle .CGAtext2 a span { color: #e3e3e3; margin-left: 10px; } .CGameTitle .J_extend_cont { float: right; margin-right: 40px; overflow: hidden; height: 50px; } .CGameTitle .J_extend_cont a { margin-left: 20px; } .TypeContent { position: relative; top: 12px; } .TypeContent .CGameCLList { width: 880px; height: 390px; float: left; overflow: hidden; } .TypeContent .CGameCLList ul li { width: 210px; float: left; margin-bottom: 5px; position: relative; margin-right: 10px; padding: 20px 0; height: 80px; overflow: hidden; } .TypeContent .CGameCLList ul li img { width: 80px; display: block; float: left; margin-right: 10px; } .CGameCLList .a-info { float: left; width: 120px; line-height: 25px; } .CGameCLList .a-info p.Tit { color: #444; width: 112px; white-space: nowrap; overflow: hidden; } .CGameCLList .a-info p.Cont { color: #999; margin-bottom: 5px; width: 120px; white-space: nowrap; overflow: hidden; } .CGameCLList .a-info p.Score { color: #ff0000; font-size: 20px; font-weight: bold; } .TypeContent .CGameCLList1 { width: 1070px; height: 520px; float: left; overflow: hidden; } .TypeContent .CGameCLList1 .a-info { float: left; height: 20px; text-align: center; width: 150px; padding-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .TypeContent .CGameCLList1 ul { margin-left:-34px; } .TypeContent .CGameCLList1 ul li { width: 150px; float: left; margin-top: 16px; position: relative; margin-left: 34px; height: 243px; overflow: hidden; text-align: center; } .TypeContent .CGameCLList1 ul li img { width: 150px; height: 208px; display: block; float: left; transition: transform 0.5s; } .TypeContent .CGameCLList1 ul li:hover img{ transform: scale(0.96); transition: transform 0.5s; } .TypeContent .CGameCLList1 .a-cover { position: absolute; background: rgba(0, 0, 0, 0.4); left: 0; width: 100%; height: 100%; color: #fff; -webkit-transition: top 0.4s; -moz-transition: top 0.4s; transition: top 0.4s; top: 265px; text-align: center; } .TypeContent .CGameCLList1 a.a-cover div { width: 110px; height: 125px; padding: 20px; text-align: left; overflow: hidden; } .TypeContent .CGameCLList1 a.a-cover span { font-size: 16px; border: none; margin-bottom: 20px; } .TypeContent .CGameCLList1 a.a-cover span:hover { color: #56a5fa; } .TypeContent .CGameCLList1 a.a-cover p { width: 140px; height: 35px; background: #56a5fa; line-height: 35px; font-weight: normal; white-space: nowrap; overflow: hidden; padding: 0 5px; } .a-item:hover .a-cover { top: 0; } .a-cover { position: absolute; background: #56a5fa; left: 0; width: 100%; height: 100%; color: #fff; -webkit-transition: top 0.4s; -moz-transition: top 0.4s; transition: top 0.4s; top: 130px; text-align: center; } .a-cover p.ACTit { text-align: center; font-size: 16px; padding-bottom: 5px; padding-top: 10px; white-space: nowrap; overflow: hidden; margin: 0 5px; font-weight: bold; } .a-cover p.ACCont { padding: 0 15px; margin-bottom: 10px; height: 45px; overflow: hidden; line-height: 22px; } .a-cover span { display: block; margin: 0 auto; width: 80px; height: 22px; border: 1px solid #fff; border-radius: 5px; line-height: 22px; } .a-cover:hover { color: #fff; } /**/ /**/ .rank-item.on .item-info { display: block; float: left; margin-left: 16px; margin-top: 4px; } .rank-item .item-info { display: none; } .CRankingList { width: 300px; float: right; overflow: auto; } .CRankingList h3 { font-size: 24px; color: #333; margin-bottom: 10px; width: 100%; display: inline-block; line-height: 34px; height: 32px; overflow: hidden; } .CRankingList h3 span { display: block; width: 40px; height: 26px; line-height: 26px; background: #1e89e0; border-radius: 3px; font-size: 12px; color: #fff; font-weight: normal; text-align: center; margin-right: 10px; float: left; margin-top: 6px; } .CRankingList ul li { overflow: auto; min-height: 46px; border-bottom: 1px dashed #d8d8d8; max-height: 140px; overflow: hidden } .CRankingList .CRKTitle { height: 36px; line-height: 46px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .CRankingList .CRKTitle b { display: block; float: left; width: 20px; height: 20px; color: #fff; background: #aeaeae; line-height: 20px; text-align: center; font-size: 12px; margin-right: 5px; font-weight: normal; margin-top: 13px; } .CRankingList .CRKTitle a { width: 270px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left } .CRankingList .CRKTitle b.SNumb1 { background: #ff0000; } .CRankingList .CRKTitle b.SNumb2 { background: #ff3300; } .CRankingList .CRKTitle b.SNumb3 { background: #ff6600; } .CRankingList .CRKTitle span { display: block; float: left; width: 60px; margin-left: 5px; font-size: 12px; color: #949494; line-height: 50px; overflow: hidden; white-space: nowrap } .CRKLoad { clear: left; height: 70px; overflow: hidden; } .CRKLoad_gm { clear: left; height: 98px; overflow: hidden; } .CRKLoad img { float: left; margin: 0 10px; width: 60px; height: 60px; border-radius: 10px; box-sizing: border-box; border: 1px solid #eee; } .CRKLoad_gm img { float: left; margin: 2px 10px; width: 60px; height: 83px; border-radius: 4px; box-sizing: border-box; border: 1px solid #eee; } .CRKLoad p { float: left; color: #666666; line-height: 22px; width: 185px; margin-bottom: 7px; } .CRKLoad_gm p { float: left; color: #666666; line-height: 22px; width: 185px; margin-bottom: 5px; } .CRKLoad p i, .CRKLoad_gm p i { margin: 5px 0px; } .CRKLoad p span, .CRKLoad_gm p span { display: block; float: left; margin-right: 10px; } .CRKLoad_gm em { /* margin-top: 6px;*/ } .CRKLoad em, .CRKLoad_gm em { display: block; width: 80px; height: 24px; text-align: center; line-height: 24px; border: 1px solid #1e89e0; border-radius: 5px; float: left; color: #1e89e0 } .CRKLoad em:hover, .CRKLoad_gm em:hover { border: 1px solid #1e89e0; background: #1e89e0; color: #fff; } /** /*星星 stars*/ .stars { background: url(../images/cssimg.png) no-repeat; width: 74px; height: 12px; display: block; float: left; vertical-align: middle; } .star1 { background-position: -60px -648px; } .star2 { background-position: -45px -648px; } .star3 { background-position: -30px -648px; } .star4 { background-position: -15px -648px; } .star5 { background-position: 0px -648px; } /*列表分页*/ #pages { position: relative; float: left; height: 32px; margin: 30px auto; width: 100%; text-align: center; color: #ccc; } #pages a { background: #fff; display: inline-block; height: 32px; line-height: 32px; margin: 0 4px; padding: 0 12px; color: #666; font-size: 14px; border: 1px solid #ddd; } #pages a:hover { background: #1e89e0; border: 1px solid #1e89e0; color: #fff; text-decoration: none; } #pages span.current { display: inline-block; height: 32px; line-height: 32px; margin: 0 4px; padding: 0 12px; background: #1e89e0; border: 1px solid #1e89e0; color: #fff; } #pages span.disabled { display: inline-block; height: 32px; line-height: 32px; margin: 0 4px; padding: 0 12px; color: #bfbfbf; background: #f2f2f2; border: 1px solid #ddd; } #pages select { position: relative; border: 1px solid #ddd; height: 34px; padding: 8px 0px; top: -2px; vertical-align: middle; } /*分类页*/ .c-hd { position: relative; width: 100%; height: 44px; line-height: 44px; border-bottom: 2px solid #ddd; } .c-hd h3 { float: left; height: 46px; background: #fff; padding-right: 4px; margin-bottom: -2px; position: relative; } .c-hd h3 span { display: block; float: left; height: 43px; border-bottom: 3px solid #1e89e0; font-size: 20px; font-weight: 700; padding: 0 4px; } .c-hd h3 em { color: #1e89e0; font-weight: 700; } .c-hd .reback { float: right; color: #f4910a; } .c-hd .reback:hover { text-decoration: underline; } .c-hd .number { position: absolute; float: left; top: 6px; right: 0px; display: block; color: #888; } .c-hd .number em { color: #1e89e0; } .c-hd i { float: right; margin-top: 6px; display: inline; display: none; } .c-hd i a { margin-left: 45px; color: #999 } .c-hd i a:hover { margin-left: 45px; color: #09f } .c-hd i.on { display: block } /*安卓分类页*/ .flshow { position: relative; float: left; padding-top: 2px; width: 1200px; height: 460px; } .mfl { width: 410px; float: left; text-align: left; } .azcatbos p span { float: left; display: inline; margin: 13px 12px 0 0; width: 89px; height: 38px; line-height: 38px; text-align: center; background: #e5e5e5; cursor: pointer } .azcatbos .cur, .azcatbos p span:hover { background: #25c88a; color: #fff } .azcatbos .smr { margin-right: 0px; } /*游戏热门合集*/ .slideshow .slide { position: relative; float: left; height: 170px; overflow: hidden; width: 1400px; } .slideshow .s-container { height: 170px; margin-left: -182px; width: 1570px; } .slideshow .s-content li { display: inline; width: 300px; height: 170px; position: relative; float: right; text-align: center; } .slideshow .s-content a { display: block; height: 170px; position: relative; float: right; text-align: center; } .slideshow .s-content a img { width: 300px; height: 170px; } .s-content li s { display: block; position: absolute; left: 0; bottom: 0; width: 100%; float: right; text-align: center; height: 40px; line-height: 40px; overflow: hidden; background: #000; filter: alpha(opacity=60); opacity: .6 } .s-content li strong { position: absolute; display: block; left: 0; bottom: 10px; width: 100%; float: right; text-align: center; height: 24px; line-height: 24px; overflow: hidden; font-size: 14px; color: #fff; z-index: 22 } .slideshow .prev, .slideshow .next { cursor: pointer; display: none; position: absolute; top: 50px; z-index: 99; width: 54px; height: 54px; background: url(../images/cssimg.png) no-repeat; } .slideshow .prev { background-position: -70px -356px; } .slideshow .prev:hover { background-position: -70px -299px; } .slideshow .next { background-position: -126px -356px; } .slideshow .next:hover { background-position: -126px -299px; } .slideshow .slide:hover .prev, .slideshow .slide:hover .next, .slideshow .slide.hover .prev, .slideshow .slide.hover .next { display: block; } .slideshow .prev { left: 82px; } .slideshow .next { right: 106px; } /*记录列表*/ .c-list { position: relative; } .c-list li { position: relative; float: left; width: 100%; height: auto; padding: 15px 0; margin-top: 5px; border-bottom: 1px dashed #ddd; } .img img { float: left; margin-right: 15px; display: block; width: 70px; height: 70px; border-radius: 8px; } .gm_img img { position: relative; float: left; margin-right: 15px; display: block; width: 120px; height: 166px; border-radius: 5px; } .zt_img img { position: relative; float: left; margin-right: 15px; display: block; width: 220px; height: 108px; } .c-list .con { float: left; width: 725px; height: auto; } .c-list .top-tit { position: relative; width: 100%; } .c-list .top-tit p { margin-bottom: 16px; font-size: 18px; height: 22px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .c-list .top-tit .tit { width: 663px; } .c-list .top-tit .gm_tit { width: 525px; } .c-list .top-tit .zt_tit { width: 425px; } .c-list .top-tit .top-num { position: absolute; float: right; width: 160px; text-align: right; right: 0px; top: 0; font-size: 14px; color: #999; } .desc { font-size: 13px; color: #888; line-height: 21px; height: 44px; width: 630px; overflow: hidden; } .gm_desc { font-size: 13px; color: #888; line-height: 21px; max-height: 102px; width: 580px; overflow: hidden; } .zt_desc { font-size: 13px; color: #888; line-height: 21px; max-height: 102px; width: 480px; overflow: hidden; } .c-list .down { position: absolute; top: 80px; right: 5px; bottom: 24px; } .c-list .down a { display: block; background-color: #1e89e0; width: 99px; line-height: 36px; font-size: 14px; color: #fff; text-align: center; letter-spacing: 1px; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .c-list .down a:hover { background-color: #fe9a10; } .c-list .other { line-height: 20px; height: 20px; margin-bottom: 6px; } .c-list .other span { font-size: 13px; color: #666; margin-right: 20px; } .c-list .other span a { color: #666; } .c-list .other span a:hover { color: #09f; } .c-list .other label { color: #999; } .c-list .other em { border: 1px solid #1e89e0; border-radius: 4px; color: #1e89e0; padding: 0 6px; } .desc em, .gm_desc em, .zt_desc em, .top-tit em { color: #ff0000; } .top-star { position: absolute; width: 120px; right: 0px; top: 0; font-size: 13px; color: #999; line-height: 22px; } .top-star .stars { position: absolute; right: 3px; top: 6px; font-size: 13px; color: #999; line-height: 22px; } /*分类列表版本*/ .platform { position: relative; display: block; height: 24px; padding-top: 6px } .platform font { font-weight: 700; margin-right: 6px; color: #666 } .platform a { display: inline-block; height: 16px; line-height: 16px; padding: 0 6px 0 17px; margin-right: 6px; border-right: 1px solid #B9B9B9; color: #666; background: url(../images/cssimg.png) no-repeat; position: relative } .platform a s { position: absolute; z-index: 999; display: none; left: -36px; top: 25px; width: 120px; padding-bottom: 2px; border: 1px solid #ddd; background: #fff; font-weight: 700; text-decoration: none !important; font-size: 12px; text-align: center; } .platform a s:after { content: ""; position: absolute; top: -8px; right: 49px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #dfdfdf; } .platform a.cur s { display: block } .platform a s img { width: 120px; height: 120px } .platform a strong { color: #666; font-weight: 400 } .platform a:hover, .platform a:hover strong { color: #009adc; text-decoration: none !important } .platform a:last-child { border-right: 0 } .platform a.pc { background-position: -340px 1px } .platform a.az { background-position: -340px -20px } .platform a.iphone { background-position: -340px -43px } .platform a.mac { background-position: -340px -66px } .platform a.ipad { background-position: -340px -85px } /*游戏辅助相关列表*/ .CRTitle { position: relative; height: 42px; line-height: 42px; font-size: 18px; font-weight: 800; border-bottom: 1px solid #ddd; margin-bottom: 10px; } .CRTitle span { position: absolute; top: 0px; right: 0px; line-height: 42px; text-align: right; font-size: 14px; font-weight: 400; } .CRTitle a { color: #888; } .MidRtxt { margin-bottom: 20px; width: 300px; height: auto; } .MidRtxt li.li0 { margin-top: -1px; padding: 1px 0 0 2px; height: 32px; background-position: 0 13px; border-bottom: 1px dotted #cecece } .MidRtxt li.li0 .txt { float: left; width: 210px; height: 32px; line-height: 32px; overflow: hidden; } .MidRtxt li.li0 .time { float: right; width: 40px; height: 32px; line-height: 32px; right: 0px; color: #888 } .MidRtxt i { position: relative; float: left; display: block; left: 0px; width: 10px; height: 12px; top: 12px; background: url(../images/cssimg.png) no-repeat 0px -326px; } .MidRtxt li.li0:hover i { position: relative; float: left; display: block; left: 0px; width: 10px; height: 12px; top: 12px; background: url(../images/cssimg.png) no-repeat -24px -326px; } .bott-list { width: 1200px; margin-bottom: 20px; } .bott-list dl { float: left; width: 385px; height: 78px; margin-right: 20px; margin-top: 16px; overflow: hidden; } .bott-list dl dt { padding-top: 2px; font-size: 14px; color: #808080; float: left; margin-right: 11px; } .bott-list dl dt span { position: relative; background: url(../images/cssimg.png) no-repeat -234px -58px; display: block; width: 46px; height: 78px; line-height: 16px; padding-right: 5px; } .bott-list dl dt div { position: relative; width: 20px; height: 78px; padding: 6px 10px; } .bott-list dl dt a { color: #808080; } .bott-list dl dd { font-size: 12px; color: #ddd; line-height: 22px; } .bott-list dl dd div { height: 26px; line-height: 26px; overflow: hidden; } .bott-list dl dd a { font-size: 14px; color: #444; line-height: 24px; margin: 0 9px; } .bott-list dl dd a:first-child, .bott-list dl dd a.first { margin-left: 0; } .bott-list dl dd a:hover { color: #09f !important; } .bott-list dl:hover { background-color: #f5f5f5; } .bott-list dl:hover dt span { background-position: -234px -133px; color: #09f; } .bott-list dl:hover dt a { color: #09f; } /*资讯*/ .p_informa { width: 290px; float: right; height:280px; overflow: hidden; } .p_informa .i_top { background-color: #f3f3f3; } .p_informa .i_top h2 { float: left; display: inline-block; padding: 0 20px; text-align: center; line-height: 36px; height: 36px; font-size: 16px; background-color: #ff0000; color: #ffffff; } .p_informa .i_top a { padding-top: 8px; margin-right: 6px; height: 20px; color: #999; } .p_informa .i_top a:hover { color: #1e89e0; } .i_top:after { content: "."; width: 0; height: 0; visibility: hidden; display: block; clear: both; overflow: hidden; } .p_informa .i_con { padding-top: 15px; } .i_con .CRH1Title { height: 30px; line-height: 30px; font-size: 20px; color: #f44334; text-align: center; margin:0 10px 6px 10px; font-weight: bold; overflow: hidden; } .i_con .CRH1Title a { color: #f44334 } .i_con p.CRTopSoft { text-align: center; line-height: 22px; height: 22px; overflow: hidden; margin-bottom:10px; } .i_con p.CRTopSoft a { margin: 0 5px; } .CRArticle { width: 100%; overflow: hidden; margin-top: 10px; border-top: 1px dashed #eee; padding-top: 4px; } ul.newTxt_list li { width: 100%; position: relative; } ul.newTxt_list li::before { content: ''; display: inline-block; width: 6px; height: 6px; border: 1px solid #888; box-sizing: border-box; position: absolute; top: 50%; transform: translateY(-3px) rotate(45deg); left: 3px; } ul.newTxt_list li a { display: block; padding-left: 20px; box-sizing: border-box; height: 32px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: rgb(68, 68, 68); } ul.newTxt_list li a span { float: left; width: 100%; font-size: 15px; font-weight: 400; color: #444444; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .comm_rigbox ul.newTxt_list li a span { width: 85%; } ul.newTxt_list li:hover a span { color: #2681cf; } ul.newTxt_list li a i { float: right; display: none; font-size: 13px; font-weight: 400; color: #999999; line-height: 40px; }