.eo-logo {
  display: block;
  position: relative;
  top: 0px
}

.eo-logo img {
  width: 128px
}

.eo-logo_wap {
  display: none
}

.guanzhu{
  position: absolute;
  right: 200px;
  top: 120px;
  color: #fff;
  background: #ea3e4a;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 30px;
  border-radius:20px;
  cursor: pointer;
}
.fensi_num span{
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.xhs_list{
  display: block;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.xhs_list a{
  flex: 0 0 20%;
  width: 20%;
  /* height: 334px; */
  padding: 0 10px;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.xhs_list img{
  display: block;
  width: 100%;
  height: 334px;
  object-fit: cover;
}
.xhs_list_text .title{
  font-size: 15px;
  margin-top: 10px;
  height: 40px;
  font-weight: normal;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.xhs_list_avatar {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.xhs_list_text .name_wrap img{
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.xhs_list_text .name_wrap .name{
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.heart_wrap{
  font-size: 14px;
  color: #666;
}
.heart_wrap::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 15px;
  background: url(/statics/qz/img/heart.png) no-repeat;
  background-size: 100%;
  margin: -4px 4px 0 0;
}
@media screen and (min-width:320px) and (max-width:1024px) {

  .eo-xhs-content{
    position: relative;
    width: 100%;
    height: 360px;
  }
  .img_avator{
    display: block;
    width: 100%;
    height: 360px;
    padding-top: 68px;
    filter: blur(8px);
  }
  .author_img_bg{
    width: 100%;
    height: 290px;
    position: absolute;
    left: 0;
    top: 68px;
    /*display: flex;
    align-items: center; */
    background: url(/statics/qz/img/tmt.png) no-repeat;
  }
  .author_img{
    display: inline-block;
    vertical-align: middle;
    margin:50px 20px;
  }
  .author_info_text{
    display: inline-block;
    vertical-align: middle;
  }
  .author_img img{
      display: block;
      width: 80px;
      height: 80px;
      border-radius: 50%;
      margin: 0 auto;
  }
  .author_info_text .name{
    color: #fff;
    font-size: 18px;
    font-weight: 700;
  }
  .author_info_text .article_num,
  .author_info_text .article_time{
    color: #e1e1e1;
    font-size: 14px;
  }
  .author_gz{
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .gz_left,.gz_right{
    width: 100px;
    display: flex;
    align-items: center;
  }
  .gz_left .left_item{
    flex: 0 0  70px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .gz_left .left_item span{
    color: #fff;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
  }
  .gz_left .left_item .num{
    font-size: 15px;
  }
  .gz_right .gz_text{
    color: #fff;
    background: #ea3e4a;
    padding: 6px 30px;
    border-radius: 16px;
  } 
  .author_des{
    position: absolute;
    left: 20px;
    bottom: 120px;
    font-size: 14px;
    color: #e1e1e1;
  }


  .eo-logo_wap {
    display: block;
    position: relative;
    top: 0px;
    right: -38px
  }

  .eo-logo_wap img {
    width: 110px;
  }

  .eo-logo {
    display: none
  }
}

@media screen and (min-width:320px) and (max-width:720px) {
  .eo-logo_wap {
    display: block;
    top: 0px;
    right: -8px
  }

  .eo-logo_wap img {
    width: 110px;
  }

  .eo-logo {
    display: none
  }
}

.eo-menu-button {
  cursor: pointer;
  transition: .3s;
  margin-right: 24px;
  position: absolute;
  left: 0;
  display: none
}

.eo-menu-button .bar:first-of-type {
  margin-top: 0
}

.eo-menu-button .bar:nth-of-type(3) {
  margin-bottom: 0
}

.eo-menu-button .bar {
  cursor: pointer;
  position: relative;
  display: block;
  width: 24px;
  height: 2px;
  margin: 5px auto;
  background-color: #fff;
  transition: .3s
}

.eo-menu-button.cross {
  margin-right: 0;
  right: 8px;
  left: auto
}

.eo-menu-button.cross .bar {
  width: 18px
}

.eo-menu-button.cross .bar:first-of-type {
  transform: translateY(10px) rotate(-45deg)
}

.eo-menu-button.cross .bar:nth-of-type(2) {
  opacity: 0;
  transform: translateY(3px)
}

.eo-menu-button.cross .bar:nth-of-type(3) {
  transform: translateY(-4px) rotate(45deg)
}

.eo-menu-button.cross:hover .bar:first-of-type {
  transform: translateY(9px) rotate(-40.5deg)
}

.eo-menu-button.cross:hover .bar:nth-of-type(2) {
  opacity: .2
}

.eo-menu-button.cross:hover .bar:nth-of-type(3) {
  transform: translateY(-3px) rotate(40.5deg)
}

.eo-menu-button:hover .bar:first-of-type {
  transform: translateY(1.5px) rotate(-4.5deg)
}

.eo-menu-button:hover .bar:nth-of-type(2) {
  opacity: .9
}

.eo-menu-button:hover .bar:nth-of-type(3) {
  transform: translateY(-1.5px) rotate(4.5deg)
}

@media screen and (min-width:320px) and (max-width:1024px) {
  .eo-menu-button {
    display: block
  }
}

.eo-nav {
  margin-left: 20px
}

.eo-nav .eo-first-menu {
  display: block;
  font-size: 16px;
  color: #333;
  font-weight: 500;
  line-height: 68px;
  margin-right: 40px;
  position: relative;
  transition: all .3s
}

.eo-nav .eo-first-menu:last-child {
  margin-right: 0;
  position: relative
}

/* .eo-nav .eo-first-menu.sub {
  margin:0 40px
} */

.eo-nav .eo-first-menu.sub i {
  position: absolute;
  right: -18px
}

.eo-nav .eo-first-menu:before {
  content: "";
  position: absolute;
  width: 32px;
  height: 4px;
  background: #0086f0;
  bottom: 12px;
  left: 50%;
  margin-left: -16px;
  transition: .3s;
  transform: scaleX(0)
}

.eo-nav .eo-first-menu.current:before,
.eo-nav .eo-first-menu:hover:before {
  transform: scaleX(1)
}

.eo-nav .eo-first-menu:hover {
  color: #0086f0
}

.eo-nav .eo-first-menu .new {
  width: 11px;
  height: 11px;
  position: absolute;
  top: 25px;
  left: 32px
}

.eo-nav .nav_wap {
  display: none
}

.eo-nav .nav_pc {
  display: block
}

.eo-nav .vip-link {
  align-self: center
}

.eo-nav .vip {
  width: 68px;
  height: 24px
}

.eo-nav .has-second-nav {
  position: relative;
  margin:0 30px;
}

.eo-nav .has-second-nav:hover .eo-second-menu {
  height: 572px
}

.eo-nav .has-second-nav .eo-second-menu {
  width: 150px;
  height: 0;
  overflow: hidden;
  position: absolute;
  padding-right: 384px;
  box-sizing: content-box;
  top: 68px;
  left: 50%;
  margin-left: -90px;
  transition: .3s
}

.eo-nav .has-second-nav .eo-second-menu .opcity-0 {
  width: 100%;
  height: 4px;
  background: transparent
}

.eo-nav .has-second-nav .eo-second-menu .opcity-0:hover {
  background: transparent
}

.eo-nav .has-second-nav .eo-second-menu>li {
  width: 100%;
  height: 44px;
  line-height: 44px;
  background: #ebebeb;
  color: #333;
  padding: 0 16px;
  box-sizing: border-box;
  font-family: SourceSansPro-Regular;
  font-size: 14px;
  z-index: 99
}

.eo-nav .has-second-nav .eo-second-menu>li a {
  color: inherit;
  display: block
}

.eo-nav .has-second-nav .eo-second-menu>li.current,
.eo-nav .has-second-nav .eo-second-menu>li:hover {
  color: #0086f0;
  background: #f8f8f8
}

.eo-nav .has-second-nav .eo-second-menu>li:hover .eo-second-menu-child {
  display: block
}

.eo-nav .has-second-nav .eo-second-menu.isOpacity li {
  background: #f3f3f3
}

.eo-nav .has-second-nav .eo-second-menu.isOpacity li.current,
.eo-nav .has-second-nav .eo-second-menu.isOpacity li:hover {
  background: #fff
}

.eo-nav .has-second-nav .eo-second-menu.isOpacity li .eo-second-menu-child {
  background-color: #fff
}

.eo-nav .has-second-nav .eo-second-menu.isOpacity .eo-second-menu-child li {
  background: transparent
}

.eo-nav .research-wrap {
  position: relative
}

.eo-nav .research-wrap:hover .eo-second-menu {
  height: 360px
}

.eo-nav .research-wrap .eo-second-menu {
  width: 150px;
  height: 0;
  overflow: hidden;
  position: absolute;
  padding-right: 384px;
  box-sizing: content-box;
  top: 68px;
  left: 50%;
  margin-left: -90px;
  transition: .3s
}

.eo-nav .research-wrap .eo-second-menu .opcity-0 {
  width: 100%;
  height: 4px;
  background: transparent
}

.eo-nav .research-wrap .eo-second-menu .opcity-0:hover {
  background: transparent
}

.eo-nav .research-wrap .eo-second-menu>li {
  width: 100%;
  height: 44px;
  line-height: 44px;
  background: #ebebeb;
  color: #333;
  padding: 0 16px;
  box-sizing: border-box;
  font-family: SourceSansPro-Regular;
  font-size: 14px;
  z-index: 99
}

.eo-nav .research-wrap .eo-second-menu>li a {
  color: inherit;
  display: block
}

.eo-nav .research-wrap .eo-second-menu>li.current,
.eo-nav .research-wrap .eo-second-menu>li:hover {
  color: #0086f0;
  background: #f8f8f8
}

.eo-nav .research-wrap .eo-second-menu>li:hover .eo-second-menu-child {
  display: block
}

.eo-nav .research-wrap .eo-second-menu.isOpacity li {
  background: #f3f3f3
}

.eo-nav .research-wrap .eo-second-menu.isOpacity li.current,
.eo-nav .research-wrap .eo-second-menu.isOpacity li:hover {
  background: #fff
}

.eo-nav .research-wrap .eo-second-menu.isOpacity li .eo-second-menu-child {
  background-color: #fff
}

.eo-nav .research-wrap .eo-second-menu.isOpacity .eo-second-menu-child li {
  background: transparent
}

.eo-nav.is-aside {
  margin-left: 0
}

.eo-nav.is-aside .eo-first-menu {
  line-height: 32px;
  margin-right: 0;
  padding: 0 20px
}

.eo-nav.is-aside .eo-first-menu:before {
  content: normal
}

.eo-nav.is-aside .eo-first-menu:after {
  content: "";
  width: 4px;
  height: 100%;
  background: #0086f0;
  position: absolute;
  left: 0;
  top: 0
}

.eo-nav.is-aside .eo-first-menu:hover {
  color: #0086f0;
  background: #fff
}

.eo-nav.is-aside .eo-first-menu:hover:after {
  background: #4daaf4
}

.eo-nav.is-aside .eo-first-menu.sub i {
  right: 0;
  width: 32px;
  height: 32px;
  background: #4daaf4;
  z-index: 2;
  cursor: pointer;
  text-align: center
}

.eo-nav.is-aside .eo-first-menu.sub:hover i {
  color: #fff
}

.eo-nav.is-aside .eo-second-menu {
  width: 100%;
  height: 0;
  position: static;
  top: 0;
  left: 0;
  margin-left: 0;
  background: #80c2f7
}

.eo-nav.is-aside .eo-second-menu .opcity-0 {
  display: none
}

.eo-nav.is-aside .eo-second-menu li {
  background: #80c2f7;
  padding: 0
}

.eo-nav.is-aside .eo-second-menu li a {
  padding: 0 20px
}

.eo-nav.is-aside .eo-second-menu li:hover a {
  background: #0086f0
}

.eo-second-menu-child {
  height: calc(100% - 6px);
  width: 384px;
  display: none;
  position: absolute;
  top: 4px;
  left: 150px;
  background-color: #f8f8f8;
  padding: 16px
}

.eo-third-item {
  color: #333;
  margin-bottom: 24px
}

.eo-third-item:last-of-type {
  margin-bottom: 0
}

.eo-third-item-name {
  color: #333;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin-bottom: 16px;
  font-weight: 700
}

.eo-icon-slash {
  height: 12px;
  display: inline-block;
  margin-right: 4px;
  transform: skewX(346deg);
  border: 2px solid #0086f0;
  background: #0086f0;
  margin-left: 4px
}

.eo-third-item-li {
  color: #333;
  font-size: 13px;
  height: 20px;
  line-height: 20px;
  margin-left: 8px;
  margin-top: 16px
}

.eo-third-item-li a:hover {
  color: #0086f0 !important
}

.eo-third-item-li:first-of-type {
  margin-top: 0
}

.eo-third-item-li img {
  display: inline-block;
  width: 15.95px;
  height: 15.95px;
  vertical-align: sub;
  margin-right: 8px
}

.eo-new-field {
  display: inline-block;
  width: 20px;
  height: 10px;
  margin-left: 6px
}

@media screen and (min-width:320px) and (max-width:1024px) {
  .eo-nav .eo-first-menu {
    color: #fff
  }

  .eo-nav .nav_pc {
    display: none
  }

  .eo-nav .nav_wap {
    display: block
  }

  .eo-nav {
    display: none !important
  }

  .eo-nav .has-second-nav .eo-second-menu {
    padding-right: 0
  }

  .eo-nav .has-second-nav:hover .eo-second-menu {
    height: 0
  }

  .eo-nav .has-second-nav:hover .eo-second-menu>li:hover .eo-second-menu-child {
    display: none
  }

  .eo-nav .has-second-nav .eo-second-menu.active {
    height: 572px
  }

  .eo-nav.is-aside .eo-first-menu {
    line-height: 44px;
    font-size: 16px
  }

  .eo-nav.is-aside .eo-first-menu.sub i {
    width: 44px;
    height: 44px
  }

  .lf-nav-text{
    width: 100%;
    display: flex;
  }
  .lf-nav-text .sub{
    display: block;
    flex: 1;
  }
  .lf-nav-text .cc{
    flex: 0 0 44px;
    text-align: center;
    line-height: 44px;
    color: #fff;
    background: #4daaf4;
  }
}

@media screen and (min-width:320px) and (max-width:1024px) {
  .eo-nav .eo-first-menu .new {
    top: 10px;
    left: 56px
  }

  .eo-nav .vip {
    width: 100px
  }
}

@media screen and (min-width:1024px) {
  .opcity-0 {
    background-color: transparent !important
  }
}

@media screen and (min-width:320px) and (max-width:720px) {
  .eo-nav .eo-first-menu {
    color: #fff
  }

  .eo-nav .nav_pc {
    display: none
  }

  .eo-nav .nav_wap {
    display: block
  }

  .eo-nav .eo-nav .eo-first-menu .new {
    top: 10px;
    left: 56px
  }
}

.drawer_wrap .drawer_pop {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, .4)
}

.drawer_wrap .drawer_search_box {
  position: relative;
  background: #fff;
  z-index: 2
}

.drawer_wrap .drawer_search_box .drawer_search_wrap {
  width: 100%;
  max-width: 810px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 24px 0 32px;
  color: #333
}

.drawer_wrap .drawer_search_box .drawer_search_wrap .drawer_search {
  display: block;
  width: 100%;
  height: 60px;
  padding: 14px;
  background: transparent;
  color: #292525;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  transition: all .2s;
  font-size: 14px;
  line-height: 14px
}

.drawer_wrap .drawer_search_box .drawer_search_wrap .drawer_search:focus {
  background: transparent;
  border-color: #e5e5e5
}

.drawer_wrap .drawer_search_box .drawer_search_wrap .keywords {
  display: flex;
  flex-direction: column;
  margin-top: 16px
}

.drawer_wrap .drawer_search_box .drawer_search_wrap .keywords .keywords_wrap {
  display: flex
}

.drawer_wrap .drawer_search_box .drawer_search_wrap .keywords .keywords_wrap .keywords_item {
  padding: 0 16px;
  height: 28px;
  margin-right: 8px;
  margin-top: 16px;
  background-color: #f5f6f8;
  line-height: 28px;
  color: #666;
  font-size: 13px;
  text-align: center;
  font-family: PingFangSC-Regular;
  cursor: pointer
}

.drawer_wrap .drawer_search_box .drawer_search_wrap .keywords .keywords_wrap .keywords_item:hover {
  opacity: .8
}

@media screen and (min-width:320px) and (max-width:1024px) {
  .drawer_wrap {
    display: none
  }
}
/* 
@media screen and (min-width:320px) and (max-width:720px) {
  display: none
} */

.search_wrap {
  position: fixed;
  width: 100vw;
  left: 0;
  top: 68px;
  bottom: 0;
  transition: opacity .3s ease-in-out;
  display: none
}

.eo-global-search {
  min-width: 200px;
  height: 30px;
  background: transparent;
  position: relative
}

.eo-global-search input {
  width: 80%;
  height: 30px;
  font-size: 13px;
  line-height: 30px;
  background: none;
  display: none;
  color: #fff;
  padding: 0 8px;
  /* border: 1px solid #eee; */
  box-sizing: border-box;
}

.bread_list  {
  max-width: 1256px;
  margin: 0 auto;
  /* font-size: 14px; */
  padding:16px 0;
}

.bread_list a,.bread_list span{
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #333;
}

.eo-global-search .icon-wrap {
  position: absolute;
  right: 25px;
  top: 0;
  cursor: pointer;
  color: #fff;
  height: 100%;
  display: flex;
  align-items: center
}

.eo-global-search .icon-wrap .pc_check_in {
  display: block;
  width: 84px;
  height: 30px;
  border-radius: 15px;
  background-color: #0086f0;
  line-height: 30px;
  font-size: 13px;
  text-align: center;
  font-family: PingFangSC-Regular;
  color: #fff
}

.eo-global-search .icon-wrap .pc_check_in:hover {
  color: #fff
}

.eo-global-search .icon-wrap .pc_search_icon {
  display: block;
  width: 20px;
  height: 20px;
  background: url(/statics/qz/img/search.png) no-repeat;
  background-size: 100%;
  position: relative;
  left: 18px
}

.eo-global-search .icon-wrap .pc_search_close {
  background: url(/statics/qz/img/search_close.svg) no-repeat;
  top: 4px;
  left: 22px
}

.eo-global-search .icon-wrap .search-icon {
  display: none
}

.eo-global-search .icon-wrap .close-phone-search {
  display: none;
  margin-left: 12px
}

.phone-search {
  display: none;
  color: #fff;
  cursor: pointer
}

.eo-global-search-wrap .avatar-content {
  position: relative
}

.eo-global-search-wrap .avatar-content .vipTag {
  display: block;
  position: absolute;
  bottom: -3px;
  right: -3px;
  width: 13px;
  height: 13px
}

.eo-global-search-wrap {
  display: flex;
  align-items: center
}

.eo-global-search-wrap .login-button {
  width: 84px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 15px;
  font-size: 13px;
  color: #333;
  margin-left: 24px;
  background: #f5f6f8;
  cursor: pointer
}

.eo-global-search-wrap .user-photo {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #fff;
  margin-left: 16px;
  cursor: pointer
}

.eo-global-search-wrap .user-msg {
  width: 144px;
  background: #fff;
  box-shadow: 0 0 8px 4px rgba(0, 0, 0, .1);
  position: absolute;
  top: 70px;
  right: 0;
  padding: 0 10px 10px
}

.eo-global-search-wrap .user-msg li {
  width: 100%;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #333;
  margin-top: 10px;
  padding-left: 8px;
  cursor: pointer
}

.eo-global-search-wrap .user-msg li:first-child {
  font-weight: 700
}

.eo-global-search-wrap .user-msg li:last-child {
  border-bottom: none
}

.eo-global-search-wrap .user-msg li:hover {
  background: #0086f0;
  color: #fff
}

.eo-global-search-wrap .user-msg li a {
  display: block
}

.eo-global-search-wrap .user-msg li:hover a {
  text-decoration: none;
  color: #fff
}

.bg_box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .3);
  z-index: 1000;
  display: none
}

.bg_box.active {
  display: block
}

@media screen and (min-width:320px) and (max-width:1024px) {
  .eo-global-search {
    width: 100%;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s;
    background: #0086f0;
    opacity: 0;
  }

  .eo-global-search input {
    height: 100%;
    padding: 0 20px;
    display: block;
  }

  .eo-global-search form{
    display: block;
    width: 100%;
    height: 100%;
  }
  .eo-global-search .search-button{
    width: 24px;
    height: 26px;
    padding: 0;
    position: absolute;
    right: 67px;
    top: 21px;
    z-index: 998;
    display: none;
  }
  
  input:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px #0086f0 inset !important;
  }
  input:-webkit-autofill,
  input:-webkit-autofill:hover,  
  input:-webkit-autofill:focus,   
  input:-webkit-autofill:active {    
    -webkit-text-fill-color: rgba(255, 255, 255); 
  }

  .eo-global-search .icon-wrap .pc_check_in,
  .eo-global-search .icon-wrap .pc_search_icon {
    display: none
  }

  .eo-global-search .icon-wrap .search-icon {
    display: block
  }

  .eo-global-search .icon-wrap .icon {
    font-size: 24px
  }

  .eo-global-search .icon-wrap .close-phone-search {
    display: block;
    font-size: 30px
  }

  .eo-global-search.active {
    height: 68px;
    opacity: 1
  }

  .phone-search {
    display: block;
    font-size: 24px
  }

  .eo-global-search-wrap-box {
    padding-left: 56px
  }

  .flex-type {
    flex-direction: row-reverse
  }

  .eo-global-search-wrap {
    display: flex;
    width: 120px
  }

  .eo-global-search-wrap .login-button {
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 25px;
    padding: 2px 4px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    background: none;
    margin-left: 12px;
    font-family: PingFangSC-Semibold;
    cursor: pointer
  }
}

@media screen and (min-width:320px) and (max-width:720px) {
  .eo-global-search-wrap {
    width: auto
  }

  .eo-global-search-wrap .eo-global-search .icon-wrap .pc_check_in,
  .eo-global-search-wrap .eo-global-search .icon-wrap .pc_search_icon {
    display: none
  }

  .eo-global-search-wrap .eo-global-search .icon-wrap .search-icon {
    display: block
  }

  .eo-global-search-wrap .login-button,
  .eo-global-search-wrap .user-msg,
  .eo-global-search-wrap .user-photo {
    display: none
  }

  .phone-contribute .contribute-text {
    width: 260px
  }

  .eo-global-search-wrap-box {
    padding-left: 0
  }

  .eo-global-search-wrap .avatar-content .vipTag {
    display: none
  }
}

.eo-header-top-bar {
  height: 32px;
  border-bottom: 1px solid hsla(0, 0%, 80%, .3);
  box-sizing: border-box
}

.eo-header-top-bar ul {
  height: 100%;
  align-items: center;
  justify-content: flex-end
}

.eo-header-top-bar li {
  font-family: SourceSansPro-Regular;
  font-size: 12px;
  margin-right: 40px
}

.eo-header-top-bar li a {
  color: #333
}

.eo-header-top-bar li a:hover {
  text-decoration: underline
}

.eo-header-top-bar li:last-child {
  margin-right: 0
}

@media screen and (min-width:320px) and (max-width:1024px) {
  .eo-header-top-bar li {
    margin-right: 18px
  }

  .eo-header-top-bar li a {
    color: #fff !important
  }
}

@media screen and (min-width:320px) and (max-width:720px) {
  .eo-header-top-bar li a {
    color: #fff !important
  }
}

.eo-header-wrap-aside {
  position: relative;
  width: 80%;
  background: #0086f0;
  box-shadow: 2px 0 6px 0 rgba(26, 51, 67, .37);
  position: fixed;
  z-index: 1001;
  padding: 16px 0;
  top: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  transform: translate3d(-100%, 0, 0);
  will-change: transform;
  transition: transform .5s cubic-bezier(1, 0, .5, 1.3);
  box-shadow: 0 1px 2px rgba(77, 72, 69, .25), 0 4px 6px rgba(77, 72, 69, .1);
  border-left: 30px solid transparent;
  margin-left: -30px;
  overflow: auto
}

.eo-header-wrap-aside.active {
  transform: translateX(0);
  transform: translateZ(0)
}

.eo-header-wrap-aside .aside-logo-section {
  justify-content: space-between;
  padding: 0 20px 0 12px
}

.eo-header-wrap-aside .eo-nav.is-aside {
  display: block !important;
  margin-top: 16px
}

.phone-login {
  position: absolute;
  left: 23px;
  bottom: 48px;
  display: flex;
  align-items: center
}

.phone-login .photo {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: url(/dist/src/assets/imgs/user.png?6bd518c2f589ebb842f2aba4a1a84dae) no-repeat 50%;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-top: -4px
}

.phone-login .photo.active {
  background: url(/dist/src/assets/imgs/user-active.png?ab343ac7006ee131769ba2caa19f8a91) no-repeat 50%;
  background-size: 100% 100%
}

.phone-login .photo-text {
  font-family: PingFangSC-Semibold;
  font-size: 16px;
  color: #fff;
  margin-left: 9px
}

.new-second-nav {
  border-top: 1px solid hsla(0, 0%, 100%, .1);
  margin-top: 24px
}

.new-second-nav .user-nav {
  padding-top: 33px;
  font-family: PingFangSC-Semibold;
  font-size: 16px;
  color: #fff;
  padding-left: 16px;
  height: 59px;
  display: flex
}

.new-second-nav .user-nav .avatar-container {
  position: relative;
  display: flex
}

.new-second-nav .user-nav .avatar-container .vipTag {
  position: absolute;
  bottom: -4px;
  right: -4px;
  width: 13px;
  height: 13px
}

.new-second-nav .user-nav img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  margin-top: -2px;
  border: 1px solid #fff
}

.new-second-nav .user-nav span {
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: hsla(0, 0%, 100%, .3);
  float: right;
  right: 0;
  position: absolute;
  margin-top: -7px
}

.new-second-nav .eo-second-menu {
  width: 100%;
  height: 0;
  overflow: hidden;
  position: absolute;
  transition: .3s;
  margin-top: 10px
}

.new-second-nav .eo-second-menu.active {
  height: 234px;
  background: #80c2f7
}

.new-second-nav .eo-second-menu .opcity-0 {
  width: 100%;
  height: 4px;
  background: transparent
}

.new-second-nav .eo-second-menu .opcity-0:hover {
  background: transparent
}

.new-second-nav .eo-second-menu li {
  width: 100%;
  height: 44px;
  line-height: 44px;
  background: #80c2f7;
  padding: 0 16px;
  box-sizing: border-box;
  font-family: SourceSansPro-Regular;
  font-size: 14px;
  z-index: 99
}

.new-second-nav .eo-second-menu li a {
  color: #fff;
  display: block
}

.new-second-nav .eo-second-menu li.current,
.new-second-nav .eo-second-menu li:hover {
  background: #0086f0
}

.new-second-nav .eo-second-menu.isOpacity li {
  background: rgba(0, 0, 0, .3)
}

.new-second-nav .eo-second-menu.isOpacity li.current,
.new-second-nav .eo-second-menu.isOpacity li:hover {
  background: rgba(0, 0, 0, .6)
}

@media screen and (min-width:320px) and (max-width:1024px) {

  .new-second-nav,
  .phone-login {
    display: none
  }
}

@media screen and (min-width:320px) and (max-width:720px) {

  .new-second-nav,
  .phone-login {
    display: block
  }
}

.eo-header {
  width: 100%;
  height: 68px;
  background: #fff;
  box-sizing: border-box;
  transition: all .2s;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .04)
}

.eo-header .eo-wechat-toast {
  position: absolute;
  top: 8px;
  z-index: 9999;
  padding: 0 16px
}

.eo-header .eo-wechat-toast img {
  display: block;
  width: 100%
}

.eo-header.isBlank {
  display: none
}

.eo-header.fixed {
  position: fixed;
  z-index: 999
}

.eo-header .section-wrap {
  justify-content: space-between;
  align-items: center;
  height: 68px;
  position: relative
}

.eo-header .eo-nav-section {
  align-items: center
}

.bg_box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .3);
  z-index: 1000;
  display: none
}

