.warp_public_nav{border-bottom: 1px solid #eee;} .container_game{ width: 1200px; margin: 0 auto; height: 1600px; } .game_news_left{ width: 336px; float: left; } .game_detail{ border:1px solid #eee; border-top: none; } .tab_title { width: 336px; height: 37px; background: #F6F6F6; border: 1px solid #EEEEEE; } .tab_title .title:hover{ border-bottom: 1px solid #f6f6f6; border-top: 3px solid #51a7ff; } .tab_title p { float: left; width: 135px; cursor: pointer; font-size: 16px; color: #494949; line-height: 34px; text-align: center; border-top: 3px solid #f6f6f6; } .tab_title a { padding: 5px 35px; } .tab_title .active { background: #fff; border-bottom: 1px solid #fff; border-top: 3px solid #51a7ff; } .new_news .game_detail { height: 135px; overflow: hidden; border-bottom: 1px solid #eee; } .new_news .game_detail:hover { background: #F6F6F6; } .game_detail:last-child{ border-bottom: none; } .new_news .content_left { width: 152px; float: left; height: 103px; overflow: hidden; margin: 15px 20px 15px 15px; border: 2px solid #fff; } .new_news .content_left img { transition: all 1s; width: 100%; height: 100%; } .new_news .content_left img:hover { transform: scale(1.1); } .content_left:hover { border: 2px solid #51a7ff; } .new_news .content_right { float: left; width: 630px; margin-top: 15px; } .content_right h4 a { font-size: 16px; color: #494949; font-weight: 600; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 634px; } .content_right h4 a:hover { color: #51a7ff; text-decoration: underline; } .content_right span{ font-size: 12px; color: #b2b2b2; line-height: 32px; padding-right: 15px; } .content_right .text{ font-size: 12px; line-height: 20px; height: 40px; color: #494949; margin-top: 7px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .content_right .text p,.content_right .text span { font-size: 12px !important; color: #494949 !important; line-height: 20px !important; background-color: transparent !important; margin: 0px !important; } .content_right .text img,.content_right .text embed { display: none; } .show{ display: block !important; } .hide{ display: none; } /* 右侧 */ .game_news_right{ float: right; width: 330px; margin-top: -43px; margin-bottom: 40px; } .hot_news{ overflow: auto; margin-bottom: 48px; } .hot_news h4{ border-bottom: 1px solid #e6e6e6; padding: 10px 0; } .hot_news h4 span{ font-size: 16px; font-weight: 400; padding: 10px 0; border-bottom: 2px solid #51a7ff; } .hot_news_cont{ width: 160px; float: left; margin-top: 12px; border-bottom: 1px dashed #e6e6e6; padding-bottom: 16px; } .hot_news_img{ height: 117px; overflow: hidden; border: 2px solid #fff; } .hot_news_img:hover{ border: 2px solid #51a7ff; } .hot_news_img img{ width: 100%; height: 100%; transition: all 1s; } .hot_news_img img:hover{ transform: scale(1.1); } .hot_news_txt{height: 38px; margin-top: 5px;} .hot_news_txt a{ font-size: 14px; color: #494949; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .hot_news_txt a:hover{ color: #51a7ff; text-decoration: underline; } .hot_news_cont:nth-child(even){ padding-right: 10px; } .page{ text-align: center; margin-top: 40px; float: left; width: 100%; } /* 分页 */ .pagination { height: 33px; margin: auto; width: max-content; width:-moz-fit-content; width:-ms-fit-content; display:inline-block; *display:inline; *zoom:1; display: flex; } .pagination li { float: left; } .pagination li a,.pagination li span{ font-size: 14px; padding: 6px 11px; color: #494949; border-radius: 4px; border: 1px solid #eee; margin: 0 5px; cursor: pointer; } .pagination li a:hover{ color: #fff; background: #51a7ff; border: 1px solid #51a7ff; } .pagination .active span{ color: #fff; background: #51a7ff; border: 1px solid #51a7ff; } .pagination .disabled span{ color: #fff; background: #eee; } .pagination .disabled span:hover{ color: #fff; background: #eee; } .rows { margin: 24px 0 44px 0; color: #B2B2B2; font-size: 14px; } /* 右侧广告 */ .wx_img{ width: 384px; height: 151px; margin-top:23px; } .wx_img img{ height: 100%; width: 100%; } .article_adv { width: 384px; height: 135px; margin-top:23px; position: relative; overflow: hidden; } .article_adv div { z-index: 1; background-color: rgba(0, 0, 0, 0.5); color: white; position: absolute; width: 100%; height: 28px; font-size: 14px; bottom: -28px; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000) } .article_adv div span { line-height: 28px; padding-left: 12px; display: block; width: 310px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .article_adv img { width: 100%; height: 100%; } /* 搜索结果 */ .warp_search { overflow: auto; margin-bottom: 30px; } .search_left { width: 854px; float: left; } .search_left h2 { font-size: 14px; color: #b2b2b2; margin-bottom: 20px; } .search_left h2 span { color: #51a7ff; } .relate_game { display: inline-table; width: 100%; } .game_cont { width: 283px; height: 291px; text-align: center; float: left; margin-left: -1px; margin-top: -1px; border: 1px solid #eee; } .game_cont:hover{ background: #F6F7F7; } .search_game_img { width: 100%; height: 157px; position: relative; } .search_game_img img { width: 113px; height: 113px; margin: 20px 0; } .game_cont h4 a{ font-size: 16px; font-weight: bold; width: 170px; height: 21px; display: block; margin: auto; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .game_cont h4 a:hover{ color: #51a7ff; text-decoration: underline; } .game_cont p { font-size: 12px; color: #b2b2b2; line-height: 21px; } .game_cont p span { padding: 0 6px; } .game_cont .download,.game_cont .no_download{ margin-top: 18px; } .game_cont .download a { font-size: 16px; color: #51a7ff; border: 1px solid #ff9c00; border-radius: 20px; padding: 6px 26px; } .game_cont .download a:hover{ color: #fff; background: #51a7ff; } .game_cont .no_download a{ font-size: 16px; color: #b2b2b2; border: 1px solid #b2b2b2; border-radius: 20px; padding: 6px 26px; } .game_cont .no_download a:hover{ color: #fff; background: #b2b2b2; } .game_cont .havegift{ position: absolute; width: 36px; height: 36px; left: 174px; top: -10px; } .search_right { width: 330px; float: right; } .search_left .new_news .game_detail:first-child{ border-top: 1px solid #eee; }