.top{ background-color: #111111; font-size: 14px; } .top_content{ width: 980px; margin: 0 auto; color: #bababa; height: 40px; line-height: 40px; } .top_content a{ color: #bababa; } .top_content img{ vertical-align: middle; } .login{ float: right; } .logo{ height: 82px; line-height: 145px; width: 980px; margin: 0 auto; position: relative; } .logo img{ vertical-align: middle; } .logo .khd img{ float: right; margin-top: 33px; } .logo .search{ margin-left: 128px; width: 396px; height: 44px; line-height: 44px; display: inline-block; position: relative; vertical-align: middle; } .logo .search input{ padding-left: 10px; color: #999999; height: 42px; width: 320px; font-size: 16px; border: none; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-radius: 2px; -ms-border-radius: 2px; position: absolute; left:0; top:0; } .logo .search a{ font-size: 20px; color: #ffffff; width: 76px; text-align: center; background-color: #e94740; display: inline-block; height: 44px; line-height: 44px; position: absolute; right:-9px; top:0; font-weight: bold; } .nav{ background-color: #e94740; height: 58px; line-height: 58px; border-bottom: 4px solid #ce3b35; margin-bottom: 2px; } .nav_content{ width: 980px; margin:0 auto; position: relative; } .nav_content ul li{ float: left; } .nav_content ul li a{ color: #ffffff; padding: 20px 16px; } .nav_content img{ vertical-align: middle; } .menu{ float: right; position: relative; display: none; } /*.menu ul{ position: absolute; top:62px; right: 0; background-color: #6a6a6a; width: 300px; height: 450px; z-index: 10; display: none; }*/ .nav_content ul li{ position: relative; } .nav_content ul li .nav_level02{ position: absolute; width: 1016px; height: 58px; top: 62px; left:0; display: none; } .banner{ /*width: 1680px;*/ height: 237px; margin: 0 auto; } /*.banner ul{ float: left; position: relative; !*z-index: -1;*! }*/ .banner li{ width: 278px; height: 228px; position: relative; } .banner .label{ position: absolute; top:10px; left: 20px; color: #ffffff; padding:6px 16px; background-color: #32b47b; font-size: 18px; } .banner .gradient img{ display: inline-block; width: 278px; height: 228px; position: absolute; bottom:0; left: 0; } .banner .title{ position: absolute; bottom:10px; left: 20px; display: inline-block; width: 238px; color: #ffffff; font-size: 16px; letter-spacing: 2px; line-height: 30px; } .banner_left{ margin-right: 2px; float: left; } .big_banner{ margin-right: 2px; float: left; } .big_banner li{ width: 551px; height: 460px; position: relative; } .big_banner li img{ height: 460px; } .big_banner .gradient img{ display: inline-block; width: 551px; height: 460px; position: absolute; bottom:0; left: 0; } .big_banner .title{ width: 480px; font-size: 24px; position: absolute; left:24px; bottom: 54px; } .big_banner .title a{ color: #fafafa; } .big_banner .time{ font-size: 14px; position: absolute; left:24px; bottom: 30px; color: #fafafa; } .big_banner li .button{ overflow: auto; position: absolute; top: 20px; left: 24px; z-index: 20; } .big_banner li .button li{ float: left; width:10px; height: 10px; border-radius: 5px; -ms-border-radius: 5px; margin:0 8px; background-color: #b9b9b9; opacity: 0.9; filter: alpha(opacity=90); cursor: pointer; } .big_banner li .button li.current{ background-color: #acce0b; } .big_banner .label{ position: absolute; left:24px; top:334px; color: #ffffff; padding:6px 16px; background-color: #32b47b; font-size: 18px; z-index: 10; } .banner .b02 li img{ height: 228px; width: 278px; } .show{ height: 71px; line-height: 71px; width: 994px; margin: 0 auto; } .show .playing{ padding-left: 24px; padding-right: 24px; color: #eb4f38; } .show .arrow{ float: right; } .show .arrow img:first-child{ margin-left: 10px; } .show img{ vertical-align: middle; } .headlines{ border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; background-color: #fafafa; padding-top: 40px; padding-bottom: 40px; } .headlines_content{ width: 996px; margin: 0 auto; height: 290px; } .headlines_content .left{ float: left; margin-top: 0; width: 650px; } .headlines_content .left .title{ /*height: 30px;*/ line-height: 30px; /*margin-bottom: 24px;*/ } /*.headlines_content .left .title a{ color: #292821; }*/ .headlines_content .left .top_tittle{ font-size: 14px; margin-bottom: 15px; } .headlines_content .left .top_tittle img{ vertical-align: middle; } .headlines_content .left .top_tittle a{ color: #292821; } .headlines_content .left .t01{ font-size: 20px; padding: 5px 6px; color: #ffffff; background-color: #df2e54; } .headlines_content .left .t02{ font-size: 28px; font-weight: bold; } .headlines_content .left ul{ font-size: 14px; } .headlines_content .left ul li{ left: 30px; } .headlines_content .left .news_left{ margin-right: 36px; } .headlines_content .left .news_left a{ color: #292821; } .headlines_content .left .news_right a{ color: #292821; } .headlines_content .left .news_right img{ vertical-align: middle; } .headlines_content .right{ float: right; width: 340px; } .headlines_content .right li{ float: left; width: 161px; position: relative; margin-right: 9px; } .headlines_content .right .rt{ margin-bottom: 20px; } .headlines_content .right .r_t01{ position: absolute; top:0; left: 0; color: #ffffff; padding: 2px 6px 4px 6px; background-color: #cc3952; font-size: 12px; } .headlines_content .right .r_t02{ color: #ffffff; position: absolute; bottom: 22px; left: 0; font-size: 12px; height: 27px; line-height: 27px; text-align: center; z-index: 10; padding-left: 14px; } .headlines_content .right .r_t02bg{ display: inline-block; width: 161px; height: 27px; background-color: #000000; opacity: 0.6; filter: alpha(opacity=60); position: absolute; bottom: 22px; left: 0; } .headlines_content .right p{ color: #5a5a5b; } .headlines_content .right p .play{ float: right; } .main{ width: 990px; margin: 0 auto; } .main .m_left{ float: left; width: 664px; border-right: 2px solid #e9e9e9; margin-right: 16px; } .n_titles{ width: 644px; height: 40px; line-height: 40px; margin-top: 30px; margin-bottom: 22px; } .n_titles .n_t{ color: #1c1c1c; font-size: 24px; font-weight: bold; padding-bottom: 7px; } .n_titles .n_tr{ float: right; font-size: 14px; } .n_titles .n_tr a{ color: #1c1c1c; } .contents{ overflow: auto; } .n_content{ width: 305px; margin-bottom: 40px; float: left; } .n_content hr{ margin-top: 10px; border: none; border-top: 3px solid #eeeeee; } .n_content_left{ border-right: 3px solid #ededed; padding-right: 16px; margin-right: 16px; } .news01 .news_content .title{ padding-top: 16px; padding-bottom: 16px; font-size: 18px; } .news01 .news_content .title a{ color: #313035; font-weight: bold; } .news01 .news_content .title .type{ font-size: 16px; color: #ffffff; padding: 3px 6px; background-color: #e96f5f; margin-right: 12px; line-height: 36px; } .news01 .news_content .content{ line-height: 26px; font-size: 14px; color: #313035; } .lists{ overflow: auto; margin-bottom: 10px; } .news_list{ list-style: disc; font-size: 14px; } .news_list li{ height: 30px; line-height: 30px; } .news_list li a{ color: #191919; } .news_list_left{ margin-right: 0px; float: left; } .news_list_right{ float: right; width: 330px;margin-right: 10px; } .news .ad,.tv .ad,.life .ad{ width: 644px; background-color: #f0f0f0; overflow: hidden; } .tv .n_titles{ margin-top: 16px; margin-bottom: 16px; } .tv .tv_big{ width: 255px; height: 253px; position: relative; float: left; } .tv_lists{ height:254px; margin-bottom: 35px; margin-top: 26px; } .tv_big .play_pic{ position: absolute; bottom:0; left: 0; z-index: 10; } .tv_big .title{ position: absolute; bottom:10px; left: 60px; color: #ffffff; z-index: 10; } .tv_big .title .tt01{ font-size: 16px; } .tv_big .title .tt02{ font-size: 12px; } .tv_lists .tv_big .bg{ display: inline-block; width: 255px; height: 54px; background-color: #000000; opacity: 0.7; -ms-filter: progid:dximagetransform.microsoft.alpha(opacity=70); filter: progid:dximagetransform.microsoft.alpha(opacity=70); position: absolute; bottom:0; left: 0; } .tv_lists .tv_list{ float: right; height: 253px; width: 409px; } .tv_list li{ width: 187px; height: 121px; float: left; position:relative ; margin-left: 10px; } .tv_list .l01,.l02{ margin-bottom: 10px; } .tv_list .bg{ display: inline-block; width: 187px; height: 32px; background-color: #000000; opacity: 0.7; filter: alpha(opacity=70); position: absolute; bottom: 0; left: 0; } .tv_list .title{ position: absolute; bottom: 10px; left: 10px; z-index: 10; } .tv_list .title a{ color: #ffffff; font-size: 14px; } .life .n_titles{ margin-top: 20px; margin-bottom: 26px; } .life .l_content{ height: 136px; } .life .l_content li{ float: left; width: 206px; height: 136px; position: relative; } .life .l_content li img{ width: 206px; height: 136px; } .life .l_content .title{ position: absolute; bottom: 7px; left: 20px; font-size: 14px; z-index: 10; } .life .l_content .title a{ color: #ffffff; } .life .l_content .bg{ background-color: #000000; opacity: 0.6; filter: alpha(opacity=60); display: inline-block; width: 206px; height: 26px; position: absolute; bottom: 0; left: 0; } .life .l_content .center{ margin-left: 14px; margin-right: 14px; } .l_content02{ height: 170px; margin-top: 32px; } .l_content02 .l_left{ float: left; width: 232px; height: 166px; position: relative; margin-right: 22px; } .l_left img{ width: 232px; height: 166px; } .l_left .title{ font-size: 16px; position: absolute; bottom: 10px; left: 45px; z-index: 10; } .l_left .title a{ color: #ffffff; } .l_left .bg{ display: inline-block; height: 34px; width: 232px; background-color: #000000; opacity: 0.7; filter: alpha(opacity=70); position: absolute; bottom: 0; left: 0; } .l_content02 .l_right{ float: left; margin-top: -5px; } .l_right li{ height: 30px; line-height: 30px; font-size: 14px; } .l_right li a{ color: #191919; } .life .ad{ margin-top: 16px; overflow: hidden; } .entertainment .n_titles{ margin-top: 14px; margin-bottom: 34px; } .yl_content .left{ width: 255px; float: left; position: relative; margin-right: 20px; } .yl_content .left .title{ font-size: 14px; position: absolute; bottom: 15px; left:48px; z-index: 10; } .yl_content .left .title a{ color: #ffffff; } .yl_content .left .bg{ display: inline-block; width: 255px; height: 44px; background-color: #000000; opacity: 0.7; filter: alpha(opacity=70); position: absolute; bottom: 0; left: 0; } .yl_content .right{ float: left; width: 370px; height: 287px; } .yl_content .right h3{ font-size: 16px; } .yl_content .right h3 a{ color: #191919; } .yl_content .right p{ font-size: 12px; color: #191919; line-height: 24px; } .yl_content .right p a{ color: #191919; } .yl_content .right ul{ font-size: 14px; line-height: 30px; } .yl_content .right ul li a{ color: #191919; } .yl_list{ margin-top: 10px; height: 140px; margin-bottom: 40px; } .yl_list li{ float: left; width: 151px; } .yl_list img{ margin-bottom: 10px; } .yl_list span{ font-size: 14px; line-height: 20px; } .yl_list a span{ color: #191919; } .yl_list .r{ margin-right: 14px; } .m_right{ float: left; width: 308px; } .m_right .kuaixun{ margin-top: 58px; } .m_right .kuaixun h3{ padding-left: 6px; border-left: 4px solid #408ed6; font-size: 18px; color: #3b3b3b; margin-bottom: 18px; } .kuaixun .list .more{ height: 28px; line-height: 28px; width: 305px; text-align: center; margin: 18px 0 12px 0; color: #e0700c; font-size: 14px; background-color: #ffe5ac; border: 1px solid #fed06b; cursor: pointer; } .kuaixun .list{ font-size: 14px; } .kuaixun .list li{ margin-bottom: 20px; } .kuaixun .list li a{ color: #3b3b3b; line-height: 20px; } .kuaixun .list li .c{ float: right; width: 240px; } .kuaixun .list_b{ display: none; } .kuaixun .ad{ width: 301px; background-color: #f0f0f0; overflow: hidden; } .m_right .report h3{ padding-left: 6px; border-left: 4px solid #408ed6; font-size: 18px; color: #3b3b3b; margin-top: 28px; margin-bottom: 18px; } .report .list{ background-color: #fafafa; overflow: auto; } .report .list li{ float: left; margin: 8px 9px; font-size: 14px; } .report .list li a{ color: #6a6a6a; } .report .ad{ width: 308px; background-color: #f0f0f0; margin-top: 15px; } .m_right .fm h3{ padding-left: 6px; border-left: 4px solid #408ed6; font-size: 18px; color: #3b3b3b; margin-bottom: 18px; margin-top: 32px; } .fm .t_h{ margin-bottom: 24px; } .fm .t_h img{ float: left; margin-right: 8px; } .fm .t_h .t_content{ float: left; width: 177px; } .fm .t_h .t_content .t{ height: 30px; line-height: 30px; color: #b3402c; border-left:4px solid #b3402c; font-size: 14px; padding-left: 12px; } .fm .t_h .t_content .t_c{ font-size: 14px; line-height: 26px; } .fm .t_h .t_content .t_c a{ color: #3b3b3b; } .fm .list{ line-height: 30px; } .fm .list li a{ font-size: 14px; color: #3b3b3b; } .fm .ad{ width: 300px; margin-top: 9px; background-color: #f0f0f0; } .longmaquan h3{ padding-left: 6px; border-left: 4px solid #408ed6; font-size: 18px; color: #3b3b3b; margin-bottom: 30px; margin-top: 42px; } .longmaquan .t_h{ width: 300px; height:80px; color: #413d39; background-color: #f0f0f0; position: relative; } .longmaquan .t_h .t_content{ position: absolute; top: 22px; left: 114px; width: 170px; line-height: 24px; font-size: 14px; font-weight: bold; } .longmaquan .t_h .t_content a{ color: #413d39; } .longmaquan .list{ margin-top: 30px; font-size: 14px; } .longmaquan .list li{ margin-bottom: 15px; } .longmaquan .list a{ color: #191919; } .activity{ position: relative; } .activity h3{ padding-left: 6px; border-left: 4px solid #408ed6; font-size: 18px; color: #3b3b3b; margin-bottom: 24px; margin-top: 40px; } .activity .t_h{ width: 300px; height: 150px; position: relative; margin-bottom: 30px; } .activity .t_h .t_content{ width: 300px; text-align: center; height: 26px; line-height: 26px; position: absolute; bottom: 0; left: 0; font-size: 12px; z-index: 10; } .activity .t_h .t_content a{ color: #ffffff; } .activity .t_h .bg{ display: inline-block; width: 300px; height: 26px; background-color: #000000; opacity: 0.7; filter: alpha(opacity=70); position: absolute; bottom: 0; left: 0; } .activity .btn{ overflow: auto; position: absolute; right: 20px; top:8px; } .activity .btn li{ width: 10px; height: 10px; background-color: #cccccc; border-radius: 5px; -ms-border-radius: 5px; float: left; margin-left: 10px; cursor: pointer; } .activity .btn .current{ background-color: #00a8df; } .activity .list{ margin-top: 30px; font-size: 14px; } .activity .list li{ margin-bottom: 15px; } .activity .list a{ color: #191919; } .activity .ad{ margin-top: 6px; width: 300px; background-color: #f0f0f0; } .rank h3{ padding-left: 6px; border-left: 4px solid #408ed6; font-size: 18px; color: #3b3b3b; margin-bottom: 30px; margin-top: 30px; } .rank .list{ color: #3b3b3b; font-size: 16px; background: no-repeat left top transparent; } .rank .list li{ height: 35px; line-height: 35px; padding-left: 4px; padding-right: 6px; } .rank .list li:nth-child(2n){ background-color: #f6f6f6; } .rank .list a{ color: #3b3b3b; } .rank .list .number{ display: inline-block; width: 23px; height: 21px; line-height: 21px; text-align: center; margin-right: 10px; background-color: #a3a3a3; } .rank .list .first{ background-color: #e14c2e; } .rank .list .second{ background-color: #efa000; } .rank .list .third{ background-color: #f4cf0d; } .rank .list .channel{ float: right; } .column{ background-color: #fafafa; } .column_content{ width: 1000px; margin: 0 auto; padding: 20px; border-top: 3px solid #f19959; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; background-color: #ffffff; } .column_title{ overflow: auto; margin-bottom: 16px; } .column_title h3{ color: #3e3f40; font-size: 22px; font-weight: bold; display: inline-block; float: left; } .column_title span a{ color: #3e3f40; font-size: 14px; float: right; } .column_list li{ line-height: 24px; overflow: auto; padding-top: 10px; padding-bottom: 10px; } .column_list li:nth-child(2n){ background-color: #f6f6f6; } .column_list li span{ padding-left: 20px; padding-right: 30px; color: #e96708; font-size: 18px; font-weight: bold; float: left; } .column_list li:first-child span{ height: 48px; line-height: 48px; } .column_list li a{ float: left; width: 870px; color: #1c1c1c; font-size: 14px; } .cooperation{ width: 1000px; margin:16px auto; padding: 20px; border: 1px solid #e8e8e8; } .cooperation h3{ color: #3e3f40; font-size: 22px; font-weight: bold; margin-bottom: 26px; } .cooperation a{ font-size: 14px; color: #3e3f40; } /*.footer{ text-align: center; background-color:#282828; padding-top: 46px; padding-bottom: 40px; color: #ffffff; }*/ .footer a{ color: #ffffff; } .footer span{ display: block; margin-bottom: 15px; } .w550{ width:550px;} .w280{ width:278px;} .w324{ width:324px;} /*-- 跑马灯 --*/ .moqiu{ width:788px; height:71px; overflow:hidden;} .show_lunbo ul li{ float:left;} .paomadeng{ width:500px; overflow:hidden;} .longtv{ height: 90px; overflow: hidden; } .newlist{ height: 100px; overflow: hidden; } .newscontent{ margin-bottom: 30px; } .banner-r{width: 840px} @media screen and (max-width:1400px){ .bannerl{display: none;} .banner-r{width: 550px} .banner{ width:1110px;} } .ad{ overflow: hidden; } /* 广告滚动 */ .ad_srcoll{width: 640px;height: 60px;overflow: hidden;} .adcon{position: relative;} .adlist{float: left;}