.bg_box.active {
  display: block
}

.phone-contribute {
  position: fixed;
  top: 30%;
  left: 50%;
  margin-left: -164px;
  width: 327px;
  height: 268px;
  background: #fff;
  padding: 17px;
  z-index: 1001;
  display: none
}

.phone-contribute.active {
  display: block
}

.phone-contribute .close-icon {
  font-size: 24px;
  color: #999;
  float: right
}

.phone-contribute .apply-title,
.phone-contribute .contribute-title {
  font-family: PingFangSC-Semibold;
  font-size: 16px;
  color: #333;
  margin-top: 32px;
  font-weight: 700;
  text-align: center
}

.phone-contribute .apply-text,
.phone-contribute .contribute-text {
  font-size: 14px;
  color: #333;
  line-height: 21px;
  margin-top: 16px;
  margin-right: 17px;
  margin-left: 17px;
  width: unset
}

.phone-contribute .apply-text a,
.phone-contribute .contribute-text a {
  color: #0086f0
}

.phone-contribute .contribute-button {
  margin: 32px auto 0
}

.phone-contribute .application-button,
.phone-contribute .contribute-button {
  width: 148px;
  height: 40px;
  line-height: 40px;
  background: #0086f0;
  border: 1px solid #0086f0;
  font-size: 16px;
  color: #fff;
  text-align: center
}

