/**
 * admin:Fierce Rabbit-666
 * Computational formulas[rem]：10px / 100= 0.1rem (750宽设计稿为基准)
 */
body {
    background-color: #222;
}

    body.s1 {
        background-color: #f8f8f8;
    }

/*【模块】启动窗口【start】*/
.pub-start-page {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
    background-color: #333;
}

.pub-start-page-cot,
.pub-start-page-direct,
.pub-start-page-time {
    position: absolute;
}

.pub-start-page-cot {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.pub-start-page-cot-item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.pub-start-page-time {
    right: 20px;
    top: 20px;
    z-index: 12;
}

    .pub-start-page-time span {
        display: inline-block;
        background-color: rgba(0,0,0,0.5);
        font-size: 20px;
        color: white;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        border-radius: 50%;
    }

.pub-start-page-direct {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    text-align: center;
    z-index: 2;
}

    .pub-start-page-direct a {
        display: inline-block;
        line-height: 45px;
        padding: 0 30px;
        border-radius: 50px;
        background-color: rgba(255,255,255,0.8);
        font-size: 16px;
        color: #333;
        box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
    }

.pub-start-page-company {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    padding: 0.2rem;
    background-color: rgba(255,255,255,0.8);
    z-index: 10;
    padding-right: 60px;
}

.pub-start-page-company-img {
    width: 1rem;
    border-radius: 50%;
    background-color: white;
    margin-right: 0.1rem;
}

    .pub-start-page-company-img:after {
        margin-top: 100%;
    }

.pub-start-page-company-cot h2 {
    font-size: 0.32rem;
    color: #333;
    font-weight: bold;
}

.pub-start-page-company-cot p {
    font-size: 0.24rem;
    color: #666;
    margin-top: 0.05rem;
}
/*【模块】启动窗口【end】*/

/*【模块】启动加载【start】*/
.pub-start-loading {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    background-color: #333;
    padding-top: 200px;
}
/*【模块】启动加载【end】*/

/*【模块】注册弹窗【start】*/
.web-live-register-wai {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 9;
}

    .web-live-register-wai .web-live-register {
        position: absolute;
        left: 0.3rem;
        right: 0.3rem;
        background-color: rgba(255,255,255,0.8);
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        padding: 0.8rem 0.6rem;
        border-radius: 0.1rem;
    }

.web-live-register-tit h4 {
    font-size: 0.36rem;
    color: #FC3B12;
}

.web-live-register-tit p {
    font-size: 0.28rem;
    color: #FC3B12;
}

.web-live-register .web-live-register-input {
    margin: 0.3rem 0;
}

    .web-live-register .web-live-register-input label {
        position: relative;
        font-size: 0.3rem;
        color: #000;
        width: 1.5rem;
    }

        .web-live-register .web-live-register-input label span {
            font-size: 0.2rem;
        }

    .web-live-register .web-live-register-input i {
        font-size: 0.24rem;
        color: #FC3B12;
        position: absolute;
        left: -0.2rem;
        top: 0.1rem;
    }

    .web-live-register .web-live-register-input input {
        height: 0.8rem;
        line-height: 0.8rem;
        padding: 0 0.2rem;
        margin-left: 0.05rem;
        font-size: 0.3rem;
    }

        .web-live-register .web-live-register-input input:focus {
            background-color: #eee;
        }

.js-register-submit {
    line-height: 0.7rem;
    padding: 0 0.3rem;
    background-color: #FC3B12;
    color: white;
    font-size: 0.3rem;
    border-radius: 0.05rem;
}

    .js-register-submit a {
        color: white;
    }

.web-live-register-btn input {
    line-height: 0.7rem;
    padding: 0 0.3rem;
    background-color: #FC3B12;
    color: white;
    font-size: 0.3rem;
    border-radius: 0.05rem;
}

.web-live-register-tips {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.2rem;
    text-align: center;
}

    .web-live-register-tips p {
        font-size: 0.3rem;
        color: #f1f1f1
    }

        .web-live-register-tips p i {
            display: inline-block;
            margin-right: 5px;
        }

        .web-live-register-tips p.no {
            color: #FC3B12;
        }

        .web-live-register-tips p.yes {
            color: #19d106;
        }

    .web-live-register-tips p {
        animation-name: verifi;
        -webkit-animation-name: verifi;
        -moz-animation-name: verifi;
        -ms-animation-name: verifi;
        -o-animation-name: verifi;
        animation-duration: .3s;
        -webkit-animation-duration: .3s;
        -moz-animation-duration: .3s;
        -ms-animation-duration: .3s;
        -o-animation-duration: .3s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        margin-left: 0;
        margin-top: 10px;
    }

@keyframes verifi {
    0% {
        margin-left: 0;
    }

    30% {
        margin-left: 30px;
    }

    100% {
        margin-left: 0;
    }
}

@-webkit-keyframes verifi {
    0% {
        margin-left: 0;
    }

    30% {
        margin-left: 30px;
    }

    100% {
        margin-left: 0;
    }
}

@-moz-keyframes verifi {
    0% {
        margin-left: 0;
    }

    30% {
        margin-left: 30px;
    }

    100% {
        margin-left: 0;
    }
}

@-ms-keyframes verifi {
    0% {
        margin-left: 0;
    }

    30% {
        margin-left: 30px;
    }

    100% {
        margin-left: 0;
    }
}

@-o-keyframes verifi {
    0% {
        margin-left: 0;
    }

    30% {
        margin-left: 30px;
    }

    100% {
        margin-left: 0;
    }
}
/*【模块】注册弹窗【end】*/

/*【页面】头部banner【start】*/
.web-live-banner {
    position: relative;
}

.banner-slide-back img {
    max-width: 100%;
}

.swiper-live-banner {
    min-height: 3rem;
}

    .swiper-live-banner .banner-slide-back,
    .swiper-live-banner .banner-slide {
        width: 100%;
        height: 100%;
    }

    .swiper-live-banner .banner-slide-back {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        overflow: hidden;
        display: block;
    }

    .swiper-live-banner .banner-slide {
        position: relative;
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        flex-shrink: 0;
    }

.web-live-banner-more {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    line-height: 0.8rem;
    padding-right: 0.2rem;
    background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    -webkit-background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    -moz-background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    -ms-background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    -o-background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
}

    .web-live-banner-more a {
        font-size: 14px;
        color: white;
    }
/*【页面】头部banner【end】*/

/*【页面】信息栏【start】*/
.web-live-inform {
    padding: 0.3rem;
}

    .web-live-inform .web-live-inform-tit h1 {
        font-size: 0.4rem;
        color: white;
        font-weight: bold;
    }

        .web-live-inform .web-live-inform-tit h1 + p {
            margin-top: 5px;
        }

    .web-live-inform .web-live-inform-tit p {
        font-size: 0.24rem;
    }

        .web-live-inform .web-live-inform-tit p b {
            color: #FC3B12;
        }

        .web-live-inform .web-live-inform-tit p span {
            color: white;
        }
/*【页面】信息栏【end】*/

/*【页面】展示区【start】*/
.web-content {
    cursor: pointer;
}

.web-live-cot {
    padding: 0 0 0.2rem;
}

.web-live-cot-user-inform {
    margin: 0.4rem 0.1rem 0.2rem;
}

.web-live-cot-user-inform-nei {
    padding-bottom: 0.1rem;
    border-bottom: 1px solid #444;
}

.web-live-cot-user-txt {
    margin-right: 0.2rem;
}

    .web-live-cot-user-txt h4 a {
        font-size: 0.28rem;
        color: #ccc;
        line-height: 0.34rem;
    }

    .web-live-cot-user-txt p {
        margin-top: 0.05rem;
    }

        .web-live-cot-user-txt p i,
        .web-live-cot-user-txt p span {
            display: inline-block;
            vertical-align: middle;
        }

        .web-live-cot-user-txt p span {
            width: 0.2rem;
            height: 0.2rem;
            background-color: rgba(252,59,18,.5);
            text-align: center;
            margin-right: 0.1rem;
        }

        .web-live-cot-user-txt p a {
            margin-left: 0.1rem;
            color: #bbb;
            font-size: 0.24rem;
        }

        .web-live-cot-user-txt p span,
        .web-live-cot-user-txt p span em {
            border-radius: 50%;
        }

            .web-live-cot-user-txt p span em {
                width: 0.1rem;
                height: 0.1rem;
                background-color: #FC3B12;
                display: inline-block;
                vertical-align: top;
                margin-top: 0.05rem;
            }

        .web-live-cot-user-txt p i {
            font-size: 0.24rem;
            color: #FC3B12;
        }

.web-live-cot-user-more a {
    font-size: 0.24rem;
    color: #999;
    line-height: 0.34rem;
}

.web-live-cot-img-list-item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #666;
    position: relative;
}

    .web-live-cot-img-list-item.item-1 {
        width: 100%;
        height: 4rem;
    }

        .web-live-cot-img-list-item.item-1 + .web-live-cot-img-list-item.item-1 {
            margin-top: 0.1rem;
        }

    .web-live-cot-img-list-item.item-2 {
        width: 3.72rem;
        height: 2.45rem;
        margin-top: 0.06rem;
    }

        .web-live-cot-img-list-item.item-2:nth-child(2n) {
            margin-left: 0.06rem;
        }

    .web-live-cot-img-list-item .web-gen-loading-wai {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        margin: 0;
        margin-top: -0.3rem;
    }
