@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
}

html {
  width: 100%;
  height: 100%;
}

body {
  min-width: 1200px;
  font-family: 'MicrosoftYaHeiUI';
}

* {
  box-sizing: content-box;
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
}

header,
section,
footer,
aside,
nav,
article,
figure {
  display: block;
}

body {
  margin: 0 auto;
  padding: 0px;
  min-width: 1200px;
  font-size: 14px;
  font-family: "微软雅黑";
}

div,
ul,
li,
h1,
p,
hr,
form,
input {
  margin: 0;
  padding: 0;
}

table,
th,
td {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}

ul,
li {
  list-style: none;
}

a {
  text-decoration: none;
}

a {
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

img {
  border: 0;
}

a,
input,
i {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

div {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

input {
  background: none;
  outline: none;
  border: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input:focus {
  border: none;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.zt-wrap img {
  display: block;
  width: 100%;
}

.chosen-container-active {
  font-size: 16px !important;
}

.show {
  display: block;
}

.zhaoshan-box {
  word-spacing: 0 !important;
  /* text-align: center; */
  /* margin-bottom: -15px; */
}

.zt-wrap {
  position: relative;
}

.flex {
  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;
}

.chosen-search {
  display: none !important;
}

#intentionCountry_chosen {
  width: 100% !important;
}

.chosen-container-single .chosen-single {
  padding: 0 !important;
  border: 0 !important;
  font-size: 14px;
  line-height: 15px !important;
  color: #999 !important;
}

.chosen-container-active .chosen-single {
  border: 0 !important
}

.chosen-container-single .chosen-single div b {
  background: url(../imgs/sjx.png) no-repeat !important;
  background-size: 100% !important;
  margin-left: 33px;
}

.chosen-single {
  height: inherit !important;
  line-height: .24rem;
  margin-top: -0.05rem;
}

.lj-btn {
  position: absolute;
  display: block;
  cursor: pointer;
  width: .65rem;
  right: .4rem;
  top: 1rem;
}

.hide {
  display: none;
}

.online-qianyue {
  display: block;
  position: fixed;
  top: 50%;
  right: .05rem;
  width: 2.36rem;
  /* height: 1.38rem; */

  margin-top: -1.18rem;
  z-index: 100;
  cursor: pointer;
}

#rightNavBox {
  position: fixed;
  /* width: 1.62rem; */
  width: 2.5rem;

  top: 50%;
  margin-top: -2.9rem;
  z-index: 99;
  left: .8rem;
}

#rightNavBox img {
  width: 100% !important;
}

.nav-link-box {
  position: absolute;
  top: .9rem;
  left: 50%;
  margin-left: -.72rem;
  background-size: 100% 100%;
  text-align: center;
  /* padding-top: .1rem; */
  left: 40%;
  width: 1.8rem;
}

#slider-nav {
  background-size: 100% 100%;
  padding-bottom: .1rem;
}

.span-top {
  color: #fff;
  font-size: .2rem;
  cursor: pointer;
}

#zixunBtn {
  margin-top: .1rem;
  cursor: pointer;
}

.page-link span {
  display: block;
  /* padding: .08rem 0; */
  height: .57rem;
  line-height: .53rem;
  box-sizing: border-box;
  border-bottom: 1px solid inherit;
  color: #fff;
  font-size: .21rem;
  width: 90%;
  margin: 0 auto;
  position: relative;
}

.page-link span::before {
  display: block;
  content: '';
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  left: .28rem;
  top: 50%;
  margin-top: -2px;
}
.page-link span::after {
  display: block;
  content: '';
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  right: .28rem;
  top: 50%;
  margin-top: -2px;
}
.page-link-li:hover .page-link span {
  font-weight: bold;
  font-size: .21rem !important;
}

.page-link-li {
  line-height: normal;
  /* margin-bottom: .1rem; */
}

.right-nav-box .link-box .active-page-link-li .page-link span {
  font-weight: bold;
  font-size: .21rem !important;
  background: url(../imgs/spanbg.png) no-repeat;
  background-size: 100% 100%;
}

.claloding {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, .8);
  display: none;
}

.claloding img {
  width: 3.93rem !important;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1.965rem;
  margin-top: -1.965rem;
}

.cq-bg {
  position: absolute;
  width: 10.47rem !important;
  height: 2.79rem;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}

.ggl-concent {
  position: absolute;
  width: 3.98rem;
  height: 2.02rem;
  top: .41rem;
  left: 50%;
  transform: translateX(-15%);
}

#goTop {
  position: absolute;
  cursor: pointer;
  bottom: 3%;
  margin-top: 1%;
  left: -4%;
  right: -4%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#goTop b {
  width: 0px;
  height: 0px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #FFF;
}

#goTop b img {
  width: 100%;
}

#goTop img {
  width: 100%;
}

#goTop span {
  color: #fff;
}

.ggl-title {
  text-align: center;
  position: absolute;
  top: .43rem;
  left: 50%;
  transform: translateX(-50%);
  bottom: .5rem;
  display: flex;
  flex-direction: column;
}

.ggl-flex {
  flex-direction: initial !important;
}

.ggl-title .p1 {
  font-size: .22rem;
  color: #df4e44;
  font-weight: bold;
  margin-bottom: .19rem;
}

.ggl-title .p2 {
  font-size: .22rem;
  color: #df4e44;
  font-weight: bold;
  margin: 0 auto;
  flex: 1;
  margin: auto;
  display: none;
}

.ggl-title span {
  display: block;
  width: 2.81rem;
  height: .62rem;
  cursor: pointer;
}

.ggl-right {
  position: absolute;
  top: .84rem;
  right: .1rem;
}

.ggl-right span {
  display: block;
  width: 1.17rem;
  height: .39rem;
  margin-bottom: .3rem;
  cursor: pointer;
}

.ggl-right p {
  font-size: .22rem;
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: .1rem;
  text-align: center;
  width: .9rem;
  margin: 0 auto;
  font-weight: bold;
  cursor: pointer;
}

.mask-pay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .8);
  z-index: 999;
  display: none;
}

.dialog-body {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -200px;
  margin-top: -230px;
}

.dialog-close {
  position: absolute;
  top: -46px;
  right: 0;
  width: 33px;
  height: 33px;
  cursor: pointer;
}

.form-box {
  width: 350px;
  margin: 0 auto;
  margin-top: 19px;
}

.mask-pay .form-item {
  height: 50px !important;
  line-height: 50px !important;
  border-radius: 35px !important;
  margin-bottom: 19px !important;
  padding-left: 10px;
}

.form-label {
  font-size: 13px !important;
  display: inline-block;
}