.phone-contribute .application-button {
  margin: 17px auto 0
}

.weixin-code {
  display: flex;
  align-items: center;
  margin-top: 22px;
  border-bottom: 1px solid rgba(51, 51, 51, .1);
  padding-bottom: 22px
}

.weixin-code .weinxin-icon {
  width: 90px;
  height: 90px;
  background: url(/dist/src/assets/imgs/xiaoou.png?78283076a13913163dc11ee0b403a6ff) no-repeat 50%;
  background-size: 100% 100%
}

.weixin-code .code-text {
  font-family: PingFangSC-Semibold;
  font-size: 16px;
  color: #333;
  margin-left: 16px;
  flex: 1
}

.warm-prompt {
  font-size: 13px;
  color: #666;
  line-height: 20px;
  margin-top: 16px
}

@media screen and (min-width:320px) and (max-width:1024px) {
  .eo-header {
    background: #0086f0
  }

  .eo-nav-section {
    width: 100%;
    justify-content: center;
    position: relative
  }
  .bread-wrap{
    padding: 0 16px;
    box-sizing: border-box;
  }
  .bread_list  {
    white-space: nowrap;
    overflow: hidden;
  }
  .dir a, .dir span {
    display: inline-block;
    vertical-align: middle; /* 垂直居中 */
    max-width: calc(100% - 20px); /* 设置最大宽度，减去一些空间用于省略号 */
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .bread_list a,.bread_list span{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #333;
  }
  .bread_list span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media screen and (min-width:320px) and (max-width:720px) {
  .eo-header {
    background: #0086f0;
    height: 68px;
  }
}

.weixin-erweima {
  display: none;
  position: absolute;
  right: 46px;
  top: 0;
  width: 120px;
  padding: 16px;
  background: #fff;
  box-shadow: 0 8px 64px 0 rgba(0, 0, 0, .16);
  z-index: 2
}

.weixin-erweima .text {
  font-size: 12px;
  color: #333;
  margin-top: 8px;
  display: inline-block
}

@media screen and (min-width:320px) and (max-width:1024px) {
  .weixin-erweima {
    top: 46px;
    left: 0
  }
}

.eo-footer-wrap {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-top: 1px solid #d8d8d8;
  bottom: 0
}

.eo-footer-wrap .eo-footer-top {
  background: #0086f0;
  padding-top: 36px;
  padding-bottom: 32px
}

.eo-footer-wrap .footer-top-content {
  max-width: 736px;
  box-sizing: border-box
}

.eo-footer-wrap .logo-share-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 24px
}

.eo-footer-wrap .logo-share-wrap>a {
  display: flex
}

.eo-footer-wrap .logo-share-wrap .logo {
  width: 120px;
  display: block;
  clear: both;
  margin-right: 40px
}

.eo-footer-wrap .logo-share-wrap .share>a {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #fff;
  border-radius: 50%;
  color: #0086f0;
  border: 1px solid #fff;
  margin-right: 12px;
  box-sizing: border-box;
  position: relative
}

.eo-footer-wrap .logo-share-wrap .share>a .icon {
  font-size: 22px
}

.eo-footer-wrap .logo-share-wrap .share>a .icon.email {
  font-size: 12px
}

.eo-footer-wrap .logo-share-wrap .share>a .weixin-erweima {
  padding: 10px;
  left: 0;
  top: 44px
}

.eo-footer-wrap .logo-share-wrap .share>a .weixin-erweima .text {
  margin-top: 0
}

.eo-footer-wrap .logo-share-wrap .share>a:hover {
  color: #fff;
  background: none;
  border: 1px solid #fff;
  line-height: 30px
}

.eo-footer-wrap .logo-share-wrap .share>a:hover .weixin-erweima {
  display: block
}

.eo-footer-wrap .about {
  font-size: 14px;
  color: #fff;
  line-height: 24px
}

.eo-footer-wrap .yh_wrap a{
  font-size: 14px;
  color: #fff;
}
.eo-footer-wrap .yh_wrap a:hover{
  color: #fff;
}
.yh_content{
  padding-top: 80px;
}
.yh_content p{
  line-height: 30px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #333;
}
.eo-footer-wrap .footer-middle-content {
  margin-top: 36px;
  display: flex;
  justify-content: space-between
}

.eo-footer-wrap .footer-middle-content .item {
  border-right: 1px dashed hsla(0, 0%, 100%, .4);
  padding-left: 2%;
  box-sizing: border-box;
  flex: 1
}

.eo-footer-wrap .footer-middle-content .item.t-c {
  text-align: center
}

.eo-footer-wrap .footer-middle-content .item:first-child {
  padding-left: 0;
  padding-right: 2%;
  flex: 5.5
}

.eo-footer-wrap .footer-middle-content .item:last-child {
  border-right: none
}

.eo-footer-wrap .footer-middle-content .item .title {
  font-size: 16px;
  color: #fff;
  margin-bottom: 12px;
  font-weight: 500
}

.eo-footer-wrap .footer-middle-content .item .title i.about,
.eo-footer-wrap .footer-middle-content .item .title i.hz {
  margin-right: 4px
}

.eo-footer-wrap .footer-middle-content .item .title i.about {
  font-size: 14px
}

.eo-footer-wrap .footer-middle-content .item li {
  color: #fff;
  flex: 1
}

.eo-footer-wrap .footer-middle-content .item li strong {
  font-size: 13px
}

.eo-footer-wrap .footer-middle-content .item li span {
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 10px;
  display: inline-block
}

.eo-footer-wrap .footer-middle-content .item li>a {
  font-size: 14px;
  color: #fff;
  margin-bottom: 12px;
  display: inline-block
}

.eo-footer-wrap .footer-middle-content .item li img {
  width: 94px;
  height: 94px;
  display: block;
  margin: 0 auto 10px
}

.eo-footer-wrap .footer-middle-content .item .address-item {
  display: flex;
  flex-wrap: wrap
}

.eo-footer-wrap .footer-middle-content .item .address-item li span {
  font-size: 12px;
  margin-bottom: 0
}

.eo-footer-wrap .footer-middle-content .item .address-item li.line {
  position: relative
}

.eo-footer-wrap .footer-middle-content .item .address-item li.line:after {
  content: "";
  border-right: 1px dashed hsla(0, 0%, 100%, .4);
  width: 1px;
  height: 16px;
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -8px
}

.eo-footer-wrap .eo-footer-bottom {
  width: 100%;
  /* height: 120px; */
  background: #f8f8f8;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 24px 0;
  box-sizing: border-box
}

.eo-footer-wrap .eo-footer-bottom ul {
  display: flex;
  margin-bottom: 24px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center
}

.eo-footer-wrap .eo-footer-bottom ul li {
  font-size: 13px;
  line-height: 16px;
  padding: 0 24px;
  border-right: 1px dashed rgba(51, 51, 51, .4)
}

.eo-footer-wrap .eo-footer-bottom ul li a {
  color: #333
}

.eo-footer-wrap .eo-footer-bottom ul li:last-child {
  border-right: none
}

.eo-footer-wrap .eo-footer-bottom .copyright {
  width: 100%;
  margin-bottom: 24px
}

.eo-footer-wrap .eo-footer-bottom .copyright a,
.eo-footer-wrap .eo-footer-bottom .copyright p {
  font-family: SourceSansPro-Light;
  font-size: 12px;
  color: #999;
  letter-spacing: 0;
  line-height: 18px;
  width: 100%;
  text-align: center
}

.eo-footer-fixed{
  display: none;
}

@media screen and (min-width:320px) and (max-width:1024px) {
  .eo-footer-top {
    display: none
  }

  /* .eo-footer-wrap {
    border-top: none
  } */

    .eo-footer-fixed{
      display: block;
      width: 100%;
      position: fixed;
      bottom: 0;
      left: 0;
      z-index: 99;
  }
  .eo-footer-fixed ul{
      width: 100%;
      display: flex;
      height: 40px;
  }
  .eo-footer-fixed ul li{
      flex: 1;
      background: #0086f0;
      border-right: 1px solid #fff;
      box-sizing: border-box;
  }
  .eo-footer-fixed ul li a{
      display: block;
      width: 100%;
      height: 100%;
      text-align: center;
      line-height: 40px;
      color: #fff;
      font-size: 16px;
      position: relative;
  }

  .eo-footer-fixed ul li:nth-child(3) a:after {
    position: absolute;
    top: 4px;
    right: 24px;
    content: "1";
    display: block;
    width: 15px;
    height: 15px;
    font-size: 10px;
    line-height: 15px;
    border-radius: 50%;
    background-color: red;
    text-align: center;
    color: #FFF;
}

  .eo-footer-wrap .eo-footer-bottom {
    height: auto;
    padding: 18px 0 40px 0;
  }

  .eo-footer-wrap .eo-footer-bottom ul {
    margin-bottom: 0
  }

  .eo-footer-wrap .eo-footer-bottom ul li {
    padding: 0 12px;
    margin-bottom: 8px
  }
}

.clear-after:after,
.isNone {
  display: none
}

.eo-bot--tip[data-v-5a02b0fb] {
  position: absolute;
  top: 18px;
  right: 55px;
  width: 220px;
  height: 120px;
  padding: 8px;
  background: #dbefff;
  border: 1px solid #0086f0;
  border-radius: 12px
}

.eo-bot--tip-content[data-v-5a02b0fb] {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 16px;
  background-color: #fff
}

.eo-bot--tip-content p[data-v-5a02b0fb] {
  border-right: 2px solid #0086f0;
  color: rgba(16, 16, 16, .65);
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden
}

.eo-bot--tip-content p[data-v-5a02b0fb]:first-child {
  width: 100px;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  animation: type-5a02b0fb 1.5s steps(40), blink-caret-5a02b0fb .15s step-end infinite;
  animation-fill-mode: forwards
}

.eo-bot--tip-content p[data-v-5a02b0fb]:nth-child(2) {
  width: 120px;
  margin-top: 8px;
  opacity: 0;
  animation: type2-5a02b0fb 1.5s steps(40), blink-caret-5a02b0fb .15s step-end infinite;
  animation-delay: 1.5s;
  animation-fill-mode: forwards
}

.eo-bot--tip-content p[data-v-5a02b0fb]:nth-child(3) {
  width: 160px;
  opacity: 0;
  animation: type3-5a02b0fb 1.5s steps(40), blink-caret-5a02b0fb .15s step-end infinite;
  animation-delay: 3s;
  animation-fill-mode: forwards
}

.eo-bot--tip-close[data-v-5a02b0fb] {
  position: absolute;
  right: 4px;
  top: 4px;
  display: block
}

.closed[data-v-5a02b0fb] {
  animation: fadeOut-5a02b0fb;
  animation-duration: .5s;
  animation-timing-function: ease-in
}

@keyframes fadeOut-5a02b0fb {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes type-5a02b0fb {
  0% {
    width: 0
  }

  99.9% {
    border-right: 2px solid #0086f0
  }

  to {
    border: none
  }
}

@keyframes type2-5a02b0fb {
  0% {
    width: 0
  }

  1% {
    opacity: 1
  }

  99.9% {
    border-right: 2px solid #0086f0
  }

  to {
    opacity: 1;
    border: none
  }
}

@keyframes type3-5a02b0fb {
  0% {
    width: 0
  }

  1% {
    opacity: 1
  }

  99.9% {
    border-right: 2px solid #0086f0
  }

  to {
    opacity: 1;
    border: none
  }
}

@keyframes blink-caret-5a02b0fb {

  0%,
  to {
    border-color: transparent
  }

  50% {
    border-color: #0086f0
  }
}

.eo-fixed-aside[data-v-9532b614] {
  position: fixed;
  right: 0;
  bottom: 100px;
  z-index: 100;
  border-radius: 5px;
  background-color: #fff;
  transition: height 1s ease-in-out;
  box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .05)
}

.eo-fixed-aside-second[data-v-9532b614] {
  display: none;
  line-height: 16px;
  color: #fff;
  font-size: 14px;
  padding: 12px 14px
}

.eo-fixed-aside-top-second[data-v-9532b614] {
  border-radius: 0 0 4px 4px
}

.eo-fixed-aside-first[data-v-9532b614],
.eo-fixed-aside-top[data-v-9532b614] {
  color: #666;
  font-size: 12px;
  line-height: 14px;
  padding: 8px 16px
}

.eo-fixed-aside-item[data-v-9532b614] {
  position: relative;
  cursor: pointer
}

.eo-fixed-aside-item[data-v-9532b614]:last-of-type {
  border: unset;
  border-radius: 0 0 4px 4px
}

.eo-fixed-aside-item[data-v-9532b614]:first-of-type {
  border-radius: 4px 4px 0 0
}

.eo-fixed-aside-item[data-v-9532b614]:hover {
  background: #0086f0;
  color: #fff;
  border-bottom: 1px solid hsla(0, 0%, 95.3%, .01)
}

.eo-fixed-aside-item:hover .eo-fixed-aside-first[data-v-9532b614] {
  display: none
}

.eo-fixed-aside-item:hover .eo-fixed-aside-second[data-v-9532b614] {
  display: block
}

.eo-fixed-aside-item:hover .eo-fixed-aside-office-wrap[data-v-9532b614] {
  display: flex
}

.eo-fixed-aside-bot[data-v-9532b614] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 57px;
  cursor: pointer;
  background-color: #0086f0
}

