.show-more-member clearb clearfix {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  z-index: 99999;
  display: none
}

.show-m-m-content clearb clearfix {
  position: absolute;
  left: 50%;
  top: 350px;
  width: 542px;
  margin: -202px 0 0 -271px;
  background: #fff;
  border-radius: 10px
}

.show-m-m-c-title clearb clearfix {
  position: relative;
  height: 80px;
  padding: 0 38px
}

.show-m-m-c-title h3 clearb clearfix {
  line-height: 100px;
  font-size: 15px;
  color: #1b1b1b;
  font-weight: 400
}

.show-m-m-c-title i clearb clearfix {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 17px;
  height: 17px;
  background: url(/_nuxt/img/08ea6d9.png) no-repeat 50%;
  cursor: pointer
}

.show-m-m-c-text clearb clearfix {
  padding: 8px;
  height: 108px;
  border: 1px solid #c4c4c4;
  border-radius: 6px;
  margin: 0 38px
}

.show-m-m-c-text textarea clearb clearfix {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  resize: none
}

.show-m-m-c-list clearb clearfix {
  margin: 25px 38px 0
}

.show-m-m-c-list ul li clearb clearfix {
  float: left;
  margin-right: 7px;
  margin-bottom: 20px
}

.show-m-m-c-list ul li a clearb clearfix {
  display: block;
  width: 70px;
  height: 26px;
  line-height: 26px;
  border: 1px solid #cacaca;
  text-align: center;
  font-size: 14px;
  border-radius: 4px;
  color: #858585
}

.show-m-m-c-list ul li a clearb clearfix:hover {
  color: #fff;
  background: #3385ff;
  border: 1px solid #3385ff
}

.show-m-m-c-list-t clearb clearfix {
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #858585
}

.apply-to-join clearb clearfix {
  height: 78px;
  line-height: 78px;
  margin: 0 38px;
  text-align: center;
  border-top: 1px solid #d1d1d1
}

.apply-to-join a clearb clearfix {
  color: #3385ff;
  font-size: 19px
}

.cp_item[data-v-7c2fadf6] {
  display: inline-block;
  vertical-align: middle
}

.cprWrap {
  float: left;
  height: 25px
}

.common-item-info-push {
  color: #959595
}

.fixedHead {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 70px;
  background: #fff;
  z-index: 500;
  border-bottom: 1px solid #dedede;
  padding: 10px 0
}

.fixedHead .icon {
  width: 50px;
  height: 50px;
  margin-right: 15px
}

.fixedHead .icon img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%
}

.fixedHead .work_name {
  font-size: 18px;
  font-weight: 700;
  margin-top: 2px
}

.fixedHead .user_name {
  font-size: 13px;
  margin-top: 8px
}

.tipWrap .icon {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 0 10px
}

.detail-top {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e1e1e1;
  background: #fff
}

.detail-top-con {
  width: 100%;
  margin: 0 auto
}

.detail-top h3 span {
  float: left;
  color: #202020;
  font-weight: 400;
  font-size: 25px;
  font-family: Source Han Sans SC;
  font-weight: 500
}

.detail-top h3 i {
  float: left;
  width: 18px;
  height: 26px;
  margin-left: 8px;
  background: url(/_nuxt/img/8368076.png) no-repeat 50%
}

.detail-article-info {
  margin-top: 14px;
  position: relative;
  z-index: 3
}

.detail-article-info a,.detail-article-info span {
  font-size: 13px;
  color: #7d7c7c
}

.detail-article-info .detail-share {
  padding: 3px 5px;
  background: #3385ff;
  color: #fff;
  border-radius: 4px;
  margin-right: 10px;
  font-size: 12px;
  margin-top: 2px
}

.detail-article-info .detail-class {
  margin-right: 10px;
  font-size: 13px;
  font-family: Source Han Sans SC;
  font-weight: 500;
  line-height: 26px
}

.detail-author-head {
  width: 68px;
  height: 68px;
  margin-right: 16px
}

.detail-author-head a {
  display: block
}

.detail-author-head a img {
  width: 68px;
  height: 68px;
  border-radius: 50%
}