.dialog-box .form-label {
  color: #666;
  font-weight: bold;
}

.mask-pay .chosen-container-single {
  font-size: 14px !important;
}

.chosen-container-single .chosen-single div b {
  background: url(../imgs/sjx.png) no-repeat !important;
  background-size: 100% !important;
}

.chosen-container-single .chosen-single {
  border: 0 !important;
  box-shadow: 0 0 0 !important;
  font-size: 12px !important;
}

.chosen-container-single .chosen-single div {
  width: 12px !important;
  top: 5px !important;
  right: 1.6rem !important;
}

#verification-code-btn2 {
  font-size: .12rem;
  color: #fff;
  width: 1rem !important;
}

.login-dialog .send-code-btn {
  background-color: #e01729;
  font-weight: 500;
}

.mask-pay .send-code-btn {
  top: 55% !important;
}

.send-code-btn {
  position: absolute;
  right: .04rem;
  top: 50%;
  display: inline-block;
  width: 1.13rem;
  height: .27rem;
  transform: translateY(-50%);
  line-height: .27rem;
  border-radius: .04rem;
  background-color: #e01729;
  color: #7a492f;
  text-align: center;
  cursor: pointer;
  border-radius: .24rem;
}

.form-item-code {
  position: relative;
}

.dialog-box .form-item {
  border: 2px solid #7a492f;
}

.mask-pay #phone-input {
  width: calc(100% - 94px) !important;
}

.mask-pay input {
  font-size: 14px !important;
  color: #999 !important;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.form-ip {
  display: inline-block;
  width: 210px;
  font-size: 14px;
  color: #999;
}

#userName,
#verification-code-input,
#verification-code-input,
#phone-input {
  font-size: 12px !important;
}

.edit-icon {
  position: absolute;
  right: 0.2rem;
  top: 0;
  display: block;
  width: .24rem;
  height: .26rem;
  display: none;
}

.edit-icon img {
  width: 100%;
}

.form-submit-btn {
  margin: 0 auto;
  cursor: pointer;
  width: 100% !important;
  height: .46rem;
  background: url('../imgs/hqy.png') no-repeat;
  background-size: 100% 100%;
  margin-top: .1rem;
  float: right;
}

.login-dialog .form-submit-btn {
  margin-top: 14px;
  margin-bottom: 10px;
}

.login-dialog .form-submit-btn {
  background-color: #7a492f;
}

.agree-policy+label::before {
  content: '';
  display: inline-block;
  width: 15px !important;
  height: 15px !important;
  border: 0 !important;
  border-radius: 0% !important;
  background-image: url(../imgs/unchecked.png);
  background-size: 100%;
  background-repeat: no-repeat;
  /* margin-right: 4px; */
  vertical-align: text-bottom;
  cursor: pointer;
  padding: 0 !important;
  /* margin-bottom: 2px; */
}

.agree-policy:checked+label::before {
  padding: 0 !important;
  display: inline-block;
  content: '';
  width: 15px !important;
  height: 15px !important;
  background-image: url("../imgs/checked.png");
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  border: 0 !important;
  border-radius: 0% !important;
  cursor: pointer;
  /* margin-bottom: 2px; */
}

.privacy {
  color: #468bf1;
}

.agree-policy-label {
  width: 100%;
  vertical-align: middle;
  font-size: .12rem;
  color: #666;
}

.xieyi-link {
  color: #7a492f;
}

.agree-policy {
  display: none;
}

.agree-policy-label a {
  color: #f72b01;
}

.count-down-time {
  display: none;
  position: absolute;
  right: 0px;
  top: 56%;
  width: 1.3rem;
  height: .27rem;
  margin-top: -.15rem;
  line-height: .27rem;
  border-radius: .13rem;
  border-radius: .13rem;
  background-color: #e5e5e5;
  cursor: not-allowed;
  text-align: center;
}

.count-down-time-txt {
  text-align: center;
}

.map-global {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.globalItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1.2rem;
  cursor: pointer;
}

.map-global .globalItemActive {
  transform: scale(1.3);
}

.globalItem i {
  width: .3rem;
  height: .3rem;
  border-radius: 50%;
  /* background-color: #2b3deb; */
  background-image: url(../imgs/dian.png);

  background-size: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: .16rem;
}

@keyframes scale {
  0% {
    transform: scale(1);
  }

  50%,
  75% {
    transform: scale(2.5);
  }

  78%,
  100% {
    opacity: 0;
  }
}

.globalItem i:before {
  /* content: '';
  width: .44rem;
  height: .44rem; */
  /* border-radius: 50%; */
  /* background-color: #2b3deb; */
  /* border: 1px solid black; */
  /* transform: scale(.8);  */
  /* opacity: 0.9;
  animation: scale 2s infinite cubic-bezier(0, 0, 1, 1.02);
  animation-delay: 200ms;
  transition: 0.1s all ease;
  transform: scale(.8); */
}

.map-global .globalItemActive i {
  width: .22rem;
  height: .22rem;
  border-radius: 50%;
  background-color: #f03958;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: .16rem;
  background-image: inherit;
}

.map-global .globalItemActive i:before {
  content: '';
  width: .22rem;
  height: .22rem;
  border-radius: 50%;
  border: 0;
  background-color: #f03958 !important;
  opacity: 0.9;
  animation: scale 1s infinite cubic-bezier(0, 0, 1, 1.02);
  animation-delay: 200ms;
  transition: 0.1s all ease;
  transform: scale(.8);
}

@keyframes scale {
  0% {
    transform: scale(1);
  }

  50%,
  75% {
    transform: scale(2.5);
  }

  78%,
  100% {
    opacity: 0;
  }
}

.map-global .globalItem:nth-child(1) {
  position: absolute;
  left: 12rem;
  top: 1.9rem;
}

.globalItem span {
  font-size: 0.24rem;
  color: #ffffff;
}

.map-global .globalItem:nth-child(2) {
  position: absolute;
  left: 6.1rem;
  top: 1.5rem;
  /* display: none; */
}

.map-global .globalItem:nth-child(3) {
  position: absolute;
  left: 9.3rem;
  top: 3.6rem;
  /* display: none; */
}

.map-global .globalItem:nth-child(4) {
  position: absolute;
  left: 10.3rem;
  top: 4rem;
  /* display: none; */
}

.map-global .globalItem:nth-child(5) {
  position: absolute;
  left: 11.3rem;
  top: 1.18rem;
  /* display: none; */
}

.map-global .globalItem:nth-child(6) {
  position: absolute;
  left: 9.3rem;
  top: 1.68rem;
  /* display: none; */
}

.map-global .globalItem:nth-child(7) {
  position: absolute;
  left: 6.9rem;
  top: 1.6rem;
  /* display: none; */
}