.eo-fixed-aside-bot img[data-v-9532b614] {
  width: 25px;
  height: 25px;
  transform: scale(1.35)
}

.eo-fixed-aside-img-wrap[data-v-9532b614] {
  margin-bottom: 2px
}

.eo-fixed-aside-office[data-v-9532b614] {
  margin-right: 8px;
  width: 90px
}

.eo-fixed-aside-office-wrap[data-v-9532b614] {
  display: none;
  position: absolute;
  top: 0;
  right: 60px;
  background: #fff;
  color: #333;
  font-size: 13px;
  border-radius: 4px;
  padding: 8px 16px;
  box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .05)
}

.eo-fixed-aside-office-txt[data-v-9532b614] {
  width: 140px;
  word-break: keep-all;
  margin-top: 6px;
  line-height: 20px;
  font-weight: 700
}

.eo-fixed-aside-mobile[data-v-5724693a] {
  position: fixed;
  right: 20px;
  bottom: 100px;
  z-index: 100
}

.eo-fixed-aside-mobile-item[data-v-5724693a] {
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #fff;
  line-height: 14px;
  color: #333;
  font-size: 11px;
  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .2)
}

.eo-fixed-aside-mobile-cooperation[data-v-5724693a] {
  margin-bottom: 18px
}

.eo-fixed-aside-mobile-img-wrap[data-v-5724693a] {
  width: 22px;
  margin-bottom: 2px
}

