.centerBannerContainer{

    width: 100%;

    height: 120px;

    background: #161a25;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;

}
.bannerSwiper {
    position: relative;
}

.flexBox {

    display: flex;

}

.opacityAllColor {

    width: 100%;

    height: 100%;

    background: rgba(255, 255, 255, 0.05);

}

.bannerItem {

    width: 400px;

    height: 120px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    border-right: 1px solid rgba(255, 255, 255, 0.05);

    cursor: pointer;

}

.bannerItem:first-child {

    border-left: 1px solid rgba(255, 255, 255, 0.05);;

}

.bannerItem:hover {

    background: rgba(255, 255, 255, 0.1);

}



.bannerItem img {

    display: inline-block;

    width: 40px;

    height: 40px;

    margin-right: 20px;

}

.explainText {

    width: 255px;

    line-height: 20px;

    color: rgba(255, 255, 255, .6);

    margin-top: 16px;

}

.mainPartTitle {

    font-size: 30px;

    font-weight: bold;

    text-align: center;

    color: #333333;

    position: relative;

    padding-top: 78px;

}

.mainPartTitle::after {

    content: '';

    display: inline-block;

    width: 67px;

    height: 3px;

    background: #2C68FF;

    position: absolute;

    left: 50%;

    bottom: -7px;

    transform: translateX(-50%);

}

.mainChallengBox {

    display: flex;

    flex-wrap: wrap;

    margin-top: 64px;

    padding-bottom: 100px;

}

.challengeItem {

    width: 47.5%;

    height: 200px;

    background: #F6F8FB;

    border-radius: 5px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 30px 30px 0;

    cursor: pointer;

}

.sameIcon {

    display: inline-block;

    width: 34px;

    height: 34px;

    margin-right: 32px;

}

.moneyIcon {

    background-image: url('../images/cloudeGame/ico_chengbeni_n.png');

    background-size: 100% 100%;

}

.item-title {

    font-size: 18px;

    font-weight: bold;

    color: #333;

}

.itemTip {

    width: 447px;

    font-size: 16px;

    color: #758296;

    margin-top: 17px;

}

.gameIcon {

    background-image: url('../images/cloudeGame/ico_xiazai_n.png');

    background-size: 100% 100%;

}

.platformIcon {

    background-image: url('../images/cloudeGame/ico_kua_n.png');

    background-size: 100% 100%;

}

.qualityIcon {

    background-image: url('../images/cloudeGame/ico_zhiliang_n.png');

    background-size: 100% 100%;

}