/*【页面】展示区【end】*/

/*【页面】轮播相册【start】*/
.web-live-album {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    z-index: 98;
}

.web-live-album-swiper {
    width: 100%;
    height: 100%;
}

    .web-live-album-swiper .swiper-container,
    .web-live-album-swiper .swiper-slide {
        position: relative;
        height: 100%;
        overflow: hidden;
    }

.web-live-album-swiper-cot {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

    .web-live-album-swiper-cot:after {
        margin-top: 100%;
    }

.web-live-album-close {
    position: fixed;
    font-size: 0.6rem;
    color: #999;
    z-index: 10000;
    right: 0.2rem;
    top: 0.2rem;
    padding: 0.2rem;
    cursor: pointer;
}

.web-live-album-oper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,1));
    background: -webkit-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,1));
}

.web-live-album-oper-list {
    padding: 0.2rem 0;
    border-top: 1px solid #333;
}

.web-live-album-oper-item {
    color: #ccc;
    text-align: center;
}

    .web-live-album-oper-item span {
        font-size: 0.34rem;
    }

    .web-live-album-oper-item p {
        font-size: 0.24rem;
        margin-top: 0.05rem;
    }

.web-live-album-ori-tips {
    position: absolute;
    left: 50%;
    z-index: 10;
    padding: 0.15rem 0.4rem;
    display: none;
    bottom: 1.8rem;
    background-color: #333;
    border-radius: 0.1rem;
    font-size: 0.28rem;
    color: white;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

    .web-live-album-ori-tips .web-gen-loading-wai {
        margin: 0;
    }
/*【页面】轮播相册【end】*/

/*【页面】海报生成窗口【start】*/
.web-live-gener-close {
    position: fixed;
    font-size: 0.6rem;
    color: #999;
    z-index: 100000;
    right: 0.4rem;
    top: 0.4rem;
}

.web-live-gener {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    z-index: 100;
    background-color: #111;
    display: none;
}

.web-live-gener-tips {
    line-height: 0.8rem;
    font-size: 0.32rem;
    color: white;
}

#canvas {
    position: absolute;
    width: 750px;
    z-index: 10000;
    left: 0;
    top: 0;
}
/*【页面】海报生成窗口【end】*/

