html {
    font-size: 14px;
}

body {
    background-color: #f4f7fc;
}

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

ul,
li,
ol {
    list-style: none;
}

.w-30 {
    width: 30%;
}

.w-35 {
    width: 35%;
}

.w-40 {
    width: 40%;
}

.w-60 {
    width: 60%;
}

.w-65 {
    width: 65%;
}

.w-70 {
    width: 70%;
}

.w-300 {
    width: 300px;
}
.icon-activity {
  position: relative;
}
.icon-activity:before {
  position: absolute;
  top: 50%;
  left: -5px;
  transform: translateY(-50%); /* 垂直居中 */
  content: "";
  width: 16px;
  height: 16px;
  background: url(img/gift.png) no-repeat center / contain;
  z-index: 1;
}
@media (min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1600px;
    }

    ;
}

.carousel {
    ;
}

.carousel-caption {
    top: 0;
    bottom: 0;
    z-index: 10;
    color: #191919;
}

.carousel-item {
    height: 600px;
}

@media (max-width:768px) {
    
    
    
    
    
    .carousel-item {
        height: 350px;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: calc(1em + 1vw);
    }

    ;
}

.carousel-item>img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 650px;
}

.marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
}

.marketing h2 {
    font-weight: 400;
}

.marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
}

.featurette-divider {
    margin: 5rem 0;
}

.featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.05rem;
}

@media (min-width:40em) {
    .carousel-caption p {
        margin-bottom: 1.25rem;
        font-size: 1.25rem;
        line-height: 1.4;
    }

    .featurette-heading {
        font-size: 50px;
    }

    ;
}

@media (min-width:62em) {
    .featurette-heading {
        margin-top: 7rem;
    }

    ;
}

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

.carousel-indicators li {
    width: 10px;
    height: 10px;
    margin-right: 5px;
    margin-left: 5px;
    border: none;
    border-radius: 20px;
}

.carousel-indicators li.active {
    width: 32px;
}



.product {
    ;
}

.product h1 {
    font-weight: 700;
}

.nav-grid {
    flex-direction: row;
    text-align: center;
}

.nav-grid a {
    color: #595959;
    cursor: pointer;
    font-size: 18px;
    min-width: 120px;
    height: 45px;
    line-height: 2;
    -webkit-transition: .2s;
    transition: .2s;
}

.nav-grid a:hover,
.nav-grid .active {
    color: #0055ff;
    font-weight: 700;
}

.nav-grid {
    position: relative;
}

.nav-grid .active span {
    color: #0055ff;
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}

.tabLine {
    border-bottom: 3px solid #1664ff;
    height: 3px;
    position: absolute;
    bottom: 0;
    -webkit-transition: left .2s cubic-bezier(.34, .69, .1, 1), width .2s cubic-bezier(.34, .69, .1, 1);
    -o-transition: left .2s cubic-bezier(.34, .69, .1, 1), width .2s cubic-bezier(.34, .69, .1, 1);
    -moz-transition: left .2s cubic-bezier(.34, .69, .1, 1), width .2s cubic-bezier(.34, .69, .1, 1);
    transition: left .2s cubic-bezier(.34, .69, .1, 1), width .2s cubic-bezier(.34, .69, .1, 1);
}

@media (min-width:1400px) {
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.card {
    box-shadow: none;
}

.overflow-x {
    overflow-x: auto;
}

.text-primary {
    color: #0055ff !important;
}

.fa-angle-right {
    transition: margin-left 0.3s ease;
    margin-left: 0;
    ;
}

.fa-sign-out {
    position: relative;
    transition: left 0.3s ease;
    left: 0;
    ;
}

.tooltip.bs-tooltip-top {
    top: -8px !important;
}

.tooltip-inner {
    padding: 8px 12px;
    ;
}

.tip-text {
    display: flex;
    align-items: center;
}

.tip-img {
    width: 14px;
    margin-right: 3px;
}

.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: 0;
    margin-left: 0;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}

.tooltip.show {
    opacity: 1;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #fff;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #fff;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #fff;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem .4rem .4rem 0;
    border-left-color: #fff;
}

.tooltip-inner {
    background-color: #fff;
    color: #000000;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .16);
    padding: 10px 16px;
    text-align: left;
    ;
}

.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: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: .25rem;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .16);
}

::-webkit-scrollbar {
    width: 6px;
    height: 4px;
    ;
}

::-webkit-scrollbar-button {
    display: none;
    ;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
    ;
}

::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 10px;
    ;
}

::-webkit-scrollbar-thumb:hover {
    background: #888;
}

i.fas.fa-search.fa-angle-up {
    font-size: 1.25rem;
}

i.fas.fa-search.fa-angle-up:hover {
    font-size: x-large;
    color: #0055ff;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none !important;
    box-shadow: none !important;
}

.overflow-y {
    height: 100%;
    overflow-y: scroll;
}

.bg-GsZo {
    background: no-repeat 50% / cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.content-WNBg {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}

.title-DSX8 {
    color: #020814;
    font-size: 36px;
    font-weight: 500;
    margin: 0 0 32px;
    text-align: center;
}

.input-wrap-qcRr {
    background: #fff;
    border-radius: 8px;
    margin: auto;
    padding: 4px;
    width: 400px;
}

.input-paOd {
    -moz-box-flex: 1;
    border: none;
    color: #020814;
    display: block;
    -webkit-flex: 1 1;
    flex: 1 1;
    font-size: 16px;
}

.btn-SyZV {
    background: #1664ff;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    padding: 9px 0;
    text-align: center;
    width: 220px;
    text-align: center;
}


.col-md-4 {
    padding: 0;
}
.col-md-4 .card {
    margin: 8px;
}
.col-md-4:nth-child(3n+1) .card{
    margin-left: 0;
}
.col-md-4:nth-child(3n) .card {
    margin-right: 0;
}

.col-12.col-md {
    padding: 0;
}
.col-12.col-md .card {
    margin: 8px;
}
.col-12.col-md:nth-child(3n+1) .card{
    margin-left: 0;
}
.col-12.col-md:nth-child(3n) .card {
    margin-right: 0;
}

.col {
    padding: 0;
}
.col .card {
    margin: 8px;
}
.col:nth-child(4n+1) .card{
    margin-left: 0;
}
.col:nth-child(4n) .card {
    margin-right: 0;
}

.row-cols-md-2 .col {
    padding: 0;
}
.row-cols-md-2 .col .card {
    margin: 8px;
}
.row-cols-md-2 .col:nth-child(2n+1) .card{
    margin-left: 0;
}
.row-cols-md-2 .col:nth-child(2n) .card {
    margin-right: 0;
}

.row-cols-md-5 .col {
    padding: 0;
}
.row-cols-md-5 .col .card {
    margin: 8px;
}
.row-cols-md-5 .col:nth-child(5n+1) .card{
    margin-left: 0;
}
.row-cols-md-5 .col:nth-child(5n) .card {
    margin-right: 0;
}