/*
 * @Author: whj 
 * @Date: 2020-08-27 10:59:24 
 * @Last Modified by: whj
 * @Last Modified time: 2020-09-15 11:26:51
 */
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
img {
  border: 0;
  vertical-align: top;
  pointer-events: none;
}
a,
button {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
button {
  border: 0;
  background: no-repeat 0 0;
  background-size: 100% 100%;
  color: #ffd2bc;
}
button.fn-gray {
    filter: url("data:image/svg+xml;utf8,#grayscale");
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: gray;
            filter: gray;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
a {
  text-decoration: none;
  -webkit-transition: -webkit-filter .3s ease-in-out;
  transition: -webkit-filter .3s ease-in-out;
  transition: filter .3s ease-in-out;
  transition: filter .3s ease-in-out, -webkit-filter .3s ease-in-out;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html {
  font-size: 100px;
  -webkit-text-size-adjust: none;
}
button,
input,
select,
textarea {
  font-size: 100%;
  outline: none;
}
ul,
li {
  list-style: none;
}
body {
  color: #95c8b2;
  background-color: #173836;
  font: 0.24rem/1.6 "Microsoft YaHei", "MicrosoftJhengHei";
}
.bg-none, #container, .active-hero-title::before, .active-hero-title::after, .ic-success, .ic-wait, .m-title-mini, .unlock-title, .unlock-name::before, .unlock-vedio, .gift-title, .d-close, .area-value.sel:after, .area-tips::before {
  background: no-repeat 0 0;
  background-size: 100% 100%;
}
.ani-once, .d-msg, .d-bar, .card-canvas {
  transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
}
.fc-mark {
  color: #f6b044;
}
#app {
  width: 100%;
  max-width: 750px;
  min-width: 375px;
  margin: 0 auto;
}
.banner-bar {
  position: relative;
}
.banner-logo {
  position: absolute;
  left: 0.2rem;
  top: 0.6rem;
}
.banner-logo-pic {
    width: 1.13rem;
    height: 0.89rem;
}
.banner-year {
  position: absolute;
  left: 1.52rem;
  top: 0.7rem;
}
.banner-year-pic {
    width: 1.14rem;
    height: 0.76rem;
}
.banner-bg {
  width: 100%;
}
.banner-login {
  text-indent: -9999px;
  position: absolute;
  left: 50%;
  margin-left: -1.13rem;
  bottom: 2.9rem;
  width: 2.26rem;
  height: 0.68rem;
  background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNjc2RjVGOUVGMjIxMUVBQTEzQjgzREM4MjY2NDU2MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNjc2RjVGQUVGMjIxMUVBQTEzQjgzREM4MjY2NDU2MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE2NzZGNUY3RUYyMjExRUFBMTNCODNEQzgyNjY0NTYwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE2NzZGNUY4RUYyMjExRUFBMTNCODNEQzgyNjY0NTYwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABQUFBQUFBQYGBQgIBwgICwoJCQoLEQwNDA0MERoQExAQExAaFxsWFRYbFykgHBwgKS8nJScvOTMzOUdER11dfQEFBQUFBQUFBgYFCAgHCAgLCgkJCgsRDA0MDQwRGhATEBATEBoXGxYVFhsXKSAcHCApLyclJy85MzM5R0RHXV19/8IAEQgARADiAwEhAAIRAQMRAf/EABsAAQACAwEBAAAAAAAAAAAAAAABAgQFBwMG/9oACAEBAAAAAOe4tgmBkbbP+fwgA8er8sre0zFUWV2HtrIrKxWEYPYuWLpmJX29raCcnZNNWJqIwOwcti5PpWMzv3z3jxm23+43fKNdbyCNf2Hli4m1dn0/U5fKX3n0255v8bWAa7sPLYukj0y+s4uv5rT6b7/4XD0CBNMDsPLViLVXoe3pjJraARruxcm8boWolPpuMvQYsxaBMRido1HmAFhUAI+h/8QAGQEBAQEBAQEAAAAAAAAAAAAAAAEFAgME/9oACAECEAAAAMWgAYu3QAXD2glAuJtCSpaXE2hPPtx30XE2hPH0vn6dFxNoIoOsPboALie9AA+X/8QAGwEAAgMBAQEAAAAAAAAAAAAAAAECAwYFBAf/2gAIAQMQAAAA+uMAUZgBn9HMAQwHDO6G0S8V9vk9jZDOaG0VWT7nvz2huZDOaG0Ks71LeBofYEM5obRQz3Uv5fW9AQzmhtERbTYQznfmADSYRz/rYANABzv/xABFEAABAgQDBAYFCQYFBQAAAAABAAIDBAUREiExBkFR0hQWIjJTkhMVQnKyNGFicXOBkaGiJDM1UlSxBzZXgvF1lLPB4f/aAAgBAQABPwCr1eqS1UmYMGZdgxPIBe7LtEbivXNb16Tl7z+ZeuK1/Vfm/mXreuDWZsPefzIVitnPpWXvP5l64rdr9K/U/mXriuZftOugxP5kKtXCbCa+vN/MvXFa/q8/efzL1vWxrNW/3P5l64rmvScuJc/mQrFcJymfzfzKXrFTbGb0mO4wjcOLXvDhfeAXblKGpRZ+DLTVaZAhRxeBMgRHw38NXi3/AKKr0jVKK+DLsrYmpuIRaAyHEBAPE4ypqp1OXDYAnMUcG8V4e8sH0G9rO28r1xWxrM/qfzL1vXNRM3+pz+ZCr1s6Tf6n8y9b1zMdJzG7E/mXrit69Ky95/MvXFb/AKrLjifzL1xWwbGa/U/mXreub5nLjifzI1itDPpX5v5l64rdrma/U/mXrit75r6u0/mXrys+lgMdNGz3tabPfoT7yknOdJyjnElxgsJJNyTZVn+NzPDtfG5MYAOLSsAb87Sg0DsnNuoRhg7tPZCEA95wA4ArC0XzBKIb85/ILAfmaEGN0a25XoxvzPALDiyDrDgsDb2DCSpWM1kN0tMwC+VebkDvMdpjZffxGhUaJCl/SMl45jR3i0SZzybphbisRcan7lhHdPbXo/5c+IWFvulFh3tBHEIBv/OawNJuLIwS3ddpXo2jI5j+yIDsz3RoFgHecsA7zh9QRZlid9wUZoEeWP8ANGh/EpH5FJ/Ys+FVjKtzXDtX87kzIcWld3I90rTsuQxaaOGiDWvBOd94Ctwhkrt6ZNWFoPaJuocKNMRIcCDAfEiRHBrGQgXOc46AAako7L7U79mqoRx6JF5U3ZmsPp1UnnS+ESEWHCmIDw5swwxdDgIVT2arNFpslPVGE2AyacRDgveBHAA1LNQFZgF8RTiSBiNhuClJGeqEUwJKSjzETCXeigQ3RH2G8hoJsuq+1Vv8tVQDgJOLyrqvtS7XZmp2+eUi8qdCfDiRIbmvhxGOLXteC0tINiDwIXaOrQ76v/isD7DgiMBwtPa48FrkO6MyV3szk0LXtHTcF9J2u4J2WbsyVGB9LLXOfpofxBSPyKT+xZ8KrFxW5o+98bkzLPVpWmR7pzBVr9k6jRd4fSCvo8ferh+pK13h/wCRViMh5SqTUHUqqyE9CgCK+XjseILiRiLToC1QYUCk1KWrE9tdPwIE3D9JI0uoTkWC1sUtLiI5cT2GqhPnqPtLOV2b2y2ajMnCemQYU9m5u7AMPeZuVblKTIU6YrcvIzW00SfZE/b5h+ODLMO4tZmHNTSMsIzW/LN28qgRmQaiMW0EekMdDeHzsFr3uG/DaGQSCUJum/6z1T/tZvnWzEzIOr9LDP8AFSo1F5jC0m+XmmtjfRJe8hV3tV+uan9vmP8AyFDgXADgEX4QbHJaC3tFW9kfeVkfdC17RGWgC+k7XcE7LM94qKLRpa+pjQ/iCkfkUn9iz4VWLitzR9743Jlh87StOydNQVmeye8Ff2hqNVkDf2Shrh3g3COF1+zmOCH0Yn3HJUqsztCnmT8tCgujsY5rHRWB4aXC1xwIUzP1ePQNmajB2VlK5OTkKZM3MTEgZt4wRbMzZojUNqP9KqYR/wBEiLaaq1ah0/ZSbkZWHRJ2bgzJmoErAEu0uBaBjYU6JEiue55JiPJL3k3JJzJKtcEC+H8ytk6xJ4W02clNnYDWNcYczUJIxnvcXd1z7gADiVT5uM/aWTpE3slsxGlnRGCNMyUiIjGh4y7egJ4FTEKtStaMWhbNbMMpzLRIVSiSzYQheycTmuBDmlbZViBOTL5GFBosa0VsZ07T5UwXveQbtc9xNxcoWza0Z21WV/otV7XcdTorW7I1Oq1yHdGpWuZ7oyAX0jruCtaxdqVFziy3ER2f3CkfkUn9iz4VV/45M/7r+dyZYe6Vb2fwWo+kFexDgMjqFbVvHMJueA7wQEXOJIH5ZK1xmzP8CVTaf6zmxLCoSspdpd6Wbieihi24mxWzzZqQgerqhtpRn04QXQ4fRaiYMaASceJha1uI3/mVHlJqXqbI1V/xIlo0lDu4QYdYiYohHda7TLiq9TqjtDMtiTW2mzggw3xDAgidJ9EIhuRiLLuTw6G+Iz00N2FxGJuYdY6g2zBRPGISqXVdm6bJQnP2cM/Ug44nzEQ+gAvlZg1y1BVJqtSmZqkT9S2tocrTIVo5psvEEJzcrhhh21BUntT0aZqktMSrahSJyZiRXSsXK2JxONh1Y5VmBs02DBj0Sam8cR5xy0aGCYQ+0BTXuzvwOat3W/eVfMu3DILQX3uVvYH3lZH3Qhmbn7gndpp4gqN+/l/njQz+oKR+RSf2LPhVY/jU0fe+Nyh2s1p3r6J1Givo4a71kDb2XLcRvCB7TXbjqsbzoT9ytbvOARe12R/EowwNWn6xmrDxPxCDRxYoUJ8aI2HDYwuOijwHQMLhFhPYbhr2ZgkajTUIkHWISsDRmW2+tF7SMOgWE6tN/qTXm9nZ6q+XzuWRNtw1WLV2/QLQBo1KydkO63MpxvhdwR7zhuIUX97KfbM+IKR+RSf2LPhVdiBtamc97vjcmzLLk4hkukMLQcQuF0lmuIWOq6QzNuIcQulMydiHApswwOtiHELpQdljXp2b3gLpUMd0j60JhozL7LpYcdQoUUxojYUIBzzwsP8AgDeVKxJeJF6GyoQoUM/KJh7g3EBubfcqmKbIkOkp2BMS0SwiQREaXAjeFHiNhBrmxcUF98DxlpuPAjeF0hrcw8fWukwjqQCvTt3OBTZoXsXrpLMziGWQXSGWADhmukw794WC6S3XELldJY3DZwXSGdoYgnTLLNOIJ0VrpiXAcP3zP7qRt0KT+xh/CpjZqmzMeJHih7nvcSb4Tqb7wuqlI8I+VnKuqlI8I+VnKuqlI8I+VnKuqlI8I+VnKuqlI8I+VnKuqlI8I+VnKuqlI8I+VnKuqlI8I+VnKuqlI8I+VnKuqlI8I+VnKuqlI8I+VnKhsrSm3sxw+5nKuqtJ8M/gzlXVWk+GfwZyo7LUq1sDrcLM5V1UpHhHys5V1UpHhHys5V1UpHhHys5V1UpHhHys5V1UpHhHys5V1UpHhHys5V1UpHhHys5V1UpHhHys5V1UpHhHys5V1UpHhHys5V1UpHhHys5V1TpNwQxwIIsQGcqgw2wYUKE0ktYwNBOtgLL/xAAqEQABAwEIAAUFAAAAAAAAAAAAAQIRAxMUIDJRU3GRBCEiMaEQQVJhgf/aAAgBAgEBPwBtGirGKtNvtohY0dtvSFjR229IWNHbb0hY0dtvSFjR229IWNHbb0hY0dtvSFjR229IWNHbb0hY0dtvSFjR229IWNHbb0glGjtt6QdmdyNyN4QkkkkkkkkkkkkRR2Z3I3I3hMPq0X6w78VwoOzO5G5GcJgUnzT1IILzBKTncomBB2Z3I3IzhMMrp8DRxK/obgQdmdyNyM4TAp918vgZ/RxCrqN9sCDszuRuRnCYYETGg7M7kanoZwhBBBBBBBBBBBBA7M7kvlVERIaXyro0vlXRpfKujS+VdGl8q6NL3V0aXuro0vlXRpfKujS+VdGl8q6NL5V0aJ4yro0XzVVk/8QANBEAAQMCAwQIBgIDAQAAAAAAAQACAxESBCFUFUGSkxMgIjEzUnFyBRQkUWGBEDIlQkTB/9oACAEDAQE/AGtZQAYaDIDMsqSrW6bD8tWt02H5atbpsPy1a3TYflq1umw/LRDR/wAsHLCZY8A/Kwj8dGFa3TYflq1umw/LVrdNh+WrW6bD8tWt02H5aoyo+lw/LUlBJIATk4pncFRZKioqItrvQB3iioqfxRUTh3eql8ST3FM7h6D+f2nODQS4gAZ1KPxDDZFszH5gdkg0qaV9Fh52Yhl8ZJbcRUj7J72xsLnODWjMkmgC+fweri42oEOAOXqOo/uHqpfEk9xTO4eg6k7Q+GRtaXNITe22b6V3bZYDEzs5H+x/a+FF7mPL3jvt6MCgZbuWJqYZAIhJl/U7/wAKZsnRyf4qJvZPaubl+cgsP4MftHUcpfEk9xTO4eg6k8bZYnscTRwpkaJkWH7QdjXxkOcLBJaAAV8MjYIjIDVxJBdWpcA40WPYXwG10gIINI3Wkp/Rh1HT4gsLKkX1NTuWBYY8OwEvzzo81I/HUcpfEk9xUf8A51JXWRuda51BWjRUlO75i3Bv7WbbmAkErAOAZ0YhlbaP9hSqxUcsjA2OTo8+0ablDhA90gZE+MACjnDMuBJqsP0vRDpQA8HOh6jtyl8ST3FM7v0OoRVWg7kBRfpAdV25S+JJ7imuAyruCvHmV48yvCvHmV4+6DhvIRcPurx91e37q8eZXjzK8eZFwNM96l8ST3FD4lJQfTwH8li2lJpoOBbSk00HAtpSaaDgW0pNNBwLaUmmg4FtOTTQcC2nJpoOBbSk00HAtpSaaDgW0pNNBwLaUmmg4FtKTTQcC2lIM/loOBOcXOc495NV/9k=);
}
.banner-user {
  position: fixed;
  z-index: 9;
  left: 0;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  line-height: 0.5rem;
  text-align: center;
  color: #ffc662;
}
.banner-link {
  color: #95c8b2;
  margin-left: 0.1rem;
}
.banner-area {
  color: #95c8b2;
}
#container {
  padding: 0 0.4rem;
  background-image: url(../../static/img/container-bg.jpg?v=eb137ae);
}
.part, .active-bar, .unlock-bar, .gift-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.active-title {
  width: 5.08rem;
  height: 1.97rem;
  margin-bottom: 0.35rem;
}
.active-title-next {
    color: #4bf5a3;
    margin-bottom: 0.2rem;
    width: 100%;
}
.active-gift {
  width: 1.8rem;
  height: 1.8rem;
  background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNUY4MDQ4M0VGMjMxMUVBQkE0RUM2OTZGRUQ1RTY0RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNUY4MDQ4NEVGMjMxMUVBQkE0RUM2OTZGRUQ1RTY0RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA1RjgwNDgxRUYyMzExRUFCQTRFQzY5NkZFRDVFNjRGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA1RjgwNDgyRUYyMzExRUFCQTRFQzY5NkZFRDVFNjRGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/b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) no-repeat center center rgba(0, 0, 0, 0.2);
  background-size: 1.5rem 1.5rem;
  border: 0.01rem solid #976e2e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.3rem;
}
.active-gift-pic {
    width: 1.28rem;
    height: 1.28rem;
}
.active-hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-bottom: 1.32rem;
}
.active-hero-skin {
    width: 2.8rem;
    height: 3.8rem;
    background-color: rgba(0, 0, 0, 0.2);
    border: 0.01rem solid #976e2e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 0.5rem;
}
.active-hero-pic {
    width: 2.31rem;
    height: 3.42rem;
}
.active-hero-info {
    width: 3.6rem;
}
.active-hero-title {
    color: #4bf5a3;
    font-size: 0.28rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1.3;
}
.active-hero-title::before, .active-hero-title::after {
      content: "";
      width: 0.19rem;
      height: 0.19rem;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAAaVBMVEVL9aNL9aNL9aNL9aNL9aNL9aNL9aNHcExL9aNL9aNL9aNL9aNL9aNL9aNL9aNL9aNL9aNL9aNL9aNL9aNL9aNL9aNL9aNL9aNL9aNL9aNL9aNL9aNL9aNL9aNL9aNL9aNL9aNL9aNL9aOcwyqpAAAAInRSTlMBmustL5QzAO/qkZkCD5IdLKtX/Fk0y1PV2coQx+7IHGT5BbPSgAAAAI9JREFUGNNd0NkWgjAMBNApVkKxCIj7hs7/f6StbXqUPM25L0kGouNLggZ7HpZmHd3wb7bihW71a4GMN4pQgmCTEYWkIJQ60yki0+3IqyL6iiPEP0nevWCk64E1m1pkP3HaidQPbhHWZXxHagLFHRnnL7VIt0Q8SKF0c0Kl/FvEl5J2EJBKpauALZad4lTiB3IVDlYxAfBWAAAAAElFTkSuQmCC);
}
.active-hero-title::before {
      margin-right: 0.1rem;
}
.active-hero-title::after {
      margin-left: 0.1rem;
}
.active-hero-status {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAABSBAMAAACS3yhTAAAAGFBMVEVL9aNHcExL9aNL9aNL9aNL9aNL9aNL9aOz8p+4AAAAB3RSTlMBAJaJlZeIG7+nOQAAAGBJREFUKM9jEBQUYBQUZBAUZHEAUQLuJYxAiqW8XEGQQcC9vLyIkQHIAXIZmEBUAIOAenl5KSODIJAbANKgXgrSIMikADYFahgIEKDEDMFUejGYModQwoZ00j7qaWp4GgCZTkC1k3JXfQAAAABJRU5ErkJggg==) no-repeat left center;
    background-size: 0.12rem 0.82rem;
    padding: 0.1rem 0 0.1rem 0.28rem;
    line-height: 1.5;
}
.active-hero-desc {
    margin-bottom: 0.1rem;
}
.active-hero-side {
    margin-bottom: 0.48rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.active-hero-side-desc {
      width: 6.1rem;
}
.ic-success, .ic-wait {
  display: inline-block;
  width: 0.26rem;
  height: 0.26rem;
  margin-right: 0.05rem;
  margin-top: 0.06rem;
}
.ic-success {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgzQzk5OTRFRjQwNDExRUE5RUMxQzE4QzkyNTkyRUI5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgzQzk5OTRGRjQwNDExRUE5RUMxQzE4QzkyNTkyRUI5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODNDOTk5NENGNDA0MTFFQTlFQzFDMThDOTI1OTJFQjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODNDOTk5NERGNDA0MTFFQTlFQzFDMThDOTI1OTJFQjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4+Xjr7AAAC/0lEQVR42mL8tsGFgYaAEYjNgfgEy8J9r/7TwgYeTmYGWy0+hm8//zEoiLEzsoAEq5f8M6GmJbOzBWzdDDmamJkYeK89/gYWY6G2T9ZWCPmZqbLVMDIyMIH434E+orpFQEv8zdXYaqBxAwY/fkMsYqKWJbOyBayBPqlGtgQEmJkYqWdRoR+PkrshRyssuJCBADcLdSxSk2bhyPbi7gBGPA82eRkRNrA9FFu0qECwiIONUQmb3P//DH+fvfsFYnJTZFF/Mr+xjDBzIDa5P38ZXi3Y+y3p+I3PIO5nsi1SkWRh9zPjqEWPfBD48uP/1bzZH2Jrl326ChMjO3nPzRVIYWdllMFiyZWYvnfZZ+78/oosjuEjQR4m5iWFgq74LIl14JJUFGeJRhf//uv/nfgJ73PQLcGwqC6cV/NEt+hiB1329u31wtE4k7M/Tw4we7Ahi/368/9V7dJPeSdv/fqCTQ8TLLyPdIjmp7pxL+BmZ1QDienIseZPSOHHKANrwnjVxfiZ3JDF/v1n+DFvz7fCFYe/v8LlOCZeYCm7s0F4lYIYcywwwzHDy3dg5guw4GyPtOMUR9YQas2Zgp4Ajlz71dyy6vNNfMHN9Pn7X4Y5u7+Vfvj67xi6JAsTg2BDJF830BHgYCoP4lUV5mVyQFbz6M3fVVG973YSSjzgoGtf8/mWTu6rvINXf1b9+cfwEVkBMCi1VpUJVUB8wxGN7BtgCrsW1P6un5hUipIYonvf76pe/CkalESRxaWEmP32NoskiwkwuyLFy7f+jV+qX7z/+5tki0Bg6cFvLzwa3qS9/vRvF7K4ujRLJjClscP4p2796pm58+tjYvMd1pLhwau/v0yLX1WDwh+b/NvP/w6GdL7bREoGx1kEAcuq/1Zlr7uAli5BFv/7j+FT44rPHaSWJATLOofq1xOfvfu7DsY/c+fXxHXHv7+mukUgnznXvukABtchYCK5HN5NWpCRVKh+/v7/X2jXuypPIw5JkMVkNfCm5+nRpF2HDOKdxBgBAgwAxrMUFv09J1oAAAAASUVORK5CYII=);
}
.ic-wait {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhDOTRERjExRjQwNDExRUFBRUE3RUI1NDYyNUY3MEJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhDOTRERjEyRjQwNDExRUFBRUE3RUI1NDYyNUY3MEJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEM5NERGMEZGNDA0MTFFQUFFQTdFQjU0NjI1RjcwQkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEM5NERGMTBGNDA0MTFFQUFFQTdFQjU0NjI1RjcwQkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56JqaEAAAA9klEQVR42mL8//8/Az0A4/Q8PZrblDHxIiMLiFG95J8JrSxpjWE6A6KZGOgERi0atQgOWIh2ETMTk5KxshE7F5vkz2+/nt87e/fcv7///lHVIgkVCSl5PfkeJhZmNZiYsIzQrYeXHpa8uPPiGVWCDuQTOT35LmRLwOJAPkicmZWZiSoWKRkrGTKzMGtgkwOJKxoqGlLFInYudklK5Im26Oe3n88pkSfaontn753/++fvDWxyQPGb98/fP08Vi0BJ+NHlR2XoloEsAYqX/v399x/VkveL28+fvbr3Mo7m+Qjmszunbp8ZLetGLRpi9RGsSURLABBgAJBPbAuy/SGLAAAAAElFTkSuQmCC);
}
.m-title-mini {
  text-align: center;
  background-image: url(../../static/img/title-bg.png?v=d2c8e2b);
  width: 6.88rem;
  height: 0.88rem;
  color: #4bf5a3;
  margin-bottom: 0.26rem;
  padding-top: 0.08rem;
  text-align: center;
  line-height: 1.7;
}
.m-title-label {
  color: #ffc662;
  margin-right: 0.1rem;
}
.m-btn {
  width: 1.8rem;
  height: 0.62rem;
  line-height: 0.62rem;
  background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0NzE1NTg0RkVDMUExMUVBQjhBNENCMDU4Q0NEMTIyOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0NzE1NTg1MEVDMUExMUVBQjhBNENCMDU4Q0NEMTIyOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3MTU1ODRERUMxQTExRUFCOEE0Q0IwNThDQ0QxMjI4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ3MTU1ODRFRUMxQTExRUFCOEE0Q0IwNThDQ0QxMjI4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/b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) no-repeat 0 0;
  background-size: 100% 100%;
}
.unlock-bar {
  margin-bottom: 1.2rem;
}
.unlock-title {
  width: 4.81rem;
  height: 1.97rem;
  background-image: url(../../static/img/unlock-title.png?v=0e1525e);
  margin-bottom: 0.48rem;
}
.unlock-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-bottom: 0.8rem;
}
.unlock-item {
  width: 1.94rem;
}
.unlock-name {
  text-align: center;
  color: #f6b044;
  font-size: 0.28rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.2rem;
}
.unlock-name::before {
    content: "";
    width: 0.18rem;
    height: 0.26rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAaCAMAAACNQ/wIAAAA+VBMVEVHcEz2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sET2sESE8c4tAAAAUnRSTlMA0wIg+j0Y/gTSmPGscO/4pQzLgsV0V3O2XuQGPjN1rerQT2ir1L+LDx6kii0yVlsiUNsr+WMQRg1uJDkcfxb93geSubj80X72O/DIMJaBUglMFLSIBAAAAOtJREFUGNNdz9dawkAQBeBJCKRIV0BREHvvClgAe6/n/R/Gs5vsBjg3mfy738ysiM5n4yv6/vkVm7cP6Ly/3CVSe4LJXE7LJcvXqP7XeGYRVihn54CTUWfugHbPIg8Ub5IWEeBlpOsBs2bOkD816fFy1s6uAo9yQdq39MABUietWrrlHrLjA+tGrqEbbwL+SSx9Bxhxn0OeeO1FSmuFZZlFcKpeUpxfDtW3dKWuH2EsW7qDG6bSrMRdl3xLC2Z22UjVNZSbSSh9mRRiyacigaMXOB4jyaoJezKRXaCzPUmcsCZTKWwE0xQcmOof+RI5TchYKtYAAAAASUVORK5CYII=);
    margin-right: 0.14rem;
}
.unlock-address {
  text-align: center;
}
.unlock-ft {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.8rem;
}
.unlock-vedio {
  width: 4.5rem;
  height: 2.25rem;
  background-image: url(../../static/img/video-default.jpg?v=c45e30a);
  border: 0.04rem solid #3c2d1e;
  -webkit-box-shadow: 0 0 0.01rem 0.01rem #7c5627;
          box-shadow: 0 0 0.01rem 0.01rem #7c5627;
  position: relative;
}
.unlock-btn {
  position: absolute;
  width: 0.68rem;
  height: 0.68rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAC3FBMVEVZQylbRCm4hTn2sET2sESoejdvUi1HcEx6Wi+/ijrIkDz2sET2sET2sERdRiplTCvQlj6NZzLvq0OYbzR9XC9mTCvBizv2sETUmD54WS72sET2sETIkDz2sET2sET2sESqezf2sETfoED2sERbRSnsqUKHYzHVmT72sETTmD72sETPlT32sES/ijv2sERnTSv2sET2sESgdTX2sETnpUH2sESgdDXXmj+tfTf2sET2sET2sETtqkP2sERaQyn0rkTyrUPuqkNgSCrdnkDzrkPko0FsUCyeczX2sET2sESPaTL2sET2sETHkDz2sET2sET2sETgoUD2sET2sESdcjX2sET2sET2sETOlD32sET2sETwrEP2sET2sET2sESFYTH2sET1r0T2sETopkL2sET2sET2sESccjVyVC3JkTyBXzD2sET2sESVbTP2sET2sETSlz6SazN1Vy72sET2sERiSSv2sET2sETEjTviokH2sET2sETAizv2sET2sET2sETLkj32sETNlD32sET2sESvfzimeDakdzb2sESjdzbrqEL2sES3hDmQaTP2sETFjjz2sESJZDH2sET2sETFjjz2sET2sET2sET2sET2sETbnT/2sET2sET2sERyVS32sET2sET2sEThoUCygTjjo0GxgDhpTixoTizCjDuPaDKOaDJ0Vi7QlT32sET2sESGYjHTmD72sESidTX2sESidjb2sET2sET2sET2sESufjj2sERwUy1qTyz2sET2sERqTyz2sESvfjitfjj2sER/XS9/XjD2sET2sET2sER4WS5jSiv2sERfRyr2sET2sET2sET2sET2sETMkz32sERtUSzHjzz2sET2sESacDT2sESVbDP2sETDjTv2sET2sER8Wy9xVC32sET2sER+XS92Vy72sET2sET2sETmpUHlpEH2sET2sET2sET2sETgoUD2sET2sET2sET2sET1r0TG3neYAAAA8nRSTlPMzOj5/uPSANXq7QX9Ts3P8dr83tbP6wHy1BGZ7l1zPuNX9l7N+9nyB/Lb8A7r3NACSeAb+SDg8+QckJz8Esz+/fzO9f740eDue9t36e0sY8n2BNffUCri8GmH/Tz1otim/hn5D9Jb39Pu1/Fu3Yyw8dzUki/O9PPs975k6/roZ+/48OrB5eLiHeH6jejcgexZ2bHf7ZUMNYZ19dah4dO94y335vfm0NDr29vT8AgN2PGs4UjhR1qkheVG0tGlM9Ay5eWt1taPgxrVz5jNlhRm7G/v79HtxMPf8N0D7Pz21tLm7dbUnc+K+fiLzuAh9ysfGCtomS4AAAMhSURBVFjDvdhldxNBFAbgaZMmVaBCXWiqtKXugjsUKe5QoFDaIkWKuxZ3d3d3d3d3d3/5A2zanpw02Z2dTQL3Y3b2SbI7c+feIUpKpPn4LZ4x1WP+Im/fhQso44jQhSS/ZcuhFbZLU3zdJSHdho2XczemJsycNsEiekqiuecSNTSmT4tgViTmQgfuDuv4FUQr/N0mjeU+bdhgBwty47oMCO1hRvQjwqIiULdesBgSefMW4HmeCEX9bUDIEToS9xC4Y0loYc/9mo5hFMTuLlSPiFicbofwAYKItxzpA4l49OyLQVH8iEtvwIqwxWCM8OJDXDyAfoQ1hkM+igdpiy69CHtY4bmdHtIG6ESkRCW88NFB2svgSKTFM4yMKYW4t4IzkRqjMTRSGzmI1pINUn4IcrWQ/XA4Kh0hecjJ1CA2zXBY91tqsyjZ6KxBGsNV97Klg0UZcUQB+akSJCMEzfUQoNYWltmyuwQ5gCDCgwDl3MSQY7BtWYw0wT5+BFXMy4pOuf5FSCM0JQIIEBBvRkWcMM5GjVzkW7uWmjRfI5CquMJOjXRHIA0B0hUUpAJSOGQyuhI6gqrrqwsi7zCXQ2bBWgwBYh0rCymfEEeUyZgojgBBTgLIPHgR5UrMZkHwx3mjwEP5SJSroGBCgGq8K2E65hAbW/gzIsAae/2RL/GB/EYhYUa4lbBVd+Q9vCY/8UMKgpq6K+EKCshqqCQhQGGd0isBMAAJKI1cg4z8QqxxfycCb0gaUiU92Hzdka/wTdorXsfzit/iq2kmG/u037RBYNp/YV6ACdQFaGwq+IzvbElprXBSyi9KSlx63ElHrOnp8b0aOWSKRE3fMqLZtgxu89pj9OalzDJ8Gz2p2UYzwvk39M0sG/pZU5QWJ7SKnESDihxPrSJHGQUHhQHl1hPkXNIq/I4bWPjdNkUJ+tTYYthZtxg2oCy3gszH+AZBnvWPWhWTNE3F7dt9I9s3dSP5GKo8UeMMtZHkWtoHQPZleku7S6Sl5Zrr3AIuH54Tbq5DueZ6r2ibn3lVrM3fznLgkJRMO3AI+49HHyY6hJF4HPQXTksMTw0HBasAAAAASUVORK5CYII=);
  left: 50%;
  top: 50%;
  margin-left: -0.34rem;
  margin-top: -0.34rem;
  text-indent: -9999px;
}
.gift-bar {
  padding-bottom: 5.38rem;
}
.gift-title {
  width: 4.81rem;
  height: 1.97rem;
  background-image: url(../../static/img/gift-title.png?v=25f45a6);
  margin-bottom: 0.48rem;
}
.gift-ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 0.2rem 0 0.42rem;
}
.gift-li {
  width: 1.6rem;
  height: 1.6rem;
  border: 0.01rem solid #976e2e;
  background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/7AARRHVja3kAAQAEAAAAUAAA/+EDL2h0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8APD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpERTIzQzA1RkVGMjkxMUVBODY0NUYwNDQzN0FGMDMzQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpERTIzQzA1RUVGMjkxMUVBODY0NUYwNDQzN0FGMDMzQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2ODJDMzVFREVBOTYxMUVBODlFNEEyMjkxQkMyNjY1OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2ODJDMzVFRUVBOTYxMUVBODlFNEEyMjkxQkMyNjY1OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAUFBQUFBQUGBgUICAcICAsKCQkKCxEM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) no-repeat center center rgba(0, 0, 0, 0.2);
  background-size: 1.3rem 1.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gift-li-pic {
    width: 0.92rem;
    height: 0.92rem;
}
.gift-btn {
  width: 3rem;
  height: 0.62rem;
  background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODdFRDlGM0VDMUExMUVBOTUwRUIyRjQ4QUEwNzZBNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODdFRDlGNEVDMUExMUVBOTUwRUIyRjQ4QUEwNzZBNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM4N0VEOUYxRUMxQTExRUE5NTBFQjJGNDhBQTA3NkE0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM4N0VEOUYyRUMxQTExRUE5NTBFQjJGNDhBQTA3NkE0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/b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);
  margin-bottom: 0.56rem;
}
.gift-name {
  color: #ffc662;
  font-size: 0.28rem;
  padding-top: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  margin-bottom: 0.22rem;
}
.gift-name::before, .gift-name::after {
    content: "";
    width: 0.16rem;
    height: 0.16rem;
    margin: 0 0.14rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAclBMVEVHcEz/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmKKTZyEAAAAJXRSTlMAnvQDVcjuD/zFrAUzPVxdAtwBwkpMVvs2/qtCWVh1xHbHHAwb6onEnwAAAGhJREFUGNNVy1cOgCAQRdFnBTv23mX/WxSUKLyfybnJAO9IDWPEo5lp3utFeBjtvwiHERKbprrPr7ze8kMVFkgvnOeXLBXQUMvBRPlOEPsBET+uLPP6WRX2WxXNT+l0y9IaFqU0DRTq3pl9Bi6T2hn2AAAAAElFTkSuQmCC) no-repeat 0 0;
    background-size: 0.16rem 0.16rem;
}
.gift-code {
  width: 2.98rem;
  height: 2.98rem;
  background-color: #173735;
  border: 0.01rem solid #e0b156;
  -webkit-box-shadow: 0 0 0.01rem 0.01rem #7d5830;
          box-shadow: 0 0 0.01rem 0.01rem #7d5830;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gift-code-pic {
    width: 1.75rem;
    height: 1.75rem;
    border: 0.50rem solid #0c2523;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    pointer-events: auto !important;
}
#d-loading {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100%;
  height: 100vh;
  background: url(data:image/gif;base64,R0lGODlhJQAlAJECAL3L2AYrTv///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgACACwAAAAAJQAlAAACi5SPqcvtDyGYIFpF690i8xUw3qJBwUlSadmcLqYmGQu6KDIeM13beGzYWWy3DlB4IYaMk+Dso2RWkFCfLPcRvFbZxFLUDTt21BW56TyjRep1e20+i+eYMR145W2eefj+6VFmgTQi+ECVY8iGxcg35phGo/iDFwlTyXWphwlm1imGRdcnuqhHeop6UAAAIfkEBQoAAgAsEAACAAQACwAAAgWMj6nLXAAh+QQFCgACACwVAAUACgALAAACFZQvgRi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwXABEADAADAAACBYyPqcsFACH5BAUKAAIALBUAFQAKAAsAAAITlGKZwWoMHYxqtmplxlNT7ixGAQAh+QQFCgACACwQABgABAALAAACBYyPqctcACH5BAUKAAIALAUAFQAKAAsAAAIVlC+BGL3Z3IlxUmUuhtR2LzHhsiEFACH5BAUKAAIALAEAEQAMAAMAAAIFjI+pywUAIfkEBQoAAgAsBQAFAAoACwAAAhOUYJnAagwdjGq2amXGU1PuLEYBACH5BAUKAAIALBAAAgAEAAsAAAIFhI+py1wAIfkEBQoAAgAsFQAFAAoACwAAAhWUL4AIvdnciXFSZS6G1HYvMeGyIQUAIfkEBQoAAgAsFwARAAwAAwAAAgWEj6nLBQAh+QQFCgACACwVABUACgALAAACE5RgmcBqDB2MarZqZcZTU+4sRgEAIfkEBQoAAgAsEAAYAAQACwAAAgWEj6nLXAAh+QQFCgACACwFABUACgALAAACFZQvgAi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwBABEADAADAAACBYSPqcsFADs=) no-repeat center center rgba(0, 0, 0, 0.8);
}
.d-bg {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.75);
  display: none;
}
.d-bg.fn-show {
    display: block;
}
.d-msg {
  position: fixed;
  z-index: 100;
  left: 50%;
  top: -100px;
  width: 5.6rem;
  margin-left: -2.8rem;
  border-radius: 0.05rem;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
}
.d-msg.fn-show {
    top: 160px;
}
.d-loading {
  position: fixed;
  z-index: 29;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: url(data:image/gif;base64,R0lGODlhJQAlAJECAL3L2AYrTv///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgACACwAAAAAJQAlAAACi5SPqcvtDyGYIFpF690i8xUw3qJBwUlSadmcLqYmGQu6KDIeM13beGzYWWy3DlB4IYaMk+Dso2RWkFCfLPcRvFbZxFLUDTt21BW56TyjRep1e20+i+eYMR145W2eefj+6VFmgTQi+ECVY8iGxcg35phGo/iDFwlTyXWphwlm1imGRdcnuqhHeop6UAAAIfkEBQoAAgAsEAACAAQACwAAAgWMj6nLXAAh+QQFCgACACwVAAUACgALAAACFZQvgRi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwXABEADAADAAACBYyPqcsFACH5BAUKAAIALBUAFQAKAAsAAAITlGKZwWoMHYxqtmplxlNT7ixGAQAh+QQFCgACACwQABgABAALAAACBYyPqctcACH5BAUKAAIALAUAFQAKAAsAAAIVlC+BGL3Z3IlxUmUuhtR2LzHhsiEFACH5BAUKAAIALAEAEQAMAAMAAAIFjI+pywUAIfkEBQoAAgAsBQAFAAoACwAAAhOUYJnAagwdjGq2amXGU1PuLEYBACH5BAUKAAIALBAAAgAEAAsAAAIFhI+py1wAIfkEBQoAAgAsFQAFAAoACwAAAhWUL4AIvdnciXFSZS6G1HYvMeGyIQUAIfkEBQoAAgAsFwARAAwAAwAAAgWEj6nLBQAh+QQFCgACACwVABUACgALAAACE5RgmcBqDB2MarZqZcZTU+4sRgEAIfkEBQoAAgAsEAAYAAQACwAAAgWEj6nLXAAh+QQFCgACACwFABUACgALAAACFZQvgAi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwBABEADAADAAACBYSPqcsFADs=) no-repeat center center rgba(0, 0, 0, 0.75);
}
.d-bar {
  padding: 0.4rem;
  position: fixed;
  width: 6rem;
  margin-left: -3rem;
  left: 50%;
  top: -30rem;
  z-index: 10;
  background-color: #0e312f;
  border: 0.06rem solid #9b6a31;
}
.d-bar.fn-show {
    top: 1rem;
}
.d-hd {
  position: relative;
  text-align: center;
  font-weight: bold;
  margin-bottom: 0.4rem;
}
.d-hd::before {
    content: attr(data-num);
    font-size: 0.45rem;
    color: #000;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.d-hd-desc {
    font-size: 0.44rem;
    color: transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#fffd96), to(#ff6b02));
    background: linear-gradient(#fffd96, #ff6b02);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.d-close {
  position: absolute;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  bottom: -65px;
  border-radius: 50%;
  text-indent: -9999px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABcCAMAAADUMSJqAAABhlBMVEVHcEybajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajGbajEXODabajFZUTNZUTQuQTUYODZjVTNcUjNYUTRVTzRMTDSOZTJuWTMqPzWBYDI5RTU2RDVLTDRaUTMfOzYcOjZkVTNUTzRVUDQaOTYZOTaCYDJhVDNfUzNWUDRtWTNPTTRQTjR9XzJ8XjIdOjZlVTOAYDKOZTFSTjRRTjRgVDNvWTNmVjMeOzYpPzU4RTUvQTURXiToAAAAUnRSTlMA8LEf/QPxGhn+0lV5Au9Xw7Ix2zAvGGrBwNGIVon7o/qdM64IChAVho1Yf5KHOzptaYyLMpB62p+koMJUAfI01NN9jnJsZsSA3KKlHsrOyM2RdKrU1gAAA/FJREFUaN7F2mdbIjEQAOAFFV3svffee+/XvF7mEJEFRLD3rtfv/vnFBZGFTTIJy9181X3xWZPJZAZFwUXOQM/z3tr6+ifPXuQOZCuWRXZhX5Ht7urM49L29ra+/fh+5bcV9fVY8AljtU5/4Dy0DYbYDp2f+Z21Yyn9zXmTQc0NlHBrwck82b+/rLFpfQOYsbHe1FgmQZfbVd8BcOPAp9rLBemc5kzfGqBizZfZnCNA5w87vEha572Oynys/bbqxg1C4d6tysDZcwX7IBxawRyCzhpVN0EiNtWRLJ7d1uq5BqnY8bS2se2O6mOQjuPqDuYKrFmHFGK9hrEmO5e9kFJ4lztpdvuHLUgxtt61U9aJ/QRSjhO7+ZoZ8YAF4Rk1s3PVHSvwazU32c4o2ARLYrMgKRPMV2vRH65+vg+XiOfSH1l9yARV8wn48E3sV4V1ow1wM2y0KxxxeVBQT7TB7agw4FOG3SOkJ9lkL00ZzrRM49kgoJvYsJYZf7DafQmPoHUzG8BX/GiXqEmHGlI3twGOSmL463DyYyidZkN4OrZUGg5BSqfacNjwkHzzzJM4V6fbJLXnRfFSSl3F0Vk2bJRG7JYg7XGmzrQBgi063nUKEjrHhtMuHXcyKiCqzrPhT41+KKusyo2ic21YU+/XS12AuZRNdb4NEKgj+PgFiOoYGy7GCV4UAkEdZUOoiOC2bRDTcTZs28i9x89PfQYdaQP4s5XBSxDS0TZcDvIWS6KOtyFQqAzhSqGoLmCDZ0jpRR6VEV3AhtWXSj/2jrIqaMN+v9L9BcR0rA1fnwrgkfeNr2cIjn4trofX4sK/ll6XoI3WyT8UuRSja1CkFiNLEbeJYutbQCebCLX94/YOXifbH5O4DPsSrZPEhUi5CXseqd+nXP5hkZRPcLp+WPCOOZNchdIvPhG8MCBea2J0slhIaXEnUWvy9UhpwSyKqPmbq7udvHKOcTbw9Gg5Ry9EmecOR48WotQSmnOmMfVfr9jFP/e8ZOmx4j/H9NqCOIvp+mFDrMk7HZayGXr4zeNV8UjOputxV0Wl2Cdn0/T4S65SlnA9F6h9zHTj9VyZ8Uraprp3xtgSWXBL2ia6e8HYElEqd2XtZH23MrFlPqvJ2om6Npuf3ED7nbYGGrnVWdP62zFr/SlKtzVNy+5/325V2j+m3ih+305tcS+l2uJe6vw/zfn0jhXSOxBJ7yjnvpFu08RtzZaLG3FlVO2mbXxGslhl+gZ/0ZEl1hYcWeqN6eKjMGbYGg4Wiw5b9ZoANyaWnXJnT5TeMgbce7elEykN6Bcjo/mfRvenPpqvX7TkSwUrDr/hSwWOFUu+VBD7BJmvQ/wFkbQtLvdiC64AAAAASUVORK5CYII=);
}
.d-btn {
  display: block;
  margin: 0.2rem auto 0;
}
.area-item {
  position: relative;
  color: #62513c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0.01rem solid #22524f;
  background-color: #112b29;
  line-height: 0.7rem;
  width: 5.2rem;
  margin: 0 auto 0.2rem;
}
.area-label {
  width: 1.5rem;
  text-align: center;
  color: #95c8b2;
  border-right: 0.01rem solid #22524f;
}
.area-value {
  height: 0.7rem;
  line-height: 0.7rem;
  width: 3.7rem;
  padding-left: 0.3rem;
  position: relative;
  color: #ffc662;
}
.area-value.sel:after {
    position: absolute;
    content: "";
    right: 0.2rem;
    top: 0.25rem;
    width: 0.21rem;
    height: 0.22rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAMAAAAYXScKAAAAYFBMVEVHcEz/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmL/xmJUYhkZAAAAH3RSTlMANzQSYv3+8AOizs9kFEulWqQTZSX8Zjg8Px0XEeAGVaYUcwAAAIBJREFUGNNtzkkSgzAQA0BBEhiyEJN9g/n/L7FJyWYMOqn6IuEjyCNfuCZn6Vo4zVg6DWrZo9fLwbCcVfc/WJ5wE9qMEwIncsK2jEwsXnA1eSDW4Rm5J/pn7yoycVcAx8jEbdgjN3OMDIOJDZKfFv/8yHFiXSBwrVbQ830FgVuqI/MvDTj4jOnzAAAAAElFTkSuQmCC);
}
.area-ul {
  top: 0.71rem;
  position: absolute;
  z-index: 2;
  left: -0.01rem;
  border: 1px solid #22524f;
  background-color: #112b29;
  width: 5.2rem;
  border-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.area-li {
  padding: 0.2rem 0.1rem;
  line-height: 1.2;
  width: 50%;
  color: #95c8b2;
  text-align: center;
  border-bottom: 0.01rem dashed #22524f;
}
.area-tips {
  color: #ff4e30;
  font-size: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.area-tips::before {
    content: "";
    width: 0.28rem;
    height: 0.28rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVCQ0REMzU3RjFBQzExRUFBMEQ5QzYzNkQ5MjVEM0VBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVCQ0REMzU4RjFBQzExRUFBMEQ5QzYzNkQ5MjVEM0VBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUJDREQzNTVGMUFDMTFFQUEwRDlDNjM2RDkyNUQzRUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUJDREQzNTZGMUFDMTFFQUEwRDlDNjM2RDkyNUQzRUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5fpwNcAAACOklEQVR42rxWzS4sQRitqVfwCBJ/G3fYCVY37IwQ1yX+FmIyWz8rdtzVBMsJq4sbTIToJXaIHR0bLgtvIPMGxqlxun3adE/1xPiS09XVXf2dPl9Xn6pEse+HsogGoB/oAVqAOl5/Bu6AU+BYOe5jpUSJCoQjQAboUnZxAeRAvBeXsJVEafYfSwrelNxRmaLSFirvZyVMbJD41oZwHNgW/d9AvuzrOu7Hfio5jOO+uDKBMTtyiA6kmBRk67yfV7bhuHk+s84r23iJyTCFbcA1z/8ASyFpz4Cfol8PoqdPo1LJFRwX2WvHmJugwgzb1QiyclEIUbvEXDK3TzgKTPN8QcUJxy1E3PVyTUPxqCTMiAlSrEpR+ZcpMqfPofkLdAK3lhOkELMCeebuhMpWQzjAW0cqfjxZjvNyD2jhIheqdnHOttsQNrHz/4tVyXhg26gDRlyrkvpWqNU3hw4Yca3Cr6IW366pCmexLWmj9y21mJ22a96m8eASHDdt+Yz/J2j5j9SwpINsDzVd4JKOM2zx8BDtrwjn2Kg4OpX8xdyXZkH2ZmmO7T7LFRWSZAYJhyLIEsIuc9K8d/ltTGS/sJRZ/7s77m5wPfRUzgHLEUnSYqaaRAch6paZS+b+tKcx24G/PF8D5iOXq+Ce5r2MWUE2hXFbYXuardKAt5gFXiwnkpwgL2FkcbaJxhwc4AS4D7hTM9Br6IR5xNomyhgjcYelxisS/at2562E7aWopDmwwtxTuQOiikvcqwADACdtp5Yl9hj/AAAAAElFTkSuQmCC);
    margin-right: 0.16rem;
}
.btn-sure {
  text-indent: -9999px;
  width: 2.26rem;
  height: 0.68rem;
  background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3Mzc1RTVDMEVBOTUxMUVBODFGN0UzODZEODUwNDNCNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3Mzc1RTVDMUVBOTUxMUVBODFGN0UzODZEODUwNDNCNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjczNzVFNUJFRUE5NTExRUE4MUY3RTM4NkQ4NTA0M0I2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjczNzVFNUJGRUE5NTExRUE4MUY3RTM4NkQ4NTA0M0I2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/b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);
}
.alert-bar {
  text-align: center;
}
.alert-desc {
  color: #ffc662;
  padding: 0.2rem 0 0.5rem;
}
.alert-ft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.alert-btn {
  margin: 0 0.1rem;
}
.video-bar {
  position: fixed;
  z-index: 9;
  left: 50%;
  top: 50%;
  margin-top: -1.75rem;
  margin-left: -3.05rem;
  width: 6.1rem;
  height: 3.5rem;
  background: url(data:image/gif;base64,R0lGODlhJQAlAJECAL3L2AYrTv///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgACACwAAAAAJQAlAAACi5SPqcvtDyGYIFpF690i8xUw3qJBwUlSadmcLqYmGQu6KDIeM13beGzYWWy3DlB4IYaMk+Dso2RWkFCfLPcRvFbZxFLUDTt21BW56TyjRep1e20+i+eYMR145W2eefj+6VFmgTQi+ECVY8iGxcg35phGo/iDFwlTyXWphwlm1imGRdcnuqhHeop6UAAAIfkEBQoAAgAsEAACAAQACwAAAgWMj6nLXAAh+QQFCgACACwVAAUACgALAAACFZQvgRi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwXABEADAADAAACBYyPqcsFACH5BAUKAAIALBUAFQAKAAsAAAITlGKZwWoMHYxqtmplxlNT7ixGAQAh+QQFCgACACwQABgABAALAAACBYyPqctcACH5BAUKAAIALAUAFQAKAAsAAAIVlC+BGL3Z3IlxUmUuhtR2LzHhsiEFACH5BAUKAAIALAEAEQAMAAMAAAIFjI+pywUAIfkEBQoAAgAsBQAFAAoACwAAAhOUYJnAagwdjGq2amXGU1PuLEYBACH5BAUKAAIALBAAAgAEAAsAAAIFhI+py1wAIfkEBQoAAgAsFQAFAAoACwAAAhWUL4AIvdnciXFSZS6G1HYvMeGyIQUAIfkEBQoAAgAsFwARAAwAAwAAAgWEj6nLBQAh+QQFCgACACwVABUACgALAAACE5RgmcBqDB2MarZqZcZTU+4sRgEAIfkEBQoAAgAsEAAYAAQACwAAAgWEj6nLXAAh+QQFCgACACwFABUACgALAAACFZQvgAi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwBABEADAADAAACBYSPqcsFADs=) no-repeat center center #000;
}
.video-loading {
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(data:image/gif;base64,R0lGODlhJQAlAJECAL3L2AYrTv///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgACACwAAAAAJQAlAAACi5SPqcvtDyGYIFpF690i8xUw3qJBwUlSadmcLqYmGQu6KDIeM13beGzYWWy3DlB4IYaMk+Dso2RWkFCfLPcRvFbZxFLUDTt21BW56TyjRep1e20+i+eYMR145W2eefj+6VFmgTQi+ECVY8iGxcg35phGo/iDFwlTyXWphwlm1imGRdcnuqhHeop6UAAAIfkEBQoAAgAsEAACAAQACwAAAgWMj6nLXAAh+QQFCgACACwVAAUACgALAAACFZQvgRi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwXABEADAADAAACBYyPqcsFACH5BAUKAAIALBUAFQAKAAsAAAITlGKZwWoMHYxqtmplxlNT7ixGAQAh+QQFCgACACwQABgABAALAAACBYyPqctcACH5BAUKAAIALAUAFQAKAAsAAAIVlC+BGL3Z3IlxUmUuhtR2LzHhsiEFACH5BAUKAAIALAEAEQAMAAMAAAIFjI+pywUAIfkEBQoAAgAsBQAFAAoACwAAAhOUYJnAagwdjGq2amXGU1PuLEYBACH5BAUKAAIALBAAAgAEAAsAAAIFhI+py1wAIfkEBQoAAgAsFQAFAAoACwAAAhWUL4AIvdnciXFSZS6G1HYvMeGyIQUAIfkEBQoAAgAsFwARAAwAAwAAAgWEj6nLBQAh+QQFCgACACwVABUACgALAAACE5RgmcBqDB2MarZqZcZTU+4sRgEAIfkEBQoAAgAsEAAYAAQACwAAAgWEj6nLXAAh+QQFCgACACwFABUACgALAAACFZQvgAi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwBABEADAADAAACBYSPqcsFADs=) no-repeat center center;
}
#playCon {
  border: 0.06rem solid #9b6a31;
}
.card-bar, .card-ad {
  width: 290px;
  height: 440px;
  font-size: 18px;
}
.card-bar {
  position: fixed;
  z-index: 9;
  left: 50%;
  top: 50%;
  margin-left: -145px;
  margin-top: -220px;
}
.card-ad {
  position: absolute;
  left: 0;
  top: 0;
}
.card-ad.fn-hide {
    display: none;
}
.card-canvas {
  opacity: 0;
}
.card-canvas.fn-show {
    opacity: 1;
}
.card-pic {
  width: 1.94rem;
  height: 2.02rem;
}
.card-hd, .card-ft {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  opacity: 0;
}
.card-hd.fn-show, .card-ft.fn-show {
    opacity: 1;
}
.card-hd {
  color: #fff66b;
  top: 40px;
  padding: 0 30px;
}
.card-ft {
  bottom: 40px;
  color: #181004;
}
.fn-tips {
  position: fixed;
  z-index: 9;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 639px) {
html {
    font-size: 50px;
}
.video-bar {
    width: 13.34rem;
    height: 7.5rem;
    margin-top: -3.75rem;
    margin-left: -6.67rem;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
}
@media screen and (min-width: 1024px) {
.video-bar {
    margin-top: -3.1rem;
    margin-left: -5.5rem;
    width: 11rem;
    height: 6.25rem;
}
}