body {
    font-family: "Microsoft Yahei";
    font-size: 14px !important;
    color: #333333;
}

a {
    color: #333333;
    text-decoration: none;
}

p {
    margin: 0;
    padding: 0;
}

img {
    display: block;
}

ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

i {
    font-style: normal;
}

dl,
dt,
dd {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3 {
    margin: 0;
    padding: 0;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.f18 {
    font-size: 18px;
}

.h10 {
    margin-bottom: 10px;
}

.mt10 {
    margin-top: 10px !important;
}

select,
input,
button {
    vertical-align: middle;
    font-size: 100%;
    font-family: "Microsoft YaHei";
    border: none;
    outline: none;

}

input,
textarea {
    -webkit-appearance: none;
}

@font-face {
    font-family: 'car';
    /* project id 1397765 */
    src: url('https://at.alicdn.com/t/font_1397765_kqgeyk9mbvm.eot');
    src: url('https://at.alicdn.com/t/font_1397765_kqgeyk9mbvm.eot?#iefix') format('embedded-opentype'),
        url('https://at.alicdn.com/t/font_1397765_kqgeyk9mbvm.woff2') format('woff2'),
        url('https://at.alicdn.com/t/font_1397765_kqgeyk9mbvm.woff') format('woff'),
        url('https://at.alicdn.com/t/font_1397765_kqgeyk9mbvm.ttf') format('truetype'),
        url('https://at.alicdn.com/t/font_1397765_kqgeyk9mbvm.svg#iconfont') format('svg');
}

@font-face {
    font-family: 'car';
    /* Project id 1397765 */
    src: url('https://at.alicdn.com/t/font_1397765_t25tf64yq2.woff2?t=1637135435245') format('woff2'),
        url('https://at.alicdn.com/t/font_1397765_t25tf64yq2.woff?t=1637135435245') format('woff'),
        url('https://at.alicdn.com/t/font_1397765_t25tf64yq2.ttf?t=1637135435245') format('truetype');
}

@font-face {
    font-family: "athm-iconfont";
    src: url("https://s.autoimg.cn/www/site/widget/font/iconfont.eot?t=1528183564781");
    src: url("https://s.autoimg.cn/www/site/widget/font/iconfont.eot?t=1528183564781#iefix") format("embedded-opentype"), url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("//s.autoimg.cn/www/site/widget/font/iconfont.ttf?t=1527843651146") format("truetype"), url("//s.autoimg.cn/www/site/widget/font/iconfont.svg?t=1528183564781#athm-iconfont") format("svg")
}

@font-face {
    font-family: 'sign';
    src: url('https://at.alicdn.com/t/font_yteyy0nj3zugnwmi.eot');
    src: url('https://at.alicdn.com/t/font_yteyy0nj3zugnwmi.eot?#iefix') format('embedded-opentype'),
        url('https://at.alicdn.com/t/font_yteyy0nj3zugnwmi.woff') format('woff'),
        url('https://at.alicdn.com/t/font_yteyy0nj3zugnwmi.ttf') format('truetype'),
        url('https://at.alicdn.com/t/font_yteyy0nj3zugnwmi.svg#iconfont') format('svg');
}

.w1200 {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 0 auto 10px auto;
}

.nav-bar {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #dddddd;
    background: #f7f7f7;
    color: #666666;
}

.nav-inner {
    width: 1200px;
    height: 40px;
    margin: 0 auto;
}

.nav-inner p {
    float: left;
}

.nav-inner-right {
    float: right;
}


.nav-inner-right>a,
.nav-inner-right>span {
    display: block;
    float: left;
    color: #666666;
}

.nav-inner-right>span {
    color: #999999;
    margin-right: 50px;
}

.nav-inner-right a.login span {
    padding: 2px 5px;
    background: #ff8300;
    color: #ffffff;
    border-radius: 2px;
}

.nav-inner-right a.login {
    margin-right: 15px;
}


.nav-inner-right a.register {
    margin-right: 50px;
}

.nav-inner-right a.line {
    margin: 0 10px;
}


.nav-inner-right a:hover {
    color: #ff8300;
}

.logo {
    width: 100%;
    height: 60px;
    margin: 10px 0;
    overflow: hidden;
}

.logo .logo-inner {
    width: 1200px;
    height: 60px;
    margin: 0 auto;
}

.logo .logo-inner .logo-img {
    width: 170px;
    height: 60px;
    float: left;
    margin-right: 30px;
}

.logo .logo-inner .ad-1 {
    width: 710px;
    float: left;
    margin-right: 10px;
}

.logo .logo-inner .ad-2 {
    width: 280px;
    float: left;
}

.header {
    width: 100%;
    height: 80px;
    overflow: hidden;
    background: #2378a0;
    color: #ffffff;
}


.header-inner {
    width: 1200px;
    height: 80px;
    margin: 0 auto;
}


.header-inner a {
    color: #ffffff;
}




.tmenu {
    width: 37px;
    padding: 0 11px;
    height: 52px;
    margin-top: 14px;
    line-height: 26px;
    float: left;
    border-left: 1px solid #4f93b3;
}

.tmenu:first-child {
    border-left: 0 none;
}

.tmenu a {
    display: block;
}

.tmenu a span {
    color: #f5d60b;
}

.tmenu a span::before {
    content: "";
    display: block;
    width: 29px;
    height: 29px;
    margin: 0 auto;
    text-align: center;
    background-position: 0 0;
    background-image: url('../images/icon-nav.png');
    background-repeat: no-repeat;
}

.zx a span::before {
    background-position: 0 0;
}

.xc a span::before {
    background-position: -29px 0;
}

.mc a span::before {
    background-position: -58px 0;
}

.yc a span::before {
    background-position: -88px 0;
}

.tmenu-li160 {
    float: left;
    width: 80px;
    height: 52px;
    line-height: 26px;
    margin-top: 14px;
}


.tmenu-li160 a {
    display: block;
    float: left;
    width: 80px;
    text-align: center;
}

.tmenu-li160 a:hover {
    color: #f5d60b;
}



.xc-link {
    width: 160px;
    float: right;
    height: 52px;
    margin-top: 12px;
    border-left: 1px solid #4f93b3;
}

.xc-link a {
    display: block;
}

.xc-link a img {
    margin: 6px auto;
    height: 40px;
}

.header-small-nav {
    width: 1200px;
    height: 40px;
    line-height: 40px;
    background: #f7f7f7;
    margin: 0 auto;
    color: #666666;
}

.header-small-nav ul li a {
    display: block;
    color: #666666;
}

.header-small-nav ul li a:hover {
    color: #ff8300;
}

.header-small-nav ul {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    box-sizing: border-box;
}

/* .header-small-nav ul li {
    width: calc(100% / 15);
    float: left;
    text-align: center;
} */

.ad-5>div li {
    float: left;
    width: 230px;
    margin-right: calc(50px / 4);
}

.ad-5>div li:last-child {
    margin-right: 0;
}



.ad-280 {
    width: 280px;
    float: right;
    height: 210px;
}

.ad-280 div {
    margin-bottom: 10px;
}

.ad-280 div:last-child {
    margin-bottom: 0;
}

.menu-link {
    width: 910px;
    float: left;
    height: 210px;
    overflow: hidden;
}

.menu-link dl {
    width: 100%;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #eeeeee;
    box-sizing: border-box;
}

.menu-link dl dt {
    width: 70px;
    float: left;
    display: block;
    position: relative;
}

.menu-link dl dd {
    float: left;
    width: 115px;
    text-align: center;
    display: block;
}

.menu-link dl dd:last-child {
    width: 35px;
}

.menu-link dl dt a {
    color: #2378a0;
}

.menu-link dl dd a {
    color: #666666;
}

.menu-link dl dd a:hover {
    color: #ff8300;
}

.menu-link dl dt a span {
    position: absolute;
    right: 0;
    top: 11.5px;
    width: 6px;
    height: 12px;
    background: url('../images/arrow.png') no-repeat center center;
}

.menu-link dl dd a img {
    float: right;
    margin-top: 5px;
}

.keywords {
    float: left;
    width: 900px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 0 10px;
    color: #2378a0;
    overflow: hidden;
}

.keywords strong {
    color: #333;
}

.keywords a {
    color: #2378a0;
    padding: 0 3px;
}

.keywords a:hover {
    color: #ff8300;
}

.search-box {
    width: 280px;
    height: 50px;
    float: right;
}

.search-box input.search-text {
    display: block;
    float: left;
    width: 200px;
    height: 50px;
    border: 1px solid #ddd;
    border-right: 0 none;
    box-sizing: border-box;
    line-height: 50px;
    color: #666;
    padding: 0 10px;
    outline: none;
}


.search-box input::-webkit-input-placeholder {
    color: #999999;
}

.search-box input::-moz-placeholder {
    color: #999999;
}

.search-box input:-moz-placeholder {
    color: #999999;
}

.search-box input:-ms-input-placeholder {
    color: #999999;
}

.search-box a.btn-search {
    display: block;
    float: left;
    width: 80px;
    height: 50px;
    background: #ff8300;
    color: #ffffff;
    line-height: 50px;
    text-align: center;
}

.focus {
    width: 1200px;
    height: 440px;
    overflow: hidden;
    position: relative;
}

.focus-cont {
    width: 1200px;
    height: 400px;
    overflow: hidden;
    position: relative;
}

.focus-auto {
    width: 10000px;
    position: absolute;
    left: 0;
    top: 0;
}

.focus-1200 {
    float: left;
}

.focus-big {
    float: left;
    width: 600px;
    height: 400px;
    position: relative;
}

.focus-big p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    font-size: 16px;
}

.focus-small {
    float: left;
    width: 600px;
    height: 400px;
}

.focus-small ul li {
    float: left;
    width: 280px;
    height: 187px;
    margin-left: 20px;
    margin-bottom: 26px;
    position: relative;
}

.focus-small ul li p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 36px;
    line-height: 36px;
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    text-align: center;
    padding: 0 10px;
    box-sizing: border-box;
}

.focus ul.num {
    width: 180px;
    height: 10px;
    margin: 20px auto 10px auto;
    overflow: hidden;
}

.focus ul.num li {
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: #cccccc;
    margin: 0 10px;
    cursor: pointer;

}

.focus ul.num li.on {
    width: 100px;
    height: 10px;
    border-radius: 5px;
    background: #ff8300;
    animation: myfirst 2s;
    -moz-animation: myfirst 2s;
    /* Firefox */
    -webkit-animation: myfirst 2s;
    /* Safari 和 Chrome */
    -o-animation: myfirst 2s;
}

.focus-big1 {
    width: 600px;
    height: 338px;
}

.focus-big1 img {
    width: 600px !important;
    height: 338px !important;
}

.focus-small1 {
    height: 338px;
}


.focus-small1 ul li {
    height: 158px;
    margin-bottom: 22px;
}

.focus-small1 ul li img {
    width: 280px !important;
    height: 158px !important;
}




@keyframes myfirst {
    from {
        width: 10px;
    }

    to {
        width: 100px;
    }
}

@-moz-keyframes myfirst

/* Firefox */
    {
    from {
        width: 10px;
    }

    to {
        width: 100px;
    }
}

@-webkit-keyframes myfirst

/* Safari 和 Chrome */
    {
    from {
        width: 10px;
    }

    to {
        width: 100px;
    }
}

@-o-keyframes myfirst

/* Opera */
    {
    from {
        width: 10px;
    }

    to {
        width: 100px;
    }
}


.focus .btn {
    position: absolute;
    width: 30px;
    height: 60px;
    top: 50%;
    margin-top: -55px;
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    line-height: 60px;
    font-family: "宋体";
    text-align: center;
    cursor: pointer;
    display: none;
}

.focus:hover .btn {
    display: block;
}

.focus .btn-l {
    left: 0;
}

.focus .btn-r {
    right: 0;
}

.hot-news {
    float: left;
    width: 900px;
    height: auto;
    overflow: hidden;
}

h1.hot-tit {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    font-weight: bold;
    background: url('../images/hot-icon.png') no-repeat center left;
    padding-left: 100px;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333333;
    margin: 0 auto;
}

h1.hot-tit a:hover {
    color: #ff8300;
}

.hot-cont {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.hot-440 {
    float: left;
    width: 440px;
    height: auto;
    overflow: hidden;
    line-height: 28px;
    margin-right: 20px;
}

.hot-cont .hot-440:nth-child(2n+0) {
    margin-right: 0;
}

.hot-440 h2 {
    width: 100%;
    height: 28px;
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #ff8300;
}

.hot-440 h2 a {
    color: #ff8300;
}

.hot-440 h2 a:hover {
    color: #2378a0;
}


.hot-440 ul li {
    width: 100%;
    height: 30px;
    overflow: hidden;
}

.hot-440 ul li a {
    float: left;
    width: 370px;
    height: 30px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hot-440 ul li a:hover {
    color: #ff8300;
}

.hot-440 ul li span {
    float: right;
    width: 60px;
    height: 30px;
    overflow: hidden;
    text-align: right;
    color: #999999;
}

.high-news {
    float: right;
    width: 280px;
    height: auto;
    overflow: hidden;
}

.high-news>ul {
    margin-top: 10px;
}


.tit-short {
    position: relative;
    width: 100%;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    font-size: 20px;
    color: #333333;
    padding-left: 10px;
    box-sizing: border-box;
    font-weight: bold;
}

.tit-short::before {
    position: absolute;
    left: 0;
    top: 4px !important;
    width: 3px;
    height: 24px;
    background: #2378a0;
    content: "";
}

.tit-short a {
    position: absolute;
    display: block;
    width: 60px;
    height: 28px;
    line-height: 28px;
    text-align: right;
    font-size: 14px;
    color: #999999;
    right: 0;
    top: 0;
    font-weight: normal;
}

.tit-short a:hover {
    color: #ff8300;
}

/* .high-news ul {
    margin-top: 15px;
} */

.high-news>ul li {
    width: 100%;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.high-news>ul li a {
    display: block;
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
    color: #333;
}

.high-news>ul li a:hover {
    color: #ff8300;
}

.high-news>ul li a::before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #bbbbbb;
    content: "";
}

.topic-recommed {
    width: 900px;
    height: auto;
    overflow: hidden;
    margin-top: 10px;
}

.topic-recommed ul li {
    position: relative;
    width: 440px;
    height: 120px;
    float: left;
    margin-right: 20px;
}

.topic-recommed ul li::before {
    position: absolute;
    content: "专题";
    left: 0;
    top: 0;
    width: 44px;
    height: 24px;
    color: #ffffff;
    line-height: 24px;
    text-align: center;
    background: #ff8300;
}

.topic-recommed ul li:nth-child(2n+0) {
    margin-right: 0;
}

ul.common-ul {
    margin-top: 10px;
}

.w900 {
    width: 900px;
    height: auto;
    overflow: hidden;
    float: left;
}

.w280 {
    width: 280px;
    float: right;
}

.ad-280 {
    width: 280px;
    height: 140px;
    margin-bottom: 10px;
}

.tit-all {
    position: relative;
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
    border-bottom: 3px solid #ddd;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    box-sizing: border-box;
}

.tit-all span {
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 50px;
    box-sizing: border-box;
    border-bottom: 3px solid #2378a0;
}

.tit-all span>a {
    color: #333;
}

.tit-all>a {
    position: absolute;
    display: block;
    width: 60px;
    height: 40px;
    line-height: 40px;
    text-align: right;
    font-size: 18px;
    color: #999999;
    right: 0;
    top: 0;
    font-weight: normal;
}

ul.recommen-brand {
    width: 100%;
    height: auto;
    overflow: hidden;
}

ul.recommen-brand li {
    width: 150px;
    height: 16px;
    margin: 10px 0;
    float: left;
    position: relative;
    padding-left: 20px;
    box-sizing: border-box;
    padding-right: 10px;
    box-sizing: border-box;
}

ul.recommen-brand li a::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background: #ff8300;
    color: #ffffff;
    content: "荐";
    text-align: center;
}

ul.recommen-brand li a:hover {
    color: #ff8300;
}

.w900-hot .hot-440:nth-child(2n+0) {
    margin-right: 0;
}

.hot-big {
    width: 100%;
    height: 100px;
    margin: 10px auto 10px auto;
}

.hot-big a {
    display: block;
}

.hot-big a img {
    width: 150px;
    height: 100px;
    float: left;
    margin-right: 10px;
}

.hot-big a .hot-big-cont {
    width: 280px;
    height: 100px;
    overflow: hidden;
    float: right;
}

.hot-big a .hot-big-cont h3 {
    width: 280px;
    height: 28px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hot-big a:hover .hot-big-cont h3 {
    color: #ff8300;
}


.hot-big a .hot-big-cont p {
    width: 280px;
    height: 72px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666666;
}

.yc-cont ul li {
    width: 280px;
    height: 80px;
    overflow: hidden;
    margin-top: 15px;
}

.yc-cont ul li a {
    display: block;
}

.yc-cont ul li a img {
    width: 120px;
    height: 80px;
    float: left;
}

.yc-cont ul li a p {
    float: right;
    width: 150px;
    height: 60px;
    line-height: 20px;
    overflow: hidden;
    color: #555555;
}

.yc-cont ul li a:hover p {
    color: #ff8300;
}

.yc-cont ul li a p span {
    color: #ff8300;
}

.yc-cont ul li a>span {
    display: block;
    width: 150px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    color: #999999;
    float: right;
}

ul.video-cont {
    width: 100%;
    height: auto;
    overflow: hidden;
}

ul.video-cont li {
    float: left;
    width: 285px;
    height: 220px;
    overflow: hidden;
    margin-right: 20px;
}

ul.video-cont li:nth-child(4n+0) {
    margin-right: 0;
}


ul.video-cont li a {
    display: block;
    position: relative;
}

ul.video-cont li a img {
    width: 285px;
    height: 160px;
}

ul.video-cont li a p {
    width: 285px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}

ul.video-cont li a:hover p {
    color: #ff8300;
}

ul.video-cont li a span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 45px;
    height: 45px;
    margin-left: -22.5px;
    margin-top: -37.5px;
    background: url('../images/v-icon.png') no-repeat center center;
}

ul.video-cont li div.time {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: #999999;
}

ul.video-cont li div.time span {
    margin-left: 10px;
    position: relative;
    padding-left: 18px;
    box-sizing: border-box;
}

ul.video-cont li div.time span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 14px;
    background: url('../images/time-icon.png') no-repeat center center;
}