/*【页面】导航栏【start】*/
.web-live-nav-div {
    height: 0.8rem;
}

.web-live-nav {
    background-color: #222;
    border-bottom: 1px solid #444
}

    .web-live-nav.active {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 10;
    }

    .web-live-nav ul li a {
        font-size: 0.28rem;
        color: #b0b0bf;
        display: block;
        height: 0.8rem;
        line-height: 0.8rem;
        border-bottom: 2px solid transparent;
        margin-bottom: -1px;
    }

    .web-live-nav ul li.active a {
        border-bottom: 2px solid #FC3B12;
        color: white;
    }
/*【页面】导航栏【end】*/

/*【页面】-分类导航【start】*/
.web-live-class-nav-list {
    overflow-x: auto;
}

    .web-live-class-nav-list ul li {
        display: inline-block;
        vertical-align: middle;
    }

        .web-live-class-nav-list ul li a {
            font-size: 0.24rem;
            color: white;
            line-height: 0.8rem;
            display: inline-block;
            padding: 0 0.1rem;
        }

        .web-live-class-nav-list ul li.active a {
            color: #FC3B12;
        }
/*【页面】-分类导航【end】*/

/*【页面】列搜索框【start】*/
.web-live-list-search {
    position: relative;
}

    .web-live-list-search input {
        height: 0.5rem;
        border: 1px solid #ccc;
        padding: 0 1.3rem 0 0.2rem;
        border-radius: 2rem;
        margin: 0 0.4rem;
    }

    .web-live-list-search a {
        position: absolute;
        right: 0.4rem;
        top: 0;
        width: 1.2rem;
        line-height: 0.5rem;
        background-color: #FC3B12;
        color: white;
        font-size: 0.26rem;
        text-align: center;
        border-top-right-radius: 2rem;
        border-bottom-right-radius: 2rem;
        border: 1px solid #FC3B12;
    }
