@charset "utf-8";
/*
* Site:五洲-国庆—国庆活动WAP页面-刘潇-陈云秋
* Author:pengxing
* Ver 1.0
* Date:2020.9.29
*/
body{max-width:750px !important;}
.container{min-width:320px;width:100%;max-width:750px;margin:0 auto;background-color:#f44443 !important;}
.container img{width:100%;display:block;}
.item{padding:0 0.2rem;position:relative;}
.itemTie{width:7.01rem;height:1.15rem;text-align: center;line-height: 1rem;font-size: .5rem;color: #ffef86;background: url(/images/zt/zt_202010hd/tie_01.png) no-repeat;background-size:100% 100%;position:absolute;left: 50%;transform: translateX(-50%);top: 0;}
/* banner */
.banner{height:3.75rem;overflow: hidden;position:relative;}
.banner,.banner li,.banner li img{width:7.5rem;height:7.42rem;}
/* f1Box */
.f1Box{padding-bottom:.4rem;overflow:hidden;}
.f1Box li{float:left;margin-bottom:.29rem;}
.f1Box li,.f1Box li img{width:3.48rem;height:3.13rem;}
.f1Box li:nth-child(2){float:right;}
.f1Box li:nth-child(3),.f1Box li:nth-child(3) img{width:7.12rem;height:2.82rem;}

.f2Box{padding:.68rem 0 .6rem;position:relative;}
.f2Box h2.itemTie{font-size:.44rem;}
.f2BoxImg{padding:.05rem .08rem .1rem;border:#ffe58a solid .04rem;border-radius:.2rem;background-color:#e83227;}
.f2BoxImg img{width:6.86rem;height:4.67rem;border-radius: .05rem;display: block;margin: 0 auto;}
.f2BoxBot{margin-bottom:.6rem;}
.f2BoxBot,.f2BoxBot img{width:7.5rem;height:1.26rem;}

.f3Box{padding:.68rem 0 .69rem;position:relative;}
.f3BoxCon{padding:.75rem .2rem .15rem;border:#ffe58a solid .04rem;border-radius:.2rem;background-color:#e83227;}
.f3BoxCon li{border-radius:.1rem;overflow:hidden;position:relative;margin-bottom:.2rem;}
.f3BoxCon li,.f3BoxCon li img{width:6.63rem;height:1.79rem;}
.f3BoxCon li a.btn{width:1.28rem;height:1.28rem;text-align:center;line-height:.39rem;font-size:.35rem;color:#fff;background-color:#f44443;display:block;display:grid;justify-content:center;align-items:Center;box-shadow:#cd2827 0 .05rem 0;border-radius:50%;position:absolute;right:.24rem;top:50%;margin-top: -.65rem;}

.f4Box{padding:.68rem 0 .69rem;position:relative;}
.f4Box dl{padding:.75rem .2rem .15rem;border:#ffe58a solid .04rem;border-radius:.2rem;background-color:#e83227;overflow:hidden;}
.f4Box dt{float:left;border-radius:.05rem;overflow:hidden;}
.f4Box dt,.f4Box dt img{width:3.26rem;height:3.83rem;}
.f4Box dd{float:right;width:3.26rem;}
.f4Box dd li{border-radius:.05rem;overflow:hidden;margin-bottom:.05rem;}
.f4Box dd li,.f4Box dd li img{width:3.26rem;height:1.89rem;}
.f5Box{padding:.68rem 0 .69rem;position:relative;}
.f5Box dl{padding:.75rem .2rem .15rem;border:#ffe58a solid .04rem;border-radius:.2rem;background-color:#e83227;}
.f5Box dt{border-radius:.05rem;overflow:hidden;}
.f5Box dt,.f5Box dt img{width:6.59rem;height:3.83rem;}
.f5Box dd{padding:.2rem 0;}
.f5Box dd p{text-indent:1em;line-height:.49rem;font-size:.28rem;color:#fff;}

.f5BoxDl{padding-bottom:.7rem;}
.f5BoxDl dt{border-radius:.05rem;overflow:hidden;margin:0 auto .45rem;}
.f5BoxDl dt,.f5BoxDl dt img{width:3.35rem;height:3.37rem;}
.f5BoxDl dd{text-align:center;line-height:0;}
.f5BoxDl dd span{line-height:.9rem;font-size:.88rem;color:#fff;font-weight:bold;font-family:'Impact';display:block;}
.f5BoxDl dd small{line-height:.6rem;font-size:.4rem;color:#fff;display:inline-block;position:relative;padding-left:.5rem;}
.f5BoxDl dd small i{width: .37rem;height: .36rem;background: url(/images/zt/zt_202010hd/ioc_01.png) no-repeat;background-size: 100% 100%;display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.pulse1{animation:pulse1 2s .5s ease infinite;-webkit-animation:pulse1 2s .5s ease infinite;-moz-animation:pulse1 2s .5s ease infinite;}
@keyframes pulse1{
	0%{transform:scale(1)}
	50%{transform:scale(1.1)}
	100%{transform:scale(1)}
}
@-webkit-keyframes pulse1{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(1.1)}
	100%{-webkit-transform:scale(1)}
}