ul.pics-cont {
    width: 100%;
    height: auto;
    overflow: hidden;
}

ul.pics-cont li {
    float: left;
    width: 285px;
    height: 220px;
    overflow: hidden;
    margin-right: 20px;
}

ul.pics-cont li:nth-child(4n+0) {
    margin-right: 0;
}


ul.pics-cont li a {
    display: block;
    position: relative;
}

ul.pics-cont li a img {
    width: 285px;
    height: 190px;
}

ul.pics-cont li a p {
    width: 285px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}

ul.pics-cont li a:hover p {
    color: #ff8300;
}

.topic-big {
    width: 440px;
    height: 150px;
    overflow: hidden;
    margin-top: 10px;
}

.topic-big a h3 {
    font-size: 16px;
    font-weight: normal;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topic-big a:hover h3 {
    color: #ff8300;
}

.cxph-cont {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 10px;
}

.cxph-cont ul li {
    width: 70px;
    height: 40px;
    line-height: 40px;
    float: left;
    background: #f6f6f6;
    text-align: center;
    border-right: 1px solid #ffffff;
    box-sizing: border-box;
    font-size: 16px;
    cursor: pointer;
}

.cxph-cont ul li.on {
    background: #ff8300;
    color: #ffffff;
}

.cxph-tab {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: none;
    margin-top: 10px;
}

.cxph-show {
    display: block;
}

.cxph-tab ul li {
    width: 100%;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
}

.cxph-tab ul li a {
    display: block;
    width: 170px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cxph-tab ul li a:hover {
    color: #ff8300;
}

.cxph-tab ul li a strong {
    font-weight: normal;
    color: #ff8300;
    font-style: italic;
    margin-right: 10px;
    text-align: right;
    width: 20px;
    display: inline-block;
}

.cxph-tab ul li span {
    display: block;
    width: 110px;
    height: 28px;
    float: right;
    text-align: right;
    color: #999999;
    overflow: hidden;
}

ul.recommed-title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
}

ul.recommed-title li {
    float: left;
    position: relative;
    width: calc(100% / 11);
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-top: 3px solid #eeeeee;
    box-sizing: border-box;
    cursor: pointer;
}

ul.recommed-title li.on {
    background: #f6f6f6;
    border-top: 3px solid #2378a0;
    box-sizing: border-box;
}

.recommen-pics {
    display: none;
}

.recommen-pics ul li {
    position: relative;
    float: left;
    width: 220px;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 25px;
}

.recommen-pics ul li img {
    width: 230px;
    height: 147px;
}

.recommen-pics ul li p {
    width: 100%;
    height: 52px;
    line-height: 26px;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.recommen-pics ul li a:hover p {
    color: #ff8300;
}

.recommen-pics ul li:nth-child(5n+0) {
    margin-right: 0;
}

.recommen-pics-show {
    display: block;
    overflow: hidden;
}

.zhzc-lists ul li {
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.zhzc-lists ul li span {
    color: #ff8300;
}

.zhzc-lists ul li a::before {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 10px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #bbbbbb;
    content: "";
}

.feedback {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 20px 0;
    border: 1px solid #ddd;
    border-top: 0 none;
    box-sizing: border-box;
}

.hn10 {
    margin-bottom: 0;
}

h2.friend-tit {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    font-weight: normal;
    color: #333;
    border-top: 1px solid #2378a0;
    padding-top: 10px;
    margin-bottom: 10px;
}

.friend-links {
    width: 100%;
    height: auto;
    overflow: hidden;
    color: #666;
    padding-bottom: 10px;
    border-bottom: 1px solid #2378a0;
}

.friend-links a {
    color: #666666;
    margin-right: 5px;
    line-height: 30px;
}

.friend-links a:hover {
    color: #ff8300;
}

.footer {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    padding-top: 10px;
}

.footer p a {
    display: inline-block;
    margin: 0 5px;
    line-height: 32px;
}

.footer img {
    margin: 0 auto;
}

.record {
    text-align: center;
    font-size: 12px;
}

.record img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 20px;
}

/* 反馈表单 */

.zx-form {
    width: 1200px;
    height: auto;
    overflow: hidden;
    border: 1px solid #eeeeee;
    border-top: 0 none;
    box-sizing: border-box;
    padding: 20px 100px;
}

.zx-form .form-li {
    float: left;
    width: 370px;
    height: auto;
    overflow: hidden;
}

.zx-form .form-li div {
    width: 370px;
    height: auto;
    overflow: hidden;
    margin-bottom: 15px;
}

.zx-form .form-li div span {
    display: block;
    float: left;
    width: 38px;
    height: 38px;
    border: 1px solid #e3e3e3;
    background: url(../images/icon-4.png) no-repeat center center;
}

.zx-form .form-li div span.icon-name {
    background-position: 0 0;
}

.zx-form .form-li div span.icon-add {
    background-position: 0 -38px;
}

.zx-form .form-li div span.icon-tel {
    background-position: 0 -76px;
}

.zx-form .form-li div span.icon-code {
    background-position: 0 -114px;
}

.zx-form .form-li div span.icon-pro {
    background-position: 0 -152px;
}

.zx-form .form-li div span.icon-city {
    background-position: 0 -190px;
}

.zx-form .form-li div span.icon-com {
    background-position: 0 -228px;
}


.zx-form .form-li div input {
    float: left;
    width: 330px;
    height: 40px;
    border: 1px solid #e3e3e3;
    border-left: 0 none;
    padding: 0 5px;
    box-sizing: border-box;
    outline: none;
    color: #666666;
}

.zx-form .form-li div select {
    float: left;
    width: 330px;
    height: 40px;
    border: 1px solid #e3e3e3;
    border-left: 0 none;
    padding: 0 5px;
    box-sizing: border-box;
    outline: none;
    color: #666666;
}

.zx-form .form-li div.cx-formg {
    width: 180px !important;
    float: left;
}

.zx-form .form-li div.cx-formg input {
    width: 140px;
}

.zx-form .form-li div.divfr {
    float: right;
}

.zx-form .form-li div.cx-formg select {
    width: 140px;
}

.zx-form .form-li div input.yzm {
    width: 210px;
}

.zx-form .form-li div img {
    width: 100px;
    height: 40px;
    float: right;
}

.zx-form .form-message {
    float: right;
    width: 480px;
    height: auto;
    overflow: hidden;
}

.zx-form .form-message p {
    width: 480px;
    height: 30px;
}

.zx-form .form-message textarea {
    line-height: 24px;
    border: 1px solid #e3e3e3;
    padding: 10px;
    font-family: "Microsoft Yahei";
    outline: none;
    width: 100%;
    height: 175px;
    box-sizing: border-box;
}

.form-btn {
    clear: both;
    width: 220px;
    margin: 0 auto;
    padding-top: 20px;
    height: auto;
    overflow: hidden;
}

.form-btn button {
    font-family: "Microsoft Yahei";
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #ffffff;
    border: 0 none;
    cursor: pointer;
    display: block;
    float: left;
}

.form-btn button.submit {
    background-color: #ff8300;
    margin-right: 20px;
}

.form-btn button.reset {
    background-color: #999999;
}

.ewm {
    width: 108px;
    height: 108px;
    display: block;
    position: fixed;
    left: 50%;
    margin-left: 490px;
    top: 40px;
    display: none;
    background: #fff;
}

/* 卡车报价 */

.brand {
    width: 900px;
    height: 50px;
    line-height: 50px;
    float: left;
}

.brand a {
    color: #666666;
}

.brand a:hover {
    color: #ff8300;
}

.brand span {
    color: #666666;
}

.price-condition {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-top: 1px solid #eee;
}

.price-condition ul li {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    position: relative;
}

.price-condition ul li dl dt {
    display: inline-block;
    /* margin-right: 20px; */
}


.price-condition ul li dl dd {
    display: inline-block;
    margin-right: 20px;
    cursor: pointer;
    padding: 3px 5px;
}

.price-condition ul li dl>a {
    float: right;
    color: #ff8300;
}

.price-condition ul li dl dd:hover {
    background: #ff8300;
    padding: 3px 5px;
    border-radius: 2px;
    color: #ffffff;
}

.price-condition ul li dl dd.all {
    background: #ff8300;
    color: #ffffff;
    padding: 3px 5px;
    border-radius: 2px;
    margin-right: 20px;
}

.price-condition ul li dl dd.all-bx {
    background: #ff8300;
    color: #ffffff;
    padding: 3px 5px;
    border-radius: 2px;
    margin-right: 20px;
}

.price-condition ul li dl dd.all-bx a {
    color: #ffffff;
}

.price-condition ul li dl.tab-jxs dd {
    margin-bottom: 10px;
}

.price-condition ul li dl.tab-fw dd {
    margin-bottom: 10px;
}

.price-condition ul li dl.tab-fw dd.fw:hover {
    background: #ff8300;
    color: #ffffff;
    padding: 3px 5px;
    border-radius: 2px;
}

.price-condition ul li dl.tab-fw dd.on {
    background: #ff8300;
    color: #ffffff;
    border-radius: 2px;
}

.price-condition ul li dl.tab-fw dd.on a {
    color: #fff;
}

.price-condition ul li dl {
    position: relative;
    padding-left: 50px;
}


.price-condition ul li dl dt.f16 {
    width: 50px;
    position: absolute;
    left: 0;
    line-height: 22px;
}

.price-condition ul li dl dd:hover a {
    color: #fff;
}


.brand-name {
    width: 100%;
    padding-left: 120px;
    box-sizing: border-box;
    margin-top: 20px;
}

.brand-name span {
    margin-right: 10px;
    line-height: 30px;
}

.brand-name span a.on {
    color: #ff8300;
}

.brand-name span a:hover {
    color: #ff8300;
}

.condition-selected {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 20px 0;
}

.condition-selected dl dt,
.condition-selected dl dd {
    display: inline-block;
    margin-right: 20px;
}

.condition-selected dl dd {
    padding-left: 5px;
    border-radius: 2px;
    box-sizing: border-box;
    border: 1px solid #2378a0;
    color: #2378a0;
    border-right: 0 none;
}

.condition-selected dl dd span {
    display: inline-block;
    padding: 3px 6px;
    background: #2378a0;
    color: #ffffff;
    margin-left: 10px;
    cursor: pointer;
}

.condition-selected dl {
    float: left;
}

.condition-selected a.clear {
    display: block;
    float: left;
    font-size: 16px;
    line-height: 22px;
    margin-left: 20px;
    color: #666666;
}

.prics-pics {
    width: 1200px;
    margin: 0 auto;
    height: auto;
}

.prics-pics ul li {
    width: 220px;
    height: auto;
    float: left;
    margin: 0 25px 20px 0;
}


.prics-pics ul li:nth-child(5n+0) {
    margin-right: 0;
}

.prics-pics ul li a>p {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prics-pics ul li a:hover>p {
    color: #ff8300;
}

.prics-pics ul li a>p.price {
    font-size: 14px;
    color: #999;
}

.prics-pics ul li .total-cx {
    width: 100%;
    height: 36px;
    line-height: 36px;
    border: 1px solid #e3e3e3;
    text-align: center;
    border-radius: 5px;
    position: relative;
    font-size: 14px;
}


.prics-pics ul li .total-cx span.total {
    color: #ff8300;
}

.prics-pics ul li .total-cx a {
    display: block;
}

.prics-pics ul li .total-cx span.down {
    display: inline-block;
    width: 13px;
    height: 9px;
    margin-top: 15px;
    background: url('../images/icon-r.png') no-repeat center left;
}

.prics-pics ul li.active .total-cx {
    border: 1px solid #2378a0;

}

.prics-pics ul li.active .total-cx a {
    color: #2378a0;
}

.prics-pics ul li.active .total-cx span.down {
    background: url('../images/icon-t.png') no-repeat center left;
}

.prics-pics ul li .total-cx {
    display: block;
    position: relative;
}


.prics-pics ul li .total-cx .drop-roll {
    width: 1200px;
    height: auto;
    max-height: 360px;
    padding-bottom: 15px;
    overflow: hidden;
    border: 1px solid #ddd;
    position: absolute;
    left: 0;
    top: 48px;
    z-index: 10;
    background: #ffffff;
    display: none;
    overflow: hidden;
    overflow-y: scroll;
}

.prics-pics ul li.active .total-cx .drop-roll {
    display: block;
}


.prics-pics ul li.one-child .total-cx .drop-roll {
    left: -2px;
}

.prics-pics ul li.two-child .total-cx .drop-roll {
    left: -247px;
}

.prics-pics ul li.three-child .total-cx .drop-roll {
    left: -492px;
}

.prics-pics ul li.four-child .total-cx .drop-roll {
    left: -737px;
}

.prics-pics ul li.five-child .total-cx .drop-roll {
    left: -982px;
}

.prics-pics ul li.acitve .total-cx .drop-roll {
    display: block;
}


.prics-pics ul li .total-cx .drop-roll .roll-head {
    width: 1200px;
}

.table-head {
    height: 40px;
    background-color: #f7f7f7;
}

.table-head td {
    text-align: left;
    padding-left: 10px;
    box-sizing: border-box;
    font: 14px/40px 'Microsoft YaHei';
    color: #333333;
    border-bottom: 1px solid #e5e5e5;
}


.prics-pics ul li .total-cx .drop-roll a.close {
    width: 21px;
    height: 21px;
    display: block;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    background: url('../images/brand_v1.png') no-repeat;
}

.drop-layer table {
    overflow: hidden;
}

.table_bord td {
    padding: 10px;
    text-align: left;
    box-sizing: border-box;
}

.table_bord td p i.duibi-icon {
    padding-left: 30px;
    float: left;
    width: 48px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    margin-right: 10px;
    color: #ff0101;
    border: 1px solid #ff0101;
    font-style: normal;
    cursor: pointer;
    text-align: left;
    background: url(../images/duibi_icon.png) no-repeat 16px 11px;
}

.table_bord td p i.no-but {
    color: #C2C6CE;
    display: inline;
    float: left;
    width: 78px;
    padding-left: 0;
    background-image: none;
    height: 30px;
    border: 1px solid #C2C6CE;
    background-color: #fff;
    margin-top: 0;
    cursor: default;
    text-align: center;
}

.table_bord td p a {
    color: #333333 !important;
}

.table_bord td p {
    width: 100%;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table_bord td span {
    border: 1px solid #ddd;
    color: #999;
    padding: 2px 5px;
    margin-right: 5px;
    border-radius: 2px;
}

.table_bord td.bord-r {
    text-align: right;
}

.table_bord td.bord-r p span {
    border: 0 none;
    color: #ff0101;
    padding: 0;
    margin-right: 0;
    display: inline-block;
    width: 90px;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
}

.table_bord td.bord-r p a {
    display: inline-block;
    width: 50px;
    height: 30px;
    background: #ff0101;
    color: #ffffff !important;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    margin-left: 10px;
}

.drop-layer table td {
    border-bottom: 1px solid #e5e5e5;
}

.price-page {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    padding: 20px 0;
}

.price-page a {
    display: inline-block;
    font-size: 14px;
    color: #999999;
    margin: 0 5px;
    padding: 6px 12px;
    border: 1px solid #dddddd;
}

.price-page a:hover {
    background-color: #206f96;
    color: #ffffff;
}

.price-page a.page-on {
    background-color: #206f96;
    color: #ffffff;
}

.price-page span {
    display: inline-block;
    font-size: 14px;
    color: #999999;
    margin: 0 5px;
    padding: 6px 12px;
    background-color: #206f96;
    color: #ffffff;
}

.price-page span.all-page {
    border: 1px solid #e3e3e3;
}

/* 车型报价综述 */

.car-name {
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 24px;
    font-weight: 700;
}

.name-tab {
    width: 100%;
    height: 42px;
    border-bottom: 2px solid #2378a0;
    line-height: 42px;
    font-size: 18px;
    border-left: 1px solid #2378a0;
}

.name-tab a {
    display: block;
    float: left;
    width: 110px;
    height: 42px;
    box-sizing: border-box;
    border-top: 1px solid #2378a0;
    border-right: 1px solid #2378a0;
    text-align: center;
}

.name-tab a.on {
    background: #2378a0;
    color: #ffffff;
    color: #ffffff;
}

.price-intro {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}

.price-img {
    width: 360px;
    height: 240px;
    position: relative;
    float: left;
}

.price-img a {
    display: block;
}

.price-img span {
    position: absolute;
    padding: 0 8px;
    line-height: 26px;
    border-radius: 13px;
    border: 1px solid #ffffff;
    bottom: 10px;
    right: 10px;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.5);
}

.cx-intro {
    float: left;
    width: 520px;
    height: 240px;
    overflow: hidden;
    margin-left: 20px;
    position: relative;
}

.cx-intro p {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}

.cx-intro p span {
    color: #ff0101;
}


.cx-intro table {
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    border: 0;
    border-spacing: 0;
}

.cx-intro table tr td {
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    border: 0 none;
    box-sizing: border-box;
}

.cx-intro table tr td:nth-child(1) {
    width: 110px;
    overflow: hidden;
    color: #999999;
}

.cx-intro table tr td:nth-child(3) {
    width: 110px;
    overflow: hidden;
    color: #999999;
}

.cx-intro table tr td:nth-child(2) {
    width: 150px;
    overflow: hidden;
}

.cx-intro table tr td:nth-child(4) {
    width: 150px;
    overflow: hidden;
}

.cx-zx {
    width: 520px;
    height: 52px;
    line-height: 52px;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
}

.cx-zx a {
    display: block;
    font-size: 16px;
}

.cx-zx a.message {
    float: left;
    padding: 0 30px;
    height: 52px;
    border-radius: 5px;
    background: #ff8300;
    color: #ffffff;
    text-align: center;
}

.cx-zx a.tel {
    float: right;
    padding: 0 30px;
    height: 52px;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    box-sizing: border-box;
}

.cartit-li {
    width: 100%;
    height: 36px;
    line-height: 36px;
    margin: 20px auto;
}

.cartit-li ul li {
    float: left;
    margin-right: 20px;
    width: 80px;
    height: 36px;
    text-align: center;
    border-radius: 3px;
    background: #f6f6f6;
}

.cartit-li ul li.on {
    background: #2378a0;
    color: #fff;
}

.cxintro-lists table td {
    border-bottom: 1px solid #e3e3e3;
    height: auto;
    line-height: 30px;
    overflow: hidden;
    padding: 5px 0;

}

.cxintro-lists table tr.thead {
    color: #999999;
}

.cxintro-lists table tr.thead td {
    border-bottom: 2px solid #e3e3e3;
}

.cxintro-lists table tr.thead td:nth-child(1) {
    font-weight: bold;
    color: #333;
}

.cxintro-lists table tr.tbody td a.link {
    display: block;
    width: 450px;
    height: auto;
    line-height: 30px;
    overflow: hidden;
    padding-left: 10px;
    box-sizing: border-box;
    /*    text-overflow: ellipsis;
    white-space: nowrap;*/
    word-break: break-all;
    color: #ff8300;
}

.cxintro-lists table tr.tbody td a:hover.link {
    color: #ff8300;
}

.cxintro-lists table tr.tbody td span.price {
    color: #ff0101;
}

.cxintro-lists table tr.tbody td a.buy {
    display: inline-block;
    width: 50px;
    height: 24px;
    line-height: 24px;
    background: #ff8300;
    color: #ffffff;
    margin-top: 8px;
}

.cxintro-lists table tr.tbody td i.duibi-icon {
    display: block;
    padding-left: 24px;
    width: 46px;
    height: 22px;
    line-height: 22px;
    margin: 0 auto;
    color: #ff8300;
    border: 1px solid #ff8300;
    font-style: normal;
    cursor: pointer;
    text-align: center;
    background: url(../images/duibi_iconr.png) no-repeat 8px 7px;
}

.cxintro-lists table tr.tbody td i.duibi-jiaru {
    color: #999;
    border: 1px solid #e3e3e3;
    background: url(../images/duibi_iconr-y.png) no-repeat 8px 7px;
}

.cxintro-lists table tr.tbody td i.no-but {
    color: #C2C6CE;
    display: block;
    width: 56px;
    padding-left: 0;
    background-image: none;
    height: 22px;
    border: 1px solid #C2C6CE;
    background-color: #fff;
    margin: 0 auto;
    cursor: default;
    text-align: center;
}

.more-cx {
    width: 160px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin: 20px auto;
    border: 1px solid #ddd;
    background: #f6f6f6;
    box-sizing: border-box;
}

.more-cx a {
    display: block;
    color: #999;
}

.more-cx a::after {
    font-family: "car";
    font-size: 14px;
    content: "\e600";
    margin-left: 5px;
}

.w900 .zx-form {
    width: 900px;
    padding: 30px 10px;
}

.article-cont {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.article-lists {
    width: 100%;
    height: auto;
    padding: 15px 0;
    border-bottom: 1px solid #e3e3e3;
    position: relative;
    overflow: hidden;
}

.article-lists>a {
    display: block;
}

.article-lists img {
    float: left;
    width: 150px;
    height: 100px;
    margin-right: 20px;
}

.article-lists .art-intro {
    position: relative;
    height: 100px;
    overflow: hidden;
}

.article-lists .art-intro h2 {
    width: 100%;
    height: 30px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    font-weight: normal;
}

.article-lists .art-intro h2:hover {
    color: #ff8300;
}

.article-lists .art-intro p {
    width: 100%;
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    color: #666666;
}

.article-lists .atr-column {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    float: right;
    color: #999;
}

.article-lists .atr-column span {
    display: block;
    float: left;
    margin-right: 10px;
}

.article-lists .atr-column span.new {
    color: #ff0101;
}

.article-lists .atr-column span.add {
    width: 150px;
}

.article-lists .atr-column span.read-total::before {
    content: "\e61c";
    font-family: "car";
    font-size: 16px;
    margin-right: 5px;
}

.article-lists .atr-column a {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 20px;
    line-height: 20px;
    color: #2378a0;
}

.atricle-second {
    padding-right: 100px;
    box-sizing: border-box;
}

.atricle-second .price {
    position: absolute;
    right: 0;
    top: 50%;
    width: 80px;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    margin-top: -14px;
    background: #f7f7f7;
    color: #999;
    text-align: center;
    border-radius: 3px;
}

.atr-fl {
    position: absolute;
    right: 0;
    bottom: 15px;
}

.atr-fl a {
    color: #2378a0;
}

.article-more {
    width: 220px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    border: 1px solid #2378a0;
    color: #2378a0;
    margin: 20px auto;
    text-align: center;
    font-size: 16px;
}

.article-more a {
    display: block;
    color: #2378a0;
}


.article-more a::after {
    content: "\e600";
    font-family: "car";
    font-size: 18px;
    color: #2378a0;
    font-weight: bold;
}

.simple-brand {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.simple-brand ul li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #dddddd;
    position: relative;
}

.simple-brand ul li a {
    display: block;
    width: 180px;
    padding-right: 10px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666666;
}

.simple-brand ul li a:hover {
    color: #ff8300;
}

.simple-brand ul li a::before {
    content: "\e667";
    font-family: "car";
    font-size: 14px;
    color: #666666;
}

.simple-brand ul li span {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    line-height: 40px;
    width: 110px;
    overflow: hidden;
    color: #ff0101;
    text-align: right;
}

.simple-cx {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.simple-cx ul li {
    width: 100%;
    height: 80px;
    padding: 10px 0;
    border-bottom: 1px solid #e3e3e3;
    position: relative;
}

.simple-cx ul li a {
    display: block;
}

.simple-cx ul li img {
    float: left;
    width: 120px;
    height: 80px;
}

.simple-cx ul li a h2 {
    position: absolute;
    left: 130px;
    top: 10px;
    width: 150px;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    font-size: 14px;
    font-weight: normal;
    color: #333;
}

.simple-cx ul li a:hover h2 {
    color: #ff8300;
}

.simple-cx ul li a span {
    position: absolute;
    left: 130px;
    bottom: 10px;
    width: 150px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: #999;
}

.recommen-pics ul li a span {
    position: absolute;
    right: 10px;
    bottom: 70px;
    border: 1px solid #ffffff;
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    border-radius: 12px;
    text-align: center;
}

.recom-brand {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.recom-brand ul {
    overflow: hidden;
    margin-right: -15px;
}

.recom-brand ul li {
    float: left;
    width: 120px;
    height: 110px;
    overflow: hidden;
    margin-right: 15px;
    line-height: 30px;
}

.recom-brand ul li img {
    width: 120px;
    height: 80px;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
}

.recom-brand ul li p {
    width: 100%;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.recom-brand ul li p:hover {
    color: #ff8300;
}

.brand-nav {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #f7f7f7;
}

.brand-nav a {
    display: block;
    float: left;
    padding: 0 20px;
}

.brand-nav a.on {
    color: #ff8300;
}

.brand-tabcon {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 10px 0;
    line-height: 30px;
    display: none;
}

.brand-tabcon1,
.brand-tabconall {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 20px;
    line-height: 30px;
    display: none;
}

.brand-tabcon a,
.brand-tabcon1 a,
.brand-tabconall a {
    display: block;
    float: left;
    margin-right: 30px;
}

.brand-tabcon a:hover,
.brand-tabcon1 a:hover,
.brand-tabconall a:hover {
    color: #ff8300;
}

.brand-tabshow a.all {
    color: #ff8300;
}

.brand-tabshow {
    display: block;
}

.brand-list {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 10px 0;
}

.brand-tit {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    overflow: hidden;
    font-weight: bold;
    padding: 30px 0 10px 0;
}

a.mao {
    display: block;
    height: 90px;
    margin-top: -90px;
}

.brand-lione {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

.brand-licont {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-top: 1px solid #ddd;
}

.brand-logo {
    float: left;
    width: 180px;
    height: auto;
    overflow: hidden;
    padding-right: 19px;
    padding-top: 10px;
}

.brand-logo a p {
    line-height: 30px;
    text-align: center;
}


.brand-logo a img {
    width: 180px;
    height: 120px;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
}

.brand-cxcloum {
    width: 1000px;
    height: auto;
    overflow: hidden;
    float: right;
    border-left: 1px solid #ddd;
    padding-top: 10px;
}

.brandcx-tit {
    width: 100%;
    height: auto;
    line-height: 30px;
    overflow: hidden;
    margin-left: 30px;
    margin-bottom: 15px;
}

.brandcx-tit span,
.brandcx-tit a {
    display: block;
    float: left;
    margin-right: 20px;
    font-size: 16px;
}

.brandcx-tit a {
    padding: 0 10px;
    height: 30px;
    background: #eeeeee;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 10px;
}

.brandcx-tit a:hover {
    background: #ff8300;
    color: #fff;
}

.brandcx-pics {
    width: 1000px;
    height: auto;
    overflow: hidden;

}

.brandcx-pics ul li {
    width: 220px;
    height: 207px;
    overflow: hidden;
    float: left;
    margin-left: 30px;
    text-align: center;
    margin-bottom: 25px;
}

.brandcx-pics ul li p {
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}

.brandcx-pics ul li p:hover {
    color: #ff8300;
}

.brandcx-pics ul li span {
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    color: #ff0101;
}



.atr-tit {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #ddd;
}

.brand-delarticle ul {
    overflow: hidden;
    margin-right: -30px;
}

.brand-delarticle ul li {
    width: 380px;
    height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 30px;
    overflow: hidden;
}

.brand-delarticle ul li a {
    display: block;
    float: left;
    width: 300px;
    height: 30px;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
}


.brand-delarticle ul li a::before {
    content: "";
    width: 3px;
    height: 3px;
    background: #ff8300;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
}

.brand-delarticle ul li span {
    float: left;
    width: 80px;
    text-align: right;
    color: #999;
}


.atr-tit .a-links {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #666;
    font-weight: normal;
}

.atr-tit .a-links a {
    display: inline-block;
    color: #999999;
    margin: 0 5px;
}

.atr-tit .a-links a:hover {
    color: #ff8300;
}

.brand-a {
    font-size: 14px;
    color: #666;
    font-weight: normal;
    text-align: right;
    float: right;
}

.brand-a a {
    display: inline-block;
    color: #999999;
    margin: 0 5px;
    width: auto;
}

.brand-a a:hover {
    color: #ff8300;
}

.tit-all1 {
    position: relative;
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
    border-bottom: 3px solid #ddd;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    box-sizing: border-box;
}

.tit-all1 span {
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 50px;
    box-sizing: border-box;
    border-bottom: 3px solid #2378a0;
    display: flex;
}

.tit-all1 span img {
    vertical-align: middle;
    display: inline-block;
    height: 40px;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    margin-bottom: 8px;
    margin-right: 10px;
}

.recommed-title1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
}

.recommed-title1 li {
    float: left;
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #f7f7f7;
    margin-right: 10px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

.recommed-title1 li.on {
    background: #ff8300;
    color: #ffffff;
}

.recommen-pics1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: none;
}

.recommen-pics-show {
    display: block;
}

.recommen-pics1>ul {
    overflow: hidden;
    margin-right: -25px;
}

.recommen-pics1>ul li {
    position: relative;
    float: left;
    width: 220px;
    height: 237px;
    overflow: hidden;
    margin-right: 25px;
    margin-bottom: 10px;
}

.recommen-pics1 ul li a img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 3/2;
}

.recommen-pics1 ul li p {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 16px;
}

.recommen-pics1 ul li p:hover {
    color: #ff8300;
}

.recommen-pics1 ul li span.price {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #ff0101;
    text-align: center;
}

.recommen-pics1 ul li span.total {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #999;
    text-align: center;
}

.brand-video {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.brand-video ul {
    overflow: hidden;
    margin-right: -25px;
}

.brand-video ul li {
    position: relative;
    width: 220px;
    height: 200px;
    overflow: hidden;
    float: left;
    margin-right: 25px;
}

.brand-video ul li img {
    width: 220px;
    height: 124px;
}

.brand-video ul li p {
    width: 100%;
    height: 40px;
    padding-top: 5px;
    line-height: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.brand-video ul li p:hover {
    color: #ff8300;
}

.brand-video ul li a>span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 45px;
    height: 45px;
    margin-left: -22.5px;
    margin-top: -57.5px;
    background: url(../images/v-icon.png) no-repeat center center;
}

.brand-video ul li .time {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: #999999;
}

.brand-video ul li .time span {
    margin-left: 10px;
    position: relative;
    padding-left: 18px;
    box-sizing: border-box;
}

.brand-video ul li .time span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 14px;
    background: url('../images/time-icon.png') no-repeat center center;
}

.brand-pics ul li {
    height: 202px;
}

.brand-pics ul li img {
    width: 220px;
    height: 147px;
}

.brand-pics ul li p {
    width: 100%;
    height: 50px;
    padding-top: 10px;
    line-height: 20px;
    text-overflow: ellipsis;
}

.atr-tit>a {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 15px;
    color: #999;
    font-weight: normal;
}

.topic-ul {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.topic-ul ul {
    overflow: hidden;
    margin-right: -15px;
}

.topic-ul ul li {
    width: 390px;
    height: 148px;
    overflow: hidden;
    line-height: 30px;
    float: left;
    margin-right: 15px;
}

.topic-ul ul li p {
    width: 100%;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    margin: 5px 0;
}

.topic-ul ul li p:hover {
    color: #ff8300;
}

.brand-jxs ul li {
    height: 60px;
    margin-bottom: 10px;
}

.brand-jxs ul li a {
    width: 100%;
    display: block;
    font-size: 16px;
}

.brand-jxs ul li a:hover {
    color: #ff8300;
}

.brand-fwz ul li a:hover {
    color: #333;
}

.brand-jxs ul li p {
    padding-left: 10px;
    box-sizing: border-box;
    color: #999;
}

.brand-js {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 24px;
}

.xny-bigimg {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.xny-bigimg ul {
    overflow: hidden;
    margin-right: -15px;
}

.xny-bigimg ul li {
    width: 390px;
    height: 300px;
    overflow: hidden;
    float: left;
    margin-right: 15px;
}

.xny-bigimg ul li p {
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    text-align: center;
    background: #f7f7f7;
}

.xny-bigimg ul li p:hover {
    color: #ff8300;
}

.brand-name-xny {
    display: none;
    padding-left: 65px;
}

.brand-name-xnyshow {
    display: block;
}

.price-xny {
    border-top: 0 none;
}

.prices-xny {
    margin-top: 20px;
    overflow: hidden;
}

.find-car {
    width: 70%;
    height: 50px;
    overflow: hidden;
    margin: 0 auto 20px auto;
    line-height: 50px;
    border-radius: 5px;
    background: #2378a0;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
}

.find-car a {
    display: block;
    color: #ffffff;
}

.find-car a::after {
    content: "\e601";
    font-family: "car";
    font-size: 18px;
}

.find-car a.more::after {
    content: "\e600";
    font-family: "car";
    font-size: 18px;
    font-weight: bold;
}

.xny-left {
    width: 740px;
    height: auto;
    overflow: hidden;
    float: left;

}

.xny-news {
    width: 740px;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}

.find-car1 {
    width: 50%;
    height: 50px;
    overflow: hidden;
    margin: 0 auto 20px auto;
    line-height: 50px;
    border-radius: 5px;
    border: 1px solid #2378a0;
    color: #2378a0;
    text-align: center;
    font-size: 18px;
}

.find-car1 a {
    display: block;
    color: #2378a0;
}

.find-car1 a::after {
    content: "\e600";
    font-family: "car";
    font-size: 18px;
    font-weight: bold;
}

.xny-right {
    width: 440px;
    height: auto;
    overflow: hidden;
    float: right;
}

.xny-video {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.xny-video ul {
    overflow: hidden;
    margin-right: -20px;
}

.xny-video ul li {
    width: 210px;
    height: 198px;
    overflow: hidden;
    margin-right: 20px;
    position: relative;
    float: left;
}

.xny-video ul li img {
    width: 210px;
    height: 118px;
}

.xny-video ul li p {
    width: 100%;
    height: 40px;
    line-height: 20px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.xny-video ul li p:hover {
    color: #ff8300;
}

.xny-video ul li a>span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 45px;
    height: 45px;
    margin-left: -22.5px;
    margin-top: -57.5px;
    background: url(../images/v-icon.png) no-repeat center center;
}

.xny-video ul li .time {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: #999999;
}


.xny-video ul li .time span {
    margin-left: 10px;
    position: relative;
    padding-left: 18px;
    box-sizing: border-box;
}

.xny-video ul li .time span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 14px;
    background: url(../images/time-icon.png) no-repeat center center;
}

.xny-pics {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.xny-pics ul {
    overflow: hidden;
    margin-right: -20px;
}

.xny-pics ul li {
    float: left;
    width: 210px;
    height: auto;
    overflow: hidden;
    position: relative;
    margin-right: 20px;
}

.xny-pics ul li img {
    width: 210px;
    height: 140px;
}

.xny-pics ul li p {
    width: 100%;
    height: 40px;
    overflow: hidden;
    line-height: 20px;
    text-overflow: ellipsis;
    margin: 10px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.xny-pics ul li p:hover {
    color: #ff8300;
}

.xny-pics ul li span {
    position: absolute;
    right: 10px;
    bottom: 70px;
    padding: 3px 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.6);
    color: #ffffff;
    border-radius: 12px;
    border: 1px solid #fff;
}

.w740 .zx-form {
    width: 740px;
    padding: 20px;
}

.w740 .zx-form .form-li {
    width: 340px;
}

.w740 .zx-form .form-li div.cx-formg {
    width: 165px !important;
    float: left;
}

.w740 .zx-form .form-li div.divfr {
    float: right;
}

.w740 .zx-form .form-li div.cx-formg select {
    width: 125px;
    float: left;
}

.w740 .zx-form .form-li div {
    width: 340px;
}

.w740 .zx-form .form-li div input {
    width: 300px;
}

.w740 .zx-form .form-li div input.yzm {
    width: 180px;
}

.w740 .zx-form .form-message {
    width: 340px;
}

.jxs-lists {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.jxs-lists ul {
    overflow: hidden;
    margin-right: -30px;
}

.jxs-lists ul li {
    width: 380px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-right: 30px;
    background: #fcfcfc;
    border: 1px solid #e9e9e9;
    padding-bottom: 20px;
    box-sizing: border-box;
    margin-top: 20px;
}

.jxs-lists ul li h2 {
    width: 100%;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    background: #f9f9f9;
    border-bottom: 1px solid #e9e9e9;
    padding: 0 20px;
    box-sizing: border-box;
}

.jxs-lists ul li p {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: #666;
    padding: 0 20px;
    box-sizing: border-box;
}

.jxs-lists ul li p.address {
    width: 100%;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
}

.jxs-lists ul li p span {
    color: #999;
}

.jxs-lists ul li p span.tel {
    color: #ff0101;
}

.jxs-cx {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.jxs-cx ul li {
    float: left;
    width: 590px;
    height: auto;
    overflow: hidden;
    margin-right: 20px;
    padding: 10px 0;
}

.jxs-cx ul {
    overflow: hidden;
    margin-right: -20px;
}

.jxs-cx ul li img {
    float: left;
    width: 180px;
    height: 120px;
    float: left;
    margin-right: 20px;
}

.jxs-cx ul li .jxs-r {
    float: right;
    width: 390px;
    height: 120px;
    overflow: hidden;
}

.jxs-cx ul li .jxs-r h2 {
    font-size: 16px;
    font-weight: normal;
    width: 100%;
    height: 90px;
    line-height: 22px;
    overflow: hidden;
}

.jxs-cx ul li .jxs-r p {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: #999;
}

/* 经销商 */

.jxs-cont {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.jxs-img {
    width: 100%;
    height: 100px;
    background: #2378a0;
    color: #ffffff;
    padding: 20px 0;
}

.jxs-imgcont {
    width: 1200px;
    height: 100px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

.jxs-logo {
    float: left;
    width: 100px;
    height: 100px;
    background: #ffffff;
    margin-right: 50px;
}

.jxs-logo img {
    width: 100px;
    height: 100px;
}

.jxs-name {
    float: left;
    width: 1000px;
    height: 100px;
}

.jxs-name p.tit {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
}

.jxs-name p.add,
.jxs-name p.tel {
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.jxs-name p.add::before {
    content: "\e768";
    font-family: "car";
    font-size: 14px;
    color: #ffffff;
    margin-right: 5px;
}

.jxs-name p.tel::before {
    content: "\e745";
    font-family: "car";
    font-size: 14px;
    color: #ffffff;
    margin-right: 5px;
}


.jxs-intro {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

.jxs-nav {
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-top: 20px;
}

.jxs-nav ul li {
    float: left;
    width: 100px;
    height: 40px;
    line-height: 40px;
    border-radius: 2px;
    margin-right: 10px;
    background: #f7f7f7;
    color: #333;
    text-align: center;
    font-size: 16px;
    box-sizing: border-box;
}

.jxs-nav ul li a {
    display: block;
}

.jxs-nav ul li.on {
    background: #ff8300;
}

.jxs-nav ul li.on a {
    color: #ffffff;
}

.jxs-nav ul li:hover {
    background: #ff8300;
    color: #ffffff;
}

.jxs-nav ul li:hover a {
    color: #fff;
}

.jxs-cont {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
}

.jxs-focus {
    float: left;
    width: 300px;
    height: 240px;
    overflow: hidden;
}

.jxs-focus .out-img {
    width: 300px;
    height: 240px;
    overflow: hidden;
    position: relative;
}

.jxs-focus .out-img .img {
    position: absolute;
    width: 10000px;
    left: 0;
    top: 0;
}

.jxs-focus .out-img .img li {
    float: left;
    width: 300px;
    height: 240px;
    line-height: 40px;
}

.jxs-focus .out-img .img li img {
    width: 300px;
    height: 200px;
}

.jxs-focus .out-img .img li p {
    width: 300px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    background: #f7f7f7;
    text-align: center;
    padding: 0 10px;
    box-sizing: border-box;
}

.jxs-focus .out-img .num {
    position: absolute;
    right: 10px;
    bottom: 50px;
    text-align: right;
}

.jxs-focus .out-img .num li {
    float: left;
    margin-left: 10px;
    width: 20px;
    height: 3px;
    background: #999;
}

.jxs-focus .out-img .num li.on {
    background: #ff8300;
}

.jxs-news {
    float: left;
    width: 420px;
    height: 240px;
    overflow: hidden;
    float: left;
    margin: 0 20px;
    box-sizing: border-box;
    border: 1px solid #e9e9e9;
}

.jxs-news h2 {
    width: 100%;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
    font-weight: normal;
    color: #ff0101;
    padding: 0 10px;
    box-sizing: border-box;
}

.jxs-news h2 a {
    color: #ff0101;
}

.jxs-news ul {
    padding: 0 10px;
    box-sizing: border-box;
}

.jxs-news ul li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;

}

.jxs-news ul li a {
    float: left;
    display: block;
    width: 320px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    padding-left: 8px;
    box-sizing: border-box;
}

.jxs-news ul li a:hover {
    color: #ff8300;
}

.jxs-news ul li span {
    display: block;
    float: left;
    width: 78px;
    height: 30px;
    line-height: 30px;
    text-align: right;
    color: #999;
}

.jxs-news ul li a::before {
    content: "";
    width: 3px;
    height: 3px;
    background: #999;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
}


.jxs-more {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #f7f7f7;
    color: #999;
    border-top: 1px solid #e9e9e9;
}

.jxs-more a {
    display: block;
    color: #999;
}

.jxs-more a:hover {
    color: #fff;
    background: #ff8300;
}

.jxs-company {
    float: right;
    width: 440px;
    height: 240px;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    line-height: 30px;
}

.jxs-company table tr th {
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    height: 40px;
}

.jxs-company table tr td:nth-child(1) {
    width: 80px;
    vertical-align: top;
}

.jxs-company table tr td img {
    height: 30px;
}

.jxs-company table tr td img.imgabs {
    position: absolute;
    left: 50%;
    top: 100px;
    width: 600px;
    height: auto;
    margin-left: -300px;
    z-index: 9;
}

.mask {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    background: rgba(0, 0, 0, 0.8);
    z-index: 8;
}

.jxscx-nav {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.jxscx-nav dl {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.jxscx-nav dl dt {
    width: 100px;
    float: left;
    line-height: 28px;
    font-size: 16px;
    color: #2378a0;
}

.jxscx-nav dl dd {
    width: 1100px;
    float: right;
}

.jxscx-nav dl dd a {
    display: block;
    float: left;
    margin-right: 15px;
    border: 1px solid #e3e3e3;
    border-radius: 14px;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
}

.jxscx-nav dl dd a:hover {
    background: #2378a0;
    color: #fff;
}

.jxs-pics {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
}

.jxs-pics ul {
    overflow: hidden;
    margin-right: -25px;
}

.jxs-pics ul li {
    float: left;

    width: 220px;
    height: 237px;
    overflow: hidden;
    margin-bottom: 15px;
    margin-right: 25px;
}

.jxs-pics ul li img {
    display: block;
}

.jxs-pics ul li p.name {
    width: 100%;
    height: 50px;
    line-height: 25px;
    margin: 5px 0;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.jxs-pics ul li p.name:hover {
    color: #ff8300;
}

.jxs-pics ul li p.price {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: #999;
}

.jxs-pics ul li p.price span {
    color: #ff0101;
}

.brand-contbp {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #f7f7f7;
}

.brand-navlists {
    width: 1200px;
    margin: 0 auto;
}

.zycx-cont {
    width: 100%;
    height: auto;
    overflow: hidden;
    border: 1px solid #eee;
    box-sizing: border-box;
}

.zycx-tit {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #2378a0;
    padding-left: 10px;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
}

.zycx-cont dl {
    padding: 10px;
    height: auto;
    overflow: hidden;
    line-height: 30px;
}

.zycx-cont dl dt {
    float: left;
    width: 80px;
    display: block;
    color: #999;
}

.zycx-cont dl dd {
    display: block;
    width: 178px;
    float: left;
}

.zycx-cont dl dd a {
    display: inline-block;
    padding: 2px 15px;
    border-radius: 15px;
    border: 1px solid #e3e3e3;
    margin-bottom: 10px;
    line-height: 24px;
}

.zycx-cont dl dd a:hover {
    color: #fff;
    background: #2378a0;
}

.jxs-atricle {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 30px;
    color: #666;
}

.jxs-atricle h2 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    color: #333;
    padding: 10px 0;
}

.jxs-atricle p {
    margin-bottom: 10px;
}

.cx-btn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    margin-bottom: 20px;
}

.cx-btn a {
    float: left;
    display: block;
    width: 180px;
    height: 40px;
    line-height: 40px;
    background: #ff8300;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    border-radius: 5px;
}

.cx-btn span {
    display: block;
    float: left;
    margin-left: 10px;
    color: #999;
}

.dchd-cont {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.dchd-cont ul li {
    width: 100%;
    height: auto;
    line-height: 24px;
    overflow: hidden;
}

.dchd-cont ul li p {
    padding: 10px 0;
}

.dchd-cont ul li p:hover {
    color: #ff8300;
}

.dc-pics {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.dc-pics ul {
    overflow: hidden;
    margin-right: -20px;
}

.dc-pics ul li {
    float: left;
    width: 210px;
    height: auto;
    overflow: hidden;
    position: relative;
    margin-right: 20px;
    text-align: center;
    margin-bottom: 5px;
}

.dc-pics ul li img {
    width: 210px;
    height: 140px;
}

.dc-pics ul li p {
    width: 100%;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dc-pics ul li p:hover {
    color: #ff8300;
}

.dc-pics ul li p.second-p {
    height: 50px;
    line-height: 25px;
    margin-top: 5px;
    white-space: normal;
}

.dc-pics ul li span {
    width: 100%;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    text-overflow: ellipsis;
    margin: 5px 0;
    color: #ff0101;
}

.esc-nav {
    margin-top: 0;
}


.second-cx {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.second-cx ul li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #dddddd;
    position: relative;
}

.second-cx ul li a {
    display: block;
    width: 100%;
    padding-right: 10px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666666;
    text-indent: 10px;
}


.second-cx ul li a::before {
    content: "";
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    background: #ff8300;
}

.second-cx ul li a:hover {
    color: #ff8300;
}

.lbj-tab {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 15px;
}

.lbj-tab ul {
    overflow: hidden;
    margin-right: -1px;
}

.lbj-tab ul li {
    width: calc(100% / 9 - 9px / 9);
    overflow: hidden;
    float: left;
    background: #f7f7f7;
    margin-right: 1px;
    cursor: pointer;
}

.lbj-tab ul li.on {
    background: #2378a0;
    color: #fff;
}

.lbj-tab ul li:hover {
    background: #2378a0;
    color: #fff;
}

.lbj-tabcont {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: none;
    margin-bottom: 10px;
}

.lbj-tabcontshow {
    display: block;
}

.lbj-tabcont ul {
    overflow: hidden;
    margin-right: calc(-115px / 6);
}

.lbj-tabcont ul li {
    width: 155px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-right: calc(115px / 6);
}

.lbj-tabcont ul li img {
    width: 153px;
    height: 102px;
    border: 1px solid #eee;
}

.lbj-tabcont ul li p {
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
}

.lbj-tabcont ul li p:hover {
    color: #ff8300;
}

.yhzc-li ul li {
    height: auto;
    overflow: hidden;
    line-height: 28px;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.yhzc-li ul li a {
    padding-right: 0;
}

.yhzc-li ul li span {
    display: block;
    color: #ff0101;
}

.yhzc-li ul li a::before {
    content: "";
}

.tit-all a.db {
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    font-size: 14px;
    width: 200px;
    line-height: 60px;
}

.contrast-cont {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.contrast-cont table {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.contrast-cont table tr td {
    width: 300px;
    padding: 15px;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    position: relative;
    text-align: center;
}

.contrast-cont table tr td:last-child {
    border-right: 0 none;
}

.contrast-cont table tr td select {
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: block;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    outline: none;
    color: #666;
    cursor: pointer;
}

.contrast-cont table tr td a {
    display: block;
}

.contrast-cont table tr td a p {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 28px;
    color: #2378a0;
}

.contrast-cont table tr td.pics-duibi span {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    background: #ff8300;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    z-index: 10;
}

.contrast-cont table tr td>p {
    color: #999;
    line-height: 28px;
}

.contrast-cont table tr td>p span {
    color: #ff0101;
}

.contrast-cont table tr.price {
    color: #ff0101;
}

.contrast-cont table tr.price td {
    position: relative;
}

.contrast-cont table tr.price td a {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 70px;
    padding: 5px 0;
    border-radius: 5px;
    margin-left: 10px;
    background: #ff0101;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.contrast-cont table tr td.basic {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

.picx-zw {
    width: 270px;
    height: 236px;
}

.picx-zw {
    width: 270px;
    height: 236px;
    background: url('../images/db-bg.jpg');
    margin-bottom: 10px;
}

.duibi-right {
    display: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 330px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #e3e3e3;
    padding: 10px;
    box-sizing: border-box;
    z-index: 2001;
}

.options .menu {
    width: 300px;
    margin: 10px auto;
    position: relative;
    display: none;
}

.options .menu li.list {
    font-size: 14px;
    width: 74px;
    float: left;
    box-sizing: border-box;
    height: 50px;
    line-height: 50px;
    background: #f7f7f7;
    text-align: center;
    color: #333;
    margin-right: 1px;
}

.options .menu .list a {
    display: block;
    color: #333;
    box-sizing: border-box;
}

.options .menu .list a:hover {
    transition: 300ms all;
    color: #666;
}

.options .menu .list>a:after {
    content: "\e602";
    font-family: "car";
    color: #333;
}

.options .menu .active>a:after {
    content: "\e769";
    font-family: "car";
    color: #333;
}


.options .menu .list .items {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    width: 298px;
    height: 160px;
    overflow: auto;
    background: #fff;
    border: 1px solid #e3e3e3;
    text-align: left;
    z-index: 12;
    box-sizing: border-box;
}

.options .menu .list .items li a {
    padding: 0 10px;
    box-sizing: border-box;
}

.options .menu .list .items a:hover {
    background-color: #2378a0;
    color: #fff;
    transition: 300ms all;
}

.options .menu .list:last-child {
    border-bottom: none;
}


.options .menu .active>.items {
    display: block;
}

.options .menu .active>.items li {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}

.option-btn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    padding: 0 10px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}

.option-btn::after {
    content: "\e604";
    position: absolute;
    font-family: "car";
    right: 10px;
    top: 0;
    font-size: 18px;
}

.option-result {
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.option-result span {
    color: #2378a0;
}

.option-resli {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 10px;
}

.option-resli .rel-tit {
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow-y: hidden;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    font-weight: bold;
    position: relative;
}

.option-resli .rel-tit a {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #999;
}

.rel-lists {
    margin-bottom: 20px;
}

.rel-lists ul li {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 24px;
    padding: 10px 0;
    border-bottom: 1px solid #e3e3e3;
}

.rel-lists ul li a {
    display: block;
    width: 100%;
    height: 48px;
    overflow: hidden;
    padding-right: 30px;
    box-sizing: border-box;
    padding-left: 30px;
    color: #666;
    background: url('../images/select000.png') no-repeat center left;
}

.rel-lists ul li a.click {
    color: #ff8300;
    background: url('../images/select111.png') no-repeat center left;
}

.rel-lists ul li span {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 10px;
    font-size: 24px;
    font-weight: normal;
    z-index: 10;
    color: #2378a0;
    line-height: 68px;
    cursor: pointer;
}

.rel-lists p {
    line-height: 40px;
}

.start-db {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    left: 10px;
    bottom: 30px;
    background: #2378a0;
    color: #fff;
}

.start-db a {
    display: block;
    color: #fff;
}

.duibi-leftbtn {
    display: block;
    position: fixed;
    top: 50%;
    margin-left: -25px;
    right: 10px;
    padding: 9px 10px;
    width: 30px;
    height: 32px;
    line-height: 16px;
    cursor: pointer;
    color: #fff;
    display: block;
    z-index: 11;
    background-color: #2378a0;
}

.duibi-leftbtnpos {
    right: 330px;
}

.duibi-leftbtn::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
    width: 12px;
    height: 9px;
    background: url('../images/parameter-icons-f.png') no-repeat center center;
}

.duibi-leftbtnpos::after {
    background: url('../images/parameter-icons.png') no-repeat center center;
}

.rel-listnone {
    display: none;
}

.cx-art h2 {
    width: 100%;
    height: 30px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    font-weight: normal;
}

.cx-art h2:hover {
    color: #ff8300;
}

.cx-art .article-lists p {
    height: 72px;
}

.jxs-navhy {
    margin-top: 0;
    margin-bottom: 10px;
}

.zczh-lists {
    width: 100%;
    height: auto;
    padding: 15px 0;
    border-bottom: 1px solid #e3e3e3;
    position: relative;
    overflow: hidden;
}

.zczh-lists p {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 30px;
}

.zczh-lists p.mdd {
    color: #ff0101;
}

.zczh-lists p span {
    margin-right: 10px;
    color: #999;
}

.brand-jxs-tab {
    width: 100%;
    padding-left: 50px;
    box-sizing: border-box;
    margin-top: 20px;
    display: none;
}

.brand-jxs-tab span {
    margin-right: 10px;
    padding: 3px 5px;
    display: block;
    float: left;
}

.brand-jxs-tab span:hover {
    background: #ff8300;
    border-radius: 2px;
    color: #fff;
}

.brand-jxs-tab span:hover a {
    color: #fff !important;
}

.brand-jxs-tab span.on {
    background: #ff8300;
    border-radius: 2px;
    color: #fff;
}

.brand-jxs-tab span.on a {
    color: #fff;
}

/* .brand-jxs-tab spanon {
    background: #ff8300;
    color: #ffffff;
    border-radius: 2px;
}
 */
.brand-jxs-tab-show {
    display: block;
}

.topic-art img {
    width: 740px;
    height: 205px;
}

.topic-art .art-intro {
    width: 100%;
}

.topic-art .art-intro {
    height: 85px;
}

.topic-art .art-intro p {
    height: auto;
    margin-top: 10px;
}

.ztc {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.ztc-tit {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    color: #ff8300;
}

.ztc ul {
    overflow: hidden;
    margin-right: -10px;
    margin-bottom: 20px;
}

.ztc ul li {
    float: left;
    width: 111px;
    height: auto;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
    margin-right: 10px;
}

.ztc ul li p {
    width: 100%;
    height: 30px;
    border: 1px solid #e3e3e3;
    border-top: 0 none;
    box-sizing: border-box;
}

.ztc ul li:hover p {
    background: #ff8300;
    color: #fff;
}

.chezhan-lists {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    overflow: hidden;
}

.chezhan-lists img {
    margin-top: 5px;
    height: auto;
}

.chezhan-lists ul li {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 15px;
}

.hot-art440 {
    width: 440px;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
}

.hot-art440 ul li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.hot-art440 ul li a {
    position: relative;
    display: block;
    float: left;
    width: calc(100% - 80px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hot-art440 ul li a:hover {
    color: #ff8300;
}

.hot-art440 ul li a strong {
    font-weight: 500;
    color: #ff0101;
    margin-right: 10px;
    text-align: right;
    width: 20px;
    display: inline-block;
}

.hot-art440 ul li>span {
    display: block;
    float: left;
    width: 80px;
    text-align: right;
    color: #999;
}


.ship-lists {
    width: 100%;
    padding-left: 65px;
    box-sizing: border-box;
    margin-top: 20px;
    display: none;
}

.ship-lists span {
    margin-right: 10px;
    line-height: 30px;
}

.ship-lists span a:hover {
    color: #ff8300;
}

.ship-lists span a.on {
    color: #ff8300;
}

.ship-listsshow {
    display: block;
}

.zcsp-ulli {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.zcsp-ulli ul {
    overflow: hidden;
    margin-right: -25px;
}

.zcsp-ulli ul li {
    position: relative;
    float: left;
    width: 220px;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 25px;
}

.zcsp-ulli ul li p {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zcsp-ulli ul li p:hover {
    color: #ff8300;
}

.zcsp-ulli ul li p.price {
    color: #ff0101;
    font-size: 14px;
}

.zcsp-ulli ul li span {
    position: absolute;
    right: 10px;
    bottom: 36px;
    border: 1px solid #ffffff;
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    border-radius: 12px;
    text-align: center;
}

.lbj-tab-wz {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 15px;
    background: #f7f7f7;
}


.lbj-tab-wz ul li {
    width: calc(100% / 9);
    overflow: hidden;
    float: left;
    background: #f7f7f7;
    cursor: pointer;
    position: relative;
}

.lbj-tab-wz ul li::after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    width: 1px;
    height: 40px;
    background: #ffffff;
}

.lbj-tab-wz ul li.on {
    background: #2378a0;
    color: #fff;
}

.lbj-tab-wz ul li.on a {
    color: #fff;
}

.lbj-tab-wz ul li a {
    display: block;
}

.lbj-tab-wz ul li:hover a {
    background: #2378a0;
    color: #fff;
}

.artilce-cont {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 40px;
    background: #f7f7f7;
    margin-bottom: 20px;
}

.card-list-box {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}


.article-card {
    position: relative;
    float: left;
    width: 279px;
    height: 375px;
    margin: 0 28px 50px 0;
    background-color: #fff;
}

.article-card:nth-child(4n+0) {
    margin-right: 0;
}

.article-card:hover::before {
    content: '';
}

.article-card::before {
    position: absolute;
    width: 299px;
    height: 395px;
    left: -10px;
    top: -10px;
    box-shadow: 1px 2px 12px rgba(66, 132, 217, 0.3);
    background-color: #fff;
}


.article-card>.inner-box {
    position: relative;
    height: 100%;
    overflow: hidden;
    margin-right: -28px;
}

.article-card a img {
    position: relative;
    display: block;
    width: 279px;
    height: 186px;
    overflow: hidden;
}

.article-card .details {
    width: 249px;
    padding: 0 15px;
}

.article-delcont .details strong a {
    color: #ff8300;
}


.article-delcont .details strong a:hover {
    text-decoration: underline;
}

.article-card .details>h2 {
    height: 56px;
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    overflow: hidden;
    margin-top: 10px;
}

.article-card .details>h2 a:hover {
    color: #ff8300;
}

.article-card .details>p {
    position: relative;
    margin-top: 10px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #ececec;
    font-size: 12px;
}

.article-card .details>p a {
    color: #ff8300;
}

.article-card .details>p span {
    position: absolute;
    right: 0;
    color: #999;
}

.article-card .details>p span::before {
    content: "\e79b";
    font-family: "car";
    color: #999;
}

.article-card .details>h3 {
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
}

.article-card .details>h3::before {
    content: "\e607";
    font-family: "car";
    color: #999;
    font-weight: normal;
    margin-right: 5px;
}

.article-card .details ul {
    width: 100%;
    height: 90px;
    line-height: 30px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.article-card .details ul li {
    width: 100%;
    height: 30px;
    overflow: hidden;
}

.article-card .details ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: 10px;
}

.article-card .details ul li a:hover {
    color: #ff8300;
}

.article-card .details ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    background: #999;
}

.article-card .details .key-words {
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    border-bottom: 1px solid #ececec;
}

.article-card .details .key-words span {
    font-weight: bold;
}

.article-card .details .key-words a {
    color: #2378a0;
    margin-right: 5px;
}

.article-card .details .key-words a:hover {
    color: #ff8300;
}

.article-card .details .time {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: right;
    color: #999;
    font-size: 12px;
}

.article-card .details .time::before {
    content: "\e79c";
    font-family: "car";
    color: #999;
}

.second-nav {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 10px;
    text-align: center;
}

.second-nav ul {
    display: inline-block;
}

.second-nav ul li {
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    float: left;
    margin-right: 10px;
    background: #f7f7f7;
    text-align: center;
}

.second-nav ul li.on {
    background: #ff8300;
    color: #fff;
}


.second-nav ul li a {
    display: block;
}

.second-nav ul li.on a {
    color: #ffffff;
}

.second-nav ul li:hover {
    background: #ff8300;
}

.second-nav ul li:hover a {
    color: #fff;
}

.article-card280 {
    height: 313px;
}

.article-card280::before {
    position: absolute;
    width: 299px;
    height: 333px;
    left: -10px;
    top: -10px;
    box-shadow: 1px 2px 12px rgba(66, 132, 217, 0.3);
    background-color: #fff;
}

.article-card280 .details>p span.time1 {
    position: absolute;
    left: 0;
}

.article-card280 .details>p span.time1::before {
    content: "\e79c";
    font-family: "car";
    color: #999
}

.focus-small li span {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -30px;
    overflow: hidden;
    background: url('../images/shipin.png') no-repeat center center;
    background-size: contain;
}

.focus-big span {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    margin-left: -40px;
    margin-top: -40px;
    overflow: hidden;
    background: url('../images/shipin.png') no-repeat center center;
    background-size: contain;
}

.video-listbox {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
}

.video-listbox ul {
    overflow: hidden;
    margin-right: -20px;
}

.video-listbox ul li {
    float: left;
    width: 285px;
    height: auto;
    overflow: hidden;
    margin-right: 20px;
    position: relative;
    margin-top: 10px;
}

.video-listbox ul li img {
    width: 285px !important;
    height: 160px !important;
}

.video-listbox ul li p {
    width: 285px;
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

.video-listbox ul li p:hover {
    color: #ff8300;
}

.video-listbox ul li a>span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 45px;
    height: 45px;
    margin-left: -22.5px;
    margin-top: -61.5px;
    background: url(../images/v-icon.png) no-repeat center center;
}

.video-listbox ul li div.time {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: #999999;
    font-size: 14px;
}

.video-listbox ul li div.time span {
    margin-left: 10px;
    position: relative;
    padding-left: 18px;
    box-sizing: border-box;
}

.video-listbox ul li div.time span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 14px;
    background: url(../images/time-icon.png) no-repeat center center;
}

.address-tab {
    width: 100%;
    padding-left: 65px;
    box-sizing: border-box;
    margin-top: 20px;
    display: none;
}

.address-show {
    display: block;
}

.address-tab span {
    margin-right: 10px;
    line-height: 40px;
}

.cspz-table table {
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    border-right: 0 none;
    border-bottom: 0 none;
    line-height: 40px;
    box-sizing: border-box;
}


.cspz-table table td.basic {
    background: #f7f7f7;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}

.cspz-table table.inner-table {
    border: 0 none;
    margin-top: 0;
}

.cspz-table table.inner-table .cell {
    width: 740px;
    height: auto;
    overflow: hidden;
    line-height: 40px;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}

.cspz-table table.inner-table .cell li {
    padding: 0 10px;
    box-sizing: border-box;
    width: 369px;
    float: left;
    height: auto;
    line-height: 40px;
    word-break: break-all;
}

.cspz-table table.inner-table .cell li span {
    font-weight: bold;
}

.cspz-pics {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
    position: relative;
}

.cspz-pics ul {
    overflow: hidden;
    margin-right: -22.5px;
}

.cspz-pics ul li {
    width: 285px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-right: 22.5px;
    margin-bottom: 15px;
}

.cspz-pics span {
    position: absolute;
    right: 0;
    bottom: 15px;
    width: 285px;
    height: 190px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: center;
    line-height: 190px;
    font-size: 16px;

}

.cxdb-btn {
    position: absolute;
    right: 0;
    top: 10px;
    display: block;
    padding-left: 24px;
    width: 46px;
    height: 22px;
    line-height: 22px;
    margin: 0 auto;
    color: #ff8300;
    border: 1px solid #ff8300;
    font-style: normal;
    cursor: pointer;
    text-align: center;
    background: url(../images/duibi_iconr.png) no-repeat 8px 7px;
}

.duibi-jiaru {
    color: #999;
    border: 1px solid #e3e3e3;
    background: url(../images/duibi_iconr-y.png) no-repeat 8px 7px;
}

h2.cx-nametit {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 24px;
}

.cxpic-cont {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-right: 20px;
}

.cxpic-cont ul {
    overflow: hidden;
    margin-right: -20px;
}


.cxpic-cont ul li {
    width: 285px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-bottom: 15px;
    margin-right: 20px;
}

.topicsli-cont {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.topics-cont {
    overflow: hidden;
    margin-right: -15px;
}

.innertop-box {
    height: auto;
    overflow: hidden;
    width: 390px;
    margin-right: 15px;
    margin-bottom: 15px;
    float: left;
}

.innertop-box a img {
    position: relative;
    display: block;
    height: 108px;
    overflow: hidden;
}

.innertop-box .details-t {
    width: 390px;
    padding: 10px 15px;
    box-sizing: border-box;
    background: #f7f7f7;
    position: relative;
    float: left;

}


.innertop-box .details-t>h2 {
    height: 28px;
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    overflow: hidden;
}

.innertop-box .details-t>h2 a:hover {
    color: #ff8300;
}

.innertop-box .details-t>p {
    position: relative;
    height: 48px;
    line-height: 24px;
    color: #999;
    font-size: 12px;
    padding: 10px 0;
}


.innertop-box .details-t .key-words {
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    border-bottom: 1px solid #ececec;
}

.innertop-box .details-t .key-words span {
    font-weight: bold;
}

.innertop-box .details-t .key-words a {
    color: #2378a0;
    margin-right: 5px;
}

.innertop-box .details-t .key-words a:hover {
    color: #ff8300;
    margin-right: 5px;
}


.innertop-box .details-t .time {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: right;
    color: #999;
    font-size: 12px;
}

.innertop-box .details-t .time::before {
    content: "\e79c";
    font-family: "car";
    color: #999;
}

.innertop-box .details-t .gl {
    position: absolute;
    left: 15px;
    bottom: 10px;
    width: 80px;
    height: 40px;
    line-height: 40px;
    color: #ff8300;
}

.topic-leftli {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.topic-leftli ul {
    overflow: hidden;
    margin-right: -20px;
    margin-bottom: 10px;
}

.topic-leftli ul li {
    width: 360px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-right: 20px;
    margin-top: 10px;
}

.topic-leftli ul li img {
    width: 360px;
    height: 100px;
}

.topic-leftli ul li p {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topic-leftli ul li p:hover {
    color: #ff8300;
}

.topic-leftli ul li p.topic-h2 {
    background: #f7f7f7;
    padding: 0 10px;
    box-sizing: border-box;
}

.topic-leftli ul li .details-topic {
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    border-bottom: 1px solid #ececec;
    background: #f7f7f7;
    padding: 0 10px;
    box-sizing: border-box;

}

.topic-leftli ul li .details-topic span {
    font-weight: bold;
}

.topic-leftli ul li .details-topic a {
    color: #999;
    margin-right: 5px;
}

.topic-leftli ul li .details-topic a:hover {
    color: #ff8300;
}

.topic-leftli ul li .time-topic {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: right;
    color: #999;
    font-size: 12px;
    background: #f7f7f7;
    padding: 0 10px;
    box-sizing: border-box;
}

.topic-leftli ul li .time-topic::before {
    content: "\e79c";
    font-family: "car";
    color: #999;
}

.price-condition dd a:hover {
    color: #fff;
}

.price-condition dd.all a {
    color: #fff;
}

.phtoos-lists {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
}

.phtoos-lists ul {
    overflow: hidden;
    margin-right: -25px;
}

.phtoos-lists ul li {
    float: left;
    width: 220px;
    height: auto;
    overflow: hidden;
    margin-right: 25px;
    margin-bottom: 5px;
}

.phtoos-lists ul li p {
    width: 100%;
    height: 40px;
    line-height: 20px;
    margin: 10px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.phtoos-lists ul li p:hover {
    color: #ff8300;
}

.news-important {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
}

.ywhg-tit {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: url('../images/yw.png') no-repeat center left;
    font-size: 24px;
    font-weight: bold;
    color: #333;
    text-indent: 55px;
}

.news-important ul {
    overflow: hidden;
    margin-right: -20px;
}

.news-important ul li {
    float: left;
    width: 360px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 20px;
    background: url('../images/hot.gif') no-repeat center left;
    padding-left: 25px;
    box-sizing: border-box;
    border-bottom: 1px dashed #e7e7e7;
    font-weight: bold;
}

.news-important ul li a:hover {
    color: #ff8300;
}

.news-leftimp ul li {
    text-indent: 10px;
}

.news-leftimp ul li a::before {
    content: "";
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    background: #ff8300;
}

.article-delcont {
    width: 700px;
    padding: 19px;
    height: auto;
    overflow: hidden;
    border: 1px solid #eeeeee;
}

.article-delcont h1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 28px;
    font-weight: bold;
    color: #333;
    line-height: 40px;
}

.article-info {
    width: 100%;
    margin-top: 20px;
    height: 40px;
    line-height: 40px;
}

.article-info span.yc {
    float: left;
    width: 50px;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    background: #ff8300;
    color: #ffffff;
    margin-top: 8px;
    text-align: center;
    margin-right: 20px;
}

.article-info span.time {
    color: #666;
}

.article-info span.time::before {
    content: "\e79c";
    font-size: 16px;
    color: #999;
    font-family: "car";
    margin-right: 2px;
}

.article-info>a {
    color: #ff8300;
    float: right;
}

.article-info>a::before {
    content: "\e63b";
    font-family: "car";
    margin-right: 5px;
    color: #ff8300;
}

.article-delcont .details {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 10px;
    font-size: 16px;
    line-height: 30px;
}

.article-delcont .details p {
    margin: 10px 0;
    line-height: 30px;
    font-size: 16px;
}

.article-delcont .details a{
    color: #ff8300;
}


.article-delcont .details p img {
    margin: 0 auto;
}

.article-delcont .details img {
    margin: 0 auto;
}

.article-delcont .details p span {
    display: block;
    width: 100%;
    height: auto;
    line-height: 30px;
    text-align: center;
}

.article-delcont .details a strong {
    color: #ff8300;
}

.article-delcont .details a:hover strong {
    text-decoration: underline;
}


.article-tools {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 20px auto;
}

.article-tools span {
    color: #999;
    margin-right: 20px;
    line-height: 30px;
}

.article-tools span a {
    color: #2378a0;
}

.marks {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 40px;
    color: #999;
    line-height: 28px;
}

.marks a {
    display: inline-block;
    margin-right: 5px;
    padding: 6px 12px;
    font-size: 14px;
    color: #2378a0;
    line-height: 14px;
    border: 1px solid #2378a0;
    background-color: #fafbfc;
    vertical-align: top;
}

.marks a:hover {
    background: #2378a0;
    color: #fff;
}

.article-evaluate {
    position: relative;
    margin-top: 30px
}

.article-evaluate .athm-share-line {
    position: absolute;
    top: 8px;
    right: 0;
    z-index: 2;
}


.article-evaluate .evaluate-inner {
    position: relative;
    text-align: center;
}

.article-evaluate .evaluate-inner>div {
    position: relative;
    display: inline-block;
    width: 70px;
    vertical-align: top;
}

.article-evaluate .evaluate-inner>div .athm-iconfont-praise {
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 10px;
    font-size: 18px;
    color: #2378a0;
    line-height: 1;
    border: 1px solid #2378a0;
    border-radius: 50%;
    vertical-align: top;
    cursor: pointer;
}

.article-evaluate .evaluate-inner>div .athm-iconfont-praise-fill {
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 10px;
    font-size: 18px;
    color: #2378a0;
    line-height: 1;
    border: 1px solid #2378a0;
    border-radius: 50%;
    vertical-align: top;
    cursor: pointer;
}

.article-evaluate .evaluate-inner>div .athm-iconfont-praise-fill {
    display: none;
}

.athm-iconfont-praise:before {
    content: "\e626";
    font-family: "athm-iconfont";
    font-style: normal;
}

.athm-iconfont-praise-fill:before {
    content: "\e62e";
    font-family: "athm-iconfont";
    font-style: normal;
}

.article-evaluate .evaluate-inner>div .text {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    color: #2378a0;
    line-height: 14px;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
}

.article-evaluate .athm-share-line {
    position: absolute;
    top: 8px;
    right: 0;
    z-index: 2;
}

.athm-share-line span {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
    cursor: pointer;
}

.athm-share-line__text {
    display: inline-block;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    cursor: default !important;
}

.athm-share-line span {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
    cursor: pointer;
}

.athm-share-line span.qq {
    margin-right: 0
}


.iconshare::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../images/iconshare.png');
    background-repeat: no-repeat;
    vertical-align: top;
}

.iconshare-wechat::before {
    background-position: 0 0;
}

.iconshare-sina::before {
    background-position: -34px 0;
}

.iconshare-qqzone::before {
    background-position: -102px 0;
}

.iconshare-link::before {
    background-position: -68px 0;
}

.enjoy-box {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000;
    width: 280px;
    height: auto;
    border: 1px solid #2378a0;
    border-radius: 0px 0px 2px 2px;
    background-color: rgb(255, 255, 255);
    transform: translate(-50%, -50%);
    display: none;
}

.enjoy-tit {
    position: relative;
    height: 40px;
    padding-left: 13px;
    font-size: 14px;
    font-weight: bold;
    color: #2378a0;
    line-height: 40px;
    border-bottom: 1px solid #2378a0;
}

.enjoy-tit span {
    position: absolute;
    right: 0;
    top: 0;
    width: 14px;
    height: 14px;
    padding: 12px 13px;
    font-size: 14px;
    font-weight: normal;
    color: #2378a0;
    line-height: 1;
    cursor: pointer;
    background: url('../images/colse.png') center center no-repeat;
    background-size: 14px 14px;
}

.enjoy-ewm {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}

.enjoy-ewm img {
    width: 178px;
    height: 178px;
}

.alert {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000;
    border-radius: 5px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.8);
}

.alert a {
    color: #fff
}

.alert a:hover {
    color: #f43636
}

.alert-literal {
    height: 36px;
    padding: 22px;
    font-size: 16px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    white-space: nowrap;
}

.copy-link {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -25px;
    width: 800px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 25px;
    color: #ffffff;
    z-index: 1000;
    box-sizing: border-box;
    overflow: hidden;
    display: none;
}

.copy-link input {
    float: left;
    display: block;
    width: 700px;
    height: 50px;
    border: 0;
    font-size: 16px;
    color: #fff;
    background: none;
    outline: none;
    padding-left: 25px;
    box-sizing: border-box;
}

.copy-link span {
    float: left;
    display: block;
    width: 100px;
    height: 50px;
    color: #4A5FE2;
    border-radius: 0 4px 4px 0;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}

.copy-link span::before {
    content: "\e617";
    font-family: "car";
    font-size: 24px;
    color: #fff;
}

.week-hot {
    width: 740px;
    height: auto;
    overflow: hidden;
}

.week-hot ul {
    overflow: hidden;
    margin-right: -20px;
    margin-bottom: 10px;
}

.week-hot ul li {
    float: left;
    width: 360px;
    height: 30px;
    line-height: 30px;
    margin-right: 20px;

}

.week-hot ul li a {
    float: left;
    display: block;
    width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
}

.week-hot ul li a::before {
    content: "";
    width: 3px;
    height: 3px;
    background: #bbb;
    position: absolute;
    left: 0;
    top: 13.5px;
}

.week-hot ul li span {
    width: 60px;
    float: left;
    display: block;
    text-align: right;
    color: #999999;
}


.rec-leftbox {
    width: 740px;
    height: auto;
    overflow: hidden;
}

.rec-leftbox ul {
    overflow: hidden;
    margin-right: -55px;
}

.rec-leftbox ul li {
    float: left;
    width: 210px;
    height: auto;
    overflow: hidden;
    position: relative;
    margin-right: 55px;
    text-align: center;
    margin-top: 10px;
}

.rec-leftbox ul li img {
    width: 210px;
    height: 140px;
}

.rec-leftbox ul li p {
    width: 100%;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rec-leftbox ul li span {
    width: 100%;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    text-overflow: ellipsis;
    margin: 5px 0;
    color: #ff0101;
}

.brand-entry {
    width: 100%;
    height: 120px;
    padding: 20px;
    border: 1px solid #eee;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.brand-entry img {
    width: 120px;
    height: 80px;
    float: left;
}

.brand-entry a.right-brand {
    float: right;
    line-height: 80px;
}

.brand-entry a:hover {
    color: #ff8300;
}

.video-cont {
    width: 100%;
    height: auto;
    overflow: hidden;
    /*margin-bottom: 10px;*/
}


.article-info span {
    color: #666;
    margin-right: 20px;
}


.article-info span.sc {
    background: url('../images/time-icon.png') no-repeat center left;
    padding-left: 18px;
    color: #999;
}

.article-info span.ly a {
    color: #2378a0;
}

.hotvideo-listbox {
    width: 740px;
    height: auto;
    overflow: hidden;
}

.hotvideo-listbox ul {
    overflow: hidden;
    margin-right: -25px;
}

.hotvideo-listbox ul li {
    width: 230px;
    height: 208px;
    overflow: hidden;
    float: left;
    margin-right: 25px;
    position: relative;
    margin-bottom: 10px;
}

.hotvideo-listbox ul li p {
    width: 230px;
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

.hotvideo-listbox ul li p:hover {
    color: #ff8300;
}

.hotvideo-listbox ul li a>span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 45px;
    height: 45px;
    margin-left: -22.5px;
    margin-top: -61.5px;
    background: url(../images/v-icon.png) no-repeat center center;
}

.hotvideo-listbox ul li div.time {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: #999999;
    font-size: 14px;
}

.hotvideo-listbox ul li div.time span {
    margin-left: 10px;
    position: relative;
    padding-left: 18px;
    box-sizing: border-box;
}

.hotvideo-listbox ul li div.time span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 14px;
    background: url(../images/time-icon.png) no-repeat center center;
}

.rel-videocont {
    width: 440px;
    height: auto;
    overflow: hidden;
}

.rel-videocont ul li {
    width: 440px;
    height: 115px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

.rel-videocont ul li a {
    display: block;

}

.rel-videocont ul li img {
    width: 205px;
    height: 115px;
    float: left;
}

.rel-videocont ul li h2 {
    float: left;
    width: 215px;
    margin-left: 20px;
    height: 60px;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    color: #333;
}

.rel-videocont ul li h2:hover {
    color: #ff8300;
}

.rel-videocont ul li p {
    position: absolute;
    left: 225px;
    bottom: 0;
    width: 215px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #999;
}

.rel-videocont ul li a p span {
    margin-left: 20px;
    background: url('../images/time-icon.png') no-repeat center left;
    padding-left: 20px;
}


.heng {
    width: 100%;
    height: 3px;
    background: #ff8300;
    margin-top: 5px;
    margin-bottom: 20px;
}


.tit-all img {
    height: 40px;
    float: left;
    vertical-align: middle;
    margin-right: 20px;
}

.brand-delarticlecx {
    width: 900px;
    height: auto;
    overflow: hidden;
}


.brand-delarticlecx ul {
    overflow: hidden;
    margin-right: -20px;
    margin-bottom: 10px;
}

.brand-delarticlecx ul li {
    width: 440px;
    height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 20px;
    overflow: hidden;
}

.brand-delarticlecx ul li a {
    display: block;
    float: left;
    width: 360px;
    height: 30px;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
}


.brand-delarticlecx ul li a::before {
    content: "";
    width: 3px;
    height: 3px;
    background: #ff8300;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
}

.brand-delarticlecx ul li span {
    float: left;
    width: 80px;
    text-align: right;
    color: #999;
}

.brand-delarticlecx ul li a:hover {
    color: #ff8300;
}

.all-cxcont {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}

.cxjs-licont {
    width: 100%;
    height: 140px;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.cxjs-licont img {
    float: left;
    width: 210px;
    height: 140px;
}

.cxjs-rigt {
    float: left;
    width: 670px;
    height: 140px;
    position: relative;
    margin-left: 20px;
}

.cxjs-rigt h2 {
    font-size: 16px;
    font-weight: bold;
    color: #2378a0;
    height: 30px;
}

.cxjs-rigt>p {
    width: 100%;
    height: 30px;
    line-height: 30px;

}

.cxjs-rigt .total {
    position: absolute;
    right: 0;
    top: 0;
    color: #2378a0;
    border-left: 1px solid #ddd;
    padding-left: 10px;
}

.cxjs-rigt .total a {
    color: #999;
    padding: 0 10px;
    border-right: 1px solid #ddd;
    margin-right: 10px;
}

.cxjs-rigt>p>span {
    color: #ff0102;
}

.cxjs-rigt table {
    width: 100%;
    line-height: 24px;
    margin-top: 8px;
}

.cxjs-rigt table tr {
    display: grid;
    /* grid-template-columns: repeat(4,1fr); */
    grid-template-columns: 20% 30% 20% 30%;
}

.cxjs-rigt table tr td {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 24px;
    box-sizing: border-box;
}

/* .cxjs-rigt table tr td:nth-child(2n+1) {
    color: #999;
    width: 80px;
}

.cxjs-rigt table tr td:nth-child(2) {
    width: 300px;
}

.cxjs-rigt table tr td:nth-child(4) {
    width: 210px;
} */

.cxjs-rigt table tr td:nth-child(2) p {
    /* width: 300px; */
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
    box-sizing: border-box;
}

.cxjs-rigt table tr td:nth-child(4) p {
    width: 210px;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.brand-videocont {
    width: 900px;
    height: auto;
    overflow: hidden;
    margin-top: 10px;
}

.brand-videocont ul {
    overflow: hidden;
    margin-right: -22.5px;
}

.brand-videocont ul li {
    width: 285px;
    height: 238px;
    overflow: hidden;
    float: left;
    margin-right: 22.5px;
    position: relative;
    margin-bottom: 10px;
}

.brand-videocont ul li p {
    width: 285px;
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

.brand-videocont ul li p:hover {
    color: #ff8300;
}

.brand-videocont ul li a>span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 45px;
    height: 45px;
    margin-left: -22.5px;
    margin-top: -61.5px;
    background: url(../images/v-icon.png) no-repeat center center;
}

.brand-videocont ul li div.time {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: #999999;
    font-size: 14px;
}

.brand-videocont ul li div.time span {
    margin-left: 10px;
    position: relative;
    padding-left: 18px;
    box-sizing: border-box;
}

.brand-videocont ul li div.time span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 14px;
    background: url(../images/time-icon.png) no-repeat center center;
}

.brand-piccont {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 10px;
}

.brand-piccont ul {
    overflow: hidden;
    margin-right: -22.5px;
}

.brand-piccont ul li {
    width: 285px;
    height: 238px;
    float: left;
    margin-right: 22.5px;
    margin-bottom: 10px;
}

.brand-piccont ul li p {
    width: 100%;
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.brand-piccont ul li p:hover {
    color: #ff8300;
}

.cx-liebiao {
    width: 278px;
    height: auto;
    overflow: hidden;
    padding: 15px;
    border: 1px solid #e3e3e3;
    line-height: 30px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.cx-liebiao p {
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
}

.cx-liebiao p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 13.5px;
    width: 3px;
    height: 3px;
    background: #ff8300;
}

.cx-ztlb {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
}

.cx-ztlb ul li {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 24px;
    margin-bottom: 10px;
}

.cx-ztlb ul li p {
    margin-top: 5px;
}

.cx-ztlb ul li p:hover {
    color: #ff8300;
}

.cx-jsxlb {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}

.cx-jsxlb ul li {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
}

.cx-jsxlb ul li h2 {
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 10px;
}

.cx-jsxlb ul li h2 a:hover {
    color: #ff8300;
}

.cx-jsxlb ul li p {
    color: #999;
}

.cx-fourpics {
    width: 360px;
    height: auto;
    overflow: hidden;
    float: left;
}

.cx-bigimg {
    width: 360px;
    height: 240px;
    position: relative;
    display: none;
}

.cx-bigimg span {
    position: absolute;
    padding: 0 8px;
    line-height: 26px;
    border-radius: 13px;
    border: 1px solid #ffffff;
    bottom: 10px;
    right: 10px;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.5);
}

.cx-bigshow {
    display: block;
}

.cx-smlimgs {
    width: 360px;
    height: 50px;
    margin-top: 10px;
    overflow: hidden;
}

.cx-smlimgs ul {
    overflow: hidden;
    margin-right: -20px;
}

.cx-smlimgs ul li {
    width: 75px;
    height: 50px;
    overflow: hidden;
    margin-right: 20px;
    float: left;
    cursor: pointer;
}

.cx-smlimgs ul li img {
    width: 75px;
    height: 50px;
}

.cx-smlimgs ul li.on {
    border: 1px solid #ff0101;
    box-sizing: border-box;
}

.cx-intro2 {
    height: 300px;
}

.cx-intro2 h2 {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 40px;
}

.cx-intro2 p {
    font-size: 14px;
    line-height: 30px;
}

.cx-intro2 p span {
    color: #ff0101;
}

.search-boxlong {
    float: left;
    width: 580px;
}

.search-boxlong input.search-text {
    width: 500px;
}

.brand-sea {
    width: 740px;
    height: 120px;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    margin-bottom: 10px;
}

.brand-sea img {
    float: left;
    padding-right: 10px;
    border-right: 1px solid #e3e3e3;
}

.brand-sea .brandsea-right {
    float: left;
    width: 550px;
    height: 80px;
    margin-left: 17px;
    line-height: 28px;
    overflow: hidden;
}

.brand-sea .brandsea-right h2 {
    font-size: 16px;
}

.rec-leftbox ul li h2 {
    font-size: 16px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.cx-searchlists {
    width: 740px;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
}

.cx-searchlists ul li {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #ddd;
}

.cx-searchlists ul li img {
    width: 150px;
    height: 100px;
    float: left;
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
}

.cx-searchlists ul li .search-js {
    float: left;
    width: 440px;
    height: 100px;
    position: relative;
    margin-left: 20px;
}

.cx-searchlists ul li .search-js h2 {
    font-size: 16px;
    width: 100%;
    height: 40px;
    overflow: hidden;
}

.cx-searchlists ul li .search-js p {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #999;
}

.cx-searchlists ul li .search-js p span {
    margin-right: 20px;
}

.cx-searchlists ul li .search-js p span.price {
    color: #ff0101;
}

.cx-searchlists ul li a>p {
    float: right;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #2378a0;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    margin-top: 30px;
}

.search-topic {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}

.search-topic ul {
    overflow: hidden;
    margin-right: -20px;
}

.search-topic ul li {
    width: 360px;
    height: 150px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
}

.search-topic ul li p {
    width: 360px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-topic ul li p.time {
    color: #999;
}


.header-login {
    width: 100%;
    height: 60px;
    padding: 10px 0;
}

.header-login .w1200>a {
    float: left;
    width: 170px;
    height: 60px;
    margin-right: 20px;
}

.mem-nav {
    float: right;
    text-align: right;
    line-height: 60px;
}

.header-login .w1200 p.mem-nav a.logout:hover {
    color: #ff8300;
}


.header-login span {
    float: left;
    font: 700 22px/60px Microsoft YaHei;
    height: 60px;
    overflow: hidden;
}

.wrap-login {
    width: 100%;
    min-height: 400px;
    padding: 10px 0;
    background: #f5f5f5;
    background: url('../images/lgoin-ng.jpg') no-repeat center center;
}

.login-wrap {
    width: 320px;
    padding: 0 35px 20px;
    margin: 82px 60px 60px 0;
    background-color: #fff;
    float: right;
    position: relative;

}

.tab-login {
    height: 48px;
    line-height: 48px;
}

.tab-login label {
    border-bottom: 1px solid #e5e5e5;
    width: 50%;
    font-size: 14px;
    color: #333333;
    line-height: 16px;
    padding: 22px 0 10px;
    cursor: pointer;
    text-align: center;
    display: block;
    float: left;
}

.tab-login .checked {
    border-bottom: 2px solid #FF6600;
    color: #FF6600;
    font-weight: bold;
    padding-bottom: 9px;
}

.sign-form-list,
.phone-login-list {
    display: none;
}

.show-cont {
    display: block;
}

.sign-form-list li,
.phone-login-list li {
    margin-top: 30px;
    border: 1px solid #e5e5e5;
    height: 38px;
    line-height: 38px;
    position: relative;
    padding-left: 34px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.sign-form-list li p,
.phone-login-list li p {
    line-height: 30px;
    color: #ff8300;
    font-size: 12px;
}



.sign-form-list .input,
.phone-login-list .content.input {
    border-color: #FF6600;
}

.sign-form-list .input input {
    color: #333
}

.sign-form-list li input {
    width: 100%;
    font-size: 14px;
    color: #999
}

.sign-form-list li i,
.phone-login-list li i {
    position: absolute;
    left: 0;
    top: 0;
    width: 34px;
    text-align: center;
    display: block;
    line-height: 40px;
    font-family: 'sign';
    color: #999;
    content: "";
}

.phone-login-list li i.company {
    font-family: "car";
    font-size: 18px;
}

.sign-form-list li i.company {
    font-family: "car";
    font-size: 18px;
}

.sign-form-list .error-wrap {
    border: 1px solid #F7411D
}

.sign-form-list li.img-text,
.phone-login-list li.img-text {
    border: 0 none;
    padding-left: 0;
    padding-right: 90px;
}

.sign-form-list li .content,
.phone-login-list li .content {
    height: 38px;
    position: relative;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    padding-left: 34px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 170px;
}

.sign-form-list li span,
.phone-login-list li span {
    overflow: hidden;
    cursor: pointer;
    font-size: 10px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 38px;
    text-align: center;
    display: block;
    border-radius: 4px;
}

.form-li div #TencentCaptcha {
    overflow: hidden;
    cursor: pointer;
    font-size: 10px;
    width: 200px;
    height: 38px;
    text-align: center;
    display: block;
    border-radius: 4px;
}

.sign-form-list li span img,
.phone-login-list li span img {
    float: right;
}

.sign-form-list li.img-text span {
    width: 100%;
    text-align: center;
}

.info-wrap>p {
    font-size: 12px;
    margin: 10px 0 6px;
    overflow: hidden;
    line-height: 16px;
    height: 16px;
    color: #999;
}

.info-wrap input[type='submit'] {
    background: #FF6600;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 14px;
    width: 100%;
    height: 40px;
    font-size: 14px;
    color: #fff;
}

.info-wrap input[type='submit']:disabled {
    background: #FFB37F;
}

.info-wrap>p a.register {
    color: #999;
    float: left;
}

.info-wrap>p a.password {
    color: #ff8300;
    text-align: right;
    float: right;
}

.phone-login-list li span.pas {
    overflow: hidden;
    cursor: pointer;
    font-size: 10px;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 38px;
    text-align: center;
    line-height: 40px;
    display: block;
    background: #ff8300;
    border-radius: 4px;
    color: #fff;
}

.sign-form-list li span.pas {
    overflow: hidden;
    cursor: pointer;
    font-size: 10px;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 38px;
    text-align: center;
    line-height: 40px;
    display: block;
    background: #ff8300;
    border-radius: 4px;
    color: #fff;
}

.header-login1 {
    border-bottom: 8px solid #2378a0;
}

.login-wrap1 {
    width: 400px;
    min-height: 400px;
    margin: 0 auto;
}

.login-wrap1 ul {
    padding-top: 80px;
}

.login-wrap2 ul {
    padding-top: 0;
}

.login-wrap1 li i.pwd-show {
    position: absolute;
    left: calc(100% - 45px);
    top: 0;
    width: 45px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    font-family: 'car';
    font-size: 18px;
    content: "";
    cursor: pointer;
}

.regiseter2 {
    width: 400px;
    height: auto;
    overflow: hidden;
    padding-top: 80px;
    text-align: center;
    margin: 0 auto;
    line-height: 30px;
    min-height: 400px;
}

.regiseter2 h2 {
    font-size: 18px;
    margin-bottom: 30px;
}

.regiseter2 p span {
    color: #ff0101;
}

.regiseter2>a {
    display: block;
    width: 180px;
    height: 40px;
    margin: 30px auto;
    background: #ff8300;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    border-radius: 5px;
}

.member-nav {
    width: 100%;
    height: 42px;
    background-color: #2378a0;
    margin-top: 10px;
    padding: 0;
}

.member-nav ul {
    width: 1200px;
    margin: 0 auto;
    height: 42px;
    line-height: 42px;
}

.member-nav ul li {
    width: 200px;
    float: left;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
}


.member-nav ul li a {
    color: #ffffff;
}

.member-nav ul li:hover {
    background-color: #ff8300;
    color: #206f96;
}

.member-nav ul li:hover a {
    color: #206f96;
}

.member-nav ul li.on {
    background-color: #ff8300;
    color: #fff;
}

.member-nav ul li.on a {
    color: #fff;
}

.member-nav ul li.on span {
    color: #206f96;
}

.register-con {
    height: auto;
    overflow: hidden;
    padding: 40px 0 20px 0;
}

.member-left {
    float: left;
    width: 200px;
    height: auto;
    overflow: hidden;
    border: 1px solid #eeeeee;
}

.member-right {
    float: right;
    width: 950px;
    height: auto;
    overflow: hidden;
}

.member-left dl dt {
    background-color: #eeeeee;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #1ba4d2;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

.member-left dl dd {
    text-align: center;
    background-color: #f7f7f7;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #eeeeee;
    cursor: pointer;
    display: none;
}

.member-left dl dd.on {
    color: #ff8300;
}

/* 后加样式 */

.member-left dl dt {
    background-color: #f5f5f5;
    border-bottom: 1px solid #fff;
}

.member-right h2.publish {
    width: 100%;
    height: 40px;
    line-height: 30px;
    border-bottom: 2px solid #e5e5e5;
    font-size: 18px;
    font-weight: normal;
    color: #666;
}

.member-left dl.on dd {
    display: block;
}


.member-left dl dd a:hover {
    color: #ff8300;
}

.member-left dl dd a.on {
    color: #ff8300;
}

.member-left dl dd a.on a {
    color: #ff8300;
}

/* 结束样式 */

.member-info {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 50px;
    line-height: 30px;
}

.member-info img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #e3e3e3;
    margin-bottom: 20px;
}

.member-info p {
    margin-bottom: 10px;
}

.member-info p span {
    color: #ff0101;
}

.account-cont {
    width: 530px;
    height: auto;
    overflow: hidden;
}

.account-cont table {
    width: 400px;
}

.account-cont table {
    border-top: 1px solid #e3e3e3;
}

.account-cont table td {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e3e3e3;

    padding: 0 10px;
}

.account-cont table tr td:nth-child(1) {
    width: 80px;
    border-right: 1px solid #e3e3e3;
}

.account-cont ul li {
    height: 40px;
    line-height: 40px;
    margin-bottom: 15px;
}

.account-cont ul li input {
    width: 400px;
    height: 38px;
    border: 1px solid #e3e3e3;
    padding: 0 10px;
}

.account-cont ul li input[type="radio"] {
    width: 30px;
    height: 14px;
}

.account-cont ul li label {
    display: inline-block;
    width: 100px;
}

.account-cont ul li p span {
    color: #ff0101;
}

.account-cont input[type="submit"] {
    display: block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    background: #ff8300;
    text-align: center;
    color: #fff;
    margin: 50px auto;
}

.account-cont1 {
    width: 400px;
    height: auto;
    overflow: hidden;
}




.account-cont1 ul li {
    height: auto;
    line-height: 40px;
    margin-bottom: 15px;
    overflow: hidden;
}

.account-cont1 ul li p {
    clear: both;
    text-align: left;
    line-height: 30px;
    color: #f53;
}

.account-cont1 ul li input {
    width: 260px;
    height: 38px;
    border: 1px solid #e3e3e3;
    padding: 0 10px;
    display: block;
    float: left;
}

.account-cont1 ul li img {
    display: block;
    float: right;
}

.account-cont1 ul li>span {
    display: block;
    float: right;
    width: 110px;
    height: 38px;
    text-align: center;
    line-height: 40px;
    display: block;
    background: #ff8300;
    border-radius: 4px;
    color: #fff;
}

.account-cont1 ul li>p>span {
    color: #ff0101;
}

.account-cont1 input[type="submit"] {
    display: block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    background: #ff8300;
    text-align: center;
    color: #fff;
    margin: 50px auto;
}

.account-cont1 input[type="tel"] {
    width: 100%;
    box-sizing: border-box;
}

.account-cont1 input[type="password"] {
    width: 100%;
    box-sizing: border-box;
}

.account-cont1 li {
    position: relative;
}

.account-cont1 li i {
    position: absolute;
    right: 10px;
    top: 0;
    line-height: 40px;
    font-family: "car";
    font-size: 18px;
    cursor: pointer;
}


.header-xc {
    width: 100%;
    height: 60px;
    padding: 10px 0;
    border-bottom: 1px solid #e3e3e3;
}

.help-nav {
    width: 1200px;
    height: 60px;
    margin: 0 auto;

}

.help-nav>a {
    float: left;
    display: block;
    width: 170px;
    margin-right: 20px;
}

.help-nav .top-nav {
    float: left;
    width: 500px;
    margin-top: 12px;
}

.help-nav .top-nav ul li {
    float: left;
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #2378a0;
    margin-right: 10px;
}

.help-nav .top-nav ul li a {
    display: block;
    color: #fff;
}

.help-nav .top-nav ul li a:hover {
    background: #ff8300;
    color: #fff;
}

.help-login {
    float: right;
    width: 200px;
    height: 60px;
    line-height: 60px;
    text-align: right;
}

.help-login a {
    margin-left: 15px;
}

.help-login a:hover {
    color: #ff8300;
}

.help-login a:nth-child(2) {
    border-left: 1px solid #bbb;
    padding-left: 15px;
}

.help-cont {
    padding: 30px 0;
    background: #f7f7f7;
    margin-top: 20px;
}

.help-cont>h2 {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    text-align: center;
    color: #ff8300;
}

.help-cont>p {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.help-imgs {
    width: 100%;
    height: 100px;
    overflow: hidden;
    margin-top: 20px;
    background: url('../images/help.jpg') no-repeat center top;
}

/* .help-imgs img{
    margin: 0 auto;
}

.help-imgs ul li{
    width: 150px;
    height: 100px;
    float: left;
    margin-right: 5px;
}

.help-imgs ul{
    width: 620px;
    margin: 0 auto;
}

.help-imgs ul li img{
    width: 150px;
    height: 100px;
    border: 10px solid #ffffff;
    box-sizing: border-box;
}
 */
.help-zc {
    width: 800px;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
}

.help-zc span {
    display: inline-block;
    text-align: center;
    border: 1px solid #e3e3e3;
    line-height: 30px;
    background: #ffffff;
    padding: 0 10px;
}

.help-feed {
    width: 500px;
    height: auto;
    overflow: hidden;
    margin: 20px auto;
}

.help-feed>h2 {
    font-size: 18px;
    color: #ff8300;
    text-align: center;
    margin-bottom: 20px;
}

.help-feed>p {
    line-height: 24px;
    margin-top: 10px;
}

.help-feed>p span {
    color: #ff0101;
    margin-right: 10px;
}

.feed-cont {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
}

.feed-cont input {
    width: 240px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #e3e3e3;
    padding: 0 10px;
    box-sizing: border-box;
    float: left;
    margin-right: 20px;
    float: left;
    display: block;
    margin-bottom: 20px;
}

.feed-cont input[type="tel"] {
    margin-right: 0;
}

.feed-cont textarea {
    width: 500px;
    min-height: 100px;
    border: 1px solid #e3e3e3;
    outline: none;
    line-height: 24px;
    padding: 10px;
    box-sizing: border-box;

}

.feed-cont input[type="submit"] {
    display: block;
    margin: 20px 150px;
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ff8300;
    color: #fff;
}



#wrapper {
    margin-top: 10px;
}

#picSlideWrap {
    width: 1200px;
    height: auto;
    overflow: hidden;
    position: relative;
}

.pics-info {
    width: 360px;
    position: absolute;
    right: 0;
    top: 0;
    height: auto;
    max-height: 150px;
    border: 1px solid #ddd;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
}

.pics-info h2 {
    width: 100%;
    height: auto;
    line-height: 36px;
    overflow: hidden;
    font-size: 18px;
}

.pics-info h2.pjsp {
    height: 60px;
    line-height: 30px;
    overflow: hidden;
    white-space: normal;
}

.pics-info p {
    width: 100%;
    height: 90px;
    overflow: hidden;
    line-height: 30px;
    color: #666;
}

.imgnav {
    position: relative;
    margin: 0 auto;
    width: 1200px;
}

.all-spinfo {
    width: 360px;
    position: absolute;
    right: 0;
    top: 0;
    height: 533px;
}

.all-spinfo h2 {
    width: 100%;
    height: 60px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.all-spinfo p {
    font-size: 14px;
    line-height: 40px;
    color: #999;
    position: relative;
}

.all-spinfo p span {
    color: #333;
    margin-right: 10px;
}

.all-spinfo p span.price {
    color: #ff0101;
}

.all-spinfo p a {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    line-height: 40px;
    color: #ff8300;
}

.spimg-li {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 360px;
    height: 346px;
    overflow: hidden;
}

.spimg-cont {
    overflow: hidden;
    margin-right: -20px;
}

.spimglione {
    width: 170px;
    height: 163px;
    float: left;
    margin-right: 20px;
    margin-top: 10px;
    cursor: pointer;

}



.spimglione img {
    width: 170px;
    height: 113px;
    background: url('../images/xqbg.png') no-repeat center top;
}

.spimglione p {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #ddd;
    color: #666;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.spimglione p.on {
    background: #ff8300;
    color: #fff;
}

.spimglione p.on span {
    color: #fff;
}

.spimglione p span {
    font-size: 14px;
    color: #666;
    margin-left: 10px;
    font-weight: normal;
}


#img {
    z-index: 10;
    /*  width: 800px; */
    position: relative;
    text-align: center;
    float: left;
}

#img ul li {
    position: relative;
    height: 533px;
    display: none;
}

#img ul li img {
    width: 800px;
    height: 533px;
}

#img ul li p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-align: left;
    padding-left: 10px;
    box-sizing: border-box;
    font-size: 16px;
}

#front {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
    cursor: pointer;
    width: 394px;
    height: 533px;
}

#front a {
    position: absolute;
    left: 20px;
    top: 215px;
    display: block;
    background: url('../images/imgSlideLeft.png') no-repeat;
    width: 104px;
    height: 104px;
    display: none;
}

#next {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 10;
    cursor: pointer;
    width: 394px;
    height: 533px;
}

#next a {
    position: absolute;
    right: 20px;
    top: 215px;
    display: block;
    background: url('../images/imgSlideRight.png') no-repeat;
    width: 104px;
    height: 104px;
    display: none;
}

#cbtn {
    float: right;
    width: 360px;
    position: relative;
    height: 369px;
    margin-top: 164px;
    overflow: hidden;
}

#cbtn ul {
    position: relative;
    height: 10000px;
    overflow: hidden;
    margin-right: -20px;
}

#cbtn ul li {
    float: left;
    width: 170px;
    height: 113px;
    cursor: pointer;
    text-align: center;
    margin-right: 20px;
    position: relative;
    margin-top: 10px;
}

#cbtn ul li img {
    width: 170px;
    height: 113px;
    display: block;
    background: url('../images/xqbg.png') no-repeat center center;
}

#img ul li tt {
    color: #FFF;
    position: absolute;
    right: 10px;
    bottom: 0;
    z-index: 20;
    font-size: 16px;
    line-height: 60px;
    padding: 0 5px;
    font-family: "Microsoft Yahei";
}

#img ul li tt.pj {
    right: 50%;
    bottom: 10px;
    margin-right: -30px;
    width: 60px;
    height: 30px;
    border-radius: 20px;
    line-height: 30px;
    background: rgba(0, 0, 0, 0.8);
}

#img ul li tt.jss,
#img ul li tt.wg,
#img ul li tt.sz,
#img ul li tt.dp {
    right: 50%;
    bottom: 10px;
    margin-right: -30px;
    width: 60px;
    height: 30px;
    border-radius: 20px;
    line-height: 30px;
    background: rgba(0, 0, 0, 0.8);
}

#cbtn li.hov img {
    border: 2px solid #ff8300;
    box-sizing: border-box;
}

.ctrl div {
    clear: both;
}

#cSlideUl {
    width: 360px;
    height: 369px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.picSildeLeft {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 9;
    margin-top: -32px;
}

.picSildeRight {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 9;
    margin-top: -32px;
}

.pics-infobot {
    width: 1200px;
    height: auto;
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    margin-top: 20px;
}

.pics-infobot p {
    line-height: 26px;
    color: #666;
}

.second-article {
    width: 100%;
    height: auto;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 20px;
    box-sizing: border-box;
}

.second-article h2 {
    font-size: 18px;
    line-height: 30px;
}

.second-article .secont-atit {
    position: relative;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #333333;
    padding-left: 10px;
    box-sizing: border-box;
    font-weight: bold;
    margin: 10px 0;
}

.second-article .secont-atit::before {
    position: absolute;
    left: 0;
    top: 2px;
    width: 3px;
    height: 20px;
    background: #ff8300;
    content: "";
}

.second-article table {
    width: 100%;
    line-height: 40px;
}

.second-article table.basic {
    background: #f7f7f7;
    border: 1px solid #ddd;
}

.second-article table.basic td {
    padding: 0 10px;
    box-sizing: border-box;
}

.second-article table td span {
    color: #2378a0;
}

.second-article table.basic td span.price {
    color: #ff0101;
}

.second-article p {
    line-height: 28px;
    margin-bottom: 10px;
}

.second-article img {
    display: block;
    margin: 10px auto;
    max-width: 698px;
}

.zx-fs {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 20px auto;
}

.zx-fs a {
    display: block;
    float: left;
    padding: 0 40px;
    height: 50px;
    line-height: 50px;
    border-radius: 10px;
    text-align: center;
    margin-right: 20px;
    font-size: 18px;
}

.zx-fs a.ly {
    background: #ff8300;
    color: #fff;
}

.zx-fs a.tel {
    background: #2378a0;
    color: #fff;
}


.second-article table.pjtable {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.second-article table.pjtable td {
    padding: 0 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.pj-protj {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.pj-protj ul li {
    width: 100%;
    height: 80px;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

.pj-protj ul li img {
    float: left;
    width: 120px;
    height: 80px;
    margin-right: 20px;
}

.pj-protj ul li p {
    float: left;
    width: 270px;
    height: 60px;
    margin-top: 10px;
    line-height: 30px;
    overflow: hidden;
}

.pj-protj ul li p:hover {
    color: #ff8300;
}

.rightslide {
    position: fixed;
    width: 80px;
    right: 10px;
    bottom: 50px;
    overflow: hidden;
    z-index: 2000;
}

.rightslide ul li {
    width: 80px;
    text-align: center;
    margin-top: 8px;
}

.rightslide ul li>a {
    display: inline-block;
    width: 80px;
    line-height: 36px;
    font-size: 14px;
    color: #808594;
    border-radius: 2px;
    background: #f7f7f7;
    text-decoration: none;
}

.rightslide ul li>a:hover {
    background: #ff8300;
    color: #fff;
}

.rightslide ul li.top {
    width: 80px;
    height: 64px;
    margin-top: 8px;
    border-radius: 2px;
    cursor: pointer;
    background: #f7f7f7;
    color: #808594;
}

.rightslide ul li.top span {
    display: inline-block;
    width: 24px;
    height: 22px;
    background: url('../images/sprite2x_0712.png') no-repeat center top;
    background-size: cover;
    margin-top: 10px;
}

.rightslide ul li.top p {
    margin-top: 5px;
    font-size: 12px;
}

.rightslide ul li.top:hover {
    background: #ff8300;
}

.rightslide ul li.top:hover p {
    color: #fff;
}

.rightslide ul li.top:hover span {

    background: url('../images/sprite2x_0712.png') no-repeat center bottom;
    background-size: cover;
}


.tel-cont {
    position: fixed;
    right: 90px;
    bottom: 122px;
    background: #333;
    color: #fff;
    width: 120px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    z-index: 2000;
    opacity: 0;
    visibility: hidden;
    transition: opacity .8s;
}

.tel-cont::after {
    content: '\20';
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -5px;
    width: 0;
    height: 0;
    overflow: hidden;
    border: 5px solid rgba(0, 0, 0, 0);
    border-left-color: #333;
}

.wx-cont {
    position: fixed;
    right: 90px;
    bottom: 166px;
    background: #333;
    color: #fff;
    width: 120px;
    height: 120px;
    z-index: 2000;
    opacity: 0;
    visibility: hidden;
    transition: opacity .8s;
}

.wx-cont img {
    width: 100px;
    height: 100px;
    margin: 10px auto;
}

.wx-cont::after {
    content: '\20';
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -5px;
    width: 0;
    height: 0;
    overflow: hidden;
    border: 5px solid rgba(0, 0, 0, 0);
    border-left-color: #333;
}



.enjoy-cont {
    position: fixed;
    right: 90px;
    bottom: 166px;
    background: #333;
    color: #fff;
    width: 150px;
    height: 36px;
    z-index: 2000;
    opacity: 0;
    visibility: hidden;
    transition: opacity .8s;
    padding-left: 10px;
}

.enjoy-cont::after {
    content: '\20';
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -5px;
    width: 0;
    height: 0;
    overflow: hidden;
    border: 5px solid rgba(0, 0, 0, 0);
    border-left-color: #333;
}

.enjoy-cont div {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    overflow: hidden;
    margin-top: 6px;
    box-sizing: border-box;
    cursor: pointer;
}

.enjoy-cont div img {
    width: 24px;
    height: 24px;
}

.enjoy-ewmf {
    position: fixed;
    width: 290px;
    height: auto;
    left: 50%;
    top: 50%;
    margin-left: -135px;
    margin-top: -60px;
    box-sizing: border-box;
    background: #fff;
    padding: 20px 10px;
    border: 1px solid #ddd;
    text-align: left;
    line-height: 20px;
    display: none;
}

.enjoy-ewmf img {
    width: 190px;
    height: 190px;
    margin: 10px auto;
}

.enjoy-ewmf p {
    font-size: 12px;
    color: #999;
}

.enjoy-ewmf p.close {
    font-size: 14px;
    color: #333;
}

.enjoy-ewmf p.close span {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
    height: 25px;
    background: #ff0101;
    background: url('../images/close.png') no-repeat center center;
    background-size: cover;
    cursor: pointer;
}


.about-left {
    float: left;
    width: 260px;
    height: auto;
    overflow: hidden;
}

.about-left ul li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #2378a0;
    background-color: #f7f7f7;
    margin-bottom: 10px;
    font-size: 16px;
    text-align: center;
}

.about-left ul li.on {
    background-color: #2378a0;
    color: #ffffff;
}

.about-left ul li.on a {
    color: #ffffff;
}

.about-left ul li a {
    display: block;
    color: #2378a0;
}

.about-left ul li a:hover {
    background-color: #2378a0;
    color: #ffffff;
}

.about-rihgt {
    float: right;
    width: 880px;
    border: 1px solid #eeeeee;
    padding: 20px;
    box-sizing: border-box;
}

.about-rihgt h2 {
    color: #333333;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dashed #e3e3e3;
}

.about-del {
    padding-top: 20px;
    line-height: 28px;
}

.about-del p {
    text-indent: 24px;
    margin-bottom: 10px;
}

.kc-join {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px dashed #e3e3e3;
    padding: 10px 0;
}

.kc-join .join-zw {
    font-weight: bold;
    color: #206f96;
    height: 40px;
    line-height: 40px;
}

.kc-join .join-zw span {
    color: #ff0101;
    display: inline-block;
    margin: 0 10px;
}

.kc-join .join-yq {
    line-height: 30px;
}

.kc-join .join-yq label {
    display: block;
    width: 80px;
    float: left;
    color: #2378a0;
    font-weight: bold;
}

.join-yq p {
    float: right;
    width: 750px;
}

.notes {
    line-height: 30px;
    color: #333333;
}

.notes p span {
    color: #ff0101;
    font-weight: bold;
}

.duibi-select p {
    line-height: 30px;
}

.relation {
    position: relative;
    width: 100%;
    height: 28px;
    line-height: 28px;
    font-size: 20px;
    color: #333333;
    padding-left: 10px;
    box-sizing: border-box;
    font-weight: bold;
}

.relation::before {
    position: absolute;
    left: 0;
    top: 2px;
    width: 3px;
    height: 24px;
    background: #2378a0;
    content: "";
}

.ad-190three {
    width: 100%;
    height: 80px;
    overflow: hidden;
}

.ad-190three .ad-cont {
    overflow: hidden;
    margin-right: -15px;
}

.ad-190three .ad-one {
    width: 290px;
    height: 80px;
    margin-right: 15px;
    float: left;
}

.timeline-wrap {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    padding-top: 20px;
    margin-bottom: 20px;
}

.ztc-list {
    float: left;
    width: 171.4px;
    position: relative;
    border-top: 1px solid #e3e3e3;
}

.ztc-list::before {
    content: '';
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -5px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    box-sizing: border-box;
    background-color: #ff8300;
}

.ztc-list:hover::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -8px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    box-sizing: border-box;
    background-color: #fff;
    border: 2px solid #ff8300;
}

.ztc-list a p {
    width: 130px;
    height: 42px;
    background: url('../images/ztc-bg.png') no-repeat center top;
    color: #ff8300;
    text-align: center;
    line-height: 55px;
    margin: 10px auto;
    padding: 0 5px;
    box-sizing: border-box;
    overflow: hidden;
}

.ztc-list a img {
    margin: 0 auto;
    width: 110px;
    height: 74px;
}

.ztc-list a:hover p {
    background: url('../images/ztc-bg-on.png') no-repeat center top;
    color: #fff;
    font-weight: bold;
}


.video-flash {
    width: 280px;
    height: 158px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 10px;
}

.out-img-v {
    position: relative;
    width: 280px;
    height: 158px;
    overflow: hidden;
}

.out-img-v .img {
    width: 50000px;
    position: absolute;
    left: 0;
    top: 0;
}

.out-img-v .img li {
    width: 280px;
    height: 158px;
    float: left;
    position: relative;
}

.out-img-v .img li img {
    width: 280px;
    height: 158px;
}

.out-img-v .img li p {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 30px;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    padding: 0 10px;
    box-sizing: border-box;
    line-height: 30px;
    font-size: 12px;
}

.out-img-v .num {
    width: 100%;
    position: absolute;
    text-align: right;
    left: 0;
    bottom: 5px;
    font-size: 0;
}

.out-img-v .num li {
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    border-radius: 50%;
    margin: 0 5px;
    display: inline-block;
    cursor: pointer;
}

.out-img-v .num li.on {
    background-color: #D50000;
}

.out-img-v .btn {
    position: absolute;
    width: 24px;
    height: 40px;
    top: 50%;
    margin-top: -25px;
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    display: none;
}

.out-img-v:hover .btn {
    display: block;
}

.out-img-v .btn-l {
    left: 0;
}

.out-img-v .btn-r {
    right: 0;
}

.out-img-v li {
    position: relative;
}

.out-img-v li span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 45px;
    height: 45px;
    margin-left: -22.5px;
    margin-top: -37.5px;
    background: url('../images/v-icon.png') no-repeat center center;
}

.a-links-brand {
    width: 100%;
    line-height: 36px;
    margin-bottom: 10px;
}

.a-links-brand a {
    color: #999;
    margin: 0 5px;
    display: inline-block;
}

.w740 {
    width: 740px;
    float: left;
}

.second-article img {
    width: 698px !important;
    height: auto !important;
}


.show-bigimg {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    overflow: hidden;
    display: none;
    z-index: 2002;
}

.show-bigimg img {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -266.5px;
    width: 800px;
    height: 533px;
}

.show-bigimg span {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    position: absolute;
    left: 50%;
    margin-left: 340px;
    top: 50%;
    margin-top: -250px;
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

.clear-dear {
    position: absolute;
    right: 0;
    top: 20px;
    padding: 0 10px;
    height: 30px;
    background: #ff8300;
    line-height: 30px;
}

.clear-dear a {
    display: block;
    color: #fff;
}

.tj-info {
    line-height: 26px;
}

.fx-big {
    margin-top: 10px;
}

.fx-big a {
    display: block;
    line-height: 30px;
}

.jxtd-box {
    height: auto;
    margin-bottom: 5px;
}

.fxxl-index ul li {
    height: 26px;
    line-height: 26px;
}

.pages_fk_index {
    width: 100% !important;
    padding: 0 !important;
    margin-top: 10px !important;
}

.pages_fk_index .buses-u-3-5 {
    width: 50%;
}

.pages_fk_index .buses-u-1-5 {
    width: 50%;
}

.pages_fk_index input {
    margin-top: 0 !important;
    margin-bottom: 5px !important;
}

.pages_fk_index select {
    margin-top: 0 !important;
    margin-bottom: 5px !important;
}

.pages_fk_index textarea {
    margin-top: 0 !important;
    margin-bottom: 5px !important;
}

.pages_fk_index .buses-form .buses-input-1 {
    height: 2.5rem;
    margin-top: 0;
}

.pages_fk_index .buses-form textarea.buses-input-1 {
    height: auto;
}

div#PCMSAD_13 {
    overflow: hidden;
    margin-right: -7px;
}

div#PCMSAD_13 li {
    width: 142px;
    height: auto;
    float: left;
    margin-right: 7px;
}

div#PCMSAD_13 li img {
    margin-top: 0;
}

.cell1 {
    word-break: break-all;
    padding: 0 10px;
}

.cell1 span {
    font-weight: bold;
}

.pickup-lists {
    margin-bottom: 15px;
}

.pickup-lists ul li p {
    height: auto;
}

/* 后加 */


.alert-cont {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2001;
    display: none;
}

.alert-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 358px;
    height: 650px;
    margin-top: -325px;
    margin-left: -179px;
}

.alert-top {
    position: relative;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    box-sizing: border-box;
    background: #169bd5;
    border-radius: 6px 6px 0 0;
    padding: 0 20px;
}

.alert-wrap>img {
    max-width: 100%;
    display: block;
    height: 600px;
    /* width: 300px; */
}

.close {
    position: absolute;
    right: -12px;
    top: -12px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.close img {
    width: 24px;
    height: 24px;
}

.onload {
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    padding-left: 16px;

}

.onload::after {
    font-family: "car";
    position: absolute;
    content: "\e61a";
    font-size: 14px;
    left: 0;
    color: rgba(255, 255, 255, 0.5);
}

.onload:hover {
    color: rgba(255, 255, 255, 1.0);
}

.onload:hover::after {
    color: rgba(255, 255, 255, 1);
}

#hb {
    float: right;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    position: relative;
    font-size: 14px;
    background: #1fb2e5;
    color: #fff;
    padding: 1px 9px;
    cursor: pointer;
}

#hb span {
    display: block;
    vertical-align: middle;
    color: #fff;
    margin-right: 0;
    float: left;
}

#hb i {
    float: left;
    font-size: 116%;
    margin-right: 4px;
    font-family: "car";
    display: block;
    vertical-align: middle;
}

#hb i::before {
    content: "\e62a";
}

/*后加样式*/

.dd-truckimg {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

.dd-truckimg ul {
    overflow: hidden;
    margin-right: -17.5px;
}

.dd-truckimg1 ul {
    overflow: hidden;
    margin-right: -10px;
}

.dd-truckimg ul li {
    float: left;
    width: 135px !important;
    height: 138px !important;
    overflow: hidden;
    margin-right: 17.5px;
}

.dd-truckimg1 ul li {
    margin-right: 10px;
}

.dd-truckimg ul li a {
    width: 135px;
    display: block;
    height: auto !important;
}

.dd-truckimg ul li img {
    width: 135px;
    height: 90px;
}

.dd-truckimg ul li a p {
    width: 135px;
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hd-big {
    overflow: hidden;
    margin: 10px 0 0 0;
}

.hd-big a img {
    width: 120px;
    height: 80px;
    float: left;
}

.hd-big a p {
    float: right;
    width: 150px;
    height: 60px;
    line-height: 20px;
    overflow: hidden;
    color: #555555;
}

.hd-big a:hover p {
    color: #ff8300;
}

.hd-big a>span {
    display: block;
    width: 150px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    color: #999999;
    float: right;
}

.hd-cont ul li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hd-cont ul li a:hover {
    color: #ff8300;
}

.hd-cont ul li a {
    float: left;
    width: 210px;
    height: 30px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hd-cont ul li span {
    float: right;
    width: 70px;
    height: 30px;
    overflow: hidden;
    text-align: right;
    color: #999999;
}



/*后加样式*/
.brand-right {
    width: 280px;
    float: right;
}

.brand_nav-xny {
    width: 280px;
    height: auto;
    border: 1px solid #e6e6e6;
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    box-sizing: border-box;
}

.brand_side {
    width: 50px;
    height: 278px;
    overflow-y: scroll;
    border-right: 1px solid #e6e6e6;
    position: absolute;
    left: 0;
    top: 0;
}

.brand_side ul {
    text-align: center;
}

.brand_side ul li {
    width: 24px;
    height: 24px;
    text-align: center;
    background: #eff2f5;
    margin-top: 5px;
    font: 12px/24px Arial;
    color: #44494d;
    margin: 5px auto 0 auto;
    cursor: pointer;
}


.brand_side ul li.active {
    background: #ff8300;
    color: #FFF;
}

.brand_side ul li:hover {
    background: #ff8300;
    color: #FFF;
}



.brand_col {
    width: 228px;
    float: right;
}

.brand_col .brand_list {
    width: 228px;
    height: 278px;
    margin: 0;
    display: block;
    overflow-y: scroll;
}

.brand_col .list_cont li {
    display: block;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    position: relative;
}

.brand_col .list_cont .name {
    font-size: 18px;
    height: 35px;
    background: #eff2f5;
    line-height: 35px;
    padding-left: 10px;
    color: #ff8300;
}

.brand_col .list_cont li a {
    display: block;
    color: #666666;
}

.brand_col .list_cont li a:hover {
    color: #ff8300;
}

.brand_col .list_cont li a span {
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
}


.tmenu-li160 {
    position: relative;
}

.tmenu-li160 span {
    display: block;
    position: absolute;
    width: 40px;
    height: 14px;
    right: -5px;
    top: -11px;
}

.video-read {
    position: relative;
    padding-left: 18px;
    color: #999 !important;
}

.video-read::after {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    background: url("https://www.chinatruck.org/statics/2019pc/images/video-read.png") no-repeat center center;
    background-size: contain;
    content: "";
    width: 14px;
    height: 14px;

}

.pic-read {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 5px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    line-height: 24px;
    font-size: 12px;
    border-bottom-left-radius: 3px;
}

.cx-read {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 5px;
    line-height: 24px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    border-bottom-right-radius: 3px;
    font-size: 12px;
}

.brand-read {
    float: left;
    color: #999;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    position: relative;
    font-weight: normal;
    padding-left: 28px;
    border-bottom: 3px solid #ddd;
    box-sizing: border-box;
}

.brand-read::after {
    position: absolute;
    content: "";
    left: 10px;
    top: 50%;
    width: 14px;
    height: 14px;
    margin-top: -6px;
    background: url("https://www.chinatruck.org/statics/2019pc/images/brand-read.png") no-repeat center center;
    background-size: contain;
}

.ad-exhibition>div {
    display: flex;
    justify-content: space-between;
}

.dc-hot {
    margin-right: 0;
    float: right;
}

.about-rihgt .pages_fkbd {
    border: 0 none;
    background: #ffffff;
}





.article-price {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    background: #efefef;
    box-sizing: border-box;
}

.article-price>a {
    display: block;
    width: 130px;
    height: 87px;
    flex: 0 0 auto;
    margin-right: 20px;
}

.article-price a img {
    width: 130px;
    height: 87px;
    display: block;
}

.item-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    flex: 1;
}

.name-area {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 1.6;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    margin-bottom: 5px;
}

.item-price {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 90px;
    height: 30px;
    border-radius: 3px;
    background: #ff8300;

}

.item-price a {
    display: block;
    text-align: center;
    color: #ffffff;
}

.item-nav {
    font-size: 14px;
    color: #2378a0;
}

.price-area {
    color: #666666;
}

.item-nav a {
    position: relative;
    color: #2378a0;
    padding-right: 4px;
}

.price-area i {
    color: #ff0000;
}

.con-vod {
    width: 700px;
    height: 394px;
}

/* 新能源品牌添加 */

.brandcx-top {
    box-sizing: border-box;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    line-height: 36px;
    font-size: 14px;
    padding-left: 30px;
}

.brandcx-top .brandcx-list {
    width: 100%;
    /* padding-left: 30px; */
    box-sizing: border-box;
    border-bottom: 1px solid #e3e3e3;
    display: flex;
}

.brandcx-top .brandcx-list span {
    width: 135px;
    color: #333;
    display: inline-block;
    margin-right: 10px;
    line-height: 36px;
    font-weight: bold;
    background: #eeeeee;
    padding: 0 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.brandcx-top .brandcx-list a {
    display: inline-block;
    margin-right: 15px;
}

.brandcx-top .brandcx-list a:hover {
    /* background: #ff8300; */
    color: #ff8300;
}

.brand-prolists {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.brand-prolists ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 25px;
}

.brand-prolists ul li {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.brand-prolists li img {
    width: 100%;
    height: auto;
    vertical-align: top;
    object-fit: cover;
}

.brand-prolists ul li p {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 16px;
}

.brand-prolists ul li p:hover {
    color: #ff8300;
}

.brand-prolists ul li span.price {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #ff0101;
    text-align: center;
}

.brand-prolists ul li span.total {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #999;
    text-align: center;
}