.eo-bot-loading[data-v-3b438f10] {
  text-align: center;
  border-radius: 6px
}

.eo-bot-loading span[data-v-3b438f10] {
  display: inline-block;
  background-color: #9db2c2;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  margin-right: 2px;
  animation: bob-3b438f10 2s infinite
}

.eo-bot-loading span[data-v-3b438f10]:first-child {
  animation-delay: -1s
}

.eo-bot-loading span[data-v-3b438f10]:nth-child(2) {
  animation-delay: -.85s
}

.eo-bot-loading span[data-v-3b438f10]:nth-child(3) {
  animation-delay: -.7s
}

@keyframes bob-3b438f10 {
  10% {
    transform: translateY(-10px);
    background-color: rgba(158, 178, 194, .5)
  }

  50% {
    transform: translateY(0);
    background-color: #9db2c2
  }
}

.eo-bot-userinput--container[data-v-15f8efa7] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 135px;
  min-height: 135px;
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  border: 1px solid #cdcdcd;
  cursor: text;
  transition: all .2s ease
}

.input-border-adtive[data-v-15f8efa7] {
  transition: all .2s ease;
  border-color: #0086f0
}

.eo-bot-userinput[data-v-15f8efa7] {
  height: 100%;
  font-size: 14px;
  overflow-y: auto
}

.eo-chatbot-userinput--bottom[data-v-15f8efa7] {
  display: flex;
  justify-content: space-between;
  width: 100%
}

.eo-chatbot-userinput--bottom-limit[data-v-15f8efa7] {
  opacity: .48;
  color: #101010;
  font-size: 12px
}

.eo-chatbot-userinput--bottom-send[data-v-15f8efa7] {
  width: 20px;
  height: 20px;
  background: url(/dist/src/assets/imgs/send.svg?8b1da17809c7da090fe441191676cce9) no-repeat;
  background-size: 100% 100%;
  cursor: pointer
}

.placeholder[data-v-15f8efa7]:before {
  position: absolute;
  content: "你可以向我提问~";
  display: block;
  filter: contrast(15%);
  outline: none;
  cursor: text;
  font-size: 14px;
  opacity: .66;
  color: #101010;
  pointer-events: none
}

.eo-bot--report-header[data-v-4b420ae1] {
  display: flex;
  flex-direction: column;
  padding-bottom: 12px;
  border-bottom: 1px solid #f2f4f7
}

.eo-bot--report-header img[data-v-4b420ae1] {
  width: 20px;
  height: 20px
}

.eo-bot--report-header-title[data-v-4b420ae1] {
  color: #333;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  font-family: SourceHanSansSC-medium;
  margin-top: 8px
}

.eo-bot--report-content[data-v-4b420ae1] {
  display: flex;
  flex-direction: column;
  margin-top: 16px
}

.eo-bot--report-content-title[data-v-4b420ae1] {
  padding-bottom: 8px;
  color: #333;
  font-size: 12px;
  text-align: left;
  font-family: SourceHanSansSC-regular;
  font-weight: 400
}

.eo-bot--report-content-report__item[data-v-4b420ae1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 332px;
  border-radius: 0 8px 8px 8px;
  border: 1px solid transparent;
  background-color: #f5f7fa;
  padding: 8px;
  margin-bottom: 8px;
  font-size: 14px;
  cursor: pointer;
  transition: all .2s ease-in-out;
  color: #333;
  font-weight: 400
}

.eo-bot--report-content-report__item[data-v-4b420ae1]:hover {
  box-shadow: 4px 4px 20px 0 rgba(205, 216, 228, .6)
}

.eo-bot--report-content-report__item-arrow[data-v-4b420ae1] {
  display: block
}

.eo-bot--report-content-btn[data-v-4b420ae1] {
  color: #0086f0;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  font-weight: 500
}

.eo-bot--code[data-v-871b679c] {
  width: 307px;
  padding-top: 8px
}

.eo-bot--code-header[data-v-871b679c] {
  display: flex;
  padding-bottom: 16px
}

.eo-bot--code-header img[data-v-871b679c] {
  width: 20px;
  height: 20px
}

.eo-bot--code-header-title[data-v-871b679c] {
  margin-left: 4px;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  font-family: SourceHanSansSC-medium
}

.eo-bot--code-content-title[data-v-871b679c] {
  display: flex;
  align-items: center;
  color: #0086f0
}

.eo-bot--code-content-intro[data-v-871b679c] {
  font-size: 14px;
  font-weight: 500;
  color: #333
}

.eo-bot--code-content img[data-v-871b679c] {
  width: 96px;
  height: 96px;
  margin: 16px auto
}

.eo-bot-message-content[data-v-f9c0bd36] {
  padding: 8px 16px;
  margin-bottom: 16px;
  line-height: 24px;
  animation: fadeIn-f9c0bd36;
  animation-duration: .3s;
  animation-timing-function: ease-in-out;
  font-size: 14px;
  font-weight: 400
}