.global-card {
  width: 100%;
  position: relative;
  background: #f2f6f9;
}

.global-card-item {
  display: none;
}

.global-card-item h4 {
  color: #dc3033;
  font-size: .32rem;
  margin-bottom: .3rem;
}

.global-card-item-active {
  display: block;
}

#school {
  padding-top: .38rem;
  width: 11.4rem;
  margin: 0 auto;
}

.schoolrecome {
  display: flex;
  justify-content: start;
  align-items: baseline;
  align-items: center;
  margin-bottom: .4rem;
}

.schoolrecome i {
  display: inline-block;
  width: 0.27rem;
  height: 0.28rem;
  background-image: url(../imgs/icon.png);
  background-position: center center;
  background-size: 100% 100%;
  margin-right: 0.2rem;
}

.recomeText {
  font-size: 0.26rem;
  color: #666666;
  word-break: break-all;
}

.schoolHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.schoolHeader span {
  display: inline-block;
  width: .73rem;
  height: 0.21rem;
  background-image: url(../imgs/viewMore.png);
  background-position: center center;
  background-size: 100% 100%;
  cursor: pointer;
}

.itemImage {
  width: 1.2rem;
  border: 0.03rem solid #dc3033;
  border-radius: 50%;
  outline: none;
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
  height: 1.2rem
}

.itemImage img {
  width: 100%;
  height: 100%;
  display: block;
}

.itemText {
  /* height: 0.76rem; */
  text-align: center;
  color: #666666;
  font-size: 0.1rem;
  margin-top: 0.15rem;
}

.schoolItem {
  width: 1.3rem;
  box-sizing: border-box;
  margin-bottom: 0.267rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: .13rem;
}

.schoolItem:nth-child(8n) {
  margin-right: 0;
}

.schoolIcon {
  margin-top: 0.48rem;
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
}

.overseas {
  width: 11.4rem;
  margin: 0 auto;
  display: flex;
  height: 3.76rem;
}

.overseas-left {
  width: 2.69rem;
  margin-right: .46rem;
  height: 3.76rem;
  -webkit-box-shadow: 0 0 16px hsl(0deg 0% 40% / 30%);
  box-shadow: 0 0 16px hsl(0deg 0% 40% / 30%);
}

.overseas-right {
  flex: 1;
}

.overseas-left li {
  height: .71rem;
  box-sizing: border-box;
  color: #dc3033;
  font-size: .29rem;
  font-weight: bold;
  line-height: .71rem;
  text-align: center;
  cursor: pointer;
  position: relative;
  border-left: 5px solid #fff;
}

.overseas-left .li-active {
  border-left: 5px solid #dc3033;
}

.overseas-left i {
  display: block;
  width: .16rem;
  height: .28rem;
  position: absolute;
  right: .3rem;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.overseas-left i img {
  width: 100%;
}

.overseas-right-item {
  display: none;
  height: 100%;
  width: 100%;
}

.overseas-right-item-active {
  display: block;
}

.overseas-left .li-active i {
  display: block;
}

.item-left {
  width: 2.93rem;
  height: 100%;
  margin-right: .26rem;
  border-radius: .2rem;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  -webkit-box-shadow: 0 0 16px hsl(0deg 0% 40% / 30%);
  box-shadow: 0 0 16px hsl(0deg 0% 40% / 30%);
}

.item-right {
  flex: 1;
  border-radius: .2rem;
  outline: none;
  overflow: hidden;
  cursor: pointer;
}

.card-doncent {
  display: flex;
  justify-content: space-around;
  width: 100%;
  height: 100%;
}

.leftText {
  padding: 0.28rem 0.253rem 0 0.253rem;
}

.leftText h4 {
  font-size: 0.22rem;
  font-weight: 600;
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-all;
  height: 0.68rem;
}

.leftText p {
  font-size: 0.2rem;
  color: #999;
  /* margin: 0.13rem 0; */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

.leftTag span {
  display: flex;
  margin: 0 5px 0 0;
  width: 0.7rem;
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.18rem;
  background-color: #f0f5fe;
  color: #5b86ea;
  justify-content: center;
  text-align: center;
  margin: .1rem 0;
}

.card-footer .current-price {
  font-size: 20px;
  color: #ff5a00;
  font-weight: 700;
}

.item-left img {
  height: 1.5rem !important;
}

.item-right img {
  height: 100%;
}

.ljgd-btn {
  width: 4rem;
  height: .68rem;
  /* margin: 0 auto;
  margin-top: .5rem; */
  position: absolute;
  bottom: 0.2rem;
  left: 50%;
  margin-left: -2rem;
}

.ljgd-btn img {
  width: 100%;
  cursor: pointer;
}

#offer {
  /* height: 5.77rem;   */
  width: 11.4rem;
  margin: 0 auto;
  height: 100%;
  /* background: yellow; */
}

#offer .swiper-slide {
  width: 288px;
  height: 572px;
}

/* #offer .swiper-slide-active {
  transform: scale(1) !important;
}
#offer img{
  width: 100%;
} */
/* #offer .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  width: 3.2rem !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transform: scale(0.8);
} */
.offer-box {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.swiper-three {
  height: 6.4rem;
  position: absolute;
  width: 100%;
  top: 4rem;
}

.fullPreview {
  position: fixed;
  left: 0;
  display: none;
  bottom: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, .6);
  z-index: 9989;
}

.fullCont {
  width: 60%;
  box-sizing: border-box;
  position: absolute;
  background-size: 100% 100%;
  top: 50%;
  height: 5rem;
  left: 50%;

  transform: translate(-50%, -50%);
  /* background-color: #fff; */
}

#offer .swiper-slide,
.offer-box {
  cursor: default !important;
}

.fullCont div {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}

.fullCont .close {
  position: absolute;
  right: -10%;
  top: -12%;
  width: 0.4rem;
  height: 0.4rem;
  cursor: pointer;
}

.fullCont img {
  width: 100%;
  /* height: 100%; */
}

.buttonFixed {
  width: 100%;
  height: 1.55rem;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 60;
  /* cursor: pointer; */
}

.buttonFixed img {
  width: 100%;
}

body {
  padding-bottom: 1.55rem !important;
}

#offer .swiper-container-horizontal>.swiper-pagination-progressbar {
  bottom: 0 !important;
}

#offer .swiper-pagination-progressbar {
  width: 8rem;
  left: 50%;
  margin-left: -4rem;
  background-color: transparent;
  border-radius: 3px;
  height: 6px;
  border: 1px solid #fff;
  top: auto;
  bottom: 0;
}

#offer .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #fff;
}

