.icon-gray-01[data-v-2a640e10] {
  color: #90949d
}

.icon-gray-01.hover-icon[data-v-2a640e10]:hover {
  color: #656a72
}

.xtVideo[data-v-2a640e10] {
  position: relative;
  background: #000
}

.loading[data-v-2a640e10] {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  display: table
}

.loading .center[data-v-2a640e10] {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  line-height: 24px
}

.loading .icon[data-v-2a640e10] {
  font-weight: 700;
  color: #fff;
  font-size: 16px;
  margin-right: 5px
}

.loading .retry[data-v-2a640e10] {
  padding: 5px 10px;
  border-radius: 4px;
  margin-left: 5px;
  vertical-align: top
}

.loadError[data-v-2a640e10] {
  position: absolute;
  width: 100%;
  height: 20px;
  line-height: 20px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  z-index: 4;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}

.loadError span[data-v-2a640e10] {
  vertical-align: middle
}

.loadError .iconfont[data-v-2a640e10] {
  margin-left: 6px;
  vertical-align: middle
}

.xt_video_player_container,.xt_video_player_container .xt_video_player_wrap,.xt_video_player_container video {
  border-radius: inherit
}

* {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.swimbox * {
  padding: 0
}

.swimbox,.swimbox * {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0
}

.swimbox {
  position: fixed;
  bottom: 100px;
  width: 60px;
  padding: 0 0 65px;
  right: 6px;
  z-index: 1999
}

.swimbox.lang_zh .go-to-btn {
  padding: 2px 12px
}

.swimbox.lang_zh .go-to-btn .text {
  font-size: 14px
}

.swimbox .go-to-btn {
  display: block;
  opacity: 1;
  width: 60px;
  min-height: 65px;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  background: #fff;
  border: 1px solid rgba(45,74,148,.07);
  border-top: 0 solid rgba(45,74,148,.07)
}

.swimbox .go-to-btn .iconfont {
  color: #b6bac5;
  font-size: 28px;
  display: block
}

.swimbox .go-to-btn .text {
  display: none
}

.swimbox .go-to-btn.top {
  position: absolute;
  bottom: 0;
  left: 0
}

.swimbox .go-to-btn:hover {
  background: #1769fe;
  border-color: #1769fe;
  z-index: 1
}

.swimbox .go-to-btn:hover .text {
  display: block
}

.swimbox .go-to-btn:hover .iconfont {
  display: none
}

.swimbox .go-to-btn.active {
  background: #1769fe;
  border-color: #1769fe;
  z-index: 1
}

.swimbox .go-to-btn.active .text {
  display: block
}

.swimbox .go-to-btn.active .iconfont {
  display: none
}

.swimbox .go-to-btn.active:hover {
  background: #3878ee
}

.swimbox .go-to-btn .text {
  line-height: 20px;
  font-size: 12px;
  color: #fff;
  z-index: 1;
  text-align: center
}

.swimbox .go-to-btn:first-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-width: 1px
}

.swimbox .go-to-btn:last-of-type {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

.swimbox:hover .active:not(:hover) {
  background: #fff;
  border-color: rgba(45,74,148,.07)
}

.swimbox:hover .active:not(:hover) .iconfont {
  color: #b6bac5;
  font-size: 28px;
  display: block
}

.swimbox:hover .active:not(:hover) .text {
  display: none
}

.swimbox .appdown:hover .h_appdown,.swimbox .appdown:hover .h_appdown:hover {
  display: block
}

.swimbox .h_appdown {
  display: none;
  position: absolute;
  z-index: 99999;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s;
  right: 60px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-right: 15px
}

.swimbox .h_appdown .appdown-inner {
  padding: 25px;
  border-radius: 5px;
  width: 400px;
  -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.1);
  box-shadow: 0 2px 20px rgba(0,0,0,.1);
  background: #fff;
  font-size: 0;
  cursor: default
}

.swimbox .h_appdown .appdown-qrcode {
  position: relative;
  width: 140px;
  height: 140px;
  display: inline-block;
  margin-right: 20px;
  vertical-align: top
}

.swimbox .h_appdown .appdown-popover-tip {
  position: relative;
  display: inline-block;
  width: 190px;
  vertical-align: top
}

.swimbox .h_appdown .appdown-popover-tip .tips {
  position: relative;
  display: block
}

.swimbox .h_appdown .appdown-popover-tip .tips:nth-of-type(n+2) {
  margin-top: 16px
}

.swimbox .h_appdown .appdown-popover-tip .tips .tip-h,.swimbox .h_appdown .appdown-popover-tip .tips .tip-t {
  position: relative;
  display: block;
  text-align: left;
  word-break: break-word
}

.swimbox .h_appdown .appdown-popover-tip .tips .tip-h.tip-h,.swimbox .h_appdown .appdown-popover-tip .tips .tip-t.tip-h {
  line-height: 22px;
  font-size: 18px;
  color: #5097fa
}

.swimbox .h_appdown .appdown-popover-tip .tips .tip-h.tip-t,.swimbox .h_appdown .appdown-popover-tip .tips .tip-t.tip-t {
  line-height: 20px;
  font-size: 14px;
  color: #666
}

.swimbox .h_appdown .appdown-popover-tip .tips .tip-h:nth-of-type(n+2),.swimbox .h_appdown .appdown-popover-tip .tips .tip-t:nth-of-type(n+2) {
  margin-top: 8px
}

.coupon-popper {
  margin-right: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  -webkit-transform: translate(26px,14px);
  transform: translate(26px,14px)
}

.coupon-popper .hover-btn-con img {
  width: 100%;
  height: auto;
  display: block
}

.icon-gray-01[data-v-7c31122f] {
  color: #90949d
}

.icon-gray-01.hover-icon[data-v-7c31122f]:hover {
  color: #656a72
}

.coupon[data-v-7c31122f] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  background: url(https://proxt-cdn.xuetangx.com/fe-proxtassets/xuetangX/yhq10.png) no-repeat;
  background-size: 100% 100%;
  width: 100%;
  padding: 7px 8px 10px
}

