新增音萌商店包

view/mew/activity/2022-newYear/css/friends.css

@@ -0,0 +1,169 @@
+html,
+body {
+  width: 100%;
+  background: #F4F4FA;
+}
+
+.back {
+  position: fixed;
+  top: 0.9333333333rem;
+  left: 0.4533333333rem;
+  z-index: 9;
+  width: 0.8266666667rem;
+  height: 0.8266666667rem;
+}
+.back img {
+  width: 100%;
+  height: 100%;
+}
+
+input {
+  width: 9.2rem;
+  height: 0.8533333333rem;
+  border-radius: 0.8533333333rem;
+  outline: none;
+  border: none;
+  background: #fff;
+  display: block;
+  margin: 2.5733333333rem auto 0.4266666667rem;
+  box-sizing: border-box;
+  padding: 0 0.44rem;
+}
+
+.title {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  text-align: center;
+  color: #482F2F;
+  font-size: 0.4533333333rem;
+  height: 2.08rem;
+  line-height: 2.6rem;
+  background: #fff;
+}
+
+ul {
+  width: 9.2rem;
+  height: 17rem;
+  margin: 0 auto 0;
+  overflow-y: scroll;
+}
+ul li {
+  width: 100%;
+  height: 1.4933333333rem;
+  margin-bottom: 0.4rem;
+}
+ul li .left {
+  width: 1.4933333333rem;
+  height: 1.4933333333rem;
+  border-radius: 50%;
+  float: left;
+}
+ul li .left img {
+  display: block;
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  background: #FF7489;
+}
+ul li .right {
+  float: right;
+  width: 7.2rem;
+  height: 100%;
+  border-bottom: 0.0133333333rem solid #E4E4E4;
+}
+ul li .right p {
+  font-size: 0.3733333333rem;
+  color: #171A58;
+  margin-top: 0.3066666667rem;
+  margin-bottom: 0.2rem;
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+ul li .right span {
+  display: block;
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: #8A8CAB;
+  font-size: 0.32rem;
+}
+
+.confirmTheGift {
+  display: none;
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 999;
+  background: rgba(0, 0, 0, 0.8);
+}
+.confirmTheGift .confirmTheGift_in {
+  width: 8rem;
+  height: 5.6133333333rem;
+  background: linear-gradient(90deg, #DAFFFC 0%, #FFFBE6 47%, #FFD5EC 100%);
+  position: relative;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  border-radius: 0.5333333333rem;
+  box-sizing: border-box;
+}
+.confirmTheGift .confirmTheGift_in .confirmTheGift_in_title {
+  width: 100%;
+  text-align: center;
+  position: absolute;
+  left: 0;
+  top: 0.5333333333rem;
+  color: #990D39;
+  font-size: 0.3466666667rem;
+  font-weight: bold;
+}
+.confirmTheGift .confirmTheGift_in .confirmTheGift_in_title b {
+  color: #503938;
+  font-weight: bold;
+}
+.confirmTheGift .confirmTheGift_in .confirmTheGift_in_title i {
+  font-style: normal;
+  font-weight: bold;
+}
+.confirmTheGift .confirmTheGift_in .gift {
+  width: 2.1333333333rem;
+  height: 2.1333333333rem;
+  background: #FFADB7;
+  border-radius: 50%;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 1.48rem;
+}
+.confirmTheGift .confirmTheGift_in .but1 {
+  text-align: center;
+  color: #482F2F;
+  font-size: 0.3733333333rem;
+  font-weight: bold;
+  line-height: 0.96rem;
+  width: 2.9333333333rem;
+  height: 0.96rem;
+  border-radius: 0.96rem;
+  position: absolute;
+  left: 0.8rem;
+  top: 4.2133333333rem;
+  background: #fff;
+}
+.confirmTheGift .confirmTheGift_in .but2 {
+  width: 2.9333333333rem;
+  height: 0.96rem;
+  position: absolute;
+  right: 0.8rem;
+  top: 4.2133333333rem;
+  background: url(../images/confirmTheGift_in_but2.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+/*# sourceMappingURL=friends.css.map */