.wrap{width: 1100px;position: relative;} .red{color: #da0106;} .header{} .line-bg{height:49px;line-height:35px;background:url(/static/huidong/img/line-bg.png) no-repeat center} .topbar{margin:0 140px 0 170px;font-size:12px;color:#999} .topbar a{display:inline-block;margin-right:10px;margin-left:6px;color:#999} .topbar a:hover{color:#da0106} .midbar{margin:13px auto 0;padding-bottom:10px;border-bottom:3px solid #da0106} .weather{/*width:325px;*/height:50px;margin-left:10px;} .midbar .right{width:383px} .midbar .right .red{margin:10px 0 0 0} .search{height:32px;line-height:32px;border:1px solid #ddd;overflow:hidden;margin-top:25px;} .search span{width:45px;border-right:1px solid #ddd;color:#666;font-size:14px;text-align:center} .search input[type=text]{width:253px;height:32px;padding:0 16px;border-right:1px solid #ddd;color:#ccc} .search input[type=submit]{width:49px;height:32px;background:url(/static/huidong/img/search-btn.png) no-repeat center} .search input[type='text']:-moz-placeholder, .search input[type='text']:-ms-input-placeholder, .search input[type='text']::-webkit-input-placeholder{color: #ccc;} .bottombar{margin: 16px auto;} .bottombar .list:first-child dt:before{width: 0px;} .list{width: 275px;overflow: hidden;position: relative;} .list dt{width:35px;margin-top:5px;line-height:20px;padding-left:20px;color: #666;font-size:16px;font-weight: bold;position: relative;} .list dd{width: 195px;height:44px;margin:2px 0 0 15px;overflow: hidden;} .list dd a{display: block;width:32.33%;height:22px;line-height:22px;margin-left:1%;float: left;white-space:nowrap;text-overflow:ellipsis;color: #696969;overflow: hidden;} .list dd a:hover{color: #fc6105;} .list dt:before{content: '';width: 1px;height: 30px;position: absolute;top: 6px;background: #ccc;left: 1px;} .ad-banner{width:1100px;height:90px;margin:0px auto 10px;position:relative;overflow:hidden;} .ad-banner .hd{ height:22px; position:absolute; z-index:1; bottom:6px; right:10px; overflow:hidden; } .ad-banner .hd ul{float:right;overflow:hidden; } .ad-banner .hd li{width:20px;height:20px;line-height:20px;float:left;margin:0 2px;background:rgba(0,0,0,.3);color:#fff;text-align:center;display:inline;cursor:pointer;} .ad-banner .hd li.on{background:rgba(0,0,0,.5);border-color:#76a5c5;color: #fff;} .ad-banner .bd li{vertical-align:middle;} .ad-banner .bd li img{width:100%;height:100%;display:block;background: center center no-repeat;} .slider-banner{position:relative;width:678px;height:383px;text-align:left;overflow:hidden;} .slider-banner .pic img{width:678px;height:383px;display:block} .slider-banner .txt-bg{width:100%;height:40px;position:absolute;bottom:0;z-index:1;background:rgba(0,0,0,.7);filter:alpha(opacity=70);opacity:.7;overflow:hidden} .slider-banner .txt{width:70%;height:40px;position:absolute;bottom:0;z-index:2;overflow:hidden;} .slider-banner .txt li{width:100%;height:40px;line-height:40px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position:absolute;bottom:-40px;font-size:16px;color:#fff;} .slider-banner .txt li a{padding:0 0 0 10px;color:#fff;} .slider-banner .num{position:absolute;z-index:3;bottom:15px;right:16px} .slider-banner .num li{width:10px;height:10px;line-height:10px;margin:0 3px;float:left;position:relative;border-radius:50%;background:#fff;text-align:center;text-indent:-99999px;cursor:pointer} .slider-banner .num li:hover,.slider-banner .num .on {background:#de0106;} .title{height: 41px;line-height: 41px;border-top: 2px solid #ddd;border-bottom: 1px solid #eee;} .title span{padding-left: 6px;vertical-align: inherit;position: relative;color: #da0106;font-size: 20px;} .title span:before{content: '';width: 100%;height: 2px;position: absolute;left:0;top:-2px;background: red;} .title label{vertical-align: inherit;margin-left:6px;font-size: 20px;color: #999;} .title a{color: #999;font-size: 13px;font-family: "宋体";} .title a:hover{color:#de0106;} /* .wcb{height: 41px;line-height: 41px;border-top: 2px solid #ddd;border-bottom: 1px solid #eee;cursor:pointer;} .wcb li{vertical-align: inherit;margin-left:6px;font-size: 20px;color: #999;float:left;} .wcb li:before{content: '';width: 100%;height: 2px;position: absolute;left:0;top:-2px;background: red;} .wcb li:hover{vertical-align: inherit;position: relative;color: #da0106;font-size: 20px;} .wcb li.hover{vertical-align: inherit;position: relative;color: #da0106;font-size: 20px;} */ .wcb{height: 41px;line-height: 41px;border-top: 2px solid #ddd;border-bottom: 1px solid #eee;cursor:pointer;position:relative;z-index:1} .wcb li{vertical-align: inherit;margin-left:6px;font-size: 20px;color: #999;float:left;position:relative;z-index:2} .wcb li:hover{vertical-align: inherit;position: pointer;z-index:2;color: #da0106;font-size: 20px;border-top:2px solid red;top:-2px;} .wcb li.hover{vertical-align: inherit;position: pointer;z-index:2;color: #da0106;font-size: 20px;border-top:2px solid red;top:-2px;} .index-floor1 .right{width: 402px;} .new-list1{margin:8px auto;} .new-list1 h1{margin:5px;font-size:20px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .new-list1 dd{height:30px;line-height:30px;margin:0 5px;font-size: 16px;color: #666;font-family: "宋体";white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .ad-pic{} .ad-pic a{width:194px;height:77px;overflow:hidden;} .index-floor1{} .index-floor2{} .list2{margin:18px 0 20px -8px;} .list2 li{margin-left:8px;float: left;border: 1px solid #eee;} .list2 li img{width: 349px;height: 97px;margin:5px;} .list3{margin:8px 5px 0;} .list3 li{height: 28px;line-height: 28px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;} .list3 li a{margin-left:6px;color: #666;} .list3 li span{display: inline-block;width: 17px;height:13px;margin: 0 8px 0 3px;background: no-repeat center;} .list3 li a:hover{color: #de0106;} .index-floor3 .left,.index-floor3 .mid{width: 385px;} .index-floor3 .mid{margin-left: 22px;} .index-floor3 .right{width: 287px;} .index-floor4{margin: 30px auto 28px;} .index-floor4 a{height: 85px;} .index-floor4 .img1{width:221px;} .index-floor4 .img2{width: 616px;margin:0 21px;} .index-floor4 .img3{width: 220px;} .live-slider{margin-bottom: 18px;overflow:hidden;position:relative;zoom:1;} .live-slider .step{margin-right: 14px;} .live-slider .step a{width:15px;height:25px;line-height:25px;background:#828282;text-align:center;color: #fff;} .live-slider .step a img{vertical-align: middle;} .live-slider .tab-bd{width:100%;margin:14px 0 0 0px;text-align:center;overflow:hidden} .live-slider .tab-bd ul{height:100%;overflow:hidden;} .live-slider .tab-bd ul li{width: 210px;margin:0 4px 12px;float:left;position:relative;overflow:hidden;overflow: hidden;} .live-slider .tab-bd ul li div{width: 100%;height:118px;overflow: hidden;} .live-slider .tab-bd ul li img{width: 200px;height:120px;-webkit-transition: ease-in-out 600ms;-moz-transition: ease-in-out 600ms;-ms-transition: ease-in-out 600ms;-o-transition: ease-in-out 600ms;transition: ease-in-out 600ms;} .live-slider .tab-bd ul li:hover img{transform: scale(1.1);} .live-slider .tab-bd ul li p{height:32px;line-height:32px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;color: #000;} .live-slider .tab-bd ul li:hover p{color: #de0106;} .index-floor6{overflow:hidden;} .index-floor6 ul{text-align: center;overflow: hidden;} .index-floor6 ul li{display: inline-block;position: relative;overflow: hidden;} .index-floor6 ul li img{-webkit-transition: ease-in-out 600ms;-moz-transition: ease-in-out 600ms;-ms-transition: ease-in-out 600ms;-o-transition: ease-in-out 600ms;transition: ease-in-out 600ms;} .index-floor6 ul li div{position: absolute;left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,.1);color: #fff;font-size: 24px;} .index-floor6 ul li:hover img{transform:scale(1.1);} .index-floor6 .list4{margin:10px auto;} .index-floor6 .list4 li{width: 535px;height: 225px;} .index-floor6 .list4 li img{width:100%} .index-floor6 .list4 li div{line-height:225px;} .index-floor6 .list5{margin-bottom: 27px;} .index-floor6 .list5 li{width: 354px;height: 201px;} .index-floor6 .list5 li img{width:100%} .index-floor6 .list5 li div{line-height:201px;} .index-floor6 .list6{margin:10px auto;width: 540px;height: 435px;float:left;} .index-floor6 .list6 li{width: 540px;height: 441px;} .index-floor6 .list6 li img{width:100%;height:100%} .index-floor6 .list6 li div{line-height:441px;} .index-floor6 .list7{margin:10px auto;width: 550px;float:right;} .index-floor6 .list7 li{width: 540px;height: 211px;} .index-floor6 .list7 li img{width:100%;height:100%} .index-floor6 .list7 li div{line-height:201px;} .index-floor6 .list8{width: 550px;float:right;margin-bottom: 27px;} .index-floor6 .list8 li{width: 260px;height: 201px;} .index-floor6 .list8 li img{width:100%;height:100%} .index-floor6 .list8 li div{line-height:201px;} .index-floor7{} .index-floor7 .left{width: 746px;} .index-floor7 .right{width: 338px;} .list6{margin-top: 16px;} .list6 li{width: 362px;margin:0 0 22px 11px;float: left;} .list6 li .fl{width: 162px;height: 90px;border: 1px solid #ddd;border-radius: 5px;overflow: hidden;} .list6 li .fl img{width: 100%;} .list6 li .fr{width:190px;line-height: 28px;margin-top:5px;} .list6 li .fr a{display: inline-block;} .tips{width: 334px;height: 203px;border: 2px solid #ec8d28;border-radius: 3px;} .tips div{padding:0 15px;height: 43px;line-height: 43px;background: #ec8d28;overflow: hidden;} .tips div a{color: #fff;} .new-list2{margin:10px 16px 0;} .new-list2 li{line-height: 28px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;} .pic{width: 100%;margin-top:10px;overflow: hidden;} .index-floor8{margin:15px auto 25px;} .index-floor8 .title{margin-bottom: 8px;} .link{width: 100%;line-height:30px;overflow: hidden;} .link dt,.link dd{float: left;} .link dt{width:75px;padding:0 5px;color: #ccc;} .link dd{width:1015px;overflow: hidden;} .link dd a{} .side-left{width: 730px;} .side-right{width: 320px;} .location{height:18px;line-height:18px;color:#999999;} .location span{width: 20px;height: 17px;margin-right:5px;display:inline-block;vertical-align:sub;background: no-repeat center;} .location a{color: #999;} .location a:last-child{color: #666;} .location a:hover{color: #ea5e00;} .menu{height:43px;margin-top:28px;border-top:1px solid #676767;border-bottom:1px solid #dddddd;position: relative;} .menu>a{min-width:100px;height:40px;display:block;line-height:40px;float:left;margin:-1px 10px 0 0px;border-top: 4px solid transparent;font-size: 18px;color: #333;text-align: center; -webkit-transition: all 300ms ease-in;-moz-transition: all 300ms ease-in;-ms-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;transition: all 300ms ease-in;overflow:hidden;} .menu>a.active,.menu>a:hover{color:#e20015;border-top-color:#e20015;} .menu .arrow-down{width:0;height:0;border-style:solid;border-width:16px 10px 0 10px;border-color:#e20015 transparent transparent transparent;position:absolute;right:0;top:12px;cursor:pointer} .menu .submenu{z-index:2;width:698px;border:1px solid #ddd;border-top:none;background:#fff;position:absolute;right:0;top:44px;padding:10px 15px;display:none} .menu .submenu a{line-height:25px;padding:0 5px;white-space:nowrap} .menu .submenu a.active{color:#e20015} .hot-pic{height: 138px;margin-top: 45px;border: 1px solid #e0e0e0;overflow: hidden;} .rank-box{margin-top: 21px;} .rank-box .title2{} .rank-box .title2 div{width:345px;height:27px;line-height:27px;border-bottom: 2px solid #fe8a01;} .rank-box .title2 div a{} .rank-box .title2 div a label{color: #fe8a01;} .list11{width: 726px;} .list11 li{margin-top:24px;border-bottom: 1px solid #e4e4e4;padding-bottom: 15px;} .list11 li h3{height: 27px;line-height: 27px;margin-bottom:12px;font-size: 18px;font-weight: bold;} .list11 li h3 a{color:#003399} .list11 li h3 a:hover{color: #ea5e00;} .list11 li .left{width: 150px;height: 100px;overflow: hidden;} .list11 li .left img{width: 100%;min-height: 100%;} .list11 li .right{width: 566px;font-size: 12px;} .list11 li .right p{margin-top: 5px;line-height: 20px;} .list11 li .right a{color: #666;} .list11 li .down{margin-top:20px;} .list11 li .down span{padding:0 5px;border-left:1px solid #e0e0e0;} .list11 li .down span:first-child{border-left: 0} .list11 li a:hover{color: #ea5e00;} .list12{} .list12 li{width:140px;margin:10px 10px 0 10px;float: left;} .list12 li div{width: 138px;height: 96px;border: 1px solid #ccc;overflow: hidden;} .list12 li p{margin:5px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .list12 li:hover div{border-color:#ea5e00;box-shadow: 0 0 10px #ea5e00;} .list12 li:hover a{color: #ea5e00} .list13{margin:13px 5px 0;} .list13 li{width:100%;height:30px;line-height:30px;margin-bottom: 8px;overflow: hidden;background:#f6f6f6;} .list13 li div{width:30px;height:30px;margin-right:5px;background: #a3a3a3;text-align:center;color: #fff;} .list13 li a{width:85%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .list13 .red{background: #e14c2e;} .list13 .orange{background: #ef9f00;} .list13 .yellow{background: #f4cf0d;} .list14{margin:13px 5px 0;} .list14 li{width:100%;height:30px;line-height:30px;margin: 4px 0;overflow: hidden;border-bottom:1px dotted #a3a3a3;} .list14 li div{width:30px;height:30px;margin-right:5px;text-align:center;color: #fff;} .list14 li a{width:85%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .detail{margin:15px auto;padding:18px 0;line-height:24px;} .detail h3{color: #333;font-size: 24px;} .detail .pll{padding:15px 0;margin-bottom:15px;border-bottom: 1px dashed #cccccc;color: #666;} .detail img{max-width: 100%;margin: auto} .author{width:100%;margin:30px auto;border-top:1px dashed #ccc;border-bottom: 1px dashed #ccc;color: #999;} .author td{padding:10px 0;} .page{margin: 34px auto;text-align: center;} .page a,.page span{display: inline-block;height: 25px;line-height: 25px;margin:0 2px;padding:0 6px;border-radius:5px;} .page a.active,.page a:hover{background: #ffc75a;color: #fff;} .footer{width:100%;padding:25px 0;line-height:30px;background: #f6f6f6;border-top: 1px solid #e6e6e6;overflow: hidden;} /*电视直播页面*/ .live-box{border: 1px solid #eee;width:100%;height: 570px;margin: 5px auto;} .live-box .left{width: 753px;} .live-box .left .video{width: 720px;height: 550px;line-height:553px;margin:16px auto 0;background:#000;overflow:hidden;} .live-box .left .video video{max-width:100%;min-height:100%;} .live-box .right{width: 340px;height:100%;border-left: 1px solid #eee;} .tabbar{ width:100%;} .tabbar .hd{height:75px;border-bottom:1px solid #eee;} .tabbar .hd ul{padding:20px 0 16px;position:relative;zoom:1;z-index:5;text-align: center} .tabbar .hd ul>li{width:122px;height:39px;line-height:32px;margin:0 15px;display:inline-block;cursor:pointer;position: relative;} .tabbar .hd ul>li span{width:20px;height:20px;margin-right:6px;background: no-repeat;} .tabbar .hd ul>li .icon1{background-position: 0 0;} .tabbar .hd ul>li .icon2{background-position: -20px 0;} .tabbar .hd ul>li.on{background:url(/static/huidong/img/live-ico1.png) no-repeat center;color: #fff;} .tabbar .hd ul>li.on .icon1{background-position: 0px -20px;} .tabbar .hd ul>li.on .icon2{background-position: -20px -20px;} .tabbar .bd{position:relative;height: 490px;clear:both;overflow:hidden;} .tabbar .bd .conwrap{} .tabbar .bd .con{height:609px;overflow-y: scroll;width:100%;} .playback{width:100%;} .playback tr{} .playback th,.playback td{border-bottom:1px solid #eee;} .playback th{padding:0 5px 0 10px;border-right:1px solid #eee;} .playback td{padding:8px 0;} .playback td div{color: #3d699e;display: inline-block;} .playback .wait{color: #999;} .playback .wait div{color: #999;} .channel-menu{} .channel-menu li{border-bottom: 1px solid #eee;padding:10px 20px;font-size: 18px;} .channel-menu li a{} /**播放器**/ .mask { position:absolute; z-index: 100; top: 0px; background-color: #000; left: 0px; } .vodid_mask{position: absolute; z-index: 108;} /*正在播放*/ .vod_plyear{background:red;;padding:5px;} /**视频列表**/ .vod_list_div{width:158px;margin:10px; float:left;} .vod_list_div .imgdiv{width:158px;;height:119px;border:1px solid #ccc;padding:1px;} .vod_list_div .imgdiv:hover{border-color: #ea5400;box-shadow: 0 0 10px #ea5400;} .vod_list_div .imgdiv img{max-width:158px;max-height:117px;} .vod_list_div p{text-align:center;height:40px;overflow:hidden;line-height:20px;} .date{width:116px;position: absolute;left:0px;top:14px;border:3px solid #ea5400;border-top: 0;display: none;} .date dl{width: 100%;margin-top:30px;background:white;color: #666;} .date dl dd{} .date dl dd.active,.date dl dd:hover{color: #ea5400;} /*视频列表*/ .vod_list{overflow:hidden;margin-left:-5px;} .vod_list dd{width:177px;float:left;margin-left:5px;overflow:hidden;margin-top:10px;} .vod_list dd div{border:1px solid #dedede;overflow:hidden;} .vod_list dd img{width:170px;height:127px;-webkit-transition: ease-in-out 600ms;-moz-transition: ease-in-out 600ms;-ms-transition: ease-in-out 600ms;-o-transition: ease-in-out 600ms;transition: ease-in-out 600ms;} .vod_list dd:hover img{transform:scale(1.1);} .vod_list dd p{height:35px;line-height:35px;text-align:center;} /*列表样式*/ .commenttitle{height:40px;line-height:40px;border-bottom:1px solid #dedede;} .commenttitle .title-red-border{width:20px;height:20px;position:absolute;z-index:2;border-width:2px 0px 0px 2px;border-style:solid;border-color:#ce1a0c;} .commenttitle .title-txt{padding:0 15px;} .commenttitle .titli{font-size:18px;color:#6b6b6b;} .commenttitle .titin{padding-left:15px;color:#b5b4b4;} .commenttitle .title-txt a{color:#b5b4b4;} .commenttitle .title-txt a:hover{color:#b20f0f;} .img-wrap{width: 1150px;margin: 15px auto 25px;} .img-box{margin:20px auto;border:1px solid #dedede;} .img-box-inner{} .big_div{width:427px;height:260px;margin:5px;position:relative;overflow: hidden;} .big_div a{width:100%;height: 100%;} .big_div img{ width: 100%;height: 100%;object-fit: cover; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .big_div:hover img{transform: scale(1.2);} .small_div{width:210px;height:125px;margin:5px;position:relative;overflow: hidden;} .small_div a{width:100%;height: 100%;} .small_div img{ width: 100%;height: 100%; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .small_div:hover img{transform: scale(1.2);}