#mainBodyMove {
    height: 100%;
}

#mainBodyMoveContent {
    height: 100%;
    position: relative;
}

/* 头部 */
#mainBodyMoveContent .moveTop {
    width: 100%;
    height: 85px;
    position: fixed;
    top: 0;
    left: 0;
    background: url('../img/move/top/moveHead.png');
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    z-index: 110;
}

#mainBodyMoveContent .moveTopIcon {
    width: 70px;
    height: 60px;
    margin-top: 7.5px;
    margin-left: 3%;
}

#mainBodyMoveContent .moveTopDownload {
    width: 25%;
    height: 60%;
    margin-right: 6%;
    margin-top: 4%;
}

/* 下载游戏 */
#mainBodyMoveContent .moveFirst {
    width: 100%;
    height: 100%;
    background: url('../img/move/homeBg.png');
    background-size: 100% 100%;
    position: relative;
}

#mainBodyMoveContent .homeTitleImg {
    width: 100%;
    position: absolute;
    top: 17%;
}

#mainBodyMoveContent .download {
    width: 70%;
    height: 80px;
    display: flex;
    padding: 2% 2%;
    box-sizing: border-box;
    background: url(../img/home/download/downloadBg.png);
    background-size: 100% 100%;
    position: absolute;
    top: 83%;
    left: 15%;
}

#mainBodyMoveContent .scanTheCode {
    width: 31%;
    height: 100%;
    background: url(../img/home/download/scanTheCode.png);
    background-size: 100% 100%;
    position: relative;
}

#mainBodyMoveContent .scanTheCodeImg {
    width: 78%;
    height: 89%;
    position: absolute;
    right: 0;
    top: 6%;
}

#mainBodyMoveContent .downloadPhone {
    width: 38%;
    height: 100%;
    margin-left: 3%;
}

#mainBodyMoveContent .downloadApple,
#mainBodyMoveContent .downloadAndroid {
    width: 100%;
    height: 46%;
    margin: 2% 0;
}

#mainBodyMoveContent .customerService {
    width: 25%;
    height: 95%;
    margin-top: 0.7%;
    margin-left: 3%;
}

#mainBodyMoveContent .appropriateReminderMoveImg {
    width: 11%;
    /* height: 89%; */
    position: absolute;
    left: 2%;
    bottom: 4%;
}

/* 新闻资讯 */
#mainBodyMoveContent .moveNews {
    width: 100%;
    height: 100%;
    background: url('../img/move/newsBg.png');
    background-size: 100% 100%;
    position: relative;
}

#mainBodyMoveContent .moveNewsTitle {
    width: 27%;
    height: 100px;
    position: absolute;
    top: 16%;
    z-index: 10;
}

#mainBodyMoveContent .newsSwiperLeftBox {
    width: 70%;
    height: 33%;
    background: url('../img/move/news/newsTopBg.png');
    background-size: 100% 100%;
    position: absolute;
    top: 27%;
    left: 15%;
    z-index: 1;
}

#mainBodyMoveContent .news-swiper-container {
    width: 86%;
    height: 95%;
    margin-top: 6%;
    margin-left: 7%;
    overflow: hidden;
}

#mainBodyMoveContent .news-swiper-container .swiper-wrapper {
    width: 85%;
    height: 85%;
}

#mainBodyMoveContent .news-swiper-container .swiper-slide {
    position: relative;
}

#mainBodyMoveContent .news-swiper-container .swiper-slide img {
    width: 100%;
    height: 100%;
    position: relative;
}

#mainBodyMoveContent .news-swiper-container .swiper-pagination {
    bottom: 40px;
}

#mainBodyMoveContent .news-swiper-container .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    margin: 0 2%;
    border-radius: 0;
    background: url('../img/move/news/notSelected.png');
    background-size: 100% 100%;
}

#mainBodyMoveContent .news-swiper-container .swiper-pagination-bullet-active {
    background: url('../img/move/news/selected.png');
    background-size: 100% 100%;
}

