body,
html {
    /* background: var(--bg); */
}

#main {}

.content {
    background: #FFF;
    position  : relative;
    text-align: left;
}

.company-bg {
    background         : url(../icon/exhibitorDetail-bg.png);
    background-repeat  : no-repeat;
    background-size    : cover;
    background-position: left bottom;
    height             : 28vw;
    position           : absolute;
    top                : 0px;
    left               : 0px;
    width              : 100%;
    z-index            : 1;
}

.company {
    position: relative;
    z-index : 2;
}

.company-logo {
    width        : 2rem;
    height       : 2rem;
    border-radius: 100%;
    background   : #FFF;
    position     : absolute;
    left         : 0.5rem;
    top          : 1rem;
    border       : 1px solid var(--bg);
    overflow     : hidden;
}

.company-logo img {
    object-fit: cover;
}

.company-info {
    padding  : 1.3rem 0.2rem 0.5rem 3rem;
    font-size: 0.32rem;
}

.company-name {
    font-size  : 0.30rem;
    font-weight: 500;
    color      : #000;
}

.company-view {
    border       : 1px solid var(--bg);
    display      : inline-block;
    border-radius: 0.5rem;
    background   : #FFF;
    font-size    : 0.20rem;
    padding      : 0 0.1rem;
    color        : #666;
}

.company-view b {
    font-size  : 0.30rem;
    font-weight: 500;
    color      : #000;
}


.booth {
    padding: 0.5rem 0.6rem;
}

.exhibition-info {
    color: #000;
}

.exhibition-info .title {
    font-size    : 0.3rem;
    font-weight  : 500;
    margin-bottom: 0.1rem;
}

.exhibition-info .time {
    font-size: 0.28rem;
    color    : #666;
}

.exhibition-info .position {
    margin-top : 20px;
    background : #FFEEEEFF;
    padding    : 5px 40px;
    text-align : center;
    font-size  : 0.26rem;
    font-weight: bold;
    color      : var(--theme);
    display    : inline-block;
}

.exhibition-info .position img {
    width         : 14px;
    vertical-align: middle;
}

.booth .swiper-pagination-clickable {
    bottom: -10px !important;
}

.tab {
    background: var(--bg);
    text-align: center;
    padding   : 0 0.6rem;
}

.tab-name {
    padding      : 0.2rem 0;
    font-size    : 0.27rem;
    margin       : 0 0.2rem;
    border-bottom: 2px solid var(--bg);
    color        : #000;
    white-space: nowrap;
}

.tab-name.active {
    border-bottom: 2px solid var(--theme);
    font-weight  : bold;
    color        : var(--theme);
}

.en .tab-name {
    font-size: 0.22rem;
}

.details .info {
    padding      : 0.2rem 0.6rem;
    border-bottom: 0.3rem solid var(--bg);
}

.info-name {
    width      : 2rem;
    display    : inline-block;
    line-height: 0.8rem;
    color      : #000;
}

.details .desc {
    font-size  : 0.26rem;
    color      : #666;
    line-height: 0.8rem;
}

.videos,
.products {}

.products .item,
.videos .item {
    width        : calc(50% - 0.15rem);
    float        : left;
    margin-left  : 0.1rem;
    margin-top   : 0.1rem;
    border       : 1px solid #f7f7f7;
    padding      : 5px;
    border-radius: 3px;
    cursor       : pointer;
}

.details .videos .item img,
.details .products .item img {
    width     : 100%;
    height    : 2.5rem;
    object-fit: cover;
}

.details .videos .item p,
.details .products .item p {
    display           : table-cell;
    vertical-align    : middle;
    height            : 50px;
    overflow          : hidden;
    -webkit-line-clamp: 2;
    text-overflow     : ellipsis;
    -webkit-box-orient: vertical;
    color             : #000;
}

.news .item {
    display : block;
    position: relative;
    color   : #666;
    padding : 0.1rem 0.2rem;
}

.news .cover {
    width      : 42%;
    float      : left;
    /* height  : 260px; */
    position   : relative;
    overflow   : hidden;
    cursor     : pointer;
    display    : block;
}

.news .cover img {
    width  : 100%;
    display: block;
    margin : auto;
}

.cover img {
    width     : 100%;
    height    : 100%;
    display   : block;
    object-fit: cover;
}

.news .info {
    margin-left  : calc(42% + 0.1rem);
    border-bottom: none;
    color        : #666;
    padding      : 0rem 0.1rem 0.3rem;

}

.news a:hover {
    color: #666;
}

.news .item .title span {
    color    : #000;
    font-size: 0.28rem;
}

.news .item:hover .title span {
    color: var(--theme);
}

.news .desc {
    margin-top           : 0.1rem;
    /* height            : 1.3rem; */
    line-height          : 0.4rem;
    overflow             : hidden;
    -webkit-line-clamp   : 2;
    text-overflow        : ellipsis;
    display              : -webkit-box;
    -webkit-box-orient   : vertical;
    font-size            : 0.24rem;
}

.news .item .time {
    position : absolute;
    bottom   : 0px;
    left     : calc(42% + 0.25rem);
    font-size: 0.24rem;
}

.news .item .time img {
    vertical-align: text-top;
    margin-right  : 10px;
}

.news .item .position {
    margin-bottom: 30px;
}