.detail-author-name {
  font-size: 14px;
  color: #202020;
  line-height: 1
}

.detail-author-adz {
  margin-top: 7px
}

.detail-author-adz em,.detail-author-adz span,.detail-author-name a {
  font-size: 16px;
  color: #7d7c7c
}

.detail-author-name a {
  float: left;
  color: #202020
}

.detail-author-adz em {
  font-style: normal;
  margin: 0 4px
}

.detail-top-con-left .icon {
  margin-left: 10px;
  width: 25px;
  height: 25px;
  margin-top: 3px
}

.item-gz-sx {
  margin-top: 8px
}

.item-gz-sx a {
  display: block;
  width: 70px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  font-size: 13px;
  border-radius: 13px
}

.item-gz-sx .item-sx {
  border: 1px solid #ccc;
  color: #7d7c7c
}

.item-gz-sx .item-sx:hover {
  color: #3385ff;
  border: 1px solid #3385ff
}

.detail-article-info .detail-author ul li {
  position: relative;
  float: left;
  margin-right: 8px
}

.detail-article-info .detail-author ul li .detail-author-name a {
  color: #3385ff;
  font-size: 22px;
  font-weight: 500;
  width: 220px
}

.detail-article-info .detail-author ul li .member img {
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 50%
}

.detail-article-info .detail-author ul li .item-gz {
  color: #fff
}

.detail-article-info .detail-author ul li .item-sx {
  color: #7d7c7c
}

.detail-article-info .detail-author ul li .item-sx:hover {
  color: #3385ff
}

.detail-author {
  line-height: 26px
}

.detail-article-info .detail-author ul li .detail-top-con-right-wrap {
  position: absolute;
  top: 25px;
  left: -22px;
  display: none;
  padding: 10px
}

.detail-article-info .detail-author ul li .detail-top-con-right {
  width: 350px;
  background: #fff;
  padding: 15px;
  border-radius: 6px;
  box-shadow: 0 0 6px #999
}

.detail-author .detail-top-con-right .arrow-top {
  position: absolute;
  top: 4px;
  left: 23px;
  font-size: 0;
  line-height: 0;
  border-color: #fff transparent;
  border-style: dashed dashed solid;
  border-width: 0 8px 8px
}

.detail-member {
  margin-right: 8px
}

.detail-article-info .detail-author ul li:hover .detail-top-con-right-wrap {
  display: block
}

.add-member {
  width: 16px;
  height: 16px;
  background: url(/_nuxt/img/e39fd58.svg) no-repeat 50%;
  cursor: pointer;
  margin-top: 5px;
  background-size: 16px
}

.common-item-info {
  line-height: 26px;
  margin-top: 10px
}

.detail-top-con .origin_author {
  float: left;
  margin-left: 15px;
  vertical-align: middle
}



/*  */
.detail-jubao[data-v-bb7363e8] {
  border-radius: 17px;
  cursor: pointer;
  font-size: 14px;
  color: #757474;
  border: 1px solid #eee
}

.detail-jubao[data-v-bb7363e8]:hover {
  border: 1px solid #f65658;
  color: #f65658
}

.detail-jubao i[data-v-bb7363e8] {
  display: inline-block;
  margin-right: 5px;
  font-size: 13px
}

.detail-jubao-video[data-v-bb7363e8] {
  cursor: pointer;
  font-size: 16px;
  color: #757474
}

.detail-jubao-video[data-v-bb7363e8]:hover {
  color: #f65658
}

.detail-jubao-video i[data-v-bb7363e8] {
  display: none!important
}

.popup_report[data-v-bb7363e8] {
  position: fixed;
  top: 50%;
  height: 400px;
  width: 500px;
  left: 50%;
  margin: -200px auto 0 -250px;
  background: #fff;
  z-index: 888;
  border-radius: 10px
}

.popup_report .cont[data-v-bb7363e8] {
  padding: 30px;
  line-height: 20px
}

.popup_report .radio_wrap[data-v-bb7363e8] {
  float: left;
  margin-bottom: 10px;
  width: 30%;
  text-align: left
}

.popup_report .yclose[data-v-bb7363e8] {
  cursor: pointer
}

