* {
    padding: 0;
    margin: 0;
    border: 0;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input,
select,
button {
    outline: 0;
}

button {
    border: 0;
    background-clip: padding-box;
}

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

img {
    border: none;
    vertical-align: baseline;
}

textarea,
input {
    word-wrap: break-word;
    word-break: break-all;
}

span,
p,
div {
    word-wrap: break-word;
}

.lf {
    float: left;
}

.rt {
    float: right;
}

html,
body,
div,
p,
ul,
ol,
li {
    list-style: none;
}

body {
    overflow: auto !important;
}

a {
    text-decoration: none;
    cursor: pointer;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

html {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0 auto;
}

.section {
    width: 100%;
    height: 100%;
}

#fullpage {
    height: 100%;
}

/* 自定义中间弹出的Popup样式 */
.popup {
    /* 核心：让Popup居中显示 */
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    bottom: auto !important;
    /* 覆盖默认bottom:0 */
    transform: translate(-50%, -50%) scale(0) !important;
    /* 初始缩放到0，准备动画 */
    -webkit-transform: translate(-50%, -50%) scale(0);
    width: 50% !important;
    height: 50% !important;
    /* 自定义宽度，按需调整 */
    max-width: 20rem;
    background: transparent !important;
}

.popup.modal-out {
    transform: translate(-50%, -50%) scale(0) !important;
}

.popup.modal-in {
    transform: translate(-50%, -50%) scale(1) !important;
    /* 缩放至1，居中显示 */
    -webkit-transform: translate(-50%, -50%) scale(1) !important;
}

/* 可选：遮罩层样式（保持默认即可） */
.popup-overlay {
    background: rgba(0, 0, 0, 0.6) !important;
}

/*
.page {
  background-color: #0a385c !important;
} */

/* html {
  font-size: calc(100 / 750 * 100vw) !important;
} */
.swiper .swiper-wrapper .swiper-slide {
    display: flex;
    justify-content: center;
}

.hhj {
    width: 20rem;
    height: 100%;
    background: url(../../../images/m/index/index.jpg) center no-repeat;
    background-size: cover;
    position: relative;
}

.header {
    width: 100%;
    height: 2.56rem;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .48rem 0 1.12rem;
    opacity: 0;
}

.headers {
    width: 100%;
    height: 2.56rem;
}

.header.opa {
    opacity: 1;
}

.header.show {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 102;
}

.header>a {
    display: inline-block;
    background: url(../../../images/m/index/header-logo.png);
    background-size: 100% 100%;
    width: 3.12rem;
    height: 2.4267rem;
}

.header-right {
    display: flex;
    align-items: center;
}

.header-right>a {
    display: inline-block;
    background: url(../../../images/m/index/header-user.png);
    background-size: 100% 100%;
    width: 1.8667rem;
    height: 1.8667rem;
}

.header-right>a:nth-child(2) {
    background: url(../../../images/m/index/icon-dh.png);
    background-size: 100% 100%;
    width: 1.8667rem;
    height: 1.8667rem;
    position: relative;
    z-index: 100;
    margin-left: .9067rem;
}

.a-16 {
    padding-left: 1.0667rem;
    margin-top: 1.0667rem;
}

.a-16 a {
    display: inline-block;
    background: url(../../../images/m/index/16+.png);
    background-size: 100% 100%;
    width: 1.7333rem;
    height: 2.32rem;
}

.down-btn {
    width: 18.14rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 3.8933rem;
    left: 50%;
    transform: translate(-50%);
    display: none;
}

.down-btn>a {
    display: inline-block;
    background: url(../../../images/m/index/btn-down.png) no-repeat;
    background-size: 17.8667rem 1.6rem;
    width: 5.7867rem;
    height: 1.6rem;
}

.index-bottom {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #ffffff;
    font-size: .6133rem;
    position: absolute;
    left: 0;
    bottom: 2.3333rem;
}

.index-title {
    width: 19.28rem;
    height: 9.76rem;
}

.index-img {
    width: 10.9867rem;
    height: 4.0267rem;
}

.btn-yy-a {
    display: inline-block;
    background: url(../../../images/m/index/btn-yy.png) no-repeat;
    background-size: 100% 100%;
    width: 8.5333rem;
    height: 2.8267rem;
    margin-top: -1.4667rem;
}

.down-btn>a:nth-child(2) {
    background-position-x: -6.0533rem;
}

.down-btn>a:nth-child(3) {
    background-position-x: -12.1067rem;
}

.popup-center {
    width: 17.2267rem !important;
    height: 9.6533rem !important;
}

.popup-center-top {
    height: 1.44rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: .7467rem;
    position: relative;
    margin-bottom: .4033rem;
}

.close-icon {
    width: .6933rem;
    height: .6933rem;
    position: absolute;
    top: .3667rem;
    right: .5867rem;
}

.close-popup2 {
    width: 1.0133rem;
    height: 1.0133rem;
    position: absolute;
    top: .8667rem;
    right: 0rem;
}

.yy-view-p {
    display: flex;
    align-items: center;
    margin-top: .403rem;
}

.yy-view-flex {
    display: flex;
    align-items: center;
}

.yy-view-flex>div {
    width: .5867rem;
}

.yy-view-p p {
    color: #666666;
    font-size: .56rem;
}

.yy-view-p a {
    color: #666666;
    font-size: .56rem;
}

.yy-view-off {
    width: .3733rem;
    height: .3733rem;
}

.yy-view-in {
    width: .5867rem;
    height: .5067rem;
}

.yy-view-p img.geted {
    display: none;
}

.popup-title {
    background: url(../../../images/m/index/index-popup.png);
    background-size: 100% 100%;
    width: 17.2267rem;
    height: 9.6533rem;
    color: #666666;
    font-size: .3733rem;
    line-height: 1.6;
}

.popup-title>p {
    overflow-y: scroll;
    height: 7.4667rem;
    padding: 0 1.26rem;
}

.panel {
    background: rgba(0, 0, 0, 0.85) !important;
}

.panel.panel-right.panel-cover {
    right: -20rem !important;
}

body.with-panel-right-cover .panel-right {
    -webkit-transform: translate3d(-20rem, 0, 0) !important;
}

.panel-black {
    width: 20rem !important;
}

.card-right {
    position: relative;
    padding-top: 1.0133rem;
}

.card-right-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .5333rem 0 .9333rem;
    margin-bottom: 2.9333rem;
}

