@keyframes turn {
    0% {
        -webkit-transform: rotate(0)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

a,a:hover {
    cursor: pointer
}

a:hover,body {
    -webkit-tap-highlight-color: transparent
}

a,body {
    color: #333
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

address,cite,em {
    font-weight: 400;
    word-wrap: break-word
}

caption,code,figcaption,h1,h2,h3,h4,h5,h6,pre,strong,th {
    font-weight: 400;
    font-style: normal;
    word-wrap: break-word
}

dd,dl,dt,ul li {
    list-style: none
}

fieldset,iframe,img {
    border: 0
}

address,cite,em,i,var {
    font-style: normal
}

caption,th {
    text-align: left
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

article,aside,figcaption,figure,footer,header,hgroup,nav,section,video {
    display: block
}

a {
    outline: 0;
    blr: expression(this.onFocus=this.blur())
}

button,input {
    outline: 0;
    border: 0
}

.fl {
    float: left
}

.fr {
    float: right
}

.clearfix:after,.clearfix:before {
    content: ".";
    height: 0;
    visibility: hidden;
    display: block
}

#cx-nav-box,.clearfix:after {
    clear: both
}

button {
    border-style: none
}

body,html {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

body {
    -webkit-text-size-adjust: none;
    font-family: "Microsoft Yahei","PingFangSC-Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    background-color: #fff;
    min-width: 1200px
}

.content {
    width: 1200px;
    margin: 0 auto
}

.article-content .noData img,img {
    max-width: 100%;
    vertical-align: middle
}

.btn {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block;
    border: 1px solid #ccc;
    text-align: center
}

.btn-primary {
    border-color: #ff4f53!important;
    background: #ff4f53!important;
    color: #fff!important
}

.btn-primary:hover {
    background: #ee3e42!important
}

.btn-default:link {
    border-color: #ccc!important;
    color: #333!important
}

.btn-default:hover {
    border-color: #ee3e42!important;
    color: #ee3e42!important
}

.btn-blue:link {
    border-color: #ccc!important;
    color: #333!important
}

.btn-blue:hover {
    border-color: #4284d9!important;
    color: #4284d9!important
}

.mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .7;
    background: #000;
    filter: alpha(opacity=70)
}

a,ins {
    text-decoration: none
}

.text-hover:hover {
    color: #ee3e42!important
}

.logo-search-box {
    width: auto!important;
    display: inline-block;
    float: right
}

.three-car-menu-param {
    z-index: 50!important
}

.pageNext-bottom,.skeleton-item-m.n2 li .left-box {
    position: relative
}

.pageNext-bottom {
    text-align: center
}

.pageNext-bottom .yc-loading-wrap {
    padding: 10px 0;
    display: none
}

.pageNext-bottom .yc-loading-wrap i {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    background-image: url(//static1.bitautoimg.com/yc-pc/yiche-pageNext/img/load-more-icon.png);
    background-size: 56px auto;
    background-repeat: no-repeat;
    background-position: -8px -4px;
    margin-right: 3px
}

.pageNext-bottom .yc-loading-wrap.loading i {
    background-position: -34px 2px;
    animation: turn 1s linear infinite
}

.pageNext-bottom .yc-loading-wrap.reload i {
    background-position: 5px -35px
}

.pageNext-bottom .yc-loading-wrap.nodata i {
    display: block;
    background-image: url(//static1.bitautoimg.com/yc-common/imgs/nodata-icon.png);
    background-repeat: no-repeat;
    background-size: 148px auto!important;
    width: 148px!important;
    height: 148px!important;
    margin: 50px auto 10px!important
}

.pageNext-bottom .yc-loading-wrap .text {
    font-size: 14px;
    color: #a7a7a7;
    line-height: 24px
}

.pageNext-bottom .yc-loading-wrap.more a {
    width: 100px;
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    display: block;
    margin: 0 auto
}

.pageNext-bottom .yc-loading-wrap.more a::after {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(//static1.bitautoimg.com/web-component/yiche-pageNext-pm/img/down.png);
    background-size: 20px auto;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: -5px;
    margin-left: 4px
}

.skeleton-item-m.n2 li .left-box::before,.skeleton-item-m.n2 li .right-box::before,.skeleton-item-m.n3 li .right-box::before {
    height: 60px;
    content: '';
    background-color: #f5f7fb
}

.skeleton-item-m {
    width: 100%;
    display: block
}

.skeleton-item-m.n2 li {
    padding: 0 0 0 5px
}

.skeleton-item-m.n2 li .left-box::before {
    width: 70%;
    display: block
}

.skeleton-item-m.n2 li .right-box {
    position: absolute;
    right: 5px;
    top: 0
}

.skeleton-item-m.n2 li .right-box::before {
    width: 90px;
    display: block
}

.skeleton-item-m.n3 li,.skeleton-item-m.n4 li {
    padding: 0;
    overflow: hidden
}

.skeleton-item-m.n3 li .right-box::before {
    width: 100%;
    display: block
}

.skeleton-item-m.n4 li {
    width: 100%;
    margin: 15px 0 0;
    height: auto
}

.skeleton-item-m.n4 li .img-box,.skeleton-item-m.n4 li h6,.skeleton-item-m.n6 li h6 {
    width: 100%;
    height: 22px;
    background-color: #f5f7fb;
    display: block
}

.skeleton-item-m.n4 li .img-box {
    margin-top: 5px;
    height: 60px
}

.skeleton-item-m.n5 {
    overflow: hidden;
    margin-top: 15px
}

.skeleton-item-m.n5:first-child {
    margin-top: 0
}

.skeleton-item-m.n5 li {
    padding: 0;
    width: 50%;
    margin: 0;
    height: auto;
    float: left
}

.skeleton-item-m.n5 li.col1 {
    width: 100%
}

.skeleton-item-m.n5 li.col2 {
    width: 50%
}

.skeleton-item-m.n5 li.col3 {
    width: 33.33%
}

.skeleton-item-m.n5 li.col4 {
    width: 25%
}

.skeleton-item-m.n5 li.col5 {
    width: 20%
}

.skeleton-item-m.n5 li.col6 {
    width: 16.6%
}

.skeleton-item-m.n5 li .skeleton-box {
    padding: 0 10px
}

.skeleton-item-m.n5 li .skeleton-box .img-box {
    width: 100%;
    padding-top: 66.66%;
    display: block;
    background-color: #f5f7fb
}

.skeleton-item-m.n5 li .skeleton-box .content p,.skeleton-item-m.n6 li .img-box {
    width: 100%;
    height: 22px;
    background-color: #f5f7fb;
    display: block;
    margin-top: 5px
}

.skeleton-item-m.n6 li {
    width: 100%;
    margin: 15px 0 0;
    padding: 0;
    overflow: hidden;
    height: auto
}

.skeleton-item-m.n6 li .img-box {
    width: 116px;
    height: 80px
}

.skeleton-item-m li {
    position: relative;
    height: 60px;
    padding: 0 0 0 100px;
    box-sizing: border-box;
    margin: 15px 0
}

.skeleton-item-m li .left-box {
    position: absolute;
    left: 5px;
    top: 0
}

.skeleton-item-m li .left-box::before,.skeleton-item-m li .right-box::before {
    content: '';
    width: 90px;
    height: 60px;
    background-color: #f5f7fb;
    display: block
}

.skeleton-item-m li .right-box::before {
    width: 100%
}

.article-content {
    width: 1200px;
    margin: 0 auto
}

.article-content .left-content {
    width: 860px
}

.article-content .right-content {
    width: 300px;
    padding-top: 70px
}

.article-content .navigation-box {
    font-size: 18px;
    line-height: 26px;
    height: 34px;
    color: #333;
    overflow: hidden;
    margin-bottom: 40px
}

.article-content .navigation-box .navigation-list {
    margin-left: -20px
}

.article-content .navigation-box .navigation-list li {
    float: left;
    padding: 0 20px;
    border-left: 1px solid #ccc
}

.article-content .navigation-box .navigation-list li .active {
    border-bottom: 4px solid #ff4f53;
    color: #000;
    font-weight: 700;
    padding-bottom: 4px
}

.article-content .navigation-box .navigation-list li:hover a {
    color: #000;
    font-weight: 700;
    padding-bottom: 4px
}

.article-content .article-list {
    margin-bottom: 30px
}

.article-content .article-list .item {
    margin-bottom: 30px;
    height: 132px
}

.article-content .article-list .item .item-left {
    width: 198px;
    height: 100%;
    overflow: hidden;
    position: relative
}

.article-content .article-list .item .item-left img {
    width: 198px;
    height: 100%;
    background-image: url(//static1.bitautoimg.com/yc-pc/chexing-pc/carPC/images/placeholder-mini.png);
    background-size: 150px;
    background-clip: content-box;
    background-position: center;
    background-repeat: no-repeat
}

.article-content .article-list .item .item-left .vide-time {
    position: absolute;
    left: 0;
    bottom: 6px;
    height: 18px;
    line-height: 18px;
    padding: 0 8px 0 22px;
    background: rgba(0,0,0,.5) url(//static1.bitautoimg.com/2016/pc1200/img/icon-video-more.png) 6px -5px no-repeat;
    border-radius: 0 100px 100px 0;
    font-family: ArialMT;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0
}

.article-content .article-list .item .item-left .click-item {
    width: 198px;
    height: 132px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.article-content .article-list .item .item-right {
    position: relative;
    width: 642px;
    height: 100%
}

.article-content .article-list .item .item-right .title {
    font-size: 22px;
    font-weight: 700;
    color: #434242;
    letter-spacing: 0;
    line-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.article-content .article-list .item .item-right .title:hover a {
    color: #ee3e42
}

.article-content .article-list .item .item-right .bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 12px
}

.article-content .article-list .item .item-right .bottom .author {
    font-family: MicrosoftYaHei;
    color: #333;
    line-height: 22px
}

.article-content .article-list .item .item-right .bottom .author .author-head {
    width: 30px;
    height: 30px;
    margin: -4px 8px 0 0;
    position: absolute
}

.article-content .article-list .item .item-right .bottom .author .author-head img {
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.article-content .article-list .item .item-right .bottom .author .rz-h {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: -6px;
    width: 16px;
    height: 16px;
    background: url(//static1.bitautoimg.com/uimg/mbt2016/yichehaopc/V.png);
    background-size: 16px 16px
}

.article-content .article-list .item .item-right .bottom .author .rz-l {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: -6px;
    width: 16px;
    height: 16px;
    background: url(//static1.bitautoimg.com/uimg/mbt2016/yichehaopc/BV.png);
    background-size: 16px 16px
}

.article-content .article-list .item .item-right .bottom .author .name {
    margin-left: 44px
}

.article-content .article-list .item .item-right .bottom .bottom-right {
    color: #999
}

.article-content .article-list .item .item-right .bottom .bottom-right .view {
    display: inline-block;
    padding-left: 20px;
    padding-bottom: 2px;
    margin-left: 20px;
    margin-bottom: 10px;
    background: url(//static1.bitautoimg.com/2016/pc1200/zongshu/wenzhang/view.png) left center no-repeat
}

.article-content .article-list .item .item-right .bottom .bottom-right .comment {
    background-image: url(//static1.bitautoimg.com/2016/pc1200/zongshu/wenzhang/comments.png)
}

.article-content .noData {
    width: 100%;
    height: 640px;
    text-align: center;
    padding-top: 160px
}

.article-content .noData p {
    font-size: 16px;
    color: #333;
    text-align: center;
    line-height: 32px;
    font-weight: 700
}

.article-content .paging {
    text-align: center;
    clear: both;
    padding-bottom: 30px
}

.article-content .more-see {
    margin: 0 0 15px
}

.article-content .more-see .title,.article-content .recommend .title {
    font-size: 24px;
    color: #333;
    font-weight: 700;
    line-height: 50px;
    border-bottom: 2px solid #e1e1e1
}

.article-content .more-see .see-list,.article-content .recommend .see-list {
    margin: 30px 0 0
}

.article-content .more-see .see-list li,.article-content .recommend .see-list li {
    width: 25%;
    float: left;
    margin: 0 0 15px
}

.article-content .more-see .see-list li .icon7,.article-content .recommend .see-list li .icon7 {
    width: 4px;
    height: 4px;
    background-position: -178px -69px;
    margin: 0 5px 0 0;
    vertical-align: middle
}

.article-content .more-see .see-list a:hover,.article-content .recommend .see-list a:hover {
    color: #ff4f53
}

.article-content .recommend .tit-tab {
    width: 125px;
    display: inline-block
}

.article-content .recommend .clearfix.tab {
    display: none
}

.article-content .recommend .cur {
    width: 125px;
    color: #ff4f53;
    position: relative
}

.article-content .recommend .cur::after {
    content: '';
    display: block;
    width: 100px;
    position: absolute;
    border-bottom: 3px solid #ff4f53;
    bottom: -2px
}

.article-content .recommend .see-list.clearfix.curr {
    display: block
}

.article-content .icon {
    background: url(//static1.bitautoimg.com/yc-pc/chexing-pc/assets/images/chexin-icons.png) no-repeat;
    display: inline-block
}

.article-content .ad {
    width: 100%;
    margin-bottom: 20px
}

.article-content .like {
    margin: 0 0 20px
}

.article-content .like .like-list {
    margin: 20px 0 0
}

.article-content .like .like-detail {
    width: 50%;
    float: left;
    text-align: center;
    margin: 0 0 30px
}

.article-content .like .like-detail .img-show {
    width: 140px;
    height: 93px;
    overflow: hidden;
    margin: 0 0 10px
}

.article-content .like .like-detail .img-show img {
    width: 140px;
    height: auto
}

.article-content .like .like-detail .title {
    font-weight: 700;
    margin: 0 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px
}

.article-content .like .like-detail .price {
    color: #ff4f53;
    line-height: 20px;
    margin: 0 0 10px
}

.article-content .like .like-detail .price:hover {
    text-decoration: underline
}

.article-content .like .like-detail .btn {
    width: 82px;
    height: 30px;
    line-height: 30px
}

.article-content .title {
    position: relative
}

.article-content .title h4 {
    font-size: 24px;
    color: #333;
    line-height: 32px;
    font-weight: 700;
    margin: 0 11px 0 0
}

#com-toast,.auto-loading {
    text-align: center
}

.auto-loading .ico {
    padding-left: 60px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #999;
    background: url(//static1.bitautoimg.com/2016/pc1200/img/loading.gif) left center no-repeat
}

.ad-header {
    width: 1200px;
    margin: 0 auto
}

.cx-crumbs-box {
    display: inline-block;
    margin: 20px 0
}

.cx-nav-info {
    clear: both;
    width: 1200px;
    margin: 0 auto;
    padding: 0 0 10px
}

.cx-nav-info .cx-brand-info,.publishDate {
    display: inline-block
}

.cx-nav-info .cx-brand-info .cx_a_img {
    width: 54px;
    height: 54px;
    float: left
}

.cx-nav-info .cx-brand-info .cx_a_img img {
    width: 54px;
    height: 54px
}

.cx-nav-info .cx-brand-info span {
    position: relative;
    margin-left: 10px;
    top: 8px
}

.cx-nav-info .cx-brand-info span .bubble-box {
    font-size: 12px;
    color: #fff;
    padding: 0 10px;
    position: absolute;
    top: -16px;
    right: -60px;
    width: 70px;
    height: 20px;
    border: 1px solid #eee;
    display: inline-block;
    background: #ff4f53;
    border-radius: 15px
}

.cx-nav-info .cx-brand-info span .bubble-box::after {
    content: '';
    position: absolute;
    right: 4px;
    bottom: -4px;
    left: 7px;
    border: 4px solid transparent;
    border-top-color: #ff4f53;
    border-left-color: #ff4f53
}

.cx-nav-info .cx-rank-box {
    display: inline-block;
    float: right;
    height: 60px;
    line-height: 60px
}

.cx-nav-info .cx-rank-box .rank-name {
    color: #333
}

.cx-nav-info .cx-rank-box .rank-level {
    color: #ff4f53;
    font-size: 20px
}

#com-toast {
    position: fixed;
    top: 50%;
    left: 50%;
    background: #666;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 16px;
    padding: 8px 15px;
    line-height: 1.5;
    min-width: 100px;
    z-index: 1233;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%)
}

.publishDate {
    padding-bottom: 2px;
    margin-bottom: 10px
}



.news-top {
    background: #fff;
    border: 1px solid #ececec;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    border-radius: 3px;
    padding: 25px 30px 15px 20px;
    margin-bottom: 20px;
}
.news-top>h2 {
    font-size: 24px;
    color: #222;
    text-align: justify;
    margin-bottom: 20px;
    font-weight: 700;
}
.news-detail-main .n-cd-imgs .imgs-info .imgs-txt, .news-top-main {
    margin-left: 20px;
}
.news-top-main-item:nth-child(1), .news-top-main-item:nth-child(2), .news-top-main-item:nth-child(3) {
    color: #ff4f53;
}

.news-top-main-item {
    font-size: 14px;
    list-style: decimal;
    list-style-position: outside;
    padding-left: 10px;
    overflow: visible;
    position: relative;
    margin: 0 0 10px;
}

::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}