html,
body {
    overscroll-behavior: none;
}

html.mob {
    font-size: calc(100vw/4.3);
}

.mob .show_pc {
    display: none !important;
}

.mob .show_mob {
    display: block !important;
}

.mob body {
    min-width: 100%;
}

.mob .home-page .slide1 {
    background: url(../img/BG@3x.jpg) center 0 no-repeat;
    background-size: cover;
}

.mob .home-page .logo-icon {
    top: .12rem;
    right: .08rem;
    left: auto;
    width: .88rem;
}

.mob .home-page .slide1 .mob_card_logo {
    display: block;
    position: absolute;
    top: 3.44rem;
    left: 0;
    width: 100%;
}

.mob .home-page .slide1 .qrcode-box {
    width: auto;
    margin: 0 .1rem;
    position: static;
    height: auto;

}

.mob .home-page .slide1 .card_logo {
    width: auto;
    padding: 0 .3rem .45rem;
    min-width: auto;
    display: block;
    position: static;
    box-sizing: border-box;
}

.mob .slide1 .form_mob {
    margin-top: 5.42rem;
    padding: 0 .36rem;
}

.mob .slide1 .form_mob .title {
    text-align: center;
    font-size: .14rem;
    line-height: .2rem;
    color: #fff;
}

.mob .slide1 .form_mob input[type="email"] {
    margin-top: .2rem;
    border: 1px solid #fff;
    outline: none;
    background: #919191;
    height: .36rem;
    width: 100%;
    padding: 0 .2rem 0 .35rem;
    font-size: .18rem;
    box-sizing: border-box;
    margin-bottom: 10px;
    line-height: .36rem;

    background: url(../img/icon-email.png) #858585 .08rem center no-repeat;
    background-size: auto .22rem;
}

.mob .slide1 .form_mob .flex {
    display: flex;
    align-items: center;
    font-size: .12rem;
}

.mob .slide1 .form_mob .flex input {
    margin-right: 10px;
}

.mob .slide1 .form_mob .flex span {
    color: #fff;
}

.mob .slide1 .form_mob .flex span:last-of-type {
    color: #0058FF;
}

.mob .home-page .mouse-img {
    width: .42rem;
    height: .42rem;
    bottom: 2%;
    background: url(../img/mouse2.png);
    background-size: cover;
    animation: fadeInDown 2s infinite;
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
.mob .slide1 .form_mob .btn {
    height: .5rem;
    background: url(../img/btn.png) no-repeat;
    background-size: cover;
    margin-top: .15rem;
}

.mob .home-page .slide2 {
    background: url(../img/mob/BG_h2@3x.png) center center no-repeat;
    background-size: cover;
}

.mob .home-page .slide2 p {
    width: 100%;
}

.mob .home-page .slide2 p:nth-of-type(1) {
    text-align: center;
    font-size: .4rem;
    left: 0;
    line-height: .56rem;
    top: 2rem;
}

.mob .home-page .slide2 p:nth-of-type(2) {
    font-size: .3rem;
    text-align: center;
    left: 0;
    bottom: 1.36rem;
    line-height: .42rem;
}

.mob .home-page .slide3 .icons>div {
    width: .7rem;
    height: .8rem;
    min-width: .7rem;
    min-height: .8rem;
    margin: 0 .08rem;
}

.mob .home-page .slide3 .box2 .info-icon {
    width: 3.58rem;
    left: 50%;
    margin-left: -1.79rem;
}

.mob .home-page .slide3 .info-icon {
    width: 3.58rem;
    left: 50%;
    right: auto;
    margin-left: -1.79rem;
    min-width: 3.58rem;
}

.mob .home-page .slide3 .box1 .bg {
    background: url(../img/mob/BG_SD01@3x.png) center center no-repeat;
    background-size: cover;
}

.mob .home-page .slide3 .box1 .anime_characters_bg {
    background: transparent;
}

.mob .home-page .slide3 .box1 .anime_characters {
    background: url(../img/mob/C_SD01@3x.png) center center no-repeat;
    background-size: cover;
}

.mob .home-page .slide3 .box2 .bg {
    background: url(../img/mob/BG_SD02@3x.png) center center no-repeat;
    background-size: cover;
}

.mob .home-page .slide3 .box2 .anime_characters_bg {
    background: transparent;
}

.mob .home-page .slide3 .box2 .anime_characters {
    background: url(../img/mob/C_SD02@3x.png) center center no-repeat;
    background-size: cover;
}

.mob .home-page .slide3 .box3 .bg {
    background: url(../img/mob/BG_SD03@3x.png) center center no-repeat;
    background-size: cover;
}

.mob .home-page .slide3 .box3 .anime_characters_bg {
    background: transparent;
}

.mob .home-page .slide3 .box3 .anime_characters {
    background: url(../img/mob/C_SD03@3x.png) center center no-repeat;
    background-size: cover;
}

.mob .home-page .slide3 .info-icon {
    top: auto;
    bottom: 1.3rem;
}

.mob .home-page .slide3 .icons {
    bottom: .52rem;
}

.mob .mob_tab {
    position: fixed;
    left: .4rem;
    top: .3rem;
    z-index: 100;
}

.mob .mob_tab .menu {
    width: .36rem;
    height: .36rem;
    background: url(../img/icon-menu.png) no-repeat;
    background-size: cover;
    z-index: 999;
    position: relative;

}

.mob .mob_tab .menu.open {
    background: url(../img/icon-close.png) no-repeat;
    background-size: cover;
}

.mob .mob_tab ul {
    position: fixed;
    width: 2.62rem;
    left: 0.36rem;
    top: 0.1rem;
    background: rgba(0, 0, 0, .7);
    z-index: 100;
    line-height: .33rem;
    font-size: .24rem;
    padding: 0.16rem 0;
    padding-top: 0.72rem;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}

.mob .mob_tab ul li {
    margin-bottom: .2rem;
    color: #fff;
}

.mob .mob_tab ul li a {
    display: block;
    padding-left: .16rem;
    line-height: .33rem;
}

.mob .mob_tab ul li a strong {
    border-left: .06rem solid #00BAFF;
    padding-left: .1rem;
    line-height: .33rem;
    display: block;
}

.mob .mob_tab ul li:last-of-type {
    margin-bottom: 0;
}

.mob .mob_tab ul strong {
    display: block;
}

.mob .mob_tab ul span {
    display: block;
    font-size: .12rem;
    line-height: .17rem;
    text-transform: uppercase;
}

.mob .mob_header {
    position: fixed;
    z-index: 100;
    width: 100%;
    height: .8rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, .8) 0, transparent);
}

.mob .mob_header .logo {
    position: fixed;
    top: .12rem;
    right: .36rem;
    width: .88rem;

}

.mob .login {
    display: none;
}

.mob .guide-page {
    padding: .8rem .36rem 0;
    min-width: 100%;
    box-sizing: border-box;
    /* background: url(../img/guide/mob_bg.png) no-repeat;
    background-size: 100vw 100vh;
    background-attachment:fixed; */
    background: transparent;
    position: relative;
    z-index: 2;
}

.mob .guide-page::before {
    content: ' ';
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../img/guide/mob_bg.png) center 0 no-repeat;
    background-size: 100% auto;
}

.mob .fixed_left {
    position: static;
    width: 100%;
}

.mob .fixed_left * {
    display: none !important;
}

.mob .fixed_left h1 {
    display: block !important;
    font-size: .32rem;
    line-height: .45rem;
    /* padding: 1.14rem 0 0; */
    text-shadow: 0px 0px 10px rgba(0, 186, 255, 0.5);
    text-align: center;
    margin: 0;
}

.mob .guide-page {
    font-size: .16rem;
    line-height: .22rem;
    padding-bottom: .2rem;
}

.mob .guide-page .scroll_right {
    width: 100%;
    min-width: 100%;
    padding-top: .2rem;
}

.mob .guide-page .scroll_right .slogan {
    font-size: .16rem;
    line-height: .22rem;
    margin-bottom: .4rem;
}

.mob .guide-page .scroll_right h2 {
    padding: 0;
    text-align: center;
    font-size: .24rem;
}

.mob .guide-page .scroll_right h3 {
    padding: 0;
    font-size: .16rem;
    line-height: .22rem;
}

.mob .guide-page .scroll_right .mt60 {
    /* margin-top: .1rem; */
}

.mob .guide-page .scroll_right .cards-desc ul {
    float: none;
    width: 100%;
    padding: 0;
}

.mob .guide-page .scroll_right .cards-desc li {
    display: none;
    margin-top: .1rem;
}

.mob .guide-page .scroll_right .cards-desc li:first-of-type {
    display: block;
    margin-top: .1rem;
}

.mob .guide-page .scroll_right .cards-desc .desc {
    width: 100%;
    font-size: .16rem;
    line-height: .22rem;
}

.mob .guide-page .scroll_right .cards-desc .name {
    font-size: .2rem;
    line-height: .28rem;
    margin-bottom: .2rem;
    text-align: center;
    width: 100%;
    padding-left: 0 !important;
}

