.index-kgl .kgl-upper-detail-text a, .yzs-detail-content {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.visiblity-none {
    visibility: hidden
}

.index-banner, .index-gsc, .index-kgl, .index-zzx {
    background-color: #fff
}

/* .index-icon {
    background-image: url(../image/index_bg_s.png);
    background-image: -webkit-image-set(url(../image/index_bg_s.png) 1x, url(//img.to8to.com/to8to_pc/index/statics/img/index_bg_l.png) 2x);
    background-repeat: no-repeat
} */

.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.move-animation {
    overflow: hidden
}

.move-animation img {
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s
}

.move-animation:hover img {
    -webkit-transform: scale(1.05) translate3d(0, -2px, 0);
    -moz-transform: scale(1.05) translate3d(0, -2px, 0);
    -ms-transform: scale(1.05) translate3d(0, -2px, 0);
    -o-transform: scale(1.05) translate3d(0, -2px, 0);
    transform: scale(1.05) translate3d(0, -2px, 0)
}

.slow-emerge {
    opacity: 0;
    -webkit-transform: translate(0, 20%);
    transform: translate(0, 20%)
}

.index-common .index-common-header {
    text-align: center
}

.index-common-header .index-common-title {
    font-size: 34px;
    font-weight: 500
}

.index-common-header .index-common-title a {
    color: #333
}

.index-common-header .index-common-title-after, .index-common-header .index-common-title-before {
    display: inline-block;
    width: 57px;
    height: 1px;
    margin: 0 26px;
    background-color: #d8d8d8;
    vertical-align: middle
}

.index-common-header .index-common-description {
    display: block;
    padding: 6px 0;
    font-size: 14px;
    color: #999 !important
}

.index-common-header .index-common-tab-wrapper {
    width: 199px;
    height: 37px;
    margin: 26px auto 50px;
    cursor: pointer;
    border: 1px solid #E8E8E8;
    border-right-width: 0;
    box-sizing: border-box
}

.index-common-header .index-common-tab-wrapper.auto-width {
    width: auto;
    font-size: 0;
    border: none
}

.index-common-tab-wrapper .tab-item {
    float: left;
    width: 50%;
    height: 100%;
    border-right: 1px solid #E8E8E8;
    box-sizing: border-box;
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 35px
}

.index-zzx .index-common-tab-wrapper .is-active {
    color: #24C77E
}

.index-common-tab-wrapper.auto-width .tab-item {
    display: inline-block;
    float: none;
    width: 100px;
    height: 36px;
    text-align: center;
    border: 1px solid #EEE;
    border-left-width: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.index-common-tab-wrapper .tab-item.first {
    border-left-width: 1px
}

.index-common .index-common-navbar {
    padding-top: 36px;
    padding-bottom: 40px;
    font-size: 14px;
    text-align: center
}

.index-common-navbar li {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.index-common-navbar li a {
    font-size: 14px;
    color: #333
}

.index-common-navbar li a .arrow {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-bottom: 0;
    vertical-align: middle;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4YTRkMGFiMS04ZTQ5LTAzNDAtYjcyOC0yMzg3YWI5ODg2NzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjUyQTdEMzIzQTA1MTFFN0FCN0FGRTkzNzkzNDIwRTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjUyQTdEMzEzQTA1MTFFN0FCN0FGRTkzNzkzNDIwRTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OGE0ZDBhYjEtOGU0OS0wMzQwLWI3MjgtMjM4N2FiOTg4NjczIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhhNGQwYWIxLThlNDktMDM0MC1iNzI4LTIzODdhYjk4ODY3MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PheCEA8AAADISURBVHjahNGhCgJBFIXh2cEkGExiMJhsIkxYq81qsFhVVHwOn8JuMlhEDGYNi2g3iE3QJ9DgPzIGh529Fz4GlsPZ2buRMWaulHpjogKTJMn3LKynYlYjwhhPtFX2iFlbOEADD2xwQCVQKGa1O8+ooYM6brCfl0spzcxqL7xCHiP08cIwcNvUrA6Ed+7NdlrCXv+yfmGMEy64w6AXKErN/gqbOLoll9wfjN0zfzKztnCBParoooxt4FZi1hZeMUMRS2FfYvYjwACoOTfurYnaaQAAAABJRU5ErkJggg==) no-repeat
}

.index-common-navbar li a:hover {
    color: #0cb46a
}

.index-common-navbar li a:hover .arrow {
    background-position: -11px 0
}

.index-common-navbar .navbar-line {
    padding: 0 18px;
    color: #c3c3c3
}

.index-banner {
    position: relative
}

.index-banner .arrow-left, .index-banner .arrow-right {
    visibility: hidden;
    position: absolute;
    top: 50%;
    z-index: 2;
    margin-top: -46px;
    width: 60px;
    height: 92px;
    background-color: #333;
    opacity: .3
}

.index-banner .arrow-left:hover, .index-banner .arrow-right:hover {
    opacity: .5
}

.index-banner:hover .arrow-left, .index-banner:hover .arrow-right {
    visibility: visible
}

.index-banner .arrow-left {
    left: 1px
}

.index-banner .arrow-right {
    right: 1px
}

.index-banner .bannner-arrow {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -11px;
    width: 10px;
    height: 22px;
    background: url(../image/index_bg_m.png) no-repeat
}

.arrow-left .bannner-arrow {
    background-position: -30px -25px
}

.arrow-right .bannner-arrow {
    background-position: -40px -25px
}

.banner-sliders .swiper-slide, .banner-sliders .swiper-wrapper {
    height: 360px !important;
    overflow: hidden;
    position: relative
}

.banner-sliders .swiper-slide a {
    height: 360px !important;
    position: relative;
    display: block
}

.banner-sliders .swiper-slide img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -180px;
    display: none;
    height: 360px
}

.index-banner .slider-btns {
    position: absolute;
    left: 50%;
    bottom: -5px;
    margin-left: -180px;
    width: 360px;
    text-align: center;
    z-index: 1
}

.slider-btns .swiper-pagination-switch {
    display: inline-block;
    width: 30px;
    height: 10px;
    border-top: 1px solid #fff;
    opacity: .4;
    cursor: pointer
}

.slider-btns .swiper-active-switch {
    opacity: 1
}

.slider-btns .swiper-pagination-switch+.swiper-pagination-switch {
    margin-left: 14px
}

/* @media screen and (min-width:1460px) {
    .index-common-header .index-common-title {
        font-size: 42px
    }

    .index-common-header .index-common-description, .index-common-navbar li a {
        font-size: 18px
    }

    .index-common .index-common-navbar {
        padding-top: 44px;
        padding-bottom: 34px;
        font-size: 18px
    }

    .index-banner .banner-sliders .swiper-slide img {
        margin-top: -230px
    }

    .index-banner .banner-sliders .swiper-slide, .index-banner .banner-sliders .swiper-slide a, .index-banner .banner-sliders .swiper-slide img, .index-banner .banner-sliders .swiper-wrapper {
        height: 460px !important
    }
} */

.consult-popup-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
    top: 0;
    left: 0;
    z-index: 7047
}

.popup-box, .popup-box-fail {
    left: 50%;
    position: absolute
}

.popup-box {
    top: 50%;
    margin-left: -400px;
    margin-top: -250px;
    width: 680px;
    padding: 60px;
    background-color: #fff
}

.popup-box .popup-header {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 35px;
    border-bottom: 1px solid #ddd
}

.popup-box .popup-header-success {
    display: block;
    font-size: 28px;
    font-weight: 700
}

.popup-box .popup-header-success-icon {
    display: inline-block;
    width: 41px;
    height: 37px;
    vertical-align: middle;
    background: url(../image/index_bg_m.png) -61px -2px no-repeat
}

.popup-box .popup-header-tip {
    display: block;
    font-size: 16px;
    color: #fb6947
}

.popup-box .popup-content-title {
    padding: 34px 0;
    font-size: 20px;
    color: #0cb46a;
    text-align: center
}

.popup-box .popup-item-title {
    font-size: 15px
}

.popup-box .popup-item-description {
    font-size: 12px;
    color: #999
}

.popup-box .popup-content-item {
    width: 190px;
    float: left
}

.popup-box .popup-content-item+.popup-content-item {
    margin-left: 55px
}