/* #offer_pagination {
  width: 100%;
  text-align: center;
  margin-top: 0.4rem;
}
#offer_pagination .swiper-pagination-bullet {
  width: 0.16rem;
  height: 0.16rem;
  box-sizing: border-box;
  margin-right: 0.1rem;
  border-radius: 50% !important;
  outline: none;
  background: transparent;
  opacity: 1;
  border: 2px solid #fff;
}
.swiper-pagination-bullet-active{
  background-color:#fff !important ;
} */
/* .swiper-pagination-bullet {
  width: .08rem;
  height: .08rem;
  display: inline-block;
  border-radius: 100%;
  opacity: .2;
} */
/* city start */
#tripWrap {
  /* width: 11.8rem; */
  width: 11.2rem;
  position: absolute;
  /* top: .26rem; */
  left: 50%;
  margin-left: -5.6rem;
  background: #fff;
}

.act-wrap .act-top {
  /* min-height: 4.46rem; */
  margin-bottom: .23rem;
  display: flex;
}

.act-wrap .act-top .address-card {
  width: 100%;
  height: 2.2rem;
  /* padding: .9rem .5rem 0 .9rem; */
  box-sizing: border-box;
  position: relative;
  padding: 0.2rem .48rem;
  padding-top: .29rem;
}

.act-wrap .act-top .address-card-bg {
  /* background:#e01729;
  background-size: auto 100%;
  background-repeat: no-repeat;
  border-bottom-right-radius: .1rem;
  border-bottom-left-radius: .1rem; */
  background: url(../imgs/address-card-bg.png) no-repeat;
  background-size: 100% 100%;
  height: 1.93rem;
  width: 11.46rem;
}

.act-wrap .act-top .address-card .address-card-in {
  height: 100%;
  display: flex;
  border-radius: 0.17rem;
  box-sizing: border-box;
}

.in-left {
  width: 4.99rem;
  border-right: 3px dashed #f2f2f2;
  /* padding-top: .2rem; */
}

.in-right {
  padding-left: .7rem;
  padding-top: .1rem;
  flex: 1;
}

.act-left {
  width: 4.12rem;
  height: 5.29rem;
}

.act-address,
.act-tel {
  line-height: .45rem !important;
}

.act-address {
  margin-bottom: .05rem;
}

.address-card-in-bg {
  background: url(../imgs/address-card-in-bg.png) no-repeat;
  background-size: 100% 100%;
  height: 1.93rem;
  width: 11.46rem;
}

.act-wrap .act-top .address-card .week {
  font-weight: bold;
  font-size: .22rem;
  color: #e01729;
  border-radius: .3rem;
  margin-left: .2rem;
  width: .82rem;
  height: .33rem;
  text-align: center;
  line-height: .33rem;
  background: #fff;
}

.act-wrap .act-top .address-card .info {
  font-size: .2rem;
  color: #fff;
  line-height: .4rem;
  padding-left: .35rem;
}

.act-wrap .act-top .address-card .city-name {
  font-size: .68rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: .1rem;
  display: flex;
  align-items: center;
  height: .8rem;
  padding-left: .35rem;
}

.act-wrap .act-top .address-card .act-time span {
  font-size: .28rem;
}

.jiangshi-card-box {
  width: 100%;
  height: 100%;
  /* margin-left: -0.35rem; */
}

.jiangshi-item {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-image: url('../imgs/act_jiangshi_bg.png');
  background-size: auto 100%;
  background-repeat: no-repeat;
  padding: 0.23rem 0.38rem;
  position: relative;
}

#tripSwiper {
  /* width: 92%; */
  width: 100%;
  height: 100%;
}

.swiper-slide {
  position: relative;
}

.act-right {
  flex: 1;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  padding: .3rem;
}

.fenge {
  position: absolute;
  top: 1.06rem;
  right: 1.4rem;
  width: .12rem;
  height: .16rem;
  border-left: 1px dashed #fff;
}

#tripSwiper .swiper-button-next {
  position: absolute;
  top: 1.2rem;
  right: 13% !important;
  /* right: 0 !important; */
  width: .25rem;
  height: .4rem;
  /* height: .16rem; */
  /* background-image: url(../imgs/act-right_arrow.png) !important; */
  background-image: url(../imgs/act-left_arrow.png) !important;
  transform: rotateY(180deg);
  background-repeat: no-repeat;
  background-size: 100% auto;
}

#tripSwiper .swiper-button-next::after {
  /* content: '';
  position: absolute;
  top: 0;
  right: 0.32rem !important;
  width: 1px;
  height: .16rem;
  background-color: #fff; */
}

#tripSwiper .swiper-button-prev {
  position: absolute;
  top: 1.2rem;
  /* left: 77% !important; */
  left: 14% !important;
  width: .25rem;
  /* height: .16rem; */
  background-image: url(../imgs/act-left_arrow.png) !important;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: .4rem;
}

.jiangshi-item-in {
  /* padding: 0 0 0 0.5rem; */
  height: 100%;
  position: relative;
}

.jiangshi-top {
  display: flex;
  align-items: center;
  color: #fff;
  flex-direction: column;
  text-align: center;
  padding-top: .4rem;
}