/* 资讯内容 */
#mainBodyMoveContent .newsSwiperRightBox {
    width: 72%;
    height: 37%;
    background: url('../img/move/news/newsBottomBg.png');
    background-size: 100% 100%;
    position: absolute;
    top: 53%;
    left: 14%;
}

#mainBodyMoveContent .newsRightBox {
    width: 67%;
    height: 53%;
    margin-left: 16%;
    margin-top: 15%;
}

#mainBodyMoveContent .newsRightTitle {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#mainBodyMoveContent .newsTitle {
    min-width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

#mainBodyMoveContent .newsTitleText {
    font-size: 11px;
    font-weight: 700;
    color: #885744;
    padding-bottom: 1px;
    border-bottom: 2px solid #885744;
}

#mainBodyMoveContent .newsTitleDiv {
    width: 8px;
    height: 5px;
}

#mainBodyMoveContent .newsTitleImg {
    width: 8px;
    height: 5px;
    margin-top: -8px;
}

#mainBodyMoveContent .newsRightName {
    width: 100%;
    height: 74%;
    margin-top: 2%;
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    padding-right: 4%;
}

/* 自定义滚动条 */
#mainBodyMoveContent .newsRightName::-webkit-scrollbar {
    width: 8px;
    /* 设置滚动条宽度 */
    background-color: #fff;
    border-radius: 10px;
}

#mainBodyMoveContent .newsRightName::-webkit-scrollbar-thumb {
    background: #F2D7A6;
    /* 滚动条滑块的颜色 */
    border-radius: 10px;
}

#mainBodyMoveContent .newsRightName::-webkit-scrollbar-track {
    border-radius: 10px;
}

#mainBodyMoveContent .newsItem {
    width: 100%;
    height: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #885744;
    font-weight: 700;
    font-size: 11px;
    margin: 2% 0;
}

#mainBodyMoveContent .newsItemTitle {
    width: 65%;
}

#mainBodyMoveContent .newsItemTime {
    width: 34%;
    text-align: right;
}

/* 移动英雄预览 */
#mainBodyMoveContent .moveHeroPreview {
    width: 100%;
    height: 100%;
    background: url('../img/move/newsBg.png');
    background-size: 100% 100%;
    position: relative;
}

#mainBodyMoveContent .moveHeroPreviewTitle {
    width: 27%;
    height: 100px;
    position: absolute;
    top: 16%;
    z-index: 10;
}

#mainBodyMoveContent .moveHeroPreviewTopItem {
    width: 67%;
    height: 33%;
    position: absolute;
    left: 12%;
    top: 19%;
    display: flex;
}

#mainBodyMoveContent .moveHeroPreviewTopItem03 {
    left: 15%;
}

#mainBodyMoveContent .moveHeroPreviewTopItem07 {
    left: 20%;
}

#mainBodyMoveContent .moveHeroPreviewContent {
    width: 80%;
    height: 8%;
    position: absolute;
    left: 10%;
    top: 52%;
    display: flex;
}

#mainBodyMoveContent .moveHeroPreviewContentItem {
    width: 80%;
    margin-left: 15%;
    height: 100%;
    display: flex;
}

#mainBodyMoveContent .moveHeroPreviewContentItem>img {
    width: 23%;
    height: 100%;
    display: flex;
}

#mainBodyMoveContent .moveHeroPreviewContentItem01,
#mainBodyMoveContent .moveHeroPreviewContentItem02,
#mainBodyMoveContent .moveHeroPreviewContentItem06,
#mainBodyMoveContent .moveHeroPreviewContentItem10 {
    margin-left: 17%;
}

#mainBodyMoveContent .moveHeroPreviewContentItem03,
#mainBodyMoveContent .moveHeroPreviewContentItem05,
#mainBodyMoveContent .moveHeroPreviewContentItem08,
#mainBodyMoveContent .moveHeroPreviewContentItem09,
#mainBodyMoveContent .moveHeroPreviewContentItem12 {
    margin-left: 16%;
}


#mainBodyMoveContent .moveHeroPreviewBottom {
    width: 70%;
    height: 29%;
    position: absolute;
    left: 15%;
    top: 60%;
    display: flex;
}