.card-icon>.btn-ml {
    display: inline-block;
    background: url(../../../images/m/index/btn-ml.png);
    background-size: 100% 100%;
    width: 3.28rem;
    height: 1.4133rem;
}

.card-icon>.btn-ml.active {
    background: url(../../../images/m/index/btn-ml-active.png);
    background-size: 100% 100%;
}

.card-icon>.btn-fx {
    display: inline-block;
    background: url(../../../images/m/index/icon-fx.png);
    background-size: 100% 100%;
    width: 1.44rem;
    height: 1.44rem;
    margin-left: .2667rem;
}

.card-icon>.btn-fx.active {
    background: url(../../../images/m/index/icon-fx-active.png);
    background-size: 100% 100%;
}

.share-flex {
    width: 100%;
    margin-top: 10rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.share-row {
    display: flex;
    justify-content: space-between;
    width: 15.5rem;
    margin-bottom: 2.4rem;
}

.share-row>a>img {
    width: 2.2667rem;
    height: 2.2667rem;
    display: block;
}

.popup-qr {
    width: 20rem !important;
    height: 100% !important;
    max-width: 100% !important;
}

.qr-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.qr-box {
    background: rgba(0, 0, 0, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: .4rem;
    padding: .2rem;
    text-align: center;
    width: 7.5rem;
}

.qr-box>img {
    width: 6.7733rem;
    height: 6.7733rem;
    display: block;
    margin: 0 auto;
    background: #fff;
    border-radius: .2rem;
}

.qr-box>p {
    color: #fff;
    font-size: .6933rem;
    line-height: 1.1;
    margin-top: .2rem;
    margin-bottom: 0;
}

.qr-close {
    width: .88rem;
    height: .88rem;
    margin-top: 2.6rem;
    position: relative;
    cursor: pointer;
    background: url(../../../images/m/index/icon-close2.png);
    background-size: 100% 100%;
}

.qr-close::before,
.qr-close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 10%;
    width: 80%;
    height: .05rem;
    background-color: #fff;
}

.qr-close::before {
    transform: rotate(45deg);
}

.qr-close::after {
    transform: rotate(-45deg);
}

.card-close {
    display: inline-block;
    background: url(../../../images/m/index/b-close.png);
    background-size: 100% 100%;
    width: 1.7867rem;
    height: 1.7867rem;
}

.card-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card-flex>a {
    display: inline-block;
    margin-bottom: 2.5333rem;
    color: #ffffff;
    font-size: .6933rem;
    font-weight: 700;
    position: relative;
}

.card-flex>a.active {
    color: #1a4fb0 !important;
}

.card-flex>a.active::after {
    background-color: #1a4fb0 !important;
}

.card-flex>a::after {
    content: "";
    position: absolute;
    top: 2.2rem;
    left: 50%;
    transform: translate(-50%);
    width: 6.7733rem;
    height: .0267rem;
    background-color: #565455;
}

.popup-yy {
    width: 15.28rem !important;
    height: 11.4133rem !important;
}

.yy-view {
    background: url(../../../images/m/index/popup-yy.png);
    background-size: 100% 100%;
    width: 15.28rem !important;
    height: 11.4133rem !important;
    text-align: center;
    padding: 0rem 1.04rem 0;
}

.popup-yy-input {
    width: 13.12rem;
    height: 1.68rem;
    border: 1px solid #d2d2d2;
    border-radius: .2667rem;
    padding-left: .7467rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .3733rem;
}

.popup-center-top.h {
    height: 2.8533rem !important;
}

.popup-yy-input>img {
    width: .5867rem;
    height: .6933rem;
    margin-right: .2667rem;
}

.yy-code {
    width: 4.4rem;
    color: #999999;
    font-size: .56rem;
    text-align: center;
    position: relative;
}

.yy-code::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    background-color: #bababa;
    width: 1px;
    height: .48rem;
}

