.container_wrapper:after, .container_wrapper:before {
    content: '.';
    height: 0;
    display: block;
    overflow: hidden;
}

.border_top_2, .date_select .date_select_header {
    border-top: 2px solid #0255A5;
}

/** common-style for all pages   ---- start    ---- */
input, textarea {
    -webkit-appearance: none;
    outline: none;
}

.display-none {
    display: none;
}

.display-block {
    display: block;
}

[data-next], [data-prev], [data-prev-normal], [data-next-normal], [data-next-big], [data-prev-big], [data-next-big-grey], [data-prev-big-grey] {
    width: 7px;
    height: 14px;
    background: transparent url("../images/icon/data-next.svg") no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    font-size: 0;
}

[data-prev] {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

[data-prev-normal], [data-next-normal] {
    background: transparent url("../images/icon/data-prev-normal.svg") no-repeat;
    background-size: 100% 100%;
}

[data-next-normal] {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

[data-next-big], [data-prev-big] {
    width: 22px;
    height: 42px;
    background: transparent url("../images/icon/data-next-big.svg") no-repeat;
    background-size: 100% 100%;
}

[data-prev-big] {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

[data-next-big-grey], [data-prev-big-grey] {
    width: 22px;
    height: 42px;
    background: transparent url("../images/icon/data-next-big-grey.svg") no-repeat;
    background-size: 100% 100%;
}

[data-prev-big-grey] {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

[data-prev-nav], [data-next-nav] {
    font-size: 0;
    background: transparent url("../images/icon/paginator_arrow_prev.svg") no-repeat;
    background-size: 100% 100%;
}

[data-next-nav] {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

[data-arrow-down], [data-point-down], [data-point-up] {
    width: 13px;
    height: 7px;
    background: transparent url("../images/icon/arrow_down.svg") no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    font-size: 0;
}

[data-point-up] {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

[arrow-down-big] {
    background: transparent url("../images/icon/arrow_down_big.svg") no-repeat;
    background-size: 100% 100%;
    font-size: 0;
    width: 17px;
    height: 11px;
}

[data-search], [data-search-white] {
    background: transparent url("../images/icon/data-search.svg") no-repeat;
    background-size: 100% 100%;
    font-size: 0;
}

[data-close] {
    background: transparent url("../images/icon/close.svg") no-repeat;
    background-size: 100% 100%;
    font-size: 0;
}

[data-close-red], [data-form-error] {
    background: transparent url("../images/icon/error_form.svg") no-repeat;
    background-size: 100% 100%;
    font-size: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
}

[data-search-white] {
    background-image: url("../images/icon/search_white.svg");
}

[data-goto] {
    background: transparent url("../images/icon/goto.svg") center center no-repeat;
    background-size: auto;
}

[data-wechat] {
    background: transparent url("../images/icon/wechat.svg") no-repeat;
    background-size: 100% 100%;
    font-size: 0;
}

[data-wechat-grey] {
    background: transparent url("../images/icon/wechat_grey.svg") no-repeat;
    background-size: 100% 100%;
    font-size: 0;
}

[data-email] {
    background: transparent url("../images/icon/email.svg") no-repeat;
    background-size: 100% 100%;
    font-size: 0;
}

[data-weibo] {
    background: transparent url("../images/icon/weibo.svg") no-repeat;
    background-size: 100% 100%;
    font-size: 0;
}

[data-weibo-grey] {
    background: transparent url("../images/icon/weibo_grey.svg") no-repeat;
    background-size: 100% 100%;
    font-size: 0;
}

[data-youku] {
    background: transparent url("../images/icon/youku.svg") no-repeat;
    background-size: 100% 100%;
    font-size: 0;
}

[data-sponsors-title], .footer .footer_sponsors .sponsors-title:after {
    background: transparent url("../images/icon/rm_vect_logo.svg") no-repeat;
    background-size: 100% 100%;
    font-size: 0;
}

[data-camera], [data-camera-grey] {
    font-size: 0;
    height: 62px;
    width: 62px;
    display: inline-block;
    background: transparent url("../images/icon/camera.svg") no-repeat;
    background-size: 100% 100%;
}

[data-camera-grey] {
    background: transparent url("../images/icon/camera_grey.svg") no-repeat;
    background-size: 100% 100%;
}

[data-checkbox-off], [data-checkbox-on] {
    background: transparent url("../images/icon/custom_checkbox.svg") no-repeat;
    background-size: auto;
    width: 13px;
    height: 13px;
    display: inline-block;
    background-position: -15px 0;
}

[data-checkbox-on] {
    background-position: 0 0;
}

[data-play-btn], [data-video] {
    position: relative;
    width: 62px;
    height: 62px;
    display: inline-block;
}

[data-play-btn]:before, [data-video]:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-left: 11px solid #fff;
    border-right: 0;
}

[data-play-btn]:after, [data-video]:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 7px solid #fff;
    border-radius: 100%;
}

[data-realnadrid-logo-white] {
    background: transparent url("../images/icon/logo_m_section.svg") no-repeat;
    background-size: 100% 100%;
    font-size: 0;
}

[data-divid-line] {
    background-color: #fff;
    height: 0;
    width: 0;
}

[data-route-time] {
    display: inline-block;
    vertical-align: top;
    width: 27px;
    height: 33px;
    background: transparent url("../images/icon/tour_route_time.png") no-repeat;
    background-size: 100% 100%;
    font-size: 0;
}

[data-schedule] {
    background: transparent url("../images/icon/schedule.svg") no-repeat;
    background-size: 100% 100%;
    font-size: 0;
}

[data-bullet-news] {
    background: transparent url("../images/icon/bullet_news.svg") no-repeat;
    background-size: 100% 100%;
    font-size: 0;
}

[data-photo] {
    background: transparent url("../images/icon/photo.svg") no-repeat;
    background-size: 100% 100%;
    font-size: 0;
}

.clear_both:after, .layout_table_precent:after, .layout_table:after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    clear: both;
}

.hidden_font {
    font-size: 0 !important;
}

html {
    min-height: 100%;
}

a {
    color: inherit;
    text-decoration: none;
}

body {
    font-size: x-small;
    font-family: 'Emojis', Arial, 'Microsoft YaHei', Helvetica, sans-serif;
}

.wrapper, .main-wrapper {
    max-width: 1080px;
    margin: 0 auto;
}

.main-wrapper {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 5px;
}

.margin_wrapper, .content_title, .recent-game .header_info .header_info_description .header_info_tickets .tickets_wrapper, .recent-game .header_info .header_info_description .header_info_tickets .details_wrapper, .recent-game .header_info .header_info_description .header_info_details .tickets_wrapper, .recent-game .header_info .header_info_description .header_info_details .details_wrapper, .m_personal_info {
    margin-right: 10px;
    margin-left: 10px;
}

.padding_wrapper, .recent-game .header_info .header_info_description .header_info_details .bg_header_info_details {
    padding-right: 10px;
    padding-left: 10px;
}

.content_title {
    margin-top: 20px;
    margin-bottom: 18px;
}

.col_title h2 {
    font-weight: normal;
}

.accessible {
    display: none !important;
}

/** common-style for all pages   ---- finish   ---- */
/** recent game elem, it only show when screen width > 1000px   ---- 	start    ---- */
/** this is a carousel component */
.recent-game {
    width: 100%;
    background-color: #000;
    color: #fff;
    margin: 0 auto;
}

.recent-game .swiper-slide {
    width: 100%;
    font-size: x-small;
}

.recent-game .swiper-button-prev, .recent-game .swiper-button-next {
    position: absolute;
    bottom: 10px;
}

.recent-game .swiper-button-prev {
    right: 50%;
    margin-right: 480px;
}

.recent-game .swiper-button-next {
    left: 50%;
    margin-left: 480px;
}

.recent-game .brief-info {
    text-align: right;
    font-weight: bold;
}

.recent-game .brief-info strong, .recent-game .brief-info time, .recent-game .brief-info em, .recent-game .brief-info .info-action {
    display: inline-block;
    vertical-align: top;
    line-height: 35px;
    border-right: 1px solid #2C2C2C;
    padding: 0 12px;
    color: #737373;
    font-size: 1.2em;
}

.recent-game .brief-info strong {
    min-width: 95px;
    max-width: 210px;
    font-weight: 400;
}

.recent-game .brief-info time {
    white-space: normal;
    text-align: center;
}

.recent-game .brief-info em {
    font-style: normal;
    text-transform: lowercase;
}

.recent-game .brief-info .accessible {
    font-size: 0;
}

.recent-game .brief-info .game-team {
    padding-right: 20px;
}

.recent-game .brief-info .game-team img {
    height: 27px;
    display: inline-block;
    margin-left: 10px;
    padding-top: 4px;
}

.recent-game .brief-info .info-action {
    width: 493px;
    text-align: left;
    border-right: 0;
}

.recent-game .brief-info .info-action .info-buy, .recent-game .brief-info .info-action .info-more {
    padding: 0 12px;
    line-height: 35px;
    display: inline-block;
    vertical-align: top;
    font-size: 1em;
    color: #fff;
    text-decoration: none;
}

.recent-game .brief-info .info-action .info-buy {
    background-color: #2A2A2A;
}

.recent-game.show-info .header_info {
    display: block;
}

.recent-game.show-info .brief-info {
    visibility: hidden;
}

.recent-game .header_info {
    display: none;
    position: relative;
}

.recent-game .header_info .header_info_description {
    display: table;
    width: 100%;
}

.recent-game .header_info .header_info_description .header_info_tickets, .recent-game .header_info .header_info_description .header_info_details {
    font-size: x-small;
    padding-bottom: 14px;
    padding-top: 15px;
    width: 25%;
    vertical-align: top;
    display: table-cell;
}

.recent-game .header_info .header_info_description .header_info_tickets .tickets_wrapper, .recent-game .header_info .header_info_description .header_info_tickets .details_wrapper, .recent-game .header_info .header_info_description .header_info_details .tickets_wrapper, .recent-game .header_info .header_info_description .header_info_details .details_wrapper {
    min-height: 20px;
}

.recent-game .header_info .header_info_description .header_info_tickets .details_wrapper, .recent-game .header_info .header_info_description .header_info_details .details_wrapper {
    height: 100%;
    position: relative;
}

.recent-game .header_info .header_info_description .header_info_details {
    position: relative;
    color: #ccc;
}

.recent-game .header_info .header_info_description .header_info_details .bg_header_info_details {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.recent-game .header_info .header_info_description .header_info_details .bg_header_info_details:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #212121;
}

.recent-game .header_info .header_info_description .header_info_details .details_wrapper {
    padding: 0 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.recent-game .header_info .header_info_description .header_info_details .title {
    font-size: 1.2em;
}

.recent-game .header_info .header_info_description .header_info_details strong, .recent-game .header_info .header_info_description .header_info_details time, .recent-game .header_info .header_info_description .header_info_details em {
    display: block;
    line-height: 1.4;
    font-weight: normal;
    font-size: 1.4em;
    font-style: normal;
}

.recent-game .header_info .header_info_description .header_info_details em {
    margin-top: 10px;
    font-size: 1.4em;
}

.recent-game .header_info .header_info_description .header_info_details .header_info_share {
    border-top: 1px solid #303030;
    border-bottom: 1px solid #303030;
    font-size: 1.3em;
    margin-top: 52px;
    padding: 20px 0;
    position: relative;
}

.recent-game .header_info .header_info_description .header_info_details .header_info_share .share_logo {
    font-size: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.recent-game .header_info .header_info_description .header_info_details .header_info_share .share_logo .logo_item {
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 50%;
    background-color: #4d4d4d;
    margin: 0 10px;
    position: relative;
}

.recent-game .header_info .header_info_description .header_info_details .header_info_share .share_logo .logo_item .icon-img {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.recent-game .header_info .header_info_description .header_info_tickets strong {
    color: #999999;
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: normal;
    display: block;
    line-height: 1.4;
}

.recent-game .header_info .header_info_description .header_info_tickets strong > span {
    display: block;
    font-size: 1.15em;
    font-weight: bold;
}

.recent-game .header_info .header_info_description .header_info_tickets .header_tickets_pricing {
    color: #999999;
    text-transform: uppercase;
    border-top: 1px solid #303030;
    padding: 12px 0 0 0;
}

.recent-game .header_info .header_info_description .header_info_tickets .header_tickets_pricing .price_item {
    position: relative;
    line-height: 20px;
}

.recent-game .header_info .header_info_description .header_info_tickets .header_tickets_pricing .price_item .price_title {
    font-size: 1.4em;
}

.recent-game .header_info .header_info_description .header_info_tickets .header_tickets_pricing .price_item .price_value {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    font-size: 1.8em;
    color: #fff;
    font-weight: bold;
}

.recent-game .header_info .header_info_description .header_info_tickets .header_tickets_pricing .ticket_action {
    text-align: right;
    margin-top: 6px;
    font-size: 1.4em;
}

.recent-game .header_info .header_info_description .header_description_teams {
    padding-bottom: 17px;
    padding-top: 17px;
    font-size: 0;
}

.recent-game .header_info .header_info_description .header_description_teams > * {
    font-size: x-small;
    width: 33.33%;
    display: inline-block;
    vertical-align: top;
}

.recent-game .header_info .header_info_description .header_description_teams > * img {
    display: block;
    margin: 0 auto 10px;
}

.recent-game .header_info .header_info_description .header_description_teams .team {
    text-align: center;
}

.recent-game .header_info .header_info_description .header_description_teams .team strong {
    display: block;
}

.recent-game .header_info [data-close] {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    right: 0;
    top: 22px;
}

@media (max-width: 1000px) {
    .recent-game {
        display: none;
    }
}

/** recent game elem, it only show when screen width > 1000px   ---- 	finish   ---- */
/** header, the main of these effect when width > 1000px   ---- 	start   ---- */
/** top navigation, include navigation and navigation fiexd change animation  */
.header {
    background-color: #fff;
    width: 100%;
}

.header .header-main-wrapper {
    padding-top: 10px;
    padding-bottom: 20px;
    position: relative;
}

.header .dark_line {
    height: 36px;
    background-color: #3e3e3e;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header .dark_line img {
    height: 36px;
    object-fit: contain;
}

.header .dark_line .dot {
    width: 56px;
    height: 36px;
    color: white;
    justify-content: center;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    font-size: 18px;
}


.header .header-main-wrapper .header_corp_nav {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 0;
}

.header .header-main-wrapper .header_corp_nav .corp_nav {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    border-right: 1px solid #999;
    font-size: x-small;
    line-height: 1.4;
    color: #666;
    text-decoration: none;
    cursor: pointer;
}

.header .header-main-wrapper .header_corp_nav .corp_nav.strong {
    color: #0255a5;
}

.header .header-main-wrapper .header_corp_nav .corp_nav .accessible {
    font-size: 0;
}

.header .header-main-wrapper .header_corp_nav .corp_nav_link_dropdown {
    padding-right: 30px;
    background: url(../images/icon/arrow_down.svg) no-repeat 33px 3px;
    position: relative;
}

.header .header-main-wrapper .header_corp_nav .corp_nav_link_dropdown:hover .nav-scd {
    display: block;
}

.header .header-main-wrapper .header_corp_nav .corp_nav_link_dropdown .nav-scd {
    padding-top: 10px;
    min-width: auto;
}

.header .header-main-wrapper .header_corp_nav .corp_nav_link_dropdown .nav-scd:before {
    margin-top: 10px;
}

.header .header-main-wrapper .header_corp_nav .corp_nav_link_dropdown .nav-scd .nav-scd-ul .nav-scd-item > a {
    white-space: nowrap;
    padding: 7px 15px;
    font-size: 1em;
}

.header .navlist_item_with_dropdown {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.header .navlist_item_with_dropdown > a {
    margin-right: 15px;
    position: relative;
}

.header .navlist_item_with_dropdown > a:after {
    content: '';
    position: absolute;
    top: 6px;
    right: -15px;
    background: url(../images/icon/arrow_down_small.svg) right top no-repeat;
    background-size: 100% auto;
    width: 9px;
    height: 5px;
}

.header .navlist_item_with_dropdown.navlist_item_with_ad {
    position: static !important;
}

.header .navigation_tools {
    height: 1px;
    position: relative;
    z-index: 10;
}

.header .navigation_tools .navigation_tools-ul {
    position: absolute;
    list-style-type: none;
    font-size: 0;
    right: 10px;
    top: 1px;
}

.header .navigation_tools .navigation_tools-ul .navigation_tools-li {
    font-size: x-small;
    display: inline-block;
    vertical-align: top;
    color: #0255a5;
    padding-bottom: 15px;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    position: relative;
}

.header .navigation_tools .navigation_tools-ul .navigation_tools-li > a {
    padding-left: 12px;
    color: inherit;
    text-decoration: none;
    display: block;
    border-right: 1px solid #999;
    line-height: 16px;
    position: relative;
    padding-right: 25px;
}

.header .navigation_tools .navigation_tools-ul .navigation_tools-li:last-child a {
    border-right: 0;
    padding-right: 0;
}

.header .navigation_tools .navigation_tools-ul .navigation_tools-li:last-child a:after {
    display: none;
}

.header .navigation_tools .navigation_tools-ul .navigation_tools-li.active {
    border-bottom-color: #000;
}

.header .navigation_tools .navigation_tools-ul .navigation_tools-li:hover .nav-scd {
    display: block;
}

.header .navigation_tools .navlist_item_with_dropdown > a {
    margin-right: 0;
}

.header .navigation_tools .navlist_item_with_dropdown > a:after {
    right: 9px;
}

.header .navigation_tools .search {
    width: 16px;
    height: 16px;
    display: block;
}

.header .navigation {
    position: relative;
}

.header .navigation a {
    color: inherit;
    text-decoration: none;
}

.header .navigation .navigation-logo {
    width: 0px;
    position: absolute;
    left: 10px;
    top: 0;
    margin-top: -6px;
}

.header .navigation > ul {
    font-size: 0;
    list-style-type: none;
    color: #666;
    position: relative;
    -webkit-transition: margin 0.3s;
    -o-transition: margin 0.3s;
    -moz-transition: margin 0.3s;
    transition: margin 0.3s;
    padding: 0;
}

.header .navigation .navigation-li {
    display: inline-block;
    line-height: 16px;
    font-size: x-small;
    margin-left: 18px;
    position: relative;
}

.header .navigation .navigation-li > a {
    display: block;
    padding-bottom: 15px;
    border-bottom: 1px solid transparent;
}

.header .navigation .navigation-li:first-child {
    margin-left: 0;
}

.header .navigation .navigation-li.active a {
    border-bottom-color: #000;
}

.header .navigation .navigation-li:hover .nav-scd {
    display: block;
}

.header .mobile_menu_trigger {
    display: none;
}

.header .mobile_menu {
    display: none;
}

@media (min-width: 1000px) {
    body.fixed-header {
        padding-top: 122px;
    }

    body.fixed-header .recent-game {
        display: none;
    }

    body.fixed-header .header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 15;
        /*padding-top: 15px;*/
    }

    body.fixed-header .header .header-main-wrapper {
        display: none;
    }

    body.fixed-header .header .navigation > ul {
        margin-left: 44px;
    }

    body.fixed-header .header .navigation .navigation-logo {
        width: 21px;
    }
}

/** header, the main of these effect when width > 1000px   ---- 	finish   ---- */
/** header in width < 1000px */
/** header default fiexd, and mobile_menu will appear from the left of screen  */
/** contain navigation switch animation  */
@media (max-width: 1000px) {
    body {
        padding-top: 57px;
    }

    .header {
        border-bottom: 1px solid #d9d9d9;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
    }

    .header .header_corp_nav, .header .navigation_tools, .header .navigation {
        display: none;
    }

    .header .mobile_menu_trigger {
        height: 56px;
        border-right: 1px solid #d9d9d9;
        width: 50px;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
    }

    .header .mobile_menu_trigger span {
        width: 20px;
        height: 2px;
        background-color: #000300;
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .header .mobile_menu_trigger span:before, .header .mobile_menu_trigger span:after {
        content: '';
        width: 20px;
        height: 2px;
        background-color: #000300;
        display: block;
        position: absolute;
    }

    .header .mobile_menu_trigger span:before {
        top: -6px;
    }

    .header .mobile_menu_trigger span:after {
        bottom: -6px;
    }

    .header .header-main-wrapper {
        padding: 6px 15px 0 62px;
        min-height: 50px;
    }

    .header .logo {
        width: auto;
        max-height: 43px;
    }

    .header .mobile_menu {
        -webkit-transform: translate(-240px, 0);
        -moz-transform: translate(-240px, 0);
        -ms-transform: translate(-240px, 0);
        -o-transform: translate(-240px, 0);
        transform: translate(-240px, 0);
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }

    .header .mobile_menu .menu-content-wrapper {
        z-index: 15;
        width: 240px;
        background: #222;
    }

    .header .mobile_menu .rolling-wrapper {
        position: relative;
    }

    .header .mobile_menu .menu-list, .header .mobile_menu .menu-list-ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        font-size: 1.4em;
    }

    .header .mobile_menu .navigation_goto_subnav {
        display: block;
        color: #8c8c8c;
        width: 100%;
        border-bottom: 1px solid #333;
    }

    .header .mobile_menu .navigation_goto_subnav > a {
        display: block;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 18px;
        text-decoration: none;
    }

    .header .mobile_menu .navigation_goto_subnav.strong {
        color: #fff;
    }

    .header .mobile_menu .navigation_goto_subnav.parent-nav {
        position: relative;
    }

    .header .mobile_menu .navigation_goto_subnav.parent-nav .icon-goto {
        right: 0;
    }

    .header .mobile_menu .navigation_goto_subnav .icon-goto {
        position: absolute;
        top: 0;
        width: 57px;
        height: 100%;
        border-left: 182px solid transparent;
    }

    .header .mobile_menu .navigation_goto_subnav .icon-goto:after {
        content: '';
        position: absolute;
        top: 0;
        right: 57px;
        height: 100%;
        width: 1px;
        background: #333;
    }

    .header .mobile_menu .navigation_goto_subnav.nav-back {
        background: #000;
        position: relative;
    }

    .header .mobile_menu .navigation_goto_subnav.nav-back > a {
        padding-left: 35px;
    }

    .header .mobile_menu .navigation_goto_subnav.nav-back .icon-goto {
        left: 0;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        border: 0;
        width: 44px;
    }

    .header .mobile_menu .scd-menu .navigation_goto_subnav > a {
        padding-left: 33px;
    }

    .header .mobile_menu .scd-menu .nav-title > a {
        padding-left: 18px;
    }

    .header .mobile_menu .menu-list {
        overflow: hidden;
        -webkit-transition: height 0.3s;
        -o-transition: height 0.3s;
        -moz-transition: height 0.3s;
        transition: height 0.3s;
    }

    .header .mobile_menu .scd-menu.scd-menu-show-animation {
        -webkit-animation: scd-menu-show-animation 0.3s forwards;
        -moz-animation: scd-menu-show-animation 0.3s forwards;
        -o-animation: scd-menu-show-animation 0.3s forwards;
        animation: scd-menu-show-animation 0.3s forwards;
    }

    @-webkit-keyframes scd-menu-show-animation {
        0% {
            -webkit-transform: translate(240px);
            transform: translate(240px);
        }
        100% {
            -webkit-transform: translate(0);
            transform: translate(0);
        }
    }
    @-moz-keyframes scd-menu-show-animation {
        0% {
            -moz-transform: translate(240px);
            transform: translate(240px);
        }
        100% {
            -moz-transform: translate(0);
            transform: translate(0);
        }
    }
    @-o-keyframes scd-menu-show-animation {
        0% {
            -o-transform: translate(240px);
            transform: translate(240px);
        }
        100% {
            -o-transform: translate(0);
            transform: translate(0);
        }
    }
    @keyframes scd-menu-show-animation {
        0% {
            -webkit-transform: translate(240px);
            -moz-transform: translate(240px);
            -o-transform: translate(240px);
            transform: translate(240px);
        }
        100% {
            -webkit-transform: translate(0);
            -moz-transform: translate(0);
            -o-transform: translate(0);
            transform: translate(0);
        }
    }
    .header .mobile_menu .m_link_dropdown .icon-goto:after, .header .mobile_menu .nav-back .icon-goto:after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 240px;
        height: 100%;
        background: transparent;
    }

    .header .mobile_menu .header_corp_nav {
        color: #ccc;
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: block;
        background: #000;
    }

    .header .mobile_menu .header_corp_nav > li {
        padding-left: 19px;
    }

    .header .mobile_menu .header_corp_nav > li > a {
        padding-top: 21px;
        display: block;
        font-size: 1.4em;
    }

    .header .mobile_menu .header_corp_nav > li.m_link_dropdown {
        padding: 0 0 0 19px;
        line-height: 63px;
        position: relative;
    }

    .header .mobile_menu .header_corp_nav > li.m_link_dropdown > a {
        font-size: 0;
        padding: 0;
    }

    .header .mobile_menu .header_corp_nav > li small {
        width: 51px;
        display: inline-block;
        position: relative;
        padding-right: 13px;
        font-size: 1.4em;
    }

    .header .mobile_menu .header_corp_nav > li small:after {
        width: 1px;
        height: 9px;
        background-color: #333333;
        display: inline-block;
        content: "";
        vertical-align: middle;
        position: absolute;
        top: 50%;
        right: 13px;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    .header .mobile_menu .header_corp_nav > li .menu-label {
        font-size: 1.4em;
        color: #fff;
        position: absolute;
        padding-left: 64px;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .header .mobile_menu .header_corp_nav > li .icon-goto {
        position: absolute;
        right: 0;
        top: 0;
        width: 57px;
        height: 100%;
    }

    .header .mobile_menu .header_corp_nav > li .header_link_sponsors {
        padding-right: 19px;
    }

    .header .mobile_menu .header_link_sponsors {
        display: block;
        padding: 0 0 20px 0;
        text-align: center;
        background-color: #000;
    }

    .header .mobile_menu .header_link_sponsors > a {
        text-decoration: none;
        padding: 12px 12px 0 12px;
        text-transform: uppercase;
        display: inline-block;
        height: 23px;
        font-size: 1.2em;
        color: #999;
        font-weight: normal;
    }

    .header .mobile_menu .mobile_menu_close {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 12;
        width: 100%;
        height: 100%;
    }
}

/** mobile_menu appear animation */
@media (max-width: 1000px) {
    body.show-mebile-menu {
        overflow-x: hidden;
    }

    body.show-mebile-menu > * {
        -webkit-animation: show-mobile-menu .5s forwards;
        -moz-animation: show-mobile-menu .5s forwards;
        -o-animation: show-mobile-menu .5s forwards;
        animation: show-mobile-menu .5s forwards;
    }

    body.show-mebile-menu .mobile_menu {
        display: block;
    }
}

@-webkit-keyframes show-mobile-menu {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(240px, 0);
        transform: translate(240px, 0);
    }
}

@-moz-keyframes show-mobile-menu {
    0% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -moz-transform: translate(240px, 0);
        transform: translate(240px, 0);
    }
}

@-o-keyframes show-mobile-menu {
    0% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -o-transform: translate(240px, 0);
        transform: translate(240px, 0);
    }
}

@keyframes show-mobile-menu {
    0% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(240px, 0);
        -moz-transform: translate(240px, 0);
        -o-transform: translate(240px, 0);
        transform: translate(240px, 0);
    }
}

/** mobile_menu hide animation */
@media (max-width: 1000px) {
    body.hide-mebile-menu {
        pointer-events: none;
    }

    body.hide-mebile-menu .mobile_menu {
        display: block;
    }

    body.hide-mebile-menu > * {
        -webkit-animation: hide-mobile-menu .5s forwards;
        -moz-animation: hide-mobile-menu .5s forwards;
        -o-animation: hide-mobile-menu .5s forwards;
        animation: hide-mobile-menu .5s forwards;
    }
}

@-webkit-keyframes hide-mobile-menu {
    0% {
        -webkit-transform: translate(240px, 0);
        transform: translate(240px, 0);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-moz-keyframes hide-mobile-menu {
    0% {
        -moz-transform: translate(240px, 0);
        transform: translate(240px, 0);
    }
    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-o-keyframes hide-mobile-menu {
    0% {
        -o-transform: translate(240px, 0);
        transform: translate(240px, 0);
    }
    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes hide-mobile-menu {
    0% {
        -webkit-transform: translate(240px, 0);
        -moz-transform: translate(240px, 0);
        -o-transform: translate(240px, 0);
        transform: translate(240px, 0);
    }
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

/**
 * footer pre, 
 * ad area
 */
.pre_footer {
    background-color: #E6E6E6;
    padding: 70px 0 40px;
}

.pre_footer .swiper-container {
    background-color: #F6F6F6;
    border: 1px solid #e6e6e6;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pre_footer .swiper-container .swiper-slide {
    width: 100%;
}

.pre_footer .swiper-container .ad-list {
    height: 100%;
    margin-bottom: 0;
}

.pre_footer .swiper-container .ad-list .ad-cell {
    height: 100%;
    padding: 10px 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pre_footer .swiper-container .ad-list .ad-cell .ad-img {
    max-height: 100%;
    max-width: 100%;
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto;
}

.pre_footer .swiper-container .swiper-pagination {
    width: 100%;
    height: 20px;
}

.pre_footer .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #CCCCCC;
    margin: 0 5px;
}

.pre_footer .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #000;
}

@media (min-width: 1000px) {
    .pre_footer .swiper-container {
        height: 250px;
    }

    .pre_footer .swiper-container .swiper-wrapper {
        height: 210px;
    }

    .pre_footer .swiper-container .swiper-slide {
        height: 100%;
    }

    .pre_footer .swiper-container .ad-list .ad-cell {
        font-size: 0;
        line-height: 230px;
        text-align: center;
    }

    .pre_footer .swiper-container .ad-list .ad-cell .ad-img {
        display: inline-block;
        vertical-align: middle;
    }
}

/** footer-common */
/** footer adapt mobile width */
.footer {
    background-color: #FFFFFF;
    border-top: 1px solid #d3d3d3;
}

.footer .social-logo {
    text-align: center;
    font-size: 0;
    padding-top: 41px;
    padding-bottom: 41px;
    border-bottom: 1px solid #d3d3d3;
}

.footer .social-logo .logo-li {
    display: inline-block;
    width: 35px;
    height: 35px;
    position: relative;
    background-color: #c2c2c2;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    border-radius: 50%;
    margin: 0 15px;
}

.logo-li .email-txt {
    position: absolute;
    bottom: -35px;
    left: -120%;
    padding: 5px 10px;
    background-color: rgba(0, 0, 0, 0.65);
    font-size: 15px !important;
    display: none;
    color: #fff;
}

.logo-li .email-txt.show {
    display: block;
}

.temp {
    position: relative;
    padding: 36px 0 50px;
    text-align: start;
}

.temp .title {
    margin: 20px 20px;
}

.temp .title h2 {
    font-size: 18px;
}

.temp .title h3 {
    font-size: 16px;
}

.temp .subtitle {
    margin: 20px 20px 5px;
    border-bottom: 1px solid #d3d3d3;
}


.temp .footer_gold_sponsors {
    margin: 15px 15px;
    display: flex;
    flex-wrap: wrap;
}

.temp .footer_silver_sponsors {
    margin: 10px 10px;
    display: flex;
    flex-wrap: wrap;
}

.temp .footer_gold_sponsors .sponsor_item img {
    width: 148px;
    height: 100px;
    object-fit: contain;
    background-color: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 柔和阴影 */
    padding: 10px;
}


.temp .footer_silver_sponsors .sponsor_item img {
    width: 148px;
    height: 100px;
    object-fit: contain;
    background-color: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 柔和阴影 */
    padding: 10px;
}

.temp .sponsor_item img {
    margin: 8px;
}


.contact {
    position: relative;
    padding: 36px 0 50px;
    text-align: start;
}

.contact .title {
    margin: 20px 20px;
}

.contact .title h2 {
    font-size: 28px;
}

.contact .title h3 {
    font-size: 22px;
}

.contact .subtitle {
    margin: 20px 20px 5px;
}

.contact .subtitle h3 {
    font-size: 22px;
}

.footer .social-logo .logo-li .icon-img {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.footer .social-logo .logo-li .icon-youku {
    height: 25px;
    width: 25px;
}

.footer .social-logo .logo-li:hover {
    background-color: #9d9d9d;
}

.footer .footer-menu {
    border-bottom: 1px solid #d3d3d3;
}

.footer .footer-menu .wrapper, .footer .footer-menu .main-wrapper {
    display: table;
    width: 1080px;
}

.footer .footer-menu .footer-menu-group {
    display: table-cell;
    vertical-align: top;
    width: 137.14286px;
    padding: 40px 10px 58px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #999;
    font-size: 1.3em;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    background: transparent;
}

.footer .footer-menu .footer-menu-group:hover {
    background-color: #e0e0e0;
}

.footer .footer-menu .footer-menu-group > ul.footer_sitemap_links {
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding-top: 18px;
}

.footer .footer-menu .footer-menu-group > ul.footer_sitemap_links > li {
    list-style-type: none;
    margin-top: 10px;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.footer .footer-menu .footer-menu-group > ul.footer_sitemap_links > li:first-child {
    margin-top: 0;
}

.footer .footer-menu .footer-menu-group a:hover {
    color: #000;
}

.footer .footer-menu .footer-menu-group.footer_standalone_links .footer_sitemap_links {
    margin-top: -18px;
}

.footer .footer_sponsors {
    position: relative;
    padding: 85px 0 50px;
    text-align: center;
}

.footer .footer_sponsors .sponsors-title {
    width: 84px;
    height: 66px;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -33px);
    -moz-transform: translate(-50%, -33px);
    -ms-transform: translate(-50%, -33px);
    -o-transform: translate(-50%, -33px);
    transform: translate(-50%, -33px);
    background: none;
}

.footer .footer_sponsors .sponsors-title:before {
    background-color: #E6E6E6;
    content: '';
    position: absolute;
    left: 50%;
    width: 100%;
    top: 0;
    height: 1px;
    -webkit-transform: translate(-50%, 32px);
    -moz-transform: translate(-50%, 32px);
    -ms-transform: translate(-50%, 32px);
    -o-transform: translate(-50%, 32px);
    transform: translate(-50%, 32px);
}

.footer .footer_sponsors .sponsors-title:after {
    content: '';
    background-size: 34px;
    background-position: center center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.footer .footer_sponsors .sponsor_item {
    position: relative;
    vertical-align: middle;
}

.footer .footer_sponsors .footer_gold_sponsors .sponsor_item {
    margin: 0 15px;
    display: inline-block;
}

.footer .footer_sponsors .footer_silver_sponsors {
    padding-top: 35px;
}

.footer .footer_sponsors .footer_silver_sponsors .sponsor_item {
    margin: 0 5px;
}

.footer .footer_sponsors .sponsor_item img {
    width: 120px;
    height: 80px;
    object-fit: contain;
}

.footer .footer_copyright {
    border-top: 1px solid #d3d3d3;
    color: #666;
}

.footer .footer_copyright .copyright_wrapper {
    padding-top: 18px;
    padding-bottom: 17px;
    font-size: 0;
}

.footer .footer_copyright .copyright_wrapper > .col {
    width: 50%;
    display: inline-block;
    font-size: x-small;
}

.footer .footer_copyright .footer_copyright_text p {
    margin: 0 0 0 20px;
}

.footer .footer_copyright .footer_links {
    text-align: right;
    padding-right: 5px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width: 1000px) {
    .hide_for_small_devices {
        display: none !important;
    }

    .footer .footer-menu {
        text-align: center;
    }

    .footer .footer-menu .wrapper, .footer .footer-menu .main-wrapper {
        display: block;
        width: auto;
    }

    .footer .footer-menu .footer-menu-group {
        display: inline-block;
        width: auto;
        padding: 0;
        margin-left: 23px;
    }

    .footer .footer-menu .footer-menu-group:first-child {
        margin-left: 0;
    }

    .footer .footer-menu .footer-menu-group:hover {
        background: transparent;
    }

    .footer .footer-menu .footer-menu-group > ul.footer_sitemap_links {
        display: none;
    }

    .footer .footer-menu .footer-menu-group.footer_standalone_links {
        display: block;
    }

    .footer .footer-menu .footer-menu-group.footer_standalone_links .footer_sitemap_links {
        display: block;
    }

    .footer .footer-menu .footer-menu-group.footer_standalone_links .footer_sitemap_links > li {
        display: inline-block;
        margin-left: 23px;
    }

    .footer .footer-menu .footer-menu-group.footer_standalone_links .footer_sitemap_links > li:first-child {
        margin-left: 0;
    }

    .footer .footer-menu .wrapper, .footer .footer-menu .main-wrapper {
        padding: 52px 0 68px;
    }
}

/** mobile width */
@media (max-width: 767px) {
    .hide_for_mobile_devices {
        display: none !important;
    }

    .footer .footer-menu {
        text-align: center;
    }

    .footer .footer-menu .footer-menu-group {
        width: 100%;
        margin: 0;
        padding: 15px 0 0;
    }

    .footer .footer-menu .footer-menu-group:first-child {
        padding: 0;
    }

    .footer .footer-menu .footer-menu-group > ul.footer_sitemap_links {
        display: none;
    }

    .footer .footer-menu .footer-menu-group.footer_standalone_links {
        display: block;
    }

    .footer .footer-menu .footer-menu-group.footer_standalone_links .footer_sitemap_links {
        display: block;
    }

    .footer .footer-menu .footer-menu-group.footer_standalone_links .footer_sitemap_links > li {
        display: block;
        padding: 15px 0 0;
        margin: 0;
    }

    .footer .footer-menu .wrapper, .footer .footer-menu .main-wrapper {
        padding: 52px 0 68px;
    }

    .footer .footer_copyright .copyright_wrapper .footer_copyright_text {
        width: 100%;
        text-align: center;
    }

    .footer .footer_copyright .copyright_wrapper .footer_copyright_text p {
        margin: 0;
    }
}

/** layout for left 640 and right 320, and adapt px change */
.layout_table_precent, .layout_table {
    font-size: 0;
    position: relative;
}

.layout_table_precent .col, .layout_table_precent .colX2, .layout_table .col, .layout_table .colX2 {
    display: inline-block;
    vertical-align: top;
    font-size: x-small;
}

.layout_table {
    width: 960px;
}

.layout_table .col {
    width: 320px;
}

.layout_table .colX2 {
    width: 640px;
}

.layout_table_precent .col {
    width: 33.33333%;
}

.layout_table_precent .colX2 {
    width: 66.66667%;
}

@media (min-width: 1000px) {
    .layout_table_precent .col.left, .layout_table_precent .colX2.left, .layout_table .col.left, .layout_table .colX2.left {
        float: left;
    }

    .layout_table_precent .col.right, .layout_table_precent .colX2.right, .layout_table .col.right, .layout_table .colX2.right {
        float: right;
    }
}

@media (max-width: 767px) {
    .layout_table_precent .col, .layout_table_precent .colX2 {
        display: block;
        width: 100%;
    }
}

/** tab layout */
.layout_tab .layout_tab_header {
    list-style-type: none;
    font-size: 0;
}

.layout_tab .layout_tab_header .layout_tab_header_item {
    display: inline-block;
    vertical-align: middle;
    font-size: x-small;
}

@media (max-width: 1000px) {
    .layout_table {
        width: auto;
    }

    .layout_table .col, .layout_table .colX2 {
        width: auto;
        display: block;
    }
}

/** page nav, such as 1 2 3 4 5 ... 8 9 10 */
.page_nav {
    display: inline-block;
    font-size: 0;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    text-align: center;
}

.page_nav .page_block {
    font-size: x-small;
    vertical-align: top;
    display: inline-block;
}

.page_nav a, .page_nav span {
    display: block;
    height: 20px;
    padding: 8px;
    line-height: 20px;
    font-size: 1.4em;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.page_nav span {
    font-size: 0;
    background: transparent url("../images/icon/paginator_break.gif") no-repeat center 17px;
    background-size: auto;
}

.page_nav .active {
    color: #0255a5;
    border-color: #0B5BA9;
}

.page_nav .page_nav_prev, .page_nav .page_nav_next {
    background-size: auto;
    background-position: center center;
    font-size: 0;
}

.page_nav .page_nav_prev, .page_nav .page_nav_next {
    border-right: 1px solid #d9d9d9;
}

/** search box, include a search input and a form input submit botton */
.search_box {
    position: relative;
}

.search_box .search_input_field {
    border: 1px solid #d9d9d9;
    padding: 8px;
    font-size: x-small;
    position: relative;
}

.search_box .search_input_field .search_input {
    background-color: #f6f6f6;
    color: #333;
    font-size: 1.5em;
    line-height: 1.4;
    padding: 7px 0 10px;
    text-indent: 14px;
    display: block;
    border: 0;
    width: 100%;
    padding-right: 60px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
}

.search_box .search_input_field .form_submit {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 0;
    width: 54px;
    height: 36px;
    background-color: #0255a5;
    background-size: auto;
    background-position: center center;
    border: 0;
    margin: 0;
    padding: 0;
    margin-right: 10px;
    border-radius: 3px;
}

/** tags selector, select a tag and only relactive the tag */
.tags_link {
    border: 1px solid #d9d9d9;
    padding-top: 10px;
    background-color: #f0f0f0;
}

.tags_link .tags_header_nav {
    border-bottom: 1px solid #d9d9d9;
    padding: 0 10px;
    font-size: 0;
}

.tags_link .tags_header_nav .tag_nav_block {
    font-size: x-small;
    vertical-align: top;
    display: inline-block;
    padding: 14px 12px;
    border: 1px solid transparent;
    border-bottom: 0;
    margin-bottom: -1px;
}

.tags_link .tags_header_nav .tag_nav_block.active {
    background-color: #fff;
    border-color: #d9d9d9;
}

.tags_link .tabs_content {
    min-height: 20px;
    background-color: #fff;
}

.tags_link .tabs_content .link_list {
    margin: 0;
    padding: 14px 20px;
    list-style-type: none;
}

.tags_link .tabs_content .link_list > li {
    margin: 6px 0;
    display: block;
    color: #666;
    font-size: 1.3em;
    line-height: 1.4;
}

/** date select, scroll content */
.date_select {
    border: 1px solid #d9d9d9;
}

.date_select .date_select_header {
    height: 40px;
    line-height: 40px;
    text-indent: 15px;
    font-size: 1.2em;
    color: #333;
    border-bottom: 1px solid #d9d9d9;
    position: relative;
}

.date_select .date_select_header:after {
    content: '';
    border: 4px solid transparent;
    border-top-color: #000;
    border-bottom: 0;
    height: 0;
    width: 0;
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -2px;
    margin-right: 15px;
}

.date_select .date_list_container > ul {
    margin: 0;
    padding: 14px 20px;
    list-style-type: none;
    color: #666;
    font-size: 1.3em;
    overflow-y: scroll;
    height: 252px;
}

.date_select .date_list_container > ul > li {
    display: block;
    margin: 6px 0;
    line-height: 1.4;
}

/** share part */
.share-part .wechat_part, .share-part .weibo_part {
    width: 35px;
    height: 35px;
    border: 1px solid #999;
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: #fff;
}

.share-part .wechat_part {
    margin-right: 10px;
}

.share-part .wechat_grey, .share-part .weibo_grey {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.spaces_list ul, .spaces_listX4 ul, .spaces_listX3 ul, .spaces_listX2 ul, .spaces_listX1 ul {
    font-size: 0;
    list-style-type: none;
    padding: 0;
}

.spaces_list ul > li, .spaces_listX4 ul > li, .spaces_listX3 ul > li, .spaces_listX2 ul > li, .spaces_listX1 ul > li {
    vertical-align: top;
    font-size: x-small;
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.spaces_listX4 ul > li {
    width: 25%;
}

.spaces_listX3 ul > li {
    width: 33.33%;
}

.spaces_listX2 ul > li {
    width: 50%;
}

.spaces_listX1 ul > li {
    width: 100%;
}

@media (max-width: 767px) {
    .spaces_list_mobile_X1 ul > li {
        width: 100%;
    }

    .spaces_list_mobile_X2 ul > li {
        width: 50%;
    }
}

.g_table .u_table, .g_table_X3 .u_table {
    display: table;
    width: 100%;
}

.g_table .u_table .u_cell, .g_table_X3 .u_table .u_cell {
    display: table-cell;
}

.g_table_X3 .u_table .u_cell {
    width: 33.3333%;
}

.u_h4, .u_h4_bold {
    color: black;
    font-size: 1.6em;
    margin: 0;
    font-weight: normal;
}

.u_h4_bold {
    font-weight: bold;
}

.m_header {
    margin-bottom: 8px;
    font-size: x-small;
    color: #000;
}

.m_header_strong > * {
    font-size: 1.4em;
    font-weight: normal;
}

.m_header_inner > * {
    color: black;
    font-size: 1.6em;
    font-weight: normal;
}

.m_header_sep {
    margin-bottom: 32px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 15px;
}

.m_text_content {
    margin-bottom: 15px;
    color: #666;
}

.m_text_content p {
    font-size: 1.4em;
    line-height: 1.6em;
    margin: 0 0 18px;
    clear: left;
}

.em_telephone {
    font-size: 1.8em;
    margin-bottom: 8px;
    display: block;
}

.em_email {
    font-size: 1.8em;
    color: #666;
}

.em_email .m_btn_link {
    font-size: 1em;
}

.m_href {
    color: #0255a5;
}

.m_personal_info {
    font-size: x-small;
    border: 1px solid #d9d9d9;
    padding: 13px 15px;
    box-shadow: 0px 0px 2px 1px #e5e5e5;
    background: white;
}

.m_personal_info .m_personal_info_telephone {
    font-size: 2.4em;
    margin-bottom: 5px;
}

.m_personal_info .m_btn_link {
    text-decoration: none;
    color: #0255a5;
}

.m_btn_link {
    font-size: 1.3em;
    font-weight: bold;
    color: #0000ee;
    text-decoration: underline;
}

.m_ad {
    margin-bottom: 30px;
}

.m_ad .image_wrapper {
    background-color: #000;
}

.m_ad .image_wrapper > img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.ad-list {
    padding: 0 10px;
    margin-bottom: 30px;
}

.ad-cell {
    width: 100%;
    font-size: 0;
}

.ad-cell .ad-img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.ad-cell + .ad-cell {
    margin-top: 20px;
}