.popup_report .bear[data-v-bb7363e8] {
  text-align: center;
  margin: 0 auto;
  background: #fff;
  padding: 20px
}

.popup_report .sendTxt[data-v-bb7363e8] {
  color: #969696;
  text-align: center;
  margin-top: 15px;
  font-size: 18px
}

.popup_report .title[data-v-bb7363e8] {
  padding: 20px 30px;
  line-height: 14px;
  border-bottom: 1px solid #eee
}

.popup_report .sendImg[data-v-bb7363e8] {
  margin: 0 auto;
  width: 200px;
  height: 200px;
  display: block
}

.popup_report .cont textarea[data-v-bb7363e8] {
  width: 100%;
  height: 150px
}

.popup_report .bottom[data-v-bb7363e8] {
  margin: 0 auto;
  text-align: center
}

.popup_report .bottom .y_button[data-v-bb7363e8] {
  margin-left: 15px
}

.popup_report .count[data-v-bb7363e8] {
  position: absolute;
  color: #ccc;
  font-size: 12px;
  bottom: 10px;
  right: 10px
}

.share_btn {
  float: left;
  margin-right: 20px;
  width: 120px;
  height: 36px;
  border: 1px solid #eee;
  border-radius: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #3b3b3b;
  cursor: pointer;
  position: relative
}

.share_btn .share_icon {
  font-size: 15px;
  margin-right: 10px
}

.share_btn .share_wrap {
  position: absolute;
  display: none;
  height: 225px;
  bottom: 0
}

.share_btn .share_wrap .group {
  display: flex;
  padding: 20px;
  bottom: 50px;
  width: 340px;
  background: #fff;
  box-shadow: 0 0 32px 1px hsla(0,0%,44.7%,.18);
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  transition: all 1s
}

.share_btn .share_wrap .group .share_code_wrap {
  width: 100px;
  height: 120px
}

.share_btn .share_wrap .group .share_code_wrap .share_xcxm {
  width: 100%
}

.share_btn .share_wrap .group .share_code_wrap .txt {
  font-size: 12px;
  text-align: center;
  line-height: 30px;
  margin: 0 auto;
  color: #3b3b3b;
  display: block
}

.share_btn .share_wrap .group .share_data {
  width: 180px
}

.share_btn .share_wrap .group .triangle {
  width: 0;
  position: absolute;
  height: 0;
  bottom: 40px;
  left: 45%;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 30px solid #fff
}

.share_btn:hover {
  border: 1px solid #3385ff;
  color: #3385ff
}

.share_btn:hover .share_wrap {
  display: block;
  z-index: 222
}

.detail-ds[data-v-2f949be7] {
  position: relative
}

.detail-ds .mtn i[data-v-2f949be7] {
  display: inline-block;
  margin-right: 5px;
  font-size: 14px
}

.detail-ds .qrcode_wrap[data-v-2f949be7] {
  display: none;
  border: 1px solid #eee;
  position: absolute;
  z-index: 9;
  top: -205px;
  left: -35px;
  width: 200px;
  height: 192px;
  color: #666;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 2px 30px #cecece;
  transition: all .2s;
  -webkit-tansition: all .35s;
  border-radius: 20px
}

.detail-ds .qrcode_wrap img[data-v-2f949be7] {
  width: 180px;
  height: 180px;
  margin: 5px auto 0;
  display: block
}

.detail-ds .qrcode_wrap[data-v-2f949be7]:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: -13px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top: 8px solid #fff
}

.detail-ds:hover .qrcode_wrap[data-v-2f949be7] {
  display: block
}

body {
  background: #f4f4f4;
  min-width: 100%
}

.detail-box {
  background: #fff
}

.mgt30 {
  margin-top: 30px
}

.mgb30 {
  margin-bottom: 30px
}

.common-item-info {
  margin-top: 20px
}

.common-item-info a {
  font-size: 13px;
  color: #959595;
  padding-left: 5px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}

.common-item-info-push {
  font-size: 13px;
  color: #7d7c7c
}

.common-item-info-view {
  position: relative;
  margin-left: 10px
}