.jiangshi-top .top-avatar {
  width: 1.32rem;
  height: 1.32rem;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #fff;
  margin-bottom: .16rem;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.jiangshi-top .top-right .jiangshi-name {
  font-size: .27rem;
  font-weight: bold;
}

.jiangshi-top .know-btn {
  position: absolute;
  top: 0.5rem;
  right: 0;
  font-size: .2rem;
  cursor: pointer;
}

.jiangshi-bot {
  display: flex;
  padding-top: 0.1rem;
  flex-direction: column;
}

.jiangshi-bot .bot-info {
  width: 3.1rem;
  margin: 0 auto;
  /* padding-right: 0.2rem; */
  box-sizing: border-box;
}

.jiangshi-bot .bot-info .title {
  font-size: 0.245rem;
  font-weight: bold;
  /* height: 1rem; */
  text-align: center;
  line-height: .4rem;
  color: #fff;
}

.jiangshi-bot .bot-info .time {
  font-size: .2rem;
  color: #fff;
  /* margin-top: 0.1rem; */
  padding-bottom: .2rem;
  border-bottom: 3px dashed #fff;
  text-align: center;
}

.jiangshi-bot .bot-address {
  /* width: 1.92rem; */
  position: absolute;
  bottom: 0.3rem;
  min-width: 1.92rem;
  /* padding: 0 0.08rem; */
  height: .5rem;
  border-radius: .1rem;
  border: 2px solid rgba(255, 255, 255, .6);
  background: rgba(255, 255, 255, .3);
  color: #fff;
  font-size: .26rem;
  font-weight: bold;
  text-align: center;
  line-height: .5rem;
  width: 2.1rem;
  left: 50%;
  margin-left: -1.05rem;
}

.act-wrap .act-bot {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /* padding-bottom: .3rem; */
  box-sizing: border-box;
}

.act-wrap .act-bot .normal {
  width: 1rem;
  height: .52rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: .09rem;
  border-radius: .08rem;
  cursor: pointer;
  border: 1px solid #565053;
}

.act-wrap .act-bot .normal:nth-of-type(6n) {
  margin-right: 0;
}

.act-wrap .act-bot div.normal {
  background-color: #f5f5f5;
  color: #565053;
  /* border-left: .04rem solid #e01729; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: .17rem;

}

.act-wrap .act-bot div.active {
  background-color: #e01729;
  color: #fff;
  border-radius: .08rem;

}

.act-wrap .act-bot div.ended {
  background-color: #ffb7ba;
  color: #fff;
  border-radius: .05rem;
  border: none;
}

/* ctiy end */

/* country start */
.country-box {
  position: absolute;
  width: 12.18rem;
  left: 50%;
  margin-left: -6.09rem;
  top: 2.2rem;
  display: flex;
  flex-wrap: wrap;
}

.country-item {
  width: 6.0rem;
  /* height: 5.5rem; */
  /* background-color: rgba(0, 0, 0, .6); */
  position: relative;
  /* cursor: pointer; */
  margin-bottom: .57rem;
}

.country-item .seemore-btn {
  position: absolute;
  top: 4.1rem;
  left: 2rem;
  display: flex;
  align-items: center;
  z-index: 11;

}

.country-item .seemore-btn span {
  display: block;
  background: #D54B4B;
  border-radius: .22rem;
  font-size: .24rem;
  font-family: Noto Sans CJK SC;
  font-weight: 400;
  color: #FFFFFF;
  width: 2.1rem;
  height: .44rem;
  text-align: center;
  line-height: .44rem;
  cursor: pointer;
}

.country-item .country-college {
  width: 100%;
  height: 5.5rem;
  /* background-image: url(../imgs/colleges/meiguo.png); */
  background-size: 100%;
}

.country-item .country-college .college-box {
  width: 5.14rem;
  height: 2.4rem;
  /* background-color: green; */
  position: absolute;
  left: .6rem;
  top: 1.3rem;
  z-index: 2;
}

.college-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 1.4rem;
  /* background-color: green; */
  overflow: hidden;
}

.college-item .college-image {
  width: 1.57rem;
  height: .75rem;
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.college-item .college-image img {
  display: block;
  /* height: .5rem; */
  width: 90%;
}

.college-item .college-name {
  padding: 0 0.08rem;
  font-size: .14rem;
  text-align: center;
  margin-top: 0.1rem;
}



.country-item .country-major {
  width: 5.6rem;
  height: 2.54rem;
  margin-left: .17rem;
  z-index: 10;
  /* padding: .25rem .3rem; */
  margin-top: -0.14rem;
}

.country-item .country-major .major-in {
  width: 5.6rem;
  background-size: 100%;
}

.country-item .country-major .major-in .title {
  font-size: .28rem;
  color: #dc3033;
  margin-bottom: .17rem;
  padding-left: .42rem;
  padding-top: .2rem;
}

.country-item .country-major .major-in .major-box {
  margin-left: .42rem;
  width: 4.56rem;
  height: 1.97rem;
  color: #242424;
  font-size: .26rem;
  line-height: .35rem;
}

/* country end */
/* oversea start */
.oversea {
  padding-bottom: 0.5rem;
}

.oversea .free-zixun-btn {
  width: 5rem;
  height: .68rem;
  margin: 0 auto;
}

/* oversea end */

/* #addressList{
  width: 3.44rem;
  margin-right: .3rem;
  background: url(../imgs/bg1.png) no-repeat;
  background-size: 100% 100%;
  margin-top: -.33rem;
  height: 5.71rem;
  margin-left: -.3rem;
}
.addressListEnd{
  width: 3.69rem;
  margin-right: .3rem;
  background: url(../imgs/bg3.png) no-repeat !important;
  background-size: 100% 100% !important;
}
.addressListNow{
  width: 3.69rem;
  margin-right: .3rem;
  background: url(../imgs/bg4.png) no-repeat !important;
  background-size: 100% 100% !important;
}
#tripList{
  flex: 1;
  margin-left: -.14rem;
}
.tripDate{
  text-align: center;
}
.tripAddress{
  box-sizing: border-box;
  padding: .3rem .2rem;
  display: none;
  padding-top: .8rem;
}
.tripAddress h4{
  font-size: .68rem;
  margin-bottom: .1rem;
  text-align: center;
}
.tripAddress h5{
  font-size: .32rem;
  margin-bottom: .7rem;
  text-align: center;
}
.tripPhone{
  text-align: center;
}
.tripCont{
  font-size: .2rem;
}
.tripCont div{
  line-height: .3rem;
  margin-bottom: .4rem;
  text-align: center;
}
.tripItem {
  width: 1rem;
  height: 0.63rem;
  box-sizing: border-box;
  background-color: #c1c0c0;
  color: #ffffff;
  text-align: center;
  margin: 0 0.05rem 0.1rem 0;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: .15rem 0;
}
.tripAddressActive{
  display: block;
}
.tripItemActive{
  display: flex;
  background-image: url(../imgs/bg2.png) !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  color: #fff !important;
  border: 0 !important;
  border:none !important;
  background-color: inherit !important;
}
.tripList {
  display: flex;
  flex-wrap: wrap;
  padding: .18rem 0;
}
.tripItem:nth-child(7n) {
  margin-right: 0;
}
#city-concents{
  width: 11.1rem;
  margin: 0 auto;
  padding-top: .4rem;
}
.tripSlider {
  width: 3.6rem;
  height: 4.52rem;
  background-image: url(../imgs/teacherbg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: relative;
  box-sizing: border-box;
  padding-top: .78rem;
}
.tripSlider i {
  position: absolute;
  left: 0rem;
  top: 0.3rem;
  display: inline-block;
  padding: 0 0.2rem;
  height: 0.4rem;
  color: #ffffff;
  background-color: #2d5eff;
  line-height: 0.4rem;
  font-size: 0.22rem;
  font-weight: bold;
  border-bottom-right-radius: 0.267rem;
  border-top-right-radius: 0.267rem;
  font-style:normal
}
.tripSingle {
  display: flex;
}
.sliderWrap {
  width: 89.3%;
  margin: 0 auto;
}
.sliderTop {
  display: flex;
  align-items: center;
}
.topAvatar {
  width: 1.06rem;
  height: 1.06rem;
  background-color: #2d5eff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
}
.topAvatar img {
  width: 1.04rem;
  height: 1.04rem;
  border-radius: 50%;
  overflow: hidden;
}
.topRight {
  display: flex;
  flex-direction: column;
  margin-left: 0.22rem;
  flex: 1;
}
.topRight span {
  font-size: 0.26rem;
  color: #2d5eff;
  font-weight: bold;
  margin-bottom: 0.18rem;
}
.topRight em {
  font-style: normal;
  font-size: 0.2rem;
  color: #999;
}
.sliderBot {
  margin-top: 0.6rem;
}
.botCont {
  color: #333;
  font-size: 0.24rem;
  font-weight: bold;
  margin-bottom: 0.1rem;
  height: 0.8rem;
  overflow: hidden;
  line-height: 0.35rem;
  display: -webkit-box;
}
.botDate {
  border: 0.04rem solid #2b5cff;
  border-radius: 0.353rem;
  box-sizing: border-box;
  width: 100%;
  font-weight: bold;
  height: 0.72rem;
  display: flex;
  color: #2b5cff;
  align-items: center;
  justify-content: center;
  margin-top: 0.2rem;
}
#trip_pagination{
  width: 100%;
   text-align: center;
}
.topRight em{
  cursor: pointer;
}
#trip_pagination .swiper-pagination-bullet-active {
  box-sizing: border-box;
  background-color: #dc3033 !important;
}
#trip_pagination .swiper-pagination-bullet {
  width: .2rem;
  height: .2rem;
  background-color: transparent;
  box-sizing: border-box;
  border: 0.03rem solid #dc3033;
} */
#intentionCity_chosen {
  width: 100% !important;
}

.mask-div,
.mask-edit {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, .8);
}