.mob .guide-page .scroll_right .cards-desc .name span {
    display: none;
}

.mob .guide-page .scroll_right .cards-desc .name::before {
    content: "";
}

.mob .guide-page .scroll_right .cards-desc .structure {
    float: none;
    width: 100%;
    font-size: .16rem;
    line-height: .22rem;
    padding: .2rem;
    margin-top: .4rem;
}

.mob .guide-page .scroll_right .cards-desc .structure .star {
    padding-left: 0 !important;
}

.mob .guide-page .scroll_right .cards-desc .structure .star::before {
    content: "";
}

.mob .guide-page .scroll_right .cards-desc .card-tab {
    display: flex;
    margin-top: .1rem;
}

.mob .guide-page .scroll_right .cards-desc .card-tab div {
    flex: 1;
    text-align: center;
    background: #1B549B;
    border-radius: .04rem;
    font-size: .16rem;
    padding: .06rem 0;
    border: 1px solid #1B549B;
}

.mob .guide-page .scroll_right .cards-desc .card-tab div p:last-of-type {
    font-size: .12rem;
}

.mob .guide-page .scroll_right .cards-desc .card-tab div:nth-of-type(2) {
    flex: 2;
    margin: 0 .1rem;
}

.mob .guide-page .scroll_right .cards-desc .card-tab div:last-of-type {
    background: transparent;
}

.mob .guide-page .scroll_right .cards-desc .ml28 {
    margin-left: .09rem;
}

.mob .guide-page .scroll_right .cards-desc .structure .about {
    font-size: .16rem;
    line-height: .22rem;
}

.mob .guide-page .scroll_right .cards-desc .structure .mt20 {
    margin-top: .1rem;
}

.mob .guide-page .game_flow {
    margin-top: .2rem;
    line-height: .22rem;
    font-size: .16rem;
    padding: 0;
    margin-bottom: .2rem;
}

.mob .guide-page .game_flow_item {
    font-size: .16rem;
    line-height: .22rem;
    margin: 0 0 .4rem;
    padding: .32rem .18rem .2rem;
    padding-bottom: .2rem;
}

.mob .guide-page .scroll_right .step {
    padding: 0 .36rem;
    margin-bottom: .42rem;
}

.mob .guide-page .game_flow_item .title {
    font-size: .3rem;
    right: .19rem;
    line-height: .42rem;
    top: -.21rem;
    font-weight: bold;
}

.mob .guide-page .game_flow_item img {
    width: 100%;
    padding: .32rem .1rem .2rem;
    margin-bottom: 0;
    box-sizing: border-box;
}

.mob .guide-page .game_flow_item .box {
    border-radius: .04rem;
}

.mob .guide-page .game_flow_item3 .box {
    margin: .2rem -.1rem 0;
    padding: .2rem .1rem;

}

.mob .guide-page .game_flow_item3 img {
    margin: 0;
    padding: .05rem 0 0;
}

.mob .guide-page .game_flow_item3 img.mt10 {
    margin-top: .1rem;
}

.mob .guide-page .scroll_right .mob_mt05 {
    margin-top: .05rem;
}

.mob .guide-page .game_flow_item3 .box p {
    margin: 0;
    padding: 0;
    margin-left: 0 !important;
}

.mob .guide-page .scroll_right .circle::before {
    left: .05rem;
}

.mob .guide-page .game_flow_item3 .box p.star {
    padding: 0 !important;
}

.mob .guide-page .game_flow_item3 .box p.star::before {
    content: "";
}

.mob .guide-page .scroll_right .fs20 {
    font-size: .18rem !important;
    line-height: .25rem !important;
}

.mob .guide-page .scroll_right .game_flow_item5 {
    padding: .32rem .25rem .2rem;
}

.mob .guide-page .game_flow_item4 .box {
    padding: .2rem;
    margin: .2rem -.1rem 0;
}

.mob .guide-page .game_flow_item4 p {
    margin-left: 0 !important;
}

.mob .guide-page .game_flow_item4 p.star {
    margin-top: .05rem;
    padding-left: .15rem !important;
}

.mob .guide-page .game_flow_item4 p.star::before {
    content: "·";
}

.mob .guide-page .scroll_right .pc_card2 {
    width: 2.66rem;
    margin: .16rem auto .06rem;
}

.mob .guide-page .scroll_right .ml138 {
    margin-left: 0;
}

.mob .guide-page .scroll_right .mob_card_info1 {
    width: 2.66rem;
    margin: 0 auto !important;
}

.mob .guide-page .scroll_right .pc_card3 {
    margin: .1rem auto 0;
    width: 1.74rem;
}

.mob .guide-page .scroll_right .pc_card3_2 {
    margin: .1rem auto 0;
    width: 2.42rem;
}

.mob .guide-page .scroll_right .pc_card3_text {
    background: #DF0682;
    color: #fff;
    width: .8rem;
    border-radius: .04rem;
    text-align: center;
    margin: 0 auto;
}

.mob .guide-page .scroll_right .circle {
    padding-left: .15rem !important;
}

.mob .guide-page .scroll_right .mob_mt64 {
    margin-top: .62rem;
}

.mob .guide-page .scroll_right .pc_card4 {
    margin-top: .2rem;
}

.mob .guide-page .scroll_right .card4_box {
    margin-top: .2rem;
    position: relative;
}

.mob .guide-page .scroll_right .card4_box span {
    position: absolute;
    width: .34rem;
    height: .34rem;
    background: url(../img/arrow-left.png) left center no-repeat;
    background-size: .34rem auto;
    top: 2.37rem;
    left: -.36rem;
    z-index: 2;
}

.mob .guide-page .scroll_right .download_tip {
    margin-top: .1rem;
}

.mob .guide-page .scroll_right .card4_box span:last-of-type {
    right: -.36rem;
    left: auto;
    background: url(../img/arrow-right.png) right center no-repeat;
    background-size: .34rem auto;
}

.mob .guide-page .scroll_right .card4_box .pic_box {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.mob .guide-page .scroll_right .card4_box .pic_box img {
    height: 100%;
    max-width: 7.02rem;
    width: auto;
    margin: 0;
    left: -1.72rem;
    position: relative;
}

.mob .guide-page .scroll_right .mob_mt60 {
    margin-top: .6rem;
}

.mob .guide-page .scroll_right .preparation_matters p {

    margin-bottom: .05rem;
}

.mob .guide-page .scroll_right .star {
    padding-left: .16rem !important;
}

.mob .guide-page .scroll_right .mob_mt10 {
    margin-top: .1rem !important;
}

.mob .guide-page .scroll_right .game_flow_item4 {
    padding: .32rem .18rem .2rem;
}

.mob .guide-page .game_flow_item4 .box {
    padding: .2rem .1rem;
}

.mob .guide-page .game_flow_item4 .box img {
    padding: 0;
}

.mob .guide-page .scroll_right .flex {
    flex-direction: column-reverse;
}

.mob .guide-page .scroll_right .flex .pc_card19 {
    width: 2.86rem;
    margin: .1rem auto 0;
}

.mob .guide-page .scroll_right .flex .pc_card19_text,
.mob .guide-page .scroll_right .flex .pc_card20_text {
    width: 100%;
    padding-right: 0;
}

.mob .guide-page .scroll_right .flex .pc_card21_text {
    width: 100%;
    padding-right: 0;
}

.mob .guide-page .game_flow_item img.pc_card21 {
    width: 2.7rem;
    margin: 0 auto;
}

.mob .guide-page .scroll_right .ml40 {
    margin-left: 0 !important;
}

.mob .guide-page .scroll_right .game_flow_item6 .box {
    padding: .1rem;
}

.mob .guide-page .game_flow_item img {
    padding: 0;
}

.mob .guide-page .scroll_right .pc_card5_desc {
    margin-top: .2rem;
}

.mob .guide-page .scroll_right .pc_card5 {
    margin-top: .2rem;
}

.mob .guide-page .scroll_right .pc_card6 {
    margin-top: .2rem;
}

.mob .guide-page .scroll_right .preparation_matters .pc_card6_text {
    margin-top: .2rem;
    margin-bottom: 0;
}

.mob .guide-page .scroll_right .pc_card7 {
    margin-top: .2rem;
}

.mob .guide-page .scroll_right .mt40 {
    margin-top: .2rem;
}

.mob .guide-page .scroll_right .game_flow_item3 .box .about {
    font-size: .18rem;
}

.mob .footer {
    display: block;
    padding: 0 0 .4rem;
    position: relative;
    z-index: 3;
}

.mob .footer .icons {
    padding-top: .2rem;
    padding-bottom: .3rem;
    justify-content: center;
}

.mob .mob_card_swiper {
    margin: 0 -.36rem;
    position: relative;
}

.mob .mob_card_swiper .mySwiper {
    position: relative;
}

.mob .mob_card_swiper img {
    width: 2.66rem;
    display: block;
    margin: 0 auto;

}

.mob .mob_card_swiper .swiper-button-next {
    background: url(../img/arrow-right.png) right center no-repeat;
    background-size: .15rem auto;
    right: .12rem;
}

.mob .mob_card_swiper .swiper-button-prev {
    background: url(../img/arrow-left.png) left center no-repeat;
    background-size: .15rem auto;
    left: .12rem;
}

.mob .mob_card_swiper .swiper-button-next:after,
.mob .mob_card_swiper .swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: "";
}

