.container, .page-wrapper{position: relative; height: 100%;}
.container.ios{padding-top: 20px;}

.page-wrapper.has-top{padding-top: 44px;}
video{width: 100%;}

.page-header{height: 44px; line-height: 44px; padding: 0 40px;  position: absolute; left: 0; top: 0; width: 100%; color: #3B3B3B; font-size: 17px; text-align: center; background-color: #fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.page-header .back-btn{position: absolute; width: 22px; height: 22px; top: 50%; left: 12px; margin-top: -11px; background: url(../image/icon/common_btn_back_b.png) no-repeat center; background-size: 100%;}
.page-header .share-btn{position: absolute; width: 22px; height: 22px; top: 50%; right: 12px; margin-top: -11px; background: url(../image/icon/details_btn_share@2x.png) no-repeat center; background-size: 100%;}
.page-header .cancel-btn{position: absolute; height: 22px; top: 50%; left: 20px; margin-top: -11px; color: #8E8E93; font-size: 16px; line-height: 22px;}
.page-header .save-btn{position: absolute; height: 22px; top: 50%; right: 22px; margin-top: -11px; color: #27AEDD; font-size: 16px; line-height: 22px; text-align: right;}
.page-detail-container{height: 100%; position: relative;}
.page-detail-container .page-swiper{width: 100%; height: 100%;}
.page-detail-container .page-swiper .swiper-slide{height: auto;}

.top-nav{height: 44px; padding-top: 10px; padding-right: 45px;  position: absolute; left: 0; top: 0; width: 100%;}
.top-nav div {-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;}
.top-nav.shadow{box-shadow: 0 2px 5px rgba(223,223,223,0.5);}
.top-nav .swiper-wrapper{display: flex;}
.top-nav .swiper-slide{width: auto; text-align: center;line-height: 34px; font-size:16px; font-weight:400; color: #3B3B3B; white-space:nowrap; flex: auto;}
.top-nav .swiper-slide.active{color: #27AEDD;}
.top-nav .search-btn{position: absolute; bottom: 0; right: 0; display: inline-block; width: 45px; height: 34px; cursor: pointer; background: url(../image/icon/common_icon_search@2x.png) no-repeat 5px center; background-size: 16px 16px;}
.main-swiper{height: 100%;}
.main-swiper .content-container{padding: 2.66666666666667% 5.33333333333333% 0;}
.banner-box{position: relative;width: 100%; height: 0; padding-bottom: 50%;}
.banner-box .content-banner{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.banner-box .content-banner .swiper-slide{border-radius: 6px; overflow: hidden;}
.banner-box .content-banner .swiper-slide image{object-fit: cover;}
.banner-box .content-banner .swiper-pagination .swiper-pagination-bullet{background: rgba(93,93,93,0.6); opacity: 1;}
.banner-box .content-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #27AEDD;}

.iframe-main{height: 100%;}
.main-swiper iframe{width: 100%; height: 100%; border: none; z-index: 9999; position: relative;}

#recommendSwiper{background: #F1F1F1;}

.video-img{position: relative; cursor: pointer; width: 100%; height: 220px;}
.video-img img{width: 100%; height: 100%; object-fit: cover;}
.video-img:after{content: ''; position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; background: rgba(0,0,0,0.6) url(../image/icon/tv_icon_play.png) no-repeat 24px center; background-size: 20px 24px; border-radius: 50%; margin-top: -32px; margin-left: -32px;}
.list-box{}
.list-box .box-item{position: relative; padding: 6.56716417910448% 0; display: block;}
.list-box .box-item:after{content: ''; width: 100%; height: .5px; background-color: #EDEDED; position: absolute; left: 0; bottom: 0;}
.list-box .item-pic-list{zoom:1;}
.list-box .item-pic-list:after{content:"";display:block;clear:both;}
.list-box .item-pic-list .item-pic img, .list-box .item-pic-list .item-pic video{width: 100%; height: 100%; display: block; object-fit: cover;}
.list-box .item-tags{font-size: 0;}
.list-box .item-tags .tag{display: inline-block; line-height: 16px; font-size: 11px; color: #8E8E93;}
.list-box .item-tags .tag.read:after{content: '浏览'}
.list-box .item-tags .tag:not(:last-child){margin-right: 8px;}
.list-box .item-tags .tag.yellow{border-radius: 2px; border: .5px solid #F5A623; color: #F5A623 !important; line-height: 15px !important;; padding: 0 3px;}
.list-box .item-tags .tag.gray{border-radius: 2px; border: .5px solid #C6C6C6; color: #C6C6C6 !important;; line-height: 15px !important;; padding: 0 3px;}
.list-box .item-tags .tag.close{width: 16px; height: 16px; background: url(../image/icon/list_btn_close.png) no-repeat center center; background-size: 100% 100%; vertical-align: top;}
/*推荐*/
.list-box .recommend-item-date{text-align: center; color: #C6C6C6; font-size: 12px; font-weight:500; line-height:12px; padding: 20px 0 15px;}
.list-box .recommend-item-date:first-child{padding-top: 5px;}
.list-box .recommend-item{background: #fff; border-radius: 5px; overflow: hidden;}
.list-box .recommend-item .item-recommend-record{display: -webkit-flex;display: flex; position: relative; padding: 4.48% 4.48%;}
.list-box .recommend-item .item-recommend-record:after{content: '';height: .5px;background-color: #EDEDED;position: absolute;left: 4.48%;bottom: 0; right: 4.48%;}
.list-box .recommend-item .item-recommend-record .recommend-title{flex: 1; color: #3B3B3B;font-size: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 25px; margin-top: 3px; max-height: 50px;}
.list-box .recommend-item .item-recommend-record .recommend-thumb{width: 80px;height: 57px;border-radius: 4px;overflow: hidden;margin-left: 15px;}
.list-box .recommend-item .item-recommend-record .recommend-thumb img{width: 100%;  height: 100%;  display: block;  object-fit: cover;}
.list-box .recommend-item .item-recommend-record:first-child{display: block;padding: 50% 0 0;}
.list-box .recommend-item .item-recommend-record:first-child .recommend-thumb{width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; position: absolute; overflow: hidden; z-index: 1; margin-left: 0; border-radius: 0;}
.list-box .recommend-item .item-recommend-record:first-child .recommend-thumb img{position: absolute; left: 0; top: 0;}
.list-box .recommend-item .item-recommend-record:first-child .recommend-title{position: absolute; z-index: 2; left: 0; right: 0; bottom: 6.66666666666667%; color: #fff; font-size: 17px; line-height: 22px; max-height: 44px; padding: 0 4.48%; font-weight: 500;}
.list-box .recommend-item .item-recommend-record:last-child:first-child .recommend-title{position: relative; background: #fff; line-height: 25px; max-height: 86px; color: #3B3B3B; padding: 15px 4.48% 21px;}

/*广州设计周*/
.designer-box{}
.designer-box .box-title{line-height: 18px; font-size: 18px; font-weight: 500; color: #3B3B3B; padding: 10px 0 5px;}
.designer-box .scroll-y-box{overflow: auto;margin: 0 -5.33333333333333%;padding: 10px 5.33333333333333% 15px;}
.designer-box .designer-swiper{overflow: visible;}
.designer-box .designer-item{border-radius: 5px; box-shadow:2px 4px 10px 0 rgba(216,216,216,0.5); background: #fff; padding: 15px 10px 22px; cursor: pointer;}
.designer-box .designer-item .designer-avatar{width: 48px; height: 48px; margin: 0 auto; border-radius: 50%; overflow: hidden;}
.designer-box .designer-item .designer-avatar img{width: 100%; height: 100%; object-fit: cover;}
.designer-box .designer-item .designer-name{margin-top: 10px; height: 15px; line-height: 15px; font-size: 13px; color: #3B3B3B; text-align: center; font-weight: 500;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.designer-box .designer-item .designer-desc{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: #848589; text-align: center; margin-top: 8px; height: 15px;line-height: 15px;}
.subscribe-box{margin-top: 10px;}
.subscribe-box .subscribe-item{height: 0; padding-bottom: 24.47761194029851%; overflow: hidden; position: relative; display: block; float: left; width: 50%;}
.subscribe-box .subscribe-item .item-box{position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.subscribe-box .subscribe-item:nth-child(2n) .item-box{left: 3.5px; right: 0;}
.subscribe-box .subscribe-item:nth-child(2n + 1) .item-box{right: 3.5px; left: 0;}
.subscribe-box .subscribe-item img{width: 100%; height: 100%; object-fit: cover;}
.design-award-box{display: none;}
.design-award-box .box-title{padding: 20px 0 0; height: 48px; align-items: center; display: flex;}
.design-award-box .box-title .title{line-height: 18px; font-size: 18px; font-weight: 500; color: #3B3B3B; flex: 1;}
.design-award-box .box-title .more{width: 15px; height: 15px; cursor: pointer; background: url(../image/icon/more.png) no-repeat center center; background-size: 100% 100%;}
.award-list{padding: 10px 0 22px; position: relative;}
.award-list:after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: .5px; background: #EDEDED;}
.award-list .award-item{display: flex;}
.award-list .award-item:not(:first-child){margin-top: 12px;}
.award-list .award-item .award-thumb{width:60px;height:60px;border-radius: 5px;border:.5px solid #EDEDED; overflow: hidden; margin-right: 12px;}
.award-list .award-item .award-thumb img{width: 100%; height: 100%; object-fit: cover;}
.award-list .award-item .award-detail{flex: 1; overflow: hidden;}
.award-list .award-item .award-detail .name{margin-top: 11px; color: #3B3B3B; font-size: 15px; font-weight: 500; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.award-list .award-item .award-detail .desc{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 13px; margin-top: 10px; font-weight: 400; color: #848589;}
.exhibition-box{display: none;}
.exhibition-box .box-title{padding: 20px 0 0; height: 48px; align-items: center; display: flex;}
.exhibition-box .box-title .title{line-height: 18px; font-size: 18px; font-weight: 500; color: #3B3B3B; flex: 1;}
.exhibition-box .box-title .more{width: 15px; height: 15px; cursor: pointer; background: url(../image/icon/more.png) no-repeat center center; background-size: 100% 100%;}
.exhibition-box .scroll-y-box{overflow: auto;margin: 0 -5.33333333333333%;padding: 10px 5.33333333333333% 22px; position: relative;}
.exhibition-box .scroll-y-box:after{content: ''; position: absolute; left: 5.33333333333333%; right: 5.33333333333333%; bottom: 0; height: .5px; background: #EDEDED;}
.exhibition-box .exhibition-swiper{overflow: visible;}
.exhibition-box .exhibition-swiper .swiper-wrapper{margin: 0;}
.exhibition-box .exhibition-item{display: flex;}
.exhibition-box .exhibition-item .exhibition-thumb{width: 80px;height: 80px;border-radius: 5px; overflow: hidden; margin-right: 12px;}
.exhibition-box .exhibition-item .exhibition-thumb img{width: 100%; height: 100%; object-fit: cover;}
.exhibition-box .exhibition-item .exhibition-detail{flex: 1; overflow: hidden;}
.exhibition-box .exhibition-item .exhibition-detail .name{color: #3B3B3B; font-size: 14px; font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; max-height: 42px; line-height: 21px;}
.exhibition-box .exhibition-item .exhibition-detail .address{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 11px; margin-top: 7px; font-weight: 400; color: #8E8E93;}
.exhibition-box .exhibition-item .exhibition-detail .date{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 11px; margin-top: 5px; font-weight: 400; color: #8E8E93;}


/*热点*/
.list-box .hot-item .item-info .info-title{color: #3B3B3B; font-size: 17px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 25px;}
.list-box a:visited .hot-item .item-info .info-title{color: #8E8E93;}
.list-box .hot-item .item-tags{margin-top: 4px;}
/*单图*/
.list-box .hot-item.single-pic{display: -webkit-flex; display: flex;}
.list-box .hot-item.single-pic .item-pic-list{width: 107px; height: 76px; border-radius: 4px; overflow: hidden; margin-left: 15px;}
.list-box .hot-item.single-pic .item-pic-list .item-pic{width: 100%; height: 100%;}
.list-box .hot-item.single-pic .item-info{-webkit-flex: 1; flex: 1;}
/*多图*/
.list-box .hot-item.multiple-pic .item-pic-list{margin-top: 12px;}
.list-box .hot-item.multiple-pic .item-pic{width: 31.94029850746269%; height: 0; padding-bottom: 22.6865671641791%; float: left; border-radius: 4px; position: relative; overflow: hidden;}
.list-box .hot-item.multiple-pic .item-pic:not(:nth-child(3n)){margin-right: 2.08955223880597%;}
.list-box .hot-item.multiple-pic .item-pic img{position: absolute; left: 0; top: 0;}
/*大图*/
.list-box .hot-item.large-pic .item-pic-list{margin-top: 12px;}
.list-box .hot-item.large-pic .item-pic-list .item-pic{width: 100%; height: 0; padding-bottom: 56.11940298507463%; border-radius: 4px; position: relative; overflow: hidden;}
.list-box .hot-item.large-pic .item-pic-list .item-pic img, .list-box .hot-item.large-pic .item-pic-list .item-pic video{position: absolute; left: 0; top: 0;}
.list-box .hot-item.large-pic .item-pic .play-info{position: absolute; right: 15px; bottom: 15px; width: 26px; height: 26px; background: rgba(0,0,0,0.6) url(../image/icon/tv_icon_play.png) no-repeat 8px center; background-size: 12px; border-radius: 50%; color: #fff; font-size: 14px; line-height: 26px; text-align: center; cursor: pointer;}

.designer-box{display: none;}
/*..list-box.design-list.before-list .hot-item:first-child{padding-top: 0;}*/
.list-box.design-list.before-list .hot-item:first-child.video-pic .item-pic{padding-bottom: 41.7910447761194%; background:rgba(0,0,0, 0.9036);}
.list-box.design-list.before-list .hot-item:first-child.video-pic .item-pic video{object-fit: contain; border-radius: 4px; display: none; z-index: 9; background: rgba(0,0,0, 0.9036);}
.list-box.design-list .hot-item.video-pic .item-pic video{display: none;}
.list-box.design-list.before-list .hot-item:first-child.video-pic .item-pic img{width: 64.47761194029851%; height: 86.42857142857143%;left: 50%;top: 50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);}
.list-box.design-list.before-list .hot-item:first-child.video-pic .item-pic .play-info{width: 44px; height: 44px;left: 50%; margin-left: -22px; top: 50%; margin-top: -22px; background: #000 url(../image/icon/tv_icon_play.png) no-repeat 13.5px center;background-size: 20px 24px; opacity:0.6; cursor: pointer;}
.list-box.design-list.before-list .hot-item:first-child.video-pic .item-info .item-tags .tag:not(.read){display: none;}
.list-box.design-list.before-list .hot-item:first-child.video-pic .item-info .item-tags .tag.read:after{content: '次播放'}

/*话题*/
.publish-btn{position: absolute; z-index: 99; width:37px; height:37px; background: #333 url(../image/icon/publish_btn.png) no-repeat center center; background-size: 100% 100%; border-radius: 50%; right: 25px; bottom: 80px; display: block}
.list-box .topic-item{padding: 5.67164179104478% 0 6.56716417910448%;}
.list-box .topic-item .item-author{display: -webkit-flex; display: flex;}
.list-box .topic-item .item-author .avatar{width: 32px; height: 28px; padding-right: 4px; position: relative;}
.list-box .topic-item .item-author .avatar img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.list-box .topic-item .item-author .avatar .tag{position: absolute; right: 0; bottom: 0; width: 14px; height: 14px;}
.list-box .topic-item .item-author .avatar .tag.stm{background: url(../image/icon/user_logo@2x.png) no-repeat center center; background-size: 14px 14px;}
.list-box .topic-item .item-author .name{-webkit-flex: 1; flex: 1; font-size: 13px; color: #333; padding-left: 4px; line-height: 28px;}
.list-box .topic-item .item-title{font-size: 17px; color: #3B3B3B; margin-top: 7px; line-height: 1;}
.list-box .topic-item .item-desc{font-size:12px; word-break:break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 16px; color: #8E8E93; font-weight: 100; max-height: 48px;margin-top: 7px;}
.list-box .topic-item .item-tags{margin-top: 12px;}
/*大图*/
.list-box .topic-item.large-pic .item-pic-list{margin-top: 12px;}
.list-box .topic-item.large-pic .item-pic-list .item-pic{width: 100%; height: 0; padding-bottom: 49.85074626865672%; border-radius: 4px; position: relative; overflow: hidden;}
.list-box .topic-item.large-pic .item-pic-list .item-pic img, .list-box .topic-item.large-pic .item-pic-list .item-pic video{position: absolute; left: 0; top: 0;}
.list-box .topic-item.large-pic .item-pic .play-info{position: absolute; right: 15px; bottom: 15px; width: 26px; height: 26px; background: rgba(0,0,0,0.6) url(../image/icon/tv_icon_play.png) no-repeat 8px center; background-size: 12px; border-radius: 50%; color: #fff; font-size: 14px; line-height: 26px; text-align: center; cursor: pointer;}
.list-box .topic-item.large-pic .item-pic .play-info .play-btn{display: inline-block; margin-right: 4px; width: 10px; height: 12px; background: url(../image/icon/tv_icon_play.png) no-repeat center center; background-size: 100% 100%;}

/*双图*/
.list-box .topic-item.two-pic .item-pic-list{margin-top: 12px;}
.list-box .topic-item.two-pic .item-pic{width: 49.2%; height: 0; padding-bottom: 49.25373134328358%; float: left; border-radius: 4px; position: relative; overflow: hidden;}
.list-box .topic-item.two-pic .item-pic:nth-child(2n+1){margin-right: 1.6%;}
.list-box .topic-item.two-pic .item-pic img{position: absolute; left: 0; top: 0;}
/*三图*/
.list-box .topic-item.three-pic .item-pic-list{margin-top: 12px;}
.list-box .topic-item.three-pic .item-pic{width: 32.4%; height: 0; padding-bottom: 32.4%; float: left; border-radius: 4px; position: relative; overflow: hidden;}
.list-box .topic-item.three-pic .item-pic:not(:nth-child(3n)){margin-right: 1.4%;}
.list-box .topic-item.three-pic .item-pic img{position: absolute; left: 0; top: 0;}

/*百科*/
.encyclopedia-padding{position: relative; padding-top: 51px;}
.encyclopedia-tabs{position: absolute; width: 100%; height: 51px; left: 0; top: 0; box-shadow:0 2px 10px 0 rgba(223,223,223,0.5); padding: 12px 3.2%; z-index: 99}
.encyclopedia-tabs .tab-item{padding: 0 2.27920227920228%;}
.encyclopedia-tabs .tab-item>span{cursor: pointer; display: block; height: 27px; line-height: 27px; border-radius: 3px; background-color: #EBFAFF; text-align: center; font-size: 13px; color: #92CEE3; font-weight:400;}
.encyclopedia-tabs .tab-item.active>span{color: #27AEDD;}
.list-box .encyclopedia-item .item-info .info-title{color: #3B3B3B; font-size: 17px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-right: 30px; line-height: 25px;}
.list-box .encyclopedia-item .item-info .info-desc{font-size:13px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 18px; color: #8E8E93; font-weight: 100;}
.list-box .encyclopedia-item .item-pic-list{margin-top: 12px;}
.list-box .encyclopedia-item .item-pic-list .item-pic{width: 100%; height: 0; padding-bottom: 49.85074626865672%; border-radius: 4px; position: relative; overflow: hidden;}
.list-box .encyclopedia-item .item-pic-list .item-pic img{position: absolute; left: 0; top: 0;}

/*展会*/
.list-box .exhibition-item{padding: 5.67164179104478% 0;}
.list-box a:first-child .exhibition-item{padding-top: 0;}
.list-box .exhibition-item .item-pic-list .item-pic{width: 100%; height: 0; padding-bottom: 50%; border-radius: 4px; position: relative; overflow: hidden;}
.list-box .exhibition-item .item-pic-list .item-pic img{position: absolute; left: 0; top: 0;}
.list-box .exhibition-item .item-info{margin-top: 2px;}
.list-box .exhibition-item .item-info .info-title{color: #333; font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; line-height: 40px; height: 40px;}
.list-box .exhibition-item .item-tags{overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.list-box .exhibition-item .item-tags .tag{font-weight:400; font-size: 12px; padding: 0 8px; line-height: 1; position: relative; margin-right: 0; height: 13px;}
.list-box .exhibition-item .item-tags .tag:after{content: ''; position: absolute; right: 0; top: 0; height: 100%; width: 1px; background-color: #D8D8D8;}
.list-box .exhibition-item .item-tags .tag:last-child:after{display: none;}
.list-box .exhibition-item .item-tags .tag:first-child{padding-left: 0;}

/*招聘*/
.list-box .recruit-item{display: -webkit-flex; display: flex; padding: 5.67164179104478% 0 6.56716417910448%;}
.list-box .recruit-item .item-pic-list{width: 65px; height: 65px; border-radius: 5px; overflow: hidden; border:.5px solid #EDEDED;}
.list-box .recruit-item .item-pic-list .item-pic{width: 100%; height: 100%;}
.list-box .recruit-item .item-info{-webkit-flex: 1; flex: 1; margin-left: 12px; overflow: hidden;}
.list-box .recruit-item .item-info .info-title{ position: relative; display: flex; align-items: center;}
.list-box .recruit-item .item-info .info-title .text{color: #333; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; line-height: 17px; height: 17px;}
.list-box .recruit-item .item-info .wages{ color: #FF5A2F; font-size: 13px; line-height: 17px; height: 17px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; flex: 1; text-align: right;}
.list-box .recruit-item .item-info .info-desc{margin-top: 10px; color: #8E8E93; font-size: 12px; font-weight: 400; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.list-box .recruit-item .item-tags{overflow: hidden; margin-top: 10px; display: flex;}
.list-box .recruit-item .item-tags .tag-list{flex: 1; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; font-size: 13px; line-height: 1; color: #8E8E93;}
.list-box .recruit-item .item-tags .tag-list .tag{font-size: 13px; padding: 0 8px; line-height: 1; position: relative; margin-right: 0; overflow: hidden;}
.list-box .recruit-item .item-tags .tag-list .tag:after{content: ''; position: absolute; right: 0; top: 0; height: 100%; width: 1px; background-color: #D8D8D8;}
.list-box .recruit-item .item-tags .tag-list .tag:last-child:after{display: none;}
.list-box .recruit-item .item-tags .tag-list .tag:first-child{padding-left: 0;}
.list-box .recruit-item .item-tags .time{ font-size: 13px; color: #c3c3c3; line-height: 1; margin-left: 4px;}


/*百科详情页*/
.encyclopedia-wrapper{background-color: #fff; padding: 0 5.33333333333333% 30px;}
.encyclopedia-wrapper .encyclopedia-title{color: #3B3B3B; font-size: 22px; line-height: 1; padding: 15px 0 12px; font-weight:normal;}
.encyclopedia-wrapper .encyclopedia-desc{font-size: 13px; line-height:20px; color: #8E8E93;}
.encyclopedia-wrapper .encyclopedia-content{position: relative; margin-top: 12px; font-size: 15px; font-weight:400; color: #3B3B3B; line-height: 30px;}
.encyclopedia-wrapper .encyclopedia-content image{max-width: 100%;}
.encyclopedia-wrapper .encyclopedia-content video{width: 100%;}
.encyclopedia-wrapper .encyclopedia-module{ background: #F1F1F1; margin: 0 -5.33333333333333%;}
.encyclopedia-wrapper .encyclopedia-module .module-item{background: #fff; margin-top: 10px; padding: 19px 5.33333333333333%;}
.encyclopedia-wrapper .encyclopedia-module .module-item .item-title{color: #333; font-size: 18px; font-weight:500; line-height: 18px; padding-bottom: 15px;}
.encyclopedia-wrapper .encyclopedia-module .module-item .item-content{ line-height: 1.75; font-size: 15px; font-weight: 400;}
.encyclopedia-wrapper video{width: 100%; height: 200px;}
    /*话题详情页*/
.topic-container{padding-bottom: 50px;}
.topic-container.has-emoji{padding-bottom: 285px;}
.topic-container .page-wrapper{overflow: hidden;}
.topic-container .topic-wrapper{background-color: #fff; padding: 0 5.33333333333333% 30px;}
.topic-container .topic-wrapper .topic-title{color: #3B3B3B; font-size: 22px; line-height: 32px; padding: 15px 0 20px; font-weight:normal;}
.topic-container .topic-wrapper .topic-user{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; height: 32px;}
.topic-container .topic-wrapper .topic-user .user-avatar{width: 32px; height: 32px; overflow: hidden; border-radius: 50%;}
.topic-container .topic-wrapper .topic-user .user-avatar img{width: 100%; height: 100%; object-fit: cover;}
.topic-container .topic-wrapper .topic-user .user-info{-webkit-flex: 1; flex: 1; margin-left: 8px;}
.topic-container .topic-wrapper .topic-user .user-info .info-name{color: #3B3B3B; font-size: 13px; font-weight:400; line-height: 1;}
.topic-container .topic-wrapper .topic-user .user-info .info-time{font-size: 11px; font-weight:400; line-height: 1; color: #C6C6C6; margin-top: 4px;}
.topic-container .topic-wrapper .topic-user .info-delete{width: 46px; border-radius: 3px; border: .5px solid #DADADA; line-height: 21px; text-align: center; font-size: 11px; color: #C6C6C6;}
.topic-container .topic-wrapper .topic-content{position: relative; margin: 30px 0 0; font-size: 15px; font-weight:400; color: #3B3B3B; line-height: 1.75;}
.topic-content table {border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.topic-content table td, .topic-content table th {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 3px 5px;}
.topic-container .topic-wrapper .topic-content img{max-width: 100%;}
.topic-container .topic-wrapper .topic-content pre{white-space: normal;}
.topic-container .topic-wrapper .topic-content video{width: 100%; height: 200px;}
.topic-container .topic-wrapper .topic-comment{margin: 0 -5px;}
.topic-container .topic-wrapper .topic-comment .comment-head{position: relative; color: #333; font-size: 17px; font-weight:normal; line-height: 17px; padding-bottom: 10px;}
.topic-container .topic-wrapper .topic-comment .comment-head:after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: .5px; background-color: #EDEDED;}
.topic-container .topic-wrapper .topic-comment .comment-head .count{font-size: 12px; font-weight:400; margin-left: 5px;}
.topic-container .topic-wrapper .topic-comment .comment-list{}
.topic-container .topic-wrapper .topic-comment .comment-list .comment-item{position: relative; display: -webkit-flex; display: flex; padding: 12px 0;}
.topic-container .topic-wrapper .topic-comment .comment-list .comment-item:after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: .5px; background-color: #EDEDED;}
.topic-container .topic-wrapper .topic-comment .comment-list .comment-item .user-avatar{width: 32px; height: 32px; overflow: hidden; border-radius: 50%;}
.topic-container .topic-wrapper .topic-comment .comment-list .comment-item .user-avatar img{width: 100%; height: 100%; object-fit: cover;}
.topic-container .topic-wrapper .topic-comment .comment-list .comment-item .user-info{-webkit-flex: 1; flex: 1; margin-left: 8px;}
.topic-container .topic-wrapper .topic-comment .comment-list .comment-item .user-info .info-name{}
.topic-container .topic-wrapper .topic-comment .comment-list .comment-item .user-info .info-comment{padding-right: 70px; line-height: 22px; min-height: 22px; color: #3B3B3B; font-size: 14px; position: relative; margin-top: 4px;}
.topic-container .topic-wrapper .topic-comment .comment-list .comment-item .user-info .info-comment .reply-btn{width: 46px; border-radius: 3px; border: .5px solid #DADADA; line-height: 21px; position: absolute; right: 0; top: 0; text-align: center; font-size: 11px; color: #C6C6C6;}
.topic-container .topic-wrapper .topic-comment .comment-list .comment-item .user-info .reply-list{background: #F4F4F4; border-radius: 5px; padding: 9px 12px;    margin-top: 8px;}
.topic-container .topic-wrapper .topic-comment .comment-list .comment-item .user-info .reply-list .reply-item{color: #333; font-size: 13px; font-weight:400; line-height: 19px; cursor: pointer;}
.topic-container .topic-wrapper .topic-comment .comment-list .comment-item .user-info .reply-list .reply-item .name{color: #335F8F;}
.topic-container .topic-wrapper .topic-comment .comment-list .comment-empty{height: 142px; position: relative; background: url(../image/icon/comment_icon_sofa@2x.png) no-repeat center 25px; background-size: 50px 50px;}
.topic-container .topic-wrapper .topic-comment .comment-list .comment-empty:after{content: '还没有评论，快来抢沙发～'; color: #B2B2B2; font-size: 14px; position: absolute; left: 0; width: 100%; bottom: 40px; line-height: 20px; text-align: center;}
.topic-container .comment-bar-fixed{position: absolute; left: 0; bottom: 0; width: 100%; z-index: 99; background: #fff;}
.topic-container .comment-bar-fixed:after{content: ''; position: absolute; left: 0; top: 0; height: 1px; width: 100%; background-color: #EDEDED;}
.topic-container .comment-bar-fixed .comment-btn-list{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;  padding: 0 15px; height: 49px;}
.topic-container .comment-bar-fixed .comment-btn-list .btn{display: block; position: relative; width: 24px; height: 24px; background: url(../image/icon/details_btn_expression@2x.png) no-repeat center center; background-size: 100%;}
.topic-container .comment-bar-fixed .comment-btn-list .btn.comment-btn{-webkit-flex: 1; flex: 1; border-radius: 5px; background: #F5F5F5 url(../image/icon/comment_icon_pen@2x.png) no-repeat 7px center; background-size: 24px 24px; height: 37px; color: #848589; padding-left: 37px; font-size: 14px; line-height: 37px;}
.topic-container .comment-bar-fixed .comment-btn-list .btn.comment-list-btn{ margin-left: 25px; background-image: url(../image/icon/details_icon_comment.png);}
.topic-container .comment-bar-fixed .comment-btn-list .btn.zan-btn{ margin-left: 29px; background-image: url(../image/icon/details_icon_zan@2x.png)}
.topic-container .comment-bar-fixed .comment-btn-list .btn.zan-btn.active{background-image: url(../image/icon/details_icon_zan_sel@2x.png)}
.topic-container .comment-bar-fixed .comment-btn-list .btn.mark-btn{ margin-left: 29px; background-image: url(../image/icon/details_btn_collection@2x.png)}
.topic-container .comment-bar-fixed .comment-btn-list .btn.mark-btn.active{background-image: url(../image/icon/details_btn_collection_sel@2x.png)}
.topic-container .comment-bar-fixed .comment-btn-list .btn.share-btn{ margin-left: 29px; background-image: url(../image/icon/details_btn_share@2x.png);}
.topic-container .comment-bar-fixed .comment-btn-list .btn.see-btn{ margin-left: 29px; background-image: url(../image/icon/icon_see@2x.png);}
.topic-container .comment-bar-fixed .comment-btn-list .btn .badge{background-color: #E60044; border-radius: 6px; height: 12px; padding: 0 5px; line-height: 12px; font-size: 10px; color: #fff; position: absolute; top: -6px; left: 16px;}
.topic-container .comment-bar-fixed .comment-form{height: 49px; padding: 6px 84px 6px 10px; display: none;}
.topic-container .comment-bar-fixed .comment-form.has-emoji{padding-bottom: 236px; height: 285px;}
.topic-container .comment-bar-fixed .comment-form input{height: 37px; border: none; line-height: 37px;}
.topic-container .comment-bar-fixed .comment-form .emoji-btn{width: 42px; height: 37px; display: inline-block; background: url(../image/icon/details_btn_expression@2x.png) no-repeat center center; background-size: 25px; position: absolute; right: 0; top: 0;}
.topic-container .comment-bar-fixed .comment-form .send-btn{width: 60px; height: 29px; background: #D4D4D4; border-radius: 5px; position: absolute; right: 12px; top: 10px; cursor: pointer; line-height: 29px; color: #fff; text-align: center; font-size: 15px;}
.topic-container .comment-bar-fixed .comment-form .send-btn.active{background: #27AEDD;}
.topic-container .comment-bar-fixed .comment-form .emoji-wysiwyg-editor{width: 100%; border-radius: 5px; border: none; background-color: #F5F5F5; padding: 0 0 0 9px; font-size: 14px; padding-top: 11px; outline:none; cursor: pointer;}
.topic-container .comment-bar-fixed .comment-form .emoji-wysiwyg-editor:empty::before{content: attr(placeholder);background: url(../image/icon/comment_icon_pen@2x.png) no-repeat 0 center; background-size: 20px 20px; color: #848589; font-size: 14px; font-weight:400; padding-left: 28px;}
.topic-container .comment-bar-fixed .comment-form .emoji-menu{top: 42px; left: -12px; width: auto; right: -84px;}

.topic-container .topic-wrapper .news-title{color: #3B3B3B; font-size: 22px; line-height: 32px; padding: 15px 0 20px; font-weight:normal;}
.topic-container .topic-wrapper .news-user{overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.topic-container .topic-wrapper .news-user .tag{color: #C6C6C6; font-size: 13px; margin-right: 10px; line-height: 1;}
.topic-container .topic-wrapper .news-user .tag.blue{color: #335F8F;}
.topic-container .topic-wrapper .news-ad{margin-top: 25px;}
.topic-container .topic-wrapper .news-ad .ad-header{color: #C6C6C6; font-size: 11px; line-height: 15px; text-align: center;}
.topic-container .topic-wrapper .news-ad .ad-content{}
.topic-container .topic-wrapper .news-ad .ad-content img{width: 100%;}

/*招聘详情*/
.recruit-wrapper{background-color: #fff; padding: 16px 5.33333333333333% 20px;}
.recruit-wrapper .recruit-item{margin-bottom: 40px;}
.recruit-wrapper .recruit-item .item-head{font-size: 18px; color: #3B3B3B; font-weight:normal; line-height: 22px; position: relative; padding-right: 70px;}
.recruit-wrapper .recruit-item .item-head .wages{height:22px; font-size: 15px; font-weight:normal; color: #FF5A2F; line-height: 22px; position: absolute; right: 0; top: 50%; margin-top: -11px; display: inline-block; text-align: right;}
.recruit-wrapper .recruit-item .item-content{font-size: 13px; color: #8E8E93; margin-top: 12px; position: relative;}
.recruit-wrapper .recruit-item .item-content .item-tags{font-size: 0;}
.recruit-wrapper .recruit-item .item-content .item-tags .tag{font-size: 12px; padding: 0 8px; line-height: 1; position: relative; margin-right: 0;}
.recruit-wrapper .recruit-item .item-content .item-tags .tag:after{content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 1px; background-color: #D8D8D8;}
.recruit-wrapper .recruit-item .item-content .item-tags .tag:last-child:after{display: none;}
.recruit-wrapper .recruit-item .item-content .item-tags .tag:first-child{padding-left: 0;}
.recruit-wrapper .recruit-item .item-content .item-tags .time{ font-size: 13px; color: #c3c3c3; position: absolute; top: -3px; right: 0;}
.recruit-wrapper .recruit-item .item-content .info-desc{color: #8E8E93; font-size: 12px; line-height: 1.2; margin-top: 10px;}
.recruit-wrapper .recruit-item .company-info{display: -webkit-flex; display: flex;}
.recruit-wrapper .recruit-item .company-info .item-pic{width: 65px; height: 65px; border-radius: 5px; overflow: hidden; border:.5px solid #EDEDED;}
.recruit-wrapper .recruit-item .company-info .item-pic img{width: 100%; height: 100%; object-fit: cover;}
.recruit-wrapper .recruit-item .company-info .item-info{-webkit-flex: 1; flex: 1; margin-left: 12px;}
.recruit-wrapper .recruit-item .company-info .info-title{color: #333; font-size: 15px; line-height: 15px; position: relative; height: 15px; margin-top: 5px;}
.recruit-wrapper .recruit-item .company-info .info-desc{margin-top: 6px; color: #8E8E93; font-size: 12px; line-height: 1.2;}
.recruit-wrapper .recruit-item p{line-height: 1.75; font-size: 15px; font-weight: 400;}
#mapContainer{height: 0; padding-bottom: 47.91044776119403%;}
.recruit-wrapper .contact-btn{display: block; width: 100%; height: 49px; background: #27AEDD; border-radius: 5px; font-size: 16px; text-align: center; color: #fff; font-weight:400; line-height: 49px;}

.search-container{}
.search-container .page-header{box-shadow: 0 2px 5px rgba(223,223,223,0.5); padding: 0; overflow: visible;}
.search-container .page-header .search-bar{display: -webkit-flex; display: flex; padding: 8px 15px;}
.search-container .page-header .search-bar .search-bar-btn{color: #3B3B3B; font-size: 16px; line-height: 28px; margin-left: 15px;}
.search-container .page-header .search-bar .search-bar-box{position: relative; -webkit-flex: 1; flex: 1; background-color: #F5F5F5; border-radius: 3px; padding-right: 40px; padding-left: 85px;}
.search-container .page-header .search-bar .search-bar-box .search-type{position: absolute; height: 28px; line-height: 28px; padding: 0 40px 0 15px; color: #A3A5B0; font-size: 15px; left: 0; top: 0; cursor: pointer;}
.search-container .page-header .search-bar .search-bar-box .search-type:after{content: ''; position: absolute; right: 20px; width: 12px; height: 12px; top: 50%; margin-top: -6px; background: url(../image/icon/search_arrow_down.png) no-repeat center center; background-size: 100%;}
.search-container .page-header .search-bar .search-bar-box form{height: 28px; font-size: 0;}
.search-container .page-header .search-bar .search-bar-box input{font-size: 15px; height: 100%; box-sizing: border-box; border: none; background-color: inherit; width: 100%; -webkit-appearance: none; appearance: none; display: block; caret-color: #0E97E6; outline:none;}
.search-container .page-header .search-bar .search-bar-box input::-ms-clear{display: none;}
.search-container .page-header .search-bar .search-bar-box input::-webkit-search-cancel-button{display: none;}
.search-container .page-header .search-bar .search-bar-box .clear-btn{position: absolute; width: 22px; height: 22px; right: 15px; top: 50%; margin-top: -11px; background: url(../image/icon/search_btn_del@2x.png) no-repeat center center; background-size: 100%; display: none; cursor: pointer;}
.search-container .page-header .search-bar .search-type-list{position: absolute; top: 44px; left: 0; background-color: #fff; z-index: 9; width: 100%; padding: 30px; box-shadow:0 1px 0 0 #EDEDED; display: none; overflow: hidden;}
.search-container .page-header .search-bar .search-type-list .type-item{float: left; width: 33.33333333333%; text-align: center; line-height: 18px;}
.search-container .page-header .search-bar .search-type-list .type-item:nth-child(n+4){margin-top: 32px;}
.search-container .page-header .search-bar .search-type-list .type-item span{font-weight:400; color: #0E97E6; font-size: 18px; cursor: pointer;}
.search-container .show-mark:after{content: ''; background: rgba(0, 0, 0, 0.3); left: 0; bottom: 0; right: 0; top: 0; position: absolute; z-index: 8;}
.history-wrapper{padding: 15px;}
.history-wrapper .wrapper-head{font-size: 16px; color: #3B3B3B; line-height: 22px; position: relative; font-weight:normal;}
.history-wrapper .wrapper-head .clear-btn{position: absolute; right: 0; top: 0; width: 22px; height: 22px; background: url(../image/icon/history_icon_delete@2x.png) no-repeat center center; background-size: 100%; cursor: pointer;}
.history-wrapper .history-list{padding: 6px 0;}
.history-wrapper .history-list .history-item{float: left; background-color: #F8F8F8; border-radius:2px; line-height: 29px; color: #A3A5B0; font-size: 13px; padding: 0 14px; margin-right: 10px; margin-top: 9px; cursor: pointer;}

.hot-search-wrapper{padding: 15px;}
.hot-search-wrapper .wrapper-head{font-size: 16px; color: #3B3B3B; line-height: 22px; position: relative; font-weight:normal;}
.hot-search-wrapper .hot-search-list{padding: 6px 0;}
.hot-search-wrapper .hot-search-list .hot-search-item{float: left; cursor: pointer; width: 50%; padding-right: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color: #8E8E93; font-size: 14px; line-height: 18px; height: 18px; margin-top: 10px;}


.result-wrapper{background: #F1F1F1; display: none; position: relative;}
.result-wrapper:before{content: '查无结果';text-align: center;position: absolute;z-index: -1;top: 0;left: 0;display: block;padding: 40px 0;color: #ccc;width: 100%;}
.result-wrapper .result-item{margin-bottom: 10px; padding-top: 5px; background-color: #fff; display: none; z-index: 1; position: relative;}
.result-wrapper .result-item .item-head{padding: 10px 12px 0; font-size: 13px; color: #A3A5B0; line-height: 1; font-weight:400;}
.result-wrapper .result-item .item-list{padding: 0 12px;}
.result-wrapper .result-item .item-list .news-record{display: -webkit-flex; display: flex; position: relative; padding: 10px 0;}
.result-wrapper .result-item .item-list .news-record:not(:last-child):after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: .5px; background-color: #EDEDED;}
.result-wrapper .result-item .item-list .news-record .record-pic{width: 80px; height: 62px; border-radius: 5px; margin-right: 12px; overflow: hidden; border:.5px solid #EDEDED;}
.result-wrapper .result-item .item-list .news-record .record-pic img{width: 100%; height: 100%; object-fit: cover;}
.result-wrapper .result-item .item-list .news-record .record-info{-webkit-flex: 1; flex: 1; overflow: hidden;}
.result-wrapper .result-item .item-list .news-record .record-info .record-title{color: #3A3A3A; font-size: 15px; line-height: 1; position: relative; font-weight:400; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.result-wrapper .result-item .item-list .news-record .record-info .record-title.two-line{line-height: 20px; margin-top: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; height: 40px;}
.result-wrapper .result-item .item-list .news-record .record-info .record-title>span{color: #0E97E6;}
.result-wrapper .result-item .item-list .news-record .record-info .record-title .wages{height: 15px; font-size: 15px; font-weight:normal; color: #FF5A2F; line-height: 15px; position: absolute; right: 0; top: 0; display: inline-block; text-align: right;}
.result-wrapper .result-item .item-list .news-record .record-info .record-desc{margin-top: 8px; color: #8E8E93; font-size: 12px; font-weight: 400; line-height: 1;}
.result-wrapper .result-item .item-list .news-record .record-info .record-tags{zoom:1; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; margin-top: 8px;}
.result-wrapper .result-item .item-list .news-record .record-info .record-tags.pt{margin-top: 25px;}
.result-wrapper .result-item .item-list .news-record .record-info .record-tags:after{content:"";display:block;clear:both;}
.result-wrapper .result-item .item-list .news-record .record-info .record-tags .tag{font-weight:400; font-size: 12px; margin-right: 8px; line-height: 1; color: #A3A5B0;}
.result-wrapper .result-item .result-more{position: relative; padding: 15px 34px; display: block; color: #A3A5B0; font-size: 13px; border-top: .5px solid #EDEDED;}
.result-wrapper .result-item .result-more:before{content: ''; position: absolute; width: 16px; height: 16px; left: 14px; top: 50%; margin-top: -8px; background: url(../image/icon/search_icon_more.png) no-repeat center center; background-size: 100%;}
.result-wrapper .result-item .result-more:after{content: ''; position: absolute; width: 7px; height: 12px; right: 12px; top: 50%; margin-top: -6px; background: url(../image/icon/nav_icon_back.png) no-repeat center center; background-size: 100%;}

.search-more-container {padding: 2.66666666666667% 5.33333333333333% 0;}
.award-more-container {padding: 2.66666666666667% 5.33333333333333% 0;}

/*话题发布*/
.topic-publish-wrapper{padding: 15px 18px;}
.topic-publish-wrapper .publish-text{height: 172px;}
.topic-publish-wrapper .publish-text textarea{width: 100%; border: none; color: #3B3B3B; font-size: 15px; line-height: 21px; height: 100%; padding: 0; outline:none;}
.topic-publish-wrapper .publish-media{margin-top: 8px; display: none;}
.topic-publish-wrapper .publish-media .pic-item{width: 62px; height: 62px; float: left; position: relative; cursor: pointer; overflow: hidden}
.topic-publish-wrapper .publish-media .pic-item:not(:last-child){margin-right: 6px;}
.topic-publish-wrapper .publish-media .pic-item.play:before{content: ''; position: absolute; width: 26px; height:26px; border-radius: 50%; left: 50%; top: 50%; margin-left: -13px; margin-top: -13px; background: rgba(0,0,0,0.6) url(../image/icon/tv_icon_play.png) no-repeat center center; background-size: 10px 12px;}
.topic-publish-wrapper .publish-media .pic-item img{width: 100%; height: 100%; object-fit: cover;}
.topic-publish-wrapper .publish-media .pic-item video{width: 100%; height: 100%; object-fit: cover; background-color: #333;}
.topic-publish-media-upload{height: 49px; position: fixed; bottom: 0; left: 0; width: 100%; padding: 11px 18px;}
.topic-publish-media-upload:before{content: ''; position: absolute; left: 0; right: 0; top: 0; height: .5px; background-color: #EDEDED;}
.topic-publish-media-upload .btn{display: block; height: 27px; width: 27px; float: left;}
.topic-publish-media-upload .btn:not(:last-child){margin-right: 22px;}
.topic-publish-media-upload .btn.camera-btn{background: url(../image/icon/publish_btn_pic@2x.png) no-repeat center center; background-size: 100%;}
.topic-publish-media-upload .btn.camcorder-btn{background: url(../image/icon/publish_btn_vido@2x.png) no-repeat center center; background-size: 100%; margin-right: 8px;}
.topic-publish-media-upload .btn .webuploader-pick{background: transparent;}
.topic-publish-media-upload .tip{border-radius: 11px; border: .5px solid #E5E5E5; float: left; font-size: 10px; color: #C6C6C6; font-weight:400; padding: 0 9px; line-height: 22px; margin-top: 2px;}

/*选择话题*/
.topic-check-box{padding-top: 22px;}
.topic-check-box .check-head{padding: 0 4%; font-size: 15px; color: #C6C6C6; font-weight:400; line-height: 1;}
.topic-check-box .more-topic-head{margin-top: 50px;}
.topic-check-box .check-content{margin-top: 18px;}
.topic-check-box .check-content .custom-topic{padding: 0 5.33333333333333%; display: -webkit-flex; display: flex;}
.topic-check-box .check-content .custom-topic .title{-webkit-flex: 1; flex: 1; position: relative; padding-left: 20px; height: 35px;}
.topic-check-box .check-content .custom-topic .title:before{content: '#'; color: #3B3B3B; font-size: 32px; line-height: 35px; position: absolute; left: 0; top: 0;}
.topic-check-box .check-content .custom-topic .title input{border: none; position: relative; width: 100%; height: 100%; border-bottom: .5px solid #3B3B3B; font-size: 19px; font-weight:400; color: #3B3B3B; padding-left: 8px; border-radius: 0;}
.topic-check-box .check-content .custom-topic .custom-btn{font-size: 17px; font-weight:400; color: #27AEDD; line-height: 35px; display: inline-block; margin-left: 11px;}
.topic-check-box .check-content .topic-list{padding-top: 10px;}
.topic-check-box .check-content .topic-list .topic-item{padding: 4%; position: relative; display: -webkit-flex; display: flex;}
.topic-check-box .check-content .topic-list .topic-item:before{content: ''; position: absolute; left: 20px; right: 20px; bottom: 0; height: .5px; background-color: #EDEDED;}
.topic-check-box .check-content .topic-list .topic-item .user-avatar{width: 40px; height: 40px; border-radius: 50%; overflow: hidden;}
.topic-check-box .check-content .topic-list .topic-item .user-avatar img{height: 100%; width: 100%; object-fit: cover;}
.topic-check-box .check-content .topic-list .topic-item .topic-title{-webkit-flex: 1; flex: 1; margin-left: 15px; color: #3B3B3B; font-size: 16px; font-weight:400; line-height: 40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.upload-loading{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -24px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 12px;
    color: #333;
}
.upload-loading:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid;
    border-color: #333 #333 transparent;
    border-radius: 50%;
    animation: loading 1s linear infinite;
}
@keyframes loading{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}


#previewFixed{
    position: fixed;
    background-color: #0C0C0C;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding-top: 44px;
    z-index: 999;
    display: none;
}
#previewFixed.ios{padding-top: 64px;}
#previewFixed .preview-header{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;
    padding: 0 60px;
    color: #fff;
    text-align: center;
    font-size: 17px;
    line-height: 44px;
}
#previewFixed.ios .preview-header{top: 20px;}
#previewFixed .preview-header .back-btn{position: absolute; width: 22px; height: 22px; top: 50%; left: 12px; margin-top: -11px; background: url(../image/icon/common_btn_back_w.png) no-repeat center; background-size: 100%;}
#previewFixed .preview-header .del-btn{position: absolute; height: 22px; top: 50%; right: 22px; margin-top: -11px; color: #fff; font-size: 16px; line-height: 22px; text-align: right;}
#previewFixed .preview-content{width: 100%; height: 100%;}
#previewFixed .preview-content .swiper-container{width: 100%; height: 100%;}
#previewFixed .preview-content .swiper-container .swiper-slide{position: relative; width: 100%; height: 100%;}
#previewFixed .preview-content .swiper-container .swiper-slide img{display: block;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
#previewFixed .preview-content .swiper-container .swiper-slide video{display: block; position: absolute; left:0; top:0; width: 100%; height: 100%;}


#cameraFile div:nth-child(2), #camcorderFile div:nth-child(2){width:100%!important;height:100%!important;}