.yy-input {
    width: 100%;
    flex: 1;
    /* background: #fff; */
    touch-action: manipulation;
    font-size: .56rem;
}

/* .yy-code {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: .32rem;
} */

.yy-code>input {
    width: 9.2267rem;
    height: 1.9733rem;
    margin-bottom: 0;
}

.yy-code>img {
    width: 6.5067rem;
    height: 1.9733rem;
}

.yy-text {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: #2380c4;
    font-size: .64rem;
    margin-bottom: .3867rem;
}

.yy-login {
    display: inline-block;
    background: url(../../../images/m/index/btn-login.png);
    background-size: 100% 100%;
    width: 8.5067rem;
    height: 1.5733rem;
    margin-top: .6333rem;
}

.yy-p {
    color: #2380c4;
    font-size: .64rem;
}

.popup-win {
    width: 15.28rem !important;
    height: 8.7733rem !important;
}

.win-view {
    background: url(../../../images/m/index/popup-win.png);
    background-size: 100% 100%;
    width: 15.28rem !important;
    height: 8.7733rem !important;
    text-align: center;
}

.close-popup2.close {
    right: 1rem;
}

.win-view-p {
    line-height: 1.3;
    margin: 1.2133rem 0 1.24rem;
    color: #666666;
    font-size: .64rem;
    font-weight: 700;
}

.yy-appointment {
    display: inline-block;
    background: url(../../../images/m/index/btn-yy-b.png);
    background-size: 100% 100%;
    width: 8.5067rem;
    height: 1.5733rem;
    margin: auto;
}

.feature-card-bottom.poa {
    right: 4.53rem;
}

.welfare {
    width: 20rem;
    height: 100%;
    background: url(../../../images/m/index/fl-page.jpg);
    background-size: cover;
    position: relative;
    display: flex;
    flex-direction: column;
}

.fare-card {
    padding-left: 1.68rem;
    margin: .4267rem 0 .88rem;
    position: relative;
    z-index: 101;
}

.fare-card.mb-0 {
    margin: .4267rem 0 0rem !important;
}

.fare-card>img {
    width: 8.4rem;
    height: 2.0267rem;
}

.fare-right {
    position: relative;
    background: url(../../../images/m/index/welfare-card.png);
    background-size: 100% 100%;
    width: 17.2267rem;
    height: 28.7467rem;
    margin: auto;
    padding-top: 3.6267rem;
}

.fare-right-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.fare-right-center>a {
    display: inline-block;
    background: url(../../../images/m/index/welfare-btn.png);
    background-size: 8.5333rem;
    width: 3.2rem;
    height: 1.0667rem;
    margin-bottom: 3.36rem;
}

.fare-right-center>a.geted {
    background-position-x: -5.3333rem;
}

.fare-right-center>a:nth-child(2) {
    background-position-y: -4.4533rem;
}

.fare-right-center>a:nth-child(3) {
    background-position-y: -8.9067rem;
}

.fare-right-center>a:nth-child(4) {
    background-position-y: -13.36rem;
}

.fare-right-center>a:nth-child(5) {
    background-position-y: -17.8133rem;
}

.welfare-box {
    display: inline-block;
    width: 5.3867rem;
    height: 3.84rem;
    background: url(../../../images/m/index/banner-1.png);
    background-size: 100% 100%;
    position: absolute;
    top: 2.28rem;
    left: 1.48rem;
}