.mob .guide-page .scroll_right h3.mob_mt20 {
    margin-top: .2rem !important;
}

.mob .guide-page .scroll_right .mob_center {
    text-align: center;
}

.mob .guide-page .scroll_right .mob_mt20 {
    margin-top: .2rem;
}

.mob .guide-page .scroll_right .mob_mt0 {
    margin-top: 0 !important;
}

.mob .guide-page .game_flow_item p.mob_star {
    padding-left: .16rem !important;
}

.mob .guide-page .game_flow_item p.mob_star::before {
    content: "✦";
}

.mob .guide-page .scroll_right .pc_card16 {
    width: 3rem;
    margin: .2rem auto 0;
}

.mob .guide-page .scroll_right .game_flow_item6 .box {
    margin: 0 -.1rem;
}

.mob .footer>div:last-of-type {
    text-align: center;
}

.mob .footer>div:last-of-type p span {
    display: block;
}

.mob .layui-layer .scroll_box {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
}

.mob .layui-layer .yszctext .close {
    right: -10%;
    margin-right: 14px;
}

.mob .layui-layer .yszctext {
    height: 5rem;
    background: #000;
    padding: 0.3rem;
    width: 80%;
    box-sizing: border-box;
}

.mob .home-page .slide4 {
    height: 2.3rem;
}

.mob .home-page .slide3::before {
    background: transparent;
    height: 4.66rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, .8) 0, transparent);
    background: linear-gradient(0, rgba(0, 0, 0, .8) 0, transparent);
    bottom: 0;
    top: auto;
}

.mob .guide-page .scroll_right .game_flow_item4 .num {
    padding-left: .15rem;
}

.mob .guide-page .scroll_right .game_flow_item4 .num::before {
    left: 0;
}

.mob .guide-page .scroll_right span.bg-circle {
    width: .18rem;
    height: .18rem;
}

.mob .page-title {
    font-size: .32rem;
    line-height: .45rem;
    padding: .8rem 0 0;
}

.mob .card-page,
.mob .game-page {
    padding: 0 .26rem;
}

.mob .page-container .filter-box .input-group {
    padding: 0 .1rem;
}

.mob .page-container .filter-box .el-input input {
    height: .46rem;
    font-size: .16rem;
}

.mob .card-page .cards-box {
    align-content: center;
    /* justify-content: space-between; */
}

.mob .card-page .cards-box .pic {
    width: 1.16rem;
    height: 1.61rem;
    margin-right: 0;
    box-sizing: border-box;
    margin: 0 .05rem .1rem;
}

.mob .card-page .cards-box div:nth-of-type(5n+1) {
    margin-left: .05rem;
}

.mob .card-page .cards-box div:nth-of-type(3n+1) {
    margin-left: .05rem;
}

.mob .el-checkbox-button .el-checkbox-button__inner {
    line-height: .34rem;
    padding: 0 .25rem;
    height: .38rem;
}

.mob .page-container .filter-box .flex-2 .input-group {
    width: 100%;
    margin-bottom: 0;
}

.mob .el-checkbox-button .el-checkbox-button__inner {
    margin-bottom: .1rem;
    margin-right: .1rem;
}

.mob .card-page .add-btn {
    margin: 0 .1rem;
}

.mob .page-container .filter-box .btn {
    padding: 0 .1rem;
}

.mob .page-container .filter-box .btn span {
    width: auto;
    line-height: .42rem;
    font-size: .16rem;
    height: .4rem;
    border-radius: .4rem;
}

.mob .card-page .add-btn {
    background: url(../img/icon-plus.png) rgba(0, 0, 0, .3) 35% center no-repeat;
    background-size: .18rem;
    margin-bottom: .1rem;
    font-size: .16rem;
}

.mob .card-page .add-btn.open {
    background: url(../img/icon-minus.png) rgba(0, 0, 0, .3) 35% center no-repeat;
    background-size: .18rem;
}

.mob .filter-box {
    padding: .1rem 0;
    margin-top: .1rem;
}

.mob .page-container .filter-box .input-group .search {
    line-height: .46rem;
    height: .48rem;
}

.mob .el-checkbox-button__inner {
    font-size: .16rem;
}

.mob .page-container .filter-box .flex-2 .input-group>label {
    font-size: .16rem;
}

.mob .page-container .result-box .reset {
    font-size: .14rem;
    width: 1rem;
    line-height: .32rem;
    height: .3rem;
}

.mob .el-pagination {
    display: none;
}

.mob .page-container .result-box {
    margin: .2rem 0;
}

.mob .page-container .result-box .total {
    font-size: .16rem;
}

.mob .mob-pagintion {
    display: flex;
    justify-content: space-between;
    background: rgba(0, 0, 0, .3);
    height: .3rem;
    line-height: .32rem;
    font-size: .16rem;
    font-weight: bold;
    padding: 0 .12rem;
    color: #fff;
}

.mob .mob-pagintion .prev {
    background: url(../img/arrow-left.png) center center no-repeat;
    background-size: auto .16rem;
    width: .3rem;
}

.mob .mob-pagintion .next {
    background: url(../img/arrow-right.png) center center no-repeat;
    background-size: auto .16rem;
    width: .3rem;
}

.mob .page-container .result-box .prev,
.mob .page-container .result-box .next {
    width: .5rem;
}

.mob .bottom-pagintion {
    margin-top: .2rem;
}

.mob .page-container {
    padding-bottom: 0;
}

.mob .page-container .filter-box .flex.mb20px {
    margin-bottom: .1rem;
}

.mob .game-page .filter-box .flex .input-group {
    margin-bottom: .1rem;
}

.mob .result-item-group .pic {
    width: .72rem;
    height: .72rem;
}

.mob .result-item-group .content {
    width: 100%;
}

.mob .game-page .result-item-group .content {
    width: 2.76rem;
}

.mob .result-item-group .item {
    padding: .1rem;
}

.mob .result-item-group p.title {
    line-height: .17rem;
    font-size: .12rem;
}

.mob .result-item-group .desc {
    font-size: .16rem;
    line-height: .18rem;
    margin-top: .05rem;
    display: -webkit-box;
}

.mob .result-item-group p {
    line-height: .17rem;
    font-size: .12rem;
    margin-top: 0;
}

.mob .result-item-group .top {
    margin-top: 0;
}

.mob .shop-page .page-container .filter-box .flex {
    display: block;
}

.mob .shop-page .page-container .filter-box .flex .search-group {
    width: 100%;
    padding: 0 .1rem;
    box-sizing: border-box;
}

.mob .shop-page .page-container .filter-box .flex .input-group {
    margin-bottom: .1rem;
}

.mob .shop-page {
    padding: 0 .26rem;
}

.mob .page-container .filter-box .input-group>div {
    line-height: .46rem;
    height: .48rem;
}

.mob .shop-page .page-container .filter-box .btn {
    margin-top: .1rem;
}

.mob .result-item-group {
    margin-top: .2rem;
}

.mob .card-page,
.mob .game-page,
.mob .product-page,
.mob .shop-page {
    min-height: auto;
}

.mob .product-page .swiper {
    height: 2.02rem;
}

.mob .shop-page .result-item-group .pic {
    width: 100%;
    height: 1.9rem;
    margin-bottom: .2rem;
}

.mob .shop-page .result-item-group .item {
    margin-bottom: .16rem;
}

.mob .result-item-group .item a {
    padding: 0;
    margin: 0;
}

.mob .shop-page .result-item-group .item .box {
    display: block;
    padding: 0;
    margin: 0;
}

.mob .result-item-group p {
    display: flex;
    align-items: baseline;
}

.mob .result-item-group p strong,
.mob .result-item-group p span {
    line-height: .17rem;
}

.mob .result-item-group p strong {
    width: .5rem;
    padding-right: .1rem;
}

.mob .result-item-group p span {
    flex: 1;
}

.mob .el-range-editor .el-range-input {
    font-size: .16rem;
}

.mob .result-item-group .item {
    margin-bottom: .1rem;
}

.mob .result-item-group .icon {
    height: .17rem;
    width: .17rem;
    margin-right: .1rem;
}

.mob .product-page .swiper-container {
    padding: 0 .26rem;
    margin: .1rem -.26rem .2rem;
}

.mob .product-page {
    padding: 0 .26rem;
}

.mob .product-page .result-item-group .tag {
    display: inline-block;
    font-size: .14rem;
    line-height: .22rem;
    height: .2rem;
}

.mob .result-item-group .item:last-of-type {
    margin-bottom: 0;
}