.save-mask-tips {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .8);
  z-index: 10000;
}

.dialog-body {
  width: 340px;
  height: 480px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -142.5px;
  margin-top: -240px;
}

.dialog-close {
  position: absolute;
  top: -46px;
  right: -40px;
  width: 33px;
  height: 33px;
  cursor: pointer;
}

.dialog-other {
  position: absolute;
  top: 0.22rem;
  bottom: 0.22rem;
  left: 0.2rem;
  right: 0.2rem;
}

.privacy_box {
  letter-spacing: -1px;
}

.go-top-btn span {
  cursor: pointer;
  display: block;
  height: .48rem;
  text-align: center;
  line-height: .38rem;
  color: #e01729;
  font-weight: bold;
  font-size: .22rem;
}

.form-item {
  padding-left: .12rem;
  background: #FFE9E8;
  outline: none;
  height: .4rem;
  display: flex;
  align-items: center;
  /* padding: 0 9px 0 14px; */
  color: #999;
  font-size: .12rem;
  margin-bottom: .12rem;
}

.form-item div {
  flex: 1;
  position: relative;
}

.form-item div input {
  height: 100%;
  width: 100%;
  color: #999 !important;
}

input::-webkit-input-placeholder {
  color: #999;
}

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
}

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
}

input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999;
}

.form-item select {
  width: 100%;
}

.chosen-container-single .chosen-single span,
.chosen-results {
  font-size: .12rem !important;
  color: #999 !important;
}

.mask-edit .dialog-body {
  width: 401px;
  height: 506px;
  margin-left: -200px;
  margin-top: -253px;
}

.edit-concent {
  position: absolute;
  top: 217px;
  left: 33px;
  right: 33px;
  bottom: 28px;
}

.edit-name {
  font-size: 20px;
  color: #333;
  font-weight: bold;
  margin-bottom: 14px;
}

.edit-name span {
  margin-left: 5px;
  /* text-decoration: underline; */
  font-size: 18px;
}

.edit-des,
.edit-time,
.edit-address {
  color: #999;
  font-size: 14px;
  line-height: 26px;
}

.edit-btns {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.is-rotate {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-button-next {
  background-image: inherit !important;
  left: auto;
}

.swiper-button-prev {
  left: 16% !important;
}

.swiper-button-next {
  right: 16% !important;
}

.edit-btns span {

  display: block;
  width: 137px;
  cursor: pointer;
}

.edit-btns span img {
  width: 100%;
}

.save-mask-tips h3 {
  color: #fff;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
}

#mask-edit-div .dialog-close {
  top: .5rem !important;
  right: 31%;
}

.un-begin {
  background: #fff;
  color: #2d5eff;
  border: 1px solid #2d5eff;
}

.btn-sss {
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 2.49rem !important;
  height: .7rem;
  top: 61%;
  margin-top: -.3rem;
  right: 19%;
}

.three-div1 {
  width: 11.75rem;
  height: 2.8rem;
  /* background: yellow; */
  /* opacity: .8; */
  left: 3.75rem;
  top: .4rem;
  position: absolute;
}

.three-div {
  cursor: pointer;
}

.three-div2 {
  width: 3.75rem;
  height: 4.72rem;
  /* background: green; */
  /* opacity: .8; */
  left: 7.75rem;
  top: .4rem;
  position: absolute;
}

.three-div3 {
  width: 11.75rem;
  height: 2.8rem;
  /* background: red; */
  /* opacity: .8; */
  left: 3.75rem;
  top: 3.4rem;
  position: absolute;
}

/*********************************63****************************************** */
.top-click {
  position: absolute;
  width: 3.08rem !important;
  height: 2.42rem !important;
  left: 50%;
  margin-left: -1.6rem;
  top: 5.6rem;
  cursor: pointer;
}

.data-bg {
  width: 11.46rem;
}

.city-topbg {
  width: 11.7rem !important;
  height: .5rem !important;
  margin: 0 auto;
}

.online-card {
  width: 11.71rem;
  height: 2.88rem;
  position: absolute;
  top: 3rem;
  left: 50%;
  margin-left: -5.855rem;
}

#canHtml img {
  width: 100%;
}

.showtopface {
  position: fixed;
  z-index: 999;
  width: 11.71rem !important;
  top: .17rem;
  left: 50%;
  margin-left: -5.855rem;
  /* background: #4c84f3; */
  border-radius: .08rem;
  display: flex !important;
}

.to-form {
  width: 8.23rem;
  height: 1.56rem;
  position: absolute;
  bottom: .6rem;
  left: 50%;
  margin-left: -4.115rem;
  cursor: pointer;
}

.to-form-div {
  width: 100%;
}

.online-card-ul {
  width: 100%;
  height: 0.96rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: .4rem;
  display: none;
}