.welfare-box:nth-child(2) {
    background: url(../../../images/m/index/banner-5.png);
    background-size: 100% 100%;
    top: 6.6667rem;
    left: 10.38rem;
}

.welfare-box:nth-child(3) {
    background: url(../../../images/m/index/banner-10.png);
    background-size: 100% 100%;
    top: 11.12rem;
    left: 1.48rem;
}

.welfare-box:nth-child(4) {
    background: url(../../../images/m/index/banner-20.png);
    background-size: 100% 100%;
    top: 15.55rem;
    left: 10.38rem;
}

.welfare-box:nth-child(5) {
    background: url(../../../images/m/index/banner-50.png);
    width: 7.0933rem;
    height: 4.16rem;
    background-size: 100% 100%;
    top: 22.6467rem;
    left: 50.4%;
    transform: translate(-50%);
}

.welfare-box:nth-child(1).geted {
    background: url(../../../images/m/index/artive-banner-1.png);
    background-size: 100% 100%;
}

.welfare-box:nth-child(2).geted {
    background: url(../../../images/m/index/artive-banner-5.png);
    background-size: 100% 100%;
}

.welfare-box:nth-child(3).geted {
    background: url(../../../images/m/index/artive-banner-10.png);
    background-size: 100% 100%;
}

.welfare-box:nth-child(4).geted {
    background: url(../../../images/m/index/artive-banner-20.png);
    background-size: 100% 100%;
}

.welfare-box:nth-child(5).geted {
    background: url(../../../images/m/index/artive-banner-50.png);
    background-size: 100% 100%;
}


.news {
    width: 20rem;
    height: 100%;
    background: url(../../../images/m/index/news-bg.jpg);
    background-size: cover;
    position: relative;
}

.news.bg {
    background: url(../../../images/m/index/news-index.jpg) !important;
    background-size: cover !important;
}

.news-card {
    width: 100%;
    margin: auto;
    margin-top: .7333rem;
}

.news-card>img {
    margin-left: .6133rem;
    width: 10.0533rem;
    height: 2.16rem;
}

.lb_bt {
    position: relative;
    width: 100%;
    height: 12.1333rem;
}

.lb_bt_p {
    padding-left: .9867rem;
    font-size: .9067rem;
    font-style: italic;
    /* 使用字体的斜体版本 */
}

.lb_bt_p>span:nth-child(1) {
    color: #1a4fb0;
}

.lb_bt_p>span:nth-child(2) {
    color: #fff;
}

.lb_bt .swiper-container {
    width: 19.2rem;
    height: 10.24rem;
}

.lb_bt .swiper-container .swiper-wrapper {
    width: 19.2rem;
    height: 10.24rem;
}

.lb_bt .swiper-container .swiper-wrapper .swiper-slide {
    width: 19.2rem;
    height: 10.24rem;
    position: relative;
}

.lb_bt .swiper-container .swiper-wrapper .swiper-slide a {
    padding-top: .2733rem;
    z-index: 100;
    position: relative;
}

.lb_bt .swiper-container .swiper-wrapper .swiper-slide a img {
    width: 18.24rem;
    height: 9.4133rem;
}

.banner-blue {
    position: absolute;
    top: 0;
    left: .2267rem;
    z-index: 1;
    width: 19.2rem;
    height: 10.54rem;
}

.banner-blue>img {
    width: 100%;
    height: 100%;
}

.lb_bt .swiper-pagination-bullet {
    display: inline-block;
    width: .24rem;
    height: .24rem;
    background: #fff !important;
    opacity: 1;
    padding: 0 !important;
    border-radius: 0 !important;
    background-size: 7.2267rem;
    margin-right: .5333rem;
}

.lb_bt .swiper-pagination-bullet-active {
    display: inline-block;
    width: .5067rem;
    height: .5067rem;
    background: url(../../../images/m/index/news-swiper-active.png) !important;
    background-size: 100% 100% !important;
}

.lb_bt .swiper-pagination {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
}


.lb_bt .swiper-button-prev {
    position: absolute;
    width: .56rem;
    height: .7467rem;
    background: url(../../../images/m/index/icon-left.png) !important;
    background-size: 100% 100% !important;
    top: 56%;
    left: .1333rem;
    z-index: 9;
}

.lb_bt .swiper-button-next {
    position: absolute;
    width: .56rem;
    height: .7467rem;
    background: url(../../../images/m/index/icon-right.png) !important;
    background-size: 100% 100% !important;
    top: 56%;
    right: .1333rem;
    z-index: 9;
}