.mob .product-page .swiper-container .next {
    right: .05rem;
}

.mob .product-page .swiper-container .prev {
    left: .05rem;
}

.mob .game-page-detail .content,
.mob .product-page-detail .content {
    width: 100%;
    padding: 0 .26rem;
    box-sizing: border-box;
}

.mob .game-page-detail .content .pic,
.mob .product-page-detail .content .pic {
    height: auto;
}

.mob .game-page-detail .content .pic .tag,
.mob .product-page-detail .content .pic .tag {
    width: 1.18rem;
    line-height: .3rem;
    font-size: .16rem;
    top: .1rem;
    height: .3rem;
    right: -.16rem;
}

.mob .product-page-detail {
    padding-top: .8rem;
}

.mob .game-page-detail .content .box p.name,
.mob .product-page-detail .content .box p.name {
    font-size: .16rem;
    line-height: .22rem;
    margin-top: .1rem;
}

.mob .product-page-detail .content .box .tag {
    line-height: .24rem;
    font-size: .14rem;
    display: inline-block;
    border-radius: .04rem;
    margin-bottom: 0;
}

.mob .game-page-detail .content .box,
.mob .product-page-detail .content .box {
    padding: .1rem;
    margin-top: .1rem;
}

.mob .game-page-detail .content .box>p span,
.mob .product-page-detail .content .box>p span {
    display: block;
    width: 100%;
    padding: 0;
    font-size: .16rem;
    line-height: .22rem;
}

.mob .game-page-detail .content .box>p,
.mob .product-page-detail .content .box>p {
    display: block;
    margin-bottom: .1rem;
}

.mob .game-page-detail .content .box>p span:first-of-type,
.mob .product-page-detail .content .box>p span:first-of-type {
    text-align: center;
    width: 100%;
    position: relative;
    margin-bottom: .05rem;
}

.mob .game-page-detail .content .box>p span:first-of-type::before,
.mob .product-page-detail .content .box>p span:first-of-type::before {
    content: "";
    width: 1.28rem;
    height: 1px;
    background: #707070;
    position: absolute;
    left: 0;
    top: .10rem;
}

.mob .game-page-detail .content .box>p span:first-of-type::after,
.mob .product-page-detail .content .box>p span:first-of-type::after {
    content: "";
    width: 1.28rem;
    height: 1px;
    background: #707070;
    position: absolute;
    right: 0;
    top: .10rem;
}

.mob .game-page-detail .content .back,
.mob .product-page-detail .content .back {
    height: .4rem;
    line-height: .4rem;
    font-size: .16rem;
    margin-top: .3rem;
    margin-bottom: .1rem;
}

.mob .product-page-detail .content .tips {
    padding: .05rem;
    line-height: .2rem;
    font-size: .14rem;
    margin-bottom: 0;
}

.mob .card-page,
.mob .game-page,
.mob .product-page,
.mob .shop-page,
.mob .game-page-detail,
.mob .product-page-detail {
    padding-bottom: .2rem;
    background: transparent;
}

.mob .card-page::before,
.mob .game-page::before,
.mob .product-page::before,
.mob .shop-page::before,
.mob .game-page-detail::before,
.mob .product-page-detail::before {
    content: ' ';
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../img/guide/mob_bg.png) center 0 no-repeat;
    background-size: 100% auto;

}

.mob .game-page-detail {
    padding-top: .8rem;
}

.mob .page-container .filter-box .input-group>div.el-date-editor {
    padding: 0 16px 0 20px;
}

.mob .page-container .filter-box .input-group>div.el-date-editor input:first-of-type {
    text-align: left;
}

.mob .page-container .filter-box .input-group>div.el-date-editor input:last-of-type {
    text-align: right;
}

.mob .page-container .filter-box .input-group>div.el-date-editor input {
    flex: 1;
}

.mob .page-container .filter-box .input-group>div.checkbox-group {
    height: auto;
}

.mob .card-page .bottom-pagintion {
    margin-top: .1rem;
}

.mob .game-page-detail .content .box .tag {
    font-size: .12rem;
    line-height: .17rem;
}

.mob .game-page-detail .content .box .tag div {
    width: .17rem;
    height: .17rem;
    margin-right: .1rem;
}

.mob .game-page-detail .content .box>p span.center,
.mob .product-page-detail .content .box>p span.center {
    text-align: center;
}

/* .mob .popup-detail{
    padding: 0 .26rem;
    box-sizing: border-box;
}
.mob .popup-detail .inner{
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    margin: 0;
    overflow: scroll;
    height: 100%;
    padding: .1rem;
    box-sizing: border-box;
}
.mob .card-popup-detail .pic{
    width: 2.86rem;
    margin: 0 auto;
}
.mob .card-popup-detail .info{
    margin-left: 0;
}
.mob .card-popup-detail .item:nth-of-type(2n){
    margin-left: 0;
}
.mob .card-popup-detail .item{
    line-height: .42rem;
    width: 50%;
    margin-bottom: .1rem;
    border:0;
}
.mob .card-popup-detail .item span{
    width: .7rem;
    font-size: .14rem;
    background: rgba(26, 82, 154, 0.3);
}
.mob .card-popup-detail .item strong{
    padding-left: .1rem;
    font-size: .16rem;
    background: rgba(0, 0, 0, 0.3);
} */
.mob .card-page-detail::before {
    content: ' ';
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../img/guide/mob_bg.png) center 0 no-repeat;
    background-size: cover;
}

.card-page-detail {
    padding: 1.1rem .26rem .4rem;
    background: rgba(0, 0, 0, 0.3);
    font-size: .14rem;
    line-height: .2rem;
    color: #fff;
}

.card-page-detail .pic {
    width: 2.86rem;
    display: block;
    margin: 0 auto .2rem;
}

.card-page-detail .box {
    background: rgba(0, 0, 0, 0.3);
    padding: .3rem .1rem .1rem;
}

.card-page-detail .content {
    margin-bottom: .1rem;
    background: rgba(0, 0, 0, 0.3);
    padding: .1rem;
}

.card-page-detail .content .subtitle {
    color: rgba(0, 186, 255, 1);
}

.card-page-detail .content .code {
    font-size: .12rem;
    line-height: .17rem;
}

.card-page-detail .content .name {
    line-height: .22rem;
    font-size: .16rem;
}

.card-page-detail .flex {
    margin: 0 -.05rem;
    display: flex;
    flex-wrap: wrap;
}

.card-page-detail .item {
    line-height: .42rem;
    margin-bottom: .1rem;
    width: 1.74rem;
    margin: 0 .05rem .1rem;
    height: .42rem;
    display: flex;
}

.card-page-detail .item span {
    width: .7rem;
    text-align: center;
    color: rgba(0, 186, 255, 1);
    background: rgba(26, 82, 154, 0.3);
    border-top-left-radius: .04rem;
    border-bottom-left-radius: .04rem;
}

.card-page-detail .item strong {
    font-size: .16rem;
    border-top-right-radius: .04rem;
    border-bottom-right-radius: .04rem;
    background: rgba(0, 0, 0, 0.3);
    flex: 1;
    padding-left: .1rem;
    box-sizing: border-box;
}

.card-page-detail .content:last-of-type {
    margin-bottom: 0;
}

.card-page-detail .back {
    height: .4rem;
    line-height: .4rem;
    font-size: .16rem;
    margin-top: .3rem;
    background: rgba(26, 82, 154, 1);
    display: block;
    color: #fff;
    border-radius: .4rem;
    text-align: center;
}

.mob .product-page .result-item-group .content {
    width: 2.76rem;
}

.mob .product-page .result-item-group p span {
    flex: none;
}

.mob .product-page .el-checkbox-button .el-checkbox-button__inner {
    font-size: .16rem;
}

.mob .shop-page .result-item-group p {
    display: block;
}

.mob .shop-page .result-item-group p strong {
    /* display: block; */
}

