/* 头部head */
#head {height: 0.71rem;background-color: #0C141F;border-bottom: 1px solid rgba(32,144,248,0.3);}
#head .logo {background: url(../images/smalllogo.png)center 0 no-repeat;background-size: 100%;width: 1.73rem;height: 0.42rem;margin: 0.14rem 0 0 3.49rem;position: absolute;}
#head .logolighting {width: 3.26rem;height: 3.1rem;background: url(../images/logolighting.png)center 0 no-repeat;
position: absolute;z-index: 2;background-size: 100%;margin-left: 2.9rem;}
#head .scrollline {width: 100%;height: 100%;background: url(../images/scrollline.png)center 0 no-repeat;}
/* banner左边 */
.banner {background-color: #0C141F;height: 15.53rem;}
.banner .point {width: 2.56rem;height: 0.28rem;background: url(../images/point.png)center 0 no-repeat;margin: 1.19rem 0 0 1.7rem;background-size: 100%;position: absolute;}
.banner .bannerlighting {width: 3.32rem;height: 3.32rem;background: url(../images/bannerlighting.png)center 0 no-repeat;
background-size: 100%;margin: -0.08rem 0 0 2.6rem;position: absolute;}
.banner .mainlighting {width: 19.2rem;height: 9.55rem;position: absolute;margin-top: 5.96rem;background: url(../images/mainlighting.png)center 0 no-repeat;}
.banner .bannerleft {height: 4.95rem;left: 3.62rem;top: 1.54rem;position: absolute;}
.banner .bannerleft .editionBox {width: 3.04rem;height: 0.5rem;margin: -0.2rem 0 0 0.1rem;display: flex;align-items: center;justify-content: space-between;}
.banner .bannerleft .editionBox .edition{width: 1.4rem;height: 0.4rem;color: rgba(183,225,255,0.8);line-height: 0.4rem;font-family: PingFang SC;}
.banner .bannerleft .editionBox .customer{width: 2rem;height: 0.4rem;color: rgba(183,225,255,0.8);line-height: 0.4rem;font-family: PingFang SC;cursor: pointer;text-align: center;}
.banner .bannerleft li:nth-child(1){line-height: 0.42rem;color: #DDF3FF;}
.banner .bannerleft li:nth-child(2){margin-top: 0.42rem;font-family: PingFangSC;line-height: 0.23rem;color: #B8E1FF;padding-left: 0.05rem;}
.banner .bannerleft li:nth-child(2):before{content: "■";color: #28C6FA;padding-right: 0.1rem;}
.banner .bannerleft li:nth-child(3){margin-top: 0.25rem;font-family: PingFangSC;line-height: 0.23rem;color: #B8E1FF;padding-left: 0.05rem;}
.banner .bannerleft li:nth-child(3):before{content: "■";color: #28C6FA;padding-right: 0.1rem;}
.banner .bannerleft li:nth-child(4){margin-top: 0.25rem;font-family: PingFangSC;line-height: 0.23rem;color: #B8E1FF;padding-left: 0.05rem;}
.banner .bannerleft li:nth-child(4):before{content: "■";color: #28C6FA;padding-right: 0.1rem;}
/* 下载按钮 */
.banner .bannerleft .downBtn {width: 3.11rem;height: 1.17rem;margin-top: 1.08rem;background-size: 100%;}
.hover {background:url(../images/down.png)center 0 no-repeat;}
.leave {background:url(../images/undownBtn.png)center 0 no-repeat;}
.linehover {background:url(../images/linehover.png)center 0 no-repeat;}
.lineleave {background:url(../images/lineleave.png)center 0 no-repeat;}
.banner .bannerleft .downBtn a{color: #FFFFFF;text-align: center;margin-left: 1.2rem;position: absolute;margin-top: 0.2rem;}
.banner .bannerleft .downBtn div {font-family: PingFang SC;line-height: 0.17rem;color: #B7E1FF;opacity: 0.8;position: absolute;margin-top: 0.86rem;margin-left: 0.12rem;}
/* banner右边 */
.banner .bannerright {width: 6.15rem;height: 4.28rem;margin: 1.23rem 0 0 9.46rem;position: absolute;}
/* 轮播图 */
.banner .bannerright .swiper {height: 3.08rem;}
.banner .bannerright .swiper img{width: 6.15rem;height: 3.08rem;}
/* 游戏信息和价格 */
.banner .bannerright .gameInfo {height: 0.56rem;background-color: #070D14;display: flex;justify-content: space-between;}
.banner .bannerright .gameInfo .gameName {width: 1rem;height: 0.22rem;margin: 0.19rem 0 0 0.02rem;font-family: MicrosoftYaHei;line-height: 0.19rem;
color: #B8E1FF;opacity: 0.79;text-align: center;} 
.banner .bannerright .gameInfo .priceInfo {height: 0.32rem;width: 3rem;margin-top: 0.12rem;position: absolute;left: 1rem;display: flex;}
.banner .bannerright .gameInfo .count {width: 0.58rem;height: 0.2rem;background: url(../images/count.png)center 0 no-repeat;
font-family: MicrosoftYaHei;line-height: 0.2rem;text-align: center;color: #FFFFFF;margin-top: 0.07rem;margin-left: 0.08rem;}
.banner .bannerright .gameInfo .price {height: 0.32rem;line-height: 0.32rem;color: #65C8FF;}
.banner .bannerright .gameInfo .oldPrice {height: 0.22rem;line-height: 0.22rem;color: #B8E1FF;margin-top: 0.06rem;
text-decoration: line-through;margin-left: 0.08rem;}
.banner .bannerright .gameInfo .moredownBtn {width: 1.24rem;height: 0.34rem;background-color: #20B7F8;margin: 0.10rem 0 0 0.14rem;
line-height: 0.34rem;color: #FFFFFF;font-family: PingFang SC;text-align: center;position: absolute;left: 4.64rem;}
/* 游戏轮播小图 */
.banner .bannerright .swiperImages {height: 0.64rem;}
.banner .bannerright .swiperImages ul{height: 0.64rem;display: flex;justify-content: space-around;margin-top: 0.03rem;}
.banner .bannerright .swiperImages .tabActive{width: 1.05rem;height: 0.55rem;position: relative;}
.banner .bannerright .swiperImages .tabActive img{position: absolute;margin-top: 0.02rem;margin-left: -0.06rem;
transform: scale(0.25);transform-origin: left top;}
.banner .bannerright .swiperImages p{text-align: center;line-height: 0.55rem;font-family: MicrosoftYaHei;color: #B8E1FF;opacity: 0.79;}
/* 选中样式 */
.ischange {}
.ischange img{border: 4px solid #03C2FF;opacity: 1;}
.ischange p{display: none;}
/* 默认样式 */
.unchange {}
.unchange img{border: none;opacity: 0.19;}
.unchange p{display: block;}
.showPic {opacity: 1;}

/* 了解更多 */
.banner .more {width: 0.52rem;height: 0.44rem;position: absolute;top: 6.35rem;left: 9.31rem;}
.banner .more div {width: 0.5rem;line-height: 0.17rem;color: #20B7F8;}
.banner .more div:nth-child(2){background: url(../images/Group28.png)center 0 no-repeat;height: 0.23rem;}

/* 新用户注册 */
.banner .bannerbottom {position: absolute;left: 7.72rem;top: 9.73rem;}
.banner .bannerbottom li:nth-child(1){line-height: 0.5rem;color: #E7F5FF;}
.banner .bannerbottom li:nth-child(2){line-height: 0.28rem;color: #B7E1FF;margin-left: 0.44rem;margin-top: 0.06rem;}
.banner .bannerbottom .bigdownBtn {width: 3.11rem;height: 0.7rem;margin-top: 0.38rem;background-size: 100%;margin-left: 0.22rem;}
.banner .bannerbottom .bigdownBtn a{color: #FFFFFF;text-align: center;margin-left: 1.2rem;position: absolute;margin-top: 0.14rem;}

/* 浮动的图片 */
.banner .floatPic1{width: 1.94rem;height: 0.91rem;top: 7.99rem;left: 4.61rem;position: absolute;}
.banner .floatPic1 img {width: 1.94rem;height: 0.91rem;position: absolute;filter: drop-shadow(7px 9px 6px rgba(0, 0, 0, 0.25));border: 2px solid #070E17;opacity: 0.68;}
.banner .floatPic1 .price {background: url(../images/Rectangle.png)right 0 no-repeat;background-size: 0.85rem 0.25rem;text-align: right;
line-height: 0.24rem;opacity: 0.85;}
.banner .floatPic1 .price span:nth-child(1){margin-right: 0.03rem;}
.banner .floatPic1 .price span:nth-child(2){margin-right: 0.08rem;text-decoration: line-through;}
.banner .floatPic2{width: 1.72rem;height: 0.81rem;top: 7.82rem;left: 12.34rem;position: absolute;}
.banner .floatPic2 img {width: 1.72rem;height: 0.81rem;position: absolute;filter: drop-shadow(7px 9px 6px rgba(0, 0, 0, 0.25));border: 2px solid #070E17;opacity: 0.68;}
.banner .floatPic2 .price {background: url(../images/Rectangle.png)right 0 no-repeat;background-size: 0.85rem 0.25rem;text-align: right;
line-height: 0.24rem;opacity: 0.85;}
.banner .floatPic2 .price span:nth-child(1){margin-right: 0.03rem;}
.banner .floatPic2 .price span:nth-child(2){margin-right: 0.08rem;text-decoration: line-through;}
.banner .floatPic3{width: 1.64rem;height: 0.75rem;top: 9.35rem;left: 14.04rem;position: absolute;}
.banner .floatPic3 img {width: 1.64rem;height: 0.75rem;position: absolute;filter: drop-shadow(7px 9px 6px rgba(0, 0, 0, 0.25));border: 2px solid #070E17;}
.banner .floatPic3 .price {background: url(../images/Rectangle.png)right 0 no-repeat;background-size: 0.85rem 0.25rem;text-align: right;
line-height: 0.24rem;opacity: 0.85;margin-left: 0.1rem;}
.banner .floatPic3 .price span:nth-child(1){margin-right: 0.03rem;}
.banner .floatPic3 .price span:nth-child(2){margin-right: 0.08rem;text-decoration: line-through;}
.banner .floatPic4{width: 2.46rem;height: 1.15rem;top: 11.14rem;left: 13.87rem;position: absolute;}
.banner .floatPic4 img {width: 2.46rem;height: 1.15rem;position: absolute;filter: drop-shadow(7px 9px 6px rgba(0, 0, 0, 0.25));border: 2px solid #070E17;}
.banner .floatPic4 .price {background: url(../images/Rectangle.png)right 0 no-repeat;background-size: 0.85rem 0.25rem;text-align: right;
line-height: 0.24rem;opacity: 0.85;margin-left: 0.5rem;}
.banner .floatPic4 .price span:nth-child(1){margin-right: 0.03rem;}
.banner .floatPic4 .price span:nth-child(2){margin-right: 0.08rem;text-decoration: line-through;}
.banner .floatPic5{width: 1.64rem;height: 0.77rem;top: 12.61rem;left: 11.61rem;position: absolute;}
.banner .floatPic5 img {width: 1.64rem;height: 0.77rem;position: absolute;filter: drop-shadow(7px 9px 6px rgba(0, 0, 0, 0.25));border: 2px solid #070E17;}
.banner .floatPic5 .price {background: url(../images/Rectangle.png)right 0 no-repeat;background-size: 0.85rem 0.25rem;text-align: right;
line-height: 0.24rem;opacity: 0.85;margin-left: 0.5rem;}
.banner .floatPic5 .price span:nth-child(1){margin-right: 0.03rem;}
.banner .floatPic5 .price span:nth-child(2){margin-right: 0.08rem;text-decoration: line-through;}
.banner .floatPic6{width: 1.64rem;height: 0.77rem;top: 12.61rem;left: 5.39rem;position: absolute;}
.banner .floatPic6 img {width: 1.64rem;height: 0.77rem;position: absolute;filter: drop-shadow(7px 9px 6px rgba(0, 0, 0, 0.25));border: 2px solid #070E17;}
.banner .floatPic6 .price {background: url(../images/Rectangle.png)right 0 no-repeat;background-size: 0.85rem 0.25rem;text-align: right;
line-height: 0.24rem;opacity: 0.85;}
.banner .floatPic6 .price span:nth-child(1){margin-right: 0.03rem;}
.banner .floatPic6 .price span:nth-child(2){margin-right: 0.08rem;text-decoration: line-through;}
.banner .floatPic7{width: 2.76rem;height: 1.29rem;top: 9.89rem;left: 2.87rem;position: absolute;}
.banner .floatPic7 img {width: 2.76rem;height: 1.29rem;position: absolute;filter: drop-shadow(7px 9px 6px rgba(0, 0, 0, 0.25));border: 2px solid #070E17;}
.banner .floatPic7 .price {background: url(../images/Rectangle.png)right 0 no-repeat;background-size: 0.85rem 0.25rem;text-align: right;
line-height: 0.24rem;opacity: 0.85;}
.banner .floatPic7 .price span:nth-child(1){margin-right: 0.03rem;}
.banner .floatPic7 .price span:nth-child(2){margin-right: 0.08rem;text-decoration: line-through;}

/* 售价折上折 */
.swiperBox {height: 6.57rem;background: #121F31;position: relative;}
.swiperBox .lastlighting {width: 3.86rem;height: 2.84rem;position: absolute;margin-left: 2.17rem;background: url(../images/pricelighting.png)center 0 no-repeat;}
.swiperBox .leftInfo {width: 4.54rem;height: 1.35rem;top: 0.98rem;left: 3.62rem;position: absolute;}
.swiperBox .leftInfo ul {}
.swiperBox .leftInfo li:nth-child(1){color: #E7F5FF;}
.swiperBox .leftInfo li:nth-child(2){color: #B7E1FF;margin-top: 0.2rem;letter-spacing: 0.01rem;}
.swiperBox .leftInfo li:nth-child(3){color: #B7E1FF;margin-top: 0.09rem;letter-spacing: 0.01rem;}

/* 售价折上折 右边按钮 */
.swiperBox .downBtn {width: 3.11rem;height: 0.95rem;background-size: 100%;position: absolute;top: 1.04rem;left: 12.35rem;}
.swiperBox .downBtn a{color: #FFFFFF;text-align: center;margin-left: 1.2rem;position: absolute;margin-top: 0.2rem;}
.swiperBox .downBtn div {line-height: 0.17rem;color: #B7E1FF;opacity: 0.8;position: absolute;margin-top: 0.8rem;margin-left: 0.12rem;}

/* 图片轮播 */
.swiperBox .swiper {width: 100%;height: 2.02rem;top: 3.25rem;position: relative;}
.swiperBox .horseRaceLamBgMask {width: 100%;height: 2.02rem;position: absolute;margin-top: 1.23rem;background: url(../images/swiperShadow.png)center 0 no-repeat;}
.swiperBox .bottomLineBack {width: 100%;height: 6.57rem;position: absolute;background: url(../images/bottomLineBack.png)center 0 no-repeat;}
.swiperBox .swiper .horseRaceLampContents {width: 100%;height: 2.02rem;position: absolute;overflow: hidden;display: flex;}
.swiperBox .swiper .horseRaceLampContents .item {width: 4.22rem;height: 1.97rem;margin-right: 0.17rem;display: flex;}
.swiperBox .swiper .horseRaceLampContents .item .discount {width: 0.74rem;height: 0.24rem;line-height: 0.24rem;position: absolute;text-align: center;padding-right: 0.12rem;font-family: "microsoft yahei";}
.swiperBox .swiper .horseRaceLampContents .item .discountBox {width: 0.74rem;height: 0.24rem;background: url(../images/Group55.png)left top no-repeat;background-size: 100%;margin: 0.08rem 0 0 -0.05rem;}
.swiperBox .swiper .horseRaceLampContents .item .price {width: 1.35rem;height: 0.36rem; background: url(../images/Rectangle.png)no-repeat;background-size: cover;opacity: 0.95;margin-left: 3.4rem;line-height: 0.32rem;display: flex;padding-left: 0.18rem;}
.swiperBox .swiper .horseRaceLampContents .item .price div:nth-child(1){margin-right: 0.01rem;color: #8ADDFF;font-family: "microsoft yahei";}
.swiperBox .swiper .horseRaceLampContents .item .price div span {}
.swiperBox .swiper .horseRaceLampContents .item .price div:nth-child(2){margin-right: 0.08rem;text-decoration: line-through;font-family: "microsoft yahei";line-height: 0.35rem;margin-left: 0.05rem;}

/* 加密登陆 */
.password {height: 7.73rem;position: relative;}
.password img{width: 100%;position: absolute;height: 8.29rem;}
.password .lastlighting {width: 3.55rem;height: 3.55rem;position: absolute;margin: 1rem 0 0 2.84rem;background: url(../images/lastlighting.png)center 0 no-repeat;}
.password .leftInfo {width: 3.8rem;height: 1.27rem;margin: 2.84rem 0 0 4.2rem;position: absolute;}
.password .leftInfo li:nth-child(1){color: #E7F5FF;font-weight: 600;}
.password .leftInfo li:nth-child(2){color: #B7E1FF;margin-top: 0.2rem;letter-spacing: 0.01rem;}
.password .leftInfo li:nth-child(3){color: #B7E1FF;margin-top: 0.1rem;letter-spacing: 0.01rem;}

/* 下载按钮 */
.password .downBtn {width: 3.11rem;height: 0.95rem;background-size: 100%;position: absolute;left: 4.1rem;top: 4.85rem;}
.password .downBtn a{color: #FFFFFF;text-align: center;margin-left: 1.2rem;position: absolute;margin-top: 0.2rem;}
.password .downBtn div {line-height: 0.17rem;color: #B7E1FF;opacity: 0.8;position: absolute;margin-top: 0.8rem;margin-left: 0.12rem;}

/* 右边图片 */
.password .passwordPic {width: 6.44rem;height: 3.72rem;position: absolute;margin-left: 10.5rem;margin-top: 2.35rem;background: url(../images/passwordPic.png)center 0 no-repeat;}

/* 底部公司信息 */
.companyInfo {height: 2.77rem;}
.companyInfo .companyInfoBox{width: 11.9rem;height: 1.24rem;margin: 1.6rem 0 0 4rem;display: flex;}
/* 左边logo */
.companyInfo .companyInfoBox .w4logo{width: 2.26rem;height: 1.2rem;}
.companyInfo .companyInfoBox .w4logo .logo{width: 2.15rem;height: 0.67rem;background: url(../images/bottomLogo.png)center 0 no-repeat;background-size: 100%;}
.companyInfo .companyInfoBox .w4logo .english {width: 2.3rem;height: 0.3rem;margin-top: 0.22rem;background: #1F2C40;line-height: 0.33rem;text-align: center;opacity: 0.6;}
/* 中间公司介绍 */
.companyInfo .companyInfoBox .about{width: 4.48rem;height: 1.2rem;margin-left: 1.62rem;opacity: 0.8;cursor: pointer;}
.companyInfo .companyInfoBox .about .privacy{cursor: pointer;}
.companyInfo .companyInfoBox .about .company a{color: #FFFFFF;}
/* 右边支付 */
.companyInfo .companyInfoBox .payfor{width: 1.78rem;height: 1.17rem;margin-left: 1.88rem;}
.companyInfo .companyInfoBox .payfor .wechat {width: 1.76rem;height: 0.4rem;background: url(../images/wechat.png)center center no-repeat;margin-top: 0.05rem;}
.companyInfo .companyInfoBox .payfor .alipay {width: 1.76rem;height: 0.4rem;background: url(../images/alipay.png)center center no-repeat;margin-top: 0.08rem;}
/* 浮动按钮 */
.bottomfollow {width: 100%;height: 1.48rem;position: fixed;bottom: 0;background: url(../images/bottomdown.png)center 0 no-repeat;}
.bottomfollow .smalldownBtn {width: 1.88rem;height: 0.56rem;position: absolute;right: 2.36rem;top: 0.46rem;}
.bottomfollow .smalldownBtn a {color: #FFFFFF;position: absolute;line-height: 0.56rem;width: 1.88rem;text-align: center;}
.normal {background: url(../images/normal.png)center 0 no-repeat;}
.mouseenter {background: url(../images/mouseenter.png)center 0 no-repeat;}