.coupon .number[data-v-7c31122f],.coupon[data-v-7c31122f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

.coupon .number[data-v-7c31122f] {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: url(https://proxt-cdn.xuetangx.com/fe-proxtassets/xuetangX/yhq5.png) no-repeat;
  background-size: cover;
  min-width: 27.1641791%;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum"
}

.coupon .number .number_con[data-v-7c31122f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  line-height: 1;
  color: #fff;
  text-align: center;
  font-size: 35px;
  letter-spacing: -.7px;
  width: 100%;
  padding: 0 6px
}

.coupon .number .price[data-v-7c31122f] {
  font-size: 15px;
  padding-right: 2px
}

.coupon .number .discount[data-v-7c31122f] {
  font-size: 13px;
  padding-left: 3px
}

.coupon .detail[data-v-7c31122f] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 20px 15px;
  width: 1px
}

.coupon .detail p[data-v-7c31122f] {
  margin: 0
}

.coupon .detail .coupon_name[data-v-7c31122f] {
  font-weight: 700;
  font-size: 14px;
  color: #444;
  line-height: 18px;
  padding-bottom: 6px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap
}

.coupon .detail .limit[data-v-7c31122f] {
  font-size: 12px;
  color: #666;
  line-height: 14px;
  padding-bottom: 8px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap
}

.coupon .detail .other[data-v-7c31122f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.coupon .detail .other .time[data-v-7c31122f] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 12px;
  color: #666;
  line-height: 17px
}

.coupon .detail .other .operate[data-v-7c31122f] {
  border: 1px solid #fa4949;
  border-radius: 20px;
  font-size: 16px;
  color: #fa4949;
  line-height: 1;
  padding: 3px 12px 5px;
  text-align: center;
  cursor: pointer
}

.coupon .detail .other .operate.active[data-v-7c31122f] {
  color: #fff;
  background: #fa4949;
  border: none
}

.coupon .choose[data-v-7c31122f] {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.coupon .choose .iconfont.radio[data-v-7c31122f] {
  font-size: 4.533333333333333vw;
  color: #ccc
}

.coupon .choose .iconfont.radio.checked[data-v-7c31122f] {
  color: #1769fe
}

.coupon.big .number[data-v-7c31122f] {
  font-size: 46px;
  letter-spacing: -.92px
}

.coupon.big .number .price[data-v-7c31122f] {
  padding-right: 4px;
  font-size: 18px
}

.coupon.big .number .discount[data-v-7c31122f] {
  padding-left: 4px;
  font-size: 16px
}

.coupon.big .detail .coupon_name[data-v-7c31122f] {
  font-size: 18px;
  line-height: 25px
}

.coupon.big .detail .limit[data-v-7c31122f] {
  font-size: 14px;
  line-height: 15px;
  padding-bottom: 10px
}

.coupon.big .detail .other .time[data-v-7c31122f] {
  font-size: 16px;
  line-height: 22px
}

.coupon.disable[data-v-7c31122f] {
  padding: 0;
  background-image: url(https://proxt-cdn.xuetangx.com/fe-proxtassets/xuetangX/yhqgray_bg.png)
}

.coupon.disable .number[data-v-7c31122f] {
  background-image: url(https://proxt-cdn.xuetangx.com/fe-proxtassets/xuetangX/yhqgray.png)
}

.coupon.disable .detail .limit[data-v-7c31122f],.coupon.disable .detail .other .time[data-v-7c31122f] {
  color: #999
}

.icon-gray-01[data-v-390af96e] {
  color: #90949d
}

.icon-gray-01.hover-icon[data-v-390af96e]:hover {
  color: #656a72
}

.xt-tag[data-v-390af96e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.xt-tag .tag[data-v-390af96e],.xt-tag[data-v-390af96e] {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.xt-tag .tag[data-v-390af96e] {
  border-radius: 13px;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer
}

.xt-tag .tag .iconfont[data-v-390af96e] {
  font-size: 12px;
  font-weight: 700;
  margin-left: 2px
}

.xt-tag .tag[data-v-390af96e]:nth-of-type(n+2) {
  margin-left: 8px
}

.xt-tag .tag.bg-border[data-v-390af96e] {
  color: #f88330;
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(252,185,94,.08)),color-stop(65%,rgba(248,131,48,.08)));
  background-image: -o-linear-gradient(left,rgba(252,185,94,.08) 0,rgba(248,131,48,.08) 65%);
  background-image: linear-gradient(90deg,rgba(252,185,94,.08),rgba(248,131,48,.08) 65%);
  border: 1px solid rgba(251,176,86,.39)
}

.xt-tag .tag.bg-full[data-v-390af96e],.xt-tag .tag.bg-service[data-v-390af96e] {
  font-weight: 700;
  color: hsla(0,0%,100%,.9);
  background: -webkit-gradient(linear,left top,right top,color-stop(-8.63%,rgba(252,185,94,.88)),color-stop(64.49%,rgba(248,131,48,.88)));
  background: -o-linear-gradient(left,rgba(252,185,94,.88) -8.63%,rgba(248,131,48,.88) 64.49%);
  background: linear-gradient(90deg,rgba(252,185,94,.88) -8.63%,rgba(248,131,48,.88) 64.49%)
}

.xt-tag .tag.bg-service[data-v-390af96e] {
  padding: 6px 4px 6px 16px;
  border-radius: 13px 0 0 13px
}

.xt-tag .tag.bg-service .tag-text[data-v-390af96e] {
  max-width: 265px;
  white-space: normal
}

.xt-tag .tag.bg-border-big[data-v-390af96e] {
  border: 1px solid rgba(251,176,86,.39);
  padding: 7px 8px;
  border-radius: 32px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.xt-tag .tag.bg-border-big[data-v-390af96e],.xt-tag .tag.bg-border-train[data-v-390af96e] {
  color: #f88330;
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(252,185,94,.08)),color-stop(65%,rgba(248,131,48,.08)));
  background-image: -o-linear-gradient(left,rgba(252,185,94,.08) 0,rgba(248,131,48,.08) 65%);
  background-image: linear-gradient(90deg,rgba(252,185,94,.08),rgba(248,131,48,.08) 65%)
}

.xt-tag .tag.bg-border-train[data-v-390af96e] {
  border: 1px solid rgba(251,176,86,.39);
  padding: 6px 12px;
  border-radius: 21px
}

.icon-gray-01[data-v-e3b0c5ec] {
  color: #90949d
}

.icon-gray-01.hover-icon[data-v-e3b0c5ec]:hover {
  color: #656a72
}

body[data-v-e3b0c5ec],dd[data-v-e3b0c5ec],dl[data-v-e3b0c5ec],fieldset[data-v-e3b0c5ec],h1[data-v-e3b0c5ec],h2[data-v-e3b0c5ec],h3[data-v-e3b0c5ec],h4[data-v-e3b0c5ec],h5[data-v-e3b0c5ec],h6[data-v-e3b0c5ec],input[data-v-e3b0c5ec],legend[data-v-e3b0c5ec],ol[data-v-e3b0c5ec],option[data-v-e3b0c5ec],p[data-v-e3b0c5ec],td[data-v-e3b0c5ec],textarea[data-v-e3b0c5ec],ul[data-v-e3b0c5ec] {
  margin: 0;
  padding: 0
}

a[data-v-e3b0c5ec] {
  text-decoration: none
}

.text-left[data-v-e3b0c5ec] {
  text-align: left
}

.text-right[data-v-e3b0c5ec] {
  text-align: right
}

.text-center[data-v-e3b0c5ec] {
  text-align: center
}

button[data-v-e3b0c5ec] {
  border: none;
  background: none;
  outline: none;
  padding: 0
}

.unselectable[data-v-e3b0c5ec] {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.hideText[data-v-e3b0c5ec] {
  display: inline-block!important;
  width: auto!important;
  padding: 0!important;
  position: absolute!important;
  z-index: -1!important;
  opacity: 0!important;
  bottom: 0!important;
  left: 0!important;
  font: 400 11px system-ui
}

.expandingArea[data-v-e3b0c5ec] {
  position: relative
}

.expandingArea textarea[data-v-e3b0c5ec] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%
}

.expandingArea pre[data-v-e3b0c5ec] {
  display: block;
  visibility: hidden;
  font-size: 16px;
  letter-spacing: .5px;
  padding: 8px 16px 8px 52px;
  line-height: 20px;
  word-break: break-all;
  white-space: normal;
  font-style: normal;
  font-family: -apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
  text-align: left;
  margin: 0;
  min-height: 36px
}

.pointDefault[data-v-e3b0c5ec] {
  cursor: default!important
}

.until[data-v-e3b0c5ec] {
  border: 1px solid #1769fe;
  font-size: 14px;
  color: #333;
  background: #edf5ff;
  border-radius: 4px;
  line-height: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px;
  height: 40px
}

.until .el-icon-info[data-v-e3b0c5ec] {
  color: #1769fe;
  font-size: 14px;
  margin-right: 10px
}

.until .el-icon-close[data-v-e3b0c5ec] {
  color: #979797;
  font-size: 18px;
  cursor: pointer
}

.btn.active.focus[data-v-e3b0c5ec],.btn.active[data-v-e3b0c5ec]:focus,.btn.focus[data-v-e3b0c5ec],.btn:active.focus[data-v-e3b0c5ec],.btn[data-v-e3b0c5ec]:active:focus,.btn[data-v-e3b0c5ec]:focus {
  outline: none
}

.btn.active[data-v-e3b0c5ec],.btn[data-v-e3b0c5ec]:active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn_xtb.active.focus[data-v-e3b0c5ec],.btn_xtb.active[data-v-e3b0c5ec]:focus,.btn_xtb.focus[data-v-e3b0c5ec],.btn_xtb:active.focus[data-v-e3b0c5ec],.btn_xtb[data-v-e3b0c5ec]:active:focus,.btn_xtb[data-v-e3b0c5ec]:focus {
  outline: none;
  text-decoration: none
}

.btn_xtb.active[data-v-e3b0c5ec],.btn_xtb[data-v-e3b0c5ec]:active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none
}

.hover_overflow[data-v-e3b0c5ec] {
  overflow: hidden
}

.hover_overflow[data-v-e3b0c5ec]:hover {
  overflow: auto
}

.overflow[data-v-e3b0c5ec],.overflow_e[data-v-e3b0c5ec] {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}

.overflow[data-v-e3b0c5ec] {
  white-space: nowrap
}

.bgbMessagemini[data-v-e3b0c5ec] {
  padding: 12px 15px 12px 20px
}

.bgbMessagemini .el-message__icon[data-v-e3b0c5ec] {
  font-size: .32rem
}

.aboutSingle[data-v-e3b0c5ec] {
  padding: 0;
  font-weight: 400;
  min-width: 320px;
  width: 100%;
  overflow: hidden
}

.aboutSingle .entry-count[data-v-e3b0c5ec] {
  margin-right: 24px
}

.aboutSingle .combine-task[data-v-e3b0c5ec] {
  margin-left: 24px
}

.aboutSingle .combine-task+.tag[data-v-e3b0c5ec] {
  margin-left: 8px
}

@media screen and (max-width: 900px) {
  .aboutSingle[data-v-e3b0c5ec] {
      padding-bottom:60px
  }
}

.aboutSingle .bx[data-v-e3b0c5ec] {
  max-width: 1202px;
  margin: auto;
  padding: 0 20px
}

.aboutSingle .df[data-v-e3b0c5ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.aboutSingle.loading[data-v-e3b0c5ec] {
  overflow: hidden
}

.aboutSingle .loadingBox[data-v-e3b0c5ec] {
  background: rgba(0,0,0,.5);
  position: fixed;
  top: 0;
  height: 0;
  width: 100%;
  height: 100%;
  z-index: 1000
}

.aboutSingle .loadingBox img[data-v-e3b0c5ec] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 80px;
  height: 80px
}

.aboutSingle .floatCon[data-v-e3b0c5ec] {
  padding: 0 5px;
  border-radius: 2px;
  background: #fff;
  width: 50px;
  position: fixed;
  right: 46px;
  bottom: 100px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.06);
  box-shadow: 0 2px 12px 0 rgba(0,0,0,.06);
  cursor: pointer;
  z-index: 999
}

.aboutSingle .floatCon .iconfont[data-v-e3b0c5ec] {
  font-size: 20px;
  display: block;
  line-height: 20px;
  width: 20px;
  margin: 0 auto;
  padding: 15px 0;
  text-align: center;
  color: #a8a8a8;
  position: relative;
  z-index: 1
}

.aboutSingle .floatCon .text[data-v-e3b0c5ec] {
  padding: 5.5px 5px;
  width: 100%;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  position: absolute;
  top: 0;
  left: -5px;
  opacity: 0;
  z-index: 0;
  background: #1769fe;
  width: 50px
}

.aboutSingle .floatCon .remark[data-v-e3b0c5ec] {
  position: relative;
  height: 51px;
  border-bottom: 1px solid #ebebeb;
  display: block
}

.aboutSingle .floatCon .remark .text[data-v-e3b0c5ec] {
  border-radius: 2px 2px 0 0
}

.aboutSingle .floatCon .remark:hover .text[data-v-e3b0c5ec] {
  opacity: 1;
  z-index: 2
}

.aboutSingle .floatCon .remark:hover .iconfont[data-v-e3b0c5ec] {
  opacity: 0
}

.aboutSingle .dataLoading[data-v-e3b0c5ec] {
  position: relative;
  width: 100%;
  min-height: 427px;
  text-align: center
}

.aboutSingle .dataLoading .rotate[data-v-e3b0c5ec] {
  -webkit-animation: rotate-e3b0c5ec 2s linear infinite;
  animation: rotate-e3b0c5ec 2s linear infinite;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}

@-webkit-keyframes rotate-e3b0c5ec {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }

  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

@keyframes rotate-e3b0c5ec {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }

  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

.aboutSingle .canNotSee[data-v-e3b0c5ec] {
  min-height: 427px;
  padding-top: 100px;
  text-align: center
}

.aboutSingle .canNotSee .iconfont[data-v-e3b0c5ec] {
  font-size: 70px;
  color: #cecece
}

.aboutSingle .canNotSee p[data-v-e3b0c5ec] {
  color: #666;
  font-size: 20px;
  margin-top: 31px
}

.aboutSingle .gjjp[data-v-e3b0c5ec] {
  margin-left: 10px;
  height: 24px;
  border-radius: 14px 14px 14px 2px
}

@media screen and (max-width: 900px) {
  .aboutSingle .gjjp[data-v-e3b0c5ec] {
      position:absolute;
      border-radius: 0 0 0 14px;
      height: 22px;
      top: 0;
      right: 0;
      z-index: 9
  }
}

.aboutSingle .banner[data-v-e3b0c5ec] {
  min-height: 366px;
  width: 100%;
  position: relative;
  z-index: 99;
  background: url(https://storagecdn.xuetangx.com/public_assets/xuetangx/xuetangX2018/course_new.png) no-repeat 50%;
  background-size: cover
}

@media screen and (max-width: 900px) {
  .aboutSingle .banner[data-v-e3b0c5ec] {
      min-height:40vw
  }
}

.aboutSingle .banner .meng[data-v-e3b0c5ec] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.5);
  z-index: 1
}

.aboutSingle .banner .con[data-v-e3b0c5ec] {
  padding: 55px 16px 41px;
  position: relative;
  z-index: 2;
  max-width: 1202px;
  margin: auto
}

@media screen and (max-width: 900px) {
  .aboutSingle .banner .con[data-v-e3b0c5ec] {
      padding:6.11vw 40px 0
  }
}

.aboutSingle .banner .con .title[data-v-e3b0c5ec] {
  position: relative;
  max-width: 670px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

@media screen and (max-width: 900px) {
  .aboutSingle .banner .con .title[data-v-e3b0c5ec] {
      position:static;
      margin: auto;
      max-width: none;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
  }
}

.aboutSingle .banner .con .logo[data-v-e3b0c5ec] {
  max-width: 220px;
  max-height: 60px;
  position: absolute;
  right: 16px;
  top: 52px;
  z-index: 3
}

@media screen and (max-width: 900px) {
  .aboutSingle .banner .con .logo[data-v-e3b0c5ec] {
      top:28.11vw;
      left: 50%;
      max-width: 24.44vw;
      max-height: 6.66vw;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%)
  }
}

@media screen and (max-width: 400px) {
  .aboutSingle .banner .con .logo[data-v-e3b0c5ec] {
      top:112.44px;
      left: 50%;
      max-width: 97.76px;
      max-height: 26.64px
  }
}

