/*请用less修改本文件*/
/*请使用less修改本文件*/
.bg-contain {
  background-size: contain;
  -webkit-background-size: contain;
}
.bg-cover {
  background-size: cover;
  -webkit-background-size: cover;
}
.flex-h {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-orient: horizontal;
  /* 12版 */
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
*:focus {
  outline: none;
}
/* region consult */
.consult {
  width: 280px;
  height: 420px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -580px;
  z-index: 1;
}
.consult .cst-content {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}
.consult .cst-content .cst-top {
  width: 100%;
  height: 70px;
  margin-bottom: 34px;
  background-color: rgba(255, 255, 255, 0.27);
}
.consult .cst-content .cst-top-img {
  width: 46px;
  height: 46px;
  position: absolute;
  top: 13px;
  left: 20px;
  border-radius: 50%;
  background-color: #ffffff;
  overflow: hidden;
}
.consult .cst-content .cst-top-head {
  position: absolute;
  width: 100%;
  top: 5px;
}
.consult .cst-content .sct-top-title {
  margin-left: 84px;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  line-height: 66px;
}
.consult .cst-content .cst-ct-block {
  padding: 0 20px;
  text-align: center;
}
.consult .cst-content .cst-ct-block .cst-box {
  position: relative;
  width: 100%;
  height: 44px;
  margin-bottom: 33px;
  background-color: #ffffff;
  border-radius: 4px;
  text-align: left;
  cursor: pointer;
}
.consult .cst-content .cst-ct-block .cst-box .cst-box-icon {
  position: absolute;
  top: 8px;
  left: 15px;
}
.consult .cst-content .cst-ct-block .cst-box .cst-box-icon i {
  font-size: 26px;
  color: #9b9b9b;
}
.consult .cst-content .cst-ct-block .cst-box .cst-box-icon.active i {
  color: #ff7385;
}
.consult .cst-content .cst-ct-block .cst-box .cst-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.consult .cst-content .cst-ct-block .cst-box .cst-box-txt {
  font-size: 16px;
  line-height: 44px;
  color: #2f2f2f;
  padding-left: 50px;
}
.consult .cst-content .cst-ct-block .cst-box .cst-box-txt.noselect {
  color: #999;
}
.consult .cst-content .cst-ct-block .cst-box .cst-box-input {
  width: 100%;
  height: 100%;
  padding-left: 50px;
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  border-radius: 4px;
  font-size: 16px;
}
.consult .cst-content .cst-ct-block .cst-box .cst-box-input:focus + .cst-box-icon i {
  color: #ff7385;
}
.consult .cst-content .cst-ct-block .cst-box .cst-sl-item {
  display: inline-block;
  width: 33%;
  height: 30px;
  position: relative;
  left: 0;
  text-align: center;
  line-height: 30px;
}
.consult .cst-content .cst-ct-block .cst-box .cst-sl-item:hover .cst-sl-item-inner,
.consult .cst-content .cst-ct-block .cst-box .cst-sl-item.active .cst-sl-item-inner {
  background-color: #ff7385;
  color: #ffffff;
}
.consult .cst-content .cst-ct-block .cst-box .cst-sl-range {
  width: 50%;
}
.consult .cst-content .cst-ct-block .cst-box .cst-select-box {
  display: none;
  width: 100%;
  position: absolute;
  top: 45px;
  padding: 10px 10px 5px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #ffffff;
  z-index: 1;
}
.consult .cst-content .cst-ct-block .cst-box .cst-select-box .cst-sl-col {
  width: 50%;
  display: block;
  float: left;
}
.consult .cst-content .cst-ct-block .cst-box .cst-select-box .cst-sl-item-inner {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  color: #666666;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}
.consult .cst-content .cst-ct-block .cst-box.button {
  position: relative;
  margin-right: 0;
  border-radius: 4px;
  background-color: #ff7385;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  line-height: 44px;
}
.consult .cst-content .cst-ct-block .cst-box.button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.06);
  opacity: 0;
}
.consult .cst-content .cst-ct-block .cst-box.button:hover:before {
  opacity: 1;
}
.consult .cst-content .cst-ct-block .cst-box.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.consult .cst-content .cst-ct-block .cst-box.active .cst-select-box {
  display: block;
}
.consult .cst-content .cst-ct-block .cst-box.active .cst-box-icon i {
  color: #ff7385;
}
.consult .cst-content .cst-ct-block.active {
  display: block;
}
/* endregion consult */
/* region modal */
/*modal order*/
.modal--order {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1001;
}
.modal--order.modal--program {
  /*display: block;*/
}
.mo--bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #000;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.mo--main {
  position: absolute;
  width: 850px;
  left: 0;
  top: 50%;
  right: 0;
  margin: auto;
  margin-top: -300px;
  background-color: #fff;
  border-radius: 10px;
  z-index: 2;
}
.mo--close .iconfont {
  color: #ccc;
  font-size: 24px;
  cursor: pointer;
}
.mo--content {
  padding: 20px;
}
.mo--close {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 3;
  cursor: pointer;
}
.mo--p1 {
  padding-top: 50px;
  text-align: center;
}
/*page2*/
.mo--p2 {
  padding: 70px 40px;
}
.mo--p2-illus {
  float: left;
  margin-right: 20px;
  width: 200px;
  height: 260px;
}
.mo--p2-title {
  color: #ff7385;
  margin-bottom: 20px;
}
.mo--p2t-icon .iconfont {
  font-size: 40px;
  margin-right: 10px;
  color: inherit;
}
.mo--p2t-text {
  font-size: 36px;
  color: inherit;
}
.mo--p2-info {
  color: #666;
  font-size: 16px;
  letter-spacing: 0.05em;
}
.mo--p2-download {
  margin-top: 45px;
}
.mo--p2d-qr {
  background-color: #eee;
  display: inline-block;
  width: 66px;
  height: 66px;
  margin-right: 10px;
}
.mo--p2d-info {
  vertical-align: top;
  display: inline-block;
}
.mo--p2d-title {
  color: #444;
  font-size: 16px;
  margin-bottom: 7px;
}
.mo--p2d-text {
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
.mg--title {
  font-size: 30px;
  color: #666666;
}
.mg--step-wrap {
  padding: 45px 20px;
  width: 510px;
  margin: 0 auto;
  overflow: hidden;
}
.mg--step-item {
  position: relative;
  display: inline-block;
  float: left;
  margin: 0 10px;
}
.mg--step-arrow {
  display: inline-block;
  letter-spacing: -3px;
  width: 52px;
  height: 80px;
  line-height: 80px;
  float: left;
  overflow: hidden;
}
.mg--step-arrow .iconfont {
  font-size: 12px;
  color: #c5c5c5;
  font-weight: bold;
}
.mg--step-arrow.mg--step-red .iconfont {
  color: #ff7385;
}
.mg--step-icon {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 85px;
  background: url(http://static.xitaoinfo.com/v4/loop_grey.png) center no-repeat;
  /*background-color: #ffffff;*/
  /*border: solid 5px #e3e3e3;*/
  color: #999;
  line-height: 90px;
  /*border-radius: 50%;*/
  font-size: 40px;
  font-family: Helvetica, arial, sans-serif;
}
.mg--step-red .mg--step-icon {
  /*border-color: #ff7385;*/
  background: url(http://static.xitaoinfo.com/v4/loop_pink.png) center no-repeat;
  color: #ff7385;
}
.mg--step-time {
  position: absolute;
  left: 0;
  bottom: -15px;
  width: 100%;
  height: 24px;
  /*background-color: #fff;*/
  font-size: 16px;
  color: inherit;
  line-height: 24px;
}
.mg--step-tip {
  font-size: 16px;
  color: #999999;
  position: absolute;
  bottom: -40px;
  left: 50%;
  margin-left: -100px;
  display: inline-block;
  width: 200px;
}
.mg--step-red .mg--step-tip {
  color: #4d4b4b;
}
.mg--btn {
  width: 510px;
  height: 48px;
  margin: 0 auto;
  line-height: 48px;
  border-radius: 3px;
  background-color: #ff7385;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}
.mg--btn:hover {
  background-color: #ff596f;
}
.mg--geted {
  font-size: 12px;
  padding: 10px 0;
}
.mg--geted-num,
.mh--geted-num {
  color: #ff7385;
}
.mg--geted .iconfont {
  font-size: 12px;
  color: #F4B348;
}
.mg-success {
  padding: 50px 40px;
  font-size: 20px;
}
.mg--success-red {
  color: #ff7385;
}
.mg--geted a {
  color: #666;
  font-size: 14px;
}
.mg--geted a:hover {
  color: #ff7385;
}
.mo--block {
  padding-top: 10px;
}
.mo--discount2 {
  padding: 0 0 10px;
}
.modal--hotel .mhotel--tip2 {
  padding: 6px 0 20px;
}
.m--tip-red {
  font-size: 16px;
  color: #ff7385;
}
.mh--back {
  display: inline-block;
  width: 248px;
  height: 48px;
  margin-bottom: 20px;
  border-radius: 3px;
  background-color: #ff7385;
  line-height: 48px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  cursor: pointer;
}
.mh--back:hover {
  background-color: #ff596f;
}
.cst-error {
  color: #ff7385;
}
@media screen and (max-width: 1200px) {
  .consult {
    margin-left: -480px;
  }
}