body{background: #fff;} a:hover{text-decoration: none;color: #82BB30;} .special-mrap{ width: 1100px; margin: 0 auto; /*position: relative;*/} .special-mrap:after{ content: "."; overflow: hidden; display: block; height: 0; clear: both;} .special-mrap .special-left{ width: 780px; float: left;} .special-mrap .special-right{ width: 300px; float: right;} /*用户口碑start-------*/ .special-mrap .special-left .car-conment{height: 270px;width: 100%;} .special-mrap .special-left .car-conment img{float: left;height: 231px;width: 326px;margin-top: 25px;} .special-mrap .special-left .car-conment .car-conment-right{width:398px;height: 231px;margin: 25px;float: left;} .special-mrap .special-left .circle>span{z-index: 999;position: absolute;color: #333;top: 56px;left:34px ;color: #fd6d6c;} .special-mrap .special-left .circle .circle-left{width:96px;height: 96px;float: left;} .special-mrap .special-left .circle .circle-right{height:100%;float: left;width:300px;} .special-mrap .special-left .circle .circle-right p:first-child{margin-top: 10px;} .special-mrap .special-left .circle .circle-right p {line-height: 26px;height: 26px;} .special-mrap .special-left .circle .circle-right p span:first-child{display: inline-block;/*float: left;*/color: #999;width: 90px;margin: 0 10px 0 10px;} .special-mrap .special-left .circle .circle-right p .range-bg{display: inline-block;width: 180px;height: 13px;background: #EBEBEB;position: relative;} .special-mrap .special-left .circle .circle-right p .range-bg .range-w{position: absolute;display: inline-block;left: 0;top: 0;background:#fd6d6c ;height: 100%;} .special-mrap .special-left .baojia-price{width: 100%;height: 120px;float: left;position: relative;} .special-mrap .special-left .baojia-price p:first-child{line-height: 100px;} .special-mrap .special-left .baojia-price p{color: #666;height: 60px;line-height:80px;text-indent: 20px;} .special-mrap .special-left .baojia-price p .ck-price{color:#ec0000;font-size: 18px;} .special-mrap .special-left .baojia-price .pingjia{position: absolute;display: block;width:104px ;height: 32px;color: white;text-align: center;line-height: 32px;background:url(/images/auto/series/pen.png) 15px 8px no-repeat #ff811b;top: 58px;right: 4px;text-indent: 20px;} /*全部车款*/ .special-mrap .car-all-type{float: left;width: 100%;margin-bottom: 20px;} .special-mrap .car-all-type h2{width: 100%;height:24px;line-height:24px;font-size: 20px;border-left: 5px solid #82BB30;text-indent: 10px;margin: 15px 0 25px 0;} .special-mrap .car-all-type h2+table{width: 100%;} .special-mrap .car-all-type h2+table tr:first-child{background:#52626f ;height: 32px;color: white;} .special-mrap .car-all-type h2+table tr td:first-child{text-indent: 5px;} .special-mrap .car-all-type h2+table tr:nth-child(2n+2){background:#f0f8ff ;} .special-mrap .car-all-type h2+table td{height: 50px;color: #666666;width:135px;} .special-mrap .car-all-type h2+table td .pingjia{ position: absolute;display: block;width:78px ;height:26px;color:#ff811b;text-align: center;line-height: 26px;background:url(/images/auto/series/pen-y.png) 5px 7px no-repeat white;top: 10px;right: 4px;text-indent: 15px;border-radius: 3px;border: 1px solid #ff811b;} .special-mrap .car-all-type h2+table tr th{text-align: left;text-indent: 30px;} .special-mrap .car-all-type h2+table td .code{color: #e14446;padding:0 10px ;} .special-mrap .car-all-type h2+table td .butie-price{color: #52626F;padding: 0 10px;} /*我要评价*/ .special-mrap .pingjia-warpper table{width: 100%;} .special-mrap .pingjia-warpper table tr{background: none!important;} .special-mrap .pingjia-warpper table tr:first-child{background: #52626f!important;height: 32px;color: white;} .special-mrap .pingjia-warpper table tr td:first-child{text-indent: 5px;} .special-mrap .pingjia-warpper table td{height: 50px;color: #666666;width:80px;} .special-mrap .pingjia-warpper table tr .login{float: right;margin-right: 5px;font-size: 14px; color: #666;} .special-mrap .pingjia-warpper table tr .login a{color: #536def;text-decoration: underline; margin: 0px 5px;} .special-mrap .pingjia-warpper input,select,textarea{height: 30px;text-indent: 1em;border: 1px solid #E8E8E8;border-radius: 3px;} .special-mrap .pingjia-warpper input{width: 960px;resize: none;} .special-mrap .pingjia-warpper textarea{width: 960px;resize: none;padding:10px;text-indent: 0em;} .special-mrap .pingjia-warpper .tijiao {height: 28px;width: 92px;background:#ff6600;display:block;color: white;line-height: 28px;text-align: center;margin:15px 0 0 950px;} .special-mrap .pingjia-warpper .star-row .star{width: 12px;width: 116px;height: 24px;} /*reply*/ .reply-form{margin: 15px 0;border-top: 0 none;padding: 0;} .reply-form textarea{display: block;width:728px;min-height:84px;overflow: visible;padding: 7px 10px;word-break: break-all;word-wrap: break-word;background: #fff;border: 1px solid #e7e7e7;resize:vertical;-webkit-appearance: none;border-image: none;border-radius: 0;line-height:22px;} .reply-form textarea.empty{background: #f5f5f5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANQAAAAeCAMAAABjc8D4AAAAeFBMVEXMzMz19fX09PTr6+ve3t7l5eXR0dHv7+/y8vLa2trW1tbx8fHt7e3o6Oji4uLNzc3w8PDz8/Ps7Ozc3Nzp6enq6urX19fb29vn5+fOzs7u7u7Q0NDS0tLf39/g4ODY2Njh4eHZ2dnj4+Pk5OTU1NTV1dXPz8/d3d0wJz4qAAAD/ElEQVR4Xt3W13LjOBCF4XO6EZnkNHlzfP833DEgEqYIkLR9sbX7X7gouQzyM1AtgfXCpzsy8L8ZGqYvf1MvuHz4H6HCX4/8gOd6tlLlmwrh30Hdf4tUpCxbAVwnhjkbea2btiaA23zUsm5V7Z2+C3XvfuUDXo0yuGIirhaFk3OoCdMByqFrGlZpFSXuZw641p9HMc4qhzEtBHieQgng91HTxho0Fc6hzEd6XPvMyko5QJf8jMmqAISEtKygVjE1wHEX1QMj12kxJIRJam2gnugvrcOnqGbmPYYmwKhp/ciTqA52FyWVw6cwqqaOcusmknez6TfyVTtFb0lvrgHx+WKLqkFlFxVn6aQFBSW1jlr3SLL/gtzEarIeFCr7m3kCZRC5h7JAxgyAeTXqE0nKn0j9xGrRyUuUh5MblA2lM6gAmD2Unyni4OQkqg9zaQnKHwDwI+tZOCkocYi8QWltRpprETBzI1NmH9VjvoUBBp5E8WW/44nyA2DYKqIrqMWkAKBtVHu+hHxV9nYIObnZngGY+BaUBaDfVY9s52BmVETkWdQQ1tkrqkuogE26NgnQ8S2oz3jugcKdgpMZZSNLuo8KXKcZpYBto4Jb/jAC0kCF78W0w3aLekDqkkx9hZPr8zHJl7k3owRQbQ4KD7h+OUMDG6gSNqj7C1KeJMdfuAnNQkHBaOkQZRHZRCmWcTcAli2UWeo2qIjUV5J8QgVlSg5wpiQFhVVHqABpogLQyXIZSVK0huKSN36N6pEa8nVCNRuXHS2VnTIwmn8UFKyuM5nSs4miz9gyLgLQ11GlNcoAwCU/6d0+ysICEb6CChrKDal6ONLbqFI3D4kIdxZVgB/veYySiEiAHXSLyuahvGzu1HlUXE6FAFPtW3pJZIVSdF/JY1TvMJEAJcLIDcqH/JlxizJGuM6bsYFqmrKl30UpfEGFRwp5AjUBtnz4umGFsun2gCwoOyZNIMk+MWTos0XOoSxgXwrd7vGbXqJGJU+gvAMGzihaIIYFNUY4IT06LiiTbAqbsD3JMf2a7eO3Z2IApgXljb9FGYSCIk+gglmmLDCfRRi/TMQoJDtoQXUIpCDRbHIIEMokO0KZxVQeoWf25NaCDvIqlBgA4+1SFkDnkwV2/sZbUElg8lt9HmIGUz4o3SFKHeBUbf6CP+eYqqIAAkC43/ZQQ7FDF7ZLyQSXMEkROjgpj+oBUucnddD5PVKA4QhlcZsxt3vXYQpLEyLRqooSrf9/JCnoyb6cT0HOlDlMmzcH6PMrd4QKQDRmVB1CCMKcWcM9VvWHqHYAK41lUtF3ySTk6JgLQxmFpGA8QlG4TaB8WT+ZpSnwHShjWFUJX11QzyVV4Tv7B+7vLuOh9p1TAAAAAElFTkSuQmCC) no-repeat 8px 8px;-webkit-background-size: 106px 15px;-moz-background-size: 106px 15px;-o-background-size: 106px 15px;background-size: 106px 15px;} .reply-form textarea:focus, .reply-form textarea.empty:focus{background: #fff;} .reply-form p:after{content: "";display: block;height: 0;overflow: hidden;clear: both;visibility: hidden;} .reply-form input, .reply-form #BtnReplayOK{width: 70px;height: 34px;padding: 0;font-size: 16px;margin: 15px 0;-webkit-border-radius: 1px;border-radius: 1px;} .reply-form #BtnReplayOK.disabled, .reply-form #BtnReplayOK:disabled{color: #999;border-color: #e7e7e7;background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f5f5f5));background: linear-gradient(180deg, #fff 0, #f5f5f5 100%);} .reply-form input[type="button"]{float: left;border: 1px solid #e7e7e7;color: #666;background: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#f8f8f8));background: linear-gradient(180deg, #fdfdfd 0, #f8f8f8 100%);} .reply-form #BtnReplayOK{float: right;border: 1px solid #7294ca;color: #fff;background: #7294ca;} /*的用户评价*/ .special-mrap .pingjia-list {width: 100%;} .special-mrap .pingjia-list .pingjia-slide{float: left;width: 100%;min-height:264px; border-top: 3px solid #ff924a;position: relative;} .special-mrap .pingjia-list .slide-left{width: 256px;height: 100%;background: #f4f4f4;float: left;position: absolute;bottom: 0;top: 0;left: 0;} .special-mrap .pingjia-list .slide-left img{display: block;margin:20px auto 10px;height: 60px;width: 60px;border-radius: 50%;} .special-mrap .pingjia-list .slide-left .user-name{text-align: center;margin-bottom: 20px;} .special-mrap .pingjia-list .slide-left p {width: 100%;height: auto;float: left;line-height: 25px;margin-bottom: 10px;} .special-mrap .pingjia-list .slide-left p span:first-child{height: 100%;color: #666666;display: inline-block;width:38%;text-indent: 15px;} .special-mrap .pingjia-list .slide-left p span:last-child{color: #444;display: inline-block;width:60%} .special-mrap .pingjia-list .slide-left p span{float: left;} .special-mrap .pingjia-list .slide-left p .zd-price{color:#D20D0D!important;} .special-mrap .pingjia-list .slide-right{float: right;width: 800px;} .special-mrap .pingjia-list .star-row {margin-top: 15px;width: 100%;height: 25px;} .special-mrap .pingjia-list .star-row .star{height: 23px;width: 112px;margin-bottom: 20px;} .special-mrap .pingjia-list .star-row .code{color: red;font-size: 18px;float: left;display: inline-block;padding: 0 5px;height: 20px;} .special-mrap .pingjia-list .slide-right p .youdian{color: #ff6600!important;} .special-mrap .pingjia-list .slide-right p {width: 100%;height: auto;float: left;line-height: 25px;margin-bottom: 20px;} .special-mrap .pingjia-list .slide-right p span:first-child{height: 100%;color: #666666;display: inline-block;font-size: 16px;} .special-mrap .pingjia-list .slide-right p span:last-child{color: #444;display: inline-block;width:90%} .special-mrap .pingjia-list .slide-right p span{float: left;} .special-mrap .pingjia-list .slide-right .qd{overflow: hidden;max-height: 73px;} .special-mrap .pingjia-list .slide-right .yd{overflow: hidden;max-height: 73px;} .special-mrap .pingjia-list .slide-right .zonghe{overflow: hidden;max-height: 73px;} .special-mrap .pingjia-list .slide-right .left-foot{width: 100%;float: left;margin-bottom: 20px;} .special-mrap .pingjia-list .slide-right .left-foot span{float: right;display: inline-block;padding: 0 20px;color: #666666;} .special-mrap .pingjia-list .slide-right .left-foot .agree{background: url(/images/auto/series/zan.png) no-repeat 0 0;background-size: contain;cursor: pointer;} .special-mrap .pingjia-list .slide-right .left-foot .on{background: url(/images/auto/series/zanh.png) no-repeat 0px 0px ;background-size: contain;cursor: pointer;} .special-mrap .pingjia-list .slide-right .left-foot .date{background: url(/images/auto/series/iconT.png) no-repeat 0 -392px;margin-left: 10px;} .special-mrap .show-more{width: 100%;float: left;height: 32px;color: #999999;background: #F4F4F4;text-align: center;line-height: 32px;cursor: pointer;border-top: 1px solid #e9e9e9;} .special-mrap .show-more:hover{color: #82BB30;} /*星星*/ .car-all-type .star-row .star {position: relative;width: 90px;height: 18px;float: left;background: #CCCCCC;} .car-all-type .star-row .star span {display: block;width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("/images/auto/series/xx-back.png") no-repeat; background-size: 100% 100%; z-index: 2;} .car-all-type .star-row .star p {position: absolute;z-index: 1;width: 100%;height: 100%;left: 0;top: 0;background: #ff811a;} /*用户口碑end--------*/ /*资讯Tab*/ .information-mrap{ text-align:left; margin-top: 30px; } .information-mrap .hd{ height:35px; line-height:35px; font-size: 16px; color:#444; border-bottom:1px solid #ddd; position:relative; } .information-mrap .hd ul{ position: absolute; top:1px;} .information-mrap .hd ul li{ float:left; padding:0 15px; cursor:pointer; border:1px solid #FFF; height: 32px; } .information-mrap .hd ul li a{ color:#444; } .information-mrap .hd ul li.on{ border:1px solid #82bb30; background: #82bb30; height: 33px; border-bottom-color: #82bb30; position: relative;} .information-mrap .hd ul li.on a{ color:#FFF; } .information-mrap .hd2 ul li.on{ border:1px solid #ddd; background: #FFF; height: 33px; border-bottom-color: #FFF; position: relative;} .information-mrap .hd2 ul li.on:after{ display: block; content: " ";position: absolute;top:-1px;left:-1px;right:-1px;height: 3px;background: #82bb30;} .information-mrap .hd2 ul li.on a{ color:#444; } .information-mrap .hd ul li a:hover{ text-decoration: none;} .information-mrap .bd li{ padding: 20px 0;} .information-mrap .bd li .news-one { padding:8px 0 30px; border-bottom: 1px solid #f5f5f5;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;} .information-mrap .bd li .news-one:hover {background:#f5f5f5;} .information-mrap .bd li .news-one .img-box{ width: 230px; height: 153px; position: relative; float: left;} .information-mrap .bd li .news-one .img-box img:hover{ box-shadow:2px 2px 5px #b6b6b6; -moz-box-shadow:2px 2px 5px #b6b6b6;-webkit-box-shadow:2px 2px 5px #b6b6b6; -ms-box-shadow:2px 2px 5px #b6b6b6; -o-box-shadow:2px 2px 5px #b6b6b6; } .information-mrap .bd li .news-one .img-box img{ display: block; width: 230px; height: 153px;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;} .information-mrap .bd li .news-one .img-box span{ background: rgba(130, 187, 48, 0.8); color:#FFF; padding: 4px 8px; position: absolute; top:0;left:0;} .information-mrap .bd li .news-one .txt-box{ display: table-cell; padding-left: 20px; position: relative;} .information-mrap .bd li .news-one .txt-box h3{ height: 52px; line-height: 25px; font-size: 20px; overflow: hidden; padding-right: 5px;} .information-mrap .bd li .news-one .txt-box h3 a{ color:#333; transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s;} .information-mrap .bd li .news-one .txt-box h3 a:hover{ color: #82bb30; text-decoration: none;} .information-mrap .bd li .news-one .txt-box .synopsis{ color:#999; height: 50px; overflow: hidden; line-height: 25px; padding-right: 5px;} .information-mrap .bd li .news-one .txt-box .synopsis2{ margin: 10px 0 20px;} .information-mrap .bd li .news-one .txt-box .row-msg{ display: block; margin: 10px 0 20px; color:#999; height: 20px;} .information-mrap .bd li .news-one .txt-box .row-msg2{ margin: 0;} .information-mrap .bd li .news-one .txt-box .row-msg:after{ content: "."; display: block; overflow: hidden; height: 0; clear: both;} .information-mrap .bd li .news-one .txt-box .row-msg3{ display: block; margin: 10px 0 20px; color:#999; height: 25px; line-height: 25px;} .information-mrap .bd li .news-one .txt-box .row-msg3:after{ content: "."; display: block; overflow: hidden; height: 0; clear: both;} .information-mrap .bd li .news-one .txt-box .row-msg3 img{ display: block; float: left; width: 25px; height: 25px;border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; } .information-mrap .bd li .news-one .txt-box .row-msg3 .username{ float: left; margin:0 15px 0 5px; line-height: 25px; display: inline-block; width: 85px; color:#999;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;} .information-mrap .bd li .news-one .txt-box .row-msg3 .username:hover{ color: #82bb30; text-decoration: none;} .information-mrap .bd li .news-one .txt-box .row-msg3 span.time{ margin-right: 25px; display: block; float: left;} .information-mrap .bd li .news-one .txt-box .row-msg3 span.tab-box{ padding-left: 20px; display: block; float: left; position: relative; width: 255px; height: 25px; overflow: hidden;} .information-mrap .bd li .news-one .txt-box .row-msg3 span.tab-box:after{ position: absolute;top:0;left:0; width: 20px; height: 25px; content: " "; background: url("/images/auto/series/download-iocn.png") no-repeat -106px -11px;} .information-mrap .bd li .news-one .txt-box .row-msg3 span.tab-box a{ color:#82bb30; margin-right: 5px;} .information-mrap .bd li .news-one .txt-box .row-msg3 span.tab-box a:hover{ text-decoration: underline; color:#82bb30;} .information-mrap .bd li .news-one .txt-box .row-msg span{ display: block; float: left;} .information-mrap .bd li .news-one .txt-box .row-msg span.time{ margin-right: 25px;} .information-mrap .bd li .news-one .txt-box .row-msg span.tab-box{ padding-left: 20px; position: relative; width: 295px; height: 20px; overflow: hidden;} .information-mrap .bd li .news-one .txt-box .row-msg span.tab-box:after{ position: absolute;top:0;left:0; width: 20px; height: 20px; content: " "; background: url("/images/auto/series/download-iocn.png") no-repeat -106px -13px;} .information-mrap .bd li .news-one .txt-box .row-msg span.tab-box a{ color:#82bb30; margin-right: 5px;} .information-mrap .bd li .news-one .txt-box .row-msg span.tab-box a:hover{ text-decoration: underline; color:#82bb30;} .information-mrap .bd li .news-one .txt-box .row-msg span.time2{ padding-left: 20px; position: relative;} .information-mrap .bd li .news-one .txt-box .row-msg span.time2:after{ position: absolute;top:0;left:0; width: 20px; height: 20px; content: " "; background: url("/images/auto/series/industry-icon.png") no-repeat -60px -59px;} .information-mrap .bd li .news-one .txt-box .row-msg span.tab-box2{ padding-left: 20px; position: relative; max-width: 325px; height: 20px; overflow: hidden;} .information-mrap .bd li .news-one .txt-box .row-msg span.tab-box2:after{ position: absolute;top:0;left:0; width: 20px; height: 20px; content: " "; background: url("/images/auto/series/icon.png") no-repeat -12px -146px;} .information-mrap .bd li .news-one .txt-box .row-msg span.tab-box2{ float: right; margin-right: 5px;} .information-mrap .bd li .news-one .txt-box .row-msg span.tab-box2 a{ color:#999; margin: 0; transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;} .information-mrap .bd li .news-one .txt-box .row-msg span.tab-box2 a:hover{ text-decoration: underline; color:#82bb30;} .information-mrap .bd li .news-one .txt-box .row-msg span.tips-box{ float: right; margin-right: 5px;} .information-mrap .bd li .news-one .txt-box .row-msg span.tips-box .comment{ font-style: normal; padding-left: 20px; position: relative;} .information-mrap .bd li .news-one .txt-box .row-msg span.tips-box .comment i{ position: absolute;top:0;left:0; display: block; width: 20px; height: 20px; background: url("/images/auto/series/download-iocn.png") no-repeat -155px -14px;} .information-mrap .bd li .news-one .txt-box .row-msg span.tips-box .share{ border-left: 1px solid #e3e3e3; margin-left: 10px; padding-left: 10px; display: inline-block; width: 25px; height: 14px; position: relative;} .information-mrap .bd li .news-one .txt-box .row-msg span.tips-box .share .on-share{ position: absolute;top:-7px;left:7px; display: inline-block; width: 25px; height: 25px; background: url("/images/auto/series/download-iocn.png") no-repeat -9px -56px;} .information-mrap .bd li .news-one .txt-box .row-msg span.tips-box .share .on-share:hover{ text-decoration: none;} .information-mrap .bd li .news-one .txt-box .share-list{ display: none; z-index: 1; background: #FFFFFF; border:1px solid #eeeeee; width: 120px;padding: 5px; height: 25px; position: absolute; top:86px; right:5px; box-shadow:2px 2px 5px #b6b6b6; -moz-box-shadow:2px 2px 5px #b6b6b6;-webkit-box-shadow:2px 2px 5px #b6b6b6; -ms-box-shadow:2px 2px 5px #b6b6b6; -o-box-shadow:2px 2px 5px #b6b6b6;} .information-mrap .bd li .news-one .txt-box .share-list a{ display: block; height: 25px; width: 30px; float: left;} .information-mrap .bd li .news-one .txt-box .share-list a:hover{ text-decoration: none;} .information-mrap .bd li .news-one .txt-box .share-list a i{ display: block; height: 25px; width: 30px; background: url("/images/auto/series/fenxiang.png") no-repeat; margin: 0 auto;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;} .information-mrap .bd li .news-one .txt-box .share-list a.xl i{ background-position: -36px 1px;} .information-mrap .bd li .news-one .txt-box .share-list a.pyq i{ background-position: -37px -29px;} .information-mrap .bd li .news-one .txt-box .share-list a.wx i{ background-position: -38px -62px;} .information-mrap .bd li .news-one .txt-box .share-list a.qq i{ background-position: -38px -91px;} .information-mrap .bd li .news-one .txt-box .share-list a.xl:hover i{ background-position: -3px 1px;} .information-mrap .bd li .news-one .txt-box .share-list a.pyq:hover i{ background-position: -4px -29px;} .information-mrap .bd li .news-one .txt-box .share-list a.wx:hover i{ background-position: -6px -62px;} .information-mrap .bd li .news-one .txt-box .share-list a.qq:hover i{ background-position: -5px -91px;} /*标题01*/ .special-title{ width: 1100px; margin: 25px auto 0; border-bottom: 1px solid #999; font-size: 18px; height: 35px;} .special-title span{ display: block; float: left; padding: 0 5px; height: 34px; line-height: 34px; border-bottom: 2px solid #82bb30;} .special-title a{ color:#999; font-size: 14px; float: right; margin: 12px 3px 0 0;} .special-title a em{ font-style: normal; color:#999; margin-left: 3px;font-family:"SimSun";} .special-title a:hover{ text-decoration: none; color: #82bb30;} .special-title a:hover em{ color: #82bb30;} /*标题02*/ .special-mrap .special-right .title-box{ background:white; height: 45px; line-height: 45px;} .special-mrap .special-right .title-box span{ border-left: 5px solid #82bb30; color:#1c1c1c;padding:2px 0 2px 10px; font-size: 18px;} .special-mrap .special-right .title-box span a{ color:#1c1c1c; float: none;} .special-mrap .special-right .title-box span a:hover{ text-decoration: none; color:#1c1c1c;} .special-mrap .special-right .title-box a{margin-right:7px; float: right; color:#999; transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s; -ms-transition: color 0.3s;} .special-mrap .special-right .title-box a:hover{ text-decoration: none; color:#536def;} /*标题03*/ .imgclass-title{ margin: 0 auto; width: 1100px; overflow: hidden; clear: both; } .imgclass-title span{ border-left: 5px solid #82bb30; font-size: 20px; padding: 0 10px; } .imgclass-title a{ text-decoration: none; color:#82bb30; } /*推荐车型*/ .special-mrap .special-right .recommend-nano{ background:white; padding: 0 0 10px; height: 230px;} .special-mrap .special-right .recommend-nano .recommend-one-title{ width: 280px; margin: 0 auto; color:#666; border-bottom:1px dashed #e6e6e6; height: 42px; line-height: 42px; overflow: hidden; cursor: pointer;} .special-mrap .special-right .recommend-nano .recommend-one-title.on{ display: none;} .special-mrap .special-right .recommend-nano .recommend-one-title em{ font-style: normal; float: left; height: 20px; width: 20px; line-height: 20px; text-align: center; background: #bfbfbf; color:#FFF; margin: 11px 5px 0 0;} .special-mrap .special-right .recommend-nano .recommend-one-title em.e{background: #82bb30;} .special-mrap .special-right .recommend-nano .recommend-one{width: 270px; margin: 0 auto; display: none; background: #FFF; padding:15px 5px; border-bottom:1px dashed #e6e6e6; } .special-mrap .special-right .recommend-nano .recommend-one.on{ display: block} .special-mrap .special-right .recommend-nano .recommend-one .lead-box:after{ content: ".";display: block; height: 0; overflow: hidden; clear: both;} .special-mrap .special-right .recommend-nano .recommend-one .img-box{ width: 160px; position: relative; height: 105px; float: left; margin-right: 5px;} .special-mrap .special-right .recommend-nano .recommend-one .img-box a{ position: absolute; top:0px; left:0px; right:0px; bottom:0px;} .special-mrap .special-right .recommend-nano .recommend-one .img-box a img{ display: block; max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .special-mrap .special-right .recommend-nano .recommend-one .text-box { display: table-cell; } .special-mrap .special-right .recommend-nano .recommend-one .text-box p{ height: 44px; line-height: 22px; overflow: hidden; margin-top: 10px;} .special-mrap .special-right .recommend-nano .recommend-one .text-box p a{ color:#444; transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s;} .special-mrap .special-right .recommend-nano .recommend-one .text-box p a:hover{ text-decoration: none; color: #536def; } .special-mrap .special-right .recommend-nano .recommend-one .text-box .goto{ margin-top: 10px; display: block; float: left; height: 26px; line-height: 26px; width: 76px; border:1px solid #536def; color: #536def; text-align: center;} .special-mrap .special-right .recommend-nano .recommend-one .text-box .goto:hover{ text-decoration: none;} .special-mrap .special-right .recommend-nano .recommend-one .meta{ height: 26px; line-height: 26px; color:#666; padding-top: 5px;} .special-mrap .special-right .recommend-nano .recommend-one .meta span{ float: left;} .special-mrap .special-right .recommend-nano .recommend-one .meta span em{ font-style: normal; color:#536def;} .special-mrap .special-right .recommend-nano .recommend-one .meta .s { float: right;color:#F13E3E;} .special-mrap .special-right .recommend-nano .recommend-one .meta .s em{ font-style: normal; color:#F13E3E;} /*专题*/ .special-mrap .special-right .special-mian{ background:#f9f9f9} .special-mrap .special-right .special-mian .special-mrap-box{ width:260px; overflow:hidden; position:relative; padding: 20px 0; margin: 0 auto; } .special-mrap .special-right .special-mian .special-mrap-box .hd{ width: 258px; height:24px; overflow:hidden; z-index:1; } .special-mrap .special-right .special-mian .special-mrap-box .hd ul{ overflow:hidden; zoom:1; text-align: center; margin-top: 10px; } .special-mrap .special-right .special-mian .special-mrap-box .hd ul li{ display: inline-block; width: 10px; height: 10px; margin: 0 3px; background:#e3e2e2; float: none; padding:0; cursor: pointer;} .special-mrap .special-right .special-mian .special-mrap-box .hd ul li.on{ background:#82bb30; border:none; } .special-mrap .special-right .special-mian .special-mrap-box .bd{ position:relative; height:100%; z-index:0; } .special-mrap .special-right .special-mian .special-mrap-box .bd li{ zoom:1; vertical-align:middle; width:260px; } .special-mrap .special-right .special-mian .special-mrap-box .bd li img{ display: block; width:260px; height:173px; } .special-mrap .special-right .special-mian .special-mrap-box .bd li p{ line-height: 22px; margin-top: 10px; padding: 0 10px; height: 44px; overflow: hidden; } .special-mrap .special-right .special-mian .special-mrap-box .bd li p a{ color:#666; transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s;} .special-mrap .special-right .special-mian .special-mrap-box .bd li p a:hover{ text-decoration: none; color: #536def; } .special-mrap .special-right .special-mian .special-mrap-box .bd li div{ line-height: 22px; color:#999; height: 22px; overflow: hidden; padding: 0 10px; } .special-mrap .special-right .special-mian .special-mrap-box .bd li div.xu-price{ color:#F13E3E;margin:5px 0;} /*图库*/ .gallery-wrap{ margin: 15px auto 50px; width: 1100px;} .gallery-wrap:after{ content: "."; display: block; height: 0; overflow: hidden; clear: both; } .gallery-wrap .gallery-fl{ width: 435px; height: 293px; float: left; position: relative; overflow: hidden; } .gallery-wrap .gallery-fl img{ display: block; width: 435px; height: 293px; } .gallery-wrap .gallery-fl .mask-box{ position: absolute; top:0;left:0;right:0;bottom:0;transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s;} .gallery-wrap .gallery-fl .mask-box:before{ content: " "; display: block; position: absolute; top:0;left:0;right:0;bottom:0; background: #000;-moz-opacity:0.3;opacity:0.3;filter:alpha(opacity:30);} .gallery-wrap .gallery-fl .mask-box a{ width: 435px; height: 293px; font-size: 20px; margin: auto; display: table-cell; vertical-align: middle; padding:0 15px; color:#FFF;text-align: center; text-decoration: none;position: relative;z-index: 1;} .gallery-wrap .gallery-fl:hover .mask-box{-moz-opacity:0;opacity:0;filter:alpha(opacity:0);transform:scale(2);-ms-transform:scale(2);-moz-transform:scale(2);-webkit-transform:scale(2); -o-transform:scale(2);} .gallery-wrap .gallery-fr{ width: 665px; float: left; } .gallery-wrap .gallery-fr .img-box{ width: 216px; height: 144px; float: left; overflow: hidden; position: relative; margin: 0 0 5px 5px;} .gallery-wrap .gallery-fr .img-box img{ display: block; width: 216px; height: 144px; } .gallery-wrap .gallery-fr .img-box .mask-box{ position: absolute; top:0;left:0;right:0;bottom:0;transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s;} .gallery-wrap .gallery-fr .img-box .mask-box:before{ content: " "; display: block; position: absolute; top:0;left:0;right:0;bottom:0; background: #000;-moz-opacity:0.3;opacity:0.3;filter:alpha(opacity:30);} .gallery-wrap .gallery-fr .img-box .mask-box a{ width: 216px; height: 144px; font-size: 18px; margin: auto; display: table-cell; vertical-align: middle; padding:0 15px; color:#FFF;text-align: center; text-decoration: none;position: relative;z-index: 1;} .gallery-wrap .gallery-fr .img-box:hover .mask-box{-moz-opacity:0;opacity:0;filter:alpha(opacity:0);transform:scale(2);-ms-transform:scale(2);-moz-transform:scale(2);-webkit-transform:scale(2); -o-transform:scale(2);} /*浏览过的车系*/ .visited-type .visited-type-list {display: flex;flex-direction: column;flex-wrap: wrap;background:#F9F9F9} .visited-type .visited-type-list li{margin: 5px 0 10px 0;transition: .5s all;} .visited-type .visited-type-list li:hover{background: #F7F7F7;} .visited-type .visited-type-list li img{width: 260px;height: 172px;display: block;margin: 0 auto;} .visited-type .visited-type-list li img+p{height: 30px;line-height: 30px;text-align: center;} /*最新热帖*/ .special-mrap .special-right .hot-tiezi{ background: #F9F9F9; height: 443px; padding-bottom: 10px;} .special-mrap .special-right .hot-tiezi .one{ width: 280px; margin: 0 auto; border-bottom: 1px dashed #e6e6e6; padding: 15px 0;} .special-mrap .special-right .hot-tiezi .title-name{ line-height: 22px; color:#666;} .special-mrap .special-right .hot-tiezi .title-name em{ float: left; font-style: normal; color:#666;} .special-mrap .special-right .hot-tiezi .title-name em.e{ color:#82bb30;} .special-mrap .special-right .hot-tiezi .title-name h3{ display: table-cell;} .special-mrap .special-right .hot-tiezi .title-name h3 a{color:#666; transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;} .special-mrap .special-right .hot-tiezi .title-name h3 a:hover{color: #82bb30; text-decoration: none;} .special-mrap .special-right .hot-tiezi .msg { height: 25px; overflow: hidden; line-height: 25px; margin: 10px 0 0;} .special-mrap .special-right .hot-tiezi .msg img{ width: 25px; height: 25px; display:block; float:left; margin:0 3px 0 22px;border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%;} .special-mrap .special-right .hot-tiezi .msg .name{ color:#999; display: inline-block; max-width:90px; transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;} .special-mrap .special-right .hot-tiezi .msg .name:hover{ color: #82bb30; text-decoration: none;} .special-mrap .special-right .hot-tiezi .msg span{ float: right; padding-left: 23px; position: relative; color:#999; margin-right: 87px;} .special-mrap .special-right .hot-tiezi .msg span i{ display: block; width: 20px; height: 20px; position: absolute;top:0;left:0; background: url("/images/auto/series/download-iocn.png") no-repeat -61px -56px;} /*车系 文章 子页面*/ .article-warpper{width: 670px;float: right;margin-top: 0;margin-bottom:30px;} .article-warpper .bd li{position: relative;} .article-warpper .bd li .news-one .txt-box h3{font-size: 18px;} .article-warpper .bd li .news-one .txt-box .row-msg span i{font-style: normal;display: inline-block;float: left} .article-warpper .bd li .news-one .txt-box .time{position: relative;} /*.article-warpper .bd li .news-one .txt-box .time::after{position: absolute;content: "，";right: -19px;top: 0}*/ .article-warpper .bd li .news-one .txt-box .synopsis {height: 74px;} .article-warpper .bd li .news-one .txt-box .row-msg{margin:10px 0 0 0 ;} .visited-car{height: 250px!important;} .visited-car .e{background: #B3B3B3;display:inline-block;width: 18px;height: 18px;line-height: 18px;color: white!important;text-align: center;border-radius: 3px;margin-right: 10px;} .visited-car .title-name h3 a{width: 100%;height: 20px;display: inline-block;text-indent: 10px;} /*.news-banv{width: 70px;height: auto;position: fixed;top: 50%;left: 50%;margin-left: -548px;margin-top: -224px;background: #f6f6f6;padding-bottom: 30px;}*/ .news-banv{width: 70px;height: auto;float:left; background: #f6f6f6;margin-top:20px;} .news-banv li{float: left;width: 100%;height: 38px;color: #666;text-align: center;line-height: 38px;box-sizing: border-box;cursor: default;-webkit-transition: .25s all ease-in;} .news-banv li a{display:block;width:70px;height:38px;} .news-banv li.news-banv-hide{opacity:.5;} .news-banv .on{border-left: 5px solid #82BB30;background: white} .news-banv li a:hover{background: white;box-shadow: 0 0 1px rgba(0,0,0,.5);} .article-warpper .guanggao .txt-box .meta-box{ height: 24px; overflow: hidden; margin-top: 17px;} .article-warpper .guanggao .txt-box .meta-box p{ float: left; color:#999; line-height: 24px;} .article-warpper .guanggao .txt-box .meta-box .tab{ display: table-cell; width: 700px; float: none; text-align: right;} .article-warpper .guanggao .txt-box .meta-box .tab span a{ color:#999;transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s;} .article-warpper .guanggao .txt-box .meta-box .tab span{ margin: 0 4px 0 2px; display: inline-block;} .article-warpper .guanggao .txt-box .meta-box .tab em{ width: 13px; display: inline-block; height: 22px; background: url("/images/home/2017/icon.png") no-repeat -157px -57px;} .article-warpper .guanggao .txt-box .text-mrap{ color:#999; line-height: 22px; margin-top: 15px; height: 44px; overflow: hidden;} .article-warpper .guanggao .txt-box .meta-box .name{ height: 24px; line-height: 24px; color:#999; float: left; margin-right:10px;} .article-warpper .guanggao .txt-box .meta-box .name img{ display: block; float: left; width: 24px; height: 24px; margin: 0 5px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; } .article-warpper .guanggao .txt-box .meta-box .name a{ color:#999;transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s;} .article-warpper .guanggao .txt-box .meta-box .name a:hover{ text-decoration: none; color: #536def; } /*车系 文章 子页面end*/ /*品牌页面*/ .brand-info img{display: block;float: left;width: 120px;height: 120px;margin-right: 48px;} .brand-info .brand-right h2{font-size: 24px;} .brand-info .brand-right p{line-height: 30px;color: #666666;} .brand-carType{float: left;margin-bottom:20px;} .brand-carType h1{height: 30px;background: #F5F5F5;width: 1100px;} .brand-carType h1 .brand-title{display: inline-block;height: 30px;font-size:18px;color: white;line-height: 30px;background: #82BB30;text-align: center;padding: 0 10px;} .brand-carType h1 .count{color:#999999 ;text-align: right;display: inline-block;float: right;height: 30px;line-height: 30px;margin-right: 15px;} .brand-carType li img{width: 238px;height: 158px;} .brand-carType .typeCar-list .carName{font-size: 18px;height: 30px;line-height: 30px;width: 233px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .brand-carType .typeCar-list .ts-series{color:#d51c17;} .brand-carType .typeCar-list li{float: left; margin:20px 22px 5px 0;transition: .25s all;-webkit-transition: .25s all;-moz-transition: .25s all;-ms-transition: .25s all;padding: 10px;} .brand-carType .typeCar-list li:hover{transform: translateY(-1px);-webkit-transform: translateY(-1px);-moz-transform: translateY(-1px);-ms-transform: translateY(-1px);box-shadow: 0 0 10px rgba(0,0,0,.5);} .brand-carType .typeCar-list li:nth-child(4n+4){margin-right:0;} .brand-carType .typeCar-list li p{height: 25px;line-height: 25px;color: #666666;} .brand-carType .typeCar-list li p .price{color: #d51c17;font-weight: 600;padding: 0 5px;font-size: 16px;} .brand-carType .typeCar-list li p .price.ys-series{font-size: 14px;} .brand-carType .product-news-list{display: flex;flex-wrap: wrap;justify-content: space-between;} .brand-carType .product-news-list li{width: 520px;height: 138px;position: relative;margin-bottom: 40px;padding: 10px;} .brand-carType .product-news-list li:hover{background:#f3f3f3;} .brand-carType .product-news-list li:nth-child(1),.brand-carType .product-news-list li:nth-child(2){margin-top: 40px;} .brand-carType .product-news-list li img{float: left;width: 204px;height: 138px;} .brand-carType .product-news-list li .img-box>span{position: absolute;top: 10px;left: 10px;width: 60px;height: 28px;display: block;background:rgba(130,187,48,.8);color: white;text-align: center;line-height: 28px;font-size: 12px;} .brand-carType .product-news-list li .img-box{float: left;} .brand-carType .product-news-list li .txt-box{float: left;width: 306px;margin-left:10px;height: 138px;position: relative;} .brand-carType .product-news-list li .txt-box h3 a{font-size: 16px;color: #333333;height: 42px;display: inline-block;width: 100%;transition: .25s all;overflow: hidden;} .brand-carType .product-news-list li .txt-box h3 a:hover{color: #82BB30;} .brand-carType .product-news-list li .txt-box .synopsis{height: 45px;line-height: 23px;overflow: hidden;color: #999;margin: 15px 0 20px 0;} .brand-carType .product-news-list li .txt-box .row-msg{position: relative;bottom: 0;left: 0;position: absolute;bottom: 0;left: 0;color: #999;} .brand-carType .product-news-list li .txt-box .row-msg span{display: inline-block;float: left;margin-right: 7px;} .brand-carType .product-news-list li .txt-box .row-msg .author{font-style: normal!important;position: relative;margin-left: 7px;} .brand-carType .product-news-list li .txt-box .row-msg .author a{color:#999;} /*.brand-carType .product-news-list li .txt-box .row-msg .author:before{content: ',';position:absolute;left: -7px;bottom: 0;}*/ /*品牌页面end*/ /*本站地址*/ .sitelink-box{ width: 1100px; margin: 0px auto; color:#666;} .sitelink-box a{transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;} .sitelink-box .src-hide{color:#999;} .sitelink-box a:hover{ color: #82bb30; text-decoration: none;} .sitelink-box em{ font-style: normal; color:#999; margin: 0 3px; font-family: "SimSun";} .sitelink-box .dealer-box{ float: right;} .sitelink-box .dealer-box a{ display: block; float: left; height: 33px; line-height: 33px; color:#FFF; padding: 0 15px;} .sitelink-box .dealer-box .dealer-add{ background: #82bb30;} .sitelink-box .dealer-box .dealer-login{ background: #ff811b; margin-left: 10px;} .sitelink-box .search-box{ float: right;margin-top:10px;} .sitelink-box .search-box input[type=text]{ display: block; float: left; width: 220px; height: 32px; border:1px solid #cbcacb; border-right: none; color:#666; padding: 0 5px 0 30px; background: url("/images/auto/series/search-but.png") no-repeat 4px 50%;} .sitelink-box .search-box input[type=submit]{ display: block; float: left; width: 58px; height: 34px; border:none; background:#52626f;color:#FFF; cursor: pointer;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;font-family: "Microsoft YaHei","SimSun",Arial,Helvetica,sans-serif;} .sitelink-box .search-box input[type=submit]:hover{ background: #82bb30;} /*左飘浮导航*/ .special-mrap .detailsfloat-left{ position: absolute; top:25px; right:50%; margin-right:560px; width: 60px; overflow: hidden;} .special-mrap .detailsfloat-left li{ width: 60px; height: 50px; border-top:1px solid #e8e7e7; margin-top: -1px; background: #f7f7f7; position: relative;} .special-mrap .detailsfloat-left li:after{ content: " "; background: #82bb30; display: block; position: absolute;top:0;left:0;right:0;bottom:0; z-index: 0; transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0); transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -ms-transition: .3s;} .special-mrap .detailsfloat-left li:hover::after{ transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);} .special-mrap .detailsfloat-left li a{ display: block; position: relative; z-index: 1; width: 60px; height: 50px; background: url("/images/auto/series/icon_share_big.png") no-repeat -1px -1px; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -ms-transition: .3s;} .special-mrap .detailsfloat-left li a:hover{ text-decoration: none;} .special-mrap .detailsfloat-left li a.xl{ background-position: -6px -88px;} .special-mrap .detailsfloat-left li a.wx{ background-position: -185px -89px;} .special-mrap .detailsfloat-left li a.qq{ background-position: -275px -88px;} .special-mrap .detailsfloat-left li a.pl{ background-position: -455px -91px;} .special-mrap .detailsfloat-left li a.sc{ background-position: -367px -91px;} .special-mrap .detailsfloat-left li a.xl:hover{ background-position: -6px -10px;} .special-mrap .detailsfloat-left li a.wx:hover{ background-position: -185px -11px;} .special-mrap .detailsfloat-left li a.qq:hover{ background-position: -275px -10px;} .special-mrap .detailsfloat-left li a.pl:hover{ background-position: -455px -13px;} .special-mrap .detailsfloat-left li a.sc:hover{ background-position: -367px -14px;} /*详情内容*/ /*.details-box .details-title{ font-size: 24px; line-height: 30px; color:#000;} .details-box .msg-box{ margin: 20px 0; color:#999; height: 20px; line-height: 20px;} .details-box .msg-box a{ color:#4285f4;} .details-box .msg-box span{ float: right; padding-left: 20px; position: relative;} .details-box .msg-box span i{ display: block; width: 20px; height: 20px; position: absolute; top:0;left:0; background: url("/images/auto/series/industry-icon.png") no-repeat -107px -107px;} .details-box .msg-box .comment{ margin-left: 15px;} .details-box .msg-box .comment i{ background-position: -60px -109px;} .details-box .summary{ background: #f2f2f2; color:#222; text-indent: 2em; line-height: 24px; padding: 10px;} .details-box .details-mian{ margin: 20px 0 50px; color:#333; line-height: 24px; border-bottom: 1px solid #e4e4e4; padding-bottom: 45px;} .details-box .details-mian img{ display: block; margin: 5px auto; max-width: 100%;} .special-mrap .industry-left .title-style{ border-left: 5px solid #82bb30; color:#000; padding-left: 10px; font-size: 18px;} .special-mrap .industry-left .relevantNews-box { width: 795px; overflow: hidden;} .special-mrap .industry-left .relevantNews-box .relevantNews-one{ width: 230px; float: left; margin: 25px 35px 0 0;} .special-mrap .industry-left .relevantNews-box .relevantNews-one .img-box{ width: 230px; height: 153px; overflow: hidden;} .special-mrap .industry-left .relevantNews-box .relevantNews-one .img-box img{ width: 230px; height: 153px; display: block;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;} .special-mrap .industry-left .relevantNews-box .relevantNews-one .img-box img:hover{ transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);} .special-mrap .industry-left .relevantNews-box .relevantNews-one p{line-height: 22px; margin-top: 5px; height: 44px; overflow: hidden;} .special-mrap .industry-left .relevantNews-box .relevantNews-one p a{ color: #666;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; } .special-mrap .industry-left .relevantNews-box .relevantNews-one p a:hover{ color: #82bb30; text-decoration: none;} .add-box{ background: #f6f6f6; margin: 15px 0; height: 30px; line-height: 30px; text-align: center; color:#999; display: block; transition: color 0.2s,background 0.2s; -moz-transition: color 0.2s,background 0.2s; -webkit-transition: color 0.2s,background 0.2s; -o-transition: color 0.2s,background 0.2s; -ms-transition: color 0.2s,background 0.2s;} .add-box i{ font-style: normal; color:#999; font-family: "SimSun"; margin-left: 3px;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;} .add-box:hover{ background: #82bb30; color:#FFF; text-decoration: none;} .add-box:hover i{color:#FFF;}*/ /*评论*/ .news-wapper .comment-box{width:750px;margin:40px auto auto;} .news-wapper .comment-box .tit{font-size:18px;line-height:30px;color:#000;} .news-wapper .comment-box .tit span{color:#999;font-size:14px;padding-left:10px;} .news-wapper .comment-box .comment-wrap{ border:1px solid #379BE9; position: relative;} .news-wapper .comment-box .comment-wrap .comment-login{ position: absolute;top:0;right:0;bottom:0;left:0; line-height: 172px; text-align: center; font-size: 16px; color:#999; background: rgba(255, 255, 255, 0.7);} .news-wapper .comment-box .comment-wrap .comment-login a{ color:#ff8d49; margin-right: 10px;} .news-wapper .comment-box .comment-wrap .comment-login a.add{ color:#2bbb46;} .news-wapper .comment-box .comment-wrap .comment-login a:hover{ color:#0b79da;} .news-wapper .comment-box .comment-wrap .comment-text{ padding: 5px;} .news-wapper .comment-box .comment-wrap textarea{ display: block; height: 120px; width: 100%; border:none; resize: none; line-height: 22px; color:#333;} .news-wapper .comment-box .user-box{ height: 40px; border-top:2px solid #eaeaea; line-height: 40px;} .news-wapper .comment-box .user-box .user-img{ width: 30px; height: 30px; margin:5px 10px;border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; display: block; float: left;} .news-wapper .comment-box .user-box .user-name{ color:#666;} .news-wapper .comment-box .user-box input[type=submit]{ display: block; float: right; margin:5px 10px; border:none; background: #48B9F1; color:#FFF; height: 30px; width: 120px; cursor: pointer;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;} .news-wapper .comment-box .user-box input[type=submit]:hover{box-shadow:0 0 10px #ADADAD; -moz-box-shadow:0 0 10px #ADADAD;-webkit-box-shadow:0 0 10px #ADADAD; -ms-box-shadow:0 0 10px #ADADAD; -o-box-shadow:0 0 10px #ADADAD; } .news-wapper .comment-list-title{ font-size:16px; line-height:30px; color:#000; border-bottom: 1px solid #eaeaea; margin-top: 25px; } .news-wapper .comment-list-box li{ border-bottom: 1px solid #f2f2f2; padding: 25px 0;} .news-wapper .comment-list-box li .member-title{ height: 40px; line-height: 40px;} .news-wapper .comment-list-box li .member-title img{ display: block; float: left; height: 30px; width: 30px; margin: 5px 10px;border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; } .news-wapper .comment-list-box li .member-title .name a{ color:#333; margin-right: 10px; font-size: 16px;} .news-wapper .comment-list-box li .member-title .name a:hover{ color:#82bb30; text-decoration: none;} .news-wapper .comment-list-box li .member-title .time { color:#999; margin-right: 10px;} .news-wapper .comment-list-box li .member-title .count { color:#B3B3B3; margin-right: 10px; padding-left: 20px; position: relative;} .news-wapper .comment-list-box li .member-title .count i{ display: block; height:19px; width: 20px; position: absolute;top:0;left:0; background: url("/images/auto/series/industry-icon.png") no-repeat -13px -156px;} .news-wapper .comment-list-box li .member-title .count:hover{ color:#82bb30; cursor: pointer;} .news-wapper .comment-list-box li .member-title .count:hover i{ background-position: -60px -156px;} .news-wapper .comment-list-box li .member-title .count.on{ color:#82bb30; cursor: pointer;} .news-wapper .comment-list-box li .member-title .count.on i{ background-position: -60px -156px;} .news-wapper .comment-list-box li .member-title .report{ color:#B3B3B3; margin-right: 10px; padding-left: 20px; position: relative;} .news-wapper .comment-list-box li .member-title .report a{ color:#B3B3B3;} .news-wapper .comment-list-box li .member-title .report i{ display: block; height:19px; width: 20px; position: absolute;top:0;left:0; background: url("/images/auto/series/industry-icon.png") no-repeat -154px -106px;} .news-wapper .comment-list-box li .member-title .report a:hover{ color:#E93636; text-decoration: none;} .news-wapper .comment-list-box li .member-title .report a:hover i{ background-position: -154px -153px;} .news-wapper .comment-list-box li .member-title .floor{ color:#82bb30; float: right; margin: 0 10px;} .news-wapper .comment-list-box li .comment-content{ color:#666; line-height: 24px; margin: 8px 10px;} .news-wapper .comment-list-box li .floor-huifu{ margin-top: 15px;} .news-wapper .comment-list-box li .floor-huifu textarea{ resize: none; background: #f5f5f5; border:1px solid #e7e7e7; display: block; width: 748px; line-height: 24px; height: 100px; color:#666; padding: 5px;} .news-wapper .comment-list-box li .but-box { height: 30px;} .news-wapper .comment-list-box li .but-box input{ background: #fafafa; color:#444; display: block; height: 29px; border:1px solid #e7e7e7; width: 68px; margin: 5px 0; cursor: pointer;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;} .news-wapper .comment-list-box li .but-box input:hover{ box-shadow:0 0 10px #E6E6E6; -moz-box-shadow:0 0 10px #E6E6E6;-webkit-box-shadow:0 0 10px #E6E6E6; -ms-box-shadow:0 0 10px #E6E6E6; -o-box-shadow:0 0 10px #E6E6E6;} .news-wapper .comment-list-box li .but-box input[type=button]{ float: left;} .news-wapper .comment-list-box li .but-box input[type=submit]{ float: right;} .news-wapper .comment-list-box li .comment-content01{ color:#666; line-height: 24px; margin-top: 10px; background: #f9f9f9; padding: 10px;} .news-wapper .comment-list-box li .comment-content01 em{ color:#ff5e5e; margin-right: 10px; font-style: normal;} .news-wapper .comment-list-box li .comment-content01 a{ color:#000000;} .news-wapper .comment-list-box li .comment-content01 a:hover{ color: #82bb30; text-decoration: none;} /*相关新闻*/ /*车型信息*/ .special-mrap .special-left .car-info{width: 100%;float: left;background: white;padding: 25px 0 15px 0;} .special-mrap .special-left .car-info .car-info-left{margin-left: 20px;float: left;height: 100%;width: 338px;} .special-mrap .special-left .car-info .car-info-left img{width: 338px;height: 226px;float: left;} .special-mrap .special-left .car-info .car-info-left .car-color{float: left;} .special-mrap .special-left .car-info .car-info-left .car-color dl{width: 100%;margin-top: 40px;} .special-mrap .special-left .car-info .car-info-left .car-color dl dd{height: 28px} .special-mrap .special-left .car-info .car-info-left .car-color dl span{color: #999;line-height: 27px;font-size: 14px;} .special-mrap .special-left .car-info .car-info-left .car-color dl .canshu{color: #333;line-height: 25px;font-size: 14px;} .special-mrap .special-left .car-info .car-info-left .car-color dl .canshu i{color:#F13E3E;font-size: 20px;font-weight: bolder;font-style: normal;} .special-mrap .special-left .car-info .car-info-left .car-color dl .ask-price{display: inline-block;height: 27px;width: 60px;background: #d51c17;border-radius: 5px;text-decoration: none;color: white;text-align: center;line-height: 26px;margin-left: 20px;} .special-mrap .special-left .car-info .car-info-left .car-color dl ul{display: initial;} .special-mrap .special-left .car-info .car-info-left .car-color dl ul li{width: 16px;height: 16px;/*background-color: #0B79DA;float: left;*/display: inline-block;border-radius: 50%;/*margin-left: 15px;*/margin:5px;position: relative;/*top: 3px;*/} .special-mrap .special-left .car-info .car-info-left .car-color dl ul li::after{content: "";height: 18px;width: 18px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border: 1px solid #e7e7e7;border-radius: 50%;} .special-mrap .special-left .car-info .car-info-right{height: 100%;width: 400px;float: left;} .special-mrap .special-left .car-info .car-info-right .info-img {position: relative;} .special-mrap .special-left .car-info .car-info-right .info-img span{color: #555;} .special-mrap .special-left .car-info .car-info-right .info-img .xuhang{position: absolute;top: 17px;left: 238px;} .special-mrap .special-left .car-info .car-info-right .info-img .max-speed{position: absolute;top: 96px;left: 202px;} .special-mrap .special-left .car-info .car-info-right .info-img .max-gonglv{position: absolute;top: 155px;left: 258px;} .special-mrap .special-left .car-info .car-info-right .info-img .charge-time{position: absolute;top: 195px;left: 96px;} .special-mrap .special-left .car-info .car-info-right .new-article{width: 100%;} .special-mrap .special-left .car-info .car-info-right .new-article .nav-pst{width: 98%;margin-top: 30px;font-size: 18px;border-left: 5px solid #82BB30;text-indent: 10px;} .special-mrap .special-left .car-info .car-info-right .new-article .nav-pst .more {display: inline-block;float: right;color: #82BB30;font-size: 18px;} .special-mrap .special-left .car-info .car-info-right .new-article .nav-pst .more a {color: #82BB30;font-size: 12px;} .special-mrap .special-left .car-info .car-info-right .new-article dl {overflow: hidden;} .special-mrap .special-left .car-info .car-info-right .new-article dl dt{font-size:18px;padding: 10px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .special-mrap .special-left .car-info .car-info-right .new-article dl dd{color:#666;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .special-mrap .special-left .car-info .car-info-right .new-article dl dd a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #666666;line-height: 27px;display: inline-block;max-width: 48%;float: left;} .special-mrap .special-left .car-info .car-info-right .new-article dl dd a:hover{color: #82bb30; text-decoration: none;} .special-mrap .special-left .car-info .car-info-right .new-article dl dd i {display: inline-block;float: left;font-style: normal;padding: 0 6px 0 0;color: #999;line-height: 25px;} .special-mrap .special-left .car-info .car-info-right .new-article dl dd .nav-pst-mid {max-width: 100%;} /*车款*/ .special-mrap .special-left .car-all-type{width:100%;float: left;margin-top: 30px;background: white;padding-bottom: 20px;position: relative;} .special-mrap .special-left .car-all-type .car-nav{width: 745px;border-bottom: 2px solid #F1F1F1;margin:0 0 10px 20px;box-sizing: border-box;height: 30px;margin-top: 20px;} .special-mrap .special-left .car-all-type .car-nav .nav-bolid{height: 20px;width: 8px;background: #82BB30;display: inline-block;float: left;margin-top: 3px;} .special-mrap .special-left .car-all-type .car-nav .car-type{font-size: 20px;display: inline-block; text-indent: 10px;} .special-mrap .special-left .car-all-type .car-nav ul{float: right;margin-top: 7px;} .special-mrap .special-left .car-all-type .car-nav ul li{float: left;color: #666666;display: inline-block;padding:0 5px;cursor: pointer;} .special-mrap .special-left .car-all-type .car-nav ul .on{background: #82BB30;color: white;} .special-mrap .special-left .car-all-type .car-nav ul .on a{background: #82BB30;color: #fff;} .special-mrap .special-left .car-all-type .car-nav ul li a{color: #82BB30;} .special-mrap .special-left .car-all-type .car-nav .more{display: inline-block;float: right;color: #82BB30;font-size: 18px;} .special-mrap .special-left .car-all-type .car-nav .more a{color: #82BB30;font-size: 14px;} .special-mrap .special-left .car-all-type .tab-container{width:745px;overflow: hidden;/*height:237px;*/} .special-mrap .special-left .car-all-type .tab-warpper{width: 2235px;height: 237px;} .special-mrap .special-left .car-all-type .all-city{display: none;position: absolute;top: 113px;left: 480px;width: 400px;height: 350px;border: 2px solid #f1f1f1;border-top: #ff811b 2px solid;background: white;z-index: 999;overflow: hidden;overflow-y: scroll;padding: 0 10px;} .special-mrap .special-left .car-all-type .all-city:before{content: "";display: block;width: 14px;height: 16px;background:url(/images/auto/series/gbh.png) no-repeat;position: relative;top: -16px;left: 20px;background-size: 100% 100%;} .special-mrap .special-left .car-all-type .all-city p{height: 35px;line-height: 35px;/*text-indent: 25px;*/} .special-mrap .special-left .car-all-type .all-city .china-area{color: #999999;} .special-mrap .special-left .car-all-type .all-city .china-area span{color: #333; padding: 0 6px;white-space: nowrap;} .special-mrap .special-left .car-all-type .all-city .zd-city {width: 350px;height: 50px;margin: 0 auto;border-bottom: 1px solid #f4f4f4;} .special-mrap .special-left .car-all-type .all-city .zd-city span{float: left;display: block;padding: 0 5px;height: 30px;line-height: 30px;text-align: center;cursor: pointer;} .special-mrap .special-left .car-all-type .all-city .zd-city span:hover{text-decoration: underline; color: orange;} .special-mrap .special-left .car-all-type .all-city .zd-city .on{color: orange;} .special-mrap .special-left .car-all-type .all-city p span{padding-right: 10px;cursor: pointer;} .special-mrap .special-left .car-all-type .all-city p span:hover{text-decoration: underline; color: orange;} .special-mrap .special-left .car-all-type table{margin-left: 20px;width: 745px;color:#666;font-size: 16px;float: left;} .special-mrap .special-left .car-all-type table tr{width: 745px;height: 50px;} .special-mrap .special-left .car-all-type table tr:nth-child(2n+1){background: #f0f8ff;} .special-mrap .special-left .car-all-type table tr:first-child{background:#526370;height: 37px;text-align: center;line-height: 37px;color: white;} .special-mrap .special-left .car-all-type table tr .jiantou {display: inline-block;transition:all .5s;color: orange;font-size: 16px;} .special-mrap .special-left .car-all-type table tr .select-city{cursor: pointer;color: orange;} .special-mrap .special-left .car-all-type table tr td .butie-price{line-height: 23px;display: block;text-indent:20px;} /*.special-mrap .special-left .car-all-type table tr .select-city:hover .jiantou{transform: rotateZ(-90deg);-webkit-transform: rotateZ(-90deg);-moz-transform: rotateZ(-90deg);-ms-transform: rotateZ(-90deg)}*/ .special-mrap .special-left .car-all-type table tr:first-child td:nth-child(4){text-align: left;} .special-mrap .special-left .car-all-type table tr td{text-align: center;} .special-mrap .special-left .car-all-type table tr td.bu-price{text-align: left;} .special-mrap .special-left .car-all-type table tr td:nth-child(3){color:#F13E3E;font-weight: bold;} .special-mrap .special-left .car-all-type table tr td:nth-child(5){color:#F13E3E;font-weight: bold;} .special-mrap .special-left .car-all-type table tr td:nth-child(5) .ask-price{display: inline-block;width: 55px;height: 23px;background: #ff9400;color:#F9F9F9;cursor: pointer;float: right;line-height: 23px;margin-right: 10px;font-style: normal;font-weight:normal;} .special-mrap .special-left .car-all-type .subsidy-notice{margin-top:20px;line-height:50px;} /*图片*/ .special-mrap .special-left .car-all-type .car-pic{width: 745px;margin: 0 auto;} .special-mrap .special-left .car-all-type .car-pic ul{display: flex;flex-wrap: wrap;width: 100%;} .special-mrap .special-left .car-all-type .car-pic ul li{width: 236px;height: 158px;margin: 18px 18px 0 0 ;overflow: hidden;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s} .special-mrap .special-left .car-all-type .car-pic ul li:nth-child(3n+3){margin-right: 0;} .special-mrap .special-left .car-all-type .car-pic ul li img{width: 236px;height: 158px;} .special-mrap .special-left .car-all-type .car-pic ul li:hover{transform: translateY(1px);box-shadow: 0 0 2px rgba(0,0,0,.8);} /*e6评价*/ .special-mrap .special-left .car-all-type .car-pic .user-list{display: flex;flex-direction: column;} .special-mrap .special-left .car-all-type .car-pic .user-list li{width:100%;height: 168px;border-bottom:1px solid #f1f1f1;margin:0 auto;} .special-mrap .special-left .car-all-type .car-pic .user-list li:hover{background: #F7F7F7;box-shadow: none;transform: none;} .special-mrap .special-left .car-all-type .car-pic .user-list li:last-child{border: none;} .special-mrap .special-left .car-all-type .car-pic .user-list li .list-touxiang{width: 108px;height: 100%;float: left;} .special-mrap .special-left .car-all-type .car-pic .user-list li .list-touxiang img{width: 56px;height: 56px;border-radius: 50%;display: block; margin: 0 auto;margin-top: 20px;} .special-mrap .special-left .car-all-type .car-pic .user-list li .list-touxiang p{width: 80px;margin: 0 auto;text-align: center;color: #666666;line-height: 25px;margin-top: 10px;} .special-mrap .special-left .car-all-type .car-pic .user-list li .list-conment{width: 590px;height: 100%;float:left;margin-left: 40px;position: relative;} .user-list .list-conment .star-row { width: 100%; height: 18px; float: left; margin-top: 15px; } .user-list .list-conment .star-row .star { position: relative; width: 90px; height: 18px; float: left; background: #CCCCCC; cursor: pointer; } .user-list .list-conment .star-row .star span { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background:url(/images/auto/series/xx-back.png) no-repeat; background-size: 100% 100%; z-index: 2; } .user-list .list-conment .star-row .star p { position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; background: #ff811b; } .user-list .list-conment .star-row .good-comment{padding:0 5px 0 15px;color: #FF811B;} .user-list .list-conment .star-row .comment-agree{display: inline-block;width: 50px;background: url(/images/auto/series/zan.png) no-repeat;background-size:30%; text-align: center;color:#999999;cursor: pointer;} .user-list .list-conment .star-row .comment-agree:hover{background: url(/images/auto/series/zanh.png) no-repeat;background-size:30%; ;} .user-list .list-conment .star-row .content-list{ height: 40px;line-height: 45px; color: #666;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .user-list .list-conment .star-row .content-list .youdian{color: #FF811B;font-style: normal;} .user-list .list-conment .star-row .data-time{ position: absolute;top: 15px;/* top: 40%; */right: 10px;color: #666;} .special-mrap .special-left .car-all-type .car-pic .more-warpper .show-more{float: none;width: 102px;height: 28px;display: block;margin: 0 auto;border: 1px solid #82BB30; border-radius: 2px;text-align: center; color: #82BB30;line-height: 28px;cursor: pointer;} /*比亚迪经销商 */ .special-mrap .special-left .car-all-type .jxs-list{display: flex;flex-wrap: wrap;justify-content: space-between;width: 745px;margin: 0 auto;} .special-mrap .special-left .car-all-type .jxs-list li{width: 340px;height: 170px;border-bottom: 1px dashed #e1e1e1;} .special-mrap .special-left .car-all-type .jxs-list li:nth-child(3){border:none;} .special-mrap .special-left .car-all-type .jxs-list li:last-child{border: none;} .special-mrap .special-left .car-all-type .jxs-list li p{height: 30px;line-height: 30px;color: #666666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .special-mrap .special-left .car-all-type .jxs-list li p:first-child{padding-top: 20px;font-size: 16px;color: #333333;transition:font-size .2s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .special-mrap .special-left .car-all-type .jxs-list li p:first-child:hover{color: #82BB30;transition:.2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;} .special-mrap .special-left .car-all-type .jxs-list li p .four-s{width: 40px;height: 20px;margin-right: 5px;border: 1px solid #82BB30;border-radius: 2px;color: #82BB30;line-height: 20px;display: inline-block;text-align: center;font-size: 14px;} .special-mrap .special-left .car-all-type .jxs-list li p:last-child .min-price{display: inline-block;width: 65px;height: 20px;background: #ff9400;line-height: 20px;text-align: center;color: white;border-radius: 2px;margin-right: 5px;} .special-mrap .special-left .car-all-type .jxs-list li p .min-price+span{color: orangered;} /*车系图片++*/ .special-mrap .special-left .car-info-select{width: 780px;float: left;} .special-mrap .special-left .car-info-select .car-type-select{width: 100%;float: left;margin-top: 40px;} /*按车型*/ .car-type-select .car-select-left {height: 100%;width: 70px;float: left;font-size: 18px;color: #444;} .car-type-select .car-select-right{width: 700px;height: 100%;float: left;margin-left: 10px;} .car-type-select .car-select-right .car-select-right-top{width: 100%;float: left;} .car-type-select .car-select-right .car-select-right-top span{display: inline-block;cursor:pointer;height: 28px;width: 60px;float: left;margin-right: 10px;text-align: center;line-height: 28px;} .car-type-select .car-select-right .on{background: #82BB30;color: white;} .car-type-select .car-select-right .on a{background: #82BB30;color: white;display: inline-block; width:100%;height: 100%;} .car-type-select .car-select-right .select-list{float: left;display: flex;flex-wrap: wrap;} .car-type-select .car-select-right .select-list li{height: 36px;border: #e2e2e2 1px solid;border-radius: 5px;text-align: center;line-height: 36px;color: #333;padding: 0 8px;margin:25px 25px 0 0;cursor: pointer;transition: .4s all;-webkit-transition: .4s all;-moz-transition: .4s all;-ms-transition: .4s all; } .car-type-select .car-select-right .select-list li a{color: #333;} .car-type-select .car-select-right .select-list .on{border: 1px solid #82BB30;background: #82BB30;color: white;} .car-type-select .car-select-right .select-list .on a{color: white;} .car-type-select .car-select-right .select-list .on span{color: white;} .car-type-select .car-select-right .select-list li:hover{background: #82BB30;color: white;} .car-type-select .car-select-right .select-list li:hover span{color:white;} .car-type-select .car-select-right .select-list li:hover a{color:white;} .photo-count{color: #999;padding-left: 5px;} .car-type-select .car-select-right .select-list li i{display: inline-block;width: 14px;height: 14px;border: 1px solid silver;margin: 10px 5px 0 0 ;float: left;} .car-type-select .car-select-right .select-list li:nth-child(1) i{background: black;} .car-type-select .car-select-right .select-list li:nth-child(2) i{background: #CCC;} .car-type-select .car-select-right .select-list li:nth-child(3) i{background: red;} .car-type-select .car-select-right .select-list li:nth-child(4) i{background: white;} .car-type-select .car-select-right .select-list li:nth-child(5) i{background: white;} /*按颜色*/ .car-type-select .car-select-right .select-color-list{padding-bottom: 30px;} .car-type-select .car-select-right .select-color-list li{margin: 0 25px 25px 0;} .special-mrap .special-left .car-photo-warpper{width: 100%;float: left;} .special-mrap .special-left .car-photo-warpper .photo-menu{width: 100%;height: 32px;border-bottom: 1px solid #D6D6D6;border-top: 3px solid transparent;} .special-mrap .special-left .car-photo-warpper .photo-menu li{height: 33px;line-height: 33px;width:80px;float: left;text-align: center;cursor: pointer;transition: .2s all;} .special-mrap .special-left .car-photo-warpper .photo-menu li:hover{border-bottom:3px solid white;border-top: 3px solid #82BB30;box-sizing: border-box;border-right: 1px solid #F2F2F2;color: #82BB30;border-left: 1px solid #F2F2F2;color: #82BB30;} .special-mrap .special-left .car-photo-warpper .photo-menu li:first-child :hover{border-bottom:3px solid white;border-top: 3px solid #82BB30;box-sizing: border-box;border-right: 1px solid #F2F2F2;color: #82BB30;} .special-mrap .special-left .car-photo-warpper .photo-menu .on{border-bottom:3px solid white;border-top: 3px solid #82BB30;box-sizing: border-box;border-right: 1px solid #F2F2F2;color: #82BB30;} .special-mrap .special-left .class-warpper .class-slide{padding: 20px 0;} .special-mrap .special-left .class-warpper .class-list{display:flex;width: 100%;height: auto;flex-wrap:wrap;justify-content: flex-start;} .special-mrap .special-left .class-warpper .class-list li{width: 240px;height: 160px;margin:0 30px 28px 0;cursor: pointer;overflow: hidden;} .special-mrap .special-left .class-warpper .class-list li:nth-child(3n+3){margin-right: 0;} .special-mrap .special-left .class-warpper .class-list li img{width: 100%;height: 100%;transition: .45s all;-webkit-transition: .45s all;-moz-transition: .45s all; -ms-transition: .45s all; } .special-mrap .special-left .class-warpper .class-list li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);} /*车系图片end++*/ /*补贴查询*/ /*.sitelink-box {margin: 20px auto;}*/ .special-mrap .select-carType .select-warpper {width: 635px;height: 80px;float: left;} .special-mrap .select-carType .select-warpper p{font-size: 20px;color: #333333;height: 30px;line-height: 30px;padding-bottom: 10px;} .special-mrap .select-carType .select-warpper select{width: 200px;height: 35px;float: left;margin-right: 5px;border: 1px solid #C0C0C0;color: #999;border-radius: 3px;font-size: 14px;} .special-mrap .select-carType .select-right-city{width: 438px;} .special-mrap .select-carType .select-right-city select{width: 156px !important;} #special-butie{width: 1100px;} #special-butie .tab-container{width: 100%;margin-bottom:50px;} #special-butie .tab-container table{width: 100%;} #special-butie .tab-container table tr th{font-size: 16px;font-weight: 100;font-style: normal;} #special-butie .tab-container table tr td:first-child{text-align: left;text-indent: 10px;} #special-butie .tab-container table tr td:nth-child(2){color: #333333;font-weight: 100;font-style: normal;} #special-butie .tab-container table tr td:nth-child(3){color: #F13E3E;font-weight: 100;font-style: normal;} #special-butie .tab-container table tr td:nth-child(4){color: #F13E3E;font-weight: 100;font-style: normal;} #special-butie .tab-container table tr td:nth-child(6){color: #F13E3E;font-weight: 100;font-style: normal;} #special-butie .tab-container table tr td{width: auto;} .special-mrap .select-carType .select-right-city input{width: 107px;height: 35px;float: left;background: #82BB30;color: white;border-radius: 5px;font-size: 16px;cursor: pointer;} #special-butie .car-nav,#special-butie table{margin-left: 0;} /*补贴查询end*/ /*详情品牌*/ .details-brand{ width: 1100px; margin: 0 auto; height: 45px; position: relative;} .details-brand2{ border-bottom: 2px solid #e4e4e4;box-sizing: border-box;background: white;} .details-brand2 .menu{ float: right; background: #82bb30; height: 37px; margin-top: 8px; padding: 0 3px;} .details-brand2 .menu li{ float: left; margin-top: 3px; background: url("/images/auto/series/solid.png") no-repeat 0 50%;} .details-brand2 .menu li a{ display: block; line-height: 32px; height: 32px; padding: 0 20px; color:#FFF; font-size: 16px;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; } .details-brand2 .menu li a:hover{ text-decoration: none; } .details-brand2 .menu li.onimg{ background: none;} .details-brand2 .menu li.on{ background: #FFFFFF; height: 35px;} .details-brand2 .menu li.on a{ color:#333;} .details-brand2 .menu li a.menu-hide{ opacity: 0.5;cursor:default;} .details-brand .img-box{ height: 45px; min-width: 60px; position: relative; float: left;} .details-brand .img-box img{ display: block; max-height: 45px; max-width: 100%; position: absolute;top:0;left:0;right:0;bottom:0;} .details-brand .name-box{ float: left; line-height: 45px; height: 45px; overflow: hidden; font-size: 20px;max-width:330px; } .details-brand .name-box a{transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;} .details-brand .name-box a:hover{ color: #82bb30; text-decoration: none;} .details-brand .car-box{ color:#666; float: left; margin: 18px 0 0 10px; cursor: pointer; position: relative;} .details-brand .car-box>a{display: inline-block;margin-right: 10px;color: #666;position: relative;} .details-brand .car-box>a:after{content: "|";position: absolute;right: -10px;top: 0;color: #DBDBDB;} .details-brand .car-box>a:last-child:after{content: "";} .details-brand .car-box em{position:absolute;top:4px;right:-13px;z-index:1;width:7px;height:7px;border-left:1px solid #666;border-bottom:1px solid #666;content:" ";transform:rotate(-45deg);-ms-transform:rotate(-45deg)} .details-brand .car-show{ padding: 15px; position: absolute; display: none; z-index: 100; top:45px;left:0; background: #FFF; border:1px solid #e7e7e7; border-top-color:#3598db;box-shadow: 1px 1px 5px #e7e7e7; -moz-box-shadow:1px 1px 5px #e7e7e7;-webkit-box-shadow:1px 1px 5px #e7e7e7; -ms-box-shadow:1px 1px 5px #e7e7e7; -o-box-shadow:1px 1px 5px #e7e7e7; } .details-brand .car-show li{ line-height: 25px;} .details-brand .car-show li a{ color:#666;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;} .details-brand .car-show li a:hover{ color: #5eba9a; } .details-brand .yong{ float: right; margin-right: 10px; color:#666; margin-top: 18px;} .details-brand .yong a{ color:#04548a;} .details-brand .search-box{ float: right; margin: 5px 0 0;} .details-brand .search-box input[type=text]{ display: block; float: left; width: 220px; height: 32px; border:1px solid #cbcacb; border-right: none; color:#666; padding: 0 5px 0 30px; background: url("/images/auto/series/search2.jpg") no-repeat 4px 50%;} .details-brand .search-box input[type=submit]{ display: block; float: left; width: 58px; height: 34px; border:none; background:#fa9301;color:#FFF; cursor: pointer;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;font-family: "Microsoft YaHei","SimSun",Arial,Helvetica,sans-serif;} .details-brand .search-box input[type=submit]:hover{ background: #82bb30;} /*最新新闻*/ .special-mrap .special-right .news-box{ background: #f9f9f9; padding: 0 0 10px; height: 317px;} .special-mrap .special-right .news-box .news-title{ padding: 10px 0; border-bottom:1px dashed #e0e0e0; margin: 0 10px;} .special-mrap .special-right .news-box .news-title p{ max-height: 44px; line-height: 22px; overflow: hidden;} .special-mrap .special-right .news-box .news-title p a{ color:#666;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;} .special-mrap .special-right .news-box .news-title p a:hover{ color:#82bb30; text-decoration: none;} /*口碑报告*/ .special-mrap .special-right .koubei-box{ background: #f9f9f9; padding: 0 0 15px; } .special-mrap .special-right .row-box{overflow: hidden;line-height: 25px;margin-bottom: 10px;} .special-mrap .special-right .row-box span{ width: 70px; float: left; margin:0 0 0 20px; text-align: right; color:#999;} .special-mrap .special-right .row-box span.s{ color:#666; margin-left: 26px;} .special-mrap .special-right .row-box span.f{ color:#df0808; text-align: left; margin: 0; font-size: 16px;} .special-mrap .special-right .row-box .tall{ display: block;width: 110px; float: left; margin: 0 10px;} .special-mrap .special-right .row-box .tall .xing{width: 110px; height: 21px; float: left; position: relative; margin-top: 2px; background: #cecece;} .special-mrap .special-right .row-box .tall .xing em{ display: block; background: url("/images/auto/series/xx2-back.png") no-repeat 0 0; width: 110px; height: 21px; position: absolute;top:0;left:0; z-index: 2;} .special-mrap .special-right .row-box .tall .xing p{ display: block; background: #ffb400; height: 21px; position: absolute;top:0;left:0; z-index: 1;} .special-mrap .special-right .yuan-wrap{ overflow: hidden; margin-bottom: 10px;} .special-mrap .special-right .yuan-wrap .yuan-box { float: left; width: 120px; height:120px; margin-left: 19px; position: relative;} .special-mrap .special-right .yuan-wrap .yuan-box .yuan-val{ position: absolute; text-align: center; font-size: 18px; color:#fd6d6c; left:0;right:0; height: 25px; line-height: 25px; top:43px; } .special-mrap .special-right .yuan-wrap .yuan-box .yuan-msg{ position: absolute; text-align: center; font-size: 12px; color:#fd6d6c; left:0;right:0; height: 25px; line-height: 25px; top:65px; } .special-mrap .special-right .yuan-wrap .yuan-box .yuan{width: 120px; height:120px;} .special-mrap .special-right .yuan-wrap .name-box{ width: 140px; float: left; margin-top: 16px;} .special-mrap .special-right .yuan-wrap .name-box p{ height: 44px; line-height: 22px; font-size: 18px; overflow: hidden;} .special-mrap .special-right .yuan-wrap .name-box p a{ color:#010101;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;} .special-mrap .special-right .yuan-wrap .name-box p a:hover{ color: #82bb30; text-decoration: none;} .special-mrap .special-right .yuan-wrap .name-box .a-but{ margin: 10px 0 0 5px; color: #fd6d6c; border:1px solid #fd6d6c; text-align: center; display: block; width: 100px; height: 26px; line-height: 26px;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;} .special-mrap .special-right .yuan-wrap .name-box .a-but:hover{ color:#FFFFFF; background: #fd6d6c; text-decoration: none;} /*详情*/ .details-box{ margin-top: 30px;padding:20px; border: 1px solid #e4e4e4;} .details-box .details-title{ font-size: 24px; line-height: 30px; color:#000;} .details-box .msg-box{ margin: 20px 0; color:#999; height: 20px; line-height: 20px;} .details-box .msg-box a{ color:#4285f4;} .details-box .msg-box span{ float: right; padding-left: 20px; position: relative;} .details-box .msg-box span i{ display: block; width: 20px; height: 20px; position: absolute; top:0;left:0; background: url("/images/induline/v2017/industry-icon.png") no-repeat -107px -108px;} .details-box .msg-box .source{float:left;} .details-box .msg-box .comment{ margin-left: 15px;} .details-box .msg-box .comment i{ background-position: -60px -109px;} .details-box .summary{ background: #f7f7f7; color:#222; text-indent: 2em; line-height: 30px; padding: 10px;} .details-box .details-mian{ margin: 20px 0 50px; color:#333; line-height: 24px; padding-bottom: 45px;} .details-box .details-mian img{ display: block; margin: 5px auto; max-width: 100%;} .industry-main{ width: 1100px; margin: 0 auto; position: relative;} .industry-main:after{ display: block; clear: both; height: 0; overflow: hidden; content: ".";} .industry-main .industry-left{ float: left; width: 760px;} .industry-main .industry-right{ float: right; width: 300px;} .industry-main .industry-left .title-style{ border-left: 5px solid #82bb30; color:#000; padding-left: 10px; font-size: 18px;} .industry-main .industry-left .relevantNews-box { width: 795px; margin-bottom:25px; overflow: hidden;} .industry-main .industry-left .relevantNews-box .relevantNews-one{ width: 230px; float: left; margin: 25px 35px 0 0;} .industry-main .industry-left .relevantNews-box .relevantNews-one .img-box{ width: 230px; height: 153px; overflow: hidden;} .industry-main .industry-left .relevantNews-box .relevantNews-one .img-box img{ width: 230px; height: 153px; display: block;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;} .industry-main .industry-left .relevantNews-box .relevantNews-one .img-box img:hover{ transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);} .industry-main .industry-left .relevantNews-box .relevantNews-one p{line-height: 22px; margin-top: 5px; height: 44px; overflow: hidden;} .industry-main .industry-left .relevantNews-box .relevantNews-one p a{ color: #666;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; } .industry-main .industry-left .relevantNews-box .relevantNews-one p a:hover{ color: #82bb30; text-decoration: none;} .add-box{ background: #f6f6f6; margin: 15px 0; height: 30px; line-height: 30px; text-align: center; color:#999; display: block; transition: color 0.2s,background 0.2s; -moz-transition: color 0.2s,background 0.2s; -webkit-transition: color 0.2s,background 0.2s; -o-transition: color 0.2s,background 0.2s; -ms-transition: color 0.2s,background 0.2s;} .add-box i{ font-style: normal; color:#999; font-family: "SimSun"; margin-left: 3px;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;} .add-box:hover{ background: #82bb30; color:#FFF; text-decoration: none;} .add-box:hover i{color:#FFF;} /*评论*/ .news-wapper .comment-box{width:750px;margin:40px auto auto;} .news-wapper .comment-box .tit{font-size:18px;line-height:30px;color:#000;} .news-wapper .comment-box .tit span{color:#999;font-size:14px;padding-left:10px;} .news-wapper .comment-box .comment-wrap{ border:1px solid #379BE9; position: relative;} .news-wapper .comment-box .comment-wrap .comment-login{ position: absolute;top:0;right:0;bottom:0;left:0; line-height: 172px; text-align: center; font-size: 16px; color:#999; background: rgba(255, 255, 255, 0.7);} .news-wapper .comment-box .comment-wrap .comment-login a{ color:#ff8d49; margin-right: 10px;} .news-wapper .comment-box .comment-wrap .comment-login a.add{ color:#2bbb46;} .news-wapper .comment-box .comment-wrap .comment-login a:hover{ color:#0b79da;} .news-wapper .comment-box .comment-wrap .comment-text{ padding: 5px;} .news-wapper .comment-box .comment-wrap textarea{ display: block; height: 120px; width: 100%; border:none; resize: none; line-height: 22px; color:#333;} .news-wapper .comment-box .user-box{ height: 40px; border-top:2px solid #eaeaea; line-height: 40px;} .news-wapper .comment-box .user-box .user-img{ width: 30px; height: 30px; margin:5px 10px;border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; display: block; float: left;} .news-wapper .comment-box .user-box .user-name{ color:#666;} .news-wapper .comment-box .user-box input[type=submit]{ display: block; float: right; margin:5px 10px; border:none; background: #48B9F1; color:#FFF; height: 30px; width: 120px; cursor: pointer;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;} .news-wapper .comment-box .user-box input[type=submit]:hover{box-shadow:0 0 10px #ADADAD; -moz-box-shadow:0 0 10px #ADADAD;-webkit-box-shadow:0 0 10px #ADADAD; -ms-box-shadow:0 0 10px #ADADAD; -o-box-shadow:0 0 10px #ADADAD; } .news-wapper .comment-list-title{ font-size:16px; line-height:30px; color:#000; border-bottom: 1px solid #eaeaea; margin-top: 25px; } .news-wapper .comment-list-box li{ border-bottom: 1px solid #f2f2f2; padding: 25px 0;} .news-wapper .comment-list-box li .member-title{ height: 40px; line-height: 40px;} .news-wapper .comment-list-box li .member-title img{ display: block; float: left; height: 30px; width: 30px; margin: 5px 10px;border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; } .news-wapper .comment-list-box li .member-title .name a{ color:#333; margin-right: 10px; font-size: 16px;} .news-wapper .comment-list-box li .member-title .name a:hover{ color:#82bb30; text-decoration: none;} .news-wapper .comment-list-box li .member-title .time { color:#999; margin-right: 10px;} .news-wapper .comment-list-box li .member-title .count { color:#B3B3B3; margin-right: 10px; padding-left: 20px; position: relative;} .news-wapper .comment-list-box li .member-title .count i{ display: block; height:19px; width: 20px; position: absolute;top:0;left:0; background: url("/images/induline/v2017/industry-icon.png") no-repeat -13px -156px;} .news-wapper .comment-list-box li .member-title .count:hover{ color:#82bb30; cursor: pointer;} .news-wapper .comment-list-box li .member-title .count:hover i{ background-position: -60px -156px;} .news-wapper .comment-list-box li .member-title .count.on{ color:#82bb30; cursor: pointer;} .news-wapper .comment-list-box li .member-title .count.on i{ background-position: -60px -156px;} .news-wapper .comment-list-box li .member-title .report{ color:#B3B3B3; margin-right: 10px; padding-left: 20px; position: relative;} .news-wapper .comment-list-box li .member-title .report a{ color:#B3B3B3;} .news-wapper .comment-list-box li .member-title .report i{ display: block; height:19px; width: 20px; position: absolute;top:0;left:0; background: url("/images/induline/v2017/industry-icon.png") no-repeat -154px -106px;} .news-wapper .comment-list-box li .member-title .report a:hover{ color:#E93636; text-decoration: none;} .news-wapper .comment-list-box li .member-title .report a:hover i{ background-position: -154px -153px;} .news-wapper .comment-list-box li .member-title .floor{ color:#82bb30; float: right; margin: 0 10px;} .news-wapper .comment-list-box li .comment-content{ color:#666; line-height: 24px; margin-top: 10px;} .news-wapper .comment-list-box li .floor-huifu{ margin-top: 15px;} .news-wapper .comment-list-box li .floor-huifu textarea{ resize: none; background: #f5f5f5; border:1px solid #e7e7e7; display: block; width: 748px; line-height: 24px; height: 100px; color:#666; padding: 5px;} .news-wapper .comment-list-box li .but-box { height: 30px;} .news-wapper .comment-list-box li .but-box input{ background: #fafafa; color:#444; display: block; height: 29px; border:1px solid #e7e7e7; width: 68px; margin: 5px 0; cursor: pointer;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;} .news-wapper .comment-list-box li .but-box input:hover{ box-shadow:0 0 10px #E6E6E6; -moz-box-shadow:0 0 10px #E6E6E6;-webkit-box-shadow:0 0 10px #E6E6E6; -ms-box-shadow:0 0 10px #E6E6E6; -o-box-shadow:0 0 10px #E6E6E6;} .news-wapper .comment-list-box li .but-box input[type=button]{ float: left;} .news-wapper .comment-list-box li .but-box input[type=submit]{ float: right;} .news-wapper .comment-list-box li .comment-content01{ color:#666; line-height: 24px; margin-top: 10px; background: #f9f9f9; padding: 10px;} .news-wapper .comment-list-box li .comment-content01 em{ color:#ff5e5e; margin-right: 10px; font-style: normal;} .news-wapper .comment-list-box li .comment-content01 a{ color:#000000;} .news-wapper .comment-list-box li .comment-content01 a:hover{ color: #82bb30; text-decoration: none;} /*详情左浮动*/ .industry-main .detailsfloat-left{ position: absolute; top:25px; right:50%; margin-right:560px; width: 60px; overflow: hidden;} .industry-main .detailsfloat-left li{ width: 60px; height: 50px; border-top:1px solid #e8e7e7; margin-top: -1px; background: #f7f7f7; position: relative;} .industry-main .detailsfloat-left li:after{ content: " "; background: #82bb30; display: block; position: absolute;top:0;left:0;right:0;bottom:0; z-index: 0; transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0); transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -ms-transition: .3s;} .industry-main .detailsfloat-left li:hover::after{ transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);} /*.industry-main .detailsfloat-left li a{ display: block; position: relative; z-index: 1; width: 60px; height: 50px; background: url("/images/induline/v2017/icon_share_big.png") no-repeat -1px -1px; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -ms-transition: .3s;}*/ .industry-main .detailsfloat-left li a{ display: block; position: relative; z-index: 1; width: 60px; height: 50px; float:none; margin:0; background: url("/images/induline/v2017/icon_share_big.png") no-repeat -1px -1px; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -ms-transition: .3s;} .industry-main .detailsfloat-left li a:hover{ text-decoration: none;} .industry-main .detailsfloat-left li a.xl{ background-position: -6px -88px;} .industry-main .detailsfloat-left li a.wx{ background-position: -185px -89px;} .industry-main .detailsfloat-left li a.qq{ background-position: -275px -88px;} .industry-main .detailsfloat-left li a.pl{ background-position: -455px -91px;} .industry-main .detailsfloat-left li a.sc{ background-position: -367px -91px;} .industry-main .detailsfloat-left li a.xl:hover{ background-position: -6px -10px;} .industry-main .detailsfloat-left li a.wx:hover{ background-position: -185px -11px;} .industry-main .detailsfloat-left li a.qq:hover{ background-position: -275px -10px;} .industry-main .detailsfloat-left li a.pl:hover{ background-position: -455px -13px;} .industry-main .detailsfloat-left li a.sc:hover{ background-position: -367px -14px;} .special-mrap .special-left .car-all-type .subsidy-tip{display: none;position: absolute;top: 113px;right: 206px;width: 200px;height: 114px;border: 2px solid #f1f1f1;border-top: #ff811b 2px solid;background: white;z-index: 999;} .special-mrap .special-left .car-all-type .subsidy-tip:before{content: "";display: block;width: 14px;height: 16px;background:url(/images/auto/series/gbh.png) no-repeat;position: relative;top: -16px;left: 80px;background-size: 100% 100%;} .special-mrap .special-left .car-all-type .subsidy-tip div{margin:10px 30px;} .special-mrap .special-left .car-all-type .subsidy-tip .shui-green{display:inline-block; position: relative; width: 20px; height: 20px; border-radius: 50%; border: 3px solid #82BB30; font-size: 12px; color: #82BB30; font-weight: 600;text-align:center;} .special-mrap .special-left .car-all-type .subsidy-tip .shui-green:after{content: ""; width: 3px; height: 20px; background: #82BB30; position: absolute; top: 0; left: 10px; transform: rotate(-45deg);} .special-mrap .special-left .car-all-type .subsidy-tip .shui-red{color: red; border: 3px solid red;display: inline-block; position: relative; width: 20px; height: 20px; border-radius: 50%; font-size: 12px; font-weight: 600;text-align:center;} .special-mrap .special-left .car-all-type .subsidy-tip .shui-red:after{content: ""; width: 0;} /*下拉选框样式*/ .special-mrap .select-carType .select-warpper .duibi-select-box { position: relative; width: 170px !important; margin:0 auto 5px; border:1px solid #CCC; background: #FFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; cursor: pointer;float:left;} .select-off:hover { border-color: #4284D9;} .select-off:hover em{ background-position: 0 0;} .special-mrap .select-carType .select-warpper .duibi-select-box .select-present{ display:block; float: left; width: 127px !important; margin-left:10px; height: 34px; line-height: 34px; color:#999; overflow: hidden;white-space:nowrap;} .select-off .select-present{ display:block; float: left; width: 127px !important; margin-left:10px; height: 34px; line-height: 34px; color:#333; overflow: hidden;white-space:nowrap;} .special-mrap .select-carType .select-warpper .duibi-select-box:after{ display:block; content: "."; height: 0; clear: both; overflow: hidden;} .special-mrap .select-carType .select-warpper .duibi-select-box em{float: right; background: url("/images/auto/cyc2016/selection-jt.png") no-repeat 0px -28px; display: block; content: ' '; width: 14px !important; height: 9px; margin: 14px 11px 0 0;} .special-mrap .select-carType .select-warpper .duibi-select-box .select-option-box { width: 180px !important; position: absolute; top: 38px; border:1px solid #ccc; z-index: 20; background-color: #fff; box-shadow: 0 1px 5px 0 rgba(0,0,0,0.20); display: none;} .special-mrap .select-carType .select-warpper .duibi-select-box .select-option-box.onaz-list { width: 221px !important;} .special-mrap .select-carType .select-warpper .duibi-select-box .select-option-box .az-list{ border-right:1px solid #d9d9d9; background: #f9f9f9; width: 40px !important; padding: 5px 0; float: left; } .special-mrap .select-carType .select-warpper .duibi-select-box .select-option-box .az-list a{ display: block; height: 18px; line-height: 18px; width: 18px !important; color:#666; margin:2px auto; font-size: 14px;text-align: center; text-decoration: none; } .special-mrap .select-carType .select-warpper .duibi-select-box .select-option-box .az-list a:hover{background:#ff4f53;color:#FFF;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px;} .special-mrap .select-carType .select-warpper .duibi-select-box .select-option-box.onaz-list { float: left;} .special-mrap .select-carType .select-warpper .duibi-select-box .onaz-list .data-list ul { border-bottom: 1px solid #d9d9d9; } .special-mrap .select-carType .select-warpper .duibi-select-box .select-option-box .data-list { width: 180px !important; height: 100%;overflow-y: scroll;overflow-x: hidden; color:#666; } .special-mrap .select-carType .select-warpper .duibi-select-box .select-option-box .data-list p{ height: 30px; line-height: 30px; font-weight: bolder; background: #f9f9f9; text-indent: 10px; border-bottom: 1px solid #d9d9d9;padding-bottom:0px;font-size:16px;color:#666; } .special-mrap .select-carType .select-warpper .duibi-select-box .select-option-box .data-list ul li{ height: 25px; line-height: 25px; padding:0 10px; font-size: 14px; overflow: hidden;white-space:nowrap; } .special-mrap .select-carType .select-warpper .duibi-select-box .select-option-box .data-list ul li:hover{ background: #f7f7f7; cursor: pointer; } .special-mrap .select-carType .select-warpper .duibi-select-box .select-option-box .data-list ul li a{ display: block;white-space:nowrap;} .brand-carType .hd{height: 35px;line-height: 35px;font-size: 16px;color: #444;position: relative;background: #F5F5F5;width:1100px;} .brand-carType .hd ul {position: absolute;top: 1px;} .brand-carType .hd ul li {float: left; padding: 0 15px;cursor: pointer;border: 1px solid #FFF;height: 32px;} .brand-carType .hd ul li a {color: #444;font-size: 18px;} .brand-carType .hd ul li.on {border: 1px solid #82bb30;background: #82bb30;height: 33px;border-bottom-color: #82bb30;position: relative;} .brand-carType .hd ul li.on a {color: #FFF;} .name-box span{cursor:pointer;} .arrow{width: 18px; height: 18px; display: inline-block; margin: 0 0 0 5px; background: url("/images/zyc/zyc2017/imgs.png") no-repeat 100% -27px;} .xl-show{position: absolute; z-index: 2; display: none; top: 35px; left: 0; border: solid 1px #999;} .xl-show a{display:block; background: #FFF; padding: 5px 10px; font-size:14px; line-height:16px; color:#222;} /*.back{margin-left:15px;} .back a{font-size:14px; color:#82bb30;}*/ .s-onck{margin-left:10px;} .s-onck .arrow{height:16px;} /*文章标题*/ .article-box{width:720px;padding:0 14px;border:1px solid #dfdfdf;margin-top:15px;} .article-title{overflow:hidden;font-size:30px;font-weight:normal;} .article-font{font-size:14px;color:#867e7e;margin:15px auto;height:30px;overflow:hidden;} .article-font ul{float:left;} .article-font ul li{float:left;margin-right:20px;line-height:30px;} .article-font ul li span.red{color:#F00;} .article-font ul li span.comment-num{color:#F00;margin-left:5px;} .article-font ul li img{vertical-align:middle;border:none;} .article-font ul li.yuanchuang{margin-right:10px;} .article-font ul li.yuanchuang a{color:#f60;font-size:14px;border:1px solid #f60;padding:0 10px;border-radius:10px;text-decoration:none;} .article-font ul li .audio{font-size:14px;padding:2px 6px 2px 4px;color:#555;height:20px;line-height:20px;background: #fff;border-radius:12px;overflow:hidden;border:1px solid #ccc;cursor:pointer;margin-top:2px;} .article-font ul li .audio i{margin-right:5px;width:20px;height:20px;display:inline-block;float:left;} .article-font ul li .audio i.play{background:url(/images/play-20X20.png);} .article-font ul li .audio i.pause{background:url(/images/pause-20X20.png);} .article-font ul li .audio span{display:inline-block;} /*文章分享*/ .article-font .share{float:right;} .article-wz {margin: 15px auto;font-size: 16px;overflow: hidden;line-height: 30px;color: #000;} .tbCon{width:1100px; background:#fff; padding:0; margin:20px auto 20px;} .tbCon .act{height:34px; line-height:34px; background:#f8f8f8; padding-left:20px; border:#e9e9e9 solid 1px; margin-bottom:0;} .tbCon .act .prompt{margin-right:20px;} .tbCon .act b{font-size:14px; color:#333; float:left; font-weight:normal;} .newboxs{padding:0 20px; border:#e9e9e9 solid; border-width:0px 1px 1px 1px;} .chgline{height:45px; line-height:45px;} .txtnk{float:left; height:45px; line-height:45px; color:#888; font-size:14px; margin-right:10px;} .newboxs .stop{margin-top:10px;} .tbCon .act-year .cur{color:#333; margin-right:12px; font-size:14px;color: #0777dd;} .tbCon .act-year a{margin-right:22px; font-size:14px;} .stop span{padding-left:0; font-size:14px; color:#ddd; margin-left:-10px;} .stop span strong{/*font-weight:normal;*/ margin-left:8px; color:#0777dd;} .pop .des .blue div{float:left;} .tbCon .act-year{height:45px; line-height:45px;} .stop em.down,.stop em.up{position: absolute; right:0; top: 10px; width:8px; height:5px; background:url(/images/zyc/zyc2017/imgs.png) no-repeat;} .tbCon .act-year .stopDrop a{margin-right:0; width:100%; height:28px; line-height:28px; font-size:12px;} .stop{float: left; height: 35px; color: #05a; margin-top: 10px;} .tbCon .act-year span, .tbCon .act-year a{float: left;} .stop span{display: inline-block; padding-right: 10px; padding-left: 4px; height: 24px; line-height: 24px; position: relative; cursor: pointer;} .stop{float: left; height: 35px; color:#05a;} .stop span{display:inline-block; padding-right:10px;padding-left:4px; height:24px; line-height:24px; position:relative; cursor:pointer} .stop span i{color: #333;font-style: normal;} .stopDrop{display: none;} .stop .stopDrop em{border-color: transparent transparent #d60001; border-style: dashed dashed solid;top:8px; border-width: 0 4px 4px} .stopOn{position:relative; z-index:800} .stopOn .stopDrop{display: block; position: absolute; left: -40px; top: 28px; width: 136px; background: #fff; padding-bottom: 4px; border: 1px solid #ddd; box-shadow: 0 0 5px #ccc;} .stop .stopDrop span{padding-left:15px; line-height:22px; height:22px;} .stopOn .stopDrop a{display:block; height:20px; line-height:20px; color:#05a; margin:4px 0; width:122px; overflow:hidden; text-align:center; float:left; clear:both;} .stopOn .stopDrop a:hover{background:#f9f9f9; text-decoration:none; color:#ff8800; font-size:12px;} .carbox .jss{position:absolute; height:12px; line-height:12px; overflow:hidden; background:#f60; color:#fff; top:-14px; right:24px;padding:1px 0 0 1px} .stopOn .stopDrop{left:-40px;} .tbCon .act-year .stopDrop a{margin-right:0; width:100%; height:28px; line-height:28px; font-size:12px;} .stopOn em.down{background-position:-8px 0;} .stopOn span strong{color:#f70;} .act-year a.on{color: #536def;} .stop i.on{color:#536def;} .article-font .author{float:right;height:30px;line-height:30px;overflow:hidden;max-width:220px;} .article-font .author img{width:30px;height:30px;vertical-align:middle;border-radius:15px;} .article-font .author .author-name{color:#f60;margin:0 25px 0 10px;font-size:14px;line-height:30px;}