.common-item-info-count {
  position: relative;
  margin: 0 10px
}

.common-item-info-count i {
  background: url(/_nuxt/img/6313940.png) no-repeat 50%;
  background-size: 11px
}

.common-item-info-like {
  position: relative
}

.common-item-info-like i {
  background: url(/_nuxt/img/2504ebf.png) no-repeat 50%;
  background-size: cover
}

.shuming-info a {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  padding-left: 0
}

.common-item-info-shuming {
  margin-left: 10px
}

.common-item-info-shuming a {
  background: url(/_nuxt/img/79ba839.png) no-repeat 50%
}

.common-item-info-shuming1 {
  margin-left: 5px
}

.common-item-info-shuming1 a {
  background: url(/_nuxt/img/6d0af3f.png) no-repeat 50%
}

.common-item-info-shuming1 a span {
  position: absolute;
  left: -84px;
  bottom: -31px;
  width: 175px;
  height: 24px;
  line-height: 24px;
  display: none;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  background: #424242;
  text-align: center
}

.common-item-info-shuming1 a span i {
  position: absolute;
  top: -7px;
  left: 82px;
  width: 15px;
  height: 7px;
  background: url(/_nuxt/img/69b93bb.png) no-repeat 50%
}

.common-item-info-shuming1 a:hover span {
  display: block
}

.common-item-info-shuming2 {
  margin-left: 5px
}

.common-item-info-shuming2 a {
  background: url(/_nuxt/img/56201ab.png) no-repeat 50%
}

.bear-hand-gif {
  width: 109px;
  height: 109px;
  position: absolute;
  top: 10px;
  left: 0
}

.articleContent {
  padding-top: 40px;
  font-size: 14px;
  line-height: 22px;
  max-width: 1450px;
  margin: 0 auto
}

.work-video-box {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 742px;
  border-radius: 20px;
  overflow: hidden;
  margin: 30px auto 50px
}

.work-video-box .video_net_url_wrap,.work-video-box iframe {
  width: 100%;
  height: 100%
}

.detail-jubao-wrap {
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px 20px;
  border: 1px solid #eee;
  border-radius: 17px
}

.detail-jubao-wrap .reportBtn_wrap {
  display: inline-block;
  margin-left: 5px
}

.detail-jubao-wrap i {
  display: inline-block;
  font-size: 13px
}

.detail-content {
  width: 100%;
  padding: 35px 0 50px;
  margin: 0 auto;
  line-height: 28px;
  color: #444;
  font-size: 16px;
  overflow: hidden;
  position: relative
}

.detail-content img {
  display: block;
  cursor: pointer;
  text-align: center;
  max-width: 100%;
  margin: 0 auto 20px;
  border-radius: 5px
}

.detail-like {
  background: #0084ff
}

.detail-like,.detail-likeed {
  position: relative;
  width: 109px;
  height: 109px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  margin: 25px auto 0
}

.detail-likeed {
  background: #eee
}

.detail-likeed i,.detail-like i {
  display: block;
  margin: 25px auto 0;
  font-size: 36px;
  color: #fff;
  text-align: center
}

.detail-likeed span,.detail-like span {
  display: block;
  text-align: center;
  color: #fff;
  margin-top: 3px;
  font-size: 17px
}

.detail-like-user {
  position: relative;
  text-align: center
}

.detail-like-user .txt {
  margin-top: 25px;
  font-weight: 500;
  font-size: 14px;
  color: #3f3f3f
}

.detail-like-user .users_wrap {
  margin: 25px auto 0
}

.detail-like-user .users_wrap img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0 10px;
  border-radius: 50%
}

.detail-sc-ds {
  width: 100%;
  margin: 46px auto 0;
  padding-bottom: 20px
}

.detail-sc-ds .d_btn {
  display: block;
  float: left;
  width: 120px;
  height: 36px;
  line-height: 32px;
  font-size: 13px;
  text-align: center;
  color: #3b3b3b;
  border-radius: 17px
}

.detail-sc-ds .d_btn i {
  font-size: 15px;
  display: inline-block;
  vertical-align: mbottom;
  margin-right: 5px
}

