body {
  background: none; }

.focus {
  color: #005598; }

.tit-type1 {
  font-size: 22px;
  color: #ffea00;
  position: relative; }
  .tit-type1-info {
    background: #005598;
    position: relative;
    border-radius: 10px;
    padding: 5px 0px 5px 56px;
    overflow: hidden; }
    .tit-type1-info:before, .tit-type1-info:after {
      content: '';
      position: absolute; }
    .tit-type1-info:before {
      border-top: solid 34px #f3ad0e;
      border-right: solid 57px transparent;
      top: 0px;
      left: 0px; }
    .tit-type1-info:after {
      border-bottom: solid 34px #f3ad0e;
      border-left: solid 57px transparent;
      bottom: 0px;
      right: 0px; }
  .tit-type1-icon {
    position: absolute;
    top: -18px;
    left: -1px;
    width: 52px; }
  .tit-type1 .focus {
    font-size: 32px;
    line-height: 22px;
    color: #ffea00; }

.tit-type2 {
  position: relative;
  font-size: 20px;
  padding-left: 20px;
  margin-top: 30px;
  padding-left: 25px; }
  .tit-type2::before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0px;
    background: #005598;
    width: 14px;
    height: 14px;
    -webkit-box-shadow: 0px 0px 0px 4px rgba(0, 85, 152, 0.4);
    box-shadow: 0px 0px 0px 4px rgba(0, 85, 152, 0.4);
    border-radius: 100%; }
  .tit-type2 .remark {
    font-weight: normal;
    font-size: 18px; }
  .tit-type2 .focus {
    font-size: 24px;
    line-height: 20px; }

.latestOffers {
  background: #fff; }
  .latestOffers-banner, .latestOffers-tit, .latestOffers-infoArea {
    max-width: 685px;
    margin: 0 auto; }
  .latestOffers-banner {
    margin-bottom: 15px; }
    .latestOffers-banner img {
      width: 100%; }
  .latestOffers-tit {
    color: #bb790c;
    font-size: 19px;
    margin-bottom: 10px; }
  .latestOffers-infoArea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #c4c4c4;
    padding: 30px 28px;
    padding-right: 27px;
    font-size: 16px;
    border-bottom: none;
    padding-bottom: 15px; }
    .latestOffers-infoArea-tit {
      font-size: 26px;
      color: #981c1a;
      color: #274784;
      margin-bottom: 18px; }
      .latestOffers-infoArea-tit-stit {
        font-size: 18px;
        font-weight: normal; }
    .latestOffers-infoArea-banner {
      width: 100%;
      height: auto; }
      .latestOffers-infoArea-banner img {
        border-radius: 5px;
        width: 100%; }
      .latestOffers-infoArea-banner .slick-slide {
        height: auto; }
      .latestOffers-infoArea-banner-mobile {
        display: none !important; }
    .latestOffers-infoArea-text {
      line-height: 28px;
      padding: 0px 18px;
      margin: 15px 0px; }
      .latestOffers-infoArea-text p {
        margin: 1em 0; }
      .latestOffers-infoArea-text-focus {
        color: #c30058; }
      .latestOffers-infoArea-text-img {
        float: left;
        width: 200px;
        margin-right: 10px; }
    .latestOffers-infoArea-item {
      margin: 40px 0px 40px; }
      .latestOffers-infoArea-item-text {
        padding-left: 18px;
        margin: 10px 0px; }
    .latestOffers-infoArea-offter img {
      width: 100%; }
    .latestOffers-infoArea-offter-mobile {
      display: none; }

.btnArea {
  text-align: center;
  margin-top: 20px; }

.btn-type1 {
  display: inline-block;
  vertical-align: middle;
  margin: 15px 0px;
  padding: 0px 5px; }
  .btn-type1 a {
    position: relative;
    text-decoration: none;
    text-align: center;
    color: #fff;
    display: block;
    border-radius: 10px;
    padding: 15px 35px;
    font-size: 20px;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    background: #c30058;
    -webkit-box-shadow: 0px 0px 0px 4px rgba(195, 0, 88, 0.3), 0px 0px 0px 8px rgba(195, 0, 88, 0.1);
    box-shadow: 0px 0px 0px 4px rgba(195, 0, 88, 0.3), 0px 0px 0px 8px rgba(195, 0, 88, 0.1); }
    .btn-type1 a:hover {
      -webkit-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
      transform: translateY(-6px); }
  .btn-type1.twoLines a {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 23px; }
    .btn-type1.twoLines a i {
      position: absolute;
      top: 50%;
      right: 12px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }

.notice {
  font-size: 14px; }
  .notice-tit {
    margin: 0 auto;
    font-size: 20px; }
  .notice-item {
    margin: 15px 0px; }
    .notice-item-tit {
      text-indent: -28px;
      padding-left: 28px;
      display: block; }
      .notice-item-tit-text {
        text-indent: 0px; }
    .notice-item ul li {
      padding-bottom: 5px; }
      .notice-item ul li:last-of-type {
        padding-bottom: 0px; }
    .notice-item-ul-1 {
      list-style-type: square;
      padding-left: 50px;
      padding-top: 5px; }
    .notice-item-ul-2 {
      list-style-type: none;
      padding-left: 57px;
      padding-top: 5px; }
    .notice-item-ul-3 {
      list-style-type: none;
      padding-left: 28px;
      padding-top: 5px; }
    .notice-item-ul-4 {
      list-style-type: none;
      padding-left: 50px;
      padding-top: 5px;
      text-indent: -17px; }
      .notice-item-ul-4 .notice-item-ul-1 {
        text-indent: 0;
        padding-left: 18px; }
  .notice img {
    max-width: 100%; }
  .notice p.tips {
    margin: 1em 0 .5em 1.2em; }

.dividingLine.dashed {
  margin: 30px 0px;
  border-bottom: dashed 1px #c4c4c4; }

.noticeTable {
  text-indent: 0px;
  margin-top: 5px;
  overflow-x: auto; }
  .noticeTable table {
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    width: 100%;
    min-width: 550px;
    border-spacing: 0px;
    font-size: 14px; }
    .noticeTable table tr {
      background: rgba(204, 204, 204, 0.2); }
      .noticeTable table tr td {
        border-left: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
        text-align: center;
        padding: 6px 3px; }
      .noticeTable table tr:nth-of-type(odd) {
        background: white; }
    .noticeTable table.ulli ul {
      text-align: left;
      list-style-type: disc;
      padding: 0 0 0 1.5em; }
  .noticeTable-tit {
    font-weight: bold; }

.offerTable {
  margin-top: 15px; }
  .offerTable table {
    width: 100%;
    border-spacing: 0px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    font-size: 14px; }
    .offerTable table tr td {
      padding: 10px 5px;
      border-top: solid 1px #ccc;
      border-left: solid 1px #ccc;
      text-align: center;
      position: relative; }
      .offerTable table tr td.align-left {
        text-align: left; }
  .offerTable-firstTag-line {
    position: absolute;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    top: 50%;
    left: 50%;
    -webkit-transform: rotate(45deg) translateX(-50%) translateY(-50%);
    -ms-transform: rotate(45deg) translateX(-50%) translateY(-50%);
    transform: rotate(45deg) translateX(-50%) translateY(-50%);
    width: 100%;
    height: 1px;
    background: #ccc; }
  .offerTable-firstTag-1 {
    text-align: right;
    padding-bottom: 80px; }
  .offerTable-firstTag-2 {
    text-align: left; }
  .offerTable-tit {
    font-size: 15px;
    font-weight: bold;
    background: #e8f4ff; }
  .offerTable-memberLv {
    text-align: center; }
    .offerTable-memberLv-tit {
      font-weight: bold; }
    .offerTable-memberLv-img {
      width: 90%;
      display: block;
      margin: 5px auto 0;
      border-radius: 10px; }
    .offerTable-memberLv-td {
      width: 20%; }
  .offerTable-row-2 {
    background: #fff1e4; }
  .offerTable-row-3 {
    background: #fffae4; }
  .offerTable-row-4 {
    background: #fffafc; }

.slick-arrow {
  position: absolute;
  z-index: 1;
  font-size: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  background: #fff;
  border: none;
  padding: 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 100%;
  text-align: center;
  width: 40px;
  padding: 14px 0px;
  outline: none;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8); }
  .slick-arrow:before {
    content: '';
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    border: solid 6px;
    border-color: transparent #274784; }
  .slick-arrow:hover {
    -webkit-transform: translateY(-50%) scale(1.2);
    -ms-transform: translateY(-50%) scale(1.2);
    transform: translateY(-50%) scale(1.2); }

.slick-prev {
  left: -20px; }
  .slick-prev:before {
    border-left-width: 0; }

.slick-next {
  right: -20px; }
  .slick-next:before {
    border-right-width: 0; }

.plate {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 33.33333%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 22px 6px 0; }
  .plate > div {
    background: #005598;
    -webkit-box-shadow: 0px 0px 0px 5px rgba(0, 85, 152, 0.3);
    box-shadow: 0px 0px 0px 5px rgba(0, 85, 152, 0.3);
    position: relative;
    text-align: center;
    border-radius: 100%;
    width: 201px;
    height: 201px;
    background: #005598 url(../images/wood-grain.png) center bottom;
    background-size: cover; }
  .plate-area {
    font-size: 0px;
    margin: 0px -6px; }
  .plate-top {
    position: absolute;
    z-index: 1;
    -webkit-transform: scale(0.8) translateX(61%);
    -ms-transform: scale(0.8) translateX(61%);
    transform: scale(0.8) translateX(61%);
    right: 50%;
    top: -26px; }
    .plate-top-triangle {
      display: none; }
      .plate-top-triangle:before, .plate-top-triangle:after {
        content: '';
        position: absolute;
        top: 5px;
        left: 0px;
        border-bottom: solid 44px #be2142;
        border-left: solid 154px transparent;
        border-right: solid 154px transparent; }
      .plate-top-triangle:before {
        top: 0px;
        border-bottom-color: #d3b972; }
    .plate-top-round {
      border-radius: 100%;
      background: #fff;
      width: 11px;
      height: 11px;
      position: absolute;
      top: 33px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      display: none; }
  .plate-bottom {
    padding: 10px 10px 10px; }
    .plate-bottom-tag {
      position: relative;
      font-size: 20px;
      font-weight: bold;
      color: #000;
      background: #f3ad0e;
      padding: 3px 10px;
      display: inline-block; }
      .plate-bottom-tag-left, .plate-bottom-tag-right {
        position: absolute;
        top: 0px;
        height: 100%; }
        .plate-bottom-tag-left:before, .plate-bottom-tag-left:after, .plate-bottom-tag-right:before, .plate-bottom-tag-right:after {
          content: '';
          position: absolute; }
        .plate-bottom-tag-left:before, .plate-bottom-tag-right:before {
          top: 0px; }
        .plate-bottom-tag-left:after, .plate-bottom-tag-right:after {
          bottom: 0px; }
      .plate-bottom-tag-left {
        left: -8px; }
        .plate-bottom-tag-left:before {
          border-right: solid 8px #f3ad0e;
          border-bottom: solid 17px transparent; }
        .plate-bottom-tag-left:after {
          border-right: solid 8px #f3ad0e;
          border-top: solid 17px transparent; }
      .plate-bottom-tag-right {
        right: 0px; }
        .plate-bottom-tag-right:before {
          border-left: solid 8px #f3ad0e;
          border-bottom: solid 17px transparent; }
        .plate-bottom-tag-right:after {
          border-left: solid 8px #f3ad0e;
          border-top: solid 17px transparent; }
    .plate-bottom-tit {
      font-weight: bold;
      color: #fff;
      font-size: 22px;
      letter-spacing: -0.9px;
      padding: 8px 0px 5px; }
      .plate-bottom-tit .focus {
        font-size: 26px;
        color: #ffea00; }
    .plate-bottom-text {
      font-size: 16px;
      color: #fdddb7; }
      .plate-bottom-text ul li {
        padding: 2px 0px; }

.table {
  font-size: 16px;
  margin-top: 15px; }
  .table-row {
    display: table;
    width: 100%;
    border-radius: 5px;
    background: rgba(243, 173, 14, 0.03);
    margin: 4px 0px; }
    .table-row:nth-of-type(2n+0) {
      background: rgba(243, 173, 14, 0.1); }
  .table-tit {
    color: #fff;
    background: #005598;
    background: #63727d;
    font-weight: bold; }
  .table-col {
    display: table-cell;
    vertical-align: middle;
    padding: 8px 24px; }
  .table-info-tit {
    font-weight: bold; }
    .table-info-tit .focus {
      font-size: 20px;
      color: #d40060; }
  .table-info-text {
    list-style: disc;
    padding-left: 18px; }
    .table-info-text li {
      padding-bottom: 5px; }
      .table-info-text li:last-of-type {
        padding-bottom: 0px; }
      .table-info-text li .focus {
        color: #005598; }
  .table-1 .table-col:nth-of-type(1), .table-2 .table-col:nth-of-type(1), .table-3 .table-col:nth-of-type(1), .table-4 .table-col:nth-of-type(1) {
    width: 23%;
    border-right: dashed 1px rgba(0, 0, 0, 0.3);
    text-align: center; }
  .table-2 {
    margin-top: 30px; }
  .table-4 .table-col:nth-of-type(1) {
    width: 25%; }

.youth .tit-type1-info {
  padding-right: 170px; }

.youth-stit {
  font-weight: bold;
  font-size: 18px;
  position: relative;
  margin-top: 15px;
  padding-right: 170px; }
  .youth-stit-time {
    position: absolute;
    text-align: center;
    top: -30px;
    right: 30px;
    background: #c30058;
    -webkit-box-shadow: 0px 0px 0px 4px rgba(195, 0, 88, 0.3), 0px 0px 0px 8px rgba(195, 0, 88, 0.1);
    box-shadow: 0px 0px 0px 4px rgba(195, 0, 88, 0.3), 0px 0px 0px 8px rgba(195, 0, 88, 0.1);
    border-radius: 100%;
    width: 100px;
    height: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 26px 0px 0px; }
    .youth-stit-time-bg {
      display: none; }
      .youth-stit-time-bg-1 {
        border-bottom-color: #ab1535;
        border-top: none;
        top: -25px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
      .youth-stit-time-bg-2 {
        border-left-color: #ab1535;
        border-right: none;
        right: -25px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
      .youth-stit-time-bg-3 {
        border-top-color: #ab1535;
        border-bottom: none;
        bottom: -25px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
      .youth-stit-time-bg-4 {
        border-right-color: #ab1535;
        border-left: none;
        left: -25px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
    .youth-stit-time-tit {
      color: #fcff00; }
    .youth-stit-time-time {
      color: #fff; }
  .youth-stit-text {
    color: #c30058; }

.youth .plate {
  width: 50%; }
  .youth .plate > div {
    width: auto;
    height: auto;
    border-radius: 10px; }
  .youth .plate-area {
    margin: 10px -6px 0; }
  .youth .plate-bottom-text ul {
    list-style: disc;
    text-align: left;
    padding-left: 18px; }

.youth-text {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-top: 27px;
  font-size: 16px; }

.youth .btnArea {
  margin-top: 0px; }

.youth .btn-type1 {
  margin-bottom: 0px; }

.recommend .latestOffers-infoArea-banner {
  margin-top: 15px; }

.recommend .btnArea {
  margin-top: -6px; }

.goNoticeLink {
  text-align: right; }
  .goNoticeLink a {
    font-size: 15px;
    margin-top: 10px;
    display: inline-block;
    color: #274784;
    text-decoration: none;
    border-bottom: dashed 1px transparent;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all; }
    .goNoticeLink a:hover {
      border-bottom-color: #274784; }

.eventTime {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  background: #c30058;
  border-radius: 20px;
  color: #fae391;
  color: #fff;
  max-width: 400px;
  margin: 10px auto;
  padding: 3px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7); }

.oneDayActivity-item {
  position: relative;
  margin: 18px 0px; }
  .oneDayActivity-item-img {
    position: absolute;
    top: 0px;
    left: 0px; }
  .oneDayActivity-item-infoArea {
    position: relative;
    border-radius: 10px;
    border: solid 4px rgba(0, 85, 152, 0.3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 27px; }
    .oneDayActivity-item-infoArea .tit-type2 {
      margin: 15px 0px; }
    .oneDayActivity-item-infoArea-text {
      margin: 15px 0px; }
      .oneDayActivity-item-infoArea-text ol,
      .oneDayActivity-item-infoArea-text ul {
        padding-left: 19px; }
        .oneDayActivity-item-infoArea-text ol.upper-alpha,
        .oneDayActivity-item-infoArea-text ul.upper-alpha {
          list-style: disc; }
        .oneDayActivity-item-infoArea-text ol li,
        .oneDayActivity-item-infoArea-text ul li {
          padding-bottom: .8em;
          color: #005598; }
          .oneDayActivity-item-infoArea-text ol li:last-of-type,
          .oneDayActivity-item-infoArea-text ul li:last-of-type {
            padding-bottom: 0px; }
          .oneDayActivity-item-infoArea-text ol li strong,
          .oneDayActivity-item-infoArea-text ul li strong {
            color: #000000;
            font-weight: normal; }
      .oneDayActivity-item-infoArea-text-link {
        -webkit-transition: 0.3s ease all;
        -o-transition: 0.3s ease all;
        transition: 0.3s ease all;
        background: #c30058;
        color: #fff;
        text-decoration: none;
        border-radius: 4px;
        padding: 6px 10px;
        margin: 5px 0;
        display: block;
        width: 100px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center; }
        .oneDayActivity-item-infoArea-text-link:hover {
          -webkit-box-shadow: 0px 0px 0px 3px rgba(195, 0, 88, 0.3);
          box-shadow: 0px 0px 0px 3px rgba(195, 0, 88, 0.3); }
      .oneDayActivity-item-infoArea-text .remark {
        font-size: 13px; }
    .oneDayActivity-item-infoArea-announcement {
      position: relative;
      padding: 10px 15px;
      font-size: 15px;
      background: #ffe9b6;
      border-radius: 10px;
      border: solid 3px #fbd57d;
      padding-left: 42px;
      margin: 10px 0px; }
      .oneDayActivity-item-infoArea-announcement .fa-bullhorn {
        position: absolute;
        top: 5px;
        left: 5px;
        border-radius: 100%;
        color: #fff;
        background: #005598;
        width: 30px;
        line-height: 30px;
        text-align: center; }
      .oneDayActivity-item-infoArea-announcement ul {
        margin: 0px;
        padding: 0px;
        padding-left: 17px;
        list-style: disc; }

.newYearEventItem {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  padding: 0px 10px; }
  .newYearEventItem-area {
    font-size: 0px;
    margin: 0px -10px;
    text-align: center; }
  .newYearEventItem-top {
    background: #c73333;
    border-radius: 10px 10px 0px 0px;
    color: #fff;
    font-size: 20px;
    padding: 5px 0px 7px;
    margin: 0px;
    font-weight: normal; }
    .newYearEventItem-top .focus {
      font-size: 24px;
      color: #ffe479;
      font-weight: bold; }
  .newYearEventItem-main {
    height: 10px;
    background: #bf9438;
    background: -moz-linear-gradient(left, #bf9438 0%, #f1e7cd 50%, #bf9438 100%);
    background: -webkit-linear-gradient(left, #bf9438 0%, #f1e7cd 50%, #bf9438 100%);
    background: -webkit-gradient(linear, left top, right top, from(#bf9438), color-stop(50%, #f1e7cd), to(#bf9438));
    background: -o-linear-gradient(left, #bf9438 0%, #f1e7cd 50%, #bf9438 100%);
    background: linear-gradient(to right, #bf9438 0%, #f1e7cd 50%, #bf9438 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf9438', endColorstr='#bf9438',GradientType=1 ); }
  .newYearEventItem-bottom {
    background: #ffd6c6;
    font-size: 16px;
    border-radius: 0px 0px 10px 10px;
    padding: 10px 0px; }
    .newYearEventItem-bottom .focus {
      font-size: 20px;
      color: #c73333;
      font-weight: bold; }
