.headerCont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .55rem .5rem;
    z-index: 10;
    background: transparent
}

.headerCont.isIndex {
    position: fixed
}

.headerCont.scrolldHeader {
    background: rgba(0, 0, 0, .6)
}

.headerCont .logoIco {
    cursor: pointer;
    width: 3.4rem
}

.headerCont .leftLogoCont {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.headerCont .leftLogoCont .logoIco1 {
    width: .46rem
}

.headerCont .leftLogoCont .lineCont {
    display: block;
    width: 1px;
    height: .1rem;
    background: #fff;
    margin: 0 .2rem
}

.headerCont .leftLogoCont .logoIcoJb {
    width: 92px
}

.headerCont .listCont {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.headerCont .listCont .listItem {
    cursor: pointer;
    font-size: .18rem;
    font-weight: 500;
    color: #333;
    line-height: 1.2em;
    margin-right: .38rem;
    opacity: .7
}

.headerCont .listCont .listItem.active, .headerCont .listCont .listItem:hover {
    opacity: 1;
    font-weight: 600
}

.headerCont .listCont .listItem:last-child {
    margin-right: 0
}

.headerCont .listCont.whtColor .listItem {
    color: #fff
}


a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body, html {
    height: 100%
}

body {
    font-family: Microsoft Yahei, PingFang SC, -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, miui, Hiragino Sans GB, sans-serif;
    line-height: 1;
    font-size: 14px
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

a {
    text-decoration: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

input[type=text], textarea {
    -webkit-appearance: none
}

:focus, button {
    outline: none
}

button {
    cursor: pointer;
    border: none;
    padding: 0
}


@media (max-width: 2860px) {
    html {
        font-size: 100px
    }
}

@media (max-width: 1920px) {
    html {
        font-size: 100px
    }
}

@media (max-width: 1680px) {
    html {
        font-size: 87.5px
    }
}

@media (max-width: 1600px) {
    html {
        font-size: 83.33px
    }
}

@media (max-width: 1440px) {
    html {
        font-size: 75px
    }
}

@media (max-width: 1366px) {
    html {
        font-size: 72.9166px
    }
}

@media (max-width: 1280px) {
    html {
        font-size: 66.667px
    }
}


.page-up {
    display: none;
    background-color: #409eff;
    position: fixed;
    right: 50px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    opacity: .5;
    z-index: 100;
    background: url(../img/back_top.png) 50% no-repeat;
    background-size: 100%
}

.page-up:hover {
    opacity: 1
}

.page-up.changeTopEle {
    top: 61%;
    bottom: auto
}

.toTopBtn {
    position: fixed;
    bottom: 10%;
    right: 5%
}

* {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

::-webkit-scrollbar {
    width: 0 !important
}


.infoCont {
    text-align: left
}

.footerCont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 25% 15px;
    background: #1c1c1d
}

.footerCont .footerLogo {
    width: .54rem
}

.footerCont .infoTopCont {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

.footerCont .infoTopCont .infoItemCont {
    margin-right: 5%
}

.footerCont .infoTopCont .infoItemCont:last-child {
    margin-right: 0
}

.footerCont .infoTopCont .infoItemCont h2 {
    font-size: .16rem;
    font-weight: 500;
    color: #fff;
    line-height: 1.2em;
    margin-bottom: 15px;
    white-space: nowrap
}

.footerCont .infoTopCont .infoItemCont p, .footerCont .infoTopCont .infoItemCont span {
    cursor: pointer;
    font-size: .16rem;
    color: #666;
    line-height: 2em;
    white-space: nowrap
}

.footerCont .infoTopCont .infoItemCont p:hover {
    color: #fff
}

.footerCont .infoTopCont .infoItemCont .icoItem {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.footerCont .infoTopCont .infoItemCont .icoItem .infoItemIco {
    width: .22rem;
    height: .22rem;
    margin-right: .08rem;
    opacity: .3
}

.footerCont .infoTopCont .infoItemCont .icoItem .infoItemIco.wx {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAc9JREFUSEvV1E+oTVEUx/HPQi8TShgyYYSRkuSlDMREykD+lGfmT/4WiUiZyYCJohRiJMXspV5PqScjmTAwwkBCigEDf7bWbZ/Xdb137009ZdXptNdZ+3vWb621d5giiyni+nfgUspS7MVaLMAMvMUj3IyI+/2oHM+4lDKA89iPaV02j2AoIt50+0ELXErJ9x1srsE/ML1jY7vvJVZFRCqZ0BrwEK7XiOdYiX04V31PMIgTOF19dyOiSeQPeAN+XGEZ8AlHsKk+6XuPo9iO9TUmfasj4t1EKTfgr5jZoyk/cQOvsRCLsop4gXsYjohct6wBf8asLuD88RnsxLJJ4lL11oh41Q4exoYu4LO15vN6qEo1K7I8TcZr8GCSMcsJGMOOCs0GPqy+dKWKL3Wqcn0lIva0z/GxOgWdp/EqtmB2BWdNs2E5JWlPkfVfXtcfImL+b5BSyiFc7JB7AYebfvQoRX7+FhEDneDjOIlbmFM7P4qNyKPej41FxGAnOCWPRMTHdkIpZReu9UHNkqyLiNG+b7dSymXs7gJP6MGIuDQ+bn1k0goppWzDKSzp2JPQ2xGR31vWd8YdpclTtxjf8QxzcSCv2+b0/RW4H4X/H/gXC4KDFz1T9x8AAAAASUVORK5CYII=) 50% no-repeat;
    background-size: 100%
}

.footerCont .infoTopCont .infoItemCont .icoItem .infoItemIco.wb {
    background: url(https://downqn.tuyoo.com/pcWeb/assets/img/common/wb.png) 50% no-repeat;
    background-size: 100%
}

.footerCont .infoTopCont .infoItemCont .icoItem .infoItemIco.mm {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAfVJREFUSEu1lU+IjWEUxn+P8a9EI1MMdsJKUqgxi8lYUCysbaVYmdlSSmLBRnZjMctRSs1GpJm6rCRCsVGSlD9JillMIx6d27m319eXvru47+p773fO777vOc9zPtGnpT5x+Qdsexw4B+wH1jb805/AU+CKpLlOThdsewyIF8sbAqthv4EjHXgJvg8czugXwEI+r8gbROxb4FNBHAa2FfuWpIOxL8HfgcEM2ge8BAYkLdr+AGwFzgI3C9Bx4FaxX5DULmEJ/lPsAzwJHJU0aPs9sBn4lZDIW11XMkltZgl2EVgHnpN0MmJsR95XYAMQzes2ugl4N7BL0kSeOJI/At8kjdmOWk8BM8DrTtObgBeBIUkt2w+A03mjY5Ju2N4LvAPuAKGo9moCLmscKolmngEuS5q0HWp5Bewoa90rOJq3JGm77eeS9theBUwDJ3oFDwDDkmazxlGOa8AjSZtsTwB3s75x+salaItf0vUEnwfWABcTHGY5AFwCTvUCrup4FLgKjCf4M3A7b/Gmo+u6Gv/PIPOSDtkOuS0rwOHUnWmmcGWtKqqWLk/8EGgBF4AvBXgjcC9HwUjMlzpLV4fQFmA98BgIJ4YKYi0BT3IwrazYunYI9Wds5gyIkRfdjxOuqxsyNb/9AJ6lcea76miY3HNY3755fwHN/uYXnPHOuAAAAABJRU5ErkJggg==) 50% no-repeat;
    background-size: 100%
}

.footerCont .infoTopCont .infoItemCont .icoItem .infoItemIco.linkedin {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAVVJREFUSEvtlT8rRXEcxj8PSWwWWRSpmwwMkljxKiTlJdhtRFZWk9kbUPabGDBJKYtisZgUXz065/Zz7+Wec3U23+l0zvP7/L7/j6jIVBGXb+CImAL2gCVgsOCl78A1sCPpJD/TAEfEOHAJDBUENssCWJd07A8p+AjYyNQWHQBvwCbQU/CyR2BU0kcKvgKmM0Bd0oKfI+IUWCkItmxM0kMKvgVqGeAZmMs8PrcXJcA1SXc/gc1xUWy9JaCW/gp+kjSSpcKRXEhajYhh4BDYAu6BRcC1mUgu7wrc50hcnBwUEfNA/U/gLII1txWwK+kse/cEOJquUzEAvAD9HgpJM0m68sJ3lQp7Ze9szXX4B39NZzpcLTlOR9o7whNnmwVeAR92u7m9bM0aF9bWMtLpEio5bA152yVUzdrM+nES2AeWgTy0Tt57p9wA220XfafTZb9X9s/7BEGp6RcF3jn3AAAAAElFTkSuQmCC) 50% no-repeat;
    background-size: 100%
}

.footerCont .infoTopCont .infoItemCont .icoItem .codeImgCont {
    width: 1rem;
    opacity: 0;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-100%);
    background: #fff;
    box-shadow: 0 .02rem .05rem 0 rgba(55, 58, 68, .15);
    border-radius: 10px;
    padding: 0;
    text-align: center
}

.footerCont .infoTopCont .infoItemCont .icoItem .codeImgCont img {
    width: 100%
}

.footerCont .infoTopCont .infoItemCont .icoItem:hover .codeImgCont, .footerCont .infoTopCont .infoItemCont .icoItem:hover .infoItemIco, .footerCont .infoTopCont .infoItemCont .icoItem:hover span {
    opacity: 1;
    color: #fff
}

.footerCont .infoTopCont .infoItemCont .icoItem:hover .codeImgCont {
    display: block
}

/*.footerCont .infoBtmCont {*/
/*    margin-top: 8px*/
/*}*/

.footerCont .infoBtmCont p {
    font-size: .14rem;
    color: #666;
    line-height: 2em
}

.footerCont .infoBtmCont .recordInfoCont {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.footerCont .infoBtmCont .recordIco {
    width: .16rem;
    height: .16rem;
    margin-right: .2rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAA5VJREFUOMtNzFtMW3UAx/HfuR/ac3qjFNrSDei4bFKQCMiGJsxkMQ6N0z3Phy0aE+ODxiWiMT7M+LAYk8X4oD6bJbKo2UJ2kTg0DlfHWMYGAQqCJdDLaDltT3tuPefvizP7vn++FJ6IEMLpyvpzqWTyxdzO+khq4+9+yi3T3fHOBR/vS3aNDNxwh3pnKIoyHxvqCUxZ5Y2hC+e+OL+z9vDpMWHLHUKddbU3I9fWaV9NkurBSGThzY/Ovk+5w3ceO/o/zNQrayM/f39xYmp28cgLgYJ3cCHHtqQMBJIZDPz6FzM+5vbc2c4P/3H50ntE3UoQQpj/B9CV2PRPk5+d++rB8VNHXdzRPQXajoBKlsHeah27Vzbx7O05HOoM8G9PzLz+29UfPwe0MADQhBBZM9YGp+a1g4rVwo8Fd2HP5WHqDmjHgWM5UE0KtWvLGG0sY6XUJlxOKgOalh8ihMgs9u6Ns//8cDrAOo2ixwUxLMLwcijpBN639sMX8aL23SJYrgqXZIJnOHhEpYk2pt5FwwkfW9q4f0zOpZ6JB9v4ktaEJTqKxIk81OsqRDDgBB7ieAfkYTeupSU4VRaJWJnn12cHTW9Ths4vzw8q2bJ/oKcGGw04/4kBQbfQ95QbbKoE3M0jVFFgz2Vw8WsV7mgIPRENxcVtKbdwq4s2bIPXNZO0B3MYHGOwsMIidykNuVgA1DI4SoeoKnj07RKWl0o4clJEVFZRrUu2LUl11h/pzSKndIiCzb/zio7T06N4Y20Tz2dyiPIMPD4bGRLBTLYbVncCH7+6CZHjYUQbNb41nmM+ODXwYTmTDRlbRSoRN9B1OIY/S1H8zvWhabgZtZgXF9L9KET6cfZMHa/F51BY2UGddjjOy1tUNTv9jbJ645hy/1arVK1xwf1+lA8dQNbg0GLugtYMpLg4eAbYt7kIq7gLMyibvt7RdSk2doUihIRta+Pl3YdfThRuz7dbqwoOnOyBK+yGnq6AEkUInR7Y6QLyd/egBUNw7UukQokznzJ883UWmMwTcygt0L66P9ECMxxCWQW0bQuE84K2LBRvbsG2HbAdjXCLDqh6hSJW9RH4yRKNouR27E2/EPLXGE6qcQIhDENglatwairMwh4szQIlUKBg2qwkV6T21oJD8h6gW2QRUKt8NXBTEw9TTIP0EmlI9RFbicGpNUC3QHNeSB2NNi3LKmFDG2JLYk7wtf3CMPVZ4IH+L2XSqtaP77WWAAAAAElFTkSuQmCC) 50% no-repeat;
    background-size: 100%
}

.gameDetailContainer {
    width: 100%;
    height: 100%;
    text-align: center
}

.gameDetailContainer .header {
    width: 100%;
    position: relative
}

.gameDetailContainer .firstPage {
    width: 100%;
    height: 100%;
    background: url(https://game.caishen.ai/website/topbanner.png) top no-repeat;
    background-size: cover;
    position: relative
}

.gameDetailContainer .firstPage .downloadBox {
    position: absolute;
    left: 75%;
    bottom: 1rem;
    transform: translateX(-75%);

    width: 750px;
    height: 166px;
    padding: 10px 20px;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0.70);
    border-radius: 15px;
    border: 1px solid #b79b56;
}
.gameDetailContainer .firstPage .downloadBox>div {
    float: left;
    width: 160px;
    height: 146px;
    text-align: center;
}

.gameDetailContainer .firstPage .downloadBox .android, .gameDetailContainer .firstPage .downloadBox .ios {
    width: 210px;
    height: 140px;
    margin: 0 .25rem;
    cursor: pointer;
    display: inline-block;
    position: relative
}

.gameDetailContainer .firstPage .downloadBox .android .qrcode, .gameDetailContainer .firstPage .downloadBox .ios .qrcode {
    display: none;
    width: 2.2rem;
    position: absolute;
    top: -1.91rem;
    left: 0
}

.gameDetailContainer .firstPage .downloadBox .android .qrcode .imgBox, .gameDetailContainer .firstPage .downloadBox .ios .qrcode .imgBox {
    width: 1.34rem;
    height: 1.34rem;
    margin: 0 auto .05rem;
    background: #fff;
    box-shadow: 0 .02rem .05rem 0 rgba(0, 0, 0, .15);
    border-radius: .1rem;
    position: relative
}

.gameDetailContainer .firstPage .downloadBox .android .qrcode .imgBox .qrcodeImg, .gameDetailContainer .firstPage .downloadBox .ios .qrcode .imgBox .qrcodeImg {
    width: 1.27rem;
    height: 1.27rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.gameDetailContainer .firstPage .downloadBox .android .qrcode .line, .gameDetailContainer .firstPage .downloadBox .ios .qrcode .line {
    width: .11rem;
    height: .41rem
}

.gameDetailContainer .firstPage .downloadBox .ios {
    background: url(../img/iosbtn.png) no-repeat 50%;
    background-size: 100%
}

.gameDetailContainer .firstPage .downloadBox .ios:hover {
    background: url(../img/iosbtn_hover.png) no-repeat 50%;
    background-size: 100%
}

.gameDetailContainer .firstPage .downloadBox .ios:hover .qrcode {
    display: block
}

.gameDetailContainer .firstPage .downloadBox .android {
    background: url(../img/androidbtn.png) no-repeat 50%;
    background-size: 100%
}

.gameDetailContainer .firstPage .downloadBox .android:hover {
    background: url(../img/androidbtn_hover.png) no-repeat 50%;
    background-size: 100%
}

.gameDetailContainer .firstPage .downloadBox .android:hover .qrcode {
    display: block
}

.gameDetailContainer .firstPage .mouse {
    width: .3rem;
    height: .46rem;
    border: .02rem solid hsla(0, 0%, 100%, .4);
    border-radius: .15rem;
    position: absolute;
    left: 50%;
    bottom: 1rem;
    transform: translateX(-50%)
}

.gameDetailContainer .firstPage .mouse .innerMouse {
    width: .04rem;
    height: .1rem;
    background: #efe331;
    border-radius: .02rem;
    margin-left: auto;
    margin-right: auto;
    -webkit-animation: mouse-data-v-15eecb9b 2s ease-in-out infinite both;
    animation: mouse-data-v-15eecb9b 2s ease-in-out infinite both
}

@-webkit-keyframes mouse-data-v-15eecb9b {
    0% {
        margin-top: .1rem
    }
    50% {
        margin-top: .24rem
    }
    to {
        margin-top: .1rem
    }
}

@keyframes mouse-data-v-15eecb9b {
    0% {
        margin-top: .1rem
    }
    50% {
        margin-top: .24rem
    }
    to {
        margin-top: .1rem
    }
}

.gameDetailContainer .firstPage .age {
    width: .78rem;
    position: absolute;
    left: .7rem;
    bottom: .7rem
}

.gameDetailContainer .introduction {
    width: 100%;
    background: #f9f9f9;
    padding: 1rem 0
}

.gameDetailContainer .introduction .bigIcon {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .2rem
}

.gameDetailContainer .introduction .lingxing {
    margin-top: .39rem
}

.gameDetailContainer .introduction .title {
    margin-top: .09rem
}

.gameDetailContainer .introduction .profile {
    margin-top: .11rem;
    letter-spacing: .05rem
}

.gameDetailContainer .introduction .words {
    padding: 0 1rem;
    margin: .35rem auto 0;
    font-size: .14rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #161616;
    line-height: .28rem
}

.gameDetailContainer .feature {
    width: 100%;
    height: 8.3rem;
    background: #fff;
    padding: .77rem 0 .8rem
}

.gameDetailContainer .feature .pics {
    padding: .52rem 0 .5rem 0
}

.gameDetailContainer .feature .pics img {
    width: 2.44rem;
    margin: auto .3rem;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.gameDetailContainer .feature .pics img.active, .gameDetailContainer .feature .pics img:hover {
    transform: scale(1.15);
    box-shadow: 0 0 .4rem .1rem #ccc;
    -moz-box-shadow: 0 0 .4rem .1rem #ccc;
    -webkit-box-shadow: 0 0 .4rem .1rem #ccc
}

.gameDetailContainer .feature .slideTitle {
    margin-top: .2rem;
    font-size: .18rem;
    font-family: PingFang SC;
    font-weight: 800;
    color: #444
}

.gameDetailContainer .feature .slideWords {
    padding: .21rem 5rem 0;
    font-size: .12rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #999;
    line-height: .24rem
}

.gameDetailContainer .highLight {
    width: 100%;
    background: #f9f9f9;
    padding: .8rem 0 .79rem
}

.gameDetailContainer .highLight .videos {
    width: 9rem;
    height: 5.06rem;
    margin: .53rem auto 0
}

.gameDetailContainer .highLight .videos .video {
    margin-right: .2rem;
    position: relative
}

.gameDetailContainer .highLight .videos .video:last-child {
    margin-right: 0
}

.gameDetailContainer .highLight .videos .video img {
    width: 9rem;
    height: 5.06rem
}

.gameDetailContainer .highLight .videos .video span {
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 14px;
    color: #fff
}

.gameDetailContainer .highLight .videos .video .videoCard {
    width: 9rem;
    height: 5.06rem;
    position: absolute;
    top: 0;
    left: 0
}

.gameDetailContainer .highLight .videos .video a {
    position: absolute;
    top: 50%;
    left: 50%;
    width: .72rem;
    height: .72rem;
    transform: translate(-50%, -50%);
    background: url(../img/play.png) 50% no-repeat;
    background-size: 100%
}

.gameDetailContainer .lingxing {
    width: .18rem;
    height: .18rem
}

.gameDetailContainer .title {
    font-size: .24rem;
    font-family: PingFang SC;
    font-weight: 800;
    color: #161616;
    margin-top: .09rem
}

.gameDetailContainer .profile {
    font-size: .14rem;
    font-family: Manrope;
    font-weight: 400;
    color: #ccc;
    margin-top: .11rem;
    letter-spacing: .05rem
}

.gameDetailContainer .bigVideo {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 200000;
    position: absolute;
    top: 0;
    left: 0
}

.gameDetailContainer .bigVideo video {
    width: 13.5rem;
    height: 8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.gameDetailContainer .bigVideo .video_close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: .3rem;
    height: .4rem;
    cursor: pointer
}

.gameDetailContainer .bigVideo .video_close .close {
    position: absolute;
    top: 0;
    left: 0;
    width: .3rem;
    height: .04rem;
    border-radius: .02rem;
    transition: all .3s ease-in-out
}

.gameDetailContainer .bigVideo .video_close .close1 {
    background: hsla(0, 0%, 100%, .6);
    transform: translateY(.12rem) rotate(45deg)
}

.gameDetailContainer .bigVideo .video_close .close2 {
    background: hsla(0, 0%, 100%, .6);
    top: .12rem;
    transform: rotate(-45deg)
}

.gameDetailContainer .iframe {
    display: none
}

#app {
    width: 100%;
    height: 100%;
    font-family: Microsoft Yahei,PingFang SC,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,miui,Hiragino Sans GB,sans-serif;
    color: #2c3e50;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}



.swiper {
    width: 80%;
    height: 80%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 50%;
    height: 100%;
}

.swiper-slide img {
    display: block;
    width: 100%;
    /*height: 100%;*/
    object-fit: cover;
}
.swiper-button-next{
    color: white;}
.swiper-button-prev{
    color: white;}