.detail-sc-ds .detail-sc {
  border: 1px solid #eee;
  margin-right: 17px
}

.detail-sc-ds .detail-ds {
  border: 1px solid #eee;
  color: #fff;
  background: #21bb1d
}

.detail-hotting {
  width: 100%;
  border-top: 1px solid #e1e1e1;
  padding-top: 22px;
  margin-top: 14px;
  padding-bottom: 40px
}

.detail-hotting-con {
  position: relative;
  width: 100%;
  margin: 0 auto
}

.detail-hotting ul {
  width: 1000px
}

.detail-hotting ul li {
  float: left;
  margin-right: 12px
}

.detail-hotting ul li a {
  display: block;
  font-size: 14px;
  padding: 2px 6px;
  color: #888;
  border: 1px solid #9d9d9d;
  border-radius: 8px
}

.detail-tuijian {
  width: 100%;
  background: #f4f4f4
}

.detail-tuijian-con {
  height: 270px;
  background: #fff;
  border-radius: 17px;
  margin: 15px auto
}

.detail-tuijian-con-left {
  width: 210px;
  margin-top: 50px;
  margin-left: 32px
}

.detail-tuijian-head {
  width: 80px;
  height: 80px;
  margin: 0 auto
}

.detail-tuijian-head a,.detail-tuijian-head a img {
  display: block;
  width: 100%;
  height: 100%
}

.detail-tuijian-head a img {
  border-radius: 50%
}

.detail-tuijian-name {
  margin-top: 6px;
  text-align: center
}

.detail-tuijian-name a {
  font-size: 17px;
  color: #202020;
  font-weight: 500
}

.detail-tuijian-adz {
  margin-top: 6px;
  text-align: center
}

.detail-tuijian-adz em {
  font-size: 12px;
  color: #202020;
  font-style: normal;
  margin: 0 4px
}

.detail-tuijian-adz span {
  font-size: 12px;
  color: #7d7c7c
}

.detail-tuijain-gz {
  display: block;
  width: 100px;
  height: 30px;
  line-height: 30px;
  margin: 10px auto 0;
  text-align: center;
  background: #0084ff;
  color: #fff;
  font-size: 16px;
  border-radius: 17px
}

.detail-tuijain-gz:hover {
  background: #39f
}

.detail-tuijian-con-right {
  margin-top: 40px;
  position: relative;
  float: left
}

.detail-tuijian-con-right ul li {
  float: left;
  width: 239px;
  height: 180px;
  margin-right: 40px
}

.detail-tuijian-con-right ul li img:hover {
  transform: scale(1.04);
  -webkit-transform: scale(1.04)
}

.detail-tuijian-con-right ul li img {
  width: 239px;
  height: 180px;
  border-radius: 10px;
  transition: all .3s;
  -webkit-transition: all .3s
}

.detail-tuijian-con-right ul li h3 {
  padding: 0 10px;
  margin-top: 10px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.detail-tuijian-con-right ul li h3 a {
  font-size: 13px;
  color: #0b0b0b;
  font-weight: 500
}

.tpbqbz {
  position: absolute;
  top: 65px;
  right: 120px;
  width: 179px;
  height: 47px;
  line-height: 47px;
  text-align: center;
  color: #fff;
  border-radius: 10px;
  background: #3c3c3c;
  opacity: .4
}

.tpbqbz i {
  font-size: 18px;
  color: #fff;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle
}

.detail-author-name a:hover,.detail-tuijian-con-right ul li h3 a:hover,.detail-tuijian-name a:hover {
  color: #3285ff
}

.detail-like:hover {
  background: #0f92fb
}

.detail-sc-ds .detail-sc:hover {
  border: 1px solid #3385ff;
  color: #3385ff
}

.detail-sc-ds .detail-ds:hover {
  background: #3fcc3c
}

.detail-hotting ul li a:hover {
  color: #3285ff;
  border: 1px solid #3285ff
}

.report-btn:hover {
  color: #f65658;
  background: url(/_nuxt/img/9535c09.png) no-repeat 0
}

.reply-btn:hover {
  color: #3285ff;
  background: url(/_nuxt/img/a446939.png) no-repeat 0
}

.author-pop-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 66px;
  background: #fff;
  box-shadow: 0 0 6px #999;
  z-index: 99999;
  display: none
}