.challengeItem:hover {

    background: linear-gradient(90deg, #216AFF, #4292F8);

}

.challengeItem:hover .item-title {

    color: #fff;

}

.challengeItem:hover .itemTip {

    color: #fff;

}

.challengeItem:hover .moneyIcon {

    background-image: url('../images/cloudeGame/ico_chengbeni_s .png');

}

.challengeItem:hover .gameIcon {

    background-image: url('../images/cloudeGame/ico_xiazai_s.png');

}

.challengeItem:hover .platformIcon {

    background-image: url('../images/cloudeGame/ico_kua_s.png');

}

.challengeItem:hover .qualityIcon {

    background-image: url('../images/cloudeGame/ico_zhiliang_s.png');

}

.resolvePart {

    width: 100%;

    height: auto;

    background: #EFF8FF;

}

.resolveBox {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    margin-top: 80px;

    padding-bottom: 100px;

}

.resolveItem {

    width: 23%;

    height: 275px;

    background: #FFFFFF;

    border: 1px solid #E4ECF9;

    border-radius: 5px;

    margin: 0 29px 29px 0;

    box-sizing: border-box;

    padding: 40px 0 0 29px;

    border: 1px solid transparent;

    cursor: pointer;

    box-sizing: border-box;

    padding-right: 30px;

}

.resolveItem img {

    display: block;

    width: 48px;

    height: 48px;

    margin-bottom: 37px;

}

.resolveItem p {

    font-weight: bold;

    font-size: 18px;

    margin-bottom: 22px;

}

.resolveItem div {

    font-size: 16px;

    color: #758296;

    line-height: 26px;

}

.resolveItem:nth-child(4n + 0) {

    margin-right: 0;

}

.resolveItem:hover {

    border-color: #3860F4;

}

.cloudeGameBack {

    width: 100%;

    height: 700px;

    background-image: url('../images/cloudeGame/img_yycj_yun.png');

    background-size: 100% 100%;

}

.cloudeGameBack .mainPartTitle {

    color: #fff;

}

.cloudeGameBack .mainPartTitle::after {

    background: rgba(255, 255, 255, .3);

}

.bottomSwiperBox{

    margin-top: 80px;

}

.cloudeSwiper.swiper-container {

    background: transparent;

    width: 100%;

}

.cloudeSwiper.swiper-container .swiper-slide {

    text-align: center;

}



.emptyWhite {

    height: 306px;

    background: #fff;

}

.toPlayBtn {

    display: block;

    width: 160px;

    height: 48px;

    background: linear-gradient(180deg, #FF9501, #FF7501);

    border-radius: 5px;

    color: #fff;

    line-height: 48px;

    text-align: center;

    font-size: 18px;

    position: absolute;

    bottom: 284px;

    left: 510px;

}

.cloudeSwiper.swiper-container .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {

    bottom: 77px;

}



.finalBack {

    width: 100%;

    height: 240px;

    background-image: url('../images/cloudeGame/img-bg-ty-yun.png');

    background-size: 100% 100%;

    box-sizing: border-box;

    padding-top: 50px;

}

.finalTipModal {

    margin: auto;

    text-align: center;

}

.finalTipModal img {

    display: block;

    width: 434px;

    margin: auto;

    margin-bottom: 37px;

}

.contactbutton {

    width: 140px;

    height: 40px;

    background: linear-gradient(180deg, #FF9501, #FF7501);

    border-radius: 5px;

    border: none;

    outline: none;

    color: #fff;

    line-height: 40px;

    text-align: center;

}

.contactbutton:first-child {

    margin-right: 33px;

}

.cloudeSwiper.swiper-container  .swiper-pagination-bullet {

    width: 40px;

    height: 40px;

    background: #F6F8FB;

    border-radius: 50%;

    box-sizing: border-box;

    padding-top: 11px;

    opacity: 1;

}

.cloudeSwiper.swiper-container .swiper-pagination-bullet.cloudePage_0::after  {

    content: '';

    display: inline-block;

    width: 20px;

    height: 20px;

    background-image: url('../images/cloudeGame/ico_pc_n.png');

    background-size: 100% 100%;

}



.cloudeSwiper.swiper-container .swiper-pagination-bullet.cloudePage_1::after  {

    content: '';

    display: inline-block;

    width: 20px;

    height: 20px;

    background-image: url('../images/cloudeGame/ico_app_n.png');

    background-size: 100% 100%;

}

.cloudeSwiper.swiper-container .swiper-pagination-bullet.cloudePage_0.swiper-pagination-bullet-active {

    width: 115px;

    height: 40px;

    background: #2C68FF;

    border-radius: 20px;

}

.cloudeSwiper.swiper-container .swiper-pagination-bullet.cloudePage_0.swiper-pagination-bullet-active::before {

    content: '';

    display: inline-block;

    width: 20px;

    height: 20px;

    background-image: url('../images/cloudeGame/ico_pc_s.png');

    background-size: 100% 100%;

}

.cloudeSwiper.swiper-container .swiper-pagination-bullet.cloudePage_0.swiper-pagination-bullet-active::after {

    content: 'PC官网';

    color: #fff;

    font-weight: bold;

    font-size: 16px;

    background-image: none;

    width: auto;

    height: auto;

    margin-left: 11px;

    position: relative;

    top: -5px;

}

.cloudeSwiper.swiper-container .swiper-pagination-bullet.cloudePage_1.swiper-pagination-bullet-active {

    width: 115px;

    height: 40px;

    background: #2C68FF;

    border-radius: 20px;

}

.cloudeSwiper.swiper-container .swiper-pagination-bullet.cloudePage_1.swiper-pagination-bullet-active::before {

    content: '';

    display: inline-block;

    width: 20px;

    height: 20px;

    background-image: url('../images/cloudeGame/ico_app_s.png');

    background-size: 100% 100%;

}

.cloudeSwiper.swiper-container .swiper-pagination-bullet.cloudePage_1.swiper-pagination-bullet-active::after {

    content: '手机端';

    color: #fff;

    font-weight: bold;

    font-size: 16px;

    background-image: none;

    width: auto;

    height: auto;

    margin-left: 11px;

    position: relative;

    top: -5px;

}