/*【页面】列搜索框【end】*/

/*【网上展厅页面】-展示列表【start】*/
.web-live-exhibi {
    margin-top: 0.2rem;
}

    .web-live-exhibi ul li {
        width: 50%;
    }

        .web-live-exhibi ul li a {
            margin: 0.1rem;
            display: block;
        }

.web-live-exhibi-list-img {
    background-color: #666;
}

    .web-live-exhibi-list-img:after {
        margin-top: 100%;
    }

    .web-live-exhibi-list-img .web-gen-loading-wai {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        margin: 0;
        margin-top: -0.3rem;
    }

.web-live-exhibi ul li a p {
    font-size: 0.28rem;
    color: white;
    margin-top: 0.1rem;
    height: 0.35rem;
}
/*【网上展厅页面】-展示列表【end】*/

/*【展商直播页面】-展示列表【start】*/
.web-live-exhibitor ul li {
    position: relative;
}

    .web-live-exhibitor ul li a {
        padding: 0.2rem;
    }

.web-live-exhibitor {
    margin-top: 0.2rem;
}

.web-live-exhibitor-logo {
    width: 1.5rem;
    background-color: #ffffff;
}

    .web-live-exhibitor-logo:after {
        margin-top: 100%;
    }

.web-live-exhibitor-cot {
    margin-left: 0.2rem;
}

    .web-live-exhibitor-cot h4 {
        color: white;
        font-size: 0.28rem;
    }

    .web-live-exhibitor-cot p {
        color: #b0b0bf;
        font-size: 0.24rem;
        margin-top: 0.05rem;
    }

.web-live-exhibitor-oper {
}

.web-live-exhibitor-oper-data span,
.web-live-exhibitor-oper-data span i,
.web-live-exhibitor-oper-data span em {
    vertical-align: middle;
    display: inline-block;
}

    .web-live-exhibitor-oper-data span + span {
        margin-left: 0.2rem;
    }

    .web-live-exhibitor-oper-data span i {
        font-size: 0.28rem;
        color: white;
    }

    .web-live-exhibitor-oper-data span em {
        font-size: 0.24rem;
        color: #FC3B12;
        margin-left: 0.05rem;
    }

.web-live-exhibitor-oper-see span {
    display: inline-block;
    font-size: 0.24rem;
    color: white;
    background-color: #FC3B12;
    padding: 0 0.2rem;
    line-height: 0.45rem;
    border-radius: 0.05rem;
}

