/*
  * @description: 手机站首页
  * @authors: zhengch
  * @date: 2016-5-20
  * @version: v2.0
*/

/* reset */
html, body, h1, h2, h3, h4, h5, p, nav, menu, figure, figcaption, ul, ol, li {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 400
}
html {
    -webkit-text-size-adjust: none;
    word-break: break-word;
}
body {
    background: #ffffff;
}
body, select, textarea, input {
    font: 16px/1.5'PingFangSC', 'STHeiti', 'Microsoft YaHei', 'Helvetica', 'Arial', sans-serif;
}
body, a {
    color: #222;
}
ol, ul {
    list-style: none
}
var, em, i {
    font-style: normal;
}
a img {
    border: 0 none;
}
a:link, a:visited {
    text-decoration: none
}
img {
    max-width: 100%;
    vertical-align: top;
}
select, textarea, input[type="submit"], input[type="button"] {
    -webkit-appearance: none;
    -o-border-image: none;
    border-image: none;
    border-radius: 0;
    border: 0 none;
}
/* global */
@font-face {
    font-family:'home';
    src: url('//at.alicdn.com/t/font_1465872888_0882368.woff') format('woff'), url('//at.alicdn.com/t/font_1465872888_0882368.ttf') format('truetype')
}
/* Header */
body>header {
    height: 44px;
    line-height: 44px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
}
body>header>h1>a {
    display: block;
    height: 44px;
    text-indent: -9999px;
    position: absolute;
    left: 0;
    top: 0;
}
body>header>.logo {
    width: 44px;
    height: 44px;
}
body>header>.logo img {
    width: 28px;
    height: 28px;
    position: absolute;
    right: 15px;
    top: 8px;
    border-radius: 50%;
    overflow: hidden;
}
body>header>h1 {
    width: 140px;
    height: 44px;
}
body>header>h1:before {
    content:'\5BB6';
    font-family:'home';
    font-size: 24px;
    color: #0D63D0;
    padding: 0 12px;
}
/* Nav */
body>nav{
    width: 100%;
    height: 40px;
    overflow: hidden;
}
body .nav {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    height: 46px;
    line-height: 40px;
    background-color: #0D63D0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-overflow-scrolling: touch;
}
body .nav>a {
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding-right: 28px;
    display: inline-block;
    position: relative;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
body .nav>a:first-of-type {
     padding-left: 16px;
}
body .nav>a:last-of-type {
    padding-right: 25px;
}
body .nav .m-taocar:after,body .nav .m-wapshop:after,body .nav .m-salecar:after{
    position: absolute;
    min-width: 40px;
    height: 28px;
    line-height: 28px;
    font-size: 20px;
    top: -2px;
    right: -10px;
    padding: 0 8px;
    background: #FF4436;
    border-radius: 14px;
    transform:scale(0.5);
}
body .nav .m-taocar:after {
     content:'\4fdd\969c';
 }
body .nav .m-wapshop:after {
    content:'\6b63\54c1';
}
body .nav .m-salecar:after {
    content:'\65b0\8f66';
}
/* Search */
.search {
    flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    position: relative;
    border: 1px solid rgba(21,113,229,0.40);
    border-radius: 15px;
    height: 28px;
    line-height: 27px;
    margin-left: -8px;
    margin-top: 7px;
    margin-right: 16px;
}
.search input[type='text'] {
    border: 0;
    background-color: transparent;
    font-size: 12px;
    height: 28px;
    width: 100%;
    padding: 0 36px 0 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 40px;
}
.search input[type='submit'] {
    position: absolute;
    z-index: 2;
    right: -1px;
    top: -1px;
    text-align: center;
    content:'\641c';
    font-family:'home';
    font-size: 14px;
    /*padding: 0 0 0 36px;*/
    width: 36px;
    height: 30px;
    background: #3A8DFF;
    border-radius: 0 15px 15px 0;
    color: #fff;
    padding: 0 7px 0 7px;
}
/*.search input[type='submit']:before {*/
    /*content:'\641c';*/
    /*position: absolute;*/
    /*right: 11px;*/
    /*top: 1px;*/
    /*z-index: 3;*/
    /*font-family:'home';*/
    /*font-size: 14px;*/
    /*color: #fff;*/
/*}*/
/* 按品牌 */
.brand, .module-tab {
    position: relative;
    overflow: hidden;
}
.brand .tab-title, .model-rank .tab-title {
    font-size: 14px;
    padding: 0 15px;
    height: 41px;
    border-bottom: 1px solid #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
}
.brand .tab-title>span, .model-rank .tab-title>span {
    font-size: 14px;
    color: #999;
    line-height: 40px;
    height: 41px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    display: block;
    width: 1%;
}
.brand .tab-title .selected, .model-rank .tab-title .selected {
    color: #0D63D0;
}
.brand .tabs-slider, .module-tab .tabs-slider {
    -webkit-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0);
    position: absolute;
    left: 0;
    top: 41px;
    z-index: 1;
    height: 1px;
    background-color: #0D63D0;
    -webkit-transition: -webkit-transform .2s linear 0s;
    transition: -webkit-transform .2s linear 0s;
    transition: transform .2s linear 0s;
    transition: transform .2s linear 0s, -webkit-transform .2s linear 0s;
}
.brand .tab-cont .brand-wrap {
    overflow: hidden;
}
.brand .tab-cont {
    height: 170px;
    width: 1000%;
}
.brand .tab-cont>div {
    width: 10%;
    float: left;
    position: relative;
}
.brand-wrap {
    padding-top: 15px;
}
.brand-wrap a {
    float: left;
    width: 20%;
    display: block;
    text-align: center;
}
.brand-wrap a figure {
    position: relative;
}
.brand-wrap figure:before {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -27px;
    font-family:"home";
    content:"\5361";
    text-align: center;
    width: 54px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #d1d1d1;
    background: #efefef;
    z-index: 1;
}
.brand-wrap figure>img {
    position: relative;
    z-index: 2;
    background: #fff;
}
.brand-wrap figcaption {
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    margin: 8px 0 22px;
}
.brand-wrap .more {
    padding-top: 2px;
}
.brand-wrap .more i {
    color: #ddd;
    font-family:"home";
    width: 32px;
    display: block;
    height: 32px;
    font-size: 32px;
    line-height: 32px;
    margin: 0 auto;
}
.brand-wrap .more figcaption {
    margin-top: 12px;
}
/* 按车系 */
.series {
    padding-top: 15px;
}
.series .row {
    padding: 0 5px 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
}
.series a {
    width: 33%;
    height: 40px;
    line-height: 40px;
    background-color: #F5F5F5;
    font-size: 14px;
    color: #777;
    margin: 0 10px 10px 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.series span {
    width: 33%;
    display: block;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin: 0 12px 12px 0;
}
/* 焦点图 */
.home-focus {
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 185px;
}
.home-focus>ul {
    width: 1000%;
}
.home-focus li {
    width: 10%;
    float: left;
    position: relative;
}
.home-focus li figure {
    min-height: 185px;
}
.home-focus li figure img {
    font-size: 0;
    text-indent: -9999px;
    border: 0;
}
.home-focus li:last-child figure img {
    opacity: 1 !important
}
.home-focus li figure:before {
    position: absolute;
    left: 0;
    top: 0;
    font-family:"home";
    content:"\5361";
    text-align: center;
    width: 100%;
    height: 250px;
    line-height: 200px;
    font-size: 50px;
    color: #d1d1d1;
    background: #efefef;
    z-index: -1
}
.home-focus figcaption {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.4) 100%);
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.home-focus .swiper-pagination {
    position: absolute;
    right: 10px;
    bottom: 0;
}
.home-focus .swiper-pagination span {
    display: none;
    line-height: 30px;
}
/*.home-focus .swiper-pagination span:nth-of-type(1):before{content:'1/6';}
.home-focus .swiper-pagination span:nth-of-type(2):before{content:'2/6';}
.home-focus .swiper-pagination span:nth-of-type(3):before{content:'3/6';}
.home-focus .swiper-pagination span:nth-of-type(4):before{content:'4/6';}
.home-focus .swiper-pagination span:nth-of-type(5):before{content:'5/6';}
.home-focus .swiper-pagination span:nth-of-type(6):before{content:'6/6';}*/
.home-focus .swiper-pagination .swiper-pagination-bullet-active {
    display: block;
    color: #fff;
}
.home-focus .swiper-button-next, .home-focus .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
}
.home-focus .swiper-button-next {
    right: 10px;
}
.home-focus .swiper-button-prev {
    left: 10px;
}
.home-focus .swiper-button-next:before, .home-focus .swiper-button-prev:before {
    font-family:'home';
    position: absolute;
    top: 0;
    text-align: center;
    width: 30px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    /*box-shadow: 0 1px 4px rgba(0,0,0,0.3); */
    font-size: 50px;
}
.home-focus .swiper-button-next:before {
    content:'\53f3';
    left: -18px;
}
.home-focus .swiper-button-prev:before {
    content:'\5de6';
    right: 3px;
}
/* Menu */
body>menu {
    height: 112px;
    overflow: hidden;
    font-size: 14px;
    border-bottom: 10px solid #F5F5F5;
}
body>menu>a {
    position: relative;
    padding-top: 77px;
    float: left;
    width: 25%;
    text-align: center;
    color: #777;
}
body>menu>a:before {
    content:'';
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 15px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #f5f5f5;
}
body>menu>a:nth-of-type(1):after {
    content:'\8d27';
    font-family:'home';
    font-size: 19px;
    position: absolute;
    left: 50%;
    margin-left: -13px;
    top: 27px;
    color: #9CDA35;
}
body>menu>a:nth-of-type(2):after {
    content:'\4f30';
    font-family:'home';
    font-size: 19px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 26px;
    color: #FF9C38;
}
body>menu>a:nth-of-type(3):after {
    content:'\6570';
    font-family:'home';
    font-size: 19px;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 27px;
    color: #F86B4F;
}
body>menu>a:nth-of-type(4):after {
    content:'\5de5';
    font-family:'home';
    font-size: 19px;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 27px;
    color: #FFC20D;
}
/* Menu2 */
.menu2 {
    height: 170px;
    overflow: hidden;
    font-size: 14px;
}
.menu2>a {
    position: relative;
    padding-top: 60px;
    float: left;
    width: 25%;
    text-align: center;
    color: #777;
    font-size: 12px;
}
.menu2>a:before {
    content:'';
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: 15px;
    width: 40px;
    height: 40px;
}
.menu2>a:nth-of-type(1):before {
    background: url(https://s.kcimg.cn/m/images/home/dealer-ico.png) no-repeat 0 0;
    background-size: 40px 40px;
}
/*.menu2>a:nth-of-type(2):before {*/

/*background: url(https://s.kcimg.cn/m/images/home/help-ico.png) no-repeat 0 0;*/

/*background-size: 40px 40px;*/

/*}*/

/*求助图标更改*/
.menu2>a:nth-of-type(2):before {
    background: url(https://s.kcimg.cn/m/images/home/ask-ico.png) no-repeat 0 0;
    background-size: 40px 40px;
}
/*最新货源入口更改*/

/*.menu2 > a:nth-of-type(3):before{background: url(https://s.kcimg.cn/m/images/home/resource-ico.png) no-repeat 0 0; background-size: 40px 40px;}*/
.menu2>a:nth-of-type(3):before {
    background: url(https://s.kcimg.cn/m/images/home/shop-guide-icon.png) no-repeat 0 0;
    background-size: 40px 40px;
}
.menu2>a:nth-of-type(4):before {
    background: url(https://s.kcimg.cn/m/images/home/buy-ico.png) no-repeat 0 0;
    background-size: 40px 40px;
}
.menu2>a:nth-of-type(5):before {
    background: url(https://s.kcimg.cn/m/images/home/buycar-icov2.png) no-repeat 0 0;
    background-size: 40px 40px;
}
.menu2>a:nth-of-type(6):before {
    background: url(https://s.kcimg.cn/m/images/home/oldcar-ico.png) no-repeat 0 0;
    background-size: 40px 40px;
}
/* 司机招聘 */
.menu2>a:nth-of-type(7):before {
    background: url(https://s.kcimg.cn/m/images/home/driver-icon.png) no-repeat 0 0;
    background-size: 40px 40px;
}
.menu2>a:nth-of-type(8):before {
    background: url(https://s.kcimg.cn/m/images/home/guache-ico.png) no-repeat 0 0;
    background-size: 40px 40px;
}
/* 标题 */
.module-title {
    position: relative;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    padding: 0 15px 0 10px;
    font-weight: bold;
}
.module-title:before {
    content:'';
    width: 2px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 14px;
    background-color: #0D63D0;
}
.module-title a {
    float: right;
    font-size: 14px;
    color: #999;
    margin-left: 24px;
    font-weight: normal;
}
.news-list a {
    position: relative;
    display: block;
    height: 77px;
    border-bottom: 1px solid #eee;
    padding: 13px 0 0 102px;
    margin: 0 15px;
}
.news-list li:last-of-type a {
    border-bottom: 0;
}
.news-list figure, .model-list figure {
    width: 90px;
    height: 60px;
    text-align: center;
    line-height: 58px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 15px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.news-list figure:before, .model-list figure:before, .video-list figure:before, .home-ad .m-ad-item .f_inewsimg:before {
    position: absolute;
    left: 0;
    top: 0;
    font-family:"home";
    content:"\5361";
    text-align: center;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    color: #d1d1d1;
    background: #efefef;
    z-index: -1
}
.news-list figure img, .model-list figure img {
    vertical-align: middle;
}
.news-list figcaption, .model-list figcaption {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}
.news-list p {
    font-size: 10px;
    color: #999;
}
.news-list em {
    margin-left: 5px;
}
.news-list i {
    float: right;
}
.news-list i:before {
    content:'\770b';
    font-family:'home';
    font-size: 10px;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 0 0;
    color: #ddd;
}
.news-list .address {
    color: #f60;
    margin-right: 3px;
}
.last-news {
    border-top: 10px solid #f5f5f5;
    border-bottom: 10px solid #f5f5f5;
}
.last-news .more, .module-more {
    border-top: 1px solid #eee;
    display: block;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #999;
    font-size: 14px;
}
.last-news .more:after {
    content:'';
    display: inline-block;
    margin: 15px 0 0 10px;
    vertical-align: top;
    width: 9px;
    height: 9px;
    border-top: 1px solid #979797;
    border-right: 1px solid #979797;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.module-more:after {
    content:'';
    display: inline-block;
    margin: 17px 0 0 5px;
    vertical-align: top;
    width: 9px;
    height: 9px;
    border-top: 1px solid #979797;
    border-right: 1px solid #979797;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* 手工广告位 */
.home-ad {
    padding: 0 15px;
    border-bottom: 10px solid #f5f5f5;
}
.home-ad .m-ad-item {
    position: relative;
    display: block;
    padding: 15px 0;
    min-height: 60px;
}
.home-ad .m-ad-item:after {
    position: absolute;
    bottom: 15px;
    right: 0;
    content:"\63a8\5e7f";
    width: 24px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    background: #E4320F;
}
.home-ad .m-ad-item .f_inewsimg {
    position: relative;
    float: left;
    width: 90px;
    height: 60px;
    overflow: hidden;
    /* margin-top: 4px; */
}
.home-ad .m-ad-item .f_inewsimg img {
    display: block;
    width: 90px;
    height: 60px;
}
.home-ad .m-ad-item .f_inewscon {
    margin-left: 100px;
}
.home-ad .m-ad-item .f_inewscon h4 {
    font-weight: normal;
    font-size: 15px;
    line-height: 21px;
    height: 42px;
    overflow: hidden;
}
.home-ad .m-ad-item .f_inewscon h4 a {
    color: #111;
}
.home-ad .m-ad-item .f_inewscon p {
    font-size: 12px;
    color: #666;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    /* margin-top: 6px; */
    padding-right: 25px;
}
/* 按品牌 */
.brand, .module-tab {
    position: relative;
    overflow: hidden;
}
.brand .tab-title, .model-rank .tab-title {
    font-size: 14px;
    padding: 0 15px;
    height: 41px;
    border-bottom: 1px solid #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
}
.brand .tab-title>span, .model-rank .tab-title>span {
    font-size: 14px;
    color: #999;
    line-height: 40px;
    height: 41px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    display: block;
    width: 1%;
}
.brand .tab-title .selected, .model-rank .tab-title .selected {
    color: #0D63D0;
}
.brand .tabs-slider, .module-tab .tabs-slider {
    -webkit-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0);
    position: absolute;
    left: 0;
    top: 41px;
    z-index: 1;
    height: 1px;
    background-color: #0D63D0;
    -webkit-transition: -webkit-transform .2s linear 0s;
    transition: -webkit-transform .2s linear 0s;
    transition: transform .2s linear 0s;
    transition: transform .2s linear 0s, -webkit-transform .2s linear 0s;
}
.brand .tab-cont .brand-wrap {
    overflow: hidden;
}
.brand .tab-cont {
    height: 170px;
    width: 1000%;
}
.brand .tab-cont>div {
    width: 10%;
    float: left;
    position: relative;
}
.brand-wrap {
    padding-top: 15px;
}
.brand-wrap a {
    float: left;
    width: 20%;
    display: block;
    text-align: center;
}
.brand-wrap a figure {
    position: relative;
}
.brand-wrap figure:before {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -27px;
    font-family:"home";
    content:"\5361";
    text-align: center;
    width: 54px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #d1d1d1;
    background: #efefef;
    z-index: 1;
}
.brand-wrap figure>img {
    position: relative;
    z-index: 2;
    background: #fff;
}
.brand-wrap figcaption {
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    margin: 8px 0 22px;
}
.brand-wrap .more {
    padding-top: 2px;
}
.brand-wrap .more i {
    color: #ddd;
    font-family:"home";
    width: 32px;
    display: block;
    height: 32px;
    font-size: 32px;
    line-height: 32px;
    margin: 0 auto;
}
.brand-wrap .more figcaption {
    margin-top: 0;
    padding-top: 42px;
    position: relative;
}
.brand-wrap .more figcaption:before {
    content: '\591a';
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -16px;
    color: #ddd;
    font-family:"home";
    width: 32px;
    display: block;
    height: 32px;
    font-size: 32px;
    line-height: 32px;
    z-index: 1;
}
/* 车型排行榜 */
.model-rank {
    border-top: 10px solid #f5f5f5;
}
.model-list a:first-of-type {
    position: relative;
    display: block;
    height: 77px;
    border-bottom: 1px solid #eee;
    padding: 13px 0 0 102px;
    margin: 0 0 0 15px;
}
.model-list li {
    position: relative;
    height: 90px;
}
.model-list figcaption {
    padding-right: 15px;
    margin-bottom: 4px;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.model-list .num {
    color: #999;
    font-size: 12px;
    padding-right: 15px;
}
.model-list .notice {
    float: right;
}
.model-list var {
    color: #f60;
}
.model-list var.no-data {
    color: #999;
}
.model-list .price {
    color: #f60;
    font-size: 12px;
    position: absolute;
    right: 12px;
    bottom: 9px;
}
.model-list {
    counter-reset: model-rank;
}
.model-list li a:before {
    position: absolute;
    left: 9px;
    top: 14px;
    z-index: 2;
    counter-increment: model-rank 1;
    content: counter(model-rank);
    color: #fff;
    font-size: 14px;
}
.model-list li a:after {
    content:'\699c';
    font-family:'home';
    position: absolute;
    left: 3px;
    top: 11px;
    z-index: 1;
    font-size: 20px;
}
.model-rank .tab-content {
    width: 1000%;
}
.model-rank .tab-content>div {
    width: 10%;
    float: left;
    position: relative;
}
.model-list li a:after {
    color: #80BDFF;
}
.model-list li:nth-child(1) a:before {
    font-family:'home';
    content:'\4e00';
    font-size: 12px;
    left: 7px;
    top: 16px;
}
.model-list li:nth-child(2) a:before {
    font-family:'home';
    content:'\4e8c';
    font-size: 12px;
    left: 7px;
    top: 16px;
}
.model-list li:nth-child(3) a:before {
    font-family:'home';
    content:'\4e09';
    font-size: 12px;
    left: 7px;
    top: 16px;
}
.model-list li:nth-child(1) a:after {
    color: #F86B4F;
}
.model-list li:nth-child(2) a:after {
    color: #FF9C38;
}
.model-list li:nth-child(3) a:after {
    color: #FFC20D;
}
/* 车系排行榜 */
@font-face {
    font-family:"detail";
    src: url('//at.alicdn.com/t/font_1465804009_040009.woff') format('woff'), url('//at.alicdn.com/t/font_1465804009_040009.ttf') format('truetype');
}
.rank-list {
    background-color: #fff;
    padding: 0 15px;
}
.rank-list li {
    position: relative;
    min-height: 85px;
    padding: 12px 0;
    border-bottom: 1px solid #e5e5e5;
}
.rank-list li:last-of-type {
    border-bottom: none;
}
.rank-list i {
    position: absolute;
    left: -5px;
    top: 0px;
    color: #fff;
    z-index: 2;
    font-size: 10px;
    text-align: center;
    width: 26px;
}
.rank-list .tag {
    position: absolute;
    left: 1px;
    top: -5px;
    font-family:'detail';
    z-index: 1;
    font-size: 25px;
    color: #999;
}
.rank-list .tag.top3 {
    color: #f33;
}
.rank-list>li>a:first-of-type {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 130px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.rank-list>li>a:not(:first-of-type) {
    position: absolute;
    right: 0px;
    bottom: 14px;
    font-size: 12px;
    color: #f60;
}
.rank-list>li>a:not(:first-of-type):after {
    display: inline-block;
    content:"\53bb";
    font-family:"detail";
    margin-left: 1px;
    -webkit-transform: scale(.7);
    transform: scale(.7);
}
.rank-list>li>a>span {
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: 80px;
    border: 1px solid #eee;
}
.rank-list>li>a>span img {
    max-width: 100%;
    vertical-align: top
}
.rank-list .truck-info p {
    color: #333;
}
.rank-list>li .go-up, .rank-list .truck-info .go-down, .rank-list .truck-info .stationary {
    float: right;
    font-size: 10px;
}
.rank-list>li .go-up {
    color: #f33;
}
.rank-list>li .go-up:before {
    display: inline-block;
    content:"\e608";
    font-family:'detail';
    margin-right: 3px;
}
.rank-list>li .go-down {
    color: #17bb2b;
}
.rank-list>li .go-down:before {
    display: inline-block;
    content:"\e606";
    font-family:'detail';
    margin-right: 3px;
}
.rank-list>li .stationary {
    color: #3389ff;
}
.rank-list>li .stationary:before {
    content:"\5e73";
    font-family:'detail';
    margin-right: 3px;
}
.rank-list>li .attention {
    font-size: 10px;
    color: #999;
    margin-top: 8px;
}
.rank-list .attention div {
    width: 85px;
    height: 4px;
    margin-top: 5px;
    background-color: #eee;
    border-radius: 5px;
}
.rank-list .attention div>span {
    display: block;
    width: 60px;
    height: 4px;
    background-color: #f60;
    border-radius: 5px
}
.rank-list .truck-info>span {
    display: block;
    margin-top: 10px;
    color: #f60;
    font-size: 12px;
}
/* 信息流 */
.info-list {
    border-top: 10px solid #f5f5f5;
}
.info-list .summary>a, .advertise-wrap a {
    position: relative;
    display: block;
    height: 77px;
    border-bottom: 1px solid #eee;
    padding: 13px 0 0 102px;
    margin: 0 15px;
}
.info-list li:last-of-type a {
    border-bottom: none;
}
.info-list .summary figure, .info-list .series-item figure {
    width: 90px;
    height: 60px;
    text-align: center;
    line-height: 58px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 15px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.info-list .summary figure:before, .info-list .series-item figure:before {
    position: absolute;
    left: 0;
    top: 0;
    font-family:"home";
    content:"\5361";
    text-align: center;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    color: #d1d1d1;
    background: #efefef;
    z-index: -1;
}
.info-list .summary figure img {
    vertical-align: middle;
}
.info-list .summary figure.summary-video:after{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -16px;
    content: "";
    width: 32px;
    height: 32px;
    background: url(https://s.kcimg.cn/m/images/video/play.png) no-repeat;
    background-size: 32px 32px;
}
.info-list .summary figure.summary-images .images-num,.info-list .topic-big-image figure.summary-images .images-num{
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 36px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: rgba(23 , 24 , 25,0.4);
    color:#ffffff;
    font-size: 12px;
    border-radius: 2px;
}
.info-list .topic-big-image figure.summary-images .images-num{
    bottom: 10px;
    right: 10px;
}
.info-list .summary figcaption {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}
.info-list .summary .info {
    font-size: 12px;
    color: #999;
}
.info-list .summary .info img{
    width: 24px;
    height: 12px;
    float: right;
    margin-top: 4px;
}
.info-list .summary .num {
    float: right;
}
.info-list .summary .video-tag, .info-list .gallery .gallery-tag {
    border: 1px solid #f60;
    border-radius: 2px;
    color: #f60;
    font-size: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 14px;
    line-height: 14px;
    padding: 0 2px;
    margin-top: 1px;
    display: inline-block;
}
/* // .info-list .summary .video-tag,.info-list .gallery .gallery-tag{
//   position: absolute;
//   left: 90px;
//   top: 50%;
//   width: 32px;
//   height: 16px;
//   font-size: 12px;
//   background: #DA242A;
//   line-height: 16px;
//   border:1px solid #333;
//   text-align: center;
//   color: #fff;
//   border-radius: 3px;
//   margin-top: -8px;
// } */
.info-list .video {
    position: relative;
    min-height: 80px;
    overflow: hidden;
}
.info-list .video .ico {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -23px 0 0 -30px;
    width: 55px;
    padding-left: 5px;
    height: 60px;
    line-height: 60px;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
}
.info-list .video .ico:before {
    content:'\64ad';
    font-family:'home';
    font-size: 20px;
    color: #fff;
}
.info-list .video a, .info-list .gallery {
    position: relative;
    display: block;
    border-bottom: 1px solid #eee;
    margin: 0 15px;
}
.info-list .video a {
    padding-bottom: 20px;
}
.info-list .video figcaption {
    margin: 10px 0;
}
.info-list .gallery figcaption, .info-list .gallery p {
    margin: 10px 0;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.info-list .gallery .pic-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
}
.info-list .gallery figure {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin-right: 4px;
    height: 75px;
}
.info-list .gallery figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}
.info-list .gallery figure:last-of-type {
    margin-right: 0;
    position: relative;
}
.info-list .gallery figure:last-of-type .pic-num {
    font-size: 14px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
}
.info-list .gallery figure:last-of-type .pic-num i {
    display: block;
    width: 100%;
    height: 14px;
    line-height: 14px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -7px 0 0 0;
}
.info-list .gallery .info {
    margin: 10px 0 10px 0;
    font-size: 12px;
    color: #999;
}
.info-list .gallery .num {
    float: right;
    font-size: 12px;
    color: #999;
}
.info-list .mall figcaption {
    height: 24px;
}
.info-list .mall .price {
    font-size: 14px;
    color: #f60;
}
.info-list .series-item {
    position: relative;
}
.info-list .series-item .row {
    position: relative;
    display: block;
    height: 77px;
    border-bottom: 1px solid #eee;
    padding: 13px 0 0 102px;
    margin: 0 15px;
}
.info-list .series-item figcaption {
    height: 24px;
    overflow: hidden;
}
.info-list .series-item .category {
    color: #999;
    font-size: 12px;
}
.info-list .series-item .info {
    font-size: 14px;
    color: #f60;
}
.info-list .series-item .num {
    font-size: 12px;
}
.info-list .series-item .link {
    position: absolute;
    right: 15px;
    bottom: 10px;
    font-size: 12px;
    color: #f60;
}
.info-list .series-item .link:after {
    display: inline-block;
    content:'';
    border: 1px solid #f60;
    border-color: #f60 #f60 transparent transparent;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*信息流，直播*/
.info-list .zhibo>a ,.info-list .topic-video>a,.info-list .topic-big-image>a{
    position: relative;
    display: block;
    border-bottom: 1px solid #eee;
    margin: 0 15px;
}
.info-list .zhibo figcaption,.info-list .topic-video figcaption,.info-list .topic-big-image figcaption{
    font-size: 17px;
    line-height: 21px;
    padding: 13px 0 10px 0;
}
.info-list .zhibo .summary-images,.info-list .topic-video .summary-images,.info-list .topic-big-image .summary-images{
    position: relative;
    width: 100%;
    min-height: 100px;
    margin-bottom: 16px;
}
.info-list .zhibo .summary-images:before,.info-list .topic-video .summary-images:before,.info-list .topic-big-image .summary-images:before{
    position: absolute;
    left: 0;
    top: 0;
    font-family: "home";
    content: "\5361";
    text-align: center;
    width: 100%;
    height: 100px;
    line-height: 100px;
    font-size: 24px;
    color: #d1d1d1;
    background: #efefef;
    z-index: -1;
}
.info-list .zhibo .summary-images:after,.info-list .topic-video .summary-images:after{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -30px;
    content: "";
    width: 60px;
    height: 60px;
    background: url(https://s.kcimg.cn/m/images/video/play.png) no-repeat;
    background-size: 60px 60px;
}
.info-list .zhibo img,.info-list .topic-video img,.info-list .topic-big-image img{
    width: 100%;
    height: auto;
}
.info-list .zhibo .zhibo-info{
    left: 8px;
    bottom: 8px;
    position: absolute;
    width: 60px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #1571E5;
    border-radius: 2px;
}
.info-list .zhibo .zhibo-icon{
    width: 10px;
    height: 10px;
    margin-top: 5px;
    margin-right: 4px;
}
.info-list .zhibo .zhibo-info span{
    font-size: 12px;
    color: #FFFFFF;
    line-height: 20px;
}
/*信息流，专题*/
.info-list .topic-top{
    padding: 0 15px;
    height: 44px;
    line-height: 44px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: -10px;
}
.info-list .topic-title,.info-list .topic-all{
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
}
.info-list .topic-title img{
    width: 32px;
    height: 16px;
}
.info-list .topic-title span {
    font-size: 16px;
    font-weight: bold;
}
.info-list .topic-video .summary-images,.info-list .topic-big-image .summary-images{
    margin-bottom: 0;
}
.info-list .topic-video .info,.info-list .topic-big-image .info{
    margin: 10px 0 10px 0;
    font-size: 12px;
    color: #999;
}
.info-list .topic-video .info .info-right,.info-list .topic-big-image .info .info-right{
    float: right;
}
.info-list .topic-all img{
    width: 22px;
    height: 22px;
}
.info-list .topic-all span {
    font-size: 12px;
    color: #999;
}
.info-list .topic-more>a{
    display: block;
    text-align: center;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    background: #FFFFFF;
    border-bottom: 4px solid rgba(23,24,26,0.04);
}
/* 广告 */
.info-list .ad-tag {
    position: absolute;
    right: 0;
    bottom: 15px;
    color: #fff;
    padding: 0 4px;
    border-radius: 2px;
    overflow: hidden;
    background-color: #B2B2B2;
    height: 15px;
    line-height: 15px;
    font-size: 10px;
}
/* 返回顶部 */
@font-face {
    font-family:'information';
    src: url('//at.alicdn.com/t/font_klxgzuppo9307ldi.woff') format('woff'), url('//at.alicdn.com/t/font_klxgzuppo9307ldi.ttf') format('truetype');
}
.m-to-returns, .m-top-go {
    position: fixed;
    bottom: 120px;
    right: 15px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 42px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 12px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(204, 149, 0, 0.4);
    box-shadow: 0 1px 2px 0 rgba(204, 149, 0, 0.4);
    z-index: 4;
}
.m-top-go {
    bottom: 180px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    line-height: 44px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: 0;
}
.m-top-go:before {
    content:'\e616';
    font-family:'information';
    font-size: 20px;
}
.m-top-visible {
    opacity: 1;
}
/* 免费下载 */
@font-face {
    font-family:"bbs";
    src: url('//at.alicdn.com/t/font_1459230251_9834392.woff') format('woff'), url('//at.alicdn.com/t/font_1459230251_9834392.ttf') format('truetype')
}
.truckhomeapp-box {
    background: rgba(0, 0, 0, 0.7);
    height: 64px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 5;
    width: 100%;
}
.truckhomeapp-box a {
    display: block;
    padding-left: 36px;
}
.truckhomeapp-download img {
    margin: 5px 8px 0 0;
    float: left;
}
.truckhomeapp-download p {
    float: left;
    color: #fff;
    line-height: 24px;
    margin-top: 10px;
    font-size: 14px;
    width: 120px;
}
.truckhomeapp-download span {
    float: right;
    width: 60px;
    margin: 11px 10px 0 0;
    text-align: center;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 3px;
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    background-color: #f60;
}
.truckhomeapp-download em {
    position: absolute;
    bottom: 9px;
    right: 10px;
    font-size: 10px;
    color: #999;
}
.truckhomeapp-box i:before {
    z-index: 5;
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    text-align: center;
    height: 40px;
    font-size: 16px;
    line-height: 64px;
    color: #fff;
    content:'\53c9';
    font-family:'bbs';
    opacity: 0.7;
    font-weight: 100;
}
.truckhomeapp-box var {
    color: #f60;
}
/* loading */
.loading {
    display: none;
    position: relative;
    margin: 10px auto;
    width: 85px;
    padding-top: 33px;
    font-size: 0;
    color: #999;
    overflow: hidden;
    text-align: center;
    background: url(data:image/png;base64,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) no-repeat 50% 0;
    background-size: 192px 30px;
    -webkit-animation: loaing-animation linear 1.5s infinite;
    animation: loaing-animation linear 1.5s infinite;
}
.loading:before {
    content:'';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 30px;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #f5f5f5), color-stop(10%, rgba(245, 245, 245, 0)), color-stop(90%, rgba(245, 245, 245, 0)), to(#f5f5f5));
    background: linear-gradient(90deg, #f5f5f5 0, rgba(245, 245, 245, 0) 10%, rgba(245, 245, 245, 0) 90%, #f5f5f5 100%);
}
.loading:after {
    content:'\6b63\5728\52a0\8f7d\4e2d...';
    font-size: 12px;
}
.loading.visible {
    display: block;
}
.loading-ring {
    content:'';
    position: absolute;
    left: 50%;
    top: 9px;
    margin-left: -27px;
    width: 49px;
    height: 18px;
    font-size: 0;
    background: url(data:image/png;base64,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) no-repeat 0 0;
    background-size: 49px 18px;
}
.loading-ring:before, .loading-ring:after {
    content:'';
    position: absolute;
    left: 19px;
    top: 16px;
    width: 5px;
    height: 5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAMAAACecocUAAAAeFBMVEUAAAAtg+wWcuYWceYbfPIdeOgbdugWc+UWceYfeuswhewVceYXcuYWcuYWceYWcucWcub///8mfeoYdOYXceYXcuYVcuYVcuYWcuUVc+UYc+cWcukXdOiAvf8VceVmqvliqPlTnfVusftbo/dMmPNAj/Bfpvc0h+2wExoJAAAAHXRSTlMA/vLHCfz80ZgZ/v79oIZrWgH9/OHe1b68p0kvLOvWZswAAABkSURBVAjXLchFFoQwFAXR9+M4rXgSfP87JMgd1SkAkdGM5wJBy9J4peTXh8ve07x4p7SASadxX8httoCOZz+cZAa2Djfi4PS0MsgTd+VoS4iv9Gd+6hfQ/a0kZasIgSganpXhHiAsCHiVxbUOAAAAAElFTkSuQmCC) no-repeat 0 0;
    background-size: 5px 5px;
    -webkit-animation: wheel linear 0.2s infinite;
    animation: wheel linear 0.2s infinite;
}
.loading-ring:after {
    left: 40px;
}
@-webkit-keyframes loaing-animation {
    0% {
        background-position: 10% 0;
    }
    100% {
        background-position: 100% 0;
    }
}
@keyframes loaing-animation {
    0% {
        background-position: 10% 0;
    }
    100% {
        background-position: 100% 0;
    }
}
@-webkit-keyframes wheel {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes wheel {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}