*{ margin: 0; padding: 0; }
html, body{ background: #070e33; font-family: PingFang SC; color: #2C2C2C; font-weight: 400; overflow: hidden;}
a{text-decoration: none;color: #2C2C2C;}
input:focus{outline: none;border: 0;}
.bg-img{width: 100%;display: flex;}
.wish-title-img{width: 100%;display: flex;margin-bottom: 15px;}
.page{width: 100%;position: absolute;left: 0;bottom: 0;height: 100vh;display: flex;flex-direction: column;justify-content: flex-end;}
.container { position: relative; top: 0; left: 0; width: 100%; height: 10.5rem; margin-bottom: 15px; }
/*此处为每条弹幕的样式*/
.container .list { position: absolute; left: 100%; white-space: nowrap; -webkit-transition: -webkit-transform 30s linear; transition: transform 30s linear; z-index: 999; line-height: 30px; height: 30px; padding: 0 15px; font-size: 0.87rem; font-weight: 500; color: #ffffff;  border: 1px solid rgba(255,255,255,0.4); border-radius: 1rem; }
/*此处弹幕的移动动画，使用transform不会引起页面的重绘，性能更好*/
.container .list.animate {  -webkit-transform: translateX(-3420px);  transform: translateX(-3420px); }
.container .list .content { display: inline-block; opacity: 1; }
.container .list .num{position: absolute; color: #ffda6b; top: -16px; right: 10px;}
.container .list .active{animation: num 0.6s 1; opacity: 0;}
.container .list .none{display: none;}
@keyframes num{
	from{ top: 0px; right: 10px; opacity: 0; }
	to{ top: -30px; right: 10px; opacity: 1; }
}
.go-all-zc-btn{ position: absolute; left: 0.62rem; top: 1rem; z-index: 2; height: 1.5rem; background: #0E2F50; border-radius:0.75rem;display: flex;justify-content: center;align-items: center;font-size: 0.62rem; color: #fff;font-weight: 500; padding: 0 0.62rem;}
.go-all-zc-btn .go-all-zc-mark{width: 0.6rem;height: 0.6rem; background: url("https://p-aliyunzjk-wee-images.oss-cn-zhangjiakou.aliyuncs.com/activity/epidemic/icon-all-zc.png"); background-size: 100% 100%; display: flex;margin-right: 0.3rem;}
.foot-module{width: 100%;display:flex;flex-direction: column;align-items: center; margin-bottom: 1rem;}
.send-module{width: 90%;border: 1px solid #ffda6b;border-right: 0; display: flex;justify-content: space-between;align-items: center;border-radius: 22px;line-height: 42px; height: 42px;overflow: hidden; }
.wish-inp{width: 64%;border: 0;background: rgba(0,0,0,0);line-height: 42px; height: 42px;padding: 0 5%; color: #fff; font-size: 0.87rem; font-weight: 500;}
.send-it{width: 26%;line-height: 42px;height: 42px; text-align: center;background:#ffda6b; color: #303030;border-radius: 22px;font-size: 0.87rem;position: relative;}
.send-it:hover{background: #f9e29c;}
.send-module .send-it .send-img{position: absolute; top: -86px; right: 0; width: 10px; height: 86px; transform: rotate(0deg); display: none;}
.send-module .send-it .show{display: block; animation: sh 1s 1; opacity: 1;}
@keyframes sh{
	0%{ top:-46px; right: 50%; margin-right: -5px; opacity: 0; }
	50%{ top:-86px; right: 50%; margin-right: -5px; opacity: 1; }
	100%{ top:-106px; right: 50%; margin-right: -5px; opacity: 0; }
}
.notice{width: 100%;color: rgba(255,255,255,0.6);font-size: 0.75rem;text-align: center;margin-top: 1rem;}
.logo{height: 1.5rem; display: flex;}
.bgffda6b{background: #ffda6b; color: #303030 !important;}
.star-s{width: 53px;height: 34px; background-image: url("https://p-aliyunzjk-wee-images.oss-cn-zhangjiakou.aliyuncs.com/activity/epidemic/star-s.png"); background-size: 100% 100%; }
.star-l{width: 100px;height: 58px; background-image: url("https://p-aliyunzjk-wee-images.oss-cn-zhangjiakou.aliyuncs.com/activity/epidemic/star-l.png"); background-size: 100% 100%; }
.star-1{position: fixed; z-index: 2;animation: star1 1.9s infinite;}
@keyframes star1{
	from{ top:0; right:45%; }
	to{ top: 23%; right: 100%; }
}
.star-2{position: fixed; z-index: 2;animation: star2 1.4s infinite;}
@keyframes star2{
	from{ top:100px; right:30px; }
	to{ top: 50%; right: 100%; }
}
.star-3{position: fixed; z-index: 2;animation: star3 2.53s infinite;}
@keyframes star3{
	from{ top: 20px; right: 120px; }
	to{ top: 30%; right: 100%; }
}
.star-4{position: fixed; z-index: 2;animation: star4 4.3s infinite;}
@keyframes star4{
	from{ top:10%; right:0; }
	to{ top: 50%; right: 100%; }
}
.star-5{position: fixed; z-index: 2;animation: star5 1.1s infinite;}
@keyframes star5{
	from{ top:120px; right:50%; }
	to{ top: 280px; right: 100%; }
}