.web-live-exhibitor-logo .web-gen-loading-wai {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
/*【展商直播页面】-展示列表【end】*/

/*【展商公司介绍页面】-公司介绍【start】*/
.web-live-abt .web-live-abt-item {
    padding: 0.2rem;
    margin: 0.2rem 0.2rem 0;
    background-color: #444;
}

.web-live-abt-item .web-live-abt-tit {
    font-size: 0.3rem;
    color: #FC3B12;
}

.web-live-abt-item .web-live-abt-cot {
    margin-top: 0.1rem;
    color: white;
}

.web-live-abt-introduce {
    line-height: 0.4rem;
    font-size: 0.26rem;
}

.web-live-abt-coct ul li {
    width: 20%;
    margin: 0.1rem 0;
}

    .web-live-abt-coct ul li a {
        display: block;
        margin: 0 0.1rem;
    }

.web-live-abt-coct-tx {
    border-radius: 50%;
    background-color: #666;
    overflow: hidden;
    width: 50%;
}

    .web-live-abt-coct-tx:after {
        margin-top: 100%;
        ;
    }

.web-live-abt-coct ul li p {
    font-size: 0.24rem;
    color: white;
    margin-top: 0.1rem;
    height: 0.4rem;
    line-height: 0.4rem;
}

.web-live-abt-ewm .web-live-abt-ewm-nei {
    width: 60%;
    background-color: white;
    padding: 0.1rem;
}

    .web-live-abt-ewm .web-live-abt-ewm-nei:after {
        margin-top: 100%;
    }

.web-live-abt-ewm {
    margin: 0.2rem;
}

.web-live-abt-ewm-nei .web-gen-loading-wai {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: 0;
    margin-top: -0.3rem;
}

.web-live-abt-ewm-nei .web-reload-img {
    color: #333;
}
/*【展商公司介绍页面】-公司介绍【end】*/

/*【展商直播页面】-直播主页【start】*/
.web-live-company-inform-img {
    width: 1.5rem;
    background-color: #ffffff;
    margin-right: 0.2rem;
}

    .web-live-company-inform-img:after {
        margin-top: 100%;
    }

.web-live-company-inform {
    margin-top: 0.2rem;
}

.web-live-company-inform-cot {
    margin-left: 0;
}

    .web-live-company-inform-cot p {
        margin-top: 0;
        margin-bottom: 0.05rem;
    }

.web-live-company-inform-img .web-gen-loading-wai {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: 0;
    margin-top: -0.3rem;
}
/*【展商直播页面】-直播主页【end】*/

/*【直播管理提示条】-展商直播主页【start】*/
.attention-mask {
    height: 0.8rem;
    width: 100%;
    background-color: rgba(61,61,61,0.9);
    position: fixed;
    bottom: 0;
    display: -webkit-box;
    z-index: 10;
}

.aima-attention-mask a {
    background: #F56908;
    margin: 0.15rem auto;
    display: block;
    width: 2.0rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    color: white;
    border-radius: 3px;
}
/*【直播管理提示条】-展商直播主页【end】*/


/*-------------------------展会大厅首页【s】-------------------------------*/
/*banner【s】*/
.hom-banner .banner-cot {
    background-color: #eee;
    overflow: hidden;
}

    .hom-banner .banner-cot .banner-slide-back {
        display: block;
        padding-top: 40%;
    }

        .hom-banner .banner-cot .banner-slide-back p {
            position: absolute;
            right: 0;
            left: 0;
            bottom: 0;
            height: 0.7rem;
            line-height: 0.7rem;
            font-size: 0.28rem;
            color: white;
            padding: 0 1.8rem 0 0.2rem;
            z-index: 2;
            background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.6));
            background-image: -webkit-linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.6));
            background-image: -moz-linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.6));
        }

    .hom-banner .banner-cot .swiper-pagination-bullet {
        border: 1px solid white;
        background-color: white;
        opacity: 1;
        width: 5px;
        height: 5px;
        margin: 0 2px;
    }

    .hom-banner .banner-cot .swiper-pagination-bullet-active {
        background-color: #e60012;
        width: 15px;
        border-radius: 20px;
    }

    .hom-banner .banner-cot .swiper-pagination {
        bottom: 0.1rem;
        text-align: left;
        left: 0;
        right: 0;
        width: auto;
        text-align: center;
    }
/*banner【e】*/

/*inform【s】*/
.hom-inform {
    padding: 0.2rem;
}

    .hom-inform .cot h2 {
        font-size: 0.3rem;
        color: #333;
        font-weight: bold;
    }

        .hom-inform .cot h2 + p {
            margin-top: 0.1rem;
        }

    .hom-inform .cot p {
        font-size: 0.28rem;
        color: #666;
    }

    .hom-inform .oper {
        margin-top: 0.2rem;
    }

        .hom-inform .oper .oper-browse {
            font-size: 0.26rem;
        }

            .hom-inform .oper .oper-browse i {
                color: #666;
                margin-right: 0.05rem;
            }

            .hom-inform .oper .oper-browse b {
                color: red;
            }

            .hom-inform .oper .oper-browse span {
                color: #666;
            }

        .hom-inform .oper .oper-share a {
            display: block;
            padding: 0.05rem 0.2rem;
            border-radius: 0.05rem;
            border: 1px solid #ddd;
            font-size: 0.26rem;
            color: #666;
        }

            .hom-inform .oper .oper-share a:active {
                background-color: #eee;
            }
/*inform【e】*/

