﻿@charset "UTF-8";
@font-face {
  font-family: 'iconfont';
  /* Project id 274560 */
  src: url("../fonts/font_274560_6dhgibw4qcx.woff2") format("woff2"), url("../fonts/font_274560_6dhgibw4qcx.woff") format("woff"), url("../fonts/font_274560_6dhgibw4qcx.ttf") format("truetype");
}

.header-agency-tel {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.header-agency-tel .header-agency-check-tel {
  display: flex;
  justify-content: flex-start;
}

.header-agency-tel .header-agency-check-tel > .call:hover .call-img {
  display: block;
}

.header-agency-tel .header-agency-check-tel > .call:hover::after {
  display: block;
}

.header-agency-tel .header-agency-check-tel > .call::after {
  content: '';
  width: 100%;
  height: 29px;
  background: transparent;
  position: absolute;
  right: 0px;
  top: 20px;
  display: none;
}

.header-agency-tel .header-agency-check-tel > .call {
  display: inline-block;
  width: 60px;
  height: 22px;
  margin-left: 7px;
  border: 1px solid #1a8cff;
  border-radius: 2px;
  font-size: 12px;
  color: #1A8CFF;
  text-align: center;
  line-height: 22px;
  cursor: pointer;
  position: relative;
}

.header-agency-tel .header-agency-check-tel > .call .call-img {
  position: absolute;
  right: -12px;
  top: 49px;
  width: 150px;
  height: 170px;
  background: #fff;
  padding: 8px;
  z-index: 999;
  display: none;
}

.header-agency-tel .header-agency-check-tel > .call .call-img>img {
  display: block;
  width: 134px;
  height: 134px;
}
.call-text{
	width: 100%;
	height: 17px!important;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 3px;
}
.call-text>img{
	display: block;
	width: 22px;
	height: 6px;
	margin: 0 4px;
}
.call-text>span{
	font-size: 12px;
	color: #595959;
	line-height: 17px;
}

.head-t2-posi {
  position: fixed;
  top: 0;
  z-index: 999;
}

.agency-nav {
  width: 100%;
}

.agency-nav .head-nav {
  width: 1220px;
  height: 44px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.agency-nav .jyb-btn {
  height: 40px;
  padding: 0 25px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 38px;
  cursor: pointer;
  -webkit-transition: .1s;
  -webkit-transition: .1s;
  -moz-transition: .1s;
  -moz-transition: .1s;
  transition: .1s;
  text-align: center;
  white-space: nowrap;
  color: #595959;
  border: 1px solid #d9d9da;
  border-color: #d9d9da;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #fff;
}

.agency-nav .jyb-btn-blue {
  color: #fff;
  border-color: #1a8cff;
  background-color: #1a8cff;
}

.agency-nav .nav-btn {
  width: 160px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  color: white;
  font-size: 16px;
  font-weight: 600;
  background-color: #1A8CFF;
  border-radius: 0px;
  cursor: pointer;
  display: none;
  flex-shrink: 0;
}

.index-agency-intro-pj li {
  color: #8C8C8C;
  padding-left: 17px;
  margin-left: 0px;
  position: relative;
}

.index-agency-intro-pj li::after {
  content: '';
  width: 1px;
  height: 14px;
  background: #D9D9DA;
  position: absolute;
  right: -8px;
  top: 7px;
}

.index-agency-intro-pj li:first-child {
  padding-left: 12px;
}

.index-agency-intro-pj li:last-child::after {
  display: none;
}

.spacing .index-agency-intro-ts {
  margin-top: 16px;
}

.spacing .index-agency-intro-ts span {
  font-size: 14px;
}

.spacing .campus {
  margin-top: 16px;
}

.spacing .introduction {
  margin-top: 16px;
  height: 40px;
  align-items: flex-start;
}

.spacing .introduction > div {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.spacing .introduction a {
  margin-top: 20px;
}

.ranking-list {
  width: 100%;
  height: 28px;
  margin-top: 12px;
  background: linear-gradient(270deg, #FFFFFF 0%, #FFF3E6 100%);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
}

.ranking-list i {
  font-size: 16px;
  color: #FE5900;
}

.ranking-list span {
  display: block;
  margin-left: 5px;
  font-size: 13px;
  color: #FE5900;
  line-height: 20px;
}

.index-agency-intro-ts {
  margin: 12px 0 0;
}

.agency-right-more a {
  text-decoration: underline;
}

.campus,
.introduction {
  width: 100%;
  height: 20px;
  margin-top: 12px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.campus .tit,
.introduction .tit {
  display: block;
  width: 42px;
  font-size: 14px;
  color: #8C8C8C;
  line-height: 20px;
  margin-right: 10px;
}

.campus > div,
.introduction > div {
  max-width: 522px;
  font-size: 14px;
  color: #262626;
  line-height: 20px;
}

.campus > a,
.introduction > a {
  display: block;
  margin-left: 6px;
  font-size: 14px;
  color: #8C8C8C;
  line-height: 20px;
}

.campus > a:hover,
.introduction > a:hover {
  color: #1A8CFF;
}

.introduction > a {
  color: #8C8C8C;
}

.index-agency-intro-right {
  padding-bottom: 60px;
  padding-top: 6px;
}

.rights {
  width: 100%;
  max-height: 100px;
  margin-top: 12px;
  display: flex;
  justify-content: flex-start;
}

.rights .tit {
  display: block;
  width: 42px;
  font-size: 14px;
  color: #8C8C8C;
  line-height: 20px;
  margin-right: 10px;
}

.rights .rights-con {
  width: calc(100% - 52px);
  background: #FFFBF7;
  border-radius: 2px;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.rights .rights-con ul {
  width: 410px;
}

.rights .rights-con ul li {
  width: 100%;
  height: 18px;
  margin-bottom: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.rights .rights-con ul li img {
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.rights .rights-con ul li span {
  display: inline-block;
  font-size: 13px;
  color: #262626;
  line-height: 18px;
}

.rights .rights-con ul li:last-child {
  margin-bottom: 0px;
}

.rights .rights-con .rights-receive {
  width: 148px;
  height: 32px;
  background: #FE5900;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
}

/* 权益领取弹窗css */
.m-rights-pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 999999;
  touch-action: none;
  cursor: pointer;
}

.rights-pop-mian {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 620px;
  height: 299px;
  background-color: #fff;
  transform: translate(-50%, -50%);
  padding: 50px 40px 30px;
  box-shadow: 0px -2px 0px 0px #FE5900;
}

.rights-pop-mian .line {
  display: block;
  width: 100%;
  height: 1px;
  background: #EBEBEB;
  margin-top: 30px;
}

.rights-pop-mian .rights-btn {
  width: 240px;
  height: 40px;
  background: #FE5900;
  border-radius: 2px;
  margin: 30px auto 0;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
}

.tit {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.tit .success-icon {
  display: block;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: #FE5900;
  -webkit-mask: url(../fonts/icon-check-linear.svg) no-repeat;
  mask: url(../images/icon-check-linear.svg) no-repeat;
  margin-left: 25px;
}

.tit .tit-r {
  width: calc(100% - 65px);
  margin-left: 15px;
}

.tit .tit-r .title {
  display: block;
  font-size: 28px;
  font-weight: 400;
  color: #262626;
  line-height: 40px;
}

.tit .tit-r em {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #8C8C8C;
  line-height: 20px;
  padding-left: 37px;
}

.time-remaining {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #595959;
  margin-top: 25px;
  font-size: 14px;
  line-height: 22px;
  height: 25px;
}

.time-remaining span {
  font-family: 'Verdana';
  position: relative;
  height: 28px;
  background: linear-gradient(360deg, #FE5900 0%, #FE8A00 100%);
  padding: 0 3px;
  font-size: 18px;
  color: #fff;
  border-radius: 2px;
  line-height: 28px;
  text-align: center;
  margin: 0 6px;
  font-weight: 600;
}

.time-remaining > span:not(.ss, .dd)::after {
  content: ':';
  position: absolute;
  top: 0;
  right: -8px;
  color: #fe3f03;
  font-size: 18px;
}

.time-remaining img {
  display: block;
  width: 12px;
  height: 12px;
}

.class-detail-right-btn {
  display: flex;
  justify-content: space-between;
}

.class-detail-right-btn .jg-coll-share {
  display: flex;
  justify-content: space-between;
}

.class-detail-right-btn .jg-coll-share .contrast {
  margin-right: 0px !important;
}

.class-detail-right-btn .jg-coll-share .jg-coll,
.class-detail-right-btn .jg-coll-share .jg-share,
.class-detail-right-btn .jg-coll-share .contrast {
  width: 40px;
  cursor: pointer;
  position: relative;
  margin: 0 4px;
}

.class-detail-right-btn .jg-coll-share .jg-coll .bds_more,
.class-detail-right-btn .jg-coll-share .jg-share .bds_more,
.class-detail-right-btn .jg-coll-share .contrast .bds_more {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 0 !important;
  padding: 0;
  z-index: 1;
  opacity: 0;
}

.class-detail-right-btn .jg-coll-share .jg-coll span,
.class-detail-right-btn .jg-coll-share .jg-share span,
.class-detail-right-btn .jg-coll-share .contrast span {
  display: block;
  width: 40px;
  height: 34px;
  text-align: center;
  line-height: 40px;
}

.class-detail-right-btn .jg-coll-share .jg-coll span i,
.class-detail-right-btn .jg-coll-share .jg-share span i,
.class-detail-right-btn .jg-coll-share .contrast span i {
  font-size: 18px;
}

.class-detail-right-btn .jg-coll-share .jg-coll span .icon-two,
.class-detail-right-btn .jg-coll-share .jg-share span .icon-two,
.class-detail-right-btn .jg-coll-share .contrast span .icon-two {
  color: #8C8C8C;
}

.class-detail-right-btn .jg-coll-share .jg-coll span .icon-two:hover,
.class-detail-right-btn .jg-coll-share .jg-share span .icon-two:hover,
.class-detail-right-btn .jg-coll-share .contrast span .icon-two:hover {
  color: #8C8C8C;
}

.class-detail-right-btn .jg-coll-share .jg-coll span .icon-twos,
.class-detail-right-btn .jg-coll-share .jg-share span .icon-twos,
.class-detail-right-btn .jg-coll-share .contrast span .icon-twos {
  color: #FE5900 !important;
}

.class-detail-right-btn .jg-coll-share .jg-coll em,
.class-detail-right-btn .jg-coll-share .jg-share em,
.class-detail-right-btn .jg-coll-share .contrast em {
  width: 40px;
  display: block;
  font-size: 12px;
  color: #595959;
  text-align: center;
  line-height: 17px;
}

/* 收藏成功提示 */
.alert-collection {
  width: auto;
  height: 44px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  display: none;
}

.alert-coll {
  width: auto;
  height: 44px;
  padding: 0 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.alert-coll .coll-l {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.alert-coll .coll-l i {
  display: inline-block;
  width: 16px;
  color: #35D3A3;
  margin-right: 4px !important;
  font-size: 16px;
}

.alert-coll .coll-l span {
  display: block;
  font-size: 14px;
  color: #35D3A3;
  line-height: 16px;
}

.alert-coll > i {
  display: block;
  width: 1px;
  height: 12px;
  background: #FFFFFF;
  margin: 0 8px;
}

.alert-coll .coll-r {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.alert-coll .coll-r span {
  display: block;
  font-size: 14px;
  color: #fff;
  line-height: 16px;
  margin-right: 4px;
}

.alert-coll .coll-r i {
  width: 16px;
  font-size: 12px;
  color: #fff;
}

.social-share .social-share-icon {
  padding-left: 0px;
  background-image: none;
}

.class-btn-share {
  position: relative;
}

.bdsharebuttonbox {
  width: 40px;
  cursor: pointer;
  position: absolute;
  margin: 0 4px;
  background: #fff;
  left: 0px;
  top: 0px;
}

.bdsharebuttonbox .bds_more {
  width: 100%;
  height: inherit;
  height: 100%;
  margin: 0;
  padding-left: 0;
  display: inline-block;
  float: none;
  font-size: inherit;
  line-height: inherit;
  cursor: pointer;
  color: #595959;
  background-image: none;
}

.fixed-right-pk {
  display: none;
  position: fixed;
  top: 164px;
  right: 121px;
  width: 200px;
  background-color: #fff;
  z-index: 999;
  user-select: none;
}

.fixed-right-pk .pk-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  height: 30px;
  width: 100%;
  background-color: #1A8CFF;
  font-size: 14px;
  color: #FFFFFF;
}

.fixed-right-pk .pk-title i {
  width: 20px;
  height: 20px;
  display: inline-block;
  -webkit-mask: url(../fonts/icon-cross-no-bg.svg) no-repeat;
  mask: url(../fonts/icon-cross-no-bg.svg) no-repeat;
  background-color: #fff;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  cursor: pointer;
}

.pk-add {
  position: relative;
  height: 32px;
  margin: 0 auto 15px;
}

.pk-add p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 180px;
  margin-left: 10px;
  line-height: 32px;
  padding-left: 12px;
  border: 1px solid #D9D9DA;
  border-radius: 4px;
  font-size: 12px;
  color: #262626;
  cursor: pointer;
}

.pk-add p::after {
  content: '';
  height: 18px;
  width: 18px;
  display: inline-block;
  margin-right: 7px;
  -webkit-mask: url(../fonts/icon-bottom-no-bg.svg) no-repeat;
  mask: url(../fonts/icon-bottom-no-bg.svg) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: #e5e8ed;
}

.pk-add .pk-search {
  display: none;
  position: absolute;
  top: 34px;
  right: -1px;
  height: 420px;
  width: 250px;
  background-color: #fff;
  z-index: 999;
}

.pk-add .pk-search-title {
  position: relative;
  height: 44px;
  width: 100%;
  padding: 7px 9px;
}

.pk-add .pk-search-title input {
  display: block;
  width: 230px;
  height: 30px;
  background: #f5f6f7;
  border-radius: 4px;
  -webkit-box-shadow: unset;
  padding-left: 31px;
  font-size: 14px;
  color: #262626;
  caret-color: #1A8CFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.pk-add .pk-search-title .search-del {
  position: absolute;
  display: none;
  top: 14px;
  width: 16px;
  height: 16px;
  margin: 0;
  left: unset;
  right: 20px;
  -webkit-mask: url(../fonts/icon-cross-block.svg) no-repeat;
  mask: url(../fonts/icon-cross-block.svg) no-repeat;
  background-color: #ababab;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.pk-add .pk-search-title::before {
  position: absolute;
  top: 14px;
  left: 20px;
  content: '';
  height: 16px;
  width: 16px;
  display: inline-block;
  -webkit-mask: url(../fonts/icon-search-linear.svg) no-repeat;
  mask: url(../fonts/icon-search-linear.svg) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: #ababab;
}

.pk-add .pk-search-title input::-webkit-input-placeholder {
  font-size: 14px;
  color: #ABABAB;
}

.pk-add .pk-search-result {
  display: none;
  position: absolute;
  top: 44px;
  left: 0;
  right: 0;
  background-color: #fff;
  height: 376px;
  width: 250px;
  border: 1px solid #F5F6F7;
  z-index: 999;
  overflow-y: auto;
}

.pk-add .pk-search-result h6 {
  height: 32px;
  line-height: 32px;
  padding-left: 13px;
  border-bottom: 1px solid #F5F6F7;
  font-size: 12px;
  color: #000000;
  text-align: center;
}

.pk-add .pk-search-result li {
  height: 32px;
  line-height: 32px;
  padding-left: 13px;
  border-bottom: 1px solid #F5F6F7;
  font-size: 12px;
  color: #000000;
  letter-spacing: 0;
  cursor: pointer;
}

.pk-add .pk-search-result li:hover {
  background-color: #fafbfc;
  color: #1A8CFF;
}

.pk-add .pk-search-result li span {
  line-height: 32px;
  color: #1A8CFF;
}

.fixed-right-pk .pk-start {
  margin: 0 auto 20px;
  width: 170px;
  height: 30px;
  background-color: #1a8cff;
  line-height: 30px;
  text-align: center;
  color: #FFF;
  border-radius: 2px;
  cursor: pointer;
}

.fixed-right-pk .pk-clear {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25px;
  font-size: 12px;
  color: #ABABAB;
  background: #E5E8ED;
  cursor: pointer;
}

.fixed-right-pk .pk-clear::before {
  content: '';
  height: 14px;
  width: 14px;
  display: inline-block;
  margin-right: 2px;
  -webkit-mask: url(../fonts/icon-del-linear.svg) no-repeat;
  mask: url(../fonts/icon-del-linear.svg) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: #ABABAB;
}

.fixed-right-pk .pk-list {
  margin-bottom: 10px;
}

.fixed-right-pk .pk-list li {
  position: relative;
  display: flex;
  height: 76px;
  align-items: center;
  padding: 10px;
  border: 1px transparent dashed;
}

.fixed-right-pk .pk-list li:hover {
  border: 1px #1A8CFF dashed;
}

.fixed-right-pk .pk-list li::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200%;
  height: 1px;
  background-color: #E5E8ED;
  transform-origin: 0 0;
  transform: scale(0.5, 0.5);
}

.fixed-right-pk .pk-list .pk-item-img {
  width: 55px;
  height: 55px;
}

.fixed-right-pk .pk-item-img img {
  width: 100%;
  height: 100%;
}

.fixed-right-pk .pk-list .pk-item-name {
  flex: 1;
  padding-left: 15px;
  line-height: 20px;
  letter-spacing: 0;
  font-size: 15px;
  color: #262626;
}

.pk-del {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  width: 20px;
  background-color: #1a8cff;
  cursor: pointer;
}

.pk-del .pk-del-icon {
  height: 20px;
  width: 20px;
  display: inline-block;
  -webkit-mask: url(../fonts/icon-cross-no-bg.svg) no-repeat;
  mask: url(../fonts/icon-cross-no-bg.svg) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: #fff;
  z-index: 2;
}

.organization-list {
  width: 100%;
  height: 376px;
  overflow-y: auto;
  border: 1px solid #F5F6F7;
}

.pk-search-result::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #d9d9da;
}

.organization-list::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #d9d9da;
}

.pk-search-result::-webkit-scrollbar-track {
  background: #fafbfc;
}

.organization-list::-webkit-scrollbar-track {
  background: #fafbfc;
}

.pk-search-result::-webkit-scrollbar {
  background-color: #D9D9DA;
  width: 8px;
  border-radius: 4px;
}

.organization-list {
  width: 100%;
  height: 376px;
  overflow-y: auto;
  border: 1px solid #F5F6F7;
}

.pk-search-result::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #d9d9da;
}

.organization-list::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #d9d9da;
}

.pk-search-result::-webkit-scrollbar-track {
  background: #fafbfc;
}

.organization-list::-webkit-scrollbar-track {
  background: #fafbfc;
}

.pk-search-result::-webkit-scrollbar {
  background-color: #D9D9DA;
  width: 8px;
  border-radius: 4px;
}

organization-list::-webkit-scrollbar {
  background-color: #D9D9DA;
  width: 8px;
  border-radius: 4px;
}

.organization-list dt,
.organization-list dd {
  height: 32px;
  line-height: 32px;
  border-bottom: 1px solid #F5F6F7;
}

.organization-list dd a {
  display: block;
  padding-left: 11px;
  width: 100%;
  height: 100%;
  font-size: 12px;
  color: #262626;
  letter-spacing: 0;
}

.organization-list dd a:hover {
  background-color: #f5f6f7;
  color: #1A8CFF;
}

.organization-list dt {
  font-weight: 600;
  padding-left: 11px;
  font-size: 14px;
  color: #1A8CFF;
  letter-spacing: 0;
  background-color: #f4faff;
}

.super-value-activity {
  width: 1220px;
  margin: 0 auto;
  border-top: 2px solid #FE5900;
  background: #fff;
  padding: 20px 20px 0;
}

.super-value-activity .activity-tit {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}

.super-value-activity .activity-tit > span {
  font-size: 20px;
  font-weight: 600;
  color: #262626;
  line-height: 28px;
  margin-right: 30px;
}

.super-value-activity .activity-tit > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 15px;
}

.super-value-activity .activity-tit > div i {
  font-size: 16px;
  color: #8C8C8C;
  margin-right: 4px;
}

.super-value-activity .activity-tit > div span {
  font-size: 14px;
  color: #8C8C8C;
  line-height: 20px;
}

.super-value-activity .activity-list {
  width: 100%;
  max-height: 268px;
  overflow-y: hidden;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.super-value-activity .activity-list .act-item:nth-child(2n) {
  margin-right: 0;
}

.super-value-activity .activity-list .act-item {
  width: 580px;
  height: 114px;
  margin: 0 20px 20px 0;
  border-radius: 4px;
  border: 1px solid #F2F2F2;
  padding: 15px;
  display: flex;
  justify-content: flex-start;
}

.super-value-activity .activity-list .act-item .act-img {
  width: 140px;
  height: 84px;
  position: relative;
  margin-right: 15px;
}

.super-value-activity .activity-list .act-item .act-img img {
  display: block;
  width: 140px;
  height: 84px;
  border-radius: 5px;
}

.super-value-activity .activity-list .act-item .act-img em {
  display: block;
  width: 18px;
  height: 18px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  line-height: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.super-value-activity .activity-list .act-item .act-img .hui {
  background: #ff8240;
}

.super-value-activity .activity-list .act-item .act-img .zhe {
  background: #35d3a3;
}

.super-value-activity .activity-list .act-item .act-con {
  width: calc(100% - 155px);
  height: 84px;
}

.super-value-activity .activity-list .act-item .act-con .act-con-tit {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 6px;
}

.super-value-activity .activity-list .act-item .act-con .act-con-tit em {
  display: inline-block;
  padding: 0 4px;
  margin-right: 4px;
  background: rgba(255, 243, 230, 0.4);
  border-radius: 2px;
  border: 1px solid #FFD0A3;
  font-size: 12px;
  font-weight: 400;
  color: #FE5900;
}

.super-value-activity .activity-list .act-item .act-con .act-con-tit span {
  display: inline-block;
  font-size: 16px;
  color: #262626;
}

.super-value-activity .activity-list .act-item .act-con .act-price {
  width: 100%;
  height: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 6px;
}

.super-value-activity .activity-list .act-item .act-con .act-price em {
  display: block;
  font-size: 16px;
  color: #FE5900;
  margin-right: 5px;
}

.super-value-activity .activity-list .act-item .act-con .act-price em span {
  font-size: 14px;
  color: #FE5900;
}

.super-value-activity .activity-list .act-item .act-con .act-price var {
  display: block;
  font-size: 14px;
  color: #8C8C8C;
  line-height: 17px;
  text-decoration: line-through;
  font-style: normal;
  margin-right: 20px;
}

.super-value-activity .activity-list .act-item .act-con .act-price span {
  font-size: 14px;
  color: #8C8C8C;
}

.super-value-activity .activity-list .act-item .act-con .snap-up {
  display: block;
  width: 64px;
  height: 26px;
  background: #FE5900;
  border-radius: 2px;
  border: 1px solid #FE5900;
  font-size: 13px;
  color: #FFFFFF;
  text-align: center;
  line-height: 26px;
}

.super-value-activity-open {
  width: 100px;
  height: 40px;
  margin: 0px auto;
  padding-bottom: 20px;
  cursor: pointer;
  font-size: 14px;
  color: #8C8C8C;
  line-height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.super-value-activity-open i {
  margin-left: 2px;
  font-size: 12px;
  color: #8C8C8C;
}

.super-value-activity {
  border-top: 0px;
  margin-top: 20px;
}

.school-content-map-container {
  position: relative;
  height: 430px !important;
}

.school-content-map-container #school-map {
  width: calc(100% - 60px);
  height: 100%;
  margin: 0 auto;
  position: absolute;
  left: 0px;
  top: 0px;
}

.school-map-marker-info .school-info-error-btn {
  top: 0px;
}

.school-list-container {
  width: 340px !important;
  height: 370px !important;
  background: #FFFFFF;
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 1;
  padding-top: 20px;
}

.school-list-container > ul {
  height: 100% !important;
}

.school-list-container > ul > li {
  padding: 15px 14px;
}

.school-list-container > ul > li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.school-list-container > ul > li a .list-l {
  width: calc(100% - 88px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.school-list-container > ul > li a .list-l .sort {
  width: 24px;
  height: 24px;
  position: relative;
  margin-right: 10px;
}

.school-list-container > ul > li a .list-l .sort span {
  display: block;
  width: 25px;
  height: 24px;
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 11px;
  font-weight: 600;
  color: #D9D9DA;
  text-align: center;
  line-height: 20px;
  z-index: 1;
}

.school-list-container > ul > li a .list-l .sort i {
  width: 24px;
  height: 24px;
  font-size: 26px;
  text-align: center;
  line-height: 24px;
  color: #D9D9DA;
  position: absolute;
  left: 0px;
  top: 0px;
}

.school-list-container > ul > li a .list-l .xq-info {
  width: calc(100% - 34px);
}

.school-list-container > ul > li a .list-l .xq-info span {
  display: block;
  font-size: 14px;
  color: #262626;
  font-weight: 600;
  margin-bottom: 4px;
}

.school-list-container > ul > li a .list-l .xq-info em {
  display: block;
  font-size: 14px;
  color: #ABABAB;
}

.school-list-container > ul > li a .list-r {
  display: none;
}

.school-list-container > ul > li a .list-r span {
  display: block;
  width: 88px;
  height: 36px;
  background: #1A8CFF;
  border-radius: 4px;
  font-size: 13px;
  color: #FFFFFF;
  text-align: center;
  line-height: 36px;
}

.school-list-container > ul .active {
  background: #E6F7FF;
}

.school-list-container > ul .active .list-l .sort span {
  color: #FFF;
}

.school-list-container > ul .active .list-l .sort i {
  color: #1A8CFF;
}

.school-list-container > ul .active .xq-info span,
.school-list-container > ul .active .xq-info em {
  color: #1A8CFF !important;
}

.school-list-container > ul .active .list-r {
  display: block;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.school-list-container > ul::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
.school-list-container > ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

/*定义滑块 内阴影+圆角*/
.school-list-container > ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #c8c8c8;
}

.school-map-marker-info {
  width: 340px;
  left: -119px;
}

.school-map-marker-info .school-info-navigation {
  border-radius: 0;
}

.school-map-marker-info .school-info-error-btn {
  float: left;
  margin-left: 8px;
  border: 0;
  border-radius: 0;
  text-decoration: underline;
}

.school-map-marker-info p {
  float: none;
  color: #8C8C8C;
}

.school-map-marker-info span {
  display: inline !important;
  color: #8C8C8C;
}

.school-map-marker-info .popper__arrow {
  left: 130px;
}

.school-map-marker-info span a {
  display: inline-block;
  padding: 0 5px;
  margin-left: 8px;
  border: 1px solid #1a8cff;
  border-radius: 2px;
  line-height: 20px;
}

.scan-code-img span {
  display: block !important;
  color: #8C8C8C;
}

.pj-info-list {
  margin-bottom: 5px;
  display: flex;
  justify-content: flex-start;
}

.pj-info-list > span {
  font-size: 14px;
  color: #8C8C8C;
  line-height: 20px;
}

.pj-info-list > em {
  font-size: 14px;
  color: #262626;
  line-height: 20px;
}

.pj-info-list .price-vague {
  display: flex;
  justify-content: center;
  font-size: 14px;
  color: #FE5900;
  line-height: 20px;
  margin-right: 10px;
}

.pj-info-list .vague {
  display: block;
  width: 10px;
  height: 20px;
  background: linear-gradient(180deg, #fffaf7 0%, #ffe6d8 50%, #fffaf7 100%);
  filter: blur(2px);
}

.pj-info-list > a {
  font-size: 14px;
  color: #1A8CFF;
  line-height: 20px;
  text-decoration: revert;
}
.jg-coll-share .jg-share:hover .to_share_box {display: block!important;}.jg-coll-share .social-share-hover {position: absolute;top: -25px;left: 0;height: 30px;width: 100%;z-index: 1;}.jg-coll-share .to_share_box {width: 182px !important;z-index: 2;}.jg-coll-share .to_share_box .social-share {margin: 0 auto;}.jg-coll-share .to_mobile_box,.jg-coll-share .to_share_box {/* display: none; */position: absolute;bottom: -16px;left: 50%;transform: translate(-50%, 100%);width: 120px;height: auto;background: #FFFFFF;border: 1px solid #EAEAEA;z-index: 99;transition: all 0.3s;padding: 10px;}.jg-coll-share .to_mobile_box::before,.jg-coll-share .to_share_box::before {content: '';position: absolute;top: -9px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #EAEAEA;}.jg-coll-share .to_mobile_box::after,.jg-coll-share .to_share_box::after {content: '';position: absolute;top: -7.3px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #fff;}