.pages-home {
    min-height: 100vh;
}

.pages-home-header {
    padding: 0 0.64rem;
    height: 4.9rem;
    background: url('/images/default/home_header.png') no-repeat top center;
    background-size: 100% 4.9rem;
    background-clip: border-box;
}

.pages-home-2126 {
    background: url('/images/default/header_2126.jpg') no-repeat top center;
    background-size: contain;
    background-clip: border-box;
}

.home__title {
    text-align: center;
    font-size: 0.768rem;
    padding: 0.34133rem;
    color: #ffffff;
}

.home-header {
    height: 2.432rem;
}

.home-header-left {
    width: 70%;
}

.home-header-left__icon {
    margin-right: 0.42667rem;
    width: 2.432rem;
    height: 2.432rem;
    background: url('/images/default/avatar.png') no-repeat center center;
    background-size: 100% 100%;
}

.pages-home-2126 .home-header-left__icon {
    background: url('/images/default/avatar_2126.png') no-repeat center center/100% 100%;
}

.home-login {
    height: 2.432rem;
    display: flex;
    align-items: center;
}

.home-login__before {
    height: 2.432rem;
    line-height: 2.432rem;
    color: #ebebeb;
    display: none;
}

.home-login__before__btn {
    color: #fff;
    text-decoration: underline;
}

.home-login__after {
    /* display: none; */
    color: #fff;
}

.home-login__after__top {
    padding: 0.2rem 0;
}

.home-login__after__logout {
    border-radius: 0.42667rem;
    display: inline;
    padding: 0.128rem 0.34133rem 0.10667rem;
    line-height: 0.768rem;
    font-size: 0.42667rem;
    color: #acdfff;
    background: rgba(0, 78, 170, 0.3);
}

.home-login__after__logout__img {
    display: inline-block;
    width: 0.43rem;
    height: 0.43rem;
    background: url('/images/default/logout.png') no-repeat center center;
    background-size: 100% 100%;
}

.home-header-right {
    position: relative;
    width: 30%;
    text-align: right;
    top: 15%;
}

.home-header-right .isMsg,
.btn-chat .icon-message {
    display: none;
    position: absolute;
    top: calc(50% - 0.1rem);
    right: 0rem;
    height: 0.4rem;
    width: 0.4rem;
    background-color: red;
    border-radius: 50%;
}

.home-header-right__order {
    /* width: 2.432rem;
    height: 2.432rem; */
    background: url('/images/default/header_order.png') no-repeat center center;
    background-size: 100% 100%;
    margin-top: 0.2rem;
    width: 6.3rem;
    height: 1.1rem;
    line-height: 1.2rem;
    box-sizing: border-box;
    padding: 0.2rem 0.3rem;
    border-radius: 10px;
    /* background-color: rgb(113,169,219,.4); */
}

.home-header-right__order .left-icon {
    float: left;
    width: 1em;
    height: 0.7rem;
    background: url('/images/default/header_order_left.png') no-repeat center center;
    background-size: 100% 100%;
}

.home-header-right__order .right-icon {
    float: right;
    width: 1em;
    height: 0.8rem;
    text-align: center;
    line-height: 0.8rem;
    background: url('/images/default/header_order_right.png') no-repeat center center;
}

.home-header-right__order .text {
    float: left;
    padding-left: 0.1rem;
    font-size: 0.67rem;
    color: #f9fbfe;
    line-height: 0.8rem;
}

.home-didver {
    clear: both;
    height: 0.3rem;
    background-color: #f5f5f4;
}

.kefu-card-box--title {
    border-bottom: none;
    padding: 0.64rem 0.64rem 0;
    font-size: 0.76rem;
}

.pages-home .kefu-card {
    display: flex;
    flex-wrap: wrap;
}

.home-tel {
    font-size: 0.59733rem;
    color: #999;
    text-align: center;
    padding: 0.42667rem 0 4.1rem 0;
}

.home-tel__btn {
    color: #458ff5;
    text-decoration: underline;
}

.home-acount-service-box .kefu-card {
    display: none;
}

.swiper-container {
    position: relative;
    height: 2rem;
    overflow: hidden;
    overflow-x: auto;
}

.swiper-container::-webkit-scrollbar {
    width: 0;
    /*对垂直流动条有效*/
    height: 0;
    /*对水平流动条有效*/
}

.app-pc .swiper-container::-webkit-scrollbar {
    width: 0.4rem;
    /*对垂直流动条有效*/
    height: 0.4rem;
    /*对水平流动条有效*/
}

/*定义滚动条的轨道颜色、内阴影及圆角*/
.app-pc .swiper-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #fefefe;
    border-radius: 3px;
}

/*定义滑块颜色、内阴影及圆角*/
.app-pc .swiper-container::-webkit-scrollbar-thumb {
    border-radius: 7px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #ccc;
}

.swiper-wrapper {
    width: 300%;
    height: 2rem;
    line-height: 2rem;
}

.swiper-wrapper a {
    text-decoration: none;
}

.swiper-slide {
    padding: 0.2rem 0.1rem;
    cursor: pointer;
    color: #747474;
    font-size: 0.61rem;
    text-align: center;
    box-sizing: border-box;
    white-space: nowrap;
}

.swiper-slide.active-nav {
    position: relative;
    color: #75d0f0;
    border-radius: 0.2rem;
    border: 1px solid #75d0f0;
}

.home-acount-question-box .kefu-list-ul {
    border-top: none;
}

.kefu-card-box--title .active-nav::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    bottom: 0.01rem;
    left: 0rem;
    width: 100%;
    height: 0.17067rem;
    border-radius: 0.128rem;
    background: rgba(33, 143, 247, 0.21);
}

.home-acount-question-box .kefu-card-box--title::after {
    width: 2.8rem;
    display: none;
}

.question-nav {
    padding: 0 0.64rem;
}

.kefu-card .kefu-grid__img {
    margin: 0 auto;
}

.pages-home-2135 {
    background-size: contain;
}

.pages-home-2135 .kefu-grid__img {
    margin-bottom: 4px;
}

.pages-home-2132 .kefu-grid__img,
.pages-home-2144 .kefu-grid__img {
    background-size: 92% 92%;
}

.pages-home-2144 .home-login__after__top {
    color: #846438;
}

.home-acount-service-box .query-tab {
    display: none;
}

.query-tab-list #transaction-query,
.query-tab-list #vip-query {
    display: none;
}

.gameServeBox,
.tabsBox {
    padding: 0.512rem;
}

.btn-chat .icon-message {
    top: 0;
}