/*-------------------------------------- 作者：彭驰 日期：2019/7/2 内容：2019版信息流 ----------------------------------------*/ /* 公共样式 */ .w1200,.container{ width:1200px; margin:0 auto;} .pre{position: relative;} .padTop50{padding-top:50px;} .wid-830{ float: left; width: 830px;} .wid-810{ float: left; width: 810px;} .wid-800{ float: left; width: 800px;} .wid-740{ float: left; width: 740px;} .wid-700{ float: left; width: 700px;} .wid-365{ float:right; width: 365px;} .wid-360{ float:right; width: 360px;} .mt10{margin-top: 10px;} .mt15{margin-top: 15px;} .mt20{margin-top: 20px!important;} .mt30{margin-top: 30px!important;} .mt35{margin-top: 35px;} .mt40{margin-top: 40px;} .mt50{margin-top: 50px;} .ml20{margin-left: 20px;} .mr10{margin-right: 10px;} .mr20{margin-right: 20px;} .mb20{margin-bottom: 20px;} .mb30{margin-bottom: 30px;} .mb40{margin-bottom: 40px;} .mb50{margin-bottom: 50px;} .text-c{text-align: center;} .title01{ font-size: 20px; line-height: 28px; color: #4A4A4A; overflow: hidden; margin-bottom: 15px; font-weight: bold; position: relative;} .title01 a{color: #4A4A4A;} .title01 a:hover{color: #2D98E5;} .title01-more{ float: right; font-size: 12px; color: #4A4A4A; font-weight: normal;} .title01-more:hover{color: #2D98E5;} .title02{ font-size: 24px; line-height: 30px; color: #333333; overflow: hidden; margin-bottom: 15px; font-weight: bold; position: relative;} .title02 a{color: #4A4A4A;} .title02 a:hover{color: #2D98E5;} .cx-breadline{ line-height: 24px; font-size: 14px; color:#999;} .cx-breadline a{color:#333;} .cx-breadline a:hover{ color:#2D98E5;} .icon-search,.icon-address,.banner-btn i,.icon-player2,.minivideo-btn i,.icon-chai,.icon-close-video,.loginclose,.nextlogin .i-c,.thirdpartyicon .qq,.thirdpartyicon .sina,.thirdpartyicon .weixin,.icon-ewmlogo,.m_bigpic .p_tools a i,.icon-comment,.icon-like,.icon-buycar,.icon-carclub,.icon-dealertalk,.price-pop-hd .off,span.emotion,.icon-reply-tips,.icon-support,.icon-zuanshi,.icon-newmsg,.video-infotxt .d-txt-btn i,.icon-viptips2{ background-image:url("../image/iconbtn_v190305.png"); background-repeat:no-repeat;} .icon-address{ display: inline-block; width: 10px; height: 14px; background-position: -20px -45px; vertical-align: middle; margin-left: 2px; margin-top: -2px;} .bg-f5{background: #f5f5f5;} .icon-player,.icon-miniplayer,.icon-art-view,.icon-view,.icon-art-time,.icon-zang,.icon-artlike,.icon-artview,.icon-artshare,.icon-artcomment,.news-share .bds_weixin,.news-share .bds_tsina,.icon-viptips,.icon-viptips-mini,.icon-sideplayer,.icon-jumpcomment,.icon-gotop,.icon-showtxt,.mcn-tade,.icon-fire,.cx-login-close,.icon-change,.mr-news-list .a-btn i,.icon-change2,.icon-lianxikefu,.icon-lianxikefu02,.icon-address-b,.icon-xundijia,.icon-yuyueshijia,.icon-tmguangbo,.icon-radiosex,.icon-pgc-sel,.icon-pgc-num1,.icon-pgc-num2,.icon-pgc-num3,.icon-rank-up,.icon-rank-down,.icon-rank-new,.icon-pgc-more,.club-rank .a-btn i,.icon-top,.mcn-tuijian-bd .s-btn{ background-image:url("../image/iconImg_v190626.png"); background-repeat:no-repeat;} .icon-sideplayer{ display: block; position: absolute; right:5px; top:5px; width: 21px; height: 21px; background-position: -173px -14px;} .icon-view{ display: inline-block; width: 19px; height: 12px; background-position: -151px -68px; vertical-align: middle;} .icon-art-time{ display: inline-block; width:12px; height: 12px; background-position: -174px -90px; vertical-align: middle;} .icon-art-view{ display: inline-block; width:14px; height: 12px; background-position: -154px -109px; vertical-align: middle;} .icon-zang{ display: inline-block; width:18px; height: 18px; background-position: -46px -36px; vertical-align: middle; cursor: pointer;} .icon-zang:hover, .current .icon-zang{background-position: -46px -57px;} .icon-artlike{ display:inline-block; width:22px; height:20px; background-position:0px -36px; vertical-align:middle; cursor:pointer;} .icon-artlike:hover, .current .icon-artlike{background-position: 0px -57px;} .icon-artcomment{ display: inline-block; width:18px; height: 18px; background-position: -24px -36px; vertical-align: middle; cursor: pointer;} .icon-artcomment:hover, .current .icon-artcomment{background-position: -24px -57px;} .icon-artview{ display:inline-block; width:18px; height:12px; background-position:-102px -19px; vertical-align:middle; cursor:pointer;} .icon-artshare{ display:inline-block; width:18px; height:18px; background-position:-153px -87px; vertical-align:middle; cursor:pointer;} .icon-address-b{ display:inline-block; width:10px; height:14px; background-position:-90px -155px; vertical-align:middle; cursor:pointer;} .icon-xundijia{ display:inline-block; width:17px; height:17px; background-position:-149px -155px; vertical-align:middle; cursor:pointer;} .icon-yuyueshijia{display:inline-block; width:16px; height:16px; background-position:-129px -155px; vertical-align:middle; cursor:pointer;} .icon-viptips-mini{display: inline-block; width: 19px; height: 16px; background-position: -150px -17px; position: absolute; right:-6px; bottom:0px;} .gg-wrap360,.gg-wrap800,.gg-wrap810,.gg-wrap740,.gg-wrap1200{display: block; overflow: hidden; position: relative;} .gg-wrap360 .s-tipsgg,.gg-wrap800 .s-tipsgg,.gg-wrap740 .s-tipsgg,.gg-wrap1200 .s-tipsgg{ position: absolute; width: 36px; height: 18px; line-height: 18px; right: 10px; top:10px; background: #000; text-align: center; font-size:12px; color:#fff; -webkit-border-radius:2px; border-radius:2px;} .gg-wrap360 img{width:360px;} .gg-wrap800 img{width:800px;} .gg-wrap810 img{width:810px;} .gg-wrap740 img{width:740px;} .gg-wrap1200 img{width:1200px;} .gg-wrap1200{width:1200px; margin:0 auto;} .news-item .a-img img,.ccf-newlist-item .a-img img,.dujiacehua .dj-items img,.buycar-yh dt a img,.news-i-minimsg .msg-img li img,.hot-rank-item li .a-img img,.n-i-picwall .a-1 img,.n-i-picwall .a-2 img,.gg-wrap360 img,.news-i-ggwrap .d-img img,.car-ccfing-con li .a-img img,.side-newslist li .a-img img,.art-carinfo2 .a-img img,.art-carinfo .a-img img,.ccf-report-item .a-img img,.banner-list .a-img01 img,.banner-list .a-img02 img,.n-i-piclist .a-1 img{-webkit-transition:0.7s; -moz-transition:0.7s; transition:0.7s;} .news-item .a-img:hover img,.ccf-newlist-item .a-img:hover img,.dujiacehua .dj-items:hover img,.buycar-yh dt a:hover img,.news-i-minimsg .msg-img li:hover img,.hot-rank-item li .a-img:hover img,.n-i-picwall .a-1:hover img,.n-i-picwall .a-2:hover img,.gg-wrap360:hover img,.news-i-ggwrap .d-img:hover img,.car-ccfing-con li .a-img:hover img,.side-newslist li .a-img:hover img,.art-carinfo2 .a-img:hover img,.author-workslist li .a-img:hover,.art-carinfo .a-img:hover img,.ccf-report-item .a-img:hover img,.banner-list .a-img01:hover img,.banner-list .a-img02:hover img,.n-i-piclist .a-1:hover img{-webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); transform: scale(1.05,1.05);} .content-wrap{ position: relative; padding-left: 120px;} .content-wrap02{ position: relative; padding-left: 80px;} .side-newslist{ overflow: hidden; margin-left:-10px;} .side-newslist li{ float: left; width: 175px; margin:0px 0px 20px 10px;} .side-newslist li .a-img{ display: block; position: relative; overflow: hidden;} .side-newslist li .a-img img{width:175px; height: 117px;} .side-newslist li .a-img .s-t{ display: block; position: absolute; top:5px; right:5px; width: 36px; height: 18px; line-height: 18px; border-radius: 2px; -webkit-border-radius: 2px; text-align: center; font-size: 12px; color: #fff; background: #000; opacity: 0.8; filter:alpha(opacity=80);} .side-newslist li h4{ margin-top: 10px; line-height: 18px; font-size: 14px; overflow: hidden; height: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;} .side-newslist li h4 a{color:#666;} .side-newslist li h4 a:hover{color:#2D98E5;} .side-newstools{ line-height: 28px; overflow: hidden; margin-top:10px;} .side-newstools .d-avatar{ float: left; } .side-newstools .d-avatar img{ float: left; width:28px; height: 28px; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 10px; border: 1px solid #f6f6f6;} .side-newstools .d-avatar em{ float: left; font-size: 12px; color: #333; width:80px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .side-newstools .d-avatar:hover em{color:#2D98E5;} .side-newstools .s-num{ float: right; color: #888; white-space: nowrap; overflow: hidden; max-width: 68px; text-overflow: ellipsis;} .side-newstools .s-num .icon-view{ margin-right:3px; float: left; margin-top:8px;} .side-news-more{ color:#333; display: block; width: 90px; margin:0 auto;} .side-news-more .i-1{ display: inline-block; margin-left: 7px; width:0; height:0; border-width:4px 0px 4px 4px; border-style:solid; border-color:transparent transparent transparent #333; vertical-align: middle;} .side-news-more:hover{color:#2D98E5;} .side-news-more:hover .i-1{border-color:transparent transparent transparent #2D98E5;} .side-tab-con{ position: relative; height: 38px; line-height: 36px; margin-bottom: 20px;} .side-tab-con .bottom-line{ position: absolute; left:40px; bottom:0; width: 20px; height: 3px; background: #2D98E5; z-index: 19;} .side-tab-ul li{ float: left; margin:0 10px; text-align: center; font-size: 20px; color: #4A4A4A; cursor: pointer;} .side-tab-ul li.current{color:#333333; font-weight: bold;} .fixed-sharebox{ position: fixed; z-index: 199; top:0px; left:0px; width: 140px; height: 36px; line-height: 36px; padding:10px; box-shadow:0px 1px 8px 0px rgba(0,0,0,0.1); border-radius:28px; font-size: 14px; background: #fff;} .fixed-sharebox.news-share .bds_weixin, .fixed-sharebox.news-share .bds_tsina{ margin-right: 15px;} .fixed-sharebox .s-close{float: left;cursor: pointer;} .bodybg-wrap{ position: fixed; left:0; top:0; right:0; bottom:0; z-index:399; background:#000000; opacity:0.4; filter:alpha(opacity=40);} .server-msg-cont{ position: fixed; width: 625px; height: 260px; background: #fff; left:50%; top:50%; margin: -150px 0 0 -338px; z-index: 599; padding:20px 25px;} .server-msg-tit{ font-size: 20px; color: #333333;} .server-msg-txt{ width: 605px; height: 128px; background: #eff3fd; font-size: 15px; color: #666666; line-height: 21px; margin-top: 10px; border:none; resize: none; padding: 10px} .server-msg-btn{ float: right; margin-top: 20px; width: 118px; height: 45px; line-height: 45px; overflow: hidden; text-align: center; border-radius: 3px; background: #4A90E2; font-size: 20px; color: #fff; cursor: pointer;} /* header */ .header { position: fixed; top:0; right:0; left:0; width:100%; z-index: 199;} .topbar{ height: 50px; line-height: 50px; border-bottom: 1px solid #F3F4F5; background: #fff;} .topbar-con{ width: 1200px; margin: 0 auto;} .topbar-l{ float: left;} .topbar-logo{float: left; margin-right: 50px;} .topbar-logo img{ margin-top:9px;} .topbar-r{ float: right; color: #333333;} .hideStatus{margin-right:10px; font-size: 12px;} .topbar-r a{color: #333333;} .topbar-r a:hover{color: #2D98E5;} .tb-r-r{ float: right;} /* nav-menu */ .nav-list{ float: left;} .nav-list li{ float: left; height: 50px; line-height: 50px; font-size: 14px; background: #fff;} .nav-list li .lv-1{ display: block; padding:0 10px; color:#626262;} .nav-list li.li-address{padding: 0 20px;} .nav-list li .menu-city a{ display:inline-block; color: #626262;} .nav-list li .lv-1:hover,.nav-list li .menu-city a:hover{color: #2D98E5} .nav-list li.current{ background: #333333;} .nav-list li.current .lv-1,.nav-list li.current .menu-city a{ color: #fff;} .nav-list .icon-new-shop{ display: inline-block; width: 15px;height: 15px;vertical-align: middle;margin: -14px 0 0 2px;} /*city*/ .city{ position:relative; z-index:199;} .city-hd{ overflow:hidden;} .city-bd{ width:520px; height:400px; position:absolute; left:-21px; top:50px; font-size:14px; background:#fff; border:1px solid #EEEEEE; z-index:9999; overflow:hidden; color:#000; box-shadow:0px 4px 10px #dbdee3; text-align: left; padding:0 14px 0 10px;} .city-bd .hot-city{ padding:10px 20px; line-height:24px;} .city-bd .hot-city-tit{ float:left; width:70px; color: #333333;} .city-bd .hot-city-con{ float:left; width:400px;} .city-bd .hot-city-con a{ display:block; float:left; color:#2D98E5; margin:0px 10px; white-space:nowrap;} .city-bd-items{ padding-bottom:15px;} .city-bd-items dt{ height:30px; line-height:30px; font-weight:bold; padding-left:10px; background-color:#F5FBFE; margin-bottom:10px; color:#226494;} .city-bd-items dd{ overflow:hidden; line-height:30px;} .city-bd-items .province{float:left; width:78px; height:auto; text-align:right;} .city-bd-items .city-list{ float:left; width:420px;} .city-bd-items .city-list a{display:block; float:left; white-space:nowrap; margin:0 7px; color:#8a8788;} .city-bd-items .city-list a:hover{color:#2D98E5;} /* scroll-viewport */ .city-bd .scroll-viewport{ height:100%; overflow:hidden; position:relative;} .city-bd .scroll-bar{ height:100%; position:absolute; right:0px; top:0; width:14px; z-index:19; background-color:#F9F9F9;} .city-bd .scroll-bar .scroll-btn{ width:6px; height:80px; background:#2D98E5; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; border-radius:7px; display:inline-block; left:4px; position:absolute; top:0; z-index:99; cursor:pointer;} .city-bd .scroll-view{ position:absolute; width: 100%;} /* user */ .user{ width:120px; min-height: 52px; position:relative; z-index:299;} .user dt{ color:#333; position:relative; font-size: 14px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: bold;} .user dt:hover,.user dt:hover i{color:#2D98E5;} .user dt i{color:#fff;} .user dd{ width:118px; position:absolute; top:50px; border:1px solid #eee; z-index:99; display:none; font-size:14px; box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1); -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px;} .user p{ height:48px; line-height:48px; background:#fff; text-align: center; position:relative;} .user p:hover{background:#2D98E5;} .user p a{ display: block; color:#333; margin:0 10px; border-bottom:1px solid #E2E2E2;} .user p:hover a{color:#fff;} .user .bdnone a{border-bottom:none;} .user .icon-newmsg{ display: inline-block; position: relative; vertical-align: middle; width: 16px; height: 13px; background-position: -228px -116px; margin-right: 10px;} .user .icon-newmsg em{ display: block; position: absolute; top:-11px; left:11px; font-size: 10px; min-width: 14px; height: 14px; line-height: 14px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; background:#EE4D3B; color: #fff; text-align: center; letter-spacing:0px;} /* footer */ .footer{ background: #444; padding:30px 0;} .footer-con{ width: 1200px; margin: 0 auto;} .footer-tit{ font-size: 20px; color: #E2E2E2; font-weight: bold; line-height: 28px;} .footer-tit a{color: #E2E2E2;} .footer-info{overflow: hidden; height: 200px; margin-top: 20px; color: #E2E2E2;} .d-info-l{ float: left; width: 350px; height: 100%; border-right: 1px solid #565656; font-size: 14px; line-height: 30px;} .d-info-l a{color:#c2c2c2;} .d-info-l a:hover{color:#fff;} .d-info-l p a img{vertical-align: middle;} .d-info-m{ float: left; width: 210px; height: 100%; border-right: 1px solid #565656; text-align: center; color: #E2E2E2;} .d-info-m .p-1{ line-height: 36px; font-size: 16px;} .d-info-m .p-2{ line-height: 26px; font-size: 14px;} .d-info-m .p-2 a{color: #c2c2c2;} .d-info-m .p-2 a:hover{color: #fff;} .d-info-r{ float: left; padding-left: 80px;} .d-info-r .d-1{ font-size: 16px; line-height: 36px; margin-bottom: 10px;} .d-info-r .f-ewm-box li{ float: left; margin-right: 30px;} .d-info-r .f-ewm-box li img{ width: 106px; height: 106px; display: block;} .d-info-r .f-ewm-box li p{ font-size: 12px; text-align: center; line-height:30px;} /* 简版头尾 */ .mini-header{position: relative;} .mini-topbar{ width: 100%; height: 50px; line-height: 50px; background: #333;} .m-topbar-con,.m-topbar-con a{ color:#fff;} .m-topbar-con a:hover{ color:#2D98E5;} .m-topbar-l{ float: left;} .m-topbar-r{ float: right;} .mini-topcon{ position: relative; padding: 20px 0;} .mini-topbar-logo{ float: left;} .mini-topbar-logo img{margin-top: 5px;} .m-t-middle{ float:left; width: 820px; line-height: 37px;} .m-t-middle .return-btn{float: right; font-size: 14px; color:#333;} .m-t-middle .return-btn:hover{ color:#2D98E5;} .m-t-breadline{ float: left; font-size: 14px; color:#999; margin-left: 20px;} .m-t-breadline a{color:#333;} .m-t-breadline a:hover{ color:#2D98E5;} .mini-footer{ width: 100%; border-top: 2px solid #F9F9F9; padding: 40px 0; font-size: 12px;} .mini-footer .f-logo,.mini-footer .f-logo img{ display: block; width: 100px; margin: 0 auto;} .m-footer-about{ padding:15px 0px; font-size: 0px; text-align: center;} .m-footer-about a, .m-footer-about span{ color:#333; font-size: 12px;} .m-footer-about a:hover{color:#2D98E5} .m-footer-about span{margin:0 8px;} .m-footer-dl dt{ float:left; width:90px; height:50px; overflow:hidden; margin-left: 190px;} .m-footer-dl dd a{ color:#888;} .m-footer-dl dd a:hover{color:#2D98E5} /* fixed-right */ .fixed-right{ position: fixed; right:0; bottom:100px; z-index: 99; width: 40px; border: 1px solid #F3F4F5;} .fixed-right .f-r-item{ text-align: center; position: relative; background: #fff;} .fixed-right .f-r-item .a-1{ display: block; padding: 10px 8px;} .fixed-right .f-r-item .a-b{border-bottom: 1px solid #F3F4F5;} .fixed-right .f-r-ewm{ width: 395px; position: absolute; top:-50px; right:55px; padding:15px 10px; box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1); -ms-box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1); background: #fff; border: 1px solid #EEEEEE;} .fixed-right .f-r-ewm .sanjiao{ position: absolute; right:-10px; top:50%; width:0; height:0; border-width:10px 0px 10px 10px; border-style:solid; border-color:transparent transparent transparent #fff; margin-top:-10px;} .fixed-right .ewmbox{ overflow: hidden; } .fixed-right .ewmbox li{ float: left; margin:0 5px;} .fixed-right .ewmbox li img{ width: 80px; height: 80px; display: block; margin: 0 auto;} .fixed-right .ewmbox li p{ font-size: 12px; text-align: center; line-height:30px; color: #333;} .icon-ewmlogo{ display: inline-block; width: 24px; height: 24px; background-position:-27px -107px; vertical-align: top;} .icon-ewmlogo:hover{background-position:0px -107px;} .icon-gotop{ display: inline-block; width: 16px; height: 9px; background-position:-184px 0px; vertical-align: top; margin-top: 4px;} .icon-gotop:hover{background-position:-121px 0px;} .icon-jumpcomment{ display: inline-block; width: 23px; height: 21px; background-position:-148px -40px; vertical-align: top;} .icon-jumpcomment:hover{background-position:-177px -40px;} /* cx-login */ .cx-loginbg{width:100%; height:100%; z-index:1000; background:#000; opacity:0.45; filter:alpha(opacity=45); position:fixed; top:0; left:0;} .cx-loginbox{ position:fixed; left:50%; top:50%; width:400px; height:560px; margin:-280px 0 0 -200px; z-index:9999!important; background: #fff; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px; -webkit-box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1); box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1); border:1px solid #EEEEEE;} .tel-icon, .wechat-icon, .lock-icon,.login-normal .check i {background: url('../image/login_icon.png') no-repeat; cursor: pointer;} .tel-icon{position: absolute; width: 14px; height: 19px; right: 10px; top: 10px; background-position: -69px 0;} .lock-icon {position: absolute; width: 9px; height: 17px; right: 13px; top: 12px; background-position: -44px 0;} .p-input.cur .tel-icon{background-position: -54px 0;} .p-input.cur .lock-icon{background-position: -34px 0;} .p-input.cur input{border: 1px solid #4A90E2;} .cx-login-close{ position:absolute; right:20px; top:20px; display:block; background-position:-103px 0px; width:14px; height:14px; cursor:pointer;} .cx-login-logo{ width: 160px; margin:0 auto; margin-top: 50px;} .cx-login-logo img{width: 100%;} .cx-loginbox .login-tab { width: 302px; margin: 0 auto; margin: 25px auto; text-align: center;} .cx-loginbox .login-tab h2 {font-size: 22px;color: #4A90E2; text-align: center;} .cx-loginbox .login-tab div {float: left; padding: 0 20px; font-size: 22px; color:#888;cursor: pointer;} .cx-loginbox .login-tab div.current {color: #4A90E2;} .cx-loginbox .login-normal .login-tip {position: relative; top: -20px; color: #ff0000; font-size: 16px;} .cx-loginbox .login-fast .login-tip {color: #ff0000; font-size: 16px; position: relative; top: -10px;} .cx-loginbox .login-tab .break {float: left; display: block;width: 1px; height: 20px; background-color: #e2e2e2; position: relative; top: 7px;} .cx-loginbox .form { padding: 0px 50px;} .cx-loginbox input {font-size: 16px; width: 288px; border-radius:4px; border: 1px solid #ccc; outline-color:#4A90E2; height: 38px; line-height: 38px; padding-left:10px;} .cx-loginbox input::-webkit-input-placeholder{color:#999;} .cx-loginbox input::-moz-placeholder{color:#999;} .cx-loginbox input:-moz-placeholder{color:#999;} .cx-loginbox input:-ms-input-placeholder{color:#999;} .cx-loginbox .p-input {margin-bottom: 20px; position: relative;} .cx-loginbox.reg .p-input {margin-bottom: 22px;} .cx-loginbox .txyzm, .cx-loginbox .get-msgcode {display: inline-block; width: 102px; height: 38px; position: absolute;right: 1px; top: 1px; border: none!important;} .cx-loginbox .get-msgcode {background-color: #e2e2e2; font-size: 16px; color: #333; cursor: pointer; line-height: 38px; text-align: center; padding: 0; outline: none;width: 110px;} .cx-loginbox .sub input {padding-left: 0; width: 300px;font-size: 20px; color: #fff;background-color: #4A90E2; cursor: pointer; border: none;} .cx-loginbox .get-pwd .sub {margin-top: 80px;} .cx-loginbox .login-connect { color: #999;font-size: 12px; margin-top: 20px;} .cx-loginbox .login-connect .p-1 {line-height: 24px; text-align: center;} .cx-loginbox .login-connect .p-2 {text-align: center;} .cx-loginbox .login-connect .p-2 .wechat-icon {display: inline-block; width: 40px;height: 40px; margin:0 6px; background-position: 0px -21px; position: relative;top: 3px;} .cx-loginbox .lost-pwd {color: #4A90E2;text-decoration: underline;} .cx-loginbox .register {color: #4A90E2;} .cx-loginbox .check {height: 56px; color: #000; font-size: 16px;} .cx-loginbox .to-register {padding-top: 12px; text-align: center;} .login-normal .check i {width: 16px; height: 17px; background-position: -17px 0; position:relative; top:4px; margin-right:10px; cursor: pointer;} .login-normal .check i.checked{background-position: 0 0;} .cx-loginbox .login-normal .sub input{background-color: #FD9A02;} .login-info{ font-size: 12px; color: #666666; margin-top:5px; text-align: center;} .login-info .a-1{color:#4AAFFF;} /* mcn-hotlist */ .mcn-tuijian-hd{ overflow: hidden;} .mcn-tuijian-hd .a-more{ float: right; font-size: 12px; color: #999999;} .mcn-tuijian-hd .a-more:hover{color: #618CF0;} .mcn-tuijian-bd{ position: relative; } .mcn-tuijian-con{ width: 740px; height: 155px; overflow: hidden; margin: 0 auto;} .mcn-tuijian-bd .s-btn{ display: block; width: 12px; height: 22px; position: absolute; top:50%; margin-top: -11px; cursor: pointer;} .mcn-tuijian-bd .s-btn-prev{background-position: 0 -225px; left: 10px;} .mcn-tuijian-bd .s-btn-prev:hover{background-position: -28px -225px;} .mcn-tuijian-bd .s-btn-next{background-position: -14px -225px; right: 10px;} .mcn-tuijian-bd .s-btn-next:hover{background-position: -42px -225px;} .mcn-hotlist{ overflow: hidden;} .mcn-change-btn{ color:#4A90E2; font-size: 12px; text-align: right; cursor: pointer; padding-right: 30px;} .mcn-change-btn .icon-change2{ display:inline-block; width:13px; height:12px; background-position: -187px -90px; vertical-align: middle; margin-right:5px; transition: transform .5s; -moz-transition: transform .5s; -webkit-transition: transform .5s; -o-transition: transform .5s;} .mcn-change-btn:hover .icon-change2{transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg)} .mcn-hotlist .mcn-hl-item{ float: left; width: 95px; text-align: center; padding:5px;} .mcn-hl-item .a-avatar{ width: 68px; height: 68px; display: block; margin:0 auto; position: relative; } .mcn-hl-item .a-avatar img{width:68px; height:68px; border: 1px solid #f6f6f6; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;} .mcn-hl-item .a-avatar.a-a-live img{border: 1px solid #FF9A02;} .mcn-hl-item .a-a-live .d-live{ display: inline-block; font-size: 12px; min-width: 30px; max-width: 50px; height: 14px; line-height: 14px; background: #FF9A02; border-radius: 20px; color: #ffffff; text-align: center; position: relative; z-index: 9; top: -14px; white-space: nowrap; padding: 0 5px;} .mcn-hl-item .a-a-live .d-live .icon-live-3{ display: inline-block; vertical-align: top; margin-right:2px; margin-top: 2px; background: url(../image/icon-live-3.gif) no-repeat; background-size: contain; width: 10px; height: 9px;} .icon-viptips2{ display: inline-block; width:22px; height:19px; background-position: -186px -116px; position: absolute; right:-6px; bottom:0px;} .mcn-hl-item .h-name{margin-top: 7px;} .mcn-hl-item .h-name a{ display: block; color:#333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; font-size: 14px;} .mcn-hl-item .h-name a:hover{color:#4AAFFF;} .mcn-hl-item p{ font-size: 12px; color:#999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%;} .mcn-hl-item .a-btn{ display: block; width:70px; height:26px; line-height:26px; background:#4A90E2; -webkit-border-radius:2px; border-radius:2px; text-align: center; color:#fff; margin:7px auto 0 auto;} .mcn-hl-item .a-btn:hover{opacity: 0.8; filter:alpha(opacity=80);} .mcn-hl-item .a-btn.current{background:#EEEEEE; color:#666;} /* banner-box */ .banner-box{ position:relative;} .banner-cont{ width: 100%; height: 400px; position: relative; overflow: hidden;} .banner-btn{ display:none; position:absolute; top:175px; width: 30px; height: 50px; background: #000; z-index:9; opacity: 0.7; filter: alpha(opacity=70);} .banner-btn i{ display: block; width: 12px; height: 22px; margin: 14px auto 0 auto;} .banner-btn.prev{ left: -30px;} .banner-btn.prev i{background-position: -85px 0;} .banner-btn.next{ right:-30px;} .banner-btn.next i{background-position: -100px 0;} .banner-btn.prev:hover,.banner-btn.next:hover{ background: #2D98E5;} .banner-list li{ overflow: hidden;} .banner-list .a-img{ display: block; position: relative; overflow: hidden;} .banner-list .a-img p{ position: absolute; left: 0; right: 0; bottom: 0; padding: 0 10px; height: 33px; line-height: 30px; text-align: center; background:rgba(0, 0, 0, 0.7); color:#fff; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .banner-list .a-img01{ float: left; width: 600px; height: 400px;} .banner-list .a-img01 img{width: 600px; height: 400px;} .banner-list .a-img02{ float:left; width: 290px; height: 195px; margin:0 0 10px 10px;} .banner-list .a-img02 img{width: 290px; height: 195px;} .banner-num{ width:100%; text-align:center; font-size:0; margin-top: 15px; height: 8px;} .banner-num span{ display:inline-block; width:8px; height:8px; background:#676767; -webkit-border-radius:8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius:8px; margin:0 5px;} .banner-num span.on{ width:42px; height:8px; background:#2D98E5;} .banner-list .a-img01 .icon-player{ width:74px; height: 74px; position: absolute; left:50%; top:50%; margin:-37px 0 0 -37px; background-position: 0px -80px;} .banner-list .a-img02 .icon-miniplayer{ width:48px; height: 48px; position: absolute; left:50%; top:50%; margin:-24px 0 0 -24px; background-position: 0px -152px;} /* recommend-box */ .recommend-box{position: relative; overflow: hidden;} .recommend-box-l{ float:left; width:808px; height: 210px; background: #F7FBFF;} .recommend-list{ position: relative; padding:15px 5px 20px 5px;} .recommend-list dt{overflow: hidden; padding: 0 5px; color: #EE4D3B; font-size: 20px;} .recommend-list dt .p-1{ float:left; width:380px; text-align:center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .recommend-list dt .p-1 a{color: #EE4D3B; max-width: 100%;} .recommend-list dt .p-1 a:hover{color: #EE4D3B;} .recommend-list dt .i-1{ float: left; padding:0 10px;} .recommend-list dd{ width:810px; overflow: hidden; margin-top: 5px;} .recommend-list dd .p-2{ float: left; width:235px; border-bottom: 1px dashed #C5E0FF; padding:10px; margin-right: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:26px;} .recommend-list dd .p-2 i{ float:left; margin-right:10px; color:#888; font-size:12px;} .recommend-list dd .p-2 a{ color:#333; font-size:12px;} .recommend-list dd .p-2:hover,.recommend-list dd .p-2 a:hover{color:#EE4D3B;} .recommend-box-r{ float: right; width: 360px;} .recommend-box-r img{ width: 360px; height:210px;} .news-list-hd{ position: relative; height: 38px; line-height: 36px;} .news-list-hd .bottom-line{ position: absolute; left:21px; bottom:0; width: 20px; height: 3px; background: #2D98E5; z-index: 19;} .news-list-tab{ overflow: hidden; margin-bottom: 2px;} .news-list-tab li{ float: left; margin:0 50px 0 10px; text-align: center; font-size: 20px; color: #4A4A4A; cursor: pointer;position: relative;} .news-list-tab li.current{color:#333333; font-weight: bold;} .news-list-tab a{ color:#333333;text-decoration: none;} .news-list-tab .icon-tips-hot, .news-list-tab .icon-tips-youhui, .news-list-tab .icon-tips-p,.news-list-tab .icon-tips-live{position: absolute;top: 50%;right: -19px;margin-top: -10px;} .news-list-tab .icon-tips-hot {background: url("../image/icon-hot-1.png") no-repeat;background-size: contain; width: 24px; height: 10px; right: -28px;} .news-list-tab .icon-tips-youhui {background: url("../image/icon-hot-2.png") no-repeat;background-size: contain;width: 15px;height: 15px;} .news-list-tab .icon-tips-pgc {background: url("../image/icon-hot-3.png") no-repeat;background-size: contain;width: 16px;height: 18px;} .news-list-tab .icon-tips-live {background: url("../image/icon-live-1.png") no-repeat;background-size: contain;width: 10px;height: 12px; right:-14px;} /* news-list */ .top-news{ position: relative;} .top-news-more{ display: inline-block; height: 30px; line-height:30px; text-align: center; font-size: 14px; color: #333;} .top-news-more:hover{color:#2D98E5;} .top-news-more .i-sj{ width: 0; height: 0; font-size: 0; line-height: 0; vertical-align: middle; border-top: 4px solid #333333; border-left: 4px solid transparent; border-right: 4px solid transparent; margin-left:5px; position: relative; bottom:-2px;} .top-news-more:hover .i-sj{border-top: 4px solid #2D98E5;} .totle-line{ border-bottom: 1px solid #EEEEEE; height: 10px; margin: 25px auto 30px auto; color: #9B9B9B; text-align: center; font-size: 12px;} .totle-line .d-1{ display: inline-block; padding: 0 20px; background: #fff; line-height: 20px; margin-bottom: -10px;} .news-more{ display: block; width: 240px; height: 48px; line-height: 48px; background:#4A90E2; margin: 0 auto; box-shadow:0px 5px 10px 0px rgba(74,144,226,0.5); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; text-align: center; font-size: 16px; color:#fff; } .news-more:hover{ opacity: 0.8; filter:alpha(opacity=80);} .icon-more-down{ width:0; height:0; font-size:0; border-top: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; vertical-align: middle; position: relative; bottom: -2px;} .news-list{position: relative; vertical-align: top;} .news-list .news-item{margin-bottom: 18px; position: relative;} .news-item .news-i-right{ padding-bottom: 10px; border-bottom: 1px solid #F0F0F0; position: relative;} .news-item .news-i-txt1{ color:#EF7340; font-size: 16px; line-height: 30px;} .news-item .news-i-txt2{ color:#333333; font-size: 18px; line-height: 26px; margin-top:5px; letter-spacing: 1px;} .news-item .news-i-txt2 a{color:#333333;} .news-item .news-i-txt2 a:hover{color:#2D98E5;} .news-item .news-i-title{ font-size: 20px; color: #333; line-height: 28px; font-weight: bold; margin-top:10px;} .news-item .news-i-title a{color: #333;} .news-item .news-i-title a:hover{color: #2D98E5;} .news-item .news-i-score{ position: relative; margin-top: 10px; overflow: hidden;} .news-item .news-i-score .s-tit{ float: left; font-size: 17px; color:#333; font-weight:bold; line-height:21px;} .news-item .news-i-score .s-c{ float: left; padding: 0 5px; height:18px; line-height:18px; background:#EE4D3B; border-radius:2px; text-align: center; color:#fff; font-size: 12px; vertical-align: middle; margin-left: 5px;} .news-item .n-i-article{ margin-top:15px; position: relative; overflow: hidden; padding-left: 215px;} .n-i-article .a-img{ width: 199px; height: 134px; overflow: hidden; position: absolute; left:0; top:0;} .n-i-article .a-img img{ width: 199px; height: 134px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;} .n-i-article .d-r-info{ min-height: 134px; _height: 134px;} .n-i-article .d-r-info .news-i-title{ margin-top:0px;} .n-i-article .news-i-infotxt{ font-size: 15px; color: #666; line-height: 27px; overflow: hidden; height:81px; margin-top: 10px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;} .n-i-article .s-tips01{ position: absolute; top:10px; right:10px; background: #000000; width: 32px; height: 18px; line-height: 18px; -webkit-border-radius: 2px; border-radius: 2px; opacity: 0.6; filter: alpha(opacity=60); text-align: center; color: #fff; font-size: 10px;} .news-item .news-i-tools{ overflow: hidden; line-height: 30px; margin-top:10px;} .news-item .news-i-tools .d-l{ float: left; overflow: hidden;} .news-item .news-i-tools .d-l em{margin-left:5px;} .news-item .news-i-tools .d-r{ float: right; padding:0; position: relative;} .news-item .news-i-avatar{ width: 30px; height: 30px; position: relative;} .news-item .news-i-avatar img{width: 30px; height: 30px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; border:1px solid #f6f6f6;} .news-item .news-i-name{ font-size: 14px; color: #333; line-height: 30px; font-weight: bold; position: relative; max-width: 280px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; white-space: nowrap;} .news-item .news-i-name a{color: #333;} .news-item .news-i-name a:hover{color: #2D98E5;} .news-item .news-i-time{ font-size: 12px; color: #999; line-height: 30px;} .news-i-ggwrap .n-i-ggwrap{ position: relative; overflow: hidden;width:600px} .n-i-ggwrap img{ width: 100%;} .n-i-ggwrap .s-tipsgg{ position: absolute; width: 36px; height: 18px; line-height: 18px; right: 10px; top:10px; background: #000; text-align: center; font-size:12px; color:#fff; -webkit-border-radius:2px; border-radius:2px;} .news-i-comment{ background: #F3F4F5; padding:20px 30px; margin-top:10px;} .n-i-videobox{ width:100%; height:305px; position: relative; background: #000; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; overflow: hidden;} .n-i-videobox .video-close{ display: block; width: 30px; height: 30px; position: absolute; right:-30px; top:0px; background: #000;} .icon-close-video{ display: block; width: 14px; height: 14px; background-position: -119px -75px; position: absolute; top:8px; right: 8px; cursor: pointer;} .n-i-videobox iframe{ width:100%; height:100%;} .video-btn .s-time,.live-btn .s-time{ background: #000; height: 20px; line-height: 20px; color: #fff; font-size: 12px; padding:0 10px; -webkit-border-radius: 10px; border-radius: 10px; position: absolute; right:5px; bottom:5px;} .n-i-video{ position: relative;} .n-i-video .video-btn, .n-i-video .live-btn{ width:525px; height: auto; position: relative; display: block; overflow: hidden; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px;} .n-i-video .video-btn img, .n-i-video .live-btn img{width:525px; object-fit: cover;} .n-i-video .icon-player{ width:74px; height: 74px; position: absolute; left:50%; top:50%; margin:-37px 0 0 -37px; background-position: 0px -80px;} .n-i-video .n-i-videobox{ width:525px; height:350px;} .n-i-minivideo{ position: relative;} .n-i-minivideo .video-btn{ width:250px; height: auto; position: relative; display: block; overflow: hidden; display: flex; justify-content: center; align-items: center; background: #000;} .n-i-minivideo .video-btn img{width:250px; height: auto; vertical-align: middle; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .n-i-minivideo .icon-miniplayer{ width:48px; height: 48px; position: absolute; left:50%; top:50%; margin:-24px 0 0 -24px; background-position: 0px -152px;} .n-i-minivideo .n-i-videobox{ width:250px; height:500px; background: #000;} /* news-i-minimsg */ .news-i-minimsg{ overflow: hidden;} .news-i-minimsg .msg-img{ overflow: hidden; margin-top: 20px;} .news-i-minimsg .msg-img.wid-3n{ width: 536px;} .news-i-minimsg .msg-img li{ float: left; width: 173px; height: 116px; margin-right: 2px; margin-bottom: 2px; overflow: hidden;} .news-i-minimsg .msg-img li img{ display: block; width: 173px; height: 116px; border-radius: 5px; -webkit-border-radius:5px;} .news-i-minimsg .h-tit{ padding-right: 100px; position: relative;} .news-i-minimsg .n-i-tools{margin-top: 10px;} .mini-mgs-tips{ display: block; position: absolute; top:10px; right:0; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px; color: #618CF0; text-align: center; font-size: 12px; width:48px; height:17px; line-height: 17px; background:rgba(97,140,240,0.1);} /*pic_media 图片预览组件*/ .m_bigpic{ position:relative; overflow:hidden; z-index:1; margin-top: 10px;} .m_bigpic .p_tools{ height:30px; line-height:30px; font-size:12px; color:#2d64b3; overflow:hidden;} .m_bigpic .p_tools a{ float:left; color:#888; overflow: hidden;} .m_bigpic .p_tools a i{ display: inline-block; width:12px; height: 12px; vertical-align: middle; margin-right: 5px;} .m_bigpic .p_tools a:hover{color:#2D98E5;} .m_bigpic .p_tools a.p_putup i{ background-position:-138px -84px;} .m_bigpic .p_tools a.p_putup:hover i{background-position:-138px -98px;} .m_bigpic .p_tools a.qz_icon_ypic i{background-position:-154px -84px;} .m_bigpic .p_tools a.qz_icon_ypic:hover i{background-position:-154px -98px;} .m_bigpic .p_tools a.qz_icon_turnleft i{background-position:-171px -84px;} .m_bigpic .p_tools a.qz_icon_turnleft:hover i{background-position:-171px -98px;} .m_bigpic .p_tools a.qz_icon_turnright i{background-position:-186px -84px;} .m_bigpic .p_tools a.qz_icon_turnright:hover i{background-position:-186px -98px;} .m_bigpic .p_tools .line{ float:left; margin:0 6px;} .m_bigpic .bigpic_turn{ width:40%; display:block; top:0px; bottom:0px; position:absolute; z-index:9; background-image:url('about:blank'); background:#000; opacity:0;filter:alpha(opacity=0);} .m_bigpic .bigpic_pre{left:0px;} .m_bigpic .bigpic_next{right:0px;} .bigpic_wrap{ text-align:center; height:auto; overflow:hidden; box-sizing:content-box; position: relative;} .bigpic_wrap .large_pic{ width: 100%; margin:0 auto; _width: expression(document.body.clientWidth > 600 ? "600px" : "auto"); display: block; transform: translate(0px, 0px) rotate(0deg); -ms-transform: translate(0px, 0px) rotate(0deg); -o-transform: translate(0px, 0px) rotate(0deg); -webkit-transform: translate(0px, 0px) rotate(0deg); -moz-transform: translate(0px, 0px) rotate(0deg); } .bigpic_thumb{ overflow: hidden; margin-top: 10px;} .bigpic_thumb li{ float: left; width: 68px; height: 46px; overflow: hidden; margin-right:2px; border: 2px solid transparent; opacity: 0.5; filter: alpha(opacity=50); cursor: pointer;} .bigpic_thumb li.current{border: 2px solid #2D98E5; opacity: 1; filter: alpha(opacity=100);} .bigpic_thumb li img{width: 68px; height: 46px;} .dealer-tools{ position: relative; z-index:9;} .dealer-tools .d-1{ float: left; width: 36px; text-align: center; height: 17px; line-height: 17px; background: #999; -webkit-border-radius:2px; border-radius:2px; color: #fff; border:1px solid #fff; font-size: 12px; margin-top:6px;} .dealer-tools .a-xunjia-btn,.dealer-tools .a-phone-gtn{ float: right; margin-left:18px; width:90px; height:30px; line-height: 30px; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; background: #EE4D3B; font-size: 13px; color:#fff;} .dealer-tools .a-phone-gtn{ background: #4A90E2;} .icon-lianxikefu{ display: inline-block; width: 20px; height: 17px; overflow: hidden; vertical-align: middle; margin-right: 5px; background-position: -106px -155px;} .icon-lianxikefu02{ display: inline-block; overflow: hidden; vertical-align: middle; margin-right: 2px; background-position: 0px -203px; width: 17px; height: 17px; } .dealer-tools .phone-box{ position: absolute; bottom: 40px; right:0px; z-index:199; width:294px; background:#FFFCFC; box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1); -webkit-border-radius:4px; border-radius:4px; border:1px solid #FFEAE7; padding:18px 20px;} .phone-box .p-1,.phone-box .p-2{ font-size: 26px; color:#333; line-height: 30px; font-weight: bold;} .phone-box .p-2{ font-size: 25px; color:#EE4D3B; line-height: 46px; font-weight: bold;} .phone-box .p-3{ font-size: 12px; color:#666666; line-height: 20px; font-weight: bold;} .phone-box .d-close{ position: absolute; right:5px; top:0px; font-size: 18px; padding:10px; color:#000; cursor: pointer;} .news-i-address{ position: absolute; right:0px; top:0px; font-size: 12px; color:#4A4A4A;} .news-i-address em{margin-left:5px;} .news-i-goods{ background: #e5ecfb; padding: 6px;} .news-i-goods .dealer-tools{ float: right; margin-top: 25px; margin-right: 20px;} .news-i-goods .a-xunjia-btn{margin-left: 10px;} .news-i-goods .goods-item{ float: left; width: 480px; font-weight: bold;} .news-i-goods .goods-item .g-img{ float: left; width: 80px; height: 80px; border-radius: 4px; margin-right: 20px;} .news-i-goods .goods-item .d-g-tit{ font-size: 14px; line-height: 24px; color:#333333; margin-top: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .news-i-goods .goods-item .d-g-tit a{color:#333333;} .news-i-goods .goods-item .d-g-tit a:hover{color:#4A90E2;} .news-i-goods .goods-item .d-g-price{ font-size: 16px; line-height: 26px; color:#EE4D3B; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .news-i-goods .goods-item02{ float: left; width: 480px; font-weight: bold;} .news-i-goods .goods-item02 .g-i-a{ float: left; margin-right: 8px;} .news-i-goods .goods-item02 .g-i-a .g-img{ width:80px; height:80px; border-radius:4px;} .news-i-goods .goods-item02 .g-i-more{ float: left; font-size:30px; font-weight: bold; color:#4a90e2; letter-spacing: -5px; margin-top: 18px;} .news-i-goods .goods-item.g-sale-car .g-img{ width: 120px;} /* news-i-piclist */ .news-i-piclist{ position: relative;} .news-i-piclist .n-i-piclist{ overflow: hidden; width: 530px; padding-bottom: 10px;} .news-i-piclist .n-i-piclist .a-1{ display: block; float: left; width: 174px; height: 116px; margin-right: 2px; margin-bottom: 2px; overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px;} .news-i-piclist .n-i-piclist .a-1 img{width: 174px; height: 116px; border-radius: 5px; -webkit-border-radius: 5px;} /* choose-car */ .choose-car{height: 362px;} .choose-car-hd{ position: relative; height: 32px; line-height: 30px;} .choose-car-hd .bottom-line{ position: absolute; left:11px; bottom:0; width: 50px; height: 3px; background: #2D98E5; z-index: 19;} .choose-car-tab{ overflow: hidden; margin-bottom: 2px; border-bottom: 1px solid #F7FAFC;} .choose-car-tab li{ float: left; width: 20%; text-align: center; font-size: 14px; color: #888; cursor: pointer;} .choose-car-tab li.current{color:#333;} .choose-car-bd{ margin-top: 5px;} .choose-car-item{overflow: hidden;} .choose-car-item li{ float: left; width: 25%; border-bottom:1px solid #F7FAFC; font-size: 14px; line-height: 20px; height: 40px; padding: 12px 0;} .choose-car-item li a{ display: inline-block; margin: 0 10px; color: #333; position: relative; overflow: hidden;} .choose-car-item li a:hover{ color:#EE4D3B;} .icon-chai{ float: left; width: 18px; height: 15px; background-position: 0 -44px; margin:2px 4px 0 0;} /* ccf-newlist */ .ccf-newlist{position: relative; width:360px;} .ccf-newlist .playState{ position: absolute; left:0px; bottom:0px; width: 0px; height: 0px; font-size: 0;} .ccf-newlist-hd{ position: relative; height: 32px; line-height: 30px; margin-bottom: 20px; overflow-y: hidden; margin-top: -10px;} .ccf-newlist-hd .bottom-line{ position: absolute; left:0px; bottom:0; width: 26px; height: 3px; background: #2D98E5; z-index: 19;} .ccf-newlist-tab{ overflow: hidden; margin-bottom: 2px; border-bottom: 1px solid #E2E2E2; margin-left: -14px;} .ccf-newlist-tab li{ float: left; margin-left:14px; text-align: center; font-size: 12px; color: #888; cursor: pointer;} .ccf-newlist-tab li.current{color:#333;} .ccf-newlist-bd{position: relative; height: 488px;} .ccf-newlist-con{ height: 480px; overflow: hidden;} .ccf-newlist-con li{ float:left; width:360px;} .ccf-newlist-num{ width:100%; text-align:center; font-size:0;} .ccf-newlist-num span{ display:inline-block; width:5px; height:5px; background:#696969; -webkit-border-radius:100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius:100%; margin:0 5px; vertical-align: middle; cursor: pointer;} .ccf-newlist-num span.on{ width:8px; height:8px; background:#2D98E5;} .ccf-newlist-item{ height: 100px; margin-bottom: 20px; position: relative; padding-left: 180px;} .ccf-newlist-item .d-tips{ position: absolute; left:0; top:5px; z-index: 19; display: block; width: 60px; height: 24px; line-height: 24px; text-align: center; color:#fff; font-size: 12px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px;} .ccf-newlist-item .d-tips-1{background:#2D98E5} .ccf-newlist-item .d-tips-2{background:#000000} .ccf-newlist-item .a-img{ display: block; width: 150px; height: 100px; position: absolute; left:10px; top:0px; z-index: 9; overflow: hidden;} .ccf-newlist-item .a-img img{width: 150px; height: 100px;} .ccf-newlist-item h2{ font-size: 16px; color:#4A4A4A; line-height: 20px; font-weight: bold;} .ccf-newlist-item .view-btn{ display: block; width: 98px; height: 30px; line-height: 30px; border: 1px solid #E2E2E2; text-align: center; color:#888888; font-size:14px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px; margin-top: 7px; background: #ffffff;} .ccf-newlist-item .view-btn:hover{ border: 1px solid #FD9A02; background: #FD9A02; color: #fff;} .ccf-newlist-item .d-score{ position: absolute; bottom:-12px; right:10px; font-size: 12px; color: #9B9B9B;} .ccf-newlist-item .d-score .s-1{ font-size: 34px; font-weight: bold; color: #EE4D3B; margin-left: 5px;} .ccf-newlist-item .view-ewmbox{ position: absolute; top:0px; left:0px; right:0px; z-index: 99; background: #fff; width: 336px; height: 80px; padding: 10px; font-size: 14px; box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1); border: 1px solid #eee;} .ccf-newlist-item .view-ewmbox img{ float: left; width: 80px; height: 80px; margin-right:20px;} .ccf-newlist-item .view-ewmbox .p-1{color:#888; margin: 5px 0;} .ccf-newlist-item .view-ewmbox .p-2{color:#2D98E5;} /* buycar-yh */ .buycar-yh{overflow: hidden;} .buycar-yh dt{margin-bottom: 15px;} .buycar-yh dt a{ display: block; overflow: hidden;} .buycar-yh dt a img{width: 100%; height: 240px;} .buycar-yh dd{ padding:5px 0; height: 22px; font-size: 14px;} .buycar-yh dd a{ max-width: 100%; display: inline-block; color:#333333; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .buycar-yh dd a:hover{color:#2D98E5} .buycar-yh dd a i{margin-right: 5px;} .city.buycar-city{ display: inline-block; position: absolute; right: 0px; top:0px; font-size: 12px; color: #4A4A4A;} .buycar-city .city-hd{ height: 30px; line-height: 30px;} .buycar-city .city-hd a{color:#4A4A4A} .buycar-city .city-hd a:hover{color:#2D98E5} .buycar-city .city-bd{ left:inherit; top:26px; right:0px;} /* article-detail */ .article-detail{position: relative;} .article-title{ color:#4A4A4A; font-size: 24px; line-height: 34px; margin-bottom: 20px; font-weight: bold;} .article-tips{ overflow: hidden; margin-bottom: 20px;} .article-tips .s-1{ float: left; margin-right:30px; color: #888; height: 30px; line-height: 30px;} .article-tips .s-name img{ float: left; width:30px; height: 30px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; margin-right: 10px;} .article-tips .s-name a{color: #888;} .article-tips .s-name a:hover{color: #2D98E5;} .article-tips .em-2{color:#818181; margin-left: 5px;} .article-content{position: relative;} .article-content p{ margin:15px 0; padding:0; font-size:16px; color:#888; line-height:30px;} .article-content p.p-img{text-align:center;} .article-content a{ color: #2D98E5} .article-content img{ max-width:100%; vertical-align:top;} .article-content table{width:100%!important;border:1px solid #cdcdcd; border-collapse:collapse; border-spacing:0; margin:10px auto;} .article-content table th,.article-content table td{ border:1px solid #cdcdcd!important; text-align:center; vertical-align:center; color:#333; padding: 2px 5px; word-wrap:break-word; white-space:normal} .article-content table th{background-color:#f1f5f9; font-size:14px; line-height:22px; height:60px;} .article-content table td{ font-size:14px; line-height:22px; height:56px;} .article-content table .color-gray{color:#818181} .article-content table .color-red{color:#db1212} .article-content table .zb{ height:26px; padding:0 12px;} .article-content table .xdj-btn{ width:54px; height:24px; cursor:pointer; line-height:24px; display:inline-block; text-align:center; text-decoration:none; background:#e89213; -moz-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#fff;} .article-content table .char-down,.article-content table .char-up{ font-size:14px; font-weight:bold; padding-right:3px;} .article-content table .char-down{color:#20a839} .article-content table .char-up{color:#db1212} .art-del-links a{ display:block; float:left; font-size:13px; color:#505050; border:1px solid #E7E7E7; padding:0 14px; height:28px; line-height:28px; cursor:pointer; cursor:pointer; margin-right:10px; margin-bottom:10px; -webkit-border-radius:15px; -ms-border-radius:15px; -moz-border-radius:15px; border-radius:15px; padding: 0 12px; min-width: 36px; text-align: center;} .art-del-links a:hover{background:#2D98E5; border:1px solid #2D98E5; color:#fff;} .article-content .CXVideoTag{width: 100%;height: 409px;} .article-content .CXVideoTag video{width: 100%;height: 100%;} .daojishi{ height: 26px; line-height:26px; border-radius:15px; -webkit-border-radius:15px; border:1px solid #EE4D3B; background: #f3e6e9; color:#EE4D3B; font-size: 12px; overflow: hidden; padding:0 12px; display: inline-block; vertical-align: top;} .icon-tmguangbo{ display:inline-block; width:11px; height:10px; background-position: -189px -134px; vertical-align: middle;} .tm-infotxt{ font-size: 16px; line-height: 28px; color:#666666;} .tm-table{ position: relative; width: 100%;} .tm-table-cell{ width: 100%; border:1px solid #EBEBEB; box-sizing:border-box; } .tm-table-cell .font13{font-size:13px;} .tm-table-cell .font15{font-size:15px;} .tm-table-cell .a-1{color:#666666;} .tm-table-cell .a-1:hover{color:#EE4D3B;} .tm-table-cell th,.tm-table-cell td{border:1px solid #EBEBEB; text-align: center; color:#666; line-height:21px; padding:10px;} .tm-table-cell th{ font-size:18px;} .tm-table-cell td{ font-size:15px; min-height:60px;} .tm-table-cell .th{height:80px;} .tm-table-cell .tit{ background: #EFF3FD; line-height:30px; font-size:20px; color:#333333; font-weight: normal;} .tm-table-cell .zb{ height:40px; padding:0 10px;} .tm-table-cell .xdj-btn{ width:88px; height:34px; cursor:pointer; line-height:34px; display:inline-block; text-align:center; text-decoration:none; background:#EE4D3B; -moz-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#fff; font-size:14px;} .tmbox-item{ border-bottom: 3px solid #F9F9F9; padding-bottom:25px;} .tmbox-item .d-1{ font-size:14px; color:#666; line-height: 20px;} /*xunjia-wrap*/ .xunjia-tit{ width:98px; border-bottom: 3px solid #2D98E5; padding-bottom:7px; display: inline-block;} .w250{width:250px!important} .xunjia-wrap .in-txt{ float:left; border:1px solid #E2E2E2; background:#fff; padding:0px 10px; width:280px; height:48px; line-height:48px; font-size:14px;} .xunjia-wrap .s-select{ float:left; border:1px solid #E2E2E2; background:#fff; width:184px; height:48px; line-height:48px; font-size:14px; margin-right:15px;} .xunjia-wrap .txt-area{ width: 648px; height: 120px; border: 1px solid #E2E2E2; border-radius:2px; padding: 10px;} .xunjia-list{ position: relative; padding-top:20px;} .xunjia-list li{ margin-bottom:30px; font-size:14px; color:#333;} .xunjia-list li .s-tit{ float: left; width: 100px; text-align: right; margin-right:30px; line-height: 48px;} .xunjia-list li .s-tit em{color:#fc3b4d;} .xunjia-list li .d-cont{ float: left; width: 670px;} .xunjia-list li .s-btn{ display:block; width:154px; height:46px; line-height:46px; background:#2D98E5; font-size:16px; text-align:center; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; cursor:pointer; margin:0 auto; letter-spacing:1px;} .xunjia-list li .p-tips{ font-size: 12px; color: #666; text-align: center; margin-top: 15px;} .frm-checkbox-wrap{ float: left; margin-left: 20px; line-height: 50px;} .icon-radiosex{ float: left; display: block; width: 16px; height:16px; background-position: -154px -131px; vertical-align: middle; margin:17px 5px 0 0;} .icon-radiosex.checked{background-position: -171px -131px;} .frm-checkbox-wrap .label{ float: left; margin-right:20px; overflow: hidden; cursor: pointer;} /* article-page */ .article-page{ text-align:center; margin:40px 0px; white-space:nowrap; font-size:14px;} .article-page .pagelist {display:inline-block; *display:inline; vertical-align: middle; font-size: 0px;} .pagelist .sj-prev,.pagelist .sj-next{ width:0; height:0; font-size:0; line-height: 0; vertical-align: middle; border-top: 4px solid transparent; border-bottom: 4px solid transparent; } .pagelist .sj-prev{border-right: 4px solid #333333;} .pagelist .sj-next{border-left: 4px solid #333333;} .pagelist span.disabled .sj-prev{border-right: 4px solid #E2E2E2;} .pagelist span.disabled .sj-next{border-left: 4px solid #E2E2E2;} .article-page a:hover .sj-prev, .article-page a:active .sj-prev{border-right: 4px solid #fff;} .article-page a:hover .sj-next, .article-page a:active .sj-next{border-left: 4px solid #fff;} .article-page span,.article-page a, .article-page a:link, .article-page a:visited{ display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; color:#9B9B9B; background: #F3F4F5; vertical-align: middle; font-size:14px;} .article-page a:hover, .article-page a:active { color:#fff; background:#618CF0; text-decoration:none;} .article-page .pagelist span.current { font-weight:bold; background-color:#618CF0; color:#fff; display:inline-block; width:30px; height:30px; line-height:30px;} .article-page .pagelist span.disabled { display:inline-block; height:30px; line-height:30px; text-align:center; color:#999; background: #F3F4F5;} .article-page a.alltxt{ width:80px!important;} .art-page-menu{border-top:1px solid #EEEEEE; border-left:1px solid #EEEEEE;} .art-page-menu li{ width: 50%; float: left; height: 38px; line-height:36px;} .art-page-menu li a{display: block; border-right:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE; margin-top:-1px; padding: 0 10px; color:#383838; font-size:13px;} .art-page-menu li a:hover,.art-page-menu li.current a:hover{color:#618CF0;} .art-page-menu li.current a{background:#F3F4F5; color:#333333;} .news-share{float: left; line-height: 36px;} .news-share .p-1{ float: left; margin-right: 10px; color: #888; font-size: 12px;} .news-share .bds_weixin,.news-share .bds_tsina{ display: block; width: 36px; height: 36px; float: left; overflow: hidden; margin: 0px auto; padding: 0; margin-right: 20px;} .news-share a.bds_weixin{background-position: -68px -38px;} .news-share a.bds_tsina{background-position: -107px -38px;} .news-tools{ float: right; line-height: 30px; color: #888; padding-top:5px;} .news-tools .s-1{ float: left; margin-left: 30px; color: #888; cursor: pointer;} .news-tools .s-1 em{margin-left: 5px;} /* art-carinfo */ .art-carinfo{position: relative;} .art-carinfo .a-img{ float:left; width:214px; height:142px; display:block; overflow: hidden;} .art-carinfo .a-img img{ width:214px; height:142px;} .art-carinfo .d-info{ float:right; width:566px; color:#4A4A4A; line-height: 30px; font-size: 14px;} .art-carinfo .d-info .p-1{ font-size: 16px; font-weight: bold;} .art-carinfo .d-info .p-1 a{color:#4A4A4A;} .art-carinfo .d-info .p-1 a:hover{color:#2D98E5;} .art-carinfo .d-info .p-2 span{color:#EE4D3B;} .art-carinfo .d-info .p-2 i{font-size:20px; font-weight:bold;} .art-carinfo .d-info-link .a-link:hover .art-carinfo-ewm{display:block} .art-carinfo .d-info-link{ margin-top:20px;} .art-carinfo .d-info-link a{ position: relative; display:block; float:left; width:90px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#333; margin-right:10px; border:1px solid #B6B9BF; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px;} .art-carinfo .d-info-link a:hover{background:#2D98E5; border:1px solid #2D98E5; color:#fff;} .art-carinfo .d-info-link a.disable,.art-carinfo .d-info-link a.disable:hover{ cursor:default; background:#F3F4F5; color:#aaa; border:1px solid #F3F4F5;} .art-carinfo-ewm{ display:none; position: absolute; left:-105px; bottom:-2px; width:236px; -webkit-box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1); -ms-box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1); box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1); border:1px solid #EEEEEE; background: #fff; text-align:center; padding: 10px; z-index: 199;} .art-carinfo-ewm .img01{ width:150px; height:150px; margin-top: 5px;} .art-carinfo-ewm .d-1{color:#333333; font-size:20px; line-height:36px; white-space: nowrap; text-overflow: ellipsis; font-weight: bold;} .art-carinfo-ewm .d-2{color:#333333; font-size:14px; line-height:20px; margin-top: 10px;} .art-carinfo-ewm .img02{ width:90px; margin-top:15px;} /* art-carinfo2 */ .art-carinfo2{position: relative;} .art-carinfo2 .d-info{ position: relative;} .art-carinfo2 .a-img{ float:left; width:165px; height:107px; display:block; overflow:hidden;} .art-carinfo2 .a-img img{ width:165px; height:107px;} .art-carinfo2 .d-info-con{ float:right; width:175px; color:#4A4A4A; line-height: 24px; font-size: 12px;} .art-carinfo2 .d-info-con .p-1{ font-size: 18px; color:#EE4D3B; line-height:30px;} .art-carinfo2 .d-info-con .p-1 b{font-weight: bold;} .art-carinfo2 .xunjia-btn{ position: absolute; right:0; top:-40px; width:54px; height:18px; line-height:18px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px; border:1px solid #2D98E5; cursor:pointer; text-align:center; font-size:12px; color:#2D98E5;} .art-carinfo2 .xunjia-btn:hover{ border:1px solid #FD9A02; color:#FD9A02} .art-carinfo2 .d-score{ padding:10px; border:1px solid #E2E2E2; line-height:32px; vertical-align:top;} .art-carinfo2 .d-score .s-1{ float: left; width:60px; height:24px; line-height:24px; color:#fff; text-align:center; background:#333;-webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px; margin-right:10px; margin-top:4px;} .art-carinfo2 .d-score .s-2{ float:left; height:32px; line-height:32px; color:#9B9B9B; overflow: hidden;} .art-carinfo2 .d-score .s-2 em{font-size:28px; color:#EE4D3B; font-weight:bold; font-style:italic; padding:0 10px 0 5px;} .art-carinfo2 .d-score .a-1{ position: relative; float:right; display:block; width:98px; height:30px; line-height:30px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px; border:1px solid #E2E2E2; text-align:center; color:#888; font-size:14px;} .art-carinfo2 .d-score .a-1:hover{ color:#fff; background: #FD9A02; border:1px solid #FD9A02;} .art-carinfo2 .d-score .a-1:hover .art-carinfo-ewm{display:block;} .art-carinfo2 .d-link{ margin-top:20px; margin-left:-15px; overflow:hidden;} .art-carinfo2 .d-link a{ display:block; float:left; width:110px; height:45px; line-height:45px; font-size:13px; color:#333; margin-left:15px; background: #F9F9F9; overflow:hidden;} .art-carinfo2 .d-link a i{ margin:0 8px 0 10px; vertical-align:middle} .art-carinfo2 .d-link a.disable,.art-carinfo2 .d-link a.disable:hover{background:#F9F9F9; color:#AAAAAA; cursor:default;} .icon-buycar{ display: inline-block; width:24px; height:26px; background-position: -226px -27px;} .icon-carclub{ display: inline-block; width:30px; height:26px; background-position: -72px -139px;} .icon-dealertalk{ display: inline-block; width:28px; height:29px; background-position: -42px -139px;} a.disable .icon-buycar{background-position:-105px -141px;} a.disable .icon-carclub{background-position:-133px -141px;} a.disable .icon-dealertalk{background-position:-106px -171px;} /* comment-module */ .comment-module{position: relative;} .reply-user-tx{ position: absolute; left:0; top:0; width:52px; height:52px;} .reply-user-tx img{ width:50px; height:50px; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; border-radius:100%; border:1px solid #f6f6f6;} .replybox-top{position: relative; padding-left: 70px;} /*replybox*/ .replybox{ position:relative; z-index:1;} .reply-area-box{ border-left: 1px solid #E2E2E2; overflow: hidden;} .replybox .reply-area{ float: left; display:block; width: 86%; height: 70px; background:#fff; resize:none; color:#999; padding:4px 1%; overflow-y:auto; border: none; border-top: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; } .replybox .reply-btn{ display: block; float: right; width: 12%; height: 80px; line-height: 80px; font-size:20px; color:#fff; text-align:center; background:#4A90E2; cursor: pointer; letter-spacing: 2px; font-weight: bold; } .replybox .reply-btn:hover{ color:#fff;} .replybox .replybox-btm{ position:relative; height:35px; line-height:35px; color:#9B9B9B;} /* emotion qqFace */ span.emotion{ display:inline-block; width:20px; height:20px; margin:7px 10px 0 0; cursor:pointer; position:relative; z-index:1; float:left; background-position:-228px -57px;} .qqFace{line-height:20px; background:#fff;padding:4px;border:1px #dfe6f6 solid; overflow: hidden; left:0px; top:-95px;} .qqFace table td{padding:0px;} .qqFace table td img{cursor:pointer;border:1px #fff solid; margin: 3px;} .qqFace table td img:hover{border:1px #0066cc solid;} /*reply-list*/ .reply-list .user-name{ font-size:14px; color:#333333; margin-right:20px; font-weight:bold;} .reply-list .user-name:hover{color:#2D98E5;} .reply-list .s-time{ font-size:12px; color:#9B9B9B; margin-top: 5px;} .reply-list .review-all{ width: 250px; background: #fef6e8; font-size: 14px; border: 1px solid #f7c97f; color: #b58e4f; display: block; line-height: 28px; margin: 0 auto; text-align: center; overflow: hidden;} .reply-list .review-all:hover{text-decoration: underline;} .reply-list{position: relative;} .reply-items{ font-size:14px; position:relative; margin-bottom: 20px;} .reply-items .reply-items-l{ width:70px; position:absolute; left:0; top:0;} .reply-items .reply-items-r{padding-left:70px;} .reply-items .reply-items-text{word-break:break-all; margin-top: 15px;} .reply-items .reply-items-text p{ display:inline-block; color:#333; font-size:14px; line-height:24px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; border-radius:6px;} /* reply-action-gw */ .reply-action-gw{ float: right; line-height:20px; text-align:right; font-size:14px; color:#888; margin-top:10px;} .reply-action-gw .click-evt{ float: left; margin-left: 25px; font-size:14px; color:#888;} .reply-action-gw .click-evt:hover{color:#f60;} .reply-action-gw .click-evt em{margin-left: 5px;} .reply-items .old-reply{ position: relative; background: #F9F9F9; padding:10px; margin-top: 20px;} .side-right{ float: right; width: 360px;} /*search*/ .search{ width:358px; height:35px; line-height: 35px; position:relative; border:1px solid#E2E2E2} .search-txt{ float: left; width: 290px; height:35px; line-height:35px; padding: 0 10px; font-size:12px; color:#888; background:none; vertical-align:top; border:none;} .search-btn{ float: right; display:block; width:46px; height: 35px; border-left:1px solid#E2E2E2} .search-btn .icon-search{ display:block; width:18px; height:17px; background-position:-116px 0px; margin:9px 0 0 14px; cursor: pointer;} .topbar-search{ float:left; margin:8px 10px 0 0; width:238px; height:30px; line-height: 30px; position:relative;} .topbar-search .search-txt{ width:185px; height:30px; line-height:30px; padding: 0 10px; font-size:12px; color:#888; background:none; vertical-align:top; border:none;} .topbar-search .search-btn{ width:32px; height:30px; border-left:none;} .topbar-search .search-btn .icon-search{ width:15px; height:15px; background-position:0px -183px; margin:8px 0 0 8px; cursor: pointer;} .search .ss-result{ display:none; width:360px; position:absolute; left:-1px; top:36px; border:1px solid #d2d2d2; overflow:hidden; z-index:999; background:#fff; font-size:14px;} .topbar-search .ss-result{top:30px} .ss-result ul li{margin:1px 0;position:relative;height:28px;} .ss-result ul li.cur{background:#fcf6ed;} .ss-result ul li a:link,.ss-result ul li a:visited{display:block; padding-left:10px; margin-right:28px; line-height:28px; color:#666;} .ss-result .ss-clr{ display:none; width:28px; height:28px; cursor:pointer; z-index:99; position:absolute; right:0; top:0; background:url("http://i0.chexun.net/images/cx_images_2019/search_icon.png") no-repeat 8px -107px;} .ss-result .zd{position: relative;} .ss-result .zd dd{ border-top:1px dashed #d2d2d2; height:30px; line-height:30px; color:#666; margin-top:-1px;} .ss-result .zd a:link,.ss-result .zd a:visited{ display:block; color:#666; padding:0 10px; overflow:hidden;} .ss-result .zd a:hover{background:#fcf6ed;} .ss-result .zd .s2{ float:left; font-weight:bold; margin:0 5px;} .ss-result .zd .price{ float:right; color:#c84c1c} /* author-info */ .icon-viptips{ display: inline-block; width: 19px; height: 16px; background-position: -150px -17px; position: absolute; right:-6px; bottom:0px;} .author-info{ position: relative; padding:20px; background:#F7F7F7; margin-bottom: 20px;} .author-info .dl-info{overflow: hidden; position: relative; padding-left: 98px;} .author-info .author-avatar{ position: absolute; left:0; top:0; text-align: center;} .author-info .author-avatar img{ display: block; width: 68px; height: 68px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;} .author-info .p-name{ font-size: 18px; color: #333333; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .author-info .p-name a{color: #333333;} .author-info .p-name a:hover{color: #2D98E5;} .author-info .p-txt{ font-size:12px; color:#888; line-height: 18px; height: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;} .author-info .follow-btn{ float: left; display: block; width:100px; height:30px; line-height: 30px; text-align: center; background:#4A90E2; font-size:14px; font-weight:500; color:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px; margin: 0 auto; margin-right: 20px;} .author-info .follow-btn:hover{opacity: 0.8; filter: alpha(opacity=80);} .author-info .follow-btn.current{background:#EEEEEE; color:#666;} .author-info .d-info{ margin-top:30px; overflow: hidden;} .author-info .d-info .p-1{ float: left; width: 33.33%; position: relative; text-align: center;} .author-info .d-info .p-1 .s-1{display: block; font-size: 14px; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .author-info .d-info .p-1 .s-2{ display: block; font-size: 20px; color: #000; font-weight: bold; margin-top: 5px;} .author-info .d-info .p-1 em{ position: absolute; width: 1px; background: #E5E5E5; height: 26px; overflow: hidden; font-size: 0; position: absolute; right:0; bottom:0;} .author-works-tit{ width: 200px; height: 10px; border-bottom: 1px solid #F3F4F5; color: #4A4A4A; font-size: 14px; text-align: center; margin: 0px auto 30px auto;} .author-works-tit span{ display: inline-block; padding: 0 20px; background: #fff; margin-bottom: -10px;} .author-avatar.a-a-live{ width: 70px; height: 70px; border: 1px solid #FF9A02; -webkit-border-radius: 50%; -moz-order-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;} .author-avatar.a-a-live img{border: 1px solid #ffffff;} .author-avatar.a-a-live .d-live{ display: inline-block; font-size:12px; min-width: 30px; max-width: 50px; height: 14px; line-height: 14px; background: rgba(255,154,2,1); border-radius: 20px; color: #ffffff; text-align: center; position: relative; z-index: 9; top: -14px; white-space: nowrap; padding:0 5px;} .author-avatar.a-a-live .d-live .icon-live-3{ display: inline-block; vertical-align: top; margin-right:2px; margin-top: 2px; background: url(../image/icon-live-3.gif) no-repeat; background-size: contain; width: 10px; height: 9px;} .author-avatar.a-a-live .icon-viptips{right:-12px;} /* about-video */ .minivideo-btn{ display:none; position:absolute; top:182px; width: 30px; height: 50px; background: #000; z-index:9; opacity: 0.7; filter: alpha(opacity=70);} .minivideo-btn i{ display: block; width: 12px; height: 22px; margin: 14px auto 0 auto;} .minivideo-btn.prev{ left: -30px;} .minivideo-btn.prev i{background-position: -85px 0;} .minivideo-btn.next{ right:-30px;} .minivideo-btn.next i{background-position: -100px 0;} .minivideo-btn.prev:hover,.minivideo-btn.next:hover{ background: #2D98E5;} .about-video{height:365px;} .about-video li h4{ min-height: 40px;} .about-minivideo{ width:100%; height: 235px; overflow: hidden; position: relative; margin-top:10px;} .about-minivideo .minivideo-btn{top:68px} .about-minivideo .tempWrap{margin-left:-7px;} .ab-mvideo-list li{ float: left; width:115px; overflow: hidden; margin-left:7px;} .ab-mvideo-list li .a-img{ display: block; position: relative; } .ab-mvideo-list li .a-img .poster{width:115px;height: 203px;} .ab-mvideo-list .d-avatar{ overflow: hidden; margin-top:5px; line-height: 28px;} .ab-mvideo-list .d-avatar img{ float: left; width:28px; height: 28px; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 10px; border: 1px solid #f6f6f6;} .ab-mvideo-list .d-avatar em{ float: left; font-size: 12px; color: #333; width:76px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .ab-mvideo-list .d-avatar:hover em{color:#2D98E5;} .ab-mvideo-list .s-num{ position: absolute; right:5px; top:180px; color: #fff; white-space: nowrap; overflow: hidden;} .ab-mvideo-list .s-num .icon-view{ margin-right:5px; float: left; margin-top:3px;} /* hot-rank */ .hot-rank{position: relative;} .hot-rank-hd{ position: relative; height: 38px; line-height: 36px; margin-bottom: 20px;} .hot-rank-hd .bottom-line{ position: absolute; left:40px; bottom:0; width: 20px; height: 3px; background: #2D98E5; z-index: 19;} .hot-rank-tab{ overflow: hidden; margin-bottom: 2px;} .hot-rank-tab li{ float: left; margin:0 10px; text-align: center; font-size: 20px; color: #4A4A4A; cursor: pointer;} .hot-rank-tab li.current{color:#333333; font-weight: bold;} .hot-rank-item li{ margin-bottom: 20px; min-height: 80px; position: relative;} .hot-rank-item li .d-num{ float: left; width: 20px; line-height: 80px; font-size: 18px; color:#CCCCCC; font-weight: bold; letter-spacing: -2;} .hot-rank-item li .d-num-top{color:#EE4D3B} .hot-rank-item li .a-img{ float: left; width: 120px; height: 80px; position: relative; background: #edf1f4; margin-right: 20px; text-align: center; overflow: hidden;} .hot-rank-item li .a-img .icon-player{ display: block; width: 39px; height: 39px; position: absolute; left: 50%; top: 50%; background-position: -43px -2px; margin: -19px 0 0 -20px; opacity: 0.7; filter: alpha(opacity=70);} .hot-rank-item li .a-img img{height: 80px;} .hot-rank-item li h2{ float: left; width: 200px; font-size: 14px; line-height: 20px; height: 40px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden;} .hot-rank-item li h2 a{color:#333333;} .hot-rank-item li h2:hover, .hot-rank-item li h2 a:hover{color:#2D98E5;} .hot-rank-item li .d-view{ position: absolute; bottom:0; right:0; color: #666;} .hot-rank-item li .d-view .icon-view{margin-right: 10px;} .hot-rank-item .side-newstools{ position: absolute; right:0; bottom:0; left:160px;} .hot-rank-item .side-newstools .d-avatar em{width: 90px;} /* gs-youlike */ .gs-youlike li{ margin-bottom: 15px;} .gs-youlike li h4{ height: 20px; display: block; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; text-align:center;} /* hot-mark */ .hot-mark{ position: relative;} .hot-mark .a-1{ float: left; height: 30px; line-height: 30px; padding: 0 10px; text-align: center; border: 1px solid #F3F4F5; font-size: 12px; margin: 0px 20px 10px 0; color: #333333;} .hot-mark .a-1:hover{ background: #F3F4F5; color: #FD9A02;} /* video-detail */ .video-detail{ background:#FAFAFA; width: 830px;} .video-playerbox{ width:830px; height:468px; overflow: hidden; background:#000; position: relative;} .cx-videoplayer{width:830px; height:468px; position: relative; z-index: 1;} .video-tools{ color:#fff; text-align: right; position: absolute; top:16px; right: 10px; z-index: 199;} .video-tools.pre{position: relative; top:0; right:0;} .video-tools .s-1{margin-left: 20px;} .video-infotxt{ position: relative; padding:20px;} .video-infotxt .h-tit{ color:#4A4A4A; font-size:24px; line-height:34px; font-weight:bold; width:525px;} .video-infotxt .d-txt{ font-size: 14px; line-height: 24px; color:#888; margin-top:20px; position: relative; z-index:5; overflow: hidden;} .video-infotxt .d-txt.mt10{margin-top:10px;} .video-infotxt .d-txt-time{float: left; cursor: pointer; color: #505050; font-size: 13px; line-height: 30px; margin-right:10px;} .video-infotxt .d-txt-btn{ float: left; cursor: pointer; color: #505050; font-size: 13px; line-height: 30px; z-index: 99;} .icon-showtxt{ display: inline-block; width: 20px; height: 20px; background-position: -125px -15px; margin-right:5px; vertical-align: middle;} .video-infotxt .d-txt-btn i{ display: inline-block; width:13px; height:7px; background-position:-21px -192px; overflow: hidden; margin-left:5px; vertical-align: middle;} .video-infotxt .d-link{ overflow: hidden; padding-left: 20px; } .video-infotxt .d-link a{ float: left; height:28px; line-height:28px; color:#505050; font-size:13px; padding:0 15px; margin:0px 10px 5px 0; border:1px solid #E7E7E7; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; border-radius:15px; cursor: pointer;} .video-infotxt .d-link a:hover{ border:1px solid #EAEAEA; background:#EAEAEA;} .video-infotxt .d-txt-cont{ display: none; float: left; width: 100%; margin-top:10px; overflow: hidden; z-index:9;} .video-infotxt .open .d-txt-btn i{background-position:-21px -183px;} .video-infotxt .open .d-txt-cont{display: block;} .video-tools-box{ width: 300px; position: absolute; right:15px; top:20px;} .video-infotxt .d-info-box{ font-size: 12px; line-height: 30px; overflow: hidden;} .video-infotxt .d-info-box .d-1{float: left;} .video-infotxt .d-info-box .d-txt-time{color:#818181; font-size: 12px; float: none;} .video-infotxt .d-info-box .s-tmguangbo{color:#EE4D3B;} /* videodel-list */ .videodel-list{ position: relative;} .videodel-list-hd{overflow: hidden; line-height: 20px; padding-bottom: 4px;} .videodel-list-hd span{ float: left; color:#4A4A4A; font-size:16px; font-weight:bold;} .videodel-list-hd a{ float: right; color:#4A4A4A; font-size:12px;} .videodel-list-hd a:hover{ float: right; color:#2D98E5; font-size:12px;} .videodel-list-hd span{ float: left; color:#4A4A4A; font-size:16px; font-weight:bold; margin-right: 20px;} .videodel-list-hd.livedel-list-hd span{ margin-right: 20px; color:#999999; font-size:14px; font-weight: normal; cursor: pointer;} .videodel-list-hd.livedel-list-hd span.on{ color:#333333; font-size:16px; font-weight: bold;} .videodel-list-bd{ position: relative; margin-top:5px; height:330px;} .videodel-listcon li{height:66px; margin-bottom:2px; padding:7px 0;} .videodel-listcon li .a-img{ display:block; position: relative; padding-left:120px; color:#333; padding-right: 10px;} .videodel-listcon li .a-img:hover,.videodel-listcon li.current .a-img h4{color:#4A90E2;} .videodel-listcon li .a-img img{ width:99px; height:66px; position: absolute; left:0; top:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .videodel-listcon li .a-img h4{ font-size:14px; line-height:20px; height:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .videodel-listcon li .a-img .view-num{ margin-top:7px; color:#999;} .videodel-listcon li .zzbf{ width: 99px; height:66px; line-height:66px; text-align: center; color:#fff; font-size: 14px; background: rgba(0, 0, 0, 0.7); position: absolute; left:0; top:0; display:none; z-index:19;} .videodel-listcon li .icon-sideplayer{left:40px; top:23px;} .videodel-listcon li.current{ background: #F7F7F7;} .videodel-listcon li.current .zzbf{display:block;} .videodel-listcon li.current .icon-sideplayer{display:none;} .videodel-list-bd .videodel-list-item{ position: relative; width: 100%; height: 100%;} .videodel-list-bd .scroll-viewport{ height:100%; overflow:hidden; position:relative;} .videodel-list-bd .scroll-bar{ height:100%; position:absolute; right:0px; top:0; width:6px; z-index:19; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px; background: #efefef;} .videodel-list-bd .scroll-bar .scroll-btn{ width:6px; height:80px; background:#AAAAAA; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px; display:inline-block; left:0px; position:absolute; top:0; z-index:99; cursor:pointer;} .videodel-list-bd .scroll-view{ position:absolute; width: 100%; left:0px;} .video-goods{ position: relative;} .video-goods-con{ height: 95px; overflow: hidden;} .video-goods-num{ width:100%; text-align:center; font-size:0; margin-top: 10px;} .video-goods-num span{ display:inline-block; width:8px; height:8px; background:#676767; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius: 8px; border-radius:8px; margin:0 5px; vertical-align: middle; cursor: pointer;} .video-goods-num span.on{ width:24px; height:8px; background:#4A90E2;} /* mcn-rank */ .mcn-rank{overflow: hidden; min-height:300px;} .mcn-rank .change-btn{ position: absolute; right:0; top:0; color:#999999; cursor: pointer; } .mcn-rank .change-btn:hover{color:#4A90E2;} .mcn-rank .change-btn .icon-change{ display: inline-block; width: 18px; height:20px; background-position: -172px -106px; vertical-align: middle; margin-right:5px; transition: transform .5s; -moz-transition: transform .5s; -webkit-transition: transform .5s; -o-transition: transform .5s;} .mcn-rank .change-btn:hover .icon-change{ transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg)} .mcn-rank-list li{ margin-bottom: 20px; position: relative;} .mcn-rank-list li .a-block{ display: block; color:#999999; overflow: hidden; position: relative;} .mcn-rank-list li .d-avatar{ float: left; margin-right: 20px; overflow: hidden; width: 58px; height:58px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #f6f6f6;} .mcn-rank-list li .d-avatar img{height:58px;} .mcn-rank-list li .d-info{ float: left; width: 280px; position: relative;} .mcn-rank-list .d-info h4{font-size: 16px; line-height: 20px; color:#333333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .mcn-rank-list a:hover .d-info h4{color:#2D98E5;} .mcn-rank-list .d-info p{font-size: 12px; margin-top: 5px; line-height: 16px; height: 32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;} .mcn-rank-list li .d-t{line-height: 24px; margin-left: 78px; overflow: hidden;} .mcn-rank-list li .d-t .a-btn{ float: left; width:70px; height:24px; line-height:24px; background:#4A90E2; -webkit-border-radius:2px; border-radius:2px; text-align: center; color:#fff;} .mcn-rank-list li .d-t .a-btn:hover{opacity: 0.8; filter:alpha(opacity=80;)} .mcn-rank-list li .d-t .a-btn.current{background:#EEEEEE; color:#666;} .mcn-rank-list li .d-t .s-txt{ float: right; margin-left:7px; color:#888888;} .mcn-rank-list .mr-news-list{ background: #F8F8F8; padding:10px; overflow: hidden; margin-top:10px; position: relative;} .mr-news-list .a-btn{ display:none; width: 32px; height: 40px; position: absolute; top: 45px; z-index: 99; background: #000; opacity: 0.7; filter: alpha(opacity=70); text-align: center;} .mr-news-list .a-btn:hover{ background:#4a90e2;} .mr-news-list:hover .a-btn{display: block;} .mr-news-list .a-btn i{ display: inline-block; width:13px; height:23px; margin-top: 9px;} .mr-news-list .a-btn-prev{left:0;} .mr-news-list .a-btn-next{right:0;} .mr-news-list .a-btn-prev i{background-position: -51px -156px;} .mr-news-list .a-btn-next i{background-position: -68px -156px;} .mr-news-tools{ line-height:20px; overflow: hidden; margin-top:5px; font-size: 10px;} .mr-news-tools .d-i{ float: left;} .mr-news-tools .d-i img{ float: left; width:20px; height: 20px; -webkit-border-radius: 50%; border-radius: 50%; margin-right:4px;} .mr-news-tools .d-i em{ float: left; color:#333; width:40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .mr-news-tools .d-i:hover em{color:#2D98E5;} .mr-news-tools .s-num{ float: right; color: #888; white-space: nowrap; overflow: hidden; max-width:45px; text-overflow: ellipsis;} .mr-news-tools .s-num .icon-view{ width: 14px; height: 11px; margin-right:3px; float: left; margin-top:5px; background-position:-154px -109px;} .mcn-ranklist-news{ overflow: hidden; } .mcn-ranklist-news .a-link{ float: left; display: block; width: 110px; margin-right:5px; cursor: pointer;} .mcn-ranklist-news .a-link:nth-child(3n + 3){ margin-right:0px; } .mcn-ranklist-news .a-link .d-img,.mcn-ranklist-news .a-link .d-img img{ position: relative; width: 110px; height: 73px; border-radius: 2px; overflow: hidden;} .mcn-ranklist-news .a-link h4{ color: #333; line-height: 18px; height: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; margin-top: 5px;} .mcn-ranklist-news .a-link:hover h4{color:#4A90E2;} .mcn-ranklist-news .a-link .s-t{ display: block; position: absolute; top:5px; right:5px; width: 36px; height: 18px; line-height: 18px; border-radius: 2px; -webkit-border-radius: 2px; text-align: center; font-size:12px; color: #fff; background: #000; opacity: 0.8; filter:alpha(opacity=80);} /* mcn账号首页 */ .user-info-wrap{ width:1200px; height: 144px; background: url("http://i0.chexun.net/images/cx_images_2019/mcntopbg02.png") no-repeat center top; margin: 0 auto;} .user-info{ width: 1200px; margin:0 auto; position: relative; padding-top:25px;} .user-info .u-i-left{ width:620px; float: left; position: relative; padding-left: 98px; margin-left: 30px;} .user-info .u-i-left .d-1{ position: absolute; left:0; top:0; display:block; width: 68px; height:68px; text-align: center;} .user-info .u-i-left .d-1 img{ width: 68px; height: 68px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; overflow: hidden;} .user-info .u-i-left .d-1.g-live{ width: 70px; height: 70px; border: 1px solid #FF9A02; -webkit-border-radius: 50%; -moz-order-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;} .user-info .u-i-left .d-1.g-live img{border: 1px solid #ffffff;} .user-info .u-i-left .d-1 .d-live{ display: inline-block; font-size:12px; min-width: 30px; max-width: 50px; height: 14px; line-height: 14px; background: rgba(255,154,2,1); border-radius: 20px; color: #ffffff; text-align: center; position: relative; z-index: 9; top: -14px; white-space: nowrap; padding:0 5px;} .user-info .u-i-left .d-1 .d-live .icon-live-3{ display: inline-block; vertical-align: top; margin-right:2px; margin-top: 2px; background: url(../image/icon-live-3.gif) no-repeat; background-size: contain; width: 10px; height: 9px;} .user-info .u-i-left .d-avatar{ position: absolute; left:0; top:0; display:block; width: 68px; height:68px;} .user-info .u-i-left .d-avatar a{ display: block; width: 68px; height: 68px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; overflow: hidden;} .user-info .u-i-left .d-avatar a img{ height: 68px;} .user-info .h-name{ font-size: 18px; color:#fff; font-weight: bold;} .user-info .h-name .i-1{ display: inline-block; height: 20px; line-height: 20px; font-size: 12px; padding: 0 5px; border: 1px solid #A3A3A3; margin-left: 10px; margin-top: -2px; vertical-align: middle; border-radius: 2px;} .user-info .h-name .icon-viptips{ display: inline-block; position: static; margin-left: 10px;} .user-info .p-txt{ font-size: 12px; color:#aaa; margin-top: 5px; font-weight: 400; line-height: 16px; height: 32px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .user-info .d-link{ margin-top: 10px; overflow: hidden;} .user-info .d-link a{ float: left; margin-right: 20px;} .user-info .d-link .a-1{ width:100px; height:30px; line-height: 30px; text-align: center; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px; font-size: 14px; color: #fff; cursor: pointer; background: #4A90E2;} .user-info .d-link .a-1:hover{opacity: 0.8; filter:alpha(opacity=80);} .user-info .d-link .a-1.current{background:#EEEEEE; color:#666;} .user-info .d-link .a-2{width:98px; height:28px; line-height: 28px; text-align: center; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px; font-size: 14px; color: #fff; cursor: pointer; border:1px solid #fff;} .user-info .u-i-right{ float: right; margin-top:25px;} .user-info .u-i-right .p-1{ float: left; min-width: 100px; padding:0 10px; position: relative; text-align: center;} .user-info .u-i-right .p-1 .s-1{ display: block; font-size: 14px; color: #ccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .user-info .u-i-right .p-1 .s-2{ display: block; font-size: 24px; color: #fff; font-weight: bold; margin-top: 5px;} .user-info .u-i-right .p-1 em{ position: absolute; width: 1px; background: #999; height: 26px; overflow: hidden; font-size: 0; position: absolute; right:0; bottom:5px;} /* mcnbanner */ .mcnbanner .banner-cont{height:354px;} .mcnbanner .banner-btn{top:152px;} .banner-list .a-img03,.banner-list .a-img03 img{ width: 100%; height:354px;} .mcn-menu{ position: relative; overflow: hidden;} .mcn-menu .mcn-tade{ float: left; width: 100px; height: 32px; background-position: 0 0; margin-right: 20px;} .mcn-menu-list{ float: left; height: 28px; margin-top: 3px;} .mcn-menu-list .lv-1{ float: left; height: 28px; line-height: 28px; margin-right: 10px; padding:0 15px; font-size: 16px; color:#626262; -webkit-border-radius:18px; border-radius:18px;} .mcn-menu-list .lv-1:hover{color:#EE4D3B} .mcn-menu-list a.current,.mcn-menu-list a.current:hover{ background: #EE4D3B; color:#fff;} .mcn-menu-list .lv-1 .icon-fire{ display: inline-block; width:11px; height:13px; background-position: -153px 0px; margin-left:5px;} .mcn-menu-list .lv-1 .s-1{ display: inline-block; padding:0 5px; background: #fff; color: #EE4D3B; font-size: 10px; line-height: 14px; height: 14px; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; border-radius:7px; position: relative; left:3px; top:-7px;} .mcn-newslist{min-height: 800px;} .mcn-newslist .news-i-right{margin-left:0px;} /* tj-goods-wrap */ .tj-goods-wrap{position: relative;} .tj-goods-wrap .playState{display: none;} .tj-goods-con{ height: 610px; overflow: hidden;} .tj-goods-ul li{ float:left; width:370px;} .tj-goods-num{ width:100%; text-align:center; font-size:0;} .tj-goods-num span{ display:inline-block; width:5px; height:5px; background:#696969; -webkit-border-radius:100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius:100%; margin:0 5px; vertical-align: middle; cursor: pointer;} .tj-goods-num span.on{ width:8px; height:8px; background:#2D98E5;} .tj-goods-ul .goods-item03{ margin: 0px 12px 14px 0px;} .goods-item03{ background: #F8F8F8; padding: 7px; float: left; width: 156px;} .goods-item03 .a-t{ display: block;} .goods-item03 .d-img{ width: 156px; height: 156px; display: block; line-height: 156px; overflow: hidden; position: relative; background: #eee;} .goods-item03 .d-img img{ width: 156px; max-height: 156px; vertical-align: middle; display: inline-block;} .goods-item03 .d-img .s-ding{ display: block; background: rgba(0, 0, 0, 0.5); width: 20px; height: 20px; position: absolute; top:0; left:0; text-align: center; line-height: 23px;} .icon-top{ display: inline-block; width: 10px; height: 12px; background-position: -20px -206px;} .goods-item03 h4{ color: #333333; font-size: 14px; height: 40px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; margin-top: 5px;} .goods-item03 p{ color: #333333; font-size: 18px; margin-top: 5px; font-weight: bold;} .goods-item03 .a-t:hover h4{color:#2D98E5;} .goods-item03 .d-b{ margin-top: 10px; overflow: hidden;} .xunjia-btn01, .phone-btn01{ float: right; width:76px; height:26px; line-height:26px; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; background: #EE4D3B; font-size: 12px; color:#fff;} .phone-btn01{ background: #4A90E2; float: left;} .goods-menu{ position: relative;} .goods-tab{ float: left; } .goods-tab li{ float: left; color: #999999; font-size: 12px; margin-right: 10px;} .goods-tab li .s-1{ display: block; padding: 0 20px; height: 25px; line-height: 25px; background: #fff; border-radius: 25px; cursor: pointer;} .goods-tab li .s-1:hover{color: #4A90E2;} .goods-tab li.current .s-1{ background: #e5ecfb; color: #4A90E2;} .goods-search{ float: right; width: 190px; height: 30px; line-height: 30px; background: #F1F1F1; border-radius: 15px; position: relative;} .goods-search .s-txt{ width: 140px; height: 30px; line-height: 30px; background: none; border:none; font-size:12px; color: #666; padding:0 10px;} .goods-search .s-btn{ float: right; display: block; height:100%; width:30px;} .goods-search .s-btn .icon-search{ display: block; width:18px; height: 17px; background-position: -116px 0px; cursor: pointer; margin-top: 6px;} .goods-list .goods-item03{ float: left; margin: 0 15px 30px 15px;} /* partner */ .partner{ margin-top: 50px; border-top: 1px solid #F9F9F9; padding: 30px 0;} .partner-con{ overflow: hidden; margin-top: 10px;} .partner-con a{ float:left; margin: 0px 20px 10px 0;} .partner-con a img{ width: 100px; height: 50px;} /* link */ .link{ padding:30px 0; background: #F9F9F9;} .link-tit i{font-size: 12px;} .link-con{overflow: hidden; font-size: 14px;} .link-con a:link,.link-con a:visited{ display:block; float:left; height:16px; line-height:16px; padding:0 10px; margin:6px 0; color:#333; border-right:1px solid #333; white-space:nowrap; word-wrap:break-word;} .link-con a:hover{color:#2D98E5;} /* price-pop */ .price-pop{ width:958px; background:#fff; border:1px solid #EEEEEE; display:none;position:fixed; left:50%; top:50%; margin:-250px 0 0 -500px; z-index:2222; -webkit-box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1); -ms-box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1); box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1); -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px;border-radius:4px; padding:20px;} .price-pop-hd{ position:relative; background:#fff; overflow: hidden; border-bottom: 1px solid #EEEEEE;} .price-pop-hd h3{ float: left; font-size:20px; color:#333; height:28px; line-height:28px; padding-bottom:8px; border-bottom: 3px solid #2D98E5;} .price-pop-hd .off{ position:absolute; display:block; width:20px; height:20px; right:0px; top:5px; z-index:99; background-position:-115px -89px; cursor:pointer;} .price-pop-bd{background:#FFF; padding:10px 20px;} .price-pop-bd dl{width:340px; height:22px; font-size:14px; padding:10px 0 0 0;} .price-pop-bd dt{width:65px; padding:0 10px 0 0; text-align:right; float:left} .price-pop-bd dd{width:260px; float:left; color:#888} .price-pop-bd p{ font-size:12px; color:#888} .w125{width:125px; height:20px; margin:0 10px 0 0} .price-pop-bd label{margin:0 5px 0 0} .price-pop-bd textarea{width:100%; height:93px;} .price-pop-bd em{ color:#F00; padding:0 2px 0 0 } .price-pop-bd select{ height:22px; margin:0 5px 0 0; line-height:20px;} .price-pop iframe{ width:880px; height:400px;} /* lp-ad */ .lp-ad{ width:1200px; height:auto; position:relative; margin:15px auto 0 auto; z-index:99; display: none;} .lp-ad-close,.dl-ad-close,.adb-ad-close{ cursor:pointer; display:block; width:30px; height:20px; position:absolute; background:url("http://i1.chexun.net/images/images_index_2016/close.png") no-repeat;} .lp-ad-close{right:0px; bottom:0px;} /* duilian-ad */ .dl-ad-l,.dl-ad-r{ width:120px; position:absolute; top:70px; z-index:199;} .dl-ad-l{ right:50%; margin-right:610px;} .dl-ad-r{ left:50%; margin-left:610px;} .dl-ad-close{ right:0px; bottom:0px;} .adb{position:fixed; right:0; bottom:10px; z-index:299;} .adb img{width:100px;} .adb-ad-close{left:0; top:0; z-index:199;} .dl-ad-l img,.dl-ad-r img{width:100%;} /* pgc-ranking */ .pgc-rank-banner{ width: 100%; height: 435px; background: url("http://i0.chexun.net/images/cx_images_2019/pgc-rank-banner.png") no-repeat center top; } .pgc-rank-tools{ position: relative; } .pgc-rank-tab{ float: left; margin-right: 20px; overflow: hidden; } .pgc-rank-tab .a-1{ float: left; margin-right: 15px; width: 102px; height: 30px; line-height: 32px; border-radius: 15px; text-align: center; font-size: 15px; color: #666; background: #e5ecfb; cursor: pointer; } .pgc-rank-tab .a-1.current{ background: #4A90E2; color: #fff; } .pgc-rank-tabcon{ float: left; background: #e5ecfb; border-radius: 15px; position: relative; z-index: 19; } .pgc-rank-tabcon dt{ height: 30px; line-height: 32px; padding: 0 15px 0 20px; font-size: 15px; color: #666; cursor: pointer; position: relative; z-index: 199; } .pgc-rank-tabcon dd{ position: absolute; width: 100%; left:0; right: 0; top: 0; display: none; z-index: 99; background: #e5ecfb; border-radius: 15px; padding: 35px 0 10px 0; } .pgc-rank-tabcon dd p{ line-height: 30px; font-size: 15px; color: #999; padding-left: 20px; cursor: pointer; } .pgc-rank-tabcon dd p:hover{ color: #4A90E2; } .pgc-rank-tabcon:hover dd{ display: block; -moz-box-shadow:2px 2px 5px #eff3fd; -webkit-box-shadow:2px 2px 5px #eff3fd; box-shadow:2px 2px 5px #eff3fd; } .pgc-rank-tabcon:hover dt .icon-pgc-sel{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); } .icon-pgc-sel{ display: inline-block; width: 14px; height: 9px; background-position: -169px -182px; margin-left: 10px; } .pgc-r-time{ float: right; color: #666666; font-size: 12px; line-height: 30px; } .pgc-r-time span{ float: left; margin-left: 20px; } .pgc-rank-list{ position: relative; } .pgc-rank-title{ font-size: 18px; color: #333333; background: #EFF3FD; overflow: hidden; text-align: center; height: 80px; line-height: 80px; font-weight: bold; } .pgc-rank-title .d-1,.pgc-rank-item .d-1{ float: left; width: 100px; text-align: center; } .pgc-rank-title .d-2,.pgc-rank-item .d-2{ float: left; width: 200px; text-align: center; } .pgc-rank-title .d-3,.pgc-rank-item .d-3{ float: left; width: 300px; text-align: center; } .pgc-rank-title .d-4,.pgc-rank-item .d-4{ float: left; width: 200px; text-align: center; } .pgc-rank-title .d-5,.pgc-rank-item .d-5{ float: left; width: 200px; text-align: center; } .pgc-rank-title .d-6,.pgc-rank-item .d-6{ float: left; width: 200px; text-align: center; } .pgc-rank-item{ height: 58px; line-height: 58px; overflow: hidden; padding: 18px 0; font-size: 18px; color: #333; } .pgc-rank-item.pgc-item-2{ background: #e5ecfb; } .icon-pgc-num1,.icon-pgc-num2,.icon-pgc-num3{ display: inline-block; vertical-align: middle; width: 30px; height: 35px; overflow: hidden; } .icon-pgc-num1{ background-position: -52px -183px; } .icon-pgc-num2{ background-position: -84px -183px; } .icon-pgc-num3{ background-position: -116px -183px; } .pgc-rank-item .p-r-num{ font-size: 25px; color: #333333; font-weight: bold; } .pgc-rank-item .a-avatar img{ width: 58px; height: 58px; border-radius: 50%; } .pgc-rank-item .a-name{ font-size: 18px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: inline-block; } .pgc-rank-item .a-name:hover{ color: #4A90E2; } .icon-rank-up{ display: inline-block; width: 11px; height: 16px; background-position: -169px -154px; vertical-align: middle; } .icon-rank-down{ display: inline-block; width: 11px; height: 16px; background-position: -182px -154px; vertical-align: middle; } .icon-rank-new{ display: inline-block; width: 16px; height: 16px; background-position: -148px -176px; vertical-align: middle; } .pgc-rank-item .fllow-pgc-btn{ display: inline-block; width: 70px; height: 26px; line-height: 26px; text-align: center; background: #4A90E2; border-radius: 2px; cursor: pointer; color: #fff; font-size: 12px; vertical-align: middle; } .pgc-rank-item .fllow-pgc-btn.disable{ color: #999; background: #e5e5e5; } .pgc-rank-more{ display: block; width: 262px; height: 50px; line-height: 50px; color: #4A90E2; font-size: 15px; text-align: center; background: #eff3fd; cursor: pointer; margin: 80px auto 0 auto; border-radius: 25px; } .icon-pgc-more{ display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin-left: 7px; background-position: -185px -176px; margin-top: -2px; } .fixed-right .f-r-item .a-rz{ color: #4A90E2; line-height: 16px; border-bottom: 1px solid #F3F4F5; } /* pgc-list */ .pgc-list-tab{ height: 46px; line-height: 46px; background: #ffffff; overflow: hidden; font-size: 12px; padding: 0 15px; } .pgc-list-tab .s-1{ float: left; margin-right: 10px; color: #333333; } .pgc-list-tab .a-link{ float: left; color: #999999; padding: 0 10px; margin-right: 10px; } .pgc-list-tab .a-link:hover,.pgc-list-tab .a-link.current{ color: #618CF0; } .pgc-list-cont{ width: 835px; position: relative; } .pgc-list-cont .mcn-rank-list{ overflow: hidden; } .pgc-list-cont .mcn-rank-list li{ float: left; width: 365px; background: #ffffff; padding: 15px; margin: 0 20px 20px 0; } /* pgc-rank-list02 */ .pgc-rank-list02{ position: relative; background: #ffffff; padding: 12px 0; } .pgc-rank-tit02{ font-size: 14px; color: #333333; line-height: 30px; overflow: hidden; font-weight: bold; } .pgc-rank-tit02 .s-line{ float: left; width: 4px; height: 14px; border-radius: 2px; background: #618CF0; margin: 8px 15px 0 0; } .pgc-rank-tit02 .d-time{ float: right; font-size: 12px; color: #999999; margin-right: 20px; } .pgc-rank-cont02{ position: relative; } .pgc-rank-item02{ height: 35px; line-height: 35px; overflow: hidden; padding: 10px 0; font-size: 14px; color: #666666; vertical-align: middle; } .pgc-rank-item02 .d-1{ float: left; width: 70px; text-align: center; } .pgc-rank-item02 .d-2{ float: left; width: 35px; text-align: center; } .pgc-rank-item02 .d-3{ float: left; width: 120px; padding: 0 5px 0 15px; } .pgc-rank-item02 .d-4{ float: left; width: 30px; text-align: center; } .pgc-rank-item02 .d-5{ float: left; width: 90px; text-align: center; } .pgc-rank-item02 .p-r-num{ font-size: 18px; color: #333333; font-weight: bold; } .pgc-rank-item02 .a-avatar img{ width: 34px; height: 34px; border-radius: 50%; } .pgc-rank-item02 .a-name{ font-size: 14px; color: #666666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: inline-block; vertical-align: top; } .pgc-rank-item02 .a-name:hover{ color: #4A90E2; } .pgc-rank-tools02{ margin: 0 25px; border-top: 1px solid #F6F6F6; font-size: 12px; padding: 10px 0 0 0; line-height: 30px; } .pgc-rank-tools02 .d-1{ float: left; color: #999999; } .pgc-rank-tools02 .a-more{ float: right; color: #618CF0; } /* club-wrap */ .club-wrap{position: relative;} .club-tab-menu{position: relative; line-height: 40px;} .club-tab-menu .s-1{float: left; font-size: 20px; color: #666; margin-right: 30px; position: relative; cursor: pointer;} .club-tab-menu .s-1:hover{color: #333;} .club-tab-menu .s-1 i{display: block; width: 15px; height: 3px; background: #2D98E5; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; position: absolute; left: 50%; bottom: 0px; margin-left: -8px; display: none;} .club-tab-menu .s-1.current{color: #333;} .club-tab-menu .s-1.current i{display: block;} .s-type-menu{position: absolute; top:0; right:0; color: #333; font-size:12px;} .s-type-menu .s-2{cursor: pointer;} .s-type-menu .s-2 .i-sj{ display: inline-block; width: 0; height: 0; border-top:5px solid #333; border-left:4px solid transparent; border-right:4px solid transparent; vertical-align: middle; margin:-2px 0 0 5px;} .s-type-menu .tc-type-box{ position:absolute; top: 35px; right:-140px; background: #fff; border:1px solid #f2f2f2; box-shadow:0px 0px 4px 0px rgba(135,163,255,0.34); padding: 20px 10px 10px 20px; width: 300px; z-index: 99; display: none; border-radius: 4px;} .s-type-menu .tc-type-box .i-sj02{ display: block; position: absolute; left: 50%; top:-8px; width: 0px; height: 0px; border-bottom:8px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent; margin-left: -5px;} .s-type-menu .tc-type-box .s-btn{ float:left; width: 65px; height: 24px; line-height: 24px; border-radius: 15px; background: #eff3fd; color: #999; font-size: 12px; margin:0px 10px 10px 0; text-align: center; cursor: pointer;} .s-type-menu .tc-type-box .s-btn:hover,.s-type-menu .tc-type-box .s-btn.current{ background: #4a90e2; color: #fff;} .s-type-menu:hover .i-sj{transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);} .s-type-menu:hover .tc-type-box{display: block;} /* club-ccf-box */ .club-ccf-box{position: relative;} .club-ccf-box .ccf-box-left{ float: left; width: 164px; height: 240px; background: #834bc4; background:linear-gradient(135deg,rgba(48,35,174,1) 0%,rgba(200,109,215,1) 100%); box-shadow:0px 2px 4px 0px rgba(0,0,0,0); overflow: hidden;} .ccf-box-left .d-t{ font-size: 20px; color: #fff; margin-top: 30px; text-align: center;} .ccf-box-left .d-score{ color: #fff; text-align: center; margin-top: 20px;} .ccf-box-left .d-score b{font-size:60px;} .ccf-box-left .d-score i{font-size:14px;} .ccf-box-left .d-1{position: relative; width: 100px; margin: 0 auto;} .ccf-box-left .d-1 .a-1{ display: block; width: 98px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #fff; border-radius: 2px; color:#fff; font-size:14px; cursor: pointer;} .ccf-box-left .d-1 .a-1:hover{} .ccf-box-left .d-1 .i-img{ width:100px; height:100px; position: absolute; bottom:35px; left: 50%; margin-left: -50px; box-shadow: 0px 0px 4px 0px rgba(135,163,255,0.34); display:none;} .ccf-box-left .d-1:hover .i-img{display:block;} .ccf-box-right{ float: right; width: 635px; height: 238px; border: 1px solid #efe9f9; border-left:none;} .club-rank{ padding: 0 20px; position: relative; overflow: hidden;} .club-rank .a-btn{ display:none; width: 32px; height: 40px; position: absolute; top: 70px; z-index: 99; background: #000; opacity: 0.7; filter: alpha(opacity=70); text-align: center;} .club-rank .a-btn:hover{ background:#4a90e2;} .club-rank .a-btn i{ display: inline-block; width:13px; height:23px; margin-top: 9px;} .club-rank .a-btn-prev{left:0px;} .club-rank .a-btn-next{right:0px;} .club-rank .a-btn-prev i{background-position: -51px -156px;} .club-rank .a-btn-next i{background-position: -68px -156px;} .club-rank:hover .a-btn{display: block;} .club-rank-hd{ font-size:14px; color: #333; font-weight:bold;} .club-rank-bd{ overflow: hidden; position: relative;} .club-rank-list{ overflow: hidden;} .club-rank-item{ float: left; width: 144px; margin-right: 8px;} .club-rank-item a{display:block;} .club-rank-item .d-img{ width: 144px; height: 96px; position: relative; overflow: hidden;} .club-rank-item .d-img img{ width: 144px; height: 96px;} .club-rank-item .d-img i{ color: #fff; font-size: 12px; height: 20px; line-height: 20px; position: absolute; top:4px; left: 0px; padding:0 6px 0 4px; border-radius: 0px 15px 15px 0; background: #333333;} .club-rank-item.i-top .d-img i{background: #FFB600;} .club-rank-item .d-score{ font-size: 20px; color: #EE4D3B; margin-top: 10px; text-align: center; font-weight: bold;} .club-rank-item .d-score em{ font-size:12px; text-align: center;} .club-rank-item h4{ font-size:17px; color: #333; text-align: center; white-space: nowrap; line-height: 20px; font-weight: bold; overflow: hidden;} .club-rank-item:hover h4{color:#2D98E5;} .club-rank-2 .a-btn{top:50px;} .club-rank-item02{ float: left; width: 102px; margin-right: 20px;} .club-rank-item02 a{display:block;} .club-rank-item02 .d-img{ width: 102px; height: 68px; position: relative; overflow: hidden;} .club-rank-item02 .d-img img{ width: 102px; height: 68px;} .club-rank-item02 .d-img i{ color: #fff; font-size: 8px; height: 14px; line-height: 15px; position: absolute; top:2px; left: 0px; padding:0 4px 0 2px; border-radius: 0px 7px 7px 0; background: #333333;} .club-rank-item02.i-top .d-img i{background: #FFB600;} .club-rank-item02 .d-score{ font-size: 12px; color: #fff; position: absolute; right: 0; bottom: 0; padding: 0 5px;} .club-rank-item02 .d-score em{font-size:10px;} .club-rank-item02 h4{ font-size:12px; color: #565555; text-align: center; white-space: nowrap; line-height: 30px; font-weight: bold; overflow: hidden;} .club-rank-item02:hover h4{color:#2D98E5;} .ccf-score-list{ overflow: hidden; padding-bottom: 20px;} .ccf-score-list li{ float: left; width: 50px; height: 24px; border-radius: 26px 26px 0 0; border: 2px solid #FFB600; border-bottom: none; margin: 0 25px; text-align: center; white-space: nowrap; cursor: pointer;} .ccf-score-list li.current{border: 2px solid #f30; border-bottom: none;} .ccf-score-list li .p-1{font-size: 15px; color: #333; margin-top: 8px; line-height: 18px;} .ccf-score-list li .p-2{font-size: 12px; color: #666; line-height: 16px;} .ccf-report-con{ display: inline-block; position: relative; padding:0 20px;} .ccf-report-txt{ display: inline-block; color: #333; font-size: 14px; cursor: pointer; font-weight: bold;} .ccf-report-list{ position: absolute; right:-220px; top:-5px; width: 200px; background:#fff; box-shadow:0px 0px 8px 0px rgba(68,93,138,0.26); border:1px solid #f6f6f6; padding: 7px 15px 15px 15px; display: none; z-index: 99; border-radius: 4px;} .ccf-report-list .d-sj{ display: block; position: absolute; top:10px; left:-8px; width: 0; height: 0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:8px solid #fff;} .ccf-report-list dd{ font-size: 14px; color:#999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px solid #eee; line-height: 34px; text-align: center; cursor: pointer;} .ccf-report-list dd:hover{color:#4A90E2} .report-tj-works{ padding: 0 20px; margin-left: -22px; overflow: hidden;} .report-tj-works li{ float: left; width: 132px; margin-left: 22px;} .report-tj-works li .d-img{ position: relative; width: 132px; height: 88px;} .report-tj-works li .d-img img{width: 132px; height: 88px;} .report-tj-works li p{ margin-top: 10px; color:#565555; font-size: 12px; line-height: 16px; max-height: 32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;} .report-tj-works li:hover p{color:#4A90E2} /* ccf-param */ .ccf-param{ height:30px; border-top:4px solid #F7F7F7; margin-left:20px; margin-right:20px; position: relative;} .ccf-param-hd{ width:200px; height:28px; line-height:28px; text-align: center; color:#fff; background:#fc8767; background:linear-gradient(318deg,rgba(255,186,60,1) 0%,rgba(252,118,118,1) 100%); box-shadow:0px 2px 4px 0px rgba(0,0,0,0); border-radius:14px; margin: -16px auto 0 auto; cursor: pointer;} .ccf-param-hd .i-1{ display: inline-block; width: 0; height: 0; border-top: 5px solid #fff; border-left: 4px solid transparent; border-right: 5px solid transparent; vertical-align: middle; margin-left:5px;} .ccf-param-hd.open .i-1{transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);} .ccf-param-bd{ position: absolute; left:50%; top:20px; margin-left:-160px; width:320px; height:255px; background: #fff; border:1px solid #f2f2f2; box-shadow:0px 0px 4px 0px rgba(135,163,255,0.34); z-index: 99; border-radius: 4px;} .ccf-param-bd .d-sj{ display: block; width: 0; height: 0; border-bottom: 10px solid #fefefe; border-left: 4px solid transparent; border-right: 5px solid transparent; position: absolute; left:50%; top:-10px; margin-left: -5px;} .ccf-param-tab{ float: left; width: 115px; overflow: hidden;} .ccf-param-tab li{ line-height: 42px; white-space: nowrap; font-size: 14px; color:#999; text-align: center; padding:0 8px; background: #e5ecfb;} .ccf-param-tab li p{border-bottom:1px solid #eee; cursor: pointer; letter-spacing: 2px;} .ccf-param-tab li.current{ background: #fff; color:#4A90E2;} .ccf-param-tab li.current p{border:none;} .ccf-param-con{ padding: 5px 15px; height: 245px; overflow-x: hidden; overflow-y: auto;} .ccf-param-list{position: relative;} .ccf-param-list li{ overflow: hidden; border-bottom:1px solid #f2f2f2; padding: 0 5px; color: #999; font-size: 14px; line-height: 38px; white-space: nowrap; cursor: pointer;} .ccf-param-list li:hover{color:#4A90E2} .ccf-param-list li .s-1{ float: left; max-width:78%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .ccf-param-list li .s-2{ float: right; max-width: 30px; text-align: right; overflow: hidden;} .club-vote-wrap{position: relative; overflow: hidden;} .club-vote-wrap .d-1{ border:1px solid #E9F5FF; float: left; width:398px; height: 48px; line-height:48px; color:#333; text-align: center; cursor: pointer;} .club-vote-wrap .d-1:hover{color:#4A90E2} .club-vote-wrap .d-1 span{ font-size:18px; font-weight:bold;} .club-vote-wrap .d-1 em{ font-size:12px;} .c-checked-cont{ padding: 0 75px 0 35px; position: relative; overflow: hidden; line-height: 28px;} .c-checked-cont .d-1{ position: absolute; left:0; top:0; display: block; font-size:12px; color: #666; font-weight:bold;} .c-checked-cont .clear-checked{ position: absolute; right:0; top:0; display: block; padding: 0 10px; font-size:14px; color: #333; font-weight:bold;} .c-checked-cont .clear-checked:hover{color:#4A90E2} .c-checked-list{ width: 100%; overflow-y: hidden; overflow-x: auto; font-size: 0;} .c-checked-list .a-btn{ display: inline-block; height: 26px; line-height: 26px; padding: 0 10px; border:1px solid #CCCCCC; border-radius: 4px; position: relative; overflow: hidden; font-size:14px; color:#333; margin-right: 10px;} .c-checked-list .a-btn .s-1{float: left; margin-right: 10px;} .c-checked-list .a-btn .s-2{float: right;} /* goods-detail */ .goods-infobox{ position: relative;} .goods-imgbox{ float: left; width: 400px; height: 400px; overflow: hidden; position: relative; margin-right: 40px;} .goods-imgbox-ul{ position: relative;} .goods-imgbox-ul li{ float: left; width: 400px; height: 400px; overflow: hidden;} .goods-imgbox-ul li img{width: 400px; height: 400px;} .goods-video-btn{ position: relative; width: 100%; height: 100%;} .goods-video-btn .icon-player{ width: 74px;height: 74px; position: absolute; left: 50%; top: 50%; margin: -37px 0 0 -37px; cursor: pointer; background-position: 0px -80px;} .goods-infotxt{ float: left; width: 400px; height: 400px; position: relative;} .goods-infotxt .h-tit{ font-size:24px; color:#4A4A4A; line-height:32px;} .goods-infotxt .d-addres{ margin-top:10px; color:#4A4A4A;} .goods-infotxt .d-text{ margin-top: 10px; font-size: 12px; color:#666666; line-height: 20px; max-height: 120px; overflow: hidden;} .goods-infotxt .d-price{ margin-top: 10px; font-size: 16px; color:#EE4D3B; line-height: 22px; font-weight: bold;} .goods-buy-tools{ position: absolute; bottom:0; left:0;} .buy-goods-btn{ float: left; width: 140px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 20px; background: #EE4D3B; cursor: pointer;} .goods-user{ float: right; width: 200px; background: #F5F5F5; border-radius: 2px; padding:15px;} .goods-user-avatar{ display: block; width: 60px; height: 60px; position: relative; margin:0 auto;} .goods-user-avatar img{ width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-order-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;} .goods-user .xunjia-btn01, .goods-user .phone-btn01{ width: 95px; height: 28px; line-height: 28px; font-size: 13px;} .goods-user .icon-lianxikefu02{margin-right: 5px;} .goods-user .d-s{ text-align: center; margin-top: 10px;} .goods-user .mr10{margin-right: 10px;} .goods-user h4{ color:#333333; font-size:12px; line-height:18px;margin-top: 10px; font-weight: bold;} .goods-user h4 a{color:#333333;} .goods-user h4 a:hover{color:#2D98E5;} .goods-detail{ position: relative;} .goods-detail-tab{ position: relative; background: #EEEEEE; height: 40px; line-height: 40px;} .goods-detail-tab .s-1{ float: left; font-size: 14px; color:#fff; background: #EE4D3B; text-align: center; width: 120px;} .mcn-ccf-wrap{ background: #FAFAFA; padding: 20px 0;} /*直播频道*/ .live-nav-swiper{ position: relative; margin: 30px 0; } .live-nav-swiper .swiper-wrapper{ margin-bottom: 10px; height: 68px; overflow: hidden; } .live-nav-swiper .swiper-nav-pagination{ font-size: 0; text-align: center; margin-top: 10px; } .live-nav-swiper .swiper-nav-pagination span{ display: inline-block; width: 8px; height: 8px; background: #cccccc; border-radius: 8px; opacity: 1; margin: 0 5px; cursor: pointer; } .live-nav-swiper .swiper-nav-pagination span.on{ width: 25px; background: #FF9A02; } .live-nav-btn{ width: 78px; height: 30px; line-height: 30px; background: #FF9A02; border-radius: 15px; text-align: center; font-size: 13px; color: #ffffff; position: absolute; top: 16px; right: 20px; } .live-nav-item{ float: left; overflow: hidden; position: relative; width: 390px; height: 68px; background: #F7F7F7; border-radius: 2px; } .live-nav-info{ display: block; overflow: hidden; height: 58px; padding: 5px 98px 5px 10px; } .live-nav-info .t-1, .live-nav-info .t-2{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .live-nav-info .t-1{ font-size: 16px; line-height: 22px; color: #333333; margin-top: 5px; font-weight: bold; } .live-nav-info .t-2{ font-size: 14px; line-height: 20px; color: #999999; } .live-nav-info .d-img{ float: left; width: 60px; height: 60px; position: relative; margin-right: 5px; text-align: center; } .live-nav-info .d-img .i-img{ width: 50px; height: 50px; border-radius: 50%; box-sizing: border-box; border: 1px solid #FF9A02; } .live-nav-info .d-img .d-1{ display: inline-block; font-size: 12px; min-width: 30px; max-width: 50px; height: 14px; line-height: 14px; background: rgba(255,154,2,1); border-radius: 20px; color: #ffffff; text-align: center; position: relative; z-index: 9; top: -10px; white-space: nowrap; padding: 0 5px; } .live-nav-info .d-img .d-1 .icon-live-3{ display: inline-block; vertical-align: top; margin-right:2px; margin-top: 2px; background: url(../image/icon-live-3.gif) no-repeat; background-size: contain; width: 10px; height: 9px; } .news-i-live .live-tips{ position: absolute; top: 0; left: 0; color: #333333; font-size: 14px; } .news-i-live .live-tips .p-1{ height: 22px; line-height: 22px; background: rgba(255,154,2,1); padding: 0 5px; font-weight: bold; } .icon-live-2{ display: inline-block; vertical-align: top; margin-right: 5px; margin-top: 2px; background: url(http://i0.chexun.net/images/cx_images_2019/msite/0702/icon-live-2.gif) no-repeat; background-size: contain; width: 16px; height: 14px; } .news-i-live .live-tips .p-2{ overflow: hidden; height: 22px; line-height: 22px; } .news-i-live .live-tips .p-2 .s-1{ float: left; background: #FF9A02; padding: 0 10px; font-weight: bold; } .news-i-live .live-tips .p-2 .s-2{ float: left; background:rgba(0,0,0,0.5); color: #ffffff; padding: 0 10px; } .news-i-live .live-tips .p-3{ padding: 0 22px; height: 22px; line-height: 22px; color: #ffffff; background: #01d2fd; } /* 新能源投票 */ .title03{ font-size: 24px; line-height: 30px; color: #3C3C3C; overflow: hidden; margin-bottom: 20px; position: relative;} .title03 a{color: #4A4A4A;} .title03 a:hover{color: #2D98E5;} .ccf-vote-ul{ position: relative; } .ccf-vote-item{ height: 80px; position: relative; overflow: hidden; margin-bottom: 20px; } .ccf-vote-item .d-num{ float: left; width: 20px; height: 100%; line-height: 80px; font-size: 20px; color: #cccccc; font-weight: bold; } .ccf-vote-item .d-num-top{ color: #EE4D3B; } .ccf-vote-item .a-img{ float: left; display: block; width: 120px; height: 80px; overflow: hidden; } .ccf-vote-item .a-img img{ width: 120px; height: 80px; } .ccf-vote-item .d-info{ float: right; width: 122px; height: 100%; overflow: hidden; position: relative; padding-right: 85px; } .ccf-vote-item .d-tit01{ margin-top: 15px; line-height: 20px; max-height: 40px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; } .ccf-vote-item .d-tit01 .a-tit01{ font-size: 17px; color : #333333; } .ccf-vote-item .view-btn{ display: inline-block; font-size: 12px; line-height: 20px; color: #2F99E5; margin-top: 2px; cursor: pointer; } .ccf-vote-item .vote-btn{ position: absolute; top: 20px; right: 0px; display: block; width: 80px; height: 30px; line-height: 30px; font-size: 15px; color: #ffffff; text-align: center; background: #2D98E5; background: linear-gradient(142deg, #5AC9F4 0%, #2D98E5 100%); border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; } .ccf-vote-item .vote-btn.voted{ background: #A3A3A3; cursor: default; } .ccf-vote-item .vote-num{ position: absolute; top: 50px; right: 0px; min-width: 80px; text-align: center; line-height: 24px; font-size: 12px; color: #999999; } .ccf-vote-item .d-info-txt{ display: none; float: right; width: 210px; height: 100%; position: relative; } .ccf-vote-item .d-info-txt .vote-txt{ position: relative; font-size: 12px; color: #555555; max-height: 68px; line-height: 17px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; overflow: hidden; } .ccf-vote-item .d-info-txt .s-txt-btn{ position: absolute; right: 0px; bottom: 0px; width: 15px; height: 15px; cursor: pointer; background: url("http://i2.chexun.net/images/vote/2020/back-blue.png") no-repeat; background-size: 100% 100%; background-size: contain; }