/*nav【s】*/
.hom-nav {
    padding: 0.2rem 0.1rem;
}

    .hom-nav ul li {
        width: 25%;
        margin: 0.2rem 0;
    }

        .hom-nav ul li a span {
            width: 0.8rem;
            height: 0.8rem;
            display: inline-block;
            border-radius: 50%;
        }

            .hom-nav ul li a span.ico1 {
                background-color: #2bc0fe;
            }

            .hom-nav ul li a span.ico2 {
                background-color: #8bd712;
            }

            .hom-nav ul li a span.ico3 {
                background-color: #f72e77;
            }

            .hom-nav ul li a span.ico4 {
                background-color: #f7ae2e;
            }

            .hom-nav ul li a span.ico5 {
                background-color: #0dd3c7;
            }

            .hom-nav ul li a span i {
                font-size: 0.45rem;
                color: white;
                line-height: 0.8rem;
            }

        .hom-nav ul li a p {
            font-size: 0.28rem;
            color: #666;
            margin-top: 0.1rem;
        }
/*nav【e】*/

/*hom-pub-tit【s】*/
.hom-pub-tit {
    line-height: 0.8rem;
    padding: 0 0.3rem;
    border-bottom: 1px solid #f2f2f2;
}

    .hom-pub-tit h2 {
        font-size: 0.3rem;
        color: #333;
        font-weight: bold;
    }

    .hom-pub-tit i {
        width: 1.5rem;
        height: 1px;
        background-color: #eee;
        vertical-align: middle;
        margin: 0 0.2rem;
    }

    .hom-pub-tit a {
        font-size: 0.26rem;
        color: #666;
    }
/*hom-pub-tit【e】*/

/*news【s】*/
.hom-news-cot {
    padding: 0.2rem 0.3rem 0.3rem;
}

    .hom-news-cot ul li a {
        line-height: 0.7rem;
        height: 0.7rem;
    }

        .hom-news-cot ul li a p {
            font-size: 0.28rem;
            color: #333;
            padding-right: 0.3rem;
        }

        .hom-news-cot ul li a span {
            font-size: 0.26rem;
            color: #666;
        }
/*news【e】*/

/*products【s】*/
.hom-pro-cot {
    padding: 0.2rem;
}

    .hom-pro-cot ul li {
        width: 50%;
    }

        .hom-pro-cot ul li a {
            margin: 0.1rem;
        }

        .hom-pro-cot ul li .hom-pro-img {
            padding-top: 100%;
            border: 1px solid #eee;
            border-radius: 0.1rem;
            background-color: #eee;
        }

        .hom-pro-cot ul li h4 {
            font-size: 0.28rem;
            line-height: 0.6rem;
            height: 0.6rem;
            color: #333;
        }
/*products【e】*/
/*-------------------------展会大厅首页【e】-------------------------------*/


/*-------------------------public【s】-------------------------------*/
.pub-flex-temp1 {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    border-radius: 0.1rem;
    background-color: white;
}

.mar-T-20 {
    margin-top: 0.2rem;
}

.pad-B-20 {
    padding-bottom: 0.2rem;
}
/*-------------------------public【e】-------------------------------*/


/*【页面】分享【start】*/
.list-1 .item {
    width: 100%;
}

.list-2 .item {
    width: 50%;
}

.list-3 .item {
    width: 33.3333%;
}

.list-4 .item {
    width: 25%;
}

.list-5 .item {
    width: 20%;
}

.web-share-oper .oper-back,
.web-share-oper .oper-cot {
    position: fixed;
    left: 0;
    right: 0;
}

.web-share-oper .oper-back {
    top: 0;
    z-index: 50;
    background-color: rgba(0,0,0,0.4);
    bottom: 0;
    display: none;
}

.web-share-oper .oper-cot {
    z-index: 51;
    background-color: white;
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
    bottom: -100%;
}

.web-share-oper.open .oper-cot {
    opacity: 1;
    bottom: 0;
}

.web-share-oper .oper-cot .hed-tit h4 {
    font-size: 0.32rem;
    color: #000;
    line-height: 0.8rem;
}

.web-share-oper .oper-cot .hed-tit {
    border-bottom: 1px solid #eee;
}

.web-share-oper .oper-cot .oper-cancel a {
    font-size: 0.32rem;
    color: #333;
    line-height: 0.8rem;
    background-color: #f8f8f8;
}

    .web-share-oper .oper-cot .oper-cancel a:active {
        background-color: #eee;
    }