.online-card-ul li {
  width: 16%;
  height: 100%;
  background: #faecd0;
  justify-items: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .38rem;
  color: #333;
  cursor: pointer;
}

.online-card-ul li.active-li {
  background: #e01729;
  transform: scale(1.2);
  color: #fff;
  margin-right: 0;
  position: relative;
  border-radius: .08rem;
  outline: none;
}

.online-card-ul li.active-li::after {
  display: block;
  content: '';
  width: .36rem;
  height: .36rem;
  background: url(../imgs/after.png) no-repeat;
  background-size: cover;
  position: absolute;
  bottom: -0.18rem;
  left: 50%;
  position: absolute;
  margin-left: -0.18rem;
}

.online-card-ul li:first-child {
  border-top-left-radius: .08rem;
  border-bottom-left-radius: .08rem;
}

.online-card-ul li:last-child {
  border-top-right-radius: .08rem;
  border-bottom-right-radius: .08rem;
}

.online-card-box {
  width: 100%;
  height: 1.86rem;
  display: flex;
  justify-content: space-between;
}

.online-card-item {
  width: 24%;
  height: 100%;
  background: url(../imgs/online-card-item.png) no-repeat;
  background-size: 100% 100%;
  padding-top: .28rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #fff;
}

.online-card-item-title,
.online-card-item-desc {
  font-weight: bold;
  font-size: .2rem;
  margin-bottom: .1rem;
}