.user[data-v-f9c0bd36] {
  color: #fff;
  background-color: #9db2c2;
  border-radius: 10px 0 8px 8px
}

.bot[data-v-f9c0bd36] {
  background-color: #fff;
  border-radius: 0 8px 8px 8px;
  color: #333
}

.tips[data-v-f9c0bd36] {
  color: #333;
  font-size: 12px;
  opacity: .58
}

.contianer-user[data-v-f9c0bd36] {
  align-self: flex-end
}

.contianer-bot[data-v-f9c0bd36] {
  align-self: flex-start
}

.contianer-tips[data-v-f9c0bd36] {
  align-self: center
}

@keyframes fadeIn-f9c0bd36 {
  0% {
    display: none;
    opacity: 0
  }

  to {
    display: flex;
    opacity: 1
  }
}

@keyframes typing-f9c0bd36 {
  0% {
    width: 0
  }

  to {
    width: 100%
  }
}

@keyframes blink-caret-f9c0bd36 {

  0%,
  to {
    border-color: transparent
  }

  50% {
    border-color: orange
  }
}

.nocursor[data-v-f9c0bd36] {
  border-right: none !important
}

.eo-bot-message-list[data-v-9bb0218c] {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
  overflow: auto
}

.eo-bot-message-list[data-v-9bb0218c]::-webkit-scrollbar {
  width: 1px
}

.eo-bot-message-list[data-v-9bb0218c]::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 3px
}

.eo-bot-container[data-v-b8fbb626] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: fixed;
  top: 116px;
  right: 16px;
  bottom: 16px;
  width: 400px;
  height: calc(100% - 132px);
  padding: 16px;
  z-index: 999;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .04);
  border: 1px solid #0086f0;
  border-radius: 12px;
  background: linear-gradient(180deg, #dbefff, #fff);
  animation: fadeIn-b8fbb626;
  animation-duration: .3s;
  animation-timing-function: ease-in-out;
  transition: .1s ease-in-out
}

.eo-bot--header_content[data-v-b8fbb626] {
  display: flex;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  position: relative
}

.eo-bot--header_content__logo[data-v-b8fbb626] {
  width: 20px;
  height: 20px
}

.eo-bot--header_content__title[data-v-b8fbb626] {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-left: 4px
}

.eo-bot--header_content__close[data-v-b8fbb626] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 8px;
  width: 18px;
  height: 18px;
  border: 1.5px solid #0086f0;
  border-radius: 50%;
  cursor: pointer
}

.eo-bot--header_introduce[data-v-b8fbb626] {
  margin-top: 8px;
  opacity: .83;
  color: #101010;
  font-size: 13px;
  text-align: left;
  font-family: SourceHanSansSC-regular
}

@keyframes fadeIn-b8fbb626 {
  0% {
    display: none;
    opacity: 0
  }

  to {
    display: flex;
    opacity: 1
  }
}

.closed[data-v-b8fbb626] {
  opacity: 0;
  display: none;
  transition: .1s ease-in-out
}

#eo-app {
  display: flex;
  flex-direction: column;
  overflow: hidden
}

#eo-app .eo-layout-view {
  padding-top: 68px
}

#eo-app.is-login {
  background-image: linear-gradient(-55deg, #6c88fe, #5d91fc 16%, #41b0ff)
}

#eo-app.is-login .eo-header {
  background: none
}

#eo-app.is-login .eo-footer-wrap {
  display: none
}

.el-scrollbar .el-scrollbar__bar {
  opacity: 1 !important
}

.el-image-viewer__canvas img {
  -o-object-fit: contain;
  object-fit: contain
}

body,
html {
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-tap-highlight-color: transparent
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
option,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
select,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, 微软雅黑, STHeitiSC-Light, simsun, 宋体, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-break: break-word;
  box-sizing: border-box;
  outline: none;
  font-style: normal
}

a,
input,
select {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0)
}