.web-share-oper .oper-cot .cot-list {
    padding: 0.2rem 0.1rem;
}

    .web-share-oper .oper-cot .cot-list .item {
        margin: 0.1rem 0;
    }

        .web-share-oper .oper-cot .cot-list .item span {
            display: inline-block;
            width: 0.6rem;
            height: 0.6rem;
            border-radius: 50%;
        }

            .web-share-oper .oper-cot .cot-list .item span.s1 {
                background-color: #60c522;
            }

            .web-share-oper .oper-cot .cot-list .item span.s2 {
                background-color: #ee9627;
            }

        .web-share-oper .oper-cot .cot-list .item i {
            font-size: 0.32rem;
            color: white;
            line-height: 0.6rem;
        }

        .web-share-oper .oper-cot .cot-list .item p {
            font-size: 0.24rem;
            color: #333;
            margin-top: 0.1rem;
        }

/*share_s1*/
.web-live-share {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #111;
    z-index: 100;
    display: none;
}

    .web-live-share .web-live-share-tips {
        font-size: 0.32rem;
        color: white;
        margin-top: 0.8rem;
    }

        .web-live-share .web-live-share-tips p {
            line-height: 0.8rem;
        }

/*share_s2*/
.web-share-gen .gen-back,
.web-share-gen .gen-cot {
    position: fixed;
}

.web-share-gen .gen-back {
    background-color: rgba(0,0,0,0.4);
    z-index: 60;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
}

.web-share-gen .gen-cot,
.web-share-gen .gen-custom-cot {
    background-color: white;
    z-index: 61;
    width: 6.4rem;
    left: 50%;
    margin-left: -3.2rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    box-shadow: 2px 2px 15px rgba(0,0,0,0.5);
    -webkit-box-shadow: 2px 2px 15px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 15px rgba(0,0,0,0.5);
    -ms-box-shadow: 2px 2px 15px rgba(0,0,0,0.5);
    -o-box-shadow: 2px 2px 15px rgba(0,0,0,0.5);
}

.js-gen-temp-cot {
    opacity: 0;
    display: none;
}

    .js-gen-temp-cot.in {
        opacity: 1;
    }

.web-share-gen-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    display: none;
    z-index: 62;
    font-size: 0.3rem;
    color: white;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}

.web-share-gen .gen-cot .gen-inform,
.web-share-gen .gen-cot .gen-inform-wai {
    position: relative;
}

.web-share-gen .gen-cot .gen-inform {
    padding: 0.4rem 0.2rem;
    background-color: #fff9f3;
}

.web-share-gen .gen-cot .gen-inform-wai .gen-img {
    display: none;
}

.web-share-gen .gen-cot .gen-inform .company {
    margin-bottom: 0.2rem;
}

    .web-share-gen .gen-cot .gen-inform .company h2 {
        font-size: 0.32rem;
        color: #e47b00;
        font-weight: bold;
    }

    .web-share-gen .gen-cot .gen-inform .company p {
        font-size: 0.26rem;
        color: #999;
        margin-top: 0.1rem;
    }

.web-share-gen .gen-cot .gen-inform .banner + .inform {
    margin-top: 0.3rem;
    position: relative;
}

.web-share-gen .gen-cot .gen-inform .inform .inform-cot {
    margin-right: 0.2rem;
}

    .web-share-gen .gen-cot .gen-inform .inform .inform-cot .inform-item + .inform-item {
        margin-top: 0.2rem;
    }

    .web-share-gen .gen-cot .gen-inform .inform .inform-cot .inform-item h4 {
        font-size: 0.26rem;
        color: #999;
    }

        .web-share-gen .gen-cot .gen-inform .inform .inform-cot .inform-item h4 i {
            margin-right: 0.1rem;
        }

    .web-share-gen .gen-cot .gen-inform .inform .inform-cot .inform-item p {
        font-size: 0.28rem;
        color: #666;
        margin-top: 0.05rem;
    }

.web-share-gen .gen-cot .gen-inform .inform .inform-ewm .ewm-img {
    width: 1.8rem;
    height: 1.8rem;
    overflow: hidden;
}

.web-share-gen .gen-cot .gen-inform .inform .inform-ewm p {
    font-size: 0.24rem;
    color: #aaa;
    margin-top: 0.1rem;
}

.web-share-gen .gen-cot .gen-tips,
.web-share-gen .gen-cot .gen-cancel a,
.web-share-gen .gen-custom-cot .custom-btn .gen-tips,
.web-share-gen .gen-custom-cot .custom-btn .gen-cancel a {
    color: white;
    font-size: 0.3rem;
    line-height: 0.8rem;
}

