@font-face{font-family:'dfont';src:url('./font/DINEngschriftStd.otf')}body{font-size:.24rem}.header{width:100%}.header>img{width:100%}.star-box{width:100%;height:5rem;background-image:url(../img/bg_chart.png);background-size:100%;background-repeat:no-repeat;padding-top:1.9rem}.star-box .swiper-container{width:calc(100% - .8rem);height:4.7rem}.star-box .swiper-slide{text-align:center;padding-top:.2rem}.swiper-container .swiper-pagination{bottom:.1rem}.swiper-pagination-bullet{width:.2rem;height:.2rem;background:0;background-image:url(../img/star_b.png);background-size:100%;opacity:1}.swiper-pagination-bullet-active{width:.2rem;height:.2rem;background:0;background-image:url(../img/star_a.png);background-size:100%}.star-card{width:3rem;height:4rem;background-image:url(../img/bg_card.png);background-size:100%;background-repeat:no-repeat;margin-left:.2rem}.swiper-slide-next .star-card{margin-left:.1rem}.star-card-top{height:2.9rem;text-align:center}.star-card-pic{position:relative;width:1.42rem;height:1.42rem;margin-left:.78rem;padding-top:.4rem}.star-card-pic-head{width:1.3rem;height:1.3rem;line-height:1rem;border:.04rem solid #FFF;border-radius:.7rem}.star-card-pic-live{width:.86rem;position:absolute;left:.28rem;top:.25rem}.star-card-pic-tip{width:.4rem;height:.4rem;border:.04rem solid #FFF;border-radius:.4rem;position:absolute;background-size:100%;right:.06rem;bottom:0}.star-card-pic-tip img{width:.4rem;height:.4rem}.star-card-center{margin-top:.3rem}.star-card-name{display:inline-block;width:1.535rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#FFF;font-size:.3rem;float:left;margin-left:.3rem;height:.3rem;line-height:.3rem}.star-card-fire{display:inline-block;float:left}.star-card-bottom{height:1rem}.star-card-gift{display:inline-block;float:left;width:calc(50% - .2rem);height:1rem;text-align:center;padding:0 .1rem}.star-card-gift img{width:.5rem;margin-top:.13rem}.star-card-gift p{width:calc(100% - .1rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;padding:0 .15rem;color:#000;font-size:.22rem}.star-card-num{display:inline-block;float:left;width:50%;height:1rem;line-height:1rem;color:#f0c;font-family:dfont;text-align:center;font-size:.36rem}.tab-box{margin-top:.5rem;padding:0 15px;margin-bottom:1.6rem}.tab-box .swiper-slide{text-align:center}.tab-header{margin:0 .3rem;width:calc(100% - .6rem);height:.9rem;background-image:url(../img/tab1.png);background-size:100%;background-repeat:no-repeat}.tab-header.contest{background-image:url(../img/tab2.png);background-size:100%;background-repeat:no-repeat}.tab-left,.tab-right{display:inline-block;float:left;width:50%;height:.9rem}.tab-body{height:9.7rem;margin-top:-2px;padding:.8rem .1rem 0 .11rem;background-image:url(../img/bg_list.png);background-size:100%;background-repeat:no-repeat}.tab-body .tab-menu{width:100%;height:1.3rem;overflow-x:scroll}.tab-body .tab-menu .tab-menu-ul{display:block;width:10rem;height:1.5rem;overflow:hidden}.tab-body .tab-menu li{display:inline-block;float:left;margin-right:.4rem}.tab-container .swiper-slide:first-of-type{margin-left:.3rem}.tab-menu-item{width:1.28rem;height:1.28rem;background-color:#FFF;opacity:.8;border-radius:.16rem;text-align:center}.tab-menu-item.selected{width:1.2rem;height:1.2rem;border:.04rem solid #000;opacity:1}.tab-menu-item img{width:.82rem;margin-top:.12rem}.tab-menu-item p{width:1.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;margin-left:.065rem}.tab-list{width:100%;margin-top:.2rem;position:relative}.tab-list-ul{height:7.9rem;overflow:scroll}.tab-list-item{width:calc(100% - .3rem);height:1.64rem;position:relative;padding-left:.2rem}.tab-list-item-num{width:.8rem;height:1.5rem;line-height:1.5rem;display:inline-block;font-size:.3rem;color:#FFF;float:left}.tab-list-item-pic,.footer-pic{position:relative;width:.98rem;height:.98rem;display:inline-block;float:left;margin-top:.3rem}.tab-list-item-pic img,.footer-pic img{width:.9rem;height:.9rem;line-height:.9rem;border:.04rem solid #FFF;border-radius:.9rem}.tab-list-item-pic-tip,.footer-tip{width:.28rem;height:.28rem;border:.04rem solid #FFF;border-radius:.2rem;background-size:100%;position:absolute;bottom:0;right:0}.tab-list-item-pic-tip img,.footer-tip img{width:.36rem;height:.36rem;position:absolute;top:-0.04rem;left:-0.04rem}.tab-list-item-center,.footer-center{display:inline-block;margin:.2rem;float:left}.item-center-top,.footer-center-top{height:.32rem;padding-top:.2rem}.item-name,.footer-name{display:inline-block;width:1.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#FFF;font-size:.32rem;line-height:.32rem}.item-fire,.footer-fire,.star-card-fire{display:inline-block;position:relative;height:.3rem;line-height:.35rem;border-radius:1rem;background-color:#FFF;padding-left:.45rem;padding-right:.08rem;font-family:dfont;font-size:.2rem;vertical-align:super;color:#ff7012}.item-fire img,.footer-fire img,.star-card-fire img{position:absolute;width:.4rem;height:.4rem;border-radius:.2rem;top:-0.05rem;left:0}
.item-center-bottom,.footer-center-bottom{height:.7rem;line-height:.7rem;color:#FFF}.item-center-bottom span,.footer-center-bottom span{color:#ffd800;font-family:dfont;font-size:.26rem;margin-left:.08rem}.tab-list-item-live{display:inline-block;height:1.64rem;line-height:1.64rem;position:absolute;right:5%}.tab-list-item-live img{width:.86rem}.tab-list-item-line{display:block;position:absolute;bottom:0;right:.1rem;width:calc(100% - 1rem);height:1px;background-color:#FFF}.footer{height:1.64rem;width:calc(100% - .78rem);position:fixed;bottom:0;background-color:#FFF;border-radius:10px 10px 0 0;padding-left:.78rem;z-index:2}.footer-name,.footer-center-bottom{color:#202020}.footer-right{position:absolute;right:.78rem;font-size:.3rem;color:#999;height:1.64rem;line-height:1.64rem}.tab-contest img{width:100%;float:left}.tab-contest img:first-of-type{margin-top:-0.04rem}.tab-contest div{width:100%;height:2rem;float:left}.bitmap{width:100%;display:none}.footer-pic>img{border:.04rem solid #18012b}.footer-fire{box-shadow:0 0 6px #b6b6b6}.spinner{margin:100px auto;width:50px;height:60px;text-align:center;font-size:10px;position:absolute;top:0;left:50%;margin-left:-25px}.spinner>div{background-color:#FFF;height:100%;width:6px;display:inline-block;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.spinner .rect5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}@-webkit-keyframes stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1.0)}}@keyframes stretchdelay{0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}

/*加载等待*/
    .loading_bg{ background: #fff; position: fixed; z-index: 1000;  width: 100%;height: 100%; }
	.jiazai_div{ position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width:40px ; height: 40px;}
	.jiazai_div i{ float: left; display: block; width: 4px; height: 40px; margin: 0 2px; background: #FFBE18; 
	-webkit-animation: load 1.2s infinite;animation: load 1.2s infinite;
	-webkit-transform: scaleY(0.4);-ms-transform: scaleY(0.4);transform: scaleY(0.4);}
	.jiazai_div i:nth-child(2){ -webkit-animation-delay: 0.1s; animation-delay: 0.2s;}
	.jiazai_div i:nth-child(3){-webkit-animation-delay: 0.2s;animation-delay: 0.3s;}
	.jiazai_div i:nth-child(4){-webkit-animation-delay: 0.3s;animation-delay: 0.4s;}
	.jiazai_div i:nth-child(5){-webkit-animation-delay: 0.4s;animation-delay: 0.5s;}
		@-webkit-keyframes load{
		
		0%,40%,100%{
			-webkit-transform: scaleY(0.4);
			        transform: scaleY(0.4);
		}
		20%{ -webkit-transform: scaleY(1); transform: scaleY(1);}
	}
@keyframes load{
		0%,40%,100%{
			-webkit-transform: scaleY(0.4);
			        transform: scaleY(0.4);
		}
		20%{ -webkit-transform: scaleY(1); transform: scaleY(1);}
	}
	.loading{ height: 100%; width: 100%;}
	
	@media screen and (max-width: 300px) {
		.tab-list-ul {
			height: 7.6rem;
		}
		.star-card-num{
			width: 49%;
		}
	}
	@media screen and (max-width: 200px) {
		.tab-list-ul {
			height: 7.2rem;
		}
		
	}