.author-pop-content {
  width: 100%;
  margin: 18px auto 0
}

.author-pop-head {
  width: 30px;
  height: 30px;
  margin-right: 10px
}

.author-pop-head a {
  display: block;
  background: #0084ff;
  border-radius: 15px;
  overflow: hidden
}

.author-pop-head a,.author-pop-head a img {
  width: 30px;
  height: 30px
}

.author-pop-info h3 {
  margin-top: -4px
}

.author-pop-info h3 i {
  margin-top: -4px;
  float: left;
  width: 18px;
  height: 26px;
  margin-left: 8px;
  background: url(/_nuxt/img/8368076.png) no-repeat 50%
}

.author-pop-info h3 a {
  display: block;
  float: left;
  font-size: 14px;
  color: #202020
}

.author-pop-info .author-pop-name {
  font-size: 12px;
  color: #464646
}

.author-btn-box a {
  display: block;
  float: left;
  width: 74px;
  height: 28px;
  line-height: 28px;
  border-radius: 15px;
  color: #fff;
  font-size: 12px;
  text-align: center
}

.author-btn-box .author-pl-btn {
  border: 1px solid #b0b0b0;
  color: #737373;
  margin-left: 20px
}

.author-btn-box .author-pl-btn:hover {
  border: 1px solid #0084ff;
  color: #0084ff
}

.author-pop-info h3 a:hover {
  color: #3285ff
}

.img-pop-box {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9999;
  display: flex;
  display: -moz-flex;
  display: -ms-flex;
  justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-self: center
}

.img-pop-content {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 600px;
  margin-top: -300px
}

.img-pop-btn {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 9999
}

.img-pop-prev {
  left: 35px;
  background: url(/_nuxt/img/4abc23d.png) no-repeat 50%
}

.img-pop-next {
  right: 35px;
  background: url(/_nuxt/img/dcac1f1.png) no-repeat 50%
}

.img-pop-close {
  position: absolute;
  top: 28px;
  right: 35px;
  width: 50px;
  height: 50px;
  background: url(/_nuxt/img/a6cd600.png) no-repeat 50%;
  cursor: pointer;
  z-index: 99991
}

.img-pop-like {
  position: absolute;
  bottom: 0;
  right: 50px;
  width: 104px;
  height: 48px;
  line-height: 48px;
  background: #1f1f1f;
  border-radius: 24px;
  text-align: center
}

.img-pop-like i {
  float: left;
  width: 16px;
  height: 45px;
  background: url(/_nuxt/img/f56565d.png) no-repeat 50%
}

.img-pop-like span {
  float: left;
  color: #a8a8a8;
  font-size: 12px;
  margin-left: 6px
}

.img-pop-show {
  z-index: 9998
}

.img-pop-box .bigPic {
  cursor: zoom-in;
  max-height: 100vh;
  max-width: 100vw;
  display: block;
  margin: 0 auto
}

.img-origin-box {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9999;
  overflow: scroll;
  display: flex;
  display: -moz-flex;
  display: -ms-flex;
  justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-self: center
}

.img-origin-box .originPic {
  cursor: zoom-out;
  max-height: inherit;
  max-width: inherit;
  display: block;
  margin: 0 auto
}

.wh100 {
  width: 100%;
  height: 100%;
  overflow: hidden
}

.img-pop-like-in {
  display: inline-block
}

.textareaContent {
  padding-top: 30px;
  line-height: 26px
}