#mainBodyMoveContent .heroPreviewItemImgMXz {
    width: 28%;
}

#mainBodyMoveContent .heroPreviewItemImgM {
    width: 25%;
}

#mainBodyMoveContent .heroPreviewItemImgMXz1 {
    position: absolute;
    top: 18%;
    right: -4%;
}

#mainBodyMoveContent .heroPreviewItemImgM1 {
    position: absolute;
    top: 20%;
    right: -2%;
}

#mainBodyMoveContent .heroPreviewItemImgMXz2 {
    position: absolute;
    top: 0;
    left: 20%;
}

#mainBodyMoveContent .heroPreviewItemImgM2 {
    position: absolute;
    top: 3%;
    left: 22%;
}

#mainBodyMoveContent .heroPreviewItemImgMXz3 {
    position: absolute;
    top: 0;
    left: 57%;
}

#mainBodyMoveContent .heroPreviewItemImgM3 {
    position: absolute;
    top: 3%;
    left: 58%;
}

#mainBodyMoveContent .heroPreviewItemImgMXz4 {
    position: absolute;
    top: 18%;
    left: 2%;
}

#mainBodyMoveContent .heroPreviewItemImgM4 {
    position: absolute;
    top: 20%;
    left: 3%;
}

#mainBodyMoveContent .heroPreviewItemImgMXz5 {
    position: absolute;
    top: 18%;
    left: 38.5%;
}

#mainBodyMoveContent .heroPreviewItemImgM5 {
    position: absolute;
    top: 20%;
    left: 39.5%;
}

#mainBodyMoveContent .heroPreviewItemImgMXz6 {
    position: absolute;
    top: 36%;
    left: 20%;
}

#mainBodyMoveContent .heroPreviewItemImgM6 {
    position: absolute;
    top: 39%;
    left: 21%;
}

#mainBodyMoveContent .heroPreviewItemImgMXz7 {
    position: absolute;
    top: 36%;
    left: 57%;
}

#mainBodyMoveContent .heroPreviewItemImgM7 {
    position: absolute;
    top: 39%;
    left: 58%;
}

#mainBodyMoveContent .heroPreviewItemImgMXz8 {
    position: absolute;
    top: 55%;
    left: 2%;
}

#mainBodyMoveContent .heroPreviewItemImgM8 {
    position: absolute;
    top: 58%;
    left: 3%;
}

#mainBodyMoveContent .heroPreviewItemImgMXz9 {
    position: absolute;
    top: 55%;
    left: 38.5%;
}

#mainBodyMoveContent .heroPreviewItemImgM9 {
    position: absolute;
    top: 58%;
    left: 39.5%;
}

#mainBodyMoveContent .heroPreviewItemImgMXz10 {
    position: absolute;
    top: 73%;
    left: 20%;
}

#mainBodyMoveContent .heroPreviewItemImgM10 {
    position: absolute;
    top: 76%;
    left: 21%;
}

#mainBodyMoveContent .heroPreviewItemImgMXz11 {
    position: absolute;
    top: 73%;
    left: 57%;
}

#mainBodyMoveContent .heroPreviewItemImgM11 {
    position: absolute;
    top: 76%;
    left: 58%;
}

#mainBodyMoveContent .heroPreviewItemImgMXz12 {
    position: absolute;
    top: 55%;
    right: -4%;
}

#mainBodyMoveContent .heroPreviewItemImgM12 {
    position: absolute;
    top: 58%;
    right: -2%;
}

/* 技能介绍  */
#mainBodyMoveContent .skillIntroduceM {
    width: 35%;
    min-height: 10%;
    padding: 4% 3%;
    box-sizing: border-box;
    background: url('../img/home/skillIntroductionBg.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 3%;
    top: 58%;
}

#mainBodyMoveContent .skillIntroduceNameM {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

#mainBodyMoveContent .skillIntroduceBai {
    width: 100%;
    height: 1px;
    margin: 2.5% 0;
    background-color: #fff;
}

#mainBodyMoveContent .skillIntroduceDescribeM {
    font-size: 10px;
    color: #fff;
}

