.main { margin: 0 auto; width: 10rem; min-height: 100vh; position: relative; font-size: 0; } .logo{ position: absolute; left: 4.386rem; top: 0.453rem; width: 1.52rem; height: 1.026rem; z-index: 10; } .langTitle { position: absolute; top: 0.666rem; left: 0.4rem; width: 2.5rem; z-index: 100; font-size: 0.4rem; color: #FFF; } .langTitle img { width: 0.2rem; height: 0.173rem; vertical-align: middle; margin-top: -.05rem; margin-right: 0.266rem; } .langList { position: absolute; left: 0.4rem; top: 1.573rem; width: 3.546rem; height: 3.84rem; background: rgba(255, 255, 255, .9); z-index: 50; border-radius: 0.213rem; -webkit-border-radius: 0.213rem; -moz-border-radius: 0.213rem; display: none; } .langList p { width: 100%; font-size: 0.4rem; color: #333; margin-top: 0.6rem; text-indent: 0.426rem; line-height: 1.1; } .langList p.check{ color:#D82F66; } .topUp { position: absolute; top: 0.666rem; right: 0.466rem; z-index: 100; font-size: 0.346rem; color: #FFF; } .swiper-container{ width: 10rem; height: 17.786rem; } .androidSwiper.swiper-container{ width: 10rem; height: 23.5rem; overflow: hidden; } .swiper-slide{ position: relative; width: 10rem; } .androidSwiper.swiper-container .swiper-slide{ height: 23.5rem; } .swiper-slide img{ width: 10rem; height: 17.786rem; } .androidSwiper.swiper-container .swiper-slide img{ width: 10rem; height: 28rem; } .live{ position: absolute; width: 2.44rem; height: 0.786rem; z-index: 10; left: 50%; bottom: 1.306rem; margin-left: -1.22rem; } .iosDown,.anBtn{ position: absolute; left: 50%; background: url(https://www.footseen.com/img/button.png) no-repeat; background-size: 100% 100%; width: 7.173rem; height: 1.333rem; line-height: 1.333rem; text-align: center; font-size: 0.64rem; color:#D82F66; z-index: 20; margin-left: -3.586rem; top: 13.48rem; } .heartbeat { animation-name: heartbeat; -webkit-animation-name: heartbeat; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; visibility: visible!important; } @keyframes heartbeat { 0% { transform: scale(1) } 10% { transform: scale(1.05) } 20% { transform: scale(1.1) } 100% { transform: scale(1) } } @-webkit-keyframes heartbeat { 0% { transform: scale(1) } 10% { transform: scale(1.05) } 20% { transform: scale(1.1) } 100% { transform: scale(1) } } .swiper-container{ --swiper-theme-color: #ff6600; --swiper-pagination-color: #00ff33;/* 两种都可以 */ } .swiper-pagination{ z-index: 20; width: 10rem; height: 0.213rem; position: absolute; left: 0; text-align: center; top: 13.04rem; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width: 0.213rem; height: 0.213rem; background: #FFF; opacity: .5; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1; } .andoridDesc{ position: absolute; width: 8.933rem; height: 7.506rem; left: 50%; top: 14.093rem; margin-left: -4.466rem; background-color: rgba(191,40,91,1); border-radius: 0.426rem; -webkit-border-radius: 0.426rem; -moz-border-radius: 0.426rem; -ms-border-radius: 0.426rem; -o-border-radius: 0.426rem; z-index: 15; } .andoridDescTitle{ position: relative; margin: 0 0.52rem; padding-top: 1.426rem; font-size: 0.506rem; font-weight: bold; color:#F4CDBA; } .andoridDescTitle img{ width: 0.506rem; height: 0.506rem; vertical-align: middle; margin: -.12rem 0.253rem 0 0; position: relative; display: inline-block; } .andoridDescText1{ margin: 0.133rem 0.493rem 0 0.493rem; font-size: 0.32rem; color:#F4CDBA; } .andoridDescText.andoridDescText1{ margin-top: 0.84rem; } .andoridDescText2{ margin: 0.133rem 0.493rem 0 0.493rem; font-size: 0.32rem; color:#F4CDBA; } .andoridDescText.andoridDescText2{ margin-top: 0.84rem; } .andoridBottom{ width: 2.44rem; height: 0.786rem; position: absolute; background: url(https://www.footseen.com/img/live.png) no-repeat; background-size: 100% 100%; position: absolute; left: 50%; margin-left: -1.22rem; top: 22.173rem; z-index: 20; } .L_Ar .andoridDesc p{ direction: rtl; } .L_Ar .androidSwiper.swiper-container{ height: 18.986rem; } .L_Ar .androidSwiper.swiper-container .swiper-slide{ height: 18.986rem; } .L_Ar .androidSwiper.swiper-container .swiper-slide img{ height: 18.986rem; } .L_Ar .arBottom{ position: relative; width: 10rem; height: 4.514rem; font-size: 0; background-color: #E64E8B; } .L_Ar .andoridDescTitle img{ margin: -.12rem 0 0 .523rem; }