@charset "UTF-8";
.dropdown-box, .detail-pagination ul { margin: 0; padding: 0; list-style: none; }

@font-face { font-family: 'BBCICON-l'; src: url("../bbc-icon/light/fonts/BBC-Light.eot?x03698"); src: url("../bbc-icon/light/fonts/BBC-Light.eot?x03698#iefix") format("embedded-opentype"), url("../bbc-icon/light/fonts/BBC-Light.ttf?x03698") format("truetype"), url("../bbc-icon/light/fonts/BBC-Light.woff?x03698") format("woff"), url("../bbc-icon/light/fonts/BBC-Light.svg?x03698#BBC-Light") format("svg"); font-weight: lighter; font-style: normal; }

@font-face { font-family: 'BBCICON-r'; src: url("../bbc-icon/regular/fonts/BBC-Regular.eot?x03698"); src: url("../bbc-icon/regular/fonts/BBC-Regular.eot?x03698#iefix") format("embedded-opentype"), url("../bbc-icon/regular/fonts/BBC-Regular.ttf?x03698") format("truetype"), url("../bbc-icon/regular/fonts/BBC-Regular.woff?x03698") format("woff"), url("../bbc-icon/regular/fonts/BBC-Regular.svg?x03698#BBC-Regular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'BBCICON-s'; src: url("../bbc-icon/solid/fonts/BBC-Solid.eot?x03698"); src: url("../bbc-icon/solid/fonts/BBC-Solid.eot?x03698#iefix") format("embedded-opentype"), url("../bbc-icon/solid/fonts/BBC-Solid.ttf?x03698") format("truetype"), url("../bbc-icon/solid/fonts/BBC-Solid.woff?x03698") format("woff"), url("../bbc-icon/solid/fonts/BBC-Solid.svg?x03698#BBC-Solid") format("svg"); font-weight: bold; font-style: normal; }

@font-face { font-family: 'BBC-Brands'; src: url("../bbc-icon/brands/fonts/BBC-Brands.eot?obir7i"); src: url("../bbc-icon/brands/fonts/BBC-Brands.eot?obir7i#iefix") format("embedded-opentype"), url("../bbc-icon/brands/fonts/BBC-Brands.ttf?obir7i") format("truetype"), url("../bbc-icon/brands/fonts/BBC-Brands.woff?obir7i") format("woff"), url("../bbc-icon/brands/fonts/BBC-Brands.svg?obir7i#BBC-Brands") format("svg"); font-weight: normal; font-style: normal; }

.br, .bl, .bs, .bb, .pages-v2 .next a:before, .pages-v2 .end a:before, .pages-v2 .first a:before, .pages-v2 .prev a:before { speak: none; font-style: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; }

.br { font-family: 'BBCICON-r' !important; }

.bl { font-family: 'BBCICON-l' !important; font-weight: lighter; }

.bs { font-family: 'BBCICON-s' !important; font-weight: bold; }

.bb { font-family: 'BBC-Brands' !important; line-height: 1; font-weight: normal; font-variant: normal; }

.bbc-angle-double-left:before { content: "\e900"; }

.bbc-angle-double-right:before { content: "\e909"; }

.bbc-angle-left:before { content: "\e902"; }

.bbc-angle-right:before { content: "\e903"; }

.bbc-arrow-alt-to-top:before { content: "\e904"; }

.bbc-arrow-left:before { content: "\e905"; }

.bbc-arrow-right:before { content: "\e906"; }

.bbc-arrow-to-top:before { content: "\e907"; }

.bbc-calendar:before { content: "\e908"; }

.bbc-calendar-alt:before { content: "\e90a"; }

.bbc-calendar-check:before { content: "\e90b"; }

.bbc-check:before { content: "\e90c"; }

.bbc-chevron-left:before { content: "\e90d"; }

.bbc-chevron-right:before { content: "\e90e"; }

.bbc-comment-alt-dots:before { content: "\e901"; }

.bbc-comments-alt:before { content: "\e927"; }

.bbc-envelope:before { content: "\e90f"; }

.bbc-eye:before { content: "\e910"; }

.bbc-globe:before { content: "\e924"; }

.bbc-globe-asia:before { content: "\e925"; }

.bbc-heart:before { content: "\e911"; }

.bbc-home:before { content: "\e912"; }

.bbc-link:before { content: "\e928"; }

.bbc-lock-alt:before { content: "\e913"; }

.bbc-long-arrow-left:before { content: "\e914"; }

.bbc-long-arrow-right:before { content: "\e915"; }

.bbc-map-marker-alt:before { content: "\e916"; }

.bbc-mobile:before { content: "\e917"; }

.bbc-mobile-alt:before { content: "\e918"; }

.bbc-phone:before { content: "\e919"; }

.bbc-phone-volume:before { content: "\e91a"; }

.bbc-play:before { content: "\e91b"; }

.bbc-plus:before { content: "\e91c"; }

.bbc-search:before { content: "\e91d"; }

.bbc-share-alt:before { content: "\e91e"; }

.bbc-star:before { content: "\e91f"; }

.bbc-sync:before { content: "\e920"; }

.bbc-times:before { content: "\e921"; }

.bbc-trash-alt:before { content: "\e922"; }

.bbc-user:before { content: "\e923"; }

.bbc-users:before { content: "\e926"; }

.bbc-baidu-tie:before { content: "\e900"; }

.bbc-douban:before { content: "\e901"; }

.bbc-micro-programe:before { content: "\e902"; }

.bbc-qq:before { content: "\e903"; }

.bbc-qqzone:before { content: "\e904"; }

.bbc-renren:before { content: "\e905"; }

.bbc-tencent-weibo:before { content: "\e906"; }

.bbc-weibo:before { content: "\e907"; }

.bbc-weixin:before { content: "\e908"; }

.navbar-normal .nav { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (min-width: 768px) { .navbar-normal .nav > li { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } }

@media (min-width: 768px) { .navbar-normal .nav-icon { display: none; } }

.ie9 .navbar-normal .nav { display: table; }

.ie9 .navbar-normal .nav > li { display: table-cell; }

.navbar-auto .nav { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (min-width: 768px) { .navbar-auto .nav > li { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: none; } }

.ie9 .navbar-auto .nav { display: table; }

.ie9 .navbar-auto .nav > li { display: table-cell; }

@media (min-width: 576px) { .navbar-collapse.collapse:not(.show) { display: block; } }

@media (max-width: 991.98px) { .navbar-collapse.collapse:not(.show) { display: none; } }

.navbar-toggle { color: #FFF; display: block; width: 40px; height: 38px; padding: 4px 0; }

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

.navbar-toggle .bar { display: block; width: 22px; height: 0; border-top: 2px solid; margin: 6px auto; position: relative; -webkit-transition: opacity .35s ease, -webkit-transform .35s ease; transition: opacity .35s ease, -webkit-transform .35s ease; transition: transform .35s ease, opacity .35s ease; transition: transform .35s ease, opacity .35s ease, -webkit-transform .35s ease; }

.navbar-toggle:not(.collapsed) .bar:first-child { -webkit-transform: translate(0, 8px) rotate(45deg); transform: translate(0, 8px) rotate(45deg); }

.navbar-toggle:not(.collapsed) .bar:nth-child(2) { opacity: 0; }

.navbar-toggle:not(.collapsed) .bar:last-child { -webkit-transform: translate(0, -8px) rotate(-45deg); transform: translate(0, -8px) rotate(-45deg); }

@media (min-width: 768px) { .navbar-right .nav { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } }

.dropdown-box { display: none; }

@media (min-width: 992px) { .dropdown-box { display: block; position: absolute; top: 100%; right: 50%; -webkit-transform: translate(50%, 0); transform: translate(50%, 0); z-index: 999; min-width: 100%; white-space: nowrap; background-color: #FFF; padding: 5px 0; border-top: 1px solid #ddd; text-align: center; visibility: hidden; opacity: 0; -webkit-transition: opacity .35s ease; transition: opacity .35s ease; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35); }
  .dropdown-box li { border: 0 !important; }
  .dropdown-box a { padding: 7px 15px; text-decoration: none; } }

.dropdown:hover .dropdown-box { opacity: 1; visibility: visible; }

.banner { background-position: center center; background-repeat: no-repeat; background-color: #eee; overflow: hidden; display: block; background-size: cover; }

.banner:before { display: block; content: ""; position: relative; z-index: 1; }

.banner-index:before { padding-top: 500px; }

@media (max-width: 1199.98px) { .banner-index:before { padding-top: 26.04167%; } }

.banner-page:before { padding-top: 26.04167%; }

.banner-page-v2:before { padding-top: 31.25%; }

.notify { z-index: 1099; }

.notify ~ .notify { z-index: 1100; }

.modal-backdrop ~ .modal-backdrop { z-index: 1050; }

.notify ~ .modal-backdrop { z-index: 1098; }

@media (min-width: 768px) { .notify { padding-right: 17px; } }

.notify .notify-desc { color: #999; }

.notify .modal-dialog { max-width: 420px; }

.notify .modal-content { border-radius: 10px; }

.notify .modal-footer { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; }

.notify .modal-footer > .btn { margin: 0; -ms-flex-preferred-size: 0; flex-basis: 0; border-color: transparent !important; -ms-flex-positive: 1; padding-top: 10px; padding-bottom: 10px; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; border-radius: 0; background-color: #FFF; color: #444; border-left: 1px solid #e9ecef !important; }

.notify .modal-footer > .btn:hover { background-color: #f6f6f6; }

.notify .modal-footer > .btn:active { background-color: #e8e8e8; }

.notify .modal-footer > .btn.btn-ok, .notify .modal-footer > .btn.btn-primary { color: #24466e; }

.notify .modal-footer > .btn:first-child { border-left: 0 !important; border-bottom-left-radius: 10px; }

.notify .modal-footer > .btn:last-child { border-bottom-right-radius: 10px; }

.ie9 .notify .notify .modal-footer { display: table; }

.ie9 .notify .notify .modal-footer > .btn { display: table-cell; }

.notify-alert .modal-dialog { max-width: 360px; }

.notify-auto { color: #999999; font-size: 12px; text-align: center; }

.row-list { margin: 0 -15px; list-style: none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.row-list > li { padding: 0 15px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; }

.row-1 > li, .row-1 > div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; }

.row-2 > li, .row-2 > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; }

.row-3 > li, .row-3 > div { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; width: 33.33333%; }

.row-4 > li, .row-4 > div { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; }

.row-5 > li, .row-5 > div { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; }

.row-6 > li, .row-6 > div { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; width: 16.66667%; }

.row-7 > li, .row-7 > div { -webkit-box-flex: 0; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; width: 14.28571%; }

.row-8 > li, .row-8 > div { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; width: 12.5%; }

.row-1 > li, .row-1 > div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; }

.row-2 > li, .row-2 > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; }

.row-3 > li, .row-3 > div { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; width: 33.33333%; }

.row-4 > li, .row-4 > div { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; }

.row-5 > li, .row-5 > div { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; }

.row-6 > li, .row-6 > div { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; width: 16.66667%; }

.row-7 > li, .row-7 > div { -webkit-box-flex: 0; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; width: 14.28571%; }

.row-8 > li, .row-8 > div { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; width: 12.5%; }

@media (min-width: 576px) { .row-sm-1 > li, .row-sm-1 > div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; }
  .row-sm-2 > li, .row-sm-2 > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; }
  .row-sm-3 > li, .row-sm-3 > div { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; width: 33.33333%; }
  .row-sm-4 > li, .row-sm-4 > div { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; }
  .row-sm-5 > li, .row-sm-5 > div { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; }
  .row-sm-6 > li, .row-sm-6 > div { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; width: 16.66667%; }
  .row-sm-7 > li, .row-sm-7 > div { -webkit-box-flex: 0; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; width: 14.28571%; }
  .row-sm-8 > li, .row-sm-8 > div { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; width: 12.5%; } }

@media (min-width: 768px) { .row-md-1 > li, .row-md-1 > div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; }
  .row-md-2 > li, .row-md-2 > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; }
  .row-md-3 > li, .row-md-3 > div { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; width: 33.33333%; }
  .row-md-4 > li, .row-md-4 > div { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; }
  .row-md-5 > li, .row-md-5 > div { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; }
  .row-md-6 > li, .row-md-6 > div { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; width: 16.66667%; }
  .row-md-7 > li, .row-md-7 > div { -webkit-box-flex: 0; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; width: 14.28571%; }
  .row-md-8 > li, .row-md-8 > div { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; width: 12.5%; } }

@media (min-width: 992px) { .row-lg-1 > li, .row-lg-1 > div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; }
  .row-lg-2 > li, .row-lg-2 > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; }
  .row-lg-3 > li, .row-lg-3 > div { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; width: 33.33333%; }
  .row-lg-4 > li, .row-lg-4 > div { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; }
  .row-lg-5 > li, .row-lg-5 > div { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; }
  .row-lg-6 > li, .row-lg-6 > div { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; width: 16.66667%; }
  .row-lg-7 > li, .row-lg-7 > div { -webkit-box-flex: 0; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; width: 14.28571%; }
  .row-lg-8 > li, .row-lg-8 > div { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; width: 12.5%; } }

@media (min-width: 1200px) { .row-xl-1 > li, .row-xl-1 > div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; }
  .row-xl-2 > li, .row-xl-2 > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; }
  .row-xl-3 > li, .row-xl-3 > div { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; width: 33.33333%; }
  .row-xl-4 > li, .row-xl-4 > div { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; }
  .row-xl-5 > li, .row-xl-5 > div { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; }
  .row-xl-6 > li, .row-xl-6 > div { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; width: 16.66667%; }
  .row-xl-7 > li, .row-xl-7 > div { -webkit-box-flex: 0; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; width: 14.28571%; }
  .row-xl-8 > li, .row-xl-8 > div { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; width: 12.5%; } }

@media (min-width: 1300px) { .row-mxl-1 > li, .row-mxl-1 > div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; }
  .row-mxl-2 > li, .row-mxl-2 > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; }
  .row-mxl-3 > li, .row-mxl-3 > div { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; width: 33.33333%; }
  .row-mxl-4 > li, .row-mxl-4 > div { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; }
  .row-mxl-5 > li, .row-mxl-5 > div { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; }
  .row-mxl-6 > li, .row-mxl-6 > div { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; width: 16.66667%; }
  .row-mxl-7 > li, .row-mxl-7 > div { -webkit-box-flex: 0; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; width: 14.28571%; }
  .row-mxl-8 > li, .row-mxl-8 > div { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; width: 12.5%; } }

@media (min-width: 1600px) { .row-xxl-1 > li, .row-xxl-1 > div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; }
  .row-xxl-2 > li, .row-xxl-2 > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; }
  .row-xxl-3 > li, .row-xxl-3 > div { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; width: 33.33333%; }
  .row-xxl-4 > li, .row-xxl-4 > div { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; }
  .row-xxl-5 > li, .row-xxl-5 > div { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; }
  .row-xxl-6 > li, .row-xxl-6 > div { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; width: 16.66667%; }
  .row-xxl-7 > li, .row-xxl-7 > div { -webkit-box-flex: 0; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; width: 14.28571%; }
  .row-xxl-8 > li, .row-xxl-8 > div { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; width: 12.5%; } }

.pagination .pages { margin: 0 -4px; }

.pagination li { display: inline-block; padding: 0 4px; vertical-align: middle; }

.pagination a { height: 30px; line-height: 28px; min-width: 30px; padding: 0 7px; text-align: center; -webkit-transition: all .35s; transition: all .35s; border: 1px solid #cccccc; color: #666666; display: block; }

.pagination a:hover { background-color: #8f0302; border-color: #8f0302; color: #FFF; }

.pagination .active a { background-color: #8f0302; border-color: #8f0302; color: #FFF; }

.pages-v1 .next a:before { content: "下一页"; }

.pages-v1 .end a:before { content: "尾页"; }

.pages-v1 .prev a:before { content: "上一页"; }

.pages-v1 .first a:before { content: "首页"; }

.pages-v2 .next a:before, .pages-v2 .end a:before, .pages-v2 .first a:before, .pages-v2 .prev a:before { display: inline-block; }

.pages-v2 .next a:before { content: "\e903"; }

.pages-v2 .prev a:before { content: "\e902"; }

.pages-v2 .first a:before { content: "\e900"; }

.pages-v2 .end a:before { content: "\e901"; }

/*------------------------------------ Box-shadows Styles ------------------------------------ */
[class*="shadow--hover"] { -webkit-transition: -webkit-box-shadow .35s ease; transition: -webkit-box-shadow .35s ease; transition: box-shadow .35s ease; transition: box-shadow .35s ease, -webkit-box-shadow .35s ease; }

.shadow-none { -webkit-box-shadow: none !important; box-shadow: none !important; }

.shadow-none--focus:focus { -webkit-box-shadow: none !important; box-shadow: none !important; }

.g-parent:hover .shadow-none--parent-hover { -webkit-box-shadow: none !important; box-shadow: none !important; }

/*------------------------------------ Box-shadows-v1 ------------------------------------ */
.shadow-v1, .shadow--hover-v1:hover { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }

.shadow-v1-1, .shadow--hover-v1-1:hover { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }

.shadow-v1-2, .shadow--hover-v1-2:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.shadow-v1-3, .shadow--hover-v1-3:hover { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }

.shadow-v1-4, .shadow--hover-v1-4:hover { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

/*------------------------------------ Box-shadows-v2 ------------------------------------ */
.shadow-v2 { -webkit-box-shadow: 0 12px 12px -8px rgba(0, 0, 0, 0.2); box-shadow: 0 12px 12px -8px rgba(0, 0, 0, 0.2); }

.shadow-v2-1, .shadow--hover-v2-1:hover { -webkit-box-shadow: 0 6px 6px -4px rgba(0, 0, 0, 0.2); box-shadow: 0 6px 6px -4px rgba(0, 0, 0, 0.2); }

.shadow-v2-2, .shadow--hover-v2-2:hover { -webkit-box-shadow: 0 12px 12px -8px rgba(0, 0, 0, 0.2); box-shadow: 0 12px 12px -8px rgba(0, 0, 0, 0.2); }

.shadow-v2-3, .shadow--hover-v2-3:hover { -webkit-box-shadow: 0 18px 18px -12px rgba(0, 0, 0, 0.2); box-shadow: 0 18px 18px -12px rgba(0, 0, 0, 0.2); }

.shadow-v2-4, .shadow--hover-v2-4:hover { -webkit-box-shadow: 0 24px 24px -16px rgba(0, 0, 0, 0.2); box-shadow: 0 24px 24px -16px rgba(0, 0, 0, 0.2); }

/*------------------------------------ Box-shadows-v3-v4-v5 ------------------------------------ */
[class*="shadow--hover-v3"]:after, [class*="shadow--hover-v3"]:before { -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-transition: -webkit-box-shadow .35s ease; transition: -webkit-box-shadow .35s ease; transition: box-shadow .35s ease; transition: box-shadow .35s ease, -webkit-box-shadow .35s ease; }

.shadow-v3 { position: relative; }

.shadow-v3:after, .shadow-v3:before { content: ""; display: none; position: absolute; top: 80%; max-width: 300px; width: 50%; background: rgba(0, 0, 0, 0.2); z-index: -1; bottom: 30px; -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2); }

.shadow-v3:after { display: block; right: 10px; -webkit-transform: rotate(3deg); transform: rotate(3deg); }

.shadow-v3:before { display: block; left: 10px; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); }

.shadow-v3:hover:after, .shadow-v3:hover:before { -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important; }

.shadow-v3-left { position: relative; }

.shadow-v3-left:after, .shadow-v3-left:before { content: ""; display: none; position: absolute; top: 80%; max-width: 300px; width: 50%; background: rgba(0, 0, 0, 0.2); z-index: -1; bottom: 30px; -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2); }

.shadow-v3-left:before { display: block; left: 10px; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); }

.shadow-v3-left:hover:after, .shadow-v3-left:hover:before { -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important; }

.shadow-v3-right { position: relative; }

.shadow-v3-right:after, .shadow-v3-right:before { content: ""; display: none; position: absolute; top: 80%; max-width: 300px; width: 50%; background: rgba(0, 0, 0, 0.2); z-index: -1; bottom: 30px; -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2); }

.shadow-v3-right:after { display: block; right: 10px; -webkit-transform: rotate(3deg); transform: rotate(3deg); }

.shadow-v3-right:hover:after, .shadow-v3-right:hover:before { -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important; }

.shadow--hover-v3-left { position: relative; }

.shadow--hover-v3-left:after, .shadow--hover-v3-left:before { content: ""; display: none; position: absolute; top: 80%; max-width: 300px; width: 50%; background: rgba(0, 0, 0, 0.2); z-index: -1; bottom: 30px; -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2); }

.shadow--hover-v3-left:before { display: block; left: 10px; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); }

.shadow--hover-v3-left:hover:after, .shadow--hover-v3-left:hover:before { -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important; }

.shadow--hover-v3-right { position: relative; }

.shadow--hover-v3-right:after, .shadow--hover-v3-right:before { content: ""; display: none; position: absolute; top: 80%; max-width: 300px; width: 50%; background: rgba(0, 0, 0, 0.2); z-index: -1; bottom: 30px; -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2); }

.shadow--hover-v3-right:before { display: block; left: 10px; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); }

.shadow--hover-v3-right:hover:after, .shadow--hover-v3-right:hover:before { -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important; }

/*------------------------------------ Box-shadows-v7 ------------------------------------ */
.shadow-v4-left { -webkit-box-shadow: -10px 10px 20px -10px rgba(0, 0, 0, 0.075); box-shadow: -10px 10px 20px -10px rgba(0, 0, 0, 0.075); }

.shadow-v4-right { -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.075); box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.075); }

.shadow-v4-left-1, .shadow--hover-v4-left-1:hover { -webkit-box-shadow: -5px 5px 10px -5px rgba(0, 0, 0, 0.075); box-shadow: -5px 5px 10px -5px rgba(0, 0, 0, 0.075); }

.shadow-v4-right-1, .shadow--hover-v4-right-1:hover { -webkit-box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.075); box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.075); }

.shadow-v4-left-2, .shadow--hover-v4-left-2:hover { -webkit-box-shadow: -10px 10px 20px -10px rgba(0, 0, 0, 0.1125); box-shadow: -10px 10px 20px -10px rgba(0, 0, 0, 0.1125); }

.shadow-v4-right-2, .shadow--hover-v4-right-2:hover { -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.1125); box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.1125); }

.shadow-v4-left-3, .shadow--hover-v4-left-3:hover { -webkit-box-shadow: -15px 15px 30px -15px rgba(0, 0, 0, 0.15); box-shadow: -15px 15px 30px -15px rgba(0, 0, 0, 0.15); }

.shadow-v4-right-3, .shadow--hover-v4-right-3:hover { -webkit-box-shadow: 15px 15px 30px -15px rgba(0, 0, 0, 0.15); box-shadow: 15px 15px 30px -15px rgba(0, 0, 0, 0.15); }

.shadow-v4-left-4, .shadow--hover-v4-left-4:hover { -webkit-box-shadow: -20px 20px 40px -20px rgba(0, 0, 0, 0.1875); box-shadow: -20px 20px 40px -20px rgba(0, 0, 0, 0.1875); }

.shadow-v4-right-4, .shadow--hover-v4-right-4:hover { -webkit-box-shadow: 20px 20px 40px -20px rgba(0, 0, 0, 0.1875); box-shadow: 20px 20px 40px -20px rgba(0, 0, 0, 0.1875); }

.label-required { position: relative; }

.label-required:before { content: "*"; color: #dc3545; position: absolute; display: inline-block; vertical-align: middle; width: 0.75em; margin-left: -0.75em; }

.help-block { display: none; }

.img-responsive {max-width: 100%; height: auto !important;}

.has-error .form-control { border-color: #dc3545; }

.has-error .help-block { margin-top: 5px; display: block; color: #dc3545; }

.has-error label { color: #dc3545 !important; }

.has-error .checker .checker-radio:before, .has-error .checker .checker-checkbox:before { border-color: #dc3545; }

.form-v1 .col-form-label { margin-left: 15px; width: calc(100% - 30px); }

.form-label-3 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 3em; flex: 0 0 3em; max-width: 3em; }

.form-label-3 .col-js-select { max-width: calc(100% - 3em - 15px); }

.form-label-4 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 4em; flex: 0 0 4em; max-width: 4em; }

.form-label-4 .col-js-select { max-width: calc(100% - 4em - 15px); }

.form-label-5 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 5em; flex: 0 0 5em; max-width: 5em; }

.form-label-5 .col-js-select { max-width: calc(100% - 5em - 15px); }

.form-label-6 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 6em; flex: 0 0 6em; max-width: 6em; }

.form-label-6 .col-js-select { max-width: calc(100% - 6em - 15px); }

.form-label-7 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 7em; flex: 0 0 7em; max-width: 7em; }

.form-label-7 .col-js-select { max-width: calc(100% - 7em - 15px); }

@media (min-width: 576px) { .form-sm-label-3 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 3em; flex: 0 0 3em; max-width: 3em; }
  .form-sm-label-3 .col-js-select { max-width: calc(100% - 3em - 15px); } }

@media (min-width: 576px) { .form-sm-label-4 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 4em; flex: 0 0 4em; max-width: 4em; }
  .form-sm-label-4 .col-js-select { max-width: calc(100% - 4em - 15px); } }

@media (min-width: 576px) { .form-sm-label-5 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 5em; flex: 0 0 5em; max-width: 5em; }
  .form-sm-label-5 .col-js-select { max-width: calc(100% - 5em - 15px); } }

@media (min-width: 576px) { .form-sm-label-6 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 6em; flex: 0 0 6em; max-width: 6em; }
  .form-sm-label-6 .col-js-select { max-width: calc(100% - 6em - 15px); } }

@media (min-width: 576px) { .form-sm-label-7 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 7em; flex: 0 0 7em; max-width: 7em; }
  .form-sm-label-7 .col-js-select { max-width: calc(100% - 7em - 15px); } }

@media (min-width: 768px) { .form-md-label-3 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 3em; flex: 0 0 3em; max-width: 3em; }
  .form-md-label-3 .col-js-select { max-width: calc(100% - 3em - 15px); } }

@media (min-width: 768px) { .form-md-label-4 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 4em; flex: 0 0 4em; max-width: 4em; }
  .form-md-label-4 .col-js-select { max-width: calc(100% - 4em - 15px); } }

@media (min-width: 768px) { .form-md-label-5 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 5em; flex: 0 0 5em; max-width: 5em; }
  .form-md-label-5 .col-js-select { max-width: calc(100% - 5em - 15px); } }

@media (min-width: 768px) { .form-md-label-6 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 6em; flex: 0 0 6em; max-width: 6em; }
  .form-md-label-6 .col-js-select { max-width: calc(100% - 6em - 15px); } }

@media (min-width: 768px) { .form-md-label-7 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 7em; flex: 0 0 7em; max-width: 7em; }
  .form-md-label-7 .col-js-select { max-width: calc(100% - 7em - 15px); } }

@media (min-width: 992px) { .form-lg-label-3 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 3em; flex: 0 0 3em; max-width: 3em; }
  .form-lg-label-3 .col-js-select { max-width: calc(100% - 3em - 15px); } }

@media (min-width: 992px) { .form-lg-label-4 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 4em; flex: 0 0 4em; max-width: 4em; }
  .form-lg-label-4 .col-js-select { max-width: calc(100% - 4em - 15px); } }

@media (min-width: 992px) { .form-lg-label-5 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 5em; flex: 0 0 5em; max-width: 5em; }
  .form-lg-label-5 .col-js-select { max-width: calc(100% - 5em - 15px); } }

@media (min-width: 992px) { .form-lg-label-6 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 6em; flex: 0 0 6em; max-width: 6em; }
  .form-lg-label-6 .col-js-select { max-width: calc(100% - 6em - 15px); } }

@media (min-width: 992px) { .form-lg-label-7 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 7em; flex: 0 0 7em; max-width: 7em; }
  .form-lg-label-7 .col-js-select { max-width: calc(100% - 7em - 15px); } }

@media (min-width: 1200px) { .form-xl-label-3 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 3em; flex: 0 0 3em; max-width: 3em; }
  .form-xl-label-3 .col-js-select { max-width: calc(100% - 3em - 15px); } }

@media (min-width: 1200px) { .form-xl-label-4 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 4em; flex: 0 0 4em; max-width: 4em; }
  .form-xl-label-4 .col-js-select { max-width: calc(100% - 4em - 15px); } }

@media (min-width: 1200px) { .form-xl-label-5 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 5em; flex: 0 0 5em; max-width: 5em; }
  .form-xl-label-5 .col-js-select { max-width: calc(100% - 5em - 15px); } }

@media (min-width: 1200px) { .form-xl-label-6 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 6em; flex: 0 0 6em; max-width: 6em; }
  .form-xl-label-6 .col-js-select { max-width: calc(100% - 6em - 15px); } }

@media (min-width: 1200px) { .form-xl-label-7 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 7em; flex: 0 0 7em; max-width: 7em; }
  .form-xl-label-7 .col-js-select { max-width: calc(100% - 7em - 15px); } }

@media (min-width: 1300px) { .form-mxl-label-3 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 3em; flex: 0 0 3em; max-width: 3em; }
  .form-mxl-label-3 .col-js-select { max-width: calc(100% - 3em - 15px); } }

@media (min-width: 1300px) { .form-mxl-label-4 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 4em; flex: 0 0 4em; max-width: 4em; }
  .form-mxl-label-4 .col-js-select { max-width: calc(100% - 4em - 15px); } }

@media (min-width: 1300px) { .form-mxl-label-5 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 5em; flex: 0 0 5em; max-width: 5em; }
  .form-mxl-label-5 .col-js-select { max-width: calc(100% - 5em - 15px); } }

@media (min-width: 1300px) { .form-mxl-label-6 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 6em; flex: 0 0 6em; max-width: 6em; }
  .form-mxl-label-6 .col-js-select { max-width: calc(100% - 6em - 15px); } }

@media (min-width: 1300px) { .form-mxl-label-7 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 7em; flex: 0 0 7em; max-width: 7em; }
  .form-mxl-label-7 .col-js-select { max-width: calc(100% - 7em - 15px); } }

@media (min-width: 1600px) { .form-xxl-label-3 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 3em; flex: 0 0 3em; max-width: 3em; }
  .form-xxl-label-3 .col-js-select { max-width: calc(100% - 3em - 15px); } }

@media (min-width: 1600px) { .form-xxl-label-4 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 4em; flex: 0 0 4em; max-width: 4em; }
  .form-xxl-label-4 .col-js-select { max-width: calc(100% - 4em - 15px); } }

@media (min-width: 1600px) { .form-xxl-label-5 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 5em; flex: 0 0 5em; max-width: 5em; }
  .form-xxl-label-5 .col-js-select { max-width: calc(100% - 5em - 15px); } }

@media (min-width: 1600px) { .form-xxl-label-6 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 6em; flex: 0 0 6em; max-width: 6em; }
  .form-xxl-label-6 .col-js-select { max-width: calc(100% - 6em - 15px); } }

@media (min-width: 1600px) { .form-xxl-label-7 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 7em; flex: 0 0 7em; max-width: 7em; }
  .form-xxl-label-7 .col-js-select { max-width: calc(100% - 7em - 15px); } }

.checker { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; display: inline-block; font-size: inherit; line-height: 1.5; margin-right: 15px; cursor: pointer; }

.checker .checker-radio, .checker .checker-checkbox { position: relative; padding-left: 1.5em; display: block; }

.checker .checker-radio:before, .checker .checker-radio:after, .checker .checker-checkbox:before, .checker .checker-checkbox:after { color: #aaa; position: absolute; left: 0; top: 3px; content: ""; display: block; font-size: 16px; }

.checker .checker-radio:before, .checker .checker-checkbox:before { width: 1em; height: 1em; border: 1px solid; }

.checker .checker-radio:hover:before, .checker .checker-checkbox:hover:before { color: #24466e; }

.checker .checker-radio:before, .checker .checker-radio:after { border-radius: 50%; }

.checker .checker-radio:after { opacity: 0; border: 0.25em solid; top: 7px; left: 0.25em; }

.checker .checker-checkbox:before { border-radius: 3px; }

.checker .checker-checkbox:after { opacity: 0; border-radius: 1px; border-bottom: 2px solid; border-right: 2px solid; width: 0.4em; height: 0.6em; top: 5px; left: 0.325em; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.checker input:checked + .checker-radio:after, .checker input:checked + .checker-radio:before, .checker input:checked + .checker-checkbox:after, .checker input:checked + .checker-checkbox:before { color: #24466e; }

.checker input:checked + .checker-radio:after, .checker input:checked + .checker-checkbox:after { opacity: 1; }

.checker-sm { font-size: 0.875rem; }

.select-v1 { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='#888' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right .5rem center; background-size: 1rem 1rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 1.75rem; }

.spinner { border: 5px solid #eee; border-top: 5px solid #24466e; border-radius: 50%; display: inline-block; vertical-align: middle; width: 24px; height: 24px; -webkit-animation: spin 1.2s linear infinite; animation: spin 1.2s linear infinite; }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.spinner-sm { width: 1em; height: 1em; border: 2px solid rgba(0, 0, 0, 0.5); border-top: 2px solid #eee; margin-right: 5px; }

.mobile-dropdown { display: none; }

@media (max-width: 767.98px) { .mobile-dropdown { display: block; position: fixed; z-index: 999; right: 100%; width: 60%; height: 100%; top: 0; overflow: auto; background-color: #172e48; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform .35s ease; transition: -webkit-transform .35s ease; transition: transform .35s ease; transition: transform .35s ease, -webkit-transform .35s ease; }
  .mobile-dropdown.open { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  .mobile-dropdown .nav > li { border-bottom: 1px solid #0b1521; }
  .mobile-dropdown .nav > li > a { color: #FFF; padding: 10px 35px; -webkit-transition: background-color .35s ease; transition: background-color .35s ease; }
  .mobile-dropdown .nav > li.nav-dropdown-link { font-size: 18px; }
  .mobile-dropdown .nav > li.nav-dropdown-link > a { padding: 10px 20px; }
  .mobile-dropdown .nav > li.active a, .mobile-dropdown .nav > li:hover a { background-color: #0b1521; }
  .mobile-dropdown-backdrop { display: block; visibility: hidden; opacity: 0; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; transtion: opacity .35s ease; position: fixed; top: 0; left: 0; }
  .mobile-dropdown-backdrop.open { opacity: 1; visibility: visible; } }

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

.header-logo, .header-hotline { display: block; }

.is-sticky { z-index: 999; }

.sticky { width: 100%; }

.header-group { position: relative; }

.header-top { padding: 10px 0; background-color: #000; }

.header-top .search-grp { position: relative; float: right; }

@media (max-width: 767.98px) { .header-top .search-grp { display: none; } }

.header-top .search-grp-content { width: 250px; padding: 10px; background-color: #ffffff; position: absolute; top: calc( 100% + 20px); right: 0; z-index: 999; opacity: 0; visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: .35s; transition: .35s; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.header-top .search-grp-content.active { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }

.header-top .icon { font-size: 20px; line-height: 1; color: #fff; }

.header-top .login-grp { padding-right: 40px; float: right; }

.header-top .login-grp::after { display: block; clear: both; content: ""; }

@media (max-width: 1199.98px) { .header-top .login-grp { padding-right: 30px; } }

@media (max-width: 991.98px) { .header-top .login-grp { padding-right: 20px; } }

@media (max-width: 767.98px) { .header-top .login-grp { float: none; padding-right: 0; margin-bottom: 10px; } }

.header-top .login-grp .iconfont { font-size: 18px; vertical-align: middle; margin-right: 4px; }

.header-top .login-grp-item { display: block; float: left; }

.header-top .login-grp-item:not(:last-of-type) { margin-right: 15px; }

.header-top .login-grp img, .header-top .login-grp span { display: inline-block; vertical-align: middle; }

.header-top .login-grp img { width: 20px; height: 20px; margin-right: 10px; }

@media (max-width: 767.98px) { .header-top .login-grp img { margin-right: 5px; } }

.header-top .login-grp a { font-size: 14px; line-height: 20px; color: #fff; }

.header-top .link-grp { padding-right: 40px; float: right; }

.header-top .link-grp::after { display: block; clear: both; content: ""; }

@media (max-width: 1199.98px) { .header-top .link-grp { padding-right: 30px; } }

@media (max-width: 991.98px) { .header-top .link-grp { padding-right: 20px; } }

@media (max-width: 767.98px) { .header-top .link-grp { float: none; padding-right: 0; } }

.header-top .link-grp a { font-size: 14px; line-height: 20px; display: block; float: left; color: #ff0000; -webkit-transition: .35s; transition: .35s; }

.header-top .link-grp a:not(:last-child) { margin-right: 12px; }

.header-top .link-grp a:hover { color: #fff; }

.header-search-form .input-grp { position: relative; }

.header-search-form .form-control { padding: 5px 10px; padding-right: 35px; font-size: 14px; line-height: 1.6; color: #666666; }

.header-search-form button { padding: 0; border: 0; border-radius: 0; background-color: transparent; position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.header-search-form i { font-size: 16px; line-height: 1; }

.header-custom { width: 100%; background-color: transparent; position: absolute; bottom: 0; left: 0; -webkit-transition: padding .35s; transition: padding .35s; z-index: 999; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

@media (max-width: 991.98px) { .header-custom { padding: 10px 0; }
  .header-custom .navbar-toggle { color: #333; }
  .header-custom.header-index .navbar-toggle { color: #fff; }
  .header-custom.header-index.header-active .navbar-toggle { color: #333; } }

.header-custom .logo-index { display: none; }

.header-custom.header-index:not(.header-active) { background-color: rgba(0, 0, 0, 0.3); }

.header-custom.header-index:not(.header-active) .logo-all { display: none; }

.header-custom.header-index:not(.header-active) .logo-index { display: block; }

.header-custom.header-index:not(.header-active) .nav-header-custom > li.active > a, .header-custom.header-index:not(.header-active) .nav-header-custom > li:hover > a { border-bottom-color: #fff; }

.header-custom.header-index:not(.header-active) .nav-header-custom > li > a { color: #fff; }

.header-custom.header-active { position: fixed; top: 0 !important; bottom: auto; background-color: #fff; }

.header-custom.header-active .navbar-toggle { color: #333; }

.header-custom .header-left, .header-custom .header-right { display: table-cell; vertical-align: middle; }

.header-custom .header-right { text-align: right; }

@media (max-width: 1299.98px) { .header-custom .header-right .logo img { max-height: 30px; } }

@media (max-width: 1199.98px) { .header-custom .header-right .logo img { max-height: 20px; } }

.header-custom h1 { line-height: 1; margin: 0 -30px; }

@media (max-width: 1299.98px) { .header-custom h1 { margin: 0 -20px; } }

@media (max-width: 1199.98px) { .header-custom h1 { margin: 0 -15px; } }

.header-custom .logo { display: inline-block; padding: 0 30px; vertical-align: middle; }

.header-custom .logo img { max-height: 68px; }

@media (max-width: 1299.98px) { .header-custom .logo { padding: 0 20px; }
  .header-custom .logo img { max-height: 40px; -webkit-transition: .35s; transition: .35s; } }

@media (max-width: 1199.98px) { .header-custom .logo { padding: 0 15px; }
  .header-custom .logo img { max-height: 38px; } }

@media (max-width: 991.98px) { .header-custom .logo { vertical-align: bottom; } }

.header-custom .navbar-main { display: inline-block; }

@media (min-width: 992px) { .nav-header-custom { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .nav-header-custom > li { padding: 0 30px; } }

@media (min-width: 992px) and (max-width: 1599.98px) { .nav-header-custom > li { padding: 0 20px; } }

@media (min-width: 992px) and (max-width: 1199.98px) { .nav-header-custom > li { padding: 0 15px; } }

@media (min-width: 992px) { .nav-header-custom > li.active > a, .nav-header-custom > li:hover > a { border-bottom-color: #8f0302; }
  .nav-header-custom > li > a { font-size: 16px; line-height: 3.75; display: block; padding: 18px 0; color: #282828; text-align: center; border-bottom: 3px solid transparent; position: relative; -webkit-transition: border-bottom .35s, color .35s; transition: border-bottom .35s, color .35s; } }

@media (min-width: 992px) and (max-width: 1199.98px) { .nav-header-custom > li > a { padding: 15px 0; font-size: 14px; } }

@media (min-width: 992px) { .nav-header-custom i { font-size: 14px; line-height: 1; position: absolute; top: 50%; right: -20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

@media (min-width: 992px) and (max-width: 1599.98px) { .nav-header-custom i { font-size: 12px; right: -15px; } }

@media (min-width: 992px) { .nav-header-custom .drop-level-0:hover .drop-menu-level-0 { opacity: 1; visibility: visible; }
  .drop-menu-level-0 { padding: 8px 0 40px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 100%; left: 0; background-color: rgba(255, 255, 255, 0.95); z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: opacity .35s ease; transition: opacity .35s ease; }
  .drop-menu-level-0 > li { padding: 0 1%; text-align: left; } }

@media (min-width: 992px) and (max-width: 1199.98px) { .drop-menu-level-0 > li { padding: 0 15px; } }

@media (min-width: 992px) { .drop-menu-level-0 > li > a { font-size: 16px; line-height: 3.75; padding: 0 20px; font-weight: 700; color: #282828; } }

@media (min-width: 992px) and (max-width: 1199.98px) { .drop-menu-level-0 > li > a { padding: 0 15px; font-size: 14px; } }

@media (min-width: 992px) { .drop-menu-level-1 { white-space: nowrap; }
  .drop-menu-level-1 > li { position: relative; }
  .drop-menu-level-1 > li:hover > a { color: #8f0302; }
  .drop-menu-level-1 > li.drop-level-2 > a { position: relative; }
  .drop-menu-level-1 > li.drop-level-2 > a i { display: inline-block; vertical-align: middle; margin-left: 20px; font-size: 12px; position: static; -webkit-transform: translateY(0); transform: translateY(0); left: 30%; right: auto; }
  .drop-menu-level-1 > li.drop-level-2 > a:hover { background-color: #fff; -webkit-box-shadow: 0px 0px 6px 0px rgba(71, 70, 70, 0.15); box-shadow: 0px 0px 6px 0px rgba(71, 70, 70, 0.15); }
  .drop-menu-level-1 > li > a { font-size: 14px; line-height: 2; padding: 2px 20px; color: #555555; -webkit-transition: .35s ease; transition: .35s ease; } }

@media (min-width: 992px) and (max-width: 1199.98px) { .drop-menu-level-1 > li > a { padding: 2px 15px; } }

@media (min-width: 992px) { .drop-menu-level-1 > li > a:hover { color: #8f0302; }
  .drop-menu-level-1 > li:hover > .drop-menu { opacity: 1; visibility: visible; }
  .drop-menu-level-1 .drop-menu { display: block; min-width: 120%; padding: 10px 30px; border-top: 3px solid #8f0302; position: absolute; top: 0; left: 90%; background-color: #fff; -webkit-box-shadow: 0 0 6px rgba(71, 70, 70, 0.15); box-shadow: 0 0 6px rgba(71, 70, 70, 0.15); opacity: 0; visibility: hidden; -webkit-transition: .35s; transition: .35s; z-index: 999; }
  .drop-menu-level-1 .drop-menu.left-side { left: auto; right: 100%; } }

@media (min-width: 992px) and (max-width: 1299.98px) { .drop-menu-level-1 .drop-menu { padding: 10px 25px; } }

@media (min-width: 992px) and (max-width: 1199.98px) { .drop-menu-level-1 .drop-menu { padding: 10px 20px; } }

@media (min-width: 992px) { .drop-menu-level-1 .drop-menu a { font-size: 14px; line-height: 2; color: #555555; z-index: 999; -webkit-transition: .35s; transition: .35s; } }

@media (min-width: 992px) and (max-width: 1199.98px) { .drop-menu-level-1 .drop-menu a { font-size: 12px; } }

@media (min-width: 992px) { .drop-menu-level-1 .drop-menu a::before { width: 3px; height: 3px; content: ""; display: inline-block; vertical-align: middle; border-radius: 50%; margin-right: 8px; background-color: #555; }
  .drop-menu-level-1 .drop-menu a:hover { color: #8f0302; } }

/*Mobile Header*/
.modal-mobile-nav { width: 100%; max-width: 240px; position: fixed; top: 0; right: 0; bottom: 0; left: auto; }

@media (max-width: 767.98px) { .modal-mobile-nav { max-width: 200px; } }

.modal-mobile-nav .modal-content { background: transparent; min-height: 100%; border: 0; border-radius: 0; }

.modal-mobile-nav.fade .modal-dialog { width: 100%; background: #fff; margin: 0; min-height: 100%; -webkit-transform: translate(100%, 0); transform: translate(100%, 0); }

.modal-mobile-nav.show .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.modal-mobile-nav.show .nav > li { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible; }

.modal-mobile-nav .mobile-search { max-width: 90%; margin: 10px auto; }

.modal-mobile-nav .mobile-search .search-form .form-control { padding: 7px 15px; padding-right: 35px; font-size: 12px; }

.modal-mobile-nav .mobile-logo a { padding: 5px; margin-bottom: 10px; }

.modal-mobile-nav .nav { background-color: #fff; }

.modal-mobile-nav .nav li { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0; visibility: hidden; -webkit-transition: all 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); transition: all 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); }

.modal-mobile-nav .nav li::after { display: block; clear: both; content: ""; }

.modal-mobile-nav .nav li:nth-child(1) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }

.modal-mobile-nav .nav li:nth-child(2) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }

.modal-mobile-nav .nav li:nth-child(3) { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; }

.modal-mobile-nav .nav li:nth-child(4) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }

.modal-mobile-nav .nav li:nth-child(5) { -webkit-transition-delay: 0.75s; transition-delay: 0.75s; }

.modal-mobile-nav .nav li:nth-child(6) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }

.modal-mobile-nav .nav li:nth-child(7) { -webkit-transition-delay: 1.05s; transition-delay: 1.05s; }

.modal-mobile-nav .nav li:nth-child(8) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }

.modal-mobile-nav .nav li:nth-child(9) { -webkit-transition-delay: 1.35s; transition-delay: 1.35s; }

.modal-mobile-nav .nav li:nth-child(10) { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }

.modal-mobile-nav .nav li a { float: left; width: 100%; margin-bottom: 1px; padding: 0 15px; font-size: 14px; line-height: 40px; text-align: left; color: #666; -webkit-transition: all .35s; transition: all .35s; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.modal-mobile-nav .nav li a i { display: none; }

.modal-mobile-nav .nav .drop.active > a { color: #24466e; }

.modal-mobile-nav .nav .drop > a { width: calc( 100% - 40px); }

.modal-mobile-nav .nav .drop .btn-drop { float: right; width: 40px; height: 40px; padding: 0; }

.modal-mobile-nav .nav .drop .btn-drop.active { color: #24466e; }

.modal-mobile-nav .nav .drop .btn-drop.active:after { -webkit-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg); }

.modal-mobile-nav .nav .drop .btn-drop.active ~ a { color: #24466e; }

.modal-mobile-nav .nav .drop .btn-drop:after { content: ''; width: 6px; height: 6px; border-bottom: 1px solid; border-right: 1px solid; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); -webkit-transition: all .35s; transition: all .35s; }

.modal-mobile-nav .nav .drop-menu { width: 100%; height: 0; margin-top: 1px; overflow: hidden; -webkit-transition: all .35s; transition: all .35s; position: relative; }

.modal-mobile-nav .nav .drop-menu.active > li { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible; }

.modal-mobile-nav .nav .drop-menu > li { background-color: rgba(0, 0, 0, 0.05); }

.modal-mobile-nav .nav .drop-menu.drop-menu-level-1 li a:not(.btn-drop) { padding-left: 20px; }

.modal-mobile-nav .nav .drop-menu.drop-menu-level-2 li a:not(.btn-drop) { padding-left: 30px; }

.modal-mobile-nav .nav .drop-menu.drop-menu-level-3 li a:not(.btn-drop) { padding-left: 40px; }

.modal-mobile-nav .nav .drop-menu.drop-menu-level-4 li a:not(.btn-drop) { padding-left: 50px; }

.modal-mobile-nav .nav .drop-menu.drop-menu-level-5 li a:not(.btn-drop) { padding-left: 60px; }

.logo-loginess img { width: 80px !important; }

@media (max-width: 575.98px) { .logo-loginess img { margin-bottom: 8px; } }

@media (max-width: 991.98px) { .logo-loginess { display: none !important; } }

.top-nav { padding: 0 15px; }

.top-nav .login-grp { border-top: 1px solid #eee; text-align: center; }

.top-nav .login-grp-item { display: inline-block; min-width: 45%; }

.top-nav .login-grp-item .iconfont { margin-right: 5px; position: relative; top: -1px; }

.top-nav .login-grp-item a { color: #666666; padding: 8px 0; }

.top-nav .link-grp { border-top: 1px solid #eee; padding-top: 10px; }

.top-nav .link-grp a { color: #666666; padding: 8px 0; display: block; }

/*End Header*/
@media (max-width: 767.98px) { .nav.nav-color > li { border: 0 !important; }
  .nav.nav-color > li:nth-child(1) > a { background-color: #24466e; }
  .nav.nav-color > li:nth-child(1) > a:hover { background-color: #172e48; }
  .nav.nav-color > li:nth-child(2) > a { background-color: #2b4975; }
  .nav.nav-color > li:nth-child(2) > a:hover { background-color: #172e48; }
  .nav.nav-color > li:nth-child(3) > a { background-color: #324d7c; }
  .nav.nav-color > li:nth-child(3) > a:hover { background-color: #172e48; }
  .nav.nav-color > li:nth-child(4) > a { background-color: #395082; }
  .nav.nav-color > li:nth-child(4) > a:hover { background-color: #172e48; }
  .nav.nav-color > li:nth-child(5) > a { background-color: #405389; }
  .nav.nav-color > li:nth-child(5) > a:hover { background-color: #172e48; }
  .nav.nav-color > li:nth-child(6) > a { background-color: #475790; }
  .nav.nav-color > li:nth-child(6) > a:hover { background-color: #172e48; }
  .nav.nav-color > li:nth-child(7) > a { background-color: #4e5a97; }
  .nav.nav-color > li:nth-child(7) > a:hover { background-color: #172e48; }
  .nav.nav-color > li:nth-child(8) > a { background-color: #555d9e; }
  .nav.nav-color > li:nth-child(8) > a:hover { background-color: #172e48; }
  .nav.nav-color > li:nth-child(9) > a { background-color: #5c61a5; }
  .nav.nav-color > li:nth-child(9) > a:hover { background-color: #172e48; }
  .nav.nav-color > li:nth-child(10) > a { background-color: #6264ab; }
  .nav.nav-color > li:nth-child(10) > a:hover { background-color: #172e48; }
  .nav.nav-color > li:nth-child(11) > a { background-color: #6967b2; }
  .nav.nav-color > li:nth-child(11) > a:hover { background-color: #172e48; }
  .nav.nav-color > li:nth-child(12) > a { background-color: #706ab9; }
  .nav.nav-color > li:nth-child(12) > a:hover { background-color: #172e48; }
  .nav.nav-color > li:nth-child(13) > a { background-color: #776ec0; }
  .nav.nav-color > li:nth-child(13) > a:hover { background-color: #172e48; }
  .nav.nav-color > li:nth-child(14) > a { background-color: #7e71c7; }
  .nav.nav-color > li:nth-child(14) > a:hover { background-color: #172e48; }
  .nav.nav-color > li:nth-child(15) > a { background-color: #8574cd; }
  .nav.nav-color > li:nth-child(15) > a:hover { background-color: #172e48; }
  .nav.nav-color > li:nth-child(16) > a { background-color: #8c78d4; }
  .nav.nav-color > li:nth-child(16) > a:hover { background-color: #172e48; } }

#footer { background-color: #fafafa; padding-top: 50px; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; }

@media (max-width: 767.98px) { #footer { padding-top: 25px; } }

.ft-form-tit { font-size: 24px; color: #24466e; font-weight: bold; margin-bottom: 30px; }

.ft-form-tit span { font-size: 14px; font-weight: normal; }

.ft-form .row { margin-left: -8px; margin-right: -8px; }

.ft-form .row > div { padding-left: 8px; padding-right: 8px; }

@media (max-width: 767.98px) { .ft-form { margin-bottom: 20px; } }

.ft-form .form-control { border-radius: 6px; }

.ft-form .form-control[name='captcha'] { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.ft-form .captcha-img { border: 1px solid #ced4da; border-left: 0; border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; }

.ft-form .btn-form { background-color: #8f0302; border-radius: 6px; border-color: #8f0302; }

.ft-form .btn-form:hover { background-color: #5d0201; border-color: #5d0201; }

.ft-form .has-error .captcha-img { border-color: #dc3545; }

.ft-menu-block { width: 50%; margin: 0 auto; }

@media (max-width: 767.98px) { .ft-menu-block { width: 100%; margin-bottom: 30px; } }

.ft-menu-block .ft-menu-tit { font-size: 18px; color: #24466e; position: relative; padding-bottom: 20px; margin-bottom: 20px; font-weight: bold; }

.ft-menu-block .ft-menu-tit:before { position: absolute; content: ''; left: 0; bottom: 0; height: 2px; width: 2em; background-color: #8f0302; }

.ft-menu-block .ft-menu-list::after { display: block; clear: both; content: ""; }

.ft-menu-block .ft-menu-list a { width: 50%; padding: 7px 5px 7px 0; color: #24466e; float: left; }

@media (max-width: 767.98px) { .ft-menu-block .ft-menu-list a { width: 33.333%; } }

.ft-menu-block .ft-menu-list a:hover { color: #112134; }

@media (min-width: 768px) and (max-width: 991.98px) { .ft-qr-block { padding-top: 30px; } }

.ft-qr-block img { width: 120px; float: left; margin-right: 20px; }

@media (max-width: 1199.98px) { .ft-qr-block img { width: 85px; } }

.ft-qr-block .txt { overflow: hidden; }

.ft-qr-block .txt p { font-size: 14px; margin-bottom: 7px; color: #24466e; }

@media (max-width: 1199.98px) { .ft-qr-block .txt p { font-size: 12px; margin-bottom: 0; } }

.ft-qr-block .txt span { color: #24466e; font-size: 30px; }

@media (max-width: 1199.98px) { .ft-qr-block .txt span { font-size: 20px; } }

.friend-link { margin-top: 50px; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid rgba(36, 70, 110, 0.2); }

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

@media (max-width: 767.98px) { .friend-link { margin-top: 25px; } }

.friend-link .friend-name { color: #24466e; display: inline-block; float: left; margin-bottom: 5px; }

@media (max-width: 767.98px) { .friend-link .friend-name { float: none; } }

.friend-link .friend-list { display: inline-block; overflow: hidden; width: calc(100% - 5em); }

.friend-link .friend-list::after { display: block; clear: both; content: ""; }

@media (max-width: 767.98px) { .friend-link .friend-list { width: 100%; } }

.friend-link .friend-list li { margin-bottom: 5px; display: inline-block; float: left; }

.friend-link .friend-list li a { padding-right: 10px; margin-right: 10px; color: #24466e; }

@media (max-width: 767.98px) { .friend-link .friend-list li a { padding-right: 5px; margin-right: 5px; } }

.friend-link .friend-list li:not(:last-child) a { border-right: 1px solid #24466e; }

.copyright { background-color: #000; text-align: center; color: #999; padding: 15px; font-size: 14px; }

@media (max-width: 767.98px) { .copyright { padding-bottom: 60px; } }

.copyright span, .copyright a { display: inline-block; padding: 12px 7px; color: #999; -webkit-transition: .35s; transition: .35s; }

.copyright span a { padding-top: 0; padding-bottom: 0; }

.copyright a:hover { color: #8f0302; }

.copyright .beian img { width: 20px; height: 20px; max-width: 20px; margin-right: 5px; }

.foot-tool { display: none; }

@media (max-width: 767.98px) { .foot-tool { list-style: none; padding-left: 0; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; -ms-flex-wrap: wrap; flex-wrap: wrap; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 998; }
  .foot-tool[data-foot='1'] li { width: 100%; }
  .foot-tool[data-foot='2'] li { width: 50%; }
  .foot-tool[data-foot='3'] li { width: 33.33333%; }
  .foot-tool[data-foot='4'] li { width: 25%; }
  .foot-tool li a { display: block; text-align: center; padding: 15px 10px; color: #ffffff; text-decoration: none; font-size: 16px; line-height: 1.5; -webkit-transition: all .35s; transition: all .35s; }
  .foot-tool li a i { margin-right: 5px; font-size: 18px; vertical-align: text-bottom; line-height: 1; }
  .foot-tool li a:hover { background-color: #1e3a5b; }
  .foot-tool .popup_more { position: relative; }
  .foot-tool .popup_more:before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; display: block; }
  .copyright { padding-bottom: 60px; } }

body.compensate-for-scrollbar { overflow: hidden; }

.bbcbox-active { height: auto; }

.bbcbox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; }

.bbcbox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 1010; }

.bbcbox-container * { -webkit-box-sizing: border-box; box-sizing: border-box; }

.bbcbox-outer, .bbcbox-inner, .bbcbox-bg, .bbcbox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

.bbcbox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; }

.bbcbox-bg { background: #000; opacity: 0; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.bbcbox-is-open .bbcbox-bg { opacity: .9; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.bbcbox-infobar, .bbcbox-toolbar, .bbcbox-caption, .bbcbox-navigation .bbcbox-button { direction: ltr; opacity: 0; position: absolute; -webkit-transition: opacity .25s ease, visibility 0s ease .25s; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 997; }

.bbcbox-show-infobar .bbcbox-infobar, .bbcbox-show-toolbar .bbcbox-toolbar, .bbcbox-show-caption .bbcbox-caption, .bbcbox-show-nav .bbcbox-navigation .bbcbox-button { opacity: 1; -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; }

.bbcbox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.bbcbox-toolbar { right: 0; top: 0; }

.bbcbox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 994; }

.bbcbox-is-open .bbcbox-stage { overflow: hidden; }

.bbcbox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 994; }

.bbcbox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; }

.bbcbox-is-sliding .bbcbox-slide, .bbcbox-slide--previous, .bbcbox-slide--current, .bbcbox-slide--next { display: block; }

.bbcbox-slide--image { overflow: hidden; padding: 44px 0; }

.bbcbox-slide--image::before { display: none; }

.bbcbox-slide--html { padding: 6px; }

.bbcbox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; }

.bbcbox-slide--image .bbcbox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 995; }

.bbcbox-can-zoomOut .bbcbox-content { cursor: -webkit-zoom-out; cursor: zoom-out; }

.bbcbox-can-zoomIn .bbcbox-content { cursor: -webkit-zoom-in; cursor: zoom-in; }

.bbcbox-can-swipe .bbcbox-content, .bbcbox-can-pan .bbcbox-content { cursor: -webkit-grab; cursor: grab; }

.bbcbox-is-grabbing .bbcbox-content { cursor: -webkit-grabbing; cursor: grabbing; }

.bbcbox-container [data-selectable='true'] { cursor: text; }

.bbcbox-image { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; }

.bbcbox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; z-index: 1; }

.bbcbox-slide--video .bbcbox-content, .bbcbox-slide--map .bbcbox-content, .bbcbox-slide--pdf .bbcbox-content, .bbcbox-slide--iframe .bbcbox-content { height: 100%; overflow: visible; padding: 0; width: 100%; }

.bbcbox-slide--video .bbcbox-content { background: #000; }

.bbcbox-slide--map .bbcbox-content { background: #e5e3df; }

.bbcbox-slide--iframe .bbcbox-content { background: #fff; }

.bbcbox-video { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; }

.bbcbox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; left: 0; position: absolute; top: 0; }

/* Fix iOS */
.bbcbox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; }

.bbcbox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; }

/* Buttons */
.bbcbox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; -webkit-transition: color .2s; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; color: #ccc; }

.bbcbox-button:visited, .bbcbox-button:link { color: #ccc; }

.bbcbox-button:hover { color: #fff; }

.bbcbox-button:focus { outline: none; }

.bbcbox-button.bbcbox-focus { outline: 1px dotted; }

.bbcbox-button[disabled] { color: #888; cursor: default; outline: none; }

.bbcbox-button[disabled]:hover { color: #888; cursor: default; outline: none; }

.bbcbox-button div { height: 100%; }

.bbcbox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; }

.bbcbox-button svg path { fill: currentColor; stroke-width: 0; }

/* Fix IE11 */
.bbcbox-button--play svg:nth-child(2), .bbcbox-button--fsenter svg:nth-child(2), .bbcbox-button--pause svg:nth-child(1), .bbcbox-button--fsexit svg:nth-child(1) { display: none; }

.bbcbox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; transition-timing-function: linear; z-index: 998; }

/* Close button on the top right corner of html content */
.bbcbox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; }

.bbcbox-close-small:hover { color: #fff; opacity: 1; }

.bbcbox-slide--html .bbcbox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; }

.bbcbox-slide--image.bbcbox-is-scaling .bbcbox-content { overflow: hidden; }

.bbcbox-is-scaling .bbcbox-close-small, .bbcbox-is-zoomable.bbcbox-can-pan .bbcbox-close-small { display: none; }

/* Navigation arrows */
.bbcbox-navigation .bbcbox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; }

.bbcbox-navigation .bbcbox-button div { padding: 7px; }

.bbcbox-navigation .bbcbox-button--arrow_left { left: 0; padding: 31px 26px 31px 6px; }

.bbcbox-navigation .bbcbox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; }

/* Caption */
.bbcbox-caption { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 996; }

.bbcbox-caption--separate { margin-top: -50px; }

.bbcbox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; }

.bbcbox-caption a { color: #ccc; text-decoration: none; }

.bbcbox-caption a:link, .bbcbox-caption a:visited { color: #ccc; text-decoration: none; }

.bbcbox-caption a:hover { color: #fff; text-decoration: underline; }

/* Loading indicator */
.bbcbox-loading { -webkit-animation: bbcbox-rotate 1s linear infinite; animation: bbcbox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 999; }

@-webkit-keyframes bbcbox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes bbcbox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.bbcbox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

.bbcbox-fx-slide.bbcbox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }

.bbcbox-fx-slide.bbcbox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }

.bbcbox-fx-slide.bbcbox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.bbcbox-fx-fade.bbcbox-slide--previous, .bbcbox-fx-fade.bbcbox-slide--next { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.bbcbox-fx-fade.bbcbox-slide--current { opacity: 1; }

.bbcbox-fx-zoom-in-out.bbcbox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); }

.bbcbox-fx-zoom-in-out.bbcbox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); }

.bbcbox-fx-zoom-in-out.bbcbox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

.bbcbox-fx-rotate.bbcbox-slide--previous { opacity: 0; -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }

.bbcbox-fx-rotate.bbcbox-slide--next { opacity: 0; -webkit-transform: rotate(360deg); transform: rotate(360deg); }

.bbcbox-fx-rotate.bbcbox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.bbcbox-fx-circular.bbcbox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }

.bbcbox-fx-circular.bbcbox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }

.bbcbox-fx-circular.bbcbox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }

.bbcbox-fx-tube.bbcbox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.bbcbox-fx-tube.bbcbox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.bbcbox-fx-tube.bbcbox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); }

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) { .bbcbox-slide { padding-left: 6px; padding-right: 6px; }
  .bbcbox-slide--image { padding: 6px 0; }
  .bbcbox-close-small { right: -6px; }
  .bbcbox-slide--image .bbcbox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; }
  .bbcbox-caption { padding-left: 12px; padding-right: 12px; }
  @supports (padding: 0px) { .bbcbox-caption { padding-left: 12px; padding-right: 12px; } } }

.bbcbox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; }

.bbcbox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; }

.bbcbox-share p { margin: 0; padding: 0; }

.bbcbox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; }

.bbcbox-share__button:visited, .bbcbox-share__button:link { color: #fff; }

.bbcbox-share__button:hover { text-decoration: none; }

.bbcbox-share__button--fb { background: #3b5998; }

.bbcbox-share__button--fb:hover { background: #344e86; }

.bbcbox-share__button--pt { background: #bd081d; }

.bbcbox-share__button--pt:hover { background: #aa0719; }

.bbcbox-share__button--tw { background: #1da1f2; }

.bbcbox-share__button--tw:hover { background: #0d95e8; }

.bbcbox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; }

.bbcbox-share__button svg path { fill: #fff; }

.bbcbox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; }

.bbcbox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 995; }

.bbcbox-thumbs-x { overflow-x: auto; overflow-y: hidden; }

.bbcbox-show-thumbs .bbcbox-thumbs { display: block; }

.bbcbox-show-thumbs .bbcbox-inner { right: 212px; }

.bbcbox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; }

.bbcbox-thumbs-x .bbcbox-thumbs__list { overflow: hidden; }

.bbcbox-thumbs-y .bbcbox-thumbs__list::-webkit-scrollbar { width: 7px; }

.bbcbox-thumbs-y .bbcbox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.bbcbox-thumbs-y .bbcbox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; }

.bbcbox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; }

.bbcbox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 991; }

.bbcbox-thumbs__list a:focus::before { opacity: .5; }

.bbcbox-thumbs__list a.bbcbox-thumbs-active::before { opacity: 1; }

@media all and (max-width: 576px) { .bbcbox-thumbs { width: 110px; }
  .bbcbox-show-thumbs .bbcbox-inner { right: 110px; }
  .bbcbox-thumbs__list a { max-width: calc(100% - 10px); } }

.morphing-btn-wrap { display: inline-block; position: relative; text-align: center; }

.morphing-btn { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background .3s, color .2s .2s, width .2s 0s; -webkit-transition: color .3s .2s, width .2s 0s; transition: color .3s .2s, width .2s 0s; white-space: nowrap; }

.morphing-btn_circle { padding-left: 0; padding-right: 0; -webkit-transition: color .2s 0s, width .3s .2s; transition: color .2s 0s, width .3s .2s; width: 32px !important; }

.morphing-btn-clone { -webkit-backface-visibility: hidden; backface-visibility: hidden; background: rgba(36, 70, 110, 0); border-radius: 50%; position: fixed; -webkit-transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1); transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1); z-index: 3; }

.morphing-btn-clone_visible { background: rgba(36, 70, 110, 0.85); display: block; -webkit-transform: scale(1.2) !important; transform: scale(1.2) !important; }

.bbcbox-morphing .bbcbox-bg { background: rgba(36, 70, 110, 0); opacity: 1; }

.bbcbox-morphing .bbcbox-toolbar { right: 40px; top: 20px; }

@media (max-width: 767.98px) { .bbcbox-morphing .bbcbox-toolbar { right: 10px; top: 10px; } }

.bbcbox-morphing .bbcbox-button--close { background: rgba(0, 0, 0, 0.2); border-radius: 50%; color: #fff; }

.bbcbox-morphing .bbcbox-button--close:hover { background: rgba(0, 0, 0, 0.25); }

/* Styling for element used in example */
select.bs-select-hidden, select.selectpicker { display: none !important; }

.btn-js-select, .js-select.form-control:not(.btn-group) { background-color: inherit; color: inherit; border: 1px solid #ccc; width: 100%; text-align: left; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23888888' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat; background-position: right .5rem center; background-size: 1rem 1rem; padding-right: 1.75rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.btn-js-select:focus, .js-select.form-control:not(.btn-group):focus { -webkit-box-shadow: none; box-shadow: none; outline: 0; }

.js-select { position: relative; }

.js-select > .dropdown-toggle { width: 100%; padding-right: 25px; z-index: 1; }

.js-select > .dropdown-toggle.bs-placeholder { color: #999; }

.js-select > .dropdown-toggle.bs-placeholder:hover, .js-select > .dropdown-toggle.bs-placeholder:focus, .js-select > .dropdown-toggle.bs-placeholder:active { color: #999; }

.js-select > select { display: none; }

.js-select.mobile-false > select { position: absolute !important; top: 0; left: 0; opacity: 0; display: block !important; width: 100%; height: 100%; z-index: 2; }

.has-error .js-select .dropdown-toggle, .error .js-select .dropdown-toggle { border-color: #dc3545; }

.js-select.fit-width { width: auto !important; }

.js-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 220px; }

.js-select.form-control.btn-group { margin-bottom: 0; padding: 0; border: 0; }

.js-select.form-control.btn-group:not([class*="col-"]) { width: 100%; }

.js-select.form-control.btn-group.input-group-btn { z-index: auto; }

.js-select.form-control.btn-group.input-group-btn:not(:first-child):not(:last-child) > .btn { border-radius: 0; }

.js-select.btn-group:not(.input-group-btn), .js-select.btn-group[class*="col-"] { float: none; display: inline-block; margin-left: 0; }

.js-select.btn-group.dropdown-menu-right, .js-select.btn-group[class*="col-"].dropdown-menu-right { float: right; }

.row .js-select.btn-group[class*="col-"].dropdown-menu-right { float: right; }

.form-inline .js-select.btn-group, .form-horizontal .js-select.btn-group, .form-group .js-select.btn-group { margin-bottom: 0; }

.form-group-lg .js-select.btn-group.form-control, .form-group-sm .js-select.btn-group.form-control { padding: 0; }

.form-group-lg .js-select.btn-group.form-control .dropdown-toggle, .form-group-sm .js-select.btn-group.form-control .dropdown-toggle { height: 100%; font-size: inherit; line-height: inherit; border-radius: inherit; }

.form-inline .js-select.btn-group .form-control { width: 100%; }

.js-select .dropdown-toggle:after { display: none; }

.js-select.btn-group.disabled { cursor: not-allowed; }

.js-select.btn-group.disabled:focus { outline: none !important; }

.js-select.btn-group > .disabled { cursor: not-allowed; }

.js-select.btn-group > .disabled:focus { outline: none !important; }

.js-select.btn-group.bs-container { position: absolute; height: 0 !important; padding: 0 !important; }

.js-select.btn-group.bs-container .dropdown-menu { z-index: 1060; }

.js-select.btn-group .dropdown-toggle .filter-option { display: block; overflow: hidden; width: 100%; text-align: left; text-overflow: ellipsis; }

.js-select.btn-group[class*="col-"] .dropdown-toggle { width: 100%; }

.js-select.btn-group .dropdown-menu { min-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.js-select.btn-group .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0; margin: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }

.js-select.btn-group .dropdown-menu li { position: relative; }

.js-select.btn-group .dropdown-menu li.active small { color: #fff; }

.js-select.btn-group .dropdown-menu li.disabled a { cursor: not-allowed; }

.js-select.btn-group .dropdown-menu li a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.js-select.btn-group .dropdown-menu li a.opt { position: relative; padding-left: 2.25em; }

.js-select.btn-group .dropdown-menu li a span.check-mark { display: none; }

.js-select.btn-group .dropdown-menu li a span.text { display: inline-block; }

.js-select.btn-group .dropdown-menu li small { padding-left: 0.5em; }

.js-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: 0.9; -webkit-box-sizing: border-box; box-sizing: border-box; }

.js-select.btn-group .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap; }

.js-select.btn-group.fit-width .dropdown-toggle .filter-option { position: static; }

.js-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { position: absolute; display: inline-block; right: 15px; margin-top: 5px; }

.js-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 34px; }

.js-select.show-menu-arrow.open > .dropdown-toggle { z-index: 1061; }

.bs-searchbox, .bs-actionsbox, .bs-donebutton { padding: 4px 8px; }

.bs-actionsbox { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.bs-actionsbox .btn-group button { width: 50%; }

.bs-donebutton { float: left; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.bs-donebutton .btn-group button { width: 100%; }

.bs-searchbox + .bs-actionsbox { padding: 0 8px 4px; }

.dropdown-menu.inner { display: block; }

.dropdown-menu.inner a { display: block; padding: 0.25em 0.75em; color: #444; outline: 0; }

.dropdown-menu.inner a:hover { background-color: #f5f5f5; }

.dropdown-menu.inner .selected a { background-color: #f5f5f5; color: #24466e; }

.js-select-searching li a { display: none !important; }

.js-select-searching li.no-results a { display: block; }

.js-select-loader { position: relative; }

.js-select-loader .spinner { position: absolute; bottom: 0.375rem; right: 0.5rem; background-color: #ffffff; z-index: 99; }

.datepicker.form-control { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23999999' d='M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat; background-position: right .5rem center; background-size: .875rem 1rem; padding-right: 1.75rem; }

.bootstrap-datetimepicker-widget { list-style: none; }

.bootstrap-datetimepicker-widget.dropdown-menu { display: block; margin: 2px 0; padding: 4px; width: 14rem; }

@media (min-width: 576px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } }

@media (min-width: 768px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } }

@media (min-width: 992px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } }

.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after { content: ''; display: inline-block; position: absolute; }

.bootstrap-datetimepicker-widget.dropdown-menu.float-right:before { left: auto; right: 6px; }

.bootstrap-datetimepicker-widget.dropdown-menu.float-right:after { left: auto; right: 7px; }

.bootstrap-datetimepicker-widget.dropdown-menu.wider { width: 16rem; }

.bootstrap-datetimepicker-widget .list-unstyled { margin: 0; }

.bootstrap-datetimepicker-widget a[data-action] { padding: 6px 0; }

.bootstrap-datetimepicker-widget a[data-action]:active { -webkit-box-shadow: none; box-shadow: none; }

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 54px; font-weight: bold; font-size: 1.2em; margin: 0; }

.bootstrap-datetimepicker-widget button[data-action] { padding: 6px; }

.bootstrap-datetimepicker-widget .picker-switch { text-align: center; }

.bootstrap-datetimepicker-widget .picker-switch td { padding: 0; margin: 0; height: auto; width: auto; line-height: inherit; }

.bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5; height: 2.5em; width: 100%; }

.bootstrap-datetimepicker-widget table { width: 100%; margin: 0; }

.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th { text-align: center; border-radius: 0.2rem; }

.bootstrap-datetimepicker-widget table th { height: 26px; line-height: 26px; width: 20px; }

.bootstrap-datetimepicker-widget table th.picker-switch { width: 145px; }

.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover { background: none; color: #6c757d; cursor: not-allowed; }

.bootstrap-datetimepicker-widget table thead tr:first-child th { cursor: pointer; }

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: #e9ecef; }

.bootstrap-datetimepicker-widget table td { height: 54px; line-height: 54px; width: 54px; }

.bootstrap-datetimepicker-widget table td.cw { font-size: .8em; height: 26px; line-height: 26px; color: #6c757d; }

.bootstrap-datetimepicker-widget table td.day { height: 26px; line-height: 26px; width: 20px; }

.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover { background: #e9ecef; cursor: pointer; }

.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new { color: #6c757d; }

.bootstrap-datetimepicker-widget table td.today { position: relative; }

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #24466e; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.bootstrap-datetimepicker-widget table td.active.today:before { border-bottom-color: #fff; }

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover { background: none; color: #6c757d; cursor: not-allowed; }

.bootstrap-datetimepicker-widget table td span { display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 0.2rem; }

.bootstrap-datetimepicker-widget table td span:hover { background: #e9ecef; }

.bootstrap-datetimepicker-widget table td span.active { background-color: #24466e; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.bootstrap-datetimepicker-widget table td span.old { color: #6c757d; }

.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover { background: none; color: #6c757d; cursor: not-allowed; }

.bootstrap-datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px; }

.input-group [data-toggle="datetimepicker"] { cursor: pointer; }

.text-time:before { content: "时间"; }

.text-date:before { content: "日期"; }

.arrow:before { display: inline-block; content: ''; border-top: 2px solid; border-left: 2px solid; width: 10px; height: 10px; }

.arrow-left:before { opacity: .6; -webkit-transform: translate(3px, 0) rotate(-45deg); transform: translate(3px, 0) rotate(-45deg); }

.arrow-right:before { opacity: .6; -webkit-transform: translate(-3px, 0) rotate(135deg); transform: translate(-3px, 0) rotate(135deg); }

.arrow-up:before, .arrow-down:before { width: 16px; height: 16px; }

.arrow-up:before { border-width: 3px; -webkit-transform: translate(0, 5px) rotate(45deg); transform: translate(0, 5px) rotate(45deg); }

.arrow-down:before { border-width: 3px; -webkit-transform: translate(0, -3px) rotate(225deg); transform: translate(0, -3px) rotate(225deg); }

.ajax-load-container { text-align: center; display: none; }

.ajax-loading .ajax-load-container, .ajax-complete .ajax-load-container { display: block; }

.ajax-loading .ajax-load-btn-txt, .ajax-complete .ajax-load-btn-txt { display: none; }

.ajax-spinner { border: 3px solid #1b3553; border-top: 3px solid #FFF; border-radius: 50%; display: inline-block; vertical-align: middle; width: 21px; height: 21px; margin-right: 5px; -webkit-animation: loader-spin 1.2s linear infinite; animation: loader-spin 1.2s linear infinite; }

@-webkit-keyframes loader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes loader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.masonry-item img { -webkit-transition: all .35s ease !important; transition: all .35s ease !important; opacity: 1; }

.masonry-lazy-error { height: 120px; position: relative; background-color: #ddd; }

.masonry-lazy-error:before { width: 30px; height: 30px; content: "×"; display: block; border: 2px solid; position: absolute; margin: auto; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; color: #dc3545; font-size: 20px; line-height: 24px; text-align: center; border-radius: 50%; opacity: .5; }

.masonry-lazy-error img { opacity: 0; }

.masonry-lazy-loading { position: relative; height: 120px; overflow: hidden; }

.masonry-lazy-loading:before, .masonry-lazy-loading:after { width: 30px; height: 30px; content: ""; display: block; border: 3px solid transparent; position: absolute; margin: auto; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; border-top-color: #24466e; border-radius: 50%; -webkit-animation: spinner 1s infinite ease; animation: spinner 1s infinite ease; }

.masonry-lazy-loading:after { border-left-color: #24466e; -webkit-animation: spinner2 1s infinite linear; animation: spinner2 1s infinite linear; -webkit-transform: rotate(20deg); transform: rotate(20deg); }

.masonry-lazy-loading img { opacity: 0; }

@-webkit-keyframes spinner { from { -webkit-transform: rotate(0); transform: rotate(0); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes spinner { from { -webkit-transform: rotate(0); transform: rotate(0); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@-webkit-keyframes spinner2 { from { -webkit-transform: rotate(20deg); transform: rotate(20deg); }
  to { -webkit-transform: rotate(380deg); transform: rotate(380deg); } }

@keyframes spinner2 { from { -webkit-transform: rotate(20deg); transform: rotate(20deg); }
  to { -webkit-transform: rotate(380deg); transform: rotate(380deg); } }

[data-toggle="img"] { position: relative; }

[data-toggle="img"] img { opacity: 0; display: block; width: 0; height: 0; }

[data-toggle="img"]:after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ""; display: block; opacity: 1; -webkit-transition: opacity .35s; transition: opacity .35s; z-index: 2; background-color: #eee; }

.img-cover, .img-contain { background-position: center center; background-repeat: no-repeat; background-color: #eee; position: relative; }

.img-cover { background-size: cover; }

.img-contain { background-size: contain; }

.img-loaded:after { opacity: 0; }

.img-parallax { overflow: hidden; position: relative; }

.parallax-bg { position: absolute; top: -30px; bottom: -30px; width: 100%; left: 0; z-index: 1; }

.z-index-3 { position: relative; z-index: 3; }

/*! Gray v1.6.0 (https://github.com/karlhorky/gray) | MIT */
.grayscale { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale"); -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-filter: gray; filter: gray; }

.grayscale.grayscale-fade { -webkit-transition: -webkit-filter .5s; transition: -webkit-filter .5s; transition: filter .5s; transition: filter .5s, -webkit-filter .5s; }

.grayscale.grayscale-fade:hover { -webkit-filter: grayscale(0); filter: grayscale(0); }

.grayscale.grayscale-off { -webkit-filter: grayscale(0); filter: grayscale(0); }

.grayscale.grayscale-replaced { -webkit-filter: none; filter: none; }

.grayscale.grayscale-replaced > svg { -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: 1; }

.grayscale.grayscale-replaced.grayscale-fade:hover > svg, .grayscale.grayscale-replaced.grayscale-off > svg { opacity: 0; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { .grayscale.grayscale-fade { -webkit-transition: -webkit-filter .5s; transition: -webkit-filter .5s; } }

.lightbox-modal .modal-dialog, .lightbox-modal .modal-content { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; margin: 0; }

.lightbox-modal .modal-content { background-color: rgba(0, 0, 0, 0.75); }

.lightbox-control { position: absolute; top: 50%; height: 0; width: 100%; left: 0; z-index: 999; }

.lightbox-control > button { position: relative; z-index: 99; }

.lightbox-next { float: right; }

.lightbox-prev { float: left; }

.lightbox-close { position: absolute; top: 0; right: 0; z-index: 99; }

.lightbox-container { width: 300px; height: 300px; position: relative; -webkit-transition: width .35s, height .35s; transition: width .35s, height .35s; }

.lightbox-item { width: 300px; height: 300px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); margin: auto; opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease; }

.lightbox-item:not(.active) { width: 100px !important; height: 100px !important; }

.lightbox-item.active { opacity: 1; z-index: 200; }

.lightbox-item > img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.lightbox-item.prev-1, .lightbox-item.next-1 { width: 250px !important; height: 300px !important; opacity: .85; z-index: 80; }

.lightbox-item.prev-2, .lightbox-item.next-2 { width: 200px !important; height: 250px !important; opacity: .85; z-index: 40; }

.lightbox-count { position: absolute; top: 90%; font-size: 22px; color: #FFF; width: 100%; z-index: 99; text-align: center; }

/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages). Reference: http: */
.mejs__offscreen { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; }

.mejs__container { background: #000; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Helvetica', Arial, serif; position: relative; text-align: left; text-indent: 0; vertical-align: top; }

.mejs__container * { -webkit-box-sizing: border-box; box-sizing: border-box; }

.mejs__container video::-webkit-media-controls, .mejs__container video::-webkit-media-controls-panel, .mejs__container video::-webkit-media-controls-panel-container, .mejs__container video::-webkit-media-controls-start-playback-button { -webkit-appearance: none; display: none !important; }

/* Hide native play button and control bar from iOS to favor plugin button */
.mejs__fill-container { height: 100%; width: 100%; background: transparent; margin: 0 auto; overflow: hidden; position: relative; }

.mejs__fill-container .mejs__container { height: 100%; width: 100%; }

.mejs__container:focus { outline: none; }

.mejs__iframe-overlay { height: 100%; position: absolute; width: 100%; }

.mejs__embed { background: #000; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; }

.mejs__embed body { background: #000; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; }

.mejs__fullscreen { overflow: hidden !important; }

.mejs__container-fullscreen { bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; z-index: 1000; }

.mejs__container-fullscreen .mejs__mediaelement, .mejs__container-fullscreen video { height: 100% !important; width: 100% !important; }

/* Start: LAYERS */
.mejs__background { left: 0; position: absolute; top: 0; }

.mejs__mediaelement { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }

.mejs__poster { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; left: 0; position: absolute; top: 0; z-index: 1; }

:root .mejs__poster-img { display: none; }

.mejs__poster-img { border: 0; padding: 0; }

.mejs__overlay { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; position: absolute; top: 0; }

.mejs__layer { z-index: 1; }

.mejs__overlay-play { cursor: pointer; }

.mejs__overlay-button { background: url("../img/mejs-controls.svg") no-repeat; background-position: 0 -39px; height: 80px; width: 80px; }

.mejs__overlay:hover > .mejs__overlay-button { background-position: -80px -39px; }

.mejs__overlay-loading { height: 80px; width: 80px; }

.mejs__overlay-loading-bg-img { -webkit-animation: mejs__loading-spinner 1s linear infinite; animation: mejs__loading-spinner 1s linear infinite; background: transparent url("../img/mejs-controls.svg") -160px -40px no-repeat; display: block; height: 80px; width: 80px; z-index: 1; }

@-webkit-keyframes mejs__loading-spinner { 100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes mejs__loading-spinner { 100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs__controls { bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; left: 0; list-style-type: none; margin: 0; padding: 0 10px; position: absolute; width: 100%; z-index: 3; }

.mejs__controls:not([style*='display: none']) { background: rgba(255, 0, 0, 0.7); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.35))); background: linear-gradient(transparent, rgba(0, 0, 0, 0.35)); }

.mejs__button, .mejs__time, .mejs__time-rail { font-size: 10px; height: 40px; line-height: 10px; margin: 0; width: 32px; }

.mejs__button > button { background: transparent url("../img/mejs-controls.svg"); border: 0; cursor: pointer; display: block; font-size: 0; height: 20px; line-height: 0; margin: 10px 6px; overflow: hidden; padding: 0; position: absolute; text-decoration: none; width: 20px; }

.mejs__button > button:focus { outline: dotted 1px #999; }

/* :focus for accessibility */
.mejs__container-keyboard-inactive a, .mejs__container-keyboard-inactive button, .mejs__container-keyboard-inactive [role=slider] { outline: 0; }

.mejs__container-keyboard-inactive a:focus, .mejs__container-keyboard-inactive button:focus, .mejs__container-keyboard-inactive [role=slider]:focus { outline: 0; }

/* End: CONTROL BAR */
/* Start: Time (Current / Duration) */
.mejs__time { -webkit-box-sizing: content-box; box-sizing: content-box; color: #fff; font-size: 11px; font-weight: bold; height: 24px; overflow: hidden; padding: 16px 6px 0; text-align: center; width: auto; }

/* End: Time (Current / Duration) */
/* Start: Play/Pause/Stop */
.mejs__play > button { background-position: 0 0; }

.mejs__pause > button { background-position: -20px 0; }

.mejs__replay > button { background-position: -160px 0; }

/* End: Play/Pause/Stop */
/* Start: Progress Bar */
.mejs__time-rail { direction: ltr; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 40px; margin: 0 10px; padding-top: 10px; position: relative; }

.mejs__time-total, .mejs__time-buffering, .mejs__time-loaded, .mejs__time-current, .mejs__time-float, .mejs__time-hovered, .mejs__time-float-current, .mejs__time-float-corner, .mejs__time-marker { border-radius: 2px; cursor: pointer; display: block; height: 10px; position: absolute; }

.mejs__time-total { background: rgba(255, 255, 255, 0.3); margin: 5px 0 0; width: 100%; }

.mejs__time-buffering { -webkit-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); background-size: 15px 15px; width: 100%; }

@-webkit-keyframes buffering-stripes { from { background-position: 0 0; }
  to { background-position: 30px 0; } }

@keyframes buffering-stripes { from { background-position: 0 0; }
  to { background-position: 30px 0; } }

.mejs__time-loaded { background: rgba(255, 255, 255, 0.3); }

.mejs__time-current, .mejs__time-handle-content { background: rgba(255, 255, 255, 0.9); }

.mejs__time-hovered { background: rgba(255, 255, 255, 0.5); z-index: 10; }

.mejs__time-hovered.negative { background: rgba(0, 0, 0, 0.2); }

.mejs__time-current, .mejs__time-buffering, .mejs__time-loaded, .mejs__time-hovered { left: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: 0.15s ease-in all; transition: 0.15s ease-in all; width: 100%; }

.mejs__time-buffering { -webkit-transform: scaleX(1); transform: scaleX(1); }

.mejs__time-hovered { -webkit-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1); transition: height 0.1s cubic-bezier(0.44, 0, 1, 1); }

.mejs__time-hovered.no-hover { -webkit-transform: scaleX(0) !important; transform: scaleX(0) !important; }

.mejs__time-handle { border: 4px solid transparent; cursor: pointer; left: 0; position: absolute; -webkit-transform: translateX(0); transform: translateX(0); z-index: 11; }

.mejs__time-handle-content { border: 4px solid transparent; cursor: pointer; left: 0; position: absolute; -webkit-transform: translateX(0); transform: translateX(0); z-index: 11; border: 4px solid rgba(255, 255, 255, 0.9); border-radius: 50%; height: 10px; left: -7px; top: -4px; -webkit-transform: scale(0); transform: scale(0); width: 10px; }

.mejs__time-rail:hover .mejs__time-handle-content { -webkit-transform: scale(1); transform: scale(1); }

.mejs__time-rail .mejs__time-handle-content:focus, .mejs__time-rail .mejs__time-handle-content:active { -webkit-transform: scale(1); transform: scale(1); }

.mejs__time-float { background: #eee; border: solid 1px #333; bottom: 100%; color: #111; display: none; height: 17px; margin-bottom: 9px; position: absolute; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 36px; }

.mejs__time-float-current { display: block; left: 0; margin: 2px; text-align: center; width: 30px; }

.mejs__time-float-corner { border: solid 5px #eee; border-color: #eee transparent transparent; border-radius: 0; display: block; height: 0; left: 50%; line-height: 0; position: absolute; top: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; }

.mejs__long-video .mejs__time-float { margin-left: -23px; width: 64px; }

.mejs__long-video .mejs__time-float-current { width: 60px; }

.mejs__broadcast { color: #fff; height: 10px; position: absolute; top: 15px; width: 100%; }

/* End: Progress Bar */
/* Start: Fullscreen */
.mejs__fullscreen-button > button { background-position: -80px 0; }

.mejs__unfullscreen > button { background-position: -100px 0; }

/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs__mute > button { background-position: -60px 0; }

.mejs__unmute > button { background-position: -40px 0; }

.mejs__volume-button { position: relative; }

.mejs__volume-button > .mejs__volume-slider { -webkit-backface-visibility: hidden; background: rgba(50, 50, 50, 0.7); border-radius: 0; bottom: 100%; display: none; height: 115px; left: 50%; margin: 0; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 25px; z-index: 1; }

.mejs__volume-button:hover { border-radius: 0 0 4px 4px; }

.mejs__volume-total { background: rgba(255, 255, 255, 0.5); height: 100px; left: 50%; margin: 0; position: absolute; top: 8px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 2px; }

.mejs__volume-current { background: rgba(255, 255, 255, 0.9); left: 0; margin: 0; position: absolute; width: 100%; }

.mejs__volume-handle { background: rgba(255, 255, 255, 0.9); border-radius: 1px; cursor: ns-resize; height: 6px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 16px; }

.mejs__horizontal-volume-slider { display: block; height: 36px; position: relative; vertical-align: middle; width: 56px; }

.mejs__horizontal-volume-total { background: rgba(50, 50, 50, 0.8); border-radius: 2px; font-size: 1px; height: 8px; left: 0; margin: 0; padding: 0; position: absolute; top: 16px; width: 50px; }

.mejs__horizontal-volume-current { background: rgba(255, 255, 255, 0.8); border-radius: 2px; font-size: 1px; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; }

.mejs__horizontal-volume-handle { display: none; }

/* End: Mute/Volume */
/* Start: Track (Captions and Chapters) */
.mejs__captions-button, .mejs__chapters-button { position: relative; }

.mejs__captions-button > button { background-position: -140px 0; }

.mejs__chapters-button > button { background-position: -180px 0; }

.mejs__captions-button > .mejs__captions-selector { background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; border-radius: 0; bottom: 100%; margin-right: -43px; overflow: hidden; padding: 0; position: absolute; right: 50%; visibility: visible; width: 86px; }

.mejs__chapters-button > .mejs__chapters-selector { background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; border-radius: 0; bottom: 100%; margin-right: -43px; overflow: hidden; padding: 0; position: absolute; right: 50%; visibility: visible; width: 86px; margin-right: -55px; width: 110px; }

.mejs__captions-selector-list, .mejs__chapters-selector-list { list-style-type: none !important; margin: 0; overflow: hidden; padding: 0; }

.mejs__captions-selector-list-item, .mejs__chapters-selector-list-item { color: #fff; cursor: pointer; display: block; list-style-type: none !important; margin: 0 0 6px; overflow: hidden; padding: 0; }

.mejs__captions-selector-list-item:hover, .mejs__chapters-selector-list-item:hover { background-color: #c8c8c8 !important; background-color: rgba(255, 255, 255, 0.4) !important; }

.mejs__captions-selector-input, .mejs__chapters-selector-input { clear: both; float: left; left: -1000px; margin: 3px 3px 0 5px; position: absolute; }

.mejs__captions-selector-label, .mejs__chapters-selector-label { cursor: pointer; float: left; font-size: 10px; line-height: 15px; padding: 4px 10px 0; width: 100%; }

.mejs__captions-selected, .mejs__chapters-selected { color: #21f8f8; }

.mejs__captions-translations { font-size: 10px; margin: 0 0 5px; }

.mejs__captions-layer { bottom: 0; color: #fff; font-size: 16px; left: 0; line-height: 20px; position: absolute; text-align: center; }

.mejs__captions-layer a { color: #fff; text-decoration: underline; }

.mejs__captions-layer[lang=ar] { font-size: 20px; font-weight: normal; }

.mejs__captions-position { bottom: 15px; left: 0; position: absolute; width: 100%; }

.mejs__captions-position-hover { bottom: 35px; }

.mejs__captions-text { background: rgba(20, 20, 20, 0.5); -webkit-box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5); box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5); padding: 0; white-space: pre-wrap; }

.mejs__captions-text * { background: rgba(20, 20, 20, 0.5); -webkit-box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5); box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5); padding: 0; white-space: pre-wrap; }

.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container { display: none; }

/* End: Track (Captions and Chapters) */
/* Start: Error */
.mejs__overlay-error { position: relative; }

.mejs__overlay-error > img { left: 0; max-width: 100%; position: absolute; top: 0; z-index: -1; }

.mejs__cannotplay { color: #fff; font-size: 0.8em; position: relative; }

.mejs__cannotplay a { color: #fff; font-size: 0.8em; }

.mejs__cannotplay p, .mejs__cannotplay a { display: inline-block; padding: 0 15px; width: 100%; }

/* End: Error */
.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^=right] .arrow::after { left: 2px; }

.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^=right] .arrow::before { left: -1px; }

.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^=left] .arrow::after { right: 2px; }

.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^=left] .arrow::before { right: -1px; }

.partner-v2 { position: relative; }

@media (max-width: 575.98px) { .partner-v2 { padding: 0; } }

.partner-v2:after { content: ''; display: block; right: 0; position: absolute; height: 70%; border-right: 1px solid #ddd; top: 15%; }

@media (max-width: 767.98px) { .footer-content-list { display: none; } }

.page-layout-2 { display: -webkit-box; display: -ms-flexbox; display: flex; }

.nav-left-2 { background-color: #24466e; position: relative; }

.nav-left-2:after { background-color: #24466e; content: ""; display: block; position: absolute; height: 100%; right: 99%; width: 120px; top: 0; }

.nav-left-2 .left-content-nav .drop-sub::after { opacity: .5; }

.nav-left-2 .left-content-nav .drop-sub:last-child::after { display: none; }

.nav-left-2 .left-content-nav { padding-top: 20px; padding-bottom: 20px; position: relative; z-index: 8; }

@media (max-width: 991.98px) { .nav-left-2 .left-content-nav { padding-left: 40px; } }

.nav-left-2 .left-content-nav .horse { margin-left: -80px; margin-right: 10px; -webkit-transition: opacity .35s ease, -webkit-transform .35s ease; transition: opacity .35s ease, -webkit-transform .35s ease; transition: opacity .35s ease, transform .35s ease; transition: opacity .35s ease, transform .35s ease, -webkit-transform .35s ease; opacity: 0; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }

.nav-left-2 .left-content-nav .txt { color: #ffffff; }

.nav-left-2 .left-content-nav .toggle-active-2 { font-weight: bold; }

.nav-left-2 .left-content-nav .toggle-active-2 .horse { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.nav-left-2 .left-content-nav .toggle-active-2 .txt { -webkit-transform: skewX(-8deg); transform: skewX(-8deg); }

@media (max-width: 767.98px) { .partner-v3 { height: 115px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; } }

@media (max-width: 575.98px) { .partner-v3 { height: 90px; } }

.page-4000-brand .page-layout { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (max-width: 767.98px) { .page-4000-brand-2 .page-layout { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.main-right-2 { position: relative; }

.main-right-2 .scrollable { width: 100%; height: 100%; top: 0; left: 0; position: absolute; }

@media (max-width: 767.98px) { .main-right-2 .row-list { margin-left: -8px; margin-right: -8px; }
  .main-right-2 .row-list > li { padding-left: 8px; padding-right: 8px; }
  .main-right-2 .scrollable { position: relative; } }

.page-4000-brand-2 { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); padding-bottom: 0 !important; position: relative; z-index: 3; margin-bottom: 30px; }

.page-4000-brand-2 .wrap { padding: 20px; }

.page-4000-brand-2 .left-content-tit { overflow: visible; }

.page-4000-brand-2 .left-content-tit img { margin-top: -33px; }

.page-4000-brand-2 .left-content-tit h4 { color: #FFF; font-weight: bold; background-color: #8f0302; line-height: 1em; height: 100px; padding-top: 25px; }

.page-4000-brand-2 .left-content-tit h4 small { font-size: 16px; display: block; }

.event .calendar-sm-date { text-align: center; float: left; border-radius: 6px; width: 50px; height: 50px; -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); overflow: hidden; margin-right: 12px; background-color: #FFF; }

.event .calendar-sm-date strong { line-height: 20px; font-size: 12px; background-color: #f56053; color: #FFF; }

.event .calendar-sm-date strong:after { content: '月'; }

.event .calendar-sm-date span { line-height: 30px; font-size: 22px; color: #444; }

.event .calendar-sm-date strong, .event .calendar-sm-date span { display: block; }

.calendar-sm-body { overflow: hidden; color: #666; text-align: left; }

.calendar-sm-body h5 { font-size: 16px; color: #222; }

.calendar-sm-body a:hover { color: #dc3545; }

.slick-polo, .slick_thematic-news { opacity: 0; -webkit-transition: opacity .35s .5s; transition: opacity .35s .5s; }

.active.show .slick-polo, .active.show .slick_thematic-news { opacity: 1; }

.page-tit .more { color: #999999; padding-top: 8px; }

@media (max-width: 575.98px) { .page-tit .more { padding-top: 3px; } }

.page-tit .more:hover { color: #666; }

@media (max-width: 1199.98px) { .news-list-v2 li:nth-child(3) ~ li { display: none; } }

.news-list-v2 .ratio { width: 160px; margin-right: 15px; }

@media (max-width: 575.98px) { .news-list-v2 .ratio { width: 120px; margin-right: 12px; } }

.news-list-v2 a { color: #444; }

.news-list-v2 a::after { display: block; clear: both; content: ""; }

.news-list-v2 a:hover h5 { color: #8f0302; }

.news-list-v2 h5 { line-height: 1.5em; max-height: 6em; overflow: hidden; margin-bottom: 0; }

.news-list-v2 p { opacity: .75; line-height: 2em; overflow: hidden; height: 4em; margin-bottom: 0; }

@media (max-width: 575.98px) { .news-list-v2 p { line-height: 1.75em; height: 3.5em; } }

.news-list-v2 .date { float: right; color: #999; }

@media (max-width: 575.98px) { .news-list-v2 .date { display: none; } }

@media (max-width: 1199.98px) { .news-list-v1 li:nth-child(5) ~ li { display: none; } }

.news-list-v1 a { padding: 18px 0; border-bottom: 1px dotted #eee; color: #444444; }

.news-list-v1 a:before { display: inline-block; content: ''; width: 10px; height: 10px; border: 3px solid #d2a273; border-radius: 50%; margin-right: 8px; }

.news-list-v1 a:hover { color: #8f0302; }

@media (min-width: 768px) { .news-list-v1 a { font-size: 16px; } }

.ratio-portrait-banner:before { padding-top: 820px; }

@media (max-width: 767.98px) { .ratio-portrait-banner:before { padding-top: 130%; } }

.portrait-banner .portrait-banner-item {position: relative}

.portrait-banner .portrait-banner-item h5 { display: block; position: absolute; z-index: 2; font-size: 14px; color: #FFF; bottom: 10px; left: 15px; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.portrait-banner .slick-dots { position: absolute; right: 15px; bottom: 15px; }
.portrait-banner .slick-dots > li { display: inline-block; margin-left: 5px; vertical-align: bottom; }

.portrait-banner .slick-dots > li > button { display: block; border: 0; width: 15px; height: 4px; padding: 0; margin: 0; -webkit-transition: height .35s, background-color .35s; transition: height .35s, background-color .35s; font-size: 0 !important; line-height: 0; background-color: #fff; }

.portrait-banner .slick-dots > li.slick-active > button { background-color: #8f0302; height: 7px; }

.left-content-clock img { display: none; }

.header .drop-level-2 > a:after { content: ''; width: 6px; height: 6px; border-top: 1px solid; border-right: 1px solid; position: absolute; right: 15px; top: 13px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.nav-overflow-wrap { overflow: hidden; margin-right: 50px; position: relative; height: 62px; }

.nav-overflow-wrap:after { content: ''; position: absolute; display: block; height: 100%; top: 0; right: 0; width: 30px; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white)); background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); background-repeat: repeat-x; }

.nav-idx-title { font-size: 28px; white-space: nowrap; overflow: auto; height: 94px; margin-bottom: -30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.nav-idx-title li { display: inline-block; margin-right: 30px; vertical-align: bottom; }

.nav-idx-title a { color: #bbbbbb; }

.nav-idx-title a.active { color: #444; }

.nav-idx-title a:after { display: block; content: attr(data-en); font-size: 14px; text-transform: uppercase; }

.calendar .event-container .close:before, .calendar .event-container .close:after { background-color: #999 !important; }

.calendar-wrap { padding: 20px; border: 1px solid #ddd; }

@media (min-width: 768px) { .calendar-wrap .calendar .day { font-size: 16px; } }

.calendar-wrap .calendar .event-container .event { background-color: #f5f5f5; }

.calendar-wrap .calendar .filler { background-color: #e3e3e3; }

.calendar-wrap .calendar .event-container { background-color: #e3e3e3; padding: 50px; }

.calendar-wrap .calendar header .month .year { display: inline; font-size: 1em; font-weight: normal; }

.calendar-wrap .calendar header .month .year:after { content: '年'; }

.calendar-wrap .calendar .day { line-height: 2.3em; }

.calendar-wrap .calendar .day.today { background-color: #8f0302; }

.calendar-wrap .calendar .day.has-event:hover { border-color: #8f0302; }

.calendar-wrap .calendar .day.has-event:after { background-color: #8f0302; }

.section-video-idx1 .video { position: relative; }

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

.pay-video { position: absolute; bottom: 8px; left: 8px; line-height: 2em; height: 2em; border-radius: 1em; color: #ffffff; padding: 0 1em; background-color: rgba(0, 0, 0, 0.5); }

.pay-video a { color: #dc3545; }

.scrollable-v1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #8f0302; }

.scrollable-v1 .mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 0, 0, 0.2); }

.main-right-2 .mCSB_inside > .mCSB_container { margin-right: 0; }

.main-right-2 .mCSB_scrollTools .mCSB_draggerRail { margin-right: 0; margin-left: 12px; }

.main-right-2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { margin-right: 0; margin-left: 11px; }

@media (max-width: 767.98px) { .main-right-2 .mCSB_scrollTools { display: none !important; } }

.login-grp-item .dropdown-menu a { color: #555; }

.login-grp-item .dropdown-menu a:hover { color: #8f0302; }

.ratio-header:before { padding-top: 7.29167%; }

.cer-wrap { display: inline-block; position: relative; }

.cer-wrap:before { content: '✓'; display: block; position: absolute; right: -6px; top: -6px; width: 18px; height: 18px; text-align: center; font-size: 12px; line-height: 14px; border-radius: 50%; color: #FFF; border: 2px solid #fff; background-color: #bbb; }

.cer-success:before { content: '✓'; background-color: #28a745; }

.cer-danger:before { content: '!'; background-color: #dc3545; }

.cer-warning:before { content: '!'; background-color: #ffc107; }

.comment-image .multi-img > li { -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; max-width: 70px; }

.comment-image .multi-img .btn-plus { font-size: 24px; }

.comment-image .multi-img .note-block { font-size: 12px; bottom: 3px; right: 3px; }

.zoom .img { overflow: hidden; }

.zoom .ratio, .zoom img { -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s; }

.zoom:hover .ratio, .zoom:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); }

.blur { overflow: hidden; }

.blur .img-bg { -webkit-transition: all .35s; transition: all .35s; }

.blur:hover .img-bg { -webkit-filter: blur(10px); filter: blur(10px); }

.stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); }

.main-bg { overflow: hidden; }

body { position: relative; min-height: 100vh; }

.bg-gray { background-color: #f5f5f5; }

.bg-dark-gray { background-color: #f0f0f0; }

.info-share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.bdshare a { display: inline-block; margin-left: 4px; border-radius: 3px; width: 24px; height: 24px; line-height: 24px; font-size: 16px; color: #FFF; text-align: center; opacity: 0.8; }

.bdshare a:hover { text-decoration: none; }

.bdshare .bds_weixin { background: #58b721; }

.bdshare .bds_tsina { background: #ee3333; }

.bdshare .bds_tqq { background: #4084c1; }

.bdshare .bds_qzone { background: #ffc028; }

.bdshare .popup_more { background: #10d9f3; }

.detail-pagination { display: inline-block; margin: 20px 0; }

.detail-pagination ul li { margin: 5px 0; min-width: 7em; padding-left: 20px; position: relative; }

.detail-pagination ul li:before { content: ''; display: block; background-image: url(../img/arrow.png); background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; left: 5px; width: 5px; height: 9px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.detail-pagination ul li span { display: inline-block; vertical-align: middle; color: #333; }

.detail-pagination ul li a { display: inline-block; vertical-align: middle; color: #333; padding: 5px 0; max-width: calc(100% - 4em); }

.detail-pagination ul li:hover span, .detail-pagination ul li:hover a { color: #24466e; font-weight: bold; text-decoration: none; }

.page-detail .detail-thumbnail { width: 70%; margin: 0 auto; margin-bottom: 40px; }

.page-detail .detail-video { width: 70%; margin: 0 auto; margin-bottom: 40px; }

@media (max-width: 991.98px) { .page-detail .detail-video { width: 100%; margin-bottom: 20px; } }

.page-detail .detail-body h5 { font-size: 18px; font-weight: bold; border-left: 4px solid #24466e; padding-left: 10px; margin-bottom: 30px; line-height: 1.5; }

.page-detail .detail-body p { line-height: 2; font-size: 16px; }

@media (max-width: 767.98px) { .page-detail .detail-body p { font-size: 14px; } }

.grp-detail-pagi { padding-top: 50px; border-top: 1px solid #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 767.98px) { .grp-detail-pagi { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-top: 30px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }

.grp-detail-pagi .detail-pagination { margin: 0; max-width: 50%; }

@media (max-width: 767.98px) { .grp-detail-pagi .detail-pagination { max-width: 100%; } }

@media (max-width: 767.98px) { .grp-detail-pagi .info-share { margin-bottom: 15px; -ms-flex-item-align: end; align-self: flex-end; } }

.grp-detail-pagi .info-share .social-share .social-share-icon { background-color: transparent; border-radius: 100%; border: 1px solid #e5e5e5; color: #9f9f9f; width: 32px; height: 32px; line-height: 30px; -webkit-transition: all .35s; transition: all .35s; font-size: 18px; }

.grp-detail-pagi .info-share .social-share .social-share-icon:hover { background-color: #24466e; color: #ffffff; border-color: #24466e; }

.detail-pagination { display: inline-block; margin: 20px 0; }

.detail-pagination ul li { margin: 5px 0; min-width: 7em; padding-left: 0; position: relative; cursor: pointer; }

.detail-pagination ul li:before { content: ''; display: block; background-image: url(../img/arrow.png); background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; left: 5px; width: 5px; height: 9px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.detail-pagination ul li span { display: inline-block; vertical-align: middle; color: #666; font-size: 16px; }

@media (max-width: 767.98px) { .detail-pagination ul li span { font-size: 14px; } }

.detail-pagination ul li a { display: inline-block; vertical-align: middle; color: #666; font-size: 16px; padding: 5px 0; max-width: calc(100% - 4em); }

@media (max-width: 767.98px) { .detail-pagination ul li a { font-size: 14px; } }

.detail-pagination ul li:hover span, .detail-pagination ul li:hover a { color: #24466e; font-weight: bold; text-decoration: none; }

.bd_weixin_popup { -webkit-box-sizing: initial; box-sizing: initial; }

.right-sidebar { position: fixed; right: 0; bottom: 40%; -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s; z-index: 999; -webkit-transform: translateY(50%); transform: translateY(50%); }

.right-sidebar.active { -webkit-transform: translate3d(100%, 50%, 0); transform: translate3d(100%, 50%, 0); }

.right-sidebar a { width: 40px; font-size: 18px; padding: 15px 8px; text-align: center; line-height: 1.25; background-color: #8f0302; color: #FFF; }

.right-sidebar-content { position: fixed; right: 0; bottom: 0; -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); width: 410px; padding-top: 20px; color: #FFF; background-color: #a80402; text-align: center; z-index: 999; }

@media (min-width: 1200px) { .right-sidebar-content { width: 450px; } }

.right-sidebar-content h3 { font-size: 20px; margin-bottom: 15px; }

.right-sidebar-content a { color: #FFF; }

.right-sidebar-content ul { padding: 0 20px; }

.right-sidebar-content.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.right-sidebar-content .mCSB_inside > .mCSB_container { margin-right: 0; }

.right-sidebar-content .scrollable { height: 280px; }

@media (min-width: 1200px) { .right-sidebar-content .scrollable { height: 350px; } }

.close-right-sidebar { padding: 4px 8px; font-size: 18px; background-color: #760202; }

.close-right-sidebar:hover { background-color: #5d0201; }

#right-tool { position: fixed; bottom: 0; right: 0; z-index: 100; }

@media (max-width: 767.98px) { #right-tool { display: none; } }

#right-tool li { position: relative; }

#right-tool li:not(:last-child) { margin-bottom: 1px; }

#right-tool li.gotop > a { background-color: #433e3e; }

#right-tool li > a { width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #8f0302; -webkit-transition: all .35s; transition: all .35s; overflow: hidden; }

#right-tool li > a i { font-size: 24px; color: #fff; }

#right-tool li .hover-show { position: absolute; top: 0; right: 100%; background-color: #8f0302; padding: 15px; -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; visibility: hidden; white-space: nowrap; -webkit-transition: all .35s; transition: all .35s; }

#right-tool li .hover-show .txt { font-size: 12px; color: #fff; margin-bottom: 0; }

#right-tool li .hover-show .qrcode { width: 100px; max-width: none; margin-bottom: 5px; }

#right-tool li .hover-show a { font-size: 20px; color: #fff; white-space: nowrap; }

#right-tool li .hover-show a h5 { font-size: 14px; margin-bottom: 5px; }

#right-tool li .hover-show a span { font-size: 22px; display: block; line-height: 1.3; }

#right-tool li.write-form a, #right-tool li.gotop a { height: 0; }

#right-tool li.write-form.active a, #right-tool li.gotop.active a { height: 40px; }

#right-tool li:hover > a { background-color: #670201; }

#right-tool li:hover > a i { color: #fff; }

#right-tool li:hover .hover-show { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; }

@media (min-width: 1600px) { .custom-container { max-width: 1200px; } }

.index-banner { position: relative; }

.banner-slick { position: relative; }

.banner-slick .slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.5); border: 0; color: #fff; z-index: 10; padding: 20px 10px; font-size: 20px; cursor: pointer; }

@media (max-width: 767.98px) { .banner-slick .slick-arrow { padding: 10px 5px; font-size: 16px; } }

.banner-slick .slick-arrow.slick-prev { left: 0; }

.banner-slick .slick-arrow.slick-next { right: 0; }

.banner-slick .slick-dots { position: absolute; bottom: 5px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.banner-slick .slick-dots li { margin: 0 5px; }

.banner-slick .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; cursor: pointer; border: 0; outline: none; background-color: rgba(0, 0, 0, 0.3); position: relative; -webkit-transition: all .35s; transition: all .35s; border-radius: 100%; padding: 0; }

.banner-slick .slick-dots li.slick-active button { background-color: #24466e; }

.banner-slick .item a { padding-top: 33.33333%; }

@media (min-width: 1600px) { .custom-container { max-width: 1710px; } }

.container-fluid-custom { padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) { .container-fluid-custom { padding-left: 50px; padding-right: 50px; } }

@media (min-width: 1300px) { .container-fluid-custom { padding-left: 70px; padding-right: 70px; } }

@media (min-width: 1600px) { .container-fluid-custom { padding-left: 100px; padding-right: 100px; } }

.nav-left-2 { margin-left: 15px; }

@media (min-width: 768px) { .nav-left-2 { margin-left: 50px; } }

@media (min-width: 1300px) { .nav-left-2 { margin-left: 70px; } }

@media (min-width: 1600px) { .nav-left-2 { margin-left: 100px; } }

.datepicker .table-condensed tr, .datepicker .table-condensed td, .datepicker .table-condensed th { padding: 5px; }

.datepicker .table-condensed td.active, .datepicker .table-condensed td.active:hover, .datepicker .table-condensed td span.active { background-color: #24466e; }

.datepicker .table-condensed td.today:before { border-bottom-color: #24466e; }

.slick-banner-it .item { padding-top: calc(100vh - 43px - 144px); }

@media (max-width: 1199.98px) { .slick-banner-it .item { padding-top: calc(100vh - 43px - 134px); } }

@media (max-width: 767.98px) { .slick-banner-it .item { padding-top: calc(100vh - 74px - 144px); } }

.idx-banner .slick-dots, .sub-page-banner .slick-dots { position: absolute; bottom: 5px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.idx-banner .slick-dots li, .sub-page-banner .slick-dots li { margin: 0 5px; padding: 5px 0; cursor: pointer; }

.idx-banner .slick-dots li button, .sub-page-banner .slick-dots li button { font-size: 0; cursor: pointer; line-height: 0; display: block; width: 40px; height: 3px; border: 0; outline: none; background-color: rgba(0, 0, 0, 0.3); position: relative; -webkit-transition: all .35s; transition: all .35s; padding: 0; }

.idx-banner .slick-dots li.slick-active button, .sub-page-banner .slick-dots li.slick-active button { width: 50px; height: 6px; background-color: #8f0302; }

.idx-banner .slick-btn, .sub-page-banner .slick-btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; border: 0; background-color: rgba(0, 0, 0, 0.6); color: #ffffff; padding: 15px 5px; -webkit-transition: all .35s; transition: all .35s; cursor: pointer; font-size: 30px; }

.idx-banner .slick-btn:hover, .sub-page-banner .slick-btn:hover { background-color: rgba(143, 3, 2, 0.6); }

.idx-banner .slick-prev, .sub-page-banner .slick-prev { left: 0; -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); }

.idx-banner .slick-next, .sub-page-banner .slick-next { right: 0; -webkit-transform: translate(100%, -50%); transform: translate(100%, -50%); }

.idx-banner:hover .slick-btn, .sub-page-banner:hover .slick-btn { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

.partner-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 12px 0; -webkit-box-shadow: 0px 0px 6px 0px rgba(71, 70, 70, 0.15); box-shadow: 0px 0px 6px 0px rgba(71, 70, 70, 0.15); -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.slick-partner-top > .item { display: inline-block; width: 18%; }

.slick-partner-top > .item:nth-child(5) ~ div { display: none; }

.partner-clock { margin-right: 6px; display: inline-block; vertical-align: middle; }

.partner-clock .clock { max-width: 120px; }

@media (max-width: 1199.98px) { .partner-clock .clock { max-width: 110px; } }

@media (max-width: 575.98px) { .partner-clock .clock { max-width: 70px; } }

.partner-clock canvas { width: 100%; display: block; }

.partner-clock + img { display: inline-block; vertical-align: middle; max-width: calc(100% - 132px); }

@media (max-width: 1199.98px) { .partner-clock + img { max-width: calc(100% - 122px); } }

@media (min-width: 768px) and (max-width: 991.98px) { .partner-clock + img { max-height: 30px; } }

@media (max-width: 575.98px) { .partner-clock + img { max-width: calc(100% - 82px); } }

.section-races { padding-top: 70px; padding-bottom: 40px; }

@media (min-width: 768px) and (max-width: 991.98px) { .section-races { padding-top: 30px; padding-bottom: 50px; } }

@media (max-width: 767.98px) { .section-races { padding-top: 30px; padding-bottom: 50px; } }

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

.races-poster { width: 12%; float: left; }

@media (max-width: 1199.98px) { .races-poster { width: 30%; } }

@media (min-width: 768px) and (max-width: 991.98px) { .races-poster { width: 40%; } }

@media (max-width: 767.98px) { .races-poster { width: 100%; float: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } }

.races-poster .txt { margin-bottom: 20px; }

@media (max-width: 767.98px) { .races-poster .txt { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; -ms-flex-pack: distribute; justify-content: space-around; } }

.races-poster p { font-size: 32px; color: #001633; margin-bottom: 1rem; }

.races-poster .btn-more { border-radius: 50px; font-size: 16px; padding-left: 1.5rem; padding-right: 1.5rem; }

.idx-block-races { width: 88%; float: left; padding-left: 40px; }

@media (max-width: 1199.98px) { .idx-block-races { width: 70%; padding-left: 20px; } }

@media (min-width: 768px) and (max-width: 991.98px) { .idx-block-races { width: 60%; } }

@media (max-width: 767.98px) { .idx-block-races { width: 100%; float: none; padding-left: 0; padding-right: 0; } }

.idx-block-races .row { margin-bottom: -26px; }

.idx-block-races .row > div { margin-bottom: 26px; }

@media (min-width: 768px) and (max-width: 991.98px) { .idx-block-races .row > div:nth-child(3) ~ div { display: none; } }

.races-it { background-color: white; -webkit-box-shadow: 0px 0px 6px 0px rgba(71, 70, 70, 0.15); box-shadow: 0px 0px 6px 0px rgba(71, 70, 70, 0.15); -webkit-transition: all .35s; transition: all .35s; height: 100%; position: relative; }

.races-it .time { -webkit-box-flex: 0; -ms-flex: 0 0 90px; flex: 0 0 90px; max-width: 90px; padding: 30px 0; text-align: center; background-color: #8f0302; }

@media (max-width: 1599.98px) { .races-it .time { padding: 25px 0; } }

@media (min-width: 992px) and (max-width: 1199.98px) { .races-it .time { -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; max-width: 70px; } }

.races-it .time > div { color: #fff; }

.races-it .time .day { font-size: 18px; margin-bottom: .75rem; }

@media (min-width: 992px) and (max-width: 1199.98px) { .races-it .time .day { margin-bottom: .5rem; font-size: 16px; } }

.races-it .time .month { font-size: 16px; margin-bottom: 1rem; }

@media (min-width: 992px) and (max-width: 1199.98px) { .races-it .time .month { margin-bottom: .75rem; font-size: 14px; } }

.races-it .time .date { font-size: 60px; font-family: impact; line-height: 1; }

@media (min-width: 992px) and (max-width: 1199.98px) { .races-it .time .date { font-size: 40px; } }

.races-it .infor { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 90px); flex: 0 0 calc(100% - 90px); max-width: calc(100% - 90px); padding: 25px 20px; -webkit-transition: all .35s; transition: all .35s; }

@media (max-width: 1599.98px) { .races-it .infor { padding: 20px; } }

@media (min-width: 992px) and (max-width: 1199.98px) { .races-it .infor { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 70px); flex: 0 0 calc(100% - 70px); max-width: calc(100% - 70px); } }

.races-it .infor h4 { font-size: 18px; color: #282828; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; -webkit-transition: all .35s; transition: all .35s; }

@media (max-width: 1599.98px) { .races-it .infor h4 { font-size: 16px; } }

@media (min-width: 992px) and (max-width: 1199.98px) { .races-it .infor h4 { font-size: 14px; } }

.races-it .infor p { margin-bottom: 8px; }

.races-it .infor p::after { display: block; clear: both; content: ""; }

.races-it .infor p:last-child { margin-bottom: 0; }

@media (max-width: 1599.98px) { .races-it .infor p { margin-bottom: .5rem; } }

.races-it .infor p .icon { float: left; font-size: 20px; color: #999; margin-right: 10px; line-height: 24px; -webkit-transition: all .35s; transition: all .35s; }

@media (max-width: 1599.98px) { .races-it .infor p .icon { font-size: 16px; line-height: 21px; } }

@media (min-width: 992px) and (max-width: 1199.98px) { .races-it .infor p .icon { line-height: 18px; } }

.races-it .infor p span { font-size: 16px; color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .35s; transition: all .35s; }

@media (max-width: 1599.98px) { .races-it .infor p span { font-size: 14px; } }

@media (min-width: 992px) and (max-width: 1199.98px) { .races-it .infor p span { font-size: 12px; } }

.races-it .infor p span span { display: block; }

.races-it .infor p a { font-size: 16px; color: #24466e; -webkit-transition: all .35s; transition: all .35s; }

@media (max-width: 1599.98px) { .races-it .infor p a { font-size: 14px; } }

@media (min-width: 992px) and (max-width: 1199.98px) { .races-it .infor p a { font-size: 12px; } }

.races-it:hover { -webkit-box-shadow: 0px 0px 6px 0px rgba(36, 70, 110, 0.35); box-shadow: 0px 0px 6px 0px rgba(36, 70, 110, 0.35); }

.races-it:hover .infor { background-color: #24466e; }

.races-it:hover .infor h4 { color: #fff; }

.races-it:hover .infor p .icon, .races-it:hover .infor p span, .races-it:hover .infor p a { color: #fff; }

.section-news { padding: 50px 0 0; }

@media (max-width: 991.98px) { .section-news { padding: 30px 0 0; } }

.section-news .row { margin-left: -40px; margin-right: -40px; }

.section-news .row > div { padding-left: 40px; padding-right: 40px; }

@media (max-width: 1199.98px) { .section-news .row { margin-left: -15px; margin-right: -15px; }
  .section-news .row > div { padding-left: 15px; padding-right: 15px; } }

.section-news2 .idx-block-news { -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15); padding: 30px 20px; }

.section-news2 .list-news .news-it { border-bottom-color: #e6e6e6; }

.section-news2 .list-news .news-it:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }

.section-news2 .news-it .tags-skew { position: absolute; display: block; top: 50%; left: 7px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.section-news2 .news-it .tags-skew span { width: 1.8em; height: 1.8em; line-height: 1.8; font-size: 14px; color: #fff; text-align: center; display: block; position: relative; z-index: 1; }

.section-news2 .news-it .tags-skew:before { content: ""; width: 100%; height: 100%; -webkit-transform: skew(-15deg); transform: skew(-15deg); position: absolute; z-index: 1; -webkit-transition: .35s; transition: .35s; }

.section-news2 .news-it .tags-skew:after { width: 90%; height: 7px; content: ""; position: absolute; bottom: 0; left: 0; -webkit-transform: skew(-55deg); transform: skew(-55deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; z-index: 0; -webkit-transition: .35s; transition: .35s; }

.section-news2 .news-it .tags-skew.tags-skew-pri:before { background-color: #24466e; }

.section-news2 .news-it .tags-skew.tags-skew-pri:after { background-color: #6d8fb6; }

.section-news2 .news-it .tags-skew.tags-skew-red:before { background-color: #fe3232; }

.section-news2 .news-it .tags-skew.tags-skew-red:after { background-color: #a62626; }

.idx-title { position: relative; margin-bottom: 2rem; }

.idx-title h4 { margin-bottom: .4rem; font-size: 28px; font-weight: bold; color: #282828; }

.idx-title h4 span { position: relative; padding-right: 20px; }

.idx-title h4 span:before { position: absolute; top: 50%; left: 100%; width: 40px; height: 1px; background-color: red; content: ''; display: block; }

.idx-title p { font-size: 18px; font-family: Arial, sans-serif; text-transform: uppercase; color: #666; }

.idx-title .icon { position: absolute; top: 50%; right: 0; margin-top: -20px; width: 40px; height: 40px; border-radius: 100%; border: 1px solid #b5b5b5; color: #b5b5b5; font-size: 20px; line-height: 38px; text-align: center; -webkit-transition: all .35s; transition: all .35s; }

.idx-title .icon:before { margin-left: 3px; }

.idx-title .icon:hover { background-color: #24466e; color: #fff; border-color: #24466e; }

.idx-title.idx-title-v2 { padding-right: 50.5px; }

.idx-title.idx-title-v2 .nav-item { display: inline-block; }

.idx-title.idx-title-v2 .nav-item:not(:last-child) { margin-right: 30px; }

@media (min-width: 1300px) and (max-width: 1599.98px) { .idx-title.idx-title-v2 .nav-item:not(:last-child) { margin-right: 50px; } }

.idx-title.idx-title-v2 .myTabs-wrap .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; }

.idx-title.idx-title-v2 .myTabs-wrap .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 16px; }

.idx-title.idx-title-v2 .myTabs-wrap ul { white-space: nowrap; }

.idx-title.idx-title-v2 .nav-link { opacity: 0.25; -webkit-transition: all .35s; transition: all .35s; }

.idx-title.idx-title-v2 .nav-link h5 { font-size: 28px; color: #282828; }

@media (max-width: 991.98px) { .idx-title.idx-title-v2 .nav-link h5 { font-size: 16px; } }

.idx-title.idx-title-v2 .nav-link span { font-size: 14px; color: #282828; text-transform: uppercase; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }

@media (max-width: 991.98px) { .idx-title.idx-title-v2 .nav-link span { font-size: 12px; } }

.idx-title.idx-title-v2 .nav-link.active, .idx-title.idx-title-v2 .nav-link:hover { opacity: 1; }

@media (max-width: 991.98px) { .idx-block-news { margin-bottom: 30px; } }

.idx-block-news .news-it { margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #b9b9b9; -webkit-transition: all .35s; transition: all .35s; }

@media (max-width: 991.98px) { .idx-block-news .news-it { margin-bottom: 15px; } }

.idx-block-news .news-it h4 { font-size: 16px; line-height: 2; color: #282828; padding-right: 100px; position: relative; -webkit-transition: all .35s; transition: all .35s; }

@media (max-width: 991.98px) { .idx-block-news .news-it h4 { font-size: 14px; padding-right: 70px; margin-bottom: 0; } }

.idx-block-news .news-it .tags { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #fe3232; font-size: 12px; color: #fff; width: 40px; height: 22px; line-height: 22px; border-radius: 3px; text-align: center; text-transform: uppercase; }

@media (max-width: 991.98px) { .idx-block-news .news-it .tags { font-size: 10px; width: 30px; height: 20px; line-height: 20px; } }

.idx-block-news .news-it .tags:before { content: ''; display: block; border: 4px solid transparent; border-right: 0; border-left-color: #fe3232; position: absolute; top: 50%; left: 100%; margin-top: -4px; }

.idx-block-news .news-it .date { position: absolute; top: 50%; right: 0; font-size: 16px; color: #888888; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 991.98px) { .idx-block-news .news-it .date { font-size: 12px; } }

.idx-block-news .news-it:hover { border-bottom-style: dashed; border-bottom-color: #8f0302; }

.idx-block-news .news-it:hover h4 { color: #8f0302; }

.idx-block-news .big-one .img { margin-bottom: 25px; }

@media (max-width: 991.98px) { .idx-block-news .big-one .img { margin-bottom: 15px; } }

.idx-block-news .big-one .desc .txt { font-weight: bold; font-size: 18px; }

.idx-block-news .big-one .desc h4 { margin-bottom: 15px; }

@media (max-width: 991.98px) { .idx-block-news .big-one .desc h4 { margin-bottom: 5px; } }

.idx-block-news .big-one .desc .p { color: #555; line-height: 2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

@media (max-width: 991.98px) { .idx-block-news .big-one .desc .p { font-size: 12px; } }

.section-horse-sport { padding: 30px 0 70px; }

@media (max-width: 767.98px) { .section-horse-sport { padding: 30px 0; } }

.section-horse-sport .row { margin-left: -40px; margin-right: -40px; }

.section-horse-sport .row > div { padding-left: 40px; padding-right: 40px; }

@media (min-width: 992px) and (max-width: 1199.98px) { .section-horse-sport .row { margin-left: -15px; margin-right: -15px; }
  .section-horse-sport .row > div { padding-left: 15px; padding-right: 15px; } }

.slick-polo, .slick_thematic-news { overflow: hidden; }

.slick-polo .slick-btn, .slick_thematic-news .slick-btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; border: 0; background-color: rgba(0, 0, 0, 0.6); color: #ffffff; padding: 15px 5px; -webkit-transition: all .35s; transition: all .35s; cursor: pointer; font-size: 20px; }

.slick-polo .slick-btn:hover, .slick_thematic-news .slick-btn:hover { background-color: rgba(143, 3, 2, 0.6); }

.slick-polo .slick-prev, .slick_thematic-news .slick-prev { left: 0; -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); }

.slick-polo .slick-next, .slick_thematic-news .slick-next { right: 0; -webkit-transform: translate(100%, -50%); transform: translate(100%, -50%); }

.slick-polo:hover .slick-btn, .slick_thematic-news:hover .slick-btn { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

.slick-polo .slick-dots, .slick_thematic-news .slick-dots { position: absolute; bottom: 47px; right: 0; }

.slick-polo .slick-dots li, .slick_thematic-news .slick-dots li { display: inline-block; border-radius: 100%; width: 10px; height: 10px; background-color: #fff; margin-right: 10px; -webkit-transition: all .35s; transition: all .35s; cursor: pointer; }

.slick-polo .slick-dots li.slick-active, .slick_thematic-news .slick-dots li.slick-active { background-color: #8f0302; }

.slick-polo .slick-dots li button, .slick_thematic-news .slick-dots li button { display: none; }

.polo-it, .thematic-new_it { position: relative; }

.polo-it .txt, .thematic-new_it .txt { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px; font-size: 18px; font-weight: bold; color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background-image: linear-gradient(to bottom, transparent 0%, #000 100%); background-repeat: repeat-x; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.block-speed-sole { -webkit-box-shadow: 0px 0px 6px 0px rgba(71, 70, 70, 0.15); box-shadow: 0px 0px 6px 0px rgba(71, 70, 70, 0.15); }

@media (max-width: 991.98px) { .block-speed-sole { margin-bottom: 30px; } }

@media (max-width: 767.98px) { .block-speed-sole { -webkit-box-shadow: none; box-shadow: none; } }

.sole-it { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 767.98px) { .sole-it { -webkit-box-shadow: 0px 0px 6px 0px rgba(71, 70, 70, 0.15); box-shadow: 0px 0px 6px 0px rgba(71, 70, 70, 0.15); -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; } }

.sole-it .img, .sole-it .txt { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

@media (max-width: 767.98px) { .sole-it .img, .sole-it .txt { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }

.sole-it .img { position: relative; }

.sole-it .img:after { position: absolute; top: 50%; content: ''; display: block; margin-top: -20px; border: 20px solid transparent; }

@media (max-width: 767.98px) { .sole-it .img:after { top: auto; bottom: 0; margin-top: 0; left: 50%; margin-left: -20px; border-bottom-color: #fff; } }

.sole-it .txt { padding: 0 60px; }

@media (min-width: 992px) and (max-width: 1199.98px) { .sole-it .txt { padding: 0 20px; } }

@media (max-width: 767.98px) { .sole-it .txt { padding: 20px; } }

.sole-it .txt h4 { font-weight: bold; font-size: 18px; line-height: 2; margin-bottom: 30px; color: #282828; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }

@media (min-width: 992px) and (max-width: 1199.98px) { .sole-it .txt h4 { font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } }

.sole-it .txt h4:hover { color: #8f0302; }

.sole-it .txt .bot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.sole-it .txt .date { font-size: 16px; color: #666; font-family: Arial, sans-serif; }

.sole-it .txt .link a { color: #24466e; font-size: 16px; }

.sole-it .txt .link a:hover { color: #8f0302; }

.sole-it .txt .link span { display: inline-block; margin: 0 5px; }

@media (min-width: 576px) { .sole-it:first-child .img:after { right: 0; border-left: 0; border-right-color: #fff; } }

.sole-it:last-child .txt { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

@media (max-width: 767.98px) { .sole-it:last-child .txt { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } }

.sole-it:last-child .img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

@media (max-width: 767.98px) { .sole-it:last-child .img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } }

@media (min-width: 576px) { .sole-it:last-child .img:after { left: 0; border-right: 0; border-left-color: #fff; } }

.other-sport { display: -webkit-box; display: -ms-flexbox; display: flex; height: 540px; margin: 0 -10px; margin-top: 50px; }

@media (min-width: 992px) and (max-width: 1199.98px) { .other-sport { height: 400px; } }

@media (max-width: 991.98px) { .other-sport { -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; margin: 0 -10px; margin-top: 20px; } }

.other-sport > div { -webkit-box-flex: 0; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; }

@media (min-width: 768px) and (max-width: 991.98px) { .other-sport > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 10px; } }

@media (max-width: 767.98px) { .other-sport > div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }

.other-sport .item { border: 10px solid transparent; position: relative; display: block; }

@media (max-width: 991.98px) { .other-sport .item { padding: 0; margin-bottom: 20px; }
  .other-sport .item .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } }

.other-sport .txt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: all .35s; transition: all .35s; }

@media (max-width: 991.98px) { .other-sport .txt { position: relative !important; border: 0; padding: 50px 0; } }

.other-sport .txt h4, .other-sport .txt p { color: #ffffff; }

.other-sport .txt h4 { font-size: 36px; font-weight: bold; }

.other-sport .txt p { font-size: 16px; font-family: Arial, sans-serif; text-transform: uppercase; }

.other-sport .txt:hover { background-color: rgba(143, 3, 2, 0.8); }

.other-sport .item-half .item { height: 50%; }

@media (max-width: 991.98px) { .other-sport .item-half .item { height: auto; } }

.other-sport .item-half .img, .other-sport .item-half .ratio { height: 100%; }

.other-sport .item-big .item, .other-sport .item-big .img, .other-sport .item-big .ratio { height: 100%; }

@media (min-width: 768px) and (max-width: 991.98px) { .other-sport .item-big { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }

.section-platform { padding-top: 60px; padding-bottom: 80px; }

@media (max-width: 767.98px) { .section-platform { padding-top: 30px; padding-bottom: 40px; } }

.title-platform { text-align: center; overflow: hidden; margin-bottom: 70px; }

@media (max-width: 767.98px) { .title-platform { margin-bottom: 30px; } }

.title-platform h4 { display: inline-block; color: #000; font-size: 36px; font-weight: bold; padding: 0 30px; position: relative; margin-bottom: 0; }

@media (max-width: 767.98px) { .title-platform h4 { font-size: 24px; padding: 0; } }

.title-platform h4:before, .title-platform h4:after { content: ''; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1000px; height: 6px; background-repeat: no-repeat; }

@media (max-width: 767.98px) { .title-platform h4:before, .title-platform h4:after { display: none; } }

.title-platform h4:before { right: 100%; background-image: url(../img/decor-platform1.png); background-position: right center; }

.title-platform h4:after { left: 100%; background-image: url(../img/decor-platform2.png); background-position: left center; }

.section-platform2 { padding-bottom: 0; }

.section-platform2 .title-platform h4 { color: #8f0302; }

.section-platform2 .block-zhichi ul { margin-left: -25px; margin-right: -25px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.section-platform2 .block-zhichi ul > li { padding-left: 25px; padding-right: 25px; }

@media (max-width: 1299.98px) { .section-platform2 .block-zhichi ul { margin-left: -20px; margin-right: -20px; }
  .section-platform2 .block-zhichi ul > li { padding-left: 20px; padding-right: 20px; } }

@media (max-width: 767.98px) { .section-platform2 .block-zhichi ul { margin-left: -10px; margin-right: -10px; }
  .section-platform2 .block-zhichi ul > li { padding-left: 10px; padding-right: 10px; } }

.section-platform2 .block-zhichi .img { border-radius: 6px; -webkit-box-shadow: 0px 0px 6px 0px rgba(71, 70, 70, 0.15); box-shadow: 0px 0px 6px 0px rgba(71, 70, 70, 0.15); overflow: hidden; }

.section-platform2 .block-zhichi li { margin-bottom: 50px; }

@media (max-width: 1299.98px) { .section-platform2 .block-zhichi li { margin-bottom: 30px; } }

@media (max-width: 767.98px) { .section-platform2 .block-zhichi li { margin-bottom: 20px; } }

.grp-platform:not(:last-child) { margin-bottom: 30px; }

@media (max-width: 767.98px) { .grp-platform:not(:last-child) { margin-bottom: 20px; } }

.grp-platform .tit { text-align: center; margin-bottom: 30px; }

@media (max-width: 767.98px) { .grp-platform .tit { margin-bottom: 20px; } }

.grp-platform .tit span { font-size: 28px; background: -webkit-linear-gradient(left, #3daae0, #2a6bbb); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

@media (max-width: 767.98px) { .grp-platform .tit span { font-size: 18px; } }

.grp-platform .img { display: block; border-radius: 6px; -webkit-box-shadow: 0px 0px 6px 0px rgba(71, 70, 70, 0.15); box-shadow: 0px 0px 6px 0px rgba(71, 70, 70, 0.15); overflow: hidden; }

.grp-platform .img img { width: 100%; }

.slick-platform .item { padding: 10px; outline: 0; }

@media (max-width: 991.98px) { .slick-platform .item { padding: 7px; } }

@media (max-width: 767.98px) { .slick-platform .item { padding: 5px; } }

.slick-platform .slick-dots { text-align: center; }

.slick-platform .slick-dots li { background-color: rgba(255, 255, 255, 0.5); border-radius: 100%; width: 10px; height: 10px; margin: 0 5px; display: inline-block; }

.slick-platform .slick-dots li button { display: none; }

.slick-platform .slick-dots li.slick-active { background-color: #8f0302; }

.ratio-big-news:before { padding-top: 39.02439%; }

.ratio-polo:before { padding-top: 600px; }

@media (min-width: 768px) and (max-width: 1199.98px) { .ratio-polo:before { padding-top: 400px; } }

@media (max-width: 767.98px) { .ratio-polo:before { padding-top: 70%; } }

.ratio-speed-sole:before { padding-top: 300px; }

@media (min-width: 992px) and (max-width: 1199.98px) { .ratio-speed-sole:before { padding-top: 200px; } }

@media (min-width: 768px) and (max-width: 991.98px) { .ratio-speed-sole:before { padding-top: 250px; } }

@media (max-width: 767.98px) { .ratio-speed-sole:before { padding-top: 70%; } }

@media (min-width: 576px) { .userBlock-left { position: relative; padding-right: 10px; padding-left: 5px; overflow: hidden; height: 100%; }
  .userBlock-left::before { content: ''; display: block; position: absolute; width: 1px; height: 100%; top: 0; right: 10px; z-index: -1; -webkit-box-shadow: 0px 0px 10px 0px #000; box-shadow: 0px 0px 10px 0px #000; } }

.wrap-leftUser { background-color: #fff; padding: 50px 0; padding-right: 30px; height: 100%; }

@media (min-width: 768px) and (max-width: 991.98px) { .wrap-leftUser { padding-right: 20px; } }

@media (max-width: 767.98px) { .wrap-leftUser { padding: 25px 0; } }

@media (max-width: 767.98px) { .topUser { display: none; }
  .topUser.clone { display: block; } }

.topUser .user-head { text-align: center; margin-bottom: 30px; }

.topUser .user-head > * { display: block; }

.topUser .user-head .img { width: 144px; height: 144px; margin: 0 auto; border-radius: 100%; overflow: hidden; background-image: linear-gradient(-45deg, rgba(57, 157, 207, 0.2), #399dcf); background-repeat: repeat-x; padding: 2px; margin-bottom: 10px; }

@media (min-width: 768px) and (max-width: 991.98px) { .topUser .user-head .img { width: 120px; height: 120px; } }

@media (max-width: 767.98px) { .topUser .user-head .img { width: 100px; height: 100px; } }

.topUser .user-head .img .ratio { border-radius: 100%; border: 5px solid #fff; }

.topUser .user-head .name { color: #555; margin-bottom: 15px; }

@media (max-width: 767.98px) { .topUser .user-head .name { font-size: 16px; } }

.topUser .user-head .vip > * { display: inline-block; vertical-align: middle; }

.topUser .user-head .vip span { color: red; margin-left: 7px; }

@media (max-width: 767.98px) { .topUser .user-head .vip span { font-size: 12px; } }

.topUser .user-action { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 40px; margin-bottom: 40px; -webkit-box-shadow: 0 15px 15px -20px rgba(0, 0, 0, 0.6); box-shadow: 0 15px 15px -20px rgba(0, 0, 0, 0.6); -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 767.98px) { .topUser .user-action { padding-bottom: 20px; margin-bottom: 20px; } }

.topUser .user-action .item { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; text-align: center; }

.topUser .user-action .item img { margin-bottom: 5px; }

.topUser .user-action .item p { color: #666; }

@media (max-width: 991.98px) { .topUser .user-action .item p { font-size: 12px; } }

.topUser .user-action .item:hover p { color: #8f0302; }

.user-menuList.left-content { width: auto; padding-bottom: 40px; margin-bottom: 40px; -webkit-box-shadow: 0 15px 15px -20px rgba(0, 0, 0, 0.6); box-shadow: 0 15px 15px -20px rgba(0, 0, 0, 0.6); }

@media (max-width: 767.98px) { .user-menuList.left-content { padding-bottom: 20px; margin-bottom: 20px; } }

.user-menuList.left-content .icon { width: 26px; height: 26px; }

.user-menuList.left-content .icon:before { width: 26px; height: 26px; }

.user-menuList.left-content .icon:after { width: 26px; height: 10px; }

.user-menuList.left-content .icon span { font-size: 14px; width: 26px; }

.user-menuList.left-content .drop-sub-item { padding-left: 25px; }

@media (max-width: 767.98px) { .user-menuList.left-content .drop-sub-item { padding-top: 10px; padding-bottom: 10px; } }

@media (max-width: 991.98px) { .user-menuList.left-content .txt { font-size: 16px; } }

@media (max-width: 767.98px) { .user-menuList.left-content .txt { font-size: 14px; } }

.user-menuCollect { -webkit-box-shadow: 0 15px 15px -20px rgba(0, 0, 0, 0.6); box-shadow: 0 15px 15px -20px rgba(0, 0, 0, 0.6); padding-bottom: 40px; margin-bottom: 40px; }

.user-menuCollect .btn-collect-back { background-color: #ffc017; color: #fff; border-radius: 6px; padding: 12px; font-size: 16px; margin-bottom: 30px; }

.list-collect li:not(:last-child) { margin-bottom: 10px; }

.list-collect .folder-item { padding: 13px 20px; padding-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 767.98px) { .list-collect .folder-item { padding-right: 10px; padding-left: 10px; } }

.list-collect .folder-item img { -webkit-box-flex: 0; -ms-flex: 0 0 22px; flex: 0 0 22px; max-width: 22px; margin-right: 20px; }

.list-collect .folder-item:hover, .list-collect .folder-item.active { background-image: -webkit-gradient(linear, left top, right top, from(rgba(57, 157, 207, 0.4)), to(transparent)); background-image: linear-gradient(to right, rgba(57, 157, 207, 0.4) 0%, transparent 100%); background-repeat: repeat-x; }

.list-collect .folder-item:hover .txt, .list-collect .folder-item.active .txt { color: #8f0302; }

.list-collect .txt { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 42px); flex: 0 0 calc(100% - 42px); max-width: calc(100% - 42px); display: block; padding-right: 30px; position: relative; font-size: 18px; color: #282828; }

.list-collect .txt span { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #666; font-size: 14px; }

.list-collect .folder-edit { display: none; }

.list-collect.active-edit-mode .folder-item { display: none; }

.list-collect.active-edit-mode .folder-edit { display: -webkit-box; display: -ms-flexbox; display: flex; }

.user-menuSda.left-content-sda { border: solid 3px white; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35); margin-bottom: 40px; }

.user-menuSda.left-content-sda span { bottom: 5px; right: 5px; }

.user-helpCenter .title { position: relative; border-bottom: 1px solid #ccc; margin-bottom: 25px; }

.user-helpCenter .title h4 { font-size: 20px; padding-bottom: 10px; border-bottom: 4px solid #8f0302; display: inline-block; margin-bottom: -1px; }

.user-helpCenter .title a { display: inline-block; position: absolute; bottom: 14px; right: 0; color: #999999; }

.user-helpCenter .title a .icon { font-size: 14px; }

.user-helpCenter .list-help a { margin-bottom: 15px; border-bottom: 1px dashed #ccc; color: #282828; padding-bottom: 15px; -webkit-transition: all .35s; transition: all .35s; }

.user-helpCenter .list-help a::before { content: '\2022'; color: #666666; margin-right: 10px; -webkit-transition: all .35s; transition: all .35s; }

.user-helpCenter .list-help a:hover { color: #8f0302; border-bottom-style: solid; border-bottom-color: #8f0302; }

.user-helpCenter .list-help a:hover::before { color: #8f0302; }

.userBlock-right { padding: 30px 0; }

@media (max-width: 767.98px) { .userBlock-right .container { padding: 0; } }

.ratio-5100::before { padding-top: 54.54545%; }

.item-5100 { margin-bottom: 30px; }

@media (max-width: 1199.98px) { .item-5100 { margin-bottom: 15px; } }

.item-5100 .img { position: relative; }

.item-5100 .view { position: absolute; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.65); color: #fff; padding: 5px; }

.item-5100 .view i { margin-right: 5px; vertical-align: middle; }

.item-5100 .desc { padding: 20px 0; }

.item-5100 .desc h4 { color: #282828; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.item-5100 .desc .txt { color: #666; font-size: 14px; line-height: 2; }

.item-5100:hover .desc h4 { color: #8f0302; }

.page-5100-main .row { margin-left: -12px; margin-right: -12px; }

.page-5100-main .row > div { padding-left: 12px; padding-right: 12px; }

.user-content .img-top { margin-bottom: 40px; }

@media (max-width: 767.98px) { .user-content .img-top { margin-bottom: 20px; } }

.user-contentList .page-tit { margin-bottom: 40px; }

.item-5120 { margin-bottom: 30px; }

.item-5120 .img { position: relative; margin-bottom: 20px; }

.item-5120 .time { position: absolute; bottom: 0; left: 0; font-size: 14px; color: #fff; display: block; width: 100%; padding: 0 10px; padding-top: 20px; padding-bottom: 5px; text-align: right; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background-image: linear-gradient(to bottom, transparent 0%, #000 100%); background-repeat: repeat-x; z-index: 2; -webkit-transition: all .35s; transition: all .35s; }

.item-5120 .play-ic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all .35s; transition: all .35s; -webkit-transform: translateY(100%); transform: translateY(100%); }

.item-5120 .play-ic .icon { font-size: 20px; width: 40px; height: 40px; line-height: 36px; border: 2px solid #ffffff; color: #fff; text-align: center; border-radius: 100%; }

.item-5120 .tag { position: absolute; top: 20px; right: -10px; padding: 0 10px; padding-right: 20px; font-size: 12px; line-height: 2; color: #fff; -webkit-box-shadow: -5px 5px 15px -5px #000; box-shadow: -5px 5px 15px -5px #000; z-index: 2; }

@media (max-width: 1599.98px) { .item-5120 .tag { top: 10px; } }

.item-5120 .tag:before { content: attr(data-title); }

.item-5120 .tag:after { content: ''; display: block; position: absolute; top: 100%; right: 0; border-width: 3px 5px; border-style: solid; border-color: #009dc4 transparent transparent #009dc4; }

.item-5120 .tag.tag-v1 { background-color: #00ccff; }

.item-5120 .tag.tag-v1:after { border-color: #009dc4 transparent transparent #009dc4; }

.item-5120 .tag.tag-v2 { background-color: #ff8400; }

.item-5120 .tag.tag-v2:after { border-color: #cb6901 transparent transparent #cb6901; }

.item-5120 .desc h4 { font-size: 18px; color: #282828; }

.item-5120 .desc .info-item { display: inline-block; font-size: 14px; color: #999; }

.item-5120 .desc .info-item img { margin-right: 10px; }

.item-5120 .desc .info-item span { display: inline-block; vertical-align: middle; }

.item-5120 .desc .info-item:not(:last-child) { margin-right: 15px; }

.item-5120 .desc .txt { font-size: 14px; color: #999; margin-bottom: 20px; line-height: 1.5; height: 3em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.item-5120 .desc .info-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.item-5120 .desc .info-group .notice { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 80px); flex: 0 0 calc(100% - 80px); max-width: calc(100% - 80px); }

@media (min-width: 768px) and (max-width: 991.98px) { .item-5120 .desc .info-group .notice { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }

.item-5120 .desc .info-group .notice span { display: inline-block; font-size: 14px; padding: 5px 7px; color: #999; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); margin-bottom: 10px; }

.item-5120 .desc .info-group .notice span:not(:last-child) { margin-right: 10px; }

.item-5120 .desc .info-group .info-item { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; max-width: 80px; font-size: 14px; color: #999; text-align: right; }

@media (min-width: 768px) and (max-width: 991.98px) { .item-5120 .desc .info-group .info-item { text-align: left; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }

.item-5120:hover .play-ic { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }

.item-5120:hover .time { background: transparent; }

.item-5120:hover h4 { color: #8f0302; }

.item-5400 { margin-bottom: 60px; }

@media (max-width: 1199.98px) { .item-5400 { margin-bottom: 30px; } }

.item-5400 .img { position: relative; margin-bottom: 20px; }

@media (max-width: 1199.98px) { .item-5400 .img { margin-bottom: 10px; } }

.item-5400 .time { position: absolute; bottom: 0; left: 0; font-size: 14px; color: #fff; display: block; width: 100%; padding: 0 10px; padding-top: 20px; padding-bottom: 5px; text-align: right; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background-image: linear-gradient(to bottom, transparent 0%, #000 100%); background-repeat: repeat-x; z-index: 2; -webkit-transition: all .35s; transition: all .35s; }

@media (max-width: 1199.98px) { .item-5400 .time { font-size: 12px; padding-top: 10px; } }

@media (min-width: 768px) and (max-width: 991.98px) { .item-5400 .time { font-size: 10px; } }

.item-5400 .infor-vid { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); padding: 30px; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all .35s; transition: all .35s; -webkit-transform: translateY(100%); transform: translateY(100%); }

@media (max-width: 1199.98px) { .item-5400 .infor-vid { padding: 20px; } }

@media (min-width: 768px) and (max-width: 991.98px) { .item-5400 .infor-vid { padding: 10px; } }

.item-5400 .infor-vid p { font-size: 14px; line-height: 2; color: #fff; margin-bottom: 0; }

@media (min-width: 768px) and (max-width: 991.98px) { .item-5400 .infor-vid p { font-size: 10px; line-height: 1.5; } }

.item-5400 .list-tag { position: relative; margin-bottom: 10px; padding-right: 35px; }

@media (max-width: 1199.98px) { .item-5400 .list-tag { margin-bottom: 5px; } }

.item-5400 .list-tag span { font-size: 14px; padding: 5px 10px; background-color: #f5f5f5; color: #888888; float: left; margin-bottom: 5px; }

@media (max-width: 1199.98px) { .item-5400 .list-tag span { font-size: 12px; padding: 5px; } }

.item-5400 .list-tag span:not(:last-child) { margin-right: 10px; }

@media (max-width: 1199.98px) { .item-5400 .list-tag span:not(:last-child) { margin-right: 5px; } }

@media (max-width: 1199.98px) { .item-5400 .list-tag span:nth-child(3n+3) { margin-right: 0; } }

.item-5400 .list-tag .action { position: absolute; top: 0; right: 0; text-align: center; cursor: pointer; padding-left: 5px; }

.item-5400 .list-tag .action .icon { display: inline-block; width: 30px; height: 30px; line-height: 30px; color: #888; }

.item-5400 .list-tag .action .option { position: absolute; top: 0; right: 100%; -webkit-transition: all .35s; transition: all .35s; opacity: 0; visibility: hidden; }

.item-5400 .list-tag .action .option::before { content: ''; border: 5px solid transparent; border-left-color: rgba(0, 0, 0, 0.8); border-right: 0; position: absolute; top: 10px; left: 100%; }

.item-5400 .list-tag .action .option button { white-space: nowrap; border: 0; background-color: transparent; text-align: left; padding: 5px 15px; color: #fff; display: block; width: 100%; cursor: pointer; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: all .35s; transition: all .35s; }

.item-5400 .list-tag .action .option button:last-child { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }

.item-5400 .list-tag .action .option button:first-child { border-top-left-radius: 6px; border-top-right-radius: 6px; }

.item-5400 .list-tag .action .option button:hover { background-color: #8f0302; }

.item-5400 .list-tag .action:hover .icon { color: #8f0302; }

.item-5400 .list-tag .action:hover .option { opacity: 1; visibility: visible; }

.item-5400 .desc h4 { color: #282828; margin-bottom: 15px; }

@media (max-width: 1199.98px) { .item-5400 .desc h4 { font-size: 14px; margin-bottom: 10px; } }

.item-5400 .desc > p { color: #888888; margin-bottom: 0; }

@media (max-width: 1199.98px) { .item-5400 .desc > p { font-size: 12px; } }

.item-5400:hover .infor-vid { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }

.item-5400:hover .time { background: transparent; }

.item-5400:hover h4 { color: #8f0302; }

@media (max-width: 1199.98px) { .page-5400-main .row { margin-left: -5px; margin-right: -5px; }
  .page-5400-main .row > div { padding-left: 5px; padding-right: 5px; } }

.list-filter-5400 { float: right; }

.list-filter-5400::after { display: block; clear: both; content: ""; }

@media (max-width: 1199.98px) { .list-filter-5400 { width: 100%; padding-top: 10px; padding-bottom: 10px; } }

.search-form > * { float: left; margin-bottom: 0; }

.search-form > *:not(:last-child) { margin-right: 20px; }

.search-form .btn { border-radius: 0; }

.search-form .input-group .form-control { max-width: 10em; }

.search-form .btn-js-select { min-width: 5em; max-width: 7em; }

.search-form .btn-js-select:not([data-id]) { min-width: 7em; max-width: 9em; border-color: transparent; }

.search-form .btn-js-select:not([data-id])[aria-expanded="true"] { background-color: #f5f5f5; }

.search-form .js-select span.text { white-space: nowrap; }

.search-form .btn-js-select, .search-form .js-select.form-control:not(.btn-group) { background-image: url("data:image/svg+xml,%3Csvg t='1607485237955' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2910' width='64' height='64'%3E%3Cpath  d='M512 688.01139711l433.38872478-433.46548422a38.38015563 38.38015563 0 0 1 54.34630037 54.34630029l-460.56187394 460.56187393a38.38015563 38.38015563 0 0 1-54.34630242 0l-460.56187394-460.56187393a38.38015563 38.38015563 0 0 1 54.34630037-54.34630029L512 688.01139711z' p-id='2911' fill='%23888888'%3E%3C/path%3E%3C/svg%3E") !important; background-size: .75rem; background-position: right .4rem center; }

@media (min-width: 992px) and (max-width: 1199.98px) { .search-form .form-group { width: calc( 20% - 10px); }
  .search-form .form-group:last-child { width: 40%; } }

@media (max-width: 1199.98px) { .search-form .btn, .search-form .form-control { font-size: 12px; }
  .search-form .form-group:not(:last-child) { margin-right: 10px; } }

@media (max-width: 991.98px) { .search-form .btn-js-select:not([data-id]) { width: 100%; max-width: none; min-width: auto; }
  .search-form .form-group { width: calc( 33.333% - 7px); }
  .search-form .form-group:nth-last-child(2) { margin-right: 0; }
  .search-form .form-group:last-child { display: none; } }

.page-5600-main { margin-bottom: 60px; }

.page-5600-main::after { display: block; clear: both; content: ""; }

.page-5600-main .img { border: 8px solid #fff; border-radius: 4px; -webkit-box-shadow: 0px 0px 6px 0px rgba(71, 70, 70, 0.3); box-shadow: 0px 0px 6px 0px rgba(71, 70, 70, 0.3); width: 350px; float: left; position: relative; }

@media (max-width: 1199.98px) { .page-5600-main .img { width: 220px; } }

@media (max-width: 991.98px) { .page-5600-main .img { width: 100%; margin-bottom: 20px; } }

.page-5600-main .img p { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; background-image: -webkit-gradient(linear, left top, right top, from(#000), to(transparent)); background-image: linear-gradient(to right, #000 0%, transparent 100%); background-repeat: repeat-x; padding: 30px 0; font-size: 30px; color: #fff; text-align: center; }

@media (max-width: 1199.98px) { .page-5600-main .img p { padding: 20px 0; font-size: 20px; } }

@media (max-width: 1199.98px) { .page-5600-main .img p { font-size: 30px; } }

.page-5600-main .img .icon { line-height: 1; display: inline-block; vertical-align: text-bottom; font-size: 34px; margin-left: 10px; }

@media (max-width: 1199.98px) { .page-5600-main .img .icon { font-size: 22px; } }

@media (max-width: 1199.98px) { .page-5600-main .img .icon { font-size: 30px; } }

.page-5600-main .desc { overflow: hidden; padding-left: 100px; padding-top: 20px; }

@media (max-width: 1199.98px) { .page-5600-main .desc { padding-left: 60px; padding-top: 0; } }

.page-5600-main .desc h5 { font-size: 24px; color: #282828; position: relative; }

.page-5600-main .desc h5 img { position: absolute; top: 50%; right: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-right: 15px; }

.page-5600-main .desc p { font-size: 16px; color: #666; margin-bottom: 35px; }

@media (max-width: 1199.98px) { .page-5600-main .desc p { margin-bottom: 25px; } }

.page-5600-main .desc .btn { font-size: 16px; border-radius: 2px; min-width: 120px; -webkit-transition: all .35s; transition: all .35s; }

@media (max-width: 1199.98px) { .page-5600-main .desc .btn { font-size: 14px; } }

.page-5600-main .desc .btn:hover { -webkit-box-shadow: 0px 3px 10.8px 1.2px rgba(0, 49, 80, 0.12); box-shadow: 0px 3px 10.8px 1.2px rgba(0, 49, 80, 0.12); }

.page-5600-main .desc .btn + .btn { margin-left: 10px; }

.page-5600-main .desc .btn.btn-blue { background-color: #0198ff; color: #fff; }

.page-5600-main .desc .btn.btn-blue:hover { background-color: #007acd; }

.page-5600-main .desc .btn.btn-outline-blue { color: #0198ff; border-color: #0198ff; }

.page-5600-main .desc .btn.btn-outline-blue:hover { background-color: #0198ff; color: #fff; }

.header-group .header-top .login-grp .user-menu-btn { border: 0; background-color: transparent; font-size: 20px; color: #fff; padding: 0; line-height: 1; vertical-align: middle; display: none; float: right; }

@media (max-width: 767.98px) { .header-group .header-top .login-grp .user-menu-btn { display: block; } }

.header-group .header-top .link-grp a { line-height: 22px; color: #FFF; }

.header-group .header-top .search-grp .icon { width: 22px; height: 22px; line-height: 22px; display: block; text-align: center; }

.header-group .header-top .search-grp .icon i.active::before { content: '\e921'; }

.header-group .header-top .search-grp-content { z-index: 1001; top: calc( 100% + 10px); }

.userMobileMenu .modal-dialog { margin: 0; margin-right: auto; max-width: 230px; min-height: 100vh; }

.userMobileMenu.modal.fade .modal-dialog { -webkit-transform: translateX(-100%); transform: translateX(-100%); }

.userMobileMenu.modal.show .modal-dialog { -webkit-transform: translateX(0); transform: translateX(0); }

.userMobileMenu .modal-content { border: 0; border-radius: 0; padding: 20px 10px; min-height: 100vh; }

.wrap-7000 { padding-top: 60px; }

@media (max-width: 991.98px) { .wrap-7000 { padding-top: 48px; } }

.club-7000-top { padding: 40px 30px; background-image: linear-gradient(135deg, #2f63c6, #0f408c); background-repeat: repeat-x; margin-bottom: 2rem; position: relative; overflow: hidden; z-index: 1; }

.club-7000-top .img-decor { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40%; z-index: -1; }

@media (max-width: 991.98px) { .club-7000-top .img-decor { top: auto; bottom: 0; -webkit-transform: none; transform: none; width: 100%; } }

@media (max-width: 1299.98px) { .club-7000-top { padding: 20px; } }

.club-7000-top .img { float: left; width: 440px; margin-right: 30px; }

@media (max-width: 1299.98px) { .club-7000-top .img { width: 280px; } }

@media (max-width: 991.98px) { .club-7000-top .img { width: 100%; margin-right: 0; float: none; margin-bottom: 20px; } }

.club-7000-top .desc { overflow: hidden; }

.club-7000-top .desc h5 { font-size: 24px; color: #fff; margin-bottom: 1.5rem; }

@media (max-width: 1299.98px) { .club-7000-top .desc h5 { font-size: 20px; margin-bottom: 1rem; } }

.club-7000-top .desc .lb { float: left; min-width: 3em; }

.club-7000-top .desc .p { color: #fff; font-size: 16px; }

@media (max-width: 1299.98px) { .club-7000-top .desc .p { font-size: 14px; } }

.club-7000-top .desc .p:not(:last-child) { margin-bottom: 1rem; }

@media (max-width: 1299.98px) { .club-7000-top .desc .p:not(:last-child) { margin-bottom: .5rem; } }

.club-7000-top .desc .p span { overflow: hidden; display: block; }

.club-7000-top .desc .p span.long-txt { max-height: 4.5em; }

.club-7000-top .desc .phone { color: #ffcc00; }

.club-7000-top .desc .link { color: #aaaaaa; }

.news-7100-it { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #cccccc; -webkit-transition: all .35s; transition: all .35s; }

@media (max-width: 1199.98px) { .news-7100-it { margin-bottom: 20px; padding-bottom: 20px; } }

@media (max-width: 767.98px) { .news-7100-it { margin-bottom: 10px; padding-bottom: 10px; } }

.news-7100-it .img { float: left; width: 340px; margin-right: 20px; }

@media (max-width: 1199.98px) { .news-7100-it .img { width: 200px; } }

@media (max-width: 991.98px) { .news-7100-it .img { width: 140px; } }

@media (max-width: 767.98px) { .news-7100-it .img { width: 120px; } }

.news-7100-it .desc { overflow: hidden; }

.news-7100-it .desc h5 { font-size: 18px; color: #282828; margin-bottom: 1.5rem; }

@media (max-width: 1199.98px) { .news-7100-it .desc h5 { font-size: 16px; margin-bottom: 1rem; } }

@media (max-width: 991.98px) { .news-7100-it .desc h5 { margin-bottom: .5rem; } }

.news-7100-it .desc .p { font-size: 16px; color: #666; margin-bottom: 1.5rem; max-height: 4.5em; overflow: hidden; }

@media (max-width: 1199.98px) { .news-7100-it .desc .p { font-size: 12px; margin-bottom: 1rem; max-height: 3em; } }

@media (max-width: 991.98px) { .news-7100-it .desc .p { margin-bottom: 0; } }

.news-7100-it .desc .status span { font-size: 14px; color: #999; }

@media (max-width: 1199.98px) { .news-7100-it .desc .status span { font-size: 12px; } }

@media (max-width: 991.98px) { .news-7100-it .desc .status span { display: none; } }

.news-7100-it .desc .status span:not(:last-child) { margin-right: 20px; }

.news-7100-it .desc .status span .icon { margin-right: 5px; }

.news-7100-it:hover { border-bottom-style: solid; border-bottom-color: #8f0302; }

.news-7100-it:hover .desc h5 { color: #8f0302; }

.modalShouFi .modal-dialog { -webkit-transition: all .35s; transition: all .35s; -webkit-transform: scale(1.01); transform: scale(1.01); max-width: 750px; }

@media (max-width: 991.98px) { .modalShouFi .modal-dialog { max-width: 650px; } }

.modalShouFi .modal-header { padding: 25px 20px; position: relative; }

.modalShouFi .modal-header .close { position: absolute; top: 0; right: 0; margin: 0; padding: 0; width: 40px; height: 40px; text-align: center; line-height: 1; font-size: 20px; background-color: #fff; }

.modalShouFi .modal-header .close span { margin-top: -4px; display: block; }

.modalShouFi .modal-content { border: 0; }

.modalShouFi .grp-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }

.modalShouFi .grp-heading .img { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; max-width: 50px; }

.modalShouFi .grp-heading .img .ratio { border-radius: 100%; }

.modalShouFi .grp-heading .txt { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 50px); flex: 0 0 calc(100% - 50px); max-width: calc(100% - 50px); padding-left: 15px; }

.modalShouFi .grp-heading .txt h5 { margin-bottom: 5px; }

.modalShouFi .grp-heading .txt h5, .modalShouFi .grp-heading .txt p { color: #fff; }

.modalShouFi .pricing-item { display: block; padding: 35px 0; border: 2px solid #ccc; position: relative; border-radius: 6px; text-align: center; margin-bottom: 1.5rem; }

@media (max-width: 767.98px) { .modalShouFi .pricing-item { padding: 20px 0; } }

.modalShouFi .pricing-item.active { border-color: #0198ff; }

.modalShouFi .pricing-item .discount { position: absolute; top: 0; right: -5px; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 3px solid #fff; border-radius: 40px; background-color: #f25d8e; min-width: 46px; text-align: center; font-size: 12px; line-height: 1.2; padding: 2px 0; color: #fff; }

.modalShouFi .pricing-item > p { font-size: 18px; margin-bottom: 25px; color: #333; }

@media (max-width: 767.98px) { .modalShouFi .pricing-item > p { font-size: 16px; margin-bottom: 10px; } }

.modalShouFi .pricing-item .price { font-size: 36px; line-height: 1.2; color: #00a1d6; font-weight: bold; margin-bottom: 20px; }

@media (max-width: 767.98px) { .modalShouFi .pricing-item .price { font-size: 26px; margin-bottom: 10px; } }

.modalShouFi .pricing-item .price small { line-height: 1; display: inline-block; font-size: 24px; }

.modalShouFi .pricing-item .ori-price { font-size: 18px; line-height: 1.2; color: #888888; text-decoration: line-through; }

.modalShouFi .modal-body .nav { margin-left: -10px; margin-right: -10px; }

.modalShouFi .modal-body .nav > li { padding-left: 10px; padding-right: 10px; }

.modalShouFi .modal-footer { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.modalShouFi .modal-footer .checker-checkbox a { color: #0198ff; }

.modalShouFi .modal-footer .checker input:checked + .checker-checkbox:after, .modalShouFi .modal-footer .checker input:checked + .checker-checkbox:before, .modalShouFi .modal-footer .checker input:checked + .checker-radio:after, .modalShouFi .modal-footer .checker input:checked + .checker-radio:before { color: #0198ff; }

.modalShouFi .modal-footer .checker .checker-checkbox:hover:before, .modalShouFi .modal-footer .checker .checker-radio:hover:before { color: #0198ff; }

.modalShouFi.modal-static .modal-dialog { -webkit-transform: scale(1.02); transform: scale(1.02); }

.myPricContent .tab-pane { text-align: center; }

.myPricContent .price-qr-block { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; }

.myPricContent .price-qr-block .img { -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; max-width: 120px; padding: 5px; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); position: relative; white-space: initial; border-radius: 5px; overflow: hidden; }

.myPricContent .price-qr-block .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 20px; text-align: center; -webkit-transition: all .35s; transition: all .35s; }

.myPricContent .price-qr-block.active .btn-blue { opacity: 1; pointer-events: auto; }

.myPricContent .price-qr-block .txt { padding-left: 20px; }

.myPricContent .price-qr-block .txt h5 { font-size: 18px; }

.myPricContent .price-qr-block .txt .price { font-size: 36px; line-height: 1.2; color: #00a1d6; font-weight: bold; }

.myPricContent .price-qr-block .txt .price small { line-height: 1; display: inline-block; font-size: 24px; }

.myPricContent .price-qr-block .btn-blue { background-color: #00a1d6; color: #fff; opacity: .5; pointer-events: none; }

.myPricContent .price-qr-block .btn-blue:hover { background-color: #008ebd; }

.slick_thematic-news { opacity: 1; }

@media (max-width: 991.98px) { .slick_thematic-news { margin-bottom: 1.5rem; } }

.slick_thematic-news .slick-dots { bottom: 22px; -webkit-transform: translateY(50%); transform: translateY(50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.slick_thematic-news .slick-dots li { width: 8px; height: 8px; background-color: rgba(255, 255, 255, 0.5); }

.slick_thematic-news .slick-dots li.slick-active { width: 10px; height: 10px; }

.thematic-new_it .txt { background-image: none; background-color: rgba(0, 0, 0, 0.5); font-weight: normal; font-size: 16px; padding-right: 110px; }

@media (max-width: 767.98px) { .thematic-new_it .txt { font-size: 14px; } }

.ratio-thematic:before { padding-top: 556px; }

@media (max-width: 991.98px) { .ratio-thematic:before { padding-top: 66.66667%; } }

.list_thematic-news .big-news { padding-bottom: 30px; padding-top: 15px; }

.list_thematic-news .big-news::after { display: block; clear: both; content: ""; }

.list_thematic-news .big-news .img { float: left; width: 165px; }

@media (max-width: 767.98px) { .list_thematic-news .big-news .img { width: 140px; } }

.list_thematic-news .big-news .txt { padding-left: 15px; overflow: hidden; }

.list_thematic-news .big-news .txt h4 { font-size: 16px; color: #212529; }

@media (max-width: 767.98px) { .list_thematic-news .big-news .txt h4 { font-size: 14px; } }

.list_thematic-news .big-news .txt .desc { color: #666; font-size: 14px; line-height: 1.71429; height: 3.42857em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 7px; }

@media (max-width: 767.98px) { .list_thematic-news .big-news .txt .desc { font-size: 12px; } }

.list_thematic-news .big-news .txt .desc p { margin-bottom: 0; }

.list_thematic-news .big-news .txt .date { font-size: 14px; color: #999; }

@media (max-width: 767.98px) { .list_thematic-news .big-news .txt .date { font-size: 12px; } }

.list_thematic-news .big-news:hover h4 { color: #8f0302; }

.list_thematic-news .big-news_v2 { padding-top: 0; }

.list_thematic-news .big-news_v2:last-child { padding-bottom: 0; }

.list_thematic-news .big-news_v2 .img { position: relative; }

.list_thematic-news .big-news_v2 .img:before { position: absolute; top: 0; left: 0; background-image: url(../img/hot.png); width: 41px; height: 41px; z-index: 1; content: ''; display: block; }

.list_thematic-news .ul-list { border-top: 1px dashed #ccc; }

.list_thematic-news .ul-list li { padding: 16px 0; border-bottom: 1px dashed #ccc; }

.list_thematic-news .ul-list li a { font-size: 16px; color: #212529; position: relative; padding-left: 25px; padding-right: 100px; -webkit-transition: color .35s; transition: color .35s; }

@media (max-width: 767.98px) { .list_thematic-news .ul-list li a { font-size: 14px; padding-right: 80px; } }

.list_thematic-news .ul-list li a:before { content: ''; display: block; width: 5px; height: 5px; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 100%; background-color: #24466e; position: absolute; -webkit-transition: background-color .35s; transition: background-color .35s; }

.list_thematic-news .ul-list li a .date { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #999; font-size: 14px; display: block; width: 100px; }

@media (max-width: 767.98px) { .list_thematic-news .ul-list li a .date { font-size: 12px; width: 80px; } }

.list_thematic-news .ul-list li a:hover { color: #8f0302; }

.list_thematic-news .ul-list li a:hover:before { background-color: #8f0302; }

.list_thematic-news .ul-list_v1 { border-top: 0; }

.list_thematic-news .ul-list_v1 li { padding-top: 0; padding-bottom: 20px; }

.list_thematic-news .ul-list_v1 li:not(:last-child) { margin-bottom: 20px; }

.list_thematic-news .ul-list_v1 li a:before { width: 12px; height: 12px; border: 2px solid #d2a273; background-color: transparent; -webkit-transition: border-color .35s; transition: border-color .35s; }

.list_thematic-news .ul-list_v1 li a:hover:before { border-color: #8f0302; background-color: transparent; }

.list_thematic-news .ul-list_v2 li { margin-bottom: 0 !important; padding: 0 10px !important; position: relative; border-bottom-style: solid; -webkit-transition: padding .35s; transition: padding .35s; }

.list_thematic-news .ul-list_v2 li a { padding-top: 20px; padding-bottom: 20px; -webkit-transition: padding .35s; transition: padding .35s; z-index: 2; }

.list_thematic-news .ul-list_v2 li .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity .35s; transition: opacity .35s; z-index: 1; }

.list_thematic-news .ul-list_v2 li .bg::after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

.list_thematic-news .ul-list_v2 li:hover { padding: 0 20px !important; }

.list_thematic-news .ul-list_v2 li:hover a { color: #fff; }

@media (min-width: 576px) { .list_thematic-news .ul-list_v2 li:hover a { padding-top: 35px; padding-bottom: 35px; } }

.list_thematic-news .ul-list_v2 li:hover a:before { border-color: #fff; }

.list_thematic-news .ul-list_v2 li:hover a .date { color: #fff; }

.list_thematic-news .ul-list_v2 li:hover .bg { opacity: 1; }

@media (max-width: 1299.98px) { .thematic-news_4_video { margin-bottom: 2rem; } }

.thematic-news_4_video .video { position: relative; height: 543px; }

@media (max-width: 1599.98px) { .thematic-news_4_video .video { height: 425px; } }

@media (max-width: 1299.98px) { .thematic-news_4_video .video { height: 325px; } }

.thematic-news_4_video .video video { width: 100% !important; height: 100% !important; }

.thematic-news_4_video .video .mejs__video { height: 100% !important; }

@media (max-width: 767.98px) { .thematic-news_4_photo div:nth-child(n+3) { display: none; } }

.block_thematic-news_1 { overflow: hidden; }

.block_thematic-news_1 .heading { margin-bottom: 1.5rem; }

.block_thematic-news_1 .heading h4 { margin-bottom: 1rem; }

.block_thematic-news_1 .heading .cn-title { font-size: 32px; color: #8f0302; }

@media (max-width: 767.98px) { .block_thematic-news_1 .heading .cn-title { font-size: 20px; font-weight: bold; } }

.block_thematic-news_1 .heading .en-title { font-size: 20px; color: #999; margin-left: 15px; }

@media (max-width: 767.98px) { .block_thematic-news_1 .heading .en-title { font-size: 12px; } }

.block_thematic-news_1 .wrap-nav { position: relative; margin-bottom: 1.5rem; }

.block_thematic-news_1 .wrap-nav:before { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100vw; height: 100%; background-color: #8f0302; content: ''; display: block; }

@media (max-width: 767.98px) { .block_thematic-news_1 .news-1_slick-nav { padding: 0 30px; } }

.block_thematic-news_1 .news-1_slick-nav .slick-arrow { position: absolute; top: 50%; background-color: #8f0302; border: 0; padding: 0; color: #fff; width: 30px; height: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; cursor: pointer; z-index: 1; }

@media (max-width: 767.98px) { .block_thematic-news_1 .news-1_slick-nav .slick-arrow { top: 0; -webkit-transform: none; transform: none; height: 100%; } }

.block_thematic-news_1 .news-1_slick-nav .slick-arrow.slick-prev { right: 100%; }

@media (max-width: 767.98px) { .block_thematic-news_1 .news-1_slick-nav .slick-arrow.slick-prev { right: auto; left: 0; } }

.block_thematic-news_1 .news-1_slick-nav .slick-arrow.slick-next { left: 100%; }

@media (max-width: 767.98px) { .block_thematic-news_1 .news-1_slick-nav .slick-arrow.slick-next { right: 0; left: auto; } }

.block_thematic-news_1 .news-1_slick-nav .slick-arrow.slick-disabled { opacity: 0; visibility: hidden; }

.block_thematic-news_1 .news-1_slick-nav .item a { padding: .75rem 1rem; color: #fff; font-size: 16px; -webkit-transition: background-color .35s; transition: background-color .35s; }

.block_thematic-news_1 .news-1_slick-nav .item a:hover { background-color: #760202; }

@media (max-width: 767.98px) { .block_thematic-news_1 .news-1_slick-nav .item a { font-size: 14px; } }

.block_thematic-news_1 .news-1_slick-nav .item.slick-current a { background-color: #5d0201; }

.dropdown_v2 { position: relative; }

.dropdown_v2 .drop-menu { display: block; padding: 8px 0; }

.dropdown_v2 .drop-menu li { padding: 0; text-align: center; }

.dropdown_v2 .drop-menu li a { padding: 8px; font-weight: normal; font-size: 14px; line-height: 1.5; }

.dropdown_v2 .drop-menu li a:hover { color: #8f0302; }

.page-2510-text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.page-2510-text--three { -webkit-line-clamp: 3; }

.page-2510-text--four { -webkit-line-clamp: 4; }

.page-2510-icon::before { width: 12px; height: 12px; margin-right: 10px; margin-left: 10px; content: ""; display: inline-block; vertical-align: middle; border-radius: 50%; border: 2px solid #d2a273; background-color: transparent; }

.page-2510-partner__box { position: relative; }

.page-2510-partner .page-2510-partner__container { width: 100%; bottom: 0px; z-index: 9; background-color: #fff; border-bottom: 1px solid #eee; }

.page-2510-partner .page-2510-partner__order { margin: 0px; padding-top: 15px; padding-bottom: 15px; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.page-2510-partner .page-2510-partner__list { text-align: center; }

.page-2510-breadcrumbs { border-bottom: 1px solid #e6e6e6; background-color: #fff !important; }

.page-2510-mgt { margin-top: 40px; }

.page-2510-mgb { margin-bottom: 40px; }

.page-2510-mgr { margin-right: 20px; }

.page-2510-content { margin-top: 30px; -webkit-box-shadow: 0px 0px 10px #efefef; box-shadow: 0px 0px 10px #efefef; }

.page-2510-content--2530 { margin-bottom: 40px; -webkit-box-shadow: none; box-shadow: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.page-2510-content--2530 form { width: 500px; position: relative; }

.page-2510-content--2530 form button { width: 90px; height: 100%; position: absolute; right: 0px; top: 0px; border: none; background-color: #24466e; color: #aab2bf; border-radius: 0px 5px 5px 0px; cursor: pointer; outline: none; }

.page-2510-content--2530 form button:hover { color: #fff; }

.page-2510-select { width: 100%; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: all 0.5s; transition: all 0.5s; border-bottom: 1px solid #cccccc; overflow-y: hidden; }

.page-2510-select:last-child { border-bottom: none; }

.page-2510-select .page-2510-title { -ms-flex-preferred-size: 120px; flex-basis: 120px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 16px; color: #fff; background-color: #8f0302; line-height: 50px; text-align: center; }

.page-2510-select .page-2510-title--7000 { background-color: #24466e; }

.page-2510-select .page-2510-zone { width: 100%; }

.page-2510-select .page-2510-zone ul { padding-right: 4rem; font-size: 14px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.page-2510-select .page-2510-zone ul li { padding: 0px 13px; line-height: 50px; text-align: center; }

@media (max-width: 767.98px) { .page-2510-select .page-2510-zone ul li { padding: 0px 10px; } }

.page-2510-select .page-2510-zone ul li a { color: #282828; }

.page-2510-select .page-2510-zone ul li a:hover { color: #8f0302; }

.page-2510-select .page-2510-zone ul li .active { color: #8f0302; }

.page-2510-select .page-2510-zone__icon { display: none; color: #9a9a9a; position: absolute; right: 0.6rem; top: 15px; }

.page-2510-select .page-2510-zone__icon i, .page-2510-select .page-2510-zone__icon span { display: inline-block; vertical-align: middle; }

.page-2510-select .page-2510-zone__icon span { margin-right: 5px; }

.page-2510-select .page-2510-zone__icon i { font-size: 12px; }

.page-2530-select-box { width: 80px; height: calc(100% - 2px); position: absolute; top: 1px; left: 1px; color: #24466e; background-color: #eeeeee; cursor: pointer; }

.page-2530-select-box .page-2530-select { width: 100%; height: 100%; padding-right: 20px; outline: none; border: none; color: #24466e; background-color: #eeeeee; text-align: center; cursor: pointer; }

.page-2530-select-box .arrow-down { position: absolute; top: 10px; right: 5px; }

.page-2530-select-box .page-2530-select-drop-box { min-width: 100%; position: absolute; top: calc(100% + 3px); z-index: 9; white-space: nowrap; background-color: #eeeeee; -webkit-box-shadow: 0px 0px 2px; box-shadow: 0px 0px 2px; border-radius: 5px; display: none; }

.page-2530-select-box .page-2530-select-drop-box li:first-child a { border-radius: 5px 5px 0px 0px; }

.page-2530-select-box .page-2530-select-drop-box li:last-child a { border: none; border-radius: 0px 0px 5px 5px; }

.page-2530-select-box .page-2530-select-drop-box a { padding: 3px 10px; display: block; border-bottom: 1px solid #d4d4d4; }

.page-2530-select-box .page-2530-select-drop-box a:hover { background-color: #24466e; color: #fff; }

.page-2530-select-box .active { display: block; opacity: 1; -webkit-animation-name: select-box; animation-name: select-box; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; }

@-webkit-keyframes select-box { 0% { display: block;
    opacity: 0;
    top: calc(100% + 20px); }
  100% { opacity: 1;
    top: calc(100% + 3px); } }

@keyframes select-box { 0% { display: block;
    opacity: 0;
    top: calc(100% + 20px); }
  100% { opacity: 1;
    top: calc(100% + 3px); } }

.page-2530-search { width: 100%; padding: 12px 90px 12px 10px; font-size: 15px; border: 1px solid #cccccc; border-radius: 5px; outline: none; }

.page-2530-search--select { padding: 12px 100px 12px 90px; }

.page-2510-rows { margin-top: 15px; }

.page-2510-rows__box { margin-bottom: 50px; }

.page-2510-rows__box li { padding: 20px 0px; border-bottom: 1px solid #cccccc; display: -webkit-box; display: -ms-flexbox; display: flex; }

.page-2510-rows__box li a { -ms-flex-preferred-size: 100%; flex-basis: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; color: #282828; position: relative; }

.page-2510-rows__box li a:hover, .page-2510-rows__box li a:hover .page-2510-place { color: #8f0302 !important; }

.page-2510-rows__box .page-2510-list-hover { -webkit-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; }

.page-2510-rows__box .page-2510-list-hover a:hover { color: #fff !important; }

.page-2510-rows__box .page-2510-list-hover:hover { background-color: #8f0302; }

.page-2510-rows__box .page-2510-list-hover:hover a, .page-2510-rows__box .page-2510-list-hover:hover .page-2510-right { color: #fff !important; }

.page-2510-rows__box .page-2510-list-hover:hover .page-2510-icon::before { border-color: #fff; }

.page-2510-place { padding-right: 10px; white-space: nowrap; font-size: 12px; color: #999999; }

.page-2510-new { font-size: 12px; line-height: 20px; padding: 0 7px; border-radius: 3px; text-transform: uppercase; background-color: #e60302; color: #ffff00; position: absolute; top: -15px; left: 100%; }

.page-2510-new::after { content: ""; border-top: 5px solid #e60302; border-right: 5px solid transparent; position: absolute; top: 100%; left: 5px; }

.page-2510-right { -ms-flex-preferred-size: 15rem; flex-basis: 15rem; -ms-flex-negative: 0; flex-shrink: 0; float: right; font-size: 14px; color: #999999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.page-2510-right .page-2510-place--down { padding-right: 10px; white-space: nowrap; font-size: 12px; color: #999999; display: none; }

.page-2510-right .page-2510-place--down:hover { color: #8f0302; }

.page-2510-right--2530 { padding: 0px; -ms-flex-preferred-size: 4rem; flex-basis: 4rem; }

.page-2510-right--2530 .page-2510-date { white-space: nowrap; margin-left: 0.5rem; }

.page-2510-right .page-2510-club { color: #24466e; font-weight: 600; }

.page-2510-right .page-2510-date { margin-right: 10px; }

.page-2530-list { -ms-flex-wrap: initial !important; flex-wrap: initial !important; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.page-2530-list:first-child { border-top: 1px solid #cccccc; }

.page-2530-list a { padding-right: 10px; -ms-flex-preferred-size: initial; flex-basis: initial; }

.page-2530-award { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.page-2530-award li { margin-right: 10px; padding: 10px 0px 0px; display: initial; border: none; }

.page-2530-award a { padding: 3px 8px; font-size: 12px; color: #888888; background-color: #f5f5f5; }

.page-2530-award a:hover { color: #e60302; }

.page-2600-drop { padding-top: 10px; float: right; position: relative; }

.page-2600-drop .page-2600-choose { padding-right: 30px; position: relative; display: block; }

.page-2600-drop .page-2600-choose i { font-size: 13px; position: absolute; right: 6px; top: 1px; }

.page-2600-drop__container { padding-top: 10px; position: absolute; top: calc(100% + 20px); right: 0px; z-index: 9; display: none; opacity: 0; }

.page-2600-drop .page-2600-drop__box { padding: 5px 0px; border-radius: 6px; background-color: #131510e0; white-space: nowrap; position: relative; }

.page-2600-drop .page-2600-drop__box::after { content: ""; width: 12px; height: 12px; position: absolute; top: -6px; right: 30px; background-image: linear-gradient(135deg, #131510e0 50%, transparent 50%); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.page-2600-drop .page-2600-drop__box a { padding: 5px 20px; display: block; color: #aab2bf !important; -webkit-transition: all 300ms linear; transition: all 300ms linear; }

.page-2600-drop .page-2600-drop__box a:hover { color: #fff !important; background-color: #000; }

.page-2600-drop .active { display: block; opacity: 1; top: 100%; -webkit-animation-name: box; animation-name: box; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; }

@-webkit-keyframes box { 0% { display: block;
    opacity: 0;
    top: calc(100% + 20px); }
  100% { opacity: 1;
    top: 100%; } }

@keyframes box { 0% { display: block;
    opacity: 0;
    top: calc(100% + 20px); }
  100% { opacity: 1;
    top: 100%; } }

.page-5601-main .page-5601-table { width: 100%; text-align: center; border: 1px solid #e6e6e6; }

.page-5601-main .page-5601-table th, .page-5601-main .page-5601-table td { padding: 10px 0px; }

.page-5601-main .page-5601-table .page-5601-head-row { background-color: #0198ff; color: #ffffff; font-size: 16px; }

.page-5601-main .page-5601-table .page-5601-head-row th { width: 25%; font-weight: 400; }

.page-6000-topic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.page-6000-topic h4 { margin: 0px 2em -1px; border-bottom: none !important; }

.page-6000-topic h4:first-child { margin-left: 0px; }

.page-6000-topic h4:last-child { margin-right: 0px; }

.page-6000-topic h4 a { color: #666666; }

.page-6000-topic h4:hover { border-bottom: 3px solid #24466e !important; }

.page-6000-topic h4:hover a { color: #24466e; }

.page-6000-topic .active { border-bottom: 3px solid #24466e !important; }

.page-6000-topic .active a { color: #24466e; }

.page-6000-block { position: relative; }

.page-6000-block-hourse { position: absolute; top: 0px; right: 0px; width: 25%; padding-top: 10%; z-index: -1; background-size: contain; background-image: url(../img/6000-block-1.jpg); background-repeat: no-repeat; }

.page-6000-block-title { color: #282828; font-weight: bold; font-size: 1.7rem; text-align: center; }

.page-6000-block-title img { width: 30px; margin-right: 10px; padding-bottom: 15px; }

.page-6000-block-title .page-6000-block-title-lg { margin: 0px 3px; color: #24466e; font-size: 2.5rem; display: inline-block; -webkit-transform: skew(-10deg, 0deg); transform: skew(-10deg, 0deg); }

.page-6000-block-des { color: #999999; text-align: center; }

.page-6000-block-content .page-6000-block-content-order { padding-left: 20px; list-style-type: disc; }

.page-6000-block-content .page-6000-block-content-order li { padding-bottom: 10px; }

.page-6000-card { -webkit-box-shadow: 0px 0px 5px #d4d4d4; box-shadow: 0px 0px 5px #d4d4d4; display: -webkit-box; display: -ms-flexbox; display: flex; }

.page-6000-card .page-6000-card-img { -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; }

.page-6000-card .page-6000-card-content { padding: 2em; }

.page-6000-card .page-6000-card-content .page-6000-card-name { padding-bottom: 1em; font-size: 20px; }

.page-6000-album { padding: 40px 0px; }

.page-6000-album .swiper-pagination-bullet { margin: 0px 3px; background-color: #d4d4d4; }

.page-6000-album .swiper-pagination-bullet-active { background-color: #fff; }

.page-6000-album .page-6000-quest li { margin: 20px 0px; padding: 15px 15px 15px 30px; font-size: 16px; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #b2d9ec), to(#ffff)); background-image: linear-gradient(to right, #b2d9ec 0, #ffff 100%); }

.page-6000-album .page-6000-quest li a { padding-left: 20px; position: relative; color: #282828; }

.page-6000-album .page-6000-quest li a:hover { color: #8f0302; }

.page-6000-album .page-6000-quest li a:hover::after { background-color: #8f0302; }

.page-6000-album .page-6000-quest li a::after { content: ""; width: 5px; height: 5px; background-color: #282828; position: absolute; top: 10px; left: 0px; border-radius: 50%; }

.page-6000-album .page-6000-album-img { position: relative; }

.page-6000-album .page-6000-album-img-bg { width: calc(100% - 30px); height: 100%; position: absolute; top: 0px; background-color: #c3e1f1a0; -webkit-transform: rotate(2deg); transform: rotate(2deg); }

.page-6000-album .page-6000-album-img-bg--sec { -webkit-transform: rotate(4deg); transform: rotate(4deg); }

.page-6000-album .page-6000-album-container { overflow: hidden; }

.page-6000-album .page-6000-album-container .page-6000-album-item { padding-top: 70%; position: relative; overflow: hidden; }

.page-6000-album .page-6000-album-img-box { width: 100%; height: 100%; position: absolute; top: 0px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -o-object-fit: cover; object-fit: cover; }

.page-6000-album .page-6000-album-img-box img { width: 100%; }

.page-6000-album .page-6000-album-veil { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; cursor: pointer; background-image: linear-gradient(to top, #00000080 10px, transparent 50px); }

.page-6000-album .page-6000-album-veil .page-6000-album-veil-box { width: 100%; padding: 10px 15px; position: absolute; bottom: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.page-6000-album .page-6000-album-veil .page-6000-album-veil-box a { color: #dddddc; }

.page-6000-lesson .page-6000-lesson-label { min-width: 100px; padding: 3px; position: absolute; right: -30px; top: 7px; z-index: 9; background-color: #ff0000; color: #ffeeee; text-align: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.page-6000-lesson .page-6000-lesson-icon { color: #cfcfcf; }

.page-6000-lesson .page-6000-lesson-icon i { margin-right: 5px; }

.page-6000-lesson .page-6000-lesson-icon .page-6000-lesson-edit { font-size: 18px; }

.page-6000-match { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #24466e; }

.page-6000-match .page-6000-match-box { -webkit-box-flex: 0; -ms-flex: 0 0 350px; flex: 0 0 350px; }

.page-6000-match .page-6000-match-box .page-6000-title { padding: 40px 10px 15px 100px; background-color: #8f0302; color: #fff; font-size: 1.6rem; font-weight: 600; position: relative; }

.page-6000-match .page-6000-match-box .page-6000-title::before { content: ""; width: 140px; height: 120px; background-image: url(../img/6000-match-horse.png); background-repeat: no-repeat; background-size: contain; position: absolute; left: 0px; top: -40px; }

.page-6000-match .page-6000-match-box .page-6000-match-order a { padding: 20px 10px 15px 100px; background-color: #24466e; color: #fff; display: block; font-size: 1.2rem; font-weight: 600; -webkit-transition: all 300ms linear; transition: all 300ms linear; }

.page-6000-match .page-6000-match-box .page-6000-match-order a:hover { background-color: #8f0302; }

.page-6000-match .page-6000-match-box .page-6000-match-order a span:last-child { font-size: 13px; font-weight: 100; }

.page-6000-match .page-6000-match-img { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 350px); flex: 0 0 calc(100% - 350px); }

.page-6000-match-list { width: calc(100%/3); padding-top: 30%; float: left; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; overflow: hidden; }

.page-6000-match-list:hover .page-6000-match-veil { display: block; -webkit-animation-name: match-veil; animation-name: match-veil; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; }

.page-6000-match-list .page-6000-match-veil { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: none; }

.page-6000-match-list .page-6000-match-veil-bg { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: #000; opacity: 0.6; }

.page-6000-match-list .page-6000-match-veil-con { color: #fff; position: relative; text-align: center; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.page-6000-match-list .page-6000-match-veil-tit { margin-bottom: 15px; font-size: 1.5rem; font-weight: 600; }

.page-6000-match-list .page-6000-match-veil-oth p { margin: 0px; }

.page-6000-match-list .page-6000-match-veil-oth span { display: block; margin-top: 25px; }

.page-6000-match-list .page-6000-match-veil-oth span i { font-size: 1.8rem; }

@-webkit-keyframes match-veil { 0% { display: block;
    opacity: 0;
    top: -50%; }
  100% { opacity: 1;
    top: 0px; } }

@keyframes match-veil { 0% { display: block;
    opacity: 0;
    top: -50%; }
  100% { opacity: 1;
    top: 0px; } }

.page-6100-transport { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-shadow: 0px 0px 5px #d4d4d4; box-shadow: 0px 0px 5px #d4d4d4; }

.page-6100-transport .page-6100-transport-box { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; display: -webkit-box; display: -ms-flexbox; display: flex; }

.page-6100-transport .page-6100-transport-img { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; overflow: hidden; }

.page-6100-transport .page-6100-transport-img a { padding-top: 80%; display: block; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-transition: all 0.3s; transition: all 0.3s; }

.page-6100-transport .page-6100-transport-img:hover a { -webkit-transform: scale(1.2); transform: scale(1.2); }

.page-6100-transport .page-6100-transport-con { padding: 40px 20px 30px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; position: relative; }

.page-6100-transport .page-6100-transport-con h4 { margin-bottom: 1.5em; font-weight: 600; }

.page-6100-transport .page-6100-transport-con a { padding-right: 50px; position: absolute; right: 20px; bottom: 30px; font-size: 15px; color: #666666; }

.page-6100-transport .page-6100-transport-con a:hover::after { -webkit-animation-name: transport-arrow; animation-name: transport-arrow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; }

@-webkit-keyframes transport-arrow { 0% { right: 0px; }
  50% { right: 7px; }
  100% { right: 0px; } }

@keyframes transport-arrow { 0% { right: 0px; }
  50% { right: 7px; }
  100% { right: 0px; } }

.page-6100-transport .page-6100-transport-con a::after { content: ""; width: 40px; height: 10px; position: absolute; top: 8px; right: 0px; background-size: contain; background-image: url(../img/6100-arrow.png); background-repeat: no-repeat; }

.page-6100-transport .page-6100-transport-right { position: relative; }

.page-6100-transport .page-6100-transport-right::before { content: ""; width: 36px; height: 36px; background-color: #fff; position: absolute; top: 50%; right: -18px; z-index: 9; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }

.page-6100-transport .page-6100-transport-left { position: relative; }

.page-6100-transport .page-6100-transport-left::before { content: ""; width: 36px; height: 36px; background-color: #fff; position: absolute; top: 50%; left: -18px; z-index: 9; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }

.page-6100-master { background-color: #f5f5f5; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; position: relative; }

.page-6100-master .page-6100-master-container { position: relative; }

.page-6100-master .swiper-next, .page-6100-master .swiper-prev { position: absolute; top: 50%; z-index: 9; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; outline: none; }

.page-6100-master .swiper-next i, .page-6100-master .swiper-prev i { font-size: 28px; }

.page-6100-master .swiper-next { right: 55px; }

.page-6100-master .swiper-prev { left: 55px; }

.page-6100-master .page-6100-master-img { position: relative; }

.page-6100-master .page-6100-master-item { position: relative; }

.page-6100-master .page-6100-master-item:hover .page-6100-master-item-box { display: block; -webkit-animation-name: master-veil; animation-name: master-veil; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; }

@-webkit-keyframes master-veil { 0% { display: block;
    opacity: 0;
    top: 40%; }
  100% { opacity: 1;
    top: 0px; } }

@keyframes master-veil { 0% { display: block;
    opacity: 0;
    top: 40%; }
  100% { opacity: 1;
    top: 0px; } }

.page-6100-master .page-6100-master-item-img { padding-top: 60%; background-size: cover; background-position: center; background-repeat: no-repeat; }

.page-6100-master .page-6100-master-item-img img { display: none; }

.page-6100-master .page-6100-master-item-box { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: none; }

.page-6100-master .page-6100-master-item-veil { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: #231f1c; opacity: 0.8; }

.page-6100-master .page-6100-master-item-con { height: 100%; padding: 15px; color: #ffffff; position: relative; }

.page-6100-master .page-6100-master-item-tit { margin-bottom: 30px; font-size: 16px; font-weight: bold; }

.page-6100-master .page-6100-master-item-oth { position: absolute; bottom: 15px; }

.page-6100-master .page-6100-master-item-oth .page-6000-master-icon i { margin-right: 5px; }

.page-7000-main .page-7000-club { padding-bottom: 30px; position: relative; }

.page-7000-main .page-7000-club:hover .page-7000-modal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: scale(1); transform: scale(1); }

.page-7000-main .page-7000-club-img { -webkit-box-shadow: 0px 0px 5px #d4d4d4; box-shadow: 0px 0px 5px #d4d4d4; }

.page-7000-main .page-7000-club-head { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.page-7000-main .page-7000-club-name { font-size: 16px; }

.page-7000-main .page-7000-club-location { color: #adadad; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 4rem; flex: 0 0 4rem; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.page-7000-main .page-7000-club-location img { width: 16px; height: 16px; margin-right: 3px; }

.page-7000-main .page-7000-modal { width: calc(100% + 30px); height: calc(100% - 10px); padding: 30px; position: absolute; top: -20px; left: -15px; z-index: 9; background-color: #24466e; display: none; -webkit-box-shadow: 0px 0px 5px; box-shadow: 0px 0px 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; color: #c5ced8; -webkit-transform: scale(0); transform: scale(0); -webkit-animation-name: show-modal; animation-name: show-modal; -webkit-animation-duration: 1s; animation-duration: 1s; }

.page-7000-main .page-7000-modal .page-7000-modal-title { margin-bottom: 15px; }

.page-7000-main .page-7000-modal .page-7000-modal-title img { margin-right: 10px; }

.page-7000-main .page-7000-modal .page-7000-modal-content { -webkit-line-clamp: 3; }

.page-7000-main .page-7000-modal .page-7000-modal-link { margin-top: 20px; padding: 7px 15px; color: #0198ff; border: 1px solid #0198ff; border-radius: 5px; display: inline-block; -webkit-transition: background-color 300ms ease-in; transition: background-color 300ms ease-in; }

.page-7000-main .page-7000-modal .page-7000-modal-link:hover { background-color: #0198ff; color: #fff; }

@-webkit-keyframes show-modal { 0% { display: -webkit-box; display: flex;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes show-modal { 0% { display: -webkit-box; display: -ms-flexbox; display: flex;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@media all and (max-width: 1600px) { .swiper-next { right: 15px !important; }
  .swiper-prev { left: 15px !important; } }

@media all and (max-width: 1400px) { .page-6000-match { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; }
  .page-6000-match .page-6000-match-box { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .page-6000-match .page-6000-match-order { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .page-6000-match .page-6000-match-order li { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% / 3); flex: 0 0 calc(100% / 3); }
  .page-6000-match .page-6000-match-order li a { padding-left: 50px !important; } }

@media all and (max-width: 1200px) { .page-2510-rows__box li { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .page-2510-rows__box li a .page-2510-place { display: none; }
  .page-2510-right { padding: 10px 0px 0px; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .page-2510-right .page-2510-place--down { display: block; }
  .page-2510-right .page-2510-date { margin-left: 0px; }
  .page-2510-right--2530 { padding: 0px; -ms-flex-preferred-size: 4rem; flex-basis: 4rem; }
  .page-2510-right--2530 .page-2510-date { margin-left: 0.5rem; }
  .page-6000-block .page-6000-quest li { margin: 10px 0px; }
  .page-6000-block .page-6000-album-img { margin-top: 30px; }
  .page-6000-block .page-6000-album-img-box img { width: 100%; }
  .page-6100-transport .page-6100-transport-box { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .page-6100-transport .page-6100-transport-box:nth-child(2), .page-6100-transport .page-6100-transport-box:nth-child(4) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

@media all and (max-width: 992px) { .page-6000-match .page-6000-match-order li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }
  .page-6000-match .page-6000-match-order li a { padding-left: 20px !important; }
  .page-6000-match .page-6000-match-veil-tit { font-size: 1.2rem !important; }
  .page-6000-match .page-6000-match-veil-oth span { margin-top: 15px !important; } }

@media all and (max-width: 767px) { .page-2510-partner { padding: 0px; }
  .page-2510-partner__box { height: 80px; }
  .page-2510-partner__container { position: relative; }
  .page-2510-rows__box .page-2530-list { display: block; }
  .page-2510-rows__box .page-2530-list .page-2530-link { display: inline-block; }
  .page-2510-rows__box .page-2530-list .page-2530-link--mg { margin-right: 45px; }
  .page-2510-rows__box li .page-2510-right--2530 .page-2510-date { display: none; }
  .page-6000-topic h4 { margin: 0px 1em -1px; }
  .page-6000-match .page-6000-match-img .page-6000-match-list { width: 50%; padding-top: 45%; }
  .page-6100-transport .page-6100-transport-img a { padding-top: 90%; }
  .page-6100-transport .page-6100-transport-con { padding: 20px 10px 10px !important; }
  .page-6100-transport .page-6100-transport-con h4 { margin-bottom: 1em !important; font-size: 1.2em; }
  .page-6100-transport .page-6100-transport-con a { bottom: 10px !important; } }

.page-6000-match-box .nav a.active { position: relative; }

.page-6000-match-box .nav a.active:before { content: ''; display: block; z-index: 99; top: 50%; right: 0; border: 10px solid transparent; border-right: 10px solid #8f0302; position: absolute; margin-top: -10px; }

@media all and (max-width: 480px) { .page-2510-rows__box li .page-2510-right .page-2510-date { display: none; } }

.zoom [class*="-img"], .page-4000-item [class*="-img"] { overflow: hidden; }

.zoom [class*="-img"] > img, .page-4000-item [class*="-img"] > img { -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s; }

.zoom [class*="-img"] .ratio, .page-4000-item [class*="-img"] .ratio { -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s; }

.zoom:hover [class*="-img"] > img, .zoom:hover [class*="-img"] .ratio, .page-4000-item:hover [class*="-img"] > img, .page-4000-item:hover [class*="-img"] .ratio { -webkit-transform: scale(1.1); transform: scale(1.1); }

.vertical-middle { vertical-align: middle; }

#footer { background-color: #000; padding-top: 0; }

.friend-link { margin-top: 0; border: 0; padding: 28px 0; border-bottom: 1px solid #272727; }

@media (max-width: 1299.98px) { .friend-link { padding: 20px 0; } }

.friend-link h5 { float: left; margin-bottom: 0; font-size: 16px; line-height: 1.5; color: #fff; }

.friend-link-list { overflow: hidden; }

.friend-link-list::after { display: block; clear: both; content: ""; }

.friend-link-list li { float: left; }

.friend-link-list a { display: block; padding: 0 30px; font-size: 16px; line-height: 1.5; color: #fff; -webkit-transition: color .35s; transition: color .35s; }

@media (max-width: 1299.98px) { .friend-link-list a { padding: 0 15px; } }

@media (max-width: 991.98px) { .friend-link-list a { font-size: 14px; padding: 0 10px; } }

.friend-link-list a:hover { color: #8f0302; }

.footer-content { padding: 42px 0 70px; border-bottom: 1px solid #272727; }

.footer-content .row { margin-left: -10px; margin-right: -10px; }

.footer-content .row > div { padding-left: 10px; padding-right: 10px; }

@media (max-width: 991.98px) { .footer-content { padding: 45px 0; } }

@media (max-width: 767.98px) { .footer-content { padding: 20px 0; } }

.footer-content-contact img { max-height: 68px; margin-bottom: 15px; }

@media (max-width: 991.98px) { .footer-content-contact img { margin-bottom: 10px; } }

.footer-content-contact p { font-size: 15px; line-height: 2; margin-bottom: 0; color: #999999; }

@media (max-width: 991.98px) { .footer-content-contact p { font-size: 14px; } }

.footer-content-list .row { margin-left: -7px; margin-right: -7px; }

.footer-content-list .row > div { padding-left: 7px; padding-right: 7px; }

.footer-content-list h5 { font-size: 15px; line-height: 1.25556; margin-bottom: 10px; color: #fff; }

@media (max-width: 1199.98px) { .footer-content-list h5 { font-size: 14px; } }

@media (max-width: 991.98px) { .footer-content-list h5 { margin-bottom: 10px; } }

.footer-content-list .link-list a { font-size: 14px; line-height: 2.57143; display: block; color: #999999; -webkit-transition: .35s; transition: .35s; font-size: 12px; }

.footer-content-list .link-list a:hover { color: #8f0302; }

.footer-content-list .link-list a::before { width: 4px; height: 4px; content: ""; display: inline-block; vertical-align: middle; margin-right: 5px; background-color: #999999; border-radius: 50%; }

.page-breadcrumbs { padding: 20px 0; background-color: #f5f5f5; margin-bottom: 40px; }

.page-breadcrumbs img { float: left; }

.page-breadcrumbs .nav-breadcrumbs { overflow: hidden; }

@media (max-width: 991.98px) { .page-breadcrumbs { margin-bottom: 20px; } }

@media (max-width: 767.98px) { .page-breadcrumbs { padding: 10px 0; } }

.page-breadcrumbs.v2 { background-color: #fff; border-bottom: 1px solid #ccc; }

.page-breadcrumbs img { width: 20px; height: 20px; margin-right: 10px; }

.page-breadcrumbs .nav-breadcrumbs::after { display: block; clear: both; content: ""; }

.page-breadcrumbs .nav-breadcrumbs li { float: left; position: relative; }

.page-breadcrumbs .nav-breadcrumbs li:not(:last-child)::after { content: ">"; }

.page-breadcrumbs .nav-breadcrumbs a { font-size: 14px; line-height: 1.42857; color: #666666; -webkit-transition: .35s; transition: .35s; }

.page-breadcrumbs .nav-breadcrumbs a:hover { color: #24466e; font-weight: 700; }

.page-sda { margin: 30px 0; }

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

@media (max-width: 767.98px) { .page-sda { margin: 15px 0; } }

.page-sda-item { font-size: 14px; line-height: 1; color: #fff !important; display: block; position: relative; -webkit-transition: .35s; transition: .35s; }

.page-sda-item:hover { color: #8f0302; }

.page-sda img { width: 100%; }

.page-sda span { position: absolute; bottom: 10px; right: 10px; }

.page-tit { border-bottom: 1px solid #cccccc; }

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

.page-tit h4 { float: left; margin-bottom: -1px; padding-bottom: 14px; font-size: 24px; line-height: 1.33333; color: #282828; border-bottom: 3px solid #8f0302; }

@media (max-width: 991.98px) { .page-tit h4 { padding-bottom: 7px; font-size: 22px; } }

@media (max-width: 767.98px) { .page-tit h4 { padding-bottom: 7px; font-size: 18px; } }

.page-tit h4 img, .page-tit h4 span { display: inline-block; vertical-align: middle; }

.page-tit h4 img { margin-right: 5px; }

.page-tit h4 .h4-4001 { font-size: 24px; }

.page-tit .link-list { margin-left: -30px; margin-right: -30px; float: right; }

.page-tit .link-list::after { display: block; clear: both; content: ""; }

.page-tit .link-list > li { padding-left: 30px; padding-right: 30px; }

@media (max-width: 1199.98px) { .page-tit .link-list { margin-left: -15px; margin-right: -15px; }
  .page-tit .link-list > li { padding-left: 15px; padding-right: 15px; } }

@media (max-width: 991.98px) { .page-tit .link-list { margin-left: -7px; margin-right: -7px; }
  .page-tit .link-list > li { padding-left: 7px; padding-right: 7px; } }

.page-tit .link-list > li { float: left; }

.page-tit .link-list > li.active a, .page-tit .link-list > li:hover a { color: #8f0302; }

.page-tit .link-list > li.active a::after { border-bottom-color: #000; }

.page-tit .link-list a { font-size: 18px; line-height: 1.77778; display: block; color: #333; position: relative; }

@media (max-width: 1199.98px) { .page-tit .link-list a { font-size: 16px; } }

@media (max-width: 991.98px) { .page-tit .link-list a { font-size: 14px; } }

.page-tit .link-list a::after { position: absolute; bottom: -7px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); content: ""; border-bottom: 6px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; -webkit-transition: .35s; transition: .35s; }

#mobileLinkList { float: right; }

#mobileLinkList .link-list-chosen { font-size: 16px; line-height: 2; display: block; padding-right: 30px; color: #333; position: relative; }

#mobileLinkList .link-list-chosen i { font-size: 14px; position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#mobileLinkList .dropdown-menu { border: 0; padding: 0; background-color: rgba(0, 0, 0, 0.7); margin-top: 10px; position: relative; }

#mobileLinkList .dropdown-menu::before { content: ''; border-bottom: 5px solid rgba(0, 0, 0, 0.7); border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; bottom: 100%; right: 10px; }

#mobileLinkList .dropdown-menu-list a { font-size: 14px; line-height: 1.57143; display: block; padding: 5px 0; color: #fff; text-align: center; -webkit-transition: .35s; transition: .35s; }

#mobileLinkList .dropdown-menu-list a:hover { color: #999; }

.left-content { width: 305px; }

@media (max-width: 991.98px) { .left-content { width: 250px; } }

@media (max-width: 767.98px) { .left-content { width: 100%; } }

.left-content-tit { margin-left: -100px; overflow: hidden; position: relative; z-index: 2; }

@media (max-width: 991.98px) { .left-content-tit { margin-left: -70px; } }

@media (max-width: 767.98px) { .left-content-tit { margin-left: -15px; } }

.left-content-tit > img { display: none; float: left; margin-right: 32px; }

@media (max-width: 991.98px) { .left-content-tit > img { width: 120px; } }

.left-content-tit h4 { margin-bottom: 0; font-size: 32px; line-height: 1.875; color: #8f0302; padding-left: 110px; }

@media (max-width: 991.98px) { .left-content-tit h4 { font-size: 26px; } }

.left-content-tit h5 { font-size: 16px; line-height: 1.875; margin-bottom: 0; padding-right: 24px; height: 3.75em; color: #fff; position: relative; padding-left: 110px; }

@media (max-width: 991.98px) { .left-content-tit h5 { font-size: 14px; } }

.left-content-tit h5::before { width: 200%; height: 100%; content: ""; background-color: #8f0302; position: absolute; top: 0; right: 0; z-index: -1; }

.left-content-nav .nav-link { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; }

.left-content-nav > li:not(.drop-sub):hover, .left-content-nav > li:not(.drop-sub).active { background-color: #b2d9ec; background-image: -webkit-gradient(linear, left top, right top, from(#b2d9ec), to(#ffffff)); background-image: linear-gradient(90deg, #b2d9ec 0%, #ffffff 100%); }

.left-content-nav > li:not(.drop-sub):hover .icon::before, .left-content-nav > li:not(.drop-sub).active .icon::before { background-color: #8f0302; }

.left-content-nav > li:not(.drop-sub):hover .icon::after, .left-content-nav > li:not(.drop-sub).active .icon::after { background-color: #ca6564; }

.left-content-nav > li:not(.drop-sub):hover .txt, .left-content-nav > li:not(.drop-sub).active .txt { color: #8f0302; }

.left-content-nav > li:not(.drop-sub).active .icon::before { background-color: #8f0302; }

.left-content-nav > li:not(.drop-sub).active .icon::after { background-color: #ca6564; }

.left-content-nav > li:not(.drop-sub).active .icon span.plus::before { content: "\e8ca"; }

.left-content-nav .drop-sub { position: relative; -webkit-transition: .35s; transition: .35s; }

.left-content-nav .drop-sub.toggle-active { background-color: #b2d9ec; background-image: -webkit-gradient(linear, left top, right top, from(#b2d9ec), to(#ffffff)); background-image: linear-gradient(90deg, #b2d9ec 0%, #ffffff 100%); }

.left-content-nav .drop-sub.toggle-active::after { display: none; }

.left-content-nav .drop-sub::after { width: 100%; height: 1px; content: ""; background-image: -webkit-gradient(linear, left top, right top, from(#9a9a9a), to(transparent)); background-image: linear-gradient(90deg, #9a9a9a 0%, transparent 100%); position: absolute; left: 0; bottom: 0; -webkit-transition: .35s; transition: .35s; }

@media (max-width: 991.98px) { .left-content-nav .drop-sub::after { left: 25px; } }

.left-content .drop-sub-item { display: block; padding: 20px 0; padding-left: 25px; }

@media (max-width: 991.98px) { .left-content .drop-sub-item { padding: 15px 0; padding-left: 40px; } }

.left-content .drop-sub-item:hover > a { color: #8f0302; }

.left-content .icon { width: 22px; height: 22px; margin-right: 25px; display: inline-block; vertical-align: middle; -webkit-transition: .35s; transition: .35s; cursor: pointer; position: relative; }

.left-content .icon[aria-expanded="true"]::before { background-color: #8f0302; }

.left-content .icon[aria-expanded="true"]::after { background-color: #ca6564; }

.left-content .icon[aria-expanded="true"] span.plus::before { content: "\e8ca"; }

@media (max-width: 991.98px) { .left-content .icon { margin-right: 15px; } }

.left-content .icon span { display: block; width: 20px; font-family: "iconfont" !important; font-size: 12px; text-align: center; color: #fff; position: absolute; left: 45%; top: 50%; z-index: 2; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.left-content .icon span::before { -webkit-transition: .35s; transition: .35s; }

.left-content .icon span.plus::before { content: "\e8b5"; }

.left-content .icon span.star::before { content: "\e8dd"; }

.left-content .icon::before { content: ""; width: 22px; height: 22px; background-color: #24466e; -webkit-transform: skew(-24deg); transform: skew(-24deg); position: absolute; z-index: 1; -webkit-transition: .35s; transition: .35s; }

.left-content .icon::after { width: 22px; height: 7px; content: ""; background-color: #5d81aa; position: absolute; bottom: 0; left: 0; -webkit-transform: skew(-48deg); transform: skew(-48deg); z-index: 0; -webkit-transition: .35s; transition: .35s; }

.left-content .txt { font-size: 20px; line-height: 1; display: inline-block; vertical-align: middle; color: #282828; }

@media (max-width: 991.98px) { .left-content .txt { font-size: 18px; } }

.left-content .txt p { margin-bottom: 0; }

.left-content .submenu-l li { padding: 5px 0; padding-left: 77px; }

.left-content .submenu-l li:last-child { padding-bottom: 20px; }

.left-content .submenu-l a { font-size: 16px; line-height: 1.25; padding: 0; color: #414141; background-color: transparent; -webkit-transition: .35s; transition: .35s; }

.left-content .submenu-l a:hover { color: #8f0302; }

.left-content .submenu-l a::after { display: none; }

.left-content .submenu-l .drop-menu li { padding-left: 20px; }

.left-content-clock { padding-top: 70px; text-align: center; }

@media (min-width: 768px) and (max-width: 991.98px) { .left-content-clock canvas { width: 100%; height: auto; } }

@media (max-width: 991.98px) { .left-content-clock { padding-top: 50px; }
  .left-content-clock #flashContent { -webkit-transform: scale(0.8); transform: scale(0.8); } }

@media (max-width: 767.98px) { .left-content-clock { padding-top: 30px; } }

.left-content-clock > img { margin-bottom: 25px; }

.left-content-news { padding-top: 46px; }

.left-content-news .tit { margin-bottom: 14px; border-bottom: 1px solid #ccc; }

.left-content-news .tit::after { display: block; clear: both; content: ""; }

.left-content-news h4 { font-size: 24px; line-height: 1.83333; float: left; margin-bottom: -1px; border-bottom: 3px solid #8f0302; color: #333; }

.left-content-news .more { font-size: 14px; line-height: 3.14286; float: right; padding-bottom: 2px; color: #333; -webkit-transition: .35s; transition: .35s; }

.left-content-news .more:hover { color: #24466e; }

.left-content-news .news-item { display: block; padding: 20px 0; }

.left-content-news .news-item::after { display: block; clear: both; content: ""; }

.left-content-news .news-item:not(:last-child) { border-bottom: 1px dashed #ccc; }

.left-content-news .news-item:hover h5 { color: #24466e; }

.left-content-news .news-item .item-img { float: left; width: 120px; margin-right: 15px; }

.left-content-news .news-item .item-content { overflow: hidden; }

.left-content-news .news-item h5 { font-size: 16px; line-height: 1.75; margin-bottom: 0; color: #333; max-height: 3.5em; overflow: hidden; -webkit-transition: .35s; transition: .35s; }

.left-content-news .news-item .info::after { display: block; clear: both; content: ""; }

.left-content-news .news-item .info-item { float: left; padding-right: 24px; }

.left-content-news .news-item .info-item::after { display: block; clear: both; content: ""; }

.left-content-news .news-item .info img, .left-content-news .news-item .info span { display: inline-block; vertical-align: middle; }

.left-content-news .news-item .info span { font-size: 12px; line-height: 2.33333; padding-left: 5px; color: #999999; }

.left-content-sda { margin-bottom: 30px; }

.left-content-sda .sda-item { display: block; position: relative; }

.left-content-sda img { width: 100%; }

.left-content-sda span { display: block; font-size: 14px; line-height: 1; color: #fff; position: absolute; bottom: 10px; right: 10px; -webkit-transition: .35s; transition: .35s; }

.left-content-sda span:hover { color: #8f0302; }

.left-content-result { padding: 17px; margin-bottom: 30px; background-color: #24466e; text-align: center; position: relative; }

.left-content-result h6 { font-size: 36px; line-height: 1; margin-bottom: 0; font-weight: 700; font-style: italic; color: #fff; }

.left-content-result h6 span { font-weight: 400; font-style: normal; font-size: 24px; }

.left-content-result i { font-size: 22px; line-height: 1; position: absolute; right: 30px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); color: #fff; }

.left-content-product { margin-top: 20px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }

.left-content-product-tit { padding: 0 15px; border-bottom: 1px solid #cccccc; }

.left-content-product-tit::after { display: block; clear: both; content: ""; }

.left-content-product-tit h4 { font-size: 20px; line-height: 3; margin-bottom: -1px; float: left; border-bottom: 3px solid #8f0302; color: #282828; }

.left-content-product-tit a { font-size: 14px; line-height: 4.28571; float: right; color: #999999; }

.left-content-product-main { padding: 0 15px; }

.left-content-product-main .page-7200-item { padding: 30px 0; }

.left-content-product-main .page-7200-item:not(:last-child) { -webkit-box-shadow: 0 13px 15px -18px rgba(0, 0, 0, 0.3); box-shadow: 0 13px 15px -18px rgba(0, 0, 0, 0.3); }

.left-content-info { background-color: #fff; margin-bottom: 40px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }

@media (max-width: 991.98px) { .left-content-info { margin-bottom: 20px; } }

.left-content-info .content-top { padding: 5px 25px; background-color: #f1f2f4; }

@media (max-width: 991.98px) { .left-content-info .content-top { padding: 5px 15px; } }

.left-content-info .content-main { padding: 25px 20px; padding-bottom: 30px; }

@media (max-width: 991.98px) { .left-content-info .content-main { padding: 15px; padding-bottom: 20px; } }

.left-content-info .content-1 { margin-bottom: 30px; }

.left-content-info .content-1::after { display: block; clear: both; content: ""; }

@media (max-width: 991.98px) { .left-content-info .content-1 { margin-bottom: 15px; } }

.left-content-info .content-1 p { font-size: 16px; line-height: 1.875; margin-bottom: 0; color: #282828; overflow: hidden; }

@media (max-width: 991.98px) { .left-content-info .content-1 p { font-size: 14px; } }

.left-content-info .certificate { float: left; margin-right: 10px; padding: 5px 12px; border-radius: 6px; background-color: #0198ff; color: #fff; }

.left-content-info .certificate::after { display: block; clear: both; content: ""; }

@media (min-width: 768px) and (max-width: 991.98px) { .left-content-info .certificate { float: none; display: inline-block; } }

.left-content-info .certificate img { float: left; margin-right: 10px; }

.left-content-info .certificate span { font-size: 14px; line-height: 20px; overflow: hidden; }

.left-content-info .content-2 { margin-left: -10px; margin-right: -10px; }

.left-content-info .content-2::after { display: block; clear: both; content: ""; }

.left-content-info .content-2 > div { padding-left: 10px; padding-right: 10px; }

.left-content-info .content-2 .content-item { float: left; width: 50%; }

.left-content-info .follow-shop.has-follow i::before { content: '\e752'; }

.page-4000 { padding-bottom: 100px; }

@media (max-width: 1199.98px) { .page-4000 { padding-bottom: 60px; } }

@media (max-width: 991.98px) { .page-4000 { padding-bottom: 40px; } }

@media (max-width: 767.98px) { .page-4000 { padding-bottom: 20px; } }

.page-4000-content { padding-top: 40px; }

@media (max-width: 767.98px) { .page-4000-content { padding-top: 20px; } }

.page-4000-content .row { margin-left: -13px; margin-right: -13px; }

.page-4000-content .row > div { padding-left: 13px; padding-right: 13px; }

@media (max-width: 1199.98px) { .page-4000-content .row { margin-left: -10px; margin-right: -10px; }
  .page-4000-content .row > div { padding-left: 10px; padding-right: 10px; } }

@media (max-width: 991.98px) { .page-4000-content .row { margin-left: -7px; margin-right: -7px; }
  .page-4000-content .row > div { padding-left: 7px; padding-right: 7px; } }

.page-4000-item { display: block; margin-bottom: 57px; }

@media (max-width: 1199.98px) { .page-4000-item { margin-bottom: 30px; } }

@media (max-width: 991.98px) { .page-4000-item { margin-bottom: 20px; } }

.page-4000-item:hover h4 { color: #8f0302; }

.page-4000-item.v2 { -webkit-box-shadow: 0 0 6px rgba(71, 70, 70, 0.15); box-shadow: 0 0 6px rgba(71, 70, 70, 0.15); margin-bottom: 40px; }

@media (max-width: 1199.98px) { .page-4000-item.v2 { margin-bottom: 30px; } }

@media (max-width: 991.98px) { .page-4000-item.v2 { margin-bottom: 20px; } }

.page-4000-item.v2 .item-content { padding: 0 20px 15px; }

@media (max-width: 1199.98px) { .page-4000-item.v2 .item-content { padding: 0 15px 15px; } }

.page-4000-item .item-img { margin-bottom: 25px; }

@media (max-width: 1199.98px) { .page-4000-item .item-img { margin-bottom: 15px; } }

.page-4000-item h4 { margin-bottom: 12px; font-size: 16px; line-height: 1.75; color: #282828; -webkit-transition: .35s; transition: .35s; }

@media (max-width: 1199.98px) { .page-4000-item h4 { margin-bottom: 5px; } }

.page-4000-item .content-grp::after { display: block; clear: both; content: ""; }

.page-4000-item .content-grp .info { float: left; }

@media (max-width: 1199.98px) { .page-4000-item .content-grp .info { float: none; } }

.page-4000-item .content-grp .content-img { float: right; }

@media (max-width: 1199.98px) { .page-4000-item .content-grp .content-img { margin-top: 10px; float: none; } }

.page-4000-item .info::after { display: block; clear: both; content: ""; }

.page-4000-item .info p { margin-bottom: 0; padding-right: 22px; float: left; font-size: 14px; line-height: 2; color: #555555; }

.page-4000-item .info-item { float: left; padding-right: 22px; }

.page-4000-item .info-item::after { display: block; clear: both; content: ""; }

.page-4000-item .info img, .page-4000-item .info span { display: inline-block; vertical-align: middle; }

.page-4000-item .info span { font-size: 12px; line-height: 2.33333; padding-left: 5px; color: #999999; }

.detail-header h5 { font-size: 30px; line-height: 2; margin-bottom: 8px; text-align: center; color: #282828; }

@media (max-width: 1199.98px) { .detail-header h5 { font-size: 24px; } }

@media (max-width: 991.98px) { .detail-header h5 { font-size: 22px; } }

@media (max-width: 767.98px) { .detail-header h5 { font-size: 18px; } }

.detail-header .info { text-align: center; }

.detail-header .info p { margin-bottom: 0; padding-right: 22px; display: inline-block; vertical-align: middle; font-size: 14px; line-height: 2; color: #555555; }

.detail-header .info-item { display: inline-block; vertical-align: middle; padding-right: 22px; }

.detail-header .info-item::after { display: block; clear: both; content: ""; }

.detail-header .info img, .detail-header .info span { display: inline-block; vertical-align: middle; }

.detail-header .info span { font-size: 12px; line-height: 2.33333; padding-left: 5px; color: #999999; }

.detail-content { padding-top: 50px; }

@media (max-width: 1199.98px) { .detail-content { padding-top: 30px; } }

@media (max-width: 767.98px) { .detail-content { padding-top: 20px; } }

.detail-content p { font-size: 16px; line-height: 1.875; text-indent: 2em; color: #333; }

@media (max-width: 767.98px) { .detail-content p { font-size: 14px; } }

.detail-content img { max-width: 100%; height: auto !important; margin: auto; display: block; }

.detail-footer .info-share { float: right; margin: 20px 0; }

@media (max-width: 767.98px) { .detail-footer .info-share { float: none; margin: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

.detail-footer .info-share a { border: 0; font-size: 18px; color: #9f9f9f; background-color: transparent !important; -webkit-transition: .35s; transition: .35s; }

.detail-footer .info-share a:hover { color: #8f0302; }

.detail-footer .detail-pagination { float: left; width: 65%; }

@media (max-width: 767.98px) { .detail-footer .detail-pagination { float: none; width: 100%; } }

.detail-footer .detail-pagination li::after { display: block; clear: both; content: ""; }

.detail-footer .detail-pagination li h6 { font-size: 16px; line-height: 2.25; float: left; margin-bottom: 0; color: #333333; }

@media (max-width: 767.98px) { .detail-footer .detail-pagination li h6 { font-size: 14px; } }

.detail-footer .detail-pagination li img { display: inline-block; vertical-align: middle; }

.detail-footer .detail-pagination li a { font-size: 16px; line-height: 2.25; display: block; color: #333333; overflow: hidden; -webkit-transition: .35s; transition: .35s; }

@media (max-width: 767.98px) { .detail-footer .detail-pagination li a { font-size: 14px; } }

.detail-footer .detail-pagination li a:hover { color: #8f0302; }

.page-banner { padding: 20px 0; background-color: #24466e; position: relative; }

@media (max-width: 767.98px) { .page-banner { padding-bottom: 30px; } }

.page-banner .swiper-container { width: 100%; }

.page-banner .swiper-slide { background-position: center; background-size: cover; position: relative; }

.page-banner .swiper-slide:before { content: ""; display: block; padding-top: 38.3333%; position: relative; }

.page-banner .swiper-slide h5 { font-size: 20px; line-height: 1.6; padding: 0 15px; padding-top: 48px; width: 100%; margin-bottom: 0; color: #fff; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(transparent)); background: linear-gradient(0deg, #000000 0%, transparent 100%); }

@media (max-width: 991.98px) { .page-banner .swiper-slide h5 { font-size: 16px; } }

@media (max-width: 767.98px) { .page-banner .swiper-slide h5 { font-size: 14px; } }

.page-banner .swiper-pagination { position: absolute; bottom: 5px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

@media (min-width: 576px) { .page-banner .swiper-pagination { display: none; } }

.page-banner .swiper-pagination .swiper-pagination-bullet { margin: 0 3px; background-color: #fff; opacity: .5; }

.page-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #000; opacity: 1; }

.page-banner .controls-next, .page-banner .controls-prev { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); outline: none; font-size: 32px; line-height: 1; color: #fff; -webkit-transition: .35s; transition: .35s; }

@media (max-width: 767.98px) { .page-banner .controls-next, .page-banner .controls-prev { display: none; } }

.page-banner .controls-next:hover, .page-banner .controls-prev:hover { color: #000; }

.page-banner .controls-next { right: 60px; right: 20px; }

.page-banner .controls-prev { left: 60px; left: 20px; }

.page-4210-item { display: block; margin-bottom: 60px; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); position: relative; -webkit-transition: .35s; transition: .35s; }

.page-4210-item::after { display: block; clear: both; content: ""; }

@media (max-width: 1599.98px) { .page-4210-item { margin-bottom: 40px; } }

@media (max-width: 991.98px) { .page-4210-item { margin-bottom: 20px; } }

.page-4210-item:hover { background-color: #24466e; }

.page-4210-item:hover .txt, .page-4210-item:hover h3, .page-4210-item:hover h4 { color: #fff; }

.page-4210-item:hover h6 { border-bottom: 1px solid #fff; }

.page-4210-item.red-hover:hover { background-color: #8f0302; }

.page-4210-item.yellow-hover:hover { background-color: #feb333; }

.page-4210-item.v2:hover h6, .page-4210-item.v2:hover p { color: #fff; }

.page-4210-item.v2 .txt { padding-bottom: 30px; }

@media (max-width: 1599.98px) { .page-4210-item.v2 .txt { padding-bottom: 10px; } }

.page-4210-item.v2 h5 { margin-bottom: 20px; }

.page-4210-item.v2 .address { margin-bottom: 80px; }

@media (max-width: 1599.98px) { .page-4210-item.v2 .address { margin-bottom: 40px; } }

@media (max-width: 991.98px) { .page-4210-item.v2 .address { margin-bottom: 20px; } }

.page-4210-item.v2 h6 { font-size: 16px; line-height: 1.75; font-weight: 700; color: #282828; }

.page-4210-item.v2 p { font-size: 16px; line-height: 1.75; margin-bottom: 0; color: #555555; }

.page-4210-item .item-img { width: 50%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }

@media (max-width: 1199.98px) { .page-4210-item .item-img { width: 100%; position: relative; }
  .page-4210-item .item-img::before { content: ""; display: block; position: relative; padding-top: 146.66667%; } }

.page-4210-item .item-content { float: right; width: 50%; }

@media (max-width: 1199.98px) { .page-4210-item .item-content { float: none; width: 100%; } }

.page-4210-item .txt { padding: 56px 30px; text-align: center; color: #666; -webkit-transition: .35s; transition: .35s; }

@media (max-width: 1599.98px) { .page-4210-item .txt { padding: 30px 10px; } }

@media (max-width: 991.98px) { .page-4210-item .txt { padding: 20px 10px; } }

.page-4210-item h4 { font-size: 36px; line-height: 1; margin-bottom: 30px; color: #282828; -webkit-transition: .35s; transition: .35s; }

@media (max-width: 1599.98px) { .page-4210-item h4 { font-size: 24px; line-height: 20px; } }

@media (max-width: 991.98px) { .page-4210-item h4 { font-size: 20px; line-height: 10px; } }

.page-4210-item h5 { font-size: 24px; line-height: 1.16667; margin-bottom: 45px; }

@media (max-width: 1599.98px) { .page-4210-item h5 { font-size: 18px; margin-bottom: 30px; } }

@media (max-width: 991.98px) { .page-4210-item h5 { font-size: 16px; margin-bottom: 15px; } }

.page-4210-item .address { margin-bottom: 60px; }

@media (max-width: 1599.98px) { .page-4210-item .address { margin-bottom: 30px; } }

@media (max-width: 991.98px) { .page-4210-item .address { margin-bottom: 15px; } }

.page-4210-item .address img { width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-right: 6px; }

@media (max-width: 991.98px) { .page-4210-item .address img { width: 18px; height: 18px; } }

.page-4210-item .address span { font-size: 14px; line-height: 2; display: inline-block; vertical-align: middle; }

.page-4210-item h6 { font-size: 18px; line-height: 1.55556; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #ccc; }

@media (max-width: 1599.98px) { .page-4210-item h6 { font-size: 16px; margin-bottom: 15px; padding-bottom: 10px; } }

@media (max-width: 991.98px) { .page-4210-item h6 { font-size: 14px; } }

.page-4210-item h3 { font-size: 24px; line-height: 1.16667; margin-bottom: 0; color: #282828; -webkit-transition: .35s; transition: .35s; }

@media (max-width: 1599.98px) { .page-4210-item h3 { font-size: 18px; } }

@media (max-width: 991.98px) { .page-4210-item h3 { font-size: 16px; } }

.page-4003-list { padding-bottom: 60px; }

@media (max-width: 991.98px) { .page-4003-list { padding-bottom: 45px; } }

@media (max-width: 767.98px) { .page-4003-list { padding-bottom: 20px; } }

.page-4003-item { display: block; padding: 20px 0; border-bottom: 1px dashed #ccc; }

.page-4003-item::after { display: block; clear: both; content: ""; }

@media (max-width: 1199.98px) { .page-4003-item { padding: 15px 0; } }

.page-4003-item:hover h4 { color: #8f0302; }

.page-4003-item .content { padding-right: 10px; position: relative; }

@media (max-width: 991.98px) { .page-4003-item .content { padding-right: 5px; } }

.page-4003-item .content span { font-size: 12px; line-height: 20px; padding: 0 7px; border-radius: 3px; text-transform: uppercase; background-color: #e60302; color: #ffff00; position: absolute; top: -5px; left: 100%; }

@media (max-width: 991.98px) { .page-4003-item .content span { line-height: 14px; padding: 0 3px; left: 95%; } }

.page-4003-item .content span::after { content: ""; border-top: 5px solid #e60302; border-right: 5px solid transparent; position: absolute; top: 100%; left: 5px; }

.page-4003-item h4 { font-size: 20px; line-height: 2.4; margin-bottom: 0; color: #282828; -webkit-transition: .35s; transition: .35s; }

@media (max-width: 1199.98px) { .page-4003-item h4 { font-size: 18px; } }

@media (max-width: 991.98px) { .page-4003-item h4 { font-size: 16px; } }

@media (max-width: 767.98px) { .page-4003-item h4 { font-size: 14px; } }

.page-4003-item .info { float: right; max-width: 40%; }

.page-4003-item .info img, .page-4003-item .info .date { display: inline-block; }

.page-4003-item .info img { height: 48px; margin-right: 70px; }

@media (max-width: 1199.98px) { .page-4003-item .info img { height: 38px; margin-right: 30px; } }

@media (max-width: 991.98px) { .page-4003-item .info img { height: 32px; margin-right: 15px; } }

@media (max-width: 767.98px) { .page-4003-item .info img { display: none; } }

.page-4003-item .date { font-size: 14px; line-height: 3.42857; color: #999999; }

@media (max-width: 1199.98px) { .page-4003-item .date { line-height: 42px; } }

@media (max-width: 991.98px) { .page-4003-item .date { line-height: 38px; } }

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

@media (max-width: 767.98px) { .page-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }

.page-layout .nav-left { float: left; margin-right: 30px; }

@media (max-width: 767.98px) { .page-layout .nav-left { float: none; margin-right: 0; padding-top: 20px; } }

.page-layout .main-right { float: left; width: calc( 100% - 335px); }

@media (max-width: 991.98px) { .page-layout .main-right { width: calc( 100% - 280px); } }

@media (max-width: 767.98px) { .page-layout .main-right { width: 100%; } }

.page-4211-main::after { display: block; clear: both; content: ""; }

.page-4211-main-left { width: 43%; float: left; }

@media (max-width: 1599.98px) { .page-4211-main-left { width: 50%; } }

@media (max-width: 1199.98px) { .page-4211-main-left { float: none; width: 100%; } }

.page-4211-main-right { overflow: hidden; padding-left: 44px; }

@media (max-width: 1599.98px) { .page-4211-main-right { padding-left: 30px; } }

@media (max-width: 1199.98px) { .page-4211-main-right { width: 100%; padding: 0; padding-top: 30px; } }

.page-4211-main-right .tit { margin-bottom: 25px; border-bottom: 1px solid #ccc; }

@media (max-width: 1599.98px) { .page-4211-main-right .tit { margin-bottom: 10px; } }

.page-4211-main-right .tit h4 { font-size: 36px; line-height: 1; margin-bottom: 20px; color: #282828; }

@media (max-width: 1599.98px) { .page-4211-main-right .tit h4 { font-size: 26px; margin-bottom: 10px; } }

.page-4211-main-right .tit-sub::after { display: block; clear: both; content: ""; }

.page-4211-main-right .tit h5 { font-size: 24px; line-height: 28px; float: left; margin-bottom: 30px; color: #666666; }

@media (max-width: 1599.98px) { .page-4211-main-right .tit h5 { margin-bottom: 10px; font-size: 22px; } }

.page-4211-main-right .tit a { font-size: 16px; line-height: 28px; float: right; color: #666666; -webkit-transition: .35s; transition: .35s; }

.page-4211-main-right .tit a:hover { color: #8f0302; }

.page-4211-main-right .tit a img, .page-4211-main-right .tit a span { display: inline-block; vertical-align: middle; }

.page-4211-main-right .tit a img { margin-right: 10px; }

.page-4211-main-right .info { font-size: 16px; line-height: 2.25; color: #333333; }

@media (max-width: 1599.98px) { .page-4211-main-right .info { font-size: 14px; } }

.page-4211-main-right .info p { margin-bottom: 0; }

.page-4211 .detail-grp { padding-top: 40px; }

@media (max-width: 1199.98px) { .page-4211 .detail-grp { padding-top: 20px; } }

.page-4211 .detail-item:not(:last-child) { margin-bottom: 50px; }

@media (max-width: 1199.98px) { .page-4211 .detail-item:not(:last-child) { margin-bottom: 30px; } }

.page-4211 .detail-item h5 { font-size: 18px; line-height: 2; margin-bottom: 10px; font-weight: 700; color: #333; }

@media (max-width: 1199.98px) { .page-4211 .detail-item h5 { font-size: 16px; } }

.page-4211 .detail-item p { font-size: 16px; line-height: 2.25; margin-bottom: 0; color: #333; }

@media (max-width: 1199.98px) { .page-4211 .detail-item p { font-size: 14px; } }

.page-4211-img-grp { margin-bottom: -10px; height: 100%; }

.page-4211-img { float: left; width: 460px; max-width: 78%; height: 100%; margin-right: 17px; }

@media (min-width: 1200px) and (max-width: 1599.98px) { .page-4211-img { margin-right: 15px; } }

@media (max-width: 991.98px) { .page-4211-img { margin-right: 15px; } }

@media (max-width: 767.98px) { .page-4211-img { float: none; width: 100%; max-width: 100%; margin-right: 0; } }

.page-4211-img * { height: 100%; }

.page-4211-img .slider-item { outline: none; position: relative; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }

.page-4211-img .slider-item a { width: 24px; height: 24px; position: absolute; top: 10px; right: 10px; }

.page-4211-img .slider-item i { font-size: 24px; line-height: 1; color: #fff; }

.page-4211-slider { overflow: hidden; }

@media (max-width: 767.98px) { .page-4211-slider { padding: 10px 0; margin: 0 -5px; } }

.page-4211-slider .slider-item { outline: none; border: 3px solid transparent; -webkit-transition: .35s; transition: .35s; }

@media (max-width: 767.98px) { .page-4211-slider .slider-item { margin: 0 5px; } }

.page-4211-slider .slider-item:not(:last-child) { margin-bottom: 8px; }

@media (max-width: 991.98px) { .page-4211-slider .slider-item:not(:last-child) { margin-bottom: 10px; } }

@media (max-width: 767.98px) { .page-4211-slider .slider-item:not(:last-child) { margin-bottom: 0; } }

.page-4211-slider .slider-item.slick-current { border: 3px solid #ffba00; }

.page-4220-list { padding-bottom: 55px; }

@media (max-width: 991.98px) { .page-4220-list { padding-bottom: 40px; } }

@media (max-width: 767.98px) { .page-4220-list { padding-bottom: 20px; } }

.page-4220-item { display: block; padding: 50px 0; border-bottom: 1px dashed #ccc; }

.page-4220-item::after { display: block; clear: both; content: ""; }

@media (max-width: 1299.98px) { .page-4220-item { padding: 30px 0; } }

@media (max-width: 767.98px) { .page-4220-item { padding: 20px 0; } }

.page-4220-item .item-img { float: left; width: 440px; max-width: 40%; margin-right: 100px; }

@media (max-width: 1599.98px) { .page-4220-item .item-img { margin-right: 80px; } }

@media (max-width: 1299.98px) { .page-4220-item .item-img { margin-right: 50px; } }

@media (max-width: 1199.98px) { .page-4220-item .item-img { max-width: 45%; margin-right: 30px; } }

@media (max-width: 991.98px) { .page-4220-item .item-img { float: none; max-width: 100%; } }

.page-4220-item .item-content { overflow: hidden; }

@media (max-width: 991.98px) { .page-4220-item .item-content { margin-top: 20px; } }

.page-4220-item .info-list, .page-4221-main .info-list { margin-left: -10px; margin-right: -10px; }

.page-4220-item .info-list::after, .page-4221-main .info-list::after { display: block; clear: both; content: ""; }

.page-4220-item .info-list > li, .page-4221-main .info-list > li { padding-left: 10px; padding-right: 10px; }

.page-4220-item .info-list li, .page-4221-main .info-list li { font-size: 16px; line-height: 2.125; float: left; width: 50%; display: block; }

.page-4220-item .info-list li::after, .page-4221-main .info-list li::after { display: block; clear: both; content: ""; }

@media (max-width: 1299.98px) { .page-4220-item .info-list li, .page-4221-main .info-list li { font-size: 14px; } }

@media (min-width: 992px) and (max-width: 1199.98px) { .page-4220-item .info-list li, .page-4221-main .info-list li { font-size: 12px; } }

.page-4220-item .info-list .tit, .page-4221-main .info-list .tit { color: #666666; float: left; }

.page-4220-item .info-list .des, .page-4221-main .info-list .des { color: #333; overflow: hidden; }

.page-4221-main { padding-top: 50px; }

.page-4221-main::after { display: block; clear: both; content: ""; }

@media (max-width: 991.98px) { .page-4221-main { padding-top: 20px; } }

.page-4221-main .content-left { float: left; width: 45%; margin-right: 62px; }

@media (max-width: 1599.98px) { .page-4221-main .content-left { width: 50%; margin-right: 30px; } }

@media (max-width: 991.98px) { .page-4221-main .content-left { float: none; width: 100%; margin-right: 0; } }

.page-4221-main .content-right { overflow: hidden; }

@media (max-width: 991.98px) { .page-4221-main .content-right { margin-top: 20px; } }

.page-4221-main .main-tit { margin-bottom: 30px; border-bottom: 1px solid #ccc; }

@media (max-width: 1299.98px) { .page-4221-main .main-tit { margin-bottom: 15px; } }

.page-4221-main .main-tit h4 { font-size: 36px; line-height: 1; margin-bottom: 20px; color: #282828; }

@media (max-width: 1299.98px) { .page-4221-main .main-tit h4 { font-size: 26px; margin-bottom: 10px; } }

@media (max-width: 767.98px) { .page-4221-main .main-tit h4 { font-size: 18px; } }

.page-4221-main .main-tit h5 { font-size: 24px; line-height: 1.16667; margin-bottom: 30px; color: #666; }

@media (max-width: 1299.98px) { .page-4221-main .main-tit h5 { font-size: 20px; margin-bottom: 15px; } }

@media (max-width: 767.98px) { .page-4221-main .main-tit h5 { font-size: 16px; } }

.page-4221-slider .slider-item { outline: none; position: relative; }

.page-4221-slider .slider-item a { width: 24px; height: 24px; position: absolute; top: 10px; right: 10px; }

.page-4221-slider .slider-item i { font-size: 24px; line-height: 1; color: #fff; }

.page-4221-nav { margin: 10px -5px 0; }

.page-4221-nav .slider-item { outline: none; margin: 0 5px; }

.page-4221-txt { font-size: 16px; line-height: 2.125; padding-top: 42px; color: #282828; }

@media (max-width: 991.98px) { .page-4221-txt { font-size: 14px; padding-top: 30px; } }

@media (max-width: 767.98px) { .page-4221-txt { padding-top: 20px; } }

.page-4221-txt p { margin-bottom: 0; text-indent: 2em; }

.page-4400 { position: relative; }

.page-4400-main { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; }

.page-4400-main::before { content: ""; position: relative; display: block; padding-top: 51.04167%; }

.page-4400-main .content { position: absolute; top: 17%; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 60%; text-align: center; color: #fff; }

@media (max-width: 1199.98px) { .page-4400-main .content { top: 10%; width: 80%; } }

@media (max-width: 991.98px) { .page-4400-main .content { top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

.page-4400-main .content h3 { font-size: 48px; line-height: 1; margin-bottom: 50px; font-weight: 700; }

@media (max-width: 1199.98px) { .page-4400-main .content h3 { font-size: 32px; margin-bottom: 20px; } }

@media (max-width: 991.98px) { .page-4400-main .content h3 { font-size: 24px; margin-bottom: 10px; } }

@media (max-width: 767.98px) { .page-4400-main .content h3 { font-size: 18px; } }

.page-4400-main .content p { font-size: 16px; line-height: 2; margin-bottom: 0; }

@media (max-width: 767.98px) { .page-4400-main .content p { height: 6em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; } }

.page-4400-content { position: absolute; bottom: 13%; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 100%; }

@media (max-width: 1199.98px) { .page-4400-content { bottom: 5%; } }

@media (max-width: 991.98px) { .page-4400-content { padding: 20px 0; position: static; -webkit-transform: translate(0); transform: translate(0); } }

.page-4400-slider { margin: 0 -20px; }

@media (max-width: 1599.98px) { .page-4400-slider { margin: 0 -10px; } }

@media (max-width: 1199.98px) { .page-4400-slider { margin: 0 -5px; } }

.page-4400-slider .slider-item { outline: none; padding: 0 20px; }

@media (max-width: 1599.98px) { .page-4400-slider .slider-item { padding: 0 10px; } }

@media (max-width: 1199.98px) { .page-4400-slider .slider-item { padding: 0 5px; } }

.page-4400-slider .slick-prev, .page-4400-slider .slick-next { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 24px; line-height: 1; padding: 0; border: 0; background-color: transparent; color: #fff; z-index: 2; -webkit-transition: .35s; transition: .35s; }

@media (max-width: 991.98px) { .page-4400-slider .slick-prev, .page-4400-slider .slick-next { color: #333333; } }

.page-4400-slider .slick-prev:hover, .page-4400-slider .slick-next:hover { color: #8f0302; }

.page-4400-slider .slick-prev { left: -30px; }

.page-4400-slider .slick-next { right: -30px; }

.page-4400-slider .slick-dots { height: 10px; margin-top: 10px; text-align: center; }

.page-4400-slider .slick-dots li { display: inline-block; padding: 0 3px; height: 10px; }

.page-4400-slider .slick-dots li.slick-active button { background-color: #8f0302; }

.page-4400-slider .slick-dots button { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); color: transparent; overflow: hidden; -webkit-transition: all .35s; transition: all .35s; }

.page-4400-item { display: block; position: relative; overflow: hidden; }

.page-4400-item:hover .item-img h4 { opacity: 0; visibility: hidden; }

.page-4400-item:hover .item-content { -webkit-transform: translateY(0); transform: translateY(0); }

.page-4400-item .item-img { position: relative; }

.page-4400-item .item-img h4 { font-size: 16px; line-height: 2.25; width: 100%; padding: 0 15px; margin-bottom: 0; color: #fff; background: rgba(0, 0, 0, 0.5); background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(transparent)); background: linear-gradient(0deg, #000000 0%, transparent 100%); position: absolute; bottom: 0; left: 0; -webkit-transition: .35s; transition: .35s; }

@media (max-width: 991.98px) { .page-4400-item .item-img h4 { font-size: 14px; padding: 0 10px; } }

.page-4400-item .item-content { width: 100%; height: 100%; padding: 20px 25px; background-color: rgba(0, 0, 0, 0.85); position: absolute; top: 0; left: 0; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: .35s; transition: .35s; }

@media (max-width: 1599.98px) { .page-4400-item .item-content { padding: 20px; } }

@media (max-width: 1199.98px) { .page-4400-item .item-content { padding: 10px 15px; } }

.page-4400-item .item-content h5 { font-size: 18px; line-height: 1.77778; height: 3.55556em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 15px; font-weight: 700; color: #fff; }

@media (min-width: 1200px) and (max-width: 1599.98px) { .page-4400-item .item-content h5 { margin-bottom: 5px; } }

@media (min-width: 1200px) and (max-width: 1299.98px) { .page-4400-item .item-content h5 { height: 1.77778em; text-overflow: ellipsis; white-space: nowrap; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } }

@media (max-width: 1199.98px) { .page-4400-item .item-content h5 { font-size: 14px; } }

@media (max-width: 991.98px) { .page-4400-item .item-content h5 { height: 1.77778em; text-overflow: ellipsis; white-space: nowrap; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 5px; } }

.page-4400-item .item-content p { font-size: 14px; line-height: 1.57143; height: 4.71429em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 15px; color: #fff; }

@media (min-width: 1200px) and (max-width: 1599.98px) { .page-4400-item .item-content p { height: 3.14286em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 10px; } }

@media (max-width: 1199.98px) { .page-4400-item .item-content p { font-size: 12px; margin-bottom: 5px; } }

.page-4400-item .item-content .info::after { display: block; clear: both; content: ""; }

@media (max-width: 991.98px) { .page-4400-item .item-content .info { display: none; } }

.page-4400-item .item-content .info-item { float: left; padding-right: 24px; }

.page-4400-item .item-content .info-item::after { display: block; clear: both; content: ""; }

@media (max-width: 1599.98px) { .page-4400-item .item-content .info-item { padding-right: 10px; } }

.page-4400-item .item-content .info img, .page-4400-item .item-content .info span { display: inline-block; vertical-align: middle; }

.page-4400-item .item-content .info span { font-size: 12px; line-height: 2.33333; padding-left: 5px; color: #999999; }

.page-4400-ratio::before { padding-top: 60%; }

.page-3500 { padding-bottom: 50px; }

@media (max-width: 767.98px) { .page-3500 { padding-bottom: 20px; } }

.page-3500-content { padding: 50px 0 100px; }

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

@media (max-width: 1199.98px) { .page-3500-content { padding: 40px 0; } }

@media (max-width: 767.98px) { .page-3500-content { padding: 20px 0; } }

.page-3500-content .content-left { float: left; max-width: 60%; }

@media (max-width: 991.98px) { .page-3500-content .content-left { float: none; max-width: 100%; } }

.page-3500-content .content-right { float: right; max-width: 40%; padding-top: 5%; }

@media (max-width: 991.98px) { .page-3500-content .content-right { float: none; max-width: 60%; padding-top: 20px; } }

.page-3500-content h5 { font-size: 24px; line-height: 2.5; margin-bottom: 0; font-weight: 700; color: #282828; }

@media (max-width: 1199.98px) { .page-3500-content h5 { font-size: 18px; } }

.page-3500-content p { font-size: 18px; line-height: 2; margin-bottom: 0; color: #585858; }

@media (max-width: 1199.98px) { .page-3500-content p { font-size: 14px; } }

.page-3500 #map { height: 640px; }

@media (max-width: 1199.98px) { .page-3500 #map { height: 440px; } }

@media (max-width: 991.98px) { .page-3500 #map { height: 300px; } }

.page-3400-main { margin-left: -15px; margin-right: -15px; padding-top: 40px; }

.page-3400-main > div { padding-left: 15px; padding-right: 15px; }

.page-3400-item { height: 100%; padding: 20px 30px; background-color: #f9f9f9; }

.page-3400-item::after { display: block; clear: both; content: ""; }

@media (max-width: 1199.98px) { .page-3400-item { padding: 15px 20px; } }

@media (max-width: 991.98px) { .page-3400-item { margin-bottom: 20px; height: auto; } }

.page-3400-item img { width: 50px; height: 50px; float: left; margin-top: 10px; margin-right: 30px; }

@media (max-width: 1199.98px) { .page-3400-item img { width: 40px; height: 40px; margin-right: 20px; } }

.page-3400-item .content { overflow: hidden; }

.page-3400-item h5 { font-size: 18px; line-height: 1.77778; margin-bottom: 0; color: #282828; }

@media (max-width: 1199.98px) { .page-3400-item h5 { font-size: 16px; } }

.page-3400-item .info { font-size: 14px; line-height: 1.57143; color: #555555; }

.page-3400-item .info p { margin-bottom: 0; }

.page-3400-item .text-red { color: #ff0200; }

.accor-3400 { background-color: #fff; }

@media (max-width: 767.98px) { .accor-3400 { -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12); } }

.accor-3400 .card-header .btn { position: relative; padding: 30px 40px; border: 0; display: block; }

@media (max-width: 1199.98px) { .accor-3400 .card-header .btn { padding: 20px 30px; } }

@media (max-width: 991.98px) { .accor-3400 .card-header .btn { padding: 20px; } }

.accor-3400 .card-header .btn:not(.collapsed) .left h5 { color: #8f0302; }

.accor-3400 .card-header .btn:not(.collapsed) .right .icon { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); color: #8f0302; }

.accor-3400 .card-header .left { text-align: left; padding-right: 60px; white-space: initial; }

.accor-3400 .card-header .left h5 { font-size: 22px; font-weight: bold; color: #333; margin-bottom: 15px; }

@media (max-width: 1199.98px) { .accor-3400 .card-header .left h5 { font-size: 18px; } }

.accor-3400 .card-header .left p span { font-size: 16px; color: #888; display: inline-block; }

@media (max-width: 1199.98px) { .accor-3400 .card-header .left p span { font-size: 14px; } }

@media (max-width: 991.98px) { .accor-3400 .card-header .left p span { font-size: 12px; } }

.accor-3400 .card-header .left p span:not(:last-child) { margin-right: 50px; }

@media (max-width: 1199.98px) { .accor-3400 .card-header .left p span:not(:last-child) { margin-right: 25px; } }

@media (max-width: 991.98px) { .accor-3400 .card-header .left p span:not(:last-child) { margin-right: 20px; } }

.accor-3400 .card-header .right { position: absolute; top: 50%; right: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-left: 30px; border-left: 1px solid #ddd; }

@media (max-width: 1199.98px) { .accor-3400 .card-header .right { right: 30px; padding-left: 20px; } }

@media (max-width: 991.98px) { .accor-3400 .card-header .right { right: 20px; } }

.accor-3400 .card-header .right .icon { font-size: 30px; display: inline-block; color: #ddd; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all .35s; transition: all .35s; }

@media (max-width: 1199.98px) { .accor-3400 .card-header .right .icon { font-size: 24px; } }

@media (max-width: 991.98px) { .accor-3400 .card-header .right .icon { font-size: 18px; } }

.accor-3400 .collap-ctn .card-body { padding: 20px 40px; }

@media (max-width: 1199.98px) { .accor-3400 .collap-ctn .card-body { padding: 20px 30px; } }

@media (max-width: 991.98px) { .accor-3400 .collap-ctn .card-body { padding: 20px; } }

.accor-3400 .collap-ctn .card-body h5 { font-weight: bold; margin-bottom: 10px; }

@media (max-width: 991.98px) { .accor-3400 .collap-ctn .card-body h5 { font-size: 16px; } }

.accor-3400 .card:not(:last-child) { border-bottom: 1px solid #e6e6e6; }

.page-2000-list { padding: 30px 0 50px; }

@media (max-width: 767.98px) { .page-2000-list { padding: 20px 0; } }

.page-2000-item { display: block; padding: 20px 0; border-bottom: 1px solid #bfbfbf; }

.page-2000-item::after { display: block; clear: both; content: ""; }

@media (max-width: 767.98px) { .page-2000-item { padding: 10px 0; } }

.page-2000-item:hover h4 { color: #8f0302; }

.page-2000-item .content { float: left; max-width: 70%; padding-right: 10px; position: relative; }

@media (max-width: 767.98px) { .page-2000-item .content { max-width: 65%; } }

.page-2000-item .content span { font-size: 12px; line-height: 16px; padding: 0 4px; border-radius: 3px; text-transform: uppercase; background-color: #e60302; color: #ffff00; position: absolute; top: -5px; left: 100%; }

@media (max-width: 991.98px) { .page-2000-item .content span { line-height: 14px; padding: 0 3px; left: 95%; } }

.page-2000-item .content span::after { content: ""; border-top: 5px solid #e60302; border-right: 5px solid transparent; position: absolute; top: 100%; left: 5px; }

.page-2000-item h4 { font-size: 18px; line-height: 32px; margin-bottom: 0; color: #282828; -webkit-transition: .35s; transition: .35s; }

@media (max-width: 767.98px) { .page-2000-item h4 { font-size: 16px; } }

.page-2000-item h4::before { width: 12px; height: 12px; content: ""; display: inline-block; vertical-align: middle; margin-right: 10px; border-radius: 50%; border: 2px solid #d2a273; background-color: transparent; }

@media (max-width: 767.98px) { .page-2000-item h4::before { width: 8px; height: 8px; } }

.page-2000-item .info { font-size: 14px; line-height: 32px; float: right; color: #999999; }

@media (max-width: 767.98px) { .page-2000-item .info { font-size: 12px; } }

.page-2230 { padding: 35px 0 60px; background-position: center; background-repeat: no-repeat; background-size: cover; }

@media (max-width: 991.98px) { .page-2230 { padding: 30px 0; } }

.page-2230-head::after { display: block; clear: both; content: ""; }

.page-2230-head .content-left { float: left; }

.page-2230-head .content-left::after { display: block; clear: both; content: ""; }

@media (max-width: 1599.98px) { .page-2230-head .content-left { float: none; } }

.page-2230-head .content-left h3 { font-size: 24px; line-height: 24px; float: left; margin-right: 50px; margin-bottom: 0; color: #fff; }

.page-2230-head .content-left h3::after { display: block; clear: both; content: ""; }

@media (max-width: 991.98px) { .page-2230-head .content-left h3 { float: none; font-size: 18px; margin-right: 20px; } }

.page-2230-head .content-left .tag { width: 50px; height: 24px; font-size: 16px; line-height: 24px; float: left; margin-right: 14px; text-align: center; border-radius: 2px; background-color: #ff0200; color: #fff; position: relative; }

.page-2230-head .content-left .tag::after { position: absolute; left: 100%; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #ff0200; }

.page-2230-head .tag-list { margin: 0 -5px; float: left; }

.page-2230-head .tag-list::after { display: block; clear: both; content: ""; }

@media (max-width: 991.98px) { .page-2230-head .tag-list { float: none; margin-top: 10px; } }

.page-2230-head .tag-list-item { height: 24px; padding: 0 3px; font-size: 14px; line-height: 22px; float: left; margin: 0 5px; text-align: center; border-radius: 4px; border: 1px solid #999999; background-color: transparent; color: #999999; -webkit-transition: .35s; transition: .35s; position: relative; }

.page-2230-head .tag-list-item span { display: block; position: relative; z-index: 1; }

.page-2230-head .tag-list-item::after { width: 0; height: 100%; content: ""; position: absolute; left: 0; top: 0; background-color: #8f0302; -webkit-transition: .35s; transition: .35s; z-index: 0; }

.page-2230-head .tag-list-item:hover { border-color: #8f0302; color: #fff; }

.page-2230-head .tag-list-item:hover::after { width: 100%; }

.page-2230-head .content-right { float: right; }

@media (max-width: 1599.98px) { .page-2230-head .content-right { float: none; margin-top: 20px; } }

.page-2230-head .info { margin-left: -15px; margin-right: -15px; }

.page-2230-head .info::after { display: block; clear: both; content: ""; }

.page-2230-head .info > div { padding-left: 15px; padding-right: 15px; }

@media (max-width: 767.98px) { .page-2230-head .info { margin-left: -10px; margin-right: -10px; }
  .page-2230-head .info > div { padding-left: 10px; padding-right: 10px; } }

.page-2230-head .info-item { float: left; color: #fff; }

@media (max-width: 767.98px) { .page-2230-head .info-item { padding-left: 10px; padding-right: 10px; } }

.page-2230-head .info-item i, .page-2230-head .info-item span { display: inline-block; vertical-align: middle; }

.page-2230-head .info-item i { margin-right: 10px; }

.page-2230-head .info-item .icon-yellow { color: #ffba00; }

.page-2230-head .info-item span { font-size: 14px; line-height: 20px; }

.page-2230-head .info-share { display: inline-block; vertical-align: middle; }

.page-2230-head .info-share a { width: 20px; height: 20px; font-size: 16px; line-height: 20px; border: 0; color: #fff; background-color: transparent; }

.page-2230-head .info-share a:hover { background-color: transparent; color: #8f0302; }

.page-2230-head .info-share .wechat-qrcode { top: auto !important; bottom: -205px; }

.page-2230-head .info-share .wechat-qrcode::after { top: -13px; bottom: auto !important; border-color: transparent transparent #fff transparent !important; }

.page-2230-main { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: rgba(0, 0, 0, 0.65); margin-top: 50px; }

@media (max-width: 991.98px) { .page-2230-main { margin-top: 30px; } }

.page-2230 .main-left { -webkit-box-flex: 0; -ms-flex: 0 0 18%; flex: 0 0 18%; max-width: 18%; position: relative; }

@media (max-width: 1199.98px) { .page-2230 .main-left { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } }

@media (max-width: 991.98px) { .page-2230 .main-left { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } }

@media (max-width: 767.98px) { .page-2230 .main-left { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }

.page-2230 .main-left-sda { font-size: 14px; line-height: 1; display: block; color: #fff; position: relative; -webkit-transition: .35s; transition: .35s; }

.page-2230 .main-left-sda:hover { color: #8f0302; }

.page-2230 .main-left-sda img { width: 100%; }

.page-2230 .main-left-sda span { position: absolute; bottom: 10px; right: 10px; }

.page-2230 .main-left-content { padding: 40px 20px; color: #fff; }

@media (max-width: 1599.98px) { .page-2230 .main-left-content { padding: 20px; } }

@media (max-width: 1199.98px) { .page-2230 .main-left-content { padding: 15px; } }

.page-2230 .main-left-content h4 { font-size: 24px; line-height: 1.33333; margin-bottom: 20px; }

@media (max-width: 1199.98px) { .page-2230 .main-left-content h4 { font-size: 18px; margin-bottom: 10px; } }

.page-2230 .main-left-content p { font-size: 14px; line-height: 2.14286; margin-bottom: 40px; }

@media (max-width: 1599.98px) { .page-2230 .main-left-content p { font-size: 14px; line-height: 1.57143; } }

@media (max-width: 1199.98px) { .page-2230 .main-left-content p {  } }

@media (max-width: 767.98px) { .page-2230 .main-left-content p { margin-bottom: 20px; } }

.page-2230 .main-left-pagination { width: 100%; padding: 0 20px; position: absolute; bottom: 30px; left: 0; }

@media (max-width: 1199.98px) { .page-2230 .main-left-pagination { padding: 0 15px; bottom: 20px; } }

@media (max-width: 767.98px) { .page-2230 .main-left-pagination { position: static; } }

.page-2230 .main-left-pagination a { font-size: 14px; line-height: 2.14286; display: block; color: #999999; -webkit-transition: .35s; transition: .35s; }

@media (max-width: 1199.98px) { .page-2230 .main-left-pagination a { font-size: 14px; line-height: 1.6; } }

.page-2230 .main-left-pagination a:hover { color: #8f0302; }

.page-2230 .main-slider { -webkit-box-flex: 0; -ms-flex: 0 0 64%; flex: 0 0 64%; max-width: 64%; position: relative; }

@media (max-width: 1199.98px) { .page-2230 .main-slider { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }

@media (max-width: 991.98px) { .page-2230 .main-slider { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

.page-2230 .main-slider-grp { min-height: 100%; height: 100%; }

.page-2230 .main-slider-grp .slick-list, .page-2230 .main-slider-grp .slick-track { min-height: 100%; height: 100%; }

.page-2230 .main-slider-grp .slider-item { outline: none; }

.page-2230 .main-slider .slick-prev, .page-2230 .main-slider .slick-next { width: 80px; height: 100%; font-size: 22px; line-height: 1; padding: 0; border: 0; color: #fff; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; z-index: 1; }

@media (max-width: 1199.98px) { .page-2230 .main-slider .slick-prev, .page-2230 .main-slider .slick-next { width: 40px; height: 100%; } }

@media (max-width: 767.98px) { .page-2230 .main-slider .slick-prev, .page-2230 .main-slider .slick-next { width: 20px; height: 100%; font-size: 16px; line-height: 1; } }

.page-2230 .main-slider .slick-prev:hover, .page-2230 .main-slider .slick-next:hover { color: #8f0302; }

.page-2230 .main-slider .slick-prev::before, .page-2230 .main-slider .slick-next::before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.page-2230 .main-slider .slick-prev { left: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%); }

.page-2230 .main-slider .slick-next { right: 0; background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(0, 0, 0, 0.5))); background: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.5) 100%); }

.page-2230 .main-slider .slick-slide { min-height: 100%; height: 100%; }

.page-2230 .main-slider-item { display: block; min-height: 100%; height: 100%; position: relative; }

.page-2230 .main-slider-item .item-img { background-position: center; background-repeat: no-repeat; background-size: contain; min-height: 100%; position: relative; }

.page-2230 .main-slider-item .item-img:before { display: block; content: ""; position: relative; z-index: 1; padding-top: 66.66667%; }

@media (max-width: 991.98px) { .page-2230 .main-slider-item .item-img { height: auto; min-height: 0; } }

.page-2230 .main-slider-item .item-img i { font-size: 24px; line-height: 1; color: #fff; position: absolute; top: 15px; right: 10px; }

.page-2230 .main-slider-item .item-content { width: 100%; padding: 15px 20px; position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.65); color: #fff; z-index: 2; }

.page-2230 .main-slider-item .item-content::after { display: block; clear: both; content: ""; }

@media (max-width: 767.98px) { .page-2230 .main-slider-item .item-content { padding: 10px; } }

.page-2230 .main-slider-item h5 { font-size: 16px; line-height: 30px; float: left; max-width: 80%; margin-bottom: 0; }

@media (max-width: 767.98px) { .page-2230 .main-slider-item h5 { font-size: 14px; line-height: 22px; } }

.page-2230 .main-slider-item p { font-size: 14px; line-height: 30px; display: block; float: right; margin-bottom: 0; }

@media (max-width: 767.98px) { .page-2230 .main-slider-item p { font-size: 12px; line-height: 22px; } }

.page-2230 .main-slider-item p span { display: inline-block; }

.page-2230 .main-slider-item p span:first-child::after { content: "/"; }

.page-2230 .main-right { -webkit-box-flex: 0; -ms-flex: 0 0 18%; flex: 0 0 18%; max-width: 18%; padding: 15px; }

@media (max-width: 1199.98px) { .page-2230 .main-right { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } }

@media (max-width: 991.98px) { .page-2230 .main-right { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } }

@media (max-width: 767.98px) { .page-2230 .main-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } }

.page-2230 .main-right h5 { margin-bottom: 0; color: #fff; border-bottom: 1px solid #fff; }

.page-2230 .main-right h5 span { font-size: 18px; line-height: 1.66667; display: inline-block; padding-bottom: 10px; border-bottom: 3px solid #fff; }

.page-2230 .main-right-slider .slider-item.slick-current .ratio-item::before { opacity: 0; visibility: hidden; }

.page-2230 .main-right-item { display: block; padding-top: 30px; }

.page-2230 .main-right-item .item-img { position: relative; padding: 0 20px; }

@media (max-width: 1599.98px) { .page-2230 .main-right-item .item-img { padding: 0 15px; } }

.page-2230 .main-right-item .ratio { overflow: initial; }

.page-2230 .main-right-item .ratio-item { z-index: 1; }

.page-2230 .main-right-item .ratio-item::before { width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); -webkit-transition: .35s; transition: .35s; }

.page-2230 .main-right-item .stack-1 { background: #fff; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform: rotate(5deg); transform: rotate(5deg); z-index: 0; }

.page-2230 .main-right-item .item-content { padding: 15px 20px 0; }

@media (max-width: 1599.98px) { .page-2230 .main-right-item .item-content { padding: 15px; padding-bottom: 0; } }

.page-2230 .main-right-item .item-content h4 { font-size: 14px; line-height: 1.71429; margin-bottom: 0; color: #999999; }

.page-2350-list { padding: 25px 0 60px; }

@media (max-width: 991.98px) { .page-2350-list { padding: 20px 0 40px; } }

@media (max-width: 767.98px) { .page-2350-list { padding: 20px 0; } }

.page-2350-item { display: block; padding: 20px 0; border-bottom: 1px dashed #cccccc; }

.page-2350-item::after { display: block; clear: both; content: ""; }

@media (max-width: 991.98px) { .page-2350-item { padding: 15px 0; } }

.page-2350-item:hover h4 { color: #8f0302; }

.page-2350-item .content-left { float: left; max-width: 55%; }

@media (max-width: 991.98px) { .page-2350-item .content-left { float: none; max-width: 100%; } }

.page-2350-item .content-right { margin-left: -20px; margin-right: -20px; float: right; }

.page-2350-item .content-right::after { display: block; clear: both; content: ""; }

.page-2350-item .content-right > div { padding-left: 20px; padding-right: 20px; }

@media (max-width: 1199.98px) { .page-2350-item .content-right { margin-left: -10px; margin-right: -10px; }
  .page-2350-item .content-right > div { padding-left: 10px; padding-right: 10px; } }

@media (max-width: 991.98px) { .page-2350-item .content-right { float: none; } }

.page-2350-item .content-right-item { float: left; }

.page-2350-item .content-right i, .page-2350-item .content-right span { display: inline-block; vertical-align: middle; }

.page-2350-item .content-right i { margin-right: 10px; }

.page-2350-item .content-right span { font-size: 14px; line-height: 2.28571; color: #999999; }

.page-2350-item .content-right .file-icon { color: #ffa940; }

.page-2350-item .content-right .download-icon { color: #0298ff; }

.page-2350-item h4 { font-size: 18px; line-height: 1.77778; margin-bottom: 0; color: #282828; }

@media (max-width: 767.98px) { .page-2350-item h4 { font-size: 16px; } }

.page-2350-item h4 span { color: #555555; }

.page-2200-idx2 { padding-bottom: 160px; }

.page-2200-idx2 .nav-left { min-height: 1px; }

@media (max-width: 991.98px) { .page-2200-idx2 .nav-left { min-height: initial; } }

.page-shop-top { padding: 50px 0 35px; }

@media (max-width: 1199.98px) { .page-shop-top { padding: 30px 0; } }

.page-shop-top .content-grp { max-width: 55%; margin: 0 auto; }

@media (max-width: 1199.98px) { .page-shop-top .content-grp { max-width: 70%; } }

@media (max-width: 991.98px) { .page-shop-top .content-grp { max-width: 90%; } }

.page-shop-top .search-list { margin-left: -5px; margin-right: -5px; display: block; padding-top: 10px; }

.page-shop-top .search-list::after { display: block; clear: both; content: ""; }

.page-shop-top .search-list > li { padding-left: 5px; padding-right: 5px; }

.page-shop-top .search-list li { float: left; }

.page-shop-top .search-list a { font-size: 14px; line-height: 1.71429; display: block; color: #888888; -webkit-transition: .35s; transition: .35s; }

.page-shop-top .search-list a:hover { color: #8f0302; }

.page-shop-top-form { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (max-width: 767.98px) { .page-shop-top-form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.page-shop-top-form .form-group { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 90%; margin-right: 10px; margin-bottom: 0; }

@media (max-width: 767.98px) { .page-shop-top-form .form-group { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; margin: 0; } }

.page-shop-top-form .btn-search-shop { font-size: 18px; line-height: 1.44444; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 17px 34px; color: #fff; background-color: #0198ff; border-radius: 6px; overflow: hidden; -webkit-transition: .35s; transition: .35s; }

@media (max-width: 991.98px) { .page-shop-top-form .btn-search-shop { padding: 9px 15px; } }

@media (max-width: 767.98px) { .page-shop-top-form .btn-search-shop { margin-top: 20px; font-size: 16px; } }

.page-shop-top-form .btn-search-shop:hover { background-color: #007acd; }

.page-shop-top-form .form-control { font-size: 16px; line-height: 1.5; padding: 18px 20px; border-radius: 6px; border: 1px solid #ccc; color: #888888; }

@media (max-width: 991.98px) { .page-shop-top-form .form-control { padding: 10px 15px; } }

@media (max-width: 767.98px) { .page-shop-top-form .form-control { font-size: 14px; } }

.page-shop-top-form .btn-input { font-size: 18px; padding-left: 34px; padding-right: 34px; border-radius: 6px; }

@media (max-width: 991.98px) { .page-shop-top-form .btn-input { padding-left: 20px; padding-right: 20px; } }

@media (max-width: 767.98px) { .page-shop-top-form .btn-input { font-size: 16px; } }

.page-shop-main .main-top { margin: 0 -15px; padding: 15px 0; text-align: right; background-color: #f5f5f5; }

@media (max-width: 767.98px) { .page-shop-main .main-top { margin: 0 -10px; text-align: left; } }

.page-shop-main .main-top p, .page-shop-main .main-top .certificate, .page-shop-main .main-top .contact { display: inline-block; vertical-align: middle; margin: 0 15px; }

@media (max-width: 767.98px) { .page-shop-main .main-top p, .page-shop-main .main-top .certificate, .page-shop-main .main-top .contact { margin: 0 10px; } }

.page-shop-main .main-top p { font-size: 14px; line-height: 2.14286; margin-bottom: 0; color: #292929; }

.page-shop-main .main-top .certificate { font-size: 14px; line-height: 2.14286; padding: 0 12px; border-radius: 6px; background-color: #0198ff; color: #fff; }

.page-shop-main .main-top img, .page-shop-main .main-top span { display: inline-block; vertical-align: middle; }

.page-shop-main .main-top img { margin-right: 8px; }

.page-shop-main .main-top .contact { font-size: 14px; line-height: 2.14286; color: #292929; }

.page-shop-header .header-wrap { padding: 25px 0; }

.page-shop-header .header-wrap > div { vertical-align: middle; }

@media (max-width: 767.98px) { .page-shop-header .header-left { width: 65%; } }

.page-shop-header .header-right { margin: 0 -15px; text-align: right; }

@media (max-width: 991.98px) { .page-shop-header .header-right { margin: 0 -10px; } }

.page-shop-header .header-right-item { font-size: 14px; line-height: 2; display: inline-block; padding: 0 15px; text-align: center; }

@media (max-width: 991.98px) { .page-shop-header .header-right-item { padding: 0 10px; } }

@media (max-width: 767.98px) { .page-shop-header .header-right-item { display: none; } }

.page-shop-header .header-right-item span { font-size: 14px; line-height: 2; display: block; color: #666666; }

.page-shop-header .navbar-toggle { color: #333; }

.page-shop-header .qr-icon { margin-left: 10px; color: #333; }

.page-shop-header .qr-icon i { font-size: 32px; }

.page-shop-slider { position: relative; }

.page-shop-slider .slider-item { outline: none; }

.page-shop-slider .slick-prev, .page-shop-slider .slick-next { width: 60px; height: 60px; font-size: 24px; line-height: 60px; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); border: 0; padding: 0; text-align: center; color: #fff; background-color: rgba(0, 0, 0, 0.2); z-index: 1; -webkit-transition: .35s; transition: .35s; }

@media (max-width: 991.98px) { .page-shop-slider .slick-prev, .page-shop-slider .slick-next { width: 50px; height: 50px; font-size: 18px; line-height: 50px; } }

.page-shop-slider .slick-prev:hover, .page-shop-slider .slick-next:hover { background-color: rgba(0, 0, 0, 0.7); }

.page-shop-slider .slick-prev { left: 15%; }

@media (max-width: 991.98px) { .page-shop-slider .slick-prev { left: 7%; } }

.page-shop-slider .slick-next { right: 15%; }

@media (max-width: 991.98px) { .page-shop-slider .slick-next { right: 7%; } }

.page-shop-slider .slick-dots { margin: 10px 0; position: absolute; top: 0; right: 7%; }

.page-shop-slider .slick-dots li { height: 10px; margin: 5px 0; overflow: hidden; }

.page-shop-slider .slick-dots li.slick-active button { background-color: #fff; }

.page-shop-slider .slick-dots button { width: 10px; height: 10px; padding: 0; border-radius: 50%; border: 2px solid #fff; background-color: transparent; color: transparent; overflow: hidden; -webkit-transition: .35s; transition: .35s; }

@media (min-width: 768px) { #shopNavbar { background-color: #24466e; }
  #shopNavbar .nav-header-shop { display: -webkit-box; display: -ms-flexbox; display: flex; }
  #shopNavbar .nav-header-shop > li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
  #shopNavbar .nav-header-shop .drop { position: relative; }
  #shopNavbar .nav-header-shop .drop:hover > .drop-menu { opacity: 1; visibility: visible; }
  #shopNavbar .nav-header-shop a { font-size: 16px; line-height: 1.5; padding: 18px 30px; color: #fff; -webkit-transition: .35s; transition: .35s; } }

@media (min-width: 768px) and (max-width: 991.98px) { #shopNavbar .nav-header-shop a { padding: 15px; font-size: 14px; } }

@media (min-width: 768px) { #shopNavbar .nav-header-shop a:hover { background-color: #fff; color: #24466e; }
  #shopNavbar .drop-menu { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
  #shopNavbar .drop-menu-level-0 { display: block; width: 100%; padding: 0; background-color: rgba(0, 0, 0, 0.6); position: absolute; top: 100%; left: 0; z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.35s ease; transition: opacity 0.35s ease; }
  #shopNavbar .drop-menu-level-0 li { padding: 0; }
  #shopNavbar .drop-menu-level-0 a { padding: 15px; font-weight: 400; text-align: center; }
  #shopNavbar .drop-menu-level-0 .drop-menu { min-width: 100%; position: absolute; top: 0; left: 100%; background-color: rgba(0, 0, 0, 0.6); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.35s ease; transition: opacity 0.35s ease; } }

#shopQR .modal-body::after { display: block; clear: both; content: ""; }

#shopQR .header-right-item { float: left; width: 50%; text-align: center; }

#shopQR .header-right-item span { font-size: 14px; line-height: 1.57143; display: block; color: #333; }

.page-7100-item { display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; }

.page-7100-item:before { display: block; content: ""; position: relative; z-index: 1; padding-top: 37.13528%; }

.page-7110 { padding: 40px 0 100px; }

@media (max-width: 1199.98px) { .page-7110 { padding: 40px 0 60px; } }

@media (max-width: 991.98px) { .page-7110 { padding: 40px 0; } }

@media (max-width: 767.98px) { .page-7110 { padding: 20px 0; } }

.page-7110-content { padding: 40px 0 20px; }

@media (max-width: 1299.98px) { .page-7110-content .row { margin-left: -10px; margin-right: -10px; }
  .page-7110-content .row > div { padding-left: 10px; padding-right: 10px; } }

@media (max-width: 991.98px) { .page-7110-content .row { margin-left: -7px; margin-right: -7px; }
  .page-7110-content .row > div { padding-left: 7px; padding-right: 7px; } }

@media (max-width: 767.98px) { .page-7110-content { padding: 20px 0; } }

.page-7110-item { display: block; margin-bottom: 50px; }

@media (max-width: 1299.98px) { .page-7110-item { margin-bottom: 30px; } }

@media (max-width: 991.98px) { .page-7110-item { margin-bottom: 20px; } }

.page-7110-item:hover .recommend::before { background-color: #0098fc; }

.page-7110-item .price { font-size: 16px; line-height: 2; margin-bottom: 7px; color: #ff0200; }

@media (max-width: 1199.98px) { .page-7110-item .price { font-size: 14px; } }

@media (max-width: 767.98px) { .page-7110-item .price { margin-bottom: 0; } }

.page-7110-item .price span { font-size: 24px; }

@media (max-width: 1199.98px) { .page-7110-item .price span { font-size: 18px; } }

.page-7110-item .des { font-size: 14px; line-height: 1.71429; height: 3.42857em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 15px; color: #282828; }

@media (max-width: 767.98px) { .page-7110-item .des { font-size: 12px; margin-bottom: 5px; } }

.page-7110-item .recommend { font-size: 14px; line-height: 1.71429; margin-bottom: 0; color: #666666; }

.page-7110-item .recommend::before { font-size: 12px; line-height: 2; content: "平台推荐"; display: inline-block; padding: 0 5px; margin-right: 5px; border-radius: 6px; background-color: #24466e; color: #fff; -webkit-transition: .35s; transition: .35s; }

#leftProduct::after { display: block; clear: both; content: ""; }

#leftProduct .nav-item { float: left; width: 50%; }

#leftProduct .nav-link { font-size: 18px; line-height: 1.33333; padding: 12px 10px; text-align: center; border: 1px solid #24466e; background-color: #fff; color: #282828; -webkit-transition: .35s; transition: .35s; }

#leftProduct .nav-link.active { background-color: #24466e; color: #fff; }

#leftProductContent { padding: 30px 15px 0; counter-reset: section; }

.left-product-item { display: block; padding-bottom: 25px; }

.left-product-item:hover h4 { color: #8f0302; }

.left-product-item .item-img { margin-bottom: 15px; }

.left-product-item .item-content::after { display: block; clear: both; content: ""; }

.left-product-item h4 { font-size: 14px; line-height: 24px; margin-bottom: 0; float: left; max-width: 65%; color: #282828; -webkit-transition: .35s; transition: .35s; }

.left-product-item h4::before { width: 24px; height: 24px; counter-increment: section; content: "0" counter(section); display: inline-block; vertical-align: middle; margin-right: 10px; text-align: center; border-radius: 50%; background-color: #ff0200; color: #fff; }

.left-product-item p { font-size: 12px; line-height: 24px; margin-bottom: 0; float: right; color: #ff0200; }

.left-product-item p span { font-size: 14px; }

.recommend-product { padding: 30px 0; }

.recommend-product-slider { margin: 0 -18px; }

@media (max-width: 1599.98px) { .recommend-product-slider { margin: 0 -10px; } }

.recommend-product-slider .slider-item { padding: 1px; outline: none; }

.recommend-product-slider .slick-dots { height: 10px; margin-top: 10px; text-align: center; }

.recommend-product-slider .slick-dots li { display: inline-block; padding: 0 3px; height: 10px; }

.recommend-product-slider .slick-dots li.slick-active button { background-color: #8f0302; }

.recommend-product-slider .slick-dots button { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); color: transparent; overflow: hidden; -webkit-transition: all .35s; transition: all .35s; }

.recommend-product-item { display: block; margin: 0 18px; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); padding: 10px; }

.recommend-product-item::after { display: block; clear: both; content: ""; }

@media (max-width: 1599.98px) { .recommend-product-item { margin: 0 10px; } }

.recommend-product-item .item-img { float: left; width: 180px; max-width: 45%; margin-right: 24px; }

@media (max-width: 991.98px) { .recommend-product-item .item-img { margin-right: 15px; } }

.recommend-product-item .item-content { overflow: hidden; }

.recommend-product-item h4 { font-size: 20px; line-height: 2; margin-bottom: 24px; color: #282828; }

@media (max-width: 991.98px) { .recommend-product-item h4 { font-size: 16px; margin-bottom: 10px; } }

.recommend-product-item .tag-list { margin-left: -5px; margin-right: -5px; margin-bottom: 20px; }

.recommend-product-item .tag-list::after { display: block; clear: both; content: ""; }

.recommend-product-item .tag-list > div { padding-left: 5px; padding-right: 5px; }

@media (max-width: 991.98px) { .recommend-product-item .tag-list { margin-bottom: 10px; } }

.recommend-product-item .tag-list-item { float: left; }

.recommend-product-item .tag-list span { font-size: 14px; line-height: 30px; display: block; padding: 0 15px; color: #666666; background-color: #dfdfdf; }

.recommend-product-item .price { font-size: 20px; line-height: 28px; margin-bottom: 10px; color: #ff0200; }

@media (max-width: 991.98px) { .recommend-product-item .price { font-size: 16px; line-height: 22px; margin-bottom: 5px; } }

.recommend-product-item .price span { font-size: 28px; }

@media (max-width: 991.98px) { .recommend-product-item .price span { font-size: 22px; } }

.recommend-product-item .link-grp { text-align: right; }

.recommend-product-item .link-grp a { font-size: 14px; line-height: 1; display: inline-block; padding: 0 10px; color: #888888; -webkit-transition: .35s; transition: .35s; }

@media (max-width: 991.98px) { .recommend-product-item .link-grp a { font-size: 12px; } }

.recommend-product-item .link-grp a:hover { color: #8f0302; }

.recommend-product-item .link-grp a:not(:last-child) { border-right: 1px solid #888888; }

.page-7111-main { padding-top: 60px; }

@media (max-width: 1199.98px) { .page-7111-main { padding-top: 30px; } }

@media (max-width: 767.98px) { .page-7111-main { padding-top: 20px; } }

.page-7111-main-slider { float: left; width: 640px; margin-right: 10px; }

@media (max-width: 1599.98px) { .page-7111-main-slider { width: 380px; } }

@media (max-width: 1199.98px) { .page-7111-main-slider { float: none; margin-right: 0; } }

@media (max-width: 991.98px) { .page-7111-main-slider { width: 100%; } }

.page-7111-main-slider .slider-item { outline: none; }

.page-7111-main-slider .slick-prev, .page-7111-main-slider .slick-next { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 30px; height: 30px; font-size: 14px; line-height: 2.14286; border: 0; padding: 0; text-align: center; background-color: rgba(0, 0, 0, 0.5); color: #fff; z-index: 1; }

.page-7111-main-slider .slick-prev { left: 5px; }

.page-7111-main-slider .slick-next { right: 5px; }

.page-7111-main-nav { float: left; width: 124px; margin-bottom: -10px; }

@media (max-width: 1199.98px) { .page-7111-main-nav { padding-top: 10px; float: none; width: 380px; margin-bottom: 0; } }

@media (max-width: 991.98px) { .page-7111-main-nav { width: 100%; } }

.page-7111-main-nav .slider-item { outline: none; border: 0; }

.page-7111-main-nav .slider-item.slick-current .nav-item::after { background-color: rgba(143, 3, 2, 0.82); }

.page-7111-main-nav .nav-item { margin-bottom: 10px; padding-right: 4px; position: relative; }

@media (max-width: 1199.98px) { .page-7111-main-nav .nav-item { margin-left: 10px; padding-right: 0; } }

.page-7111-main-nav .nav-item .ratio { z-index: 1; }

.page-7111-main-nav .nav-item::after { width: 100%; height: 100%; content: ""; position: absolute; top: 4px; left: 4px; background-color: transparent; -webkit-transition: .35s; transition: .35s; z-index: 0; }

.page-7111-main .main-content { padding: 20px; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); }

.page-7111-main .main-content::after { display: block; clear: both; content: ""; }

@media (max-width: 767.98px) { .page-7111-main .main-content { padding: 15px; } }

.page-7111-main .main-left { float: left; margin-right: 60px; overflow: hidden; }

.page-7111-main .main-left::after { display: block; clear: both; content: ""; }

@media (max-width: 1599.98px) { .page-7111-main .main-left { margin-right: 30px; } }

@media (max-width: 991.98px) { .page-7111-main .main-left { float: none; margin-right: 0; margin-bottom: 20px; } }

.page-7111-main .main-right { padding-top: 15px; overflow: hidden; position: relative; }

@media (max-width: 1599.98px) { .page-7111-main .main-right { padding-top: 0; } }

.page-7111-main .main-right > img { position: absolute; bottom: 0; right: 0; width: 50%; }

.page-7111-main h3 { font-size: 24px; line-height: 1.33333; margin-bottom: 8px; color: #282828; }

@media (max-width: 1599.98px) { .page-7111-main h3 { font-size: 18px; } }

@media (max-width: 767.98px) { .page-7111-main h3 { font-size: 16px; } }

.page-7111-main h4 { font-size: 16px; line-height: 2; margin-bottom: 32px; color: #666666; }

@media (max-width: 1599.98px) { .page-7111-main h4 { margin-bottom: 15px; } }

@media (max-width: 767.98px) { .page-7111-main h4 { font-size: 14px; } }

.page-7111-main .price-grp { padding: 25px 30px; background: url(../img/7111-bg.jpg) no-repeat left center/100% 100%; }

@media (max-width: 1599.98px) { .page-7111-main .price-grp { padding: 10px 15px; } }

.page-7111-main .price-grp h5 { font-size: 16px; line-height: 2.25; display: inline-block; vertical-align: middle; margin-bottom: 0; color: #666666; }

@media (max-width: 1599.98px) { .page-7111-main .price-grp h5 { font-size: 14px; } }

.page-7111-main .price-grp p { font-size: 36px; line-height: 1; display: inline-block; vertical-align: middle; margin-bottom: 0; color: #ff0000; }

@media (max-width: 1599.98px) { .page-7111-main .price-grp p { font-size: 26px; } }

@media (max-width: 767.98px) { .page-7111-main .price-grp p { font-size: 18px; } }

.page-7111-main .price-grp p span { font-size: 24px; }

@media (max-width: 1599.98px) { .page-7111-main .price-grp p span { font-size: 18px; } }

@media (max-width: 767.98px) { .page-7111-main .price-grp p span { font-size: 14px; } }

.page-7111-main .info-grp { padding: 23px 0 30px; }

@media (max-width: 1599.98px) { .page-7111-main .info-grp { padding: 15px 0; } }

.page-7111-main .info-grp-item::after { display: block; clear: both; content: ""; }

.page-7111-main .info-grp .tit { font-size: 16px; line-height: 1.875; float: left; margin-bottom: 0; color: #666666; }

@media (max-width: 1599.98px) { .page-7111-main .info-grp .tit { font-size: 14px; } }

.page-7111-main .info-grp .detail { font-size: 16px; line-height: 1.875; color: #282828; overflow: hidden; }

@media (max-width: 1599.98px) { .page-7111-main .info-grp .detail { font-size: 14px; } }

.page-7111-main .info-grp .detail p { margin-bottom: 0; }

.page-7111-form .form-group { margin-bottom: 30px; }

@media (max-width: 1599.98px) { .page-7111-form .form-group { margin-bottom: 15px; } }

.page-7111-form label { margin-bottom: 0; }

.page-7111-form .tit { font-size: 16px; line-height: 20px; display: inline-block; vertical-align: middle; }

.page-7111-form .radio-grp { display: inline-block; vertical-align: middle; }

.page-7111-form .radio-grp::after { display: block; clear: both; content: ""; }

.page-7111-form .radio-grp-item { float: left; }

.page-7111-form .custom-radio { display: none; }

.page-7111-form .color-grp { margin-left: -12px; margin-right: -12px; }

.page-7111-form .color-grp > div { padding-left: 12px; padding-right: 12px; }

@media (max-width: 767.98px) { .page-7111-form .color-grp { margin-left: -5px; margin-right: -5px; }
  .page-7111-form .color-grp > div { padding-left: 5px; padding-right: 5px; } }

.page-7111-form .color-grp label { width: 20px; height: 20px; border-radius: 50%; -webkit-transition: border 0.35s ease 0s, -webkit-box-shadow 0.35s ease 0s; transition: border 0.35s ease 0s, -webkit-box-shadow 0.35s ease 0s; transition: box-shadow 0.35s ease 0s, border 0.35s ease 0s; transition: box-shadow 0.35s ease 0s, border 0.35s ease 0s, -webkit-box-shadow 0.35s ease 0s; }

.page-7111-form .color-grp .radio-grp-item { height: 20px; }

.page-7111-form .color-grp .custom-radio:checked ~ label { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); border: 3px solid #fff; }

.page-7111-form .size-grp { margin-left: -10px; margin-right: -10px; }

.page-7111-form .size-grp > div { padding-left: 10px; padding-right: 10px; }

@media (max-width: 767.98px) { .page-7111-form .size-grp { margin-left: -5px; margin-right: -5px; }
  .page-7111-form .size-grp > div { padding-left: 5px; padding-right: 5px; } }

.page-7111-form .size-grp label { font-size: 14px; line-height: 18px; min-width: 20px; height: 20px; padding: 0 5px; text-align: center; border: 1px solid #cccccc; color: #666666; -webkit-transition: color 0.35s ease 0s, background-color 0.35s ease 0s, border 0.35s ease 0s; transition: color 0.35s ease 0s, background-color 0.35s ease 0s, border 0.35s ease 0s; }

.page-7111-form .size-grp .custom-radio:checked ~ label { border-color: #24466e; background-color: #24466e; color: #fff; }

.page-7111-form .black { background-color: #000000; }

.page-7111-form .gray { background-color: #666666; }

.page-7111-form .green { background-color: #339999; }

.page-7111-form .white { background-color: #ffffff; border: 1px solid #ccc; }

.page-7111-form .quantity-grp { display: inline-block; vertical-align: middle; }

.page-7111-form .quantity-grp .form-control { width: 40px; height: 30px; font-size: 14px; line-height: 28px; display: inline-block; vertical-align: middle; padding: 0 5px; border-radius: 0; border: 1px solid #ccc; background-color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.page-7111-form .quantity-grp > span { font-size: 16px; line-height: 30px; display: inline-block; vertical-align: middle; margin-left: 10px; color: #b5b5b5; }

.page-7111-form .quantity-controls { display: inline-block; vertical-align: middle; }

.page-7111-form .quantity-controls span { width: 20px; height: 14px; display: block; border: 1px solid #ccc; color: #ccc; position: relative; -webkit-transition: color 0.35s ease 0s, background-color 0.35s ease 0s; transition: color 0.35s ease 0s, background-color 0.35s ease 0s; }

.page-7111-form .quantity-controls span:hover { background-color: #ccc; color: #fff; }

.page-7111-form .quantity-controls span.inc::before { content: "\e70c"; font-family: "iconfont" !important; font-size: 10px; line-height: 1; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); }

.page-7111-form .quantity-controls span.desc::before { content: "\e70c"; font-family: "iconfont" !important; font-size: 10px; line-height: 1; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.page-7111-form .quantity-controls span:not(:last-child) { margin-bottom: 3px; }

.page-7111-form .favorite { font-size: 16px; line-height: 1.875; display: inline-block; vertical-align: middle; margin-left: 50px; padding: 0 15px; border-radius: 6px; background-color: #fff; color: #666666; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); -webkit-transition: color 0.35s ease 0s, background-color 0.35s ease 0s; transition: color 0.35s ease 0s, background-color 0.35s ease 0s; }

@media (max-width: 1599.98px) { .page-7111-form .favorite { margin-left: 20px; } }

.page-7111-form .favorite:hover { background-color: #8f0302; color: #fff; }

.page-7111-form .btn-custom { font-size: 16px; line-height: 1.375; padding: 9px 60px; border-radius: 0; background-color: #0198ff; color: #fff; -webkit-transition: background-color 0.35s ease 0s; transition: background-color 0.35s ease 0s; }

@media (max-width: 1599.98px) { .page-7111-form .btn-custom { font-size: 14px; padding: 5px 20px; } }

.page-7111-form .btn-custom:hover { background-color: #24466e; }

.page-7111-content #detailMainContent .tab-pane { padding: 30px 0 64px; }

@media (max-width: 991.98px) { .page-7111-content #detailMainContent .tab-pane { padding: 30px 0; } }

@media (max-width: 767.98px) { .page-7111-content #detailMainContent .tab-pane { padding: 20px 0; } }

.page-7111-content #detailMainContent .info-grp { font-size: 16px; line-height: 2.625; margin-bottom: 30px; color: #282828; }

.page-7111-content #detailMainContent .info-grp::after { display: block; clear: both; content: ""; }

@media (max-width: 991.98px) { .page-7111-content #detailMainContent .info-grp { font-size: 14px; } }

@media (max-width: 767.98px) { .page-7111-content #detailMainContent .info-grp { margin-bottom: 20px; } }

.page-7111-content #detailMainContent a, .page-7111-content #detailMainContent p { float: left; width: 25%; }

@media (max-width: 991.98px) { .page-7111-content #detailMainContent a, .page-7111-content #detailMainContent p { width: 50%; } }

@media (max-width: 767.98px) { .page-7111-content #detailMainContent a, .page-7111-content #detailMainContent p { width: 100%; } }

.page-7111-content #detailMainContent p { margin-bottom: 0; }

.nav-tab-v2 { padding-top: 40px; border-bottom: 1px solid #cccccc; }

.nav-tab-v2::after { display: block; clear: both; content: ""; }

@media (max-width: 991.98px) { .nav-tab-v2 { padding-top: 20px; } }

.nav-tab-v2 .nav-item { float: left; }

.nav-tab-v2 .nav-item:not(:last-child) { margin-right: 40px; }

@media (max-width: 991.98px) { .nav-tab-v2 .nav-item:not(:last-child) { margin-right: 15px; } }

.nav-tab-v2 .nav-link { font-size: 20px; line-height: 1.6; margin-bottom: -1px; padding-bottom: 14px; border-bottom: 3px solid transparent; color: #666666; -webkit-transition: .35s; transition: .35s; }

@media (max-width: 991.98px) { .nav-tab-v2 .nav-link { font-size: 16px; } }

.nav-tab-v2 .nav-link:hover, .nav-tab-v2 .nav-link.active { border-color: #8f0302; color: #282828; }

.page-7200-search { padding: 0; }

.page-7200-search .content-grp { max-width: 65%; margin: 0 auto; }

@media (max-width: 1599.98px) { .page-7200-search .content-grp { max-width: 80%; } }

@media (max-width: 1199.98px) { .page-7200-search .content-grp { max-width: 90%; } }

@media (max-width: 991.98px) { .page-7200-search .content-grp { max-width: 100%; } }

.page-7200-sorting { margin: 40px 0; -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15); }

.page-7200-sorting::after { display: block; clear: both; content: ""; }

@media (max-width: 767.98px) { .page-7200-sorting { margin: 20px 0; } }

.page-7200-sorting .content-left { float: left; }

.page-7200-sorting .content-left-tit { font-size: 16px; line-height: 2; display: inline-block; vertical-align: middle; padding: 10px 40px; color: #fff; background-color: #24466e; }

@media (max-width: 1199.98px) { .page-7200-sorting .content-left-tit { padding: 10px 20px; } }

@media (max-width: 767.98px) { .page-7200-sorting .content-left-tit { padding: 10px 15px; font-size: 14px; } }

.page-7200-sorting .sorting-content { display: inline-block; vertical-align: middle; padding: 0 20px; }

.page-7200-sorting .sorting-content::after { display: block; clear: both; content: ""; }

@media (max-width: 1199.98px) { .page-7200-sorting .sorting-content { padding: 0; } }

.page-7200-sorting .sorting-content-item { font-size: 16px; line-height: 1; float: left; padding: 0 30px; }

@media (max-width: 1199.98px) { .page-7200-sorting .sorting-content-item { padding: 0 15px; } }

@media (max-width: 767.98px) { .page-7200-sorting .sorting-content-item { font-size: 14px; } }

.page-7200-sorting .sorting-content .sort-btn { display: block; color: #282828; position: relative; }

.page-7200-sorting .sorting-content .sort-btn.desc::before { border-bottom-color: #24466e; }

.page-7200-sorting .sorting-content .sort-btn.desc::after { border-top-color: transparent; }

.page-7200-sorting .sorting-content .sort-btn.inc::before { border-bottom-color: transparent; }

.page-7200-sorting .sorting-content .sort-btn.inc::after { border-top-color: #24466e; }

.page-7200-sorting .sorting-content .sort-btn::before { content: ""; border-bottom: 6px solid #999999; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; right: -15px; top: 0; -webkit-transition: border-color 0.35s ease 0s; transition: border-color 0.35s ease 0s; }

.page-7200-sorting .sorting-content .sort-btn::after { content: ""; border-top: 6px solid #999999; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; right: -15px; bottom: 0; -webkit-transition: border-color 0.35s ease 0s; transition: border-color 0.35s ease 0s; }

.page-7200-sorting .content-right { float: right; padding: 0 20px; }

@media (max-width: 1199.98px) { .page-7200-sorting .content-right { padding: 0 15px; } }

.page-7200-sorting .content-right p { font-size: 14px; line-height: 2.28571; display: inline-block; vertical-align: middle; margin-bottom: 0; padding: 10px; color: #999999; }

@media (max-width: 1199.98px) { .page-7200-sorting .content-right p { padding: 10px 5px; } }

@media (max-width: 991.98px) { .page-7200-sorting .content-right p { display: none; } }

.page-7200-sorting .content-right .content-right-controls { display: inline-block; vertical-align: middle; margin-left: 20px; }

@media (max-width: 1199.98px) { .page-7200-sorting .content-right .content-right-controls { margin-left: 10px; } }

@media (max-width: 991.98px) { .page-7200-sorting .content-right .content-right-controls { margin-left: 0; padding: 14px 0; } }

@media (max-width: 767.98px) { .page-7200-sorting .content-right .content-right-controls { padding: 12px 0; } }

.page-7200-sorting .content-right .content-right-controls a { display: inline-block; vertical-align: middle; color: #999999; -webkit-transition: color 0.35s ease 0s; transition: color 0.35s ease 0s; }

.page-7200-sorting .content-right .content-right-controls a:hover { color: #45a3d2; }

.page-7200-sorting .content-right .content-right-controls span { font-size: 14px; line-height: 1.57143; display: none; padding: 0 5px; color: #999999; }

@media (min-width: 768px) and (max-width: 991.98px) { .page-7200-sorting .content-right .content-right-controls span { display: inline-block; } }

.page-7200-sorting .content-right .content-right-controls i { font-size: 22px; line-height: 1; }

.page-7200-item { display: block; }

.page-7200-item .price { font-size: 18px; line-height: 1.55556; padding: 10px 0; color: #ff0200; }

@media (max-width: 767.98px) { .page-7200-item .price { font-size: 14px; padding: 5px 0; } }

.page-7200-item h4 { font-size: 14px; line-height: 1.71429; margin-bottom: 10px; color: #282828; }

@media (max-width: 767.98px) { .page-7200-item h4 { font-size: 12px; } }

.page-7200-item p { font-size: 14px; line-height: 1.42857; margin-bottom: 0; color: #24466e; }

@media (max-width: 767.98px) { .page-7200-item p { font-size: 12px; } }

.page-7200-idx2-content { padding: 30px 0 165px; }

@media (max-width: 1199.98px) { .page-7200-idx2-content { padding: 30px 0 60px; } }

@media (max-width: 991.98px) { .page-7200-idx2-content { padding: 30px 0; } }

@media (max-width: 767.98px) { .page-7200-idx2-content { padding: 20px 0; } }

.page-7200-idx2-slider .slider-item { outline: none; }

.page-7200-idx2-slider .page-7200-item { margin-right: 30px; width: 280px; }

@media (max-width: 991.98px) { .page-7200-idx2-slider .page-7200-item { width: 240px; margin-right: 20px; } }

@media (max-width: 767.98px) { .page-7200-idx2-slider .page-7200-item { width: 200px; margin-right: 10px; } }

.modal-dialog-video { max-width: 800px; overflow: hidden; border-radius: 10px; }

.modal-dialog-video iframe { display: block; }

.modal-dialog-video .modal-content { position: relative; }

.modal-dialog-video .modal-content button { position: absolute; right: 10px; top: 5px; }

.modal-dialog-video .modal-content button span { color: #ffffff; }

.page-4300-main { padding-top: 40px; }

@media (max-width: 991.98px) { .page-4300-main { padding-top: 20px; } }

@media (min-width: 992px) { .gallery-list-v1 { margin-left: -25px; margin-right: -25px; }
  .gallery-list-v1 > li { padding-left: 25px; padding-right: 25px; } }

@media (max-width: 575.98px) { .gallery-list-v1 { margin-left: -10px; margin-right: -10px; }
  .gallery-list-v1 > li { padding-left: 10px; padding-right: 10px; } }

.stack-count-wrap { position: absolute; right: 0; bottom: 0; font-size: 28px; }

.stack-count-wrap:before { content: ''; display: block; border: 1em solid transparent; border-right: 1em solid #24466e; border-bottom: 1em solid #24466e; }

.stack-count { position: absolute; right: 0; bottom: 0; padding: .5em .75em; color: #ffffff; -webkit-transform: skewX(-7deg); transform: skewX(-7deg); font-size: 0.5em; }

.stack-count:before { content: attr(data-count); font-size: 1em; }

.stack-count:after { content: '\e79d'; font-family: "iconfont" !important; }

.page-4300-item { display: block; margin-bottom: 30px; margin-top: 70px; }

@media (max-width: 991.98px) { .page-4300-item { margin: 30px 0; } }

@media (max-width: 575.98px) { .page-4300-item { margin: 20px 0 0; } }

.page-4300-item .item-img { -webkit-transition: -webkit-transform .75s; transition: -webkit-transform .75s; transition: transform .75s; transition: transform .75s, -webkit-transform .75s; position: relative; margin-bottom: 20px; }

.page-4300-item .item-img:hover { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); }

.page-4300-item .item-img:hover .img-cover { -webkit-transform: scale(1.25) rotate(3deg); transform: scale(1.25) rotate(3deg); }

.page-4300-item .item-img .img-cover { -webkit-transition: -webkit-transform 0.5s ease-out; transition: -webkit-transform 0.5s ease-out; transition: transform 0.5s ease-out; transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out; }

.page-4300-item .item-img .img-cover div { position: absolute; right: 10px; bottom: 2px; color: #fff; }

.page-4300-item .item-img .img-cover span { font-style: italic; }

.page-4300-item .item-img .img-cover span:first-child { font-size: 30px; position: absolute; right: 26px; bottom: 0px; }

@media (max-width: 991.98px) { .page-4300-item .item-img .img-cover span:first-child { font-size: 18px; } }

.page-4300-item .item-img .img-cover span:last-child { font-size: 18px; }

@media (max-width: 991.98px) { .page-4300-item .item-img .img-cover span:last-child { font-size: 14px; } }

.page-4300-item .item-img .stack { position: absolute; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.page-4300-item .item-img .stack.stack-1 { -webkit-transform: rotate(3deg); transform: rotate(3deg); z-index: -1; background: #b0d8ec; width: 100%; height: 100%; top: 0; left: 0; }

.page-4300-item .item-img .stack.stack-2 { -webkit-transform: rotate(6deg); transform: rotate(6deg); z-index: -2; background: #d7ebf5; width: 100%; height: 100%; top: 0; left: 0; }

.page-4300-item .item-img .stack.stack-3 { -webkit-transform: rotate(6deg); transform: rotate(6deg); z-index: -3; background: #d7ebf5; width: 100%; height: 100%; top: 0; left: 0; }

.page-4300-item .item-img .stack.stack-4 { -webkit-transform: rotate(6deg); transform: rotate(6deg); z-index: -4; background: #d7ebf5; width: 100%; height: 100%; top: 0; left: 0; }

.page-4300-item .item-img:hover .stack.stack-3 { -webkit-transform: rotate(9deg); transform: rotate(9deg); opacity: 0.6; }

.page-4300-item .item-img:hover .stack.stack-4 { -webkit-transform: rotate(12deg); transform: rotate(12deg); opacity: 0.4; }

@media (max-width: 991.98px) { .page-4300-item .item-img { margin-bottom: 0; } }

.page-4300-item .item-img .ratio { overflow: hidden; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }

.page-4300-item .item-img .ratio-hover::after { content: ''; }

.page-4300-item .item-content h4 { font-size: 16px; }

@media (max-width: 991.98px) { .page-4300-item .item-content h4 { font-size: 14px; } }

.page-4300-item .item-content .info .label { display: block; }

.page-4300-item .item-content .info .label span { display: inline-block; margin-top: 15px; font-size: 14px; padding: 4px 10px; border: 1px solid #cccccc; color: #666666; margin-right: 10px; position: relative; }

.page-4300-item .item-content .info .label span:hover { color: #fff; }

.page-4300-item .item-content .info .label span::after { content: ''; min-width: 0%; height: 100%; background-color: #8f0302; position: absolute; top: 0; left: 0; z-index: -1; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media (max-width: 991.98px) { .page-4300-item .item-content .info .label span { margin-top: 8px; } }

.page-4300-item .item-content .info .label span:hover::after { min-width: 100%; }

.page-4300-item .item-content .info .info-group { margin-top: 16px; }

@media (max-width: 991.98px) { .page-4300-item .item-content .info .info-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

.page-4300-item .item-content .info .info-group .info-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 22px; }

@media (max-width: 991.98px) { .page-4300-item .item-content .info .info-group .info-item { margin-right: 0; } }

.page-4300-item .item-content .info .info-group .info-item span { font-size: 14px; color: #999999; line-height: 18px; margin-left: 10px; }

@media (max-width: 991.98px) { .page-4300-item .item-content .info .info-group .info-item span { font-size: 12px; } }

.page-4001-comment { margin-top: 56px; }

.page-4001-comment .card-comment:not(:first-child) { margin-top: 30px; }

.page-4001-comment .card-comment { padding-bottom: 24px; border-bottom: 1px solid #cccccc; }

.page-4001-comment .card-comment .row { margin-left: -10px; margin-right: -10px; }

.page-4001-comment .card-comment .row > div { padding-left: 10px; padding-right: 10px; }

.page-4001-comment .card-avatar { text-align: center; }

.page-4001-comment .card-avatar .img-avatar { border-radius: 50%; background-image: linear-gradient(45deg, #c3e1f1, #58acd7); background-repeat: repeat-x; padding: 3px; }

.page-4001-comment .card-avatar .img-avatar img { width: 90px; height: 90px; border-radius: 50%; border: 2px solid #fff; }

.page-4001-comment .card-avatar span { color: #888888; font-size: 14px; margin-top: 15px; display: block; }

.page-4001-comment .card-content p { font-size: 16px; line-height: 1.75; color: #282828; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipse; overflow: hidden; }

.page-4001-comment .card-content .list-img-comment { margin-top: 20px; }

.page-4001-comment .card-content .list-img-comment li { display: inline-block; margin-right: 10px; }

.page-4001-comment .card-content .list-img-comment li img { width: 50px; height: 50px; }

.page-4001-comment .btn-comment { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.page-4001-comment .btn-comment span { font-size: 14px; margin-right: 30px; color: #888888; cursor: pointer; }

.page-4001-comment .btn-comment .comment-like { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; }

.page-4001-comment .btn-comment .comment-like .icon-like { font-size: 30px; line-height: 18px; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative; }

.page-4001-comment .btn-comment .comment-like .icon-like:hover { color: #ffba00; }

.page-4001-comment .btn-comment .comment-like .icon-like::after { content: '+1'; position: absolute; top: -18px; font-size: 12px; left: 6px; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }

.page-4001-comment .btn-comment .comment-like .active.icon-like { color: #ffba00; }

.page-4001-comment .btn-comment .comment-like .active.icon-like::after { -webkit-animation: likeOpacity 2s ease-in-out; animation: likeOpacity 2s ease-in-out; }

@-webkit-keyframes likeOpacity { 0% { opacity: 0; }
  30% { opacity: 1; }
  50% { opacity: 0.8; }
  60% { opacity: 0.6; }
  80% { opacity: 0.4; }
  100% { opacity: 0; } }

@keyframes likeOpacity { 0% { opacity: 0; }
  30% { opacity: 1; }
  50% { opacity: 0.8; }
  60% { opacity: 0.6; }
  80% { opacity: 0.4; }
  100% { opacity: 0; } }

.page-4001-feedback { margin-top: 30px; }

.page-4001-feedback textarea { width: 100%; border-radius: 6px; padding: 18px; border: 1px solid #cccccc; color: #a0a0a0; font-size: 14px; resize: none; }

.page-4001-feedback textarea:focus { outline: none; }

.page-4001-feedback .feedback-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; }

@media (max-width: 991.98px) { .page-4001-feedback .feedback-footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.page-4001-feedback .feedback-footer .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.page-4001-feedback .feedback-footer .left .btn-file { position: relative; display: inline-block; background: #f5f5f5; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 4px; border: 1px solid #cccccc; margin-bottom: 0; cursor: pointer; }

.page-4001-feedback .feedback-footer .left .btn-file .update-box { display: none; }

.page-4001-feedback .feedback-footer .left p { font-size: 14px; margin: 0; color: #999999; margin-left: 10px; }

.page-4001-feedback .feedback-footer .left p span { color: #ff0200; }

.page-4001-feedback .feedback-footer .right .btn-feedback { border-radius: 6px; background-color: #8f0302; font-size: 18px; color: #ffffff; padding: 20px  40px; border: none; }

@media (max-width: 991.98px) { .page-4001-feedback .feedback-footer .right .btn-feedback { margin-top: 30px; } }

.page-4001-feedback .feedback-footer .right .btn-feedback:focus { outline: none; }

.page-2250-content { margin-top: 45px; }

.page-2250-content .wrapper-2250::after { display: block; clear: both; content: ""; }

.page-2250-content .wrapper-2250 img { float: left; padding-right: 45px; }

@media (max-width: 1599.98px) { .page-2250-content .wrapper-2250 img { width: 450px; padding-right: 20px; } }

@media (max-width: 991.98px) { .page-2250-content .wrapper-2250 img { padding-right: 0; padding-bottom: 16px; } }

.page-2250-content .wrapper-2250 p { font-size: 16px; line-height: 1.875; color: #333333; margin-bottom: 30px; }

@media (max-width: 1599.98px) { .page-2250-content .wrapper-2250 p { margin-bottom: 16px; } }

@media (max-width: 991.98px) { .page-2250-content .wrapper-2250 p { text-align: justify; font-size: 14px; } }

.page-2250-content .list-img-2250 { margin-top: calc(50px - 16px); }

.page-2250-content .list-img-2250 .row { margin-left: -12.5px; margin-right: -12.5px; }

.page-2250-content .list-img-2250 .row > div { padding-left: 12.5px; padding-right: 12.5px; }

@media (max-width: 991.98px) { .page-2250-content .list-img-2250 .row { margin-left: -7px; margin-right: -7px; }
  .page-2250-content .list-img-2250 .row > div { padding-left: 7px; padding-right: 7px; } }

.page-2250-content .list-img-2250 img { margin-bottom: 25px; }

@media (max-width: 991.98px) { .page-2250-content .list-img-2250 img { margin-bottom: 14px; } }

.page-2320-content { margin-top: 60px; }

@media (max-width: 991.98px) { .page-2320-content { margin-top: 30px; } }

.page-2320-content p { font-size: 16px; line-height: 1.875; margin-bottom: 30px; }

@media (max-width: 991.98px) { .page-2320-content p { margin-bottom: 18px; } }

.page-2320-content .img-2320 { margin-top: 50px; }

@media (max-width: 991.98px) { .page-2320-content .img-2320 { margin-top: 26px; } }

#calendar { margin-bottom: 82px; }

.fc .fc-daygrid-event-harness { margin-bottom: 0.4rem; }

.fc-h-event { background-color: #8f0302; border: 1px solid #8f0302; }

@media (max-width: 991.98px) { .fc .fc-toolbar-title { font-size: 1.2rem; } }

.h4-2400 { margin-bottom: 46px; }

.list-calendar .row { margin-left: -15px; margin-right: -15px; }

.list-calendar .row > div { padding-left: 15px; padding-right: 15px; }

@media (max-width: 1599.98px) { .list-calendar .row { margin-left: -10px; margin-right: -10px; }
  .list-calendar .row > div { padding-left: 10px; padding-right: 10px; } }

.list-calendar h3 { font-size: 18px; line-height: 1.75; margin-bottom: .25em; }

@media (max-width: 575.98px) { .list-calendar h3 { font-size: 16px; } }

.list-calendar .mb-calendar { margin-bottom: 64px; }

@media (max-width: 767.98px) { .list-calendar .mb-calendar { margin-bottom: 30px; } }

.list-calendar .mb-date { width: 3em; height: 3em; font-size: 36px; border-radius: 0.33em; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5); text-align: center; float: left; margin-right: 20px; }

@media (max-width: 991.98px) { .list-calendar .mb-date { font-size: 30px; } }

@media (max-width: 575.98px) { .list-calendar .mb-date { font-size: 24px; margin-right: 12px; } }

.list-calendar .mb-date:before, .list-calendar .mb-date:after { display: block; }

.list-calendar .mb-date:before { content: attr(data-month); border-top-left-radius: inherit; border-top-right-radius: inherit; font-size: 0.5em; height: 2em; line-height: 2em; background-color: #f56053; color: #FFF; }

.list-calendar .mb-date:after { content: attr(data-date); font-size: 1.5em; height: 1.33em; line-height: 1.33em; }

.list-calendar .date-info { overflow: hidden; }

.list-calendar .date-info .location-icon { display: inline-block; font-size: 20px; color: #929292; }

.list-calendar .date-info .location-icon i { font-size: 20px; }

@media (max-width: 991.98px) { .list-calendar .date-info .location-icon { font-size: 16px; } }

@media (max-width: 991.98px) { .list-calendar .date-info .location-icon { font-size: 14px; }
  .list-calendar .date-info .location-icon i { font-size: 16px; } }

.list-calendar .date-info .location span { font-size: 28px; color: #333333; }

@media (max-width: 1599.98px) { .list-calendar .date-info .location span { font-size: 18px; } }

@media (max-width: 991.98px) { .list-calendar .date-info .location span { font-size: 16px; } }

.list-calendar .date-info .info-date { margin: 12px 0 15px; }

.list-calendar .date-info .info-date span { margin-right: 10px; display: inline-block; }

@media (max-width: 1599.98px) { .list-calendar .date-info .info-date { margin: 10px 0 12px; } }

.list-calendar .date-info .info-date a, .list-calendar .date-info .register-info a { font-size: 18px; font-size: 16px; }

@media (max-width: 991.98px) { .list-calendar .date-info .info-date a, .list-calendar .date-info .register-info a { font-size: 14px; } }

.list-calendar .date-info .register-info a { color: #8f0302; margin-right: 22px; cursor: pointer; }

.list-calendar .date-info .register-info a + a { border-left: 1px solid #bfbfbf; padding-left: 22px; }

.page-5200 { margin-top: 35px; }

.page-5200 .section-id-1 { background-size: cover; background-position: center; background-repeat: no-repeat; height: 496px; position: relative; margin-bottom: 58px; }

@media (max-width: 991.98px) { .page-5200 .section-id-1 { height: 400px; } }

@media (max-width: 767.98px) { .page-5200 .section-id-1 { height: 300px; } }

.page-5200 .section-id-1 .title { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 1199.98px) { .page-5200 .section-id-1 .title { width: 100%; } }

.page-5200 .section-id-1 .title h5 { font-size: 26px; text-align: center; }

.page-5200 .section-id-1 .title .title-border { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 52px; }

@media (max-width: 1199.98px) { .page-5200 .section-id-1 .title .title-border { margin-bottom: 30px; } }

.page-5200 .section-id-1 .title .title-border img { position: absolute; }

@media (max-width: 991.98px) { .page-5200 .section-id-1 .title .title-border img { width: 80%; } }

.page-5200 .section-id-1 .title .title-border h4 { font-size: 66px; color: #333333; }

@media (max-width: 1199.98px) { .page-5200 .section-id-1 .title .title-border h4 { font-size: 52px; } }

@media (max-width: 991.98px) { .page-5200 .section-id-1 .title .title-border h4 { font-size: 44px; } }

.page-5200 .section-id-1 .title p { font-size: 20px; color: #333333; }

.page-5200 .section-id-1 .title p a { color: #2b98d5; cursor: pointer; }

@media (max-width: 1199.98px) { .page-5200 .section-id-1 .title p { text-align: center; } }

@media (max-width: 991.98px) { .page-5200 .section-id-1 .title p { font-size: 15px; } }

@media (max-width: 767.98px) { .page-5200 .section-id-1 .title p { font-size: 13px; } }

.page-5200 .section-id-1 .title-1 h5 { color: #ffffff; margin-bottom: 22px; }

.page-5200 .section-id-1 .title-1 .title-border h4 { color: #ffffff; }

.page-5200 .section-id-1 .title-1 p { color: #ffffff; }

.page-5300 { padding: 56px 48px; }

@media (max-width: 1199.98px) { .page-5300 { padding: 20px 0; } }

.header-5300 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 991.98px) { .header-5300 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.header-5300 .header-left .btn-header { font-size: 16px; color: #ffffff; padding: 22px 88px; background-image: -webkit-gradient(linear, left top, right top, from(#fbd263), color-stop(50%, #ffba00), to(#fbd263)); background-image: linear-gradient(to right, #fbd263 0%, #ffba00 50%, #fbd263 100%); -webkit-transition: 0.5s all; transition: 0.5s all; -webkit-animation: btn-animation 1s linear infinite; animation: btn-animation 1s linear infinite; margin-right: 40px; }

@media (max-width: 1199.98px) { .header-5300 .header-left .btn-header { padding: 16px 40px; margin-right: 20px; } }

@media (max-width: 991.98px) { .header-5300 .header-left { text-align: center; } }

.header-5300 .header-left span { font-size: 14px; color: #282828; }

@media (max-width: 1199.98px) { .header-5300 .header-left span { font-size: 12px; } }

.header-5300 .header-left p { margin-top: 32px; font-size: 14px; color: #282828; }

.header-5300 .header-left p a { color: #2d9cd4; }

@media (max-width: 1199.98px) { .header-5300 .header-left p { margin-top: 20px; font-size: 12px; } }

.header-5300 .header-right span { font-size: 14px; color: #282828; margin-bottom: 20px; display: block; text-align: right; }

@media (max-width: 991.98px) { .header-5300 .header-right span { margin-bottom: 0; } }

.header-5300 .header-right .progress { width: 200px; height: 12px; overflow: hidden; background: #ffefc4; border-radius: 24px; }

@media (max-width: 1199.98px) { .header-5300 .header-right .progress { width: 120px; } }

.header-5300 .header-right .progress .bar { position: relative; float: left; min-width: 1%; height: 100%; width: 120px; background-color: #ffba00; border-radius: 24px; }

@media (max-width: 1199.98px) { .header-5300 .header-right .progress .bar { width: 70px; } }

.header-5300 .header-right .progress .bar .percent { top: 50%; left: 50%; margin: 0; }

@media (max-width: 991.98px) { .header-5300 .header-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; } }

.body-box-5300 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0px 0px 5px 0px rgba(71, 70, 70, 0.15); box-shadow: 0px 0px 5px 0px rgba(71, 70, 70, 0.15); padding: 35px 30px; margin-top: 34px; }

@media (max-width: 1199.98px) { .body-box-5300 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

@media (max-width: 1199.98px) { .body-box-5300 .box-left, .body-box-5300 .box-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

.body-box-5300 .box-left h5.title { font-size: 18px; font-weight: bold; margin-bottom: 20px; }

@media (max-width: 1199.98px) { .body-box-5300 .box-left h5.title { margin-bottom: 0; } }

@media (max-width: 767.98px) { .body-box-5300 .box-left h5.title { font-size: 16px; } }

.body-box-5300 .box-left span.desc { font-size: 14px; color: #555555; }

@media (max-width: 1199.98px) { .body-box-5300 .box-left { margin-bottom: 16px; } }

@media (max-width: 767.98px) { .body-box-5300 .box-left { font-size: 11px; } }

@media (max-width: 991.98px) { .body-box-5300 .box-right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.body-box-5300 .box-right span.text { font-size: 14px; color: #ff0000; margin-right: 20px; }

@media (max-width: 1199.98px) { .body-box-5300 .box-right span.text { margin-right: 0; font-size: 12px; } }

@media (max-width: 991.98px) { .body-box-5300 .box-right span.text { margin-bottom: 15px; } }

.body-box-5300 .box-right .btn-box-right { font-size: 16px; color: #ffffff; padding: 13px 36px; background-color: #003150; }

@media (max-width: 1199.98px) { .body-box-5300 .box-right .btn-box-right { font-size: 14px; padding: 12px 24px; } }

.modal-dialog-5300 { max-width: 1200px; }

@media (max-width: 1199.98px) { .modal-dialog-5300 { max-width: 700px; } }

.modal-content-5300 { padding: 46px 50px; }

@media (max-width: 1199.98px) { .modal-content-5300 { padding: 30px; } }

.modal-content-5300 .modal-header-5300 h5 { text-align: center; font-size: 32px; font-weight: bold; margin-bottom: 40px; }

@media (max-width: 1199.98px) { .modal-content-5300 .modal-header-5300 h5 { margin-bottom: 30px; } }

.modal-content-5300 .modal-body-5300 { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 48px 0 30px; }

.modal-content-5300 .modal-body-5300 p { font-size: 16px; line-height: 1.875; }

.modal-content-5300 .modal-body-5300 a { margin-top: 50px; display: block; font-size: 16px; color: #339dd1; margin-bottom: 32px; }

.modal-content-5300 .modal-body-5300 a img { margin-left: 10px; }

@media (max-width: 1199.98px) { .modal-content-5300 .modal-body-5300 a { margin-bottom: 20px; } }

.modal-content-5300 .modal-footer-5300 { display: -webkit-box; display: -ms-flexbox; display: flex; margin: auto; padding-top: 60px; padding-bottom: 24px; }

@media (max-width: 1199.98px) { .modal-content-5300 .modal-footer-5300 { padding: 30px 0 10px; } }

.modal-content-5300 .modal-footer-5300 .btn-modal-5300 { font-size: 16px; padding: 22px 74px; border-radius: 6px; background-color: #073755; color: #ffffff; }

.partner_huawei { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; }

.partner_huawei::after { content: ""; position: absolute; width: 100%; bottom: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#16161a)); background-image: linear-gradient(to bottom, transparent 0%, #16161a 100%); background-repeat: repeat-x; height: 100px; }

.partner_huawei .partner__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 2; }

@media (max-width: 991.98px) { .partner_huawei .partner__box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.partner_huawei .partner__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (max-width: 991.98px) { .partner_huawei .partner__left { text-align: center; position: relative; height: 400px; } }

@media (max-width: 767.98px) { .partner_huawei .partner__left { height: 250px; } }

.partner_huawei .partner__bottom { margin-top: auto; margin-bottom: 58px; }

@media (max-width: 1599.98px) { .partner_huawei .partner__bottom { margin-bottom: 24px; } }

@media (max-width: 991.98px) { .partner_huawei .partner__bottom { margin-top: 20px; position: absolute; bottom: 0; margin-bottom: 15px; } }

.partner_huawei .partner__icon, .partner_huawei .partner__tag, .partner_huawei .partner__text { display: inline-block; }

.partner_huawei .partner__icon { width: 2em; height: 2em; border-radius: 50%; border: 1px solid #fff; line-height: calc(2em - 2px); text-align: center; margin-right: 20px; font-size: 20px; -webkit-transition: border 0.35s linear; transition: border 0.35s linear; }

.partner_huawei .partner__icon i { color: #fff; display: inline-block; font-size: inherit; -webkit-transition: color 0.35s linear; transition: color 0.35s linear; }

@media (max-width: 767.98px) { .partner_huawei .partner__icon { font-size: 14px; margin-right: 10px; } }

.partner_huawei .partner__icon:hover { border-color: #8f0302; }

.partner_huawei .partner__icon:hover i { color: #8f0302; }

.partner_huawei .partner__tag { font-size: 18px; padding: 6px 22px; background-image: -webkit-gradient(linear, left top, right top, from(#0baad9), to(#02ddf7)); background-image: linear-gradient(to right, #0baad9 0%, #02ddf7 100%); background-repeat: repeat-x; color: #fff; margin: 0 16px; border-radius: 6px; }

@media (max-width: 767.98px) { .partner_huawei .partner__tag { font-size: 14px; border-radius: 3px; padding: 4px 18px; } }

.partner_huawei .partner__text { font-size: 24px; color: #fff; }

.partner_huawei .partner__text span { margin-right: 24px; }

@media (max-width: 1299.98px) { .partner_huawei .partner__text { font-size: 18px; } }

@media (max-width: 1199.98px) { .partner_huawei .partner__text { margin-top: 20px; } }

.partner_huawei .partner__name { margin-top: 48px; }

.partner_huawei .highlights__box { width: 358px; background-color: rgba(0, 0, 0, 0.75); border-radius: 4px; margin-top: 30px; margin-bottom: 30px; padding: 10px 10px 14px 24px; height: 525px; }

@media (max-width: 991.98px) { .partner_huawei .highlights__box { width: 100%; height: 160px; } }

@media (max-width: 767.98px) { .partner_huawei .highlights__box { margin: 10px 0; } }

.partner_huawei .partner__highlights { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 22px; }

.partner_huawei .partner__highlights:not(:last-child) { position: relative; padding-bottom: 22px; }

.partner_huawei .partner__highlights:not(:last-child)::after { content: ""; display: block; background-image: radial-gradient(circle, #68696b, transparent); background-repeat: no-repeat; height: 1px; position: absolute; width: 80%; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.partner_huawei .partner__highlights h6 { color: #fff; font-size: 16px; font-weight: bold; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; max-width: 100px; }

.partner_huawei .partner__highlights ul { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 100px); flex: 0 0 calc(100% - 100px); max-width: calc(100% - 100px); }

.partner_huawei .partner__highlights li { position: relative; padding-left: 12px; }

.partner_huawei .partner__highlights li:not(:last-child) { margin-bottom: 4px; }

.partner_huawei .partner__highlights li::after { content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff; }

.partner_huawei .partner__highlights li a { font-size: 12px; color: #fff; -webkit-transition: color .35s linear; transition: color .35s linear; }

.partner_huawei .partner__highlights li a:hover { color: #8f0302; }

.section__latest { background-color: #16161a; }

.section__latest .latest__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; color: #fff; padding-top: 10px; }

.section__latest .latest__title a { color: #fff; }

.section__latest .latest__title h4 { font-size: 24px; font-weight: bold; margin-right: 20px; }

.section__latest .latest__title p { font-size: 16px; margin-right: 20px; }

.latest__item { display: block; width: 260px; }

@media (max-width: 767.98px) { .latest__item { width: 200px; } }

.latest__item .item__img { position: relative; }

.latest__item .overlay { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(36, 70, 110, 0.78); visibility: hidden; opacity: 0; -webkit-transition: opacity 0.35s linear, visibility 0.35s linear; transition: opacity 0.35s linear, visibility 0.35s linear; }

.latest__item .overlay .play-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 40px; height: 40px; border-radius: 50%; border: 1px solid #fff; line-height: 40px; text-align: center; }

.latest__item .overlay .play-icon i { color: #fff; }

.latest__item .item__content { text-align: center; color: #fff; font-size: 14px; margin-top: 14px; -webkit-transition: color 0.35s linear; transition: color 0.35s linear; }

.latest__item:hover .item__img .overlay { visibility: visible; opacity: 1; }

.latest__content-slider .slick-list { margin: 0 -15px; }

.latest__content-slider .slick-slide { margin: 0 15px; }

.service__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 46px; }

@media (max-width: 1199.98px) { .service__title { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

@media (max-width: 767.98px) { .service__title { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 14px; } }

.service__title h4 { font-size: 32px; color: #333333; margin-right: 40px; }

@media (max-width: 1199.98px) { .service__title h4 { font-size: 20px; margin-right: 20px; margin-bottom: 0; } }

@media (max-width: 991.98px) { .service__title h4 { font-size: 16px; margin-right: 0; } }

@media (max-width: 767.98px) { .service__title h4 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-size: 20px; margin-bottom: 0; } }

@media (max-width: 767.98px) { .service__title .service__nav { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-top: 15px; } }

.service__title .service__nav li { display: inline-block; margin-right: 20px; }

@media (max-width: 1199.98px) { .service__title .service__nav li { margin-right: 8px; } }

@media (max-width: 767.98px) { .service__title .service__nav li { margin-bottom: 10px; } }

.service__title .service__nav li a { font-size: 14px; display: block; min-width: 90px; background-color: #f8f8f8; border-radius: 999px; color: #333333; text-align: center; padding: 6px 15px; -webkit-transition: color 0.35s linear, background-color 0.35s linear; transition: color 0.35s linear, background-color 0.35s linear; }

@media (max-width: 991.98px) { .service__title .service__nav li a { min-width: 80px; } }

.service__title .service__nav li a.active, .service__title .service__nav li a:hover { color: #fff; background-color: #8f0302; }

@media (max-width: 767.98px) { .service__title .btn-more { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } }

.service__title .btn-more a { color: #999999; -webkit-transition: color 0.35s linear; transition: color 0.35s linear; }

.service__title .btn-more a:hover { color: #8f0302; }

.service__title .title-img { margin-left: auto; }

@media (max-width: 1199.98px) { .service__title .title-img { width: 20%; } }

@media (max-width: 991.98px) { .service__title .title-img { display: none; } }

.tournament-left { position: relative; overflow: hidden; }

.tournament-left .item-content { position: absolute; bottom: 0; left: 0px; width: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background-image: linear-gradient(to bottom, transparent 0%, #000 100%); background-repeat: repeat-x; padding: 0 18px 10px; position: absolute; bottom: 0; color: #fff; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: color 0.35s linear; transition: color 0.35s linear; }

.tournament-left .item-content p { margin: 0; font-size: 16px; }

.tournament-left .ribbon { position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #ff9005; top: 10px; right: -22px; }

.tournament-left .ribbon span { display: block; padding: 2px 30px; color: #fff; }

.tournament-content .row { margin-left: -8px; margin-right: -8px; }

.tournament-content .row > div { padding-left: 8px; padding-right: 8px; }

@media (max-width: 991.98px) { .tournament-content .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.tournament-content .tournament-content-left { -webkit-box-flex: 0; -ms-flex: 0 0 38%; flex: 0 0 38%; max-width: 38%; }

@media (max-width: 1199.98px) { .tournament-content .tournament-content-left { -webkit-box-flex: 0; -ms-flex: 0 0 42%; flex: 0 0 42%; max-width: 42%; } }

@media (max-width: 991.98px) { .tournament-content .tournament-content-left { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } }

.tournament-content .tournament-content-right { -webkit-box-flex: 0; -ms-flex: 0 0 62%; flex: 0 0 62%; max-width: 62%; }

@media (max-width: 1199.98px) { .tournament-content .tournament-content-right { -webkit-box-flex: 0; -ms-flex: 0 0 58%; flex: 0 0 58%; max-width: 58%; } }

@media (max-width: 991.98px) { .tournament-content .tournament-content-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 20px; } }

.tournament-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; align-content: space-between; margin-bottom: -20px; }

@media (max-width: 991.98px) { .tournament-list { margin-bottom: 0; } }

.tournament-list .tournament-item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - 12.8px); flex: 0 0 calc(25% - 12.8px); max-width: calc(25% - 12.8px); }

.tournament-list .tournament-item:nth-child(9), .tournament-list .tournament-item:nth-child(10) { display: none !important; }

@media (max-width: 1199.98px) { .tournament-list .tournament-item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33% - 12.8px); flex: 0 0 calc(33.33% - 12.8px); max-width: calc(33.33% - 12.8px); }
  .tournament-list .tournament-item:nth-child(7), .tournament-list .tournament-item:nth-child(8) { display: none !important; } }

@media (max-width: 767.98px) { .tournament-list .tournament-item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.333% - 10px); flex: 0 0 calc(33.333% - 10px); max-width: calc(33.333% - 10px); } }

@media (max-width: 575.98px) { .tournament-list .tournament-item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px); } }

.tournament-item { margin-bottom: 20px; }

.tournament-item .item-img { position: relative; }

.tournament-item .item-time { position: absolute; bottom: 0; left: 0px; padding-left: 6px; padding-bottom: 4px; width: 100%; font-size: 12px; color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background-image: linear-gradient(to bottom, transparent 0%, #000 100%); background-repeat: repeat-x; }

.tournament-item .item-content { margin-top: 14px; font-size: 14px; }

@media (max-width: 1199.98px) { .tournament-item .item-content { margin-top: 12px; font-size: 12px; } }

.tournament-item .item-content p { margin-bottom: 2px; color: #333333; -webkit-transition: color 0.35s linear; transition: color 0.35s linear; }

.tournament-item .item-content span { color: #666666; -webkit-transition: color 0.35s linear; transition: color 0.35s linear; }

.tournament-item:hover .item-content p, .tournament-item:hover .item-content span { color: #8f0302; }

.teaching-equestrian .list-teaching .slick-list { margin: 0 -10px; }

.teaching-equestrian .list-teaching .slick-slide { padding: 0 10px; }

.teaching-equestrian .teaching-item { width: 260px; }

@media (max-width: 1299.98px) { .teaching-equestrian .teaching-item { width: 240px; } }

@media (max-width: 991.98px) { .teaching-equestrian .teaching-item { width: 200px; } }

.teaching-equestrian .teaching-item .item-img { position: relative; }

.teaching-equestrian .teaching-item .item-tag { -webkit-transition: color 0.35s linear; transition: color 0.35s linear; position: absolute; text-align: right; bottom: 0; left: 0px; padding-right: 6px; padding-bottom: 4px; width: 100%; color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background-image: linear-gradient(to bottom, transparent 0%, #000 100%); background-repeat: repeat-x; }

.teaching-equestrian .teaching-item .item-content { margin-top: 10px; }

.teaching-equestrian .teaching-item .item-content h5, .teaching-equestrian .teaching-item .item-content p { font-size: 14px; }

.teaching-equestrian .teaching-item .item-content h5 { color: #333333; -webkit-transition: color 0.35s linear; transition: color 0.35s linear; }

.teaching-equestrian .teaching-item .item-content p { color: #666666; }

.teaching-equestrian .teaching-item:hover .item-content h5 { color: #8f0302; }

.promotion__club .item-tag, .tournament-item .item-tag { position: absolute; background-color: #fe3232; color: #fff; top: 10px; left: 10px; font-size: 12px; }

.promotion__club .item-tag span, .tournament-item .item-tag span { padding: 3px 10px; display: block; }

.promotion__club .list__club .slick-list { margin: 0 -10px; }

.promotion__club .list__club .slick-slide { padding: 0 10px; }

.promotion__club .club-item { margin-bottom: 4px; }

.promotion__club .club-item .item-img { position: relative; }

.promotion__club .club-item .item-content { background-color: #fff; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; padding: 10px; }

.promotion__club .club-item .item-content h5 { color: #333333; font-size: 14px; -webkit-transition: color 0.35s linear; transition: color 0.35s linear; }

.promotion__club .club-item .item-content .item-view { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.promotion__club .club-item .item-content .item-view span { font-size: 14px; color: #666666; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.promotion__club .club-item .item-content .item-view p { margin-bottom: 0; font-size: 12px; color: #999999; }

.promotion__club .club-item .item-content .item-view p i { margin-right: 6px; }

.promotion__club .club-item:hover .item-content h5 { color: #8f0302; }

video:focus { outline: none; }

.section-video-idx1 { margin-top: 20px; margin-bottom: 46px; }

@media (max-width: 1299.98px) { .section-video-idx1 .row { margin-left: -10px; margin-right: -10px; }
  .section-video-idx1 .row > div { padding-left: 10px; padding-right: 10px; } }

@media (max-width: 991.98px) { .section-video-idx1 .video-left { margin-bottom: 20px; } }

.section-video-idx1 .video { height: 650px; }

@media (min-width: 992px) and (max-width: 1199.98px) { .section-video-idx1 .video { height: 425px; } }

@media (max-width: 991.98px) { .section-video-idx1 .video { height: 375px; } }

@media (max-width: 767.98px) { .section-video-idx1 .video { height: 223px; } }

.section-video-idx1 video { width: 100% !important; height: 100% !important; }

.section-video-idx1 .mejs__video { height: 100% !important; }

.section-video-idx1 .video-renderer { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; }

.section-video-idx1 .renderer-item { margin-right: 20px; }

@media (max-width: 767.98px) { .section-video-idx1 .renderer-item { margin-right: 10px; } }

.section-video-idx1 .renderer-item a { color: #666666; display: block; border-radius: 999px; padding: 4px 15px; -webkit-transition: color 0.35s linear; transition: color 0.35s linear; }

.section-video-idx1 .renderer-item a i { margin-right: 10px; }

@media (max-width: 767.98px) { .section-video-idx1 .renderer-item a { font-size: 12px; }
  .section-video-idx1 .renderer-item a i { margin-right: 6px; } }

.section-video-idx1 .renderer-item a.social { background-color: #f1f1f1; }

.section-video-idx1 .renderer-item:hover a { color: #8f0302; }

.section-video-idx1 .video-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; }

.section-video-idx1 .video-title span { color: #fff; display: block; background-image: -webkit-gradient(linear, left top, right top, from(#ff9c09), to(#ff7e00)); background-image: linear-gradient(to right, #ff9c09 0%, #ff7e00 100%); background-repeat: repeat-x; padding: 4px 12px; }

.section-video-idx1 .video-title h4 { margin-bottom: 0; font-size: 24px; color: #333333; margin-left: 16px; }

.section-video-idx1 .video-count-view { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 28px; }

.section-video-idx1 .video-count-view .view-item { color: #666666; margin-right: 48px; }

@media (max-width: 767.98px) { .section-video-idx1 .video-count-view .view-item { margin-right: 20px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }

.section-video-idx1 .video-count-view .view-item p { margin-bottom: 0; }

.section-video-idx1 .video-count-view .view-item span { display: inline-block; position: relative; }

.section-video-idx1 .video-count-view .view-item span:first-child { margin-right: 20px; }

@media (max-width: 767.98px) { .section-video-idx1 .video-count-view .view-item span:first-child { margin-right: 10px; margin-bottom: 10px; } }

.section-video-idx1 .video-count-view .view-item span:first-child::after { content: ""; display: block; border-right: 1px solid #666666; height: 60%; position: absolute; top: 50%; right: -10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 767.98px) { .section-video-idx1 .video-count-view .view-item span:first-child::after { content: none; } }

.section-video-idx1 .video-count-view .view-item .view-arrow { cursor: pointer; -webkit-transition: color 0.35s linear; transition: color 0.35s linear; }

.section-video-idx1 .video-count-view .view-item .view-arrow:hover { color: #8f0302; }

.section-video-idx1 .video-count-view .view-item .view-arrow i { margin-left: 8px; font-size: 12px; color: #666666; }

.section-video-idx1 .video-count-view .view-tag span { color: #666666; background-color: #f1f1f1; display: inline-block; padding: 6px 10px; margin-right: 10px; border-radius: 6px; }

@media (max-width: 767.98px) { .section-video-idx1 .video-count-view .view-tag { margin-bottom: 10px; } }

.section-video-idx1 .video-brief { margin-top: 20px; position: relative; border-radius: 6px; background-color: #f1f1f1; padding: 18px; display: none; }

.section-video-idx1 .video-brief::after { content: ""; border: 10px solid transparent; border-bottom-color: #f1f1f1; position: absolute; top: -20px; left: 114px; }

@media (max-width: 767.98px) { .section-video-idx1 .video-brief::after { left: 20px; } }

.section-video-idx1 .video-brief p { margin-bottom: 0; }

@media (max-width: 767.98px) { .section-video-idx1 .video-brief p { font-size: 12px; } }

.section-video-idx1 .video-right .video__list { background-color: #f1f1f1; height: 525px; overflow: hidden; padding: 16px 12px; }

@media (min-width: 992px) and (max-width: 1199.98px) { .section-video-idx1 .video-right .video__list { height: 300px; } }

.section-video-idx1 .video-right .video__list h5 { font-size: 18px; color: #333333; margin-bottom: 16px; }

.section-video-idx1 .video-right .video__list .video__item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 25px; }

.section-video-idx1 .video-right .video__list .video__item .item-img { -webkit-box-flex: 0; -ms-flex: 0 0 140px; flex: 0 0 140px; max-width: 140px; border-radius: 8px; overflow: hidden; }

.section-video-idx1 .video-right .video__list .video__item .item-content { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 140px); flex: 0 0 calc(100% - 140px); max-width: calc(100% - 140px); margin-left: 14px; }

.section-video-idx1 .video-right .video__list .video__item .item-content h6 { color: #333333; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipse; overflow: hidden; -webkit-transition: color 0.35s linear; transition: color 0.35s linear; font-size: 18px; line-height: 1.5; margin-bottom: 0; }

.section-video-idx1 .video-right .video__list .video__item .item-content p { margin-bottom: 0; }

.section-video-idx1 .video-right .video__list .video__item .item-content p i { color: #fe3233; margin-right: 8px; }

.section-video-idx1 .video-right .video__list .video__item .item-content p span { font-size: 12px; color: #666666; }

.section-video-idx1 .video-right .video__list .video__item:hover .item-content h6 { color: #8f0302; }

.section-video-idx1 .video-right .mCSB_scrollTools .mCSB_draggerRail { background-color: #cccccc; }

.section-video-idx1 .video-right .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #999999; }

.section-video-idx1 .video-right .open__now { background-color: #fff; -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12); padding: 20px 15px; margin-top: 10px; }

.section-video-idx1 .video-right .open__now .btn-open { background-image: -webkit-gradient(linear, left top, right top, from(#ffb310), to(#ff7e00)); background-image: linear-gradient(to right, #ffb310 0%, #ff7e00 100%); background-repeat: repeat-x; color: #fff; margin-bottom: 15px; border-radius: 999px; font-size: 16px; }

.section-video-idx1 .video-right .open__now p { margin-bottom: 0; text-align: center; color: #999999; }

.section-video-idx1 .video-right .open__now p span { color: #fe3233; }

.section-video-idx1 .video-right .page-sda.page-sda-v2 { padding-top: 20px; }

.section-video-idx2 { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin-bottom: 34px; }

.section-video-idx2 .list-video-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.section-video-idx2 .list-video-logo a { padding: 20px 0; }

.section-video-idx3 .title { margin-bottom: 24px; font-size: 24px; color: #333333; }

.section-video-idx3 .list-like { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 1599.98px) { .section-video-idx3 .list-like { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0 -10px; } }

.section-video-idx3 .list-like .list-like-item { width: calc(12.5% - 5.25px); margin-bottom: 28px; }

@media (max-width: 1599.98px) { .section-video-idx3 .list-like .list-like-item { width: calc(16.66667%); padding: 0 10px; } }

@media (max-width: 991.98px) { .section-video-idx3 .list-like .list-like-item { width: calc(25%); } }

@media (max-width: 767.98px) { .section-video-idx3 .list-like .list-like-item { width: calc(33.33333%); } }

.section-video-idx4 .title { margin-bottom: 30px; font-size: 24px; color: #333333; }

.section-video-idx4 .video-cmt { display: -webkit-box; display: -ms-flexbox; display: flex; }

.section-video-idx4 .video-cmt .box-cmt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 20px; }

.section-video-idx4 .video-cmt form { position: relative; }

.section-video-idx4 .video-cmt p { position: absolute; top: 10px; left: 16px; }

.section-video-idx4 .video-cmt p a { color: #8f0302; margin-right: 4px; }

.section-video-idx4 .video-cmt .form-video { border: 1px solid #cccccc; border-radius: 8px; }

.section-video-idx4 .video-cmt .form-video textarea { border: 0; resize: none; background: none; }

.section-video-idx4 .video-cmt .form-video .btn-cmt { text-align: right; padding-right: 10px; padding-bottom: 10px; }

.section-video-idx4 .video-cmt .form-video .btn-cmt span { color: #cccccc; }

.section-video-idx4 .video-cmt .form-video .btn-cmt button { color: #fff; background-color: #8f0302; border-radius: 999px; margin-left: 6px; }

.section-video-idx4 .comments-video .comment-title { border-bottom: 1px solid #cccccc; padding-bottom: 8px; }

.section-video-idx4 .comments-video .comment-title h5 { font-size: 18px; color: #333333; display: inline-block; }

.section-video-idx4 .comments-video .comment-title span { color: #999999; margin-left: 6px; }

.section-video-idx4 .list-comments .btn-more { background-color: #f9f9f9; color: #999999; margin: 26px 0; }

.section-video-idx4 .item-comment { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px; padding-bottom: 20px; }

.section-video-idx4 .item-comment:not(:last-child) { border-bottom: 1px dashed #dddddd; }

.section-video-idx4 .item-comment .item-img { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; margin-right: 18px; }

.section-video-idx4 .item-comment .item-img img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; }

.section-video-idx4 .item-comment .item-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.section-video-idx4 .item-comment .item-content .user-name { color: #333333; margin-right: 10px; }

.section-video-idx4 .item-comment .item-content .cmt-time { color: #999999; }

.section-video-idx4 .item-comment .item-content .cmt-content { margin-top: 8px; }

.section-video-idx4 .item-comment .item-content .cmt-content p { margin-bottom: 0; color: #999999; }

.section-video-idx4 .page-sda.page-sda-v3 { padding: 0 0 20px; }

@-webkit-keyframes btn-animation { 0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }

@keyframes btn-animation { 0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }
  
.pages .first, .pages .end {display: none !important}

/*# sourceMappingURL=style.css.map */