@media screen and (max-width: 1600px) {
  .detail-top {
    width:100%;
    padding-top: 30px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e1e1e1
  }

  .detail-top-con {
    width: 100%;
    margin: 0 auto
  }

  .detail-top h3 span {
    display: block;
    float: left;
    font-size: 20px;
    color: #202020;
    font-weight: 400
  }

  .detail-top h3 i {
    float: left;
    width: 18px;
    height: 26px;
    margin-left: 8px;
    background: url(/_nuxt/img/8368076.png) no-repeat 50%
  }

  .detail-article-info {
    margin-top: 6px;
    position: relative;
    z-index: 3
  }

  .detail-article-info a,.detail-article-info span {
    font-size: 12px;
    color: #7d7c7c
  }

  .detail-article-info .detail-share {
    padding: 0 5px;
    background: #3385ff;
    color: #fff;
    border-radius: 4px;
    margin-right: 10px
  }

  .detail-article-info .detail-class {
    margin-right: 10px
  }

  .detail-author-head {
    width: 56px;
    height: 56px;
    border-radius: 28px;
    margin-right: 12px;
    overflow: hidden
  }

  .detail-author-head a {
    display: block
  }

  .detail-author-head a img {
    width: 56px;
    height: 56px
  }

  .detail-author-name {
    font-size: 14px;
    color: #202020;
    line-height: 1
  }

  .detail-author-adz {
    line-height: 1;
    margin-top: 3px
  }

  .detail-author-adz em,.detail-author-adz span,.detail-author-name a {
    font-size: 12px;
    color: #7d7c7c
  }

  .detail-author-name a {
    float: left;
    color: #202020
  }

  .detail-author-adz em {
    font-style: normal;
    margin: 0 4px
  }

  .detail-tuijian-con {
    width: 100%;
    height: 206px
  }

  .detail-tuijian-con-left {
    width: 125px;
    margin-top: 18px;
    margin-left: 18px
  }

  .detail-tuijian-head {
    width: 52px;
    height: 52px
  }

  .detail-tuijian-head a {
    display: block;
    width: 52px;
    height: 52px;
    border-radius: 26px
  }

  .detail-tuijian-head a img {
    width: 52px;
    height: 52px
  }

  .detail-tuijian-name {
    margin-top: 6px
  }

  .detail-tuijian-name a {
    font-size: 14px
  }

  .detail-tuijian-adz {
    margin-top: 6px
  }

  .detail-tuijian-adz em {
    font-size: 12px;
    color: #202020;
    font-style: normal;
    margin: 0 4px
  }

  .detail-tuijian-adz span {
    font-size: 12px;
    color: #7d7c7c
  }

  .detail-tuijain-gz {
    display: block;
    width: 90px;
    height: 32px;
    line-height: 32px;
    margin: 8px auto 0;
    text-align: center;
    background: #0084ff;
    color: #fff;
    font-size: 14px;
    border-radius: 15px
  }

  .detail-tuijain-gz:hover {
    background: #39f
  }

  .detail-tuijian-con-right {
    margin-top: 14px;
    margin-right: 10px;
    position: relative
  }

  .detail-tuijian-con-right ul li {
    float: left;
    width: 194px;
    height: 145px;
    margin-right: 10px
  }

  .detail-tuijian-con-right ul li img {
    width: 194px;
    height: 145px;
    border-radius: 6px
  }

  .detail-tuijian-con-right ul li h3 {
    padding: 0 10px;
    margin-top: 10px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .detail-tuijian-con-right ul li h3 a {
    font-size: 12px;
    color: #0b0b0b
  }
}

 .articleContent img {
  display: block;
  margin: 10px auto;
  max-width: 100%
}

.articleContent.no-login {
  max-height: 1500px;
  position: relative;
  overflow: hidden;
}

.articleContent .login-btn {
  display: none;
}

/* 详情超出隐藏 */
.articleContent.no-login .login-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.7)),to(#FFF));
  background: -webkit-linear-gradient(top,rgba(255,255,255,.7) 0,#FFF 100%);
  background: -moz- oldlinear-gradient(top,rgba(255,255,255,.7) 0,#FFF 100%);
  background: linear-gradient(180deg,rgba(255,255,255,.7) 0,#FFF 100%);
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* border-top: 1px solid #e1e1e1; */
  height: 30%;
}
.articleContent.no-login .login-btn p {
  margin-bottom: 20px;
}
.articleContent.no-login .login-btn a {
  color: #fff;
  display: inline-flex;
  padding: 10px 30px;
  background-color: #3385ff;
  border-radius: 5px;
}

.search-box {
  padding: 0;
}