.l-box{float:left;width:240px;height:100%;box-sizing:border-box;margin-right:20px;background-color:#f2f4f6} .l-box a{display:block;width:100%;box-sizing:border-box;padding:0 20px} .l-box a:hover{background-color:#ebeced} .l-box a:hover .nav_item .icon.ic-btn_arrow{display:block;width:7px;height:7px;background-image:none;border-top:1px solid #666;border-right:1px solid #666;transform:rotate(45deg)} .l-box a:hover .nav_item{border-top-color:transparent} .l-box a:hover a .nav_item{border-top-color:transparent} .l-box a:first-child .nav_item{border:none} .l-box a .nav_item{box-sizing:border-box;position:relative;width:100%;height:110px;padding-left:60px;border-top:1px solid #e2e4e6} .l-box a .nav_item .icon{position:absolute;top:0;bottom:0;left:0;margin:auto} .l-box a .nav_item .icon.ic-btn_arrow{right:1px;left:auto;display:block;width:7px;height:7px;background-image:none;border-top:1px solid #999;border-right:1px solid #999;transform:rotate(45deg)} .l-box a .nav_item .logo{position:absolute;top:0;bottom:0;left:0;margin:auto;width:40px;height:40px;overflow:hidden} .l-box a .nav_item .logo img{display:block;width:40px;height:40px;border-radius:50%} .l-box a .nav_item .info{box-sizing:border-box;display:table;width:100%;height:100%} .l-box a .nav_item .info .cont{display:table-cell;vertical-align:middle} .l-box a .nav_item .info .tit{font-size:14px;font-weight:bold;color:#333;margin-bottom:3px} .l-box a .nav_item .info .desc{width:120px;font-size:12px;color:#999;line-height:20px} .r-box{float:right;width:340px;position: sticky;top: 0;} .r-box .container{position:relative;width:100%;background-color:#f2f4f6;margin-bottom:20px} .r-box .container .head_tit{position:relative;box-sizing:border-box;width:100%;height: 33px;background: #ededed;} .r-box .container .head_tit::after{content:'';display:block;width:100%;height:0;clear:both} .r-box .container .head_tit .item{float:left;height:100%;line-height:54px;font-size:16px;color:#333;margin-right:39px} .r-box .container .head_tit h2 { display: inline-block;float: left;height: 33px;padding: 0 10px;background: #1c8dd5;color: #fff;font: normal 18px/33px "\5fae\8f6f\96c5\9ed1","\9ed1\4f53";} .r-box .container .head_tit .more{position:absolute;top:0;right:20px;height:100%;line-height:33px} .r-box .container .head_tit .more a{color:#333;font-size:12px} .r-box .headline{border-bottom:1px solid transparent} .r-box .headline>ul{box-sizing:border-box;width:100%;padding:20px 20px 14px} .r-box .headline>ul li{position:relative;box-sizing:border-box;width:100%;padding-left:15px;margin-bottom:17px} .r-box .headline>ul li::after{content:'';position:absolute;top:8px;left:0;border-left:5px solid #1c8dd5;border-top:3px solid transparent;border-bottom:3px solid transparent} .r-box .headline>ul li a{font-size:14px;line-height:22px;color:#333;font-weight:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:8px} .r-box .headline>ul li a a{font-size:14px;line-height:22px;color:#333;font-weight:normal} .r-box .headline>ul li a:hover{color:#1c8dd5} .r-box .headline>ul li .time{font-size:12px;color:#999} .r-box .headline>img{display:block;max-width:330px} .r-box .headline .garden{width:100%;background:#f7f7f7} .r-box .headline .garden dl{width:100%;margin:0 auto;box-sizing:border-box;padding:0 20px;min-height:10px;overflow:hidden} .r-box .headline .garden dl dt{width:60px;float:left;margin-top:20px} .r-box .headline .garden dl dt img{width:60px;height:60px;border-radius:50%} .r-box .headline .garden dl dd{width:170px;float:left;margin-left:20px;margin-top:20px} .r-box .headline .garden dl dd h5{font-size:18px;color:#333} .r-box .headline .garden dl dd a h5:hover{color:#ff6500} .r-box .headline .garden dl dd p{line-height:24px;font-size:14px;color:#8a8a8a;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical} .r-box .headline .garden ul{width:100%;margin:0 auto;box-sizing:border-box;padding:0 20px;margin-top:30px;margin-bottom:26px} .r-box .headline .garden ul li{width:100%;height:30px;font-size:14px} .r-box .headline .garden ul a{display:block;width:100%;height:30px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .r-box .headline .garden ul a:hover{color:#ff6500} .r-box .headline .garden .enter{display:block;box-sizing:border-box;margin:0 auto;width:100%;height:58px;border:1px solid #ccc;text-align:center;line-height:58px;font-size:18px;color:#8a8a8a} .r-box .headline .garden .enter:hover{color:#fff;background:#ff6500;border:1px solid #ff6500} .r-box .entrances::after{content:'';display:block;width:100%;height:0;clear:both} .r-box .entrances .item{display:block;box-sizing:border-box;padding:20px 0;float:left;width:50%;height:100%} .r-box .entrances .item:nth-child(2n) .cont{border-right:none} .r-box .entrances .item:hover{background-color:#ebeced;cursor:pointer} .r-box .entrances .item:hover .cont{border:none} .r-box .entrances .item .cont{width:100%;height:115px;border-right:1px solid #e2e4e6;text-align:center} .r-box .entrances .item .cont .log{margin:10px auto 16px;width:34px;height:30px} .r-box .entrances .item .cont .log img{width:100%;height:100%} .r-box .entrances .item .cont .tit{font-size:15px;color:#333;font-weight:bold;margin-bottom:11px} .r-box .entrances .item .cont .desc{font-size:12px;color:#999;line-height:18px} /* ads */ .tips-bignews{text-align:center; width:100%;height: 70px;background-color: #f6f5f5;position: relative;margin-bottom: 12px;} .r-box .tips-bignews h2 a {display: block;font-size: 24px;color: #e64543;font-weight: bold;line-height: 46px;width: 100%;height: 46px;overflow: hidden;} /* 栏目模板 */ .column .title h2 a em,.toutiaoad em{background: no-repeat;width: 29px;height: 5px;background-position: -87px -28px;} .column-toutiao .title {height: 48px;border-bottom: 4px solid #1c8dd5;} .column-toutiao .title h2 {float: left;height: 48px;font: normal 30px/48px "\5fae\8f6f\96c5\9ed1","\9ed1\4f53";} .column-toutiao .toutiaoad{position: relative;overflow: hidden;float: right;width: 490px;height: 48px;padding-left: 25px;} .toutiaoad em{ display: block; position: absolute; left: 0; top: 16px; z-index: 1; width: 25px; height: 16px; background-position: -87px -62px;} .toutiaoad ul{ height: 48px;} .toutiaoad li{ float: left; width: 155px; height: 48px; font: 14px/48px "\5b8b\4f53";} .col-news{height: 181px; margin-top: 20px;} .col-news .newstit {height: 41px;background: #ededed;} .news-pic{width: 200px;} .newstit h2{ float: left; width: 90px; font: normal 22px/41px "\5fae\8f6f\96c5\9ed1", "\9ed1\4f53"; text-align: center; letter-spacing: 8px;} .newstit h3{ float: right; width: 109px; border-left: 1px solid #fff; color: #999; font: normal 12px/41px "\5fae\8f6f\96c5\9ed1", "\9ed1\4f53"; text-align: center; letter-spacing: 2px;} .newstit a:link,.newstit a:visited, .newstit a:hover,.newstit a:active{ text-decoration: none;} .news-index{width: 515px;} .newsbod{ display: block; position: relative; width: 200px; height: 130px; margin-top: 10px;} .newsbod span{ display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 79px; background: no-repeat;} .newsbod strong{ overflow: hidden;display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 34px; color: #fff; font: normal 14px/34px "\5b8b\4f53"; text-align: center;} .news-index h2{ padding-left: 10px; font: normal 24px/41px "\5fae\8f6f\96c5\9ed1","\9ed1\4f53";overflow: hidden;height: 41px;} .news-index h2 a:link,.news-index h2 a:visited{ color: #076aa9;} .news-index h2 a:hover,.news-index h2 a:active{ color: #c00;} .news-index ul{ margin-top: 22px;} .news-index li a{height: 30px;line-height: 30px;margin: 0 4px;font-size: 14px;color: #333;} .news-index li a.more{ display: inline-block; height:24px; margin:6px 0 6px 4px; padding:0 5px; font:12px/24px "\5b8b\4f53"; vertical-align:middle;} .news-index li a.more:link,.news-index li a.more:visited{ background:#5dbdfa; color:#fff;} .news-index li a.more:hover,.news-index li a.more:active{ background:#1c8dd5; color:#fff;} .column .title{ height: 35px;} .column .title h2{ float: left; color: #df5501; font: normal 18px/35px "\5fae\8f6f\96c5\9ed1";} .column .title h2 a{ color: #df5501;} .column .title h2 a em{ display: inline-block; margin-left: 7px; vertical-align: middle;} .column .title span{ float: right; color: #999; font: normal 15px/35px "\5fae\8f6f\96c5\9ed1";} /* 热门车型推荐 */ .carshow .qc-head { height: 45px; margin: 15px 0; background: #fafafa;} .carshow .qc-head li{ cursor: pointer; float: left; width: 275px; height: 45px; font-size: 24px; line-height: 45px; text-align: center;} .carshow .qc-head li.current{ background: #1c8dd5; color: #fff;} .carshow { position: relative; overflow: hidden; width: 1100px; height: 410px;} .carshow .qc-body dl{ width: 1128px;} .carshow .qc-body dd{ float: left; width: 252px; height: 351px; margin-right: 29px;} .carshow .qc-body dd img{ width: 252px; height: 175px;} .carshow .qc-body dd h4{ height: 35px; background: #f4f4f4; font-size:16px ; line-height: 35px; text-align: center;} .carshow .qc-body dd div{ position: relative; height: 115px; margin-top: 10px;} .carshow .qc-body dd div p{ float: left; width: 160px; margin: 0; padding: 0 5px; font-size: 14px;line-height: 28px;} .carshow .qc-body dd div a.ask{ display: block; position: absolute; right: 0; top: 0; width: 45px; height: 24px; background: #1c8ed6; color: #fff; font: 12px/24px "\5b8b\4f53"; text-align: center;} .carshow .qc-body dd div a.ask:link,.carshow .qc-body dd div a.ask:visited, .carshow .qc-body dd div a.ask:hover,.carshow .qc-body dd div a.ask:active{ color: #fff; text-decoration: none;} /* 新车汇 */ .car_pics{position:relative;width: 1100px;height: 420px;} .car_pics .mask{display:block;height:79px;width:100%;background: no-repeat;_background-image:none;_filter:progid:dximagetransform.microsoft.alphaimageloader(src='https://mat1.gtimg.com/auto/2014/images/mask.png',sizingmethod='crop');position:absolute;bottom:0;left:0;cursor:pointer} .car_pics span{font-size:14px; line-height: 38px; text-align:center;height:38px;display:block;width:100%;position:absolute;left:0;bottom:0;color:#fff} .car_pics:hover{text-decoration:none} .car_pics:hover span{text-decoration:none;cursor:pointer} .car_pics a{display:block;position:absolute;top:0;left:0;text-decoration:none} .car_pics a:hover{text-decoration:none} .car_pics a.a,.car_pics a.a img{width: 400px;height: 266px;} .car_pics a.b,.car_pics a.b img{width: 300px;height: 200px;} .car_pics a.b{left: 401px;} .car_pics a.c,.car_pics a.c img{width: 200px;height: 133px;} .car_pics a.c{left: 702px;} .car_pics a.d,.car_pics a.d img{width: 200px;height: 133px;} .car_pics a.d{left: 903px;} .car_pics a.e,.car_pics a.e img{width: 200px;height: 133px;} .car_pics a.e{top: 267px;} .car_pics a.f,.car_pics a.f img{width: 199px;height: 133px;} .car_pics a.f{top: 267px;left: 201px;} .car_pics a.g,.car_pics a.g img{width: 300px;height: 199px;} .car_pics a.g{top: 201px;left: 401px;} .car_pics a.h,.car_pics a.h img{width: 401px;height: 266px;} .car_pics a.h{top: 134px;left: 702px;} /*全屏广告*/ .full_yefei_ad {position: fixed; bottom: 50%; margin-bottom: -250px;left: 50%;margin-left: -550px;width: 1100px;height: 550px;overflow: hidden;display: none;z-index: 99;} .close_yc_full {position: absolute;width: 138px;height: 47px;right: 0;top: 5px; z-index: 11;cursor: pointer;} @media screen and (max-width: 1440px).txtarea li {line-height: 32px;} @media screen and (max-width: 1440px).txtarea li {font-size: 14px;} .txtarea li {font-size: 14px;line-height: 28px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .r-box .global .prod_list{box-sizing:border-box;width:100%;padding:25px 0 5px} .r-box .global .prod_list .prod{display:block;width:100%;height:90px;box-sizing:border-box;padding:0 20px;margin-bottom:0px} .r-box .global .prod_list .prod::after{content:'';display:block;width:100%;height:0;clear:both} .r-box .global .prod_list .prod:hover .img_box img{transform:scale(1.3,1.3)} .r-box .global .prod_list .prod .img_box{float:left;width:100px;height:70px;margin-right:15px;overflow:hidden} .r-box .global .prod_list .prod .img_box img , .col-news .news-pic .newsbod img{transition:all .4s;width:100%;height:100%} .r-box .global .prod_list .prod .info{float:left;width:180px;height:100%} .r-box .global .prod_list .prod .info .tit{line-height:22px;font-size:14px;color:#333;margin-top:-2px;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .r-box .global .prod_list .prod .info .tit:hover{color:#1c8dd5} .r-box .global .prod_list .prod .info .tit:hover a{color:#1c8dd5} .r-box .global .prod_list .prod .info .tit a{font-size:14px;color:#333} .r-box .global .prod_list .prod .info .desc{font-size:12px;line-height:20px;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .r-box .adv img{width:300px;height:90px} .r-box .adv.big img{width:300px;height:180px} .r-box .articles .artic_box{box-sizing:border-box;width:100%;padding:25px 0 1px} .r-box .articles .artic_box .item{width:100%;height:70px;box-sizing:border-box;padding:0 20px;margin-bottom:25px;display:block} .r-box .articles .artic_box .item::after{content:'';display:block;width:100%;height:0;clear:both} .r-box .articles .artic_box .item:hover .img_box img{transform:scale(1.3,1.3)} .r-box .articles .artic_box .item .img_box{float:left;width:100px;height:70px;margin-right:15px;overflow:hidden} .r-box .articles .artic_box .item .img_box img{transition:all .4s;width:100%;height:100%} .r-box .articles .artic_box .item .info{position:relative;float:left;width:145px;height:70px} .r-box .articles .artic_box .item .info .tit{font-size:14px;color:#333;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .r-box .articles .artic_box .item .info .tit:hover{color:#1c8dd5} .r-box .articles .artic_box .item .info .time{position:absolute;bottom:0;left:0;font-size:12px;line-height:20px;color:#999} .r-box .articles .artic_box ul.show{padding:5px 15px;overflow:hidden} .r-box .articles .artic_box ul.show li{padding:10px 5px; position:relative;overflow:hidden;border-top:#efefef 0px solid;float:left} .r-box .articles .artic_box ul.show li img{width:120px;height:48px;float:left;border:#efefef 1px solid} .r-box .focus .hot_point{box-sizing:border-box;width:100%;padding:25px 20px 20px}.r-box .focus .hot_point .item_wrap{margin-left:-10px}.r-box .focus .hot_point .item_wrap::after{content:'';display:block;width:100%;height:0;clear:both}.r-box .focus .hot_point .item_wrap .item{float:left;padding:0 12px;border:1px solid #ebeced;margin-bottom:10px;margin-left:10px;background-color:#fff;border-radius:15px}.r-box .focus .hot_point .item_wrap .item:hover a{color:#1c8dd5}.r-box .focus .hot_point .item_wrap .item a{display:block;line-height:30px;font-size:14px;color:#666} .m-box{float:left;width:740px;} .warp .left{width:740px;float:left;} .warp .left .qc-head{font-size:15px;overflow:hidden;background:#f2f4f6} .warp .left .qc-head li{float:left;list-style-type:none;font-weight:normal;padding:0px 20px;line-height:45px; } .warp .left .qc-head li.current a{color:#1c8dd5} .warp .left .qc-head li.current a .p-reb-bg{width:100%;background: #1c8dd5;} .warp .left .qc-head li a .p-reb-bg {width: 5px;height: 2px;background: #f2f4f6;margin: 0px auto;-webkit-transition: width .3s linear;-moz-transition: width .3s linear;-ms-transition: width .3s linear;-o-transition: width .3s linear;transition: width .3s linear;} .warp .left .qc-head li a:hover .p-reb-bg {width: 100%;background: #1c8dd5;} .warp .left .qc-body{overflow:hidden;padding-bottom:20px;} .warp .left .qc-body dl dd{padding:20px 0px;overflow:hidden;border-bottom:#e9e9e9 1px solid;position:relative} .warp .left .qc-body dl dd .thumb{width:180px;height:120px;overflow:hidden;float:left;margin-right:15px;} .warp .left .qc-body dl dd img{width:180px;height:120px;cursor: pointer;transition: all 0.6s;} .warp .left .qc-body dl dd .thumb:hover img{transform: scale(1.05);} .warp .left .qc-body h2{font-size:18px;margin-bottom:10px;font-weight:normal;overflow:hidden} .warp .left .qc-body h2 a{color:#333} .warp .left .qc-body h2 a:hover{color:#1c8dd5} .warp .left .qc-body p{line-height:20px;color:#777;font-size:14px;height:65px;} .warp .left .qc-body p a{color:#1c8dd5;margin-right:10px;} .warp .left .qc-body p.bottom{line-height:30px;color:#777;font-size:14px;height:30px;overflow:hidden} .warp .left .qc-body p.bottom img{width:30px;height:30px} .warp .left .qc-body i{overflow:hidden;font-size:14px; text-align:center;font-style:normal;float:right} .warp .left .qc-body .text{overflow:hidden;height:123px;margin-top:-3px;} .warp .left .qc-body a.more{border:#1c8dd5 1px solid; text-align:center;border-radius:5px;margin:25px 280px 0px ;display:block;padding:10px;font-size:14px;color:#1c8dd5} .warp .left .qc-body a.more:hover{background:#1c8dd5;color:white} .warp .left .qc-body ul{width:1000px;margin-top:10px;overflow:hidden} .warp .left .qc-body li{width:265px;float:left; background:white;margin:10px 15px 10px 0px;padding:8px;border:#eee 1px solid;} .warp .left .qc-body li h3{color:#000;font-size:14px;font-weight:400;text-align:left;line-height:20px;height:20px;margin:10px 0px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap} .warp .left .qc-body li h3 a{color:#000} .warp .left .qc-body li ins{color:#1c8dd5;text-align:left;display:inline-block;font-size:12px;text-decoration:none;height:30px;line-height:30px;overflow:hidden;width:265px;} .warp .left .qc-body li ins em{color:#1c8dd5;font-size:16px;padding-right:2px;} .warp .left .qc-body li ins i{float:right;color:#0ba256;font-size:14px;font-weight:normal;padding-left:25px;background: no-repeat 10px 10px} .warp .left .qc-body li .pic{width:265px;height:234px;overflow:hidden} .warp .left .qc-body li img{ vertical-align:top;width:100%;height:234px;width:265px;transition: all 0.5s;} .warp .left .qc-body li:hover img{transform: scale(1.03);} .warp .left .qc-body li ins del{font-size:14px;color:#666;margin-left:10px} . .im0m{margin:0px auto;width:1200px;clear:both;position:relative;padding:0px 15px;} .im0a div {width:595px;height:90px;float:left;overflow:hidden;} .im0b div {width:595px;height:90px;margin-left:10px;float:left;overflow:hidden;}