iBet uBet web content aggregator. Adding the entire web to your favor.
iBet uBet web content aggregator. Adding the entire web to your favor.



Link to original content: http://auto.sina.com.cn/blank/css/wypage/series_style_2020.css
#mainHead { border-bottom: 0px solid #e9483e; } .con_left .img_list .video_box ul li span{ height: 32px; } .nav_wrap{ background: #e94740; } .zx_box{ margin: 0; } .zx_box .zx_nav{ height: auto; border: 0; } .koubei.none{ display: none; } .none{ display: none; } #SI_SideBtns{ position: absolute; display: none; } .side-code{ display: none; } .side-code .img, .side-code .img img{ overflow: hidden; } .con_left .img_list .img_nav{ width: 500px; } .con_left .img_list .img_nav .more { /*color: #03b089;*/ font-family: SimSun; padding-right: 0; } .no-swiper1{ background: url(//n.sinaimg.cn/auto/bcb2f64e/20201026/ico144.png) no-repeat center center; height: 80px; margin: 25px 0; border: 1px solid #ccc; } .nav{ overflow: inherit; } .nav ul{ background: #e94740; border: 0; height: 42px; } .nav li.on:after{ content: '.'; color: transparent; position: absolute; bottom: -5px; width: 100%; left: 0; height: 6px; background: url(//n.sinaimg.cn/auto/bcb2f64e/20201015/ico126.png) top center no-repeat; } .nav li.on { position: relative; border-bottom: 0px solid #e94740; height: 42px; line-height: 42px; background: #cd3b35; font-weight: bold; color: #fff8bd; background: #cd3b35; } .nav li.on a{ background: #cd3b35; line-height: 42px; color: #fff; font-weight: bold; } .nav li a{ font-size: 16px; color: #fff; background: #e94740; } .nav li a:hover{ background: #cd3b35; } .nav li:before{ display: none; } .sales_vol .salesVolume .tit:after { width: 4px; height: 22px; background-color: #e94740; border-radius: 2px; content: ''; display: block; position: absolute; top: 16px; left: 1px; } .sales_vol .salesVolume .tit{ font-size: 20px; border-bottom: 3px solid #eee; } .con_right .browse ul li .carSeries_pk{ display: none; } .con_img .cimg_left{ float: left; } .con_img .bimg{ position: relative; width: 333px; height: 222px; } .con_img .bimg .link{ position: relative; width: 333px; height: 222px; } .con_img .bimg .link img{ position: relative; width: 333px; height: 222px; } .con_img .bimg .link span{ position: absolute; left: 15px; bottom: 12px; color: #fff; font-size: 14px; text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0; } .con_img .bimg .link360{ position: absolute; width: 81px; height: 54px; bottom: 0; right: 0; } .con_img .bimg .link360 img{ position: absolute; width: 81px; height: 54px; bottom: 0; right: 0; } .con_img .bimg .link360 .ico{ position: absolute; width: 81px; height: 54px; left: 0; top: 0; border-radius: 3px; overflow: hidden; background: url(//n.sinaimg.cn/auto/bcb2f64e/20201015/ico127.png) center center no-repeat; } .con_img .cimg_right{ float: right; margin: 0 0 0 16px; width: 643px; } .con_img .cimg_right .line{ line-height: 30px; height: 30px; color: #333333; font-size: 14px; } .con_img .cimg_right .point{ position: relative; padding: 0 0 0 12px; } .con_img .cimg_right .chexiBox{ position: relative; padding: 0 0 0 12px; } .con_img .cimg_right .red{ color: #e94740; } .con_img .cimg_right .red2{ color: #f1811e; } .con_img .cimg_right .bold{ font-weight: bold; } .con_img .cimg_right .mr20{ margin: 0 0 0 20px; } .con_img .cimg_right .mr10{ margin: 0 0 0 12px; } .con_img .cimg_right .mr5{ margin: 0 0 0 6px; } .con_img .cimg_right .point:after{ position: absolute; color: transparent; content: '.'; width: 4px; height: 4px; background: #e94740; border-radius: 4px; top: 13px; left: 0; } .con_img .cimg_right .chexiBox{ margin: 12px 0 0 ; padding: 12px 0 0 ; border-top: 1px solid #ededed; } .con_left .cartype_list table tbody tr td .r{ width:80px; } .swiper1 { overflow: hidden; } .swiper1 .swiper-button-prev { position: absolute; height: 90px; width: 16px; left: 0; top: 0; background: #eeeeee; border-radius: 2px; margin: 0; background: url(//n.sinaimg.cn/auto/bcb2f64e/20201015/ico124.png) center center no-repeat #eeeeee; } .swiper1 .swiper-button-next { position: absolute; height: 90px; width: 16px; right: 0; top: 0; background: #eeeeee; border-radius: 2px; margin: 0; background: url(//n.sinaimg.cn/auto/bcb2f64e/20201015/ico125.png) center center no-repeat #eeeeee; } .swiper1 .swiper-button-prev:hover { /*background: url(//n.sinaimg.cn/auto/bcb2f64e/20201015/ico124.png) center center no-repeat #e94740;*/ } .swiper1 .swiper-button-next:hover { /*background: url(//n.sinaimg.cn/auto/bcb2f64e/20201015/ico125.png) center center no-repeat #e94740;*/ } .swiper1{ position: relative; height: 90px; margin: 10px 0 20px; } .swiper1 .swiper-slide{ position: relative; height: 90px; } .swiper1 .li.l0{ margin: 0 8px 0 26px; } .swiper1 .li{ position: relative; width: 290px; border: 1px solid #e5e5e5; height: 88px; margin: 0 8px 0 0; border-radius: 2px; } .swiper1 .li .img{ width: 114px; } .swiper1 .li .img img{ width: 114px; } .swiper1 .li .img_r{ width: 124px; position: relative; } .swiper1 .li .img_r .t1{ margin: 16px 0 0; color: #333333; font-size: 14px; font-weight: bold; } .swiper1 .li .img_r .t2{ margin: 1px 0 0; color: #e94740; font-size: 12px; } .swiper1 .li .img_r .t3{ margin: 1px 0 0; color: #333; font-size: 12px; } .swiper1 .li .img_r .t3 span{ color: #f1811e; } .swiper1 .li .pk-btn{ position: absolute; top: 35px; right: 14px; width: 44px; height: 20px; line-height: 20px; border-radius: 10px; font-size: 14px; text-align: center; background: #e94740; color: #fff; } .swiper1 a{ display: block; } .zx_box_con .img{ position: relative; display: block; width: 201px; top: 3px; } .zx_box_con .img img{ position: relative; width: 201px; height: 134px; display: block; } .zx_box_con .img .txt{ padding: 14px 16px; font-size: 14px; line-height: 22px; color: #333333; background: #f0f0f0; } .zx_box_con ul{ width: 425px; margin: 0 0 0 15px; overflow: hidden; } .zx_box .zx_nav ul li{ position: relative; padding: 0 0 0 16px; width: 410px; font-size: 16px; } .zx_box_con ul li:before{ position: absolute; content: '.'; color: transparent; width: 3px; height: 3px; border-radius: 2px; background: #090909; top: 16px; left: 5px; } .top10 .img_nav { height: 49px; line-height: 49px; position: absolute; top: 0px; right: 0; text-align: right; font-size: 14px; font-weight: normal; } .top10 .img_nav { height: 49px; line-height: 49px; position: absolute; top: 0px; right: 0; text-align: right; font-size: 14px; font-weight: normal; } .top10 .img_nav .more { color: #e94740; font-family: SimSun; padding-right: 0; } .top10 .img_nav .more em { font-family: Microsoft YaHei; } .con_right .top10 .top10_box .tab i { font-size: 12px; color: #7d7d7d; line-height: 38px; padding: 0; height: 38px; width: 78px; text-align: center; word-wrap: break-word; display: block; cursor: pointer; background-color: #ececec; margin: 0 0 2px; border-radius: 2px; } .con_right .top10 .top10_box .tab { width: 78px; float: left; } .con_right .top10 .top10_box .tab i.on:before { top: 15px; } .con_right .top10 .top10_box .top10_list { position: relative; top: -4px; width: 226px; height: auto; } .con_right .top10 .top10_box .top10_list ul li { font-size: 14px; color: #696969; line-height: 32px; height: 37px; padding-left: 0; white-space: nowrap; border-bottom: 1px solid #ececec; } .con_right .top10 .top10_box .top10_list ul li .span{ color: #f1811e; font-weight: normal !important; line-height: 33px !important; } .con_right .top10 .top10_box .top10_list ul li.bimg .span{ color: #f1811e; font-weight: normal !important; line-height: 28px !important; } .con_right .top10 .top10_box .top10_list ul li:first-child .img{ margin: 0 0 0 -14px; } .con_right .top10 .top10_box .top10_list ul li.bimg { height: 58px !important; line-height: 58px !important; border-bottom: 1px solid #ececec; } .con_right .top10 .top10_box .top10_list ul li .img { width: 76px !important; height: 51px !important; margin: 0 0 0 -12px; } .con_right .top10 .top10_box .top10_list ul li .img img{ position: relative; top: -4px; width: 76px !important; height: 51px !important; } .con_right .top10 .top10_box .top10_list ul li .img { height: 57px; } .con_right .top10 .top10_box .top10_list ul li.bimg i { background-color: transparent !important; color: #e94840 !important; } .con_right .top10 .top10_box .top10_list ul li:hover { background-color: transparent; color: #e94740; } .con_right .top10 .top10_box .top10_list ul li:first-child:hover i{ background-color:transparent;} .con_right .top10 .top10_box .top10_list ul li i { width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 3px; background-color: transparent; color: #696969; margin-right: 14px; } .top10_list .img_b{ display: block; } .top10_list .img_b>div{ display: block !important; } .top10_list .img_b .t1{ position: relative; top: -0px; height: 20px; line-height: 20px; color: #333333; font-size: 14px; } .top10_list .img_b .t2{ position: relative; top: -5px; height: 20px; line-height: 20px !important; font-size: 12px; color: #666666; } .con_right .top10 .top10_box .top10_list ul li:first-child span{ line-height: 32px; height: 32px; } .con_left .lump .title_ico { position: relative; padding-left: 16px; font-size: 20px; } .con_left .lump .title_ico:after { width: 4px; height: 20px; background-color: #e94740; border-radius: 2px; content: ''; display: block; position: absolute; top: 14px; left: 1px; } .con_right .lump .tit:after { width: 4px; height: 22px; background-color: #e94740; border-radius: 2px; content: ''; display: block; position: absolute; top: 16px; left: 1px; } .next-ico{ font-family: SimSun; } .con_left .cartype_list table tbody tr td .i2 { background: url(//n.sinaimg.cn/auto/bcb2f64e/20201015/ico123.png) no-repeat center center; } .con_left .img_list .video_box ul li i { background: url(//n.sinaimg.cn/auto/bcb2f64e/20201015/ico130.png) no-repeat center center; width: 50px; height: 50px; top: 40px; left: 77px; } .con_left .dealer_list ul li .info .info_tit i { background: url(//n.sinaimg.cn/auto/bcb2f64e/20201015/ico131.png) no-repeat center center; width: 22px; height: 22px; border-radius: 2px; background-color: transparent; color: transparent; text-align: center; line-height: 20px; font-size: 14px; margin-right: 12px; } .con_left .dealer_list ul li .info dl dd .phone_num { font-size: 18px; color: #f1811e; } .bl .con { position: relative; margin: 30px 0px 25px; background: #fff; } .bl .chart{ position: relative; width: 520px; height: 190px; float: right; } .bl .con .tit1{ margin: 55px 0 0; color: #333; font-size: 14px; } .bl .con .tit1 .num{ margin: 13px 0 0; color: #111; font-size: 14px; } .bl .con .tit1 .num span{ color: #e94740; font-size: 36px; } .bl .con .tit2{ margin: 53px 0 0; color: #333; font-size: 14px; } .bl .con .tit2 .num{ margin: 13px 0 0; color: #111; font-size: 14px; } .bl .con .tit2 .num span{ color: #ff670c; font-size: 36px; } .bl .con_b{ padding: 25px 0 0; margin: -15px 0px 5px; border-top: 1px dashed #ccc; } .bl .con_b .tit{ position: relative; height: 24px; line-height: 24px; display: inline-block; padding: 0 15px; text-align: center; color: #fff; font-size: 14px; background: #c7c9d8; margin: 0 26px 0 0; border-radius: 14px; } .bl .con_b .tit a { display: block; position: absolute; left: 120px; top: 0; height: 24px; line-height: 24px; width: 200px; text-align: center; color: #2098fb; font-size: 14px; } .koubei .fl { display: block; } .koubei .con_b .tit2>div { font-weight: bold; width: 50%; text-align: center; color: #111111; font-size: 18px; float: left; } .koubei .con_b .tit2 .t1 span { padding: 5px 0 5px 35px; background: url(//n.sinaimg.cn/auto/bcb2f64e/20200609/ico56.png) left center no-repeat; } .koubei .con_b .tit2 .t2 span { padding: 5px 0 5px 35px; background: url(//n.sinaimg.cn/auto/bcb2f64e/20200609/ico57.png) left center no-repeat; } .koubei .common_tags { margin: 18px 0px 0; } .common_tags, .common_tags .tags { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .common_tags .tags { -webkit-box-flex: 1; box-flex: 1; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 50%; text-align: center; } .common_tags .tags i { display: block; font-size: 14px; padding: 0 12px; border-radius: 5px; line-height: 28px; height: 28px; margin: 5px; } .common_tags .tags:first-child i { color: #0e96fe; background-color: #edf6fd; } .common_tags .tags:nth-child(2) i { color: #fa7d3c; background-color: #fef1eb; } .con_left .dealer_list ul li .dealer_d .inquiryicon-s3 { width: 80px; height: 30px; line-height: 30px; } .con_left .dealer_list ul li .dealer_d { padding-top: 35px; } .con_left .dealer_list ul li .info dl dd .b{ color: #333; font-weight: bold; } .con_left .dealer_list ul li .info dl dd .map { color: transparent; margin-left: 15px; } .con_left .dealer_list ul li { padding: 12px 0; border-bottom: 1px solid #eee; } .con_left .dealer_list ul li .info dl dd .map { color: transparent; margin-left: 8px; } .con_left .dealer_list ul li .info dl dd .map i { position: relative; top: -2px; background: url(//n.sinaimg.cn/auto/bcb2f64e/20201015/ico132.png) no-repeat center center; } .con_left .dealer_list .more { margin: 12px 0 0 0; width: 100%; height: 50px; background-color: #fbfbfb; font-size: 14px; color: #868686; line-height: 50px; display: block; text-align: center; border: 1px solid #f2f2f2; } .con_right .rec_car ul li { padding: 0 12px; line-height: 44px; white-space: nowrap; font-size: 14px; color: #222; border-radius: 0px; } .con_right .rec_car ul li:nth-child(2n+2) { background-color: #f6f6f6; } .con_left .auto-hot-list { border: 1px solid #f2f2f2; background: #fafafa; padding: 0px 20px 20px; } .con_left .auto-hot-list dl { padding: 20px 0 23px; border-bottom: 1px solid #dcdcdc; } .con_left .auto-hot-list dl:last-child { padding: 20px 0 0px; border-bottom: 0px solid #dcdcdc; } .con_left .auto-hot-list dt { width: 80px; padding: 14px 0 0; color: #333; font-size: 14px; font-weight: bold; line-height: 18px; position: relative; padding-left: 7px; float: left; } .con_left .auto-hot-list dd { margin: 0 0 0 110px; padding: 12px 0 0; line-height: 24px; color: #868686; font-size: 12px; } .con_left .auto-hot-list dd a{ color: #333; } .con_left .auto-hot-list dt:after { width: 1px; height: 42px; background-color: #dcdcdc; position: absolute; top: 15px; left: 87px; content: ''; display: block; } .con_left .realPicture .title { height: 20px; line-height: 20px; position: relative; margin-bottom: 20px;} .con_left .realPicture .title:before {content: ''; position: absolute; top: 4px; left: 0px; width: 3px; height: 12px; background: #e94740;} .con_left .realPicture .title .tit {font-size: 14px; font-weight: bold; color: #333; padding-left: 8px;} .con_left .realPicture .title .tit span {font-weight: normal; font-size: 12px; padding-left: 4px;} .con_left .realPicture .title .all {font-size: 12px; color: #333;} .con_left .realPicture .title .all:hover { color: #e94740;} .con_left .realPicture .title .all span {font-family: 'simsun'; padding-left: 5px; color: #b2b2b2;} .con_left .realPicture .imglist {width: 650px; margin-bottom: 25px;} .con_left .realPicture .imglist:last-child { margin-bottom: 0px;} .con_left .realPicture .imglist>li {width: 152px; margin-right: 10px; height: 102px; float: left;} .con_left .realPicture .imglist .img {width: 152px; height: 102px; display: block;} .con_left .realPicture .imglist .img img {width: 152px; height: 102px; display: block;} .con_left .realPicture .colortags { padding: 20px 0 0px; margin-bottom: 25px;} .con_left .realPicture .colortags>li {margin-bottom: 6px;} .con_left .realPicture .colortags>li .dt:before {content: ''; position: absolute; top: 4px; left: 0px; width: 3px; height: 12px; background: #e94740;} .con_left .realPicture .colortags>li .dt {padding-left: 8px; width: 80px; color: #333; font-size: 14px; font-weight: bold; position: relative;} .con_left .realPicture .colortags>li .dd {margin-left: 70px;} .con_left .realPicture .colortags>li .dd>a {display: block; float: left; width: 116px; height: 18px; line-height: 18px; font-size: 12px; margin-bottom: 14px; overflow: hidden;} .con_left .realPicture .colortags>li .dd>a:hover {color: #e94740;} .con_left .realPicture .colortags>li .dd>a i {width: 16px;height: 16px;border: 1px solid #dfdfdf; float: left; margin-right: 8px; } .con_left .realPicture .colortags>li .dd>a span { vertical-align: top; float: left; width: 90px; overflow: hidden;} .con_left .realPicture .colortags>li .dd>a em { float: left; width: 17px; height: 17px; margin: 0px 5px 0 0; display: block; border: 1px solid #dfdfdf; } .realPicture .gray { opacity: .4; cursor: default; } .con_left .img_list .realPicture .tit { line-height: 20px; border: 0; position: relative; margin: 0; width: 200px; } .clearfix:after { content: '\0020'; display: block; height: 0; font-size: 0; visibility: hidden; clear: both; } .con_left .dealer_list .tit .city-layer a:hover, .con_left .dealer_list .tit .city-layer a.on { background: transparent; border-radius: 2px; color: #ea4740; margin-left: -4px; padding: 0 2px; } .con_left .dealer_list .tit .city-layer a:hover i, .con_left .dealer_list .tit .city-layer a.on i { opacity: 1; } .inquiryicon-s1 { width: 80px; height: 25px; line-height: 25px; } #map_content .BMap_bubble_pop .dealer_content {border: none; box-shadow: none; padding: 0px 15px;} #map_content .BMap_bubble_pop .dealer_content:after {display: none;} #map_content .BMap_bubble_pop .dealer_content_brand,.BMap_bubble_pop .dealer_content_address,.BMap_bubble_pop .dealer_content_tel {position: relative; top: 0;} #map_content .BMap_bubble_pop .BMap_bubble_center {position: relative; top: -15px;} #map_content .BMap_bubble_pop .dealer_content .xunjia {top: 35px;} #map_content .BMap_bubble_pop .closePop {display: none;} #mainHead{ margin: 0; } #mainHead .wrap{ padding: 10px 0 5px } .con_left .lump .tit{ width: auto; line-height: 43px; } .con_left .cartype_list table tbody tr td .s{ height: auto; white-space: initial; overflow: hidden; } .con_right .lump .tit{ border-bottom: 3px solid #eee; } .cimg_right .inquiryicon-s1{ font-size: 14px; } .side-btns-wrap{ bottom: auto; } .con_left .cartype_list table tbody tr td{ font-size: 14px; } .zx_box_con .img .txt>div{ text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 44px; } .con_left .cartype_list table tbody tr td .s{ } .con_left .cartype_list table tbody tr td span:first-child{ line-height: 18px; } .con_left .cartype_list table tbody tr td{ height: 53px; line-height: 53px; } .con_left .cartype_list table tbody tr{ height: 53px; line-height: 53px; } .con_right .top10 .top10_box .top10_list ul li a{ width: 124px; } .con_right .top10 .top10_box .top10_list ul li{ background: url(http://n.sinaimg.cn/auto/bcb2f64e/20201103/ico150.png) 99% center no-repeat; } .con_left .img_list .video_box ul li span{ font-size: 14px; height: 40px; line-height: 22px; } .con_right .browse ul li .img img{ margin: 0 10px; } .con_right .browse ul li .price{ text-align: center; } .browse .txt{ text-align: center; } .con_right .browse ul li .price .item{ display: none; } .con_left .realPicture .imglist>li{ width: 207px; height: 138px; } .con_left .realPicture .imglist .img { width: 207px; height: 138px; } .con_left .realPicture .imglist .img img { width: 207px; height: 138px; } .con_left .realPicture .imglist { width: 652px; } .con_right .pk_list ul, .con_right .browse ul{ width: 320px; } .con_left .realPicture .imglist { width: 662px; } .con_left .realPicture .imglist .img img { width: 200px; height: 135px; } .con_left .realPicture .imglist>li { width: 200px; height: 135px; } .con_left .realPicture .imglist>li { margin-right: 20px; } .con_left .cartype_list table tbody tr td:first-child+td { text-align: center; display: block; } .con_img .cimg_right .line.line2{ margin: 10px 0 0; } .swiper1 { margin: 10px 0 20px; } .con_left .lump .title_ico:after{ top: 13px; } .con_left .cartype_list table tbody tr td .s{ max-width: 305px; } .con_left .img_list{ padding-top: 25px; } .bl .con{ margin: 15px 0px 25px; } .side-btns-wrap{ top: 273px; } .con_left .realPicture .colortags{ padding: 0; margin: 0; } .con_left .realPicture .colortags>li .dd{ margin-left: 95px; } .rec_car .name{ display: inline; } .top10_list .img_b .t1{ width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .con_right .top10 .top10_box .top10_list ul li{ position: relative; } .con_right .top10 .top10_box .top10_list ul li a{ /*width: auto;*/ } .con_right .top10 .top10_box .top10_list ul li.bimg:hover .t1{ color: #f9644e; } .con_right .top10 .top10_box .top10_list ul li:hover a{ color: #f9644e; } .con_right .top10 .top10_box .top10_list ul li a.bg{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } .no-swiper1{ margin: 15px 0 25px; } .con_left{ margin: -15px 0 0; } .con_right .rec_car ul li a{ display: block; } .con_right .top10 .top10_box .top10_list{ height: 444px; overflow: hidden; } .con_right .pk_list ul li, .con_right .browse ul li{ margin: 0; } #topTool { padding-bottom: 0px; } #mainHead{ margin: 0; } #mainHead .wrap{ padding: 0px 0 5px } .con_left .dealer_list ul li .dealer_d .d{ display: none; }