.aboutSingle .banner .con .join[data-v-e3b0c5ec] {
  position: absolute;
  right: 16px;
  top: 265px;
  background: #fcfcfc;
  text-align: center;
  padding: 13px 0;
  width: 240px;
  border-radius: 6px;
  cursor: pointer
}

@media screen and (max-width: 900px) {
  .aboutSingle .banner .con .join[data-v-e3b0c5ec] {
      position:fixed;
      bottom: 0;
      left: 0;
      top: auto;
      width: 100%;
      padding: 2vw 0;
      font-size: 16px;
      color: #fff;
      background: #5096f5;
      text-align: center;
      border-radius: 0;
      font-weight: 700;
      z-index: 999
  }
}

@media screen and (max-width: 425px) {
  .aboutSingle .banner .con .join[data-v-e3b0c5ec] {
      font-size:14px;
      padding: 12px 0 20px
  }
}

.aboutSingle .banner .con .join-btn-con[data-v-e3b0c5ec] {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  right: 16px;
  top: 265px
}

.aboutSingle .banner .con .join-btn-con .join-btn[data-v-e3b0c5ec] {
  background: #fff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.04);
  box-shadow: 0 2px 12px 0 rgba(0,0,0,.04);
  border-radius: 8px;
  min-width: 214px;
  min-height: 58px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  color: #333;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 20px;
  padding: 4px 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  cursor: pointer
}

.aboutSingle .banner .con .join-btn-con .join-btn[data-v-e3b0c5ec]:nth-of-type(n+2) {
  margin-left: 20px
}

.aboutSingle .banner .con .join-btn-con .join-btn.red[data-v-e3b0c5ec] {
  background: #fa4949;
  color: #fff;
  font-weight: 700
}

.aboutSingle .banner .con .join-btn-con .join-btn.red .gray[data-v-e3b0c5ec] {
  color: #fff;
  display: -webkit-inline-box!important;
  display: -ms-inline-flexbox!important;
  display: inline-flex!important
}

.aboutSingle .banner .con .join-btn-con .join-btn .gray[data-v-e3b0c5ec] {
  font-size: 12px;
  color: #9398a3;
  padding-left: 10px
}

.aboutSingle .banner .con .join-btn-con .join-btn .iconfont[data-v-e3b0c5ec] {
  color: #fff;
  font-size: 20px;
  margin-right: 6px;
  font-weight: 400
}

@media screen and (max-width: 900px) {
  .aboutSingle .banner .con .join-btn-con[data-v-e3b0c5ec] {
      position:fixed;
      bottom: 0;
      left: 0;
      top: auto;
      width: 100%;
      background: #fff;
      -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.04);
      box-shadow: 0 2px 12px 0 rgba(0,0,0,.04);
      padding: 2vw;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
  }

  .aboutSingle .banner .con .join-btn-con .join-btn[data-v-e3b0c5ec] {
      -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.24);
      box-shadow: 0 2px 12px 0 rgba(0,0,0,.24);
      min-height: 48px;
      background: #fa4949;
      color: #fff
  }

  .aboutSingle .banner .con .join-btn-con .join-btn .gray[data-v-e3b0c5ec] {
      color: #fff
  }
}

@media screen and (max-width: 600px) {
  .aboutSingle .banner .con .join-btn-con[data-v-e3b0c5ec] {
      -webkit-box-pack:center;
      -ms-flex-pack: center;
      justify-content: center
  }

  .aboutSingle .banner .con .join-btn-con .join-btn[data-v-e3b0c5ec] {
      min-width: 44%
  }
}

@media screen and (max-width: 390px) {
  .aboutSingle .banner .con .join-btn-con[data-v-e3b0c5ec] {
      -webkit-box-pack:center;
      -ms-flex-pack: center;
      justify-content: center
  }
}

.aboutSingle .banner .con .select[data-v-e3b0c5ec] {
  position: absolute;
  top: 10px;
  left: 15px;
  width: 133px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden
}

@media screen and (max-width: 900px) {
  .aboutSingle .banner .con .classList[data-v-e3b0c5ec],.aboutSingle .banner .con .jrrs[data-v-e3b0c5ec],.aboutSingle .banner .con .kksj[data-v-e3b0c5ec],.aboutSingle .banner .con .select[data-v-e3b0c5ec],.aboutSingle .banner .con .tip-org-teacher[data-v-e3b0c5ec] {
      display:none
  }
}

.aboutSingle .banner .con[data-v-e3b0c5ec] .tip-org-teacher {
  margin-top: 12px;
  font-size: 14px;
  color: #fff
}

.aboutSingle .banner .con[data-v-e3b0c5ec] .tip-org-teacher span {
  margin-left: 6px;
  margin-right: 6px;
  font-size: 16px;
  font-weight: 500
}

.aboutSingle .banner .con[data-v-e3b0c5ec] .tip-org-teacher img {
  width: 24px;
  height: 24px
}

.aboutSingle .minisize[data-v-e3b0c5ec] {
  display: none;
  border-bottom: 1px solid #ebebeb
}

@media screen and (max-width: 900px) {
  .aboutSingle .minisize[data-v-e3b0c5ec] {
      display:block
  }
}

.aboutSingle .minisize .kkbj[data-v-e3b0c5ec] {
  height: 60px;
  background: #f8f8f8;
  padding: 0 20px
}

.aboutSingle .minisize .kkbj .fl[data-v-e3b0c5ec] {
  font-size: 16px;
  color: #333;
  line-height: 60px;
  font-weight: bolder
}

.aboutSingle .minisize .kkbj .fr[data-v-e3b0c5ec] {
  position: relative
}

.aboutSingle .minisize .kkbj .fr .el-dropdown[data-v-e3b0c5ec] {
  width: 196px;
  height: 60px
}

.aboutSingle .minisize .kkbj .fr .select[data-v-e3b0c5ec] {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  width: 196px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 16px;
  color: #666;
  line-height: 60px;
  text-align: right
}

.aboutSingle .minisize .kkbj .fr .el-icon--right[data-v-e3b0c5ec] {
  margin-left: 0;
  margin-right: -6px;
  vertical-align: top;
  margin-top: -5px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: none;
  -o-transition: none;
  transition: none
}

.aboutSingle .minisize .kkbj .fr .el-icon--right[data-v-e3b0c5ec]:before {
  font-family: iconfont!important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: .2px;
  -moz-osx-font-smoothing: grayscale;
  font-size: 32px;
  content: "\E6C8"
}

.aboutSingle .minisize .kkbj .fr .el-icon--right.open[data-v-e3b0c5ec] {
  -webkit-transform: rotate(-180deg)!important;
  transform: rotate(-180deg)!important
}

.aboutSingle .minisize .other[data-v-e3b0c5ec] {
  margin: 14px 20px;
  color: #9b9b9b
}

.aboutSingle .minisize .other .fl[data-v-e3b0c5ec],.aboutSingle .minisize .other .fr[data-v-e3b0c5ec] {
  line-height: 22px
}

.aboutSingle .minisize .other[data-v-e3b0c5ec]:nth-of-type(2) {
  margin-top: 20px
}

.aboutSingle .minisize .other[data-v-e3b0c5ec]:last-of-type {
  margin-bottom: 20px
}

@media screen and (max-width: 469px) {
  .aboutSingle .minisize .other .f14[data-v-e3b0c5ec] {
      float:none;
      display: block;
      line-height: 28px;
      padding: 0
  }
}

@media screen and (max-width: 425px) {
  .aboutSingle .minisize .kkbj[data-v-e3b0c5ec] {
      height:44px
  }

  .aboutSingle .minisize .kkbj .fl[data-v-e3b0c5ec] {
      font-size: 14px;
      line-height: 44px
  }

  .aboutSingle .minisize .kkbj .fr .el-dropdown[data-v-e3b0c5ec] {
      height: 44px
  }

  .aboutSingle .minisize .kkbj .fr .select[data-v-e3b0c5ec] {
      line-height: 44px;
      font-size: 14px
  }

  .aboutSingle .minisize .other .f16[data-v-e3b0c5ec] {
      font-size: 14px;
      line-height: 1.6;
      padding: 0
  }
}