.popup-box .popup-content-item .popup-content-item-img {
    display: block;
    background: url(../image/fabiao_popup_s.png) no-repeat;
    background-image: -webkit-image-set(url(../image/fabiao_popup_s.png) 1x, url(//img.to8to.com/to8to_pc/index/statics/img/fabiao_popup_l.png) 2x);
    background-image: image-set(url(../image/fabiao_popup_s.png) 1x, url(//img.to8to.com/to8to_pc/index/statics/img/fabiao_popup_l.png) 2x);
    width: 191px;
    height: 101px
}

.popup-box .popup-content-item .popup-content-item-img-f {
    background-position: 0 0
}

.popup-box .popup-content-item .popup-content-item-img-s {
    background-position: -208px 0
}

.popup-box .popup-content-item .popup-content-item-img-t {
    background-position: -418px 0
}

.popup-box .popup-close, .popup-box-fail .popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    cursor: pointer;
    height: 20px;
    background: url(../image/index_bg_m.png) -3px -24px no-repeat
}

.popup-box-fail {
    top: 50%;
    margin-left: -200px;
    margin-top: -87px;
    width: 340px;
    padding: 60px;
    background-color: #fff
}

.popup-fail-tip {
    position: absolute;
    top: 10px;
    left: 15px;
    font-size: 16px
}

.popup-fail-icon {
    display: inline-block;
    background: url(../image/indexFix.png) -17px -20px no-repeat;
    width: 60px;
    height: 60px
}

.popup-fail-text {
    font-size: 18px;
    line-height: 32px;
    width: 240px;
    margin-left: 18px;
    display: inline-block;
    vertical-align: super
}

.index-entries {
    width: 1220px;
    padding: 20px 0;
    margin: 0 auto;
    background: 0 0
}

.index-entries .entries-item {
    width: 280px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1;
    flex-shrink: 0;
    box-shadow: 0 2px 16px 0 rgba(228, 228, 228, .8)
}

.index-entries .content-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap
}

.entries-item .entries-item-node {
    padding: 0;
    width: 100%;
    cursor: pointer
}

.entries-item .entries-item-node .entries-item-img {
    display: block;
    width: 100%;
    object-fit: cover
}

.index-entries .entries-item:hover {
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    border-radius: 2px
}

@media screen and (min-width:1460px) {
    .index-entries {
        width: 1460px;
        margin: 0 auto
    }
}

.index-live-box {
    width: 100%;
    height: 493px
}

.live-list {
    float: left;
    width: 290px;
    height: 493px;
    margin-top: 20px;
    background-color: #fff;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s
}

.live-list+.live-list {
    margin-left: 20px
}

.live-video {
    position: relative;
    width: 100%;
    height: 386px;
    overflow: hidden
}

.live-video .icon-wrapper {
    position: absolute;
    top: 8px;
    left: 8px;
    height: 24px;
    z-index: 1
}

.icon-wrapper .ongoing-icon {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    text-align: center;
    background: -webkit-linear-gradient(46deg, #FA3C77 0, #FF426D 49%, #FF5A48 100%);
    background: -moz-linear-gradient(46deg, #FA3C77 0, #FF426D 49%, #FF5A48 100%);
    background: -o-linear-gradient(46deg, #FA3C77 0, #FF426D 49%, #FF5A48 100%);
    background: -ms-linear-gradient(46deg, #FA3C77 0, #FF426D 49%, #FF5A48 100%);
    background: linear-gradient(46deg, #FA3C77 0, #FF426D 49%, #FF5A48 100%)
}

.ongoing-icon .line {
    display: inline-block;
    position: absolute;
    width: 2px;
    top: 6px;
    bottom: 6px;
    margin: 0 1px;
    border-radius: 1px;
    background-color: #fff;
    animation: playing .6s linear infinite
}

.ongoing-icon .f-line {
    left: 5px;
    animation-delay: 0s
}

.ongoing-icon .s-line {
    left: 10px;
    animation-delay: 150ms
}

.ongoing-icon .t-line {
    left: 15px;
    animation-delay: .3s
}

@keyframes playing {
    0%, 100% {
        top: 6px;
        bottom: 6px
    }

    25%, 75% {
        top: 8px;
        bottom: 8px
    }

    50% {
        top: 12px;
        bottom: 12px
    }
}

.icon-wrapper .replay-tag {
    display: block;
    width: 44px;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAYCAYAAACBbx+6AAAAAXNSR0IArs4c6QAAAq1JREFUWAljZGBgSAPiIQOYhoxLoQ4ddTCtY2w0hEdDGC0EaJokeHh4mMPCwiRhdoqKirLa2toKwPjk0CykajI0NORdunRpJD590dHRy8+fP/9ZXV2da/HixaUXL16suXnz5reqqiq9kJAQB1lZ2V58+vHJkexgYCixycvLq9bX18/CZnBjY2MaSM2CBQtsvb29HZiZmVlPnTpVfevWrRuMjIwMQDmpFy9eVIH09vX1re3q6rqJzRxcYiQ7GGTQ379//0ycOPHO6tWr3ZENDg8P31lXV/cHJDZ58uQLwNhQvXDhwiVgKJ8VFhbm6OzszG1ra5tlY2OjKicnJ71x48bHyPqJYZOdhtnZ2Zl8fX19Pnz48BWEQWwuLi5mmKVnz579/BsItLW1NQoLC11ycnI8WVlZ2R8+fPhZQECAD5hE7oGSCUw9sTTZDgZZ8O/fv78JCQmHQRjERrcU6DD+Gzdu3BYXF5c4cODAueXLl6/MysqyV1FRUQN66BG6emL4FDmYiYmJ9eTJk1EgDGKjWwgsJfjnzp178vPnzx8fP378ITc397CGhoY2UC1Te3v7NXT1xPDJSsMgg79///4XmMGmwCzZunXrhS9fvsBDGZhG2YWEhMR27NjxEqiO5devX38NDAz4QTEB1PtNUlKS/cGDBz9g+omlyXIwGxsbOzDkbNEtmT17tg1IDiQOdKTpy5cvH4PSuqCgoLCpqalcbW1t6vHjx48A+fynT58u9fPzmwTkf0Q3Bx+fZAeDQhGYyd5KS0sLYTMYJAdSA8yA7OvXrz9w9erVGpCYlJSU6MKFC1dnZGScABZ1DLt37w4qKSkxDw4O3oXNHFxijECJAWvAgxwOLCJxuQ2rOEWZDquJJAiS6liQ0QPqYBL8Blc66mB4UNCIMRrCNApYuLEAnFcBvG6dqOEAAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.icon-wrapper .ongoing-tag {
    float: left;
    display: block;
    width: 48px;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAYCAYAAAC8/X7cAAAAAXNSR0IArs4c6QAAA6RJREFUWAntVV1Ik2EUnn37UWczmxVOs1Q2f0HUUJwgQmCSgsMLh38kXiTihWUX2ZUiImKIoKBeiBeTEkWoDUUhLyqS4R+EJP1oRGKQF5tspjk3teesXvkozc9UQtiBb8973vec857znp95iUSi2/hOLZ05tZ7/ctwTwP/OoCcDngwc8QX+qYTi4+P9EhISzu51d2RkpG9SUtIfZxzHibRa7bm9dDIyMs7Tt9fZQXteEDjwfyA5Odm/rKwsmhlLS0uL9QGNjY1Ns72enp63k5OTNoPBkK5SqZQmk2m2qqoqWyqVyrxBXqCVlRVrYWGhYWpqys70CIeGhrIJc3JyhgkPQ2IhwkqlUhoREXGJycLB0OXl5S/8Pch8LCgoCI6LiwvzA83Nzb2cn5//1Nraau7v779TWVnZWVpaeo2cxzE3ODjodppsxsTEqAlHR0c5QiK9Xj9ss9m2fnL7/wrKAKmr1Wqf8fHxe7QOCAi4sLa2Zt/c3HQQHx0d3WSxWFw1NTVR5eXlN2QymQ8cfZ2enq7d2NhYDwwMVNntdssWqKury9jR0fF+cXHx4cDAwBPST0lJiSOcmJh4Q5ifn68LDw+/v7S05LZPe/uRoAyQMqqAk8vlira2tkd8Y9XV1bckEom7l5qamt7hNS9SCdXX14+3tLTIcSbBi/vD4c/ImqW3t3eB9J1O52ZxcfFzWqOE5ISM1+l0N4kXQoIDIGNoRDFeO4hvGKW9m/bQ0FAZXi4IPZMKp6Igz3V2dj5VKBRy9MR0RUWFDq9/pqSkZITOioqKgskWys/d9IzHkeDhcqgAxGKxNDExMZYfAC7btdHd3Z2FKaQxm82vmpubX/T19d3FRLoSFhYWCfyKDPqjUU0oQUqMd2Njo55sgVcSglcRovF9CIXQ7uVChF0ulwN1OsuXzc3Nvcz4zMxMI6bQCpUQat4JR7w1Gs1VOCslpFd3OBw7mEbOhoaGjtraWnfN/z6F6urqYq1Wq5PZ/RsKShUc8MLU5NCD26hlC//b2dnZ9vX15UiGLoKclF24urpqbW9vH0HD2wip7umMgmDOM1k+IoC59fX1bf7efmtBGcDkSMvLy8vE1PmO/wMd3xgu+jYzM/PAaDQ+wyRay8rKuo7R+ZhkEJgC9Z66sLDwgRAlKOHrHsda8Bg97GWoFhGaV4xycTFdNKuYxi3jGYaEhMhoLWRsMh2GJxYAu+CkUVAPnLQTR7HvCeAor3ccup4MHMcrHsXGD4+AUllx58tpAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.live-video .live-bag {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

.live-video .live-box {
    height: 100%
}

.live-video .enter-zone {
    position: absolute;
    top: 0;
    height: 246px;
    width: 100%
}

.live-video .enter-room {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -12px;
    margin-left: -70px;
    height: 32px;
    width: 140px;
    box-sizing: border-box;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
    background: rgba(0, 0, 0, .2);
    border: 1px solid #FFF;
    border-radius: 2px
}

.live-detail {
    display: block;
    height: 107px;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #e9e9e9;
    border-top-width: 0
}

.live-detail .live-title {
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 24px;
    color: #111;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.live-info-wrapper .live-headphoto {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border-radius: 50%;
    box-sizing: border-box;
    object-fit: cover;
    vertical-align: middle
}

.live-info-wrapper .live-class, .live-info-wrapper .live-nickname {
    font-size: 16px;
    color: #999;
    vertical-align: middle
}

.live-info-wrapper .live-nickname {
    display: inline-block;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.live-info-wrapper .live-class {
    float: right
}

.live-box .jw-display .jw-reset {
    display: none
}

.index-rmzb, .index-zzx {
    margin: 80px 0 40px
}

.index-zzx-company-box {
    width: 100%
}

.index-zzx-company {
    font-size: 0;
    float: left
}

.index-zzx-more {
    display: block;
    margin: 40px auto 0;
    height: 40px;
    width: 177px;
    border: 1px solid #e8e8e8;
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 40px
}

.zzx-company-list {
    float: left;
    width: 290px;
    height: 330px;
    margin-top: 20px;
    background-color: #fff;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s
}

.zzx-company-list+.zzx-company-list {
    margin-left: 20px
}

.zzx-company-list.zzx-company-nonmargin {
    margin-left: 0
}

.zzx-company-img {
    position: relative;
    width: 290px;
    height: 200px
}

.company-bag-url {
    display: block;
    width: 290px;
    height: 200px;
    overflow: hidden
}

.live-bag, .zzx-company-bag {
    width: 290px;
    height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s
}

.ad-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 22px;
    background: url(../image/ad-icon.png) no-repeat
}

.zzx-company-detail {
    position: relative;
    width: 100%;
    height: 130px;
    padding: 20px;
    border: 1px solid #e8e8e8;
    border-top: 0;
    box-sizing: border-box
}

.zzx-company-name-wrapper {
    font-size: 16px;
    color: #333
}

.zzx-company-name-wrapper .name {
    display: inline-block;
    margin-right: 4px;
    max-width: 184px;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.zzx-company-icon {
    width: 18px;
    height: 18px;
    margin-left: 6px;
    display: inline-block;
    font-size: 12px;
    color: #FFF;
    border-radius: 1px;
    font-style: normal;
    text-align: center;
    line-height: 18px;
    vertical-align: middle
}

.zzx-company-icon.red {
    background-color: #FF572A
}

.zzx-company-icon.orange {
    background-color: #FF952B
}

.zzx-company-data {
    margin-top: 10px
}

.zzx-company-data li {
    display: inline-block;
    font-size: 14px;
    color: #747474;
    *display: inline;
    *zoom: 1
}

.zzx-company-data li+li {
    margin-left: 20px
}

.zzx-company-data em {
    color: #FF4112
}

.zzx-company-data .rate-icon {
    display: inline-block;
    width: 70px;
    object-fit: contain;
    vertical-align: middle
}

.zzx-company-data .nums {
    display: inline-block;
    margin-left: 8px;
    color: #333;
    font-size: 14px;
    vertical-align: middle
}

.zzx-company-recommend {
    margin-top: 17px;
    font-size: 16px;
    color: #999
}

.zzx-company-bespoke {
    display: inline-block;
    margin-top: 26px
}

.company--enter--store, .index-zzx-process ul li span, .live-video:hover .enter-room {
    display: block
}

.company--enter--store, .zzx-company-bespoke {
    width: 78px;
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    color: #666;
    border: 1px solid #d8d8d8
}

.company--enter--store {
    margin: 26px auto 0;
    width: 190px
}

.live-list:hover, .zzx-company-list:hover {
    border: 0;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
}

.live-list:hover .live-detail, .zzx-company-list:hover .zzx-company-detail {
    border: 0;
    *border: 1px solid #e8e8e8
}

.zzx-company-list .company--enter--store:hover, .zzx-company-list .zzx-company-bespoke:hover {
    width: 80px;
    height: 30px;
    line-height: 30px;
    background-color: #ff5a00;
    color: #fff;
    border: 0
}

.zzx-company-list .company--enter--store:hover {
    width: 192px
}

.live-list .live-video:hover .vcp-poster, .live-video.not-playing:hover .live-bag, .zzx-company-list:hover .zzx-company-bag {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.index-zzx-process {
    width: 100%;
    margin-top: 54px;
    padding-bottom: 60px;
    text-align: center;
    -webkit-transform: translate(0, 20%);
    -moz-transform: translate(0, 20%);
    -ms-transform: translate(0, 20%);
    -o-transform: translate(0, 20%);
    transform: translate(0, 20%)
}

.index-zzx-process img {
    margin-top: 72px
}

.index-zzx-process h4 {
    font-size: 24px;
    color: #333;
    font-weight: 500
}

.index-zzx-process ul {
    overflow: hidden
}

.index-zzx-process ul li {
    position: relative;
    float: left
}

.index-zzx-process ul li p {
    white-space: nowrap
}

.index-zzx-process ul li+li {
    margin-left: 44px
}

.zzx-process-yy {
    margin-left: 5px
}

.index-zzx-process .zzx-process-yy {
    width: 84px
}

.index-zzx-process .zzx-process-lf {
    width: 172px
}

.index-zzx-process .zzx-process-fa {
    width: 144px
}

.index-zzx-process .zzx-process-ht {
    width: 140px
}

.index-zzx-process .zzx-process-sg {
    width: 154px
}

.index-zzx-process .zzx-process-ys {
    width: 140px
}

.index-zzx-process .zzx-process-bz {
    width: 112px
}

.index-zzx-process .index-icon {
    display: block;
    margin: 0 auto
}

.zzx-process-box {
    margin-top: 52px
}

.index-zzx-process .icon-zxyy {
    width: 41px;
    height: 51px;
    background-position: -380px -108px
}

.index-zzx-process .icon-lf {
    width: 54px;
    height: 46px;
    margin-top: 5px;
    background-position: -380px -56px
}

.index-zzx-process .icon-fa {
    width: 60px;
    height: 51px;
    background-position: -381px 0
}

.index-zzx-process .icon-ht {
    width: 50px;
    height: 51px;
    background-position: -312px -168px
}

.index-zzx-process .icon-sg {
    width: 54px;
    height: 45px;
    margin-top: 6px;
    background-position: -312px -116px
}

.index-zzx-process .icon-ys {
    width: 57px;
    height: 49px;
    margin-top: 2px;
    background-position: -312px 0
}

.index-zzx-process .icon-bz {
    width: 46px;
    height: 51px;
    background-position: -312px -56px
}

.index-zzx-step {
    margin-top: 16px;
    font-size: 16px;
    color: #333
}

.index-zzx-detail {
    margin-top: 3px;
    font-size: 12px;
    color: #999
}

.zzx-step-box {
    margin-top: 28px;
    height: 33px
}

.zzx-step-img {
    position: relative;
    float: left;
    margin-left: 5px
}

.zzx-step-img-first {
    margin-left: 25px
}

.icon-round {
    float: left;
    width: 33px;
    height: 33px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM1RjQwMkE3NEI0MzExRTc5QkM3RUY0Q0JENEQ5RUVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM1RjQwMkE4NEI0MzExRTc5QkM3RUY0Q0JENEQ5RUVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzVGNDAyQTU0QjQzMTFFNzlCQzdFRjRDQkQ0RDlFRUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzVGNDAyQTY0QjQzMTFFNzlCQzdFRjRDQkQ0RDlFRUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Wyi8EAAACqElEQVR42sRYTWsTURR9TYIhkEwh0xCSRQhKUSFrq0u7KFQF+xuq1I0a/4G/YXTlR/0LzcpiNy4saHWZgIq6mU0I6QSchIRIEj0n3MgYO/lgkpkLJzOEmXPO3DfvvXtnpVwuqzniCnBDjhcBHVgFfgIW8BX4CLyW49QoFAoqMsN1MWAXKMZisfVEIqFwVNFoVIXD4SH6/f4q0e12z3c6ne1ms/kYx++4xwD2gc4kgZUpmbgNPEkmkzld14fCswYMqUajoSzLMvkAQMktEyEXDqo90zStlM/nc9lsdi4DQwJcn8lkFO8HzwH5hPe/OGs4NLrGk18nideIx+NDVKvVPWRlHX/tALbzmvFMnAMOUqnUQgw4g3zkJb/ouJp4igxsptNptYwgL/mp42ZiB2O3t+gMnJUR6siw/GOC09DALFB+hOgYovvXxC6nIV8gP4I6GJYcTu84TRS5DvgZko2HIxMbXAnnXQe8BvWoW6lUNmhii0txECG6WzRxlXtBECG612jist9D4RwSxCWa0CORSCAmRHeNJrRQKBSICdFN8NceDAaBmBDdJk1YvV4vEBOie0oTn1mABBGi+4UmPqAUC8SE6L6niSPUhIGYEN0jmjiBo29+Dwn1qIsa82Q0Nw2UXr6aYBHMItq5i77Cn2ar1fLFAHWkCt93muAbUhR3fmWhOOpHnEtlybbtF6iKl2qA/NRx9iHj6/V9pOldrVZbigHygv8Ypw8mVdu/gFv1ev3tojNCPvLi9CYnxyQTShqTbTh+bpqm8vqy8n7ykI+8442PWwemxOk9jN0hYLAoZU3ooRd9JE2PmrUNdAZfnjcguguwK7/g7MpZD3A75m7IzUgWoOHTt9vtH1LWv/TalU/7PrEmvStTfCrfJz4Bh1yJgd+zfJ/4I8AACfkaufuzAtoAAAAASUVORK5CYII=) no-repeat
}

.step-num {
    position: absolute;
    top: 7px;
    left: 13px;
    font-size: 14px;
    color: #a3a3a3
}

.index-yzs .yzs-bg-left, .index-yzs .yzs-bg-right, .yzs-bg-right-box {
    top: 0;
    position: absolute;
    height: 500px
}

.step-line {
    float: left;
    width: 146px;
    height: 1px;
    margin: 16px 0 0 5px;
    background-color: #e3e3e3
}

.index-yzs {
    position: relative;
    height: 500px;
    overflow: hidden;
    -webkit-transform: translate(0, 10%);
    -moz-transform: translate(0, 10%);
    -ms-transform: translate(0, 10%);
    -o-transform: translate(0, 10%);
    transform: translate(0, 10%)
}

.index-yzs .yzs-bg-left img {
    width: 1536px;
    height: 1000px;
    margin-top: -300px;
    margin-left: -371px
}

.index-yzs-bg {
    float: left;
    width: 100%
}

.index-yzs .yzs-bg-left {
    left: 0;
    *width: 65%;
    overflow: hidden
}

.yzs-bg-right-box {
    right: 0;
    z-index: 11;
    width: 597px;
    *width: 45%
}

.index-yzs .yzs-bg-right {
    right: 0;
    width: 597px;
    *width: 100%
}

.index-yzs .content-wrapper {
    position: relative;
    height: 500px;
    z-index: 10
}

.index-yzs-review {
    position: absolute;
    top: 60px;
    left: 0;
    width: 500px;
    height: 350px;
    padding: 40px 50px 0;
    background-color: #fff;
    border-radius: 4px
}

.index-yzs-yezhu {
    position: absolute;
    top: 48px;
    left: 80px;
    width: 430px
}

.index-yzs-title {
    margin-bottom: 8px;
    text-align: left;
    font-size: 24px;
    font-weight: 400;
    color: #fff
}

.index-yzs-slogan {
    margin-bottom: 3px;
    text-align: left;
    font-size: 14px;
    color: #fff
}

.index-yzs-yezhu ul {
    overflow: hidden;
    margin-top: 27px
}

.index-yzs-yezhu ul li {
    float: left;
    margin: 0 34px 29px 0;
    width: 66px;
    height: 66px;
    cursor: pointer;
    border: 2px solid #0cb46a;
    border-radius: 50%
}

.index-yzs-yezhu img.gray {
    border: 2px solid #fff
}

.index-yzs-yezhu ul li img {
    width: 66px;
    height: 66px;
    border-radius: 50%
}

.yzs-detail {
    overflow: hidden
}

.yzs-detail-logo {
    float: left;
    width: 70px;
    height: 70px;
    border-radius: 50%
}

.yzs-detail p {
    float: left;
    margin-left: 19px;
    width: 410px
}

.yzs-detail-title {
    margin-top: 10px;
    font-size: 18px;
    color: #333
}

.yzs-detail-title-dot {
    display: inline-block;
    margin-top: 6px;
    font-size: 12px;
    vertical-align: top;
    *display: inline;
    *zoom: 1
}

.yzs-detail-type {
    margin-top: 3px;
    font-size: 12px;
    color: #999;
    white-space: nowrap
}

.yzs-detail-content {
    margin-top: 10px;
    height: 42px;
    line-height: 23px;
    text-align: left;
    font-size: 14px;
    color: #666;
    display: -webkit-box
}

.yzs-detail-img {
    margin-top: 24px;
    overflow: hidden
}

.yzs-detail-img img {
    float: left;
    width: 235px;
    height: 160px
}

.yzs-detail-img img+img {
    margin-left: 20px
}

.yzs-detail-type .division-thread {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 4px 11px 0
}

.index-ksj {
    padding-top: 90px;
    padding-bottom: 15px;
    background: #f5f5f5
}

.design-topic {
    position: relative;
    width: 100%;
    margin-bottom: 70px
}

.design-topic .design-info {
    float: left;
    position: relative;
    margin-bottom: 10px
}

.design-topic .design-info a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.design-topic .image-wrapper {
    height: 0
}

.design-topic .design-info img {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s
}

.design-topic .design-info:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.design-topic .design-info[data-index='0'] {
    width: 25%
}

.design-topic .design-info[data-index='0'] .image-wrapper {
    padding-top: 100%
}

.design-topic .design-info[data-index='1'] {
    width: 37.5%;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box
}

.design-topic .design-info[data-index='1'] .image-wrapper {
    width: 100%;
    padding-top: 47.714%
}

.design-topic .design-info[data-index='2'] {
    width: 37.5%
}

.design-topic .design-info[data-index='2'] .image-wrapper {
    width: 100%;
    padding-top: 63.889%
}

.design-topic .design-info[data-index='3'] {
    width: 25%;
    float: none;
    position: absolute;
    left: 0;
    bottom: 0
}

.design-topic .design-info[data-index='3'] .image-wrapper {
    width: 100%;
    padding-top: 65.417%
}

.design-topic .design-info[data-index='4'] {
    float: none;
    position: absolute;
    bottom: 0;
    left: 25%;
    padding-right: 10px;
    padding-left: 10px;
    width: 37.5%;
    box-sizing: border-box
}

.design-topic .design-info[data-index='4'] .image-wrapper {
    width: 100%;
    padding-top: 65.714%
}

.design-topic .design-info[data-index='5'] {
    float: right;
    width: 37.5%
}

.design-topic .design-info[data-index='5'] .image-wrapper {
    width: 100%;
    padding-top: 46.389%
}

.design-topic .design-info[data-index='1'] a, .design-topic .design-info[data-index='4'] a {
    left: 10px;
    right: 10px
}

.design-group {
    width: 100%
}

.design-group .design-group-l {
    width: 24%;
    float: left
}

.design-group .design-group-c {
    width: 37.2%;
    float: left;
    margin-left: .675%
}

.design-group .design-group-r {
    width: 37.45%;
    float: right
}

.design-group-c img, .design-group-l img, .design-group-r img {
    position: absolute
}

.design-group-l .design-link.first {
    height: 330px
}

.design-group-l .design-link.second {
    height: 240px
}

.design-group-c .design-link.first {
    height: 260px
}

.design-group-c .design-link.second {
    height: 310px
}

.design-group-r .design-link.first {
    height: 320px
}

.design-group-r .design-link.second {
    height: 250px
}

.design-group .design-link {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 0
}

.cover-inner, .index-kgl-type span img {
    position: absolute
}

@media screen and (min-width:1460px) {
    .design-group-l .design-link.first {
        height: 480px
    }

    .design-group-l .design-link.second {
        height: 314px
    }

    .design-group-c .design-link.first {
        height: 334px
    }

    .design-group-c .design-link.second, .design-group-r .design-link.first {
        height: 460px
    }

    .design-group-r .design-link.second {
        height: 334px
    }
}

.design-group .design-link .cover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -100%;
    left: 0;
    background-color: rgba(0, 190, 141, .8);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#7f11bc90, endColorstr=#7f11bc90);
    color: #fff;
    text-align: center
}

.cover-inner {
    width: 100%;
    top: 50%;
    left: 0;
    height: 34px;
    margin-top: -17px;
    line-height: 20px
}

.cover-title {
    display: block;
    font-size: 20px
}

.cover-num {
    display: block;
    margin-top: 25px;
    font-size: 16px
}

.design-group-c .design-link+.design-link, .design-group-l .design-link+.design-link, .design-group-r .design-link+.design-link {
    margin-top: 18px
}

.index-kgl {
    padding-bottom: 90px
}

.index-kgl .content-wrapper {
    width: 1200px;
}

.index-kgl-content {
    /* padding: 0 10px; */
    margin-top: 70px;
    font-size: 0;
    float: left
}

.index-kgl-type {
    float: left;
    vertical-align: top;
    background-color: #fff;
    text-align: center;
    width: 300px;
    height: 400px;
}

.index-kgl-lower {
    position: relative;
    width: 287px;
    height: 408px;
    display: block;
    border: 1px solid #e3e3e3
}

.index-kgl-upper {
    position: relative;
    z-index: 10;
    display: none;
    width: 317px;
    height: 440px;
    margin-left: -1px;
    background-color: #fff;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -25px, 0) scale(.7);
    -moz-transform: translate3d(0, -25px, 0) scale(.7);
    transform: translate3d(0, -25px, 0) scale(.7);
    *border: 1px solid #e3e3e3;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    *margin-top: -25px
}

.index-tubatu-list .list-item-content img, .index-zwj-list .list-item img {
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s
}

.index-kgl-type.hover .index-kgl-upper {
    -webkit-transform: translate3d(0, -25px, 0) scale(1);
    -moz-transform: translate3d(0, -25px, 0) scale(1);
    transform: translate3d(0, -25px, 0) scale(1)
}

.index-kgl-type+.index-kgl-type .index-kgl-lower {
    /* border-left: 0 */
}

.index-kgl .index-icon-arrow {
    display: block;
    width: 25px;
    height: 22px;
    background-position: 0 -254px
}

.index-kgl .index-icon-arrow:hover {
    background-position: -32px -254px
}

.index-kgl-title {
    width: 100%;
    height: 140px;
    padding-top: 1px;
    background-color: #f6f6f6
}

.index-kgl-upper .index-kgl-title {
    height: 167px
}

.kgl-title-text {
    position: relative;
    display: block;
    margin-top: 86px;
    font-size: 20px;
    color: #333
}

.kgl-title-text .index-icon {
    position: absolute
}

.tempWrap ul {
    height: auto !important;
}

.index-icon-zxgl {
    top: -66px;
    left: 50%;
    transform: translate(-50%, 0);
    /* margin-left: -20px; */
    width: 41px;
    height: 42px;
    background-position: -260px -48px
}

.index-kgl-upper .index-icon-zxgl {
    background-position: -208px -48px
}

.index-icon-zxrj {
    top: -66px;
    left: 50%;
    margin-left: -21px;
    width: 42px;
    height: 43px;
    background-position: -260px -144px
}

.index-kgl-upper .index-icon-zxrj {
    margin-left: -20px;
    width: 39px;
    height: 43px;
    background-position: -208px -144px
}

.index-icon-zxwd {
    top: -66px;
    left: 50%;
    margin-left: -22px;
    width: 45px;
    height: 43px;
    background-position: -207px 0
}

.index-kgl-upper .index-icon-zxwd {
    width: 44px;
    height: 42px;
    margin-left: -19px;
    background-position: -260px 0
}

.index-icon-zxgj {
    top: -66px;
    left: 50%;
    width: 45px;
    height: 42px;
    margin-left: -23px;
    background-position: -260px -96px
}

.index-kgl-upper .index-icon-zxgj {
    width: 46px;
    height: 43px;
    background-position: -208px -96px
}

.index-kgl-type .index-kgl-lower ul {
    margin-top: 32px
}

.index-kgl-type .index-kgl-lower ul li {
    padding-left: 27px;
    height: 28px;
    line-height: 28px;
    text-align: left;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-kgl-bg {
    width: 317px;
    height: 167px;
    font-size: 0
}

.index-kgl-upper .kgl-title-text {
    position: absolute;
    top: 113px;
    left: 0;
    width: 100%;
    margin-top: 0;
    color: #fff
}

.kgl-upper-detail a {
    float: left;
    margin-right: 12px
}

.kgl-upper-detail img {
    width: 100px;
    height: 68px
}

.index-kgl .kgl-upper-detail-content {
    float: left;
    width: 180px
}

.index-kgl .kgl-upper-detail .kgl-upper-zxwd {
    width: 100%;
    margin-left: 0
}

.index-kgl .kgl-upper-detail {
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 1px dashed #e8e8e8
}

.index-kgl .kgl-upper-detail-title {
    float: left;
    height: 20px;
    font-size: 14px;
    color: #333;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-kgl .kgl-upper-detail-title a {
    color: #333
}

.index-kgl .kgl-upper-detail-text {
    float: left;
    width: 100%;
    height: 45px;
    margin-top: 5px;
    font-size: 12px;
    line-height: 24px;
    color: #999;
    text-align: left
}

.index-kgl .kgl-upper-detail-text a {
    width: 100%;
    /* height: 41px; */
    display: -webkit-box
}

.index-kgl .kgl-upper-content {
    padding: 10px 10px 0
}

.index-kgl .kgl-upper-content ul {
    margin-top: 14px
}

.index-kgl .kgl-upper-content ul li {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    text-align: left;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-kgl .kgl-upper-content ul li a:hover {
    color: #0cb46a
}

.index-kgl .index-kgl-zxgg-list {
    margin: 4px 0 0 34px;
    overflow: hidden
}

.index-kgl .index-kgl-zxgg-list li {
    float: left;
    width: 142px;
    height: 80px;
    text-align: center
}

.index-kgl .index-kgl-zxgg-list li a {
    display: inline-block;
    padding-top: 1px;
    *display: inline;
    *zoom: 1
}

.index-kgl .index-kgl-zxgg-list li span {
    position: relative;
    margin-top: 15px;
    padding-top: 44px;
    display: block;
    font-size: 14px;
    color: #333
}

.index-kgl .index-kgl-zxgg-list li span:hover, .index-video-region:hover .video-text-slogan a {
    color: #0cb46a
}

.index-kgl .index-kgl-zxgg-list li i {
    position: absolute
}

.index-kgl .index-icon-zxsc {
    top: 10px;
    left: 50%;
    width: 40px;
    height: 26px;
    margin-left: -20px;
    background-position: -116px -116px
}

.index-kgl .index-kgl-zxgg-list li span:hover .index-icon-zxsc {
    background-position: -159px -116px
}

.index-kgl .index-icon-zxdk {
    top: 6px;
    left: 50%;
    width: 30px;
    height: 29px;
    margin-left: -15px;
    background-position: -116px -148px
}

.index-kgl .index-kgl-zxgg-list li span:hover .index-icon-zxdk {
    background-position: -159px -148px
}

.index-kgl .index-icon-qz {
    top: 7px;
    left: 50%;
    width: 31px;
    height: 29px;
    margin-left: -15px;
    background-position: -116px 0
}

.index-kgl .index-kgl-zxgg-list li span:hover .index-icon-qz {
    background-position: -159px 0
}

.index-kgl .index-icon-dz {
    top: 3px;
    left: 50%;
    width: 36px;
    height: 36px;
    margin-left: -18px;
    background-position: -116px -75px
}

.index-kgl .index-kgl-zxgg-list li span:hover .index-icon-dz {
    background-position: -160px -75px
}

.index-kgl .index-icon-zxjr {
    top: 4px;
    left: 50%;
    width: 36px;
    height: 35px;
    margin-left: -18px;
    background-position: -116px -36px
}

.index-kgl .index-kgl-zxgg-list li span:hover .index-icon-zxjr {
    background-position: -160px -36px
}

.index-kgl .index-icon-rzjr {
    top: 7px;
    left: 50%;
    width: 30px;
    height: 31px;
    margin-left: -15px;
    background-position: -116px -184px
}

.index-kgl .index-kgl-zxgg-list li span:hover .index-icon-rzjr {
    background-position: -159px -184px
}

.index-icon-arrow-box {
    position: absolute;
    right: 0;
    bottom: 19px;
    width: 25px;
    height: 22px;
    padding: 0 20px;
    overflow: hidden
}

@keyframes arrowRight {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(45px)
    }
}

@keyframes arrowLeft {
    0% {
        transform: translateX(-45px)
    }

    100% {
        transform: translateX(0)
    }
}

@media screen and (min-width:1460px) {
    @keyframes arrowRight {
        0% {
            transform: translateX(0);
            -webkit-transform: translateX(0)
        }

        100% {
            transform: translateX(49px);
            -webkit-transform: translateX(49px)
        }
    }

    @keyframes arrowLeft {
        0% {
            transform: translateX(-49px);
            -webkit-transform: translateX(-49px)
        }

        100% {
            transform: translateX(0);
            -webkit-transform: translateX(0)
        }
    }

    .index-icon-arrow-box {
        right: 20px;
        bottom: 30px;
        width: 29px;
        height: 25px
    }
}

.index-kgl-type.hover .index-kgl-upper:hover .index-icon-arrow, .index-video-list-box:hover .index-icon-arrow {
    animation-name: arrowRight, arrowLeft;
    -webkit-animation-name: arrowRight, arrowLeft;
    animation-iteration-count: 1, 1;
    -webkit-animation-iteration-count: 1, 1;
    animation-duration: .4s, .4s;
    -webkit-animation-duration: .4s, .4s;
    animation-delay: .5s, .9s;
    -webkit-animation-delay: .5s, .9s;
    animation-timing-function: ease-in-out, ease-in-out;
    -webkit-animation-timing-function: ease-in-out, ease-in-out
}

.index-video-list-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 435px;
    height: 100%
}

.index-video-box {
    position: relative;
    width: 100%;
    height: 653px;
    margin-top: 50px;
    overflow: hidden
}

.video-compatible-box {
    position: absolute;
    left: 0;
    top: 0;
    display: none
}

.video-icon-pause {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgNJREFUeNrs28lqwkAYB/CZqNVDDj2r6FN41QeIy8Fe+gj6BL275Q08u9FbT8ZdwVfotSBYEPUkxFOoks4EKiJdaDuTjMn3wWBO0V/+sySR8SNSqVRKIR8qaXHkzlqS9jCfzzWcTCYp9hF5o+59sVjsiRzcegSckFzcjT+ruN80TeSlAjCAAXzdJSGPFXRpAAMYwACGZQkSdhG4WCzehMNhqV6vG6vVSrirKVEw66YoSqDb7cqlUilE8JjHd/y1MQefVzqdDmiaJpfLZWHgXMHn8F6vJ1cqlVAkEsGuAn83J4gAd2RZymQygX6/L1erVQt+9ZPWb+CDwcCC2zXGJaewl/DhcHhK3DVj+KfKZrMWvFarcYNLomAv4aPRSFZVlTlcSPA5fDweW/BoNIqFnKV53JvncjkLns/n/cLdS+92O7RYLLgsKfv9/t8XlDn4eDyiw+HA9Jyz2eyt0+kY2+3WFC5hluej0Ha7zQQq9PPwdDq1Et1sNsx/nFBgCqWJ8oAK1aUptNVqcYWewE4nahfU0YQnk4ntUEfGMIU2m01HoLaCKbTRaDgKtaVLk9tBYaBcE/6Artdr4RZ5TB6/dC+9iIe/WgAMYADDpAUJAxjAAAYwgGFZgoS/AtNNTF7Z2bL0BYPBV3Jw5xFwwWcYxgtBP5OkE8i9G7aWGOOCruvauwADALMLMEbKf4SdAAAAAElFTkSuQmCC) no-repeat;
    z-index: 10
}

.index-video-play, .video-bg {
    width: 100%;
    position: absolute
}

.index-video-box .content-wrapper {
    position: relative;
    height: 453px;
    margin-top: 100px;
    background-color: #fff
}

.index-video-play {
    height: 453px;
    top: 0;
    left: 0;
    overflow: hidden;
    background-color: #fff
}

.video-bg {
    top: 0;
    left: 0;
    height: 653px
}

.video-icon, .video-play-box {
    float: left;
    width: 805px;
    height: 453px
}

.index-video-play ul {
    position: absolute;
    top: 10px;
    right: 30px
}

.index-video-play ul li {
    width: 355px;
    height: 65px;
    padding: 20px 0
}

.index-video-region {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.video-icon-title, .video-url {
    width: 116px;
    height: 65px
}

.index-video-play ul li+li {
    border-top: 1px dashed #d8d8d8
}

.video-url {
    position: relative;
    float: left;
    vertical-align: top
}

.video-url .video-text-title {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 116px;
    height: 65px;
    font-size: 12px;
    text-align: center;
    line-height: 65px;
    background: #000;
    color: #fff;
    opacity: .6;
    filter: alpha(opacity=60)
}

.video-play-num, .video-text-slogan {
    text-align: left;
    vertical-align: top;
    float: left
}

.index-kgl li.on .video-text-title {
    display: block
}

.video-text-slogan, .video-text-slogan a {
    height: 22px;
    color: #333;
    width: 224px;
    overflow: hidden
}

.video-text-slogan {
    margin: 6px 0 8px 14px;
    font-size: 16px
}

.video-text-slogan a {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap
}

.video-play-num {
    width: 224px;
    margin-left: 14px;
    height: 20px
}

.video-play-num span {
    position: relative;
    margin-left: 20px;
    font-size: 12px;
    color: #999;
    vertical-align: top
}

.video-play-num .video-intro {
    height: 20px;
    line-height: 18px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-kgl .icon-play {
    position: absolute;
    top: 0;
    left: -20px;
    width: 16px;
    height: 12px;
    background-position: -184px -248px
}

.index-kgl li.on .icon-play {
    background-position: -162px -248px
}

.index-video-play ul li.hover .play-btn, .index-video-play ul li:hover .play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 25px;
    height: 20px;
    margin: -10px 0 0 -12px;
    background-position: -92px -228px
}

.index-video-play ul li.on:hover .play-btn {
    display: none
}

.index-zwj {
    padding: 90px 0 100px;
    background-color: #fff
}

.index-zwj-list {
    margin-left: -20px;
    -webkit-transform: translate(0, 10%);
    -moz-transform: translate(0, 10%);
    -ms-transform: translate(0, 10%);
    -o-transform: translate(0, 10%);
    transform: translate(0, 10%)
}

.index-zwj-list .list-item {
    float: left;
    width: 393px;
    height: 291px;
    margin-left: 20px;
    overflow: hidden
}

.index-zwj-list .list-item a {
    position: relative;
    display: block;
    cursor: pointer
}

.index-zwj-list .list-item img {
    width: 393px;
    height: 291px;
    transition: all .7s
}

.index-zwj-list .list-item a:after {
    display: block;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    -webkit-box-shadow: 0 -58px 123px -62px #000 inset;
    -moz-box-shadow: 0 -58px 123px -62px #000 inset;
    box-shadow: 0 -58px 123px -62px #000 inset
}

.index-zwj-list .list-item:hover img {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    transform: scale(1.03)
}

.index-zwj-list .list-item-label {
    position: absolute;
    left: 20px;
    bottom: 16px;
    color: #fff;
    font-size: 16px;
    z-index: 1
}

@media screen and (min-width:1460px) {
    .index-zwj-list .list-item, .index-zwj-list .list-item img {
        width: 474px;
        height: 350px
    }

    .index-zwj-list {
        margin-left: -19px
    }

    .index-zwj-list .list-item {
        margin-left: 19px
    }
}

.transverse-thread {
    display: block;
    width: 40px;
    height: 1px;
    background-color: #fff
}

.index-gsc {
    padding: 90px 0 100px
}

.index-gsc .content-wrapper {
    overflow: hidden
}

.index-gsc .list-wares {
    position: relative;
    float: left;
    width: 400px;
    margin-right: 10px;
    overflow: hidden
}

.index-gsc .index-gsc-list {
    font-size: 0;
    float: left
}

.index-gsc .list-wares img {
    width: 400px;
    height: 358px;
    vertical-align: top
}

.list-wares a {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.index-gsc .list-more {
    margin-right: 0
}

.index-gsc .list-more img {
    width: 400px;
    height: 175px
}

.index-gsc .list-more a {
    position: relative;
    display: block;
    vertical-align: bottom
}

.index-gsc .list-more a+a {
    margin-top: 8px
}

.index-seller-list {
    float: left;
    width: 100%;
    margin-top: 20px;
    background-color: #fff
}

.index-seller-list a, .index-seller-list img {
    width: 243px;
    height: 110px
}

.index-seller-list ul {
    overflow: hidden
}

.index-seller-list ul li {
    float: left;
    background-color: #fff
}

.index-seller-list ul li a {
    float: left
}

.index-seller-list .division-thread {
    float: left;
    height: 35px;
    margin: 37px 0 0;
    background-color: #e0e0e0
}

.list-wares-title {
    position: absolute;
    text-align: center;
    color: #333
}

.list-wares .list-wares-title {
    top: 38px;
    left: 0;
    z-index: 10;
    width: 100%
}

.list-wares .list-wares-name {
    margin-bottom: 12px;
    font-size: 20px
}

.list-wares .transverse-thread {
    width: 54px;
    margin: 0 auto;
    background-color: #717273
}

.list-wares .list-wares-price {
    display: block;
    margin-top: 13px;
    font-size: 16px
}

.list-more .list-wares-title {
    top: 24px;
    left: 30px;
    width: auto
}

.list-more .list-wares-price {
    text-align: left
}

.list-more .transverse-thread {
    margin: 0
}

.index-tubatu {
    padding: 90px 0 100px;
    background: #f5f5f5
}

.index-tubatu .list-item .list-item-content {
    overflow: hidden
}

.index-tubatu .index-tubatu-list {
    margin-top: 40px;
    -webkit-transform: translate(0, 10%);
    -moz-transform: translate(0, 10%);
    -ms-transform: translate(0, 10%);
    -o-transform: translate(0, 10%);
    transform: translate(0, 10%)
}

.index-tubatu .list-item-title {
    height: 70px;
    margin: 15px 0;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px
}

.index-tubatu-list .list-item {
    float: left;
    position: relative;
    width: 393px;
    border: 1px solid #e8e8e8;
    margin-left: 17px;
    box-shadow: 0 0 0 #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1
}

.index-tubatu-list .list-item:hover {
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    border-radius: 2px;
    border-color: transparent
}

.index-tubatu-list .list-item-content-img {
    width: 393px;
    height: 249px;
    overflow: hidden
}

.index-tubatu-list {
    margin-left: -17px
}

.index-tubatu-list .list-item-content img {
    width: 393px;
    height: 249px;
    transition: all .7s
}

.index-tubatu-list .list-item:hover .list-item-content img {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    transform: scale(1.03)
}

.index-tubatu-list .list-item-footer {
    position: relative;
    padding: 17px;
    border-top: 1px solid #e8e8e8
}

.index-tubatu-list .list-item-logo {
    height: 30px
}

.index-tubatu-list .list-item-num {
    position: absolute;
    top: 50%;
    margin-top: -19px;
    right: 15px;
    padding-top: 10px;
    font-size: 14px;
    color: #999
}

.index-tubatu-list .list-item-clock {
    display: inline-block;
    background: url(../image/index_bg_s.png) -539px -311px no-repeat;
    background-image: -webkit-image-set(url(../image/index_bg_s.png) 1x, url(//img.to8to.com/to8to_pc/index/statics/img/index_bg_l.png) 2x);
    background-image: image-set(url(../image/index_bg_s.png) 1x, url(//img.to8to.com/to8to_pc/index/statics/img/index_bg_l.png) 2x);
    width: 17px;
    height: 17px;
    vertical-align: middle;
    padding-bottom: 1px;
    padding-right: 3px
}

.index-data-show {
    position: relative;
    height: 220px;
    overflow: hidden;
    background-color: #0cb46a
}

.index-data-show .content-wrapper {
    position: relative;
    z-index: 10;
    height: 220px
}

.index-data-show .index-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 220px
}

.index-img-box p {
    position: absolute;
    color: #fff
}

.index-slogan-top {
    top: 54px;
    left: 160px;
    font-size: 23px;
    font-weight: 700
}

.index-slogan-bottom {
    top: 90px;
    left: 160px;
    font-size: 17px
}

.index-img-box {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.index-img {
    position: absolute;
    width: 148px;
    vertical-align: bottom;
    bottom: 0;
    left: 0
}

.index-data-box {
    position: absolute;
    right: 0;
    top: 50px
}

.index-data-box .index-data-mini {
    display: block;
    width: 618px;
    height: 73px
}

.index-data-box .index-data {
    display: none
}

@media screen and (min-width:1460px) {
    .index-tubatu-list .list-item-content-img, .index-tubatu-list .list-item-content-img img {
        width: 476px;
        height: 300px
    }

    .index-tubatu-list {
        margin-left: -13px
    }

    .index-tubatu-list .list-item {
        width: 476px;
        margin-left: 13px
    }
}

#container_wrapper, #video_play_box, .container-fullscreen #container {
    width: 805px !important;
    height: 453px !important
}



.ad-mark, .company-zx-icon {
    height: 30px;
    position: absolute
}

@media screen and (min-width:1921px) {
    .index-yzs {
        width: 1920px;
        margin: 80px auto 0
    }
}

.company-zx-icon {
    top: 13px;
    right: 0;
    width: 156px
}

.company-zx-phone {
    width: 260px;
    font-size: 14px;
    color: #333
}

.zzx-company-list:hover .company-zx-phone {
    width: 260px
}

.zzx-company-list .company-zx-phone:hover .company-zx-phoneNum {
    color: #fff
}

.company-zx-phoneNum {
    font-size: 20px;
    color: #333;
    vertical-align: middle
}

.company-zx-advertising {
    position: absolute;
    right: 8px;
    bottom: 4px;
    font-size: 12px;
    color: #ccc
}

.order-error {
    color: red;
    background-color: #fff
}

.ad-mark {
    z-index: 100;
    right: 0;
    bottom: 0;
    width: 48px;
    background-image: url(../image/ad_flag_big_pc.png)
}

.index-mid-all-box .ad-banner-link {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -730px
}

.live-list .vcp-controls-panel {
    height: 40px;
    padding: 8px 20px;
    box-sizing: border-box
}

.live-list .vcp-panel-bg {
    height: 40px;
    background-color: rgba(0, 0, 0, .35)
}

.live-list .vcp-volume {
    top: -15px;
    width: 24px
}

.live-list .vcp-volume .vcp-volume-bg {
    top: -93px;
    left: 0;
    width: 24px;
    height: 100px;
    background: #333
}

.live-list .vcp-slider-vertical {
    left: 11px;
    top: -84px;
    width: 2px;
    height: 90px;
    background: rgba(255, 255, 255, .5)
}

.vcp-slider-vertical .vcp-slider-track {
    width: 2px
}

.live-list .vcp-slider-vertical .vcp-slider-track {
    background-color: #0CB46A
}

.vcp-slider .vcp-slider-thumb {
    width: 7px;
    height: 7px;
    top: -3px;
    background-color: #fff
}

.live-list .vcp-slider-vertical .vcp-slider-thumb {
    left: -2px;
    width: 7px;
    height: 7px
}

.live-list .is-live .vcp-timeline, .live-list .vcp-timelabel {
    display: none
}

.live-list .vcp-timeline {
    top: 12px;
    left: 56px;
    width: 178px
}

@media screen and (min-width:1460px) {
    .live-list .vcp-timeline {
        width: 238px
    }
}

.live-list .vcp-timeline .vcp-slider {
    background: rgba(255, 255, 255, .8)
}

.live-list .vcp-timeline:hover .vcp-slider {
    margin-top: 8px;
    height: 2px
}

.live-list .vcp-timeline:hover .vcp-slider-thumb {
    display: block;
    width: 7px;
    height: 7px;
    top: -3px;
    margin-left: -5px
}

.live-list .vcp-playtoggle:focus, .vcp-playtoggle:hover {
    background-color: transparent
}

.live-list .vcp-playtoggle {
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFIGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDYtMTBUMTQ6NTM6NDQrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTA2LTEwVDE0OjU0OjEwKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA2LTEwVDE0OjU0OjEwKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmMxZmE1MDE1LTJmN2QtNDFjMS05YjQ0LTkwOTRmYzg5OWIyMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpjMWZhNTAxNS0yZjdkLTQxYzEtOWI0NC05MDk0ZmM4OTliMjMiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjMWZhNTAxNS0yZjdkLTQxYzEtOWI0NC05MDk0ZmM4OTliMjMiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmMxZmE1MDE1LTJmN2QtNDFjMS05YjQ0LTkwOTRmYzg5OWIyMyIgc3RFdnQ6d2hlbj0iMjAyMC0wNi0xMFQxNDo1Mzo0NCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+JrJSDQAAAOVJREFUSInt1aFKhEEUxfHfisVgEd9Ao82oURAWfANBg1UQfAVfwCQWEaxbjYuI4CsIBovFYNcix+AXXPhcx9n9QMQDN83h/udwLzO9JLrUTKfdfwvgBGeY6wqwjk2s1QAk+a4e86G3JIcF/pEqMd1nVOdJ5ksBNUPewRVWSsy1W7SKa2x3BYAFXOBorKtiBm26TLI0rRm0qY/ltoNpAJ6whWHb4eyEzW+wi4evDJMkOMbGuObUJXjFAU5LzCWAzynvsIfb4usUrOlzs4qDJIs/fYtKEgyapPt4Kb55o17+v8w/D3gHuUtLPj5DZFwAAAAASUVORK5CYII=)
}

.live-list .vcp-playing .vcp-playtoggle {
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFIGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDYtMTBUMTQ6NTM6NDQrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTA2LTEwVDE0OjU1OjE0KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA2LTEwVDE0OjU1OjE0KzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVkMTNkMDE5LTE5MDUtNDk1ZC1hY2I1LTJjMjA0MDdhZWNiOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1ZDEzZDAxOS0xOTA1LTQ5NWQtYWNiNS0yYzIwNDA3YWVjYjkiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1ZDEzZDAxOS0xOTA1LTQ5NWQtYWNiNS0yYzIwNDA3YWVjYjkiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjVkMTNkMDE5LTE5MDUtNDk1ZC1hY2I1LTJjMjA0MDdhZWNiOSIgc3RFdnQ6d2hlbj0iMjAyMC0wNi0xMFQxNDo1Mzo0NCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TpzXzAAAANBJREFUSIntlTEKwkAURF9EIbViKam8SA6Rc3g3sdILhDQpA5aWYm3AYizcgK4/u1gEQTOwxfDf7CwhmySSGFKTQXf/VsEc2AANsAWyQD5zTOMy8zdCkr9ySXs9dJVUGEy3CsfIZXKfsUKVXnWSlBpc6mbPqnzOekRLzy+A1OBSNwtlzYKb4a13WT1stMDfLHRRouxv3oOx4A8Kkoj/iLUKZoa3SpIeNlpw9vwFaA2udbNQdvjP9dQ4WQ3sgBVwBEqD6VQCB2DtMrUPJONPP6Y7c38Os+b50NEAAAAASUVORK5CYII=)
}

.live-list .vcp-fullscreen-toggle {
    display: none;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFIGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDYtMTBUMTQ6NTM6NDQrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTA2LTEwVDE0OjU0OjUzKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA2LTEwVDE0OjU0OjUzKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgxZTE5ZGU3LTkxY2QtNDAxZi05ZWNjLWIyNDI3ZjVmZDYxOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MWUxOWRlNy05MWNkLTQwMWYtOWVjYy1iMjQyN2Y1ZmQ2MTgiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4MWUxOWRlNy05MWNkLTQwMWYtOWVjYy1iMjQyN2Y1ZmQ2MTgiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjgxZTE5ZGU3LTkxY2QtNDAxZi05ZWNjLWIyNDI3ZjVmZDYxOCIgc3RFdnQ6d2hlbj0iMjAyMC0wNi0xMFQxNDo1Mzo0NCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+8by/kQAAAUdJREFUSIndlLFOAkEQhj+MAY9oYmtx1SYUNNiS2FBRaOvbWBGfh0oKeh/A2oTm7gE0UVBIdCxu7hjX2wtcQBP/ZIr7d/75szc70xAR9omDvVb/K4MzYAx8mEgAZ3KccjZnrNpKgxi4AIZ6lkcMtExeSzmbM1RtbAs2vCbfAZfAPXBj+BXwALzpdwScA02Tc6sGE+CqYEXERo6Bx28SA6Mv+FCTVwG+CqWakMFRDYNSzaH3nQInwKKGwQJ4Bl4s6TfZAcfAI+uGbooI6ACvwCxksHP8+iQ7oEd23W0RqdZ9Y723nIjIk4j0a8xBX7WJ5f1XlI95u8YN2sCpRoFQD95rGJRqQgbNAF+FUo3/iyZky27E9stuZGqs4TUqFpFrEZnLT3RNXrfkfK7auGrZpWSregp8mkiBpclbKmdzpqpNbcH/N8k7xxdknC6BQculdgAAAABJRU5ErkJggg==)
}

.live-list .vcp-volume-icon {
    margin-top: 15px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFIGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDYtMTBUMTQ6NTM6NDQrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTA2LTEwVDE0OjU0OjI0KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA2LTEwVDE0OjU0OjI0KzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY0YTkwOTRjLWJiNWUtNDc1YS05ZDI1LTk1ODdkMTFiYTY3ZiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NGE5MDk0Yy1iYjVlLTQ3NWEtOWQyNS05NTg3ZDExYmE2N2YiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NGE5MDk0Yy1iYjVlLTQ3NWEtOWQyNS05NTg3ZDExYmE2N2YiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0YTkwOTRjLWJiNWUtNDc1YS05ZDI1LTk1ODdkMTFiYTY3ZiIgc3RFdnQ6d2hlbj0iMjAyMC0wNi0xMFQxNDo1Mzo0NCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+R3dGTQAAAa1JREFUSIntlTFIVWEUx3/PF1omumhC+mjQRV1cw+TpUkOL4KDW0Ms9EITmhmhxFzEnl4ZocnNwEnFwSqiodJBoEKU0ghTk13A/9XHf9b0rPsHBA4fvno9zzv/+zzn33IzKZUrNpWa/agBZ4DnwCXidOkpNo33qmpFsh/NBmthKDHLAArAMdAKPgJEiRhXlRtFzOzAWEu0BrcAoUAvMAZPAPpCP5RgAhoAZ4Eu5Ei0F6nvqX/WP+kHtidHOB798sIc8lWfxEhUbh+qWWqO2qc1qJqGucQDUDnUx3BfOAjhSv6doXBIAalZdUf+pXWmbXE52gUZgFbgPHAGvgDrgxbHTRQCyRE1vB6bD3SLwA3hcDYCmcL4HeonYABwCLdUA2AHqgYkAsk809g3At2oA3AQOgKkAAvAUuAO8O/FKGNOMevecY4p6T/2pfg6xJVO0TLQafgFfgc1AvScFm3HgI3AbeEJUvhIGOfWlOqtOqfPqQXjbt2rjGQwKwd5Qu8t9yUmaUxdCgt/qQ3UwBtClDqu3knJcZF33p4lNC3C8CgrquvrG5AEo0YzXP/0K8h8vUt+BNTn6cAAAAABJRU5ErkJggg==)
}

.live-list .vcp-volume-muted .vcp-volume-icon {
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFIGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDYtMTBUMTQ6NTM6NDQrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTA2LTEwVDE0OjU0OjQxKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA2LTEwVDE0OjU0OjQxKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2MWE1YjcwLTRmZjktNGRhYi1hNTRhLTg1MGJhZTBkMzA2YiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNjFhNWI3MC00ZmY5LTRkYWItYTU0YS04NTBiYWUwZDMwNmIiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNjFhNWI3MC00ZmY5LTRkYWItYTU0YS04NTBiYWUwZDMwNmIiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjE2MWE1YjcwLTRmZjktNGRhYi1hNTRhLTg1MGJhZTBkMzA2YiIgc3RFdnQ6d2hlbj0iMjAyMC0wNi0xMFQxNDo1Mzo0NCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+yI1RtgAAAX9JREFUSInt1TFrVEEUBeBvs8HWUkQDCna2WiWypNEfYBGt1N9go01AMBaW1jZqI1jGWhC2005iIWKhpAlKjJ2B3WPxZpOXrO57yxqw8MBwZ3j33nPvzJl5nSSOEnNHmv1fI+jiFt7jfuuoJG3GYpK3qbBV7FKb2KYOFrCOPs7hClZqHTVivjY/jesl0Q5O4BqO4TFu4wd67fZmnOAplkuSeQzxEqvYmCbpnwiW8AVncBI/8Q1NF6VbfIa19XAUN3fIcbd83MTXhuQ7xb7GWpmfxxs8/F0H02JU8SncUXV9oZD097xqkhok+dhCer0i015Zn03yOfu4N41MZ8YsBNvFvlLdlycqta3i0chpljMYFbeJ57ir2v9nKgWOEQxUl6qjOrBdk2V6vNhezWcDF+0L4MAW9VWtbuMDPuFFqWoSBvWEZb1XVL2DG8afihVcdfCpmA4NklxIsl7k9z3J5STLh2Q6cczyXF/6mwSSdJPcTPIuyYMknTZxnfz/6TfgF/nRv1/hhQwHAAAAAElFTkSuQmCC)
}

.live-list .vcp-poster {
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s
}

.headTab {
    background: #fff;
    /* border-bottom: 1px solid #f2f2f2; */
    display: flex;
    font-size: 16px;
    width: 1200px;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
}

.headTab .headContent {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 50px;
    justify-content: space-between;
    line-height: 50px;
    list-style: none;
    /* margin: 0 auto; */
    width: 875px
}

.headTab .headContent .navParent {
    color: #444;
    font-size: 16px;
    padding: 0 20px 14px;
    -webkit-text-decoration: none;
    text-decoration: none;
    position: relative;
}

.headTab .headContent .navParent:hover {
    border-bottom: 2px solid #00a147;
    color: #00a147;
    padding-bottom: 14px;
    position: relative
}

.headTab .headContent .menu {
    color: #fff
}

.headTab .headContent .menu .menu-xl {
    color: #fff;
    cursor: pointer;
}

.headTab .headContent .menu .menu-xl .hoverNav {
    /* border-top: 1px solid #f2f2f2; */
    height: 0;
    left: 0;
    margin-top: 130px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .5s ease;
    width: 100%;
    z-index: -1
}

.headTab .headContent .menu .menu-xl .hoverNav .con {
    background: #fff;
    color: #444;
    font-size: 14px;
    height: 100%;
    line-height: 94px;
    text-align: center;
    width: 100%;
    z-index: 99
}

.headTab .headContent .menu .menu-xl .hoverNav .con .conBlock {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 1200px
}

.headTab .headContent .menu .menu-xl .hoverNav .con .navChild {
    color: #444;
    font-size: 16px;
    margin-right: 100px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.headTab .headContent .menu .menu-xl .hoverNav .con .cor:hover {
    border: none;
    color: #00a147;
    font-size: 16px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.headTab .headContent .menu .menu-xl .hoverNav .con .cor {
    color: #444;
    font-weight: 400
}

.headTab .headContent .menu .menu-xl:hover .hoverNav, .headTab .headContent .menu:hover .hoverNav {
    cursor: pointer;
    height: 94px;
    z-index: 99
}

.headTab .headContent .menu .menu-xl:hover .navParent, .headTab .headContent .menu:hover .navParent {
    border-bottom: 2px solid #00a147;
    color: #00a147;
    padding-bottom: 14px
}

.headTab .headContent .ads {
    height: 65px;
    width: 135px
}

.headTab .headContent .ads img {
    height: 100%;
    width: 100%
}

.headTab .headContent .getPrice {
    align-self: center;
    background: #00a147;
    border-radius: 14px;
    color: #fff;
    cursor: pointer;
    height: 27px;
    line-height: 27px;
    text-align: center;
    width: 105px
}

.headTab .nuxt-link-exact-active {
    border-bottom: 2px solid #00a147;
    color: #00a147 !important;
    font-weight: 600;
    padding-bottom: 14px
}

.nav_aimg {
    position: absolute;
    bottom: 20px;
    right: 0;
}