@media screen and (max-width: 768px) {
    /* index.html */
    body {
        width: unset;
        background-color: #f5f5f5 !important;
    }
    nav {
        height: unset;
        display: unset !important;
        align-items: unset !important;
        justify-content: unset !important;
        background: unset;
        border: none !important;
    }
    nav>div:first-child {
        width: unset !important;
        position: relative;
    }
    nav>div:first-child>button#navbar-toggler {
        width: 32px;
        height: 24px;
        background: url(../imgs/mobile/navbar-toggler.png);
        background-size: cover;
        border: unset;
        position: absolute;
        right: 20px;
        top: 14px;
        border: none;
        outline: none;
        display: unset !important;
    }
    nav>div:first-child>p#navbar-selected-text {
        right: 60px;
        top: 14px;
        display: inline-block !important;
        position: absolute;
        font-size: 16px;
        font-weight: 700;
    }
    nav ul.main {
        display: block;
        justify-content: unset;
    }
    nav ul.main>li {
        width: unset;
    }
    nav ul.main>li:first-child {
        width: unset !important;
        margin: unset !important;
        text-align: left;
        background: rgba(255, 255, 255);
    }
    nav ul.main>li:not(:first-child) {
        text-align: right;
        padding-right: 20px;
        display: none;
        margin-bottom: -1px;
    }
    nav ul.main>li:first-child>a {
        display: inline-block;
        padding: 6px 8px;
    }
    nav ul.main>li:not(:first-child)>a {
        width: 140px;
        text-align: left;
    }
    nav ul.main>li:not(:first-child)>a:not(.activity) {
        background: rgba(255, 255, 255);
    }
    nav ul.main>li:first-child>a>img {
        width: 103px !important;
        height: 36px !important;
    }
    nav ul.main>li a {
        display: inline-block;
        width: unset;
        padding: 6px 20px;
    }
    div.decoration {
        display: none;
    }
    div.swiper-container {
        height: 300px;
        padding-top: 52px;
    }
    div.game-container {
        height: unset !important;
    }
    div.swiper-container>div.swiper-wrapper>div.swiper-slide {
        background-size: cover;
        background-position: center top;
    }
    div.swiper-container>div.swiper-wrapper>div.slide1 {
        background-image: url(../imgs/mobile/首页轮播图_江湖悠悠.png) no-repeat;
    }
    div.swiper-container>div.swiper-wrapper>div.slide2 {
        background-image: url(../imgs/mobile/首页轮播图_修真情缘.png) no-repeat;
    }
    div.swiper-container>div.swiper-wrapper>div.slide3 {
        background-image: url(../imgs/mobile/首页轮播图_点灯人.png) no-repeat;
    }
    div.swiper-container>div.swiper-wrapper>div.swiper-slide>a {
        bottom: 60px !important;
        left: 20px !important;
    }
    div.swiper-container>div.swiper-wrapper>div.swiper-slide>a>img {
        width: 70px !important;
    }
    div.game_remark {
        height: unset !important;
    }
    div.game_remark>ul:first-child {
        overflow-x: hidden;
        width: unset !important;
        top: unset !important;
        position: relative !important;
        display: block !important;
        padding: 12px;
    }
    div.game_remark>ul:first-child>li {
        margin: 12px 0;
        height: unset;
        background-color: white;
        width: unset;
        padding: 12px;
    }
    div.game_remark>ul:first-child>li>a {
        display: block;
    }
    div.game_remark>ul:first-child>li>a>img {
        width: 100%;
    }
    div.game-container>div.game_remark ul li a:hover>dl dt i {
        background: url(../imgs/mobile/首页_游戏产品标签_选中.png) no-repeat !important;
        background-size: cover !important;
    }
    div.game_remark>ul:first-child>li>a>dl {
        position: relative;
    }
    div.game_remark>ul:first-child>li>a>dl>dd {
        margin-top: 4px !important;
    }
    div.game_remark>ul:first-child>li>a>dl>dt>span:nth-child(2) {
        position: unset !important;
        top: unset;
        margin-left: 8px !important;
    }
    div.game_remark>ul:first-child>li>a>dl>dt>span:nth-child(3) {
        top: 10px;
    }
    div.game_remark>ul:first-child>li>a>dl>dt>span>img {
        width: 76px;
        height: 27px;
    }
    div.page_floor {
        height: unset !important;
        padding: 12px !important;
    }
    div.page_floor>div:first-child {
        width: unset !important;
    }
    div.page_floor>div:first-child>dl.page_floor_top span, i {
        position: unset !important;
        top: unset;
        font-size: unset !important;
    }
    div.page_floor>div:first-child>dl.page_floor_top span {
        margin: 0 !important;
    }
    div.page_floor>div:first-child>dl.page_floor_top dd {
        height: unset;
        margin: 12px 0;
    }
    div.page_floor>div:first-child>dl.page_floor_top>dt {
        float: none !important;
        margin: 0 !important;
    }
    div.page_floor>div:first-child>dl.page_floor_top>dt>img {
        width: 143px !important;
        height: 50px !important;
    }
    div.page_floor>div:first-child>p {
        margin: 12px 0;
        color: #989898;
    }
    div.page_floor>div:first-child>p:not(:nth-child(2)) {
        display: none;
    }
    div.page_floor>div:first-child>p:nth-child(5) {
        margin: 0 !important;
    }
    div.page_floor>div:first-child>p:nth-child(2) {
        margin: 16px 0 0 0;
    }
    div.page_floor>div:first-child>p:nth-child(5)>a {
        color: #989898;
    }
    /* products.html */
    div.game-box-wrapper {
        padding: 12px;
        padding-top: 64px !important;
    }
    div.game-box-wrapper>div.game_box {
        width: unset;
        height: unset;
        display: block;
        padding: 12px;
        padding-top: 70px;
        padding-bottom: 60px;
        margin-bottom: 12px;
    }
    div.game-box-wrapper>div.game_content1::after {
        background: url(../imgs/mobile/products/游戏产品角标_1.png) no-repeat;
        background-size: 43px 46px;
    }
    div.game-box-wrapper>div.game_content2::after {
        background: url(../imgs/mobile/products/游戏产品角标_2.png) no-repeat;
        background-size: 43px 46px;
    }
    div.game-box-wrapper>div.game_content3::after {
        background: url(../imgs/mobile/products/游戏产品角标_3.png) no-repeat;
        background-size: 43px 46px;
    }
    div.game-box-wrapper>div.game_box>div:first-child {
        height: unset !important;
        position: absolute;
        top: 20px;
        left: 20px;
    }
    div.game-box-wrapper>div.game_box>div:nth-child(2)>div:first-child {
        position: unset !important;
        top: 27px;
        left: 66px;
    }
    div.game-box-wrapper>div.game_box>div:nth-child(2)>div:first-child>i, span {
        position: absolute !important;
        top: 25px;
        font-size: 22px !important;
        margin-left: 20px !important;
    }
    div.game-box-wrapper>div.game_box:nth-child(1)>div:nth-child(2)>div:first-child>span:last-child {
        background: url(../imgs/mobile/独立游戏.png) no-repeat !important;
        background-size: cover !important;
    }
    div.game-box-wrapper>div.game_box:nth-child(2)>div:nth-child(2)>div:first-child>span:last-child {
        background: url(../imgs/mobile/放置修仙.png) no-repeat !important;
        background-size: cover !important;
    }
    div.game-box-wrapper>div.game_box:nth-child(3)>div:nth-child(2)>div:first-child>span:last-child {
        background: url(../imgs/mobile/横版跳跃.png) no-repeat !important;
        background-size: cover !important;
    }
    div.game-box-wrapper>div.game_box>div:nth-child(2)>div:first-child>i:first-child {
        left: 60px;
        background: url(../imgs/mobile/首页_游戏产品标签_选中.png) no-repeat !important;
        background-size: contain !important;
    }
    div.game-box-wrapper>div.game_box>div:nth-child(2)>div:first-child>span:nth-child(2) {
        font-size: 20px !important;
        left: 74px;
        top: 24px;
    }
    div.game-box-wrapper>div.game_box>div:nth-child(2)>div:nth-child(2) {
        background-color: #DCE6EA;
        left: 0;
        right: 0;
        bottom: 0 !important;
        padding: 8px 12px 4px 12px;
        border-top: 1px dashed #c3c3c3;
    }
    div.game-box-wrapper>div.game_box>div:nth-child(2)>div:nth-child(2)>a {
        display: inline-block;
    }
    div.game-box-wrapper>div.game_box>div:nth-child(2)>div:nth-child(2)>a.download-right {
        float: right;
    }
    div.game-box-wrapper>div.game_box>div:nth-child(2)>div:nth-child(2)>a.to_site-hide {
        display: none;
    }
    div.game-box-wrapper>div.game_box>div:nth-child(2)>div:nth-child(2)>a>img {
        width: 105px !important;
    }
    div.game-box-wrapper>div.game_box>div:nth-child(3)>img.product_img {
        width: 100% !important;
    }
    div.game-box-wrapper>div.game_box>div:first-child>a:first-child>img:first-child {
        width: 40px;
        height: 40px;
        border-radius: 40px;
    }
    div.game-box-wrapper>div.game_box>div {
        margin: unset !important;
    }
    div.game-box-wrapper>div.game_box p.game-desc {
        margin: unset !important;
    }
    /* contact.html */
    div.body-content-contact {
        position: unset !important;
        padding: 0px !important;
        width: unset !important;
        padding-top: 52px !important;
    }
    div.body-content-contact>div.mobile-top {
        display: block !important;
    }
    div.body-content-contact>div.mobile-top>img {
        width: 100%;
    }
    div.body-content-contact>div.kefu-title {
        width: unset !important;
        height: unset !important;
        margin: 12px 16px !important;
    }
    div.body-content-contact>div.kefu-title>img {
        width: 100% !important;
    }
    div.body-content-contact>div.kefu-content {
        width: unset !important;
        height: unset !important;
        background: url(../imgs/mobile/contact/kefu-content-bg.png) no-repeat center !important;
    }
    div.body-content-contact>div.kefu-content>div:first-child {
        display: block !important;
        overflow: hidden;
        padding: 16px 0;
        position: relative;
    }
    div.body-content-contact>div.kefu-content>div:first-child>div {
        float: left;
        margin: 0 !important;
        width: 50%;
    }
    div.body-content-contact>div.kefu-content>div:first-child>div>a:first-child {
        padding: 0 !important;
        text-align: center;
    }
    div.body-content-contact>div.kefu-content>div:first-child>div>a:nth-child(3) {
        margin: 0 !important;
        padding: 0 !important;
        text-align: center;
    }
    div.body-content-contact>div.kefu-content>div:first-child>div>a.copy_phone {
        margin-top: 16px !important;
    }
    div.body-content-contact>div.kefu-content>div:first-child>div>a.online_cust {
        margin-top: 36px !important;
    }
    div.body-content-contact>div.kefu-content>div:first-child>div>a:nth-child(3)>img {
        width: 112px !important;
    }
    div.body-content-contact>div.kefu-content>div:first-child>div>a:first-child>img {
        width: 80px !important;
        height: 80px !important;
    }
    div.body-content-contact>div.kefu-content>div:first-child>div>p:nth-child(2)>span {
        position: unset !important;
        top: unset;
        margin: 0 !important;
        font-size: unset !important;
    }
    div.body-content-contact>div.kefu-content>div:nth-child(2) {
        width: unset !important;
        height: unset !important;
        border-radius: unset !important;
        background-color: white !important;
        display: block !important;
        margin: 0 !important;
        padding: 12px;
    }
    div.body-content-contact>div:nth-child(4) {
        height: unset !important;
        padding: 0 !important;
        background: none !important;
    }
    div.body-content-contact>div:nth-child(4)>div:first-child {
        width: unset !important;
        height: unset !important;
        margin: 12px 16px !important;
    }
    div.body-content-contact>div:nth-child(4)>div:first-child>img {
        width: 100% !important;
    }
    div.body-content-contact>div:nth-child(4)>div:nth-child(2) {
        width: unset !important;
        height: unset !important;
        margin: 0 !important;
    }
    div.body-content-contact>div:nth-child(4)>div:nth-child(2)>div:first-child {
        display: block !important;
    }
    div.body-content-contact>div:nth-child(4)>div:nth-child(2)>div:first-child>div:nth-child(2)>img {
        width: 100% !important;
    }
    div.body-content-contact>div:nth-child(4)>div:nth-child(2)>div:first-child>div:first-child {
        padding: 0 0 0 12px !important;
        width: unset !important;
        margin-bottom: 12px;
    }
    div.body-content-contact>div:nth-child(4)>div:nth-child(2)>div:first-child>div:first-child>div {
        margin: 0 !important;
    }
    div.body-content-contact>div:nth-child(4)>div:nth-child(2)>div:first-child>div:first-child>div>i {
        width: 20px !important;
        height: 20px !important;
    }
    div.body-content-contact>div:nth-child(4)>div:nth-child(2)>div:first-child>div:first-child>div:nth-child(1) {
        display: block !important;
        position: relative;
        margin-bottom: 12px !important;
    }
    div.body-content-contact>div:nth-child(4)>div:nth-child(2)>div:first-child>div:first-child>div:nth-child(1)>i {
        background: url(../imgs/mobile/contact/icon-address.png) no-repeat !important;
        background-size: cover !important;
    }
    div.body-content-contact>div:nth-child(4)>div:nth-child(2)>div:first-child>div:first-child>div:nth-child(1)>span {
        margin: 0 !important;
        font-size: unset !important;
        position: absolute !important;
        top: unset !important;
        font-size: 14px !important;
    }
    div.body-content-contact>div:nth-child(4)>div:nth-child(2)>div:first-child>div:first-child>div:nth-child(3) {
        display: block !important;
        position: relative;
    }
    div.body-content-contact>div:nth-child(4)>div:nth-child(2)>div:first-child>div:first-child>div:nth-child(3)>i {
        background: url(../imgs/mobile/contact/icon-emial.png) no-repeat !important;
        background-size: cover !important;
    }
    div.body-content-contact>div:nth-child(4)>div:nth-child(2)>div:first-child>div:first-child>div:nth-child(3)>span {
        margin: 0 !important;
        font-size: unset !important;
        position: absolute !important;
        top: unset !important;
        font-size: 14px !important;
    }
    /* about.html */
    div.body-content-about {
        height: unset !important;
        position: unset !important;
        background: unset !important;
        padding: 16px !important;
        padding-top: 52px !important;
    }
    div.body-content-about>div:first-child {
        display: none !important;
    }
    div.body-content-about>div:nth-child(2) {
        position: unset !important;
        left: unset !important;
        top: unset !important;
        margin: 16px 0;
    }
    div.body-content-about>div:nth-child(2)>img {
        width: 100%;
    }
    div.body-content-about>div:nth-child(3) {
        position: unset !important;
        top: unset !important;
        height: unset !important;
        background: unset !important;
    }
    div.body-content-about>div:nth-child(3)>p {
        width: unset !important;
        position: unset !important;
        left: unset !important;
        bottom: unset !important;
        padding: 16px;
        background: white;
        font-size: 14px;
    }
    div.body-content-about>div:nth-child(4) {
        height: unset !important;
        padding: unset !important;
    }
    div.body-content-about>div:nth-child(4)>div:first-child {
        height: unset !important;
        width: unset !important;
        margin: 16px 0 !important;
    }
    div.body-content-about>div:nth-child(4)>div:first-child>img {
        width: 100%;
    }
    div.body-content-about>div:nth-child(4)>div:nth-child(2) {
        width: unset !important;
        margin: unset !important;
        display: block !important;
        align-items: unset !important;
        justify-content: unset !important;
        background: white;
        padding: 12px;
    }
    div.body-content-about>div:nth-child(4)>div:nth-child(2)>img {
        width: 100% !important;
    }
    /* join.html */
    div.body-content-join {
        position: unset !important;
        background: unset !important;
        padding: 0 !important;
        padding-top: 52px !important;
    }
    div.body-content-join>div:nth-child(1) {
        height: unset !important;
        margin: unset !important;
        background: none !important;
    }
    div.body-content-join>div:nth-child(2) {
        display: none !important;
    }
    div.body-content-join>div.job_item {
        padding: 16px !important;
        width: unset !important;
        height: unset !important;
        margin: 16px !important;
        box-shadow: none !important;
        border-radius: unset !important;
        background: white;
    }
    div.body-content-join>div.job_item>p {
        height: unset;
        font-size: 12px;
    }
    div.body-content-join>div.job_item>h2:nth-child(1) {
        font-size: 14px;
        color: #bb0000;
        border-bottom: 1px solid #bb0000;
    }
    div.body-content-join>div.job_item>p:nth-child(2) {
        margin-top: 8px !important;
    }
    div.body-content-join>div.job_item>p:nth-child(3) {
        margin-top: 16px !important;
        color: #bb0000 !important;
    }
    div.body-content-join>div.job_item>p[style] {
        margin-top: 16px !important;
    }
    /* div.body-content-join>div.job_item>p:nth-child(4) {
        margin-top: 16px !important;
    }
    div.body-content-join>div.job_item>p:nth-child(5) {
        margin-top: 16px !important;
    } */
    div.body-content-join>div#select-component {
        position: relative;
        margin: 16px;
        display: block !important;
    }
    div.body-content-join>div#select-component>div.select-label {
        position: absolute !important;
        top: 6px;
        font-size: unset !important;
        margin-left: unset !important;
        font-size: 12px !important;
        left: 9px;
        border-right: 1px solid #808080;
        padding-right: 6px;
        color: #808080;
    }
    div.body-content-join>div#select-component>select {
        /* padding: 4px 8px; */
        border-color: #dadada;
        border-radius: 6px;
        /* padding-left: 40px; */
        width: 100%;
        text-indent: 42px;
        line-height: 28px;
        height: 28px;
    }
    div.body-content-join>div#select-component>select>option {
        color: #808080;
    }
}