.aboutSingle .kcjs[data-v-e3b0c5ec] {
  margin-top: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.aboutSingle .kcjs .short-info-box[data-v-e3b0c5ec] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 1px;
  margin-top: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.aboutSingle .kcjs .short-info-box .short-info-con[data-v-e3b0c5ec] {
  position: relative;
  height: 1px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden
}

.aboutSingle .kcjs .short-info-box .short-info-con p[data-v-e3b0c5ec] {
  position: absolute
}

@media screen and (min-width: 901px) {
  .aboutSingle .kcjs.canexpend .short-info-box .expend[data-v-e3b0c5ec] {
      width:100%;
      text-align: center;
      margin: 0;
      padding: 20px 0 0
  }

  .aboutSingle .kcjs.canexpend.isexpend[data-v-e3b0c5ec] {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start
  }

  .aboutSingle .kcjs.canexpend.isexpend .short-info-box .short-info-con p[data-v-e3b0c5ec] {
      position: static
  }
}

@media screen and (max-width: 900px) {
  .aboutSingle .kcjs[data-v-e3b0c5ec] {
      margin-top:6vw;
      display: block
  }

  .aboutSingle .kcjs .expend[data-v-e3b0c5ec] {
      display: none
  }

  .aboutSingle .kcjs .short-info-box .short-info-con p[data-v-e3b0c5ec] {
      position: static
  }
}

@media screen and (max-width: 533px) {
  .aboutSingle .kcjs[data-v-e3b0c5ec] {
      margin-top:32px
  }
}

.aboutSingle .p10[data-v-e3b0c5ec] {
  padding: 0 10px
}

@media screen and (max-width: 400px) {
  .aboutSingle .p10[data-v-e3b0c5ec] {
      padding:0
  }
}

.aboutSingle .shortInfo[data-v-e3b0c5ec] {
  width: 50%;
  padding-right: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media screen and (max-width: 900px) {
  .aboutSingle .shortInfo[data-v-e3b0c5ec] {
      float:none;
      width: 100%;
      max-width: 720px;
      margin: auto;
      padding-right: 0
  }

  .aboutSingle .shortInfo .f34[data-v-e3b0c5ec] {
      text-align: center
  }

  .aboutSingle .shortInfo img[data-v-e3b0c5ec] {
      max-width: 540px;
      height: auto
  }
}

.aboutSingle .video[data-v-e3b0c5ec] {
  width: 50%;
  border-radius: 4px;
  padding-left: 20px;
  position: relative
}

@media screen and (max-width: 900px) {
  .aboutSingle .video[data-v-e3b0c5ec] {
      float:none;
      width: 100%;
      max-width: 540px;
      margin: 4.44vw auto 0;
      padding-left: 0
  }
}

.aboutSingle .video .bb[data-v-e3b0c5ec] {
  display: block;
  width: 100%;
  height: auto
}

.aboutSingle .video .video_loading[data-v-e3b0c5ec] {
  position: absolute;
  top: 0;
  left: 20px;
  z-index: 3;
  width: calc(100% - 20px);
  height: 100%;
  background: rgba(0,0,0,.7)
}

.aboutSingle .video .loading_rotate[data-v-e3b0c5ec] {
  -webkit-animation: rotate-e3b0c5ec 2s linear infinite;
  animation: rotate-e3b0c5ec 2s linear infinite;
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}

@-webkit-keyframes loading_rotate-e3b0c5ec {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }

  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

@keyframes loading_rotate-e3b0c5ec {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }

  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

.aboutSingle .video .trailer_cover[data-v-e3b0c5ec] {
  width: calc(100% - 20px);
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 20px;
  z-index: 1
}

@media screen and (max-width: 900px) {
  .aboutSingle .video .trailer_cover[data-v-e3b0c5ec] {
      width:100%;
      left: 0
  }
}

.aboutSingle .video .xtVideo[data-v-e3b0c5ec] {
  position: absolute;
  top: 0;
  left: 20px;
  z-index: 3;
  width: calc(100% - 20px);
  height: 100%
}

@media screen and (max-width: 900px) {
  .aboutSingle .video .xtVideo[data-v-e3b0c5ec] {
      width:100%;
      left: 0
  }
}

.aboutSingle .control[data-v-e3b0c5ec] {
  position: absolute;
  display: block;
  top: 172px;
  width: 56px;
  height: 56px;
  background: hsla(0,0%,100%,.9);
  -webkit-box-shadow: 0 0 24px 0 rgba(0,0,0,.08);
  box-shadow: 0 0 24px 0 rgba(0,0,0,.08);
  z-index: 3;
  cursor: pointer;
  color: #999;
  border-radius: 50%;
  text-align: center
}

.aboutSingle .control[data-v-e3b0c5ec]:hover {
  color: #1769fe
}

.aboutSingle .control .iconfont[data-v-e3b0c5ec] {
  font-size: 20px;
  margin-right: 0!important;
  line-height: 56px
}

@media screen and (max-width: 389px) {
  .aboutSingle .control[data-v-e3b0c5ec] {
      top:127px
  }

  .aboutSingle .control.toright[data-v-e3b0c5ec] {
      right: 0
  }

  .aboutSingle .control.toleft[data-v-e3b0c5ec] {
      left: 0
  }
}

@media screen and (min-width: 900px) {
  .aboutSingle .outzs[data-v-e3b0c5ec] {
      display:block
  }

  .aboutSingle .inzs[data-v-e3b0c5ec] {
      display: none
  }
}

@media screen and (max-width: 900px) {
  .aboutSingle .outzs[data-v-e3b0c5ec] {
      display:none
  }

  .aboutSingle .inzs[data-v-e3b0c5ec] {
      display: block;
      color: #fff!important;
      font-weight: 700;
      padding-top: 27px
  }
}

@media screen and (max-width: 800px) {
  .aboutSingle .service .control[data-v-e3b0c5ec] {
      display:none
  }
}

.aboutSingle .toleft[data-v-e3b0c5ec] {
  left: -33px
}

.aboutSingle .toright[data-v-e3b0c5ec] {
  right: -33px;
  padding-left: 4px
}

.aboutSingle .toright .pagetext[data-v-e3b0c5ec] {
  display: none;
  font-size: 20px;
  line-height: 56px
}

.aboutSingle .toright .iconfont[data-v-e3b0c5ec] {
  display: block
}

.aboutSingle .toright:hover .pagetext[data-v-e3b0c5ec] {
  display: none
}

.aboutSingle .toright:hover .iconfont[data-v-e3b0c5ec] {
  display: block
}

.aboutSingle .studyInfo[data-v-e3b0c5ec] {
  margin-top: 48px!important;
  padding: 46px 0 42px;
  background: #f8f8f8;
  border-radius: 4px;
  display: table;
  width: 100%;
  table-layout: auto
}

@media screen and (max-width: 900px) {
  .aboutSingle .studyInfo[data-v-e3b0c5ec] {
      padding:1.777vw 0 4.44vw;
      display: block;
      margin-top: 5.33vw!important
  }
}

.aboutSingle .studyInfo .table-cell[data-v-e3b0c5ec] {
  display: table-cell
}

@media screen and (max-width: 900px) {
  .aboutSingle .studyInfo .table-cell[data-v-e3b0c5ec] {
      display:none
  }
}

.aboutSingle .studyInfo .list[data-v-e3b0c5ec] {
  display: table-cell;
  padding-left: 59px;
  height: 44px
}

@media screen and (max-width: 900px) {
  .aboutSingle .studyInfo .list[data-v-e3b0c5ec] {
      display:block;
      width: 280px!important;
      margin: 24px auto 0;
      height: auto
  }
}

.aboutSingle .studyInfo .list .f16[data-v-e3b0c5ec] {
  margin-top: 7px;
  font-weight: 500
}

.aboutSingle .studyInfo .list1[data-v-e3b0c5ec] {
  width: 264px;
  padding-left: 64px;
  background: url(https://storagecdn.xuetangx.com/public_assets/xuetangx/xuetangX2018/05086da96cc7f66a4c06709f0a910478.new_about_1.png) no-repeat 0 0;
  background-size: 48px
}

.aboutSingle .studyInfo .list2[data-v-e3b0c5ec] {
  width: 239px;
  background: url(https://storagecdn.xuetangx.com/public_assets/xuetangx/xuetangX2018/77736526194e75b104830fb0e802ea58.new_about_2.png) no-repeat 4px 3px;
  background-size: 38px 41px
}

.aboutSingle .studyInfo .list3[data-v-e3b0c5ec] {
  width: 239px;
  background: url(https://storagecdn.xuetangx.com/public_assets/xuetangx/xuetangX2018/ea47300947509ece2157010460d3c87c.new_about_3.png) no-repeat 4px 2px;
  background-size: 38px 42px
}

@media screen and (max-width: 900px) {
  .aboutSingle .studyInfo .list[data-v-e3b0c5ec] {
      background-position-x:.89vw;
      padding-left: 7.6vw
  }

  .aboutSingle .studyInfo .list1[data-v-e3b0c5ec] {
      background-size: 5.33vw
  }

  .aboutSingle .studyInfo .list2[data-v-e3b0c5ec] {
      background-size: 4.22vw 4.55vw
  }

  .aboutSingle .studyInfo .list3[data-v-e3b0c5ec] {
      background-size: 4.22vw 4.66vw
  }
}

@media screen and (max-width: 450px) {
  .aboutSingle .studyInfo .list[data-v-e3b0c5ec] {
      width:262px!important;
      background-position-x: 27px;
      padding-left: 64px
  }

  .aboutSingle .studyInfo .list1[data-v-e3b0c5ec] {
      background-size: 24px
  }

  .aboutSingle .studyInfo .list2[data-v-e3b0c5ec] {
      background-size: 19px 20.5px
  }

  .aboutSingle .studyInfo .list3[data-v-e3b0c5ec] {
      background-size: 19px 21px
  }
}

.aboutSingle .reference[data-v-e3b0c5ec] {
  white-space: pre-wrap
}

.aboutSingle .long_intro[data-v-e3b0c5ec],.aboutSingle .reference[data-v-e3b0c5ec] {
  overflow: hidden;
  max-height: 115px
}

.aboutSingle .long_intro.reference[data-v-e3b0c5ec],.aboutSingle .reference.reference[data-v-e3b0c5ec] {
  max-height: 138px
}

.aboutSingle .long_intro.expend[data-v-e3b0c5ec],.aboutSingle .reference.expend[data-v-e3b0c5ec] {
  max-height: none
}

.aboutSingle .long_intro .expend[data-v-e3b0c5ec],.aboutSingle .reference .expend[data-v-e3b0c5ec] {
  display: block
}

.aboutSingle .detailInfo[data-v-e3b0c5ec] {
  margin-top: 8px;
  text-align: center
}

.aboutSingle .detailInfo .f16[data-v-e3b0c5ec] {
  font-weight: 500;
  margin-top: 40px
}

.aboutSingle .detailInfo .f14[data-v-e3b0c5ec] {
  margin-top: 24px
}

.aboutSingle .detailInfo .f34[data-v-e3b0c5ec] {
  margin-top: 64px
}

.aboutSingle .detailInfo .org_list[data-v-e3b0c5ec] {
  position: relative;
  margin: 22px auto 24px;
  width: 725px
}

.aboutSingle .detailInfo .org_list .expend[data-v-e3b0c5ec] {
  display: none
}

.aboutSingle .detailInfo .org_list .logo[data-v-e3b0c5ec] {
  margin: 0 auto
}

@media screen and (max-width: 800px) {
  .aboutSingle .detailInfo .org_list[data-v-e3b0c5ec] {
      width:100%
  }
}

@media screen and (min-width: 1197px) {
  .aboutSingle .detailInfo .org_list[data-v-e3b0c5ec] {
      width:1082px
  }
}

@media screen and (max-width: 740px) {
  .aboutSingle .detailInfo .org_list[data-v-e3b0c5ec] {
      width:360px
  }
}

@media screen and (max-width: 400px) {
  .aboutSingle .detailInfo .org_list[data-v-e3b0c5ec] {
      width:288px
  }

  .aboutSingle .detailInfo .org_list .scroll .logo[data-v-e3b0c5ec] {
      max-width: 268px;
      height: 100px
  }
}

.aboutSingle .detailInfo .org_list.small .scroll[data-v-e3b0c5ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden
}

.aboutSingle .detailInfo .org_list.small .scroll .logo[data-v-e3b0c5ec] {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  margin: 0 10px
}

.aboutSingle .detailInfo .org_list.small .control[data-v-e3b0c5ec] {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.aboutSingle .detailInfo .org_list.small.two[data-v-e3b0c5ec] {
  max-width: 725px
}

.aboutSingle .detailInfo .org_list.small.ismobile .logo[data-v-e3b0c5ec] {
  margin: 10px auto!important;
  display: block
}

.aboutSingle .detailInfo .org_list.small.ismobile .scroll[data-v-e3b0c5ec] {
  display: block
}

.aboutSingle .detailInfo .org_list.small.ismobile .control[data-v-e3b0c5ec] {
  display: none
}

.aboutSingle .detailInfo .org_list.small.ismobile .expend[data-v-e3b0c5ec] {
  display: block
}

.aboutSingle .detailInfo .logo[data-v-e3b0c5ec] {
  display: block;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 4px solid #eee;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 30px;
  width: 340px;
  height: 135px
}

.aboutSingle .detailInfo .logo img[data-v-e3b0c5ec] {
  display: block;
  margin: 0 auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%
}

.aboutSingle .detailInfo .logo[data-v-e3b0c5ec]:last-child {
  margin-bottom: 80px
}

@media screen and (max-width: 900px) {
  .aboutSingle .detailInfo .logo[data-v-e3b0c5ec] {
      width:320px
  }
}

@media screen and (max-width: 379px) {
  .aboutSingle .detailInfo .logo[data-v-e3b0c5ec] {
      width:100%
  }
}

.aboutSingle .detailInfo .logo.one[data-v-e3b0c5ec] {
  margin: 22px auto 24px
}

@media screen and (max-width: 900px) {
  .aboutSingle .detailInfo .f16[data-v-e3b0c5ec] {
      margin-top:4.44vw
  }

  .aboutSingle .detailInfo .f14[data-v-e3b0c5ec] {
      margin-top: 2.66vw
  }

  .aboutSingle .detailInfo .f34[data-v-e3b0c5ec] {
      margin-top: 7.11vw
  }

  .aboutSingle .detailInfo .logo[data-v-e3b0c5ec] {
      margin: 3.33vw auto 2.66vw
  }

  .aboutSingle .detailInfo .logo[data-v-e3b0c5ec]:first-of-type {
      margin-top: 24px
  }

  .aboutSingle .detailInfo .logo[data-v-e3b0c5ec]:last-child {
      margin-bottom: 8.88vw
  }
}

@media screen and (max-width: 540px) {
  .aboutSingle .detailInfo .f16[data-v-e3b0c5ec] {
      margin-top:24px
  }
}

@media screen and (max-width: 450px) {
  .aboutSingle .detailInfo .f34[data-v-e3b0c5ec] {
      margin-top:32px
  }
}

@media screen and (min-width: 400px) {
  .aboutSingle .detailInfo[data-v-e3b0c5ec] {
      padding:0
  }
}

@media screen and (min-width: 401px) {
  .aboutSingle .detailInfo[data-v-e3b0c5ec] {
      padding:0 10px
  }
}

@media screen and (min-width: 720px) {
  .aboutSingle .detailInfo[data-v-e3b0c5ec] {
      padding:0
  }
}

.aboutSingle .expend[data-v-e3b0c5ec] {
  font-size: 12px;
  color: #414a67;
  line-height: 17px;
  margin: 16px auto;
  cursor: pointer
}

.aboutSingle .expend .iconfont[data-v-e3b0c5ec] {
  font-size: 20px;
  vertical-align: middle;
  position: relative;
  left: 5px;
  top: -2px;
  display: inline-block;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s
}

.aboutSingle .expend.closeqq .iconfont[data-v-e3b0c5ec] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.aboutSingle .teacherInfo[data-v-e3b0c5ec] {
  background: #f8f8f8;
  text-align: center;
  padding: 60px 0 40px;
  min-height: 597px;
  position: relative;
  z-index: 1
}

.aboutSingle .teacherInfo .f34[data-v-e3b0c5ec] {
  margin-bottom: 29px
}

.aboutSingle .teacherInfo .teacher_job[data-v-e3b0c5ec],.aboutSingle .teacherInfo .teacher_org[data-v-e3b0c5ec] {
  padding: 0 16px;
  word-break: break-word;
  white-space: normal
}

.aboutSingle .teacherInfo .lists[data-v-e3b0c5ec] {
  text-align: center;
  position: relative;
  width: 993px;
  margin: 0 auto
}

@media screen and (max-width: 1054px) {
  .aboutSingle .teacherInfo .lists[data-v-e3b0c5ec] {
      width:657px
  }
}

.aboutSingle .teacherInfo .lists .scroll[data-v-e3b0c5ec] {
  overflow: hidden;
  white-space: nowrap;
  padding-bottom: 20px;
  position: relative
}

.aboutSingle .teacherInfo .lists .list[data-v-e3b0c5ec] {
  width: 352px;
  min-height: 400px;
  background: #fff;
  border-radius: 9px;
  margin: 0 16px;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s
}

.aboutSingle .teacherInfo .lists .list[data-v-e3b0c5ec]:first-child {
  margin-left: 0
}

.aboutSingle .teacherInfo .lists .list[data-v-e3b0c5ec]:last-child {
  margin-right: 0
}

.aboutSingle .teacherInfo .lists .list .head_img[data-v-e3b0c5ec] {
  width: 64px;
  height: 64px;
  display: block;
  margin: 24px auto 0;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%
}

.aboutSingle .teacherInfo .lists .list .f18[data-v-e3b0c5ec] {
  margin: 8px 0 6px
}

.aboutSingle .teacherInfo .lists .list .oe[data-v-e3b0c5ec] {
  padding: 0 16px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  cursor: pointer
}

.aboutSingle .teacherInfo .lists .list .line[data-v-e3b0c5ec] {
  width: 100%;
  height: 1px;
  background: #ebebeb;
  margin-top: 24px;
  margin-bottom: 16px
}

.aboutSingle .teacherInfo .lists .list .teacher_info[data-v-e3b0c5ec] {
  padding: 0 20px 0 24px;
  height: 143px;
  white-space: normal;
  overflow: hidden;
  text-align: left
}

.aboutSingle .teacherInfo .lists .list .teacher_info.expends[data-v-e3b0c5ec] {
  height: auto
}

.aboutSingle .teacherInfo .lists .list.big[data-v-e3b0c5ec] {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
  max-width: 752px;
  width: 100%
}

.aboutSingle .teacherInfo .lists .list.big .teacher_info[data-v-e3b0c5ec] {
  padding: 0
}

.aboutSingle .teacherInfo .lists .list.big .head_img[data-v-e3b0c5ec] {
  width: 100px;
  height: 100px;
  margin-top: 23px
}

.aboutSingle .teacherInfo .lists .list.big .line[data-v-e3b0c5ec] {
  width: 352px;
  margin: 12px auto;
  background: #c8c8c8
}

.aboutSingle .teacherInfo .lists .list.big .f18[data-v-e3b0c5ec] {
  margin: 10px 0 15px
}

@media screen and (max-width: 1054px) {
  .aboutSingle .teacherInfo .lists .list[data-v-e3b0c5ec] {
      width:320px;
      margin: 0 8px
  }
}

.aboutSingle .teacherInfo .lists .teacher_name[data-v-e3b0c5ec] {
  font-size: 0
}

.aboutSingle .teacherInfo .lists .teacher_name span[data-v-e3b0c5ec] {
  display: inline-block;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  overflow: hidden;
  max-width: 100%
}

.aboutSingle .teacherInfo .lists .teacher_name span.yigu[data-v-e3b0c5ec] {
  padding: 0 4px;
  border-radius: 2px;
  border: 1px solid #666
}

@media screen and (max-width: 700px) {
  .aboutSingle .teacherInfo .lists[data-v-e3b0c5ec] {
      width:322px
  }
}

@media screen and (max-width: 381px) {
  .aboutSingle .teacherInfo .lists .f18[data-v-e3b0c5ec] {
      font-size:16px
  }

  .aboutSingle .teacherInfo .lists .f14[data-v-e3b0c5ec] {
      font-size: 12px
  }
}

.aboutSingle .teacherInfo .lists.mobile[data-v-e3b0c5ec] {
  width: 100%
}

.aboutSingle .teacherInfo .lists.mobile .control[data-v-e3b0c5ec] {
  display: none
}

.aboutSingle .teacherInfo .lists.mobile .scroll[data-v-e3b0c5ec] {
  overflow: auto;
  padding-left: 16px;
  padding-right: 16px
}

.aboutSingle .teacherInfo .lists.mobile .scroll[data-v-e3b0c5ec]::-webkit-scrollbar-thumb {
  background: #f8f8f8
}

.aboutSingle .teacherInfo.more[data-v-e3b0c5ec] {
  min-width: 1054px
}

@media screen and (max-width: 1054px) {
  .aboutSingle .teacherInfo.more[data-v-e3b0c5ec] {
      min-width:657px
  }
}

@media screen and (max-width: 700px) {
  .aboutSingle .teacherInfo.more[data-v-e3b0c5ec] {
      min-width:322px
  }
}

.aboutSingle .teacherInfo.more .list[data-v-e3b0c5ec] {
  width: 320px;
  margin: 0 8px
}

@media screen and (max-width: 900px) {
  .aboutSingle .teacherInfo[data-v-e3b0c5ec] {
      padding:6.66vw 0 4.44vw;
      min-height: 300px
  }

  .aboutSingle .teacherInfo .f34[data-v-e3b0c5ec] {
      margin-bottom: 3.22vw
  }
}

@media screen and (max-width: 745px) {
  .aboutSingle .teacherInfo .f34[data-v-e3b0c5ec] {
      margin-bottom:24px
  }
}

@media screen and (max-width: 480px) {
  .aboutSingle .teacherInfo[data-v-e3b0c5ec] {
      padding-top:32px
  }
}

.aboutSingle .structure[data-v-e3b0c5ec] {
  width: 800px;
  margin: 80px auto 84px
}

.aboutSingle .structure .f34[data-v-e3b0c5ec] {
  text-align: center;
  margin-bottom: 51px
}

.aboutSingle .structure .ellipsis[data-v-e3b0c5ec] {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden
}

.aboutSingle .structure .bm[data-v-e3b0c5ec] {
  display: inline-block;
  vertical-align: middle
}

.aboutSingle .structure .lists[data-v-e3b0c5ec] {
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.aboutSingle .structure .lists .list .chapter[data-v-e3b0c5ec] {
  line-height: 71px;
  font-size: 0;
  border-bottom: 1px solid #ebebeb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.aboutSingle .structure .lists .list .chapter.pointer[data-v-e3b0c5ec] {
  cursor: pointer
}

.aboutSingle .structure .lists .list .chapter.pointer:hover .arrow[data-v-e3b0c5ec],.aboutSingle .structure .lists .list .chapter.pointer:hover .name[data-v-e3b0c5ec],.aboutSingle .structure .lists .list .chapter.pointer:hover .number[data-v-e3b0c5ec] {
  color: #1769fe
}

.aboutSingle .structure .lists .list .chapter .number[data-v-e3b0c5ec] {
  font-size: 40px;
  color: #c8c8c8;
  padding: 0 26px 0 15px;
  width: 86px;
  text-align: right
}

.aboutSingle .structure .lists .list .chapter .name[data-v-e3b0c5ec] {
  font-size: 18px;
  color: #333;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.aboutSingle .structure .lists .list .chapter .arrow[data-v-e3b0c5ec] {
  font-size: 14px;
  color: #999;
  padding: 0 40px 0 20px
}

@media screen and (max-width: 600px) {
  .aboutSingle .structure .lists .list .chapter[data-v-e3b0c5ec] {
      line-height:50px
  }

  .aboutSingle .structure .lists .list .chapter .number[data-v-e3b0c5ec] {
      font-size: 30px;
      padding: 0 16px 0 10px;
      width: 56px
  }

  .aboutSingle .structure .lists .list .chapter .name[data-v-e3b0c5ec] {
      font-size: 16px;
      width: calc(100% - 100px)
  }

  .aboutSingle .structure .lists .list .chapter .arrow[data-v-e3b0c5ec] {
      padding: 0 20px 0 10px
  }
}

.aboutSingle .structure .lists .list .section[data-v-e3b0c5ec] {
  line-height: 52px;
  margin-left: 63px;
  font-size: 14px;
  color: #333;
  padding-right: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width: 600px) {
  .aboutSingle .structure .lists .list .section[data-v-e3b0c5ec] {
      line-height:40px
  }
}

.aboutSingle .structure .lists .list .section .name[data-v-e3b0c5ec] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}

.aboutSingle .structure .lists .list .section .audition[data-v-e3b0c5ec] {
  cursor: pointer
}

.aboutSingle .structure .lists .list .audition[data-v-e3b0c5ec] {
  padding: 3px 8px;
  min-width: 60px;
  border-radius: 12px;
  background: #edf4ff;
  font-size: 12px;
  color: #1769fe;
  line-height: 18px;
  height: 24px;
  text-align: center;
  cursor: default
}

.aboutSingle .structure .lists .list .sectionlist[data-v-e3b0c5ec] {
  height: 0;
  overflow: hidden;
  -webkit-transform: height 1s;
  transform: height 1s
}

.aboutSingle .structure .lists .list .sectionlist.show[data-v-e3b0c5ec] {
  height: auto
}

.aboutSingle .structure .lists .list .unit[data-v-e3b0c5ec] {
  line-height: 52px;
  margin-left: 91px;
  width: 644px;
  font-size: 0
}

.aboutSingle .structure .lists .list .unit .name[data-v-e3b0c5ec] {
  font-size: 14px;
  color: #333
}

.aboutSingle .structure .lists .list .unit-icon[data-v-e3b0c5ec] {
  font-size: 20px;
  color: #666;
  margin-right: 12px
}

.aboutSingle .structure .lists .list .point[data-v-e3b0c5ec]:before {
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  background: #cbcbcb;
  margin-right: 20px;
  content: "";
  border-radius: 50%
}

@media screen and (max-width: 900px) {
  .aboutSingle .structure[data-v-e3b0c5ec] {
      width:100%;
      max-width: 800px;
      margin: 8.88vw auto 9.3vw
  }

  .aboutSingle .structure .f34[data-v-e3b0c5ec] {
      margin-bottom: 5.66vw
  }
}

@media screen and (max-width: 900px) {
  .aboutSingle .structure[data-v-e3b0c5ec] {
      margin:8.88vw auto 9.3vw
  }

  .aboutSingle .structure .f34[data-v-e3b0c5ec] {
      margin-bottom: 5.66vw
  }
}

@media screen and (max-width: 424px) {
  .aboutSingle .structure .f34[data-v-e3b0c5ec] {
      margin-bottom:24px
  }
}

@media screen and (max-width: 414px) {
  .aboutSingle .structure[data-v-e3b0c5ec] {
      margin-top:32px
  }
}

.aboutSingle .service[data-v-e3b0c5ec] {
  margin-top: 84px;
  padding: 76px 0 52px;
  background: url(https://storagecdn.xuetangx.com/public_assets/xuetangx/xuetangX2018/20e3f870ee7b813223c4148a4d8177a6.bg.png) #f8f8f8 no-repeat;
  background-size: 700px 679px;
  background-position: calc(50% + 430px) 100%
}

.aboutSingle .service .blockheight[data-v-e3b0c5ec] {
  min-height: 229px;
  padding-bottom: 42px
}

@media screen and (max-width: 800px) {
  .aboutSingle .service .blockheight[data-v-e3b0c5ec] {
      min-height:42px
  }
}

.aboutSingle .service .scroll[data-v-e3b0c5ec] {
  overflow: hidden;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.aboutSingle .service .scroll.ju-left[data-v-e3b0c5ec] {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

@media screen and (max-width: 800px) {
  .aboutSingle .service .scroll[data-v-e3b0c5ec] {
      display:block
  }
}

.aboutSingle .service .f34[data-v-e3b0c5ec] {
  text-align: center
}

.aboutSingle .service.isJsmh[data-v-e3b0c5ec] {
  background: #f8f8f8
}

.aboutSingle .service .lists[data-v-e3b0c5ec] {
  width: 757px;
  padding: 52px 0 80px;
  font-size: 0;
  text-align: center;
  white-space: nowrap;
  margin: auto;
  position: relative
}

@media screen and (max-width: 800px) {
  .aboutSingle .service .lists[data-v-e3b0c5ec] {
      width:100%
  }
}

@media screen and (min-width: 1197px) {
  .aboutSingle .service .lists[data-v-e3b0c5ec] {
      width:1155px
  }
}

.aboutSingle .service .lists .list[data-v-e3b0c5ec] {
  background: #fff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.06);
  box-shadow: 0 2px 12px 0 rgba(0,0,0,.06);
  width: 350px;
  min-height: 530px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 24px;
  padding: 24px 24px 40px;
  text-align: left;
  border-radius: 4px;
  position: relative;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s
}

.aboutSingle .service .lists .list.course-tag[data-v-e3b0c5ec] {
  background: url() no-repeat 50%/cover;
  border-radius: 0;
  padding: 0
}

.aboutSingle .service .lists .list.course-tag .course-tag-img[data-v-e3b0c5ec] {
  width: 359px;
  height: auto;
  cursor: pointer
}

@media screen and (max-width: 800px) {
  .aboutSingle .service .lists .list[data-v-e3b0c5ec] {
      display:block;
      margin: 0 auto 24px!important;
      min-height: 0
  }
}

@media screen and (max-width: 900px) {
  .aboutSingle .service .lists .list[data-v-e3b0c5ec] {
      padding:24px 16px 4.44vw
  }

  .aboutSingle .service .lists .list .join[data-v-e3b0c5ec] {
      bottom: 4.44vw
  }
}

@media screen and (max-width: 381px) {
  .aboutSingle .service .lists .list[data-v-e3b0c5ec] {
      width:calc(100% - 32px)
  }

  .aboutSingle .service .lists .list .f24[data-v-e3b0c5ec] {
      font-size: 18px
  }

  .aboutSingle .service .lists .list .f20.f17[data-v-e3b0c5ec],.aboutSingle .service .lists .list .f20[data-v-e3b0c5ec] {
      font-size: 16px
  }

  .aboutSingle .service .lists .list .f16[data-v-e3b0c5ec],.aboutSingle .service .lists .list .join[data-v-e3b0c5ec],.aboutSingle .service .lists .list .tip[data-v-e3b0c5ec] {
      font-size: 14px
  }

  .aboutSingle .service .lists .list.course-tag .course-tag-img[data-v-e3b0c5ec] {
      width: calc(100% + 9px)
  }
}

.aboutSingle .service .lists .list[data-v-e3b0c5ec]:first-child {
  margin-left: 0
}

.aboutSingle .service .lists .list[data-v-e3b0c5ec]:last-child {
  margin-right: 0
}

.aboutSingle .service .lists .list .price[data-v-e3b0c5ec] {
  position: absolute;
  right: -9px;
  top: 17px;
  line-height: 28px;
  color: #999;
  width: 155px;
  height: 55px;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 26px 10px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.aboutSingle .service .lists .list .price.needpay[data-v-e3b0c5ec] {
  color: #fff;
  background: url(https://storagecdn.xuetangx.com/public_assets/xuetangx/xuetangX2018/1a2723cb570affc0a87a224ba2a131f9.servicebg.png) no-repeat;
  background-size: contain
}

.aboutSingle .service .lists .list .price .f14[data-v-e3b0c5ec] {
  text-decoration: line-through;
  padding-right: 3px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.aboutSingle .service .lists .c_6[data-v-e3b0c5ec] {
  margin-bottom: 16px
}

.aboutSingle .service .lists .c_3[data-v-e3b0c5ec] {
  margin-bottom: 28px;
  font-weight: 500
}

.aboutSingle .service .lists .line[data-v-e3b0c5ec] {
  width: 100%;
  height: 1px;
  background: #ebebeb;
  margin-top: 15px;
  margin-bottom: 19px
}

.aboutSingle .service .lists .iconfont[data-v-e3b0c5ec] {
  margin-right: 8px
}

.aboutSingle .service .lists .tip[data-v-e3b0c5ec] {
  font-size: 16px;
  color: #3963b1;
  margin-bottom: 16px;
  line-height: 22px;
  position: relative;
  padding-left: 22px;
  white-space: normal
}

.aboutSingle .service .lists .tip[data-v-e3b0c5ec]:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: url(https://storagecdn.xuetangx.com/public_assets/xuetangx/xuetangX2018/278804c4d95f9137e856255d1f1ca50f.star.png) no-repeat;
  background-size: contain;
  left: 0;
  top: 2px
}

.aboutSingle .service .lists .tip.huabei[data-v-e3b0c5ec] {
  color: #e74a71
}

.aboutSingle .service .lists .tip.huabei[data-v-e3b0c5ec]:before {
  background: url(https://storagecdn.xuetangx.com/public_assets/xuetangx/xuetangX2018/1a303e02ec93cb88f5330e7755133c86.huabei.png) no-repeat;
  background-size: contain
}

.aboutSingle .service .lists .combine-tasks[data-v-e3b0c5ec] {
  position: absolute;
  right: 0;
  bottom: 110px
}

@media screen and (max-width: 800px) {
  .aboutSingle .service .lists .combine-tasks[data-v-e3b0c5ec] {
      bottom:80px
  }
}

.aboutSingle .service .lists .join[data-v-e3b0c5ec] {
  background: #fff;
  text-align: center;
  width: 270px;
  line-height: 1.1;
  padding: 5px;
  border-radius: 4px;
  word-break: break-word;
  white-space: normal;
  cursor: pointer;
  font-size: 16px;
  color: #ff9243;
  border: 1px solid #ff9243;
  margin: auto;
  display: block;
  position: absolute;
  bottom: 40px;
  left: 40px;
  min-height: 40px
}

@media screen and (max-width: 381px) {
  .aboutSingle .service .lists .join[data-v-e3b0c5ec] {
      width:calc(100% - 72px)
  }
}

@media screen and (max-width: 800px) {
  .aboutSingle .service .lists .join[data-v-e3b0c5ec] {
      position:unset
  }
}

.aboutSingle .service .lists .join[data-v-e3b0c5ec]:hover {
  background: #ff9243;
  color: #fff
}

.aboutSingle .service .lists .join.gray[data-v-e3b0c5ec] {
  background: #d8d8d8;
  color: #fff;
  border: 1px solid #d8d8d8;
  cursor: default
}

.aboutSingle .service .lists .join.gray[data-v-e3b0c5ec]:hover {
  background: #d8d8d8;
  color: #fff
}

@media screen and (max-width: 900px) {
  .aboutSingle .service[data-v-e3b0c5ec] {
      margin-top:9.33vw;
      padding: 8.44vw 0 5.77vw
  }

  .aboutSingle .service .lists[data-v-e3b0c5ec] {
      padding: 5.77vw 0 8.88vw
  }
}

.aboutSingle .service.mobile[data-v-e3b0c5ec] {
  padding-top: 32px;
  padding-bottom: 24px;
  background-size: 427px 414px;
  background-position: calc(50% + 213px) 50%
}

.aboutSingle .service.mobile .lists[data-v-e3b0c5ec] {
  padding-top: 24px;
  padding-bottom: 0
}

.aboutSingle .service.mobile .lists .list[data-v-e3b0c5ec]:last-of-type {
  margin-bottom: 0!important
}

@media screen and (max-width: 414px) {
  .aboutSingle .service[data-v-e3b0c5ec] {
      padding-top:32px;
      padding-bottom: 24px;
      background-size: 427px 414px;
      background-position: calc(50% + 213px) 50%
  }

  .aboutSingle .service .lists[data-v-e3b0c5ec] {
      padding-top: 24px;
      padding-bottom: 0
  }

  .aboutSingle .service .lists .list[data-v-e3b0c5ec]:last-of-type {
      margin-bottom: 0!important
  }
}

.aboutSingle .qwrzzs[data-v-e3b0c5ec] {
  background: #f8f8f8
}

.aboutSingle .qwrzzs .qwrzzsw[data-v-e3b0c5ec] {
  text-align: center;
  width: 1202px;
  padding: 0 16px 40px;
  margin: 0 auto;
  position: relative
}

@media screen and (max-width: 1201px) {
  .aboutSingle .qwrzzs .qwrzzsw[data-v-e3b0c5ec] {
      width:100%
  }
}

.aboutSingle .qwrzzs .qwrzzsw img[data-v-e3b0c5ec] {
  width: 100%;
  height: auto;
  display: none;
  border-radius: 4px
}

.aboutSingle .qwrzzs .qwrzzsw .zs[data-v-e3b0c5ec] {
  background: #333d60;
  position: relative;
  padding-right: 24px;
  border-radius: 4px
}

@media screen and (max-width: 1201px) {
  .aboutSingle .qwrzzs .qwrzzsw .zs[data-v-e3b0c5ec] {
      padding-right:0
  }
}

.aboutSingle .qwrzzs .qwrzzsw .zs .center[data-v-e3b0c5ec] {
  width: 100%;
  display: block;
  margin: auto
}

.aboutSingle .qwrzzs .qwrzzsw .zs .zsbg[data-v-e3b0c5ec] {
  background: url(https://proxt-cdn.xuetangx.com/fe-proxtassets/xuetangX/1026/74c838848084470b262c7005942ec825.meijia.png) no-repeat 100% 100%;
  background-origin: content-box;
  background-size: 514.5px 734px
}

.aboutSingle .qwrzzs .qwrzzsw .zs .zsbg .detail[data-v-e3b0c5ec] {
  padding: 24px 478px 24px 0;
  font-size: 16px;
  color: #e5e5e5;
  background: url(https://storagecdn.xuetangx.com/public_assets/xuetangx/xuetangX2018/bfc6756370ffcd75edda2f54f169c3c8.hua.png) no-repeat -401px bottom;
  background-size: 673px 605px
}

.aboutSingle .qwrzzs .qwrzzsw .zs .zsbg .detail .fr[data-v-e3b0c5ec] {
  min-height: 402px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.aboutSingle .qwrzzs .qwrzzsw .zs .zsbg .detail .fr p[data-v-e3b0c5ec]:nth-of-type(n+2) {
  margin-top: 22px
}

.aboutSingle .qwrzzs .qwrzzsw .zs .zsbg .detail p[data-v-e3b0c5ec] {
  max-width: 535px;
  margin-bottom: 8px;
  text-align: left;
  line-height: 22px;
  padding-left: 19px;
  position: relative
}

.aboutSingle .qwrzzs .qwrzzsw .zs .zsbg .detail p .iconfont[data-v-e3b0c5ec] {
  position: absolute;
  font-size: 16px;
  color: #ffd781;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: inline-block;
  vertical-align: top;
  left: 0;
  top: 2px
}

.aboutSingle .qwrzzs .qwrzzsw .zs .zsbg .detail .f12[data-v-e3b0c5ec] {
  font-size: 12px
}

@media screen and (max-width: 1041px) {
  .aboutSingle .qwrzzs .qwrzzsw .zs .zsbg .detail[data-v-e3b0c5ec] {
      padding-left:40px
  }
}

.aboutSingle .qwrzzs .qwrzzsw .zs.qh[data-v-e3b0c5ec] {
  background: #8c4294;
  padding-right: 0
}

.aboutSingle .qwrzzs .qwrzzsw .zs.qh .zsbg[data-v-e3b0c5ec] {
  background: url(https://storagecdn.xuetangx.com/public_assets/xuetangx/xuetangX2018/11d56d192d8ad98ccc9ff42f9b8a1c92.qhxfk@door.png) no-repeat 100% 100%;
  background-origin: content-box;
  background-size: auto 400px
}

@media screen and (max-width: 900px) {
  .aboutSingle .qwrzzs .qwrzzsw[data-v-e3b0c5ec] {
      max-width:782px
  }

  .aboutSingle .qwrzzs .qwrzzsw img[data-v-e3b0c5ec] {
      display: block
  }

  .aboutSingle .qwrzzs .qwrzzsw .zs[data-v-e3b0c5ec] {
      background: url(https://proxt-cdn.xuetangx.com/fe-proxtassets/xuetangX/1026/68e5cca974182d6a7faa4064685d2ece.cert.png) #333d60;
      background-size: 80vw auto;
      background-repeat: no-repeat;
      background-position: 100% 100%
  }

  .aboutSingle .qwrzzs .qwrzzsw .zs .zsbg[data-v-e3b0c5ec] {
      background: none!important
  }

  .aboutSingle .qwrzzs .qwrzzsw .zs .detail[data-v-e3b0c5ec] {
      background: none!important;
      padding: 40px 16px 100px!important;
      text-align: center
  }

  .aboutSingle .qwrzzs .qwrzzsw .zs .detail .fr[data-v-e3b0c5ec] {
      display: inline-block!important;
      vertical-align: top;
      max-width: 80vw;
      float: none
  }

  .aboutSingle .qwrzzs .qwrzzsw .zs.qh[data-v-e3b0c5ec] {
      background: url(https://storagecdn.xuetangx.com/public_assets/xuetangx/xuetangX2018/2d3faf88e0098f8972f046fd3401cdf6.qhxfk@h5.jpg) #8a4094;
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: 100% 100%
  }

  .aboutSingle .qwrzzs .qwrzzsw .zs.qh .zsbg[data-v-e3b0c5ec] {
      min-height: 80vw
  }
}

@media screen and (max-width: 600px) {
  .aboutSingle .qwrzzs .qwrzzsw .zs.qh .zsbg[data-v-e3b0c5ec] {
      min-height:100vw
  }
}

.aboutSingle .qwrzzs.wmk .qwrzzsw .zsbg[data-v-e3b0c5ec] {
  background: none
}

.aboutSingle .qwrzzs.wmk .qwrzzsw .detail[data-v-e3b0c5ec] {
  padding: 61px 0 24px!important
}

.aboutSingle .qwrzzs.wmk .qwrzzsw .detail .wmkCon[data-v-e3b0c5ec] {
  font-size: 0
}

.aboutSingle .qwrzzs.wmk .qwrzzsw .detail .wmkCon .textt[data-v-e3b0c5ec] {
  display: inline-block;
  vertical-align: middle;
  width: 440px;
  margin-right: 60px;
  font-size: 16px;
  min-height: 365px
}

.aboutSingle .qwrzzs.wmk .qwrzzsw .detail .wmkCon .textt .title[data-v-e3b0c5ec] {
  font-weight: 700;
  font-size: 20px;
  color: #e5e5e5;
  margin-bottom: 40px;
  line-height: 28px;
  min-height: 28px;
  text-align: center
}

.aboutSingle .qwrzzs.wmk .qwrzzsw .detail .wmkCon .textt p[data-v-e3b0c5ec]:nth-of-type(n+2) {
  margin-top: 22px
}

.aboutSingle .qwrzzs.wmk .qwrzzsw .detail .wmkCon img[data-v-e3b0c5ec] {
  display: inline-block;
  vertical-align: middle;
  width: 420px;
  height: auto
}

@media screen and (max-width: 1100px) {
  .aboutSingle .qwrzzs.wmk .qwrzzsw .zs .zsbg .wmkCon .textt[data-v-e3b0c5ec] {
      margin-right:calc(100% - 912px)
  }
}

@media screen and (max-width: 975px) {
  .aboutSingle .qwrzzs.wmk .qwrzzsw .zs .zsbg .wmkCon .textt[data-v-e3b0c5ec] {
      margin-right:25px;
      width: calc(100% - 497px)
  }
}

@media screen and (max-width: 900px) {
  .aboutSingle .qwrzzs.wmk .qwrzzsw img[data-v-e3b0c5ec] {
      display:none
  }

  .aboutSingle .qwrzzs.wmk .qwrzzsw .zs[data-v-e3b0c5ec] {
      position: static;
      background: #333d60!important
  }

  .aboutSingle .qwrzzs.wmk .qwrzzsw .zs .inzs[data-v-e3b0c5ec] {
      display: none
  }

  .aboutSingle .qwrzzs.wmk .qwrzzsw .zs .zsbg[data-v-e3b0c5ec] {
      height: auto
  }

  .aboutSingle .qwrzzs.wmk .qwrzzsw .zs .zsbg .detail[data-v-e3b0c5ec] {
      padding-bottom: 10vw!important;
      background: url(https://storagecdn.xuetangx.com/public_assets/xuetangx/xuetangX2018/bfc6756370ffcd75edda2f54f169c3c8.hua.png) no-repeat -401px bottom!important;
      background-size: 673px 605px!important
  }

  .aboutSingle .qwrzzs.wmk .qwrzzsw .zs .zsbg .wmkCon[data-v-e3b0c5ec] {
      padding: 0 6.67vw
  }

  .aboutSingle .qwrzzs.wmk .qwrzzsw .zs .zsbg .wmkCon .textt[data-v-e3b0c5ec] {
      display: block;
      max-width: 440px;
      margin: 0 auto;
      width: auto
  }

  .aboutSingle .qwrzzs.wmk .qwrzzsw .zs .zsbg .wmkCon img[data-v-e3b0c5ec] {
      display: block;
      width: 60vw;
      margin: 2vw auto 0
  }
}

@media screen and (max-width: 900px) {
  .aboutSingle .qwrzzs.wmk .qwrzzsw .zs .zsbg .detail[data-v-e3b0c5ec] {
      background:url(https://storagecdn.xuetangx.com/public_assets/xuetangx/xuetangX2018/bfc6756370ffcd75edda2f54f169c3c8.hua.png) no-repeat -50.125vw bottom!important;
      background-size: 84.125vw 75.625vw!important
  }
}

.aboutSingle .problem[data-v-e3b0c5ec] {
  background: #fff;
  padding: 0 16px 174px;
  max-width: 752px;
  margin: 0 auto
}

.aboutSingle .problem .f34[data-v-e3b0c5ec] {
  margin: 80px auto 41px;
  text-align: center
}

.aboutSingle .problem .title[data-v-e3b0c5ec] {
  margin-bottom: 11px;
  color: #5f5f5f;
  font-weight: 500;
  padding-left: 19px;
  position: relative
}

.aboutSingle .problem .title[data-v-e3b0c5ec]:before {
  position: absolute;
  left: 0;
  top: 7px;
  display: block;
  width: 9px;
  height: 9px;
  background: #cbcbcb;
  margin-right: 10px;
  content: "";
  border-radius: 50%
}

.aboutSingle .problem .content[data-v-e3b0c5ec] {
  margin-bottom: 16px;
  padding-left: 19px
}

@media screen and (max-width: 900px) {
  .aboutSingle .problem[data-v-e3b0c5ec] {
      padding:0 1.77vw 10vw
  }

  .aboutSingle .problem .f34[data-v-e3b0c5ec] {
      margin: 8.88vw auto 4.55vw
  }
}

.aboutSingle .products-featured[data-v-e3b0c5ec] {
  max-width: 1192px;
  margin: 40px auto
}

.aboutSingle .products-featured .products-title[data-v-e3b0c5ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 40px;
  max-width: 1172px
}

.aboutSingle .products-featured .products-title .title-line[data-v-e3b0c5ec] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 1px;
  height: 1px;
  background: #e0e0e0
}

.aboutSingle .products-featured .products-title .title-text[data-v-e3b0c5ec] {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 23px
}

.aboutSingle .products-featured .product-list[data-v-e3b0c5ec] {
  text-align: center;
  font-size: 0
}

.aboutSingle .products-featured .product-list .product-con[data-v-e3b0c5ec] {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 8px 8px 4px 4px;
  margin: 0 10px 20px;
  width: 278px
}

.aboutSingle .products-featured .product-list .product-con .cover[data-v-e3b0c5ec] {
  height: 158px;
  background-size: cover;
  background-position: 50%;
  position: relative;
  border-radius: 8px 8px 0 0
}

.aboutSingle .products-featured .product-list .product-con .cover .gjjp[data-v-e3b0c5ec] {
  position: absolute;
  max-height: 24px;
  top: 0;
  right: 0;
  border-radius: 0 4px 0 26px
}

.aboutSingle .products-featured .product-list .product-con .cover .icon[data-v-e3b0c5ec] {
  max-width: 42px;
  max-height: 55px;
  width: auto;
  height: auto;
  position: absolute;
  left: 8px;
  top: -3px
}

.aboutSingle .products-featured .product-list .product-con .detail[data-v-e3b0c5ec] {
  padding: 16px 16px 20px;
  text-align: left
}

.aboutSingle .products-featured .product-list .product-con .detail>p[data-v-e3b0c5ec] {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap
}

.aboutSingle .products-featured .product-list .product-con .detail .other[data-v-e3b0c5ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px
}

.aboutSingle .products-featured .product-list .product-con .detail .other .org[data-v-e3b0c5ec] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 10px
}

.aboutSingle .products-featured .product-list .product-con .detail .other .org img[data-v-e3b0c5ec] {
  width: 20px;
  height: 20px;
  margin-right: 6px
}

.aboutSingle .products-featured .product-list .product-con .detail .other .count[data-v-e3b0c5ec] {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.aboutSingle .products-featured .product-list .product-con .detail .other .count .iconfont[data-v-e3b0c5ec] {
  margin-right: 6px
}

@media screen and (max-width: 635px) {
  .aboutSingle .products-featured.isMobile[data-v-e3b0c5ec] {
      margin:40px 16px
  }

  .aboutSingle .products-featured.isMobile .products-title[data-v-e3b0c5ec] {
      margin-bottom: 0
  }

  .aboutSingle .products-featured.isMobile .products-title .title-line[data-v-e3b0c5ec] {
      display: none
  }

  .aboutSingle .products-featured.isMobile .products-title .title-text[data-v-e3b0c5ec] {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin: 0
  }

  .aboutSingle .products-featured.isMobile .product-list[data-v-e3b0c5ec] {
      text-align: left;
      font-size: 0;
      padding-top: 4px
  }

  .aboutSingle .products-featured.isMobile .product-list .product-con[data-v-e3b0c5ec] {
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background: transparent;
      border: none;
      border-bottom: 1px solid #efefef;
      border-radius: 0;
      margin: 0;
      width: 100%;
      padding: 22px 0
  }

  .aboutSingle .products-featured.isMobile .product-list .product-con .cover[data-v-e3b0c5ec] {
      width: 32vw;
      height: 20vw;
      background-size: cover;
      background-position: 50%;
      position: relative;
      border-radius: .8vw;
      margin-right: 3.2vw;
      -ms-flex-negative: 0;
      flex-shrink: 0
  }

  .aboutSingle .products-featured.isMobile .product-list .product-con .detail[data-v-e3b0c5ec] {
      width: 1px;
      padding: 0;
      text-align: left;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between
  }

  .aboutSingle .products-featured.isMobile .product-list .product-con .detail .other[data-v-e3b0c5ec] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-top: 10px
  }

  .aboutSingle .products-featured.isMobile .product-list .product-con .detail .other .org[data-v-e3b0c5ec] {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1
  }

  .aboutSingle .products-featured.isMobile .product-list .product-con .detail .other .org img[data-v-e3b0c5ec] {
      display: none
  }

  .aboutSingle .products-featured.isMobile .product-list .product-con .detail .other .count[data-v-e3b0c5ec] {
      -ms-flex-negative: 0;
      flex-shrink: 0
  }

  .aboutSingle .products-featured.isMobile .product-list .product-con .detail .other .count .iconfont[data-v-e3b0c5ec] {
      margin-right: 5px
  }
}

.aboutSingle .w720[data-v-e3b0c5ec] {
  max-width: 720px;
  margin: auto
}

.aboutSingle .f34[data-v-e3b0c5ec] {
  font-size: 34px;
  line-height: 1.4
}

@media screen and (max-width: 900px) {
  .aboutSingle .f34[data-v-e3b0c5ec] {
      font-size:3.77vw
  }
}

@media screen and (max-width: 636px) {
  .aboutSingle .f34[data-v-e3b0c5ec] {
      font-size:24px
  }
}

.aboutSingle .f32[data-v-e3b0c5ec] {
  font-size: 32px;
  line-height: 1.4
}

@media screen and (max-width: 900px) {
  .aboutSingle .f32[data-v-e3b0c5ec] {
      font-size:3.55vw
  }
}

@media screen and (max-width: 676px) {
  .aboutSingle .f32[data-v-e3b0c5ec] {
      font-size:24px
  }
}

.aboutSingle .f24[data-v-e3b0c5ec] {
  font-size: 24px;
  line-height: 1.4
}

.aboutSingle .f20[data-v-e3b0c5ec] {
  font-size: 20px;
  line-height: 1.4
}

.aboutSingle .f20.f17[data-v-e3b0c5ec] {
  font-size: 17px;
  white-space: normal;
  line-height: 1
}

.aboutSingle .f18[data-v-e3b0c5ec] {
  font-size: 18px;
  line-height: 1.4
}

.aboutSingle .f16[data-v-e3b0c5ec] {
  font-size: 16px;
  line-height: 1.4
}

.aboutSingle .f14[data-v-e3b0c5ec] {
  font-size: 14px
}

.aboutSingle .lh23[data-v-e3b0c5ec] {
  line-height: 23px
}

.aboutSingle .lh20[data-v-e3b0c5ec] {
  line-height: 20px
}

.aboutSingle .lh16[data-v-e3b0c5ec] {
  line-height: 16px
}

.aboutSingle .c_f[data-v-e3b0c5ec] {
  color: #fff
}

.aboutSingle .c_9[data-v-e3b0c5ec] {
  color: #999
}

.aboutSingle .c_6[data-v-e3b0c5ec] {
  color: #666
}

.aboutSingle .c_3[data-v-e3b0c5ec] {
  color: #333
}

.aboutSingle .c_4[data-v-e3b0c5ec] {
  color: #1769fe
}

.aboutSingle .c_18[data-v-e3b0c5ec] {
  color: #181818
}

.knowledge-box[data-v-e3b0c5ec] {
  position: fixed;
  bottom: 30vh;
  left: 0;
  width: 140px;
  height: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 999
}

@-webkit-keyframes rotate360-e3b0c5ec {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }

  to {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg)
  }
}

@keyframes rotate360-e3b0c5ec {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }

  to {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg)
  }
}

@-webkit-keyframes horizontalRight-e3b0c5ec {
  0% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
  }

  to {
      -webkit-transform: translateX(5px);
      transform: translateX(5px)
  }
}

@keyframes horizontalRight-e3b0c5ec {
  0% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
  }

  to {
      -webkit-transform: translateX(5px);
      transform: translateX(5px)
  }
}

.knowledge-box .knowledge-bg[data-v-e3b0c5ec] {
  width: 100%;
  height: 100%;
  background: url(https://proxt-cdn.xuetangx.com/fe-proxtassets/xuetangX/24/0125/knowledge-bg.png) no-repeat 50%/contain;
  position: absolute;
  z-index: 1;
  -webkit-animation: rotate360-e3b0c5ec 4s linear infinite;
  animation: rotate360-e3b0c5ec 4s linear infinite
}

.knowledge-box .knowledge-con[data-v-e3b0c5ec] {
  position: relative;
  z-index: 2;
  width: 97px;
  height: 97px;
  background: url(https://proxt-cdn.xuetangx.com/fe-proxtassets/xuetangX/24/0125/knowledge-t.png) no-repeat 50%/contain;
  text-align: center;
  cursor: pointer
}

.knowledge-box .knowledge-con:hover img[data-v-e3b0c5ec] {
  -webkit-animation: horizontalRight-e3b0c5ec 1s linear infinite;
  animation: horizontalRight-e3b0c5ec 1s linear infinite
}

.knowledge-box .knowledge-con img[data-v-e3b0c5ec] {
  margin-top: 59px;
  width: 18px;
  height: auto
}

.icon-gray-01 {
  color: #90949d
}

.icon-gray-01.hover-icon:hover {
  color: #656a72
}

.aboutSingle .el-icon-loading {
  vertical-align: middle;
  margin-right: 5px
}

.aboutSingle .classList {
  margin-top: 46px;
  width: 196px;
  display: block;
  margin-bottom: 12px
}

.aboutSingle .classList .el-input--medium .el-input__inner {
  height: 40px;
  line-height: 40px;
  background: transparent;
  color: transparent;
  border-color: #fff!important;
  font-size: 16px;
  padding-right: 43px
}

.aboutSingle .classList .el-input__suffix {
  right: 12px
}

.aboutSingle .classList .el-icon-arrow-up {
  color: #fff!important;
  -webkit-transform: rotate(0)!important;
  transform: rotate(0)!important;
  font-size: 32px!important;
  width: 32px;
  position: relative;
  -webkit-transition: none;
  -o-transition: none;
  transition: none
}

.aboutSingle .classList .el-icon-arrow-up.is-reverse {
  top: -1px;
  -webkit-transform: rotate(-180deg)!important;
  transform: rotate(-180deg)!important
}

.aboutSingle .classList .el-icon-arrow-up:before {
  font-family: iconfont!important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: .2px;
  -moz-osx-font-smoothing: grayscale;
  content: "\E6C8"
}

.aboutSingle .minisize .classList {
  margin-top: 10px;
  margin-bottom: 0
}

.aboutSingle .minisize .classList .el-input--medium .el-input__inner {
  border-color: #f8f8f8!important;
  padding-right: 30px
}

.aboutSingle .minisize .classList .el-icon-arrow-up {
  color: #666!important
}

.aboutSingle .minisize .classList .el-input__suffix {
  right: -5px
}

.aboutSingle .detailInfo img {
  max-width: 540px;
  width: auto;
  height: auto
}

.couponDialogVisible {
  border-radius: 8px
}

.couponDialogVisible .btn_xtb {
  width: 180px;
  height: 42px;
  background: #fa4949;
  border-radius: 4px;
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  font-weight: 700;
  cursor: pointer;
  border: 1px solid #fa4949;
  padding: 0;
  display: block;
  margin: 30px auto 10px
}

.couponDialogVisible .couponDiv {
  width: 349px;
  height: 99px;
  margin: 0 auto
}

.couponDialogVisible .couponDiv .coupon {
  padding: 6px 7px 7px
}

.couponDialogVisible .couponTitle {
  font-weight: 700;
  font-size: 18px;
  color: #333;
  text-align: center;
  line-height: 26px;
  padding-bottom: 24px
}

.couponDialogVisible .el-dialog__body {
  padding: 10px 0 11px
}

.couponDialogVisible .el-dialog__headerbtn .el-dialog__close {
  color: #999;
  font-size: 16px
}

@media screen and (max-width: 420px) {
  .couponDialogVisible {
      width:100%!important
  }
}

.aboutSingle_prpper {
  margin-top: 4px!important;
  width: 196px;
  border: none
}

.aboutSingle_prpper .el-scrollbar .el-scrollbar__wrap {
  max-height: 160px
}

.aboutSingle_prpper .popper__arrow {
  display: none
}

.aboutSingle_prpper .list {
  font-size: 14px;
  line-height: 22px;
  padding: 5px 0;
  color: #333;
  display: block
}

.aboutSingle_prpper .list.disable {
  color: #999
}

.aboutSingle_prpper .list.active {
  color: #1769fe
}

.aboutSingle_prpper .el-select-dropdown__item {
  padding: 0 16px;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 196px
}