xiaoe_mp_npm 1.0.21 → 1.0.22-store2

package/src/Task/TaskPopup/index.wxss

@@ -1,406 +1,406 @@
-.task-popup {
-  z-index: 500;
-}
-.task-popup .decorate {
-  display: flex;
-  justify-content: space-between;
-  position: relative;
-}
-.task-popup .decorate .close {
-  position: absolute;
-  right: 3.46667vmin;
-  top: 12.8vmin;
-  width: 8.53333vmin;
-  height: 8.53333vmin;
-}
-.task-popup .decorate .close.hidden {
-  opacity: 0;
-}
-.task-popup .decorate .gift-box {
-  left: 0vmin;
-  top: -8vmin;
-  width: 100vmin;
-  height: 25.6vmin;
-}
-.task-popup .decorate .gift-box.hidden {
-  opacity: 0;
-}
-.task-popup .task-popup-header {
-  padding: 3.2vmin 4.26667vmin;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  height: 12.8vmin;
-  box-sizing: border-box;
-  background: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltqz384r04hx.png") no-repeat;
-  background-size: contain;
-}
-.task-popup .task-popup-header .to-reward {
-  padding: 1.06667vmin 0 1.06667vmin 2.13333vmin;
-  margin-left: 3.2vmin;
-  font-size: 3.2vmin;
-  display: flex;
-  color: #701616;
-  align-items: center;
-}
-.task-popup .task-popup-header .to-reward image {
-  width: 4.26667vmin;
-  height: 4.26667vmin;
-}
-.task-popup .task-popup-header .not-reward {
-  opacity: 0.4;
-}
-.task-popup .task-popup-header.full-header {
-  background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltzgkkyr0wfj.png");
-  height: 20.26667vmin;
-  display: block;
-  background-size: contain;
-}
-.task-popup .task-popup-header.full-header .to-reward {
-  margin-top: 8.53333vmin;
-  margin-left: 0;
-  padding-left: 0;
-}
-.task-popup .reward-popup-header {
-  background: #FFEFD7;
-  display: flex;
-  padding: 3.2vmin 4.26667vmin;
-  align-items: center;
-  justify-content: space-between;
-  height: 12.8vmin;
-  box-sizing: border-box;
-  border-top-left-radius: 3.2vmin;
-  border-top-right-radius: 3.2vmin;
-  color: #701616;
-}
-.task-popup .reward-popup-header.full-header {
-  border-top-right-radius: 0;
-}
-.task-popup .reward-popup-header .back {
-  width: 4.26667vmin;
-  height: 4.26667vmin;
-}
-.task-popup .reward-popup-header .title {
-  font-size: 4.26667vmin;
-}
-.task-popup .reward-popup-header .reward-close {
-  width: 4.26667vmin;
-  height: 4.26667vmin;
-}
-.task-popup .reward-popup-header .reward-close.hidden {
-  opacity: 0;
-}
-.task-popup .popup-content {
-  box-sizing: border-box;
-  margin-bottom: 4.26667vmin;
-  padding: 0 4.26667vmin 4.26667vmin 4.26667vmin;
-  min-height: 40vmin;
-  height: 100%;
-  background-size: 100% 100%;
-}
-@media screen and (min-width: 768px) and (orientation: portrait) {
-  .task-popup {
-    z-index: 500;
-  }
-  .task-popup .decorate {
-    display: flex;
-    justify-content: space-between;
-    position: relative;
-  }
-  .task-popup .decorate .close {
-    position: absolute;
-    right: 1.69271vmin;
-    top: 6.25vmin;
-    width: 4.16667vmin;
-    height: 4.16667vmin;
-  }
-  .task-popup .decorate .close.hidden {
-    opacity: 0;
-  }
-  .task-popup .decorate .gift-box {
-    left: 0vmin;
-    top: -3.90625vmin;
-    width: 100vmin;
-    height: 12.5vmin;
-  }
-  .task-popup .decorate .gift-box.hidden {
-    opacity: 0;
-  }
-  .task-popup .task-popup-header {
-    padding: 1.5625vmin 2.08333vmin;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    height: 6.25vmin;
-    box-sizing: border-box;
-    background: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltqz384r04hx.png") no-repeat;
-    background-size: contain;
-  }
-  .task-popup .task-popup-header .to-reward {
-    padding: 0.52083vmin 0 0.52083vmin 1.04167vmin;
-    margin-left: 1.5625vmin;
-    font-size: 1.5625vmin;
-    display: flex;
-    color: #701616;
-    align-items: center;
-  }
-  .task-popup .task-popup-header .to-reward image {
-    width: 2.08333vmin;
-    height: 2.08333vmin;
-  }
-  .task-popup .task-popup-header .not-reward {
-    opacity: 0.4;
-  }
-  .task-popup .task-popup-header.full-header {
-    background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltzgkkyr0wfj.png");
-    height: 9.89583vmin;
-    display: block;
-    background-size: contain;
-  }
-  .task-popup .task-popup-header.full-header .to-reward {
-    margin-top: 4.16667vmin;
-    margin-left: 0;
-    padding-left: 0;
-  }
-  .task-popup .reward-popup-header {
-    background: #FFEFD7;
-    display: flex;
-    padding: 1.5625vmin 2.08333vmin;
-    align-items: center;
-    justify-content: space-between;
-    height: 6.25vmin;
-    box-sizing: border-box;
-    border-top-left-radius: 1.5625vmin;
-    border-top-right-radius: 1.5625vmin;
-    color: #701616;
-  }
-  .task-popup .reward-popup-header.full-header {
-    border-top-right-radius: 0;
-  }
-  .task-popup .reward-popup-header .back {
-    width: 2.08333vmin;
-    height: 2.08333vmin;
-  }
-  .task-popup .reward-popup-header .title {
-    font-size: 2.08333vmin;
-  }
-  .task-popup .reward-popup-header .reward-close {
-    width: 2.08333vmin;
-    height: 2.08333vmin;
-  }
-  .task-popup .reward-popup-header .reward-close.hidden {
-    opacity: 0;
-  }
-  .task-popup .popup-content {
-    box-sizing: border-box;
-    margin-bottom: 2.08333vmin;
-    padding: 0 2.08333vmin 2.08333vmin 2.08333vmin;
-    min-height: 40vmin;
-    height: 100%;
-    background-size: 100% 100%;
-  }
-}
-@media screen and (min-height: 630px) and (orientation: landscape) {
-  .task-popup {
-    z-index: 500;
-  }
-  .task-popup .decorate {
-    display: flex;
-    justify-content: space-between;
-    position: relative;
-  }
-  .task-popup .decorate .close {
-    position: absolute;
-    right: 2.06349vmin;
-    top: 7.61905vmin;
-    width: 5.07937vmin;
-    height: 5.07937vmin;
-  }
-  .task-popup .decorate .close.hidden {
-    opacity: 0;
-  }
-  .task-popup .decorate .gift-box {
-    left: 0vmin;
-    top: -4.7619vmin;
-    width: 100vmin;
-    height: 15.2381vmin;
-  }
-  .task-popup .decorate .gift-box.hidden {
-    opacity: 0;
-  }
-  .task-popup .task-popup-header {
-    padding: 1.90476vmin 2.53968vmin;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    height: 7.61905vmin;
-    box-sizing: border-box;
-    background: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltqz384r04hx.png") no-repeat;
-    background-size: contain;
-  }
-  .task-popup .task-popup-header .to-reward {
-    padding: 0.63492vmin 0 0.63492vmin 1.26984vmin;
-    margin-left: 1.90476vmin;
-    font-size: 1.90476vmin;
-    display: flex;
-    color: #701616;
-    align-items: center;
-  }
-  .task-popup .task-popup-header .to-reward image {
-    width: 2.53968vmin;
-    height: 2.53968vmin;
-  }
-  .task-popup .task-popup-header .not-reward {
-    opacity: 0.4;
-  }
-  .task-popup .task-popup-header.full-header {
-    background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltzgkkyr0wfj.png");
-    height: 12.06349vmin;
-    display: block;
-    background-size: contain;
-  }
-  .task-popup .task-popup-header.full-header .to-reward {
-    margin-top: 5.07937vmin;
-    margin-left: 0;
-    padding-left: 0;
-  }
-  .task-popup .reward-popup-header {
-    background: #FFEFD7;
-    display: flex;
-    padding: 1.90476vmin 2.53968vmin;
-    align-items: center;
-    justify-content: space-between;
-    height: 7.61905vmin;
-    box-sizing: border-box;
-    border-top-left-radius: 1.90476vmin;
-    border-top-right-radius: 1.90476vmin;
-    color: #701616;
-  }
-  .task-popup .reward-popup-header.full-header {
-    border-top-right-radius: 0;
-  }
-  .task-popup .reward-popup-header .back {
-    width: 2.53968vmin;
-    height: 2.53968vmin;
-  }
-  .task-popup .reward-popup-header .title {
-    font-size: 2.53968vmin;
-  }
-  .task-popup .reward-popup-header .reward-close {
-    width: 2.53968vmin;
-    height: 2.53968vmin;
-  }
-  .task-popup .reward-popup-header .reward-close.hidden {
-    opacity: 0;
-  }
-  .task-popup .popup-content {
-    box-sizing: border-box;
-    margin-bottom: 2.53968vmin;
-    padding: 0 2.53968vmin 2.53968vmin 2.53968vmin;
-    min-height: 40vmin;
-    height: 100%;
-    background-size: 100% 100%;
-  }
-}
-@media screen and (min-height: 768px) and (orientation: landscape) {
-  .task-popup {
-    z-index: 500;
-  }
-  .task-popup .decorate {
-    display: flex;
-    justify-content: space-between;
-    position: relative;
-  }
-  .task-popup .decorate .close {
-    position: absolute;
-    right: 1.69271vmin;
-    top: 6.25vmin;
-    width: 4.16667vmin;
-    height: 4.16667vmin;
-  }
-  .task-popup .decorate .close.hidden {
-    opacity: 0;
-  }
-  .task-popup .decorate .gift-box {
-    left: 0vmin;
-    top: -3.90625vmin;
-    width: 100vmin;
-    height: 12.5vmin;
-  }
-  .task-popup .decorate .gift-box.hidden {
-    opacity: 0;
-  }
-  .task-popup .task-popup-header {
-    padding: 1.5625vmin 2.08333vmin;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    height: 6.25vmin;
-    box-sizing: border-box;
-    background: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltqz384r04hx.png") no-repeat;
-    background-size: contain;
-  }
-  .task-popup .task-popup-header .to-reward {
-    padding: 0.52083vmin 0 0.52083vmin 1.04167vmin;
-    margin-left: 1.5625vmin;
-    font-size: 1.5625vmin;
-    display: flex;
-    color: #701616;
-    align-items: center;
-  }
-  .task-popup .task-popup-header .to-reward image {
-    width: 2.08333vmin;
-    height: 2.08333vmin;
-  }
-  .task-popup .task-popup-header .not-reward {
-    opacity: 0.4;
-  }
-  .task-popup .task-popup-header.full-header {
-    background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltzgkkyr0wfj.png");
-    height: 9.89583vmin;
-    display: block;
-    background-size: contain;
-  }
-  .task-popup .task-popup-header.full-header .to-reward {
-    margin-top: 4.16667vmin;
-    margin-left: 0;
-    padding-left: 0;
-  }
-  .task-popup .reward-popup-header {
-    background: #FFEFD7;
-    display: flex;
-    padding: 1.5625vmin 2.08333vmin;
-    align-items: center;
-    justify-content: space-between;
-    height: 6.25vmin;
-    box-sizing: border-box;
-    border-top-left-radius: 1.5625vmin;
-    border-top-right-radius: 1.5625vmin;
-    color: #701616;
-  }
-  .task-popup .reward-popup-header.full-header {
-    border-top-right-radius: 0;
-  }
-  .task-popup .reward-popup-header .back {
-    width: 2.08333vmin;
-    height: 2.08333vmin;
-  }
-  .task-popup .reward-popup-header .title {
-    font-size: 2.08333vmin;
-  }
-  .task-popup .reward-popup-header .reward-close {
-    width: 2.08333vmin;
-    height: 2.08333vmin;
-  }
-  .task-popup .reward-popup-header .reward-close.hidden {
-    opacity: 0;
-  }
-  .task-popup .popup-content {
-    box-sizing: border-box;
-    margin-bottom: 2.08333vmin;
-    padding: 0 2.08333vmin 2.08333vmin 2.08333vmin;
-    min-height: 40vmin;
-    height: 100%;
-    background-size: 100% 100%;
-  }
-}
+.task-popup {
+  z-index: 500;
+}
+.task-popup .decorate {
+  display: flex;
+  justify-content: space-between;
+  position: relative;
+}
+.task-popup .decorate .close {
+  position: absolute;
+  right: 3.46667vmin;
+  top: 12.8vmin;
+  width: 8.53333vmin;
+  height: 8.53333vmin;
+}
+.task-popup .decorate .close.hidden {
+  opacity: 0;
+}
+.task-popup .decorate .gift-box {
+  left: 0vmin;
+  top: -8vmin;
+  width: 100vmin;
+  height: 25.6vmin;
+}
+.task-popup .decorate .gift-box.hidden {
+  opacity: 0;
+}
+.task-popup .task-popup-header {
+  padding: 3.2vmin 4.26667vmin;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  height: 12.8vmin;
+  box-sizing: border-box;
+  background: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltqz384r04hx.png") no-repeat;
+  background-size: contain;
+}
+.task-popup .task-popup-header .to-reward {
+  padding: 1.06667vmin 0 1.06667vmin 2.13333vmin;
+  margin-left: 3.2vmin;
+  font-size: 3.2vmin;
+  display: flex;
+  color: #701616;
+  align-items: center;
+}
+.task-popup .task-popup-header .to-reward image {
+  width: 4.26667vmin;
+  height: 4.26667vmin;
+}
+.task-popup .task-popup-header .not-reward {
+  opacity: 0.4;
+}
+.task-popup .task-popup-header.full-header {
+  background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltzgkkyr0wfj.png");
+  height: 20.26667vmin;
+  display: block;
+  background-size: contain;
+}
+.task-popup .task-popup-header.full-header .to-reward {
+  margin-top: 8.53333vmin;
+  margin-left: 0;
+  padding-left: 0;
+}
+.task-popup .reward-popup-header {
+  background: #FFEFD7;
+  display: flex;
+  padding: 3.2vmin 4.26667vmin;
+  align-items: center;
+  justify-content: space-between;
+  height: 12.8vmin;
+  box-sizing: border-box;
+  border-top-left-radius: 3.2vmin;
+  border-top-right-radius: 3.2vmin;
+  color: #701616;
+}
+.task-popup .reward-popup-header.full-header {
+  border-top-right-radius: 0;
+}
+.task-popup .reward-popup-header .back {
+  width: 4.26667vmin;
+  height: 4.26667vmin;
+}
+.task-popup .reward-popup-header .title {
+  font-size: 4.26667vmin;
+}
+.task-popup .reward-popup-header .reward-close {
+  width: 4.26667vmin;
+  height: 4.26667vmin;
+}
+.task-popup .reward-popup-header .reward-close.hidden {
+  opacity: 0;
+}
+.task-popup .popup-content {
+  box-sizing: border-box;
+  margin-bottom: 4.26667vmin;
+  padding: 0 4.26667vmin 4.26667vmin 4.26667vmin;
+  min-height: 40vmin;
+  height: 100%;
+  background-size: 100% 100%;
+}
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  .task-popup {
+    z-index: 500;
+  }
+  .task-popup .decorate {
+    display: flex;
+    justify-content: space-between;
+    position: relative;
+  }
+  .task-popup .decorate .close {
+    position: absolute;
+    right: 1.69271vmin;
+    top: 6.25vmin;
+    width: 4.16667vmin;
+    height: 4.16667vmin;
+  }
+  .task-popup .decorate .close.hidden {
+    opacity: 0;
+  }
+  .task-popup .decorate .gift-box {
+    left: 0vmin;
+    top: -3.90625vmin;
+    width: 100vmin;
+    height: 12.5vmin;
+  }
+  .task-popup .decorate .gift-box.hidden {
+    opacity: 0;
+  }
+  .task-popup .task-popup-header {
+    padding: 1.5625vmin 2.08333vmin;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    height: 6.25vmin;
+    box-sizing: border-box;
+    background: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltqz384r04hx.png") no-repeat;
+    background-size: contain;
+  }
+  .task-popup .task-popup-header .to-reward {
+    padding: 0.52083vmin 0 0.52083vmin 1.04167vmin;
+    margin-left: 1.5625vmin;
+    font-size: 1.5625vmin;
+    display: flex;
+    color: #701616;
+    align-items: center;
+  }
+  .task-popup .task-popup-header .to-reward image {
+    width: 2.08333vmin;
+    height: 2.08333vmin;
+  }
+  .task-popup .task-popup-header .not-reward {
+    opacity: 0.4;
+  }
+  .task-popup .task-popup-header.full-header {
+    background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltzgkkyr0wfj.png");
+    height: 9.89583vmin;
+    display: block;
+    background-size: contain;
+  }
+  .task-popup .task-popup-header.full-header .to-reward {
+    margin-top: 4.16667vmin;
+    margin-left: 0;
+    padding-left: 0;
+  }
+  .task-popup .reward-popup-header {
+    background: #FFEFD7;
+    display: flex;
+    padding: 1.5625vmin 2.08333vmin;
+    align-items: center;
+    justify-content: space-between;
+    height: 6.25vmin;
+    box-sizing: border-box;
+    border-top-left-radius: 1.5625vmin;
+    border-top-right-radius: 1.5625vmin;
+    color: #701616;
+  }
+  .task-popup .reward-popup-header.full-header {
+    border-top-right-radius: 0;
+  }
+  .task-popup .reward-popup-header .back {
+    width: 2.08333vmin;
+    height: 2.08333vmin;
+  }
+  .task-popup .reward-popup-header .title {
+    font-size: 2.08333vmin;
+  }
+  .task-popup .reward-popup-header .reward-close {
+    width: 2.08333vmin;
+    height: 2.08333vmin;
+  }
+  .task-popup .reward-popup-header .reward-close.hidden {
+    opacity: 0;
+  }
+  .task-popup .popup-content {
+    box-sizing: border-box;
+    margin-bottom: 2.08333vmin;
+    padding: 0 2.08333vmin 2.08333vmin 2.08333vmin;
+    min-height: 40vmin;
+    height: 100%;
+    background-size: 100% 100%;
+  }
+}
+@media screen and (min-height: 630px) and (orientation: landscape) {
+  .task-popup {
+    z-index: 500;
+  }
+  .task-popup .decorate {
+    display: flex;
+    justify-content: space-between;
+    position: relative;
+  }
+  .task-popup .decorate .close {
+    position: absolute;
+    right: 2.06349vmin;
+    top: 7.61905vmin;
+    width: 5.07937vmin;
+    height: 5.07937vmin;
+  }
+  .task-popup .decorate .close.hidden {
+    opacity: 0;
+  }
+  .task-popup .decorate .gift-box {
+    left: 0vmin;
+    top: -4.7619vmin;
+    width: 100vmin;
+    height: 15.2381vmin;
+  }
+  .task-popup .decorate .gift-box.hidden {
+    opacity: 0;
+  }
+  .task-popup .task-popup-header {
+    padding: 1.90476vmin 2.53968vmin;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    height: 7.61905vmin;
+    box-sizing: border-box;
+    background: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltqz384r04hx.png") no-repeat;
+    background-size: contain;
+  }
+  .task-popup .task-popup-header .to-reward {
+    padding: 0.63492vmin 0 0.63492vmin 1.26984vmin;
+    margin-left: 1.90476vmin;
+    font-size: 1.90476vmin;
+    display: flex;
+    color: #701616;
+    align-items: center;
+  }
+  .task-popup .task-popup-header .to-reward image {
+    width: 2.53968vmin;
+    height: 2.53968vmin;
+  }
+  .task-popup .task-popup-header .not-reward {
+    opacity: 0.4;
+  }
+  .task-popup .task-popup-header.full-header {
+    background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltzgkkyr0wfj.png");
+    height: 12.06349vmin;
+    display: block;
+    background-size: contain;
+  }
+  .task-popup .task-popup-header.full-header .to-reward {
+    margin-top: 5.07937vmin;
+    margin-left: 0;
+    padding-left: 0;
+  }
+  .task-popup .reward-popup-header {
+    background: #FFEFD7;
+    display: flex;
+    padding: 1.90476vmin 2.53968vmin;
+    align-items: center;
+    justify-content: space-between;
+    height: 7.61905vmin;
+    box-sizing: border-box;
+    border-top-left-radius: 1.90476vmin;
+    border-top-right-radius: 1.90476vmin;
+    color: #701616;
+  }
+  .task-popup .reward-popup-header.full-header {
+    border-top-right-radius: 0;
+  }
+  .task-popup .reward-popup-header .back {
+    width: 2.53968vmin;
+    height: 2.53968vmin;
+  }
+  .task-popup .reward-popup-header .title {
+    font-size: 2.53968vmin;
+  }
+  .task-popup .reward-popup-header .reward-close {
+    width: 2.53968vmin;
+    height: 2.53968vmin;
+  }
+  .task-popup .reward-popup-header .reward-close.hidden {
+    opacity: 0;
+  }
+  .task-popup .popup-content {
+    box-sizing: border-box;
+    margin-bottom: 2.53968vmin;
+    padding: 0 2.53968vmin 2.53968vmin 2.53968vmin;
+    min-height: 40vmin;
+    height: 100%;
+    background-size: 100% 100%;
+  }
+}
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  .task-popup {
+    z-index: 500;
+  }
+  .task-popup .decorate {
+    display: flex;
+    justify-content: space-between;
+    position: relative;
+  }
+  .task-popup .decorate .close {
+    position: absolute;
+    right: 1.69271vmin;
+    top: 6.25vmin;
+    width: 4.16667vmin;
+    height: 4.16667vmin;
+  }
+  .task-popup .decorate .close.hidden {
+    opacity: 0;
+  }
+  .task-popup .decorate .gift-box {
+    left: 0vmin;
+    top: -3.90625vmin;
+    width: 100vmin;
+    height: 12.5vmin;
+  }
+  .task-popup .decorate .gift-box.hidden {
+    opacity: 0;
+  }
+  .task-popup .task-popup-header {
+    padding: 1.5625vmin 2.08333vmin;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    height: 6.25vmin;
+    box-sizing: border-box;
+    background: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltqz384r04hx.png") no-repeat;
+    background-size: contain;
+  }
+  .task-popup .task-popup-header .to-reward {
+    padding: 0.52083vmin 0 0.52083vmin 1.04167vmin;
+    margin-left: 1.5625vmin;
+    font-size: 1.5625vmin;
+    display: flex;
+    color: #701616;
+    align-items: center;
+  }
+  .task-popup .task-popup-header .to-reward image {
+    width: 2.08333vmin;
+    height: 2.08333vmin;
+  }
+  .task-popup .task-popup-header .not-reward {
+    opacity: 0.4;
+  }
+  .task-popup .task-popup-header.full-header {
+    background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltzgkkyr0wfj.png");
+    height: 9.89583vmin;
+    display: block;
+    background-size: contain;
+  }
+  .task-popup .task-popup-header.full-header .to-reward {
+    margin-top: 4.16667vmin;
+    margin-left: 0;
+    padding-left: 0;
+  }
+  .task-popup .reward-popup-header {
+    background: #FFEFD7;
+    display: flex;
+    padding: 1.5625vmin 2.08333vmin;
+    align-items: center;
+    justify-content: space-between;
+    height: 6.25vmin;
+    box-sizing: border-box;
+    border-top-left-radius: 1.5625vmin;
+    border-top-right-radius: 1.5625vmin;
+    color: #701616;
+  }
+  .task-popup .reward-popup-header.full-header {
+    border-top-right-radius: 0;
+  }
+  .task-popup .reward-popup-header .back {
+    width: 2.08333vmin;
+    height: 2.08333vmin;
+  }
+  .task-popup .reward-popup-header .title {
+    font-size: 2.08333vmin;
+  }
+  .task-popup .reward-popup-header .reward-close {
+    width: 2.08333vmin;
+    height: 2.08333vmin;
+  }
+  .task-popup .reward-popup-header .reward-close.hidden {
+    opacity: 0;
+  }
+  .task-popup .popup-content {
+    box-sizing: border-box;
+    margin-bottom: 2.08333vmin;
+    padding: 0 2.08333vmin 2.08333vmin 2.08333vmin;
+    min-height: 40vmin;
+    height: 100%;
+    background-size: 100% 100%;
+  }
+}