@charset "utf-8"; body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; } body, button, input, select, textarea { font: 12px/1.5 'microsoft yahei','\5fae\8f6f\96c5\9ed1','hiragino sans gb', tahoma,arial,sans-serif; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } address, cite, dfn, em, var { font-style: normal; } code, kbd, pre, samp { font-family: couriernew, courier, monospace; } small { font-size: 12px; } ul, ol { list-style: none; } a { text-decoration: none; } a:hover { text-decoration: underline; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } legend { color: #000; } fieldset, img { border: 0; } img { vertical-align: bottom; } button, input, select, textarea { font-size: 100%; } table { border-collapse: collapse; border-spacing: 0; } .clearfix:after { content: "\00a0"; display: block; visibility: hidden; width: 0; height: 0; clear: both; font-size: 0; line-height: 0; overflow: hidden; } .clearfix { zoom: 1; } .fl { float: left; display: inline; } .fr { float: right; display: inline; } a:hover { text-decoration: none; } .f10 { font-size: 10px; } .f12 { font-size: 12px; } .f13 { font-size: 13px; } .f14 { font-size: 14px; } .f15 { font-size: 15px; } .f16 { font-size: 16px; } .f18 { font-size: 18px; } .f20 { font-size: 20px; } .f22 { font-size: 22px; } .f24 { font-size: 24px; } .f26 { font-size: 26px; } .f28 { font-size: 26px; } .l16 { line-height: 16px; } .l17 { line-height: 17px; } .l18 { line-height: 18px; } .l19 { line-height: 19px; } .l20 { line-height: 20px; } .l21 { line-height: 21px; } .l22 { line-height: 22px; } .l23 { line-height: 23px; } .l24 { line-height: 24px; } .l25 { line-height: 25px; } .l26 { line-height: 26px; } .l27 { line-height: 27px; } .l28 { line-height: 28px; } .l29 { line-height: 29px; } .l30 { line-height: 30px; } .l32 { line-height: 32px; } .l34 { line-height: 34px; } .mt10 { margin-top: 10px; } .mr10 { margin-right: 10px; } .mr12 { margin-right: 12px; } .mb10 { margin-bottom: 10px; } .mb40 { margin-bottom: 40px; } /*topline*/ .container{ min-width:1240px; margin-left: auto; margin-right: auto;} .topline{ width:1240px; margin-left: auto; margin-right: auto;} .dbt_l{ width:1240px; float:left; margin:14px 0 0 0;} .dbt_l .yt{font-size: 30px;line-height: 50px;font-weight: bold;} .dbt_l .yt a{color:#305798;} .dbt_l .yt a:hover{color:#d70000;text-decoration:none;} .dbt_l .ft{font-size: 30px;line-height: 50px;font-weight: bold;} .dbt_l .ft a{color:#305798;} .dbt_l .ft a:hover{color:#d70000;text-decoration:none;} h1{ width:1240px; float:left; font-size:36px; font-family:\5fae\8f6f\96c5\9ed1; font-weight:bold; line-height:40px; overflow:hidden;} h1 a{ color:#305798;} h1 a:hover{ color:#d70000;text-decoration:none;} .font1{ width:1000px; float:left; text-align:center; font-size:14px; height:28px; overflow:hidden; padding:14px 0 0 0;} .font1 a{ color:#666; padding:0 3px;} .font1 a:hover{ color:#d70000; text-decoration:none;} .wrapper { padding-top: 30px; } .wrapper .w_1240 { width: 1240px; margin-left: auto; margin-right: auto; } .wrapper .cnn { float: left; } .stitle { position: relative; height: 20px; line-height: 20px; color: #61bb49; padding-left: 5px; border-left: 4px solid #2bb6ef; font-size: 20px; font-weight: bold; } .ch2 h2 { position: relative; width: 1288px; height: 58px; line-height: 55px; background: center top no-repeat; margin-left: -24px; color: #fff; font-size: 30px; padding-bottom: 0; text-indent: 105px; } .ch2 h2 .more { color: #fff; font-size: 12px; position: absolute; right: 25px; top: 0; height: 58px; line-height: 62px; padding-right: 20px; } .ch2 h2 .more:hover { color: #ff8327; } /*第一屏*/ .first_sec { /*首屏的轮播图*/ /* 首屏轮播图 */ /*精品节目*/ /*金牌时刻*/ } .first_sec .videoscroll { width: 500px; height: 366px; position: relative; } .first_sec .videoscroll .vsinner { width: 500px; height: 366px; overflow: hidden; position: relative; } .first_sec .vsinner li { width: 500px; height: 366px; position: relative; float: left; } .first_sec .vsinner li img { width: 500px; height: 327px; -webkit-transition: transform .2s ease-out; -moz-transition: transform .2s ease-out; -ms-transition: transform .2s ease-out; -o-transition: transform .2s ease-out; transition: transform 0.2s ease-out; } .first_sec .vsinner li a:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .first_sec .vsinner li span { position: absolute; display: block; width: 500px; text-indent: 1em; background-color: #00a8e1; color: #fff; left: 0; bottom: 0; padding: 8px 0 8px 0; font-size: 18px; font-weight: 600; } .first_sec .videoscroll .btn { width: 50px; height: 70px; background-color: #0072bc; position: absolute; top: 50%; margin-top: -35px; opacity: .7; filter: alpha(opacity=70); cursor: pointer; } .first_sec .videoscroll .btn:hover { opacity: 1; filter: alpha(opacity=100); } .first_sec .videoscroll .prev { left: 0; background: url(/uploads/image/t203/leftnav.png) center center no-repeat #0072bc; } .first_sec .videoscroll .next { right: 0; background: url(/uploads/image/t203/rightnav.png) center center no-repeat #0072bc; } .first_sec .videoscroll .scroll-dotted { height: 20px; position: absolute; bottom: 50px; right: 20px; text-align: center; } .first_sec .scroll-dotted li { display: inline-block; width: 10px; height: 10px; background-color: #fff; margin: 0 4px; color: #fff; overflow: hidden; text-indent: -2000px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -mz-border-radius: 100%; } .first_sec .scroll-dotted .current { background-color: #fff442; } .first_sec .jingpin { position: relative; overflow: hidden; width: 460px; height: 366px; margin: 0 30px; } .first_sec .jingpin .stitle { height: 22px; } .first_sec .jingpin .news_mod{width:500px} .first_sec .jingpin .news_mod h2{font-size:24px;margin-top:-5px;height:40px;font-weight:400} .first_sec .jingpin .news_mod h2 a{color:#ff8327;margin-right:5px} .first_sec .jingpin .news_mod ul{margin-bottom:10px} .first_sec .jingpin .news_mod li{height:32px;line-height:32px;font-size:16px;vertical-align:middle} .first_sec .jingpin .news_mod li a{color:#333;margin-right:5px} .first_sec .jingpin .news_mod li a:hover{color:#ff8327} .first_sec .jingpin .news_mod li em{color:#c0bfbf;font-size:14px;padding:0 8px 0 3px;font-style:normal} .first_sec .jingpin .more a{color:#888;font-size:14px;padding:0 8px 0 3px;font-style:normal} .first_sec .jingpin li .shadow { position: absolute; left: 0; top: 104px; width: 100%; height: 20px; background: rgba(0, 0, 0, 0.7); color: #fff; filter: progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr='#99000000', endcolorstr='#99000000'); } .first_sec .jingpin li .shadow span { height: 20px; line-height: 20px; text-indent: 0; } .first_sec .jingpin li .shadow .time { position: absolute; left: 5px; top: 0; } .first_sec .jingpin li .shadow .num { position: absolute; right: 5px; top: 0; padding-left: 15px; background: url(/uploads/image/t203/playicon.png) 0 5px no-repeat; } .first_sec .jingpin li p { color: #666; font-size: 14px; line-height: 32px; padding: 0 2px; } .first_sec .gold_time { width: 190px; height: 342px; padding: 5px 15px; position: relative; background: url(/uploads/image/t203/jinpai_bg.jpg) 0 0 no-repeat; } .first_sec .gold_time .hd { padding: 10px 0; } .first_sec .gold_time .hd h3 { color: #0090d7; font-size: 16px; font-weight: bold; float: left; } .first_sec .gold_time .hd a { color: #0090d7; font-size: 14px; } .first_sec .gold_time .hd .gg { margin: 0 5px; float: left; } .first_sec .gold_time .bd { height: 360px; } .first_sec .gold_time .list .item { position: relative; width: 170px; height: 70px; padding: 12px 9px 0; margin: 0 0 17px; border-radius: 6px; background: url(/uploads/image/m2/jpsk_item_bg.png) no-repeat #e5f5fc; overflow: hidden; } .first_sec .gold_time .list .item .pic img { width: 56px; height: 56px; border-radius: 56px; } .first_sec .gold_time .list .item .layer { display: none; position: absolute; left: 0; top: 0; width: 190px; height: 52px; padding: 28px 0 0; background: rgba(202, 239, 255, 0.9); filter: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#e5caefff,endcolorstr=#e5caefff); text-align: center; } .first_sec .gold_time .list .item .layer a { display: inline-block; width: 162px; height: 22px; line-height: 22px; margin: 0 5px; background-color: #00a8e2; color: #fff; text-align: center; border-radius: 3px; } .first_sec .gold_time .list .item .layer a:hover { background-color: #006aae; } .first_sec .gold_time .list .item .txt { padding-left: 64px; color: #666; background-color: #e5f5fc; height: 69px; width: 106px; } .first_sec .gold_time .list .item .txt .tit { float: left; width: 100%; color: #323333; } .first_sec .gold_time .list .item .txt .tit1 { float: left; width: 115px; color: #323333; } .first_sec .gold_time .list .item .num { position: relative; top: -4px; } .first_sec .gold_time .list .item .num i { color: #ff8827; font-size: 24px; } .first_sec .gold_time .list .item:hover .layer { display: block; } .first_sec .gold_time .btn { background: url(/uploads/image/t203/icons2.png) no-repeat; position: absolute; bottom: -22px; width: 29px; height: 22px; font-family: 'simsun'; color: #fff; font-size: 22px; font-weight: bold; text-align: center; background-color: #00a8e2; } .first_sec .gold_time .btn:hover { background-color: #006aae; } .first_sec .gold_time .prev-btn { right: 15px; background-position: -314px -154px; } .first_sec .gold_time .next-btn { right: -15px; background-position: -314px -173px; } .first_sec .gold_time .scroll_b { position: relative; width: 190px; height: 293px; } .first_sec .gold_time .scroll_b .inner { position: relative; height: 290px; overflow: hidden; } .first_sec .gold_time .scroll_b .split { height: 97px; } /*第一屏end*/ .jingpinlanmu { background: url(/uploads/image/t203/jingpinlanmu_bg.jpg) center top no-repeat; height: 690px; margin-top: 50px; } .jingpinlanmu .title h3 { font-weight: normal; font-size: 36px; color: #60bb46; background: url(/uploads/image/t203/icons1.png) 0 0 no-repeat; width: 159px; padding-top: 10px; } .jingpinlanmu .tab { margin-top: 25px; } .jingpinlanmu .tab .tab-hd { border-left: 1px solid #e9e9e9; } .jingpinlanmu .tab .tab-hd .tab-hd-item { float: left; width: 306px; height: 43px; line-height: 43px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; text-align: center; color: #383939; font-size: 20px; font-weight: normal; background: #fff; cursor: pointer; } .jingpinlanmu .tab .tab-hd .active { width: 316px; background: none; border-bottom: none; color: #00ace8; border-top: 2px solid #00ace8; font-weight: bold; } .jingpinlanmu .tab .tab-bd { margin-top: 30px; } .jingpinlanmu .tab .tab-bd .tab-bd-item { display: none; } .jingpinlanmu .tab .tab-bd .show { display: block; } .jingpinlanmu .tab .tab-bd .player { background: #000; width: 676px; float: left; } .jingpinlanmu .tab .tab-bd .player .mod_player { width: 676px; height: 382px; } .jingpinlanmu .tab .tab-bd .player .play_list { position: relative; overflow: hidden; } .jingpinlanmu .tab .tab-bd .player .play_list ul { width: 690px; padding-left: 6px; } .jingpinlanmu .tab .tab-bd .player .play_list li { float: left; width: 158px; height: 75px; background: #2e2e2e; margin: 12px 0 14px; border: 1px solid #282828; border-radius: 2px; margin-right: 8px; } .jingpinlanmu .tab .tab-bd .player .play_list li a { color: #939393; display: block; padding: 11px 10px 29px; position: relative; line-height: 18px; } .jingpinlanmu .tab .tab-bd .player .play_list li a .num { position: absolute; left: 10px; top: 50px; padding-left: 15px; background: url(/uploads/image/t203/playicon.png) 0 4px no-repeat; } .jingpinlanmu .tab .tab-bd .player .play_list .active { background: #062535; border-color: #00a4e8; } .jingpinlanmu .tab .tab-bd .player .play_list .active a { color: #e9eaeb; } .jingpinlanmu .tab .tab-bd .list { height: 485px; position: relative; overflow: hidden; } .jingpinlanmu .tab .tab-bd .list li { float: left; width: 260px; margin-left: 22px; margin-bottom: 22px; } .jingpinlanmu .tab .tab-bd .list li a { display: block; position: relative; } .jingpinlanmu .tab .tab-bd .list li img { width: 260px; height: 147px; } .jingpinlanmu .tab .tab-bd .list li .shadow { position: absolute; bottom: 0; left: 0; width: 100%; height: 36px; line-height: 34px; color: #fff; font-size: 16px; font-weight: bold; text-indent: 10px; background: center top repeat-x; } .jingpinlanmu .tab .tab-bd .list li .shadow em { display: inline-block; width: 14px; height: 14px; background: url(/uploads/image/t203/icons1.png) -166px -32px no-repeat; vertical-align: -2px; margin-right: 6px; } .record { margin-top: 50px; } .record .ch2 h2 { width: 1292px; text-indent: 97px; position: relative; width: 1288px; height: 58px; line-height: 55px; background: url(/uploads/image/t203/title_bg.png) center top no-repeat; margin-left: -24px; color: #fff; font-size: 30px; padding-bottom: 0; text-indent: 200px;} .record .con { margin-top: 26px; } .record .con .tab-hd ul { width: 1242px; } .record .con .tab-hd li { width: 71px; height: 91px; position: relative; float: left; text-align: center; margin-right: 2px; cursor: pointer; } .record .con .tab-hd li p { font-size: 16px; line-height: 16px; } .record .con .tab-hd li p em { display: inline-block; width: 19px; height: 19px; background: url(/uploads/image/t203/icons.png) 0 0 no-repeat; vertical-align: -2px; } .record .con .tab-hd li .date { background: url(/uploads/image/t203/icons.png) -82px -188px no-repeat; margin-top: 7px; padding-top: 16px; font-size: 16px; color: #2cb6f0; } .record .con .tab-hd .current p em { margin-right: 3px; } .record .con .tab-hd .current .date { background-position: 0 -188px; margin-top: 7px; font-size: 20px; color: #ff8327; font-weight: bold; } .record .con .tab-hd .current:after { content: ''; position: absolute; width: 19px; height: 14px; background: url(/uploads/image/t203/icons.png) -312px -134px no-repeat; left: 50%; margin-left: -10px; bottom: 0; } .record .con .tab-hd .disabled { cursor: default; } .record .con .tab-hd .disabled .date { background-position: -166px -185px; margin-top: 24px; color: #a1a1a1; } .record .con .sst { background: url(/uploads/image/t203/gold_record_bg.jpg) 0 0 repeat; } .record .con .tab-bd { padding: 28px 0 14px; } .record .con .tab-bd .tab-bd-item { display: none; } .record .con .tab-bd .active { display: block; } .record .con .tab-bd ul { width: 1290px; } .record .con .tab-bd li { float: left; margin-right: 27px; margin-bottom: 26px; } .record .con .tab-bd li a { border: 2px solid transparent; display: block; } .record .con .tab-bd li a:hover { border-color: #ff8327; } .record .con .tab-bd li img { width: 287px; height: 187px; } .record .con .tab-bd .info { background: #fff; padding: 11px 0 8px; *width: 287px; } .record .con .tab-bd .info .gold { color: #ff8327; font-size: 18px; width: 68px; height: 45px; text-align: center; background: url(/uploads/image/t203/icons.png) -297px -157px no-repeat; border-right: 1px solid #ccc; margin-right: 10px; } .record .con .tab-bd .info .user { font-size: 18px; } .record .con .tab-bd .info .user p { line-height: 24px; } .record .con .tab-bd .info .user .name { color: #ff8327; } .record .con .tab-bd .info .user .desc { color: #666; } .gold .con .tab-hd li p em { background-position: 0 -129px; } .gold .con .tab-hd .current p em { background-position: -81px -132px; } .shendu { margin-top: 50px; } .shendu .con { margin-top: 30px; } .shendu .con .layout { width: 1240px; margin-left: auto; margin-right: auto; } .shendu .con .icons, .shendu .con .icon-video, .shendu .con .icon-dot { background: url(/uploads/image/t203/icons2.png) no-repeat; } .shendu .con .icon-dot { padding-left: 16px; background-position: 0 10px; } .shendu .con .item .pic-box:after { position: absolute; content: ' '; width: 0; height: 0; overflow: hidden; z-index: 2; } .shendu .con .item-1 .pic-box:after, .shendu .con .item-3 .pic-box:after { right: 20px; bottom: 0; border-color: transparent transparent #fff transparent; border-style: none dashed solid dashed; border-width: medium 20px 20px 20px; } .shendu .con .item-2 .pic-box:after { right: 20px; top: 0; border-color: #fff transparent transparent transparent; border-style: solid dashed none dashed; border-width: 20px 20px medium 20px; } .shendu .con .item-4 .pic-box:after { top: 20px; right: 0; border-color: transparent #fff transparent transparent; border-style: dashed solid dashed none; border-width: 20px 20px 20px medium; } .shendu .con .ay-zt-wrap { height: 858px; margin-bottom: 40px; background: url(/uploads/image/m2/zt_bg.jpg) center no-repeat; } .shendu .con .ay-zt .ay-hd { background: none; position: relative; left: -24px; width: 1264px; padding: 0 23px 0 0; height: 58px; line-height: 58px; color: #fff; } .shendu .con .ay-zt .ay-hd h2 { float: left; font-size: 30px; height: 58px; margin-top: -7px; padding: 0 60px 0 80px; background: url(/uploads/image/t203/ay_tit_zt.png) no-repeat; } .shendu .con .ay-hd .more { display: none; font-size: 14px; color: #fff; padding-right: 18px; background-position: right -38px; } .shendu .con .ay-hd .more:hover { color: #fff43f; } .shendu .con .ay-bd { padding: 35px 0; } .shendu .con .item { position: relative; float: left; width: 413px; height: 464px; background-color: #fff; } .shendu .con .item .pic-box { position: relative; display: block; width: 413px; height: 232px; } .shendu .con .item .pic-box .txt { position: absolute; left: 0; bottom: 0; width: 97%; padding-left: 3%; height: 55px; line-height: 55px; color: #fff; font-weight: bold; background: url(/uploads/image/m2/pic_shadow.png) 0 0 no-repeat; } .shendu .con .item .pic-box .icon-video { display: inline-block; margin: 0 5px -5px 0; width: 25px; height: 25px; background-position: -160px -160px; } .shendu .con .item .pic-box:hover .icon-video { background-position: -200px -160px; } .shendu .con .item .pic-box:hover .icon-video1 { background: left center no-repeat; } .shendu .con .item .txt-box { width: 373px; height: 202px; padding: 20px 20px 10px; } .shendu .con .item .info { color: #8c8c8c; font-size: 14px; position: relative; padding: 0 0 18px 14px; border-bottom: 1px dashed #ccc; margin-bottom: 15px; } .shendu .con .item .info:after { content: ''; position: absolute; left: 0; top: 5px; width: 0; height: 36px; border-left: 4px solid #f9b31f; } .shendu .con .item .more { color: #00ace8; } .shendu .con .item .more:hover { color: #ff8327; } .shendu .con .item .review { margin-top: 5px; } .shendu .con .item .review a { color: #333; } .shendu .con .item .review a:hover { color: #ff8327; } .shendu .con .item .zt-name { position: absolute; left: 0; top: 0; padding: 10px 20px 5px; text-align: center; color: #fff; } .shendu .con .item:hover { width: 407px; height: 458px; border: 3px solid #f9b31f; overflow: hidden; } .shendu .con .item:hover .txt-box, .shendu .con .item:hover .pic-box { position: relative; left: -3px; top: -3px; } .shendu .con .item-4 { width: 826px; height: 232px; } .shendu .con .item-4:hover { width: 820px; height: 227px; } .shendu .con .item-4:hover .txt-box { width: 367px; } .shendu .con .item-5 { width: 413px; height: 232px; } .shendu .con .item-5:hover { width: 413px; height: 232px; border: none; } .shendu .con .item-1:hover { border-color: #60bb46; } .shendu .con .item-1 .info:after { border-left-color: #60bb46; } .shendu .con .item-1 .zt-name { background-color: #60bb46; } .shendu .con .item-2:hover { border-color: #f0582f; } .shendu .con .item-2 .info:after { border-left-color: #f0582f; } .shendu .con .item-2 .zt-name { background-color: #f0582f; } .shendu .con .item-3:hover { border-color: #8b1d82; } .shendu .con .item-3 .info:after { border-left-color: #8b1d82; } .shendu .con .item-3 .zt-name { background-color: #8b1d82; } .shendu .con .item-4:hover { border-color: #f9b31f; } .shendu .con .item-4 .info:after { border-left-color: #f9b31f; } .shendu .con .item-4 .zt-name { background-color: #f9b31f; } .liyue { margin-top: 50px; } .liyue .wrap { width: 1240px; margin: 0 auto; margin-top: 30px; margin-bottom: 0; padding: 0 40px 0 25px; } .liyue .imgselfmedia { background-image: ; background-repeat: no-repeat; height: 60px; position: relative; } .liyue .imgselfmedia span { margin-left: 61px; color: #fff; font-size: 30px; font-weight: bold; margin-top: 7px; display: inline-block; width: 152px; text-align: center; } .liyue .imgselfmedia a { position: absolute; right: 69px; top: 21px; font-size: 14px; color: #fff; } .liyue .imgselfmedia a:hover { color: #ff8327; } .liyue .imgselfmedia a img { display: inline-block; margin-left: 5px; position: absolute; top: 3px; right: -118px; } .liyue .mediabanner { overflow: hidden; /* margin-left: 79px; */ width: 1189px; position: relative; } .liyue .scroll_b { position: relative; padding: 0 50px; width: 610px; height: 345px; margin: 0 auto; } .liyue .scroll_b ul { padding-left: 0px; list-style: none; } .liyue .scroll_b .inner { position: relative; width: 1535px; height: 345px; overflow: hidden; left: -610px; } .liyue .scroll_b .split { width: 610px; height: 120px; float: left; /* padding: 0px 10px; */ } .liyue .scroll_b .btn { position: absolute; top: 50%; margin-top: -35px; width: 50px; height: 70px; cursor: pointer; font-size: 40px; font-weight: bold; } .liyue .scroll_b .prev { left: 0; background-image: ; background-repeat: no-repeat; } .liyue .scroll_b .next { right: 0; background-image: ; background-repeat: no-repeat; } .liyue .mediabanner .cover { position: absolute; top: 0; background-image: ; background-repeat: repeat; width: 315px; height: 345px; opacity: 0.7; filter: "alpha(opacity=70000000000000)"; -ms-filter: "alpha(opacity=70)"; /* 旧版ie */ } .liyue .mediabanner .leftcover { left: -265px; } .liyue .mediabanner .rightcover { right: -265px; } .liyue .selfban-gra { top: 265px; /* top:282px\0;*/ width: 610px; background-image: ; height: 80px; background-repeat: repeat; position: absolute; background-position: bottom; /*left:-610px;*/ left: 0; } .liyue .selfban-gra span { position: absolute; bottom: 20px; font-size: 28px; color: white; padding-left: 25px; font-weight: normal; display: inline-block; } .liyue .s-split a { position: relative; display: inline-block; } .ads { margin-top: 30px; } .ads a { display: block; float: left; } .ads .first { margin-right: 5px; } .ads .first img { width: 1000px; height: 90px; } .ads .second img { width: 235px; height: 90px; } .djzf { margin-top: 50px; } .djzf .con { margin-top: 30px; } .djzf .con .scroll_c { position: relative; height: 176px; } .djzf .con .inner { position: relative; width: 1142px; height: 176px; overflow: hidden; margin-left: 50px; } .djzf .con .inner .list { width: 1240px; } .djzf .con .split { float: left; padding-right: 27px; position: relative; width: 265px; height: 176px; } .djzf .con .split a { display: block; position: relative; } .djzf .con .split img { width: 265px; height: 176px; } .djzf .con .shadow { position: absolute; bottom: 0; left: 0; width: 100%; height: 36px; line-height: 34px; color: #fff; font-size: 16px; font-weight: bold; text-indent: 10px; background: center top repeat-x; } .djzf .con .overlay { position: absolute; top: 0; left: 0; z-index: 2; width: 265px; height: 100%; } .djzf .con .overlay .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.75; filter: alpha(opacity=75); } .djzf .con .overlay .st { font-size: 16px; font-weight: bold; color: #0078b4; position: absolute; z-index: 4; height: 36px; background: url(/uploads/image/t203/icons1.png) -138px -130px no-repeat; top: 66px; padding-top: 18px; left: 11px; } .djzf .con .btn { position: absolute; top: 0; width: 22px; height: 100px; line-height: 100px; padding: 38px 0; background-color: #00a8e2; font-family: 'simsun'; color: #fff; font-size: 22px; font-weight: bold; text-align: center; } .djzf .con .btn:hover { background-color: #006aae; } .djzf .con .prev { left: 0; } .djzf .con .next { right: 0; } .img_story { margin-top: 50px; } .img_story .ch2 h2 { background-image: url(/uploads/image/t203/ay_hd.png); } .img_story .con .title3 { background: #f9f9f9; line-height: 46px; height: 46px; margin-top: 7px; } .img_story .con .title4 { line-height: 20px; } .img_story .con .title4 .fl { font-size: 20px; color: #60bb46; border-left: 4px solid #2cb6f0; padding-left: 5px; font-weight: bold; } .img_story .con .more a { color: #888; font-size: 14px; } .img_story .con .more .icons-more { width: 6px; height: 9px; display: inline-block; vertical-align: text-top; margin: 5px 0 0 5px; background-image: ; background-repeat: no-repeat; background-position: 0 -331px; } .img_story .con .site-show { height: 450px; overflow: hidden; margin-top: 30px; } .img_story .con .show-items { width: 630px; } .img_story .con .show-items .show-item { float: left; margin: 0 25px 27px 0; width: 290px; } .img_story .con .imgitem .imgitem-p { position: absolute; bottom: 0; left: 0; color: #fff; width: 100%; text-align: center; } .img_story .con .show-items .show-item .title4 { margin: 3px 0 10px; } .img_story .con .imgitem { position: relative; } .img_story .con .show-items .show-item .imgitem { width: 290px; height: 170px; } .img_story .con .show-items .show-item .imgitem img { width: 100%; height: 100%; } .img_story .con .show-items .show-item .imgitem p { line-height: 40px; padding-top: 21px; font-size: 16px; background: repeat-x; } .img_story .con .show-truth .imgitem { width: 600px; height: 380px; } .img_story .con .icons-title3bg { background-image: ; background-repeat: no-repeat; background-position: 0 -447px; } .img_story .con .title3 .fl { width: 153px; height: 41px; text-align: center; color: #fff; font-size: 22px; line-height: 41px; margin-left: 5px; position: relative; bottom: 7px; } .img_story .con .show-truth .imgitem p { line-height: 50px; font-size: 18px; padding-top: 11px; background: repeat-x; } .img_story .con .scantitle { position: relative; } .img_story .con .scantitle .scanarea { cursor: pointer; } .img_story .con .scantitle .appear { position: absolute; right: 0; top: 10px; width: 0; height: 0; z-index: 2; overflow: hidden; padding-top: 20px; } .img_story .con .scantitle .show { width: 100px; height: 100px; } .layout2 { width: 1287px; margin: 30px auto 0; } .layout2 .hd { padding: 0 25px; width: 1240px; height: 58px; background: url(/uploads/image/t203/selfmediabgggg.png) center 0 no-repeat; margin-bottom: 33px; } .layout2 .hd h2 { width: 156px; height: 58px; line-height: 52px; font-size: 30px; color: #fff; margin-left: 64px; float: left; display: inline; text-align: center; } .dkzk_mod { margin-top: 56px; } .dkzk_mod .scroll_b { height: 193px; padding: 0 20px; position: relative; } .dkzk_mod .scroll_b .btn { position: absolute; top: 0; width: 22px; height: 22px; line-height: 22px; padding: 41px 0; background-color: #00a8e2; font-family: simsun; color: #fff; font-size: 22px; font-weight: 700; text-align: center; } .dkzk_mod .scroll_b img { width: 176px; height: 193px; } .dkzk_mod .prev-btn { left: 0; } .dkzk_mod .next-btn { right: 0; } .dkzk_mod .scroll_b .inner { position: relative; width: 1176px; height: 193px; margin: 0 auto; overflow: hidden; } .dkzk_mod .scroll_b .split { float: left; width: 176px; padding: 0 10px; } .dkzk_mod .scroll_b .split a { display: block; position: relative; } .dkzk_mod .scroll_b .split .shadow { position: absolute; left: 0; bottom: 0; width: 100%; padding: 3px 0; } .dkzk_mod .scroll_b .split .shadow .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0072bc; opacity: .7; filter: alpha(opacity=70); } .dkzk_mod .scroll_b .split .shadow .con { color: #fff; position: relative; z-index: 2; text-align: center; } .dkzk_mod .scroll_b .split .shadow p { line-height: 17px; } .dkzk_mod .scroll_b .btn { height: 23px; padding: 85px 0; } .footer { min-width:1240px;background: url(/uploads/image/t203/footer_bg.jpg) center top no-repeat; height: 160px; margin-left: auto; margin-right: auto; margin-top: 20px; } .footer .tcopyright { color: #cdeffb; padding-top: 46px; } .footer .tcopyright a { color: #cdeffb; }