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

#main {
    background         : url(../icon/exhibitorDetail-bg.png);
    background-repeat  : no-repeat;
    background-size    : 1920px auto;
    background-position: center var(--nav-height);
}


#main>.content {
    min-height: 800px;
    width     : 1100px;
}

.company {
    padding : 0.5rem 0px;
    position: relative;
    color   : black;
}

.company .logo {
    width          : 1.6rem;
    height         : 1.6rem;
    justify-content: center;
    display        : flex;
    background     : #FFF;
    overflow       : hidden;
    position       : absolute;
    top            : 0.5rem;
}

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

.company .info {
    margin-left: 2rem;
    padding-top: 15px;
}

.company .name {
    font-size  : 0.22rem;
    font-weight: bold;
}

.company .visitor {
    padding: 0.25rem 0px;
}

.company .visitor b {
    font-size: 0.22rem;

}

.lt-info {
    float: left;
    width: 55%;
}

.rt-booth {
    float     : left;
    width     : 45%;
    text-align: right;
}

.details {
    margin-top: 0.6rem;
    background: #FFF;
    padding   : 0.5rem;
}

.exhibition-info {
    padding: 0px 10px;
}

.exhibition-info .title {
    font-size    : 0.18rem;
    font-weight  : bold;
    margin-bottom: 0.1rem;

}

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

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

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

.tab {

    background-position: 0px 38px;
    background-repeat  : no-repeat;
    padding-bottom     : 0.35rem;
    margin-bottom      : 0.35rem;
    border-bottom      : 1px solid #f7f7f7;
}

.tab .btn {
    display      : inline-block;
    padding      : 8px 25px 6px 25px;
    margin-right : 20px;
    border       : 1px solid #e7e7e7;
    font-size    : 16px;
    color        : #666;
    border-radius: 25px;
    cursor       : pointer;
}

.tab .btn.active,
.tab .btn:active {
    color           : #FFF;
    background-image: url(../icon/btn-bg.png);
    background-size : 100% 100%;
}

.introduce .item {
    padding  : 0.15rem 0px;
    font-size: 0.18rem;
}

.introduce .item b {
    font-size: 0.18rem;
    display  : inline-block;
    width    : 2rem;
}

.products .item,
.videos .item {
    width        : 2.3rem;
    float        : left;
    margin       : 10px;
    border       : 1px solid #f7f7f7;
    padding      : 5px;
    border-radius: 3px;
    cursor       : pointer;
}

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

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

.app_download_url {
    width           : 300px;
    height          : 350px;
    position        : fixed;
    top             : 0px;
    left            : 0px;
    bottom          : 0px;
    right           : 0px;
    margin          : auto;
    background-color: #FFF;
    text-align      : center;
}

.app_download_url img {
    width: 100%;
}



.list .desc {
    height  : 105px;
    overflow: hidden;
    color   : #666;
}

.item {
    margin-bottom: 20px;
    color        : #333;
}

.item .title {
    height            : 80px;
    font-family       : SourceHanSansCN-Bold, SourceHanSansCN;
    color             : #000;
    font-size         : 0.2rem;
    font-weight       : bold;
    overflow          : hidden;
    -webkit-line-clamp: 2;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom     : 10px;
    padding-top       : 20px;
    transition        : all 0.3s;
}

.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.5rem);
    height       : 260px;
    border-bottom: 1px solid #F7F7F7;
    position     : relative;
    color        : #666;
}

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

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

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

.news .item .time {
    margin-bottom: 10px;
    position     : absolute;
    bottom       : 0px;
}

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

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

.mask {
    display: none;
}