/*请使用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;
}
/* region banner */
.banner--quick-nav {
  position: relative;
  width: 1180px;
  margin: 0 auto;
  z-index: 1;
}
.quick--nav-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 220px;
  height: 420px;
  opacity: 0.85;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  background-color: #15100d;
}
.quick--nav-wrap {
  width: 220px;
  height: 420px;
}
.quick--nav-section {
  position: relative;
  height: 90px;
  padding: 20px;
  cursor: default;
}
.quick--nav-section:hover {
  background-color: #f6f6f6;
}
.quick--nav-section:hover .banner--qns-title {
  color: #ff7385;
}
.quick--nav-section:hover .quick--nav-arrow {
  display: block;
}
.quick--nav-section:hover .nav--section-active,
.quick--nav-section:hover .quick--nav-all {
  display: block;
}
.quick--nav-section:hover .banner--qns-item {
  color: #2f2f2f;
}
.quick--nav-section:before {
  content: '';
  position: absolute;
  top: 0;
  left: -14px;
  width: 14px;
  height: 100%;
}
.quick--nav-section .quick--nav-all {
  position: absolute;
  left: 220px;
  width: 380px;
  height: 420px;
  padding: 20px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: 0 bottom;
  display: none;
}
.quick--nav-section .quick--nav-all .nav--all-wrap {
  padding: 0 10px;
}
.quick--nav-section .quick--nav-all .nav--all-title {
  color: #2f2f2f;
  font-size: 24px;
}
.quick--nav-section .quick--nav-all .nav--all-title span {
  color: #666666;
  font-size: 14px;
}
.quick--nav-section .quick--nav-all .nav--all-title a {
  color: #999999;
  font-size: 14px;
}
.quick--nav-section .quick--nav-all .nav--all-title a:hover {
  color: #ff7385;
}
.quick--nav-section .quick--nav-all .nav--all-list {
  overflow: hidden;
}
.quick--nav-section .quick--nav-all .nav--all-list li {
  padding: 0 0 10px 0;
  overflow: hidden;
}
.quick--nav-section .quick--nav-all .nav--all-list li .all--list-left {
  width: 80px;
  line-height: 1.92;
  color: #2f2f2f;
  font-size: 13px;
  font-weight: bold;
}
.quick--nav-section .quick--nav-all .nav--all-list li .all--list-left:hover {
  color: #ff7385;
}
.quick--nav-section .quick--nav-all .nav--all-list li .all--list-right {
  width: 240px;
}
.quick--nav-section .quick--nav-all .nav--all-list li .all--list-right .nav--all-item {
  display: inline-block;
  padding: 0 6px 0 0;
  line-height: 1.92;
  color: #666666;
  font-size: 13px;
}
.quick--nav-section .quick--nav-all .nav--all-list li .all--list-right .nav--all-item:hover {
  color: #ff7385;
}
.quick--nav-section .quick--nav-all .nav--all-block {
  position: absolute;
  bottom: 30px;
  right: 0;
  width: 160px;
}
.quick--nav-section .quick--nav-all .nav--all-block .all--block-title {
  color: #2f2f2f;
  font-size: 24px;
}
.quick--nav-section .quick--nav-all .nav--all-block .all--block-des {
  padding: 4px 0 12px;
  color: #999999;
  font-size: 16px;
}
.quick--nav-section .quick--nav-all .nav--all-block .all--block-link {
  display: block;
  width: 100px;
  height: 30px;
  border-radius: 3px;
  border: solid 1px #ff7385;
  color: #ff7385;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
}
.quick--nav-section .quick--nav-all .nav--all-block .all--block-link .iconfont {
  font-size: 12px;
  color: #ff7385;
}
.quick--nav-section .quick--nav-all .nav--all-block .all--block-link:hover {
  background-color: #ff7385;
  color: #fff;
}
.quick--nav-section .quick--nav-all .nav--all-block .all--block-link:hover .iconfont {
  color: #fff;
}
.quick--nav-section .quick--nav-all .nav--tool-wrap {
  width: 310px;
  height: 310px;
  margin: 22px auto 0;
  background-color: #ffffff;
}
.quick--nav-section .quick--nav-all .nav--tool-wrap .nav--tool-item {
  width: 95px;
  height: 95px;
  padding-top: 12px;
  font-size: 14px;
  border: solid 1px #e3e3e3;
}
.quick--nav-section .quick--nav-all .nav--tool-wrap .nav--tool-item a {
  display: block;
  text-align: center;
  color: #4d4b4b;
}
.quick--nav-section .quick--nav-all .nav--tool-wrap .nav--tool-item a span {
  display: block;
  text-align: left;
}
.quick--nav-section .quick--nav-all .nav--tool-wrap .nav--tool-item img {
  margin: 12px auto 0;
}
.quick--nav-section .quick--nav-all .nav--tool-wrap .nav--tool-item.nav--tool-ei {
  width: 200px;
  height: 200px;
  padding: 16px 0 0 20px;
  text-align: left;
  font-size: 20px;
  margin: 0 10px 10px 0;
}
.quick--nav-section .quick--nav-all .nav--tool-wrap .nav--tool-item.nav--tool-ei img {
  margin-top: 23px;
}
.quick--nav-section .quick--nav-all .nav--tool-wrap .nav--tool-item.nav--tool-ab,
.quick--nav-section .quick--nav-all .nav--tool-wrap .nav--tool-item.nav--tool-butler {
  margin: 0 0 10px 0;
}
.quick--nav-section .quick--nav-all .nav--tool-wrap .nav--tool-item.nav--tool-reg,
.quick--nav-section .quick--nav-all .nav--tool-wrap .nav--tool-item.nav--tool-lucky {
  margin: 0 10px 0 0;
}
.quick--nav-section .quick--nav-all .nav--tool-wrap .nav--tool-item:hover {
  border-color: #ff7385;
}
.quick--nav-section.quick--nav0 .quick--nav-all {
  top: 0;
}
.quick--nav-section.quick--nav1 .quick--nav-all {
  top: -90px;
}
.quick--nav-section.quick--nav2 .quick--nav-all {
  top: -180px;
}
.quick--nav-section.quick--nav3 .quick--nav-all {
  top: -270px;
}
.quick--nav-section.quick--nav-hotel .quick--nav-all .nav--all-list li .all--list-left {
  width: 60px;
}
.quick--nav-section.quick--nav-hotel .quick--nav-all .nav--all-list li .all--list-right {
  width: 260px;
}
.quick--nav-section.quick--nav-trip .quick--nav-all .nav--all-list li .all--list-left {
  width: 100%;
  padding-left: 10px;
  color: #2f2f2f;
  font-size: 16px;
  font-weight: bold;
}
.quick--nav-section.quick--nav-trip .quick--nav-all .nav--all-list li .all--list-left:hover {
  color: #ff7385;
}
.quick--nav-section.quick--nav-trip .quick--nav-all .nav--all-list li .all--list-right {
  width: 100%;
  padding: 10px 0 0 5px;
}
.quick--nav-section.quick--nav-trip .quick--nav-all .nav--all-list li .all--list-right .nav--trip-item {
  display: block;
  float: left;
  width: 140px;
  height: 30px;
  margin: 5px;
  border: solid 1px #979797;
  text-align: center;
  line-height: 28px;
  color: #4d4b4b;
  font-size: 14px;
}
.quick--nav-section.quick--nav-trip .quick--nav-all .nav--all-list li .all--list-right .nav--trip-item:hover {
  color: #ff7385;
  border-color: #ff7385;
}
.quick--nav-section.quick--nav-trip .quick--nav-all .nav--all-list li .all--list-right .nav--trip-item.mro {
  margin-right: 0;
}
.quick--nav-section .banner--qns-title {
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}
.quick--nav-section .banner--qns-title .quick--nav-arrow {
  position: absolute;
  top: 0;
  right: 10px;
  text-align: right;
  font-size: 16px;
  color: #ff7385;
  display: none;
}
.quick--nav-section .banner--qns-list {
  width: 100%;
  overflow: hidden;
}
.quick--nav-section .banner--qns-item {
  float: left;
  line-height: 1.35;
  font-size: 14px;
  display: inline-block;
  overflow: hidden;
  width: auto;
  color: #fff;
  margin-right: 20px;
  margin-left: 0;
}
.quick--nav-section .banner--qns-item.mr0 {
  margin-right: 0;
}
.quick--nav-section .banner--qns-link {
  color: inherit;
  font-size: 14px;
}
.quick--nav-section .banner--qns-link:hover {
  color: #ff7385;
}
.quick--nav-section .nav--section-line {
  position: absolute;
  bottom: -1px;
  left: 20px;
  width: 180px;
  height: 1px;
  opacity: 0.52;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=52);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=52);
  border-bottom: 1px solid #cccccc;
}
.section-benefit {
  position: relative;
  height: 60px;
  padding: 20px;
  line-height: 20px;
  font-size: 14px;
}
.section-benefit .benefit-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  opacity: 0.41;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=41);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=41);
  background-color: #ffffff;
}
.section-benefit .benefit--tag {
  position: relative;
  height: 20px;
  margin-right: 4px;
  padding: 0 6px;
  color: inherit;
  font-size: 14px;
  border-radius: 2px;
  background-color: #fc5066;
}
.section-benefit a {
  position: relative;
  display: block;
  color: #ffffff;
}
.section-benefit a:hover strong {
  color: #ff7385;
}
/* endregion banner */
@media screen and (max-width: 1200px) {
  .banner--quick-nav {
    width: 960px;
  }
}