@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}

body {
  line-height: 1
}

ol, ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

blockquote:before, blockquote:after {
  content: '';
  content: none
}

q:before, q:after {
  content: '';
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

::-webkit-input-placeholder {
  color: #ddd!important
}

:-moz-placeholder {
  color: #ddd!important
}

::-moz-placeholder {
  color: #ddd!important
}

:-ms-input-placeholder {
  color: #ddd!important
}

.empty {
  color: #ddd
}

/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden], template {
  display: none
}

a {
  background-color: transparent
}

a:active, a:hover {
  outline: 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b, strong {
  font-weight: bold
}

dfn {
  font-style: italic
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

mark {
  background: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

img {
  border: 0
}

pvg:not(:root) {
  overflow: hidden
}

figure {
  margin: 1em 40px
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}

pre {
  overflow: auto
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button, select {
  text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled], html input[disabled] {
  cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  line-height: normal;
  color: #0054a4
}

input[type="checkbox"], input[type="radio"] {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: bold
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

td, th {
  padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
  *, *:before, *:after {
    box-shadow: none!important;
    text-shadow: none!important
  }
  a, a:visited {
    text-decoration: underline
  }
  a[href]:after {
    content: " (" attr(href) ")"
  }
  abbr[title]:after {
    content: " (" attr(title) ")"
  }
  a[href^="#"]:after, a[href^="javascript:"]:after {
    content: ""
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid
  }
  thead {
    display: table-header-group
  }
  tr, img {
    page-break-inside: avoid
  }
  img {
    max-width: 100%!important
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3
  }
  h2, h3 {
    page-break-after: avoid
  }
  .navbar {
    display: none
  }
  .btn>.caret, .dropup>.btn>.caret {
    border-top-color: #000!important
  }
  .label {
    border: 1px solid #000
  }
  .table {
    border-collapse: collapse!important
  }
  .table td, .table th {
    background-color: #fff!important
  }
  .table-bordered th, .table-bordered td {
    border: 1px solid #ddd!important
  }
}

* {
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

*:before, *:after {
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent
}

body {
  font-family: Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.42857;
  color: #333;
  background-color: #fff
}

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

a {
  color: #337ab7;
  text-decoration: none
}

a:hover, a:focus {
  color: #23527c;
  text-decoration: underline
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

figure {
  margin: 0
}

img {
  vertical-align: middle
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto
}

.img-rounded {
  border-radius: 6px
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  transition: all .2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto
}

.img-circle {
  border-radius: 50%
}

hr {
  margin-top: 22px;
  margin-bottom: 22px;
  border: 0;
  border-top: 1px solid #eee
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}

[role="button"] {
  cursor: pointer
}

code, kbd, pre, samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 0
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none
}

pre {
  display: block;
  padding: 10.5px;
  margin: 0 0 11px;
  font-size: 15px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 0
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0
}

.container:before, .container:after {
  content: " ";
  display: table
}

.container:after {
  clear: both
}

@media(min-width:992px) {
  .container>.row {
    padding: 0 15px
  }
}

@media(min-width:1200px) {
  .container {
    width: 1140px
  }
}

@media(min-width:1300px) {
  .container {
    width: 1200px
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0
}

.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table
}

.container-fluid:after {
  clear: both
}

.row {
  margin-left: 0;
  margin-right: 0
}

.row:before, .row:after {
  content: " ";
  display: table
}

.row:after {
  clear: both
}

.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: 0;
  padding-right: 0
}

.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-1 {
  width: 8.33333%
}

.col-xs-2 {
  width: 16.66667%
}

.col-xs-3 {
  width: 25%
}

.col-xs-4 {
  width: 33.33333%
}

.col-xs-5 {
  width: 41.66667%
}

.col-xs-6 {
  width: 50%
}

.col-xs-7 {
  width: 58.33333%
}

.col-xs-8 {
  width: 66.66667%
}

.col-xs-9 {
  width: 75%
}

.col-xs-10 {
  width: 83.33333%
}

.col-xs-11 {
  width: 91.66667%
}

.col-xs-12 {
  width: 100%
}

.col-xs-pull-0 {
  right: auto
}

.col-xs-pull-1 {
  right: 8.33333%
}

.col-xs-pull-2 {
  right: 16.66667%
}

.col-xs-pull-3 {
  right: 25%
}

.col-xs-pull-4 {
  right: 33.33333%
}

.col-xs-pull-5 {
  right: 41.66667%
}

.col-xs-pull-6 {
  right: 50%
}

.col-xs-pull-7 {
  right: 58.33333%
}

.col-xs-pull-8 {
  right: 66.66667%
}

.col-xs-pull-9 {
  right: 75%
}

.col-xs-pull-10 {
  right: 83.33333%
}

.col-xs-pull-11 {
  right: 91.66667%
}

.col-xs-pull-12 {
  right: 100%
}

.col-xs-push-0 {
  left: auto
}

.col-xs-push-1 {
  left: 8.33333%
}

.col-xs-push-2 {
  left: 16.66667%
}

.col-xs-push-3 {
  left: 25%
}

.col-xs-push-4 {
  left: 33.33333%
}

.col-xs-push-5 {
  left: 41.66667%
}

.col-xs-push-6 {
  left: 50%
}

.col-xs-push-7 {
  left: 58.33333%
}

.col-xs-push-8 {
  left: 66.66667%
}

.col-xs-push-9 {
  left: 75%
}

.col-xs-push-10 {
  left: 83.33333%
}

.col-xs-push-11 {
  left: 91.66667%
}

.col-xs-push-12 {
  left: 100%
}

.col-xs-offset-0 {
  margin-left: 0
}

.col-xs-offset-1 {
  margin-left: 8.33333%
}

.col-xs-offset-2 {
  margin-left: 16.66667%
}

.col-xs-offset-3 {
  margin-left: 25%
}

.col-xs-offset-4 {
  margin-left: 33.33333%
}

.col-xs-offset-5 {
  margin-left: 41.66667%
}

.col-xs-offset-6 {
  margin-left: 50%
}

.col-xs-offset-7 {
  margin-left: 58.33333%
}

.col-xs-offset-8 {
  margin-left: 66.66667%
}

.col-xs-offset-9 {
  margin-left: 75%
}

.col-xs-offset-10 {
  margin-left: 83.33333%
}

.col-xs-offset-11 {
  margin-left: 91.66667%
}

.col-xs-offset-12 {
  margin-left: 100%
}

@media(min-width:640px) {
  .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-1 {
    width: 8.33333%
  }
  .col-sm-2 {
    width: 16.66667%
  }
  .col-sm-3 {
    width: 25%
  }
  .col-sm-4 {
    width: 33.33333%
  }
  .col-sm-5 {
    width: 41.66667%
  }
  .col-sm-6 {
    width: 50%
  }
  .col-sm-7 {
    width: 58.33333%
  }
  .col-sm-8 {
    width: 66.66667%
  }
  .col-sm-9 {
    width: 75%
  }
  .col-sm-10 {
    width: 83.33333%
  }
  .col-sm-11 {
    width: 91.66667%
  }
  .col-sm-12 {
    width: 100%
  }
  .col-sm-pull-0 {
    right: auto
  }
  .col-sm-pull-1 {
    right: 8.33333%
  }
  .col-sm-pull-2 {
    right: 16.66667%
  }
  .col-sm-pull-3 {
    right: 25%
  }
  .col-sm-pull-4 {
    right: 33.33333%
  }
  .col-sm-pull-5 {
    right: 41.66667%
  }
  .col-sm-pull-6 {
    right: 50%
  }
  .col-sm-pull-7 {
    right: 58.33333%
  }
  .col-sm-pull-8 {
    right: 66.66667%
  }
  .col-sm-pull-9 {
    right: 75%
  }
  .col-sm-pull-10 {
    right: 83.33333%
  }
  .col-sm-pull-11 {
    right: 91.66667%
  }
  .col-sm-pull-12 {
    right: 100%
  }
  .col-sm-push-0 {
    left: auto
  }
  .col-sm-push-1 {
    left: 8.33333%
  }
  .col-sm-push-2 {
    left: 16.66667%
  }
  .col-sm-push-3 {
    left: 25%
  }
  .col-sm-push-4 {
    left: 33.33333%
  }
  .col-sm-push-5 {
    left: 41.66667%
  }
  .col-sm-push-6 {
    left: 50%
  }
  .col-sm-push-7 {
    left: 58.33333%
  }
  .col-sm-push-8 {
    left: 66.66667%
  }
  .col-sm-push-9 {
    left: 75%
  }
  .col-sm-push-10 {
    left: 83.33333%
  }
  .col-sm-push-11 {
    left: 91.66667%
  }
  .col-sm-push-12 {
    left: 100%
  }
  .col-sm-offset-0 {
    margin-left: 0
  }
  .col-sm-offset-1 {
    margin-left: 8.33333%
  }
  .col-sm-offset-2 {
    margin-left: 16.66667%
  }
  .col-sm-offset-3 {
    margin-left: 25%
  }
  .col-sm-offset-4 {
    margin-left: 33.33333%
  }
  .col-sm-offset-5 {
    margin-left: 41.66667%
  }
  .col-sm-offset-6 {
    margin-left: 50%
  }
  .col-sm-offset-7 {
    margin-left: 58.33333%
  }
  .col-sm-offset-8 {
    margin-left: 66.66667%
  }
  .col-sm-offset-9 {
    margin-left: 75%
  }
  .col-sm-offset-10 {
    margin-left: 83.33333%
  }
  .col-sm-offset-11 {
    margin-left: 91.66667%
  }
  .col-sm-offset-12 {
    margin-left: 100%
  }
}

@media(min-width:992px) {
  .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-1 {
    width: 8.33333%
  }
  .col-md-2 {
    width: 16.66667%
  }
  .col-md-3 {
    width: 25%
  }
  .col-md-4 {
    width: 33.33333%
  }
  .col-md-5 {
    width: 41.66667%
  }
  .col-md-6 {
    width: 50%
  }
  .col-md-7 {
    width: 58.33333%
  }
  .col-md-8 {
    width: 66.66667%
  }
  .col-md-9 {
    width: 75%
  }
  .col-md-10 {
    width: 83.33333%
  }
  .col-md-11 {
    width: 91.66667%
  }
  .col-md-12 {
    width: 100%
  }
  .col-md-pull-0 {
    right: auto
  }
  .col-md-pull-1 {
    right: 8.33333%
  }
  .col-md-pull-2 {
    right: 16.66667%
  }
  .col-md-pull-3 {
    right: 25%
  }
  .col-md-pull-4 {
    right: 33.33333%
  }
  .col-md-pull-5 {
    right: 41.66667%
  }
  .col-md-pull-6 {
    right: 50%
  }
  .col-md-pull-7 {
    right: 58.33333%
  }
  .col-md-pull-8 {
    right: 66.66667%
  }
  .col-md-pull-9 {
    right: 75%
  }
  .col-md-pull-10 {
    right: 83.33333%
  }
  .col-md-pull-11 {
    right: 91.66667%
  }
  .col-md-pull-12 {
    right: 100%
  }
  .col-md-push-0 {
    left: auto
  }
  .col-md-push-1 {
    left: 8.33333%
  }
  .col-md-push-2 {
    left: 16.66667%
  }
  .col-md-push-3 {
    left: 25%
  }
  .col-md-push-4 {
    left: 33.33333%
  }
  .col-md-push-5 {
    left: 41.66667%
  }
  .col-md-push-6 {
    left: 50%
  }
  .col-md-push-7 {
    left: 58.33333%
  }
  .col-md-push-8 {
    left: 66.66667%
  }
  .col-md-push-9 {
    left: 75%
  }
  .col-md-push-10 {
    left: 83.33333%
  }
  .col-md-push-11 {
    left: 91.66667%
  }
  .col-md-push-12 {
    left: 100%
  }
  .col-md-offset-0 {
    margin-left: 0
  }
  .col-md-offset-1 {
    margin-left: 8.33333%
  }
  .col-md-offset-2 {
    margin-left: 16.66667%
  }
  .col-md-offset-3 {
    margin-left: 25%
  }
  .col-md-offset-4 {
    margin-left: 33.33333%
  }
  .col-md-offset-5 {
    margin-left: 41.66667%
  }
  .col-md-offset-6 {
    margin-left: 50%
  }
  .col-md-offset-7 {
    margin-left: 58.33333%
  }
  .col-md-offset-8 {
    margin-left: 66.66667%
  }
  .col-md-offset-9 {
    margin-left: 75%
  }
  .col-md-offset-10 {
    margin-left: 83.33333%
  }
  .col-md-offset-11 {
    margin-left: 91.66667%
  }
  .col-md-offset-12 {
    margin-left: 100%
  }
}

@media(min-width:1200px) {
  .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-1 {
    width: 8.33333%
  }
  .col-lg-2 {
    width: 16.66667%
  }
  .col-lg-3 {
    width: 25%
  }
  .col-lg-4 {
    width: 33.33333%
  }
  .col-lg-5 {
    width: 41.66667%
  }
  .col-lg-6 {
    width: 50%
  }
  .col-lg-7 {
    width: 58.33333%
  }
  .col-lg-8 {
    width: 66.66667%
  }
  .col-lg-9 {
    width: 75%
  }
  .col-lg-10 {
    width: 83.33333%
  }
  .col-lg-11 {
    width: 91.66667%
  }
  .col-lg-12 {
    width: 100%
  }
  .col-lg-pull-0 {
    right: auto
  }
  .col-lg-pull-1 {
    right: 8.33333%
  }
  .col-lg-pull-2 {
    right: 16.66667%
  }
  .col-lg-pull-3 {
    right: 25%
  }
  .col-lg-pull-4 {
    right: 33.33333%
  }
  .col-lg-pull-5 {
    right: 41.66667%
  }
  .col-lg-pull-6 {
    right: 50%
  }
  .col-lg-pull-7 {
    right: 58.33333%
  }
  .col-lg-pull-8 {
    right: 66.66667%
  }
  .col-lg-pull-9 {
    right: 75%
  }
  .col-lg-pull-10 {
    right: 83.33333%
  }
  .col-lg-pull-11 {
    right: 91.66667%
  }
  .col-lg-pull-12 {
    right: 100%
  }
  .col-lg-push-0 {
    left: auto
  }
  .col-lg-push-1 {
    left: 8.33333%
  }
  .col-lg-push-2 {
    left: 16.66667%
  }
  .col-lg-push-3 {
    left: 25%
  }
  .col-lg-push-4 {
    left: 33.33333%
  }
  .col-lg-push-5 {
    left: 41.66667%
  }
  .col-lg-push-6 {
    left: 50%
  }
  .col-lg-push-7 {
    left: 58.33333%
  }
  .col-lg-push-8 {
    left: 66.66667%
  }
  .col-lg-push-9 {
    left: 75%
  }
  .col-lg-push-10 {
    left: 83.33333%
  }
  .col-lg-push-11 {
    left: 91.66667%
  }
  .col-lg-push-12 {
    left: 100%
  }
  .col-lg-offset-0 {
    margin-left: 0
  }
  .col-lg-offset-1 {
    margin-left: 8.33333%
  }
  .col-lg-offset-2 {
    margin-left: 16.66667%
  }
  .col-lg-offset-3 {
    margin-left: 25%
  }
  .col-lg-offset-4 {
    margin-left: 33.33333%
  }
  .col-lg-offset-5 {
    margin-left: 41.66667%
  }
  .col-lg-offset-6 {
    margin-left: 50%
  }
  .col-lg-offset-7 {
    margin-left: 58.33333%
  }
  .col-lg-offset-8 {
    margin-left: 66.66667%
  }
  .col-lg-offset-9 {
    margin-left: 75%
  }
  .col-lg-offset-10 {
    margin-left: 83.33333%
  }
  .col-lg-offset-11 {
    margin-left: 91.66667%
  }
  .col-lg-offset-12 {
    margin-left: 100%
  }
}

table {
  background-color: transparent
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left
}

th {
  text-align: left
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 22px
}

.table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td, .table>tfoot>tr>th, .table>tfoot>tr>td {
  padding: 8px;
  line-height: 1.42857;
  vertical-align: top;
  border-top: 1px solid #ddd
}

.table>thead>tr>th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>th, .table>thead:first-child>tr:first-child>td {
  border-top: 0
}

.table>tbody+tbody {
  border-top: 2px solid #ddd
}

.table .table {
  background-color: #fff
}

.table-condensed>thead>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>tfoot>tr>td {
  padding: 5px
}

.table-bordered {
  border: 1px solid #ddd
}

.table-bordered>thead>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>tfoot>tr>td {
  border: 1px solid #ddd
}

.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
  border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
  background-color: #f5f5f5
}

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column
}

table td[class*="col-"], table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell
}

.table>thead>tr>td.active, .table>thead>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th {
  background-color: #f5f5f5
}

.table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover, .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr.active:hover>th {
  background-color: #e8e8e8
}

.table>thead>tr>td.success, .table>thead>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th {
  background-color: #dff0d8
}

.table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover, .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr.success:hover>th {
  background-color: #d0e9c6
}

.table>thead>tr>td.info, .table>thead>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th {
  background-color: #d9edf7
}

.table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover, .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr.info:hover>th {
  background-color: #c4e3f3
}

.table>thead>tr>td.warning, .table>thead>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th {
  background-color: #fcf8e3
}

.table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover, .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr.warning:hover>th {
  background-color: #faf2cc
}

.table>thead>tr>td.danger, .table>thead>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th {
  background-color: #f2dede
}

.table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover, .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr.danger:hover>th {
  background-color: #ebcccc
}

.table-responsive {
  overflow-x: auto;
  min-height: .01%
}

@media screen and (max-width:639px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 16.5px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd
  }
  .table-responsive>.table {
    margin-bottom: 0
  }
  .table-responsive>.table>thead>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>tfoot>tr>td {
    white-space: nowrap
  }
  .table-responsive>.table-bordered {
    border: 0
  }
  .table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0
  }
  .table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0
  }
  .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td {
    border-bottom: 0
  }
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 22px;
  font-size: 24px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold
}

input[type="search"] {
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

input[type="radio"], input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal
}

input[type="file"] {
  display: block
}

input[type="range"] {
  display: block;
  width: 100%
}

select[multiple], select[size] {
  height: auto
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

output {
  display: block;
  padding-top: 7px;
  font-size: 16px;
  line-height: 1.42857;
  color: #555
}

.form-control {
  display: block;
  width: 100%;
  height: 36px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1
}

.form-control:-ms-input-placeholder {
  color: #999
}

.form-control::-webkit-input-placeholder {
  color: #999
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1
}

.form-control[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed
}

textarea.form-control {
  height: auto
}

input[type="search"] {
  -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
    line-height: 36px
  }
  input[type="date"].input-sm, .input-group-sm>input[type="date"].form-control, .input-group-sm>input[type="date"].input-group-addon, .input-group-sm>.input-group-btn>input[type="date"].btn, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm>input[type="time"].form-control, .input-group-sm>input[type="time"].input-group-addon, .input-group-sm>.input-group-btn>input[type="time"].btn, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm>input[type="datetime-local"].form-control, .input-group-sm>input[type="datetime-local"].input-group-addon, .input-group-sm>.input-group-btn>input[type="datetime-local"].btn, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm>input[type="month"].form-control, .input-group-sm>input[type="month"].input-group-addon, .input-group-sm>.input-group-btn>input[type="month"].btn, .input-group-sm input[type="month"] {
    line-height: 33px
  }
  input[type="date"].input-lg, .input-group-lg>input[type="date"].form-control, .input-group-lg>input[type="date"].input-group-addon, .input-group-lg>.input-group-btn>input[type="date"].btn, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg>input[type="time"].form-control, .input-group-lg>input[type="time"].input-group-addon, .input-group-lg>.input-group-btn>input[type="time"].btn, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg>input[type="datetime-local"].form-control, .input-group-lg>input[type="datetime-local"].input-group-addon, .input-group-lg>.input-group-btn>input[type="datetime-local"].btn, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg>input[type="month"].form-control, .input-group-lg>input[type="month"].input-group-addon, .input-group-lg>.input-group-btn>input[type="month"].btn, .input-group-lg input[type="month"] {
    line-height: 49px
  }
}

.form-group {
  margin-bottom: 15px
}

.radio, .checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px
}

.radio label, .checkbox label {
  min-height: 22px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9
}

.radio+.radio, .checkbox+.checkbox {
  margin-top: -5px
}

.radio-inline, .checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer
}

.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
  margin-top: 0;
  margin-left: 10px
}

input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed
}

.radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline {
  cursor: not-allowed
}

.radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label {
  cursor: not-allowed
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 38px
}

.form-control-static.input-lg, .input-group-lg>.form-control-static.form-control, .input-group-lg>.form-control-static.input-group-addon, .input-group-lg>.input-group-btn>.form-control-static.btn, .form-control-static.input-sm, .input-group-sm>.form-control-static.form-control, .input-group-sm>.form-control-static.input-group-addon, .input-group-sm>.input-group-btn>.form-control-static.btn {
  padding-left: 0;
  padding-right: 0
}

.input-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px
}

select.input-sm, .input-group-sm>select.form-control, .input-group-sm>select.input-group-addon, .input-group-sm>.input-group-btn>select.btn {
  height: 33px;
  line-height: 33px
}

textarea.input-sm, .input-group-sm>textarea.form-control, .input-group-sm>textarea.input-group-addon, .input-group-sm>.input-group-btn>textarea.btn, select[multiple].input-sm, .input-group-sm>select[multiple].form-control, .input-group-sm>select[multiple].input-group-addon, .input-group-sm>.input-group-btn>select[multiple].btn {
  height: auto
}

.form-group-sm .form-control {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px
}

.form-group-sm select.form-control {
  height: 33px;
  line-height: 33px
}

.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {
  height: auto
}

.form-group-sm .form-control-static {
  height: 33px;
  min-height: 36px;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1.5
}

.input-lg, .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
  height: 49px;
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33333;
  border-radius: 6px
}

select.input-lg, .input-group-lg>select.form-control, .input-group-lg>select.input-group-addon, .input-group-lg>.input-group-btn>select.btn {
  height: 49px;
  line-height: 49px
}

textarea.input-lg, .input-group-lg>textarea.form-control, .input-group-lg>textarea.input-group-addon, .input-group-lg>.input-group-btn>textarea.btn, select[multiple].input-lg, .input-group-lg>select[multiple].form-control, .input-group-lg>select[multiple].input-group-addon, .input-group-lg>.input-group-btn>select[multiple].btn {
  height: auto
}

.form-group-lg .form-control {
  height: 49px;
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33333;
  border-radius: 6px
}

.form-group-lg select.form-control {
  height: 49px;
  line-height: 49px
}

.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {
  height: auto
}

.form-group-lg .form-control-static {
  height: 49px;
  min-height: 42px;
  padding: 11px 16px;
  font-size: 20px;
  line-height: 1.33333
}

.has-feedback {
  position: relative
}

.has-feedback .form-control {
  padding-right: 45px
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  pointer-events: none
}

.input-lg+.form-control-feedback, .input-group-lg>.form-control+.form-control-feedback, .input-group-lg>.input-group-addon+.form-control-feedback, .input-group-lg>.input-group-btn>.btn+.form-control-feedback, .input-group-lg+.form-control-feedback, .form-group-lg .form-control+.form-control-feedback {
  width: 49px;
  height: 49px;
  line-height: 49px
}

.input-sm+.form-control-feedback, .input-group-sm>.form-control+.form-control-feedback, .input-group-sm>.input-group-addon+.form-control-feedback, .input-group-sm>.input-group-btn>.btn+.form-control-feedback, .input-group-sm+.form-control-feedback, .form-group-sm .form-control+.form-control-feedback {
  width: 33px;
  height: 33px;
  line-height: 33px
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #3c763d
}

.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-success .form-control:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168
}

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8
}

.has-success .form-control-feedback {
  color: #3c763d
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #8a6d3b
}

.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3
}

.has-warning .form-control-feedback {
  color: #8a6d3b
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #a94442
}

.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-error .form-control:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede
}

.has-error .form-control-feedback {
  color: #a94442
}

.has-feedback label~.form-control-feedback {
  top: 27px
}

.has-feedback label.sr-only~.form-control-feedback {
  top: 0
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373
}

@media(min-width:640px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle
  }
  .form-inline .form-control-static {
    display: inline-block
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle
  }
  .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
    width: auto
  }
  .form-inline .input-group>.form-control {
    width: 100%
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle
  }
  .form-inline .radio, .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle
  }
  .form-inline .radio label, .form-inline .checkbox label {
    padding-left: 0
  }
  .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0
  }
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px
}

.form-horizontal .radio, .form-horizontal .checkbox {
  min-height: 29px
}

.form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0
}

.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  content: " ";
  display: table
}

.form-horizontal .form-group:after {
  clear: both
}

@media(min-width:640px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 0
}

@media(min-width:640px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.33333px;
    font-size: 20px
  }
}

@media(min-width:640px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 14px
  }
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

.btn:hover, .btn:focus, .btn.focus {
  color: #333;
  text-decoration: none
}

.btn:active, .btn.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: .65;
  filter: alpha(opacity=65);
  box-shadow: none
}

a.btn.disabled, fieldset[disabled] a.btn {
  pointer-events: none
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc
}

.btn-default:focus, .btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c
}

.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad
}

.btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad
}

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open>.btn-default.dropdown-toggle:hover, .open>.btn-default.dropdown-toggle:focus, .open>.btn-default.dropdown-toggle.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c
}

.btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle {
  background-image: none
}

.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc
}

.btn-default .badge {
  color: #fff;
  background-color: #333
}

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40
}

.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74
}

.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #286090;
  border-color: #204d74
}

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open>.btn-primary.dropdown-toggle:hover, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40
}

.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle {
  background-image: none
}

.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4
}

.btn-primary .badge {
  color: #337ab7;
  background-color: #fff
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c
}

.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625
}

.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439
}

.btn-success:active, .btn-success.active, .open>.btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  border-color: #398439
}

.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open>.btn-success.dropdown-toggle:hover, .open>.btn-success.dropdown-toggle:focus, .open>.btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625
}

.btn-success:active, .btn-success.active, .open>.btn-success.dropdown-toggle {
  background-image: none
}

.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da
}

.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85
}

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc
}

.btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc
}

.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open>.btn-info.dropdown-toggle:hover, .open>.btn-info.dropdown-toggle:focus, .open>.btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85
}

.btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle {
  background-image: none
}

.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236
}

.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d
}

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512
}

.btn-warning:active, .btn-warning.active, .open>.btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512
}

.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open>.btn-warning.dropdown-toggle:hover, .open>.btn-warning.dropdown-toggle:focus, .open>.btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d
}

.btn-warning:active, .btn-warning.active, .open>.btn-warning.dropdown-toggle {
  background-image: none
}

.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a
}

.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19
}

.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925
}

.btn-danger:active, .btn-danger.active, .open>.btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925
}

.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open>.btn-danger.dropdown-toggle:hover, .open>.btn-danger.dropdown-toggle:focus, .open>.btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19
}

.btn-danger:active, .btn-danger.active, .open>.btn-danger.dropdown-toggle {
  background-image: none
}

.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff
}

.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent
}

.btn-link:hover, .btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none
}

.btn-lg, .btn-group-lg>.btn {
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33333;
  border-radius: 6px
}

.btn-sm, .btn-group-sm>.btn {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px
}

.btn-xs, .btn-group-xs>.btn {
  padding: 1px 5px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px
}

.btn-block {
  display: block;
  width: 100%
}

.btn-block+.btn-block {
  margin-top: 5px
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
  width: 100%
}

.fade {
  opacity: 0;
  transition: opacity .15s linear
}

.fade.in {
  opacity: 1
}

.collapse {
  display: none
}

.collapse.in {
  display: block
}

tr.collapse.in {
  display: table-row
}

tbody.collapse.in {
  display: table-row-group
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: .35s;
  transition-timing-function: ease
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent
}

.dropup, .dropdown {
  position: relative
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 16px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto
}

.dropdown-menu .divider {
  height: 1px;
  margin: 10px 0;
  overflow: hidden;
  background-color: #e5e5e5
}

.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  color: #333;
  white-space: nowrap
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7
}

.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
  color: #777
}

.dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed
}

.open>.dropdown-menu {
  display: block
}

.open>a {
  outline: 0
}

.dropdown-menu-right {
  left: auto;
  right: 0
}

.dropdown-menu-left {
  left: 0;
  right: auto
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 14px;
  line-height: 1.42857;
  color: #777;
  white-space: nowrap
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990
}

.pull-right>.dropdown-menu {
  right: 0;
  left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px
}

@media(min-width:640px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto
  }
}

.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle
}

.btn-group>.btn, .btn-group-vertical>.btn {
  position: relative;
  float: left
}

.btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn:hover, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn.active {
  z-index: 2
}

.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
  margin-left: -1px
}

.btn-toolbar {
  margin-left: -5px
}

.btn-toolbar:before, .btn-toolbar:after {
  content: " ";
  display: table
}

.btn-toolbar:after {
  clear: both
}

.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
  float: left
}

.btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group {
  margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0
}

.btn-group>.btn:first-child {
  margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.btn-group>.btn-group {
  float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
  border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.btn-group>.btn+.dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px
}

.btn-group>.btn-lg+.dropdown-toggle, .btn-group-lg.btn-group>.btn+.dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px
}

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none
}

.btn .caret {
  margin-left: 0
}

.btn-lg .caret, .btn-group-lg>.btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0
}

.dropup .btn-lg .caret, .dropup .btn-group-lg>.btn .caret {
  border-width: 0 5px 5px
}

.btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group>.btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%
}

.btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after {
  content: " ";
  display: table
}

.btn-group-vertical>.btn-group:after {
  clear: both
}

.btn-group-vertical>.btn-group>.btn {
  float: none
}

.btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group {
  margin-top: -1px;
  margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
  border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
  border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate
}

.btn-group-justified>.btn, .btn-group-justified>.btn-group {
  float: none;
  display: table-cell;
  width: 1%
}

.btn-group-justified>.btn-group .btn {
  width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
  left: auto
}

[data-toggle="buttons"]>.btn input[type="radio"], [data-toggle="buttons"]>.btn input[type="checkbox"], [data-toggle="buttons"]>.btn-group>.btn input[type="radio"], [data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate
}

.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0
}

.input-group-addon, .input-group-btn, .input-group .form-control {
  display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0
}

.input-group-addon, .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 0
}

.input-group-addon.input-sm, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.input-group-addon.btn {
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 3px
}

.input-group-addon.input-lg, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.input-group-addon.btn {
  padding: 10px 16px;
  font-size: 20px;
  border-radius: 6px
}

.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
  margin-top: 0
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.input-group-addon:first-child {
  border-right: 0
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.input-group-addon:last-child {
  border-left: 0
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap
}

.input-group-btn>.btn {
  position: relative
}

.input-group-btn>.btn+.btn {
  margin-left: -1px
}

.input-group-btn>.btn:hover, .input-group-btn>.btn:focus, .input-group-btn>.btn:active {
  z-index: 2
}

.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group {
  margin-right: -1px
}

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
  z-index: 2;
  margin-left: -1px
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none
}

.nav:before, .nav:after {
  content: " ";
  display: table
}

.nav:after {
  clear: both
}

.nav>li {
  position: relative;
  display: block
}

.nav>li>a {
  position: relative;
  display: block;
  padding: 10px 15px
}

.nav>li>a:hover, .nav>li>a:focus {
  text-decoration: none;
  background-color: #eee
}

.nav>li.disabled>a {
  color: #777
}

.nav>li.disabled>a:hover, .nav>li.disabled>a:focus {
  color: #777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
  background-color: #eee;
  border-color: #337ab7
}

.nav .nav-divider {
  height: 1px;
  margin: 10px 0;
  overflow: hidden;
  background-color: #e5e5e5
}

.nav>li>a>img {
  max-width: none
}

.nav-tabs {
  border-bottom: 1px solid #ddd
}

.nav-tabs>li {
  float: left;
  margin-bottom: -1px
}

.nav-tabs>li>a {
  margin-right: 2px;
  line-height: 1.42857;
  border: 1px solid transparent;
  border-radius: 0
}

.nav-tabs>li>a:hover {
  border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: #555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default
}

.nav-pills>li {
  float: left
}

.nav-pills>li>a {
  border-radius: 0
}

.nav-pills>li+li {
  margin-left: 2px
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
  color: #fff;
  background-color: #337ab7
}

.nav-stacked>li {
  float: none
}

.nav-stacked>li+li {
  margin-top: 2px;
  margin-left: 0
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%
}

.nav-justified>li, .nav-tabs.nav-justified>li {
  float: none
}

.nav-justified>li>a, .nav-tabs.nav-justified>li>a {
  text-align: center;
  margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
  top: auto;
  left: auto
}

@media(min-width:640px) {
  .nav-justified>li, .nav-tabs.nav-justified>li {
    display: table-cell;
    width: 1%
  }
  .nav-justified>li>a, .nav-tabs.nav-justified>li>a {
    margin-bottom: 0
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0
}

.nav-tabs-justified>li>a, .nav-tabs.nav-justified>li>a {
  margin-right: 0;
  border-radius: 0
}

.nav-tabs-justified>.active>a, .nav-tabs.nav-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:focus {
  border: 1px solid #ddd
}

@media(min-width:640px) {
  .nav-tabs-justified>li>a, .nav-tabs.nav-justified>li>a {
    border-bottom: 1px solid #ddd;
    border-radius: 0
  }
  .nav-tabs-justified>.active>a, .nav-tabs.nav-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:focus {
    border-bottom-color: #fff
  }
}

.tab-content>.tab-pane {
  display: none
}

.tab-content>.active {
  display: block
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 22px;
  border: 1px solid transparent
}

.navbar:before, .navbar:after {
  content: " ";
  display: table
}

.navbar:after {
  clear: both
}

@media(min-width:640px) {
  .navbar {
    border-radius: 0
  }
}

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table
}

.navbar-header:after {
  clear: both
}

@media(min-width:1025px) {
  .navbar-header {
    float: left
  }
}

.navbar-collapse {
  overflow-x: visible;
  padding-right: 0;
  padding-left: 0;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch
}

.navbar-collapse:before, .navbar-collapse:after {
  content: " ";
  display: table
}

.navbar-collapse:after {
  clear: both
}

.navbar-collapse.in {
  overflow-y: auto
}

@media(min-width:1025px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none
  }
  .navbar-collapse.collapse {
    display: block!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible!important
  }
  .navbar-collapse.in {
    overflow-y: visible
  }
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0
  }
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
  max-height: 340px
}

@media(max-device-width:480px) and (orientation:landscape) {
  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px
  }
}

.container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-header, .container-fluid>.navbar-collapse {
  margin-right: 0;
  margin-left: 0
}

@media(min-width:640px) {
  .container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-header, .container-fluid>.navbar-collapse {
    margin-right: 0;
    margin-left: 0
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px
}

@media(min-width:640px) {
  .navbar-static-top {
    border-radius: 0
  }
}

.navbar-fixed-top, .navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030
}

@media(min-width:640px) {
  .navbar-fixed-top, .navbar-fixed-bottom {
    border-radius: 0
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0
}

.navbar-brand {
  float: left;
  padding: 14px 0;
  font-size: 20px;
  line-height: 22px;
  height: 50px
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none
}

.navbar-brand>img {
  display: block
}

@media(min-width:640px) {
  .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 0;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0
}

.navbar-toggle:focus {
  outline: 0
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 4px
}

@media(min-width:1025px) {
  .navbar-toggle {
    display: none
  }
}

.navbar-nav {
  margin: 7px 0
}

.navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 22px
}

@media(max-width:639px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none
  }
  .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px
  }
  .navbar-nav .open .dropdown-menu>li>a {
    line-height: 22px
  }
  .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus {
    background-image: none
  }
}

@media(min-width:640px) {
  .navbar-nav {
    float: left;
    margin: 0
  }
  .navbar-nav>li {
    float: left
  }
  .navbar-nav>li>a {
    padding-top: 14px;
    padding-bottom: 14px
  }
}

.navbar-form {
  margin-left: 0;
  margin-right: 0;
  padding: 10px 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 7px;
  margin-bottom: 7px
}

@media(min-width:640px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle
  }
  .navbar-form .form-control-static {
    display: inline-block
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle
  }
  .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
    width: auto
  }
  .navbar-form .input-group>.form-control {
    width: 100%
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle
  }
  .navbar-form .radio, .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle
  }
  .navbar-form .radio label, .navbar-form .checkbox label {
    padding-left: 0
  }
  .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0
  }
}

@media(max-width:639px) {
  .navbar-form .form-group {
    margin-bottom: 5px
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0
  }
}

@media(min-width:640px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none
  }
}

.navbar-nav>li>.dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.navbar-btn {
  margin-top: 7px;
  margin-bottom: 7px
}

.navbar-btn.btn-sm, .btn-group-sm>.navbar-btn.btn {
  margin-top: 8.5px;
  margin-bottom: 8.5px
}

.navbar-btn.btn-xs, .btn-group-xs>.navbar-btn.btn {
  margin-top: 14px;
  margin-bottom: 14px
}

.navbar-text {
  margin-top: 14px;
  margin-bottom: 14px
}

@media(min-width:640px) {
  .navbar-text {
    float: left;
    margin-left: 0;
    margin-right: 0
  }
}

@media(min-width:640px) {
  .navbar-left {
    float: left!important
  }
  .navbar-right {
    float: right!important;
    margin-right: 0
  }
  .navbar-right~.navbar-right {
    margin-right: 0
  }
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7
}

.navbar-default .navbar-brand {
  color: #777
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent
}

.navbar-default .navbar-text {
  color: #777
}

.navbar-default .navbar-nav>li>a {
  color: #777
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
  color: #333;
  background-color: transparent
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  color: #555;
  background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus {
  color: #ccc;
  background-color: transparent
}

.navbar-default .navbar-toggle {
  border-color: #ddd
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
  background-color: #e7e7e7;
  color: #555
}

@media(max-width:639px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #777
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #333;
    background-color: transparent
  }
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: #555;
    background-color: #e7e7e7
  }
  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
    color: #ccc;
    background-color: transparent
  }
}

.navbar-default .navbar-link {
  color: #777
}

.navbar-default .navbar-link:hover {
  color: #333
}

.navbar-default .btn-link {
  color: #777
}

.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: #333
}

.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc
}

.navbar-inverse {
  background-color: #222;
  border-color: #090909
}

.navbar-inverse .navbar-brand {
  color: #9d9d9d
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent
}

.navbar-inverse .navbar-text {
  color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a {
  color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
  color: #fff;
  background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
  color: #fff;
  background-color: #090909
}

.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:hover, .navbar-inverse .navbar-nav>.disabled>a:focus {
  color: #444;
  background-color: transparent
}

.navbar-inverse .navbar-toggle {
  border-color: #333
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
  background-color: #090909;
  color: #fff
}

@media(max-width:639px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
    border-color: #090909
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #9d9d9d
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #fff;
    background-color: transparent
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: #fff;
    background-color: #090909
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
    color: #444;
    background-color: transparent
  }
}

.navbar-inverse .navbar-link {
  color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
  color: #fff
}

.navbar-inverse .btn-link {
  color: #9d9d9d
}

.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: #fff
}

.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 22px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 0
}

.breadcrumb>li {
  display: inline-block
}

.breadcrumb>li+li:before {
  content: "/ ";
  padding: 0 5px;
  color: #ccc
}

.breadcrumb>.active {
  color: #777
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 22px 0;
  border-radius: 0
}

.pagination>li {
  display: inline
}

.pagination>li>a, .pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
  margin-left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.pagination>li>a:hover, .pagination>li>a:focus, .pagination>li>span:hover, .pagination>li>span:focus {
  z-index: 3;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd
}

.pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default
}

.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
  color: #777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed
}

.pagination-lg>li>a, .pagination-lg>li>span {
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33333
}

.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px
}

.pagination-sm>li>a, .pagination-sm>li>span {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5
}

.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px
}

.pager {
  padding-left: 0;
  margin: 22px 0;
  list-style: none;
  text-align: center
}

.pager:before, .pager:after {
  content: " ";
  display: table
}

.pager:after {
  clear: both
}

.pager li {
  display: inline
}

.pager li>a, .pager li>span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px
}

.pager li>a:hover, .pager li>a:focus {
  text-decoration: none;
  background-color: #eee
}

.pager .next>a, .pager .next>span {
  float: right
}

.pager .previous>a, .pager .previous>span {
  float: left
}

.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span {
  color: #777;
  background-color: #fff;
  cursor: not-allowed
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em
}

.label:empty {
  display: none
}

.btn .label {
  position: relative;
  top: -1px
}

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer
}

.label-default {
  background-color: #777
}

.label-default[href]:hover, .label-default[href]:focus {
  background-color: #5e5e5e
}

.label-primary {
  background-color: #337ab7
}

.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #286090
}

.label-success {
  background-color: #5cb85c
}

.label-success[href]:hover, .label-success[href]:focus {
  background-color: #449d44
}

.label-info {
  background-color: #5bc0de
}

.label-info[href]:hover, .label-info[href]:focus {
  background-color: #31b0d5
}

.label-warning {
  background-color: #f0ad4e
}

.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #ec971f
}

.label-danger {
  background-color: #d9534f
}

.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #c9302c
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777;
  border-radius: 10px
}

.badge:empty {
  display: none
}

.btn .badge {
  position: relative;
  top: -1px
}

.btn-xs .badge, .btn-group-xs>.btn .badge, .btn-group-xs>.btn .badge {
  top: 0;
  padding: 1px 5px
}

.list-group-item.active>.badge, .nav-pills>.active>a>.badge {
  color: #337ab7;
  background-color: #fff
}

.list-group-item>.badge {
  float: right
}

.list-group-item>.badge+.badge {
  margin-right: 5px
}

.nav-pills>li>a>.badge {
  margin-left: 3px
}

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer
}

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee
}

.jumbotron h1, .jumbotron .h1 {
  color: inherit
}

.jumbotron p {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 200
}

.jumbotron>hr {
  border-top-color: #d5d5d5
}

.container .jumbotron, .container-fluid .jumbotron {
  border-radius: 6px
}

.jumbotron .container {
  max-width: 100%
}

@media screen and (min-width:640px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px
  }
  .container .jumbotron, .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px
  }
  .jumbotron h1, .jumbotron .h1 {
    font-size: 72px
  }
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 22px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  transition: border .2s ease-in-out
}

.thumbnail>img, .thumbnail a>img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto
}

.thumbnail .caption {
  padding: 9px;
  color: #333
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
  border-color: #337ab7
}

.alert {
  padding: 15px;
  margin-bottom: 22px;
  border: 1px solid transparent;
  border-radius: 0
}

.alert h4 {
  margin-top: 0;
  color: inherit
}

.alert .alert-link {
  font-weight: bold
}

.alert>p, .alert>ul {
  margin-bottom: 0
}

.alert>p+p {
  margin-top: 5px
}

.alert-dismissable, .alert-dismissible {
  padding-right: 35px
}

.alert-dismissable .close, .alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d
}

.alert-success hr {
  border-top-color: #c9e2b3
}

.alert-success .alert-link {
  color: #2b542c
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f
}

.alert-info hr {
  border-top-color: #a6e1ec
}

.alert-info .alert-link {
  color: #245269
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b
}

.alert-warning hr {
  border-top-color: #f7e1b5
}

.alert-warning .alert-link {
  color: #66512c
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442
}

.alert-danger hr {
  border-top-color: #e4b9c0
}

.alert-danger .alert-link {
  color: #843534
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0
  }
  to {
    background-position: 0 0
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0
  }
  to {
    background-position: 0 0
  }
}

.progress {
  overflow: hidden;
  height: 22px;
  margin-bottom: 22px;
  background-color: #f5f5f5;
  border-radius: 0;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width .6s ease
}

.progress-striped .progress-bar, .progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px
}

.progress.active .progress-bar, .progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
  background-color: #5cb85c
}

.progress-striped .progress-bar-success {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
  background-color: #5bc0de
}

.progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
  background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
  background-color: #d9534f
}

.progress-striped .progress-bar-danger {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.media {
  margin-top: 15px
}

.media:first-child {
  margin-top: 0
}

.media, .media-body {
  zoom: 1;
  overflow: hidden
}

.media-body {
  width: 10000px
}

.media-object {
  display: block
}

.media-object.img-thumbnail {
  max-width: none
}

.media-right, .media>.pull-right {
  padding-left: 10px
}

.media-left, .media>.pull-left {
  padding-right: 10px
}

.media-left, .media-right, .media-body {
  display: table-cell;
  vertical-align: top
}

.media-middle {
  vertical-align: middle
}

.media-bottom {
  vertical-align: bottom
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px
}

.media-list {
  padding-left: 0;
  list-style: none
}

.list-group {
  margin-bottom: 20px;
  padding-left: 0
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd
}

.list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

a.list-group-item, button.list-group-item {
  color: #555
}

a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
  color: #333
}

a.list-group-item:hover, a.list-group-item:focus, button.list-group-item:hover, button.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5
}

button.list-group-item {
  width: 100%;
  text-align: left
}

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #eee;
  color: #777;
  cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
  color: #777
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7
}

.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading>small, .list-group-item.active .list-group-item-heading>.small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading>small, .list-group-item.active:hover .list-group-item-heading>.small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading>small, .list-group-item.active:focus .list-group-item-heading>.small {
  color: inherit
}

.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
  color: #c7ddef
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8
}

a.list-group-item-success, button.list-group-item-success {
  color: #3c763d
}

a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
  color: inherit
}

a.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:hover, button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6
}

a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active, button.list-group-item-success.active:hover, button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7
}

a.list-group-item-info, button.list-group-item-info {
  color: #31708f
}

a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
  color: inherit
}

a.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:hover, button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3
}

a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active, button.list-group-item-info.active:hover, button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3
}

a.list-group-item-warning, button.list-group-item-warning {
  color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
  color: inherit
}

a.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:hover, button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc
}

a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active, button.list-group-item-warning.active:hover, button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede
}

a.list-group-item-danger, button.list-group-item-danger {
  color: #a94442
}

a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
  color: inherit
}

a.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:hover, button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc
}

a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active, button.list-group-item-danger.active:hover, button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3
}

.panel {
  margin-bottom: 22px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

.panel-body {
  padding: 15px
}

.panel-body:before, .panel-body:after {
  content: " ";
  display: table
}

.panel-body:after {
  clear: both
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: -1;
  border-top-left-radius: -1
}

.panel-heading>.dropdown .dropdown-toggle {
  color: inherit
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  color: inherit
}

.panel-title>a, .panel-title>small, .panel-title>.small, .panel-title>small>a, .panel-title>.small>a {
  color: inherit
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1
}

.panel>.list-group, .panel>.panel-collapse>.list-group {
  margin-bottom: 0
}

.panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child, .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: -1;
  border-top-left-radius: -1
}

.panel>.list-group:last-child .list-group-item:last-child, .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.panel-heading+.list-group .list-group-item:first-child {
  border-top-width: 0
}

.list-group+.panel-footer {
  border-top-width: 0
}

.panel>.table, .panel>.table-responsive>.table, .panel>.panel-collapse>.table {
  margin-bottom: 0
}

.panel>.table caption, .panel>.table-responsive>.table caption, .panel>.panel-collapse>.table caption {
  padding-left: 15px;
  padding-right: 15px
}

.panel>.table:first-child, .panel>.table-responsive:first-child>.table:first-child {
  border-top-right-radius: -1;
  border-top-left-radius: -1
}

.panel>.table:first-child>thead:first-child>tr:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
  border-top-left-radius: -1;
  border-top-right-radius: -1
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
  border-top-left-radius: -1
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
  border-top-right-radius: -1
}

.panel>.table:last-child, .panel>.table-responsive:last-child>.table:last-child {
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1
}

.panel>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
  border-bottom-left-radius: -1;
  border-bottom-right-radius: -1
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
  border-bottom-left-radius: -1
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
  border-bottom-right-radius: -1
}

.panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body {
  border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child th, .panel>.table>tbody:first-child>tr:first-child td {
  border-top: 0
}

.panel>.table-bordered, .panel>.table-responsive>.table-bordered {
  border: 0
}

.panel>.table-bordered>thead>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
  border-left: 0
}

.panel>.table-bordered>thead>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
  border-right: 0
}

.panel>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
  border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
  border-bottom: 0
}

.panel>.table-responsive {
  border: 0;
  margin-bottom: 0
}

.panel-group {
  margin-bottom: 22px
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 0
}

.panel-group .panel+.panel {
  margin-top: 5px
}

.panel-group .panel-heading {
  border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {
  border-top: 1px solid #ddd
}

.panel-group .panel-footer {
  border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
  border-bottom: 1px solid #ddd
}

.panel-default {
  border-color: #ddd
}

.panel-default>.panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
  color: #f5f5f5;
  background-color: #333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ddd
}

.panel-primary {
  border-color: #337ab7
}

.panel-primary>.panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #337ab7
}

.panel-primary>.panel-heading .badge {
  color: #337ab7;
  background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #337ab7
}

.panel-success {
  border-color: #d6e9c6
}

.panel-success>.panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #d6e9c6
}

.panel-info {
  border-color: #bce8f1
}

.panel-info>.panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #bce8f1
}

.panel-warning {
  border-color: #faebcc
}

.panel-warning>.panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #faebcc
}

.panel-danger {
  border-color: #ebccd1
}

.panel-danger>.panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
  color: #f2dede;
  background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ebccd1
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%
}

.embed-responsive-4by3 {
  padding-bottom: 75%
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15)
}

.well-lg {
  padding: 24px;
  border-radius: 6px
}

.well-sm {
  padding: 9px;
  border-radius: 3px
}

.close {
  float: right;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20)
}

.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5;
  filter: alpha(opacity=50)
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none
}

.carousel {
  position: relative
}

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%
}

.carousel-inner>.item {
  display: none;
  position: relative;
  transition: .6s ease-in-out left
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner>.item {
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
  }
  .carousel-inner>.item.next, .carousel-inner>.item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0
  }
  .carousel-inner>.item.prev, .carousel-inner>.item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0
  }
  .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right, .carousel-inner>.item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0
  }
}

.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
  display: block
}

.carousel-inner>.active {
  left: 0
}

.carousel-inner>.next, .carousel-inner>.prev {
  position: absolute;
  top: 0;
  width: 100%
}

.carousel-inner>.next {
  left: 100%
}

.carousel-inner>.prev {
  left: -100%
}

.carousel-inner>.next.left, .carousel-inner>.prev.right {
  left: 0
}

.carousel-inner>.active.left {
  left: -100%
}

.carousel-inner>.active.right {
  left: 100%
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: .5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
  left: auto;
  right: 0;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:hover, .carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: .9;
  filter: alpha(opacity=90)
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block
}

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px
}

.carousel-control .icon-prev, .carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif
}

.carousel-control .icon-prev:before {
  content: '\2039'
}

.carousel-control .icon-next:before {
  content: '\203a'
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: transparent
}

.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff
}

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-caption .btn {
  text-shadow: none
}

@media screen and (min-width:640px) {
  .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px
  }
  .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -15px
  }
  .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -15px
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px
  }
  .carousel-indicators {
    bottom: 20px
  }
}

html, body {
  font-family: Helvetica, "Microsoft YaHei", "Microsoft JhengHei", 微軟正黑體, "Hiragino Sans GB", Arial, sans-serif;
  color: #4a4a4a;
  background-color: #f8f8f8;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  min-width: 320px
}

.autoprefixer-test {
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  background: linear-gradient(to top, black, white);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 5px
}

.autoprefixer-test ::-webkit-input-placeholder {
  color: #ccc
}

.autoprefixer-test :-moz-placeholder {
  color: #ccc
}

.autoprefixer-test ::-moz-placeholder {
  color: #ccc
}

.autoprefixer-test :-ms-input-placeholder {
  color: #ccc
}

.autoprefixer-test ::placeholder {
  color: #ccc
}

body.body-cms {
  background-color: white
}

.hide {
  display: none
}

@media(max-width:991px) {
  .hide-sm {
    display: none
  }
}

.sr-only {
  position: absolute!important
}

.col-gl-5 {
  width: 20%!important
}

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

@media(max-width:991px) {
  .rotate-sm {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
  }
}

h1 {
  font-size: 40px;
  font-weight: lighter
}

h2 {
  font-size: 30px
}

h3 {
  font-size: 24px
}

h4 {
  font-size: 16px
}

.textIndent {
  text-indent: 2em
}

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

@media(max-width:639px) {
  h1 {
    font-size: 32px;
    background-size: 70%
  }
}

b, strong {
  font-weight: bold
}

a {
  color: #2a5390;
  font-size: 14px;
  cursor: pointer
}

a:hover {
  text-decoration: underline
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

.text-justify {
  text-align: justify
}

.text-nowrap {
  white-space: nowrap
}

.floatleft {
  float: left
}

.floatright {
  float: right
}

.text-ellipsis {
  word-wrap: break-word
}

input::-ms-clear, input::-ms-reveal {
  display: none!important
}

.affix {
  position: fixed
}

.paddingTop30 {
  padding-top: 30px!important
}

.skiplinks ul li a {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  color: #223b61
}

.skiplinks ul li a:focus {
  background-color: #fff;
  border: 2px solid #223b61;
  clip: auto;
  display: block;
  height: auto;
  margin: 0;
  max-width: 1000px;
  overflow: visible;
  padding: 10px;
  position: static;
  text-align: center;
  width: 100%;
  z-index: 1
}

.skiplinks {
  background-color: #fff
}

.skiplinks ul {
  list-style-type: none;
  margin: 0 auto;
  max-width: 1000px;
  padding: 0
}

#content-body {
  clear: both
}

.panel-gold {
  background: #bfa456;
  color: #413202
}

.panel-blue {
  background: #223b61;
  color: #f8f8f8
}

.panel-blue h2 {
  font-size: 24px
}

.panel-blue .ui-select-wrapper .display-label {
  color: #f8f8f8;
  font-size: 12px
}

.panel-blue a {
  color: #f8f8f8;
  font-weight: normal
}

.panel-pink {
  color: white;
  background-color: #e4007f
}

.panel-lightblue {
  background: #a1d7dd;
  color: #223b61
}

a:focus, button:focus, input:focus, .btn:focus, *:focus {
  outline: 2px solid #a1d7dd;
  outline-offset: 0
}

form .row>div, #form .row>div {
  margin-top: 8px;
  margin-bottom: 8px
}

form .row>div.hiddenFormItem, #form .row>div.hiddenFormItem {
  display: none
}

form .row>div.noneFormItem, #form .row>div.noneFormItem {
  display: none
}

@media(min-width:991px) {
  form .row>div.hiddenFormItem, #form .row>div.hiddenFormItem {
    display: block;
    visibility: hidden
  }
  form .row>div .bookingConfirm, #form .row>div .bookingConfirm {
    margin-top: 16px
  }
}

.display-label {
  font-size: 14px
}

.bookingpanel-btn>button {
  font-size: 14px;
  font-weight: bold
}

select::-ms-expand {
  display: none
}

.hide-label .display-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.flow-navi {
  padding: 15px 30px 45px 30px;
  font-size: 16px;
  color: black
}

.flow-navi .flow-navi-head {
  display: none;
  padding: 30px 15px 30px 15px;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8
}

.flow-navi .flow-navi-head .btn-expand:after {
  margin-top: 5.5px;
  float: right
}

.flow-navi .flow-navi-list {
  position: relative
}

.flow-navi .flow-navi-list:before {
  content: "";
  border-left: 2px solid #d8d8d8;
  left: 7px;
  top: 15px;
  bottom: 95px;
  position: absolute
}

.flow-navi .flow-navi-list.hide-line:before {
  display: none
}

.flow-navi .flow-navi-list li {
  margin: 30px 0;
  position: relative;
  z-index: 1
}

.flow-navi .flow-navi-list li:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 15px 0 5px;
  background: black;
  vertical-align: middle
}

.flow-navi .flow-navi-list li a {
  vertical-align: middle;
  text-decoration: underline
}

.flow-navi .flow-navi-list li:last-of-type {
  border-top: 2px solid #d8d8d8;
  padding: 30px 0 0 26px
}

.flow-navi .flow-navi-list li:last-of-type:before {
  display: none
}

.flow-navi .flow-navi-list li.selected a {
  color: #e4007f;
  text-decoration: none
}

.flow-navi .flow-navi-list li.selected:before {
  background: #e4007f
}

@media(max-width:991px) {
  .flow-navi {
    padding: 45px 0
  }
  .flow-navi .flow-navi-head {
    display: block
  }
  .flow-navi .flow-navi-list:before {
    display: none
  }
  .flow-navi .flow-navi-list li {
    transition: all .5s ease 0s;
    opacity: 0;
    filter: alpha(opacity=0);
    max-height: 0;
    margin: 0;
    padding: 0 15px
  }
  .flow-navi .flow-navi-list li:last-of-type {
    padding: 0 15px;
    border-top-width: 3px
  }
  .flow-navi .flow-navi-list li:before {
    display: none
  }
  .flow-navi .flow-navi-list.show-list li {
    opacity: 1;
    filter: alpha(opacity=100);
    max-height: 50px;
    margin: 30px 0
  }
  .flow-navi .flow-navi-list.show-list li:last-of-type {
    padding-top: 30px
  }
}

#memberInfo h1, #myContacts h1 {
  padding-left: 60px;
  background-position-y: 16px;
  background-position-x: 10px;
  color: #4a4a4a;
  background-repeat: no-repeat
}

@media(max-width:639px) {
  #memberInfo h1, #myContacts h1 {
    background-position-y: 0;
    background-position-x: 10px;
    width: 30px
  }
}

.horizontal-form .horizontal-form-row>div {
  float: none;
  display: inline-block;
  vertical-align: bottom
}

.horizontal-form .horizontal-form-row>div .btn {
  margin-bottom: 5px;
  max-width: 100%
}

.horizontal-form .padding-right .ui-input-wrapper {
  padding-right: 0
}

.horizontal-form .padding-right>div:first-child .ui-input-wrapper {
  padding-right: 15px
}

.horizontal-form .button-right>div {
  float: right
}

.table-list a, .related-content a {
  font-size: 14px
}

.table .fixheader th, .table .fixheader td {
  padding: 5px 0
}

.page-header {
  background-color: #223b61;
  margin-bottom: 15px;
  height: 120px
}

.page-header.travel-information-header {
  margin-bottom: 0
}

.page-header h1 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 120px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.page-header img {
  float: right
}

.page-header .page-header-right {
  margin-left: 15px
}

.travel-information-header {
  height: 243px
}

.travel-information-header p {
  color: #fff;
  margin-top: 38px
}

.travel-information-header h1 {
  height: 52px
}

.page-header-image {
  background-color: #223b61;
  height: 100%;
  overflow: hidden
}

@media(max-width:991px) {
  .page-header .page-header-image {
    display: none
  }
  .page-header h1 {
    text-align: center
  }
  .travel-information-header p {
    text-align: center
  }
}

.date-picker-input:after {
  content: '';
  background: url(icon-date-input.pvg) no-repeat;
  background-size: contain;
  width: 15px;
  height: 17px;
  display: inline-block;
  position: absolute;
  top: 36px;
  right: 30px;
  z-index: 1;
  pointer-events: none
}

.popupLoading {
  position: fixed;
  top: 0;
  background-color: #000;
  width: 100%;
  height: 100%;
  opacity: .8;
  z-index: 1005
}

.popupLoading .buffer {
  width: 100%;
  height: 100%;
  background: url("/public/system/assets/images/loading.gif") center center no-repeat
}

@media(max-width:500px) {
  .popupLoading .buffer {
    background-size: 80%
  }
}

.popupLoading .buffer .popup-ads-wrapper {
  position: absolute;
  top: 55%;
  left: 50%;
  color: #fff;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.popupLoading .buffer .popup-ads-wrapper a {
  color: #fff
}

.loadingHide {
  display: none
}

.color-width {
  color: transparent
}

.forgotPassword {
  position: relative;
  z-index: 0
}

.conditions {
  vertical-align: middle;
  margin-left: 10px;
  text-decoration: underline
}

.priceTips {
  padding: 10px 0
}

.priceTips>a {
  display: inline-block;
  padding: 5px 0;
  text-decoration: underline
}

.wifi-tips .icon-info {
  font-size: 12px;
  background-size: 16px 16px;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 5px
}

.wifi-tips .icon-info:hover {
  background-size: 16px 16px
}

.ReactModal__Overlay .ReactModal__Content.wifi-popup {
  width: 800px
}

ul.wifi-table-tit {
  width: 740px;
  background-color: #223b61;
  font-weight: bold;
  position: fixed;
  left: 20px;
  top: 50px;
  z-index: 1
}

ul.wifi-table-tit li {
  display: inline-block;
  vertical-align: top;
  height: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 14px;
  padding: 0 6px 0 8px
}

@media(max-width:991px) {
  ul.wifi-table-tit {
    display: none
  }
}

.visible-print {
  display: none!important
}

.brand-flightNo {
  line-height: 2rem
}

.verificationCode {
  padding-top: 16px!important
}

.verificationCode:after {
  content: '';
  clear: both;
  display: block
}

.verificationCode .inline-block {
  float: left
}

.verificationCode .inline-block .playVoice, .verificationCode .inline-block .refresh {
  display: block;
  margin-bottom: 3px;
  width: 25px;
  height: 25px;
  margin-right: 3px
}

.verificationCode .inline-block .playVoice {
  background: url(voice.gif) no-repeat
}

.verificationCode .inline-block .refresh {
  background: url(refresh.gif) no-repeat
}

.brandDetailSpan-left {
  float: left
}

.brandDetailSpan-right {
  float: right;
  overflow: hidden
}

.brandDetailSpan-right p {
  float: left;
  height: 24px;
  line-height: 24px
}

.brandPopuBox .showPopu-brand {
  display: block
}

.brandPopuBox .hiddenPopu-brand {
  display: none
}

.hide-mobileBox {
  overflow: hidden
}

.btnUpLevBox {
  overflow: hidden;
  height: 40px
}

.btnUpLev {
  width: 170px;
  height: 40px;
  background-color: #e4007f;
  line-height: 40px;
  color: white;
  text-align: center;
  float: right;
  border: 0
}

@media print {
  .hidden-print {
    display: none!important
  }
  .visible-print {
    display: block!important
  }
}

@media print and (max-width:639px) {
  #payment .shadowcard-wrapper .shadowcard .show-detail .leg-passenger .table-wrapper {
    max-height: 500px;
    opacity: 1
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .show-passenger .table-wrapper td:first-child {
    border-left: none
  }
}

.text-pink {
  color: #e4007f!important
}

.text-blue-light {
  color: #294f9a
}

.text-bold {
  font-weight: bold
}

.loginPageBtnBox {
  padding: 0 10px
}

.loginPageBtnBox .loginPageLoginBtn {
  padding-right: 10px
}

.loginPageBtnBox .loginPageRegisterBtn {
  padding-left: 10px
}

@media(max-width:639px) {
  .loginPageBtnBox .loginPageLoginBtn {
    padding-right: 0;
    padding-bottom: 10px
  }
  .loginPageBtnBox .loginPageRegisterBtn {
    padding-left: 0
  }
}

#nb-language {
  position: relative;
  text-align: left;
  border-radius: 6px 0 6px 6px;
  border: 1px solid #333;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  margin-right: -20px;
  position: absolute;
  right: 0;
  z-index: 1002;
  background: #fff
}

#nb-language .nb-language {
  width: 600px;
  padding: 20px 10px
}

#nb-language .nb-document {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

#nb-language .nb-select {
  padding-top: 16px
}

#nb-language .language-close {
  position: absolute;
  right: 5px;
  top: 3px
}

#flightRouteContainer {
  height: 800px
}

@media(max-width:991px) {
  #flightRouteContainer {
    height: 250px
  }
}

.ib2c-list dt {
  font-weight: bold
}

.ib2c-list li:before, .ib2c-list dd:before {
  background: #e4007f;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 7px 10px 0 10px;
  vertical-align: top
}

.csConsole {
  display: block;
  width: 50px;
  height: 50px;
  background: url(http://172.31.67.44/online-customer/dist/assets/cs1.png) no-repeat;
  position: fixed;
  right: 30px;
  bottom: 100px;
  border: 1px solid #7a7f85
}

.csConsole:hover {
  width: 50px;
  height: 50px;
  background: url(http://172.31.67.44/online-customer/dist/assets/cs2.png) no-repeat;
  position: fixed;
  right: 30px;
  bottom: 100px;
  border: 1px solid #7a7f85
}

.korea {
  padding: 20px;
  overflow: auto;
  max-height: 300px;
  border: 1px solid #d8d8d8
}

.korea .tip::before {
  background: #e4007f;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 4px 15px 3px 5px
}

.korea table {
  font-size: 12px;
  border-collapse: collapse
}

.korea table th, .korea table td {
  vertical-align: middle!important;
  text-align: center
}

#transit-application-form .condition::before, #add-service .condition::before {
  background: #e4007f;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 8px 15px 0 5px;
  vertical-align: top
}

#transit-application-form .value, #add-service .value {
  display: inline-block;
  line-height: 2em
}

.space-around-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.space-between-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.center-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.flex-end-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

#onlineConsultingForm h4 {
  line-height: 3em
}

#onlineConsultingForm #btn-submit {
  margin-top: 17px
}

input[type='password'] {
  font-family: Helvetica, "Microsoft YaHei", "Microsoft JhengHei", 微軟正黑體, "Hiragino Sans GB", Arial, sans-serif
}

.ui-radio-wrapper {
  position: relative;
  float: left
}

@media(min-width:640px) {
  .ui-radio-wrapper {
    margin-right: 25px
  }
}

.ui-radio-wrapper .ui-radio {
  position: absolute;
  clip: rect(0 0 0 0)
}

.ui-radio-wrapper .label-txt {
  margin-left: 36px;
  font-size: 12px;
  color: #4d4d4d
}

.ui-radio-wrapper .label-radio {
  font-weight: normal
}

.ui-radio-wrapper .label-radio .fake-radio {
  display: inline-block;
  background: white;
  border-radius: 50% 50%;
  border: 3px solid white;
  box-shadow: 0 0 0 2px #223b61;
  width: 18px;
  height: 18px;
  margin-top: 2px
}

.ui-radio-wrapper .label-radio .label-text {
  line-height: 18px;
  left: 5px;
  top: -4px;
  position: relative;
  margin-right: 10px
}

.ui-radio-wrapper .label-radio:hover .fake-radio {
  box-shadow: 0 0 0 3px #223b61
}

.ui-radio-wrapper .label-radio.disabled {
  cursor: not-allowed
}

.ui-radio-wrapper .label-radio.disabled .fake-radio {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  box-shadow: 0 0 0 2px #707070
}

.ui-radio-wrapper .ui-radio:checked+.label-radio .label-text {
  font-weight: bold
}

.ui-radio-wrapper .ui-radio:checked+.label-radio .fake-radio, .ui-radio-wrapper .fake-radio.checked {
  background-color: #223b61;
  box-shadow: 0 0 0 2px #223b61
}

.ui-radio-wrapper .grey {
  background-color: grey!important;
  box-shadow: 0 0 0 2px grey!important
}

.ui-radio-wrapper .ui-radio:focus+.label-radio {
  outline: 2px solid #a1d7dd;
  outline-offset: 0
}

.ui-select-wrapper {
  display: block;
  width: 100%;
  padding-right: 12px
}

.ui-select-wrapper.disabled .ui-select-box .ui-select {
  background: #f8f8f8;
  color: #979797;
  border-bottom-color: #707070!important
}

.ui-select-wrapper .display-label {
  font-weight: normal;
  color: #4a4a4a;
  display: block;
  font-size: 12px
}

.ui-select-wrapper .display-label .star {
  font-size: 24px;
  display: inline-block;
  position: relative;
  line-height: 0;
  top: 5px;
  color: #e4007f
}

.ui-select-wrapper .ui-select-box {
  position: relative;
  display: block;
  font-size: 14px;
  height: 55px;
  width: 100%;
  left: 2px
}

.ui-select-wrapper .ui-select-box:before {
  content: '';
  background: url(dropdown.pvg) no-repeat;
  background-size: 80%;
  width: 16px;
  height: 12px;
  position: absolute;
  right: 0;
  top: 40%;
  z-index: 1;
  pointer-events: none
}

.ui-select-wrapper .ui-select-box.select-open:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: .4s, ease-out
}

.ui-select-wrapper .ui-select-box.select-close:before {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  transition: .4s, ease-out
}

.ui-select-wrapper .ui-select-box.select-h40:before {
  right: 6px;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8)
}

.ui-select-wrapper .ui-select-box .ui-select {
  font-weight: normal;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 14px;
  background-color: white;
  border: 1px solid #d8d8d8!important;
  border-bottom: 3px solid #223b61!important;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none\9;
  appearance: none;
  border: 0;
  box-shadow: 0, 0, 0, white;
  color: #223b61
}

.ui-select-wrapper .ui-select-box .ui-select::-ms-expand {
  display: none\9
}

.ui-select-wrapper .ui-select-box .ui-select:focus {
  border-color: #a1d7dd;
  outline: 3px solid #a1d7dd;
  outline-offset: -3px
}

.ui-select-wrapper .ui-select-box .select-text {
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 28px;
  display: inline-block;
  padding: 5px 20px 5px 10px;
  margin-right: 10px;
  border: 0;
  z-index: -1
}

.ui-select-wrapper .ui-select-box:hover {
  border-color: #223b61
}

.ui-select-wrapper .ui-select-box:hover:before {
  background-image: url(select-arrow-blue.pvg)
}

.ie9 .ui-select-wrapper .ui-select-box:before {
  display: none
}

.ui-dateinput-wrapper .display-label {
  font-weight: normal;
  color: #4a4a4a;
  display: block;
  font-size: 12px
}

.ui-dateinput-wrapper .display-label .star {
  font-size: 24px;
  display: inline-block;
  position: relative;
  line-height: 0;
  top: 5px;
  color: #e4007f
}

.ui-dateinput-wrapper .row .hide-label {
  margin-top: 0;
  margin-bottom: 0
}

.ui-dateSelect-wrapper .display-label {
  font-weight: normal;
  color: #4a4a4a;
  display: block;
  font-size: 12px
}

.ui-dateSelect-wrapper .display-label .star {
  font-size: 24px;
  display: inline-block;
  position: relative;
  line-height: 0;
  top: 5px;
  color: #e4007f
}

.ui-dateSelect-wrapper .row .hide-label {
  margin-top: 0!important;
  margin-bottom: 0!important
}

.ui-btn-wrapper .display-label {
  display: block
}

.ui-formgroup-wrapper {
  margin-bottom: 20px
}

.ui-formgroup-wrapper .inline-block {
  margin-top: 3px
}

.ui-formgroup-wrapper legend {
  position: relative;
  border: 0;
  font-size: 14px;
  border-top: 1px solid #d8d8d8;
  padding-top: 20px;
  padding-left: 35px
}

.ui-formgroup-wrapper legend:before {
  display: block;
  content: '';
  background: #223b61;
  width: 23px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 24px
}

.ui-formgroup-wrapper legend .star {
  font-size: 24px;
  display: inline-block;
  position: relative;
  line-height: 0;
  top: 5px;
  color: #e4007f
}

.ui-formgroup-wrapper .mt20 {
  margin-top: 20px
}

@media(max-width:991px) {
  .ui-formgroup-wrapper .mt20 {
    margin-top: 0
  }
}

.ui-checkbox-wrapper .label-checkbox-input:focus+.label-radio {
  outline: 2px solid #a1d7dd;
  outline-offset: 0
}

.ui-checkbox-wrapper .label-checkbox {
  margin-right: 10px
}

.ui-checkbox-wrapper .fake-checkbox {
  display: inline-block;
  background: white;
  border: 3px solid white;
  box-shadow: 0 0 0 2px #223b61;
  width: 18px;
  height: 18px;
  vertical-align: middle
}

.ui-checkbox-wrapper:hover .fake-checkbox {
  box-shadow: 0 0 0 3px #223b61
}

.ui-checkbox-wrapper .fake-checkbox.checked {
  background-image: url(tick.pvg);
  background-repeat: no-repeat
}

.ui-checkbox-wrapper .label-checkbox.disabled {
  cursor: not-allowed
}

.ui-checkbox-wrapper .label-checkbox.disabled .fake-checkbox {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  box-shadow: 0 0 0 2px #707070
}

.ui-checkbox-wrapper .label-checkbox.disabled .fake-checkbox.checked {
  background-image: url(tick-disabled.pvg)
}

.ui-checkbox-wrapper .ui-checkbox-text {
  vertical-align: middle;
  margin-left: 8px
}

.ui-checkbox-wrapper .label-checkbox-input {
  position: absolute;
  clip: rect(0 0 0 0)
}

.ui-btn-wrapper .display-label {
  font-size: 12px;
  display: block
}

.ui-custom-wrapper .display-label {
  font-weight: normal;
  color: #4a4a4a;
  display: block;
  font-size: 12px
}

.ui-custom-wrapper .contents {
  margin-top: 10px
}

.btn {
  height: 55px;
  line-height: 55px;
  width: 100%;
  max-width: 260px;
  background-color: #223b61;
  border: 0;
  color: white;
  font-size: 14px;
  padding: 0;
  text-decoration: none
}

.btn:focus {
  color: white;
  outline: 2px solid #a1d7dd;
  outline-offset: 0
}

.btn:hover {
  color: white;
  background-color: #4e6280
}

.btn:disabled {
  background-color: #d8d8d8;
  color: #8d8d8d
}

@media(max-width:639px) {
  .btn {
    max-width: 100%;
    height: 44px;
    line-height: 44px
  }
}

.btn-important {
  text-align: left;
  padding: 0 10px 0 20px;
  position: relative
}

.btn-important:after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 20px;
  background-image: url(white-arrow.pvg);
  background-repeat: no-repeat
}

@media(max-width:639px) {
  .btn-important:after {
    top: 15px
  }
}

.btn-important:disabled:after {
  background-image: url(gray-arrow.pvg)
}

.btn-second {
  text-align: center
}

.btn-third {
  color: #223b61;
  text-align: center;
  background-color: white;
  border: 3px solid #223b61
}

.btn-third:hover {
  color: #4e6280;
  background-color: white
}

.btn-third:focus {
  color: #223b61
}

.btn-third.disabled {
  color: #8d8d8d;
  border-color: #8d8d8d;
  background-color: white
}

.btn-pink {
  height: 55px;
  width: 100%;
  max-width: 260px;
  background-color: #e4007f;
  border: 0;
  color: white;
  font-size: 14px;
  padding: 0;
  line-height: 30px
}

.btn-pink:focus {
  color: white;
  outline: 2px solid #a1d7dd;
  outline-offset: 0
}

.btn-pink:hover {
  color: white;
  background-color: #df1686
}

@media(max-width:639px) {
  .btn-pink {
    max-width: 100%;
    height: 44px
  }
}

.btn-pink-important {
  text-align: left;
  padding: 0 10px 0 20px;
  position: relative
}

.btn-pink-important:after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 20px;
  background-image: url(white-arrow.pvg);
  background-repeat: no-repeat
}

@media(max-width:639px) {
  .btn-pink-important:after {
    top: 15px
  }
}

.btn-pink-important:disabled {
  background-color: #d8d8d8;
  color: #8d8d8d
}

.btn-pink-important:disabled:after {
  background-image: url(gray-arrow.pvg)
}

.btn-pink-second {
  text-align: center
}

.btn-pink-third {
  color: #e4007f;
  text-align: center;
  background-color: white;
  border: 3px solid #e4007f
}

.btn-pink-third:hover {
  color: #e72784;
  border-color: #e72784;
  background-color: white
}

.btn-pink-third:focus {
  color: #e4007f
}

.btn-pink-third.disabled {
  color: #8d8d8d;
  border-color: #8d8d8d;
  background-color: white
}

.btn-special {
  height: 55px;
  width: 100%;
  max-width: 260px;
  background-color: white;
  border: 3px solid #594510;
  color: #594510;
  font-size: 14px;
  padding: 0;
  line-height: 30px;
  display: inline-block;
  text-align: center
}

.btn-special:hover {
  background-color: white;
  border: 3px solid #bfa456
}

.btn-special:disabled {
  background-color: white;
  color: #8d8d8d;
  border: 3px solid #8d8d8d
}

@media(max-width:639px) {
  .btn-special {
    max-width: 100%
  }
}

.btn-link {
  padding-right: 20px;
  color: #4a4a4a;
  font-size: 14px;
  background: url(icon-arrow-right.pvg) right center no-repeat
}

.btn-link.pink-arrow {
  background-image: url(icon-arrow-right-pink2.pvg)
}

.btn-link:hover {
  color: #4a4a4a;
  cursor: pointer
}

.btn-expand {
  background: 0;
  padding-right: 6px;
  text-decoration: none
}

.btn-expand:after {
  content: "";
  display: inline-block;
  height: 8px;
  width: 15px;
  background: url(icon-arrow-down-black.pvg) center no-repeat;
  margin-left: 10px;
  margin-bottom: 1px;
  transition: -webkit-transform .5s ease 0s;
  transition: transform .5s ease 0s;
  transition: transform .5s ease 0s, -webkit-transform .5s ease 0s
}

.btn-expand.cardheader {
  display: block;
  background: #223b61;
  color: white;
  width: 100%;
  text-align: left;
  padding: 10px 15px;
  text-decoration: none;
  font-weight: bold
}

.btn-expand.cardheader:after {
  float: right;
  background: url(arrow-down-white.pvg) right no-repeat;
  width: 20px;
  margin-top: 7px
}

.btn-expand-show:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.btn-small {
  width: 100px;
  height: 30px;
  line-height: 30px
}

.custom-form>fieldset>.row:last-child fieldset {
  margin-bottom: 0
}

.custom-form legend.noTxt {
  margin-bottom: 0
}

.custom-form legend.noTxt:before {
  display: none
}

.customform-wrapper .star {
  font-weight: bold;
  font-size: 16px;
  color: #e4007f
}

.customform-wrapper .form-head {
  padding: 8px 0
}

.customform-wrapper .form-head .sub-title .star {
  padding: 0 5px
}

.customform-wrapper .ui-autocomplete, .customform-wrapper .ui-select-wrapper, .customform-wrapper .ui-radio-wrapper, .customform-wrapper .ui-checkbox-wrapper, .customform-wrapper .ui-input-wrapper, .customform-wrapper .ui-btn-wrapper, .customform-wrapper .ui-forminfo-wrapper, .customform-wrapper .ui-custom-wrapper, .customform-wrapper .ui-filebox-wrapper {
  padding: 0 10px
}

.customform-wrapper .ui-autocomplete .text-phone, .customform-wrapper .ui-select-wrapper .text-phone, .customform-wrapper .ui-radio-wrapper .text-phone, .customform-wrapper .ui-checkbox-wrapper .text-phone, .customform-wrapper .ui-input-wrapper .text-phone, .customform-wrapper .ui-btn-wrapper .text-phone, .customform-wrapper .ui-forminfo-wrapper .text-phone, .customform-wrapper .ui-custom-wrapper .text-phone, .customform-wrapper .ui-filebox-wrapper .text-phone {
  margin-top: 30px;
  font-size: 14px
}

@media(max-width:639px) {
  .customform-wrapper .ui-autocomplete .text-phone, .customform-wrapper .ui-select-wrapper .text-phone, .customform-wrapper .ui-radio-wrapper .text-phone, .customform-wrapper .ui-checkbox-wrapper .text-phone, .customform-wrapper .ui-input-wrapper .text-phone, .customform-wrapper .ui-btn-wrapper .text-phone, .customform-wrapper .ui-forminfo-wrapper .text-phone, .customform-wrapper .ui-custom-wrapper .text-phone, .customform-wrapper .ui-filebox-wrapper .text-phone {
    margin-top: 10px;
    font-size: 12px
  }
}

.customform-wrapper .ui-dateinput-wrapper {
  padding: 0 10px
}

.customform-wrapper .ui-dateinput-wrapper .dateInputWrapper:nth-child(2) .ui-input-wrapper {
  padding: 0 10px 0 0
}

.customform-wrapper .ui-dateinput-wrapper .dateInputWrapper:nth-child(3) .ui-input-wrapper {
  padding: 0 10px 0 0
}

.customform-wrapper .ui-dateinput-wrapper .dateInputWrapper:nth-child(4) .ui-input-wrapper {
  padding: 0
}

.customform-wrapper .ui-dateSelect-wrapper {
  padding: 0 10px
}

.customform-wrapper .ui-dateSelect-wrapper .dateSelectWrapper {
  margin: 0
}

.customform-wrapper .ui-dateSelect-wrapper .dateSelectWrapper:nth-child(2) .ui-select-wrapper {
  padding: 0 10px 0 0
}

.customform-wrapper .ui-dateSelect-wrapper .dateSelectWrapper:nth-child(3) .ui-select-wrapper {
  padding: 0 10px 0 0
}

.customform-wrapper .ui-dateSelect-wrapper .dateSelectWrapper:nth-child(4) .ui-select-wrapper {
  padding: 0
}

@media(max-width:639px) {
  .customform-wrapper .ui-autocomplete, .customform-wrapper .ui-select-wrapper, .customform-wrapper .ui-radio-wrapper, .customform-wrapper .ui-checkbox-wrapper, .customform-wrapper .ui-input-wrapper, .customform-wrapper .ui-btn-wrapper, .customform-wrapper .ui-forminfo-wrapper, .customform-wrapper .ui-custom-wrapper, .customform-wrapper .ui-filebox-wrapper {
    margin-bottom: 5px
  }
  .customform-wrapper .col-xs-12 .ui-btn-wrapper .display-label {
    display: none
  }
}

.errorMsg {
  margin: 10px 0 20px 0
}

.errorMsg ul {
  background-color: #fff;
  padding: 20px 20px 20px 65px;
  min-height: 65px;
  border: 1px solid #d0021b;
  position: relative
}

.errorMsg ul:before {
  content: "";
  background: url(icon-error.pvg);
  width: 25px;
  height: 25px;
  position: absolute;
  top: 20px;
  left: 20px
}

.errorMsg ul li {
  display: block;
  margin: 10px 0
}

.errorMsg ul li a {
  font-size: 14px;
  color: #e4007f;
  text-decoration: none
}

.errorMsg ul li a:hover {
  color: #e4007f
}

.errorMsg ul li:first-of-type {
  margin-top: 0
}

.errorMsg ul li:last-of-type {
  margin-bottom: 0
}

.errorMsg>.normalTip {
  border: 2px solid #e4007f;
  padding: 10px 10px 10px 65px;
  min-height: 40px;
  background: #fff url(icon-label-info.pvg) no-repeat 20px center
}

.errorMsg>.normalTip:before {
  background: 0;
  top: 8px
}

.showErrorMsg {
  position: relative
}

.showErrorMsg .showErrorMsg {
  position: static
}

.showErrorMsg .errorMsgs {
  position: relative
}

.showErrorMsg .errorMsgs:before {
  content: "";
  background: url(icon-error.pvg);
  width: 25px;
  height: 25px;
  position: absolute;
  top: -8px;
  left: 0
}

.showErrorMsg .errorMsg {
  position: relative
}

.showErrorMsg .errorMsg:before {
  content: "";
  background: url(icon-error.pvg);
  width: 25px;
  height: 25px;
  position: absolute;
  top: -8px;
  left: -30px
}

.showErrorMsg .dateErrorMsg {
  position: relative
}

.showErrorMsg .dateErrorMsg:before {
  content: "";
  background: url(icon-error.pvg);
  width: 25px;
  height: 25px;
  position: absolute;
  top: -8px;
  left: 0
}

.showErrorMsg input {
  display: block;
  position: relative;
  height: 55px;
  width: 100%;
  padding-left: 12px;
  background: white;
  color: black;
  border: 1px solid #d8d8d8;
  border-bottom: 3px solid #ee66b2;
  font-weight: bold;
  font-size: 14px
}

.showErrorMsg input:hover {
  border-color: #ee66b2;
  outline: 1px solid #ee66b2;
  outline-offset: 0
}

.showErrorMsg textarea {
  display: block;
  position: relative;
  width: 100%;
  padding-left: 12px;
  background: white;
  color: black;
  border: 1px solid #d8d8d8;
  border-bottom: 3px solid #ee66b2;
  font-weight: bold;
  font-size: 14px
}

.showErrorMsg textarea:hover {
  border-color: #ee66b2;
  outline: 1px solid #ee66b2;
  outline-offset: 0
}

.showErrorMsg .ui-autocomplete-box {
  display: block;
  width: 100%;
  position: relative;
  border: 1px solid #d8d8d8;
  border-bottom: 3px solid #ee66b2;
  height: 55px
}

.showErrorMsg .ui-autocomplete-box:hover {
  border-color: #ee66b2;
  outline: 1px solid #ee66b2;
  outline-offset: 0
}

.showErrorMsg .ui-select-box .ui-select {
  font-weight: normal;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 14px;
  background-color: white;
  border: 1px solid #d8d8d8!important;
  border-bottom: 3px solid #ee66b2!important;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none\9;
  appearance: none;
  border: 0;
  box-shadow: 0, 0, 0, white;
  color: #223b61
}

.showErrorMsg .ui-select-box .ui-select:hover {
  border-color: #ee66b2;
  outline: 2px solid #ee66b2;
  outline-offset: 0
}

.showErrorMsg .display-label {
  color: #e4007f!important;
  padding-left: 30px!important
}

.showErrorMsg .display-label .errorMsg {
  position: relative
}

.showErrorMsg .display-label .errorMsg:before {
  content: "";
  background: url(icon-error.pvg);
  width: 25px;
  height: 25px;
  position: absolute;
  top: -8px;
  left: -30px
}

.showErrorMsg .newErrorPop {
  position: absolute;
  z-index: 9;
  border: 1px solid #e4007f;
  background: #e4007f;
  color: #fff;
  border-radius: 4px;
  bottom: calc(100% - 13px);
  right: 0;
  font-weight: normal;
  padding: 2px 5px;
  display: none
}

@media(max-width:991px) {
  .showErrorMsg .newErrorPop {
    white-space: normal
  }
}

.showErrorMsg .dateSelectWrapper:nth-child(2) .newErrorPop {
  right: -350%
}

.showErrorMsg .dateSelectWrapper:nth-child(3) .newErrorPop {
  right: -238%
}

.showErrorMsg .input:focus+.newErrorPop {
  display: block
}

.showErrorMsg .payment-cell .input:focus+.newErrorPop {
  display: block;
  bottom: calc(100%+5px)
}

.showErrorMsg .ui-select:focus+.newErrorPop {
  display: block;
  bottom: calc(100%+5px)
}

.showErrorMsg .label-checkbox-input:focus+.newErrorPop {
  display: block;
  bottom: calc(100%+5px);
  left: 0
}

.showErrorMsg .ui-autocomplete-input:focus+.newErrorPop {
  display: block;
  bottom: calc(100%+5px);
  left: 0
}

.showErrorMsg .textarea .newErrorPop {
  display: block
}

.showErrorMsg .ui-autocomplete-box:focus+.newErrorPop {
  display: block
}

.showErrorMsg .textarea:focus+.newErrorPop {
  display: block
}

.showErrorMsg.combo-row>.display-label {
  clip: auto!important;
  position: static!important;
  width: auto!important;
  height: auto!important;
  margin: 0!important
}

.showErrorMsg.combo-row .newErrorPop {
  right: auto;
  left: 0
}

.booking-login .showErrorMsg .newErrorPop {
  right: auto;
  left: 0
}

.refund-uatp .errorMsg {
  margin: 0
}

.form-inner-children {
  padding: 10px
}

#member-find-password-form .findpassword .tabbox .contents {
  margin-top: 0
}

#member-find-password-form .findpassword .find-password-steps {
  margin-bottom: 10px
}

#member-find-password-form .findpassword .find-password-steps .center {
  text-align: center
}

#member-find-password-form .findpassword .find-password-steps .current {
  font-weight: bold;
  color: #d0021b
}

#memberLoginForm {
  height: 500px;
  font-size: 40px
}

#limoApplicationForm .service-item-sub {
  margin-left: 18px;
  padding-left: 7px;
  border-left: 1px solid #f8f8f8
}

.showErrorMsgDefault {
  position: relative
}

.showErrorMsgDefault .newErrorPop {
  position: absolute;
  z-index: 9;
  border: 1px solid #e4007f;
  background: #e4007f;
  color: #fff;
  border-radius: 4px;
  bottom: calc(100% - 13px);
  right: 0;
  font-weight: normal;
  padding: 2px 5px;
  display: none
}

@media(max-width:991px) {
  .showErrorMsgDefault .newErrorPop {
    white-space: normal
  }
}

.showErrorMsgDefault .dateSelectWrapper:nth-child(2) .newErrorPop {
  right: -350%
}

.showErrorMsgDefault .dateSelectWrapper:nth-child(3) .newErrorPop {
  right: -238%
}

.showErrorMsgDefault .input:focus+.newErrorPop {
  display: block
}

.showErrorMsgDefault .payment-cell .input:focus+.newErrorPop {
  display: block;
  bottom: calc(100%+5px)
}

.showErrorMsgDefault .ui-select:focus+.newErrorPop {
  display: block;
  bottom: calc(100%+5px)
}

.showErrorMsgDefault .label-checkbox-input:focus+.newErrorPop {
  display: block;
  bottom: calc(100%+5px);
  left: 0
}

.showErrorMsgDefault .ui-autocomplete-input:focus+.newErrorPop {
  display: block;
  bottom: calc(100%+5px);
  left: 0
}

.showErrorMsgDefault .textarea .newErrorPop {
  display: block
}

.showErrorMsgDefault .ui-autocomplete-box:focus+.newErrorPop {
  display: block
}

.showErrorMsgDefault.combo-row>.display-label {
  clip: auto!important;
  position: static!important;
  width: auto!important;
  height: auto!important;
  margin: 0!important
}

.showErrorMsgDefault.combo-row .newErrorPop {
  right: auto;
  left: 0
}

.ui-inputselnum-wrapper {
  display: block;
  width: 100%;
  position: relative;
  padding-right: 15px
}

.ui-inputselnum-wrapper .none {
  display: none
}

.ui-inputselnum-wrapper .cardlist {
  width: calc(100% - 15px);
  top: 100%;
  left: 0;
  z-index: 9999;
  position: absolute;
  overflow: auto;
  max-height: 300px;
  background: white;
  border: 1px solid #d8d8d8
}

.ui-inputselnum-wrapper .cardlist span:hover {
  cursor: pointer;
  background: #eee
}

.ui-inputselnum-wrapper .cardlist span {
  display: block;
  padding: 0 20px;
  line-height: 50px;
  height: 50px
}

.ui-inputselnum-wrapper .look-password {
  position: absolute;
  width: 25px;
  height: 25px;
  right: 20px;
  bottom: 20px;
  background: url("/public/system/assets/images/eye-icon2.png") no-repeat center
}

.ui-inputselnum-wrapper .look-password:hover {
  background: url("/public/system/assets/images/eye-icon1.png") no-repeat center
}

.ui-inputselnum-wrapper.disabled .input, .ui-inputselnum-wrapper.disabled .textarea {
  background: #f8f8f8;
  color: #979797;
  border-bottom-color: #707070!important
}

.ui-inputselnum-wrapper .display-label {
  font-weight: normal;
  color: #4a4a4a;
  display: block;
  font-size: 12px
}

.ui-inputselnum-wrapper .display-label .star {
  font-size: 24px;
  display: inline-block;
  position: relative;
  line-height: 0;
  top: 5px;
  color: #e4007f
}

.ui-inputselnum-wrapper .display-label .icon-info {
  background: url(icon-info.pvg) center center no-repeat;
  background-size: contain;
  cursor: pointer;
  border: 0;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  vertical-align: middle
}

.ui-inputselnum-wrapper input, .ui-inputselnum-wrapper textarea {
  display: block;
  position: relative;
  height: 55px;
  width: 100%;
  padding-left: 12px;
  background: white;
  color: black;
  border: 1px solid #d8d8d8;
  border-bottom: 3px solid #223b61;
  font-weight: bold;
  font-size: 14px
}

.ui-inputselnum-wrapper input#clearleft, .ui-inputselnum-wrapper textarea#clearleft {
  padding-left: 0
}

.ui-inputselnum-wrapper input:hover, .ui-inputselnum-wrapper textarea:hover {
  border-color: #223b61;
  outline: 1px solid #223b61;
  outline-offset: 0
}

.ui-inputselnum-wrapper input:focus, .ui-inputselnum-wrapper textarea:focus {
  border-color: #a1d7dd;
  outline: 2px solid #a1d7dd;
  outline-offset: 0
}

.ui-inputselnum-wrapper input:active, .ui-inputselnum-wrapper textarea:active {
  border-color: #223b61;
  outline: 2px solid #a1d7dd;
  outline-offset: 0
}

.ui-inputselnum-wrapper textarea {
  padding: 10px 12px;
  height: 140px;
  max-width: 100%;
  resize: none
}

.ui-inputselnum-wrapper input.disabled, .ui-inputselnum-wrapper textarea.disabled {
  cursor: not-allowed;
  background: #f8f8f8;
  color: #d8d8d8
}

.ui-inputselnum-wrapper input.disabled:hover, .ui-inputselnum-wrapper textarea.disabled:hover {
  border-color: #d8d8d8;
  outline: 0;
  background: #f8f8f8
}

.ui-inputselnum-wrapper input.alert {
  border-color: #d0021b;
  outline: 1px solid #d0021b
}

.ui-inputselnum-wrapper input.pass {
  border-color: #417505;
  outline: 1px solid #417505
}

.ui-inputselnum-wrapper .tips {
  font-weight: normal
}

.content {
  width: 83.333%;
  margin-left: auto;
  margin-right: auto
}

.article-banner-title {
  max-height: 250px;
  background-color: #bfa456;
  background-image: url(banner-service-right.png);
  background-position: right;
  background-repeat: no-repeat
}

.article-banner {
  background-color: #bfa456
}

.article-banner.page404 .title-text {
  width: 545px
}

.article-banner.page404 .subtitle {
  font-size: 40px
}

.article-banner .article-banner-image {
  height: 250px;
  position: relative;
  overflow: hidden
}

.article-banner .article-banner-image .col-sm-6 {
  height: 250px;
  overflow: hidden;
  width: auto
}

@media(max-width:991px) {
  .article-banner .article-banner-image {
    display: none
  }
}

.article-banner .title-text {
  margin-top: 20px;
  text-align: left;
  color: #413202;
  width: 501px;
  font-weight: normal
}

.article-banner .title-text h1 {
  font-weight: normal
}

.article-banner .title-text .tags img {
  margin-left: 15px
}

.article-banner .title-text .title {
  margin: 15px 0;
  line-height: 50px
}

@media(max-width:640px) {
  .article-banner .title-text .title {
    width: 100%;
    font-size: 17px;
    line-height: 25px
  }
}

@media(max-width:640px) {
  .article-banner .title-text {
    width: auto
  }
}

.article-banner .article-banner-title-blue {
  background: #223b61
}

.article-banner .article-banner-title-blue .title-text {
  color: white
}

.headline {
  margin: 40px 0
}

.headline h2 {
  font-weight: 100;
  font-size: 30px;
  line-height: 1.2;
}

.headline .subtitle {
  margin-top: 10px
}

.RTE {
  margin: 30px 0 70px
}

.RTE em, .RTE i {
  font-style: italic
}

.RTE strong, .RTE b {
  font-weight: bold
}

.RTE h3 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #777;
  margin-top: 40px
}

.RTE div {
  line-height: 23px;
  font-size: 14px
}

.RTE span {
  line-height: 23px;
  font-size: 14px
}

.RTE p {
  line-height: 23px;
  margin-bottom: 20px;
  font-size: 14px
}

.RTE p .article-text-bold {
  font-weight: bold
}

.RTE p .article-text-emph {
  color: #e4007f
}

.RTE p .article-text-italic {
  font-style: italic
}

.RTE ol {
  margin: 30px 0
}

.RTE ol li {
  margin-bottom: 40px;
  padding-left: 57px;
  line-height: 23px;
  position: relative;
  counter-increment: step-counter
}

.RTE ol li:before {
  content: counter(step-counter) ".";
  position: absolute;
  top: -1px;
  left: 30px;
  color: #223b61;
  font-weight: bold;
  font-size: 18px
}

.RTE ol li span {
  display: inline-block;
  max-width: 632px
}

.RTE ol li li {
  margin-bottom: 12px
}

.RTE ol li ol li {
  counter-increment: sub-step-counter
}

.RTE ol li ol li:before {
  content: counter(sub-step-counter) ".";
  font-size: 14px
}

.RTE ul {
  margin: 30px 0
}

.RTE ul li {
  margin-bottom: 40px;
  padding-left: 57px;
  line-height: 23px;
  position: relative
}

.RTE ul li:before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 4px;
  left: 30px;
  background: #e4007f
}

.RTE ul li.nobefore:before {
  display: none
}

.RTE ul li span {
  display: inline-block;
  max-width: 632px
}

.RTE ul li li {
  margin-bottom: 12px
}

.RTE ul li ul li:before {
  height: 4px;
  top: 9px
}

.RTE ol.link, .RTE ul.link {
  margin: 30px 0
}

.RTE ol.link li, .RTE ul.link li {
  margin-bottom: 10px
}

.RTE img {
  margin: 20px 0;
  max-width: 100%
}

.RTE table {
  width: 100%
}

.RTE table caption {
  font-size: 25px;
  margin-bottom: 10px;
  color: black
}

.RTE table thead tr {
  border-top: 3px solid #223b61;
  border-bottom: 2px solid #d8d8d8
}

.RTE table tbody tr {
  border-bottom: 1px solid #979797
}

.RTE table tbody tr:nth-of-type(even) {
  background-color: #f8f8f8
}

.RTE table td, .RTE table th {
  width: 1%;
  height: 30px;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  padding: 30px 5px;
  border: 1px solid #d8d8d8
}

.RTE table th {
  border-bottom: 3px solid #d8d8d8;
  font-weight: bold
}

.expandable_box {
  margin: 30px 0 10px;
  padding: 10px 0;
  border-top: 2px solid rgba(128, 128, 128, 0.45);
  border-bottom: 2px solid rgba(128, 128, 128, 0.45)
}

.expandable_box .expandable_box_title {
  font-weight: normal;
  font-size: 24px
}

.expandable_box .expandable_box_title .expandable_box_icon {
  width: 15px;
  height: 8px;
  display: inline-block;
  float: right;
  background-image: url(icon-arrow-down.png);
  margin-top: 8px;
  transition: -webkit-transform .5s ease 0s;
  transition: transform .5s ease 0s;
  transition: transform .5s ease 0s, -webkit-transform .5s ease 0s
}

.expandable_box .subtitle {
  margin-top: 10px
}

.expandable_box_contant {
  margin-top: 10px;
  overflow: hidden;
  transition: height .5s ease 0s;
  line-height: 23px
}

.table {
  margin: 30px 0;
  width: 100%
}

.table table {
  width: 100%
}

.table table caption {
  font-size: 25px;
  margin-bottom: 10px;
  color: black
}

.table table thead tr {
  border-top: 3px solid #223b61;
  border-bottom: 2px solid #d8d8d8
}

.table table tbody tr {
  border-bottom: 1px solid #979797
}

.table table tbody tr:nth-of-type(even) {
  background-color: #f8f8f8
}

.table table td, .table table th {
  width: 1%;
  height: 30px;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  padding: 30px 20px;
  border: 1px solid #d8d8d8
}

.table table td a:after, .table table th a:after {
  background-image: none
}

.table table td a:hover, .table table th a:hover {
  text-decoration: underline
}

.table table th {
  border-bottom: 3px solid #d8d8d8;
  font-weight: bold
}

.article-social {
  margin: 30px 0;
  padding-left: 25px
}

.article-social a {
  display: inline-block;
  width: 60px;
  height: 60px
}

.page-info {
  margin: 30px 0;
  padding-left: 25px
}

.page-info p {
  margin-bottom: 10px
}

.related-content {
  margin: 30px 0;
  padding: 15px 0;
  background-color: #f8f8f8
}

.related-content h3 {
  margin-bottom: 10px;
  margin-top: 10px
}

.related-content ul li {
  vertical-align: top;
  margin: 10px 0;
  max-width: 280px
}

.related-content ul li:before {
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  background: #e4007f;
  vertical-align: top;
  margin-top: 4px;
  margin-left: 2px
}

.related-content ul li a {
  padding: 0 10px;
  display: inline-block;
  width: 90%;
  line-height: 20px
}

.scrollToFix-fix.scrollToFix-fix-bottom {
  top: 2450px;
  position: absolute;
  width: 100%;
  display: none
}

@media(min-width:992px) {
  .scrollToFix-fix {
    z-index: 0;
    position: fixed;
    top: 0;
    width: 28%
  }
}

.sub-navigation {
  margin: 40px 0;
  padding: 30px 30px 0;
  border-top: 1px solid rgba(128, 128, 128, 0.31)
}

@media(max-width:991px) {
  .sub-navigation .sub-navigation-icon {
    width: 15px;
    height: 8px;
    display: inline-block;
    float: right;
    background-image: url(icon-arrow-down.png);
    margin-top: 8px;
    transition: -webkit-transform .5s ease 0s;
    transition: transform .5s ease 0s;
    transition: transform .5s ease 0s, -webkit-transform .5s ease 0s
  }
}

.sub-navigation a.active {
  font-weight: bold
}

.sub-navigation p {
  font-size: 24px
}

.sub-navigation li {
  margin: 20px 0;
  transition: all .5s ease 0s
}

@media(max-width:991px) {
  .sub-navigation ul.sub-navigation-hide li {
    margin: 0;
    height: 0;
    opacity: 0;
    filter: alpha(opacity=0)
  }
}

.page-navigation {
  margin: 40px 0;
  padding: 30px 30px 0;
  border-top: 1px solid rgba(128, 128, 128, 0.31)
}

.page-navigation p {
  font-size: 24px
}

.page-navigation ul {
  position: relative;
  border-left: 2px solid rgba(128, 128, 128, 0.53);
  margin: 20px 0
}

.page-navigation ul .slide-box {
  transition: top .5s ease 0s;
  background-color: #e4007f;
  width: 2px;
  height: 27px;
  position: absolute;
  left: -2px;
  top: 0
}

.page-navigation ul li.active a {
  font-weight: bold
}

.page-navigation ul li {
  padding: 5px 10px;
  margin: 15px 0
}

.page-navigation ul li a {
  vertical-align: middle
}

.breadcrumbs {
  padding: 20px 0;
  background-color: #223b61
}

.breadcrumbs img {
  height: 13.5px
}

.breadcrumbs li {
  display: inline-block
}

.breadcrumbs li .arrow {
  margin: 0 15px
}

.breadcrumbs li span, .breadcrumbs li a {
  color: #fff
}

.breadcrumbs li a {
  font-weight: normal
}

.breadcrumbs li:last-child span {
  font-weight: bold
}

.table-list thead tr {
  border-bottom: 2px solid #223b61
}

.table-list tbody tr {
  border-bottom: 1px solid gray
}

.table-list td, .table-list th {
  height: 30px;
  padding: 40px 20px;
  border-left: none;
  border-right: 0;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle
}

.table-list td:first-child, .table-list th:first-child {
  text-align: left
}

.pagination {
  display: block;
  margin: 10px 0
}

.pagination li {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  margin-right: 5px;
  text-align: center;
  border: 1px solid #ccc
}
.pagination li:before{
  display: none!important;
}
.pagination li a {
  line-height: 25px
}

.pagination li.active {
  color: white;
  padding: 0 8px;
  background-color: #e4007f;
  color: #fff
}

.pagination li.active a {
  color: white
}

.pagination li.pagination-info {
  margin-left: 25px
}

.list_box {
  overflow: hidden
}

.list_box a {
  text-decoration: none;
  padding-bottom: 500px;
  margin-bottom: -499px;
  background-color: #f8f8f8;
  border-right: 1px solid #fff
}

.list_box a:hover {
  color: black;
  text-decoration: none
}

.list_box a .text {
  min-height: 140px;
  background-color: #f8f8f8
}

.list_box a .text:before {
  content: "";
  position: relative;
  top: -27px;
  left: 20px;
  background-color: transparent;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #f8f8f8 transparent
}

.list_box a .text .title {
  padding: 0 50px 0 15px;
  font-size: 24px;
  color: black;
  line-height: 28px;
  overflow: hidden;
  margin-top: -5px;
  background: url(arrowright.pvg) 95% center no-repeat;
  background-position: 100% 7px;
  width: 95%
}

.list_box a .text .sub {
  margin: 10px 15px;
  font-size: 14px;
  width: 70%;
  color: black;
  line-height: 16px;
  min-height: 30px
}

.list_box a .text img {
  position: relative;
  left: 84%;
  top: 26px
}

.list_box a .noimage {
  display: none
}

.list_box .image {
  overflow: hidden;
  height: 136px
}

@media(min-width:1200px) {
  .list_box .image {
    height: 190px
  }
}

@media(max-width:991px) {
  .list_box .image {
    height: 200px
  }
}

.list_boxA {
  text-decoration: none;
  margin-bottom: 10px;
  background-color: #f8f8f8;
  border-left: 3px solid #fff
}

.list_boxA .image {
  height: 160px;
  overflow: hidden;
  border-top: 10px solid #fff
}

.list_boxA .text {
  min-height: 120px;
  margin-top: 15px;
  background-color: #f8f8f8
}

.list_boxA .text .title {
  padding: 0 50px 0 15px;
  font-size: 24px;
  color: black;
  line-height: 28px;
  overflow: hidden;
  margin-top: -5px;
  background: url(arrowright.pvg) 95% center no-repeat;
  background-position: 100% 7px;
  width: 95%
}

.list_boxA .text .sub {
  margin: 10px 15px;
  font-size: 14px;
  width: 70%;
  color: black;
  line-height: 16px;
  min-height: 30px
}

.related-content-pic h3 {
  padding: 10px 0 10px 15px
}

.related-content-pic .related {
  height: 170px;
  background-color: #223b61
}

.related-content-pic .related .image {
  display: inline-block;
  height: 100%
}

.related-content-pic .related .text {
  display: inline-block;
  float: right;
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: 50%;
  padding: 20px;
  background-color: #223b61;
  color: white;
  font-size: 14px;
  font-weight: 200;
  line-height: 20px;
  text-decoration: underline;
  font-family: helvetica
}

.related-content-pic .related .trangle {
  position: absolute;
  left: 46%;
  top: 20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 25px 20px 0;
  border-color: transparent #223b61 transparent transparent
}

.hotel-list {
  border-top: 70px solid #223b61;
  margin-top: 50px
}

.hotel-list .hotel-wrapper {
  background: #f8f8f8
}

.hotel-list .hotel-wrapper .hotel-text {
  padding: 30px;
  border: 1px solid white;
  font-size: 14px
}

.hotel-list .hotel-wrapper .hotel-text:before {
  content: "";
  position: relative;
  top: -57px;
  left: 0;
  background-color: transparent;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #f8f8f8 transparent
}

.hotel-list .hotel-wrapper .hotel-text .price-title {
  margin-top: 30px
}

.hotel-list .hotel-wrapper .hotel-text .text-big {
  font-size: 24px
}

.hotel-list .hotel-wrapper .hotel-text .btn {
  margin-top: 10px;
  max-width: 100%
}

.hotel-list .hotel-wrapper .hotel-image {
  position: relative;
  height: 0;
  padding-bottom: 47%
}

.hotel-list .hotel-wrapper .hotel-image img {
  position: absolute
}

.container .rightBar-M {
  padding-left: 25px
}

.banner-right-M {
  margin-left: 25px
}

.blue-banner-bg {
  background-color: #223b61
}

.blue-banner-bg .title-text {
  color: #fff
}

@media(max-width:991px) {
  .tabList {
    width: 100%;
    overflow-x: auto;
    height: 100%
  }
  .title-text {
    padding: 0 15px;
    margin-bottom: 20px
  }
  .RTE {
    margin: 0 5px 5px;
    background-color: #fff
  }
  .RTE img {
    margin: 0
  }
  .RTE p {
    padding: 0 10px 10px;
    margin-bottom: 0
  }
  .RTE ul, .RTE ol {
    margin: 0;
    padding: 0 10px 10px
  }
  .RTE ul li:before, .RTE ol li:before {
    left: 0
  }
  .RTE ul li, .RTE ol li {
    padding-left: 20px;
    margin-bottom: 15px
  }
  .RTE h3 {
    margin: 0;
    padding: 10px;
    font-size: 14px
  }
  .headline {
    background-color: #fff;
    margin: 0;
    padding: 15px 10px 5px;
    margin: 0 5px
  }
  .headline h2 {
    font-size: 14px;
    font-weight: bold
  }
  .related-content {
    margin: 5px;
    padding: 10px 0
  }
  .related-content h3 {
    margin: 0;
    font-size: 18px
  }
  .related-content a {
    font-size: 14px
  }
  .banner-right-M {
    margin-left: 0
  }
  .article-social, .page-info {
    margin: 5px 5px 0 5px;
    padding: 10px;
    background-color: #fff
  }
  .page-info {
    margin: 0 5px 5px 5px;
    padding-top: 0
  }
  .page-info p {
    margin-bottom: 5px
  }
  #content-body .table-list {
    background-color: #fff;
    margin: 0 5px 5px;
    width: auto
  }
  #content-body .table-list td, #content-body .table-list th {
    padding: 10px
  }
  #content-body .table-list td a, #content-body .table-list th a {
    font-size: 14px
  }
  #content-body .pagination {
    margin: 5px 0
  }
  #content-body .Additional-Infomation {
    margin: 5px;
    background-color: #fff;
    width: auto
  }
  #content-body .Additional-Infomation .title {
    font-size: 18px
  }
  #content-body .Additional-Infomation .text, #content-body .Additional-Infomation .btn-link {
    font-size: 14px;
    margin-top: 10px
  }
  .col-md-8 .rightBar-M {
    margin: 0
  }
  .col-md-8 .rightBar-M .related-content .rightBar-M {
    margin-left: 15px
  }
  .col-md-8 .table.table-custom, .col-md-8 .video {
    margin: 0 5px 5px;
    background-color: #fff;
    overflow-x: scroll
  }
  .col-md-8 .table.table-custom table caption {
    font-size: 14px;
    margin-left: 10px
  }
  .col-md-8 .table.table-custom table th, .col-md-8 .table.table-custom table td {
    padding: 10px 20px
  }
  .col-md-8 .video strong {
    margin: 10px;
    float: left
  }
  .baggage {
    overflow-x: scroll
  }
  .expandable_box {
    background-color: #fff;
    padding: 15px 10px;
    margin: 5px 5px 0 5px;
    border: 0
  }
  .expandable_box p, .expandable_box .expandable_box_title {
    font-weight: bold;
    font-size: 14px
  }
  .expandable_box_contant {
    overflow-x: scroll
  }
  .expandable_box_contant img {
    margin-bottom: 10px
  }
  .sub-navigation {
    margin: 5px 0;
    background-color: #fff;
    padding: 15px 20px 15px
  }
  .sub-navigation p {
    margin: 0;
    font-size: 14px;
    font-weight: 100
  }
  .col-md-4 .rightBar-M .related-content {
    margin-left: -10px
  }
  .list_box a .text {
    min-height: 110px
  }
  .list_box a .text .title {
    font-size: 18px;
    height: auto
  }
  .list_box .image {
    height: 170px
  }
  .related-content-pic h2 {
    font-size: 18px;
    padding: 10px 15px
  }
  .page-navigation {
    background-color: #fff;
    margin: 0 5px 5px;
    padding: 10px
  }
  .page-navigation p {
    font-size: 18px
  }
  .page-navigation:nth-child(2) {
    display: none
  }
  .article-banner .title-text {
    margin-top: 20px;
    width: 100%;
    text-align: center
  }
  .btn-link {
    padding-right: 15px
  }
  .article-banner-title .title-text .title {
    font-size: 18px;
    line-height: 25px
  }
  .article-banner-title .tags span {
    font-size: 14px
  }
  .article-banner-title {
    min-height: 150px
  }
}

.list_box a {
  border-right: 10px solid #fff
}

.list_box a .image {
  height: 136px;
  border-top: 10px solid #fff
}

.list_box a .nophoto {
  border-top: 10px solid #fff
}

.list_box a:nth-child(4), .list_box a:nth-child(8) {
  border-right: 0
}

@media(max-width:991px) {
  .list_box a {
    border-right: 0
  }
  .list_box a .image {
    height: 136px;
    border-top: 0
  }
  .list_box a .nophoto {
    border-top: 0
  }
}

.related-contentB .related-content-pic {
  margin-top: 10px
}

.related-contentB .related-content-pic .panel-blue, .related-contentB .related-content-pic .related {
  background-color: #FFF;
  color: #333;
  padding-right: 10px;
  font-size: 24px
}

.related-contentB .related-content-pic .related {
  height: auto
}

.related-contentB .related-content-pic .related:last-child {
  padding-right: 0
}

.related-contentB .related-content-pic a .trangle {
  display: none
}

.related-contentB .related-content-pic a .image {
  width: 100%;
  max-height: 150px;
  overflow: hidden;
  height: auto
}

.related-contentB .related-content-pic a .image img {
  width: 100%;
  display: block
}

.related-contentB .related-content-pic a .text {
  width: 100%;
  float: left;
  display: block;
  position: relative;
  left: 0;
  background-color: #fff;
  color: #223b61;
  height: auto;
  padding: 10px 0
}

@media(max-width:991px) {
  .related-contentB .related-content-pic .related {
    padding: 0
  }
  .related-contentB .related-content-pic a .text {
    padding: 10px 15px
  }
}

.related-contentB .related-pic-new {
  margin-top: 10px
}

.related-contentB .related-pic-new .related {
  height: auto;
  padding-right: 10px
}

.related-contentB .related-pic-new .related .image {
  width: 100%;
  max-height: 150px;
  overflow: hidden;
  height: auto;
  display: inline-block
}

.related-contentB .related-pic-new .related .image img {
  width: 100%;
  display: block
}

.related-contentB .related-pic-new .related .text {
  width: 100%;
  float: left;
  display: block;
  position: relative;
  left: 0;
  background-color: #fff;
  color: #223b61;
  height: auto;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 200;
  line-height: 20px;
  text-decoration: underline;
  font-family: helvetica
}

.ErrorPage {
  margin: 50px 0;
  line-height: 200%
}

.ErrorPage p {
  margin: 10px 0
}

.list_boxA .image {
  height: 160px;
  overflow: hidden
}

.list_boxA .text {
  min-height: 150px;
  margin-top: 15px
}

.flightstatus-wrapper {
  padding-top: 15px
}

.flightstatus-wrapper h1 {
  background: url(icon-flightstatus.pvg) left center no-repeat;
  padding-left: 55px;
  color: #4a4a4a
}

.flightstatus-wrapper .flightstatusForm {
  margin-left: 15px
}

.flightstatus-wrapper .flightstatusForm .bookingpanel-city {
  margin-top: 25px
}

.flightstatus-wrapper .flightstatusForm .ardp-date-picker {
  padding: 15px
}

@media(max-width:640px) {
  .flightstatus-wrapper .fromContent>div {
    margin-bottom: 15px
  }
}

#flightResult {
  background: #f8f8f8
}

#flightStatus {
  margin-top: 20px;
  margin-bottom: 15px
}

#flightStatus .status-form label {
  display: block
}

#flightStatus .status-form fieldset {
  margin: 10px 0
}

#flightStatus .fromContent {
  position: relative
}

#flightStatus .fromContent .airport-search-button {
  right: 0;
  padding-right: 15px
}

#flightStatus .fromContent .airport-search-button .btn {
  margin-top: 17px;
  max-width: 100%
}

#flightStatus .fromContent .flight-search-button {
  right: 0;
  padding-right: 15px
}

#flightStatus .fromContent .flight-search-button .btn {
  margin-top: 17px;
  max-width: 100%
}

#flightStatus .fromContent .expandable-date-wrapper {
  padding-right: 15px
}

#flightStatus .hide-label {
  margin-top: 42px
}

@media(max-width:639px) {
  #flightStatus .hide-label {
    margin-top: 15px
  }
}

.table-fsresult {
  margin-bottom: 30px
}

.table-fsresult table {
  width: 100%;
  border: 1px solid #f1f1f1;
  border-bottom: 15px solid #4a4a4a
}

.table-fsresult tbody:last-child {
  border: 0
}

.table-fsresult tbody tr:first-child td {
  border-bottom: 1px solid #ccc
}

.table-fsresult td, .table-fsresult th {
  padding: 6px;
  text-align: left;
  font-weight: normal
}

.table-fsresult thead tr {
  border-bottom: 1px solid #d8d8d8
}

.table-fsresult thead>tr>th {
  font-size: 14px;
  font-weight: bold;
  border: 0;
  text-align: center;
  vertical-align: middle;
  background-color: white;
  color: #4a4a4a
}

.table-fsresult thead .plane-pic {
  background: 0;
  height: 6px;
  border-top: 1px solid #fff;
  margin: 0 20px
}

.table-fsresult thead img {
  margin-right: 10px
}

.table-fsresult tbody .border-right {
  border-right: 1px solid #ccc
}

.table-fsresult tbody .bold {
  font-weight: bold
}

.table-fsresult tbody td {
  vertical-align: middle;
  padding: 20px 0;
  text-align: center
}

.table-fsresult tbody tr.flight-srouce td .fromtoblock {
  display: inline-block
}

.table-fsresult tbody tr.flight-srouce td .fromtoblock .color-width {
  display: inline-block;
  height: 14px
}

.table-fsresult tbody tr.flight-srouce td .block {
  width: 80px;
  display: inline-block;
  margin: 0 5px
}

.table-fsresult tbody tr.flight-srouce td a {
  position: relative
}

.table-fsresult tbody tr.flight-srouce td .tb-highlight {
  font-size: 24px;
  line-height: 1;
  margin: 0
}

.table-fsresult tbody tr.flight-srouce .tb-update-no {
  font-size: 14px;
  font-weight: lighter;
  text-align: left;
  padding-left: 12px
}

.table-fsresult tbody tr.flight-srouce .tb-update-no .flight-no {
  font-size: 24px
}

.table-fsresult tbody tr.flight-srouce .tb-update-no .flight-no .flight-icon {
  display: inline-block;
  width: 17px;
  height: 14px
}

.table-fsresult tbody tr.flight-srouce .tb-update-no .flight-no sup {
  color: #337ab7;
  font-size: 12px;
  top: -1em
}

.table-fsresult tbody tr.flight-srouce td.tb-update-fromto {
  position: relative
}

.table-fsresult tbody tr.flight-srouce td.tb-update-fromto .start {
  float: left;
  width: 30%;
  height: 100%
}

.table-fsresult tbody tr.flight-srouce td.tb-update-fromto .arrive {
  float: right;
  width: 30%;
  height: 100%
}

.table-fsresult tbody tr.flight-srouce td.tb-update-fromto .tb-update-bottom {
  float: left;
  width: 100%;
  text-align: center
}

.table-fsresult tbody tr.flight-srouce .division {
  width: 40%;
  position: absolute;
  left: 30%;
  padding-left: 35px;
  padding-right: 35px;
  color: #f270af
}

.table-fsresult tbody tr.flight-srouce .division:before {
  content: "";
  width: 32px;
  height: 14px;
  position: absolute;
  top: 35%;
  left: 0;
  background: url("flightStatus/location_start.png") no-repeat
}

.table-fsresult tbody tr.flight-srouce .division:after {
  content: "";
  width: 32px;
  height: 14px;
  position: absolute;
  top: 35%;
  right: 0;
  background: url("flightStatus/location_arrive.png") no-repeat
}

.table-fsresult tbody tr.flight-srouce .division div {
  position: absolute;
  left: 0;
  width: 100%
}

.table-fsresult tbody tr.flight-srouce .division img {
  position: relative;
  top: 5px
}

.table-fsresult tbody tr.flight-srouce .tb-update-da {
  padding: 0 10px;
  text-align: center;
  font-weight: lighter;
  font-size: 14px;
  padding: 0 20px
}

.table-fsresult tbody tr.flight-srouce .tb-update-da li {
  float: left;
  width: 50%
}

.table-fsresult tbody tr.flight-srouce .tb-update-da li:first-child {
  text-align: left
}

.table-fsresult tbody tr.flight-srouce .tb-update-da li:last-child {
  text-align: right
}

.table-fsresult tbody tr.flight-srouce .tb-update-da p {
  padding-bottom: 5px
}

.table-fsresult tbody tr.flight-srouce .tb-update-da p .time-label {
  display: inline-block;
  max-width: 100px;
  font-size: 12px;
  margin-right: 5px
}

.table-fsresult tbody tr.flight-srouce .tb-update-da p .time-show {
  font-size: 24px
}

.table-fsresult tbody tr.flight-srouce .tb-update-status {
  font-size: 14px;
  font-weight: lighter;
  text-align: center;
  position: relative;
  top: initial;
  right: initial;
  width: auto;
  font-weight: lighter
}

.table-fsresult tbody tr.flight-srouce .tb-update-status .status-dot {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: middle;
  margin-top: -2px
}

.table-fsresult tbody tr.flight-srouce .tb-update-status .status-info {
  display: block;
  font-size: 12px
}

.table-fsresult tbody tr.flight-srouce .tb-update-status .flight-icon {
  display: inline-block;
  width: 18px;
  height: 11px;
  margin-bottom: 10px;
  background: url("flightStatus/arrow.jpg") no-repeat
}

.table-fsresult tbody tr.flight-srouce .tb-update-status .flight-icon-on {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg)
}

.table-fsresult tbody tr.flight-srouce .tb-update-status .flight-icon-off {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.table-fsresult tbody tr.flight-srouce .tb-update-status .flight-icon-disabled {
  cursor: not-allowed;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.table-fsresult tbody tr.tr-arrived .tb-update-status .status-dot {
  background-color: #00aa0e
}

.table-fsresult tbody tr.tr-ontime .tb-update-status .status-dot {
  background-color: #00aa0e
}

.table-fsresult tbody tr.tr-unfly .tb-update-status .status-dot {
  background-color: #d8d8d8
}

.table-fsresult tbody tr.tr-cancelled .tb-update-status .status-dot {
  background-color: #d0021b
}

.table-fsresult tbody tr.tr-delayed .tb-update-status .status-dot {
  background-color: #ffe100
}

.table-fsresult tbody tr.tr-diverted .tb-update-status .status-dot {
  background-color: #f8eb4f
}

.table-fsresult tbody tr.border-bottom td {
  border-bottom: 1px solid #ccc
}

.table-fsresult tbody tr.flight-details {
  background-color: #f8f8f8
}

.table-fsresult tbody tr.flight-details .flight-no {
  font-size: 24px;
  color: #2a5390
}

.table-fsresult tbody tr.flight-details .flight-no sup {
  color: #337ab7;
  font-size: 12px;
  top: -1em
}

.table-fsresult tbody tr.flight-details td.first {
  text-align: left;
  padding-left: 12px
}

.table-fsresult tbody tr.flight-details td.first .Pre-flight {
  display: inline-block;
  padding-left: 22px;
  background: url("flightStatus/arrowPrev.jpg") no-repeat left center
}

.table-fsresult tbody tr.flight-details td.second {
  position: relative
}

.table-fsresult tbody tr.flight-details td.second .innerTable {
  border: 0;
  border-right: 1px solid #ccc
}

.table-fsresult tbody tr.flight-details td.second .innerTable td {
  border: 0
}

.table-fsresult tbody tr.flight-details td.second .innerTable td.left {
  width: 40%;
  text-align: right
}

.table-fsresult tbody tr.flight-details td.second .innerTable td.left .weatherText {
  display: inline-block
}

.table-fsresult tbody tr.flight-details td.second .innerTable td.right {
  width: 40%;
  text-align: left
}

.table-fsresult tbody tr.flight-details td.second .stopInfo {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -12px;
  z-index: 10;
  text-align: center
}

.table-fsresult tbody tr.flight-details td.second .stopInfo span {
  padding: 3px 10px;
  border-radius: 10px;
  border: 1px solid #ccc;
  background-color: #f8f8f8
}

.table-fsresult tbody tr.flight-details td.second .arrive {
  float: left;
  width: 50%;
  padding-left: 45px;
  text-align: left
}

.table-fsresult tbody tr.flight-details td.second .flight-icon-sunny {
  display: inline-block;
  padding-left: 22px;
  background: url("flightStatus/weather_sunny.jpg") no-repeat
}

.table-fsresult tbody tr.flight-details td.second .flight-icon-rain {
  display: inline-block;
  padding-left: 22px;
  background: url("flightStatus/weather_rain.jpg") no-repeat
}

.table-fsresult tbody tr.flight-details td.second .time {
  font-size: 20px
}

.table-fsresult tbody tr.flight-details td.second tr:nth-child(1) {
  font-size: 12px
}

.table-fsresult tbody tr.flight-details td.second tr:nth-child(2) {
  font-size: 16px
}

.table-fsresult tbody tr.flight-details td.fourth {
  padding: 10px 40px
}

.table-fsresult tbody tr.flight-details td.fourth .list-info li {
  text-align: right
}

.table-fsresult tbody tr.flight-details td.fourth .list-info li:last-child {
  margin-bottom: 20px
}

.table-fsresult tbody tr.flight-details td.fourth .list-info .title {
  display: inline-block;
  text-align: right;
  margin-right: 5px;
  font-weight: bold
}

.table-fsresult tbody tr.flight-details td.fourth .list-info .info {
  font-size: 20px;
  margin-left: 5px;
  margin-right: 5px
}

.table-fsresult tbody tr.flight-details td.fourth .car-ferry {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 20px;
  background: url("flightStatus/bus.jpg") no-repeat left center
}

.table-fsresult tbody tr.flight-details td.fourth .residual-time {
  float: right;
  color: #e9007f
}

.table-fsresult tbody tr.flight-details td.fourth .progress-bar {
  float: right;
  width: 25%;
  height: 10px;
  margin-top: 15px;
  background-color: #d9d9d9;
  border-radius: 5px
}

.table-fsresult tbody tr.flight-details td.fourth .progress-bar span {
  display: block;
  width: 50%;
  height: 100%;
  border-radius: 5px;
  background-color: #e9007f
}

.table-fsresult tbody tr.flight-details td.fourth .total-time {
  float: right
}

.table-fsresult tbody tr.flight-details td.fourth .flightRouteWeather {
  float: right;
  width: 100%;
  text-align: right;
  margin-top: 20px
}

.table-fsresult tbody tr.flight-details-footer {
  background-color: #f8f8f8
}

.table-fsresult tbody tr.flight-details-footer td {
  text-align: left;
  text-indent: 1em;
  font-size: 12px
}

.table-fsresult tbody tr.flight-details-footer td.second div {
  min-height: 20px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc
}

.table-fsresult tbody tr.flight-details-footer td.second p {
  margin: 0;
  padding: 0
}

.table-fsresult tbody tr.flight-details-footer td.third dl {
  float: left;
  text-align: center;
  width: 33%;
  margin: 0;
  padding: 0
}

.table-fsresult tbody tr.flight-details-footer td.third dl img {
  vertical-align: -webkit-baseline-middle
}

.table-fsresult tbody tr.flight-details-footer td.third dl dt {
  width: 100%;
  height: 24px;
  text-align: center;
  margin-bottom: 5px
}

.table-fsresult .sub-wifi {
  position: absolute;
  left: 0;
  top: 50%
}

@media(max-width:1023px) {
  .table-fsresult table {
    border-bottom: 0
  }
  .table-fsresult table thead {
    display: none
  }
  .table-fsresult table tbody td {
    display: block;
    border: 0;
    padding: 20px 0
  }
  .table-fsresult table tbody td:after {
    content: "";
    display: table;
    clear: both
  }
  .table-fsresult tbody tr {
    border-bottom: 1px solid #ccc
  }
  .table-fsresult tbody tr:first-child td {
    border-bottom: 0
  }
  .table-fsresult tbody tr:before {
    content: "";
    display: block;
    position: relative;
    clear: both
  }
  .table-fsresult tbody tr.flight-srouce td.tb-update-no {
    text-align: left;
    padding-left: 20px;
    width: 50%;
    font-size: 14px
  }
  .table-fsresult tbody tr.flight-srouce td.tb-update-fromto {
    width: 100%;
    font-size: 12px
  }
  .table-fsresult tbody tr.flight-srouce td.tb-update-fromto .start {
    text-align: right
  }
  .table-fsresult tbody tr.flight-srouce td.tb-update-fromto .arrive {
    text-align: left
  }
  .table-fsresult tbody tr.flight-srouce td.tb-update-fromto .fromtoblock p {
    font-size: 18px
  }
  .table-fsresult tbody tr.flight-srouce .division {
    width: 30%;
    left: 35%
  }
  .table-fsresult tbody tr.flight-srouce td.tb-update-da {
    width: 100%
  }
  .table-fsresult tbody tr.flight-srouce td.tb-update-da .time-label {
    font-size: 12px
  }
  .table-fsresult tbody tr.flight-srouce td.tb-update-da .tb-highlight {
    font-size: 16px
  }
  .table-fsresult tbody tr.flight-srouce td.tb-update-da li .time-show {
    font-size: 18px
  }
}

@media(max-width:1023px) and (max-width:375px) {
  .table-fsresult tbody tr.flight-srouce td.tb-update-da li .time-label {
    min-width: 95px
  }
  .table-fsresult tbody tr.flight-srouce td.tb-update-da li .time-show {
    font-size: 12px
  }
}

@media(max-width:1023px) {
  .table-fsresult tbody tr.flight-srouce td.tb-update-status {
    width: 50%;
    position: relative;
    left: 50%;
    margin-top: -175px;
    text-align: right;
    padding-right: 20px
  }
  .table-fsresult tbody tr.flight-srouce td.tb-update-status .status-info {
    font-size: 12px;
    display: inline
  }
  .table-fsresult tbody tr.flight-srouce td.tb-update-status .flight-icon {
    margin-bottom: 0
  }
}

@media(max-width:1023px) and (max-width:375px) {
  .table-fsresult tbody tr.flight-srouce td.tb-update-status {
    margin-top: -155px
  }
}

@media(max-width:1023px) {
  .table-fsresult tbody tr.flight-details {
    position: relative
  }
  .table-fsresult tbody tr.border-bottom td {
    border: 0
  }
  .table-fsresult tbody tr.flight-details td.first {
    text-align: left;
    padding-left: 20px;
    width: 40%;
    padding-bottom: 0
  }
  .table-fsresult tbody tr.flight-details td.second {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0
  }
  .table-fsresult tbody tr.flight-details td.second .fromTo {
    top: 30%;
    width: 60px;
    margin-left: -30px
  }
  .table-fsresult tbody tr.flight-details td.second .stopInfo {
    bottom: -85px
  }
  .table-fsresult tbody tr.flight-details td.third {
    width: 100%;
    padding-top: 0
  }
  .table-fsresult tbody tr.flight-details td.third .list-info li {
    width: 55%;
    float: left
  }
  .table-fsresult tbody tr.flight-details td.third .list-info .info {
    font-size: 14px
  }
  .table-fsresult tbody tr.flight-details td.third .list-info li:first-child {
    width: 25%;
    text-indent: 2em;
    text-align: center
  }
  .table-fsresult tbody tr.flight-details td.third .list-info li:last-child {
    width: 20%
  }
  .table-fsresult tbody tr.flight-details td.third .list-info .title {
    display: block;
    width: 100%;
    text-align: left
  }
  .table-fsresult tbody tr.flight-details td.third .list-info .info {
    display: inline-block
  }
  .table-fsresult tbody tr.flight-details td.fourth {
    width: 100%
  }
  .table-fsresult tbody tr.flight-details-footer td {
    padding-bottom: 0;
    text-indent: 0
  }
  .table-fsresult tbody tr.flight-details-footer td.first {
    width: 40%;
    font-size: 12px;
    float: left
  }
  .table-fsresult tbody tr.flight-details-footer td.first span {
    display: block;
    font-weight: bold
  }
  .table-fsresult tbody tr.flight-details-footer td.second {
    width: 40%;
    float: left
  }
  .table-fsresult tbody tr.flight-details-footer td.second div {
    border: 0;
    font-size: 12px
  }
  .table-fsresult tbody tr.flight-details-footer td.third {
    width: 20%;
    height: 100%;
    float: right
  }
  .table-fsresult tbody tr.flight-details-footer td.third dl {
    display: none
  }
  .table-fsresult tbody tr.flight-details-footer td.third dl:last-child {
    display: block;
    width: 100%;
    height: 100%
  }
  .table-fsresult tbody tr.flight-details-footer td.third dl:last-child dt {
    text-align: right;
    padding-right: 3em;
    height: 100%
  }
  .table-fsresult tbody tr.flight-details-footer td.third dl:last-child dd {
    display: none
  }
  .table-fsresult .sub-wifi {
    display: inline-block;
    position: relative;
    left: 5px;
    top: 0
  }
  .table-fsresult .start, .table-fsresult .arrive {
    line-height: 2em
  }
  .table-fsresult .tb-airportname {
    display: none
  }
  .table-fsresult .innerTable td {
    display: inline-block
  }
  .table-fsresult .innerTable .mid-line {
    width: 20%
  }
  .table-fsresult .table-mid .left {
    padding-right: 5%
  }
  .table-fsresult .table-mid .right {
    padding-left: 5%
  }
  .table-fsresult .total-time, .table-fsresult .residual-time {
    width: 40%
  }
  .table-fsresult .progress-bar {
    width: 20%!important
  }
  .table-fsresult .flight-details-footer .first {
    padding-left: 20px
  }
}

.result-detail-wrapper {
  position: relative;
  padding: 20px 0 0 0
}

.result-detail-wrapper .result-detail-list .result-list-inner {
  display: inline-block;
  padding: 0 10px
}

.result-detail-wrapper .result-detail-list .result-list-inner:nth-of-type(1), .result-detail-wrapper .result-detail-list .result-list-inner:nth-of-type(3) {
  width: 150px
}

.result-detail-wrapper .result-detail-list .result-list-inner .result-list-h1 {
  margin-bottom: 0;
  font-size: 32px;
  margin-top: 20px
}

.result-detail-wrapper .result-detail-list .result-list-inner .result-list-p {
  color: #979797
}

.result-detail-wrapper .result-detail-list .result-list-inner .result-list-p.result-detail-date {
  color: black
}

.result-detail-wrapper .result-detail-list .result-list-inner .result-plane {
  position: relative;
  width: 216px
}

.result-detail-wrapper .result-detail-list .result-list-inner .result-plane:before, .result-detail-wrapper .result-detail-list .result-list-inner .result-plane:after {
  content: '';
  width: 6px;
  height: 6px;
  background-color: black;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 12px
}

.result-detail-wrapper .result-detail-list .result-list-inner .result-plane:after {
  right: 0;
  left: initial
}

.result-detail-wrapper .result-detail-list .result-list-inner .result-plane hr {
  border-color: black;
  width: 40%;
  margin: 0;
  position: absolute;
  top: 0;
  margin-top: 15px
}

.result-detail-wrapper .result-detail-list .result-list-inner .result-plane hr:last-of-type {
  right: 0
}

.result-detail-wrapper .btn-change {
  margin-top: 20px;
  font-size: 16px;
  padding: 10px 25px;
  display: inline-block
}

@media(max-width:640px) {
  .result-detail-wrapper .btn-change {
    position: relative;
    right: initial;
    top: initial;
    margin-bottom: 20px;
    margin-top: 40px
  }
  .result-detail-wrapper .result-detail-date {
    margin: 5px 0
  }
  .result-detail-wrapper .result-detail-list .result-list-inner {
    width: 49%;
    border: 0
  }
  .result-detail-wrapper .result-detail-list .result-list-inner:nth-of-type(1) {
    text-align: left
  }
  .result-detail-wrapper .result-detail-list .result-list-inner:nth-of-type(3) {
    text-align: right
  }
  .result-detail-wrapper .result-detail-list .result-list-inner:nth-of-type(2) {
    position: absolute;
    width: 100%;
    top: 24%;
    left: 0
  }
  .result-detail-wrapper .result-detail-list .result-list-inner .result-list-h1 {
    font-size: 32px
  }
  .result-detail-wrapper .result-detail-list .result-list-inner .result-plane {
    width: auto
  }
  .result-detail-wrapper .result-detail-list .result-list-inner .result-plane:before, .result-detail-wrapper .result-detail-list .result-list-inner .result-plane:after {
    content: '';
    display: none
  }
  .result-detail-wrapper .result-detail-list .result-list-inner .result-plane hr {
    display: none
  }
  .result-detail-wrapper .result-detail-list .result-list-inner .result-detail-date {
    margin-top: 8%
  }
}

.result-detail-update .update-header {
  margin: 30px 0 20px 0
}

.result-detail-update .update-header h3 {
  font-size: 14px;
  margin-bottom: 0
}

.result-detail-update .update-header p {
  color: #707070
}

.result-detail-update .sort-result {
  padding: 0;
  min-width: 300px
}

.result-detail-update .sort-result .sort-select-wrapper {
  width: 60%
}

.result-detail-update .sort-result .sort-select-wrapper:before {
  margin-top: 16px
}

.result-detail-update .sort-result lable {
  width: 38%;
  text-align: right;
  display: inline-block;
  padding-right: 4px
}

@media(max-width:640px) {
  .result-detail-update .sort-result {
    float: none;
    margin-top: 0;
    margin-bottom: 20px
  }
  .result-detail-update .sort-result lable {
    width: 100%;
    text-align: left
  }
  .result-detail-update .sort-result .sort-select-wrapper {
    width: 100%
  }
}

.result-detail-moreinfo {
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 12px
}

.result-detail-moreinfo .btn-relevant-airlines {
  text-decoration: none
}

.result-detail-moreinfo .btn-relevant-airlines {
  background-color: #f8f8f8;
  padding-left: 30px
}

.result-detail-moreinfo .moreinfo-text {
  margin-bottom: 20px
}

.result-detail-moreinfo .moreinfo-text p {
  color: #707070;
  line-height: .6
}

.result-detail-moreinfo .relevant-airline-wrapper {
  background-color: #f8f8f8;
  padding: 10px 20px
}

.result-detail-moreinfo .relevant-airline-wrapper li {
  position: relative;
  float: left;
  margin: 10px 0;
  padding: 0 10px;
  width: 20%;
  overflow: hidden;
  height: 54px
}

@media(max-width:640px) {
  .result-detail-moreinfo {
    border-bottom: 0;
    padding-top: 0;
    margin-top: 20px
  }
  .result-detail-moreinfo .relevant-airline-wrapper li {
    width: 100%;
    margin: 5px 0 0 10px
  }
  .result-detail-moreinfo .relevant-airline-wrapper li .btn-normal {
    padding: 10px 0;
    display: block
  }
  .result-detail-moreinfo .btn-relevant-airlines {
    width: 100%
  }
  .result-detail-moreinfo .moreinfo-text p {
    line-height: 1.2;
    margin-bottom: 10px
  }
  .result-detail-moreinfo .moreinfo-text p .btn {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.2
  }
}

.lastest-text {
  border-bottom: 1px solid #f8f8f8;
  padding-bottom: 20px
}

.lastest-text h3 {
  font-size: 14px
}

.lastest-text p {
  color: #707070
}

.result-mobile-service {
  border-bottom: 1px solid #f8f8f8
}

.result-mobile-service .result-mobile-inner {
  width: 50%;
  float: left;
  padding: 15px 10px 10px 30px;
  margin-bottom: 20px;
  margin-top: 20px
}

.result-mobile-service .result-mobile-inner .btn.btn-white {
  padding: 10px 40px;
  margin: 22px 0
}

.result-mobile-service .result-mobile-inner:first-of-type {
  border-right: 1px solid #f8f8f8
}

.result-mobile-service .result-mobile-inner h2 {
  font-size: 18px;
  margin-top: 6px
}

.result-mobile-service .result-mobile-inner p {
  margin: 0;
  line-height: 1.2
}

.result-mobile-service .result-mobile-inner .btn {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5px;
  line-height: 1.2;
  text-decoration: none
}

.result-mobile-service .result-mobile-inner a {
  text-decoration: underline
}

@media(max-width:640px) {
  .result-mobile-service {
    padding-top: 0
  }
  .result-mobile-service .result-mobile-inner {
    width: 100%;
    float: initial;
    padding-left: 10px;
    border-top: 1px solid #f8f8f8
  }
  .result-mobile-service .result-mobile-inner:first-of-type {
    border-top: 0;
    border-right: 0
  }
  .result-mobile-service .result-mobile-inner .btn-white {
    width: 100%
  }
}

.dateStly {
  text-align: center
}

.dateStly div.ardp-date-picker .calendar .month-header span {
  font-size: 14px
}

.dateStlyFirst label, .dateStlySecond label, .dateSingle label {
  position: relative;
  font-size: 18px
}

@media(max-width:639px) {
  .dateStlyFirst label, .dateStlySecond label, .dateSingle label {
    font-size: 12px
  }
}

.dateStlyFirst label:before, .dateStlySecond label:before, .dateSingle label:before {
  content: "";
  position: absolute;
  background: url(flight-right.pvg) no-repeat;
  background-size: 100% 100%;
  width: 30px;
  height: 17px;
  left: -31px;
  top: 2px
}

@media(max-width:639px) {
  .dateStlyFirst label:before, .dateStlySecond label:before, .dateSingle label:before {
    left: -26px;
    top: -1px
  }
}

.dateStlySecond label:before {
  background: url(flight-left.pvg) no-repeat;
  background-size: 100% 100%
}

.dateSingle.dateRound label.backWay:before {
  left: auto;
  right: 0
}

.dateRound label.goWay:before {
  background: url(flight-right.pvg) no-repeat;
  background-size: 100% 100%
}

.dateStlySecond label:before, .dateStlySecond label.backWay:before, .dateRound label:before, .dateRound label.backWay:before {
  background: url(flight-left.pvg) no-repeat;
  background-size: 100% 100%
}

div.ardp-date-picker {
  font-size: 16px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: height .5s ease 0s;
  width: 100%;
  background: #fff;
  padding: 0 15px;
  position: relative
}

div.ardp-date-picker>input {
  display: none
}

div.ardp-date-picker>label {
  display: none
}

div.ardp-date-picker .tips {
  display: inline-block;
  float: right;
  font-size: 18px;
  color: white;
  background-color: #e4007f;
  padding: 10px 50px 10px 10px;
  margin: 10px 0
}

div.ardp-date-picker .calendar {
  z-index: 10;
  background: white;
  width: 100%;
  color: #244152;
  overflow: hidden
}

div.ardp-date-picker .calendar .month-header {
  float: left;
  width: 100%;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #4a4a4a;
  height: 30px;
  position: relative
}

div.ardp-date-picker .calendar .month-header span {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 0 35px
}

div.ardp-date-picker .calendar .month-header i {
  width: 30px;
  font-weight: bold;
  padding: 5px 8px;
  border-radius: 3px;
  cursor: pointer;
  font-style: normal;
  font-size: .7em;
  height: 30px;
  position: absolute;
  z-index: 0;
  top: 0
}

div.ardp-date-picker .calendar .month-header i:first-child {
  left: 0;
  background: url(arrow_left_active.pvg) no-repeat;
  background-position: 10px 0
}

div.ardp-date-picker .calendar .month-header i:first-child:hover {
  background: url(arrow_left_hover_active.pvg) no-repeat;
  background-position: 10px 0
}

div.ardp-date-picker .calendar .month-header i:last-child {
  right: 0;
  background: url(arrow_right_active.pvg) no-repeat;
  background-position: 10px 0
}

div.ardp-date-picker .calendar .month-header i:last-child:hover {
  background: url(arrow_right_hover_active.pvg) no-repeat;
  background-position: 10px 0
}

div.ardp-date-picker .calendar .month-header i:first-child.disabled {
  background: url(arrow_left.pvg) no-repeat;
  background-position: 10px 0;
  cursor: not-allowed
}

div.ardp-date-picker .calendar .month-header i:first-child.disabled:hover {
  background: url(arrow_left_hover.pvg) no-repeat;
  background-position: 10px 0
}

div.ardp-date-picker .calendar .month-header i:last-child.disabled {
  background: url(arrow_right.pvg) no-repeat;
  background-position: 10px 0;
  cursor: not-allowed
}

div.ardp-date-picker .calendar .month-header i:last-child.disabled:hover {
  background: url(arrow_right_hover.pvg) no-repeat;
  background-position: 10px 0
}

div.ardp-date-picker .calendar .week-header {
  display: inline-block;
  width: 100%;
  margin-top: 8px;
  padding-bottom: 3px;
  background-color: #d8d8d8
}

div.ardp-date-picker .calendar .week-header span {
  display: inline-block;
  width: 14.285714285714286%;
  font-size: 14px;
  color: black;
  font-weight: normal;
  text-align: center
}

div.ardp-date-picker .calendar .weeks {
  width: 100%;
  overflow: hidden;
  position: relative;
  border: 1px solid #d8d8d8
}

div.ardp-date-picker .calendar .weeks div {
  display: inline-block;
  width: 100%;
  vertical-align: top
}

div.ardp-date-picker .calendar .weeks div.next {
  display: none
}

div.ardp-date-picker .calendar .weeks div .week {
  display: inline-block;
  width: 100%
}

div.ardp-date-picker .calendar .weeks div .week :not(.other-month) .day-price.pink {
  color: #e4007f
}

div.ardp-date-picker .calendar .weeks div .week .day {
  display: inline-block;
  position: relative;
  width: 14.285714285714286%;
  cursor: pointer;
  background-color: #f8f8f8;
  border: 2px solid white
}

div.ardp-date-picker .calendar .weeks div .week .day .day-text {
  position: absolute;
  font-size: 14px;
  top: 5px;
  right: 5px
}

div.ardp-date-picker .calendar .weeks div .week .day .day-price {
  position: absolute;
  font-size: 14px;
  bottom: 10px;
  left: 10px;
  overflow: hidden
}

div.ardp-date-picker .calendar .weeks div .week .day:after {
  content: "";
  display: block;
  padding-bottom: 100%
}

div.ardp-date-picker .calendar .weeks div .week .day:hover {
  background: #eaeaea
}

div.ardp-date-picker .calendar .weeks div .week .day.disabled {
  color: #e0e0e0;
  cursor: default
}

div.ardp-date-picker .calendar .weeks div .week .day.disabled:hover {
  background: #f8f8f8!important
}

div.ardp-date-picker .calendar .weeks div .week .day.other-month {
  color: white;
  background-color: white
}

div.ardp-date-picker .calendar .weeks div .week .day.selected {
  background: #223b61;
  color: white
}

div.ardp-date-picker .calendar .weeks div .week .day.selectedMid {
  background: #bac9e0;
  color: white
}

div.ardp-date-picker .calendar-double {
  width: 100%
}

div.ardp-date-picker .calendar-double .month-header-double {
  width: 100%
}

div.ardp-date-picker .calendar-double .month-header-double span {
  width: 48%;
  display: inline-block;
  text-align: center;
  margin-right: 2%
}

div.ardp-date-picker .calendar-double .month-header-double .nextMonth {
  margin-right: 0;
  margin-left: 2%;
  text-align: center
}

div.ardp-date-picker .calendar-double .month-header-double i {
  font-weight: bold;
  padding: 5px 8px;
  border-radius: 3px;
  cursor: pointer;
  font-style: normal;
  font-size: .7em
}

div.ardp-date-picker .calendar-double .month-header-double i:hover {
  background-color: #026aa7;
  color: white
}

div.ardp-date-picker .calendar-double .week-header-double {
  width: 48%;
  margin-right: 2%
}

div.ardp-date-picker .calendar-double .week-header-second {
  margin-right: 0;
  margin-left: 2%
}

div.ardp-date-picker .calendar-double .weeks-double {
  border: 0
}

div.ardp-date-picker .calendar-double .weeks-double>div {
  width: 48%;
  margin-right: 2%;
  border: 1px solid #d8d8d8
}

div.ardp-date-picker .calendar-double .weeks-double>div.next {
  display: inline-block;
  margin-left: 2%;
  margin-right: 0
}

div.ardp-date-picker .calendar-double .weeks-double>div .week {
  width: 100%
}

@media(max-width:639px) {
  div.ardp-date-picker .calendar-double .month-header-double span {
    width: 100%;
    text-align: center
  }
  div.ardp-date-picker .calendar-double .month-header-double .nextMonth {
    display: none
  }
  div.ardp-date-picker .calendar-double .week-header-double {
    width: 100%
  }
  div.ardp-date-picker .calendar-double .week-header-second {
    display: none
  }
  div.ardp-date-picker .calendar-double .weeks-double div {
    width: 100%
  }
  div.ardp-date-picker .calendar-double .weeks-double div.next {
    display: none
  }
}

.payment-head {
  height: 70px;
  background: #223b61;
  color: white;
  font-size: 24px;
  margin: 0;
  line-height: 70px;
  padding-left: 50px
}

@media(max-width:639px) {
  .payment-head {
    padding-left: 15px
  }
}

.btnUp-Box .btnUp-title {
  line-height: 20px;
  display: table-cell;
  vertical-align: middle
}

.btnUp-Box .btnUp {
  margin-top: 20px;
  border: 4px solid #223b61!important;
  overflow: hidden
}

.btnUp-Box .btnUp .btnUp-right {
  border: 0;
  float: left;
  background-color: #223b61;
  color: white;
  width: 50%;
  text-align: center;
  line-height: 40px
}

.btnUp-Box .btnUp .btnUp-left {
  border: 0;
  float: right;
  width: 50%;
  text-align: center;
  background-color: #fff;
  line-height: 40px
}

.btnUp-Box .btnUp-center {
  border: 0;
  margin: 0 auto;
  background-color: #fff;
  width: 50%;
  margin-left: 25%;
  text-align: center;
  line-height: 40px
}

.trip-detail {
  margin: 10px 0
}

.trip-detail .brand-table-box {
  padding: 10px 20px 10px 20px
}

.trip-detail .brand-table-box .brand-table-title {
  overflow: hidden;
  margin-bottom: 20px
}

.trip-detail .brand-table-box .brand-table-title .titleName {
  float: left;
  font-size: 14px;
  line-height: 30px;
  font-weight: bold;
  color: #223b60
}

.trip-detail .brand-table-box .pannel-table {
  border-right: 1px solid #223b60;
  border-bottom: 1px solid #223b60
}

.trip-detail .brand-table-box .pannel-table td {
  border-left: 1px solid #223b60;
  border-top: 1px solid #223b60
}

.trip-detail .brand-table-box .pannel-table .firstTd {
  background-color: #223b60;
  color: #fff;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff
}

.trip-detail .importRember {
  padding: 10px 0
}

.trip-detail .importRember .importRember-text {
  font-size: 12px;
  color: #4a4a4a;
  padding: 10px 0;
  line-height: 20px
}

.trip-detail .importRember .importRember-icon {
  background: url(icon-info.pvg) center center no-repeat;
  background-size: 20px 20px;
  cursor: pointer;
  border: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-indent: 9999em;
  margin: 3px 3px 0 3px
}

.trip-detail .selectBox {
  float: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 170px;
  line-height: 30px;
  border: 1px solid #223b60
}

.trip-detail .selectBox p {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  color: #223b60
}

.trip-detail .selectBox .active {
  background-color: #223b60;
  color: white
}

.trip-detail .brand-table-box .pannel-table {
  border: 1px solid #223b60;
  width: 100%;
  text-align: center
}

.trip-detail .brand-table-box .pannel-table tr {
  text-align: center
}

.trip-detail .brand-table-box .pannel-table tr th {
  padding: 10px 2px;
  text-align: center;
  background-color: #223b60;
  color: white;
  border-left: 1px solid #fff
}

.trip-detail .trip-summary {
  color: #e4007f;
  padding: 10px 15px
}

@media(max-width:639px) {
  .trip-detail .trip-summary {
    padding: 10px
  }
}

.trip-detail .trip-summary .linespan {
  margin: 0 10px
}

.trip-detail .tripdetail-info .trip-leg-brand>li {
  min-height: 140px;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center
}

.trip-detail .tripdetail-info .trip-leg {
  padding: 0;
  font-size: 12px;
  border-top: 1px solid #d8d8d8
}

.trip-detail .tripdetail-info .trip-leg .leg-itinerary {
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 3px solid #d8d8d8
}

.trip-detail .tripdetail-info .trip-leg .show-mobile {
  display: none
}

.trip-detail .tripdetail-info .trip-leg li {
  border-bottom: 1px solid #d8d8d8
}

.trip-detail .tripdetail-info .trip-leg li>div {
  padding: 10px 15px
}

@media(max-width:639px) {
  .trip-detail .tripdetail-info .trip-leg li>div {
    padding: 10px
  }
}

.trip-detail .tripdetail-info .trip-leg li .leg-head .leg-flight-no>* {
  display: inline-block;
  vertical-align: middle
}

.trip-detail .tripdetail-info .trip-leg li .leg-head .leg-flight-no img {
  margin-left: 8px
}

.trip-detail .tripdetail-info .trip-leg li .leg-info {
  border-left: 1px solid #d8d8d8
}

.trip-detail .tripdetail-info .trip-leg li .leg-info a.linkFz {
  font-size: 100%
}

.trip-detail .tripdetail-info .trip-leg li .leg-info span.linkFz {
  display: none
}

@media print {
  .trip-detail .tripdetail-info .trip-leg li .leg-info span.linkFz {
    display: inline
  }
}

@media(max-width:639px) {
  .trip-detail .tripdetail-info .trip-leg li .leg-info {
    border-left: none
  }
}

.trip-detail .tripdetail-info .trip-leg li .hidden-printBrand {
  border-left: 1px solid #d8d8d8
}

.trip-detail .tripdetail-info .trip-leg li .hidden-print {
  height: 100%
}

.trip-detail .tripdetail-info .trip-leg li .leg-plane:after {
  content: "";
  width: 100%;
  height: 20px;
  background: url(status_plane.pvg) no-repeat center;
  background-size: contain;
  display: block;
  margin-top: 15px
}

.trip-detail .tripdetail-info .trip-leg li .leg-stop:before {
  background: url("transit-stop.pvg") no-repeat center
}

.trip-detail .tripdetail-info .trip-leg li .leg-train:before {
  background: url("status_train.png") no-repeat center
}

.trip-detail .tripdetail-info .trip-leg .text-bold {
  font-weight: bold
}

.trip-detail .tripdetail-info .trip-leg .text-highlight {
  font-size: 14px;
  font-weight: bold
}

.trip-detail .tripdetail-info .trip-leg .text-highlight .font-normal {
  font-weight: normal;
  font-size: 12px
}

.trip-detail .tripdetail-info .trip-leg .upDetail-brandBox {
  overflow: hidden
}

.trip-detail .tripdetail-info .trip-leg .upDetail-brandBox .pinkStar {
  color: #e8393e;
  padding: 0 5px
}

.trip-detail .tripdetail-info .trip-leg .text-margin-top {
  margin-top: 10px
}

.trip-detail .tripdetail-info .trip-leg .text-margin-top-brand {
  margin-top: 10px;
  float: left
}

.trip-detail .tripdetail-info .trip-leg .upDetailSpan {
  margin-top: 10px;
  float: right;
  width: 180px;
  text-align: left;
  display: inline-block
}

.trip-detail .tripdetail-info .trip-leg .text-width {
  max-width: 130px
}

.trip-detail .tripdetail-info .trip-leg .text-red {
  color: #e4007f
}

.trip-detail .Policies {
  padding: 5px 15px
}

.trip-detail .Policies p {
  font-weight: bold;
  margin: 10px 0;
  cursor: pointer
}

.trip-detail .Policies li:before {
  background: #e4007f;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 5px 15px 0 5px;
  vertical-align: top
}

.trip-detail .Policies li {
  margin-bottom: 5px
}

.trip-detail .Policies li span {
  width: 95%;
  display: inline-block
}

@media(max-width:639px) {
  .trip-detail .Policies li span {
    width: 90%
  }
}

@media(max-width:639px) {
  .trip-detail .Policies {
    padding: 0 10px;
    margin-bottom: 10px
  }
}

@media(max-width:639px) {
  .trip-detail .detail-info .leg-info {
    padding: 0
  }
  .trip-detail .detail-info .leg-info>div {
    vertical-align: top;
    display: block;
    height: auto;
    width: 100%
  }
  .trip-detail .detail-info .leg-info .leg-head {
    width: 100%;
    border-right: 0;
    position: relative;
    font-size: 14px;
    padding: 10px 14px;
    background: #f8f8f8
  }
  .trip-detail .detail-info .leg-info .leg-head p {
    display: inline-block;
    margin: 0 3px
  }
  .trip-detail .detail-info .leg-info .leg-head p:first-of-type {
    font-size: 18px;
    font-weight: bold;
    margin: 0
  }
  .trip-detail .detail-info .leg-info .leg-head .leg-flight-no {
    padding-left: 14px
  }
  .trip-detail .detail-info .leg-info .leg-head .leg-flight-type {
    display: block;
    padding-left: 24px
  }
  .trip-detail .detail-info .leg-info .leg-head .leg-flight-class {
    float: right;
    margin-top: 2px
  }
  .trip-detail .detail-info .leg-info .leg-head .leg-flight-duration {
    display: none
  }
  .trip-detail .detail-info .leg-info .leg-detail {
    padding: 10px 14px;
    width: 100%;
    padding: 10px 14px
  }
  .trip-detail .detail-info .leg-info .leg-detail p {
    padding: 0
  }
  .trip-detail .detail-info .leg-transfer {
    padding-left: 15px
  }
  .trip-detail .detail-info .trip-policies {
    padding-left: 15px
  }
}

#payment .no-flight-card .shadowcard>div {
  padding: 0
}

#payment .no-flight-card .nb-leg {
  padding: 0 15px;
  background: #d8d8d8
}

#payment .no-flight-card .nb-leg .nb-title {
  line-height: 40px
}

#payment .no-flight-card .no-flight {
  padding: 24px 15px;
  font-size: 14px
}

#payment .no-flight-card .no-flight .no-flight-title, #payment .no-flight-card .no-flight .no-flight-select, #payment .no-flight-card .no-flight .no-flight-passenger {
  width: 33.33%;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  word-break: break-all
}

#payment .no-flight-card .no-flight .no-flight-title {
  text-align: left;
  font-weight: bold
}

#payment .no-flight-card .no-flight .no-flight-select {
  text-align: center;
  font-size: 16px;
  font-weight: bold
}

#payment .no-flight-card .no-flight .no-flight-passenger {
  text-align: right
}

#payment .no-flight-card .no-flight .no-flight-passenger .passenger-title {
  width: 50%;
  display: inline-block
}

#payment .no-flight-card .no-flight .no-flight-passenger .passenger-content {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  text-align: left
}

#payment .nb-leg .nb-head {
  text-align: center;
  padding: 15px 0!important
}

#payment .nb-leg .col-sm-11 {
  border-left: 1px solid #d8d8d8
}

#payment .nb-leg .nb-title {
  line-height: 30px;
  border-bottom: 1px solid #d8d8d8
}

#payment .nb-leg .nb-title .text-highlight {
  font-weight: bold;
  font-size: 14px!important
}

#payment .nb-leg .nb-content {
  min-height: 100px;
  padding-top: 12px
}

#payment .nb-leg .nb-content a.linkFz {
  font-size: 100%
}

@media(max-width:639px) {
  #payment .nb-leg .nb-content a.linkFz {
    margin-left: -20px
  }
}

#payment .nb-leg .nb-content span.linkFz {
  display: none
}

@media print {
  #payment .nb-leg .nb-content span.linkFz {
    display: inline
  }
}

#payment .nb-leg .nb-content.upgradeClassInfo {
  font-weight: bold;
  font-size: 16px
}

#payment .nb-leg .nb-content .text-highlight {
  font-weight: bold;
  font-size: 14px!important
}

#payment .nb-leg .nb-content .plane-pvg {
  min-height: 18px;
  background: url(status_plane.pvg) no-repeat 5px;
  background-size: contain
}

#payment .nb-leg .nb-content .train-pvg {
  min-height: 17px;
  background: url(status_train.png) no-repeat -3px;
  background-size: contain
}

#payment .nb-leg .nb-leg-train {
  overflow: hidden;
  white-space: nowrap;
  margin-top: -15px;
  color: #d8d8d8
}

#payment .nb-leg .nb-leg-train span {
  line-height: 30px;
  border: 1px solid;
  padding: 6px;
  border-radius: 6px;
  color: #333
}

#payment .payment-info .payment-passenger {
  font-size: 14px;
  line-height: 14px;
  margin: 10px 0;
  background: white
}

#payment .payment-info .payment-passenger>div {
  height: 80px;
  vertical-align: top;
  display: inline-block;
  height: 100%
}

#payment .payment-info .payment-passenger .payment-passenger-head {
  width: 100px;
  background-color: #223b61;
  color: white;
  padding: 8px;
  text-align: right
}

#payment .payment-info .payment-passenger .payment-passenger-head.passenger-type-children {
  background-image: url(icon-passenger-children.pvg);
  background-repeat: no-repeat;
  background-position: 8px 48px
}

#payment .payment-info .payment-passenger .payment-passenger-head.passenger-type-adult {
  background-image: url(icon-passenger-adult.pvg);
  background-repeat: no-repeat;
  background-position: 8px 35px
}

#payment .payment-info .payment-passenger .payment-passenger-head p {
  text-align: left
}

#payment .payment-info .payment-passenger .payment-passenger-head span {
  display: inline-block;
  padding-top: 38px
}

#payment .payment-info .payment-passenger .payment-passenger-detail .passenger-name {
  font-size: 24px;
  line-height: 24px;
  padding: 15px 0 15px 25px
}

#payment .payment-info .payment-passenger .payment-passenger-detail span {
  padding-left: 25px
}

@media(max-width:639px) {
  #payment .payment-info .payment-passenger .payment-passenger-head {
    display: block;
    width: 100%;
    padding-left: 15px
  }
  #payment .payment-info .payment-passenger .payment-passenger-head span {
    padding-top: 0
  }
  #payment .payment-info .payment-passenger .payment-passenger-head p {
    display: inline-block;
    float: left
  }
  #payment .payment-info .payment-passenger .payment-passenger-head.passenger-type-children {
    background-image: none
  }
  #payment .payment-info .payment-passenger .payment-passenger-head.passenger-type-adult {
    background-image: none
  }
  #payment .payment-info .payment-passenger .payment-passenger-detail {
    position: relative;
    width: 100%;
    overflow: hidden;
    transition: height .5s ease 0s
  }
  #payment .payment-info .payment-passenger .payment-passenger-detail .passenger-name {
    padding-left: 15px;
    color: black
  }
  #payment .payment-info .payment-passenger .payment-passenger-detail .passenger-data {
    padding-bottom: 15px
  }
  #payment .payment-info .payment-passenger .payment-passenger-detail .passenger-data span {
    display: block;
    line-height: 15px;
    padding-left: 15px
  }
}

#payment .payment-info .payment-contact {
  font-size: 14px;
  line-height: 14px;
  margin: 10px 0;
  background: white
}

#payment .payment-info .payment-contact>div {
  vertical-align: top;
  display: inline-block;
  height: 100%
}

#payment .payment-info .payment-contact .payment-contact-head {
  height: 62px;
  width: 100px;
  background: #223b61;
  color: white;
  padding: 8px
}

#payment .payment-info .payment-contact .payment-contact-info {
  background: white;
  width: 80%
}

#payment .payment-info .payment-contact .payment-contact-info div {
  display: inline-block;
  padding-left: 25px
}

#payment .payment-info .payment-contact .payment-contact-info div p {
  line-height: 62px
}

#payment .payment-info .payment-contact .payment-contact-info div p>span {
  padding-left: 20px;
  font-weight: bold
}

@media(max-width:639px) {
  #payment .payment-info .payment-contact .payment-contact-head {
    padding-left: 15px;
    height: auto;
    width: 100%
  }
  #payment .payment-info .payment-contact .payment-contact-info {
    padding: 15px 0
  }
  #payment .payment-info .payment-contact .payment-contact-info div {
    padding-left: 15px
  }
  #payment .payment-info .payment-contact .payment-contact-info div p {
    line-height: 24px
  }
  #payment .payment-info .payment-contact>div {
    vertical-align: top;
    display: block;
    height: auto
  }
}

#payment .payment-promo {
  background: white
}

#payment .payment-promo fieldset {
  height: 100%
}

#payment .payment-promo fieldset>div {
  height: 111px;
  padding-top: 21px;
  padding-right: 15px;
  height: 100%
}

#payment .payment-promo .payment-promo-text {
  line-height: 111px;
  padding-left: 50px;
  display: inline-block;
  margin: 0
}

@media(max-width:991px) {
  #payment .payment-promo .payment-promo-text {
    font-size: 18px
  }
}

#payment .payment-promo .payment-promo-input .display-label {
  display: none
}

#payment .payment-promo .payment-promo-button button {
  width: 100%;
  max-width: 100%
}

@media(max-width:639px) {
  #payment .payment-promo {
    height: auto
  }
  #payment .payment-promo .payment-promo-text {
    line-height: 16px;
    display: block;
    padding: 20px 15px 10px 15px;
    border: 0
  }
  #payment .payment-promo fieldset>div {
    padding: 0 15px;
    margin: 10px 0
  }
  #payment .payment-promo fieldset>div .ui-input-wrapper {
    padding-right: 0
  }
}

#payment .payment-summary {
  padding: 30px 40px;
  background: white;
  margin: 10px 0
}

#payment .payment-summary h2 {
  font-size: 24px;
  color: #223b61;
  padding-bottom: 25px
}

#payment .payment-summary li {
  padding: 15px 5px;
  border-top: 1px solid #979797
}

#payment .payment-summary .summary-detail span:first-child {
  display: inline-block;
  width: 50%;
  text-align: left
}

#payment .payment-summary .summary-detail span:last-child {
  display: inline-block;
  width: 50%;
  text-align: right
}

#payment .payment-summary .summary-total {
  padding-bottom: 0;
  text-align: right;
  font-weight: bold
}

#payment .payment-summary .summary-total span:last-child {
  padding-left: 40px
}

@media(max-width:639px) {
  #payment .payment-summary {
    padding: 15px;
    margin: 0 0 10px 0
  }
  #payment .payment-summary .summary-total span:first-child {
    display: inline-block;
    width: 50%;
    text-align: left
  }
  #payment .payment-summary .summary-total span:last-child {
    padding: 0;
    display: inline-block;
    width: 50%;
    text-align: right
  }
}

#payment .payment-form {
  background: white
}

#payment .payment-form fieldset legend {
  border: 0;
  color: #4d4d4d;
  margin: 0;
  padding-top: 30px
}

#payment .payment-form fieldset ul#payment-important-note, #payment .payment-form fieldset div#payment-important-note {
  margin-top: 0;
  padding: 15px 15px 0;
  font-size: 14px;
  list-style-type: decimal
}

#payment .payment-form fieldset ul#payment-important-note p, #payment .payment-form fieldset div#payment-important-note p {
  font-weight: normal
}

#payment .payment-form fieldset ul#payment-important-note li, #payment .payment-form fieldset div#payment-important-note li {
  margin: 20px 0 20px 15px;
  font-size: 12px;
  color: #4d4d4d;
  font-weight: normal
}

#payment .payment-form fieldset .display-label {
  padding-left: 0;
  font-size: 12px;
  color: #4d4d4d;
  font-weight: normal
}

#payment .payment-form fieldset .combo-row .display-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

#payment .payment-form fieldset .combo-row>.display-label {
  clip: auto;
  width: auto;
  height: auto;
  position: static
}

#payment .payment-form .payment-method .label-radio .fake-radio {
  vertical-align: middle
}

#payment .payment-form .payment-method .label-radio .label-text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

#payment .payment-form .payment-method .label-radio .label-text.showTextUnderImg {
  clip: auto;
  width: auto;
  height: auto;
  overflow: visible;
  top: auto;
  bottom: -15px;
  left: 10px;
  white-space: nowrap;
  font-size: 12px
}

@media(max-width:639px) {
  #payment .payment-form .payment-method .label-radio .label-text.showTextUnderImg {
    display: none
  }
}

#payment .payment-form .payment-method .label-radio .label-image {
  display: inline-block;
  margin-left: 20px;
  height: 40px
}

#payment .payment-form .payment-detail .icon-info {
  position: relative;
  top: -86px;
  left: 60px
}

#payment .payment-form .payment-submit {
  text-align: right;
  padding: 30px 40px
}

@media(max-width:639px) {
  #payment .payment-form fieldset>div {
    border-right: 0;
    padding-right: 0
  }
  #payment .payment-form fieldset>ul {
    padding-left: 0
  }
  #payment .payment-form .payment-method .ui-radio-wrapper {
    width: 100%
  }
  #payment .payment-form .payment-detail legend {
    border-top: 0
  }
}

#payment .promotion-ad {
  height: 100px
}

#payment .gaotieVip {
  font-size: 12px
}

#payment .gaotieVip .arrow {
  font-size: 20px;
  line-height: 20px;
  font-weight: 900
}

#payment .gaotieVip .gaotieVip-list {
  padding: 20px 0;
  border-top: 1px solid #d8d8d8
}

#payment .gaotieVip .gaotieVip-station {
  font-size: 16px;
  font-weight: 900
}

#payment .gaotieVip .icon-info-red {
  background: url(icon-info-hover.pvg) center center no-repeat;
  background-size: contain;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  margin-top: 6px;
  vertical-align: sub
}

.payment-result-title {
  padding: 20px 35px;
  font-size: 24px
}

#payment .paymentDetailH .consumerpassword_tips {
  color: #e4007f;
  margin-bottom: 10px
}

#payment .paymentDetailH .payment-remind {
  border-top: 1px solid #d8d8d8;
  padding: 10px 0 20px
}

#payment .paymentDetailH .payment-remind .Policies {
  width: 100%
}

#payment .paymentDetailH .payment-remind .Policies .PoliciesTitle {
  cursor: pointer
}

#payment {
  padding-right: 15px
}

#payment .shadowcard-wrapper .shadowcard .payment-form {
  padding: 0
}

#payment .shadowcard-wrapper .shadowcard .payment-form .payment-method .ui-radio-wrapper {
  margin: 10px 15px
}

#payment .shadowcard-wrapper .shadowcard .FormContent {
  border-bottom: 1px solid #d8d8d8
}

#payment .shadowcard-wrapper .shadowcard fieldset, #payment .shadowcard-wrapper .shadowcard .FormContent {
  margin-top: 0
}

#payment .shadowcard-wrapper .shadowcard fieldset div.col-sm-6, #payment .shadowcard-wrapper .shadowcard .FormContent div.col-sm-6 {
  padding: 0 15px 15px 15px;
  margin: 0
}

#payment .shadowcard-wrapper .shadowcard fieldset div.col-sm-6 legend, #payment .shadowcard-wrapper .shadowcard .FormContent div.col-sm-6 legend {
  padding: 15px 0;
  font-size: 14px;
  font-weight: normal
}

#payment .shadowcard-wrapper .shadowcard fieldset div.col-sm-6 label, #payment .shadowcard-wrapper .shadowcard .FormContent div.col-sm-6 label {
  margin-bottom: 25px
}

#payment .shadowcard-wrapper .shadowcard fieldset div.col-sm-6 .ui-select-wrapper, #payment .shadowcard-wrapper .shadowcard .FormContent div.col-sm-6 .ui-select-wrapper {
  padding: 0
}

#payment .shadowcard-wrapper .shadowcard fieldset div.col-sm-6 .ui-select-wrapper .ui-select-box, #payment .shadowcard-wrapper .shadowcard .FormContent div.col-sm-6 .ui-select-wrapper .ui-select-box {
  color: #d9d9d9;
  font-weight: normal
}

#payment .shadowcard-wrapper .shadowcard fieldset div.col-sm-6 .ui-select-wrapper .ui-select-box .ui-select, #payment .shadowcard-wrapper .shadowcard .FormContent div.col-sm-6 .ui-select-wrapper .ui-select-box .ui-select {
  color: #223b61;
  font-weight: normal
}

#payment .shadowcard-wrapper .shadowcard fieldset div.col-sm-6 .ui-input-wrapper, #payment .shadowcard-wrapper .shadowcard .FormContent div.col-sm-6 .ui-input-wrapper {
  padding-right: 0
}

#payment .shadowcard-wrapper .shadowcard fieldset div.col-sm-6 .combo-row p, #payment .shadowcard-wrapper .shadowcard .FormContent div.col-sm-6 .combo-row p {
  font-size: 12px;
  font-weight: normal
}

#payment .shadowcard-wrapper .shadowcard fieldset div.col-sm-6 .combo-row p .star, #payment .shadowcard-wrapper .shadowcard .FormContent div.col-sm-6 .combo-row p .star {
  font-size: 24px;
  display: inline-block;
  position: relative;
  line-height: 0;
  top: 5px;
  color: #e4007f;
  left: -4px
}

#payment .shadowcard-wrapper .shadowcard fieldset div.col-sm-6 .combo-row div.col-sm-6, #payment .shadowcard-wrapper .shadowcard .FormContent div.col-sm-6 .combo-row div.col-sm-6 {
  border-right: 0;
  padding: 0 10px 0 0!important
}

#payment .shadowcard-wrapper .shadowcard fieldset div.col-sm-6 .combo-row div.col-sm-6:last-child, #payment .shadowcard-wrapper .shadowcard .FormContent div.col-sm-6 .combo-row div.col-sm-6:last-child {
  padding: 0
}

#payment .shadowcard-wrapper .shadowcard .payment-submit {
  padding: 20px 15px
}

#payment .shadowcard-wrapper .shadowcard .payment-submit .btn-third {
  float: left
}

@media(max-width:639px) {
  #payment .shadowcard-wrapper .shadowcard .payment-submit button {
    width: 49%
  }
  #payment .shadowcard-wrapper .shadowcard .payment-submit .btn-important {
    float: right
  }
}

#payment .shadowcard-wrapper .shadowcard .paymentTime {
  margin-top: 20px;
  display: none
}

#payment .shadowcard-wrapper .shadowcard .promoCode .col-md-4 {
  margin-top: 16px
}

#payment .shadowcard-wrapper .shadowcard .promoCode label {
  margin-bottom: 0
}

#payment .shadowcard-wrapper .shadowcard .promoText {
  padding-top: 0
}

#payment .shadowcard-wrapper .shadowcard .promoText div:first-child {
  margin-bottom: 10px
}

#payment .shadowcard-wrapper .shadowcard .promoText .promoIcon {
  display: inline-block;
  vertical-align: middle;
  padding-right: 25px;
  background: url(promotion-ok.jpg) no-repeat right center;
  color: #e4007f;
  font-weight: bold;
  font-size: 16px
}

#payment .shadowcard-wrapper .shadowcard .promoText .icon-info, #payment .shadowcard-wrapper .shadowcard .promoText .icon-info:hover {
  background: url(icon-info-hover.pvg) center center no-repeat;
  background-size: 14px 14px;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  vertical-align: middle;
  cursor: default
}

#payment .shadowcard-wrapper .shadowcard .promoText .text-blue {
  margin-top: 5px;
  color: #3895e5
}

#payment .shadowcard-wrapper .shadowcard .ContactInfo li {
  display: inline-block;
  margin-right: 15px;
  width: 31%
}

#payment .shadowcard-wrapper .shadowcard .ContactInfo li span:last-child {
  font-weight: bold
}

#payment .shadowcard-wrapper .shadowcard .OrderReview .inner {
  margin-bottom: 15px;
  color: #4a4a4a
}

#payment .shadowcard-wrapper .shadowcard .OrderReview .inner span {
  margin-right: 50px
}

#payment .shadowcard-wrapper .shadowcard .OrderReview .inner span:first-child {
  font-weight: bold
}

#payment .shadowcard-wrapper .shadowcard .OrderReview .count span {
  font-weight: bold;
  margin-right: 20px;
  color: #4a4a4a
}

#payment .shadowcard-wrapper .shadowcard .payment-detail-link {
  text-align: right;
  padding: 0 15px 10px 0
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH {
  padding: 0;
  max-height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all .5s ease 0s;
  overflow: hidden
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .shadowcard>* {
  padding: 0
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .Policies {
  padding: 0 15px
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .Policies p {
  font-weight: bold;
  margin: 10px 0
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .Policies li:before {
  background: #e4007f;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 5px 15px 0 5px;
  vertical-align: top
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .Policies li {
  margin-bottom: 5px
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .Policies li span {
  width: 95%;
  display: inline-block
}

@media(max-width:639px) {
  #payment .shadowcard-wrapper .shadowcard .paymentDetailH .Policies li span {
    width: 90%
  }
}

@media(max-width:639px) {
  #payment .shadowcard-wrapper .shadowcard .paymentDetailH .Policies {
    padding: 0
  }
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg {
  padding: 0;
  font-size: 12px;
  border-top: 1px solid #d8d8d8
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg .leg-itinerary {
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 3px solid #d8d8d8
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg .show-mobile {
  display: none
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg li {
  border-bottom: 1px solid #d8d8d8;
  padding: 0
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg li>div {
  padding: 15px
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg li .leg-head .leg-flight-no>* {
  display: inline-block;
  vertical-align: middle
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg li .leg-head .leg-flight-no img {
  margin-left: 8px
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg li .leg-info {
  min-height: 138px;
  border-left: 1px solid #d8d8d8;
  border-bottom: 0
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg li .leg-plane:before {
  content: "";
  width: 100%;
  height: 18px;
  background: url(status_plane.pvg) no-repeat;
  background-size: contain;
  display: block;
  margin-top: 20px
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg .text-bold {
  font-weight: bold
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg .text-highlight {
  font-size: 14px;
  font-weight: bold
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg .text-highlight .font-normal {
  font-weight: normal;
  font-size: 12px
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg .text-margin-top {
  margin-top: 10px
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg .text-width {
  max-width: 130px
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg .text-red {
  color: #e4007f
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg-brand li {
  height: 140px
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .leg-passenger {
  margin: 10px 0 20px
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .leg-passenger .btn-link-wrapper {
  text-align: center;
  font-weight: bold;
  padding: 10px 0;
  padding-left: 30px;
  display: none
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .leg-passenger .show-table td {
  height: 33px;
  padding: 10px 0 5px 0;
  border-bottom-width: 1px;
  opacity: 1;
  filter: alpha(opacity=100)
}

#payment .shadowcard-wrapper .shadowcard .paymentDetailH .leg-passenger .show-table td:first-of-type {
  height: 36px;
  border-bottom-width: 2px
}

#payment .shadowcard-wrapper .shadowcard .table-wrapper {
  max-height: 500px;
  opacity: 1;
  filter: alpha(opacity=100);
  border-top: 2px solid #223b61
}

#payment .shadowcard-wrapper .shadowcard .table-wrapper .table {
  margin: 0
}

#payment .shadowcard-wrapper .shadowcard .table-wrapper .table th, #payment .shadowcard-wrapper .shadowcard .table-wrapper .table td {
  text-align: center;
  border-right: 1px solid #d8d8d8
}

#payment .shadowcard-wrapper .shadowcard .table-wrapper .table th:last-child, #payment .shadowcard-wrapper .shadowcard .table-wrapper .table td:last-child {
  border-right: 0
}

#payment .shadowcard-wrapper .shadowcard .table-wrapper .table tr:last-child td {
  border-bottom: 1px solid #d8d8d8
}

#payment .shadowcard-wrapper .shadowcard .show-detail {
  padding: 0;
  max-height: 3000px;
  opacity: 1;
  filter: alpha(opacity=100);
  transition: all 2.5s ease 0s
}

#payment .shadowcard-wrapper .shadowcard .OrderReview .show-detail {
  padding: 0 15px;
  max-height: 0;
  height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all .5s ease 0s;
  overflow: hidden
}

#payment .shadowcard-wrapper .shadowcard fieldset.payment-form-worldpay div.col-sm-6, #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-unionpay div.col-sm-6, #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-uatp div.col-sm-6 {
  border-right: 1px solid #d8d8d8
}

#payment .shadowcard-wrapper .shadowcard fieldset.payment-form-worldpay div.col-sm-6 .row div.col-sm-6, #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-unionpay div.col-sm-6 .row div.col-sm-6, #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-uatp div.col-sm-6 .row div.col-sm-6 {
  padding: 0;
  border: 0
}

#payment .shadowcard-wrapper .shadowcard fieldset.payment-form-worldpay div.col-sm-6 .row div.col-sm-6:first-child, #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-unionpay div.col-sm-6 .row div.col-sm-6:first-child, #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-uatp div.col-sm-6 .row div.col-sm-6:first-child {
  padding-right: 10px
}

@media(max-width:639px) {
  #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-worldpay div.col-sm-6 .row div.col-sm-6:first-child, #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-unionpay div.col-sm-6 .row div.col-sm-6:first-child, #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-uatp div.col-sm-6 .row div.col-sm-6:first-child {
    padding-right: 0
  }
}

#payment .shadowcard-wrapper .shadowcard fieldset.payment-form-worldpay div.col-sm-6 .combo-row .col-xs-4, #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-unionpay div.col-sm-6 .combo-row .col-xs-4, #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-uatp div.col-sm-6 .combo-row .col-xs-4 {
  padding-right: 10px;
  margin: 0
}

#payment .shadowcard-wrapper .shadowcard fieldset.payment-form-worldpay div.col-sm-6 .combo-row .col-xs-8, #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-unionpay div.col-sm-6 .combo-row .col-xs-8, #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-uatp div.col-sm-6 .combo-row .col-xs-8 {
  margin: 0
}

@media(max-width:639px) {
  #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-worldpay div.col-sm-6, #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-unionpay div.col-sm-6, #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-uatp div.col-sm-6 {
    border: 0;
    padding: 0
  }
  #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-worldpay div.col-sm-6 legend, #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-unionpay div.col-sm-6 legend, #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-uatp div.col-sm-6 legend {
    padding: 10px 0
  }
  #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-worldpay div.col-sm-6 label, #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-unionpay div.col-sm-6 label, #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-uatp div.col-sm-6 label {
    margin-bottom: 15px
  }
}

#payment .shadowcard-wrapper .shadowcard fieldset.payment-form-worldpay ul.col-sm-6, #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-unionpay ul.col-sm-6, #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-uatp ul.col-sm-6 {
  border-left: none
}

@media(max-width:639px) {
  #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-worldpay ul.col-sm-6, #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-unionpay ul.col-sm-6, #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-uatp ul.col-sm-6 {
    border-top: 1px solid #d8d8d8;
    padding: 10px 0 0 0
  }
  #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-worldpay ul.col-sm-6 li, #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-unionpay ul.col-sm-6 li, #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-uatp ul.col-sm-6 li {
    margin: 15px 0 10px 15px
  }
}

#payment #paymentBarM {
  display: none
}

#payment .cvv2 {
  position: relative
}

#payment .cvv2 a:before {
  content: '';
  position: absolute;
  display: none;
  transition-delay: .2s;
  transition: .4s all;
  left: 60px;
  top: 20px;
  width: 568px;
  height: 199px;
  background: url("upload/cvv2.jpg") no-repeat center;
  z-index: 2
}

#payment .cvv2 a:hover:before {
  display: block
}

#paymentBar {
  background-color: #fff;
  z-index: 2
}

#paymentBar .paytitle {
  color: #4a4a4a;
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 20px
}

#paymentBar .quantity {
  font-size: 14px;
  font-weight: normal;
  text-align: left
}

#paymentBar .quantity .row {
  margin-bottom: 10px
}

#paymentBar .quantity .row div:last-child {
  text-align: right;
  font-weight: bold
}

#paymentBar .paymentTimeR {
  margin-top: 10px
}

#paymentBar .paymentTimeR span {
  color: #e4007f;
  font-size: 14px;
  font-weight: normal;
  float: left;
  margin-top: 10px
}

#paymentBar .paymentTimeR span:last-child {
  font-size: 24px;
  float: right;
  margin-top: 0
}

#paymentBar .paymentTimeR span:last-child span {
  font-size: 24px;
  font-weight: normal;
  margin: 5px 0 0 2px;
  display: inline-block;
  vertical-align: top;
  padding: 0
}

#paymentBar .numberR {
  border-bottom: 1px solid #d8d8d8;
  margin: -4px 0 0;
  padding-bottom: 10px
}

#paymentBar .numberR span {
  color: #4a4a4a;
  font-size: 14px;
  font-weight: normal;
  float: left;
  margin-top: 10px
}

#paymentBar .numberR span:last-child {
  font-size: 24px;
  float: right;
  margin-top: 0;
  font-weight: bold
}

#paymentBar .numberR span:last-child span {
  font-size: 14px;
  font-weight: normal;
  margin: 5px 0 0 2px;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  font-weight: normal
}

#paymentBar .gopay {
  width: 100%;
  max-width: none
}

@media(max-width:992px) {
  #payment #paymentBarM {
    display: block
  }
  #payment #paymentBarM .quantity {
    padding: 0 15px;
    margin-top: 10px
  }
  #payment #paymentBarM .quantity .row {
    margin-bottom: 10px
  }
  #payment #paymentBarM .quantity .row div:last-child {
    text-align: right
  }
  #payment #paymentBarM .numberR {
    margin: 10px 0;
    padding: 10px 15px 0 15px;
    border-top: 1px solid #d8d8d8
  }
  #payment #paymentBarM .numberR span {
    color: #4a4a4a;
    font-size: 14px;
    font-weight: normal;
    float: left;
    margin-top: 2px
  }
  #payment #paymentBarM .numberR span:last-child {
    font-size: 28px;
    float: right;
    margin-top: 0;
    font-weight: bold
  }
  #payment #paymentBarM .numberR span:last-child span {
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0 0 2px;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    font-weight: normal
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime {
    display: block;
    padding: 0 15px
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div {
    width: auto;
    float: left;
    margin: 0
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div p {
    margin-left: 15px;
    color: #e4007f;
    margin-left: 0
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div p.title {
    font-size: 12px;
    font-weight: normal
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div p.number {
    font-size: 24px;
    font-weight: normal
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div:last-child {
    float: right;
    text-align: left
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div:last-child p {
    margin-right: 15px;
    color: #4a4a4a;
    margin-right: 0
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div:last-child p.number {
    font-weight: bold
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div:last-child p.number span {
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0 0 2px;
    display: inline-block;
    vertical-align: top
  }
}

@media(max-width:639px) {
  .page-header {
    margin-bottom: 0
  }
  .page-header h1 {
    margin: 0
  }
  #paymentBar {
    display: none
  }
  #payment {
    padding-right: 0
  }
  #payment .shadowcard-wrapper .shadowcard {
    padding: 10px
  }
  #payment .shadowcard-wrapper .shadowcard .OrderReview {
    padding: 0
  }
  #payment .shadowcard-wrapper .shadowcard .OrderReview .inner span {
    display: block;
    width: 100%;
    line-height: 22px
  }
  #payment .shadowcard-wrapper .shadowcard .ContactInfo {
    padding: 0
  }
  #payment .shadowcard-wrapper .shadowcard .ContactInfo li {
    display: block;
    width: 100%;
    margin-bottom: 10px
  }
  #payment .shadowcard-wrapper .shadowcard .ContactInfo li:last-child {
    margin-bottom: 0
  }
  #payment .shadowcard-wrapper .shadowcard .promoCode {
    padding: 0
  }
  #payment .shadowcard-wrapper .shadowcard .promoCode .ui-input-wrapper {
    padding-right: 0
  }
  #payment .shadowcard-wrapper .shadowcard .promoCode .col-md-4 {
    margin-top: 10px
  }
  #payment .shadowcard-wrapper .shadowcard .promoCode div {
    width: 100%
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .payment-method .ui-radio-wrapper {
    margin: 0 0 0 2px
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .payment-detail .col-sm-6 {
    padding: 0;
    border-left: none
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .payment-detail .col-sm-6 legend {
    padding: 10px 0
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .payment-detail .col-sm-6 label {
    margin-bottom: 15px
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .payment-detail .col-sm-6 .combo-row .col-sm-6 {
    padding: 0
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .payment-detail ul.col-sm-6 {
    border-top: 1px solid #d8d8d8;
    padding-top: 10px
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .payment-detail ul.col-sm-6 li {
    margin: 15px 0 10px 15px
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .payment-detail .readTerm {
    margin: 10px 0 5px 0
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .payment-detail .readTerm .ui-checkbox-wrapper .ui-checkbox-text {
    width: 90%
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime {
    margin-top: 10px;
    display: block
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div {
    width: auto;
    float: left;
    margin: 0
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div p {
    margin-left: 15px;
    color: #e4007f;
    margin-left: 0
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div p.title {
    font-size: 12px;
    font-weight: normal
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div p.number {
    font-size: 24px;
    font-weight: normal
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div:last-child {
    float: right;
    text-align: left
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div:last-child p {
    margin-right: 15px;
    color: #4a4a4a;
    margin-right: 0
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div:last-child p.number {
    font-weight: bold
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div:last-child p.number span {
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0 0 2px;
    display: inline-block;
    vertical-align: top
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .payment-submit {
    padding: 0
  }
  #payment .shadowcard-wrapper .shadowcard .payment-form .payment-submit button {
    margin: 5px 0
  }
  #payment .shadowcard-wrapper .shadowcard .payment-detail-link {
    padding-right: 0
  }
  #payment .shadowcard-wrapper .shadowcard .payment-detail-link .btn-link {
    padding-right: 0
  }
  #payment #paymentBarM {
    display: block
  }
  #payment #paymentBarM .quantity {
    padding: 0
  }
  #payment #paymentBarM .quantity .row {
    margin-bottom: 10px
  }
  #payment #paymentBarM .quantity .row div:last-child {
    text-align: right
  }
  #payment #paymentBarM .numberR {
    margin: 10px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #d8d8d8
  }
  #payment #paymentBarM .numberR span {
    color: #4a4a4a;
    font-size: 12px;
    font-weight: normal;
    float: left;
    margin-top: 2px
  }
  #payment #paymentBarM .numberR span:last-child {
    font-size: 14px;
    float: right;
    margin-top: 0;
    font-weight: bold
  }
  #payment #paymentBarM .numberR span:last-child span {
    font-size: 12px;
    font-weight: normal;
    margin: 1px 0 0 2px;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    font-weight: normal
  }
}

.refund-popup {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  display: block
}

.paymentResult {
  margin-bottom: 20px
}

.paymentResult .row .col-md-8 {
  background-color: #fff;
  padding: 15px
}

@media(max-width:991px) {
  .paymentResult .row .col-md-8 .row {
    padding: 15px 0 10px 0
  }
}

.paymentResult .row .col-md-8 .row .col-md-4 {
  border-right: 1px solid #d8d8d8
}

@media(max-width:991px) {
  .paymentResult .row .col-md-8 .row .col-md-4 {
    border-right: 0
  }
}

.paymentResult .row .col-md-8 .row .col-md-4 p a {
  font-size: 24px;
  line-height: 27px
}

.paymentResult .row .col-md-8 .row .col-md-4 p:first-child {
  font-size: 12px;
  color: #4a4a4a;
  margin-bottom: 10px
}

.paymentResult .row .col-md-8 .row .col-md-8 {
  padding: 0 0 0 25px
}

@media(max-width:991px) {
  .paymentResult .row .col-md-8 .row .col-md-8 {
    padding: 10px 0;
    margin: 0;
    border-top: 1px solid #d8d8d8;
    margin-top: 20px
  }
}

.paymentResult .row .col-md-8 .row .col-md-8 p {
  font-size: 14px;
  color: #4a4a4a
}

.paymentResult .row .col-md-8 .row .col-md-8 p:first-child {
  color: #e4007f;
  font-size: 24px
}

.paymentResult .row .col-md-8 .row .col-md-12 {
  padding: 0 0 0 25px
}

@media(max-width:991px) {
  .paymentResult .row .col-md-8 .row .col-md-12 {
    padding: 10px 0;
    margin: 0
  }
}

.paymentResult .row .col-md-8 .row .col-md-12 p {
  font-size: 14px;
  color: #4a4a4a
}

.paymentResult .row .col-md-8 .row .col-md-12 p:first-child {
  color: #e4007f;
  font-size: 24px
}

.paymentResult .row .col-md-8 .register {
  border-bottom: 0;
  padding-bottom: 0
}

.paymentResult .row .col-md-8 .register p {
  width: 60%;
  float: left;
  font-size: 14px;
  color: #4a4a4a
}

.paymentResult .row .col-md-8 .register button {
  width: 40%;
  float: right
}

.paymentResult .row .col-md-8 .paymentRegisterDetail .consumerpassword_tips {
  margin-bottom: 15px;
  color: #e4007f
}

.paymentResult .row .col-md-8 .paymentRegisterDetail .ui-checkbox-wrapper {
  padding-right: 0;
  padding-left: 0
}

.paymentResult .row .col-md-8 .paymentRegisterDetail a {
  text-decoration: underline
}

.paymentResult .row .col-md-8 .paymentRegisterDetail .horizontal-form-row>div {
  margin: 2px 0
}

.paymentResult .row .col-md-8 .paymentRegisterDetail .horizontal-form-row>div p.value {
  font-weight: bold
}

#brandService header {
  height: 55px;
  line-height: 55px;
  font-size: 16px;
  padding: 0 15px
}

#brandService .section-title {
  margin-top: 7vw;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 18px
}

.payment-related-content {
  height: 180px;
  overflow: hidden
}

.payment-related-content .panel-gold .large {
  color: #594510
}

.payment-related-content .panel-gold .gold-text p, .payment-related-content .panel-gold .gold-text a {
  color: #594510
}

.payment-related-content .panel-gold .gold-text a.btn-link {
  background: url(arrow.pvg) right center no-repeat;
  padding-right: 10px
}

.payment-related-content .panel-gold .service {
  padding: 5px 9px 0 25px;
  margin-top: 30px
}

@media(max-width:991px) {
  .payment-related-content .panel-gold .service {
    margin-top: 5px;
    padding-left: 10px
  }
}

.relation-links {
  margin-left: 15px
}

.relation-links .relation-link {
  background-color: #fff
}

.relation-links .relation-link .relation-link-text {
  padding: 20px
}

@media(max-width:639px) {
  #payment .shadowcard-wrapper .shadowcard .show-detail .leg-passenger .btn-link-wrapper {
    display: block
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .leg-passenger .table-wrapper {
    max-height: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .5s ease 0s;
    overflow: hidden
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .show-passenger .table-wrapper {
    max-height: 1500px;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 2.5s ease 0s
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .show-passenger .table-wrapper td {
    border-bottom: 1px solid #d8d8d8
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .show-passenger .table-wrapper td:first-child {
    border-left: none
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .hide-mobile {
    display: none
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .text-thin-mobile {
    font-weight: normal
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .text-bold-mobile {
    font-weight: bold
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .leg-passenger {
    padding: 0;
    margin: 10px 0 10px
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .table-wrapper {
    overflow-x: scroll
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .table thead {
    position: initial;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clip: initial;
    border: 0
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .table tbody tr {
    border: 0
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .table td {
    display: table-cell;
    padding: 9px 0;
    border-left: 1px solid #d8d8d8;
    width: 1%
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .order-reference {
    margin: 0 5px
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .order-reference p {
    display: block
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .order-reference p span {
    float: right;
    margin-right: 0
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .order-reference p:last-of-type {
    float: none;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #d8d8d8
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .order-notification {
    margin: 0 5px
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .tab-card {
    margin: 10px 0
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .tab-card>div {
    margin: 0 5px;
    padding: 15px 10px
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .trip-leg .show-mobile {
    display: block
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .trip-leg li>div {
    padding: 0
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .trip-leg li .leg-head {
    text-align: center;
    padding: 10px 0
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .trip-leg li .leg-info {
    text-align: center;
    border-left: none;
    min-height: 0;
    padding: 10px 0
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .trip-leg li .leg-info div p {
    max-width: initial
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .trip-leg li .leg-info div .text-margin-top {
    margin-top: 10px
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .trip-leg li .leg-info div:nth-of-type(4) {
    border-top: 1px solid #d8d8d8;
    margin-top: 10px
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .trip-leg li .leg-plane:before {
    margin-top: 10px;
    background-position: center
  }
  .paymentResult {
    margin: 0
  }
  .paymentResult .row .col-md-8 {
    padding: 10px;
    margin: 5px
  }
  .paymentResult .row .col-md-8 .row {
    padding: 0
  }
  .paymentResult .row .col-md-8 .row .col-md-4 {
    padding-bottom: 10px;
    border: 0
  }
  .paymentResult .row .col-md-8 .row .col-md-4 p a {
    font-size: 18px
  }
  .paymentResult .row .col-md-8 .row .col-md-4 p:first-child {
    margin-bottom: 5px
  }
  .paymentResult .row .col-md-8 .row .col-md-8 {
    padding: 10px 0;
    margin: 0;
    border-top: 1px solid #d8d8d8
  }
  .paymentResult .row .col-md-8 .row .col-md-8 p {
    font-size: 12px
  }
  .paymentResult .row .col-md-8 .row .col-md-8 p:first-child {
    font-size: 18px;
    margin-bottom: 5px
  }
  .paymentResult .row .col-md-8 .register {
    padding: 10px 0 0
  }
  .paymentResult .row .col-md-8 .register p, .paymentResult .row .col-md-8 .register button {
    width: 100%
  }
  .paymentResult .row .col-md-8 .register p {
    margin-bottom: 10px;
    font-size: 12px
  }
  .payment-related-content {
    height: 100%
  }
  .payment-related-content .panel-gold li {
    height: 180px
  }
  .payment-related-content .panel-gold li img {
    width: 100%;
    height: 90px
  }
  .payment-related-content .panel-gold li .service {
    margin: 0;
    padding: 10px;
    width: 100%
  }
  .payment-related-content .panel-gold li .service .title {
    width: 100%
  }
  .payment-related-content .panel-gold li .service .title .large {
    font-size: 18px
  }
  .payment-related-content .panel-gold li .service .desc {
    font-size: 12px
  }
  .payment-related-content .panel-gold li .service .section-more a {
    font-size: 12px
  }
}

@media(max-width:1199px) {
  #paymentBar {
    display: none
  }
  #payment {
    padding-right: 0
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .table-wrapper .table {
    width: 100%
  }
}

@media(min-width:992px) {
  #paymentBar {
    display: block
  }
}

.checkinResult .col-md-8 .row {
  background-color: #fff;
  padding: 15px;
  margin-bottom: 15px
}

.checkinResult .col-md-8 .row li span.value {
  font-weight: bold;
  padding-left: 5px
}

.checkinResult .col-md-8 .row li:last-child {
  float: right;
  text-align: right
}

.checkinResult .col-md-8 .row a.clickDetail {
  float: right;
  color: #2a5390;
  margin-top: 10px
}

.checkinResult .col-md-8 .row button {
  float: right
}

.checkinResult .col-md-8 .row .row {
  padding-top: 0
}

.checkinResult .col-md-8 .row .row p.successfully {
  color: #e4007f;
  font-size: 24px
}

.checkinResult .col-md-8 .row .row p {
  margin-bottom: 5px
}

.checkinResult .col-md-8 .row .row:last-child {
  margin-bottom: 0;
  padding-bottom: 0
}

.readTerm {
  padding: 0 15px;
  margin: 15px
}

.readTerm ul {
  list-style-type: decimal;
  margin-left: 15px;
  font-weight: normal;
  font-size: 12px
}

.readTerm ul li {
  margin-bottom: 5px
}

.readTerm ul li a {
  color: #2a5390;
  font-size: 12px
}

.readTerm p {
  color: #4a4a4a;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 5px
}

.readTerm p a {
  color: #2a5390;
  font-size: 12px
}

.readTerm p .ui-checkbox-wrapper {
  margin-top: 10px
}

.readTerm p .ui-checkbox-wrapper .ui-checkbox-text {
  width: 95%;
  font-weight: normal;
  vertical-align: top
}

.readTerm p .ui-checkbox-wrapper .fake-checkbox {
  margin-top: 4px
}

#toManageBooking {
  font-weight: bold;
  text-decoration: underline
}

@media print {
  html, body {
    background: #fff!important
  }
}

@media print and (max-width:991px) {
  #payment #content-body {
    background: #fff!important
  }
}

@media print and (max-width:639px) {
  #payment .paymentResult.paymentPrint .row .col-md-8 .row .col-md-8 {
    padding: 0 0 0 25px;
    margin: 0;
    border-top: 0
  }
  #payment .paymentResult .shadowcard-wrapper .shadowcard {
    margin: 0!important;
    padding: 15px 0 20px 0!important;
    margin-top: 10px!important
  }
  #payment .shadowcard-wrapper .shadowcard {
    background: 0
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .trip-leg li .leg-head {
    text-align: left!important;
    padding: 15px
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .leg-passenger .table-wrapper {
    max-height: 500px;
    opacity: 1
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .table-wrapper td:first-child {
    border-left: none
  }
  #payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg li .leg-info {
    border-top: 0;
    margin-top: 0;
    text-align: left!important;
    padding: 15px
  }
  #payment .shadowcard-wrapper .shadowcard .show-detail .trip-leg li .leg-info div:nth-of-type(4) {
    border-top: 0
  }
  #payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg li .leg-info {
    min-height: 138px;
    border-left: 1px solid #d8d8d8;
    border-bottom: 0
  }
  #payment .shadowcard-wrapper .shadowcard .paymentDetailH .table-wrapper {
    border-top: 2px solid #223b61
  }
}

@media print {
  @page {
    #payment {
      size: landscape
    }
  }
}

.shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg li {
  overflow: hidden
}

.shadowcard-wrapper .shadowcard .show-detail .trip-leg li div {
  height: 100%
}

.passenger .passengerForm .shadowcard-wrapper:first-of-type {
  margin-bottom: 0
}

.passenger .hide-label .ui-input-wrapper {
  padding-right: 5px
}

.passenger .hide-label .ui-input-wrapper .input {
  padding-left: 5px
}

.passenger .hide-label:last-child .ui-input-wrapper {
  padding-right: 15px
}

.passenger .passenger-field {
  font-size: 14px;
  font-weight: 900
}

.passenger form .passenger-box, .passenger #form .passenger-box {
  margin: 0;
  padding: 0 20px
}

.passenger form .passenger-box .passenger-head, .passenger #form .passenger-box .passenger-head {
  padding: 0
}

.passenger form .passenger-box .passenger-head h3, .passenger #form .passenger-box .passenger-head h3 {
  font-size: 14px
}

.passenger form .passenger-box .passenger-head span, .passenger #form .passenger-box .passenger-head span {
  line-height: 31px
}

.passenger form .passenger-box .passenger-head .passenger-delete, .passenger #form .passenger-box .passenger-head .passenger-delete {
  display: inline-block;
  position: absolute;
  top: 25px;
  right: 20px
}

.passenger form .passenger-box .passenger-box-unexpand, .passenger #form .passenger-box .passenger-box-unexpand {
  background: white
}

.passenger form .passenger-box .passenger-box-unexpand .passenger-box-title, .passenger #form .passenger-box .passenger-box-unexpand .passenger-box-title {
  font-size: 24px;
  clear: both
}

.passenger form .passenger-box .passenger-box-unexpand .passenger-box-title s, .passenger #form .passenger-box .passenger-box-unexpand .passenger-box-title s {
  font-size: 14px;
  text-decoration: none
}

.passenger form .passenger-box .passenger-box-unexpand .passenger-box-title .box-index, .passenger #form .passenger-box .passenger-box-unexpand .passenger-box-title .box-index {
  text-align: center;
  float: left;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #223b61
}

.passenger form .passenger-box .passenger-box-unexpand .passenger-box-title .box-index-in, .passenger #form .passenger-box .passenger-box-unexpand .passenger-box-title .box-index-in {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: #fff;
  line-height: 30px
}

.passenger form .passenger-box .passenger-box-unexpand .passenger-box-title .box-text, .passenger #form .passenger-box .passenger-box-unexpand .passenger-box-title .box-text {
  float: left;
  width: 60%;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  border: 1px solid #567;
  position: relative
}

.passenger form .passenger-box .passenger-box-unexpand .passenger-box-title .box-text b, .passenger #form .passenger-box .passenger-box-unexpand .passenger-box-title .box-text b {
  display: inline-block;
  width: 80%;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden
}

.passenger form .passenger-box .passenger-box-unexpand .passenger-box-title .box-type, .passenger #form .passenger-box .passenger-box-unexpand .passenger-box-title .box-type {
  position: absolute;
  right: 6px;
  font-size: 14px
}

.passenger form .passenger-box .passenger-box-unexpand .passenger-box-title .box-btn, .passenger #form .passenger-box .passenger-box-unexpand .passenger-box-title .box-btn {
  width: 40px;
  height: 40px;
  border: 1px solid #567;
  border-left: none;
  position: relative;
  top: 0
}

.passenger form .passenger-box .passenger-box-unexpand .passenger-box-title .box-btn:after, .passenger #form .passenger-box .passenger-box-unexpand .passenger-box-title .box-btn:after {
  margin-left: 0
}

.passenger form .passenger-box .passenger-box-unexpand .ui-checkbox-wrapper, .passenger #form .passenger-box .passenger-box-unexpand .ui-checkbox-wrapper {
  font-size: 12px;
  margin-left: 60px
}

.passenger form .passenger-box .passenger-box-unexpand .ui-checkbox-wrapper span, .passenger #form .passenger-box .passenger-box-unexpand .ui-checkbox-wrapper span {
  font-weight: normal
}

@media(max-width:991px) {
  .passenger form .passenger-box .passenger-box-unexpand .ui-checkbox-wrapper, .passenger #form .passenger-box .passenger-box-unexpand .ui-checkbox-wrapper {
    margin-left: 15px
  }
}

.passenger form .passenger-box .passenger-box-transition, .passenger #form .passenger-box .passenger-box-transition {
  transition-duration: 2s;
  opacity: 1;
  overflow: hidden;
  max-height: 3000px
}

.passenger form .passenger-box .passenger-box-transition .fake-checkbox, .passenger #form .passenger-box .passenger-box-transition .fake-checkbox {
  margin-left: 3px
}

.passenger form .passenger-box .passenger-box-transition-click, .passenger #form .passenger-box .passenger-box-transition-click {
  transition-duration: 1s;
  max-height: 0;
  opacity: 0
}

.passenger form .passenger-add, .passenger #form .passenger-add {
  display: inline-block;
  height: 26px;
  margin: 20px 0
}

.passenger form .passenger-add button, .passenger #form .passenger-add button {
  display: inline-block;
  height: 26px;
  padding: 0;
  background: 0;
  border: 0
}

.passenger form .passenger-add .passenger-add-text, .passenger #form .passenger-add .passenger-add-text {
  display: inline-block;
  font-size: 18px;
  padding-left: 15px;
  padding-top: 5px;
  vertical-align: top
}

.passenger form .contact-name>div, .passenger form .contact-phone>div, .passenger form .contact-email>div, .passenger #form .contact-name>div, .passenger #form .contact-phone>div, .passenger #form .contact-email>div {
  margin-bottom: 10px
}

.passenger form .passenger-submit, .passenger #form .passenger-submit {
  margin: 10px 0
}

.passenger .passenger-info .display-label {
  margin-bottom: 3px
}

.passenger .passenger-info legend {
  position: relative;
  border: 0;
  font-size: 14px;
  border-top: 1px solid #d8d8d8;
  padding-top: 20px;
  margin-bottom: 0
}

.passenger .passenger-info legend:before {
  display: block;
  content: '';
  background: #223b61;
  width: 10px;
  height: 14px;
  position: absolute;
  left: -20px;
  top: 22px
}

.passenger .passenger-sel .vipRoom {
  line-height: 50px
}

.passenger .passenger-sel .ui-select {
  padding-left: 60px;
  font-weight: 700
}

.passenger .vip-go .ui-select {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAQCAYAAAD52jQlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNDk2MjNGRDhEQzAxMUU2OTU5NEM5MzBGQ0U3MTk4QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNDk2MjNGRThEQzAxMUU2OTU5NEM5MzBGQ0U3MTk4QSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE0OTYyM0ZCOERDMDExRTY5NTk0QzkzMEZDRTcxOThBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE0OTYyM0ZDOERDMDExRTY5NTk0QzkzMEZDRTcxOThBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zAaH1QAAAQ1JREFUeNpi7O3tZcAB9ID4PBB/AWIDIL7PQCRgwiN3CYgXAjEfEK8AYjZqGAoCdUD8DYjNgLiFWoY+AeJ+KLsEiN2pYSgIdAHxKyBmhAaHBDGGJgBxBFQTNvAJiJuhbHEgXkzIMSBJNyBeDsRtaHKcQCwIxauA+CFU3AWIK5HkBNEjEWToLCi7Aoj/I2FQBL2D4pdALI+krwVJDoR/Iuk7BzL0MwN1wXeQoTFQznRouGLDIC/eQtKYj0etNQtUcR4QT8NjOyjc1aDsfUA8GZ9TWaAuJBSZ9VD2RyBOhIYdRekUlNy0kLz9iNLEzwzNqiCwAZr4Kc5RUUCsDs1R6dTI+yxIrkyHGkwUAAgwABKMNlWQmiMWAAAAAElFTkSuQmCC) no-repeat 20px center, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI0NERBMkFCOTcyQzExRTY4NDVFQ0ZFM0Q3RkYyQzQxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI0NERBMkFDOTcyQzExRTY4NDVFQ0ZFM0Q3RkYyQzQxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjQ0REEyQTk5NzJDMTFFNjg0NUVDRkUzRDdGRjJDNDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjQ0REEyQUE5NzJDMTFFNjg0NUVDRkUzRDdGRjJDNDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7O6wNlAAABNElEQVR42oSSsY6CQBCGf8gFbTCE0tbEykawIRS2NHTGwl5jYUN4EN6DEhpsKaChILEBHgMbtXCPmQQC19wky2Tm/3aYnV1JCIHewjAUSZKgbVssFgs4joPj8Sj1utTDnueJOI4xn88hyzK+3y9erxdc10UQBLxB7ive73domgbbtnG73bgqxZQnnStS5dPpJEzTFJfLRVDcL9/3OU86xVz58Xjwxu12i7GtViuMdYZ1Xecgy7IJnOc5+81mw/6HPoZhIE1TlGWJw+EgLMtisGkaKIoy/IGnURSFuF6vnPh8Pni/35jNZgySRVGE5XIpcRu73U7qDsECAaqqDmB3aAaHnsnO5zPW6/Wk524SBA+XgvGoqqoS+/2ex9Vdhng+n5NRTmBadV0zSP6vJo3fxn/2K8AAugW3NBHDRpAAAAAASUVORK5CYII=) no-repeat 272px center
}

.passenger .vip-back .ui-select {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAQCAYAAAD52jQlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNThDNDlBNDhEQzkxMUU2OTU5NEM5MzBGQ0U3MTk4QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNThDNDlBNThEQzkxMUU2OTU5NEM5MzBGQ0U3MTk4QSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE0OTYyM0ZGOERDMDExRTY5NTk0QzkzMEZDRTcxOThBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE0OTYyNDAwOERDMDExRTY5NTk0QzkzMEZDRTcxOThBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/GN4aAAAAQhJREFUeNpi7O3tZSABKALxeSDmBWJDIL6ETRETCQayAfEKIOYH4oW4DCTV0GYgNgPib0Bch08hsYa6AXEplN0PxE8oNVQCiBcBMSMQvwLiLkIaWAjIgyxdDMTiUH4jEH/CoRZkaRgQc7JgiQxuJH4mELtA2Q+AeDUQC0L5P4D4O5LaNiCuAOLlIEPPQZMHIaAA9T4hMIsJzTZqgM8gQ62h4YEN5yMpvgX1Oi6106HqYgjF/mQg3gdlq0GTFi6QC8R5IMsJGfofiBOB+COU34AnGf6FOmI6Men0EVIwaAJxBAMR6ZAYAMrrG6BsUBZlpoahIJAOTVLqQBxNLUNfQQ0GgVp8uREgwACk7yvacGcUmgAAAABJRU5ErkJggg==) no-repeat 20px center, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI0NERBMkFCOTcyQzExRTY4NDVFQ0ZFM0Q3RkYyQzQxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI0NERBMkFDOTcyQzExRTY4NDVFQ0ZFM0Q3RkYyQzQxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjQ0REEyQTk5NzJDMTFFNjg0NUVDRkUzRDdGRjJDNDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjQ0REEyQUE5NzJDMTFFNjg0NUVDRkUzRDdGRjJDNDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7O6wNlAAABNElEQVR42oSSsY6CQBCGf8gFbTCE0tbEykawIRS2NHTGwl5jYUN4EN6DEhpsKaChILEBHgMbtXCPmQQC19wky2Tm/3aYnV1JCIHewjAUSZKgbVssFgs4joPj8Sj1utTDnueJOI4xn88hyzK+3y9erxdc10UQBLxB7ive73domgbbtnG73bgqxZQnnStS5dPpJEzTFJfLRVDcL9/3OU86xVz58Xjwxu12i7GtViuMdYZ1Xecgy7IJnOc5+81mw/6HPoZhIE1TlGWJw+EgLMtisGkaKIoy/IGnURSFuF6vnPh8Pni/35jNZgySRVGE5XIpcRu73U7qDsECAaqqDmB3aAaHnsnO5zPW6/Wk524SBA+XgvGoqqoS+/2ex9Vdhng+n5NRTmBadV0zSP6vJo3fxn/2K8AAugW3NBHDRpAAAAAASUVORK5CYII=) no-repeat 272px center
}

.padbottom {
  padding-bottom: 0!important
}

.padtop {
  padding-top: 5px!important
}

#passengerForm .sub-title .star {
  padding: 0 5px;
  font-weight: bold;
  font-size: 16px;
  color: #e4007f
}

#passengerForm .customform-wrapper {
  padding-top: 0
}

#myBeneficiary .beneficiaryCount {
  padding: 10px 0
}

#myBeneficiary .beneficiary-bg {
  background-color: #fff;
  padding: 15px
}

#myBeneficiary .beneficiary-bg .tabbox .tabs.points-claim-tabs .item {
  min-width: 20%;
  white-space: nowrap
}

#myBeneficiary .beneficiary-bg .tabbox .tabs {
  margin-bottom: 20px
}

#myBeneficiary .historyContent {
  padding-left: 15px;
  margin-bottom: 20px
}

#beneficiaryForm .docPosition {
  position: relative
}

#beneficiaryForm .docPosition .addDoc {
  position: absolute;
  right: 15px;
  top: 5px;
  z-index: 1
}

#beneficiaryForm .docPosition .addDoc.disabled {
  color: #97accb
}

#checkin .sub-navigation {
  margin: 40px 20px 40px 0
}

#checkin #checkinpanel {
  padding: 0 15px
}

#checkin #checkinpanel h1 {
  background: url(icon_checkin.pvg) left center no-repeat;
  padding-left: 98px
}

#checkin #checkinpanel .sub-title {
  font-size: 14px;
  margin: 10px 0
}

#checkin #checkinpanel .checkin-type {
  margin: 20px 0
}

#checkin #checkinpanel .checkin-submit {
  margin: 20px 0
}

#testForm {
  padding: 10px
}

#testForm h1 {
  background: url(icon_checkin.pvg) left center no-repeat;
  padding-left: 98px
}

@media(max-width:639px) {
  #testForm {
    margin: 5px;
    padding: 0;
    width: auto
  }
  #testForm .shadowcard-wrapper .shadowcard {
    margin: 0
  }
  #testForm .shadowcard-wrapper .shadowcard .col-sm-12 {
    padding: 10px 0
  }
  .ui-formgroup-wrapper {
    margin-bottom: 0
  }
}

.booking-wrapper {
  background-color: #f8f8f8
}

#bookresult {
  border-top: 2px solid white;
  margin-top: 30px
}

#bookingpanel {
  clear: both
}

#bookingpanel .nb-wrapper .label-radio {
  width: auto
}

#bookingpanel .nb-disabled {
  position: relative;
  color: #bbb
}

#bookingpanel .nb-disabled:after {
  content: "";
  display: block;
  width: 100%;
  height: 50px;
  opacity: .3;
  position: absolute;
  top: -18px;
  left: -6px;
  cursor: not-allowed
}

#bookingpanel .dateStly div.ardp-date-picker .calendar .month-header span {
  font-size: 16px
}

#bookingpanel .multi-trip {
  padding: 15px
}

#bookingpanel .multi-trip .multi-tip {
  color: #aaa;
  margin-left: 10px;
  margin-top: 5px
}

#bookingpanel .multi-trip .bookingpanel-advance {
  padding-left: 0
}

#bookingpanel .multi-trip .por .date-picker-input {
  padding-right: 0
}

#bookingpanel .bookingpanelStep {
  background: white
}

@media(max-width:639px) {
  #bookingpanel {
    margin: 5px
  }
}

@media(max-width:991px) {
  #bookingpanel.space-bottom {
    margin-bottom: 50px
  }
}

@media(max-width:991px) {
  #bookingpanel .beforeCal {
    padding-right: 0
  }
}

#bookingpanel .beforeCal .date-picker-roundtrip label, #bookingpanel .beforeCal .date-picker-oneway label {
  font-size: 24px;
  font-weight: bold;
  margin-left: 20px;
  margin-bottom: 15px
}

@media(max-width:639px) {
  #bookingpanel .beforeCal .date-picker-roundtrip label, #bookingpanel .beforeCal .date-picker-oneway label {
    font-size: 12px;
    margin-left: 10px;
    margin-top: 15px
  }
}

#bookingpanel .beforeCal .date-picker-roundtrip label:before, #bookingpanel .beforeCal .date-picker-oneway label:before {
  width: 28px;
  height: 20px;
  top: 7px;
  right: -20px
}

@media(max-width:639px) {
  #bookingpanel .beforeCal .date-picker-roundtrip label:before, #bookingpanel .beforeCal .date-picker-oneway label:before {
    right: -20px;
    top: -1px
  }
}

#bookingpanel .beforeCal .date-picker-roundtrip .dateSingle.dateRound>div>label, #bookingpanel .beforeCal .date-picker-oneway .dateSingle.dateRound>div>label {
  float: left;
  left: 30px
}

@media(max-width:639px) {
  #bookingpanel .beforeCal .date-picker-roundtrip .dateSingle.dateRound>div>label, #bookingpanel .beforeCal .date-picker-oneway .dateSingle.dateRound>div>label {
    left: 3px
  }
}

#bookingpanel .beforeCal .date-picker-roundtrip .dateSingle.dateRound>div>label b, #bookingpanel .beforeCal .date-picker-oneway .dateSingle.dateRound>div>label b {
  font-size: 14px;
  font-weight: normal;
  margin-right: 10px
}

#bookingpanel .beforeCal .date-picker-roundtrip .dateSingle.dateRound>div>label:nth-child(2), #bookingpanel .beforeCal .date-picker-oneway .dateSingle.dateRound>div>label:nth-child(2) {
  float: right;
  left: auto;
  right: 15px
}

@media(max-width:639px) {
  #bookingpanel .beforeCal .date-picker-roundtrip .dateSingle.dateRound>div>label:nth-child(2), #bookingpanel .beforeCal .date-picker-oneway .dateSingle.dateRound>div>label:nth-child(2) {
    right: 5px
  }
}

#bookingpanel .beforeCal .date-picker-roundtrip .dateSingle.dateRound>div>label:nth-child(2) b, #bookingpanel .beforeCal .date-picker-oneway .dateSingle.dateRound>div>label:nth-child(2) b {
  margin-left: 10px
}

@media(max-width:991px) {
  #bookingpanel .beforeCal .date-picker-roundtrip label {
    margin-left: 10px
  }
  #bookingpanel .beforeCal .date-picker-roundtrip .ardp-date-picker {
    padding: 0 10px
  }
}

#bookingpanel .beforeCal .beforeCalInner {
  padding: 15px;
  background-color: #fff
}

@media(max-width:991px) {
  #bookingpanel .beforeCal .beforeCalInner {
    padding: 10px
  }
}

#bookingpanel .beforeCal .beforeCalInner .row {
  margin: 0
}

#bookingpanel .beforeCal .beforeCalInner .row .bookingpanel-city {
  float: left;
  margin: 0;
  box-shadow: none
}

@media(max-width:991px) {
  #bookingpanel .beforeCal .beforeCalInner .row .bookingpanel-city {
    width: 100%
  }
}

#bookingpanel .beforeCal .beforeCalInner .row .bookingpanel-city .ui-autocomplete-box {
  height: 50px;
  border: 1px solid #e4e4e4
}

#bookingpanel .beforeCal .beforeCalInner .row .bookingpanel-city .ui-autocomplete-box input {
  height: 48px;
  line-height: 18px;
  padding: 20px 0 10px 10px
}

#bookingpanel .beforeCal .beforeCalInner .row .bookingpanel-city:last-child {
  float: right
}

#bookingpanel .beforeCal .beforeCalInner .bookingpanelStep {
  margin: 0
}

@media(max-width:991px) {
  #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep {
    margin-top: 0
  }
}

@media(max-width:991px) {
  #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-optional {
    margin-bottom: 0;
    padding-top: 0
  }
}

#bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .date-picker-roundtrip label {
  margin-left: 0
}

@media(max-width:991px) {
  #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .date-picker-roundtrip label {
    font-size: 18px;
    margin-top: 15px
  }
}

#bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .date-picker-roundtrip fieldset .ardp-date-picker {
  padding-left: 0
}

@media(max-width:991px) {
  #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .date-picker-roundtrip fieldset .ardp-date-picker {
    padding: 0
  }
}

#bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .date-picker-roundtrip fieldset .ardp-date-picker .month-header i {
  padding: 5px 0;
  background-position: 0 3px
}

#bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .date-picker-roundtrip fieldset .ardp-date-picker .month-header i:last-child {
  background-position: 10px 3px
}

#bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .date-picker-roundtrip fieldset .ardp-date-picker .month-header span {
  font-size: 16px
}

#bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-pex {
  margin: 20px 0 0 0
}

@media(max-width:991px) {
  #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-pex {
    margin: 10px 0 0 0;
    padding-top: 10px
  }
}

#bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-pex .ui-select-wrapper {
  margin-left: 0;
  margin-right: 5%
}

@media(max-width:991px) {
  #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-pex .ui-select-wrapper {
    margin: 0 10px 0 0;
    width: 28%;
    padding: 0
  }
}

#bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-pex .ui-select-wrapper .display-label {
  display: block;
  width: 100%;
  height: auto;
  line-height: 18px
}

#bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-pex .ui-select-wrapper .ui-select-box {
  margin-left: 0;
  height: 30px
}

#bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-pex .ui-select-wrapper .ui-select-box .ui-select {
  padding: 0
}

#bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-pex .ui-select-wrapper:nth-child(3) {
  margin-right: 0
}

@media(max-width:991px) {
  #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-pex .ui-select-wrapper:nth-child(3) {
    margin: 0
  }
}

#bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-optional {
  margin-top: 5px
}

@media(max-width:991px) {
  #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-optional {
    padding: 10px 0;
    margin-top: 0
  }
}

#bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-optional fieldset span {
  margin-left: 0
}

@media(max-width:991px) {
  #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-optional fieldset span {
    font-size: 12px
  }
}

@media(max-width:991px) {
  #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-optional fieldset a {
    font-size: 12px;
    float: right
  }
}

#bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-advance {
  padding-left: 0
}

@media(max-width:991px) {
  #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-advance {
    margin-top: 0
  }
}

@media(max-width:991px) {
  #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-advance .bookingpanel-checkbox {
    margin-top: 10px
  }
}

#bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-advance .bookingpanel-checkbox button {
  float: right
}

#bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-advance .bookingpanel-checkbox label {
  margin-top: 18px
}

@media(max-width:991px) {
  #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-advance .bookingpanel-checkbox label {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 12px
  }
}

#bookingpanel .date-picker-oneway>div {
  width: 100%
}

#bookingpanel .date-picker-roundtrip>div {
  display: inline-block;
  vertical-align: top
}

#SearchResult .reaultDetails {
  position: relative
}

#SearchResult .reaultDetails .errorMsg {
  margin-top: 0
}

.checkPointTips {
  background-color: #fff;
  line-height: 24px;
  padding: 8px 15px;
  border: 3px solid #e4007f;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
  margin-right: 15px;
  border-radius: 2px
}

.checkPointTips .glyphicon, .checkPointTips .glyphicon:hover {
  background: url(icon-info-hover.pvg) center center no-repeat;
  margin-right: 15px;
  vertical-align: middle;
  width: 24px;
  height: 24px
}

.search-price .checkPointTips {
  border: 0;
  padding: 8px 0;
  font-weight: bold
}

.search-price .checkPointTips .glyphicon, .search-price .checkPointTips .glyphicon:hover {
  margin-right: 5px
}

.search-price .checkPointTips>span {
  color: #e4007f;
  font-size: 18px;
  font-weight: bold
}

.booking-step, .contact-step {
  clear: left;
  margin-right: 15px
}

@media(max-width:991px) {
  .booking-step, .contact-step {
    margin-right: 0
  }
  .booking-step .shadowcard-wrapper, .contact-step .shadowcard-wrapper {
    margin-bottom: 5px
  }
  .booking-step .shadowcard-wrapper .shadowcard, .contact-step .shadowcard-wrapper .shadowcard {
    margin: 0
  }
  .booking-step .shadowcard-wrapper .shadowcard .refund, .booking-step .shadowcard-wrapper .shadowcard .baggage, .booking-step .shadowcard-wrapper .shadowcard .modification, .contact-step .shadowcard-wrapper .shadowcard .refund, .contact-step .shadowcard-wrapper .shadowcard .baggage, .contact-step .shadowcard-wrapper .shadowcard .modification {
    padding: 15px 10px 5px
  }
  .booking-step .shadowcard-wrapper .shadowcard .modification, .contact-step .shadowcard-wrapper .shadowcard .modification {
    border-bottom: 0
  }
  .booking-step .shadowcard-wrapper .shadowcard .review-terms, .booking-step .shadowcard-wrapper .shadowcard .review-passenger-detail, .contact-step .shadowcard-wrapper .shadowcard .review-terms, .contact-step .shadowcard-wrapper .shadowcard .review-passenger-detail {
    padding: 0 10px
  }
  .booking-step .shadowcard-wrapper .shadowcard .review-passenger-detail, .contact-step .shadowcard-wrapper .shadowcard .review-passenger-detail {
    padding-top: 15px
  }
}

.booking-step .new-search, .contact-step .new-search {
  font-size: 20px;
  text-decoration: underline;
  display: inline-block
}

.booking-step .new-search:hover, .contact-step .new-search:hover {
  font-weight: bold
}

.result-header {
  padding: 10px 15px
}

@media(max-width:991px) {
  .result-header {
    padding: 10px
  }
}

.result-header .result-name {
  margin-bottom: 10px;
  font-size: 14px
}

@media(max-width:991px) {
  .result-header .row div {
    width: 100%;
    float: left
  }
  .result-header .row div label span:first-child {
    width: 20%
  }
}

@media(max-width:1300px) {
  .result-header .row div.col-md-4 {
    width: 50%
  }
}

.bookingpanel-remove {
  text-align: right;
  padding-right: 15px
}

.bookingpanel-remove .btn-link {
  padding-right: 0;
  background: 0;
  text-decoration: underline
}

.bookingpanel-remove .btn-link.disable {
  cursor: not-allowed;
  color: #ddd
}

.bookingpanel-add {
  text-align: center;
  padding-bottom: 15px
}

.bookingpanel-add button.disabled {
  cursor: not-allowed;
  color: #ddd;
  border-color: #ddd
}

.bookingpanel-add button.disabled:hover {
  color: #ddd
}

#bookingdevice .cityExchange, .bookingPanelForm .cityExchange {
  text-align: center;
  margin: 15px 0
}

#bookingdevice .cityExchange a, .bookingPanelForm .cityExchange a {
  vertical-align: middle;
  display: inline-block;
  width: 34px;
  height: 19px;
  cursor: pointer;
  background: url(icon_exchange.png) no-repeat
}

#bookingdevice .bookingpanel-city, .bookingPanelForm .bookingpanel-city {
  background: white;
  box-shadow: 1px -1px 4px gray
}

#bookingdevice .bookingpanel-city .ui-autocomplete, .bookingPanelForm .bookingpanel-city .ui-autocomplete {
  padding: 0
}

#bookingdevice .bookingpanel-city .ui-autocomplete .bookingpanel-label, .bookingPanelForm .bookingpanel-city .ui-autocomplete .bookingpanel-label {
  display: inline-block;
  position: absolute;
  margin: 5px 0 0 10px;
  font-size: 14px;
  font-weight: bold;
  color: #223b61;
  z-index: 1;
  text-align: left;
  padding-left: 0;
  left: 0
}

#bookingdevice .bookingpanel-city .ui-autocomplete .ui-autocomplete-box, .bookingPanelForm .bookingpanel-city .ui-autocomplete .ui-autocomplete-box {
  width: 100%;
  height: 55px
}

@media(max-width:639px) {
  #bookingdevice .bookingpanel-city .ui-autocomplete .ui-autocomplete-box, .bookingPanelForm .bookingpanel-city .ui-autocomplete .ui-autocomplete-box {
    height: 44px
  }
}

#bookingdevice .bookingpanel-city .ui-autocomplete input, .bookingPanelForm .bookingpanel-city .ui-autocomplete input {
  display: inline-block;
  border: 0;
  height: 55px;
  padding: 25px 25px 15px 10px;
  width: 100%;
  color: #4a4a4a;
  font-size: 14px
}

#bookingdevice .bookingpanel-city .ui-autocomplete input:hover, .bookingPanelForm .bookingpanel-city .ui-autocomplete input:hover {
  border-color: #223b61;
  outline: 1px solid #223b61;
  outline-offset: 0
}

#bookingdevice .bookingpanel-city .ui-autocomplete input:focus, .bookingPanelForm .bookingpanel-city .ui-autocomplete input:focus {
  border-color: #a1d7dd;
  outline: 2px solid #a1d7dd;
  outline-offset: 0
}

#bookingdevice .bookingpanel-city .ui-autocomplete input:active, .bookingPanelForm .bookingpanel-city .ui-autocomplete input:active {
  border: 1px solid #223b61;
  outline: 2px solid #a1d7dd;
  outline-offset: 0
}

#bookingdevice .bookingpanel-city .ui-autocomplete .star, .bookingPanelForm .bookingpanel-city .ui-autocomplete .star {
  display: none
}

.bookingpanel-pex {
  padding-left: 10px
}

.bookingpanel-pex .flexibleDay {
  display: inline-block;
  width: 25%;
  height: 60px;
  padding-left: 5%;
  position: relative;
  vertical-align: top
}

@media(max-width:639px) {
  .bookingpanel-pex .flexibleDay {
    width: 80%;
    padding-left: 0
  }
}

.bookingpanel-pex .flexibleDay>span {
  font-size: 12px;
  display: inline-block;
  text-align: left;
  width: 100%
}

.bookingpanel-pex .flexibleDay .ui-checkbox-wrapper {
  padding-right: 0;
  position: relative;
  margin-top: 10px
}

.bookingpanel-pex .ui-radio-wrapper .label-radio {
  margin-top: 5px
}

.bookingpanel-pex .bookingpanel-warn-wrapper {
  position: relative;
  left: 40px;
  display: inline-block;
  font-size: 14px;
  width: 47%;
  height: 40px;
  border: 0;
  margin-right: 1.5%;
  padding-right: 0
}

@media(min-width:640px) {
  .bookingpanel-pex .bookingpanel-warn-wrapper {
    width: 28%
  }
}

.bookingpanel-pex .ui-select-wrapper {
  display: inline-block;
  font-size: 14px;
  width: 47%;
  height: 60px;
  border: 0;
  margin-right: 1.5%;
  padding-right: 0
}

@media(min-width:640px) {
  .bookingpanel-pex .ui-select-wrapper {
    width: 20%
  }
  .bookingpanel-pex .ui-select-wrapper label:first-child {
    border-right: 1px solid #d8d8d8
  }
}

.bookingpanel-pex .ui-select-wrapper .display-label {
  font-weight: normal;
  color: #4a4a4a;
  margin-bottom: 2px;
  padding-left: 0;
  display: inline-block;
  float: left;
  height: 20px;
  line-height: 20px;
  min-width: 30px
}

@media(max-width:991px) {
  .bookingpanel-pex .ui-select-wrapper .display-label {
    min-width: 65px
  }
}

.bookingpanel-pex .ui-select-wrapper .display-label .age {
  color: #e4007f
}

.bookingpanel-pex .ui-select-wrapper .ui-select-box {
  display: inline-block;
  width: 100%;
  font-size: 30px;
  border: 0;
  height: 34px
}

.bookingpanel-pex .ui-select-wrapper .ui-select-box select {
  border: none!important;
  padding-left: 6px;
  font-size: 24px;
  box-shadow: none;
  font-weight: bold;
  line-height: 1em;
  color: #4a4a4a
}

@media(max-width:991px) {
  .bookingpanel-pex .ui-select-wrapper .ui-select-box select {
    font-size: 16px
  }
}

.bookingpanel-pex .ui-select-wrapper .ui-select-box:hover {
  border: 0;
  outline: 0
}

.bookingpanel-pex .icon-info {
  position: absolute;
  z-index: 1
}

.bookingpanel-class, .bookingpanel-optional {
  margin-top: 20px;
  border-bottom: 1px solid #d8d8d8;
  font-size: 14px;
  overflow: hidden
}

.bookingpanel-class .btn-link, .bookingpanel-optional .btn-link {
  padding-right: 15px;
  margin-left: 10px;
  height: 35px;
  line-height: 35px;
  white-space: nowrap
}

.bookingpanel-class fieldset, .bookingpanel-optional fieldset {
  float: left
}

.bookingpanel-class .ui-radio-wrapper .label-radio, .bookingpanel-optional .ui-radio-wrapper .label-radio {
  margin-left: 10px;
  margin-top: 5px
}

.bookingpanel-class .ui-radio-wrapper .label-text, .bookingpanel-optional .ui-radio-wrapper .label-text {
  font-size: 14px
}

@media(min-width:640px) {
  .bookingpanel-class .ui-radio-wrapper, .bookingpanel-optional .ui-radio-wrapper {
    margin-right: 0
  }
  .bookingpanel-class .ui-radio-wrapper .label-radio, .bookingpanel-optional .ui-radio-wrapper .label-radio {
    min-width: 110px
  }
}

.bookingpanel-class .ui-radio-wrapper:first-child, .bookingpanel-optional .ui-radio-wrapper:first-child {
  margin-left: 0
}

.bookingpanel-optional {
  margin-top: 10px;
  margin-bottom: 15px
}

.bookingpanelStep .ui-radio-wrapper.nb-wrapper .label-radio {
  width: auto
}

.bookingpanelStep .ui-radio-wrapper.nb-disabled, .bookingpanelStep .nb-abled .nb-disabled {
  position: relative;
  color: #bbb
}

.bookingpanelStep .ui-radio-wrapper.nb-disabled:after, .bookingpanelStep .nb-abled .nb-disabled:after {
  content: "";
  display: block;
  width: 100%;
  height: 50px;
  opacity: .3;
  position: absolute;
  top: -18px;
  left: -6px;
  cursor: not-allowed
}

@media(max-width:639px) {
  .bookingpanel-optional {
    height: auto
  }
  .bookingpanel-optional .btn-link {
    margin-left: 10px
  }
}

.bookingpanel-optional-bottom {
  margin-top: 0;
  border-bottom: 0;
  border-top: 1px solid #d8d8d8;
  padding-top: 10px
}

.bookingpanel-advance {
  border-top: 1px solid #d8d8d8;
  padding-left: 20px
}

.bookingpanel-checkbox {
  margin-top: 20px
}

.bookingpanel-checkbox:after {
  display: block;
  content: '';
  clear: both
}

.bookingpanel-checkbox button {
  float: right
}

@media(max-width:991px) {
  .bookingpanel-checkbox button {
    margin-top: 15px
  }
}

.bookingpanel-submit .btn {
  width: 100%
}

.glyphicon {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-indent: 9999em
}

.glyphiconBrand {
  display: inline-block;
  width: 15px;
  height: 15px;
  text-indent: 9999em
}

.icon-info {
  background: url(icon-info.pvg) center center no-repeat;
  background-size: 20px 20px;
  cursor: pointer;
  border: 0
}

.icon-info:hover {
  background: url(icon-info-hover.pvg) center center no-repeat;
  background-size: 20px 20px
}

.flightStatusWeather {
  height: 20px;
  width: 20px;
  display: inline-block;
  position: relative;
  top: 5px
}

.flightStatusWeather .alerttxt {
  display: none;
  width: 300px;
  background: #fff;
  position: absolute;
  border: 1px solid #ccc;
  border-top: 7px solid #223b61;
  top: 30px;
  left: -40px;
  z-index: 99;
  text-align: left;
  padding: 10px;
  cursor: auto
}

.flightStatusWeather:hover .alerttxt {
  display: block
}

.transPassPtLink {
  margin-left: 15px;
  line-height: 28px;
  color: #223b61;
  position: relative;
  display: inline-block
}

.transPassPtLink .icon-info {
  background: url(icon-info-hover.pvg) center center no-repeat;
  background-size: 20px 20px;
  padding: 10px;
  margin-right: 5px
}

.transPassPtLink dl {
  display: none;
  width: 450px;
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  border-top: 8px solid #223b61;
  right: 0;
  -webkit-transform: translate(15%);
  -ms-transform: translate(15%);
  transform: translate(15%);
  cursor: auto;
  z-index: 9;
  padding: 10px
}

.transPassPtLink dl dd:before {
  margin-top: 12px
}

.transPassPtLink:hover dl, .transPassPtLink:focus dl {
  display: block
}

@media(max-width:991px) {
  .passenger-box-title {
    position: static
  }
  .passenger-box-title .transPassPtLink {
    position: static
  }
  .passenger-box-title .transPassPtLink dl {
    width: 300px;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    right: auto;
    left: 0
  }
}

.icon-meal {
  background: url(meal.pvg) center center no-repeat
}

.icon-wifi {
  width: 26px;
  height: 24px;
  display: inline-block;
  margin-right: 10px;
  background: url(wifi.png) no-repeat
}

.icon-meal-brand {
  background: url(meal.pvg) center center no-repeat;
  background-size: 100% 100%
}

.icon-wifi-brand {
  width: 26px;
  background-size: 100% 100%;
  display: inline-block;
  margin-right: 10px;
  background: url(wifi.png) no-repeat
}

.reaultDetails .result-header .ui-select-wrapper .ui-select-box {
  height: 38px;
  border: 0;
  width: 180px
}

@media(max-width:991px) {
  .reaultDetails .result-header .ui-select-wrapper .ui-select-box {
    width: 210px
  }
}

.reaultDetails .result-header .ui-select-wrapper .ui-select-box .ui-select {
  background-color: #162844;
  height: 35px;
  color: white;
  font-size: 14px;
  border: none!important
}

@media(max-width:991px) {
  .reaultDetails .result-header .ui-select-wrapper .ui-select-box .ui-select {
    font-size: 12px
  }
}

.reaultDetails .result-header .ui-select-wrapper .display-label {
  height: 38px;
  line-height: 38px;
  margin-right: 8px
}

.reaultDetails .result-header .ui-select-wrapper>span {
  display: block;
  float: left
}

@media(max-width:991px) {
  .progressbar-wrapper {
    padding: 0
  }
  .progressbar-wrapper .btn-box {
    top: 0;
    width: 100%
  }
  .progressbar-wrapper .btn-box.search-price {
    padding: 0;
    height: 50px;
    margin: 0
  }
  .progressbar-wrapper .btn-box.search-price .estimated-price {
    font-size: 18px
  }
  .progressbar-wrapper .btn-box.search-price button {
    float: left
  }
  .progressbar-wrapper .btn-box .btn {
    width: 50%;
    float: right;
    height: 50px;
    font-size: 14px
  }
  .progressbar-wrapper .price-box {
    padding-left: 15px;
    font-size: 12px;
    padding-top: 5px
  }
  .progressbar-wrapper .btn-link, .progressbar-wrapper .search-criteria, .progressbar-wrapper .flight-summary {
    display: none
  }
}

#managebooking .shadowcard-wrapper .horizontal-form .horizontal-form-row .col-sm-4:nth-child(3) .ui-input-wrapper {
  padding-right: 0
}

#managebooking .shadowcard-wrapper .horizontal-form .horizontal-form-row .col-sm-12 button {
  float: right;
  width: 33.33333%
}

.withoutlogin .row button {
  max-width: 100%
}

.fare-content .ui-radio-wrapper input:checked+.label-radio {
  border: 4px solid #e4007f;
  height: 100%!important
}

.inputFT {
  margin-left: 29.33333%
}

@media(max-width:991px) {
  .inputFT {
    margin-left: 0
  }
}

.show-flight-wrap {
  position: relative
}

.show-flight-wrap .show-flight-btn {
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -10px;
  width: 20px;
  height: 20px;
  background: 0;
  border: 0;
  z-index: 1;
  padding: 0
}

.show-flight-wrap .show-flight-btn span {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background: url(result-btn-up.png)
}

.show-flight-wrap .show-flight-btn span:hover {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background: url(result-btn-up-hover.png)
}

.ishide {
  margin-bottom: 10px
}

.ishide .show-flight-btn span {
  background: url(result-btn-down.png)
}

.ishide .show-flight-btn span:hover {
  background: url(result-btn-down-hover.png)
}

.multi-tips .title {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px
}

.multi-tips ul li:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 5px 15px 0 5px;
  vertical-align: top
}

#bookingpanel .beforeCal .calendar_form .date-picker-oneway label {
  margin-bottom: 0
}

.calendar_form .date-picker-input {
  padding-right: 0
}

.calendar_form .date-picker-oneway {
  padding-top: 20px
}

@media(max-width:639px) {
  .calendar_form .date-picker-oneway {
    padding-top: 0
  }
}

.calendar-parent {
  position: relative
}

.calendar-parent .date-picker-input:after {
  top: 19px;
  right: 15px
}

.calendar-parent .date-picker-input .display-label {
  display: inline-block;
  position: absolute;
  margin: 5px 0 0 10px;
  font-size: 12px;
  color: #223b61;
  z-index: 1;
  text-align: left;
  padding-left: 0;
  left: 0
}

.calendar-parent .ui-input-wrapper input {
  padding-top: 10px
}

.calendar-parent .date-picker-oneway {
  position: absolute;
  left: 0;
  top: 72px;
  z-index: 2;
  background-color: #fff
}

@media(max-width:639px) {
  .calendar-parent .date-picker-return {
    top: 170px
  }
}

.calendar-link {
  padding: 5px 0
}

.calendar-link a {
  color: #278dd8
}

.calendar-seven-wrapper {
  border-top: 1px solid #d8d8d8
}

@media(max-width:639px) {
  .calendar-seven-wrapper {
    width: 100%;
    overflow-x: scroll
  }
}

.calendar-seven-wrapper .calendar-seven-notice {
  padding: 10px 0 20px;
  line-height: 20px
}

.calendar-seven-wrapper .calendar-seven-notice :before {
  background: #e4007f;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 5px 15px 0 5px;
  vertical-align: top
}

.calendar-seven-wrapper .calendar-seven {
  padding-top: 60px;
  padding-left: 125px;
  font-size: 12px;
  font-weight: bold;
  color: #223b61
}

.calendar-seven-wrapper .calendar-seven button.disabled {
  cursor: not-allowed
}

@media(max-width:639px) {
  .calendar-seven-wrapper .calendar-seven {
    min-width: 728px;
    min-height: 768px
  }
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner {
  position: relative
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep, .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr {
  position: absolute;
  width: 100%;
  height: 56px
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep>p, .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr>p {
  width: 98%;
  line-height: 24px
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep>p>button, .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr>p>button {
  border: 0;
  background: 0;
  margin: 0 10px;
  height: 24px;
  overflow: hidden
}

@media(max-width:639px) {
  .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep, .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr {
    height: 60px
  }
  .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep>p, .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr>p {
    line-height: 30px;
    font-size: 20px;
    font-weight: normal;
    background: url(calendar-arrow-right.png) no-repeat right center;
    background-size: auto 30%
  }
  .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep>p>span, .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr>p>span {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    line-height: 30px;
    padding-right: 20px;
    background-color: #fff
  }
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep {
  top: 0;
  left: -51px;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform-origin: top left;
  -ms-transform-origin: top left;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left
}

@media(max-width:639px) {
  .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep {
    left: -60px
  }
  .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep>p {
    background: url(calendar-arrow-down.png) no-repeat left center;
    background-size: auto 30%
  }
  .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep>p>button {
    border: 0;
    background: 0;
    margin: 0 10px;
    height: 24px;
    overflow: hidden
  }
  .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep>p>span {
    padding-right: 0;
    padding-left: 20px
  }
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep>p {
  text-align: right;
  position: absolute;
  top: -47px;
  width: 98%
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr {
  top: -54px;
  left: 0
}

@media(max-width:639px) {
  .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr {
    top: -60px
  }
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr-data {
  height: 32px
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep-data span, .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr-data span {
  max-width: 100px;
  display: inline-block;
  width: 14.4%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #d1d1d1;
  margin-left: -1px;
  background-color: #f2f2f2
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep-data span.cur, .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr-data span.cur {
  border: 2px solid #e4007f;
  background-color: #fff;
  line-height: 28px;
  position: relative;
  z-index: 1
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep-data span.hover, .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr-data span.hover {
  background-color: #e4007f;
  color: #fff
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep-data span.disable, .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr-data span.disable {
  color: #bdbdbd
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep-data {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  text-align: right;
  position: absolute;
  right: 226px;
  top: -226px
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep-data span {
  overflow: hidden;
  display: block;
  text-align: center;
  max-width: 70px;
  margin-top: -1px
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li {
  display: inline-block;
  font-size: 0;
  width: 14.4%;
  max-height: 70px;
  border: 1px solid #d1d1d1;
  text-align: center;
  margin-left: -1px;
  margin-top: -1px;
  max-width: 100px
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li>div, .calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li i {
  display: inline-block;
  vertical-align: middle
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li i {
  height: 100%
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li p.calendar-price {
  font-size: 16px;
  word-break: break-all;
  padding: 3px
}

@media(max-width:639px) {
  .calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li p.calendar-price {
    font-size: 14px
  }
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li p.calendar-islow {
  color: #e8296f;
  font-size: 12px;
  font-weight: normal
}

@media(max-width:639px) {
  .calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li p.calendar-islow {
    font-size: 10px
  }
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li p.calendar-isstop {
  font-size: 12px;
  font-weight: normal
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li:hover {
  cursor: pointer
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li.lowest p.calendar-price {
  color: #e8296f
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li.hover {
  background-color: #fde9f2
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li.hover p.calendar-price {
  color: #e8296f
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li.cur {
  background-color: #e5297e;
  color: #fff
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li.cur p.calendar-islow {
  color: #fff
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li.cur p.calendar-price {
  color: #fff
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li.default {
  border: 2px solid #e4007f;
  position: relative;
  z-index: 1
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li.disable p.calendar-islow {
  color: #f2f2f2
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li.disable p.calendar-price {
  color: #f2f2f2
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li.disable p.calendar-isstop {
  color: #f2f2f2
}

.calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li.disable:hover {
  cursor: not-allowed
}

.paxTips-wrap {
  height: 150px
}

.paxTips-wrap .paxTips-text {
  margin-bottom: 30px;
  padding-top: 10px
}

.paxTips-wrap .paxTips-btn-wrap {
  text-align: center
}

.databar {
  background-color: white;
  margin-bottom: 15px
}

.databar:hover {
  cursor: pointer
}

@media(max-width:991px) {
  .databar {
    display: none
  }
}

.databar .databar-dates {
  display: inline-block;
  width: 88%;
  vertical-align: top;
  overflow: hidden;
  border-right: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
  background-color: #f2f2f2
}

.databar .databar-dates button span:first-of-type {
  font-weight: bold
}

.databar button {
  position: relative;
  width: 14%;
  background-color: transparent;
  border: 0;
  padding: 1%;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.databar button.disabled {
  cursor: not-allowed
}

.databar button.active {
  background-color: white;
  border-bottom: 3px solid #e4007f
}

.databar button.active:after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 0;
  top: -4px;
  left: 100%;
  border-style: solid;
  border-width: 69px 0 0 30px;
  border-color: transparent transparent transparent rgba(112, 112, 112, 0.48);
  z-index: 1
}

@media(max-width:991px) {
  .databar .arrow {
    display: none
  }
}

.databar .arrow {
  position: relative;
  width: 6%;
  border: 0;
  padding: 1%;
  height: 55px;
  background-color: #fff
}

.sortbybar label {
  margin: 10px 20px
}

.sortbybar .remain {
  float: right;
  margin-top: 15px
}

.flightDetails .fare-content .fare-price {
  font-size: 24px;
  font-weight: bold;
  line-height: 27px
}

.flightDetails .fare-content .fare-currencysymbol {
  font-size: 24px;
  line-height: 27px
}

.flightDetails .fare-content .fare-tax {
  margin-left: 25px
}

.flightDetails .col-xs-4 .fare-content .fare-tax {
  display: block
}

.fare-service {
  padding-left: 5px
}

.fare-service>span {
  display: inline-block;
  margin-right: 0
}

.soldout {
  background: rgba(255, 255, 255, 0.8);
  padding: 5px 15px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  font-size: 24px;
  color: #4a4a4a
}

.nonstop-wrapper {
  background: url(booking_nonstop.pvg) no-repeat center center
}

.transfer-count-wrapper {
  background: url(booking_stops.pvg) no-repeat center center
}

@media(max-width:991px) {
  .class-service, .miles-service .milesAcount>span:nth-child(1) {
    display: none!important
  }
  .fare-service {
    top: 0!important;
    min-height: 38px!important
  }
  .fare-service .votes {
    visibility: hidden
  }
  .modify .fare-service {
    display: block!important
  }
  .searchResult-item .fare-content .ui-radio-wrapper .label-radio .fake-radio {
    right: 9px
  }
  .searchResult-item .fare-content .fare-price-wrapper .fare-currencysymbol, .searchResult-item .fare-content .fare-price-wrapper .fare-price, .searchResult-item .fare-content .fare-price-wrapper .fare-currencycode {
    font-size: 12px
  }
}

@media(max-width:639px) {
  .searchResult-item .fare-content .fare-price-wrapper .fare-currencycode {
    font-size: 12px
  }
}

.flightDetails .searchResult-item {
  background-color: white;
  padding: 10px;
  margin-bottom: 15px
}

@media(max-width:639px) {
  .flightDetails .searchResult-item {
    margin-bottom: 5px
  }
  .flightDetails .searchResult-item .flight-content {
    padding: 0;
    width: 70%;
    float: left
  }
  .flightDetails .searchResult-item .flight-content .flight-details .col-xs-4 {
    width: 40%
  }
  .flightDetails .searchResult-item .flight-content .flight-details .col-xs-4:last-child {
    width: 60%
  }
  .flightDetails .searchResult-item .flightInfo {
    width: 30%;
    float: left
  }
}

.flightDetails .searchResult-item .flight-details .text-center {
  margin-top: 10px;
  height: 27px;
  background-size: 100%
}

@media(max-width:1199px) {
  .flightDetails .searchResult-item .flight-details .text-center {
    background-size: 150%
  }
}

@media(min-width:992px) {
  .flightDetails .searchResult-item .flight-details .text-center .transfer-info, .flightDetails .searchResult-item .flight-details .text-center .nonstop {
    position: absolute;
    left: 40%;
    top: 100%
  }
}

@media(max-width:991px) {
  .flightDetails .searchResult-item .flight-details .text-center {
    background: 0;
    display: none
  }
}

.flightDetails .searchResult-item .flight-details .text-center .flight-icon-nonstop {
  background: url(nonstop.pvg) no-repeat center center;
  width: 100%;
  height: 19px
}

.flightDetails .searchResult-item .flight-details .text-center .flight-icon-transfer {
  background: url(transit.pvg) no-repeat center center;
  width: 100%;
  color: #fff;
  height: 25px
}

.flightDetails .searchResult-item .flight-details .text-center .flight-icon-transfer-stop {
  background: url(transit-stop.pvg) no-repeat center center;
  width: 100%;
  color: #fff;
  height: 25px
}

.flightDetails .searchResult-item .flight-details .text-center .flight-icon-transfer-change {
  background: url(transit-change.png) no-repeat center center;
  width: 100%;
  height: 25px;
  padding-top: 3px
}

.flightDetails .searchResult-item .flight-details .text-center .flight-icon-train-sky-non-stop {
  background: url(train-sky-non-stop.png) no-repeat center center;
  width: 100%;
  height: 25px;
  padding-top: 20px;
  text-indent: -999px
}

.flightDetails .searchResult-item .flight-details .text-center .flight-icon-sky-train-non-stop {
  background: url(sky-train-non-stop.png) no-repeat center center;
  width: 100%;
  height: 25px;
  padding-top: 20px;
  text-indent: -999px
}

.flightDetails .searchResult-item .flight-details .text-center .transfer-count {
  color: white;
  padding-left: 4px;
  font-size: 12px;
  position: relative;
  top: -1px
}

.flightDetails .searchResult-item .fare-family .fare-content {
  width: 100%;
  position: relative;
  padding-top: 8px;
  min-height: 30px
}

.flightDetails .searchResult-item .fare-family .fare-content .fare-price-wrapper {
  margin-left: 5px
}

@media(max-width:991px) {
  .flightDetails .searchResult-item .fare-family .fare-content .fare-price-wrapper .fare-currencycode {
    display: block
  }
}

.flightDetails .searchResult-item .fare-family .fare-content .class-service {
  padding-left: 5px;
  position: relative;
  z-index: 1
}

.flightDetails .searchResult-item .fare-family .fare-content .class-service .icon {
  margin-right: 5px;
  display: block
}

.flightDetails .searchResult-item .fare-family .fare-content .class-service a.linkFz {
  font-size: 100%
}

.flightDetails .searchResult-item .fare-family .fare-content .fare-service {
  min-height: 40px;
  position: relative;
  z-index: 1
}

.flightDetails .searchResult-item .fare-family .fare-content .fare-service .votes {
  font-weight: 500
}

.flightDetails .searchResult-item .fare-family .fare-content .fare-service.modify {
  min-height: 0;
  top: 0
}

.flightDetails .searchResult-item .fare-family .fare-content .fare-service.modify .votes {
  display: none
}

.flightDetails .searchResult-item .fare-family .fare-content .miles-service {
  position: relative;
  z-index: 10;
  min-height: 38px;
  padding-left: 5px
}

.flightDetails .searchResult-item .fare-family .fare-content .miles-service .milesAcount {
  font-weight: bold;
  display: block
}

.flightDetails .searchResult-item .fare-family .fare-content .miles-service .milesAcount .icon {
  margin-left: 5px;
  background: url(SpecialOffer_icon.pvg) no-repeat left center;
  padding: 0 5px 0 20px;
  font-size: 12px
}

.flightDetails .searchResult-item .fare-family .fare-content .miles-service .milesAcount .icon .arrow {
  background: url(icon-arrow-right-white.pvg) no-repeat left 3px
}

.flightDetails .searchResult-item .fare-family .fare-content .ui-radio-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-right: 0;
  top: 0;
  left: 0;
  z-index: 9
}

.flightDetails .searchResult-item .fare-family .fare-content .ui-radio-wrapper .label-radio {
  width: 100%;
  height: 97%
}

.flightDetails .searchResult-item .fare-family .fare-content .ui-radio-wrapper .label-radio .label-text {
  font-size: 30px;
  left: 0;
  font-weight: bold;
  margin-top: 12px
}

.flightDetails .searchResult-item .fare-family .fake-radio {
  position: absolute;
  right: 15px;
  top: 10%
}

.flightDetails .searchResult-item .fare-family .fare-bar {
  height: 30px;
  text-align: right
}

.flightDetails .searchResult-item .fare-family .fare-bar button {
  padding-right: 27px;
  height: 29px;
  font-size: 12px;
  padding-top: 0
}

@media(max-width:991px) {
  .flightDetails .searchResult-item .fare-family .fare-bar button {
    padding-left: 5px;
    overflow: hidden
  }
}

.flightDetails .searchResult-item .fare-family .fare-bar button:after {
  content: "";
  background-image: url(triangle-down.png);
  background-repeat: no-repeat;
  width: 15px;
  height: 12px;
  position: absolute;
  right: 10px;
  bottom: 4px;
  transition: bottom .4s, -webkit-transform .4s;
  transition: transform .4s, bottom .4s;
  transition: transform .4s, bottom .4s, -webkit-transform .4s;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg)
}

.flightDetails .searchResult-item .fare-family .fare-bar .open:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  bottom: 10px
}

.flightDetails .searchResult-item .fare-family .fare-bar.modify {
  height: 0;
  z-index: 9
}

.flightDetails .searchResult-item .fare-family .fare-bar.modify button {
  position: relative;
  z-index: 9;
  top: -32px;
  right: 40px
}

.flightDetails .searchResult-item span {
  font-size: 12px
}

.flightDetails .searchResult-item .flight-content, .flightDetails .searchResult-item .fare-content, .flightDetails .searchResult-item .flightInfo {
  padding: 0 5px 5px 5px
}

@media(max-width:991px) {
  .flightDetails .searchResult-item .flight-content, .flightDetails .searchResult-item .fare-content, .flightDetails .searchResult-item .flightInfo {
    padding: 10px 5px 5px 5px
  }
}

@media(max-width:639px) {
  .flightDetails .searchResult-item .flight-content, .flightDetails .searchResult-item .fare-content, .flightDetails .searchResult-item .flightInfo {
    padding-top: 0
  }
}

@media(max-width:991px) {
  .flightDetails .searchResult-item .fare-content {
    padding-bottom: 3px
  }
}

.flightDetails .searchResult-item .flight-content, .flightDetails .searchResult-item .flightInfo {
  padding-bottom: 15px
}

.flightDetails .searchResult-item .flight-content {
  padding-right: 10px
}

.flightDetails .searchResult-item .flight-time {
  font-weight: bold;
  font-size: 24px;
  display: block
}

@media(max-width:991px) {
  .flightDetails .searchResult-item .flight-time {
    font-size: 18px
  }
}

.flightDetails .searchResult-item .nonstop {
  color: #e4007f;
  font-weight: bold
}

.flightDetails .searchResult-item .totalTime {
  margin-right: 10px
}

.flightDetails .searchResult-item .flightInfo {
  position: relative;
  font-size: 12px;
  border-left: 1px solid #d8d8d8;
  margin-left: -4px;
  position: relative;
  min-height: 78px
}

@media(max-width:639px) {
  .flightDetails .searchResult-item .flightInfo {
    min-height: 65px;
    padding-bottom: 5px
  }
}

.flightDetails .searchResult-item .flightInfo .routenumber {
  font-weight: bold;
  padding-right: 30px
}

.flightDetails .searchResult-item .flightInfo .routenumber img {
  margin: 0 5px;
  vertical-align: top
}

@media(max-width:639px) {
  .flightDetails .searchResult-item .flightInfo .routenumber img {
    margin: 0 1px
  }
}

.flightDetails .searchResult-item .flightInfo .routenumber sup {
  color: #e4007f
}

@media(max-width:639px) {
  .flightDetails .searchResult-item .flightInfo .routenumber {
    padding-right: 0
  }
}

.flightDetails .searchResult-item .flightInfo .routenumber-mu:after {
  background-image: url(icon-cea.pvg)
}

.flightDetails .searchResult-item .flightInfo .addon-icon .wifi {
  width: 26px;
  height: 24px;
  position: absolute;
  margin-left: -40px;
  background: url("wifi.png") no-repeat
}

.flightDetails .searchResult-item .flightInfo .addon-icon .glyphicon {
  float: right
}

.flightDetails .searchResult-item .flightInfo .addon-icon .icon-miles {
  display: none
}

@media(max-width:991px) {
  .flightDetails .searchResult-item .flightInfo .addon-icon {
    display: none
  }
}

@media(min-width:1200px) {
  .flightDetails .searchResult-item .flightInfo .addon-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #2f425b;
    font-weight: bold
  }
}

.flightDetails .searchResult-item .flightInfo .table-fMeal {
  position: absolute;
  z-index: 99;
  right: -5px;
  border: 1px solid #223b61;
  background: #fff;
  width: 450px;
  height: auto
}

.flightDetails .searchResult-item .flight-bar .glyphicon {
  margin: 8px
}

.flightDetails .searchResult-item .fare-bar {
  line-height: 31px
}

.flightDetails .searchResult-item .fare-bar .btn-link, .flightDetails .searchResult-item .fare-bar .btn-link:hover {
  background-image: none;
  text-decoration: none
}

.flightDetails .searchResult-item .flight-crossday {
  font-weight: bold;
  margin-left: 10px;
  color: #e4007f
}

@media(max-width:639px) {
  .flightDetails .searchResult-item .flight-crossday {
    margin-left: 2px
  }
}

.flightDetails .searchResult-item .flight-crafttype {
  position: absolute;
  right: 0;
  top: 0
}

@media(max-width:639px) {
  .flightDetails .searchResult-item .flight-crafttype {
    right: -14px
  }
}

.flightDetails .searchResult-item .flight-carriageList {
  margin-top: 10px;
  text-align: left
}

.flightDetails .searchResult-item .flight-carriageList li {
  color: #e4007f
}

@media(max-width:991px) {
  .flightDetails .searchResult-item .flight-carriageList {
    margin-left: 10px
  }
}

.flightDetails .searchResult-item .details {
  border: 2px solid #223b61;
  margin-top: 10px
}

@media(max-width:991px) {
  .flightDetails .searchResult-item .details {
    margin-top: 5px
  }
}

.flightDetails .searchResult-item .details.J, .flightDetails .searchResult-item .details.F {
  border-color: #bfa456
}

.flightDetails .searchResult-item .details.J .label-radio .fake-radio, .flightDetails .searchResult-item .details.F .label-radio .fake-radio {
  box-shadow: 0 0 0 2px #bfa456
}

.flightDetails .searchResult-item .details .fare-content {
  position: relative
}

.flightDetails .searchResult-item .details .fare-content .fare-currencysymbol, .flightDetails .searchResult-item .details .fare-content .fare-price, .flightDetails .searchResult-item .details .fare-content .fare-name {
  font-size: 14px
}

.flightDetails .searchResult-item .details .fare-content .class-service {
  font-size: 12px;
  float: right;
  height: 26px;
  line-height: 34px;
  padding-right: 5px
}

.flightDetails .searchResult-item .details .fare-content:nth-child(even) {
  background-color: #f8f8f8
}

.flightDetails .searchResult-item .details .fare-content .fare-service {
  display: inline-block;
  float: right;
  height: 18px
}

.flightDetails .searchResult-item .details .fare-content .fare-service span {
  padding-left: 20px
}

.flightDetails .searchResult-item .details .fare-content .fare-service .fare-name {
  min-width: 180px;
  padding-left: 10px
}

.flightDetails .searchResult-item .details .fare-content .fare-service.modify {
  float: left;
  height: auto
}

.flightDetails .searchResult-item .details .fare-content .fare-service.modify span {
  padding-left: 0
}

.flightDetails .searchResult-item .details .fare-content .fare-service.modify span .glyphicon {
  width: 0
}

.flightDetails .searchResult-item .details .fare-content .miles-service {
  position: relative;
  z-index: 10;
  padding-left: 30px
}

.flightDetails .searchResult-item .details .fare-content .miles-service .milesAcount {
  font-weight: bold;
  display: block
}

.flightDetails .searchResult-item .details .fare-content .miles-service .milesAcount .icon {
  margin-left: 5px;
  background: url(SpecialOffer_icon_grey.pvg) no-repeat left center;
  padding: 0 5px 0 20px;
  font-size: 12px
}

.flightDetails .searchResult-item .details .fare-content .miles-service .milesAcount .icon .arrow {
  background: url(icon-arrow-right.pvg) no-repeat left 3px
}

.flightDetails .searchResult-item .details .fare-content .ui-radio-wrapper {
  margin-right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.flightDetails .searchResult-item .details .fare-content .ui-radio-wrapper .label-radio {
  width: 100%;
  height: 40px
}

.flightDetails .searchResult-item .details .fare-content .ui-radio-wrapper .label-radio .fake-radio {
  margin-top: 8px;
  margin-left: 9px
}

.flightDetails .searchResult-item .details .fare-content .ui-radio-wrapper input:checked+.label-radio .fake-radio {
  margin-top: 4px
}

.flightDetails .searchResult-item .details .fare-content .fare-price-wrapper {
  margin-left: 30px
}

@media(max-width:639px) {
  .flightDetails .searchResult-item .details .fare-content .fare-price-wrapper {
    margin-top: 4px
  }
}

.flightDetails .searchResult-item .details .fare-content .class-service {
  display: inline-block
}

.flightDetails .searchResult-item .details .fare-content .class-service .icon {
  padding-left: 15px
}

.flightDetails .searchResult-item .details .fare-content.modify .ui-radio-wrapper .label-radio {
  padding-right: 12px;
  text-align: right
}

.flightDetails .searchResult-item .icon-baggage {
  width: 20px
}

.flightDetails .searchResult-item .Economy .btn-link {
  color: white
}

.flightDetails .searchResult-item .Economy .btn-link:after {
  background-image: url(icon-expandarrow-white.pvg)
}

.flightDetails .searchResult-item .Business, .flightDetails .searchResult-item .First {
  border-right: 2px solid #f8f8f8
}

.flightDetails .searchResult-item .Business .btn-link, .flightDetails .searchResult-item .First .btn-link {
  color: #413202
}

.flightDetails .searchResult-item .Business .btn-link:after, .flightDetails .searchResult-item .First .btn-link:after {
  background-image: url(icon-expandarrow-gold.pvg)
}

.flightDetails .searchResult-item .Business .fare-content .fake-radio {
  box-shadow: none
}

.flightDetails .searchResult-item .First {
  background-image: url(banner-list-yellow.jpg)
}

.flightDetails .searchResult-item .First .fare-content .fake-radio {
  box-shadow: none
}

.flightDetails .searchResult-item .details {
  display: none
}

.flightDetails .searchResult-item .details.active {
  display: block
}

.flightDetails .moreFlights {
  background-color: #fff;
  padding: 10px;
  margin-bottom: 15px
}

.flightDetails .moreFlights button.btn-link {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #e4007f;
  margin: 10px 0
}

.icon-baggage {
  background: url(luggage_black.pvg) center center no-repeat;
  background-position: 5px 7px
}

.icon-changeable {
  background: url(change_black.pvg) center center no-repeat;
  background-position: 5px 7px
}

.progressbar-wrapper {
  font-weight: 100;
  padding: 0;
  color: #4a4a4a;
  background: white;
  min-height: 600px;
  margin-right: -1px
}

@media(max-width:1199px) {}

.progressbar-wrapper .btn-important {
  width: 100%;
  min-width: auto;
  max-width: 100%
}

.progressbar-wrapper .search-criteria {
  padding: 10px 0 10px 35px
}

.progressbar-wrapper .search-criteria .routeinfo {
  font-size: 24px;
  font-weight: bold;
  line-height: 35px
}

.progressbar-wrapper .search-criteria .passenger-summary {
  height: 35px
}

.progressbar-wrapper .search-criteria .passenger-summary .new-search {
  text-align: right;
  padding-right: 20px;
  float: right;
  background: url(zoom.png) no-repeat left center;
  padding-left: 20px
}

.progressbar-wrapper .flight-summary {
  position: relative;
  margin-right: 15px;
  margin-left: 15px
}

.progressbar-wrapper .flight-summary>li {
  position: relative;
  background-color: #f8f8f8
}

.progressbar-wrapper .flight-summary>li:last-of-type {
  border-bottom: 1px solid #d8d8d8
}

.progressbar-wrapper .flight-summary>li.flight-summary-selected {
  background-color: white;
  font-weight: bold
}

.progressbar-wrapper .flight-summary>li.flight-summary-selected:before {
  content: "";
  width: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: #e4007f
}

.progressbar-wrapper .flight-summary>li.flight-summary-selected.flight-summary-title {
  border-left: 5px solid #e4007f
}

.progressbar-wrapper .flight-summary>li.flight-summary-checked {
  background-color: #f8f8f8!important
}

.progressbar-wrapper .flight-summary>li.flight-summary-checked .flight-summary-head, .progressbar-wrapper .flight-summary>li.flight-summary-checked .detail-date, .progressbar-wrapper .flight-summary>li.flight-summary-checked p {
  font-weight: normal!important
}

.progressbar-wrapper .flight-summary li p {
  padding-left: 15px
}

.progressbar-wrapper .flight-summary .flight-summary-title {
  font-size: 14px;
  height: 55px;
  line-height: 55px;
  border-top: 1px solid #d8d8d8
}

.progressbar-wrapper .flight-summary li:first-child {
  background: url(flight-right.pvg) no-repeat right 15px
}

.progressbar-wrapper .flight-summary li:first-child.flight-summary-selected {
  background: url(depart_pink.pvg) no-repeat right 15px
}

.progressbar-wrapper .flight-summary li:nth-child(2) {
  background: url(flight-left.pvg) no-repeat right 15px
}

.progressbar-wrapper .flight-summary li:nth-child(2).flight-summary-selected {
  background: url(return_pink.pvg) no-repeat right 15px
}

.progressbar-wrapper .flight-summary li.detail {
  background: url(booking-confirme.pvg) no-repeat right 15px
}

.progressbar-wrapper .flight-summary li.addonServices {
  background: url(pinkaddR.pvg) no-repeat right 21px
}

.progressbar-wrapper .flight-summary li.flights.flight-summary-checked, .progressbar-wrapper .flight-summary li.detail.flight-summary-checked, .progressbar-wrapper .flight-summary li.addonServices.flight-summary-checked {
  border-left: 5px solid #e4007f
}

.progressbar-wrapper .flight-summary li.detail.flight-summary-selected {
  background: url(confirm_pink.pvg) no-repeat right 15px
}

.progressbar-wrapper .flight-summary li.detail.flight-summary-selected .passenger-list li {
  background: 0
}

.progressbar-wrapper .flight-summary li.contact {
  background: url(passenger-contact.pvg) no-repeat right 15px
}

.progressbar-wrapper .flight-summary li.contact.flight-summary-checked {
  border-left: 5px solid #e4007f
}

.progressbar-wrapper .flight-summary li.contact.flight-summary-selected {
  background: url(contact_pink.pvg) no-repeat right 15px
}

.progressbar-wrapper .flight-summary li.flight {
  background: url(flight-right.pvg) no-repeat right 15px
}

.progressbar-wrapper .flight-summary li.flight.flight-summary-selected {
  background: url(depart_pink.pvg) no-repeat right 15px
}

.progressbar-wrapper .flight-summary .flight-summary-details {
  padding: 0 0 20px 0;
  font-size: 14px;
  border-left: 5px solid #e4007f;
  border-top: 1px solid #d8d8d8
}

.progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-head {
  padding-right: 15px
}

.progressbar-wrapper .flight-summary .flight-summary-details p {
  margin-top: 15px
}

.progressbar-wrapper .flight-summary .flight-summary-details p.detail-date {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 12px;
  margin-top: 0
}

.progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-head {
  font-size: 14px;
  padding-top: 0;
  height: 55px;
  font-weight: bold;
  border-bottom: 1px solid #d8d8d8;
  margin-top: 0;
  line-height: 55px
}

.progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-list {
  font-weight: bold
}

.progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-list p {
  font-size: 12px;
  margin-top: 0
}

.progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-list .detail-time {
  line-height: 24px;
  background: url(progress.pvg) no-repeat;
  background-position: 0 7px;
  padding-left: 15px;
  margin-left: 15px
}

.progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-list .detail-time p {
  padding-left: 0
}

.progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-list .detail-time p span {
  margin: 5px 3px 5px 0
}

.progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-list .detail-time p span:last-child, .progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-list .detail-time p span:nth-child(2) {
  font-weight: normal
}

.progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-list .detail-time p .crossday {
  color: #e4007f
}

.progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-list .detail-time .detail-time-stop {
  font-weight: normal
}

.progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-list .detail-transfer {
  font-weight: bold;
  margin: 20px 0
}

.progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-list .detail-transfer .transferCity {
  font-weight: normal
}

.progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-list .detail-transfer .transferTip {
  font-weight: normal;
  color: #e9007f;
  margin-left: 5px
}

.progressbar-wrapper .flight-summary .detail-change {
  text-align: right
}

.progressbar-wrapper .flight-summary a {
  font-size: 14px;
  padding-right: 20px;
  text-decoration: underline
}

.progressbar-wrapper .flight-summary .passenger-list li {
  background: 0;
  margin: 15px 0;
  padding-left: 15px
}

.progressbar-wrapper .flight-summary .passenger-list li:first-of-type {
  margin-top: 0
}

.progressbar-wrapper .flight-summary .passenger-list li span:first-of-type {
  width: 100px;
  display: inline-block
}

.progressbar-wrapper .flight-summary .passenger-list li span:last-of-type {
  font-weight: bold
}

.progressbar-wrapper .search-price {
  margin: 10px 15px
}

.progressbar-wrapper .search-price .price-box {
  padding: 10px 0 20px 20px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px
}

.progressbar-wrapper .search-price .price-box .text-bold-fy {
  font-weight: 700;
  font-size: 16px
}

.progressbar-wrapper .search-price .price-box .row {
  padding: 10px 0
}

.progressbar-wrapper .search-price .estimated-price {
  font-size: 14px
}

.progressbar-wrapper .search-price .estimated-price .text-bold {
  font-weight: bold;
  font-size: 24px
}

.progressbar-wrapper .search-price .estimated-price .text-normal {
  font-weight: normal;
  font-size: 14px
}

.progressbar-wrapper .search-price button:disabled {
  background-color: #d8d8d8;
  font-color: #8d8d8d
}

.progressbar-wrapper .search-price button {
  max-width: 100%
}

.progressbar-wrapper .brandBox {
  border: 1px solid
}

.progressbar-wrapper .brandBox .title {
  background-color: #223b61;
  line-height: 40px;
  color: #fff;
  font-size: 14px;
  padding: 0 20px
}

.progressbar-wrapper .brandBox .tipsBox {
  margin-top: 30px
}

.progressbar-wrapper .brandBox .tipsBox .tipsBox-clickBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.progressbar-wrapper .brandBox .tipsBox p {
  line-height: 30px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: bold
}

.progressbar-wrapper .brandBox .brandBox {
  margin: 0 auto;
  vertical-align: middle;
  display: table;
  min-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin: 0 auto;
  vertical-align: middle;
  display: table;
  margin-top: 20px;
  margin-bottom: 20px
}

.progressbar-wrapper .brandBox .brand-btn {
  min-height: 55px;
  width: 100%;
  max-width: 260px;
  background-color: #223b61;
  border: 0;
  color: white;
  font-size: 14px;
  text-decoration: none;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  font-size: 16px
}

.progressbar-wrapper .brandBox .brand-btn p {
  width: 260px;
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

.progressbar-wrapper button.btn-important {
  padding-left: 35px
}

@media(max-width:991px) {
  .progressbar-wrapper {
    min-height: 50px!important;
    overflow: hidden;
    min-height: auto;
    left: 0;
    width: 100%;
    padding: 0
  }
  .progressbar-wrapper .search-price .price-box {
    padding: 5px 0 5px 10px
  }
}

.Additional-Infomation {
  margin: 20px 0;
  padding: 20px 30px;
  border-left: 4px solid #223b61
}

.Additional-Infomation .title {
  font-size: 30px;
  font-weight: 100
}

.Additional-Infomation .text {
  font-size: 16px
}

.Additional-Infomation a {
  float: right
}

#bookConfirm {
  margin-bottom: 30px;
  font-size: 14px
}

@media(max-width:639px) {
  #bookConfirm {
    margin-bottom: 5px
  }
}

#bookConfirm .shadowcard-wrapper {
  margin-bottom: 0
}

@media(max-width:639px) {
  #bookConfirm .shadowcard-wrapper {
    margin-bottom: 5px
  }
}

#bookConfirm .trip-detail {
  margin: 0
}

#bookConfirm .review-terms {
  margin: 10px 0
}

#bookConfirm .review-terms .conditions-new {
  font-size: 14px;
  line-height: 22px
}

#bookConfirm .review-terms .conditions-new a.checkboxLink {
  text-decoration: underline
}

#bookConfirm .review-terms .conditions-new a.checkboxLink:hover {
  text-decoration: none
}

#bookConfirm .review-terms .conditions-new .pl_27 {
  padding-left: 27px
}

@media(max-width:991px) {
  #bookConfirm .review-terms .conditions-new .pl_27 {
    padding-left: 0
  }
}

#bookConfirm .review-terms .conditions-new .conditions-new-tips ul {
  padding: 5px 0
}

#bookConfirm .review-terms .conditions-new .conditions-new-tips ul li {
  display: inline-block;
  width: 50%;
  padding-right: 20px;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

#bookConfirm .review-terms .conditions-new .conditions-new-tips ul li :before {
  background: #e4007f;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 8px 15px 0 5px;
  vertical-align: top
}

#bookConfirm .review-terms .conditions-new .conditions-new-tips ul li a {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  margin-left: 0;
  text-decoration: none
}

#bookConfirm .review-terms .conditions-new .conditions-new-tips ul li a:hover {
  text-decoration: underline
}

@media(max-width:991px) {
  #bookConfirm .review-terms .conditions-new .conditions-new-tips ul li {
    width: 100%;
    position: relative;
    padding-left: 26px
  }
  #bookConfirm .review-terms .conditions-new .conditions-new-tips ul li :before {
    position: absolute;
    left: 0
  }
}

#bookConfirm .review-terms .conditions-new .conditions-new-tips ul li:nth-child(odd) a {
  border-right: 1px solid #d8d8d8
}

@media(max-width:991px) {
  #bookConfirm .review-terms .conditions-new .conditions-new-tips ul li:nth-child(odd) a {
    border-right: 0
  }
}

#bookConfirm .review-terms .conditions-new .tip_important {
  margin-bottom: 5px
}

#bookConfirm .review-terms .conditions-new .termLis li p {
  margin-bottom: 5px
}

#bookConfirm .review-terms .conditions-new .termLis li p:before {
  background: #e4007f;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 8px 15px 0 5px;
  vertical-align: top
}

#bookConfirm .review-terms .conditions-new .checkText {
  margin-bottom: 5px
}

#bookConfirm .review-terms .conditions-new .checkText label {
  font-weight: normal
}

#bookConfirm .review-terms .conditions-new .checkText>label {
  padding-left: 27px;
  position: relative
}

#bookConfirm .review-terms .conditions-new .checkText>label>.ui-checkbox-wrapper {
  padding-right: 0;
  position: absolute;
  left: 0;
  top: 0
}

#bookConfirm .order-fare, #bookConfirm .tripdetail-info {
  padding: 0!important
}

#bookConfirm .review-passenger-data {
  margin-bottom: 10px
}

#bookConfirm .review-passenger-data .review-text-bold.pax-audlt, #bookConfirm .review-passenger-data .review-text-bold.pax-child {
  margin-right: 20px
}

#bookConfirm .review-text-bold {
  font-weight: 700
}

#bookConfirm .review-terms, #bookConfirm .review-passenger-tip {
  font-size: 12px
}

#bookConfirm .review-terms .tip::before, #bookConfirm .review-passenger-tip .tip::before {
  background: #e4007f;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 4px 15px 0 5px;
  vertical-align: top
}

#bookConfirm .ui-checkbox-text {
  line-height: 22px;
  font-size: 14px
}

#login {
  border-right: 1px solid #d8d8d8;
  display: inline-block
}

.booking-login {
  background: #f8f8f8;
  padding: 30px 15px
}

.booking-login h2, .booking-login .or {
  margin-bottom: 8px;
  font-size: 24px
}

.booking-login .withoutlogin {
  padding-left: 45px;
  margin-top: -40px
}

.booking-login .withoutlogin p {
  margin-top: 15px
}

.booking-login .withoutlogin .linkTip {
  font-size: 18px;
  margin: 45px 0 20px 0;
  color: #1f497d
}

.booking-login .withoutlogin .btn-important {
  max-width: 100%
}

.booking-login .withoutlogin .btn-important a {
  color: #000;
  width: 90%;
  display: inline-block;
  background: #fff;
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  text-decoration: none
}

@media(max-width:991px) {
  .booking-login .withoutlogin {
    margin-top: 0
  }
  .booking-login .or {
    margin-bottom: 28px
  }
}

@media(max-width:991px) {
  .booking-login {
    padding: 15px
  }
  .booking-login .withoutlogin {
    padding: 0 15px
  }
  .booking-login #login {
    border: 0
  }
  .review-panel {
    border-width: 15px!important
  }
  .passenger {
    padding: 15px 0
  }
}

.First .ui-radio-wrapper .ui-radio:checked+.label-radio .fake-radio, .Business .ui-radio-wrapper .ui-radio:checked+.label-radio .fake-radio, .F .ui-radio-wrapper .ui-radio:checked+.label-radio .fake-radio, .J .ui-radio-wrapper .ui-radio:checked+.label-radio .fake-radio {
  background-color: #e4007f
}

.Economy .ui-radio-wrapper .ui-radio:checked+.label-radio .fake-radio {
  background-color: #e4007f
}

#login fieldset .row .col-sm-11 button {
  max-width: 100%
}

#login .form-tail {
  padding: 0 40px;
  text-align: right
}

@media(max-width:639px) {
  #login .form-tail {
    padding: 0 12px
  }
}

.ReactModal__Overlay .ReactModal__Content>div {
  max-height: 580px;
  overflow: auto
}

@media(max-height:639px) {
  .ReactModal__Overlay .ReactModal__Content>div {
    max-height: 447px
  }
}

.popup-priceDetail>div {
  max-height: none!important
}

.popup-priceDetail .subTitle {
  font-size: 24px;
  font-weight: bold
}

.popup-priceDetail .detailContent {
  max-height: 500px;
  overflow: auto;
  border-bottom: 1px solid #d8d8d8
}

@media(max-height:639px) {
  .popup-priceDetail .detailContent {
    max-height: 368px
  }
}

.popup-priceDetail .detailContent>li {
  border-top: 1px solid #d8d8d8;
  padding: 15px 0
}

.popup-priceDetail .detailContent>li dl:after {
  clear: both;
  content: '';
  display: block
}

.popup-priceDetail .detailContent>li dl .subItem-title {
  float: left;
  font-size: 13px;
  font-weight: bold
}

.popup-priceDetail .detailContent>li dl .subItem-content {
  float: right
}

.popup-priceDetail .detailContent>li dl .subItem-content dt {
  font-weight: bold;
  font-size: 13px;
  width: 100%;
  text-align: left;
  position: relative;
  padding-left: 1em
}

.popup-priceDetail .detailContent>li dl .subItem-content dt:before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 5px;
  left: 0;
  background: #e4007f
}

.popup-priceDetail .detailContent>li dl .subItem-content dd {
  padding-left: 1em;
  padding-right: 1em;
  font-size: 12px
}

.popup-priceDetail .detailContent>li dl .subItem-content dd:after {
  clear: both;
  content: '';
  display: block
}

.popup-priceDetail .detailContent>li dl .subItem-content dd>span {
  text-align: left
}

.popup-priceDetail .GBstatus {
  font-size: 12px
}

.popup-priceDetail .GBstatus p {
  padding-top: 5px
}

.popup-priceDetail .popup-totalPrice {
  padding-top: 10px;
  font-size: 14px;
  font-weight: bold
}

.popup-priceDetail .popup-totalPrice:after {
  clear: both;
  content: '';
  display: block
}

.popup-priceDetail .popup-totalPrice>span {
  float: right
}

.popup-priceDetail .popup-totalPrice>span>b {
  font-size: 24px;
  font-weight: normal
}

.popup-priceDetail .popup-totalPrice>div {
  word-wrap: break-word
}

.infService:before {
  background: #e4007f;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 5px 15px 0 5px;
  vertical-align: top
}

.flight-calendar-wraper {
  position: relative
}

.flight-calendar-wraper .expandable-date-wrapper {
  position: absolute;
  left: 0;
  top: 89px;
  z-index: 1;
  width: 100%;
  padding-bottom: 10px;
  background: #fff
}

@media(max-width:639px) {
  .flight-calendar-wraper .expandable-date-wrapper {
    top: 280px
  }
}

.loginPopup .form-tail {
  text-align: right;
  width: 91.6666666667%
}

.loginPopup .btn {
  max-width: none
}

#flightSeating .bottom_tip:before, .flightbatch-wrapper .bottom_tip:before {
  background: #e4007f;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 4px 15px 0 5px
}

#flightSeating .text-bold, .flightbatch-wrapper .text-bold {
  font-weight: bold
}

#flightSeating .text-big, .flightbatch-wrapper .text-big {
  font-size: 24px
}

#flightSeating .text-red, .flightbatch-wrapper .text-red {
  color: #e4007f
}

#flightSeating .flight-seating, .flightbatch-wrapper .flight-seating {
  margin-right: 15px
}

#flightSeating .flight-seating .readTerm, .flightbatch-wrapper .flight-seating .readTerm {
  margin: 0;
  padding: 0
}

#flightSeating .flight-seating .readTerm ul, .flightbatch-wrapper .flight-seating .readTerm ul {
  list-style-type: none;
  margin-left: 0
}

#flightSeating .flight-seating-summary, .flightbatch-wrapper .flight-seating-summary {
  font-size: 14px;
  color: #4a4a4a;
  background: white;
  padding: 25px 15px
}

#flightSeating .flight-seating-summary .summary-total, .flightbatch-wrapper .flight-seating-summary .summary-total {
  padding: 5px
}

#flightSeating .flight-seating-summary .summary-total p, .flightbatch-wrapper .flight-seating-summary .summary-total p {
  margin: 5px 0
}

#flightSeating .flight-seating-summary .summary-detail, .flightbatch-wrapper .flight-seating-summary .summary-detail {
  border-top: 1px solid #d8d8d8;
  padding: 5px
}

#flightSeating .flight-seating-summary .summary-detail p, .flightbatch-wrapper .flight-seating-summary .summary-detail p {
  margin: 10px 0
}

#flightSeating .flight-seating-summary .summary-detail p>span:last-of-type, .flightbatch-wrapper .flight-seating-summary .summary-detail p>span:last-of-type {
  float: right
}

#flightSeating .flight-seating-summary .summary-detail p>span:last-of-type span, .flightbatch-wrapper .flight-seating-summary .summary-detail p>span:last-of-type span {
  vertical-align: top;
  line-height: 1
}

#flightSeating .flight-seating-header, .flightbatch-wrapper .flight-seating-header {
  background: white;
  margin-bottom: 10px;
  padding: 10px 15px
}

#flightSeating .flight-seating-header a, .flightbatch-wrapper .flight-seating-header a {
  float: right
}

#flightSeating .hint, .flightbatch-wrapper .hint {
  text-align: center;
  display: inline-block;
  width: 25px;
  height: 17px;
  font-size: 12px;
  font-weight: bold;
  vertical-align: top;
  margin-right: 10px
}

#flightSeating .hint-pending, .flightbatch-wrapper .hint-pending {
  background: white;
  color: #e4007f;
  border: 1px solid #d8d8d8
}

#flightSeating .hint-confirmed, .flightbatch-wrapper .hint-confirmed {
  background: #bfa456;
  color: #594510
}

#flightSeating .batch-header, .flightbatch-wrapper .batch-header {
  padding: 5px 15px;
  border-bottom: 1px solid #d8d8d8;
  background: white
}

#flightSeating .batch-header p, .flightbatch-wrapper .batch-header p {
  margin: 10px 0;
  vertical-align: top;
  display: inline-block;
  margin-right: 15px
}

#flightSeating .batch-header .row, .flightbatch-wrapper .batch-header .row {
  position: relative
}

#flightSeating .batch-header .expandable-date-wrapper, .flightbatch-wrapper .batch-header .expandable-date-wrapper {
  position: absolute;
  left: 0;
  top: 86px;
  z-index: 1;
  width: 100%;
  padding-bottom: 10px;
  background: #fff
}

#flightSeating .flight-batch-manager, .flightbatch-wrapper .flight-batch-manager {
  margin-bottom: 10px;
  font-size: 12px;
  background: white;
  padding: 15px
}

#flightSeating .flight-batch-manager .flight-batch-manager-header, .flightbatch-wrapper .flight-batch-manager .flight-batch-manager-header {
  font-size: 14px;
  padding: 0
}

#flightSeating .flight-batch-manager .flight-batch-manager-wrapper, .flightbatch-wrapper .flight-batch-manager .flight-batch-manager-wrapper {
  margin-top: 15px;
  overflow-x: auto;
  padding: 0
}

#flightSeating .flight-batch-manager .cursor-pointer, .flightbatch-wrapper .flight-batch-manager .cursor-pointer {
  cursor: pointer
}

#flightSeating .flight-batch-manager .batch-info, .flightbatch-wrapper .flight-batch-manager .batch-info {
  line-height: 35px;
  padding-left: 15px
}

#flightSeating .flight-batch-manager .passenger-info, .flightbatch-wrapper .flight-batch-manager .passenger-info {
  white-space: nowrap;
  padding: 0 2px
}

#flightSeating .flight-batch-manager .passenger-info>div, .flightbatch-wrapper .flight-batch-manager .passenger-info>div {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 0 2px
}

#flightSeating .flight-batch-manager .passenger-info>div div, .flightbatch-wrapper .flight-batch-manager .passenger-info>div div {
  height: 100%;
  padding: 6px
}

#flightSeating .flight-batch-manager .item-info, .flightbatch-wrapper .flight-batch-manager .item-info {
  white-space: nowrap;
  padding: 0 2px
}

#flightSeating .flight-batch-manager .item-info>div, .flightbatch-wrapper .flight-batch-manager .item-info>div {
  display: inline-block
}

#flightSeating .flight-batch-manager .item-info>div>div, .flightbatch-wrapper .flight-batch-manager .item-info>div>div {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 0 2px
}

#flightSeating .flight-batch-manager .item-info>div>div div, .flightbatch-wrapper .flight-batch-manager .item-info>div>div div {
  height: 100%;
  padding: 6px
}

#flightSeating .flight-batch-manager .passenger-info-4>div, #flightSeating .flight-batch-manager .item-info-4>div, .flightbatch-wrapper .flight-batch-manager .passenger-info-4>div, .flightbatch-wrapper .flight-batch-manager .item-info-4>div {
  width: 25%
}

#flightSeating .flight-batch-manager .passenger-info-3>div, #flightSeating .flight-batch-manager .item-info-3>div, .flightbatch-wrapper .flight-batch-manager .passenger-info-3>div, .flightbatch-wrapper .flight-batch-manager .item-info-3>div {
  width: 33.33333%
}

#flightSeating .flight-batch-manager .passenger-info-2>div, #flightSeating .flight-batch-manager .item-info-2>div, .flightbatch-wrapper .flight-batch-manager .passenger-info-2>div, .flightbatch-wrapper .flight-batch-manager .item-info-2>div {
  width: 50%
}

#flightSeating .flight-batch-manager .passenger-info-1>div, #flightSeating .flight-batch-manager .item-info-1>div, .flightbatch-wrapper .flight-batch-manager .passenger-info-1>div, .flightbatch-wrapper .flight-batch-manager .item-info-1>div {
  width: 100%
}

#flightSeating .flight-batch-manager .flihgt-info, .flightbatch-wrapper .flight-batch-manager .flihgt-info {
  font-weight: bold;
  padding: 7px 15px
}

#flightSeating .flight-batch-manager .flihgt-info .show-desktop, .flightbatch-wrapper .flight-batch-manager .flihgt-info .show-desktop {
  font-weight: lighter
}

#flightSeating .flight-batch-manager .passenger-info, .flightbatch-wrapper .flight-batch-manager .passenger-info {
  padding: 10px 0;
  font-weight: bold
}

#flightSeating .flight-batch-manager .passenger-info>div, .flightbatch-wrapper .flight-batch-manager .passenger-info>div {
  border-right: 1px solid #d8d8d8;
  height: 35px;
  position: relative
}

#flightSeating .flight-batch-manager .passenger-info>div:last-child, .flightbatch-wrapper .flight-batch-manager .passenger-info>div:last-child {
  border-right: 0
}

#flightSeating .flight-batch-manager .item-info, .flightbatch-wrapper .flight-batch-manager .item-info {
  padding: 2px 0
}

#flightSeating .flight-batch-manager .item-info>div, .flightbatch-wrapper .flight-batch-manager .item-info>div {
  height: 100px;
  position: relative;
  white-space: normal
}

#flightSeating .flight-batch-manager .item-info>div p:first-of-type, .flightbatch-wrapper .flight-batch-manager .item-info>div p:first-of-type {
  min-height: 17px
}

#flightSeating .flight-batch-manager .item-info>div p:last-of-type, .flightbatch-wrapper .flight-batch-manager .item-info>div p:last-of-type {
  margin-top: 5px
}

#flightSeating .flight-batch-manager .item-info>div .seat-no, .flightbatch-wrapper .flight-batch-manager .item-info>div .seat-no {
  font-size: 24px;
  line-height: 24px
}

#flightSeating .flight-batch-manager .item-info>div a, .flightbatch-wrapper .flight-batch-manager .item-info>div a {
  color: inherit
}

#flightSeating .flight-batch-manager .item-info .item-unavailable, .flightbatch-wrapper .flight-batch-manager .item-info .item-unavailable {
  color: #e4007f;
  border: 1px solid #e4007f
}

#flightSeating .flight-batch-manager .item-info .item-unavailable>div, .flightbatch-wrapper .flight-batch-manager .item-info .item-unavailable>div {
  background: #f8f8f8
}

#flightSeating .flight-batch-manager .item-info .item-confirmed, .flightbatch-wrapper .flight-batch-manager .item-info .item-confirmed {
  color: #594510;
  border: 1px solid #594510
}

#flightSeating .flight-batch-manager .item-info .item-confirmed:after, .flightbatch-wrapper .flight-batch-manager .item-info .item-confirmed:after {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  background: url(icon-check-yellow.pvg) no-repeat;
  background-size: contain;
  position: absolute;
  top: 10px;
  right: 10px
}

#flightSeating .flight-batch-manager .item-info .item-ready, #flightSeating .flight-batch-manager .item-info .item-complete, .flightbatch-wrapper .flight-batch-manager .item-info .item-ready, .flightbatch-wrapper .flight-batch-manager .item-info .item-complete {
  background: #f8f8f8;
  color: #4a4a4a
}

#flightSeating .flight-batch-manager .item-info .item-ready .seat-no, #flightSeating .flight-batch-manager .item-info .item-complete .seat-no, .flightbatch-wrapper .flight-batch-manager .item-info .item-ready .seat-no, .flightbatch-wrapper .flight-batch-manager .item-info .item-complete .seat-no {
  font-weight: light
}

#flightSeating .flight-batch-manager .item-info .wifi-ready, .flightbatch-wrapper .flight-batch-manager .item-info .wifi-ready {
  background: #e5007f
}

#flightSeating .flight-batch-manager .item-info .item-pending, .flightbatch-wrapper .flight-batch-manager .item-info .item-pending {
  background: white;
  border: 1px solid #d8d8d8;
  color: #e4007f
}

#flightSeating .flight-batch-manager .item-info .item-upload button, .flightbatch-wrapper .flight-batch-manager .item-info .item-upload button {
  width: 100%;
  height: 100%;
  color: white;
  background-color: #223b61;
  border: 0
}

#flightSeating .flight-batch-manager .item-info .item-selected, .flightbatch-wrapper .flight-batch-manager .item-info .item-selected {
  background: #e4007f;
  color: white;
  padding-top: 20px
}

#flightSeating .flight-batch-manager .row-selected>div, .flightbatch-wrapper .flight-batch-manager .row-selected>div {
  height: 105px
}

#flightSeating .flight-batch-manager .row-selected .cursor-pointer, .flightbatch-wrapper .flight-batch-manager .row-selected .cursor-pointer {
  cursor: default
}

#flightSeating .flight-batch-manager .row-selected .item-selected .re-btn, .flightbatch-wrapper .flight-batch-manager .row-selected .item-selected .re-btn {
  background: #fff;
  color: #d7094b;
  display: inline-block;
  padding: 0 10px
}

#flightSeating .flight-batch-manager .seats-info, .flightbatch-wrapper .flight-batch-manager .seats-info {
  background: #f8f8f8
}

#flightSeating .flight-batch-manager .seats-info .info-line, .flightbatch-wrapper .flight-batch-manager .seats-info .info-line {
  font-size: 14px;
  padding: 15px 0 10px 0
}

#flightSeating .flight-batch-manager .seats-info .hint-line, .flightbatch-wrapper .flight-batch-manager .seats-info .hint-line {
  line-height: 25px;
  margin: 5px 0
}

#flightSeating .flight-batch-manager .seats-info .hint, .flightbatch-wrapper .flight-batch-manager .seats-info .hint {
  text-align: center;
  display: inline-block;
  width: 20px;
  height: 25px;
  font-size: 12px;
  font-weight: bold;
  vertical-align: top;
  margin-right: 10px
}

#flightSeating .flight-batch-manager .seats-info .hint-selection, .flightbatch-wrapper .flight-batch-manager .seats-info .hint-selection {
  background: #e4007f;
  color: white
}

#flightSeating .flight-batch-manager .seats-info .hint-confirmed, .flightbatch-wrapper .flight-batch-manager .seats-info .hint-confirmed {
  background: #bfa456;
  color: #594510
}

#flightSeating .flight-batch-manager .seats-info .hint-pending, .flightbatch-wrapper .flight-batch-manager .seats-info .hint-pending {
  background: white;
  color: #e4007f
}

#flightSeating .flight-batch-manager .seats-info .hint-unavilable, .flightbatch-wrapper .flight-batch-manager .seats-info .hint-unavilable {
  background: #d8d8d8
}

#flightSeating .flight-batch-manager .seats-info .hint-free, .flightbatch-wrapper .flight-batch-manager .seats-info .hint-free {
  background: white
}

#flightSeating .flight-batch-manager .seats-info .hint-normal, .flightbatch-wrapper .flight-batch-manager .seats-info .hint-normal {
  color: #223b61;
  background: white
}

#flightSeating .flight-batch-manager .seats-info .hint-plus, .flightbatch-wrapper .flight-batch-manager .seats-info .hint-plus {
  background: white
}

#flightSeating .flight-batch-manager .show-plane, .flightbatch-wrapper .flight-batch-manager .show-plane {
  padding-bottom: 810px
}

#flightSeating .flight-batch-manager .plane-seat-wrapper, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper {
  width: 100%;
  padding: 1px 15px 1px 0;
  margin-top: 3px;
  position: absolute;
  left: 0
}

#flightSeating .flight-batch-manager .plane-seat-wrapper>div, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper>div {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  background: #f8f8f8
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat {
  padding-top: 20px;
  width: 100%;
  background-color: #fff
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat:after, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat:after {
  display: block;
  clear: both;
  content: ''
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates {
  text-align: right
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState {
  display: inline-block;
  line-height: 22px;
  font-size: 14px;
  color: #4a4a4a;
  margin-bottom: 10px;
  margin-right: 10px
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState .block {
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  margin-right: 5px;
  color: #4a4a4a;
  text-align: center;
  vertical-align: top
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState.selected .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState.selected .block {
  background-color: #e6017f;
  border-color: #e6017f
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState.available .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState.available .block {
  background-color: #fff;
  border-color: #d8d8d8
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState.available .hint-pending, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState.available .hint-pending {
  border: 1px solid #e4007f
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState.notavailable .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState.notavailable .block {
  background-color: #d8d8d8;
  border-color: #d8d8d8
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState.premiumSeats .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState.premiumSeats .block {
  background-color: #fff;
  border-color: #d8d8d8
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .thumbnail, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .thumbnail {
  width: 117px;
  height: 700px;
  background: url(zuoweitu.png) no-repeat center bottom;
  position: relative;
  border: 0;
  overflow: hidden
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .thumbnail .thumbnailArea, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .thumbnail .thumbnailArea {
  width: 56px;
  height: 420px;
  position: absolute;
  left: 29px;
  top: 140px
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .thumbnail .thumbnailArea .seatSign, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .thumbnail .thumbnailArea .seatSign {
  width: 59px;
  height: 56px;
  border: 2px solid #e6017f;
  position: absolute;
  left: 54%;
  top: 20%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: all .3s linear
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap {
  padding-top: 10px;
  width: 100%
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn {
  display: block;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  height: 30px
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn.upBtn, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn.upBtn {
  border-bottom: 10px solid #d8d8d8;
  background-image: url(SeatBtnUp.png)
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn.upBtn .arrow, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn.upBtn .arrow {
  position: relative;
  bottom: -5px;
  display: inline-block;
  width: 22px;
  height: 8px;
  background: url(upArrow.png) no-repeat center center
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn.upBtn:hover .arrow, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn.upBtn:hover .arrow {
  background-image: url(upArrow_cur.png)
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn.downBtn, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn.downBtn {
  border-top: 10px solid #d8d8d8;
  background-image: url(SeatBtnDown.png)
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn.downBtn .arrow, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn.downBtn .arrow {
  position: relative;
  top: -5px;
  display: inline-block;
  width: 22px;
  height: 8px;
  background: url(downArrow.png) no-repeat center center
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn.downBtn:hover .arrow, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn.downBtn:hover .arrow {
  background-image: url(downArrow_cur.png)
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap {
  padding: 5px 0
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow {
  margin-bottom: 4px
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row {
  text-align: center
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li {
  display: inline-block;
  width: 55px;
  height: 55px;
  padding: 3px;
  line-height: 41px;
  border: 1px solid #d8d8d8;
  background: #fff;
  margin-right: 4px;
  vertical-align: middle;
  cursor: pointer
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRight, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRight {
  margin-right: 55px
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRight.exit, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRight.exit {
  position: relative
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRight.exit:after, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRight.exit:after {
  content: "E";
  position: absolute;
  width: 22px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #4a4a4a;
  border-radius: 2px;
  background: #fff;
  top: 48%;
  left: 160%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRightmiddle, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRightmiddle {
  margin-right: 48px
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRightmiddle.exit, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRightmiddle.exit {
  position: relative
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRightmiddle.exit:after, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRightmiddle.exit:after {
  content: "E";
  position: absolute;
  width: 22px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #4a4a4a;
  border-radius: 2px;
  background: #fff;
  top: 48%;
  left: 160%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRightlittle, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRightlittle {
  margin-right: 36px
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRightlittle.exit, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRightlittle.exit {
  position: relative
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRightlittle.exit:after, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRightlittle.exit:after {
  content: "E";
  position: absolute;
  width: 22px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #4a4a4a;
  border-radius: 2px;
  background: #fff;
  top: 48%;
  left: 160%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeft, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeft {
  margin-left: 55px
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeft.exit, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeft.exit {
  position: relative
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeft.exit:before, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeft.exit:before {
  content: "E";
  position: absolute;
  width: 22px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #4a4a4a;
  border-radius: 2px;
  background: #fff;
  top: 48%;
  right: 160%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeftmiddle, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeftmiddle {
  margin-left: 48px
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeftmiddle.exit, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeftmiddle.exit {
  position: relative
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeftmiddle.exit:before, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeftmiddle.exit:before {
  content: "E";
  position: absolute;
  width: 22px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #4a4a4a;
  border-radius: 2px;
  background: #fff;
  top: 48%;
  right: 160%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeftlittle, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeftlittle {
  margin-left: 36px
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeftlittle.exit, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeftlittle.exit {
  position: relative
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeftlittle.exit:before, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeftlittle.exit:before {
  content: "E";
  position: absolute;
  width: 22px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #4a4a4a;
  border-radius: 2px;
  background: #fff;
  top: 48%;
  right: 160%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.middle, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.middle {
  width: 48px;
  height: 48px;
  line-height: 34px
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.little, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.little {
  width: 36px;
  height: 36px;
  line-height: 22px
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.rowNo, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.rowNo {
  border: 0;
  font-weight: bold;
  color: #4a4a4a;
  cursor: auto
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li .block {
  width: 100%;
  height: 100%
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li:hover .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li:hover .block {
  background-color: #e6017f;
  color: #fff!important
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.reserved .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.reserved .block {
  background-color: #e6017f;
  color: #fff;
  border-radius: 2px
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.selected .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.selected .block {
  background-color: #e6017f;
  color: #fff;
  border-radius: 2px
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.disabled, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.disabled {
  cursor: not-allowed;
  background-color: #d8d8d8
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.disabled .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.disabled .block {
  background-color: #d8d8d8
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.disabled:hover .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.disabled:hover .block {
  background-color: #d8d8d8
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.noSave, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.noSave {
  background-color: #fff;
  border: 1px solid #e4007f
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.noSave .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.noSave .block {
  background-color: #fff
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.noSave:hover .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.noSave:hover .block {
  background-color: #fff
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.notSeat, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.notSeat {
  border: none!important;
  font-weight: bold;
  color: #4a4a4a;
  cursor: auto
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.notSeat:hover .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.notSeat:hover .block {
  background-color: #fff
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row:after, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row:after {
  display: block;
  clear: both;
  content: ''
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow.seatRowTitle .seatTitle, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow.seatRowTitle .seatTitle {
  font-weight: bold;
  color: #4a4a4a
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow.seatRowTitle .seatTitle li, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow.seatRowTitle .seatTitle li {
  border: 0;
  text-align: center;
  height: 26px;
  line-height: 26px;
  cursor: auto
}

@media(min-width:992px) and (max-width:1365px) {
  #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.middle, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.middle {
    width: 35px;
    height: 35px
  }
  #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.little, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.little {
    width: 29px;
    height: 29px
  }
  #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRight.exit:after, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRight.exit:after {
    left: 130%
  }
}

@media(max-width:992px) {
  #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li {
    width: 24px;
    height: 24px;
    line-height: 24px;
    padding: 0
  }
  #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.middle, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.middle {
    width: 20px;
    height: 20px
  }
  #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.little, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.little {
    width: 16px;
    height: 16px
  }
  #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRight.exit:after, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRight.exit:after {
    left: 170%;
    width: 16px;
    height: 16px;
    line-height: 16px
  }
}

@media(max-width:991px) {
  #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .sm-hidden, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .sm-hidden {
    display: none
  }
}

#flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .NewPlaneSeatBtn, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .NewPlaneSeatBtn {
  text-align: center;
  padding: 10px
}

#flightSeating .checkbox .ui-checkbox-wrapper, .flightbatch-wrapper .checkbox .ui-checkbox-wrapper {
  float: right;
  font-size: 14px;
  padding-right: 10px
}

@media(min-width:992px) {
  #flightSeating .hide-desktop, .flightbatch-wrapper .hide-desktop {
    display: none
  }
}

@media(min-width:640px) {
  #flightSeating .flight-batch-manager .seats-info, .flightbatch-wrapper .flight-batch-manager .seats-info {
    padding-left: 15px
  }
  #flightSeating .flight-batch-manager .seats-info .btn-wrapper, .flightbatch-wrapper .flight-batch-manager .seats-info .btn-wrapper {
    position: static
  }
}

@media(max-width:991px) {
  #flightSeating .show-desktop, .flightbatch-wrapper .show-desktop {
    display: none
  }
  #flightSeating .flight-seating, .flightbatch-wrapper .flight-seating {
    margin-right: 0
  }
  #flightSeating .flight-seating-summary, .flightbatch-wrapper .flight-seating-summary {
    margin: 10px 0
  }
  #flightSeating .flight-batch-manager .flihgt-info p, .flightbatch-wrapper .flight-batch-manager .flihgt-info p {
    display: inline-block
  }
  #flightSeating .flight-batch-manager .plane-seat-wrapper, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper {
    padding: 1px 0
  }
  #flightSeating .btn-wrapper-leftright, .flightbatch-wrapper .btn-wrapper-leftright {
    margin: 20px 5px
  }
}

@media(max-width:639px) {
  #flightSeating .flight-seating, .flightbatch-wrapper .flight-seating {
    margin: 10px 5px
  }
  #flightSeating .flight-seating-summary, .flightbatch-wrapper .flight-seating-summary {
    margin: 10px 5px
  }
  #flightSeating .batch-header p, .flightbatch-wrapper .batch-header p {
    display: block;
    margin-right: 0
  }
  #flightSeating .flight-batch-manager .passenger-info>div, #flightSeating .flight-batch-manager .item-info>div, .flightbatch-wrapper .flight-batch-manager .passenger-info>div, .flightbatch-wrapper .flight-batch-manager .item-info>div {
    width: 28.57143%
  }
  #flightSeating .flight-batch-manager .passenger-info-3>div, #flightSeating .flight-batch-manager .item-info-3>div, .flightbatch-wrapper .flight-batch-manager .passenger-info-3>div, .flightbatch-wrapper .flight-batch-manager .item-info-3>div {
    width: 33.33333%
  }
  #flightSeating .flight-batch-manager .passenger-info-2>div, #flightSeating .flight-batch-manager .item-info-2>div, .flightbatch-wrapper .flight-batch-manager .passenger-info-2>div, .flightbatch-wrapper .flight-batch-manager .item-info-2>div {
    width: 50%
  }
  #flightSeating .flight-batch-manager .passenger-info-1>div, #flightSeating .flight-batch-manager .item-info-1>div, .flightbatch-wrapper .flight-batch-manager .passenger-info-1>div, .flightbatch-wrapper .flight-batch-manager .item-info-1>div {
    width: 100%
  }
  #flightSeating .flight-batch-manager .seats-info, .flightbatch-wrapper .flight-batch-manager .seats-info {
    position: static
  }
  #flightSeating .flight-batch-manager .seats-info .btn-wrapper, .flightbatch-wrapper .flight-batch-manager .seats-info .btn-wrapper {
    width: 5%;
    padding: 0 5px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    transition: bottom .5s ease 0s
  }
  #flightSeating .flight-batch-manager .show-plane, .flightbatch-wrapper .flight-batch-manager .show-plane {
    padding-bottom: 540px
  }
  #flightSeating .flight-batch-manager .plane-seat-wrapper, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper {
    background: #d8d8d8;
    padding: 1px 5px;
    overflow-y: auto
  }
  #flightSeating .btn-wrapper-leftright, .flightbatch-wrapper .btn-wrapper-leftright {
    margin: 20px 0
  }
}

.flight-seat {
  position: relative
}

.wifiTips {
  padding: 20px;
  margin-top: 10px;
  margin-right: 15px
}

.plane-tips {
  padding-left: 15px;
  padding-top: 15px
}

.plane-tips li {
  display: inline-block;
  margin: 10px
}

.plane-tips li .text {
  float: right;
  margin: 10px;
  width: 130px
}

.plane-tips li .square {
  width: 40px;
  height: 40px;
  display: inline-block
}

.plane-tips .plane-tip-occupied .square {
  background: #bfa456
}

.plane-tips .plane-tip-available .square {
  border: 1px solid black
}

.plane-tips .plane-tip-preference .text {
  width: 157px;
  margin-top: 0;
  line-height: 18px
}

.plane-tips .plane-tip-preference .square {
  border: 1px solid #e4007f
}

.plane-frame {
  max-height: 400px;
  overflow-y: auto;
  background: #f8f8f8
}

.plane-frame .safety-exit-c {
  position: relative
}

.plane-frame .safety-exit-c:after {
  content: 'EXIT';
  position: absolute;
  top: 12px;
  left: 38px;
  color: #000
}

.plane-frame .safety-exit-j {
  position: relative
}

.plane-frame .safety-exit-j:before {
  content: 'EXIT';
  position: absolute;
  top: 12px;
  left: -32px;
  color: #000
}

.plane-frame .plane-body {
  width: 100%;
  background-position: top center;
  text-align: center
}

.plane-frame .plane-body .plane-row .plane-seat {
  width: 30px;
  height: 42px;
  display: inline-block;
  vertical-align: top;
  margin: 1px;
  font-weight: bold;
  font-size: 12px;
  color: #4a4a4a
}

.plane-frame .plane-body .plane-row .plane-seat button {
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0
}

.plane-frame .plane-body .plane-row .plane-seat span {
  line-height: 42px
}

.plane-frame .plane-body .plane-row .plane-seat-A {
  border: 0
}

.plane-frame .plane-body .plane-row .plane-seat-A button {
  background-color: white
}

.plane-frame .plane-body .plane-row .plane-seat-U {
  border: 0
}

.plane-frame .plane-body .plane-row .plane-seat-U button {
  background-color: white
}

.plane-frame .plane-body .plane-row .plane-seat-T {
  background: #bfa456
}

.plane-frame .plane-body .plane-row .plane-seat-R {
  background: #d8d8d8
}

.plane-frame .plane-body .plane-row .plane-seat-N {
  height: 0
}

.plane-frame .plane-body .plane-row .plane-seat-pending {
  background: white;
  color: #e4007f
}

.plane-frame .plane-body .plane-row .plane-seat-confirmed {
  background: #bfa456;
  color: #594510
}

.plane-frame .plane-body .plane-row .selected {
  color: white
}

.plane-frame .plane-body .plane-row .selected button {
  background: #e4007f
}

.plane-frame .plane-33E {
  padding-top: 392px;
  background: url(upload/plane-737-7000+140.jpg) no-repeat;
  background-position: top center
}

.plane-frame .plane-33E .plane-row .plane-seat {
  margin: 6px 1px
}

.plane-frame .plane-33E .plane-row .seat-type-F {
  width: 36px;
  height: 40px;
  margin: 6px 3px 7px 4px
}

.plane-frame .plane-33E .plane-row .plane-seat-N {
  width: 47px;
  margin: 8px 1px 8px 0
}

.plane-frame .plane-33E .plane-row-31 {
  padding-right: 144px
}

.plane-frame .plane-33E .plane-row-42 {
  margin-top: 15px
}

.plane-frame .plane-33E .plane-row-54 {
  padding-bottom: 100px
}

@media(max-width:639px) {
  .plane-frame {
    max-height: none
  }
}

.flight-seat .progressbar-wrapper {
  background-color: white;
  padding: 0;
  min-height: 0
}

.flight-seat .progressbar-wrapper .blue-section {
  padding: 15px;
  background: #223b61;
  color: white
}

.flight-seat .progressbar-wrapper .status-flight-info .status-airport {
  font-size: 24px;
  margin: 20px 0
}

.flight-seat .progressbar-wrapper .status-time {
  padding-left: 25px;
  font-size: 14px;
  border-left: 1px solid white;
  margin-bottom: 50px
}

.flight-seat .progressbar-wrapper .status-time p:first-child {
  padding-bottom: 10px
}

.flight-seat .progressbar-wrapper .status-time p:last-child {
  padding-top: 10px
}

.flight-seat .progressbar-wrapper .status-seat-info {
  color: black;
  padding: 10px
}

.flight-seat .progressbar-wrapper .btn {
  min-width: 100%
}

.flight-seat .progressbar-wrapper.scrollToFix-fix {
  min-height: 100%
}

.flight-seat .progressbar-wrapper.scrollToFix-fix-bottom {
  min-height: 0
}

@media(max-width:991px) {
  .flight-seat .progressbar-wrapper .blue-section {
    display: none
  }
}

.flight-seat-modal:before {
  background: #223b61!important
}

.flight-seat-modal>p {
  margin: 20px 0!important
}

.flight-seat-modal .btn-wrapper-leftright {
  margin-bottom: 10px
}

.flight-seat-modal .btn {
  max-width: 48%
}

@media(max-width:639px) {
  .flight-seat-modal {
    width: 300px!important
  }
  .flight-seat-modal .btn-wrapper-leftright {
    margin: 20px 0;
    padding: 0
  }
  .flight-seat-modal .btn {
    max-width: 49%
  }
}

.flight-batch-manager .nb-gaoTie {
  position: absolute;
  left: -120px;
  top: 50px
}

.flight-batch-manager .ui-radio-wrapper {
  margin-right: 0;
  width: 100%;
  height: 100%
}

.flight-batch-manager .ui-radio-wrapper .label-radio {
  width: 100%;
  height: 100%;
  padding-top: 15px
}

.flight-batch-manager-refund .ui-radio-wrapper .label-radio {
  padding-top: 7px
}

#flightSeating .seat-colum-C, #flightSeating .seat-colum-H {
  margin-right: 20px
}

#flightSeating .seat-colum-J, #flightSeating .seat-colum-D {
  margin-left: 20px
}

#flightSeating .condition-text .ui-checkbox-wrapper {
  display: block
}

@keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn)
  }
}

.Select {
  position: relative
}

.Select, .Select div, .Select input, .Select span {
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.Select.is-disabled>.Select-control {
  background-color: #f9f9f9
}

.Select.is-disabled>.Select-control:hover {
  box-shadow: none
}

.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none
}

.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: 0;
  overflow: hidden;
  position: relative;
  width: 100%
}

.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06)
}

.Select-control .Select-input:focus {
  outline: 0
}

.is-searchable.is-open>.Select-control {
  cursor: text
}

.is-open>.Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9
}

.is-open>.Select-control>.Select-arrow {
  border-color: transparent transparent #999;
  border-width: 0 5px 5px
}

.is-searchable.is-focused:not(.is-open)>.Select-control {
  cursor: text
}

.is-focused:not(.is-open)>.Select-control {
  border-color: #08c #0099e6 #0099e6;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px -1px fade(#08c, 50%)
}

.Select-placeholder, .Select--single>.Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.has-value.Select--single:not(.is-focused)>.Select-control>.Select-value .Select-value-label, .has-value.is-pseudo-focused.Select--single>.Select-control>.Select-value .Select-value-label {
  color: #333
}

.has-value.Select--single:not(.is-focused)>.Select-control>.Select-value a.Select-value-label, .has-value.is-pseudo-focused.Select--single>.Select-control>.Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none
}

.has-value.Select--single:not(.is-focused)>.Select-control>.Select-value a.Select-value-label:hover, .has-value.is-pseudo-focused.Select--single>.Select-control>.Select-value a.Select-value-label:hover {
  color: #08c;
  text-decoration: underline
}

.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle
}

.Select-input>input {
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: 0;
  line-height: 14px;
  padding: 8px 0 12px;
  -webkit-appearance: none
}

.is-focused .Select-input>input {
  cursor: text
}

.has-value.is-pseudo-focused .Select-input {
  opacity: 0
}

.Select-control:not(.is-searchable)>.Select-input {
  outline: 0
}

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px
}

.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle
}

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px
}

.Select-clear-zone:hover {
  color: #d0021b
}

.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1
}

.Select--multi .Select-clear-zone {
  width: 17px
}

.Select--multi .Select-multi-value-wrapper {
  display: inline-block
}

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px
}

.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0
}

.is-open .Select-arrow, .Select-arrow-zone:hover>.Select-arrow {
  border-top-color: #666
}

@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@keyframes Select-animation-fadeIn {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch
}

.Select-menu {
  max-height: 198px;
  overflow-y: auto
}

.Select-option {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  color: #666;
  cursor: pointer;
  display: block;
  padding: 8px 10px
}

.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}

.Select-option.is-selected {
  background-color: #f5faff;
  color: #333
}

.Select-option.is-focused {
  background-color: #f2f9fc;
  color: #333
}

.Select-option.is-disabled {
  color: #ccc;
  cursor: default
}

.Select-noresults {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #999;
  cursor: default;
  display: block;
  padding: 8px 10px
}

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0
}

.Select--multi.has-value .Select-input {
  margin-left: 5px
}

.Select--multi .Select-value {
  background-color: #f2f9fc;
  border-radius: 2px;
  border: 1px solid #c9e6f2;
  color: #08c;
  display: inline-block;
  font-size: .9em;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top
}

.Select--multi .Select-value-icon, .Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle
}

.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px
}

.Select--multi a.Select-value-label {
  color: #08c;
  cursor: pointer;
  text-decoration: none
}

.Select--multi a.Select-value-label:hover {
  text-decoration: underline
}

.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c9e6f2;
  padding: 1px 5px 3px
}

.Select--multi .Select-value-icon:hover, .Select--multi .Select-value-icon:focus {
  background-color: #ddeff7;
  color: #0077b3
}

.Select--multi .Select-value-icon:active {
  background-color: #c9e6f2
}

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333
}

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3
}

.Select--multi.is-disabled .Select-value-icon:hover, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc
}

@keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn)
  }
}

.ReactModal__Overlay {
  z-index: 1004;
  padding: 8%
}

.ReactModal__Overlay .ReactModal__Content {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: white;
  overflow: initial;
  padding: 35px 8px 20px 20px;
  width: 480px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  border-left: 2px solid #d8d8d8;
  border-right: 2px solid #d8d8d8;
  border-bottom: 2px solid #d8d8d8
}

.ReactModal__Overlay .ReactModal__Content:before {
  content: "";
  height: 10px;
  width: 100%;
  background: #e4007f;
  position: absolute;
  top: 0;
  left: 0
}

.ReactModal__Overlay .ReactModal__Content.popup-blue:before {
  background: #223b61
}

.ReactModal__Overlay .ReactModal__Content .popup-header {
  font-size: 24px;
  margin: -15px 0 20px 0
}

@media(max-width:991px) {
  .ReactModal__Overlay .ReactModal__Content {
    width: 310px!important
  }
  .ReactModal__Overlay .ReactModal__Content .icon-info {
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0)
  }
  .ReactModal__Overlay .ReactModal__Content>p {
    margin: 20px 5px
  }
}

.ReactModal__Overlay .ReactModal__Content h1 {
  text-align: center;
  font-size: 18px
}

.ReactModal__Overlay .ReactModal__Content>div {
  padding: 2px
}

.ReactModal__Overlay .ReactModal__Content>div .text-title {
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 15px
}

.ReactModal__Overlay .ReactModal__Content>div .text-title .tipImg {
  position: absolute;
  left: 35%;
  top: 11%;
  display: block;
  width: 26px;
  height: 26px;
  background-image: url(/public/system/assets/images/modal/icon-warn.pvg)
}

.ReactModal__Overlay .ReactModal__Content>div .text-content {
  padding: 15px 0;
  line-height: 30px
}

.ReactModal__Overlay .ReactModal__Content>p {
  margin: 20px
}

.ReactModal__Overlay .ReactModal__Content .icon-info {
  position: absolute;
  top: 5px;
  border: 3px white solid;
  border-radius: 12px;
  background-image: url(icon-info-hover.pvg)
}

.ReactModal__Overlay .ReactModal__Content .cross {
  background-image: url(cross.pvg);
  background-repeat: no-repeat;
  background-color: transparent;
  position: absolute;
  right: 5px;
  top: 20px;
  height: 20px;
  width: 20px;
  border: 0;
  margin-right: 10px
}

.ReactModal__Overlay .icon-info {
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0)
}

.ReactModal__Overlay .refund-popup {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0
}

.ReactModal__Overlay .refund-popup>div {
  height: 100%;
  overflow-y: auto
}

.ReactModal__Overlay .refund-popup .icon-info {
  left: 49%
}

.ReactModal__OverlayBrand {
  z-index: 1004;
  padding: 8%
}

.ReactModal__OverlayBrand .ReactModal__ContentBrand {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: white;
  overflow: initial;
  width: 480px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  border-left: 2px solid #d8d8d8;
  border-right: 2px solid #d8d8d8;
  border-bottom: 2px solid #d8d8d8
}

.ReactModal__OverlayBrand .ReactModal__ContentBrand:before {
  content: "";
  height: 0;
  width: 100%;
  background: #e4007f;
  background: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none
}

.ReactModal__OverlayBrand .ReactModal__ContentBrand.popup-blue:before {
  background: #223b61
}

.ReactModal__OverlayBrand .ReactModal__ContentBrand .popup-header {
  font-size: 24px;
  margin: -15px 0 20px 0
}

@media(max-width:991px) {
  .ReactModal__OverlayBrand .ReactModal__ContentBrand {
    width: 100%!important
  }
  .ReactModal__OverlayBrand .ReactModal__ContentBrand .icon-info {
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0)
  }
  .ReactModal__OverlayBrand .ReactModal__ContentBrand>p {
    margin: 20px 5px
  }
}

.ReactModal__OverlayBrand .ReactModal__ContentBrand h1 {
  text-align: center;
  font-size: 18px
}

.ReactModal__OverlayBrand .ReactModal__ContentBrand>div {
  padding: 2px
}

.ReactModal__OverlayBrand .ReactModal__ContentBrand>div .text-title {
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 15px
}

.ReactModal__OverlayBrand .ReactModal__ContentBrand>div .text-title .tipImg {
  position: absolute;
  left: 35%;
  top: 11%;
  display: block;
  width: 26px;
  height: 26px;
  background-image: url(/public/system/assets/images/modal/icon-warn.pvg)
}

.ReactModal__OverlayBrand .ReactModal__ContentBrand>div .text-content {
  padding: 15px 0;
  line-height: 30px
}

.ReactModal__OverlayBrand .ReactModal__ContentBrand>p {
  margin: 20px
}

.ReactModal__OverlayBrand .ReactModal__ContentBrand .icon-info {
  position: absolute;
  top: 5px;
  border: 3px white solid;
  border-radius: 12px;
  background-image: url(icon-info-hover.pvg)
}

.ReactModal__OverlayBrand .ReactModal__ContentBrand .cross {
  background-image: url(cross.pvg);
  background-repeat: no-repeat;
  background-color: transparent;
  position: absolute;
  right: 5px;
  top: 13px;
  height: 20px;
  width: 20px;
  border: 0
}

.ReactModal__OverlayBrand .icon-info {
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0)
}

.ReactModal__OverlayBrand .refund-popup {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0
}

.ReactModal__OverlayBrand .refund-popup>div {
  height: 100%;
  overflow-y: auto
}

.ReactModal__OverlayBrand .refund-popup .icon-info {
  left: 49%
}

.ReactModal__OverlayBrand .subTitle {
  color: #fff;
  font-size: 15px;
  background-color: #204172;
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 20px
}

.ReactModal__OverlayBrand .brandPopu-tableBox {
  width: 92%;
  margin: 30px 4%
}

.ReactModal__OverlayBrand .brandPopu-tableBox .pbrandPopu-table {
  text-align: center;
  line-height: 100%;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc
}

.ReactModal__OverlayBrand .brandPopu-tableBox .pbrandPopu-table .siteU-background {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #fff
}

.ReactModal__OverlayBrand .brandPopu-tableBox .pbrandPopu-table .siteZ-background {
  background-color: #223b60;
  color: #fff
}

.ReactModal__OverlayBrand .brandPopu-tableBox .pbrandPopu-table .siteY-background {
  background-color: #204172;
  color: #fff
}

.ReactModal__OverlayBrand .brandPopu-tableBox .pbrandPopu-table .siteB-background {
  background-color: #2a5390;
  color: #fff
}

.ReactModal__OverlayBrand .brandPopu-tableBox .pbrandPopu-table .siteW-background {
  background-color: #2456a0;
  color: #fff
}

.ReactModal__OverlayBrand .brandPopu-tableBox .pbrandPopu-table .siteJ-background {
  background-color: #bfa456;
  color: #fff
}

.ReactModal__OverlayBrand .brandPopu-tableBox .pbrandPopu-table .siteF-background {
  background-image: url(siteF.png);
  background-color: #bfa456;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #fff
}

.ReactModal__OverlayBrand .brandPopu-tableBox .pbrandPopu-table .backgroundGrey {
  background-color: #f8f8f8
}

.ReactModal__OverlayBrand .brandPopu-tableBox .pbrandPopu-table .warnBoxText .color-red {
  color: red
}

.ReactModal__OverlayBrand .brandPopu-tableBox .pbrandPopu-table td {
  height: 80px;
  width: 150px;
  line-height: 25px;
  text-align: center
}

.ReactModal__OverlayBrand .brandPopu-tableBox .pbrandPopu-table td .color-red {
  color: red
}

.ReactModal__OverlayBrand .brandPopu-tableBox .pbrandPopu-table th {
  height: 50px;
  width: 150px;
  line-height: 50px;
  text-align: center;
  text-align: center;
  border-left: 1px solid #ccc
}

.ReactModal__OverlayBrand .brandPopu-tableBox .pbrandPopu-table tr td {
  height: 80px;
  width: 150px;
  line-height: 25px;
  text-align: center;
  border-left: 1px solid #ccc;
  vertical-align: middle
}

.ReactModal__OverlayBrand .brandPopu-tableBox .warnBox {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.ReactModal__OverlayBrand .brandPopu-tableBox .warnBox .warnBoxImge {
  border: 3px white solid;
  border-radius: 12px;
  background-image: url(icon-info-hover.pvg);
  width: 22px;
  vertical-align: bottom;
  background-repeat: no-repeat;
  background-position-y: 0
}

.ReactModal__OverlayBrand .brandPopu-tableBox .warnBox .warnBoxText {
  padding-left: 5px;
  font-size: 14px;
  color: #333
}

.ReactModal__OverlayBrand .brandPopu-tableBox .warnBox .warnBoxText .color-red {
  color: red
}

.supermodal {
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%
}

.supermodal .supermodal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7)
}

.supermodal .supermodal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.supermodal .supermodal-wrapper .supermodal-modal {
  float: none;
  background: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: -webkit-translate(-50%, -50%);
  transform: -webkit-translate(-50%, -50%);
  transform: -moz-translate(-50%, -50%);
  -ms-transform: -ms-translate(-100%);
  transform: -ms-translate(-100%);
  transform: translate(-50%, -50%);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3)
}

.supermodal .supermodal-wrapper .supermodal-modal .supermodal-header {
  line-height: 18px;
  background: #223b61;
  padding: 8px 10px
}

.supermodal .supermodal-wrapper .supermodal-modal .supermodal-header .supermodal-header-title {
  color: white
}

.supermodal .supermodal-wrapper .supermodal-modal .supermodal-header .supermodal-header-icon {
  width: 24px;
  height: 24px;
  display: none;
  background: no-repeat 50%;
  background-size: 18px
}

.supermodal .supermodal-wrapper .supermodal-modal .supermodal-header .supermodal-header-close {
  float: right;
  font-size: 18px;
  color: white;
  text-decoration: none;
  cursor: pointer
}

.supermodal .supermodal-wrapper .supermodal-modal .supermodal-header .supermodal-header-close .supermodal-header-close-symbol {
  color: #fff
}

.supermodal .supermodal-wrapper .supermodal-modal .supermodal-content {
  border: 1px solid gray;
  border-top: 0;
  padding: 20px
}

.supermodal .supermodal-wrapper .supermodal-modal .supermodal-content .supermodal-handler {
  text-align: center;
  padding-top: 10px
}

.supermodal .supermodal-wrapper .supermodal-modal .supermodal-content .supermodal-handler .item {
  padding: 10px 10px 0 10px
}

.supermodal.supermodal-show {
  display: block
}

.supermodal.supermodal-hide {
  display: none
}

.supermodal.supermodal-hasscroll .supermodal-wrapper {
  overflow-y: auto
}

.supermodal.supermodal-hasscroll .supermodal-wrapper .supermodal-modal {
  top: 0;
  -webkit-transform: -webkit-translate(-50%, 0);
  transform: -webkit-translate(-50%, 0);
  transform: -moz-translate(-50%, 0);
  -ms-transform: -ms-translate(-50%, 0);
  transform: -ms-translate(-50%, 0);
  transform: translate(-50%, 0)
}

.supermodal.supermodal-type .supermodal-wrapper>.supermodal-modal .supermodal-header {
  padding: 0;
  background: white;
  border: 1px solid gray;
  border-top: 10px solid;
  border-bottom: 0
}

.supermodal.supermodal-type .supermodal-wrapper>.supermodal-modal .supermodal-header .supermodal-header-title {
  display: none
}

.supermodal.supermodal-type .supermodal-wrapper>.supermodal-modal .supermodal-header .supermodal-header-icon {
  display: block;
  margin: 0 auto;
  margin-top: -5px;
  border: 3px solid white;
  border-radius: 12px;
  background-image: url(/public/system/assets/images/modal/icon-info.pvg)
}

.supermodal.supermodal-type .supermodal-wrapper>.supermodal-modal .supermodal-header .supermodal-header-close {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 20px;
  height: 20px;
  background: url(/public/system/assets/images/modal/close.pvg) no-repeat 50%
}

.supermodal.supermodal-type .supermodal-wrapper>.supermodal-modal .supermodal-header .supermodal-header-close .supermodal-header-close-symbol {
  display: none
}

.supermodal.supermodal-type .supermodal-wrapper>.supermodal-modal .supermodal-content {
  padding: 40px;
  padding-top: 21px
}

.supermodal.supermodal-type.supermodal-type-basic .supermodal-wrapper>.supermodal-modal .supermodal-header {
  border-top-color: #223b61
}

.supermodal.supermodal-type.supermodal-type-basic .supermodal-wrapper>.supermodal-modal .supermodal-header .supermodal-header-icon {
  visibility: hidden
}

.supermodal.supermodal-type.supermodal-type-info .supermodal-wrapper>.supermodal-modal .supermodal-header {
  border-top-color: #e4007f
}

.supermodal.supermodal-type.supermodal-type-info .supermodal-wrapper>.supermodal-modal .supermodal-header .supermodal-header-icon {
  background-image: url(/public/system/assets/images/modal/icon-info.pvg)
}

.supermodal.supermodal-type.supermodal-type-warn .supermodal-wrapper>.supermodal-modal .supermodal-header {
  border-top-color: #e4007f
}

.supermodal.supermodal-type.supermodal-type-warn .supermodal-wrapper>.supermodal-modal .supermodal-header .supermodal-header-icon {
  background-image: url(/public/system/assets/images/modal/icon-warn.pvg)
}

.supermodal.supermodal-type.supermodal-type-error .supermodal-wrapper>.supermodal-modal .supermodal-header {
  border-top-color: #d0021b
}

.supermodal.supermodal-type.supermodal-type-error .supermodal-wrapper>.supermodal-modal .supermodal-header .supermodal-header-icon {
  background-image: url(/public/system/assets/images/modal/icon-error.pvg)
}

.supermodal-docnoscroll {
  overflow: hidden!important
}

.tabbox .tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #223b61;
  border-bottom: 0;
  overflow: hidden
}

.tabbox .tabs .item {
  cursor: pointer;
  padding: 10px 5px;
  margin: 0;
  color: white;
  border-right: 1px solid white
}

.tabbox .tabs .item:last-child {
  border-right: 0
}

.tabbox .tabs .item.current {
  position: relative;
  background-color: white;
  border: 0;
  color: #223b61
}

.tabbox .tabs .item.current:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  right: -20px;
  width: 0;
  height: 0;
  opacity: .25;
  border-style: solid;
  border-width: 50px 0 0 20px;
  border-color: transparent transparent transparent black
}

.tabbox .tabs .item.current:after {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  bottom: -2px;
  border-bottom: 0;
  width: 100%
}

.tabbox .contents {
  margin-top: 8px
}

.tabbox.tabbox-style-out .tabs {
  background-color: transparent;
  border-bottom: 1px solid #223b61;
  overflow: visible
}

.tabbox.tabbox-style-out .tabs .item {
  background-color: white;
  border-top-width: 3px;
  color: #223b61
}

.tabbox.tabbox-style-out .tabs .item.current {
  background-color: white;
  border: 1px solid #223b61;
  border-top-width: 3px;
  color: #223b61
}

.tabbox.tabbox-style-out .tabs .item:after {
  border-bottom: 3px solid white
}

.title-pink h2 {
  color: #e4007f
}

.shadowcard-wrapper {
  background: white;
  box-shadow: none;
  margin-bottom: 30px
}

.shadowcard-wrapper h2 {
  font-size: 14px;
  font-weight: bold
}

.shadowcard-wrapper header {
  padding: 10px 15px
}

.shadowcard-wrapper .shadowcard .table {
  padding: 0 15px 15px;
  margin: 10px 0
}

.shadowcard-wrapper .shadowcard .table .btn {
  margin-top: 15px
}

.shadowcard-wrapper .shadowcard .table .ordernumber li span:nth-child(2) {
  font-weight: 700
}

.shadowcard-wrapper .shadowcard table td, .shadowcard-wrapper .shadowcard table th {
  padding: 10px 5px
}

.shadowcard-wrapper .shadowcard table td .fake-th, .shadowcard-wrapper .shadowcard table th .fake-th {
  display: none;
  font-weight: bold
}

.shadowcard-wrapper .shadowcard>* {
  padding: 15px
}

.shadowcard-wrapper .shadowcard>*.booking-passenger-sub-title {
  padding-bottom: 0
}

.shadowcard-wrapper .ui-radio-wrapper {
  margin-right: 25px
}

@media(max-width:639px) {
  .shadowcard-wrapper {
    margin: 0 25px 30px 15px
  }
  .shadowcard-wrapper .shadowcard>* {
    padding: 15px 15px 10px 15px;
    font-size: 12px
  }
  .shadowcard-wrapper .shadowcard>* table.table-custom thead {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
  }
  .shadowcard-wrapper .shadowcard>* table.table-custom tbody tr {
    border: 0
  }
  .shadowcard-wrapper .shadowcard>* table.table-custom td {
    display: block;
    padding: 0 10px;
    border: 0;
    width: 100%
  }
  .shadowcard-wrapper .shadowcard>* table.table-custom td span, .shadowcard-wrapper .shadowcard>* table.table-custom td .fake-th {
    display: inline-block
  }
  .shadowcard-wrapper .shadowcard .order-filter-form {
    padding: 0
  }
  .shadowcard-wrapper .shadowcard .order-filter-form .ui-select-wrapper {
    padding-right: 0
  }
  .shadowcard-wrapper .shadowcard .table {
    padding: 0;
    margin: 15px 0
  }
  .shadowcard-wrapper .shadowcard .table .btn-third {
    width: 100%;
    margin: 20px 0 0;
    font-size: 14px
  }
}

.shadowcard-wrapper.shadowcard-expandable>header {
  cursor: pointer
}

.shadowcard-wrapper.shadowcard-expandable .expand-icon {
  float: right;
  cursor: pointer;
  display: block;
  width: 20px;
  height: 19px;
  background: url(arrow-down-white.pvg) center right no-repeat;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: -webkit-transform .5s ease 0s;
  transition: transform .5s ease 0s;
  transition: transform .5s ease 0s, -webkit-transform .5s ease 0s
}

.shadowcard-wrapper.shadowcard-expanded .expand-icon {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg)
}

@media(min-width:992px) {
  .col-md-9 .shadowcard-wrapper {
    margin-right: 30px
  }
}

.hide-card .shadowcard-wrapper .shadowcard>* {
  padding: 0 15px
}

.text-bold {
  font-weight: bold
}

#orderDetail {
  font-size: 14px;
  color: #4a4a4a
}

#orderDetail .shadowcard-wrapper .shadowcard>* {
  padding: 0
}

#orderDetail .order {
  margin-right: 15px
}

#orderDetail .high-light {
  font-size: 24px;
  font-weight: bolder
}

@media(max-width:639px) {
  #orderDetail .high-light {
    font-size: 14px
  }
}

#orderDetail .show-mobile {
  display: none
}

#orderDetail .gaotieList {
  font-size: 12px
}

#orderDetail .table-wrapper {
  margin: 15px 0
}

#orderDetail .table {
  width: 100%
}

#orderDetail .table caption {
  font-size: 25px;
  margin-bottom: 10px;
  color: black
}

#orderDetail .table thead tr {
  border-top: 3px solid #223b61;
  border-bottom: 2px solid #d8d8d8
}

#orderDetail .table tbody tr:last-of-type {
  border-bottom: 1px solid #979797
}

#orderDetail .table tbody tr:nth-of-type(even) {
  background-color: #f8f8f8
}

#orderDetail .table td, #orderDetail .table th {
  width: 1%;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  padding: 9px 0;
  border-top: 0;
  border-left: 1px solid #d8d8d8
}

#orderDetail .table td:first-child, #orderDetail .table th:first-child {
  border-left: none
}

#orderDetail .table .fake-head {
  display: none;
  position: absolute;
  left: 0;
  font-weight: bold
}

#orderDetail .table th {
  border-bottom: 3px solid #d8d8d8;
  font-weight: bold
}

#orderDetail .table-cell-width th, #orderDetail .table-cell-width td {
  width: auto
}

#orderDetail .order-reference {
  padding: 10px 15px;
  background: white
}

#orderDetail .order-reference p {
  display: inline-block
}

#orderDetail .order-reference p span {
  margin-right: 29px
}

#orderDetail .order-reference p:last-of-type {
  float: right
}

#orderDetail .order-notification li {
  margin: 10px 0;
  padding: 15px 15px 15px 40px;
  border: 1px solid #e4007f;
  background: url(icon-label-info.pvg) no-repeat;
  background-size: 15px 15px;
  background-position: 15px 16px;
  background-color: white
}

#orderDetail .order-notification li a {
  color: #223b61;
  margin-left: 5px
}

#orderDetail .trip-leg {
  padding: 0;
  font-size: 12px
}

#orderDetail .trip-leg .leg-itinerary {
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 3px solid #d8d8d8
}

#orderDetail .trip-leg li {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8
}

#orderDetail .trip-leg li>div {
  padding: 15px
}

#orderDetail .trip-leg li .leg-head .leg-flight-no>* {
  display: inline-block;
  vertical-align: middle
}

#orderDetail .trip-leg li .leg-head .leg-flight-no img {
  margin-left: 8px
}

#orderDetail .trip-leg li .leg-info {
  min-height: 138px;
  border-left: 1px solid #d8d8d8
}

#orderDetail .trip-leg li .leg-info a.linkFz {
  font-size: 100%
}

#orderDetail .trip-leg li .leg-plane:before {
  content: "";
  width: 100%;
  height: 18px;
  background: url(status_plane.pvg) no-repeat;
  background-size: contain;
  display: block;
  margin-top: 20px
}

#orderDetail .trip-leg li .leg-train:before {
  background-image: url(status_train.png);
  height: 17px
}

#orderDetail .trip-leg .text-bold {
  font-weight: bold
}

#orderDetail .trip-leg .text-highlight {
  font-size: 14px;
  font-weight: bold
}

#orderDetail .trip-leg .text-highlight .font-normal {
  font-weight: normal;
  font-size: 12px
}

#orderDetail .trip-leg .text-margin-top {
  margin-top: 10px
}

#orderDetail .trip-leg .text-width {
  max-width: 130px;
  font-weight: lighter
}

#orderDetail .trip-leg .text-red {
  color: #e4007f
}

#orderDetail .leg-passenger {
  border-top: 1px solid #d8d8d8;
  padding: 10px 15px
}

#orderDetail .tab-card {
  background: #d8d8d8;
  margin: 30px 0;
  border-top: 1px solid #d8d8d8
}

#orderDetail .tab-card .tab-card-head li {
  background: #223b61;
  color: white;
  padding: 10px 0 10px 15px;
  cursor: pointer
}

#orderDetail .tab-card .tab-card-head li.selected {
  font-weight: bold;
  background: white;
  color: #4a4a4a
}

#orderDetail .tab-card>div {
  background: white;
  padding: 15px
}

#orderDetail .order-summary-contact {
  position: relative
}

#orderDetail .order-summary-contact .contact-info {
  font-size: 12px;
  margin-top: 10px;
  line-height: 18px
}

#orderDetail .order-summary-contact .contact-info>div:last-of-type {
  border-left: 1px solid #d8d8d8;
  padding-left: 15px
}

#orderDetail .passenger-item>div:first-child {
  padding-bottom: 20px;
  position: relative
}

#orderDetail .passenger-item>div:first-child a {
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 2px
}

#orderDetail .passenger-item>div:last-child {
  font-size: 12px;
  padding-bottom: 20px
}

#orderDetail .passenger-item>div:last-child>div {
  border-left: 1px solid #d8d8d8;
  padding-left: 15px;
  margin-bottom: 20px
}

#orderDetail .summary-price {
  background: white;
  padding: 15px 0
}

#orderDetail .summary-price .price-total {
  padding: 0 15px 10px 15px;
  padding-bottom: 10px
}

#orderDetail .summary-price .price-total>span {
  display: inline-block;
  vertical-align: top
}

#orderDetail .summary-price .price-total>span:first-of-type {
  margin-right: 15px
}

#orderDetail .summary-price .price-detail-link {
  border-top: 1px solid #d8d8d8;
  padding: 10px 15px 10px 15px
}

#orderDetail .summary-price .price-detail-link a {
  display: block;
  position: relative
}

#orderDetail .summary-price .price-detail-link a:after {
  position: absolute;
  right: 0;
  top: 6px
}

#orderDetail .summary-price .price-detail-link .text-boldred {
  color: #e4007f!important;
  font-weight: bold
}

#orderDetail .summary-price .price-detail {
  padding: 0 15px;
  max-height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all .5s linear 0s;
  overflow: hidden
}

#orderDetail .summary-price .price-detail.show-detail {
  padding: 0 15px;
  max-height: none;
  opacity: 1;
  filter: alpha(opacity=100)
}

#orderDetail .summary-price .price-detail .price-tip {
  margin: 5px 0
}

#orderDetail .summary-price .price-detail .price-tip .link {
  background: #e4007f;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 8px 15px 0 5px;
  vertical-align: top
}

#orderDetail .summary-price .price-detail .price-tip a {
  text-decoration: none
}

#orderDetail .summary-price .price-detail .text-boldred {
  color: #e4007f;
  font-weight: bold
}

#orderDetail .summary-price .price-head {
  padding: 0
}

#orderDetail .summary-price .price-head p {
  display: inline-block
}

#orderDetail .summary-price .price-head span {
  margin-right: 15px
}

#orderDetail .summary-price .table {
  margin: 0;
  width: 100%
}

#orderDetail .summary-price .text-hightlight {
  font-weight: bold;
  font-size: 24px;
  line-height: 25px
}

@media(max-width:991px) {
  #orderDetail .order {
    margin: 5px 0
  }
}

@media(max-width:639px) {
  #orderDetail .show-mobile {
    display: inherit
  }
  #orderDetail .hide-mobile {
    display: none
  }
  #orderDetail .text-thin-mobile {
    font-weight: normal
  }
  #orderDetail .text-bold-mobile {
    font-weight: bold
  }
  #orderDetail .table-wrapper {
    overflow-x: auto
  }
  #orderDetail .table thead {
    position: initial;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clip: initial;
    border: 0
  }
  #orderDetail .table tbody tr {
    border: 0
  }
  #orderDetail .table td {
    display: table-cell;
    padding: 9px 0;
    border-left: 1px solid #d8d8d8;
    width: 1%
  }
  #orderDetail .order-reference {
    margin: 0 5px
  }
  #orderDetail .order-reference p {
    display: block
  }
  #orderDetail .order-reference p span {
    float: right;
    margin-right: 0
  }
  #orderDetail .order-reference p:last-of-type {
    float: none;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #d8d8d8
  }
  #orderDetail .order-notification {
    margin: 0 5px
  }
  #orderDetail .tab-card {
    margin: 5px 0
  }
  #orderDetail .tab-card>div {
    margin: 0 5px;
    padding: 15px 10px
  }
  #orderDetail .trip-leg li>div {
    padding: 0
  }
  #orderDetail .trip-leg li .leg-head {
    text-align: center;
    padding: 10px 0
  }
  #orderDetail .trip-leg li .leg-info {
    text-align: center;
    border-left: none;
    min-height: 0;
    padding: 10px 0
  }
  #orderDetail .trip-leg li .leg-info div p {
    max-width: initial
  }
  #orderDetail .trip-leg li .leg-info div .text-margin-top {
    margin-top: 10px
  }
  #orderDetail .trip-leg li .leg-info div:nth-of-type(4) {
    border-top: 1px solid #d8d8d8;
    margin-top: 10px
  }
  #orderDetail .trip-leg li .leg-plane:before {
    margin-top: 10px;
    background-position: center
  }
  #orderDetail .leg-passenger {
    border-top: 2px solid #223b61;
    padding: 0
  }
  #orderDetail .leg-passenger .table-wrapper {
    max-height: 0;
    margin: 0;
    overflow-y: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .5s linear 0s
  }
  #orderDetail .leg-passenger .table-wrapper .table {
    margin: 0
  }
  #orderDetail .leg-passenger .btn-link-wrapper {
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
    padding-left: 30px;
    display: block
  }
  #orderDetail .leg-passenger .show-table td {
    height: 33px;
    padding: 10px 0 5px 0;
    border-bottom-width: 1px;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  #orderDetail .leg-passenger .show-table td:first-of-type {
    height: 36px;
    border-bottom-width: 2px
  }
  #orderDetail .show-passenger .table-wrapper {
    margin: 15px 0;
    max-height: 250px;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  #orderDetail .order-summary-contact .contact-info div:last-of-type {
    padding-left: 0;
    border-left: none
  }
  #orderDetail .order-summary-contact .contact-link {
    padding-top: 10px;
    text-align: left
  }
  #orderDetail .passenger-item>div:first-child {
    padding-bottom: 10px
  }
  #orderDetail .passenger-item>div:last-child {
    padding-bottom: 10px
  }
  #orderDetail .passenger-item>div:last-child p {
    display: inline-block
  }
  #orderDetail .passenger-item>div:last-child div {
    margin: 10px 0
  }
  #orderDetail .passenger-item>div:last-child div>p:last-of-type {
    float: right
  }
  #orderDetail .summary-price {
    margin: 0 5px
  }
  #orderDetail .summary-price .price-head {
    padding-top: 10px;
    border-top: 1px solid #d8d8d8
  }
  #orderDetail .summary-price .price-head p {
    display: block
  }
  #orderDetail .summary-price .price-detail-link {
    border-top: 2px solid #223b61;
    text-align: center;
    padding: 15px
  }
  #orderDetail .summary-price .price-detail-link a {
    display: inline-block
  }
  #orderDetail .summary-price .price-detail-link a:after {
    position: static
  }
  #orderDetail .summary-price .table {
    min-width: 640px
  }
}

#orderDetail .gray .shadowcard-wrapper {
  background-color: #e3e3e3
}

#orderDetail .gray .shadowcard-wrapper .panel-blue {
  background-color: #aeadad
}

#orderDetail .gray .table tbody tr:nth-of-type(even) {
  background-color: #ededed
}

#orderDetail .gray .Policies li:before {
  background: #aeadad
}

.btn-wrapper-leftright {
  margin: 40px 0
}

@media(max-width:991px) {
  .btn-wrapper-leftright {
    margin: 0 5px;
    background-color: #fff;
    padding: 10px
  }
  .btn-wrapper-leftright .btn {
    max-width: 45%
  }
}

.btn-wrapper-leftright .btn-second {
  float: right
}

.btn-wrapper-leftright .orderTimerPad {
  padding-top: 10px
}

.order-fare .order-fare-head {
  background: #223b61;
  color: white;
  padding-top: 10px
}

.order-fare .order-fare-head h3 {
  font-size: 14px;
  font-weight: normal
}

.order-fare>.row {
  padding: 15px;
  border-bottom: 1px solid #d8d8d8
}

.order-fare .fare-title {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: bold
}

.order-fare .fare-details li {
  position: relative;
  padding-left: 12px;
  margin-bottom: 10px;
  padding-right: 20px;
  font-weight: lighter
}

@media(min-width:992px) {
  .order-fare .fare-details li {
    min-height: 60px
  }
}

.order-fare .fare-details li:before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 5px;
  left: 0;
  background: #e4007f
}

.order-fare .fare-details li:last-child {
  min-height: auto
}

@media(max-width:639px) {
  .order-fare>.row {
    padding: 15px 5px
  }
}

.order-fare-head {
  padding-left: 30px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: bold
}

@media(min-width:640px) {
  .order-next-flight .order-fare-head {
    position: relative
  }
  .order-next-flight .order-fare-head:before {
    display: block;
    content: '';
    background: #223b61;
    width: 30px;
    height: 8px;
    position: absolute;
    left: -10px;
    top: 34px
  }
}

@media(max-width:639px) {
  .order-next-flight .Arrival span:last-child, .order-next-flight .Departure span:last-child, .order-last-fligt .Arrival span:last-child, .order-last-fligt .Departure span:last-child {
    display: block
  }
}

.order-activities {
  padding: 0!important
}

.order-activities .activitiy-item>.row {
  position: relative;
  border-top: 1px solid #d8d8d8;
  padding: 15px 15px 15px 30px
}

.order-activities .activitiy-item>.row.activity-detail {
  line-height: 0;
  padding: 0 15px 0 30px;
  border-top-width: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all .5s ease 0s;
  overflow: hidden;
  background: #f8f8f8
}

.order-activities .activitiy-item>.row.show-detail {
  padding: 15px 15px 15px 30px;
  border-top-width: 1px;
  opacity: 1;
  filter: alpha(opacity=100);
  line-height: 20px
}

.order-activities .activitiy-item .floatright {
  margin-bottom: -10px;
  margin-top: 5px
}

@media(max-width:639px) {
  .order-activities .activitiy-item>.row {
    padding: 15px 15px 15px 15px
  }
  .order-activities .activitiy-item .col-xs-12 span {
    display: block
  }
  .order-activities .activitiy-item .col-md-1 span {
    float: right
  }
}

@media(min-width:992px) {
  .float-right-desktop {
    float: right
  }
}

.action-bar {
  font-size: 14px;
  color: #4a4a4a;
  background: white;
  padding: 15px
}

.action-bar h2 {
  font-size: 24px
}

.action-bar .action-list {
  margin: 10px -4px 0 -4px
}

.action-bar .action-list li {
  display: inline-block;
  width: 50%;
  padding: 4px
}

.action-bar .action-list li a {
  display: block;
  color: white;
  padding: 0 10px;
  background-color: #223b61
}

.action-bar .action-list li a span {
  padding: 12px 0;
  display: block;
  background-position: right center;
  background-repeat: no-repeat
}

.action-bar .action-list li a.disable {
  background-color: #e3e3e3;
  color: #aeadad
}

.action-bar .action-list li a.disable:hover {
  cursor: not-allowed
}

.action-bar .action-list li .action-checkin span {
  background-image: url(action-checkin.pvg)
}

.action-bar .action-list li .action-checkin.disable span {
  background-image: url(action-checkin-disable.pvg)
}

.action-bar .action-list li .action-refund span {
  background-image: url(action-refund.pvg)
}

.action-bar .action-list li .action-refund.disable span {
  background-image: url(action-refund-disable.pvg)
}

.action-bar .action-list li .action-date span {
  background-image: url(action-date.pvg)
}

.action-bar .action-list li .action-date.disable span {
  background-image: url(action-date-disable.pvg)
}

.action-bar .action-list li .action-seat span {
  background-image: url(action-seat.pvg)
}

.action-bar .action-list li .action-seat.disable span {
  background-image: url(action-seat-disable.pvg)
}

.action-bar .action-list li .action-wifi span {
  background-image: url(action-wifi.pvg)
}

.action-bar .action-list li .action-wifi.disable span {
  background-image: url(action-wifi-disable.pvg)
}

.action-bar .action-list li .action-vip span {
  background-image: url(vip/vip.png)
}

.action-bar .action-list li .action-baggage span {
  background-image: url(extrabaggage_white.pvg)
}

.action-bar .action-list li .action-baggage.disable span {
  background-image: url(extrabaggage_disable.pvg)
}

.action-bar .action-list li .action-print span {
  background-image: url(action-print.png)
}

.action-bar .action-list li .action-print.disable span {
  background-image: url(action-print-disable.png)
}

.action-bar .more-action-list {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #d8d8d8
}

@media(max-width:639px) {
  .action-bar {
    margin: 5px
  }
  .action-bar .action-list {
    text-align: center
  }
  .action-bar .action-list li {
    width: 33.33333%
  }
  .action-bar .action-list li a {
    padding: 10px 0
  }
  .action-bar .action-list li a span {
    padding: 25px 0 0 0;
    background-position: center top
  }
}

@media(min-width:992px) {
  .action-bar-scroll {
    width: 33.33333%;
    padding-right: 10px;
    position: fixed;
    top: 0;
    right: 5px
  }
}

@media(min-width:1200px) {
  .action-bar-scroll {
    position: static
  }
  .action-bar-scroll .action-bar {
    position: fixed;
    top: 0;
    z-index: 2;
    width: 369.98px
  }
}

@media(min-width:1300px) {
  .action-bar-scroll .action-bar {
    width: 389.98px
  }
}

@media(min-width:992px) {
  .action-bar-bottom {
    position: absolute;
    bottom: 0;
    right: 5px;
    padding-right: 10px
  }
}

.position-relative {
  position: relative
}

.information {
  font-size: 12px;
  margin-top: 10px;
  line-height: 18px
}

.information>div {
  border-right: 1px solid #d8d8d8;
  padding-right: 16px;
  padding-left: 16px
}

.information>div:last-child {
  border-right: 0
}

@media(max-width:639px) {
  .information .col-md-4 {
    border: 0
  }
  .information .col-md-4 p {
    display: inline-block
  }
  .information .col-md-4 .text-bold {
    float: right
  }
}

.order-fare .disability {
  border-bottom: 0;
  border-top: 1px solid #d8d8d8
}

.service-title {
  font-weight: bold
}

.shadowcard .information {
  padding-left: 0
}

.order-fare .disability, .order-fare .appliedservices {
  padding-left: 0
}

@media(max-width:639px) {
  #orderDetail .order-notification li {
    margin: 5px 0
  }
}

#servicedetail {
  padding-right: 15px
}

@media(max-width:639px) {
  #servicedetail {
    padding-right: 0
  }
}

@media(max-width:639px) {
  #servicedetail .shadowcard {
    padding-bottom: 10px
  }
}

#servicedetail .shadowcard .information, #servicedetail .shadowcard .order-fare {
  padding-top: 0
}

.codeImg .col-sm-2 .inline-block img, .codeImg .col-sm-3 .inline-block img {
  width: 100%
}

#actionBar .point {
  padding: 10px 15px;
  background: #223b61;
  color: #f8f8f8;
  font-size: 14px
}

#MyOrderDetail {
  font-size: 14px;
  color: #4a4a4a
}

#MyOrderDetail .shadowcard-wrapper .shadowcard>* {
  padding: 0
}

#MyOrderDetail .order {
  margin-right: 15px
}

#MyOrderDetail .high-light {
  font-size: 24px;
  font-weight: bolder
}

@media(max-width:639px) {
  #MyOrderDetail .high-light {
    font-size: 14px
  }
}

#MyOrderDetail .show-mobile {
  display: none
}

#MyOrderDetail .table-wrapper {
  margin: 15px 0
}

#MyOrderDetail .table {
  width: 100%
}

#MyOrderDetail .table caption {
  font-size: 25px;
  margin-bottom: 10px;
  color: black
}

#MyOrderDetail .table thead tr {
  border-top: 3px solid #223b61;
  border-bottom: 2px solid #d8d8d8
}

#MyOrderDetail .table tbody tr:last-of-type {
  border-bottom: 1px solid #979797
}

#MyOrderDetail .table tbody tr:nth-of-type(even) {
  background-color: #f8f8f8
}

#MyOrderDetail .table td, #MyOrderDetail .table th {
  width: 1%;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  padding: 9px 0;
  border-top: 0;
  border-left: 1px solid #d8d8d8
}

#MyOrderDetail .table td:first-child, #MyOrderDetail .table th:first-child {
  border-left: none
}

#MyOrderDetail .table .fake-head {
  display: none;
  position: absolute;
  left: 0;
  font-weight: bold
}

#MyOrderDetail .table th {
  border-bottom: 3px solid #d8d8d8;
  font-weight: bold
}

#MyOrderDetail .table-cell-width th, #MyOrderDetail .table-cell-width td {
  width: auto
}

#MyOrderDetail .order-reference {
  padding: 10px 15px;
  background: white
}

#MyOrderDetail .order-reference p {
  display: inline-block
}

#MyOrderDetail .order-reference p span {
  margin-right: 29px
}

#MyOrderDetail .order-reference p:last-of-type {
  float: right
}

#MyOrderDetail .order-notification li {
  margin: 10px 0;
  padding: 15px 15px 15px 40px;
  border: 1px solid #e4007f;
  background: url(icon-label-info.pvg) no-repeat;
  background-size: 15px 15px;
  background-position: 15px 16px;
  background-color: white
}

#MyOrderDetail .order-notification li a {
  color: #223b61;
  margin-left: 5px
}

#MyOrderDetail .trip-leg {
  padding: 0;
  font-size: 12px;
  border-bottom: 2px solid #d8d8d8
}

#MyOrderDetail .trip-leg .leg-itinerary {
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 3px solid #d8d8d8
}

#MyOrderDetail .trip-leg li {
  border-top: 1px dotted #d8d8d8;
  overflow: hidden
}

#MyOrderDetail .trip-leg li>div {
  padding: 15px;
  padding-bottom: 1515px;
  margin-bottom: -1500px
}

#MyOrderDetail .trip-leg li .leg-head .leg-flight-no .triptype-title {
  float: right
}

#MyOrderDetail .trip-leg li .leg-head .leg-flight-no>* {
  display: inline-block;
  vertical-align: middle
}

#MyOrderDetail .trip-leg li .leg-head .leg-flight-no img {
  margin-left: 8px
}

#MyOrderDetail .trip-leg li .leg-info {
  min-height: 138px;
  border-left: 1px dotted #d8d8d8
}

#MyOrderDetail .trip-leg li .leg-info a.linkFz {
  font-size: 100%
}

#MyOrderDetail .trip-leg li .leg-plane:before {
  content: "";
  width: 100%;
  height: 18px;
  background: url(status_plane.pvg) no-repeat;
  background-size: contain;
  display: block;
  margin-top: 20px
}

#MyOrderDetail .trip-leg li .leg-train:before {
  background-image: url(status_train.png);
  height: 17px
}

#MyOrderDetail .trip-leg li:nth-child(2) {
  border-top: 0
}

#MyOrderDetail .trip-leg .text-bold {
  font-weight: bold
}

#MyOrderDetail .trip-leg .text-highlight {
  font-size: 14px;
  font-weight: bold
}

#MyOrderDetail .trip-leg .text-highlight .font-normal {
  font-weight: normal;
  font-size: 12px
}

#MyOrderDetail .trip-leg .text-margin-top {
  margin-top: 10px
}

#MyOrderDetail .trip-leg .text-width {
  max-width: 130px;
  font-weight: lighter
}

#MyOrderDetail .trip-leg .text-red {
  color: #e4007f
}

#MyOrderDetail .trip-leg:first-child {
  border-top: 0
}

#MyOrderDetail .leg-passenger {
  padding: 10px 15px!important
}

#MyOrderDetail .order-summary-contact {
  position: relative
}

#MyOrderDetail .order-summary-contact .contact-info {
  font-size: 12px;
  margin-top: 10px;
  line-height: 18px
}

#MyOrderDetail .order-summary-contact .contact-info>div:last-of-type {
  border-left: 1px solid #d8d8d8;
  padding-left: 15px
}

#MyOrderDetail .passenger-item>div:first-child {
  padding-bottom: 20px;
  position: relative
}

#MyOrderDetail .passenger-item>div:first-child a {
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 2px
}

#MyOrderDetail .passenger-item>div:last-child {
  font-size: 12px;
  padding-bottom: 20px
}

#MyOrderDetail .passenger-item>div:last-child>div {
  border-left: 1px solid #d8d8d8;
  padding-left: 15px
}

#MyOrderDetail .item-wraper {
  margin: 30px 0
}

#MyOrderDetail .item-wraper .detailPadd {
  padding: 10px 15px
}

#MyOrderDetail .item-wraper .table {
  margin: 0;
  width: 100%
}

@media(max-width:991px) {
  #MyOrderDetail .order {
    margin: 5px 0
  }
}

@media(max-width:639px) {
  #MyOrderDetail .show-mobile {
    display: inherit
  }
  #MyOrderDetail .hide-mobile {
    display: none
  }
  #MyOrderDetail .text-thin-mobile {
    font-weight: normal
  }
  #MyOrderDetail .text-bold-mobile {
    font-weight: bold
  }
  #MyOrderDetail .table-wrapper {
    overflow-x: auto
  }
  #MyOrderDetail .table thead {
    position: initial;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clip: initial;
    border: 0
  }
  #MyOrderDetail .table tbody tr {
    border: 0
  }
  #MyOrderDetail .table td {
    display: table-cell;
    padding: 9px 0;
    border-left: 1px solid #d8d8d8;
    width: 1%
  }
  #MyOrderDetail .order-reference {
    margin: 0 5px
  }
  #MyOrderDetail .order-reference p {
    display: block
  }
  #MyOrderDetail .order-reference p span {
    float: right;
    margin-right: 0
  }
  #MyOrderDetail .order-reference p:last-of-type {
    float: none;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #d8d8d8
  }
  #MyOrderDetail .order-notification {
    margin: 0 5px
  }
  #MyOrderDetail .trip-leg li>div {
    padding: 0
  }
  #MyOrderDetail .trip-leg li .leg-head {
    text-align: center;
    padding: 10px 0
  }
  #MyOrderDetail .trip-leg li .leg-info {
    text-align: center;
    border-left: none;
    min-height: 0;
    padding: 10px 0
  }
  #MyOrderDetail .trip-leg li .leg-info div p {
    max-width: initial
  }
  #MyOrderDetail .trip-leg li .leg-info div .text-margin-top {
    margin-top: 10px
  }
  #MyOrderDetail .trip-leg li .leg-info div:nth-of-type(4) {
    border-top: 1px solid #d8d8d8;
    margin-top: 10px
  }
  #MyOrderDetail .trip-leg li .leg-plane:before {
    margin-top: 10px;
    background-position: center
  }
  #MyOrderDetail .leg-passenger {
    border-top: 2px solid #223b61;
    padding: 0
  }
  #MyOrderDetail .leg-passenger .table-wrapper {
    max-height: 0;
    margin: 0;
    overflow-y: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .5s linear 0s
  }
  #MyOrderDetail .leg-passenger .table-wrapper .table {
    margin: 0
  }
  #MyOrderDetail .leg-passenger .btn-link-wrapper {
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
    padding-left: 30px;
    display: block
  }
  #MyOrderDetail .leg-passenger .show-table td {
    height: 33px;
    padding: 10px 0 5px 0;
    border-bottom-width: 1px;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  #MyOrderDetail .leg-passenger .show-table td:first-of-type {
    height: 36px;
    border-bottom-width: 2px
  }
  #MyOrderDetail .show-passenger .table-wrapper {
    margin: 15px 0;
    max-height: 250px;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  #MyOrderDetail .order-summary-contact .contact-info div:last-of-type {
    padding-left: 0;
    border-left: none
  }
  #MyOrderDetail .order-summary-contact .contact-link {
    padding-top: 10px;
    text-align: left
  }
  #MyOrderDetail .passenger-item>div:first-child {
    padding-bottom: 10px
  }
  #MyOrderDetail .passenger-item>div:last-child {
    padding-bottom: 10px
  }
  #MyOrderDetail .passenger-item>div:last-child p {
    display: inline-block
  }
  #MyOrderDetail .passenger-item>div:last-child div {
    margin: 10px 0
  }
  #MyOrderDetail .passenger-item>div:last-child div>p:last-of-type {
    float: right
  }
  #MyOrderDetail .item-wraper .table {
    min-width: 640px
  }
}

#MyOrderDetail .gray .shadowcard-wrapper {
  background-color: #e3e3e3
}

#MyOrderDetail .gray .shadowcard-wrapper .panel-blue {
  background-color: #aeadad
}

#MyOrderDetail .gray .table tbody tr:nth-of-type(even) {
  background-color: #ededed
}

#MyOrderDetail .gray .Policies li:before {
  background: #aeadad
}

#MyOrderDetail .flightTotalPrice {
  padding: 0 15px!important;
  margin-bottom: 30px;
  font-size: 24px;
  line-height: 34px
}

#MyOrderDetail .flightTotalPrice .fzTxt {
  font-size: 14px
}

#MyOrderDetail .flightTotalPrice .ml20 {
  margin-left: 20px
}

#MyOrderDetail .points {
  font-size: 24px
}

#MyOrderDetail .points em {
  font-style: normal;
  vertical-align: super;
  font-size: 12px
}

#MyOrderDetail #leg-passenger .table tbody tr {
  border-top: 1px solid #d8d8d8
}

#MyOrderDetail #leg-passenger .table tbody tr:first-child {
  border-top: 0
}

#MyOrderDetail #leg-passenger .table tbody tr:nth-of-type(even) {
  background-color: #fff
}

#MyOrderDetail #leg-passenger .table tbody tr.disable {
  background: #f8f8f8;
  color: #ddd
}

#MyOrderDetail .original-price {
  text-decoration: line-through;
  color: #c9c9c9;
  font-weight: normal
}

#MyOrderDetail .mr10 {
  margin-right: 10px
}

@media(max-width:639px) {
  #MyOrderDetail .order-notification li {
    margin: 5px 0
  }
}

.order-table-itinerary {
  display: none
}

.orderlist-alert {
  border: 1px solid #e4007f;
  padding: 20px 15px;
  margin-top: 15px;
  background-color: #fff
}

.orderlist-alert p {
  background: url(icon-info-hover.pvg) 0 2px no-repeat;
  padding-left: 25px;
  font-size: 14px
}

@media(max-width:991px) and (min-width:640px) {
  .orderlist-alert {
    margin: 0 0 15px 15px
  }
}

@media(min-width:992px) {
  #orders, #servicelist, #hotellist, #flightProof, #ticketIssuance, #myBeneficiary, #modifyPwd, #beneficiaryForm, #beneficiaryHistory, #myVisa, #myPoints, #levelChange, #memberCard, #pointClaimAdd, #memberInfo, #memberInfoProfile, #memberAutoIdentify, #pointPurchase, #cardcoupons, #myContacts, #myPassengers, #memberHome, #memberConsumerPassword, #lostConsumptionPassword, #winxin-bind {
    padding-left: 15px
  }
}

@media(min-width:640px) {
  #orders h1, #servicelist h1, #hotellist h1, #flightProof h1, #ticketIssuance h1, #myBeneficiary h1, #modifyPwd h1, #beneficiaryForm h1, #beneficiaryHistory h1, #myVisa h1, #myPoints h1, #levelChange h1, #memberCard h1, #pointClaimAdd h1, #memberInfo h1, #memberInfoProfile h1, #memberAutoIdentify h1, #pointPurchase h1, #cardcoupons h1, #myContacts h1, #myPassengers h1, #memberHome h1, #memberConsumerPassword h1, #lostConsumptionPassword h1, #winxin-bind h1 {
    padding-left: 10px
  }
  #orders .order-filter-wrapper, #servicelist .order-filter-wrapper, #hotellist .order-filter-wrapper, #flightProof .order-filter-wrapper, #ticketIssuance .order-filter-wrapper, #myBeneficiary .order-filter-wrapper, #modifyPwd .order-filter-wrapper, #beneficiaryForm .order-filter-wrapper, #beneficiaryHistory .order-filter-wrapper, #myVisa .order-filter-wrapper, #myPoints .order-filter-wrapper, #levelChange .order-filter-wrapper, #memberCard .order-filter-wrapper, #pointClaimAdd .order-filter-wrapper, #memberInfo .order-filter-wrapper, #memberInfoProfile .order-filter-wrapper, #memberAutoIdentify .order-filter-wrapper, #pointPurchase .order-filter-wrapper, #cardcoupons .order-filter-wrapper, #myContacts .order-filter-wrapper, #myPassengers .order-filter-wrapper, #memberHome .order-filter-wrapper, #memberConsumerPassword .order-filter-wrapper, #lostConsumptionPassword .order-filter-wrapper, #winxin-bind .order-filter-wrapper {
    margin-bottom: 30px
  }
  #orders .order-filter-wrapper .btn, #servicelist .order-filter-wrapper .btn, #hotellist .order-filter-wrapper .btn, #flightProof .order-filter-wrapper .btn, #ticketIssuance .order-filter-wrapper .btn, #myBeneficiary .order-filter-wrapper .btn, #modifyPwd .order-filter-wrapper .btn, #beneficiaryForm .order-filter-wrapper .btn, #beneficiaryHistory .order-filter-wrapper .btn, #myVisa .order-filter-wrapper .btn, #myPoints .order-filter-wrapper .btn, #levelChange .order-filter-wrapper .btn, #memberCard .order-filter-wrapper .btn, #pointClaimAdd .order-filter-wrapper .btn, #memberInfo .order-filter-wrapper .btn, #memberInfoProfile .order-filter-wrapper .btn, #memberAutoIdentify .order-filter-wrapper .btn, #pointPurchase .order-filter-wrapper .btn, #cardcoupons .order-filter-wrapper .btn, #myContacts .order-filter-wrapper .btn, #myPassengers .order-filter-wrapper .btn, #memberHome .order-filter-wrapper .btn, #memberConsumerPassword .order-filter-wrapper .btn, #lostConsumptionPassword .order-filter-wrapper .btn, #winxin-bind .order-filter-wrapper .btn {
    margin-top: 18px
  }
  #orders h1:before, #servicelist h1:before, #hotellist h1:before, #flightProof h1:before, #ticketIssuance h1:before, #myBeneficiary h1:before, #modifyPwd h1:before, #beneficiaryForm h1:before, #beneficiaryHistory h1:before, #myVisa h1:before, #myPoints h1:before, #levelChange h1:before, #memberCard h1:before, #pointClaimAdd h1:before, #memberInfo h1:before, #memberInfoProfile h1:before, #memberAutoIdentify h1:before, #pointPurchase h1:before, #cardcoupons h1:before, #myContacts h1:before, #myPassengers h1:before, #memberHome h1:before, #memberConsumerPassword h1:before, #lostConsumptionPassword h1:before, #winxin-bind h1:before {
    content: "";
    background: url(flight-order.pvg) no-repeat;
    height: 63px;
    width: 100px;
    vertical-align: middle;
    display: inline-block
  }
}

#orders .order-filter-wrapper .order-filter-form, #servicelist .order-filter-wrapper .order-filter-form, #hotellist .order-filter-wrapper .order-filter-form, #flightProof .order-filter-wrapper .order-filter-form, #ticketIssuance .order-filter-wrapper .order-filter-form, #myBeneficiary .order-filter-wrapper .order-filter-form, #modifyPwd .order-filter-wrapper .order-filter-form, #beneficiaryForm .order-filter-wrapper .order-filter-form, #beneficiaryHistory .order-filter-wrapper .order-filter-form, #myVisa .order-filter-wrapper .order-filter-form, #myPoints .order-filter-wrapper .order-filter-form, #levelChange .order-filter-wrapper .order-filter-form, #memberCard .order-filter-wrapper .order-filter-form, #pointClaimAdd .order-filter-wrapper .order-filter-form, #memberInfo .order-filter-wrapper .order-filter-form, #memberInfoProfile .order-filter-wrapper .order-filter-form, #memberAutoIdentify .order-filter-wrapper .order-filter-form, #pointPurchase .order-filter-wrapper .order-filter-form, #cardcoupons .order-filter-wrapper .order-filter-form, #myContacts .order-filter-wrapper .order-filter-form, #myPassengers .order-filter-wrapper .order-filter-form, #memberHome .order-filter-wrapper .order-filter-form, #memberConsumerPassword .order-filter-wrapper .order-filter-form, #lostConsumptionPassword .order-filter-wrapper .order-filter-form, #winxin-bind .order-filter-wrapper .order-filter-form {
  max-height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: max-height .5s ease 0s, opacity .5s ease 0s, padding-top .5s ease 0s, padding-bottom .5s ease 0s;
  overflow: hidden
}

#orders .order-filter-wrapper .show-filter .order-filter-form, #servicelist .order-filter-wrapper .show-filter .order-filter-form, #hotellist .order-filter-wrapper .show-filter .order-filter-form, #flightProof .order-filter-wrapper .show-filter .order-filter-form, #ticketIssuance .order-filter-wrapper .show-filter .order-filter-form, #myBeneficiary .order-filter-wrapper .show-filter .order-filter-form, #modifyPwd .order-filter-wrapper .show-filter .order-filter-form, #beneficiaryForm .order-filter-wrapper .show-filter .order-filter-form, #beneficiaryHistory .order-filter-wrapper .show-filter .order-filter-form, #myVisa .order-filter-wrapper .show-filter .order-filter-form, #myPoints .order-filter-wrapper .show-filter .order-filter-form, #levelChange .order-filter-wrapper .show-filter .order-filter-form, #memberCard .order-filter-wrapper .show-filter .order-filter-form, #pointClaimAdd .order-filter-wrapper .show-filter .order-filter-form, #memberInfo .order-filter-wrapper .show-filter .order-filter-form, #memberInfoProfile .order-filter-wrapper .show-filter .order-filter-form, #memberAutoIdentify .order-filter-wrapper .show-filter .order-filter-form, #pointPurchase .order-filter-wrapper .show-filter .order-filter-form, #cardcoupons .order-filter-wrapper .show-filter .order-filter-form, #myContacts .order-filter-wrapper .show-filter .order-filter-form, #myPassengers .order-filter-wrapper .show-filter .order-filter-form, #memberHome .order-filter-wrapper .show-filter .order-filter-form, #memberConsumerPassword .order-filter-wrapper .show-filter .order-filter-form, #lostConsumptionPassword .order-filter-wrapper .show-filter .order-filter-form, #winxin-bind .order-filter-wrapper .show-filter .order-filter-form {
  max-height: 150px;
  opacity: 1;
  filter: alpha(opacity=100)
}

#orders .order-table .isretrieved, #servicelist .order-table .isretrieved, #hotellist .order-table .isretrieved, #flightProof .order-table .isretrieved, #ticketIssuance .order-table .isretrieved, #myBeneficiary .order-table .isretrieved, #modifyPwd .order-table .isretrieved, #beneficiaryForm .order-table .isretrieved, #beneficiaryHistory .order-table .isretrieved, #myVisa .order-table .isretrieved, #myPoints .order-table .isretrieved, #levelChange .order-table .isretrieved, #memberCard .order-table .isretrieved, #pointClaimAdd .order-table .isretrieved, #memberInfo .order-table .isretrieved, #memberInfoProfile .order-table .isretrieved, #memberAutoIdentify .order-table .isretrieved, #pointPurchase .order-table .isretrieved, #cardcoupons .order-table .isretrieved, #myContacts .order-table .isretrieved, #myPassengers .order-table .isretrieved, #memberHome .order-table .isretrieved, #memberConsumerPassword .order-table .isretrieved, #lostConsumptionPassword .order-table .isretrieved, #winxin-bind .order-table .isretrieved {
  color: #e4007f
}

#orders .order-table .order-table-detail, #servicelist .order-table .order-table-detail, #hotellist .order-table .order-table-detail, #flightProof .order-table .order-table-detail, #ticketIssuance .order-table .order-table-detail, #myBeneficiary .order-table .order-table-detail, #modifyPwd .order-table .order-table-detail, #beneficiaryForm .order-table .order-table-detail, #beneficiaryHistory .order-table .order-table-detail, #myVisa .order-table .order-table-detail, #myPoints .order-table .order-table-detail, #levelChange .order-table .order-table-detail, #memberCard .order-table .order-table-detail, #pointClaimAdd .order-table .order-table-detail, #memberInfo .order-table .order-table-detail, #memberInfoProfile .order-table .order-table-detail, #memberAutoIdentify .order-table .order-table-detail, #pointPurchase .order-table .order-table-detail, #cardcoupons .order-table .order-table-detail, #myContacts .order-table .order-table-detail, #myPassengers .order-table .order-table-detail, #memberHome .order-table .order-table-detail, #memberConsumerPassword .order-table .order-table-detail, #lostConsumptionPassword .order-table .order-table-detail, #winxin-bind .order-table .order-table-detail {
  font-size: 12px;
  font-weight: 100
}

#orders .order-table .table-detail-depature, #servicelist .order-table .table-detail-depature, #hotellist .order-table .table-detail-depature, #flightProof .order-table .table-detail-depature, #ticketIssuance .order-table .table-detail-depature, #myBeneficiary .order-table .table-detail-depature, #modifyPwd .order-table .table-detail-depature, #beneficiaryForm .order-table .table-detail-depature, #beneficiaryHistory .order-table .table-detail-depature, #myVisa .order-table .table-detail-depature, #myPoints .order-table .table-detail-depature, #levelChange .order-table .table-detail-depature, #memberCard .order-table .table-detail-depature, #pointClaimAdd .order-table .table-detail-depature, #memberInfo .order-table .table-detail-depature, #memberInfoProfile .order-table .table-detail-depature, #memberAutoIdentify .order-table .table-detail-depature, #pointPurchase .order-table .table-detail-depature, #cardcoupons .order-table .table-detail-depature, #myContacts .order-table .table-detail-depature, #myPassengers .order-table .table-detail-depature, #memberHome .order-table .table-detail-depature, #memberConsumerPassword .order-table .table-detail-depature, #lostConsumptionPassword .order-table .table-detail-depature, #winxin-bind .order-table .table-detail-depature {
  display: inline-block;
  width: 45%
}

#orders .order-table .table-detail-depature p, #servicelist .order-table .table-detail-depature p, #hotellist .order-table .table-detail-depature p, #flightProof .order-table .table-detail-depature p, #ticketIssuance .order-table .table-detail-depature p, #myBeneficiary .order-table .table-detail-depature p, #modifyPwd .order-table .table-detail-depature p, #beneficiaryForm .order-table .table-detail-depature p, #beneficiaryHistory .order-table .table-detail-depature p, #myVisa .order-table .table-detail-depature p, #myPoints .order-table .table-detail-depature p, #levelChange .order-table .table-detail-depature p, #memberCard .order-table .table-detail-depature p, #pointClaimAdd .order-table .table-detail-depature p, #memberInfo .order-table .table-detail-depature p, #memberInfoProfile .order-table .table-detail-depature p, #memberAutoIdentify .order-table .table-detail-depature p, #pointPurchase .order-table .table-detail-depature p, #cardcoupons .order-table .table-detail-depature p, #myContacts .order-table .table-detail-depature p, #myPassengers .order-table .table-detail-depature p, #memberHome .order-table .table-detail-depature p, #memberConsumerPassword .order-table .table-detail-depature p, #lostConsumptionPassword .order-table .table-detail-depature p, #winxin-bind .order-table .table-detail-depature p {
  font-size: 14px;
  font-weight: bold
}

#orders .order-table .table-detail-depature p.flightnumber, #orders .order-table .table-detail-depature p.font-small, #servicelist .order-table .table-detail-depature p.flightnumber, #servicelist .order-table .table-detail-depature p.font-small, #hotellist .order-table .table-detail-depature p.flightnumber, #hotellist .order-table .table-detail-depature p.font-small, #flightProof .order-table .table-detail-depature p.flightnumber, #flightProof .order-table .table-detail-depature p.font-small, #ticketIssuance .order-table .table-detail-depature p.flightnumber, #ticketIssuance .order-table .table-detail-depature p.font-small, #myBeneficiary .order-table .table-detail-depature p.flightnumber, #myBeneficiary .order-table .table-detail-depature p.font-small, #modifyPwd .order-table .table-detail-depature p.flightnumber, #modifyPwd .order-table .table-detail-depature p.font-small, #beneficiaryForm .order-table .table-detail-depature p.flightnumber, #beneficiaryForm .order-table .table-detail-depature p.font-small, #beneficiaryHistory .order-table .table-detail-depature p.flightnumber, #beneficiaryHistory .order-table .table-detail-depature p.font-small, #myVisa .order-table .table-detail-depature p.flightnumber, #myVisa .order-table .table-detail-depature p.font-small, #myPoints .order-table .table-detail-depature p.flightnumber, #myPoints .order-table .table-detail-depature p.font-small, #levelChange .order-table .table-detail-depature p.flightnumber, #levelChange .order-table .table-detail-depature p.font-small, #memberCard .order-table .table-detail-depature p.flightnumber, #memberCard .order-table .table-detail-depature p.font-small, #pointClaimAdd .order-table .table-detail-depature p.flightnumber, #pointClaimAdd .order-table .table-detail-depature p.font-small, #memberInfo .order-table .table-detail-depature p.flightnumber, #memberInfo .order-table .table-detail-depature p.font-small, #memberInfoProfile .order-table .table-detail-depature p.flightnumber, #memberInfoProfile .order-table .table-detail-depature p.font-small, #memberAutoIdentify .order-table .table-detail-depature p.flightnumber, #memberAutoIdentify .order-table .table-detail-depature p.font-small, #pointPurchase .order-table .table-detail-depature p.flightnumber, #pointPurchase .order-table .table-detail-depature p.font-small, #cardcoupons .order-table .table-detail-depature p.flightnumber, #cardcoupons .order-table .table-detail-depature p.font-small, #myContacts .order-table .table-detail-depature p.flightnumber, #myContacts .order-table .table-detail-depature p.font-small, #myPassengers .order-table .table-detail-depature p.flightnumber, #myPassengers .order-table .table-detail-depature p.font-small, #memberHome .order-table .table-detail-depature p.flightnumber, #memberHome .order-table .table-detail-depature p.font-small, #memberConsumerPassword .order-table .table-detail-depature p.flightnumber, #memberConsumerPassword .order-table .table-detail-depature p.font-small, #lostConsumptionPassword .order-table .table-detail-depature p.flightnumber, #lostConsumptionPassword .order-table .table-detail-depature p.font-small, #winxin-bind .order-table .table-detail-depature p.flightnumber, #winxin-bind .order-table .table-detail-depature p.font-small {
  font-size: 12px;
  font-weight: 100
}

#orders .order-table .table-detail-icon, #servicelist .order-table .table-detail-icon, #hotellist .order-table .table-detail-icon, #flightProof .order-table .table-detail-icon, #ticketIssuance .order-table .table-detail-icon, #myBeneficiary .order-table .table-detail-icon, #modifyPwd .order-table .table-detail-icon, #beneficiaryForm .order-table .table-detail-icon, #beneficiaryHistory .order-table .table-detail-icon, #myVisa .order-table .table-detail-icon, #myPoints .order-table .table-detail-icon, #levelChange .order-table .table-detail-icon, #memberCard .order-table .table-detail-icon, #pointClaimAdd .order-table .table-detail-icon, #memberInfo .order-table .table-detail-icon, #memberInfoProfile .order-table .table-detail-icon, #memberAutoIdentify .order-table .table-detail-icon, #pointPurchase .order-table .table-detail-icon, #cardcoupons .order-table .table-detail-icon, #myContacts .order-table .table-detail-icon, #myPassengers .order-table .table-detail-icon, #memberHome .order-table .table-detail-icon, #memberConsumerPassword .order-table .table-detail-icon, #lostConsumptionPassword .order-table .table-detail-icon, #winxin-bind .order-table .table-detail-icon {
  display: inline-block;
  width: 10%;
  background: url(icon-order-plane.pvg) no-repeat;
  background-size: initial;
  background-position: center;
  height: 60px;
  background-size: 23px
}

#orders .order-table .leg-train, #servicelist .order-table .leg-train, #hotellist .order-table .leg-train, #flightProof .order-table .leg-train, #ticketIssuance .order-table .leg-train, #myBeneficiary .order-table .leg-train, #modifyPwd .order-table .leg-train, #beneficiaryForm .order-table .leg-train, #beneficiaryHistory .order-table .leg-train, #myVisa .order-table .leg-train, #myPoints .order-table .leg-train, #levelChange .order-table .leg-train, #memberCard .order-table .leg-train, #pointClaimAdd .order-table .leg-train, #memberInfo .order-table .leg-train, #memberInfoProfile .order-table .leg-train, #memberAutoIdentify .order-table .leg-train, #pointPurchase .order-table .leg-train, #cardcoupons .order-table .leg-train, #myContacts .order-table .leg-train, #myPassengers .order-table .leg-train, #memberHome .order-table .leg-train, #memberConsumerPassword .order-table .leg-train, #lostConsumptionPassword .order-table .leg-train, #winxin-bind .order-table .leg-train {
  background: url(status_train.png) no-repeat;
  background-size: initial;
  background-position: center
}

#orders .order-table .table-detail-arrival, #servicelist .order-table .table-detail-arrival, #hotellist .order-table .table-detail-arrival, #flightProof .order-table .table-detail-arrival, #ticketIssuance .order-table .table-detail-arrival, #myBeneficiary .order-table .table-detail-arrival, #modifyPwd .order-table .table-detail-arrival, #beneficiaryForm .order-table .table-detail-arrival, #beneficiaryHistory .order-table .table-detail-arrival, #myVisa .order-table .table-detail-arrival, #myPoints .order-table .table-detail-arrival, #levelChange .order-table .table-detail-arrival, #memberCard .order-table .table-detail-arrival, #pointClaimAdd .order-table .table-detail-arrival, #memberInfo .order-table .table-detail-arrival, #memberInfoProfile .order-table .table-detail-arrival, #memberAutoIdentify .order-table .table-detail-arrival, #pointPurchase .order-table .table-detail-arrival, #cardcoupons .order-table .table-detail-arrival, #myContacts .order-table .table-detail-arrival, #myPassengers .order-table .table-detail-arrival, #memberHome .order-table .table-detail-arrival, #memberConsumerPassword .order-table .table-detail-arrival, #lostConsumptionPassword .order-table .table-detail-arrival, #winxin-bind .order-table .table-detail-arrival {
  display: inline-block;
  width: 45%
}

#orders .order-table .table-detail-arrival p, #servicelist .order-table .table-detail-arrival p, #hotellist .order-table .table-detail-arrival p, #flightProof .order-table .table-detail-arrival p, #ticketIssuance .order-table .table-detail-arrival p, #myBeneficiary .order-table .table-detail-arrival p, #modifyPwd .order-table .table-detail-arrival p, #beneficiaryForm .order-table .table-detail-arrival p, #beneficiaryHistory .order-table .table-detail-arrival p, #myVisa .order-table .table-detail-arrival p, #myPoints .order-table .table-detail-arrival p, #levelChange .order-table .table-detail-arrival p, #memberCard .order-table .table-detail-arrival p, #pointClaimAdd .order-table .table-detail-arrival p, #memberInfo .order-table .table-detail-arrival p, #memberInfoProfile .order-table .table-detail-arrival p, #memberAutoIdentify .order-table .table-detail-arrival p, #pointPurchase .order-table .table-detail-arrival p, #cardcoupons .order-table .table-detail-arrival p, #myContacts .order-table .table-detail-arrival p, #myPassengers .order-table .table-detail-arrival p, #memberHome .order-table .table-detail-arrival p, #memberConsumerPassword .order-table .table-detail-arrival p, #lostConsumptionPassword .order-table .table-detail-arrival p, #winxin-bind .order-table .table-detail-arrival p {
  font-size: 14px;
  font-weight: bold
}

#orders .order-table .table-detail-arrival p.flightnumber, #orders .order-table .table-detail-arrival p.font-small, #servicelist .order-table .table-detail-arrival p.flightnumber, #servicelist .order-table .table-detail-arrival p.font-small, #hotellist .order-table .table-detail-arrival p.flightnumber, #hotellist .order-table .table-detail-arrival p.font-small, #flightProof .order-table .table-detail-arrival p.flightnumber, #flightProof .order-table .table-detail-arrival p.font-small, #ticketIssuance .order-table .table-detail-arrival p.flightnumber, #ticketIssuance .order-table .table-detail-arrival p.font-small, #myBeneficiary .order-table .table-detail-arrival p.flightnumber, #myBeneficiary .order-table .table-detail-arrival p.font-small, #modifyPwd .order-table .table-detail-arrival p.flightnumber, #modifyPwd .order-table .table-detail-arrival p.font-small, #beneficiaryForm .order-table .table-detail-arrival p.flightnumber, #beneficiaryForm .order-table .table-detail-arrival p.font-small, #beneficiaryHistory .order-table .table-detail-arrival p.flightnumber, #beneficiaryHistory .order-table .table-detail-arrival p.font-small, #myVisa .order-table .table-detail-arrival p.flightnumber, #myVisa .order-table .table-detail-arrival p.font-small, #myPoints .order-table .table-detail-arrival p.flightnumber, #myPoints .order-table .table-detail-arrival p.font-small, #levelChange .order-table .table-detail-arrival p.flightnumber, #levelChange .order-table .table-detail-arrival p.font-small, #memberCard .order-table .table-detail-arrival p.flightnumber, #memberCard .order-table .table-detail-arrival p.font-small, #pointClaimAdd .order-table .table-detail-arrival p.flightnumber, #pointClaimAdd .order-table .table-detail-arrival p.font-small, #memberInfo .order-table .table-detail-arrival p.flightnumber, #memberInfo .order-table .table-detail-arrival p.font-small, #memberInfoProfile .order-table .table-detail-arrival p.flightnumber, #memberInfoProfile .order-table .table-detail-arrival p.font-small, #memberAutoIdentify .order-table .table-detail-arrival p.flightnumber, #memberAutoIdentify .order-table .table-detail-arrival p.font-small, #pointPurchase .order-table .table-detail-arrival p.flightnumber, #pointPurchase .order-table .table-detail-arrival p.font-small, #cardcoupons .order-table .table-detail-arrival p.flightnumber, #cardcoupons .order-table .table-detail-arrival p.font-small, #myContacts .order-table .table-detail-arrival p.flightnumber, #myContacts .order-table .table-detail-arrival p.font-small, #myPassengers .order-table .table-detail-arrival p.flightnumber, #myPassengers .order-table .table-detail-arrival p.font-small, #memberHome .order-table .table-detail-arrival p.flightnumber, #memberHome .order-table .table-detail-arrival p.font-small, #memberConsumerPassword .order-table .table-detail-arrival p.flightnumber, #memberConsumerPassword .order-table .table-detail-arrival p.font-small, #lostConsumptionPassword .order-table .table-detail-arrival p.flightnumber, #lostConsumptionPassword .order-table .table-detail-arrival p.font-small, #winxin-bind .order-table .table-detail-arrival p.flightnumber, #winxin-bind .order-table .table-detail-arrival p.font-small {
  font-size: 12px;
  font-weight: 100
}

#orders .order-table .order-table-detail, #servicelist .order-table .order-table-detail, #hotellist .order-table .order-table-detail, #flightProof .order-table .order-table-detail, #ticketIssuance .order-table .order-table-detail, #myBeneficiary .order-table .order-table-detail, #modifyPwd .order-table .order-table-detail, #beneficiaryForm .order-table .order-table-detail, #beneficiaryHistory .order-table .order-table-detail, #myVisa .order-table .order-table-detail, #myPoints .order-table .order-table-detail, #levelChange .order-table .order-table-detail, #memberCard .order-table .order-table-detail, #pointClaimAdd .order-table .order-table-detail, #memberInfo .order-table .order-table-detail, #memberInfoProfile .order-table .order-table-detail, #memberAutoIdentify .order-table .order-table-detail, #pointPurchase .order-table .order-table-detail, #cardcoupons .order-table .order-table-detail, #myContacts .order-table .order-table-detail, #myPassengers .order-table .order-table-detail, #memberHome .order-table .order-table-detail, #memberConsumerPassword .order-table .order-table-detail, #lostConsumptionPassword .order-table .order-table-detail, #winxin-bind .order-table .order-table-detail {
  padding: 15px;
  border-bottom: 1px solid #979797
}

#orders .order-table .order-table-detail:nth-of-type(even), #servicelist .order-table .order-table-detail:nth-of-type(even), #hotellist .order-table .order-table-detail:nth-of-type(even), #flightProof .order-table .order-table-detail:nth-of-type(even), #ticketIssuance .order-table .order-table-detail:nth-of-type(even), #myBeneficiary .order-table .order-table-detail:nth-of-type(even), #modifyPwd .order-table .order-table-detail:nth-of-type(even), #beneficiaryForm .order-table .order-table-detail:nth-of-type(even), #beneficiaryHistory .order-table .order-table-detail:nth-of-type(even), #myVisa .order-table .order-table-detail:nth-of-type(even), #myPoints .order-table .order-table-detail:nth-of-type(even), #levelChange .order-table .order-table-detail:nth-of-type(even), #memberCard .order-table .order-table-detail:nth-of-type(even), #pointClaimAdd .order-table .order-table-detail:nth-of-type(even), #memberInfo .order-table .order-table-detail:nth-of-type(even), #memberInfoProfile .order-table .order-table-detail:nth-of-type(even), #memberAutoIdentify .order-table .order-table-detail:nth-of-type(even), #pointPurchase .order-table .order-table-detail:nth-of-type(even), #cardcoupons .order-table .order-table-detail:nth-of-type(even), #myContacts .order-table .order-table-detail:nth-of-type(even), #myPassengers .order-table .order-table-detail:nth-of-type(even), #memberHome .order-table .order-table-detail:nth-of-type(even), #memberConsumerPassword .order-table .order-table-detail:nth-of-type(even), #lostConsumptionPassword .order-table .order-table-detail:nth-of-type(even), #winxin-bind .order-table .order-table-detail:nth-of-type(even) {
  background-color: #f8f8f8
}

#orders .order-table .order-table-detail:last-of-type, #servicelist .order-table .order-table-detail:last-of-type, #hotellist .order-table .order-table-detail:last-of-type, #flightProof .order-table .order-table-detail:last-of-type, #ticketIssuance .order-table .order-table-detail:last-of-type, #myBeneficiary .order-table .order-table-detail:last-of-type, #modifyPwd .order-table .order-table-detail:last-of-type, #beneficiaryForm .order-table .order-table-detail:last-of-type, #beneficiaryHistory .order-table .order-table-detail:last-of-type, #myVisa .order-table .order-table-detail:last-of-type, #myPoints .order-table .order-table-detail:last-of-type, #levelChange .order-table .order-table-detail:last-of-type, #memberCard .order-table .order-table-detail:last-of-type, #pointClaimAdd .order-table .order-table-detail:last-of-type, #memberInfo .order-table .order-table-detail:last-of-type, #memberInfoProfile .order-table .order-table-detail:last-of-type, #memberAutoIdentify .order-table .order-table-detail:last-of-type, #pointPurchase .order-table .order-table-detail:last-of-type, #cardcoupons .order-table .order-table-detail:last-of-type, #myContacts .order-table .order-table-detail:last-of-type, #myPassengers .order-table .order-table-detail:last-of-type, #memberHome .order-table .order-table-detail:last-of-type, #memberConsumerPassword .order-table .order-table-detail:last-of-type, #lostConsumptionPassword .order-table .order-table-detail:last-of-type, #winxin-bind .order-table .order-table-detail:last-of-type {
  border-bottom: 0
}

#orders .order-table table td, #servicelist .order-table table td, #hotellist .order-table table td, #flightProof .order-table table td, #ticketIssuance .order-table table td, #myBeneficiary .order-table table td, #modifyPwd .order-table table td, #beneficiaryForm .order-table table td, #beneficiaryHistory .order-table table td, #myVisa .order-table table td, #myPoints .order-table table td, #levelChange .order-table table td, #memberCard .order-table table td, #pointClaimAdd .order-table table td, #memberInfo .order-table table td, #memberInfoProfile .order-table table td, #memberAutoIdentify .order-table table td, #pointPurchase .order-table table td, #cardcoupons .order-table table td, #myContacts .order-table table td, #myPassengers .order-table table td, #memberHome .order-table table td, #memberConsumerPassword .order-table table td, #lostConsumptionPassword .order-table table td, #winxin-bind .order-table table td {
  padding: 0
}

#orders .order-table table td .fake-th, #servicelist .order-table table td .fake-th, #hotellist .order-table table td .fake-th, #flightProof .order-table table td .fake-th, #ticketIssuance .order-table table td .fake-th, #myBeneficiary .order-table table td .fake-th, #modifyPwd .order-table table td .fake-th, #beneficiaryForm .order-table table td .fake-th, #beneficiaryHistory .order-table table td .fake-th, #myVisa .order-table table td .fake-th, #myPoints .order-table table td .fake-th, #levelChange .order-table table td .fake-th, #memberCard .order-table table td .fake-th, #pointClaimAdd .order-table table td .fake-th, #memberInfo .order-table table td .fake-th, #memberInfoProfile .order-table table td .fake-th, #memberAutoIdentify .order-table table td .fake-th, #pointPurchase .order-table table td .fake-th, #cardcoupons .order-table table td .fake-th, #myContacts .order-table table td .fake-th, #myPassengers .order-table table td .fake-th, #memberHome .order-table table td .fake-th, #memberConsumerPassword .order-table table td .fake-th, #lostConsumptionPassword .order-table table td .fake-th, #winxin-bind .order-table table td .fake-th {
  height: 50px;
  line-height: 50px
}

#orders .order-table table td:first-of-type, #servicelist .order-table table td:first-of-type, #hotellist .order-table table td:first-of-type, #flightProof .order-table table td:first-of-type, #ticketIssuance .order-table table td:first-of-type, #myBeneficiary .order-table table td:first-of-type, #modifyPwd .order-table table td:first-of-type, #beneficiaryForm .order-table table td:first-of-type, #beneficiaryHistory .order-table table td:first-of-type, #myVisa .order-table table td:first-of-type, #myPoints .order-table table td:first-of-type, #levelChange .order-table table td:first-of-type, #memberCard .order-table table td:first-of-type, #pointClaimAdd .order-table table td:first-of-type, #memberInfo .order-table table td:first-of-type, #memberInfoProfile .order-table table td:first-of-type, #memberAutoIdentify .order-table table td:first-of-type, #pointPurchase .order-table table td:first-of-type, #cardcoupons .order-table table td:first-of-type, #myContacts .order-table table td:first-of-type, #myPassengers .order-table table td:first-of-type, #memberHome .order-table table td:first-of-type, #memberConsumerPassword .order-table table td:first-of-type, #lostConsumptionPassword .order-table table td:first-of-type, #winxin-bind .order-table table td:first-of-type {
  width: 75%
}

#orders .order-table table td:last-of-type, #servicelist .order-table table td:last-of-type, #hotellist .order-table table td:last-of-type, #flightProof .order-table table td:last-of-type, #ticketIssuance .order-table table td:last-of-type, #myBeneficiary .order-table table td:last-of-type, #modifyPwd .order-table table td:last-of-type, #beneficiaryForm .order-table table td:last-of-type, #beneficiaryHistory .order-table table td:last-of-type, #myVisa .order-table table td:last-of-type, #myPoints .order-table table td:last-of-type, #levelChange .order-table table td:last-of-type, #memberCard .order-table table td:last-of-type, #pointClaimAdd .order-table table td:last-of-type, #memberInfo .order-table table td:last-of-type, #memberInfoProfile .order-table table td:last-of-type, #memberAutoIdentify .order-table table td:last-of-type, #pointPurchase .order-table table td:last-of-type, #cardcoupons .order-table table td:last-of-type, #myContacts .order-table table td:last-of-type, #myPassengers .order-table table td:last-of-type, #memberHome .order-table table td:last-of-type, #memberConsumerPassword .order-table table td:last-of-type, #lostConsumptionPassword .order-table table td:last-of-type, #winxin-bind .order-table table td:last-of-type {
  width: 25%
}

#orders .order-table .btnMobile .orderTimerPad, #servicelist .order-table .btnMobile .orderTimerPad, #hotellist .order-table .btnMobile .orderTimerPad, #flightProof .order-table .btnMobile .orderTimerPad, #ticketIssuance .order-table .btnMobile .orderTimerPad, #myBeneficiary .order-table .btnMobile .orderTimerPad, #modifyPwd .order-table .btnMobile .orderTimerPad, #beneficiaryForm .order-table .btnMobile .orderTimerPad, #beneficiaryHistory .order-table .btnMobile .orderTimerPad, #myVisa .order-table .btnMobile .orderTimerPad, #myPoints .order-table .btnMobile .orderTimerPad, #levelChange .order-table .btnMobile .orderTimerPad, #memberCard .order-table .btnMobile .orderTimerPad, #pointClaimAdd .order-table .btnMobile .orderTimerPad, #memberInfo .order-table .btnMobile .orderTimerPad, #memberInfoProfile .order-table .btnMobile .orderTimerPad, #memberAutoIdentify .order-table .btnMobile .orderTimerPad, #pointPurchase .order-table .btnMobile .orderTimerPad, #cardcoupons .order-table .btnMobile .orderTimerPad, #myContacts .order-table .btnMobile .orderTimerPad, #myPassengers .order-table .btnMobile .orderTimerPad, #memberHome .order-table .btnMobile .orderTimerPad, #memberConsumerPassword .order-table .btnMobile .orderTimerPad, #lostConsumptionPassword .order-table .btnMobile .orderTimerPad, #winxin-bind .order-table .btnMobile .orderTimerPad {
  padding-top: 10px;
  font-size: 16px
}

#orders .order-table .btnMobile .order-notification, #servicelist .order-table .btnMobile .order-notification, #hotellist .order-table .btnMobile .order-notification, #flightProof .order-table .btnMobile .order-notification, #ticketIssuance .order-table .btnMobile .order-notification, #myBeneficiary .order-table .btnMobile .order-notification, #modifyPwd .order-table .btnMobile .order-notification, #beneficiaryForm .order-table .btnMobile .order-notification, #beneficiaryHistory .order-table .btnMobile .order-notification, #myVisa .order-table .btnMobile .order-notification, #myPoints .order-table .btnMobile .order-notification, #levelChange .order-table .btnMobile .order-notification, #memberCard .order-table .btnMobile .order-notification, #pointClaimAdd .order-table .btnMobile .order-notification, #memberInfo .order-table .btnMobile .order-notification, #memberInfoProfile .order-table .btnMobile .order-notification, #memberAutoIdentify .order-table .btnMobile .order-notification, #pointPurchase .order-table .btnMobile .order-notification, #cardcoupons .order-table .btnMobile .order-notification, #myContacts .order-table .btnMobile .order-notification, #myPassengers .order-table .btnMobile .order-notification, #memberHome .order-table .btnMobile .order-notification, #memberConsumerPassword .order-table .btnMobile .order-notification, #lostConsumptionPassword .order-table .btnMobile .order-notification, #winxin-bind .order-table .btnMobile .order-notification {
  margin-top: 15px
}

#orders .order-table .btnMobile .order-notification li p, #servicelist .order-table .btnMobile .order-notification li p, #hotellist .order-table .btnMobile .order-notification li p, #flightProof .order-table .btnMobile .order-notification li p, #ticketIssuance .order-table .btnMobile .order-notification li p, #myBeneficiary .order-table .btnMobile .order-notification li p, #modifyPwd .order-table .btnMobile .order-notification li p, #beneficiaryForm .order-table .btnMobile .order-notification li p, #beneficiaryHistory .order-table .btnMobile .order-notification li p, #myVisa .order-table .btnMobile .order-notification li p, #myPoints .order-table .btnMobile .order-notification li p, #levelChange .order-table .btnMobile .order-notification li p, #memberCard .order-table .btnMobile .order-notification li p, #pointClaimAdd .order-table .btnMobile .order-notification li p, #memberInfo .order-table .btnMobile .order-notification li p, #memberInfoProfile .order-table .btnMobile .order-notification li p, #memberAutoIdentify .order-table .btnMobile .order-notification li p, #pointPurchase .order-table .btnMobile .order-notification li p, #cardcoupons .order-table .btnMobile .order-notification li p, #myContacts .order-table .btnMobile .order-notification li p, #myPassengers .order-table .btnMobile .order-notification li p, #memberHome .order-table .btnMobile .order-notification li p, #memberConsumerPassword .order-table .btnMobile .order-notification li p, #lostConsumptionPassword .order-table .btnMobile .order-notification li p, #winxin-bind .order-table .btnMobile .order-notification li p {
  background: url(icon-info-hover.pvg) 0 0 no-repeat;
  padding-left: 25px;
  line-height: 15px;
  font-size: 12px;
  margin-bottom: 5px;
  padding-top: 1px
}

#orders .order-table .btnMobile button, #servicelist .order-table .btnMobile button, #hotellist .order-table .btnMobile button, #flightProof .order-table .btnMobile button, #ticketIssuance .order-table .btnMobile button, #myBeneficiary .order-table .btnMobile button, #modifyPwd .order-table .btnMobile button, #beneficiaryForm .order-table .btnMobile button, #beneficiaryHistory .order-table .btnMobile button, #myVisa .order-table .btnMobile button, #myPoints .order-table .btnMobile button, #levelChange .order-table .btnMobile button, #memberCard .order-table .btnMobile button, #pointClaimAdd .order-table .btnMobile button, #memberInfo .order-table .btnMobile button, #memberInfoProfile .order-table .btnMobile button, #memberAutoIdentify .order-table .btnMobile button, #pointPurchase .order-table .btnMobile button, #cardcoupons .order-table .btnMobile button, #myContacts .order-table .btnMobile button, #myPassengers .order-table .btnMobile button, #memberHome .order-table .btnMobile button, #memberConsumerPassword .order-table .btnMobile button, #lostConsumptionPassword .order-table .btnMobile button, #winxin-bind .order-table .btnMobile button {
  max-width: 160px;
  margin-left: 5px;
  width: 48%
}

#orders .order-table .btnMobile .btn-pink, #servicelist .order-table .btnMobile .btn-pink, #hotellist .order-table .btnMobile .btn-pink, #flightProof .order-table .btnMobile .btn-pink, #ticketIssuance .order-table .btnMobile .btn-pink, #myBeneficiary .order-table .btnMobile .btn-pink, #modifyPwd .order-table .btnMobile .btn-pink, #beneficiaryForm .order-table .btnMobile .btn-pink, #beneficiaryHistory .order-table .btnMobile .btn-pink, #myVisa .order-table .btnMobile .btn-pink, #myPoints .order-table .btnMobile .btn-pink, #levelChange .order-table .btnMobile .btn-pink, #memberCard .order-table .btnMobile .btn-pink, #pointClaimAdd .order-table .btnMobile .btn-pink, #memberInfo .order-table .btnMobile .btn-pink, #memberInfoProfile .order-table .btnMobile .btn-pink, #memberAutoIdentify .order-table .btnMobile .btn-pink, #pointPurchase .order-table .btnMobile .btn-pink, #cardcoupons .order-table .btnMobile .btn-pink, #myContacts .order-table .btnMobile .btn-pink, #myPassengers .order-table .btnMobile .btn-pink, #memberHome .order-table .btnMobile .btn-pink, #memberConsumerPassword .order-table .btnMobile .btn-pink, #lostConsumptionPassword .order-table .btnMobile .btn-pink, #winxin-bind .order-table .btnMobile .btn-pink {
  margin-top: 15px
}

@media(max-width:639px) {
  #orders .order-table .btnMobile .col-sm-6, #servicelist .order-table .btnMobile .col-sm-6, #hotellist .order-table .btnMobile .col-sm-6, #flightProof .order-table .btnMobile .col-sm-6, #ticketIssuance .order-table .btnMobile .col-sm-6, #myBeneficiary .order-table .btnMobile .col-sm-6, #modifyPwd .order-table .btnMobile .col-sm-6, #beneficiaryForm .order-table .btnMobile .col-sm-6, #beneficiaryHistory .order-table .btnMobile .col-sm-6, #myVisa .order-table .btnMobile .col-sm-6, #myPoints .order-table .btnMobile .col-sm-6, #levelChange .order-table .btnMobile .col-sm-6, #memberCard .order-table .btnMobile .col-sm-6, #pointClaimAdd .order-table .btnMobile .col-sm-6, #memberInfo .order-table .btnMobile .col-sm-6, #memberInfoProfile .order-table .btnMobile .col-sm-6, #memberAutoIdentify .order-table .btnMobile .col-sm-6, #pointPurchase .order-table .btnMobile .col-sm-6, #cardcoupons .order-table .btnMobile .col-sm-6, #myContacts .order-table .btnMobile .col-sm-6, #myPassengers .order-table .btnMobile .col-sm-6, #memberHome .order-table .btnMobile .col-sm-6, #memberConsumerPassword .order-table .btnMobile .col-sm-6, #lostConsumptionPassword .order-table .btnMobile .col-sm-6, #winxin-bind .order-table .btnMobile .col-sm-6 {
    width: 100%
  }
  #orders .order-table .btnMobile .col-sm-6 button, #servicelist .order-table .btnMobile .col-sm-6 button, #hotellist .order-table .btnMobile .col-sm-6 button, #flightProof .order-table .btnMobile .col-sm-6 button, #ticketIssuance .order-table .btnMobile .col-sm-6 button, #myBeneficiary .order-table .btnMobile .col-sm-6 button, #modifyPwd .order-table .btnMobile .col-sm-6 button, #beneficiaryForm .order-table .btnMobile .col-sm-6 button, #beneficiaryHistory .order-table .btnMobile .col-sm-6 button, #myVisa .order-table .btnMobile .col-sm-6 button, #myPoints .order-table .btnMobile .col-sm-6 button, #levelChange .order-table .btnMobile .col-sm-6 button, #memberCard .order-table .btnMobile .col-sm-6 button, #pointClaimAdd .order-table .btnMobile .col-sm-6 button, #memberInfo .order-table .btnMobile .col-sm-6 button, #memberInfoProfile .order-table .btnMobile .col-sm-6 button, #memberAutoIdentify .order-table .btnMobile .col-sm-6 button, #pointPurchase .order-table .btnMobile .col-sm-6 button, #cardcoupons .order-table .btnMobile .col-sm-6 button, #myContacts .order-table .btnMobile .col-sm-6 button, #myPassengers .order-table .btnMobile .col-sm-6 button, #memberHome .order-table .btnMobile .col-sm-6 button, #memberConsumerPassword .order-table .btnMobile .col-sm-6 button, #lostConsumptionPassword .order-table .btnMobile .col-sm-6 button, #winxin-bind .order-table .btnMobile .col-sm-6 button {
    max-width: 100%;
    margin-top: 10px
  }
}

@media(max-width:639px) {
  #orders .order-filter-wrapper, #servicelist .order-filter-wrapper, #hotellist .order-filter-wrapper, #flightProof .order-filter-wrapper, #ticketIssuance .order-filter-wrapper, #myBeneficiary .order-filter-wrapper, #modifyPwd .order-filter-wrapper, #beneficiaryForm .order-filter-wrapper, #beneficiaryHistory .order-filter-wrapper, #myVisa .order-filter-wrapper, #myPoints .order-filter-wrapper, #levelChange .order-filter-wrapper, #memberCard .order-filter-wrapper, #pointClaimAdd .order-filter-wrapper, #memberInfo .order-filter-wrapper, #memberInfoProfile .order-filter-wrapper, #memberAutoIdentify .order-filter-wrapper, #pointPurchase .order-filter-wrapper, #cardcoupons .order-filter-wrapper, #myContacts .order-filter-wrapper, #myPassengers .order-filter-wrapper, #memberHome .order-filter-wrapper, #memberConsumerPassword .order-filter-wrapper, #lostConsumptionPassword .order-filter-wrapper, #winxin-bind .order-filter-wrapper {
    padding: 0 15px;
    display: none
  }
  #orders .order-filter-wrapper .ui-input-wrapper, #servicelist .order-filter-wrapper .ui-input-wrapper, #hotellist .order-filter-wrapper .ui-input-wrapper, #flightProof .order-filter-wrapper .ui-input-wrapper, #ticketIssuance .order-filter-wrapper .ui-input-wrapper, #myBeneficiary .order-filter-wrapper .ui-input-wrapper, #modifyPwd .order-filter-wrapper .ui-input-wrapper, #beneficiaryForm .order-filter-wrapper .ui-input-wrapper, #beneficiaryHistory .order-filter-wrapper .ui-input-wrapper, #myVisa .order-filter-wrapper .ui-input-wrapper, #myPoints .order-filter-wrapper .ui-input-wrapper, #levelChange .order-filter-wrapper .ui-input-wrapper, #memberCard .order-filter-wrapper .ui-input-wrapper, #pointClaimAdd .order-filter-wrapper .ui-input-wrapper, #memberInfo .order-filter-wrapper .ui-input-wrapper, #memberInfoProfile .order-filter-wrapper .ui-input-wrapper, #memberAutoIdentify .order-filter-wrapper .ui-input-wrapper, #pointPurchase .order-filter-wrapper .ui-input-wrapper, #cardcoupons .order-filter-wrapper .ui-input-wrapper, #myContacts .order-filter-wrapper .ui-input-wrapper, #myPassengers .order-filter-wrapper .ui-input-wrapper, #memberHome .order-filter-wrapper .ui-input-wrapper, #memberConsumerPassword .order-filter-wrapper .ui-input-wrapper, #lostConsumptionPassword .order-filter-wrapper .ui-input-wrapper, #winxin-bind .order-filter-wrapper .ui-input-wrapper {
    padding-right: 0
  }
  #orders .order-filter-wrapper .show-filter .order-filter-form, #servicelist .order-filter-wrapper .show-filter .order-filter-form, #hotellist .order-filter-wrapper .show-filter .order-filter-form, #flightProof .order-filter-wrapper .show-filter .order-filter-form, #ticketIssuance .order-filter-wrapper .show-filter .order-filter-form, #myBeneficiary .order-filter-wrapper .show-filter .order-filter-form, #modifyPwd .order-filter-wrapper .show-filter .order-filter-form, #beneficiaryForm .order-filter-wrapper .show-filter .order-filter-form, #beneficiaryHistory .order-filter-wrapper .show-filter .order-filter-form, #myVisa .order-filter-wrapper .show-filter .order-filter-form, #myPoints .order-filter-wrapper .show-filter .order-filter-form, #levelChange .order-filter-wrapper .show-filter .order-filter-form, #memberCard .order-filter-wrapper .show-filter .order-filter-form, #pointClaimAdd .order-filter-wrapper .show-filter .order-filter-form, #memberInfo .order-filter-wrapper .show-filter .order-filter-form, #memberInfoProfile .order-filter-wrapper .show-filter .order-filter-form, #memberAutoIdentify .order-filter-wrapper .show-filter .order-filter-form, #pointPurchase .order-filter-wrapper .show-filter .order-filter-form, #cardcoupons .order-filter-wrapper .show-filter .order-filter-form, #myContacts .order-filter-wrapper .show-filter .order-filter-form, #myPassengers .order-filter-wrapper .show-filter .order-filter-form, #memberHome .order-filter-wrapper .show-filter .order-filter-form, #memberConsumerPassword .order-filter-wrapper .show-filter .order-filter-form, #lostConsumptionPassword .order-filter-wrapper .show-filter .order-filter-form, #winxin-bind .order-filter-wrapper .show-filter .order-filter-form {
    max-height: 500px
  }
  #orders .ordernumber, #servicelist .ordernumber, #hotellist .ordernumber, #flightProof .ordernumber, #ticketIssuance .ordernumber, #myBeneficiary .ordernumber, #modifyPwd .ordernumber, #beneficiaryForm .ordernumber, #beneficiaryHistory .ordernumber, #myVisa .ordernumber, #myPoints .ordernumber, #levelChange .ordernumber, #memberCard .ordernumber, #pointClaimAdd .ordernumber, #memberInfo .ordernumber, #memberInfoProfile .ordernumber, #memberAutoIdentify .ordernumber, #pointPurchase .ordernumber, #cardcoupons .ordernumber, #myContacts .ordernumber, #myPassengers .ordernumber, #memberHome .ordernumber, #memberConsumerPassword .ordernumber, #lostConsumptionPassword .ordernumber, #winxin-bind .ordernumber {
    text-align: center;
    padding: 20px 0 10px;
    font-weight: bold
  }
  #orders .order-table, #servicelist .order-table, #hotellist .order-table, #flightProof .order-table, #ticketIssuance .order-table, #myBeneficiary .order-table, #modifyPwd .order-table, #beneficiaryForm .order-table, #beneficiaryHistory .order-table, #myVisa .order-table, #myPoints .order-table, #levelChange .order-table, #memberCard .order-table, #pointClaimAdd .order-table, #memberInfo .order-table, #memberInfoProfile .order-table, #memberAutoIdentify .order-table, #pointPurchase .order-table, #cardcoupons .order-table, #myContacts .order-table, #myPassengers .order-table, #memberHome .order-table, #memberConsumerPassword .order-table, #lostConsumptionPassword .order-table, #winxin-bind .order-table {
    margin: 0;
    padding: 10px;
    margin-bottom: 0
  }
  #orders .order-table table td, #servicelist .order-table table td, #hotellist .order-table table td, #flightProof .order-table table td, #ticketIssuance .order-table table td, #myBeneficiary .order-table table td, #modifyPwd .order-table table td, #beneficiaryForm .order-table table td, #beneficiaryHistory .order-table table td, #myVisa .order-table table td, #myPoints .order-table table td, #levelChange .order-table table td, #memberCard .order-table table td, #pointClaimAdd .order-table table td, #memberInfo .order-table table td, #memberInfoProfile .order-table table td, #memberAutoIdentify .order-table table td, #pointPurchase .order-table table td, #cardcoupons .order-table table td, #myContacts .order-table table td, #myPassengers .order-table table td, #memberHome .order-table table td, #memberConsumerPassword .order-table table td, #lostConsumptionPassword .order-table table td, #winxin-bind .order-table table td {
    width: auto;
    height: auto
  }
  #orders .order-table table td .fake-th, #servicelist .order-table table td .fake-th, #hotellist .order-table table td .fake-th, #flightProof .order-table table td .fake-th, #ticketIssuance .order-table table td .fake-th, #myBeneficiary .order-table table td .fake-th, #modifyPwd .order-table table td .fake-th, #beneficiaryForm .order-table table td .fake-th, #beneficiaryHistory .order-table table td .fake-th, #myVisa .order-table table td .fake-th, #myPoints .order-table table td .fake-th, #levelChange .order-table table td .fake-th, #memberCard .order-table table td .fake-th, #pointClaimAdd .order-table table td .fake-th, #memberInfo .order-table table td .fake-th, #memberInfoProfile .order-table table td .fake-th, #memberAutoIdentify .order-table table td .fake-th, #pointPurchase .order-table table td .fake-th, #cardcoupons .order-table table td .fake-th, #myContacts .order-table table td .fake-th, #myPassengers .order-table table td .fake-th, #memberHome .order-table table td .fake-th, #memberConsumerPassword .order-table table td .fake-th, #lostConsumptionPassword .order-table table td .fake-th, #winxin-bind .order-table table td .fake-th {
    display: block
  }
  #orders .order-table table td .order-table-detail, #orders .order-table table td .fake-th, #servicelist .order-table table td .order-table-detail, #servicelist .order-table table td .fake-th, #hotellist .order-table table td .order-table-detail, #hotellist .order-table table td .fake-th, #flightProof .order-table table td .order-table-detail, #flightProof .order-table table td .fake-th, #ticketIssuance .order-table table td .order-table-detail, #ticketIssuance .order-table table td .fake-th, #myBeneficiary .order-table table td .order-table-detail, #myBeneficiary .order-table table td .fake-th, #modifyPwd .order-table table td .order-table-detail, #modifyPwd .order-table table td .fake-th, #beneficiaryForm .order-table table td .order-table-detail, #beneficiaryForm .order-table table td .fake-th, #beneficiaryHistory .order-table table td .order-table-detail, #beneficiaryHistory .order-table table td .fake-th, #myVisa .order-table table td .order-table-detail, #myVisa .order-table table td .fake-th, #myPoints .order-table table td .order-table-detail, #myPoints .order-table table td .fake-th, #levelChange .order-table table td .order-table-detail, #levelChange .order-table table td .fake-th, #memberCard .order-table table td .order-table-detail, #memberCard .order-table table td .fake-th, #pointClaimAdd .order-table table td .order-table-detail, #pointClaimAdd .order-table table td .fake-th, #memberInfo .order-table table td .order-table-detail, #memberInfo .order-table table td .fake-th, #memberInfoProfile .order-table table td .order-table-detail, #memberInfoProfile .order-table table td .fake-th, #memberAutoIdentify .order-table table td .order-table-detail, #memberAutoIdentify .order-table table td .fake-th, #pointPurchase .order-table table td .order-table-detail, #pointPurchase .order-table table td .fake-th, #cardcoupons .order-table table td .order-table-detail, #cardcoupons .order-table table td .fake-th, #myContacts .order-table table td .order-table-detail, #myContacts .order-table table td .fake-th, #myPassengers .order-table table td .order-table-detail, #myPassengers .order-table table td .fake-th, #memberHome .order-table table td .order-table-detail, #memberHome .order-table table td .fake-th, #memberConsumerPassword .order-table table td .order-table-detail, #memberConsumerPassword .order-table table td .fake-th, #lostConsumptionPassword .order-table table td .order-table-detail, #lostConsumptionPassword .order-table table td .fake-th, #winxin-bind .order-table table td .order-table-detail, #winxin-bind .order-table table td .fake-th {
    border-top: 1px solid #d8d8d8;
    border-bottom: 0;
    font-size: 14px
  }
  #orders .order-table table td .order-table-detail, #servicelist .order-table table td .order-table-detail, #hotellist .order-table table td .order-table-detail, #flightProof .order-table table td .order-table-detail, #ticketIssuance .order-table table td .order-table-detail, #myBeneficiary .order-table table td .order-table-detail, #modifyPwd .order-table table td .order-table-detail, #beneficiaryForm .order-table table td .order-table-detail, #beneficiaryHistory .order-table table td .order-table-detail, #myVisa .order-table table td .order-table-detail, #myPoints .order-table table td .order-table-detail, #levelChange .order-table table td .order-table-detail, #memberCard .order-table table td .order-table-detail, #pointClaimAdd .order-table table td .order-table-detail, #memberInfo .order-table table td .order-table-detail, #memberInfoProfile .order-table table td .order-table-detail, #memberAutoIdentify .order-table table td .order-table-detail, #pointPurchase .order-table table td .order-table-detail, #cardcoupons .order-table table td .order-table-detail, #myContacts .order-table table td .order-table-detail, #myPassengers .order-table table td .order-table-detail, #memberHome .order-table table td .order-table-detail, #memberConsumerPassword .order-table table td .order-table-detail, #lostConsumptionPassword .order-table table td .order-table-detail, #winxin-bind .order-table table td .order-table-detail {
    padding: 5px 15px
  }
  #orders .order-table table td .fake-th, #servicelist .order-table table td .fake-th, #hotellist .order-table table td .fake-th, #flightProof .order-table table td .fake-th, #ticketIssuance .order-table table td .fake-th, #myBeneficiary .order-table table td .fake-th, #modifyPwd .order-table table td .fake-th, #beneficiaryForm .order-table table td .fake-th, #beneficiaryHistory .order-table table td .fake-th, #myVisa .order-table table td .fake-th, #myPoints .order-table table td .fake-th, #levelChange .order-table table td .fake-th, #memberCard .order-table table td .fake-th, #pointClaimAdd .order-table table td .fake-th, #memberInfo .order-table table td .fake-th, #memberInfoProfile .order-table table td .fake-th, #memberAutoIdentify .order-table table td .fake-th, #pointPurchase .order-table table td .fake-th, #cardcoupons .order-table table td .fake-th, #myContacts .order-table table td .fake-th, #myPassengers .order-table table td .fake-th, #memberHome .order-table table td .fake-th, #memberConsumerPassword .order-table table td .fake-th, #lostConsumptionPassword .order-table table td .fake-th, #winxin-bind .order-table table td .fake-th {
    height: auto;
    line-height: 35px
  }
  #orders .order-table table td .font-small, #servicelist .order-table table td .font-small, #hotellist .order-table table td .font-small, #flightProof .order-table table td .font-small, #ticketIssuance .order-table table td .font-small, #myBeneficiary .order-table table td .font-small, #modifyPwd .order-table table td .font-small, #beneficiaryForm .order-table table td .font-small, #beneficiaryHistory .order-table table td .font-small, #myVisa .order-table table td .font-small, #myPoints .order-table table td .font-small, #levelChange .order-table table td .font-small, #memberCard .order-table table td .font-small, #pointClaimAdd .order-table table td .font-small, #memberInfo .order-table table td .font-small, #memberInfoProfile .order-table table td .font-small, #memberAutoIdentify .order-table table td .font-small, #pointPurchase .order-table table td .font-small, #cardcoupons .order-table table td .font-small, #myContacts .order-table table td .font-small, #myPassengers .order-table table td .font-small, #memberHome .order-table table td .font-small, #memberConsumerPassword .order-table table td .font-small, #lostConsumptionPassword .order-table table td .font-small, #winxin-bind .order-table table td .font-small {
    font-weight: lighter
  }
  #orders .order-table table td:first-of-type, #servicelist .order-table table td:first-of-type, #hotellist .order-table table td:first-of-type, #flightProof .order-table table td:first-of-type, #ticketIssuance .order-table table td:first-of-type, #myBeneficiary .order-table table td:first-of-type, #modifyPwd .order-table table td:first-of-type, #beneficiaryForm .order-table table td:first-of-type, #beneficiaryHistory .order-table table td:first-of-type, #myVisa .order-table table td:first-of-type, #myPoints .order-table table td:first-of-type, #levelChange .order-table table td:first-of-type, #memberCard .order-table table td:first-of-type, #pointClaimAdd .order-table table td:first-of-type, #memberInfo .order-table table td:first-of-type, #memberInfoProfile .order-table table td:first-of-type, #memberAutoIdentify .order-table table td:first-of-type, #pointPurchase .order-table table td:first-of-type, #cardcoupons .order-table table td:first-of-type, #myContacts .order-table table td:first-of-type, #myPassengers .order-table table td:first-of-type, #memberHome .order-table table td:first-of-type, #memberConsumerPassword .order-table table td:first-of-type, #lostConsumptionPassword .order-table table td:first-of-type, #winxin-bind .order-table table td:first-of-type {
    width: 100%
  }
  #orders .order-table table td:last-of-type, #servicelist .order-table table td:last-of-type, #hotellist .order-table table td:last-of-type, #flightProof .order-table table td:last-of-type, #ticketIssuance .order-table table td:last-of-type, #myBeneficiary .order-table table td:last-of-type, #modifyPwd .order-table table td:last-of-type, #beneficiaryForm .order-table table td:last-of-type, #beneficiaryHistory .order-table table td:last-of-type, #myVisa .order-table table td:last-of-type, #myPoints .order-table table td:last-of-type, #levelChange .order-table table td:last-of-type, #memberCard .order-table table td:last-of-type, #pointClaimAdd .order-table table td:last-of-type, #memberInfo .order-table table td:last-of-type, #memberInfoProfile .order-table table td:last-of-type, #memberAutoIdentify .order-table table td:last-of-type, #pointPurchase .order-table table td:last-of-type, #cardcoupons .order-table table td:last-of-type, #myContacts .order-table table td:last-of-type, #myPassengers .order-table table td:last-of-type, #memberHome .order-table table td:last-of-type, #memberConsumerPassword .order-table table td:last-of-type, #lostConsumptionPassword .order-table table td:last-of-type, #winxin-bind .order-table table td:last-of-type {
    width: 100%
  }
}

#orders .fromContent, #servicelist .fromContent, #hotellist .fromContent, #flightProof .fromContent, #ticketIssuance .fromContent, #myBeneficiary .fromContent, #modifyPwd .fromContent, #beneficiaryForm .fromContent, #beneficiaryHistory .fromContent, #myVisa .fromContent, #myPoints .fromContent, #levelChange .fromContent, #memberCard .fromContent, #pointClaimAdd .fromContent, #memberInfo .fromContent, #memberInfoProfile .fromContent, #memberAutoIdentify .fromContent, #pointPurchase .fromContent, #cardcoupons .fromContent, #myContacts .fromContent, #myPassengers .fromContent, #memberHome .fromContent, #memberConsumerPassword .fromContent, #lostConsumptionPassword .fromContent, #winxin-bind .fromContent {
  background: white
}

#orders .fromContent .airport-search-button, #servicelist .fromContent .airport-search-button, #hotellist .fromContent .airport-search-button, #flightProof .fromContent .airport-search-button, #ticketIssuance .fromContent .airport-search-button, #myBeneficiary .fromContent .airport-search-button, #modifyPwd .fromContent .airport-search-button, #beneficiaryForm .fromContent .airport-search-button, #beneficiaryHistory .fromContent .airport-search-button, #myVisa .fromContent .airport-search-button, #myPoints .fromContent .airport-search-button, #levelChange .fromContent .airport-search-button, #memberCard .fromContent .airport-search-button, #pointClaimAdd .fromContent .airport-search-button, #memberInfo .fromContent .airport-search-button, #memberInfoProfile .fromContent .airport-search-button, #memberAutoIdentify .fromContent .airport-search-button, #pointPurchase .fromContent .airport-search-button, #cardcoupons .fromContent .airport-search-button, #myContacts .fromContent .airport-search-button, #myPassengers .fromContent .airport-search-button, #memberHome .fromContent .airport-search-button, #memberConsumerPassword .fromContent .airport-search-button, #lostConsumptionPassword .fromContent .airport-search-button, #winxin-bind .fromContent .airport-search-button {
  right: 0;
  padding-right: 15px
}

#myaccount {
  background-color: #fff
}

@media(max-width:991px) {
  #myaccount {
    width: 100%;
    padding: 0 5px;
    background-color: transparent
  }
  #myaccount .paddinTop30 {
    background-color: #fff
  }
  .sub-navigation {
    margin: 5px
  }
  #memberInfo {
    margin: 0 5px;
    padding-left: 0;
    width: 99%
  }
}

@media(max-width:639px) {
  #content-body .account-header {
    margin: 5px
  }
  #orders h1:before {
    content: "";
    background: url(flight-order.pvg) no-repeat;
    vertical-align: middle;
    height: 30px;
    width: 60px;
    display: inline-block;
    background-size: 50px
  }
  #orders .shadowcard-wrapper .shadowcard {
    background-color: transparent;
    padding: 0 0 15px 0
  }
  #orders .shadowcard-wrapper .shadowcard .order-table {
    background-color: white
  }
  #myaccount {
    background-color: transparent
  }
  #myaccount .paddinTop30 {
    margin: 5px 5px 0 5px;
    background-color: white
  }
  #myaccount .paddinTop30 .accountName div {
    width: 50%
  }
  #myaccount .paddinTop30 .myaccount {
    height: auto;
    margin: 0
  }
  #myaccount .paddinTop30 .myaccount .order-member .tag {
    display: none
  }
  #myaccount .paddinTop30 .accountName {
    border-bottom: 1px solid #bfa456;
    margin-bottom: 10px;
    padding-bottom: 0
  }
  #myaccount .paddinTop30 .memberid .tag, #myaccount .paddinTop30 .memberid .value {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px
  }
  #myaccount .paddinTop30 .memberid .value {
    float: right;
    font-weight: 700
  }
  #myaccount .paddinTop30 .memberid .showlink {
    display: block
  }
  #myaccount .paddinTop30 .point .tag, #myaccount .paddinTop30 .point .value {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px
  }
  #myaccount .paddinTop30 .point .value {
    float: right;
    font-weight: 700
  }
  .sub-navigation {
    margin: 0;
    background-color: #fff;
    padding: 10px 20px;
    font-weight: 100
  }
  .sub-navigation p {
    font-size: 14px
  }
  .shadowcard-wrapper {
    margin: 0;
    background-color: transparent
  }
  .shadowcard-wrapper .shadowcard {
    margin: 0 5px 5px;
    background-color: #fff
  }
  .shadowcard-wrapper .shadowcard .order-addbooking-form {
    padding-top: 0
  }
  .shadowcard-wrapper .panel-blue {
    padding: 15px 20px
  }
  .shadowcard-wrapper .ordernumber span:first-child {
    font-weight: lighter
  }
  .shadowcard-wrapper .ordernumber li:first-child {
    float: left;
    width: 50%;
    text-align: left;
    border-right: 1px solid #d8d8d8;
    padding-left: 10px
  }
  .shadowcard-wrapper .ordernumber li:first-child span {
    display: block;
    width: 100%
  }
  .shadowcard-wrapper .ordernumber li:nth-child(2), .shadowcard-wrapper .ordernumber li:last-child {
    float: right;
    width: 50%;
    text-align: left;
    padding-left: 10px
  }
  .shadowcard-wrapper .ordernumber li:last-child span {
    display: inline-block;
    width: auto;
    float: left
  }
  .shadowcard-wrapper .btnMobile .order-notification {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    padding: 10px 0;
    margin-top: 20px
  }
  .shadowcard-wrapper .order-table-itinerary {
    border-top: 2px solid #223b61;
    border-bottom: 2px solid #d8d8d8;
    margin-top: 10px;
    display: block
  }
  .shadowcard-wrapper .order-table-itinerary p {
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    text-align: center
  }
  .shadowcard-wrapper .order-table-detail {
    font-size: 12px;
    font-weight: lighter
  }
  .shadowcard-wrapper .order-table-detail .flightnumber {
    font-size: 30px
  }
  .orderlist-alert {
    margin: 5px
  }
  .orderlist-alert:last-child {
    margin-bottom: 0
  }
  #orders .shadowcard-wrapper .shadowcard {
    padding: 0
  }
}

#myaccount .paddinTop30 {
  border: 1px solid #bfa456;
  padding: 20px
}

#myaccount .paddinTop30 .row p {
  font-size: 14px;
  color: #594510
}

#myaccount .paddinTop30 .next-flight p {
  font-size: 12px
}

#myaccount .paddinTop30 .memberid p.value, #myaccount .paddinTop30 .point p.value {
  text-align: right
}

#myaccount .paddinTop30 .point p.value {
  font-size: 24px
}

@media(max-width:639px) {
  #myaccount .paddinTop30 .point p.value {
    font-size: 14px;
    line-height: 35px
  }
  #myaccount .paddinTop30 .memberid p.value {
    font-weight: 100
  }
}

#myaccount .paddinTop30 .point p.tag {
  line-height: 35px
}

#myaccount .tag, #myaccount .value {
  display: block
}

#myaccount .accountName {
  border-bottom: 1px solid #bfa456;
  margin-bottom: 10px
}

#myaccount .accountName .col-md-4 {
  border-right: 1px solid #bfa456;
  min-height: 65px
}

#myaccount .accountName a {
  float: right;
  color: #594510
}

@media(max-width:639px) {
  #myaccount .myaccount {
    min-height: auto
  }
}

#myaccount .myaccount .showlink {
  padding-left: 10px;
  text-decoration: underline;
  font-size: 16px
}

#myaccount .myaccount .showlink span {
  float: left;
  font-size: 14px;
  padding-right: 5px
}

#myaccount .myaccount img {
  float: left;
  margin-top: 6px
}

#myaccount .myaccount .order-member {
  display: inline-block
}

#myaccount .myaccount .order-member .value {
  width: 115px;
  word-break: break-all;
  font-size: 14px;
  font-weight: 700
}

#myaccount .GlodBTN {
  text-align: center;
  margin: 5px 0 10px 0
}

#myaccount .GlodBTN .btn-special {
  max-width: 100%
}

#myaccount .memberid .value, #myaccount .point .value {
  font-weight: bold;
  font-size: 24px
}

#myaccount .next-flight .trip {
  font-weight: bold
}

#myContacts h1 {
  background-image: url(member-contact.pvg)
}

@media(max-width:639px) {
  #myContacts tbody tr a {
    position: absolute;
    top: 12%;
    right: 40px
  }
  #myContacts tbody tr .fake-th {
    font-weight: normal
  }
  #myContacts tbody tr span {
    font-weight: bold
  }
  #myContacts tbody tr td:first-child .fake-th {
    display: none
  }
  #myContacts tbody tr td:first-child span {
    font-weight: bold;
    font-size: 24px
  }
  #myContacts tbody tr td {
    height: auto
  }
  #myContacts tbody tr td span {
    display: block;
    width: 100%;
    text-align: center
  }
}

.sub-navigation {
  border-bottom: 1px solid rgba(128, 128, 128, 0.31);
  padding: 15px 20px 15px;
  margin: 15px 0
}

.display-label {
  font-size: 12px
}

.shadowcard-wrapper .shadowcard .order-addbooking-form {
  padding-bottom: 20px
}

.shadowcard-wrapper .shadowcard .order-addbooking-form .row .col-sm-4:last-child .ui-input-wrapper {
  padding-right: 0
}

.shadowcard-wrapper .shadowcard .order-addbooking-form .form-tail button {
  max-width: 160px
}

@media(max-width:991px) {
  .accountName div {
    width: 50%
  }
  .sub-navigation {
    background-color: #fff;
    margin: 5px 0 0
  }
  #orders .shadowcard-wrapper:nth-child(2) {
    display: none
  }
}

.order-filter-wrapper .refund-card-content {
  max-height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: max-height .5s ease 0s, opacity .5s ease 0s, padding-top .5s ease 0s, padding-bottom .5s ease 0s;
  overflow: hidden
}

.order-filter-wrapper .show-filter .refund-card-content {
  max-height: 100%;
  opacity: 1;
  filter: alpha(opacity=100)
}

.order-calendar-wraper {
  position: relative
}

.order-calendar-wraper .expandable-date-wrapper {
  position: absolute;
  left: 0;
  top: 86px;
  z-index: 1;
  width: 100%;
  padding-bottom: 10px;
  background: #fff
}

@media(max-width:639px) {
  .order-calendar-wraper .expandable-date-wrapper.endDate-position {
    top: 187px
  }
}

#myaccount .point a.refresh-wraper {
  margin-left: 10px;
  margin-top: 10px;
  color: #594510
}

#myaccount .point a.refresh-wraper .refresh img {
  float: none;
  margin-top: -8px
}

@media(min-width:992px) {
  #orders_mp {
    padding-left: 15px
  }
}

@media(min-width:640px) {
  #orders_mp h1 {
    padding-left: 10px
  }
  #orders_mp .order-filter-wrapper {
    margin-bottom: 30px
  }
  #orders_mp .order-filter-wrapper .btn {
    margin-top: 18px
  }
  #orders_mp h1:before {
    content: "";
    background: url(flight-order.pvg) no-repeat;
    height: 63px;
    width: 100px;
    vertical-align: middle;
    display: inline-block
  }
}

#orders_mp .order-filter-wrapper .order-filter-form {
  max-height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: max-height .5s ease 0s, opacity .5s ease 0s, padding-top .5s ease 0s, padding-bottom .5s ease 0s;
  overflow: hidden
}

#orders_mp .order-filter-wrapper .show-filter .order-filter-form {
  max-height: 150px;
  opacity: 1;
  filter: alpha(opacity=100)
}

#orders_mp .order-table .ordernumber {
  color: #777
}

#orders_mp .order-table table {
  margin-bottom: 10px
}

#orders_mp .order-table .isretrieved {
  color: #e4007f
}

#orders_mp .order-table .order-table-detail {
  font-size: 12px;
  font-weight: 100
}

#orders_mp .order-table .table-detail-depature {
  display: inline-block;
  width: 45%;
  vertical-align: middle
}

#orders_mp .order-table .table-detail-depature p {
  font-size: 14px;
  font-weight: bold
}

#orders_mp .order-table .table-detail-depature p.flightnumber, #orders_mp .order-table .table-detail-depature p.font-small {
  font-size: 12px;
  font-weight: 100
}

#orders_mp .order-table .table-detail-icon {
  vertical-align: middle
}

#orders_mp .order-table .table-detail-icon.hotel, #orders_mp .order-table .table-detail-icon.car {
  display: inline-block;
  width: 10%;
  background: url(icon_mp_hotel.png) no-repeat;
  background-size: initial;
  background-position: center;
  height: 60px;
  background-size: 100% 100%
}

#orders_mp .order-table .table-detail-icon.car {
  background: url(icon_mp_car.png) no-repeat;
  background-size: 100% 100%
}

#orders_mp .order-table .table-detail-arrival {
  display: inline-block;
  width: 45%;
  vertical-align: middle
}

#orders_mp .order-table .table-detail-arrival p {
  font-size: 14px;
  font-weight: bold
}

#orders_mp .order-table .table-detail-arrival p.flightnumber, #orders_mp .order-table .table-detail-arrival p.font-small {
  font-size: 12px;
  font-weight: 100
}

#orders_mp .order-table .order-table-detail {
  padding: 15px;
  border-bottom: 1px solid #979797
}

#orders_mp .order-table .order-table-detail:nth-of-type(even) {
  background-color: #f8f8f8
}

#orders_mp .order-table .order-table-detail:last-of-type {
  border-bottom: 0
}

#orders_mp .order-table table td {
  padding: 0
}

#orders_mp .order-table table td .fake-th {
  height: 50px;
  line-height: 50px
}

#orders_mp .order-table table td:first-of-type {
  width: 75%
}

#orders_mp .order-table table td:last-of-type {
  width: 25%
}

#orders_mp .order-table .btnMobile .order-notification {
  margin-top: 15px
}

#orders_mp .order-table .btnMobile .order-notification li p {
  background: url(icon-info-hover.pvg) 0 0 no-repeat;
  padding-left: 25px;
  line-height: 15px;
  font-size: 12px;
  margin-bottom: 5px;
  padding-top: 1px
}

#orders_mp .order-table .btnMobile button {
  max-width: 160px;
  margin-left: 5px;
  width: 48%
}

#orders_mp .order-table .btnMobile .btn-pink {
  margin-top: 15px
}

@media(max-width:639px) {
  #orders_mp .order-table .btnMobile .col-sm-6 {
    width: 100%
  }
  #orders_mp .order-table .btnMobile .col-sm-6 button {
    max-width: 100%;
    margin-top: 10px
  }
}

#orders_mp .order-table .mp_order li, #orders_mp .order-table .hotel_infor li, #orders_mp .order-table .car_infor li {
  display: inline-block;
  width: 25%;
  vertical-align: top;
  font-size: 0
}

#orders_mp .order-table .mp_order li p, #orders_mp .order-table .hotel_infor li p, #orders_mp .order-table .car_infor li p {
  font-size: 14px;
  font-weight: bold
}

#orders_mp .order-table .mp_order li p:first-child, #orders_mp .order-table .hotel_infor li p:first-child, #orders_mp .order-table .car_infor li p:first-child {
  font-weight: normal
}

#orders_mp .order-table .mp_order li .mp-currency, #orders_mp .order-table .hotel_infor li .mp-currency, #orders_mp .order-table .car_infor li .mp-currency {
  font-weight: normal;
  font-size: 12px
}

#orders_mp .order-table .hotel_infor li {
  width: 18%
}

#orders_mp .order-table .hotel_infor li.hotelTime {
  width: 28%
}

#orders_mp .order-table .car_infor li {
  width: 25%
}

#orders_mp .order-table .car_infor li.carTime {
  width: 50%
}

#orders_mp .order-table .hotelDay {
  margin-left: 50px;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  background: url(icon_mp_line.png) repeat-y 3px top
}

#orders_mp .order-table .hotelDay dd {
  background: url(icon_mp_circle.png) no-repeat left center;
  padding-left: 16px
}

#orders_mp .order-table:first-child .ordernumber {
  color: #777;
  padding: 15px 0 5px
}

@media(max-width:639px) {
  #orders_mp .order-filter-wrapper {
    padding: 0 15px;
    display: none
  }
  #orders_mp .order-filter-wrapper .ui-input-wrapper {
    padding-right: 0
  }
  #orders_mp .order-filter-wrapper .show-filter .order-filter-form {
    max-height: 500px
  }
  #orders_mp .ordernumber {
    text-align: center;
    padding: 20px 0 10px;
    font-weight: bold
  }
  #orders_mp .order-table {
    margin: 0;
    padding: 10px;
    margin-bottom: 0
  }
  #orders_mp .order-table table td {
    width: auto;
    height: auto
  }
  #orders_mp .order-table table td .fake-th {
    display: block
  }
  #orders_mp .order-table table td .order-table-detail, #orders_mp .order-table table td .fake-th {
    border-top: 1px solid #d8d8d8;
    border-bottom: 0;
    font-size: 14px
  }
  #orders_mp .order-table table td .order-table-detail {
    padding: 5px 15px
  }
  #orders_mp .order-table table td .fake-th {
    height: auto;
    line-height: 35px
  }
  #orders_mp .order-table table td .font-small {
    font-weight: lighter
  }
  #orders_mp .order-table table td:first-of-type {
    width: 100%
  }
  #orders_mp .order-table table td:last-of-type {
    width: 100%
  }
}

#orders_mp .fromContent {
  background: white
}

#orders_mp .fromContent .airport-search-button {
  right: 0;
  padding-right: 15px
}

@media(min-width:992px) {
  #flights {
    padding-left: 15px
  }
}

@media(min-width:640px) {
  #flights .mobile-hide {
    display: block
  }
  #flights .pc-hide {
    display: none
  }
  #flights h1 {
    padding-left: 10px
  }
  #flights h1:before {
    content: "";
    background: url(flight-order.pvg) no-repeat;
    height: 63px;
    width: 100px;
    vertical-align: middle;
    display: inline-block
  }
}

#flights .shadowcard-wrapper {
  margin-bottom: 10px
}

#flights .flight-list-tit {
  padding: 10px 0
}

#flights .flight-list-tit .flight-list-view li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 60px;
  cursor: pointer;
  opacity: .8
}

#flights .flight-list-tit .flight-list-view li span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px
}

#flights .flight-list-tit .flight-list-view li.selected {
  font-weight: bold;
  opacity: 1
}

#flights .flight-list-tit .flight-list-view li:first-child {
  margin-left: 0
}

#flights .dateStly.datePickerList {
  padding: 30px 5px;
  background-color: #fff
}

#flights .order-table {
  background-color: #fff;
  padding: 15px;
  margin: 0;
  margin-bottom: 10px
}

#flights .order-table ul.ordernumber {
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 10px;
  padding-bottom: 5px
}

#flights .order-table .pax-border {
  text-align: left;
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  margin-bottom: -5000px;
  padding-bottom: 5000px
}

#flights .order-table .pax-tit {
  font-weight: bold
}

#flights .order-table .pax-pad {
  padding: 10px
}

#flights .order-table .pax-pad .passengers {
  padding-left: 15px;
  font-size: 12px
}

#flights .order-table .order-table-detail {
  font-size: 12px;
  font-weight: 100
}

#flights .order-table .table-detail-depature {
  display: inline-block;
  width: 30%;
  text-align: left
}

#flights .order-table .table-detail-depature p {
  font-size: 14px;
  margin-bottom: 5px
}

#flights .order-table .table-detail-depature p.font-small {
  font-size: 12px
}

#flights .order-table .table-detail-depature p.font-code {
  font-size: 24px;
  font-weight: bold
}

#flights .order-table .table-detail-icon {
  display: inline-block;
  width: 40%;
  background: url(icon-order-plane.pvg) no-repeat;
  background-size: initial;
  background-position: 40%;
  height: 60px;
  background-size: 40px
}

#flights .order-table .table-detail-arrival {
  display: inline-block;
  width: 30%;
  text-align: left
}

#flights .order-table .table-detail-arrival p {
  font-size: 14px;
  margin-bottom: 5px
}

#flights .order-table .table-detail-arrival p.font-small {
  font-size: 12px
}

#flights .order-table .table-detail-arrival p.font-code {
  font-size: 24px;
  font-weight: bold
}

#flights .order-table .order-table-detail {
  padding: 10px;
  border-bottom: 1px solid #979797
}

#flights .order-table .order-table-detail:nth-of-type(even) {
  background-color: #f8f8f8
}

#flights .order-table .order-table-detail:last-of-type {
  border-bottom: 0
}

#flights .order-table table td {
  border: 0;
  padding: 0;
  overflow: hidden
}

#flights .order-table table td:first-of-type {
  width: 60%
}

#flights .order-table table td:nth-child(2) {
  width: 20%
}

#flights .order-table table td:last-of-type {
  width: 20%
}

#flights .order-table table tr {
  border: 0
}

#flights .order-table .btn-option {
  padding-left: 15px
}

#flights .order-table .btn-option button {
  height: 46px;
  line-height: 46px;
  margin-top: 13px
}

#flights .order-table .btn-option button.disable {
  background-color: #e3e3e3;
  color: #aeadad
}

#flights .order-table .btn-option button.disable:hover {
  cursor: not-allowed
}

#flights .order-table .btn-option button:first-child {
  margin-top: 0
}

@media(max-width:639px) {
  #flights .mobile-hide {
    display: none
  }
  #flights .pc-hide {
    display: block
  }
  #flights .ordernumber {
    text-align: center;
    padding: 20px 0 10px;
    font-weight: bold
  }
  #flights .flight-list-view li span {
    display: none
  }
  #flights .order-table {
    margin: 0;
    padding: 10px;
    margin-bottom: 0
  }
  #flights .order-table table td {
    width: 100%;
    height: auto
  }
  #flights .order-table table td .order-table-detail {
    border-top: 1px solid #d8d8d8;
    border-bottom: 0;
    font-size: 14px
  }
  #flights .order-table table td .order-table-detail {
    padding: 5px 15px
  }
  #flights .order-table table td .font-small {
    font-weight: lighter
  }
  #flights .order-table table td:first-of-type {
    width: 100%
  }
  #flights .order-table table td:last-of-type {
    width: 100%
  }
}

#flights .fromContent {
  background: white
}

#flights .fromContent .airport-search-button {
  right: 0;
  padding-right: 15px
}

#flights .pagination li {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  padding: 0 5px;
  margin-right: 5px;
  text-align: center
}

#flights .pagination li a {
  line-height: 25px
}

#flights .pagination li.active {
  color: white;
  padding: 0 8px;
  background-color: #e4007f;
  color: #fff
}

#flights .pagination li.active a {
  color: white
}

#flights .pagination li.pagination-info {
  margin-left: 25px
}

#flights .pastTips {
  background-color: #fff;
  padding: 15px 24px;
  border-bottom: 1px solid #d8d8d8
}

#flights .pastTips li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 25px
}

#flights .pastTips li:first-child {
  margin-left: 0
}

#flights .dateStly.datePickerList .day {
  position: relative;
  cursor: default
}

#flights .dateStly.datePickerList .day:hover {
  background-color: #f8f8f8
}

#flights .dateStly.datePickerList .tripWraper {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  font-size: 14px
}

#flights .dateStly.datePickerList .tripInfo {
  display: block;
  cursor: pointer;
  border-top: 1px solid #fff;
  padding-right: 20px;
  background: url(icon-arrow-right.pvg) right center no-repeat
}

#flights .dateStly.datePickerList .tripInfo.able {
  color: white;
  background: url(icon-arrow-right-white.pvg) right center no-repeat #223b61
}

#flights .datePickerList div.ardp-date-picker .calendar .weeks div .week .day.selected {
  background: #f8f8f8;
  color: #244152
}

#flights .datePickerList .month-header-single {
  margin-left: 35px
}

#flights .datePickerList .month-header-single select {
  display: inline-block;
  height: 30px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  font-size: 20px;
  font-weight: bold;
  margin-right: 10px;
  margin-top: -2px
}

#flights .datePickerList div.ardp-date-picker .calendar .week-header {
  background: 0;
  text-transform: uppercase
}

#flights .datePickerList div.ardp-date-picker .calendar .weeks {
  border: 0
}

.refund h1:before {
  content: "";
  background: url(icon-head-refund.pvg) no-repeat;
  height: 63px;
  width: 100px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px
}

.refund .card-content .card-content-left {
  border-right: 1px solid #d8d8d8
}

.refund .card-content .card-content-right {
  padding-left: 30px
}

.refund .card-content .card-content-top {
  margin: 15px 0
}

.refund .card-content .card-content-top .disabled-select .ui-select {
  color: #979797
}

.refund .card-content .card-content-top .ui-select-wrapper {
  padding-right: 0
}

.refund .card-content .card-content-top .ui-input-wrapper {
  padding-right: 0
}

.refund .card-content .card-content-top .refund-reason>.row {
  margin: 15px 0
}

.refund .card-content .card-content-bottom {
  border-top: 1px solid #979797;
  border-bottom: 1px solid #979797
}

.refund .card-content .card-content-bottom p {
  display: inline-block;
  vertical-align: middle
}

.refund .card-content .card-content-bottom p .text-big-bold {
  font-size: 24px;
  font-weight: bold
}

.refund .card-content .card-content-bottom p:first-of-type {
  width: auto;
  margin-right: 15px
}

.refund .card-content .card-content-bottom p:last-of-type {
  vertical-align: top;
  padding-left: 10px
}

.refund .card-content p {
  margin: 15px 0
}

.refund .card-content p .text-bold {
  font-weight: bold
}

@media(max-width:991px) {
  .refund .card-content .card-content-left {
    border-bottom: 1px solid #d8d8d8;
    border-right: 0
  }
  .refund .card-content .card-content-right {
    padding-left: 0
  }
}

.refund .refund-condition {
  font-size: 14px
}

.refund .refund-condition .condition-link {
  color: #e4007f;
  text-decoration: underline;
  cursor: pointer
}

.refund .refund-condition .ui-checkbox-wrapper {
  margin-top: 25px;
  padding: 5px
}

.refund .refund-condition .ui-checkbox-wrapper .ui-checkbox-text {
  vertical-align: top;
  width: 95%
}

@media(max-width:991px) {
  .refund h1, .refund .refund-condition {
    padding: 0 15px
  }
  .refund .refund-condition {
    background-color: #fff;
    margin: 0 5px
  }
  .refund .refund-condition .ui-checkbox-wrapper .ui-checkbox-text {
    width: 90%;
    font-weight: normal;
    font-size: 12px
  }
}

.order-filter-wrapper .card-content {
  max-height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: max-height .5s ease 0s, opacity .5s ease 0s, padding-top .5s ease 0s, padding-bottom .5s ease 0s;
  overflow: hidden
}

.order-filter-wrapper .show-filter .card-content {
  max-height: 150px;
  opacity: 1;
  filter: alpha(opacity=100)
}

@media(max-width:639px) {
  #refundForm {
    margin-top: 5px
  }
  .pl {
    padding-left: 0
  }
  .flightstatus-wrapper {
    padding-top: 0
  }
  #flightStatus {
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px
  }
  .ui-autocomplete, .ui-input-wrapper, .ui-select-wrapper, #flightStatus .fromContent .airport-search-button, #flightStatus .fromContent .flight-search-button {
    padding-right: 0;
    margin-bottom: 25px
  }
  #flightStatus .fromContent>div {
    width: 100%
  }
  .ui-dateinput-wrapper .ui-input-wrapper {
    padding-right: 5px
  }
  .ui-dateinput-wrapper .ui-input-wrapper-year {
    padding-right: 0
  }
  .ui-checkbox-wrapper {
    padding-right: 0
  }
  .flightstatus-wrapper .flightstatusForm .bookingpanel-city {
    margin-top: 15px
  }
}

.refund-card-content {
  font-size: 14px
}

.refund-card-content .starinfo {
  padding: 0;
  font-size: 12px
}

.refund-card-content .flightinfo {
  border-bottom: 1px solid #d8d8d8;
  padding: 10px 0
}

.refund-card-content .refund-info {
  margin-right: 40px;
  line-height: 2
}

@media(max-width:639px) {
  .refund-card-content .refund-info {
    margin-right: 10%
  }
}

.refund-card-content .refund-info:first-of-type {
  margin-right: 0
}

.refund-card-content .basicinfo {
  border-bottom: 1px solid #d8d8d8;
  padding-top: 0
}

.refund-card-content .basicinfo span {
  padding-top: 10px;
  padding-bottom: 10px
}

.refund-card-content .basicinfo span:nth-child(even) {
  padding-right: 50px
}

.refund-card-content p {
  padding: 10px 0
}

#refundForm .refund-order-info th {
  width: 10%;
  white-space: nowrap;
  font-weight: bold
}

#refundForm .refund-order-info .glyphicon {
  vertical-align: middle;
  margin-right: 5px
}

#refundForm .showPassengerInfos td {
  padding-left: 1em
}

#refundForm .refund-form {
  padding-left: 5px;
  padding-right: 5px
}

#refundForm .refund-form>.row {
  margin-bottom: 15px
}

#refundForm .refund-form>.row .ui-select-wrapper, #refundForm .refund-form>.row .ui-select-wrapper, #refundForm .refund-form>.row .ui-input-wrapper, #refundForm .refund-form>.row .ui-filebox-wrapper {
  padding: 0 10px
}

#refundForm .refund-form>.row.showReason {
  padding: 0 15px
}

#refundForm .refund-form>.row.showReason p:nth-child(2) {
  text-indent: 2em;
  font-size: 16px;
  padding: 5px 0
}

#refundForm .refund-form .refund-tip {
  margin-left: 10px;
  font-weight: 600;
  font-size: 12px
}

#refundForm .refund-price {
  border: 1px solid #979797;
  border-left: none;
  border-right: 0
}

#refundForm .refund-price .price {
  margin: 0 10px;
  font-size: 24px;
  font-weight: bold
}

#refundForm .refund-price .icon-info {
  margin-right: 10px
}

#refundForm .refund-price .detail .table thead th, #refundForm .refund-price .detail .table tfoot th, #refundForm .refund-price .detail .table tfoot td {
  font-weight: bold
}

#refundForm .refund-rules th {
  width: 10%;
  white-space: nowrap;
  font-weight: bold
}

#refundForm .refund-agreement {
  padding: 0 15px
}

#refundForm .refund-agreement .condition-link {
  margin-bottom: 15px
}

#refundForm .refund-agreement .condition-link a {
  color: #e4007f
}

.hotel-form h1:before {
  content: "";
  background: url(icon-head-hotel.pvg) no-repeat;
  height: 84px;
  width: 50px;
  display: inline-block;
  margin-right: 15px
}

.hotel-form .btn-wrapper {
  padding-right: 15px;
  margin-top: 27px
}

.hotel-form .btn-wrapper .btn {
  max-width: 100%
}

@media(max-width:639px) {
  .hotel-form .date-picker-desktop {
    display: none
  }
}

.hotel-form .date-picker-mobile .ardp-date-picker {
  padding-left: 0
}

@media(min-width:640px) {
  .hotel-form .date-picker-mobile {
    display: none
  }
}

@media(max-width:991px) {
  .hotel-form {
    padding-left: 15px
  }
}

.flight-route-map {
  position: relative;
  height: 0;
  padding-bottom: 48%
}

.flight-route-map img {
  position: absolute
}

.flight-route-info {
  color: #6d5613;
  font-size: 24px;
  padding: 18px 0;
  background: #bfa456
}

@media(max-width:639px) {
  .flight-route-info {
    padding-left: 15px
  }
}

#flightroute {
  background-color: white
}

.flightroute-formwrapper .ui-select-wrapper .display-label {
  color: #4a4a4a
}

.flightroute-formwrapper .panel-blue {
  padding: 15px;
  background: white;
  color: #4a4a4a
}

.flightroute-formwrapper p {
  font-size: 24px;
  margin-bottom: 10px
}

@media(min-width:992px) {
  .flightroute-formwrapper {
    background: #223b61 url(upload/flight-route-map-b.jpg) center center no-repeat;
    background-size: contain;
    padding-top: 250px;
    padding-bottom: 50px;
    height: 500px
  }
}

@media(max-width:991px) {
  .flightroute-formwrapper {
    background: url(upload/flight-route-map-m.jpg) no-repeat;
    background-size: contain;
    padding-top: 280px
  }
}

@media(max-width:639px) {
  .flightroute-formwrapper {
    background: url(upload/flight-route-map-s.jpg) no-repeat;
    background-size: contain;
    padding-top: 200px
  }
  .flightroute-formwrapper p {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: bold
  }
}

.flight-route-list .brandblue {
  background-color: #223b61
}

.flight-route-list .route-list {
  margin-top: 20px
}

.flight-route-list .route-list .route-country p {
  font-size: 24px;
  padding: 15px 10px
}

.flight-route-list .route-list .route-country li {
  font-size: 14px;
  padding-right: 20px
}

.flight-route-list .route-list .route-country li a {
  padding: 20px 28px;
  display: block;
  border-top: 1px solid #d8d8d8
}

@media(min-width:992px) {
  .flight-route-list .route-list .route-country:last-of-type li:nth-last-child(-n+4) a {
    border-bottom: 1px solid #d8d8d8
  }
}

@media(max-width:991px) {
  .flight-route-list .route-list {
    padding-left: 15px
  }
  .flight-route-list .route-list .route-country:last-of-type li:nth-last-child(-n+2) a {
    border-bottom: 1px solid #d8d8d8
  }
}

@media(max-width:639px) {
  .flight-route-list .route-list .route-country:last-of-type li:nth-last-child(-n+2) a {
    border-bottom: 0
  }
}

.flight-route-list .btn-link {
  text-decoration: none
}

.route-popup .table {
  margin: 15px 0
}

@media(min-width:640px) {
  .fixheader.flightschedule thead {
    display: block
  }
  .fixheader.flightschedule tbody {
    max-height: 127px;
    overflow-x: hidden;
    overflow-y: auto;
    display: block
  }
  .fixheader.flightschedule th, .fixheader.flightschedule td {
    width: 80px;
    border-bottom: 0
  }
}

@media(max-width:639px) {
  .fixheader.flightschedule {
    font-size: 12px;
    display: block
  }
}

.fixheader.flightschedule tr {
  border-bottom-color: #d8d8d8
}

.fixheader.flightschedule td.non, .fixheader.flightschedule td.has {
  text-indent: -9999em
}

.fixheader.flightschedule td.has {
  background: url(icon-check-black.pvg) center center no-repeat
}

@media(max-width:991px) {
  .flight-proof h1 {
    padding-left: 15px
  }
}

.flight-proof h1:before {
  content: "";
  background: url(icon-flightstatus.pvg) no-repeat;
  height: 46px;
  width: 47px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px
}

.flight-proof .proof-p {
  padding: 3px 0
}

.flight-proof form .btn-wrapper, .flight-proof #form .btn-wrapper {
  padding-right: 15px;
  float: right
}

.flight-proof form .btn-wrapper .btn, .flight-proof #form .btn-wrapper .btn {
  max-width: 100%
}

@media(max-width:991px) {
  .flight-proof form, .flight-proof #form {
    padding-left: 15px
  }
}

@media(max-width:639px) {
  .flight-proof form .btn-wrapper, .flight-proof #form .btn-wrapper {
    float: none;
    padding-top: 19px;
    padding-right: 15px
  }
}

.flight-proof .lost-tips .title {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px
}

.flight-proof .lost-tips ul li:before {
  background: #e4007f;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 5px 15px 0 5px;
  vertical-align: top
}

.proof-info span {
  vertical-align: middle
}

.proof-info .icon-info-red {
  background: url(icon-info-hover.pvg) center center no-repeat;
  background-size: contain;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px
}

.shadowcard-wrapper .shadowcard .proof-result-wrapper {
  margin: 0;
  border-top: 2px solid #223b61;
  background: white;
  padding: 0
}

.shadowcard-wrapper .shadowcard .proof-result-wrapper .table {
  margin: 0
}

.shadowcard-wrapper .shadowcard .proof-result-wrapper .table tbody tr:nth-of-type(3) {
  background: #f8f8f8
}

.shadowcard-wrapper .shadowcard .proof-result-wrapper .table tbody .mobile-head {
  display: none
}

.shadowcard-wrapper .shadowcard .proof-result-wrapper .table tbody tr:last-child td {
  border-bottom: 1px solid #d8d8d8
}

.shadowcard-wrapper .shadowcard .proof-result-wrapper .table td, .shadowcard-wrapper .shadowcard .proof-result-wrapper .table th {
  text-align: center;
  font-size: 14px;
  border-right: 1px solid #d8d8d8;
  vertical-align: middle
}

.shadowcard-wrapper .shadowcard .proof-result-wrapper .table td:last-of-type, .shadowcard-wrapper .shadowcard .proof-result-wrapper .table th:last-of-type {
  border-right: 0
}

.shadowcard-wrapper .shadowcard .proof-result-wrapper .table td {
  padding: 20px 0
}

.shadowcard-wrapper .shadowcard .proof-result-wrapper .table th {
  padding: 15px 0;
  font-weight: bold
}

.shadowcard-wrapper .shadowcard .proof-result-wrapper .table .text-big {
  font-size: 14px
}

.shadowcard-wrapper .shadowcard .proof-result-wrapper .table .mobile-text-small, .shadowcard-wrapper .shadowcard .proof-result-wrapper .table .text-red {
  font-weight: bold
}

.shadowcard-wrapper .shadowcard .proof-result-wrapper .table .hide-mobile, .shadowcard-wrapper .shadowcard .proof-result-wrapper .table .mobile-text-big {
  font-weight: 100
}

.shadowcard-wrapper .shadowcard .proof-result-wrapper .table .text-red {
  color: #e4007f
}

@media(max-width:639px) {
  .shadowcard-wrapper .shadowcard .proof-result-wrapper .table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
  }
  .shadowcard-wrapper .shadowcard .proof-result-wrapper .table tbody tr {
    display: inline-block;
    width: 50%;
    position: relative
  }
  .shadowcard-wrapper .shadowcard .proof-result-wrapper .table tbody tr:nth-of-type(3) {
    background: white
  }
  .shadowcard-wrapper .shadowcard .proof-result-wrapper .table tbody tr:nth-of-type(2):after {
    content: "";
    display: inline-block;
    width: 20%;
    height: 60px;
    background: url(icon-order-plane.pvg) no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 25px;
    right: -10%;
    z-index: 1
  }
  .shadowcard-wrapper .shadowcard .proof-result-wrapper .table tbody .mobile-head {
    display: block;
    font-size: 12px;
    color: black;
    text-align: center
  }
  .shadowcard-wrapper .shadowcard .proof-result-wrapper .table tbody .mobile-head-big {
    padding-top: 15px;
    font-size: 14px;
    width: 100%
  }
  .shadowcard-wrapper .shadowcard .proof-result-wrapper .table tbody .mobile-head-big td {
    padding: 0
  }
  .shadowcard-wrapper .shadowcard .proof-result-wrapper .table td, .shadowcard-wrapper .shadowcard .proof-result-wrapper .table th {
    border: 0
  }
  .shadowcard-wrapper .shadowcard .proof-result-wrapper .table td {
    display: block
  }
  .shadowcard-wrapper .shadowcard .proof-result-wrapper .table .text-big {
    font-size: 30px
  }
  .shadowcard-wrapper .shadowcard .proof-result-wrapper .table .mobile-text-big {
    font-size: 30px
  }
  .shadowcard-wrapper .shadowcard .proof-result-wrapper .table .mobile-text-small {
    font-size: 12px
  }
  .shadowcard-wrapper .shadowcard .proof-result-wrapper .table .hide-mobile {
    display: none
  }
}

.shadowcard-wrapper .shadowcard .proof-result-wrapper .download-btn {
  padding: 20px;
  text-align: right
}

@media(max-width:991px) {
  .shadowcard-wrapper .shadowcard .proof-result-wrapper {
    margin-left: 15px;
    margin-right: 15px
  }
}

.proof-middle .btnStyle {
  max-width: 520px;
  height: 55px;
  margin: 20px auto
}

.proof-middle .btnStyle button.btn {
  float: none;
  margin-left: 10%;
  width: 40%
}

.proof-middle .btnStyle button.btn:first-child {
  margin-left: 0
}

.proof-middle .proof-wraper {
  width: 727px;
  margin: 30px auto 70px
}

.proof-middle .proof-wraper .proof-inner {
  background-color: #fff;
  border: 1px solid #c4c4c4
}

.proof-middle .proof-wraper .proof-inner .proof-border {
  font-family: '宋体';
  width: 727px;
  position: relative;
  height: 975px
}

.proof-middle .proof-wraper .proof-inner .proof-border .proof-topimg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0
}

.proof-middle .proof-wraper .proof-inner .proof-border .proof-bottomimg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0
}

.proof-middle .proof-wraper .proof-inner .proof-border .content p {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  line-height: 40px;
  text-indent: 2em
}

.proof-middle .proof-wraper .proof-inner .proof-border .proof-text01 {
  position: absolute;
  z-index: 1;
  height: 496px;
  top: 225px;
  left: 50%;
  margin-left: -300px;
  width: 600px
}

.proof-middle .proof-wraper .proof-inner .proof-border .proof-text01 .text-en {
  margin: 40px auto 0
}

.proof-middle .proof-wraper .proof-inner .proof-border .proof-text02 {
  position: absolute;
  z-index: 1;
  height: 474px;
  top: 502px;
  left: 50%;
  margin-left: -300px;
  width: 600px
}

.proof-middle .proof-wraper .proof-inner .proof-border .proof-text02 .date {
  text-align: right;
  margin-top: 150px;
  margin-right: 85px
}

.proof-middle .proof-wraper .proof-inner .proof-border .proof-text02 .bianMa {
  text-indent: 0;
  margin-top: 25px
}

#sitemap {
  color: #4a4a4a
}

#sitemap .linklist {
  border-top: 3px solid;
  padding: 15px 0 50px 15px;
  font-size: 14px
}

#sitemap .linklist:nth-child(2n) {
  border-color: #223b61
}

#sitemap .linklist:nth-child(2n+1) {
  border-color: #bfa456
}

@media(min-width:640px) {
  #sitemap .linklist {
    padding: 30px 0 50px 30px
  }
  #sitemap .linklist:nth-child(2n+1) {
    clear: left
  }
}

@media(min-width:992px) {
  #sitemap .linklist:nth-child(2n+1) {
    clear: none
  }
  #sitemap .linklist:nth-child(4n+1) {
    clear: left
  }
}

#sitemap .link-cate {
  font-size: 24px;
  font-weight: bold;
  padding: 10px 0
}

#sitemap .link-cate h2 {
  word-wrap: break-word
}

#sitemap .link-item {
  padding: 5px 0
}

#sitemap .link-item a {
  text-decoration: underline
}

#sitemap .link-item a:hover {
  color: #4a4a4a
}

#sitemap li ul {
  border-left: 1px solid #223b61;
  padding-left: 10px
}

#content-header a {
  text-decoration: none
}

.navbar {
  margin-bottom: 0;
  border: 0
}

.navbar-logo-skyteam img {
  margin-left: 10px
}

.navbar-toggle .icon-bar {
  background: #223b61;
  height: 3px
}

.container-top {
  width: 100%;
  height: 44px;
  background-color: #223b61
}

.container-top .info {
  font-weight: 100
}

.container-top .info .fare-select-wrapper {
  position: inherit;
  display: inline-block;
  margin-top: -3px;
  float: right;
  height: 33px;
  width: 190px
}

.container-top .info .fare-select-wrapper .ui-select-wrapper {
  padding-right: 0
}

.container-top .info .fare-select-wrapper .ui-select-wrapper .ui-select-box {
  height: 30px
}

.container-top .info .item {
  display: inline-block;
  margin-left: 25px;
  padding: 12px 0 12px 25px;
  color: white;
  background: left center no-repeat
}

.container-top .info .search {
  background-image: url(searchicon_desktop.pvg)
}

.container-top .info .searchbar {
  display: none;
  padding: 0
}

.container-top .info .searchbar input {
  color: white;
  background: #162844 url(searchicon_desktop.pvg) 5px center no-repeat;
  padding: 0 5px 0 30px;
  border: 1px solid #0a1c37;
  height: 28px;
  line-height: 28px;
  width: 180px
}

.container-top .info .searchbar input::-webkit-input-placeholder {
  color: #999
}

.container-top .info .searchbar input:-moz-placeholder {
  color: #999
}

.container-top .info .searchbar input::-moz-placeholder {
  color: #999
}

.container-top .info .searchbar input:-ms-input-placeholder {
  color: #999
}

.container-top .info .searchbar .btn {
  display: none
}

.container-top .info .link-languageCms {
  background-image: url(header-lang.png);
  background-size: 20px;
}

.container-top .info .item-hidden {
  display: none
}

.container-top .info .item-show {
  display: inline-block
}

@media(max-width:639px) {
  .container-top .info {
    width: 100%;
    margin-right: 0
  }
  .container-top .info .search, .container-top .info .searchbar, .container-top .info .contact-us, .container-top .info .item-show {
    display: none
  }
  .container-top .info .lan-select {
    float: right;
    margin-right: 15px
  }
}

.dropdown-menu {
  width: 100%;
  padding: 25px 7.5px;
  border: 0;
  border-top: 1px solid #d8d8d8;
  background-color: #f8f8f8;
  top: 69px;
  box-shadow: 2px 2px 5px #7e7e7e
}

.dropdown-menu li {
  float: left;
  display: inline-block;
  width: 25%;
  position: relative
}

.dropdown-menu li a {
  border-bottom: 1px solid #d8d8d8;
  margin: 0 7.5px;
  padding: 10px 0
}

.dropdown-menu li img {
  width: 30px;
  height: 30px
}

.dropdown-menu li span, .dropdown-menu li p {
  display: inline-block;
  padding-left: 10px
}

@media(max-width:639px) {
  .dropdown-menu li {
    display: block;
    width: 100%
  }
}

.dropdown-menu li:hover {
  background-color: #f8f8f8
}

.navbar-right .dropdown-menu {
  margin: 0
}

.container-content {
  background-color: #f8f8f8;
  height: 70px
}

.navbar-header {
  height: 65px
}

.container-white {
  position: relative
}

.container-white .navbar-brand {
  display: inline-block;
  float: none
}

.container-white .navbar-brand .ceairLogo {
  margin-top: 5px;
  width: 110px
}

@media(max-width:991px) {
  .container-white .navbar-brand .ceairLogo {
    margin-top: 0;
    width: 80px
  }
}

.container-white .navbar-collapse {
  z-index: 20
}

@media(min-width:1025px) {
  .container-white .navbar-collapse {
    position: static;
    padding-right: 145px
  }
}

.container-white .navbar-fix {
  position: absolute;
  right: 0;
  top: 3px
}

@media(max-width:1024px) {
  .container-white .navbar-fix {
    right: 0
  }
}

@media(max-width:639px) {
  .container-white .navbar-fix {
    top: -14px
  }
}

.container-white .row .nav>li .navbar-link:hover {
  outline: invert none medium!important
}

.container-white .row .nav>li .navbar-link:after {
  content: "";
  background: url(arrow_down.png) 7px 3px no-repeat;
  width: 24px;
  height: 14px;
  display: inline-block
}

@media(max-width:991px) {
  .container-white .row .nav>li .navbar-link:after {
    float: right;
    margin-top: 8px
  }
}

@media(max-width:1024px) {
  .container-white .row .nav>li {
    position: initial;
    height: 100%;
    margin: 0;
    border-bottom: 1px solid #d8d8d8
  }
}

@media(min-width:1200px) {
  .container-white .hasDropdown {
    margin: 0 15px
  }
}

.container-white .nav>li {
  height: 28px;
  line-height: 36px;
  margin: 20px 0 20px 0;
  position: static
}

.container-white .nav>li .navbar-link {
  line-height: 12px;
  text-transform: uppercase;
  color: #4a4a4a;
  height: auto;
  position: relative
}

@media(min-width:640px) {
  .container-white .nav>li .navbar-link {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 19px;
    height: 50px
  }
}

.container-white .nav>li a:hover {
  font-weight: bold;
  background-color: transparent
}

.container-white .nav>li a:focus, .container-white .nav>li a:active {
  background-color: transparent
}

.container-white .nav>li>a {
  border-bottom: 5px solid transparent
}

.container-white .nav>li.members {
  background: url(member.pvg) 10px 10px no-repeat
}

@media(max-width:639px) {
  .container-white .nav>li.members {
    background: url(member.pvg) 0 10px no-repeat
  }
}

@media(min-width:1200px) {
  .container-white .nav>li.members {
    background: url(member.pvg) 20px 10px no-repeat
  }
}

.container-white .nav>li.members .navbar-link {
  height: 50px;
  display: inline-block;
  padding-left: 45px;
  padding-right: 10px;
  border-right: 0
}

.container-white .nav .open>a {
  border-bottom: 5px solid #d8d8d8
}

.container-top .ui-select {
  background-color: #162844;
  height: 35px;
  color: white;
  font-size: 14px;
  border: 0
}

.container-top .col-sm-4 {
  height: 45px;
  margin-bottom: -1px
}

#content-header .language-container ul {
  background-color: #f8f8f8;
  padding: 15px 30px
}

#content-header .language-container ul li {
  margin: 15px 0
}

#content-header .language-container ul a {
  color: #2a5390;
  margin-left: 8px
}

#content-header .language-container ul a:hover {
  text-decoration: underline
}

.navbar-nav .searchbar {
  border: 0;
  padding: 5px
}

.navbar-nav .searchbar .btn {
  display: none
}

.navbar-nav .searchbar .wrapper {
  background: url(searchicon_mobile.pvg) 8px center no-repeat #f8f8f8;
  padding: 0 5px 0 30px;
  border: 1px solid #d8d8d8
}

.navbar-nav .searchbar .wrapper input {
  width: 100%;
  height: 42px;
  line-height: 42px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent
}

@media(min-width:639px) {
  .navbar-nav .searchbar {
    display: none
  }
}

@media(min-width:1024px) {
  .navbar-collapse {
    width: 66.66667%
  }
}

@media(max-width:1024px) {
  .navbar-toggle {
    margin-top: 0
  }
  .container-white .nav>li.members .navbar-link {
    background-position: 8px 11px;
    padding-left: 35px
  }
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    overflow: hidden;
    box-shadow: none
  }
  .container-white .navbar-collapse .nav .dropdown .navbar-link {
    border-right: 0;
    line-height: 30px
  }
  .navbar-nav .open .dropdown-menu {
    background-color: #f8f8f8
  }
  .navbar-nav .open .dropdown-menu li span, .navbar-nav .open .dropdown-menu li p {
    display: inline-block;
    padding-left: 10px;
    top: 10px
  }
  .navbar-nav .open .dropdown-menu li img {
    width: 33px;
    height: 33px
  }
  .navbar-nav .open .dropdown-menu.open {
    border-bottom: 0
  }
  .navbar-collapse {
    position: absolute;
    width: 100%;
    background-color: white;
    top: 65px;
    left: 0
  }
  .navbar-collapse .navbar-nav, .navbar-collapse .navbar-right {
    margin: 0
  }
  .navbar-fix>li {
    float: right
  }
  .navbar-nav .open .dropdown-menu {
    width: 100vw;
    margin: 0
  }
}

@media(min-width:769px) and (max-width:1024px) {
  .navbar-collapse .navbar-nav:first-child {
    width: 75%
  }
}

@media(min-width:769px) and (max-width:1024px) and (max-width:991px) {
  .navbar-collapse .navbar-nav:first-child {
    width: 100%
  }
}

@media(min-width:769px) and (max-width:1024px) {
  .navbar-collapse .navbar-nav:first-child>li {
    width: 33%
  }
}

@media(min-width:769px) and (max-width:1024px) and (max-width:991px) {
  .navbar-collapse .navbar-nav:first-child>li {
    width: 100%
  }
}

@media(min-width:769px) and (max-width:1024px) {
  .navbar-collapse .navbar-nav:first-child>li:nth-child(2) .dropdown-menu {
    margin-left: -100%
  }
}

@media(min-width:769px) and (max-width:1024px) and (max-width:991px) {
  .navbar-collapse .navbar-nav:first-child>li:nth-child(2) .dropdown-menu {
    margin-left: 0
  }
}

@media(min-width:769px) and (max-width:1024px) {
  .navbar-collapse .navbar-nav:first-child>li:nth-child(3) .dropdown-menu {
    margin-left: -200%
  }
}

@media(min-width:769px) and (max-width:1024px) and (max-width:991px) {
  .navbar-collapse .navbar-nav:first-child>li:nth-child(3) .dropdown-menu {
    margin-left: 0
  }
}

@media(min-width:769px) and (max-width:1024px) {
  .navbar-collapse .navbar-right {
    width: 25%
  }
}

@media(min-width:769px) and (max-width:1024px) and (max-width:991px) {
  .navbar-collapse .navbar-right {
    width: 100%
  }
}

@media(min-width:769px) and (max-width:1024px) {
  .navbar-collapse .navbar-right .open .dropdown-menu {
    margin-left: -75%
  }
}

@media(min-width:769px) and (max-width:1024px) and (max-width:991px) {
  .navbar-collapse .navbar-right .open .dropdown-menu {
    margin-left: 0
  }
}

@media(min-width:769px) and (max-width:1024px) {
  .navbar-collapse.in {
    overflow-y: visible
  }
}

@media(max-width:991px) {
  .container-white .nav>li .navbar-link {
    margin-right: 0
  }
  .navbar-right {
    float: none!important
  }
  .dropdown-menu {
    padding: 15px 7.5px
  }
  .navbar-header {
    margin-left: 10px;
    height: 62px
  }
  .navbar-header .nav {
    float: right
  }
  .navbar-header .nav>li {
    float: left;
    border: 0
  }
  .navbar-collapse .navbar-nav>li {
    float: none;
    margin: 0
  }
  .navbar-collapse .navbar-nav, .navbar-collapse .navbar-right {
    float: none
  }
  .dropdown-menu li {
    width: 100%
  }
  .container-top .info {
    text-align: right;
    padding-right: 15px
  }
  .navbar-fix {
    margin-right: 5px
  }
}

@media(max-width:639px) {
  .container-content {
    height: 48px
  }
  .navbar-logo-cea img {
    height: 23px
  }
  .navbar-logo-skyteam img {
    height: 21px;
    margin-left: 5px
  }
  .navbar-nav {
    margin: 0
  }
  .navbar-header {
    height: 45px;
    width: 79%
  }
  .container-white>.nav>li {
    margin-top: 5px
  }
  .navbar-collapse {
    top: 49px
  }
  .container-white .nav>li.members .navbar-link {
    font-size: 0;
    min-width: 30px;
    width: 30px;
    display: block;
    padding: 0;
    background-position: 0 center
  }
  .navbar-toggle {
    z-index: 2
  }
  .container-white .nav>li.members .navbar-link {
    margin-top: 0
  }
  .container-top .info {
    padding-right: 15px
  }
  .navbar-nav .open .dropdown-menu>li>a {
    padding: 10px 0
  }
}

#cardInfo {
  z-index: 1001;
  position: relative;
  top: -76px;
  right: 0
}

#content-header .navbar-fix .members a {
  max-width: 190px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 0
}

#content-header .navbar-fix .members a.logout {
  display: initial;
  padding: 0;
  position: absolute;
  right: -55px;
  top: 27px;
  font-size: 14px;
  width: auto
}

@media(max-width:1260px) {
  #content-header .navbar-fix .members a.logout {
    right: 15px;
    top: 13px;
    font-size: 12px
  }
}

@media(max-width:639px) {
  #content-header .navbar-fix .members a.logout {
    display: none
  }
}

@media(min-width:640px) and (max-width:1199px) {
  #content-header .navbar-fix .members a.logout {
    right: 58px
  }
}

#content-header .navbar-fix .members a.logout:hover {
  text-decoration: underline;
  font-weight: normal
}

#content-header .navbar-fix .members .cardInfo {
  width: 416px;
  height: 364px;
  z-index: 100;
  background: #fff;
  position: absolute;
  top: 47px;
  right: 0;
  border: 1px solid #dfe9f6
}

@media(max-width:991px) {
  #content-header .navbar-fix .members .cardInfo {
    display: none
  }
}

#content-header .navbar-fix .members .cardInfo .card-left {
  width: 40%;
  height: 90%;
  border-right: 1px solid #ebebeb
}

#content-header .navbar-fix .members .cardInfo .card-left .welcome {
  color: #333;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  padding-top: 20%
}

@media(max-width:991px) {
  #content-header .navbar-fix .members .cardInfo .card-left .welcome {
    font-size: 12px
  }
}

#content-header .navbar-fix .members .cardInfo .card-left .name {
  color: #333;
  font-size: 16px;
  line-height: 30px;
  text-align: center
}

@media(max-width:991px) {
  #content-header .navbar-fix .members .cardInfo .card-left .name {
    font-size: 12px
  }
}

#content-header .navbar-fix .members .cardInfo .card-left .link-box {
  margin-top: 80%
}

#content-header .navbar-fix .members .cardInfo .card-left .link-box .link1 {
  display: block;
  width: 100px;
  height: 32px;
  margin: 5px auto;
  color: #fff;
  font-size: 14px;
  background: #cf4084;
  text-align: center
}

@media(max-width:991px) {
  #content-header .navbar-fix .members .cardInfo .card-left .link-box .link1 {
    font-size: 12px
  }
}

#content-header .navbar-fix .members .cardInfo .card-left .link-box .link2 {
  display: block;
  width: 100px;
  height: 32px;
  margin: 5px auto;
  color: #fff;
  font-size: 14px;
  background: #bca25c;
  text-align: center
}

@media(max-width:991px) {
  #content-header .navbar-fix .members .cardInfo .card-left .link-box .link2 {
    font-size: 12px
  }
}

#content-header .navbar-fix .members .cardInfo .card-left .link-box .link3 {
  display: block;
  width: 100px;
  height: 32px;
  margin: 5px auto;
  color: #fff;
  font-size: 14px;
  background: #8393a8;
  text-align: center
}

@media(max-width:991px) {
  #content-header .navbar-fix .members .cardInfo .card-left .link-box .link3 {
    font-size: 12px
  }
}

#content-header .navbar-fix .members .cardInfo .card-right {
  width: 60%;
  height: 90%;
  background: url("/public/system/assets/images/vip/vip1.png") no-repeat;
  background-position: 99% 1%
}

#content-header .navbar-fix .members .cardInfo .card-right .card-img {
  width: 80%;
  height: 45%;
  margin: 0 auto;
  text-align: center
}

#content-header .navbar-fix .members .cardInfo .card-right .card-img img {
  width: 100%;
  margin: 10% auto;
  opcatiy: .8
}

#content-header .navbar-fix .members .cardInfo .card-right .cardNumber {
  width: 80%;
  height: 25%;
  color: #333;
  font-size: 14px;
  text-align: left;
  margin: 3px auto;
  line-height: 25px;
  padding-left: 10px
}

#content-header .navbar-fix .members .cardInfo .card-right .card-box {
  width: 100%;
  height: 30%;
  border-top: 1px solid #dfe9f6
}

#content-header .navbar-fix .members .cardInfo .card-right .card-box .card-total:first-child {
  border-right: 1px solid #dfe9f6
}

#content-header .navbar-fix .members .cardInfo .card-right .card-box .card-total {
  height: 100%;
  color: #333;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  padding: 0 10px;
  padding-top: 20px
}

#content-header .navbar-fix .members .cardInfo .card-right .card-box .card-total .cardLmite {
  color: #cf4084
}

@media(max-width:991px) {
  #content-header .navbar-fix .members .cardInfo .card-right .card-box .card-total {
    font-size: 14px
  }
}

#content-header .navbar-fix .members .cardInfo .card-btn {
  width: 100%;
  height: 10%;
  background: #dfe9f6;
  text-align: center;
  float: left
}

#content-header .navbar-fix .members .cardInfo .card-btn .logoutBtn {
  color: #333;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold
}

@media(max-width:991px) {
  #content-header .navbar-fix .members .cardInfo .card-btn .logoutBtn {
    font-size: 12px
  }
}

#content-header .accountName, #content-header .logout {
  display: inline-block
}

.AccontLog {
  min-width: 170px
}

.AccontLog, .logout {
  display: none
}

.container-content-tw {
  z-index: 1001;
  position: relative;
  background-color: #f8f8f8;
  height: 70px;
  border-bottom: 1px solid #223b61
}

.container-content-tw .container-white-tw {
  position: relative
}

.container-content-tw .container-white-tw .navbar-fix {
  position: absolute;
  right: 0;
  top: 3px;
  padding: 15px 0
}

.container-content-tw .nav-tw {
  line-height: 30px
}

.container-content-tw .member-center {
  display: inline-block;
  float: left;
  margin-right: 30px;
  padding: 0 10px;
  background: #e4007f;
  border-radius: 6px
}

.container-content-tw .member-center a {
  color: white
}

.container-content-tw .member-center a:hover {
  font-weight: 700
}

.container-content-tw .member-center::before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  position: absolute;
  background: url(crown.png) no-repeat;
  background-size: 100%;
  top: 0;
  left: -11px
}

.container-content-tw .login-tw {
  float: right
}

.container-content-tw .nav {
  padding-top: 10px
}

.container-content-tw .navbar-link:hover {
  text-decoration: underline!important
}

.container-content-tw .nav-child {
  position: absolute;
  top: 70px;
  background: white;
  width: 100%;
  padding: 30px 0;
  z-index: 999;
  box-shadow: 0 2px 5px #333
}

.container-content-tw .nav-child .container {
  padding: 0 90px;
  line-height: 2.5em
}

.container-content-tw .nav-child .container a {
  color: #4c4c4c
}

.container-content-tw .nav-child .container a:hover {
  color: #2a5390;
  font-weight: 700
}

.container-content-tw .nav-child .nav-child-title p {
  display: inline-block;
  color: #2a5390;
  font-size: 16px;
  font-weight: 700;
  text-indent: 10px
}

.container-content-tw .nav-child .nav-child-block li {
  border-left: 1px solid #90a4c3;
  padding-left: 30px
}

.container-content-tw .nav-child .nav-child-block ul {
  margin-left: 7px
}

.container-content-tw .dropdown-menu-tw {
  display: none
}

.container-content-tw .dropdown-tw {
  margin-right: 35px
}

.container-content-tw .dropdown-tw .open {
  font-weight: 700;
  position: relative
}

.container-content-tw .dropdown-tw .open::after {
  z-index: 1000;
  content: "";
  display: inline-block;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-52%);
  -ms-transform: translateX(-50%) translateY(-52%);
  transform: translateX(-50%) translateY(-52%);
  border-width: 10px 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent #8293ae transparent
}

@media(max-width:991px) {
  .container-content-tw .dropdown-tw .open::after {
    display: none
  }
}

.container-content-tw .dropdown-tw .open:before {
  z-index: 1001;
  content: "";
  display: inline-block;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-43%);
  -ms-transform: translateX(-50%) translateY(-43%);
  transform: translateX(-50%) translateY(-43%);
  border-width: 10px 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent white transparent
}

@media(max-width:991px) {
  .container-content-tw .dropdown-tw .open:before {
    display: none
  }
}

.container-content-tw .members a {
  max-width: 150px
}

.container-content-tw .members .accountName {
  color: #4a4a4a
}

@media(min-width:640px) and (max-width:1199px) {
  .container-content-tw .members {
    margin-right: 44px
  }
}

.container-content-tw .members .navbar-link {
  height: 50px;
  display: inline-block;
  padding-right: 10px;
  border-right: 0
}

.container-content-tw .logout {
  top: 16px!important
}

@media(max-width:1260px) {
  .container-content-tw .logout {
    right: 15px;
    top: 13px!important;
    font-size: 12px
  }
}

@media(min-width:640px) and (max-width:1199px) {
  .container-content-tw .logout {
    right: 58px
  }
}

.nav-left-tw:first-child {
  border-top: 1px solid rgba(128, 128, 128, 0.31);
  border-bottom: none!important
}

.nav-left-tw:last-child {
  border-bottom: 1px solid rgba(128, 128, 128, 0.31);
  border-top: none!important;
  padding-bottom: 15px
}

.nav-left-tw {
  padding-bottom: 0;
  border: 0;
  padding-right: 20px
}

.nav-left-tw .dropdown-menu {
  padding: 0 34px;
  position: relative;
  top: 0;
  left: 0;
  border: 0;
  box-shadow: none
}

.nav-left-tw .dropdown-menu li {
  display: block;
  width: 100%;
  margin: 0
}

.nav-left-tw .dropdown-menu li a {
  margin: 0;
  padding: 10px 7.5px;
  border: 0;
  line-height: 1.5em
}

.nav-left-tw .dropdown-menu li a:hover {
  font-weight: 700;
  color: #2a5390;
  background: white
}

.nav-left-tw .navbar-link::after {
  content: "";
  background: url(./arrow_down.png) 7px 6px no-repeat;
  width: 24px;
  height: 14px;
  display: inline-block;
  float: right
}

.nav-left-tw .navbar-link a {
  line-height: 2em;
  text-indent: 14px;
  display: inline-block
}

.GDPRform {
  padding: 20px
}

.GDPRform .ui-radio-wrapper {
  width: 40%
}

.bread-nav {
  line-height: 30px;
  padding: 0 15px
}

.bread-nav .home-nav {
  margin-right: 10px
}

.bread-nav .home-nav a {
  color: #949494
}

.bread-nav .second-nav {
  margin-left: 10px
}

.bread-nav .second-nav a {
  color: black
}

#content-footer {
  margin-top: 15px
}

#content-footer .footer-question-list {
  text-align: center
}

#content-footer .footer-question-list .list-text:after {
  content: "";
  background: url(triangle-down.png) no-repeat;
  height: 12px;
  width: 12px;
  right: 20px;
  margin-top: 17px;
  float: right;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-size: 80%;
  position: absolute
}

#content-footer .footer-question-list .question-title {
  position: inherit;
  font-size: 24px;
  height: 40px;
  line-height: 40px;
  margin: 20px 0;
  text-align: left
}

@media(max-width:639px) {
  #content-footer .footer-question-list .question-title {
    font-size: 18px
  }
}

#content-footer .footer-question-list .list-item .list-text {
  color: white;
  text-align: left;
  height: 50px;
  line-height: 50px;
  padding-left: 10px
}

#content-footer .footer-question-list .list-item .list-icon {
  float: left;
  color: white;
  width: 95%;
  border-top: 1px solid #415b82;
  text-align: left
}

@media(max-width:639px) {
  #content-footer .footer-question-list .list-item .list-icon {
    width: 100%
  }
}

@media(min-width:992px) {
  #content-footer .footer-question-list .list-item:nth-last-child(-n+4) .list-icon {
    border-bottom: 1px solid #415b82
  }
}

@media(max-width:1199px) and (min-width:640px) {
  #content-footer .footer-question-list .list-item:nth-last-child(-n+2) .list-icon {
    border-bottom: 1px solid #415b82
  }
}

@media(max-width:639px) {
  #content-footer .footer-question-list .list-item:nth-last-child(-n+1) .list-icon {
    border-bottom: 1px solid #415b82
  }
}

@media(max-width:1199px) and (min-width:640px) {
  #content-footer .panel-blue .indicate1 {
    padding: 0
  }
}

@media(max-width:991px) {
  #content-footer .panel-blue {
    padding: 0 10px
  }
}

@media(max-width:1199px) and (min-width:640px) {
  #content-footer .container {
    padding-left: 20px;
    padding-right: 0
  }
}

.container>.footer-link {
  padding: 0
}

.footer-link {
  padding-top: 30px
}

@media(max-width:639px) {
  .footer-link {
    padding: 0
  }
}

.footer-link .footer-link-box .list-title {
  font-size: 18px;
  padding-right: 30px;
  font-weight: bold;
  line-height: 1;
  margin: 10px 0
}

.footer-link .footer-link-box .link-list {
  padding: 10px 0
}

.footer-link .footer-link-box .link-list .list-content {
  display: inline-block;
  color: white;
  font-weight: 100;
  font-size: 14px;
  line-height: 1;
  padding-bottom: 10px;
  padding: 0 10px;
  border-right: 1px solid white;
  margin: 10px 0
}

.footer-link .footer-link-box .link-list .list-content:first-of-type {
  border-left: 1px solid white
}

@media(max-width:639px) {
  .footer-link .footer-link-box .link-list .list-content:first-of-type {
    border-left: none
  }
}

.footer-link .footer-link-box .list-icon {
  margin-right: 5px
}

.footer-link .footer-link-box .list-icon img {
  width: 30px
}

@media(max-width:639px) {
  .footer-link .footer-link-box .list-title, .footer-link .footer-link-box .icon-box {
    font-size: 16px;
    display: block
  }
  .footer-link .footer-link-box .link-list {
    overflow: hidden
  }
  .footer-link .footer-link-box .icon-box {
    margin-bottom: 15px
  }
  .footer-link .footer-link-box .link-icon {
    display: inline-block;
    margin-right: 15px
  }
}

.copyright {
  height: 30px;
  line-height: 30px;
  background-color: #bfa456;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #594510
}

@media(max-width:639px) {
  .copyright {
    font-size: 12px
  }
}

.indicate {
  display: block;
  margin: 15px 0
}

.indicate:before {
  content: "";
  background: url(link-icon.png) no-repeat;
  width: 10px;
  height: 10px;
  display: inline-block;
  position: relative;
  top: -8px
}

footer a {
  text-decoration: none
}

@media(max-width:639px) {
  #content-footer panel-blue {
    padding-left: 10px
  }
}

.footer-link .footer-link-box .link-list .list-content-tel {
  border-left: 1px solid white
}

#home-sections, #pageTab {
  background-color: white
}

.pagetabForm .btn {
  margin-top: 20px
}

#home-bookingmodule {
  position: relative
}

#home-bookingmodule .booking-bgimage {
  text-align: center;
  position: relative
}

#home-bookingmodule .booking-bgimage p.booking-title {
  font-size: 24px;
  font-weight: lighter;
  color: white;
  font-style: italic;
  margin: 60px 0 20px 0;
  position: absolute;
  width: 100%;
  z-index: 2
}

#home-bookingmodule .booking-bgimage>.col-sm-6 {
  overflow: hidden
}

#home-bookingmodule .booking-bgimage .mask {
  opacity: .4;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1
}

@media(max-width:639px) {
  #home-bookingmodule .booking-bgimage>.col-sm-6 {
    height: auto;
    overflow: hidden
  }
}

#home-bookingmodule #home-booking {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

#home-bookingmodule #home-booking .booking-device {
  width: 100%;
  position: absolute;
  top: 50%;
  margin-top: -55px;
  z-index: 10
}

@media(max-width:639px) {
  #home-bookingmodule #home-booking .booking-device {
    margin-top: -90px
  }
}

#home-bookingmodule #home-booking .booking-device .errorMsg {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  top: -100px
}

@media(max-width:1199px) {
  #home-bookingmodule #home-booking .booking-device .errorMsg {
    top: -55px
  }
  #home-bookingmodule #home-booking .booking-device .errorMsg ul {
    min-height: 50px;
    padding: 0 5px 0 45px
  }
  #home-bookingmodule #home-booking .booking-device .errorMsg ul:before {
    top: 10px;
    left: 10px
  }
  #home-bookingmodule #home-booking .booking-device .errorMsg ul li {
    margin: 5px 0
  }
}

#home-bookingmodule #home-booking .booking-device .por {
  position: relative
}

#home-bookingmodule #home-booking .booking-device .bookingpanel-optional {
  margin: 0 15px;
  margin-top: 10px;
  text-align: left
}

#home-bookingmodule #home-booking .booking-device .bookingpanel-optional .btn-link {
  height: 35px;
  line-height: 35px
}

#home-bookingmodule #home-booking .booking-device .date-picker-roundtrip .dateStly {
  padding: 15px 0
}

#home-bookingmodule #home-booking .booking-device .date-picker-roundtrip .dateStlyFirst {
  border-right: 1px solid #d8d8d8
}

@media(max-width:639px) {
  #home-bookingmodule #home-booking .booking-device .date-picker-roundtrip .dateStlyFirst {
    border-right: 0
  }
}

#home-bookingmodule #home-booking .booking-device .date-picker-oneway .dateStly {
  padding: 15px 0
}

#home-bookingmodule #home-booking .booking-device .date-picker-oneway .dateStly>div>label {
  float: left;
  left: 40px
}

@media(max-width:639px) {
  #home-bookingmodule #home-booking .booking-device .date-picker-oneway .dateStly>div>label {
    left: 23px
  }
}

#home-bookingmodule #home-booking .booking-device .date-picker-oneway .dateStly>div>label:nth-child(2) {
  float: right;
  left: auto;
  right: 15px;
  padding-right: 30px
}

@media(max-width:639px) {
  #home-bookingmodule #home-booking .booking-device .date-picker-oneway .dateStly>div>label:nth-child(2) {
    right: 0;
    padding-right: 23px
  }
}

#home-bookingmodule #home-booking .booking-device .date-picker-oneway .dateStly>div>label b {
  font-size: 14px;
  font-weight: normal;
  margin: 0 8px
}

#home-bookingmodule #home-booking .booking-device .bookingpanel-pex {
  margin-left: 15px;
  margin-right: 15px;
  text-align: left
}

@media(max-width:639px) {
  #home-bookingmodule #home-booking .booking-device .bookingpanel-pex .glyphicon.icon-info {
    margin-left: -45px
  }
}

#home-bookingmodule #home-booking .booking-device .bookingpanel-pex .flexibleDay {
  width: 33%
}

@media(max-width:639px) {
  #home-bookingmodule #home-booking .booking-device .bookingpanel-pex .flexibleDay {
    width: 47%
  }
}

#home-bookingmodule #home-booking .booking-device .bookingpanel-city {
  box-shadow: none;
  background: transparent
}

#home-bookingmodule #home-booking .booking-device .bookingpanel-city:first-of-type:after {
  width: 36px;
  height: 19px;
  display: inline-block;
  position: absolute;
  top: 21px;
  right: -18px;
  content: ''
}

#home-bookingmodule #home-booking .booking-device .bookingpanel-city:last-child {
  z-index: 2
}

#home-bookingmodule #home-booking .booking-device .exchangeCity-layer {
  text-align: center;
  vertical-align: middle;
  height: 56px;
  line-height: 56px
}

#home-bookingmodule #home-booking .booking-device .exchangeCity-layer .exchangeCity {
  display: inline-block;
  width: 34px;
  height: 19px;
  cursor: pointer;
  background: url(icon_exchange.png) no-repeat
}

#home-bookingmodule #home-booking .booking-device .bookingpanelStep+.row .bookingpanel-btn {
  z-index: 2;
  background-color: white;
  box-shadow: 1px 3px 1px #999;
  float: none;
  clear: both;
  width: 100%;
  height: 55px;
  padding-bottom: 10px
}

@media(max-width:639px) {
  #home-bookingmodule #home-booking .booking-device .bookingpanelStep+.row .bookingpanel-btn {
    height: auto
  }
}

#home-bookingmodule #home-booking .booking-device .bookingpanelStep+.row .bookingpanel-btn button {
  max-width: 50%;
  float: right
}

@media(max-width:639px) {
  #home-bookingmodule #home-booking .booking-device .bookingpanelStep+.row .bookingpanel-btn button {
    max-width: 100%;
    float: none;
    margin-bottom: 10px
  }
}

#home-bookingmodule #home-booking .booking-device .bookingpanelStep {
  position: absolute;
  z-index: 20;
  background: white;
  box-shadow: 1px 2px 5px #333;
  margin-bottom: 0;
  margin-top: 0
}

#home-bookingmodule #home-booking .booking-device .bookingpanelStep .ui-checkbox-wrapper {
  margin-left: 8px
}

#home-bookingmodule #home-booking .booking-device .bookingpanelStep .bookingpanel-optional-adv {
  margin-top: 10px;
  padding: 0 15px
}

#home-bookingmodule #home-booking .booking-device .bookingpanelStep .bookingpanel-btn {
  float: none
}

@media(max-width:639px) {
  #home-bookingmodule #home-booking .booking-device .bookingpanelStep .bookingpanel-btn {
    margin-top: 10px;
    padding: 10px
  }
}

@media(max-width:639px) {
  #home-bookingmodule #home-booking .booking-device .bookingpanelStep .bookingpanel-btn .btn-important {
    height: 55px
  }
}

@media(max-width:480px) {
  #home-bookingmodule #home-booking .booking-device .bookingpanelStep .bookingpanel-btn .btn-important {
    height: 45px
  }
}

#home-bookingmodule #home-booking .booking-device .bookingpanelStep1 {
  margin-top: -5px
}

@media(max-width:639px) {
  #home-bookingmodule #home-booking .booking-device .bookingpanelStep1 {
    margin-top: 0
  }
  #home-bookingmodule #home-booking .booking-device .exchangeCity-layer {
    height: 19px;
    line-height: 19px
  }
  #home-bookingmodule #home-booking .booking-device .bookingpanel-city {
    margin: 1.3em 0;
    height: 44px
  }
  #home-bookingmodule #home-booking .booking-device .bookingpanel-city .ui-autocomplete input {
    padding: 10px 0 10px 45px;
    height: 44px
  }
  #home-bookingmodule #home-booking .booking-device .bookingpanel-city .ui-autocomplete .ui-autocomplete-box .autocomplete-list {
    z-index: 5
  }
  #home-bookingmodule #home-booking .booking-device .bookingpanel-city .ui-autocomplete .ui-autocomplete-box:before {
    display: none
  }
  #home-bookingmodule #home-booking .booking-device .bookingpanel-city .bookingpanel-label {
    color: #223b61;
    background: transparent;
    position: absolute;
    width: auto;
    height: auto;
    z-index: 1
  }
  #home-bookingmodule #home-booking .booking-device .bookingpanel-city:first-of-type {
    z-index: 5
  }
  #home-bookingmodule #home-booking .booking-device .bookingpanel-city:last-of-type {
    z-index: 4
  }
}

#home-bookingmodule #home-booking .promotionIcon {
  text-align: center;
  position: absolute;
  z-index: 9;
  bottom: 20px;
  left: 50%
}

#home-bookingmodule #home-booking .promotionIcon.lowLevel {
  z-index: 9
}

#home-bookingmodule #home-booking .promotionIcon a {
  margin-left: -30px;
  background-color: #e4007f;
  border-radius: 60px;
  width: 60px;
  text-align: center;
  height: 60px;
  opacity: .8;
  padding-top: 7px;
  display: inline-block
}

#home-bookingmodule #home-booking .promotionIcon a:hover {
  background-color: #ee66b2;
  text-decoration: none
}

#home-bookingmodule #home-booking .promotionIcon a span {
  color: #fff;
  display: block;
  width: 100%;
  line-height: 15px
}

@media(max-width:639px) {
  #home-bookingmodule #home-booking .promotionIcon {
    z-index: 9
  }
}

#pageTab .tab-header-wrapper .tab-header {
  margin-bottom: 20px;
  height: 55px;
  color: white;
  font-size: 14px;
  text-align: center;
  background: #223b61;
  border-left: 1px solid #f8f8f8
}

#pageTab .tab-header-wrapper .tab-header:hover {
  cursor: pointer
}

#pageTab .tab-header-wrapper .tab-header.selected {
  background: white;
  color: #4a4a4a
}

#pageTab .tab-header-wrapper .tab-header span {
  line-height: 55px
}

#pageTab .tab-header-wrapper .tab-header .tab-header-shadow {
  opacity: .23;
  position: absolute;
  right: -23px;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 55px 0 0 22px;
  border-color: transparent transparent transparent black
}

@media(max-width:639px) {
  #pageTab .tab-header-wrapper .tab-header {
    display: none
  }
}

#pageTab .tab-content-wrapper .tab-header-mobile {
  display: none
}

@media(max-width:639px) {
  #pageTab .tab-content-wrapper .tab-header-mobile {
    display: block;
    height: 50px;
    padding: 0 20px;
    background: #f8f8f8;
    border: 1px solid white
  }
  #pageTab .tab-content-wrapper .tab-header-mobile span {
    line-height: 50px
  }
  #pageTab .tab-content-wrapper .tab-header-mobile:after {
    content: '';
    width: 15px;
    height: 8px;
    display: inline-block;
    float: right;
    background-image: url(icon-arrow-down.png);
    margin-top: 21px;
    transition: -webkit-transform .5s ease 0s;
    transition: transform .5s ease 0s;
    transition: transform .5s ease 0s, -webkit-transform .5s ease 0s
  }
}

#pageTab .tab-content-wrapper .tab-header-link:after {
  display: none
}

#pageTab .tab-content-wrapper .tab-content {
  padding: 0 20px
}

#pageTab .tab-content-wrapper .tab-content .col-md-10 {
  margin-bottom: 30px
}

#pageTab .tab-content-wrapper .tab-content .flightstatusForm div.row fieldset {
  margin: 10px 0;
  margin-left: 5px
}

#pageTab .tab-content-wrapper .tab-content .flightstatusForm form, #pageTab .tab-content-wrapper .tab-content .flightstatusForm #form .row>div {
  margin-top: 13px
}

#pageTab .tab-content-wrapper .tab-content .flightstatusForm form, #pageTab .tab-content-wrapper .tab-content .flightstatusForm #form fieldset {
  margin-left: 5px
}

#pageTab .tab-content-wrapper .tab-content .flightstatusForm .airport-search-button {
  padding-top: 20px;
  right: 0;
  padding-right: 15px
}

@media(max-width:639px) {
  #pageTab .tab-content-wrapper .tab-content .flightstatusForm .airport-search-button {
    padding-right: 0
  }
}

#pageTab .tab-content-wrapper .tab-content .flightstatusForm .flight-search-button {
  padding-top: 20px;
  right: 0;
  padding-right: 15px
}

@media(max-width:639px) {
  #pageTab .tab-content-wrapper .tab-content .flightstatusForm .flight-search-button {
    padding-right: 0
  }
}

#pageTab .tab-content-wrapper .tab-content .flightstatusForm .expandable-date-wrapper {
  z-index: 10;
  padding: 0;
  padding-right: 15px;
  background: transparent
}

#pageTab .tab-content-wrapper .tab-content .flightstatusForm .expandable-date-wrapper .dateStly {
  background: white;
  padding: 15px 0
}

#pageTab .tab-content-wrapper .tab-content .flightstatusForm #submitStatus {
  text-align: center;
  padding: 0;
  max-width: 100%
}

#pageTab .tab-content-wrapper .tab-content .flightstatusForm #submitStatus:after {
  display: none
}

#pageTab .tab-content-wrapper .tab-content .display-label {
  padding-left: 0;
  color: #4a4a4a;
  line-height: 1;
  padding-bottom: 8px
}

#pageTab .tab-content-wrapper .tab-content .fromContent .hide-label {
  padding-top: 20px
}

@media(max-width:639px) {
  #pageTab .tab-content-wrapper .tab-content {
    display: none
  }
}

#pageTab .tab-content-wrapper.show .tab-content {
  margin-top: 20px;
  display: block
}

#pageTab .tab-content-wrapper.show .tab-header-mobile:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

@media(min-width:992px) {
  #myCarousel .carousel-caption {
    height: 25vw
  }
}

#myCarousel .carousel-caption {
  position: static;
  color: white;
  text-shadow: none;
  background-color: #e4007f;
  padding: 7vw 20px 0
}

@media(max-width:991px) {
  #myCarousel .carousel-caption {
    padding: 15px 20px
  }
}

@media(max-width:1199px) and (min-width:992px) {
  #myCarousel .carousel-caption {
    padding: 25px 20px
  }
}

#myCarousel .title {
  font-size: 24px;
  font-weight: lighter;
  line-height: 1;
  text-align: left;
  margin-left: 20px
}

@media(max-width:991px) {
  #myCarousel .title {
    text-align: center;
    margin-left: 0
  }
}

@media(max-width:639px) {
  #myCarousel .title {
    font-size: 18px;
    text-align: center;
    margin-left: 0
  }
}

#myCarousel .subtitle {
  margin: 10px 0;
  font-size: 14px;
  text-align: left;
  margin-left: 20px
}

@media(max-width:991px) {
  #myCarousel .subtitle {
    text-align: center;
    margin-left: 0
  }
}

#myCarousel .btn {
  line-height: 50px;
  border: 3px solid white;
  margin-left: 0
}

@media(max-width:639px) {
  #myCarousel .btn {
    line-height: 38px
  }
}

#myCarousel .btn:hover {
  border: 3px solid rgba(255, 255, 255, 0.8)
}

#myCarousel .carousel-controls {
  position: absolute;
  right: 30px;
  bottom: 20px
}

@media(max-width:991px) {
  #myCarousel .carousel-controls {
    top: 10px;
    right: 10px
  }
}

@media(max-width:991px) {
  #myCarousel .carousel-inner .item img {
    float: inherit
  }
}

#myCarousel .carousel-indicators {
  float: left;
  position: static;
  width: auto;
  margin: 0
}

#myCarousel .carousel-indicators li {
  height: 10px;
  width: 10px;
  margin: 0;
  margin-right: 5px
}

#myCarousel .carousel-buttons {
  float: left
}

#myCarousel .carousel-buttons button {
  border: 0;
  text-indent: -999em;
  width: 17px;
  height: 20px;
  margin-right: 10px
}

#myCarouselPause {
  background: url(icon-pause.pvg) center center no-repeat
}

#myCarouselPlay {
  background: url(white_arrow_right.pvg) center center no-repeat;
  background-size: 17px
}

#waistAd .ad-main {
  transition: .6s all;
  position: fixed;
  left: -100%;
  bottom: 0;
  height: 200px;
  opacity: .9;
  width: 100%;
  z-index: 9998
}

#waistAd .ad-btn {
  transition: .3s all;
  position: fixed;
  bottom: 30px;
  left: 0;
  height: 120px;
  width: 170px;
  z-index: 9999;
  cursor: pointer
}

#waistAd .ad-close {
  width: 40px;
  text-align: center;
  line-height: 40px;
  background: #102e56;
  opacity: .9;
  position: absolute;
  right: 30px;
  top: 20px;
  font-size: 24px;
  cursor: pointer;
  color: #fff
}

#waistAd .ad-move {
  left: 0
}

#waistAd .ad-out {
  left: -100%
}

#cookie-banner {
  opacity: 1;
  transition: all .6s ease-in-out;
  height: auto
}

#cookie-banner .cookie-banner {
  background: #404040;
  padding: 10px 0
}

#cookie-banner .cb-content {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  padding-right: 100PX;
  position: relative
}

#cookie-banner .cb-link {
  color: #e4007f;
  text-decoration: underline
}

#cookie-banner .cb-click {
  font-size: 24px;
  width: 30px;
  background: #5d5d5d;
  line-height: 34px;
  height: 30px;
  text-align: center;
  position: absolute;
  right: 0;
  top: -10px
}

.fare-select-wrapper {
  top: 9px;
  left: 25%;
  min-width: 25%;
  height: 35px;
  position: absolute;
  z-index: 1
}

.fare-select-wrapper .ui-select-wrapper .display-label {
  display: none
}

.fare-select-wrapper .ui-select-wrapper .ui-select-box {
  height: 38px;
  border: 0
}

.fare-select-wrapper .ui-select-wrapper .ui-select-box .ui-select {
  background-color: #162844;
  height: 100%;
  color: white;
  font-size: 14px
}

#home-sections li {
  height: 100%;
  overflow: hidden
}

#home-sections li.square {
  height: 13vw;
  overflow: hidden
}

@media(min-width:991px) {
  #home-sections li.square {
    height: 16vw
  }
}

@media(max-width:639px) {
  #home-sections li.square {
    height: 100%
  }
  #home-sections li.square img {
    height: 100px
  }
}

#home-sections li.storyitem {
  height: 13vw
}

@media(max-width:991px) {
  #home-sections li.storyitem {
    height: 26vw
  }
}

@media(max-width:639px) {
  #home-sections li.storyitem {
    height: 100%
  }
}

@media(max-width:639px) {
  #home-sections li.storyitem .story {
    max-height: 150px
  }
}

@media(min-width:640px) {
  #home-sections .storyitem:first-of-type .story-ctn:last-child:before, #home-sections .storyitem:first-of-type .story-ctn:last-child:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    left: -20px;
    right: auto
  }
}

@media(min-width:640px) {
  #home-sections .storyitem:last-of-type .story {
    float: right
  }
}

#home-sections .fare-section {
  position: relative;
  overflow: hidden
}

#home-sections header {
  padding: 0 15px;
  font-size: 16px
}

#home-sections .left-row {
  padding-left: 33px
}

#home-sections .hero {
  position: relative
}

#home-sections .hero .text-righttop {
  right: 15px;
  left: auto
}

#home-sections .hero .text-leftbottom {
  bottom: 15px;
  top: auto
}

#home-sections .hero .text-rightbottom {
  right: 15px;
  left: auto!important;
  bottom: 15px;
  top: auto!important
}

#home-sections a.hero {
  display: block
}

#home-sections .section-more {
  font-size: 18px;
  bottom: 15px;
  right: 15px;
  background-position: 90% center
}

#home-sections .section-more .btn-link {
  background: url(arrow.pvg) 90px center no-repeat
}

#home-sections .section-title {
  margin-top: 7vw;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 18px
}

@media(max-width:639px) {
  #home-sections .section-title {
    padding-left: 20px
  }
}

@media(max-width:991px) {
  #home-sections .section-title {
    font-size: 18px;
    margin-top: 13vw
  }
}

@media(max-width:1199px) and (min-width:992px) {
  #home-sections .section-title {
    margin-top: 3vw
  }
}

#home-sections .text.section-title {
  max-width: 1000px;
  font-weight: lighter
}

#home-sections .text.btn-link {
  max-width: 1000px
}

#home-sections .text.btn-link:hover {
  text-decoration: underline
}

#home-sections .text p {
  margin-bottom: 8px;
  padding: 5px
}

#home-sections .text p.cityname {
  margin-bottom: 5px
}

#home-sections .text p.price {
  margin-bottom: 15px
}

#home-sections .panel-blue {
  display: none
}

#home-sections .panel-blue.fare-selected {
  display: block
}

#home-sections .panel-blue a {
  color: white
}

#home-sections .panel-blue .btn-link {
  color: white;
  background-image: url(whitearrow.pvg);
  background-position: right 9px center
}

@media(max-width:639px) {
  #home-sections .panel-blue .btn-link {
    background-position: right 1px center
  }
}

#home-sections .panel-blue a.btn-link {
  background-color: #223b61
}

#home-sections .panel-blue .text p {
  color: white
}

#home-sections .panel-blue .text p .plane-icon {
  background: url(plane.pvg) no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 63%
}

#home-sections .panel-blue .text .destionation {
  padding: 2px 5px
}

#home-sections .panel-blue .fareitem:first-child {
  background: #e4007f
}

#home-sections .panel-blue .fareitem {
  overflow: hidden;
  background: #223b61
}

#home-sections .panel-blue .fareitem .faretext {
  padding-top: 20px;
  padding-left: 20px;
  font-weight: lighter
}

#home-sections .panel-blue .fareitem img {
  float: right
}

#home-sections .panel-blue .section-title span {
  background: #223b61;
  font-size: 24px;
  font-weight: lighter
}

@media(max-width:639px) {
  #home-sections .panel-blue .section-title span {
    font-size: 14px
  }
}

#home-sections .panel-goldtext {
  color: #413202
}

#home-sections .panel-goldtext header {
  border-bottom: 1px solid #bfa456
}

#home-sections .panel-goldtext a {
  color: #413202
}

#home-sections .panel-goldtext .btn-link {
  background-color: white
}

#home-sections .panel-goldtext div.row .pic-square {
  height: 26vw
}

#home-sections .panel-goldtext .section-title span {
  background: white;
  font-weight: lighter;
  font-size: 24px
}

@media(max-width:639px) {
  #home-sections .panel-goldtext .section-title span {
    font-size: 18px
  }
}

#home-sections .panel-goldtext .section-title img {
  margin-left: 15px
}

#home-sections .panel-goldtext .storyitem .story img {
  min-height: 180px;
  min-height: 13vw
}

#home-sections .panel-goldtext .text p {
  background: white;
  color: #413202
}

#home-sections .panel-goldtext .story {
  overflow: hidden
}

#home-sections .panel-goldtext .story-ctn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background: url(story-bg.pvg) 5px 0 no-repeat;
  background-size: 95%;
  border: 1px solid #bfa456;
  padding: 20px
}

@media(max-width:991px) {
  #home-sections .panel-goldtext .story-ctn {
    background: 0;
    height: 26vw
  }
}

#home-sections .panel-goldtext .story-ctn:before, #home-sections .panel-goldtext .story-ctn:after {
  content: '';
  display: block;
  position: absolute;
  right: -20px;
  width: 0;
  height: 0;
  border-style: solid;
  z-index: 1;
  top: 50%
}

#home-sections .panel-goldtext .story-ctn:before {
  border-color: transparent transparent transparent #bfa456;
  border-width: 10px;
  margin-top: -10px
}

#home-sections .panel-goldtext .story-ctn:after {
  border-color: transparent transparent transparent white;
  border-width: 12px;
  margin-top: -12px
}

#home-sections .panel-goldtext .story-ctn img {
  float: left
}

@media(min-width:640px) {
  #home-sections header {
    height: 55px;
    line-height: 55px
  }
  #home-sections .section-more, #home-sections .text {
    font-size: 14px
  }
  #home-sections .large {
    font-size: 24px;
    line-height: 22px
  }
  #home-sections .story-ctn {
    height: 13vw
  }
  #home-sections .story-ctn-text {
    display: inline-block;
    padding-left: 5%
  }
}

@media(max-width:991px) {
  #home-sections .fare-select-wrapper {
    top: 6px;
    left: 50%;
    width: 50%
  }
  #home-sections .fare-select-wrapper .ui-select-wrapper {
    padding-right: 5px
  }
  #home-sections header {
    height: 50px;
    line-height: 50px
  }
  #home-sections .section-more, #home-sections .text {
    font-size: 12px
  }
  #home-sections .large {
    font-size: 24px
  }
  #home-sections .story-ctn-text {
    font-size: 12px;
    padding-left: 5%
  }
  #home-sections .panel-gold .hero .text {
    top: 5px
  }
  #home-sections .panel-gold .title {
    line-height: 20px
  }
}

@media(max-width:1199px) and (min-width:992px) {
  #home-sections .duration {
    display: none
  }
}

@media(max-width:639px) {
  #home-sections .fare-select-wrapper {
    top: 6px;
    left: 60%;
    width: 40%
  }
  #home-sections .story-ctn {
    height: 26vw
  }
}

#home-sections .fare-section .fare-selected header {
  padding-left: 40px
}

@media(max-width:639px) {
  #home-sections .fare-section .fare-selected header {
    padding-left: 20px
  }
}

.panel-gold header {
  border-bottom: 1px solid #413202
}

.panel-gold a {
  color: #413202
}

.panel-gold .hero .btn-link {
  background-color: #bfa456;
  color: #413202
}

.panel-gold .second img {
  float: right
}

.panel-gold .pic-square {
  height: 32vw
}

.panel-gold .section-title span {
  background: #bfa456;
  font-weight: lighter;
  font-size: 24px
}

@media(max-width:639px) {
  .panel-gold .section-title span {
    font-size: 18px
  }
}

.panel-gold .large {
  font-size: 24px;
  line-height: 22px
}

.panel-gold .gold-text p {
  background: #bfa456;
  color: #413202;
  width: 80%
}

@media(min-width:640px) {
  .panel-gold .gold-text p {
    padding: 5px 0
  }
}

.panel-gold .gold-text a {
  text-decoration: none
}

.panel-gold .gold-text a:hover {
  text-decoration: none
}

.panel-gold .gold-text .btn-link:hover {
  text-decoration: underline
}

@media(max-width:1199px) and (min-width:992px) {
  .panel-gold .gold-text .desc {
    display: none
  }
}

.panel-gold .service {
  padding: 5px 9px 0 15px;
  line-height: 1.2
}

@media(max-width:639px) {
  .panel-gold .service {
    padding-bottom: 5px
  }
}

.panel-gold .service .section-more {
  margin-top: 3px;
  padding: 0
}

.homeVideoPopup {
  text-align: center
}

.homeVideoPopup:before {
  background-color: #223b61!important
}

.homeVideoPopup>a {
  width: 40%;
  line-height: 55px
}

.homeVideoPopup .youtube {
  margin-right: 5%
}

.homeVideoPopup .youku {
  margin-left: 5%
}

#travel-alert {
  padding: 15px;
  background-color: white;
  line-height: 19px
}

#travel-alert .container {
  position: relative
}

#travel-alert .container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 15px;
  width: 19px;
  height: 19px;
  background: url(bell.pvg) no-repeat;
  background-size: 100%
}

@media(max-width:991px) {
  #travel-alert .alerts {
    padding-right: 80px
  }
}

#travel-alert .alerts .wrapper .alert {
  display: block;
  padding: 0;
  margin: 0;
  margin-left: 44px;
  border: 0;
  height: 19px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  word-break: normal;
  float: left
}

@media(max-width:991px) {
  #travel-alert .alerts .wrapper .alert {
    float: none
  }
}

#travel-alert .alerts .showall {
  float: left;
  margin-left: 20px
}

@media(max-width:991px) {
  #travel-alert .alerts .showall {
    float: none;
    margin-left: 0;
    position: absolute;
    top: 0;
    right: 0
  }
}

.oaSiteSelect .oaSelectItems .ui-radio-wrapper {
  width: 46%;
  margin: 2%;
  padding-top: 30%;
  background: url(oaSelectAU.png) no-repeat left top;
  background-size: 100% auto
}

.oaSiteSelect .oaSelectItems .ui-radio-wrapper:last-child {
  background-image: url(oaSelectNZ.png)
}

.managebooking .oldsite-tips {
  border-top: 1px solid #d8d8d8;
  padding-bottom: 0
}

.managebooking .oldsite-tips .oldsite-link {
  display: block;
  padding: 5px 0
}

.managebooking .oldsite-tips .oldsite-link span.icon-info {
  width: 15px;
  height: 15px;
  background: url(icon-info-hover.pvg) center center no-repeat;
  background-size: 100%;
  margin-right: 5px;
  top: 3px;
  position: relative
}

.managebooking .become-membership {
  padding: 20px
}

.managebooking .become-membership .become-title {
  font-size: 18px
}

.managebooking .become-membership .btn {
  float: right;
  margin-top: 10px;
  margin-bottom: 20px
}

@media(max-width:991px) {
  #wifi .manageform-wrapper .col-sm-7 p {
    background-position: 2px 0;
    margin-top: 5px
  }
}

#wifi .manageform-wrapper>a {
  margin-top: 0
}

#wifi .manageform-wrapper {
  overflow: hidden
}

@media(max-width:991px) {
  #selectSeat .manageform-wrapper .col-sm-7 p {
    background-position: 2px 0;
    margin-top: 5px
  }
}

#selectSeat .manageform-wrapper>a {
  margin-top: 0
}

#managebooking {
  margin-top: 20px;
  padding-right: 15px
}

#managebooking .manageform-wrapper fieldset {
  margin: 10px 0;
  margin-left: 5px
}

#managebooking .manageform-wrapper .icon-info {
  background-position: center bottom;
  background-size: 16px
}

@media(min-width:640px) {
  #managebooking .manageform-wrapper .col-sm-7 {
    margin-top: 50px
  }
}

#managebooking .manageform-wrapper .col-sm-7 p {
  padding-left: 30px;
  background: url(icon-info-hover.pvg) center center no-repeat;
  background-size: 20px 19px;
  border: 0
}

@media(min-width:640px) {
  #managebooking .manageform-wrapper .col-sm-7 p {
    background-position: 20px 0;
    padding-left: 50px;
    border-left: 1px solid #d8d8d8
  }
}

#managebooking .manageform-wrapper .display-label {
  padding-left: 0;
  color: #4a4a4a;
  line-height: 1;
  padding-bottom: 5px
}

#managebooking .manageform-wrapper .btn-second {
  margin-top: 5px
}

#managebooking .manageform-wrapper>a {
  margin-top: -20px
}

.managebooking-related .gold-text {
  padding-left: 30px
}

.managebooking-related .title {
  margin: 10px 0
}

.manage-container {
  width: 100%!important
}

.container>.managetips {
  margin: 20px 0;
  padding-left: 0;
  min-height: 19px
}

.container>.managetips li {
  float: left;
  background: url(icon-check-black.pvg) 3px 4px no-repeat;
  padding: 0 15px
}

@media(max-width:639px) {
  .container>.managetips li {
    background: url(icon-check-black.pvg) 3px 2px no-repeat
  }
}

.manage-tips {
  min-height: 19px;
  margin: 20px 0;
  padding: 0 10px
}

.manage-tips>p {
  background: url(icon-check-black.pvg) 3px center no-repeat;
  padding-left: 15px
}

.panel-blue .btn-third {
  padding-top: 10px;
  background-color: transparent;
  color: white;
  border: 3px solid white;
  margin-top: 10px
}

@media(max-width:639px) {
  .panel-blue .btn-third {
    padding-top: 5px
  }
}

.panel-blue .btn-third:hover {
  border: 3px solid rgba(255, 255, 255, 0.8)
}

.panel-goldtext .btn-special {
  padding-top: 10px;
  margin-top: 10px
}

@media(max-width:639px) {
  .panel-goldtext .btn-special {
    padding-top: 5px
  }
}

.panel-goldtext .btn-special:hover {
  cursor: pointer;
  border-color: #7d631e
}

#bookingdevice .bookingPanelForm .col-md-offset-2 .bookingpanelStep, #bookingdevice .bookingPanelForm .col-md-offset-2 .row {
  margin-bottom: 0;
  margin-top: 0
}

#home-booking #bookingdevice .bookingpanel-city .ui-autocomplete .ui-autocomplete-box, .bookingPanelForm .bookingpanel-city .ui-autocomplete .ui-autocomplete-box {
  border-bottom: 0
}

@media(max-width:639px) {
  #home-booking #bookingdevice .bookingpanel-city .ui-autocomplete .ui-autocomplete-box .clearBtn, .bookingPanelForm .bookingpanel-city .ui-autocomplete .ui-autocomplete-box .clearBtn {
    display: none!important
  }
}

.actionImg {
  max-width: 179px;
  height: 179px;
  overflow: hidden;
  float: right
}

.actionImg img {
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.actionImg img:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s
}

.page-tab {
  min-height: 264px
}

@media(max-width:639px) {
  .page-tab {
    height: auto
  }
}

.col-md-offset-3 .row {
  margin-bottom: 0
}

#setion-carousel {
  position: relative;
  top: 5px
}

#setion-faresales {
  background: #223b61;
  color: white;
  position: relative
}

#setion-faresales .departure .header {
  padding-left: 15px;
  border-bottom: 1px solid #284c88
}

#setion-faresales .departure .header h2 {
  font-size: 16px;
  line-height: 55px
}

#setion-faresales .departure .header .ui-select-wrapper {
  padding: 8px;
  margin: 0
}

#setion-faresales .departure .header .ui-select-wrapper .ui-select-box {
  border: 0;
  height: 38px
}

#setion-faresales .departure .header .ui-select-wrapper .ui-select {
  color: white;
  background: #162844
}

#setion-faresales .departure .content {
  width: 100%
}

#setion-faresales .departure .content .describe {
  margin-top: 3vw;
  padding: 0 20px;
  font-size: 18px
}

#setion-faresales .departure .content .describe .ui-select-wrapper {
  padding: 8px 0;
  margin: 0
}

#setion-faresales .departure .content .describe .ui-select-wrapper .ui-select-box {
  height: 42px
}

#setion-faresales .departure .content .describe .ui-select-wrapper .ui-select-box:before {
  background: url(triangle-down.png) no-repeat
}

#setion-faresales .departure .content .describe .ui-select-wrapper .ui-select {
  border: none!important;
  padding: 10px 12px;
  color: white;
  background: #162844;
  font-size: 18px;
  font-weight: bold
}

#setion-faresales .departure .content .describe .btn-more {
  margin-top: 10px;
  background: #223b61;
  color: white;
  border: 3px solid white
}

#setion-faresales .departure .content .describe .btn-more-new {
  position: relative;
  background: 0;
  color: #fff;
  width: auto;
  max-width: auto;
  height: 22px;
  line-height: 22px
}

#setion-faresales .departure .content .describe .btn-more-new:after {
  content: "";
  background: url(triangle-down.png) no-repeat;
  height: 10px;
  width: 10px;
  right: -15px;
  top: 5px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-size: 80%;
  position: absolute
}

@media(max-width:991px) {
  #setion-faresales .departure .content .describe {
    margin-top: 2vw;
    padding: 0 20px;
    font-size: 13px
  }
  #setion-faresales .departure .content .describe .btn-more {
    height: 40px;
    line-height: 40px
  }
}

@media(max-width:639px) {
  #setion-faresales .departure .content .describe {
    margin-top: 3vw;
    font-size: 14px
  }
}

#setion-faresales .departure .content .pic img {
  width: 100%
}

#setion-faresales .arrival .header {
  padding: 0 15px;
  line-height: 55px;
  border-bottom: 1px solid #284c88
}

#setion-faresales .arrival .header .more {
  color: white;
  text-decoration: underline
}

#setion-faresales .arrival .header .h55 {
  min-height: 55px
}

#setion-faresales .arrival .content {
  width: 100%
}

#setion-faresales .arrival .content .item .fz12 {
  font-size: 12px!important
}

#setion-faresales .arrival .content .item .fz18 {
  font-size: 18px!important
}

#setion-faresales .arrival .content .item .piece .text {
  font-size: 16px;
  padding: 20px
}

#setion-faresales .arrival .content .item .piece .text p {
  padding: 1px;
  line-height: 14px
}

#setion-faresales .arrival .content .item .piece .text p:last-child {
  margin-bottom: 0
}

#setion-faresales .arrival .content .item .piece .text p .type {
  line-height: 22px
}

#setion-faresales .arrival .content .item .piece .text .link {
  margin-bottom: 20px
}

@media(max-width:991px) {
  #setion-faresales .arrival .content .item .piece .text .link {
    margin-bottom: 10px
  }
}

#setion-faresales .arrival .content .item .piece .text .link a {
  font-size: 100%;
  color: white;
  text-decoration: underline
}

#setion-faresales .arrival .content .item .piece .text .link a.pink-link {
  padding: 5px 6px;
  border: 2px solid #fff;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  text-align: center
}

#setion-faresales .arrival .content .item .piece .text .link a.pink-link img {
  height: 10px;
  width: 10px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-left: 5px;
  margin-top: -2px
}

@media(max-width:991px) {
  #setion-faresales .arrival .content .item .piece .text .link a.pink-link {
    font-size: 12px
  }
}

#setion-faresales .arrival .content .item .piece .pic img {
  width: 100%
}

#setion-faresales .arrival .content .item .piece:first-child {
  background: #e4007f
}

#setion-faresales .arrival .content .item .piece.full {
  height: 100%
}

#setion-faresales .arrival .content .item .piece.full .text>.link>a.pink-link {
  padding: 10px
}

#setion-faresales .arrival .content .item .piece.half {
  height: 50%;
  border-bottom: 1px solid #284c88
}

#setion-faresales .arrival .content .item .piece.half .text {
  font-size: 14px;
  padding: 15px 20px
}

#setion-faresales .arrival .content .item .piece.half .text p {
  margin-bottom: 6px
}

@media(max-width:1080px) {
  #setion-faresales .arrival .content .item .piece.half .text .date {
    display: none
  }
}

@media(max-width:991px) {
  #setion-faresales .arrival .content .item .piece .text {
    font-size: 14px
  }
  #setion-faresales .arrival .content .item .piece .text p {
    margin-bottom: 6px
  }
  #setion-faresales .arrival .content .item .piece.half .text {
    font-size: 12px;
    padding: 5px 10px
  }
  #setion-faresales .arrival .content .item .piece.half .text .date {
    display: none
  }
}

@media(max-width:639px) {
  #setion-faresales .arrival .content .item .piece .text {
    font-size: 14px
  }
  #setion-faresales .arrival .content .item .piece .text p {
    margin-bottom: 8px
  }
  #setion-faresales .arrival .content .item .piece.half {
    height: 100%
  }
  #setion-faresales .arrival .content .item .piece.half .text {
    font-size: 14px;
    padding: 20px
  }
  #setion-faresales .arrival .content .item .piece.half .text .date {
    display: block
  }
}

#setion-faresales .arrival .carousel-indicators {
  top: 0;
  right: 15px;
  left: auto;
  bottom: auto;
  width: auto;
  margin: 0
}

#setion-faresales .arrival .carousel-indicators li {
  width: 10px;
  height: 10px;
  margin: 0;
  margin-right: 5px
}

#setion-brandservice {
  position: relative
}

#setion-brandservice .pic-square {
  height: auto;
  overflow: hidden
}

#setion-brandservice li.square {
  height: auto;
  overflow: hidden
}

#setion-brandservice li.square img {
  height: auto
}

@media(max-width:1199px) {
  #setion-brandservice .gold-text .large {
    font-size: 18px;
    line-height: 18px
  }
}

@media(max-width:991px) {
  #setion-brandservice .gold-text .large {
    font-size: 24px;
    line-height: 22px
  }
}

@media(max-width:640px) {
  #setion-brandservice .gold-text .large {
    font-size: 24px;
    line-height: 22px
  }
}

#setion-story .pic-square {
  height: auto;
  overflow: hidden
}

#memberInfo h1 {
  background-image: url(personal-info.pvg)
}

#memberInfo .shadowcard-wrapper .shadowcard ul {
  padding: 0
}

#memberInfo .shadowcard-wrapper .shadowcard ul li {
  border-left: 1px solid #d8d8d8;
  padding-left: 15px;
  margin: 15px 0;
  min-height: 38px
}

#memberInfo .shadowcard-wrapper .shadowcard ul .Passport {
  width: 100%
}

#memberInfo .shadowcard-wrapper .shadowcard ul .value {
  font-weight: bold;
  word-break: break-all
}

#memberInfo .shadowcard-wrapper .shadowcard .btn {
  width: 47%;
  margin-right: 10px;
  margin-bottom: 20px
}

#memberInfo .shadowcard-wrapper .shadowcard .row:last-child {
  padding-left: 0;
  padding-right: 0
}

@media(max-width:639px) {
  #memberInfo .shadowcard-wrapper .shadowcard .btn {
    width: 92%;
    margin-right: 10px;
    margin-bottom: 20px
  }
}

#beneficiaryForm .grayLine {
  border-top: 1px solid #d8d8d8;
  padding: 0
}

#beneficiaryForm .pdt20 {
  padding-top: 20px
}

#beneficiaryForm .mt20 {
  margin-top: 20px
}

#myVisa .visatxt {
  background: #f1f1f1;
  padding: 30px 15px
}

#myVisa a.visaStyle, #myVisa a.visaStyle:hover {
  color: #fff;
  display: inline-block;
  height: 55px;
  line-height: 55px;
  width: 100%;
  text-decoration: none
}

#memberCard .membercard {
  text-align: center;
  padding: 20px 0;
  min-height: 300px;
  width: 90%;
  margin: 0 auto
}

#memberCard .membercard a {
  display: inline-block;
  width: 45%;
  margin-left: 10%
}

#memberCard .membercard a:first-child {
  margin-left: 0
}

#memberCard .membercard img {
  width: 100%;
  height: auto
}

#memberCard .membercard .text-wraper {
  padding-top: 20px
}

@media(max-width:639px) {
  #memberCard .membercard {
    min-height: auto;
    padding: 20px 15px;
    width: 100%
  }
  #memberCard .membercard a {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    margin-bottom: 15px
  }
  #memberCard .membercard .text-wraper {
    padding-top: 0
  }
}

#pointClaimAdd .ponitClaimTxt {
  position: relative;
  top: -9px;
  color: #223b61
}

#pointClaimAdd #checkbox-wrapper .ui-checkbox-wrapper {
  padding-right: 0
}

#pointClaimAdd #checkbox-wrapper .ui-checkbox-wrapper label {
  margin-right: 0
}

@media(max-width:639px) {
  #pointClaimAdd .ponitClaimTxt {
    padding-top: 0
  }
}

#pointClaimAdd .tabbox .tabs.points-claim-tabs .item {
  min-width: 20%;
  white-space: nowrap
}

#pointPurchase .purchaseWraper .headers {
  background-color: #223b61;
  color: #fff;
  padding: 10px 15px
}

#pointPurchase .purchaseWraper .headers h4 {
  font-size: 14px
}

#pointPurchase .purchaseWraper .headers .tips-list {
  padding: 10px 0;
  font-size: 12px;
  overflow: hidden
}

#pointPurchase .purchaseWraper .headers .tips-list li {
  float: left;
  width: 33%
}

#pointPurchase .purchaseWraper .purchaseContent {
  padding: 10px 15px;
  margin-bottom: 20px;
  background-color: #fff
}

#pointPurchase .purchaseWraper .purchaseContent .pointSpan {
  display: inline-block
}

#pointPurchase .purchaseWraper .purchaseContent .pointInputWraper {
  width: 125px;
  display: inline-block
}

#pointPurchase .purchaseWraper .purchaseContent .pointInputWraper .ui-input-wrapper {
  padding-right: 0
}

#pointPurchase .purchaseWraper .purchaseContent .pointInputWraper .display-label {
  height: 0
}

#pointPurchase .purchaseWraper .purchaseContent .pointInputWraper label {
  margin-bottom: 0
}

#pointPurchase .purchaseWraper .purchaseContent .ponitHeight {
  min-height: 55px;
  line-height: 55px;
  border-left: 1px solid #aaa;
  padding-bottom: 500px;
  margin-bottom: -500px;
  padding-left: 15px;
  font-weight: bold
}

#pointPurchase .purchaseWraper .purchaseContent .ponitHeight .btn-pink {
  max-width: 143px
}

#pointPurchase .purchaseWraper .purchaseContent .ponitHeight #buyPointBtn:disabled {
  background-color: #d8d8d8!important;
  color: #8d8d8d!important
}

#pointPurchase .purchaseWraper .purchaseContent .ponitHeight .pointPrice {
  font-size: 18px;
  color: #e4007f
}

@media(max-width:639px) {
  #pointPurchase .purchaseWraper .purchaseContent .ponitHeight {
    border-left: none
  }
}

#pointPurchase .purchaseWraper .purchaseContent .ponitHeight:first-child {
  border-left: none
}

#pointPurchase .purchaseWraper .purchaseContent .lineHeight {
  line-height: 24px;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 515px
}

#pointPurchase .purchaseWraper .purchaseContent span.point {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  vertical-align: middle
}

#pointPurchase .purchaseWraper .purchaseContent .ovhidden {
  overflow: hidden
}

#pointPurchase .shadowcard-wrapper .shadowcard table td, #pointPurchase .shadowcard-wrapper .shadowcard table th {
  border: 0;
  border-bottom: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8
}

#pointPurchase .shadowcard-wrapper .shadowcard table td:first-child, #pointPurchase .shadowcard-wrapper .shadowcard table th:first-child {
  border-left: none
}

#memberInfoProfile .documents_list .item {
  padding-right: 30px
}

#memberInfoProfile .documents_list .item.editing {
  color: #294f9a
}

#memberInfoProfile .documents_list .del {
  float: right
}

#loginForm .weixinLogin {
  color: #337ab7;
  line-height: 40px
}

#loginForm .weixinLogin .winxin-logo {
  display: inline-block;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  background: url("/public/system/assets/images/login/weixin.png") no-repeat center
}

#loginForm .weixinLogin .winxin-logo:hover {
  background: url("/public/system/assets/images/login/weixin-active.png") no-repeat center
}

#wechat_bind .wechat-btn {
  padding: 0 10px
}

#wechat_bind .wechat-btn .btn {
  max-width: inherit
}

#wechat_bind form {
  border-right: 1px solid #ccc
}

#wechat_bind .mark-bind-ceair {
  background-position: -30px 0
}

#wechat_bind .mark-bind-goto {
  background-position: -88px 0;
  width: 52px
}

#winxin-bind iframe {
  width: 220px;
  height: 300px
}

#winxin-bind .shadowcard-wrapper {
  box-shadow: 0 3px 10px 0 #d3d3f0
}

#winxin-bind .wechat-bar {
  line-height: 55px
}

#winxin-bind .left {
  float: left
}

#winxin-bind .right {
  float: right
}

#winxin-bind #login_container {
  height: 300px
}

#winxin-bind .wxLogin {
  position: relative
}

#winxin-bind .wxLogin .close-btn {
  position: absolute;
  right: 50px;
  top: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2
}

#winxin-bind .info-we {
  width: calc(100% - 220px);
  min-width: 500px;
  height: 300px;
  padding: 40px;
  line-height: 20px
}

#winxin-bind .info-we h2 {
  font-size: 16px
}

#winxin-bind .info-we p {
  padding: 30px 0 0 40px
}

#winxin-bind .mark-bind-phone {
  background-position: 0 -84px;
  height: 36px;
  width: 35px
}

#winxin-bind .mark-bind-sao {
  background-position: -35px -84px;
  height: 36px;
  width: 35px
}

.mark-bind {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  background: url(map-bind.png) left 1000px no-repeat;
  background-position: top left
}

.impowerBox .qrcode {
  width: 200px
}

.impowerBox .title {
  display: none
}

.impowerBox .info {
  width: 200px
}

.impowerBox .status {
  text-align: center
}

.status_icon {
  display: none
}

#register .readTerm {
  padding: 15px 0 0 0;
  border-top: 1px solid #d8d8d8;
  margin-top: 0
}

#register .registerBTN {
  text-align: right
}

#register .btn-submit {
  float: right
}

#register .text-conditions .value {
  height: 54px;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -webkit-box-align: center;
  -moz-box-align: center;
  text-align: right
}

#register .documents_list .item {
  padding-right: 30px
}

#register .documents_list .item.editing {
  color: #294f9a
}

#register .documents_list .del {
  float: right
}

@media(max-width:640px) {
  #register .text-normal .value {
    position: relative;
    top: 0
  }
}

#checkinResult .table {
  border-top: 3px solid #223b61;
  border-bottom: 1px solid #ddd
}

@media(max-width:991px) {
  #checkinResult .table {
    width: 100%
  }
}

#checkinResult .table thead th {
  width: 50%;
  border-right: 1px solid #ddd;
  text-align: center
}

#checkinResult .table thead th:last-child {
  border-right: 0
}

#checkinResult .table tbody td {
  width: 50%;
  border-right: 1px solid #ddd;
  text-align: center
}

#checkinResult .table tbody td:last-child {
  border-right: 0
}

#checkinResult .table tbody tr:nth-of-type(even) {
  background-color: #f8f8f8
}

@media(max-width:660px) {
  .checkinResult .col-md-8 .row li {
    float: left;
    width: 100%
  }
  .checkinResult .col-md-8 .row li:last-child {
    text-align: left
  }
}

#modifyInformation .subtitleModify {
  padding-bottom: 0;
  padding-top: 20px
}

#modifyInformation .subtitleModify p {
  font-size: 24px
}

#modifyInformation .FirstPassenger {
  border-top: 0;
  padding-top: 0
}

#modifyInformation .modifyBTN {
  text-align: right;
  padding-right: 30px
}

#modifyInformation .modifyBTN button {
  margin-left: 10px
}

@media(max-width:639px) {
  #modifyInformation .ui-select-wrapper {
    padding-right: 0
  }
  #modifyInformation .col-xs-3 label {
    padding-right: 5px
  }
  #modifyInformation .modifyBTN {
    padding-right: 15px
  }
  #modifyInformation .modifyBTN button {
    margin-bottom: 10px;
    margin-left: 0
  }
}

.confirmInformation .col-md-8 {
  background-color: #fff;
  padding: 15px
}

.confirmInformation .col-md-8 .confirmTitle p:first-child {
  font-size: 18px;
  margin-bottom: 10px
}

.confirmInformation .col-md-8 .Info {
  margin: 20px 0 10px;
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8
}

.confirmInformation .col-md-8 .Info .row {
  border-bottom: 1px solid #d8d8d8;
  padding: 10px 0 10px 15px
}

.confirmInformation .col-md-8 .Info .row p {
  width: 50%;
  float: left
}

.confirmInformation .col-md-8 .Info .row p span {
  margin-right: 10px
}

.confirmInformation .col-md-8 .Info .infoHeader {
  background-color: #223b61;
  color: #fff;
  font-weight: bold;
  border-bottom: 0
}

.confirmInformation .col-md-8 .row a {
  float: right;
  color: #223b61
}

.confirmInformation .col-md-8 .row ul li span.value {
  font-weight: bold;
  padding-left: 5px
}

.confirmInformation .col-md-8 .row ul li:last-child {
  float: right;
  text-align: right
}

@media(max-width:660px) {
  .confirmInformation .col-md-8 .row ul li {
    float: left;
    width: 100%
  }
  .confirmInformation .col-md-8 .row ul li:last-child {
    text-align: left
  }
}

.confirmInformation .col-md-8 .row a.clickDetail {
  color: #2a5390;
  margin-top: 10px
}

.confirmInformation .col-md-8 .confirmTitle {
  margin-top: 20px
}

.confirmInformation .col-md-8 #contactInfo {
  margin-top: 20px
}

.confirmInformation .col-md-8 #contactInfo .shadowcard .row {
  padding: 0
}

.confirmInformation .col-md-8 #contactInfo .shadowcard .row button {
  margin-top: 50px
}

@media(max-width:639px) {
  .confirmInformation .col-md-8 #contactInfo .shadowcard .row button {
    margin-top: 15px
  }
}

.confirmInformation .col-md-8 #contactInfo .shadowcard .row button:last-child {
  float: right
}

.confirmInformation .col-md-8 #contactInfo .shadowcard .row .custom-form .row .col-sm-4:last-child label {
  padding-right: 0
}

@media(min-width:992px) {
  #lostItems {
    padding-left: 15px
  }
}

#lostItems .lost-items {
  background-color: #fff;
  margin-bottom: 30px
}

#lostItems .lost-items .table {
  border-top: 2px solid #223b61;
  margin: 0
}

#lostItems .lost-items .table>thead>tr>th {
  font-weight: bold
}

#lostItems .lost-items .table>thead>tr>th, #lostItems .lost-items .table>thead>tr>td, #lostItems .lost-items .table>tbody>tr>th, #lostItems .lost-items .table>tbody>tr>td, #lostItems .lost-items .table>tfoot>tr>th, #lostItems .lost-items .table>tfoot>tr>td {
  padding: 20px 8px;
  text-align: center
}

@media(max-width:639px) {
  #lostItems .lost-items .table tbody tr {
    width: 100%
  }
  #lostItems .lost-items .table tbody tr:nth-of-type(2):after {
    display: none;
    background: 0
  }
}

#ticketVerification {
  padding-left: 15px;
  padding-bottom: 30px
}

#ticketVerification .lost-des {
  background-color: #fff;
  border-top: 2px solid #223b61;
  line-height: 1.5;
  padding: 20px
}

#ticketVerification .lost-des .lost-tit {
  font-weight: bold;
  padding-top: 30px
}

#ticketVerification .lost-des-no {
  border-top: 2px solid #e4007f
}

#ticketVerification .lost-tips {
  line-height: 1.5;
  padding: 20px 0
}

#ticketVerification .lost-tips ul li {
  margin-bottom: 5px
}

#ticketVerification .lost-tips ul li span {
  width: 95%;
  display: inline-block
}

#ticketVerification .lost-tips ul li:before {
  background: #e4007f;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 5px 15px 0 5px;
  vertical-align: top
}

#ticketVerification table {
  background-color: #fff
}

#newcheckin .disabled {
  cursor: not-allowed;
  opacity: .6
}

#newcheckin dd.tip:before {
  background: #e4007f;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 5px 15px 0 5px;
  vertical-align: top
}

.iconplane, .checkInSteps .passengerList .passengerTicket .row .col-md-8 .flightNo .iconMU, #choosePassengers .passengerList .passengerTicket .row .col-md-8 .flightNo .iconMU {
  display: inline-block;
  width: 18px;
  height: 14px
}

.tac {
  text-align: center
}

.fn {
  float: none!important
}

.checkInSteps, #choosePassengers {
  background-color: #fff;
  margin-bottom: 15px;
  margin-right: 0
}

.checkInSteps .attentionTips, #choosePassengers .attentionTips {
  margin-top: 5px;
  background: url(icon-info.pvg) no-repeat 5px top;
  background-size: 30px 30px;
  padding-left: 40px!important;
  min-height: 40px
}

.checkInSteps .attentionTips p.tip:before, #choosePassengers .attentionTips p.tip:before {
  background: #e4007f;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 5px 15px 0 5px;
  vertical-align: top
}

.checkInSteps .passenger-box-unexpand .passenger-box-title, #choosePassengers .passenger-box-unexpand .passenger-box-title {
  font-size: 16px
}

.checkInSteps .btn.btn-back, #choosePassengers .btn.btn-back {
  background-color: #fff;
  border: 3px solid #223b61;
  color: #223b61;
  line-height: 52px
}

.checkInSteps .btn.btn-nextStep, #choosePassengers .btn.btn-nextStep {
  float: right;
  background-color: #223b61;
  color: #fff
}

.checkInSteps .sectionTitle, #choosePassengers .sectionTitle {
  background-color: #223b61;
  color: #fff;
  font-size: 12px;
  line-height: 30px;
  height: 30px;
  text-indent: 1em;
  font-weight: bold
}

.checkInSteps .takeAccount, #choosePassengers .takeAccount {
  padding: 9px 1em;
  background-color: #fff;
  color: #474747;
  border-bottom: 15px solid #f8f8f8
}

.checkInSteps .takeAccount .ui-checkbox-wrapper, #choosePassengers .takeAccount .ui-checkbox-wrapper {
  font-weight: normal
}

.checkInSteps .takeAccount .agreement, #choosePassengers .takeAccount .agreement {
  font-size: 14px;
  text-decoration: underline
}

.checkInSteps .passengerList .passengerTicket, #choosePassengers .passengerList .passengerTicket {
  font-size: 12px;
  border: 1px solid #d8d8d8;
  border-bottom: 0;
  margin-bottom: 15px;
  background-color: #fff
}

.checkInSteps .passengerList .passengerTicket a, #choosePassengers .passengerList .passengerTicket a {
  font-size: 12px
}

.checkInSteps .passengerList .passengerTicket:last-child, #choosePassengers .passengerList .passengerTicket:last-child {
  margin-bottom: 0
}

.checkInSteps .passengerList .passengerTicket:hover, #choosePassengers .passengerList .passengerTicket:hover {
  border-color: #223b61
}

.checkInSteps .passengerList .passengerTicket .row, #choosePassengers .passengerList .passengerTicket .row {
  border-bottom: 1px solid #d8d8d8
}

.checkInSteps .passengerList .passengerTicket .row .checkinerr, #choosePassengers .passengerList .passengerTicket .row .checkinerr {
  position: relative;
  vertical-align: middle;
  margin-left: 5px;
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url(icon-question.png) no-repeat;
  cursor: pointer
}

.checkInSteps .passengerList .passengerTicket .row .checkinerr .errinformation, #choosePassengers .passengerList .passengerTicket .row .checkinerr .errinformation {
  border: 1px solid #c4142b;
  color: #c4142b;
  font-size: 14px;
  text-align: left;
  position: absolute;
  z-index: 999;
  width: 380px;
  padding: 10px;
  left: 0;
  top: 100%;
  display: none;
  background-color: #fff
}

.checkInSteps .passengerList .passengerTicket .row .checkinerr:hover .errinformation, #choosePassengers .passengerList .passengerTicket .row .checkinerr:hover .errinformation {
  display: block
}

.checkInSteps .passengerList .passengerTicket .row .col-md-1, #choosePassengers .passengerList .passengerTicket .row .col-md-1 {
  text-align: center;
  margin-top: 8px
}

.checkInSteps .passengerList .passengerTicket .row .col-md-12, #choosePassengers .passengerList .passengerTicket .row .col-md-12, .checkInSteps .passengerList .passengerTicket .row .col-md-11, #choosePassengers .passengerList .passengerTicket .row .col-md-11 {
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  vertical-align: middle
}

.checkInSteps .passengerList .passengerTicket .row .col-md-12 img, #choosePassengers .passengerList .passengerTicket .row .col-md-12 img, .checkInSteps .passengerList .passengerTicket .row .col-md-11 img, #choosePassengers .passengerList .passengerTicket .row .col-md-11 img {
  margin: 0 15px
}

.checkInSteps .passengerList .passengerTicket .row .col-md-12 b, #choosePassengers .passengerList .passengerTicket .row .col-md-12 b, .checkInSteps .passengerList .passengerTicket .row .col-md-11 b, #choosePassengers .passengerList .passengerTicket .row .col-md-11 b {
  color: #4a4a4a;
  margin-right: 15px
}

.checkInSteps .passengerList .passengerTicket .row .col-md-12 b.passengerType, #choosePassengers .passengerList .passengerTicket .row .col-md-12 b.passengerType, .checkInSteps .passengerList .passengerTicket .row .col-md-11 b.passengerType, #choosePassengers .passengerList .passengerTicket .row .col-md-11 b.passengerType {
  display: inline-block
}

.checkInSteps .passengerList .passengerTicket .row .col-md-12 i, #choosePassengers .passengerList .passengerTicket .row .col-md-12 i, .checkInSteps .passengerList .passengerTicket .row .col-md-11 i, #choosePassengers .passengerList .passengerTicket .row .col-md-11 i {
  font-style: normal;
  margin-right: 15px
}

.checkInSteps .passengerList .passengerTicket .row .col-md-8, #choosePassengers .passengerList .passengerTicket .row .col-md-8 {
  height: 142px;
  border-right: 1px solid #d8d8d8
}

.checkInSteps .passengerList .passengerTicket .row .col-md-8 .flightPart, #choosePassengers .passengerList .passengerTicket .row .col-md-8 .flightPart {
  width: 80%;
  font-size: 22px;
  font-weight: bold;
  color: #4a4a4a;
  background: url(icon-flightpart.png) no-repeat center center
}

.checkInSteps .passengerList .passengerTicket .row .col-md-8 .flightPart:after, #choosePassengers .passengerList .passengerTicket .row .col-md-8 .flightPart:after {
  content: "";
  display: block;
  clear: both
}

.checkInSteps .passengerList .passengerTicket .row .col-md-8 .flightPart .airport, #choosePassengers .passengerList .passengerTicket .row .col-md-8 .flightPart .airport {
  float: left;
  padding: 30px 15px;
  width: 31%;
  text-align: center
}

.checkInSteps .passengerList .passengerTicket .row .col-md-8 .flightPart .airport p, #choosePassengers .passengerList .passengerTicket .row .col-md-8 .flightPart .airport p {
  font-size: 12px;
  font-weight: normal
}

.checkInSteps .passengerList .passengerTicket .row .col-md-8 .flightPart .airport p.airportName, #choosePassengers .passengerList .passengerTicket .row .col-md-8 .flightPart .airport p.airportName {
  font-size: 14px;
  max-height: 38px;
  overflow: hidden
}

.checkInSteps .passengerList .passengerTicket .row .col-md-8 .flightPart .arrive, #choosePassengers .passengerList .passengerTicket .row .col-md-8 .flightPart .arrive {
  float: right
}

.checkInSteps .passengerList .passengerTicket .row .col-md-8 .flightNo, #choosePassengers .passengerList .passengerTicket .row .col-md-8 .flightNo {
  position: absolute;
  right: 2%;
  top: 13%;
  font-weight: bold
}

.checkInSteps .passengerList .passengerTicket .row .col-md-8 .flightNo .iconMU, #choosePassengers .passengerList .passengerTicket .row .col-md-8 .flightNo .iconMU {
  background: url(icon-planeMU.png) no-repeat
}

.checkInSteps .passengerList .passengerTicket .row .col-md-4, #choosePassengers .passengerList .passengerTicket .row .col-md-4 {
  height: 142px
}

.checkInSteps .passengerList .passengerTicket .row .col-md-4 .seatNo, #choosePassengers .passengerList .passengerTicket .row .col-md-4 .seatNo {
  border-bottom: 1px solid #d8d8d8;
  padding: 35px 0 29px;
  text-align: center
}

.checkInSteps .passengerList .passengerTicket .row .col-md-4 .seatNo span, #choosePassengers .passengerList .passengerTicket .row .col-md-4 .seatNo span {
  font-weight: bold;
  font-size: 22px
}

.checkInSteps .passengerList .passengerTicket .row .col-md-4 .seatNo span s, #choosePassengers .passengerList .passengerTicket .row .col-md-4 .seatNo span s {
  font-size: 15px;
  text-decoration: none;
  margin-right: 10px
}

.checkInSteps .passengerList .passengerTicket .row .col-md-4 .seatNo .printQr, #choosePassengers .passengerList .passengerTicket .row .col-md-4 .seatNo .printQr {
  border: 0;
  cursor: pointer;
  width: 24px;
  height: 24px;
  float: right;
  margin-right: 10%;
  background: url(qrcode_cur.png) no-repeat
}

.checkInSteps .passengerList .passengerTicket .row .col-md-4 .seatNo .printQr.disabled, #choosePassengers .passengerList .passengerTicket .row .col-md-4 .seatNo .printQr.disabled {
  background-image: url(qrcode.png);
  cursor: not-allowed
}

.checkInSteps .passengerList .passengerTicket .row .col-md-4 .seatNo .printSeatNo, #choosePassengers .passengerList .passengerTicket .row .col-md-4 .seatNo .printSeatNo {
  border: 0;
  cursor: pointer;
  width: 24px;
  height: 24px;
  float: right;
  margin-right: 18%;
  background: url(icon-print.png) no-repeat
}

.checkInSteps .passengerList .passengerTicket .row .col-md-4 .seatNo .printSeatNo.disabled, #choosePassengers .passengerList .passengerTicket .row .col-md-4 .seatNo .printSeatNo.disabled {
  background-image: url(icon-print-1.png);
  cursor: not-allowed
}

.checkInSteps .passengerList .passengerTicket .row .col-md-4 .seatOperations .twoBtn, #choosePassengers .passengerList .passengerTicket .row .col-md-4 .seatOperations .twoBtn {
  font-weight: bold;
  padding: 13px 0 14px;
  width: 50%;
  text-align: center;
  display: inline-block
}

.checkInSteps .passengerList .passengerTicket .row .col-md-4 .seatOperations .twoBtn:first-child, #choosePassengers .passengerList .passengerTicket .row .col-md-4 .seatOperations .twoBtn:first-child {
  border-right: 1px solid #d8d8d8
}

.checkInSteps .passengerList .passengerTicket .row .col-md-4 .seatOperations .twoBtn.disabled, #choosePassengers .passengerList .passengerTicket .row .col-md-4 .seatOperations .twoBtn.disabled {
  color: #b0b0b0;
  cursor: not-allowed
}

.checkInSteps .passengerList .passengerTicket .row .col-md-4 .seatOperations .oneBtn, #choosePassengers .passengerList .passengerTicket .row .col-md-4 .seatOperations .oneBtn {
  font-weight: bold;
  padding: 13px 0 14px;
  width: 100%;
  text-align: center;
  display: inline-block
}

.checkInSteps .passengerList .passengerTicket .row .col-md-4 .seatOperations .oneBtn.disabled, #choosePassengers .passengerList .passengerTicket .row .col-md-4 .seatOperations .oneBtn.disabled {
  color: #b0b0b0;
  cursor: not-allowed
}

@media(max-width:991px) {
  .checkInSteps .passengerList .passengerTicket .row .col-md-4, #choosePassengers .passengerList .passengerTicket .row .col-md-4 {
    border-top: 1px solid #d8d8d8
  }
}

.checkInSteps .passengerList .passengerTicket .passengerTicket-airport, #choosePassengers .passengerList .passengerTicket .passengerTicket-airport {
  font-size: 18px;
  font-weight: 700
}

.checkInSteps .passengerList .passengerTicket .passengerTicket-airport-name, #choosePassengers .passengerList .passengerTicket .passengerTicket-airport-name {
  font-size: 14px
}

.checkInSteps .passengerList .passengerTicket .seatOperations, #choosePassengers .passengerList .passengerTicket .seatOperations {
  font-weight: 700
}

.checkInSteps .passengerList .passengerTicket .seatOperations a, #choosePassengers .passengerList .passengerTicket .seatOperations a {
  border-right: 1px solid #d8d8d8
}

.checkInSteps .passengerList .passengerTicket .seatOperations a:last-child, #choosePassengers .passengerList .passengerTicket .seatOperations a:last-child {
  border-right: 0
}

.checkInSteps .passengerList .passengerTicket .printSeatNo, #choosePassengers .passengerList .passengerTicket .printSeatNo {
  border: 0;
  cursor: pointer;
  height: 40px;
  background: url(icon-print.png) no-repeat center
}

.checkInSteps .passengerList .passengerTicket .printSeatNo.disabled, #choosePassengers .passengerList .passengerTicket .printSeatNo.disabled {
  background-image: url(icon-print-1.png);
  cursor: not-allowed
}

.checkInSteps .passengerList .passengerTicket .disabled, #choosePassengers .passengerList .passengerTicket .disabled {
  color: #b0b0b0;
  cursor: not-allowed
}

.checkInSteps .segment-info .innerBox, #choosePassengers .segment-info .innerBox {
  background-color: #f8f8f8;
  font-weight: bold;
  padding: 5px 0
}

.checkInSteps .segment-info .innerBox span, #choosePassengers .segment-info .innerBox span {
  margin: 0 8px
}

.checkInSteps .passenger-info .innerBox, #choosePassengers .passenger-info .innerBox {
  background-color: #f8f8f8;
  font-weight: bold;
  border: 1px solid #d8d8d8;
  color: #4a4a4a;
  word-wrap: break-word;
  padding: 10px 0;
  cursor: pointer;
  height: 145px;
  margin-bottom: 15px
}

.checkInSteps .passenger-info .innerBox.selected, #choosePassengers .passenger-info .innerBox.selected {
  border-top: 5px solid #e4007f;
  padding-top: 6px
}

.checkInSteps .passenger-info .innerBox .chooseSeat, #choosePassengers .passenger-info .innerBox .chooseSeat {
  line-height: 2.5em;
  margin-left: 2.5em;
  border: 1px solid #d8d8d8;
  padding-left: 30px;
  background: url(seat.png) no-repeat left center white
}

.checkInSteps .passenger-info .innerBox .chooseSeat:hover, #choosePassengers .passenger-info .innerBox .chooseSeat:hover {
  border-color: #223b61
}

.checkInSteps .passenger-info .innerBox span, #choosePassengers .passenger-info .innerBox span {
  display: block;
  margin: 5px 0;
  padding-left: 2.5em
}

.checkInSteps .passenger-info .innerBox span.passenger-name, #choosePassengers .passenger-info .innerBox span.passenger-name {
  background: url(icon-user.png) no-repeat 10px center
}

.checkInSteps .NewPlaneSeat, #choosePassengers .NewPlaneSeat {
  width: 100%
}

.checkInSteps .NewPlaneSeat:after, #choosePassengers .NewPlaneSeat:after {
  display: block;
  clear: both;
  content: ''
}

.checkInSteps .NewPlaneSeat .seatStates, #choosePassengers .NewPlaneSeat .seatStates {
  text-align: right
}

.checkInSteps .NewPlaneSeat .seatStates .seatState, #choosePassengers .NewPlaneSeat .seatStates .seatState {
  display: inline-block;
  line-height: 22px;
  font-size: 14px;
  color: #4a4a4a;
  margin-bottom: 10px;
  margin-right: 10px
}

.checkInSteps .NewPlaneSeat .seatStates .seatState .block, #choosePassengers .NewPlaneSeat .seatStates .seatState .block {
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  margin-right: 5px;
  color: #4a4a4a;
  text-align: center;
  vertical-align: top
}

.checkInSteps .NewPlaneSeat .seatStates .seatState.selected .block, #choosePassengers .NewPlaneSeat .seatStates .seatState.selected .block {
  background-color: #bfa456;
  border-color: #bfa456
}

.checkInSteps .NewPlaneSeat .seatStates .seatState.checkedin .block, #choosePassengers .NewPlaneSeat .seatStates .seatState.checkedin .block {
  background-color: #223b61;
  border-color: #223b61
}

.checkInSteps .NewPlaneSeat .seatStates .seatState.reserved .block, #choosePassengers .NewPlaneSeat .seatStates .seatState.reserved .block {
  background-color: #417505;
  border-color: #417505
}

.checkInSteps .NewPlaneSeat .seatStates .seatState.available .block, #choosePassengers .NewPlaneSeat .seatStates .seatState.available .block {
  background-color: #fff;
  border-color: #d8d8d8
}

.checkInSteps .NewPlaneSeat .seatStates .seatState.notavailable .block, #choosePassengers .NewPlaneSeat .seatStates .seatState.notavailable .block {
  background-color: #d8d8d8;
  border-color: #d8d8d8
}

.checkInSteps .NewPlaneSeat .seatStates .seatState.exit .block, #choosePassengers .NewPlaneSeat .seatStates .seatState.exit .block {
  background-color: #fff;
  border-color: #d8d8d8
}

.checkInSteps .NewPlaneSeat .thumbnail, #choosePassengers .NewPlaneSeat .thumbnail {
  width: 117px;
  height: 700px;
  background: url(zuoweitu.png) no-repeat center bottom;
  position: relative;
  border: 0
}

.checkInSteps .NewPlaneSeat .thumbnail .thumbnailArea, #choosePassengers .NewPlaneSeat .thumbnail .thumbnailArea {
  width: 56px;
  height: 420px;
  position: absolute;
  left: 29px;
  top: 140px
}

.checkInSteps .NewPlaneSeat .thumbnail .thumbnailArea .seatSign, #choosePassengers .NewPlaneSeat .thumbnail .thumbnailArea .seatSign {
  width: 59px;
  height: 56px;
  border: 2px solid #e4007f;
  position: absolute;
  left: 54%;
  top: 20%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: all .3s linear
}

.checkInSteps .NewPlaneSeat .seatMapWrap, #choosePassengers .NewPlaneSeat .seatMapWrap {
  padding-top: 10px;
  width: 100%
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatBtn, #choosePassengers .NewPlaneSeat .seatMapWrap .seatBtn {
  display: block;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  height: 30px
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatBtn.upBtn, #choosePassengers .NewPlaneSeat .seatMapWrap .seatBtn.upBtn {
  border-bottom: 10px solid #d8d8d8;
  background-image: url(SeatBtnUp.png)
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatBtn.upBtn .arrow, #choosePassengers .NewPlaneSeat .seatMapWrap .seatBtn.upBtn .arrow {
  position: relative;
  bottom: -5px;
  display: inline-block;
  width: 22px;
  height: 8px;
  background: url(upArrow.png) no-repeat center center
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatBtn.upBtn:hover .arrow, #choosePassengers .NewPlaneSeat .seatMapWrap .seatBtn.upBtn:hover .arrow {
  background-image: url(upArrow_cur.png)
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatBtn.downBtn, #choosePassengers .NewPlaneSeat .seatMapWrap .seatBtn.downBtn {
  border-top: 10px solid #d8d8d8;
  background-image: url(SeatBtnDown.png)
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatBtn.downBtn .arrow, #choosePassengers .NewPlaneSeat .seatMapWrap .seatBtn.downBtn .arrow {
  position: relative;
  top: -5px;
  display: inline-block;
  width: 22px;
  height: 8px;
  background: url(downArrow.png) no-repeat center center
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatBtn.downBtn:hover .arrow, #choosePassengers .NewPlaneSeat .seatMapWrap .seatBtn.downBtn:hover .arrow {
  background-image: url(downArrow_cur.png)
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatMap, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap {
  padding: 5px 0
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow {
  margin-bottom: 4px
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row {
  text-align: center
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li {
  display: inline-block;
  width: 55px;
  height: 55px;
  padding: 6px;
  line-height: 43px;
  border: 1px solid #d8d8d8;
  background: #fff;
  margin-right: 4px;
  vertical-align: middle;
  cursor: pointer
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.middle, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.middle {
  width: 48px;
  height: 48px
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.little, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.little {
  width: 36px;
  height: 36px
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.rowNo, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.rowNo {
  border: 0;
  font-weight: bold;
  color: #4a4a4a;
  cursor: auto
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li .block, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li .block {
  width: 100%;
  height: 100%;
  position: relative
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li .block.E:before, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li .block.E:before {
  content: 'E';
  font-weight: bold;
  color: #fff;
  position: absolute;
  width: 50px;
  height: 50px;
  line-height: 50px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li .block.E-EXIT, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li .block.E-EXIT {
  border: 1px solid #4a4a4a
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li .block.E-EXIT:before, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li .block.E-EXIT:before {
  content: 'E';
  font-weight: normal;
  color: #333!important;
  position: absolute;
  width: 50px;
  height: 50px;
  line-height: 50px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li:hover .block, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li:hover .block {
  background-color: #bfa456;
  color: #fff!important
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.reserved .block, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.reserved .block {
  background-color: #417505;
  color: #fff;
  border-radius: 2px
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.selected .block, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.selected .block {
  background-color: #bfa456;
  color: #fff;
  border-radius: 2px
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.checkedin .block, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.checkedin .block {
  background-color: #223b61;
  color: #fff;
  border-radius: 2px
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.exit .block, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.exit .block {
  background-color: #417505;
  color: #fff!important;
  font-size: 16px;
  font-weight: bold
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.disabled, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.disabled {
  cursor: not-allowed;
  background-color: #d8d8d8
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.disabled .block, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.disabled .block {
  background-color: #d8d8d8
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.disabled:hover .block, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.disabled:hover .block {
  background-color: #d8d8d8
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.notSeat, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.notSeat {
  border: 0;
  font-weight: bold;
  color: #4a4a4a;
  cursor: auto
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.notSeat:hover .block, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.notSeat:hover .block {
  background-color: #fff
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row:after, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row:after {
  display: block;
  clear: both;
  content: ''
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow.seatRowTitle .seatTitle, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow.seatRowTitle .seatTitle {
  font-weight: bold;
  color: #4a4a4a
}

.checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow.seatRowTitle .seatTitle li, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow.seatRowTitle .seatTitle li {
  border: 0;
  text-align: center;
  height: 26px;
  line-height: 26px;
  cursor: auto
}

@media(min-width:992px) and (max-width:1365px) {
  .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.middle, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.middle {
    width: 35px;
    height: 35px
  }
  .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.little, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.little {
    width: 29px;
    height: 29px
  }
}

@media(max-width:992px) {
  .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li {
    width: 24px;
    height: 24px;
    line-height: 24px;
    padding: 0
  }
  .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.middle, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.middle {
    width: 18px;
    height: 18px
  }
  .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.little, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.little {
    width: 14px;
    height: 14px
  }
}

@media(max-width:991px) {
  .checkInSteps .NewPlaneSeat .sm-hidden, #choosePassengers .NewPlaneSeat .sm-hidden {
    display: none
  }
}

#choosePassengers {
  background-color: #f8f8f8
}

#addPassengers .multiPassengerList {
  padding: 15px
}

#addPassengers .multiPassengerList .addPassengerBox {
  padding-left: 20px
}

#addPassengers .multiPassengerList .passengerInfo-wrapper .passengerInfoItem {
  padding: 10px 0 15px
}

#addPassengers .multiPassengerList .passengerInfo-wrapper .passengerInfoItem .tag {
  min-height: 18px;
  line-height: 22px;
  font-size: 12px
}

#addPassengers .multiPassengerList .passengerInfo-wrapper .passengerInfoItem .list-order {
  width: 21px;
  height: 21px;
  border-radius: 50px;
  background-color: #223b61;
  color: #fff;
  line-height: 21px;
  text-align: center;
  margin: -10px auto 0
}

#addPassengers .multiPassengerList .passengerInfo-wrapper .passengerInfoItem .value {
  font-size: 14px;
  font-weight: bold
}

#addPassengers .multiPassengerList .passengerInfo-wrapper .passengerInfoItem .value .type {
  float: right;
  margin-right: 1em
}

#addPassengers .multiPassengerList .passengerInfo-wrapper .passengerInfoItem.noResult {
  padding: 10px 0 20px 25px
}

#addPassengers .multiPassengerList .passengerInfo-wrapper .passengerInfoItem .operation {
  text-align: right;
  padding-right: 1em
}

#addPassengers .multiPassengerList .passengerInfo-wrapper .passengerInfoItem .operation button {
  display: inline-block;
  color: #23527c;
  text-decoration: underline;
  border: 0;
  background-color: transparent;
  margin: 0 15px 0 10px
}

#addPassengers .multiPassengerList .passengerInfo-wrapper .passengerInfoItem .operation button:hover {
  color: #3bbee8
}

@media(max-width:991px) {
  #addPassengers .multiPassengerList .passengerInfo-wrapper .passengerInfoItem .value {
    font-weight: normal;
    font-size: 12px
  }
  #addPassengers .multiPassengerList .passengerInfo-wrapper .passengerInfoItem button {
    margin: 0!important;
    padding-right: 0!important
  }
}

#addPassengers .multiPassengerList .passengerInfo-wrapper .addPassengerList {
  max-height: 0;
  opacity: 0;
  transition: all .5s;
  overflow: hidden;
  margin: 10px 0 0
}

#addPassengers .multiPassengerList .passengerInfo-wrapper .addPassengerList.show {
  max-height: 3000px;
  opacity: 1
}

#passengerInfos .booking-step {
  clear: none;
  margin: 0
}

#passengerInfos .passengerAttention {
  font-size: 12px;
  line-height: 200%;
  color: #474747;
  padding-left: 3em;
  background: url(icon-info.pvg) no-repeat 1% center;
  background-size: 20px
}

#boardingPass .manyCheckinResult {
  padding: 15px;
  border: 1px solid #e4007f;
  margin-bottom: 15px
}

#boardingPass .manyCheckinResult li {
  padding-bottom: 5px
}

#boardingPass .manyCheckinResult li:last-child {
  padding-bottom: 0
}

#boardingPass .manyCheckinResult dt {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 5px
}

#boardingPass .manyCheckinResult dd {
  text-indent: 1em
}

#boardingPass .manyCheckinResult dd:last-child {
  margin-top: 10px
}

#boardingPass .boardingpassTabs {
  height: 54px;
  line-height: 54px;
  font-weight: bold
}

#boardingPass .boardingpassTabs li {
  text-indent: 1em;
  cursor: pointer
}

#boardingPass .boardingpassTabs li.cur {
  background-color: #223b61;
  color: #fff
}

#boardingPass .boardingpassTabs li .boardingpass-h2 {
  font-size: 14px
}

#boardingPass .boardingpassTabContent {
  display: none
}

#boardingPass .boardingpassTabContent.cur {
  display: block
}

#boardingPass .boardingpassTabContent:after {
  clear: both;
  content: "";
  display: block
}

#boardingPass .boardingpassTabContent.qrSection {
  padding: 32px 36px
}

#boardingPass .boardingpassTabContent.qrSection .qrItem:nth-child(2n) {
  border-left: 1px solid #d8d8d8;
  padding-left: 15px
}

#boardingPass .boardingpassTabContent.qrSection .qrItem .qrItemInfos {
  padding: 10px 0 0
}

#boardingPass .boardingpassTabContent.qrSection .qrItem .qrItemInfos h3 {
  font-size: 12px
}

#boardingPass .boardingpassTabContent.qrSection .qrItem .qrItemInfos h4 {
  font-size: 14px;
  font-weight: bold;
  text-indent: 1em
}

#boardingPass .boardingpassTabContent .qrAttentionTips {
  min-height: 40px;
  line-height: 40px;
  background: url(icon-info-hover.pvg) no-repeat 13px center;
  padding-left: 40px;
  color: #e4007f;
  border: 1px solid #e4007f;
  margin-top: 20px
}

#boardingPass .boarding-pull-right {
  float: right
}

#boardingPass .boarding-infos {
  margin-bottom: 15px;
  padding: 15px;
  border-bottom: 1px solid #d8d8d8
}

#boardingPass .boarding-infos .opts div {
  padding: 10px
}

#boardingPass .boarding-infos .opts div .btn {
  max-width: none
}

#boardingPass .boarding-infos-contents {
  overflow-x: auto
}

#boardingPass .boarding-infos-content {
  border: 3px solid #121679;
  border-radius: 26px;
  height: 330px;
  margin-bottom: 15px;
  min-width: 770px
}

#boardingPass .boarding-infos-content-hk {
  border: 2px solid #d3d3d3;
  border-radius: 5px;
  height: auto;
  min-height: 330px;
  margin-bottom: 15px;
  min-width: 770px;
  padding-bottom: 20px;
  font-family: "微软雅黑", "黑体", "Microsoft YaHei UI", "Microsoft YaHei", SimSun, "宋体", "Segoe UI", Tahoma, Helvetica, Sans-Serif
}

#boardingPass .boarding-infos-content-hk .boarding-infos-header-hk {
  height: 66px;
  width: 100%;
  position: relative;
  top: -2px;
  margin-bottom: 5px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-header-hk img {
  width: 100%;
  vertical-align: middle
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk {
  width: 100%;
  padding: 0 15px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list {
  margin-top: 15px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-left {
  width: 55%;
  float: left;
  line-height: 35px;
  font-size: 18px;
  margin-bottom: 15px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-left div .title-text {
  width: 40%;
  display: inline-block
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-left div .title-text .en-text {
  font-weight: bold;
  text-align: left
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-left div .title-text .zh-text {
  color: #898989;
  text-align: right;
  float: right;
  font-size: 16px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-right {
  width: 45%;
  float: right;
  line-height: 35px;
  font-size: 18px;
  margin-bottom: 15px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-right div .title-text {
  font-size: 18px;
  width: 45%;
  display: inline-block
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-right div .title-text .en-text {
  font-weight: bold;
  text-align: left
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-right div .title-text .zh-text {
  color: #898989;
  text-align: right;
  float: right;
  font-size: 16px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box {
  width: 100%;
  height: 80px;
  margin-top: 15px;
  clear: both
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-img {
  background: #9cd5f0;
  width: 30px;
  height: 80px;
  border: 1px solid #9cd5f0;
  border-radius: 20px;
  opacity: .5;
  position: absolute;
  left: -10px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-img-vip {
  background: #efefef;
  width: 30px;
  height: 80px;
  border: 1px solid #efefef;
  border-radius: 20px;
  opacity: .5;
  position: absolute;
  left: -10px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left {
  width: 49%;
  height: 100%;
  background: #2d1a8e;
  border: 1px solid #2d1a8e;
  border-radius: 20px;
  float: left;
  padding: 0 5px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left .title-text {
  width: 100%;
  padding: 0 5%;
  text-align: left
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left .title-text .en-text {
  color: #fff;
  font-size: 21px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left .title-text .zh-text {
  color: #fff;
  font-size: 14px;
  vertical-align: text-bottom
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left .info-text {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  margin-left: 15px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left-vip {
  width: 49%;
  height: 100%;
  background: #f90215;
  border: 1px solid #f90215;
  border-radius: 20px;
  float: left;
  padding: 0 5px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left-vip .title-text {
  width: 100%;
  padding: 0 5%;
  text-align: left
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left-vip .title-text .en-text {
  color: #fff;
  font-size: 21px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left-vip .title-text .zh-text {
  color: #fff;
  font-size: 14px;
  vertical-align: text-bottom
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left-vip .info-text {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  margin-left: 15px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right {
  width: 49%;
  height: 100%;
  background: #fe0113;
  border: 1px solid #fe0113;
  border-radius: 20px;
  float: right;
  padding: 0 5px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right .title-text {
  width: 100%;
  padding: 0 5%;
  text-align: left
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right .title-text .en-text {
  color: #fff;
  font-size: 21px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right .title-text .zh-text {
  color: #fff;
  font-size: 14px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right .info-text {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  margin-left: 15px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right-vip {
  width: 49%;
  height: 100%;
  background: #bcbcbc;
  border: 1px solid #bcbcbc;
  border-radius: 20px;
  float: right;
  padding: 0 5px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right-vip .title-text {
  width: 100%;
  padding: 0 5%;
  text-align: left
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right-vip .title-text .en-text {
  color: #fff;
  font-size: 21px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right-vip .title-text .zh-text {
  color: #fff;
  font-size: 14px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right-vip .info-text {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  margin-left: 15px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-erweima {
  padding-left: 0
}

#boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-erweima img {
  width: 240px;
  height: 100px;
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: pixelated;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  margin-top: 60px;
  margin-left: -57px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-bottom {
  width: 100%;
  height: auto;
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

#boardingPass .boarding-infos-content-hk .boarding-infos-bottom .remind-img {
  width: 55%;
  padding-left: 2%
}

#boardingPass .boarding-infos-content-hk .boarding-infos-bottom .remind-img img {
  width: 100%;
  height: auto
}

#boardingPass .boarding-infos-content-hk .boarding-infos-bottom .remind-text {
  width: 45%;
  line-height: 25px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-bottom .remind-text .en-text {
  text-align: right;
  font-size: 14px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-bottom .remind-text .zh-text {
  text-align: right;
  font-size: 14px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo {
  width: 100%;
  padding: 0 30px;
  border-top: 1px dashed #ddd
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer {
  width: 55%;
  margin: 20px 0
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer .advice-header {
  margin-left: 10px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer .advice-header .title-en {
  font-size: 24px;
  color: #0b0b0b;
  font-weight: bold
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer .advice-header .title-zh {
  font-size: 14px;
  color: #848484;
  margin-left: 10px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer .advice-header .title-img {
  margin-left: 5px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer .advice-header .title-img img {
  width: auto;
  height: auto
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer ul li {
  font-size: 12px;
  line-height: 15px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer ul li .border-blue {
  display: inline-block;
  background: #30238c;
  width: 7px;
  height: 7px;
  border: 1px solid #30238c;
  vertical-align: middle;
  margin-right: 10px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list {
  margin-top: 15px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-left {
  width: 55%;
  float: left;
  line-height: 35px;
  font-size: 18px;
  margin-bottom: 15px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-left div .title-text {
  width: 37%;
  display: inline-block
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-left div .title-text .en-text {
  font-weight: bold;
  text-align: left
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-left div .title-text .zh-text {
  color: #898989;
  text-align: right;
  float: right;
  font-size: 16px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-right {
  width: 45%;
  float: right;
  line-height: 35px;
  font-size: 18px;
  margin-bottom: 15px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-right div .title-text {
  font-size: 18px;
  width: 45%;
  display: inline-block
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-right div .title-text .en-text {
  font-weight: bold;
  text-align: left
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-right div .title-text .zh-text {
  color: #898989;
  text-align: right;
  float: right;
  font-size: 16px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box {
  width: 100%;
  height: 80px;
  margin-top: 15px;
  clear: both
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-img {
  background: #9cd5f0;
  width: 30px;
  height: 80px;
  border: 1px solid #9cd5f0;
  border-radius: 20px;
  opacity: .6;
  position: absolute;
  left: -10px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-left {
  width: 49%;
  height: 100%;
  background: #2d1a8e;
  border: 1px solid #2d1a8e;
  border-radius: 20px;
  float: left;
  padding: 0 5px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-left .title-text {
  width: 100%;
  padding: 0 5%;
  text-align: left
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-left .title-text .en-text {
  color: #fff;
  font-size: 21px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-left .title-text .zh-text {
  color: #fff;
  font-size: 14px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-left .info-text {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  margin-left: 15px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-right {
  width: 49%;
  height: 100%;
  background: #fe0113;
  border: 1px solid #fe0113;
  border-radius: 20px;
  float: right;
  padding: 0 5px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-right .title-text {
  width: 100%;
  padding: 0 5%;
  text-align: left
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-right .title-text .en-text {
  color: #fff;
  font-size: 21px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-right .title-text .zh-text {
  color: #fff;
  font-size: 14px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-right .info-text {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  margin-left: 15px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detail {
  width: 100%;
  padding: 20px 10px;
  border-top: 1px dashed #ddd;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-border-header {
  margin-left: 13px;
  color: #8980b0
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-left {
  width: 55%;
  line-height: 25px;
  font-size: 16px;
  margin-bottom: 15px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-left div .title-text {
  width: 40%;
  display: inline-block
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-left div .title-text .en-text {
  font-weight: bold;
  text-align: left
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-left div .title-text .zh-text {
  color: #898989;
  text-align: right;
  font-size: 16px;
  float: right
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-right {
  width: 45%;
  float: right;
  line-height: 25px;
  font-size: 16px;
  margin-bottom: 15px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-right div .title-text {
  font-size: 16px;
  width: 45%;
  display: inline-block
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-right div .title-text .en-text {
  font-weight: bold;
  text-align: left
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-right div .title-text .zh-text {
  color: #898989;
  text-align: right;
  float: right;
  font-size: 16px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-detail .boarding-right img {
  width: 100%;
  vertical-align: middle;
  margin-top: 12%
}

#boardingPass .boarding-infos-content-hk .boarding-infos-lounge {
  width: 100%;
  padding: 20px 10px;
  border-top: 1px dashed #ddd;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

#boardingPass .boarding-infos-content-hk .boarding-infos-lounge .lounge {
  background: #cbcbcb;
  border-radius: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  z-index: 10;
  padding: 0 15px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-vip {
  border-right: 2px solid #756ca1;
  height: 78px;
  margin-top: 5%;
  line-height: 35px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-vip .text-en {
  font-size: 22px;
  color: #0b0b0b;
  font-weight: 600
}

#boardingPass .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-vip .text-zh {
  font-size: 18px;
  color: #737373
}

#boardingPass .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-vip .text-zh img {
  width: auto;
  height: auto;
  margin-left: 5px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-boarding {
  height: 78px;
  margin-top: 5%;
  line-height: 27px;
  margin-left: 15px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-boarding .title-text {
  width: 43%;
  display: inline-block
}

#boardingPass .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-boarding .title-text .en-text {
  font-weight: bold;
  text-align: left;
  font-size: 16px
}

#boardingPass .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-boarding .title-text .zh-text {
  color: #898989;
  text-align: right;
  font-size: 14px;
  float: right
}

#boardingPass .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-img img {
  width: 100%;
  margin: 5px 0
}

#boardingPass .boarding-infos-content-hk .boarding-infos-lounge .lounge-text {
  background: #efefef;
  border-radius: 10px;
  font-size: 12px;
  padding: 12px 15px;
  margin-top: -5px;
  z-index: 0
}

#boardingPass .boarding-infos-content-hk .boarding-infos-lounge-economy {
  width: 100%;
  padding: 20px 10px;
  border-top: 1px dashed #ddd;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 150px
}

#boardingPass .boarding-logo-cea {
  margin-left: 30px
}

#boardingPass .boarding-logo-skyteam {
  margin-left: 30px
}

#boardingPass .boarding-logo-cea, #boardingPass .boarding-logo-skyteam {
  line-height: 48px
}

#boardingPass .boarding-title {
  margin-right: 40px;
  font-size: 16px;
  font-weight: 900;
  display: inline-block;
  margin-top: 3px
}

#boardingPass .boarding-infos-header {
  height: 52px;
  border-bottom: 2px solid #111579
}

#boardingPass .boarding-infos-body {
  padding-right: 30px
}

#boardingPass .boarding-infos-list {
  padding-left: 12px;
  padding-right: 10px
}

#boardingPass .boarding-infos-list .boarding-name {
  margin: 16px 0 10px;
  font-size: 10px;
  color: #b8b8b8
}

#boardingPass .boarding-infos-list .boarding-content {
  font-size: 12px;
  font-weight: 900;
  padding-left: 10px
}

#boardingPass .boarding-infos-list div:nth-child(4) .boarding-content {
  font-size: 12px;
  text-align: right
}

#boardingPass .boarding-infos-list .boarding-border {
  height: 48px;
  position: relative;
  border: 2px solid #4d4d4d;
  border-radius: 4px;
  margin-top: 28px;
  padding: 6px 12px
}

#boardingPass .boarding-infos-list .boarding-border .boarding-name {
  margin: 0
}

#boardingPass .boarding-infos-list .boarding-border .boarding-content {
  position: absolute;
  right: 30px;
  bottom: 10px
}

#checkin-seating {
  background: #f8f8f8
}

#checkin-seating .plane-frame .plane-body .plane-row .index {
  color: #707070
}

#checkin-seating .plane-frame .plane-body .plane-row .plane-seat-C {
  background: #bfa456;
  color: #594510
}

#checkin-seating .plane-frame .plane-body .plane-row .plane-seat-C button {
  background: transparent
}

#checkin-seating .plane-frame .plane-body .plane-row .plane-seat-B {
  background: white;
  color: #d0021b
}

#checkin-seating .plane-frame .plane-body .plane-row .plane-seat-B button {
  background: transparent
}

#checkin-seating .plane-frame .plane-body .plane-row .selected {
  color: white
}

#checkin-seating .plane-frame .plane-body .plane-row .selected button {
  background: #e4007f
}

#checkin-seating .seats-info .info-line {
  font-size: 14px;
  padding: 15px 0 10px 0
}

#checkin-seating .seats-info .hint-line {
  line-height: 25px;
  margin: 5px 0
}

#checkin-seating .seats-info .hint {
  text-align: center;
  display: inline-block;
  width: 20px;
  height: 25px;
  font-size: 12px;
  font-weight: bold;
  vertical-align: top;
  margin-right: 10px
}

#checkin-seating .seats-info .hint-status-selected {
  background: #e4007f;
  color: white
}

#checkin-seating .seats-info .hint-status-A {
  background: white
}

#checkin-seating .seats-info .hint-status-R {
  background: #d8d8d8
}

#checkin-seating .seats-info .hint-status-N {
  background: #f8f8f8;
  border: 1px solid #d8d8d8
}

#checkin-seating .seats-info .hint-status-B {
  background: white;
  color: #d0021b
}

#checkin-seating .seats-info .hint-status-C {
  background: #bfa456
}

#checkin-seating .seats-info .hint-status-D {
  background: #d8d8d8
}

#checkinstepbar {
  padding: 0 16px;
  background-color: #fff;
  margin-bottom: 15px;
  margin-right: 0
}

#checkinstepbar .checkinstepbar-Title {
  color: #31beeb;
  font-size: 12px;
  line-height: 30px;
  height: 30px;
  text-align: right;
  font-weight: bold;
  display: block
}

#checkinstepbar .checkinstepbar-Bottom {
  color: #31beeb;
  font-size: 12px;
  padding: 15px 0;
  font-weight: bold;
  display: block;
  text-decoration: underline
}

#checkinstepbar .list-init {
  text-indent: 20px;
  min-height: 55px;
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  margin-bottom: -1px;
  padding: 10px 35px 10px 15px
}

#checkinstepbar .list-init span {
  line-height: 32px;
  text-indent: 0
}

#checkinstepbar .select-seat {
  height: auto;
  border: 0;
  margin-bottom: 0;
  line-height: 55px;
  padding: 0
}

#checkinstepbar .select-seat .list-content {
  display: block;
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  margin-bottom: -1px;
  padding-left: 35px;
  line-height: 55px
}

#checkinstepbar .select-seat .select-user {
  height: 79px;
  line-height: 80px;
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  margin-bottom: -1px;
  background: url("icon-user.png") no-repeat 15px 30px
}

#checkinstepbar .select-seat .user-name {
  margin: 0 0 0 25px;
  width: 40%;
  display: inline-block;
  word-break: break-all;
  line-height: 24px;
  padding-top: 10px;
  text-indent: 0
}

#checkinstepbar .select-seat .user-seat {
  float: right;
  margin: 12px 16px 0 0;
  text-align: center;
  text-indent: 0;
  background: #f8f8f8;
  width: 98px;
  height: 54px;
  line-height: 54px;
  font-size: 18px;
  font-weight: 900;
  border: 1px solid #d8d8d8
}

#checkinstepbar .select-seat .select-info-hide {
  display: none
}

#checkinstepbar .list-begin {
  border-left: 5px solid #e4007f;
  text-indent: 15px;
  font-weight: 900
}

#checkinstepbar .list-finish {
  position: relative;
  background: #f8f8f8;
  font-weight: normal
}

#checkinstepbar .list-finish:after {
  content: '';
  background: url("icon-ok.png") no-repeat right 20px;
  width: 20px;
  height: 55px;
  position: absolute;
  top: 0;
  right: 16px
}

#boardingPassInfo.col-xs-12.col-md-8 {
  min-width: 770px;
  background: #fff
}

#boardingPassInfo.col-xs-12.col-md-8 .STYLE2 {
  color: red
}

#boardingPassInfo.col-xs-12.col-md-8 .warmItems {
  padding-left: 17px;
  list-style: decimal outside
}

#boardingPassInfo.col-xs-12.col-md-8 .warmItems li {
  margin: 5px 0
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk {
  border: 2px solid #d3d3d3;
  border-radius: 5px;
  height: auto;
  min-height: 330px;
  margin-bottom: 15px;
  min-width: 770px;
  padding-bottom: 20px;
  font-family: "微软雅黑", "黑体", "Microsoft YaHei UI", "Microsoft YaHei", SimSun, "宋体", "Segoe UI", Tahoma, Helvetica, Sans-Serif
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-header-hk {
  height: 66px;
  width: 100%;
  position: relative;
  top: -2px;
  margin-bottom: 5px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-header-hk img {
  width: 100%;
  vertical-align: middle
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk {
  width: 100%;
  padding: 0 15px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list {
  margin-top: 15px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-left {
  width: 55%;
  float: left;
  line-height: 35px;
  font-size: 18px;
  margin-bottom: 15px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-left div .title-text {
  width: 37%;
  display: inline-block
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-left div .title-text .en-text {
  font-weight: bold;
  text-align: left
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-left div .title-text .zh-text {
  color: #898989;
  text-align: right;
  float: right;
  font-size: 16px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-right {
  width: 45%;
  float: right;
  line-height: 35px;
  font-size: 18px;
  margin-bottom: 15px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-right div .title-text {
  font-size: 18px;
  width: 43%;
  display: inline-block
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-right div .title-text .en-text {
  font-weight: bold;
  text-align: left
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-right div .title-text .zh-text {
  color: #898989;
  text-align: right;
  float: right;
  font-size: 16px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box {
  width: 100%;
  height: 80px;
  margin-top: 15px;
  clear: both
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-img {
  background: #9cd5f0;
  width: 30px;
  height: 80px;
  border: 1px solid #9cd5f0;
  border-radius: 20px;
  opacity: .5;
  position: absolute;
  left: -10px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-img-vip {
  background: #efefef;
  width: 30px;
  height: 80px;
  border: 1px solid #efefef;
  border-radius: 20px;
  opacity: .5;
  position: absolute;
  left: -10px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left {
  width: 49%;
  height: 100%;
  background: #2d1a8e;
  border: 1px solid #2d1a8e;
  border-radius: 20px;
  float: left;
  padding: 0 5px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left .title-text {
  width: 100%;
  padding: 0 5%;
  text-align: left
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left .title-text .en-text {
  color: #fff;
  font-size: 21px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left .title-text .zh-text {
  color: #fff;
  font-size: 14px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left .info-text {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  margin-left: 15px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left-vip {
  width: 49%;
  height: 100%;
  background: #f90215;
  border: 1px solid #f90215;
  border-radius: 20px;
  float: left;
  padding: 0 5px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left-vip .title-text {
  width: 100%;
  padding: 0 5%;
  text-align: left
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left-vip .title-text .en-text {
  color: #fff;
  font-size: 21px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left-vip .title-text .zh-text {
  color: #fff;
  font-size: 14px;
  vertical-align: text-bottom
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left-vip .info-text {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  margin-left: 15px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right {
  width: 49%;
  height: 100%;
  background: #fe0113;
  border: 1px solid #fe0113;
  border-radius: 20px;
  float: right;
  padding: 0 5px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right .title-text {
  width: 100%;
  padding: 0 5%;
  text-align: left
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right .title-text .en-text {
  color: #fff;
  font-size: 21px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right .title-text .zh-text {
  color: #fff;
  font-size: 14px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right .info-text {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  margin-left: 15px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right-vip {
  width: 49%;
  height: 100%;
  background: #bcbcbc;
  border: 1px solid #bcbcbc;
  border-radius: 20px;
  float: right;
  padding: 0 5px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right-vip .title-text {
  width: 100%;
  padding: 0 5%;
  text-align: left
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right-vip .title-text .en-text {
  color: #fff;
  font-size: 21px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right-vip .title-text .zh-text {
  color: #fff;
  font-size: 14px;
  vertical-align: text-bottom
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right-vip .info-text {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  margin-left: 15px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-erweima {
  padding-left: 0
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-erweima img {
  width: 240px;
  height: 100px;
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: pixelated;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  margin-top: 60px;
  margin-left: -57px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-bottoms {
  width: 100%;
  height: auto;
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-bottoms .remind-img {
  width: 55%;
  padding-left: 2%
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-bottoms .remind-img img {
  width: 100%;
  height: auto
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-bottoms .remind-text {
  width: 45%;
  line-height: 25px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-bottoms .remind-text .en-text {
  text-align: right;
  font-size: 14px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-bottoms .remind-text .zh-text {
  text-align: right;
  font-size: 14px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo {
  width: 100%;
  padding: 0 30px;
  border-top: 1px dashed #ddd
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer {
  width: 55%;
  margin: 20px 0
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer .advice-header {
  margin-left: 10px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer .advice-header .title-en {
  font-size: 24px;
  color: #0b0b0b;
  font-weight: bold
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer .advice-header .title-zh {
  font-size: 14px;
  color: #848484;
  margin-left: 10px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer .advice-header .title-img {
  margin-left: 5px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer .advice-header .title-img img {
  width: auto;
  height: auto
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer ul li {
  font-size: 12px;
  line-height: 15px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer ul li .border-blue {
  display: inline-block;
  background: #30238c;
  width: 7px;
  height: 7px;
  border: 1px solid #30238c;
  vertical-align: middle;
  margin-right: 10px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list {
  margin-top: 15px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-left {
  width: 55%;
  float: left;
  line-height: 35px;
  font-size: 18px;
  margin-bottom: 15px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-left div .title-text {
  width: 37%;
  display: inline-block
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-left div .title-text .en-text {
  font-weight: bold;
  text-align: left
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-left div .title-text .zh-text {
  color: #898989;
  text-align: right;
  float: right;
  font-size: 16px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-right {
  width: 45%;
  float: right;
  line-height: 35px;
  font-size: 18px;
  margin-bottom: 15px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-right div .title-text {
  font-size: 18px;
  width: 45%;
  display: inline-block
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-right div .title-text .en-text {
  font-weight: bold;
  text-align: left
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-right div .title-text .zh-text {
  color: #898989;
  text-align: right;
  float: right;
  font-size: 16px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box {
  width: 100%;
  height: 80px;
  margin-top: 15px;
  clear: both
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-img {
  background: #9cd5f0;
  width: 30px;
  height: 80px;
  border: 1px solid #9cd5f0;
  border-radius: 20px;
  opacity: .6;
  position: absolute;
  left: -10px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-left {
  width: 49%;
  height: 100%;
  background: #2d1a8e;
  border: 1px solid #2d1a8e;
  border-radius: 20px;
  float: left;
  padding: 0 5px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-left .title-text {
  width: 100%;
  padding: 0 5%;
  text-align: left
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-left .title-text .en-text {
  color: #fff;
  font-size: 21px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-left .title-text .zh-text {
  color: #fff;
  font-size: 14px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-left .info-text {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  margin-left: 15px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-right {
  width: 49%;
  height: 100%;
  background: #fe0113;
  border: 1px solid #fe0113;
  border-radius: 20px;
  float: right;
  padding: 0 5px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-right .title-text {
  width: 100%;
  padding: 0 5%;
  text-align: left
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-right .title-text .en-text {
  color: #fff;
  font-size: 21px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-right .title-text .zh-text {
  color: #fff;
  font-size: 14px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-right .info-text {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  margin-left: 15px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list img {
  width: 100%
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail {
  width: 100%;
  padding: 20px 10px;
  border-top: 1px dashed #ddd;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-left {
  padding: 0 10px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-left img {
  width: 135px;
  height: 62px;
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: pixelated;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  margin-top: 40px;
  margin-left: -20px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-border-header {
  margin-left: 0;
  color: #8980b0
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-left {
  width: 55%;
  line-height: 25px;
  font-size: 16px;
  margin-bottom: 15px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-left div .title-text {
  width: 42%;
  display: inline-block
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-left div .title-text .en-text {
  font-weight: bold;
  text-align: left
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-left div .title-text .zh-text {
  color: #898989;
  text-align: right;
  font-size: 16px;
  float: right
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-right {
  width: 45%;
  float: right;
  line-height: 25px;
  font-size: 16px;
  margin-bottom: 15px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-right div .title-text {
  font-size: 16px;
  width: 50%;
  display: inline-block
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-right div .title-text .en-text {
  font-weight: bold;
  text-align: left
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-right div .title-text .zh-text {
  color: #898989;
  text-align: right;
  float: right;
  font-size: 16px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-right img {
  width: 100%;
  vertical-align: middle;
  margin-top: 10%
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge {
  width: 100%;
  padding: 20px 10px;
  border-top: 1px dashed #ddd;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge .lounge {
  background: #cbcbcb;
  border-radius: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  z-index: 10;
  padding: 0 15px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-vip {
  border-right: 2px solid #756ca1;
  height: 78px;
  margin-top: 5%;
  line-height: 35px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-vip .text-en {
  font-size: 21px;
  color: #0b0b0b;
  font-weight: 600
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-vip .text-zh {
  font-size: 18px;
  color: #3e3e3e
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-vip .text-zh img {
  width: auto;
  height: auto;
  margin-left: 5px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-boarding {
  height: 78px;
  margin-top: 5%;
  line-height: 27px;
  margin-left: 15px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-boarding .title-text {
  width: 45%;
  display: inline-block
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-boarding .title-text .en-text {
  font-weight: bold;
  text-align: left;
  font-size: 16px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-boarding .title-text .zh-text {
  color: #3e3e3e;
  text-align: right;
  font-size: 14px;
  float: right
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-img img {
  width: 100%;
  margin: 5px 0
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge .lounge-text {
  background: #efefef;
  border-radius: 10px;
  font-size: 13px;
  padding: 12px 12px;
  margin-top: -5px;
  z-index: 0
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge-economy {
  width: 100%;
  padding: 20px 10px;
  border-top: 1px dashed #ddd;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 150px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-pull-right {
  float: right
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos {
  margin-bottom: 15px;
  padding: 15px;
  border-bottom: 2px dotted #d8d8d8
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content {
  border: 3px solid #121679;
  border-bottom: 3px solid #d9d9d9;
  border-radius: 26px;
  padding-bottom: 20px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-logo-cea {
  margin-left: 30px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-logo-skyteam {
  margin-left: 10px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-logo-cea, #boardingPassInfo.col-xs-12.col-md-8 .boarding-logo-skyteam {
  line-height: 48px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-airlineAllianceFlag {
  margin-left: 50px;
  line-height: 48px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-title {
  margin-right: 40px;
  font-size: 16px;
  font-weight: 900;
  display: inline-block;
  margin-top: 3px
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-header {
  height: 52px;
  border-bottom: 2px solid #111579
}

#boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-bottom {
  color: #d03838;
  background: #d9d9d9;
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-indent: 24px;
  border-radius: 0 0 30px 30px;
  margin-top: -22px
}

#boardingPassInfo.col-xs-12.col-md-8 .test1, #boardingPassInfo.col-xs-12.col-md-8 .test2, #boardingPassInfo.col-xs-12.col-md-8 .test3 {
  position: relative
}

#boardingPassInfo.col-xs-12.col-md-8 .test1 .boarding-infos-body, #boardingPassInfo.col-xs-12.col-md-8 .test2 .boarding-infos-body, #boardingPassInfo.col-xs-12.col-md-8 .test3 .boarding-infos-body {
  padding-right: 30px
}

#boardingPassInfo.col-xs-12.col-md-8 .test1 .boarding-infos-list, #boardingPassInfo.col-xs-12.col-md-8 .test2 .boarding-infos-list, #boardingPassInfo.col-xs-12.col-md-8 .test3 .boarding-infos-list {
  padding-left: 12px;
  padding-right: 10px
}

#boardingPassInfo.col-xs-12.col-md-8 .test1 .boarding-infos-list .boarding-name, #boardingPassInfo.col-xs-12.col-md-8 .test2 .boarding-infos-list .boarding-name, #boardingPassInfo.col-xs-12.col-md-8 .test3 .boarding-infos-list .boarding-name {
  margin: 16px 0 10px;
  font-size: 10px;
  color: #b8b8b8
}

#boardingPassInfo.col-xs-12.col-md-8 .test1 .boarding-infos-list .boarding-content, #boardingPassInfo.col-xs-12.col-md-8 .test2 .boarding-infos-list .boarding-content, #boardingPassInfo.col-xs-12.col-md-8 .test3 .boarding-infos-list .boarding-content {
  font-size: 12px;
  font-weight: 900;
  padding-left: 10px
}

#boardingPassInfo.col-xs-12.col-md-8 .test1 .boarding-infos-list:nth-child(3)>div:nth-child(4), #boardingPassInfo.col-xs-12.col-md-8 .test2 .boarding-infos-list:nth-child(3)>div:nth-child(4), #boardingPassInfo.col-xs-12.col-md-8 .test3 .boarding-infos-list:nth-child(3)>div:nth-child(4) {
  text-align: right;
  padding-bottom: 5px
}

#boardingPassInfo.col-xs-12.col-md-8 .test1 .boarding-infos-list .boarding-border, #boardingPassInfo.col-xs-12.col-md-8 .test2 .boarding-infos-list .boarding-border, #boardingPassInfo.col-xs-12.col-md-8 .test3 .boarding-infos-list .boarding-border {
  height: 48px;
  position: relative;
  border: 2px solid #4d4d4d;
  border-radius: 4px;
  margin-top: 28px;
  padding: 6px 12px
}

#boardingPassInfo.col-xs-12.col-md-8 .test1 .boarding-infos-list .boarding-border .boarding-name, #boardingPassInfo.col-xs-12.col-md-8 .test2 .boarding-infos-list .boarding-border .boarding-name, #boardingPassInfo.col-xs-12.col-md-8 .test3 .boarding-infos-list .boarding-border .boarding-name {
  margin: 0
}

#boardingPassInfo.col-xs-12.col-md-8 .test1 .boarding-infos-list .boarding-border .boarding-content, #boardingPassInfo.col-xs-12.col-md-8 .test2 .boarding-infos-list .boarding-border .boarding-content, #boardingPassInfo.col-xs-12.col-md-8 .test3 .boarding-infos-list .boarding-border .boarding-content {
  position: absolute;
  right: 30px;
  bottom: 10px
}

#boardingPassInfo.col-xs-12.col-md-8 .discern {
  position: relative
}

#boardingPassInfo.col-xs-12.col-md-8 .discern #bcTarget {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  display: inline-block
}

#boardingPassInfo.col-xs-12.col-md-8 .discern #qrcodeCanvas {
  position: absolute;
  right: 10px;
  height: 40px;
  bottom: 13px
}

#boardingPassInfo.col-xs-12.col-md-8 .discern #qrcodeCanvas img {
  width: 200px;
  height: 40px;
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: pixelated
}

#boardingPassInfo.col-xs-12.col-md-8 .test2 {
  padding-bottom: 30px;
  padding-top: 10px
}

#boardingPassInfo.col-xs-12.col-md-8 .test2 .infos-2 {
  padding-left: 24px
}

#boardingPassInfo.col-xs-12.col-md-8 .test2 .infos-left {
  position: relative;
  left: -50px
}

#boardingPassInfo.col-xs-12.col-md-8 .test2 .infos2-list {
  font-size: 14px;
  font-weight: 700;
  height: 20px;
  line-height: 20px;
  word-wrap: break-word
}

#boardingPassInfo.col-xs-12.col-md-8 .test3 .dlList {
  padding: 10px
}

#boardingPassInfo.col-xs-12.col-md-8 .test3 .dotted {
  border-left: 3px dotted #e2e3e3;
  padding-left: 20px
}

#boardingPassInfo.col-xs-12.col-md-8 .test3 .warm {
  font-size: 14px;
  font-weight: 700
}

#boardingPassInfo.col-xs-12.col-md-8 .test3 .infos3-list h3 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700
}

#boardingPassInfo.col-xs-12.col-md-8 .test3 .infos3-list p {
  padding: 10px 0
}

#boardingPassInfo.col-xs-12.col-md-8 .test3 .infos3-cloud {
  text-indent: 24px;
  background: url(icon-cloud.png) no-repeat left center
}

#boardingPassInfo.col-xs-12.col-md-8 .test3 .QRcode-app {
  position: relative
}

#boardingPassInfo.col-xs-12.col-md-8 .test3 .QRcode-app img {
  width: 100%
}

#boardingPassInfo.col-xs-12.col-md-8 .test3 .QRcode-app .QRcode-text {
  position: absolute;
  left: 300px;
  bottom: 36px;
  font-size: 20px;
  color: #455a7a
}

.alertTips {
  padding-left: 18px
}

.alertTips dt {
  margin-bottom: 10px;
  margin-left: -18px
}

.alertTips li {
  list-style: decimal outside;
  margin-bottom: 5px
}

.checkin-modal {
  top: 50%!important;
  -webkit-transform: translate(-50%, -50%)!important;
  -ms-transform: translate(-50%, -50%)!important;
  transform: translate(-50%, -50%)!important
}

.checkin-modal.ReactModal__Content>div {
  height: 100%;
  overflow-x: hidden
}

.checkin-modal.ReactModal__Content>div .safty {
  margin-bottom: 15px;
  font-size: 12px;
  width: 100%;
  max-height: 70%;
  overflow-y: auto;
  overflow-x: hidden
}

@media(max-width:991px) {
  .checkin-modal.ReactModal__Content>div .safty {
    max-height: 65%
  }
}

.checkin-modal.ReactModal__Content>div .safty>.title {
  color: #fff;
  text-align: center;
  font-size: 14px;
  background-color: #b3b3b3;
  margin: 0;
  padding: 5px 0
}

.checkin-modal.ReactModal__Content>div .safty .rule {
  background-color: #ededed;
  padding: 14px 20px;
  font-size: 12px
}

.checkin-modal.ReactModal__Content>div .safty .forbid {
  min-width: 100%;
  padding-top: 2px;
  padding-bottom: 14px;
  background-color: #ededed;
  overflow-x: auto
}

.checkin-modal.ReactModal__Content>div .safty .forbid dl {
  padding: 15px 20px;
  width: 100%;
  min-width: 740px
}

.checkin-modal.ReactModal__Content>div .safty .forbid dd {
  float: left;
  width: 10%;
  height: auto;
  text-align: center;
  word-break: break-all
}

.checkin-modal.ReactModal__Content>div .safty .forbid dd img {
  width: 47px
}

.checkin-modal.ReactModal__Content>div .safty .forbid dd p {
  word-wrap: break-word
}

.checkin-modal.ReactModal__Content>div .safty .danger {
  min-width: 100%;
  background-color: #ededed;
  overflow-x: auto
}

.checkin-modal.ReactModal__Content>div .safty .danger .danger_box {
  text-align: center;
  min-width: 740px;
  background-color: #ededed
}

.checkin-modal.ReactModal__Content>div .safty .danger .danger_box:after {
  content: '';
  clear: both;
  display: block
}

.checkin-modal.ReactModal__Content>div .safty .danger .danger_box .danger_type {
  float: left;
  margin: 10px 15px
}

.checkin-modal.ReactModal__Content>div .safty .danger .danger_box .danger_type.rowTwo {
  margin: 10px 5px
}

.checkin-modal.ReactModal__Content>div .safty .danger .danger_box .danger_type:after {
  content: '';
  clear: both;
  display: block
}

.checkin-modal.ReactModal__Content>div .safty .danger .danger_box .danger_type dt {
  width: 100%;
  text-align: center
}

.checkin-modal.ReactModal__Content>div .safty .danger .danger_box .danger_type dd {
  float: left;
  width: 64px;
  margin: 6px;
  word-break: break-all
}

.checkin-modal.ReactModal__Content>div .popup-options {
  width: 100%;
  background-color: #fff;
  padding-top: 10px
}

.checkin-modal.ReactModal__Content>div .popup-options .agreeCheckBox {
  padding-left: 10px;
  margin-bottom: 15px
}

.checkin-modal.ReactModal__Content>div .popup-options .btn-wrapper .btn {
  max-width: none;
  width: 100%
}

.checkin-modal.ReactModal__Content>div .popup-options .twoBtn .btn {
  margin: 0 3px
}

@media(min-width:992px) {
  #checkinstepbar {
    margin-left: 14px
  }
}

@media(max-width:991px) {
  .hidden-sm {
    display: none
  }
}

#payment .airportShuttleWraper {
  overflow: visible;
  height: auto
}

@media(max-width:639px) {
  #payment .airportShuttleWraper {
    height: auto
  }
}

#payment .airportShuttleWraper #airportShuttle .date-picker-input input:after {
  z-index: 0
}

#payment .airportShuttleWraper #airportShuttle .hide-label {
  margin-top: 22px
}

#payment .airportShuttleWraper #airportShuttle .shadowcard-wrapper {
  margin-bottom: 0
}

#payment .airportShuttleWraper #airportShuttle .btn-second {
  max-width: 100%
}

#payment .airportShuttleWraper #airportShuttle .ui-select-wrapper {
  margin-left: 0
}

#payment .airportShuttleWraper #airportShuttle #aDate.disabled {
  cursor: not-allowed
}

@media(min-width:639px) {
  #payment .airportShuttleWraper #airportShuttle li {
    height: 342px
  }
}

@media(min-width:992px) {
  #payment .airportShuttleWraper #airportShuttle li {
    height: 275px
  }
}

#payment .airportShuttleWraper #airportShuttle .imgWraper {
  height: 100%;
  overflow: hidden
}

@media(max-width:639px) {
  #payment .airportShuttleWraper #airportShuttle .imgWraper {
    height: 180px
  }
}

#payment .airportShuttleWraper #airportShuttle .imgWraper img {
  width: 100%;
  height: auto
}

#payment .airportShuttleWraper #airportShuttle .shuttleTips .service {
  margin-top: 30px
}

#payment .airportShuttleWraper #airportShuttle .panel-gold .service {
  padding: 5px 0 0 15px;
  margin-top: 15px
}

@media(max-width:639px) {
  #payment .airportShuttleWraper #airportShuttle .panel-gold .service {
    padding: 5px 15px 10px
  }
}

#payment .airportShuttleWraper #airportShuttle .gold-text {
  position: relative
}

#payment .airportShuttleWraper #airportShuttle .gold-text .lowPrice {
  position: absolute;
  right: 15px;
  top: 8px;
  z-index: 0;
  font-size: 14px;
  width: 50%;
  text-align: right;
  color: #223b61;
  background: 0
}

#payment .airportShuttleWraper #airportShuttle .gold-text .desc {
  width: 90%;
  padding-top: 0
}

#payment .airportShuttleWraper #airportShuttle .date-picker-input:after {
  content: '';
  background: url(dropdown.pvg) no-repeat;
  background-size: 60%;
  width: 16px;
  height: 12px;
  position: absolute;
  right: 15px;
  top: 52%;
  z-index: 0;
  pointer-events: none
}

#payment .airportShuttleWraper #airportShuttle .timeDiv {
  position: relative
}

#payment .airportShuttleWraper #airportShuttle .timeDiv .timeChd {
  width: 40%;
  display: inline-block;
  position: absolute;
  height: 55px;
  right: 0;
  bottom: 0
}

#payment .airportShuttleWraper #airportShuttle .timeDiv label {
  width: 50%;
  display: inline-block;
  vertical-align: bottom
}

#payment .airportShuttleWraper #airportShuttle .timeDiv label span {
  display: none
}

#payment .airportShuttleWraper #airportShuttle .timeDiv .date-picker-input {
  width: 100%;
  position: static
}

#payment .airportShuttleWraper #airportShuttle .timeDiv .date-picker-input span {
  display: block
}

#payment .airportShuttleWraper #airportShuttle form, #payment .airportShuttleWraper #airportShuttle #form .row>div.searchBtn {
  padding-right: 15px;
  margin-top: 22px
}

@media(max-width:639px) {
  #payment .airportShuttleWraper #airportShuttle form, #payment .airportShuttleWraper #airportShuttle #form .row>div.searchBtn {
    padding-right: 0
  }
}

#payment .airportShuttleWraper #airportShuttle .calendarWraper {
  position: relative;
  margin-top: -10px;
  margin-right: 15px
}

#payment .airportShuttleWraper #airportShuttle .calendarWraper .bookingpanelStep1 {
  background: #fff;
  padding: 15px 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%
}

@media(max-width:639px) {
  #payment .airportShuttleWraper #airportShuttle .calendarWraper .bookingpanelStep1 {
    top: -68px
  }
}

#payment .airportShuttleWraper #airportShuttle .calendarWraper .bookingpanelStep1 .airportBtn {
  padding: 10px 20px 0 20px
}

#payment .airportShuttleWraper #airportShuttle .calendarWraper .bookingpanelStep1 .airportBtn .btn {
  max-width: 100%
}

#payment .airportShuttleWraper #airportShuttle .calendarWraper-right .bookingpanelStep1 {
  left: auto;
  right: 15px
}

#payment #hotelrecommend {
  margin-left: 15px
}

#payment #hotelrecommend h2 {
  font-size: 24px
}

#payment #hotelrecommend .ui-input-wrapper, #payment #hotelrecommend .ui-select-wrapper {
  padding-right: 0
}

#payment #hotelrecommend .date-picker-input input:after {
  z-index: 0
}

#payment #hotelrecommend .shadowcard-wrapper {
  margin-bottom: 0
}

#payment #hotelrecommend .btn-second {
  max-width: 100%
}

#payment #hotelrecommend .ui-select-wrapper {
  margin-left: 0
}

#payment #hotelrecommend .shuttleTips .service {
  margin-top: 30px
}

#payment #hotelrecommend .panel-gold .service {
  padding: 5px 0 0 0
}

@media(max-width:639px) {
  #payment #hotelrecommend .panel-gold .service {
    padding: 5px 15px 10px
  }
}

#payment #hotelrecommend .date-picker-input:after {
  content: '';
  background: url(dropdown.pvg) no-repeat;
  background-size: 60%;
  width: 16px;
  height: 12px;
  position: absolute;
  right: 0;
  top: 40%;
  z-index: 0;
  pointer-events: none
}

#payment #hotelrecommend .timeDiv {
  position: relative
}

#payment #hotelrecommend .timeDiv .timeChd {
  width: 40%;
  display: inline-block;
  position: absolute;
  height: 55px;
  right: 0;
  bottom: 0
}

#payment #hotelrecommend .timeDiv label {
  width: 50%;
  display: inline-block;
  vertical-align: bottom
}

#payment #hotelrecommend .timeDiv label span {
  display: none
}

#payment #hotelrecommend .timeDiv .date-picker-input {
  width: 100%;
  position: static
}

#payment #hotelrecommend .timeDiv .date-picker-input span {
  display: block
}

@media(max-width:639px) {
  #payment #hotelrecommend form, #payment #hotelrecommend #form .row>div.searchBtn {
    padding-right: 0
  }
}

#payment #hotelrecommend .calendarWraper {
  position: relative;
  margin-top: -10px;
  margin-right: 15px;
  z-index: 2
}

#payment #hotelrecommend .calendarWraper .bookingpanelStep1 {
  background: #fff;
  padding: 15px 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 200%;
  border: 1px solid #d8d8d8
}

@media(max-width:639px) {
  #payment #hotelrecommend .calendarWraper .bookingpanelStep1 {
    top: -21px;
    width: 100%
  }
}

#payment #hotelrecommend .calendarWraper .bookingpanelStep1 .airportBtn {
  padding: 10px 15px 0
}

#payment #hotelrecommend .calendarWraper .bookingpanelStep1 .airportBtn .btn {
  max-width: 50%
}

#payment #hotelrecommend .calendarWraper-right .bookingpanelStep1 {
  left: auto;
  right: 15px
}

#payment #hotelrecommend .mphotel-list {
  padding-top: 20px;
  margin-bottom: 10px
}

#payment #hotelrecommend .mphotel-list li {
  background-color: #fff;
  padding: 10px;
  margin-top: 10px
}

#payment #hotelrecommend .mphotel-list li h2 {
  border-bottom: 1px solid #d8d8d8;
  padding: 5px 0;
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 15px
}

#payment #hotelrecommend .mphotel-list li h2 a {
  display: block;
  font-size: 18px;
  color: #4a4a4a
}

#payment #hotelrecommend .mphotel-list li h2 a:hover {
  color: #e4007f
}

#payment #hotelrecommend .mphotel-list li .mphotel-star span {
  display: inline-block;
  vertical-align: middle
}

#payment #hotelrecommend .mphotel-list li .mphotel-star em {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  background: url(hotelstar.png) no-repeat left top;
  background-size: 100% 100%;
  font-size: 0;
  margin-right: 5px
}

#payment #hotelrecommend .mphotel-list li .mphotel-star em.cur {
  background: url(hotelstar-cur.png) no-repeat left top
}

#payment #hotelrecommend .mphotel-list li .text-yellow {
  color: #ff9d02
}

#payment #hotelrecommend .mphotel-list li .mphotel-price {
  color: #e4007f
}

#payment #hotelrecommend .mphotel-list li .mphotel-price em, #payment #hotelrecommend .mphotel-list li .mphotel-price span, #payment #hotelrecommend .mphotel-list li .mphotel-price b {
  display: inline-block;
  vertical-align: bottom;
  font-style: normal
}

#payment #hotelrecommend .mphotel-list li .mphotel-price b {
  font-size: 24px;
  margin: 0 3px
}

#payment #hotelrecommend .mphotel-list li .mphotel-price span {
  position: relative;
  bottom: 4px
}

#payment #hotelrecommend .mphotel-list li .mphotel-price em {
  position: relative;
  top: -10px
}

#payment #hotelrecommend .mphotel-list li .mphotel-info {
  margin-bottom: 15px
}

#payment #hotelrecommend .mphotel-list li .mphotel-img {
  display: block;
  margin-bottom: 10px
}

#payment #hotelrecommend .mphotel-list li .mphotel-img img {
  width: 100%;
  height: auto
}

#payment #hotelrecommend .mphotel-list li .mphotel-dec {
  line-height: 20px;
  font-size: 12px;
  height: 60px;
  overflow: hidden
}

#payment #hotelrecommend .mphotel-list li:first-child {
  margin-top: 0
}

#payment #hotelrecommend .moreHotelBtn .btn {
  max-width: 374px
}

.order-detail-print .orderdetail-wraper {
  width: 940px;
  margin: 30px auto 70px
}

.order-detail-print .orderdetail-wraper .btnStyle {
  max-width: 208px;
  height: 55px;
  margin: 20px auto
}

.order-detail-print .orderdetail-wraper .btnStyle .btnStyle button.btn {
  width: 100%
}

.order-detail-print .orderdetail-wraper .dy-btn-wraper {
  max-width: 600px
}

.order-detail-print .orderdetail-wraper .dy-btn-wraper .btn a, .order-detail-print .orderdetail-wraper .dy-btn-wraper .btn a:hover {
  color: #fff;
  text-decoration: none;
  display: block
}

.order-detail-print .orderdetail-wraper .dy-btn-wraper .ml80 {
  margin-left: 80px
}

.order-detail-print .orderdetail-wraper .mb15 {
  margin-bottom: 15px
}

.order-detail-print .orderdetail-wraper .orderdetail-inner {
  background: #fff;
  padding: 0 20px 20px 20px
}

.order-detail-print .orderdetail-wraper .orderdetail-inner .orderPrintTable td, .order-detail-print .orderdetail-wraper .orderdetail-inner .orderPrintTable th {
  padding: 6px;
  vertical-align: middle
}

.order-detail-print .orderdetail-wraper .print-table {
  width: 900px;
  margin: 0;
  padding: 0;
  border: 0;
  color: #1a2c4c;
  font-size: 13px;
  line-height: 22px;
  background: #fff;
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif
}

.order-detail-print .orderdetail-wraper .pad23 {
  padding: 23px 0
}

.order-detail-print .orderdetail-wraper .pad23 img {
  margin-right: 10px;
  height: 39px;
  width: auto
}

.order-detail-print .orderdetail-wraper .main-tit {
  height: 82px;
  line-height: 82px;
  font-size: 24px;
  color: #1a2c4c;
  text-align: right;
  font-weight: bold;
  font-family: '黑体'
}

.order-detail-print .orderdetail-wraper .tit-tr {
  font-size: 16px;
  font-weight: bold;
  text-align: center
}

.order-detail-print .orderdetail-wraper .bggray {
  background: #d7d7d7
}

.order-detail-print .orderdetail-wraper .tit-border {
  border-left: 9px solid #1a2c4c
}

.order-detail-print .orderdetail-wraper .tit-font {
  float: left;
  padding: 0 10px;
  height: 51px;
  line-height: 51px;
  width: 30%
}

.order-detail-print .orderdetail-wraper .tit-out {
  padding: 0 5px;
  font-size: 16px;
  background: url(tit_bg.png) no-repeat left bottom;
  padding-bottom: 14px;
  padding-top: 20px
}

.order-detail-print .orderdetail-wraper .suntable {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  font-size: 13px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #c2c2c2;
  color: #1a2c4c
}

.order-detail-print .orderdetail-wraper .suntable td {
  border: 1px solid #c2c2c2;
  padding: 6px
}

.order-detail-print .orderdetail-wraper .subtable-tit {
  background: #1a2c4c;
  color: #fff;
  height: 24px;
  line-height: 24px
}

.order-detail-print .orderdetail-wraper .price {
  font-size: 16px;
  padding: 15px 5px;
  text-align: left
}

.order-detail-print .orderdetail-wraper .price-text01 {
  font-size: 20px;
  color: #c10f2f
}

.order-detail-print .orderdetail-wraper .price-text02 {
  font-size: 24px;
  font-weight: normal
}

.order-detail-print .orderdetail-wraper .price-text03 {
  margin-right: 25px
}

.order-detail-print .orderdetail-wraper .notice {
  padding: 30px 0;
  font-size: 16px;
  line-height: 24px
}

.order-detail-print .orderdetail-wraper .bottom {
  background: url(bgpic.jpg);
  padding: 20px 10px;
  line-height: 26px;
  text-align: center;
  font-size: 16px;
  color: #fff
}

.order-detail-print .orderdetail-wraper .nowrap {
  white-space: nowrap
}

.order-detail-print .orderdetail-wraper .width25 {
  width: 25%
}

.order-detail-print .orderdetail-wraper .width75 {
  width: 75%
}

.order-detail-print .orderdetail-wraper .pad10 {
  padding: 10px
}

.order-detail-print .orderdetail-wraper .mb10 {
  margin-bottom: 10px
}

.order-detail-print .orderdetail-wraper .mr25 {
  margin-right: 25px
}

.order-detail-print .orderdetail-wraper .lh24 {
  line-height: 24px
}

#onlineConsultingForm header {
  margin-bottom: 10px
}

#onlineConsultingForm .wrap {
  padding: 10px 10px 0
}

#onlineConsultingForm .btn-wrapper {
  float: right;
  padding-right: 10px
}

#onlineConsultingForm .step3 .ui-select-wrapper, #onlineConsultingForm .step3 .ui-input-wrapper {
  padding: 0 10px
}

#overbaggage .col-md-8 {
  padding-right: 15px
}

@media(max-width:639px) {
  #overbaggage .col-md-8 {
    padding-right: 0
  }
}

#overbaggage .col-md-8 .row {
  padding: 15px;
  margin-bottom: 10px;
  background-color: #fff
}

#overbaggage .col-md-8 .shadowcard-wrapper {
  margin-bottom: 0
}

#overbaggage .col-md-8 .shadowcard-wrapper .row {
  padding: 0
}

#overbaggage .col-md-8 .shadowcard-wrapper .shadowcard>* {
  padding: 0
}

#overbaggage .col-md-8 .shadowcard-wrapper .shadowcard .row {
  padding: 15px
}

#overbaggage .col-md-8 .shadowcard-wrapper .shadowcard .form-head, #overbaggage .col-md-8 .shadowcard-wrapper .shadowcard .custom-form, #overbaggage .col-md-8 .shadowcard-wrapper .shadowcard .form-tail {
  padding: 0
}

#overbaggage .col-md-8 .shadowcard-wrapper .shadowcard .form-head .row, #overbaggage .col-md-8 .shadowcard-wrapper .shadowcard .custom-form .row, #overbaggage .col-md-8 .shadowcard-wrapper .shadowcard .form-tail .row {
  padding: 0
}

#overbaggage .col-md-8 .shadowcard-wrapper .shadowcard .pinkh2 {
  color: #e4007f;
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: normal
}

#overbaggage .col-md-8 .baggageInfo {
  margin-bottom: 0;
  padding-bottom: 5px
}

@media(max-width:639px) {
  #overbaggage .col-md-8 .baggageInfo {
    margin: 0 5px
  }
}

@media(max-width:639px) {
  #overbaggage .col-md-8 .extraBanner {
    overflow: hidden
  }
  #overbaggage .col-md-8 .extregroup, #overbaggage .col-md-8 .referenceBK {
    margin: 0 5px 5px 5px
  }
  #overbaggage .col-md-8 .referenceBK {
    margin-top: 5px
  }
}

#overbaggage .showInfo .col-md-8 {
  padding-right: 0
}

@media(min-width:992px) {
  #overbaggage .action-bar-scroll {
    width: 33.33333%;
    padding-right: 10px;
    position: fixed;
    top: 0;
    right: 5px
  }
}

@media(min-width:1200px) {
  #overbaggage .action-bar-scroll {
    position: static
  }
  #overbaggage .action-bar-scroll .action-bar {
    position: fixed;
    top: 0;
    z-index: 2;
    width: 369.98px
  }
}

@media(min-width:1300px) {
  #overbaggage .action-bar-scroll .action-bar {
    width: 389.98px
  }
}

@media(min-width:992px) {
  #overbaggage .action-bar-bottom {
    position: absolute;
    bottom: 0;
    right: 5px;
    padding-right: 10px
  }
}

#overbaggage .flight-seat-modal .btn {
  width: 90%;
  margin: 5%
}

#overbaggage .disabled {
  cursor: not-allowed;
  opacity: .6
}

#overbaggage .disabled .minusIcon, #overbaggage .disabled .plusIcon {
  pointer-events: none
}

#overbaggage .extra-weight {
  margin-top: 4px
}

#overbaggage .extra-weight .active-blue {
  background: #223b61
}

#overbaggage .extra-weight .active-pink {
  background: #e4007f
}

#overbaggage .extra-weight .active-grey {
  background: #d8d8d8
}

#overbaggage .extra-weight .text-center {
  padding: 0;
  text-align: center
}

#overbaggage .extra-weight .list {
  font-size: 0
}

#overbaggage .extra-weight .list li {
  display: inline-block;
  width: 15px;
  height: 36px;
  margin: 0 2px
}

#overbaggage .extra-weight .minusIcon, #overbaggage .extra-weight .plusIcon {
  margin-top: 30px
}

.baggageInfo .col-xs-12 {
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 15px
}

@media(max-width:639px) {
  .baggageInfo .col-xs-12 .col-md-4 {
    margin-bottom: 10px
  }
}

.baggageInfo .col-xs-12 .col-md-4 span {
  margin-left: 10px
}

.passengerInfo {
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 20px;
  margin-bottom: 20px
}

.passengerInfo p {
  font-weight: bold
}

.passengerInfo p span {
  font-weight: normal
}

.passengerInfo p.flightIcon {
  margin-bottom: 10px
}

.passengerInfo .pinkbagIcon {
  margin-top: 15px
}

.passengerInfo .pricedetail {
  margin-top: 20px;
  text-align: right;
  padding-right: 30px
}

.passengerInfo .pinkbagIcon {
  text-align: center
}

.passengerInfo .pinkbagIcon span {
  padding-left: 10px
}

.passengerInfo .col-xs-12 {
  margin-bottom: 20px
}

.showInfo {
  margin: 25px 0 10px
}

.showInfo .row {
  padding: 0;
  margin-bottom: 30px
}

.showInfo .col-md-5 {
  border-left: 1px solid #d8d8d8;
  padding: 0 10px;
  border-bottom: 0
}

.showInfo .col-md-7 {
  margin-top: 30px
}

.showInfo .col-md-7 .col-xs-12 {
  padding: 0 20px
}

.showInfo .col-md-7 .col-xs-12 .col-md-2 {
  margin-top: 5px;
  text-align: center
}

.showInfo .col-md-7 .col-xs-12 .col-md-8 p {
  padding-top: 35px;
  text-align: center
}

.showInfo .col-md-7 .col-xs-12 .col-md-8 .bagIcon {
  background: url(bag.pvg) no-repeat;
  background-position: 9px 0
}

.showInfo .col-md-7 .col-xs-12 .col-md-8 .pinkbagIcon {
  background: url(pinkbag.pvg) no-repeat;
  background-position: 9px 0
}

.showInfo .col-md-7 .col-xs-12 .col-md-8 .greybagIcon {
  background: url(greybag.pvg) no-repeat;
  background-position: 9px 0
}

@media(max-width:1024px) {
  .showInfo .col-md-7 .col-xs-12 .col-md-8 .bagIcon, .showInfo .col-md-7 .col-xs-12 .col-md-8 .pinkbagIcon, .showInfo .col-md-7 .col-xs-12 .col-md-8 .greybagIcon {
    background-position: 4px 0
  }
}

@media(max-width:768px) {
  .showInfo .col-md-7 .col-xs-12 .col-md-8 .bagIcon, .showInfo .col-md-7 .col-xs-12 .col-md-8 .pinkbagIcon, .showInfo .col-md-7 .col-xs-12 .col-md-8 .greybagIcon {
    background-position: 93px 0
  }
}

@media(max-width:425px) {
  .showInfo .col-md-7 .col-xs-12 .col-md-8 .bagIcon, .showInfo .col-md-7 .col-xs-12 .col-md-8 .pinkbagIcon, .showInfo .col-md-7 .col-xs-12 .col-md-8 .greybagIcon {
    background-position: 36px 0
  }
}

@media(max-width:375px) {
  .showInfo .col-md-7 .col-xs-12 .col-md-8 .bagIcon, .showInfo .col-md-7 .col-xs-12 .col-md-8 .pinkbagIcon, .showInfo .col-md-7 .col-xs-12 .col-md-8 .greybagIcon {
    background-position: 29px 0
  }
}

@media(max-width:320px) {
  .showInfo .col-md-7 .col-xs-12 .col-md-8 .bagIcon, .showInfo .col-md-7 .col-xs-12 .col-md-8 .pinkbagIcon, .showInfo .col-md-7 .col-xs-12 .col-md-8 .greybagIcon {
    background-position: 20px 0
  }
}

.passengerName {
  background: url(profile.pvg) no-repeat;
  padding-left: 30px;
  font-weight: bold;
  font-size: 14px;
  float: left
}

.passengerInfo .passengerName {
  margin-bottom: 20px
}

.loveTalk {
  background: url(smallcelogo.pvg) no-repeat;
  padding-left: 25px;
  font-weight: bold;
  font-size: 14px;
  float: right;
  background-position: 2px
}

@media(max-width:639px) {
  .loveTalk {
    float: left;
    padding-left: 30px
  }
}

.referenceBK p {
  font-weight: bold;
  width: auto;
  float: left
}

.referenceBK p span {
  font-weight: normal
}

.referenceBK a {
  display: block;
  float: right
}

@media(max-width:639px) {
  .referenceBK a {
    float: left
  }
}

.paytitle {
  color: #4a4a4a;
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 20px
}

.totalPrice {
  border-top: 1px solid #d8d8d8;
  padding-top: 10px;
  margin: 20px 0 10px
}

.totalPrice span {
  color: #4a4a4a;
  font-size: 14px;
  font-weight: normal;
  float: left;
  margin-top: 3px;
  margin-right: 5px
}

.totalPrice span:last-child {
  font-size: 24px;
  float: right;
  margin-top: 0;
  font-weight: bold;
  margin-right: 0
}

.totalPrice span:last-child span {
  font-size: 14px;
  font-weight: normal;
  margin: 5px 0 0 2px;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  font-weight: normal
}

.priceInfo {
  font-size: 12px
}

.priceInfo button {
  max-width: 100%;
  margin-top: 20px
}

.totalPriceInfo {
  text-align: right;
  padding-right: 30px;
  font-size: 24px;
  font-weight: bold
}

.totalPriceInfo span {
  font-size: 14px;
  font-weight: 100
}

.nowrap-ellipsis-hidden {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

#travelInformation {
  background-color: #fff
}

#travelInformation .col-md-8 {
  padding-right: 15px
}

@media(max-width:639px) {
  #travelInformation .col-md-8 {
    padding-right: 0
  }
}

#travelInformation .col-md-8>div>.row {
  padding: 15px;
  margin-bottom: 10px;
  background-color: #fff
}

#travelInformation .col-md-8 .shadowcard-wrapper {
  margin-bottom: 0
}

#travelInformation .col-md-8 .shadowcard-wrapper .row {
  padding: 0
}

#travelInformation .col-md-8 .shadowcard-wrapper .shadowcard>* {
  padding: 0
}

#travelInformation .col-md-8 .shadowcard-wrapper .shadowcard .row {
  padding: 15px
}

#travelInformation .col-md-8 .shadowcard-wrapper .shadowcard .form-head, #travelInformation .col-md-8 .shadowcard-wrapper .shadowcard .custom-form, #travelInformation .col-md-8 .shadowcard-wrapper .shadowcard .form-tail {
  padding: 0
}

#travelInformation .col-md-8 .shadowcard-wrapper .shadowcard .form-head .row, #travelInformation .col-md-8 .shadowcard-wrapper .shadowcard .custom-form .row, #travelInformation .col-md-8 .shadowcard-wrapper .shadowcard .form-tail .row {
  padding: 0
}

#travelInformation .col-md-8 .shadowcard-wrapper .shadowcard .pinkh2 {
  color: #e4007f;
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: normal
}

#travelInformation .col-md-8 .baggageInfo {
  margin-bottom: 0;
  padding-bottom: 5px
}

@media(max-width:639px) {
  #travelInformation .col-md-8 .baggageInfo {
    margin: 0 5px
  }
}

@media(max-width:639px) {
  #travelInformation .col-md-8 .extraBanner {
    overflow: hidden
  }
  #travelInformation .col-md-8 .extregroup, #travelInformation .col-md-8 .referenceBK {
    margin: 0 5px 5px 5px
  }
  #travelInformation .col-md-8 .referenceBK {
    margin-top: 5px
  }
}

#travelInformation .showInfo .col-md-8 {
  padding-right: 0
}

@media(min-width:992px) {
  #travelInformation .action-bar-scroll {
    width: 33.33333%;
    padding-right: 10px;
    position: fixed;
    top: 0;
    right: 5px
  }
}

@media(min-width:1200px) {
  #travelInformation .action-bar-scroll {
    position: static
  }
  #travelInformation .action-bar-scroll .action-bar {
    position: fixed;
    top: 0;
    z-index: 2;
    width: 369.98px
  }
}

@media(min-width:1300px) {
  #travelInformation .action-bar-scroll .action-bar {
    width: 389.98px
  }
}

@media(min-width:992px) {
  #travelInformation .action-bar-bottom {
    position: absolute;
    bottom: 0;
    right: 5px;
    padding-right: 10px
  }
}

#travelInformation .flight-seat-modal .btn {
  width: 90%;
  margin: 5%
}

#travelInformation .disabled {
  cursor: not-allowed;
  opacity: .6
}

#travelInformation .disabled .minusIcon, #travelInformation .disabled .plusIcon {
  pointer-events: none
}

#travelInformation .btn-wrapper {
  margin-top: 20px;
  padding-right: 15px;
  float: right
}

@media(max-width:991px) {
  #travelInformation .btn-wrapper {
    float: none
  }
}

#travelInformation .ui-checkbox-text {
  font-weight: normal;
  font-size: 12px
}

#travelInformation .radio label, #travelInformation .checkbox label {
  padding-left: 0
}

#travelInformation .checkbox {
  line-height: 30px
}

#travelInformation .paycontent {
  color: #4a4a4a;
  font-size: 24px;
  font-weight: normal;
  line-height: 60px
}

#travelInformation .action-bar {
  background: #f8f8f8
}

#travelInformation .action-bar p {
  text-indent: 20px
}

#travelInformation .ui-radio-wrapper .label-radio .label-text {
  font-weight: 500
}

#travelInformation .custom-form .title {
  line-height: 60px;
  font-weight: 700;
  font-size: 16px
}

#travelInformation .custom-form .title .star {
  font-size: 24px;
  display: inline-block;
  position: relative;
  line-height: 0;
  top: 5px;
  color: #e4007f
}

@media(max-width:991px) {
  #travelInformation .col-md-4.contact {
    display: block!important
  }
}

#hotDestination {
  width: 100%
}

@media(min-width:770px) {
  #hotDestination .hotDestination-box {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    -o-column-gap: 10px;
    column-gap: 10px;
    -webkit-column-width: 370px;
    -moz-column-width: 370px;
    -o-column-width: 370px;
    column-width: 370px
  }
}

#hotDestination .hotDestination-box .hotDestination-box__subbox {
  padding-bottom: 15px;
  overflow: hidden;
  -moz-page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid
}

#hotDestination .hotDestination-box .hotDestination-box__subbox p {
  width: 100%;
  overflow: hidden
}

#hotDestination .hotDestination-box .hotDestination-box__subbox p>img {
  width: 100%;
  height: auto
}

#hotDestination .hotDestination-box .hotDestination-box__subbox ul {
  list-style: none;
  margin: 0;
  padding: 10px 15px 10px;
  background-color: #f8f8f8
}

#hotDestination .hotDestination-box .hotDestination-box__subbox ul li {
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  color: #4a4a4a
}

#hotDestination .hotDestination-box .hotDestination-box__subbox ul li p {
  max-width: 60%;
  display: inline-block
}

#hotDestination .hotDestination-box .hotDestination-box__subbox ul li span {
  max-width: 40%;
  float: right
}

.addonServices .serviceContent {
  padding-right: 15px
}

.addonServices .serviceContent .shadowcard-wrapper {
  margin-bottom: 15px
}

.addonServices .serviceContent .layout-header {
  background-color: #223b61;
  line-height: 50px;
  color: #fff;
  font-weight: bold;
  position: relative;
  padding-left: 15px;
  font-size: 20px;
  margin-bottom: 15px
}

.addonServices .serviceContent .layout-header a {
  position: absolute;
  color: #fff;
  right: 15px;
  padding-right: 20px;
  background: url(icon-arrow-right-white.pvg) no-repeat right center
}

.addonServices .serviceContent .cardSummary {
  padding: 0;
  border-bottom: 15px solid #f8f8f8
}

.addonServices .serviceContent .cardSummary>.col-md-8 {
  padding: 15px
}

.addonServices .serviceContent .cardSummary .cardTitle {
  line-height: 40px;
  font-weight: bold;
  color: #e4007f
}

.addonServices .serviceContent .cardSummary .cardSubTitle {
  padding-bottom: 10px
}

.addonServices .serviceContent .cardSummary .twoBtn button {
  width: 48%;
  margin: 0 1%
}

@media(max-width:991px) {
  .addonServices .serviceContent {
    padding-right: 0
  }
  .addonServices .serviceContent .shadowcard-wrapper .shadowcard {
    margin: 0
  }
}

.addonServices .panel .banner {
  overflow: hidden;
  padding: 0
}

@media(max-width:639px) {
  .addonServices .panel .banner img {
    width: 100%
  }
}

.addonServices .panel .summary {
  padding: 15px
}

.addonServices .panel .summary .summary-left {
  padding-right: 10px;
  margin-bottom: 10px
}

.addonServices .panel .summary .summary-left h3 {
  color: #e4007f
}

.addonServices .panel .summary .summary-right .price {
  margin-bottom: 10px
}

.addonServices .panel .summary .summary-right .price b {
  font-size: 20px
}

.addonServices .viplounge #supermodal_skip .handler, .addonServices .viplounge #supermodal_confirm .handler {
  text-align: center;
  padding-top: 10px
}

.addonServices .viplounge #supermodal_skip .handler .item, .addonServices .viplounge #supermodal_confirm .handler .item {
  padding: 10px 10px 0 10px
}

.addonServices .viplounge .viplounge-options .title .psgname {
  padding-left: 30px;
  background: url(profile.pvg) no-repeat 2px center
}

.addonServices .viplounge .viplounge-options .detail {
  padding-top: 0
}

.addonServices .viplounge .viplounge-options .detail .viplounge-options-group .group-name {
  padding-left: 30px;
  background: url(sofa.pvg) no-repeat left 3px
}

.addonServices .viplounge .viplounge-options .detail .viplounge-options-confirmed .list {
  padding-right: 8px
}

.addonServices .viplounge .viplounge-options .detail .viplounge-options-confirmed .price b {
  font-size: 18px
}

@media(max-width:639px) {
  .addonServices .viplounge .viplounge-options .detail .viplounge-options-confirmed {
    padding-left: 30px
  }
}

.addonServices .viplounge .viplounge-options .detail .viplounge-options-items .viplounge-options-item {
  margin: 0 10px 20px 10px
}

.addonServices .viplounge .viplounge-options .detail .viplounge-options-items .viplounge-options-item .item-name {
  color: #223b61;
  margin-bottom: 10px
}

.addonServices .viplounge .viplounge-options .detail .viplounge-options-items .viplounge-options-item .item-features {
  margin-left: 8px
}

.addonServices .viplounge .viplounge-options .detail .viplounge-options-items .viplounge-options-item .item-features li:before {
  content: "■";
  color: #e4007f;
  margin-right: 10px
}

.addonServices .viplounge .viplounge-options .detail .viplounge-options-items .viplounge-options-item .item-info .price b {
  font-size: 18px
}

.addonServices .viplounge .viplounge-options .detail .viplounge-options-bookinfo {
  border-top: 1px solid #d8d8d8;
  padding-top: 15px
}

.addonServices .viplounge .viplounge-options .detail .viplounge-options-bookinfo .customform-wrapper .errorMsg {
  margin-top: 0;
  margin-bottom: 15px
}

.addonServices .viplounge .viplounge-options .detail .viplounge-options-bookinfo .customform-wrapper .ui-select-wrapper, .addonServices .viplounge .viplounge-options .detail .viplounge-options-bookinfo .customform-wrapper .ui-input-wrapper {
  margin-bottom: 10px
}

.addonServices .gaotie #supermodal_skip .handler, .addonServices .gaotie #supermodal_confirm .handler {
  text-align: center;
  padding-top: 10px
}

.addonServices .gaotie #supermodal_skip .handler .item, .addonServices .gaotie #supermodal_confirm .handler .item {
  padding: 10px 10px 0 10px
}

.addonServices .gaotie .stations {
  padding: 13px 0 10px 0
}

.addonServices .gaotie .stations .stop {
  position: relative;
  padding: 8px 1px;
  border-top: 2px solid #223b61;
  text-align: center;
  word-wrap: break-word
}

.addonServices .gaotie .stations .stop .symbol {
  position: absolute;
  top: -12px;
  left: 0;
  width: 100%;
  line-height: 20px;
  color: #223b61;
  font-size: 24px
}

.addonServices .gaotie .stations .stop:first-child:before, .addonServices .gaotie .stations .stop:last-child:before {
  content: ' ';
  position: absolute;
  top: -2px;
  display: block;
  width: 50%;
  border: 1px solid #f8f8f8
}

.addonServices .gaotie .stations .stop:first-child:before {
  left: -1px
}

.addonServices .gaotie .stations .stop:last-child:before {
  right: 0
}

@media(max-width:639px) {
  .addonServices .gaotie .stations {
    display: none
  }
}

.addonServices .gaotie .trains-options .trains .flight {
  display: table;
  background-color: #f8f8f8;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid #d8d8d8
}

.addonServices .gaotie .trains-options .trains .flight>* {
  padding: 15px
}

.addonServices .gaotie .trains-options .trains .flight .left, .addonServices .gaotie .trains-options .trains .flight .middle, .addonServices .gaotie .trains-options .trains .flight .right {
  display: table-cell;
  float: none
}

@media(max-width:639px) {
  .addonServices .gaotie .trains-options .trains .flight {
    display: block
  }
  .addonServices .gaotie .trains-options .trains .flight .left, .addonServices .gaotie .trains-options .trains .flight .middle, .addonServices .gaotie .trains-options .trains .flight .right {
    display: block
  }
}

.addonServices .gaotie .trains-options .trains .flight .left .flightno {
  font-weight: bold
}

@media(max-width:639px) {
  .addonServices .gaotie .trains-options .trains .flight .left .flightno, .addonServices .gaotie .trains-options .trains .flight .left .stops, .addonServices .gaotie .trains-options .trains .flight .left .fclass {
    display: inline-block;
    margin-right: 6px
  }
}

.addonServices .gaotie .trains-options .trains .flight .middle {
  text-align: center;
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8
}

.addonServices .gaotie .trains-options .trains .flight .middle .time {
  font-size: 20px;
  font-weight: bold
}

.addonServices .gaotie .trains-options .trains .flight .middle .icon {
  margin-top: 9px
}

@media(max-width:639px) {
  .addonServices .gaotie .trains-options .trains .flight .middle {
    border-left: 0;
    border-right: 0;
    padding-top: 0;
    padding-bottom: 0
  }
}

.addonServices .gaotie .trains-options .trains .flight .right .psgname {
  font-weight: bold
}

@media(max-width:639px) {
  .addonServices .gaotie .trains-options .trains .flight .right .tit {
    display: inline-block
  }
  .addonServices .gaotie .trains-options .trains .flight .right .psgname {
    display: inline-block;
    border-right: 1px solid #d8d8d8;
    padding-right: 6px;
    margin-right: 6px
  }
  .addonServices .gaotie .trains-options .trains .flight .right .psgname:last-child {
    border-right: 0;
    padding-right: 0;
    margin-right: 0
  }
}

.addonServices .gaotie .trains-options .trains .train {
  display: table;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid #d8d8d8
}

.addonServices .gaotie .trains-options .trains .train>* {
  padding: 15px
}

.addonServices .gaotie .trains-options .trains .train .left, .addonServices .gaotie .trains-options .trains .train .middle, .addonServices .gaotie .trains-options .trains .train .right {
  display: table-cell;
  float: none
}

@media(max-width:639px) {
  .addonServices .gaotie .trains-options .trains .train {
    display: block
  }
  .addonServices .gaotie .trains-options .trains .train .left, .addonServices .gaotie .trains-options .trains .train .middle, .addonServices .gaotie .trains-options .trains .train .right {
    display: block
  }
}

.addonServices .gaotie .trains-options .trains .train .left .trainno {
  font-weight: bold
}

@media(max-width:639px) {
  .addonServices .gaotie .trains-options .trains .train .left .trainno, .addonServices .gaotie .trains-options .trains .train .left .trainclass {
    display: inline-block;
    margin-right: 6px
  }
}

.addonServices .gaotie .trains-options .trains .train .middle {
  text-align: center;
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8
}

.addonServices .gaotie .trains-options .trains .train .middle .time {
  font-size: 20px;
  font-weight: bold
}

.addonServices .gaotie .trains-options .trains .train .middle .icon {
  margin-top: 9px
}

@media(max-width:639px) {
  .addonServices .gaotie .trains-options .trains .train .middle {
    border-left: 0;
    border-right: 0;
    padding-top: 0;
    padding-bottom: 0
  }
}

.addonServices .gaotie .trains-options .trains .train .right .psgname {
  font-weight: bold
}

.addonServices .gaotie .trains-options .trains .train .right .price {
  text-align: right;
  font-size: 20px;
  font-weight: bold
}

.addonServices .gaotie .trains-options .trains .train .right .handle {
  text-align: right
}

.addonServices .gaotie .trains-options .trains .train .right .handle p {
  display: inline-block;
  margin-right: 6px;
  padding-right: 6px;
  border-right: 1px solid #d8d8d8
}

.addonServices .gaotie .trains-options .trains .train .right .handle p:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0
}

@media(max-width:639px) {
  .addonServices .gaotie .trains-options .trains .train .right .tit {
    display: inline-block
  }
  .addonServices .gaotie .trains-options .trains .train .right .psgname {
    display: inline-block;
    border-right: 1px solid #d8d8d8;
    padding-right: 6px;
    margin-right: 6px
  }
  .addonServices .gaotie .trains-options .trains .train .right .psgname:last-child {
    border-right: 0;
    padding-right: 0;
    margin-right: 0
  }
  .addonServices .gaotie .trains-options .trains .train .right .price {
    text-align: left
  }
  .addonServices .gaotie .trains-options .trains .train .right .handle {
    padding-top: 5px
  }
}

.addonServices .gaotie .trains-options .trains .search .ui-btn-wrapper button {
  max-width: auto
}

@media(max-width:639px) {
  .addonServices .gaotie .trains-options .trains .search .ui-select-wrapper {
    margin-bottom: 5px
  }
}

.addonServices .gaotie .trains-options .trains .schedule {
  padding: 0
}

.addonServices .gaotie .trains-options .trains .schedule .tips {
  padding: 15px
}

.addonServices .gaotie .trains-options .trains .schedule .date .item {
  display: block;
  text-decoration: none;
  font-weight: bold;
  background: #223b61;
  border-top: 1px solid white;
  border-right: 1px solid white;
  padding: 10px 15px;
  color: white
}

.addonServices .gaotie .trains-options .trains .schedule .date .item:last-child {
  border-right: 0
}

.addonServices .gaotie .trains-options .trains .schedule .date .current {
  background: white;
  color: black;
  border-color: #d8d8d8
}

.addonServices .gaotie .trains-options .trains .schedule .list {
  padding: 0 15px
}

.addonServices .gaotie .trains-options .trains .schedule .list .tips {
  padding: 30px 0
}

.addonServices .gaotie .trains-options .trains .schedule .list .item {
  border-bottom: 1px solid #d8d8d8;
  font-weight: bold
}

.addonServices .gaotie .trains-options .trains .schedule .list .item>* {
  padding: 15px 0
}

.addonServices .gaotie .trains-options .trains .schedule .list .item:last-child {
  border-bottom: 0
}

.addonServices .gaotie .trains-options .trains .schedule .list .item .tit {
  font-weight: normal
}

@media(max-width:639px) {
  .addonServices .gaotie .trains-options .trains .schedule .list .item .tit {
    display: inline-block;
    margin-right: 6px
  }
}

.addonServices .gaotie .trains-options .train-selection .traininfo {
  border-bottom: 1px solid #d8d8d8
}

.addonServices .gaotie .trains-options .train-selection .traininfo .left {
  padding: 0 15px 15px 0
}

@media(max-width:639px) {
  .addonServices .gaotie .trains-options .train-selection .traininfo .left .trainno, .addonServices .gaotie .trains-options .train-selection .traininfo .left .trainclass {
    display: inline-block;
    margin-right: 6px
  }
}

.addonServices .gaotie .trains-options .train-selection .traininfo .middle {
  text-align: center;
  padding: 0 15px 15px 15px;
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8
}

@media(max-width:639px) {
  .addonServices .gaotie .trains-options .train-selection .traininfo .middle {
    border-left: 0;
    border-right: 0
  }
}

.addonServices .gaotie .trains-options .train-selection .traininfo .middle .stop {
  font-weight: bold;
  font-size: 16px
}

.addonServices .gaotie .trains-options .train-selection .traininfo .middle .icon {
  padding-top: 9px
}

.addonServices .gaotie .trains-options .train-selection .traininfo .right {
  padding: 0 0 15px 15px
}

.addonServices .gaotie .trains-options .train-selection .traininfo .right .price {
  font-weight: bold;
  font-size: 20px
}

.addonServices .gaotie .trains-options .train-selection .passengers {
  margin-top: 20px
}

.addonServices .gaotie .trains-options .train-selection .passengers .custom-form fieldset .row {
  margin-bottom: 10px
}

.addonServices .gaotie .trains-options .train-selection .passengers .custom-form fieldset .row:last-child {
  margin-bottom: 0
}

.addonServices .gaotie .trains-options .train-selection .passengers .tit {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px
}

.addonServices .gaotie .trains-options .train-selection .passengers .ui-checkbox-wrapper .ui-checkbox-text {
  padding-left: 25px;
  background: url("/public/system/assets/images/member.pvg") no-repeat center left
}

.addonServices .gaotie .trains-options .train-selection .passengers .ui-input-wrapper {
  padding-left: 35px
}

.addonServices .citytour .citytourPassengerCard {
  background-color: #fff;
  padding: 15px;
  border-bottom: 15px solid #f8f8f8;
  position: relative
}

.addonServices .citytour .citytourPassengerCard .reset {
  padding-left: 30px;
  font-size: 16px;
  line-height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  background: url(reset.png) no-repeat left center;
  z-index: 999
}

@media(max-width:768px) {
  .addonServices .citytour .citytourPassengerCard {
    margin: 0 5px 5px
  }
}

.addonServices .citytour .IncheonGroup p {
  padding-left: 30px;
  font-weight: bold
}

.addonServices .citytour .IncheonGroup p.city {
  background: url(icon_mp_hotel.png) no-repeat -17px
}

.addonServices .citytour .ui-checkbox-text {
  color: #2a5390
}

.addonServices .citytour .loungerInner .label-text {
  font-size: 18px;
  top: -2px;
  padding-left: 45px;
  background-position: 5px center;
  background-repeat: no-repeat;
  line-height: 30px
}

.addonServices .citytour .loungerInner .a .label-text {
  background-image: url(citytour/a.png)
}

.addonServices .citytour .loungerInner .b .label-text, .addonServices .citytour .loungerInner .j .label-text, .addonServices .citytour .loungerInner .q .label-text, .addonServices .citytour .loungerInner .r .label-text {
  background-image: url(b.png)
}

.addonServices .citytour .loungerInner .f .label-text {
  background-image: url(citytour/f.png)
}

.addonServices .citytour .loungerInner .d .label-text {
  background-image: url(citytour/d.png)
}

.addonServices .citytour .loungerInner .p .label-text {
  background-image: url(citytour/p.png)
}

.addonServices .citytour .loungerInner .c .label-text {
  background-image: url(citytour/c.png)
}

.addonServices .citytour .loungerInner .e .label-text {
  background-image: url(citytour/e.png)
}

.addonServices .citytour .loungerInner .k .label-text, .addonServices .citytour .loungerInner .l .label-text, .addonServices .citytour .loungerInner .m .label-text, .addonServices .citytour .loungerInner .n .label-text, .addonServices .citytour .loungerInner .o .label-text, .addonServices .citytour .loungerInner .s .label-text, .addonServices .citytour .loungerInner .g .label-text, .addonServices .citytour .loungerInner .h .label-text, .addonServices .citytour .loungerInner .i .label-text {
  background-image: url(citytour/k.png)
}

.addonServices .citytour .loungerInner .t .label-text {
  background-image: url(citytour/t.png)
}

.addonServices .citytour .loungerInner .serviceDescribe li {
  padding: 0 0 5px 20px
}

.addonServices .citytour .loungerInner .serviceDescribe li:before {
  background: #e4007f;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 5px 15px 0 5px;
  vertical-align: top
}

.viproomTip {
  border-bottom: 1px solid #d7d7d7
}

.viproomTip dl dt {
  font-size: 14px;
  font-weight: 700;
  line-height: 2em;
  margin-top: 20px
}

.viproomTip dl dd:before {
  background: #e4007f;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 8px 15px 0 5px;
  vertical-align: top
}

.viproomTip .pink {
  color: #e4007f;
  font-weight: 700
}

.viproomTip .bold {
  font-weight: 700
}

.vip-passengers .checkbox, .vip-passengers .psgName, .selectedPsg .checkbox, .selectedPsg .psgName {
  margin-bottom: 10px
}

.vip-passengers .checkbox .ui-checkbox-text, .vip-passengers .psgName .ui-checkbox-text, .selectedPsg .checkbox .ui-checkbox-text, .selectedPsg .psgName .ui-checkbox-text {
  font-weight: 700
}

.vip-passengers .psgName, .selectedPsg .psgName {
  font-weight: 700;
  font-size: 16px;
  padding-left: 20px
}

.vip-passengers .psgdetail, .selectedPsg .psgdetail {
  padding-left: 20px;
  font-size: 12px;
  margin-bottom: 20px
}

.vip-passengers .psgdetail .detailbox, .selectedPsg .psgdetail .detailbox {
  padding-left: 10px;
  border-left: 1px solid #d7d7d7
}

.checkbg {
  width: 18px;
  display: inline-block;
  height: 18px;
  background-color: #828282;
  border-radius: 50% 50%;
  border: 3px solid white;
  box-shadow: 0 0 0 2px #828282;
  margin-right: 5px
}

.reset-btn {
  background: url(reset.png) no-repeat left center;
  padding-left: 30px
}

#gaotieManage {
  margin-bottom: 15px
}

@media(max-width:991px) {
  #gaotieManage aside {
    padding: 0 15px
  }
}

@media(max-width:639px) {
  #gaotieManage aside {
    padding: 0
  }
}

#gaotieManage .main-body {
  padding-left: 15px
}

@media(max-width:991px) {
  #gaotieManage .main-body {
    padding-right: 15px
  }
}

@media(max-width:639px) {
  #gaotieManage .main-body {
    padding-left: 0;
    padding-right: 0
  }
  #gaotieManage .main-body .shadowcard-wrapper {
    margin: 0
  }
}

#gaotieManage .main-body.gt-customer-main {
  padding-left: 0
}

#gaotieManage #gaotieNotes h3, #gaotieManage #agentInfo h3 {
  border-bottom: 1px solid #d8d8d8
}

#gaotieManage #gaotieNotes .list li, #gaotieManage #agentInfo .list li {
  padding: 8px 0
}

@media(max-width:639px) {
  #gaotieManage #gaotieNotes .shadowcard-wrapper, #gaotieManage #agentInfo .shadowcard-wrapper {
    margin: 0
  }
}

#gaotieManage .gaotie-agent-list .search-form {
  margin-bottom: 10px
}

#gaotieManage .gaotie-agent-list .main-handler {
  padding: 15px
}

#gaotieManage .gaotie-agent-list .tickets-list .item {
  border-bottom: 10px solid #f8f8f8
}

#gaotieManage .gaotie-agent-list .tickets-list .item .cols {
  padding: 10px 0;
  margin: 10px 0;
  border: 1px solid #f8f8f8;
  border-left: none;
  border-right: 0
}

#gaotieManage .gaotie-agent-list .tickets-list .item .cols .col {
  padding: 0 10px;
  border-right: 1px solid #f8f8f8
}

#gaotieManage .gaotie-agent-list .tickets-list .item .cols .col:last-child {
  border-right: 0
}

#gaotieManage .gaotie-agent-list .tickets-list .item .cols .col .tit {
  font-weight: bold
}

@media(max-width:639px) {
  #gaotieManage .gaotie-agent-list .tickets-list .item .cols .col {
    border-right: 0
  }
  #gaotieManage .gaotie-agent-list .tickets-list .item .cols .col .txt {
    padding-left: 15px
  }
}

#gaotieManage .gaotie-agent-list .tickets-list .item .header {
  padding: 0 10px
}

#gaotieManage .gaotie-agent-list .tickets-list .item .header .name {
  padding-left: 16px;
  margin-right: 20px;
  background: url("profile.pvg") 0 50% no-repeat
}

#gaotieManage .trains-options {
  margin-bottom: 12px
}

#gaotieManage .trains-options .train-selection .passenger {
  margin-top: 20px
}

#gaotieManage #agentMain .gaotie-agent-detail {
  font-size: 14px
}

#gaotieManage #agentMain .gaotie-agent-detail .gt-color-gray {
  color: #828282
}

#gaotieManage #agentMain .gaotie-agent-detail .gt-orderno {
  background-color: #fff;
  padding: 10px 15px;
  font-weight: bold
}

#gaotieManage #agentMain .gaotie-agent-detail .gt-orderno p {
  display: inline-block
}

#gaotieManage #agentMain .gaotie-agent-detail .gt-orderno p:last-of-type {
  float: right
}

#gaotieManage #agentMain .gaotie-agent-detail .gt-orderno .gt-paxname-icon {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  background: url(profile.pvg) no-repeat;
  margin-right: 5px
}

#gaotieManage #agentMain .gaotie-agent-detail .mr10 {
  margin-right: 10px
}

#gaotieManage #agentMain .gaotie-agent-detail .gt-header {
  background-color: #223b61;
  color: #fff;
  padding: 10px 15px
}

#gaotieManage #agentMain .gaotie-agent-detail .gt-seg>div {
  display: inline-block;
  vertical-align: top
}

#gaotieManage #agentMain .gaotie-agent-detail .gt-seg>div:first-child {
  text-align: right
}

#gaotieManage #agentMain .gaotie-agent-detail .gt-seg .gt-duration-wraper {
  position: relative
}

#gaotieManage #agentMain .gaotie-agent-detail .gt-seg .gt-duration-wraper .gt-duration {
  position: absolute;
  right: 0;
  top: 0;
  background: url(clock.png) no-repeat left 2px;
  padding-left: 14px
}

#gaotieManage #agentMain .gaotie-agent-detail .gt-seg .gt-gaotie {
  margin: 0 30px 0 35px
}

#gaotieManage #agentMain .gaotie-agent-detail .gt-option-btn a {
  display: block;
  color: #fff;
  padding: 12px 0;
  background-color: #223b61;
  margin-bottom: 5px;
  text-align: center
}

#gaotieManage #agentMain .gaotie-agent-detail .gt-fz16 {
  font-size: 16px;
  font-weight: bold
}

#gaotieManage #agentMain .gaotie-agent-detail .airportTips {
  padding-top: 10px;
  padding-left: 20px;
  line-height: 24px;
  position: relative
}

#gaotieManage #agentMain .gaotie-agent-detail .airportTips a.showDetail {
  margin-left: 25px
}

#gaotieManage #agentMain .gaotie-agent-detail .airportTips .glyphicon {
  top: 14px;
  left: 0;
  position: absolute
}

#gaotieManage #agentMain .gaotie-agent-detail .airportTips .glyphicon, #gaotieManage #agentMain .gaotie-agent-detail .airportTips .glyphicon:hover {
  background: url(icon-info-hover.pvg) center center no-repeat;
  vertical-align: middle;
  width: 15px;
  height: 15px
}

#gaotieManage #agentMain .gaotie-agent-detail .table-wrapper {
  padding: 0 0 15px 0
}

#gaotieManage #agentMain .gaotie-agent-detail .table-wrapper .table {
  margin: 0
}

#gaotieManage #agentMain .gaotie-agent-detail .table-wrapper .table th {
  font-weight: bold
}

#gaotieManage #agentMain .gaotie-agent-detail .table-wrapper .table th, #gaotieManage #agentMain .gaotie-agent-detail .table-wrapper .table td {
  text-align: center;
  border-left: 1px solid #f8f8f8;
  border-bottom: 1px solid #f8f8f8
}

#gaotieManage #agentMain .gaotie-agent-detail .tips-wraper {
  padding: 15px
}

#gaotieManage #agentMain .gaotie-agent-detail .disableTrip .gt-fz16 {
  color: #8b8b8b
}

#gaotieManage #agentMain .gaotie-agent-detail .disableTrip .shadowcard-wrapper {
  background: #d8d8d8
}

#gaotieManage #agentMain .gaotie-agent-detail .disableTrip .panel-blue {
  background: #8d8d8d;
  color: #fff
}

#gaotieManage #agentMain .gaotie-agent-detail .disableTrip .gt-duration-wraper .gt-duration {
  background: url(clock_gray.png) no-repeat
}

#gaotieManage #agentMain .gaotie-agent-detail .disableTrip .glyphicon, #gaotieManage #agentMain .gaotie-agent-detail .disableTrip .glyphicon:hover {
  background: url(icon-info.pvg) center center no-repeat;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  cursor: default
}

#gaotieManage #agentMain .gaotie-agent-detail .disableTrip a, #gaotieManage #agentMain .gaotie-agent-detail .disableTrip a:hover {
  cursor: default;
  color: #8b8b8b;
  text-decoration: none
}

#gaotieManage #agentMain .gaotie-agent-detail .disableTrip .gt-option-btn a {
  display: block;
  color: #fff;
  padding: 12px 0;
  background-color: #8d8d8d;
  margin-bottom: 5px;
  text-align: center
}

@media(max-width:639px) {
  #gaotieManage #agentMain .gaotie-agent-detail .gt-seg {
    text-align: center;
    margin-bottom: 15px
  }
  #gaotieManage #agentMain .gaotie-agent-detail .gt-seg>div {
    text-align: left
  }
  #gaotieManage #agentMain .gaotie-agent-detail .gt-seg>div:first-child {
    text-align: right
  }
  #gaotieManage #agentMain .gaotie-agent-detail .gt-train-info-mobile {
    margin-bottom: 15px
  }
  #gaotieManage #agentMain .gaotie-agent-detail .gt-train-info-mobile>p {
    width: 30%;
    display: inline-block;
    height: 22px
  }
  #gaotieManage #agentMain .gaotie-agent-detail .gt-option-btn {
    overflow: hidden
  }
  #gaotieManage #agentMain .gaotie-agent-detail .gt-option-btn>p {
    width: 40%;
    margin-left: 20%;
    float: left
  }
  #gaotieManage #agentMain .gaotie-agent-detail .gt-option-btn>p:first-child {
    margin-left: 0
  }
}

#gt-detail-wraper {
  overflow: inherit;
  margin-top: -20px
}

#gt-detail-wraper .mr10 {
  margin-right: 10px
}

#gt-detail-wraper .gt-color-gray {
  color: #828282
}

#gt-detail-wraper .gt-fz16 {
  font-size: 16px;
  font-weight: bold
}

#gt-detail-wraper .gt-detail-title {
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 15px;
  height: 40px;
  line-height: 40px
}

#gt-detail-wraper .gt-seg>div {
  display: inline-block;
  vertical-align: top
}

#gt-detail-wraper .gt-seg div:first-child {
  text-align: right
}

#gt-detail-wraper .gt-seg .gt-duration-wraper {
  position: relative
}

#gt-detail-wraper .gt-seg .gt-duration-wraper .gt-duration {
  position: absolute;
  right: 0;
  top: 0;
  background: url(clock.png) no-repeat left 2px;
  padding-left: 14px
}

#gt-detail-wraper .gt-seg .gt-gaotie {
  margin: 0 30px 0 35px
}

#gt-detail-wraper .gt-duration-wraper {
  position: relative
}

#gt-detail-wraper .gt-duration-wraper .gt-duration {
  position: absolute;
  right: 0;
  top: 0;
  background: url(clock.png) no-repeat left 2px;
  padding-left: 14px
}

#refundTips {
  overflow: inherit
}

#refundTips .gt-refund-txt {
  margin: 0;
  margin-bottom: 10px;
  font-weight: bold
}

#refundTips .gt-refund-btn {
  overflow: hidden
}

#refundTips .gt-refund-btn .btn {
  width: 220px;
  max-width: none
}

#gt-detail-pop.cross {
  right: 17px;
  top: 26px
}

#programme .add, #programme .remove {
  font-size: 20px;
  font-weight: 700
}

#programme .remove {
  top: 30px;
  position: relative
}

#ticketIssuance .ticket-des h3 {
  font-size: 14px;
  font-weight: bold
}

#ticketIssuance .ticket-des ul li:before {
  background: #e4007f;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 5px 15px 0 5px;
  vertical-align: top
}

#ticketIssuance .ticket-des01 {
  padding: 10px 0
}

#ticketIssuance .ticket-des01 .star {
  font-size: 24px;
  position: relative;
  line-height: 0;
  top: 7px;
  color: #e4007f
}

#ticketIssuance .ticket-des01 .pad-left {
  padding-left: 10px
}

#ticketPrint .ticket-invoice {
  font-size: 16px;
  width: 774px;
  height: 369px;
  position: relative;
  background: url("printJP.jpg") no-repeat center;
  font-family: Helvetica, "Microsoft YaHei", "Microsoft JhengHei", 微軟正黑體, "Hiragino Sans GB", Arial, sans-serif;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

#ticketPrint .ticket-invoice .invoice-header {
  font-weight: 700;
  width: 280px;
  line-height: 24px;
  text-align: center;
  position: absolute;
  left: 72px;
  bottom: 250px
}

#ticketPrint .ticket-invoice .no-mu {
  line-height: 24px;
  position: absolute;
  right: 120px;
  top: 65px
}

#ticketPrint .ticket-invoice .ticket-no {
  position: absolute;
  left: 160px;
  bottom: 138px;
  line-height: 23px
}

#ticketPrint .ticket-invoice .ticket-total {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  width: 120px;
  position: absolute;
  left: 366px;
  bottom: 166px
}

#ticketPrint .ticket-invoice .invoice-time {
  position: absolute;
  right: 120px;
  top: 96px
}

#ticketPrint .ticket-invoice .flight-time {
  position: absolute;
  left: 130px;
  bottom: 110px
}

#ticketPrint .ticket-invoice .tax {
  width: 240px;
  position: absolute;
  right: 0;
  top: 178px
}

#ticketPrint .ticket-invoice .tax .ui-input-wrapper .display-label {
  line-height: 20px
}

#ticketPrint .ticket-invoice .tax .ui-input-wrapper .display-label span {
  font-size: 14px
}

#ticketPrint .ticket-invoice .tax p {
  font-size: 12px;
  font-weight: 500;
  padding-right: 2px;
  line-height: 14px
}

#ticketPrint .ticket-invoice .tax span {
  font-size: 16px;
  font-weight: 700
}

.ticketPrint-middle .btnStyle {
  max-width: 520px;
  height: 55px;
  margin: 20px auto
}

.ticketPrint-middle .btnStyle button.btn {
  float: none;
  margin-left: 10%;
  width: 40%
}

.ticketPrint-middle .btnStyle button.btn:first-child {
  margin-left: 0
}

.ticketPrint-middle .ticketprint-wraper {
  width: 794px;
  margin: 30px auto 70px;
  padding: 30px 10px;
  background-color: #fff;
  font-size: 16px;
  line-height: 26px
}

.ticketPrint-middle .ticketprint-wraper .con-tips {
  line-height: 18px;
  font-size: 14px;
  padding: 10px 0 0 20px;
  font-weight: bold
}

.ticketPrint-middle .ticketprint-wraper .ticketprint-tit {
  text-align: center;
  font-size: 24px
}

.ticketPrint-middle .ticketprint-wraper .table-wrap {
  padding-right: 30px;
  position: relative
}

.ticketPrint-middle .ticketprint-wraper .print-tips {
  width: 20px;
  line-height: 14px;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
  font-size: 13px
}

.ticketPrint-middle .ticketprint-wraper .table-bordered>thead>tr>th, .ticketPrint-middle .ticketprint-wraper .table-bordered>thead>tr>td, .ticketPrint-middle .ticketprint-wraper .table-bordered>tbody>tr>th, .ticketPrint-middle .ticketprint-wraper .table-bordered>tbody>tr>td {
  border: 1px solid #222
}

.ticketPrint-middle .ticketprint-wraper table {
  width: 100%;
  border-color: #222;
  vertical-align: middle
}

.ticketPrint-middle .ticketprint-wraper table th {
  height: 36px;
  line-height: 36px;
  background-color: #e3e3e3;
  text-align: center
}

.ticketPrint-middle .ticketprint-wraper table td {
  padding: 2px 5px;
  height: 32px;
  line-height: 32px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle
}

.ticketPrint-middle .ticketprint-wraper table td.bg {
  background-color: #e3e3e3
}

.ticketPrint-middle .ticketprint-wraper .con-txt {
  line-height: 13px;
  font-size: 13px;
  font-weight: bold
}

.ticketPrint-middle .ticketprint-wraper .txt-en {
  font-size: 12px;
  font-weight: normal;
  padding-top: 10px
}

.shadowcard-wrapper {
  background: white;
  box-shadow: none;
  margin-bottom: 0
}

.shadowcard-wrapper h2 {
  font-size: 14px;
  font-weight: bold
}

.shadowcard-wrapper header {
  padding: 10px 15px
}

.shadowcard-wrapper .shadowcard {
  position: relative
}

.shadowcard-wrapper .shadowcard .btn-item {
  position: absolute;
  top: -35px;
  right: 5px
}

.shadowcard-wrapper .shadowcard .btn-item .btn-history {
  padding-right: 5px;
  height: 30px;
  line-height: 3px;
  color: #fff;
  background: 0;
  border: 0
}

.shadowcard-wrapper .shadowcard .table {
  padding: 0 15px 15px;
  margin: 10px 0
}

.shadowcard-wrapper .shadowcard .table .btn {
  margin-top: 15px
}

.shadowcard-wrapper .shadowcard .table .btn-wrapper .btns {
  margin-top: 0;
  height: 35px;
  line-height: 35px;
  width: 100%;
  background-color: #223b61;
  border: 0;
  color: white;
  font-size: 14px;
  padding: 0;
  text-decoration: none
}

.shadowcard-wrapper .shadowcard .table .btn-wrapper .btn-disabled {
  background-color: #d8d8d8;
  color: #8d8d8d
}

.shadowcard-wrapper .shadowcard .table .btn-wrapper .btn-back {
  height: 45px;
  line-height: 45px;
  width: 100%;
  max-width: 90px;
  background-color: #fff;
  border: 2px solid #223b61;
  color: #223b61;
  font-size: 14px;
  padding: 0;
  float: left;
  margin: 15px 0
}

.shadowcard-wrapper .shadowcard .table .btn-wrapper .modal-header {
  display: none;
  position: absolute;
  left: -248px;
  top: -65px;
  min-width: 350px;
  height: auto;
  background: #fff;
  z-index: 100
}

.shadowcard-wrapper .shadowcard .table .btn-wrapper .modal-header .moder-text {
  margin: 1px 0;
  padding: 5px 0;
  border: 1px solid #e4007f;
  background: #e4007f;
  border-radius: 5px;
  width: 100%;
  height: auto;
  white-space: nowrap;
  word-wrap: break-word;
  word-break: break-all
}

.shadowcard-wrapper .shadowcard .table .btn-wrapper .modal-header .moder-text .text-pink {
  color: #fff!important;
  font-size: 12px
}

.shadowcard-wrapper .shadowcard .table .btn-wrapper .modal-header .moder-text .text-pink .supermodal-header-icon {
  width: 26px;
  height: 26px;
  vertical-align: middle;
  display: inline-block
}

.shadowcard-wrapper .shadowcard .table .btn-wrapper:hover .modal-header {
  display: block;
  position: absolute;
  left: -248px;
  top: -65px;
  min-width: 350px;
  background: #fff;
  z-index: 100
}

.shadowcard-wrapper .shadowcard .table .btn-wrapper:hover .modal-header .moder-text {
  margin: 1px 0;
  padding: 5px 0;
  border: 1px solid #e4007f;
  background: #e4007f;
  border-radius: 5px;
  width: 100%;
  height: auto;
  white-space: nowrap;
  word-wrap: break-word;
  word-break: break-all
}

.shadowcard-wrapper .shadowcard .table .btn-wrapper:hover .modal-header .moder-text .text-pink {
  color: #fff!important;
  font-size: 12px
}

.shadowcard-wrapper .shadowcard .table .btn-wrapper:hover .modal-header .moder-text .text-pink .supermodal-header-icon {
  width: 26px;
  height: 26px;
  vertical-align: middle;
  display: inline-block
}

.shadowcard-wrapper .shadowcard .table .ordernumber li span:nth-child(2) {
  font-weight: 700
}

.shadowcard-wrapper .shadowcard .table .ceairForm .ceiarNumberTitle {
  padding: 10px 0;
  font-weight: normal;
  color: #4a4a4a;
  display: block;
  font-size: 12px
}

.shadowcard-wrapper .shadowcard .table .ceairForm .ceiarNumberTitle .ceairNum {
  margin-left: 20px
}

.shadowcard-wrapper .shadowcard .table .flightDetail .detailInfo {
  background: #fff;
  margin: 5px 0;
  text-align: center;
  border: 1px solid #ccc
}

.shadowcard-wrapper .shadowcard table td, .shadowcard-wrapper .shadowcard table th {
  padding: 15px 2px
}

.shadowcard-wrapper .shadowcard table td .fake-th, .shadowcard-wrapper .shadowcard table th .fake-th {
  display: none;
  font-weight: bold
}

.shadowcard-wrapper .shadowcard table td ul li, .shadowcard-wrapper .shadowcard table th ul li {
  margin: 0
}

.shadowcard-wrapper .shadowcard table td ul li a, .shadowcard-wrapper .shadowcard table th ul li a {
  width: 100%
}

.shadowcard-wrapper .shadowcard .tab tr td {
  padding: 10px 0!important;
  border: 1px #f0f0f0 solid
}

.shadowcard-wrapper .shadowcard .tab tr td:first-child {
  text-align: center
}

.shadowcard-wrapper .shadowcard .flight-meal, .shadowcard-wrapper .shadowcard .flight-goods {
  border-left: 4px solid #223b61;
  height: 25px;
  line-height: 25px;
  margin-left: 0;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 600;
  padding-left: 10px
}

.shadowcard-wrapper .shadowcard .col-md-offset-1 {
  margin-left: 10%;
  width: 87%
}

.shadowcard-wrapper .shadowcard>* {
  padding: 15px
}

.shadowcard-wrapper .shadowcard>*.booking-passenger-sub-title {
  padding-bottom: 0
}

.shadowcard-wrapper .shadowcard>*.booking-passenger-sub-title .attention-title::before {
  background: #e4007f;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 8px 15px 0 5px;
  vertical-align: top
}

.shadowcard-wrapper .ui-radio-wrapper {
  margin-right: 25px
}

@media(max-width:639px) {
  .shadowcard-wrapper {
    margin: 0 25px 30px 15px
  }
  .shadowcard-wrapper .shadowcard>* {
    padding: 15px 15px 10px 15px;
    font-size: 12px
  }
  .shadowcard-wrapper .shadowcard>* table.table-custom thead {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
  }
  .shadowcard-wrapper .shadowcard>* table.table-custom tbody tr {
    border: 0
  }
  .shadowcard-wrapper .shadowcard>* table.table-custom td {
    display: block;
    padding: 0 10px;
    border: 0;
    width: 100%
  }
  .shadowcard-wrapper .shadowcard>* table.table-custom td span, .shadowcard-wrapper .shadowcard>* table.table-custom td .fake-th {
    display: inline-block
  }
  .shadowcard-wrapper .shadowcard .order-filter-form {
    padding: 0
  }
  .shadowcard-wrapper .shadowcard .order-filter-form .ui-select-wrapper {
    padding-right: 0
  }
  .shadowcard-wrapper .shadowcard .table {
    padding: 0;
    margin: 15px 0
  }
  .shadowcard-wrapper .shadowcard .table .btn-third {
    width: 100%;
    margin: 20px 0 0;
    font-size: 14px
  }
}

.shadowcard-wrapper.shadowcard-expandable>header {
  cursor: pointer
}

.shadowcard-wrapper.shadowcard-expandable .expand-icon {
  float: right;
  cursor: pointer;
  display: block;
  width: 20px;
  height: 19px;
  background: url(arrow-down-white.pvg) center right no-repeat;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: -webkit-transform .5s ease 0s;
  transition: transform .5s ease 0s;
  transition: transform .5s ease 0s, -webkit-transform .5s ease 0s
}

.shadowcard-wrapper.shadowcard-expanded .expand-icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

@media(min-width:992px) {
  .col-md-9 .shadowcard-wrapper {
    margin-right: 30px
  }
}

.hide-card .shadowcard-wrapper .shadowcard>* {
  padding: 0 15px
}

.text-bold {
  font-weight: bold
}

#flightDetail {
  font-size: 14px;
  color: #4a4a4a
}

#flightDetail .shadowcard-wrapper .shadowcard>* {
  padding: 0
}

#flightDetail .order {
  margin-right: 15px
}

#flightDetail .high-light {
  font-size: 24px;
  font-weight: bolder
}

@media(max-width:639px) {
  #flightDetail .high-light {
    font-size: 14px
  }
}

#flightDetail .show-mobile {
  display: none
}

#flightDetail .table-wrapper {
  margin: 15px 0
}

#flightDetail .table {
  width: 100%
}

#flightDetail .table caption {
  font-size: 25px;
  margin-bottom: 10px;
  color: black
}

#flightDetail .table thead tr {
  border-top: 3px solid #223b61;
  border-bottom: 2px solid #d8d8d8
}

#flightDetail .table tbody tr:last-of-type {
  border-bottom: 1px solid #979797
}

#flightDetail .table tbody tr:nth-of-type(even) {
  background-color: #f8f8f8
}

#flightDetail .table td, #flightDetail .table th {
  width: 1%;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  padding: 9px 0;
  border-top: 0;
  border-left: 1px solid #d8d8d8
}

#flightDetail .table td:first-child, #flightDetail .table th:first-child {
  border-left: none
}

#flightDetail .table .fake-head {
  display: none;
  position: absolute;
  left: 0;
  font-weight: bold
}

#flightDetail .table th {
  border-bottom: 3px solid #d8d8d8;
  font-weight: bold
}

#flightDetail .table-cell-width th, #flightDetail .table-cell-width td {
  width: auto
}

#flightDetail .order-reference {
  padding: 10px 15px;
  background: white
}

#flightDetail .order-reference p {
  display: inline-block
}

#flightDetail .order-reference p span {
  margin-right: 29px
}

#flightDetail .order-reference p:last-of-type {
  float: right
}

#flightDetail .order-notification li {
  margin: 10px 0;
  padding: 15px 15px 15px 40px;
  border: 1px solid #e4007f;
  background: url(icon-label-info.pvg) no-repeat;
  background-size: 15px 15px;
  background-position: 15px 16px;
  background-color: white
}

#flightDetail .order-notification li a {
  color: #223b61;
  margin-left: 5px
}

#flightDetail .trip-leg {
  padding: 0;
  font-size: 12px
}

#flightDetail .trip-leg .leg-itinerary {
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 3px solid #d8d8d8
}

#flightDetail .trip-leg li {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8
}

#flightDetail .trip-leg li>div {
  padding: 15px
}

#flightDetail .trip-leg li .leg-head .leg-flight-no>* {
  display: inline-block;
  vertical-align: middle
}

#flightDetail .trip-leg li .leg-head .leg-flight-no img {
  margin-left: 8px
}

#flightDetail .trip-leg li .leg-info {
  min-height: 138px;
  border-left: 1px solid #d8d8d8
}

#flightDetail .trip-leg li .leg-plane:before {
  content: "";
  width: 100%;
  height: 18px;
  background: url(status_plane.pvg) no-repeat;
  background-size: contain;
  display: block;
  margin-top: 20px
}

#flightDetail .trip-leg .text-bold {
  font-weight: bold
}

#flightDetail .trip-leg .text-highlight {
  font-size: 14px;
  font-weight: bold
}

#flightDetail .trip-leg .text-highlight .font-normal {
  font-weight: normal;
  font-size: 12px
}

#flightDetail .trip-leg .text-margin-top {
  margin-top: 10px
}

#flightDetail .trip-leg .text-width {
  max-width: 130px;
  font-weight: lighter
}

#flightDetail .trip-leg .text-red {
  color: #e4007f
}

#flightDetail .leg-passenger {
  border-top: 1px solid #d8d8d8;
  padding: 10px 15px
}

#flightDetail .tab-card {
  background: #d8d8d8;
  margin: 30px 0;
  border-top: 1px solid #d8d8d8
}

#flightDetail .tab-card .tab-card-head li {
  background: #223b61;
  color: white;
  padding: 10px 0 10px 15px;
  cursor: pointer
}

#flightDetail .tab-card .tab-card-head li.selected {
  font-weight: bold;
  background: white;
  color: #4a4a4a
}

#flightDetail .tab-card>div {
  background: white;
  padding: 15px
}

#flightDetail .order-summary-contact {
  position: relative
}

#flightDetail .order-summary-contact .contact-info {
  font-size: 12px;
  margin-top: 10px;
  line-height: 18px
}

#flightDetail .order-summary-contact .contact-info>div:last-of-type {
  border-left: 1px solid #d8d8d8;
  padding-left: 15px
}

#flightDetail .passenger-item>div:first-child {
  padding-bottom: 20px;
  position: relative
}

#flightDetail .passenger-item>div:first-child a {
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 2px
}

#flightDetail .passenger-item>div:last-child {
  font-size: 12px;
  padding-bottom: 20px
}

#flightDetail .passenger-item>div:last-child>div {
  border-left: 1px solid #d8d8d8;
  padding-left: 15px
}

#flightDetail .summary-price {
  background: white;
  padding: 15px 0
}

#flightDetail .summary-price .price-total {
  padding: 0 15px 10px 15px;
  padding-bottom: 10px
}

#flightDetail .summary-price .price-total>span {
  display: inline-block;
  vertical-align: top
}

#flightDetail .summary-price .price-total>span:first-of-type {
  margin-right: 15px
}

#flightDetail .summary-price .price-detail-link {
  border-top: 1px solid #d8d8d8;
  padding: 10px 15px 10px 15px
}

#flightDetail .summary-price .price-detail-link a {
  display: block;
  position: relative
}

#flightDetail .summary-price .price-detail-link a:after {
  position: absolute;
  right: 0;
  top: 6px
}

#flightDetail .summary-price .price-detail {
  padding: 0 15px;
  max-height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all .5s linear 0s;
  overflow: hidden
}

#flightDetail .summary-price .price-detail.show-detail {
  padding: 0 15px;
  max-height: 450px;
  opacity: 1;
  filter: alpha(opacity=100)
}

#flightDetail .summary-price .price-head {
  padding: 0
}

#flightDetail .summary-price .price-head p {
  display: inline-block
}

#flightDetail .summary-price .price-head span {
  margin-right: 15px
}

#flightDetail .summary-price .table {
  margin: 0;
  width: 100%
}

#flightDetail .summary-price .text-hightlight {
  font-weight: bold;
  font-size: 24px;
  line-height: 25px
}

@media(max-width:991px) {
  #flightDetail .order {
    margin: 5px 0
  }
}

@media(max-width:639px) {
  #flightDetail .show-mobile {
    display: inherit
  }
  #flightDetail .hide-mobile {
    display: none
  }
  #flightDetail .text-thin-mobile {
    font-weight: normal
  }
  #flightDetail .text-bold-mobile {
    font-weight: bold
  }
  #flightDetail .table-wrapper {
    overflow-x: auto
  }
  #flightDetail .table thead {
    position: initial;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clip: initial;
    border: 0
  }
  #flightDetail .table tbody tr {
    border: 0
  }
  #flightDetail .table td {
    display: table-cell;
    padding: 9px 0;
    border-left: 1px solid #d8d8d8;
    width: 1%
  }
  #flightDetail .order-reference {
    margin: 0 5px
  }
  #flightDetail .order-reference p {
    display: block
  }
  #flightDetail .order-reference p span {
    float: right;
    margin-right: 0
  }
  #flightDetail .order-reference p:last-of-type {
    float: none;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #d8d8d8
  }
  #flightDetail .order-notification {
    margin: 0 5px
  }
  #flightDetail .tab-card {
    margin: 5px 0
  }
  #flightDetail .tab-card>div {
    margin: 0 5px;
    padding: 15px 10px
  }
  #flightDetail .trip-leg li>div {
    padding: 0
  }
  #flightDetail .trip-leg li .leg-head {
    text-align: center;
    padding: 10px 0
  }
  #flightDetail .trip-leg li .leg-info {
    text-align: center;
    border-left: none;
    min-height: 0;
    padding: 10px 0
  }
  #flightDetail .trip-leg li .leg-info div p {
    max-width: initial
  }
  #flightDetail .trip-leg li .leg-info div .text-margin-top {
    margin-top: 10px
  }
  #flightDetail .trip-leg li .leg-info div:nth-of-type(4) {
    border-top: 1px solid #d8d8d8;
    margin-top: 10px
  }
  #flightDetail .trip-leg li .leg-plane:before {
    margin-top: 10px;
    background-position: center
  }
  #flightDetail .leg-passenger {
    border-top: 2px solid #223b61;
    padding: 0
  }
  #flightDetail .leg-passenger .table-wrapper {
    max-height: 0;
    margin: 0;
    overflow-y: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .5s linear 0s
  }
  #flightDetail .leg-passenger .table-wrapper .table {
    margin: 0
  }
  #flightDetail .leg-passenger .btn-link-wrapper {
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
    padding-left: 30px;
    display: block
  }
  #flightDetail .leg-passenger .show-table td {
    height: 33px;
    padding: 10px 0 5px 0;
    border-bottom-width: 1px;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  #flightDetail .leg-passenger .show-table td:first-of-type {
    height: 36px;
    border-bottom-width: 2px
  }
  #flightDetail .show-passenger .table-wrapper {
    margin: 15px 0;
    max-height: 250px;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  #flightDetail .order-summary-contact .contact-info div:last-of-type {
    padding-left: 0;
    border-left: none
  }
  #flightDetail .order-summary-contact .contact-link {
    padding-top: 10px;
    text-align: left
  }
  #flightDetail .passenger-item>div:first-child {
    padding-bottom: 10px
  }
  #flightDetail .passenger-item>div:last-child {
    padding-bottom: 10px
  }
  #flightDetail .passenger-item>div:last-child p {
    display: inline-block
  }
  #flightDetail .passenger-item>div:last-child div {
    margin: 10px 0
  }
  #flightDetail .passenger-item>div:last-child div>p:last-of-type {
    float: right
  }
  #flightDetail .summary-price {
    margin: 0 5px
  }
  #flightDetail .summary-price .price-head {
    padding-top: 10px;
    border-top: 1px solid #d8d8d8
  }
  #flightDetail .summary-price .price-head p {
    display: block
  }
  #flightDetail .summary-price .price-detail-link {
    border-top: 2px solid #223b61;
    text-align: center;
    padding: 15px
  }
  #flightDetail .summary-price .price-detail-link a {
    display: inline-block
  }
  #flightDetail .summary-price .price-detail-link a:after {
    position: static
  }
  #flightDetail .summary-price .table {
    min-width: 640px
  }
}

#flightDetail .gray .shadowcard-wrapper {
  background-color: #e3e3e3
}

#flightDetail .gray .shadowcard-wrapper .panel-blue {
  background-color: #aeadad
}

#flightDetail .gray .table tbody tr:nth-of-type(even) {
  background-color: #ededed
}

#flightDetail .gray .Policies li:before {
  background: #aeadad
}

.btn-wrapper-leftright {
  margin: 40px 0
}

@media(max-width:991px) {
  .btn-wrapper-leftright {
    margin: 0 5px;
    background-color: #fff;
    padding: 10px
  }
  .btn-wrapper-leftright .btn {
    max-width: 45%
  }
}

.btn-wrapper-leftright .btn-second {
  float: right
}

.btn-wrapper-leftright .orderTimerPad {
  padding-top: 10px
}

.order-fare .order-fare-head {
  background: #223b61;
  color: white;
  padding-top: 10px
}

.order-fare .order-fare-head h3 {
  font-size: 14px;
  font-weight: normal
}

.order-fare>.row {
  padding: 15px;
  border-bottom: 1px solid #d8d8d8
}

.order-fare .fare-title {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: bold
}

.order-fare .fare-details li {
  position: relative;
  padding-left: 12px;
  margin-bottom: 10px;
  padding-right: 20px;
  font-weight: lighter
}

@media(min-width:992px) {
  .order-fare .fare-details li {
    min-height: 60px
  }
}

.order-fare .fare-details li:before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 5px;
  left: 0;
  background: #e4007f
}

.order-fare .fare-details li:last-child {
  min-height: auto
}

@media(max-width:639px) {
  .order-fare>.row {
    padding: 15px 5px
  }
}

.order-fare-head {
  padding-left: 30px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: bold
}

@media(min-width:640px) {
  .order-next-flight .order-fare-head {
    position: relative
  }
  .order-next-flight .order-fare-head:before {
    display: block;
    content: '';
    background: #223b61;
    width: 30px;
    height: 8px;
    position: absolute;
    left: -10px;
    top: 34px
  }
}

@media(max-width:639px) {
  .order-next-flight .Arrival span:last-child, .order-next-flight .Departure span:last-child, .order-last-fligt .Arrival span:last-child, .order-last-fligt .Departure span:last-child {
    display: block
  }
}

.order-activities {
  padding: 0!important
}

.order-activities .activitiy-item>.row {
  position: relative;
  border-top: 1px solid #d8d8d8;
  padding: 15px 15px 15px 30px
}

.order-activities .activitiy-item>.row.activity-detail {
  line-height: 0;
  padding: 0 15px 0 30px;
  border-top-width: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all .5s ease 0s;
  overflow: hidden;
  background: #f8f8f8
}

.order-activities .activitiy-item>.row.show-detail {
  padding: 15px 15px 15px 30px;
  border-top-width: 1px;
  opacity: 1;
  filter: alpha(opacity=100);
  line-height: 20px
}

.order-activities .activitiy-item .floatright {
  margin-bottom: -10px;
  margin-top: 5px
}

@media(max-width:639px) {
  .order-activities .activitiy-item>.row {
    padding: 15px 15px 15px 15px
  }
  .order-activities .activitiy-item .col-xs-12 span {
    display: block
  }
  .order-activities .activitiy-item .col-md-1 span {
    float: right
  }
}

@media(min-width:992px) {
  .float-right-desktop {
    float: right
  }
}

.action-bar {
  font-size: 14px;
  color: #4a4a4a;
  background: white;
  padding: 15px
}

.action-bar h2 {
  font-size: 24px
}

.action-bar .action-list {
  margin: 10px -4px 0 -4px
}

.action-bar .action-list li {
  display: inline-block;
  width: 50%;
  padding: 4px
}

.action-bar .action-list li a {
  display: block;
  color: white;
  padding: 0 10px;
  background-color: #223b61
}

.action-bar .action-list li a span {
  padding: 12px 0;
  display: block;
  background-position: right center;
  background-repeat: no-repeat
}

.action-bar .action-list li a.disable {
  background-color: #e3e3e3;
  color: #aeadad
}

.action-bar .action-list li a.disable:hover {
  cursor: not-allowed
}

.action-bar .action-list li .action-checkin span {
  background-image: url(action-checkin.pvg)
}

.action-bar .action-list li .action-checkin.disable span {
  background-image: url(action-checkin-disable.pvg)
}

.action-bar .action-list li .action-refund span {
  background-image: url(action-refund.pvg)
}

.action-bar .action-list li .action-refund.disable span {
  background-image: url(action-refund-disable.pvg)
}

.action-bar .action-list li .action-date span {
  background-image: url(action-date.pvg)
}

.action-bar .action-list li .action-date.disable span {
  background-image: url(action-date-disable.pvg)
}

.action-bar .action-list li .action-seat span {
  background-image: url(action-seat.pvg)
}

.action-bar .action-list li .action-seat.disable span {
  background-image: url(action-seat-disable.pvg)
}

.action-bar .action-list li .action-wifi span {
  background-image: url(action-wifi.pvg)
}

.action-bar .action-list li .action-wifi.disable span {
  background-image: url(action-wifi-disable.pvg)
}

.action-bar .action-list li .action-baggage span {
  background-image: url(extrabaggage_white.pvg)
}

.action-bar .action-list li .action-baggage.disable span {
  background-image: url(extrabaggage_disable.pvg)
}

.action-bar .action-list li .action-print span {
  background-image: url(action-print.png)
}

.action-bar .action-list li .action-print.disable span {
  background-image: url(action-print-disable.png)
}

.action-bar .more-action-list {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #d8d8d8
}

@media(max-width:639px) {
  .action-bar {
    margin: 5px
  }
  .action-bar .action-list {
    text-align: center
  }
  .action-bar .action-list li {
    width: 33.33333%
  }
  .action-bar .action-list li a {
    padding: 10px 0
  }
  .action-bar .action-list li a span {
    padding: 25px 0 0 0;
    background-position: center top
  }
}

@media(min-width:992px) {
  .action-bar-scroll {
    width: 33.33333%;
    padding-right: 10px;
    position: fixed;
    top: 0;
    right: 5px
  }
}

@media(min-width:1200px) {
  .action-bar-scroll {
    position: static
  }
  .action-bar-scroll .action-bar {
    position: fixed;
    top: 0;
    z-index: 2;
    width: 369.98px
  }
}

@media(min-width:1300px) {
  .action-bar-scroll .action-bar {
    width: 389.98px
  }
}

@media(min-width:992px) {
  .action-bar-bottom {
    position: absolute;
    bottom: 0;
    right: 5px;
    padding-right: 10px
  }
}

.position-relative {
  position: relative
}

.information {
  font-size: 12px;
  margin-top: 10px;
  line-height: 18px
}

.information>div {
  border-right: 1px solid #d8d8d8;
  padding-right: 16px;
  padding-left: 16px
}

.information>div:last-child {
  border-right: 0
}

@media(max-width:639px) {
  .information .col-md-4 {
    border: 0
  }
  .information .col-md-4 p {
    display: inline-block
  }
  .information .col-md-4 .text-bold {
    float: right
  }
}

.order-fare .disability {
  border-bottom: 0;
  border-top: 1px solid #d8d8d8
}

.service-title {
  font-weight: bold
}

.shadowcard .information {
  padding-left: 0
}

.order-fare .disability, .order-fare .appliedservices {
  padding-left: 0
}

@media(max-width:639px) {
  #orderDetail .order-notification li {
    margin: 5px 0
  }
}

#servicedetail {
  padding-right: 15px
}

@media(max-width:639px) {
  #servicedetail {
    padding-right: 0
  }
}

@media(max-width:639px) {
  #servicedetail .shadowcard {
    padding-bottom: 10px
  }
}

#servicedetail .shadowcard .information, #servicedetail .shadowcard .order-fare {
  padding-top: 0
}

.codeImg .col-sm-2 .inline-block img, .codeImg .col-sm-3 .inline-block img {
  width: 100%
}

#actionBar .point {
  padding: 10px 15px;
  background: #223b61;
  color: #f8f8f8;
  font-size: 14px
}

#flightBatch .modify-item .flihgt-info, #flightBatch .modify-item .m-flight-info, #flightBatch .modify-item .m-passenger {
  border-bottom: 1px solid #d8d8d8
}

#flightBatch .modify-item .flihgt-info .trnModifyTip, #flightBatch .modify-item .m-flight-info .trnModifyTip, #flightBatch .modify-item .m-passenger .trnModifyTip {
  padding: 10px
}

#flightBatch .modify-item .m-flight-info {
  padding: 10px 0
}

#flightBatch .modify-item p.m-border-right {
  border-right: 1px solid #d8d8d8
}

#flightBatch .modify-item p.m-border-right strong {
  font-size: 14px;
  line-height: 18px
}

#flightBatch .modify-item .m-time {
  line-height: 20px;
  min-height: 20px
}

#flightBatch .modify-item .m-code {
  min-height: 40px
}

#flightBatch .modify-item .m-code strong {
  font-size: 16px
}

#flightBatch .modify-item .m-name {
  line-height: 20px;
  min-height: 40px
}

#flightBatch .modify-item .m-passenger {
  padding: 10px 0
}

#flightBatch .modify-item .m-passenger .m-passenger-name {
  padding-left: 20px;
  line-height: 88px;
  font-size: 14px;
  background: url("/public/system/assets/images/m_user.png") no-repeat 0 center
}

#flightBatch .modify-item .m-passenger .m-passenger-name span {
  padding-left: 20px
}

#flightBatch .modify-item .m-passenger .m-passenger-change {
  background-color: #e3e3e3;
  color: #aeadad
}

#flightBatch .modify-item .m-status {
  line-height: 88px
}

#flightBatch .modify-item .m-btn-search {
  position: absolute;
  right: 30px
}

#flightBatch #vip-passenger .m-passenger-name {
  padding-top: 10px
}

#flightBatch #vip-passenger .m-passenger-name>div {
  line-height: 30px
}

#myorder .ordernumber {
  margin-bottom: 10px
}

#myorder .table {
  background-color: #fff;
  padding: 15px
}

#myorder .table table tr:first-child {
  border-top: 3px solid #223b61
}

#myorder .table table td {
  padding: 15px;
  text-align: left
}

#myorder .table table td:first-child {
  font-weight: bold
}

#myorder .table table tr:last-child td {
  background-color: #fff!important;
  text-align: right;
  font-weight: normal
}

#myorder .order-table-detail {
  white-space: nowrap
}

#myorder .order-table-detail>div {
  padding-right: 125px;
  position: relative
}

#myorder .order-table-detail em {
  font-style: normal
}

#myorder .order-table-detail .paxNum {
  position: absolute;
  height: 24px;
  right: 0;
  top: 50%;
  margin-top: -12px
}

#myorder .order-table-detail .ml10 {
  margin-left: 10px
}

#myorder .order-table-detail.order-table-detail-flight {
  position: relative;
  padding-right: 125px
}

#myorder .order-table-detail.order-table-detail-flight>div {
  padding-right: 0;
  position: static
}

#myorder .order-total {
  overflow: hidden
}

#myorder .order-total dl {
  float: left
}

#myorder .order-total dt {
  float: left;
  font-weight: bold
}

#myorder .order-total dt.pt3 {
  padding-top: 3px
}

#myorder .order-total dd {
  float: left;
  margin-right: 10px
}

#myorder .original-price {
  text-decoration: line-through;
  color: #8d8d8d
}

#myorder .points {
  font-size: 14px
}

#myorder .points em {
  font-style: normal;
  vertical-align: super;
  font-size: 12px
}

#myorder .promoCode {
  font-size: 12px
}

#myorder .promoCode b {
  text-transform: uppercase
}

#myorder .order-btn {
  padding-top: 15px;
  overflow: hidden;
  position: relative
}

#myorder .order-btn .btn {
  max-width: 160px
}

#myorder .order-btn .orderTimerPad {
  padding-top: 10px;
  font-size: 16px
}

#myorder .order-btn .myorderCancel {
  position: absolute;
  right: 170px;
  top: 15px
}

#pay-detail .pay-detail-tit {
  padding: 0;
  padding-top: 20px;
  font-weight: bold
}

#pay-detail .table {
  width: 100%
}

#pay-detail .table caption {
  font-size: 25px;
  margin-bottom: 10px;
  color: black
}

#pay-detail .table thead tr {
  border-top: 3px solid #223b61;
  border-bottom: 2px solid #d8d8d8
}

#pay-detail .table tbody tr:last-of-type {
  border-bottom: 1px solid #979797
}

#pay-detail .table tbody tr:nth-of-type(even) {
  background-color: #f8f8f8
}

#pay-detail .table td, #pay-detail .table th {
  width: 1%;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  padding: 9px 0;
  border-top: 0;
  border-left: 1px solid #d8d8d8
}

#pay-detail .table td:first-child, #pay-detail .table th:first-child {
  border-left: none
}

#pay-detail .table .fake-head {
  display: none;
  position: absolute;
  left: 0;
  font-weight: bold
}

#pay-detail .table th {
  border-bottom: 3px solid #d8d8d8;
  font-weight: bold
}

#cardcoupons .text-clip {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: break-word;
  display: block
}

#cardcoupons .titile-margin {
  margin-top: 22px
}

#cardcoupons .titile-margin10 {
  margin-top: 10px;
  font-weight: bold
}

#cardcoupons .titile-margin20 {
  margin-top: 20px;
  font-weight: bold
}

#cardcoupons .useNo {
  font-weight: normal;
  font-size: 12px
}

#cardcoupons .ticketClip {
  margin-top: 20px;
  height: 50px
}

#cardcoupons .ticketName {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  white-space: normal
}

#cardcoupons .split-line {
  position: relative;
  margin: 0 6px;
  height: 70px;
  border-bottom: 1px dashed #fff
}

#cardcoupons .whiteGlo-dBox {
  margin-top: 25px
}

#cardcoupons .usedBtn {
  height: 55px;
  line-height: 55px;
  width: 100%;
  max-width: 260px;
  border-color: #223b61;
  color: #223b61;
  background-color: #fff;
  font-size: 14px;
  padding: 0;
  text-decoration: none
}

#cardcoupons .usedBackgroundColor {
  background-color: #e7e7e7;
  color: #8d8d8d
}

#cardcoupons .aLine {
  text-decoration: underline
}

#cardcoupons .couponsBtn {
  margin-top: 24px!important
}

#cardcoupons #coupons-select {
  width: calc(100%+30px);
  margin-left: -15px
}

#cardcoupons #coupons-select .ui-select-wrapper .display-label {
  float: left
}

#cardcoupons #coupons-select .ui-select-wrapper .ui-select-box {
  float: right;
  width: 180px;
  height: 40px
}

#cardcoupons #coupons-select .ui-select-wrapper .ui-select-box .ui-select {
  background-color: #162844;
  height: 35px;
  margin-top: 3px;
  color: white;
  font-size: 14px;
  border: none!important
}

#cardcoupons .coupons-card {
  margin: 6px;
  border: 1px solid #ccc;
  border-top: 0;
  box-shadow: 0 1px 1px #ccc
}

#cardcoupons .coupon-line {
  height: 10px;
  background: #ccc;
  opacity: .5;
  width: calc(100% - 13px);
  position: absolute
}

#cardcoupons .coupon-content {
  line-height: 30px;
  min-height: 130px;
  padding: 6px
}

#cardcoupons .coupon-content>.row {
  position: relative
}

#cardcoupons .coupon-content .col-sm-8>p {
  line-height: 20px
}

#cardcoupons .coupon-content .coupon-btn {
  position: absolute;
  text-align: right;
  bottom: 0;
  right: 0
}

#cardcoupons .backgroundRed {
  background-color: #e45257;
  color: #fff
}

#cardcoupons .backgroundBlue {
  background-color: #2a5390;
  color: #fff
}

#cardcoupons .backgroundGrey {
  background-color: #e7e7e7
}

#cardcoupons .backgroundGreen {
  background-color: #77b95e;
  color: #fff
}

#cardcoupons .borderRed {
  border: 1px solid #e45257;
  border-top: 0
}

#cardcoupons .borderBlue {
  border: 1px solid #2a5390;
  border-top: 0
}

#cardcoupons .borderGrey {
  border: 1px solid #e7e7e7;
  border-top: 0
}

#cardcoupons .borderGreen {
  border: 1px solid #77b95e;
  border-top: 0
}

#cardcoupons .coupon-title {
  height: 70px;
  font-size: 16px;
  font-weight: 900
}

#cardcoupons .coupon-title .sanjiao-left {
  position: absolute;
  left: -10px;
  bottom: -4px;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-radius: 100%;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

#cardcoupons .coupon-title .sanjiao-right {
  position: absolute;
  right: -10px;
  bottom: -4px;
  display: block;
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-radius: 100%;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

#cardcoupons .coupon-title .coupon-sub {
  text-align: right;
  line-height: 20px
}

#cardcoupons .coupon-title .coupon-sub i {
  font-size: 12px;
  font-weight: 500
}

#cardcoupons .colorsBlue {
  background-color: #2b5390;
  color: #fff
}

#cardcoupons .colorsGrey {
  background-color: #ccc;
  color: #333
}

#cardcoupons .whiteGlod {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  background-image: url(whiteGold.pvg);
  background-size: 100% 100%;
  vertical-align: middle
}

#cardcoupons .hotel {
  display: inline-block;
  margin-left: 5px;
  width: 20px;
  height: 20px;
  background-image: url(hotel.pvg);
  background-size: 100% 100%;
  vertical-align: middle
}

#cardcoupons .flight {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(flight.pvg);
  background-size: 100% 100%;
  vertical-align: middle
}

#cardcoupons .medical {
  margin-left: 5px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(medical.pvg);
  background-size: 100% 100%;
  vertical-align: middle
}

#cardcoupons .coupon-number {
  padding-top: 15px;
  font-weight: 700;
  line-height: 30px
}

#cardcoupons .coupon-disable {
  cursor: not-allowed
}

#cardcoupons .coupon-disable:after {
  content: '';
  position: absolute;
  z-index: 1;
  opacity: .6;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

#cardcoupons .coupon-disable .look-card {
  position: relative;
  z-index: 2
}

.points-calculator .contents .left {
  padding-right: 10px;
  border-right: 1px solid #d8d8d8
}

.points-calculator .contents .right {
  padding: 8px 0 8px 20px
}

.points-calculator .contents .result dt {
  font-weight: bold;
  padding-bottom: 5px
}

.points-calculator .contents .result dd em {
  color: #e4007f;
  font-weight: bold
}

.points-calculator .contents .result .btn-goto-book {
  line-height: 16px;
  width: auto;
  padding: 5px;
  white-space: pre-line;
  height: auto
}

.points-calculator .contents .notice {
  margin-top: 20px
}

.points-calculator .contents .notice dt {
  font-weight: bold;
  padding-bottom: 5px
}

@media(max-width:639px) {
  .points-calculator .contents .left {
    padding-right: 0;
    padding-bottom: 10px;
    margin-bottom: 18px;
    border-right: 0;
    border-bottom: 1px solid #d8d8d8
  }
  .points-calculator .contents .right {
    padding-left: 0
  }
}

@media(max-width:1024px) {
  #home-guidePage .slider {
    display: none
  }
}

#home-guidePage .slider {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  font-family: "宋体"
}

#home-guidePage .slider .slidershade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: .5;
  filter: alpha(opacity=50)
}

#home-guidePage .slider>ul {
  height: auto;
  overflow: hidden;
  position: relative;
  left: 0;
  transition: left 1s
}

#home-guidePage .slider .slider-item {
  height: auto;
  float: left;
  position: relative
}

#home-guidePage .slider .slider-item>img {
  display: block;
  height: auto;
  width: 100%
}

#home-guidePage .slider .slider-item:after {
  content: "";
  display: table;
  clear: both
}

#home-guidePage .slider .slider-item>.lastCount {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 30%
}

#home-guidePage .slider .slider-item>.lastCount a {
  display: inline-block;
  padding: 10px 30px;
  margin: 0 20px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  border: 3px solid #fff;
  border-radius: 3px;
  color: #fff;
  text-decoration: none
}

#home-guidePage .slider .slider-item>.lastCount .start {
  background: rgba(255, 255, 255, 0.2)
}

#home-guidePage .slider .slider-item>.lastCount .start:hover {
  background: rgba(255, 255, 255, 0.7)
}

#home-guidePage .slider .slider-item>.lastCount .register {
  background: rgba(230, 41, 127, 0.2)
}

#home-guidePage .slider .slider-item>.lastCount .register:hover {
  background: rgba(230, 41, 127, 0.7)
}

#home-guidePage .slider .slider-arrow {
  display: inline-block;
  color: #fff;
  font-size: 50px;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  z-index: 100;
  padding: 20px;
  cursor: pointer;
  font-weight: bold
}

#home-guidePage .slider .slider-arrow:hover {
  background-color: #000;
  opacity: .2;
  filter: alpha(opacity=20)
}

#home-guidePage .slider .slider-arrow.slider-arrow-right {
  right: 0
}

#home-guidePage .slider .slider-arrow.slider-arrow-left {
  left: 0
}

#home-guidePage .slider .slider-dots-wrap {
  z-index: 99;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 40px
}

#home-guidePage .slider .slider-dots-wrap .slider-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #e6297f;
  margin: 7px;
  cursor: pointer;
  border-radius: 50%;
  text-indent: -9999999px
}

#home-guidePage .slider .slider-dots-wrap .slider-dot:hover {
  border-color: #fd0174;
  background: #fd0174
}

#home-guidePage .slider .slider-dots-wrap .slider-dot.slider-dot-selected {
  width: 16px;
  height: 16px;
  color: #fff;
  text-indent: 0;
  line-height: 14px;
  position: relative;
  top: -5px
}

#home-guidePage .slider .closeBtn {
  cursor: pointer;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 100px;
  top: 60px;
  z-index: 999;
  border-radius: 50%;
  background: #fff url("guide/close.png") no-repeat;
  opacity: .5;
  filter: alpha(opacity=50)
}

#home-guidePage .slider .closeBtn:hover {
  opacity: 1;
  filter: alpha(opacity=100)
}

#upgradeClass .shadowcard-wrapper .shadowcard {
  margin: 0!important
}

#upgradeClass .cmsContent.errorMsg {
  margin: 15px 0;
  padding: 0
}

#upgradeClass .cmsContent.errorMsg .normalTip {
  background-position: 20px 20px
}

#upgradeClass .cmsContent.errorMsg .normalTip h1 {
  font-size: 24px;
  margin: 0
}

#upgradeClass .useCard .col-xs-2 {
  line-height: 90px;
  text-align: center
}

#upgradeClass .upgradeClass-flightList {
  padding: 0
}

#upgradeClass .upgradeClass-flightList li {
  width: 100%;
  border-top: 8px solid #223b61;
  border-bottom: 15px solid #f8f8f8;
  padding: 20px 15px 5px
}

#upgradeClass .upgradeClass-flightList li.selected {
  border-top-color: #e4007f
}

#upgradeClass .upgradeClass-flightList li .flightInfo .flightNo {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px
}

#upgradeClass .upgradeClass-flightList li .flightInfo .flightNo img {
  margin-left: 5px
}

#upgradeClass .upgradeClass-flightList li .flightInfo .isShared {
  visibility: hidden
}

#upgradeClass .upgradeClass-flightList li .flightInfo .departureDate b {
  display: block
}

@media(max-width:991px) {
  #upgradeClass .upgradeClass-flightList li .flightInfo {
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #4a4a4a
  }
  #upgradeClass .upgradeClass-flightList li .flightInfo .isShared {
    display: none
  }
}

#upgradeClass .upgradeClass-flightList li .flightDetail>div {
  padding: 20px 0;
  border-left: 1px solid #d8d8d8
}

@media(max-width:991px) {
  #upgradeClass .upgradeClass-flightList li .flightDetail>div {
    border-left: none
  }
  #upgradeClass .upgradeClass-flightList li .flightDetail>div>div {
    text-align: center!important
  }
}

#upgradeClass .upgradeClass-flightList li .flightDetail .flightDepartDetail {
  text-align: right;
  padding-left: 5px
}

#upgradeClass .upgradeClass-flightList li .flightDetail .flightIcon {
  text-align: center;
  padding: 15px 0
}

@media(max-width:991px) {
  #upgradeClass .upgradeClass-flightList li .flightDetail .flightIcon {
    margin: 10px 0
  }
}

#upgradeClass .upgradeClass-flightList li .flightDetail .flightArriveDetail {
  padding-right: 5px
}

#upgradeClass .upgradeClass-flightList li .flightDetail .flightTime {
  font-size: 16px;
  font-weight: bold
}

#upgradeClass .upgradeClass-flightList li .flightDetail .flightTime span {
  margin-left: 5px
}

#upgradeClass .upgradeClass-flightList li .bottom-slide {
  min-height: 50px;
  line-height: 50px;
  font-size: 12px;
  padding-top: 10px;
  border-top: 1px solid #d8d8d8;
  margin-top: 20px
}

#upgradeClass .upgradeClass-flightList li .bottom-slide .passengerName {
  background-position: left center;
  margin-right: 5px;
  padding-left: 20px;
  font-size: 12px;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100px;
  overflow: hidden
}

#upgradeClass .upgradeClass-flightList li .bottom-slide .ticketNo {
  font-size: 16px;
  font-weight: bold;
  margin-right: 2em
}

#upgradeClass .upgradeClass-flightList li .bottom-slide .flightClass {
  font-size: 14px;
  font-weight: bold
}

@media(max-width:991px) {
  #upgradeClass .upgradeClass-flightList li .bottom-slide .passengerName, #upgradeClass .upgradeClass-flightList li .bottom-slide .ticketNo, #upgradeClass .upgradeClass-flightList li .bottom-slide .flightClass {
    font-size: 14px
  }
  #upgradeClass .upgradeClass-flightList li .bottom-slide .passengerName {
    display: block;
    float: none
  }
}

#upgradeClass .upgradeClass-flightList li .bottom-slide .callbackMsg {
  text-align: right;
  padding-right: 5px;
  line-height: 28px
}

#upgradeClass .upgradeClass-flightList li .bottom-slide .callbackMsg>p {
  display: inline-block
}

#upgradeClass .upgradeClass-flightList li .bottom-slide .callbackMsg>p:nth-child(1) {
  margin-right: 2em
}

@media(max-width:991px) {
  #upgradeClass .upgradeClass-flightList li .bottom-slide .callbackMsg {
    text-align: center
  }
  #upgradeClass .upgradeClass-flightList li .bottom-slide .callbackMsg>p {
    display: block
  }
  #upgradeClass .upgradeClass-flightList li .bottom-slide .callbackMsg>p:nth-child(1) {
    margin-right: 0
  }
}

#upgradeClass .upgradeClass-flightList li .bottom-slide.operationBtn {
  text-align: right
}

@media(max-width:991px) {
  #upgradeClass .upgradeClass-flightList li .bottom-slide {
    min-height: 30px;
    line-height: 30px
  }
}

#memberHome .memberHomeTitle {
  padding: 10px 15px;
  background: #223b61;
  color: #f8f8f8;
  font-size: 14px;
  font-weight: bold
}

#memberHome .member-home-list .txt-bold {
  font-weight: bold
}

#memberHome .member-home-list .txt-bold .member-progress-wrapper {
  width: 100%;
  padding: .2em;
  border: 1px solid #bfa456;
  position: relative
}

#memberHome .member-home-list .txt-bold .member-progress-wrapper .member-progress-bar {
  height: 1em;
  background-color: #bfa456
}

#memberHome .member-home-list .txt-bold .member-progress-text {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

#memberHome .member-home-list .txt-bold a {
  font-weight: normal;
  font-size: 12px
}

#memberHome .member-home-list ul {
  overflow: hidden;
  margin-bottom: 20px;
  margin-left: -20px
}

#memberHome .member-home-list ul li {
  float: left;
  margin-left: -1px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 20px;
  border-left: 1px solid #d8d8d8;
  padding-bottom: 500px;
  margin-bottom: -500px
}

#memberHome .member-home-list .member-home-info01 li {
  width: 30%
}

#memberHome .member-home-list .member-home-info01 .member-home-li {
  width: 34%
}

#memberHome .member-home-list .member-home-info02 li {
  width: 50%
}

#memberHome .ReactModal__Overlay .ReactModal__Content {
  width: 580px
}

#memberHome .memberhome-tips a {
  background: url(icon-info.pvg) center center no-repeat;
  background-size: contain;
  cursor: pointer;
  border: 0;
  width: 16px;
  height: 16px;
  vertical-align: middle
}

#memberHome .memberhome-tips a:hover {
  background: url(icon-info-hover.pvg) center center no-repeat;
  background-size: contain;
  cursor: pointer;
  border: 0;
  width: 16px;
  height: 16px;
  vertical-align: middle
}

@media screen and (max-width:762px) {
  #memberHome .member-home .logo-top {
    padding-top: 60px!important
  }
}

#memberHome .member-home .member-home-logo {
  position: relative;
  color: #fff;
  background: #c5ad67
}

#memberHome .member-home .member-home-logo a {
  color: #fff;
  text-decoration: underline
}

#memberHome .member-home .member-home-logo .logo-top {
  padding: 15px;
  background: url("member/membertestlogo.png") 15px 15px no-repeat
}

#memberHome .member-home .member-home-logo .logo-bottom {
  font-size: 14px;
  padding: 15px
}

#memberHome .member-home .member-home-logo .user-header {
  width: 90px;
  height: 90px;
  margin: 4% auto 0;
  border-radius: 45px;
  border: 2px solid #c59650;
  background-size: cover
}

#memberHome .member-home .member-home-logo .logo-tool {
  position: absolute;
  font-size: 12px;
  text-align: right;
  top: 15px;
  right: 15px
}

#memberHome .member-home .member-home-logo .logo-tool .tool {
  display: inline-block;
  width: 74px;
  padding-top: 32px;
  margin-bottom: 5px;
  text-align: center;
  cursor: pointer
}

#memberHome .member-home .member-home-logo .logo-name {
  line-height: 50px
}

#memberHome .member-home .member-home-logo .user-card .card-title {
  line-height: 24px;
  font-size: 16px;
  font-weight: bold
}

#memberHome .member-home .member-home-logo .user-card .point {
  line-height: 24px;
  font-size: 24px;
  font-weight: bold
}

#memberHome .member-home .member-home-logo .user-card span:last-child {
  vertical-align: super
}

#memberHome .member-home .member-home-logo .user-point .point {
  line-height: 24px;
  font-size: 20px;
  font-weight: bold
}

#memberHome .member-home .logo-STD {
  background: #1e64a0
}

#memberHome .member-home .logo-STD .logo-bottom {
  background: #46a5d5
}

#memberHome .member-home .logo-STD .tool {
  background: #165b96 url("member/member-cal.png") center 6px no-repeat
}

#memberHome .member-home .logo-STD .user-header {
  border-color: #125c99
}

#memberHome .member-home .logo-SIL {
  background: #979797
}

#memberHome .member-home .logo-SIL .logo-bottom {
  background: #767070;
  opacity: .7
}

#memberHome .member-home .logo-SIL .tool {
  background: #b2b2b2 url("member/member-cal.png") center 6px no-repeat
}

#memberHome .member-home .logo-SIL .user-header {
  border-color: #8a8a8a
}

#memberHome .member-home .logo-GOL {
  background: #c5ad67
}

#memberHome .member-home .logo-GOL .logo-bottom {
  background: #c69751
}

#memberHome .member-home .logo-GOL .tool {
  background: #c69751 url("member/member-cal.png") center 6px no-repeat
}

#memberHome .member-home .logo-GOL .user-header {
  border-color: #c69751
}

#memberHome .member-home .logo-PLT {
  background: url(member/memberPLT.png) center center no-repeat;
  background-size: cover
}

#memberHome .member-home .logo-PLT .logo-bottom {
  background: #323232;
  opacity: .7
}

#memberHome .member-home .logo-PLT .tool {
  background: #4d4c4a url("member/member-cal.png") center 6px no-repeat
}

#memberHome .member-home .logo-PLT .user-header {
  border-color: #252525
}

#memberHome .member-home .member-home-bottom {
  background: url(member/memberbottom.png) center center no-repeat
}

#memberHome .member-home .member-home-detail {
  font-size: 12px;
  background: #fff;
  box-shadow: 0 3px 10px 0 #d3d3f0;
  margin-bottom: 15px;
  padding: 15px
}

#memberHome .member-home .member-home-detail .detail-left {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap
}

#memberHome .member-home .member-home-detail .detail-middle {
  padding: 0 10px;
  display: table-cell;
  vertical-align: middle;
  width: 100%
}

#memberHome .member-home .member-home-detail .detail-right {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap
}

#memberHome .member-home .member-home-detail .detail-top {
  padding: 20px 0;
  border-bottom: 1px solid #e8e8e8
}

#memberHome .member-home .member-home-detail .detail-top>.row>.col-md-12 {
  padding: 10px 0
}

#memberHome .member-home .member-home-detail .detail-top strong {
  font-size: 16px
}

#memberHome .member-home .member-home-detail .detail-bottom {
  padding: 10px 0
}

#memberHome .member-home .member-home-detail .detail-bottom>.row>.col-md-12 {
  padding: 10px 0
}

#memberHome .member-home .member-home-detail .detail-bottom strong {
  font-size: 14px
}

#memberHome .member-home .member-home-detail .member-progress-wrapper {
  width: 100%;
  padding: .1em;
  border: saddlebrown;
  background: #f5f5f5;
  border-radius: 1em;
  position: relative;
  font-size: 8px
}

#memberHome .member-home .member-home-detail .member-progress-wrapper .member-progress-bar {
  height: .9em;
  border-radius: .9em;
  max-width: 100%
}

#memberHome .member-home .member-home-detail .member-progress-wrapper .member-progress-text {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

#memberHome .member-home .member-home-table {
  background: #fff;
  box-shadow: 0 3px 10px 0 #d3d3f0;
  margin-bottom: 15px
}

#memberHome .member-home .member-home-table p.text-right {
  line-height: 50px;
  padding-right: 20px
}

#memberHome .member-home .table-wrapper {
  opacity: 1;
  filter: alpha(opacity=100)
}

#memberHome .member-home .table-wrapper thead {
  background: #f5f5f5
}

#memberHome .member-home .table-wrapper .table {
  margin: 0
}

#memberHome .member-home .table-wrapper .table th, #memberHome .member-home .table-wrapper .table td {
  text-align: center;
  border-right: 1px solid #d8d8d8
}

#memberHome .member-home .table-wrapper .table th a, #memberHome .member-home .table-wrapper .table td a {
  margin: 0 6px
}

#memberHome .member-home .table-wrapper .table th:last-child, #memberHome .member-home .table-wrapper .table td:last-child {
  border-right: 0
}

#memberHome .member-home .table-wrapper .table tr:last-child td {
  border-bottom: 1px solid #d8d8d8
}

#memberHome .member-home-ad {
  background: #fff;
  box-shadow: 0 3px 10px 0 #d3d3f0;
  margin-bottom: 15px
}

#memberHome .member-home-ad img {
  width: 100%
}

#memberHome .member-home-ad .col-sm-6:nth-child(odd) {
  padding-top: 10px;
  padding-right: 5px
}

#memberHome .member-home-ad .col-sm-6:nth-child(even) {
  padding-top: 10px;
  padding-left: 5px
}

#myaccount {
  position: relative
}

#myaccount .ml10 {
  margin-left: 10px
}

#myaccount>.myaccount-wrapper>.paddinTop30>div+div a {
  color: #594510;
  text-decoration: none
}

#myaccount>.myaccount-wrapper>.paddinTop30>div+div a:hover {
  color: #bfa456
}

#myaccount>.myaccount-wrapper>.paddinTop30>div+div a.calculator-a img {
  display: none
}

#myaccount>.myaccount-wrapper>.paddinTop30>div+div a.calculator-a img:first-child {
  display: inline-block
}

#myaccount>.myaccount-wrapper>.paddinTop30>div+div a.calculator-a:hover img {
  display: inline-block
}

#myaccount>.myaccount-wrapper>.paddinTop30>div+div a.calculator-a:hover img:first-child {
  display: none
}

#myaccount .menuList {
  width: 160%;
  position: absolute;
  left: 100%;
  top: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2;
  margin-left: -10px
}

#myaccount .menuList .menuList-inner {
  background: #fff;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bfa456;
  padding: 0 20px;
  margin-left: 25px
}

#myaccount .menuList .menuList-inner ul {
  border-top: 1px dotted #000;
  padding-bottom: 10px;
  padding-top: 10px
}

#myaccount .menuList .menuList-inner ul li {
  font-weight: bold;
  line-height: 34px
}

#myaccount .menuList .menuList-inner ul li a {
  font-size: 16px
}

#myaccount .menuList .menuList-inner ul:first-child {
  border-top: 0
}

#myPoints .showPoint {
  background-color: #fff;
  padding: 15px;
  font-size: 16px;
  font-weight: bold
}

#myPoints .showPoint .ml10 {
  margin-left: 10px
}

#myPoints .showPoint .pointTxt {
  color: #e4007f;
  font-size: 24px;
  margin-right: 20px
}

#myPoints .showPoint a {
  font-size: 12px
}

#memberRights {
  padding-left: 15px
}

#memberRights>div {
  background: #fff
}

#memberRights .STD, #memberRights .SIL-GOL, #memberRights .PLT {
  padding-top: 74px;
  padding-bottom: 36px
}

#memberRights .STD>.title, #memberRights .SIL-GOL>.title, #memberRights .PLT>.title {
  text-align: center;
  min-height: 104px
}

#memberRights .STD>.title .bg-color, #memberRights .SIL-GOL>.title .bg-color, #memberRights .PLT>.title .bg-color {
  display: inline-block;
  min-width: 340px;
  height: 57px;
  padding: 0 60px
}

#memberRights .STD>.title h3, #memberRights .SIL-GOL>.title h3, #memberRights .PLT>.title h3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  height: 54.5px
}

#memberRights .rules {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

#memberRights .rules>.col-sm-4 {
  padding: 10px 8px
}

#memberRights .rule {
  padding: 15px;
  width: 100%;
  height: 100%;
  min-height: 400px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

#memberRights .rule .rule-title {
  min-height: 110px;
  margin-bottom: 16px
}

#memberRights .rule .rule-title h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  padding: 8px 0;
  position: relative;
  top: 4px
}

#memberRights .rule p {
  line-height: 18px
}

#memberRights .use-point {
  text-align: center;
  height: 130px;
  margin: 0 8px;
  border: 1px solid #d8d8d8;
  border-radius: 4px
}

#memberRights .use-point a {
  color: #333;
  display: block;
  width: 100px;
  height: 100px;
  margin: 15px auto;
  padding-top: 60px
}

#memberRights .use-point>div:nth-child(1) a {
  background: url("member/member-rights/usepoint1.png") center 10px no-repeat
}

#memberRights .use-point>div:nth-child(2) a {
  background: url("member/member-rights/usepoint2.png") center 10px no-repeat
}

#memberRights .use-point>div:nth-child(3) a {
  background: url("member/member-rights/usepoint3.png") center 10px no-repeat
}

#memberRights .use-point>div:nth-child(4) a {
  background: url("member/member-rights/usepoint4.png") center 10px no-repeat
}

#memberRights .rule-icon {
  display: block;
  margin: 0 auto;
  width: 60px;
  height: 60px;
  border-radius: 30px
}

#memberRights .is-level1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 16px;
  padding: 0 16px 0 40px;
  height: 56px;
  color: #fff;
  background: #355a96 url("member/member-rights/lock.png") 10px center no-repeat;
  border-radius: 0 28px 28px 0
}

#memberRights .is-level1 p {
  border-radius: 28px;
  background: #355a96
}

#memberRights .is-level2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 16px;
  padding: 0 16px 0 40px;
  height: 0;
  overflow: hidden
}

#memberRights p.remarks {
  padding: 0 15px 20px;
  line-height: 24px
}

@media screen and (max-width:639px) {
  #memberRights {
    padding-left: 0
  }
  #memberRights .rules {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.transLuggageTableWrapper table {
  border: 1px solid #d8d8d8;
  width: 100%
}

.transLuggageTableWrapper table tbody tr:first-child {
  border-bottom: 2px solid #d8d8d8
}

.transLuggageTableWrapper table tbody tr:nth-child(odd) {
  background: #f8f8f8
}

.transLuggageTableWrapper table tbody tr td {
  border: 1px solid #d8d8d8
}

.transLuggageTableWrapper table tbody tr td.et4 {
  background: #f8f8f8!important
}

#add-service .radio-label {
  position: relative;
  left: -30px;
  top: -2px;
  font-size: 16px
}

#add-service .add-list {
  padding-left: 40px
}

#travel-alert .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0
}

.alert {
  background: white;
  box-shadow: none
}

@media(max-width:991px) {
  .alert {
    display: none
  }
}

.member-content {
  width: 100%;
  background-color: #18345a;
  margin-bottom: -15px
}

.member-content a:hover {
  border: none!important
}

.member-content #member-carousel {
  width: 100%;
  height: auto;
  background-color: #fff
}

.member-content #member-carousel #setion-carousel {
  width: 100%;
  height: 100%
}

.member-content #member-carousel #setion-carousel ul, .member-content #member-carousel #setion-carousel li {
  padding: 0;
  margin: 10px
}

.member-content #member-carousel #setion-carousel #myCarousel .carousel-grots {
  position: absolute;
  right: 43%;
  bottom: 20px
}

@media(max-width:991px) {
  .member-content #member-carousel #setion-carousel #myCarousel .carousel-grots {
    position: absolute;
    bottom: 0;
    right: 28%
  }
}

.member-content .member-app {
  min-width: 104px;
  position: fixed;
  top: 30%;
  right: 4%;
  color: #fff;
  text-align: center;
  z-index: 10
}

.member-content .member-app .member-title {
  font-size: 18px
}

@media(max-width:991px) {
  .member-content .member-app .member-title {
    font-size: 16px
  }
}

.member-content .member-app ul {
  width: 100%;
  height: auto;
  border: 1px #fafafa solid
}

.member-content .member-app ul li {
  padding: 12% 1%
}

.member-content .member-app ul li .conditions {
  vertical-align: middle;
  text-decoration: none;
  margin-left: 0
}

.member-content .member-app ul li span {
  color: #fff
}

.member-content .member-app ul li .focusOn {
  position: absolute;
  right: 105%;
  top: 40%;
  background: url(vip/erweimabg.png) no-repeat;
  background-position-x: right
}

@media(max-width:991px) {
  .member-content .member-app ul li .focusOn {
    display: none;
    top: 46%
  }
}

.member-content .member-app ul li .focusOn .img-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 17px;
  padding-bottom: 8.5px
}

.member-content .member-app ul li .focusOn .img-content .img-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

.member-content .member-app ul li .focusOn .img-content .col-xs-6 {
  padding: 10px;
  padding-bottom: 0
}

.member-content .member-app ul li .focusOn .img-content .col-xs-6 img {
  width: 96.5px
}

.member-content .member-app ul .link {
  color: #fff
}

@media(max-width:991px) {
  .member-content .member-app ul .link {
    font-size: 12px;
    padding: 9% 0
  }
}

.member-content .member-app ul .link-pink {
  background-color: #cf4084
}

.member-content .member-app ul .link-pink:hover {
  background-color: #19345a
}

.member-content .member-app ul .link-blue {
  background-color: #253e60
}

.member-content .member-app ul .link-blue:hover {
  background-color: #19345a
}

.member-content .sub {
  width: 100%;
  min-height: 70px;
  margin: 3% auto;
  clear: both
}

@media(max-width:991px) {
  .member-content .sub {
    margin-top: 45px;
    margin-bottom: 45px
  }
}

.member-content .sub .subTitle {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.member-content .sub .subTitle .subTitle-img {
  position: relative;
  width: 72px;
  max-height: 100%;
  border: 1px solid #bca25c;
  margin: 0 auto;
  padding: 1px
}

@media(max-width:991px) {
  .member-content .sub .subTitle .subTitle-img {
    min-width: 50px
  }
}

.member-content .sub .subTitle .subTitle-img .subTitle-txt {
  text-align: center;
  color: #bca25c;
  font-size: 24px;
  font-weight: bold
}

@media(max-width:991px) {
  .member-content .sub .subTitle .subTitle-img .subTitle-txt {
    font-size: 16px
  }
}

.member-content .sub .subTitle .subTitle-img span {
  position: absolute;
  width: 4px;
  height: 4px;
  background: #bca25c
}

.member-content .sub .subTitle .subTitle-img .row1 {
  top: -2px;
  left: -2px
}

.member-content .sub .subTitle .subTitle-img .row2 {
  top: -2px;
  right: -2px
}

.member-content .sub .subTitle .subTitle-img .col1 {
  bottom: -2px;
  left: -2px
}

.member-content .sub .subTitle .subTitle-img .col2 {
  bottom: -2px;
  right: -2px
}

.member-content .sub .subTitle span {
  position: absolute;
  width: 4px;
  height: 4px;
  background: #fff
}

.member-content .sub .subTitle .row1 {
  top: -2px;
  left: -2px
}

.member-content .sub .subTitle .row2 {
  top: -2px;
  right: -2px
}

.member-content .sub .subTitle .col1 {
  bottom: -2px;
  left: -2px
}

.member-content .sub .subTitle .col2 {
  bottom: -2px;
  right: -2px
}

.member-content .member-promotion {
  width: 100%;
  height: auto;
  clear: both
}

@media(max-width:991px) {
  .member-content .member-promotion {
    clear: both
  }
}

.member-content .member-promotion .promotionIcon {
  width: 50%;
  margin: 56px auto
}

.member-content .member-promotion .promotionIcon a {
  display: block;
  color: #fff;
  text-decoration: none
}

.member-content .member-promotion .promotionIcon a span {
  display: block;
  text-align: center;
  font-size: 16px
}

@media(max-width:991px) {
  .member-content .member-promotion .promotionIcon a span {
    font-size: 14px
  }
}

.member-content .home-sections {
  width: 100%;
  height: auto;
  background-color: #18345a!important
}

.member-content .home-sections .member-listImg {
  width: 100%;
  height: 100%;
  padding: 0 4%;
  margin: 0 auto;
  margin-bottom: 30px
}

@media(min-width:640px) {
  .member-content .home-sections .member-listImg ul .col-sm-2 {
    width: 20%
  }
}

.member-content .home-sections .member-listImg ul li {
  height: 100%;
  float: left;
  position: relative
}

.member-content .home-sections .member-listImg ul li:hover .eyesImg {
  display: block
}

@media(max-width:991px) {
  .member-content .home-sections .member-listImg ul li:hover .eyesImg {
    display: none
  }
}

.member-content .home-sections .member-listImg ul li:hover .cover {
  display: none
}

@media(max-width:991px) {
  .member-content .home-sections .member-listImg ul li {
    height: 21vh;
    overflow: hidden
  }
}

.member-content .home-sections .member-listImg ul li .cover {
  width: 100%;
  height: 100%;
  background-color: #18345a;
  opacity: .6;
  z-index: 9;
  position: absolute;
  top: 0;
  left: 0;
  display: block
}

@media(max-width:991px) {
  .member-content .home-sections .member-listImg ul li .cover {
    display: none
  }
}

.member-content .home-sections .member-listImg ul li .cover .coverImg {
  width: 36px;
  height: 36px;
  position: absolute;
  bottom: 3%;
  right: 43%
}

.member-content .home-sections .member-listImg ul li .cover .coverImg .subTitle {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.member-content .home-sections .member-listImg ul li .cover .coverImg .subTitle .subTitle-img {
  position: relative;
  width: auto;
  min-width: 2vw;
  height: auto;
  max-height: 100%;
  border: 1px solid #fff
}

.member-content .home-sections .member-listImg ul li .cover .coverImg .subTitle .subTitle-img .subTitle-txt {
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: bold
}

@media(max-width:991px) {
  .member-content .home-sections .member-listImg ul li .cover .coverImg .subTitle .subTitle-img .subTitle-txt {
    font-size: 10px
  }
}

.member-content .home-sections .member-listImg ul li .cover .coverImg .subTitle .subTitle-img span {
  position: absolute;
  width: 2px;
  height: 2px;
  background: #fff
}

.member-content .home-sections .member-listImg ul li .cover .coverImg .subTitle .subTitle-img .row1 {
  top: -1px;
  left: -1px
}

.member-content .home-sections .member-listImg ul li .cover .coverImg .subTitle .subTitle-img .row2 {
  top: -1px;
  right: -1px
}

.member-content .home-sections .member-listImg ul li .cover .coverImg .subTitle .subTitle-img .col1 {
  bottom: -1px;
  left: -1px
}

.member-content .home-sections .member-listImg ul li .cover .coverImg .subTitle .subTitle-img .col2 {
  bottom: -1px;
  right: -1px
}

.member-content .home-sections .member-listImg ul li .cover .coverImg .subTitle span {
  position: absolute;
  width: 2px;
  height: 2px;
  background: #fff
}

.member-content .home-sections .member-listImg ul li .cover .coverImg .subTitle .row1 {
  top: -1px;
  left: -1px
}

.member-content .home-sections .member-listImg ul li .cover .coverImg .subTitle .row2 {
  top: -1px;
  right: -1px
}

.member-content .home-sections .member-listImg ul li .cover .coverImg .subTitle .col1 {
  bottom: -1px;
  left: -1px
}

.member-content .home-sections .member-listImg ul li .cover .coverImg .subTitle .col2 {
  bottom: -1px;
  right: -1px
}

.member-content .home-sections .member-listImg ul li .eyesImg {
  position: absolute;
  z-index: 20;
  top: 40%;
  left: 25%;
  display: none
}

@media(max-width:991px) {
  .member-content .home-sections .member-listImg ul li .eyesImg {
    display: none
  }
}

@media(max-width:991px) {
  .member-content .home-sections .member-listImg ul li .eyesImg {
    top: 40%;
    left: 27%
  }
}

.member-content .home-sections .member-listImg ul li .eyesImg .hideImgBig {
  width: auto;
  height: auto
}

.member-content .home-sections .member-listImg ul li .eyesImg .hideImg {
  width: auto;
  height: auto;
  position: absolute;
  left: 25%;
  top: 32%
}

@media(max-width:991px) {
  .member-content .home-sections .member-listImg ul li .eyesImg .hideImg {
    top: 25%;
    left: 21%
  }
}

.member-content .home-sections .member-listImg ul li .conditions {
  display: block;
  vertical-align: middle;
  margin-left: 0!important;
  text-decoration: none;
  position: relative
}

.member-content .home-sections .member-listImg ul li .conditions .promation-bg {
  width: 100%;
  height: 600px
}

@media(max-width:991px) {
  .member-content .home-sections .member-listImg ul li .conditions .promation-bg {
    margin-bottom: 2px
  }
}

.member-content .home-sections .member-listImg ul li .conditions .promation-txt {
  margin: 38px auto;
  text-align: left;
  position: absolute;
  top: 3%;
  width: 100%
}

@media(max-width:991px) {
  .member-content .home-sections .member-listImg ul li .conditions .promation-txt {
    margin: 0 auto;
    margin-left: 20px
  }
}

.member-content .home-sections .member-listImg ul li .conditions .promation-txt .title {
  width: 100%;
  color: #fff;
  font-size: 20px;
  margin-bottom: 11px
}

@media(max-width:991px) {
  .member-content .home-sections .member-listImg ul li .conditions .promation-txt .title {
    font-size: 16px;
    margin-bottom: 11px
  }
}

.member-content .home-sections .member-listImg ul li .conditions .promation-txt .subTitle {
  width: 100px;
  height: 45px;
  color: #fff;
  font-size: 16px;
  background-color: #ce4083;
  border-radius: 5px;
  line-height: 45px;
  text-align: center
}

@media(max-width:991px) {
  .member-content .home-sections .member-listImg ul li .conditions .promation-txt .subTitle {
    font-size: 12px;
    width: 36%;
    height: 30px;
    line-height: 30px
  }
}

.member-content .member-activity {
  width: 100%;
  height: 500px;
  padding: 0 4%
}

@media(max-width:991px) {
  .member-content .member-activity {
    width: 100%;
    height: auto;
    padding: 0 4%
  }
}

.member-content .member-activity .activity-content {
  width: 100%;
  height: 100%;
  margin: 0 auto
}

@media(max-width:991px) {
  .member-content .member-activity .activity-content {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px
  }
}

.member-content .member-activity .activity-content .main {
  width: 33%;
  height: 100%;
  background: #253e60;
  margin-right: .5%;
  position: relative
}

@media(max-width:991px) {
  .member-content .member-activity .activity-content .main {
    width: 100%;
    height: 310px;
    margin-right: 0
  }
}

.member-content .member-activity .activity-content .main:last-child {
  margin-right: 0
}

.member-content .member-activity .activity-content .main:hover .header {
  display: none
}

.member-content .member-activity .activity-content .main:hover .item-content {
  background: #f2f2f2
}

.member-content .member-activity .activity-content .main:hover .item-content .item-list .item-link .act-text .list {
  color: #4a4a4a
}

.member-content .member-activity .activity-content .main:hover .item-content .item-list .item-link .act-text .title {
  color: #4a4a4a
}

.member-content .member-activity .activity-content .main:hover .item-content .item-list .item-link .act-text .subTitle {
  color: #8b8b8b
}

.member-content .member-activity .activity-content .main .header {
  width: 100%;
  height: 70.5%;
  position: absolute;
  opacity: .8;
  top: 0;
  left: 0;
  background: #3c4b6a;
  z-index: 8
}

@media(max-width:991px) {
  .member-content .member-activity .activity-content .main .header {
    display: none
  }
}

.member-content .member-activity .activity-content .main .header .bg-img {
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto;
  margin-top: 110px
}

@media(max-width:991px) {
  .member-content .member-activity .activity-content .main .header .bg-img {
    margin-bottom: 2px
  }
}

.member-content .member-activity .activity-content .main .header .act-text {
  margin-top: 10px;
  text-align: center;
  color: #bca25c
}

.member-content .member-activity .activity-content .main .header .act-text .title {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 4px
}

@media(max-width:991px) {
  .member-content .member-activity .activity-content .main .header .act-text .title {
    font-size: 21px;
    margin-bottom: 4px
  }
}

.member-content .member-activity .activity-content .main .header .act-text .subTitle {
  font-size: 14px
}

@media(max-width:991px) {
  .member-content .member-activity .activity-content .main .header .act-text .subTitle {
    font-size: 14px
  }
}

.member-content .member-activity .activity-content .main .item-content {
  width: 100%;
  height: 100%;
  background-color: #253e60
}

@media(max-width:991px) {
  .member-content .member-activity .activity-content .main .item-content {
    width: 100%
  }
}

.member-content .member-activity .activity-content .main .item-content .item-list {
  height: 100%;
  width: 100%;
  text-align: left
}

@media(max-width:991px) {
  .member-content .member-activity .activity-content .main .item-content .item-list {
    text-align: left
  }
}

.member-content .member-activity .activity-content .main .item-content .item-list .item-link {
  display: block;
  height: 100%;
  text-decoration: none
}

.member-content .member-activity .activity-content .main .item-content .item-list .item-link .link-img {
  display: block;
  width: 100%;
  height: 70.5%
}

@media(max-width:991px) {
  .member-content .member-activity .activity-content .main .item-content .item-list .item-link .link-img {
    width: 100%;
    height: 150px
  }
}

.member-content .member-activity .activity-content .main .item-content .item-list .item-link .link-tip {
  width: 300px;
  height: 380px;
  line-height: 60px;
  font-size: 16px;
  position: absolute;
  top: -4%;
  left: 12%;
  color: #fff;
  transform: rotate(-40deg);
  -webkit-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  -moz-transform: rotate(-40deg)
}

@media(max-width:991px) {
  .member-content .member-activity .activity-content .main .item-content .item-list .item-link .link-tip {
    display: none
  }
}

.member-content .member-activity .activity-content .main .item-content .item-list .item-link .link-tip .item-tip {
  float: left;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word
}

.member-content .member-activity .activity-content .main .item-content .item-list .item-link .act-text {
  height: 29%;
  padding: 15px;
  line-height: 50px;
  color: #bca25c
}

.member-content .member-activity .activity-content .main .item-content .item-list .item-link .act-text .title {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 3px
}

@media(max-width:991px) {
  .member-content .member-activity .activity-content .main .item-content .item-list .item-link .act-text .title {
    font-size: 16px;
    margin-bottom: 3px
  }
}

.member-content .member-activity .activity-content .main .item-content .item-list .item-link .act-text .subTitle {
  font-size: 12px
}

@media(max-width:991px) {
  .member-content .member-activity .activity-content .main .item-content .item-list .item-link .act-text .subTitle {
    font-size: 12px
  }
}

.member-content .member-activity .activity-content .main .item-content .item-list .item-link .act-text .list {
  float: left;
  width: 33.3%;
  text-align: center;
  margin-top: 7%
}

.member-content .member-activity .activity-content .main .item-content .item-list .item-link .act-text .list .item-img {
  display: block;
  width: auto;
  height: 33px;
  margin: 0 auto
}

.member-content .member-activity .activity-content .main .item-content .item-list .item-link .act-text .list .tit {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 4px;
  text-align: center;
  padding-top: 10px
}

@media(max-width:991px) {
  .member-content .member-activity .activity-content .main .item-content .item-list .item-link .act-text .list .tit {
    font-size: 14px
  }
}

.member-content .member-activity .activity-content .main .item-content .item-list .item-link .act-text .list2 {
  float: left;
  width: 50%;
  text-align: center;
  margin-top: 7%
}

.member-content .member-activity .activity-content .main .item-content .item-list .item-link .act-text .list2 .item-img {
  display: block;
  width: auto;
  height: 33px;
  margin: 0 auto
}

.member-content .member-activity .activity-content .main .item-content .item-list .item-link .act-text .list2 .tit {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 4px;
  text-align: center;
  padding-top: 10px
}

@media(max-width:991px) {
  .member-content .member-activity .activity-content .main .item-content .item-list .item-link .act-text .list2 .tit {
    font-size: 14px
  }
}

.member-content .member-activity .activity-content .main .item-content .item-list .item-link .act-text .tipImg {
  margin-left: 55%;
  margin-top: 10%
}

@media(max-width:991px) {
  .member-content .member-activity .activity-content .main .item-content .item-list .item-link .act-text .tipImg {
    width: 25%
  }
}

.member-content .member-organ {
  width: 100%;
  height: 298px;
  background-color: #bca25c
}

@media(max-width:991px) {
  .member-content .member-organ {
    height: 16vh;
    clear: both;
    margin-top: 5px
  }
}

.member-content .member-organ .organ {
  width: 76%;
  height: 100%;
  margin: 0 auto;
  padding: 3% 0
}

@media(max-width:991px) {
  .member-content .member-organ .organ {
    padding: 3% 0
  }
}

@media(max-width:991px) {
  .member-content .member-organ .organ .col-md-2 .col-sm-2 {
    width: 20%
  }
}

.member-content .member-organ .organ ul li {
  width: 20%!important;
  text-align: center;
  margin-top: 30px;
  float: left;
  position: relative
}

@media(max-width:991px) {
  .member-content .member-organ .organ ul li {
    margin-top: 5%;
    width: 20%!important
  }
}

.member-content .member-organ .organ ul li .condition {
  display: block
}

.member-content .member-organ .organ ul li .condition img {
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto
}

@media(max-width:991px) {
  .member-content .member-organ .organ ul li .condition img {
    width: 85%
  }
}

.member-content .member-organ .organ ul li .condition .subTitle-txt {
  width: 70%;
  font-size: 28px;
  color: #bca25c;
  font-weight: 500;
  position: absolute;
  left: 50%;
  top: 60%;
  -webkit-transform: translate(-50%, -35%);
  -ms-transform: translate(-50%, -35%);
  transform: translate(-50%, -35%)
}

@media(max-width:991px) {
  .member-content .member-organ .organ ul li .condition .subTitle-txt {
    font-size: 14px;
    left: 28%;
    top: 36%
  }
}

.member-content .member-organ .organ ul li .condition .txt1 {
  left: 36%;
  top: 50%
}

@media(max-width:991px) {
  .member-content .member-organ .organ ul li .condition .txt1 {
    left: 29%;
    top: 48%
  }
}

.member-content .member-organ .organ ul li .condition .txt2 {
  left: 30%;
  top: 50%
}

@media(max-width:991px) {
  .member-content .member-organ .organ ul li .condition .txt2 {
    left: 17%;
    top: 48%
  }
}

.member-content .member-organ .organ ul li .condition .txt3 {
  top: 43%;
  left: 36%
}

@media(max-width:991px) {
  .member-content .member-organ .organ ul li .condition .txt3 {
    left: 28%;
    top: 42%
  }
}

.member-content .member-organ .organ ul .li-second {
  margin-top: 20px
}

@media(max-width:991px) {
  .member-content .member-organ .organ ul .li-second {
    margin-top: 3%
  }
}

@media(max-width:991px) {
  .member-content .member-organ .organ ul li:first-child, .member-content .member-organ .organ ul li:last-child {
    margin-top: 5%
  }
}

.member-content .member-organ .organ-promotion {
  width: 100%;
  height: auto;
  clear: both;
  padding-top: 23px
}

@media(max-width:991px) {
  .member-content .member-organ .organ-promotion {
    padding-top: 1%
  }
}

.member-content .member-organ .organ-promotion .promotionIcon {
  width: 40%;
  height: auto;
  margin: 0 auto
}

.member-content .member-organ .organ-promotion .promotionIcon a {
  display: block;
  color: #253e60;
  text-decoration: none
}

.member-content .member-organ .organ-promotion .promotionIcon a span {
  display: block;
  text-align: center;
  font-size: 16px
}

@media(max-width:991px) {
  .member-content .member-organ .organ-promotion .promotionIcon a span {
    font-size: 12px
  }
}

.member-content .member-integral {
  width: 100%;
  height: 238px;
  padding: 0 7%;
  margin-top: 75px;
  margin-bottom: 3%
}

@media(max-width:991px) {
  .member-content .member-integral {
    padding: 0;
    margin-top: 50px
  }
}

@media(max-width:640px) {
  .member-content .member-integral {
    padding: 0
  }
}

.member-content .member-integral .promotion {
  width: 100%;
  height: auto
}

.member-content .member-integral .promotion ul li {
  width: 20%;
  margin: 0 6.66666%;
  height: auto;
  position: relative;
  text-align: center;
  line-height: 60px
}

@media(max-width:991px) {
  .member-content .member-integral .promotion ul li:first-child {
    margin-left: 0
  }
}

.member-content .member-integral .promotion ul li:last-child {
  margin-right: 0
}

@media(max-width:991px) {
  .member-content .member-integral .promotion ul li {
    width: 50%;
    text-align: center;
    margin-left: 0
  }
}

.member-content .member-integral .promotion ul li .col-md-2 {
  width: 19.2%
}

@media(min-width:640px) {
  .member-content .member-integral .promotion ul li .col-md-2 {
    width: 19.2%!important
  }
}

.member-content .member-integral .promotion ul li .conditions {
  width: 99%;
  vertical-align: middle;
  margin-left: 0!important;
  text-decoration: none;
  display: block;
  padding: 10px;
  color: #bca25c
}

.member-content .member-integral .promotion ul li .conditions span {
  font-size: 18px
}

@media(max-width:991px) {
  .member-content .member-integral .promotion ul li .conditions span {
    font-size: 16px
  }
}

.member-content .member-integral .promotion ul li .integral {
  width: 60%;
  height: auto;
  margin: 0 auto;
  position: relative;
  display: block
}

.member-content .member-integral .promotion ul li .integral .integral-bg {
  width: 100%;
  height: 100%
}

@media(max-width:991px) {
  .member-content .member-integral .promotion ul li .integral .integral-bg {
    width: 50%
  }
}

.member-content .member-integral .promotion ul li .integral .sub {
  width: 100%;
  height: 12vh;
  margin-top: 75px;
  position: absolute;
  top: 0
}

@media(max-width:991px) {
  .member-content .member-integral .promotion ul li .integral .sub {
    margin-top: 75px
  }
}

.member-content .member-integral .promotion ul li .integral .sub .subTitle {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.member-content .member-integral .promotion ul li .integral .sub .subTitle .subTitle-img {
  position: relative;
  width: auto;
  min-width: 6vw;
  height: auto;
  max-height: 100%;
  border: 1px solid #fff;
  margin: 0 auto;
  padding: 1px
}

.member-content .member-integral .promotion ul li .integral .sub .subTitle .subTitle-img .subTitle-txt {
  text-align: center;
  color: #fff;
  font-size: 2vw;
  font-weight: 500;
  line-height: 40px
}

@media(max-width:991px) {
  .member-content .member-integral .promotion ul li .integral .sub .subTitle .subTitle-img .subTitle-txt {
    font-size: 30px
  }
}

@media(max-width:640px) {
  .member-content .member-integral .promotion ul li .integral .sub .subTitle .subTitle-img .subTitle-txt {
    font-size: 7vw
  }
}

.member-content .member-integral .promotion ul li .integral .sub .subTitle .subTitle-img span {
  position: absolute;
  width: 4px;
  height: 4px;
  background: #fff
}

.member-content .member-integral .promotion ul li .integral .sub .subTitle .subTitle-img .row1 {
  top: -2px;
  left: -2px
}

.member-content .member-integral .promotion ul li .integral .sub .subTitle .subTitle-img .row2 {
  top: -2px;
  right: -2px
}

.member-content .member-integral .promotion ul li .integral .sub .subTitle .subTitle-img .col1 {
  bottom: -2px;
  left: -2px
}

.member-content .member-integral .promotion ul li .integral .sub .subTitle .subTitle-img .col2 {
  bottom: -2px;
  right: -2px
}

.member-content .member-integral .promotion ul li .integral .sub .subTitle span {
  position: absolute;
  width: 4px;
  height: 4px;
  background: #fff
}

.member-content .member-integral .promotion ul li .integral .sub .subTitle .row1 {
  top: -2px;
  left: -2px
}

.member-content .member-integral .promotion ul li .integral .sub .subTitle .row2 {
  top: -2px;
  right: -2px
}

.member-content .member-integral .promotion ul li .integral .sub .subTitle .col1 {
  bottom: -2px;
  left: -2px
}

.member-content .member-integral .promotion ul li .integral .sub .subTitle .col2 {
  bottom: -2px;
  right: -2px
}

.member-content .member-search {
  width: 100%;
  height: 22vh;
  background-color: #213a62;
  border-top: 1px #2a5390 solid;
  border-bottom: 1px #2a5390 solid;
  line-height: 22vh;
  margin-top: 0;
  padding: 0 6%
}

@media(max-width:991px) {
  .member-content .member-search {
    padding: 12px;
    line-height: 6vh
  }
}

.member-content .member-search .search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-left: 7%
}

@media(max-width:991px) {
  .member-content .member-search .search {
    display: block;
    height: auto
  }
}

.member-content .member-search .search .lab {
  color: #fff;
  font-size: 18px;
  text-align: center
}

@media(max-width:991px) {
  .member-content .member-search .search .lab {
    font-size: 14px;
    text-align: left
  }
}

.member-content .member-search .search .linkTip {
  padding-left: 22px
}

@media(max-width:991px) {
  .member-content .member-search .search .linkTip {
    padding-left: 0
  }
}

.member-content .member-search .search .linkTip .linkMore {
  color: #fff;
  font-size: 18px
}

@media(max-width:991px) {
  .member-content .member-search .search .linkTip .linkMore {
    font-size: 14px
  }
}

.member-content .member-search .search .inputForm {
  height: 100%
}

.member-content .member-search .search .inputForm .search-box {
  width: 100%;
  height: 57px;
  padding: 0 10px;
  font-size: 18px;
  line-height: 57px;
  color: #000;
  vertical-align: middle
}

@media(max-width:991px) {
  .member-content .member-search .search .inputForm .search-box {
    height: 6vh;
    font-size: 14px;
    line-height: 6vh
  }
}

.member-content .member-search .search .inquiry {
  width: 10%!important;
  height: 100%;
  padding-left: 15px
}

@media(max-width:991px) {
  .member-content .member-search .search .inquiry {
    width: 33.33333%!important
  }
}

.member-content .member-search .search .inquiry .btn {
  background-color: #cf4084;
  color: #fff;
  font-size: 18px;
  text-align: center
}

@media(max-width:991px) {
  .member-content .member-search .search .inquiry .btn {
    height: 6vh;
    font-size: 14px;
    line-height: 6vh;
    padding-top: 2px
  }
}

#aside .list {
  background: #fff;
  font-size: 16px;
  font-weight: 900;
  padding: 10px 0;
  box-shadow: 2px 0 6px 1px #ddd
}

#aside .list .list-title, #aside .list .list-content {
  height: 48px;
  line-height: 48px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 56px;
  padding-right: 30px;
  cursor: pointer
}

#aside .list .list-content {
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: .4s height, opacity;
  transition-delay: .2S
}

#aside .list .list-content:hover {
  padding-left: 53px;
  background: #f5f5f5;
  border-left: 3px solid #233b61
}

#aside .list .active {
  padding-left: 53px;
  background: #f5f5f5;
  border-left: 3px solid #233b61
}

#aside .list .list-open .expand-icon {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg)
}

#aside .list a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a
}

#aside .list .expand-icon {
  float: right;
  cursor: pointer;
  display: block;
  width: 15px;
  height: 48px;
  background: url(icon-arrow-down-black.pvg) center right no-repeat;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: -webkit-transform .5s ease 0s;
  transition: transform .5s ease 0s;
  transition: transform .5s ease 0s, -webkit-transform .5s ease 0s
}

@media(min-width:992px) {
  #memberInfoManage {
    padding-left: 15px
  }
}

#memberInfoManage .member-manage-logo {
  position: relative;
  color: #fff;
  background: #c5ad67
}

#memberInfoManage .member-manage-logo a {
  color: #fff;
  text-decoration: underline
}

#memberInfoManage .member-manage-logo .logo-top {
  padding: 15px;
  background: url("member/membertestlogo.png") 15px 15px no-repeat
}

#memberInfoManage .member-manage-logo .logo-bottom {
  font-size: 14px;
  padding: 15px
}

#memberInfoManage .member-manage-logo .user-header {
  width: 90px;
  height: 90px;
  margin: 4% auto 0;
  border-radius: 45px;
  border: 2px solid #c59650;
  background: url("member/memberuser.png") center center no-repeat;
  background-size: cover
}

#memberInfoManage .member-manage-logo .logo-tool {
  position: absolute;
  font-size: 12px;
  text-align: right;
  top: 15px;
  right: 15px
}

#memberInfoManage .member-manage-logo .logo-tool .tool {
  display: inline-block;
  width: 74px;
  padding-top: 32px;
  margin-bottom: 5px;
  text-align: center;
  cursor: pointer
}

#memberInfoManage .member-manage-logo .logo-name {
  line-height: 3em
}

#memberInfoManage .member-manage-logo .user-card {
  padding-right: 10px
}

#memberInfoManage .member-manage-logo .user-card .card-title {
  line-height: 24px;
  font-size: 16px;
  font-weight: bold
}

#memberInfoManage .member-manage-logo .user-point {
  padding-left: 10px
}

#memberInfoManage .member-manage-logo .user-point .point {
  line-height: 24px;
  font-size: 20px;
  font-weight: bold
}

#memberInfoManage .logo-STD {
  background: #1e64a0
}

#memberInfoManage .logo-STD .logo-bottom {
  background: #46a5d5
}

#memberInfoManage .logo-STD .tool {
  background: #165b96
}

#memberInfoManage .logo-STD .user-header {
  border-color: #125c99
}

#memberInfoManage .logo-SIL {
  background: #979797
}

#memberInfoManage .logo-SIL .logo-bottom {
  background: #767070;
  opacity: .7
}

#memberInfoManage .logo-SIL .tool {
  background: #b2b2b2
}

#memberInfoManage .logo-SIL .user-header {
  border-color: #8a8a8a
}

#memberInfoManage .logo-GOL {
  background: #c5ad67
}

#memberInfoManage .logo-GOL .logo-bottom {
  background: #c69751
}

#memberInfoManage .logo-GOL .tool {
  background: #c69751
}

#memberInfoManage .logo-GOL .user-header {
  border-color: #c69751
}

#memberInfoManage .logo-PLT {
  background: url(member/memberPLT.png) center center no-repeat;
  background-size: cover
}

#memberInfoManage .logo-PLT .logo-bottom {
  background: #323232;
  opacity: .7
}

#memberInfoManage .logo-PLT .tool {
  background: #4d4c4a
}

#memberInfoManage .logo-PLT .user-header {
  border-color: #252525
}

#memberInfoManage .member-home-bottom {
  background: url(member/memberbottom.png) center center no-repeat
}

#memberInfoManage .member-home-bottom .logo-last {
  line-height: 50px
}

#memberInfoManage .member-home-bottom .logo-last span {
  padding: 0 10px
}

#memberInfoManage .member-home-bottom .logo-last .sex-MALE {
  padding-left: 20px;
  background: url(member/male.png) center center no-repeat
}

#memberInfoManage .member-home-bottom .logo-last .sex-FEMALE {
  padding-left: 20px;
  background: url(member/female.png) center center no-repeat
}

#memberInfoManage .member-home-bottom .logo-last .birthday {
  padding-left: 40px;
  background: url(member/birth.png) 15px no-repeat
}

#memberInfoManage .connectway-box {
  background: white;
  box-shadow: 0 3px 10px 0 #d3d3f0;
  font-size: 16px;
  margin-bottom: 15px;
  padding: 15px;
  line-height: 2em
}

#memberInfoManage .connectway-box .phone, #memberInfoManage .connectway-box .email {
  line-height: 3em
}

#memberInfoManage .connectway-box .connectway-add {
  margin-top: 15px
}

#memberInfoManage .connectway-box .connectway-add .button:hover {
  cursor: pointer;
  border-color: #5e7dac
}

#memberInfoManage .connectway-box .connectway-add .button {
  text-align: center;
  border: 1px solid #cfcfcf;
  font-size: 30px;
  line-height: 50px;
  width: 160px;
  margin: 0 auto
}

#memberInfoManage .card {
  background: white;
  box-shadow: 0 3px 10px 0 #d3d3f0;
  font-size: 16px;
  margin-bottom: 15px;
  padding: 15px
}

#memberInfoManage .card .tip {
  font-size: 14px;
  line-height: 3em;
  padding: 0 15px;
  background: #f9f9f9
}

#memberInfoManage .card .cardList {
  padding: 15px 0;
  font-size: 16px;
  line-height: 2em
}

#memberInfoManage .card .cardList .row {
  line-height: 3em
}

#memberInfoManage .card .cardList .link {
  text-align: right;
  color: #5e7dac
}

#memberInfoManage .card .cardList .link:hover {
  cursor: pointer;
  text-decoration: underline
}

#memberInfoManage .card .card-add .button {
  text-align: center;
  border: 1px solid #cfcfcf;
  font-size: 30px;
  line-height: 50px;
  width: 160px;
  margin: 0 auto
}

#memberInfoManage .card .card-add .button:hover {
  cursor: pointer;
  border-color: #5e7dac
}

#memberInfoManage .manage-password, #memberInfoManage .manage-info {
  background: white;
  box-shadow: 0 3px 10px 0 #d3d3f0;
  font-size: 16px;
  margin-bottom: 15px;
  padding: 25px
}

#memberInfoManage .manage-password .icon, #memberInfoManage .manage-info .icon {
  width: 26px;
  height: 30px;
  margin: 0 auto
}

#memberInfoManage .manage-password .icon-name, #memberInfoManage .manage-info .icon-name {
  line-height: 2em;
  text-align: center;
  color: #000;
  font-size: 15px
}

#memberInfoManage .manage-password .psdbox:hover, #memberInfoManage .manage-password .infobox:hover, #memberInfoManage .manage-password .bindbox:hover, #memberInfoManage .manage-info .psdbox:hover, #memberInfoManage .manage-info .infobox:hover, #memberInfoManage .manage-info .bindbox:hover {
  cursor: pointer
}

#memberInfoManage .manage-password .getbackconsumepsd .icon, #memberInfoManage .manage-info .getbackconsumepsd .icon {
  background: url(member/getbackconsumepsd.png) no-repeat center center
}

#memberInfoManage .manage-password .lostconsumepsd .icon, #memberInfoManage .manage-info .lostconsumepsd .icon {
  background: url(member/lostconsumepsd.png) no-repeat center center
}

#memberInfoManage .manage-password .modifyconsumepsd .icon, #memberInfoManage .manage-info .modifyconsumepsd .icon {
  background: url(member/modifyconsumepsd.png) no-repeat center center
}

#memberInfoManage .manage-password .modifyinquirecpsd .icon, #memberInfoManage .manage-info .modifyinquirecpsd .icon {
  background: url(member/modifyinquirecpsd.png) no-repeat center center
}

#memberInfoManage .manage-password .info .icon, #memberInfoManage .manage-info .info .icon {
  width: 34px;
  background: url(member/info.png) no-repeat center center
}

#memberInfoManage .manage-password .showCalculator .icon, #memberInfoManage .manage-info .showCalculator .icon {
  width: 34px;
  background: url(member/showCalculator.png) no-repeat center center
}

#memberInfoManage .manage-password .bind .icon, #memberInfoManage .manage-info .bind .icon {
  width: 40px;
  background: url(member/bind.png) no-repeat center center
}

#memberInfoManage .card-page {
  background: white;
  box-shadow: 0 3px 10px 0 #d3d3f0;
  font-size: 16px;
  margin-bottom: 15px;
  padding: 15px
}

#memberInfoManage .card-page .return {
  padding: 10px
}

#memberInfoManage .card-page .return .btn {
  max-width: 130px
}

.newmemberinfo-profile {
  background: white;
  box-shadow: 0 3px 10px 0 #d3d3f0;
  padding: 15px
}

.plantnum-card-area .img-responsive {
  width: 100%
}

.plantnum-card-area>img {
  margin-bottom: -7.5%
}

.plantnum-card-area-container {
  width: 83.3%;
  margin: 0 auto
}

.plantnum-card-area-container .header {
  overflow: hidden;
  position: relative;
  background-image: url("plantinumCardArea/midbg.png");
  background-size: 100%;
  background-repeat: repeat-y;
  padding: 4%;
  font-size: 12px;
  margin-bottom: 10px
}

@media(min-width:640px) {
  .plantnum-card-area-container .header {
    font-size: 12px;
    line-height: 1.5em;
    margin-bottom: 15px
  }
}

@media(min-width:992px) {
  .plantnum-card-area-container .header {
    font-size: 12px;
    line-height: 1.5em;
    margin-bottom: 20px
  }
}

@media(min-width:1200px) {
  .plantnum-card-area-container .header {
    font-size: 14px;
    line-height: 2em;
    margin-bottom: 30px
  }
}

.plantnum-card-area-container .header>p {
  font-weight: 700
}

@media(min-width:640px) {
  .plantnum-card-area-container .header>p {
    line-height: 1.2em
  }
}

@media(min-width:992px) {
  .plantnum-card-area-container .header>p {
    font-size: 12px;
    line-height: 1.5em
  }
}

@media(min-width:1200px) {
  .plantnum-card-area-container .header>p {
    font-size: 14px;
    line-height: 2em
  }
}

.plantnum-card-area-container .header>img {
  z-index: -10;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0
}

.plantnum-card-area-container .header .icons a p {
  color: #4a4a4a
}

.plantnum-card-area-container .header .icons img {
  margin: 0 auto
}

.plantnum-card-area-container .header .icons .row {
  padding: 1%
}

.plantnum-card-area-container .header .icons p {
  text-align: center;
  font-weight: 900
}

@media(min-width:992px) {
  .plantnum-card-area-container .header .icons p {
    font-size: 1.2em
  }
}

@media(min-width:1200px) {
  .plantnum-card-area-container .header .icons p {
    font-size: 1.2em
  }
}

.plantnum-card-area-container .nav {
  margin-bottom: 10px
}

@media(min-width:640px) {
  .plantnum-card-area-container .nav {
    margin-bottom: 20px
  }
}

@media(min-width:992px) {
  .plantnum-card-area-container .nav {
    margin-bottom: 30px
  }
}

@media(min-width:1200px) {
  .plantnum-card-area-container .nav {
    margin-bottom: 40px
  }
}

.plantnum-card-area-container .nav>div {
  position: relative
}

.plantnum-card-area-container .nav>div .bg-top {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center 40%;
  background-repeat: no-repeat
}

.plantnum-card-area-container .nav>div .bg-top:hover {
  cursor: pointer
}

.plantnum-card-area-container .nav>div .bg-top[class*=active] {
  background-color: rgba(228, 0, 134, 0.8);
  display: block
}

.plantnum-card-area-container .nav>div .bg-top[class*=active]:after {
  content: '';
  border-width: 10px 5px 5px 10px;
  border-style: solid;
  border-color: rgba(228, 0, 134, 0.8) transparent transparent transparent;
  position: absolute;
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media(min-width:640px) {
  .plantnum-card-area-container .nav>div .bg-top[class*=active]:after {
    border-width: 10px 5px 5px 10px
  }
}

@media(min-width:992px) {
  .plantnum-card-area-container .nav>div .bg-top[class*=active]:after {
    border-width: 20px 7px 7px 10px
  }
}

@media(min-width:1200px) {
  .plantnum-card-area-container .nav>div .bg-top[class*=active]:after {
    border-width: 30px 15px 15px 20px
  }
}

.plantnum-card-area-container .nav>div .bg1 {
  background-image: url("plantinumCardArea/lefticon.png")
}

.plantnum-card-area-container .nav>div .bg2 {
  background-image: url("plantinumCardArea/righticon.png")
}

.plantnum-card-area-container .nav>div .title {
  position: absolute;
  left: 50%;
  top: 70%;
  font-size: 12px;
  color: white;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}

@media(min-width:640px) {
  .plantnum-card-area-container .nav>div .title {
    font-size: 12px;
    line-height: 1.2em;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
  }
}

@media(min-width:992px) {
  .plantnum-card-area-container .nav>div .title {
    font-size: 16px;
    line-height: 1.5em;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 60%
  }
}

@media(min-width:1200px) {
  .plantnum-card-area-container .nav>div .title {
    font-size: 24px;
    line-height: 2em;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 60%
  }
}

.plantnum-card-area-container .content-table {
  background: white;
  padding: 40px 20px
}

.plantnum-card-area-container .content-table .card-img {
  margin-bottom: 20px
}

.plantnum-card-area-container .content-table .card-img h3 {
  font-weight: 900;
  line-height: 1.2em;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px
}

.plantnum-card-area-container .content-table .card-img img {
  margin: 0 auto
}

.plantnum-card-area-container .content-table .table-title {
  text-align: center;
  font-size: 25px;
  font-weight: 700
}

.plantnum-card-area-container .content-table .table-sub button {
  border: 0;
  background: 0
}

.plantnum-card-area-container .content-table table th {
  background: #f5f5f5;
  text-align: center;
  font-weight: 700;
  vertical-align: middle!important
}

.plantnum-card-area-container .content-table table td {
  vertical-align: middle!important
}

@media(min-width:992px) {
  .plantnum-card-area-container .content-table table td {
    padding: 10px 30px
  }
}

@media(min-width:1200px) {
  .plantnum-card-area-container .content-table table td {
    padding: 15px 40px
  }
}

.plantnum-card-area-container .content-table p {
  line-height: 2em
}

.plantnum-card-area-bg {
  background: #19345a;
  margin-bottom: -15px;
  padding: 0 0 20px
}

#flyExplorer {
  margin-bottom: -15px
}

#flyExplorer .header, #flyExplorer .body, #flyExplorer .footer {
  position: relative
}

#flyExplorer .header .img-responsive, #flyExplorer .body .img-responsive, #flyExplorer .footer .img-responsive {
  width: 100%;
  margin: 0 auto
}

#flyExplorer .header .content {
  position: absolute;
  width: 92%;
  max-width: 930px;
  top: 40%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

#flyExplorer .header .content .label {
  position: relative;
  text-align: center
}

#flyExplorer .header .content .label .img-responsive {
  width: 100%;
  margin: 0 auto
}

#flyExplorer .header .content .label .label-list {
  width: 80%;
  color: black;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  white-space: normal;
  -webkit-transform: translate(-40%, -50%);
  -ms-transform: translate(-40%, -50%);
  transform: translate(-40%, -50%)
}

#flyExplorer .header .content .label .label-list a {
  color: black;
  text-decoration: none;
  font-size: 12px
}

@media(min-width:640px) {
  #flyExplorer .header .content .label .label-list a {
    font-size: 14px
  }
}

@media(min-width:992px) {
  #flyExplorer .header .content .label .label-list a {
    font-size: 16px
  }
}

@media(min-width:1200px) {
  #flyExplorer .header .content .label .label-list a {
    font-size: 22px
  }
}

#flyExplorer .header .content-label {
  position: absolute;
  width: 92%;
  -max-width: 930px;
  bottom: 8%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

#flyExplorer .header .content-label .label-img {
  position: relative
}

#flyExplorer .header .content-label .label-img .img-responsive {
  width: 90%
}

#flyExplorer .header .content-label .label-img .label-list {
  color: #92530c;
  position: absolute;
  font-size: 12px;
  font-weight: 900
}

@media(min-width:640px) {
  #flyExplorer .header .content-label .label-img .label-list {
    font-size: 14px
  }
}

@media(min-width:992px) {
  #flyExplorer .header .content-label .label-img .label-list {
    font-size: 16px
  }
}

@media(min-width:1200px) {
  #flyExplorer .header .content-label .label-img .label-list {
    font-size: 22px
  }
}

#flyExplorer .header .content-label .label-img .label-list span {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

#flyExplorer .header .content-label .label-img .passport {
  width: 93%;
  top: 11%;
  left: 5%;
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
  height: 20%
}

#flyExplorer .header .content-label .label-img .card {
  width: 45%;
  top: 32%;
  left: 23%;
  -webkit-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
  height: 18%
}

#flyExplorer .header .content-link {
  position: absolute;
  bottom: 7%;
  right: 11%;
  width: 34%;
  height: 7%
}

#flyExplorer .header .content-link a {
  position: absolute;
  display: inline-block;
  width: 100%;
  text-align: center;
  top: 50%;
  left: 50%;
  font-weight: 900;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: black;
  font-size: 12px
}

@media(min-width:640px) {
  #flyExplorer .header .content-link a {
    font-size: 14px
  }
}

@media(min-width:992px) {
  #flyExplorer .header .content-link a {
    font-size: 16px
  }
}

@media(min-width:1200px) {
  #flyExplorer .header .content-link a {
    font-size: 22px
  }
}

#flyExplorer .body {
  margin-top: -1px;
  background-image: url("flyExplorer/bg2.png");
  background-repeat: repeat-y;
  background-size: 100%
}

#flyExplorer .body .label-box {
  position: relative
}

#flyExplorer .body .label-box .label {
  position: absolute;
  top: 47%;
  left: 10%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 12px;
  color: white;
  width: 80%;
  height: 34%;
  padding: 0;
  white-space: normal
}

#flyExplorer .body .label-box .label .label-content {
  left: 0;
  position: absolute;
  top: 50%;
  text-align: center;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 12px
}

@media(min-width:640px) {
  #flyExplorer .body .label-box .label .label-content {
    font-size: 14px
  }
}

@media(min-width:992px) {
  #flyExplorer .body .label-box .label .label-content {
    font-size: 16px
  }
}

@media(min-width:1200px) {
  #flyExplorer .body .label-box .label .label-content {
    font-size: 22px
  }
}

#flyExplorer .body .content {
  margin-bottom: 10px
}

#flyExplorer .body .content .p {
  max-width: 813px;
  margin: 0 auto
}

#flyExplorer .body .content .p p {
  padding: 10px 0 0;
  text-indent: 2em;
  color: black;
  font-size: 12px;
  line-height: 1.2em
}

@media(min-width:640px) {
  #flyExplorer .body .content .p p {
    font-size: 14px;
    line-height: 1.4em
  }
}

@media(min-width:992px) {
  #flyExplorer .body .content .p p {
    font-size: 16px;
    line-height: 1.6em
  }
}

@media(min-width:1200px) {
  #flyExplorer .body .content .p p {
    font-size: 18px;
    line-height: 2em
  }
}

#flyExplorer .body .content .question {
  width: 100%;
  max-width: 813px;
  margin: 0 auto
}

#flyExplorer .body .content .question .question-mid {
  color: white;
  font-size: 12px;
  padding-left: 5%;
  background-image: url("flyExplorer/b2.png");
  background-repeat: repeat-y;
  background-size: 100%
}

@media(min-width:640px) {
  #flyExplorer .body .content .question .question-mid {
    font-size: 14px
  }
}

@media(min-width:992px) {
  #flyExplorer .body .content .question .question-mid {
    font-size: 16px
  }
}

@media(min-width:1200px) {
  #flyExplorer .body .content .question .question-mid {
    font-size: 22px
  }
}

#flyExplorer .body .content .answer {
  max-width: 813px;
  color: black;
  margin: 20px auto
}

#flyExplorer .body .content .answer .answer-title, #flyExplorer .body .content .answer .answer-content {
  float: left
}

#flyExplorer .body .content .answer .answer-title {
  width: 15%;
  line-height: 1.1em;
  font-weight: 900
}

@media(min-width:992px) {
  #flyExplorer .body .content .answer .answer-title {
    line-height: 1.5em
  }
}

@media(min-width:1200px) {
  #flyExplorer .body .content .answer .answer-title {
    line-height: 2em
  }
}

#flyExplorer .body .content .answer .answer-content {
  width: 85%;
  line-height: 1.1em
}

@media(min-width:992px) {
  #flyExplorer .body .content .answer .answer-content {
    font-size: 14px;
    line-height: 1.5em
  }
}

@media(min-width:1200px) {
  #flyExplorer .body .content .answer .answer-content {
    font-size: 16px;
    line-height: 2em
  }
}

@media(min-width:500px) {
  #flyExplorer .body .content .answer .answer-title {
    width: 10%;
    font-weight: 900
  }
  #flyExplorer .body .content .answer .answer-content {
    width: 90%
  }
}

@media(min-width:640px) {
  #flyExplorer .body .content .answer {
    line-height: 2em
  }
}

@media(min-width:992px) {
  #flyExplorer .body .content .answer {
    line-height: 2em;
    margin: 30px auto
  }
  #flyExplorer .body .content .answer .answer-title {
    font-size: 18px
  }
}

@media(min-width:1200px) {
  #flyExplorer .body .content .answer {
    line-height: 2em;
    margin: 40px auto
  }
  #flyExplorer .body .content .answer .answer-title {
    font-size: 20px
  }
}

#flyExplorer .footer {
  margin-top: -1px;
  position: relative
}

#flyExplorer .footer .pic-box {
  position: absolute;
  top: 6%;
  left: 23.5%;
  width: 57%
}

.main-content {
  width: 100%;
  background-color: #d7eaf9;
  margin-bottom: -16px
}

@media(max-width:639px) {
  .main-content {
    width: 100%;
    margin-bottom: -16px
  }
}

.main-content .banner {
  width: 100%;
  margin: 0;
  padding: 0
}

.main-content .banner .bannerBg {
  width: 100%;
  height: auto
}

@media(max-width:639px) {
  .main-content .banner .bannerBg {
    width: 100%;
    height: auto
  }
}

.main-content .subTitle {
  width: 100%;
  background-color: #d7eaf9
}

.main-content .subTitle .subContent {
  width: 100%;
  padding: 2% 10%
}

@media(max-width:639px) {
  .main-content .subTitle .subContent {
    width: 100%;
    padding: 2% 4%
  }
}

.main-content .subTitle .subContent .subImg {
  width: auto;
  height: auto;
  display: block
}

@media(max-width:639px) {
  .main-content .subTitle .subContent .subImg {
    width: 60%;
    height: auto
  }
}

.main-content .subTitle .subContent .subTxt {
  color: #11588e;
  font-size: 36px;
  text-align: left;
  margin-top: 10px
}

@media(max-width:639px) {
  .main-content .subTitle .subContent .subTxt {
    font-size: 16px;
    margin-top: 10px
  }
}

.main-content .subTitle .subContent .subTxt .txt {
  font-size: 36px;
  color: #fff;
  background-color: #4cade2
}

@media(max-width:639px) {
  .main-content .subTitle .subContent .subTxt .txt {
    font-size: 16px
  }
}

.main-content .passport {
  width: 100%;
  height: auto
}

.main-content .passport .lineImg {
  display: block;
  width: 100%;
  height: auto
}

@media(max-width:639px) {
  .main-content .passport .lineImg {
    width: 100%;
    height: auto
  }
}

.main-content .passport .passport_content {
  width: 100%;
  padding: 0 5%;
  background-color: #4cade2
}

.main-content .passport .passport_content .tipImg {
  width: auto;
  height: auto;
  float: left
}

@media(max-width:639px) {
  .main-content .passport .passport_content .tipImg {
    width: 30px;
    height: 30px
  }
}

.main-content .passport .passport_content .passport_title {
  float: left;
  width: 88%;
  padding-top: 10px
}

@media(max-width:639px) {
  .main-content .passport .passport_content .passport_title {
    padding-top: 4px
  }
}

.main-content .passport .passport_content .passport_title .tipTitle {
  color: #fff;
  font-size: 36px
}

@media(max-width:639px) {
  .main-content .passport .passport_content .passport_title .tipTitle {
    font-size: 16px;
    padding-top: 5px;
    margin-left: 10px
  }
}

.main-content .passport .passport_content .passport_title .tipTitle .download {
  font-size: 36px;
  color: #fff
}

@media(max-width:639px) {
  .main-content .passport .passport_content .passport_title .tipTitle .download {
    font-size: 16px;
    color: #fff
  }
}

.main-content .passport .passport_content .passport_option {
  color: #11588e;
  font-size: 36px;
  text-align: left;
  padding: 2% 5%;
  clear: both
}

@media(max-width:639px) {
  .main-content .passport .passport_content .passport_option {
    font-size: 16px;
    padding: 3% 1%
  }
}

.main-content .passport .passport_content .passport_option .link {
  font-size: 36px;
  color: #fff
}

@media(max-width:639px) {
  .main-content .passport .passport_content .passport_option .link {
    font-size: 16px;
    border-bottom: 1px solid #fff
  }
}

.main-content .form {
  width: 100%;
  background-color: #d7eaf9;
  position: relative;
  margin-top: 5%
}

.main-content .form .form-content {
  width: 100%;
  padding: 0 10%;
  position: relative
}

@media(max-width:639px) {
  .main-content .form .form-content {
    width: 100%;
    padding: 0 5%
  }
}

.main-content .form .form-content .lineImg {
  display: block;
  width: 100%;
  height: auto
}

@media(max-width:639px) {
  .main-content .form .form-content .lineImg {
    width: 100%;
    height: auto
  }
}

.main-content .form .form-content .tipImg {
  width: auto;
  height: auto;
  position: absolute;
  right: 1%;
  top: -15%;
  z-index: 10
}

@media(max-width:639px) {
  .main-content .form .form-content .tipImg {
    width: 80px;
    right: -2%;
    top: -10%
  }
}

.main-content .form .form-content .header {
  width: auto;
  position: absolute;
  right: 15%;
  top: -5%;
  border: 1px dotted #4cade2;
  background: #d7eaf9;
  border-radius: 10px;
  padding: 10px 30px
}

@media(max-width:639px) {
  .main-content .form .form-content .header {
    width: auto;
    right: 10%;
    top: -5%
  }
}

.main-content .form .form-content .header p {
  color: #4cade2;
  font-size: 36px
}

@media(max-width:639px) {
  .main-content .form .form-content .header p {
    font-size: 16px
  }
}

.main-content .form .form-content .link-box {
  background-color: #4cade2;
  padding: 12% 0
}

.main-content .form .form-content .link-box .link {
  width: 80%;
  margin: 0 auto
}

@media(max-width:639px) {
  .main-content .form .form-content .link-box .link {
    width: 94%
  }
}

.main-content .form .form-content .link-box .link a {
  color: #fff;
  font-size: 36px;
  text-align: left
}

@media(max-width:639px) {
  .main-content .form .form-content .link-box .link a {
    font-size: 16px;
    border-bottom: 1px solid #fff
  }
}

.main-content .form .form-content .link-box .link span {
  color: #fff;
  font-size: 36px;
  text-align: left
}

@media(max-width:639px) {
  .main-content .form .form-content .link-box .link span {
    font-size: 16px
  }
}

.main-content .form .bgImg_1 {
  position: absolute;
  left: 12%;
  z-index: 5;
  top: 2%
}

@media(max-width:639px) {
  .main-content .form .bgImg_1 {
    width: 37%;
    left: 10%;
    top: 2%;
    z-index: 5
  }
}

.main-content .form .bgImg_2 {
  position: absolute;
  right: 10%;
  z-index: 5
}

@media(max-width:639px) {
  .main-content .form .bgImg_2 {
    right: 10%;
    width: 37%;
    top: 2%;
    z-index: 5
  }
}

.main-content .personInfo {
  width: 100%;
  background-color: #d7eaf9;
  position: relative;
  margin-top: 5%
}

.main-content .personInfo .form-content {
  width: 100%;
  padding: 0 10%;
  position: relative
}

@media(max-width:639px) {
  .main-content .personInfo .form-content {
    padding: 0 5%
  }
}

.main-content .personInfo .form-content .lineImg {
  display: block;
  width: 100%;
  height: auto
}

@media(max-width:639px) {
  .main-content .personInfo .form-content .lineImg {
    width: 100%;
    height: auto
  }
}

.main-content .personInfo .form-content .tipImg {
  width: auto;
  height: auto;
  position: absolute;
  top: -8%;
  z-index: 10;
  left: 8%
}

@media(max-width:639px) {
  .main-content .personInfo .form-content .tipImg {
    width: 80px;
    height: auto;
    left: 6%;
    top: -4%
  }
}

.main-content .personInfo .form-content .header {
  width: auto;
  position: absolute;
  left: 19%;
  top: -2%;
  border: 1px dotted #4cade2;
  background: #d7eaf9;
  border-radius: 10px;
  padding: 10px 30px
}

@media(max-width:639px) {
  .main-content .personInfo .form-content .header {
    width: auto;
    left: 20%;
    top: -2%;
    padding: 10px 23px
  }
}

.main-content .personInfo .form-content .header p {
  color: #4cade2;
  font-size: 36px;
  text-align: right
}

@media(max-width:639px) {
  .main-content .personInfo .form-content .header p {
    font-size: 16px
  }
}

.main-content .personInfo .form-content .link-box {
  background-color: #4cade2;
  padding: 7% 0
}

.main-content .personInfo .form-content .link-box .link {
  width: 80%;
  margin: 0 auto
}

@media(max-width:639px) {
  .main-content .personInfo .form-content .link-box .link {
    width: 94%
  }
}

.main-content .personInfo .form-content .link-box .link p {
  color: #fff;
  font-size: 35px;
  text-align: left;
  line-height: 200%
}

@media(max-width:639px) {
  .main-content .personInfo .form-content .link-box .link p {
    font-size: 16px
  }
}

.main-content .personInfo .bgImg_1 {
  position: absolute;
  top: 5%;
  left: 38%;
  z-index: 5
}

@media(max-width:639px) {
  .main-content .personInfo .bgImg_1 {
    width: 70%;
    top: 5%;
    left: 20%;
    z-index: 5
  }
}

.main-content .special {
  width: 100%;
  background-color: #d7eaf9;
  position: relative;
  margin-top: 6%
}

.main-content .special .form-content {
  width: 100%;
  padding: 0 10%;
  position: relative
}

@media(max-width:639px) {
  .main-content .special .form-content {
    padding: 0 5%
  }
}

.main-content .special .form-content .lineImg {
  display: block;
  width: 100%;
  height: auto
}

.main-content .special .form-content .tipImg {
  width: auto;
  height: auto;
  position: absolute;
  right: 6%;
  top: -12%;
  z-index: 10
}

@media(max-width:639px) {
  .main-content .special .form-content .tipImg {
    right: 2%;
    top: -8%;
    width: 80px;
    height: auto
  }
}

.main-content .special .form-content .header {
  width: auto;
  position: absolute;
  right: 17%;
  top: -2%;
  border: 1px dotted #4cade2;
  background: #d7eaf9;
  border-radius: 10px;
  padding: 10px 30px
}

@media(max-width:639px) {
  .main-content .special .form-content .header {
    width: auto;
    right: 17%;
    top: -5%;
    padding: 10px
  }
}

.main-content .special .form-content .header p {
  color: #4cade2;
  font-size: 36px
}

@media(max-width:639px) {
  .main-content .special .form-content .header p {
    font-size: 16px
  }
}

.main-content .special .form-content .link-box {
  background-color: #4cade2;
  padding: 7% 0
}

@media(max-width:639px) {
  .main-content .special .form-content .link-box {
    padding: 7% 0
  }
}

.main-content .special .form-content .link-box .link {
  width: 80%;
  margin: 0 auto
}

@media(max-width:639px) {
  .main-content .special .form-content .link-box .link {
    width: 94%
  }
}

.main-content .special .form-content .link-box .link .link-content {
  color: #fff;
  font-size: 36px;
  text-align: left
}

@media(max-width:639px) {
  .main-content .special .form-content .link-box .link .link-content {
    font-size: 16px
  }
}

.main-content .special .form-content .link-box .link .link-content .link-txt {
  color: #fff;
  font-size: 36px;
  margin-left: 40px
}

@media(max-width:639px) {
  .main-content .special .form-content .link-box .link .link-content .link-txt {
    font-size: 16px;
    border-bottom: 1px solid #fff;
    margin-left: 0
  }
}

.main-content .special .form-content .link-box .link span {
  color: #fff;
  font-size: 36px
}

@media(max-width:639px) {
  .main-content .special .form-content .link-box .link span {
    font-size: 16px
  }
}

.main-content .special .form-content .link-box .link .link-txt {
  color: #fff;
  font-size: 36px
}

@media(max-width:639px) {
  .main-content .special .form-content .link-box .link .link-txt {
    font-size: 16px
  }
}

.main-content .special .bgImg_1 {
  position: absolute;
  left: 12%;
  bottom: 5%;
  z-index: 10
}

@media(max-width:639px) {
  .main-content .special .bgImg_1 {
    left: 10%;
    bottom: 7%;
    width: 50%
  }
}

.main-content .special .bgImg_2 {
  position: absolute;
  right: 12%;
  bottom: 5%;
  z-index: 10
}

@media(max-width:639px) {
  .main-content .special .bgImg_2 {
    right: 6%;
    bottom: 8%;
    width: 30%
  }
}

.main-content .bottom-bg {
  width: 100%
}

.main-content .bottom-bg .bt-img {
  width: 100%;
  height: auto
}

@media(max-width:639px) {
  .main-content .bottom-bg .bt-img {
    width: 100%;
    height: auto
  }
}

.main-box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: #f8f8f8;
  opacity: .6;
  z-index: 999
}

.main-content {
  width: 100%;
  background: #f8f8f8;
  padding: 18% 0;
  z-index: 1111;
  position: absolute;
  top: 0;
  left: 0;
  margin-bottom: 0!important
}

.main-content .main-title {
  color: #333;
  font-size: 24px;
  margin: 20px auto;
  text-align: center
}

.main-content .main-subtitle {
  color: #b5b5b7;
  font-size: 16px;
  text-align: center
}

.main-content .main-browser {
  width: 70%;
  margin: 25px auto
}

.main-content .main-browser .item-browser {
  float: left;
  width: 33.33%;
  color: skyblue;
  font-size: 24px;
  text-align: center
}

#theme-search, #theme-graph, #theme-search-list {
  background: #223b61;
  margin-bottom: -15px
}

#theme-search .autocomplete-list, #theme-graph .autocomplete-list, #theme-search-list .autocomplete-list {
  left: 0!important
}

#theme-search .no-content, #theme-graph .no-content, #theme-search-list .no-content {
  background: white
}

#theme-search .no-content img, #theme-graph .no-content img, #theme-search-list .no-content img {
  margin: 0 auto
}

#theme-search .left, #theme-graph .left, #theme-search-list .left {
  float: left
}

#theme-search .right, #theme-graph .right, #theme-search-list .right {
  float: right
}

#theme-search .themeSearchHead, #theme-graph .themeSearchHead, #theme-search-list .themeSearchHead {
  background: url("themeSearch/bg.png") no-repeat;
  background-size: 100%
}

#theme-search .themeSearchHead-title, #theme-search .themeSearchHead-detail, #theme-graph .themeSearchHead-title, #theme-graph .themeSearchHead-detail, #theme-search-list .themeSearchHead-title, #theme-search-list .themeSearchHead-detail {
  font-size: 45px;
  text-align: center;
  color: white
}

#theme-search .themeSearchHead-top, #theme-graph .themeSearchHead-top, #theme-search-list .themeSearchHead-top {
  padding: 9% 0
}

@media(max-width:1199px) {
  #theme-search .themeSearchHead-top, #theme-graph .themeSearchHead-top, #theme-search-list .themeSearchHead-top {
    padding: 10% 0
  }
}

@media(max-width:991px) {
  #theme-search .themeSearchHead-top, #theme-graph .themeSearchHead-top, #theme-search-list .themeSearchHead-top {
    padding: 5% 0
  }
}

@media(max-width:639px) {
  #theme-search .themeSearchHead-top, #theme-graph .themeSearchHead-top, #theme-search-list .themeSearchHead-top {
    padding: 2% 0
  }
}

#theme-search .themeSearchHead-detail, #theme-graph .themeSearchHead-detail, #theme-search-list .themeSearchHead-detail {
  font-size: 35px
}

@media(max-width:639px) {
  #theme-search .themeSearchHead-title, #theme-search .themeSearchHead-detail, #theme-graph .themeSearchHead-title, #theme-graph .themeSearchHead-detail, #theme-search-list .themeSearchHead-title, #theme-search-list .themeSearchHead-detail {
    font-size: 20px
  }
}

#theme-search .themeSearchHead-bottom, #theme-graph .themeSearchHead-bottom, #theme-search-list .themeSearchHead-bottom {
  background-color: rgba(4, 9, 12, 0.5)
}

#theme-search .themeSearchHead-bottom .selected-theme, #theme-graph .themeSearchHead-bottom .selected-theme, #theme-search-list .themeSearchHead-bottom .selected-theme {
  height: 45px;
  background: white;
  padding: 10px 25px;
  border-radius: 5px;
  border: 0;
  padding-right: 20px;
  color: gray;
  font-size: 18px;
  font-weight: 900;
  position: relative
}

#theme-search .themeSearchHead-bottom .selected-theme .tagList, #theme-graph .themeSearchHead-bottom .selected-theme .tagList, #theme-search-list .themeSearchHead-bottom .selected-theme .tagList {
  border-top: 5px solid #2e5e9c;
  position: absolute;
  left: 0;
  top: 55px;
  background: white;
  font-size: 14px;
  color: black;
  width: 65%;
  font-weight: normal;
  z-index: 99;
  padding: 20px;
  text-align: center;
  line-height: 2em;
  border-radius: 5px
}

@media(max-width:1199px) {
  #theme-search .themeSearchHead-bottom .selected-theme .tagList, #theme-graph .themeSearchHead-bottom .selected-theme .tagList, #theme-search-list .themeSearchHead-bottom .selected-theme .tagList {
    width: 65%
  }
}

@media(max-width:991px) {
  #theme-search .themeSearchHead-bottom .selected-theme .tagList, #theme-graph .themeSearchHead-bottom .selected-theme .tagList, #theme-search-list .themeSearchHead-bottom .selected-theme .tagList {
    width: 100%
  }
}

@media(max-width:639px) {
  #theme-search .themeSearchHead-bottom .selected-theme .tagList, #theme-graph .themeSearchHead-bottom .selected-theme .tagList, #theme-search-list .themeSearchHead-bottom .selected-theme .tagList {
    width: 100%
  }
}

#theme-search .themeSearchHead-bottom .selected-theme .tagList:before, #theme-graph .themeSearchHead-bottom .selected-theme .tagList:before, #theme-search-list .themeSearchHead-bottom .selected-theme .tagList:before {
  content: '';
  border-width: 10px 5px 10px 5px;
  border-style: solid;
  border-color: transparent transparent #2e5e9c transparent;
  position: absolute;
  left: 11%;
  bottom: 102%
}

#theme-search .themeSearchHead-bottom .selected-theme .tagList .closeTag, #theme-graph .themeSearchHead-bottom .selected-theme .tagList .closeTag, #theme-search-list .themeSearchHead-bottom .selected-theme .tagList .closeTag {
  position: absolute;
  right: -35px;
  top: 0;
  background: url("cross.pvg") no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  display: inline-block
}

#theme-search .themeSearchHead-bottom .selected-theme .tagList .closeTag:hover, #theme-graph .themeSearchHead-bottom .selected-theme .tagList .closeTag:hover, #theme-search-list .themeSearchHead-bottom .selected-theme .tagList .closeTag:hover {
  cursor: pointer
}

#theme-search .themeSearchHead-bottom .selected-theme .tagList .tag:hover, #theme-graph .themeSearchHead-bottom .selected-theme .tagList .tag:hover, #theme-search-list .themeSearchHead-bottom .selected-theme .tagList .tag:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #d04085
}

#theme-search .themeSearchHead-bottom .selected-theme .choosetagList .chooseTag, #theme-graph .themeSearchHead-bottom .selected-theme .choosetagList .chooseTag, #theme-search-list .themeSearchHead-bottom .selected-theme .choosetagList .chooseTag {
  font-size: 14px;
  color: black;
  padding: 6px 10px;
  background: #d8d8d8;
  margin-right: 25px;
  font-weight: normal;
  position: relative;
  border-radius: 3px
}

#theme-search .themeSearchHead-bottom .selected-theme .choosetagList .chooseTag .closeTag, #theme-graph .themeSearchHead-bottom .selected-theme .choosetagList .chooseTag .closeTag, #theme-search-list .themeSearchHead-bottom .selected-theme .choosetagList .chooseTag .closeTag {
  position: absolute;
  right: -20px;
  top: 0;
  background: url("cross.pvg") no-repeat;
  background-size: cover;
  width: 15px;
  height: 15px;
  display: inline-block
}

#theme-search .themeSearchHead-bottom .selected-theme .choosetagList .chooseTag .closeTag:hover, #theme-graph .themeSearchHead-bottom .selected-theme .choosetagList .chooseTag .closeTag:hover, #theme-search-list .themeSearchHead-bottom .selected-theme .choosetagList .chooseTag .closeTag:hover {
  cursor: pointer
}

#theme-search .themeSearchHead-bottom .search-input .col-sm-10, #theme-graph .themeSearchHead-bottom .search-input .col-sm-10, #theme-search-list .themeSearchHead-bottom .search-input .col-sm-10 {
  padding-right: 20px
}

@media(max-width:639px) {
  #theme-search .themeSearchHead-bottom .search-input .col-sm-10, #theme-graph .themeSearchHead-bottom .search-input .col-sm-10, #theme-search-list .themeSearchHead-bottom .search-input .col-sm-10 {
    padding-right: 0
  }
}

#theme-search .themeSearchHead-bottom .selected-button, #theme-graph .themeSearchHead-bottom .selected-button, #theme-search-list .themeSearchHead-bottom .selected-button {
  border: 0;
  height: 45px;
  width: 100%;
  color: white;
  border-radius: 5px;
  background: #d04085;
  text-align: center;
  font-size: 16px
}

@media(max-width:639px) {
  #theme-search .themeSearchHead-bottom .selected-button, #theme-graph .themeSearchHead-bottom .selected-button, #theme-search-list .themeSearchHead-bottom .selected-button {
    margin-top: 20px
  }
}

#theme-search .themeSearchHead-bottom .citySearch #from_autocomplete_label, #theme-search .themeSearchHead-bottom .citySearch #to_autocomplete_label, #theme-graph .themeSearchHead-bottom .citySearch #from_autocomplete_label, #theme-graph .themeSearchHead-bottom .citySearch #to_autocomplete_label, #theme-search-list .themeSearchHead-bottom .citySearch #from_autocomplete_label, #theme-search-list .themeSearchHead-bottom .citySearch #to_autocomplete_label {
  display: none
}

#theme-search .themeSearchHead-bottom .citySearch .ui-autocomplete, #theme-graph .themeSearchHead-bottom .citySearch .ui-autocomplete, #theme-search-list .themeSearchHead-bottom .citySearch .ui-autocomplete {
  margin-bottom: 0
}

#theme-search .themeSearchHead-bottom .citySearch .ui-autocomplete .errorMsgs:before, #theme-graph .themeSearchHead-bottom .citySearch .ui-autocomplete .errorMsgs:before, #theme-search-list .themeSearchHead-bottom .citySearch .ui-autocomplete .errorMsgs:before {
  background: 0
}

#theme-search .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box, #theme-graph .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box, #theme-search-list .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box {
  height: 45px;
  border: 0
}

#theme-search .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box input, #theme-graph .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box input, #theme-search-list .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box input {
  border: 0;
  border-radius: 5px;
  padding-left: 25px
}

#theme-search .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box input::-webkit-input-placeholder, #theme-graph .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box input::-webkit-input-placeholder, #theme-search-list .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box input::-webkit-input-placeholder {
  color: black
}

#theme-search .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box input::-moz-input-placeholder, #theme-graph .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box input::-moz-input-placeholder, #theme-search-list .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box input::-moz-input-placeholder {
  color: black
}

#theme-search .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box input::-ms-input-placeholder, #theme-graph .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box input::-ms-input-placeholder, #theme-search-list .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box input::-ms-input-placeholder {
  color: black
}

#theme-search .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box:before, #theme-graph .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box:before, #theme-search-list .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box:before {
  background: url(themeSearch/red-icon.png) no-repeat;
  width: 35px;
  height: 35px;
  right: 9px;
  top: 10%
}

#theme-search .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box .clearBtn, #theme-graph .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box .clearBtn, #theme-search-list .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box .clearBtn {
  right: 40px!important
}

#theme-search .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box::before, #theme-graph .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box::before, #theme-search-list .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box::before {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg)
}

#theme-search .themeSearchHead-searchbox, #theme-graph .themeSearchHead-searchbox, #theme-search-list .themeSearchHead-searchbox {
  width: 81%;
  padding: 20px 0;
  margin: 0 auto
}

#theme-search .themeSearchHead-searchbox .search-tab, #theme-graph .themeSearchHead-searchbox .search-tab, #theme-search-list .themeSearchHead-searchbox .search-tab {
  color: white;
  line-height: 50px
}

#theme-search .themeSearchHead-searchbox .search-tab .select-item, #theme-graph .themeSearchHead-searchbox .search-tab .select-item, #theme-search-list .themeSearchHead-searchbox .search-tab .select-item {
  margin-right: 50px
}

#theme-search .themeSearchHead-searchbox .search-tab .select-item:hover, #theme-graph .themeSearchHead-searchbox .search-tab .select-item:hover, #theme-search-list .themeSearchHead-searchbox .search-tab .select-item:hover {
  cursor: pointer
}

#theme-search .themeSearchHead .select-item, #theme-graph .themeSearchHead .select-item, #theme-search-list .themeSearchHead .select-item {
  vertical-align: baseline;
  position: relative
}

#theme-search .themeSearchHead .select-item .radio-fake, #theme-graph .themeSearchHead .select-item .radio-fake, #theme-search-list .themeSearchHead .select-item .radio-fake {
  display: inline-block;
  background: white;
  border-radius: 50% 50%;
  border: 3px solid white;
  box-shadow: 0 0 0 2px white;
  width: 14px;
  height: 14px;
  margin-top: 2px
}

#theme-search .themeSearchHead .select-item .select-content, #theme-graph .themeSearchHead .select-item .select-content, #theme-search-list .themeSearchHead .select-item .select-content {
  position: relative;
  top: -2px;
  padding-left: 15px
}

#theme-search .themeSearchHead .select-item .selected, #theme-graph .themeSearchHead .select-item .selected, #theme-search-list .themeSearchHead .select-item .selected {
  background: #d04085;
  box-shadow: 0 0 0 2px #d04085
}

#theme-search .themeSearch-content-list, #theme-graph .themeSearch-content-list, #theme-search-list .themeSearch-content-list {
  padding: 5px 0
}

#theme-search .themeSearch-content-list .getMore, #theme-graph .themeSearch-content-list .getMore, #theme-search-list .themeSearch-content-list .getMore {
  height: 100px;
  position: relative
}

#theme-search .themeSearch-content-list .getMore .button, #theme-graph .themeSearch-content-list .getMore .button, #theme-search-list .themeSearch-content-list .getMore .button {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: white;
  border: 1px solid white;
  padding: 10px 60px
}

#theme-search .themeSearch-content-list .getMore .button .ico, #theme-graph .themeSearch-content-list .getMore .button .ico, #theme-search-list .themeSearch-content-list .getMore .button .ico {
  text-align: center;
  position: relative;
  -webkit-transform: rotate(90deg) scaleY(2);
  -ms-transform: rotate(90deg) scaleY(2);
  transform: rotate(90deg) scaleY(2)
}

#theme-search .themeSearch-content-list .getMore .button:hover, #theme-graph .themeSearch-content-list .getMore .button:hover, #theme-search-list .themeSearch-content-list .getMore .button:hover {
  cursor: pointer;
  border-color: #d04085
}

#theme-search .themeSearch-content-list .theme-item, #theme-graph .themeSearch-content-list .theme-item, #theme-search-list .themeSearch-content-list .theme-item {
  margin-bottom: 50px
}

#theme-search .themeSearch-content-list .theme-item .theme-title, #theme-graph .themeSearch-content-list .theme-item .theme-title, #theme-search-list .themeSearch-content-list .theme-item .theme-title {
  text-align: center;
  color: #edd491;
  font-size: 34px;
  line-height: 2em;
  background: url("themeSearch/titlebot.png") no-repeat center bottom;
  margin-bottom: 50px
}

#theme-search .themeSearch-content-list .theme-item .theme-list .item, #theme-graph .themeSearch-content-list .theme-item .theme-list .item, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item {
  padding: 10px;
  border-radius: 0 0 3px 3px
}

#theme-search .themeSearch-content-list .theme-item .theme-list .item:hover, #theme-graph .themeSearch-content-list .theme-item .theme-list .item:hover, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item:hover {
  cursor: pointer
}

#theme-search .themeSearch-content-list .theme-item .theme-list .item:hover img, #theme-graph .themeSearch-content-list .theme-item .theme-list .item:hover img, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2)
}

#theme-search .themeSearch-content-list .theme-item .theme-list .item .img-responsive, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .img-responsive, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .img-responsive {
  transition: 1s
}

#theme-search .themeSearch-content-list .theme-item .theme-list .item .theme-list-img, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .theme-list-img, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .theme-list-img {
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  max-height: 224px
}

@media(max-width:1199px) {
  #theme-search .themeSearch-content-list .theme-item .theme-list .item .theme-list-img, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .theme-list-img, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .theme-list-img {
    max-height: 188.6px
  }
}

@media(max-width:991px) {
  #theme-search .themeSearch-content-list .theme-item .theme-list .item .theme-list-img, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .theme-list-img, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .theme-list-img {
    max-height: 125.1px
  }
}

@media(max-width:639px) {
  #theme-search .themeSearch-content-list .theme-item .theme-list .item .theme-list-img, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .theme-list-img, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .theme-list-img {
    max-height: 254.2px
  }
}

#theme-search .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-top, #theme-search .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-bottom, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-top, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-bottom, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-top, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-bottom {
  position: absolute;
  width: 100%
}

#theme-search .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-top, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-top, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-top {
  top: 0;
  color: white;
  padding: 25px 10px;
  border-radius: 3px 3px 0 0
}

#theme-search .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-top .cityTag, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-top .cityTag, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-top .cityTag {
  border: 1px solid white;
  margin-right: 10px;
  background-color: rgba(4, 9, 12, 0.3);
  border-radius: 9px;
  padding: 0 5px
}

#theme-search .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-bottom, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-bottom, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-bottom {
  height: 20%;
  bottom: 0;
  background: white;
  padding: 10px;
  border-radius: 0 0 3px 3px
}

#theme-search .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-top, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-top, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-top {
  height: 75%
}

#theme-search .themeSearch-content-list .theme-item .theme-list .item .cityName, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .cityName, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .cityName {
  color: black;
  font-size: 18px;
  font-weight: bolder
}

@media(max-width:639px) {
  #theme-search .themeSearch-content-list .theme-item .theme-list .item .cityName, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .cityName, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .cityName {
    font-size: 14px
  }
}

#theme-search .themeSearch-content-list .theme-item .theme-list .item .price, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .price, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .price {
  font-size: 14px;
  color: #d04085
}

#theme-search .themeSearch-content-list .theme-item .theme-list .item .price i, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .price i, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .price i {
  font-size: 18px
}

@media(max-width:639px) {
  #theme-search .themeSearch-content-list .theme-item .theme-list .item .price i, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .price i, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .price i {
    font-size: 14px
  }
}

#theme-search .themeSearch-content-list .theme-item .themeClass-list .img-responsive, #theme-graph .themeSearch-content-list .theme-item .themeClass-list .img-responsive, #theme-search-list .themeSearch-content-list .theme-item .themeClass-list .img-responsive {
  width: 100%
}

#theme-search .themeSearch-content-list .theme-item .themeClass-list .theme-item, #theme-graph .themeSearch-content-list .theme-item .themeClass-list .theme-item, #theme-search-list .themeSearch-content-list .theme-item .themeClass-list .theme-item {
  padding: 0 0 15px 15px;
  position: relative;
  margin-bottom: 0
}

#theme-search .themeSearch-content-list .theme-item .themeClass-list .theme-item:hover, #theme-graph .themeSearch-content-list .theme-item .themeClass-list .theme-item:hover, #theme-search-list .themeSearch-content-list .theme-item .themeClass-list .theme-item:hover {
  cursor: pointer
}

#theme-search .themeSearch-content-list .theme-item .themeClass-list .theme-class-title, #theme-graph .themeSearch-content-list .theme-item .themeClass-list .theme-class-title, #theme-search-list .themeSearch-content-list .theme-item .themeClass-list .theme-class-title {
  position: absolute;
  left: 30px;
  bottom: 20px;
  color: white;
  font-size: 24px;
  max-width: 80%
}

#theme-search .themeSearch-content-list .theme-item .themeClass-list .getmore, #theme-graph .themeSearch-content-list .theme-item .themeClass-list .getmore, #theme-search-list .themeSearch-content-list .theme-item .themeClass-list .getmore {
  position: absolute;
  color: white;
  font-size: 24px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1px solid white;
  padding: 9px
}

#theme-search .themeSearch-content-list .theme-conditon, #theme-graph .themeSearch-content-list .theme-conditon, #theme-search-list .themeSearch-content-list .theme-conditon {
  line-height: 60px
}

#theme-search .themeSearch-content-list .theme-conditon .chooseCity, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity {
  position: relative;
  max-width: 388px
}

#theme-search .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete {
  display: inline-block;
  width: 250px
}

#theme-search .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete #from_autocomplete_label, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete #from_autocomplete_label, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete #from_autocomplete_label {
  display: none
}

#theme-search .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-box, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-box, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-box {
  border: 0
}

#theme-search .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-box[class*='select-open'] ::before, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-box[class*='select-open'] ::before, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-box[class*='select-open'] ::before {
  background-color: white
}

#theme-search .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-box[class*='select-open'] .ui-autocomplete-input, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-box[class*='select-open'] .ui-autocomplete-input, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-box[class*='select-open'] .ui-autocomplete-input {
  color: black;
  background: white
}

#theme-search .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-box::before, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-box::before, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-box::before {
  background: url("themeSearch/down.png") no-repeat scroll right center #223b61
}

#theme-search .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .select-open::before, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .select-open::before, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .select-open::before {
  background: 0
}

#theme-search .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-input, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-input, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: white;
  background: #223b61
}

#theme-search .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete #from_autocomplete_list, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete #from_autocomplete_list, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete #from_autocomplete_list {
  color: black
}

#theme-search .themeSearch-content-list .theme-conditon .chooseCity .cityList, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .cityList, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .cityList {
  position: absolute;
  background: white;
  left: 0;
  top: 100%;
  z-index: 999;
  overflow-y: auto;
  max-height: 168px
}

#theme-search .themeSearch-content-list .theme-conditon .chooseCity .city, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .city, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .city {
  line-height: 2em;
  font-size: 14px;
  padding: 0 10px
}

#theme-search .themeSearch-content-list .theme-conditon .chooseCity .city:hover, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .city:hover, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .city:hover {
  cursor: pointer;
  background: #eee
}

#theme-search .themeSearch-content-list .theme-conditon .chooseCity .selectedCity, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .selectedCity, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .selectedCity {
  color: white
}

#theme-search .themeSearch-content-list .theme-conditon .chooseCity .selectedCity .city-title, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .selectedCity .city-title, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .selectedCity .city-title {
  padding-left: 35px;
  background: url("themeSearch/lcity.png") no-repeat 0 6px;
  display: inline-block;
  line-height: 50px
}

#theme-search .themeSearch-content-list .theme-conditon .chooseCity .selectedCity .selCity, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .selectedCity .selCity, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .selectedCity .selCity {
  color: white;
  border: 0;
  line-height: 20px
}

#theme-search .themeSearch-content-list .theme-conditon .chooseCity .selectedCity .select-City, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .selectedCity .select-City, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .selectedCity .select-City {
  color: black;
  border: 0;
  padding-left: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 14px;
  line-height: 20px
}

#theme-search .themeSearch-content-list .theme-conditon .chooseCity .selectedCity .active, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .selectedCity .active, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .selectedCity .active {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: white;
  background: url("themeSearch/down.png") no-repeat scroll right center #223b61
}

#theme-graph .graph-title {
  color: #fff;
  text-align: center;
  line-height: 120px;
  margin-top: 20px
}

#theme-graph .min-price-graph {
  padding-top: 40px
}

#theme-graph hr {
  margin: 0;
  border-top: 1px solid #2a5390
}

.td123 .column.column-over {
  cursor: not-allowed!important;
  background: rgba(150, 150, 150, 0.6)!important
}

.td123 .column.column-over:hover {
  background: rgba(150, 150, 150, 0.6)!important
}

.td123 .column:hover {
  background: #c83f82!important
}

.themeTagList {
  color: white
}

.themeTagList .themeTag-title {
  font-size: 18px;
  color: #d04085;
  font-weight: 900
}

.themeTagList .themeTag a {
  color: white
}

.themeTagList .themeTag a:hover {
  cursor: pointer;
  color: #d04085;
  text-decoration: underline
}

#order-meal {
  background: white;
  padding: 20px
}

#order-meal .noTxt {
  display: none
}

#order-meal .infoItem {
  margin-bottom: 20px
}

#order-meal .value {
  font-weight: 600
}

#order-meal .ui-radio-wrapper {
  position: relative;
  padding: 20px 20px
}

#order-meal .ui-radio-wrapper .label-image {
  margin-left: 32px
}

#order-meal .ui-radio-wrapper .label-image img {
  max-width: 50px;
  max-height: 48px
}

#order-meal .ui-radio-wrapper .label-text {
  position: absolute;
  left: 116px;
  top: 17px;
  font-weight: 600
}

#order-meal .ui-radio-wrapper .label-txt {
  position: absolute;
  left: 81px;
  top: 42px
}

#order-meal .ui-radio-wrapper .fake-radio {
  position: absolute;
  top: 27px
}

#meal-ticket {
  background: white;
  padding: 10px
}

#ticket-proof {
  background: white;
  padding: 20px
}

#ticket-proof .tip {
  line-height: 2em
}

#ticket-proof .tip-detail {
  padding-left: 20px
}

#ticket-proof .tip-detail::before {
  background: #e4007f;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 8px 15px 0 5px;
  vertical-align: top
}

#ticket-proof h4 {
  padding-left: 10px;
  line-height: 3em;
  font-size: 14px
}

#ticket-proof h4::after {
  content: "*";
  color: #e4007f
}

#ticket-proof .sendWayTitle {
  font-size: 16px
}

#ticket-proof .sendWayTitle .contents {
  display: none
}

#ticket-proof #btn-submit {
  float: right
}

.brandFlight {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.brandFlight .col-xs-8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.brandFlight .col-xs-8 .row {
  width: 100%
}

.brandFlight .disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: .6
}

.brandFlight .carbin_wrap {
  border-right: 2px solid white;
  height: 100%
}

.brandFlight .carbin_box:hover {
  cursor: pointer
}

.brandFlight .business_carbin:hover {
  cursor: pointer
}

.brandFlight .business_carbin:last-child {
  border-right: 0
}

.brandFlight .carbin_top {
  height: 10px
}

.brandFlight .carbin_price {
  height: calc(100% - 10px);
  padding: 10px
}

.brandFlight .carbin_price .price {
  white-space: nowrap;
  line-height: 28px;
  font-size: 20px;
  font-weight: 700;
  white-space: nowrap
}

.brandFlight .carbin_price .carbin_class {
  line-height: 17px;
  font-size: 14px
}

.brandFlight .price_currency {
  line-height: 17px;
  font-size: 12px;
  margin-top: 8px;
  font-weight: normal;
  margin-left: 5px
}

.brandFlight .carbin_Z .carbin_top {
  background: #223b60
}

.brandFlight .carbin_Z .active {
  background: #223b60;
  color: white
}

.brandFlight .carbin_Z .carbin_price {
  border: 1px solid #223b60;
  border-top-color: white
}

.brandFlight .carbin_Y .carbin_top {
  background: #204172
}

.brandFlight .carbin_Y .carbin_price {
  border: 1px solid #204172;
  border-top-color: white
}

.brandFlight .carbin_Y .active {
  background: #204172;
  color: white
}

.brandFlight .carbin_B .carbin_top {
  background: #2a5390
}

.brandFlight .carbin_B .carbin_price {
  border: 1px solid #2a5390;
  border-top-color: white
}

.brandFlight .carbin_B .active {
  background: #2a5390;
  color: white
}

.brandFlight .carbin_W .carbin_top {
  background: #2465a0
}

.brandFlight .carbin_W .carbin_price {
  border: 1px solid #2465a0;
  border-top-color: white
}

.brandFlight .carbin_W .active {
  background: #2465a0;
  color: white
}

.brandFlight .business_J .carbin_top {
  background: #bfa456
}

.brandFlight .business_J .carbin_price {
  height: calc(100% - 10px);
  border: 1px solid #bfa456;
  border-top-color: white
}

.brandFlight .business_J .active {
  background: #bfa456;
  color: white
}

.brandFlight .business_F .carbin_top {
  background: url(brandFlight/business_top.png) #bfa456
}

.brandFlight .business_F .carbin_price {
  border: 1px solid #bfa456;
  border-top-color: white;
  background: url(brandFlight/business_price.png)
}

.brandFlight .business_F .active {
  background: url(brandFlight/business_active.png) #bfa456;
  color: white
}

.carbin_detail {
  margin-top: 2px
}

.carbin_detail .economyCarbin_detail .col-xs-4 {
  width: calc(33.3% - 2px)
}

.carbin_detail .economyCarbin_detail .carbin_list {
  margin: 0 atuo;
  position: relative;
  padding: 20px;
  margin-right: 2px;
  height: 580px;
  border: 1px dotted #204172
}

.carbin_detail .economyCarbin_detail .carbin_list .carbin_label {
  position: absolute;
  right: 0;
  top: 0;
  background: url(brandFlight/label.pvg) no-repeat;
  width: 34%;
  height: 15%
}

.carbin_detail .economyCarbin_detail .carbin_list .carbin_label .label_text {
  color: white;
  position: absolute;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  left: 14%;
  width: 100%;
  white-space: nowrap;
  top: 18%;
  text-align: center;
  font-size: 12px
}

.carbin_detail .economyCarbin_detail .carbin_list:last-child {
  margin-right: 0
}

.carbin_detail .economyCarbin_detail .carbin_list .carbin_title_W span {
  background: url(brandFlight/supercarbin.pvg) no-repeat center top
}

.carbin_detail .economyCarbin_detail .carbin_list .carbin_title span {
  width: 100%;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  color: #223b60;
  padding: 10px 0
}

.carbin_detail .economyCarbin_detail .carbin_list .carbin_title span:hover {
  cursor: pointer;
  text-decoration: underline
}

.carbin_detail .economyCarbin_detail .carbin_list .rights_list {
  padding: 0 20px
}

.carbin_detail .economyCarbin_detail .carbin_list .rights_list .icon {
  width: 14px;
  height: 14px;
  margin-top: 2px
}

.carbin_detail .economyCarbin_detail .carbin_list .rights_list .rights {
  margin-bottom: 15px
}

.carbin_detail .economyCarbin_detail .carbin_list .rights_list .icon_unable {
  background: url(brandFlight/unable.pvg) no-repeat;
  background-size: 100%
}

.carbin_detail .economyCarbin_detail .carbin_list .rights_list .icon_able {
  background: url(brandFlight/able.pvg) no-repeat;
  background-size: 100%
}

.carbin_detail .economyCarbin_detail .carbin_list .carbin_button {
  left: 50%;
  bottom: 20px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  width: 50%;
  line-height: 40px;
  border: 1px solid #2a5390;
  border-radius: 3px;
  text-align: center;
  color: #2a5390
}

.carbin_detail .economyCarbin_detail .carbin_list .carbin_button:hover {
  cursor: pointer
}

.carbin_detail .economyCarbin_detail .carbin_list .carbin_button .choose {
  color: white;
  background: url(brandFlight/choose.pvg) #2a5390 no-repeat 10px;
  padding-left: 16px
}

.carbin_detail .economyCarbin_detail .carbin_list .carbin_z_tip {
  border: 1px solid #f5a623;
  border-radius: 4px;
  position: absolute;
  width: 80%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  color: #333;
  padding: 25px 10px 10px;
  font-size: 12px;
  background: url(brandFlight/attention.pvg) no-repeat #ffeed1 center 4px;
  bottom: 125px
}

.carbin_detail .economyCarbin_detail .carbin_list .carbin_price {
  text-align: center;
  position: absolute;
  bottom: 70px;
  width: 100%;
  left: 0;
  font-size: 18px
}

.carbin_detail .economyCarbin_detail .carbin_list .carbin_price .price_tip {
  font-size: 12px;
  position: absolute;
  width: 102px;
  height: 43px;
  background: url(brandFlight/price_tip.pvg) no-repeat;
  top: -43px;
  left: 47%;
  line-height: 37px;
  color: white
}

.carbin_detail .economyCarbin_detail .carbin_list .carbin_price .price {
  color: #204172;
  font-weight: 700
}

.carbin_detail .economyCarbin_detail .carbin_list .carbin_price .price i {
  font-size: 12px;
  font-weight: normal
}

.carbin_detail .economyCarbin_detail .choose_Z {
  border: 2px solid #223b60!important
}

.carbin_detail .economyCarbin_detail .choose_Y {
  border: 2px solid #204172!important
}

.carbin_detail .economyCarbin_detail .choose_B {
  border: 2px solid #2a5390!important
}

.carbin_detail .economyCarbin_detail .choose_W {
  border: 2px solid #2465a0!important
}

.carbin_detail .economyCarbin_detail .choose_J, .carbin_detail .economyCarbin_detail .choose_F {
  border: 2px solid #bfa456!important
}

.carbin_detail .highCarbin_detail {
  position: relative;
  padding: 10px 40px;
  height: 580px;
  border: 2px solid #bfa456
}

.carbin_detail .highCarbin_detail .carbin_title {
  text-align: center
}

.carbin_detail .highCarbin_detail .carbin_title span {
  display: inline-block;
  text-align: center;
  line-height: 80px;
  font-size: 18px;
  font-weight: 700;
  color: #9d7d21;
  position: relative
}

.carbin_detail .highCarbin_detail .carbin_title span:hover {
  text-decoration: underline;
  cursor: pointer
}

.carbin_detail .highCarbin_detail .carbin_title span::before {
  content: '';
  position: absolute;
  border: 2px solid #9d7d21;
  display: inline-block;
  left: -21px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.carbin_detail .highCarbin_detail .carbin_title span::after {
  content: '';
  position: absolute;
  border: 2px solid #9d7d21;
  display: inline-block;
  right: -21px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.carbin_detail .highCarbin_detail .rights_list {
  padding: 0 20px
}

.carbin_detail .highCarbin_detail .rights_list .col-xs-4 {
  padding: 5px 0
}

.carbin_detail .highCarbin_detail .rights_list .icon {
  width: 14px;
  height: 14px;
  margin-top: 3px
}

.carbin_detail .highCarbin_detail .rights_list .rights {
  margin-bottom: 15px
}

.carbin_detail .highCarbin_detail .rights_list .icon_unable {
  background: url(brandFlight/unable.pvg) no-repeat;
  background-size: 100%
}

.carbin_detail .highCarbin_detail .rights_list .icon_able {
  background: url(brandFlight/able.pvg) no-repeat;
  background-size: 100%
}

.carbin_detail .highCarbin_detail .canchoose_carbin {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  padding: 20px
}

.carbin_detail .highCarbin_detail .canchoose_carbin .title {
  text-align: center;
  color: #b3902c;
  font-size: 14px;
  line-height: 30px;
  position: relative
}

.carbin_detail .highCarbin_detail .canchoose_carbin .title span {
  display: inline-block
}

.carbin_detail .highCarbin_detail .canchoose_carbin .title .title_left {
  position: absolute;
  display: inline-block;
  width: 100%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 1px;
  background: #bfa456;
  z-index: -1
}

.carbin_detail .highCarbin_detail .canchoose_carbin .title .title_center {
  padding: 0 5px;
  margin: 0 auto;
  border-top: 1px solid #bfa456;
  border-bottom: 1px solid #bfa456;
  position: relative;
  background: white
}

.carbin_detail .highCarbin_detail .canchoose_carbin .title .title_center::before {
  content: '';
  display: inline-block;
  background: url(brandFlight/iconleft.png) no-repeat white;
  height: 32px;
  position: absolute;
  width: 28px;
  left: -23px;
  background-size: 100% 100%;
  top: -1px
}

.carbin_detail .highCarbin_detail .canchoose_carbin .title .title_center::after {
  content: '';
  display: inline-block;
  background: url(brandFlight/iconright.png) no-repeat white;
  height: 32px;
  position: absolute;
  width: 28px;
  right: -23px;
  background-size: 100% 100%;
  top: -1px
}

.carbin_detail .highCarbin_detail .canchoose_carbin .carbin_2 {
  width: 60%
}

.carbin_detail .highCarbin_detail .canchoose_carbin .carbin_1 {
  width: 33%
}

.carbin_detail .highCarbin_detail .canchoose_carbin .carbin_3 {
  width: 90%
}

.carbin_detail .highCarbin_detail .canchoose_carbin .carbin_4 {
  width: 100%
}

.carbin_detail .highCarbin_detail .canchoose_carbin .box {
  padding: 10px;
  height: 250px;
  text-align: center
}

.carbin_detail .highCarbin_detail .canchoose_carbin .box .carbin_sub_title {
  color: #bfa456;
  font-size: 16px;
  line-height: 40px
}

.carbin_detail .highCarbin_detail .canchoose_carbin .box .refund_change, .carbin_detail .highCarbin_detail .canchoose_carbin .box .carbin_price {
  color: #333;
  padding: 10px 0
}

.carbin_detail .highCarbin_detail .canchoose_carbin .box .points, .carbin_detail .highCarbin_detail .canchoose_carbin .box .refund_change {
  text-align: left;
  padding-left: 50px
}

.carbin_detail .highCarbin_detail .canchoose_carbin .box .points::before, .carbin_detail .highCarbin_detail .canchoose_carbin .box .refund_change::before {
  content: '•';
  color: #bfa456;
  font-weight: 700;
  position: absolute;
  left: 53px
}

.carbin_detail .highCarbin_detail .canchoose_carbin .box .carbin_price {
  padding: 10px 0;
  color: #333
}

.carbin_detail .highCarbin_detail .canchoose_carbin .box .carbin_price .price {
  font-size: 18px;
  font-weight: 700
}

.carbin_detail .highCarbin_detail .canchoose_carbin .box .carbin_price .price i {
  font-size: 12px;
  font-weight: normal
}

.carbin_detail .highCarbin_detail .canchoose_carbin .box .carbin_button {
  color: #bfa456;
  border: 1px solid #bfa456;
  width: 124px;
  line-height: 40px;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  bottom: 37px
}

.carbin_detail .highCarbin_detail .canchoose_carbin .box .carbin_button:hover {
  cursor: pointer
}

.carbin_detail .highCarbin_detail .canchoose_carbin .box .carbin_button .choose {
  color: white;
  background: url(brandFlight/choose.pvg) no-repeat #bfa456 18px center;
  padding-left: 10px
}

.carbin_detail .highCarbin_detail .canchoose_carbin .carbin_list {
  margin: 0 auto
}

.carbin_detail .highCarbin_detail .canchoose_carbin .carbin_list .carbin {
  padding: 10px
}

.carbin_detail .highCarbin_detail .canchoose_carbin .carbin_list .carbin .box {
  border: 1px dotted #bfa456
}

.carbin_detail .highCarbin_detail .canchoose_carbin .carbin_list .choose_carbin .box {
  border: 1px solid #bfa456;
  background: #f6f2e7
}

.carbin_detail .lookForAllrights .title {
  float: right;
  color: #8d8d8d;
  padding-right: 25px;
  background: url(brandFlight/gray.pvg) no-repeat right center
}

.carbin_detail .lookForAllrights .title :hover {
  cursor: pointer;
  text-decoration: underline
}

.text_hover:hover {
  cursor: pointer;
  text-decoration: underline
}

.en-markup-crop-options {
  top: 18px!important;
  left: 50%!important;
  margin-left: -100px!important;
  width: 200px!important;
  border: 2px rgba(255, 255, 255, .38) solid!important;
  border-radius: 4px!important
}

.en-markup-crop-options div div:first-of-type {
  margin-left: 0!important
}

.ui-select-wrapper .ui-select-box:before {
  content: '';
  background: url(dropdown.png) no-repeat;
  background-size: 80%;
  width: 16px;
  height: 12px;
  position: absolute;
  right: 0;
  top: 40%;
  z-index: 1;
  pointer-events: none
}

.selectSpan:before {
  content: '';
  background: url(dropdown.png) no-repeat;
  background-size: 80%;
  width: 16px;
  height: 12px;
  position: absolute;
  right: 0;
  top: 40%;
  z-index: 1;
  pointer-events: none
}