/* author:ck date:2017.3 */ /* Reset */ body { background:#fff; color:#000; font:14px/1.8em "Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",Tahoma,arial,sans-serif; text-align:left;} ol,ul { list-style:none;} h1,h2,h3,h4,h5,h6,p { margin:0;} input,textarea,select,button,td { font-size:100%;} a { color:#000; text-decoration:none;} a:hover { color:#f66; text-decoration:none;} img { display:block; } a,div,p,ul,li,dl,dt,dd,input,span,em,strong,img { -webkit-tap-highlight-color:rgba(0,0,0,0);} input,textarea { outline:none;} a, input, .baidu-mobile-search, a img { -webkit-transition-duration:300ms; -moz-transition-duration:300ms; transition-duration:300ms;} .maxWidth { width:1000px; margin:auto;} .maxWidth:after { display:block; clear:both; content:""; visibility:hidden; height:0;} .clearfix { *zoom:1;} .clearfix:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:"";} .fl {float:left;} .fr {float:right;} .pcNotShow { display:none; } .mobileNotShow { display:block; } .mod-middle { display:-webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:center; -webkit-box-align:center; display:-moz-box; -moz-box-orient:horizontal; -moz-box-pack:center; -moz-box-align:center; display:-o-box; -o-box-orient:horizontal; -o-box-pack:center; -o-box-align:center; display:-ms-box; -ms-box-orient:horizontal; -ms-box-pack:center; -ms-box-align:center; display:box; box-orient:horizontal; box-pack:center; box-align:center; } /* CMS Common title colors */ .title_default{ } .title_black{ color:black !important;} .title_red{ color:red !important;} .title_blue{ color:blue !important;} .title_green{ color:green !important;} .title_brown{ color:brown !important;} .title_gray{ color:gray !important;} .title-default{ } .title-black{ color:black !important;} .title-red{ color:red !important;} .title-blue{ color:blue !important;} .title-green{ color:green !important;} .title-brown{ color:brown !important;} .title-gray{ color:gray !important;} /**/ .headerTop { background-color:#efeff6;} .headerTopCon { padding:8px 0;} .bjTime { font-size:12px; color:#999; } .bjTime span { padding-left:10px; } .bjTime i { font-style:normal; } .header { } .header .logo { float:left; padding:16px 0 24px;} .header .headerPlayer { background:url(../img/bg-headerPlayer.png) 0 15px no-repeat; float:right; height:102px; margin-top:18px; padding-left:140px; width:282px;} .js-head-player { background-color:#fff; border:1px solid #eaeaea; height:100px; overflow:hidden; position:relative; width:280px; } .js-head-player-box { width:280px; overflow:hidden; } .js-head-player .mejs-mediaelement { background-color:#fff;} .js-head-player .mejs-mediaelement .me-cannotplay { background-color:#fff;} .js-head-player .mejs-container { background-color:#fff; height:40px !important; width:40px !important; } .js-head-player .mejs-controls .mejs-play button { background-image:url(../img/icon-radio-play.png); width:40px; height:40px; margin:0;} .js-head-player .mejs-controls .mejs-pause button { background-image:url(../img/icon-radio-pause.png); width:40px; height:40px; margin:0; } .js-head-player .mejs-container .mejs-controls { background-color:#fff; } .js-head-player .mejs-controls a.mejs-horizontal-volume-slider, .js-head-player .mejs-container .mejs-controls div.mejs-cmp-onair { display:none; } .js-head-player-con {height:40px; width:40px; overflow:hidden; float:left; margin:10px 12px 0 28px; *display:inline;} .js-head-player-station {float:left; width:200px; padding-top:10px;} .js-head-player-station strong {display:block; color:#666; font-size:14px; font-weight:normal; height:25px; overflow:hidden; white-space:nowrap; } .js-head-player-station strong i {font-style:normal;} .js-head-player-station span {display:block; color:#999; font-size:12px; height:23px; line-height:14px; white-space:nowrap;} .js-head-player-text { border-top:1px solid #eaeaea; clear:both; padding-top:7px; color:#999; font-size:14px; margin:auto; width:230px; display:none; } /**/ .js-head-player .owl-item { float:left; } .js-head-player .item {/* width:280px;*/ height:100px; float:none; } .js-head-player .owl-buttons { position:relative; } .js-head-player .owl-buttons div { cursor:pointer; position:absolute; top:30px; width:15px; height:38px; line-height:100px; overflow:hidden; background-position:0 0;} .js-head-player .owl-buttons .owl-prev { left:0; background-image:url(../img/icon-radio-prev.png); } .js-head-player .owl-buttons .owl-prev:hover { background-image:url(../img/icon-radio-prev-hover.png); } .js-head-player .owl-buttons .owl-next { right:0; background-image:url(../img/icon-radio-next.png); } .js-head-player .owl-buttons .owl-next:hover { background-image:url(../img/icon-radio-next-hover.png); } .js-head-player .owl-controls { position:relative; } .js-head-player .owl-pagination {border:1px solid #bbb; height:35px;position:absolute;left:0;bottom:-100px;} .js-head-player .owl-pagination div:nth-child(3) { left:188px; border-right:0; } .js-head-player .owl-page {background-color:#d8d8d8; border-right:1px solid #bbb; color:#666; cursor:pointer; display:block; float:left; font-size:14px; height:35px; line-height:35px; width:92px; text-align:center;} .js-head-player .owl-page:hover { border-bottom:4px solid #ff6a6a; height:32px; } .js-head-player .active { border-bottom:4px solid #ff6a6a; height:32px; } /**/ .navi { background:url(../img/bg-navi.png) 0 3px repeat-x; font-size:16px; line-height:120%; margin-bottom:20px;} .navi a { color:#666;} .navi a:hover { color:#ff6a6a;} .naviCon {} .navi-left { background-color:#fff; float:left; padding-top:4px; } .navi-left ul { border-left:1px solid #ccc; border-right:1px solid #ccc; padding:0 15px; width:auto;} .navi-left li {float:left;} .navi-left li a {padding:0 10px;} .navi-right { float:right; padding-top:4px; } .nav-not-width ul { width:auto !important; } .js-naviLogin-box {float:right;} .naviLogin, .naviSignin { background-color:#fff; float:right; vertical-align:middle; padding:0 10px;} .naviSearch { float:right; height:25px; margin-right:8px; position:relative; width:45px; } .naviSearch-btn { background-color:#fff; border-left:1px solid #ccc; padding:0 8px 0 15px; width:20px;} .naviSearch-btn a { background:url(../img/icon-search.png) center no-repeat; display:block; height:20px; line-height:100px; overflow:hidden; width:20px;} .naviSearch-btn a:hover { background-image:url(../img/icon-search-hover.png); } .baidu-search-keyword { background-color:#eaeaea; border:0; border-radius:25px; font-size:14px; line-height:25px; padding:0; width:0; position:absolute; right:14px; top:-3px; } .baidu-search-but { background:url(../img/icon-search.png) #eaeaea center 3px no-repeat; border:0; border-radius:25px; height:25px; line-height:100px; overflow:hidden; width:25px; position:absolute; right:7px; top:-3px; display:none;} .naviLogin { margin-right:8px;} .naviSignin { border-right:1px solid #ccc; padding-right:15px;} /* cr: china radio */ .cr-container {} .cr-main { float:left; width:690px;} .cr-side { float:right; width:282px;} .cr-side .mod-hd {background:none;} /**/ .mod { margin-top:15px; } .mod-hd { background:url(../img/bg-mod-hd.png) left center repeat-x;} .mod-title { background:url(../img/icon-mod-title.png) left top no-repeat #fff; color:#000; float:left; font-size:18px; font-weight:normal; line-height:48px; padding:0 20px 0 15px;} .mod-title a { color:#000; display:block;} .mod-title a:hover { color:#ff6a6a;} .mod-title a.current { color:#ff6a6a; } /* 空心箭头 */ .mod-title i, .mod-title b { width:0; height:0; border-color:transparent; position:absolute;} .mod-title i { border-width:8px; /*边框的高度*/ border-style:dashed dashed solid dashed; border-bottom-color:#eaeaea; /*边框的颜色*/ left:42%; bottom:1px; /*边框的厚度*/} .mod-title b { border-width:8px; /*边框的高度*/ border-style:dashed dashed solid dashed; left:42%; bottom:0;border-bottom-color:#fff;/*用白色边框绝对定位盖住多余的部分*/} .mod-bd { overflow:hidden;} /**/ .item { float:left;width:100%;} .item .cover { position:relative;} .item .cover img { border:1px solid #eaeaea;} .item .cover a:hover img { border-color:#ff6a6a;} .item .cover em.label { background:url(../img/bg-label.png) 0 0 no-repeat; color:#fff; display:block; font-size:12px; font-style:normal; position:absolute; right:1px; bottom:1px; height:24px; line-height:24px; text-align:center; width:45px;} .item .title { color:#666; font-weight:normal; font-size:16px; height:75px; overflow:hidden; margin-top:15px;} .item .title a { color:#666;} .item .title a:hover { color:#ff6a6a;} /**/ .pic-150 .item { margin:10px 27px 20px 0; width:152px;} .pic-150 .item img { width:150px; height:150px;} /**/ .pic-210 .item { margin:10px 27px 20px 0; width:212px;} .pic-210 .item img { width:210px; height:130px;} /**/ .pic-330 .item { margin:10px 26px 20px 0; width:332px;} .pic-330 .item img { width:330px; height:220px;} /**/ .indexPhoto, .ztPhoto { margin-top:15px; overflow:hidden; position:relative; width:690px;} #js-indexPhoto-scroll, #js-indexPhoto-scroll-opinion, #js-ztPhoto-scroll, .indexPhoto .scroll, .ztPhoto .scroll { position:absolute; z-index:2; top:0;} .indexPhoto .placeholder img,.ztPhoto .placeholder img { visibility:hidden;} .indexPhoto dl,.ztPhoto dl { position:relative; width:100%; overflow:hidden; float:left; height:320px;} .indexPhoto dt,.ztPhoto dt { width:690px; height:320px; overflow:hidden;} .indexPhoto dd,.ztPhoto dd { position:absolute; width:100%; left:0; bottom:0; background:url("../img/opacity-50.png"); } .indexPhoto dd a,.ztPhoto dd a{ display:block; font-size:18px; height:30px; line-height:30px; color:#fff; margin:10px 15px; overflow:hidden;} .indexPhoto dd a:hover,.ztPhoto dd a:hover { color:#ff0; } #indexPhoto-dot, #ztPhoto-dot { position:absolute; bottom:12px; right:0; z-index:3;} #indexPhoto-dot em, #ztPhoto-dot em { display:inline-block; width:10px; height:10px; border-radius:50%; background:#999; text-indent:-999em; overflow:hidden; margin:0 20px 0 0;} #ztPhoto-dot em{margin:0 8px 0 0;} #indexPhoto-dot .current, #ztPhoto-dot .current { background:#f66;} #js-photo-focus-left, #js-zt-focus-left { background-image:url(../img/icon-photo-focus-left.png); left:25px;} #js-photo-focus-right, #js-zt-focus-right { background-image:url(../img/icon-photo-focus-right.png); right:25px;} .photo-focus-arrow { background-color:rgba(0,0,0,.5); background-position:center; background-repeat:no-repeat; border-radius:50%; cursor:pointer; position:absolute; top:134px; width:55px; height:55px; z-index:2;} .photo-focus-arrow:hover { background-color:rgba(255,102,102,.5);} /**/ .mod-recommend { overflow:hidden;} .mod-recommend .mod-bd { width:725px;} /**/ .mod-topHits { overflow:hidden;} .mod-topHits .mod-bd { width:725px;} /**/ .mod-album { overflow:hidden;} .mod-album .mod-bd { width:725px;} /**/ .mod-brand { overflow:hidden;} .mod-brand .mod-bd { width:725px;} .mod-brand .item { width:162px; margin-right:14px; padding:10px 0;} .mod-brand .item img { width:160px; height:80px;} .mod-brand-list { overflow:hidden; } .brandList { overflow:hidden; width:730px;} .brandList .item { border:1px solid #eaeaea; float:left; height:400px; margin:10px 27px 20px 0; overflow:hidden; width:210px;} .brandList .item .cover { border-bottom:1px solid #eaeaea; margin-bottom:5px;} .brandList .item h3 { color:#333; font-size:18px; font-weight:normal; height:25px; overflow:hidden; margin-bottom:10px; padding:0 20px;} .brandList .item p { color:#666; font-size:14px; height:225px; text-overflow:ellipsis; overflow:hidden; padding:0 20px; display:-webkit-box; -webkit-line-clamp:9; -webkit-box-orient: vertical;} .brandList .item img { border:0; width:210px; height:105px;} /**/ .mod-followus .mod-hd { background:none; border-bottom:1px solid #eaeaea; height:59px;} .mod-followus .mod-title { background:none; height:60px; position:relative;} .mod-followus .mod-title a { display:inline-block; float:left; cursor:pointer; height:60px; margin-right:20px; padding:0; position:relative;} .mod-followus .mod-bd { border:1px solid #eaeaea; border-top:0; padding-left:20px; } .mod-followus .item { padding:25px 0px 15px; width:162px; } .mod-followus .item img {margin:auto;} .mod-followus .item p { text-align:center; } /**/ .mod-partner .mod-hd { background:none; border-bottom:1px solid #eaeaea;} .mod-partner .mod-title { background:none; height:59px; } .mod-partner .mod-title a { display:inline-block; float:left; cursor:pointer; height:60px; margin-right:20px; padding:0; position:relative;} .mod-partner .mod-title i, .mod-partner .mod-title b { display:none;} .mod-partner .mod-title .current i, .mod-partner .mod-title .current b { display:block;} .mod-partner .mod-bd { border:1px solid #eaeaea; border-top:0; float:left; padding:10px 15px; } .mod-partner .mod-bd p { color:#666; line-height:30px;} .mod-partner .mod-bd p a { color:#666; display:block; float:left; margin-right:3em; white-space:wrap;} .mod-partner .mod-bd p a:hover { color:#ff6a6a;} /**/ .mod-zhuanti-list {margin-bottom:40px;} .zhuantiList {margin-top:10px;} .zhuantiList .item { border:1px solid #eaeaea; float:none; margin:0 0 25px 0; overflow:hidden; } .zhuantiList .item .cover { border-bottom:1px solid #eaeaea; margin-bottom:0;} .zhuantiList .item h3 { background-color:#efeff6; color:#333; font-size:22px; font-weight:normal; height:50px; line-height:50px; margin-top:0; padding:0 20px;} .zhuantiList .item h3 a {display:block;} .zhuantiList .item img { border:0; width:690px; /*height:320px;*/} /**/ .mod-notice p, .mod-notice p a { color:#666; } .mod-notice p:nth-child(n+2) { border-top:1px dashed #eaeaea; margin-top:15px; padding-top:15px; } /**/ .mod-chinese .item { margin-bottom:10px; } .mod-chinese .item .title { background:url(../img/listDot.png) 0 9px no-repeat; margin-top:0; font-size:14px; height:auto; padding-left:15px; } .mod-chinese .cover {display:none;} .mod-chinese .cover img { /*height:186px;*/ width:280px; } .mod-chinese .current { border-bottom:1px dashed #eaeaea; padding-bottom:10px;} .mod-chinese .current .cover {display:block; margin-bottom:10px;} .mod-chinese .current .title {display:block; background:none; padding:0;} /**/ .mod-side-promo { margin-top:10px; } /**/ .ban-280_100 { position:relative;} .ban-280_100 .cover {padding:1px 0 28px;} .ban-280_100 img { height:100px; width:280px; } .ban-280_100 i { background-color:#ff6a6a; display:block; font-size:1px; height:2px; margin:0 190px 0 12px; overflow:hidden; position:absolute; left:0; top:0; width:80px; } /**/ .ban-280_280 { padding-top:25px; } .ban-280_200 img { height:200px; width:280px; } /**/ .mod-side-social { margin-top:30px; } .mod-side-social .mod-bd { font-size:18px; width:300px; position:relative; overflow:visible; } .mod-side-social ul {overflow:hidden; width:100%;} .mod-side-social li { float:left; margin-right:11px;} .mod-side-social li a { background-color:#676262; border-radius:50%; color:#f5f2ef; cursor:pointer; display:block; height:62px; line-height:62px; overflow:hidden; text-align:center; width:62px; } .mod-side-social li a.current, .mod-side-social li a:hover, .mod-side-social li.social-favor a.current:hover { background-color:#ff6a6a;} .mod-side-social li.social-favor a.current { background-color:#676262;} .mod-side-social .social-about a, .mod-side-social .social-contact a {line-height:120%; height:52px; padding:10px 5px 0; width:52px;} .socialTab-con { background-color:#fff; border:1px solid #eaeaea; color:#666; font-size:12px; line-height:160%; position:relative; margin-top:15px; width:278px; /*left:0; top:80px;*/ display:none; } /* 空心箭头 */ .socialTab-con i, .socialTab-con b { width:0; height:0; border-color:transparent; position:absolute;} .socialTab-con i { border-width:8px; /*边框的高度*/ border-style:dashed dashed solid dashed; border-bottom-color:#eaeaea; /*边框的颜色*/ top:-17px; /*边框的厚度*/} .socialTab-con b { border-width:8px; /*边框的高度*/ border-style:dashed dashed solid dashed; top:-16px;border-bottom-color:#fff;/*用白色边框绝对定位盖住多余的部分*/} .js-index-fav {border:0;} .js-index-share-con {padding:15px; text-align:center;} .js-index-share-con img {display:inline; height:48px; width:48px; margin-right:10px; vertical-align:middle;} .js-index-share-close { background-image:url("../img/icon-close.png"); background-repeat:no-repeat; position:absolute; right:5px; top:5px; width:30px; height:30px; display:block; z-index:104; cursor:pointer; background-position:center top;} .js-index-share-close:hover { background-position:center bottom;} #js-index-weixin-qrcode {display:none; clear:both; text-align:left;} #js-index-weixin-qrcode img {width:120px; height:120px;} .js-index-share i, .js-index-share b { left:34%; } .js-index-wap img {padding:15px; display:block; margin:auto; width:120px; height:120px;} .js-index-wap i, .js-index-wap b { left:61%; } .js-index-contact p {padding:15px 10px;} .js-index-contact-close { background-image:url("../img/icon-close.png"); background-repeat:no-repeat; position:absolute; right:5px; top:5px; width:30px; height:30px; display:block; z-index:104; cursor:pointer; background-position:center top;} .js-index-contact-close:hover { background-position:center bottom;} .js-index-contact i, .js-index-contact b { left:88%; } /**/ .mod-media { margin-top:25px; } .mod-media .mod-hd { background:none; overflow:hidden; } .mod-media-title { background:url(../img/mod-media-title.png) 0 36px repeat-x; height:80px; width:720px;} .mod-media-title a { background-color:#ccc; color:#333; display:block; float:left; font-size:18px; font-weight:normal; height:42px; line-height:42px; margin-right:4px; text-align:center; width:227px; position:relative;} .mod-media-title a:hover { background-color:#f66; color:#fff;} .mod-media-title a.current { background-color:#f66; color:#fff; height:50px; width:228px;} .mod-media-title a i { position:absolute; left:50%; bottom:-5px; margin-left:-2px; width:0; height:0;} .mod-media-title a.current i { border-top:5px solid #f66; border-right:5px solid transparent; border-left:5px solid transparent;} .mod-media .mod-bd { width:725px;} /**/ .mod-radio .mod-bd { width:720px;} .mod-radio .item .cover em.label { background:url(../img/icon-onair.png) 0 0 no-repeat; left:0; top:0; height:25px; width:81px;} .mod-radio .item {float:left; overflow:visible;} .mod-radio .item .title { border-left:3px solid #f66; height:18px; line-height:18px; overflow:visible; padding-left:10px; position:relative;} .mod-radio .item .title a { display:block; float:left; width:110px; } .mod-radio .item .title b { color:#999; font-size:12px; font-weight:normal; position:absolute; left:10px; top:0; width:100%; } .mod-radio .item .title span { color:#999; float:right; font-size:12px; width:88px; white-space:nowrap; overflow:hidden;} .mod-radio .pic-210 .item img { width:210px; height:160px;} .mod-radio .pic-210 .item { margin:20px 28px 25px 0; width:212px;} .mod-radio .pic-150 .item .title { height:36px;} /**/ .promo { margin-top:30px;} .promo img {max-width:690px;} /**/ .footer-space { clear:both; height:35px;} .footAboutLink { background-color:#efeff6; color:#666; font-size:14px; padding:40px 0 10px; text-align:center;} .footAboutLink a { color:#666; margin:0 5px;} .footAboutLink a:hover { color:#ff6a6a;} .footCopyright { background-color:#efeff6; color:#666; font-size:14px; padding:0 0 40px; text-align:center;} .footCopyright span { margin:0 3em;} /* article */ .article-title { color:#666; font-weight:normal; line-height:140%; padding:25px 0 18px; text-align:center;} .article-title span { display:none; } .article-type { border-bottom:1px solid #e7e6e6;} .article-type { color:#999; border-bottom:1px solid #d9d9d9; line-height:2em; padding-bottom:35px; text-align:center;} .article-type-item { margin-right:20px; } .article-type a { color:#999;} .article-type a:hover { color:#f00;} .article-tool { display:inline; } .article-tool-zan { background:url(../img/icon-zan.png) left center no-repeat; color:#ccc; font-style:normal; padding:5px 0 5px 25px; } a.article-tool-zan:hover { background-image:url(../img/icon-zan-hover.png); color:#f66;} .article-con { color:#666; text-align:left; font-size:16px; padding:20px 0 0px; line-height:185%; margin:0 auto; overflow:hidden; width:690px;} .article-con img { max-width:100%; } .article-con a { font-size:16px; text-decoration:underline;} .article-con p { margin:24px 0 0; text-indent:2em;} .article-con em { font-style:italic;} .article-con .pcenter, .article-con .pic, .article-con .img_wrapper, .article-con .detailPic, .article-con .picIntro { text-align:center; text-indent:0em;} .article-con .pcenter img { margin:auto; } .article-con .pright{text-align:right;text-indent:0em;} .article-con .img_descr, .article-con .picIntro { display:block; color:#666; font-size:12px;} .chan_newsPic { text-align:center; text-indent:0em;} .article-con .video-js{max-width: 690px;max-height: 388px;display: inline-block;} .article-con video { width:100% !important; display:block; margin:auto;} .article-con audio { display:none; } .article-con .news_img_title {color:#999; font-size:14px; line-height:160%; text-align:center !important; text-indent:0; padding-top:10px; margin-top:0;} .article-con .news_img_title a { font-size:12px;} .article-con .news_img_title span, .article-con .news_img_title cite {display:inline-block; text-align:left; text-indent:2em; font-style:normal;} /* timeline */ .timeline-main { margin-top:20px; } .timeline-main .CNComment-head { display:none; } .timeline-head { font-size:30px; line-height:40px; padding:10px 0;} .timeline-head a { display:inline-block; margin-right:40px; font-style:normal;} .timeline-head .current { color:#dc255c; font-weight:bold; border-bottom:2px solid #dc255c;} .timeline-con img { max-width:100%} .rightNews-photoText-con { width:100%; } .rightNews-photoText-con .news-item { float:none; width:100%; margin-right:0; background:none; border-top:1px solid #d9d9d9; padding:14px 0; margin-top:-1px; overflow:hidden;} .rightNews-photoText-con .news-item:hover { background:none; } .rightNews-photoText-con .news-item p { display:none; } .rightNews-photoText-con .news-item img { width:150px; height:84px;} .rightNews-photoText-con .news-item-photo { width:150px; height:auto;} .rightNews-photoText-con .news-item-text { margin-left:150px; padding:0 10px 0 12px; height:84px; overflow:hidden;} .rightNews-photoText-con .news-item h3 { font-size:18px; font-weight:normal; line-height:1.5em; font-family:Arial; height:100%;} .rightNews-photoText-con .news-item h3 a { height:100%; } .rightNews-photoText-con .news-item-photo em { line-height:24px;} .rightNews-photoText-con .icon-video { width:24px; height:24px; background-size:60% auto;} .rightNews-photoText-con .icon-audio { width:24px; height:24px; background-size:60% auto;} .timeline-box { margin:15px 0 0 43px; border-left:1px solid #dc255c; padding-left:26px;} .timeline-item { margin-bottom:24px; } .timeline-photo { margin-top:24px; } .timeline-photo img { width:620px; display:block;} .timeline-title { line-height:34px; height:34px; overflow:hidden; font-size:18px; margin-left:-70px;} .timeline-title .time { width:88px; height:34px; display:inline-block; background:#dc255c; color:#fff; font-size:24px; font-weight:bold; text-align:center; float:left;} .timeline-title a, .timeline-title em { display:block; vertical-align:top; margin-left:96px; font-style:normal;} .timeline-text { font-size:16px; line-height:1.6em; padding-top:12px;} /**/ .pagination { clear:both; font-family:"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",Tahoma,arial,sans-serif; line-height:1.231; height:38px; margin-top:30px;overflow:hidden;} .pagination #chan_multipageNumN { color:#999; display:inline; float:left; height:34px; left:50%; position:relative;} .pagination #chan_multipageNumN a, .pagination #chan_multipageNumN span { background:#fff; border:1px solid #dbdbdb; display:block; float:left; line-height:1.231; margin:0 2px; overflow:hidden; padding:10px 15px 8px; position:relative; right:50%;} .pagination #chan_multipageNumN a { background:#fff; border:1px solid #dbdbdb; color:#888; text-decoration:none;} .pagination #chan_multipageNumN a:hover { background:#ff6a6a; border:1px solid #ff6a6a; color:#fff; text-decoration:none;} .pagination #chan_multipageNumN .prevPage, .pagination #chan_multipageNumN .allPage { background-repeat:no-repeat; background-position:center; height:17px; line-height:100px; overflow:hidden; padding:10px 0 8px; width:45px;} .pagination #chan_multipageNumN .prevPage { background-image:url(../img/icon-prevPage.png); } .pagination #chan_multipageNumN .allPage { background-image:url(../img/icon-allPage.png); } .pagination #chan_multipageNumN .curPage { background:#ff6a6a; border:1px solid #ff6a6a; color:#fff;} .pagination #chan_multipageNumN .firstPage, .pagination #chan_multipageNumN .nextPage, .pagination #chan_multipageNumN .sumPage { padding:10px 10px 8px; } .pagination #chan_multipageNumN span.sumPage { border:1px solid #fff; white-space:nowrap;} .pagination #chan_multipageNumN .sumPage cite { color:red; font-style:normal; line-height:1.231; padding:0 0.2em;} /**/ .whoShare { border:1px solid #e7e6e6; margin-top:50px; width:690px;} .whoShare-title { color:#666; font-size:16px; font-weight:normal; float:left; padding-top:40px; text-align:right; width:80px;} .whoShare-con { height:60px; margin-left:80px; padding:20px 10px; position:relative;} .whoShare-con a { float:left; margin:5px 10px; width:58px;} .whoShare-con a img { width:50px; height:50px; border-radius:50%;} .js-article-weixin { width:310px; height:165px; position:absolute; left:55px; bottom:-142px; z-index:103; overflow:hidden; display:none;} .weixin-box { background:url("../img/wx_arrow.png") no-repeat; height:165px; cursor:auto; z-index: 1000;} .weixin-box-int { position:relative; padding:19px 6px 0; z-index: 1000;height: 100%; width: 100%;} .weixin-box-int img { width:120px; height:120px; float:left; margin-right:10px;} .weixin-box-int p { line-height:24px; color:#666; font-size:14px; width:auto; padding-top:44px;} .js-article-weixin-close { position:absolute; right:15px; top:15px; width:30px; height:30px;display:block;z-index:104; cursor:pointer; background:url("../img/wx_arrow.png") left bottom no-repeat;} #jq-article-qrcode { float: left; width:120px; height:120px; overflow:hidden; padding:10px 10px 0 10px; } .Dialog-wxQrcode-con { padding:20px; width:240px; } .Dialog-wxQrcode-con img { margin:auto; } .Dialog-wxQrcode-tip { color:#999; font-size:12px; line-height:140%; padding-top:10px; } /**/ .Dialog-shareList { width:700px; } .shareList-con { padding:20px; } .shareList-con a { display:inline-block; margin:0 2%; width:10%; } .shareList-con a img { display:inline; width:100%; height:auto; } /* News */ .newsList { padding-bottom:20px;} .newsList .news-item { border-bottom:1px solid #e1e1e1; margin:15px 5px 0;} .newsList .news-item:hover { background:#f5f5f5;} .newsList .news-item-text {} .newsList .news-item-text h3 { font-size:18px; font-weight:normal; height:48px; line-height:48px; overflow:hidden;} .newsList .news-item-text h3 a { color:#333; display:block; } .newsList .news-item-text p { font-size:16px; color:#666; line-height:30px; padding:10px 0 0; overflow:hidden; width:100%;} .newsList .news-item-text p .item-category { background-color:#ff6666; border-radius:5px; color:#fff; float:left; font-size:12px; line-height:20px; margin-right:1em; padding:3px 8px 5px; } .newsList .news-item-type { clear:both; font-size:14px; padding:20px 0; } .newsList .news-item-type .item-time { color:#999; font-size:12px; } .newsList .news-item-type .item-category { background-color:#ff6666; border-radius:5px; color:#fff; font-size:12px; margin-left:2em; padding:3px 8px 5px; } /* radio */ .radio-live { margin-bottom:30px; padding-top:15px;} .radio-live .cover { float:left; position:relative; width:230px; } .radio-live .cover img {border:1px solid #eaeaea; width:210px; height:160px;} .radio-live .cover em.label { background:url(../img/icon-onair.png) 0 0 no-repeat; left:0; top:0; height:25px; position:absolute; width:81px;} .radio-live .info { height:162px; margin-left:240px; position:relative; } .radio-live .title { border-left:3px solid #f66; color:#666; font-size:24px; font-weight:normal; height:26px; line-height:26px; margin-bottom:5px; padding-left:22px;} .radio-live .title b{ font-weight:normal; } .radio-live .info p { color:#666; font-size:16px; padding:10px 0 0 25px;} .radio-live .info .tool { position:absolute; left:25px; bottom:0;} .radio-live .info li { color:#999; float:left; font-size:14px; height:24px; line-height:30px; margin-right:40px; overflow:hidden; } .radio-live .info li a { color:#999; display:block; font-size:14px; height:24px; overflow:hidden; } .radio-live .info li a:hover { color:#f66; } .radio-live .info .like a {background:url(../img/icon-zan.png) left top no-repeat; padding-left:30px;} .radio-live .info .like a:hover {background-image:url(../img/icon-zan-hover.png); } .radio-live .info .rank {background:url(../img/icon-earphone.png) left center no-repeat; padding-left:30px; } .radio-live .info .comment a {background:url(../img/icon-comment.png) left bottom no-repeat; width:26px; } .radio-live .info .comment a:hover {background-image:url(../img/icon-comment-hover.png); } .radio-live .info .article-share { margin-right:0; } .radio-live .info .article-share-but {background:url(../img/icon-share.png) left bottom no-repeat; width:24px; } .radio-live .info a.article-share-but:hover {background-image:url(../img/icon-share-hover.png); } .article-share-list { position:absolute; top:26px; right:-140px; padding-top:12px; width:330px; background:#fff; z-index:100; display:none;} .article-share-triangle { width:20px; height:12px; background:url("../img/article-share-triangle.png") no-repeat center center; position:absolute; top:1px; right:140px;} .article-share-head { color:#000; padding:0 13px; line-height:36px; position:relative; font-weight:bold; border:1px solid #d9d9d9;} .article-share-head a { position:absolute; top:0; right:0px; width:36px; text-align:left; text-indent:-999em; overflow:hidden; background:url("../img/share-close.png") no-repeat center center;} .article-share-con { padding:5px 0; border:1px solid #d9d9d9; border-top:0; } .radio-live .info li .article-share-con a { float:left; height:32px; margin:0 0 0 13px; _display:inline; } .radio-live .info li .article-share-con a img {width:32px; height:32px;} .article-share-con a.pcNotShow { display:none; } .article-share-con a.mobileNotShow { display:block; } .article-share-con .jq-share-list-qrcode { display:none; clear:both; padding:13px; } .radio-live .summary { clear:both; color:#999; font-size:14px; line-height:180%; padding-top:30px; } .radio-live .summary p { text-indent:2em; } /**/ /*.mod-reviews .mod-hd { background:none; border-bottom:1px solid #eaeaea; height:59px;} .mod-reviews .mod-title { background:none; color:#f66; height:60px; position:relative;}*/ .mod-reviews { padding-bottom:25px; } .mod-reviews .mod-bd { border:1px solid #eaeaea; /*border-top:0;*/ padding:20px; } .reviewList .item { cursor:pointer; float:none; line-height:32px; margin:10px auto;} .reviewList .item a { background-color:#f1f1f1; display:block; padding:20px 0; width:100%; overflow:hidden;} .reviewList .item a:hover { background-color:#ccc; } .reviewList .item a:hover .title {color:#f66;} /*.reviewList .item:hover, .reviewList .playing { background-color:#ccc;}*/ .reviewList .item .num { color:#999; display:block; float:left; font-size:18px; font-style:normal; height:32px; text-align:center; width:80px;} .reviewList .item .title { background:url(../img/icon-audio-play-dark.png) 10px center no-repeat; /*float:left;*/ display:block; height:32px; overflow:hidden; margin-top:0; padding-left:50px; width:520px} .reviewList .item .lasttime { color:#999; display:block; float:right; padding-right:30px; } /**/ .mod-preview h3 { color:#333; font-size:18px; font-weight:normal; margin-bottom:10px; } .mod-preview p {background:url(../img/listDot.png) 0 9px no-repeat; color:#666; font-size:14px; padding:0 0 1em 1em; } /**/ .mod-panorama { padding-bottom:25px; } .mod-panorama .mod-bd { border:1px solid #eaeaea; padding:20px; } .panoramaList .item { cursor:pointer; float:none; line-height:32px; margin:10px auto;} .panoramaList .item a { background-color:#f1f1f1; display:block; padding:20px 0; width:100%; overflow:hidden;} .panoramaList .item a:hover { background-color:#ccc; } .panoramaList .item a:hover .title {color:#f66;} /*.panoramaList .item .num { color:#999; display:block; float:left; font-size:18px; font-style:normal; height:32px; text-align:center; width:80px;}*/ .panoramaList .item .title { background:url(../img/icon-audio-play-dark.png) 20px center no-repeat; float:left; height:32px; overflow:hidden; margin-top:0; padding-left:60px; width:520px} .panoramaList .item .lasttime { color:#999; display:block; float:right; padding-right:30px; } /**/ .mod-playList .mod-hd { background:none; border-bottom:1px solid #eaeaea; height:59px;} .mod-playList .mod-title { background:none; color:#f66; height:60px; position:relative;} .mod-playList .mod-title .total { color:#999; font-size:12px; margin-left:1em; } .mod-playList .mod-title a { display:inline-block; float:left; cursor:pointer; height:60px; margin-right:20px; padding:0; position:relative; text-align:center; width:130px;} .mod-playList .mod-title i, .mod-playList .mod-title b { display:none;} .mod-playList .mod-title .current i, .mod-playList .mod-title .current b { display:block;} .mod-playList .mod-bd { border:1px solid #eaeaea; border-top:0; padding:20px; } .mod-playList .book-comments { border:0; padding:0; } .mod-playList .book-comments .CNComment { margin-top:0; } .mod-playList .book-comments .CNComment-head { display:none; } /* #1577 */ .playList .item { background-color:#f1f1f1; color:#999; float:none; line-height:32px; margin:10px auto; padding:5px 0; width:100%; overflow:hidden; } .playList .item:hover, .playList .playing { background-color:#ccc;} /*.playList .item .num { color:#999; display:block; float:left; font-size:18px; font-style:normal; height:32px; text-align:center; width:80px;}*/ .playList .item .playBtn { /*background:url(../img/icon-audio-play-dark.png) center 12px no-repeat; cursor:pointer; display:block; float:left; height:60px; width:50px;*/ display:none; } .playList .item .titBox { background:url(../img/icon-audio-play-dark.png) 10px 12px no-repeat; cursor:pointer; float:left; font-weight:normal; width:430px; overflow:hidden; padding-left:50px; } .playList .playing .titBox { background-image:url(../img/icon-audio-play-dark-hover.png); } .playList .item .title {display:block; height:26px; margin-top:0; padding:12px 0 6px; } .playList .item .lasttime { color:#999; font-size:12px; font-style:normal; float:left; line-height:18px; padding:0 0 10px; } .playList .item .tool { display:block; float:right; width:160px;} .playList .item .ico { display:block; float:left; margin:25px 3px 0 0; } .playList .item .ico a { background-position:center; background-repeat:no-repeat; background-size:28px; display:block; width:28px; height:28px; line-height:100px; overflow:hidden;} .playList .item .download a { background-image:url(../img/icon-download1.png); } .playList .item .download a:hover { background-image:url(../img/icon-download1-hover.png); } .playList .item .favorite a { background-image:url(../img/icon-favorite.png); } .playList .item .favorite a:hover { background-image:url(../img/icon-favorite-hover.png); } .playList .item .share a { background-image:url(../img/icon-share1.png); } .playList .item .share a:hover { background-image:url(../img/icon-share1-hover.png); } .playList .item .like { position:relative; } .playList .item .like a { background-image:url(../img/icon-zan1.png); } .playList .item .like a:hover { background-image:url(../img/icon-zan1-hover.png); } .playList .item .like i {display:none; position:absolute; top:-30px; left:0; width:28px; font-size:10px; font-style:normal; color:#ff6a6a; text-align:center;} .playList .item .detail a { background-image:url(../img/icon-detail.png); } .playList .item .detail a:hover { background-image:url(../img/icon-detail-hover.png); } /*.playList .item { background-color:#f1f1f1; cursor:pointer; float:none; line-height:32px; margin:10px auto; padding:20px 0; width:100%; overflow:hidden;} .playList .item:hover, .playList .playing { background-color:#ccc;} .playList .item .num { color:#999; display:block; float:left; font-size:18px; font-style:normal; height:32px; text-align:center; width:80px;} .playList .item .title { background:url(../img/icon-audio-play-dark.png) left center no-repeat; float:left; height:32px; margin-top:0; padding-left:40px; width:420px; } .playList .item .lasttime { color:#999; display:block; float:right; padding-right:30px; }*/ /**/ .bookPlayerWrap { position:relative; margin-top:30px;} .bookPlayerWrap .audiojs { margin-top:0;} .bookPlayerWrap .curTitle { color:#f0f2f6; font-size:18px; height:54px; line-height:58px; overflow:hidden; position:absolute; left:170px; top:0; width:360px; } .bookDownload { width:24px; position:absolute; right:20px; top:16px;} .bookDownload a {background-image:url(../img/icon-download.png); display:block; height:24px; width:24px;} .bookDownload a:hover {background-image:url(../img/icon-download-hover.png);} .playNext {background-image:url(../img/player-graphics.png); background-position:0 -220px; cursor:pointer; display:block; height:32px; width:32px; position:absolute; left:120px; top:13px;} .playNext:hover { background-position:-55px -220px; } .playPrev {background-image:url(../img/player-graphics.png); background-position:0 -275px; cursor:pointer; display:block; height:32px; width:32px; position:absolute; left:20px; top:13px;} .playPrev:hover { background-position:-55px -275px; } /**/ .mod-programme .mod-hd { background:none; border-bottom:1px solid #eaeaea; height:59px;} .mod-programme .mod-title { background:none; color:#f66; height:60px; position:relative;} .mod-programme .mod-title a { display:inline-block; float:left; cursor:pointer; height:60px; margin-right:20px; padding:0; position:relative; text-align:center; width:75px;} .mod-programme .mod-title i, .mod-programme .mod-title b { display:none;} .mod-programme .mod-title .current i, .mod-programme .mod-title .current b { display:block;} .mod-programme .mod-bd { border:1px solid #eaeaea; border-top:0; padding:0 0 20px 22px; } .mod-programme .radio-comments { border:0; padding:0; } .mod-programme .radio-comments .CNComment { margin-top:0; } .mod-programme .radio-comments .CNComment-head { display:none; } .mod-programme .bar { clear:both; height:10px; overflow:hidden; } .programList {float:left; margin-right:22px; width:310px;} .programList .itemHd { border-bottom:4px solid #999; font-size:18px; line-height:45px; height:45px; text-align:center;} .programList .item { background:url(../img/icon-programme.png) 20px center #f1f1f1 no-repeat; float:none; font-size:18px; line-height:80px; height:80px; margin:10px auto; overflow:hidden; text-indent:60px;} .programList .item i { color:#999; font-size:12px; font-style:normal; padding-left:10px; } #js-programList { position:relative; overflow:hidden; } #js-readMore { margin:0 30%; text-align:center; border:1px solid #ccc; border-radius:10px; } #js-readMore a { display:block; padding:10px 0;} #js-readMore-bg { width:100%; height:50px; position:absolute; bottom:0; left:0; background-image: -webkit-linear-gradient(top,hsla(0,0%,100%,0),#fff);background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#fff); } /**/ .breadcrumb {color:#666; font-size:14px; padding:10px 0 30px;} .breadcrumb a {color:#666;} .breadcrumb a:hover {color:#f66;} /**/ .book-wrap .cover { float:left; } .book-wrap .cover img { height:200px; width:200px; } .book-wrap .info { height:200px; margin-left:225px; position:relative;} .book-wrap .title { font-size:24px; margin-bottom:10px; } .book-wrap .summary { font-size:16px; line-height:26px; height:130px; overflow:hidden; } .book-wrap .summary a { color:#f66; } .book-wrap .info .tool { position:absolute; left:0; bottom:0; margin-top:15px;} .book-wrap .info li { color:#999; float:left; font-size:14px; height:24px; line-height:30px; margin-right:40px; overflow:hidden; } .book-wrap .info li a { color:#999; display:block; font-size:14px; height:24px; overflow:hidden; } .book-wrap .info li a:hover { color:#f66; } .book-wrap .info .like a {background:url(../img/icon-zan.png) left top no-repeat; padding-left:30px;} .book-wrap .info .like a:hover {background-image:url(../img/icon-zan-hover.png); } .book-wrap .info .rank {background:url(../img/icon-earphone.png) left center no-repeat; padding-left:30px; } .book-wrap .info .comment a {background:url(../img/icon-comment.png) left bottom no-repeat; width:26px; } .book-wrap .info .comment a:hover {background-image:url(../img/icon-comment-hover.png); } .book-wrap .info .article-share { margin-right:0; } .book-wrap .info .article-share-but {background:url(../img/icon-share.png) left bottom no-repeat; width:24px; } .book-wrap .info a.article-share-but:hover {background-image:url(../img/icon-share-hover.png); } .book-wrap .info li .article-share-con a { float:left; height:32px; margin:0 0 5px 13px; _display:inline; } .book-wrap .info li .article-share-con a img {width:32px; height:32px;} .book-wrap .js-info { height:auto; } .book-wrap .js-info .tool { position:static; } .book-wrap .js-info .summary { height:auto; } /**/ .CNComment { margin-top:30px; width:690px;} .CNComment-head { line-height:68px; width:100%; overflow:hidden;} .CNComment-head h3 { float:left; color:#666; font-size:18px; font-weight:normal; margin-right:20px;} .CNComment-head .CNComment-type { float:left; color:#f66; font-size:24px; font-weight:normal;} .CNComment-head .CNComment-type a {color:#f66;} .CNComment-head .CNComment-type em { font-style:normal; padding-right:10px;} .CNComment-form { background-color:#e7e6e6; border:1px solid #d9d9d9; overflow:hidden; padding:30px 0 10px;} .CNComment-item .CNComment-form { margin-top:15px; } .CNComment-form textarea { display:block; width:90%; padding:5px 8px; border:0; margin:auto; height:110px; resize:none;} .CNComment-item .CNComment-form textarea { height:100px; } .CNComment-form-button { width:100%; overflow:hidden;} .CNComment-form-button input { line-height:18px; height:38px; padding:10px 22px; border:0; background:#a69a9a; color:#fff; float:right; font-size:18px;} .CNComment-form-button input:hover { background:#f66;} .CNComment-list { overflow:hidden; } .CNComment-item { border-top:1px solid #d9d9d9; padding:25px 0 15px; margin-top:-1px; width:100%; overflow:hidden;} .CNComment-item .CNComment-item, .CNComment-childItem { margin-top:15px; border:0; background:#f3f3f3; padding-top:15px; overflow:hidden;} .CNComment-childItem { padding-bottom:15px; } .CNComment-item-userhead, .CNComment-Child-userhead { float:left; margin-left:6px; width:68px;} .CNComment-item-userhead img, .CNComment-Child-userhead img { width:68px; height:68px; border-radius:100px; } .CNComment-item-con, .CNComment-ChildCon { margin-left:95px; } .CNComment-item-author { font-size:16px; line-height:32px; color:#333;} .CNComment-item-author a { color:#333; } .CNComment-item-author a:hover { color:#f66; } .CNComment-item-text { color:#666; font-size:14px; line-height:1.8em; padding-bottom:10px; padding-right:10px;} .CNComment-item-type { color:#999; width:100%; overflow:hidden;} .CNComment-item-type a { color:#999; } .CNComment-item-type a:hover { color:#f66; } .CNComment-item-type-left { float:left;} .CNComment-item-type-right { float:right; padding-right:10px;} .CNComment-item-type em { font-style:normal; padding-left:5px; vertical-align:middle;} .CNComment-item-type-right a, .CNComment-item-type a { margin-left:15px; display:inline-block;} .CNComment-item-type-right i { display:inline-block; width:16px; height:16px; overflow:hidden; vertical-align:middle;} .CNComment-item-good i { background:url("../img/icon-comment-good.png") no-repeat center center; *background-position-y:0;} .CNComment-item-reply i { background:url("../img/icon-comment-reply.png") no-repeat center center; *background-position-y:0;} .CNComment-item-type { text-align:right; } .CNComment-item-praise { background:url("../img/icon-comment-good.png") no-repeat left center; *background-position-y:0; padding-left:20px;} .CNComment-ChildName { position:relative; } .CNComment-childType { position:absolute; top:0; right:20px; color:#999;} .CNComment-childType a { margin-left:15px; color:#999;} .CNComment-hot h4 {padding-top:30px; color:#666;} .CNComment-gather .CNComment-list {display:none;} .CNComment-list-more { color:#666; margin-top:20px; } .CNComment-list-more a { color:#666; display:block; font:bold 18px/48px Georgia; border:1px solid #d9d9d9; text-align:center;} .CNComment-list-more a:hover { color:#f66; background:#f7f7f7;} .CNComment-list-more em { color:#999; padding-left:10px;} .comment-list .CNComment { border-top:0; margin:0 auto;} .comment-list .pages { margin-top:50px; } /* old reset */ .CNComment-face, .CNComment-form-note, .CNComment-userManage-list, .CNComment-item-share, .CNComment-gather h4, .CNComment-childForm .CNComment-form-type, .CNComment-childItem-type { display:none; } .CNComment-form-type { line-height:38px; border-top:1px solid #d9d9d9;} .CNComment-form, .CNComment-child { position:relative; } .CNComment-form-button input { position:absolute; bottom:9px; right:4%; float:none;} .CNComment-childForm form { margin-top:10px; border:1px solid #d9d9d9; overflow:hidden; position:relative;} .CNComment-childForm textarea { width:620px; padding:5px 8px; border:0; height:100px; resize:none;} .CNComment-form-button { width:90%; overflow:hidden; margin:auto;} .CNComment-childForm-button { position:absolute; right:0; bottom:0; width:100%; border-top:1px solid #d9d9d9;} .CNComment-childForm-button input { line-height:18px; height:38px; padding:10px 22px; border:0; background:#a69a9a; color:#fff; float:right; font-size:18px;} .CNComment-childForm-button input:hover { background:#f66;} .CNComment-childForm-con { padding-bottom:25px; } .CNComment-form-type .CNComment-login {padding-top:10px; margin:auto; width:636px;} .CNComment-otherLogin, .CNComment-login-link { display:none; } .CNComment-login-input input { line-height:16px; padding:5px; margin-right:5px;} .CNComment-item-time { float:right; color:#999;} /**/ .Dialog-login { width:500px; padding-top:20px;} .Dialog-login-text-username input, .Dialog-login-text-password input, .Dialog-login-text-repassword input, .Dialog-login-text-code input, .Dialog-login-but, .Dialog-commonLogo-con, .Dialog-login-forgotPassword { display:block; width:80%; margin:auto;} .Dialog-login-text-item { border-bottom:1px solid #d4d4d4; } .Dialog-login-text input { border:0; line-height:30px; height:30px; display:block; padding:10px 0; font-size:18px; padding-left:8%; width:72%;} .Dialog-login-text-username input { background:url("../img/icon-login-mail.png") no-repeat 0 center; } .Dialog-login-text-password input { background:url("../img/icon-login-password.png") no-repeat 0 center; } .Dialog-login-text-repassword input { background:url("../img/icon-login-password-re.png") no-repeat 0 center; } .Dialog-login-text-code { position:relative; } .Dialog-login-text-code input { background:url("../img/icon-login-code.png") no-repeat 0 center; } .Dialog-login-text-code img { height:30px; position:absolute; top:10px; left:60%;} .Dialog-login-but { padding-top:10px; } .Dialog-login-but input { font-size:18px; width:100%; text-align:center; line-height:2.6em; background:#666; border:0; margin-top:15px; border-radius:10px; color:#fff;} .Dialog-login-but input:last-child { background:#f66;} .Dialog-login-but input:hover { background:#444; } .Dialog-login-but input:last-child:hover { background:#f25353; } .Dialog-login-forgotPassword { text-align:right; font-size:18px; color:#adadad; line-height:3em; margin-top:10px; margin-bottom:10px;} .Dialog-commonLogo { border-top:1px solid #e4e4e4; background:#f2f2f2;} .Dialog-commonLogo h5 { color:#999; font-size:18px; font-weight:normal; line-height:3em;} .Dialog-commonLogo-list { padding:10px 0 15px; } .Dialog-commonLogo-list img { display:inline-block; width:66px; height:66px; background:#ccc; border-radius:100px; margin:0 15px;} .Dialog-commonLogo-list a:hover img { background:#aaa; } .login-nickname {float:left; background-color:#fff; padding:0 10px; margin-right:8px;} .login-manage {float:left; background-color:#fff; padding:0 10px;} /* audio */ .audiojs { margin-top:20px;} .audiojs p { margin:0; padding:0; } .vjs-no-js { display:none; } /**/ #CHINA_COMMENT_redtip { position:absolute; top:4px; width:100%; text-align:center; color:#f66 !important;} /*1859 add*/ .chaotong img{width:100%;} .mod-indexPhotoList li{border-top:1px dashed #ccc;margin:3px 0;height:50px;overflow:hidden;} .mod-indexPhotoList li a{color:#666;font-size:14px;} .mod-indexPhotoList li:first-child{border-top:0;} .photoThree-con{width:1020px;margin-right:-20px;overflow:hidden;} .photoThree-con .item {float:left;width:320px; margin:20px 20px 0 0;} .photoThree-con .item img{width:320px;height:148px;} /* News */ .newsList-con {} .newsList-con .news-item {overflow:hidden;padding:20px 0; border-bottom:1px dotted #e1e1e1;} .newsList-con .news-item:last-child { border-bottom:0;} .newsList-con .news-item:hover { background:#e5e5e5;} .newsList-con .news-item-photo { width:240px; height:135px; float:left;} .newsList-con .news-item-photo img { width:100%; height:100%; } .newsList-con .news-item-text { margin:0 0 0 240px; padding:8px 10px; } .newsList-con .news-item-text h3 {font-size:18px;font-weight:normal;line-height:26px; margin:5px 0; height:52px; overflow:hidden;} .newsList-con .news-item-text p { font-size:16px;line-height:22.5px; color:#999; max-height:68px; overflow:hidden;} .news-item-nophoto .news-item-photo { display:none; margin-left:0;} .news-item-nophoto .news-item-text { margin-left:0 !important;} /*2571*/ .naviSignin{height:19px;} .js-shaow-reg{display:none;} /* 终极页播放器 auther jy start */ .player-live-article{height: 60px;background-color: #000;margin-top: 15px;} .player-live-article .video-js .vjs-control-bar{display: flex;height: 40px;background-color:transparent;top: 10px;} .player-live-article .video-js .vjs-icon-previous-item , .player-live-article .video-js .vjs-icon-next-item{width: 40px;font-size: 25px;text-shadow: none;} .player-live-article .video-js .vjs-icon-previous-item:hover , .player-live-article .video-js .vjs-icon-next-item:hover{color: #dc255c;cursor: pointer;text-shadow: none;} .player-live-article .video-js .vjs-icon-previous-item.none, .player-live-article .video-js .vjs-icon-next-item.none{color: #999;cursor: auto;} .player-live-article .video-js .vjs-play-control{width: 40px;height: 40px;border: 2px solid #fff;border-radius: 50%;text-shadow: none;} .player-live-article .video-js .vjs-play-control:hover{border-color: #dc255c;} .player-live-article .video-js .vjs-button > .vjs-icon-placeholder:before{font-size: 24px;line-height: 38px;} .player-live-article .video-js .vjs-button > .vjs-icon-placeholder:hover{color: #dc255c;} .player-live-article .video-js .vjs-live-control{line-height: 0px;} .player-live-article .video-js .vjs-live-display{font-size: 12px;width: 34px;height: 14px;background-color: #dc255c;line-height: 14px;text-align: center;border-radius: 2px;position: absolute;top: 12px;} .player-live-article .video-js .vjs-title-bar{position: absolute;left: 154px;font-size: 16px;margin-left: 10px;height: 60px;line-height: 18px;} .player-live-article .video-js .vjs-title-bar:before{content: "";width: 0;font-size: 0;height: 100%;visibility: hidden;display: inline-block;vertical-align: middle;} .player-live-article .video-js .vjs-title-bar span{display: inline-block;width: 100%;vertical-align: middle;} .player-live-article .video-js .vjs-volume-control{top: -106px;} /* 终极页播放器 auther jy end */ #live-videoPlayer-article-wrapper .video-js{max-width: 720px;margin:0 auto;} #live-videoPlayer-article-wrapper .video-js .vjs-big-play-button{height: 2em;line-height: 2em;border-radius: 50%;width: 2em;top: 0px;left: 0px;right: 0px;bottom: 0px;margin: auto;} .video-js .vjs-big-play-button{height: 2em;line-height: 2em;border-radius: 50%;width: 2em;top: 0px;left: 0px;right: 0px;bottom: 0px;margin: auto;} /* 华语环球 */ .hyhq_playerLive_con{width: 40px;height: 40px;background-color: #fff;overflow: hidden;float: left;margin: 10px 12px 0 28px;} .hyhq_playerLive_con .video-js{background-color: #fff;} .hyhq_playerLive_con .video-js .vjs-control-bar{display: flex;height: 40px;background-color:transparent;top: 0px;} .hyhq_playerLive_con .video-js .vjs-play-control{width: 40px;height: 40px;text-shadow: none;background: url('../img/icon-radio-playpause.png') no-repeat;background-size:40px;background-position-y: 0px;} .hyhq_playerLive_con .video-js .vjs-button > .vjs-icon-placeholder:before{font-size: 0px;} .hyhq_playerLive_con .video-js .vjs-play-control.vjs-playing{background-size:40px;background-position-y: -40px;} .hyhq_playerLive_con .video-js .vjs-play-control.vjs-paused{background-size:40px;background-position-y: 0px;} /* 世界华声 */ .sjhs_playerLive_con{width: 40px;height: 40px;background-color: #fff;overflow: hidden;float: left;margin: 10px 12px 0 28px;} .sjhs_playerLive_con .video-js{background-color: #fff;} .sjhs_playerLive_con .video-js .vjs-control-bar{display: flex;height: 40px;background-color:transparent;top: 0px;} .sjhs_playerLive_con .video-js .vjs-play-control{width: 40px;height: 40px;text-shadow: none;background: url('../img/icon-radio-playpause.png') no-repeat;background-size:40px;background-position-y: 0px;} .sjhs_playerLive_con .video-js .vjs-button > .vjs-icon-placeholder:before{font-size: 0px;} .sjhs_playerLive_con .video-js .vjs-play-control.vjs-playing{background-size:40px;background-position-y: -40px;} .sjhs_playerLive_con .video-js .vjs-play-control.vjs-paused{background-size:40px;background-position-y: 0px;} /* 南海之声 */ .nhzs_playerLive_con{width: 40px;height: 40px;background-color: #fff;overflow: hidden;float: left;margin: 10px 12px 0 28px;} .nhzs_playerLive_con .video-js{background-color: #fff;} .nhzs_playerLive_con .video-js .vjs-control-bar{display: flex;height: 40px;background-color:transparent;top: 0px;} .nhzs_playerLive_con .video-js .vjs-play-control{width: 40px;height: 40px;text-shadow: none;background: url('../img/icon-radio-playpause.png') no-repeat;background-size:40px;background-position-y: 0px;} .nhzs_playerLive_con .video-js .vjs-button > .vjs-icon-placeholder:before{font-size: 0px;} .nhzs_playerLive_con .video-js .vjs-play-control.vjs-playing{background-size:40px;background-position-y: -40px;} .nhzs_playerLive_con .video-js .vjs-play-control.vjs-paused{background-size:40px;background-position-y: 0px;}