@charset "UTF-8";
html {-webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span{padding:0;margin:0;}
body{font:normal 14px/1.5em pbfont,"微软雅黑","宋体","冬青黑体简体中文 w3"; color: #333;}
ol,ul,li{list-style:none;}
.clearfix{*zoom:1;}
.clearfix:after{content:"."; display:block;clear:both;visibility:hidden;line-height:0;height:0;}
a{color:#222222;text-decoration:none;-webkit-transition: all .2s linear;transition: all .2s linear;}
.fl{float: left;}
.fr{float: right;}
.ellipsis{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cola9 {color: #a9a9a9;}
.col82 {color: #828c9b}
.col32 {color: #ff3232;}
.col35 {color: #ff3532}
.colf3 {color: #FF3333}
.col33 {color: #333333}
.col9 {color: #999999}
.col06 {color: #0066CC}
.italic {font-style: italic}
.justify{text-align: justify;}
.foinwe {font-weight: bold;}
.font18 {font-size: .36rem;}
.font16 {font-size: .32rem;}
.font24 {font-size: .48rem;}
.font14 {font-size: .28rem;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #a39f9f;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#a39f9f;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#a39f9f;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#a39f9f;}

@media screen and (max-width: 321px) {
    body {
        font-size:16px
    }
}

@media screen and (min-width: 321px) and (max-width:400px) {
    body {
        font-size:18px
    }
}

@media screen and (min-width: 400px) and (max-width: 500px) {
    body {
        font-size:20px
    }
}

@media screen and (min-width: 500px) {
    body {
        font-size: 22px;
        max-width: 11rem;
        margin: 0 auto;
    }
}

.content {width: 100%;height: 100%;background: #F9FAFB;min-height: 100vh;}
.content .part-1 {width: 100%;box-sizing: border-box;padding: .4rem;}
/* 头部 */
.header {width: 100%;display: flex;align-items: center;justify-content: space-between; box-sizing: border-box;margin-bottom: .2rem;}
.header .logo a {display: flex;align-items: center;}
.header .logo img {width: 1.8rem;height: .57rem;}
.header .search-box {width: 3.85rem;height: .64rem;background: url('../image/bg-2.png')no-repeat;background-size: 100%;display: flex;align-items: center;justify-content: space-between; box-sizing: border-box;padding: 0 .2rem;}
.header .search-box input {background: transparent;border: none;outline: none;width: 2.5rem;height: .64rem;box-sizing: border-box;}
.header .search-box img {width: .3rem;height: .29rem;cursor: pointer;}
.header .liveing img {width: .81rem;height: .56rem;}

/* 导航 */
.nav {width: 100%;position: relative;overflow: hidden;box-sizing: border-box;margin-bottom: .3rem;}
.nav .shadow {width: .43rem;height: .54rem;background: linear-gradient(90deg, rgba(249,250,251,0) 0%, #F9FAFB 100%);;position: absolute;top: 0; right: 0;z-index: 999;}
.nav .nav-tab {width: 100%;display: flex;align-items: center;justify-content: space-between;white-space: nowrap;overflow: hidden;overflow-x: scroll;}
.nav .nav-tab::-webkit-scrollbar {display: none;}
.nav .nav-tab li {margin-right: .3rem;display: flex;align-items: center;justify-content: center;}
.nav .nav-tab li:last-child {margin-right: 0;}
.nav .nav-tab li a {font-size: .3rem;font-weight: 400;color: #888888;transition: all .3s;position: relative;z-index: 100;}
.nav .nav-tab li a:active {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.nav .nav-tab li a::before {opacity: 0; content: '';width: .72rem;height: .15rem; background: url('../image/bg-1.png')no-repeat;background-size: 100%;position: absolute;left: .03rem; bottom: .04rem;z-index: -1;transition: all .3s;}
.nav .nav-tab li.active a {font-size: .38rem;font-weight: bold;color: #222222;}
.nav .nav-tab li.active a::before {opacity: 1;}

.slide {width: 100%;margin-bottom: .3rem;}
.slide .swiper-slide img {width: 100%;height: 2.57rem;}
.slide .swiper-pagination-bullet {width: .3rem;height: .08rem;background: rgba(255,255,255,0.5);border-radius: .04rem;margin: 0!important;opacity: 1;border-radius: unset;}
.slide .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #ffffff;border-radius: .04rem;}
.slide-3 {width: 100%;margin-bottom: .3rem;}
.slide-3 .swiper-slide img {width: 100%;height: 3.5rem;}
.slide-3 .swiper-pagination-bullet {width: .3rem;height: .08rem;background: rgba(255,255,255,0.5);border-radius: .04rem;margin: 0!important;opacity: 1;border-radius: unset;}
.slide-3 .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #ffffff;border-radius: .04rem;}
.slide-3 .swiper-pagination {bottom: 15px!important;}

/* 类型导航 */
.type-nav {width: 100%;}
.type-nav ul {width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.type-nav ul li {margin-right: .7rem;margin-bottom: .3rem;}
.type-nav ul li:nth-child(4),.type-nav ul li:nth-child(8) {margin-right: 0;}
.type-nav ul li a {display: flex;align-items: center;justify-content: center;flex-direction: column;}
.type-nav ul li a img {width: .8rem;height: .8rem;margin-bottom: .1rem;}
.type-nav ul li a span {display: block; font-size: .28rem;font-weight: 400;color: #222222;}

/* 热点榜 */
.hot {width: 100%;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: .3rem .4rem;background: #f2f2f2;}
.hot .im-1 {width: .94rem;height: .28rem;margin-right: .2rem;}
.hot .im-2 {width: .13rem;height: .22rem;}
.hot a {font-size: .3rem;font-weight: 400;color: #222222;position: relative;display: block;box-sizing: border-box;padding-left: .2rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.hot a::before {content: '';width: .06rem;height: .06rem;background: #333333;border-radius: 100%; position: absolute;left: 0;top: .25rem;display: block;}
.hot-list {width: 100%;box-sizing: border-box;padding: .3rem 0 .3rem .4rem;}
/* .hot-list ul {display: flex;align-items: center;justify-content: space-between;} */
.hot-list .swiper-slide {width: 3.15rem!important;height: 3.45rem;background: #FFFFFF;border-radius: .2rem;margin-right: .2rem!important;}
.hot-list .swiper-slide a {display: flex;flex-direction: column;}
.hot-list .swiper-slide a .img {width: 100%;height: 1.77rem;}
.hot-list .swiper-slide a .img img {width: 100%;height: 1.77rem;}
.hot-list .swiper-slide a .info {width: 100%;box-sizing: border-box;padding: .2rem;}
.hot-list .swiper-slide a .info p.title {font-size: .3rem;font-weight: bold;color: #222222;height: .76rem;line-height: .38rem; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: .15rem;}
.hot-list .swiper-slide a .info p.num {font-size: .24rem;font-weight: 400;color: #888888;line-height: .38rem;}



.content .part-2 {width: 100%;box-sizing: border-box;padding: .4rem .4rem .2rem .4rem;}
/* 最新视频 */
.content .part-2 .new-vid {width: 100%;}
.content .part-2 .new-vid .lab {display: flex;align-items: center;justify-content: space-between;margin-bottom: .3rem;}
.content .part-2 .new-vid .lab span {font-size: .34rem;font-weight: bold;color: #333333;line-height: .51rem;}
.content .part-2 .new-vid .lab a {font-size: .26rem;font-weight: 400;color: #888888;line-height: .35rem;}
.content .part-2 .new-vid .list ul {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.content .part-2 .new-vid .list ul li {width: 3.25rem;/* height: 4.2rem; */background: #FFFFFF;border-radius: .2rem;margin-bottom: .2rem;}
.content .part-2 .new-vid .list ul li a {display: flex;flex-direction: column;}
.content .part-2 .new-vid .list ul li a .img {width: 100%;/* height: 2.5rem; *//* min-height: 2.5rem; *//* display: flex; *//* align-items: center; *//* justify-content: center; */}
.content .part-2 .new-vid .list ul li a .img img {width: 100%;/* height: 2.5rem; */display: block;border-top-left-radius: .2rem;border-top-right-radius: .2rem;}
.content .part-2 .new-vid .list ul li a .info {width: 100%;box-sizing: border-box;padding: .2rem;}
.content .part-2 .new-vid .list ul li a .info p.title {font-size: .3rem;font-weight: bold;color: #222222;height: .76rem;line-height: .38rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;/* margin-bottom: .15rem; */}
.content .part-2 .new-vid .list ul li a .info p.num {font-size: .24rem;font-weight: 400;color: #888888;line-height: .38rem;}

/* 线下活动 */
.content .part-2 .offline {width: 100%;}
.content .part-2 .offline .lab {display: flex;align-items: center;justify-content: space-between;margin-bottom: .3rem;}
.content .part-2 .offline .lab span {font-size: .34rem;font-weight: bold;color: #333333;line-height: .51rem;}
.content .part-2 .offline .lab a {font-size: .26rem;font-weight: 400;color: #888888;line-height: .35rem;}
.content .part-2 .offline .list li {width: 100%;height: 2.2rem;border-radius: .2rem;background: #ffffff;margin-bottom: .2rem;}
.content .part-2 .offline .list li a {display: flex;align-items: center;}
.content .part-2 .offline .list li a .img img {width: 3.01rem;height: 2.2rem;}
.content .part-2 .offline .list li a .info {box-sizing: border-box;padding: 0 .3rem;}
.content .part-2 .offline .list li a .info .title {font-size: .3rem;font-weight: bold;color: #222222;line-height: .38rem;margin-bottom: .3rem;height: .76rem;}
.content .part-2 .offline .list li a .info .loc {font-size: .3rem;font-weight: 400;color: #888888;line-height: .45rem;display: flex;align-items: center;}
.content .part-2 .offline .list li a .info .loc img {width: .25rem;height: .3rem;margin-right: .1rem;}

/* 展会专区 */
.content .part-2 .exhibition {width: 100%;margin-top: .4rem;}
.content .part-2 .exhibition .lab {display: flex;align-items: center;justify-content: space-between;margin-bottom: .3rem;}
.content .part-2 .exhibition .lab span {font-size: .34rem;font-weight: bold;color: #333333;line-height: .51rem;}
.content .part-2 .exhibition .lab a {font-size: .26rem;font-weight: 400;color: #888888;line-height: .35rem;}
.content .part-2 .exhibition .list ul {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.content .part-2 .exhibition .list ul li {width: 3.25rem;height: 4.2rem;background: #FFFFFF;border-radius: .2rem;}
.content .part-2 .exhibition .list ul li a {display: flex;flex-direction: column;}
.content .part-2 .exhibition .list ul li a .img {width: 100%;height: 2.5rem;}
.content .part-2 .exhibition .list ul li a .img img {width: 100%;height: 2.5rem;border-top-left-radius: .2rem;border-top-right-radius: .2rem;}
.content .part-2 .exhibition .list ul li a .info {width: 100%;box-sizing: border-box;padding: .2rem;}
.content .part-2 .exhibition .list ul li a .info p.title {font-size: .3rem;font-weight: bold;color: #222222;height: .76rem;line-height: .38rem; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: .15rem;}
.content .part-2 .exhibition .list ul li a .info p.num {font-size: .24rem;font-weight: 400;color: #888888;line-height: .38rem;}

/* 讲师专区 */
.content .part-2 .lecturer {width: 100%;margin-top: .4rem;}
.content .part-2 .lecturer .lab {display: flex;align-items: center;justify-content: space-between;margin-bottom: .3rem;}
.content .part-2 .lecturer .lab span {font-size: .34rem;font-weight: bold;color: #333333;line-height: .51rem;}
.content .part-2 .lecturer .lab a {font-size: .26rem;font-weight: 400;color: #888888;line-height: .35rem;}
.content .part-2 .lecturer .list li {width: 100%;/* height: 2.2rem; */border-radius: .2rem;background: #ffffff;margin-bottom: .2rem;}
.content .part-2 .lecturer .list li a {display: flex;align-items: center;}
.content .part-2 .lecturer .list li a .img img {width: 3.01rem;/* height: 2.2rem; */display: block;border-top-left-radius: .2rem;border-bottom-left-radius: .2rem;}
.content .part-2 .lecturer .list li a .info {box-sizing: border-box;padding: 0 .3rem;}
.content .part-2 .lecturer .list li a .info .title {font-size: .3rem;font-weight: bold;color: #222222;line-height: .38rem;margin-bottom: .3rem;height: .76rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.content .part-2 .lecturer .list li a .info .loc {font-size: .28rem;font-weight: 400;color: #888888;line-height: .45rem;}

/* 知识专栏 */
.content .part-2 .knowledge {width: 100%;margin-top: .4rem;}
.content .part-2 .knowledge .lab {display: flex;align-items: center;justify-content: space-between;margin-bottom: .3rem;}
.content .part-2 .knowledge .lab span {font-size: .34rem;font-weight: bold;color: #333333;line-height: .51rem;}
.content .part-2 .knowledge .lab a {font-size: .26rem;font-weight: 400;color: #888888;line-height: .35rem;}
.content .part-2 .knowledge .list li {width: 100%;height: 2.2rem;border-radius: .2rem;background: #ffffff;margin-bottom: .2rem;}
.content .part-2 .knowledge .list li a {display: flex;align-items: center;}
.content .part-2 .knowledge .list li a .img img {width: 3.01rem;height: 2.2rem;}
.content .part-2 .knowledge .list li a .info {box-sizing: border-box;padding: 0 .3rem;}
.content .part-2 .knowledge .list li a .info .title {font-size: .3rem;font-weight: bold;color: #222222;line-height: .38rem;margin-bottom: .3rem;height: .76rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.content .part-2 .knowledge .list li a .info .loc {font-size: .28rem;font-weight: 400;color: #888888;line-height: .45rem;}

/* 网络公开课 */
.content .part-2 .online-open-course {width: 100%;margin-top: .4rem;}
.content .part-2 .online-open-course .lab {display: flex;align-items: center;justify-content: space-between;margin-bottom: .3rem;}
.content .part-2 .online-open-course .lab span {font-size: .34rem;font-weight: bold;color: #333333;line-height: .51rem;}
.content .part-2 .online-open-course .lab a {font-size: .26rem;font-weight: 400;color: #888888;line-height: .35rem;}
.content .part-2 .online-open-course .list ul {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.content .part-2 .online-open-course .list ul li {width: 2.11rem;height: 3.5rem;background: #FFFFFF;border-radius: .2rem;}
.content .part-2 .online-open-course .list ul li a {display: flex;flex-direction: column;}
.content .part-2 .online-open-course .list ul li a .img {width: 100%;height: 1.65rem;}
.content .part-2 .online-open-course .list ul li a .img img {width: 100%;height: 1.65rem;border-top-left-radius: .2rem;border-top-right-radius: .2rem;}
.content .part-2 .online-open-course .list ul li a .info {width: 100%;box-sizing: border-box;padding: .2rem;}
.content .part-2 .online-open-course .list ul li a .info p.title {font-size: .3rem;font-weight: bold;color: #222222;height: .76rem;line-height: .38rem; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: .15rem;}
.content .part-2 .online-open-course .list ul li a .info p.num {font-size: .24rem;font-weight: 400;color: #888888;line-height: .38rem;}

/* 企业专栏 */
.content .part-2 .company {width: 100%;margin-top: .4rem;}
.content .part-2 .company .lab {display: flex;align-items: center;justify-content: space-between;margin-bottom: .3rem;}
.content .part-2 .company .lab span {font-size: .34rem;font-weight: bold;color: #333333;line-height: .51rem;}
.content .part-2 .company .list ul {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.content .part-2 .company .list li {width: 2.11rem;height: 1.65rem; background: #FFFFFF; border-radius: .2rem;margin-bottom: .2rem;}
.content .part-2 .company .list li a {width: 100%;height: 100%; display: flex;align-items: center;justify-content: center;}
.content .part-2 .company .list li a img {max-width: 85%;}

/* 电子书 */
.content .part-2 .ebook {width: 100%;margin-top: .4rem;}
.content .part-2 .ebook .lab {display: flex;align-items: center;justify-content: space-between;margin-bottom: .3rem;}
.content .part-2 .ebook .lab span {font-size: .34rem;font-weight: bold;color: #333333;line-height: .51rem;}
.content .part-2 .ebook .list ul {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.content .part-2 .ebook .list li {width: 2.11rem;height: 4.7rem; background: #FFFFFF; border-radius: .2rem;margin-bottom: .2rem;}
.content .part-2 .ebook .list li a {width: 100%;height: 100%;}
.content .part-2 .ebook .list li a .img {width: 100%;height: 3.33rem;}
.content .part-2 .ebook .list li a .img img {max-width: 100%;height: 100%;border-top-left-radius: .2rem;border-top-right-radius: .2rem;}
.content .part-2 .ebook .list li a .title {font-size: .3rem;font-weight: bold;color: #222222;line-height: .45rem;box-sizing: border-box;padding: .2rem .15rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/* 二维码 */
.content .part-2 .code {width: 100%;margin-top: .3rem;}
.content .part-2 .code img {max-width: 100%;}

/* 平台 */
.content .part-2 .platform {width: 100%;margin-top: .4rem;display: flex;align-items: center;justify-content: space-between;}
.content .part-2 .platform a {display: flex;align-items: center;justify-content: center;}
.content .part-2 .platform img {width: 1.6rem;height: .64rem;}

/* 联盟 */
.content .part-3 {width: 100%;background: #F6F6F6;padding-top: .3rem;}
.content .part-3 .alliance {width: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: .3rem;}
.content .part-3 .alliance img {width: 3.58rem;}

/* 底部 */
.content .part-3 .footer {width: 100%;height: .76rem;background: rgba(0, 0, 0, 0.3);display: flex;align-items: center;justify-content: center;}
.content .part-3 .footer a {font-size: .26rem;color: #FFFFFF;}
.content .part-3 .footer span {font-size: .26rem;color: #FFFFFF;margin: 0 .1rem;}

/* 说明 */
.content .part-3 .explain {width: 100%;display: flex;align-items: center;justify-content: center;font-size: .28rem;color: #333333;padding: .3rem 0;background: #FFFFFF;}
.content .part-3 .explain a {font-size: .28rem;color: #00A2EA;}

/* =================================== 首页 end ======================================= */

/* 直播栏目 */
.column-1 .slide {margin-bottom: 0;}
.column-1 .part-2 {padding-top: 0;}

/* 专栏栏目 */
.column-2 .nav {margin-bottom: 0;}
.column-2 .part-2 {padding-top: 0;}
.column-2 .part-2 .new-vid {margin-bottom: .4rem;}
.column-2 .part-2 .new-vid:last-child {margin-bottom: 0;}

/* 讲堂专栏 */
.column-3 .nav {margin-bottom: 0;}
.column-3 .part-1 {padding-bottom: .3rem;}
.column-3 .part-2 {padding-top: 0;}
.column-3 .part-2 .lecturer {margin-top: 0;}

/* 视频详情 */
.vid-detail {background: #ffffff;}
.vid-detail .p1 {width: 100%;display: flex;align-items: center;justify-content: center;}
.vid-detail .p1 video {width: 100%;height: 100%;}
.vid-detail .p2 {width: 100%;}
.vid-detail .p2 .lab {width: 100%;box-sizing: border-box;padding: .2rem .3rem;border-bottom: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: space-between;}
.vid-detail .p2 .lab .intro {font-size: .32rem;font-weight: bold;color: #222222;position: relative;}
.vid-detail .p2 .lab .intro::before {content: '';width: .64rem;height: .15rem;background: url('../image/bg-3.png')no-repeat;background-size: 100% 100%;position: absolute;bottom: .04rem;}
.vid-detail .p2 .lab .time {font-size: .24rem;font-weight: 400;color: #888888;display: flex;align-items: center;justify-content: space-between;}
.vid-detail .p2 .lab .time span:nth-child(1) {margin-right: .4rem;}
.vid-detail .p2 .con {width: 100%;box-sizing: border-box;padding: .3rem;}
.vid-detail .p2 .con p:nth-child(1) {font-size: .4rem;font-weight: bold;color: #222222;margin-bottom: .4rem;}
.vid-detail .p2 .con p:nth-child(2) {font-size: .3rem;font-weight: 400;color: #666666;line-height: .5rem;text-align: justify;}

/* 专栏目录 */
.sp-col {background: #ffffff;}
.sp-col .p1 {width: 100%;display: flex;align-items: center;justify-content: center;}
.sp-col .p1 img {width: 100%;height: 100%;}
.sp-col .p2 .lab {width: 100%;box-sizing: border-box;padding: .2rem .3rem;border-bottom: 1px solid #DEDEDE;display: flex;align-items: center;}
.sp-col .p2 .lab span {font-size: .32rem;font-weight: 400;color: #888888;position: relative;}
.sp-col .p2 .lab span:nth-child(1) {margin-right: .4rem;}
.sp-col .p2 .lab span.active {font-weight: bold;color: #222222;}
.sp-col .p2 .lab span.active::before {content: '';width: .64rem;height: .15rem;background: url('../image/bg-3.png')no-repeat;background-size: 100% 100%;position: absolute;bottom: .04rem;}
.sp-col .p2 .lab .time {font-size: .24rem;font-weight: 400;color: #888888;display: flex;align-items: center;justify-content: space-between;}
.sp-col .p2 .lab .time span:nth-child(1) {margin-right: .4rem;}
.sp-col .p2 .con {width: 100%;box-sizing: border-box;padding: .3rem;}
.sp-col .p2 .con p:nth-child(1) {font-size: .4rem;font-weight: bold;color: #222222;margin-bottom: .4rem;}
.sp-col .p2 .con p:nth-child(2) {font-size: .3rem;font-weight: 400;color: #666666;line-height: .5rem;text-align: justify;margin-bottom: .4rem;position: relative;}
.sp-col .p2 .con p span {display: inline-flex;align-items: center;font-size: .3rem;font-weight: 400;color: #00A2EA;position: absolute;right: 0;bottom: .05rem;background: #ffffff;padding-left: .3rem;}
.sp-col .p2 .con p span img {width: .19rem;height: .12rem;margin-left: .1rem;margin-top: .04rem;}
.sp-col .p2 .con p span::before {content: '';position: absolute;right: 100%;background-image: linear-gradient(270deg, #ffffff, hsla(0, 0%, 100%, 0));width: 1rem;height: .4rem;}
.sp-col .p2 .con p:nth-child(2) {height: 1.06rem;overflow: hidden;word-break: break-all;}
.sp-col .p2 .con p:nth-child(3) {width: 1.8rem;height: .5rem;background: url('../image/bg-4.png')no-repeat;background-size: 100% 100%;display: flex;align-items: center;justify-content: center;font-size: .28rem;font-weight: 400;color: #888888;}
.sp-col .p2 .list {width: 100%;box-sizing: border-box;padding: 0 .3rem;display: none;}
.sp-col .p2 .list li {box-sizing: border-box;padding: .3rem 0;border-bottom: 1px solid #DEDEDE;}
.sp-col .p2 .list li:last-child {border-bottom: 0;}
.sp-col .p2 .list li a {display: flex;flex-direction: column;}
.sp-col .p2 .list li a p:nth-child(1) {font-size: .34rem;font-weight: bold;color: #222222;margin-bottom: .2rem;}
.sp-col .p2 .list li a p:nth-child(2) {font-size: .28rem;font-weight: 400;color: #888888;}

/* 专栏视频详情 */
.sp-col-detail .p1 video {width: 100%;height: 100%;}
.sp-col-detail .p2 .lab {display: flex;align-items: center;justify-content: space-between;}
.sp-col-detail .p2 .lab .time {display: inline-flex;align-items: center;}
.sp-col-detail .p2 .lab .time span {font-size: .24rem;color: #888888;font-weight: 400;}
.sp-col-detail .p2 .con .xg-vid {background: #F9FAFB;border-radius: 20px;}
.sp-col-detail .p2 .con .xg-vid .lab {font-size: .34rem;font-weight: bold;color: #222222;border-bottom: 0;box-sizing: border-box;padding: .3rem;}
.sp-col-detail .p2 .con .xg-vid li {width: 100%;box-sizing: border-box;padding: 0 .3rem;border-bottom: 1px solid #DEDEDE;padding-bottom: .3rem;margin-bottom: .3rem;}
.sp-col-detail .p2 .con .xg-vid li:last-child {border-bottom: 0;margin-bottom: 0;}
.sp-col-detail .p2 .con .xg-vid li a {display: flex;align-items: center;width: 100%;}
.sp-col-detail .p2 .con .xg-vid li a .img {width: 2.46rem;height: 1.38rem;margin-right: .3rem;}
.sp-col-detail .p2 .con .xg-vid li a .img img {max-width: 100%;border-radius: .2rem;}
.sp-col-detail .p2 .con .xg-vid li a .info {width: 3.57rem;}
.sp-col-detail .p2 .con .xg-vid li a .info p:nth-child(1) {font-size: .32rem;font-weight: bold;color: #222222;margin-bottom: .1rem;line-height: .42rem;}
.sp-col-detail .p2 .con .xg-vid li a .info p:nth-child(2) {font-size: .28rem;font-weight: 400;color: #888888;height: auto;margin-bottom: 0;line-height: .38rem;}








/* 视频号 */
.swiper-content {width: 100%;height: 100vh;overflow: hidden;overflow-y: auto;}
.swiper-content .p1 {width: 100%;box-sizing: border-box;padding: .3rem;}
.swiper-content .p1 .info {width: 100%;display: flex;align-items: center;justify-content: center;}
.swiper-content .p1 .info img {width: 3.5rem;}
.swiper-content .p1 .info img:nth-child(2) {margin-top: .55rem;}
.swiper-content .p1 .info .title p:nth-child(1) {font-size: .37rem;font-weight: bold;color: #333333;}
.swiper-content .p1 .info .title p:nth-child(2) {font-size: .24rem;color: #333333;}
.swiper-content .p1 .intro {width: 100%;font-size: .3rem;color: #333333;line-height: .45rem;text-align: justify;}
.swiper-content .p2 {width: 100%;}
.swiper-content .p2 .lab {width: 100%;box-sizing: border-box;padding: 0 .3rem;margin-bottom: .2rem;}
.swiper-content .p2 .lab span {width: 1rem; display: block;font-size: .4rem;color: #333333;font-weight: bold;border-bottom: 2px solid #333333;padding: 0 .05rem .08rem .05rem;text-align: center;}
.swiper-content .p2 .list {width: 100%;}
.swiper-content .p2 .list ul {width: 100%;display: flex;align-items: center;flex-wrap: wrap;}
.swiper-content .p2 .list ul li {width: 2.48rem;margin-right: .02rem;margin-bottom: .02rem;}
.swiper-content .p2 .list ul li img {width: 100%;height: 3.4rem; object-fit: cover;display: block;}
.swiper-content .p2 .list ul li p {font-size: .3rem;color: #333333;line-height: .5rem;}
.swiper-content .p2 .list .more {font-size: .3rem;color: #333333;}

.swiper-content .swiper-slide {width: 100%;height: 100%;position: relative;}
.swiper-content .swiper-slide .play {position: absolute;z-index: 9999;display: none;transform: translate(-50%,-50%);left: 50%;top: 50%;width: 1.3rem;height: 1.3rem;}
.swiper-content .swiper-slide .switch {width: 100%;height: 1rem;position: absolute;left: 0;bottom: -0.2rem;display: flex;align-items: center;box-shadow: 0px 20px 15px rgba(0, 0, 0, .9);border-bottom: 1px solid #000000;}
.swiper-content .swiper-slide .switch .prev {width: 50%;height: 100%;font-size: .3rem;color: #ffffff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;box-sizing: border-box;padding: 0 .2rem;text-align: center;line-height: .7rem;background-image: linear-gradient(-180deg, hsla(0, 0%, 74.9%, 0) 5%, rgba(0, 0, 0, .9) 100%);}
.swiper-content .swiper-slide .switch .next {width: 50%;height: 100%;font-size: .3rem;color: #ffffff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;box-sizing: border-box;padding: 0 .2rem;text-align: center;line-height: .7rem;background-image: linear-gradient(-180deg, hsla(0, 0%, 74.9%, 0) 5%, rgba(0, 0, 0, .9) 100%);}
.swiper-content .info-con {width: 100%;position: absolute;bottom: .85rem;box-sizing: border-box;padding: .1rem .4rem;
}
.swiper-content .info-con p {font-size: .3rem;color: #ffffff;line-height: .45rem;text-align: justify;text-shadow: 0px 0px 20px #000000;}
.swiper-content .info-con progress {width: 100%;}
.swiper-content .info-con #customProgressBar {width: 100%;display: none;}