.lb_bt .swiper-button-prev::after {
    opacity: 0;
}

.lb_bt .swiper-button-next::after {
    opacity: 0;
}


.news-bottom {
    padding: 0rem 1.6533rem 0;
    margin-top: 2.3333rem;
    display: flex;
    flex-direction: column;
}

.news-top {
    width: 100%;
    height: 1.6667rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: .6133rem !important;
    position: relative;
}

.news-top::after {
    content: "";
    position: absolute;
    background: url(../../../images/m/index/news-line.png);
    background-size: 100% 100%;
    width: 16.7733rem;
    height: 1px;
    left: 0;
    bottom: 0;
}

.news-flex {
    width: 11.0933rem !important;
    height: 1.0667rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news-flex>a {
    display: inline-block;
    width: 1.8867rem;
    height: .703rem;
    font-size: .6933rem;
    font-weight: 700;
    color: #fff;
    border: none !important;
    font-family: SimSun, "宋体", serif;
    position: relative;
    z-index: 1;
}

.news-a {
    font-size: .48rem;
    color: #fff;
    font-weight: 700;
    margin-top: .3833rem;
}

.news-flex>a.active::after {
    content: "";
    position: absolute;
    background: url(../../../images/m/index/news-active.png);
    background-size: 100% 100%;
    width: 2.1867rem;
    height: .88rem;
    left: -0.7333rem;
    bottom: -0.2333rem;
    z-index: -1;
}

.news-flex>a:nth-child(-n+3)::before {
    content: "";
    position: absolute;
    background: #97a1a6;
    transform: rotate(30deg);
    /* 30度顺时针旋转 */
    width: 1px;
    height: .8rem;
    left: 2.3267rem;
    top: .1067rem;
}

.news-body {
    height: 8.8rem;
    padding-top: .4rem;
    display: none;
}

.news-body>a {
    height: 1.2rem;
    display: flex;
    align-items: flex-end;
}

.news-body-flex {
    width: 100%;
    height: 1.2rem;
    background-size: 100% 100%;
    padding: 0 .2667rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #949aa4;
    font-size: .4267rem;
}

.news-body>a:nth-child(2n+1) {
    background: url(../../../images/m/index/news-line-bg.png);
}

.news-body-tab {
    width: 1.6rem;
    height: .6667rem;
    background: url(../../../images/m/index/news-ju.png);
    background-size: 100% 100%;
    border-radius: .72rem;
    line-height: .6667rem;
    text-align: center;
    color: #fff;
    font-size: .48rem;
    margin-right: .2667rem;
}

.news-body-text {
    color: #ffffff;
    font-size: .48rem;
    width: 10.4rem;
    overflow: hidden;
    /* 超出部分隐藏 */
    text-overflow: ellipsis;
    /* 显示省略号 */
    white-space: nowrap;
    /* 禁止换行 */
}

.news-body-left {
    display: flex;
    align-items: center;
}

.news-list {
    height: 3rem;
    padding: 1.0667rem .7467rem 0;
    display: flex;
    flex-direction: column;
}

.list {
    width: 20rem;
    height: 100%;
    background: url(../../../images/m/index/news-bg.jpg);
    background-size: cover;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin: auto;
}

.news-return {
    display: inline-block;
    background: url(../../../images/m/index/icon-return.png);
    background-size: 100% 100%;
    width: 3.52rem;
    height: .64rem;
    margin-top: .2667rem;
}

.news-body-two {
    height: 76%;
    padding: 0rem .7467rem 0;
}

.news-body-two>a {
    margin-top: .7rem;
}

.news-body-two>a:nth-child(1) {
    margin-top: 0rem !important;
}

.news-bottom-text {
    height: 3.1rem;
    display: flex;
    /* align-items: center; */
    color: #64ffef;
    font-size: .5333rem;
    padding: 0.4rem .7467rem 0;
}

.news-bottom-text>a {
    display: inline-block;
    color: #64ffef;
    font-size: .5333rem;
}


.detail-top {
    text-align: right;
    padding-right: .6667rem;
    margin-bottom: 0.9rem;
}

.detail-top>a {
    display: inline-block;
    background: url(../../../images/m/index/return-news.png);
    background-size: 100% 100%;
    width: 4.8267rem;
    height: .6667rem;
}

.detail-body {
    flex: 1;
    overflow-y: auto !important;
    padding: 0 1.6533rem .8rem 1.4133rem !important;
}

.detail-body>p {
    text-align: center;
    margin-bottom: .2333rem;
}

.detail-body-title {
    color: #ffffff;
    font-size: .7467rem;
    margin-top: 1.0667rem;
}

.detail-body-time {
    color: #fff;
    font-size: .5867rem;
}

.detail-body-html {
    font-size: 14px;
}

.detail-body-html img {
    max-width: 100%;
    height: auto;
}

.detail-body-html p {
    max-width: 100%;
}

.detail-body-html * {
    color: #fff;
}

.detail-body-html div {
    max-width: 100%;
    height: auto;
    background-size: 100% auto;
}


.feature {
    width: 20rem;
    height: 100%;
    background: url(../../../images/m/index/ts-bg.jpg);
    background-size: cover;
    position: relative;
}

.feature-header {
    /* height: 9%; */
}

.feature-card {
    height: 29.7333rem;
    position: relative;
}

.feature-card-top {
    display: flex;
    justify-content: flex-end;
    padding-right: 1.4933rem;
    margin-top: -2.4rem;
}

.feature-card-top {
    display: flex;
    justify-content: flex-end;
    padding-right: 1.4933rem;
}

.feature-card-top>a {
    display: inline-block;
    background: url(../../../images/m/index/feature-zy.png);
    background-size: 7.44rem;
    width: 3.2rem;
    height: 5.8933rem;
    margin-left: 1.0667rem;
}

.feature-card-top>a.geted {
    background-position-y: -7.3867rem;
}

.feature-card-top>a:nth-child(2) {
    background-position-x: -4.24rem;
}

.feature-card-banner {
    display: flex;
    justify-content: flex-end;
}

.banner-img {
    width: 18.6667rem;
    height: 19.2533rem;
}

.feature-card-bottom {
    width: 2.5333rem;
    padding-right: 1.12rem;
    position: absolute;
    bottom: 2.6rem;
    right: 1.5333rem;
    z-index: 101;
}

.feature-card-bottom>a {
    display: block;
    background: url(../../../images/m/index/feature-btn.png);
    background-size: 5.6267rem;
    width: 2.5333rem;
    height: .9067rem;
    margin-top: .1333rem;
}

.feature-card-bottom>a.geted {
    background-position-x: -3.0933rem;
}

.feature-card-bottom>a:nth-child(2) {
    background-position-y: -1.0667rem;
}

.feature-card-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-right: 1.0667rem;
}