.mob .mob-date-group {
    border: 1px solid rgba(26, 82, 154, 1) !important;
    background: rgba(0, 0, 0, .3);
    width: 100% !important;
    box-sizing: border-box;
    border-radius: 8px;
    line-height: .46rem;
    height: 0.48rem;
    padding: 0 0.1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mob .mob-date-group .el-date-editor {
    border: 0;
    outline: 0;
    color: #fff;
    font-size: .16rem;
    height: 100%;
    width: 1.24rem;
    -webkit-user-select: auto;
    background: transparent;

}

.mob .mob-date-group .el-date-editor:first-of-type {
    text-align: left;
}

.mob .mob-date-group .el-date-editor:last-of-type input {
    text-align: right;
}

/* .mob .mob-date-group input:first-of-type{
    text-align: left;
}
.mob .mob-date-group input:last-of-type{
    text-align: right;
} */
.mob .product-page .result-item-group .item:hover,
.mob .game-page .result-item-group .item:hover {

    background: rgba(0, 0, 0, .3);
}

.mob .product-page .result-item-group .item:hover a,
.mob .game-page .result-item-group .item:hover a {
    border: 1px solid transparent;
}

.mob .commander-container {
    width: 100%;
    padding: 0 .2rem;
    box-sizing: border-box;
}

.mob .commander-container .page-title {
    font-size: .32rem;
    line-height: .45rem;
}

.mob .commander-page .el-form-item__content {
    width: 100%;
    margin-left: 0 !important;
}

.mob .commander-block {
    margin-top: .2rem;
}

.mob .commander-create .commander-block:first-of-type {
    margin-top: .2rem;
    padding: .16rem;
    box-sizing: border-box;
}

.mob .commander-page .el-form-item__label {
    display: block;
    width: 100% !important;
    text-align: left;
    font-size: .17rem;
    line-height: .25rem;
    margin-bottom: .1rem;
    padding-bottom: 0;
}

.mob .commander-create .el-form-item__content {
    margin-left: 0 !important;
}

.mob .commander-page .el-form-item {
    width: 100%;
    margin-bottom: .2rem;
}

.mob .commander-page .form {
    padding: 0;
}

.mob .historical-honors-page .list {
    width: 100%;
    padding: 0 .2rem;
    border: 0;
    margin-top: .2rem;
    background: transparent;
}

/* .mob .commander-page{
    padding: 0 .2rem 1rem;
} */
.mob .commander-page .back {
    margin-top: .4rem;
    width: 3.34rem;
    background: rgba(27, 84, 155, .3);
    border: 1px solid #1B549B;
    height: .4rem;
    line-height: .4rem;
    font-size: .14rem;
}

.mob .historical-honors-page .list li {
    background: #000;
    padding: .18rem .1rem;
}

.mob .historical-honors-page .list li {
    margin-bottom: .1rem;
}

.mob .historical-honors-page .list li .pic {
    width: 1rem;
    height: 1rem;
}

.mob .historical-honors-page .list li .content {
    width: 2.56rem;
    margin-left: .2rem;
}

.mob .historical-honors-page .list li .title {
    margin-bottom: .05rem;
}

.mob .historical-honors-page .list li p {.mob .commander-page .submit
    font-size: .16rem;
    line-height: .22rem;
}

.mob .commander-page .el-input__inner {
    height: .48rem;
    line-height: .48rem;
    font-size: .16rem;
}

.mob .el-select .el-input .el-select__caret {
    line-height: .48rem;
    height: .48rem;
}

.mob .el-input__suffix {
    line-height: .48rem;
    height: .48rem;
    bottom: 0;
    top: auto;
}

.mob .el-checkbox .el-checkbox__label {
    white-space: break-spaces;
}

.mob .login-content {
    width: 100%;
    height: auto;
    border: 0;
    background: transparent;
    padding: 0 .36rem;
    margin-top: .24rem;
}

.mob .login-content .forget {
    font-size: .14rem;
    line-height: .2rem;
    margin-top: .1rem;
}

.mob .commander-page .el-form-item:last-of-type {
    margin-bottom: 0;
}

.mob .login-content button,
.mob .register-content button {
    margin-top: .2rem;
    width: 3.34rem;
    line-height: .4rem;
    height: .4rem;
    font-size: .14rem;
}

.mob .login-content p {
    margin-top: .2rem;
    font-size: .14rem;
    line-height: .2rem;
}

.mob .login-content .create {
    font-size: .16rem;
    line-height: .22rem;
    margin-top: .2rem;
}

.mob .login-content .register {
    font-size: .12rem;
    line-height: .17rem;
}

.mob .commander-page .commander-block:first-of-type {
    margin-top: .2rem;
}

.mob .commander-page .key-val-group {
    display: block;
}

.mob .commander-page .key-val-group p {
    width: 100%;
    line-height: .42rem;
    margin-bottom: .1rem;
}

.mob .commander-page .key-val-group .key {
    font-size: .14rem;
    width: .7rem;
}

.mob .commander-page .key-val-group .value {
    font-size: .16rem;
    flex: 1;
    text-align: right;
    display: block;
    padding-right: .1rem;
}

.mob .commander-block {
    padding: .16rem;
}

.mob .commander-page .inner-block table {
    border: 0;
}

.mob .commander-page .inner-block table tr {
    line-height: .27rem;
    height: .27rem;
    font-size: .16rem;
}

.mob .commander-page .inner-block table tr:first-of-type {
    display: none;
}

.mob .commander-fleet .inner-block table tr td:last-of-type,
.mob .commander-fleet .inner-block table tr th:last-of-type {
    padding-right: .1rem;
}

.mob .commander-page .inner-block {
    padding: .07rem 0;
    margin-top: .2rem;
}

.mob .commander-page .submit {
    width: 3.34rem;
    margin: 0 auto;
    display: block;
    height: .4rem;
    line-height: .4rem;
}

.mob .commander-page .inner-block table td {
    text-align: left;
    padding: 0 .1rem;
}

.mob .commander-page .inner-block table td:last-of-type {
    text-align: right;
}

.mob .commander-intelligence-page .commander-block:first-of-type {
    margin-top: .6rem;
}

.mob .info-page {
    padding: 0 .2rem .6rem;
}

.mob .user-info-content {
    display: block;
    position: relative;
}

.mob .info-page .flex-content .avator {
    width: 1.16rem;
    height: 1.16rem;
    position: absolute;
    top: -.58rem;
    left: 50%;
    margin-left: -.58rem;
    box-shadow: none;
    border: 1px solid rgba(0, 186, 255, 0.5);
    border-radius: .1rem;
    box-shadow: 0 0 .1rem rgba(0, 186, 255, 0.5);
    overflow: hidden;
}

.mob .info-page .flex-content .avator::before {
    opacity: 0;
}

.mob .info-page .flex-content .avator p {
    line-height: 1.16rem;
    font-size: .16rem;
}

.mob .info-page .content {
    padding: .16rem;
}

.mob .info-page .user-info {
    text-align: center;
    padding-top: .6rem;
    margin-bottom: .2rem;
    width: 100%;
    box-sizing: border-box;
}

.mob .info-page .user-info .links {
    position: static;
    margin-top: .2rem;
    justify-content: center;
    width: 100%;
}

.mob .info-page .user-info .links a {
    width: .4rem;
    height: .4rem;
    margin: 0 .2rem;
}

.mob .info-page .exchange-content .el-form-item {
    width: 100%;
}

.mob .info-page .game-info table {
    padding: .1rem;
}

.mob .info-page .game-info table td {
    line-height: .22rem;
    font-size: .16rem;

}

.mob .info-page .game-info table tr td:first-of-type {
    text-align: left;
}

.mob .info-page .game-info table tr td:last-of-type {
    text-align: right;
}

.mob .commander-join-fleet .join-input {
    width: 100%;
}

.mob .commander-page .commander-block .block-title {
    line-height: .25rem;
    font-size: .18rem;
}

.mob .commander-join-fleet .join-input {
    margin: .1rem 0 .2rem;
}

.mob .commander-join-fleet .flex-between {
    display: block;
}

.mob .commander-join-fleet .el-form-item {
    margin-left: 0;
    margin-bottom: .1rem;
}

.mob .commander-join-fleet .submit-item {
    margin-top: .2rem !important;
}

.mob .search-result ul li:first-of-type {
    line-height: .3rem;
    font-size: .16rem;
    height: .3rem;
}

.mob .search-result ul li {
    line-height: .48rem;
    height: .48rem;
    font-size: .16rem;
    margin-bottom: .05rem;
}

.mob .search-result ul li p:nth-of-type(1) {
    width: 35%;
}

.mob .search-result ul li p:nth-of-type(2) {
    width: 22%;
}

.mob .search-result ul li p:nth-of-type(3) {
    width: 43%;
}

.mob .search-result ul li a p:nth-of-type(3) img {
    margin-right: 0;
}

.mob .result-box {
    margin: .1rem;
}

.mob .result-box .reset {
    font-size: .14rem;
    width: 1rem;
    line-height: .3rem;
}

.mob .result-box .total {
    font-size: .16rem;
}

.mob .commander-join-fleet .mob-pagintion {
    margin-top: .3rem;
}

.mob .commander-create {
    padding-bottom: .6rem;
}

.mob .commander-create .commander-block {
    border: 0;
    background: transparent;
}

.mob .commander-create .el-form-item__content .input-tips {
    margin-top: .1rem;
    font-size: .12rem;
    line-height: .17rem;
    margin-bottom: 0;
}

.mob .commander-create .el-select {
    margin-bottom: .1rem;
}

.mob .commander-create .el-checkbox__label {
    font-size: .14rem;
    line-height: .2rem;
    box-sizing: border-box;
    padding-right: .16rem;
}

.mob .commander-create .btns {
    margin-left: 0 !important;
    display: block;
}

.mob .commander-create .btns a {
    display: block;
    margin-top: .25rem;
    margin-bottom: .4rem;
}

.mob .commander-team .team-link {
    display: block;
    margin-top: 0;
    padding: 1rem 0;
}

.mob .commander-team .item {
    width: 2.66rem;
    height: auto;
    margin: 0 auto 0;
}

.mob .commander-team .item:last-of-type {
    margin-top: .1rem;
}

.mob .commander-team .item a {
    padding: 0;
}

.mob .commander-register .commander-block {
    border: 0;
    background: transparent;
    width: 100%;
}

.mob .commander-register .subtitle {
    font-size: .16rem;
    line-height: .22rem;
    margin-top: .2rem;
}

.mob .commander-register .submit-item {
    margin-top: .6rem;
}

.mob .commander-register .commander-block:first-of-type {
    margin: 1.5rem 0 3.54rem !important;
    height: auto;
}

.mob .commander-complete-registration .commander-block {
    background: transparent;
    border: 0;
}

.mob .commander-complete-registration .subtitle {
    margin-top: .2rem;
    font-size: .16rem;
    line-height: .22rem;
}

.mob .commander-complete-registration .commander-block:first-of-type {
    margin-top: .34rem;
}

.mob .commander-intelligence-page .commander-block .el-button,
.mob .commander-page .commander-block .top .el-button {
    width: .87rem;
    line-height: .3rem;
    font-size: .14rem;
    height: .3rem;
}

.mob .commander-intelligence-page .commander-block .logout {
    top: -.4rem;
}

.mob .commander-intelligence-page h2,
.mob .commander-page .commander-block .top {
    font-size: .18rem;
    line-height: .25rem;
    margin-bottom: .1rem;
}

.mob .commander-intelligence-page .blue .el-form-item__label,
.mob .commander-fleet .el-form-item__label {
    font-size: .14rem;
    margin-bottom: .05rem;
    line-height: .2rem;
}

.mob .commander-intelligence-page .el-input__inner,
.mob .commander-fleet .el-form .el-input__inner {
    border: 0 !important;
    height: .42rem;
    line-height: .42rem;
    border-radius: .04rem;
}

.mob .commander-intelligence-page .el-form-item,
.mob .commander-fleet .el-form-item {
    margin-bottom: .1rem;
}

.mob .commander-intelligence-page .commander-block .change {
    right: 0;
}

.mob .commander-intelligence-page .commander-block {
    margin-top: .1rem;
}

.mob .commander-fleet .el-form {
    display: block;
}

.mob .commander-fleet .team-block .inner-block .item {
    width: 100%;
    margin-right: 0;
    padding: 0 .28rem 0 .1rem;
    margin-bottom: .08rem;

}

.mob .commander-fleet .team-block .inner-block .item .name {
    line-height: .42rem;
}

.mob .commander-fleet .inner-block {
    padding: .1rem 0 .02rem;
}

.mob .commander-fleet .team-block .inner-block {
    margin-top: 0;
}

.mob .mini-button {
    width: .87rem;
    line-height: .3rem;
    font-size: .14rem;
    height: .3rem;
}

.mob .commander-page .inner-block.honor .img {
    width: .64rem;
    height: .64rem;
    margin-bottom: .06rem;
}

.mob .commander-page .inner-block.honor {
    padding-top: .06rem;
}

.mob .commander-fleet .game-block .item {
    width: 1.74rem;
    height: .42rem;
    line-height: .42rem;
    margin-top: .1rem;
    margin-right: .1rem;
}

.mob .commander-fleet .label {
    width: .7rem;
    font-size: .14rem;
}

.mob .commander-fleet .value {
    font-size: .16rem;
}

.mob .commander-fleet .game-block .icon {
    width: 1.74rem;
    height: 1.74rem;
    box-sizing: border-box;
    position: static;
    background: url(../img/icon-level-m.png) no-repeat;
    background-size: 100% auto;
}

.mob .commander-fleet .game-block .icon img {
    width: 1.3rem;
    height: 1.3rem;
    margin-top: .13rem;
}

.mob .commander-fleet .game-block .icon p {
    font-size: .16rem;
    line-height: .16rem;
}

.mob .commander-fleet .game-block .group {
    width: 1.74rem;
    justify-content: space-between;
}

.mob .commander-fleet .game-block .flex {
    align-items: flex-start;
    margin-bottom: .1rem;
}

.mob .commander-fleet .game-block .item:first-of-type {
    margin-top: 0;
}

.mob .info-page .game-info,
.mob .info-page .history,
.mob .info-page .content.exchange-content {
    margin-top: .1rem;
}

.mob .commander-complete-registration .form .el-form-item:nth-of-type(1) .el-input__inner {
    border: 0 !important;
}

.mob .el-checkbox__label {
    font-size: .14rem;
    position: relative;
    top: -.02rem;
}

.mob .commander-complete-registration .el-checkbox {
    height: .14rem;
}

.mob .commander-complete-registration .el-form-item:last-of-type {
    margin-top: .7rem;
}

.mob .commander-intelligence-page .commander-block:first-of-type .el-form-item__label {
    display: none;
}

.mob .commander-team .back {
    margin-top: 0;
}

.mob .commander-join-fleet .commander-block {
    margin-top: .1rem;
}

.mob .commander-join-fleet .result-box .flex {
    width: 100%;
    justify-content: space-between;
}

.mob .commander-join-fleet .search-result ul li:first-of-type a,
.mob .commander-join-fleet .search-result ul li:first-of-type {
    height: .3rem;
    line-height: .3rem;
    font-size: .16rem;
}

.mob .commander-join-fleet .search-result ul li {
    line-height: .48rem;
    height: .48rem;

}

.mob .commander-join-fleet .search-result ul li a {
    line-height: .2rem;
    height: .48rem;
    font-size: .16rem;
    align-items: center;
}

.mob .search-result ul li a p:nth-of-type(4) img {
    margin-right: .02rem;
}

.mob .commander-create .el-checkbox.agree {
    display: flex;
}

.mob .commander-fleet .inner-block textarea {
    font-size: .16rem;
    height: .66rem;
    padding: 0;
}

.mob .commander-fleet .inner-block {
    padding: .1rem;
}

.mob .commander-fleet .recruitment-manifesto-block .inner-block {
    margin-top: .05rem;
}

.mob .commander-fleet .recruitment-manifesto-block .subtitle {
    margin-top: 0;
}

.mob .commander-fleet .inner-block {
    margin-top: .1rem;
}

.mob .commander-fleet table td {
    font-size: .16rem;
}

.mob .commander-fleet .recruitment-manifesto-block textarea {
    height: 1.1rem;
}

.mob .commander-fleet .record-list li {
    border-bottom: 1px solid rgba(112, 112, 112, .3);
    padding: .05rem 0;
    line-height: .22rem;
    font-size: .16rem;
}

.mob .commander-fleet .record-list li p:last-of-type {
    text-align: right;
    display: flex;
}

.mob .commander-fleet .record-list li p span {
    flex: 1;

}

.mob .commander-fleet .record-list li p span:nth-of-type(1) {
    text-align: left;
}

.mob .commander-fleet .record-list li p span:nth-of-type(2) {
    text-align: center;
}

.mob .commander-fleet .team-block p,
.mob .commander-fleet .commander-block .subtitle {
    margin: .1rem 0;
    font-size: .14rem;
    line-height: .2rem;
}

.mob .commander-fleet .game-block .level-box {
    border: 1px solid rgba(27, 84, 155, 0.5);
    border-radius: .04rem;
    height: 1.46rem;
    width: 1.74rem;
    background: rgba(0, 0, 0, 0.3);
}

.mob .commander-fleet .game-block .level-box .top {
    line-height: .42rem;
    justify-content: left;
    margin-bottom: 0;
}

.mob .commander-fleet .game-block .level-box .name {
    width: .7rem;
    background: rgba(26, 82, 154, 0.3);
    text-align: center;
    padding-left: 0;
    font-size: .14rem;
}

.mob .commander-fleet .game-block .level-box p {
    padding-left: .1rem;
    font-size: .16rem;
}

.mob .commander-fleet .game-block .level-box img {
    width: 1rem;
    height: 1rem;
    display: block;
    margin: 0 auto;
}

.mob .commander-fleet .record-list li:last-of-type {
    border: 0;
}

.mob .info-page .game-info .data_list {
    flex-wrap: wrap;
}

.mob .info-page .game-info .data_list p {
    width: 47.5%;
    margin-bottom: .1rem;
    line-height: .42rem;
}

.mob .info-page .game-info p span:nth-of-type(1) {
    width: .7rem;
    font-size: .14rem;
}

.mob .info-page .game-info p {
    font-size: .16rem;
}

.mob .info-page .game-info h3 {
    margin-top: 0;
}

.mob .info-page .box1 {
    width: 1.74rem;
}

.mob .info-page .box1 p span:nth-of-type(1) {
    width: .7rem;
    font-size: .14rem;
}

.mob .info-page .box1 p span:nth-of-type(2) {
    padding-left: 0;
    font-size: .16rem;
    text-align: center;
    flex: 1;
}

.mob .info-page .mob_box2 {
    border: 1px solid rgba(27, 84, 155, 0.5);
    border-radius: .04rem;
    height: 1.56rem;
    width: 1.74rem;
    background: rgba(0, 0, 0, 0.3);
}

.mob .info-page .mob_box2 .name {
    width: .7rem;
    background: rgba(26, 82, 154, 0.3);
    text-align: center;
    padding-left: 0;
    font-size: .14rem;
    color: rgba(0, 186, 255, 1);
}

.mob .info-page .mob_box2 p {
    padding-left: .1rem;
    font-size: .16rem;
}

.mob .info-page .mob_box2 img {
    /* width: 1rem; */
    height: 1rem;
    display: block;
    margin: 0 auto;
}

.mob .info-page .mob_box2 .top {
    line-height: .42rem;
    justify-content: left;
    margin-bottom: 0;
}

.mob .info-page .box1 {
    margin-right: .1rem;
}

.mob .info-page .box1 p {
    padding-left: 0;
    line-height: .42rem;
}

.mob .page-about {
    background: url(../img/about-bg-mob.jpg) center center no-repeat;
    background-size: cover;
}

.mob .page-about .content {
    margin-top: .2rem;
    width: 100%;
    padding-bottom: .55rem;
}

.mob .page-about .item {
    padding: .55rem .36rem 0;
    margin-bottom: .2rem;

}

.mob .page-about .item h2 {
    width: 75%;
    line-height: .65rem;
    height: .65rem;
    left: 12.5%;
    /* margin-left: -.87rem; */
    font-size: .16rem;
    padding: 0;
    box-sizing: border-box;
}

.mob .page-about .item p {
    font-size: .16rem;
    line-height: .22rem;
    padding: .1rem;
}

.mob .page-rule .content {
    margin-top: .2rem;
    width: 100%;
    padding-bottom: .55rem;
    padding: 0 .36rem;
    box-sizing: border-box;
}

.mob .page-rule .content .video-box {
    height: 2rem;
}

.mob .page-rule .content a {
    padding: .1rem .55rem .1rem .15rem;
    line-height: .22rem;
    font-size: .16rem;
    border: 1px solid rgba(0, 186, 255, 0.36);
    margin-top: .2rem;
    background: url(../img/icon-download.png) rgba(26, 82, 154, .3) 94% center no-repeat padding-box;
    background-size: .14rem auto;

}

.mob .page-rule .content a:first-of-type {
    margin-top: .4rem;
}

.mob .rules-popop .content .scroll_box {
    width: 90%;
    margin: 0 auto;
}

.mob .rules-popop .content .close {
    right: 10px;
}

.mob .commander-create .flex-agree {
    display: flex;
}

.mob .commander-page .el-form-item .agree+.text {
    line-height: .22rem;
    font-size: .14rem;
}

.mob .commander-intelligence-page .mail {
    height: 0.42rem;
    line-height: .42rem;
    border-radius: 0.04rem;
}

.mob .commander-page .service-item .el-form-item__label {
    float: none;
}

.mob .commander-team .item a:hover {
    background: transparent;
}

.mob .commander-fleet-intelligence .back {
    margin-top: 0;
}

.mob .info-page .content:first-of-type {
    margin-top: .78rem;
}

.mob .commander-page,
.mob .info-page {
    background: transparent;
    position: relative;
}

.mob .commander-page::before,.mob .slide5::before,
.mob .info-page::before {
    content: "";
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background: url(../img/bg-mob-top.png) center top no-repeat;
    background-size: 100% auto;
}
.mob .slide5::before{
    position: absolute;
    z-index: 1;
}
.mob .commander-page::after,.mob .slide5::after,
.mob .info-page::after {
    content: "";
    width: 100%;
    height: 100vh;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: url(../img/bg-mob-bottom.png) center bottom no-repeat;
    background-size: 100% auto;
}

.mob .ranking-list-page .head-block {
    flex-wrap: wrap;
}

.mob .ranking-list-page .head-block .item1 {
    width: calc(100vw - .72rem);
    margin: 0;

}

.mob .ranking-list-page .head-block .item-level {
    width: 1.7rem;
    margin-left: .1rem;
    height: 2rem;
}

.mob .ranking-list-page .head-block .item1 p {
    margin-bottom: .2rem;
    font-size: .16rem;
    line-height: .6rem;
}

.mob .ranking-list-page .head-block>div:nth-of-type(2) {
    margin-left: 0;
}

.mob .ranking-list-page .head-block .title {
    line-height: .5rem;
    font-size: .16rem;
}

.mob .ranking-list-page .head-block .item-level img {
    height: 1rem;
}

.mob .ranking-list-page .head-block .level {
    font-size: .28rem;
    line-height: .4rem;
}

.mob .ranking-list-page .custom-list li:first-of-type {
    display: none;
}

.mob .ranking-list-page .custom-list li {
    display: block;
    position: relative;
    padding: .1rem 1.2rem .1rem .46rem;
    font-size: .16rem;
    height: auto;
}

.mob .ranking-list-page .custom-list li .no {
    position: absolute;
    left: .1rem;
    line-height: .4rem;
    width: auto;
    top: .1rem;
}

.mob .ranking-list-page .custom-list li .area {
    position: absolute;
    right: 0rem;
    line-height: .92rem;
    width: 1.28rem;
    text-align: center;
    top: 0;

}

.mob .ranking-list-page .custom-list li p {
    padding: 0;
    display: block;
    width: auto;
    font-size: .16rem;
}

.mob .ranking-list-page .custom-list li img {
    width: .4rem;
    height: .4rem;
    border-radius: .06rem;
    margin-right: .06rem;
}

.mob .ranking-list-page .custom-list li p.info {
    margin-bottom: .05rem;
    display: flex;
}

.mob .card-detail-page .box {
    width: auto;
    margin: .2rem .2rem 0;
    padding: .16rem;
    background: rgba(0, 0, 0, 0.3);
    border: transparent;
}

.mob .card-detail-page .card-info {
    display: block;
}

.mob .card-detail-page .card-info .pic {
    width: 2.96rem;
    display: block;
    margin: 0 auto .3rem;
}

.mob .card-detail-page .card-info .item {
    width: 1.7rem;
    line-height: .42rem;
    margin-left: .1rem;
    margin-bottom: .1rem;
}

.mob .card-detail-page .card-info .item:nth-of-type(2n+1) {
    margin-left: 0;
}

.mob .card-detail-page .card-info .item span:first-of-type {
    font-size: .14rem;
}

.mob .card-detail-page .card-info .item strong {
    font-size: .16rem;
    padding: .18rem .06rem;
}

.mob .card-detail-page .content {
    background: rgba(0, 0, 0, .3);
    border-radius: .04rem;
    padding: .1rem;
    margin-bottom: .1rem;
}

.mob .card-detail-page .content p {
    margin-left: 0;
}

.mob .card-detail-page .content .subtitle+p {
    background: transparent;
    padding: 0;
    margin-bottom: 0;
}

.mob .card-detail-page .card-info .subtitle {
    font-size: .14rem;
    line-height: .2rem;
    margin-bottom: .05rem;
}

.mob .card-detail-page .content:last-of-type {
    margin-bottom: 0;
}

.mob .card-detail-page .box .top {
    margin-bottom: .1rem;
}

.mob .card-detail-page .box .code {
    font-size: .12rem;
    line-height: .17rem;
}

.mob .card-detail-page .box .name {
    font-size: .16rem;
    line-height: .22rem;
}

.mob .card-detail-page .back {
    line-height: .4rem;
    width: auto;
    height: .4rem;
    margin: 0 .2rem;
    margin-top: .4rem;
}

.mob .info-page .user-info .links a.new::before {
    font-size: .12rem;
    width: .4rem;
}

.mob .info-page .avator-list {
    width: 3.78rem;
    height: 2.86rem;
    left: .05rem;
    top: .76rem;
}

.mob .info-page .avator-list img {
    width: .76rem;
    height: .76rem;
    border-radius: .1rem;
    margin: .05rem;
    border: .01rem solid #00BAFF;

}

.mob .mob-box {
    display: none;
}

.mob .guide-page .scroll_right h2 {
    line-height: .82rem;
    text-align: left;
    padding: 0 .2rem;
    font-size: .18rem;
    background: url(../img/ALLogo_W@3x.png) rgba(27, 84, 155, .3) right center no-repeat;
    background-size: auto 100%;
    border: 1px solid rgba(0, 186, 255, 0.16);
    margin: 0 0 .2rem 0;
    position: relative;
}

.mob .guide-page .scroll_right h2::before {
    content: "";
    background: url(../img/h2-bg.png) right top no-repeat;
    background-size: auto .11rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.mob .guide-page .scroll_right .mob_mt64,
.mob .guide-page .scroll_right .mob_mt60 {
    margin: 0;
    margin: 0 0 .2rem 0;
}

.mob .guide-page .scroll_right h2.open {
    line-height: .36rem;
    background: rgba(27, 84, 155, .3);
}

.mob .guide-page .scroll_right h2.open+.mob-box {
    display: block;
    padding-bottom: .2rem;
}

.mob .ranking-list-page .custom-list li.list2 .info:last-of-type {
    justify-content: flex-start;
}
.mob .ranking-list-page .custom-list li.list4 p.info{
  justify-content: flex-start;
}
.mob .exchange-page {
    background: url(../img/bg-mob-top.png) center top no-repeat;
    background-size: 100% auto;
    display: block;
    padding: .6rem 0 0;
    box-sizing: border-box;
    height: 100%;
    overflow-x: hidden;
    padding-top: .4rem;
}

.mob .exchange-page::after {
    content: "";
    width: 100%;
    height: 100vh;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: url(../img/bg-mob-bottom.png) center bottom no-repeat;
    background-size: 100% auto;
}

.mob .exchange-page .content {
    width: 100%;
    background: transparent;
    border: 0;
    padding: 0;
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    height: auto;
}

.mob .exchange-page .logo {
    width: 1.72rem;
    margin-bottom: .34rem;
}

.mob .exchange-page h1 {
    font-size: .326rem;
    line-height: .45rem;
}

.mob .exchange-page h2 {
    font-size: .2rem;
    line-height: .28rem;
}

.mob .exchange-page .el-form {
    padding: 0 .36rem;
    margin: 0;
}

.mob .exchange-page .el-form-item {
    display: block;
    width: 100%;
    margin: 0;
}

.mob .exchange-page .el-form-item__label {
    text-align: left;
    margin-top: .3rem;
    font-size: .18rem;
    line-height: .25rem;
    margin-bottom: .1rem;
}

.mob .exchange-page .id {
    margin: .1rem 0 0;
    font-size: .14rem;
}

.mob .exchange-page .el-button {
    margin: .35rem 0 0;
    width: 100%;
}
.mob .exchange-page .attention{
   width: 100%;
   margin-left: 0;
   font-size: .14rem;
}
.mob .exchange-page .el-input__inner {
    font-size: .16rem;
    line-height: .48rem;
    height: .48rem;
}

.mob .exchange-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    line-height: .4rem;
    font-size: .14rem;

}

.mob .exchange-page h2::before {
    top: .06rem;
    width: .74rem;
    height: .14rem;
    left: .8rem;
}

.mob .exchange-page h2::after {
    top: .06rem;
    width: .74rem;
    height: .14rem;
    right: .8rem;
<<<<<<< HEAD
}
.mob .news-page{
    position: relative;
    background: transparent;
    padding: 1rem .2rem .3rem;
    box-sizing: border-box;
}
.mob .news-page::before {
    content: "";
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background: url(../img/bg-mob-top.png) center top no-repeat;
    background-size: 100% auto;
}
.mob .news-page::after{
    content: "";
    width: 100%;
    height: 100vh;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: url(../img/bg-mob-bottom.png) center bottom no-repeat;
    background-size: 100% auto;
}
.mob .news-page .content{
    width: 100%;
    padding: .1rem;
    box-sizing: border-box
}
.mob .news-page .content h1{
    font-size: .16rem;
    line-height: .22rem;
    font-weight: bold;
}
.mob .news-page .content .date{
    font-size: .14rem;
    line-height: .2rem;
    margin-top: .05rem;
}
.mob .news-page .back{
    margin-top: .3rem;
}
.mob .news-page .content:first-of-type{
    margin-bottom: .1rem;
}
.mob .slide5{
    position: relative;
    padding: .9rem .36rem 1rem;
    box-sizing: border-box;
}
.mob .slide5{
    background: url(../img/bg-mob-bottom.png) #001228 center bottom no-repeat;
    background-size: 100% auto;
}
.mob .right-wrap{
    position: relative;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    z-index: 9;
    /* display: none; */
}
.mob .slide1 .right-wrap{
    display: none;
}
.mob .right-wrap .mob-pagintion{
    margin-top: .15rem;
    position: absolute;
    bottom: .1rem;
    left: 2.5%;
    width: 95%;
    box-sizing: border-box;
}
.mob .right-wrap .list .content span{
    padding-right: .1rem;
}
.mob .right-wrap .banner,.mob .right-wrap .news-box{
    display: none;
}
.mob .slide5 .right-wrap .banner,.mob .slide5 .right-wrap .news-box{
    display: block;
}
.mob .slide5 .right-wrap .news-box{
    height: calc(100% - .6rem);
    box-sizing: border-box;
    position: relative;
}
.mob .right-wrap .links{
    position: absolute;
    bottom: 1.2rem;
    width: 100%;
}
.mob .right-wrap .list .content{
    line-height: .22rem;
}
.mob .commander-send-mail .commander-container {
    padding: 0 .36rem;
}
.mob .commander-send-mail .commander-block:first-of-type{
    margin: .6rem 0 0!important;
   
}
.mob .commander-send-mail .subtitle span{
    display: block;
}
.mob .commander-send-mail .toLogin{
    margin-top: .6rem;
}
.mob .commander-reset-password a,.mob .commander-send-mail a{
    width: 100%;
}
.mob .commander-reset-password .commander-block:first-of-type{
    margin: .4rem 0 0!important;
    padding: 0 0 .4rem;
}
.mob .commander-reset-password .tip{
    font-size: .12rem;
    line-height: .17rem;
    margin-top: .05rem;
}
.mob .commander-page .el-form-item{
    margin-bottom: .1rem;
}
.mob .commander-reset-password .el-form-item:last-of-type{
    margin-top: .4rem;
}
.mob .commander-reset-password a{
    margin: .6rem 0 0;
}
.mob .commander-reset-password{
    padding: 0 .16rem;
}
.mob .commander-send-mail::after,.mob .commander-reset-password::after{
    bottom: auto;
    top: 4.66rem;
    background: url(../img/bg-mob-bottom.png) center top no-repeat;
    background-size: 100% auto;
}
.mob .home-page .slide1 .left-wrap{
    left: 0;
    bottom: 1.2rem;
    width: 100%;
    min-width: 100%;
}
.mob .left-wrap .links{
    justify-content: center;
    margin: 0;
}
.mob .slide5 .page-title{
    padding-top: 0;
    margin-bottom: .14rem;
}
.mob .pop-exchange .pop-content{
    background: url(../img/pop-exchange-bg-mob.png) no-repeat;
    background-size: cover;
    width: 83.2%;
    height: 2.54rem;
    color: #fff;
    font-weight: bold;
}
.mob .pop-exchange .pop-content .title{
    font-size: .18rem;
    padding: .1rem 0 0 .12rem;
}
.mob .pop-exchange .pop-content p:nth-of-type(2){
    font-size: .25rem;
    text-align: center;
    margin-top: .1rem;
}
.mob .pop-exchange .pop-content p:nth-of-type(3){
    font-size: .13rem;
    text-align: center;
    margin-top: .12rem;
}
.mob .pop-exchange .pop-content img{
    display: block;
    margin: 0 auto;
    width: .92rem;
    position: relative;
    top: -.05rem;
}
.mob .pop-exchange .pop-content p:nth-of-type(4){
    font-size: .2rem;
    text-align: center;
    position: relative;
    bottom: .085rem;
    height: .34rem;
    width: 1.65rem;
    margin-left: -.86rem;
    line-height: .34rem;
}
.mob .right-wrap .list{
    height: calc(100% - 1rem);
    overflow: hidden;
}
.mob .commander-gift-redemption .commander-block{
    padding: .16rem;
    border: 1px solid rgba(0, 186, 255, 0.16);
    background: rgba(26, 82, 154, .16);
}
.mob .commander-gift-redemption .confirm-block .tips{
    width: 100%;
    margin: .4rem 0 0;
    font-size: .16rem;
    line-height: .22rem;
}
.mob .commander-gift-redemption .btns .el-button{
    margin: .4rem  auto 0;
}
.mob .commander-gift-redemption .btns .el-button:last-of-type{
    width: 3.34rem;

  
    position: static;
}
.mob .commander-gift-redemption h2{
    padding-left: 0;
    font-size: .18rem;
}
.mob .winning-page .commander-block-empty{
    border: 0;
    background: transparent!important;
    margin-top: .2rem!important;
    padding: 0!important;
    backdrop-filter: none;
}
.mob .commander-block-empty img{
    width: 2.5rem;
    margin-bottom: .55rem;
    margin-top: 1.4rem;
}
.mob .old{
    background: url(../img/arrow2.png) rgba(26, 82, 154, .2) 94% .16rem no-repeat ;
    background-size:.1rem auto;
    display: block;
    font-size: .16rem;
    margin-top: .1rem;
    padding: .1rem .15rem .1rem .15rem;
    line-height: .22rem;
}
.mob .old p{
    line-height: .22rem;
}
.mob .page-rule .old a{
    line-height: .22rem;
}
.mob .page-rule .old.open{
    background: url(../img/arrow2-down.png) rgba(26, 82, 154, .2) 94% .16rem no-repeat;
    background-size:auto .1rem ;
}
.mob .page-rule .content  .old a{
    margin-top: .1rem;
    border: 0;
}