/* 移动英雄预览 */
#mainBodyMoveContent .moveFeature {
    width: 100%;
    height: 100%;
    background: url('../img/move/newsBg.png');
    background-size: 100% 100%;
    position: relative;
}

#mainBodyMoveContent .moveFeatureTitle {
    width: 27%;
    height: 100px;
    position: absolute;
    top: 16%;
    z-index: 10;
}

#mainBodyMoveContent .featureBox {
    width: 90%;
    height: 35%;
    margin-left: 5%;
    padding-top: 52%;
}

#mainBodyMoveContent .featureSwiperBox {
    width: 78%;
    height: 87%;
    margin-left: 11%;
    background: url('../img/home/fature/featureBg.png');
    background-size: 100% 100%;
    position: relative;
    z-index: 1;
}

#mainBodyMoveContent .feature-swiper-container {
    width: 91%;
    height: 106%;
    padding-top: 2.5%;
    margin-left: 5%;
    overflow: hidden;
}

#mainBodyMoveContent .feature-swiper-container .swiper-wrapper {
    width: 85%;
    height: 85%;
}

#mainBodyMoveContent .feature-swiper-container .swiper-slide img {
    width: 100%;
    height: 100%;
}

#mainBodyMoveContent .feature-swiper-pagination {
    bottom: -7%;
    display: flex;
    justify-content: center;
}

#mainBodyMoveContent .feature-swiper-container .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    margin: 0 2%;
    border-radius: 0;
    background: url('../img/home/news/notSelected.png');
    background-size: 100% 100%;
}

#mainBodyMoveContent .feature-swiper-container .swiper-pagination-bullet-active {
    background: url('../img/home/news/selected.png');
    background-size: 100% 100%;
}

#mainBodyMoveContent .swiper-button-prev2,
#mainBodyMoveContent .swiper-button-next2 {
    width: 11%;
    top: 41%;
    z-index: 99;
}

#mainBodyMoveContent .swiper-button-prev2 {
    left: -11%;
}

#mainBodyMoveContent .swiper-button-next2 {
    right: -11%;
}

#mainBodyMoveContent .moveFeatureBottom {
    width: 75%;
    margin-left: 12.5%;
    margin-top: 2%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

#mainBodyMoveContent .moveFeatureBottomBtm {
    width: 75%;
    margin-left: 12.5%;
    margin-top: 5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#mainBodyMoveContent .moveFeatureBottomBtm .moveFeatureBottomItem {
    margin: 0 3%;
}

#mainBodyMoveContent .moveFeatureBottomItem {
    width: 21%;
}

/* 隐私政策 */
#mainBodyMoveContent .moveprivacyPolicy {
    width: 100%;
    height: 20%;
    background-color: #000;
    color: #fff;
    padding: 2% 4%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
}

#mainBodyMoveContent .moveprivacyPolicyLeft {
    width: 21%;
    margin-right: 3%;
}

#mainBodyMoveContent .moveprivacyPolicyLeftImg {
    width: 75px;
    height: 75px;
}

#mainBodyMoveContent .moveprivacyPolicyCenter {
    width: 66%;
}

#mainBodyMoveContent .privacyPolicyTitleOne,
#mainBodyMoveContent .privacyPolicyTitleFour,
#mainBodyMoveContent .privacyPolicyTitleFive,
#mainBodyMoveContent .privacyPolicyTitleSix {
    width: 100%;
    font-size: 9px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

#mainBodyMoveContent .privacyPolicyTitleTwo {
    padding-top: 5px;
}

#mainBodyMoveContent .privacyPolicyTitleTwo,
#mainBodyMoveContent .privacyPolicyTitleThree {
    width: 100%;
    font-size: 7px;
    font-weight: 700;
}

#mainBodyMoveContent .privacyPolicyTitleFour,
#mainBodyMoveContent .privacyPolicyTitleFive,
#mainBodyMoveContent .privacyPolicyTitleSix {
    padding-top: 5px;
}

#mainBodyMoveContent .appropriateReminderImg {
    width: 8%;
    bottom: 15%;
    right: 4%;
}