.header { height: 390px; width: 100%; background-image: url(https://s2-10623.kwimgs.com/kos/nlav10623/vision_images/topBannerx1.png); } p { font-size: 15px; color: #111; } p:hover { color: #fe3666; } span { color: #999; font-size: 13px; } .nav { width: 100%; height: 70px; background: rgba(34,34,34,.5); position: fixed; } .nav_center { width: 1800px; height: 70px; padding-top: 12px; } .nav_center .logo { width: 81px; height: 31px; float: left; margin-top: 8px; } .nav_search { width: 580px; height: 44px; border: none; color: #fff; position: absolute; left: 50%; transform: translateX(-50%); } .nav_search input{ margin-top: 0px; float: left; border-radius: 22px; width: 470px; height: 44px; background: hsla(0,0%,100%,.12); border: none; color: #fff; border-bottom-right-radius: 0%; border-top-right-radius: 0%; padding-left: 20px; } .nav_search_right { /* margin-top: 10px; */ width: 80px; height: 46px; background-color: #fe3666; line-height: 44px; text-align: center; border-top-right-radius: 22px; border-bottom-right-radius: 22px; float: left; } .nav_right { width: 279px; height: 50px; float: right; } .nav_right li { width: 60px; height: 51px; color: #fff; float: left; margin-left: 20px; text-align: center; } .nav_right li p { font-size: 14px; color: #fff; } .nav_right a { color :#fff; line-height: 43px; } .nav_right li:last-child { background-color: #fe3666; width: 84px; height: 43px; border-radius: 22px; text-align: center; } .change_red:hover { color:#fe3666; } .content_a { width: 1800px; height: 1000px; } .nav_list { margin: 40px auto; width: 1800px; overflow: hidden; } .nav_list li { background-color: #fbfbfb; border-radius: 30px; font-size: 18px; font-weight: 600; text-align: center; float: left; margin-left: 166px; } .nav_list li:first-child { margin-left: 0; } .video_title h2 { float: left; } .video_title_more { float: left; font-size: 16px; color: #999; margin-left: 30px; margin-top: 14px; } .video_title .turn_page { float: right; margin-right: 20px; } .video { width: 1416px; height: 995px; float: left; } .video_title { overflow: hidden; } .video li img { width: 217px; height: 359px; } .video li { margin-right: 18px; margin-bottom: 46px; width: 217px; height: 418px; float: left; } .video p { margin-top: 5px; } .hot { float: left; width: 384px; height: 946px; } .hot_title { overflow: hidden; margin-bottom: 30px; } .hot_title h2 { display: inline-block; } .hot_title .turn_page{ margin-top: 8px; } .hot_content { background-color: #fbfbfb; padding: 15px; } .hot_content li { width: 344px; height: 80px; border-bottom: 1px solid #f2f2f2; } .hot_content_left { float: left; width: 49px; height: 60px; position: relative; } .hot_content_left img { position: absolute; bottom: 0px; } .hot_content_left h3 { display: inline-block; width: 49px; text-align: center; margin-right: 8px; font-size: 40px; font-weight: 800; } .hot_content li:nth-child(1) h3, .hot_content li:nth-child(1) i{ color: #fe3666; } .hot_content li:nth-child(2) h3, .hot_content li:nth-child(2) i{ color: #ff6f00; } .hot_content li:nth-child(3) h3, .hot_content li:nth-child(3) i{ color: #ffa600; } .hot_content_right { width: 198px; height: 40px; float: left; margin-left: 20px; margin-top: 10px; } .hot_content_right p { font-size: 18px; } .hot_img { float: right; width: 20px; margin-top: 10px; } .game { width: 1808px; height: 513px; } .game_title h2{ float: left } .game_title span{ float: left; margin-left: 15px; } .game_title { height: 45px; line-height: 45px; margin-bottom: 24px; } .game_contnet { height: 444px; } .game_contnet li { width: 211px; height: 199px; float: left; margin-right: 16px; margin-bottom: 46px; } .game_contnet li img { width: 221px; height: 139px; } .game_contnet li:first-child{ width: 655px; height: 444px; } .game_contnet li:first-child img { width: 655px; height: 385px; } .game_contnet li p { margin-top: 10px; }