/*@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('MaterialIcons-Regular'), 
  url(../public/7rbq4x0/css/vendor/../fonts/MaterialIcons-Regular.woff) format('woff'),
  url(../public/7rbq4x0/css/vendor/../fonts/MaterialIcons-Regular.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}*/

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../public/7rbq4x0/css/vendor/../fonts/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: url(../public/7rbq4x0/css/vendor/../fonts/MaterialIcons-Regular.woff2) format('woff2'), 
       url(../public/7rbq4x0/css/vendor/../fonts/MaterialIcons-Regular.woff) format('woff'), 
       url(../public/7rbq4x0/css/vendor/../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}


@charset "UTF-8";
html,
body {
  border: 0;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'PingFang TC', '微软雅黑', 'Microsoft YaHei', '华文细黑', 'STHeiti', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  word-break: normal;
}
html i,
body i {
  vertical-align: middle;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*::after,
*::before {
  box-sizing: border-box;
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cit,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
  border: 0;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
button {
  border: 0;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
}
a img {
  border: 0;
}
a {
  text-decoration: none;
}
a[href^=tel] {
  color: inherit;
  text-decoration: none;
}
ul,
ol {
  list-style: none;
}
:focus {
  outline: 0;
}
i {
  vertical-align: middle;
}
body {
  background-color: #f6f6f6;
}
.wl-header {
  position: absolute;
  top: 0;
  right: null;
  bottom: null;
  left: 0;
  z-index: 4;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 0 30px;
}
@media only screen and (max-width: 768px) {
  .wl-header {
    padding-right: 0;
    padding-left: 20px;
  }
}
.wl-header .header-inner {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  padding: 0 20px;
}
@media only screen and (max-width: 768px) {
  .wl-header .header-inner {
    padding-left: 0;
  }
}
.wl-header .wl-logo {
  font-size: 0;
}
.wl-header .wl-logo a,
.wl-header .wl-logo img {
  display: block;
}
.wl-header .wl-logo .logo {
  width: 0;
  height: 0;
}
.wl-header .wl-nav {
  display: block;
}
.wl-header .wl-nav li {
  display: inline-block;
  vertical-align: middle;
}
.wl-header .wl-nav li a {
  padding: 0 20px;
  display: block;
  color: white;
  line-height: 60px;
  font-size: 15px;
}
@media only screen and (max-width: 1200px) {
  .wl-header .wl-nav {
    display: none;
  }
}
.wl-header .m-nav {
  display: none !important;
}
@media only screen and (max-width: 1200px) {
  .wl-header .m-nav {
    display: inline-block !important;
  }
}
.wl-header .wl-nav-right {
  font-size: 0;
}
.wl-header .wl-nav-right .nav-item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}
.wl-header .wl-nav-right .nav-item > a {
  display: block;
  height: 60px;
  line-height: 60px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 15px;
  font-weight: bold;
}
.wl-header .wl-nav-right .nav-item > a i,
.wl-header .wl-nav-right .nav-item > a span {
  pointer-events: none;
}
.wl-header .wl-nav-right .nav-item > a i {
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .wl-header .wl-nav-right .nav-item > a:hover {
    color: white;
  }
}
.wl-header .wl-nav-right .drop-menu {
  width: 250px;
  position: absolute;
  top: 55px;
  right: 0;
  bottom: null;
  left: null;
  z-index: 2;
}
.wl-header .wl-nav-right .drop-menu .drop-content {
  padding: 20px 30px;
}
.wl-header .wl-nav-right .profile {
  font-size: 15px;
  color: #666;
  padding-bottom: 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.wl-header .wl-nav-right .profile .account-name {
  font-size: 16px;
  margin-bottom: 2px;
}
.wl-header .wl-nav-right .profile .account-mail {
  margin-bottom: 10px;
  font-size: 13px;
  color: #999;
}
.wl-header .wl-nav-right .profile .btn {
  display: block;
  width: 130px;
  font-size: 14px;
  font-weight: bold;
}
.wl-header .wl-nav-right .sub-nav-list a {
  display: block;
  padding: 6px 0;
  color: #333;
  font-size: 14px;
}
@media only screen and (min-width: 768px) {
  .wl-header .wl-nav-right .sub-nav-list a:hover {
    opacity: 0.8;
  }
}
.wl-header .wl-nav-right .sub-nav-list i {
  vertical-align: middle;
  color: #ddd;
  margin-right: 8px;
}
@media only screen and (max-width: 768px) {
  .wl-header .user-name {
    display: none;
  }
}
.wl-header.is-white {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 99;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
}
.wl-header.is-white .wl-nav {
  display: block;
}
.wl-header.is-white .wl-nav li a {
  color: #666;
}
.wl-header.is-white .wl-nav li a:hover {
  color: #00afff;
}
@media only screen and (max-width: 1200px) {
  .wl-header.is-white .wl-nav {
    display: none;
  }
}
.wl-header.is-white .wl-nav-right .nav-item > a {
  color: #666;
}
.wl-header.is-white .wl-nav-right .nav-item > a i {
  color: #ddd;
}
@media only screen and (min-width: 768px) {
  .wl-header.is-white .wl-nav-right .nav-item > a:hover {
    color: #999;
  }
}
footer.wl-footer {
  display: inline-block;
  width: 100%;
  margin-top: 50px;
}
footer.wl-footer > * {
  display: inline-block;
  width: 100%;
}
footer.wl-footer .footer-watermark {
  width: auto;
}
footer.wl-footer .footer-top {
  background-color: #313131;
  padding: 0 40px;
  padding-bottom: 18px;
}
footer.wl-footer .footer-top .other-link {
  display: inline-block;
  width: 100%;
  height: 44px;
  background-color: #292929;
  text-align: left;
  font-weight: bold;
}
footer.wl-footer .footer-top .other-link > * {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #76ccff;
  margin-left: 30px;
  line-height: 44px;
  font-size: 15px;
}
footer.wl-footer .footer-top .other-link > *.name {
  color: #ffffff;
}
footer.wl-footer .footer-top .other-link > * + *:before {
  position: absolute;
  top: 10px;
  left: -18px;
  content: '';
  width: 1px;
  height: 25px;
  background-color: rgba(58, 58, 58, 0.8);
}
footer.wl-footer .footer-top .footer-box {
  width: 100%;
  padding: 20px;
  font-size: 14px;
  text-align: left;
}
footer.wl-footer .footer-top .footer-box > * {
  display: block;
  margin-bottom: 10px;
}
footer.wl-footer .footer-top .footer-box h3 {
  font-size: 15px;
  color: white;
  margin-bottom: 15px;
  font-weight: normal;
  letter-spacing: 1px;
}
footer.wl-footer .footer-top .footer-box table tr > td {
  color: #b1b1b1;
}
footer.wl-footer .footer-top .footer-box table tr > td.title {
  min-width: 100px;
  color: #9bdaff;
}
footer.wl-footer .footer-top .footer-box table tr > td.icon {
  color: #fd8d2d;
}
footer.wl-footer .footer-top .footer-box table tr > td.icon i {
  display: inline-block;
  color: #9bdaff;
  margin-right: 10px;
  line-height: 22px;
  width: 25px;
}
footer.wl-footer .footer-top .footer-box table tr {
  line-height: 23px;
}
footer.wl-footer .footer-top .footer-box .logo-block {
  display: block;
  margin-top: 5px;
}
footer.wl-footer .footer-top .footer-box .logo-block img {
  width: 100%;
}
footer.wl-footer .footer-top .footer-box .fb-group {
  display: block;
  width: 300px;
  min-height: 100px;
  background-color: #2b2b2b;
}
footer.wl-footer .footer-top .footer-box .qrcode a {
  display: inline-block;
  width: 100px;
  height: 100px;
}
footer.wl-footer .footer-top .footer-box .qrcode a img {
  width: 100%;
}
footer.wl-footer .footer-top .footer-box .qrcode a + a {
  margin-left: 20px;
}
footer.wl-footer .footer-top .footer-box .social-link > a {
  display: inline-block;
  text-decoration: none;
  width: 50px;
  height: 50px;
  color: #3ea9e8;
  border-radius: 50%;
  background-color: #ffffff;
  line-height: 49px;
  text-align: center;
  margin-top: 15px;
  -webkit-box-shadow: 0px 3px 12px rgba(39, 39, 39, 0.95);
  -moz-box-shadow: 0px 3px 12px rgba(39, 39, 39, 0.95);
  box-shadow: 0px 3px 12px rgba(39, 39, 39, 0.95);
}
footer.wl-footer .footer-top .footer-box .social-link > a span {
  font-size: 15px;
  font-weight: bold;
}
footer.wl-footer .footer-top .footer-box .social-link > a.fb {
  background-color: #334f8d;
  color: white;
}
footer.wl-footer .footer-top .footer-box .social-link > a.line {
  background-color: #1bb71f;
}
footer.wl-footer .footer-top .footer-box .social-link > a.line img {
  display: inline-block;
  width: 100%;
  height: 28px;
  vertical-align: middle;
}
footer.wl-footer .footer-top .footer-box .social-link > a.mail {
  background-color: #00a6ff;
  color: white;
}
footer.wl-footer .footer-top .footer-box .social-link > a i {
  font-size: 24px;
}
footer.wl-footer .footer-top .footer-box .social-link > a i.fa-envelope {
  height: 50px;
  line-height: 47px;
}
footer.wl-footer .footer-top .footer-box .social-link > a + * {
  margin-left: 20px;
}
footer.wl-footer .footer-top .footer-content {
  display: flex;
  justify-content: space-around;
  width: 100%;
  text-align: left;
}
footer.wl-footer .footer-top .branch-company {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 20px;
  background-color: #2d2d2d;
}
footer.wl-footer .footer-top .branch-company .footer-box {
  width: 33%;
}
@media only screen and (max-width: 930px) {
  footer.wl-footer .footer-top {
    padding: 0 15px;
  }
  footer.wl-footer .footer-top .footer-content {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  footer.wl-footer .footer-top .footer-content .footer-box {
    width: 50%;
  }
  footer.wl-footer .footer-top .branch-company .footer-box {
    width: 50%;
  }
  footer.wl-footer .footer-top .other-link {
    height: auto;
  }
  footer.wl-footer .footer-top .other-link > * {
    font-size: 13px;
    margin-left: 28px;
  }
  footer.wl-footer .footer-top .other-link > *.name {
    margin-left: 24px;
  }
}
@media only screen and (max-width: 520px) {
  footer.wl-footer .footer-top {
    padding: 0 15px;
  }
  footer.wl-footer .footer-top .footer-content .footer-box {
    width: 100%;
  }
  footer.wl-footer .footer-top .branch-company {
    display: block;
  }
  footer.wl-footer .footer-top .branch-company .footer-box {
    width: 100%;
  }
  footer.wl-footer .footer-top .other-link {
    height: auto;
  }
  footer.wl-footer .footer-top .other-link > * {
    font-size: 13px;
    margin-left: 28px;
  }
  footer.wl-footer .footer-top .other-link > *.name {
    margin-left: 24px;
  }
}
footer.wl-footer .footer-bottom {
  display: inline-block;
  width: 100%;
  padding: 30px;
  text-align: center;
}
footer.wl-footer .footer-bottom .sponsor {
  display: inline-block;
}
footer.wl-footer .footer-bottom .sponsor > * {
  float: left;
  width: 40px;
}
@media only screen and (max-width: 520px) {
  footer.wl-footer .footer-bottom .sponsor > * {
    width: 30px;
  }
}
footer.wl-footer .footer-bottom .sponsor > * + * {
  margin-left: 10px;
}
footer.wl-footer .footer-bottom .sponsor > * img {
  width: 100%;
}
footer.wl-footer .footer-bottom .copyright {
  display: inline-block;
  width: 100%;
  font-size: 13px;
  margin: 20px 0;
  color: #757575;
}
footer.wl-footer .footer-bottom .copyright a {
  color: #29a0e6;
  font-size: 14px;
  font-style: italic;
  border-bottom: 1px solid #29a0e6;
}
.loader-overlay {
  position: fixed;
  top: 0;
  right: null;
  bottom: null;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background-color: white;
}
.loader-overlay .loader {
  position: absolute;
  top: 50%;
  right: null;
  bottom: null;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@-webkit-keyframes ball-grid-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes ball-grid-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.ball-grid-pulse {
  width: 57px;
}
.ball-grid-pulse > div:nth-child(1) {
  -webkit-animation-delay: 0.22s;
  animation-delay: 0.22s;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
}
.ball-grid-pulse > div:nth-child(2) {
  -webkit-animation-delay: 0.64s;
  animation-delay: 0.64s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.ball-grid-pulse > div:nth-child(3) {
  -webkit-animation-delay: -0.15s;
  animation-delay: -0.15s;
  -webkit-animation-duration: 0.63s;
  animation-duration: 0.63s;
}
.ball-grid-pulse > div:nth-child(4) {
  -webkit-animation-delay: -0.03s;
  animation-delay: -0.03s;
  -webkit-animation-duration: 1.24s;
  animation-duration: 1.24s;
}
.ball-grid-pulse > div:nth-child(5) {
  -webkit-animation-delay: 0.08s;
  animation-delay: 0.08s;
  -webkit-animation-duration: 1.37s;
  animation-duration: 1.37s;
}
.ball-grid-pulse > div:nth-child(6) {
  -webkit-animation-delay: 0.43s;
  animation-delay: 0.43s;
  -webkit-animation-duration: 1.55s;
  animation-duration: 1.55s;
}
.ball-grid-pulse > div:nth-child(7) {
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}
.ball-grid-pulse > div:nth-child(8) {
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s;
  -webkit-animation-duration: 0.97s;
  animation-duration: 0.97s;
}
.ball-grid-pulse > div:nth-child(9) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-duration: 0.63s;
  animation-duration: 0.63s;
}
.ball-grid-pulse > div {
  background-color: #00afff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  float: left;
  -webkit-animation-name: ball-grid-pulse;
  animation-name: ball-grid-pulse;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}
body.large .wl-header .wl-nav li a {
  font-size: 16px;
}
body.large .wl-header .wl-nav-right .nav-item > a {
  font-size: 16px;
}
body.large .wl-header .wl-nav-right .profile {
  font-size: 16px;
}
body.large .wl-header .wl-nav-right .profile .account-name {
  font-size: 17px;
}
body.large .wl-header .wl-nav-right .profile .account-mail {
  font-size: 14px;
}
body.large .wl-header .wl-nav-right .profile .btn {
  font-size: 15px;
}
body.large .wl-header .wl-nav-right .sub-nav-list a {
  font-size: 15px;
}
body.large .wl-footer .footer-link ul li a {
  font-size: 15px;
}
body.large .wl-footer .aboutus .aboutus-inner {
  font-size: 15px;
  line-height: 1.6;
}
body.large .wl-footer .aboutus .branch-info .branch-item {
  font-size: 15px;
}
body.large .wl-footer .aboutus .branch-info .branch-title {
  font-size: 17px;
}
body.large .wl-footer .aboutus .service-list a > div {
  font-size: 13px;
}
body.large .wl-footer .footer-nav .copyright {
  font-size: 15px;
}
body.large-x .wl-header .wl-nav li a {
  font-size: 17px;
}
body.large-x .wl-header .wl-nav-right .nav-item > a {
  font-size: 17px;
}
body.large-x .wl-header .wl-nav-right .profile {
  font-size: 17px;
}
body.large-x .wl-header .wl-nav-right .profile .account-name {
  font-size: 18px;
}
body.large-x .wl-header .wl-nav-right .profile .account-mail {
  font-size: 15px;
}
body.large-x .wl-header .wl-nav-right .profile .btn {
  font-size: 16px;
}
body.large-x .wl-header .wl-nav-right .sub-nav-list a {
  font-size: 16px;
}
body.large-x .wl-footer .footer-link ul li a {
  font-size: 16px;
}
body.large-x .wl-footer .aboutus .aboutus-inner {
  font-size: 16px;
  line-height: 1.5;
}
body.large-x .wl-footer .aboutus .branch-info .branch-item {
  font-size: 16px;
}
body.large-x .wl-footer .aboutus .branch-info .branch-title {
  font-size: 18px;
}
body.large-x .wl-footer .aboutus .service-list a > div {
  font-size: 14px;
}
body.large-x .wl-footer .footer-nav .copyright {
  font-size: 16px;
}
.shari {
  /* section block */
  /* theme */
}
.shari h2 {
  margin: 15px 0;
}
.shari figure {
  margin: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.shari .box {
  padding: 0;
  box-shadow: none;
  background-color: transparent;
}
.shari .navigate {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: inline-block;
  width: 100%;
  height: 80px;
  padding: 20px 100px;
  transition: 0.3s all ease-out;
}
@media only screen and (max-width: 1000px) {
  .shari .navigate {
    padding: 20px;
  }
}
.shari .navigate.active {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 1px 1px 12px rgba(64, 64, 64, 0.51);
}
.shari .navigate.active > * {
  color: gray;
}
.shari .navigate.active .menu a {
  color: gray;
}
.shari .navigate > * {
  display: inline-block;
  float: left;
  line-height: 40px;
  height: 100%;
  color: white;
}
.shari .navigate .logo {
  font-size: 20px;
  font-weight: bold;
}
.shari .navigate #chk-menu {
  display: none;
  z-index: -999999;
}
.shari .navigate label.icon-menu {
  position: absolute;
  top: 10px;
  right: 20px;
  display: none;
}
.shari .navigate label.icon-menu i {
  line-height: 17px;
  height: 20px;
  margin-right: 5px;
}
.shari .navigate .menu {
  float: right;
}
.shari .navigate .menu a {
  color: white;
  text-decoration: none;
}
.shari .navigate .menu a + a {
  margin-left: 30px;
}
.shari .navigate .menu a.active {
  color: #ffa900;
}
.shari .navigate .menu a:hover {
  color: #c3c3c3;
}
@media only screen and (max-width: 720px) {
  .shari .navigate {
    position: fixed;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 1px 1px 12px rgba(64, 64, 64, 0.51);
  }
  .shari .navigate > * {
    color: gray;
  }
  .shari .navigate .logo {
    line-height: 20px;
  }
  .shari .navigate label.icon-menu {
    display: inline-block;
  }
  .shari .navigate .menu {
    position: fixed;
    z-index: 0;
    top: -400px;
    left: 0;
    width: 100%;
    height: auto;
    background-color: rgba(255, 255, 255, 0.88);
    padding: 10px 20px;
    opacity: 0.5;
    transition: top 0.3s;
  }
  .shari .navigate .menu a {
    display: block;
    text-align: left;
    color: gray;
  }
  .shari .navigate .menu a + a {
    margin-left: 0;
  }
  .shari .navigate #chk-menu:checked ~ .menu {
    top: 60px;
    opacity: 1;
  }
}
.shari .stage-outer {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 700px;
  z-index: 1;
}
.shari .stage-outer .stage-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 5s;
  -moz-transition: opacity 5s;
  -o-transition: opacity 5s;
  transition: opacity 5s;
}
.shari .stage-outer .stage-item.active {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.shari .stage-outer .stage-item figure:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: '';
  width: 100%;
  height: 100%;
  background-color: #000;
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.shari .stage-outer .circle-spot {
  position: absolute;
  left: 0;
  bottom: 150px;
  display: inline-block;
  z-index: 3;
  width: 100%;
  margin-top: 150px;
  text-align: center;
}
.shari .stage-outer .circle-spot > * {
  display: inline-block;
  width: 12px;
  height: 12px;
  line-height: 50px;
  background-color: rgba(255, 255, 255, 0.26);
  border-radius: 50%;
}
.shari .stage-outer .circle-spot > *.active {
  background-color: #f7ca6a;
}
.shari .stage-outer .circle-spot > * + * {
  margin-left: 10px;
}
.shari .stage-outer .circle-spot > *:hover {
  cursor: pointer;
}
.shari .stage-outer .main-topic {
  display: inline-block;
  width: 100%;
  margin-top: 226px;
  padding: 20px 100px;
}
@media only screen and (max-width: 1000px) {
  .shari .stage-outer .main-topic {
    padding: 20px;
  }
}
.shari .stage-outer .main-topic > * {
  position: relative;
  z-index: 2;
  letter-spacing: 5px;
  color: white;
  text-align: left;
}
.shari .stage-outer .main-topic h1 {
  font-size: 50px;
  margin: 0 auto;
  font-weight: normal;
}
.shari .stage-outer .main-topic span {
  display: inline-block;
  width: 100%;
  font-size: 23px;
  margin-top: 10px;
  color: white;
  text-align: left;
  font-weight: lighter;
}
@media only screen and (max-width: 720px) {
  .shari .stage-outer {
    height: 550px;
  }
  .shari .stage-outer .circle-spot {
    padding: 0;
    bottom: 115px;
  }
  .shari .stage-outer .main-topic {
    margin-top: 180px;
  }
  .shari .stage-outer .main-topic h1 {
    font-size: 30px;
  }
  .shari .stage-outer .main-topic span {
    font-size: 16px;
  }
}
.shari .search-block {
  position: relative;
  display: inline-block;
  width: 100%;
  background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
  padding: 20px 100px;
  padding-left: 80px;
  padding-right: 80px;
}
@media only screen and (max-width: 1000px) {
  .shari .search-block {
    padding: 20px;
  }
}
.shari .search-block .search-tab {
  position: absolute;
  top: -50px;
  left: 60px;
  display: inline-block;
  z-index: 2;
  margin: 0 auto;
}
@media only screen and (max-width: 1000px) {
  .shari .search-block .search-tab {
    padding: 0;
    left: 20px;
  }
}
.shari .search-block .search-tab > * {
  display: inline-block;
  float: left;
  background-color: white;
  height: 50px;
  padding: 0 40px;
  letter-spacing: 6px;
  font-size: 16px;
  line-height: 50px;
  color: #f8c56e;
}
.shari .search-block .search-tab > *.active {
  background: #f7ca6a;
  color: white;
  height: 60px;
  line-height: 60px;
  margin-top: -10px;
}
@media only screen and (max-width: 720px) {
  .shari .search-block .search-tab {
    top: -40px;
  }
  .shari .search-block .search-tab > * {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
  }
  .shari .search-block .search-tab > *.active {
    height: 50px;
    line-height: 50px;
  }
}
.shari .search-block form {
  display: flex;
  justify-content: space-evenly;
}
.shari .search-block form > * {
  margin: 20px;
  padding: 10px;
}
.shari .search-block form input[type="text"] {
  width: 100%;
  border: 2px solid rgba(255, 255, 225, 0.9);
  background-color: transparent;
  color: white;
  font-size: 16px;
  padding: 0 15px;
  transition: box-shadow 0.3s, border-color 0.3s;
}
.shari .search-block form input[type="text"]:focus {
  outline: 0;
  border: 2px solid #ffffff;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
}
.shari .search-block form ::-webkit-input-placeholder,
.shari .search-block form ::placeholder {
  font-weight: normal;
  color: rgba(255, 255, 225, 0.9);
  font-size: 16px;
}
.shari .search-block form button {
  display: inline-block;
  width: 350px;
  height: 50px;
  background-color: white;
  border: none;
  font-size: 16px;
  line-height: 33px;
  box-shadow: 1px 1px 12px #8a8a8a91;
  color: #696969;
  border-radius: 5px;
  text-align: center;
}
.shari .search-block form button i {
  font-size: 24px;
  line-height: 33px;
}
.shari .search-block form button:focus {
  outline: 0;
}
@media only screen and (max-width: 900px) {
  .shari .search-block form > * {
    margin: 10px;
  }
}
@media only screen and (max-width: 720px) {
  .shari .search-block form {
    flex-direction: column;
  }
  .shari .search-block form > * {
    margin: 10px;
  }
  .shari .search-block form input[type="text"] {
    height: 40px;
    width: auto;
  }
  .shari .search-block form button {
    display: inline-block;
    width: auto;
    height: 40px;
    line-height: 40px;
    padding: 0;
  }
}
.shari .totop {
  position: fixed;
  display: none;
  bottom: 20px;
  right: 20px;
  background-color: #4a4a4a;
  color: white;
  z-index: 10;
  width: 50px;
  height: 55px;
  line-height: 22px;
  border-radius: 5px;
  letter-spacing: 1px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}
.shari .totop i {
  font-size: 19px;
  display: block;
  margin-top: 7px;
  font-weight: lighter;
}
.shari .totop.active {
  display: block;
}
.shari footer.footer-block {
  display: inline-block;
  width: 100%;
}
.shari footer.footer-block > * {
  display: inline-block;
  width: 100%;
}
.shari footer.footer-block .footer-top {
  background-color: #313131;
  padding: 0 40px;
  padding-bottom: 18px;
}
.shari footer.footer-block .footer-top .other-link {
  display: inline-block;
  width: 100%;
  height: 44px;
  background-color: #292929;
  text-align: left;
}
.shari footer.footer-block .footer-top .other-link > * {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #deac6e;
  margin-left: 30px;
  line-height: 44px;
  font-size: 15px;
}
.shari footer.footer-block .footer-top .other-link > *.name {
  color: #ffffff;
  font-weight: normal;
}
.shari footer.footer-block .footer-top .other-link > * + *:before {
  position: absolute;
  top: 10px;
  left: -18px;
  content: '';
  width: 1px;
  height: 25px;
  background-color: rgba(58, 58, 58, 0.8);
}
.shari footer.footer-block .footer-top .box {
  width: 100%;
  padding: 20px;
  font-size: 14px;
  text-align: left;
}
.shari footer.footer-block .footer-top .box > * {
  display: block;
  margin-bottom: 10px;
}
.shari footer.footer-block .footer-top .box h3 {
  font-size: 15px;
  color: white;
  margin-bottom: 15px;
  font-weight: normal;
  letter-spacing: 1px;
}
.shari footer.footer-block .footer-top .box table tr > td {
  color: #b1b1b1;
}
.shari footer.footer-block .footer-top .box table tr > td.title {
  min-width: 100px;
  color: #fd8d2d;
}
.shari footer.footer-block .footer-top .box table tr > td.icon {
  color: #fd8d2d;
}
.shari footer.footer-block .footer-top .box table tr > td.icon i {
  display: inline-block;
  color: #fd8d2d;
  margin-right: 10px;
  line-height: 22px;
  width: 25px;
}
.shari footer.footer-block .footer-top .box table tr {
  line-height: 23px;
}
.shari footer.footer-block .footer-top .box .logo {
  display: block;
  width: 100px;
  height: 30px;
  background-color: gray;
  margin-top: 20px;
}
.shari footer.footer-block .footer-top .box .fb-group {
  display: block;
  width: 300px;
  height: 100px;
  background-color: gray;
}
.shari footer.footer-block .footer-top .box .qrcode a {
  display: inline-block;
  width: 100px;
  height: 100px;
}
.shari footer.footer-block .footer-top .box .qrcode a img {
  width: 100%;
}
.shari footer.footer-block .footer-top .box .qrcode a + a {
  margin-left: 10px;
}
.shari footer.footer-block .footer-top .box .social-link > a {
  display: inline-block;
  text-decoration: none;
  width: 50px;
  height: 50px;
  color: #fd8d2d;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  line-height: 50px;
  text-align: center;
  margin-top: 20px;
}
.shari footer.footer-block .footer-top .box .social-link > a i:before {
  font-size: 30px;
}
.shari footer.footer-block .footer-top .box .social-link > a + * {
  margin-left: 20px;
}
.shari footer.footer-block .footer-top .footer-content {
  display: flex;
  justify-content: space-around;
  width: 100%;
  height: 300px;
  text-align: left;
}
.shari footer.footer-block .footer-top .branch-company {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 20px 0;
  background-color: #2d2d2d;
}
.shari footer.footer-block .footer-top .branch-company .box {
  width: 33%;
}
@media only screen and (max-width: 930px) {
  .shari footer.footer-block .footer-top {
    padding: 0 15px;
  }
  .shari footer.footer-block .footer-top .footer-content {
    display: block;
    height: auto;
  }
  .shari footer.footer-block .footer-top .branch-company {
    display: block;
  }
  .shari footer.footer-block .footer-top .branch-company .box {
    width: 100%;
  }
  .shari footer.footer-block .footer-top .other-link {
    height: auto;
  }
  .shari footer.footer-block .footer-top .other-link > * {
    font-size: 13px;
    margin-left: 28px;
  }
  .shari footer.footer-block .footer-top .other-link > *.name {
    margin-left: 24px;
  }
}
.shari footer.footer-block .footer-bottom {
  display: inline-block;
  width: 100%;
  padding: 30px;
  text-align: center;
}
.shari footer.footer-block .footer-bottom .sponsor {
  display: flex;
  justify-content: center;
}
.shari footer.footer-block .footer-bottom .sponsor a {
  display: inline-block;
  float: left;
  height: 40px;
}
.shari footer.footer-block .footer-bottom .sponsor a img {
  height: 100%;
}
.shari footer.footer-block .footer-bottom .sponsor a + a {
  margin-left: 10px;
}
.shari footer.footer-block .footer-bottom .copyright {
  display: inline-block;
  width: 100%;
  font-size: 13px;
  margin: 20px 0;
  color: #757575;
}
.shari footer.footer-block .footer-bottom .copyright a {
  color: #e9853a;
  font-size: 14px;
}
.shari .video-txt-block {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.shari .video-txt-block > * {
  display: inline-block;
  width: 50%;
  height: 600px;
}
.shari .video-txt-block figure {
  margin: 0 auto;
  overflow: hidden;
}
.shari .video-txt-block .play {
  position: absolute;
  display: inline-block;
  top: 248px;
  left: calc(50% - 50px);
  background-color: #fd9931;
  color: white;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  text-decoration: none;
  transition: 0.3s all ease;
}
.shari .video-txt-block .play i {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 33px;
  line-height: 100px;
  color: white;
  z-index: 5;
}
.shari .video-txt-block .play:after {
  position: absolute;
  left: 0;
  content: '';
  display: inline-block;
  width: 100px;
  height: 100px;
  z-index: 4;
  border-radius: 50%;
  background-color: rgba(253, 153, 49, 0.9);
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-animation: myShadow 2s infinite;
  -o-animation: myShadow 2s infinite;
  animation: myShadow 2s infinite;
}
@keyframes myShadow {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
}
@-webkit-keyframes myShadow {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
}
.shari .video-txt-block .play:hover {
  cursor: pointer;
}
@media only screen and (max-width: 700px) {
  .shari .video-txt-block .play {
    width: 70px;
    height: 70px;
    left: calc(50% - 35px);
    top: 264px;
  }
  .shari .video-txt-block .play i {
    line-height: 70px;
    font-size: 27px;
  }
  .shari .video-txt-block .play:after {
    width: 70px;
    height: 70px;
  }
}
.shari .video-txt-block .text-block {
  padding: 50px;
  padding-left: 80px;
  text-align: left;
  overflow: hidden;
  background-color: #f7f7f7;
}
.shari .video-txt-block .text-block p {
  display: -webkit-box;
  height: 396px;
  width: 100%;
  line-height: 30px;
  color: gray;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 13;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width: 720px) {
  .shari .video-txt-block > * {
    width: 100%;
    height: 50%;
  }
  .shari .video-txt-block figure {
    height: 300px;
  }
  .shari .video-txt-block .text-block {
    padding: 30px;
    padding-left: 30px;
  }
  .shari .video-txt-block .text-block p {
    height: auto;
    -webkit-line-clamp: 100;
    overflow: none;
  }
}
.shari .video-block {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.shari .video-block h2 {
  padding: 20px 0;
}
.shari .video-block figure {
  position: relative;
  height: 500px;
}
.shari .video-block figure:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: rgba(53, 53, 53, 0.55);
}
.shari .video-block .play {
  position: absolute;
  display: inline-block;
  top: 300px;
  left: calc(50% - 50px);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 5px solid white;
  text-decoration: none;
  line-height: 100px;
}
.shari .video-block .play i {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 33px;
  color: white;
  margin-top: -13px;
  z-index: 5;
}
.shari .video-block .play:hover {
  cursor: pointer;
  border: 5px solid #fb983f;
}
.shari .video-block .play:hover i {
  color: #fb983f;
}
@media only screen and (max-width: 720px) {
  .shari .video-block figure {
    height: 250px;
  }
  .shari .video-block .play {
    width: 70px;
    height: 70px;
    top: 195px;
  }
  .shari .video-block .play i {
    font-size: 25px;
    margin-top: -40px;
  }
}
.shari .hot-spot-block {
  display: inline-block;
  width: 100%;
  margin-bottom: 50px;
}
.shari .hot-spot-block > * {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.shari .hot-spot-block h2 {
  letter-spacing: 2px;
  padding: 50px;
}
.shari .hot-spot-block .photos-block {
  display: flex;
  flex-wrap: wrap;
}
.shari .hot-spot-block .photos-block > * {
  display: inline-block;
  flex-basis: calc(100% / 4);
  height: 350px;
}
@media only screen and (max-width: 1200px) {
  .shari .hot-spot-block .photos-block > * {
    flex-basis: calc(100% / 2);
  }
}
@media only screen and (max-width: 700px) {
  .shari .hot-spot-block .photos-block > * {
    flex-basis: 100%;
    height: 200px;
  }
}
.shari .hot-spot-block .photos-block .box {
  position: relative;
  overflow: hidden;
}
.shari .hot-spot-block .photos-block .box .open-detail {
  position: absolute;
  display: none;
  top: 30px;
  left: calc(50% - 15px);
  color: white;
  font-size: 25px;
}
.shari .hot-spot-block .photos-block .box figure {
  position: relative;
}
.shari .hot-spot-block .photos-block .box figure:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
  zoom: 1;
  filter: alpha(opacity=80);
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.shari .hot-spot-block .photos-block .box .box-detail {
  position: absolute;
  width: 100%;
  bottom: -150px;
  left: 0;
  height: 250px;
  padding: 10px 20px;
  transition: bottom 0.2s;
}
.shari .hot-spot-block .photos-block .box .box-detail > * {
  display: block;
  text-align: left;
  letter-spacing: 2px;
}
.shari .hot-spot-block .photos-block .box .box-detail b {
  position: relative;
  margin-bottom: 100px;
  font-size: 17px;
  color: white;
  z-index: 4;
  display: -webkit-box;
  max-height: 75px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.shari .hot-spot-block .photos-block .box .box-detail .dates {
  position: relative;
  z-index: 4;
  display: inline-block;
  width: 100%;
  font-size: 12px;
  color: white;
}
.shari .hot-spot-block .photos-block .box .box-detail .dates > * {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 15px;
  text-decoration: none;
  color: white;
  background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
  margin-top: 5px;
}
.shari .hot-spot-block .photos-block .box .box-detail .dates > * + * {
  margin-left: 5px;
}
.shari .hot-spot-block .photos-block .box .box-detail span.price {
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-weight: bold;
  font-size: 20px;
  color: #ffb047;
  z-index: 4;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.shari .hot-spot-block .photos-block .box:hover .box-detail {
  bottom: 0;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.95);
  padding: 20px;
}
.shari .hot-spot-block .photos-block .box:hover .box-detail b {
  color: #5a5a5a;
  margin-bottom: 20px;
}
@media only screen and (max-width: 700px) {
  .shari .hot-spot-block .photos-block .box .box-detail {
    height: 200px;
    bottom: -96px;
  }
  .shari .hot-spot-block .photos-block .box .open-detail {
    display: inline-block;
  }
  .shari .hot-spot-block .photos-block .box.active .box-detail {
    bottom: 0;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.95);
    padding: 20px;
  }
  .shari .hot-spot-block .photos-block .box.active .box-detail b {
    color: #5a5a5a;
    margin-bottom: 20px;
  }
}
.shari .brand-block {
  display: inline-block;
  width: 100%;
  padding: 30px 0px;
  text-align: left;
  margin-bottom: 30px;
}
.shari .brand-block h2 {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  padding-left: 50px;
}
.shari .brand-block .banner-main {
  display: block;
  height: 300px;
  overflow-y: scroll;
  white-space: nowrap;
  padding-top: 12px;
}
.shari .brand-block .banner-main .banner-item {
  display: inline-block;
  text-decoration: none;
  width: 200px;
  height: 200px;
  margin: 20px;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: -webkit-transform 0.3s,-moz-transform 0.3s,-o-transform 0.3s,transform 0.3s;
}
.shari .brand-block .banner-main .banner-item:first-child {
  margin-left: 50px;
}
.shari .brand-block .banner-main .banner-item figure {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: 0px 10px 59px -27px black;
}
.shari .brand-block .banner-main .banner-item figure figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
  color: white;
  width: 100%;
  height: 50px;
  text-align: center;
  line-height: 43px;
  background-image: linear-gradient(120deg, rgba(246, 211, 101, 0.8) 0%, rgba(251, 119, 81, 0.8) 100%);
  box-shadow: 0px 10px 59px -27px black;
}
.shari .brand-block .banner-main .banner-item:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.shari .brand-block ::-webkit-scrollbar {
  width: 0px;
  /* Remove scrollbar space */
  background: transparent;
  /* Optional: just make scrollbar invisible */
}
.shari .about-block {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.shari .about-block .about-item {
  display: inline-block;
  width: 25%;
  padding: 50px;
  text-align: center;
}
.shari .about-block .about-item h3 {
  color: #4e4e4e;
  letter-spacing: 3px;
  margin: 20px 0;
}
.shari .about-block .about-item p {
  color: #666666;
  line-height: 30px;
}
.shari .about-block .about-item:nth-child(1) {
  background-color: #eaeaea;
}
.shari .about-block[data-total="3"] .about-item {
  width: 33%;
}
@media only screen and (max-width: 1200px) {
  .shari .about-block .about-item {
    width: 50%;
  }
}
@media only screen and (max-width: 720px) {
  .shari .about-block .about-item {
    width: 100%;
    padding: 20px;
  }
  .shari .about-block .about-item h3 {
    margin-top: 20px;
  }
  .shari .about-block[data-total="3"] .about-item {
    width: 100%;
    padding: 20px;
  }
}
.shari .video-popup {
  position: fixed;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.78);
  z-index: 0;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s, opacity 0.5s;
}
.shari .video-popup.active {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  padding: 100px 80px;
  z-index: 99;
}
.shari .video-popup .video-content {
  display: inline-block;
  width: 100%;
  height: calc(100vh - 200px);
  background-color: white;
  overflow: hidden;
}
.shari .video-popup .video-content iframe {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.shari .video-popup .close {
  position: fixed;
  display: inline-block;
  top: 20px;
  right: 20px;
  color: white;
}
.shari .video-popup .close:hover {
  cursor: pointer;
}
@media only screen and (max-width: 720px) {
  .shari .video-popup.active {
    padding: 150px 0;
  }
  .shari .video-popup .video-content {
    height: 222px;
  }
}
.shari .pic-txt-block {
  position: relative;
  display: block;
  width: 100%;
  height: 400px;
  padding: 0;
}
.shari .pic-txt-block > * {
  float: left;
  text-align: left;
}
.shari .pic-txt-block figure {
  display: inline-block;
  width: 50%;
  height: 100%;
}
.shari .pic-txt-block .text-block {
  display: inline-block;
  width: 50%;
  height: 100%;
  padding: 50px;
  overflow: hidden;
  background-color: #f7f7f7;
}
.shari .pic-txt-block .text-block p {
  line-height: 30px;
  max-height: 150px;
  overflow: hidden;
  color: #7b7b7b;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.shari .pic-txt-block .text-block a.more {
  display: inline-block;
  padding: 10px 20px;
  text-decoration: none;
  background-color: #fd9931;
  color: white;
  font-size: 15px;
  border-radius: 30px;
  box-shadow: 0px 4px 5px rgba(78, 78, 78, 0.3);
  margin-top: 18px;
}
.shari .pic-txt-block .text-block a.more:hover {
  background: #dc8530;
}
@media only screen and (max-width: 720px) {
  .shari .pic-txt-block {
    height: auto;
  }
  .shari .pic-txt-block figure {
    width: 100%;
    height: 300px;
  }
  .shari .pic-txt-block .text-block {
    width: 100%;
    padding: 30px;
    padding-bottom: 45px;
  }
}
.shari .pic-txt-block.right > * {
  float: right;
}
.shari.blue .navigate .menu a.active {
  color: #49c0ff;
}
.shari.blue .search-block {
  background-image: linear-gradient(-60deg, #65dec8 0%, #189de2 100%);
}
.shari.blue .search-block .search-tab > * {
  color: #4bade0;
}
.shari.blue .search-block .search-tab > *.active {
  color: white;
  background: #37a1de;
}
.shari.blue .search-block form input[type="text"] {
  border: 2px solid rgba(222, 243, 251, 0.9);
}
.shari.blue .search-block form ::-webkit-input-placeholder,
.shari.blue .search-block form ::placeholder {
  color: rgba(225, 249, 255, 0.9);
}
.shari.blue .stage-outer .circle-spot > *.active {
  background-color: #5bc1da;
}
.shari.blue .stage-outer .stage-item figure:before {
  background-color: rgba(47, 188, 255, 0.28);
}
.shari.blue .brand-block .banner-main .banner-item figure figcaption {
  background-image: linear-gradient(-60deg, rgba(101, 222, 200, 0.85882353) 0%, rgba(24, 157, 226, 0.86) 100%);
}
.shari.blue .video-txt-block .play {
  background-color: #41b1e4;
}
.shari.blue .video-txt-block .play:after {
  background-color: #41b1e4;
}
.shari.blue .pic-txt-block .text-block a.more {
  background-color: #47b2e2;
}
.shari.blue .pic-txt-block .text-block a.more:hover {
  background-color: #56a3c5;
}
.shari.blue .hot-spot-block .photos-block .box .box-detail .dates > * {
  background-image: linear-gradient(-60deg, rgba(101, 222, 200, 0.85882353) 0%, rgba(24, 157, 226, 0.86) 100%);
}
.shari.blue .hot-spot-block .photos-block .box .box-detail span.price {
  color: #3faede;
}
.shari.blue .video-block .play:hover {
  border: 5px solid #50ceff;
}
.shari.blue .video-block .play:hover i {
  color: #50ceff;
}
.shari.blue footer.footer-block .footer-bottom .copyright a {
  color: #23a5de;
}
.shari.blue footer.footer-block .footer-top .other-link > * {
  color: #baedff;
}
.shari.blue footer.footer-block .footer-top .other-link > *:first-child {
  color: #c7c7c7;
}
.shari.blue footer.footer-block .footer-top .box table tr > td.title {
  color: #70bee6;
}
.shari.dark .navigate .menu a.active {
  color: #47cfda;
}
.shari.dark .search-block {
  background-image: linear-gradient(-225deg, rgba(78, 69, 119, 0.87058824) 0%, rgba(51, 135, 173, 0.89) 51%, rgba(43, 216, 195, 0.89019608) 100%);
}
.shari.dark .search-block .search-tab > * {
  color: #63688a;
}
.shari.dark .search-block .search-tab > *.active {
  color: white;
  background: #63688a;
}
.shari.dark .search-block form input[type="text"] {
  border: 2px solid #ffffff;
}
.shari.dark .search-block form ::-webkit-input-placeholder,
.shari.dark .search-block form ::placeholder {
  color: rgba(225, 235, 255, 0.9);
}
.shari.dark .stage-outer .circle-spot > *.active {
  background-color: #5bc1da;
}
.shari.dark .stage-outer .stage-item figure:before {
  background-color: rgba(119, 123, 255, 0.28);
}
.shari.dark .brand-block .banner-main .banner-item figure figcaption {
  background-image: linear-gradient(-225deg, rgba(78, 69, 119, 0.87058824) 0%, rgba(51, 135, 173, 0.89) 51%, rgba(43, 216, 195, 0.89019608) 100%);
}
.shari.dark .video-txt-block .play {
  background-color: #43acbd;
}
.shari.dark .video-txt-block .play:after {
  background-color: #43acbd;
}
.shari.dark .pic-txt-block .text-block a.more {
  background-color: #3ba2b5;
}
.shari.dark .pic-txt-block .text-block a.more:hover {
  background-color: #328fa0;
}
.shari.dark .hot-spot-block .photos-block .box .box-detail .dates > * {
  background-image: linear-gradient(-225deg, rgba(78, 69, 119, 0.87058824) 0%, rgba(32, 126, 169, 0.89) 51%, rgba(22, 195, 174, 0.89019608) 100%);
}
.shari.dark .hot-spot-block .photos-block .box .box-detail span.price {
  color: #1fc3c7;
}
.shari.dark .video-block .play:hover {
  border: 5px solid #50f7ff;
}
.shari.dark .video-block .play:hover i {
  color: #50f7ff;
}
.shari.dark footer.footer-block .footer-bottom .copyright a {
  color: #23a5de;
}
.shari.dark footer.footer-block .footer-top .other-link > * {
  color: #a8e0df;
}
.shari.dark footer.footer-block .footer-top .other-link > *:first-child {
  color: #c7c7c7;
}
.shari.dark footer.footer-block .footer-top .box table tr > td.title {
  color: #58e1e4;
}
[v-cloak] {
  display: none;
}
#keyreply-container a.keyreply-brand {
  opacity: 0 !important;
  display: none !important;
}
a {
  color: #0083bd;
}
.is-hidden {
  display: none !important;
}
.hidden-img {
  float: left;
  width: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  opacity: 0;
}
.tip-text {
  font-size: 14px;
  color: #999;
}
.form-tip-text {
  margin: -10px 0 15px;
  color: #999;
  font-size: 12px;
}
.error-text {
  margin: -10px 0 15px;
  color: #ff5452;
  font-size: 12px;
}
.success-text {
  margin: -10px 0 15px;
  color: #00d775;
  font-size: 12px;
}
.wl-section-block {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
@media only screen and (max-width: 1200px) {
  .wl-section-block {
    max-width: 768px;
  }
}
.wl-member-block {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.blank-full-block {
  padding: 30px 0 0;
  text-align: center;
  color: rgba(76, 87, 102, 0.65);
}
.blank-full-block .blank-title {
  font-size: 70px;
  font-weight: bold;
}
.blank-full-block p {
  margin-bottom: 40px;
  line-height: 1.8;
}
.blank-full-block a {
  color: rgba(76, 87, 102, 0.65);
  text-decoration: underline;
}
.blank-full-block img {
  width: 100%;
  max-width: 500px;
}
.blank-block {
  margin: 100px auto;
  width: 300px;
  text-align: center;
}
.blank-block img {
  display: block;
  width: 100%;
}
.blank-block i {
  font-size: 100px;
  color: #ddd;
}
.blank-block p {
  color: #999;
  font-size: 15px;
  letter-spacing: 1px;
}
.rotate180 {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-danger {
  color: #ff5452;
}
.text-success {
  color: #00d775;
}
.text-warning {
  color: #ff9a14;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-bottom-15 {
  margin-bottom: 15px;
}
.m-show {
  display: none !important;
}
@media only screen and (max-width: 768px) {
  .m-show {
    display: block !important;
  }
}
@media only screen and (max-width: 768px) {
  .pc-show {
    display: none !important;
  }
}
.hotel-star {
  color: #ff5722;
}
.bg-block-danger {
  padding: 15px 20px;
  background-color: #ffebed;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  font-size: 15px;
}
.danger-tip {
  font-size: 14px;
  margin-top: 10px;
  color: #ff5452;
}
.order > button {
  margin-top: 5px;
}
.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}
.table {
  width: 100%;
  background-color: white;
  color: #666;
  white-space: nowrap;
}
.table tr:nth-child(even) {
  background-color: #f1f1f1;
}
.table td,
.table th {
  padding: 12px 20px;
  font-size: 14px;
}
.table td:not(:first-child),
.table th:not(:first-child) {
  border-left: 1px solid #E5E5E5;
}
body.large .table td,
body.large .table th {
  font-size: 15px;
}
body.large-x .table td,
body.large-x .table th {
  font-size: 16px;
}
.box {
  padding: 30px;
  background: white;
  -webkit-box-shadow: 0 2px 4px 0 rgba(10, 8, 8, 0.5);
  -moz-box-shadow: 0 2px 4px 0 rgba(10, 8, 8, 0.5);
  box-shadow: 0 2px 4px 0 rgba(10, 8, 8, 0.5);
}
.collapse-box {
  padding: 30px 0;
}
.collapse-box .collapse-title {
  margin-bottom: 10px;
  font-size: 16px;
  color: #b8b9ba;
}
.collapse-box .collapse-content {
  line-height: 1.8;
}
.collapse-box .collapse-toggle {
  position: relative;
  width: 100%;
  cursor: pointer;
  text-align: center;
  display: none;
}
.collapse-box .collapse-toggle i {
  font-size: 30px;
  color: #666;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.collapse-box .collapse-toggle::before {
  content: "";
  display: none;
  width: 100%;
  position: absolute;
  top: -100px;
  right: null;
  bottom: null;
  left: 0;
  z-index: 2;
  height: 100px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDI1NSwgMjU1LCAyNTUpIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0), #ffffff);
  background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0), #ffffff);
  background-image: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0), #ffffff);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff);
}
.collapse-box.collapse-show .collapse-toggle {
  display: block;
}
.collapse-box.is-collapsed .collapse-content {
  overflow: hidden;
}
.collapse-box.is-collapsed .collapse-toggle i {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.collapse-box.is-collapsed .collapse-toggle::before {
  display: block;
}
.d-list {
  display: flex;
  flex-flow: row wrap;
}
.d-list > * {
  flex: 1 100%;
}
.d-list .d-block-title {
  padding-bottom: 10px;
  font-weight: bold;
  color: #333;
}
.d-list .d-title,
.d-list .d-content {
  padding: 0 5px;
}
.d-list .d-title {
  color: #333;
}
.d-list .d-title i {
  vertical-align: bottom;
  color: #999;
}
.d-list .d-content {
  padding-top: 2px;
  color: #999;
}
.d-list .d-row {
  padding: 10px 0;
  flex: 1 50%;
}
.d-list .d-row .d-title,
.d-list .d-row .d-content {
  display: block;
}
.d-list .d-row-list {
  display: flex;
  padding: 5px 0;
  flex: 1 100%;
  justify-content: flex-start;
}
.d-list .d-row-between {
  display: flex;
  padding: 5px 0;
  flex: 1 100%;
  justify-content: space-between;
}
.tag-list {
  font-size: 0;
}
.tag-list .tag {
  vertical-align: middle;
  display: inline-block;
  padding: 5px 10px 4px;
  line-height: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 10px;
  border: 1px solid #00d775;
  color: #40c895;
}
.pd-type-title {
  margin: 25px 0 10px;
  font-size: 15px;
  font-weight: bold;
  color: #666;
}
.pd-type-list {
  font-size: 0;
}
.pd-type-list .pd-type {
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #ddd;
  font-size: 14px;
  color: #666;
  cursor: pointer;
  background-color: white;
}
.pd-type-list .pd-type:hover {
  border-color: #bbb;
}
.pd-type-list .pd-type.is-acted {
  border-color: #00afff;
  border-width: 2px;
  line-height: 38px;
  color: #3ba4ff;
  -webkit-box-shadow: 0 8px 10px rgba(0, 175, 255, 0.15);
  -moz-box-shadow: 0 8px 10px rgba(0, 175, 255, 0.15);
  box-shadow: 0 8px 10px rgba(0, 175, 255, 0.15);
}
.pd-type-list .pd-type.is-disabled {
  border-color: #f5f5f5;
  background-color: #f5f5f5;
  color: silver;
  cursor: default;
}
.tab-list {
  border-bottom: 1px solid #eee;
}
.tab-list.is-pointer li {
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .tab-list.is-pointer li:hover {
    color: #00afff;
  }
}
.tab-list li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px;
  height: 70px;
  line-height: 70px;
  color: #666;
  font-size: 16px;
}
.tab-list li.is-acted {
  color: #3ba4ff;
}
.tab-list li.is-acted::after {
  content: '';
  position: absolute;
  top: null;
  right: null;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 2px;
  background-color: #00afff;
}
.drop-wrap.is-open.sort .drop_menu_toggle {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  -moz-transform: translate3d(0, 20px, 0);
  -ms-transform: translate3d(0, 20px, 0);
  -o-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
.drop-wrap.is-open .drop-menu {
  opacity: 1;
  max-height: 500px;
}
.drop-wrap.is-open .drop-menu .drop-content {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.drop-wrap.sort .drop_menu_toggle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition: opacity 0.4s ease, -moz-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  -o-transition: opacity 0.4s ease, -o-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity 0.4s ease,-webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1),-moz-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1),-o-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1),transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
}
.drop-wrap .drop_menu_toggle i,
.drop-wrap .drop_menu_toggle span {
  vertical-align: middle;
  pointer-events: none;
  user-select: none;
}
.drop-wrap .drop-menu {
  background-color: white;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  -webkit-box-shadow: 0 0 1px rgba(76, 86, 103, 0.25), 0 2px 18px rgba(31, 37, 50, 0.32);
  -moz-box-shadow: 0 0 1px rgba(76, 86, 103, 0.25), 0 2px 18px rgba(31, 37, 50, 0.32);
  box-shadow: 0 0 1px rgba(76, 86, 103, 0.25), 0 2px 18px rgba(31, 37, 50, 0.32);
  -webkit-transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  -o-transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
}
.drop-wrap .drop-menu .drop-content {
  padding: 30px;
  opacity: 0;
  -webkit-transform: translate3d(0, -20px, 0);
  -moz-transform: translate3d(0, -20px, 0);
  -ms-transform: translate3d(0, -20px, 0);
  -o-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition: opacity 0.4s ease, -moz-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  -o-transition: opacity 0.4s ease, -o-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity 0.4s ease,-webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1),-moz-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1),-o-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1),transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
}
.dot-list {
  padding-left: 20px;
  list-style-type: disc;
}
.number-list {
  padding-left: 20px;
  list-style-type: decimal;
}
.check-list {
  margin-bottom: 10px;
  color: #666;
}
.check-list li {
  padding: 8px 4px;
  border-bottom: 1px solid #eee;
}
.check-list li i {
  display: inline-block;
  vertical-align: middle;
  color: #ddd;
}
.check-list li i.is-done {
  color: #00d775;
}
.check-list li i:not(.not-yet) {
  display: none;
}
.check-list li .item {
  cursor: pointer;
  font-weight: bold;
  color: #00afff;
  font-size: 15px;
}
.check-list li:last-child {
  border-bottom: 0;
}
.check-list li.is-done i {
  display: inline-block;
}
.check-list li.is-done i:not(.is-done) {
  display: none;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (max-width: 768px) {
  .hidden-xs {
    display: none;
  }
}
@media (min-width: 768px) {
  .hidden-sm {
    display: none;
  }
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .hidden-md {
    display: none;
  }
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none;
  }
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.block-title {
  font-size: 22px;
}
.block-title-light {
  font-size: 22px;
  color: #666;
  font-weight: normal;
}
.block-title-light--l {
  font-size: 24px;
  color: #666;
  font-weight: normal;
}
.title-teaser {
  font-size: 15px;
  color: #999;
}
body.large .block-title {
  font-size: 23px;
}
body.large .block-title-light {
  font-size: 23px;
}
body.large .block-title-light--l {
  font-size: 25px;
}
body.large .title-teaser {
  font-size: 16px;
}
body.large-x .block-title {
  font-size: 24px;
}
body.large-x .block-title-light {
  font-size: 24px;
}
body.large-x .block-title-light--l {
  font-size: 26px;
}
body.large-x .title-teaser {
  font-size: 17px;
}
body.is-fixed {
  overflow: hidden;
}
body .overlay.is-acted {
  background-color: rgba(0, 0, 0, 0.8);
  visibility: visible;
  opacity: 1;
}
body .overlay-wrap.is-acted {
  visibility: visible;
  opacity: 1;
}
.overlay {
  position: fixed;
  top: 0;
  right: null;
  bottom: null;
  left: 0;
  z-index: 998;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.3s ease;
  -moz-transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.3s ease;
  -o-transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.3s ease;
}
.overlay-wrap {
  position: fixed;
  top: 0;
  right: null;
  bottom: null;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  overflow-y: scroll;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.3s ease;
  -moz-transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.3s ease;
  -o-transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.3s ease;
}
.overlay-container {
  position: absolute;
  top: 40px;
  right: null;
  bottom: null;
  left: 50%;
  z-index: 1000;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin-bottom: 40px;
  background-color: white;
}
@media only screen and (max-width: 768px) {
  .overlay-container {
    top: 0;
  }
}
.overlay-alert {
  position: absolute;
  top: 50%;
  right: null;
  bottom: null;
  left: 50%;
  z-index: 1000;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: white;
  text-align: center;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.3s ease;
  -moz-transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.3s ease;
  -o-transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.3s ease;
}
.overlay-title {
  padding: 0 20px;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  text-align: center;
  color: #333;
  font-weight: bold;
  border-bottom: 1px solid #eee;
}
.close-btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: null;
  left: null;
  z-index: 5;
  width: 60px;
  height: 60px;
  cursor: pointer;
}
.close-btn:hover {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.close-btn::before,
.close-btn::after {
  position: absolute;
  top: 30px;
  right: 10px;
  bottom: null;
  left: null;
  z-index: 2;
  content: '';
  width: 28px;
  height: 2px;
  background-color: #999;
  -webkit-border-radius: 50px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50px;
  -moz-background-clip: padding;
  border-radius: 50px;
  background-clip: padding-box;
}
.close-btn::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.close-btn::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.overlay-confirm {
  min-width: 300px;
  padding: 30px;
  text-align: left;
  color: #666;
}
.overlay-confirm .confirm-content {
  padding-bottom: 25px;
}
.overlay-confirm .form-bar {
  text-align: right;
}
.overlay-confirm .form-bar .btn:first-child {
  margin-right: 10px;
}
.overlay-text {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.overlay-text .overlay-container {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  padding: 20px;
  background-color: white;
  min-width: 200px;
  text-align: center;
  font-weight: bold;
  color: #666;
}
.pd-box {
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  -webkit-transition: -webkit--webkit-transform 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  -moz-transition: -webkit--moz-transform 0.2s ease, -moz-transform 0.2s ease, -moz-box-shadow 0.2s ease;
  -o-transition: -webkit--o-transform 0.2s ease, -o-transform 0.2s ease, box-shadow 0.2s ease;
  transition: -webkit--webkit-transform 0.2s ease,-webkit--moz-transform 0.2s ease,-webkit--o-transform 0.2s ease,-webkit-transform 0.2s ease,-webkit-transform 0.2s ease,-moz-transform 0.2s ease,-o-transform 0.2s ease,transform 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden;
  background-color: white;
}
@media only screen and (min-width: 768px) {
  .pd-box:hover {
    -webkit-transform: translate(0, -4px);
    -moz-transform: translate(0, -4px);
    -ms-transform: translate(0, -4px);
    -o-transform: translate(0, -4px);
    transform: translate(0, -4px);
    -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
  }
}
.pd-box .pd-link {
  display: block;
}
.pd-box .pd-img {
  position: relative;
  width: 100%;
  padding-bottom: 66.237%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.pd-box .pd-img .pd-price {
  position: absolute;
  top: null;
  right: 0;
  bottom: 0;
  left: null;
  z-index: 2;
  width: 100%;
  border-bottom: 4px solid #00afff;
  text-align: right;
}
.pd-box .pd-img .pd-price .price {
  display: inline-block;
  padding: 4px 12px 0;
  color: white;
  font-size: 22px;
  font-weight: bold;
  background-color: #00afff;
  -webkit-border-radius: 5px 0 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px 0 0 0;
  -moz-background-clip: padding;
  border-radius: 5px 0 0 0;
  background-clip: padding-box;
}
.pd-box .pd-img .pd-price .price small {
  padding: 0 4px;
  font-size: 14px;
}
.pd-box .pd-content {
  padding: 15px 15px 20px;
}
.pd-box .pd-title {
  font-size: 14px;
  line-height: 1.6;
  font-weight: normal;
  color: #333;
}
.pd-box .pd-departure {
  padding-top: 10px;
  font-size: 14px;
  color: #999;
}
.pd-box .pd-departure .more {
  float: right;
  font-size: 14px;
}
body.large .pd-box .pd-title {
  font-size: 15px;
  line-height: 1.5;
}
body.large-x .pd-box .pd-title {
  font-size: 16px;
  line-height: 1.5;
}
.wl-search-pc {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  width: 760px;
  height: 50px;
  background-color: white;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
}
@media only screen and (max-width: 820px) {
  .wl-search-pc {
    display: none;
  }
}
.wl-search-pc input {
  border: 0;
  font-size: 15px;
  padding: 0 15px;
}
.wl-search-pc .to-item {
  width: 4%;
  line-height: 50px;
  font-size: 14px;
}
.wl-search-pc .keyword-input,
.wl-search-pc .departure-input {
  height: 100%;
}
.wl-search-pc .keyword-input {
  width: 36%;
  border-right: 1px solid #eee;
}
.wl-search-pc .departure-input {
  text-align: center;
  width: 26%;
}
.wl-search-pc .search-btn {
  display: block;
  width: 8%;
  height: 100%;
  background-color: #00afff;
  color: white;
}
.search-area-box,
.search-recommend-box {
  position: absolute;
  top: 55px;
  right: null;
  bottom: null;
  left: 0;
  z-index: 100;
  width: 100%;
  max-height: 345px;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  background-color: white;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.search-area-box {
  display: flex;
  z-index: 99;
  overflow: hidden;
}
.search-area-box > * {
  max-height: 345px;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.search-area-box .area-list {
  width: 180px;
  background-color: #f1f1f1;
}
.search-area-box .area-list li {
  padding: 15px 20px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 15px;
  color: #333;
  cursor: pointer;
}
.search-area-box .area-list li:last-child {
  border-bottom: 0;
}
.search-area-box .area-list li:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.search-area-box .area-list li.is-acted {
  background-color: white;
}
.search-area-box .area-detail {
  padding: 20px;
  width: calc(100% - 180px);
  font-size: 15px;
  background-color: white;
}
.search-area-box .area-detail a {
  display: block;
  padding: 8px 4px;
  color: #333;
}
.search-area-box .area-detail a:hover {
  color: #00afff;
}
.search-area-box .area-detail .country {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.search-area-box .area-detail .country:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.search-area-box .area-detail .country .country-name {
  font-weight: bold;
}
.search-area-box .area-detail .location .location-name {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}
.search-area-box .area-detail .city {
  display: inline-block;
  vertical-align: middle;
}
.search-area-box .area-detail .city li {
  display: inline-block;
  vertical-align: middle;
}
.search-area-box .area-detail .city a {
  color: #999;
}
.search-area-box .area-detail .city a:hover {
  color: #00afff;
}
.search-area-box.is-hotkey .area-detail .country {
  margin-bottom: 20px;
  padding-bottom: 20px;
  display: inline-block;
  vertical-align: middle;
  border: 0;
  margin-right: 15px;
}
.search-area-box.is-hotkey .area-detail .country:last-child {
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.search-recommend-box {
  z-index: 100;
  padding: 10px;
}
.search-recommend-box li {
  margin: 2px 0;
  padding: 8px;
  color: #666;
  font-size: 15px;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .search-recommend-box li:hover {
    background-color: #f1f1f1;
  }
}
.search-recommend-box li a {
  display: block;
  color: #666;
}
.search-recommend-box li i {
  vertical-align: middle;
  color: #00afff;
}
.search-recommend-box li span.sublabel {
  padding-left: 5px;
  font-size: 14px;
  color: #999;
}
.wl-search-daterange {
  position: absolute;
  top: 55px;
  right: null;
  bottom: null;
  left: 0;
  z-index: 100;
  width: 100%;
  background-color: white;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.wl-search-daterange .daterangepicker {
  margin: 0 auto;
  width: 604px;
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.wl-search-m {
  position: relative;
  width: 100%;
  height: 50px;
  background-color: white;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  display: none;
}
@media only screen and (max-width: 820px) {
  .wl-search-m {
    display: block;
  }
}
.wl-search-m input {
  width: 100%;
  height: 100%;
  border: 0;
  font-size: 15px;
  padding: 0 15px;
}
.wl-search-m > i {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: null;
  left: null;
  z-index: 2;
  line-height: 50px;
  color: #666;
}
body.large .wl-search-pc input {
  font-size: 16px;
}
body.large .search-area-box .area-list li {
  font-size: 16px;
}
body.large .search-area-box .area-detail {
  font-size: 16px;
}
body.large .search-recommend-box li {
  font-size: 16px;
}
body.large .search-recommend-box li span.sublabel {
  font-size: 15px;
}
body.large .wl-search-m input {
  font-size: 16px;
}
body.large .wl-search-m-overlay .overlay-container .wl-search-m-inner .tab > * {
  font-size: 17px;
}
body.large-x .wl-search-pc input {
  font-size: 17px;
}
body.large-x .search-area-box .area-list li {
  font-size: 17px;
}
body.large-x .search-area-box .area-detail {
  font-size: 17px;
}
body.large-x .search-recommend-box li {
  font-size: 17px;
}
body.large-x .search-recommend-box li span.sublabel {
  font-size: 16px;
}
body.large-x .wl-search-m input {
  font-size: 17px;
}
body.large-x .wl-search-m-overlay .overlay-container .wl-search-m-inner .tab > * {
  font-size: 18px;
}
.btn {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  padding: 0 15px;
  height: 40px;
  line-height: 39px;
  min-width: 135px;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  letter-spacing: 0.05em;
  font-size: 14px;
  user-select: none;
  color: #666;
}
.btn i {
  line-height: 39px;
}
.btn i.icon-next {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.btn:disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.3;
}
.btn.is-disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.3;
}
.btn.btn-shadow {
  -webkit-box-shadow: 0 8px 16px 0 rgba(83, 99, 115, 0.32);
  -moz-box-shadow: 0 8px 16px 0 rgba(83, 99, 115, 0.32);
  box-shadow: 0 8px 16px 0 rgba(83, 99, 115, 0.32);
}
.btn.btn-auto {
  min-width: 0;
}
.btn.btn-sm {
  height: 35px;
  line-height: 35px;
}
.btn-lg {
  padding: 0 30px;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  font-size: 16px;
}
.btn-lg i {
  line-height: 49px;
}
.btn-block {
  width: 100%;
}
.btn-auto {
  width: auto;
}
.btn-line {
  border: 1px solid #ddd;
  color: #666;
}
@media only screen and (min-width: 768px) {
  .btn-line:hover {
    background-color: #fcfcfc;
  }
}
.btn-default {
  background-color: #fafafa;
  border: 1px solid #dcd8d8;
  color: #666;
}
@media only screen and (min-width: 768px) {
  .btn-default:hover {
    background-color: #f5f5f5;
  }
}
.btn-primary {
  background-color: #00afff;
  color: white;
}
@media only screen and (min-width: 768px) {
  .btn-primary:hover {
    background-color: #00a1ff;
  }
}
.btn-secondary {
  background-color: #006be2;
  color: white;
}
@media only screen and (min-width: 768px) {
  .btn-secondary:hover {
    background-color: #0041b9;
  }
}
.btn-white {
  background-color: white;
  color: #666;
}
@media only screen and (min-width: 768px) {
  .btn-white:hover {
    background-color: #fcfcfc;
  }
}
.btn-vip {
  background-color: #3ed3d3;
  color: white;
}
@media only screen and (min-width: 768px) {
  .btn-vip:hover {
    background-color: #0fbdbd;
  }
}
.btn-warning {
  background-color: #ff9a14;
  color: white;
}
@media only screen and (min-width: 768px) {
  .btn-warning:hover {
    background-color: #ff8014;
  }
}
.btn-success {
  background-color: #00d775;
  color: white;
}
@media only screen and (min-width: 768px) {
  .btn-success:hover {
    background-color: #2cbf6a;
  }
}
.btn-disable {
  background-color: #cecece;
  color: white;
}
.btn-disable:hover {
  background-color: #cecece;
}
.btn-round {
  -webkit-border-radius: 50px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50px;
  -moz-background-clip: padding;
  border-radius: 50px;
  background-clip: padding-box;
}
.sns-btn {
  line-height: 40px;
  width: 100%;
  display: block;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}
.sns-btn.facebook {
  background-color: #3B5998;
}
.sns-btn.messenger {
  background-color: #0084ff;
}
.sns-btn.line {
  background-color: #2cbf13;
}
body.large .btn {
  font-size: 15px;
}
body.large .btn-lg {
  font-size: 17px;
}
body.large-x .btn {
  font-size: 16px;
}
body.large-x .btn-lg {
  font-size: 18px;
}
.form-group {
  position: relative;
  margin-bottom: 15px;
}
.form-group label {
  font-size: 14px;
  color: #666;
}
.form-group input,
.form-group select,
.form-group textarea {
  display: block;
  width: 100%;
  height: 46px;
  padding: 0 15px;
  background-color: #f5f5f5;
  border: 1px solid transparent;
  font-size: 15px;
  color: #666;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(178, 178, 178, 0.5);
  -moz-box-shadow: inset 0 1px 3px 0 rgba(178, 178, 178, 0.5);
  box-shadow: inset 0 1px 3px 0 rgba(178, 178, 178, 0.5);
}
.form-group input::-webkit-input-placeholder,
.form-group select::-webkit-input-placeholder,
.form-group textarea::-webkit-input-placeholder {
  color: #bbb;
}
.form-group input:-moz-placeholder,
.form-group select:-moz-placeholder,
.form-group textarea:-moz-placeholder {
  color: #bbb;
}
.form-group input::-moz-placeholder,
.form-group select::-moz-placeholder,
.form-group textarea::-moz-placeholder {
  color: #bbb;
}
.form-group input:-ms-input-placeholder,
.form-group select:-ms-input-placeholder,
.form-group textarea:-ms-input-placeholder {
  color: #bbb;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  border: 1px solid #00afff;
}
.form-group input[type="date"] {
  line-height: 46px;
}
.form-group input[type="date"]::-webkit-calendar-picker-indicator,
.form-group input[type="date"]::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
}
.form-group textarea {
  min-height: 90px;
  padding: 15px;
}
.form-group select.form-control {
  padding-right: 35px;
  padding-left: 15px;
  background-image: url(/protected/img/white_label_front/select_arrow.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
}
.form-group i {
  position: absolute;
  top: null;
  right: 24px;
  bottom: 10px;
  left: null;
  z-index: 2;
  color: #ddd;
  pointer-events: none;
  user-select: none;
}
.form-counter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #666;
}
.form-counter .price {
  font-size: 15px;
}
.form-counter .left {
  color: #333;
}
.form-counter .left span {
  padding-left: 5px;
}
.form-counter .left .price {
  padding-top: 2px;
  display: none;
}
@media only screen and (max-width: 680px) {
  .form-counter .left .price {
    display: block;
  }
}
.form-counter .right {
  display: flex;
  align-items: center;
}
.form-counter .right .price {
  margin-right: 15px;
}
@media only screen and (max-width: 680px) {
  .form-counter .right .price {
    display: none;
  }
}
.form-counter .form-control {
  display: flex;
  border: 1px solid #dcd8d8;
}
.form-counter .form-control .counter,
.form-counter .form-control .counter-num {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
}
.form-counter .form-control .counter-num {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: 0;
  font-size: 15px;
}
.form-counter .form-control .counter {
  cursor: pointer;
  background-color: #fafafa;
}
@media only screen and (min-width: 768px) {
  .form-counter .form-control .counter:hover {
    background-color: #f5f5f5;
  }
}
.form-counter .form-control .counter i {
  font-size: 18px;
  line-height: 22px;
  color: #666;
}
.form-counter .form-control .counter:first-child {
  border-right: 1px solid #dcd8d8;
}
.form-counter .form-control .counter:last-child {
  border-left: 1px solid #dcd8d8;
}
.form-counter .form-control .counter.is-disable i {
  color: #ddd;
}
.button-radio-group button {
  position: relative;
  display: block;
  width: 100%;
  padding: 14px 32px 16px 16px;
  font-size: 15px;
  color: #333;
  border: 1px solid #dcd8d8;
  z-index: 1;
  text-align: left;
  margin-bottom: 15px;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}
.button-radio-group button:last-child {
  margin-bottom: 0;
}
.button-radio-group button > * {
  display: inline-block;
  vertical-align: middle;
}
.button-radio-group button .button-radio {
  position: relative;
  margin-right: 4px;
  width: 16px;
  height: 16px;
  background-color: #f5f5f5;
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(178, 178, 178, 0.5);
  -moz-box-shadow: inset 0 1px 3px 0 rgba(178, 178, 178, 0.5);
  box-shadow: inset 0 1px 3px 0 rgba(178, 178, 178, 0.5);
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  opacity: 0.5;
}
.button-radio-group button .button-radio::after {
  content: '';
  position: absolute;
  top: 4px;
  right: null;
  bottom: null;
  left: 4px;
  z-index: 2;
  width: 8px;
  height: 8px;
  background-color: #00afff;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  display: none;
}
.button-radio-group button .button-text {
  opacity: 0.5;
}
@media screen and (min-width: 768px) {
  .button-radio-group button:hover {
    z-index: 2;
    border-color: #00afff;
  }
  .button-radio-group button:hover .button-radio::after {
    display: block;
  }
}
.button-radio-group button.is-acted .button-radio::after {
  display: block;
}
.button-radio-group button.is-acted .button-radio,
.button-radio-group button.is-acted .button-text {
  font-weight: bold;
  opacity: 1;
}
.button-radio-group button:not(:first-child) {
  margin-top: -1px;
}
.button-radio-group.is-multi {
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
}
.button-radio-group.is-multi button {
  min-width: 180px;
  width: 33.333%;
  margin: -1px 0 0 -1px;
  -webkit-border-radius: 0px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0px;
  -moz-background-clip: padding;
  border-radius: 0px;
  background-clip: padding-box;
}
.button-radio-group.is-multi button:first-child {
  -webkit-border-radius: 4px 0 0 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px 0 0 4px;
  -moz-background-clip: padding;
  border-radius: 4px 0 0 4px;
  background-clip: padding-box;
}
.button-radio-group.is-multi button:last-child {
  -webkit-border-radius: 0 4px 4px 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 4px 4px 0;
  -moz-background-clip: padding;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
}
.upload-img-block {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px 0;
  min-height: 200px;
  border: 3px dashed #ddd;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.checkbox {
  position: relative;
  font-size: 0;
}
.checkbox label {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  font-size: 16px;
  color: #333;
  line-height: 1;
}
.checkbox label:before,
.checkbox label:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
}
.checkbox label:before {
  width: 20px;
  height: 20px;
  background: #fff;
  border: 2px solid #6d6d6d;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  -webkit-transition: background 0.3s, border-color 0.3s;
  -moz-transition: background 0.3s, border-color 0.3s;
  -o-transition: background 0.3s, border-color 0.3s;
  transition: background 0.3s, border-color 0.3s;
}
.checkbox label span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.checkbox input[type="checkbox"] {
  margin: 0 15px 0 0;
  padding: 0;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}
.checkbox input[type="checkbox"]:checked + label:before {
  background: #00afff;
  border-color: #00afff;
}
.checkbox input[type="checkbox"]:checked + label:after {
  transform: rotate(-45deg);
  top: 4.5px;
  left: 3px;
  width: 14px;
  height: 7px;
  border: 2px solid #fff;
  border-top-style: none;
  border-right-style: none;
}
.checkbox.has-error input[type="checkbox"]:checked + label {
  color: #333;
}
.radio {
  position: relative;
  font-size: 0;
}
.radio label {
  padding-left: 8px;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  font-size: 16px;
  color: #333;
  line-height: 1;
}
.radio label:before,
.radio label:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
}
.radio label:before {
  width: 20px;
  height: 20px;
  background: #fff;
  border: 2px solid #6d6d6d;
  cursor: pointer;
  -webkit-transition: background 0.3s, border-color 0.3s;
  -moz-transition: background 0.3s, border-color 0.3s;
  -o-transition: background 0.3s, border-color 0.3s;
  transition: background 0.3s, border-color 0.3s;
}
.radio label:after {
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  background-color: #00afff;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.radio input[type="radio"] {
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  opacity: 0;
  display: inline-block;
  vertical-align: middle;
}
.radio input[type="radio"]:checked + label:before {
  border-color: #00afff;
}
.radio input[type="radio"]:checked + label:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
body.large .form-group label {
  font-size: 15px;
}
body.large .form-group input,
body.large .form-group select,
body.large .form-group textarea {
  font-size: 16px;
}
body.large-x .form-group label {
  font-size: 16px;
}
body.large-x .form-group input,
body.large-x .form-group select,
body.large-x .form-group textarea {
  font-size: 17px;
}
.daterangepicker {
  display: none;
}
.daterangepicker,
.wl-search-daterange .daterangepicker {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  padding: 10px;
}
.daterangepicker.single,
.wl-search-daterange .daterangepicker.single {
  padding: 4px 10px 4px 4px;
}
.daterangepicker::before,
.wl-search-daterange .daterangepicker::before,
.daterangepicker::after,
.wl-search-daterange .daterangepicker::after {
  display: none !important;
}
@media only screen and (max-width: 670px) {
  .daterangepicker.ltr .calendar.left,
  .wl-search-daterange .daterangepicker.ltr .calendar.left {
    float: none;
  }
}
@media only screen and (max-width: 670px) {
  .daterangepicker.ltr .calendar.right,
  .wl-search-daterange .daterangepicker.ltr .calendar.right {
    float: none;
  }
}
@media only screen and (min-width: 670px) {
  .daterangepicker.ltr .calendar.right,
  .wl-search-daterange .daterangepicker.ltr .calendar.right {
    margin-left: 20px;
  }
}
.daterangepicker .calendar,
.wl-search-daterange .daterangepicker .calendar {
  width: 100%;
  margin: 10px 0;
}
.daterangepicker .calendar-table,
.wl-search-daterange .daterangepicker .calendar-table {
  padding: 0 !important;
}
.daterangepicker .daterangepicker_input,
.wl-search-daterange .daterangepicker .daterangepicker_input {
  display: none;
}
.daterangepicker .month,
.wl-search-daterange .daterangepicker .month {
  font-size: 16px;
  color: #333;
}
.daterangepicker tr,
.wl-search-daterange .daterangepicker tr {
  padding: 4px 0;
}
.daterangepicker td,
.wl-search-daterange .daterangepicker td,
.daterangepicker th,
.wl-search-daterange .daterangepicker th {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  line-height: 35px;
  color: #333;
  font-size: 14px;
  font-weight: bold;
}
.daterangepicker td.in-range,
.wl-search-daterange .daterangepicker td.in-range {
  background-color: #e5f7ff;
  color: #333;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
}
.daterangepicker td.active,
.wl-search-daterange .daterangepicker td.active,
.daterangepicker td.active:hover,
.wl-search-daterange .daterangepicker td.active:hover,
.daterangepicker td.start-date,
.wl-search-daterange .daterangepicker td.start-date,
.daterangepicker td.end-date,
.wl-search-daterange .daterangepicker td.end-date,
.daterangepicker td.start-date.end-date,
.wl-search-daterange .daterangepicker td.start-date.end-date {
  background-color: #00afff;
  color: white;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
}
.daterangepicker .prev::before,
.wl-search-daterange .daterangepicker .prev::before,
.daterangepicker .next::before,
.wl-search-daterange .daterangepicker .next::before {
  content: '';
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
.daterangepicker .prev::before,
.wl-search-daterange .daterangepicker .prev::before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.daterangepicker .next::before,
.wl-search-daterange .daterangepicker .next::before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.daterangepicker .calendar .monthselect,
.wl-search-daterange .daterangepicker .calendar .monthselect,
.daterangepicker .calendar .yearselect,
.wl-search-daterange .daterangepicker .calendar .yearselect {
  width: 50%;
  border: none;
  background-color: transparent;
  font-size: 16px;
}
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -ms-touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
}
.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
.noUi-handle {
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-stacking .noUi-handle {
  z-index: 10;
}
.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  -moz-transition: left 0.3s, top 0.3s;
  -o-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
.noUi-horizontal {
  height: 10px;
}
.noUi-handle {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 15px;
  height: 15px;
  left: -10px;
  top: -7px;
  cursor: ew-resize;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border: 1px solid;
}
.noUi-vertical .noUi-handle {
  margin-left: 5px;
  cursor: ns-resize;
}
.noUi-horizontal.noUi-extended {
  padding: 0 15px;
}
.noUi-horizontal.noUi-extended .noUi-origin {
  right: -15px;
}
.noUi-background {
  height: 2px;
  margin: 20px 0;
}
.noUi-origin {
  margin: 0;
  border-radius: 0;
}
.noUi-origin .noUi-handle {
  background-color: #03a9f4;
  border: 2px solid #03a9f4;
}
.noUi-origin[style^="left: 0"] .noUi-handle.noUi-active {
  border-width: 1px;
}
.noUi-target {
  border-radius: 2px;
}
.noUi-horizontal {
  margin: 5px;
  height: 3px;
  background: #03a9f4;
  margin-top: -6px;
}
.noUi-vertical {
  height: 100%;
  width: 2px;
  margin: 0 15px;
  display: inline-block;
}
.noUi-handle.noUi-active {
  -webkit-transform: scale3d(2.5, 2.5, 1);
  transform: scale3d(2.5, 2.5, 1);
}
[disabled].noUi-slider {
  opacity: 0.5;
}
[disabled] .noUi-handle {
  cursor: not-allowed;
}
.slider {
  background: #03a9f4;
}
.slider .noUi-handle,
.slider.slider-default .noUi-handle {
  background-color: #03a9f4;
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 8px 10px;
  color: #ffffff;
  text-align: center;
  background-color: #000000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #ffffff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #ffffff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #ffffff;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}
/* -------------------------------------------------
    Datepicker cells
   ------------------------------------------------- */
.datepicker--cells {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.datepicker--cell {
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 32px;
  z-index: 1;
}
.datepicker--cell.-focus- {
  background: #f0f0f0;
}
.datepicker--cell.-current- {
  color: #4EB5E6;
}
.datepicker--cell.-current-.-focus- {
  color: #4a4a4a;
}
.datepicker--cell.-current-.-in-range- {
  color: #4EB5E6;
}
.datepicker--cell.-in-range- {
  background: rgba(92, 196, 239, 0.1);
  color: #4a4a4a;
  border-radius: 0;
}
.datepicker--cell.-in-range-.-focus- {
  background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell.-disabled- {
  cursor: default;
  color: #aeaeae;
}
.datepicker--cell.-disabled-.-focus- {
  color: #aeaeae;
}
.datepicker--cell.-disabled-.-in-range- {
  color: #a1a1a1;
}
.datepicker--cell.-disabled-.-current-.-focus- {
  color: #aeaeae;
}
.datepicker--cell.-range-from- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 4px 0 0 4px;
}
.datepicker--cell.-range-to- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 0 4px 4px 0;
}
.datepicker--cell.-range-from-.-range-to- {
  border-radius: 4px;
}
.datepicker--cell.-selected- {
  color: #fff;
  border: none;
  background: #5cc4ef;
}
.datepicker--cell.-selected-.-current- {
  color: #fff;
  background: #5cc4ef;
}
.datepicker--cell.-selected-.-focus- {
  background: #45bced;
}
.datepicker--cell:empty {
  cursor: default;
}
.datepicker--days-names {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 8px 0 3px;
}
.datepicker--day-name {
  color: #FF9A19;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
}
.datepicker--cell-day {
  width: 14.28571%;
}
.datepicker--cells-months {
  height: 170px;
}
.datepicker--cell-month {
  width: 33.33%;
  height: 25%;
}
.datepicker--years {
  height: 170px;
}
.datepicker--cells-years {
  height: 170px;
}
.datepicker--cell-year {
  width: 25%;
  height: 33.33%;
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}
/* -------------------------------------------------
    Datepicker
   ------------------------------------------------- */
.datepickers-container {
  position: absolute;
  left: 0;
  top: 0;
}
@media print {
  .datepickers-container {
    display: none;
  }
}
.datepicker {
  background: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-sizing: content-box;
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  width: 250px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  z-index: 1000;
}
.datepicker.-from-top- {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.datepicker.-from-right- {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}
.datepicker.-from-bottom- {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}
.datepicker.-from-left- {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}
.datepicker.active {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
  transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
}
.datepicker-inline .datepicker {
  border-color: #d7d7d7;
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
.datepicker-inline .datepicker--pointer {
  display: none;
}
.datepicker--content {
  box-sizing: content-box;
  padding: 4px;
}
.-only-timepicker- .datepicker--content {
  display: none;
}
.datepicker--pointer {
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1;
}
.-top-left- .datepicker--pointer,
.-top-center- .datepicker--pointer,
.-top-right- .datepicker--pointer {
  top: calc(100% - 4px);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.-right-top- .datepicker--pointer,
.-right-center- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
  right: calc(100% - 4px);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.-bottom-left- .datepicker--pointer,
.-bottom-center- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
  bottom: calc(100% - 4px);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}
.-left-top- .datepicker--pointer,
.-left-center- .datepicker--pointer,
.-left-bottom- .datepicker--pointer {
  left: calc(100% - 4px);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.-top-left- .datepicker--pointer,
.-bottom-left- .datepicker--pointer {
  left: 10px;
}
.-top-right- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
  right: 10px;
}
.-top-center- .datepicker--pointer,
.-bottom-center- .datepicker--pointer {
  left: calc(50% - 10px / 2);
}
.-left-top- .datepicker--pointer,
.-right-top- .datepicker--pointer {
  top: 10px;
}
.-left-bottom- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
  bottom: 10px;
}
.-left-center- .datepicker--pointer,
.-right-center- .datepicker--pointer {
  top: calc(50% - 10px / 2);
}
.datepicker--body {
  display: none;
}
.datepicker--body.active {
  display: block;
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}
/* -------------------------------------------------
    Navigation
   ------------------------------------------------- */
.datepicker--nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 4px;
}
.-only-timepicker- .datepicker--nav {
  display: none;
}
.datepicker--nav-title,
.datepicker--nav-action {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker--nav-action:hover {
  background: #f0f0f0;
}
.datepicker--nav-action.-disabled- {
  visibility: hidden;
}
.datepicker--nav-action svg {
  width: 32px;
  height: 32px;
}
.datepicker--nav-action path {
  fill: none;
  stroke: #9c9c9c;
  stroke-width: 2px;
}
.datepicker--nav-title {
  border-radius: 4px;
  padding: 0 8px;
}
.datepicker--nav-title i {
  font-style: normal;
  color: #9c9c9c;
  margin-left: 5px;
}
.datepicker--nav-title:hover {
  background: #f0f0f0;
}
.datepicker--nav-title.-disabled- {
  cursor: default;
  background: none;
}
.datepicker--buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  border-top: 1px solid #efefef;
}
.datepicker--button {
  color: #4EB5E6;
  cursor: pointer;
  border-radius: 4px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
}
.datepicker--button:hover {
  color: #4a4a4a;
  background: #f0f0f0;
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}
/* -------------------------------------------------
    Timepicker
   ------------------------------------------------- */
.datepicker--time {
  border-top: 1px solid #efefef;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px;
  position: relative;
}
.datepicker--time.-am-pm- .datepicker--time-sliders {
  -webkit-flex: 0 1 138px;
  -ms-flex: 0 1 138px;
  flex: 0 1 138px;
  max-width: 138px;
}
.-only-timepicker- .datepicker--time {
  border-top: none;
}
.datepicker--time-sliders {
  -webkit-flex: 0 1 153px;
  -ms-flex: 0 1 153px;
  flex: 0 1 153px;
  margin-right: 10px;
  max-width: 153px;
}
.datepicker--time-label {
  display: none;
  font-size: 12px;
}
.datepicker--time-current {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0 10px;
}
.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}
.datepicker--time-current-hours,
.datepicker--time-current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1;
}
.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after {
  content: '';
  background: #f0f0f0;
  border-radius: 4px;
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}
.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after {
  opacity: 1;
}
.datepicker--time-current-ampm {
  text-transform: uppercase;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: #9c9c9c;
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}
.datepicker--time-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, #dedede, #dedede) left 0.5% 1px no-repeat;
}
.datepicker--time-row:first-child {
  margin-bottom: 4px;
}
.datepicker--time-row input[type='range'] {
  background: none;
  cursor: pointer;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.datepicker--time-row input[type='range']::-ms-tooltip {
  display: none;
}
.datepicker--time-row input[type='range']:hover::-webkit-slider-thumb {
  border-color: #b8b8b8;
}
.datepicker--time-row input[type='range']:hover::-moz-range-thumb {
  border-color: #b8b8b8;
}
.datepicker--time-row input[type='range']:hover::-ms-thumb {
  border-color: #b8b8b8;
}
.datepicker--time-row input[type='range']:focus {
  outline: none;
}
.datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}
.datepicker--time-row input[type='range']:focus::-moz-range-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}
.datepicker--time-row input[type='range']:focus::-ms-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background 0.2s;
}
.datepicker--time-row input[type='range']::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background 0.2s;
}
.datepicker--time-row input[type='range']::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background 0.2s;
}
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
  margin-top: -6px;
}
.datepicker--time-row input[type='range']::-webkit-slider-runnable-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent;
}
.datepicker--time-row input[type='range']::-moz-range-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent;
}
.datepicker--time-row input[type='range']::-ms-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent;
}
.datepicker--time-row input[type='range']::-ms-fill-lower {
  background: transparent;
}
.datepicker--time-row input[type='range']::-ms-fill-upper {
  background: transparent;
}
.datepicker--time-row span {
  padding: 0 12px;
}
.datepicker--time-icon {
  color: #9c9c9c;
  border: 1px solid;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  margin: 0 5px -1px 0;
  width: 1em;
  height: 1em;
}
.datepicker--time-icon:after,
.datepicker--time-icon:before {
  content: '';
  background: currentColor;
  position: absolute;
}
.datepicker--time-icon:after {
  height: 0.4em;
  width: 1px;
  left: calc(50% - 1px);
  top: calc(50% + 1px);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.datepicker--time-icon:before {
  width: 0.4em;
  height: 1px;
  top: calc(50% + 1px);
  left: calc(50% - 1px);
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}
.pc-search-bar {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
}
.pc-search-bar .child-age-list {
  padding-top: 20px;
}
.pc-search-bar .child-age-list .child-item {
  width: calc(50% - 10px);
}
.pc-search-bar .child-age-list .child-item:nth-child(3n) {
  margin-right: 20px;
}
.pc-search-bar .child-age-list .child-item:nth-child(2n) {
  margin-right: 0;
}
.pc-search-bar .radio-group {
  display: flex;
}
.pc-search-bar .radio-group .radio {
  margin-right: 20px;
}
.pc-search-bar .radio-group .radio label {
  color: white;
}
.pc-search-bar .radio-group .radio label:before {
  border: 0;
}
.pc-search-bar .radio-group .radio label:after {
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
}
.pc-search-bar .search-bar-wrap {
  margin-bottom: 40px;
  width: 100%;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .pc-search-bar .search-bar-wrap {
    flex-wrap: wrap;
  }
}
.pc-search-bar .search-type {
  position: relative;
  flex: 1;
}
.pc-search-bar .search-type .search-title {
  margin-bottom: 2px;
  font-size: 14px;
}
.pc-search-bar .search-type .search-input {
  padding: 10px 15px;
  width: 100%;
  border: 0;
  height: 48px;
  background-color: white;
  border-right: 1px solid #eee;
  font-size: 16px;
}
.pc-search-bar .search-type .search-input::-webkit-input-placeholder {
  color: #bbb;
}
.pc-search-bar .search-type .search-input:-moz-placeholder {
  color: #bbb;
}
.pc-search-bar .search-type .search-input::-moz-placeholder {
  color: #bbb;
}
.pc-search-bar .search-type .search-input:-ms-input-placeholder {
  color: #bbb;
}
.pc-search-bar .search-type:first-child .search-input {
  -webkit-border-radius: 3px 0 0 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px 0 0 3px;
  -moz-background-clip: padding;
  border-radius: 3px 0 0 3px;
  background-clip: padding-box;
}
.pc-search-bar .search-type:last-child .search-input {
  -webkit-border-radius: 0 3px 3px 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 3px 3px 0;
  -moz-background-clip: padding;
  border-radius: 0 3px 3px 0;
  background-clip: padding-box;
}
@media only screen and (max-width: 768px) {
  .pc-search-bar .search-type {
    margin-bottom: 20px;
    flex: auto;
  }
  .pc-search-bar .search-type.col-6 {
    width: 50%;
  }
  .pc-search-bar .search-type.col-6.col-first .search-input {
    -webkit-border-radius: 3px 0 0 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px 0 0 3px;
    -moz-background-clip: padding;
    border-radius: 3px 0 0 3px;
    background-clip: padding-box;
  }
  .pc-search-bar .search-type.col-6.col-last .search-input {
    -webkit-border-radius: 0 3px 3px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 3px 3px 0;
    -moz-background-clip: padding;
    border-radius: 0 3px 3px 0;
    background-clip: padding-box;
  }
  .pc-search-bar .search-type.col-12 {
    width: 100%;
  }
  .pc-search-bar .search-type.col-12 .search-input {
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
  }
}
.pc-search-bar .submit-btn {
  display: block;
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
}
.pc-search-bar .form-counter {
  margin-bottom: 10px;
}
.pc-search-bar .toggle-popblock {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 48px;
}
.pc-search-bar .popblock {
  position: absolute;
  top: calc(100% + 15px);
  right: auto;
  bottom: auto;
  left: 0;
  z-index: 2;
  width: 100%;
  max-width: 250px;
  padding: 15px;
  background-color: white;
  color: #333;
  border: 1px solid #e6e4eb;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 4px 14px 0 rgba(37, 32, 31, 0.25);
  -moz-box-shadow: 0 4px 14px 0 rgba(37, 32, 31, 0.25);
  box-shadow: 0 4px 14px 0 rgba(37, 32, 31, 0.25);
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  -ms-transform: translateY(8px);
  -o-transform: translateY(8px);
  transform: translateY(8px);
  -webkit-transition: -webkit--webkit-transform 0.2s ease, -webkit-transform 0.2s ease, opacity 0.2s ease;
  -moz-transition: -webkit--moz-transform 0.2s ease, -moz-transform 0.2s ease, opacity 0.2s ease;
  -o-transition: -webkit--o-transform 0.2s ease, -o-transform 0.2s ease, opacity 0.2s ease;
  transition: -webkit--webkit-transform 0.2s ease,-webkit--moz-transform 0.2s ease,-webkit--o-transform 0.2s ease,-webkit-transform 0.2s ease,-webkit-transform 0.2s ease,-moz-transform 0.2s ease,-o-transform 0.2s ease,transform 0.2s ease, opacity 0.2s ease;
}
.pc-search-bar .popblock.is-acted {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  pointer-events: auto;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.pc-search-bar .popblock::after {
  content: '';
  position: absolute;
  background: #fff;
  border-top: 1px solid #e6e4eb;
  border-right: 1px solid #e6e4eb;
  width: 10px;
  height: 10px;
  bottom: calc(100% - 4px);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}
@font-face {
  font-family: 'hotel';
  src: url(../public/7rbq4x0/css/white_label_front/../fonts/hotel.eot?wzpkwj);
  src: url(../public/7rbq4x0/css/white_label_front/../fonts/hotel.eot?wzpkwj#iefix) format('embedded-opentype'), url(../public/7rbq4x0/css/white_label_front/../fonts/hotel.ttf?wzpkwj) format('truetype'), url(../public/7rbq4x0/css/white_label_front/../fonts/hotel.woff?wzpkwj) format('woff'), url(../public/7rbq4x0/css/white_label_front/../fonts/hotel.svg?wzpkwj#hotel) format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="hotelicon-"],
[class*=" hotelicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'hotel' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hotelicon-wifi:before {
  content: "\e900";
}
.hotelicon-24hr-reception:before {
  content: "\e901";
}
.hotelicon-currency-exchange:before {
  content: "\e902";
}
.hotelicon-airport-shuttle:before {
  content: "\e903";
}
.hotelicon-parking:before {
  content: "\e904";
}
.hotelicon-multilingual:before {
  content: "\e905";
}
.hotelicon-late-checkout:before {
  content: "\e906";
}
.hotelicon-lift:before {
  content: "\e907";
}
.hotelicon-transfer:before {
  content: "\e908";
}
.hotelicon-bathtub:before {
  content: "\e909";
}
.hotelicon-bike-hire:before {
  content: "\e90a";
}
.hotelicon-car-hire:before {
  content: "\e90b";
}
.hotelicon-laundry:before {
  content: "\e90c";
}
.hotelicon-babysitting:before {
  content: "\e90d";
}
.hotelicon-electric-kettle:before {
  content: "\e90e";
}
.hotelicon-private-pool:before {
  content: "\e90f";
}
.hotelicon-private-beach:before {
  content: "\e910";
}
.hotelicon-gym:before {
  content: "\e911";
}
.hotelicon-room-service:before {
  content: "\e912";
}
.hotelicon-bellboy:before {
  content: "\e913";
}
.overlay_all {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1500;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.hint_message {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1510;
  margin: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
}
.hint_message .confirm_hint_message {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 400px;
  min-height: 160px;
  background-color: #fff;
  padding: 10px 20px 75px;
  color: #333;
  font-size: 15px;
  font-weight: normal;
  text-align: left;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
}
.hint_message .confirm_hint_message h4 {
  margin-bottom: 15px;
  font-weight: bold;
  color: #000;
  font-size: 18px;
}
.hint_message .hint_message_footer {
  position: absolute;
  top: null;
  right: 0;
  bottom: 0;
  left: null;
  z-index: 1;
  padding: 20px;
}
.hint_message .text_hint_message {
  display: inline-block;
  min-width: 240px;
  padding: 25px 40px;
  color: #f59634;
  background-color: #fff;
  border: 1px solid #ddd;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
}
.hint_message .surprise {
  width: 100vw;
  height: 100vh;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  flex-direction: column;
  padding: 30px;
}
.pagination {
  display: block;
  margin-bottom: 20px;
  width: 100%;
}
.pagination > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pagination > ul > li {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 2px;
  width: 40px;
  height: 40px;
  color: #666;
}
.pagination > ul > li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #666;
  font-weight: bold;
  border: 2px solid transparent;
}
@media only screen and (min-width: 768px) {
  .pagination > ul > li a:hover {
    background-color: white;
    border-color: white;
  }
}
.pagination > ul > li.is-disabled {
  opacity: 0.2;
  border-color: transparent;
  background-color: transparent;
}
.pagination > ul > li.is-disabled a {
  cursor: default;
}
@media only screen and (min-width: 768px) {
  .pagination > ul > li.is-disabled a:hover {
    background-color: transparent;
    border-color: transparent;
  }
}
.pagination > ul > li.is-acted a {
  border-color: #999;
}
@media only screen and (min-width: 768px) {
  .pagination > ul > li.is-acted a:hover {
    background-color: transparent;
  }
}
.search1 {
  margin-bottom: 40px;
  position: relative;
}
@media only screen and (max-width: 580px) {
  .search1 {
    margin-bottom: 20px;
  }
}
.search1 .swiper-container::after {
  position: absolute;
  top: 0;
  right: null;
  bottom: null;
  left: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 550px;
  background-color: rgba(0, 0, 0, 0.2);
}
.search1 .swiper-container.wl-kv-slider {
  width: 100%;
  height: 550px;
}
.search1 .swiper-container.wl-kv-slider .swiper-slide {
  background-color: #f1f1f1;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.search1 .search-block {
  position: absolute;
  top: 0;
  right: null;
  bottom: null;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 500px;
}
.search1 .search-block .search-content {
  position: absolute;
  top: 50%;
  right: null;
  bottom: null;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 820px) {
  .search1 .search-block .search-content {
    width: 80%;
  }
}
.search1 .search-block .search-title {
  margin: 0 auto;
  max-width: 520px;
  color: white;
  width: 80%;
}
@media only screen and (max-width: 820px) {
  .search1 .search-block .search-title {
    width: 100%;
  }
}
.search1 .search-block .search-title .title {
  margin-bottom: 10px;
  font-size: 50px;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 1px;
}
@media only screen and (max-width: 425px) {
  .search1 .search-block .search-title .title {
    font-size: 42px;
  }
}
.search1 .search-block .search-title .sub-title {
  margin-bottom: 30px;
  font-size: 24px;
  text-align: center;
  letter-spacing: 1px;
}
@media only screen and (max-width: 425px) {
  .search1 .search-block .search-title .sub-title {
    font-size: 18px;
  }
}
.search2 {
  position: relative;
  width: 100%;
}
.search2 .search-block .search-content .wl-search-pc {
  margin: 40px auto 0;
  width: 100%;
  max-width: 1200px;
}
@media only screen and (max-width: 1200px) {
  .search2 .search-block .search-content .wl-search-pc {
    max-width: 768px;
  }
}
.search2 .search-block .search-content .wl-search-m {
  margin: 30px auto 0;
  width: 100%;
  max-width: calc(100% - 60px);
}
@media only screen and (max-width: 768px) {
  .search2 .search-block .search-content .wl-search-m {
    max-width: calc(100% - 40px);
  }
}
.search3 {
  position: relative;
}
.search3 .swiper-container::after {
  position: absolute;
  top: 0;
  right: null;
  bottom: null;
  left: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 550px;
  background-color: rgba(0, 0, 0, 0.2);
}
.search3 .swiper-container.wl-kv-slider {
  width: 100%;
  height: 550px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 580px) {
  .search3 .swiper-container.wl-kv-slider {
    margin-bottom: 20px;
  }
}
.search3 .swiper-container.wl-kv-slider .swiper-slide {
  background-color: #f1f1f1;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.search3 .search-block {
  position: absolute;
  top: 260px;
  right: null;
  bottom: null;
  left: 0;
  z-index: 2;
  width: 100%;
}
.search3 .search-block .search-content {
  position: absolute;
  top: 50%;
  right: null;
  bottom: null;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 820px) {
  .search3 .search-block .search-content {
    width: 80%;
  }
}
.search3 .search-block .search-title {
  margin: 0 auto;
  max-width: 800px;
  color: white;
}
.search3 .search-block .search-title .title {
  margin-bottom: 10px;
  font-size: 50px;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 1px;
}
@media only screen and (max-width: 425px) {
  .search3 .search-block .search-title .title {
    font-size: 42px;
  }
}
.search3 .search-block .search-title .sub-title {
  font-size: 24px;
  text-align: center;
  letter-spacing: 1px;
}
@media only screen and (max-width: 425px) {
  .search3 .search-block .search-title .sub-title {
    font-size: 18px;
  }
}
.search4 {
  position: relative;
}
.search4 .swiper-container::after {
  position: absolute;
  top: 0;
  right: null;
  bottom: null;
  left: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.2);
}
.search4 .swiper-container.wl-kv-slider {
  width: 100%;
  margin-bottom: 60px;
}
@media only screen and (max-width: 1200px) {
  .search4 .swiper-container.wl-kv-slider {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 580px) {
  .search4 .swiper-container.wl-kv-slider {
    margin-bottom: 20px;
  }
}
.search4 .swiper-container.wl-kv-slider .swiper-slide {
  width: 100%;
  padding-bottom: 35%;
  background-color: #f1f1f1;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 1200px) {
  .search4 .swiper-container.wl-kv-slider .swiper-slide {
    padding-bottom: 50%;
  }
}
@media only screen and (max-width: 580px) {
  .search4 .swiper-container.wl-kv-slider .swiper-slide {
    padding-bottom: 87%;
  }
}
.search4 .swiper-button-next {
  background-image: url(/protected/img/white_label_front/slider_next_arrow.svg);
}
.search4 .swiper-button-prev {
  background-image: url(/protected/img/white_label_front/slider_prev_arrow.svg);
}
.search4 .swiper-pagination-bullets .swiper-pagination-bullet {
  background-color: white;
}
.search5 {
  position: relative;
}
.search5 .banner {
  width: 100%;
  padding-bottom: 30%;
  background-color: #f1f1f1;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1200px) {
  .search5 .banner {
    padding-bottom: 40%;
  }
}
@media only screen and (max-width: 580px) {
  .search5 .banner {
    margin-bottom: 20px;
    padding-bottom: 80%;
  }
}
.search6 {
  margin-bottom: 40px;
  position: relative;
}
@media only screen and (max-width: 580px) {
  .search6 {
    margin-bottom: 20px;
  }
}
.search6 .swiper-container.wl-kv-slider {
  position: relative;
  width: 100%;
  height: 470px;
}
.search6 .swiper-container.wl-kv-slider .swiper-slide {
  display: block;
  background-color: #f1f1f1;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.search6 .swiper-container.wl-kv-slider .button-next,
.search6 .swiper-container.wl-kv-slider .button-prev {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 30px;
  height: 30px;
  border: solid white;
  border-width: 0 4px 4px 0;
  padding: 3px;
}
.search6 .swiper-container.wl-kv-slider .button-next {
  right: 30px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.search6 .swiper-container.wl-kv-slider .button-prev {
  left: 30px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.search6 .search-block {
  padding: 15px 0;
  background-color: #424242;
}
@media only screen and (max-width: 1200px) {
  .search6 .search-block {
    padding: 15px;
  }
}
.search6 .search-block .wl-search-pc {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}
.search7 {
  margin-bottom: 40px;
  position: relative;
}
@media only screen and (max-width: 580px) {
  .search7 {
    margin-bottom: 20px;
  }
}
.search7 .swiper-container::after {
  position: absolute;
  top: 0;
  right: null;
  bottom: null;
  left: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 275px;
  background-color: rgba(0, 0, 0, 0.2);
}
.search7 .swiper-container.wl-kv-slider {
  width: 100%;
  height: 275px;
}
.search7 .swiper-container.wl-kv-slider .swiper-slide {
  background-color: #f1f1f1;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.search7 .search-block {
  position: absolute;
  top: 0;
  right: null;
  bottom: null;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 250px;
}
.search7 .search-block .search-content {
  margin-top: 40px;
  position: absolute;
  top: 50%;
  right: null;
  bottom: null;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 820px) {
  .search7 .search-block .search-content {
    width: 80%;
  }
}
.search7 .search-block .search-title {
  margin: 0 auto;
  max-width: 520px;
  color: white;
  width: 80%;
}
@media only screen and (max-width: 820px) {
  .search7 .search-block .search-title {
    width: 100%;
  }
}
.search7 .search-block .search-title .title {
  margin-bottom: 10px;
  font-size: 50px;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 1px;
}
@media only screen and (max-width: 425px) {
  .search7 .search-block .search-title .title {
    font-size: 42px;
  }
}
.search7 .search-block .search-title .sub-title {
  margin-bottom: 10px;
  font-size: 24px;
  text-align: center;
  letter-spacing: 1px;
}
@media only screen and (max-width: 425px) {
  .search7 .search-block .search-title .sub-title {
    font-size: 18px;
  }
}
.search8 {
  margin-bottom: 40px;
  position: relative;
}
@media only screen and (max-width: 580px) {
  .search8 {
    margin-bottom: 20px;
  }
}
.search8 .swiper-container.wl-kv-slider {
  position: relative;
  width: 100%;
  height: 235px;
}
.search8 .swiper-container.wl-kv-slider .swiper-slide {
  display: block;
  background-color: #f1f1f1;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.search8 .swiper-container.wl-kv-slider .button-next,
.search8 .swiper-container.wl-kv-slider .button-prev {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 30px;
  height: 30px;
  border: solid white;
  border-width: 0 4px 4px 0;
  padding: 3px;
}
.search8 .swiper-container.wl-kv-slider .button-next {
  right: 30px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.search8 .swiper-container.wl-kv-slider .button-prev {
  left: 30px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.search8 .search-block {
  padding: 15px 0;
  background-color: #424242;
}
@media only screen and (max-width: 1200px) {
  .search8 .search-block {
    padding: 15px;
  }
}
.search8 .search-block .wl-search-pc {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}
.search9 {
  margin-bottom: 40px;
  position: relative;
}
@media only screen and (max-width: 580px) {
  .search9 {
    margin-bottom: 20px;
  }
}
.search9 .swiper-container::after {
  position: absolute;
  top: 0;
  right: null;
  bottom: null;
  left: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 375px;
  background-color: rgba(0, 0, 0, 0.2);
}
.search9 .swiper-container.wl-kv-slider {
  width: 100%;
  height: 375px;
}
.search9 .swiper-container.wl-kv-slider .swiper-slide {
  background-color: #f1f1f1;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.search9 .search-block {
  position: absolute;
  top: 0;
  right: null;
  bottom: null;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 350px;
}
.search9 .search-block .search-content {
  margin-top: 40px;
  position: absolute;
  top: 50%;
  right: null;
  bottom: null;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 820px) {
  .search9 .search-block .search-content {
    width: 80%;
  }
}
.search9 .search-block .search-title {
  margin: 0 auto;
  max-width: 520px;
  color: white;
  width: 80%;
}
@media only screen and (max-width: 820px) {
  .search9 .search-block .search-title {
    width: 100%;
  }
}
.search9 .search-block .search-title .title {
  margin-bottom: 10px;
  font-size: 50px;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 1px;
}
@media only screen and (max-width: 425px) {
  .search9 .search-block .search-title .title {
    font-size: 42px;
  }
}
.search9 .search-block .search-title .sub-title {
  margin-bottom: 10px;
  font-size: 24px;
  text-align: center;
  letter-spacing: 1px;
}
@media only screen and (max-width: 425px) {
  .search9 .search-block .search-title .sub-title {
    font-size: 18px;
  }
}
.search10 {
  margin-bottom: 40px;
  position: relative;
}
@media only screen and (max-width: 580px) {
  .search10 {
    margin-bottom: 20px;
  }
}
.search10 .swiper-container.wl-kv-slider {
  position: relative;
  width: 100%;
  height: 313px;
}
.search10 .swiper-container.wl-kv-slider .swiper-slide {
  display: block;
  background-color: #f1f1f1;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.search10 .swiper-container.wl-kv-slider .button-next,
.search10 .swiper-container.wl-kv-slider .button-prev {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 30px;
  height: 30px;
  border: solid white;
  border-width: 0 4px 4px 0;
  padding: 3px;
}
.search10 .swiper-container.wl-kv-slider .button-next {
  right: 30px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.search10 .swiper-container.wl-kv-slider .button-prev {
  left: 30px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.search10 .search-block {
  padding: 15px 0;
  background-color: #424242;
}
@media only screen and (max-width: 1200px) {
  .search10 .search-block {
    padding: 15px;
  }
}
.search10 .search-block .wl-search-pc {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}
.search11 {
  position: relative;
}
.search11 .banner {
  width: 100%;
  padding-bottom: 25%;
  background-color: #f1f1f1;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1200px) {
  .search11 .banner {
    padding-bottom: 40%;
  }
}
@media only screen and (max-width: 580px) {
  .search11 .banner {
    margin-bottom: 20px;
    padding-bottom: 80%;
  }
}
.slider1 {
  margin-bottom: 20px;
  position: relative;
}
@media only screen and (max-width: 580px) {
  .slider1 {
    margin-bottom: 20px;
  }
}
.slider1 .swiper-container.wl-kv-slider {
  position: relative;
  width: 100%;
  height: 470px;
}
.slider1 .swiper-container.wl-kv-slider .swiper-slide {
  display: block;
  background-color: #f1f1f1;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.slider1 .swiper-container.wl-kv-slider .button-next,
.slider1 .swiper-container.wl-kv-slider .button-prev {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 30px;
  height: 30px;
  border: solid white;
  border-width: 0 4px 4px 0;
  padding: 3px;
}
.slider1 .swiper-container.wl-kv-slider .button-next {
  right: 30px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.slider1 .swiper-container.wl-kv-slider .button-prev {
  left: 30px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.slider1 .search-block {
  padding: 15px 0;
  background-color: #424242;
}
@media only screen and (max-width: 1200px) {
  .slider1 .search-block {
    padding: 15px;
  }
}
.slider1 .search-block .wl-search-pc {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}
.slider2 {
  margin-bottom: 20px;
  position: relative;
}
@media only screen and (max-width: 580px) {
  .slider2 {
    margin-bottom: 20px;
  }
}
.slider2 .swiper-container.wl-kv-slider {
  position: relative;
  width: 100%;
  height: 235px;
}
.slider2 .swiper-container.wl-kv-slider .swiper-slide {
  display: block;
  background-color: #f1f1f1;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.slider2 .swiper-container.wl-kv-slider .button-next,
.slider2 .swiper-container.wl-kv-slider .button-prev {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 30px;
  height: 30px;
  border: solid white;
  border-width: 0 4px 4px 0;
  padding: 3px;
}
.slider2 .swiper-container.wl-kv-slider .button-next {
  right: 30px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.slider2 .swiper-container.wl-kv-slider .button-prev {
  left: 30px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.slider2 .search-block {
  padding: 15px 0;
  background-color: #424242;
}
@media only screen and (max-width: 1200px) {
  .slider2 .search-block {
    padding: 15px;
  }
}
.slider2 .search-block .wl-search-pc {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}
.pr1 {
  padding: 20px 0;
  display: flex;
  flex-flow: row wrap;
}
@media only screen and (max-width: 800px) {
  .pr1 {
    padding: 20px;
  }
}
.pr1 .pr-banner-block {
  flex: 1;
  flex-basis: 70%;
  margin-right: 30px;
}
@media only screen and (max-width: 1200px) {
  .pr1 .pr-banner-block {
    flex-basis: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .pr1 .pr-banner-block {
    margin-bottom: 10px;
  }
}
.pr1 .pr-banner-block .pr-banner-list {
  font-size: 0;
}
.pr1 .pr-banner-block .pr-banner-list li {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 10px);
}
.pr1 .pr-banner-block .pr-banner-list li:nth-child(-n+2) {
  margin-bottom: 20px;
}
.pr1 .pr-banner-block .pr-banner-list li:nth-child(odd) {
  margin-right: 20px;
}
@media only screen and (max-width: 768px) {
  .pr1 .pr-banner-block .pr-banner-list li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.pr1 .pr-banner-block .pr-banner-list li a {
  display: block;
  width: 100%;
  padding-bottom: 66.237%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  -webkit-transition: -webkit--webkit-transform 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  -moz-transition: -webkit--moz-transform 0.2s ease, -moz-transform 0.2s ease, -moz-box-shadow 0.2s ease;
  -o-transition: -webkit--o-transform 0.2s ease, -o-transform 0.2s ease, box-shadow 0.2s ease;
  transition: -webkit--webkit-transform 0.2s ease,-webkit--moz-transform 0.2s ease,-webkit--o-transform 0.2s ease,-webkit-transform 0.2s ease,-webkit-transform 0.2s ease,-moz-transform 0.2s ease,-o-transform 0.2s ease,transform 0.2s ease, box-shadow 0.2s ease;
}
@media only screen and (min-width: 768px) {
  .pr1 .pr-banner-block .pr-banner-list li a:hover {
    -webkit-transform: translate(0, -4px);
    -moz-transform: translate(0, -4px);
    -ms-transform: translate(0, -4px);
    -o-transform: translate(0, -4px);
    transform: translate(0, -4px);
    -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
  }
}
.pr1 .pr-banner-block .pr-banner-list li a.banner {
  width: 100%;
  padding-bottom: 66.237%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.pr1 .pr-banner-block .pr-banner-list li img {
  display: block;
  width: 100%;
}
.pr1 .pr-text-block {
  padding: 25px 30px;
  flex: 1;
  flex-basis: calc(30% - 30px);
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  background-color: white;
}
@media only screen and (max-width: 1200px) {
  .pr1 .pr-text-block {
    width: 100%;
  }
}
.pr1 .pr-text-block .title-teaser {
  margin-bottom: 10px;
}
.pr1 .pr-text-block .pr-text-list li {
  display: block;
  border-bottom: 1px solid #eee;
}
.pr1 .pr-text-block .pr-text-list li:last-child {
  border-bottom: 0;
}
.pr1 .pr-text-block .pr-text-list a {
  padding: 15px 0;
  display: block;
  color: #333;
  font-size: 15px;
}
@media only screen and (max-width: 1200px) {
  .pr1 .pr-text-block .pr-text-list a {
    display: flex;
    padding: 12px 0;
  }
}
.pr1 .pr-text-block .pr-text-list a:hover .pd-title {
  color: #666;
}
.pr1 .pr-text-block .pr-text-list a .pd-title {
  margin-bottom: 4px;
  font-weight: normal;
}
@media only screen and (max-width: 1200px) {
  .pr1 .pr-text-block .pr-text-list a .pd-title {
    width: calc(100% - 150px);
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 768px) {
  .pr1 .pr-text-block .pr-text-list a .pd-title {
    width: calc(100% - 80px);
  }
}
.pr1 .pr-text-block .pr-text-list .price {
  text-align: right;
  color: #00afff;
  font-size: 18px;
  font-weight: bold;
}
.pr1 .pr-text-block .pr-text-list .price .unit {
  font-size: 14px;
}
@media only screen and (max-width: 1200px) {
  .pr1 .pr-text-block .pr-text-list .price {
    width: 150px;
  }
}
body.large .pr1 .pr-text-block .pr-text-list a {
  font-size: 16px;
}
body.large .pr1 .pr-text-block .pr-text-list .price {
  font-size: 20px;
}
body.large-x .pr1 .pr-text-block .pr-text-list a {
  font-size: 17px;
}
body.large-x .pr1 .pr-text-block .pr-text-list .price {
  font-size: 24px;
}
.pr2 {
  padding: 20px 20px;
}
.pr2 .pr-inner {
  padding: 30px 20px 20px;
  margin-bottom: 50px;
  background-color: white;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  text-align: center;
}
.pr2 .block-title {
  margin-bottom: 10px;
}
.pr2 .pr-list li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 10px;
}
.pr2 .pr-list li a {
  color: #00afff;
}
.pr2 .pr-list li a:hover {
  opacity: 0.6;
}
.pr3 {
  margin-bottom: 50px;
  text-align: center;
}
.pr3 .block-title {
  margin-bottom: 20px;
}
.pr3 .pr-theme-list {
  margin-bottom: 10px;
}
.pr3 .pr-theme-list li {
  margin-bottom: 30px;
  display: inline-block;
  vertical-align: middle;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.pr3 .pr-theme-list li:first-child {
  border-left: 0;
}
.pr3 .pr-theme-list li button {
  position: relative;
  padding: 5px 30px;
  font-size: 16px;
  color: #666;
}
.pr3 .pr-theme-list li.is-acted button {
  color: #00afff;
  font-weight: bold;
}
.pr3 .pr-theme-list li.is-acted button::before {
  position: absolute;
  top: null;
  right: null;
  bottom: -10px;
  left: 30px;
  z-index: 2;
  content: '';
  width: calc(100% - 60px);
  height: 3px;
  background-color: #00afff;
}
.pr3 .pr-list {
  display: flex;
  flex-wrap: wrap;
}
.pr3 .pr-list li {
  display: block;
  margin-right: 20px;
  margin-bottom: 20px;
  flex-basis: calc(25% - 15px);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  -webkit-transition: -webkit--webkit-transform 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  -moz-transition: -webkit--moz-transform 0.2s ease, -moz-transform 0.2s ease, -moz-box-shadow 0.2s ease;
  -o-transition: -webkit--o-transform 0.2s ease, -o-transform 0.2s ease, box-shadow 0.2s ease;
  transition: -webkit--webkit-transform 0.2s ease,-webkit--moz-transform 0.2s ease,-webkit--o-transform 0.2s ease,-webkit-transform 0.2s ease,-webkit-transform 0.2s ease,-moz-transform 0.2s ease,-o-transform 0.2s ease,transform 0.2s ease, box-shadow 0.2s ease;
}
.pr3 .pr-list li::before {
  content: '';
  float: left;
  padding-top: 100%;
}
.pr3 .pr-list li:nth-child(4n) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) {
  .pr3 .pr-list li:hover {
    -webkit-transform: translate(0, -4px);
    -moz-transform: translate(0, -4px);
    -ms-transform: translate(0, -4px);
    -o-transform: translate(0, -4px);
    transform: translate(0, -4px);
    -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (max-width: 768px) {
  .pr3 .pr-list li {
    flex-basis: calc(33.333% - 13.333px);
  }
  .pr3 .pr-list li:nth-child(4n) {
    margin-right: 20px;
  }
  .pr3 .pr-list li:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 580px) {
  .pr3 .pr-list li {
    flex-basis: calc(50% - 10px);
  }
  .pr3 .pr-list li:nth-child(3n) {
    margin-right: 20px;
  }
  .pr3 .pr-list li:nth-child(even) {
    margin-right: 0;
  }
}
.pr3 .pr-list a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.pr3 .pr-list .pr-title {
  position: absolute;
  top: null;
  right: null;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 12px 20px 0;
  width: 100%;
  min-height: 60px;
  text-align: left;
  color: white;
  font-size: 18px;
  background-image: top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%;
  background-image: to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%;
}
.pr4 {
  padding: 20px 0 60px;
}
@media only screen and (max-width: 800px) {
  .pr4 {
    padding: 40px 10px;
  }
}
.pr4 .block-title {
  margin-bottom: 20px;
  text-align: center;
}
.pr4 .pr-inner {
  position: relative;
}
.pr4 .pr4-slider {
  display: block;
  margin: 0 auto 10px;
  width: calc(100% - 120px);
}
.pr4 .pr4-slider .pr-link {
  display: block;
}
.pr4 .pr4-slider .pr-img {
  margin-bottom: 20px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  padding-bottom: 100%;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  -webkit-transition: -webkit--webkit-transform 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  -moz-transition: -webkit--moz-transform 0.2s ease, -moz-transform 0.2s ease, -moz-box-shadow 0.2s ease;
  -o-transition: -webkit--o-transform 0.2s ease, -o-transform 0.2s ease, box-shadow 0.2s ease;
  transition: -webkit--webkit-transform 0.2s ease,-webkit--moz-transform 0.2s ease,-webkit--o-transform 0.2s ease,-webkit-transform 0.2s ease,-webkit-transform 0.2s ease,-moz-transform 0.2s ease,-o-transform 0.2s ease,transform 0.2s ease, box-shadow 0.2s ease;
}
.pr4 .pr4-slider .pr-title {
  color: #666;
  text-align: center;
  font-weight: normal;
  font-size: 15px;
}
.pr4 .pr4-slider-page {
  width: 100%;
  text-align: center;
}
.pr4 .pr4-slider-page > * {
  margin: 0 4px;
}
body.large .pr4 .pr4-slider .pr-title {
  font-size: 16px;
}
body.large-x .pr4 .pr4-slider .pr-title {
  font-size: 17px;
}
.tour1 {
  padding: 20px 0 0;
}
@media only screen and (max-width: 800px) {
  .tour1 {
    padding: 20px;
  }
}
.tour1 .title-teaser {
  margin-bottom: 10px;
}
.tour1 .pd-list {
  display: flex;
  flex-flow: row wrap;
}
.tour1 .pd-list .pd-box {
  flex: 1;
  margin-right: 20px;
  margin-bottom: 20px;
  width: calc(25% - 15px);
}
.tour1 .pd-list .pd-box:nth-child(4n) {
  margin-right: 0;
}
@media only screen and (max-width: 1200px) {
  .tour1 .pd-list .pd-box {
    flex-basis: calc(50% - 10px);
  }
  .tour1 .pd-list .pd-box:nth-child(even) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 425px) {
  .tour1 .pd-list .pd-box {
    flex-basis: 100%;
    margin-right: 0;
  }
}
.tour2 {
  padding: 20px 0 0;
}
@media only screen and (max-width: 800px) {
  .tour2 {
    padding: 20px;
  }
}
.tour2 .title-teaser {
  margin-bottom: 10px;
}
.tour2 .pd-list {
  display: flex;
  flex-flow: row wrap;
}
.tour2 .pd-list .pd-box {
  margin-right: 20px;
  margin-bottom: 20px;
  flex-basis: calc(33.333% - 15px);
}
.tour2 .pd-list .pd-box:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 1200px) {
  .tour2 .pd-list .pd-box {
    flex-basis: calc(50% - 10px);
  }
  .tour2 .pd-list .pd-box:nth-child(3n) {
    margin-right: 20px;
  }
  .tour2 .pd-list .pd-box:nth-child(even) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 425px) {
  .tour2 .pd-list .pd-box {
    flex-basis: 100%;
    margin-right: 0;
  }
  .tour2 .pd-list .pd-box:nth-child(3n) {
    margin-right: 0;
  }
}
.tour3 {
  display: flex;
  padding: 20px 0;
}
@media only screen and (max-width: 1200px) {
  .tour3 {
    display: block;
  }
}
@media only screen and (max-width: 800px) {
  .tour3 {
    padding: 20px;
  }
}
.tour3 .pd-img {
  flex-basis: 66%;
}
@media only screen and (max-width: 1200px) {
  .tour3 .pd-img {
    flex-basis: 100%;
  }
}
.tour3 .pd-img a {
  display: block;
  width: 100%;
  padding-bottom: 66.237%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.tour3 .pd-img img {
  display: block;
  width: 100%;
}
.tour3 .pd-content {
  flex-basis: 34%;
  padding: 10px 0 30px 30px;
}
@media only screen and (max-width: 1200px) {
  .tour3 .pd-content {
    padding: 20px 10px 30px 10px;
    flex-basis: 100%;
  }
}
.tour3 .pd-content .block-title {
  margin-bottom: 20px;
  font-size: 32px;
}
@media only screen and (max-width: 1200px) {
  .tour3 .pd-content .block-title {
    margin-bottom: 5px;
  }
}
.tour3 .pd-content .title-teaser {
  margin-bottom: 20px;
  color: #666;
  line-height: 1.8;
}
.tour3 .pd-content .pd-link {
  background-color: #00afff;
  color: white;
  padding: 12px 30px;
  -webkit-border-radius: 50px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50px;
  -moz-background-clip: padding;
  border-radius: 50px;
  background-clip: padding-box;
  font-size: 15px;
}
@media only screen and (min-width: 768px) {
  .tour3 .pd-content .pd-link:hover {
    opacity: 0.7;
  }
}
.tour4 {
  display: flex;
  padding: 20px 0;
}
@media only screen and (max-width: 1200px) {
  .tour4 {
    display: block;
  }
}
@media only screen and (max-width: 800px) {
  .tour4 {
    padding: 20px;
  }
}
.tour4 .pd-content {
  flex-basis: 34%;
  padding: 10px 30px 30px 0;
}
@media only screen and (max-width: 1200px) {
  .tour4 .pd-content {
    padding: 0 10px 30px 10px;
    flex-basis: 100%;
  }
}
.tour4 .pd-content .block-title {
  margin-bottom: 20px;
  font-size: 32px;
}
@media only screen and (max-width: 1200px) {
  .tour4 .pd-content .block-title {
    margin-bottom: 5px;
  }
}
.tour4 .pd-content .title-teaser {
  margin-bottom: 20px;
  color: #666;
  line-height: 1.8;
}
.tour4 .pd-content .pd-link {
  background-color: #00afff;
  color: white;
  padding: 12px 30px;
  -webkit-border-radius: 50px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50px;
  -moz-background-clip: padding;
  border-radius: 50px;
  background-clip: padding-box;
  font-size: 15px;
}
@media only screen and (min-width: 768px) {
  .tour4 .pd-content .pd-link:hover {
    opacity: 0.7;
  }
}
.tour4 .pd-img {
  flex-basis: 66%;
}
@media only screen and (max-width: 1200px) {
  .tour4 .pd-img {
    flex-basis: 100%;
  }
}
.tour4 .pd-img a {
  display: block;
  width: 100%;
  padding-bottom: 66.237%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.tour4 .pd-img img {
  display: block;
  width: 100%;
}
.tour5 {
  display: flex;
  padding: 20px 0;
  flex-wrap: wrap;
}
@media only screen and (max-width: 800px) {
  .tour5 {
    padding: 20px;
  }
}
.tour5 > * {
  display: block;
  margin-right: 20px;
  flex-basis: calc(33.333% - 15px);
}
.tour5 > *::before {
  content: '';
  float: left;
  padding-top: 100%;
}
.tour5 > *:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 1200px) {
  .tour5 > * {
    flex-basis: calc(50% - 10px);
    margin-bottom: 20px;
  }
  .tour5 > *:nth-child(3n) {
    margin-right: 20px;
  }
  .tour5 > *:nth-child(even) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 1200px) {
  .tour5 .pd-content {
    padding: 0 10px;
    margin-bottom: 0;
    margin-right: 0;
    flex-basis: 100%;
  }
  .tour5 .pd-content::before {
    display: none;
  }
}
.tour5 .pd-content .block-title {
  margin-bottom: 20px;
  font-size: 32px;
}
@media only screen and (max-width: 1200px) {
  .tour5 .pd-content .block-title {
    margin-bottom: 5px;
  }
}
.tour5 .pd-content .title-teaser {
  color: #666;
  line-height: 1.8;
}
.tour5 .pd-img {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.tour6 {
  display: flex;
  padding: 20px 0;
  flex-wrap: wrap;
}
@media only screen and (max-width: 800px) {
  .tour6 {
    padding: 20px;
  }
}
.tour6 > * {
  display: block;
  margin-right: 20px;
  flex-basis: calc(33.333% - 15px);
}
.tour6 > *::before {
  content: '';
  float: left;
  padding-top: 100%;
}
.tour6 > *:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 1200px) {
  .tour6 > * {
    flex-basis: calc(50% - 10px);
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1200px) {
  .tour6 .pd-content {
    padding: 0 10px;
    margin-bottom: 20px;
    margin-right: 0;
    flex-basis: 100%;
  }
  .tour6 .pd-content::before {
    display: none;
  }
}
.tour6 .pd-content .block-title {
  margin-bottom: 20px;
  font-size: 32px;
}
@media only screen and (max-width: 1200px) {
  .tour6 .pd-content .block-title {
    margin-bottom: 5px;
  }
}
.tour6 .pd-content .title-teaser {
  color: #666;
  line-height: 1.8;
}
.tour6 .pd-img {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.about1 {
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.about1::after {
  position: absolute;
  top: 0;
  right: null;
  bottom: null;
  left: 0;
  z-index: 1;
  content: '';
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.about1 .about-main {
  position: relative;
  padding: 100px 0;
  color: white;
  z-index: 2;
  width: 50%;
  font-weight: bold;
  letter-spacing: 1px;
}
@media only screen and (max-width: 1200px) {
  .about1 .about-main {
    padding-right: 30px;
    padding-left: 30px;
    width: 100%;
  }
}
.about1 .about-main .about-title {
  margin-bottom: 40px;
  font-size: 36px;
}
.about1 .about-main .about-content {
  font-size: 15px;
  line-height: 2.2;
}
body.large .about1 .about-main .about-title {
  margin-bottom: 35px;
  font-size: 38px;
}
body.large .about1 .about-main .about-content {
  font-size: 16px;
  line-height: 2.1;
}
body.large-x .about1 .about-main .about-title {
  margin-bottom: 30px;
  font-size: 39px;
}
body.large-x .about1 .about-main .about-content {
  font-size: 17px;
  line-height: 2;
}
.about2 {
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.about2::after {
  position: absolute;
  top: 0;
  right: null;
  bottom: null;
  left: 0;
  z-index: 1;
  content: '';
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.about2 .wl-section-block {
  display: flex;
  justify-content: flex-end;
}
.about2 .about-main {
  position: relative;
  z-index: 2;
  padding: 100px 0;
  color: white;
  width: 50%;
  font-weight: bold;
  letter-spacing: 1px;
}
@media only screen and (max-width: 1200px) {
  .about2 .about-main {
    padding-right: 30px;
    padding-left: 30px;
    width: 100%;
  }
}
.about2 .about-main .about-title {
  margin-bottom: 40px;
  font-size: 36px;
}
.about2 .about-main .about-content {
  font-size: 15px;
  line-height: 2.2;
}
body.large .about2 .about-main .about-title {
  margin-bottom: 35px;
  font-size: 38px;
}
body.large .about2 .about-main .about-content {
  font-size: 16px;
  line-height: 2.1;
}
body.large-x .about2 .about-main .about-title {
  margin-bottom: 30px;
  font-size: 39px;
}
body.large-x .about2 .about-main .about-content {
  font-size: 17px;
  line-height: 2;
}
.about3 {
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.about3::after {
  position: absolute;
  top: 0;
  right: null;
  bottom: null;
  left: 0;
  z-index: 1;
  content: '';
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.about3 .wl-section-block {
  display: flex;
  justify-content: center;
}
.about3 .about-main {
  position: relative;
  padding: 100px 0;
  color: white;
  z-index: 2;
  width: 50%;
  font-weight: bold;
  letter-spacing: 1px;
}
@media only screen and (max-width: 1200px) {
  .about3 .about-main {
    padding-right: 30px;
    padding-left: 30px;
    width: 100%;
  }
}
.about3 .about-main .about-title {
  margin-bottom: 40px;
  font-size: 36px;
}
.about3 .about-main .about-content {
  font-size: 15px;
  line-height: 2.2;
}
body.large .about3 .about-main .about-title {
  margin-bottom: 35px;
  font-size: 38px;
}
body.large .about3 .about-main .about-content {
  font-size: 16px;
  line-height: 2.1;
}
body.large-x .about3 .about-main .about-title {
  margin-bottom: 30px;
  font-size: 39px;
}
body.large-x .about3 .about-main .about-content {
  font-size: 17px;
  line-height: 2;
}
.about4 {
  margin: 0 auto;
  padding: 20px 0;
}
@media only screen and (max-width: 800px) {
  .about4 {
    padding: 20px;
  }
}
.about4 .about-title {
  margin-bottom: 20px;
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  .about4 .about-title {
    margin-bottom: 30px;
  }
}
.about4 .about-list {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .about4 .about-list {
    display: block;
  }
}
.about4 .about-list .list-item {
  padding-top: 15px;
  flex: 1;
  border-top: 3px solid #ddd;
}
@media only screen and (max-width: 768px) {
  .about4 .about-list .list-item {
    margin-bottom: 30px;
  }
}
.about4 .about-list .list-item:nth-child(odd) {
  margin-right: 50px;
}
@media only screen and (max-width: 768px) {
  .about4 .about-list .list-item:nth-child(odd) {
    margin-right: 0;
  }
}
.about4 .about-list .list-item .about-list-title {
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: normal;
}
.about4 .about-list .list-item .content {
  font-size: 15px;
  line-height: 2;
  color: #666;
}
body.large .about4 .about-title {
  font-size: 25px;
}
body.large .about4 .about-list .list-item .about-list-title {
  font-size: 24px;
}
body.large .about4 .about-list .list-item .content {
  font-size: 16px;
  line-height: 1.8;
}
body.large-x .about4 .about-title {
  font-size: 26px;
}
body.large-x .about4 .about-list .list-item .about-list-title {
  font-size: 25px;
}
body.large-x .about4 .about-list .list-item .content {
  font-size: 17px;
  line-height: 1.8;
}
.about5 {
  margin: 0 auto -20px;
  padding: 20px 0 0;
}
@media only screen and (max-width: 800px) {
  .about5 {
    padding: 20px 20px 0;
  }
}
.about5 .about-title {
  margin-bottom: 20px;
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  .about5 .about-title {
    margin-bottom: 30px;
  }
}
.about5 .about-list {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .about5 .about-list {
    display: block;
  }
}
.about5 .about-list .list-item {
  margin-bottom: 40px;
  padding-top: 15px;
  width: calc(50% - 25px);
  border-top: 3px solid #ddd;
}
@media only screen and (max-width: 768px) {
  .about5 .about-list .list-item {
    width: 100%;
  }
}
.about5 .about-list .list-item:nth-child(odd) {
  margin-right: 50px;
}
@media only screen and (max-width: 768px) {
  .about5 .about-list .list-item:nth-child(odd) {
    margin-right: 0;
  }
}
.about5 .about-list .list-item .about-list-title {
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: normal;
}
.about5 .about-list .list-item .content {
  font-size: 15px;
  line-height: 2;
  color: #666;
}
body.large .about5 .about-title {
  font-size: 25px;
}
body.large .about5 .about-list .list-item .about-list-title {
  font-size: 24px;
}
body.large .about5 .about-list .list-item .content {
  font-size: 16px;
  line-height: 1.8;
}
body.large-x .about5 .about-title {
  font-size: 26px;
}
body.large-x .about5 .about-list .list-item .about-list-title {
  font-size: 25px;
}
body.large-x .about5 .about-list .list-item .content {
  font-size: 17px;
  line-height: 1.8;
}
.about6 {
  margin: 0 auto;
  padding: 20px 0;
}
@media only screen and (max-width: 800px) {
  .about6 {
    padding: 20px;
  }
}
.about6 .about-title {
  margin-bottom: 20px;
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  .about6 .about-title {
    margin-bottom: 30px;
  }
}
.about6 .about-list {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .about6 .about-list {
    display: block;
  }
}
.about6 .about-list .list-item {
  padding-top: 15px;
  flex: 1;
  border-top: 3px solid #ddd;
}
@media only screen and (max-width: 768px) {
  .about6 .about-list .list-item {
    margin-bottom: 30px;
  }
}
.about6 .about-list .list-item:nth-child(odd) {
  margin-right: 50px;
}
@media only screen and (max-width: 768px) {
  .about6 .about-list .list-item:nth-child(odd) {
    margin-right: 0;
  }
}
.about6 .about-list .list-item .about-list-title {
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: normal;
}
.about6 .about-list .list-item .content {
  font-size: 15px;
  line-height: 2;
  color: #666;
}
body.large .about6 .about-title {
  font-size: 25px;
}
body.large .about6 .about-list .list-item .about-list-title {
  font-size: 24px;
}
body.large .about6 .about-list .list-item .content {
  font-size: 16px;
  line-height: 1.8;
}
body.large-x .about6 .about-title {
  font-size: 26px;
}
body.large-x .about6 .about-list .list-item .about-list-title {
  font-size: 25px;
}
body.large-x .about6 .about-list .list-item .content {
  font-size: 17px;
  line-height: 1.8;
}
.about7 {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
}
@media only screen and (max-width: 800px) {
  .about7 {
    padding: 20px;
  }
}
.about7 > * {
  display: block;
  margin-right: 40px;
  flex-basis: calc(33.333% - 27px);
}
.about7 > *::before {
  content: '';
  float: left;
  padding-top: 100%;
}
.about7 > *:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 1200px) {
  .about7 > * {
    margin-right: 20px;
    flex-basis: calc(50% - 10px);
    margin-bottom: 30px;
  }
  .about7 > *:nth-child(3n) {
    margin-right: 40px;
  }
  .about7 > *:nth-child(even) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 1200px) {
  .about7 .pd-content {
    margin-bottom: 0;
    margin-right: 0;
    flex-basis: 100%;
  }
  .about7 .pd-content::before {
    display: none;
  }
}
.about7 .pd-content .block-title {
  margin-bottom: 20px;
  font-size: 32px;
}
@media only screen and (max-width: 1200px) {
  .about7 .pd-content .block-title {
    margin-bottom: 5px;
  }
}
.about7 .pd-content .title-teaser {
  color: #666;
  line-height: 1.8;
}
.about7 .pd-img {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
body.large .about7 .pd-content .block-title {
  font-size: 33px;
}
body.large-x .about7 .pd-content .block-title {
  font-size: 34px;
}
.about8 {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
}
@media only screen and (max-width: 800px) {
  .about8 {
    padding: 20px;
  }
}
.about8 > * {
  display: block;
  margin-right: 40px;
  flex-basis: calc(33.333% - 27px);
}
.about8 > *::before {
  content: '';
  float: left;
  padding-top: 100%;
}
.about8 > *:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 1200px) {
  .about8 > * {
    margin-right: 20px;
    flex-basis: calc(50% - 10px);
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1200px) {
  .about8 .pd-content {
    margin-bottom: 30px;
    margin-right: 0;
    flex-basis: 100%;
  }
  .about8 .pd-content::before {
    display: none;
  }
}
.about8 .pd-content .block-title {
  margin-bottom: 20px;
  font-size: 32px;
}
@media only screen and (max-width: 1200px) {
  .about8 .pd-content .block-title {
    margin-bottom: 5px;
  }
}
.about8 .pd-content .title-teaser {
  color: #666;
  line-height: 1.8;
}
.about8 .pd-img {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
body.large .about8 .pd-content .block-title {
  font-size: 33px;
}
body.large-x .about8 .pd-content .block-title {
  font-size: 34px;
}
.about9 {
  padding: 20px 0;
  display: flex;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}
@media only screen and (max-width: 1200px) {
  .about9 {
    display: block;
    max-width: 768px;
  }
}
@media only screen and (max-width: 800px) {
  .about9 {
    padding: 20px;
  }
}
.about9 > * {
  flex: 1;
}
.about9 .about-img .img {
  width: 110%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  padding-bottom: 70%;
}
@media only screen and (max-width: 1200px) {
  .about9 .about-img .img {
    width: 100%;
  }
}
.about9 .about-inner {
  padding: 50px;
  background-color: white;
  -webkit-transform: translate(-40px, 40px);
  -moz-transform: translate(-40px, 40px);
  -ms-transform: translate(-40px, 40px);
  -o-transform: translate(-40px, 40px);
  transform: translate(-40px, 40px);
}
@media only screen and (max-width: 1200px) {
  .about9 .about-inner {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
  }
}
.about9 .about-inner .about-title {
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 24px;
  border-bottom: 2px solid #ddd;
}
.about9 .about-inner .about-sub-title {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
}
.about9 .about-inner .about-content {
  line-height: 1.8;
  font-size: 15px;
  color: #666;
}
body.large .about9 .about-inner .about-title {
  font-size: 25px;
}
body.large .about9 .about-inner .about-sub-title {
  font-size: 19px;
}
body.large .about9 .about-inner .about-content {
  font-size: 16px;
}
body.large-x .about9 .about-inner .about-title {
  font-size: 26px;
}
body.large-x .about9 .about-inner .about-sub-title {
  font-size: 20px;
}
body.large-x .about9 .about-inner .about-content {
  font-size: 17px;
}
.group1 {
  margin: 0 auto;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1200px;
  padding: 10px 20px;
  background-color: white !important;
  margin: 0 auto 30px !important;
}
@media only screen and (max-width: 1200px) {
  .group1 {
    max-width: none;
    padding: 20px;
  }
}
.group1 .group-title {
  margin-bottom: 20px;
  font-size: 24px;
  text-align: center;
  color: #555;
}
.group1 .tour_info .list-detail {
  font-size: 16px;
  border: none;
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  padding: 20px;
  white-space: inherit;
}
.group1 .tour_info .list-detail[data-index="20"] tr:nth-child(101) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="20"] tr:nth-child(101) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="20"] tr:nth-child(100) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="20"] tr:nth-child(100) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="20"] tr:nth-child(99) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="20"] tr:nth-child(99) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="20"] tr:nth-child(98) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="20"] tr:nth-child(98) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="20"] tr:nth-child(97) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="20"] tr:nth-child(97) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="19"] tr:nth-child(96) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="19"] tr:nth-child(96) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="19"] tr:nth-child(95) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="19"] tr:nth-child(95) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="19"] tr:nth-child(94) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="19"] tr:nth-child(94) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="19"] tr:nth-child(93) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="19"] tr:nth-child(93) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="19"] tr:nth-child(92) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="19"] tr:nth-child(92) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="18"] tr:nth-child(91) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="18"] tr:nth-child(91) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="18"] tr:nth-child(90) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="18"] tr:nth-child(90) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="18"] tr:nth-child(89) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="18"] tr:nth-child(89) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="18"] tr:nth-child(88) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="18"] tr:nth-child(88) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="18"] tr:nth-child(87) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="18"] tr:nth-child(87) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="17"] tr:nth-child(86) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="17"] tr:nth-child(86) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="17"] tr:nth-child(85) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="17"] tr:nth-child(85) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="17"] tr:nth-child(84) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="17"] tr:nth-child(84) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="17"] tr:nth-child(83) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="17"] tr:nth-child(83) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="17"] tr:nth-child(82) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="17"] tr:nth-child(82) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="16"] tr:nth-child(81) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="16"] tr:nth-child(81) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="16"] tr:nth-child(80) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="16"] tr:nth-child(80) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="16"] tr:nth-child(79) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="16"] tr:nth-child(79) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="16"] tr:nth-child(78) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="16"] tr:nth-child(78) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="16"] tr:nth-child(77) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="16"] tr:nth-child(77) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="15"] tr:nth-child(76) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="15"] tr:nth-child(76) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="15"] tr:nth-child(75) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="15"] tr:nth-child(75) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="15"] tr:nth-child(74) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="15"] tr:nth-child(74) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="15"] tr:nth-child(73) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="15"] tr:nth-child(73) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="15"] tr:nth-child(72) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="15"] tr:nth-child(72) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="14"] tr:nth-child(71) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="14"] tr:nth-child(71) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="14"] tr:nth-child(70) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="14"] tr:nth-child(70) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="14"] tr:nth-child(69) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="14"] tr:nth-child(69) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="14"] tr:nth-child(68) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="14"] tr:nth-child(68) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="14"] tr:nth-child(67) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="14"] tr:nth-child(67) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="13"] tr:nth-child(66) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="13"] tr:nth-child(66) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="13"] tr:nth-child(65) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="13"] tr:nth-child(65) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="13"] tr:nth-child(64) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="13"] tr:nth-child(64) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="13"] tr:nth-child(63) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="13"] tr:nth-child(63) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="13"] tr:nth-child(62) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="13"] tr:nth-child(62) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="12"] tr:nth-child(61) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="12"] tr:nth-child(61) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="12"] tr:nth-child(60) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="12"] tr:nth-child(60) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="12"] tr:nth-child(59) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="12"] tr:nth-child(59) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="12"] tr:nth-child(58) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="12"] tr:nth-child(58) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="12"] tr:nth-child(57) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="12"] tr:nth-child(57) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="11"] tr:nth-child(56) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="11"] tr:nth-child(56) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="11"] tr:nth-child(55) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="11"] tr:nth-child(55) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="11"] tr:nth-child(54) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="11"] tr:nth-child(54) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="11"] tr:nth-child(53) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="11"] tr:nth-child(53) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="11"] tr:nth-child(52) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="11"] tr:nth-child(52) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="10"] tr:nth-child(51) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="10"] tr:nth-child(51) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="10"] tr:nth-child(50) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="10"] tr:nth-child(50) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="10"] tr:nth-child(49) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="10"] tr:nth-child(49) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="10"] tr:nth-child(48) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="10"] tr:nth-child(48) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="10"] tr:nth-child(47) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="10"] tr:nth-child(47) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="9"] tr:nth-child(46) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="9"] tr:nth-child(46) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="9"] tr:nth-child(45) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="9"] tr:nth-child(45) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="9"] tr:nth-child(44) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="9"] tr:nth-child(44) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="9"] tr:nth-child(43) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="9"] tr:nth-child(43) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="9"] tr:nth-child(42) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="9"] tr:nth-child(42) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="8"] tr:nth-child(41) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="8"] tr:nth-child(41) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="8"] tr:nth-child(40) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="8"] tr:nth-child(40) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="8"] tr:nth-child(39) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="8"] tr:nth-child(39) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="8"] tr:nth-child(38) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="8"] tr:nth-child(38) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="8"] tr:nth-child(37) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="8"] tr:nth-child(37) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="7"] tr:nth-child(36) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="7"] tr:nth-child(36) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="7"] tr:nth-child(35) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="7"] tr:nth-child(35) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="7"] tr:nth-child(34) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="7"] tr:nth-child(34) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="7"] tr:nth-child(33) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="7"] tr:nth-child(33) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="7"] tr:nth-child(32) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="7"] tr:nth-child(32) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="6"] tr:nth-child(31) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="6"] tr:nth-child(31) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="6"] tr:nth-child(30) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="6"] tr:nth-child(30) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="6"] tr:nth-child(29) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="6"] tr:nth-child(29) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="6"] tr:nth-child(28) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="6"] tr:nth-child(28) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="6"] tr:nth-child(27) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="6"] tr:nth-child(27) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="5"] tr:nth-child(26) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="5"] tr:nth-child(26) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="5"] tr:nth-child(25) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="5"] tr:nth-child(25) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="5"] tr:nth-child(24) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="5"] tr:nth-child(24) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="5"] tr:nth-child(23) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="5"] tr:nth-child(23) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="5"] tr:nth-child(22) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="5"] tr:nth-child(22) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="4"] tr:nth-child(21) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="4"] tr:nth-child(21) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="4"] tr:nth-child(20) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="4"] tr:nth-child(20) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="4"] tr:nth-child(19) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="4"] tr:nth-child(19) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="4"] tr:nth-child(18) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="4"] tr:nth-child(18) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="4"] tr:nth-child(17) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="4"] tr:nth-child(17) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="3"] tr:nth-child(16) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="3"] tr:nth-child(16) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="3"] tr:nth-child(15) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="3"] tr:nth-child(15) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="3"] tr:nth-child(14) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="3"] tr:nth-child(14) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="3"] tr:nth-child(13) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="3"] tr:nth-child(13) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="3"] tr:nth-child(12) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="3"] tr:nth-child(12) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="2"] tr:nth-child(11) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="2"] tr:nth-child(11) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="2"] tr:nth-child(10) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="2"] tr:nth-child(10) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="2"] tr:nth-child(9) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="2"] tr:nth-child(9) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="2"] tr:nth-child(8) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="2"] tr:nth-child(8) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="2"] tr:nth-child(7) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="2"] tr:nth-child(7) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="1"] tr:nth-child(6) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="1"] tr:nth-child(6) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="1"] tr:nth-child(5) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="1"] tr:nth-child(5) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="1"] tr:nth-child(4) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="1"] tr:nth-child(4) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="1"] tr:nth-child(3) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="1"] tr:nth-child(3) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail[data-index="1"] tr:nth-child(2) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail[data-index="1"] tr:nth-child(2) {
    display: inline-block;
  }
}
.group1 .tour_info .list-detail th,
.group1 .tour_info .list-detail td {
  padding: 12px 10px;
  word-break: break-word;
  vertical-align: middle;
}
.group1 .tour_info .list-detail tr {
  display: none;
}
.group1 .tour_info .list-detail tr:hover {
  background-color: #f5f5f5;
}
.group1 .tour_info .list-detail tr:nth-child(1) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail tr {
    display: none;
    height: 48px;
    overflow: hidden;
    border-bottom: 1px solid #eeeeee;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
  }
  .group1 .tour_info .list-detail tr:nth-child(1) {
    display: none;
  }
  .group1 .tour_info .list-detail tr:hover {
    background-color: white;
  }
  .group1 .tour_info .list-detail tr.active {
    height: auto;
  }
  .group1 .tour_info .list-detail tr.active .datetime i {
    transform: rotate(180deg);
  }
}
.group1 .tour_info .list-detail th {
  color: #a1a1a1;
  font-weight: bold;
}
.group1 .tour_info .list-detail td {
  border-bottom: 1px solid #eeeeee;
  position: relative;
}
.group1 .tour_info .list-detail td.datetime {
  color: #ff7272;
  text-shadow: 0px 1px white, 1px 1px #e4e4e4;
}
.group1 .tour_info .list-detail td.datetime i {
  display: none;
}
.group1 .tour_info .list-detail td.title {
  position: relative;
}
.group1 .tour_info .list-detail td.title a {
  color: #656565;
  font-weight: bold;
  letter-spacing: 2px;
}
.group1 .tour_info .list-detail td.title a:hover {
  transition-delay: 2s;
}
.group1 .tour_info .list-detail td.title .tag-list {
  display: block;
}
.group1 .tour_info .list-detail td.title .tag-list > * {
  display: inline-block;
  padding: 2px 7px;
  font-size: 12px;
  margin-bottom: 5px;
  color: white;
  border-radius: 5px;
  margin-right: 5px;
}
.group1 .tour_info .list-detail td.title .tag-list .sale-tag1 {
  background-color: rgba(208, 68, 243, 0.8);
}
.group1 .tour_info .list-detail td.title .tag-list .sale-tag2 {
  background-color: rgba(68, 150, 243, 0.8);
}
.group1 .tour_info .list-detail td.title .tag-list .sale-tag3 {
  background-color: rgba(118, 219, 59, 0.8);
}
.group1 .tour_info .list-detail td.title .tag-list .sale-tag4 {
  background-color: rgba(243, 68, 76, 0.8);
}
.group1 .tour_info .list-detail td.title .tag-list .sale-note {
  background-color: #f9c26d;
}
.group1 .tour_info .list-detail td.title .promotion-block {
  display: none;
}
.group1 .tour_info .list-detail td.title .promotion-block i.cancel {
  position: fixed;
  display: none;
  top: 20px;
  right: 20px;
  z-index: 5;
  font-size: 25px;
  color: #bbbbbb;
}
.group1 .tour_info .list-detail td.title .promotion-block .flight-detail,
.group1 .tour_info .list-detail td.title .promotion-block .promotion-detail {
  position: absolute;
  display: table;
  left: -70px;
  top: 0px;
  z-index: 5;
  background-color: #1d1d1df5;
  color: white;
  width: 700px;
  font-size: 14px;
  border-radius: 5px;
}
.group1 .tour_info .list-detail td.title .promotion-block .flight-detail tr,
.group1 .tour_info .list-detail td.title .promotion-block .promotion-detail tr {
  display: table-row;
}
.group1 .tour_info .list-detail td.title .promotion-block .flight-detail tr:hover,
.group1 .tour_info .list-detail td.title .promotion-block .promotion-detail tr:hover {
  background-color: #1d1d1df5;
}
.group1 .tour_info .list-detail td.title .promotion-block .flight-detail th,
.group1 .tour_info .list-detail td.title .promotion-block .promotion-detail th,
.group1 .tour_info .list-detail td.title .promotion-block .flight-detail td,
.group1 .tour_info .list-detail td.title .promotion-block .promotion-detail td {
  word-break: break-word;
  vertical-align: middle;
}
.group1 .tour_info .list-detail td.title .promotion-block .flight-detail th,
.group1 .tour_info .list-detail td.title .promotion-block .promotion-detail th {
  color: white;
  font-weight: bold;
}
.group1 .tour_info .list-detail td.title .promotion-block .flight-detail td,
.group1 .tour_info .list-detail td.title .promotion-block .promotion-detail td {
  border-bottom: none;
}
.group1 .tour_info .list-detail td.title:hover {
  cursor: pointer;
}
.group1 .tour_info .list-detail td.title:hover .promotion-block {
  display: inline-block;
}
.group1 .tour_info .list-detail td.promotion-block {
  display: none;
}
.group1 .tour_info .list-detail td.status {
  font-weight: bold;
  color: #9e9e9e;
}
.group1 .tour_info .list-detail td.status .full {
  color: #f9c26d;
}
.group1 .tour_info .list-detail td.flight {
  position: relative;
}
.group1 .tour_info .list-detail td.flight i.airplane {
  position: relative;
  color: gray;
  z-index: 1;
  transform: rotate(45deg);
}
.group1 .tour_info .list-detail td.flight .flight-block {
  display: none;
}
.group1 .tour_info .list-detail td.flight .flight-block i.cancel {
  position: fixed;
  display: none;
  top: 20px;
  right: 20px;
  z-index: 5;
  font-size: 25px;
  color: #bbbbbb;
}
.group1 .tour_info .list-detail td.flight .flight-block .flight-detail {
  position: absolute;
  display: table;
  top: 65px;
  left: -485px;
  z-index: 3;
  background-color: #1d1d1df5;
  color: white;
  width: 900px;
  font-size: 14px;
  border-radius: 5px;
}
.group1 .tour_info .list-detail td.flight .flight-block .flight-detail tr {
  display: table-row;
}
.group1 .tour_info .list-detail td.flight .flight-block .flight-detail tr:hover {
  background-color: #464646;
}
.group1 .tour_info .list-detail td.flight .flight-block .flight-detail th,
.group1 .tour_info .list-detail td.flight .flight-block .flight-detail td {
  word-break: break-word;
  vertical-align: middle;
}
.group1 .tour_info .list-detail td.flight .flight-block .flight-detail th {
  color: white;
  font-weight: bold;
}
.group1 .tour_info .list-detail td.flight .flight-block .flight-detail td {
  border-bottom: none;
}
.group1 .tour_info .list-detail td.flight .flight-block .flight-detail td span {
  display: inline-block;
  color: #e5b346;
  margin-left: 5px;
  font-weight: bold;
}
.group1 .tour_info .list-detail td.flight .flight-block .flight-detail td:first-child {
  width: 64px;
}
.group1 .tour_info .list-detail td.flight .flight-block .flight-detail td:nth-child(2),
.group1 .tour_info .list-detail td.flight .flight-block .flight-detail td:nth-child(3) {
  width: 146px;
}
.group1 .tour_info .list-detail td.flight .flight-block .flight-detail td:last-child {
  width: 130px;
}
.group1 .tour_info .list-detail td.flight.active .flight-block {
  display: inline-block;
}
.group1 .tour_info .list-detail td.flight:hover {
  cursor: pointer;
}
.group1 .tour_info .list-detail td.flight:hover .flight-block {
  display: inline-block;
}
.group1 .tour_info .list-detail td > .interest-button {
  display: inline-block;
  padding: 6px 10px;
  text-decoration: none;
  background-color: #fb8787;
  color: white;
  font-weight: normal;
  border-radius: 20px;
  font-size: 13px;
  box-shadow: 0px 6px 7px rgba(239, 96, 96, 0.17);
  transition: all 0.3s ease 0s;
  text-transform: uppercase;
}
.group1 .tour_info .list-detail td > .interest-button:hover {
  background-color: #f3b544;
  box-shadow: 0px 15px 20px rgba(171, 154, 66, 0.4);
  color: #fff;
  transform: translateY(-2px);
}
.group1 .tour_info .list-detail td > .interest-button.service {
  border: 1px solid #fb8787;
  background-color: white;
  color: #ea6a6a;
}
.group1 .tour_info .list-detail td > .interest-button.service:hover {
  box-shadow: 0px 15px 20px #f1cfcf61;
}
.group1 .tour_info .list-detail td > .interest-button.disable {
  background-color: #c5c5c5;
  box-shadow: 0px 6px 7px rgba(152, 152, 152, 0.17);
}
.group1 .tour_info .list-detail td > .interest-button.disable:hover {
  background-color: #c5c5c5;
  transform: none;
  box-shadow: 0px 6px 7px rgba(152, 152, 152, 0.17);
}
.group1 .tour_info .list-detail td > .interest-button + button {
  margin-left: 3px;
}
.group1 .tour_info .list-detail td.center {
  text-align: center;
}
@media only screen and (max-width: 830px) {
  .group1 .tour_info .list-detail td {
    display: inline-block;
    width: 100%;
    border-bottom: none;
    text-align: left;
  }
  .group1 .tour_info .list-detail td.center {
    text-align: left;
  }
  .group1 .tour_info .list-detail td.datetime {
    position: relative;
    color: #faa0a1;
  }
  .group1 .tour_info .list-detail td.datetime i {
    position: absolute;
    display: inline-block;
    top: 7px;
    right: 10px;
    line-height: 25px;
    color: gray;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    border-radius: 50%;
    text-shadow: none;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: -webkit-transform 0.3s,-moz-transform 0.3s,-o-transform 0.3s,transform 0.3s;
  }
  .group1 .tour_info .list-detail td.datetime i:hover {
    cursor: pointer;
    background-color: #e6e6e6;
    color: white;
  }
  .group1 .tour_info .list-detail td.promotion-block {
    display: inline-block;
  }
  .group1 .tour_info .list-detail td[data-title] {
    width: calc(50% - 5px);
    height: 26px;
    line-height: 26px;
    padding-top: 0;
    font-size: 14px;
  }
  .group1 .tour_info .list-detail td[data-title]:before {
    display: inline-block;
    content: attr(data-title);
    width: calc(40% - 10px);
    color: #adadad;
  }
  .group1 .tour_info .list-detail td.long[data-title] {
    width: calc(100% - 5px);
    height: auto;
  }
  .group1 .tour_info .list-detail td.long[data-title]:before {
    display: inline-block;
    content: attr(data-title);
    width: 100%;
    color: #adadad;
  }
  .group1 .tour_info .list-detail td.flight:hover .flight-block {
    display: none;
  }
  .group1 .tour_info .list-detail td.flight.active .flight-block {
    display: inline-block;
  }
  .group1 .tour_info .list-detail td.flight .flight-block {
    display: none;
  }
  .group1 .tour_info .list-detail td.flight .flight-block.active {
    display: inline-block;
  }
  .group1 .tour_info .list-detail td.flight .flight-block i.cancel {
    display: inline-block;
  }
  .group1 .tour_info .list-detail td.flight .flight-block .flight-detail {
    position: fixed;
    padding: 10px;
    display: inline-block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #1d1d1deb;
    border-radius: 0;
    overflow-y: scroll;
    z-index: 3;
  }
  .group1 .tour_info .list-detail td.flight .flight-block .flight-detail tr {
    display: inline-block;
    border-bottom: 1px solid #4e4e4e;
    padding: 10px;
    height: auto;
  }
  .group1 .tour_info .list-detail td.flight .flight-block .flight-detail tr:first-child {
    display: none;
  }
  .group1 .tour_info .list-detail td.flight .flight-block .flight-detail td {
    display: inline-block;
    width: 100%;
    height: auto;
    padding-bottom: 0px;
  }
  .group1 .tour_info .list-detail td.flight .flight-block .flight-detail td:first-child {
    width: 100%;
  }
  .group1 .tour_info .list-detail td.flight .flight-block .flight-detail td:nth-child(2),
  .group1 .tour_info .list-detail td.flight .flight-block .flight-detail td:nth-child(3) {
    width: 100%;
  }
  .group1 .tour_info .list-detail td.flight .flight-block .flight-detail td:last-child {
    width: 100%;
  }
  .group1 .tour_info .list-detail td.flight .flight-block .flight-detail td[data-title] {
    width: 100%;
  }
  .group1 .tour_info .list-detail td.flight .flight-block .flight-detail td[data-title]:before {
    width: 80px;
  }
  .group1 .tour_info .list-detail td.title:hover .promotion-block {
    display: none;
  }
  .group1 .tour_info .list-detail td.title.active .promotion-block {
    display: inline-block;
  }
  .group1 .tour_info .list-detail td.title .promotion-block.active {
    display: inline-block;
  }
  .group1 .tour_info .list-detail td.title .promotion-block i.cancel {
    display: inline-block;
  }
  .group1 .tour_info .list-detail td.title .promotion-block .promotion-detail {
    position: fixed;
    padding: 10px;
    display: inline-block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #1d1d1deb;
    border-radius: 0;
    overflow-y: scroll;
    z-index: 3;
  }
  .group1 .tour_info .list-detail td.title .promotion-block .promotion-detail tr {
    display: inline-block;
    border-bottom: 1px solid #4e4e4e;
    padding: 10px;
    height: auto;
  }
  .group1 .tour_info .list-detail td.title .promotion-block .promotion-detail tr:first-child {
    display: none;
  }
  .group1 .tour_info .list-detail td.title .promotion-block .promotion-detail td {
    display: inline-block;
    width: 100%;
    height: auto;
    padding-bottom: 0px;
  }
  .group1 .tour_info .list-detail td.title .promotion-block .promotion-detail td:first-child {
    width: 100%;
  }
  .group1 .tour_info .list-detail td.title .promotion-block .promotion-detail td:nth-child(2),
  .group1 .tour_info .list-detail td.title .promotion-block .promotion-detail td:nth-child(3) {
    width: 100%;
  }
  .group1 .tour_info .list-detail td.title .promotion-block .promotion-detail td:last-child {
    width: 100%;
  }
  .group1 .tour_info .list-detail td.title .promotion-block .promotion-detail td[data-title] {
    width: 100%;
  }
  .group1 .tour_info .list-detail td.title .promotion-block .promotion-detail td[data-title]:before {
    width: 80px;
  }
}
.group1 .pagination {
  margin-top: 20px;
  text-align: left;
}
.group1 .pagination a {
  text-decoration: none;
  padding: 6px;
  font-size: 14px;
  border: 1px solid rgba(183, 183, 183, 0.3);
  color: #797979;
}
.group1 .pagination a i {
  color: #5394ea;
  font-size: 26px;
  line-height: 29px;
  height: 29px;
}
.group1 .pagination a:hover {
  cursor: pointer;
  box-shadow: 1px 1px 2px #b3b3b32b;
}
.group1 tr td,
.group1 tr th {
  text-align: center;
}
.group1 tr td:first-child,
.group1 tr th:first-child,
.group1 tr td:nth-child(6),
.group1 tr th:nth-child(6),
.group1 tr td:nth-child(7),
.group1 tr th:nth-child(7) {
  width: 110px;
}
.group1 tr td:nth-child(2),
.group1 tr th:nth-child(2) {
  width: 145px;
}
.group1 tr td:nth-child(3),
.group1 tr th:nth-child(3) {
  width: calc(100% - 725px);
  text-align: left;
}
.group1 tr td:nth-child(4),
.group1 tr th:nth-child(4),
.group1 tr td:nth-child(5),
.group1 tr th:nth-child(5) {
  width: 60px;
}
.group1 tr td:nth-child(5),
.group1 tr th:nth-child(5) {
  text-align: justify;
}
.group1 tr td:nth-child(6),
.group1 tr th:nth-child(6) {
  text-align: left;
}
.group1 tr td:last-child,
.group1 tr th:last-child {
  width: 130px;
  text-align: center;
}
.group1 body.large .group1 .group-title {
  font-size: 25px;
}
.group1 body.large-x .group1 .group-title {
  font-size: 26px;
}
.group2 {
  margin: 0 auto;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1200px;
  padding: 10px 20px;
  background-color: white !important;
  margin: 0 auto 30px !important;
}
@media only screen and (max-width: 1200px) {
  .group2 {
    max-width: none;
    padding: 20px;
  }
}
.group2 .group-title {
  margin-bottom: 20px;
  font-size: 24px;
  text-align: center;
  color: #555;
}
.group2 .tour_info .list-detail {
  font-size: 16px;
  border: none;
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  padding: 20px;
  white-space: inherit;
}
.group2 .tour_info .list-detail[data-index="20"] tr:nth-child(101) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="20"] tr:nth-child(101) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="20"] tr:nth-child(100) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="20"] tr:nth-child(100) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="20"] tr:nth-child(99) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="20"] tr:nth-child(99) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="20"] tr:nth-child(98) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="20"] tr:nth-child(98) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="20"] tr:nth-child(97) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="20"] tr:nth-child(97) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="19"] tr:nth-child(96) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="19"] tr:nth-child(96) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="19"] tr:nth-child(95) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="19"] tr:nth-child(95) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="19"] tr:nth-child(94) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="19"] tr:nth-child(94) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="19"] tr:nth-child(93) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="19"] tr:nth-child(93) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="19"] tr:nth-child(92) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="19"] tr:nth-child(92) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="18"] tr:nth-child(91) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="18"] tr:nth-child(91) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="18"] tr:nth-child(90) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="18"] tr:nth-child(90) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="18"] tr:nth-child(89) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="18"] tr:nth-child(89) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="18"] tr:nth-child(88) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="18"] tr:nth-child(88) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="18"] tr:nth-child(87) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="18"] tr:nth-child(87) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="17"] tr:nth-child(86) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="17"] tr:nth-child(86) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="17"] tr:nth-child(85) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="17"] tr:nth-child(85) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="17"] tr:nth-child(84) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="17"] tr:nth-child(84) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="17"] tr:nth-child(83) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="17"] tr:nth-child(83) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="17"] tr:nth-child(82) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="17"] tr:nth-child(82) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="16"] tr:nth-child(81) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="16"] tr:nth-child(81) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="16"] tr:nth-child(80) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="16"] tr:nth-child(80) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="16"] tr:nth-child(79) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="16"] tr:nth-child(79) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="16"] tr:nth-child(78) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="16"] tr:nth-child(78) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="16"] tr:nth-child(77) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="16"] tr:nth-child(77) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="15"] tr:nth-child(76) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="15"] tr:nth-child(76) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="15"] tr:nth-child(75) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="15"] tr:nth-child(75) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="15"] tr:nth-child(74) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="15"] tr:nth-child(74) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="15"] tr:nth-child(73) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="15"] tr:nth-child(73) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="15"] tr:nth-child(72) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="15"] tr:nth-child(72) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="14"] tr:nth-child(71) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="14"] tr:nth-child(71) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="14"] tr:nth-child(70) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="14"] tr:nth-child(70) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="14"] tr:nth-child(69) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="14"] tr:nth-child(69) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="14"] tr:nth-child(68) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="14"] tr:nth-child(68) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="14"] tr:nth-child(67) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="14"] tr:nth-child(67) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="13"] tr:nth-child(66) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="13"] tr:nth-child(66) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="13"] tr:nth-child(65) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="13"] tr:nth-child(65) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="13"] tr:nth-child(64) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="13"] tr:nth-child(64) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="13"] tr:nth-child(63) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="13"] tr:nth-child(63) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="13"] tr:nth-child(62) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="13"] tr:nth-child(62) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="12"] tr:nth-child(61) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="12"] tr:nth-child(61) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="12"] tr:nth-child(60) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="12"] tr:nth-child(60) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="12"] tr:nth-child(59) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="12"] tr:nth-child(59) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="12"] tr:nth-child(58) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="12"] tr:nth-child(58) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="12"] tr:nth-child(57) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="12"] tr:nth-child(57) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="11"] tr:nth-child(56) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="11"] tr:nth-child(56) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="11"] tr:nth-child(55) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="11"] tr:nth-child(55) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="11"] tr:nth-child(54) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="11"] tr:nth-child(54) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="11"] tr:nth-child(53) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="11"] tr:nth-child(53) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="11"] tr:nth-child(52) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="11"] tr:nth-child(52) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="10"] tr:nth-child(51) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="10"] tr:nth-child(51) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="10"] tr:nth-child(50) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="10"] tr:nth-child(50) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="10"] tr:nth-child(49) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="10"] tr:nth-child(49) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="10"] tr:nth-child(48) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="10"] tr:nth-child(48) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="10"] tr:nth-child(47) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="10"] tr:nth-child(47) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="9"] tr:nth-child(46) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="9"] tr:nth-child(46) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="9"] tr:nth-child(45) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="9"] tr:nth-child(45) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="9"] tr:nth-child(44) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="9"] tr:nth-child(44) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="9"] tr:nth-child(43) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="9"] tr:nth-child(43) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="9"] tr:nth-child(42) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="9"] tr:nth-child(42) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="8"] tr:nth-child(41) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="8"] tr:nth-child(41) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="8"] tr:nth-child(40) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="8"] tr:nth-child(40) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="8"] tr:nth-child(39) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="8"] tr:nth-child(39) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="8"] tr:nth-child(38) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="8"] tr:nth-child(38) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="8"] tr:nth-child(37) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="8"] tr:nth-child(37) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="7"] tr:nth-child(36) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="7"] tr:nth-child(36) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="7"] tr:nth-child(35) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="7"] tr:nth-child(35) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="7"] tr:nth-child(34) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="7"] tr:nth-child(34) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="7"] tr:nth-child(33) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="7"] tr:nth-child(33) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="7"] tr:nth-child(32) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="7"] tr:nth-child(32) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="6"] tr:nth-child(31) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="6"] tr:nth-child(31) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="6"] tr:nth-child(30) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="6"] tr:nth-child(30) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="6"] tr:nth-child(29) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="6"] tr:nth-child(29) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="6"] tr:nth-child(28) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="6"] tr:nth-child(28) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="6"] tr:nth-child(27) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="6"] tr:nth-child(27) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="5"] tr:nth-child(26) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="5"] tr:nth-child(26) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="5"] tr:nth-child(25) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="5"] tr:nth-child(25) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="5"] tr:nth-child(24) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="5"] tr:nth-child(24) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="5"] tr:nth-child(23) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="5"] tr:nth-child(23) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="5"] tr:nth-child(22) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="5"] tr:nth-child(22) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="4"] tr:nth-child(21) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="4"] tr:nth-child(21) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="4"] tr:nth-child(20) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="4"] tr:nth-child(20) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="4"] tr:nth-child(19) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="4"] tr:nth-child(19) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="4"] tr:nth-child(18) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="4"] tr:nth-child(18) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="4"] tr:nth-child(17) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="4"] tr:nth-child(17) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="3"] tr:nth-child(16) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="3"] tr:nth-child(16) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="3"] tr:nth-child(15) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="3"] tr:nth-child(15) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="3"] tr:nth-child(14) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="3"] tr:nth-child(14) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="3"] tr:nth-child(13) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="3"] tr:nth-child(13) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="3"] tr:nth-child(12) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="3"] tr:nth-child(12) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="2"] tr:nth-child(11) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="2"] tr:nth-child(11) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="2"] tr:nth-child(10) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="2"] tr:nth-child(10) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="2"] tr:nth-child(9) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="2"] tr:nth-child(9) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="2"] tr:nth-child(8) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="2"] tr:nth-child(8) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="2"] tr:nth-child(7) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="2"] tr:nth-child(7) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="1"] tr:nth-child(6) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="1"] tr:nth-child(6) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="1"] tr:nth-child(5) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="1"] tr:nth-child(5) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="1"] tr:nth-child(4) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="1"] tr:nth-child(4) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="1"] tr:nth-child(3) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="1"] tr:nth-child(3) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail[data-index="1"] tr:nth-child(2) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail[data-index="1"] tr:nth-child(2) {
    display: inline-block;
  }
}
.group2 .tour_info .list-detail th,
.group2 .tour_info .list-detail td {
  padding: 12px 10px;
  word-break: break-word;
  vertical-align: middle;
}
.group2 .tour_info .list-detail tr {
  display: none;
}
.group2 .tour_info .list-detail tr:hover {
  background-color: #f5f5f5;
}
.group2 .tour_info .list-detail tr:nth-child(1) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail tr {
    display: none;
    height: 48px;
    overflow: hidden;
    border-bottom: 1px solid #eeeeee;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
  }
  .group2 .tour_info .list-detail tr:nth-child(1) {
    display: none;
  }
  .group2 .tour_info .list-detail tr:hover {
    background-color: white;
  }
  .group2 .tour_info .list-detail tr.active {
    height: auto;
  }
  .group2 .tour_info .list-detail tr.active .datetime i {
    transform: rotate(180deg);
  }
}
.group2 .tour_info .list-detail th {
  color: #a1a1a1;
  font-weight: bold;
}
.group2 .tour_info .list-detail td {
  border-bottom: 1px solid #eeeeee;
  position: relative;
}
.group2 .tour_info .list-detail td.datetime {
  color: #ff7272;
  text-shadow: 0px 1px white, 1px 1px #e4e4e4;
}
.group2 .tour_info .list-detail td.datetime i {
  display: none;
}
.group2 .tour_info .list-detail td.title {
  position: relative;
}
.group2 .tour_info .list-detail td.title a {
  color: #656565;
  font-weight: bold;
  letter-spacing: 2px;
}
.group2 .tour_info .list-detail td.title .tag-list {
  display: block;
}
.group2 .tour_info .list-detail td.title .tag-list > * {
  display: inline-block;
  padding: 2px 7px;
  font-size: 12px;
  margin-bottom: 5px;
  color: white;
  border-radius: 5px;
  margin-right: 5px;
}
.group2 .tour_info .list-detail td.title .tag-list .sale-tag1 {
  background-color: rgba(208, 68, 243, 0.8);
}
.group2 .tour_info .list-detail td.title .tag-list .sale-tag2 {
  background-color: rgba(68, 150, 243, 0.8);
}
.group2 .tour_info .list-detail td.title .tag-list .sale-tag3 {
  background-color: rgba(118, 219, 59, 0.8);
}
.group2 .tour_info .list-detail td.title .tag-list .sale-tag4 {
  background-color: rgba(243, 68, 76, 0.8);
}
.group2 .tour_info .list-detail td.title .tag-list .sale-note {
  background-color: #f9c26d;
}
.group2 .tour_info .list-detail td.title .promotion-block {
  display: none;
}
.group2 .tour_info .list-detail td.title .promotion-block i.cancel {
  position: fixed;
  display: none;
  top: 20px;
  right: 20px;
  z-index: 5;
  font-size: 25px;
  color: #bbbbbb;
}
.group2 .tour_info .list-detail td.title .promotion-block .flight-detail,
.group2 .tour_info .list-detail td.title .promotion-block .promotion-detail {
  position: absolute;
  display: table;
  left: -70px;
  top: 0px;
  z-index: 5;
  background-color: #1d1d1df5;
  color: white;
  width: 700px;
  font-size: 14px;
  border-radius: 5px;
}
.group2 .tour_info .list-detail td.title .promotion-block .flight-detail tr,
.group2 .tour_info .list-detail td.title .promotion-block .promotion-detail tr {
  display: table-row;
}
.group2 .tour_info .list-detail td.title .promotion-block .flight-detail tr:hover,
.group2 .tour_info .list-detail td.title .promotion-block .promotion-detail tr:hover {
  background-color: #1d1d1df5;
}
.group2 .tour_info .list-detail td.title .promotion-block .flight-detail th,
.group2 .tour_info .list-detail td.title .promotion-block .promotion-detail th,
.group2 .tour_info .list-detail td.title .promotion-block .flight-detail td,
.group2 .tour_info .list-detail td.title .promotion-block .promotion-detail td {
  word-break: break-word;
  vertical-align: middle;
}
.group2 .tour_info .list-detail td.title .promotion-block .flight-detail th,
.group2 .tour_info .list-detail td.title .promotion-block .promotion-detail th {
  color: white;
  font-weight: bold;
}
.group2 .tour_info .list-detail td.title .promotion-block .flight-detail td,
.group2 .tour_info .list-detail td.title .promotion-block .promotion-detail td {
  border-bottom: none;
}
.group2 .tour_info .list-detail td.title:hover {
  cursor: pointer;
}
.group2 .tour_info .list-detail td.title:hover .promotion-block {
  display: inline-block;
}
.group2 .tour_info .list-detail td.promotion-block {
  display: none;
}
.group2 .tour_info .list-detail td.status {
  font-weight: bold;
  color: #9e9e9e;
}
.group2 .tour_info .list-detail td.status .full {
  color: #f9c26d;
}
.group2 .tour_info .list-detail td.flight {
  position: relative;
}
.group2 .tour_info .list-detail td.flight i.airplane {
  position: relative;
  color: gray;
  z-index: 1;
  transform: rotate(45deg);
}
.group2 .tour_info .list-detail td.flight .flight-block {
  display: none;
}
.group2 .tour_info .list-detail td.flight .flight-block i.cancel {
  position: fixed;
  display: none;
  top: 20px;
  right: 20px;
  z-index: 5;
  font-size: 25px;
  color: #bbbbbb;
}
.group2 .tour_info .list-detail td.flight .flight-block .flight-detail {
  position: absolute;
  display: table;
  top: 65px;
  left: -485px;
  z-index: 3;
  background-color: #1d1d1df5;
  color: white;
  width: 900px;
  font-size: 14px;
  border-radius: 5px;
}
.group2 .tour_info .list-detail td.flight .flight-block .flight-detail tr {
  display: table-row;
}
.group2 .tour_info .list-detail td.flight .flight-block .flight-detail tr:hover {
  background-color: #464646;
}
.group2 .tour_info .list-detail td.flight .flight-block .flight-detail th,
.group2 .tour_info .list-detail td.flight .flight-block .flight-detail td {
  word-break: break-word;
  vertical-align: middle;
}
.group2 .tour_info .list-detail td.flight .flight-block .flight-detail th {
  color: white;
  font-weight: bold;
}
.group2 .tour_info .list-detail td.flight .flight-block .flight-detail td {
  border-bottom: none;
}
.group2 .tour_info .list-detail td.flight .flight-block .flight-detail td span {
  display: inline-block;
  color: #e5b346;
  margin-left: 5px;
  font-weight: bold;
}
.group2 .tour_info .list-detail td.flight .flight-block .flight-detail td:first-child {
  width: 64px;
}
.group2 .tour_info .list-detail td.flight .flight-block .flight-detail td:nth-child(2),
.group2 .tour_info .list-detail td.flight .flight-block .flight-detail td:nth-child(3) {
  width: 146px;
}
.group2 .tour_info .list-detail td.flight .flight-block .flight-detail td:last-child {
  width: 130px;
}
.group2 .tour_info .list-detail td.flight.active .flight-block {
  display: inline-block;
}
.group2 .tour_info .list-detail td.flight:hover {
  cursor: pointer;
}
.group2 .tour_info .list-detail td.flight:hover .flight-block {
  display: inline-block;
}
.group2 .tour_info .list-detail td > .interest-button {
  display: inline-block;
  padding: 6px 10px;
  text-decoration: none;
  background-color: #fb8787;
  color: white;
  font-weight: normal;
  border-radius: 20px;
  font-size: 13px;
  box-shadow: 0px 6px 7px rgba(239, 96, 96, 0.17);
  transition: all 0.3s ease 0s;
  text-transform: uppercase;
}
.group2 .tour_info .list-detail td > .interest-button:hover {
  background-color: #f3b544;
  box-shadow: 0px 15px 20px rgba(171, 154, 66, 0.4);
  color: #fff;
  transform: translateY(-2px);
}
.group2 .tour_info .list-detail td > .interest-button.service {
  border: 1px solid #fb8787;
  background-color: white;
  color: #ea6a6a;
}
.group2 .tour_info .list-detail td > .interest-button.service:hover {
  box-shadow: 0px 15px 20px #f1cfcf61;
}
.group2 .tour_info .list-detail td > .interest-button.disable {
  background-color: #c5c5c5;
  box-shadow: 0px 6px 7px rgba(152, 152, 152, 0.17);
}
.group2 .tour_info .list-detail td > .interest-button.disable:hover {
  background-color: #c5c5c5;
  transform: none;
  box-shadow: 0px 6px 7px rgba(152, 152, 152, 0.17);
}
.group2 .tour_info .list-detail td > .interest-button + button {
  margin-left: 3px;
}
.group2 .tour_info .list-detail td.center {
  text-align: center;
}
@media only screen and (max-width: 830px) {
  .group2 .tour_info .list-detail td {
    display: inline-block;
    width: 100%;
    border-bottom: none;
    text-align: left;
  }
  .group2 .tour_info .list-detail td.center {
    text-align: left;
  }
  .group2 .tour_info .list-detail td.datetime {
    position: relative;
    color: #faa0a1;
  }
  .group2 .tour_info .list-detail td.datetime i {
    position: absolute;
    display: inline-block;
    top: 7px;
    right: 10px;
    line-height: 25px;
    color: gray;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    border-radius: 50%;
    text-shadow: none;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: -webkit-transform 0.3s,-moz-transform 0.3s,-o-transform 0.3s,transform 0.3s;
  }
  .group2 .tour_info .list-detail td.datetime i:hover {
    cursor: pointer;
    background-color: #e6e6e6;
    color: white;
  }
  .group2 .tour_info .list-detail td.promotion-block {
    display: inline-block;
  }
  .group2 .tour_info .list-detail td[data-title] {
    width: calc(50% - 5px);
    height: 26px;
    line-height: 26px;
    padding-top: 0;
    font-size: 14px;
  }
  .group2 .tour_info .list-detail td[data-title]:before {
    display: inline-block;
    content: attr(data-title);
    width: calc(40% - 10px);
    color: #adadad;
  }
  .group2 .tour_info .list-detail td.long[data-title] {
    width: calc(100% - 5px);
    height: auto;
  }
  .group2 .tour_info .list-detail td.long[data-title]:before {
    display: inline-block;
    content: attr(data-title);
    width: 100%;
    color: #adadad;
  }
  .group2 .tour_info .list-detail td.flight:hover .flight-block {
    display: none;
  }
  .group2 .tour_info .list-detail td.flight.active .flight-block {
    display: inline-block;
  }
  .group2 .tour_info .list-detail td.flight .flight-block {
    display: none;
  }
  .group2 .tour_info .list-detail td.flight .flight-block.active {
    display: inline-block;
  }
  .group2 .tour_info .list-detail td.flight .flight-block i.cancel {
    display: inline-block;
  }
  .group2 .tour_info .list-detail td.flight .flight-block .flight-detail {
    position: fixed;
    padding: 10px;
    display: inline-block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #1d1d1deb;
    border-radius: 0;
    overflow-y: scroll;
    z-index: 3;
  }
  .group2 .tour_info .list-detail td.flight .flight-block .flight-detail tr {
    display: inline-block;
    border-bottom: 1px solid #4e4e4e;
    padding: 10px;
    height: auto;
  }
  .group2 .tour_info .list-detail td.flight .flight-block .flight-detail tr:first-child {
    display: none;
  }
  .group2 .tour_info .list-detail td.flight .flight-block .flight-detail td {
    display: inline-block;
    width: 100%;
    height: auto;
    padding-bottom: 0px;
  }
  .group2 .tour_info .list-detail td.flight .flight-block .flight-detail td:first-child {
    width: 100%;
  }
  .group2 .tour_info .list-detail td.flight .flight-block .flight-detail td:nth-child(2),
  .group2 .tour_info .list-detail td.flight .flight-block .flight-detail td:nth-child(3) {
    width: 100%;
  }
  .group2 .tour_info .list-detail td.flight .flight-block .flight-detail td:last-child {
    width: 100%;
  }
  .group2 .tour_info .list-detail td.flight .flight-block .flight-detail td[data-title] {
    width: 100%;
  }
  .group2 .tour_info .list-detail td.flight .flight-block .flight-detail td[data-title]:before {
    width: 80px;
  }
  .group2 .tour_info .list-detail td.title:hover .promotion-block {
    display: none;
  }
  .group2 .tour_info .list-detail td.title.active .promotion-block {
    display: inline-block;
  }
  .group2 .tour_info .list-detail td.title .promotion-block.active {
    display: inline-block;
  }
  .group2 .tour_info .list-detail td.title .promotion-block i.cancel {
    display: inline-block;
  }
  .group2 .tour_info .list-detail td.title .promotion-block .promotion-detail {
    position: fixed;
    padding: 10px;
    display: inline-block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #1d1d1deb;
    border-radius: 0;
    overflow-y: scroll;
    z-index: 3;
  }
  .group2 .tour_info .list-detail td.title .promotion-block .promotion-detail tr {
    display: inline-block;
    border-bottom: 1px solid #4e4e4e;
    padding: 10px;
    height: auto;
  }
  .group2 .tour_info .list-detail td.title .promotion-block .promotion-detail tr:first-child {
    display: none;
  }
  .group2 .tour_info .list-detail td.title .promotion-block .promotion-detail td {
    display: inline-block;
    width: 100%;
    height: auto;
    padding-bottom: 0px;
  }
  .group2 .tour_info .list-detail td.title .promotion-block .promotion-detail td:first-child {
    width: 100%;
  }
  .group2 .tour_info .list-detail td.title .promotion-block .promotion-detail td:nth-child(2),
  .group2 .tour_info .list-detail td.title .promotion-block .promotion-detail td:nth-child(3) {
    width: 100%;
  }
  .group2 .tour_info .list-detail td.title .promotion-block .promotion-detail td:last-child {
    width: 100%;
  }
  .group2 .tour_info .list-detail td.title .promotion-block .promotion-detail td[data-title] {
    width: 100%;
  }
  .group2 .tour_info .list-detail td.title .promotion-block .promotion-detail td[data-title]:before {
    width: 80px;
  }
}
.group2 .pagination {
  margin-top: 20px;
  text-align: left;
}
.group2 .pagination a {
  text-decoration: none;
  padding: 6px;
  font-size: 14px;
  border: 1px solid rgba(183, 183, 183, 0.3);
  color: #797979;
}
.group2 .pagination a i {
  color: #5394ea;
  font-size: 26px;
  line-height: 29px;
  height: 29px;
}
.group2 .pagination a:hover {
  cursor: pointer;
  box-shadow: 1px 1px 2px #b3b3b32b;
}
.group2 tr td,
.group2 tr th {
  text-align: center;
}
.group2 tr td:first-child,
.group2 tr th:first-child,
.group2 tr td:nth-child(6),
.group2 tr th:nth-child(6),
.group2 tr td:nth-child(7),
.group2 tr th:nth-child(7) {
  width: 110px;
}
.group2 tr td:nth-child(2),
.group2 tr th:nth-child(2) {
  width: 145px;
}
.group2 tr td:nth-child(3),
.group2 tr th:nth-child(3) {
  width: calc(100% - 725px);
  text-align: left;
}
.group2 tr td:nth-child(4),
.group2 tr th:nth-child(4),
.group2 tr td:nth-child(5),
.group2 tr th:nth-child(5) {
  width: 60px;
}
.group2 tr td:nth-child(5),
.group2 tr th:nth-child(5) {
  text-align: justify;
}
.group2 tr td:nth-child(6),
.group2 tr th:nth-child(6) {
  text-align: left;
}
.group2 tr td:last-child,
.group2 tr th:last-child {
  width: 130px;
  text-align: center;
}
.group2 body.large .group1 .group-title {
  font-size: 25px;
}
.group2 body.large-x .group1 .group-title {
  font-size: 26px;
}
.title1 {
  text-align: center;
  padding: 20px 0 0;
}
@media only screen and (max-width: 800px) {
  .title1 {
    padding: 20px 20px 0;
  }
}
.title1 .title {
  font-size: 32px;
  color: #333;
}
.title1 .subtitle {
  font-size: 15px;
  color: #999;
}
body.large .title1 .title {
  font-size: 33px;
}
body.large .title1 .subtitle {
  font-size: 16px;
}
body.large-x .title1 .title {
  font-size: 34px;
}
body.large-x .title1 .subtitle {
  font-size: 17px;
}
.paragraph1 {
  line-height: 2;
  font-size: 16px;
  padding: 20px 0;
  color: #666;
}
@media only screen and (max-width: 800px) {
  .paragraph1 {
    padding: 20px;
  }
}
body.large .paragraph1 {
  font-size: 17px;
}
body.large-x .paragraph1 {
  line-height: 2.2;
  font-size: 18px;
}
.qrcode1 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  padding: 20px 0;
}
@media only screen and (max-width: 800px) {
  .qrcode1 {
    padding: 20px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.qrcode1 .img {
  display: block;
  margin-right: 20px;
  width: 180px;
}
@media only screen and (max-width: 480px) {
  .qrcode1 .img {
    width: calc(50% - 20px);
  }
}
.qrcode1 .img img {
  display: block;
  width: 100%;
}
.qrcode1 .content {
  padding-left: 40px;
}
.qrcode1 .content .block-title {
  margin-bottom: 10px;
}
.qrcode1 .content .title-teaser {
  color: #666;
}
@media only screen and (max-width: 768px) {
  .qrcode1 .content {
    padding-left: 0;
    width: 100%;
    padding-top: 20px;
    text-align: center;
  }
}
.qrcode2 {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
}
@media only screen and (max-width: 800px) {
  .qrcode2 {
    padding: 20px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.qrcode2 .img {
  display: block;
  margin-right: 20px;
  width: 180px;
}
@media only screen and (max-width: 480px) {
  .qrcode2 .img {
    width: calc(50% - 20px);
  }
}
.qrcode2 .img img {
  display: block;
  width: 100%;
}
.qrcode2 .content {
  width: calc(100% - 400px);
  padding-right: 40px;
}
.qrcode2 .content .block-title {
  margin-bottom: 10px;
}
.qrcode2 .content .title-teaser {
  color: #666;
}
@media only screen and (max-width: 768px) {
  .qrcode2 .content {
    padding-right: 0;
    padding-bottom: 20px;
    width: 100%;
    text-align: center;
  }
}
.scence1 {
  padding: 20px 0;
}
@media only screen and (max-width: 800px) {
  .scence1 {
    padding: 20px;
  }
}
.scence1 .scence-wrap {
  margin-top: 15px;
}
@media only screen and (max-width: 800px) {
  .scence1 .scence-wrap {
    height: 135px;
    overflow: hidden;
  }
}
.scence1 .scence-list {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 800px) {
  .scence1 .scence-list {
    padding-bottom: 30px;
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.scence1 .scence-list > * {
  display: block;
  width: calc(25% - 16px);
  margin: 8px;
  -webkit-transition: -webkit--webkit-transform 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  -moz-transition: -webkit--moz-transform 0.2s ease, -moz-transform 0.2s ease, -moz-box-shadow 0.2s ease;
  -o-transition: -webkit--o-transform 0.2s ease, -o-transform 0.2s ease, box-shadow 0.2s ease;
  transition: -webkit--webkit-transform 0.2s ease,-webkit--moz-transform 0.2s ease,-webkit--o-transform 0.2s ease,-webkit-transform 0.2s ease,-webkit-transform 0.2s ease,-moz-transform 0.2s ease,-o-transform 0.2s ease,transform 0.2s ease, box-shadow 0.2s ease;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
}
@media only screen and (min-width: 1200px) {
  .scence1 .scence-list > *:hover {
    -webkit-transform: translate(0, -4px);
    -moz-transform: translate(0, -4px);
    -ms-transform: translate(0, -4px);
    -o-transform: translate(0, -4px);
    transform: translate(0, -4px);
    -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (max-width: 800px) {
  .scence1 .scence-list > * {
    display: inline-block;
    vertical-align: middle;
    width: 280px;
  }
}
.scence1 .scence-list > * a {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 44%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.scence1 .scence-list > * a::before {
  content: '';
  position: absolute;
  top: null;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: null;
  height: 50%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0, rgba(0, 0, 0, 0.8) 100%);
}
.scence1 .scence-list > * a .scence-title {
  position: absolute;
  top: null;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: null;
  display: block;
  padding: 0 16px 16px;
  font-size: 17px;
  line-height: 20px;
  color: #fff;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  word-break: break-all;
  white-space: pre-wrap;
}
.scence2 {
  padding: 20px 0;
}
@media only screen and (max-width: 800px) {
  .scence2 {
    padding: 20px;
  }
}
.scence2 .scence-wrap {
  margin-top: 15px;
}
@media only screen and (max-width: 800px) {
  .scence2 .scence-wrap {
    height: 310px;
    overflow: hidden;
  }
}
.scence2 .scence-list {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 800px) {
  .scence2 .scence-list {
    padding-bottom: 30px;
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.scence2 .scence-list > * {
  display: block;
  flex: 1;
  margin: 8px;
  -webkit-transition: -webkit--webkit-transform 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  -moz-transition: -webkit--moz-transform 0.2s ease, -moz-transform 0.2s ease, -moz-box-shadow 0.2s ease;
  -o-transition: -webkit--o-transform 0.2s ease, -o-transform 0.2s ease, box-shadow 0.2s ease;
  transition: -webkit--webkit-transform 0.2s ease,-webkit--moz-transform 0.2s ease,-webkit--o-transform 0.2s ease,-webkit-transform 0.2s ease,-webkit-transform 0.2s ease,-moz-transform 0.2s ease,-o-transform 0.2s ease,transform 0.2s ease, box-shadow 0.2s ease;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
}
@media only screen and (min-width: 1200px) {
  .scence2 .scence-list > *:hover {
    -webkit-transform: translate(0, -4px);
    -moz-transform: translate(0, -4px);
    -ms-transform: translate(0, -4px);
    -o-transform: translate(0, -4px);
    transform: translate(0, -4px);
    -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (max-width: 1200px) {
  .scence2 .scence-list > * {
    display: inline-block;
    vertical-align: middle;
    width: 180px;
  }
}
.scence2 .scence-list > * a {
  position: relative;
  display: block;
  width: 100%;
  height: 300px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.scence2 .scence-list > * a::after {
  content: '';
  position: absolute;
  top: null;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 80px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0, rgba(0, 0, 0, 0.8) 100%);
}
.scence2 .scence-list > * a .scence-title {
  position: absolute;
  top: null;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  padding: 0 16px 16px;
  font-size: 17px;
  line-height: 20px;
  color: #fff;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  word-break: break-all;
  white-space: pre-wrap;
}
.vedio1 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px 0;
}
@media only screen and (max-width: 800px) {
  .vedio1 {
    padding: 20px;
  }
}
.vedio1 > * {
  position: relative;
  width: 50%;
}
@media only screen and (max-width: 1200px) {
  .vedio1 > * {
    width: 100%;
  }
}
.vedio1 .vedio {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.vedio1 .vedio iframe {
  position: absolute;
  top: 0;
  right: null;
  bottom: null;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 0;
}
.vedio1 .content {
  padding-left: 40px;
}
@media only screen and (max-width: 1200px) {
  .vedio1 .content {
    padding-top: 20px;
    padding-left: 0;
  }
}
.vedio1 .content .block-title {
  margin-bottom: 20px;
  font-size: 24px;
}
.vedio1 .content .block-desc {
  line-height: 1.8;
  font-size: 15px;
  color: #666;
}
body.large .vedio1 .content .block-title {
  font-size: 25px;
}
body.large .vedio1 .content .block-desc {
  font-size: 16px;
}
body.large-x .vedio1 .content .block-title {
  font-size: 26px;
}
body.large-x .vedio1 .content .block-desc {
  font-size: 17px;
}
.vedio2 {
  padding: 20px 0;
}
@media only screen and (max-width: 800px) {
  .vedio2 {
    padding: 20px;
  }
}
.vedio2 .vedio-wrap {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 800px;
}
.vedio2 .vedio {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.vedio2 .vedio iframe {
  position: absolute;
  top: 0;
  right: null;
  bottom: null;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 0;
}
.space1 {
  width: 100%;
  height: 40px;
}
.download1 {
  margin: 0 auto;
  padding: 20px 0;
}
@media only screen and (max-width: 1200px) {
  .download1 {
    max-width: none;
    padding: 20px;
  }
}
.download1 .group-title {
  margin-bottom: 20px;
  font-size: 24px;
  text-align: center;
}
.download1 tr td:first-child,
.download1 tr th:first-child {
  text-align: center;
  width: 100px;
}
body.large .group1 .group-title {
  font-size: 25px;
}
body.large .group2 .group-title {
  font-size: 25px;
}
body.large-x .group1 .group-title,
body.large-x .group2 .group-title {
  font-size: 26px;
}
.photo1 .photo {
  margin: 20px 0 20px 0;
  text-align: center;
}
.photo1 .photo img {
  width: 100%;
}
.daily2 {
  position: relative;
  margin-bottom: 20px;
}
.daily2 .collapse-box.is-collapsed .daily-control-panel {
  height: 240px;
  overflow: hidden;
}
.daily2 .daily-detail {
  display: inline-block;
  width: 100%;
}
.daily2 .daily-detail + .daily-detail {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 2px solid #9a9a9a;
}
.daily2 .daily-detail > * {
  display: inline-block;
  width: 100%;
}
.daily2 .daily-detail .detail-bg-block {
  position: relative;
  margin-top: 20px;
  height: 255px;
  overflow: hidden;
}
.daily2 .daily-detail .detail-bg-block .detail-bg {
  margin: 0;
  margin-left: -10px;
  margin-top: -5px;
  display: inline-block;
  width: calc(100% + 20px);
  height: 260px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 4px 1px #dededeb0;
  filter: blur(3px);
}
.daily2 .daily-detail .detail-bg-block .detail-bg img {
  position: absolute;
  top: -9999px;
  right: -9999px;
  bottom: -9999px;
  left: -9999px;
  margin: auto;
  min-width: 100%;
  min-height: 100%;
}
.daily2 .daily-detail .detail-bg-block .detail-header {
  display: inline-block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 22px;
  color: white;
  background-color: rgba(0, 0, 0, 0.7);
}
.daily2 .daily-detail .detail-bg-block .detail-header > * {
  float: left;
  display: inline-block;
}
.daily2 .daily-detail .detail-bg-block .detail-header .day {
  height: 70px;
  width: 70px;
  line-height: 26px;
  padding-top: 8px;
  font-size: 24px;
  text-align: center;
  color: white;
  border: 2px solid #b7b7b7;
}
.daily2 .daily-detail .detail-bg-block .detail-header .day:before {
  display: block;
  content: 'DAY';
}
.daily2 .daily-detail .detail-bg-block .detail-header .title {
  display: -webkit-box;
  width: calc(100% - 70px);
  font-size: 23px;
  padding-left: 15px;
  margin-top: 2px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width: 600px) {
  .daily2 .daily-detail .detail-bg-block .detail-header {
    padding: 16px;
  }
  .daily2 .daily-detail .detail-bg-block .detail-header .title {
    font-size: 18px;
    -webkit-line-clamp: 5;
  }
  .daily2 .daily-detail .detail-bg-block .detail-header .day {
    height: 60px;
    width: 60px;
    font-size: 20px;
    padding-top: 7px;
    line-height: 22px;
  }
}
.daily2 .daily-detail .detail-content {
  padding: 10px 0;
}
.daily2 .daily-detail .detail-content > * {
  display: inline-block;
  width: 100%;
  line-height: 28px;
}
.daily2 .daily-detail .detail-content .tour-intro {
  color: #727272;
  margin-bottom: 20px;
}
.daily2 .daily-detail .detail-content .tour-intro b {
  display: block;
  color: #ff7326;
}
.daily2 .daily-detail .detail-content b {
  margin-top: 10px;
  color: #2382e9;
}
.daily2 .daily-detail .detail-content p {
  color: #727272;
}
.daily2 .daily-detail .detail-banner-pic {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 330px;
  margin-top: 30px;
  box-shadow: 0 0 2px 0px #d0d0d0;
  overflow: hidden;
}
.daily2 .daily-detail .detail-banner-pic .arrow {
  position: absolute;
  left: 0;
  top: 20%;
  display: inline-block;
  width: 38px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  z-index: 5;
  background-color: #6aa8c2;
  color: white;
  box-shadow: 0 0 3px 0px #4c4c4c73;
}
.daily2 .daily-detail .detail-banner-pic .arrow + .arrow {
  left: auto;
  right: 0;
}
.daily2 .daily-detail .detail-banner-pic .arrow:hover {
  cursor: pointer;
}
.daily2 .daily-detail .detail-banner-pic .items {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 330px;
  background-color: white;
}
.daily2 .daily-detail .detail-banner-pic .items:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: inline-block;
  width: 100%;
  height: 180px;
  background-color: #cfe7f0;
}
.daily2 .daily-detail .detail-banner-pic .items > * {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  height: 330px;
}
.daily2 .daily-detail .detail-banner-pic .items .item {
  overflow: hidden;
  padding: 25px;
  -webkit-transition: left 0.3s;
  -moz-transition: left 0.3s;
  -o-transition: left 0.3s;
  transition: left 0.3s;
}
.daily2 .daily-detail .detail-banner-pic .items .item > * {
  display: inline-block;
  width: 100%;
}
.daily2 .daily-detail .detail-banner-pic .items .item figure {
  margin: 0;
  width: 100%;
  height: 75%;
  border-radius: 3px;
  box-shadow: 1px 1px 3px 1px rgba(99, 99, 99, 0.33) inset;
  position: relative;
}
.daily2 .daily-detail .detail-banner-pic .items .item figure img {
  position: absolute;
  margin: auto;
  width: 100%;
  height: 100%;
}
.daily2 .daily-detail .detail-banner-pic .items .item b {
  color: #6f6f6f;
  max-height: 60px;
  overflow: hidden;
  margin-top: 10px;
}
.daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(20) {
  width: 33.33333333%;
  left: calc(100% / 3 * (20 - 10));
}
.daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(19) {
  width: 33.33333333%;
  left: calc(100% / 3 * (19 - 10));
}
.daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(18) {
  width: 33.33333333%;
  left: calc(100% / 3 * (18 - 10));
}
.daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(17) {
  width: 33.33333333%;
  left: calc(100% / 3 * (17 - 10));
}
.daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(16) {
  width: 33.33333333%;
  left: calc(100% / 3 * (16 - 10));
}
.daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(15) {
  width: 33.33333333%;
  left: calc(100% / 3 * (15 - 10));
}
.daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(14) {
  width: 33.33333333%;
  left: calc(100% / 3 * (14 - 10));
}
.daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(13) {
  width: 33.33333333%;
  left: calc(100% / 3 * (13 - 10));
}
.daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(12) {
  width: 33.33333333%;
  left: calc(100% / 3 * (12 - 10));
}
.daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(11) {
  width: 33.33333333%;
  left: calc(100% / 3 * (11 - 10));
}
.daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(10) {
  width: 33.33333333%;
  left: calc(100% / 3 * (10 - 10));
}
.daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(9) {
  width: 33.33333333%;
  left: calc(100% / 3 * (9 - 10));
}
.daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(8) {
  width: 33.33333333%;
  left: calc(100% / 3 * (8 - 10));
}
.daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(7) {
  width: 33.33333333%;
  left: calc(100% / 3 * (7 - 10));
}
.daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(6) {
  width: 33.33333333%;
  left: calc(100% / 3 * (6 - 10));
}
.daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(5) {
  width: 33.33333333%;
  left: calc(100% / 3 * (5 - 10));
}
.daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(4) {
  width: 33.33333333%;
  left: calc(100% / 3 * (4 - 10));
}
.daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(3) {
  width: 33.33333333%;
  left: calc(100% / 3 * (3 - 10));
}
.daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(2) {
  width: 33.33333333%;
  left: calc(100% / 3 * (2 - 10));
}
.daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(1) {
  width: 33.33333333%;
  left: calc(100% / 3 * (1 - 10));
}
.daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(19) {
  width: 33.33333333%;
  left: calc(100% / 3 * (19 - 9));
}
.daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(18) {
  width: 33.33333333%;
  left: calc(100% / 3 * (18 - 9));
}
.daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(17) {
  width: 33.33333333%;
  left: calc(100% / 3 * (17 - 9));
}
.daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(16) {
  width: 33.33333333%;
  left: calc(100% / 3 * (16 - 9));
}
.daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(15) {
  width: 33.33333333%;
  left: calc(100% / 3 * (15 - 9));
}
.daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(14) {
  width: 33.33333333%;
  left: calc(100% / 3 * (14 - 9));
}
.daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(13) {
  width: 33.33333333%;
  left: calc(100% / 3 * (13 - 9));
}
.daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(12) {
  width: 33.33333333%;
  left: calc(100% / 3 * (12 - 9));
}
.daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(11) {
  width: 33.33333333%;
  left: calc(100% / 3 * (11 - 9));
}
.daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(10) {
  width: 33.33333333%;
  left: calc(100% / 3 * (10 - 9));
}
.daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(9) {
  width: 33.33333333%;
  left: calc(100% / 3 * (9 - 9));
}
.daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(8) {
  width: 33.33333333%;
  left: calc(100% / 3 * (8 - 9));
}
.daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(7) {
  width: 33.33333333%;
  left: calc(100% / 3 * (7 - 9));
}
.daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(6) {
  width: 33.33333333%;
  left: calc(100% / 3 * (6 - 9));
}
.daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(5) {
  width: 33.33333333%;
  left: calc(100% / 3 * (5 - 9));
}
.daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(4) {
  width: 33.33333333%;
  left: calc(100% / 3 * (4 - 9));
}
.daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(3) {
  width: 33.33333333%;
  left: calc(100% / 3 * (3 - 9));
}
.daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(2) {
  width: 33.33333333%;
  left: calc(100% / 3 * (2 - 9));
}
.daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(1) {
  width: 33.33333333%;
  left: calc(100% / 3 * (1 - 9));
}
.daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(18) {
  width: 33.33333333%;
  left: calc(100% / 3 * (18 - 8));
}
.daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(17) {
  width: 33.33333333%;
  left: calc(100% / 3 * (17 - 8));
}
.daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(16) {
  width: 33.33333333%;
  left: calc(100% / 3 * (16 - 8));
}
.daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(15) {
  width: 33.33333333%;
  left: calc(100% / 3 * (15 - 8));
}
.daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(14) {
  width: 33.33333333%;
  left: calc(100% / 3 * (14 - 8));
}
.daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(13) {
  width: 33.33333333%;
  left: calc(100% / 3 * (13 - 8));
}
.daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(12) {
  width: 33.33333333%;
  left: calc(100% / 3 * (12 - 8));
}
.daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(11) {
  width: 33.33333333%;
  left: calc(100% / 3 * (11 - 8));
}
.daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(10) {
  width: 33.33333333%;
  left: calc(100% / 3 * (10 - 8));
}
.daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(9) {
  width: 33.33333333%;
  left: calc(100% / 3 * (9 - 8));
}
.daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(8) {
  width: 33.33333333%;
  left: calc(100% / 3 * (8 - 8));
}
.daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(7) {
  width: 33.33333333%;
  left: calc(100% / 3 * (7 - 8));
}
.daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(6) {
  width: 33.33333333%;
  left: calc(100% / 3 * (6 - 8));
}
.daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(5) {
  width: 33.33333333%;
  left: calc(100% / 3 * (5 - 8));
}
.daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(4) {
  width: 33.33333333%;
  left: calc(100% / 3 * (4 - 8));
}
.daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(3) {
  width: 33.33333333%;
  left: calc(100% / 3 * (3 - 8));
}
.daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(2) {
  width: 33.33333333%;
  left: calc(100% / 3 * (2 - 8));
}
.daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(1) {
  width: 33.33333333%;
  left: calc(100% / 3 * (1 - 8));
}
.daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(17) {
  width: 33.33333333%;
  left: calc(100% / 3 * (17 - 7));
}
.daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(16) {
  width: 33.33333333%;
  left: calc(100% / 3 * (16 - 7));
}
.daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(15) {
  width: 33.33333333%;
  left: calc(100% / 3 * (15 - 7));
}
.daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(14) {
  width: 33.33333333%;
  left: calc(100% / 3 * (14 - 7));
}
.daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(13) {
  width: 33.33333333%;
  left: calc(100% / 3 * (13 - 7));
}
.daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(12) {
  width: 33.33333333%;
  left: calc(100% / 3 * (12 - 7));
}
.daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(11) {
  width: 33.33333333%;
  left: calc(100% / 3 * (11 - 7));
}
.daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(10) {
  width: 33.33333333%;
  left: calc(100% / 3 * (10 - 7));
}
.daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(9) {
  width: 33.33333333%;
  left: calc(100% / 3 * (9 - 7));
}
.daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(8) {
  width: 33.33333333%;
  left: calc(100% / 3 * (8 - 7));
}
.daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(7) {
  width: 33.33333333%;
  left: calc(100% / 3 * (7 - 7));
}
.daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(6) {
  width: 33.33333333%;
  left: calc(100% / 3 * (6 - 7));
}
.daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(5) {
  width: 33.33333333%;
  left: calc(100% / 3 * (5 - 7));
}
.daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(4) {
  width: 33.33333333%;
  left: calc(100% / 3 * (4 - 7));
}
.daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(3) {
  width: 33.33333333%;
  left: calc(100% / 3 * (3 - 7));
}
.daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(2) {
  width: 33.33333333%;
  left: calc(100% / 3 * (2 - 7));
}
.daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(1) {
  width: 33.33333333%;
  left: calc(100% / 3 * (1 - 7));
}
.daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(16) {
  width: 33.33333333%;
  left: calc(100% / 3 * (16 - 6));
}
.daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(15) {
  width: 33.33333333%;
  left: calc(100% / 3 * (15 - 6));
}
.daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(14) {
  width: 33.33333333%;
  left: calc(100% / 3 * (14 - 6));
}
.daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(13) {
  width: 33.33333333%;
  left: calc(100% / 3 * (13 - 6));
}
.daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(12) {
  width: 33.33333333%;
  left: calc(100% / 3 * (12 - 6));
}
.daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(11) {
  width: 33.33333333%;
  left: calc(100% / 3 * (11 - 6));
}
.daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(10) {
  width: 33.33333333%;
  left: calc(100% / 3 * (10 - 6));
}
.daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(9) {
  width: 33.33333333%;
  left: calc(100% / 3 * (9 - 6));
}
.daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(8) {
  width: 33.33333333%;
  left: calc(100% / 3 * (8 - 6));
}
.daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(7) {
  width: 33.33333333%;
  left: calc(100% / 3 * (7 - 6));
}
.daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(6) {
  width: 33.33333333%;
  left: calc(100% / 3 * (6 - 6));
}
.daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(5) {
  width: 33.33333333%;
  left: calc(100% / 3 * (5 - 6));
}
.daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(4) {
  width: 33.33333333%;
  left: calc(100% / 3 * (4 - 6));
}
.daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(3) {
  width: 33.33333333%;
  left: calc(100% / 3 * (3 - 6));
}
.daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(2) {
  width: 33.33333333%;
  left: calc(100% / 3 * (2 - 6));
}
.daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(1) {
  width: 33.33333333%;
  left: calc(100% / 3 * (1 - 6));
}
.daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(15) {
  width: 33.33333333%;
  left: calc(100% / 3 * (15 - 5));
}
.daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(14) {
  width: 33.33333333%;
  left: calc(100% / 3 * (14 - 5));
}
.daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(13) {
  width: 33.33333333%;
  left: calc(100% / 3 * (13 - 5));
}
.daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(12) {
  width: 33.33333333%;
  left: calc(100% / 3 * (12 - 5));
}
.daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(11) {
  width: 33.33333333%;
  left: calc(100% / 3 * (11 - 5));
}
.daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(10) {
  width: 33.33333333%;
  left: calc(100% / 3 * (10 - 5));
}
.daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(9) {
  width: 33.33333333%;
  left: calc(100% / 3 * (9 - 5));
}
.daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(8) {
  width: 33.33333333%;
  left: calc(100% / 3 * (8 - 5));
}
.daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(7) {
  width: 33.33333333%;
  left: calc(100% / 3 * (7 - 5));
}
.daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(6) {
  width: 33.33333333%;
  left: calc(100% / 3 * (6 - 5));
}
.daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(5) {
  width: 33.33333333%;
  left: calc(100% / 3 * (5 - 5));
}
.daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(4) {
  width: 33.33333333%;
  left: calc(100% / 3 * (4 - 5));
}
.daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(3) {
  width: 33.33333333%;
  left: calc(100% / 3 * (3 - 5));
}
.daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(2) {
  width: 33.33333333%;
  left: calc(100% / 3 * (2 - 5));
}
.daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(1) {
  width: 33.33333333%;
  left: calc(100% / 3 * (1 - 5));
}
.daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(14) {
  width: 33.33333333%;
  left: calc(100% / 3 * (14 - 4));
}
.daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(13) {
  width: 33.33333333%;
  left: calc(100% / 3 * (13 - 4));
}
.daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(12) {
  width: 33.33333333%;
  left: calc(100% / 3 * (12 - 4));
}
.daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(11) {
  width: 33.33333333%;
  left: calc(100% / 3 * (11 - 4));
}
.daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(10) {
  width: 33.33333333%;
  left: calc(100% / 3 * (10 - 4));
}
.daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(9) {
  width: 33.33333333%;
  left: calc(100% / 3 * (9 - 4));
}
.daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(8) {
  width: 33.33333333%;
  left: calc(100% / 3 * (8 - 4));
}
.daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(7) {
  width: 33.33333333%;
  left: calc(100% / 3 * (7 - 4));
}
.daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(6) {
  width: 33.33333333%;
  left: calc(100% / 3 * (6 - 4));
}
.daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(5) {
  width: 33.33333333%;
  left: calc(100% / 3 * (5 - 4));
}
.daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(4) {
  width: 33.33333333%;
  left: calc(100% / 3 * (4 - 4));
}
.daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(3) {
  width: 33.33333333%;
  left: calc(100% / 3 * (3 - 4));
}
.daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(2) {
  width: 33.33333333%;
  left: calc(100% / 3 * (2 - 4));
}
.daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(1) {
  width: 33.33333333%;
  left: calc(100% / 3 * (1 - 4));
}
.daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(13) {
  width: 33.33333333%;
  left: calc(100% / 3 * (13 - 3));
}
.daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(12) {
  width: 33.33333333%;
  left: calc(100% / 3 * (12 - 3));
}
.daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(11) {
  width: 33.33333333%;
  left: calc(100% / 3 * (11 - 3));
}
.daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(10) {
  width: 33.33333333%;
  left: calc(100% / 3 * (10 - 3));
}
.daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(9) {
  width: 33.33333333%;
  left: calc(100% / 3 * (9 - 3));
}
.daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(8) {
  width: 33.33333333%;
  left: calc(100% / 3 * (8 - 3));
}
.daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(7) {
  width: 33.33333333%;
  left: calc(100% / 3 * (7 - 3));
}
.daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(6) {
  width: 33.33333333%;
  left: calc(100% / 3 * (6 - 3));
}
.daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(5) {
  width: 33.33333333%;
  left: calc(100% / 3 * (5 - 3));
}
.daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(4) {
  width: 33.33333333%;
  left: calc(100% / 3 * (4 - 3));
}
.daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(3) {
  width: 33.33333333%;
  left: calc(100% / 3 * (3 - 3));
}
.daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(2) {
  width: 33.33333333%;
  left: calc(100% / 3 * (2 - 3));
}
.daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(1) {
  width: 33.33333333%;
  left: calc(100% / 3 * (1 - 3));
}
.daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(12) {
  width: 33.33333333%;
  left: calc(100% / 3 * (12 - 2));
}
.daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(11) {
  width: 33.33333333%;
  left: calc(100% / 3 * (11 - 2));
}
.daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(10) {
  width: 33.33333333%;
  left: calc(100% / 3 * (10 - 2));
}
.daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(9) {
  width: 33.33333333%;
  left: calc(100% / 3 * (9 - 2));
}
.daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(8) {
  width: 33.33333333%;
  left: calc(100% / 3 * (8 - 2));
}
.daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(7) {
  width: 33.33333333%;
  left: calc(100% / 3 * (7 - 2));
}
.daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(6) {
  width: 33.33333333%;
  left: calc(100% / 3 * (6 - 2));
}
.daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(5) {
  width: 33.33333333%;
  left: calc(100% / 3 * (5 - 2));
}
.daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(4) {
  width: 33.33333333%;
  left: calc(100% / 3 * (4 - 2));
}
.daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(3) {
  width: 33.33333333%;
  left: calc(100% / 3 * (3 - 2));
}
.daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(2) {
  width: 33.33333333%;
  left: calc(100% / 3 * (2 - 2));
}
.daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(1) {
  width: 33.33333333%;
  left: calc(100% / 3 * (1 - 2));
}
.daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(11) {
  width: 33.33333333%;
  left: calc(100% / 3 * (11 - 1));
}
.daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(10) {
  width: 33.33333333%;
  left: calc(100% / 3 * (10 - 1));
}
.daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(9) {
  width: 33.33333333%;
  left: calc(100% / 3 * (9 - 1));
}
.daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(8) {
  width: 33.33333333%;
  left: calc(100% / 3 * (8 - 1));
}
.daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(7) {
  width: 33.33333333%;
  left: calc(100% / 3 * (7 - 1));
}
.daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(6) {
  width: 33.33333333%;
  left: calc(100% / 3 * (6 - 1));
}
.daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(5) {
  width: 33.33333333%;
  left: calc(100% / 3 * (5 - 1));
}
.daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(4) {
  width: 33.33333333%;
  left: calc(100% / 3 * (4 - 1));
}
.daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(3) {
  width: 33.33333333%;
  left: calc(100% / 3 * (3 - 1));
}
.daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(2) {
  width: 33.33333333%;
  left: calc(100% / 3 * (2 - 1));
}
.daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(1) {
  width: 33.33333333%;
  left: calc(100% / 3 * (1 - 1));
}
@media only screen and (max-width: 900px) {
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(20) {
    width: 50%;
    left: calc(100% / 2 * (20 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(19) {
    width: 50%;
    left: calc(100% / 2 * (19 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(18) {
    width: 50%;
    left: calc(100% / 2 * (18 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(17) {
    width: 50%;
    left: calc(100% / 2 * (17 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(16) {
    width: 50%;
    left: calc(100% / 2 * (16 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(15) {
    width: 50%;
    left: calc(100% / 2 * (15 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(14) {
    width: 50%;
    left: calc(100% / 2 * (14 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(13) {
    width: 50%;
    left: calc(100% / 2 * (13 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(12) {
    width: 50%;
    left: calc(100% / 2 * (12 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(11) {
    width: 50%;
    left: calc(100% / 2 * (11 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(10) {
    width: 50%;
    left: calc(100% / 2 * (10 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(9) {
    width: 50%;
    left: calc(100% / 2 * (9 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(8) {
    width: 50%;
    left: calc(100% / 2 * (8 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(7) {
    width: 50%;
    left: calc(100% / 2 * (7 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(6) {
    width: 50%;
    left: calc(100% / 2 * (6 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(5) {
    width: 50%;
    left: calc(100% / 2 * (5 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(4) {
    width: 50%;
    left: calc(100% / 2 * (4 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(3) {
    width: 50%;
    left: calc(100% / 2 * (3 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(2) {
    width: 50%;
    left: calc(100% / 2 * (2 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(1) {
    width: 50%;
    left: calc(100% / 2 * (1 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(19) {
    width: 50%;
    left: calc(100% / 2 * (19 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(18) {
    width: 50%;
    left: calc(100% / 2 * (18 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(17) {
    width: 50%;
    left: calc(100% / 2 * (17 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(16) {
    width: 50%;
    left: calc(100% / 2 * (16 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(15) {
    width: 50%;
    left: calc(100% / 2 * (15 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(14) {
    width: 50%;
    left: calc(100% / 2 * (14 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(13) {
    width: 50%;
    left: calc(100% / 2 * (13 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(12) {
    width: 50%;
    left: calc(100% / 2 * (12 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(11) {
    width: 50%;
    left: calc(100% / 2 * (11 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(10) {
    width: 50%;
    left: calc(100% / 2 * (10 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(9) {
    width: 50%;
    left: calc(100% / 2 * (9 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(8) {
    width: 50%;
    left: calc(100% / 2 * (8 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(7) {
    width: 50%;
    left: calc(100% / 2 * (7 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(6) {
    width: 50%;
    left: calc(100% / 2 * (6 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(5) {
    width: 50%;
    left: calc(100% / 2 * (5 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(4) {
    width: 50%;
    left: calc(100% / 2 * (4 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(3) {
    width: 50%;
    left: calc(100% / 2 * (3 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(2) {
    width: 50%;
    left: calc(100% / 2 * (2 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(1) {
    width: 50%;
    left: calc(100% / 2 * (1 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(18) {
    width: 50%;
    left: calc(100% / 2 * (18 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(17) {
    width: 50%;
    left: calc(100% / 2 * (17 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(16) {
    width: 50%;
    left: calc(100% / 2 * (16 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(15) {
    width: 50%;
    left: calc(100% / 2 * (15 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(14) {
    width: 50%;
    left: calc(100% / 2 * (14 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(13) {
    width: 50%;
    left: calc(100% / 2 * (13 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(12) {
    width: 50%;
    left: calc(100% / 2 * (12 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(11) {
    width: 50%;
    left: calc(100% / 2 * (11 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(10) {
    width: 50%;
    left: calc(100% / 2 * (10 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(9) {
    width: 50%;
    left: calc(100% / 2 * (9 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(8) {
    width: 50%;
    left: calc(100% / 2 * (8 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(7) {
    width: 50%;
    left: calc(100% / 2 * (7 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(6) {
    width: 50%;
    left: calc(100% / 2 * (6 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(5) {
    width: 50%;
    left: calc(100% / 2 * (5 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(4) {
    width: 50%;
    left: calc(100% / 2 * (4 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(3) {
    width: 50%;
    left: calc(100% / 2 * (3 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(2) {
    width: 50%;
    left: calc(100% / 2 * (2 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(1) {
    width: 50%;
    left: calc(100% / 2 * (1 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(17) {
    width: 50%;
    left: calc(100% / 2 * (17 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(16) {
    width: 50%;
    left: calc(100% / 2 * (16 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(15) {
    width: 50%;
    left: calc(100% / 2 * (15 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(14) {
    width: 50%;
    left: calc(100% / 2 * (14 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(13) {
    width: 50%;
    left: calc(100% / 2 * (13 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(12) {
    width: 50%;
    left: calc(100% / 2 * (12 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(11) {
    width: 50%;
    left: calc(100% / 2 * (11 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(10) {
    width: 50%;
    left: calc(100% / 2 * (10 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(9) {
    width: 50%;
    left: calc(100% / 2 * (9 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(8) {
    width: 50%;
    left: calc(100% / 2 * (8 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(7) {
    width: 50%;
    left: calc(100% / 2 * (7 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(6) {
    width: 50%;
    left: calc(100% / 2 * (6 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(5) {
    width: 50%;
    left: calc(100% / 2 * (5 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(4) {
    width: 50%;
    left: calc(100% / 2 * (4 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(3) {
    width: 50%;
    left: calc(100% / 2 * (3 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(2) {
    width: 50%;
    left: calc(100% / 2 * (2 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(1) {
    width: 50%;
    left: calc(100% / 2 * (1 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(16) {
    width: 50%;
    left: calc(100% / 2 * (16 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(15) {
    width: 50%;
    left: calc(100% / 2 * (15 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(14) {
    width: 50%;
    left: calc(100% / 2 * (14 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(13) {
    width: 50%;
    left: calc(100% / 2 * (13 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(12) {
    width: 50%;
    left: calc(100% / 2 * (12 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(11) {
    width: 50%;
    left: calc(100% / 2 * (11 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(10) {
    width: 50%;
    left: calc(100% / 2 * (10 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(9) {
    width: 50%;
    left: calc(100% / 2 * (9 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(8) {
    width: 50%;
    left: calc(100% / 2 * (8 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(7) {
    width: 50%;
    left: calc(100% / 2 * (7 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(6) {
    width: 50%;
    left: calc(100% / 2 * (6 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(5) {
    width: 50%;
    left: calc(100% / 2 * (5 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(4) {
    width: 50%;
    left: calc(100% / 2 * (4 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(3) {
    width: 50%;
    left: calc(100% / 2 * (3 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(2) {
    width: 50%;
    left: calc(100% / 2 * (2 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(1) {
    width: 50%;
    left: calc(100% / 2 * (1 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(15) {
    width: 50%;
    left: calc(100% / 2 * (15 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(14) {
    width: 50%;
    left: calc(100% / 2 * (14 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(13) {
    width: 50%;
    left: calc(100% / 2 * (13 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(12) {
    width: 50%;
    left: calc(100% / 2 * (12 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(11) {
    width: 50%;
    left: calc(100% / 2 * (11 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(10) {
    width: 50%;
    left: calc(100% / 2 * (10 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(9) {
    width: 50%;
    left: calc(100% / 2 * (9 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(8) {
    width: 50%;
    left: calc(100% / 2 * (8 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(7) {
    width: 50%;
    left: calc(100% / 2 * (7 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(6) {
    width: 50%;
    left: calc(100% / 2 * (6 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(5) {
    width: 50%;
    left: calc(100% / 2 * (5 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(4) {
    width: 50%;
    left: calc(100% / 2 * (4 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(3) {
    width: 50%;
    left: calc(100% / 2 * (3 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(2) {
    width: 50%;
    left: calc(100% / 2 * (2 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(1) {
    width: 50%;
    left: calc(100% / 2 * (1 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(14) {
    width: 50%;
    left: calc(100% / 2 * (14 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(13) {
    width: 50%;
    left: calc(100% / 2 * (13 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(12) {
    width: 50%;
    left: calc(100% / 2 * (12 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(11) {
    width: 50%;
    left: calc(100% / 2 * (11 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(10) {
    width: 50%;
    left: calc(100% / 2 * (10 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(9) {
    width: 50%;
    left: calc(100% / 2 * (9 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(8) {
    width: 50%;
    left: calc(100% / 2 * (8 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(7) {
    width: 50%;
    left: calc(100% / 2 * (7 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(6) {
    width: 50%;
    left: calc(100% / 2 * (6 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(5) {
    width: 50%;
    left: calc(100% / 2 * (5 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(4) {
    width: 50%;
    left: calc(100% / 2 * (4 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(3) {
    width: 50%;
    left: calc(100% / 2 * (3 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(2) {
    width: 50%;
    left: calc(100% / 2 * (2 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(1) {
    width: 50%;
    left: calc(100% / 2 * (1 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(13) {
    width: 50%;
    left: calc(100% / 2 * (13 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(12) {
    width: 50%;
    left: calc(100% / 2 * (12 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(11) {
    width: 50%;
    left: calc(100% / 2 * (11 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(10) {
    width: 50%;
    left: calc(100% / 2 * (10 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(9) {
    width: 50%;
    left: calc(100% / 2 * (9 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(8) {
    width: 50%;
    left: calc(100% / 2 * (8 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(7) {
    width: 50%;
    left: calc(100% / 2 * (7 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(6) {
    width: 50%;
    left: calc(100% / 2 * (6 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(5) {
    width: 50%;
    left: calc(100% / 2 * (5 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(4) {
    width: 50%;
    left: calc(100% / 2 * (4 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(3) {
    width: 50%;
    left: calc(100% / 2 * (3 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(2) {
    width: 50%;
    left: calc(100% / 2 * (2 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(1) {
    width: 50%;
    left: calc(100% / 2 * (1 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(12) {
    width: 50%;
    left: calc(100% / 2 * (12 - 2));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(11) {
    width: 50%;
    left: calc(100% / 2 * (11 - 2));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(10) {
    width: 50%;
    left: calc(100% / 2 * (10 - 2));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(9) {
    width: 50%;
    left: calc(100% / 2 * (9 - 2));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(8) {
    width: 50%;
    left: calc(100% / 2 * (8 - 2));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(7) {
    width: 50%;
    left: calc(100% / 2 * (7 - 2));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(6) {
    width: 50%;
    left: calc(100% / 2 * (6 - 2));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(5) {
    width: 50%;
    left: calc(100% / 2 * (5 - 2));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(4) {
    width: 50%;
    left: calc(100% / 2 * (4 - 2));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(3) {
    width: 50%;
    left: calc(100% / 2 * (3 - 2));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(2) {
    width: 50%;
    left: calc(100% / 2 * (2 - 2));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(1) {
    width: 50%;
    left: calc(100% / 2 * (1 - 2));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(11) {
    width: 50%;
    left: calc(100% / 2 * (11 - 1));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(10) {
    width: 50%;
    left: calc(100% / 2 * (10 - 1));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(9) {
    width: 50%;
    left: calc(100% / 2 * (9 - 1));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(8) {
    width: 50%;
    left: calc(100% / 2 * (8 - 1));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(7) {
    width: 50%;
    left: calc(100% / 2 * (7 - 1));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(6) {
    width: 50%;
    left: calc(100% / 2 * (6 - 1));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(5) {
    width: 50%;
    left: calc(100% / 2 * (5 - 1));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(4) {
    width: 50%;
    left: calc(100% / 2 * (4 - 1));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(3) {
    width: 50%;
    left: calc(100% / 2 * (3 - 1));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(2) {
    width: 50%;
    left: calc(100% / 2 * (2 - 1));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(1) {
    width: 50%;
    left: calc(100% / 2 * (1 - 1));
  }
}
@media only screen and (max-width: 600px) {
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(20) {
    width: 100%;
    left: calc(100% * (20 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(19) {
    width: 100%;
    left: calc(100% * (19 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(18) {
    width: 100%;
    left: calc(100% * (18 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(17) {
    width: 100%;
    left: calc(100% * (17 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(16) {
    width: 100%;
    left: calc(100% * (16 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(15) {
    width: 100%;
    left: calc(100% * (15 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(14) {
    width: 100%;
    left: calc(100% * (14 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(13) {
    width: 100%;
    left: calc(100% * (13 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(12) {
    width: 100%;
    left: calc(100% * (12 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(11) {
    width: 100%;
    left: calc(100% * (11 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(10) {
    width: 100%;
    left: calc(100% * (10 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(9) {
    width: 100%;
    left: calc(100% * (9 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(8) {
    width: 100%;
    left: calc(100% * (8 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(7) {
    width: 100%;
    left: calc(100% * (7 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(6) {
    width: 100%;
    left: calc(100% * (6 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(5) {
    width: 100%;
    left: calc(100% * (5 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(4) {
    width: 100%;
    left: calc(100% * (4 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(3) {
    width: 100%;
    left: calc(100% * (3 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(2) {
    width: 100%;
    left: calc(100% * (2 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="10"] .items > *:nth-child(1) {
    width: 100%;
    left: calc(100% * (1 - 10));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(19) {
    width: 100%;
    left: calc(100% * (19 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(18) {
    width: 100%;
    left: calc(100% * (18 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(17) {
    width: 100%;
    left: calc(100% * (17 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(16) {
    width: 100%;
    left: calc(100% * (16 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(15) {
    width: 100%;
    left: calc(100% * (15 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(14) {
    width: 100%;
    left: calc(100% * (14 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(13) {
    width: 100%;
    left: calc(100% * (13 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(12) {
    width: 100%;
    left: calc(100% * (12 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(11) {
    width: 100%;
    left: calc(100% * (11 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(10) {
    width: 100%;
    left: calc(100% * (10 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(9) {
    width: 100%;
    left: calc(100% * (9 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(8) {
    width: 100%;
    left: calc(100% * (8 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(7) {
    width: 100%;
    left: calc(100% * (7 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(6) {
    width: 100%;
    left: calc(100% * (6 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(5) {
    width: 100%;
    left: calc(100% * (5 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(4) {
    width: 100%;
    left: calc(100% * (4 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(3) {
    width: 100%;
    left: calc(100% * (3 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(2) {
    width: 100%;
    left: calc(100% * (2 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="9"] .items > *:nth-child(1) {
    width: 100%;
    left: calc(100% * (1 - 9));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(18) {
    width: 100%;
    left: calc(100% * (18 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(17) {
    width: 100%;
    left: calc(100% * (17 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(16) {
    width: 100%;
    left: calc(100% * (16 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(15) {
    width: 100%;
    left: calc(100% * (15 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(14) {
    width: 100%;
    left: calc(100% * (14 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(13) {
    width: 100%;
    left: calc(100% * (13 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(12) {
    width: 100%;
    left: calc(100% * (12 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(11) {
    width: 100%;
    left: calc(100% * (11 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(10) {
    width: 100%;
    left: calc(100% * (10 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(9) {
    width: 100%;
    left: calc(100% * (9 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(8) {
    width: 100%;
    left: calc(100% * (8 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(7) {
    width: 100%;
    left: calc(100% * (7 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(6) {
    width: 100%;
    left: calc(100% * (6 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(5) {
    width: 100%;
    left: calc(100% * (5 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(4) {
    width: 100%;
    left: calc(100% * (4 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(3) {
    width: 100%;
    left: calc(100% * (3 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(2) {
    width: 100%;
    left: calc(100% * (2 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="8"] .items > *:nth-child(1) {
    width: 100%;
    left: calc(100% * (1 - 8));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(17) {
    width: 100%;
    left: calc(100% * (17 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(16) {
    width: 100%;
    left: calc(100% * (16 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(15) {
    width: 100%;
    left: calc(100% * (15 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(14) {
    width: 100%;
    left: calc(100% * (14 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(13) {
    width: 100%;
    left: calc(100% * (13 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(12) {
    width: 100%;
    left: calc(100% * (12 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(11) {
    width: 100%;
    left: calc(100% * (11 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(10) {
    width: 100%;
    left: calc(100% * (10 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(9) {
    width: 100%;
    left: calc(100% * (9 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(8) {
    width: 100%;
    left: calc(100% * (8 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(7) {
    width: 100%;
    left: calc(100% * (7 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(6) {
    width: 100%;
    left: calc(100% * (6 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(5) {
    width: 100%;
    left: calc(100% * (5 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(4) {
    width: 100%;
    left: calc(100% * (4 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(3) {
    width: 100%;
    left: calc(100% * (3 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(2) {
    width: 100%;
    left: calc(100% * (2 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="7"] .items > *:nth-child(1) {
    width: 100%;
    left: calc(100% * (1 - 7));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(16) {
    width: 100%;
    left: calc(100% * (16 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(15) {
    width: 100%;
    left: calc(100% * (15 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(14) {
    width: 100%;
    left: calc(100% * (14 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(13) {
    width: 100%;
    left: calc(100% * (13 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(12) {
    width: 100%;
    left: calc(100% * (12 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(11) {
    width: 100%;
    left: calc(100% * (11 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(10) {
    width: 100%;
    left: calc(100% * (10 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(9) {
    width: 100%;
    left: calc(100% * (9 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(8) {
    width: 100%;
    left: calc(100% * (8 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(7) {
    width: 100%;
    left: calc(100% * (7 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(6) {
    width: 100%;
    left: calc(100% * (6 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(5) {
    width: 100%;
    left: calc(100% * (5 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(4) {
    width: 100%;
    left: calc(100% * (4 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(3) {
    width: 100%;
    left: calc(100% * (3 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(2) {
    width: 100%;
    left: calc(100% * (2 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="6"] .items > *:nth-child(1) {
    width: 100%;
    left: calc(100% * (1 - 6));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(15) {
    width: 100%;
    left: calc(100% * (15 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(14) {
    width: 100%;
    left: calc(100% * (14 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(13) {
    width: 100%;
    left: calc(100% * (13 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(12) {
    width: 100%;
    left: calc(100% * (12 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(11) {
    width: 100%;
    left: calc(100% * (11 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(10) {
    width: 100%;
    left: calc(100% * (10 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(9) {
    width: 100%;
    left: calc(100% * (9 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(8) {
    width: 100%;
    left: calc(100% * (8 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(7) {
    width: 100%;
    left: calc(100% * (7 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(6) {
    width: 100%;
    left: calc(100% * (6 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(5) {
    width: 100%;
    left: calc(100% * (5 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(4) {
    width: 100%;
    left: calc(100% * (4 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(3) {
    width: 100%;
    left: calc(100% * (3 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(2) {
    width: 100%;
    left: calc(100% * (2 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="5"] .items > *:nth-child(1) {
    width: 100%;
    left: calc(100% * (1 - 5));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(14) {
    width: 100%;
    left: calc(100% * (14 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(13) {
    width: 100%;
    left: calc(100% * (13 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(12) {
    width: 100%;
    left: calc(100% * (12 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(11) {
    width: 100%;
    left: calc(100% * (11 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(10) {
    width: 100%;
    left: calc(100% * (10 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(9) {
    width: 100%;
    left: calc(100% * (9 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(8) {
    width: 100%;
    left: calc(100% * (8 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(7) {
    width: 100%;
    left: calc(100% * (7 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(6) {
    width: 100%;
    left: calc(100% * (6 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(5) {
    width: 100%;
    left: calc(100% * (5 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(4) {
    width: 100%;
    left: calc(100% * (4 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(3) {
    width: 100%;
    left: calc(100% * (3 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(2) {
    width: 100%;
    left: calc(100% * (2 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="4"] .items > *:nth-child(1) {
    width: 100%;
    left: calc(100% * (1 - 4));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(13) {
    width: 100%;
    left: calc(100% * (13 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(12) {
    width: 100%;
    left: calc(100% * (12 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(11) {
    width: 100%;
    left: calc(100% * (11 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(10) {
    width: 100%;
    left: calc(100% * (10 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(9) {
    width: 100%;
    left: calc(100% * (9 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(8) {
    width: 100%;
    left: calc(100% * (8 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(7) {
    width: 100%;
    left: calc(100% * (7 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(6) {
    width: 100%;
    left: calc(100% * (6 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(5) {
    width: 100%;
    left: calc(100% * (5 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(4) {
    width: 100%;
    left: calc(100% * (4 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(3) {
    width: 100%;
    left: calc(100% * (3 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(2) {
    width: 100%;
    left: calc(100% * (2 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="3"] .items > *:nth-child(1) {
    width: 100%;
    left: calc(100% * (1 - 3));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(12) {
    width: 100%;
    left: calc(100% * (12 - 2));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(11) {
    width: 100%;
    left: calc(100% * (11 - 2));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(10) {
    width: 100%;
    left: calc(100% * (10 - 2));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(9) {
    width: 100%;
    left: calc(100% * (9 - 2));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(8) {
    width: 100%;
    left: calc(100% * (8 - 2));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(7) {
    width: 100%;
    left: calc(100% * (7 - 2));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(6) {
    width: 100%;
    left: calc(100% * (6 - 2));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(5) {
    width: 100%;
    left: calc(100% * (5 - 2));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(4) {
    width: 100%;
    left: calc(100% * (4 - 2));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(3) {
    width: 100%;
    left: calc(100% * (3 - 2));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(2) {
    width: 100%;
    left: calc(100% * (2 - 2));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="2"] .items > *:nth-child(1) {
    width: 100%;
    left: calc(100% * (1 - 2));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(11) {
    width: 100%;
    left: calc(100% * (11 - 1));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(10) {
    width: 100%;
    left: calc(100% * (10 - 1));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(9) {
    width: 100%;
    left: calc(100% * (9 - 1));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(8) {
    width: 100%;
    left: calc(100% * (8 - 1));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(7) {
    width: 100%;
    left: calc(100% * (7 - 1));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(6) {
    width: 100%;
    left: calc(100% * (6 - 1));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(5) {
    width: 100%;
    left: calc(100% * (5 - 1));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(4) {
    width: 100%;
    left: calc(100% * (4 - 1));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(3) {
    width: 100%;
    left: calc(100% * (3 - 1));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(2) {
    width: 100%;
    left: calc(100% * (2 - 1));
  }
  .daily2 .daily-detail .detail-banner-pic[data-index="1"] .items > *:nth-child(1) {
    width: 100%;
    left: calc(100% * (1 - 1));
  }
}
.daily2 .daily-detail .detail-provide {
  margin-top: 30px;
  border: 1px solid #d4d4d4;
  border-style: dashed;
  padding: 8px;
}
.daily2 .daily-detail .detail-provide > * {
  display: inline-block;
  width: 100%;
}
.daily2 .daily-detail .detail-provide > * > * {
  float: left;
}
.daily2 .daily-detail .detail-provide > * span {
  font-size: 18px;
  font-weight: bold;
  width: 125px;
  line-height: 30px;
}
.daily2 .daily-detail .detail-provide > * span i {
  display: inline-block;
  height: 27px;
  margin-right: 5px;
  color: #3b4c59;
}
.daily2 .daily-detail .detail-provide > * .content {
  width: calc(100% - 125px);
  color: #474647;
  line-height: 30px;
}
@media only screen and (max-width: 800px) {
  .daily2 .daily-detail .detail-provide > * > * {
    display: block;
    float: auto;
  }
  .daily2 .daily-detail .detail-provide > * span {
    width: 100%;
    margin: 10px 0;
  }
  .daily2 .daily-detail .detail-provide > * .content {
    display: inline-block;
    width: 100%;
  }
}
.daily2 .daily-detail .detail-provide .provide-food .meal {
  display: inline-block;
  width: 100%;
  color: #474647;
}
.daily2 .daily-detail .detail-provide .provide-food .meal b {
  display: inline-block;
  margin-right: 15px;
  font-size: 18px;
  color: #434343;
}
.daily2 .daily-detail .detail-provide .provide-hotel {
  line-height: 23px;
}
.daily2 .daily-detail .daily-note {
  margin-top: 20px;
  padding: 10px;
  border: 1px solid #d4d4d4;
  border-style: dashed;
}
.daily2 .daily-detail .daily-note + div {
  margin-top: 15px;
}
.daily2 .daily-detail .daily-note > * {
  display: inline-block;
  float: left;
}
.daily2 .daily-detail .daily-note label {
  width: 108px;
  color: #5b5b5b;
  font-size: 15px;
  font-weight: bold;
}
@media only screen and (max-width: 800px) {
  .daily2 .daily-detail .daily-note label {
    width: 100%;
    margin-bottom: 5px;
  }
}
.daily2 .daily-detail .daily-note .content {
  width: calc(100% - 108px);
  color: #474647;
}
.daily2 .daily-detail .daily-note .content p[data-title]:before {
  display: inline-block;
  content: '【' attr(data-title) '】';
  margin-right: 10px;
  color: #b03132;
  font-weight: bold;
}
@media only screen and (max-width: 800px) {
  .daily2 .daily-detail .daily-note .content {
    width: 100%;
  }
}
.daily3 {
  position: relative;
  margin-bottom: 20px;
}
.daily3.is-collapsed {
  height: 450px;
  overflow: hidden;
}
.daily3 > .collapse-toggle {
  position: absolute;
  bottom: 0;
  left: 0;
  background: white;
}
.daily3 .daily-detail {
  display: inline-block;
  width: 100%;
}
.daily3 .daily-detail + .daily-detail {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 2px solid #deddde;
}
.daily3 .daily-detail > * {
  display: inline-block;
  width: 100%;
}
.daily3 .daily-detail .detail-header > * {
  float: left;
  display: inline-block;
  font-size: 23px;
}
.daily3 .daily-detail .detail-header .day {
  width: 140px;
  font-weight: bold;
  font-size: 55px;
  font-family: normal;
}
.daily3 .daily-detail .detail-header .day:before {
  display: inline-block;
  content: 'DAY';
  letter-spacing: 5px;
  font-size: 23px;
  margin-right: 10px;
}
.daily3 .daily-detail .detail-header .title {
  width: calc(100% - 140px);
  padding-left: 15px;
  margin-top: 33px;
}
@media only screen and (max-width: 700px) {
  .daily3 .daily-detail .detail-header .day {
    font-size: 40px;
  }
  .daily3 .daily-detail .detail-header .day:before {
    font-size: 23px;
  }
  .daily3 .daily-detail .detail-header .title {
    padding-left: 0;
    margin-top: 10px;
    width: 100%;
    font-size: 20px;
  }
}
.daily3 .daily-detail .detail-block {
  display: flex;
  margin-top: 25px;
  color: #707070;
}
.daily3 .daily-detail .detail-block > * {
  flex: 1;
}
.daily3 .daily-detail .detail-block figure.detail-bg {
  display: inline-block;
  width: 420px;
  height: min-content;
  overflow: hidden;
  margin: 16px auto;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
}
.daily3 .daily-detail .detail-block figure.detail-bg img {
  width: 100%;
}
.daily3 .daily-detail .detail-block .content {
  width: calc(100% - 452px);
  padding-right: 20px;
}
.daily3 .daily-detail .detail-block .content b {
  display: inline-block;
  margin-bottom: 10px;
  margin-left: 10px;
  color: #9f3334;
}
.daily3 .daily-detail .detail-block .content b:not(:first-child) {
  margin: 10px;
}
.daily3 .daily-detail .detail-block .content p {
  font-size: 16px;
  line-height: 30px;
}
.daily3 .daily-detail .detail-block.only-pic {
  display: inline-block;
}
.daily3 .daily-detail .detail-block.only-pic figure.detail-bg {
  width: 100%;
  margin: 0 auto;
}
.daily3 .daily-detail .detail-block.only-pic .content {
  width: 100%;
  margin-top: 10px;
}
.daily3 .daily-detail .detail-block.intro {
  display: inline-block;
}
.daily3 .daily-detail .detail-block.intro figure {
  width: 100%;
  margin: 0;
  display: inline-block;
  height: 200px;
  overflow: hidden;
  margin-top: 20px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.daily3 .daily-detail .detail-block.intro .content {
  width: 100%;
  font-weight: bold;
  background: #f7f7f7;
  padding: 15px 20px;
  margin-top: -10px;
}
@media only screen and (max-width: 900px) {
  .daily3 .daily-detail .detail-block figure.detail-bg,
  .daily3 .daily-detail .detail-block .content {
    width: 100%;
  }
  .daily3 .daily-detail .detail-block figure.detail-bg {
    margin: 0;
  }
  .daily3 .daily-detail .detail-block .content {
    padding: 20px 0;
  }
}
.daily3 .daily-detail .detail-provide {
  display: flex;
  margin-top: 25px;
}
.daily3 .daily-detail .detail-provide > * {
  padding: 8px;
  display: flex;
  flex: 1;
  align-items: center;
  min-height: 102px;
  border: 1px solid #fff1dd;
  background: #f6e6b4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fff8e3 0%, #ffe5c6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fff8e3 0%, #ffe5c6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fff8e3 0%, #ffe5c6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6e6b4', endColorstr='#ed9017', GradientType=0);
  /* IE6-9 */
}
.daily3 .daily-detail .detail-provide > * > * {
  display: table-cell;
  vertical-align: middle;
}
.daily3 .daily-detail .detail-provide > * span {
  width: 100px;
  font-size: 12px;
  line-height: 27px;
  text-align: center;
  color: #b95455;
  font-weight: bold;
}
.daily3 .daily-detail .detail-provide > * span i {
  display: block;
  font-size: 35px;
}
.daily3 .daily-detail .detail-provide > * .content {
  width: calc(100% - 100px);
  color: #454443;
  word-break: break-all;
}
.daily3 .daily-detail .detail-provide > * .content .meal {
  display: inline-block;
  width: 100%;
}
.daily3 .daily-detail .detail-provide > * .content .meal b {
  margin-right: 10px;
  color: #585151;
}
.daily3 .daily-detail .detail-provide > * + * {
  margin-left: 6px;
}
@media only screen and (max-width: 700px) {
  .daily3 .daily-detail .detail-provide > * {
    margin-left: 0;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 700px) {
  .daily3 .daily-detail .detail-provide {
    flex-direction: column;
  }
}
.daily4 {
  position: relative;
  margin-bottom: 20px;
}
.daily4.is-collapsed {
  height: 450px;
  overflow: hidden;
}
.daily4 > .collapse-toggle {
  position: absolute;
  bottom: 0;
  left: 0;
  background: white;
}
.daily4 .daily-detail {
  display: inline-block;
  width: 100%;
}
.daily4 .daily-detail + .daily-detail {
  margin-top: 40px;
}
.daily4 .daily-detail > * {
  display: inline-block;
  width: 100%;
}
.daily4 .daily-detail .detail-header {
  display: table;
}
.daily4 .daily-detail .detail-header > * {
  display: table-cell;
  vertical-align: middle;
}
.daily4 .daily-detail .detail-header .day {
  width: 140px;
  font-weight: bold;
  font-size: 35px;
  padding: 14px 0;
  color: #4e4e4e;
}
.daily4 .daily-detail .detail-header .day:before {
  display: inline-block;
  content: 'Day';
  margin-right: 10px;
}
.daily4 .daily-detail .detail-header .title {
  width: calc(100% - 140px);
  padding-left: 15px;
  min-height: 80px;
  line-height: 28px;
  padding: 10px 20px;
  font-size: 18px;
  border-left: 7px solid #f3627d;
  background: #f7f7f7;
}
@media only screen and (max-width: 700px) {
  .daily4 .daily-detail .detail-header {
    display: inline-block;
  }
  .daily4 .daily-detail .detail-header > * {
    display: inline-block;
  }
  .daily4 .daily-detail .detail-header .title {
    width: 100%;
  }
}
.daily4 .daily-detail .detail-content {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.daily4 .daily-detail .detail-content .detail-scene {
  width: calc((100% / 3) - 20px);
}
.daily4 .daily-detail .detail-content .detail-scene:nth-child(3n + 2) {
  margin: 0 30px;
}
@media only screen and (max-width: 900px) {
  .daily4 .daily-detail .detail-content .detail-scene {
    width: calc((100% / 2) - 10px);
  }
  .daily4 .daily-detail .detail-content .detail-scene:nth-child(3n + 2) {
    margin: 0;
  }
  .daily4 .daily-detail .detail-content .detail-scene:nth-child(2n) {
    margin: 0;
    margin-left: 20px;
  }
}
@media only screen and (max-width: 700px) {
  .daily4 .daily-detail .detail-content .detail-scene {
    width: 100%;
  }
  .daily4 .daily-detail .detail-content .detail-scene:nth-child(3n + 2),
  .daily4 .daily-detail .detail-content .detail-scene:nth-child(2n) {
    margin: 0;
  }
}
.daily4 .daily-detail .detail-content .detail-scene > * {
  display: inline-block;
  width: 100%;
}
.daily4 .daily-detail .detail-content .detail-scene .detail-bg img {
  width: 100%;
}
.daily4 .daily-detail .detail-content .detail-scene .bg-title {
  margin-top: 15px;
  font-size: 20px;
  color: #e04243;
}
.daily4 .daily-detail .detail-content .detail-scene .bg-title:before {
  content: '【' attr(data-title) '】';
}
.daily4 .daily-detail .detail-content .detail-scene p {
  font-size: 15px;
  line-height: 25px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 0 10px;
  color: #4c4c4c;
}
.daily4 .daily-detail .detail-provide {
  margin-top: 25px;
  padding-top: 10px;
  border-top: 1px solid #deddde;
  border-top-style: dashed;
}
.daily4 .daily-detail .detail-provide > * {
  padding: 15px;
  display: inline-block;
  float: left;
  width: calc(50% - 3px);
  height: 102px;
}
.daily4 .daily-detail .detail-provide > * > * {
  display: inline-block;
  float: left;
}
.daily4 .daily-detail .detail-provide > * span {
  width: 100px;
  text-align: center;
}
.daily4 .daily-detail .detail-provide > * span i {
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 35px;
  border: 3px solid black;
  border-radius: 30px;
}
.daily4 .daily-detail .detail-provide > * .content {
  width: calc(100% - 100px);
  color: #454443;
  word-break: break-all;
}
.daily4 .daily-detail .detail-provide > * .content .meal {
  display: inline-block;
  width: 100%;
}
.daily4 .daily-detail .detail-provide > * .content .meal b {
  margin-right: 10px;
  color: #585151;
}
.daily4 .daily-detail .detail-provide > * + * {
  margin-left: 6px;
}
@media only screen and (max-width: 700px) {
  .daily4 .daily-detail .detail-provide > * {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-top: 10px;
  }
}
#tour_info {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1200px;
  padding: 10px 20px;
  background-color: white !important;
  margin: 0 auto 30px !important;
}
#tour_info .list-detail {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  padding: 20px;
}
#tour_info .list-detail[data-index="40"] tr:nth-child(201) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="40"] tr:nth-child(201) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="40"] tr:nth-child(200) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="40"] tr:nth-child(200) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="40"] tr:nth-child(199) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="40"] tr:nth-child(199) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="40"] tr:nth-child(198) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="40"] tr:nth-child(198) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="40"] tr:nth-child(197) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="40"] tr:nth-child(197) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="39"] tr:nth-child(196) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="39"] tr:nth-child(196) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="39"] tr:nth-child(195) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="39"] tr:nth-child(195) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="39"] tr:nth-child(194) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="39"] tr:nth-child(194) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="39"] tr:nth-child(193) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="39"] tr:nth-child(193) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="39"] tr:nth-child(192) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="39"] tr:nth-child(192) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="38"] tr:nth-child(191) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="38"] tr:nth-child(191) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="38"] tr:nth-child(190) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="38"] tr:nth-child(190) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="38"] tr:nth-child(189) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="38"] tr:nth-child(189) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="38"] tr:nth-child(188) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="38"] tr:nth-child(188) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="38"] tr:nth-child(187) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="38"] tr:nth-child(187) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="37"] tr:nth-child(186) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="37"] tr:nth-child(186) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="37"] tr:nth-child(185) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="37"] tr:nth-child(185) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="37"] tr:nth-child(184) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="37"] tr:nth-child(184) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="37"] tr:nth-child(183) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="37"] tr:nth-child(183) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="37"] tr:nth-child(182) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="37"] tr:nth-child(182) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="36"] tr:nth-child(181) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="36"] tr:nth-child(181) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="36"] tr:nth-child(180) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="36"] tr:nth-child(180) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="36"] tr:nth-child(179) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="36"] tr:nth-child(179) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="36"] tr:nth-child(178) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="36"] tr:nth-child(178) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="36"] tr:nth-child(177) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="36"] tr:nth-child(177) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="35"] tr:nth-child(176) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="35"] tr:nth-child(176) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="35"] tr:nth-child(175) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="35"] tr:nth-child(175) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="35"] tr:nth-child(174) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="35"] tr:nth-child(174) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="35"] tr:nth-child(173) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="35"] tr:nth-child(173) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="35"] tr:nth-child(172) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="35"] tr:nth-child(172) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="34"] tr:nth-child(171) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="34"] tr:nth-child(171) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="34"] tr:nth-child(170) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="34"] tr:nth-child(170) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="34"] tr:nth-child(169) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="34"] tr:nth-child(169) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="34"] tr:nth-child(168) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="34"] tr:nth-child(168) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="34"] tr:nth-child(167) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="34"] tr:nth-child(167) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="33"] tr:nth-child(166) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="33"] tr:nth-child(166) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="33"] tr:nth-child(165) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="33"] tr:nth-child(165) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="33"] tr:nth-child(164) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="33"] tr:nth-child(164) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="33"] tr:nth-child(163) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="33"] tr:nth-child(163) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="33"] tr:nth-child(162) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="33"] tr:nth-child(162) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="32"] tr:nth-child(161) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="32"] tr:nth-child(161) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="32"] tr:nth-child(160) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="32"] tr:nth-child(160) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="32"] tr:nth-child(159) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="32"] tr:nth-child(159) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="32"] tr:nth-child(158) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="32"] tr:nth-child(158) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="32"] tr:nth-child(157) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="32"] tr:nth-child(157) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="31"] tr:nth-child(156) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="31"] tr:nth-child(156) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="31"] tr:nth-child(155) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="31"] tr:nth-child(155) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="31"] tr:nth-child(154) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="31"] tr:nth-child(154) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="31"] tr:nth-child(153) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="31"] tr:nth-child(153) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="31"] tr:nth-child(152) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="31"] tr:nth-child(152) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="30"] tr:nth-child(151) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="30"] tr:nth-child(151) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="30"] tr:nth-child(150) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="30"] tr:nth-child(150) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="30"] tr:nth-child(149) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="30"] tr:nth-child(149) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="30"] tr:nth-child(148) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="30"] tr:nth-child(148) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="30"] tr:nth-child(147) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="30"] tr:nth-child(147) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="29"] tr:nth-child(146) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="29"] tr:nth-child(146) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="29"] tr:nth-child(145) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="29"] tr:nth-child(145) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="29"] tr:nth-child(144) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="29"] tr:nth-child(144) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="29"] tr:nth-child(143) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="29"] tr:nth-child(143) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="29"] tr:nth-child(142) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="29"] tr:nth-child(142) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="28"] tr:nth-child(141) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="28"] tr:nth-child(141) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="28"] tr:nth-child(140) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="28"] tr:nth-child(140) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="28"] tr:nth-child(139) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="28"] tr:nth-child(139) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="28"] tr:nth-child(138) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="28"] tr:nth-child(138) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="28"] tr:nth-child(137) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="28"] tr:nth-child(137) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="27"] tr:nth-child(136) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="27"] tr:nth-child(136) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="27"] tr:nth-child(135) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="27"] tr:nth-child(135) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="27"] tr:nth-child(134) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="27"] tr:nth-child(134) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="27"] tr:nth-child(133) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="27"] tr:nth-child(133) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="27"] tr:nth-child(132) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="27"] tr:nth-child(132) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="26"] tr:nth-child(131) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="26"] tr:nth-child(131) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="26"] tr:nth-child(130) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="26"] tr:nth-child(130) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="26"] tr:nth-child(129) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="26"] tr:nth-child(129) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="26"] tr:nth-child(128) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="26"] tr:nth-child(128) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="26"] tr:nth-child(127) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="26"] tr:nth-child(127) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="25"] tr:nth-child(126) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="25"] tr:nth-child(126) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="25"] tr:nth-child(125) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="25"] tr:nth-child(125) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="25"] tr:nth-child(124) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="25"] tr:nth-child(124) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="25"] tr:nth-child(123) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="25"] tr:nth-child(123) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="25"] tr:nth-child(122) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="25"] tr:nth-child(122) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="24"] tr:nth-child(121) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="24"] tr:nth-child(121) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="24"] tr:nth-child(120) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="24"] tr:nth-child(120) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="24"] tr:nth-child(119) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="24"] tr:nth-child(119) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="24"] tr:nth-child(118) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="24"] tr:nth-child(118) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="24"] tr:nth-child(117) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="24"] tr:nth-child(117) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="23"] tr:nth-child(116) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="23"] tr:nth-child(116) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="23"] tr:nth-child(115) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="23"] tr:nth-child(115) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="23"] tr:nth-child(114) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="23"] tr:nth-child(114) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="23"] tr:nth-child(113) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="23"] tr:nth-child(113) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="23"] tr:nth-child(112) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="23"] tr:nth-child(112) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="22"] tr:nth-child(111) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="22"] tr:nth-child(111) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="22"] tr:nth-child(110) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="22"] tr:nth-child(110) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="22"] tr:nth-child(109) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="22"] tr:nth-child(109) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="22"] tr:nth-child(108) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="22"] tr:nth-child(108) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="22"] tr:nth-child(107) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="22"] tr:nth-child(107) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="21"] tr:nth-child(106) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="21"] tr:nth-child(106) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="21"] tr:nth-child(105) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="21"] tr:nth-child(105) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="21"] tr:nth-child(104) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="21"] tr:nth-child(104) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="21"] tr:nth-child(103) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="21"] tr:nth-child(103) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="21"] tr:nth-child(102) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="21"] tr:nth-child(102) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="20"] tr:nth-child(101) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="20"] tr:nth-child(101) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="20"] tr:nth-child(100) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="20"] tr:nth-child(100) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="20"] tr:nth-child(99) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="20"] tr:nth-child(99) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="20"] tr:nth-child(98) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="20"] tr:nth-child(98) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="20"] tr:nth-child(97) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="20"] tr:nth-child(97) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="19"] tr:nth-child(96) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="19"] tr:nth-child(96) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="19"] tr:nth-child(95) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="19"] tr:nth-child(95) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="19"] tr:nth-child(94) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="19"] tr:nth-child(94) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="19"] tr:nth-child(93) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="19"] tr:nth-child(93) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="19"] tr:nth-child(92) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="19"] tr:nth-child(92) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="18"] tr:nth-child(91) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="18"] tr:nth-child(91) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="18"] tr:nth-child(90) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="18"] tr:nth-child(90) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="18"] tr:nth-child(89) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="18"] tr:nth-child(89) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="18"] tr:nth-child(88) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="18"] tr:nth-child(88) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="18"] tr:nth-child(87) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="18"] tr:nth-child(87) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="17"] tr:nth-child(86) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="17"] tr:nth-child(86) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="17"] tr:nth-child(85) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="17"] tr:nth-child(85) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="17"] tr:nth-child(84) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="17"] tr:nth-child(84) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="17"] tr:nth-child(83) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="17"] tr:nth-child(83) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="17"] tr:nth-child(82) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="17"] tr:nth-child(82) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="16"] tr:nth-child(81) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="16"] tr:nth-child(81) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="16"] tr:nth-child(80) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="16"] tr:nth-child(80) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="16"] tr:nth-child(79) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="16"] tr:nth-child(79) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="16"] tr:nth-child(78) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="16"] tr:nth-child(78) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="16"] tr:nth-child(77) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="16"] tr:nth-child(77) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="15"] tr:nth-child(76) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="15"] tr:nth-child(76) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="15"] tr:nth-child(75) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="15"] tr:nth-child(75) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="15"] tr:nth-child(74) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="15"] tr:nth-child(74) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="15"] tr:nth-child(73) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="15"] tr:nth-child(73) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="15"] tr:nth-child(72) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="15"] tr:nth-child(72) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="14"] tr:nth-child(71) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="14"] tr:nth-child(71) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="14"] tr:nth-child(70) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="14"] tr:nth-child(70) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="14"] tr:nth-child(69) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="14"] tr:nth-child(69) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="14"] tr:nth-child(68) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="14"] tr:nth-child(68) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="14"] tr:nth-child(67) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="14"] tr:nth-child(67) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="13"] tr:nth-child(66) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="13"] tr:nth-child(66) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="13"] tr:nth-child(65) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="13"] tr:nth-child(65) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="13"] tr:nth-child(64) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="13"] tr:nth-child(64) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="13"] tr:nth-child(63) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="13"] tr:nth-child(63) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="13"] tr:nth-child(62) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="13"] tr:nth-child(62) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="12"] tr:nth-child(61) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="12"] tr:nth-child(61) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="12"] tr:nth-child(60) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="12"] tr:nth-child(60) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="12"] tr:nth-child(59) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="12"] tr:nth-child(59) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="12"] tr:nth-child(58) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="12"] tr:nth-child(58) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="12"] tr:nth-child(57) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="12"] tr:nth-child(57) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="11"] tr:nth-child(56) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="11"] tr:nth-child(56) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="11"] tr:nth-child(55) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="11"] tr:nth-child(55) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="11"] tr:nth-child(54) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="11"] tr:nth-child(54) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="11"] tr:nth-child(53) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="11"] tr:nth-child(53) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="11"] tr:nth-child(52) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="11"] tr:nth-child(52) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="10"] tr:nth-child(51) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="10"] tr:nth-child(51) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="10"] tr:nth-child(50) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="10"] tr:nth-child(50) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="10"] tr:nth-child(49) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="10"] tr:nth-child(49) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="10"] tr:nth-child(48) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="10"] tr:nth-child(48) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="10"] tr:nth-child(47) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="10"] tr:nth-child(47) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="9"] tr:nth-child(46) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="9"] tr:nth-child(46) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="9"] tr:nth-child(45) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="9"] tr:nth-child(45) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="9"] tr:nth-child(44) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="9"] tr:nth-child(44) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="9"] tr:nth-child(43) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="9"] tr:nth-child(43) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="9"] tr:nth-child(42) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="9"] tr:nth-child(42) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="8"] tr:nth-child(41) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="8"] tr:nth-child(41) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="8"] tr:nth-child(40) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="8"] tr:nth-child(40) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="8"] tr:nth-child(39) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="8"] tr:nth-child(39) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="8"] tr:nth-child(38) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="8"] tr:nth-child(38) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="8"] tr:nth-child(37) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="8"] tr:nth-child(37) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="7"] tr:nth-child(36) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="7"] tr:nth-child(36) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="7"] tr:nth-child(35) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="7"] tr:nth-child(35) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="7"] tr:nth-child(34) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="7"] tr:nth-child(34) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="7"] tr:nth-child(33) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="7"] tr:nth-child(33) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="7"] tr:nth-child(32) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="7"] tr:nth-child(32) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="6"] tr:nth-child(31) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="6"] tr:nth-child(31) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="6"] tr:nth-child(30) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="6"] tr:nth-child(30) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="6"] tr:nth-child(29) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="6"] tr:nth-child(29) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="6"] tr:nth-child(28) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="6"] tr:nth-child(28) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="6"] tr:nth-child(27) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="6"] tr:nth-child(27) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="5"] tr:nth-child(26) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="5"] tr:nth-child(26) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="5"] tr:nth-child(25) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="5"] tr:nth-child(25) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="5"] tr:nth-child(24) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="5"] tr:nth-child(24) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="5"] tr:nth-child(23) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="5"] tr:nth-child(23) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="5"] tr:nth-child(22) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="5"] tr:nth-child(22) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="4"] tr:nth-child(21) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="4"] tr:nth-child(21) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="4"] tr:nth-child(20) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="4"] tr:nth-child(20) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="4"] tr:nth-child(19) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="4"] tr:nth-child(19) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="4"] tr:nth-child(18) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="4"] tr:nth-child(18) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="4"] tr:nth-child(17) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="4"] tr:nth-child(17) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="3"] tr:nth-child(16) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="3"] tr:nth-child(16) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="3"] tr:nth-child(15) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="3"] tr:nth-child(15) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="3"] tr:nth-child(14) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="3"] tr:nth-child(14) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="3"] tr:nth-child(13) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="3"] tr:nth-child(13) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="3"] tr:nth-child(12) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="3"] tr:nth-child(12) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="2"] tr:nth-child(11) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="2"] tr:nth-child(11) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="2"] tr:nth-child(10) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="2"] tr:nth-child(10) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="2"] tr:nth-child(9) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="2"] tr:nth-child(9) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="2"] tr:nth-child(8) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="2"] tr:nth-child(8) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="2"] tr:nth-child(7) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="2"] tr:nth-child(7) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="1"] tr:nth-child(6) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="1"] tr:nth-child(6) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="1"] tr:nth-child(5) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="1"] tr:nth-child(5) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="1"] tr:nth-child(4) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="1"] tr:nth-child(4) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="1"] tr:nth-child(3) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="1"] tr:nth-child(3) {
    display: inline-block;
  }
}
#tour_info .list-detail[data-index="1"] tr:nth-child(2) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail[data-index="1"] tr:nth-child(2) {
    display: inline-block;
  }
}
#tour_info .list-detail th,
#tour_info .list-detail td {
  padding: 12px 10px;
  word-break: break-word;
  vertical-align: middle;
}
#tour_info .list-detail th {
  color: #a1a1a1;
  font-weight: bold;
}
#tour_info .list-detail tr {
  text-align: left;
  display: none;
}
#tour_info .list-detail tr:hover {
  background-color: #f5f5f5;
}
#tour_info .list-detail tr:nth-child(1) {
  display: table-row;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail tr {
    display: none;
    height: 48px;
    overflow: hidden;
    border-bottom: 1px solid #eeeeee;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
  }
  #tour_info .list-detail tr:nth-child(1) {
    display: none;
  }
  #tour_info .list-detail tr:hover {
    background-color: white;
  }
  #tour_info .list-detail tr.active {
    height: auto;
  }
  #tour_info .list-detail tr.active .datetime i {
    transform: rotate(180deg);
  }
}
#tour_info .list-detail td {
  border-bottom: 1px solid #eeeeee;
}
#tour_info .list-detail td.datetime {
  color: #ff7272;
  text-shadow: 0px 1px white, 1px 1px #e4e4e4;
}
#tour_info .list-detail td.datetime i {
  display: none;
}
#tour_info .list-detail td.title {
  color: #656565;
  font-weight: bold;
  letter-spacing: 2px;
  position: relative;
}
#tour_info .list-detail td.title .tag-list {
  display: block;
}
#tour_info .list-detail td.title .tag-list > * {
  display: inline-block;
  padding: 2px 7px;
  font-size: 12px;
  margin-bottom: 5px;
  color: white;
  border-radius: 5px;
  margin-right: 5px;
}
#tour_info .list-detail td.title .tag-list .sale-tag1 {
  background-color: rgba(208, 68, 243, 0.8);
}
#tour_info .list-detail td.title .tag-list .sale-tag2 {
  background-color: rgba(68, 150, 243, 0.8);
}
#tour_info .list-detail td.title .tag-list .sale-tag3 {
  background-color: rgba(118, 219, 59, 0.8);
}
#tour_info .list-detail td.title .tag-list .sale-tag4 {
  background-color: rgba(243, 68, 76, 0.8);
}
#tour_info .list-detail td.title .tag-list .sale-note {
  background-color: #f9c26d;
}
#tour_info .list-detail td.title .promotion-block {
  display: none;
}
#tour_info .list-detail td.title .promotion-block i.cancel {
  position: fixed;
  display: none;
  top: 20px;
  right: 20px;
  z-index: 5;
  font-size: 25px;
  color: #bbbbbb;
}
#tour_info .list-detail td.title .promotion-block .flight-detail {
  position: absolute;
  display: table;
  top: 65px;
  left: -30px;
  z-index: 2;
  background-color: #1d1d1df5;
  color: white;
  width: 700px;
  font-size: 14px;
  border-radius: 5px;
}
#tour_info .list-detail td.title .promotion-block .flight-detail tr {
  display: table-row;
}
#tour_info .list-detail td.title .promotion-block .flight-detail tr:hover {
  background-color: #1d1d1df5;
}
#tour_info .list-detail td.title .promotion-block .flight-detail th,
#tour_info .list-detail td.title .promotion-block .flight-detail td {
  word-break: break-word;
  vertical-align: middle;
}
#tour_info .list-detail td.title .promotion-block .flight-detail th {
  color: white;
  font-weight: bold;
}
#tour_info .list-detail td.title .promotion-block .flight-detail td {
  border-bottom: none;
}
#tour_info .list-detail td.title:hover {
  cursor: pointer;
}
#tour_info .list-detail td.title:hover .promotion-block {
  display: inline-block;
}
#tour_info .list-detail td.status {
  font-weight: bold;
  color: #9e9e9e;
}
#tour_info .list-detail td.status.full {
  color: #f9c26d;
}
#tour_info .list-detail td.flight {
  position: relative;
}
#tour_info .list-detail td.flight i.airplane {
  position: relative;
  color: gray;
  z-index: 1;
  transform: rotate(45deg);
}
#tour_info .list-detail td.flight i.airport_shuttle {
  position: relative;
  color: gray;
  z-index: 1;
}
#tour_info .list-detail td.flight .flight-block {
  display: none;
}
#tour_info .list-detail td.flight .flight-block i.cancel {
  position: fixed;
  display: none;
  top: 20px;
  right: 20px;
  z-index: 5;
  font-size: 25px;
  color: #bbbbbb;
}
#tour_info .list-detail td.flight .flight-block .loading-wrapper {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 65px;
  left: -300px;
  z-index: 3;
  background-color: #1d1d1df5;
  color: white;
  width: 700px;
  height: 100px;
  font-size: 14px;
  border-radius: 5px;
}
#tour_info .list-detail td.flight .flight-block .loading-wrapper p {
  padding-left: 1%;
  font-weight: bold;
  font-size: 16px;
}
#tour_info .list-detail td.flight .flight-block .flight-detail {
  position: absolute;
  display: table;
  top: 65px;
  left: -300px;
  z-index: 2;
  background-color: #1d1d1df5;
  color: white;
  width: 700px;
  font-size: 14px;
  border-radius: 5px;
}
#tour_info .list-detail td.flight .flight-block .flight-detail tr {
  display: table-row;
}
#tour_info .list-detail td.flight .flight-block .flight-detail tr:hover {
  background-color: #464646;
}
#tour_info .list-detail td.flight .flight-block .flight-detail th,
#tour_info .list-detail td.flight .flight-block .flight-detail td {
  word-break: break-word;
  vertical-align: middle;
}
#tour_info .list-detail td.flight .flight-block .flight-detail th {
  color: white;
  font-weight: bold;
}
#tour_info .list-detail td.flight .flight-block .flight-detail td {
  border-bottom: none;
}
#tour_info .list-detail td.flight .flight-block .flight-detail td span {
  display: inline-block;
  color: #e5b346;
  margin-left: 5px;
  font-weight: bold;
}
#tour_info .list-detail td.flight .flight-block .flight-detail td:first-child {
  width: 64px;
}
#tour_info .list-detail td.flight .flight-block .flight-detail td:nth-child(2),
#tour_info .list-detail td.flight .flight-block .flight-detail td:nth-child(3) {
  width: 96px;
}
#tour_info .list-detail td.flight .flight-block .flight-detail td:last-child {
  width: 130px;
}
#tour_info .list-detail td.flight:hover {
  cursor: pointer;
}
#tour_info .list-detail td.flight:hover .flight-block {
  display: inline-block;
}
#tour_info .list-detail td > button {
  display: inline-block;
  padding: 6px 10px;
  text-decoration: none;
  background-color: #fb8787;
  color: white;
  font-weight: normal;
  border-radius: 20px;
  font-size: 13px;
  box-shadow: 0px 6px 7px rgba(239, 96, 96, 0.17);
  transition: all 0.3s ease 0s;
  text-transform: uppercase;
}
#tour_info .list-detail td > button:hover {
  background-color: #f3b544;
  box-shadow: 0px 15px 20px rgba(171, 154, 66, 0.4);
  color: #fff;
  transform: translateY(-2px);
}
#tour_info .list-detail td > button.service {
  border: 1px solid #fb8787;
  background-color: white;
  color: #ea6a6a;
}
#tour_info .list-detail td > button.service:hover {
  box-shadow: 0px 15px 20px #f1cfcf61;
}
#tour_info .list-detail td > button.disable {
  background-color: #c5c5c5;
  box-shadow: 0px 6px 7px rgba(152, 152, 152, 0.17);
}
#tour_info .list-detail td > button.disable:hover {
  background-color: #c5c5c5;
  transform: none;
  box-shadow: 0px 6px 7px rgba(152, 152, 152, 0.17);
}
#tour_info .list-detail td > button.other-group {
  background-color: #6987d5;
  color: #FFF;
  box-shadow: 0px 6px 7px rgba(152, 152, 152, 0.17);
}
#tour_info .list-detail td > button.other-group:hover {
  background-color: #f3b544;
  color: #FFF;
  box-shadow: 0px 6px 7px rgba(152, 152, 152, 0.17);
}
#tour_info .list-detail td > button + button {
  margin-left: 3px;
}
#tour_info .list-detail td.center {
  text-align: center;
}
@media only screen and (max-width: 830px) {
  #tour_info .list-detail td {
    display: inline-block;
    width: 100%;
    border-bottom: none;
    text-align: left;
  }
  #tour_info .list-detail td.center {
    text-align: left;
  }
  #tour_info .list-detail td.datetime {
    position: relative;
    padding-bottom: 0;
    color: #faa0a1;
  }
  #tour_info .list-detail td.datetime i {
    position: absolute;
    display: inline-block;
    top: 7px;
    right: 10px;
    line-height: 25px;
    color: gray;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    border-radius: 50%;
    text-shadow: none;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: -webkit-transform 0.3s,-moz-transform 0.3s,-o-transform 0.3s,transform 0.3s;
  }
  #tour_info .list-detail td.datetime i:hover {
    cursor: pointer;
    background-color: #e6e6e6;
    color: white;
  }
  #tour_info .list-detail td[data-title] {
    width: calc(50% - 5px);
    height: 26px;
    line-height: 26px;
    padding-top: 0;
    font-size: 14px;
  }
  #tour_info .list-detail td[data-title]:before {
    display: inline-block;
    content: attr(data-title);
    width: 50px;
    color: #adadad;
  }
  #tour_info .list-detail td.flight:hover .flight-block {
    display: none;
  }
  #tour_info .list-detail td.flight.active .flight-block {
    display: inline-block;
  }
  #tour_info .list-detail td.flight .flight-block {
    display: none;
  }
  #tour_info .list-detail td.flight .flight-block.active {
    display: inline-block;
  }
  #tour_info .list-detail td.flight .flight-block i.cancel {
    display: inline-block;
  }
  #tour_info .list-detail td.flight .flight-block .flight-detail {
    position: fixed;
    padding: 10px;
    display: inline-block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #1d1d1deb;
    border-radius: 0;
    overflow-y: scroll;
    z-index: 3;
  }
  #tour_info .list-detail td.flight .flight-block .flight-detail tr {
    display: inline-block;
    border-bottom: 1px solid #4e4e4e;
    padding: 10px;
    height: auto;
  }
  #tour_info .list-detail td.flight .flight-block .flight-detail tr:first-child {
    display: none;
  }
  #tour_info .list-detail td.flight .flight-block .flight-detail td {
    display: inline-block;
    width: 100%;
    height: auto;
    padding-bottom: 0px;
  }
  #tour_info .list-detail td.flight .flight-block .flight-detail td:first-child {
    width: 100%;
  }
  #tour_info .list-detail td.flight .flight-block .flight-detail td:nth-child(2),
  #tour_info .list-detail td.flight .flight-block .flight-detail td:nth-child(3) {
    width: 100%;
  }
  #tour_info .list-detail td.flight .flight-block .flight-detail td:last-child {
    width: 100%;
  }
  #tour_info .list-detail td.flight .flight-block .flight-detail td[data-title] {
    width: 100%;
  }
  #tour_info .list-detail td.flight .flight-block .flight-detail td[data-title]:before {
    width: 80px;
  }
}
#tour_info .pagination {
  margin-top: 20px;
  text-align: left;
}
#tour_info .pagination a {
  text-decoration: none;
  padding: 6px;
  font-size: 14px;
  border: 1px solid rgba(183, 183, 183, 0.3);
  color: #797979;
}
#tour_info .pagination a i {
  color: #5394ea;
  font-size: 26px;
  line-height: 29px;
  height: 29px;
}
#tour_info .pagination a:hover {
  cursor: pointer;
  box-shadow: 1px 1px 2px #b3b3b32b;
}
.loading {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 50%;
  top: 20%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 0;
}
.loading.reversed li {
  border: 3px solid #fff;
  -webkit-animation: LOADINGREV 2s infinite;
  animation: LOADINGREV 2s infinite;
}
.loading.reversed li:nth-child(1n) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.loading.reversed li:nth-child(2n) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.loading.reversed li:nth-child(3n) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.loading li {
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  margin: 0;
  height: 10px;
  width: 10px;
  border: 3px solid #e3e3e3;
  border-radius: 100%;
  -webkit-transform: transformZ(0);
  transform: transformZ(0);
  -webkit-animation: LOADING 2s infinite;
  animation: LOADING 2s infinite;
}
.loading li:nth-child(1n) {
  left: -20px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.loading li:nth-child(2n) {
  left: 0;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.loading li:nth-child(3n) {
  left: 20px;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.loading .grid-row:after {
  content: "";
  display: table;
  clear: both;
}
.loading .grid-row .col {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
}
.loading .grid-row .col + .col {
  background: #e3e3e3;
  left: auto;
  right: 0;
}
@keyframes LOADING {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    background: #e3e3e3;
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
    background: #fff;
  }
  to {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    background: #e3e3e3;
  }
}
@keyframes LOADINGREV {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    background: #fff;
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
    background: #e3e3e3;
  }
  to {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    background: #fff;
  }
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-cover2 img {
  width: 100%;
  height: auto;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-intro .drop-wrap .material-icons {
  font-size: 20px;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-intro .drop-wrap .material-icons.share {
  font-size: 16px;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn {
  margin: 0px 10px 0px 0px;
  display: inline-block;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn .quick-item {
  display: flex;
  justify-content: center;
  background: rgba(110, 175, 249, 0.15);
  border: 1px solid #129df1;
  border-bottom: 3px solid #129df1;
  width: 100%;
  border-radius: 20px;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn .quick-item .material-icons {
  font-size: 18px;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn .quick-item:hover {
  border-bottom: rgba(255, 255, 255, 0);
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn .quick-item > * {
  padding: 4px 20px;
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #129df1;
  border-radius: 20px;
  font-size: 18px;
}
@media only screen and (max-width: 700px) {
  .wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn .quick-item > * {
    font-size: 16px;
  }
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn .quick-item > *:hover {
  border-radius: 20px;
  cursor: pointer;
  color: #fff;
  background: #129df1;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn .quick-item > *.active {
  background-color: #bbbb;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.orange.active {
  display: flex;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.orange .quick-item {
  background: rgba(241, 157, 98, 0.15);
  color: #f97b51;
  border: 1px solid #F6916F;
  border-bottom: 3px solid #F6916F;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.orange .quick-item:hover {
  border-bottom: rgba(255, 255, 255, 0);
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.orange .quick-item > * {
  color: #f97b51;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.orange .quick-item > *:hover {
  border-radius: 20px;
  cursor: pointer;
  color: #fff;
  background: #f97b51;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.orange .quick-item > *.active {
  background-color: rgba(65, 130, 160, 0.82);
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.blue.active {
  display: flex;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.blue .quick-item {
  background: rgba(52, 172, 198, 0.15);
  border: 1px solid #057ea2;
  border-bottom: 3px solid #057ea2;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.blue .quick-item:hover {
  border-bottom: rgba(255, 255, 255, 0);
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.blue .quick-item > * {
  border-radius: 20px;
  color: #057ea2;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.blue .quick-item > *:hover {
  color: #fff;
  cursor: pointer;
  background: #057ea2;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.blue .quick-item > *.active {
  background-color: #057ea2;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.dark.active {
  display: flex;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.dark .quick-item {
  background: rgba(52, 173, 170, 0.15);
  border: 1px solid #2081a2;
  border-bottom: 3px solid #2081a2;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.dark .quick-item:hover {
  border-bottom: rgba(255, 255, 255, 0);
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.dark .quick-item > * {
  border-radius: 20px;
  color: #2081a2;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.dark .quick-item > *:hover {
  cursor: pointer;
  color: #eee;
  background: #2081a2;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.dark .quick-item > *.active {
  background-color: rgba(4, 70, 101, 0.82);
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.green.active {
  display: flex;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.green .quick-item {
  background: rgba(166, 216, 212, 0.15);
  border: 1px solid #339278;
  border-bottom: 3px solid #339278;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.green .quick-item:hover {
  border-bottom: rgba(255, 255, 255, 0);
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.green .quick-item > * {
  border-radius: 20px;
  color: #339278;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.green .quick-item > *:hover {
  cursor: pointer;
  color: #fff;
  background: #339278;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.green .quick-item > *.active {
  background-color: rgba(30, 69, 78, 0.82);
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.yellow.active {
  display: flex;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.yellow .quick-item {
  background: rgba(230, 217, 63, 0.15);
  border: 1px solid #339278;
  border-bottom: 3px solid #339278;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.yellow .quick-item:hover {
  border-bottom: rgba(255, 255, 255, 0);
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.yellow .quick-item > * {
  border-radius: 20px;
  color: #339278;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.yellow .quick-item > *:hover {
  cursor: pointer;
  color: #fff;
  background: #339278;
}
.wl-tour .tour-intro-wrap .topic1 .tour-intro-inner .tour-btn-group .tour-btn.yellow .quick-item > *.active {
  background-color: rgba(102, 162, 121, 0.82);
}
.search-result {
  padding-bottom: 40px;
}
.search-result .wl-header {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.search-result .search-filter-bar {
  position: fixed;
  top: 60px;
  z-index: 99;
  width: 100%;
  height: 45px;
  margin-bottom: 30px;
  background-color: rgba(255, 255, 255, 0.95);
  border-top: 1px solid #eee;
  -webkit-box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.03);
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.03);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media only screen and (max-width: 768px) {
  .search-result .search-filter-bar {
    height: 90px;
  }
}
.search-result .search-filter-bar .search-filter-inner {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  max-width: 1160px;
  border-left: 1px solid #eee;
}
@media only screen and (max-width: 768px) {
  .search-result .search-filter-bar .search-filter-inner {
    flex-wrap: wrap;
  }
}
.search-result .search-filter-bar .search-area-box {
  width: 100%;
  max-width: 768px;
  top: 50px;
}
.search-result .search-filter-bar .keyword-input,
.search-result .search-filter-bar .date-input {
  height: 44px;
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #333;
}
.search-result .search-filter-bar .keyword-input::placeholder,
.search-result .search-filter-bar .date-input::placeholder {
  color: #999;
}
.search-result .search-filter-bar .material-icons {
  width: 50px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #999;
}
@media only screen and (max-width: 768px) {
  .search-result .search-filter-bar .material-icons {
    width: 40px;
  }
}
.search-result .search-filter-bar .search-keyword {
  display: flex;
  width: 235px;
  border-right: 1px solid #eee;
}
.search-result .search-filter-bar .search-keyword .keyword-input {
  width: calc(100% - 50px);
}
@media only screen and (max-width: 768px) {
  .search-result .search-filter-bar .search-keyword {
    display: none;
  }
}
.search-result .search-filter-bar .search-date {
  display: flex;
  width: 210px;
  padding-right: 15px;
  border-right: 1px solid #eee;
  font-size: 15px;
  color: #333;
}
@media only screen and (max-width: 768px) {
  .search-result .search-filter-bar .search-date {
    display: none;
  }
}
.search-result .search-filter-bar .search-date > div {
  width: 20px;
  text-align: center;
  line-height: 45px;
}
.search-result .search-filter-bar .search-date .date-input {
  width: calc(50% - 35px);
  cursor: pointer;
  text-align: center;
}
.search-result .search-filter-bar .search-bar-m {
  display: none;
  width: 100%;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
@media only screen and (max-width: 768px) {
  .search-result .search-filter-bar .search-bar-m {
    display: flex;
  }
}
.search-result .search-filter-bar .search-bar-m .keyword-input {
  width: calc(100% - 40px);
  cursor: pointer;
}
.search-result .search-filter-bar .search-sort {
  position: relative;
  display: flex;
  width: 180px;
  height: 43px;
  border-right: 1px solid #eee;
}
@media only screen and (max-width: 768px) {
  .search-result .search-filter-bar .search-sort {
    width: 50%;
  }
}
.search-result .search-filter-bar .search-sort .sort-text {
  display: block;
  width: calc(100% - 50px);
  line-height: 45px;
  color: #333;
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  .search-result .search-filter-bar .search-sort .sort-text {
    width: calc(100% - 40px);
  }
}
.search-result .search-filter-bar .search-sort > button {
  position: absolute;
  top: 0;
  right: null;
  bottom: null;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.search-result .search-filter-bar .search-sort .drop-menu {
  width: 180px;
  left: auto;
  right: 0;
}
.search-result .search-filter-bar .search-sort .drop-menu .drop-content {
  padding: 15px;
}
.search-result .search-filter-bar .search-sort .drop-menu .sub-nav-list li a {
  display: block;
  text-align: center;
  font-size: 15px;
  padding: 10px 0;
  color: #333;
}
.search-result .search-filter-bar .search-sort .drop-menu .sub-nav-list li a.is-acted {
  color: #00afff;
}
.search-result .search-filter-bar .search-filter {
  position: relative;
  display: flex;
  width: 180px;
  border-right: 1px solid #eee;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .search-result .search-filter-bar .search-filter {
    display: flex;
    width: 50%;
  }
}
.search-result .search-filter-bar .search-filter .filter-text {
  display: block;
  width: calc(100% - 50px);
  line-height: 45px;
  color: #333;
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  .search-result .search-filter-bar .search-filter .filter-text {
    width: calc(100% - 40px);
  }
}
.search-result .search-filter-bar .drop-menu {
  position: absolute;
  top: 55px;
  left: 0;
  bottom: null;
  left: null;
  z-index: 5;
}
.search-result .search-filter-bar .m-show {
  display: none !important;
}
@media only screen and (max-width: 768px) {
  .search-result .search-filter-bar .m-show {
    display: block !important;
  }
}
@media only screen and (max-width: 768px) {
  .search-result .search-filter-bar .pc-show {
    display: none !important;
  }
}
.search-result .search-result-list .pd-list {
  display: flex;
  flex-flow: wrap;
}
.search-result .search-result-list .pd-list .pd-box {
  margin-right: 20px;
  margin-bottom: 30px;
  flex-basis: calc(25% - 15px);
}
.search-result .search-result-list .pd-list .pd-box:nth-child(4n) {
  margin-right: 0;
}
@media only screen and (max-width: 1200px) {
  .search-result .search-result-list .pd-list .pd-box {
    flex-basis: calc(50% - 10px);
  }
  .search-result .search-result-list .pd-list .pd-box:nth-child(even) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 425px) {
  .search-result .search-result-list .pd-list .pd-box {
    flex-basis: 100%;
    margin-right: 0;
  }
}
.search-result .wl-section-block {
  padding-top: 125px;
}
.search-result .page-next {
  margin: 0 auto;
  display: block;
  font-size: 15px;
  font-weight: bold;
  width: 100%;
  max-width: 300px;
  text-align: center;
}
body.large .search-result-list .search-result-top .search-result-title {
  font-size: 20px;
}
body.large .search-result-list .search-result-top .select-sort select {
  font-size: 15px;
}
body.large-x .search-result-list .search-result-top .search-result-title {
  font-size: 22px;
}
body.large-x .search-result-list .search-result-top .select-sort select {
  font-size: 15px;
}
.search-filter-overlay .overlay-container {
  width: 100%;
  height: calc(100vh - 80px);
  max-width: 500px;
  margin-bottom: 0;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .search-filter-overlay .overlay-container {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    width: 100%;
    height: 100vh;
    max-width: none;
  }
}
.search-filter-overlay .overlay-container .overlay-footer {
  position: absolute;
  top: null;
  right: null;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid #eee;
  padding: 10px;
  background-color: white;
}
.search-filter-overlay .overlay-container .search-filter-content {
  padding: 20px 20px 100px;
  height: calc(100% - 60px);
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.search-filter-overlay .overlay-container .search-type {
  padding: 10px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.search-filter-overlay .overlay-container .search-type:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.search-filter-overlay .overlay-container .search-type .search-title {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
  color: #666;
}
.search-filter-overlay .overlay-container .search-type .filter-value {
  padding-left: 20px;
  color: #333;
  font-size: 16px;
}
.search-filter-overlay .overlay-container .search-type .search-sub-title {
  font-size: 15px;
  margin-bottom: 10px;
}
.search-filter-overlay .overlay-container .search-type .range-slider-chart {
  margin-bottom: 30px;
}
.search-filter-overlay .overlay-container .search-type .range-slider-chart:last-child {
  margin-bottom: 20px;
}
.search-filter-overlay .overlay-container .search-type .search-list li {
  margin-bottom: 10px;
}
.search-filter-overlay .overlay-container .search-type .price-slider {
  margin-bottom: 10px;
}
.search-filter-overlay .overlay-container .search-type .chart .bar {
  fill: #75c6ea;
}
.search-filter-overlay .overlay-container .search-type .hotel-star {
  font-size: 22px;
}
.search-filter-aside {
  background-color: white;
}
.search-filter-aside .search-header {
  position: relative;
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
  font-size: 18px;
  font-weight: bold;
}
.search-filter-aside .checkbox input {
  margin-right: 10px;
}
.search-filter-aside .checkbox label {
  font-size: 15px;
  width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}
.search-filter-aside .search-type {
  position: relative;
  padding: 15px;
  border-bottom: 1px solid #eee;
}
.search-filter-aside .search-type .search-title {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.search-filter-aside .search-type .search-sub-title {
  margin-bottom: 10px;
  font-size: 15px;
}
.search-filter-aside .search-type .search-type-list {
  font-weight: bold;
}
.search-filter-aside .search-type .search-type-list li {
  margin-bottom: 10px;
}
.search-filter-aside .search-type .range-slider-chart {
  margin-bottom: 30px;
}
.search-filter-aside .search-type .range-slider-chart:last-child {
  margin-bottom: 0;
}
.search-filter-aside .search-type .range-slider-chart .range-slider {
  padding-left: 5px;
  margin-bottom: 10px;
}
.search-filter-aside .search-type .range-slider-chart .range-chart {
  padding-left: 5px;
}
.search-filter-aside .search-type .range-slider-chart .range-chart .bar {
  fill: #75c6ea;
}
.search-filter-aside .search-type .hotel-star {
  font-size: 22px;
}
.search-filter-aside .clear-filter {
  position: absolute;
  top: 15px;
  right: 15px;
  bottom: auto;
  left: auto;
  z-index: 1;
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #999;
}
.search-filter-aside .clear-filter i {
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  .search-filter-aside .clear-filter:hover {
    color: #00afff;
  }
}
.range-text {
  display: flex;
  justify-content: space-between;
  color: #999;
  letter-spacing: 0;
  font-weight: bold;
  color: #333;
  font-size: 15px;
}
.sr-filter-bar {
  position: relative;
  width: 100%;
  height: 45px;
  margin-bottom: 30px;
  background-color: white;
  border-top: 1px solid #eee;
  -webkit-box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.03);
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.03);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media only screen and (max-width: 1200px) {
  .sr-filter-bar {
    height: 135px;
  }
}
.sr-filter-bar.is-fixed {
  position: fixed;
  top: 0;
  z-index: 99;
}
.sr-filter-bar .search-filter-inner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  max-width: 1160px;
}
@media only screen and (max-width: 768px) {
  .sr-filter-bar .search-filter-inner {
    flex-wrap: wrap;
  }
}
.sr-filter-bar .material-icons {
  width: 50px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #999;
}
@media only screen and (max-width: 768px) {
  .sr-filter-bar .material-icons {
    width: 40px;
  }
}
.sr-filter-bar .search-item {
  display: flex;
  border-right: 1px solid #eee;
}
.sr-filter-bar .search-item .search-text {
  min-width: 100px;
  padding-right: 20px;
  line-height: 45px;
  font-size: 14px;
  color: #333;
}
.sr-filter-bar .search-sort {
  position: relative;
  display: flex;
  width: 180px;
  border-right: 1px solid #eee;
}
@media only screen and (max-width: 1200px) {
  .sr-filter-bar .search-sort {
    width: 50%;
  }
}
.sr-filter-bar .search-sort .sort-text {
  display: block;
  width: calc(100% - 50px);
  line-height: 45px;
  color: #333;
  font-size: 14px;
}
@media only screen and (max-width: 1200px) {
  .sr-filter-bar .search-sort .sort-text {
    width: calc(100% - 40px);
  }
}
.sr-filter-bar .search-sort > button {
  position: absolute;
  top: 0;
  right: null;
  bottom: null;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.sr-filter-bar .search-sort .drop-menu {
  width: 180px;
  left: auto;
  right: 0;
}
.sr-filter-bar .search-sort .drop-menu .drop-content {
  padding: 15px;
}
.sr-filter-bar .search-sort .drop-menu .sub-nav-list li a {
  display: block;
  text-align: center;
  font-size: 15px;
  padding: 10px 0;
  color: #333;
}
.sr-filter-bar .search-sort .drop-menu .sub-nav-list li a.is-acted {
  color: #00afff;
}
.sr-filter-bar .drop-menu {
  position: absolute;
  top: 55px;
  left: 0;
  bottom: null;
  left: null;
  z-index: 5;
}
@media only screen and (max-width: 1200px) {
  .sr-filter-bar .filter-pc {
    display: none;
  }
}
.sr-filter-bar .filter-m {
  display: none;
  width: 100%;
  height: 90px;
  background-color: #515b62;
  border-right: 0;
}
.sr-filter-bar .filter-m .search-text {
  padding-top: 9px;
  color: white;
  font-size: 15px;
  line-height: 1.5;
  font-weight: bold;
}
.sr-filter-bar .filter-m .search-text > div:first-child {
  font-size: 18px;
}
@media only screen and (max-width: 1200px) {
  .sr-filter-bar .filter-m {
    display: flex;
  }
}
.sr-filter-bar .toggle-filter {
  width: 50%;
  display: none;
}
@media only screen and (max-width: 1200px) {
  .sr-filter-bar .toggle-filter {
    display: flex;
  }
}
.wl-search-m-overlay .overlay-container {
  width: 100%;
  max-width: 500px;
  margin-bottom: 0;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
}
@media only screen and (max-width: 768px) {
  .wl-search-m-overlay .overlay-container {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    max-width: none;
  }
}
.wl-search-m-overlay .overlay-container .search-m-content {
  padding: 20px;
}
.wl-search-m-overlay .overlay-container .wl-search-m-inner .tab {
  margin-bottom: 30px;
  display: flex;
  border: 1px solid #ddd;
  color: #666;
  line-height: 50px;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}
.wl-search-m-overlay .overlay-container .wl-search-m-inner .tab > * {
  flex: 1;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
}
.wl-search-m-overlay .overlay-container .wl-search-m-inner .tab > *.is-acted {
  background-color: #00afff;
  color: white;
}
.wl-search-m-overlay .overlay-container .wl-search-m-inner .search-title {
  margin-bottom: 10px;
  padding-top: 20px;
  font-size: 15px;
  color: #666;
  font-weight: bold;
}
.wl-search-m-overlay .overlay-container .wl-search-m-inner .search-keyword-block {
  position: relative;
}
.wl-search-m-overlay .overlay-container .wl-search-m-inner .search-keyword-block .search-recommend-box {
  position: relative;
  top: -26px;
  max-height: 150px;
}
.wl-search-m-overlay .overlay-container .wl-search-m-inner .search-hotkey-block {
  margin-top: -5px;
  margin-bottom: 20px;
  font-size: 15px;
}
.wl-search-m-overlay .overlay-container .wl-search-m-inner .search-hotkey-block .mobile-hotkey-list li {
  margin-bottom: 4px;
  display: inline-block;
  vertical-align: middle;
}
.wl-search-m-overlay .overlay-container .wl-search-m-inner .search-hotkey-block .mobile-hotkey-list li:not(.hotkey-title) {
  margin-right: 10px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
}
.wl-search-m-overlay .overlay-container .wl-search-m-inner .search-hotkey-block .mobile-hotkey-list li.hotkey-title {
  color: #999;
}
.wl-search-m-overlay .overlay-container .wl-search-m-inner .search-departure-block {
  position: relative;
}
.wl-search-m-overlay .overlay-container .wl-search-m-inner .search-departure-block .wl-search-daterange {
  position: relative;
  top: -26px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.wl-search-m-overlay .overlay-container .wl-search-m-inner .search-departure-block .wl-search-daterange .daterangepicker {
  width: auto;
}
.wl-search-m-overlay .overlay-container .overlay-footer {
  padding: 20px;
  border-top: 1px solid #eee;
  background-color: white;
  -webkit-border-radius: 0 0 7px 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 7px 7px;
  -moz-background-clip: padding;
  border-radius: 0 0 7px 7px;
  background-clip: padding-box;
}
@media only screen and (max-width: 768px) {
  .wl-search-m-overlay .overlay-container .overlay-footer {
    width: 100%;
  }
}
.wl-tour {
  position: relative;
  z-index: 3;
  background-color: #efefef;
  margin-top: 70px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 830px) {
  .wl-tour.zoom {
    z-index: 999;
  }
}
.wl-tour .wl-section-block.section-tour {
  margin-bottom: 30px;
  padding: 30px 30px 0;
  border: 1px solid #e5e5e5;
  background-color: white;
}
@media only screen and (max-width: 580px) {
  .wl-tour .wl-section-block.section-tour {
    margin-bottom: 0;
    padding: 30px 15px 0;
    max-width: none;
    border: 0;
    border-top: 1px solid #e5e5e5;
  }
}
@media only screen and (max-width: 1200px) {
  .wl-tour .wl-section-block {
    max-width: none;
  }
}
.wl-tour .tour-intro-wrap {
  position: relative;
  margin-bottom: 60px;
  margin-top: -10px;
  padding: 40px 0;
  background-color: white;
  border-bottom: 1px solid #e5e5e5;
  z-index: 3;
}
@media only screen and (max-width: 768px) {
  .wl-tour .tour-intro-wrap {
    padding: 0;
  }
}
.wl-tour .tour-intro-wrap .tour-intro-inner {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .wl-tour .tour-intro-wrap .tour-intro-inner {
    padding: 0;
    display: block;
  }
}
.wl-tour .tour-intro-wrap .tour-intro-inner > * {
  flex: 1;
}
.wl-tour .tour-intro-wrap .tour-cover .img {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  width: 100%;
  padding-bottom: 60%;
}
@media only screen and (max-width: 1024px) {
  .wl-tour .tour-intro-wrap .tour-cover .img {
    padding-bottom: 75%;
  }
}
.wl-tour .tour-intro-wrap .tour-intro {
  padding-left: 30px;
}
@media only screen and (max-width: 768px) {
  .wl-tour .tour-intro-wrap .tour-intro {
    padding: 30px;
  }
}
.wl-tour .tour-intro-wrap .tour-intro .tour-name {
  margin-bottom: 20px;
  font-size: 24px;
}
.wl-tour .tour-intro-wrap .tour-intro .tour-detail-list {
  padding: 0 0 20px 0;
  font-size: 14px;
  color: #999;
}
.wl-tour .tour-intro-wrap .tour-intro .tour-detail-list i {
  color: #006be2;
}
.wl-tour .tour-intro-wrap .tour-intro .tour-detail-list li {
  line-height: 2;
}
.wl-tour .tour-intro-wrap .tour-intro .tour-recommend {
  padding: 5px 0 0;
  font-size: 15px;
  line-height: 1.6;
  color: #666;
}
.wl-tour .tour-intro-wrap .tour-intro .tour-recommend .recommend-title {
  margin-bottom: 5px;
  display: block;
  font-weight: bold;
  color: #00afff;
}
.wl-tour .tour-intro-wrap .tour-intro .drop-wrap,
.wl-tour .tour-intro-wrap .tour-intro .tag-list {
  margin-top: -10px;
  margin-bottom: 10px;
  display: inline-block;
  vertical-align: middle;
}
.wl-tour .tour-intro-wrap .tour-intro .drop-wrap {
  position: relative;
}
.wl-tour .tour-intro-wrap .tour-intro .drop-wrap a,
.wl-tour .tour-intro-wrap .tour-intro .drop-wrap button {
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
  font-size: 14px;
  color: #006be2;
  padding: 4px 8px;
  transition: 0.15s ease-in;
}
.wl-tour .tour-intro-wrap .tour-intro .drop-wrap a.sns-btn,
.wl-tour .tour-intro-wrap .tour-intro .drop-wrap button.sns-btn {
  color: white;
  border: none;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}
.wl-tour .tour-intro-wrap .tour-intro .drop-wrap a:hover,
.wl-tour .tour-intro-wrap .tour-intro .drop-wrap button:hover {
  color: #777;
}
.wl-tour .tour-intro-wrap .tour-intro .drop-wrap .drop-menu {
  width: 200px;
  position: absolute;
  top: 40px;
  right: null;
  bottom: null;
  left: 0;
  z-index: 5;
}
@media only screen and (max-width: 580px) {
  .wl-tour .tour-intro-wrap .tour-intro .drop-wrap .drop-menu {
    margin-right: -30px;
    right: 0;
  }
}
@media only screen and (max-width: 425px) {
  .wl-tour .tour-intro-wrap .tour-intro .drop-wrap .drop-menu {
    margin-right: -20px;
  }
}
.wl-tour .tour-intro-wrap .tour-intro .drop-wrap .drop-menu .sns-btn {
  margin-bottom: 10px;
}
.wl-tour .tour-intro-wrap .tour-intro .drop-wrap .drop-menu .sns-btn:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 580px) {
  .wl-tour .tour-detail {
    padding-left: 15px;
    padding-right: 20px;
  }
}
.wl-tour .tour-detail .tour-detail-timeline {
  padding: 15px 0;
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card {
  position: relative;
  min-height: 100px;
  padding: 16px 0 16px 90px;
  line-height: 1.8;
}
@media screen and (max-width: 375px) {
  .wl-tour .tour-detail .tour-detail-timeline .detail-card {
    padding: 16px 10px;
  }
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card::before {
  position: absolute;
  top: 0;
  left: 35px;
  content: "";
  width: 2px;
  height: 100%;
  background-color: #eee;
  z-index: 1;
}
@media screen and (max-width: 375px) {
  .wl-tour .tour-detail .tour-detail-timeline .detail-card::before {
    display: none;
  }
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card:last-child::before {
  display: none;
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card .day-num {
  position: absolute;
  top: 0;
  right: null;
  bottom: null;
  left: 0;
  z-index: 2;
  width: 70px;
  height: 70px;
  padding-top: 16px;
  text-align: center;
  color: white;
  font-size: 18px;
  line-height: 1.2;
  background-color: #00afff;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
}
@media screen and (max-width: 375px) {
  .wl-tour .tour-detail .tour-detail-timeline .detail-card .day-num {
    position: relative;
    margin-bottom: 10px;
    padding: 10px 0;
    width: auto;
    height: auto;
    line-height: 1;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    background-color: #006be2;
    font-size: 16px;
  }
  .wl-tour .tour-detail .tour-detail-timeline .detail-card .day-num br {
    display: none;
  }
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card .title {
  font-size: 17px;
  line-height: 1.6;
  margin-bottom: 15px;
  font-weight: bold;
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card i {
  vertical-align: middle;
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card .detail-inner {
  display: flex;
}
@media only screen and (max-width: 900px) {
  .wl-tour .tour-detail .tour-detail-timeline .detail-card .detail-inner {
    flex-direction: column;
  }
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card .detail-inner .detail-left {
  width: calc(100% - 320px);
}
@media only screen and (max-width: 900px) {
  .wl-tour .tour-detail .tour-detail-timeline .detail-card .detail-inner .detail-left {
    width: 100%;
    order: 2;
  }
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card .detail-inner .detail-right {
  width: 320px;
  padding-left: 20px;
}
@media only screen and (max-width: 900px) {
  .wl-tour .tour-detail .tour-detail-timeline .detail-card .detail-inner .detail-right {
    margin-bottom: 15px;
    width: 100%;
    order: 1;
    padding: 0;
  }
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card .swiper-scence {
  position: relative;
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card .swiper-scence .swiper-slide.swiper-slide-active .scene,
.wl-tour .tour-detail .tour-detail-timeline .detail-card .swiper-scence .swiper-slide.swiper-slide-active .scene-desc {
  opacity: 1;
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card .swiper-scence .swiper-next,
.wl-tour .tour-detail .tour-detail-timeline .detail-card .swiper-scence .swiper-prev {
  position: absolute;
  z-index: 2;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  cursor: pointer;
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card .swiper-scence .swiper-next i,
.wl-tour .tour-detail .tour-detail-timeline .detail-card .swiper-scence .swiper-prev i {
  vertical-align: middle;
  font-size: 38px;
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card .swiper-scence .swiper-next.swiper-button-disabled,
.wl-tour .tour-detail .tour-detail-timeline .detail-card .swiper-scence .swiper-prev.swiper-button-disabled {
  display: none;
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card .swiper-scence .swiper-next {
  right: 0;
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card .swiper-scence .swiper-prev {
  left: 0;
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card .swiper-scence .swiper-pagination.swiper-pagination-fraction {
  position: absolute;
  top: 10px;
  right: 15px;
  bottom: auto;
  left: auto;
  z-index: 2;
  width: auto;
  color: white;
  font-size: 14px;
  font-weight: bold;
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card .scene {
  position: relative;
  float: left;
  width: 100%;
  padding-bottom: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 900px) {
  .wl-tour .tour-detail .tour-detail-timeline .detail-card .scene {
    padding-bottom: 66%;
  }
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card .scene::before {
  content: "";
  position: absolute;
  top: null;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 50%;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65));
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  transition-delay: 100ms;
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card .scene .scene-desc {
  position: absolute;
  top: null;
  right: null;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 12px 15px;
  color: white;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.4;
  max-width: calc(100% - 55px);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  transition-delay: 100ms;
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card .intro-list {
  position: relative;
  padding-left: 30px;
  padding-bottom: 10px;
  font-size: 15px;
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card .intro-list .intro-icon {
  position: absolute;
  top: 0;
  left: 0;
  color: #666;
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card .restaurant-list li {
  margin-bottom: 7px;
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card .restaurant-list li:last-child {
  margin-bottom: 0;
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card .restaurant-list .meal {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  border: 1px #d2d2d2 solid;
  text-align: center;
  line-height: 23px;
  color: #9e9e9e;
  font-weight: normal;
  font-size: 12px;
  padding-left: 1px;
}
.wl-tour .tour-detail .tour-detail-timeline .detail-card .hotel-list .same-class {
  display: inline-block;
  vertical-align: middle;
  color: #999;
}
.wl-tour .tour-detail .tour-detail-timeline .info-detail {
  padding-top: 10px;
  font-size: 15px;
  color: #666;
}
.wl-tour .tour-detail .tour-detail-timeline .info-detail .collapse-content {
  padding: 20px;
  background-color: #f8f8f8;
  -webkit-border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 8px;
  -moz-background-clip: padding;
  border-radius: 8px;
  background-clip: padding-box;
}
@media only screen and (max-width: 580px) {
  .wl-tour .tour-detail .tour-detail-timeline .info-detail .collapse-content {
    padding: 15px;
  }
}
.wl-tour .note .note-inner {
  padding-top: 20px;
  color: #666;
  line-height: 1.8;
  font-size: 15px;
}
.wl-tour .note .note-inner img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.wl-tour .note .collapse-box {
  padding-top: 0;
}
.wl-tour .feature .feature-inner {
  text-align: center;
}
.wl-tour .feature .feature-inner img {
  max-width: 100%;
}
.wl-tour .tour-info {
  padding-top: 10px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 30px;
  border: 1px solid #e5e5e5;
  background-color: white;
}
@media only screen and (max-width: 900px) {
  .wl-tour .tour-info {
    margin-bottom: 0;
    padding-top: 0;
    background-color: transparent;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
}
@media only screen and (max-width: 580px) {
  .wl-tour .tour-info {
    border-top: 0;
  }
}
.wl-tour .brief-block {
  position: absolute;
  top: -570px;
  left: 0;
  display: inline-block;
  z-index: 2;
  width: 50%;
  height: 520px;
  float: left;
  margin-top: 50px;
  text-align: center;
}
.wl-tour .brief-block label {
  position: relative;
  display: inline-block;
  width: 400px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.55);
  padding: 40px;
  padding-top: 115px;
  text-align: left;
}
.wl-tour .brief-block label > * {
  display: inline-block;
  letter-spacing: 2px;
}
.wl-tour .brief-block label b.main-title {
  font-size: 55px;
  font-weight: normal;
  color: black;
  -webkit-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  height: 100%;
}
.wl-tour .brief-block label span.sub-title {
  font-size: 24px;
  font-weight: lighter;
  padding-top: 74px;
  -webkit-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  height: 100%;
}
.wl-tour .brief-block label .tag {
  position: absolute;
  display: inline-block;
  width: 340px;
  max-height: 400px;
  bottom: 20px;
  left: 426px;
  overflow: hidden;
}
.wl-tour .brief-block label .tag > * {
  display: inline-block;
  color: white;
  background-color: #0000008c;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 15px;
  font-size: 13px;
  margin-top: 5px;
}
@media only screen and (max-width: 768px) {
  .wl-tour .brief-block {
    width: 100%;
    height: 280px;
    top: -418px;
  }
  .wl-tour .brief-block label {
    width: 100%;
    padding-top: 50px;
  }
  .wl-tour .brief-block label .tag {
    display: none;
  }
  .wl-tour .brief-block label b.main-title {
    font-size: 30px;
  }
  .wl-tour .brief-block label span.sub-title {
    font-size: 15px;
  }
}
.tour-canlendar-pc {
  position: relative;
  overflow: hidden;
  padding-top: 10px;
  background-color: white;
}
@media only screen and (max-width: 580px) {
  .tour-canlendar-pc {
    display: none;
  }
}
.tour-canlendar-pc .calendar-inner {
  display: flex;
  flex-wrap: nowrap;
}
.tour-canlendar-pc .canlendar {
  padding: 10px 15px 25px;
  color: #666;
  text-align: center;
  font-size: 15px;
  background-color: white;
}
.tour-canlendar-pc .canlendar-header {
  padding-bottom: 20px;
  font-weight: bold;
  color: #333;
  font-size: 18px;
}
.tour-canlendar-pc .canlendar-week {
  padding-bottom: 20px;
  color: #ddd;
  font-weight: bold;
}
.tour-canlendar-pc .canlendar-week,
.tour-canlendar-pc .canlendar-day {
  display: flex;
  flex-wrap: wrap;
}
.tour-canlendar-pc .canlendar-week > *,
.tour-canlendar-pc .canlendar-day > * {
  width: 14.285%;
  height: auto;
}
.tour-canlendar-pc .canlendar-day > * {
  padding: 5px;
  border-top: 1px solid #eee;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tour-canlendar-pc .canlendar-day > *:before {
  content: '';
  float: left;
  padding-top: 100%;
}
.tour-canlendar-pc .canlendar-day > * .day {
  font-weight: bold;
  white-space: nowrap;
  line-height: 1.6;
}
.tour-canlendar-pc .canlendar-day > * .day.today {
  color: #006be2;
}
.tour-canlendar-pc .canlendar-day > * .price {
  font-size: 12px;
  color: #666;
}
.tour-canlendar-pc .canlendar-day > * .stock {
  font-size: 12px;
  color: #999;
}
.tour-canlendar-pc .canlendar-day > * .stock-available {
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  background-color: #00afff;
}
.tour-canlendar-pc .canlendar-day > * .stock-available.waiting {
  background-color: #ffa000;
}
.tour-canlendar-pc .canlendar-day > * .stock-available.promise {
  background-color: #00d775;
}
.tour-canlendar-pc .canlendar-day > * .promise {
  font-size: 12px;
  color: #00d775;
}
.tour-canlendar-pc .canlendar-day > *.is-disabled {
  background-color: #fafafa;
}
.tour-canlendar-pc .canlendar-day > *.is-disabled .day:not(.today),
.tour-canlendar-pc .canlendar-day > *.is-disabled .price,
.tour-canlendar-pc .canlendar-day > *.is-disabled .stock,
.tour-canlendar-pc .canlendar-day > *.is-disabled .promise {
  color: #ccc;
}
.tour-canlendar-pc .canlendar-day > *.is-acted {
  background-color: #006be2;
}
.tour-canlendar-pc .canlendar-day > *.is-acted .day,
.tour-canlendar-pc .canlendar-day > *.is-acted .price,
.tour-canlendar-pc .canlendar-day > *.is-acted .stock,
.tour-canlendar-pc .canlendar-day > *.is-acted .promise {
  color: white;
}
.tour-canlendar-pc .canlendar-day > *.is-available:not(.is-acted) {
  cursor: pointer;
}
.tour-canlendar-pc .canlendar-day > *.is-available:not(.is-acted):hover {
  background-color: #e2f0fb;
}
.tour-canlendar-pc .btn-next,
.tour-canlendar-pc .btn-prev {
  position: absolute;
  top: 0;
  width: 50px;
  height: 50px;
}
.tour-canlendar-pc .btn-next i,
.tour-canlendar-pc .btn-prev i {
  font-size: 32px;
}
.tour-canlendar-pc .btn-next:hover,
.tour-canlendar-pc .btn-prev:hover {
  border: 1px solid #e5e5e5;
}
@media only screen and (max-width: 900px) {
  .tour-canlendar-pc .btn-next,
  .tour-canlendar-pc .btn-prev {
    top: 5px;
  }
}
.tour-canlendar-pc .btn-next {
  right: 10px;
}
.tour-canlendar-pc .btn-prev {
  left: 10px;
}
.intro-large-bg {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 800px;
  margin: 0;
  top: 0;
  left: 0;
  overflow: hidden;
}
.intro-large-bg figure {
  display: inline-block;
  width: calc(100% + 20px);
  height: 100%;
  margin-left: -10px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 0;
  filter: blur(5px);
}
.quick-banner-block {
  position: fixed;
  display: none;
  justify-content: center;
  top: 60px;
  left: 0;
  width: 100%;
  z-index: 99;
  text-align: center;
  box-shadow: 0px 3px 7px rgba(150, 150, 150, 0.38);
}
.quick-banner-block .quick-item {
  display: flex;
  justify-content: space-around;
  color: white;
  width: 100%;
}
.quick-banner-block .quick-item > * {
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: white;
  font-weight: bold;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media only screen and (max-width: 700px) {
  .quick-banner-block .quick-item > * {
    font-size: 12px;
    height: 40px;
    line-height: 40px;
  }
}
.quick-banner-block .quick-item > *:hover {
  cursor: pointer;
  background-color: rgba(253, 193, 158, 0.8);
}
.quick-banner-block .quick-item > *.active {
  background-color: rgba(65, 130, 160, 0.82);
}
.quick-banner-block.orange {
  background-image: linear-gradient(-60deg, rgba(245, 112, 112, 0.9) 0%, rgba(245, 168, 57, 0.87843137) 100%);
}
.quick-banner-block.orange.active {
  display: flex;
}
.quick-banner-block.orange .quick-item > *:hover {
  cursor: pointer;
  background-color: rgba(253, 193, 158, 0.8);
}
.quick-banner-block.orange .quick-item > *.active {
  background-color: rgba(65, 130, 160, 0.82);
}
.quick-banner-block.blue {
  background-image: linear-gradient(-60deg, rgba(74, 216, 190, 0.92) 0%, rgba(31, 161, 228, 0.91) 100%);
}
.quick-banner-block.blue.active {
  display: flex;
}
.quick-banner-block.blue .quick-item > *:hover {
  cursor: pointer;
  background-color: rgba(5, 126, 162, 0.5);
}
.quick-banner-block.blue .quick-item > *.active {
  background-color: #057ea2;
}
.quick-banner-block.dark {
  background-image: linear-gradient(-225deg, rgba(78, 69, 119, 0.87058824) 0%, rgba(51, 135, 173, 0.89) 51%, rgba(43, 216, 195, 0.89019608) 100%);
}
.quick-banner-block.dark.active {
  display: flex;
}
.quick-banner-block.dark .quick-item > *:hover {
  cursor: pointer;
  background-color: rgba(4, 70, 101, 0.5);
}
.quick-banner-block.dark .quick-item > *.active {
  background-color: rgba(4, 70, 101, 0.82);
}
.quick-banner-block.green {
  background-image: linear-gradient(-20deg, rgba(78, 78, 78, 0.95) 0%, #7da5a3 100%);
}
.quick-banner-block.green.active {
  display: flex;
}
.quick-banner-block.green .quick-item > *:hover {
  cursor: pointer;
  background-color: #60807a;
}
.quick-banner-block.green .quick-item > *.active {
  background-color: rgba(30, 69, 78, 0.82);
}
.quick-banner-block.yellow {
  background-image: linear-gradient(80deg, rgba(255, 193, 19, 0.9) 0%, rgba(93, 183, 121, 0.9) 100%);
}
.quick-banner-block.yellow.active {
  display: flex;
}
.quick-banner-block.yellow .quick-item > *:hover {
  cursor: pointer;
  background-color: rgba(131, 142, 106, 0.42);
}
.quick-banner-block.yellow .quick-item > *.active {
  background-color: rgba(102, 162, 121, 0.82);
}
.tour-group-info {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  border-top: 1px solid #e5e5e5;
}
.tour-group-info .left {
  padding: 20px 20px 10px;
  width: 55%;
  border-right: 1px solid #eee;
}
@media only screen and (max-width: 900px) {
  .tour-group-info .left {
    margin-bottom: 30px;
    width: 100%;
    order: 2;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background-color: white;
  }
  .tour-group-info .left .info-list {
    font-size: 22px;
    color: #666;
    margin-bottom: 15px;
  }
}
.tour-group-info .right {
  padding: 20px;
  width: 45%;
}
@media only screen and (max-width: 900px) {
  .tour-group-info .right {
    margin-bottom: 30px;
    border-left: 0;
    width: 100%;
    order: 1;
    background-color: white;
    border-bottom: 1px solid #e5e5e5;
  }
}
.tour-group-info .right .right-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
@media only screen and (max-width: 1200px) {
  .tour-group-info .right .right-inner {
    display: block;
  }
}
.tour-group-info .right .btn-group {
  padding: 10px 0;
  font-size: 0;
}
.tour-group-info .right .btn-group .btn {
  margin-right: 5px;
  margin-bottom: 8px;
  height: 35px;
  line-height: 32px;
  display: inline-block;
  vertical-align: middle;
  min-width: 0;
  padding: 0 10px;
  letter-spacing: -1px;
}
.tour-group-info .right .btn-group .btn small {
  padding-left: 4px;
  font-size: 12px;
}
.tour-group-info .right .btn-group .btn.is-acted {
  border: 2px solid #00afff;
  color: #00afff;
  cursor: default;
}
.tour-group-info .right .btn-group .btn.is-acted:hover {
  background-color: white;
}
.tour-group-info .right .info-list {
  margin-bottom: 0;
}
.tour-group-info .right .info-list:first-child {
  width: 100%;
}
.tour-group-info .right .info-list li {
  padding-bottom: 5px;
}
.tour-group-info .right .info-list .tag {
  margin-top: 5px;
  margin-right: 0;
  margin-bottom: 0;
}
.tour-group-info .right .info-list .promotion {
  color: #ff9a14;
  font-weight: bold;
  font-size: 14px;
}
.tour-group-info .right .price {
  min-width: 200px;
  text-align: right;
  font-size: 14px;
  color: #666;
}
.tour-group-info .right .price strong {
  font-size: 34px;
  color: #ff9a14;
}
.tour-group-info .right .price strong small {
  font-size: 15px;
}
.tour-group-info .right .price .ch {
  font-size: 18px;
}
.tour-group-info .right .price .tip {
  font-size: 13px;
  color: #999;
}
.tour-group-info .right .more-group {
  position: absolute;
  top: 0;
  right: 0;
  bottom: null;
  left: null;
  z-index: 2;
  color: #00afff;
  font-size: 14px;
}
@media only screen and (min-width: 580px) {
  .tour-group-info .right .more-group {
    display: none;
  }
}
.tour-group-info .transport .transport-item {
  padding: 8px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 15px;
  text-align: center;
}
@media only screen and (max-width: 580px) {
  .tour-group-info .transport .transport-item {
    margin-bottom: 10px;
    padding: 10px 0;
  }
}
.tour-group-info .transport .transport-item .date-wrap {
  display: none;
}
@media only screen and (max-width: 580px) {
  .tour-group-info .transport .transport-item .date-wrap {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    text-align: left;
  }
}
.tour-group-info .transport .transport-item .date-wrap .at-info-m {
  color: #3ba4ff;
  font-size: 14px;
  text-align: center;
}
@media only screen and (min-width: 580px) {
  .tour-group-info .transport .transport-item .date-wrap .at-info-m {
    display: none;
  }
}
.tour-group-info .transport .transport-item .date-wrap .date {
  display: inline-block;
  padding: 0 5px;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  min-width: 20px;
  line-height: 20px;
  color: #fff;
  background: #00afff;
  text-align: center;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
}
.tour-group-info .transport .transport-item .at {
  width: calc(50% - 65px);
}
@media only screen and (max-width: 580px) {
  .tour-group-info .transport .transport-item .at {
    width: calc(50% - 25px);
  }
}
.tour-group-info .transport .transport-item .at .date {
  padding-right: 20px;
}
.tour-group-info .transport .transport-item .at .time {
  color: #666;
  font-weight: bold;
  font-size: 18px;
}
.tour-group-info .transport .transport-item .at .at-name {
  color: #666;
}
.tour-group-info .transport .transport-item .at-info {
  width: 85px;
  color: #999;
  font-size: 14px;
}
.tour-group-info .transport .transport-item .at-info .line {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  margin: 5px auto;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.tour-group-info .transport .transport-item .at-info .line::before,
.tour-group-info .transport .transport-item .at-info .line::after {
  content: "";
  position: absolute;
  top: -3px;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  background: #fff;
  background-color: #ddd;
}
.tour-group-info .transport .transport-item .at-info .line::before {
  left: 0;
}
.tour-group-info .transport .transport-item .at-info .line::after {
  right: 0;
}
@media only screen and (max-width: 580px) {
  .tour-group-info .transport .transport-item .at-info {
    width: 50px;
  }
  .tour-group-info .transport .transport-item .at-info > *:not(.line) {
    display: none;
  }
}
.tour-group-info .info-list {
  margin-bottom: 15px;
  font-size: 15px;
  color: #999;
}
@media only screen and (max-width: 580px) {
  .tour-group-info .info-list {
    margin-bottom: 0;
  }
}
.tour-group-info .info-list b {
  color: #333;
}
.tour-group-info .info-list li {
  position: relative;
}
.tour-group-info .info-list li:not(:last-child) {
  padding-bottom: 5px;
}
.tour-group-info .btn-wrap {
  padding-top: 20px;
  display: flex;
}
.tour-group-info .btn-wrap > * {
  margin: 0 2px;
  flex: 1;
}
.tour-canlendar-m {
  margin-bottom: 0;
  width: 100%;
  height: 100%;
  max-width: 768px;
  background-color: white;
  text-align: center;
}
.tour-canlendar-m .calendar-header {
  position: fixed;
  top: 0;
  right: null;
  bottom: null;
  left: 0;
  z-index: 1;
  padding: 70px 15px 10px;
  width: 100%;
  background-color: #f7f7f7;
}
.tour-canlendar-m .calendar-header .canlendar-week {
  display: flex;
  flex-wrap: wrap;
}
.tour-canlendar-m .calendar-header .canlendar-week > * {
  width: 14.285%;
  height: auto;
  color: #999;
  font-weight: bold;
  font-size: 14px;
}
.tour-canlendar-m .calendar-header .selectd {
  padding: 15px;
  position: absolute;
  top: 0;
  right: null;
  bottom: null;
  left: 0;
  z-index: 2;
  font-weight: bold;
  color: #333;
  font-size: 22px;
}
.tour-canlendar-m .calendar-inner {
  padding: 100px 0 70px;
  width: 100%;
  height: 100%;
  overflow-x: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.tour-canlendar-m .canlendar {
  padding: 20px 0;
  color: #666;
  font-size: 15px;
}
.tour-canlendar-m .canlendar:not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
}
.tour-canlendar-m .canlendar-month {
  margin-bottom: 10px;
  font-weight: bold;
  color: #333;
  font-size: 18px;
}
.tour-canlendar-m .canlendar-day {
  display: flex;
  flex-wrap: wrap;
}
.tour-canlendar-m .canlendar-day > * {
  width: 14.285%;
  height: auto;
  padding: 5px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tour-canlendar-m .canlendar-day > *:before {
  content: '';
  float: left;
  padding-top: 100%;
}
.tour-canlendar-m .canlendar-day > * .day {
  font-weight: bold;
  white-space: nowrap;
  line-height: 1.6;
}
.tour-canlendar-m .canlendar-day > * .day.today {
  color: #006be2;
}
.tour-canlendar-m .canlendar-day > * .price {
  font-size: 12px;
  color: #666;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.tour-canlendar-m .canlendar-day > * .stock {
  font-size: 12px;
  color: #999;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.tour-canlendar-m .canlendar-day > * .stock-available {
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  background-color: #00afff;
}
.tour-canlendar-m .canlendar-day > * .stock-available.waiting {
  background-color: #ffa000;
}
.tour-canlendar-m .canlendar-day > * .stock-available.promise {
  background-color: #00d775;
}
.tour-canlendar-m .canlendar-day > * .promise {
  font-size: 12px;
  color: #00d775;
}
.tour-canlendar-m .canlendar-day > *.is-disabled {
  background-color: #fafafa;
}
.tour-canlendar-m .canlendar-day > *.is-disabled .day:not(.today),
.tour-canlendar-m .canlendar-day > *.is-disabled .price,
.tour-canlendar-m .canlendar-day > *.is-disabled .stock,
.tour-canlendar-m .canlendar-day > *.is-disabled .promise {
  color: #ccc;
}
.tour-canlendar-m .canlendar-day > *.is-acted {
  background-color: #006be2;
}
.tour-canlendar-m .canlendar-day > *.is-acted .day,
.tour-canlendar-m .canlendar-day > *.is-acted .price,
.tour-canlendar-m .canlendar-day > *.is-acted .stock,
.tour-canlendar-m .canlendar-day > *.is-acted .promise {
  color: white;
}
.tour-canlendar-m .canlendar-day > *.is-available {
  cursor: pointer;
}
.tour-canlendar-m .fixed-bar-warp .fixed-bottom-bar {
  position: fixed;
  top: null;
  right: null;
  bottom: 0;
  left: 0;
  z-index: 2;
  height: 70px;
  width: 100%;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0.8);
}
body.large .wl-tour .section-tour-intro .tour-intro .tour-name {
  font-size: 25px;
}
body.large .wl-tour .section-tour-intro .tour-intro .tour-detail-list {
  font-size: 15px;
}
body.large .wl-tour .section-tour-intro .tour-intro .tour-recommend {
  font-size: 16px;
}
body.large .wl-tour .section-tour-intro .tour-intro .drop-wrap a {
  font-size: 15px;
}
body.large .wl-tour .tour-group .group-content .promotion {
  font-size: 16px;
  line-height: 1.6;
}
body.large .wl-tour .tour-group .group-content .other-tax-tip {
  font-size: 15px;
}
body.large .wl-tour .tour-group .group-content .flights .flight-item .airway .way {
  font-size: 13px;
}
body.large .wl-tour .tour-group .group-content .flights .flight-item .airport .time {
  font-size: 19px;
}
body.large .wl-tour .tour-group .group-content .flights .flight-item .airline-info {
  font-size: 15px;
}
body.large .wl-tour .tour-group .group-type .group-code {
  font-size: 17px;
}
body.large .wl-tour .tour-group .group-type .group-tag {
  font-size: 17px;
}
body.large .wl-tour .group-order {
  font-size: 16px;
}
body.large .wl-tour .group-order .qty {
  font-size: 17px;
}
body.large .wl-tour .group-order .sum-num {
  font-size: 23px;
}
body.large .wl-tour .group-order .submit {
  font-size: 17px;
}
body.large .wl-tour .select-line input,
body.large .wl-tour .select-line select {
  font-size: 16px;
}
body.large .wl-tour .tour-detail .tour-detail-timeline .detail-card .title {
  font-size: 18px;
}
body.large .wl-tour .tour-detail .tour-detail-timeline .detail-card .swiper-scence .swiper-pagination.swiper-pagination-fraction {
  font-size: 15px;
}
body.large .wl-tour .tour-detail .tour-detail-timeline .detail-card .scene .scene-desc {
  font-size: 16px;
}
body.large .wl-tour .tour-detail .tour-detail-timeline .detail-card .intro-list {
  font-size: 16px;
}
body.large .wl-tour .tour-detail .tour-detail-timeline .detail-card .restaurant-list .meal {
  font-size: 13px;
  padding-left: 0;
}
body.large .wl-tour .tour-detail .tour-detail-timeline .info-detail {
  font-size: 16px;
}
body.large .wl-tour .note .note-inner {
  line-height: 2;
  font-size: 16px;
}
body.large .wl-tour .fixed-bar-warp .fixed-bottom-bar .sum {
  font-size: 15px;
}
body.large .wl-tour .fixed-bar-warp .fixed-bottom-bar .sum .sum-num {
  font-size: 19px;
}
body.large-x .wl-tour .section-tour-intro .tour-intro .tour-name {
  font-size: 26px;
}
body.large-x .wl-tour .section-tour-intro .tour-intro .tour-detail-list {
  font-size: 16px;
}
body.large-x .wl-tour .section-tour-intro .tour-intro .tour-recommend {
  font-size: 17px;
}
body.large-x .wl-tour .section-tour-intro .tour-intro .drop-wrap a {
  font-size: 16px;
}
body.large-x .wl-tour .tour-group .group-content .promotion {
  font-size: 16px;
}
body.large-x .wl-tour .tour-group .group-content .other-tax-tip {
  font-size: 16px;
}
body.large-x .wl-tour .tour-group .group-content .flights .flight-item .airway .way {
  font-size: 14px;
}
body.large-x .wl-tour .tour-group .group-content .flights .flight-item .airport .time {
  font-size: 20px;
}
body.large-x .wl-tour .tour-group .group-content .flights .flight-item .airline-info {
  font-size: 16px;
}
body.large-x .wl-tour .tour-group .group-type .group-code {
  font-size: 18px;
}
body.large-x .wl-tour .tour-group .group-type .group-tag {
  font-size: 18px;
}
body.large-x .wl-tour .group-order {
  font-size: 17px;
}
body.large-x .wl-tour .group-order .qty {
  font-size: 18px;
}
body.large-x .wl-tour .group-order .sum-num {
  font-size: 24px;
}
body.large-x .wl-tour .group-order .submit {
  font-size: 18px;
}
body.large-x .wl-tour .select-line input,
body.large-x .wl-tour .select-line select {
  font-size: 17px;
}
body.large-x .wl-tour .tour-detail .tour-detail-timeline .detail-card .title {
  font-size: 19px;
}
body.large-x .wl-tour .tour-detail .tour-detail-timeline .detail-card .swiper-scence .swiper-pagination.swiper-pagination-fraction {
  font-size: 16px;
}
body.large-x .wl-tour .tour-detail .tour-detail-timeline .detail-card .scene .scene-desc {
  font-size: 17px;
}
body.large-x .wl-tour .tour-detail .tour-detail-timeline .detail-card .intro-list {
  font-size: 17px;
}
body.large-x .wl-tour .tour-detail .tour-detail-timeline .detail-card .restaurant-list .meal {
  font-size: 14px;
  padding-left: 0;
  margin-top: 3px;
}
body.large-x .wl-tour .tour-detail .tour-detail-timeline .info-detail {
  font-size: 17px;
}
body.large-x .wl-tour .note .note-inner {
  line-height: 2;
  font-size: 17px;
}
body.large-x .wl-tour .fixed-bar-warp .fixed-bottom-bar .sum {
  font-size: 16px;
}
body.large-x .wl-tour .fixed-bar-warp .fixed-bottom-bar .sum .sum-num {
  font-size: 20px;
}
.wl-tour.print .tour-info,
.wl-tour.print .wl-section-block {
  padding: 0;
  max-width: none;
  border-right: none;
  border-left: 0;
}
.wl-tour.print .tag-list .tag {
  -webkit-print-color-adjust: exact;
}
.wl-tour.print .wl-section-block.section-tour {
  margin-bottom: 0;
  border-bottom: 0;
}
.wl-tour.print .wl-section-block.section-tour.feature .collapse-box,
.wl-tour.print .wl-section-block.section-tour.note .collapse-box {
  padding: 0;
}
.wl-tour.print .tour-intro-wrap {
  padding: 30px;
  margin-bottom: 0;
  border-bottom: 0;
}
.wl-tour.print .tour-intro-wrap .tour-intro-inner .tour-cover {
  display: none;
}
.wl-tour.print .tour-intro-wrap .tour-intro-inner .tour-intro {
  padding-left: 0;
}
.wl-tour.print .tour-intro-wrap .tour-intro-inner .tour-intro .drop-wrap {
  display: none;
}
.wl-tour.print .tour-info {
  margin-bottom: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #e5e5e5;
}
.wl-tour.print .tour-canlendar-pc {
  display: none;
}
.wl-tour.print .tour-group-info {
  border-top: 0;
}
.wl-tour.print .tour-group-info .btn-wrap {
  display: none;
}
.wl-tour.print .tour-group-info .left,
.wl-tour.print .tour-group-info .right {
  padding: 20px 30px;
}
.wl-tour.print .tour-group-info .left {
  width: 50%;
}
@media only screen and (max-width: 900px) {
  .wl-tour.print .tour-group-info .left {
    width: 100%;
    border-top: 0;
    margin-bottom: 0;
    order: 1;
  }
}
.wl-tour.print .tour-group-info .left .info-list {
  margin-bottom: 10px;
  font-size: 24px;
  color: #666;
}
.wl-tour.print .tour-group-info .right {
  width: 50%;
}
@media only screen and (max-width: 900px) {
  .wl-tour.print .tour-group-info .right {
    width: 100%;
    margin-bottom: 0;
    border-bottom: 0;
    order: 2;
  }
}
.wl-tour.print .tour-group-info .right .right-inner {
  display: block;
}
.wl-tour.print .tour-group-info .right .more-group {
  display: none;
}
.wl-tour.print .tour-group-info .right .price {
  margin-bottom: 0;
}
.wl-tour.print .tour-group-info .transport .transport-item {
  padding: 10px 0;
}
.wl-tour.print .tour-group-info .transport .transport-item .date-wrap {
  width: 100%;
  text-align: left;
  padding-bottom: 5px;
}
.wl-tour.print .tour-group-info .transport .transport-item .date-wrap .at-info-m {
  display: inline-block;
}
.wl-tour.print .tour-group-info .transport .transport-item .date-wrap .date {
  -webkit-print-color-adjust: exact;
}
.wl-tour.print .tour-group-info .transport .transport-item .at-info {
  width: 50px;
}
.wl-tour.print .tour-group-info .transport .transport-item .at-info .company,
.wl-tour.print .tour-group-info .transport .transport-item .at-info .flight {
  display: none;
}
.wl-tour.print .tour-group-info .transport .transport-item .at-info .line {
  -webkit-print-color-adjust: exact;
}
.wl-tour.print .tour-group-info .transport .transport-item .at-info .line::before,
.wl-tour.print .tour-group-info .transport .transport-item .at-info .line::after {
  -webkit-print-color-adjust: exact;
}
.wl-tour.print .tour-group-info .transport .transport-item .at {
  width: calc(50% - 25px);
}
.wl-tour.print .block-title-light {
  padding: 30px 30px 15px;
}
.wl-tour.print .tour-detail .tour-detail-timeline {
  padding: 0 30px 20px;
}
.wl-tour.print .tour-detail .tour-detail-timeline .detail-card .day-num {
  -webkit-print-color-adjust: exact;
}
.wl-tour.print .tour-detail .tour-detail-timeline .detail-card .detail-inner .detail-right {
  display: none;
}
.wl-tour.print .tour-detail .tour-detail-timeline .detail-card .detail-inner .detail-left {
  width: 100%;
}
.wl-tour.print .tour-detail .tour-detail-timeline .detail-card::before {
  -webkit-print-color-adjust: exact;
}
.wl-tour.print .tour-detail .tour-detail-timeline .info-detail .collapse-content {
  -webkit-print-color-adjust: exact;
}
.wl-tour.print .feature .feature-inner {
  padding: 0 30px 30px;
}
.wl-tour.print .note .note-inner {
  padding: 0 30px 30px;
}
@media print {
  @page {
    size: auto;
    margin: 0;
    page-break-before: avoid;
    page-break-after: avoid;
    margin-left: 1cm;
    margin-right: 1cm;
  }
}
.login-box {
  width: 100%;
  max-width: 420px;
  padding: 50px 40px;
  margin: 40px auto;
  background-color: white;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 2px 4px 0 rgba(10, 8, 8, 0.5);
  -moz-box-shadow: 0 2px 4px 0 rgba(10, 8, 8, 0.5);
  box-shadow: 0 2px 4px 0 rgba(10, 8, 8, 0.5);
}
@media only screen and (max-width: 420px) {
  .login-box {
    margin: 0 auto;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
  }
}
.login-box .logo {
  margin: 0 auto 20px;
  display: block;
  width: 240px;
}
.login-box .tip-text {
  margin-bottom: 15px;
  font-size: 15px;
  color: #999;
  text-align: center;
}
.login-box .tip-text a {
  color: #00afff;
}
.login-box #password {
  padding-right: 40px;
}
.login-box .passshow-toggle {
  position: absolute;
  top: null;
  right: 15px;
  bottom: 0;
  left: null;
  z-index: 2;
  width: 46px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  color: #999;
}
.login-box .additional {
  margin-bottom: 5px;
  display: flex;
  justify-content: flex-end;
}
.login-box .additional .forgot-pass {
  margin-bottom: 1rem;
  font-size: 15px;
  line-height: 1;
  color: #666;
}
.login-box .additional .forgot-pass:hover {
  color: #00afff;
}
.success-box {
  text-align: center;
}
.success-box .success-title {
  margin-bottom: 10px;
  font-size: 30px;
  color: #666;
}
.success-box i {
  margin-bottom: 10px;
  color: #3bb54a;
  font-size: 100px;
}
.success-box .tip-text {
  line-height: 1.7;
  font-size: 16px;
  letter-spacing: 1px;
}
.success-box .back-home {
  font-size: 15px;
  color: #006be2;
}
body.large .login-box .tip-text {
  font-size: 16px;
}
body.large-x .login-box .tip-text {
  margin-bottom: 20px;
  font-size: 17px;
}
.order-list-wrap {
  padding: 30px 20px;
}
.order-list-wrap .order-header {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}
.order-list-wrap .order-header .block-title-light--l,
.order-list-wrap .order-header .type-bar {
  position: relative;
}
.order-list-wrap .order-header .block-title-light--l {
  margin-right: 20px;
}
.order-list-wrap .type-bar {
  display: flex;
  align-items: center;
}
.order-list-wrap .type-bar .type-item {
  margin: 0 15px;
}
.order-list-wrap .type-bar .type-item a {
  padding: 0 2px 12px;
  font-size: 15px;
  color: #666;
}
.order-list-wrap .type-bar .type-item a.is-acted {
  color: #00afff;
  border-bottom: 2px solid #00afff;
}
@media only screen and (max-width: 768px) {
  .order-list-wrap .type-bar .type-item {
    margin: 0 10px;
  }
}
.order-list-wrap .order-list li {
  margin-bottom: 10px;
  font-size: 0;
  background-color: white;
  -webkit-box-shadow: 0 2px 4px 0 rgba(10, 8, 8, 0.5);
  -moz-box-shadow: 0 2px 4px 0 rgba(10, 8, 8, 0.5);
  box-shadow: 0 2px 4px 0 rgba(10, 8, 8, 0.5);
  -webkit-transition: -webkit--webkit-transform 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  -moz-transition: -webkit--moz-transform 0.2s ease, -moz-transform 0.2s ease, -moz-box-shadow 0.2s ease;
  -o-transition: -webkit--o-transform 0.2s ease, -o-transform 0.2s ease, box-shadow 0.2s ease;
  transition: -webkit--webkit-transform 0.2s ease,-webkit--moz-transform 0.2s ease,-webkit--o-transform 0.2s ease,-webkit-transform 0.2s ease,-webkit-transform 0.2s ease,-moz-transform 0.2s ease,-o-transform 0.2s ease,transform 0.2s ease, box-shadow 0.2s ease;
}
@media only screen and (min-width: 768px) {
  .order-list-wrap .order-list li:hover {
    -webkit-transform: translate(0, -4px);
    -moz-transform: translate(0, -4px);
    -ms-transform: translate(0, -4px);
    -o-transform: translate(0, -4px);
    transform: translate(0, -4px);
    -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
  }
}
.order-list-wrap .order-list li .order-link {
  display: block;
  padding: 20px 25px;
}
.order-list-wrap .order-list li .tour,
.order-list-wrap .order-list li .order-status-ch {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
}
.order-list-wrap .order-list li .tour {
  padding-right: 10px;
  width: calc(100% - 90px);
}
.order-list-wrap .order-list li .order-status-ch {
  width: 90px;
  color: #333;
  font-size: 15px;
  text-align: center;
}
.order-list-wrap .order-list li .tour-name {
  margin-bottom: 5px;
  font-size: 16px;
  color: #333;
}
.order-list-wrap .order-list li .order-status,
.order-list-wrap .order-list li .order-status-tag {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  font-size: 14px;
}
.order-list-wrap .order-list li .order-status:not(:last-child),
.order-list-wrap .order-list li .order-status-tag:not(:last-child) {
  margin-right: 20px;
}
.order-list-wrap .order-list li .order-status-tag {
  padding: 2px 12px;
  background-color: #e2f0fb;
  color: #00afff;
  font-size: 12px;
  -webkit-border-radius: 50px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50px;
  -moz-background-clip: padding;
  border-radius: 50px;
  background-clip: padding-box;
}
body.large .order-list-wrap .type-bar .type-item a {
  font-size: 16px;
}
body.large .order-list-wrap .tour,
body.large .order-list-wrap .order-status-ch {
  font-size: 16px;
}
body.large .order-list-wrap .order-status-ch {
  font-size: 16px;
}
body.large .order-list-wrap .tour-name {
  font-size: 17px;
}
body.large .order-list-wrap .order-status,
body.large .order-list-wrap .order-status-tag {
  font-size: 15px;
}
body.large .order-list-wrap .order-status-tag {
  font-size: 13px;
}
body.large-x .order-list-wrap .type-bar .type-item a {
  font-size: 17px;
}
body.large-x .order-list-wrap .tour,
body.large-x .order-list-wrap .order-status-ch {
  font-size: 17px;
}
body.large-x .order-list-wrap .order-status-ch {
  font-size: 17px;
}
body.large-x .order-list-wrap .tour-name {
  font-size: 18px;
}
body.large-x .order-list-wrap .order-status,
body.large-x .order-list-wrap .order-status-tag {
  font-size: 16px;
}
body.large-x .order-list-wrap .order-status-tag {
  font-size: 14px;
}
.order_detail {
  margin: 0 auto 20px;
  width: 100%;
  max-width: 800px;
  padding: 40px 20px;
}
@media only screen and (max-width: 768px) {
  .order_detail {
    padding: 0;
    margin-bottom: 0;
  }
}
.order-content {
  background-color: white;
  -webkit-box-shadow: 0 2px 4px 0 rgba(10, 8, 8, 0.5);
  -moz-box-shadow: 0 2px 4px 0 rgba(10, 8, 8, 0.5);
  box-shadow: 0 2px 4px 0 rgba(10, 8, 8, 0.5);
}
.order-main-info {
  color: #666;
  font-size: 15px;
}
.order-main-info .order-header {
  display: flex;
  align-items: center;
  background-color: #00afff;
}
.order-main-info .order-header .header-cover,
.order-main-info .order-header .header-content {
  display: block;
  flex: 1;
}
.order-main-info .order-header .header-cover {
  flex-basis: 40%;
  min-height: 200px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 525px) {
  .order-main-info .order-header .header-cover {
    display: none;
  }
}
.order-main-info .order-header .header-content {
  flex-basis: 60%;
  padding: 30px;
  color: white;
  font-weight: 600;
}
.order-main-info .order-header .tour-code {
  margin-bottom: 5px;
}
.order-main-info .order-header .tour-name {
  font-size: 22px;
}
.order-main-info .order-header .tour-name a {
  color: white;
}
.order-main-info .d-list {
  padding: 20px 30px;
}
.order-main-info .d-list:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.order-main-info .order-price .d-title {
  display: flex;
  flex-basis: 85px;
}
.order-main-info .order-price .total-price {
  margin-top: 5px;
  padding-top: 10px;
  border-top: 1px dashed #eee;
  font-weight: bold;
}
.order-main-info .order-price .total-price b {
  color: #ff9a14;
  font-size: 24px;
  line-height: 1;
}
.order-main-info .order-flow .d-title {
  font-size: 14px;
}
.order-main-info .order-flow .d-content {
  padding-right: 20px;
}
.order-main-info .order-flow .check {
  margin-right: 21px;
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  text-align: center;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  background-color: #ddd;
}
.order-main-info .order-flow .check.checked {
  background-color: #00afff;
}
.order-main-info .order-flow .check-end {
  width: 15px;
  text-align: center;
  margin-right: 20px;
  vertical-align: middle;
  color: #00afff;
}
.order-main-info .detail-footer {
  display: flex;
  padding: 0 10px;
}
@media only screen and (max-width: 580px) {
  .order-main-info .detail-footer {
    display: block;
    padding: 20px 20px 0;
  }
}
.order-main-info .detail-footer > * {
  flex: 1;
  margin: 20px 10px;
}
@media only screen and (max-width: 580px) {
  .order-main-info .detail-footer > * {
    flex: initial;
    width: 100%;
    margin: 0 0 20px;
  }
}
.service {
  padding-top: 70px;
  padding-bottom: 40px;
}
.service .block-title-light--l {
  margin-bottom: 30px;
}
.download-block {
  display: flex;
  flex-wrap: wrap;
}
.download-block li {
  margin-right: 20px;
  margin-bottom: 20px;
  background-color: white;
  -webkit-box-shadow: 0 2px 4px 0 rgba(10, 8, 8, 0.5);
  -moz-box-shadow: 0 2px 4px 0 rgba(10, 8, 8, 0.5);
  box-shadow: 0 2px 4px 0 rgba(10, 8, 8, 0.5);
  -webkit-transition: -webkit--webkit-transform 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  -moz-transition: -webkit--moz-transform 0.2s ease, -moz-transform 0.2s ease, -moz-box-shadow 0.2s ease;
  -o-transition: -webkit--o-transform 0.2s ease, -o-transform 0.2s ease, box-shadow 0.2s ease;
  transition: -webkit--webkit-transform 0.2s ease,-webkit--moz-transform 0.2s ease,-webkit--o-transform 0.2s ease,-webkit-transform 0.2s ease,-webkit-transform 0.2s ease,-moz-transform 0.2s ease,-o-transform 0.2s ease,transform 0.2s ease, box-shadow 0.2s ease;
  width: calc(20% - 16px);
}
.download-block li:nth-child(5n) {
  margin-right: 0;
}
.download-block li::before {
  content: '';
  float: left;
  padding-top: 100%;
}
.download-block li:hover {
  -webkit-transform: translate(0, -4px);
  -moz-transform: translate(0, -4px);
  -ms-transform: translate(0, -4px);
  -o-transform: translate(0, -4px);
  transform: translate(0, -4px);
  -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 1200px) {
  .download-block li {
    width: 100%;
    margin-right: 0;
  }
  .download-block li::before {
    display: none;
  }
}
.download-block a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.download-block a i {
  margin-bottom: 15px;
  font-size: 100px;
  color: #ddd;
}
.download-block a p {
  font-size: 15px;
  color: #666;
}
@media only screen and (max-width: 1200px) {
  .download-block a {
    padding: 15px 20px;
    justify-content: flex-start;
    flex-direction: row;
    text-align: left;
    align-items: center;
  }
  .download-block a i {
    margin-bottom: 0;
    font-size: 60px;
  }
  .download-block a p {
    padding-left: 20px;
  }
}
.tour-visa {
  width: 100%;
  font-size: 14px;
  color: #666;
}
.tour-visa thead th {
  background-color: #03A9F4;
  color: white;
  padding: 10px 0;
  margin: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  font-weight: bold;
  text-align: center;
}
.tour-visa thead th:nth-child(1) {
  width: 10%;
}
.tour-visa thead th:nth-child(2) {
  width: 10%;
}
.tour-visa thead th:nth-child(3) {
  width: 10%;
}
.tour-visa thead th:nth-child(4) {
  width: 10%;
}
.tour-visa thead th:nth-child(5) {
  width: 10%;
}
.tour-visa thead th:nth-child(6) {
  width: 50%;
}
.tour-visa tbody td {
  vertical-align: middle;
  padding: 8px;
  border-bottom: 1px solid #ddd;
  text-align: center;
}
.tour-visa tbody td:nth-child(6) {
  text-align: left;
  width: 50%;
  line-height: 35px;
}
.tour-visa tbody tr:last-child td {
  border-bottom: 0px;
}
body.large .download-block a p {
  font-size: 16px;
}
body.large .tour-visa {
  font-size: 15px;
}
body.large-x .download-block a p {
  font-size: 17px;
}
body.large-x .tour-visa {
  font-size: 16px;
}
.account {
  margin: 40px auto;
  padding: 0 20px;
  width: 100%;
  max-width: 800px;
}
.account .block-title-light--l {
  margin-bottom: 15px;
}
.account .block-title-light {
  margin-bottom: 20px;
}
@media only screen and (max-width: 580px) {
  .account .member-mail {
    display: block;
    font-size: 16px;
  }
}
.account .form-phone {
  display: flex;
}
.account .form-phone .form-group:first-child {
  margin-right: 15px;
  width: calc(100% - 75px - 15px);
}
.account .form-phone .form-group:last-child {
  width: 75px;
}
.account .form-action {
  padding-top: 20px;
}
.member-box {
  margin: 0 0 40px;
  width: 100%;
  padding: 30px 30px 40px;
  background-color: white;
  -webkit-box-shadow: 0 2px 4px 0 rgba(10, 8, 8, 0.5);
  -moz-box-shadow: 0 2px 4px 0 rgba(10, 8, 8, 0.5);
  box-shadow: 0 2px 4px 0 rgba(10, 8, 8, 0.5);
  border-top: 4px solid #00afff;
}
@media only screen and (max-width: 768px) {
  .member-box {
    padding: 30px 10px 40px;
  }
}
.daterangepicker {
  -webkit-box-shadow: 0 4px 14px 0 rgba(37, 32, 31, 0.25);
  -moz-box-shadow: 0 4px 14px 0 rgba(37, 32, 31, 0.25);
  box-shadow: 0 4px 14px 0 rgba(37, 32, 31, 0.25);
}
.order-buy {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 30px 20px 50px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media only screen and (max-width: 980px) {
  .order-buy {
    display: block;
  }
}
.order-buy .form-wrap {
  margin-bottom: 50px;
}
.order-buy .radio-group-wrap {
  display: flex;
  flex-wrap: wrap;
  padding-top: 8px;
}
.order-buy .radio-group-wrap > * {
  margin-right: 20px;
}
.order-buy .checkbox-group-wrap {
  display: flex;
  flex-wrap: wrap;
  padding-top: 8px;
}
.order-buy .checkbox-group-wrap > * {
  margin-right: 20px;
}
.order-buy .checkbox-group-wrap > * input[type="checkbox"] {
  margin-right: 8px;
}
.order-buy .tab-list {
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
}
@media only screen and (max-width: 680px) {
  .order-buy .tab-list {
    display: none;
  }
}
.order-buy .title-m {
  padding: 15px 20px;
  font-size: 18px;
  border: 1px solid #e5e5e5;
  background-color: #fafafa;
  border-bottom: 0;
  display: none;
}
@media only screen and (max-width: 680px) {
  .order-buy .title-m {
    display: block;
  }
}
.order-buy .buy-aside,
.order-buy .buy-content {
  background-color: white;
  border: 1px solid #e5e5e5;
}
.order-buy .buy-aside {
  padding: 30px;
  width: 300px;
  font-size: 15px;
}
@media only screen and (max-width: 980px) {
  .order-buy .buy-aside {
    display: none;
  }
}
.order-buy .fee-detail-block .fee-sub-title {
  margin-bottom: 5px;
  color: #333;
  font-weight: bold;
}
.order-buy .fee-detail-block .fee-detail-title {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 18px;
  color: #333;
}
.order-buy .fee-detail-block .fee-detail {
  margin-bottom: 10px;
  padding-bottom: 10px;
  color: #666;
  line-height: 2;
  border-bottom: 1px dotted #ddd;
}
.order-buy .fee-detail-block .fee-detail li {
  display: flex;
  justify-content: space-between;
}
.order-buy .fee-detail-block .total {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
}
.order-buy .fee-detail-block .total .total-num {
  font-size: 22px;
}
.order-buy .buy-content {
  padding: 40px 30px 50px;
  margin-right: 20px;
  width: calc(100% - 300px - 20px);
}
@media only screen and (max-width: 980px) {
  .order-buy .buy-content {
    margin-right: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .order-buy .buy-content {
    padding: 30px 30px 50px;
  }
}
.order-buy .tour-desc {
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .order-buy .tour-desc {
    display: block;
  }
}
.order-buy .tour-desc .tour-cover {
  margin-right: 20px;
  width: 320px;
}
@media only screen and (max-width: 768px) {
  .order-buy .tour-desc .tour-cover {
    display: none;
  }
}
.order-buy .tour-desc .tour-cover .img {
  padding-bottom: 60%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 1080px) {
  .order-buy .tour-desc .tour-cover {
    width: 280px;
  }
  .order-buy .tour-desc .tour-cover .img {
    padding-bottom: 70%;
  }
}
.order-buy .tour-desc .tour-content {
  width: calc(100% - 320px - 20px);
}
@media only screen and (max-width: 1080px) {
  .order-buy .tour-desc .tour-content {
    width: calc(100% - 280px - 20px);
  }
}
@media only screen and (max-width: 768px) {
  .order-buy .tour-desc .tour-content {
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ddd;
  }
}
.order-buy .tour-desc .tour-content .tour-title {
  margin-bottom: 15px;
  font-size: 22px;
}
.order-buy .tour-desc .tour-content .tour-detail-list {
  margin-bottom: 8px;
  font-size: 15px;
  color: #666;
}
.order-buy .tour-desc .tour-content .tour-detail-list li {
  margin-bottom: 2px;
  display: flex;
  line-height: 2;
}
.order-buy .tour-desc .tour-content .tour-detail-list li span {
  font-weight: bold;
  padding-right: 15px;
  color: #333;
  white-space: nowrap;
}
.order-buy .buy-title {
  margin-bottom: 5px;
  font-size: 20px;
}
.order-buy .buy-inner {
  max-width: 600px;
}
.order-buy .buy-inner .quantity {
  margin: 15px 0 40px;
}
.order-buy .buy-inner .quantity li {
  margin-bottom: 20px;
}
.order-buy .buy-inner .fee-detail-block {
  margin-bottom: 40px;
  display: none;
}
@media only screen and (max-width: 980px) {
  .order-buy .buy-inner .fee-detail-block {
    display: block;
  }
}
.order-buy.buy-form .buy-form-title {
  font-size: 22px;
}
.order-buy.buy-form .buy-form-tip {
  font-size: 14px;
  color: #999;
  margin-bottom: 20px;
}
.order-buy.buy-form .buy-title {
  margin-bottom: 15px;
}
.order-buy.buy-form .quantity li {
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eee;
}
.order-buy.buy-form .success-box {
  padding: 30px 20px;
  border: 1px solid #eee;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
}
.order-buy.buy-form .success-box .btn {
  margin-top: 20px;
}
.order-buy .pay-way .form-action {
  margin: 0 -10px;
  display: flex;
}
.order-buy .pay-way .form-action > * {
  margin: 0 10px;
  padding: 0;
  flex: 1;
}
.order-buy .contract_area .contract_list {
  margin: 5px 0px 20px 0px;
}
.order-buy .contract_area ul {
  margin-left: 25px;
  list-style: disc;
}
.order-buy .contract_area ul a {
  font-size: 13px;
}
.rule-overlay .overlay-container {
  width: 100%;
  max-width: 800px;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
}
@media only screen and (max-width: 768px) {
  .rule-overlay .overlay-container {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    max-width: none;
    margin-bottom: 0;
  }
}
.rule-overlay .overlay-main {
  padding: 30px;
}
.rule-overlay .overlay-main .rule-h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
.rule-overlay .overlay-main .number-list li {
  margin-bottom: 10px;
}
.rule-overlay .overlay-main .number-list:not(:last-child) {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.comfrim-data-overlay .overlay-container {
  width: 100%;
  max-width: 800px;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
}
@media only screen and (max-width: 768px) {
  .comfrim-data-overlay .overlay-container {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    max-width: none;
    margin-bottom: 0;
  }
}
.comfrim-data-overlay .overlay-main {
  padding: 30px;
}
.comfrim-data-overlay .overlay-main .rule-h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
.comfrim-data-overlay .overlay-main .number-list li {
  margin-bottom: 10px;
}
.comfrim-data-overlay .overlay-main .number-list:not(:last-child) {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.comfrim-data-overlay .overlay-footer {
  text-align: right;
  padding: 20px;
  border-top: 1px solid #eee;
  background-color: white;
  -webkit-border-radius: 0 0 7px 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 7px 7px;
  -moz-background-clip: padding;
  border-radius: 0 0 7px 7px;
  background-clip: padding-box;
}
@media only screen and (max-width: 768px) {
  .comfrim-data-overlay .overlay-footer {
    width: 100%;
  }
}
.comfrim-data-overlay .overlay-footer .btn {
  margin-left: 10px;
}
.order-pay .alert-pay {
  font-weight: bold;
  margin-bottom: 30px;
  color: #006be2;
  font-size: 15px;
  line-height: 1.8;
}
.order-pay .creditcard-list {
  padding-left: 10px;
  display: inline-block;
}
.order-pay .creditcard-list li {
  padding: 2px 10px;
  display: inline-block;
  vertical-align: middle;
  background-color: #fafafa;
  border: 1px solid #eee;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
}
.order-pay .creditcard-list img {
  display: block;
  width: 25px;
}
.order-pay .button-radio-group {
  padding: 10px 0;
}
.order-pay .atm-info {
  margin-bottom: 30px;
  padding: 20px;
  background-color: #fffae7;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  font-size: 15px;
  line-height: 1.8;
}
.order-pay .atm-info > div:first-child {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dotted #ddd;
}
.order-pay .atm-info > div h5 {
  margin-bottom: 5px;
}
.order-info {
  margin-right: 20px;
  width: calc(100% - 300px - 20px);
}
@media only screen and (max-width: 980px) {
  .order-info {
    margin-right: 0;
    width: 100%;
  }
}
.order-info .tour-desc {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .order-info .tour-desc .tour-content {
    border-bottom: 0;
    padding-bottom: 0;
  }
}
.order-info .tour-title {
  width: 100%;
  margin-bottom: 15px;
  font-size: 22px;
}
.order-info .order-info-block {
  margin-bottom: 30px;
  padding: 40px 30px;
  background-color: white;
  border: 1px solid #e5e5e5;
}
.order-info .dot-list {
  margin-bottom: 15px;
  font-size: 15px;
  line-height: 1.8;
}
.order-info .warning-bar {
  margin-bottom: 20px;
  padding: 15px 20px;
  font-weight: bold;
  background-color: #fffde7;
  font-size: 14px;
  color: #ff9800;
}
.order-info .remind-check {
  padding-top: 10px;
  padding-bottom: 10px;
}
.order-info .remind-check .remind-question {
  margin-bottom: 10px;
  font-size: 16px;
}
.order-info .remind-check .tip-text {
  margin-bottom: 10px;
}
.order-info .remind-check .button-radio-group button {
  width: 25%;
}
.order-info .remind-check .warning-bar {
  margin-top: 20px;
}
.order-info .remind-check .warning-bar strong {
  margin-bottom: 10px;
  font-size: 15px;
}
.order-info .remind-check .warning-bar .dot-list {
  margin-bottom: 0;
  font-size: 14px;
}
.order-info .form-action {
  padding-top: 15px;
}
.order-info .zipcode {
  margin-left: -5px;
  margin-right: -5px;
}
.order-info .zipcode > * {
  padding-left: 5px;
  padding-right: 5px;
}
@media only screen and (max-width: 768px) {
  .order-info .zipcode > * {
    margin-bottom: 10px;
  }
}
.order-info .contract-block {
  margin-bottom: 20px;
  border: 1px solid #eee;
}
.order-info .contract-block .contract-title {
  padding: 15px 20px;
  background-color: #fafafa;
}
.order-info .contract-block .contract-content {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  font-size: 15px;
  line-height: 1.8;
}
@media only screen and (max-width: 580px) {
  .order-info .contract-block .contract-content {
    display: block;
  }
}
.order-info .contract-block .contract-content > div {
  width: calc(100% - 140px);
}
@media only screen and (max-width: 580px) {
  .order-info .contract-block .contract-content > div {
    width: 100%;
    margin-bottom: 15px;
  }
}
.order-info .contract-block .contract-content .btn {
  width: 120px;
}
.order-info .detail-title {
  margin-top: 20px;
}
.order-info .detail-list {
  padding: 15px 0 20px;
}
.order-info .detail-list li {
  line-height: 2;
  font-size: 15px;
}
.order-info .detail-list li span {
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 580px) {
  .order-info .detail-list li {
    line-height: 1.6;
    margin-bottom: 15px;
  }
  .order-info .detail-list li span {
    display: block;
  }
}
.order-info .detail-list li .item-title {
  width: 150px;
  color: #999;
}
.order-info .fee-detail-block .fee-sub-title {
  margin-bottom: 5px;
  color: #333;
  font-weight: bold;
}
.order-info .fee-detail-block .fee-detail-title {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 18px;
  color: #333;
}
.order-info .add-more-doc {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 15px;
  margin-right: 15px;
  color: #00d775;
  font-size: 15px;
}
.member-data {
  margin: 15px 0;
  border: 1px solid #eee;
}
.member-data .data-header {
  position: relative;
  padding: 0 20px;
  line-height: 60px;
  background-color: #fafafa;
  cursor: pointer;
}
.member-data .data-header .data-arrow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: null;
  left: null;
  z-index: 2;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #666;
  font-size: 28px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.member-data .data-content {
  padding: 30px;
  display: none;
}
.member-data .data-content.is-done a {
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  .member-data .data-content.is-done .form-group:not(.is-note) {
    display: flex;
    justify-content: space-between;
  }
}
.member-data.is-open .data-header .data-arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.member-data.is-open .data-content {
  display: block;
}
.order-info-aside .aside-title {
  margin-bottom: 10px;
  font-size: 18px;
}
.order-info-aside .tip-text {
  margin-bottom: 5px;
}
.order-info-fixed-m {
  height: 70px;
  display: none;
}
@media only screen and (max-width: 980px) {
  .order-info-fixed-m {
    display: block;
  }
}
.order-info-fixed-m .fixed-bottom-bar {
  position: fixed;
  top: null;
  right: null;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  background-color: white;
  -webkit-box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.12);
}
.order-info-fixed-m .fixed-bottom-bar .aside-title {
  padding: 0 20px;
  height: 70px;
  line-height: 70px;
  color: #666;
  cursor: pointer;
}
.order-info-fixed-m .fixed-bottom-bar .toggle-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: null;
  left: null;
  z-index: 2;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  color: #666;
}
.order-info-fixed-m .fixed-bottom-bar .content {
  display: none;
  padding: 0 20px 30px;
}
.order-info-fixed-m .fixed-bottom-bar.is-open .toggle-icon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.order-info-fixed-m .fixed-bottom-bar.is-open .content {
  display: block;
}
.contract-overlay .contract-block {
  height: 70vh;
  overflow: auto;
}
.contract-overlay .contract-sign-block {
  height: 70vh;
  overflow: hidden;
  background-color: #ddd;
}
.contract-overlay .form-bar {
  padding: 20px;
  text-align: right;
}
.contract-overlay .form-bar > button {
  margin-left: 15px;
}
.card-wrap {
  padding: 20px;
}
.card-wrap .contact-info {
  padding: 0 20px 20px;
  font-size: 14px;
  color: #666;
  text-align: center;
  line-height: 2;
}
.payment-card {
  margin: 20px auto;
  width: 100%;
  max-width: 500px;
  background-color: white;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.payment-card .card-header {
  padding: 30px 20px;
  background-color: #00afff;
  overflow: hidden;
}
.payment-card .card-header .title-icon {
  float: left;
  margin-right: 20px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #00afff;
  background-color: white;
  text-align: center;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
}
.payment-card .card-header .card-title {
  float: left;
  color: white;
  font-size: 20px;
  width: calc(100% - 70px);
}
.payment-card .card-header .card-title .tip-text {
  padding-top: 2px;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 1px;
}
.payment-card .card-body {
  padding: 40px 50px 20px;
  color: #333;
}
.payment-card .card-body:last-child {
  padding-bottom: 50px;
}
.payment-card .card-body.price {
  border-top: 1px dashed #e5e5e5;
}
.payment-card .card-body .title {
  margin-bottom: 15px;
  font-size: 20px;
}
.payment-card .card-body .card-list {
  font-size: 16px;
}
.payment-card .card-body .card-list .list-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.payment-card .card-body .card-list.info .list-row {
  margin-bottom: 15px;
}
.payment-card .card-body .card-list.info .list-row > *:first-child {
  margin-bottom: 2px;
  color: #999;
  font-size: 15px;
}
.payment-card .card-body .card-list.price {
  margin-bottom: 20px;
}
.payment-card .card-body .card-list.price .list-row {
  padding: 5px 0;
}
.payment-card .card-body .card-list.price .list-row:not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
}
.payment-card .card-body .total-price {
  font-size: 28px;
  color: #00afff;
  font-weight: bold;
}
.payment-card .card-body .due-date {
  margin-bottom: 20px;
  text-align: center;
  color: #ff9a14;
  font-weight: bold;
}
.payment-card.is-success .card-header {
  background-color: #00d775;
}
.payment-card.is-success .card-header .title-icon {
  color: #00d775;
}
.payment-card.is-warning .card-header {
  background-color: #ff9a14;
}
.payment-card.is-warning .card-header .title-icon {
  color: #ff9a14;
}
.payment-done .contact-info {
  padding: 0;
  font-size: 15px;
  color: #666;
}
.page-event {
  padding-bottom: 20px;
}
.event {
  padding-top: 60px;
}
.flights-index .flights-index-inner {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 500px;
}
.flights-index .index-bg {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.flights-index .index-bg::after {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2);
  content: '';
  width: 100%;
  height: 100%;
}
.flights-index .search-main {
  position: relative;
  z-index: 2;
  padding: 40px 20px;
  width: 100%;
  color: white;
}
.flights-index .search-main .title {
  text-align: center;
  font-size: 40px;
  letter-spacing: 1;
  font-weight: bold;
  color: white;
}
.flights-index .search-main .sub-title {
  margin-bottom: 40px;
  text-align: center;
  font-size: 18px;
  font-weight: normal;
}
.flights-index .search-main .cr {
  padding-bottom: 10px;
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
}
.flights-index .search-main .radio-group {
  margin-bottom: 30px;
}
.flights-index .trans-place {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
  z-index: 2;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: #666;
}
@media only screen and (min-width: 768px) {
  .flights-index .trans-place:hover {
    color: #00afff;
  }
}
@media only screen and (max-width: 380px) {
  .flights-index .trans-place {
    display: none;
  }
}
.flights-index .block-multiple .search-type-wrap {
  display: flex;
  margin-bottom: 40px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .flights-index .block-multiple .search-type-wrap {
    margin-bottom: 0;
    width: calc(100% - 40px);
    flex-wrap: wrap;
  }
}
.flights-index .block-multiple .search-bar-wrap:not(.multiple-func) {
  margin-bottom: 10px;
}
.flights-index .block-multiple .search-bar-wrap:not(.multiple-func) .search-type {
  flex: 0 0 calc(33.33% - 16px);
}
.flights-index .block-multiple .search-bar-wrap:not(.multiple-func) .search-type:nth-last-child(2) .search-input {
  -webkit-border-radius: 0 3px 3px 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 3px 3px 0;
  -moz-background-clip: padding;
  border-radius: 0 3px 3px 0;
  background-clip: padding-box;
}
@media only screen and (max-width: 768px) {
  .flights-index .block-multiple .search-bar-wrap:not(.multiple-func) .search-type {
    margin-bottom: 20px;
    flex: auto;
  }
  .flights-index .block-multiple .search-bar-wrap:not(.multiple-func) .search-type.col-6 {
    flex: 1 0 calc(50% - 24px);
  }
  .flights-index .block-multiple .search-bar-wrap:not(.multiple-func) .search-type.col-12 {
    width: 100%;
    flex: 1 0 calc(100% - 24px);
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
  }
}
.flights-index .block-multiple .search-bar-wrap:not(.multiple-func) .m-remove-flight {
  padding-left: 10px;
  width: 40px;
}
@media only screen and (min-width: 768px) {
  .flights-index .block-multiple .search-bar-wrap:not(.multiple-func) .m-remove-flight {
    display: none;
  }
}
.flights-index .block-multiple .search-bar-wrap:not(.multiple-func) .m-remove-flight .remove-btn {
  margin-top: 23px;
  width: 30px;
  height: 140px;
  text-align: center;
  line-height: 48px;
  color: white;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
}
.flights-index .block-multiple .search-bar-wrap:not(.multiple-func) .m-remove-flight .remove-btn i {
  font-size: 28px;
}
.flights-index .block-multiple .search-bar-wrap:not(.multiple-func) .remove-flight {
  padding-top: 22px;
  flex-grow: 1;
  flex-basis: 0;
}
.flights-index .block-multiple .search-bar-wrap:not(.multiple-func) .remove-flight .remove-btn {
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  color: white;
}
.flights-index .block-multiple .search-bar-wrap:not(.multiple-func) .remove-flight .remove-btn i {
  font-size: 28px;
}
@media only screen and (max-width: 768px) {
  .flights-index .block-multiple .search-bar-wrap:not(.multiple-func) .remove-flight {
    display: none;
  }
}
.flights-index .block-multiple .multiple-func {
  display: flex;
  align-items: flex-end;
  margin-bottom: 40px;
}
@media only screen and (max-width: 700px) {
  .flights-index .block-multiple .multiple-func {
    flex-wrap: wrap;
  }
}
.flights-index .block-multiple .multiple-func .search-type {
  flex: 1 0 calc(33.33% - 16px);
}
@media only screen and (max-width: 700px) {
  .flights-index .block-multiple .multiple-func .search-type {
    flex: 1 0 100%;
  }
  .flights-index .block-multiple .multiple-func .search-type.add-flight-wrap {
    margin-top: -10px;
    order: -1;
  }
  .flights-index .block-multiple .multiple-func .search-type.add-flight-wrap .add-flight {
    padding-left: 0;
  }
}
.flights-index .block-multiple .multiple-func .search-type .search-input {
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
}
.flights-index .block-multiple .multiple-func .search-type .add-flight {
  padding: 0 20px;
  line-height: 48px;
  color: white;
  font-size: 16px;
  font-weight: bold;
}
.flights-index .block-multiple .multiple-func .search-type .btn {
  max-width: none;
}
@media only screen and (max-width: 700px) {
  .flights-index .block-multiple .multiple-func .search-type .btn {
    margin-top: 30px;
  }
}
.flights-search-result .wl-header {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.flights-search-result .search-content {
  display: flex;
  align-items: flex-start;
}
.flights-search-result .search-content .search-filter-aside {
  width: 300px;
  margin-right: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1200px) {
  .flights-search-result .search-content .search-filter-aside {
    display: none;
  }
}
.flights-search-result .search-content .search-list {
  width: calc(100% - 300px);
}
@media only screen and (max-width: 1200px) {
  .flights-search-result .search-content .search-list {
    width: 100%;
  }
}
.flights-search-result .ticket-result-list {
  display: flex;
  flex-flow: wrap;
}
.flights-search-result .ticket-result-list .flight-group {
  position: relative;
  margin-bottom: 30px;
  width: 100%;
}
.flights-search-result .ticket-result-list .flight-group .ticket-box {
  position: relative;
  z-index: 2;
}
.flights-search-result .ticket-result-list .flight-group .ticket-box:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.flights-search-result .ticket-result-list .flight-group .flight-group-toggle {
  position: relative;
  z-index: 1;
  padding: 25px 0 5px 0;
  width: 120px;
  text-align: center;
  margin: -20px auto 0;
  background-color: #999;
  color: white;
  cursor: pointer;
  font-size: 14px;
  -webkit-border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  border-radius: 0 0 3px 3px;
  background-clip: padding-box;
  -webkit-transition: -webkit--webkit-transform 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  -moz-transition: -webkit--moz-transform 0.2s ease, -moz-transform 0.2s ease, -moz-box-shadow 0.2s ease;
  -o-transition: -webkit--o-transform 0.2s ease, -o-transform 0.2s ease, box-shadow 0.2s ease;
  transition: -webkit--webkit-transform 0.2s ease,-webkit--moz-transform 0.2s ease,-webkit--o-transform 0.2s ease,-webkit-transform 0.2s ease,-webkit-transform 0.2s ease,-moz-transform 0.2s ease,-o-transform 0.2s ease,transform 0.2s ease, box-shadow 0.2s ease;
}
@media only screen and (min-width: 768px) {
  .flights-search-result .ticket-result-list .flight-group .flight-group-toggle:hover {
    -webkit-transform: translate(0, 4px);
    -moz-transform: translate(0, 4px);
    -ms-transform: translate(0, 4px);
    -o-transform: translate(0, 4px);
    transform: translate(0, 4px);
  }
}
.ticket-box {
  display: flex;
  flex-wrap: wrap;
  background-color: white;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  -webkit-transition: -webkit--webkit-transform 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  -moz-transition: -webkit--moz-transform 0.2s ease, -moz-transform 0.2s ease, -moz-box-shadow 0.2s ease;
  -o-transition: -webkit--o-transform 0.2s ease, -o-transform 0.2s ease, box-shadow 0.2s ease;
  transition: -webkit--webkit-transform 0.2s ease,-webkit--moz-transform 0.2s ease,-webkit--o-transform 0.2s ease,-webkit-transform 0.2s ease,-webkit-transform 0.2s ease,-moz-transform 0.2s ease,-o-transform 0.2s ease,transform 0.2s ease, box-shadow 0.2s ease;
}
@media only screen and (min-width: 768px) {
  .ticket-box:hover {
    -webkit-transform: translate(0, -4px);
    -moz-transform: translate(0, -4px);
    -ms-transform: translate(0, -4px);
    -o-transform: translate(0, -4px);
    transform: translate(0, -4px);
    -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
  }
}
.ticket-box > div {
  flex: 1;
}
.ticket-box .ticket-main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: calc(100% - 200px);
  flex-basis: calc(100% - 200px);
  padding: 10px 30px 10px 20px;
  border-right: 1px solid #eee;
}
@media only screen and (max-width: 600px) {
  .ticket-box .ticket-main {
    padding: 10px 20px;
    width: 100%;
    flex-basis: 100%;
    border-right: 0;
    border-bottom: 1px solid #eee;
  }
}
@media only screen and (max-width: 420px) {
  .ticket-box .ticket-main {
    padding: 10px 15px;
  }
}
.ticket-box .ticket-main .flight-item {
  padding: 15px 0;
  border-bottom: 1px dashed #ccc;
}
.ticket-box .ticket-main .flight-item:last-child {
  border-bottom: 0;
}
.ticket-box .flight-item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
}
.ticket-box .flight-item .airline-info {
  width: 180px;
  font-size: 12px;
  color: #999;
}
.ticket-box .flight-item .airline-info .airline-name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.ticket-box .flight-item .airline-info .airline-name .airline-logo {
  margin-right: 10px;
  width: 35px;
  height: 35px;
}
.ticket-box .flight-item .airline-info .airline-name .ally-airline {
  padding-top: 10px;
  width: 100%;
  font-size: 12px;
  font-weight: normal;
  color: #999;
  display: block;
}
@media only screen and (max-width: 1200px) {
  .ticket-box .flight-item .airline-info {
    width: 100%;
  }
  .ticket-box .flight-item .airline-info .airline-name {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .ticket-box .flight-item .airline-info .airline-name > * {
    float: left;
  }
  .ticket-box .flight-item .airline-info .airline-name .ally-airline {
    padding-top: 0;
    width: calc(100% - 45px);
  }
}
.ticket-box .flight-item .flight-info {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
  width: calc(100% - 180px);
}
@media only screen and (max-width: 1200px) {
  .ticket-box .flight-item .flight-info {
    width: 100%;
    padding-left: 0;
  }
}
.ticket-box .flight-item .flight-info .airport {
  position: relative;
  width: 75px;
}
@media only screen and (max-width: 420px) {
  .ticket-box .flight-item .flight-info .airport {
    width: 60px;
  }
}
.ticket-box .flight-item .flight-info .airport .time {
  font-size: 28px;
  color: #333;
  font-weight: bold;
}
@media only screen and (max-width: 420px) {
  .ticket-box .flight-item .flight-info .airport .time {
    font-size: 22px;
  }
}
.ticket-box .flight-item .flight-info .airport .airport-code {
  font-size: 16px;
}
.ticket-box .flight-item .flight-info .airport .day-off {
  position: absolute;
  top: -14px;
  right: -2px;
  bottom: null;
  left: null;
  z-index: 2;
  font-size: 14px;
}
.ticket-box .flight-item .flight-info .airport:first-child {
  text-align: right;
}
.ticket-box .flight-item .flight-info .stops {
  width: calc(100% - 150px);
  padding: 0 35px 0 20px;
  text-align: center;
  font-size: 14px;
  color: #666;
}
@media only screen and (max-width: 420px) {
  .ticket-box .flight-item .flight-info .stops {
    padding: 0 24px 0 8px;
    width: calc(100% - 120px);
  }
}
.ticket-box .flight-item .flight-info .stops .stop-line {
  position: relative;
  margin: 10px 0;
  width: 100%;
  height: 2px;
  background-color: #817b8f;
  text-align: center;
}
.ticket-box .flight-item .flight-info .stops .stop-line .stop-dot {
  position: relative;
  margin: 0 4px;
  top: -10px;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  background-color: #ff5452;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
}
.ticket-box .flight-item .flight-info .stops .stop-line .icon-flight {
  position: absolute;
  top: -6px;
  right: -18px;
  bottom: null;
  left: null;
  z-index: 1;
  font-size: 14px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #817b8f;
}
.ticket-box .flight-item .flight-info .stops .stop-airport {
  padding-top: 5px;
}
.ticket-box .ticket-info {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding: 20px 15px 20px 15px;
  width: 200px;
  flex-basis: 200px;
  font-size: 14px;
}
.ticket-box .ticket-info .icon-list,
.ticket-box .ticket-info .price-info .m-sep {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-end;
}
.ticket-box .ticket-info .icon-list {
  margin-bottom: 10px;
  align-self: flex-start;
  align-items: center;
  color: #666;
}
.ticket-box .ticket-info .icon-list > div:not(:first-child) {
  margin-left: 15px;
}
@media only screen and (max-width: 600px) {
  .ticket-box .ticket-info .icon-list {
    display: none;
  }
}
.ticket-box .ticket-info .icon-list .icon-rule {
  display: flex;
  align-items: center;
}
.ticket-box .ticket-info .icon-list .icon-rule .icon {
  width: 30px;
}
.ticket-box .ticket-info .icon-list .icon-rule .text {
  padding-left: 4px;
}
.ticket-box .ticket-info .icon-list .baggage {
  position: relative;
  width: 30px;
  height: 30px;
}
.ticket-box .ticket-info .icon-list .baggage .baggage-icon {
  width: 30px;
  height: 30px;
}
.ticket-box .ticket-info .icon-list .baggage .baggage-weight {
  position: absolute;
  top: 50%;
  right: null;
  bottom: null;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: 2px;
}
.ticket-box .ticket-info .tip-text {
  font-size: 13px;
}
.ticket-box .ticket-info .price {
  font-size: 32px;
  font-weight: bold;
  color: #ff9a14;
}
@media only screen and (max-width: 420px) {
  .ticket-box .ticket-info .price {
    font-size: 24px;
  }
}
.ticket-box .ticket-info .price .unit {
  font-size: 14px;
  padding-right: 5px;
}
.ticket-box .ticket-info .total-price {
  color: #666;
}
.ticket-box .ticket-info .btn {
  margin-top: 10px;
}
@media only screen and (max-width: 600px) {
  .ticket-box .ticket-info .price-info {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
  }
  .ticket-box .ticket-info .price-info .m-sep {
    align-items: flex-start;
    justify-content: flex-start;
  }
  .ticket-box .ticket-info .price-info .m-sep > * {
    width: 100%;
  }
}
.flights-search-overlay .overlay-container {
  width: 100%;
  max-width: 768px;
  margin-bottom: 0;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
}
@media only screen and (max-width: 768px) {
  .flights-search-overlay .overlay-container {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    max-width: none;
  }
}
.flights-search-overlay .overlay-container .search-m-content {
  padding: 20px;
}
.flights-search-overlay .overlay-container .wl-search-m-inner .tab {
  margin-bottom: 30px;
  display: flex;
  border: 1px solid #ddd;
  color: #666;
  line-height: 50px;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}
.flights-search-overlay .overlay-container .wl-search-m-inner .tab > * {
  flex: 1;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
}
.flights-search-overlay .overlay-container .wl-search-m-inner .tab > *.is-acted {
  background-color: #00afff;
  color: white;
  border-right: 0 !important;
}
.flights-search-overlay .overlay-container .wl-search-m-inner .tab > *:not(:last-child) {
  border-right: 1px solid #ddd;
}
.flights-search-overlay .overlay-container .wl-search-m-inner .search-title {
  padding: 5px 0;
  font-size: 15px;
  color: #666;
  font-weight: bold;
}
.flights-search-overlay .overlay-container .wl-search-m-inner .search-keyword-block {
  position: relative;
}
.flights-search-overlay .overlay-container .wl-search-m-inner .search-keyword-block .search-recommend-box {
  position: relative;
  top: -26px;
  max-height: 150px;
}
.flights-search-overlay .overlay-container .wl-search-m-inner .search-hotkey-block {
  margin-top: -5px;
  margin-bottom: 20px;
  font-size: 15px;
}
.flights-search-overlay .overlay-container .wl-search-m-inner .search-hotkey-block .mobile-hotkey-list li {
  margin-bottom: 4px;
  display: inline-block;
  vertical-align: middle;
}
.flights-search-overlay .overlay-container .wl-search-m-inner .search-hotkey-block .mobile-hotkey-list li:not(.hotkey-title) {
  margin-right: 10px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
}
.flights-search-overlay .overlay-container .wl-search-m-inner .search-hotkey-block .mobile-hotkey-list li.hotkey-title {
  color: #999;
}
.flights-search-overlay .overlay-container .wl-search-m-inner .search-departure-block {
  position: relative;
}
.flights-search-overlay .overlay-container .wl-search-m-inner .search-departure-block .wl-search-daterange {
  position: relative;
  top: -26px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.flights-search-overlay .overlay-container .wl-search-m-inner .search-departure-block .wl-search-daterange .daterangepicker {
  width: auto;
}
.flights-search-overlay .overlay-container .wl-search-m-inner .location {
  position: relative;
}
.flights-search-overlay .overlay-container .wl-search-m-inner .location .trans-place {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 20px;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 30px;
  height: 35px;
  color: #666;
}
@media only screen and (min-width: 768px) {
  .flights-search-overlay .overlay-container .wl-search-m-inner .location .trans-place:hover {
    color: #00afff;
  }
}
.flights-search-overlay .overlay-container .wl-search-m-inner .form-counter {
  overflow: hidden;
  margin-bottom: 10px;
}
.flights-search-overlay .overlay-container .wl-search-m-inner .flight-row {
  display: flex;
  margin-bottom: 10px;
}
.flights-search-overlay .overlay-container .wl-search-m-inner .flight-row .flight-func {
  width: 40px;
}
.flights-search-overlay .overlay-container .wl-search-m-inner .flight-row .flight-form {
  width: calc(100% - 40px);
}
.flights-search-overlay .overlay-container .wl-search-m-inner .flight-row .flight-clear {
  display: block;
  margin: 0 auto 0;
  width: 30px;
  height: 81px;
  text-align: center;
  background-color: #999;
  color: #fff;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
}
@media only screen and (min-width: 768px) {
  .flights-search-overlay .overlay-container .wl-search-m-inner .flight-row .flight-clear:hover {
    background-color: #757575;
  }
}
@media only screen and (max-width: 768px) {
  .flights-search-overlay .overlay-container .wl-search-m-inner .flight-row .flight-clear {
    height: 176px;
  }
}
.flights-search-overlay .overlay-container .wl-search-m-inner .add-flight {
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: bold;
  color: #00afff;
}
.flights-search-overlay .overlay-container .overlay-footer {
  padding: 20px;
  border-top: 1px solid #eee;
  background-color: white;
  -webkit-border-radius: 0 0 7px 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 7px 7px;
  -moz-background-clip: padding;
  border-radius: 0 0 7px 7px;
  background-clip: padding-box;
}
@media only screen and (max-width: 768px) {
  .flights-search-overlay .overlay-container .overlay-footer {
    width: 100%;
  }
}
.flights-detail {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 30px 20px 50px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media only screen and (max-width: 980px) {
  .flights-detail {
    display: block;
  }
}
@media only screen and (max-width: 580px) {
  .flights-detail {
    padding: 0;
  }
}
.flights-detail .detail-aside,
.flights-detail .detail-content {
  background-color: white;
  border: 1px solid #e5e5e5;
}
@media only screen and (max-width: 580px) {
  .flights-detail .detail-aside,
  .flights-detail .detail-content {
    border: none;
  }
}
.flights-detail .detail-aside {
  padding: 30px;
  width: 300px;
  font-size: 15px;
}
@media only screen and (max-width: 980px) {
  .flights-detail .detail-aside {
    display: none;
  }
}
.flights-detail .detail-content {
  position: relative;
  padding: 30px 30px 50px;
  margin-right: 20px;
  width: calc(100% - 300px - 20px);
}
@media only screen and (max-width: 980px) {
  .flights-detail .detail-content {
    margin-right: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 580px) {
  .flights-detail .detail-content {
    padding: 30px 20px 50px;
  }
}
.flights-detail .detail-title {
  margin-bottom: 5px;
  font-size: 20px;
}
.flights-detail .detail-header {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .flights-detail .detail-header {
    display: block;
  }
}
.flights-detail .ticket-detail-wrap {
  margin-bottom: 40px;
}
.flights-detail .fee-detail-block {
  margin-bottom: 40px;
  display: block;
}
@media only screen and (max-width: 980px) {
  .flights-detail .fee-detail-block {
    display: none;
  }
}
.flights-detail .fee-detail-block.fee-detail-m {
  display: none;
}
@media only screen and (max-width: 980px) {
  .flights-detail .fee-detail-block.fee-detail-m {
    display: block;
  }
}
.flights-detail .fee-detail-block .fee-sub-title {
  margin-bottom: 5px;
  color: #333;
  font-weight: bold;
}
.flights-detail .fee-detail-block .fee-detail-title {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 18px;
  color: #333;
}
.flights-detail .fee-detail-block .fee-detail {
  margin-bottom: 10px;
  padding-bottom: 10px;
  color: #666;
  line-height: 2;
  border-bottom: 1px dotted #ddd;
}
.flights-detail .fee-detail-block .fee-detail li {
  display: flex;
  justify-content: space-between;
}
.flights-detail .fee-detail-block .total {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
}
.flights-detail .fee-detail-block .total .total-num {
  font-size: 22px;
}
.flights-detail .notice-list {
  padding-left: 24px;
  list-style-type: decimal;
}
.flights-detail .notice-list li {
  line-height: 1.8;
  font-size: 15px;
}
.flights-detail .notice-list li.text-warning {
  color: #ff9800;
}
.ticket-detail-box {
  margin: 15px 0;
  border: 1px solid #eee;
}
.ticket-detail-box .data-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  background-color: #fafafa;
  cursor: pointer;
}
@media only screen and (max-width: 1200px) {
  .ticket-detail-box .data-header {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 580px) {
  .ticket-detail-box .data-header {
    padding: 15px;
  }
}
.ticket-detail-box .data-header .flight-index {
  width: 180px;
  font-size: 15px;
}
.ticket-detail-box .data-header .flight-index .flight {
  background-color: #666;
  color: white;
  padding: 6px 8px;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
}
.ticket-detail-box .data-header .flight-index .flight-date {
  padding-top: 10px;
  color: #666;
}
@media only screen and (max-width: 1200px) {
  .ticket-detail-box .data-header .flight-index {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    width: calc(100% - 60px);
    font-size: 14px;
  }
  .ticket-detail-box .data-header .flight-index .flight-date {
    padding-top: 0;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 580px) {
  .ticket-detail-box .data-header .flight-index .flight-date {
    padding-left: 10px;
  }
}
.ticket-detail-box .data-header .flight-info {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  width: calc(100% - 180px - 60px);
}
@media only screen and (max-width: 1200px) {
  .ticket-detail-box .data-header .flight-info {
    width: 100%;
  }
}
@media only screen and (max-width: 580px) {
  .ticket-detail-box .data-header .flight-info {
    padding: 0;
  }
}
.ticket-detail-box .data-header .flight-info .airport {
  position: relative;
  width: 75px;
}
@media only screen and (max-width: 420px) {
  .ticket-detail-box .data-header .flight-info .airport {
    width: 60px;
  }
}
.ticket-detail-box .data-header .flight-info .airport .time {
  font-size: 28px;
  color: #333;
  font-weight: bold;
}
@media only screen and (max-width: 420px) {
  .ticket-detail-box .data-header .flight-info .airport .time {
    font-size: 22px;
  }
}
.ticket-detail-box .data-header .flight-info .airport .airport-code {
  font-size: 16px;
}
.ticket-detail-box .data-header .flight-info .airport .day-off {
  position: absolute;
  top: -14px;
  right: -2px;
  bottom: null;
  left: null;
  z-index: 2;
  font-size: 14px;
}
.ticket-detail-box .data-header .flight-info .airport:first-child {
  text-align: right;
}
.ticket-detail-box .data-header .flight-info .stops {
  width: calc(100% - 150px);
  padding: 0 35px 0 20px;
  text-align: center;
  font-size: 14px;
  color: #666;
}
@media only screen and (max-width: 420px) {
  .ticket-detail-box .data-header .flight-info .stops {
    padding: 0 24px 0 8px;
    width: calc(100% - 120px);
  }
}
.ticket-detail-box .data-header .flight-info .stops .stop-line {
  position: relative;
  margin: 10px 0;
  width: 100%;
  height: 2px;
  background-color: #817b8f;
  text-align: center;
}
.ticket-detail-box .data-header .flight-info .stops .stop-line .stop-dot {
  position: relative;
  margin: 0 4px;
  top: -10px;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  background-color: #ff5452;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
}
.ticket-detail-box .data-header .flight-info .stops .stop-line .icon-flight {
  position: absolute;
  top: -6px;
  right: -18px;
  bottom: null;
  left: null;
  z-index: 1;
  font-size: 14px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #817b8f;
}
.ticket-detail-box .data-header .flight-info .stops .stop-airport {
  padding-top: 5px;
}
.ticket-detail-box .data-header .data-arrow {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #666;
  font-size: 28px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 1200px) {
  .ticket-detail-box .data-header .data-arrow {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    z-index: 2;
  }
}
.ticket-detail-box .data-content {
  padding: 20px;
  display: none;
  font-size: 16px;
}
.ticket-detail-box .data-content .detail-info-title {
  display: flex;
  color: #999;
  font-weight: bold;
}
@media only screen and (max-width: 580px) {
  .ticket-detail-box .data-content .detail-info-title {
    flex-wrap: wrap;
  }
}
.ticket-detail-box .data-content .detail-info-title > * {
  margin-right: 15px;
  font-size: 14px;
}
@media only screen and (max-width: 580px) {
  .ticket-detail-box .data-content .detail-info-title > *.air-name {
    width: calc(100% - 35px - 15px);
  }
  .ticket-detail-box .data-content .detail-info-title > *.air-cabin {
    padding-left: 35px;
  }
}
.ticket-detail-box .data-content .detail-info-title .air-logo {
  margin-right: 10px;
  width: 25px;
}
.ticket-detail-box .data-content .detail-info-title .air-logo img {
  display: block;
  width: 100%;
}
.ticket-detail-box .data-content .detail-info-title .air-name {
  color: #333;
}
.ticket-detail-box .data-content .flight-info {
  display: flex;
  margin: 15px 0;
}
.ticket-detail-box .data-content .flight-info .stop-line {
  position: relative;
  margin: 0 23px 0 11px;
  width: 2px;
  background-color: #b2aebd;
}
.ticket-detail-box .data-content .flight-info .stop-line::after,
.ticket-detail-box .data-content .flight-info .stop-line::before {
  position: absolute;
  left: 50%;
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border: 2px solid #b2aebd;
  background-color: white;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ticket-detail-box .data-content .flight-info .stop-line::after {
  top: 0;
}
.ticket-detail-box .data-content .flight-info .stop-line::before {
  bottom: 0;
}
.ticket-detail-box .data-content .flight-info .stop-info {
  width: calc(100% - 35px);
}
.ticket-detail-box .data-content .flight-info .stop-info span {
  margin-right: 15px;
  font-weight: bold;
}
.ticket-detail-box .data-content .flight-info .transfer-time {
  padding: 5px 0 5px 20px;
  font-size: 14px;
  font-style: italic;
  color: #999;
}
.ticket-detail-box .data-content .transfer-stop-info {
  margin: 10px 0;
  position: relative;
  padding-left: 32px;
  background: url(../public/7rbq4x0/css/white_label_front/../../img/white_label_front/transfer_dot.svg) 10px 0 repeat-y;
  background-size: 4px 10px;
}
.ticket-detail-box .data-content .transfer-stop-info .info-inner {
  padding: 10px 20px;
  background-color: #f2f9ff;
  color: #6b8299;
  font-size: 14px;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
}
.ticket-detail-box.is-open .data-header .data-arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ticket-detail-box.is-open .data-content {
  display: block;
}
.hotels-index .hotels-index-inner {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 500px;
}
.hotels-index .index-bg {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.hotels-index .index-bg::after {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2);
  content: '';
  width: 100%;
  height: 100%;
}
.hotels-index .search-main {
  position: relative;
  z-index: 2;
  padding: 40px 20px;
  width: 100%;
  color: white;
}
.hotels-index .search-main .title {
  text-align: center;
  font-size: 40px;
  letter-spacing: 1;
  font-weight: bold;
  color: white;
}
.hotels-index .search-main .sub-title {
  margin-bottom: 40px;
  text-align: center;
  font-size: 18px;
  font-weight: normal;
}
.hotels-index .search-main .cr {
  padding-bottom: 10px;
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
}
.hotels-index .search-main .radio-group {
  margin-bottom: 30px;
}
.hotels-search-result .wl-header {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.hotels-search-result .search-content {
  display: flex;
  align-items: flex-start;
}
.hotels-search-result .search-content .search-filter-aside {
  width: 300px;
  margin-right: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1200px) {
  .hotels-search-result .search-content .search-filter-aside {
    display: none;
  }
}
.hotels-search-result .search-content .hotels-result-list {
  display: flex;
  flex-flow: wrap;
  width: calc(100% - 300px);
}
@media only screen and (max-width: 1200px) {
  .hotels-search-result .search-content .hotels-result-list {
    width: 100%;
  }
}
.hotels-search-result .search-content .hotels-result-list .hotel-box {
  margin-bottom: 20px;
}
.hotel-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-color: white;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  -webkit-transition: -webkit--webkit-transform 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  -moz-transition: -webkit--moz-transform 0.2s ease, -moz-transform 0.2s ease, -moz-box-shadow 0.2s ease;
  -o-transition: -webkit--o-transform 0.2s ease, -o-transform 0.2s ease, box-shadow 0.2s ease;
  transition: -webkit--webkit-transform 0.2s ease,-webkit--moz-transform 0.2s ease,-webkit--o-transform 0.2s ease,-webkit-transform 0.2s ease,-webkit-transform 0.2s ease,-moz-transform 0.2s ease,-o-transform 0.2s ease,transform 0.2s ease, box-shadow 0.2s ease;
}
@media only screen and (min-width: 768px) {
  .hotel-box:hover {
    -webkit-transform: translate(0, -4px);
    -moz-transform: translate(0, -4px);
    -ms-transform: translate(0, -4px);
    -o-transform: translate(0, -4px);
    transform: translate(0, -4px);
    -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (max-width: 768px) {
  .hotel-box {
    display: block;
  }
}
.hotel-box > div {
  flex: 1;
}
.hotel-box .hotel-cover {
  position: relative;
  width: 270px;
  height: 180px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .hotel-box .hotel-cover {
    display: block;
    width: 100%;
    padding-bottom: 60%;
  }
}
.hotel-box .hotel-cover img {
  position: absolute;
  top: 0;
  right: null;
  bottom: null;
  left: 0;
  z-index: 1;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  opacity: 0;
}
.hotel-box .hotel-main {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 270px);
  flex-basis: calc(100% - 270px);
}
@media only screen and (max-width: 768px) {
  .hotel-box .hotel-main {
    display: block;
    width: 100%;
  }
}
.hotel-box .hotel-main .hotel-info {
  padding: 20px;
  width: calc(100% - 200px);
  border-right: 1px solid #eee;
}
@media only screen and (max-width: 768px) {
  .hotel-box .hotel-main .hotel-info {
    width: 100%;
    padding-bottom: 0;
    border-right: 0;
  }
}
.hotel-box .hotel-main .hotel-info .hotel-name {
  margin-bottom: 5px;
}
.hotel-box .hotel-main .hotel-info .hotel-name a {
  color: #333;
  font-size: 22px;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
  .hotel-box .hotel-main .hotel-info .hotel-name a {
    font-size: 18px;
  }
}
.hotel-box .hotel-main .price-info {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding: 20px 15px 20px 15px;
  width: 200px;
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  .hotel-box .hotel-main .price-info {
    display: block;
    width: 100%;
    padding-top: 0;
  }
}
.hotel-box .hotel-main .price-info .price-wrap {
  width: 100%;
  text-align: right;
}
.hotel-box .hotel-main .price-info .price-wrap .tip-text {
  font-size: 13px;
}
.hotel-box .hotel-main .price-info .price-wrap .price {
  font-size: 32px;
  font-weight: bold;
  color: #ff9a14;
}
.hotel-box .hotel-main .price-info .price-wrap .price .unit {
  font-size: 14px;
  padding-right: 5px;
}
@media only screen and (max-width: 768px) {
  .hotel-box .hotel-main .price-info .price-wrap .price {
    font-size: 28px;
  }
}
.hotel-box .hotel-main .price-info .price-wrap .btn {
  margin-top: 10px;
}
.hotel-box .hotel-main .price-info .price-wrap > * {
  display: block;
  width: 100%;
}
.child-age-list {
  display: flex;
  flex-wrap: wrap;
}
.child-age-list .child-item {
  width: calc(33.333% - 13.333px);
  margin-bottom: 10px;
  margin-right: 20px;
}
.child-age-list .child-item:nth-child(3n) {
  margin-right: 0;
}
.child-age-list .child-item .child-age-title {
  margin-bottom: 5px;
  font-size: 14px;
  color: #333;
  font-weight: bold;
}
.child-age-list .child-item .child-age-select {
  padding-left: 10px;
  height: 37px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #dcd8d8;
  background-color: white;
  font-size: 14px;
}
.hotel-search-overlay .overlay-container {
  width: 100%;
  max-width: 500px;
  margin-bottom: 0;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
}
@media only screen and (max-width: 768px) {
  .hotel-search-overlay .overlay-container {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    max-width: none;
  }
}
.hotel-search-overlay .overlay-container .wl-search-m-inner {
  padding: 20px;
}
.hotel-search-overlay .overlay-container .wl-search-m-inner .search-title {
  padding: 15px 0 5px;
  font-size: 15px;
  color: #666;
  font-weight: bold;
}
.hotel-search-overlay .overlay-container .wl-search-m-inner .form-counter {
  overflow: hidden;
  margin-bottom: 10px;
}
.hotel-search-overlay .overlay-container .overlay-footer {
  padding: 20px;
  border-top: 1px solid #eee;
  background-color: white;
  -webkit-border-radius: 0 0 7px 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 7px 7px;
  -moz-background-clip: padding;
  border-radius: 0 0 7px 7px;
  background-clip: padding-box;
}
@media only screen and (max-width: 768px) {
  .hotel-search-overlay .overlay-container .overlay-footer {
    width: 100%;
  }
}
.hotel-detail {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 30px 20px 50px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media only screen and (max-width: 980px) {
  .hotel-detail {
    display: block;
  }
}
@media only screen and (max-width: 580px) {
  .hotel-detail {
    padding: 0;
  }
}
.hotel-detail .detail-aside,
.hotel-detail .detail-content {
  background-color: white;
  border: 1px solid #e5e5e5;
}
@media only screen and (max-width: 580px) {
  .hotel-detail .detail-aside,
  .hotel-detail .detail-content {
    border: none;
  }
}
.hotel-detail .m-search-room {
  margin-bottom: 20px;
  display: none;
}
@media only screen and (max-width: 980px) {
  .hotel-detail .m-search-room {
    display: block;
  }
}
.hotel-detail .m-search-room .search-bar {
  display: flex;
  flex-wrap: wrap;
  padding: 12px;
  background-color: #515b62;
}
.hotel-detail .m-search-room .search-block {
  padding-left: 10px;
  width: calc(100% - 35px);
}
.hotel-detail .m-search-room .search-block > input {
  display: block;
  width: 100%;
  font-size: 15px;
  border: 0;
  padding: 0;
}
.hotel-detail .m-search-room .search-type {
  padding: 5px 10px;
  width: calc(50% - 77.5px);
  margin-right: 10px;
  display: flex;
  align-items: center;
  position: relative;
  background-color: white;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
}
.hotel-detail .m-search-room .search-type i {
  color: #ccc;
}
@media only screen and (max-width: 800px) {
  .hotel-detail .m-search-room .search-type {
    padding: 8px 10px;
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
  }
}
@media only screen and (max-width: 800px) {
  .hotel-detail .m-search-room .btn {
    width: 100%;
  }
}
.hotel-detail .m-search-room .search-type-title {
  margin-bottom: 2px;
  font-size: 13px;
  font-weight: bold;
}
.hotel-detail .m-search-room .toggle-popblock {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 48px;
}
.hotel-detail .m-search-room .popblock {
  position: absolute;
  top: calc(100% + 15px);
  right: auto;
  bottom: auto;
  left: 40px;
  z-index: 2;
  width: 250px;
  padding: 15px;
  background-color: white;
  color: #333;
  border: 1px solid #e6e4eb;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 4px 14px 0 rgba(37, 32, 31, 0.25);
  -moz-box-shadow: 0 4px 14px 0 rgba(37, 32, 31, 0.25);
  box-shadow: 0 4px 14px 0 rgba(37, 32, 31, 0.25);
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  -ms-transform: translateY(8px);
  -o-transform: translateY(8px);
  transform: translateY(8px);
  -webkit-transition: -webkit--webkit-transform 0.2s ease, -webkit-transform 0.2s ease, opacity 0.2s ease;
  -moz-transition: -webkit--moz-transform 0.2s ease, -moz-transform 0.2s ease, opacity 0.2s ease;
  -o-transition: -webkit--o-transform 0.2s ease, -o-transform 0.2s ease, opacity 0.2s ease;
  transition: -webkit--webkit-transform 0.2s ease,-webkit--moz-transform 0.2s ease,-webkit--o-transform 0.2s ease,-webkit-transform 0.2s ease,-webkit-transform 0.2s ease,-moz-transform 0.2s ease,-o-transform 0.2s ease,transform 0.2s ease, opacity 0.2s ease;
}
.hotel-detail .m-search-room .popblock.is-acted {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  pointer-events: auto;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.hotel-detail .m-search-room .popblock::after {
  content: '';
  position: absolute;
  background: #fff;
  border-top: 1px solid #e6e4eb;
  border-right: 1px solid #e6e4eb;
  width: 10px;
  height: 10px;
  bottom: calc(100% - 4px);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}
.hotel-detail .m-search-room .popblock .form-counter {
  margin-bottom: 10px;
}
.hotel-detail .m-search-room .popblock .child-age-list {
  padding-top: 20px;
}
.hotel-detail .m-search-room .popblock .child-age-list .child-item {
  width: calc(50% - 10px);
}
.hotel-detail .m-search-room .popblock .child-age-list .child-item:nth-child(3n) {
  margin-right: 20px;
}
.hotel-detail .m-search-room .popblock .child-age-list .child-item:nth-child(2n) {
  margin-right: 0;
}
.hotel-detail .detail-aside {
  display: block;
  margin-bottom: 40px;
  padding: 30px;
  width: 300px;
  font-size: 15px;
}
@media only screen and (max-width: 980px) {
  .hotel-detail .detail-aside {
    display: none;
  }
}
.hotel-detail .detail-aside .aside-title {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 18px;
  color: #333;
}
.hotel-detail .detail-aside .aside-sub-title {
  margin-bottom: 5px;
  color: #333;
  font-weight: bold;
}
.hotel-detail .detail-aside .search-type {
  position: relative;
  margin-bottom: 20px;
}
.hotel-detail .detail-aside .search-type > .form-control {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: block;
  width: 100%;
  height: 46px;
  padding: 0 15px;
  border: 1px solid #dcd8d8;
  background-color: white;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  font-size: 15px;
  color: #666;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-clip: padding-box;
}
.hotel-detail .detail-aside .tip-text {
  padding-top: 15px;
  text-align: center;
  font-size: 14px;
}
.hotel-detail .detail-aside .toggle-popblock {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 48px;
}
.hotel-detail .detail-aside .popblock {
  position: absolute;
  top: calc(100% + 15px);
  right: auto;
  bottom: auto;
  left: 0;
  z-index: 2;
  width: 250px;
  padding: 15px;
  background-color: white;
  color: #333;
  border: 1px solid #e6e4eb;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 4px 14px 0 rgba(37, 32, 31, 0.25);
  -moz-box-shadow: 0 4px 14px 0 rgba(37, 32, 31, 0.25);
  box-shadow: 0 4px 14px 0 rgba(37, 32, 31, 0.25);
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  -ms-transform: translateY(8px);
  -o-transform: translateY(8px);
  transform: translateY(8px);
  -webkit-transition: -webkit--webkit-transform 0.2s ease, -webkit-transform 0.2s ease, opacity 0.2s ease;
  -moz-transition: -webkit--moz-transform 0.2s ease, -moz-transform 0.2s ease, opacity 0.2s ease;
  -o-transition: -webkit--o-transform 0.2s ease, -o-transform 0.2s ease, opacity 0.2s ease;
  transition: -webkit--webkit-transform 0.2s ease,-webkit--moz-transform 0.2s ease,-webkit--o-transform 0.2s ease,-webkit-transform 0.2s ease,-webkit-transform 0.2s ease,-moz-transform 0.2s ease,-o-transform 0.2s ease,transform 0.2s ease, opacity 0.2s ease;
}
.hotel-detail .detail-aside .popblock.is-acted {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  pointer-events: auto;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.hotel-detail .detail-aside .popblock::after {
  content: '';
  position: absolute;
  background: #fff;
  border-top: 1px solid #e6e4eb;
  border-right: 1px solid #e6e4eb;
  width: 10px;
  height: 10px;
  bottom: calc(100% - 4px);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}
.hotel-detail .detail-aside .popblock .form-counter {
  margin-bottom: 10px;
}
.hotel-detail .detail-aside .popblock .child-age-list {
  padding-top: 20px;
}
.hotel-detail .detail-aside .popblock .child-age-list .child-item {
  width: calc(50% - 10px);
}
.hotel-detail .detail-aside .popblock .child-age-list .child-item:nth-child(3n) {
  margin-right: 20px;
}
.hotel-detail .detail-aside .popblock .child-age-list .child-item:nth-child(2n) {
  margin-right: 0;
}
.hotel-detail .detail-content {
  position: relative;
  padding: 30px 30px 50px;
  margin-right: 20px;
  width: calc(100% - 300px - 20px);
}
@media only screen and (max-width: 980px) {
  .hotel-detail .detail-content {
    margin-right: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 580px) {
  .hotel-detail .detail-content {
    padding: 30px 20px 50px;
  }
}
.hotel-detail .detail-content .detail-title {
  font-size: 18px;
  margin-bottom: 8px;
  line-height: 1.2;
}
.hotel-detail .detail-content .detail-header .detail-title {
  font-size: 28px;
}
@media only screen and (max-width: 768px) {
  .hotel-detail .detail-content .detail-header .detail-title {
    font-size: 24px;
  }
}
.hotel-detail .detail-content .detail-header .contact-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 14px;
  color: #999;
}
.hotel-detail .detail-content .detail-header .contact-info li {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.hotel-detail .detail-content .detail-header .contact-info .hotel-star {
  font-size: 18px;
}
.hotel-detail .detail-content .detail-header .contact-info i {
  margin-right: 2px;
  color: #006be2;
  font-size: 22px;
}
.hotel-detail .detail-content .detail-header .privew-img {
  margin: 20px 0;
  overflow: hidden;
}
.hotel-detail .detail-content .detail-header .privew-img li {
  position: relative;
  margin-bottom: 8px;
  float: left;
  width: calc(30% - 4px);
  height: 128px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  cursor: pointer;
}
.hotel-detail .detail-content .detail-header .privew-img li:first-child {
  margin-right: 8px;
  width: calc(70% - 4px);
  height: 400px;
}
.hotel-detail .detail-content .detail-header .privew-img li .more-cover {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0.2;
  z-index: null;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .hotel-detail .detail-content .detail-header .privew-img li {
    display: none;
  }
  .hotel-detail .detail-content .detail-header .privew-img li:first-child {
    display: block;
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 580px) {
  .hotel-detail .detail-content .detail-header .privew-img li:first-child {
    height: auto;
    padding-bottom: 40%;
  }
}
.hotel-detail .detail-content .hotel-summery {
  margin-bottom: 30px;
}
.hotel-detail .detail-content .hotel-summery .feature-icon-list {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.hotel-detail .detail-content .hotel-summery .feature-icon-list .feature-item {
  text-align: center;
  color: #666;
}
.hotel-detail .detail-content .hotel-summery .feature-icon-list .feature-item i {
  font-size: 36px;
}
.hotel-detail .detail-content .hotel-summery .feature-icon-list .feature-item .feature-title {
  padding: 4px 0;
  font-size: 12px;
  color: #333;
}
.hotel-detail .detail-content .hotel-summery .summery {
  color: #666;
  font-size: 15px;
  line-height: 1.8;
  font-style: italic;
}
.hotel-detail .detail-content .hotel-summery .summery-toggle {
  margin: 10px 0;
  display: flex;
  align-items: center;
  color: #00afff;
  font-size: 14px;
  font-weight: bold;
}
.hotel-detail .detail-content .room-list {
  margin-bottom: 30px;
}
.hotel-detail .detail-content .facitity-list {
  margin-bottom: 30px;
  padding-top: 10px;
}
.hotel-detail .detail-content .m-search-bar {
  background-color: #515b62;
}
.room-box {
  margin: 15px 0;
  border: 1px solid #eee;
}
.room-box .room-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  background-color: #fafafa;
  font-weight: bold;
}
.room-box .room-content {
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
}
.room-box .room-content .room-img {
  position: relative;
  width: 280px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .room-box .room-content .room-img {
    width: 100%;
    padding-bottom: 40%;
  }
}
.room-box .room-content .room-img .more-cover {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  color: white;
  background-color: rgba(0, 0, 0, 0.4);
}
.room-box .room-content .room-main {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 280px);
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  .room-box .room-content .room-main {
    width: 100%;
  }
}
.room-box .room-content .room-main > * {
  padding: 10px;
  width: 33.333%;
  border-right: 1px solid #eee;
  border-top: 1px solid #eee;
  color: #666;
}
.room-box .room-content .room-main > *:nth-child(3n) {
  border-right: 0;
}
.room-box .room-content .room-main > *.room-title {
  font-weight: bold;
  color: #333;
}
.room-box .room-content .room-main > *.room-detail-content .room-pop-toggle {
  display: block;
  padding-top: 5px;
  color: #00afff;
  font-weight: bold;
  font-size: 14px;
}
.room-box .room-content .room-main > *.room-detail-content .price {
  color: #333;
  font-weight: bold;
  font-size: 22px;
}
.room-box .room-content .room-main > *.room-detail-content .warning {
  padding: 4px 0;
  font-size: 14px;
  color: #ff5452;
}
.room-box .room-content .room-main > *.room-detail-content .warning i {
  margin-right: 2px;
  font-size: 12px;
}
.room-box .room-content .room-main > *.room-price {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  border-right: 0;
  color: #ff9a14;
  font-weight: bold;
}
.room-box .room-content .room-main > *.room-price .warning {
  padding: 0 10px;
}
@media only screen and (max-width: 380px) {
  .room-box .room-content .room-main > *.room-price .warning {
    padding-bottom: 8px;
    width: 100%;
    text-align: center;
  }
  .room-box .room-content .room-main > *.room-price .btn {
    width: 100%;
  }
}
@media only screen and (max-width: 1200px) {
  .room-box .room-content .room-main > * {
    width: 50%;
  }
  .room-box .room-content .room-main > *.room-limit {
    display: none;
  }
}
.facitity-box {
  display: flex;
  border: 1px solid #eee;
  border-bottom: 0;
}
.facitity-box:last-child {
  border-bottom: 1px solid #eee;
}
@media only screen and (max-width: 768px) {
  .facitity-box {
    flex-wrap: wrap;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
  }
}
.facitity-box .facitity-header {
  width: 105px;
  background-color: #fafafa;
  font-weight: bold;
  font-size: 16px;
  padding: 15px 20px;
}
@media only screen and (max-width: 768px) {
  .facitity-box .facitity-header {
    width: 100%;
  }
}
.facitity-box .facitity-content {
  width: calc(100% - 105px);
  padding: 15px 20px;
}
@media only screen and (max-width: 768px) {
  .facitity-box .facitity-content {
    width: 100%;
  }
}
.facitity-box .facitity-content .facitity-title {
  font-weight: bold;
  font-size: 16px;
}
.facitity-box .facitity-content ul {
  display: flex;
  flex-wrap: wrap;
  padding: 5px 20px 10px;
  margin-bottom: 15px;
  border-bottom: 1px #eee solid;
}
.facitity-box .facitity-content ul:last-child {
  margin-bottom: 0;
  border: 0;
}
.facitity-box .facitity-content ul li {
  width: 50%;
  list-style-type: disc;
  font-size: 15px;
  line-height: 1.8;
}
@media only screen and (max-width: 580px) {
  .facitity-box .facitity-content ul li {
    width: 100%;
  }
}
.preview-photo-overlay .overlay-container {
  width: 100%;
  max-width: 800px;
  background-color: transparent;
}
.preview-photo-overlay .overlay-container .close-btn {
  right: -60px;
}
.preview-photo-overlay .overlay-container .close-btn::before,
.preview-photo-overlay .overlay-container .close-btn::after {
  background-color: white;
  width: 45px;
  height: 3px;
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
}
@media only screen and (max-width: 920px) {
  .preview-photo-overlay .overlay-container .close-btn {
    right: 0;
  }
}
.preview-photo-overlay .overlay-container .swiper-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.preview-photo-overlay .overlay-container .swiper-slide {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.preview-photo-overlay .overlay-container .gallery-top {
  width: 100%;
  max-width: 800px;
}
.preview-photo-overlay .overlay-container .gallery-top .img {
  display: block;
  width: 100%;
  padding-bottom: 60%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.preview-photo-overlay .overlay-container .gallery-thumbs {
  max-width: 800px;
  overflow: hidden;
  height: 20%;
  padding: 10px 0;
}
.preview-photo-overlay .overlay-container .gallery-thumbs .swiper-slide {
  height: 80px;
  opacity: 0.6;
  cursor: pointer;
}
.preview-photo-overlay .overlay-container .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
.preview-photo-overlay .overlay-container .button-next,
.preview-photo-overlay .overlay-container .button-prev {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 30px;
  height: 30px;
  border: solid white;
  border-width: 0 3px 3px 0;
  padding: 3px;
}
.preview-photo-overlay .overlay-container .button-next {
  right: 15px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.preview-photo-overlay .overlay-container .button-prev {
  left: 15px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.preview-photo-overlay .overlay-container .swiper-pagination {
  position: relative;
  bottom: 0;
  color: white;
  font-weight: bold;
  letter-spacing: -1px;
}
.room-detail-overlay .overlay-container {
  width: 100%;
  max-width: 800px;
  margin-bottom: 30px;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
}
@media only screen and (max-width: 768px) {
  .room-detail-overlay .overlay-container {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    max-width: none;
  }
}
.room-detail-overlay .overlay-container .room-name {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: bold;
}
.room-detail-overlay .overlay-container .overlay-main {
  padding: 20px;
}
.room-detail-overlay .overlay-container .overlay-main .swiper-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.room-detail-overlay .overlay-container .overlay-main .swiper-slide {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.room-detail-overlay .overlay-container .overlay-main .room-gallery-top {
  width: 100%;
  max-width: 800px;
}
.room-detail-overlay .overlay-container .overlay-main .room-gallery-top .img {
  display: block;
  width: 100%;
  padding-bottom: 60%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.room-detail-overlay .overlay-container .overlay-main .room-gallery-thumbs {
  max-width: 800px;
  overflow: hidden;
  height: 20%;
  padding: 10px 0;
}
.room-detail-overlay .overlay-container .overlay-main .room-gallery-thumbs .swiper-slide {
  height: 80px;
  opacity: 0.6;
  cursor: pointer;
}
.room-detail-overlay .overlay-container .overlay-main .room-gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
.room-detail-overlay .overlay-container .overlay-main .room-button-next,
.room-detail-overlay .overlay-container .overlay-main .room-button-prev {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 30px;
  height: 30px;
  border: solid white;
  border-width: 0 3px 3px 0;
  padding: 3px;
}
.room-detail-overlay .overlay-container .overlay-main .room-button-next {
  right: 15px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.room-detail-overlay .overlay-container .overlay-main .room-button-prev {
  left: 15px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.room-detail-overlay .overlay-container .overlay-main .room-swiper-pagination {
  position: relative;
  bottom: 0;
  color: white;
  font-weight: bold;
  letter-spacing: -1px;
}
.room-detail-overlay .overlay-container .overlay-main .facitity-box {
  border: 0;
}
.room-detail-overlay .overlay-container .overlay-main .facitity-box .facitity-content {
  width: 100%;
  padding: 0;
}
.room-detail-overlay .overlay-container .overlay-main .facitity-box .facitity-content ul li {
  width: 33.333%;
}
@media only screen and (max-width: 580px) {
  .room-detail-overlay .overlay-container .overlay-main .facitity-box .facitity-content ul li {
    width: 50%;
  }
}
.room-detail-overlay .overlay-container .overlay-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 20px;
  border-top: 1px solid #eee;
  background-color: white;
  -webkit-border-radius: 0 0 7px 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 7px 7px;
  -moz-background-clip: padding;
  border-radius: 0 0 7px 7px;
  background-clip: padding-box;
}
.room-detail-overlay .overlay-container .overlay-footer .room-price {
  margin-right: 20px;
  font-size: 24px;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .room-detail-overlay .overlay-container .overlay-footer {
    width: 100%;
  }
}
.group-search-result {
  padding-top: 60px;
}
.group-search-result .wl-header {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.group-search-result .sr-filter-bar {
  position: fixed;
  top: 60px;
  left: 0;
  z-index: 99;
  background-color: rgba(255, 255, 255, 0.95);
}
.group-search-result .sr-filter-bar .filter-m {
  height: 80px;
}
.group-search-result .wl-section-block {
  padding-top: 60px;
}
.group-search-result .search-content {
  display: flex;
  align-items: flex-start;
}
.group-search-result .search-content .search-filter-aside {
  width: 300px;
  margin-right: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1200px) {
  .group-search-result .search-content .search-filter-aside {
    display: none;
  }
}
.group-search-result .search-content .group-result-list {
  display: flex;
  flex-flow: wrap;
  width: calc(100% - 300px);
}
@media only screen and (max-width: 1200px) {
  .group-search-result .search-content .group-result-list {
    width: 100%;
    padding-top: 90px;
  }
}
.group-search-result .search-content .group-result-list .group-box {
  margin-bottom: 20px;
}
.group-search-result .search-content .group-result-list .pagination ul li.active {
  background-color: white;
}
.group-search-result .group-statis-block {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 15px;
  height: 45px;
}
.group-search-result .group-statis-block > * {
  display: inline-block;
  height: 100%;
  line-height: 45px;
}
.group-search-result .group-statis-block .group-share {
  position: relative;
  width: 150px;
  text-align: center;
  background-color: #2a8dbd;
  color: white;
  margin-right: 15px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 2px 7px 0 rgba(0, 0, 0, 0.12);
}
.group-search-result .group-statis-block .group-share:hover {
  cursor: pointer;
  background-color: #1c76a8;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.group-search-result .group-statis-block .group-share i {
  display: inline-block;
  height: 100%;
  line-height: 42px;
  font-size: 15px;
  margin-right: 6px;
}
@media only screen and (max-width: 768px) {
  .group-search-result .group-statis-block .group-share {
    width: 45px;
    box-shadow: none;
    margin-right: 0;
  }
  .group-search-result .group-statis-block .group-share .share-text {
    display: none;
  }
  .group-search-result .group-statis-block .group-share i {
    margin-right: 0;
  }
}
.group-search-result .group-statis-block .group-share .share-menu {
  position: absolute;
  display: inline-block;
  width: 160px;
  top: 100%;
  left: 0;
  background-color: rgba(0, 0, 0, 0.77);
  z-index: 5;
  padding: 7px 20px;
  margin-top: 5px;
  border-radius: 5px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.group-search-result .group-statis-block .group-share .share-menu > * {
  display: inline-block;
  width: 122px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  font-weight: bold;
  color: white;
  border-radius: 3px;
  border-color: none;
}
.group-search-result .group-statis-block .group-share .share-menu > *:hover {
  cursor: pointer;
}
.group-search-result .group-statis-block .group-share .share-menu i {
  font-size: 18px;
  border-top: 1px solid #313131;
  border-radius: 0;
}
.group-search-result .group-statis-block .group-statis-detail {
  padding-left: 10px;
  background: white;
  width: calc(100% - 150px);
}
.group-search-result .group-statis-block .group-statis-detail .title {
  font-size: 18px;
}
.group-search-result .group-statis-block .group-statis-detail .num {
  color: #fd992d;
  margin: 0 3px;
  font-size: 16px;
}
.group-search-result .group-statis-block .group-statis-detail .pc .page {
  color: #7f7f7f;
}
@media only screen and (max-width: 768px) {
  .group-search-result .group-statis-block .group-statis-detail {
    width: calc(100% - 45px);
  }
  .group-search-result .group-statis-block .group-statis-detail .pc {
    display: none;
  }
}
.group-search-result .group-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-color: white;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
  -webkit-transition: -webkit--webkit-transform 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  -moz-transition: -webkit--moz-transform 0.2s ease, -moz-transform 0.2s ease, -moz-box-shadow 0.2s ease;
  -o-transition: -webkit--o-transform 0.2s ease, -o-transform 0.2s ease, box-shadow 0.2s ease;
  transition: -webkit--webkit-transform 0.2s ease,-webkit--moz-transform 0.2s ease,-webkit--o-transform 0.2s ease,-webkit-transform 0.2s ease,-webkit-transform 0.2s ease,-moz-transform 0.2s ease,-o-transform 0.2s ease,transform 0.2s ease, box-shadow 0.2s ease;
}
@media only screen and (min-width: 768px) {
  .group-search-result .group-box:hover {
    -webkit-transform: translate(0, -4px);
    -moz-transform: translate(0, -4px);
    -ms-transform: translate(0, -4px);
    -o-transform: translate(0, -4px);
    transform: translate(0, -4px);
    -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (max-width: 768px) {
  .group-search-result .group-box {
    display: block;
  }
}
.group-search-result .group-box > div {
  flex: 1;
}
.group-search-result .group-box .group-cover {
  position: relative;
  width: 270px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .group-search-result .group-box .group-cover {
    display: block;
    width: 100%;
    padding-bottom: 60%;
  }
}
.group-search-result .group-box .group-cover img {
  position: absolute;
  top: 0;
  right: null;
  bottom: null;
  left: 0;
  z-index: 1;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  opacity: 0;
}
.group-search-result .group-box .group-main {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 270px);
  flex-basis: calc(100% - 270px);
}
@media only screen and (max-width: 768px) {
  .group-search-result .group-box .group-main {
    display: block;
    width: 100%;
  }
}
.group-search-result .group-box .group-main .group-info {
  padding: 20px;
  width: calc(100% - 200px);
  border-right: 1px solid #eee;
}
@media only screen and (max-width: 768px) {
  .group-search-result .group-box .group-main .group-info {
    width: 100%;
    padding-bottom: 0;
    border-right: 0;
  }
}
.group-search-result .group-box .group-main .group-info .group-name {
  margin-bottom: 5px;
}
.group-search-result .group-box .group-main .group-info .group-name a {
  color: #333;
  font-size: 16px;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
  .group-search-result .group-box .group-main .group-info .group-name a {
    font-size: 16px;
  }
}
.group-search-result .group-box .group-main .group-info .group-detail {
  margin-bottom: 5px;
  font-size: 14px;
  color: #666;
}
.group-search-result .group-box .group-main .group-info .group-detail i {
  margin-right: 5px;
  font-size: 18px;
}
.group-search-result .group-box .group-main .group-info .group-detail > * {
  display: inline-block;
  vertical-align: middle;
}
.group-search-result .group-box .group-main .group-info .group-list li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 5px;
}
.group-search-result .group-box .group-main .group-info .group-list li a {
  padding: 5px;
  font-size: 12px;
  background-color: #d9edf7;
  border-color: #bce8f1;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
}
@media only screen and (min-width: 768px) {
  .group-search-result .group-box .group-main .group-info .group-list li a:hover {
    background-color: #b7e4fb;
  }
}
.group-search-result .group-box .group-main .price-info {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding: 20px 15px 20px 15px;
  width: 200px;
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  .group-search-result .group-box .group-main .price-info {
    display: block;
    width: 100%;
    padding-top: 0;
  }
}
.group-search-result .group-box .group-main .price-info .price-wrap {
  width: 100%;
  text-align: right;
}
.group-search-result .group-box .group-main .price-info .price-wrap .price {
  font-size: 32px;
  font-weight: bold;
  color: #ff9a14;
  background: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.group-search-result .group-box .group-main .price-info .price-wrap .price .unit {
  font-size: 14px;
  padding-right: 5px;
}
@media only screen and (max-width: 768px) {
  .group-search-result .group-box .group-main .price-info .price-wrap .price {
    font-size: 28px;
  }
}
.group-search-result .group-box .group-main .price-info .price-wrap .btn {
  margin-top: 10px;
}
.group-search-result .group-box .group-main .price-info .price-wrap > * {
  display: block;
  width: 100%;
}
.group-search-overlay .overlay-container {
  width: 100%;
  max-width: 500px;
  margin-bottom: 0;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
}
@media only screen and (max-width: 768px) {
  .group-search-overlay .overlay-container {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    max-width: none;
  }
}
.group-search-overlay .overlay-container .search-m-content {
  padding: 20px;
}
.group-search-overlay .overlay-container .wl-search-m-inner .tab {
  margin-bottom: 10px;
  display: flex;
  border: 1px solid #ddd;
  color: #666;
  line-height: 50px;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}
.group-search-overlay .overlay-container .wl-search-m-inner .tab > * {
  flex: 1;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
}
.group-search-overlay .overlay-container .wl-search-m-inner .tab > *.is-acted {
  background-color: #00afff;
  color: white;
  border-right: 0 !important;
}
.group-search-overlay .overlay-container .wl-search-m-inner .tab > *:not(:last-child) {
  border-right: 1px solid #ddd;
}
.group-search-overlay .overlay-container .wl-search-m-inner .search-title {
  padding: 5px 0;
  font-size: 15px;
  color: #666;
  font-weight: bold;
}
.group-search-overlay .overlay-container .wl-search-m-inner .search-keyword-block {
  position: relative;
}
.group-search-overlay .overlay-container .wl-search-m-inner .search-keyword-block .search-recommend-box {
  position: relative;
  top: -26px;
  max-height: 150px;
}
.group-search-overlay .overlay-container .wl-search-m-inner .search-hotkey-block {
  margin-top: -5px;
  margin-bottom: 20px;
  font-size: 15px;
}
.group-search-overlay .overlay-container .wl-search-m-inner .search-hotkey-block .mobile-hotkey-list li {
  margin-bottom: 4px;
  display: inline-block;
  vertical-align: middle;
}
.group-search-overlay .overlay-container .wl-search-m-inner .search-hotkey-block .mobile-hotkey-list li:not(.hotkey-title) {
  margin-right: 10px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
}
.group-search-overlay .overlay-container .wl-search-m-inner .search-hotkey-block .mobile-hotkey-list li.hotkey-title {
  color: #999;
}
.group-search-overlay .overlay-container .wl-search-m-inner .search-departure-block {
  position: relative;
}
.group-search-overlay .overlay-container .wl-search-m-inner .search-departure-block .wl-search-daterange {
  position: relative;
  top: -26px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.group-search-overlay .overlay-container .wl-search-m-inner .search-departure-block .wl-search-daterange .daterangepicker {
  width: auto;
}
.group-search-overlay .overlay-container .wl-search-m-inner .location {
  position: relative;
}
.group-search-overlay .overlay-container .wl-search-m-inner .location .trans-place {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 20px;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 30px;
  height: 35px;
  color: #666;
}
@media only screen and (min-width: 768px) {
  .group-search-overlay .overlay-container .wl-search-m-inner .location .trans-place:hover {
    color: #00afff;
  }
}
.group-search-overlay .overlay-container .wl-search-m-inner .form-counter {
  overflow: hidden;
  margin-bottom: 10px;
}
.group-search-overlay .overlay-container .wl-search-m-inner .flight-row {
  display: flex;
  margin-bottom: 10px;
}
.group-search-overlay .overlay-container .wl-search-m-inner .flight-row .flight-func {
  width: 40px;
}
.group-search-overlay .overlay-container .wl-search-m-inner .flight-row .flight-form {
  width: calc(100% - 40px);
}
.group-search-overlay .overlay-container .wl-search-m-inner .flight-row .flight-clear {
  display: block;
  margin: 0 auto 0;
  width: 30px;
  height: 81px;
  text-align: center;
  background-color: #999;
  color: #fff;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
}
@media only screen and (min-width: 768px) {
  .group-search-overlay .overlay-container .wl-search-m-inner .flight-row .flight-clear:hover {
    background-color: #757575;
  }
}
@media only screen and (max-width: 768px) {
  .group-search-overlay .overlay-container .wl-search-m-inner .flight-row .flight-clear {
    height: 176px;
  }
}
.group-search-overlay .overlay-container .wl-search-m-inner .add-flight {
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: bold;
  color: #00afff;
}
.group-search-overlay .overlay-container .overlay-footer {
  padding: 20px;
  border-top: 1px solid #eee;
  background-color: white;
  -webkit-border-radius: 0 0 7px 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 7px 7px;
  -moz-background-clip: padding;
  border-radius: 0 0 7px 7px;
  background-clip: padding-box;
}
@media only screen and (max-width: 768px) {
  .group-search-overlay .overlay-container .overlay-footer {
    width: 100%;
  }
}