body .layui-layer {
	background-color: transparent;
	box-shadow: none;
	border-radius: 0;
}
body .layui-layer.layui-layer-hui {
	background-color: #000;
	filter: alpha(opacity=60);
	background-color: rgba(0, 0, 0, .6);
}
body{
	background-color: #020615;
}
.main {
	width: 10rem;
	margin: 0 auto;
	height: auto;
	position: relative;
	font-size: 0;
	min-height: 100vh;
	background-color: #020615;
	padding-bottom: 0.933rem;
}
.mBottom{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 10rem;
	height: 3.733rem;
}
.rule{
	width: 1.466rem;
	height: 1.466rem;
	position: fixed;
	right: 0;
	top:6.2rem;
	z-index: 1000;
}
.rule img{
	width: 100%;
	height: 100%;
}
.ref{
	width: 1.12rem;
	height: 1.12rem;
	position: fixed;
	right: 0.133rem;
	top: 8rem;
	z-index: 1000;
}
.ref img{
	width: 100%;
	height: 100%;
}
.mBox{
	background: url(https://app.ixiulive.com/static/liveGas/img/bg_top.png) no-repeat;
	background-size: 100% 100%;
	width: 10rem;
	height: 32.586rem;
	position: relative;
	margin: 0 auto;
}
.time{
	width: 8.44rem;
	height: 1rem;
	position: absolute;
	top: 8.306rem;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
}
.dayCon{
	width: 7rem;
	height: 0.733rem;
	position: absolute;
	top: 12.28rem;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
}
.swiper-container{
	width: 100%;
	height: 100%;
}
.swiper-wrapper .swiper-slide{
	width: 1.653rem;
	height: 0.733rem;
	line-height: 0.733rem;
	text-align: center;
	font-size: 0.32rem;
	color:#FFF;
	font-weight: bold;
	background: url(https://app.ixiulive.com/static/liveGas/img/time1.png) no-repeat;
	background-size: 100% 100%;
	display: none;
}

.swiper-wrapper .swiper-slide.day1{
	background: url(https://app.ixiulive.com/static/liveGas/img/time2.png) no-repeat;
	background-size: 100% 100%;
}
.swiper-wrapper .swiper-slide.day2{
	background: url(https://app.ixiulive.com/static/liveGas/img/time3.png) no-repeat;
	background-size: 100% 100%;
	text-shadow: 0 0 0.5em #37efa8, 0 0 0.5em #37efa8;
}
.mTime{
	position: absolute;
	top: 13.72rem;
	left: 5.146rem;
	width: 3.453rem;
	font-size: 0;
	height: .5rem;
  line-height: .45rem;
}
.mTime span{
	font-size: 0.373rem;
	color:#FFF;
	font-weight: bold;
	text-shadow: 0 0 0.5em #f38bff, 0 0 0.5em #f38bff;
	display: inline-block;
	width: .5rem;
	text-align: center;
}
.mTime span:nth-child(2){
	margin-left: .35rem;
	width: .7rem;
}
.mTime span:nth-child(3){
	margin-left: .3rem;
	width: .7rem;
}
.hour,.fires{
	position: absolute;
	left: 1.56rem;
	top: 15.18rem;
	width: 2.72rem;
	text-align: center;
	font-size: 0.426rem;
	color:#FFF;
	font-weight: bold;
	text-shadow: 0 0 0.5em #f38bff, 0 0 0.5em #f38bff;
}
.fires{
	left: auto;
	right: 1.56rem;
}
.myBox{
	position: absolute;
	top: 17.213rem;
	left: 50%;
	width: 8rem;
	height: 3.666rem;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
}
.myBox a{
	background: url(https://app.ixiulive.com/static/liveGas/img/photo.png) no-repeat;
	background-size: 100% 100%;
	width: 1.653rem;
	height: 1.653rem;
	position: absolute;
	left: .5rem;
	top: 0;
}
.myBox a img{
	width: 1.333rem;
	height: 1.333rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	object-fit: cover;
}
.myBoxName{
	width: 1.973rem;
	position: absolute;
	left: .3rem;
	top: 1.706rem;
	color:#FFF;
	font-size: 0.32rem;
	text-shadow: 0 0 0.1em #8bfff8, 0 0 0.1em #8bfff8;
	text-align: center;
}
.myBoxDesc{
	position: absolute;
	top: 0;
	left: 2.766rem;
	width: 4.973rem;
}
.myBoxFires{
	top: 1.1rem;
}
.myHourName{
	color:#FFF;
	font-size: 0.32rem;
	text-shadow: 0 0 0.5em #8bfff8, 0 0 0.5em #8bfff8;
}
.progressBox{
	background: url(https://app.ixiulive.com/static/liveGas/img/jdt_bg.png) no-repeat;
	background-size: 100% 100%;
	width: 4.973rem;
	height: 0.346rem;
	margin-top: 0.11rem;
	position: relative;
}
.progressText{
	position: absolute;
	right: 0.226rem;
	width: 100%;
	height: .346rem;
	text-align: right;
	color:#FFF;
	text-shadow: 0 0 0.5em #f38bff, 0 0 0.5em #f38bff;
	font-size: .3rem;
	z-index: 10;
	font-weight: bold;
	margin-top: -.02rem;
}
.cont{
	height: .346rem;
	overflow: hidden;
	position: relative;
	border-radius: .25rem;
	-webkit-border-radius: .25rem;
	-moz-border-radius: .25rem;
	width: 0;
}
.proBg{
	width: 4.973rem;
	height: .346rem;
	background: url(https://app.ixiulive.com/static/liveGas/img/jdt.png);
	background-size: auto 100%;
  border-radius: 0.25rem 0 0 0.25rem;
  -webkit-border-radius: 0.25rem 0 0 0.25rem;
  -moz-border-radius: 0.25rem 0 0 0.25rem;
  animation: pro-bg-ani 5s linear infinite;
  position: relative;
  z-index: 2;
}
.proBg2{
	position: absolute;
	top: 0;
	left: 4.8rem;
	border-radius: 0 0.25rem 0.25rem 0;
	-webkit-border-radius: 0 0.25rem 0.25rem 0;
	-moz-border-radius: 0 0.25rem 0.25rem 0;
  z-index: 1;
}
@keyframes pro-bg-ani {
  0% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }
  100% {
    transform: translate(-4.35rem, 0);
    -webkit-transform: translate(-4.35rem, 0);
  }
}
@-webkit-keyframes pro-bg-ani {
  0% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }
  100% {
    transform: translate(-4.35rem, 0);
    -webkit-transform: translate(-4.35rem, 0);
  }
}
.receivePoint{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	background: url(https://app.ixiulive.com/static/liveGas/img/bukeliqu_btn.png) no-repeat;
	background-size: 100% 100%;
	width: 3.466rem;
	height: 1.186rem;
	line-height: 1.086rem;
	text-align: center;
	font-size: 0.4rem;
	color:#FFF;
	text-shadow: 3px 3px 3px #070e2e;
}
.receivePoint.check{
	background: url(https://app.ixiulive.com/static/liveGas/img/liqu_btn.png) no-repeat;
	background-size: 100% 100%;
}
.userInter{
	position: absolute;
	top: 23.453rem;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	width:3.733rem;
	height:0.88rem;
	line-height: 0.88rem;
	text-align: center;
	font-size: 0.346rem;
	color:#7bfffa;
}
.userInter font{
	font-size: 0.426rem;
	font-weight: bold;
	text-shadow: 0 0 0.5em #8bfff8, 0 0 0.5em #8bfff8;
	vertical-align: middle;
	display: inline-block;
	margin-top: -.1rem;
}
.interBoxCon{
	position: absolute;
	top: 22.586rem;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);  
	width: 9.2rem;   
	height: 8rem;
}
.interBox{
	position: absolute;
	left: 0.786rem;
	top: 1.68rem;
	width: 0.88rem;
	height: 0.693rem;
}
.interBox2{
	top: 3.6rem;
	width: 0.826rem;
	height: 0.653rem;
}
.interBox3{
	top: 5.466rem;
	width: 0.826rem;
	height: 0.8rem;
}
.interBoxJdt1{
	position: absolute;
	top: 1.973rem;
	left: 2.08rem;
	z-index: 1;
	width: 0.24rem;
	height: 5.24rem;
}
.interBoxJdt2{
	background: url(https://app.ixiulive.com/static/liveGas/img/jdt2.png) no-repeat;
	background-size: 0.24rem 5.24rem;
	background-position: top;
	width: 0.24rem;
	height:  0;
	position: absolute;
	top: 1.973rem;
	left: 2.08rem;
	z-index: 2;
}
.interBoxBtn{
	background: url(https://app.ixiulive.com/static/liveGas/img/liqu_btn1.png) no-repeat;
	background-size: 100% 100%;
	width: 2.973rem;
	height: 0.893rem;
	line-height: .793rem;
	position: absolute;
	right: 0.413rem;
	top: 2.386rem;
	font-size: 0.3rem;
	color:#FFF;
	text-align: center;
  text-shadow: 2px 2px 2px #070e2e;
}
.interBoxBtn.check{
	background: url(https://app.ixiulive.com/static/liveGas/img/bukeliqu_btn1.png) no-repeat;
	background-size: 100% 100%;
}
.interBoxBtn2{
	top: 4.32rem;
}
.interBoxBtn3{
	top: 6.24rem;
}
.mList{
	width: 9.413rem;
	height: auto;
	position: relative;
	margin: -1.8rem auto 0;
	font-size: 0;
	z-index: 10;
}
.mListTop{
	background: url(https://app.ixiulive.com/static/liveGas/img/bg1.png) no-repeat;
	background-size: 9.413rem 2.946rem;
	background-position: 0 0;
	width: 9.413rem;
	height: 1.6rem;
	position: relative;
}
.mListCenter{
	background: url(https://app.ixiulive.com/static/liveGas/img/bg2.png) no-repeat;
	background-size: 100% 100%;
	width: 9.413rem;
	min-height:  3.5rem;
	position: relative;
	margin-top: 0;
}
.mListCenter .notData{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	height: 3.5rem;
	line-height: 3.5rem;
	text-align: center;
	font-size: 0.373rem;
	color:#FFF;
  text-shadow: 0 0 0.5em #8bfff8, 0 0 0.5em #8bfff8;
}
.mListBottom{
	background: url(https://app.ixiulive.com/static/liveGas/img/bg3.png) no-repeat;
	background-size: 9.413rem 2.386rem;
	background-position: bottom;
	width: 9.413rem;
	height: 1.2rem;
	position: relative;
	margin-top: -.01rem;
}
.mListDetail{
	position: relative;
	width: 8.106rem;
	height: 1.306rem;
	margin: 0 auto;
	border-bottom: 0.013rem solid #072f5d;
	font-size: 0;
	z-index: 10;
}
.mListDetail a{
	background: url(https://app.ixiulive.com/static/liveGas/img/photo1.png) no-repeat;
	background-size: 100% 100%;
	width: 1.106rem;
	height: 1.106rem;
	position: absolute;
	left: 0.213rem;
	top: 50%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
.mListDetail a img{
	width: 0.933rem;
	height: 0.933rem;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    object-fit: cover;
}
.mListDetailName{
	position: absolute;
	left: 1.706rem;
	top: 0;
	height: 1.306rem;
	line-height: 1.306rem;
	width: 3rem;
	font-size: 0.373rem;
	color:#FFF;
  text-shadow: 0 0 0.5em #8bfff8, 0 0 0.5em #8bfff8;
}
.mListDetailNum{
	position: absolute;
	font-size: 0.373rem;
	left: 4.733rem;
	top: 0;
	height: 1.306rem;
	line-height: 1.306rem;
	color:#FFF;
  text-shadow: 0 0 0.5em #8bfff8, 0 0 0.5em #8bfff8;
  width: 3.5rem;
}
.mListDetailNum font{
	text-shadow: 0 0 0.5em #f38bff, 0 0 0.5em #f38bff;
}
.mListTop .mListDetail{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
}
.mListBottom .more{
	width: 1.653rem;
	height: 0.36rem;
	position: absolute;
	left: 50%;
	bottom: .5rem;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
}
.interBoxNum p{
	position: absolute;
	left: 0.413rem;
	top: 2.6rem;
	width: 1.473rem;
	height: 0.72rem;
	line-height: .72rem;
	text-align: center;
	font-size: 0.373rem;
	font-weight: bold;
	color:#ffffff;
	text-shadow: 0 0 0.5em #8bfff8, 0 0 0.5em #8bfff8;
}
.interBoxNum p:nth-child(2){
	top: 4.45rem;
}
.interBoxNum p:nth-child(3){
	top: 6.35rem;
}
.interBoxDesc p{
	position: absolute;
	left: 2.666rem;
	top: 3rem;
	line-height: 1.2;
	font-size: 0.32rem;
	color:#ffffff;
	text-shadow: 0 0 0.5em #f38bff, 0 0 0.5em #f38bff;
	font-family: PingFang-SC-Medium;
}
.interBoxDesc p:nth-child(2){
	top: 4.966rem;
}
.interBoxDesc p:nth-child(3){
	top: 6.886rem;
}