select {
  background: transparent;
  -webkit-appearance: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

ol,
ul {
  list-style: none
}

img {
  width: 100%;
  display: block
}

/* img:not([src]),
img[src=""] {
  min-height: 143px;
  opacity: 0
} */

blockquote,
q {
  quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

a,
a:active,
a:visited {
  text-decoration: none;
  color: #333
}

a:hover {
  color: #0086f0
}

button:focus {
  outline: 0
}

input::-webkit-input-placeholder {
  color: #e3e6e9 !important
}

textarea {
  resize: none
}

textarea::-webkit-input-placeholder {
  color: #dadada !important
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity .4s
}

.fade-enter,
.fade-leave-to {
  opacity: 0
}

.m-b-8 {
  margin-bottom: 8px
}

.m-b-16 {
  margin-bottom: 16px
}

.m-b-24 {
  margin-bottom: 24px
}

.m-b-32 {
  margin-bottom: 32px
}

.m-b-48 {
  margin-bottom: 48px
}

.m-b-96 {
  margin-bottom: 96px
}

.m-t-8 {
  margin-top: 8px
}

.m-t-16 {
  margin-top: 16px
}

.m-t-24 {
  margin-top: 24px
}

.m-t-32 {
  margin-top: 32px
}

.m-t-48 {
  margin-top: 48px
}

.m-r-16 {
  margin-right: 16px
}

.p-l-20 {
  padding-left: 20px
}

.flex-0-0-auto {
  flex: 0 0 auto
}

.flex-1-0-auto {
  flex: 1 0 auto
}

.eo-back-content {
  background-color: #f5f6f8
}

.eo-page-content {
  width: 1256px;
  margin: 0 auto
}

.eo-split-div {
  display: none;
  width: 100%;
  height: 8px;
  background: #eee;
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .22)
}

.eo-flex {
  display: flex
}

.flex-wrap {
  flex-wrap: wrap;
  justify-content: space-between
}

.eo-read-more {
  width: 200px;
  background: #fff;
  border: 1px solid #0086f0;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 18px;
  color: #0086f0;
  margin: 24px auto 48px;
  cursor: pointer
}

.eo-read-more:hover {
  background: #0086f0;
  color: #fff
}

.eo-line-clamp,
.eo-line-clamp-1 {
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.eo-line-clamp-1 {
  -webkit-line-clamp: 1
}

.eo-line-clamp-2 {
  -webkit-line-clamp: 2
}

.eo-line-clamp-2,
.eo-line-clamp-3 {
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.eo-line-clamp-3 {
  -webkit-line-clamp: 3
}

.eo-post-tag {
  font-size: 14px;
  line-height: 20px;
  color: #333
}

.eo-post-tag:hover {
  color: #f68c22
}

.eo-post-flag {
  background: #0086f0
}

.eo-post-flag,
.eo-preview-flag {
  padding: 5px 11px;
  color: #fff;
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3
}

.eo-preview-flag {
  background: #f68c22
}

.eo-post-date {
  font-size: 12px;
  color: #999
}

.eo-bottom-dashed {
  border-bottom: 1px dotted rgba(51, 51, 51, .2)
}

.eo-hover-bg {
  position: relative
}

.eo-hover-bg:before {
  content: "";
  display: block;
  width: calc(100% + 32px);
  height: calc(100% + 32px);
  opacity: 0;
  background-color: #fff;
  transition: opacity .4s;
  position: absolute;
  top: -16px;
  left: -16px;
  box-shadow: 0 8px 64px 0 rgba(0, 0, 0, .16);
  pointer-events: none
}

.eo-hover-bg.calc16:before {
  height: calc(100% + 18px);
  top: -17px
}

.eo-hover-bg:hover:before {
  z-index: 1;
  opacity: 1
}

.eo-hover-child {
  position: relative;
  z-index: 2
}
.eo-hover-child img{
  display: block;
  /* width: 180px; */
  height: 120px;
  margin: 0 auto;
  object-fit: cover;
}

.eo-no-more {
  color: #c7c7c7;
  height: 48px;
  line-height: 48px;
  text-align: center;
  margin: 24px 0
}

.eo-title-box {
  font-size: 24px;
  color: #333;
  position: relative;
  font-weight: 700
}

.eo-title-box:after {
  content: "";
  width: 36px;
  height: 4px;
  background: #333;
  position: absolute;
  bottom: -10px;
  left: 0
}

.eo-title-box.fz24 {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 36px
}

.eo-title-box.fz18 {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 24px
}

.eo-title-box a {
  float: right;
  font-size: 12px;
  font-weight: 400
}

.eo-title-box a .iconfont {
  font-size: 12px;
  font-weight: 700
}

.eo-main {
  width: 1256px;
  max-width: 1256px;
  margin: 0 auto
}

.eo-page-content {
  max-width: 1256px;
  margin: 0 auto;
  position: relative;
}
.author-info{
  padding-top: 100px;
  margin: 0 auto;
}
.author-info-img
{
  display: inline-block;
  vertical-align: middle;
  margin-right: 28px;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  /* position: relative;
  top: -70px;
  z-index: 99999; */
  border: 3px solid #fff;
  box-sizing: content-box;
}
.author-info-item{
  display: inline-block;
  vertical-align: middle;
}
.author-info .author-info-img img
{
display: block;
width: 100%;
height: 100%;
margin: 0 auto;
border-radius: 50%;
}
.author-info-name{
margin-top: -50px;
}
.author-info-name-words {
  font-family: PingFangSC-Semibold;
  font-size: 28px;
  color: #000;
  letter-spacing: 0;
  margin-right: 10px;
}
.common-font-color-spacing{
margin: 10px 0;
}
.common-font-color-spacing .num{
color: #0086f0;
}

.common-font-color-spacing{
  /* margin-top: -40px; */

}
.common-font-color-spacing li{
  margin-bottom: 10px;
}
.common-font-color-spacing li .author_name,
.common-font-color-spacing li .article_num
{
  font-size: 20px;
  color: #0086f0;
}
.common-font-color-spacing li .num{
  font-size: 16px;
  color: #666;
}

@media screen and (min-width:320px) and (max-width:1024px) {

  .eo-post-flag,
  .eo-preview-flag {
    padding: 4px 8px;
    font-size: 12px
  }

  .eo-hover-bg:before {
    content: normal
  }

  .author-info-img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    position: relative;
    top: -60px;
    z-index: 98;
    border: 3px solid #fff;
    box-sizing: content-box;
}

  .author-info .author-info-img img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border-radius: 50%;
}
}

@media screen and (max-width:1280px) and (min-width:1024px) {
  .eo-page-content {
    padding: 0 40px;
    max-width: 100%
  }
}

@media screen and (min-width:720px) and (max-width:1024px) {
  .eo-page-content {
    max-width: 720px;
    margin: 0 auto;
    padding: 0
  }

  .eo-read-more:hover {
    background: #fff;
    color: #0086f0
  }

  .eo-main {
    width: 100%;
    max-width: 100%
  }
}

@media screen and (min-width:320px) and (max-width:720px) {
  .m-b-32 {
    margin-bottom: 16px
  }

  .m-b-48 {
    margin-bottom: 26px
  }

  .m-b-96 {
    margin-bottom: 48px
  }
  .yh_content{
    padding-top: 80px !important;
  }

  .eo-page-content {
    width: 100%;
    padding: 0 16px;
    margin: 0 auto
  }

  .eo-post-tag {
    font-size: 12px
  }

  .eo-read-more {
    width: 160px;
    height: 40px;
    line-height: 40px;
    font-size: 16px
  }

  .eo-main {
    width: 100%;
    max-width: 100%
  }
}

@font-face {
  font-family: iconfont;
  src: url(//at.alicdn.com/t/font_2004115_4wd94ppiz29.woff2?t=1625715979557) format("woff2"), url(//at.alicdn.com/t/font_2004115_4wd94ppiz29.woff?t=1625715979557) format("woff"), url(//at.alicdn.com/t/font_2004115_4wd94ppiz29.ttf?t=1625715979557) format("truetype")
}

.iconfont {
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.eo-iconshizhong:before {
  content: "\e60a"
}

.eo-iconsearch:before {
  content: "\e6cc"
}

.eo-iconaddress:before {
  content: "\e939"
}

.eo-iconlinkedin:before {
  content: "\e768"
}

.eo-icondown:before {
  content: "\e604"
}

.eo-iconwechat:before {
  content: "\e6b4"
}

.eo-iconleft:before {
  content: "\e68a"
}

.eo-iconright:before {
  content: "\e68b"
}

.eo-iconweibo:before {
  content: "\e882"
}

.eo-iconemail:before {
  content: "\e601"
}

.eo-icontwitter:before {
  content: "\e9b2"
}

.eo-notify[data-v-2aa34952] {
  display: flex;
  align-items: center;
  color: #fff;
  padding: 15px 20px;
  background: rgba(0, 0, 0, .75);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
  border-radius: 40.5px;
  transition: all .3s;
  position: fixed;
  left: 50%;
  z-index: 10002;
  transform: translateX(-50%)
}

.eo-notify span[data-v-2aa34952] {
  white-space: nowrap
}

.eo-notify .icon[data-v-2aa34952] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-block;
  line-height: 14px;
  vertical-align: middle;
  text-align: center;
  margin-right: 8px
}

.eo-notify .icon[data-v-2aa34952]:after {
  font-size: 12px
}

.eo-notify .icon.icon-success[data-v-2aa34952] {
  background: #70b838
}

.eo-notify .icon.icon-success[data-v-2aa34952]:after {
  content: "\e60d"
}

.eo-notify .icon.icon-info[data-v-2aa34952] {
  background: #edf2fc
}

.eo-notify .icon.icon-info[data-v-2aa34952]:after {
  content: "\e67f";
  font-size: 16px;
  color: #545454
}

.eo-notify .icon.icon-warning[data-v-2aa34952] {
  background: #e6a23c
}

.eo-notify .icon.icon-warning[data-v-2aa34952]:after {
  content: "!"
}

.eo-notify .icon.icon-error[data-v-2aa34952] {
  background: #ff410f
}

.eo-notify .icon.icon-error[data-v-2aa34952]:after {
  content: "\e650"
}








.personal-box {
  justify-content: center;
  padding: 40px 0 0;
  margin-bottom: 40px
}

.personal-left {
  padding-bottom: 20px;
  width: 23.6%;
  /* padding-top: 80px; */
  text-align: center;
  border: 1px solid #eee;
  margin-left: 70px
}

.personal-left .user-outer-box {
  position: relative
}

.personal-left .user-outer-box .user-photo {
  position: absolute;
  top: -144px;
  width: 100%
}

.personal-left .user-outer-box .user-photo>img {
  height: 128px;
  width: 128px;
  border-radius: 50%;
  margin: 0 auto
}

.personal-left .user-outer-box .user-name {
  font-family: PingFangSC-Semibold;
  letter-spacing: 0;
  font-size: 24px;
  color: #000;
  margin-bottom: 28px;
  cursor: auto;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none
}

.personal-left .user-outer-box .vipTag {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  padding-top: 0
}

.personal-left .vipInfo {
  display: flex;
  align-items: baseline;
  justify-content: center
}

.personal-left .contribution-column-outerBox {
  padding-top: 24px
}

.personal-left .contribution-column-outerBox .want-contribution {
  font-family: PingFangSC-Semibold;
  font-size: 14px;
  color: #0086f0;
  letter-spacing: 0;
  line-height: 32px;
  width: 88px;
  cursor: pointer;
  margin: 0 auto;
  border: 1px solid #0086f0
}

.personal-left .contribution-column-outerBox .want-contribution:hover {
  background: #0086f0;
  color: #fff;
  border: 1px solid #0086f0
}

.personal-left .contribution-column-outerBox .special-column {
  font-family: PingFangSC-Semibold;
  font-size: 14px;
  color: #0086f0;
  letter-spacing: 0;
  line-height: 32px;
  width: 88px;
  cursor: pointer;
  border: 1px solid #0086f0;
  margin: 16px auto 0
}

.personal-left .contribution-column-outerBox .special-column:hover {
  background: #0086f0;
  color: #fff;
  border: 1px solid #0086f0
}

.personal-left .contribution-column-outerBox .enter_column {
  font-family: PingFangSC-Semibold;
  font-size: 14px;
  color: #0086f0;
  letter-spacing: 0;
  line-height: 32px;
  width: 88px;
  cursor: pointer;
  border: 1px solid #0086f0;
  padding-left: 8px;
  padding-right: 8px;
  box-sizing: content-box;
  margin: 16px auto 0
}

.personal-left .contribution-column-outerBox .enter_column:hover {
  background: #0086f0;
  color: #fff;
  border: 1px solid #0086f0
}

.personal-left .account-play-outerBox {
  padding-top: 73px
}

.personal-left .account-play-outerBox .account-data {
  font-family: PingFangSC-Semibold;
  font-size: 18px;
  color: #333;
  letter-spacing: 0;
  text-align: center;
  font-weight: 700;
  cursor: pointer
}

.personal-left .account-play-outerBox .account-data .activeBlue,
.personal-left .account-play-outerBox .account-data:hover {
  color: #0086f0
}

.personal-left .account-play-outerBox .play-data {
  margin-top: 24px;
  font-family: PingFangSC-Semibold;
  font-size: 18px;
  color: #333;
  letter-spacing: 0;
  text-align: center;
  font-weight: 700;
  cursor: pointer
}

.personal-left .account-play-outerBox .play-data .activeBlue,
.personal-left .account-play-outerBox .play-data:hover {
  color: #0086f0
}

.personal-left .account-play-outerBox .vipCenter {
  font-family: PingFangSC-Semibold;
  font-size: 18px;
  color: #333;
  margin-top: 20px;
  font-weight: 700
}

.personal-left .account-play-outerBox .new {
  width: 15px;
  height: 15px;
  display: inline
}

.personal-left .account-play-outerBox .new.active1 {
  display: inline-block
}

.personal-right {
  flex: 1;
}

/* .active {
  display: block !important
} */

.bg_box {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .3)
}

.bg_box .phone-contribute {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  margin: auto;
  width: 460px;
  height: 290px;
  background: #fff;
  padding: 17px
}

.bg_box .phone-contribute .close-icon {
  font-size: 24px;
  color: #999;
  float: right;
  cursor: pointer
}

.bg_box .phone-contribute .contribute-application-title {
  font-family: PingFangSC-Semibold;
  font-size: 16px;
  color: #333;
  margin-top: 32px;
  font-weight: 700;
  text-align: center
}

.bg_box .phone-contribute .contribute-application-text {
  font-size: 14px;
  color: #333;
  line-height: 21px;
  margin: 16px auto 0;
  width: 294px
}

.bg_box .phone-contribute .contribute-application-text a {
  color: #0086f0
}

.bg_box .phone-contribute .contribute-application-button {
  width: 148px;
  height: 40px;
  line-height: 40px;
  background: #0086f0;
  border: 1px solid #0086f0;
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin: 32px auto 0;
  cursor: pointer
}

.bg_box .personal-left {
  display: block
}

.m-hd{
  display: none;
}
.sl-hd{
  width: 1256px;
  height: 420px;
  padding-top: 68px !important;
}
.hd-item img{
  display: block;
  width: 1256px;
  height: 420px;
  margin: 0 auto;
  object-fit: cover;
}


@media screen and (min-width:320px) and (max-width:1024px) {
  .personal-left .user-outer-box .user-name {
    font-size: 16px
  }
}

@media screen and (min-width:320px) and (max-width:720px) {
  .personal-box {
    padding: 0
  }

  .personal-left {
    display: none
  }

  .personal-right {
    width: 100% !important;
    margin-left: 0
  }

  .pc-hd{
    display: none;
  }
  .m-hd{
    display: block;
  }

  .sl-hd{
    width: 100%;
    height: 300px;
    padding-top: 68px !important;
  }
  .hd-item img{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    object-fit: cover;
  }

}

.collectList {
  margin-top: 24px;
  display: none;
}
.eo-feed-item {
  padding-bottom: 16px;
  margin-bottom: 36px;
  border-bottom: 1px dotted rgba(51,51,51,.2);
}
.eo-feed-item .left {
  flex: 1;
  margin-right: 24px;
  /* background: #f5f5f5; */
}
.eo-feed-item .right {
  flex: 3.2;
  position: relative;
}
.eo-feed-item .right>a {
  color: #333;
}
.eo-feed-item .right .title {
  font-size: 18px;
  margin: 6px 0;
  font-weight: 700;
}
.eo-feed-item .right .desc {
  font-size: 14px;
  color: #666;
  line-height: 22px;
}
.eo-feed-item .delete {
  display: flex;
}
.eo-feed-item .right .eo-post-date {
  position: absolute;
  bottom: 0;
  border-right: 1px dashed rgba(51, 51, 51, .2);
  padding-right: 10px;
  height: 12px;
  line-height: 12px;
}
.cancelcollect {
  position: absolute;
  bottom: -2px;
  margin-left: 120px;
  cursor: pointer;
  color: #999;
  font-size: 12px;
}
.collect-box .nav {
  position: relative;
}
.collect-box .categoryNav {
  display: inline-block;
  font-family: "微软雅黑";
  font-weight: 700;
  font-size: 16px;
  color: #333;
  cursor: pointer;
  letter-spacing: 0;
  line-height: 22px;
  margin-right: 32px;
  position: relative;
}
.collect-box .categoryNav.active {
  color: #0086f0;
  top: 0;
  border-bottom: 4px solid #0086f0;
  /* padding-bottom: 9px; */
}
.line {
  width: 100%;
  height: 1px;
  opacity: .1;
  border-bottom: 1px dotted #333;
  margin-top: 10px;
}
.collect-title {
  display: none;
  color: #333;
  font-size: 16px;
}
.collect-box .count {
  position: absolute;
  bottom: 2px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #666;
  letter-spacing: 0;
  text-align: right;
  line-height: 16px;
  right: 10px;
  margin-left: 520px;
}
@media screen and (min-width: 320px) and (max-width: 720px) {
.eo-feed-item {
    border-bottom: 1px dotted rgba(51,51,51,.2);
    margin-bottom: 20px;
}
.eo-feed-item .left {
  margin-right: 16px;
}
.eo-hover-child img{
    display: block;
    width: 136px;
    height: 110px;
    margin: 0 auto;
    object-fit: cover;
}
.eo-feed-item .right {
  flex: 1.5;
  /* padding-bottom: 22px;
  top: -2px; */
}

.eo-feed-item .right .desc{
  margin: 6px 0;
}

.eo-feed-item .right .title {
  font-size: 16px;
  margin: 0;
  -webkit-line-clamp: 2;
}
/* .eo-feed-item .right .desc {
  display: none;
} */
.collect-box .categoryNav {
  font-size: 14px;
}
.collect-title {
  display: block;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  margin-top: 16px;
  margin-bottom: 16px;
}
.collect-box .count {
  margin-left: 80px;
  bottom: 1px;
}
}


.sl-hospital{
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
.sl-hospital h2{
  text-align: left;
  font-size: 18px;
  color: #333;
  padding-left: 4px;
  border-left: 4px solid #0086f0;
  font-weight: 700;
  margin: 20px 0;
}
.sl-hos-item img{
  display: block;
  width: 260px;
  height: 170px;
  margin: 0 auto;
  object-fit: cover;
  filter:blur(20px);
}
.sl-hos-item h3{
  text-align: left;
  font-size: 16px;
  color: #333;
  margin: 10px 0;
}
.sl-hos-item .description{
  text-align: left;
  color: #666;
  font-size: 14px;
}
.sl-hos-item .time{
  text-align: left;
  color: #999;
  font-size: 14px;
  margin: 10px 0;
}
.if_search{
  display: block;
}

.pages{
  margin: 20px auto;
  text-align: center;
}
.pages .a1 {
  display: block;
  text-align: center;
  line-height: 24px;
  color: #696969;
  display: inline-block;
  width: auto;
  padding: 0px 8px;
  height: 24px;
}
.pages a {
  text-align: center;
  line-height: 24px;
  color: #696969;
  display: inline-block;
  width: auto;
  padding: 0px 8px;
  height: 24px;
  margin: 0 4px;
  border-radius: 5px;
  border: 1px solid #eee;
  font-size: 12px;
}
.pages span {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 24px;
  display: inline-block;
  border-radius: 5px;
  width: auto;
  padding: 0px 8px;
  height: 24px;
  /* margin: 0 10px; */
  border: 1px solid #eee;
  background: #0086f0;
  color: #fff;
}

.box{
  padding: 20px 0;
}
.box dl{
  margin-bottom: 10px;
}
.box dl span{
  display: inline-block;
  vertical-align: middle; 
}
.title-h{
  margin-bottom: 20px;
}
.select{
  display: inline-block;
  vertical-align: middle;
  padding: 8px;
  font-size: 16px;
  color: #333;
  border-radius: 5px;
  margin: 6px 6px 6px 0;
}
.select_notice h1{
  font-size: 16px;
  color: #333;
  font-weight: normal;
}
.all{
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.select_on{
  background:#0086f0 ;
  color: #fff !important;
}

/* @media screen and (min-width:320px) and (max-width:720px) {
  .eo-notify[data-v-2aa34952] {
    padding: 10px 15px
  }

  .eo-notify .icon[data-v-2aa34952] {
    width: 16px;
    height: 16px;
    margin-right: 4px
  }

  .eo-notify .icon.icon-info[data-v-2aa34952]:after {
    content: "\e67f";
    font-size: 12px;
    color: #545454
  }

  .eo-notify .el-notify-content[data-v-2aa34952] {
    flex: 1
  }
} */

.eo-page-content .link ul,.eo-page-content .link li{
  display: inline-block;
}

.eo-page-content .link ul,.eo-page-content .link li{
  display: inline-block;
}

.eo-page-content .link li a,.eo-page-content .link{
  font-size: 14px;
  color: #fff;
  line-height: 24px;
}
.categoryList_wrap{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #fafafa;
}
.categoryList_wrap .feed-item{
  flex: 0 0 50%;
  width: 50%;
  padding: 0 10px;
  box-sizing: border-box;
  background: #fafafa;
}
.categoryList_wrap .feed-item:nth-child(2n+1){
  padding-right: 5px;
}
.categoryList_wrap .feed-item:nth-child(2n){
  padding-left: 5px;
}
.feed-item .feed-item-img img{
  display: block;
  width: 100%;
  height: 240px;
  margin: 10px auto 0;
  border-radius: 6px 6px 0 0;
  object-fit: cover;
}
.feed-item h2{
  font-size: 15px;
  color: #333;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.feed-item .text-wrap .name{
  font-size: 14px;
  color: #666;
}
.feed-item .feed-item-text
{ 
  padding: 6px;
  background: #fff;
  border-radius: 0 0 6px 6px;
}
.feed-item .text-wrap{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0;
}
.feed-item .text-wrap .name::before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url(/statics/qz/img/author.png) no-repeat;
  background-size: 100%;
  border-radius: 50%;
  margin: -4px 4px 0 0;
}
.feed-item .text-wrap .heart-num{
  font-size: 14px;
  color: #666;
}
.heart-num::before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 15px;
  background: url(/statics/qz/img/heart.png) no-repeat;
  background-size: 100%;
  margin: -4px 4px 0 0;
}
.author_content{
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
 }
.author_content h1{
  font-size: 18px;
  text-align: center;
  color: #333;
  line-height:32px;
  margin: 10px 0;
}
.author_content .au_des{
  font-size: 16px;
  color: #525252;
  text-indent: 2em;
  line-height: 30px;
  margin-bottom: 10px;
}
.author_content .au_content p
{ 
  display: inline-block;
  font-size: 16px;
  color: #333;
  text-indent: 2em;
  line-height: 30px;
  margin: 10px 0;
}
.author_content .au_content span{
  margin: 0;
}
.author_content .au_content h2,.author_content .au_content h3{
  font-size: 16px;
  color: #333;
  margin: 10px 0;
}
.author_content .au_content img{
  display: block;
  width: 100% !important;
  height: auto !important;
  max-width:100% !important;
  margin: 0 auto;
}
.author_content .au_content li{
  list-style: none;
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
}
.au_key{
  color: #202e55;
  font-size: 16px;  
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  margin-bottom: 10px;
  }
  .author_info{
    width: 100%;
    display: flex;
  }
  .author_info .name_info,
  .author_info .time_info
  {
    font-size: 14px;
    color: #666;
    margin:0 20px 10px 0;
  }
  .pl_content{
    padding: 0 10px;
  }
  .pl_content .pl_num{
    font-size: 14px;
    color: #333;
    margin: 10px 0 20px 0;
  }
  .pl_wrap{
    margin: 20px 0;
  }
  .pl_top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .pl_top .avatar_wrap{
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    margin-right: 8px;
  }
  .pl_top .avatar_wrap img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    margin: 0 auto;
  }
  .pl_top_left{
    display: flex;
    flex: 1;
    /* align-items: center; */
  }
  .pl_top_right {
    flex: 0 0 30px;
    width: 30px;
  }
  .avatar_text .name
  {
    font-size: 14px;
    color: #666;
  }
  .avatar_text .text_info{
    font-size: 14px;
    color: #333;
  }
  .pl_top_right img{
    display: block;
    width: 18px;
    height: 15px;
    margin: 0 auto;
  }
  .text_info .pl_hf{
    font-size: 13px;
    color: #666;
    display: inline-block;
    margin-left: 20px;
  }