.feature-card-nav.geted {
    display: none;
}

.feature-card-nav2.geted {
    display: none;
}

.feature-card-nav>a {
    display: inline-block;
    background: url(../../../images/m/index/icon-feature-nav.png);
    background-size: 17.6rem;
    width: 2.4267rem;
    height: 2.4267rem;
    margin-right: .5867rem;
}

.feature-card-nav>a.geted {
    background-position-y: -4.6133rem !important;
}

.feature-card-nav>a:nth-child(2) {
    background-position-x: -3.0933rem;
}

.feature-card-nav>a:nth-child(3) {
    background-position-x: -6.1067rem;
}

.feature-card-nav>a:nth-child(4) {
    background-position-x: -9.12rem;
}

/**.feature-card-nav>a:nth-child(5) {
    background-position-x: -12.1333rem;
}

.feature-card-nav>a:nth-child(6) {
    background-position-x: -15.1733rem;
    background-position-y: -0.08rem;
}

.feature-card-nav>a:nth-child(6).geted {
    background-position-y: -4.72rem !important;
}
*/

.feature-card-nav2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-right: 1.0667rem;
}

.feature-card-nav2>a {
    display: inline-block;
    background: url(../../../images/m/index/icon-feature-nav2.png);
    background-size: 17.6rem;
    width: 2.7267rem;
    height: 2.6267rem;
    margin-right: .5867rem;
    background-position-x: -14.6733rem;
    background-position-y: -0.08rem;
}

.feature-card-nav2>a.geted {
    background-position-y: -3.0433rem !important;
}

.feature-card-nav2>a:nth-child(1) {
    background-position-x: -10.98rem;
}

.feature-card-nav2>a:nth-child(2) {
    background-position-x: -7.2467rem;
}

.feature-card-nav2>a:nth-child(3) {
    background-position-x: -3.7033rem;
}

.feature-card-nav2>a:nth-child(4) {
    background-position-x: 0rem;
    background-position-y: 0rem;
}

.feature-card-nav2>a:nth-child(4).geted {
    background-position-y: -3.15rem !important;
}


.role {
    width: 20rem;
    height: 100%;
    background: url(../../../images/m/index/role-bg.jpg) center no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    flex-direction: column;
}

