blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
del,
ins {
  text-decoration: none;
}
fieldset,
img {
  border: 0;
}
button,
input,
select,
textarea {
  font-family: Microsoft Yahei, Arial, Helvetica, sans-serif;
}
img,
input,
select {
  vertical-align: middle;
}
input,
select {
  outline: none;
}
ol,
ul {
  list-style: none;
}
label {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400;
}
address,
cite,
dfn,
em,
var {
  font-style: normal;
}
body,
button,
input,
select,
textarea {
  font: 0.7rem Microsoft Yahei, simsun, Tahoma, Helvetica, Arial;
}
i {
  color: gray;
  font-style: normal;
}
a {
  -webkit-user-drag: none;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
*,
a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body,
html {
  height: 100%;
  position: relative;
}
body {
  overflow-x: hidden;
}
.sy3387-page-home {
  font-size: 0;
}
.sy3387-page-home .sy3387-contianer {
  height: 100%;
  overflow: hidden;
}
.sy3387-page-home .container {
  height: 100%;
}
.sy3387-page-home .page {
  color: transparent;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.sy3387-page-home .page-in {
  height: 100%;
  overflow-y: auto;
}
@media (-webkit-min-device-pixel-ratio: 1.9895833333333333),
  (max-width: 980px),
  (min-resolution: 191dpi) {
  .sy3387-page-home .go-page-down,
  .sy3387-page-home .page1 .tip-648,
  .sy3387-page-home .page1 .tip-welfare:after,
  .sy3387-page-home .page1 .tip-welfare:before,
  .sy3387-page-home .page1 h1,
  .sy3387-page-home .page2 h1,
  .sy3387-page-home .page2 .tip-game,
  .sy3387-page-home .page2 .tip-serveropen:after,
  .sy3387-page-home .page2 .tip-serveropen:before,
  .sy3387-page-home .page3 h1,
  .sy3387-page-home .page3 .tag,
  .sy3387-page-home .page3 .tip,
  .sy3387-page-home .page3 .tip-contact:after,
  .sy3387-page-home .page3 .tip-contact:before,
  /* .sy3387-page-home .page4 .download-btns .btn-android, */
  .sy3387-page-home .page4 .slogan,
  .sy3387-page-home .page4 .sy-common-page-footer .link .logo,
  .sy3387-page-home .sy3387-download-bar .btn-download-wap,
  .sy3387-page-home .sy3387-download-bar .logo,
  .sy3387-page-home .sy3387-download-bar .tip {
    background-image: url(../images/mobile/mobile_all_bg.png);
    background-repeat: no-repeat;
    background-size: 33.1666666667rem 16.35rem;
  }
  .sy3387-page-home .pc-download {
    display: none;
  }
  .sy3387-page-home .page {
    color: transparent;
  }
  .sy3387-page-home .page-in {
    position: relative;
  }
  .sy3387-page-home .main {
    height: 100%;
    min-height: 31rem;
    overflow: hidden;
    position: relative;
  }
  .sy3387-page-home .top-bar {
    display: none;
  }
  .sy3387-page-home .recommend-pic {
    bottom: 0;
    height: 20.6rem;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 14.5rem;
    z-index: 2;
  }
  .sy3387-page-home .recommend-pic .pic1,
  .sy3387-page-home .recommend-pic .pic2 {
    bottom: 0;
    height: 18.244rem;
    position: absolute;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 10.444rem;
  }
  .sy3387-page-home .recommend-pic .pic1.act {
    height: 20.75rem;
    width: 11.8rem;
    z-index: 2;
  }

  .sy3387-page-home .recommend-pic .pic2.act {
    height: 20.75rem;
    width: 12.8rem;
    z-index: 2;
  }
  .sy3387-page-home .recommend-pic .pic1 .img,
  .sy3387-page-home .recommend-pic .pic2 .img {
    height: 100%;
    width: 100%;
  }
  .sy3387-page-home .recommend-pic .pic1 {
    left: -1rem;
  }
  .sy3387-page-home .recommend-pic .pic2 {
    right: -1rem;
  }
  .sy3387-page-home .page1 .page-in,
  .sy3387-page-home .page2 .page-in,
  .sy3387-page-home .page3 .page-in {
    overflow: hidden;
  }

  .sy3387-page-home .page1 .sort1 {
    right: -0.35rem;
    top: 1.35rem;
  }
  .sy3387-page-home .page1 .sort2 {
    left: -1.35rem;
    top: 8rem;
  }
  .sy3387-page-home .page1 .sort3 {
    right: -1.35rem;
    top: 11.4rem;
  }

  .sy3387-page-home .page1 .sort1,
  .sy3387-page-home .page1 .sort2,
  .sy3387-page-home .page1 .sort3 {
    height: 4rem;
    position: absolute;
    width: 3rem;
    z-index: 2;
  }
  .sy3387-page-home .page1 .sort1 .sort-logo,
  .sy3387-page-home .page1 .sort2 .sort-logo,
  .sy3387-page-home .page1 .sort3 .sort-logo {
    height: 100%;
    width: 100%;
  }
  .sy3387-page-home .page1 {
    background: url(../images/mobile/mobile_bg_page1.png) 50% no-repeat;
    background-size: 100% 100%;
  }
  .sy3387-page-home .page1 .bg-top-left {
    background: url(../images/bg-page1-top-leftbea78cd.png) 50% no-repeat;
    background-size: 100% 100%;
    height: 3.375rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 8rem;
  }
  .sy3387-page-home .page1 .bg-bottom-right {
    background: url(../images/bg-page1-bottom-rightcb0a758.png) 50% no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    height: 9rem;
    position: absolute;
    right: 0;
    width: 31.1rem;
  }
  .sy3387-page-home .page1 h1 {
    background-position: 89.9815611555% 21.6393442623%;
    height: 1.1rem;
    position: absolute;
    right: 0.8rem;
    top: 0.85rem;
    width: 6.05rem;
  }
  .sy3387-page-home .page1 .tip-648 {
    background-position: 0 0;
    height: 5.45rem;
    top: 5.5rem;
    width: 15.0666666667rem;
  }
  .sy3387-page-home .page1 .tip-648,
  .sy3387-page-home .page1 .tip-welfare {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .sy3387-page-home .page1 .tip-welfare {
    color: #000;
    font-family: Microsoft YaHei;
    font-size: 0.7rem;
    height: 1rem;
    line-height: 135%;
    line-height: 1rem;
    padding-left: 1.2rem;
    padding-right: 0.4rem;
    top: 12.6rem;
    white-space: nowrap;
    width: 14.2rem;
  }
  .sy3387-page-home .page1 .tip-welfare:before {
    background-position: 72.817047817% 68.0781758958%;
    content: "";
    height: 1rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.1rem;
  }
  .sy3387-page-home .page1 .tip-welfare:after {
    background-position: 77.6450511945% 30.0940438871%;
    bottom: 0;
    content: "";
    height: 0.4rem;
    position: absolute;
    right: 0;
    width: 13.6333333333rem;
    z-index: -1;
  }
  .sy3387-page-home .page2 {
    background: url(../images/mobile/mobile_bg_page2.png) 50% no-repeat;
    background-size: 100% 100%;
  }
  .sy3387-page-home .page2 .bg-top-right {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAhwAAADkCAMAAADkfg0TAAAAV1BMVEUAAABYWFhZWVlYWFhYWFhYWFhYWFhZWVlaWlpYWFhQUFBaWlpZWVlYWFhaWlpYWFhZWVlVVVU3NzdZWVlLS0s8PDxAQEBDQ0NGRkZJSUlISEhUVFRPT08dQb9eAAAAEnRSTlMAIN+gYL9Az2+QEO+vgDBQXzDUuzCxAAAJXklEQVR42uyd6XLaMBSFDxAIIW0ytbwI7Pd/zgLBHIi8b2i53596NK2jmXyVr45kCzi8bdbqkTxOoyjK4ssfV5I4jqMbaRxn5fVzsy6vj3Gc1DTzhqeyWVc01/x4F3oV+dQrXNl9XP0gRaZt/zXY2SsP5Tjztd+qJ/KivEdyPB7v9zge77d+br7fWh+PCf9lW3NW25w+/Xg2W92ryKdeAWT19tuP892FcMEj1wLk81cBIn4EC0x2G6MASSIhQEAa/dDiR3igjq+/70oeMGGDBlb7rfgRMqiDExgpQEIFrRze/qhncilAwgBdOHxvPiseMFrr6EaidVZeZ1onrc26pTllc9TQzH+ZRlekVxP2Ct3gBIbEhcTnFwKIzwf5ketE5BA5wBW6Z/JTculUmpbdvlxHJWOaEzanA5qlV6N7hR4wAJEZbhBgAAxASJFFgm+gNwxAJAHxHJBBfsgav8dgIAzIpADxFgyHO0DkAeMnmIJrgCpr/N6BsTAgkwLEN0Cm84PkhSSk7vYKZGo/WICIHG72ClPz9VHhh05EDgd7BTKhH+9KChAPwDys9u9KEhDXwRxwAUYSEJfBTDBglwTEWTAb9EMeMI6COaEfJuKH/WBW6McfJQWIc2ApDpV+5Cfxw16wBPTjs8KPeyaTZFkW8fquzZjmtE8zr1Pe8EW9SizoFRaFC7jmJkNJSK3rFVpZzI9E5LCsV1gU+rFWJnl+rNlAv0Cz+Vde2fzyHx+9SA4u4EoCYjd4CfRDZrgWg5dBPyRitxS8nB8/ZI3fQmADFz+kALEPWMLFDylALAP2cHmDXwoQm4BVXDagSgFiDbCNBz9cPMtBElKD2fxw7iwHkcNgOT/yQoscgctR+iEz3AH4W3M8+fHzgoNsMuxGWHKUL8BIAtKJ4OR49kM+pdxEiHLc/JACpI1A5aAfVcTyJcMr4cpBP15XgIT2EINbNPiRH2f/3aV5HJQfcI4mP+J03j2kxf1rvLKH1Fboh0kx51kO+kfBJJKE1GYMP5Y5yyEvSxyRw24a/TimUdNLZGyufv8rrW5ONNd4TmPeLRvfq5nfeHNdjjOrv2tFlkhATiGdBQDX4frcMjNc9YDvkxd4AP1YYJPhKaCjROAH9GP2TYaXmjSQ4QPeQD/mLUAypUI5iQg+QT/mLEAKdSaI4QOewfdfZitAUnUmiOED/kE/ZnnA3IaOEIYPeInhx6RnOaRNjy5JSB3A8GPCsxziRvNEDhdoGz8Gn+WQqEaKTORwgTY/hm0iYxLmd/UB7+H36SbcZKge8HfyghCgH9MkILehw/vhA4HwvVFk/KeUryG698MHgoHf1x6fgNxCdN+HD4QE/Rj7X/2WhHk+fCAweL7HqALkloR5PnwgPOjHiDX+29Dh9/CBIKEfrQlIzf59Tlh6Dh/yaoIDcHty4wOmIYvMFek+fEhC6gar/br116kbznJQPeCMSORwBW4PqiXP45pt/T3t4A3LAkReTbCdLy6/9E1AVH94RwcmMBC4PNdzhmvWpNt1L0Fs/zYRBMOPrpsMzRD9c/V2vo03gkAwluc6JyBmiP4OUI+O5NZ+3QwCCOP1bgWImYR94EcPLwSB8MSB8ViXAsQM0b/RRQ83TgCA0D8+5W+SQwfLDlCPIYJY9AE8CJV+vHdNtIzWLXDXw3FBIFSzYjzWREWI/tH+fYjOlY0kpLbCeKwfO4zRgxTHVOSwmF1PP1h2UI9RFHEhctgL44/ObIEJ9DDDlSQp3eB192ZeR+3/UmqOieIPk78AWW3UCChIEnVECtJ2lp/ekh2G6GHbah2E6aa3ZL3CQD1sWoyBMO30lmVHLz2sFATCPNOXPcbpYcNiDIS+7LpNX3aYRw+S/1qMETmsoMv0ZX3ArHqYWbvIYQkdpi9/gHn1MAWZ6NWEJPRXExbYvL5HjR5rNT3FKY0kIbWJltWXf/Vnom7VhFCQTOSwiabylGWHyeGbYk1JnpdGpJr1qta6vEy0Tqubs4dmkWMi6soPlh1LDSBczpWC1Bpq09M9yEIDCBdjRA5bqE5PP1l2LDqAcDFG5LADs/xg2fGCAYSCiBxWYKZjG5DlBxAuxogcFvCfvTvYURuGwihsO9gQIILK6iLv/6KVacUVivwLqmTikHP2s/t0iXPNMHn8OH30xwsMEFvGgGP9Xt9yXbz7qDQc8+wZEHCsXurys3D+fPpcL3n27As34PjJ9Ffn+v/i1S82QGwZM47j8w3pONpLsHHkJdiy2d3iu3vU1AApQHh9vlJ2un0+djQ3QMo/GQLHOtnHy/HsSi0OkH/v2vlqwkr5LvTuUaMDpADhgXS10nnp60VzLGPAseXE9ea5gPwGx3ZbcIDYMgYcm01t6eZbxoBjs4kt3XxAHG215QeIoy33MkDAQdUBAg6qDhBwUO01fRfAQdXSEMFBcksHDlJbOnCQHCDgIDVAwEFygICD1AABB8kBAg5S94TAQeqeEDio3q0L4CC1pQMHyTU/OEgNEHCQHCDgIDVAwNFoZ7d+ZYCAo8H8Ybh5t35piOBoLz/kY5/c+vlDF8DRWr7LOcfTL7d+qT+Co7EePHK43hv4hClbOnA0VeFROna3Bp5RU38ER0vZr/TEoYFHkDJAHDWT8ciX672FRxBqKB+zFbomDrnUTKnwsN4/5LbwUURLl0J+6c1Drg+h45Po+zu88Hj3kOtDzqHHx9c34WGHXK0DH3towsMOuVIHPnbRhIcdcpUOfOyjCQ9xyDUd+NhJwwsPecg1HVY48aLki/OChx1ypzrMED6+OD9kVTnkTnTgYzf5LqvskGs68LGfNA875JoOfOwozcMOuU8d+NhTisfrIdd0TIst3DUjtzQPdcgtOvCxr3zMb1Zw4GNnpZjfDh+7K4WMDxIrF3yQ4IEPEjzwQYIHPkjwwAeJ6x74IHHdY96u9wa+qkvzXffAB9VXLvggxQMfpHjM78PRV/SXBz8dShUe4KBqPoKDqiV+dJgEjwAOEisXcJDgAQ4SPMBBggc4SPAAB1UbAjhIXPcAB9V5gIPEygUcJHiAgwQPcJDgAQ4SPMBB1XwEB1VLERxULQVwkFi5gIMED3CQ4AEOEjzAQYIHOKjaEMBB4roHOKjOAxwkVi7gIMEDHCR4gIMED3CQ4AEOquYjOKhaiuCgaimAg8TKBRwkeICDBA9wkOABjj8bBXiSx2jiGAV4lnuMJo5RgHs+HwCMRmIzYWet6wAAAABJRU5ErkJggg==)
      50% no-repeat;
    background-size: 100% 100%;
    height: 3.375rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 8rem;
    display: none;
  }
  .sy3387-page-home .page2 .bg-bottom-left {
    background: url(../images/bg-page2-bottom-left696dad7.png) 50% no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    height: 9rem;
    left: 0;
    position: absolute;
    width: 31.1rem;
    display: none;
  }
  .sy3387-page-home .page2 h1 {
    background-position: 89.9815611555% 21.6393442623%;
    height: 1.1rem;
    position: absolute;
    top: 0.85rem;
    width: 6.05rem;
  }
  .sy3387-page-home .page2 .tip-game {
    background-position: 4% 48.0519480519%;
    height: 5.45rem;
    top: 5.5rem;
    width: 15.0833333333rem;
    background-size: 300%;
  }
  .sy3387-page-home .page2 .tip-game,
  .sy3387-page-home .page2 .tip-serveropen {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .sy3387-page-home .page2 .tip-serveropen {
    color: #fff;
    font-family: Microsoft YaHei;
    font-size: 0.7rem;
    height: 1rem;
    line-height: 135%;
    line-height: 1rem;
    padding-left: 1.3rem;
    padding-right: 0.4rem;
    top: 12.1rem;
    white-space: nowrap;
    width: 9.4rem;
  }
  .sy3387-page-home .page2 .tip-serveropen:before {
    background-position: 99.1159646386% 21.5217391304%;
    content: "";
    height: 1.0166666667rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.1166666667rem;
  }
  .sy3387-page-home .page2 .tip-serveropen:after {
    background-position: 94.4634313055% 51.1506276151%;
    bottom: 0;
    content: "";
    height: 0.4166666667rem;
    position: absolute;
    right: 0;
    width: 8.7833333333rem;
    z-index: -1;
  }
  .sy3387-page-home .page2 .sort1,
  .sy3387-page-home .page2 .sort2,
  .sy3387-page-home .page2 .sort3 {
    height: 4rem;
    position: absolute;
    width: 3rem;
    z-index: 2;
  }
  .sy3387-page-home .page2 .sort1 .sort-logo,
  .sy3387-page-home .page2 .sort2 .sort-logo,
  .sy3387-page-home .page2 .sort3 .sort-logo {
    height: 100%;
    width: 100%;
  }
  .sy3387-page-home .page2 .sort1 {
    right: -0.35rem;
    top: 0.65rem;
  }
  .sy3387-page-home .page2 .sort2 {
    left: -1.35rem;
    top: 8rem;
  }
  .sy3387-page-home .page2 .sort3 {
    right: -1.35rem;
    top: 11.4rem;
  }
  .sy3387-page-home .page3 {
    background-image: url(../images/mobile/mobile_bg_page3.png);
    background-size: 100% 100%;
  }
  .sy3387-page-home .page3 h1 {
    background-position: 89.9815611555% 21.6393442623%;
    height: 1.1rem;
    position: absolute;
    right: 0.8rem;
    top: 0.85rem;
    width: 6.05rem;
  }
  .sy3387-page-home .page3 .bg-top-left {
    background: url(../images/bg-page3-top-leftb7542ed.png) no-repeat;
    background-size: 100% 100%;
    height: 15.8rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 42.55rem;
  }
  .sy3387-page-home .page3 .bg-center {
    /* background: url(../images/bg3-wapd6e98f4.png) no-repeat; */
    background-size: 100% 100%;
    bottom: 0;
    height: 22.7rem;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 18rem;
  }
  .sy3387-page-home .page3 .bg-bottom-right {
    background: url(../images/bg-page3-bottom-right6ca3a36.png) no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    height: 9.3rem;
    position: absolute;
    right: 0;
    width: 27.7rem;
    z-index: 2;
  }
  .sy3387-page-home .page3 .tag {
    background-position: 63.1067961165% 22.0735785953%;
    height: 1.4rem;
    top: 2.5rem;
    width: 9.1333333333rem;
  }
  .sy3387-page-home .page3 .tag,
  .sy3387-page-home .page3 .tip {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .sy3387-page-home .page3 .tip {
    background-position: 0 100%;
    height: 5.9rem;
    top: 5.5rem;
    width: 10.8166666667rem;
  }
  .sy3387-page-home .page3 .tip-contact {
    color: #000;
    font-family: Microsoft YaHei;
    font-size: 0.7rem;
    height: 1rem;
    left: 50%;
    line-height: 135%;
    line-height: 1rem;
    padding-left: 1.3rem;
    padding-right: 0.4rem;
    position: absolute;
    top: 12.75rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    width: 11.5rem;
  }
  .sy3387-page-home .page3 .tip-contact:before {
    background-position: 95.3198127925% 21.5217391304%;
    content: "";
    height: 1.0166666667rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.1166666667rem;
  }
  .sy3387-page-home .page3 .tip-contact:after {
    background-position: 54.9211119459% 55.5439330544%;
    bottom: 0;
    content: "";
    height: 0.4166666667rem;
    position: absolute;
    right: 0;
    width: 10.9833333333rem;
    z-index: -1;
  }
  .sy3387-page-home .page4 {
    background: #161513;
  }
  .sy3387-page-home .page4 .content p {
    width: 8rem;
    height: 1.8rem;
    background-color: #00d9c5;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0.8rem;
    border-radius: 0.3rem;
    font-size: 0.6rem;
    color: #fff;
    text-align: center;
    line-height: 1.8rem;
  }
  .sy3387-page-home .page4 .content p img {
    width: 0.8rem;
    vertical-align: text-top;
  }
  .sy3387-page-home .page4 .page-in {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
  }
  .sy3387-page-home .page4 .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 22.55rem;
    overflow: hidden;
    padding-top: 2.8rem;
    position: relative;
  }
  .sy3387-page-home .page4 .sy-common-page-footer {
    -ms-flex-negative: 0;
    background: #000;
    color: hsla(0, 0%, 100%, 0.3);
    flex-shrink: 0;
    font-size: 0.55rem;
    line-height: 1.05rem;
    padding: 0.45rem 0.8rem 0.65rem;
  }
  .sy3387-page-home .page4 .sy-common-page-footer p img {
    width: 1rem;
    vertical-align: text-bottom;
    margin-right: 0.2rem;
  }
  .sy3387-page-home .page4 .sy-common-page-footer a {
    /* color: hsla(0, 0%, 100%, 0.3); */
  }
  .sy3387-page-home .page4 .sy-common-page-footer .link .line {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
  }
  .sy3387-page-home .page4 .sy-common-page-footer .link .logo {
    background-position: 40.076754386% 59.1578947368%;
    font-size: 0;
    height: 0.5166666667rem;
    width: 2.7666666667rem;
  }
  .sy3387-page-home .page4 .sy-common-page-footer .link a {
    color: hsla(0, 0%, 100%, 0.8);
  }
  .sy3387-page-home .page4 .sy-common-page-footer .link .hide-txt {
    display: inline;
  }
  .sy3387-page-home .page4 .bg-top-right {
    background: url(data:image/png;base64,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)
      50% no-repeat;
    background-size: 100% 100%;
    height: 4.4rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 9.925rem;
  }
  .sy3387-page-home .page4 .bg-bottom-left {
    background: url(data:image/png;base64,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)
      50% no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    height: 2.5rem;
    left: 0;
    position: absolute;
    width: 9.45rem;
  }
  .sy3387-page-home .page4 .slogan {
    background-position: 54.3494423792% 42.2053231939%;
    height: 3.2rem;
    margin: 0 auto;
    width: 10.75rem;
  }
  .sy3387-page-home .page4 .marquee-list-sort {
    height: 4.4rem;
    margin-top: 1.6rem;
    position: relative;
    white-space: nowrap;
    width: 100%;
    display: flex;
    align-items: center;
  }
  .sy3387-page-home .page4 .marquee-list-sort .list,
  .sy3387-page-home .page4 .marquee-list-sort .list-sort {
    display: inline-block;
  }

  .sy3387-page-home .page4 .marquee-list-sort .list-sort::before {
    content: "";
    position: absolute;
    top: -0.6rem;
    width: 100%;
    height: 125%;
    /* background-color: #f58220; */
    background-image: url(../images/scroll_bg.png);
    background-size: 7% 100%;
    background-repeat: repeat;
    z-index: 99;
  }

  .sy3387-page-home .page4 .marquee-list-sort .list li {
    -webkit-box-flex: 0;
    display: inline-block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 4.4rem;
    margin: 0 0.35rem;
    position: relative;
    width: 3.3rem;
  }
  .sy3387-page-home .page4 .marquee-list-sort .list .logo {
    display: block;
    height: 100%;
    width: 100%;
  }
  .sy3387-page-home .page4 .marquee-list-sort .list .name {
    bottom: 0;
    color: transparent;
    font-size: 0.7rem;
    font-weight: 500;
    left: 0;
    line-height: 115%;
    position: absolute;
    text-align: center;
    width: 100%;
  }
  .sy3387-page-home .page4 .marquee-list-game {
    height: 3.2rem;
    margin-top: 1.6rem;
    position: relative;
    white-space: nowrap;
    width: 100%;
  }
  .sy3387-page-home .page4 .marquee-list-game .list,
  .sy3387-page-home .page4 .marquee-list-game .list-game {
    display: inline-block;
  }
  .sy3387-page-home .page4 .marquee-list-game .list-game::before {
    content: "";
    position: absolute;
    top: -0.4rem;
    width: 100%;
    height: 126%;
    /* background-color: #f58220; */
    background-image: url(../images/scroll_bg.png);
    background-size: 7% 100%;
    background-repeat: repeat;
    z-index: 99;
  }
  .sy3387-page-home .page4 .marquee-list-game .list li {
    display: inline-block;
    height: 3.2rem;
    margin: 0 0.3rem;
    position: relative;
    width: 3.2rem;
  }
  .sy3387-page-home .page4 .marquee-list-game .list .logo {
    display: block;
    height: 100%;
    width: 100%;
  }
  .sy3387-page-home .page4 .marquee-list-game .list .name {
    color: #fff;
    position: absolute;
    top: 0;
  }
  .sy3387-page-home .page4 .download-btns {
    position: relative;
    z-index: 2;
  }
  .sy3387-page-home .page4 .download-btns .btn-android {
    background-color: #fff;
    background-position: 97.7369165488% 40.0722021661%;
    display: block;
    height: 2.5rem;
    margin: 2rem auto 0;
    width: 9.6rem;
    border-radius: 2.8rem;
    display: none;
  }
  .sy3387-page-home .page4 .download-btns .btn-android img {
    display: none;
  }
  .sy3387-page-home .page4 .download-btns .mobile-btn {
    background-color: #fff;
    background-position: 97.7369165488% 40.0722021661%;
    display: block;
    height: 2.5rem;
    margin: 2rem auto 0;
    width: 9.6rem;
    border-radius: 2.8rem;
    font-size: 0.6rem;
    color: #000;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-left: 0.8rem;
  }
  .sy3387-page-home .page4 .download-btns .mobile-btn img {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 1.2rem;
  }
  .sy3387-page-home .page4 .download-btns .btn-ios {
    display: none;
  }
  .sy3387-page-home .go-page-down {
    -webkit-animation: next-page 1.5s linear infinite;
    animation: next-page 1.5s linear infinite;
    background-position: 35.9893048128% 89.5470383275%;
    bottom: calc(3.2rem + env(safe-area-inset-bottom));
    height: 2rem;
    width: 2rem;
  }
  .sy3387-page-home .go-page-down,
  .sy3387-page-home .sy3387-download-bar {
    left: 50%;
    position: fixed;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99;
  }
  .sy3387-page-home .sy3387-download-bar {
    background: url(data:image/png;base64,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)
      no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(3.8rem + env(safe-area-inset-bottom));
    width: 18rem;
    padding-top: 0.2rem;
  }
  .sy3387-page-home .sy3387-download-bar.sy3387-download-bar1 {
    /* background-color: #20f5e1; */
    background-image: url(../images/mobile/mobile-download-bar1.png);
    background-size: 100% 100%;
  }
  .sy3387-page-home .sy3387-download-bar.sy3387-download-bar2 {
    /* background-color: #f58220; */
    background-image: url(../images/mobile/mobile-download-bar2.png);
    background-size: 100% 100%;
  }
  .sy3387-page-home .sy3387-download-bar.sy3387-download-bar3 {
    /* background-color: #3194ff; */
    background-image: url(../images/mobile/mobile-download-bar3.png);
    background-size: 100% 100%;
  }
  .sy3387-page-home .sy3387-download-bar.sy3387-download-bar4 {
    background-color: #3194ff;
    display: none;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .sy3387-page-home .sy3387-download-bar .qrcode {
    display: none;
  }
  .sy3387-page-home .sy3387-download-bar .logo {
    background-position: 49.794403% 99.812721%;
    height: 2.5rem;
    margin-left: 0.6rem;
    /* margin-top: 0.3rem; */
    width: 2.5rem;
  }
  .sy3387-page-home .sy3387-download-bar .tip {
    background-position: 104.345109% 101.377224%;
    height: 2.3rem;
    /* margin-left: 0.3rem; */
    margin-top: 0.4rem;
    width: 8.6333333333rem;
    background-size: 327%;
  }
  .sy3387-page-home .sy3387-download-bar .btn-download-wap {
    background-position: 64.0266021765% 71.8213058419%;
    cursor: pointer;
    height: 1.8rem;
    margin-left: 0.4rem;
    margin-top: 0.8rem;
    width: 5.6rem;
  }
  .sy3387-page-home .sy3387-download-bar .btn-download-pc,
  .sy3387-page-home .sy3387-download-bar .btn-download-ios {
    display: none;
  }
  .sy3387-page-home .sy3387-ios-qrcode {
    display: none !important;
  }
  .sy3387-page-has-dowload-tip .go-page-down {
    bottom: calc(4.8rem + env(safe-area-inset-bottom));
    color: transparent;
  }
  .sy3387-page-has-dowload-tip .sy3387-download-bar {
    bottom: 1.6rem;
  }
  .sy3387-page-has-dowload-tip .sy3387-web-dowload-tip {
    bottom: 0;
    height: 1.6rem;
    line-height: 1.6rem;
  }
  .sy3387-page-has-dowload-tip .sy3387-web-dowload-tip .btn {
    background: rgba(5, 164, 255, 0.06);
    color: #05a4ff;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-top: 0.2rem;
  }
  .sy3387-page-has-dowload-tip .page4 .sy-common-page-footer {
    padding-bottom: 2.1rem;
  }
  .fixed-menu {
    display: none;
  }
}
@media screen and (min-width: 980px) and (-webkit-max-device-pixel-ratio: 1.9895833333333333),
  screen and (min-width: 980px) and (max-resolution: 191dpi) {
  .sy3387-page-home .page1 .btn-go-next-page,
  .sy3387-page-home .page1 .pc-download .btn-android,
  .sy3387-page-home .page1 .pc-download .btn-ios,
  .sy3387-page-home .page1 .pc-download .qrcode,
  .sy3387-page-home .page1 .pc-download .qrcode .ico-logo,
  .sy3387-page-home .page1 .tip-648,
  .sy3387-page-home .page1 .tip-welfare:after,
  .sy3387-page-home .page1 .tip-welfare:before,
  .sy3387-page-home .page2 .tip-game,
  .sy3387-page-home .page2 .tip-serveropen:after,
  .sy3387-page-home .page2 .tip-serveropen:before,
  .sy3387-page-home .page3 .tag,
  .sy3387-page-home .page3 .tip,
  .sy3387-page-home .page3 .tip-contact:after,
  .sy3387-page-home .page3 .tip-contact:before,
  .sy3387-page-home .page4 .download-btns .btn-android,
  .sy3387-page-home .page4 .download-btns .btn-ios,
  .sy3387-page-home .page4 .slogan,
  .sy3387-page-home .page4 .sy-common-page-footer .link .logo,
  .sy3387-page-home .sy3387-download-bar .btn-download-ios,
  /* .sy3387-page-home .sy3387-download-bar .btn-download-pc, */
  .sy3387-page-home .sy3387-download-bar .qrcode .qrcode-pic .ico-logo,
  .sy3387-page-home .sy3387-download-bar .tip,
  .sy3387-page-home .sy3387-ios-qrcode,
  .sy3387-page-home .sy3387-ios-qrcode .qrcode-pic:after,
  .sy3387-page-home .sy3387-top-bar .logo,
  .sy3387-page-home .sy3387-top-bar .tag {
    background-image: url(../images/pcd7d29a4.png);
    background-repeat: no-repeat;
    background-size: 819px 681px;
  }
  body {
    min-width: 1300px;
    overflow-x: auto;
  }
  .sy3387-web-dowload-tip {
    display: none;
  }
  .sy3387-page-home .page {
    overflow-y: hidden;
    position: relative;
  }
  .sy3387-page-home .page-in {
    overflow-x: hidden;
    overflow-y: auto;
    top: 0;
    width: 1920px;
  }
  .sy3387-page-home .main,
  .sy3387-page-home .page-in {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .sy3387-page-home .main {
    bottom: 0;
    overflow: hidden;
    top: 68px;
    width: 1320px;
    z-index: 2;
  }
  .sy3387-page-home .main .main-left {
    left: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .sy3387-page-home .sy3387-top-bar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.4);
    color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 68px;
    left: 0;
    padding-left: 98px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
  }
  .sy3387-page-home .sy3387-top-bar.sy3387-top-bar1 {
    background: rgba(0, 0, 0, 0.8);
  }
  .sy3387-page-home .sy3387-top-bar .logo {
    background-position: 99.8762376238% 73.2303732304%;
    height: 65px;
    position: relative;
    width: 185px;
  }
  /* .sy3387-page-home .sy3387-top-bar .logo:after {
    background: hsla(0, 0%, 100%, 0.6);
    content: "";
    height: 17px;
    position: absolute;
    right: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
  } */
  .sy3387-page-home .sy3387-top-bar .tag {
    background-position: 64.2317380353% 93.3075933076%;
    height: 40px;
    margin-left: 38px;
    width: 199px;
  }
  .sy3387-page-home .recommend-pic {
    height: 830px;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-282px);
    transform: translateY(-282px);
    width: 600px;
    z-index: 2;
  }
  .sy3387-page-home .recommend-pic .img {
    height: 100%;
    width: 100%;
  }
  .sy3387-page-home .recommend-pic .pic1,
  .sy3387-page-home .recommend-pic .pic2 {
    bottom: 0;
    height: 738px;
    position: absolute;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 400px;
  }
  .sy3387-page-home .recommend-pic .pic1.act,
  .sy3387-page-home .recommend-pic .pic2.act {
    height: 830px;
    width: 430px;
    z-index: 2;
  }
  .sy3387-page-home .recommend-pic .pic1 {
    left: 0;
  }
  .sy3387-page-home .recommend-pic .pic2 {
    right: 0;
  }
  .sy3387-page-home .page1 .page-in {
    background: url(../images/bg16b5382c.jpg) 50% no-repeat;
    background-size: 100% 100%;
  }
  .sy3387-page-home .page1 .bg-top-left {
    background: url(../images/bg-page1-top-leftbea78cd.png) 50% no-repeat;
    height: 240px;
    left: 0;
    position: absolute;
    top: 0;
    width: 614px;
  }
  .sy3387-page-home .page1 .bg-bottom-right {
    background: url(../images/bg-page1-bottom-rightcb0a758.png) 50% no-repeat;
    bottom: 0;
    height: 715px;
    position: absolute;
    right: 0;
    width: 1475px;
  }
  .sy3387-page-home .page1 .tip-648 {
    background-position: 0 68px;
    height: 245px;
    width: 428px;
  }
  .sy3387-page-home .page1 .tip-welfare {
    color: #000;
    font-size: 22px;
    height: 30px;
    letter-spacing: 2px;
    line-height: 30px;
    margin-top: 16px;
    padding-left: 41px;
    padding-right: 17px;
    position: relative;
    white-space: nowrap;
    z-index: 2;
  }
  .sy3387-page-home .page1 .tip-welfare:before {
    background-position: 91.25% 55.997967%;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 33px;
    height: 35px;
  }
  .sy3387-page-home .page1 .tip-welfare:after {
    background-position: 119.5143403442% 87.7652933833%;
    bottom: 0;
    content: "";
    height: 16px;
    left: 18px;
    position: absolute;
    width: 470px;
    z-index: -1;
  }
  .sy3387-page-home .page1 .pc-download {
    height: 128px;
    margin-top: 56px;
    position: relative;
    width: 368px;
  }
  .sy3387-page-home .page1 .pc-download .btn-android {
    background-position: 83.879423329% 55.4677206851%;
    cursor: pointer;
    height: 58px;
    left: 0;
    position: absolute;
    top: 0;
    width: 230px;
  }
  .sy3387-page-home .page1 .pc-download .btn-ios {
    background-position: 96.765847348% 64.4268774704%;
    bottom: 0;
    cursor: pointer;
    height: 58px;
    left: 0;
    position: absolute;
    width: 220px;
  }
  .sy3387-page-home .page1 .pc-download .qrcode {
    background-position: 93.0177514793% 38.6066763425%;
    height: 128px;
    padding: 6px 6px 6px 26px;
    position: absolute;
    right: 0;
    top: 0;
    width: 148px;
  }
  .sy3387-page-home .page1 .pc-download .qrcode.opacity .ico-logo,
  .sy3387-page-home .page1 .pc-download .qrcode.opacity .pic {
    opacity: 0.1;
  }
  .sy3387-page-home .page1 .pc-download .qrcode .pic {
    height: 100%;
    width: 100%;
  }
  .sy3387-page-home .page1 .pc-download .qrcode .ico-logo {
    background-position: 98.0187695516% 33.9719029374%;
    height: 34px;
    left: 70px;
    position: absolute;
    top: 50px;
    width: 34px;
  }
  .sy3387-page-home .page1 .btn-go-next-page {
    -webkit-animation: next-page 1s linear infinite;
    animation: next-page 1s linear infinite;
    background-position: 54.9839228296% 33.1571994716%;
    bottom: 8px;
    cursor: pointer;
    height: 60px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 60px;
  }

  .sy3387-page-home .page1 .recommend-pic .sort1,
  .sy3387-page-home .page1 .recommend-pic .sort2,
  .sy3387-page-home .page1 .recommend-pic .sort3 {
    height: 120px;
    position: absolute;
    width: 90px;
    z-index: 3;
  }
  .sy3387-page-home .page1 .recommend-pic .sort1 .sort-logo,
  .sy3387-page-home .page1 .recommend-pic .sort2 .sort-logo,
  .sy3387-page-home .page1 .recommend-pic .sort3 .sort-logo {
    height: 100%;
    width: 100%;
  }
  .sy3387-page-home .page1 .recommend-pic .sort1 {
    right: 43px;
    top: 20px;
  }
  .sy3387-page-home .page1 .recommend-pic .sort2 {
    left: -58px;
    top: 332px;
  }
  .sy3387-page-home .page1 .recommend-pic .sort3 {
    right: -20px;
    top: 432px;
  }
  /* .sy3387-page-home .page2.swiper-slide-active .bg-top-right {
    -webkit-animation: ease-in-right 0.8s forwards;
    animation: ease-in-right 0.8s forwards;
  }
  .sy3387-page-home .page2.swiper-slide-active .bg-bottom-left {
    -webkit-animation: ease-in-left 0.8s forwards;
    animation: ease-in-left 0.8s forwards;
  } */
  .sy3387-page-home .page2.swiper-slide-active .main-left {
    -webkit-animation: ease-in-bottom 0.8s forwards;
    animation: ease-in-bottom 0.8s forwards;
  }
  .sy3387-page-home .page2 .page-in {
    background-image: url(../images/bg2dae9221.jpg);
    background-position: center;
    background-size: 100% 100%;
  }
  .sy3387-page-home .page2 .bg-top-right {
    background: url(data:image/png;base64,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)
      50% no-repeat;
    background-size: 100% 100%;
    height: 228px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 540px;
  }
  .sy3387-page-home .page2 .bg-bottom-left {
    background: url(../images/bg-page2-bottom-left696dad7.png) 50% no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    height: 360px;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 1244px;
  }
  .sy3387-page-home .page2 .main-left {
    margin-top: -52px;
    opacity: 0;
  }
  .sy3387-page-home .page2 .tip-game {
    background-position: 0 37.905982906%;
    height: 202px;
    width: 427px;
  }
  .sy3387-page-home .page2 .tip-serveropen {
    color: #fff;
    font-size: 22px;
    height: 30px;
    letter-spacing: 2px;
    line-height: 30px;
    margin-top: 28px;
    overflow: hidden;
    padding-left: 41px;
    padding-right: 17px;
    position: relative;
    white-space: nowrap;
    z-index: 2;
  }
  .sy3387-page-home .page2 .tip-serveropen:before {
    background-position: 97.9166666667% 41.6386768448%;
    content: "";
    height: 31px;
    left: 0;
    position: absolute;
    top: 0;
    width: 33px;
  }
  .sy3387-page-home .page2 .tip-serveropen:after {
    background-position: 0 100%;
    bottom: 0;
    content: "";
    height: 17px;
    left: 18px;
    position: absolute;
    width: 302px;
    z-index: -1;
  }
  .sy3387-page-home .page2 .recommend-pic {
    -webkit-transform: translateY(-342px);
    transform: translateY(-342px);
  }
  .sy3387-page-home .page2 .recommend-pic .sort1,
  .sy3387-page-home .page2 .recommend-pic .sort2,
  .sy3387-page-home .page2 .recommend-pic .sort3 {
    height: 120px;
    position: absolute;
    width: 90px;
    z-index: 3;
  }
  .sy3387-page-home .page2 .recommend-pic .sort1 .sort-logo,
  .sy3387-page-home .page2 .recommend-pic .sort2 .sort-logo,
  .sy3387-page-home .page2 .recommend-pic .sort3 .sort-logo {
    height: 100%;
    width: 100%;
  }
  .sy3387-page-home .page2 .recommend-pic .sort1 {
    right: 43px;
    top: 20px;
  }
  .sy3387-page-home .page2 .recommend-pic .sort2 {
    left: -58px;
    top: 332px;
  }
  .sy3387-page-home .page2 .recommend-pic .sort3 {
    right: -20px;
    top: 432px;
  }
  .sy3387-page-home .page3 {
    background: #e4e8ea;
  }
  .sy3387-page-home .page3.swiper-slide-active .bg-bottom-right {
    -webkit-animation: ease-in-right 0.8s forwards;
    animation: ease-in-right 0.8s forwards;
  }
  .sy3387-page-home .page3.swiper-slide-active .bg-top-left {
    -webkit-animation: ease-in-left 0.8s forwards;
    animation: ease-in-left 0.8s forwards;
  }
  .sy3387-page-home .page3.swiper-slide-active .main-left {
    -webkit-animation: ease-in-bottom 0.8s forwards;
    animation: ease-in-bottom 0.8s forwards;
  }
  .sy3387-page-home .page3 .page-in {
    background: url(../images/bg3c37c318.jpg) 50% no-repeat;
    background-size: 100% 100%;
  }
  .sy3387-page-home .page3 .bg-top-left {
    background: url(../images/bg-page3-top-leftb7542ed.png) no-repeat;
    height: 480px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 1292px;
    z-index: 2;
  }
  .sy3387-page-home .page3 .bg-bottom-right {
    background: url(../images/bg-page3-bottom-right6ca3a36.png) no-repeat;
    bottom: 0;
    height: 460px;
    opacity: 0;
    position: absolute;
    right: 0;
    width: 1370px;
    z-index: 2;
  }
  .sy3387-page-home .page3 .main-left {
    margin-top: -52px;
    opacity: 0;
  }
  .sy3387-page-home .page3 .tag {
    background-position: 69.4267515924% 74.7700394218%;
    height: 56px;
    width: 365px;
  }
  .sy3387-page-home .page3 .tip {
    background-position: 125% 45px;
    height: 231px;
    margin-top: -12px;
    width: 469px;
  }
  .sy3387-page-home .page3 .tip-contact {
    color: #000;
    font-size: 22px;
    height: 30px;
    letter-spacing: 2px;
    line-height: 30px;
    margin-top: 28px;
    overflow: hidden;
    padding-left: 33px;
    padding-right: 17px;
    position: relative;
    white-space: nowrap;
    z-index: 2;
  }
  .sy3387-page-home .page3 .tip-contact:before {
    background-position: 98.9166666667% 36.9312977099%;
    content: "";
    height: 31px;
    left: 0;
    position: absolute;
    top: 0;
    width: 33px;
  }
  .sy3387-page-home .page3 .tip-contact:after {
    background-position: 0 97.1285892634%;
    bottom: 0;
    content: "";
    height: 16px;
    left: 18px;
    position: absolute;
    width: 374px;
    z-index: -1;
  }
  .sy3387-page-home .page4 {
    background: #000;
  }
  .sy3387-page-home .page4 .page-in {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sy3387-page-home .page4 .content,
  .sy3387-page-home .page4 .page-in {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sy3387-page-home .page4 .content {
    -webkit-box-flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #161513;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    min-height: 838px;
    padding-top: 68px;
    position: relative;
  }
  .sy3387-page-home .page4 .sy-common-page-footer {
    -ms-flex-negative: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: #000;
    color: hsla(0, 0%, 100%, 0.3);
    /* display: -webkit-box;
    display: -ms-flexbox; 
    display: flex;*/
    flex-shrink: 0;
    font-size: 12px;
    justify-content: space-between;
    margin: 0 auto;
    padding: 20px 0;
    /* width: 1280px; */
  }
  .sy3387-page-home .page4 .sy-common-page-footer div {
    display: flex;
  }
  .sy3387-page-home .page4 .sy-common-page-footer p {
    background: none;
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #999999;
    margin: 0;
    position: relative;
    left: 0;
    transform: translateX(0);
    white-space: nowrap;
    margin-right: 16px;
  }
  .sy3387-page-home .page4 .sy-common-page-footer p img {
    margin-right: 16px;
  }
  .sy3387-page-home .page4.swiper-slide-active .bg-top-right {
    -webkit-animation: ease-in-right 0.8s forwards;
    animation: ease-in-right 0.8s forwards;
  }
  .sy3387-page-home .page4.swiper-slide-active .bg-bottom-left {
    -webkit-animation: ease-in-left 0.8s forwards;
    animation: ease-in-left 0.8s forwards;
  }
  .sy3387-page-home .page4 .bg-top-right {
    background: url(data:image/png;base64,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)
      50% no-repeat;
    height: 348px;
    position: absolute;
    right: 0;
    top: 0;
    width: 785px;
  }
  .sy3387-page-home .page4 .bg-bottom-left {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAvMAAADJCAYAAACue701AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAzpSURBVHgB7d1hbhvXucfhc3hzgd6LoMhHOZIKLcFLyA6aHTQ7aHfQ7iDyCkytwOQKIq+gXkJgl1CKfBGcCEalEU+HI8qmEkmmyJnhnJnnARI7SPIhgWD8TM383xAAAAAAAID2/M/Bwdf//OqPX/7h//7/y3//+uuv5wEAAMhCPDz4Ot3+RfmTN6MUjy+vr1//9NNPPwYAAKCz7sT8Xek0ptFY2AMAQDc9EvOrhD0AAHTNmjF/xySmOHl/cTE9LwUAAGAnNon5lX87jEORpu/OziYBAABo1XYx/8l5GfYTYQ8AAO2pK+Y/SeHHMAqnKc1P/vWvn04DAADQiPpjfpWwBwCAxjQb86uWYT+fX72YzX5+EwAAgK20F/OryrBPMU2LIh2bugQAgM3sJuZXVFdnQxpfFmkq7AEAYH07j/m7HKcCAIB1dSzmVwl7AAB4TIdjftVN2Ls6CwAAn2QS83dMYooTYQ8AwNDlGPOfxDB2dRYAgKHKO+Y/OS/DfuI4FQAAQ9KXmP/E1VkAAAaifzG/StgDANBj/Y75VcursykV49ns5zcBAAAyN5yYX1WGfYxhfFnMT2zYAwCQq2HG/IryP/7NKKQy7NNU2AMAkJPBx/xdrs4CAJAPMf8gYQ8AQLeJ+bXchL2rswAAdImYf7pJTHHydjY7CQAAsENifnPV1dlQpOm7s7NJAACAlon5elRh7zgVAABtEvN1c3UWAICWiPkmCXsAABok5ttShn2KaZpSMZ7Nfn4TAABgS2J+F8qwjzEduzoLAMA2xPyOlf/z34xSPHacCgCApxLzneLqLAAA6xPznSXsAQB4nJjPQ3V19v3FxfS8FAAAIIj5HFVh/3Y2OwkAAAyamM9XdXU2FGn67uxsEgAAGBwx3weOUwEADJKY7xthDwAwGGK+z5ZhP59fvXB1FgCgf8T8UJRhn2KaplSMhT0AQD+I+QGqrs6GNL4s0tSGPQBAvsT8wFVhn+Kx41QAAPkR86xwdRYAICdingcIewCArhPzrKO6Ovv+4mJ6XgoAAHSCmOdpYhi7OgsA0A1ink2dl2E/EfYAALsj5tmeq7MAADsh5qmXsAcAaI2YpznLsJ/Pr164OgsAUD8xTzvKsE8xTYsiHZu6BACoh5inddXV2ZDGl0WaCnsAgM2JeXbMcSoAgE2JeTpE2LOZvb29o8WPvm4AGBoxT0fdhL2rs6zr4ODrf5Q//Ln82nmdUjH20jUAQyDmycEkpjgR9nzOIuhjCH+v/sJMKgADIObJSwxjV2d5zJ2gv7UMe187APSNmCdX52XYT3zqyn0O9/e+C3H08oG/vfjuzqnv9gDQB2Ke/HmcgnscHOx9MwqjV+UvcF89/k968RqAfIl5+kXYs+Jof//59Wj+KqR4tN6/UYZ9CBM3EADIhZinv5ZXZy2bDNvR3t7R9f/GH9YP+huL42blD+XXz9XE1w8AXSXmGYYy7GMM48tifuIT1+HZNOg/8h0fADpKzDM4i09cRyGNPUoxLIugn39RPUP/PGxD2APQIWKegfPy45AcHR19dX19+bIM8m9DPapVpTiPp5ZxANgFMQ8fCfuhODjYP44h/TXUztcQAO0S83CvmyjzaWt/3XtcqlbCHoDmiXn4vMniwNDb2ewk0CvNB/0NyzgANEXMw/qq56NDkabvzs4mgV740/6zv6UYvw9tWU6mlj+ZeIEWgG2JedhMFfYWTfrh8PDZt+V3X15+/lpszSzjALAlMQ/bEmS98PRrsbX7+J2fXz58OPWuBgDrEPNQJ2Gfta2PS9WrelfDC7QAPEbMQ1OWz0anVIy99JiPjgX9kmUcAO4n5qENZdjHmI5dnc1DbddiG3B7wfg6Fa/9JhEAMQ8tq2IsxWOfsnZbA9di62cZB2DwxDzslMcnuu5w/9k4xPiX0HXe1wAYJDEPnSHsu6qt41I1sowDMBBiHrqpWjJ5f3ExFWLdkGHQr7KMA9BTYh66rwqxt7PZSWCnWr8W2wjfAQLoEzEP+fj46MS7s7NJYCcO9/e+i3H0fevXYhtgGQcgf2IecuRlx51aXIudx/RDH4L+I8s4AFkS85A7Yb8T3TwuVRNfUwDZEPPQJ8sIm8+vXnhsonm9DvpPLOMAdJiYh75aPjaRUjEW9s0ZSNCvsowD0CFiHgbg9kXHy/LTVQFWv8W12HlxuXiG/nkYFMs4ALsm5mFgqrBP8ViA1S+ba7ENsIwDsBtiHgbNJ6t1y/y4VD0s4wC0RswDS8K+LoJ+hWUcgEaJeeA+1UuO7y8uptZLNiPo77EMe4fPAOoj5oHHxTAWX5tZXIsNcfQy8BDLOABbEvPAuj7ujQv79fXyWmwjPOYFsAkxDzyd56CfZIBb9Fsqw7781N6UKsDniXlgO8J+LYJ+Q5ZxAB4l5oH6LMN+Pr96YWv89wT9lvzGEeB3xDzQjOUnqkWRjj0q8clwr8XWzDIOQEXMA427vQ7qGegbi6C/vvrP8VCvxTZgMZ96ak4VGCIxD7TMasmtg4P94xjSXwM18zUGDIeYB3ZIdDku1TTLOEC/iXmgI27CfoiPSQj6diwe9yr//DqlYuwFbaAvxDzQRZOhPf/8p/1nf0sxfh9oh2UcoCfEPNBtMYyHslhyePjs2/I3MS9di22ZZRwgY2IeyMV5GfaTvn+SerS///x6NH9li35nLOMAWRHzQH56/oiE41Jd4iVtoNvEPJC3noa9oO8iyzhA94h5oD+WV2f7slayCPr5F6NXrsV2j2UcoCvEPNBPZdjHGMaXxfwk509Rq2ux15cvy/+ebwPdZBkH2CExD/Te4lPUUUjjnB+PcC02E5ZxgJaJeWBg8n2h0XGp7FjGARon5oEByy/sBX3OLOMA9RPzAJWb0MrhE1TXYvvAMg5QDzEP8HuTxaMRb2ezk9BRrsX2h2UcYBtiHuBh1dXZrr7MuLgWO4/pB0HfI5ZxgCcS8wDrqcK+a5HluFSPWcYB1iDmAZ6qY5+eCvpBsIwD3EvMA2yjI2HvWuzQWMYBboh5gLqUYZ9imu7qRcbqWmzxn1flL+3fBAZE2MOQiXmAJpRhH2M63sX04OH+s3GI8S+BwblZxgnlbyivJpZxYBjEPEDDFoE1SvG4zU9OHZfCMg4Mg5gHaFV7j0QIej4S9tBbYh5gZ5oPe0HPPaqZ1TiPp5ZxIH9iHqAbJk3NDh7u730X4uhlgHt5gRZyJuYBuqcK+7ez2UmoiWuxrEfYQ27EPEB3VY9D1HUB1HEpnqJ6cTuk8XUqXlvGge4S8wA5qOkFRkHPRpY3FMqfTLxAC90i5gFys2XYC3q2YhkHOkXMA+RsGVbz+dWLpzwKsbgWOy8uF8/QPw+wuY+Pgv3y4cOpZRxon5gH6IvloxApFeN1w961WGpWvbztBVpoj5gH6KHblxcvy09MPxdVtuhphmUcaIOYB+i5KuxTPH4sqgQ9TbKMA80R8wCD8vCnpYKeVljGgVqJeYDB+n3YuxZLqyzjwNbEPAAL1YuL7y8upl9++YfnozB65VosLbOMAxsQ8wDcFcM43jwK8Z0tenbIMg6sQcwDAB1nGQceIuYBgGxYxoG7xDwAkCfLOCDmAYAesIzDQIl5AKBvLOMwGGIeAOg7yzj0lpgHAAbEMg79IuYBgEGyjEMfiHkAAMs4ZErMAwCssoxDRsQ8AMBDlmG/WMZ5d3Y2CdAxYh4AYH2WcegUMQ8AsBHLOOyemAcA2FoZ9uWn9pdFmgp72iTmAQDqZBmHFol5AICmWMahYWIeAKANlnFogJgHAGjfefnH6WIZ5/3FxfS8FGADYh4AYOcs47AZMQ8A0CmWcVifmAcA6Kgy0t6Uf36dUjGezX5+E+A3xDwAQA4s43APMQ8AkBvLOCyJeQCAvFnGGTAxDwDQK5ZxhkTMAwD0lmWcvhPzAAADYBmnn8Q8AMDQWMbpDTEPADBklnGyJuYBALhlGSczYh4AgAdYxuk6MQ8AwBos43SRmAcA4Eks43SHmAcAYHOWcXZKzAMAUA/LOK0T8wAANMEyTgvEPAAALbCM0wQxDwBAy4R9XcQ8AAA7c7OME6YpXU0s4zydmAcAoBss4zyZmAcAoHuE/VrEPAAAXXceYpjEeTy1jHOXmAcAIDNeoL0l5gEAyNiww17MAwDQC4tlnFFI4+tUvB7KMo6YBwCgf1L4McU0LX8y6fMLtGIeAIB+6/EyjpgHAGBIqmWcUKTpLx8+nOa+jCPmAQAYsklMcZLrC7RiHgAAKvkt44h5AAD4jVyWccQ8AAA8psPLOGIeAADW1bFlHDEPAACb2fkyjpgHAIB6tL6MI+YBAKB27SzjiHkAAGhQk8s4Yh4AANpS8zKOmAcAgF2oYRlHzAMAwO5ttIwj5gEAoHvWWsYR8wAA0GkPL+OIeQAAyMRvl3HiwcHeNwEAAMjKF0X48b9/ZYsVAlB/fgAAAABJRU5ErkJggg==)
      50% no-repeat;
    bottom: 0;
    height: 200px;
    left: 0;
    position: absolute;
    width: 755px;
  }
  .sy3387-page-home .page4 .slogan {
    -ms-flex-negative: 0;
    background-position: 0 81.5834542816%;
    flex-shrink: 0;
    height: 128px;
    margin: 0 auto;
    width: 430px;
  }
  .sy3387-page-home .page4 p {
    width: 295px;
    height: 56px;
    background-color: #00d9c5;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 28px 0 0 0;
    border-radius: 8px;
    font-size: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sy3387-page-home .page4 p img {
    margin-left: 14px;
  }
  .sy3387-page-home .page4 .marquee-list-sort {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 205px;
    margin-top: 36px;
    /* overflow: hidden; */
    position: relative;
    white-space: nowrap;
    width: 100%;
  }
  .sy3387-page-home .page4 .marquee-list-sort .list,
  .sy3387-page-home .page4 .marquee-list-sort .list-sort {
    display: inline-block;
    /* background-color: #05a4ff; */
    position: relative;
    display: flex;
    align-items: center;
  }
  .sy3387-page-home .page4 .marquee-list-sort .list-sort::before {
    content: "";
    position: absolute;
    top: -17px;
    width: 100%;
    height: 120%;
    /* background-color: #f58220; */
    background-image: url(../images/scroll_bg.png);
    background-size: 250px 100%;
    background-repeat: repeat;
    z-index: 99;
  }

  .sy3387-page-home .page4 .marquee-list-sort .list li {
    -webkit-box-flex: 0;
    display: inline-block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 171px;
    margin: 0 30px;
    position: relative;
    width: 128px;
  }
  .sy3387-page-home .page4 .marquee-list-sort .list .logo {
    display: block;
    height: 100%;
    width: 100%;
  }
  .sy3387-page-home .page4 .marquee-list-sort .list .name {
    bottom: 0;
    color: transparent;
    font-size: 28px;
    font-weight: 500;
    left: 0;
    line-height: 56px;
    position: absolute;
    text-align: center;
    width: 100%;
  }
  .sy3387-page-home .page4 .marquee-list-game {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 205px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    width: 100%;
    display: flex;
    align-items: center;
  }
  .sy3387-page-home .page4 .marquee-list-game .list,
  .sy3387-page-home .page4 .marquee-list-game .list-game {
    display: inline-block;
  }
  .sy3387-page-home .page4 .marquee-list-game .list-game::before {
    content: "";
    position: absolute;
    top: -15px;
    width: 100%;
    height: 125%;
    /* background-color: #f58220; */
    background-image: url(../images/scroll_bg.png);
    background-size: 250px 100%;
    background-repeat: repeat;
    z-index: 99;
  }
  .sy3387-page-home .page4 .marquee-list-game .list li {
    display: inline-block;
    height: 128px;
    margin: 0 30px;
    position: relative;
    width: 128px;
  }
  .sy3387-page-home .page4 .marquee-list-game .list .logo {
    display: block;
    height: 100%;
    width: 100%;
  }
  .sy3387-page-home .page4 .marquee-list-game .list .name {
    color: #fff;
    position: absolute;
    top: 0;
  }
  .sy3387-page-home .page4 .download-btns {
    margin-top: 48px;
    position: relative;
    text-align: center;
    color: #000;
    font-size: 16px;
    display: flex;
    justify-content: center;
  }
  .sy3387-page-home .page4 .download-btns .btn-android,
  .sy3387-page-home .page4 .download-btns .btn-ios {
    cursor: pointer;
    display: inline-block;
    margin: 0 12px;
    position: relative;
    background: #fff;
    width: 265px;
    height: 62px;
    border-radius: 88px;
    display: flex;
    align-items: center;
    padding-left: 20px;
  }
  .sy3387-page-home .page4 .download-btns .btn-android img,
  .sy3387-page-home .page4 .download-btns .btn-ios img {
    width: 48px;
    height: 48px;
    margin-right: 26px;
  }
  .sy3387-page-home .page4 .download-btns .btn-ios img {
    margin-right: 36px;
  }

  .sy3387-page-home .page4 .download-btns .btn-android {
    background-position: 0 93.9839572193%;
    height: 69px;
    width: 249px;
  }
  .sy3387-page-home .page4 .download-btns .btn-ios {
    background-position: 34.2741935484% 93.9839572193%;
    height: 69px;
    width: 249px;
  }
  .sy3387-page-home .page4 .download-btns .mobile-btn {
    display: none;
  }
  .sy3387-page-home .sy3387-download-bar {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAB4AgMAAABuqgevAAAACVBMVEUAAAAAAAAAAACDY+nAAAAAA3RSTlMABwSyWpYAAAAD8klEQVR42u3bQWrbYBRF4SuDCp7HoQtoug4tQQMPMvRSvIQOQuhya5t0UOQkeu+p8G44Q8FFBh2sD/xj6af2GqbdSb/1oG/an4dJ8+Xih8bLxe6kWQ9rR+Nno+//jn5+NvoVHN1uGxjdbhsY3W4bGF1vGxjdHtpyVGkkvepJ47Q/7WYd9ain8zgN8+5ZLzpcLvanYdbz3dFpOTp8NJqWo9ePRufgSG+j47rR49tot3L08jYaPh0tHtqK0eLxL0bJRto0wDEWYPeVA5yCX5Lp/3xJtGWAIRhg/5UDbPgCqjTaJkD27fKFA2z4Aio1gmBTAVY3gmBPAdY2EgRbCrC6kSDYUoDVjQTBlgKsbiQIthRgdSNBsKMA6xsJgh0FWN8Igi0FWN8Igi0FCDSCYEMBAo0EwYYCBBoJgg0FCDQSBBsKEGgkCPYTINJIEOwnQKQRBBsKEGkEwYYCRBpBsJ8AoUaCYDsBQo0EwXYChBoJgu0ECDUSBLsJEGskCHYTINZIEOwmQKwRBNsJEGsEwW4CRBtBsJkAwUaCYDMBgo0EwWYCBBsJgr0EiDYSBHsJEG0kCPYSINpIEOwlQLQRBHsJEG4EwV4CxBtBsJUA4UaCYCsBwo0EwU4CxBsJgp0EiDcSBDsJEG8kCHYSIN4Igp0ESDSCYCcBEo0g2EmATCMINhIg0UgQ7CNAppEg2EeATCNBsI8AmUaCYB8BMo0EwTYCpBpBsI8AqUYQ7CNAqhEE+wiQaiQIdhEg10gQ7CJArpEg2EWAXCNBsIsAuUaCYBMBko0EwSYCJBtBsIsAyUYQ7CJAthEEewiQbSQI9hAg20gQ7CFAtpEg2EOAbCNBsIUA6UaCYAsB0o0EwRYCpBtBsIcA6UYQbCFAoREEOwiQbyQIdhAg30gQ7CBAvpEg2ECAQiNBsIEAhUaCYAMBCo0g2EGAQiMINhCg0giCDQSoNBIE9xeg0kgQ3F+ASiNBcHsBSgQLgtsLcKw0EgS3F2CuNBIEtxdgqjSC4PYCHEqNILi9AMdaIwjuLkDtlwpBcHcBar9UCIKbC1AkWBDcXIAiwYLg5gIUDwsEwc0FKB4WCIJ7C1A9r4fg5gJUz+shuLkA5fN6CO4tQJHgSRDcWoAywYLg1gKUCRYEtxagTLAguLUAVYIHQXBnAcoEjxDcWoAywQcIbi1AmeAjBLcWoEzwLAhuLECd4EkQ3FiADQgWBDcWYAOCBcGNBdiAYEFwXwE2IHgQBPcVYAOCRwhuLMAGBD9CcGMBNvnv9vP1My6z4e8HjrrOdLnX9eI2W46e7o4edAiNnt8dvdwdzTqGRqf3Rrv7o2mIjc7vjfb3R1o1GhejSqM/LTEVHbhYEY8AAAAASUVORK5CYII=)
      no-repeat;
    bottom: 0;
    /* color: transparent; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 120px;
    justify-content: center;
    position: fixed;
    width: 100%;
    z-index: 9;
  }
  .sy3387-page-home .sy3387-download-bar.sy3387-download-bar1,
  .sy3387-page-home .sy3387-download-bar.sy3387-download-bar1 .qrcode {
    background-color: #20f5e1;
    /* position: relative;
    z-index: 1; */
  }
  /* .sy3387-page-home .sy3387-download-bar.sy3387-download-bar1::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #f58220;
    position: absolute;
    z-index: 0;
    rotate: -5deg;
  } */
  .sy3387-page-home .sy3387-download-bar.sy3387-download-bar2,
  .sy3387-page-home .sy3387-download-bar.sy3387-download-bar2 .qrcode {
    background-color: #f58220;
  }
  .sy3387-page-home .sy3387-download-bar.sy3387-download-bar3,
  .sy3387-page-home .sy3387-download-bar.sy3387-download-bar3 .qrcode {
    background-color: #3194ff;
  }
  .sy3387-page-home .sy3387-download-bar.sy3387-download-bar4 {
    background-color: #3194ff;
    display: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .sy3387-page-home .sy3387-download-bar.sy3387-download-bar4 .qrcode {
    background-color: #3194ff;
  }
  .sy3387-page-home .sy3387-download-bar .logo {
    display: none;
  }
  .sy3387-page-home .sy3387-download-bar .tip {
    background-position: 0 64.142665%;
    height: 74px;
    margin-left: 16px;
    margin-top: 23px;
    width: 610px;
    margin-right: 132px;
  }
  .sy3387-page-home .sy3387-download-bar .btn-download-wap {
    display: none;
  }
  .sy3387-page-home .sy3387-download-bar .btn-download-pc {
    background-position: 53.7607891492% 83.3553500661%;
    cursor: pointer;
    height: 60px;
    margin-left: 30px;
    margin-top: 30px;
    width: 265px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1a1a1a;
    border-radius: 89px 89px 89px 89px;
    color: #fff;
    position: relative;
  }
  .sy3387-page-home .sy3387-download-bar .btn-download-ios {
    background-position: 77.420468557% 83.3553500661%;
    cursor: pointer;
    height: 60px;
    margin-left: 12px;
    margin-top: 30px;
    position: relative;
    width: 265px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1a1a1a;
    border-radius: 89px 89px 89px 89px;
    color: #fff;
  }
  .sy3387-page-home .sy3387-download-bar .btn-download-pc img,
  .sy3387-page-home .sy3387-download-bar .btn-download-ios img {
    width: 45px;
    height: 45px;
    margin-right: 15px;
    position: absolute;
    left: 9px;
  }
  .sy3387-page-home .sy3387-download-bar .qrcode {
    border-radius: 12px;
    height: 140px;
    margin-top: -28px;
    padding: 8px;
    width: 116px;
  }
  .sy3387-page-home .sy3387-download-bar .qrcode .qrcode-pic {
    background: #fff;
    border-radius: 6px;
    height: 100px;
    margin: 0 auto;
    padding: 6px;
    position: relative;
    width: 100px;
  }
  .sy3387-page-home .sy3387-download-bar .qrcode .qrcode-pic .pic {
    height: 100%;
    width: 100%;
  }
  .sy3387-page-home .sy3387-download-bar .qrcode .qrcode-pic .ico-logo {
    background-position: 98.0187695516% 33.9719029374%;
    height: 34px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.82);
    transform: translate(-50%, -50%) scale(0.82);
    width: 34px;
  }
  .sy3387-page-home .sy3387-download-bar .qrcode .txt {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 140%;
    margin-top: 4px;
    text-align: center;
    white-space: nowrap;
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  .sy3387-page-home .sy3387-ios-qrcode {
    background-position: 75.0293083236% 37.7203592814%;
    cursor: default;
    height: 149px;
    left: 50%;
    opacity: 0;
    padding: 12px 12px 0;
    position: absolute;
    top: -172px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    visibility: hidden;
    width: 140px;
  }

  .sy3387-ios-qrcode:hover .qrcode-pic {
    display: block;
  }
  .sy3387-page-home .sy3387-ios-qrcode.hide {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .sy3387-page-home .sy3387-ios-qrcode.animation {
    opacity: 1;
    top: -152px;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    visibility: visible;
    z-index: 99999;
  }
  .sy3387-page-home .sy3387-ios-qrcode .qrcode-pic {
    display: block;
    height: 116px;
    margin: 0 auto;
    position: relative;
    width: 116px;
  }
  .sy3387-page-home .sy3387-ios-qrcode .qrcode-pic:after {
    background-position: 98.0187695516% 33.9719029374%;
    content: "";
    height: 34px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 34px;
    z-index: 2;
  }
  .sy3387-page-home .sy3387-ios-qrcode .pic {
    height: 100%;
    width: 100%;
  }
  .fixed-menu {
    position: fixed;
    right: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
  }
  .fixed-menu .swiper-pagination-bullet {
    background: #c4c4c4;
    border-radius: 0;
    cursor: pointer;
    display: block;
    height: 10px;
    margin-top: 32px;
    opacity: 1;
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
    width: 10px;
  }
  .fixed-menu .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #00d9c5;
    height: 20px;
    width: 10px;
  }
  /* .fixed-menu
    .swiper-pagination-bullet:first-of-type.swiper-pagination-bullet-active {
    background: #fff;
  } */
}
.no-bg {
  background: none !important;
}
@-webkit-keyframes run-left {
  0% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@keyframes run-left {
  0% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@-webkit-keyframes run-right {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  to {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
}
@keyframes run-right {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  to {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
}
@-webkit-keyframes ease-in-left {
  0%,
  20% {
    opacity: 1;
    -webkit-transform: translateX(-300%);
    transform: translateX(-300%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes ease-in-left {
  0%,
  20% {
    opacity: 1;
    -webkit-transform: translateX(-300%);
    transform: translateX(-300%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes ease-in-right {
  0%,
  20% {
    opacity: 1;
    -webkit-transform: translateX(300%);
    transform: translateX(300%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes ease-in-right {
  0%,
  20% {
    opacity: 1;
    -webkit-transform: translateX(300%);
    transform: translateX(300%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes ease-in-bottom {
  0%,
  20% {
    opacity: 1;
    -webkit-transform: translateY(300%);
    transform: translateY(300%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@keyframes ease-in-bottom {
  0%,
  20% {
    opacity: 1;
    -webkit-transform: translateY(300%);
    transform: translateY(300%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@-webkit-keyframes next-page {
  0% {
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
  }
  50% {
    -webkit-transform: translate(-50%, 30%);
    transform: translate(-50%, 30%);
  }
  to {
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
  }
}
@keyframes next-page {
  0% {
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
  }
  50% {
    -webkit-transform: translate(-50%, 30%);
    transform: translate(-50%, 30%);
  }
  to {
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
  }
}