.game-gift, .game-inner, .gift-parts i, .gift-parts span, .giftScroll-bar, .pop-inner h3, .pop-rule p.content, .recommend-list, .recommend-list li {overflow: hidden}  .game-inner b, .game-inner img, .gift-btn, .gift-list a, .gift-ul img, .giftScroll-bar img, .payment-item img, .recommend-list a {display: block}  .game-inner b:before, .gift-and:after, .gift-ios:after, .gift-parts span, .gift-ul span, .giftScroll-bar span, .percent-bar {display: inline-block}  .game-gift h2 {float: left}  .receive-rule {float: right}  .pop-wrap {position: fixed}  .gift-list a, .gift-parts span, .giftScroll-bar, .payment-wrap, .percent-bar, .pop-inner, .pop-rule, .recommend-list li {position: relative}  .close-btn, .close-payment, .close-payment:after, .gift-list img, .gift-parts i, .percent-bar i, .recommend-list span {position: absolute}  .gift-ul img, .giftScroll-bar img {margin: 0 auto}  .gift-list a:after, .gift-list:after {content: '\200B';display: block;height: 0;clear: both}  .gift-ul, .giftScroll-bar {font-size: 0;line-height: 0}  .game-gift h2, .gift-btn, .gift-list h2, .name-wrap h2, .payment-title, .pop-inner h3, .pop-rule h3, .receive-rule, .recommend-list h4, .recommend-title {font-weight: 400}  .gift-explain {text-align: left}  .game-gift, .game-inner, .gift-ul, .gift-ul span, .giftScroll-bar, .giftScroll-bar span, .name-wrap, .name-wrap .gift-txt, .name-wrap h2, .payment-title, .pop-inner h3, .pop-inner input, .pop-rule h3, .recommend-list span {text-align: center}  .gift-and:after, .gift-ios:after, .gift-parts span, .percent-bar {vertical-align: middle}  .gift-parts p, .gift-ul span, .giftScroll-bar span, .recommend-list h4 {white-space: nowrap;text-overflow: ellipsis;overflow: hidden}  .game-gift h2, .gift-parts p, .gift-ul span, .pop-inner h3 {color: #000}  .gift-explain, .gift-font, .payment-item, .recommend-list span.cur {color: #525252}  .pop-inner, .pop-rule i, .recommend-list h4 {color: #999}  .game-inner, .gift-btn, .giftScroll-bar span, .name-wrap .gift-txt p, .name-wrap h2, .payment-link, .recommend-title {color: #fff}  .game-gift, .gift-list a, .pop-inner {background-color: #fff}  article, body, dd, div, dl, dt, footer, h1, h2, h3, h4, h5, header, html, input, li, main, nav, ol, p, section, ul {margin: 0;padding: 0}  html {-webkit-font-smoothing: antialiased;font-family: Helvetica}  body, html {-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%}  input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #fff inset}  ol, ul {list-style: none}  a {text-decoration: none}  img {vertical-align: top;border: 0 none}  em, i {font-style: normal}  input {outline: 0}  a, button, input, textarea {-webkit-tap-highlight-color: transparent}  button, input, textarea {-webkit-appearance: none}  .header {height: 1.20313rem}  .header.fixed .fix-bg {z-index: 3;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, .4)}  .header.fixed .header-before {display: none}  .header.search .header-fixed {display: fixed}  .header.search .header-before {display: none}  .colseFixed, .header-fixed input, .pagelog, .personal-btn, .search-btn { /*background: url(../images/header.png) no-repeat;*/background: url(../images/logo3.png) no-repeat;background-size: 9.375rem 1.5625rem}  .header-fixed {height: 1.1875rem;border-bottom: 1px solid #e6e6e6;background-color: #fff;overflow: hidden}  .header-fixed form {float: left;overflow: hidden;margin-top: .21875rem;font-size: 0}  .header-fixed input {width: 6.78125rem;padding: .17188rem 0 .15625rem .875rem;border-radius: .0625rem;background-position: -8.65625rem -.96875rem;background-color: #f2f2f2;font-size: .375rem;color: #999;border: 1px solid #ddd;margin-right: .21875rem}  .header-before {height: 1.20313rem}  .pagelog {float: left;margin: .26375rem 0 0 .3125rem;width: 3.3825rem;height: .66rem;}  .pagelog a {display: block;font-size: 0;height: 100%}  .personal-btn {float: right;margin: .28125rem .3125rem 0 0;width: .5625rem;height: .625rem;background-position: -8.79688rem -.03125rem;font-size: 0}  .search-btn {float: right;margin: .3125rem .34375rem 0 0;width: .625rem;height: .625rem;background-position: -7.79688rem -.04688rem}  .colseFixed {float: left;width: .9375rem;height: 1.20313rem;background-position: -4.21875rem -.64063rem}  .search {font-size: .4375rem;color: #ff6e00}  .nav-wrap {height: 1.25rem;line-height: 1.25rem;background-color: #fff;font-size: .4375rem;display: flex}  .nav-wrap a {position: relative;text-align: center;flex: 1}  .nav-wrap a.cur {color: #ff6e00}  .nav-wrap a.cur:after {position: absolute;content: '';width: .9375rem;height: .09375rem;background-color: #ff6e00;left: 50%;margin-left: -.46875rem;top: 1.15625rem;overflow: hidden}  .footer {font-size: .34375rem;padding: .3125rem 0;color: #999;text-align: center;background-color: #3a3a3c;line-height: 1.6;margin-top: auto}  .footer p {color: #666;font-size: .3125rem;margin-top: .15625rem}  .footer a {color: #999;margin: 0 .15625rem}  body {background-color: #f2f2f2}  a {color: #000}  .gift-wrap {padding: 0 .3125rem;font-size: .4375rem;background-color: #fff}  .gift-wrap li {position: relative;border-bottom: 1px solid #e6e6e6}  .gift-wrap li:last-of-type {border-bottom: none}  .gift-wrap img {float: left;width: 1.5rem;height: 1.5rem;margin-right: .3125rem}  .gift-wrap p {width: 4.6875rem;font-size: .34375rem;color: #aaa;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}  .gift-wrap i {color: #ff9e10}  .search-down {position: absolute;top: .84375rem;right: .46875rem;width: 1.71875rem;height: .78125rem;line-height: .78125rem;border: 1px solid #ff6e00;border-radius: .125rem;color: #ff6e00;font-size: .375rem;text-align: center}  .search-turn {display: block;padding: .46875rem 0;height: 1.5rem}  .nomore {font-size: .375rem;color: #aaa;text-align: center;border-top: 1px solid #ccc;height: 1.40625rem;line-height: 1.40625rem}  .nomore.load {background: url(../images/spinning-circles.svg) no-repeat center;background-size: .70313rem .70313rem}  .tips-txt {font-size: .4375rem;color: #666;display: flex;align-items: center;justify-content: center;flex: 1}  .search-list {margin-top: .3125rem}  html {height: 100%}  body {background-color: #f2f2f2;min-height: 100%;display: flex;flex-direction: column}  .close-btn, .close-payment, .game-inner b:before, .gift-and:after, .gift-ios:after, .receive-rule {background: url(../images/indexico.png) no-repeat;background-size: 4.6875rem 10.375rem}  .gift-list a {margin-top: .3125rem;padding: 0 .15625rem .46875rem 3.15625rem;font-size: .375rem}  .gift-list img {left: .875rem;top: 1.34375rem;width: 1.5rem;height: 1.5rem}  .gift-list h2 {height: 1.34375rem;line-height: 1.34375rem;font-size: .4375rem;margin-left: -2.28125rem}  .gift-and:after, .gift-ios:after {content: '';width: .40625rem;height: .46875rem;margin-left: .15625rem}  .gift-and:after {background-position: -.79688rem -1.21875rem}  .gift-ios:after {background-position: -1.3125rem -1.25rem}  .gift-parts {font-size: .34375rem;color: #aaa}  .gift-parts p {font-size: .375rem}  .gift-parts i, .gift-parts span {height: .125rem;border-radius: .0625rem}  .gift-parts span {width: 5.03125rem;background-color: #e3e3e3;margin: .21875rem .09375rem .21875rem 0}  .gift-parts span:first-of-type i {background-color: #ffc832}  .gift-parts i {left: 0;top: 0;background-color: #ff5757}  .all-gift {font-size: .375rem;color: #aaa}  .all-gift i {color: #ebac00;margin: 0 .15625rem}  .game-name {background-position: center top;background-repeat: no-repeat;background-size: 100% auto}  .game-inner {height: 3.90625rem;background-color: rgba(0, 0, 0, .7);font-size: .4375rem;line-height: 2}  .game-inner img {margin: .625rem auto 0;width: 1.5rem;height: 1.5rem;border-radius: .3125rem}  .game-inner b {font-size: .375rem;color: #ff6e00;line-height: 1}  .game-inner b:before {content: '';width: .48438rem;height: .46875rem;background-position: -2.59375rem 0;vertical-align: -.0625rem;margin: 0 .09375rem}  .game-gift {margin-bottom: .3125rem;font-size: .34375rem;color: #aaa}  .game-gift:last-of-type {margin-bottom: 0}  .game-gift h2 {font-size: .4375rem;margin: .375rem 0 0 .46875rem}  .game-gift .gift-and:after, .game-gift .gift-ios:after {vertical-align: -.0625rem}  .receive-rule {padding-left: .5rem;margin-right: .46875rem;height: 1.40625rem;line-height: 1.25rem;background-position: -2.59375rem -1.34375rem}  .gift-txt {height: 2.1875rem;clear: both;overflow-y: auto}  .gift-ul {width: 100%;clear: both;padding-bottom: .15625rem}  .gift-ul span {font-size: .34375rem;width: 2.34375rem;height: 2.1875rem;line-height: 1.8;margin-bottom: .3125rem}  .gift-ul img {width: 1.71875rem;height: 1.5625rem;border: 1px solid #ddd}  .percent-bar {height: .125rem;border-radius: .0625rem;width: 5.03125rem;background-color: #e3e3e3;margin: .21875rem .15625rem .21875rem .21875rem}  .percent-bar i {height: .125rem;border-radius: .0625rem;left: 0;top: 0;background-color: #ffc832}  .gift-btn {width: 5.78125rem;height: 1.09375rem;line-height: 1.09375rem;background-color: #ff6e00;font-size: .4375rem;border-radius: .07813rem;margin: .3125rem auto .625rem}  .gift-btn.cur {opacity: .6}  .pop-wrap {z-index: 1;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, .3);display: flex;justify-content: center;align-items: center}  .pop-wrap:empty {display: none}  @-webkit-keyframes zoomIn { 0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3)} 50% {opacity: 1} }  @keyframes zoomIn { 0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3)} 50% {opacity: 1} }  @-webkit-keyframes zoomOut { 0% {opacity: 1} 50% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3)} 100% {opacity: 0} }  @keyframes zoomOut { 0% {opacity: 1} 50% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3)} 100% {opacity: 0} }  .zoomIn {-webkit-animation: zoomIn .5s;animation: zoomIn .5s}  .zoomOut {-webkit-animation: zoomOut .5s;animation: zoomOut .5s}  .pop-inner {width: 8.4375rem;padding-bottom: .3125rem;border-radius: .125rem;font-size: .4375rem}  .pop-inner h3 {height: 1.71875rem;line-height: 1.875rem;font-size: .5rem}  .pop-inner p {margin-left: .625rem;line-height: 1.8}  .pop-inner input {width: 7.15625rem;height: 1.0625rem;line-height: 1.0625rem;background-color: #edf6ff;color: #ff6e00;border: 1px solid #bbdff2;border-radius: .07813rem;font-size: .4375rem;margin: .15625rem 0 .46875rem .625rem}  .pop-rule {width: 8.4375rem;padding-bottom: .3125rem;background: url(../images/pop.png);background-size: 100% 100%}  .pop-rule h3 {height: 1.25rem;line-height: 1.25rem;margin-top: 3.90625rem;font-size: .5rem;color: #ff6e00}  .pop-rule p {font-size: .4375rem;margin: 0 .59375rem;line-height: 1.8}  .pop-rule p.content {text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3}  .pop-rule i {margin-right: .09375rem}  .close-btn {bottom: -1.25rem;left: 50%;margin-left: -.48438rem;width: .96875rem;height: .96875rem;background-position: -3.73438rem -.64063rem}  .gift-name {background-position: center top;background-repeat: no-repeat;background-size: 100% auto}  .name-wrap {height: 11.46875rem;background-color: rgba(0, 0, 0, .8);font-size: .34375rem;color: #aaa}  .name-wrap h2 {font-size: .5625rem;height: 2.5rem;line-height: 2.5rem;margin-bottom: .46875rem}  .name-wrap .gift-txt p {line-height: 1.5;font-size: .375rem}  .name-wrap .gift-btn {margin-bottom: 1.25rem}  .giftScroll-bar {height: 2.5rem;margin: 0 .3125rem}  .giftScroll-bar span {font-size: .34375rem;width: 2.34375rem;height: 2.1875rem;line-height: 1.8;margin-bottom: .3125rem}  .giftScroll-bar img {width: 1.71875rem;height: 1.5625rem;border: 1px solid #4b4b3e;background-color: #0e0f12}  .needNoll.transiton {transition: -webkit-transform .6s cubic-bezier(.1, .57, .1, 1);transition: transform .6s cubic-bezier(.1, .57, .1, 1);transition: transform .6s cubic-bezier(.1, .57, .1, 1), -webkit-transform .6s cubic-bezier(.1, .57, .1, 1)}  .gift-explain {margin-left: .40625rem;line-height: 1.5;font-size: .375rem}  .gift-recommend {background-color: #000}  .recommend-title {height: 1.40625rem;line-height: 1.40625rem;font-size: .4375rem;padding-left: .40625rem}  .recommend-list {border-top: 1px solid #272a2e;padding: 0 .40625rem}  .recommend-list li {border-bottom: 1px solid #272a2e;padding: .3125rem 0}  .recommend-list li:last-of-type {border: none}  .recommend-list a {padding-right: 1.71875rem}  .recommend-list h4 {font-size: .4375rem;height: .78125rem;line-height: .78125rem}  .recommend-list span {right: 0;top: .3125rem;width: 1.71875rem;height: .78125rem;line-height: .78125rem;border-radius: .09375rem;background-color: #0e0f12;color: #ff6e00;border: 1px solid #3b3c3f;font-size: .375rem}  .gift-font {font-size: .34375rem}  .gift-font i {margin-right: .25rem;display: inline-block;white-space: nowrap}  .payment-wrap {background-color: #fff;border-radius: .14063rem;width: 8.4375rem}  .close-payment {top: -1.34375rem;right: .125rem;width: .84375rem;height: .84375rem;background-position: -3.84375rem -2.03125rem}  .close-payment:after {content: '';width: .03125rem;height: .5625rem;background-color: #fff;left: 50%;margin-left: -.01563rem;top: .79688rem}  .payment-title {font-size: .5rem;padding-top: .625rem}  .payment-item {padding: .3125rem .625rem .46875rem;list-style: decimal inside;font-size: .4375rem;background: #e2e2e2}  .payment-item li {margin-top: .15625rem}  .payment-item em {color: #ff6e00}  .payment-item img {width: 3.71875rem;height: 3.71875rem;margin: .15625rem auto}  .payment-link {background: linear-gradient(90deg, #10aff7, #22ceff);width: 6.25rem;height: 1.25rem;display: flex;margin: .3125rem auto .78125rem;border-radius: 1.25rem;box-shadow: 0 .07813rem .125rem #c0e4f7;justify-content: center;align-items: center;font-size: .46875rem}