.online-card-item-bottom {
  display: flex;
  flex: 1;
  padding: 0 .1rem;
  padding-top: .25rem;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.online-card-item-pic {
  font-size: .21rem;
  color: #e01729;
}

.online-card-item-pic span {
  font-size: .32rem;
}

.online-card-item-more {
  border-radius: .2rem;
  background: #e01729;
  color: #fff;
  font-size: .17rem;
  font-weight: bold;
  height: .41rem;
  width: 1.14rem;
  text-align: center;
  line-height: .41rem;
  cursor: pointer;
}

.online-card-box-item {
  width: 100%;
  height: 100%;
  display: none;
}

.flex-div {
  display: flex;
  height: 100%;
  justify-content: space-between;
}

.on-key {
  cursor: pointer;
  width: 3.64rem;
  height: .87rem;
  margin: 0 auto;
  margin-top: .44rem;
}

.school-card {
  width: 12.18rem;
  position: absolute;
  top: 3.7rem;
  left: 50%;
  margin-left: -6.09rem;
  display: flex;
  flex-wrap: wrap;
}

.item-flex {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.school-item-item {
  width: 6rem;
  height: 5rem;
  margin-bottom: .46rem;
  padding: .22rem;
  padding-top: .3rem;
  color: #fff;
  position: relative;
}

.school-item-item:nth-child(1) {
  background: url(../imgs/103.png) no-repeat;
  background-size: 100% 100%;
}

.school-item-item:nth-child(2) {
  background: url(../imgs/102.png) no-repeat;
  background-size: 100% 100%;
}

.school-item-item:nth-child(3) {
  background: url(../imgs/101.png) no-repeat;
  background-size: 100% 100%;
}

.school-item-item:nth-child(4) {
  background: url(../imgs/104.png) no-repeat;
  background-size: 100% 100%;
}

.school-item-item:nth-child(5) {
  background: url(../imgs/106.png) no-repeat;
  background-size: 100% 100%;
}

.school-item-item:nth-child(6) {
  background: url(../imgs/105.png) no-repeat;
  background-size: 100% 100%;
}

.school-item-item-title {
  width: 1.73rem;
  height: .78rem;
  background: #fff;
  border-radius: .08rem;
  margin-right: .17rem;
}

.school-item-item-title div {
  width: 90%;
  height: 90%;
  margin-top: 2%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.school-item-item-title span {
  display: flex;
  height: 0.78rem;
  align-items: center;
  justify-content: center;
}

.school-item-item-top {
  display: flex;
  align-items: center;
  font-size: .26rem;
  margin-bottom: .22rem;
}

.school-item-item-bottom-title i {
  display: inline-block;
  width: .2rem;
  height: .22rem;
  background: url(../imgs/hot.png) no-repeat;
  background-size: 100% 100%;
  margin-right: .1rem;
}

.school-item-item-bottom-title {
  display: flex;
  margin-bottom: .1rem;
  font-weight: bold;
  font-size: .22rem;
  align-items: center;
}

.school-item-item-bottom-concent {
  font-size: .22rem;
  line-height: .44rem;
}

.more-school {
  width: 3.64rem;
  height: .87rem;
  position: absolute;
  bottom: .45rem;
  left: 50%;
  margin-left: -1.82rem;
  cursor: pointer;
}

#tripSwiperOffer {
  width: 11.71rem;
  height: 5rem;
  position: absolute;
  top: 3rem;
  left: 50%;
  margin-left: -5.855rem;
}

.offer-box-item {
  width: 100%;
  height: 100%;
  display: none;
}

.offer-item {
  height: 100%;
  width: 3.82rem;
  position: relative;
}

.offer-item img {
  height: 100%;
}

.offer-num {
  display: inline-block;
  background: #e01729;
  padding: 0 .1rem;
  height: .31rem;
  position: absolute;
  line-height: .31rem;
  font-size: .16rem;
  color: #fff;
  font-weight: bold;
  right: 0;
  top: .98rem;
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

.offer-top {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1.39rem;
  background: url(../imgs/offer-top.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  font-size: .28rem;
  font-weight: bold;
  padding: .2rem 0;
  color: #fff;
  /* display: none; */
}

.offer-bottom {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 1.8rem;
  background: #e01729;
  padding: .1rem .21rem;
  color: #fff;
  display: none;
}

.bottom-name {
  font-size: .22rem;
  font-weight: bold;
  margin-bottom: .04rem;
}

.bottom-school {
  font-size: .22rem;
  font-weight: bold;
  margin-bottom: .04rem;
}

.bottom-desc {
  font-size: .14rem;
}

.offer-box-lists {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}

.more-lists {
  width: 100%;
}

.more-div0list {
  width: 11.71rem;
  height: 4rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}

.title-more {
  padding-left: .2rem;
  border-left: .04rem #e01729 solid;
  height: .46rem;
  line-height: .46rem;
  font-size: .36rem;
  color: #666;
  font-weight: bold;
  margin-bottom: .22rem;
}

.more-lists {
  flex: 1;
  position: relative;
}

#moerList {
  width: 100%;
  height: 100%;
}

.swiper-button-next1 {
  width: .34rem;
  height: .34rem;
  background: url(../imgs/swiper-button-prev2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 3.8rem;
  bottom: 1.3rem;
  cursor: pointer;
}

.swiper-button-prev1 {
  width: .34rem;
  height: .34rem;
  background: url(../imgs/swiper-button-prev1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 4.2rem;
  bottom: 1.3rem;
  cursor: pointer;
}

#moerList .swiper-slide {
  background: url(../imgs/pc.png) no-repeat;
  background-size: 100% 100%;
  padding-top: .14rem;
  color: #fff;
  position: relative;
  width: 2.84rem !important;
  height: 3.36rem !important;
  padding-top: .35rem;
}

.moerList-title {
  font-size: .16rem;
  position: absolute;
  right: 0rem;
  top: 0rem;
  height: .27rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  width: .9rem;
}

.moerList-left {
  padding-left: .22rem;
  width: 2.64rem;
  color: #e01729;
  border-top-right-radius: .27rem;
  border-bottom-right-radius: .27rem;
  /* margin-top: .26rem;
  margin-bottom: .24rem; */
  font-weight: bold;
  font-size: 0.16rem;
  position: relative;
}

.moerList-left::before {
  display: block;
  content: '';
  width: .04rem;
  height: 100%;
  background-color: #e01729;
  position: absolute;
  left: 0.1rem;
  top: 0
}

.moerList-desc {
  padding: 0 .25rem;
  font-size: .17rem;
  padding-top: .2rem;
}

.moerList-btn {
  position: absolute;
  right: .12rem;
  bottom: .22rem;
  font-size: .16rem;
  font-weight: bold;
  cursor: pointer;
  width: 1.03rem;
  height: .29rem;
  line-height: .29rem;
  text-align: center;
  color: #e01729;
  background: #faecd0;
  border-top-left-radius: .145rem;
  border-bottom-left-radius: .145rem;

}

#form-body {
  /* padding-top: 1rem; */
}

.wrapper {
  width: 12rem;
  position: absolute;
  left: 50%;
  margin-left: -6rem;
  top: 0;
}

.form-out {
  width: 3.87rem;
  height: 4.83rem;
  position: absolute;
  background: #FFFFFF;
  box-shadow: 0px 2px 16px 0px rgba(202, 16, 16, 0.27);
  border-radius: .08rem;
  top: .59rem;
  right: 0;
}

.more-div0list-btns {
  width: 5.32rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: .8rem;
}

.more1 {
  display: block;
  width: 2.36rem;
  height: .81rem;
  text-align: center;
  line-height: .81rem;
  color: #fff;
  cursor: pointer;
  font-size: .28rem;
  background: url(../imgs/more1.png) no-repeat;
  background-size: 100% 100%;
  font-weight: bold;
}

.more2 {
  display: block;
  width: 2.36rem;
  height: .81rem;
  text-align: center;
  line-height: .81rem;
  color: #e01729;
  cursor: pointer;
  font-size: .28rem;
  background: url(../imgs/more2.png) no-repeat;
  background-size: 100% 100%;
  font-weight: bold;
}


.top-avatar img {
  /* height: 100% !important; */
}



.teamSwiper {
  position: absolute;
  top: 2.3rem;
  width: 10.6rem;
  /* width: 7.6rem; */
  height: 4.48rem;
  left: 50%;
  margin-left: -5.3rem;
}

.teamSwiper video {
  width: 100%;
  height: 100%;
}


body {
  -moz-user-select: none;
  /*火狐*/

  -webkit-user-select: none;
  /*webkit浏览器*/

  -ms-user-select: none;
  /*IE10*/

  -khtml-user-select: none;
  /*早期浏览器*/

  user-select: none;

}

#els-concent img {
  width: 100%;
}

.position {
  position: absolute;
  top: 2.29rem;
  left: 50%;
  height: 8.1rem;
  margin-left: -5.73rem;
}

.lable-div {
  display: flex;
}

.lable-div label {
  /* width: 1.25rem; */
  align-items: center;
}

.country-item:hover .country-major {
  /* display: block; */
}

.country-item:hover .country-college {
  /* display: none; */
}

.team-btn {
  width: 7.04rem;
  height: .81rem;
  cursor: pointer;
  position: absolute;
  left: 50%;
  margin-left: -3.52rem;
  bottom: .75rem;
}

.liuxue-product img {
  width: 100%;
}

.liuxue-product {
  position: relative;
  margin-bottom: .5rem;
}

.liuxue-concent {
  width: 11.17rem;
  height: 7.61rem;
  position: absolute;
  left: 50%;
  margin-left: -5.585rem;
  top: 2.93rem;
}

.llll {
  cursor: pointer;
  position: absolute;
  width: 2.98rem;
  height: .95rem;
  margin-left: -1.46rem;
  left: 50%;
  bottom: .5rem;
}

.liuxue-concent-top {
  height: .92rem;
  background: #E01729;
  border-radius: .08rem;
  padding: .2rem;
  display: flex;
  justify-content: space-between;
}

.liuxue-concent-top span {
  display: block;
  width: 1.68rem;
  height: .5rem;
  border-radius: .08rem;
  cursor: pointer;
  font-size: .25rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  line-height: .5rem;
  text-align: center;
  color: #fff;
}

.liuxue-concent-top .spanActive {
  background: #FFFFFF !important;
  color: #E01729 !important;
  position: relative;
}
.spanActive::after{
  display: block;
  content: '';
  width: .34rem;
  height: .34rem;
  background: url(../imgs/spanActive.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: 50%;
  margin-left: -.17rem;
  bottom: -.38rem;
}
.liuxue-concent-bottom {
  height: 6.69rem;
  background: #FFFFFF;
  border-radius: .08rem;
  padding: .38rem .2rem;
}

.liuxue-concent-bottom-div {
  background: #fff;
  width: 100%;
  height: 100%;
  display: none;
}

.liuxue-concent-bottom-div-active {
  display: flex !important;
  justify-content: space-between;
}

.liuxue-concent-bottom-div-item {
  width: 2.63rem;
  height: 5.9rem;
  background: #F5F5F5;
  border-radius: .08rem;
}

.liuxue-concent-bottom-div-item-top {
  width: 100%;
  height: .82rem;
  color: #E01729;
  padding-left: .2rem;
  font-size: .32rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #E01729;
  line-height: .4rem;
  display: flex;
  align-items: center;
  position: relative;
}

.liuxue-concent-bottom-div-item-top::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  width: .04rem;
  bottom: 0;
  left: 0;
  background: #E01729;
}

.liuxue-concent-bottom-div-item-bottom {
  margin-top: 10px;
  padding-left: .08rem;
  padding-right: .12rem;
}

.liuxue-concent-bottom-div-item-bottom p {
  line-height: .3rem;
  font-size: .18rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
}