.role-card {
    width: 16.5867rem;
    /* height: 14.8rem; */
    /* text-align: center; */
    margin: auto;
    /* margin-top: 5.3rem; */
    /* display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; */
    transition: transform 600ms ease;
}

.role_bt {
    position: relative;
    width: 16.5867rem;
    height: 22.7467rem;
}

.role_bt .swiper-container {
    width: 16.5867rem;
    height: 22.7467rem;
    /* padding-bottom: .2667rem !important; */
}

.role_bt .swiper-container .swiper-wrapper {
    width: 12.64rem;
    height: 22.7467rem;
}

.role_bt .swiper-container .swiper-wrapper .swiper-slide {
    width: 12.64rem;
    height: 22.7467rem;
}

.role_bt .swiper-container .swiper-wrapper .swiper-slide img {
    width: 12.64rem;
    height: 22.7467rem;
}


.role_bt .swiper-button-prev {
    position: absolute;
    width: 1.04rem;
    height: 1.44rem;
    background: url(../../../images/m/index/icon-left.png) !important;
    background-size: 100% 100% !important;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    z-index: 9;
}

.role_bt .swiper-button-next {
    position: absolute;
    width: 1.04rem;
    height: 1.44rem;
    background: url(../../../images/m/index/icon-right.png) !important;
    background-size: 100% 100% !important;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    z-index: 9;
}

.role_bt .swiper-button-prev::after {
    opacity: 0;
}

.role_bt .swiper-button-next::after {
    opacity: 0;
}

.role_bt .swiper-pagination-bullet {
    opacity: 1;
    display: inline-block;
    width: .2933rem;
    height: .2933rem;
    background: url(../../../images/m/index/swiper-icon.png);
    background-size: 100% 100%;
    margin: 0 .2667rem 0 !important;
    border-radius: 0 !important;
}

.role_bt .swiper-pagination-bullet-active {
    width: .6933rem;
    height: .6933rem;
    background: url(../../../images/m/index/swiper-icon-active.png);
    background-size: 100% 100%;
    border-radius: 0 !important;
}

.role_bt .swiper-container .swiper-wrapper .swiper-slide-prev {
    filter: grayscale(0%) brightness(50%);
}

.role_bt .swiper-container .swiper-wrapper .swiper-slide-next {
    filter: grayscale(0%) brightness(50%);
}

.role_bt .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 105% !important;
    left: 50% !important;
    transform: translate(-50%) !important;
}


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

/* .swiper.top {
  transform: translate(0, -5.3333rem);
} */

.footer {
    width: 20rem;
    height: 9.8933rem;
    background-color: #000;
    position: fixed;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(100%);
    transition: transform 600ms ease;
    z-index: 10;
    overflow: hidden;
}

.footer-body {
    padding-left: 3.1467rem;
    margin-top: -0.8rem;
    padding-right: 1.5667rem;
}


.footer-img {
    text-align: center;
    margin-top: -0.3667rem;
}

.footer-img img {
    width: 8rem;
    height: 3.84rem;
    display: inline-block !important;
}

.footer-top {
    width: 14.08rem;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: .56rem;
}

.footer-top a {
    color: #fff;
    font-size: .56rem;
}

.footer-p {
    line-height: 1.8;
    color: #fff;
    font-size: .4633rem;
}

.footer-p a {
    color: #fff;
    font-size: .4633rem;
}

.footer.footer-visible {
    transform: translateX(-50%) translateY(0);
}

.role-card.role-card-shift {
    transition: transform 600ms ease;
    transform: translateY(-6.3333rem);
}


.list.news {
    background: url(../../../images/m/index/news-bg.jpg) !important;
    background-size: cover !important;
}

.newDetail-body {
    padding: 5.1667rem 1.6rem 0 1.8667rem;
}

.newDetail-title {
    color: #fff;
    font-size: .8533rem;
}

.newDetail-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.newDetail-top-left {
    color: #d2d2d2;
    font-size: .4267rem;
}

.newDetail-top-left a {
    color: #d2d2d2;
    font-size: .4267rem;
}

.newDetail-top>a {
    display: inline-block;
    background: url(../../../images/m/index/btn-blue-s.png);
    background-size: 100% 100%;
    width: 2.7467rem;
    height: .9067rem;
    line-height: .9067rem;
    text-align: center;
    color: #fff;
    font-size: .48rem;
}

.newDetail-top.detail {
    padding: 0 1.0667rem 0 1.4133rem;
    margin-top: 4rem;
    margin-bottom: .2667rem;
}

