@charset "UTF-8"; /*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #666;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #a50034;
    --secondary: #a9977d;
    --success: #28a745;
    --info: #666;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

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

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

footer,header,nav {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0!important
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

ol {
    margin-bottom: 1rem
}

ol {
    margin-top: 0
}

a {
    background-color: transparent
}

a,a:hover {
    color: #a50034
}

a:hover {
    text-decoration: underline
}

img {
    border-style: none
}

img,svg {
    vertical-align: middle
}

svg {
    overflow: hidden
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,input {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,input {
    overflow: visible
}

button {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
    cursor: pointer
}

button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

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

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 75px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
        padding-top: 5px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
        padding-top: 5px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1160px;
        padding-top: 5px;
    }
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-6,.col-lg-8,.col-lg-12,.col-xl-4,.col-xl-6,.col-xl-8,.col-xl-12 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8
}

@media (min-width: 992px) {
    .col-lg-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .col-xl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 37%;
        -ms-flex: 0 0 37%;
        flex: 0 0 37%;
        max-width: 37%;
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 63%;
        -ms-flex: 0 0 63%;
        flex: 0 0 63%;
        max-width: 63%;
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before {
    border-color: #28a745
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before {
    border-color: #dc3545
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #720024;
    border-color: #650020
}

.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(179,38,82,.5);
    box-shadow: 0 0 0 .2rem rgba(179,38,82,.5)
}

.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #927e61;
    border-color: #8b775c
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(149,134,112,.5);
    box-shadow: 0 0 0 .2rem rgba(149,134,112,.5)
}

.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(72,180,97,.5);
    box-shadow: 0 0 0 .2rem rgba(72,180,97,.5)
}

.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #4d4d4d;
    border-color: #464646
}

.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: 0 0 0 .2rem hsla(0,0%,49%,.5);
    box-shadow: 0 0 0 .2rem hsla(0,0%,49%,.5)
}

.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(222,170,12,.5);
    box-shadow: 0 0 0 .2rem rgba(222,170,12,.5)
}

.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(225,83,97,.5);
    box-shadow: 0 0 0 .2rem rgba(225,83,97,.5)
}

.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(216,217,219,.5);
    box-shadow: 0 0 0 .2rem rgba(216,217,219,.5)
}

.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(82,88,93,.5);
    box-shadow: 0 0 0 .2rem rgba(82,88,93,.5)
}

.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #a50034;
    border-color: #a50034
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(165,0,52,.5);
    box-shadow: 0 0 0 .2rem rgba(165,0,52,.5)
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active {
    color: #212529;
    background-color: #a9977d;
    border-color: #a9977d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(169,151,125,.5);
    box-shadow: 0 0 0 .2rem rgba(169,151,125,.5)
}

.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(40,167,69,.5);
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #666;
    border-color: #666
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: 0 0 0 .2rem hsla(0,0%,40%,.5);
    box-shadow: 0 0 0 .2rem hsla(0,0%,40%,.5)
}

.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(255,193,7,.5);
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(220,53,69,.5);
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(248,249,250,.5);
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(52,58,64,.5);
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: .875rem;
    color: #333;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid rgba(0,0,0,.15);
    border-radius: 2px
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}

.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #a50034
}

.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.custom-control-input:focus:not(:checked)~.custom-control-label:before {
    border-color: #ff266a
}

.custom-control-input:not(:disabled):active~.custom-control-label:before {
    color: #fff;
    background-color: #ff598d;
    border-color: #ff598d
}

.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

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

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

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        -webkit-transition: none;
        transition: none
    }
}

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

.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left) {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right) {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    -webkit-transition: opacity 0s .2s;
    transition: opacity 0s .2s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
        -webkit-transition: none;
        transition: none
    }
}

.carousel-control-next,.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: .5;
    -webkit-transition: opacity .15s ease;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,.carousel-control-prev {
        -webkit-transition: none;
        transition: none
    }
}

.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-chevron-left' fill='%23ccc' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 010 .708L5.707 8l5.647 5.646a.5.5 0 01-.708.708l-6-6a.5.5 0 010-.708l6-6a.5.5 0 01.708 0z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-chevron-right' fill='%23ccc' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L10.293 8 4.646 2.354a.5.5 0 010-.708z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        -webkit-transition: none;
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.bg-primary {
    background-color: #ad2c55 !important;
}

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

.d-none {
    display: none!important
}

.d-flex {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-flex {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

@media (min-width: 1200px) {
    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-flex {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

.flex-wrap {
    -webkit-flex-wrap: wrap!important;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap!important;
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -webkit-justify-content: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    -webkit-justify-content: space-between!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.align-items-center {
    -webkit-box-align: center!important;
    -webkit-align-items: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

.float-left {
    float: left!important
}

.float-none {
    float: none!important
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left!important
    }

    .float-lg-right {
        float: right!important
    }
}

@supports ((position: -webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.mb-0 {
    margin-bottom: 0!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

@media (min-width: 992px) {
    .pt-lg-0 {
        padding-top: 0!important
    }
}

.text-center {
    text-align: center!important
}

.text-white {
    color: #fff!important
}

.text-primary {
    color: #a50034!important
}

a.text-primary:focus,a.text-primary:hover {
    color: #59001c!important
}

@media print {
    *,:after,:before {
        text-shadow: none!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    img {
        page-break-inside: avoid
    }

    p {
        orphans: 3;
        widows: 3
    }

    @ page {
        size: a3
    }

    .container,body {
        min-width: 992px!important
    }
}

.f12 {
    font-size: 12px
}

.f14 {
    font-size: 14px
}

.f16 {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.f20 {
    font-size: 20px
}

.mgl5 {
    margin-left: 5px
}

.mgr5 {
    margin-right: 5px
}

.mgt5 {
    margin-top: 5px
}

.pdb5 {
    padding-bottom: 5px
}

.pdr10 {
    padding-right: 10px
}

.pdt10 {
    padding-top: 10px
}

.pdb10 {
    padding-bottom: 10px
}

.mgt15 {
    margin-top: 15px
}

.mgb15 {
    margin-bottom: 15px
}

.pdt15 {
    padding-top: 15px
}

.pdb15 {
    padding-bottom: 15px
}

.mgl20 {
    margin-left: 20px
}

.mgr20 {
    margin-right: 20px
}

.mgt20 {
    margin-top: 20px
}

.pdl20 {
    padding-left: 20px
}

.pdr20 {
    padding-right: 20px
}

.pdt20 {
    padding-top: 20px
}

.pd20 {
    padding: 20px
}

.mgl25 {
    margin-left: 25px
}

.mgt25 {
    margin-top: 25px
}

.mgb25 {
    margin-bottom: 25px
}

.pdt25 {
    padding-top: 25px
}

.pdb25 {
    padding-bottom: 25px
}

.pdl30 {
    padding-left: 30px
}

.pdr30 {
    padding-right: 30px
}

.pdt30 {
    padding-top: 0px
}

.mgt40 {
    margin-top: 40px
}

.mgb40 {
    margin-bottom: 40px
}

body,html {
    padding: 0;
    margin: 0
}

button {
    border: none;
    background: transparent;
    font-size: 18Px;
    font-family: math;
}

button,button:focus {
    outline: none
}

a {
    text-decoration: none;
    color: #000
}

a:active,a:hover {
    text-decoration: none!important
}

.sp-arrow-right,.sp-search-icon,.sp-search-icon-w {
    background-image: url(/assets/common/imgs/img.png);
    background-repeat: no-repeat
}

html {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    font-size: 16px;
    -webkit-touch-callout: none
}

.text-primary {
    color: #a50034
}

.text-track {
    color: #b4b4b5
}

.text-dark-v1 {
    color: #262626
}

.text-white {
    color: #fff
}

.bold {
    font-weight: 700
}

.no-scrollbar {
    overflow: auto
}

.ovh {
    overflow: hidden
}

.bgw {
    background-color: #fff
}

.no-scrollbar {
    -webkit-overflow-scrolling: touch
}

.no-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.no-scrollbar {
    -webkit-overflow-scrolling: touch
}

.no-scrollbar::-webkit-scrollbar {
    width: 4px;
    position: absolute;
    height: 4px;
    border-radius: 4px;
    display: none
}

.no-scrollbar::-webkit-scrollbar-thumb {
    background: #d5d5d5;
    width: 4px;
    height: 4px;
    border-radius: 4px
}

.flex,.flex-v {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flex-v {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-pack-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-pack-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-pack-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.eps {
    white-space: nowrap;
    text-overflow: ellipsis
}

.eps,.m-eps {
    overflow: hidden;
    width: 100%;
    font-size: 16.5px;
}

.m-eps {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    position: relative;
    max-height: 60px;
    line-height: 1.53
}

.f18.m-eps {
    font-size: 18px;
}

.item .m-eps {
    font-size: 19.2px;
}

.block {
    display: block
}

.line {
    border-bottom: 1px solid #ececec
}

.tline {
    border-top: 1px solid #ececec
}

.h100 {
    height: 100%
}

.w100 {
    width: 100%
}

.relative {
    position: relative
}

.clear-right {
    clear: right
}

a {
    -webkit-transition: color .3s;
    transition: color .3s
}

a:hover {
    color: #a50034!important
}

.aside-panel {
    background: #fffdfd;
    border-radius: 2px;
    border: 1px solid #f1eeef91;
    border-top: 4px solid #a50034;
}

.aside-panel .tab-tag {
    font-size: 14px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    color: #888;
    line-height: 33px
}

.aside-panel .tab-tag.active,.aside-panel .tab-tag:hover {
    color: #a50034;
    border-color: #a50034
}

.adv {
    position: relative;
    display: block;
    border-radius: 2px;
    overflow: hidden;
    padding: 10px;
    margin-top: 35px;
    margin-bottom: 35px;
    background-color: #f5f5f5;
    text-align: center
}

.adv:before {
    display: block;
    color: #888;
    font-size: 14px;
    width: 100%;
    height: 56px;
    text-align: center;
    line-height: 56px
}

footer {
    margin-top: 80px;
    background-color: #484848;
    padding-top: 30px;
    color: #b4b4b5
}

footer .text-gray-800 {
    color: #575757
}

footer a {
    color: #b4b4b5
}

footer a:hover {
    color: #fff!important
}

footer .columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

footer .columns>.column {
    margin-bottom: 15px;
    width: 58px
}

footer .columns>a {
    margin-bottom: 15px;
    margin-right: 30px
}

footer .bg-deep {
    background-color: #333
}

footer .tline {
    border-top: 1px solid #3f3f3f
}

footer .info-us a:nth-child(2n) {
    margin-right: 10px
}

.scale {
    -webkit-transition: -webkit-transform .5s linear;
    transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
    transition: transform .5s linear,-webkit-transform .5s linear;
    position: relative;
    will-change: transform;
    overflow: hidden
}

.scale:hover {
    -webkit-transform: translateZ(0) scale(1.2);
    transform: translateZ(0) scale(1.2);
    z-index: 99
}

.container {
    overflow: hidden
}

.container::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

@media (max-width: 992px) {
    .aside-panel {
        border-top: none
    }

    .aside-panel .tab-tag {
        font-size: 16px
    }

    .reset-row-margin {
        margin-left: -20px;
        margin-right: -20px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .col-12 {
        padding-left: 20px;
        padding-right: 20px
    }

    .adv {
        margin-top: 30px;
        margin-bottom: 30px;
        padding: 0 37px 25px
    }

    footer {
        padding-top: 0
    }

    footer .info-us {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    footer .info-us a {
        margin-right: 0!important
    }

    footer .container {
        padding-left: 20px;
        padding-right: 20px
    }

    footer .bg-deep {
        padding-bottom: 50px
    }
}

.sp-arrow-right,.sp-search-icon,.sp-search-icon-w {
    background-image: url(/assets/common/imgs/img.png);
    background-repeat: no-repeat
}

i {
    vertical-align: middle;
    display: inline-block
}

.sp-search-icon {
    width: 20px;
    height: 20px;
    background-position: 2px 2px
}

.sp-search-icon-w {
    width: 24px;
    height: 24px;
    background-position: -18px 2px
}

.sp-arrow-right {
    width: 20px;
    height: 20px;
    background-position: -62px 2px
}

.img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 992px) {
    .pdb15-lg {
        padding-bottom: 15px
    }

    .pdb5-i {
        padding-bottom: 5px!important;
        border-top: 4px solid #a50034;
        width: 100%;
        background: #fffdfd;
        padding-left: 3px;
    }

    .after-line {
        position: relative
    }

    .after-line:after,.after-line:before {
        content: "";
        height: 1px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -5px;
        background-color: #b5b5b5
    }

    .after-line:before {
        bottom: 0
    }
}

.category .category-link {
    line-height: 20px!important;
    display: inline!important;
    color: #b4b4b5!important
}

.category .category-link:hover {
    color: #333!important
}

.category .category-title {
    padding-top: 10px;
    margin-top: 25px;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 20px;
}

.category .category-title .title {
    display: block;
    color: #a50034;
    font-weight: 700;
    position: relative;
    font-size: 24px;
    z-index: 2
}

.category .category-title .title:after {
    position: absolute;
    background-color: #ffd8d8;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    height: 8px;
    z-index: -1
}

.category .carousel {
    height: 420px
}

.category .carousel .carousel-item {
    overflow: hidden;
    height: 100%
}

.category .carousel .carousel-indicators {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 30px;
    margin-left: 30px;
    margin-bottom: 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.category .carousel .carousel-indicators li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-radius: 3px;
    width: 8px;
    height: 5px;
    background: hsla(0,0%,100%,.3);
    margin-right: 5px;
    margin-left: 5px
}

.category .carousel .carousel-indicators li.active {
    width: 18px;
    background-color: #fff
}

.category .carousel .carousel-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 2px
}

.category .carousel .carousel-caption {
    font-weight: 700;
    font-size: 22px;
    border-radius: 2px;
    left: 0;
    right: 0;
    text-align: left;
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(46.53%,rgba(0,0,0,.4)));
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.4) 46.53%);
    bottom: 0;
    height: 124px;
    padding: 34px 151px 30px 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.category .carousel .carousel-caption .m-eps {
    max-height: none
}

.category .carousel .carousel-control-next {
    top: 50px;
    bottom: 50px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.category .carousel .carousel-control-prev {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    top: 50px;
    bottom: 50px
}

.category .carousel .carousel-control-bg {
    width: 32px;
    height: 54px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0,0,0,.5)
}

.category .summary-list-wrapper {
    height: 521px;
    padding-top: 15px;
    position: relative
}

.category .summary-list-wrapper .clearfix {
    margin-left: -15px;
    margin-right: -15px;
    height: 491px;
}

.category .summary-list-wrapper .clearfix .summary-list-item {
    position: relative;
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    font-size: 18px;
    display: block;
    height: 82px;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.category .summary-list-wrapper .clearfix .summary-list-item .item {
    height: 100%;
    padding-top: 15px;
    line-height: 28px;
    overflow: hidden;
    padding-bottom: 15px;
    border-bottom: 1px solid #ececec;
    background-color: #fbfbfb4f;
}

.category .summary-list-wrapper .clearfix .summary-list-item:first-of-type,.category .summary-list-wrapper .clearfix .summary-list-item:nth-of-type(2) {
    font-weight: 700;
    font-size: 20px;
    height: 90px
}

.category .summary-pic {
    height: 228px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border-radius: 2px
}

.category .summary-pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border: 1px solid #dedede
}

.category .article {
    display: block
}

.category .article .text-sub-color {
    color: #888;
    font-size: 14px;
    line-height: 24px
}

.category .normal-item {
    position: relative
}

.category .normal-item a {
    line-height: 26px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    border-bottom: 1px solid #ececec
}

.category .normal-item a {
    height: 85px
}

.category .normal-item:last-child a {
    border-bottom: none
}

.banner {
    position: relative
}

.top-banner {
    margin: 20px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 992px) {
    .top-banner {
        margin: 0 0 20px
    }

    #dfp-ad-imu2 {
        margin-bottom: 0
    }

    .line-sm {
        border-bottom: 1px solid #ececec
    }

    .row-sm-line {
        border-bottom: 5px solid #f5f5f5
    }

    .news-rank-adv {
        margin-bottom: 40px
    }

    .line-lg {
        border-bottom: none
    }

    .mgb40-sm {
        margin-bottom: 40px;
        order: 2;
    }

    .category {
        padding-top: 0
    }

    .category .summary-pic {
        height: 218px
    }

    .category .aside-panel {
        height: auto
    }

    .category .aside-panel:after {
        display: none
    }

    .category .carousel {
        height: auto!important
    }

    .category .carousel .carousel-img {
        height: 224px
    }

    .category .carousel .carousel-indicators {
        height: 40px;
        margin: auto;
        left: 0;
        right: 0;
        -webkit-box-pack: center!important;
        -webkit-justify-content: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important;
        top: 185px;
        bottom: auto;
        background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.6)));
        background: linear-gradient(180deg,transparent,rgba(0,0,0,.6));
        border-radius: 2px
    }

    .category .carousel .carousel-control-next,.category .carousel .carousel-control-prev {
        display: none
    }

    .category .carousel .carousel-caption {
        position: static;
        height: auto;
        background: transparent;
        display: block;
        color: #333;
        padding: 15px 0 18px;
        font-size: 22px;
        font-weight: 700
    }

    .category .category-title {
        padding-top: 40px
    }

    .category .category-title .title {
        font-size: 20px;
        white-space: nowrap
    }

    .category .category-title-sm {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .category .category-title-sm .text-track {
        font-size: 14px;
        white-space: nowrap
    }

    .category .row-sm {
        margin-left: -20px;
        margin-right: -20px
    }

    .category .summary-list-wrapper {
        padding-top: 0
    }

    .category .summary-list-wrapper,.category .summary-list-wrapper .clearfix {
        height: auto!important;
        max-height: none!important;
        min-height: auto!important
    }

    .category .summary-list-wrapper .summary-list-item {
        width: 100%!important
    }

    .category .summary-list-wrapper .summary-list-item:first-of-type,.category .summary-list-wrapper .summary-list-item:nth-of-type(2) {
        font-size: 18px!important;
        font-weight: 400!important
    }

    .category .summary-list-wrapper .clearfix.ovh {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .category .summary-list-wrapper .summary-list-item {
        height: auto!important
    }

    .category .summary-list-wrapper .summary-list-item .item .m-eps {
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .category .summary-list-wrapper .summary-list-item:first-child {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .category .summary-list-wrapper .summary-list-item:last-of-type .item {
        border-bottom: none
    }

    .normal-item a {
        height: auto
    }
}

nav .top-bar {
    height: 40px;
    color: #fff;
    font-size: 14px;
    line-height: 0
}

@media (min-width: 992px) {
    nav .top-bar {
        max-width: 930px
    }
}

@media (min-width: 1200px) {
    nav .top-bar {
        max-width: 1140px
    }
}

nav .top-bar a:hover {
    color: #fff!important
}

nav .top-bar-sm {
    -webkit-transition: all .5s;
    transition: all .5s;
    height: 52px
}

nav .top-bar-sm .logo-zaobao-w {
    height: 39px
}

nav .top-bar-sm #search_icon {
    margin-left: 34px
}

nav .nav-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px
}

nav .nav-bar .nav-scroll-bar {
    overflow: visible
}

nav .nav-bar .nav-scroll-bar .subscript-sm {
    display: none
}

@media (min-width: 1200px) {
    nav .nav-bar {
        max-width: 1140px
    }
}

nav .nav-bar .logo {
    margin-right: 20px
}

nav .nav-bar .nav-item {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    height: 60px;
    padding: 0 3px;
    margin-left: 20px;
    border-bottom: 4px solid #fff
}

nav .nav-bar .nav-item .dropdown-menu {
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.14);
    box-shadow: 0 4px 8px rgba(0,0,0,.14);
    top: 50px;
    left: -22px;
    overflow: hidden;
    will-change: opacify
}

nav .nav-bar .nav-item .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa
}

nav .nav-bar .nav-item:hover .dropdown-menu {
    display: block
}

nav .nav-bar .input-wrapper {
    padding: 6px 9px;
    background: #f5f5f5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px;
    overflow: hidden;
    border-radius: 53px
}

nav .nav-bar .input-wrapper input {
    width: 130px;
    -webkit-transition: width .5s;
    transition: width .5s;
    font-size: 14px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    background: #f5f5f5;
    border: none;
    outline: none
}

nav .nav-bar .input-wrapper input:focus {
    width: 192px
}

header.menu-list {
    z-index: 1021
}

@media (min-width: 992px) and (max-width:1200px) {
    nav .nav-bar .nav-item {
        margin-left: 18px
    }

    nav .nav-bar {
        padding: 0 16px
    }
}

@media (max-width: 992px) {
    header.sticky-top {
        position: fixed;
        top: 0;
        left: 0;
        right: 0
    }

    header.sticky-top.menu-list {
        top: 52px
    }

    nav .nav-bar {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 36px
    }

    nav .nav-bar .nav-bar-tabs {
        overflow: hidden
    }

    nav .nav-bar .nav-scroll-bar {
        overflow: auto
    }

    nav .nav-bar .toggle-btn {
        height: 36px;
        width: 40px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-shadow: -3px 0 3px -2px rgba(0,0,0,.37);
        box-shadow: -3px 0 3px -2px rgba(0,0,0,.37)
    }

    nav .nav-bar .toggle-btn .hamburger {
        width: 20px;
        height: 24px;
        cursor: pointer;
        position: relative
    }

    nav .nav-bar .toggle-btn .hamburger .hamburger-line {
        top: 11px;
        -webkit-transition: none!important;
        transition: none!important
    }

    nav .nav-bar .toggle-btn .hamburger .hamburger-line,nav .nav-bar .toggle-btn .hamburger .hamburger-line:after,nav .nav-bar .toggle-btn .hamburger .hamburger-line:before {
        position: absolute;
        background-color: #a50034;
        height: 2px;
        width: 100%;
        content: ""
    }

    nav .nav-bar .toggle-btn .hamburger .hamburger-line:before {
        -webkit-transition: top .5s;
        transition: top .5s;
        top: -6px
    }

    nav .nav-bar .toggle-btn .hamburger .hamburger-line:after {
        -webkit-transition: bottom .5s;
        transition: bottom .5s;
        bottom: -6px
    }

    nav .nav-bar .nav-item {
        height: 100%;
        border-bottom: none;
        margin-left: 20px;
        display: block;
        padding: 0
    }

    nav .nav-bar .nav-item:first-of-type {
        margin-left: 20px
    }

    nav .nav-bar .nav-item:hover {
        color: #a50034
    }

    nav .nav-bar .nav-item .dropdown-menu {
        display: none!important
    }
}

.aside-panel .rank-item {
    padding-bottom: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    border-bottom: 1px solid #ececec
}

.aside-panel .rank-item:last-child {
    border-bottom: none;
    padding-bottom: 5px;
    margin-bottom: 0
}

.aside-panel .rank-item a {
    line-height: 20px
}

.aside-panel .rank-item .rank-num {
    background-color: #efb850;
    margin-right: 10px;
    font-size: 14px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    width: 20px;
    display: inline;
    border-radius: 2px;
    color: #fff;
}

.aside-panel .rank-item .rank-num[data-value="1"] {
    background: #fe2d46;
    color: #fff
}

.aside-panel .rank-item .rank-num[data-value="2"] {
    background: #f60;
    color: #fff
}

.aside-panel .rank-item .rank-num[data-value="3"] {
    background: #faa90e;
    color: #fff
}

.guide-wrapper {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.4)
}

.guide-wrapper .guide-body {
    text-align: center;
    position: absolute;
    background-color: #fff;
    bottom: 43px;
    left: 12.5%;
    right: 12.5%;
    border-radius: 6px;
    padding: 0 0 20px 20px
}

.guide-wrapper #android_icon,.guide-wrapper #ios_icon,.guide-wrapper .arrow-bottom {
    display: none
}

.guide-wrapper .arrow-bottom {
    position: absolute;
    bottom: -43px;
    margin-left: calc(50% - 37px)
}

.aside-panel#breaking_carousel {
    height: 947px
}

.aside-panel#breaking_carousel .breaking-news a {
    line-height: 24px;
    display: block
}