.web-share-gen .gen-cot .gen-tips,
.web-share-gen .gen-custom-cot .custom-btn .gen-tips {
    background-color: #666;
}

.web-share-gen .gen-cot .gen-cancel a,
.web-share-gen .gen-custom-cot .custom-btn .gen-cancel a {
    background-color: #e47b00;
}


/*share_c1*/
.web-share-gen .gen-custom-cot-wai {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    z-index: 61;
}

.web-share-gen .gen-custom-cot {
    position: absolute;
    display: block;
    opacity: 1;
    width: 6rem;
    margin-left: -3rem;
}

    .web-share-gen .gen-custom-cot .custom-cot .custom-cot-img {
        display: none;
    }

    .web-share-gen .gen-custom-cot .custom-cot .custom-cot-temp {
        position: relative;
    }

        /*c1*/
        .web-share-gen .gen-custom-cot .custom-cot .custom-cot-temp .temp-c1 .temp-cot {
            position: absolute;
            bottom: 1.3rem;
            left: 0.4rem;
            right: 0.4rem;
            line-height: normal;
        }

            .web-share-gen .gen-custom-cot .custom-cot .custom-cot-temp .temp-c1 .temp-cot .inform {
                font-size: 0.34rem;
                color: #ed3733;
            }

            .web-share-gen .gen-custom-cot .custom-cot .custom-cot-temp .temp-c1 .temp-cot.min {
                bottom: 1.25rem;
            }

                .web-share-gen .gen-custom-cot .custom-cot .custom-cot-temp .temp-c1 .temp-cot.min .inform {
                    font-size: 0.28rem
                }

            .web-share-gen .gen-custom-cot .custom-cot .custom-cot-temp .temp-c1 .temp-cot .inform h4,
            .web-share-gen .gen-custom-cot .custom-cot .custom-cot-temp .temp-c1 .temp-cot .inform p {
                font-weight: bold;
            }

            .web-share-gen .gen-custom-cot .custom-cot .custom-cot-temp .temp-c1 .temp-cot .ewm {
                margin-top: 0.1rem;
            }

                .web-share-gen .gen-custom-cot .custom-cot .custom-cot-temp .temp-c1 .temp-cot .ewm span {
                    display: inline-block;
                    width: 1.4rem;
                    height: 1.4rem;
                    padding: 0.1rem;
                    background-color: white;
                    overflow: hidden;
                }

                .web-share-gen .gen-custom-cot .custom-cot .custom-cot-temp .temp-c1 .temp-cot .ewm p {
                    font-size: 0.2rem;
                    color: #0037a6;
                    margin-top: 0.05rem;
                }
/*【页面】分享【end】*/

/*anim-style【s】*/
.web-share-oper .oper-cot,
.web-share-oper.open .oper-cot {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
/*anim-style【e】*/

/*【页面】悬浮【s】*/
/*首页按钮*/
.web-pub-suspen-hom {
    position: fixed;
    z-index: 10;
    right: 0.2rem;
    bottom: 5%;
}

    .web-pub-suspen-hom a {
        width: 40px;
        height: 40px;
        display: block;
        color: white;
        background-color: #0dd3c7;
        border-radius: 50%;
        text-align: center;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
    }

        .web-pub-suspen-hom a i {
            margin-top: 2px;
            display: inline-block;
            width: 20px;
            height: 20px;
        }

        .web-pub-suspen-hom a p {
            margin-top: -6px;
            font-size: 12px;
        }
/*【页面】悬浮【e】*/



/*-------------------------参观证书【s】-------------------------------*/
.ins-visit-card {
    position: relative;
}

.ins-visit-card-ewm {
    position: absolute;
    top: 3.8rem;
    left: 0;
    right: 0;
}

    .ins-visit-card-ewm .img {
        width: 2.7rem;
        height: 2.7rem;
        background-color: white;
        padding: 0.15rem;
        box-sizing: border-box;
    }

    .ins-visit-card-ewm p {
        font-size: 0.5rem;
        color: white;
        font-weight: bold;
    }

@media (min-width:1300px) {
    .ins-visit-card-ewm {
        padding-top: 52%;
        top: 0;
    }
}

@media (min-width:1800px) {
    .ins-visit-card-ewm .img {
        width: 2rem;
        height: 2rem;
    }
}
/*-------------------------参观证书【e】-------------------------------*/