.newDetail-top.detail>a {
    background: url(../../../images/m/index/btn-blue-b.png);
    background-size: 100% 100%;
    width: 3.4667rem;
}

.news-bottom.bg {
    padding: 0 !important;
    margin-top: 0 !important;
}

.news-body2 {
    height: 20.2667rem;
}

.news-body2>a {
    height: 2.0267rem;
    display: flex;
    align-items: flex-end;
}

.news-body-flex2 {
    width: 100%;
    height: 2.0267rem;
    background-size: 100% 100%;
    padding: 0 .2667rem;
    color: #fff;
    font-size: .64rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.news-body2>a:nth-child(2n+2) {
    background: url(../../../images/m/index/news-line-bg.png);
}

.news-body-tab2 {
    width: 1.6rem;
    height: .6667rem;
    background: url(../../../images/m/index/news-ju.png);
    background-size: 100% 100%;
    border-radius: .72rem;
    line-height: .6667rem;
    text-align: center;
    color: #fff;
    font-size: .48rem;
    margin-right: .2667rem;
}

.news-body-text2 {
    color: #fff;
    font-size: .64rem;
    width: 14.9333rem;
    overflow: hidden;
    /* 超出部分隐藏 */
    text-overflow: ellipsis;
    /* 显示省略号 */
    white-space: nowrap;
    /* 禁止换行 */
}

.news-body-left2 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #8a898a;
    font-size: .48rem;
}

.news-body-time2 {
    padding-top: .08rem;
}

.news-page {
    margin-top: 1.12rem;
    display: flex;
    justify-content: center;
}

.news-page a {
    background-color: #1a4fb0;
    border-radius: .2667rem;
    width: 3.76rem;
    height: 1.28rem;
    line-height: 1.28rem;
    text-align: center;
    color: #fff;
    font-size: .72rem;
}

.news-page a:nth-child(1) {
    margin-right: 2.0133rem;
}


.list.detail {
    background: url(../../../images/m/index/news-detail-bg.jpg) !important;
    background-size: cover !important;
}

.detail-line {
    background: url(../../../images/m/index/news-line.png);
    width: 100%;
    height: .0267rem;
    background-size: 100% 100%;
    margin-bottom: .4rem;
}

.btn-yy-a.geted {
    background: url(../../../images/m/index/btn-yy-geted.png) !important;
    background-size: 100% 100% !important;
}

.news-body.show {
    display: block;
}

.footer-top span {
    text-align: center;
    width: 1.52rem;
}

.yy-logout {
    display: inline-block;
    background: url(../../../images/m/index/btn-zx.png);
    background-size: 100% 100%;
    width: 8.5067rem;
    height: 1.5733rem;
    margin: auto;
}

.footer.bottom {
    position: unset !important;
    transform: none !important;
    transition: none !important;
}

.header.top {
    position: fixed !important;
}



/*
 * 目标设备需要同时满足两个条件：
 * 1. 宽度小于或等于 1216px (基于标准版分辨率的高度值作为逻辑宽度)
 * 2. 宽高比小于或等于 2.17 : 1 (即比 Reno 15 更方或更矮)
 */
@media screen and (min-aspect-ratio: 61/100) {
    .feature-card {
        height: 27.7333rem;
    }

    .fare-right {
        transform: scale(0.9);
        margin-top: -1.5rem;
    }
}

a.geted-a {
    pointer-events: none;
    background-color: #6e727b !important;
;
}

.btn-hx {
    display: inline-block;
    background: url(../../../images/m/index/download.png);
    width: 8.5rem;
    height: 2.8rem;
    background-size: cover;
    margin-top: 0.2rem;
}

.index-title-1 {
    color: #fff;
    font-size: .65rem;
}

.index-title-2 {
    color: #fff;
    font-size: .65rem;
}

.index-btn>a {
    display: inline-block;
    background: url(../../../images/m/index/index-home-reservation-btn1.png);
    background-size: 5.7867rem;
    width: 5.7867rem;
    height: 3.6333rem;
}

.index-btn>a.geted {
    background-position-y: -3.8rem;
}

.index-btn-right {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.index-btn-right>a {
    display: inline-block;
    background: url(../../../images/m/index/pc-download.png);
    background-size: 5.68rem;
    width: 5.68rem;
    height: 1.5733rem;
}

.index-btn-right>a:nth-child(2) {
    background: url(../../../images/m/index/yd-download.png);
    background-size: 5.68rem;
}

.index-btn {
    display: flex;
}