article,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
input,
legend,
li,
menu,
ol,
p,
pre,
select,
td,
textarea,
th,
ul {
 margin:0;
 padding:0
}
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section,
select,
time {
 display:block
}
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
label,
select,
textarea {
 font-size:100%;
 font-weight:400;
 vertical-align:middle;
 font-family:inherit
}
dl,
ol,
ul {
 list-style:none
}
fieldset,
img,
input[type=submit] {
 border:none
}
img {
 display:block
}
body {
 -webkit-text-size-adjust:100%;
 -ms-text-size-adjust:100%;
 -webkit-tap-highlight-color:transparent;
 -webkit-overflow-scrolling:touch;
 font-size:14px;
 line-height:1;
 font-family:Arial,Helvetica,'PingFang SC','microsoft yahei',sans-serif;
 text-rendering:optimizeLegibility;
 -webkit-font-smoothing:antialiased;
 color:#333;
 background:rgba(20,27,61,1);
 -webkit-tap-highlight-color:transparent
}
a,
div,
p,
span {
 vertical-align:middle;
 font-family:inherit
}
a,
button,
input,
textarea {
 border:none;
 outline:0;
 text-decoration:none;
 -webkit-touch-callout:none;
 font-family:inherit;
 background:0 0
}
a,
a:visited {
 text-decoration:none;
 -webkit-touch-callout:none
}
a {
 color:inherit
}
em,
i {
 font-style:normal
}
.g-clr {
 zoom:1
}
.g-clr:after {
 display:block;
 visibility:hidden;
 clear:both;
 height:0;
 content:"."
}
.wrap {
 width:100%;
 height:100%;
 overflow-x:hidden;
 z-index:502
}
.clear-border {
 border:none!important
}
.orange-text {
 color:#ebbe4a;
 display:inline-block
}
@font-face {
 font-family:dinm;
 src:url(../font/DINMITTELSCHRIFTSTD.eot);
 src:url(../font/DINMITTELSCHRIFTSTD.eot?#iefix) format('embedded-opentype'),
 url(../font/DINMITTELSCHRIFTSTD.woff) format('woff'),
 url(../font/DINMITTELSCHRIFTSTD.ttf) format('truetype'),
 url(../font/DINMITTELSCHRIFTSTD.svg#webfont34M5alKg) format('svg');
 font-weight:400;
 font-style:normal
}
.header {
 width:100%;
 position:fixed;
 background:#141b3df2;
 left:0;
 top:0;
 height:68px;
 z-index:999;
 box-sizing:border-box
}
.header .main {
 max-width:1440px;
 margin:0 auto;
 padding:0 22px;
 box-sizing:border-box;
 position:relative
}
.header .logo {
 transition:all .3s;
 -ms-transition:all .3s;
 -webkit-transition:all .3s;
 -o-transition:all .3s;
 -moz-transition:all .3s;
 display:block;
 float:left;
 width:130px;
 height:27px;
 background:url(../images/pc-logo.png) no-repeat center;
 background-size:100% 100%;
 margin-top:19px;
 text-indent:-99999em;
 cursor:default
}
.header .logo a {
 display:block;
 height:27px
}
.header .menu-more {
 display:block;
 padding:4px 8px;
 display:none;
 cursor:pointer
}
#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -141px;
  background-color: #3a7bfc;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  top: 50%;
  font-size: 19px;
  border:1px solid #fff;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {top: 0; opacity: 0;} 
  to {top: 50%; opacity: 1;}
}

@keyframes fadein {
  from {top: 0; opacity: 0;}
  to {top: 50%; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {top: 50%; opacity: 1;} 
  to {top: 0; opacity: 0;}
}

@keyframes fadeout {
  from {top: 50%; opacity: 1;}
  to {top: 0; opacity: 0;}
}
.header .menu-more .icon-box {
 width:15px;
 height:11px;
 position:relative
}
.header .menu-more .icon-box .line {
 width:100%;
 height:1px;
 background:url(../images/line.jpg) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 transform-origin:center;
 -webkit-transform-origin:center;
 -moz-transform-origin:center;
 -ms-transform-origin:center;
 -o-transform-origin:center
}
.header .menu-more .icon-box .line.line1 {
 top:0;
 transform:rotate(0);
 -webkit-transform:rotate(0);
 -moz-transform:rotate(0);
 -ms-transform:rotate(0);
 -o-transform:rotate(0)
}
.header .menu-more .icon-box .line.line2 {
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.header .menu-more .icon-box .line.line3 {
 bottom:0;
 transform:rotate(0);
 -webkit-transform:rotate(0);
 -moz-transform:rotate(0);
 -ms-transform:rotate(0);
 -o-transform:rotate(0)
}
.header .menu-more.active .icon-box .line1 {
 animation:menuAni1 .3s forwards;
 -webkit-animation:menuAni1 .3s forwards;
 -moz-animation:menuAni1 .3s forwards;
 -ms-animation:menuAni1 .3s forwards;
 -o-animation:menuAni1 .3s forwards
}
.header .menu-more.active .icon-box .line2 {
 animation:menuAni2 .2s forwards;
 -webkit-animation:menuAni2 .2s forwards;
 -moz-animation:menuAni2 .2s forwards;
 -ms-animation:menuAni2 .2s forwards;
 -o-animation:menuAni2 .2s forwards
}
.header .menu-more.active .icon-box .line3 {
 animation:menuAni3 .3s forwards;
 -webkit-animation:menuAni3 .3s forwards;
 -moz-animation:menuAni3 .3s forwards;
 -ms-animation:menuAni3 .3s forwards;
 -o-animation:menuAni3 .3s forwards
}
.header .menu-more.activeEnd .icon-box .line1 {
 animation:menuAni1End .3s forwards;
 -webkit-animation:menuAni1End .3s forwards;
 -moz-animation:menuAni1End .3s forwards;
 -ms-animation:menuAni1End .3s forwards;
 -o-animation:menuAni1End .3s forwards
}
.header .menu-more.activeEnd .icon-box .line2 {
 animation:menuAni2End .2s forwards;
 -webkit-animation:menuAni2End .2s forwards;
 -moz-animation:menuAni2End .2s forwards;
 -ms-animation:menuAni2End .2s forwards;
 -o-animation:menuAni2End .2s forwards
}
.header .menu-more.activeEnd .icon-box .line3 {
 animation:menuAni3End .3s forwards;
 -webkit-animation:menuAni3End .3s forwards;
 -moz-animation:menuAni3End .3s forwards;
 -ms-animation:menuAni3End .3s forwards;
 -o-animation:menuAni3End .3s forwards
}
@keyframes menuAni1 {
 0% {
  top:0;
  transform:rotate(0)
 }
 100% {
  top:5px;
  transform:rotate(45deg)
 }
}
@-webkit-keyframes menuAni1 {
 0% {
  top:0;
  -webkit-transform:rotate(0)
 }
 100% {
  top:5px;
  -webkit-transform:rotate(45deg)
 }
}
@-moz-keyframes menuAni1 {
 0% {
  top:0;
  -moz-transform:rotate(0)
 }
 100% {
  top:5px;
  -moz-transform:rotate(45deg)
 }
}
@-ms-keyframes menuAni1 {
 0% {
  top:0;
  -ms-transform:rotate(0)
 }
 100% {
  top:5px;
  -ms-transform:rotate(45deg)
 }
}
@-o-keyframes menuAni1 {
 0% {
  top:0;
  -o-transform:rotate(0)
 }
 100% {
  top:5px;
  -o-transform:rotate(45deg)
 }
}
@keyframes menuAni2 {
 0% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
@-webkit-keyframes menuAni2 {
 0% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
@-moz-keyframes menuAni2 {
 0% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
@-ms-keyframes menuAni2 {
 0% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
@-o-keyframes menuAni2 {
 0% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
@keyframes menuAni3 {
 0% {
  bottom:0;
  transform:rotate(0)
 }
 100% {
  bottom:5px;
  transform:rotate(-45deg)
 }
}
@-webkit-keyframes menuAni3 {
 0% {
  bottom:5px;
  -webkit-transform:rotate(0)
 }
 100% {
  bottom:5px;
  -webkit-transform:rotate(-45deg)
 }
}
@-ms-keyframes menuAni3 {
 0% {
  bottom:5px;
  -ms-transform:rotate(0)
 }
 100% {
  bottom:5px;
  -ms-transform:rotate(-45deg)
 }
}
@-moz-keyframes menuAni3 {
 0% {
  bottom:5px;
  -moz-transform:rotate(0)
 }
 100% {
  bottom:5px;
  -moz-transform:rotate(-45deg)
 }
}
@-o-keyframes menuAni3 {
 0% {
  bottom:5px;
  -o-transform:rotate(0)
 }
 100% {
  bottom:5px;
  -o-transform:rotate(-45deg)
 }
}
@keyframes menuAni1End {
 0% {
  top:5px;
  transform:rotate(45deg)
 }
 100% {
  top:0;
  transform:rotate(0)
 }
}
@-webkit-keyframes menuAni1End {
 0% {
  top:5px;
  -webkit-transform:rotate(45deg)
 }
 100% {
  top:0;
  -webkit-transform:rotate(0)
 }
}
@-moz-keyframes menuAni1End {
 0% {
  top:5px;
  -moz-transform:rotate(45deg)
 }
 100% {
  top:0;
  -moz-transform:rotate(0)
 }
}
@-ms-keyframes menuAni1End {
 0% {
  top:5px;
  -ms-transform:rotate(45deg)
 }
 100% {
  top:0;
  -ms-transform:rotate(0)
 }
}
@-o-keyframes menuAni1End {
 0% {
  top:5px;
  -o-transform:rotate(45deg)
 }
 100% {
  top:0;
  -o-transform:rotate(0)
 }
}
@keyframes menuAni2End {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@-webkit-keyframes menuAni2End {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@-moz-keyframes menuAni2End {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@-ms-keyframes menuAni2End {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@-o-keyframes menuAni2End {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@keyframes menuAni3End {
 0% {
  bottom:5px;
  transform:rotate(-45deg)
 }
 100% {
  bottom:0;
  transform:rotate(0)
 }
}
@-webkit-keyframes menuAni3End {
 0% {
  bottom:5px;
  -webkit-transform:rotate(-45deg)
 }
 100% {
  bottom:0;
  -webkit-transform:rotate(0)
 }
}
@-moz-keyframes menuAni3End {
 0% {
  bottom:5px;
  -moz-transform:rotate(-45deg)
 }
 100% {
  bottom:0;
  -moz-transform:rotate(0)
 }
}
@-ms-keyframes menuAni3End {
 0% {
  bottom:5px;
  -ms-transform:rotate(-45deg)
 }
 100% {
  bottom:0;
  -ms-transform:rotate(0)
 }
}
@-o-keyframes menuAni3End {
 0% {
  bottom:5px;
  -o-transform:rotate(-45deg)
 }
 100% {
  bottom:0;
  -o-transform:rotate(0)
 }
}
.header .menu {
 padding:24px 0;
 height:20px;
 line-height:20px;
 margin-left:28px;
 float:left
}
.credit-card .header .menu {
 margin-left:70px
}
.currency .header .menu,
.personal .header .menu,
.user-personal .header .menu {
 margin-left:36px
}
.header .menu>.multistage-nav,
.header .menu>a {
 margin:0 36px;
 font-size:14px;
 color:rgba(255,255,255,.6);
 opacity:.8;
 transition:all .3s linear;
 -ms-transition:all .3s linear;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 -moz-transition:all .3s linear;
 float:left
}
.header .menu a:hover {
 opacity:1;
 color:#fff
}
.header .menu .active {
 font-weight:700;
 opacity:1;
 color:#fff
}
.header .menu ul li {
 float:left;
 font-size:14px;
 margin-right:34px;
 position:relative
}
.header .menu ul li a {
 margin:0
}
.header .menu ul li .active {
 color:#3a7bfc
}
.header .menu ul li:before {
 content:' ';
 width:5px;
 height:9px;
 background:url(../images/draw.png) no-repeat center;
 background-size:5px 9px;
 position:absolute;
 left:-20px;
 top:50%;
 -webkit-transform:translateY(-50%)
}
.header .menu ul li:nth-child(1):before {
 display:none
}
.header .log {
 float:right
}
.header .log .login {
 float:right;
 cursor:pointer;
 font-size:14px;
 color:#fff;
 margin-top:28px;
 margin-left:20px;
 background:0 0
}
.header .log .login a {
 display:block
}
.header .log .login img {
 height:28px;
 width:28px
}
.header .log .luanch {
 float:right
}
.header .log .logined {
 float:right;
 margin-left:20px
}
.header .user-mess-box {
 position:absolute;
 right:24px;
 top:68px;
 z-index:99999;
 width:284px;
 box-sizing:border-box;
 display:none
								 
}
.bg,
.menu-nav-box-bg {
 width:100%;
 height:100%;
 position:fixed;
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:99998;
 display:none;
 background:rgba(0,0,0,.6)
}
.header .menu-nav-box {

 height:100%;
 background:#141b3d;
 position:fixed;
 left:0;
 top:0;
 bottom:0;
 right:75px;
 z-index:99999;
 transform:translateX(-100%);
 -moz-transform:translateX(-100%);
 -o-transform:translateX(-100%);
 -ms-transform:translateX(-100%);
 -webkit-transform:translateX(-100%);
 -webkit-transition:all .3s ease-in-out
}
.header .menu-nav-box.show {
 transform:translateX(0);
 -moz-transform:translateX(0);
 -o-transform:translateX(0);
 -ms-transform:translateX(0);
 -webkit-transform:translateX(0)
}
.header-box {
 width:100%;
 height:68px
}
.header .menu-nav-box li {
 height:74px;
 line-height:74px;
 text-align:center
}
.header .menu-nav-box li:active {
 background:#151d41
}
.header .menu-nav-box li:active a {
 opacity:1;
 color:#fff
}
.header .menu-nav-box li>a {
 font-size:14px;
 display:block;
 color:#fff;
 letter-spacing:.6px;
 opacity:.4
}
.header .menu-nav-box li.acitve {
 background:#19214b
}
.header .menu-nav-box li.acitve a {
 opacity:1;
 color:#fff;
 font-weight:700
}
.header .user-mess-box .san {
 width:20px;
 height:10px;
 position:absolute;
 top:-10px;
 right:14px;
 background:url(../images/new-san.png) no-repeat center;
 background-size:100% 100%;
 z-index:99999
}
.header .user-mess-box .property {
 width:100%;
 overflow:hidden;
 height:46px;
 line-height:46px;
 background:#111733
}
.header .user-mess-box .property .gold-coin {
 width:50%;
 float:left;
 text-align:center;
 font-size:16px;
 color:#fff;
 position:relative;
 font-family:dinm
}
.header .user-mess-box .property .gold-coin:after {
 content:' ';
 width:1px;
 height:100%;
 position:absolute;
 right:0;
 top:0;
 background:rgba(255,255,255,.05)
}
.header .user-mess-box .property .gold-coin span {
 display:inline-block;
 width:15px;
 height:15px;
 background:url(../images/mmeny-icon.png) no-repeat center;
 background-size:100% 100%;
 margin-top:-2px;
 margin-right:7px
}
.header .user-mess-box .property .money {
 width:50%;
 float:left;
 text-align:center;
 font-size:16px;
 color:#fff;
 font-family:dinm
}
.header .user-mess-box li:not(.user-coins-mess) {
 width:100%;
 height:54px;
 line-height:54px;
 background:#19214b
}
.header .user-mess-box li.user-not-login {
 height:auto;
 background:#171f45;
 padding:20px 24px;
 box-sizing:border-box;
 overflow:hidden
}
.header .user-mess-box li.user-coins-mess {
 height:auto;
 background:#171f45;
 padding:20px 24px;
 box-sizing:border-box;
 overflow:hidden
}
.header .user-mess-box li.user-coins-mess .label,
.header .user-mess-box li.user-not-login .label {
 font-size:12px;
 color:rgba(255,255,255,.6);
 line-height:12px;
 margin-bottom:16px
}
.header .user-mess-box li:last-child {
 margin-bottom:none
}
.header .user-mess-box li:hover {
 background:#1d2657
}
.header .user-mess-box li.active {
 background:#1e2d5f
}
.header .user-mess-box li.active a {
 font-weight:700
}
.header .user-mess-box .login-out,
.header .user-mess-box li.link a {
 font-size:14px;
 color:rgba(255,255,255,.8);
 cursor:pointer;
 text-align:left;
 width:100%;
 height:54px;
 display:block;
 padding-left:24px;
 box-sizing:border-box
}
.header .user-mess-box li a p {
 display:inline-block;
 color:rgba(255,255,255,.8);
 position:relative
}
.header .user-mess-box li a p.message:after {
 width:8px;
 content:' ';
 height:8px;
 border-radius:50%;
 background:red;
 position:absolute;
 right:-16px;
 top:50%;
 -webkit-transform:translateY(-50%)
}
.header .user-mess-box li:hover a p {
 color:rgba(255,255,255,1)
}
.header .user-mess-box .login-out em {
 margin-right:10px
}
.header .user-mess-box li.user-coins-mess p.user-ms {
 width:100%;
 font-size:16px;
 color:#fff;
 line-height:16px
}
.header .user-mess-box li.user-coins-mess .coins {
 margin-top:11px
}
.header .user-mess-box li.user-coins-mess .coins p {
 font-size:14px;
 color:#ebbe4a;
 position:relative;
 padding-right:12px;
 padding-left:22px;
 font-family:dinm;
 line-height:20px
}
.header .user-mess-box li.user-coins-mess .coins a {
 display:block;
 line-height:20px
}
.header .user-mess-box li.user-coins-mess a:hover {
 text-decoration:none
}
.header .user-mess-box li.user-coins-mess .coins p:before {
 content:' ';
 width:14px;
 height:14px;
 background:url(../images/midascoin.png) no-repeat center;
 background-size:14px 14px;
 position:absolute;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%)
}
.header .user-mess-box li.user-coins-mess .coins p:after {
 content:' ';
 width:6px;
 height:12px;
 background:url(../images/draw-org.png) no-repeat center;
 background-size:6px 12px;
 position:absolute;
 right:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.header .user-mess-box li.user-not-login .btn-box {
 width:100%
}
.header .user-mess-box li.user-not-login .btn-box .log-in {
 background:#3a7bfc;
 height:42px;
 line-height:42px;
 text-align:center;
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 text-align:center;
 margin-bottom:12px;
 cursor:pointer
}
.header .user-mess-box li.user-not-login .btn-box .log-in:hover {
 background:#4e88fc
}
.header .user-mess-box li.user-not-login .btn-box .log-in:active {
 background:#3167d3;
 color:rgba(255,255,255,.8)
}
.header .user-mess-box li.user-not-login .btn-box .register {
 border:1px solid #3a7bfc;
 height:42px;
 line-height:42px;
 text-align:center;
 font-size:14px;
 color:#3a7bfc;
 letter-spacing:0;
 text-align:center;
 box-sizing:border-box;
 cursor:pointer
}
.header .user-mess-box li.user-not-login .btn-box .register:hover {
 background:#4e88fc;
 color:#fff
}
.header .user-mess-box li.user-not-login .btn-box .register:active {
 background:#3167d3;
 color:rgba(255,255,255,.8);
 border-color:#3167d3
}
.header .user-mess-box-logo {
 display:none
}
.header .menu-nav-box .head-box,
.header .user-mess-box .head-box {
 width:100%;
 height:55px;
 float:left;
 text-align:center;
 position:relative;
 border-bottom:1px solid rgba(255,255,255,.05);
 display:none
}
.header .menu-nav-box .head-box .top-logo,
.header .user-mess-box .head-box .top-logo {
 width:96px;
 margin-top:19px;
 display:inline-block
}
.header .user-mess-box .head-box .close-btn {
 width:14px;
 height:14px;
 position:absolute;
 cursor:pointer;
 right:21px;
 top:21px
}
.header .menu-nav-box .head-box .close-btn {
 width:14px;
 height:14px;
 position:absolute;
 cursor:pointer;
 left:21px;
 top:21px
}
.header .log .logined,
.header .log .luanch .country {
 margin-top:20px;
 position:relative;
 cursor:pointer
}
.header .log .luanch .country {
 margin-top:23px
}
.header .log .luanch .country-icon {
 width:35px;
 height:24px;
 border-radius:1px
}
.header .log .logined .user-pic {
 width:28px;
 height:28px
}
.header .log .logined {
 position:relative
}
.header .log .logined p {
 font-size:14px;
 color:#fff;
 line-height:28px
}
.header .log .logined .message {
 width:8px;
 height:8px;
 position:absolute;
 right:-1px;
 bottom:-1px;
 border-radius:50%;
 background:#fb3939;
 display:block
}
.header .log .logined.have-user-name p {
 float:left
}
.header .log .logined.have-user-name .message {
 bottom:0;
 right:0;
 position:relative;
 float:right;
 margin-top:11px;
 margin-left:8px
}
.xnav {
 width:100%;
 height:46px;
 line-height:46px;
 background:#111733;
 position:fixed;
 top:68px;
 left:0;
 z-index:90;
 display:none;
 transition:all .3s;
 -ms-transition:all .3s;
 -webkit-transition:all .3s;
 -o-transition:all .3s;
 -moz-transition:all .3s
}
.xnav .main {
 max-width:1004px;
 margin:0 auto;
 box-sizing:border-box;
 position:relative
}
.xnav .main li {
 float:left;
 font-size:14px;
 color:rgba(255,255,255,.6);
 letter-spacing:.6px;
 margin-right:69px;
 cursor:pointer
}
.xnav .main li:last-child {
 margin-right:0;
 margin-left:0
}
.xnav .main li.active {
 opacity:1;
 font-weight:700;
 color:#ebbe4a
}
.xnav .main li:hover {
 opacity:1;
 color:#fff
}
.banner-wrap {
 position:relative
}
.swiper-container {
 width:100%;
 height:100%
}
.banner-wrap .swiper-slide {
 max-width:1440px;
 height:360px;
 overflow:hidden
}
.game_list .banner-wrap .swiper-slide {
 height:300px
}
.banner-wrap .swiper-slide .img-box {
 position:relative;
 width:1440px;
 height:360px;
 margin:0 auto
}
.game_list .banner-wrap .swiper-slide .img-box {
 height:300px
}
.swiper-slide a:not(.mobile-show-mod) {
 display:block;
 width:100%;
 height:100%;
 position:relative
}
.swiper-slide .banner-pic {
 height:100%;
 position:absolute;
 left:50%;
 top:0;
 bottom:0;
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 max-width:1440px
}
.swiper-container-horizontal>.swiper-pagination-bullets {
 max-width:1270px;
 bottom:0;
 left:50%;
 height:20px;
 transform:translateX(-50%);
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 -ms-transform:translateX(-50%)
}
.swiper-pagination-bullet {
 width:5px;
 height:5px;
 background:#fff;
 border-radius:0
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
 margin:0 3px;
 margin-top:5px
}
.banner-wrap .swiper-button-prev.swiper-button-white {
 background:url(../images/xbanner-pre.png) no-repeat center;
 background-size:15px 15px;
 width:50px;
 height:50px;
 background-color:rgba(4,27,46,.6);
 left:0;
 transition:all .3s;
 -ms-transition:all .3s;
 -webkit-transition:all .3s;
 -o-transition:all .3s;
 -moz-transition:all .3s
}
.banner-wrap .swiper-button-next.swiper-button-white {
 background:url(../images/xbanner-next.png) no-repeat center;
 background-size:15px 15px;
 width:50px;
 height:50px;
 background-color:rgba(4,27,46,.6);
 right:0;
 transition:all .3s;
 -ms-transition:all .3s;
 -webkit-transition:all .3s;
 -o-transition:all .3s;
 -moz-transition:all .3s
}
.banner-wrap .swiper-button-prev.swiper-button-white:hover {
 background:url(../images/xbanner-pre.png) no-repeat 40% center;
 background-size:15px 15px;
 background-color:rgba(4,27,46,.8)
}
.banner-wrap .swiper-button-next.swiper-button-white:hover {
 background:url(../images/xbanner-next.png) no-repeat 60% center;
 background-size:15px 15px;
 background-color:rgba(4,27,46,.8)
}
.content {
 width:100%;
 margin-top:48px
}
.user-personal .content {
 margin-top:0
}
.content .main {
 max-width:1004px;
 margin:0 auto
}
.content .title-box {
 width:100%;
 float:left;
 margin-bottom:32px
}
.promotions .content .title-box {
 margin-bottom:24px
}
.content .title-box h2 {
 float:left;
 font-size:24px;
 color:#fff;
 font-weight:700
}
.content .title-box .desc {
 float:right;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 margin-top:3px
}
.content .title-box .desc .text {
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center
}
.content .title-box .desc .text>p {
 font-size:12px;
 color:#fff;
 letter-spacing:1px;
 opacity:.8;
 float:left
}
.content .title-box .subscribe {
 position:relative;
 background:rgba(48,63,145,1);
 margin-left:23px;
 padding:4px 5px 4px 10px;
 display:block;
 transition:all .3s linear;
 -ms-transition:all .3s linear;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 -moz-transition:all .3s linear;
 padding-left:27px
}
.content .title-box .subscribe:before {
 content:' ';
 width:20px;
 height:20px;
 background:url(../images/face-book-icon.png) no-repeat center;
 background-size:100% 100%;
 display:inline-block;
 position:absolute;
 left:0;
 top:0
}
.content .title-box .subscribe.xsubscribe {
 display:none
}
.content .title-box .subscribe .p {
 font-size:12px;
 color:#fff;
 letter-spacing:.69px;
 position:relative;
 float:left;
 opacity:.8
}
.content .title-box .subscribe .ps {
 font-size:12px;
 color:#fff;
 float:left;
 margin-left:2px;
 opacity:.8;
 margin-top:-1px
}
.hot-game {
 margin-bottom:88px
}
.hot-game .list-box,
.hot-game .list-box ul {
 width:100%;
 overflow:hidden
}
.hot-game .list-box ul li {
 float:left;
 margin-right:17px;
 margin-bottom:36px;
 position:relative;
 background:#1f2646
}
.type-label {
 height:24px;
 right:0;
 top:0;
 padding:0 5px;
 box-sizing:border-box;
 position:absolute;
 background-color:#ebbe4a;
 font-size:12px;
 color:#9f6400;
 letter-spacing:-.75px;
 text-align:right;
 line-height:24px;
 z-index:49;
 font-family:dinm
}
.type-labels {
 min-width:50px;
 height:24px;
 right:0;
 top:0;
 padding:0 5px;
 box-sizing:border-box;
 position:absolute;
 background-color:#ebbe4a;
 font-size:16px;
 color:#9f6400;
 text-align:center;
 line-height:24px;
 font-family:dinm
}
.type-label:before,
.type-labels:before {
 content:' ';
 width:12px;
 height:100%;
 position:absolute;
 left:-12px;
 top:0;
 background:url(../images/channel-san.png) no-repeat center;
 background-size:100% 100%
}
.type-labels.time {
 background:#eba04a;
 font-size:16px;
 color:#9a3d00
}
.type-labels.time span {
 font-size:12px;
 color:#9a3d00;
 letter-spacing:-.75px;
 margin-right:3px
}
.type-labels.time:before {
 content:' ';
 width:12px;
 height:100%;
 position:absolute;
 left:-12px;
 top:0;
 background:url(../images/channel-sans.png) no-repeat center;
 background-size:100% 100%
}
.hot-game .list-box ul li:nth-child(4n) {
 margin-right:0
}
.hot-game .list-box ul li .pic {
 width:100%;
 max-width:238px;
 position:relative
}
.hot-game .list-box ul li .pic img {
 width:100%;
 position:relative
}
.hot-game .list-box ul li .pic .first-pic {
 position:absolute;
 left:0;
 top:0;
 z-index:9
}
.hot-game .list-box ul li .btn {
 width:100%;
 display:block;
 height:42px;
 line-height:42px;
 font-size:12px;
 color:#fff;
 letter-spacing:1px;
 text-align:center;
 background:#1d2657;
 transition:color .5s;
 -ms-transition:color .5s;
 -webkit-transition:color .5s;
 -o-transition:color .5s;
 -moz-transition:color 0.s;
 position:relative;
 z-index:2
}
.hot-game .list-box ul li .mask {
 width:100%;
 height:116px;
 position:absolute;
 left:0;
 bottom:0;
 opacity:.9;
 background-image:linear-gradient(180deg,rgba(25,33,75,0) 0,rgba(25,33,75,.51) 20%,#19214b 63%);
 z-index:1
}
.hot-game .list-box ul li .text {
 position:absolute;
 left:0;
 width:100%;
 bottom:64px;
 font-size:18px;
 color:#fff;
 letter-spacing:-.9px;
 text-align:center;
 font-weight:700;
 z-index:89;
 line-height:25px
}
.hot-game .list-box ul li .list-logo {
 max-width:126px;
 position:absolute;
 left:50%;
 transform:translateX(-50%);
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 bottom:58px;
 z-index:2
}
.hot-game .list-box ul li .list-logo img {
 width:100%
}
.hot-media {
 margin-bottom:54px
}
.hot-media .list-box,
.hot-media .list-box ul {
 width:100%;
 overflow:hidden
}
.hot-media .list-box .list {
 width:492px;
 margin-right:17px;
 float:left;
 margin-bottom:36px
}
.hot-media .list-box .list:nth-child(2n) {
 margin-right:0
}
.hot-media .list-box .list .pic {
 width:100%;
 overflow:hidden
}
.hot-media .list-box .list .pic img {
 width:100%
}
.hot-media .list-box .list .mess-box {
 padding:0 26px;
 box-sizing:border-box;
 overflow:hidden;
 background:#1d2657;
 padding-bottom:33px
}
.hot-media .list-box .list .logo {
 width:100%;
 max-height:26px;
 margin-top:27px;
 margin-bottom:18px;
 overflow:hidden
}
.hot-media .list-box .list .logo img {
 height:26px
}
.hot-media .list-box .list .desc {
 width:100%;
 overflow:hidden;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center
}
.hot-media .list-box .list .desc .text {
 flex:1;
 -webkit-box-flex:1;
 -webkit-flex:1;
 -ms-flex:1;
 flex:1;
 max-height:38px
}
.hot-media .list-box .list .desc .text p {
 max-width:290px;
 font-size:12px;
 color:#fff;
 letter-spacing:1px;
 opacity:.8;
 line-height:22px
}
.hot-media .list-box .list .btn {
 width:126px;
 height:38px;
 line-height:38px;
 text-align:center;
 color:#fff;
 background:#3a7bfc;
 font-size:12px;
 letter-spacing:1px;
 display:block;
 transition:all .3s linear;
 -ms-transition:all .3s linear;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 -moz-transition:all .3s linear;
 float:right
}
.err-country .footer {
 background:#111733
}
.footer {
 width:100%;
 overflow:hidden;
 z-index:502;
 min-height:120px;
 padding:16px 0;
 box-sizing:border-box;
 border-top:1px solid rgba(255,255,255,.1)
}
.footer .main {
 width:990px;
 margin:0 auto
}
.footer .b,
.footer .t {
 width:100%;
 float:left
}
.footer .t .p-box {
 width:100%;
 position:relative;
 margin-bottom:16px
}
.footer .t .p-box {
 margin-top:8px
}
.footer .t .p-box .box {
 padding-right:65px;
 float:left
}
.footer .t .p {
 width:100%;
 font-size:12px;
 color:rgba(255,255,255,.6);
 line-height:20px
}
.footer .t .p span {
 vertical-align:bottom!important
}
.footer .t .feeedback {
 min-width:88px;
 border-bottom:none;
 height:36px;
 line-height:36px;
 border:1px solid rgba(255,255,255,.2);
 color:rgba(255,255,255,1);
 opacity:.8;
 padding-left:27px;
 box-sizing:border-box;
 display:inline-block;
 font-size:12px;
 padding-right:10px;
 position:relative
}
.footer .t .feeedback:before {
 content:' ';
 width:10px;
 height:8px;
 background:url(../images/feedback-icon.png) no-repeat center;
 background-size:100% 100%;
 left:0;
 position:absolute;
 top:56%;
 left:11px;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.footer .t .feeedback:hover {
 opacity:1
}
.footer ul {
 overflow:hidden;
 float:left
}
.footer li {
 float:left;
 margin-right:5px
}
.footer li:last-child {
 margin-right:1px
}
.footer li a {
 display:block;
 position:relative;
 padding-right:5px;
 color:#fff;
 opacity:.6;
 line-height:24px;
 font-size:10px;
 cursor:pointer
}
.footer li a:hover {
 opacity:1
}
.footer li a:after {
 content:' ';
 width:1px;
 height:10px;
 position:absolute;
 background:#fff;
 opacity:.6;
 right:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.footer li:last-child a:after {
 display:none
}
.footer .copying {
 opacity:.6;
 font-size:10px;
 color:#fff;
 letter-spacing:0;
 line-height:24px;
 float:left
}
.mc {
 position:absolute;
 height:100%;
 z-index:2
}
.l-mc {
 left:0;
 top:0;
 bottom:0
}
.r-mc {
 right:0;
 top:0;
 bottom:0
}
.game_list .content {
 margin-top:3px;
 min-height:calc(100vh - 488px)
}
.promotions .content {
 min-height:calc(100vh - 237px)
}
.user-personal .content {
 min-height:calc(100vh - 286px)
}
.game_list .banner-wrap {
 width:100%;
 position:relative
}
.game_list .game-mess-box {
 position:fixed;
 left:0;
 top:56px;
 width:100%;
 height:56px;
 background:rgba(20,27,61,.6);
 z-index:5;
 display:none
}
.game_list .game-mess-box .xlogo {
 float:left;
 margin-top:14px
}
.game_list .game-mess-box .xlogo img {
 height:28px
}
.game_list .game-mess-box .game-recharge-btn,
.game_list .game-mess-box .gift-exchange-btn,
.game_list .game-mess-box .subscription-btn {
 height:42px;
 text-align:center;
 line-height:42px;
 float:right;
 margin-top:13px;
 cursor:pointer;
 background:0 0;
 width:auto;
 height:auto;
 margin-top:0;
 line-height:56px;
 margin-left:24px
}
.game_list .game-mess-box .subscription-btn {
 margin-left:0
}
.game_list .game-mess-box .game-recharge-btn p,
.game_list .game-mess-box .gift-exchange-btn p,
.game_list .game-mess-box .subscription-btn p {
 color:#fff;
 font-size:14px;
 position:relative;
 padding-left:22px;
 display:inline-block
}
.game_list .game-mess-box .game-recharge-btn p:before {
 content:' ';
 width:11px;
 height:12px;
 background:url(../images/gold.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 left:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.game_list .game-mess-box .gift-exchange-btn p:before {
 content:' ';
 width:13px;
 height:10px;
 background:url(../images/gift.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 left:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.game_list .game-mess-box .subscription-btn p:before {
 content:' ';
 width:13px;
 height:11px;
 background:url(../images/subscription/subscription.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 left:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.game_list .banner-tool .main {
 max-width:1004px;
 margin:0 auto;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 display:box;
 box-align:center
}
.game_list .banner-tool {
 width:100%;
 padding:4px 0;
 background:rgba(20,27,61,.8);
 position:fixed;
 left:0;
 top:68px;
 z-index:500;
 transition:all .2s linear;
 -webkit-transition:all .2s linear;
 -ms-transition:all .2s linear;
 -o-transition:all .2s linear;
 -moz-transition:all .2s linear
}
.game_list .banner-tool.entity {
 background:rgba(20,27,61,1)
}
.game_list .banner-tool .desc {
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 display:box;
 box-align:center
}
.game_list .banner-tool .desc .text {
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 display:box;
 box-align:center
}
.game_list .banner-tool .desc .text>p {
 font-size:12px;
 color:#fff;
 letter-spacing:0.8px;
 opacity:1;
 float:left;
 line-height:15px
}
.game_list .banner-tool .desc .facebook-icon {
 width:16px;
 height:16px;
 background:url(../images/face-book-icon.png) no-repeat center;
 background-size:100% 100%;
 display:inline-block;
 margin-left:7px;
 margin-right:6px
}
.game_list .banner-tool .abox {
 margin-left:23px;
 display:block
}
.game_list .banner-tool .subscribe {
 background:rgba(48,63,145,1);
 padding:0 5px;
 height:20px;
 line-height:20px;
 display:inline-block;
 transition:all .3s linear;
 -ms-transition:all .3s linear;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 -moz-transition:all .3s linear;
 position:relative;
 padding-left:27px;
 min-width:70px;
 box-sizing:border-box
}
.game_list .banner-tool .subscribe:before {
 content:' ';
 width:20px;
 height:20px;
 background:url(../images/face-book-icon.png) no-repeat center;
 background-size:100% 100%;
 display:inline-block;
 position:absolute;
 left:0;
 top:0
}
.game_list .banner-tool .subscribe.xsubscribe {
 display:none
}
.game_list .banner-tool .subscribe .p {
 font-size:14px;
 color:#fff;
 letter-spacing:.69px;
 position:relative;
 float:left;
 opacity:.8
}
.game_list .banner-tool .subscribe .ps {
 font-size:12px;
 color:#fff;
 float:left;
 margin-left:2px;
 opacity:.8
}
.game_list .banner-tool .right {
 flex:1;
 text-align:right;
 box-flex:1
}
.game_list .banner-tool .right .btn {
 height:42px;
 line-height:42px;
 display:block;
 float:right;
 margin-left:32px;
 text-align:center
}
.game_list .banner-tool .right .btn p {
 display:inline-block;
 font-size:14px;
 color:#fff;
 position:relative;
 padding-left:23px
}
.other-lang.game_list .banner-tool .right .btn p {
 font-size:16px
}
.game_list .banner-tool .right .btn p:hover {
 color:#ebbe4a
}
.game_list .banner-tool .right .btn.gift-exchange p:before {
 content:' ';
 width:17px;
 height:12px;
 background:url(../images/gift.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 left:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.game_list .banner-tool .right .btn.gift-exchange p.imp:after {
 content:' ';
 width:6px;
 height:6px;
 background:#f66;
 border-radius:50%;
 position:absolute;
 right:-8px;
 top:8px
}
.game_list .banner-tool .right .btn.gift-exchange:hover p:before {
 background:url(../images/gift-hover.png) no-repeat center;
 background-size:100% 100%
}
.game_list .banner-tool .right .btn.game-recharge p:before {
 content:' ';
 width:15px;
 height:16px;
 background:url(../images/gold.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 left:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.game_list .banner-tool .right .btn.game-recharge:hover p:before {
 background:url(../images/gold-hover.png) no-repeat center;
 background-size:100% 100%
}
.game_list .banner-tool .right .btn.prop-store p:before {
 content:' ';
 width:18px;
 height:16px;
 background:url(../images/shop-car.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 left:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.game_list .banner-tool .right .btn.prop-store:hover p:before {
 background:url(../images/shop-car-hover.png) no-repeat center;
 background-size:100% 100%
}
.game_list .banner-tool .right .btn.subscription-btn p:before {
 content:' ';
 width:16px;
 height:14px;
 background:url(../images/subscription/subscription.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 left:0;
 top:48%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.game_list .banner-tool .right .btn.subscription-btn:hover p:before {
 background:url(../images/subscription/subscription-hover.png) no-repeat center;
 background-size:100% 100%
}
.game_list .banner-wrap {
 position:relative;
 width:100%;
 z-index:3
}
.game_list .banner-wrap .ad-pic {
 height:300px;
 left:50%;
 top:0;
 transform:translateX(-50%);
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 position:absolute;
 -o-transform:translateX(-50%)
}
.game_list .banner-wrap .x-main {
 width:1004px;
 margin:0 auto;
 overflow:hidden;
 position:relative;
 height:300px
}
.game_list .banner-wrap .game-logo {
 position:absolute;
 height:42px;
 left:0;
 top:86px;
 z-index:40
}
.game_list .banner-wrap .row-game-logo {
 width:90px;
 height:auto
}
.game_list .list-nav {
 width:100%;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 display:box;
 box-align:center
}
.game_list .list-nav .shop-car-btn {
 position:relative;
 cursor:pointer;
 width:18px;
 height:16px;
 background:url(../images/bshop-car.png) no-repeat center;
 background-size:100% 100%
}
.game_list .list-nav .shop-car-btn span {
 position:absolute;
 width:5px;
 height:5px;
 background:#ff3e00;
 border-radius:50%;
 right:-2px;
 top:0;
 z-index:50
}
.game_list .list-nav ul {
 flex:1;
 -webkit-box-flex:1;
 -webkit-flex:1;
 -ms-flex:1;
 flex:1
}
.game_list .list-nav ul li {
 height:73px;
 line-height:73px;
 margin-right:44px;
 color:rgba(255,255,255,.6);
 font-size:14px;
 float:left;
 cursor:pointer;
 transition:all .3s linear;
 -ms-transition:all .3s linear;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 -moz-transition:all .3s linear;
 position:relative
}
.game_list .list-nav ul li.active {
 opacity:1;
 font-weight:700;
 padding-left:10px;
 padding-right:10px;
 color:#ebbe4a
}
.game_list .list-nav ul li.active:before {
 content:' ';
 width:4px;
 height:6px;
 position:absolute;
 left:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 background:url(../images/left-active.png) no-repeat center;
 background-size:100% 100%
}
.game_list .list-nav ul li.active:after {
 content:' ';
 width:4px;
 height:6px;
 position:absolute;
 right:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 background:url(../images/right-active.png) no-repeat center;
 background-size:100% 100%
}
.game_list .list-nav ul li:hover {
 opacity:1;
 color:#fff
}
.game_list_section {
 margin-bottom:24px
}
.game_list_section .list-box,
.game_list_section .list-box ul {
 width:100%;
 overflow:hidden
}
.game_list_section .list-box>ul {
 display:table;
 word-spacing:-1em
}
.game_list_section .list-box>ul>li {
 margin-right:17px;
 margin-bottom:36px;
 position:relative;
 display:inline-block;
 *display:inline;
 word-spacing:0;
 vertical-align:top;
 background:#1f2646
}
.game_list_section .list-box>ul>li .t-box {
 float:left;
 position:relative;
 overflow:hidden;
 width:100%
}
.game_list_section .list-box ul li:nth-child(4n) {
 margin-right:0
}
.game_list_section .list-box ul li .pic {
 width:100%;
 position:relative
}
.game_list_section .list-box ul li .pic img {
 width:100%;
 min-height:100px;
 position:relative
}
.game_list_section .list-box ul li .pic .first-pic {
 position:absolute;
 left:0;
 top:0
}
.game_list_section .list-box ul li .off {
 height:24px;
 width:74px;
 background:url(../images/off.png) no-repeat center;
 background-size:74px 24px;
 position:absolute;
 right:0;
 top:0
}
.game_list_section .list-box ul li .mess-box {
 background-image:linear-gradient(180deg,rgba(29,38,87,0) 0,rgba(29,38,87,.68) 22%,#1d2657 63%);
 position:absolute;
 left:0;
 bottom:0;
 padding:30px 15px 12px 15px;
 width:100%;
 box-sizing:border-box
}
.game_list_section .list-box ul li .recharge .name {
 font-size:14px;
 color:#fff;
 text-align:left;
 letter-spacing:0;
 margin-bottom:16px;
 font-weight:700
}
.game_list_section .list-box ul li .recharge .btn {
 width:100%;
 height:43px;
 line-height:43px;
 text-align:center;
 font-size:14px;
 color:#fff;
 letter-spacing:.8px;
 text-align:center;
 display:block;
 background:#3a7bfc
}
.game_list_section .list-box ul li .shop .name {
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 margin-bottom:10px;
 font-weight:700
}
.game_list_section .list-box ul li .mark-mod-shop-text {
 font-size:13px;
 color:#ffd085;
 letter-spacing:-.2px;
 line-height:12px;
 text-shadow:0 1px 2px rgba(0,0,0,.11);
 position:relative;
 padding-left:20px;
 margin-bottom:12px
}
.game_list_section .list-box ul li .mark-mod-shop-text:before {
 content:' ';
 width:14px;
 height:14px;
 position:absolute;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 background:url(../images/star-icon.png) no-repeat center;
 background-size:14px 14px
}
.game_list_section .list-box ul li .shop {
 padding-top:20px;
 padding-bottom:55px
}
.game_list_section .list-box ul li .shop .price {
 font-size:18px;
 color:#fff;
 letter-spacing:0;
 margin-bottom:4px;
 width:100%;
 font-family:dinm
}
.game_list_section .list-box ul li .shop .old-price {
 font-size:12px;
 color:#fff;
 letter-spacing:0;
 opacity:.5;
 width:100%;
 overflow:hidden;
 text-decoration:line-through;
 margin-bottom:12px;
 font-family:dinm
}
.game_list_section .list-box ul li .shop .price em {
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 float:right;
 margin-top:3px
}
.game_list_section .list-box ul li .buy-btn-box {
 padding:0 15px;
 width:100%;
 box-sizing:border-box;
 position:absolute;
 left:0;
 bottom:12px;
 opacity:1;
 transition:all .3s;
 -ms-transition:all .3s;
 -webkit-transition:all .3s;
 -o-transition:all .3s;
 -moz-transition:all .3s;
 z-index:2
}
.game_list_section .list-box ul li .buy-btn {
 width:100%;
 height:43px;
 line-height:43px;
 letter-spacing:.8px;
 display:block;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 z-index:100;
 display:box;
 box-align:center
}
.game_list_section .list-box ul li .soon-buy-btn {
 width:100%;
 height:42px;
 opacity:.6;
 font-size:14px;
 color:#fff;
 letter-spacing:.8px;
 text-align:center;
 cursor:pointer;
 line-height:42px;
 background:rgba(20,27,61,.9)
}
.game_list_section .list-box ul li .buy-btn .btn {
 flex:1;
 -webkit-box-flex:1;
 -webkit-flex:1;
 -ms-flex:1;
 flex:1;
 height:43px;
 line-height:43px;
 float:left;
 font-size:14px;
 color:#fff;
 letter-spacing:.8px;
 background:#3a7bfc;
 text-align:center
}
.game_list_section .list-box ul li .buy-btn .shop-car {
 width:52px;
 height:43px;
 line-height:43px;
 background:url(../images/shop-car.png) no-repeat center;
 background-color:rgba(66,89,201,.6);
 background-size:16px 14px;
 cursor:pointer;
 margin-left:4px
}
.game_list_section .list-box ul li .more-box {
 position:absolute;
 left:0;
 transform:translateY(100%);
 -webkit-transform:translateY(100%);
 -moz-transform:translateY(100%);
 -ms-transform:translateY(100%);
 -o-transform:translateY(100%);
 width:100%;
 height:100%;
 padding:0 15px;
 background:rgba(20,27,61,.9);
 z-index:99;
 overflow:hidden;
 box-sizing:border-box;
 transition:all .3s;
 -ms-transition:all .3s;
 -webkit-transition:all .3s;
 -o-transition:all .3s;
 -moz-transition:all .3s;
 padding-bottom:55px;
 opacity:0
}
.game_list_section .list-box>ul>li.active .more-box {
 opacity:1;
 transform:translateY(0);
 -webkit-transform:translateY(0);
 -moz-transform:translateY(0);
 -ms-transform:translateY(0);
 -o-transform:translateY(0)
}
.game_list_section .list-box>ul>li.actives .more-box {
 transform:translateY(0);
 -webkit-transform:translateY(0);
 -moz-transform:translateY(0);
 -ms-transform:translateY(0);
 -o-transform:translateY(0)
}
.game_list_section .list-box ul li .more-box .title {
 padding:19px 0;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 width:100%;
 left:0;
 top:0;
 box-sizing:border-box
}
.game_list_section .list-box ul li .more-box .title .name {
 font-size:12px;
 color:#fff;
 letter-spacing:0;
 opacity:.9;
 flex:1;
 -webkit-box-flex:1;
 -webkit-flex:1;
 -ms-flex:1;
 flex:1
}
.game_list_section .list-box ul li .more-box .title .total {
 font-size:12px;
 color:#fff;
 letter-spacing:0
}
.game_list_section .list-box ul li .more-box .shop-list-wrap {
 position:absolute;
 left:15px;
 right:15px;
 top:50px;
 bottom:65px
}
.game_list_section .list-box ul li .more-box .shop-list-wrap .swiper-slide {
 width:100%;
 height:33.33333333%
}
.game_list_section .list-box ul li .more-box .shop-list-wrap::-webkit-scrollbar {
 display:none
}
.game_list_section .list-box ul li .more-box .shop-list-wrap .swiper-slide ul {
 width:100%;
 height:100%
}
.game_list_section .list-box ul li .more-box .shop-list-wrap ul li {
 width:100%;
 height:33.33333333%
}
.game_list_section .list-box ul li .more-box .shop-list-wrap li .div {
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 -webkit-justify-content:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-align-items:center;
 align-items:center;
 height:100%
}
.game_list_section .list-box ul li .more-box .shop-list-wrap li .shop-pic {
 width:48px;
 margin-right:28px
}
.game_list_section .list-box ul li .more-box .shop-list-wrap li .shop-pic img {
 width:100%;
 height:48px
}
.game_list_section .list-box ul li .more-box .shop-list-wrap li .desc {
 flex:1;
 -webkit-box-flex:1;
 -webkit-flex:1;
 -ms-flex:1;
 flex:1;
 font-size:12px;
 color:#fff;
 letter-spacing:0;
 opacity:.8;
 line-height:17px
}
.game_list_section .list-box ul li .more-box .more {
 width:12px;
 height:7px;
 padding:5px 7px;
 background:url(../images/detail-more-jt.png) no-repeat center;
 background-size:12px 7px;
 position:absolute;
 bottom:63px;
 left:50%;
 z-index:56;
 cursor:pointer;
 -webkit-transform:translateX(-50%) rotate(0);
 transition:all .3s;
 -ms-transition:all .3s;
 -webkit-transition:all .3s;
 -o-transition:all .3s;
 -moz-transition:all .3s
}
.game_list_section .list-box ul li .more-box .more.end {
 -webkit-transform:translateX(-50%) rotate(180deg)
}
.game_list_section .list-box ul li .item-box {
 width:100%;
 background-image:linear-gradient(180deg,#19214b 50%,#252e5f 100%);
 height:32px;
 line-height:32px;
 padding:0 9px;
 box-sizing:border-box;
 cursor:pointer;
 display:none;
 float:left;
 position:relative
}
.game_list_section .list-box ul li .item-box p {
 font-size:14px;
 color:#fff;
 float:left;
 position:relative
}
.game_list_section .list-box ul li .item-box p:after {
 content:' ';
 width:14px;
 height:10px;
 background:url(../images/see.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 right:-22px;
 top:12px
}
.game_list_section .list-box ul li .item-box .more-jt {
 width:11px;
 height:6px;
 background:url(../images/more-jt.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 right:9px;
 top:50%;
 transform:translateY(-50%) rotate(180deg);
 -webkit-transform:translateY(-50%) rotate(180deg);
 -moz-transform:translateY(-50%) rotate(180deg);
 -ms-transform:translateY(-50%) rotate(180deg);
 -o-transform:translateY(-50%) rotate(180deg);
 transition:all .3s;
 -ms-transition:all .3s;
 -webkit-transition:all .3s;
 -o-transition:all .3s;
 -moz-transition:all .3s
}
.game_list_section .list-box ul li.actives .item-box .more-jt {
 transform:translateY(-50%) rotate(0);
 -webkit-transform:translateY(-50%) rotate(0);
 -moz-transform:translateY(-50%) rotate(0);
 -ms-transform:translateY(-50%) rotate(0);
 -o-transform:translateY(-50%) rotate(0)
}
.game_list_section .list-box ul li.actives .buy-btn-box {
 opacity:0
}
.personal .content {
 margin-top:0;
 min-height:calc(100vh - 188px)
}
.content .x-main {
 max-width:990px;
 margin:0 auto
}
.game-mess-box .x-main {
 max-width:990px;
 margin:0 auto
}
.personal .x-main {
 padding-bottom:56px
}
.personal .form-box-1 {
 margin-top:16px
}
.personal .form-box {
 width:100%;
 margin-bottom:32px
}
.personal .form-box .form-title {
 width:100%;
 overflow:hidden
}
.personal .form-box .form-title .title-p {
 line-height:84px;
 float:left;
 font-weight:700;
 font-size:18px;
 color:#fff;
 letter-spacing:0
}
.personal .form-box .form-title .title-desc {
 float:left;
 opacity:.4;
 font-size:14px;
 color:rgba(255,255,255,.4);
 line-height:24px;
 margin-left:16px
}
.personal .form-box .mess-box {
 width:100%;
 overflow:hidden
}
.personal .form-box .mess-box .box {
 width:49%;
 background:#171f45;
 padding:0 27px;
 box-sizing:border-box;
 position:relative;
 height:68px
}
.personal .form-box .mess-box .l-box {
 float:left
}
.personal .form-box .mess-box .r-box {
 float:right
}
.personal .form-box .mess-box .box .label {
 float:left;
 font-size:14px;
 color:rgba(255,255,255,.8);
 letter-spacing:0;
 margin-right:16px;
 line-height:68px
}
.personal .form-box .mess-box .box .val {
 float:left;
 line-height:68px;
 font-size:14px;
 color:rgba(255,255,255,.8);
 letter-spacing:0
				 
}
.personal .form-box .mess-box .box .val span {
 display:block;
 float:left;
 line-height:68px
}
.personal .form-box .mess-box .r-box .val {
 vertical-align:bottom
}
.personal .form-box .mess-box .user-pic {
 width:36px;
 height:36px;
 box-sizing:border-box;
 border:1px solid rgba(44,52,86,1);
 border-radius:50%;
 display:block;
 margin-top:16px;
 float:left;
 margin-right:8px
}
.personal .form-box .mess-box .r-box .val.password-val {
 padding-top:2px
}
.personal .form-box .mess-box .edit-btn {
 width:60px;
 height:34px;
 font-size:12px;
 color:#fff;
 text-align:center;
 line-height:34px;
 cursor:pointer;
 background:#3a7bfc;
 position:absolute;
 right:24px;
 top:50%;
 margin-top:-17px
}
.personal .form-box .mess-box .box .tips-label {
 position:relative;
 padding-right:18px
}
.personal .form-box .mess-box .box .tips-label:after {
 content:' ';
 background:url(../images/help.png) no-repeat center;
 background-size:12px 12px;
 width:12px;
 height:12px;
 position:absolute;
 right:0;
 top:50%;
 margin-top:-6px
}
.personal .form-box .item-box {
 width:100%;
 overflow:hidden
}
.personal .form-box .item-box .item {
 width:49%;
 float:left;
														
 background-size:cover;
				   
				   
				  
				   
					
					 
 box-sizing:border-box;
 margin-bottom:24px;
 min-height:145px;
 position:relative;
 background:#171f45
}
.personal .form-box .item-box .item:nth-child(2n) {
 margin-left:2%
}
.personal .form-box .item-box .item .t-box {
 width:100%;
 padding:30px 32px;
 overflow:hidden;
 position:relative;
 box-sizing:border-box
}
.personal .form-box .item-box .item .t-box .mess {
 padding-right:80px;
 width:100%;
 box-sizing:border-box
}
.personal .form-box .item-box .item .t-box .mess .card-name {
 font-size:16px;
 color:rgba(255,255,255,1);
 letter-spacing:0;
 line-height:16px;
				 
 margin-bottom:12px;
 white-space:pre-wrap;
 word-break:break-word;
 overflow:hidden;
 text-overflow:ellipsis;
 width:100%;
 box-sizing:border-box;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.personal .form-box .item-box .item .t-box .mess .card-date {
 font-size:14px;
 color:rgba(255,255,255,.4);
 letter-spacing:0;
 line-height:14px
}
.personal .form-box .item-box .item .t-box .mess .warn {
 color:#fc4e4e;
 opacity:.8
}
.personal .form-box .item-box .item .b-box {
 height:42px;
 line-height:42px;
 padding:0 32px;
 border-top:1px solid rgba(255,255,255,.03)
}
.personal .form-box .item-box .item .b-box p {
			
				
 color:#3a7bfc;
 line-height:42px;
 font-size:14px;
 letter-spacing:0;
				  
 float:left
}
.personal .form-box .item-box .item.add-item {
 text-align:center;
 background:0 0;
 border:1px dashed #323f80;
 cursor:pointer
}
.personal .form-box .item-box .item.add-item.disabled {
 cursor:unset;
 border:1px dashed rgba(255,255,255,.06)
}
.personal .form-box .item-box .item.add-item p {
 display:inline-block;
 font-size:14px;
 color:#3a7bfc;
 letter-spacing:0;
 line-height:14px;
 padding-left:20px;
 position:relative;
 margin-top:64px
}
.personal .form-box .item-box .item.add-item p:before {
 content:' ';
 width:12px;
 height:13px;
 background:url(../images/Addnewcard_blue.png) no-repeat center;
 background-size:12px 13px;
 position:absolute;
 left:0;
 top:50%;
 margin-top:-7px
}
.personal .form-box .item-box .item.add-item.disabled p {
 color:rgba(255,255,255,.1)
}
.personal .form-box .item-box .item.add-item.disabled p:before {
 background:url(../images/Addnewcard_white.png) no-repeat center;
 background-size:12px 13px;
 opacity:.1
}
.personal .form-box .item-box .item .b-box p.set {
 cursor:pointer
}
.personal .form-box .item-box .item .b-box p.remove {
 float:right;
 cursor:pointer
}
.personal .form-box .item-box .item .b-box p.default {
 position:relative;
 color:rgba(255,255,255,.8);
 padding-left:17px;
 opacity:1
}
.personal .form-box .item-box .item .b-box p.default:after {
 content:' ';
 width:9px;
 height:7px;
 background:url(../images/selected-icon.png) no-repeat center;
 background-size:9px 7px;
 position:absolute;
 left:0;
 top:50%;
 margin-top:-3px
}
.personal .form-box .item-box .item .t-box .card-pic {
 width:48px;
 position:absolute;
 right:32px;
 top:35px
}
.personal .form-box .item-box .item .t-box .card-pic img {
 width:100%
}
.feedback .content {
 margin-top:0;
 min-height:calc(100vh - 188px)
}
.feedback .content.calc {
 min-height:calc(100vh - 188px)
}
.feedback .tab-nav-box {
 width:100%;
 box-sizing:border-box;
 margin-bottom:39px;
 margin-top:49px;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center
}
.feedback .tab-nav-box ul {
 flex:1
}
.feedback .tab-nav-box li {
 float:left;
 margin-right:44px
}
.feedback .tab-nav-box li a {
 color:#fff;
 font-size:14px;
 opacity:.8;
 cursor:pointer
}
.feedback .tab-nav-box li.active a {
 font-weight:700;
 opacity:1
}
.feedback .tab-nav-box li:hover a {
 font-weight:700;
 opacity:1
}
.feedback .list-box {
 width:100%;
 display:none
}
.feedback .list-box.active {
 display:block
}
.feedback .list-box .list {
 width:100%;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 height:48px;
 background:#19214b;
 display:box;
 box-align:center
}
.feedback .list-box .list.g-list {
 height:auto;
 padding:18px 0;
 -webkit-box-align:start;
 -webkit-align-items:start;
 align-items:start
}
.feedback .list-box .list:last-child {
 border:none
}
.feedback .list-box .list .label {
 padding-left:29px;
 font-size:12px;
 color:#fff;
 opacity:.6;
 width:139px
}
.feedback .list-box .list .val {
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 flex:1;
 display:box;
 box-align:center;
 box-flex:1
}
.feedback .list-box .list .val p {
 font-size:12px;
 color:#fff
}
.feedback .list-box .list .val .select-box {
 cursor:pointer
}
.feedback .list-box .list .val .select-box p {
 font-size:12px;
 color:#fff;
 position:relative;
 padding-right:18px;
 opacity:1
}
.feedback .list-box .list .val .select-box p span {
 opacity:.4
}
.feedback .list-box .list .val .select-box p:after {
 content:' ';
 width:0;
 height:0;
 border-right:4px solid transparent;
 border-left:4px solid transparent;
 border-top:6px solid #fff;
 position:absolute;
 right:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.feedback .list-box .list .select-order-btn {
 background:rgba(66,89,201,.6);
 min-width:152px;
 padding:0 5px;
 box-sizing:border-box;
 height:28px;
 line-height:28px;
 text-align:center;
 font-size:12px;
 color:#fff;
 cursor:pointer
}
.feedback .list-box .list .textarea {
 color:#fff;
 font-size:12px;
 resize:none;
 min-height:98px;
 width:100%;
 padding-right:15px;
 box-sizing:border-box;
 margin-top:-2px;
 overflow:hidden
}
.feedback .list-box .list .input {
 color:#fff;
 font-size:12px;
 max-width:404px
}
.feedback .list-box .list .textarea::-webkit-input-placeholder {
 opacity:.4;
 color:#fff
}
.feedback .list-box .list .textarea:-moz-placeholder {
 opacity:.4;
 color:#fff
}
.feedback .list-box .list .textarea::-moz-placeholder {
 opacity:.4;
 color:#fff
}
.feedback .list-box .list .textarea:-ms-input-placeholder {
 opacity:.4;
 color:#fff
}
.feedback .list-box .list .input::-webkit-input-placeholder {
 opacity:.4;
 color:#fff
}
.feedback .list-box .list .input:-moz-placeholder {
 opacity:.4;
 color:#fff
}
.feedback .list-box .list .input::-moz-placeholder {
 opacity:.4;
 color:#fff
}
.feedback .list-box .list .input:-ms-input-placeholder {
 opacity:.4;
 color:#fff
}
.feedback>.btn-box {
 width:100%;
 margin-top:36px;
 overflow:hidden;
 margin-bottom:235px
}
.feedback .btn-box .btn {
 width:152px;
 height:42px;
 line-height:42px;
 text-align:center;
 box-sizing:border-box;
 font-size:14px;
 color:#fff;
 float:right;
 cursor:pointer;
 margin-left:16px
}
.feedback .btn-box .btn.cancel-box {
 background:rgba(66,89,201,.6)
}
.feedback .btn-box .btn.next-btn {
 background:#3a7bfc
}
.game-ticket .content {
 margin-top:48px;
 padding-bottom:20px
}
.game-ticket .game-mess-box {
 position:fixed;
 left:0;
 right:0;
 top:68px;
 width:100%;
 height:68px;
 background:#141b3d;
 z-index:80
}
.game-ticket .game-mess-box .xlogo {
 float:left;
 margin-top:16px
}
.game-ticket .game-mess-box .xlogo img {
 height:36px
}
.game-ticket .game-mess-box .prop-store-btn {
 margin-right:1.5%
}
.game-ticket .game-mess-box .prop-store-btn p:before {
 content:' ';
 width:13px;
 height:12px;
 background:url(../images/shop-car.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 left:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.game-wrap .tab-nav-box .tab-box {
 width:100%
}
.game-wrap .tab-nav-box {
 width:100%;
 margin-bottom:48px
}
.game-wrap .tab-nav-box ul {
 width:100%;
 overflow:hidden;
 margin-bottom:22px
}
.game-wrap .tab-nav-box li {
 float:left;
 font-size:14px;
 color:#fff;
 opacity:.6;
 cursor:pointer;
 margin-right:14px;
 transition:color .3s linear;
 -ms-transition:color .3s linear;
 -webkit-transition:color .3s linear;
 -o-transition:color .3s linear;
 -moz-transition:color .3s linear
}
.game-wrap .tab-nav-box li:hover {
 opacity:1;
 font-weight:700;
 border-bottom:1px solid #fff;
 padding-bottom:10px
}
.game-wrap .tab-nav-box li.active {
 opacity:1;
 font-weight:700;
 border-bottom:1px solid #fff;
 padding-bottom:10px
}
.game-wrap .tab-nav-box .box {
 display:none
}
.game-wrap .tab-nav-box .box.active {
 display:block
}
.game-wrap .tab-nav-box .tab-box .type-radio {
 width:488px;
 box-sizing:border-box;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 height:46px;
 margin-bottom:17px
}
.game-wrap .tab-nav-box .tab-box .type-radio .radio {
 flex:1;
 height:46px;
 background-color:#19214b;
 box-sizing:border-box;
 cursor:pointer;
 position:relative;
 border:1px solid #19214b;
 transition:all .3s linear;
 -ms-transition:all .3s linear;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 -moz-transition:all .3s linear;
 position:relative;
 text-align:center
}
.game-wrap .tab-nav-box .tab-box .type-radio .radio p {
 line-height:20px;
 font-size:14px;
 color:#fff;
 opacity:.8;
 display:inline-block;
 height:46px;
 line-height:46px;
 padding-left:22px;
 position:relative
}
.game-wrap .tab-nav-box .tab-box .type-radio .radio.android-radio {
 margin-right:8px
}
.game-wrap .tab-nav-box .tab-box .type-radio .radio.ios-radio {
 margin-left:8px
}
.game-wrap .tab-nav-box .tab-box .type-radio .radio.android-radio p:before {
 content:' ';
 width:14px;
 height:18px;
 background:url(../images/android-icon.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 left:0;
 top:49%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.game-wrap .tab-nav-box .tab-box .type-radio .radio.ios-radio p:before {
 content:' ';
 width:14px;
 height:18px;
 background:url(../images/ios-icon.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 left:0;
 top:46%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.game-wrap .tab-nav-box .tab-box .type-radio .radio.active {
 border:1px solid #86aefd;
 box-sizing:border-box;
 background-color:rgba(30,45,95);
 box-shadow:inset 0 -3px 9px 0 rgba(112,204,255,.15)
}
.game-wrap .tab-nav-box .tab-box .type-radio .radio.active:after {
 content:' ';
 width:30px;
 height:30px;
 position:absolute;
 background:url(../images/list-active.png) no-repeat center;
 background-size:100% 100%;
 right:-1px;
 bottom:-1px
}
.game-wrap .tab-nav-box .n-box {
 -js-display:flex;
 width:488px;
 box-sizing:border-box;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 height:46px;
 margin-bottom:24px
}
.game-wrap .tab-nav-box .y-box {
 background:#19214b;
 width:488px;
 padding:16px;
 box-sizing:border-box;
 position:relative;
 overflow:hidden;
 margin-bottom:24px
}
.game-wrap .tab-nav-box .y-box .item {
 width:100%;
 float:left
}
.game-wrap .tab-nav-box .y-box .item:nth-child(2) {
 margin-top:16px
}
.game-wrap .tab-nav-box .y-box .item:nth-child(3) {
 margin-top:16px
}
.game-wrap .tab-nav-box .y-box .item .label {
 min-width:80px;
 padding-right:15px;
 box-sizing:border-box;
 opacity:.6;
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:14px;
 float:left
}
.game-wrap .tab-nav-box .y-box .edit-btn {
 width:45px;
 height:28px;
 line-height:28px;
 right:16px;
 top:50%;
 -webkit-transform:translateY(-50%);
 background:#2e3e8d;
 font-size:12px;
 color:#fff;
 text-align:center;
 position:absolute;
 cursor:pointer
}
.game-wrap .tab-nav-box .y-box .item .val {
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:14px;
 float:left
}
.game-wrap .tab-nav-box .face-box .n-box {
 margin-bottom:12px
}
.game-wrap .tab-nav-box .face-box .n-box.face-mes-box {
 background:#19214b;
 text-align:center
}
.game-wrap .tab-nav-box .face-box .n-box.face-mes-box .name {
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:14px;
 display:inline-block;
 position:relative;
 padding-left:34px
}
.game-wrap .tab-nav-box .face-box .n-box .face-mes {
 width:100%;
 float:left
}
.game-wrap .tab-nav-box .face-box .n-box.face-mes-box .name img {
 display:block;
 position:absolute;
 width:26px;
 height:26px;
 left:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 border-radius:50%
}
.game-wrap .tab-nav-box .box .input-box {
 -js-display:flex;
 flex:1;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 height:46px;
 display:box;
 box-align:center;
 cursor:pointer
}
.credit-card .list-box .list .input-box.error input,
.credit-card-pop .pop-box .list .input-box.error input,
.game-wrap .tab-nav-box .box .input-box.error .input {
 background:rgba(255,62,0,.1)
}
.credit-card .list-box .list .input-box.error .error-close,
.credit-card-pop .pop-box .list .input-box.error .error-close,
.game-wrap .tab-nav-box .box .input-box.error .error-close {
 content:' ';
 width:13px;
 height:13px;
 background:url(../images/input-error.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 right:15px;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 cursor:pointer
}
.game-wrap .tab-nav-box .box .input-box.disable .input {
 background:#192045;
 border-color:rgba(255,255,255,.05)
}
.game-wrap .tab-nav-box .box .input-box p {
 color:#fff;
 font-size:14px;
 line-height:46px;
 letter-spacing:0
}
.game-wrap .tab-nav-box .box .input-box.disable p {
 color:rgba(255,255,255,.15)
}
.game-wrap .tab-nav-box .box .input-box em {
 width:8px;
 height:6px;
 background:url(../images/sj.png) no-repeat center;
 background-size:100% 100%;
 right:15px;
 top:50%;
 position:absolute;
 transform:translateY(-50%) rotate(0);
 -webkit-transform:translateY(-50%) rotate(0);
 -moz-transform:translateY(-50%) rotate(0);
 -ms-transform:translateY(-50%) rotate(0);
 -o-transform:translateY(-50%) rotate(0);
 transition:all .3s linear;
 -ms-transition:all .3s linear;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 -moz-transition:all .3s linear
}
.game-wrap .tab-nav-box .box .input-box em.active {
 transform:translateY(-50%) rotate(180deg);
 -webkit-transform:translateY(-50%) rotate(180deg);
 -moz-transform:translateY(-50%) rotate(180deg);
 -ms-transform:translateY(-50%) rotate(180deg);
 -o-transform:translateY(-50%) rotate(180deg)
}
.game-wrap .tab-nav-box .box .input-box .select-input {
 width:100%;
 position:absolute;
 left:0;
 top:46px;
 z-index:500;
 display:none
}
.game-wrap .tab-nav-box .box .input-box .select-input .li {
 height:46px;
 line-height:46px;
 background:#1e2d5f;
 font-size:14px;
 color:rgba(255,255,255,.6);
 letter-spacing:0;
 padding:0 15px;
 width:100%;
 box-sizing:border-box;
 position:relative
}
.game-wrap .tab-nav-box .box .input-box .select-input .li .untying-icon {
 position:absolute;
 right:14px;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 width:12px;
 height:12px;
 background:url(../images/untying.png) no-repeat center;
 background-size:100% 100%;
 opacity:.2
}
.game-wrap .tab-nav-box .box .input-box .select-input .li:hover {
 background:#2e386b
}
.game-wrap .tab-nav-box .box .input-box .select-input .li .untying-icon:hover {
 opacity:.6
}
.game-wrap .tab-nav-box .box .input {
 width:100%;
 color:#fff;
 font-size:14px;
 padding:0 15px;
 box-sizing:border-box;
 height:100%;
 background:#192045;
 border:1px solid rgba(255,255,255,.1);
 border-right:none
}
.game-wrap .tab-nav-box .box .input:focus {
 background:#212950;
 border-color:rgba(255,255,255,.15)
}
.game-wrap .tab-nav-box .box .btn {
 width:80px;
 font-size:14px;
 color:rgba(255,255,255,1);
 line-height:46px;
 cursor:pointer;
 text-align:center;
 background:#3a7bfc;
 height:46px;
 transition:all .3s linear;
 -ms-transition:all .3s linear;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 -moz-transition:all .3s linear
}
.game-wrap .tab-nav-box .box .input::-webkit-input-placeholder {
 opacity:.4;
 color:#fff
}
.game-wrap .tab-nav-box .box .input:-moz-placeholder {
 opacity:.4;
 color:#fff
}
.game-wrap .tab-nav-box .box .input::-moz-placeholder {
 opacity:.4;
 color:#fff
}
.game-wrap .tab-nav-box .box .input:-ms-input-placeholder {
 opacity:.4;
 color:#fff
}
.game-wrap .tab-nav-box .box .input-box.disable .input::-webkit-input-placeholder {
 opacity:.15
}
.game-wrap .tab-nav-box .box .input-box.disable .input:-moz-placeholder {
 opacity:.15
}
.game-wrap .tab-nav-box .box .input-box.disable .input::-moz-placeholder {
 opacity:.15
}
.game-wrap .tab-nav-box .box .input-box.disable .input:-ms-input-placeholder {
 opacity:.15
}
.game-wrap .tab-nav-box .box .btn.disable {
 background:#293052;
 color:rgba(255,255,255,.4)
}
.game-wrap .tab-nav-box .box .face-btn {
 max-width:488px;
 height:46px;
 line-height:46px;
 text-align:center;
 background:#395ba3;
 margin-bottom:23px;
 cursor:pointer
}
.game-wrap .tab-nav-box .box .face-btn p {
 display:inline-block;
 font-size:14px;
 color:#fff;
 padding-left:32px;
 position:relative
}
.game-wrap .tab-nav-box .box .face-btn p:before {
 content:' ';
 width:24px;
 height:24px;
 background:url(../images/face-icon.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 left:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.game-wrap .tab-nav-box .help-tips {
 display:inline-block;
 font-size:12px;
 color:rgba(255,255,255,.4);
 cursor:pointer;
 transition:all .3s linear;
 -ms-transition:all .3s linear;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 -moz-transition:all .3s linear;
 position:relative;
 padding-left:18px
}
.game-wrap .tab-nav-box .help-tips:before {
 content:' ';
 width:12px;
 height:12px;
 background:url(../images/help.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 left:0;
 top:50%;
 opacity:.6;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.game-wrap .tab-nav-box .help-tips:hover {
 color:#fff
}
.pay-type-box {
 width:100%
}
.pay-type-box .title {
 width:100%;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 margin-bottom:24px;
 display:box;
 box-align:center
}
.pay-type-box .title.have-desc {
 margin-bottom:8px
}
.pay-type-desc {
 width:100%;
 overflow:hidden;
 font-size:12px;
 color:#fff;
 letter-spacing:0;
 line-height:20px;
 margin-bottom:16px
}
.pay-type-desc span {
 vertical-align:top;
 color:#ebbe4a;
 font-weight:700
}
.pay-type-box .title p {
 font-size:16px;
 color:#fff;
 letter-spacing:.36px;
 line-height:20px;
 font-family:dinm
}
.pay-type-box.account .title p {
 flex:1
}
.pay-type-box .title .about {
 opacity:.6;
 font-size:12px;
 color:#fff;
 letter-spacing:0;
 line-height:26px;
 position:relative;
 text-align:right;
 padding-left:20px;
 cursor:pointer
}
.pay-type-box .title .about:before {
 width:12px;
 height:12px;
 content:' ';
 position:absolute;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 background:url(../images/help-outline.svg) no-repeat center;
 background-size:12px 12px;
 border-radius:50%
}
.pay-type-box .title .ft {
 flex:1;
 text-align:right
}
.pay-type-box .title span {
 font-size:12px;
 color:rgba(255,255,255,.4);
 position:relative;
 padding-left:18px;
 cursor:pointer;
 transition:all .3s linear;
 -ms-transition:all .3s linear;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 -moz-transition:all .3s linear
}
.pay-type-box .title span:hover {
 opacity:1
}
.pay-type-box .title span:before {
 content:' ';
 width:12px;
 height:12px;
 background:url(../images/help-outline.svg) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 left:0;
 top:50%;
 opacity:.6;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.pay-type-box .pay-list-box {
 width:100%
				
}
.pay-type-box .pay-list-box .list {
 width:23.875%;
 margin-right:1.5%;
 margin-bottom:16px;
 float:left;
 max-height:80px;
 background:#171f45;
 padding:22px 16px;
 box-sizing:border-box;
					
 cursor:pointer;
				   
 position:relative;
 border:1px solid #171f45;
 transition:all .3s linear;
 -ms-transition:all .3s linear;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 -moz-transition:all .3s linear;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 border-radius:2px
}
.pay-type-box.payment .pay-list-box .list-box {
 width:49.25%;
 margin-right:1.5%;
 margin-bottom:16px;
 float:left;
 position:relative
}
.pay-type-box.payment .pay-list-box .list {
 width:100%;
 padding:22px 40px 22px 24px;
 padding-right:0;
 margin-bottom:0;
 border-radius:0
}
.pay-type-box.payment .pay-list-box .list:not(.active):hover {
 background:#1b234d;
 border:1px solid #1b234d
}
.pay-type-box.payment .pay-list-box .list.disabled {
 opacity:.4
}
.pay-type-box.account .pay-list-box .list {
 display:block;
 padding-top:13px
}
.pay-type-box .pay-list-box .list .channel {
 width:55px;
 height:24px;
 right:0;
 top:0;
 position:absolute;
 background-color:#ebbe4a;
 font-size:12px;
 color:#9f6400;
 letter-spacing:-.75px;
 text-align:center;
 line-height:24px
}
.pay-type-box .pay-list-box .list .channel:before {
 content:' ';
 width:12px;
 height:100%;
 position:absolute;
 left:-12px;
 top:0;
 background:url(../images/channel-san.png) no-repeat center;
 background-size:100% 100%
}
.pay-type-box .pay-list-box .list:nth-child(4n) {
 margin-right:0
}
.pay-type-box .pay-list-box .list.active {
 border:1px solid #227ee1;
 box-sizing:border-box;
 background:#1b234d
													
}
.pay-type-box .pay-list-box .list.active:after {
 content:' ';
 width:38px;
 height:38px;
 position:absolute;
 background:url(../images/list-active-new.svg) no-repeat center;
 background-size:100% 100%;
 left:-1px;
 top:-1px
}
.pay-type-box .pay-list-box .list-box:nth-child(4n) {
 margin-right:0
}
.pay-type-box.payment .pay-list-box .list-box:nth-child(2n) {
 margin-right:0
}
.pay-type-box.account .pay-list-box .list {
 height:80px;
 padding:0
}
.pay-type-box .pay-list-box .list-box.activeParent .coins-tips-box {
 display:block
}
.pay-type-box .pay-list-box img {
 height:32px
}
.pay-type-box .pay-list-box .label {
 line-height:16px;
 font-size:14px;
 color:#fff;
 opacity:.8;
 margin-left:24px;
			
 word-wrap:break-word;
 word-break:normal;
 word-break:break-all;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical
}
.pay-type-box .pay-list-box .discount {
 font-size:12px;
 color:#fff;
 letter-spacing:-.2px;
 padding:3px 6px;
 background:#e26f00;
 border-radius:2px;
 margin-left:32px
}
.pay-type-box .pay-list-box .price {
 line-height:16px;
 opacity:.6;
 font-size:14px;
 color:#fff;
 text-align:right;
 flex:1
}
.pay-type-box .tips-box {
 margin-top:9px;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 width:100%
}
.pay-type-box .tips-box p {
 font-size:14px;
 color:#fff;
 opacity:.8;
 margin-right:14px
}
.pay-type-box .tips-box img {
 height:32px;
 width:48px;
 margin-right:8px
}
.pay-type-box .coins-tips-box,
.pay-type-box .pay-tips-box {
 position:absolute;
 max-width:100%;
 width:101%;
 padding:24px;
 box-sizing:border-box;
 background:#1b234d;
 flex:none;
 left:0;
 right:0;
 top:100%;
 z-index:52;
 display:none;
 border-radius:0
}
.pay-type-box .coins-tips-box {
 top:78px
}
.pay-type-box .list.active .coins-tips-box,
.pay-type-box .list.active .pay-tips-box {
 display:block
}
.pay-type-box .coins-tips-box .type {
 font-size:16px;
 color:#ff5d5d;
 letter-spacing:-.2px;
 line-height:14px;
 margin-bottom:16px;
 padding-left:23px;
 position:relative
}
.pay-type-box .coins-tips-box .type:before {
 width:15px;
 height:15px;
 content:' ';
 position:absolute;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 background:url(../images/alert.svg) no-repeat center;
 background-size:15px 15px
}
.pay-type-box .coins-tips-box .desc {
 opacity:.6;
 font-size:14px;
 color:#fff;
 line-height:22px;
 margin-bottom:16px
}
.pay-type-box .coins-tips-box .type-1 {
 position:relative;
 font-size:14px;
 color:#fdc148;
 letter-spacing:-.2px;
 line-height:14px;
 padding-left:24px;
 padding-right:16px
}
.pay-type-box .coins-tips-box .type-1:before {
 content:' ';
 width:18px;
 position:absolute;
 height:18px;
 background:url(../images/midascoin.png) no-repeat center;
 background-size:18px 18px;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%)
}
.pay-type-box .coins-tips-box .type-1:after {
 content:' ';
 width:6px;
 position:absolute;
 height:14px;
 background:url(../images/draw-org.png) no-repeat center;
 background-size:6px 14px;
 right:0;
 top:50%;
 -webkit-transform:translateY(-50%)
}
.pay-type-box .coins-tips-box .type-2 .label,
.pay-type-box .coins-tips-box .type-3 .label {
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:18px;
 float:left;
 padding-left:0;
 margin-left:0
}
.pay-type-box .coins-tips-box .type-2 .val {
 float:left
}
.pay-type-box .coins-tips-box .type-2 .val img {
 width:28px;
 height:18px;
 float:left;
 margin-left:8px
}
.pay-type-box .coins-tips-box .type-2 .val p {
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:18px;
 float:left;
 margin-left:8px
}
.pay-type-box .coins-tips-box .type-3 .val .coins p {
 position:relative;
 padding-left:24px;
 font-size:16px;
 color:#fdc148;
 letter-spacing:0;
 line-height:18px;
 font-family:dinm;
 padding-right:13px;
 margin-left:8px
}
.pay-type-box .coins-tips-box .type-3 .val .coins p:before {
 width:18px;
 height:18px;
 content:' ';
 background:url(../images/midascoin.png) no-repeat center;
 background-size:18px 18px;
 position:absolute;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%)
}
.pay-type-box .coins-tips-box .type-3 .val .coins {
 float:left
}
.pay-type-box .coins-tips-box .type-3 .val .coins p:after {
 content:' ';
 width:5px;
 height:11px;
 position:absolute;
 right:0;
 top:50%;
 background:url(../images/jt-svg.svg) no-repeat center;
 background-size:cover;
 -webkit-transform:translateY(-50%)
}
.pay-type-box .pay-tips-box .tip-desc {
 opacity:.6;
 font-size:14px;
 color:#fff;
 line-height:22px;
 text-align:left
}
.pay-type-box .pay-tips-box .pay-type-list {
 overflow:hidden;
 margin-top:12px
}
.pay-type-box .pay-tips-box .pay-type-list .item-list {
 float:left;
 margin-left:15px
}
.pay-type-box .pay-tips-box .pay-type-list .item-list:first-child {
 margin-left:0
}
.pay-type-box .pay-tips-box .pay-type-list .item-list img {
 display:block;
 height:26px;
 width:39px
}
.coin-warn-tips {
 font-size:12px;
 color:#fff;
 letter-spacing:0;
 line-height:12px;
 position:relative;
 padding-left:20px;
 overflow:hidden;
 margin-top:4px
}
.coin-warn-tips.error {
 color:#fc4e4e
}
.coin-warn-tips:before {
 width:12px;
 height:12px;
 content:' ';
 position:absolute;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 background:url(../images/help.png) no-repeat center;
 background-size:12px 12px;
 border-radius:50%
}
.warn-message-block {
 width:100%;
 height:100%;
 left:0;
 top:0;
 right:0;
 bottom:0;
 position:absolute;
 background-color:rgba(20,27,61,.1);
 z-index:2
}
.warn-message {
 width:100%;
 padding:18px 0;
 position:absolute;
 left:0;
 top:0;
 background:#227ee1
}
.warn-message p {
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:14px
}
.warn-message a {
 text-decoration:underline;
 vertical-align:top
}
.game-ticket .game-pay-section {
 margin-top:69px
}
.pay-type-box .coins-tips-box {
 top:78px
}
.pay-type-box .list.active .coins-tips-box,
.pay-type-box .list.active .pay-tips-box {
 display:block
}
.pay-type-box .coins-tips-box .type {
 font-size:16px;
 color:#ff5d5d;
 letter-spacing:-.2px;
 line-height:14px;
 margin-bottom:16px;
 padding-left:23px;
 position:relative
}
.pay-type-box .coins-tips-box .type:before {
 width:15px;
 height:15px;
 content:' ';
 position:absolute;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 background:url(../images/alert.svg) no-repeat center;
 background-size:15px 15px
}
.pay-type-box .coins-tips-box .desc {
 opacity:.6;
 font-size:14px;
 color:#fff;
 line-height:22px;
 margin-bottom:16px
}
.pay-type-box .coins-tips-box .type-1 {
 position:relative;
 font-size:14px;
 color:#fdc148;
 letter-spacing:-.2px;
 line-height:14px;
 padding-left:24px;
 padding-right:16px
}
.pay-type-box .coins-tips-box .type-1:before {
 content:' ';
 width:18px;
 position:absolute;
 height:18px;
 background:url(../images/midascoin.png) no-repeat center;
 background-size:18px 18px;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%)
}
.pay-type-box .coins-tips-box .type-1:after {
 content:' ';
 width:6px;
 position:absolute;
 height:14px;
 background:url(../images/draw-org.png) no-repeat center;
 background-size:6px 14px;
 right:0;
 top:50%;
 -webkit-transform:translateY(-50%)
}
.pay-type-box .coins-tips-box .type-2 .label,
.pay-type-box .coins-tips-box .type-3 .label {
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:18px;
 float:left;
 padding-left:0;
 margin-left:0
}
.pay-type-box .coins-tips-box .type-2 .val {
 float:left
}
.pay-type-box .coins-tips-box .type-2 .val img {
 width:28px;
 height:18px;
 float:left;
 margin-left:8px
}
.pay-type-box .coins-tips-box .type-2 .val p {
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:18px;
 float:left;
 margin-left:8px
}
.pay-type-box .coins-tips-box .type-3 .val .coins p {
 position:relative;
 padding-left:24px;
 font-size:16px;
 color:#fdc148;
 letter-spacing:0;
 line-height:18px;
 font-family:dinm;
 padding-right:13px;
 margin-left:8px
}
.pay-type-box .coins-tips-box .type-3 .val .coins p:before {
 width:18px;
 height:18px;
 content:' ';
 background:url(../images/midascoin.png) no-repeat center;
 background-size:18px 18px;
 position:absolute;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%)
}
.pay-type-box .coins-tips-box .type-3 .val .coins {
 float:left
}
.pay-type-box .coins-tips-box .type-3 .val .coins p:after {
 content:' ';
 width:5px;
 height:11px;
 position:absolute;
 right:0;
 top:50%;
 background:url(../images/jt-svg.svg) no-repeat center;
 background-size:cover;
 -webkit-transform:translateY(-50%)
}
.pay-type-box .pay-tips-box .tip-desc {
 opacity:.6;
 font-size:14px;
 color:#fff;
 line-height:22px;
 text-align:left
}
.pay-type-box .pay-tips-box .pay-type-list {
 overflow:hidden;
 margin-top:12px
}
.pay-type-box .pay-tips-box .pay-type-list .item-list {
 float:left;
 margin-left:15px
}
.pay-type-box .pay-tips-box .pay-type-list .item-list:first-child {
 margin-left:0
}
.pay-type-box .pay-tips-box .pay-type-list .item-list img {
 display:block;
 height:26px;
 width:39px
}
.coin-warn-tips {
 font-size:12px;
 color:#fff;
 letter-spacing:0;
 line-height:12px;
 position:relative;
 padding-left:20px;
 overflow:hidden;
 margin-top:4px
}
.coin-warn-tips.error {
 color:#fc4e4e
}
.coin-warn-tips:before {
 width:12px;
 height:12px;
 content:' ';
 position:absolute;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 background:url(../images/help.png) no-repeat center;
 background-size:12px 12px;
 border-radius:50%
}
.warn-message-block {
 width:100%;
 height:100%;
 left:0;
 top:0;
 right:0;
 bottom:0;
 position:absolute;
 background-color:rgba(20,27,61,.1);
 z-index:2
}
.warn-message {
 width:100%;
 padding:18px 0;
 position:absolute;
 left:0;
 top:0;
 background:#227ee1
}
.warn-message p {
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:14px
}
.warn-message a {
 text-decoration:underline;
 vertical-align:top
}
.game-ticket .game-pay-section {
 margin-top:69px
}
.game-pay-section {
 width:100%;
 overflow:hidden
}
.game-pay-section .title {
 width:100%;
 overflow:hidden;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 display:box;
 box-align:center;
 margin-bottom:16px
}
.game-pay-section .title p {
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:20px;
 font-weight:700
}
.game-pay-section .title .mark-mod-bubble {
 float:left;
 height:27px;
 line-height:27px;
 width:auto;
 padding:0 10px 0 4px;
 background:rgba(214,173,46,.22);
 border:1px solid rgba(245,214,105,.13);
 box-sizing:border-box;
 border-left:0;
 margin-left:20px;
 position:relative;
 border-radius:3px;
 border-top-left-radius:0;
 border-bottom-left-radius:0
}
.game-pay-section .title .mark-mod-bubble:before {
 content:' ';
 width:12px;
 height:27px;
 background:url(../images/arrow-jt1.png) no-repeat center;
 background-size:12px 27px;
 position:absolute;
 left:-12px;
 top:-1px;
 z-index:9
}
.game-pay-section .title .mark-mod-bubble .mess {
 font-size:13px;
 color:#ffd085;
 letter-spacing:-.2px;
 text-shadow:0 1px 2px rgba(0,0,0,.11);
 position:relative;
 padding-left:21px;
 line-height:25px
}
.game-pay-section .title .mark-mod-bubble .mess:before {
 position:absolute;
 content:' ';
 width:14px;
 height:14px;
 background:url(../images/star-icon.png) no-repeat center;
 background-size:14px 14px;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%)
}
.game-pay-section ul {
 width:100%;
 overflow:hidden;
 font-size:0
}
.game-pay-section ul li {
 width:23.875%;
 height:326px;
 position:relative;
 display:inline-block;
 *display:inline;
 word-spacing:0;
 vertical-align:top;
 margin-right:1.5%;
 margin-bottom:16px;
 background:#19214b;
 box-sizing:border-box;

 cursor:pointer;
 border:1px solid #19214b;
 box-sizing:border-box;
 transition:all .3s linear;
 -ms-transition:all .3s linear;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 -moz-transition:all .3s linear
}
.game-pay-section ul li:nth-child(4n) {
 margin-right:0
}
.game-pay-section ul li.active {
 border:1px solid #86aefd;
 background-color:rgba(27,37,83);
 box-shadow:inset 0 -3px 9px 0 rgba(112,204,255,.15);
 box-sizing:border-box
}
.game-pay-section ul li.active:after {
 content:' ';
 width:42px;
 height:42px;
 position:absolute;
 background:url(../images/list-active.png) no-repeat center;
 background-size:100% 100%;
 right:-1px;
 bottom:-1px
}
.game-pay-section ul li:nth-child(4n) {
 margin-right:0
}
.game-pay-section ul li .off {
 width:60px;
 height:24px;
 right:0;
 top:0;
 position:absolute;
 background-color:#ebbe4a;
 font-size:15px;
 color:#9f6400;
 letter-spacing:-1px;
 text-align:center;
 line-height:24px
}
.game-pay-section ul li .off:before {
 content:' ';
 width:12px;
 height:100%;
 position:absolute;
 left:-12px;
 top:0;
 background:url(../images/channel-san.png) no-repeat center;
 background-size:100% 100%
}
.game-pay-section ul li .shop-box {
 width:100%;
 text-align:center;
 height:24px
}
.game-pay-section ul li.not-mess .shop-box {
 margin-bottom:20px
}
.game-pay-section ul li .shop-box .num {
 font-size:24px;
 color:#fff;
 display:inline-block;
 position:relative;
 padding-left:25px;
 font-family:dinm
}
.game-pay-section ul li .shop-box .num .icon {
 width:24px;
 height:24px;
 left:0;
 bottom:2px;
 position:absolute
}
.game-pay-section ul li .shop-pic {
 width:100%;

 overflow:hidden;
 position:relative;
 flex:1
}
.game-pay-section ul li .mark-mod-text {
 width:100%;
 text-align:center;
 height:32px;
 line-height:32px
 
}
.game-pay-section ul li .mark-mod-text p {
 display:inline-block;
 font-size:12px;
 color:#ffd085;
 letter-spacing:-.18px;
 line-height:12px;
 text-shadow:0 1px 2px rgba(0,0,0,.11);
 padding-left:17px;
 position:relative
}
.game-pay-section ul li .mark-mod-text p:before {
 width:12px;
 height:12px;
 content:' ';
 position:absolute;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 background:url(../images/star-icon.png) no-repeat center;
 background-size:12px 12px
}
.game-pay-section ul li .shop-pic img:not(.object-fit) {
 position:absolute;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 margin:0 auto
}
.game-pay-section ul li .shop-pic img.object-fit {
 margin:0 auto;
 object-fit:contain;
 height:100%
}
.game-pay-section ul li.not-mess .shop-pic img {
 max-width:120px;
 max-height:90px;
 height:90px
}
.game-pay-section ul li .shop-box .bonus {
 font-size:24px;
 color:#ebbe4a;
 margin-top:-5px;
 margin-left:2px;
 display:inline-block;
 font-family:dinm
}
.game-pay-section ul li .mess-box {
 margin-bottom:14px;
	 
 box-sizing:border-box;
		 
 padding:13px 12px;
 background:#1d2551;
 border:1px solid #243066;
 border-radius:2px;
 position:relative
}
.game-pay-section ul li .mess-box.pic-mess-box {
 padding:0
}
.game-pay-section ul li .mess-box .item {
 font-size:12px;
 color:rgba(255,255,255,.6);
 letter-spacing:0;
 width:100%;
 overflow:hidden;
 margin-bottom:3px;
 letter-spacing:0;
 text-align:justify;
 line-height:17px;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 display:box;
 box-align:center
}
.game-pay-section ul li .mess-box .label-gift {
 font-size:12px;
 color:rgba(255,255,255,.8);
 text-align:center;
 padding:0 8px;
 background:#384386;
 border-radius:0 0 0 2px;
 position:absolute;
 right:0;
 top:0;
 line-height:20px;
 box-sizing:border-box;
 z-index:10
}
.game-pay-section ul li .mess-box .all-items {
 font-size:12px;
 color:rgba(255,255,255,.6);
 letter-spacing:0;
 text-align:justify;
 line-height:12px;
 margin-bottom:4px
}
.game-pay-section ul li .mess-box .detail {
 font-size:12px;
 color:rgba(255,255,255,.6);
 letter-spacing:-.6px;
 text-align:justify;
 line-height:14px;
 word-break:break-all;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:2;
 line-clamp:2;
 -webkit-box-orient:vertical
}
.game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box {
 position:relative;
 display:inline-table;
 margin:0 auto;
 width:100%;
 padding:0 0;
 box-sizing:border-box;
 text-align:center
}
.game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item {
 display:inline-block;
 text-align:center;
 position:relative;
 margin-left:8px;
 margin-top:6px
}
.game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item:first-child {
 margin-left:0
}
.game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item .img {
 width:48px;
 height:48px;
 position:relative
}
.game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item.single-gift-item {
 max-width:64%;
 min-width:48px;
 margin:0 auto;
 margin-top:6px
}
.game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item.single-gift-item .img {
 padding-bottom:0;
 height:48px;
 width:auto;
 position:relative;
 display:table-cell;
 vertical-align:middle
}
.game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item img {
 width:100%;
 display:inline-block
}
.game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item:not(.single-gift-item) img.wPic {
 position:absolute;
 width:100%;
 top:50%;
 left:0;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 -ms-transform:translateY(-50%)
}
.game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item:not(.single-gift-item) img.hPic {
 position:absolute;
 width:auto;
 height:100%;
 top:0;
 left:50%;
 transform:translateX(-50%);
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 -ms-transform:translateX(-50%)
}
.game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item.single-gift-item img.wPic {
 width:100%;
 height:auto
}
.game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item .img.hImg {
 display:inline-block
}
.game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item.single-gift-item img.hPic,
.game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item.single-gift-item img.whPic {
 width:auto;
 height:100%
}
.game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item p {
 font-size:12px;
 color:#b9bdce;
 line-height:12px;
 width:100%;
 text-align:center;
 margin-bottom:2px;
 margin-top:3px
}
.game-pay-section ul li .price-box {
 background:#1e2d5f;
 text-align:center;
 padding-top:4px;
 padding-bottom:4px;
 box-sizing:border-box;
 height:42px;

 position:relative;
 width:100%
}
.game-pay-section ul li .container {
 display:flex;
 flex-direction:column;
 height:326px;
 padding:44px 16px 14px 16px;
 box-sizing:border-box
}
.game-pay-section ul li.have-mark-text .price-box {
 margin-top:0
}
.game-pay-section ul li.have-mark-text .shop-pic {
 margin:0
}
.game-pay-section ul li .shop-pic {
 margin-top:0;
 margin-bottom:0;
 padding:16px;
 box-sizing:border-box;
 overflow:hidden
}
.game-pay-section ul li .price-box.one-price {
 line-height:42px;
 padding:0
}
.game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item.single-gift-item .img {
 padding-bottom:0;
 height:48px;
 width:auto;
 position:relative;
 display:table-cell;
 vertical-align:middle
}
.game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item img {
 width:100%;
 display:inline-block
}
.game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item:not(.single-gift-item) img.wPic {
 position:absolute;
 width:100%;
 top:50%;
 left:0;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 -ms-transform:translateY(-50%)
}
.game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item:not(.single-gift-item) img.hPic {
 position:absolute;
 width:auto;
 height:100%;
 top:0;
 left:50%;
 transform:translateX(-50%);
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 -ms-transform:translateX(-50%)
}
.game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item.single-gift-item img.wPic {
 width:100%;
 height:auto
}
.game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item .img.hImg {
 display:inline-block
}
.game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item.single-gift-item img.hPic,
.game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item.single-gift-item img.whPic {
 width:auto;
 height:100%
}
.game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item p {
 font-size:12px;
 color:#b9bdce;
 line-height:12px;
 width:100%;
 text-align:center;
 margin-bottom:2px;
 margin-top:3px
}
.game-pay-section ul li .price-box {
 background:#1e2d5f;
 text-align:center;
 padding-top:4px;
 padding-bottom:4px;
 box-sizing:border-box;
 height:42px;
 position:relative;
 width:100%
}
.game-pay-section ul li .container {
 display:flex;
 flex-direction:column;
 height:326px;
 padding:44px 16px 14px 16px;
 box-sizing:border-box
}
.game-pay-section ul li.have-mark-text .price-box {
 margin-top:0
}
.game-pay-section ul li.have-mark-text .shop-pic {
 margin:0
}
.game-pay-section ul li .shop-pic {
 margin-top:0;
 margin-bottom:0;
 padding:16px;
 box-sizing:border-box;
 overflow:hidden
}
.game-pay-section ul li .price-box.one-price {
 line-height:42px;
 padding:0
}
.game-pay-section ul li .price-box .money {
 font-size:20px;
 color:#fff;
 letter-spacing:-.67px;
 font-family:Helvetica;
 font-family:dinm
}
.game-pay-section ul li .price-box .moneyed {
 font-size:12px;
 color:rgba(255,255,255,.6);
 letter-spacing:-.72px;
 text-decoration:line-through;
 margin-top:2px;
 font-family:Helvetica;
 font-family:dinm
}
.pay-sec {
 width:100%;
 background:#0b1339;
 padding:17px 0;
 position:fixed;
 left:0;
 bottom:0;
 z-index:551;
 transition:all .3s;
 -ms-transition:all .3s;
 -webkit-transition:all .3s;
 -o-transition:all .3s;
 -moz-transition:all .3s
}
.pay-sec-box {
 width:100%;
 position:relative;
 margin-top:0
}
.pay-sec.pay-sec-flex {
 background:rgba(20,27,61,1);
 border-top:1px solid rgba(255,255,255,.1)
}
.pay-sec .x-main,
.pay-sec-box .x-main {
 margin:0 auto;
 max-width:990px;
 position:relative;
 z-index:3
}
.pay-sec-box .x-main {
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center
}
.pay-sec-box .left {
 flex:1
}
.pay-sec-box .left .txt {
 font-size:14px;
 color:rgba(255,255,255,.4);
 letter-spacing:0;
 line-height:14px
}
.pay-sec .right,
.pay-sec-box .right {
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 justify-content:center
}
.pay-sec .right .pay-mess {
 align-items:center
}
.pay-sec .right .pay-mess .t {
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center
}
.pay-sec .right .pay-mess .t .label {
 font-size:14px;
 color:#fff
}
.pay-sec .right .pay-mess .t .total {
 font-size:18px;
 color:#fff;
 letter-spacing:0;
 font-family:dinm
}
.pay-sec .right .pay-mess .b {
 margin-top:6px;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center
}
.pay-sec .right .pay-mess .b .label {
 font-size:14px;
 color:#fff;
 opacity:.6
}
.pay-sec .right .pay-mess .b .val {
 opacity:.8;
 font-size:12px;
 color:#ffd361;
 font-family:dinm
}
.pay-sec .right .pay-mess .b .select-btn {
 background:rgba(66,89,201,.6);
 min-width:42px;
 padding:0 5px;
 box-sizing:border-box;
 height:22px;
 line-height:22px;
 font-size:12px;
 color:#fff;
 text-align:center;
 cursor:pointer;
 margin-left:12px
}
.pay-sec .right .pay-btn,
.pay-sec-box .right .pay-btn {
 width:152px;
 height:46px;
 margin-left:48px;
 text-align:center;
 font-size:14px;
 line-height:46px;
 color:#fff;
 background:#3a7bfc;
 cursor:pointer;
 transition:all .3s linear;
 -ms-transition:all .3s linear;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 -moz-transition:all .3s linear
}
.pay-sec .right .pay-mess.midas-coins-pay-mess .b .label,
.pay-sec .right .pay-mess.midas-coins-pay-mess .t .label {
 min-width:150px;
 text-align:right;
 line-height:20px
}
.pay-sec .right .pay-mess.midas-coins-pay-mess .b .label {
 font-size:12px;
 opacity:1
}
.pay-sec .right .pay-mess.midas-coins-pay-mess .b .val {
 font-size:14px;
 color:#ebbe4a;
 letter-spacing:0
}
.pay-sec .right .pay-mess.midas-coins-pay-mess .t .total {
 font-size:16px;
 color:#fff;
 letter-spacing:0;
 line-height:20px;
 position:relative;
 padding-left:20px
}
.pay-sec .right .pay-mess.midas-coins-pay-mess .t .total:before {
 content:' ';
 display:block;
 width:15px;
 height:15px;
 background:url(../images/midascoin.png) no-repeat center;
 background-size:15px 15px;
 position:absolute;
 left:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 -moz-transform:translateY(-50%)
}
.pay-sec .right .pay-mess.midas-coins-pay-mess .b .val {
 position:relative;
 padding-left:20px;
 font-family:Arial
}
.pay-sec .right .pay-mess.midas-coins-pay-mess .b .val:before {
 content:' ';
 display:block;
 width:15px;
 height:15px;
 background:url(../images/midascoin.png) no-repeat center;
 background-size:15px 15px;
 position:absolute;
 left:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 -moz-transform:translateY(-50%)
}
.credit-card .pay-sec .right .pay-btn,
.credit-card .pay-sec-box .right .pay-btn {
 margin-left:16px
}
.pay-sec .right .cancel-btn,
.pay-sec-box .right .cancel-btn {
 width:152px;
 height:46px;
 text-align:center;
 font-size:14px;
 line-height:46px;
 color:#fff;
 background:#2e3e8d;
 cursor:pointer;
 transition:all .3s linear;
 -ms-transition:all .3s linear;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 -moz-transition:all .3s linear
}
.pay-sec .right .pay-btn.disable,
.pay-sec-box .right .pay-btn.disable {
 background:#293052;
 color:rgba(255,255,255,.4)
}
.game-coin .header {
 background:rgba(18,24,54,1)
}
.game-coin .content {
 margin-top:0;
 padding-bottom:340px
}
.game-coin .coin-mess-box {
 background:rgba(18,24,54,1)
}
.game-coin .coin-mess-box .x-main {
 position:relative
}
.game-coin .coin-mess-box .t-box {
 width:100%;
 overflow:hidden;
 padding-top:48px;
 padding-bottom:56px
 
									  
			 
				   
				 
}
.game-coin .coin-mess-box .coin-big-icon {
 width:132px;
 position:absolute;
 right:30px;
 bottom:0
						  
							
					
			 
				 
}
.game-coin .coin-mess-box .t-box .title {
				 
 font-size:24px;
 color:#fff;
 letter-spacing:0;
 font-family:dinm;
 width:100%
}
.game-coin .coin-mess-box .t-box .item-box {
 width:100%;
 overflow:hidden;
 padding-top:31px
}
.game-coin .coin-mess-box .t-box .item-box .item {
 float:left;
 line-height:20px;
 overflow:hidden
}
.game-coin .coin-mess-box .t-box .item-box .item:nth-child(1) {
 border-right:1px solid rgba(255,255,255,.1);
 margin-right:24px;
 padding-right:24px
}
.game-coin .coin-mess-box .t-box .item-box .item .label {
 opacity:.8;
 font-size:14px;
 color:#fff;
 letter-spacing:0;
						  
							
					
 float:left;
 padding-right:8px
			 
				 
}
.game-coin .coin-mess-box .t-box .item-box .item .val {
 overflow:hidden
}
.game-coin .coin-mess-box .t-box .item-box .item .val .country-name img {
 width:28px;
 height:18px;
 float:left;
 margin-top:1px
}
.game-coin .coin-mess-box .t-box .item-box .item .val .country-name p {
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:20px;
 float:left;
 margin-left:8px
}
.game-coin .coin-mess-box .t-box .item-box .item .val .gold {
				
			
				   
 position:relative;
 padding-left:28px;
 font-size:16px;
 color:#fdc148;
 letter-spacing:0;
 font-family:dinm
}
.game-coin .coin-mess-box .t-box .item-box .item .val .gold:before {
			 
 width:20px;
 height:20px;
 background:url(../images/midascoin.png) no-repeat center;
 background-size:20px 20px;
 border-radius:50%;
 position:absolute;
 content:' ';
 left:0;
 top:50%;
							
									
								 
								
 -webkit-transform:translateY(-50%)
 
																  
				
			
				
				 
}
.game-coin .coin-rechage-block {
 padding-top:65px;
 position:relative
								  
			
				 
}
.game-coin .coin-rechage-block.have-warn-message {
 padding-top:105px
		   
}
.game-coin .pay-type-box .titlex em {
 font-size:22px;
 color:#fff;
 padding-left:30px;
 margin-left:15px;
 position:relative;
 font-family:dinm
}
.game-coin .pay-type-box .titlex em:before {
 content:' ';
 width:24px;
 height:24px;
 background:url(../images/coin-icon.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 left:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.game-coin .pay-type-box .pay-list-box .list .t-box {
 width:100%;
 height:78px;
 overflow:hidden;
 text-align:center;
 line-height:78px
}
.game-coin .pay-type-box .pay-list-box .list .t-box .val {
 font-size:18px;
 color:#fff;
 position:relative;
 padding-left:24px;
 display:inline-block;
 font-family:dinm
}
.game-coin .pay-type-box .pay-list-box .list .t-box .val em {
 position:absolute;
 font-size:10px;
 color:#fff;
 font-family:dinm;
 left:100%;
 top:12px;
 background:#e26f00;
 line-height:16px;
 padding:0 5px;
 border-radius:8px 8px 8px 0
}
.game-coin .pay-type-box .pay-list-box .list .t-box .val:before {
 content:' ';
 width:18px;
 height:18px;
 background:url(../images/midascoin.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 left:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.game-coin .pay-type-box .pay-list-box .list .desc {
 width:100%;
 overflow:hidden;
 text-align:center;
 font-size:14px;
 opacity:.6;
 color:#fff;
 font-family:dinm
}
.game-coin .pay-type-box .pay-list-box .list .desc p {
 margin-left:8px;
 display:inline-block;
 margin-top:-2px;
 letter-spacing:-1px;
 vertical-align:initial
}
.game-coin .pay-type-box .pay-list-box .other-list {
 height:80px;
 position:relative;
 padding:0 16px;
 line-height:80px;
 text-align:center;
 padding-top:0!important
}
.game-coin .pay-type-box .pay-list-box .other-list .descs {
			
 font-size:16px;
 color:#fff;
 background:#141b3d;
 padding:7px 8px;
 text-align:center;
 padding-left:32px;
 position:relative;
 position:absolute;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 display:inline-block;
 width:76px;
 overflow:hidden
}
.game-coin .pay-type-box .pay-list-box .other-list .descs:before {
 content:' ';
 width:18px;
 height:18px;
 background:url(../images/midascoin.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 left:8px;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.game-coin .pay-type-box .pay-list-box .other-list .descs input {
			
 float:left;
 color:#fff;
 font-size:18px;
 color:#fff;
 line-height:18px;
 font-family:dinm;
 width:100%;
 caret-color:#227ee1
}
.game-coin .pay-type-box .pay-list-box .other-list .descs {
 opacity:1
}
.game-coin .pay-type-box .pay-list-box .other-list.active .descs {
 background:#171f45
}
.game-coin .account {
 margin-bottom:48px
}
.game-coin .coin-rechage-block.have-warn-message .pay-type-box {
 opacity:.4
}
.game-coin .pay-type-box .pay-list-box .other-list .descs input::-webkit-input-placeholder {
 opacity:.4;
 font-size:12px;
 color:#fff;
 letter-spacing:0;
 line-height:12px;
 font-family:Arial
}
.game-coin .pay-type-box .pay-list-box .other-list .descs input:-moz-placeholder {
 opacity:.4;
 font-size:12px;
 color:#fff;
 letter-spacing:0;
 line-height:12px;
 font-family:Arial
}
.game-coin .pay-type-box .pay-list-box .other-list .descs input::-moz-placeholder {
 opacity:.4;
 font-size:12px;
 color:#fff;
 letter-spacing:0;
 line-height:12px;
 font-family:Arial
}
.game-coin .pay-type-box .pay-list-box .other-list .descs input:-ms-input-placeholder {
 opacity:.4;
 font-size:12px;
 color:#fff;
 letter-spacing:0;
 line-height:12px;
 font-family:Arial
}
.forget,
.login {
 background:url(../images/bg4.jpg) no-repeat center;
 background-size:cover
}
.login .section-box {
 display:none
}
.login .section-box.show {
 display:block
}
.forget .header,
.login .header {
 background:0 0
}
.forget .content,
.login .content {
 margin-top:0;
 min-height:calc(100vh - 68px)
}
.forget .forget-box,
.login .login-box {
 max-width:311px;
 padding:36px 0 0 0;
 background:#111733;
 position:absolute;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%)
}
.login .login-box {
 min-width:375px
}
.forget .forget-box {
 min-height:298px;
 padding-bottom:36px;
 padding-left:32px;
 padding-right:32px;
 width:100%;
 box-sizing:100%
}
.forget .forget-box.reset-pass-box {
 min-height:355px
}
.forget .forget-box.reset-pass-box .verification {
 width:100%;
 overflow:hidden;
 float:left;
 margin-top:5px
}
.forget .forget-box.reset-pass-box .verification .text {
 font-size:13px;
 color:#adadad;
 letter-spacing:.56px;
 line-height:22px;
 margin-bottom:8px
}
.forget .forget-box.reset-pass-box .form-box .x-btn {
 width:105px
}
.forget .forget-box .desc-box {
 width:100%;
 overflow:hidden
}
.forget .forget-box .desc-box p {
 font-size:13px;
 color:#adadad;
 letter-spacing:.56px;
 line-height:22px;
 word-wrap:break-word
}
.forget .forget-box .title {
 font-size:18px;
 color:#fff;
 letter-spacing:0;
 line-height:20px;
 width:100%;
 overflow:hidden;
 margin-bottom:16px
}
.forget .forget-box .form-box .input {
 position:relative;
 box-sizing:border-box;
 overflow:hidden;
 margin-bottom:12px;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 background-color:#fff;
 height:46px;
 display:box;
 box-align:center;
 transition:all .3s linear;
 -ms-transition:all .3s linear;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 -moz-transition:all .3s linear
}
.forget .forget-box .form-box .input-box {
 position:relative;
 box-sizing:border-box;
 overflow:hidden;
 margin-bottom:12px;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 background-color:#fff;
 height:46px;
 transition:all .3s linear;
 -ms-transition:all .3s linear;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 -moz-transition:all .3s linear;
 display:box;
 box-align:center
}
.forget .forget-box .form-box .input-box .input {
 display:block;
 margin-bottom:0;
 flex:1;
 box-flex:1
}
.forget .forget-box .form-box .x-btn {
 width:104px;
 float:right;
 text-align:center;
 height:46px;
 line-height:46px;
 font-size:14px;
 color:rgba(0,0,0,.6);
 letter-spacing:0;
 border-left:1px solid rgba(153,153,153,.2);
 cursor:pointer;
 background:#fff
}
.forget .forget-box .form-box .x-btn:active {
 background:#f2f2f2
}
.forget .forget-box .form-box .input.error .error-close {
 width:13px;
 height:13px;
 background-image:url(../images/input-error.png);
 background-repeat:no-repeat;
 background-color:#fff;
 background-size:13px 13px;
 z-index:9999;
 position:absolute;
 right:15px;
 cursor:pointer;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 -ms-transform:translateY(-50%)
}
.forget .forget-box .form-box {
 width:100%;
 margin-top:16px;
 float:left;
 margin-bottom:20px
}
.forget .forget-box .form-box .x-input {
 flex:1;
 height:100%;
 width:100%;
 box-sizing:border-box;
 padding:0 24px 0 15px;
 border-radius:0
}
.forget .forget-box .form-box .input.error .x-input {
 background:rgba(255,62,0,.05)
}
.forget .forget-box .form-box .inputs,
.login .form-box .inputs {
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center
}
.forget .forget-box .form-box .inputs.code-input {
 width:201px
}
.forget .forget-box .form-box .inputs.code-input .input-code-box {
 width:90px
}
.forget .forget-box .form-box .inputs.code-input .input-code-box input {
 width:90px;
 font-size:14px
}
.forget .forget-box .form-box .input .input-code-box.error input,
.login .login-box .form-box .inputs .input-code-box.error input {
 background:rgba(255,62,0,.05)
}
.forget .forget-box .form-box .input .input-code-box.error,
.login .login-box .form-box .inputs .input-code-box.error {
 height:100%;
 position:relative
}
.forget .forget-box .form-box .input .input-code-box.error .error-close,
.login .login-box .form-box .inputs .input-code-box.error .error-close {
 width:13px;
 height:13px;
 position:absolute;
 right:15px;
 background-image:url(../images/input-error.png);
 background-repeat:no-repeat;
 background-size:13px 13px;
 z-index:9999;
 cursor:pointer;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 -ms-transform:translateY(-50%)
}
.forget .forget-box .form-box .input .input-code-box.error .error-close {
 width:13px;
 height:13px;
 background-image:url(../images/input-error.png);
 background-repeat:no-repeat;
 right:10px;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 cursor:pointer
}
.forget .forget-box .form-box .inputs input,
.login .form-box .inputs input {
 flex:1;
 height:100%;
 box-sizing:border-box;
 padding:0 24px 0 15px;
 border-radius:0
}
.forget .forget-box .form-box .inputs .code,
.login .form-box .inputs .code {
 width:110px;
 font-size:24px;
 color:#000;
 height:46px;
 line-height:46px;
 text-align:center;
 border-left:1px solid rgba(153,153,153,.2)
}
.forget .forget-box .form-box .help {
 width:100%;
 float:left;
 position:relative;
 margin-top:4px
}
.forget .forget-box .form-box .help p {
 display:block;
 float:left;
 font-size:14px;
 color:#adadad;
 cursor:pointer;
 padding-left:16px
}
.forget .forget-box .form-box .help p:before {
 content:' ';
 width:10px;
 height:10px;
 background:url(../images/help.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 left:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.forget .forget-box .btn-box {
 width:100%;
 box-sizing:border-box;
 overflow:hidden;
 margin-top:80px
}
.forget .forget-box .btn-box.position {
 position:absolute;
 padding:0 32px;
 bottom:32px;
 left:0
}
.forget .forget-box .btn-box .btn {
 width:152px;
 box-sizing:border-box;
 height:42px;
 line-height:42px;
 text-align:center;
 font-size:14px;
 color:#fff;
 transition:all .3s linear;
 -ms-transition:all .3s linear;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 -moz-transition:all .3s linear;
 cursor:pointer
}
.forget .forget-box .btn-box .btn.cancel-btn {
 float:left;
 background:#2e3e8d
}
.forget .forget-box .btn-box .btn.next-btn {
 background:#3a7bfc;
 float:right;
 border:none
}
.login .register-box {
 padding:36px 32px 16px 32px;
 background:#111733;
 position:absolute;
 left:50%;
 top:50%;
 width:883px;
 transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 overflow-x:hidden
}
.login .register-box .left {
 max-width:311px;
 min-width:311px;
 float:left;
 margin-right:32px
}
.login .register-box .line {
 width:1px;
 height:100%;
 position:absolute;
 left:375px;
 top:0;
 background:rgba(255,255,255,.05)
}
.login .register-box .right {
 overflow:hidden;
 padding-left:32px;
 padding-top:42px;
 padding-bottom:16px
}
.login .register-box .right .list {
 width:100%;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:flex-start;
 -webkit-align-items:flex-start;
 align-items:flex-start;
 margin-bottom:17px
}
.login .register-box .right .list .checkbox {
 width:16px;
 height:16px;
 border:1px solid silver;
 box-sizing:border-box;
 cursor:pointer
}
.login .register-box .right .list .checkbox.checked {
 background:url(../images/checkbox.png) no-repeat center;
 background-size:16px 16px;
 border:none;
 opacity:1
}
.login .register-box .right .list p {
 flex:1;
 margin-left:10px;
 line-height:17px;
 font-size:12px;
 color:#fff;
 letter-spacing:.8px;
 text-align:justify
}
.login .register-box .right .list p a {
 text-decoration:underline;
 display:inline-block;
 vertical-align:top
}
.login .register-box .right .other-login-box {
 float:left;
 width:100%
}
.login .login-box ul,
.login .register-box ul {
 width:100%;
 float:left;
 margin-bottom:24px
}
.login .login-box ul {
 padding:0 32px;
 box-sizing:border-box
}
.login .login-box ul>li,
.login .register-box ul>li {
 float:left;
 margin-right:16px
}
.login .login-box ul li a,
.login .register-box ul li a {
 font-size:18px;
 opacity:.6;
 color:#fff;
 letter-spacing:0;
 line-height:20px;
 cursor:pointer
}
.login .login-box ul li.active a,
.login .register-box ul li.active a {
 opacity:1
}
.login .login-box ul li:hover a,
.login .register-box ul li:hover a {
 opacity:1
}
.login .login-box .form-box,
.login .register-box .form-box {
 width:100%
}
.login .login-box .form-box {
 box-sizing:border-box;
 padding-left:32px;
 padding-right:32px
}
.login .login-box .form-box .input {
 position:relative;
 box-sizing:border-box;
 overflow:hidden;
 margin-bottom:12px;
 background-color:#fff;
 height:46px;
 width:100%
}
.login .login-box .form-box .inputs.code-input .input-code-box {
 width:90px
}
.login .login-box .form-box .inputs.code-input {
 width:201px
}
.login .login-box .form-box .input.error .error-close {
 width:13px;
 height:13px;
 background-image:url(../images/input-error.png);
 background-repeat:no-repeat;
 background-color:#fff;
 background-size:13px 13px;
 z-index:9999;
 position:absolute;
 cursor:pointer;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 right:15px
}
.login .login-box .form-box .inputs .input-code-box.error {
 background-position:90% center
}
.login .login-box .form-box .input.error input {
 background:rgba(255,62,0,.05)
}
.login .login-box .form-box input,
.login .register-box .form-box input {
 width:100%;
 float:left;
 height:100%;
 box-sizing:border-box;
 padding:0 24px 0 15px;
 border-radius:0
}
.login .register-box .form-box .input {
 position:relative;
 width:100%;
 margin-bottom:12px;
 background:#fff;
 height:46px;
 float:left
}
.login .register-box .form-box .count-input,
.login .register-box .form-box .data-input {
 cursor:pointer;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center
}
.login .register-box .form-box .count-input>p,
.login .register-box .form-box .data-input>p {
 padding:0 24px 0 15px;
 color:rgba(0,0,0,.2);
 flex:1;
 line-height:46px
}
.login .register-box .form-box .input input {
 height:100%
}
.login .register-box .form-box .input.error .error-close {
 width:13px;
 height:13px;
 background-image:url(../images/input-error.png);
 background-repeat:no-repeat;
 background-color:#fff;
 background-size:13px 13px;
 z-index:9999;
 position:absolute;
 cursor:pointer;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 right:15px
}
.login .register-box .form-box .count-input.error,
.login .register-box .form-box .data-input.error {
 background-image:none
}
.login .register-box .form-box .data-input {
 z-index:9999999999
}
.login .register-box .form-box .count-input.error>p,
.login .register-box .form-box .data-input.error>p {
 position:relative;
 background:rgba(255,62,0,.05)
}
.login .register-box .form-box .count-input.error>p .error-close,
.login .register-box .form-box .data-input.error>p .error-close {
 width:13px;
 height:13px;
 background-image:url(../images/input-error.png);
 background-repeat:no-repeat;
 background-color:#fff;
 background-size:13px 13px;
 z-index:9999;
 position:absolute;
 cursor:pointer;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 right:15px
}
.login .register-box .form-box .input.error input {
 background:rgba(255,62,0,.05)
}
.login .register-box .form-box .input .count {
 width:46px;
 height:46px;
 background:url(../images/count-icon.png) no-repeat center;
 background-size:8px 6px;
 border-left:1px solid #ddd;
 cursor:pointer
}
.login .register-box .form-box .input .date {
 width:46px;
 height:46px;
 background:url(../images/date-icon.png) no-repeat center;
 background-size:14px 16px;
 border-left:1px solid #ddd;
 cursor:pointer
}
.login .register-box .form-box .inputs {
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center
}
.login .register-box .form-box .inputs.code-input {
 width:201px
}
.login .register-box .form-box .inputs.code-input .input-code-box {
 width:90px;
 position:relative
}
.login .register-box .form-box .inputs input {
 flex:1
}
.login .register-box .form-box .input-code-box.error {
 height:100%
}
.login .register-box .form-box .input-code-box.error .error-close {
 width:13px;
 height:13px;
 position:absolute;
 background-image:url(../images/input-error.png);
 background-repeat:no-repeat;
 background-size:13px 13px;
 z-index:9999;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 right:15px
}
.login .register-box .form-box .input-code-box.error input {
 background:rgba(255,62,0,.05)
}
.login .register-box .form-box .inputs .code {
 width:110px;
 height:46px;
 line-height:46px;
 text-align:center;
 font-size:24px;
 color:#000;
 background:#fff;
 border:none;
 border-left:1px solid rgba(153,153,153,.2);
 cursor:pointer
}
.form-box input::-webkit-input-placeholder {
 opacity:.2;
 color:#000
}
.form-box input:-moz-placeholder {
 opacity:.2;
 color:#000
}
.form-box input::-moz-placeholder {
 opacity:.2;
 color:#000
}
.form-box input:-ms-input-placeholder {
 opacity:.2;
 color:#000
}
.login .login-box .form-box .btn,
.login .register-box .form-box .btn {
 width:100%;
 height:42px;
 line-height:42px;
 text-align:center;
 font-size:14px;
 color:#fff;
 float:left;
 background:#3a7bfc;
 cursor:pointer;
 margin-bottom:16px
}
.login .login-box .form-box .btn.disable,
.login .register-box .form-box .btn.disable {
 background:#293052;
 color:rgba(255,255,255,.4)
}
.login .register-box .right .btn.mobile-btn {
 display:none
}
.login .login-box .form-box .btn,
.login .register-box .form-box .btn.pc-btn {
 display:block;
 margin-top:4px
}
.login .login-box .b-bx,
.login .register-box .b-bx {
 width:100%;
 overflow:hidden;
 border-bottom:1px solid #343434;
 padding-bottom:23px;
 margin-bottom:15px
}
.login .login-box .b-bx {
 padding:0 32px;
 box-sizing:border-box;
 padding-bottom:23px;
 margin-bottom:0;
 border-bottom:none
}
.login .login-box .other-login-box {
 padding:15px 32px 24px 32px;
 box-sizing:border-box;
 border-top:1px solid rgba(255,255,255,.05)
}
.login .login-box .other-login-box a {
 display:block;
 background:#395ba3;
 position:relative;
 text-align:center;
 height:46px;
 line-height:46px
}
.login .login-box .other-login-box a .label {
 font-size:14px;
 color:#fff;
 display:inline-block;
 position:relative;
 padding-left:36px
}
.login .login-box .other-login-box a .label:before {
 content:' ';
 width:24px;
 height:24px;
 background:url(../images/face-icon.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 left:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.login .register-box .b-bx {
 border:none;
 padding-bottom:0;
 margin-bottom:0
}
.login .register-box .b-bx.pc-b-bx {
 display:block
}
.login .register-box .b-bx.mobile-b-bx {
 display:none
}
.login .login-box .b-bx .auoth,
.login .register-box .b-bx .auoth {
 font-size:14px;
 color:#adadad;
 line-height:20px;
 float:left;
 padding-left:24px;
 position:relative;
 cursor:pointer;
 outline:0;
 max-width:49%
}
.login .login-box .b-bx .auoth:focus {
 outline:0
}
.login .register-box .b-bx .auothh:focus {
 outline:0
}
.credit-card .list-box .list .xy-box.checked .check-icon,
.login .login-box .b-bx .auoth.checked .check-icon,
.login .register-box .b-bx .auoth.checked .check-icon {
 background:url(../images/checkbox.png) no-repeat center;
 background-size:14px 14px;
 border:none;
 opacity:1;
 outline:0
}
.login .login-box .b-bx .auoth:hover,
.login .register-box .b-bx .auoth:hover {
 color:#fff
}
.login .login-box .b-bx .auoth .check-icon,
.login .register-box .b-bx .auoth .check-icon {
 content:' ';
 width:14px;
 height:14px;
 border:1px solid silver;
 position:absolute;
 left:0;
 top:4px;
 box-sizing:border-box;
 display:inline-block
}
.login .login-box .b-bx .wpassword,
.login .register-box .b-bx .wpassword {
 float:right;
 font-size:14px;
 color:#adadad;
 position:relative;
 padding-left:16px;
 cursor:pointer;
 margin-top:3px
}
.login .login-box .b-bx .wpassword:hover,
.login .register-box .b-bx .wpassword:hover {
 color:#fff
}
.login .login-box .b-bx .wpassword:before,
.login .register-box .b-bx .wpassword:before {
 content:' ';
 width:12px;
 height:12px;
 background:url(../images/help.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 left:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.login .register-box .other-login-box {
 padding:0 0 24px 26px;
 box-sizing:border-box;
 margin-top:3px
}
.login .register-box .other-login-box a {
 display:block;
 background:#395ba3;
 position:relative;
 text-align:center;
 height:46px;
 line-height:46px
}
.login .register-box .other-login-box a .label {
 font-size:14px;
 color:#fff;
 display:inline-block;
 position:relative;
 padding-left:36px
}
.login .register-box .other-login-box a .label:before {
 content:' ';
 width:24px;
 height:24px;
 background:url(../images/face-icon.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 left:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
					 
					
 
.credit-card .content {
 margin-bottom:0
}
.credit-card .content,
.currency .content {
 margin-top:0;
 min-height:calc(100vh - 188px);
 box-sizing:border-box;
 padding-bottom:80px
}
.game-shop .content {
 margin-bottom:345px
}
.game-shop .shop-mess-box {
 width:100%;
 overflow:hidden;
 background-color:#141b3d;
 padding:34px 0 25px 0
}
.game-shops .shop-mess-box {
 padding:43px 0 38px 0
}
.game-shop .shop-mess-box .x-main {
 position:relative;
 max-width:990px;
 margin:0 auto;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 display:box;
 box-align:center
}
.currency .go-back,
.game-shop .shop-mess-box .go-back {
 position:absolute;
 font-size:12px;
 color:#fff;
 opacity:.8;
 padding-left:11px;
 top:-30px;
 left:0
}
.currency .go-back {
 top:40px;
 left:0
}
.currency .go-back:before,
.game-shop .shop-mess-box .go-back:before {
 content:' ';
 width:6px;
 height:10px;
 background:url(../images/go-back.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 left:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 -moz-transform:translateY(-50%)
}
.game-shop .shop-mess-box .shop-pic {
 max-height:166px;
 margin-right:50px
}
.game-shop .shop-mess-box .mess-box {
 flex:1
}
.game-shop .shop-mess-box .mess-box.pc-mess-box {
 display:block
}
.game-shop .shop-mess-box .mess-box.mobile-mess-box {
 display:none
}
.game-shop .shop-mess-box .mess-box .list {
 height:30px;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 display:box;
 box-align:center
}
.game-shop .shop-mess-box .mess-box .list .label {
 font-size:12px;
 color:#fff;
 letter-spacing:1px;
 opacity:.6;
 min-width:60px;
 padding-right:15px;
 box-sizing:border-box
}
.game-shop .shop-mess-box .mess-box .list .val {
 font-size:12px;
 color:#fff;
 opacity:.8;
 font-family:dinm
}
.game-shop .shop-mess-box .mess-box .list .val.shop-name {
 font-size:18px;
 color:#fff;
 opacity:1;
 font-weight:700
}
.game-shop .shop-mess-box .mess-box .list .val.shop-price {
 font-size:24px;
 color:#fff;
 opacity:1
}
.game-shop .shop-mess-box .mess-box .list .val.shop-price .old-price {
 font-size:12px;
 color:#fff;
 letter-spacing:0;
 opacity:.6;
 margin-left:6px;
 line-height:18px;
 text-decoration:line-through;
 vertical-align:bottom
}
.game-shop .shop-mess-box .mess-box .list .num-box {
 height:23px;
 border:1px solid rgba(255,255,255,.3);
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 box-sizing:border-box;
 overflow:hidden;
 -webkit-tap-highlight-color:rgba(255,255,255,0);
 -webkit-user-select:none;
 -moz-user-focus:none;
 -moz-user-select:none;
 display:box;
 box-align:center
}
.game-shop .shop-mess-box .mess-box .list .num-box .reduce {
 width:23px;
 color:#fff;
 font-size:15px;
 text-align:center;
 line-height:23px;
 border-right:1px solid rgba(255,255,255,.3);
 cursor:pointer
}
.game-shop .shop-mess-box .mess-box .list .num-box .num {
 flex:1;
 font-size:12px;
 color:#fff;
 opacity:.8;
 text-align:center;
 line-height:23px;
 width:36px;
 box-sizing:border-box;
 font-family:dinm
}
.game-shop .shop-mess-box .mess-box .list .num-box .add {
 width:23px;
 color:#fff;
 font-size:12px;
 text-align:center;
 line-height:23px;
 border-left:1px solid rgba(255,255,255,.3);
 cursor:pointer
}
.game-shop .shop-banner {
 float:left;
 width:488px;
 padding:0 28px;
 position:relative;
 margin-right:44px
}
.game-shop .shop-banner .swiper-container {
 width:488px;
 overflow:hidden
}
.game-shop .shop-banner.leng-one {
 padding:0
}
.game-shop .shop-banner .swiper-container .swiper-wrapper {
 display:box;
 box-align:center
}
.game-shop .shop-banner .swiper-slide {
 text-align:center;
 font-size:18px;
 float:left;
 width:100%;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 display:box;
 box-align:center
}
.game-shop .shop-banner .swiper-slide .list {
 flex:1;
 box-flex:1
}
.game-shop .shop-banner .swiper-slide .list:nth-child(2) {
 margin:0 16px
}
.game-shop .shop-banner .swiper-slide img {
 max-width:104px;
 width:100%;
 max-height:104px;
 margin:0 auto
}
.game-shop .shop-banner .swiper-slide .desc {
 width:100%;
 padding:0 20px;
 box-sizing:border-box;
 font-size:12px;
 color:#fff;
 letter-spacing:0;
 line-height:17px;
 margin-top:13px
}
.game-shop .shop-banner .swiper-pagination-bullets {
 max-width:1270px;
 bottom:-30px;
 left:50%;
 height:20px;
 transform:translateX(-50%);
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 -ms-transform:translateX(-50%)
}
.game-shop .shop-banner .swiper-pagination-bullet {
 width:5px;
 height:5px;
 background:#fff;
 border-radius:0
}
.game-shop .shop-banner .swiper-pagination-bullets .swiper-pagination-bullet {
 margin:0 3px;
 margin-top:5px
}
.game-shop .swiper-button-next,
.game-shop .swiper-button-prev {
 margin-top:0
}
.game-shop .shop-banner .swiper-button-prev.swiper-button-white {
 width:12px;
 height:18px;
 background:url(../images/shop-banner-pre.png) no-repeat center;
 background-size:100% 100%;
 left:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -moz-transform:translateY(-50%)
}
.game-shop .shop-banner .swiper-button-next.swiper-button-white {
 width:12px;
 height:18px;
 background:url(../images/shop-banner-next.png) no-repeat center;
 background-size:100% 100%;
 right:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -webkit-transform:translateY(-50%)
}
.pop-box {
 width:100%;
 height:100%;
 left:0;
 top:0;
 position:fixed;
 background:rgba(19,26,60,.79);
 display:none;
 z-index:500
}
.pop-box .pop {
 width:311px;
 position:absolute;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 background:#19214b;
 padding:25px 32px;
 display:none
}
.pop-box .pop .title {
 font-size:18px;
 color:#fff;
 line-height:20px;
 width:100%;
 overflow:hidden;
 margin-bottom:16px
}
.pop-box .pop .desc {
 font-size:13px;
 color:rgba(255,255,255,.8);
 letter-spacing:.56px;
 line-height:22px;
 margin-bottom:24px
}
.pop-box .pop .desc .org-color {
 color:#ebbe4a
}
.pop-box .pop .btn-box .btn {
 width:100%;
 height:42px;
 line-height:42px;
 font-size:14px;
 color:#fff;
 cursor:pointer;
 text-align:center
}
.pop-box .pop .btn-box .btn.cancel-btn {
 background:#3a7bfc;
 margin-bottom:16px
}
.game_list .pop-box .pop .btn-box .btn.cancel-btn {
 margin-bottom:0;
 background:#2e3e8d
}
.pop-box .pop .btn-box .btn.next-btn {
 background:rgba(66,89,201,.6)
}
.buy-suc .content {
 min-height:calc(100vh - 188px);
 margin-top:0
}
.buy-suc .follow-box {
 min-height:42px;
 padding:13px 0;
 width:100%;
 background:rgba(25,33,75,.6);
 position:fixed;
 left:0;
 top:68px;
 z-index:999
}
.buy-suc .follow-box .main {
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 max-width:1004px;
 margin:0 auto;
 font-size:0
}
.buy-suc .follow-box .left {
 color:#fff;
 opacity:.8;
 line-height:20px;
 font-size:14px;
 margin-right:44px;
 overflow:hidden;
 flex:1
}
.buy-suc .follow-box .right {
 text-align:right
}
.buy-suc .follow-box .right .follow-btn {
 min-width:148px;
 height:42px;
 background:#4259c9;
 display:block;
 text-align:center;
 padding:0 10px;
 box-sizing:border-box;
 line-height:42px
}
.buy-suc .follow-box .right .follow-btn:hover {
 opacity:.8
}
.buy-suc .follow-box .right .follow-btn p {
 display:inline-block;
 padding-left:21px;
 position:relative;
 font-size:14px;
 color:#fff;
 max-width:100px;
 line-height:20px
}
.buy-suc .follow-box .right .follow-btn p:before {
 content:'+';
 color:#fff;
 position:absolute;
 left:0;
 font-size:15px;
 top:50%;
 transform:translateY(-55%);
 -webkit-transform:translateY(-55%);
 -moz-transform:translateY(-55%);
 -ms-transform:translateY(-55%);
 -o-transform:translateY(-55%)
}
.buy-suc-box {
 width:320px;
 margin:0 auto;
 padding-top:183px;
 padding-bottom:50px
}
.buy-suc-box .title {
 width:100%;
 text-align:center;
 margin-bottom:42px
}
.buy-suc-box .title p {
 display:inline-block;
 font-size:24px;
 color:#fff;
 letter-spacing:0;
 line-height:20px;
 padding-left:45px;
 position:relative
}
.buy-suc-box .title p:before {
 content:' ';
 width:32px;
 height:32px;
 background:url(../images/b-buy-success-icon.png) no-repeat center;
 background-size:100% 100%;
 left:0;
 top:50%;
 position:absolute;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.buy-suc-box ul {
 width:100%;
 overflow:hidden
}
.buy-suc-box ul li {
 width:100%;
 overflow:hidden;
 margin-bottom:16px;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:flex-start;
 -webkit-align-items:flex-start;
 align-items:flex-start
}
.buy-suc-box ul li .label {
 opacity:.6;
 font-size:14px;
 color:#fff;
 letter-spacing:1px;
 line-height:20px
}
.buy-suc-box ul li .val {
 font-size:14px;
 color:rgba(255,255,255,.8);
 letter-spacing:1px;
 line-height:20px;
 font-family:dinm;
 flex:1;
 text-align:right
}
.buy-suc-box ul li .val.gold-color span {
 color:#ffc752
}
.buy-suc-box ul li .val.coins span {
 position:relative;
 padding-left:18px
}
.buy-suc-box ul li .val.coins span:before {
 content:' ';
 position:absolute;
 width:14px;
 height:14px;
 background:url(../images/midascoin.png) no-repeat center;
 background-size:14px 14px;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%)
}
.buy-suc-box .btn-box {
 margin-top:8px;
 width:100%;
 overflow:hidden
}
.buy-suc-box .btn-box .btn {
 width:100%;
 display:block;
 text-align:center;
 font-size:14px;
 color:#fff;
 background:#3a7bfc;
 height:42px;
 margin-bottom:24px;
 line-height:42px
}
.buy-suc-box .btn-box.have-order-btn .btn {
 width:49%;
 float:left
}
.buy-suc-box .btn-box.have-order-btn .btn.go-home {
 background:#2e3e8d
}
.buy-suc-box .btn-box.have-order-btn .btn.go-order {
 float:right
}
.buy-suc-box .other-box {
 background:#19214b;
 width:320px;
 height:118px;
 box-sizing:border-box
}
.buy-suc-box .other-box .other-pic {
 float:left;
 width:80px;
 height:80px;
 margin-right:12px
}
.buy-suc-box .other-box .mess-box {
 overflow:hidden
}
.buy-suc-box .other-box .mess-box .title {
 opacity:.8;
 font-size:16px;
 color:#fff;
 font-weight:700;
 line-height:18px;
 width:100%;
 float:left;
 text-align:left;
 margin-bottom:4px
}
.buy-suc-box .other-box .mess-box .desc {
 overflow:hidden;
 width:195px
}
.buy-suc-box .other-box .mess-box .desc span {
 opacity:.6;
 width:195px;
 font-size:12px;
 color:#fff;
 line-height:16px;
 text-overflow:ellipsis
}
.buy-suc-box .other-box a {
 display:block;
 padding:19px 16px
}
.buy-suc-box .other-box .mess-box .desc .go-btn {
 background:#2e3e8d;
 height:24px;
 line-height:24px;
 padding:0 9px;
 font-size:12px;
 color:#fff;
 letter-spacing:0;
 display:inline-block;
 float:right;
 margin-top:5px
}
.coop {
 width:100%;
 padding:42px 12px;
 background:#19214b;
 box-sizing:border-box
}
.coop .desc {
 opacity:.8;
 font-size:14px;
 color:#fff;
 text-align:justify;
 line-height:20px;
 max-width:560px;
 margin:0 auto
}
.coop .mess {
 margin:0 auto;
 margin-top:30px;
 font-size:14px;
 color:#fff;
 padding-left:23px;
 position:relative;
 max-width:560px;
 box-sizing:border-box
}
.coop .mess:before {
 content:' ';
 width:15px;
 height:12px;
 background:url(../images/coop-icon.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 left:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.country .content {
 margin:0
}
.country .content .main {
 padding-top:40px;
 position:relative
}
.country .add-bg {
 height:160px;
 position:absolute;
 left:-142px;
 top:0
}
.country .title {
 font-size:18px;
 color:#fff;
 letter-spacing:0;
 line-height:20px;
 width:100%;
 overflow:hidden;
 margin:0 0 58px 0
}
.country .list {
 width:100%;
 overflow:hidden;
 margin-bottom:52px
}
.country .list .add-type {
 width:100%;
 overflow:hidden;
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:20px;
 margin-bottom:16px
}
.country .list ul {
 width:100%;
 overflow:hidden
}
.country .list ul li {
 width:19.2%;
 padding:12px 16px;
 box-sizing:border-box;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 background:#19214b;
 margin-right:1%;
 float:left;
 cursor:pointer;
 margin-bottom:12px;
 box-sizing:border-box;
 border:1px solid #19214b;
 display:box;
 box-align:center
}
.err-country .list {
 margin-bottom:24px
}
.country .list ul li.active {
 border:1px solid #86aefd;
 background-color:rgba(134,173,253,.15);
 box-shadow:inset 0 -3px 9px 0 rgba(112,204,255,.15)
}
.country .list ul li:nth-child(5n) {
 margin-right:0
}
.country .list ul li img {
 width:24px;
 height:16px;
 margin-right:12px;
 margin:6px 12px 6px 0;
 border-radius:1px
}
.country .list ul li .name {
 font-size:12px;
 color:#fff;
 opacity:.8
}
.coupon .tab-nav-box {
 width:100%;
 margin-bottom:21px;
 margin-top:39px
}
.coupon .tab-nav-box li {
 float:left;
 margin-right:44px
}
.coupon .tab-nav-box li a {
 color:#fff;
 font-size:14px;
 opacity:.8;
 cursor:pointer
}
.coupon .tab-nav-box li.active a {
 font-weight:700;
 opacity:1
}
.coupon .tab-nav-box li:hover a {
 font-weight:700;
 opacity:1
}
.coupon .list-box {
 width:100%;
 display:none
}
.coupon .list-box.active {
 display:block
}
.coupon .content {
 margin-top:0;
 min-height:calc(100vh - 188px)
}
.coupon .tab-list-box {
 margin-bottom:137px
}
.coupon .list-box {
 width:100%;
 display:none
}
.coupon .list-box.active {
 display:block
}
.coupon .list-box .list {
 width:32.3333333333%;
 float:left;
 margin-right:1.5%;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 background:#19214b;
 overflow:hidden;
 margin-bottom:15px;
 display:box;
 box-align:center
}
.coupon .list-box .list .yuan {
 width:14px;
 height:14px;
 background:rgba(20,27,61,1);
 top:50%;
 position:absolute;
 border-radius:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.coupon .list-box .list .ly {
 left:-7px
}
.coupon .list-box .list .ry {
 right:-7px
}
.coupon .list-box .list:nth-child(3n) {
 margin-right:0
}
.coupon .list-box .list .left {
 width:124px;
 position:relative;
 display:-moz-box;
 display:-webkit-box;
 display:-o-box;
 display:box;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 -moz-box-orient:vertical;
 -webkit-box-orient:vertical;
 -o-box-orient:vertical;
 box-orient:vertical
}
.coupon .list-box .list .line {
 position:absolute;
 left:125px;
 top:0;
 height:100%;
 width:0;
 border-right:1px dashed rgba(255,255,255,.12)
}
.coupon .list-box .list .left .money {
 width:124px;
 padding-left:30px;
 font-size:32px;
 color:#fff;
 letter-spacing:-.57px;
 line-height:30px;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 display:box;
 box-align:center;
 margin-bottom:8px;
 font-family:dinm
}
.coupon .list-box .list .left .money span {
 margin-left:6px
}
.coupon .list-box .list .left .desc {
 opacity:.8;
 font-size:12px;
 color:#fff;
 letter-spacing:0;
 width:124px;
 padding-left:30px;
 line-height:17px;
 font-family:dinm
}
.coupon .list-box .list .right {
 flex:1;
 padding:36px 32px
}
.coupon .list-box .list .right .pc-logo {
 height:29px;
 display:block
}
.coupon .list-box .list .right .mobile-logo {
 height:18px;
 display:none
}
.coupon .list-box .list .right .cou-name {
 opacity:.4;
 font-size:12px;
 color:#fff;
 letter-spacing:1px;
 margin:15px 0 4px 0
}
.coupon .list-box .list .right .date {
 opacity:.4;
 font-size:12px;
 color:#fff;
 letter-spacing:0;
 line-height:18px
}
.record .content {
 margin-top:0;
 min-height:calc(100vh - 188px)
}
.record .form-box-warp {
 width:100%;
 overflow-y:auto
}
.record .form-box {
 width:100%;
 -webkit-transition:all .5s ease-in-out
}
.record .form-box .form-title {
				   
 font-size:24px;
 color:#fff;
 letter-spacing:0;
 float:left;
 font-family:dinm;
 margin-top:4px
}
.user-personal .record .form-box .form-title {
 margin-top:0
}
.record .form-box .select-box {
 float:right
				
}
.record .form-box .select-box .select-item {
 height:36px;
 line-height:36px;
 background:#1d2657;
 border-radius:2px;
 float:left;
 margin-left:16px;
 cursor:pointer;
 position:relative;
 width:200px
}
.record .form-box .select-box .select-item .select-block {
 overflow:hidden;
 position:relative
}
#city_dummy,
#date_dummy,
.record .form-box .select-box .select-item .select-block p {
 font-size:14px;
 color:#fff;
 float:left;
 padding:0 32px 0 16px;
 min-width:200px;
 max-width:200px;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
 overflow:hidden;
 box-sizing:border-box;
 background-color:none!important;
 border:none;
 margin-bottom:0;
 height:36px
}
.pc-select {
 display:block
}
.record .form-box-wrap-1 .control-group {
 width:100%;
 height:46px;
 margin-bottom:0
}
.record .form-box-wrap-1 .control-group .form_date_1 {
 width:100%;
 height:46px;
 overflow:hidden;
 cursor:pointer
}
.mobile-select {
 display:none
}
.record .form-box .select-box .select-item .select-block em {
 width:31px;
 height:36px;
 line-height:36px;
 display:block;
 position:absolute;
 right:0;
 top:0;
 border-left:1px solid rgba(20,27,61,.4)
}
.record .form-box .select-box .select-item .select-block em:before {
 content:' ';
 width:10px;
 height:6px;
 background:url(../images/arrow-new.png) no-repeat center;
 background-size:10px 6px;
 position:absolute;
 left:50%;
 top:50%;
 margin-left:-5px;
 margin-top:-3px
}
.record .form-box .select-box .select-item .option-box {
 display:none;
 width:100%;
 position:absolute;
 left:0;
 right:0;
 top:50px;
 z-index:99999
}
.record .form-box .select-box .select-item .option-box:before {
 content:' ';
 width:12px;
 height:4px;
 background:url(../images/pop-san.png) no-repeat center;
 background-size:12px 4px;
 right:8px;
 top:-4px;
 position:absolute
}
.record .form-box .select-box .select-item .option-box ul {
 width:100%;
 overflow:hidden;
 background:#1d2657
}
.record .form-box .select-box .select-item .option-box ul li {
 width:100%;
 overflow:hidden;
 height:40px;
 line-height:40px;
 font-size:14px;
 color:rgba(255,255,255,.6);
 padding:0 16px;
 text-align:left;
 position:relative;
 box-sizing:border-box
}
.record .form-box .select-box .select-item .option-box ul li>p {
 padding-right:15px;
 white-space:pre-wrap;
 word-break:break-word;
 overflow:hidden;
 text-overflow:ellipsis;
 width:100%;
 box-sizing:border-box;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.record .form-box .select-box .select-item .option-box ul li.selected {
 background:#232d62;
 color:#fff
}
.record .form-box .select-box .select-item .option-box ul li.selected:after {
 content:' ';
 width:12px;
 height:9px;
 background:url(../images/selected-icon.png) no-repeat center;
 background-size:12px 9px;
 position:absolute;
 right:12px;
 top:50%;
 margin-top:-5px
}
.record .form-box .select-box .select-item .option-box ul li:hover {
 background:#232d62;
 color:#fff
}
.record-table {
 width:100%;
 overflow:hidden;
 margin-bottom:180px;
 margin-top:34px
}
.record-table .th {
 width:100%;
 height:50px;
 background:rgba(25,33,75,.6);
 line-height:50px;
 padding:0 8px;
 box-sizing:border-box
}
.record-table .th .td {
 opacity:.8;
 font-size:12px;
 color:rgba(255,255,255,.6);
 float:left;
 box-sizing:border-box
}
.record-table .th .td.mobile-show {
 display:none
}
.record-table .th .td1 {
 padding-left:16px;
 width:35%
}
.record-table .th .td2 {
 border-left:1px solid rgba(255,255,255,.05);
 padding-left:16px;
 width:20%
}
.record-table .th .td3 {
 border-left:1px solid rgba(255,255,255,.05);
 padding-left:16px;
 width:15%
}
.record-table .th .td4 {
 border-left:1px solid rgba(255,255,255,.05);
 padding-left:16px;
 width:15%
}
.record-table .th .td5 {
 border-left:1px solid rgba(255,255,255,.05);
 padding-left:16px;
 width:15%
}
.record-record-table .table-body {
 width:100%;
 overflow:hidden;
 transition:height 1s linear;
 -ms-transition:height 1s linear;
 -webkit-transition:height 1s linear;
 -o-transition:height 1s linear;
 -moz-transition:height 1s linear
}
.record-table .table-body .tr {
 width:100%;
 overflow:hidden;
 background:#19214b;
 cursor:pointer;
 padding:0 8px;
 box-sizing:border-box
}
.record-table .table-body .tr:hover {
 background:#1d2657
}
.record-table .table-body .tr .td {
 float:left;
 font-size:12px;
 box-sizing:border-box;
 color:#fff;
 height:72px;
 line-height:72px
}
.record-table .table-body .tr .td p {
 line-height:22px;
 display:inline-block;
 font-family:unset;
 width:95%;
 white-space:pre-wrap;
 word-break:break-word;
 overflow:hidden;
 text-overflow:ellipsis;
 box-sizing:border-box;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.record-table .table-body .tr .td3 p {
 font-family:dinm
}
.record-table .table-body .more-tr {
 overflow:hidden;
 display:none
}
.record-table .table-body .tr .td1 {
 padding-left:16px;
 width:35%;
 height:72px
}
.record-table .table-body .tr .td2 {
 padding-left:16px;
 width:20%
}
.record-table .table-body .tr .td3 {
 padding-left:16px;
 width:15%
}
.record-table .table-body .tr .td4 {
 padding-left:16px;
 width:15%
}
.record-table .table-body .tr .td5 {
 padding-left:16px;
 width:15%
}
.record-table .table-body .tr .td5 p {
 font-size:14px;
 color:#3a7bfc;
 line-height:14px;
 position:relative;
 padding-right:12px;
 width:auto
}
.record-table .table-body .tr .td5 p:after {
 content:' ';
 width:6px;
 height:10px;
 position:absolute;
 right:0;
 top:50%;
 background:url(../images/detailt-icon.png) no-repeat center;
 background-size:6px 10px;
 margin-top:-5px
}
.record-detailt-pop {
 position:fixed;
 top:0;
 bottom:0;
 z-index:500;
 background:#141b3d;
 width:460px;
 box-shadow:-6px 5px 20px #111733;
 z-index:999998;
 opacity:0;
 transform:translateX(600%);
 -webkit-transform:translateX(600%);
 -moz-transform:translateX(600%);
 -ms-transform:translateX(600%);
 -o-transform:translateX(600%);
 -webkit-transition:all .5s ease-in-out;
 transform-origin:right;
 right:0
}
.record-detailt-pop.show {
 opacity:1;
 z-index:999999;
 transform:translateX(0);
 -webkit-transform:translateX(0);
 -moz-transform:translateX(0);
 -ms-transform:translateX(0);
 -o-transform:translateX(0)
}
.record-detailt-pop .pop-title {
 height:164px;
 border-bottom:1px solid rgba(255,255,255,.05);
 overflow:hidden
}
.record-detailt-pop .pop-title p {
 font-size:20px;
 color:#fff;
 letter-spacing:0;
 line-height:20px;
 margin-top:104px;
 width:100%;
 text-align:center;
 font-family:dinm
}
.record-detailt-pop .close-btn {
 width:17px;
 height:17px;
 background:url(../images/close-new.png) no-repeat center;
 background-size:17px 17px;
 position:absolute;
 right:52px;
 top:106px;
 cursor:pointer
}
.record-detailt-pop .detailt-box {
 margin:0 32px;
 overflow-y:auto;
 padding-bottom:140px;
 box-sizing:border-box;
 scrollbar-width:none;
 -ms-overflow-style:none;
 overflow-y:auto
}
.record-detailt-pop .detailt-box::-webkit-scrollbar {
 display:none
}
.record-detailt-pop .item {
 width:100%;
 overflow:hidden;
 padding:32px 0;
 border-bottom:1px solid rgba(255,255,255,.05)
}
.record-detailt-pop .item:last-child {
 border-bottom:none
}
.record-detailt-pop .item ul {
 width:100%
}
.record-detailt-pop .item ul li {
 width:100%;
 margin-bottom:22px;
 overflow:hidden
}
.record-detailt-pop .item ul li:last-child {
 margin-bottom:0
}
.record-detailt-pop .item ul li .label {
 float:left;
 font-size:14px;
 color:rgba(255,255,255,.6);
 line-height:22px;
 width:140px
}
.record-detailt-pop .item ul li .val {
 overflow:hidden;
 color:#fff;
 line-height:22px
}
.record-detailt-pop .item ul li .val p {
 line-height:22px
}
.record-detailt-pop .item ul li .val p span {
 margin-left:4px
}
.record-detailt-pop .item ul li .val p:last-child {
 margin-bottom:0
}
.record-detailt-pop .item ul li.total .label {
 font-size:16px
}
.record-detailt-pop .item ul li.total .val {
 font-size:18px;
 font-family:dinm
}
.record-detailt-pop .txt-one {
 font-size:14px;
 color:rgba(255,255,255,.6);
 line-height:22px;
 margin-bottom:32px
}
.record-detailt-pop .txt-one a {
 color:#227ee1;
 vertical-align:top
}
.record-detailt-pop .block {
 margin-bottom:32px
}
.record-detailt-pop .block .block-title {
 width:100%;
 overflow:hidden;
 line-height:26px;
 margin-bottom:16px
}
.record-detailt-pop .block .block-title p {
 font-size:18px;
 color:#fff;
 letter-spacing:0;
 font-family:dinm;
 float:left
}
.record-detailt-pop .block .block-title .switch-box {
 float:right
}
.record-detailt-pop .block .block-title .switch-box span {
 float:left;
 opacity:.6;
 font-size:14px;
 color:rgba(255,255,255,.6);
 text-align:right;
 line-height:26px;
 margin-right:10px
}
.record-detailt-pop .block .block-title .switch-box .switch-btn {
 float:left;
 width:46px;
 height:26px;
 background:#2c345d;
 border-radius:15px;
 position:relative;
 box-sizing:border-box;
 padding:2px;
 cursor:pointer;
 -webkit-transition:background-color .2s ease-in
}
.record-detailt-pop .block .block-title .switch-box .switch-btn em {
 background:#fff;
 box-shadow:0 0 2px 0 rgba(0,0,0,.2);
 display:block;
 width:22px;
 height:22px;
 position:absolute;
 top:50%;
 transform:translate(8%,-50%);
 -webkit-transform:translate(8%,-50%);
 -ms-transform:translate(8%,-50%);
 -o-transform:translate(8%,-50%);
 -moz-transform:translate(8%,-50%);
 border-radius:50%;
 -webkit-transition:all .2s ease-in
}
.record-detailt-pop .block .block-title .switch-box.open .switch-btn {
 background:#3a7bfc
}
.record-detailt-pop .block .block-title .switch-box.open .switch-btn em {
 transform:translate(90%,-50%);
 -webkit-transform:translate(90%,-50%);
 -moz-transform:translate(90%,-50%);
 -ms-transform:translate(90%,-50%);
 -o-transform:translate(90%,-50%)
}
.record-detailt-pop .block .block-desc {
 font-size:14px;
 color:rgba(255,255,255,.6);
 line-height:22px
}
.record-detailt-pop .pop-btn {
 height:46px;
 line-height:46px;
 font-size:14px;
 color:#fff;
 text-align:center;
 background:#3a7bfc;
 position:absolute;
 bottom:48px;
 left:32px;
 right:32px;
 box-sizing:border-box;
 cursor:pointer
}
.record-detailt-pop .x-pop-btn {
 height:46px;
 line-height:46px;
 font-size:14px;
 color:#3a7bfc;
 text-align:center;
 position:absolute;
 bottom:48px;
 left:32px;
 right:32px;
 box-sizing:border-box;
 cursor:pointer
}
.record-detailt-pop .x-pop-btn.disabled {
 color:rgba(255,255,255,.4);
 cursor:unset
}
.record-detailt-pop .bottom-zz-bg {
 position:absolute;
 background-image:linear-gradient(180deg,rgba(20,27,61,0) 0,#141b3d 26%);
 height:142px;
 width:100%;
 left:0;
 right:0;
 bottom:0;
 display:none
}
.record-detailt-pop.show .bottom-zz-bg {
 display:block
}
.table {
 width:100%;
 overflow:hidden;
 margin-bottom:30px
}
.table .th {
 width:100%;
 height:50px;
 background:rgba(25,33,75,.6);
 line-height:50px
}
.table .th .td {
 opacity:.8;
 font-size:14px;
 color:#fff;
 float:left;
 box-sizing:border-box
}
.table .th .td1 {
 padding-left:29px;
 width:32%
}
.table .th .td2 {
 border-left:1px solid rgba(255,255,255,.05);
 padding-left:18px;
 width:27%
}
.table .th .td3 {
 border-left:1px solid rgba(255,255,255,.05);
 padding-left:18px;
 width:28%
}
.table .th .td4 {
 border-left:1px solid rgba(255,255,255,.05);
 padding-left:18px;
 width:13%
}
.table .table-body {
 width:100%;
 overflow:hidden;
 transition:height 1s linear;
 -ms-transition:height 1s linear;
 -webkit-transition:height 1s linear;
 -o-transition:height 1s linear;
 -moz-transition:height 1s linear
}
.table .table-body .tr {
 width:100%;
 overflow:hidden;
 background:#19214b;
 cursor:pointer
}
.table .table-body .tr:hover {
 background:#1e2d5f
}
.table .table-body .tr .td {
 float:left;
 opacity:.6;
 font-size:12px;
 box-sizing:border-box;
 color:#fff;
 height:49px;
 line-height:49px;
 font-family:dinm
}
.table .table-body .more-tr {
 overflow:hidden;
 display:none
}
.table .table-body .tr .td1 {
 padding-left:29px;
 width:32%;
 height:46px
}
.table .table-body .tr .td2 {
 padding-left:18px;
 width:27%
}
.table .table-body .tr .td3 {
 padding-left:18px;
 width:28%
}
.table .table-body .tr .td4 {
 padding-left:18px;
 width:13%;
 opacity:1
}
.table .table-body .tr .td4 em {
 width:12px;
 height:8px;
 display:inline-block;
 background:url(../images/record-jt.png) no-repeat center;
 background-size:100% 100%;
 transition:all .4s linear;
 -ms-transition:all .4s linear;
 -webkit-transition:all .4s linear;
 -o-transition:all .4s linear;
 -moz-transition:all .4s linear;
 -webkit-transform:rotate(0);
 transform:rotate(0)
}
.table .table-body .tr.active .td4 em {
 -webkit-transform:rotate(180deg);
 transform:rotate(180deg)
}
.null-data-box {
 height:144px;
 background:#19214b;
 text-align:center
}
.null-data-box .tips {
 font-size:14px;
 color:rgba(255,255,255,.6);
 letter-spacing:-.4px;
 text-align:center;
 line-height:144px
}
.paging-tool-box {
 width:100%;
 overflow:hidden;
 margin-top:36px
}
.paging-tool-box ul {
 float:right
}
.find-record {
 font-size:14px;
 color:#3a7bfc;
 line-height:14px;
 cursor:pointer
}
.form-box .find-record {
 width:100%;
 overflow:hidden;
 text-align:center;
 opacity:0;
 height:0
}
.paging-tool-box .find-record {
 float:left;
 font-size:14px;
 color:#3a7bfc;
 line-height:14px;
 cursor:pointer;
 line-height:36px
}
.paging-tool-box ul li {
 background-color:#19214b;
 height:36px;
 line-height:36px;
 text-align:center;
 float:left;
 margin-left:8px;
 position:relative
}
.paging-tool-box ul li img {
 width:7px;
 height:12px;
 position:absolute;
 left:50%;
 top:50%;
 margin-top:-6px;
 margin-left:-3px
}
.paging-tool-box ul li.pre-btn {
 width:36px;
 background-color:#19214b;
 cursor:pointer
}
.paging-tool-box ul li.page-num {
 padding:0 15px;
 font-size:14px;
 color:#fff;
 letter-spacing:0
}
.paging-tool-box ul li.page-num em {
 font-size:14px;
 color:rgba(255,255,255,.6);
 letter-spacing:0;
 padding:0 12px
}
.paging-tool-box ul li.page-num span {
 vertical-align:top;
 font-size:14px;
 color:rgba(255,255,255,.6);
 letter-spacing:0
}
.paging-tool-box ul li.next-btn {
 width:36px;
 background-color:#19214b;
 cursor:pointer
}
.paging-tool-box ul li.next-btn:hover,
.paging-tool-box ul li.pre-btn:hover {
 background-color:#232d62
}
.paging-tool-box ul li.next-btn.disabled,
.paging-tool-box ul li.pre-btn.disabled {
 background-color:#171e45
}
.paging-tool-box ul li.next-btn.disabled img,
.paging-tool-box ul li.pre-btn.disabled img {
 opacity:.4
}
.record .form-box.posts .select-box {
 position:fixed;
 left:0;
 top:56px;
 z-index:999;
 padding-bottom:14px;
 background:#141b3d;
 padding-top:6px
}
.record .form-box .find-record {
 position:fixed;
 left:0;
 top:114px;
 z-index:999;
 opacity:0;
 height:0;
 -webkit-transition:all .5s ease-in-out
}
.record .form-box.posts.show .find-record {
 opacity:1;
 height:auto
}
.input-append .add-on {
 opacity:0;
 width:100%;
 position:absolute;
 z-index:5;
 height:100%
}
.form_date_1 .add-on {
 left:0;
 top:0
}
.icon-arrow-left {
 background:url(../images/datepick-pre.png) no-repeat center;
 background-size:14px 14px
}
.icon-arrow-right {
 background:url(../images/datepick-next.png) no-repeat center;
 background-size:14px 14px
}
.input-append .input {
 width:100%;
 position:absolute;
 z-index:4;
 background:0 0;
 border:none;
 font-size:14px;
 color:#fff;
 float:left;
 padding:0 32px 0 16px;
 height:36px;
 min-width:200px;
 max-width:200px;
 white-space:pre-wrap;
 word-break:break-word;
 overflow:hidden;
 text-overflow:ellipsis;
 box-sizing:border-box;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 box-sizing:border-box
}
.feedback .go-problem-btn {
 width:152px;
 height:46px;
 line-height:46px;
 text-align:center;
 background:#3a7bfc;
 display:block;
 float:right;
 font-size:14px;
 color:#fff
}
.feedback-list .tab-nav-box {
 margin-top:25px;
 margin-bottom:16px;
 font-size:0
}
.feedback-list .table .table-body .more-tr .tr {
 height:auto;
 padding-top:9px;
 padding-bottom:13px
}
.feedback-list .table .table-body .more-tr .tr p {
 font-size:12px;
 color:#fff;
 letter-spacing:0;
 line-height:17px
}
.feedback-list .table .table-body .more-tr .tr .td2 {
 width:68%;
 height:auto;
 opacity:1
}
.shop-car .content {
 margin:0;
 min-height:calc(100vh - 68px)
}
.shop-car .tab-box {
 width:100%;
 overflow:hidden;
 text-align:center;
 border-top:1px solid rgba(255,255,255,.03);
 border-bottom:1px solid rgba(255,255,255,.03);
 box-sizing:border-box;
 height:47px
}
.shop-car .tab-box ul {
 display:inline-table;
 font-size:0
}
.shop-car .tab-box .list {
 width:188px;
 display:inline-block;
 position:relative;
 height:47px;
 cursor:pointer
}
.shop-car .tab-box .list.active {
 background:#1e2d5f
}
.shop-car .tab-box .list img {
 height:22px;
 position:absolute;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%)
}
.shop-car .tab-list-box {
 width:100%;
 float:left;
 margin-bottom:420px
}
.shop-car .tab-list-box .list-box {
 display:none;
 width:100%;
 float:left
}
.shop-car .tab-list-box .list-box.active {
 display:block
}
.shop-car .tab-list-box .list-box .checkbox-box {
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 height:42px;
 display:box;
 box-align:center
}
.shop-car .tab-list-box .list-box .checkbox-box em {
 width:13px;
 height:13px;
 border:1px solid #fff;
 opacity:.4;
 cursor:pointer;
 box-sizing:border-box;
 display:block
}
.shop-car .tab-list-box .list-box .checkbox-box em.checked {
 background:url(../images/checkbox.png) no-repeat center;
 background-size:13px 13px;
 border:none;
 opacity:1
}
.shop-car .tab-list-box .list-box .checkbox-box p {
 font-size:12px;
 color:#fff;
 line-height:16px;
 padding-left:16px
}
.shop-car .tab-list-box .list-box .box {
 width:100%;
 float:left;
 transition:all .5s linear;
 -ms-transition:all .5s linear;
 -webkit-transition:all .5s linear;
 -o-transition:all 5s linear;
 -moz-transition:all .5s linear
}
.shop-car .tab-list-box .item-box {
 width:49.25%;
 margin-right:1.5%;
 float:left;
 margin-bottom:16px;
 position:relative;
 transition:all .5s linear;
 -ms-transition:all .5s linear;
 -webkit-transition:all .5s linear;
 -o-transition:all 5s linear;
 -moz-transition:all .5s linear
}
.shop-car .tab-list-box .item-box.del {
 opacity:0
}
.shop-car .tab-list-box .item {
 background:#19214b;
 padding:32px 16px;
 box-sizing:border-box;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 width:100%;
 display:box;
 box-align:center
}
.shop-car .tab-list-box .item .del {
 width:46px;
 height:46px;
 background:url(../images/del.png) no-repeat center;
 background-size:14px 14px;
 position:absolute;
 right:0;
 top:21px;
 cursor:pointer;
 z-index:5
}
.shop-car .tab-list-box .item.checkeds .del {
 opacity:.5
}
.shop-car .tab-list-box .item .more {
 width:44px;
 height:40px;
 background:url(../images/hjt.png) no-repeat center;
 background-size:12px 8px;
 position:absolute;
 right:0;
 bottom:16px;
 cursor:pointer;
 z-index:5;
 transition:all .4s linear;
 -ms-transition:all .4s linear;
 -webkit-transition:all .4s linear;
 -o-transition:all .4s linear;
 -moz-transition:all .4s linear;
 -webkit-transform:rotate(0);
 transform:rotate(0)
}
.shop-car .tab-list-box .item.active .more {
 transform:rotate(180deg);
 -webkit-transform:rotate(180deg);
 -moz-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 -o-transform:rotate(180deg)
}
.shop-car .tab-list-box .item-box:nth-child(2n) {
 margin-right:0
}
.shop-car .checkbox {
 width:13px;
 padding-right:36px
}
.shop-car .checkbox em {
 width:13px;
 height:13px;
 border:1px solid #fff;
 opacity:.4;
 display:block;
 cursor:pointer;
 box-sizing:border-box
}
.shop-car .checkbox em.checked {
 background:url(../images/checkbox.png) no-repeat center;
 background-size:13px 13px;
 border:none;
 opacity:1
}
.shop-car .tab-list-box .item.active {
 background:#1e2d5f
}
.shop-car .shop-mess-box {
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 flex:1;
 box-flex:1
}
.shop-car .shop-mess-box .shop-pic {
 max-height:88px;
 margin-right:21px
}
.shop-car .shop-mess-box .mess-box {
 flex:1;
 box-flex:1
}
.shop-car .shop-mess-box .mess-box.pc-mess-box {
 display:block
}
.shop-car .shop-mess-box .mess-box.mobile-mess-box {
 display:none
}
.shop-car .shop-mess-box .mess-box .list {
 height:25px;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 display:box;
 box-align:center
}
.shop-car .shop-mess-box .mess-box .list .label {
 font-size:12px;
 color:#fff;
 letter-spacing:1px;
 opacity:.6;
 width:35px
}
.shop-car .shop-mess-box .mess-box .list .val {
 font-size:12px;
 color:#fff;
 opacity:.8;
 font-family:dinm
}
.shop-car .shop-mess-box .mess-box .list .val.shop-name {
 font-size:14px;
 color:#fff;
 line-height:16px;
 opacity:1;
 font-weight:700
}
.shop-car .shop-mess-box .mess-box .list .num-box {
 height:23px;
 border:1px solid rgba(255,255,255,.3);
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 box-sizing:border-box;
 overflow:hidden;
 -webkit-tap-highlight-color:rgba(255,255,255,0);
 -webkit-user-select:none;
 -moz-user-focus:none;
 -moz-user-select:none
}
.shop-car .shop-mess-box .mess-box .list .num-box .reduce {
 width:23px;
 color:#fff;
 font-size:15px;
 text-align:center;
 line-height:23px;
 border-right:1px solid rgba(255,255,255,.3);
 cursor:pointer
}
.shop-car .shop-mess-box .mess-box .list .num-box .num {
 font-size:12px;
 color:#fff;
 opacity:.8;
 text-align:center;
 line-height:23px;
 width:36px;
 box-sizing:border-box;
 font-family:dinm
}
.shop-car .shop-mess-box .mess-box .list .num-box .add {
 width:23px;
 color:#fff;
 font-size:12px;
 text-align:center;
 line-height:23px;
 border-left:1px solid rgba(255,255,255,.3);
 cursor:pointer
}
.shop-car .more-box {
 width:100%;
 overflow:hidden;
 background:#19214b;
 height:268px;
 position:absolute;
 left:0;
 display:none;
 z-index:50;
 top:100%
}
.shop-car .more-box .swiper-bbox {
 width:100%;
 height:241px;
 overflow:hidden
}
.shop-car .more-box .swiper-container {
 width:100%;
 height:121px
}
.shop-car .more-box .swiper-container .swiper-wrapper {
 width:100%;
 overflow:hidden
}
.shop-car .more-box .swiper-slide {
 text-align:center;
 float:left;
 width:100%;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 padding:24px 34px;
 max-height:121px;
 box-sizing:border-box;
 border-bottom:1px solid rgba(255,255,255,.05)
}
.shop-car .more-box .swiper-slide:last-child {
 border-bottom:none
}
.shop-car .more-box .swiper-slide .slide-box {
 flex:1;
 box-sizing:border-box;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 padding-left:30px
}
.shop-car .more-box .swiper-slide .slide-box:nth-child(2n) {
 margin-right:0
}
.shop-car .more-box .swiper-slide .list {
 height:18px;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center
}
.shop-car .more-box .swiper-slide .shop-pic {
 max-height:74px;
 max-width:74px;
 margin-right:16px
}
.shop-car .more-box .swiper-slide .list .label {
 font-size:10px;
 color:#fff;
 letter-spacing:1px;
 opacity:.6;
 width:28px;
 text-align:left
}
.shop-car .more-box .swiper-slide .list .val {
 font-size:10px;
 color:#fff;
 opacity:.8;
 font-family:dinm
}
.shop-car .more-box .swiper-slide .list .val.shop-name {
 font-size:12px;
 color:#fff;
 line-height:16px;
 opacity:1;
 font-weight:700
}
.shop-car .more-box .more-btn {
 width:100%;
 height:26px;
 overflow:hidden;
 position:absolute;
 left:0;
 bottom:0;
 background:#19214b
}
.shop-car .more-box .more-btn p {
 width:12px;
 height:7px;
 padding:6px 11px;
 background:url(../images/hjt.png) no-repeat center;
 background-size:12px 7px;
 position:absolute;
 top:0;
 left:50%;
 z-index:56;
 cursor:pointer;
 -webkit-transform:translateX(-50%) rotate(0);
 transition:all .3s;
 -ms-transition:all .3s;
 -webkit-transition:all .3s;
 -o-transition:all .3s;
 -moz-transition:all .3s
}
.shop-car .more-box .more-btn p.end {
 -webkit-transform:translateX(-50%) rotate(180deg)
}
.coupon-pop {
 position:fixed;
 width:100%;
 height:100%;
 top:0;
 left:0;
 right:0;
 bottom:0;
 z-index:999;
 background:rgba(19,26,60,.79);
 display:none
}
.coupon-pop .x-main {
 width:990px;
 margin:0 auto;
 position:absolute;
 left:50%;
 height:100%;
 top:0;
 bottom:0;
 transform:translateX(-50%);
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 -o-transform:translateX(-50%)
}
.coupon-pop .pop {
 padding:24px;
 box-sizing:border-box;
 max-width:536px;
 background:#0b1339;
 right:-108px;
 bottom:80px;
 position:absolute;
 transition:all .3s;
 -ms-transition:all .3s;
 -webkit-transition:all .3s;
 -o-transition:all .3s;
 -moz-transition:all .3s
}
.coupon-pop .pop .title {
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 width:100%;
 font-weight:700
}
.coupon-pop .pop .list-box {
 width:100%;
 overflow:hidden;
 margin-bottom:24px
}
.coupon-pop .pop .list-box .list {
 width:48.5%;
 margin-right:3%;
 float:left;
 margin-top:16px;
 background:#19214b;
 padding:16px;
 border:1px solid #19214b;
 box-sizing:border-box;
 position:relative;
 cursor:pointer;
 transition:all .3s;
 -ms-transition:all .3s;
 -webkit-transition:all .3s;
 -o-transition:all .3s;
 -moz-transition:all .3s
}
.coupon-pop .pop .list-box .list.active {
 border-color:#86aefd;
 background-color:rgba(30,45,95);
 box-shadow:inset 0 -3px 9px 0 rgba(112,204,255,.15);
 overflow:hidden
}
.coupon-pop .pop .list-box .list.active:after {
 content:' ';
 width:42px;
 height:42px;
 position:absolute;
 background:url(../images/list-active.png) no-repeat center;
 background-size:100% 100%;
 right:-1px;
 bottom:-1px;
 z-index:5
}
.coupon-pop .pop .list-box .list:nth-child(2n) {
 margin-right:0
}
.coupon-pop .pop .list-box .list .money {
 font-size:24px;
 color:#fff;
 letter-spacing:-.43px;
 line-height:30px;
 font-family:dinm
}
.coupon-pop .pop .list-box .list .desc {
 margin-top:4px;
 margin-bottom:16px;
 opacity:.8;
 font-size:12px;
 color:#fff;
 letter-spacing:0;
 font-family:dinm
}
.coupon-pop .pop .list-box .list .date {
 opacity:.4;
 font-size:12px;
 color:#fff;
 letter-spacing:0;
 line-height:16px
}
.coupon-pop .pop .list-box .list .pc-logo {
 display:block;
 height:21px;
 position:absolute;
 right:16px;
 top:19px
}
.coupon-pop .pop .list-box .list .mobile-logo {
 display:none
}
.coupon-pop .pop .list-box .list .money span {
 margin-left:5px
}
.coupon-pop .pop .list-box .list .yuan {
 width:10px;
 height:10px;
 background:#0b1339;
 top:50%;
 position:absolute;
 border-radius:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.coupon-pop .pop .list-box .list .ly {
 left:-5px
}
.coupon-pop .pop .list-box .list .ry {
 right:-5px
}
.coupon-pop .pop .btn-wrap {
 width:100%;
 overflow:hidden;
 box-sizing:border-box
}
.coupon-pop .pop .btn-box {
 width:48.5%;
 float:left;
 overflow:hidden;
 margin-right:3%
}
.coupon-pop .pop .btn-box:last-child {
 margin-right:0
}
.coupon-pop .pop .btn {
 font-size:14px;
 color:#fff;
 height:42px;
 line-height:42px;
 text-align:center;
 width:152px;
 cursor:pointer
}
.coupon-pop .pop .btn.cancel-btn {
 background:#2e3e8d;
 float:right
}
.coupon-pop .pop .btn.comfirm-btn {
 background:#3a7bfc;
 float:left
}
.pop-mode-box {
 position:fixed;
 width:100%;
 height:100%;
 top:0;
 left:0;
 right:0;
 bottom:0;
 z-index:9999999999;
 background:rgba(19,26,60,.79);
 display:none
}
.currency .pop-mode-box {
 background:rgba(0,0,0,.4)
}
.pop-mode-box .pop-mode {
 background:#222c5c;
 width:328px;
 padding:24px 24px 24px 24px;
 position:absolute;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%)
			 
}
.pop-mode-box .pop-mode.pop-ts-mode {
 width:376px;
 padding:26px 24px 32px 24px;
 box-sizing:border-box
}
.pop-mode-box .pop-mode.pop-form-mode {
 width:736px;
 padding:0;
 box-sizing:border-box
}
.game-shop .pop-mode-box .pop-mode.pop-form-mode {
 width:536px
}
.pop-mode-box .pop-mode.pop-form-mode-1,
.pop-mode-box .pop-mode.pop-form-mode-2 {
 display:none
}
.pop-mode-box .pop-mode.pop-form-mode.show-mode {
 display:block
}
.pop-mode-box .pop-mode.pop-form-mode .form-box-wrap {
 width:736px;
 padding:32px 40px;
 box-sizing:border-box;
 overflow:hidden
}
.game-shop .pop-mode-box .pop-mode.pop-form-mode .form-box-wrap {
 width:536px
}
.pop-mode-box .pop-mode.pop-form-mode .form-box-wrap-1,
.pop-mode-box .pop-mode.pop-form-mode .form-box-wrap-2 {
 display:none
}
.pop-mode-box .pop-mode.pop-form-mode .form-box-wrap.show {
 display:block
}
.pop-mode-box .pop-mode.pop-form-mode .form-box-wrap .title {
 font-size:18px;
 color:#fff;
 letter-spacing:0;
 line-height:20px;
 margin-bottom:32px;
 font-weight:700
}
.pop-mode-box .pop-mode.pop-form-mode .form-box-wrap .d-title {
 font-size:16px;
 color:#fff;
 letter-spacing:0;
 line-height:14px;
 padding-top:16px;
 margin-bottom:40px;
 font-weight:700
}
.pop-mode-box .pop-mode.pop-form-mode .form-box-wrap .close {
 width:17px;
 position:absolute;
 right:40px;
 top:32px;
 cursor:pointer
}
.pop-mode.pop-ts-mode .close {
 right:20px;
 top:20px;
 width:17px;
 position:absolute;
 cursor:pointer
}
.game-shop .pop-mode-box .pop-mode.pop-form-mode .form-box-wrap .close {
 right:24px;
 top:24px
}
.pop-mode-box .pop-mode.pop-form-mode .form-box-wrap .x-title {
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:20px;
 font-weight:700;
 margin-bottom:24px
}
.pop-mode-box .pop-mode .warn-tips {
 width:100%;
 padding:8px 36px;
 box-sizing:border-box;
 background:#9f3947;
 font-size:12px;
 color:#fff;
 line-height:20px
}
.pop-mode-box .pop-mode.show {
 display:block
}
.pop-mode-box .pop-mode .mess {
 width:100%;
 overflow:hidden;
 text-align:center;
 float:left
}
.pop-mode-box .pop-mode .desc {
 width:100%;
 overflow:hidden;
 padding-bottom:22px
}
.pop-mode-box .pop-mode .desc .div,
.pop-mode-box .pop-mode .desc p {
 font-size:14px;
 color:rgba(255,255,255,.8);
 letter-spacing:.6px;
 text-align:center;
 line-height:22px;
 text-shadow:0 2px 4px rgba(0,0,0,.5)
}
.pop-mode-box .pop-mode .desc .div span {
 vertical-align:bottom
}
.pop-mode-box .pop-mode .desc .div .country {
 width:28px;
 display:inline-block;
 margin-right:8px;
 margin-left:12px
}
.pop-mode-box .pop-mode .desc.max-desc .div,
.pop-mode-box .pop-mode .desc.max-desc p {
 font-size:14px;
 color:rgba(255,255,255,.8);
 letter-spacing:.6px;
 text-align:justify;
 line-height:24px;
 text-shadow:0 2px 4px rgba(0,0,0,.5)
}
.pop-mode-box .pop-mode .desc .div.x-tips,
.pop-mode-box .pop-mode .desc p.x-tips {
 opacity:.4;
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:22px;
 text-align:left;
 margin-top:12px
}
.pop-mode-box .pop-mode .desc .div.x-tips .warn,
.pop-mode-box .pop-mode .desc p.x-tips .warn {
 width:15px;
 height:15px;
 background:url(../images/notification-gray.svg) no-repeat center;
 background-size:15px 15px;
 display:inline-block;
 margin-right:8px;
 float:left;
 margin-top:3px
}
.pop-mode-box .pop-mode .mess {
 padding-top:30px;
 padding-bottom:40px
}
.pop-mode-box .pop-mode .mess.have-desc {
 padding-top:14px;
 padding-bottom:12px
}
.pop-mode-box .pop-mode .email-mess {
 width:100%;
 text-align:center;
 font-size:14px;
 color:#4efc88;
 letter-spacing:0;
 font-weight:700
}
.pop-mode-box .pop-mode .mess p {
 display:inline-block;
 color:#fff;
 font-weight:700;
 font-size:16px;
 padding-left:24px;
 position:relative;
 margin-bottom:0
}
.pop-mode-box .pop-mode.notification-message-pop .mess p {
 padding-left:0
}
.pop-mode-box .pop-noticon-mode .mess {
 padding-top:14px;
 padding-bottom:12px
}
.currency .pop-mode-box .pop-noticon-mode {
 background:#171f45
}
.currency .pop-mode-box .pop-noticon-mode .mess {
 padding-bottom:24px
}
.pop-mode-box .pop-mode .mess p.not-icon {
 padding-left:0
}
.pop-mode-box .pop-mode.buy-mode-pop p {
 color:#fff
}
.pop-mode-box .pop-mode .mess p.fail-icon:before {
 width:16px;
 height:16px;
 content:' ';
 background:url(../images/fails.png) no-repeat center;
 background-size:100% 100%;
 left:0;
 top:50%;
 position:absolute;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.pop-mode-box .pop-mode .mess p.suc-icon:before {
 width:16px;
 height:16px;
 content:' ';
 background:url(../images/success.png) no-repeat center;
 background-size:100% 100%;
 left:0;
 top:50%;
 position:absolute;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.pop-mode-box .pop-mode .mess p.warn-icon:before {
 width:16px;
 height:16px;
 content:' ';
 background:url(../images/tip-icon.png) no-repeat center;
 background-size:100% 100%;
 left:0;
 top:50%;
 position:absolute;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.pop-mode-box .pop-mode .desc p span,
.pop-mode-box .pop-mode .mess p span {
 vertical-align:initial;
 color:#ebbe4a
}
.pop-mode-box .pop-mode .btn-wrap {
 width:100%;
 overflow:hidden;
 float:left
}
.pop-mode-box .pop-mode.pop-default-mode .mess p {
 padding-top:0;
 padding-bottom:0
}
.pop-mode-box .pop-mode.pop-default-mode .mess {
 padding-top:10px;
 padding-bottom:20px
}
.pop-mode-box .pop-mode.pop-default-mode .desc .div {
 text-align:left
}
.game-shop .pop-mode-box .pop-mode .btn-wrap {
 margin-top:32px
}
.pop-mode-box .pop-mode .btn-r-wrap {
 width:49%;
 float:right
}
.pop-mode-box .pop-mode .btn-wrap .btn {
 width:100%;
 height:46px;
 line-height:46px;
 text-align:center;
 font-size:14px;
 color:#fff;
 background:#3a7bfc;
 cursor:pointer
}
.pop-mode-box .pop-mode .btn-wrap .btn.btn-l {
 background:#3a7bfc
}
.pop-mode-box .pop-mode .btn-wrap .btn.cancel-btn {
 width:160px;
 float:left
}
.pop-mode-box .pop-mode .btn-wrap .btn.comfirm-btn {
 width:160px;
 float:right;
 background:#3a7bfc
}
.pop-mode-box .pop-mode .btn-wrap .btn.disable {
 background:rgba(29,51,109,1);
 color:rgba(255,255,255,.4)
}
.pop-mode-box .pop-mode .btn-wrap .btn.cancel-btn,
.pop-mode-box .pop-mode .btn-wrap .btn.comfirm-btn {
 width:48%;
 transition:all .3s linear;
 -ms-transition:all .3s linear;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 -moz-transition:all .3s linear
}
.game-shop .pop-mode-box .pop-mode .btn-wrap .btn.cancel-btn,
.game-shop .pop-mode-box .pop-mode .btn-wrap .btn.comfirm-btn {
 width:100%
}
.game-shop .pop-mode-box .pop-mode .btn-wraps .btn.cancel-btn,
.game-shop .pop-mode-box .pop-mode .btn-wraps .btn.comfirm-btn {
 width:48%
}
.game-shop .pop-mode-box .pop-mode .btn-wraps .btn.comfirm-btn {
 float:right
}
.pop-mode-box .pop-mode .btn-wraps .btn {
 width:48.75%;
 float:left
}
.pop-mode-box .pop-mode .btn-wraps .btn:last-child {
 margin-right:0
}
.pop-mode-box .pop-mode .btn-wraps .btn.cancel-btn {
 background:#2e3e8d
}
.pop-mode-box .pop-mode .btn-wraps .btn.comfirm-btn {
 background:#3a7bfc
}
.pop-mode-box .pop-mode .btn-wraps .btn.left-btn {
 float:left
}
.pop-mode-box .pop-mode .btn-wraps .btn.right-btn {
 float:right
}
.redeem-code .content {
 margin-top:0;
 padding-bottom:0
}
.redeem-code .game-mess-box {
 position:fixed;
 left:0;
 top:68px;
 width:100%;
 height:68px;
 background:rgba(20,27,61,.6);
 z-index:501
}
.redeem-code .game-mess-box .xlogo {
 float:left;
 margin-top:16px
}
.redeem-code .game-mess-box .xlogo img {
 height:36px
}
.redeem-code .section {
 max-width:488px;
 margin:0 auto;
 margin-top:48px;
 margin-bottom:238px
}
.redeem-code .redeem-box .n-box {
 -js-display:flex;
 max-width:488px;
 box-sizing:border-box;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 height:46px;
 margin-bottom:24px
}
.redeem-code .redeem-box .box .input-box {
 -js-display:flex;
 flex:1;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 height:46px;
 cursor:pointer;
 box-sizing:border-box
}
.redeem-code .redeem-box .box .input-box p {
 color:#fff;
 font-size:14px;
 letter-spacing:0
}
.redeem-code .box .input {
 width:100%;
 color:#fff;
 font-size:14px;
 padding:0 15px;
 height:100%;
 background:#192045;
 border:1px solid rgba(255,255,255,.1);
 border-right:none;
 box-sizing:border-box
}
.redeem-code .box .input:focus {
 background:#212950;
 border-color:rgba(255,255,255,.15)
}
.redeem-code .box .btn {
 width:80px;
 font-size:14px;
 color:rgba(255,255,255,.8);
 line-height:46px;
 cursor:pointer;
 text-align:center;
 background:#3a7bfc;
 height:46px;
 transition:all .3s linear;
 -ms-transition:all .3s linear;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 -moz-transition:all .3s linear
}
.redeem-code .box .input::-webkit-input-placeholder {
 opacity:.4;
 color:#fff
}
.redeem-code .box .input:-moz-placeholder {
 opacity:.4;
 color:#fff
}
.redeem-code .box .input::-moz-placeholder {
 opacity:.4;
 color:#fff
}
.redeem-code .box .input:-ms-input-placeholder {
 opacity:.4;
 color:#fff
}
.redeem-code .redeem-box .title-m-box {
 width:100%
}
.redeem-code .redeem-box .title {
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:20px;
 overflow:hidden;
 font-weight:700;
 margin-bottom:16px;
 float:left
}
.redeem-code .redeem-box .supplier {
 float:right
}
.redeem-code .redeem-box .supplier p {
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 text-align:right;
 line-height:20px;
 font-weight:700;
 float:left
}
.redeem-code .redeem-box .supplier .text-logo {
 height:28px;
 float:right;
 margin-left:8px;
 margin-top:-5px
}
.redeem-code .redeem-box .tips-wrap {
 width:100%;
 overflow:hidden;
 margin-top:22px
}
.redeem-code .redeem-box .tips-wrap {
 position:relative
}
.redeem-code .redeem-box .tips-wrap .label {
 opacity:.6;
 font-size:12px;
 color:#fff;
 min-width:30px;
 line-height:20px;
 float:left
}
.redeem-code .redeem-box .tips-wrap .mess {
 padding-left:10px;
 overflow:hidden
}
.redeem-code .redeem-box .tips-wrap .mess p {
 font-size:12px;
 color:rgba(255,255,255,.6);
 line-height:20px
}
.redeem-code .redeem-box .tips-wrap p a {
 display:contents;
 text-decoration:underline
}
.redeem-code .redeem-box .error-tip {
 display:none;
 font-size:12px;
 color:#ff4b4b;
 line-height:20px;
 margin-top:-4px
}
.error-tips {
 font-size:12px;
 color:#f66;
 line-height:20px;
 display:none;
 margin-bottom:12px;
 margin-top:-4px;
 width:100%;
 overflow:hidden
}
.email-tips {
 font-size:12px;
 color:rgba(255,255,255,.4);
 letter-spacing:0;
 line-height:12px;
 display:none;
 width:100%;
 overflow:hidden;
 margin-top:14px
}
.error-tips {
 font-size:12px;
 color:#f66;
 line-height:20px;
 display:none;
 margin-bottom:12px;
 margin-top:-4px;
 width:100%;
 overflow:hidden
}
.redeem-code .redeem-box.error .error-tip {
 display:block
}
.email-tips.show,
.error-tips.show {
 display:block
}
.redeem-code .redeem-box.error .n-box {
 margin-bottom:12px
}
.redeem-code .redeem-box.error .tips-wrap {
 margin-top:16px
}
.redeem-code .redeem-box.error .input-box.error .input {
 background:rgba(255,62,0,.1);
 border-color:rgba(62,47,72)
}
.redeem-code .redeem-box.error .input-box.error .error-close {
 content:' ';
 width:13px;
 height:13px;
 background:url(../images/input-error.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 right:15px;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.pop-mode-box .select-order-mode-pop {
 width:900px;
 padding:10px 0 16px 0;
 background:#19214b
}
.pop-mode-box .sect-box {
 width:100%;
 float:left
}
.pop-mode-box .sect-box .tab-nav-box {
 height:45px;
 width:100%;
 text-align:center;
 padding-bottom:0;
 padding-top:0;
 margin:0
}
.pop-mode-box .sect-box .tab-nav-box ul {
 display:inline-table;
 margin:0 auto;
 flex:none
}
.pop-mode-box .sect-box .tab-nav-box ul li {
 width:100px;
 height:45px;
 line-height:45px;
 text-align:center;
 box-sizing:border-box;
 font-size:14px;
 float:none;
 display:inline-block;
 color:#fff;
 cursor:pointer
}
.pop-mode-box .sect-box .tab-nav-box ul li.active {
 font-weight:700;
 border-bottom:1px solid #fff
}
.pop-mode-box .sect-box .table {
 border-bottom:1px solid rgba(255,255,255,.05);
 margin-bottom:0
}
.pop-mode-box .sect-box .table .th {
 border-top:1px solid rgba(255,255,255,.05);
 border-bottom:1px solid rgba(255,255,255,.05)
}
.pop-mode-box .sect-box .table .table-body .tr .td {
 height:50px;
 line-height:50px
}
.pop-mode-box .select-order-mode-pop .btn-wraps .l-btn {
 width:50%;
 float:left;
 margin:0
}
.pop-mode-box .select-order-mode-pop .btn-wraps .l-btn .btn {
 float:right
}
.pop-mode-box .select-order-mode-pop .btn-wraps .r-btn {
 width:50%;
 float:left;
 margin:0
}
.pop-mode-box .select-order-mode-pop .btn-wraps .r-btn .btn {
 float:left;
 background:#3a7bfc
}
.pop-mode-box .select-order-mode-pop .btn-wraps .btn {
 width:152px
}
.pop-mode-box .select-order-mode-pop .checkbox {
 width:13px;
 height:13px;
 border:1px solid rgba(255,255,255,.4);
 box-sizing:border-box;
 position:absolute;
 left:23px;
 top:50%;
 z-index:60;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.pop-mode-box .select-order-mode-pop .table .tr {
 position:relative
}
.pop-mode-box .select-order-mode-pop .checkbox.checked {
 background:url(../images/checkbox.png) no-repeat center;
 background-size:13px 13px;
 border:none;
 opacity:1
}
.pop-mode-box .select-order-mode-pop .table .th .td1 {
 width:25%;
 padding-left:60px
}
.pop-mode-box .select-order-mode-pop .table .th .td2 {
 width:35%
}
.pop-mode-box .select-order-mode-pop .table .th .td3 {
 width:25%
}
.pop-mode-box .select-order-mode-pop .table .th .td4 {
 width:15%
}
.pop-mode-box .select-order-mode-pop .table .table-body .tr .td1 {
 padding-left:60px;
 width:25%
}
.pop-mode-box .select-order-mode-pop .table .table-body .tr .td2 {
 width:35%
}
.pop-mode-box .select-order-mode-pop .table .table-body .tr .td3 {
 width:25%
}
.pop-mode-box .select-order-mode-pop .table .table-body .tr .td4 {
 width:15%
}
.pop-mode-box .select-order-mode-pop .not-find .item-list {
 width:100%;
 height:48px;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 display:box;
 box-align:center
}
.pop-mode-box .select-order-mode-pop .not-find {
 border-top:1px solid rgba(255,255,255,.05);
 border-bottom:1px solid rgba(255,255,255,.05);
 padding-bottom:8px
}
.pop-mode-box .select-order-mode-pop .not-find .item-list .item-label {
 padding-left:29px;
 font-size:12px;
 color:#fff;
 opacity:.8;
 width:139px
}
.pop-mode-box .select-order-mode-pop .not-find .item-list .item-val {
 flex:1;
 box-flex:1
}
.pop-mode-box .select-order-mode-pop .not-find .item-list .item-select {
 display:inline-block;
 font-size:12px;
 color:#fff;
 opacity:.4;
 padding-right:16px;
 position:relative;
 vertical-align:initial
}
.pop-mode-box .select-order-mode-pop .not-find .item-list .item-select:after {
 width:8px;
 content:' ';
 height:6px;
 background:url(../images/sj.png) no-repeat center;
 background-size:100% 100%;
 right:0;
 top:50%;
 position:absolute;
 transform:translateY(-50%) rotate(0);
 -webkit-transform:translateY(-50%) rotate(0);
 -moz-transform:translateY(-50%) rotate(0);
 -ms-transform:translateY(-50%) rotate(0);
 -o-transform:translateY(-50%) rotate(0);
 transition:all .3s linear;
 -ms-transition:all .3s linear;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 -moz-transition:all .3s linear
}
.pop-mode-box .select-order-mode-pop .not-find .item-list .item-input {
 font-size:12px;
 color:#fff;
 opacity:1
}
.pop-mode-box .select-order-mode-pop .not-find .item-list .item-input::-webkit-input-placeholder {
 opacity:.4;
 color:#fff
}
.pop-mode-box .select-order-mode-pop .not-find .item-list .item-input:-moz-placeholder {
 opacity:.4;
 color:#fff
}
.pop-mode-box .select-order-mode-pop .not-find .item-list .item-input::-moz-placeholder {
 opacity:.4;
 color:#fff
}
.pop-mode-box .select-order-mode-pop .not-find .item-list .item-input:-ms-input-placeholder {
 opacity:.4;
 color:#fff
}
.pop-mode-box .select-order-mode-pop .not-find .item-list .item-num-box {
 height:23px;
 border:1px solid rgba(255,255,255,.3);
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 box-sizing:border-box;
 overflow:hidden;
 -webkit-tap-highlight-color:rgba(255,255,255,0);
 -webkit-user-select:none;
 -moz-user-focus:none;
 max-width:81px;
 -moz-user-select:none
}
.pop-mode-box .select-order-mode-pop .not-find .item-list .item-num-box .reduce {
 width:23px;
 color:#fff;
 font-size:15px;
 text-align:center;
 line-height:23px;
 border-right:1px solid rgba(255,255,255,.3);
 cursor:pointer
}
.pop-mode-box .select-order-mode-pop .not-find .item-list .item-num-box .num {
 flex:1;
 font-size:12px;
 color:#fff;
 opacity:.8;
 text-align:center;
 line-height:23px;
 width:36px;
 box-sizing:border-box
}
.pop-mode-box .select-order-mode-pop .not-find .item-list .item-num-box .add {
 width:23px;
 color:#fff;
 font-size:12px;
 text-align:center;
 line-height:23px;
 border-left:1px solid rgba(255,255,255,.3);
 cursor:pointer
}
.pop-mode-box .select-order-mode-pop .not-find .item-list .select-data-box {
 width:100%;
 float:left;
 position:relative
}
.pop-mode-box .select-order-mode-pop .not-find .item-list .select-data-box .time-picker-box {
 top:31px
}
.pop-mode-box .select-order-mode-pop .not-find .item-list .select-data-box .data {
 border:1px solid #354450;
 height:30px;
 box-sizing:border-box;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 max-width:320px;
 float:left
}
.pop-mode-box .select-order-mode-pop .not-find .item-list .select-data-box .data .stat-time {
 opacity:.8;
 font-size:12px;
 color:#fff;
 letter-spacing:0;
 padding-left:12px
}
.pop-mode-box .select-order-mode-pop .not-find .item-list .select-data-box .data .mid {
 opacity:.6;
 font-size:12px;
 color:#fff;
 letter-spacing:0;
 padding:0 12px
}
.pop-mode-box .select-order-mode-pop .not-find .item-list .select-data-box .data .end-time {
 opacity:.8;
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 padding-right:12px
}
.pop-mode-box .select-order-mode-pop .not-find .item-list .select-data-box .data .bd {
 flex:1;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center
}
.pop-mode-box .select-order-mode-pop .not-find .item-list .select-data-box .date-box {
 width:28px;
 height:30px;
 background:url(../images/date.png) no-repeat center;
 background-size:10px 11px;
 border-left:1px solid #354450;
 cursor:pointer
}
.time-picker-box {
 width:100%;
 max-width:320px;
 position:absolute;
 left:0;
 top:46px;
 z-index:50000000;
 background:#1e2d5f;
 padding-bottom:22px;
 display:none
}
.mod-disabled {
 opacity:.3;
 cursor:not-allowed
}
.time-picker-box .title {
 height:42px;
 line-height:42px;
 width:100%;
 overflow:hidden;
 position:relative;
 text-align:center
}
.time-picker-box .title p {
 display:inline-block;
 font-size:12px;
 color:#fff;
 text-align:center
}
.time-picker-box .title .pre-year {
 position:absolute;
 width:13px;
 height:13px;
 padding:12px;
 background:url(../images/l-year.png) no-repeat center;
 background-size:13px 13px;
 left:16px;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.time-picker-box .title .next-year {
 position:absolute;
 width:13px;
 height:13px;
 padding:12px;
 background:url(../images/r-year.png) no-repeat center;
 background-size:13px 13px;
 right:16px;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.time-picker-box .title .pre-month {
 position:absolute;
 width:7px;
 height:11px;
 padding:13px;
 background:url(../images/l-month.png) no-repeat center;
 background-size:7px 11px;
 left:62px;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.time-picker-box .title .next-month {
 position:absolute;
 width:7px;
 height:11px;
 padding:13px;
 background:url(../images/r-month.png) no-repeat center;
 background-size:7px 11px;
 right:62px;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.time-picker-box .th {
 background:#2d3871;
 height:38px;
 width:100%;
 overflow:hidden;
 padding:0 22px;
 box-sizing:border-box
}
.time-picker-box .th .td {
 width:14.285%;
 height:38px;
 line-height:38px;
 text-align:center;
 float:left;
 font-size:12px;
 color:rgba(255,255,255,.8)
}
.time-picker-box .th .td:last-child {
 margin-right:0
}
.time-picker-box .bd {
 width:100%;
 overflow:hidden;
 padding:0 22px;
 padding-top:7px;
 box-sizing:border-box
}
.time-picker-box .bd ul {
 width:100%;
 overflow:hidden;
 margin-bottom:0
}
.time-picker-box .bd li {
 float:left;
 margin-top:6px;
 width:14.285%;
 height:25px;
 margin-right:0!important;
 position:relative;
 cursor:pointer
}
.time-picker-box .bd li:nth-child(7n) {
 margin-right:0
}
.time-picker-box .bd li span {
 width:100%;
 height:25px;
 line-height:25px;
 margin:0 auto;
 display:block;
 text-align:center;
 font-size:12px;
 position:absolute;
 left:0;
 top:0;
 color:rgba(255,255,255,.8)
}
.time-picker-box .bd li span.zy {
 width:102%;
 background:#2e3e8d
}
.time-picker-box .bd li.light {
 opacity:.2
}
.time-picker-box .bd .selected {
 background:#3a7bfc
}
.time-picker-box .bd .selected {
 background:#3a7bfc
}
.time-picker-box .bd .selected-mid {
 background:#2e3e8d
}
.found-id-pop {
 position:fixed;
 width:100%;
 height:100%;
 top:0;
 left:0;
 right:0;
 bottom:0;
 z-index:999;
 background:rgba(19,26,60,.6)
}
.found-id-pop .pop-boxs {
 width:490px;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 position:absolute;
 background:#1e2d5f;
 padding:32px 40px 24px 40px;
 box-sizing:border-box;
 z-index:88888;
 display:none
}
.found-id-pop .pop-boxs.show {
 display:block
}
.found-id-pop .pop-boxs .title {
 width:100%;
 overflow:hidden;
 font-size:18px;
 color:#fff;
 letter-spacing:0;
 line-height:20px;
 margin-bottom:20px
}
.found-id-pop .pop-boxs .list {
 width:100%;
 overflow:hidden;
 margin-top:16px
}
.found-id-pop .pop-boxs .list:first-child {
 margin-top:0
}
.found-id-pop .pop-boxs .last-list {
 margin-bottom:50px
}
.found-id-pop .pop-boxs .list .label {
 font-size:13px;
 color:#fff;
 letter-spacing:0;
 line-height:22px;
 margin-bottom:6px
}
.found-id-pop .pop-boxs .list img {
 width:100%
}
.found-id-pop .pop-boxs .btn-wrap {
 width:100%;
 overflow:hidden;
 text-align:center;
 margin-top:20px
}
.found-id-pop .pop-boxs .btn-wrap .btn {
 width:152px;
 height:42px;
 line-height:42px;
 text-align:center;
 font-size:14px;
 color:#fff;
 background:#2e3e8d;
 margin:0 auto;
 cursor:pointer
}
.select-country-box {
 position:absolute;
 width:100%;
 top:0;
 bottom:0;
 right:0;
 z-index:9999999999999;
 height:100%;
 background:#141b3d;
 box-sizing:border-box;
 padding:51px 29px 12px 29px;
 transform:translateX(100%);
 -webkit-transform:translateX(100%);
 -moz-transform:translateX(100%);
 -ms-transform:translateX(100%);
 -o-transform:translateX(100%);
 transition:all .3s linear;
 -ms-transition:all .3s linear;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 -moz-transition:all .3s linear
}
.select-country-box.show {
 transform:translateX(0);
 -webkit-transform:translateX(0);
 -moz-transform:translateX(0);
 -ms-transform:translateX(0);
 -o-transform:translateX(0)
}
.select-country-box .section {
 width:100%;
 overflow:hidden
}
.select-country-box .add-bg {
 height:98px;
 position:absolute;
 left:53px;
 top:0
}
.select-country-box .title {
 font-size:18px;
 color:#fff;
 letter-spacing:0;
 line-height:20px;
 width:100%;
 overflow:hidden;
 margin:0 0 42px 0
}
.select-country-box .big-list-box {
 position:absolute;
 overflow-y:scroll;
 left:29px;
 right:29px;
 bottom:67px;
 top:113px
}
.select-country-box .big-list-box::-webkit-scrollbar {
 display:none
}
.select-country-box .big-list-box .list-box {
 position:absolute;
 left:0;
 top:0;
 display:block;
 white-space:nowrap
}
.select-country-box .list {
 width:100%;
 overflow:hidden;
 margin-bottom:36px
}
.select-country-box .list .add-type {
 width:100%;
 overflow:hidden;
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:20px;
 margin-bottom:16px
}
.select-country-box .list ul {
 width:100%;
 overflow:hidden;
 margin-bottom:0
}
.select-country-box .list ul li {
 width:18.4%;
 padding:12px 16px;
 box-sizing:border-box;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 background:#19214b;
 margin-right:2%;
 float:left;
 cursor:pointer;
 margin-bottom:12px;
 box-sizing:border-box;
 border:1px solid #19214b;
 transition:all .3s linear;
 -ms-transition:all .3s linear;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 -moz-transition:all .3s linear;
 display:box;
 box-align:center
}
.select-country-box .list ul li.active {
 border:1px solid #86aefd;
 background-color:rgba(134,173,253,.15);
 box-shadow:inset 0 -3px 9px 0 rgba(112,204,255,.15)
}
.select-country-box .list ul li:nth-child(5n) {
 margin-right:0
}
.select-country-box .list ul li img {
 width:24px;
 height:16px;
 margin:6px 0;
 margin-right:12px
}
.select-country-box .list ul li .name {
 font-size:12px;
 color:#fff;
 opacity:.8
}
.select-country-box .btn-wrap {
 height:67px;
 padding:13px 0 0 12px;
 background:#161d3d;
 position:absolute;
 bottom:0;
 width:100%;
 box-sizing:border-box;
 left:0;
 text-align:center
}
.select-country-box .btn-wrap ul {
 display:inline-table;
 font-size:0;
 width:auto;
 margin:0 auto
}
.select-country-box .btn-wrap ul .btn {
 width:152px;
 display:inline-block;
 position:relative;
 height:42px;
 cursor:pointer;
 text-align:center;
 line-height:42px;
 font-size:14px;
 color:#fff;
 text-align:center
}
.select-country-box .btn-wrap ul .btn.cancel-btn {
 background:#2e3e8d
}
.select-country-box .btn-wrap ul .btn.confirm-btn {
 background:#3a7bfc
}
.verif-pop {
 width:375px;
 height:370px;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 background:#111733;
 position:absolute
}
.buy-suc-box .btn-box.have-order-btn .btn.go-home:hover,
.content .title-box .subscribe:hover,
.coupon-pop .pop .btn.cancel-btn:hover,
.credit-card-pop .pop-box .btn.cancel-btn:hover,
.currency .pop-mode-box .pop-mode .btn-wrap .btn.cancel-btn:hover,
.feedback .btn-box .btn.cancel-box:hover,
.feedback .list-box .list .select-order-btn:hover,
.forget .forget-box .btn-box .btn.cancel-btn:hover,
.found-id-pop .pop-boxs .btn-wrap .btn:hover,
.game-wrap .tab-nav-box .y-box .edit-btn:hover,
.game_list .banner-tool .subscribe:hover,
.game_list .pop-box .pop .btn-box .btn.cancel-btn:hover,
.hot-game .list-box ul li .btn:hover,
.pay-sec .right .cancel-btn:hover,
.pay-sec .right .pay-mess .b .select-btn:hover,
.pay-sec-box .right .cancel-btn:hover,
.pop-box .pop .btn-box .btn.next-btn:hover,
.pop-mode-box .pop-mode .btn-wrap .btn.cancel-btn:hover,
.pop-mode-box .pop-mode .btn-wraps .btn.cancel-btn:hover {
 background:#324499
}
.game_list_section .list-box ul li .buy-btn .shop-car:hover {
 background-color:#324499
}
.buy-suc-box .btn-box.have-order-btn .btn.go-home:active,
.content .title-box .subscribe:active,
.coupon-pop .pop .btn.cancel-btn:active,
.feedback .btn-box .btn.cancel-box:active,
.feedback .list-box .list .select-order-btn:active,
.forget .forget-box .btn-box .btn.cancel-btn:active,
.found-id-pop .pop-boxs .btn-wrap .btn:active,
.game-wrap .tab-nav-box .y-box .edit-btn:active,
.game_list .banner-tool .subscribe:active,
.game_list .pop-box .pop .btn-box .btn.cancel-btn:active,
.hot-game .list-box ul li .btn:active,
.pay-sec .right .pay-mess .b .select-btn:active,
.pop-box .pop .btn-box .btn.next-btn:active,
.pop-mode-box .pop-mode .btn-wrap .btn:not(.disable):active,
.pop-mode-box .pop-mode .btn-wraps .btn.cancel-btn:active {
 background:#27367a;
 color:rgba(255,255,255,.8)
}
.game_list_section .list-box ul li .buy-btn .shop-car:active {
 background-color:#27367a
}
.buy-suc-box .btn-box .btn:hover,
.coupon-pop .pop .btn.comfirm-btn:hover,
.credit-card .list-box .list .input-box .code-btn:not(.disable):hover,
.credit-card-pop .pop-box .btn.next-btn:hover,
.currency .form-box .btn:not(.disable):hover,
.feedback .btn-box .btn.next-btn:hover,
.forget .forget-box .btn-box .btn.next-btn:hover,
.game-wrap .tab-nav-box .box .btn:not(.disable):hover,
.game_list_section .list-box ul li .buy-btn .btn:hover,
.game_list_section .list-box ul li .recharge .btn:hover,
.hot-media .list-box .list .btn:hover,
.login .login-box .form-box .btn:not(.disable):hover,
.login .register-box .form-box .btn:not(.disable):hover,
.pay-sec .right .pay-btn:not(.disable):hover,
.pay-sec-box .right .pay-btn:not(.disable):hover,
.personal .list-box .list .query-btn:hover,
.pop-box .pop .btn-box .btn.cancel-btn:hover,
.pop-mode-box .pop-mode .btn-wrap .btn.btn-l:hover,
.pop-mode-box .pop-mode .btn-wrap .btn.comfirm-btn:not(.disable):hover,
.pop-mode-box .pop-mode .btn-wrap .btn:not(.disable):hover,
.pop-mode-box .pop-mode .btn-wraps .btn.comfirm-btn:hover,
.pop-mode-box .select-order-mode-pop .btn-wraps .r-btn .btn:hover,
.record .select-data-box .btn:hover,
.record-detailt-pop .pop-btn:hover,
.redeem-code .box .btn:hover {
 background:#4e88fc
}
.back-mod-btn:active,
.buy-suc-box .btn-box .btn:active,
.coupon-pop .pop .btn.comfirm-btn:active,
.credit-card .list-box .list .input-box .code-btn:not(.disable):active,
.currency .form-box .btn:not(.disable):active,
.feedback .btn-box .btn.next-btn:active,
.feedback .go-problem-btn:active,
.forget .forget-box .btn-box .btn.next-btn:active,
.game-wrap .tab-nav-box .box .btn:not(.disable):active,
.game_list_section .list-box ul li .buy-btn .btn:active,
.game_list_section .list-box ul li .recharge .btn:active,
.hot-media .list-box .list .btn:active,
.login .login-box .form-box .btn:not(.disable):active,
.login .register-box .form-box .btn:not(.disable):active,
.pay-sec .right .pay-btn:not(.disable):active,
.pay-sec-box .right .pay-btn:not(.disable):active,
.personal .list-box .list .query-btn:active,
.pop-box .pop .btn-box .btn.cancel-btn:active,
.pop-mode-box .pop-mode .btn-wrap .btn.btn-l:active,
.pop-mode-box .pop-mode .btn-wrap .btn.comfirm-btn:not(.disable):active,
.pop-mode-box .pop-mode .btn-wrap .btn:not(.disable):active,
.pop-mode-box .pop-mode .btn-wraps .btn.comfirm-btn:active,
.pop-mode-box .select-order-mode-pop .btn-wraps .r-btn .btn:active,
.record .select-data-box .btn:active,
.record-detailt-pop .pop-btn:active,
.redeem-code .box .btn:active {
 background:#3167d3;
 color:rgba(255,255,255,.8)
}
.pop-mode-box .pop-mode.pop-form-mode-1 .btn-wraps .btn.cancel-btn:hover,
.pop-mode-box .pop-mode.pop-form-mode-2 .btn-wraps .btn.cancel-btn:hover {
 background:#324499!important
}
.pop-mode-box .pop-mode.pop-form-mode-1 .btn-wraps .btn.cancel-btn:active,
.pop-mode-box .pop-mode.pop-form-mode-2 .btn-wraps .btn.cancel-btn:active {
 background:#27367a!important;
 color:rgba(255,255,255,.8)!important
}
.code-pay-pop {
 position:fixed;
 width:100%;
 height:100%;
 top:0;
 left:0;
 right:0;
 bottom:0;
 z-index:999;
 background:rgba(19,26,60,.6)
}
.code-pay-pop .pop-box {
 width:340px;
 height:340px;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 position:absolute;
 background:#1e2d5f;
 box-sizing:border-box;
 z-index:88888;
 text-align:center;
 display:none
}
.code-pay-pop .pop-box.show {
 display:block
}
.code-pay-pop .pop-box .title {
 display:inline-block;
 opacity:.8;
 font-family:PingFangSC-Regular;
 font-size:14px;
 color:#fff;
 letter-spacing:.32px;
 text-align:center;
 line-height:22px;
 padding-left:23px;
 position:relative;
 margin-top:48px;
 margin-bottom:16px
}
.code-pay-pop .pop-box .title:before {
 width:16px;
 height:14px;
 content:' ';
 background:url(../images/wechart-pay.png) no-repeat center;
 background-size:100% 100%;
 left:0;
 top:50%;
 position:absolute;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.code-pay-pop .pop-box .code-pay {
 width:194px;
 height:194px;
 margin:0 auto
}
.code-pay-pop .pop-box .close {
 width:24px;
 height:24px;
 background:url(../images/pay-pop-close.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 right:0;
 top:0;
 margin-right:12px;
 margin-top:12px;
 cursor:pointer
}
.code-pay-pop .pop-box .desc-1 {
 font-size:16px;
 color:#fff;
 font-weight:700;
 margin-top:16px;
 line-height:22px;
 margin-bottom:6px
}
.code-pay-pop .pop-box .desc-2 {
 opacity:.4;
 font-size:12px;
 color:#fff;
 letter-spacing:.28px;
 line-height:22px;
 margin-bottom:16px
}
.code-pay-pop .pop-box .ft {
 background:rgba(25,33,75,.2);
 width:100%;
 height:56px;
 padding-top:11px;
 box-sizing:border-box;
 border-top:1px solid rgba(255,255,255,.05);
 position:absolute;
 left:0;
 bottom:0
}
.code-pay-pop .pop-box .ft p {
 opacity:.4;
 font-size:12px;
 color:#fff;
 letter-spacing:0;
 text-align:center;
 line-height:18px
}
.code-pay-pop .pop-box .mobile {
 display:none
}
.credit-card-pop {
 position:fixed;
 width:100%;
 height:100%;
 top:0;
 left:0;
 right:0;
 bottom:0;
 z-index:999;
 background:rgba(19,26,60,.6)
}
.credit-card-pop .pop-box {
 width:536px;
 height:auto;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 position:absolute;
 background:#19214b;
 box-sizing:border-box;
 z-index:88888;
 padding:36px 24px 30px 24px;
 display:none
}
.credit-card-pop .pop-box .title {
 opacity:.8;
 font-size:14px;
 color:#fff;
 letter-spacing:.32px;
 text-align:center;
 line-height:22px;
 position:relative;
 margin-top:48px;
 margin-bottom:16px;
 width:100%;
 overflow:hidden
}
.credit-card-pop .pop-box .list {
 width:100%;
 float:left;
 margin-bottom:24px
}
.credit-card-pop .pop-box .list .label {
 margin-bottom:12px;
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:14px;
 font-weight:700
}
.credit-card-pop .pop-box .list .input-box {
 background:#192045;
 border:1px solid rgba(255,255,255,.1);
 position:relative
}
.credit-card-pop .pop-box .list .error-tips {
 margin-top:6px
}
.credit-card-pop .pop-box .list .input-box input {
 height:46px;
 padding:0 16px;
 color:#fff;
 width:100%;
 box-sizing:border-box;
 font-size:14px
}
.credit-card-pop .pop-box .list .input-box input.card {
 padding-left:60px
}
.credit-card-pop .pop-box .list .input-box .card-type-icon {
 width:36px;
 height:24px;
 position:absolute;
 left:16px;
 top:11px
}
.credit-card-pop .pop-box .list .input-box input::-webkit-input-placeholder {
 opacity:.4;
 font-size:14px;
 color:#fff;
 letter-spacing:0
}
.credit-card-pop .pop-box .list .input-box input:-moz-placeholder {
 opacity:.4;
 font-size:14px;
 color:#fff;
 letter-spacing:0
}
.credit-card-pop .pop-box .list .input-box input::-moz-placeholder {
 opacity:.4;
 font-size:14px;
 color:#fff;
 letter-spacing:0
}
.credit-card-pop .pop-box .list .input-box input:-ms-input-placeholder {
 opacity:.4;
 font-size:14px;
 color:#fff;
 letter-spacing:0
}
.credit-card .list-box .list .textarea-box textarea::-webkit-input-placeholder {
 opacity:.25;
 font-size:14px;
 color:#fff
}
.credit-card .list-box .list .textarea-box textarea:-moz-placeholder {
 opacity:.25;
 font-size:14px;
 color:#fff
}
.credit-card .list-box .list .textarea-box textarea::-moz-placeholder {
 opacity:.25;
 font-size:14px;
 color:#fff
}
.credit-card .list-box .list .textarea-box textarea:-ms-input-placeholder {
 opacity:.25;
 font-size:14px;
 color:#fff
}
.credit-card-pop .pop-box .lists {
 width:100%;
 float:left
}
.credit-card-pop .pop-box .lists .left {
 width:48.5%;
 float:left
}
.credit-card-pop .pop-box .lists .right {
 width:48.5%;
 float:right
}
.credit-card-pop .pop-box .btn-box {
 width:100%;
 overflow:hidden
}
.credit-card-pop .pop-box .btn {
 width:48.5%;
 font-size:14px;
 color:#fff;
 height:42px;
 line-height:42px;
 text-align:center;
 cursor:pointer
}
.credit-card-pop .pop-box .btn.cancel-btn {
 background:#2e3e8d;
 float:left
}
.credit-card-pop .pop-box .btn.next-btn {
 background:#3a7bfc;
 float:right
}
.credit-card-pop .pop-box .pop-title {
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:20px;
 font-weight:700;
 text-align:center;
 margin-bottom:16px
}
.credit-card-pop .pop-mod-box-1 {
 min-height:auto;
 height:auto
}
.credit-card-pop .pop-box .close {
 width:14px;
 height:14px;
 position:absolute;
 background:url(../images/untying.png) no-repeat center;
 background-size:100% 100%;
 right:17px;
 top:17px;
 cursor:pointer
}
.credit-card-pop .pop-box .fun-text {
 font-size:14px;
 color:#3a7bfc;
 margin-bottom:27px;
 width:100%;
 overflow:hidden;
 display:block
}
.credit-card-pop .pop-box .result-text {
 font-size:14px;
 color:#fff;
 margin-bottom:27px;
 width:100%;
 overflow:hidden
}
.credit-card-pop .pop-box .send-code {
 font-size:14px;
 color:#3a7bfc;
 letter-spacing:0;
 line-height:14px;
 margin-top:12px;
 cursor:pointer
}
.credit-card-pop .pop-box .resend-seconds {
 opacity:.4;
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:14px;
 margin-top:12px
}
.credit-card-pop .pop-box .list.m-b-16 {
 margin-bottom:16px
}
.err-country .warn {
 width:46px;
 height:46px;
 background:url(../images/warn-icon.png) no-repeat center;
 background-size:100% 100%;
 display:block;
 margin:0 auto;
 margin-top:30px;
 margin-bottom:24px
}
.err-country .title {
 font-size:18px;
 color:#fff;
 letter-spacing:0;
 text-align:center;
 line-height:26px;
 font-weight:700;
 margin-bottom:46px
}
.err-country .line-box {
 width:100%;
 overflow:hidden;
 margin-bottom:36px;
 height:20px;
 text-align:center;
 position:relative
}
.err-country .line-box .line {
 background:rgba(255,255,255,.4);
 height:1px;
 width:100%;
 display:block;
 position:absolute;
 left:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.err-country .line-box p {
 font-size:14px;
 color:rgba(255,255,255,.6);
 letter-spacing:0;
 line-height:20px;
 background:rgba(20,27,61,1);
 padding:0 17px;
 display:inline-block;
 position:relative;
 z-index:5
}
.err-country .bg-box {
 width:100%;
 background-image:linear-gradient(180deg,rgba(20,27,61,0) 0,#141b3d 100%);
 height:119px;
 position:fixed;
 left:0;
 bottom:0
}
.totast-box {
 width:328px;
 padding:0 24px;
 background:#1e2d5f;
 position:fixed;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 z-index:999;
 text-align:center;
 opacity:0;
 transition:all .5s;
 -ms-transition:all .5s;
 -webkit-transition:all .5s;
 -o-transition:all .5s;
 -moz-transition:all .5s
}
.totast-box.show {
 opacity:1
}
.totast-box p {
 display:inline-block;
 font-size:16px;
 color:#fff;
 letter-spacing:0;
 line-height:20px;
 position:relative;
 display:inline-block;
 font-weight:700;
 padding:54px 0 54px 24px
}
.totast-box p:before {
 width:16px;
 height:16px;
 content:' ';
 background:url(../images/success.png) no-repeat center;
 background-size:100% 100%;
 left:0;
 top:50%;
 position:absolute;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.loading-box {
 position:fixed;
 width:100%;
 height:100%;
 top:0;
 left:0;
 right:0;
 bottom:0;
 z-index:99999999999;
 background:rgba(19,26,60,.6);
 opacity:0;
 transition:all .5s;
 -ms-transition:all .5s;
 -webkit-transition:all .5s;
 -o-transition:all .5s;
 -moz-transition:all .5s
}
.loading-box.show {
 opacity:1
}
.loading-box .loading {
 position:absolute;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%)
}
.loading-box .loading .img-box {
 width:96px;
 height:95px;
 overflow:hidden;
 position:relative;
 transform:scale(.5);
 -webkit-transform:scale(.5);
 background:url(../images/loading-logo.png) no-repeat center
}
.loading-box .loading img {
 width:96px;
 height:95px;
 position:absolute;
 left:0;
 top:0;
 z-index:2;
 transition:all .3s;
 -ms-transition:all .3s;
 -webkit-transition:all .3s;
 -o-transition:all .3s;
 -moz-transition:all .3s;
 mask-image:url(../images/loading-logo.png);
 -webkit-mask-image:url(../images/loading-logo.png);
 opacity:0;
 animation:loadingAni 2s .2s ease-in-out infinite;
 -webkit-animation:loadingAni 2s .2s ease-in-out infinite
}
.pop-box .pop.show {
 z-index:100;
 display:block
}
.pop-box.show {
 display:block
}
@keyframes loadingAni {
 0% {
  opacity:0
 }
 50% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
@-webkit-keyframes loadingAni {
 0% {
  opacity:0
 }
 50% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
.no-swiper-box {
 top:0!important;
 position:relative!important
				
}
.have-pay-sec .footer,
.special-foot .footer {
 position:fixed;
 left:0;
 bottom:0;
 right:0;
 display:none
}
.change-old {
 height:32px;
 line-height:32px;
 background:rgba(255,255,255,.2);
 font-size:12px;
 letter-spacing:.4px;
 display:block;
 text-align:center;
 border-radius:2px;
 position:relative;
 padding-left:29px;
 box-sizing:border-box;
 padding-right:12px;
 z-index:552;
 position:fixed;
 right:24px;
 bottom:22px;
 margin-bottom:0;
 color:#fff;
 opacity:.4
}
.change-old:before {
 position:absolute;
 content:' ';
 width:13px;
 height:10px;
 background:url(../images/back-icon.png) no-repeat center;
 background-size:100% 100%;
 left:12px;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 -moz-transform:translateY(-50%)
}
.change-old:hover {
 opacity:1
}
.mobile-show {
 display:none!important
}
.credit-card .head-title {
 width:100%;
 background:#181f43
}
.personal .header {
 background:#141b3d
}
.credit-card .head-title .x-main {
 position:relative
}
.credit-card .head-title p {
 font-size:28px;
 color:#fff;
 letter-spacing:0;
 line-height:20px;
 padding-top:29px;
 padding-bottom:40px;
 font-family:dinm
}
.credit-card .head-title .icon-pic {
 height:80px;
 width:135px;
 position:absolute;
 right:0;
 bottom:0
}
.credit-card .head-title .icon-pic img {
 width:100%
}
					   
			  
								
					   
					
 
.credit-card .con-1 {
 padding:40px 0 64px 0
}
.credit-card .con-1 .text-1 {
 font-size:18px;
 color:#fff;
 letter-spacing:0;
 width:100%;
 margin-right:24px;
 line-height:20px;
 padding-bottom:24px;
 font-weight:700
}
.credit-card .con-1 .desc-box {
 width:100%
}
.credit-card .con-1 .desc-box .item {
 width:100%
}
.credit-card .con-1 .desc-box .item .label {
 font-size:14px;
 color:rgba(255,255,255,.8);
 letter-spacing:0;
 line-height:28px;
 float:left;
 min-width:98px
}
.credit-card .con-1 .desc-box .item .val {
 font-size:14px;
 color:rgba(255,255,255,.8);
 letter-spacing:0;
 line-height:28px;
 overflow:hidden
}
.credit-card .con .title {
 margin-bottom:34px
}
.credit-card .con .title.have-show-tip-txt {
 margin-bottom:20px
}
.credit-card .con .month-picker-box {
 box-shadow:0 20px 10px rgba(17,23,51,.15)
}
.credit-card .con .month-picker-box .title {
 margin-bottom:0;
 height:45px;
 line-height:45px
}
.credit-card .con .month-picker-box .bd {
 margin:0 15px;
 padding:0;
 padding-top:49px;
 padding-bottom:34px;
 width:auto;
 border-top:1px solid rgba(255,255,255,.1)
}
.credit-card .con .month-picker-box ul {
 width:100%
}
.credit-card .con .month-picker-box ul li {
 width:25%;
 float:left;
 text-align:center;
 margin-top:40px
}
.credit-card .con .month-picker-box ul li:nth-child(-n+4) {
 margin-top:0
}
.credit-card .con .month-picker-box .title .pre-year {
 left:3px
}
.credit-card .con .month-picker-box .title .next-year {
 right:3px
}
.credit-card .con .month-picker-box ul li div {
 display:inline-block;
 padding:4px 9px;
 font-size:14px;
 color:#fff
}
.credit-card .con .month-picker-box ul li div:hover {
 background:#3a7bfc
}
.credit-card .con .month-picker-box ul li.active div {
 background:#3a7bfc
}
.credit-card .con .text-1 {
 font-size:18px;
 color:#fff;
 letter-spacing:0;
 line-height:20px;
 display:inline-block;
 margin-right:12px;
 font-weight:700
}
.credit-card .con .text-2 {
 font-size:12px;
 color:rgba(255,255,255,.4);
 display:inline-block
}
.credit-card .imp {
 font-size:12px;
 color:#f66;
 opacity:1
}
.credit-card .tip-txt {
 width:100%;
 background:rgba(255,62,0,.15);
 padding:6px 31px;
 box-sizing:border-box;
 margin-bottom:21px
}
.credit-card .tip-txt p {
 font-size:12px;
 color:#f66;
 line-height:20px
}
.credit-card .tip-txt p i {
 width:12px;
 height:12px;
 background:url(../images/help-imp.png) no-repeat center;
 background-size:100% 100%;
 float:left;
 margin-right:4px;
 margin-top:4px;
 display:none
}
.credit-card .list-box {
 width:100%
}
.credit-card .list-box .list {
 width:100%;
 margin-bottom:24px;
 float:left
}
.credit-card .list-box .list-4 {
 margin-bottom:32px
}
.credit-card .list-box .list .label {
 font-size:14px;
 color:rgba(255,255,255,.8);
 letter-spacing:0;
 line-height:20px;
					
 position:relative
}
.credit-card .list-box .list .label .upload-tips {
 font-size:12px;
 color:rgba(255,255,255,.4);
 letter-spacing:0;
 line-height:12px;
 margin-top:-4px;
 margin-bottom:16px
}
.credit-card .list-box .list .label.imp-label {
 padding-right:14px;
 display:inline-block
}
.credit-card .list-box .list .label.imp-label:after {
 content:'*';
 font-size:14px;
 color:#f66;
 line-height:20px;
 right:0;
 top:-2px;
 position:absolute
}
.credit-card .list-box .list .input-box {
 background:#171f45;
 border:none;
 position:relative
}
.credit-card .list-box .list .input-box:valid {
 background:#1b234d
}
.credit-card .list-box .list .history-list .input-box {
 background:#1b234d;
 border:none
}
.credit-card .list-box .list .input-box.error {
 border:none
}
.credit-card .list-box .list .input-box input {
 height:46px;
 padding:0 16px;
 color:#fff;
 width:100%;
 box-sizing:border-box;
 font-size:14px
}
.credit-card .list-box .list .input-select-box input {
 padding:0
}
.game-shop .list-box .list .input-box .inp.y-input-val,
.personal .list-box .list .input-box .inp.y-input-val {
 background:#1e2754
}
.credit-card .list-box .list .left {
 width:49%;
 float:left
}
.credit-card .list-box .list .max-left {
 width:100%
}
.credit-card .list-box .list .right {
 width:49%;
 float:right
}
.credit-card .list-box .list .input-box .input-val {
 width:100%;
 padding:0 16px;
 box-sizing:border-box;
 position:relative;
 cursor:pointer
}
.credit-card .list-box .list .input-box .history-list .input-val {
 cursor:pointer
}
.credit-card .list-box .list .input-box .input-val:after {
 content:' ';
 width:8px;
 height:6px;
 background:url(../images/add-icon.png) no-repeat center;
 background-size:8px 6px;
 position:absolute;
 right:14px;
 top:50%;
 -webkit-transform:translate(-50%,-50%) rotate(-180deg);
 transition:all .3s linear;
 -ms-transition:all .3s linear;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 -moz-transition:all .3s linear
}
.credit-card .list-box .list .input-box .input-val.open:after {
 -webkit-transform:translate(-50%,-50%) rotate(0)
}
.credit-card .list-box .list .input-box .input-val img {
 width:30px;
 height:20px;
 float:left;
 margin-top:13px;
 margin-right:13px
}
.credit-card .list-box .list .input-box .input-val .card-val {
 line-height:46px;
 font-size:14px;
 color:rgba(255,255,255,1);
 letter-spacing:0
}
.credit-card .list-box .list .input-box .input-val input.card-val {
 padding:0
}
.credit-card .list-box .list .input-box input::-webkit-input-placeholder {
 opacity:.25;
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:14px
}
.credit-card .list-box .list .input-box input:-moz-placeholder {
 opacity:.25;
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:14px
}
.credit-card .list-box .list .input-box input::-moz-placeholder {
 opacity:.25;
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:14px
}
.credit-card .list-box .list .input-box input:-ms-input-placeholder {
 opacity:.25;
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:14px
}
.credit-card .list-box .list .error-tips {
 margin-top:6px;
 margin-bottom:0
}
.credit-card .list-box .list .left-box {
 width:48.3%;
 float:left
}
.credit-card .list-box .list .right-box {
 width:48.3%;
 float:right
}
.credit-card .list-box .list .xy-box {
 padding:0 16px;
 cursor:pointer
}
.credit-card .list-box .list .xy-box p {
 font-size:14px;
 color:rgba(255,255,255,.8);
 padding:13px 0;
 margin-left:10px;
 display:inline-block
}
.credit-card .list-box .list .xy-box .check-icon {
 width:14px;
 height:14px;
 border:1px solid rgba(255,255,255,.4);
 float:left;
 margin-top:12px;
 box-sizing:border-box;
 margin-bottom:0
}
.credit-card .list-box .list .xy-box .link-url {
 text-decoration:underline;
 vertical-align:top
}
.credit-card .con-2 .list-box .list-3 {
 margin-bottom:40px;
 margin-top:16px
}
.credit-card .list-box .list .input-box .se-code-icon {
 width:43px;
 height:28px;
 position:absolute;
 right:16px;
 top:9px
}
.game-shop .pop-mode-box,
.personal .pop-mode-box,
.record .pop-mode-box {
 background:rgba(0,0,0,.3)
}
.game-shop .pop-mode-box .pop-mode,
.personal .pop-mode-box .pop-mode,
.record .pop-mode-box .pop-mode {
 background:#171f45
}
.record .pop-mode-box .pop-form-mode-1 .close,
.record .pop-mode-box .pop-form-mode-2 .close {
 width:17px;
 height:17px;
 opacity:1
}
.credit-card .list-box .list .input-box {
 background:#1b234d
}
.credit-card .list-box .list .input-box .date-icon {
 position:absolute;
 width:14px;
 right:16px;
 top:50%;
 margin-top:-8px
}
.credit-card .list-box .list .input-box.disabled {
 background:#141b3d
}
.credit-card .list-box .list .input-box.disabled input {
 color:rgba(255,255,255,.25)
}
.form-box-wrap-2 .list-box {
 padding-bottom:99px
}
.game-shop .form-box-wrap-2 .list-box,
.record .form-box-wrap-2 .list-box {
 padding-bottom:0
}
.credit-card .list-box .list .textarea-box {
 width:100%;
 position:relative;
 padding-bottom:40px;
 background:#1b234d
}
.credit-card .list-box .list .textarea-box textarea {
 background:#1b234d;
 width:100%;
 height:97px;
 padding:15px;
 box-sizing:border-box;
 outline:0;
 resize:none;
 border:none;
 border-radius:0;
 color:#fff;
 font-size:14px
}
.credit-card .list-box .list .textarea-box.y-input-val,
.credit-card .list-box .list .textarea-box.y-input-val textarea {
 background:#1e2754
}
.credit-card .list-box .list .textarea-box.error {
 background:rgba(50,37,69,1)
}
.credit-card .list-box .list .textarea-box.error textarea {
 background:rgba(50,37,69,1)
}
.credit-card .list-box .list .textarea-box .text-size {
 font-size:14px;
 color:rgba(255,255,255,.8);
 letter-spacing:0;
 line-height:14px;
 right:16px;
 bottom:15px;
 position:absolute
}
.credit-card .list-box .list .textarea-box .text-size span {
 vertical-align:top
}
.history-list {
 position:relative
}
.history-list .hist-box {
 width:100%;
 position:absolute;
 left:0;
 right:0;
 top:46px;
 z-index:9;
 box-shadow:0 20px 10px rgba(17,23,51,.15);
 display:none
}
.history-list .hist-box .title {
 width:100%;
 height:32px;
 line-height:32px;
 font-size:12px;
 color:rgba(255,255,255,.6);
 letter-spacing:0;
 border-bottom:1px solid #303657;
 padding:0 15px;
 box-sizing:border-box;
 margin-bottom:0;
 overflow:hidden;
 background:#212950
}
.history-list .hist-box .card-num-box {
 width:100%;
 overflow:hidden;
 background:#1b234d
}
.history-list .hist-box .card-num-box .list-item {
 width:auto;
 height:20px;
 padding:13px 16px;
 position:relative;
 cursor:pointer;
 background:#1b234d
}
.history-list .hist-box .card-num-box .list-item.selected {
 background:#1e2754
}
.history-list .hist-box .card-num-box .list-item.selected:after {
 content:' ';
 width:12px;
 height:9px;
 background:url(../images/selected-icon.png) no-repeat center;
 background-size:12px 9px;
 position:absolute;
 right:19px;
 top:50%;
 -webkit-transform:translateY(-50%)
}
.history-list .hist-box .card-num-box .list-item.selected .card-val {
 color:#fff
}
.history-list .hist-box .card-num-box .list-item img {
 float:left;
 width:30px;
 height:20px;
 margin-right:13px
}
.history-list .hist-box .card-num-box .list-item.add-list-item img {
 width:12px;
 height:auto;
 margin-top:3px;
 margin-left:9px;
 margin-right:22px
}
.history-list .hist-box .card-num-box .list-item .card-val {
 font-size:14px;
 color:rgba(255,255,255,.8);
 letter-spacing:0;
 line-height:14px;
 height:20px;
 line-height:20px
}
.history-list .hist-box .card-num-box .list-item .del {
 width:12px;
 height:12px;
 background:url(../images/credit-close-icon.png) no-repeat center;
 background-size:100% 100%;
 position:absolute;
 right:14px;
 top:17px;
 cursor:pointer;
 opacity:.2
}
.history-list .hist-box .card-num-box .list-item:hover {
 background:#1e2754
}
.history-list .hist-box .card-num-box .list-item:active {
 background:#1d2447
}
.pop-mode-box .pop-mode.pop-form-mode-1 .form-box-wrap-2 .form-box-warp .history-list,
.pop-mode-box .pop-mode.pop-form-mode-2 .form-box-wrap-2 .form-box-warp .history-list {
 width:320px;
 margin-bottom:16px
}
.credit-card .list-box .list .input-box.flex {
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center
}
.credit-card .list-box .list .input-box .inp {
 position:relative;
 flex:1
}
.credit-card .list-box .list .input-box .code-btn {
 width:140px;
 text-align:center;
 height:46px;
 line-height:46px;
 background:#3a7bfc;
 font-size:14px;
 color:#fff;
 cursor:pointer;
 letter-spacing:-.4px
}
.credit-card .list-box .list .input-box .code-btn.disable {
 background:rgba(29,51,109,1);
 color:rgba(255,255,255,.4)
}
.credit-card .list-box .list .input-box .date {
 width:44px;
 height:46px;
 background:url(../images/date-icons.png) no-repeat center;
 background-color:rgba(255,255,255,.05);
 background-size:14px 16px;
 cursor:pointer;
 border-left:1px solid #303657;
 display:block
}
.credit-card .list-box .list .input-box .select-type {
 width:71px;
 height:46px;
 background-color:rgba(255,255,255,.05);
 cursor:pointer;
 border-right:1px solid #303657;
 display:block
}
.credit-card.game-shop .list-box .list .input-box .select-type {
 border-right:none;
 background:#1e2754
}
.credit-card.game-shop .list-box .list .input-box .select-type-box {
 width:100%;
 max-height:184px;
 overflow-y:auto;
 position:relative;
 overflow-x:hidden;
 z-index:999;
 display:none
}
.credit-card.game-shop .list-box .list .input-box .select-type-box ul li {
 width:100%;
 height:46px;
 line-height:46px;
 padding-left:14px;
 font-size:14px;
 color:rgba(255,255,255,.8);
 letter-spacing:0;
 background:#1b234d
}
.credit-card.game-shop .list-box .list .input-box .select-type-box ul li.selected {
 background:#1e2754
}
.credit-card.game-shop .list-box .list .input-box .select-type-box ul li:hover {
 background:#1e2754
}
.credit-card .list-box .list .input-box.disabled .select-type {
 background:#141b3d
}
.credit-card .list-box .list .input-box.error .select-type {
 background:rgba(255,62,0,.1)
}
.personal .list-box .list .input-box .select-type {
 background:#222c5c;
 border-right:none
}
.credit-card .list-box .list .input-box .select-type p {
 line-height:46px;
 font-size:14px;
 color:rgba(255,255,255,.8);
 letter-spacing:0;
 padding-left:14px;
 position:relative;
 display:inline-block;
 padding-right:16px
}
.credit-card .list-box .list .input-box .select-type p:after {
 content:' ';
 background:url(../images/count-icon.png) no-repeat center;
 background-size:8px 6px;
 display:block;
 position:absolute;
 right:0;
 top:50%;
 width:8px;
 height:6px;
 -webkit-transform:translateY(-50%)
}
.game-shop .list-box .list .input-box .select-type p:after,
.personal .list-box .list .input-box .select-type p:after {
 content:' ';
 background:url(../images/add-icon.png) no-repeat center;
 background-size:8px 6px;
 display:block;
 position:absolute;
 right:0;
 top:50%;
 width:8px;
 height:6px;
 -webkit-transform:translateY(-50%) rotate(180deg)
}
.credit-card .back-icon {
 display:none
}
.credit-card .time-picker-box {
 max-width:100%!important;
 z-index:500
}
.credit-card .header.header-border {
 border-bottom:1px solid #1f2646
}
.pendant {
 position:absolute;
 right:-200px;
 bottom:66px
}
.pendant img {
 width:179px
}
.pendant .close {
 position:absolute;
 right:0;
 top:-5px;
 width:20px;
 height:20px;
 z-index:12
}
.loading-btn,
.loading-text-btn {
 position:relative
}
.loading-text-btn .mid {
 display:inline-block
}
.loading-btn .mid {
 position:relative;
 width:100%;
 height:100%
}
.loading-btn img {
 width:18px;
 height:18px;
 position:absolute;
 left:50%;
 top:50%;
 margin-left:-9px;
 margin-top:-9px;
 transform:rotate(0);
 -moz-transform:rotate(0);
 -ms-transform:rotate(0);
 -o-transform:rotate(0);
 -webkit-transform:rotate(0);
 animation:spins 1s linear infinite;
 -webkit-animation:spins 1s linear infinite;
 -moz-animation:spins 1s linear infinite;
 -o-animation:spins 1s linear infinite;
 -ms-animation:spins 1s linear infinite
}
.loading-text-btn p {
 opacity:.8;
 font-weight:700;
 font-size:14px;
 color:#fff;
 padding-left:26px;
 position:relative
}
.loading-text-btn p:before {
 width:18px;
 height:18px;
 content:' ';
 position:absolute;
 left:0;
 top:50%;
 margin-top:-9px;
 transform:rotate(0);
 -moz-transform:rotate(0);
 -ms-transform:rotate(0);
 -o-transform:rotate(0);
 -webkit-transform:rotate(0);
 display:block;
 background:url(../images/btn_loading_icon.png) no-repeat center;
 background-size:100% 100%;
 animation:spin 1s linear infinite;
 -webkit-animation:spin 1s linear infinite;
 -moz-animation:spins 1 linear infinite;
 -o-animation:spin 1s linear infinite;
 -ms-animation:spin 1s linear infinite
}
.upload-tips {
 font-size:12px;
 color:rgba(255,255,255,.4);
 letter-spacing:0;
 line-height:12px;
 margin-top:-4px;
 margin-bottom:16px
}
@keyframes spin {
 0% {
  transform:rotate(0)
 }
 100% {
  transform:rotate(360deg)
 }
}
@keyframes spins {
 0% {
  transform:rotate(0)
 }
 100% {
  transform:rotate(360deg)
 }
}
@-webkit-keyframes spin {
 0% {
  transform:rotate(0)
 }
 100% {
  transform:rotate(360deg)
 }
}
@-webkit-keyframes spins {
 0% {
  transform:rotate(0)
 }
 100% {
  transform:rotate(360deg)
 }
}
@-moz-keyframes spin {
 0% {
  transform:rotate(0)
 }
 100% {
  transform:rotate(360deg)
 }
}
@-moz-keyframes spins {
 0% {
  transform:rotate(0)
 }
 100% {
  transform:rotate(360deg)
 }
}
@-ms-keyframes spin {
 0% {
  transform:rotate(0)
 }
 100% {
  transform:rotate(360deg)
 }
}
@-ms-keyframes spins {
 0% {
  transform:rotate(0)
 }
 100% {
  transform:rotate(360deg)
 }
}
@-o-keyframes spin {
 0% {
  transform:rotate(0)
 }
 100% {
  transform:rotate(360deg)
 }
}
@-o-keyframes spins {
 0% {
  transform:rotate(0)
 }
 100% {
  transform:rotate(360deg)
 }
}
.z-bg {
 position:absolute;
 width:100%;
 height:100%;
 left:0;
 top:1px;
 z-index:2;
 background:#0b1339
}
.clause-box-pop {
 width:100%;
 position:absolute;
 left:0;
 bottom:-1000px;
 background:#0b1339;
 padding-top:40px;
 padding-bottom:16px;
 -webkit-transition:bottom .5s ease-in-out;
 z-index:1
}
.pay-sec-flex .clause-box-pop {
 background:rgba(20,27,61,1)
}
.pay-sec-flex .z-bg {
 background:rgba(20,27,61,1)
}
.clause-box-pop .x-main {
 max-width:990px;
 margin:0 auto
}
.clause-box-pop .title {
 font-weight:700;
 font-size:14px;
 color:#fff;
 width:100%;
 margin-bottom:24px;
 position:relative;
 padding-right:16px;
 box-sizing:border-box
}
.clause-box-pop .title p {
 line-height:20px
}
.clause-box-pop .con {
 max-height:400px;
 overflow-y:auto
}
.clause-box-pop .list-row {
 width:100%;
 overflow:hidden;
 margin-bottom:24px
}
.clause-box-pop .list-row:last-child {
 margin-bottom:0
}
.clause-box-pop .list {
 width:100%;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:flex-start;
 -webkit-align-items:flex-start;
 align-items:flex-start
}
.clause-box-pop .list-two .list {
 width:47%;
 float:left
}
.clause-box-pop .list-two .l-list {
 float:left
}
.clause-box-pop .list-two .r-list {
 float:right
}
.clause-box-pop .list .checkbox {
 width:14px;
 height:14px;
 border:1px solid silver;
 box-sizing:border-box;
 cursor:pointer;
 margin-top:2px
}
.clause-box-pop .list .checkbox.checked {
 background:url(../images/checkbox.png) no-repeat center;
 background-size:14px 14px;
 border:none;
 opacity:1
}
.clause-box-pop .list p {
 flex:1;
 margin-left:16px;
 line-height:18px;
 font-size:12px;
 color:#fff;
 letter-spacing:.8px;
 text-align:justify
}
.clause-box-pop .list p a {
 color:#3a7bfc;
 letter-spacing:.8px;
 display:inline-block;
 vertical-align:top
}
.clause-bg {
 position:fixed;
 left:0;
 top:0;
 z-index:501;
 opacity:.8;
 background:#131a3c;
 width:100%;
 height:100%;
 display:none
}
.clause-box-pop .close {
 position:absolute;
 right:-10px;
 top:50%;
 margin-top:-15px;
 background:url(../images/close-new.png) no-repeat center;
 background-size:12px 12px;
 display:block;
 width:12px;
 height:12px;
 padding:10px;
 cursor:pointer;
 z-index:1
}
.pop-toast {
 font-size:16px;
 color:#fff;
 letter-spacing:0;
 font-weight:700;
 background:#0c1024;
 border-radius:4px;
 padding:14px 22px;
 position:fixed;
 z-index:99;
 left:50%;
 top:50%;
 z-index:999999999;
 transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 display:none;
 max-width:80%;
 white-space:nowrap
}
.pop-toast.success-icon {
 padding-left:48px
}
.pop-toast.success-icon:before {
 content:' ';
 width:16px;
 height:16px;
 background:url(../images/toast-success-icon.png) no-repeat center;
 background-size:16px 16px;
 position:absolute;
 left:22px;
 top:50%;
 margin-top:-8px
}
.credit-card .list-box .list .input-box.y-input-val {
 background:#1e2754
}
.record .flex {
 display:-webkit-box;
 display:-moz-box;
 display:box;
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flexbox;
 display:flex
}
[v-cloak] {
 display:none
}
.record .inner {
 width:100%;
 margin:0 auto
}
.record .custom_img {
 width:100%
}
.record .custom_img_top {
 display:inline-block;
 padding-left:4px
}
.record .custom_img_top p {
 font-size:14px;
 color:rgba(255,255,255,.8);
 letter-spacing:0;
 line-height:20px;
 position:relative
}
.record .custom_img_top p span {
 vertical-align:initial
}
.record .custom_sub {
 width:3rem;
 height:.8rem;
 background-color:#418bfb;
 border-radius:.8rem;
 font-size:.4rem;
 color:#fff;
 line-height:.8rem;
 display:block;
 margin:0 auto;
 margin-top:.6rem
}
.record .upload_img {
 width:92px;
 height:92px;
 background:#1b234d;
 position:relative;
 cursor:pointer;
 float:left
}
.record .upload_img img {
 width:40px;
 height:40px;
 position:absolute;
 left:50%;
 top:50%;
 margin-top:-20px;
 margin-left:-20px;
 opacity:.2
}
.record .upload_img_wrap {
 width:100%
}
.record #imgBox {
 float:left;
 position:relative;
 display:flex
}
.record .imgContainer {
 display:inline-block;
 width:92px;
 height:92px;
 position:relative;
 box-sizing:border-box;
 margin-right:16px;
 float:left;
 overflow:hidden
}
.record .imgContainer img {
 height:100%;
 cursor:pointer;
 position:absolute;
 left:50%;
 top:50%;
 -webkit-transform:translate(-50%,-50%);
 display:block
}
.record .upload_img_wrap .imgDelete {
 width:18px;
 height:auto;
 position:absolute;
 top:0;
 right:0;
 left:auto;
 -webkit-transform:translate(0,0)
}
.record .imgContainer p {
 position:absolute;
 bottom:-1px;
 left:0;
 width:100%;
 height:30px;
 background:#000;
 text-align:center;
 line-height:30px;
 color:#fff;
 font-size:16px;
 font-weight:700;
 cursor:pointer;
 display:none
}
.record .imgContainer:hover p {
 display:block
}
.owned-list .owned-box {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 z-index:99
}
.owned-list img {
 width:100%;
 display:block
}
.owned-list .pic-block {
 position:absolute;
 left:8px;
 top:10px;
 width:103px
}
.owned-list .pic-block p {
 position:absolute;
 opacity:.7;
 left:50%;
 transform:rotate(-17deg) translateX(-50%);
 width:94%;
 text-align:center;
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 top:21%;
 padding:0 2px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 box-sizing:border-box
}
.game_list_section .list-box ul li.owned-list .pic img {
 opacity:.4
}
.game_list_section .list-box ul li.owned-list .mess-box {
 opacity:.4
}
.game_list_section .list-box ul li.owned-list .buy-btn-box {
 opacity:.4
}
.notification-message {
 width:100%;
 height:36px;
 line-height:36px;
 padding-left:16px;
 padding-right:20px;
 border-radius:2px;
 box-sizing:border-box;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 margin-bottom:32px;
 margin-top:-16px
}
.notification-message .mess {
 font-size:14px;
 color:#000;
 flex:1;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
 padding-right:16px;
 position:relative;
 height:36px;
 padding-left:29px
}
.notification-message .mess span {
 font-weight:700;
 vertical-align:top
}
.notification-message .mess .iconicon-message {
 content:' ';
 position:absolute;
 left:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 font-size:14px;
 line-height:14px
}
.notification-message .block .more {
 font-size:14px;
 float:left;
 margin-right:20px;
 text-decoration:underline;
 font-weight:700;
 cursor:pointer
}
.notification-message .block .close {
 width:20px;
 height:20px;
 float:left;
 margin-top:9px;
 cursor:pointer;
 position:relative;
 line-height:20px;
 font-size:20px
}
.market-message {
 position:absolute;
 top:422px;
 right:0;
 height:36px;
 line-height:36px;
 padding-right:59px;
 padding-left:12px;
 z-index:552;
 border-right:none;
 width:344px;
 box-sizing:border-box;
 border-top-left-radius:4px;
 border-bottom-left-radius:4px
}
.market-message.position-fixed {
 position:fixed;
 top:auto
}
ul#marquee {
 display:block;
 line-height:1;
 position:relative;
 overflow:hidden;
 width:300px;
 height:22px
}
ul#marquee li {
 position:absolute;
 top:-999em;
 left:0;
 display:block;
 white-space:nowrap;
 padding:3px 5px;
 text-indent:.8em
}
.notification-message.mod-orange {
 background:rgba(255,241,206,.12)
}
.notification-message.mod-orange .mess {
 color:#ed9200
}
.notification-message.mod-orange .mess:before {
 color:#ed9200
}
.notification-message.mod-orange .block .more {
 color:#ed9200
}
.notification-message.mod-orange .block .close {
 color:#ed9200
}
.notification-message.mod-red {
 background:rgba(255,241,206,.12)
}
.notification-message.mod-red .mess {
 color:#f75a42
}
.notification-message.mod-red .mess:before {
 color:#f75a42
}
.notification-message.mod-red .block .more {
 color:#f75a42
}
.notification-message.mod-red .block .close {
 color:#f75a42
}
.notification-message.mod-green {
 background:rgba(255,241,206,.12)
}
.notification-message.mod-green .mess {
 color:#00df91
}
.notification-message.mod-green .mess:before {
 color:#00df91
}
.notification-message.mod-green .block .more {
 color:#00df91
}
.notification-message.mod-green .block .close {
 color:#00df91
}
.notification-message.mod-blue {
 background:rgba(255,241,206,.12)
}
.notification-message.mod-blue .mess {
 color:#1e59ff
}
.notification-message.mod-blue .mess:before {
 color:#1e59ff
}
.notification-message.mod-blue .block .more {
 color:#1e59ff
}
.notification-message.mod-blue .block .close {
 color:#1e59ff
}
.market-message.mod-orange {
 background-image:linear-gradient(141deg,#ff9009 0,#ffb200 94%);
 border:1px solid #ffb200
}
.market-message.mod-red {
 background-image:linear-gradient(141deg,#f75a42 0,#ff7d34 94%);
 border:1px solid #ff9305
}
.market-message.mod-green {
 background-image:linear-gradient(141deg,#00df91 0,#00edcb 94%);
 border:1px solid #14ffcb
}
.market-message.mod-blue {
 background-image:linear-gradient(141deg,#1e59ff 0,#2e9dff 94%);
 border:1px solid #2e9dff
}
.market-message:before {
 content:' ';
 position:absolute;
 left:12px;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 width:13px;
 height:14px;
 background-size:13px 14px
}
.market-message .mess {
 font-size:14px;
 color:#fff;
 overflow:hidden;
 padding-right:9px;
 position:relative;
 padding-left:21px
}
.market-message .mess span {
 font-weight:700
}
.market-message img {
 float:right;
 height:49px;
 display:block;
 position:absolute;
 right:0;
 bottom:0
}
.currency .content .x-main {
 padding-top:87px;
 overflow:hidden;
 position:relative
}
.currency .form-box .not-opened,
.currency .form-box .yes-opened,
.currency .mess-box {
 width:50%;
 float:right
}
.currency .mess-box {
 padding-right:63px;
 box-sizing:border-box;
 border-right:1px solid rgba(255,255,255,.08);
 float:left
}
.currency .mess-box .block {
 margin-bottom:73px
}
.currency .mess-box .block:last-child {
 margin-bottom:0
}
.currency .mess-box .block .title {
 font-size:20px;
 color:#fff;
 letter-spacing:0;
 position:relative;
 padding-left:19px;
 line-height:24px;
 margin-bottom:24px;
 font-family:dinm
}
.currency .mess-box .block .title:before {
 width:3px;
 content:' ';
 height:18px;
 background:#227ee1;
 position:absolute;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%)
}
.currency .mess-box .block .desc {
 opacity:.8;
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:28px
}
.currency .form-box .not-opened .title {
 font-size:24px;
 color:#fff;
 letter-spacing:0;
 position:relative;
 padding-left:36px;
 line-height:29px;
 margin-bottom:32px;
 font-family:dinm
}
.currency .form-box .not-opened .title:before {
 content:' ';
 width:24px;
 height:24px;
 position:absolute;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 background:url(../images/midascoin.png) no-repeat center;
 background-size:24px 24px
}
.currency .form-box .not-opened,
.currency .form-box .yes-opened {
 padding-left:63px;
 box-sizing:border-box
}
.currency .form-box .not-opened .tips {
 margin-top:24px
}
.currency .form-box .not-opened .tips p {
 opacity:.8;
 font-family:ArialMT;
 font-size:14px;
 color:#ff5d5d;
 letter-spacing:0;
 line-height:22px
}
.currency .form-box .not-opened .tips.error em {
 width:14px;
 height:14px;
 display:inline-block;
 margin-right:9px;
 background:url(../images/notification.svg) no-repeat center;
 background-size:14px 14px
}
.currency .form-box .not-opened .btn {
 height:46px;
 line-height:46px;
 text-align:center;
 font-size:14px;
 letter-spacing:0;
 margin-top:24px;
 cursor:pointer
}
.currency .form-box .btn {
 background:#3a7bfc;
 color:#fff
}
.currency .form-box .btn.disable {
 background:rgba(29,51,109,1);
 color:rgba(255,255,255,.4)
}
.currency .form-box .yes-opened .title {
 font-size:24px;
 color:#fff;
 letter-spacing:0;
 margin-bottom:39px;
 font-family:dinm
}
.currency .form-box .yes-opened .item-box {
 width:100%
}
.currency .form-box .yes-opened .item-box .item {
 width:100%;
 line-height:20px;
 overflow:hidden;
 margin-bottom:20px
}
.currency .form-box .yes-opened .item-box .item .label {
 opacity:.8;
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 float:left;
 min-width:150px
}
.currency .form-box .yes-opened .item-box .item .val {
 overflow:hidden
}
.currency .form-box .yes-opened .item-box .item .val .country-name img {
 width:28px;
 height:18px;
 float:left;
 margin-top:1px
}
.currency .form-box .yes-opened .item-box .item .val .country-name p {
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:20px;
 float:left;
 margin-left:8px
}
.currency .form-box .yes-opened .item-box .item .val .gold {
 position:relative;
 padding-left:28px;
 font-size:16px;
 color:#fdc148;
 letter-spacing:0;
 float:left
}
.currency .form-box .yes-opened .item-box .item .val .gold em {
 font-style:normal;
 font-family:dinm
}
.currency .form-box .yes-opened .item-box .item .val .gold:before {
 width:20px;
 height:20px;
 background:url(../images/midascoin.png) no-repeat center;
 background-size:20px 20px;
 border-radius:50%;
 position:absolute;
 content:' ';
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%)
}
.currency .form-box .yes-opened .btn {
 background:#3a7bfc;
 width:100%;
 line-height:46px;
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 text-align:center;
 margin-top:44px;
 cursor:pointer;
 position:relative
}
.currency .form-box .yes-opened .btn.btn-gold-icon:before {
 width:39px;
 height:35px;
 content:' ';
 background:url(../images/midascoin01.png) no-repeat center;
 background-size:39px 35px;
 position:absolute;
 left:81px;
 top:-10px
}
.currency .form-box .yes-opened .btn.btn-gold-icon:after {
 width:42px;
 height:37px;
 content:' ';
 background:url(../images/midascoin02.png) no-repeat center 13px;
 background-size:42px 37px;
 position:absolute;
 right:77px;
 bottom:0
}
.back-mod-btn {
 width:48px;
 height:48px;
 background:#3a7bfc;
 position:fixed;
 bottom:48px;
 right:20px;
 z-index:10;
 cursor:pointer;
 display:none;
 opacity:.8
}
.not-opened-btn {
 display:none
}
.back-mod-btn.not-open-back-btn {
 bottom:82px
}
.back-mod-btn:before {
 width:16px;
 height:11px;
 background:url(../images/up.png) no-repeat center;
 background-size:16px 11px;
 content:' ';
 left:50%;
 top:50%;
 -webkit-transform:translate(-50%,-50%);
 position:absolute
}
.tool-box {
 width:100%;
 height:1px;
 overflow:hidden;
 background:rgba(20,27,61,1)
}
.gold-icon-block {
 display:none
}
.currency .bottom-zz-bg {
 position:fixed;
 left:0;
 bottom:0;
 background-image:linear-gradient(180deg,rgba(20,27,61,0) 0,#141b3d 100%);
 height:130px;
 width:100%;
 z-index:1;
 display:none
}
.currency .bottom-zz-bg.show {
 display:block
}
.load-more {
 width:100%;
 height:46px;
 text-align:center;
 font-size:14px;
 line-height:46px;
 color:#fff;
 background:#141b3d;
 cursor:pointer;
 transition:all .3s linear;
 -ms-transition:all .3s linear;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 -moz-transition:all .3s linear;
 display:none
}
.load-more .mid {
 display:inline-block
}
.load-more .mid p {
 opacity:.8;
 font-size:14px;
 color:#fff;
 padding-left:26px;
 position:relative
}
.load-more .mid p:before {
 width:18px;
 height:18px;
 content:' ';
 position:absolute;
 left:0;
 top:50%;
 margin-top:-9px;
 transform:rotate(0);
 -moz-transform:rotate(0);
 -ms-transform:rotate(0);
 -o-transform:rotate(0);
 -webkit-transform:rotate(0);
 display:block;
 background:url(../images/btn_loading_icon.png) no-repeat center;
 background-size:100% 100%;
 animation:spin 1s linear infinite;
 -webkit-animation:spin 1s linear infinite;
 -moz-animation:spins 1 linear infinite;
 -o-animation:spin 1s linear infinite;
 -ms-animation:spin 1s linear infinite
}
.article {
 overflow:hidden
}
.user-personal .content {
 padding-bottom:97px
}
.user-personal .content>.x-main {
 padding-top:40px
}
.user-side-nav {
 float:left;
 width:228px;
 padding-right:40px
}
.user-side-nav li {
 width:100%;
 height:54px;
 padding-left:20px;
 box-sizing:border-box;
 background:#171f45;
 float:left;
 cursor:pointer
}
.user-side-nav li.active {
 background:#3a7bfc
}
.user-side-nav li p {
 line-height:54px;
 font-size:14px;
 color:#fff;
 padding-left:28px;
 position:relative
}
.user-side-nav li.li-1 p:before {
 content:"\e75f";
 position:absolute;
 left:0;
 top:0;
 width:16px;
 height:12px;
 font-size:16px;
 font-family:iconfont!important;
 font-style:normal;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 color:#227ee1
}
.user-side-nav li.li-2 p:before {
 content:"\e764";
 position:absolute;
 left:0;
 top:0;
 width:16px;
 height:12px;
 font-size:16px;
 font-family:iconfont!important;
 font-style:normal;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 color:#227ee1
}
.user-side-nav li.li-3 p:before {
 content:"\e760";
 position:absolute;
 left:0;
 top:0;
 width:16px;
 height:12px;
 font-size:16px;
 font-family:iconfont!important;
 font-style:normal;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 color:#227ee1
}
.user-side-nav li.li-4 p:before {
 content:"\e75e";
 position:absolute;
 left:0;
 top:0;
 width:16px;
 height:12px;
 font-size:16px;
 font-family:iconfont!important;
 font-style:normal;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 color:#227ee1
}
.user-side-nav li.active p:before {
 color:#fff
}
.art-box {
 width:100%;
 padding-top:8px;
 display:none
}
.art-box.active-art-box {
 display:block
}
.art-box .form-box {
 width:100%
}
.art-box .form-box .form-title {
 font-size:24px;
 color:#fff;
 letter-spacing:0;
 font-family:dinm;
 margin-bottom:40px
}
.record .form-box .form-title {
 margin-bottom:0
}
.art-box .form-box .form-title em {
 display:none
}
.account-details .form-box .list-box .list {
 margin-bottom:48px
}
.account-details .form-box .list-box .list:last-child {
 margin-bottom:0
}
.art-box .form-box .list-box .list-title {
 width:100%;
 overflow:hidden
}
.art-box .form-box .list-box .list-title .title {
 font-size:18px;
 color:#fff;
 letter-spacing:.4px;
 line-height:20px;
 font-family:dinm;
 position:relative;
 padding-left:20px;
 margin-bottom:24px;
 float:left
}
.art-box .form-box .list-box .list-title .title:before {
 width:3px;
 height:20px;
 content:' ';
 position:absolute;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 background:#227ee1
}
.user-personal .form-box .list-box .tool {
 font-size:14px;
 color:#227ee1;
 letter-spacing:0;
 line-height:20px;
 float:right;
 font-family:dinm
}
.account-details .form-box .list-box .tool.add-phone,
.account-details .form-box .list-box .tool.edit-password,
.payment-method .form-box .list-box .tool.add-new-card {
 position:relative;
 padding-right:24px;
 cursor:pointer
}
.account-details .form-box .list-box .tool.add-phone:after,
.account-details .form-box .list-box .tool.edit-password:after,
.payment-method .form-box .list-box .tool.add-new-card:after {
 right:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 content:'\e761';
 width:20px;
 height:20px;
 position:absolute;
 color:#227ee1;
 font-family:iconfont!important;
 font-size:16px;
 font-style:normal;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.account-details .form-box .list-block {
 width:100%;
 overflow:hidden;
 background:#171f45;
 padding:32px 20px;
 box-sizing:border-box
}
.account-details .form-box .list-block .label {
 float:left;
 opacity:.8;
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:20px;
 margin-right:5px
}
.account-details .form-box .list-block .val {
 float:left
}
.account-details .form-box .list-block .val p {
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:20px;
 float:left
}
.account-details .form-box .list-3 .list-block .val p {
 color:rgba(255,255,255,.8)
}
.account-details .form-box .list-block .val p.psw {
 line-height:14px;
 padding-top:6px
}
.account-details .form-box .list-block .val .help-icon {
 width:12px;
 height:12px;
 display:inline-block;
 margin-top:4px;
 margin-left:4px;
 position:relative
}
.account-details .form-box .list-block .val .help-icon:after {
 width:12px;
 height:12px;
 content:' ';
 position:absolute;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 background:url(../images/help-outline.svg) no-repeat center;
 background-size:12px 12px;
 border-radius:50%
}
.account-details .form-box .list-block .remove {
 font-size:14px;
 color:#1986fe;
 letter-spacing:0;
 margin-left:24px;
 cursor:pointer;
 line-height:20px;
 margin-left:24px;
 float:left
}
.account-details .form-box .facebook-list-block {
 padding:22px 20px;
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center
}
.account-details .form-box .facebook-list-block .val {
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center
}
.account-details .form-box .facebook-list-block .user-pic {
 width:40px;
 height:40px;
 margin-right:12px;
 border-radius:50%;
 overflow:hidden
}
.account-details .form-box .facebook-list-block .nickname {
 font-size:14px;
 color:rgba(255,255,255,.8);
 letter-spacing:0;
 flex:1
}
.about-midas-coins,
.create-midas-coins,
.my-account {
 background:#171f45;
 padding:24px 20px
}
.midas-coins .form-box .not-opened,
.midas-coins .form-box .yes-opened,
.midas-coins .mess-box {
 width:100%;
 padding-left:0
}
.midas-coins .form-box .not-opened .list-box .list .label {
 margin-bottom:0;
 height:46px;
 line-height:46px;
 float:left;
 padding-right:16px
}
.midas-coins .form-box .not-opened .b-block {
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 display:box;
 box-align:center;
 width:100%
}
.midas-coins .form-box .not-opened .history-list {
 flex:1
}
.midas-coins .form-box .not-opened .btn {
 width:143px;
 margin-left:16px;
 margin-top:0;
 height:46px;
 line-height:46px
}
.midas-coins .form-box .not-opened .list-box .list {
 margin-bottom:0
}
.midas-coins .list-box .list .history-list .input-box {
 background:#1e2754
}
.midas-coins .list-box .list .input-box .input-val .card-val {
 height:46px;
 line-height:46px
}
.midas-coins .list-box .list .input-box.disable {
 background:#111733;
 border:none;
 position:relative;
 opacity:.6
}
.midas-coins .list-box .list .input-box.disable .input-val:after {
 display:none
}
.midas-coins .form-box .not-opened .tips {
 padding-left:159px;
 margin-top:16px
}
.about-midas-coins p {
 opacity:.8;
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:26px
}
.about-midas-coins .mess-title {
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:26px;
 font-weight:700;
 margin-top:24px;
 margin-bottom:8px;
 opacity:1
}
.about-midas-coins li {
 opacity:.8;
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:26px
}
.midas-coins .list-box>.list {
 margin-bottom:48px
}
.midas-coins .form-box .yes-opened .item-box .item {
 margin-bottom:24px
}
.midas-coins .form-box .yes-opened .item-box .item:last-child {
 margin-bottom:0
}
.midas-coins .form-box .yes-opened .item-box .item .label {
 margin-bottom:0;
 width:160px
}
.midas-coins .form-box .yes-opened .item-box .item .val .purchase-more {
 font-size:14px;
 color:#1986fe;
 letter-spacing:0;
 line-height:20px;
 margin-left:24px;
 cursor:pointer;
 float:left
}
.midas-coins .form-box .yes-opened .item-box .item .val .country-name .help-icon {
 width:12px;
 height:12px;
 background:url(../images/help-outline.svg) no-repeat center;
 background-size:12px 12px;
 display:inline-block;
 margin-left:8px;
 cursor:pointer
}
.user-personal .pop-mode-box .pop-mode {
 display:none
}
.user-personal .pop-mode-box .pop-mode.show {
 display:block
}
.pop-mode-box .pop-mode.register-suc-pop {
 padding:0;
 width:376px;
 background:#171f45
}
.register-suc-pop .close {
 cursor:pointer;
 width:12px;
 height:12px;
 background:url(../images/close-new.png);
 background-size:12px 12px;
 position:absolute;
 right:20px;
 top:20px;
 z-index:5
}
.register-suc-pop .top {
 height:128px;
 width:100%;
 overflow:hidden
}
.register-suc-pop .bottom {
 padding-bottom:20px;
 width:100%;
 overflow:hidden;
 background:#131837
}
.register-suc-pop .top p {
 font-size:16px;
 color:#fff;
 letter-spacing:0;
 line-height:16px;
 font-weight:700;
 width:100%;
 text-align:center;
 padding-top:80px;
 position:relative
}
.register-suc-pop .top p:before {
 width:32px;
 height:32px;
 background:url(../images/success.png) no-repeat center;
 background-size:32px 32px;
 top:32px;
 left:50%;
 position:absolute;
 content:' ';
 -webkit-transform:translateX(-50%)
}
.register-suc-pop .bottom {
 text-align:center
}
.register-suc-pop .bottom .desc {
 padding:20px 24px 8px 24px;
 opacity:.4;
 font-size:14px;
 color:#fff;
 letter-spacing:0;
 line-height:22px;
 box-sizing:border-box
}
.register-suc-pop .add-phone-num {
 display:inline-block;
 font-size:12px;
 color:#3a7bfc;
 line-height:14px;
 position:relative;
 padding-right:12px;
 vertical-align:initial
}
.register-suc-pop .add-phone-num:after {
 content:' ';
 width:4px;
 height:8px;
 background:#3a7bfc;
 position:absolute;
 right:0;
 top:50%;
 -webkit-transform:translateY(-50%)
}
.register-suc-pop .learn-more {
 display:inline-block;
 font-size:12px;
 color:#ebbe4a;
 line-height:14px;
 position:relative;
 padding-right:12px;
 padding-left:22px;
 vertical-align:initial
}
.register-suc-pop .learn-more:before {
 content:' ';
 width:14px;
 height:14px;
 background:#ffb419;
 position:absolute;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%)
}
.register-suc-pop .learn-more:after {
 content:' ';
 width:4px;
 height:8px;
 background:#ffc752;
 position:absolute;
 right:0;
 top:50%;
 -webkit-transform:translateY(-50%)
}
.register-suc-pop .add-phone-num {
 display:inline-block;
 font-size:12px;
 color:#3a7bfc;
 line-height:14px;
 position:relative;
 padding-right:12px;
 vertical-align:initial
}
.register-suc-pop .add-phone-num:after {
 content:' ';
 width:4px;
 height:8px;
 background:url(../images/detailt-icon.png) no-repeat center;
 background-size:4px 8px;
 position:absolute;
 right:0;
 top:50%;
 -webkit-transform:translateY(-50%)
}
.register-suc-pop .cd {
 width:284px;
 display:block;
 position:absolute;
 left:50%;
 -webkit-transform:translateX(-50%);
 z-index:1;
 top:30px
}
.art-box.record .record-table .table-body .tr .td:not(.td1) {
 height:auto;
 line-height:0;
 height:102px;
 line-height:102px
}
.art-box.record .record-table .table-body .tr .td1 {
 height:auto;
 line-height:0;
 height:102px;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 align-items:center;
 width:43%
}
.art-box.record .record-table .table-body .tr .td2 {
 display:none
}
.art-box.record .record-table .table-body .tr .td3 {
 width:21%
}
.art-box.record .record-table .table-body .tr .td4 {
 width:21%
}
.art-box.record .record-table .table-body .tr .td5 {
 width:15%
}
.art-box.record .record-table .table-body .tr .td p {
 line-height:14px;
 font-size:14px
}
.art-box.record .record-table .table-body .tr .td p.time {
 opacity:.6;
 line-height:12px;
 font-size:12px;
 margin-top:12px
}
.account-details .list-box ul,
.promotions .account-details .list-box {
 width:100%;
 overflow:hidden
}
.promotions .account-details .list-box .list {
 width:484px;
 margin-right:24px;
 float:left;
 margin-bottom:24px;
 position:relative
}
.promotions .account-details .list-box .list:nth-child(2n) {
 margin-right:0
}
.promotions .account-details .list-box .list .pic {
 width:100%;
 overflow:hidden
}
.promotions .account-details .list-box .list .pic img {
 width:100%
}
.promotions .account-details .list-box .list .mess-box {
 padding:16px 24px;
 box-sizing:border-box;
 overflow:hidden;
 background:#1b234d
}
.promotions .account-details .list-box .list .mess-box .desc {
 font-size:14px;
 color:#fff;
 letter-spacing:-.2px;
 line-height:22px;
 height:44px;
 margin-bottom:4px
}
.promotions .account-details .list-box .list .mess-box .type-time {
 font-size:12px;
 color:rgba(255,255,255,.6);
 letter-spacing:-.4px;
 line-height:18px
}
.promotions .account-details .list-box .list .label {
 position:absolute;
 right:-8px;
 top:11px;
 background:#3a7bfc;
 padding:6px 11px;
 font-size:12px;
 color:#fff;
 letter-spacing:-.29px;
 text-align:center
}
.subscription-suc .suc-icon {
 width:32px;
 height:32px;
 background:url(../images/b-buy-success-icon.png) no-repeat center;
 background-size:100% 100%;
 margin:0 auto;
 margin-bottom:12px
}
.subscription-suc .buy-suc-box .title p {
 padding:0;
 font-size:20px;
 color:#fff;
 text-align:center;
 line-height:30px;
 font-family:dinm
}
.subscription-suc .buy-suc-box .title p:before {
 display:none
}
.subscription-suc .buy-suc-box {
 padding-top:74px
}
.subscription-suc .transaction-record {
 margin-bottom:32px
}
.subscription-suc .link-mod-a {
 text-align:center
}
.subscription-suc .link-mod-a a {
 display:inline-block;
 font-size:12px;
 color:#3a7bfc;
 text-align:right;
 line-height:12px;
 position:relative;
 padding:0;
 padding-right:10px
}
.subscription-suc .link-mod-a a:after {
 content:' ';
 width:5px;
 height:10px;
 background:url(../images/detailt-icon.png) no-repeat center;
 background-size:5px 10px;
 position:absolute;
 right:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.subscription-suc .buy-suc-box .btn-box .btn {
 margin-bottom:20px
}
.subscription-suc .buy-suc-box .other-box.nologin-other-box {
 position:relative;
 padding:0 20px;
 margin-top:12px;
 overflow:hidden
}
.subscription-suc .buy-suc-box .other-box {
 width:100%
}
.subscription-suc .buy-suc-box .other-box.nologin-other-box .other-pic {
 width:283px;
 height:auto;
 position:absolute;
 left:30px;
 top:9px
}
.subscription-suc .buy-suc-box {
 width:335px
}
.subscription-suc .buy-suc-box .other-box.nologin-other-box p {
 font-size:12px;
 color:#fff;
 text-align:center;
 line-height:18px;
 width:100%;
 overflow:hidden;
 margin-top:32px;
 margin-bottom:12px
}
.subscription-suc .buy-suc-box ul li .val {
 font-family:Arial,Helvetica,'PingFang SC','microsoft yahei',sans-serif;
 letter-spacing:0
}
.subscription-suc .buy-suc-box ul li .label {
 letter-spacing:0
}
.multistage-nav {
 position:relative;
 cursor:pointer;
 opacity:1!important
}
.multistage-nav span {
 padding-right:14px;
 position:relative
}
.multistage-nav span:after {
 content:' ';
 width:8px;
 height:5px;
 background:url(../images/down.png) no-repeat center;
 background-size:8px 5px;
 position:absolute;
 right:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 -webkit-transition:all .2s ease-in
}
.multistage-nav:hover span:after {
 transform:translateY(-50%) rotate(180deg);
 -webkit-transform:translateY(-50%) rotate(180deg);
 -moz-transform:translateY(-50%) rotate(180deg);
 -ms-transform:translateY(-50%) rotate(180deg);
 -o-transform:translateY(-50%) rotate(180deg)
}
.multistage-nav-box {
 position:absolute;
 min-width:284px;
 left:-24px;
 top:41px;
 background:#171f45;
 display:none
}
.multistage-nav-box .li {
 width:100%;
 height:54px;
 line-height:54px;
 padding:0 24px;
 box-sizing:border-box
}
.multistage-nav-box .li .logo-box {
 width:40px;
 float:left;
 margin-top:17px
}
.multistage-nav-box .li img {
 height:20px
}
.multistage-nav-box .li p {
 font-size:14px;
 color:#fff;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
 word-break:break-all
}
.multistage-nav-box .li:hover {
 background:#1b234d
}
.pop-mode-box .pop-mode.remove-phone-mode .desc p {
 text-align:left
}
.id-mess {
 position:absolute;
 left:0;
 top:0;
 -webkit-transform:translateY(-100%);
 width:100%;
 background:rgba(30,54,115,1);
 font-size:12px;
 color:#fff;
 letter-spacing:0;
 display:none
}
@media screen and (max-width:1550px) {
 .banner-wrap .swiper-slide {
  max-width:1550px;
  height:360px
 }
 .game_list .banner-wrap .swiper-slide {
  height:300px
 }
}
@media screen and (max-width:1440px) {
 .banner-wrap .swiper-slide {
  max-width:1440px
 }
 .banner-wrap .swiper-slide .img-box {
  width:100%
 }
 .pendant {
  right:0
 }
 .game-ticket .content {
  padding-bottom:80px
 }
}
@media screen and (max-width:1340px) {
 .banner-wrap .swiper-slide {
  max-width:1340px
 }
}
@media screen and (max-width:1314px) {
 .header .main {
  padding:0 2%
 }
 .header .user-mess-box {
  right:1%
 }
}
@media screen and (max-width:1280px) {
 .banner-wrap .swiper-slide {
  max-width:1280px;
  height:320px
 }
 .banner-wrap .swiper-slide .img-box {
  height:320px
 }
 .game_list .banner-wrap .swiper-slide .img-box {
  height:300px
 }
}
@media screen and (max-width:1220px) {
 .coupon-pop .pop {
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  right:auto;
  bottom:auto
 }
 .content .title-box h2 {
  font-size:20px
 }
 .header .main {
  padding:0 6%
 }
 .buy-suc .follow-box .main,
 .content .main,
 .operation-results .x-head-mod .x-main,
 .operation-results .x-main {
  padding:0 6%
 }
 .footer .main {
  padding:16px 6%
 }
 .clause-box-pop .x-main,
 .content .head-title .x-main,
 .content>.x-main,
 .game-coin .x-main,
 .game-mess-box .x-main,
 .game_list .banner-tool .main,
 .pay-sec-box .x-main,
 .sub-head .x-main {
  padding:0 6%
 }
 .game-coin .coin-mess-box .x-main {
  padding:0
 }
 .currency .go-back {
  left:6%
 }
 .pay-sec {
  padding:17px 6%;
  box-sizing:border-box
 }
 .game-coin .coin-mess-box {
  padding:0 6%
 }
 .pop-mode-box .pop-mode {
  width:312px;
  padding:24px 16px
 }
 .pop-mode-box .pop-mode .mess {
  padding-top:28px;
  padding-bottom:34px
 }
 .pop-mode-box .pop-mode .mess p {
  font-size:14px
 }
 .pop-mode-box .pop-mode.remove-phone-mode .mess p {
  font-size:16px;
  line-height:20px
 }
 .pop-mode-box .pop-mode .btn-wrap .btn.cancel-btn {
  width:152px
 }
 .pop-mode-box .pop-mode .btn-wrap .btn.comfirm-btn {
  width:152px
 }
 .pop-mode-box .pop-mode .mess.have-desc {
  padding-top:12px;
  padding-bottom:12px
 }
 .pop-mode-box .pop-mode .desc {
  padding-bottom:16px
 }
 .pop-mode-box .pop-mode .desc.max-desc p {
  line-height:22px
 }
 .credit-card .header .menu {
  margin-left:4%
 }
 .header .user-mess-box {
  right:5.1%
 }
}
@media screen and (max-width:1150px) {
 .banner-wrap .swiper-slide {
  max-width:1150px;
  height:320px
 }
 .banner-wrap .swiper-slide .img-box {
  height:320px
 }
 .game_list .banner-wrap .swiper-slide .img-box {
  height:300px
 }
 .game_list .banner-wrap .game-logo {
  left:15px
 }
}
@media screen and (max-width:1100px) {
 .banner-wrap .swiper-slide {
  max-width:1100px;
  height:300px
 }
 .banner-wrap .swiper-slide .img-box {
  height:300px
 }
}
@media screen and (max-width:1050px) {
 .banner-wrap .swiper-slide {
  max-width:1050px;
  height:300px
 }
 .banner-wrap .swiper-slide .img-box {
  height:300px
 }
 .game_list .banner-tool .right .btn {
  margin-left:24px
 }
 .buy-suc .follow-box .main,
 .content .main {
  box-sizing:border-box
 }
 .pay-type-box .pay-list-box .label {
  margin-left:16px
 }
 .pay-type-box .pay-list-box .list.active:after {
  width:36px;
  height:36px
 }
 .xnav .main {
  padding:0 6%
 }
 .game_list_section .list-box>ul>li,
 .hot-game .list-box ul li {
  width:23.5%;
  margin-right:2%
 }
 .hot-media .list-box .list {
  width:49%;
  margin-right:2%
 }
 .content>.x-main {
  width:100%;
  box-sizing:border-box
 }
 .game-shop .shop-mess-box {
  padding:30px 6%;
  box-sizing:border-box
 }
 .pay-sec {
  box-sizing:border-box;
  padding:17px 6%
 }
 .footer .main {
  width:auto;
  box-sizing:border-box
 }
 .game-mess-box .x-main {
  box-sizing:border-box
 }
 .game_list .banner-tool .main {
  padding:0 6%;
  box-sizing:border-box
 }
 .game-coin .coin-mess-box {
  padding:0 6%;
  box-sizing:border-box
 }
 .coupon .list-box .list .left .money {
  padding-left:15%
 }
 .coupon .list-box .list .left .desc {
  padding-left:15%
 }
 .coupon .list-box .list .right {
  padding:8% 6%
 }
}
@media screen and (max-width:980px) {
 .banner-wrap .swiper-slide {
  max-width:980px;
  height:280px
 }
 .banner-wrap .swiper-slide .img-box {
  height:280px
 }
 .game_list .banner-wrap .swiper-slide .img-box {
  height:280px
 }
}
@media screen and (max-width:920px) {
 .banner-wrap .swiper-slide {
  height:280px
 }
 .login .register-box {
  width:90%
 }
 .coupon .list-box .list .left .money {
  font-size:24px
 }
 .coupon .list-box .list .left {
  width:100px
 }
 .coupon .list-box .list .line {
  left:100px
 }
 .coupon .list-box .list .right .cou-name {
  font-size:11px
 }
 .coupon .list-box .list .right .date {
  font-size:11px
 }
 .coupon .list-box .list .right {
  padding:7% 5%
 }
}
@media screen and (max-width:900px) {
 .pop-mode-box .select-order-mode-pop {
	 
  width:100%
 }
 .banner-wrap .swiper-slide {
  max-width:900px
 }
 .banner-wrap .swiper-slide .img-box {
  height:260px
 }
 .game_list .banner-wrap .swiper-slide {
  height:280px
 }
 .game_list .banner-wrap .swiper-slide .img-box {
  height:280px
 }
 .credit-card:not('personal') .header .menu {
  display:none
 }
 .choose-plan .item {
  width:32%;
  margin-bottom:2%
 }
 .choose-plan .item:nth-child(3n) {
  margin-right:0
 }
 .choose-plan .item:nth-child(4n) {
  margin-right:2%
 }
}
@media screen and (max-width:830px) {
 .hot-game .list-box ul li {
  width:32%;
  margin-bottom:3%
 }
 .hot-game .list-box ul li .pic {
  max-width:100%
 }
 .hot-game .list-box ul li .mask {
  height:90px
 }
 .hot-game .list-box ul li:nth-child(3n) {
  margin-right:0
 }
 .hot-game .list-box ul li:nth-child(4n) {
  margin-right:2%
 }
 .hot-game .list-box ul li:last-child {
  margin-right:0
 }
 .hot-game {
  margin-bottom:50px
 }
 .hot-media .list-box .list {
  width:100%
 }
 .hot-media {
  margin-bottom:50px
 }
 .banner-wrap .swiper-slide {
  max-width:830px;
  height:260px
 }
 .banner-wrap .swiper-slide .img-box {
  height:260px
 }
 .game_list .banner-wrap .swiper-slide .img-box {
  height:280px
 }
 .game_list_section .list-box>ul>li {
  width:32%;
  margin-bottom:3%
 }
 .game_list_section .list-box>ul>li:nth-child(3n) {
  margin-right:0
 }
 .game_list_section .list-box>ul>li:nth-child(4n) {
  margin-right:2%
 }
 .game_list_section .list-box>ul>li:last-child {
  margin-right:0
 }
 .game-pay-section ul li {
  width:32.333333%;
  margin-bottom:10px
 }
 .game-pay-section ul li:nth-child(3n) {
  margin-right:0
 }
 .game-pay-section ul li:nth-child(4n) {
  margin-right:1.5%
 }
 .login .register-box {
  width:85%
 }
 .country .list ul li,
 .select-country-box .list ul li {
  width:23.875%;
  margin-right:1.5%
 }
 .country .list ul li:nth-child(4n),
 .select-country-box .list ul li:nth-child(4n) {
  margin-right:0
 }
 .country .list ul li:nth-child(5n),
 .err-country .list ul li:nth-child(5n),
 .select-country-box .list ul li:nth-child(5n) {
  margin-right:1.5%
 }
 .err-country .list ul li:nth-child(6n) {
  margin-right:1.5%
 }
 .pay-type-box .pay-list-box .list {
  width:32.333333%;
  margin-bottom:8px
 }
 .pay-type-box .pay-list-box .list:nth-child(3n) {
  margin-right:0
 }
 .pay-type-box .pay-list-box .list:nth-child(4n),
 .pay-type-box.payment .pay-list-box .list {
  margin-right:1.5%
 }
}
@media screen and (max-width:800px) {
 .header .menu>.multistage-nav,
 .header .menu>a {
  margin:0 25px
 }
}
@media screen and (max-width:768px) {
 .pc-select {
  display:none
 }
 .mobile-select {
  display:block;
  position:relative;
  z-index:2
 }
 .game-ticket .game-mess-box .gift-exchange-btn p {
  font-size:12px
 }
 .banner-wrap .swiper-slide {
  max-width:100%;
  height:240px
 }
 .game_list .game-mess-box .game-recharge-btn p,
 .game_list .game-mess-box .gift-exchange-btn p,
 .game_list .game-mess-box .subscription-btn p {
  font-size:12px;
  padding-left:18px;
  position:relative
 }
 .game_list .game-mess-box .gift-exchange-btn p.imp:after {
  content:' ';
  width:5px;
  height:5px;
  background:#f66;
  border-radius:50%;
  position:absolute;
  right:-7px;
  top:18px
 }
 .game_list .game-mess-box .game-recharge-btn,
 .game_list .game-mess-box .gift-exchange-btn {
  margin-left:16px
 }
											  
			   
  
 .banner-wrap .swiper-slide .img-box {
  height:240px
 }
 .game_list .banner-wrap .swiper-slide {
  height:230px
 }
 .game_list .banner-wrap .swiper-slide .img-box {
  height:230px
 }
 .header {
  padding:19px 0 19px 0;
  height:57px
 }
 .credit-card:not('personal') .header {
  background:#181f43;
  padding-top:16px;
  padding-bottom:0;
  height:53px
 }
 .header-box {
  height:57px
 }
 .credit-card:not('personal') .header-box {
  height:53px
 }
 .header .main {
  padding:0 30px
 }
 .header .logo {
  width:96px;
  height:19px;
  margin:0 auto;
  float:none
 }
 .credit-card:not('personal') .header .logo {
  float:left
 }
 .header .menu {
  display:none
 }
 .banner-wrap {
  margin:0 30px;
  overflow:hidden
 }
 .content {
  margin-top:0
 }
 .game-shop .content {
  margin-top:32px
 }
 .credit-card .content {
  margin-top:0
 }
 .currency .content {
  padding-bottom:0
 }
 .home .content {
  padding-top:24px
 }
 .coupon .content {
  min-height:calc(100vh - 167px)
 }
 .xnav {
  top:57px
 }
 .xnav .main {
  padding:0 30px
 }
 .banner-wrap.mt {
  margin-top:57px
 }
 .hot-game .list-box ul li .text {
  font-size:14px;
  bottom:55px
 }
 .header .menu-more {
  display:block;
  position:absolute;
  left:22px
 }
 .credit-card:not('personal') .header .menu-more {
  display:none
 }
 .header .log {
  right:30px;
  position:absolute;
  top:0
 }
 .header .log .login {
  font-size:12px;
  margin-left:0;
  margin-top:4px
 }
 .header .log .logined,
 .header .log .luanch {
  padding:0 0;
  margin-right:18px
 }
 .header .log .logined,
 .header .log .luanch .country {
  margin-top:0
 }
 .header .log .logined {
  margin-right:0;
  margin-left:0;
  margin-top:0;
  border-radius:50%
 }
 .header .log .logined {
  width:20px;
  height:20px
 }
 .header .log .logined .user-pic,
 .header .log .luanch .country-icon {
  width:19px;
  height:19px
 }
 .header .log .logined .message {
  width:6px;
  height:6px;
  right:-2px;
  bottom:-2px
 }
 .header .log .luanch .country-icon {
  width:22px;
  height:15px;
  margin-top:3px
 }
 .header .user-mess-box .san {
  width:20px;
  height:10px;
  top:-10px;
  right:31px;
  display:none
 }
 .header .user-mess-box {
			 
  top:0;
  left:75px;
  right:0;
  width:auto;
  bottom:0;
  position:fixed;
  border-top:none;
  background:#141b3d;
  -webkit-transform:translateX(100%);
  transition:all .3s ease-in-out;
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -ms-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  display:block
 }
 .header .user-mess-box.mobile-show {
  display:block!important;
  -webkit-transform:translateX(0)
 }
 .header .user-mess-box li.user-coins-mess p.user-ms {
  font-size:16px;
  line-height:16px
 }
 .header .user-mess-box .login-out,
 .header .user-mess-box li.link a {
  padding-left:32px;
  height:62px
 }
 .header .user-mess-box li:not(.user-coins-mess) {
  background:#171f45
 }
 .header .user-mess-box li.link {
  border-bottom:1px solid rgba(255,255,255,.05)
 }
 .header .user-mess-box li.user-coins-mess {
  padding:24px 32px;
  background:#131938
 }
 .header .user-mess-box li.user-not-login {
  padding:24px 32px;
  border-bottom:1px solid rgba(255,255,255,.05)
 }
 .header .user-mess-box-logo {
  position:absolute;
  left:32px;
  bottom:28px;
  width:101px
 }
 .header .menu-nav-box .head-box,
 .header .user-mess-box .head-box {
  display:block
 }
 .header .menu-nav-box ul {
  float:left;
  width:100%
 }
 .swiper-container {
  width:100%;
  margin-bottom:0
 }
 .game_list .swiper-container {
  margin-bottom:0 ;
  margin-top: 31px;
 }
 .swiper-container.leng-one {
  margin-bottom:20px
 }
 .swiper-container-horizontal>.swiper-pagination-bullets {
  height:20px
 }
 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin:0 2px;
  margin-top:5px
 }
 .swiper-pagination-bullet {
  height:4px;
  width:4px
 }
 .banner-wrap .swiper-button-next.swiper-button-white,
 .banner-wrap .swiper-button-prev.swiper-button-white {
  width:36px;
  height:36px;
  background:url(../images/xbanner-pre.png) no-repeat center;
  background-size:15px 15px;
  top:100%;
  left:0;
  margin:0;
  display:none
 }
 .banner-wrap .swiper-button-next.swiper-button-white {
  width:36px;
  height:36px;
  background:url(../images/xbanner-next.png) no-repeat center;
  background-size:15px 15px;
  top:100%;
  right:0;
  margin:0
 }
 .banner-wrap .swiper-button-next.swiper-button-white:hover {
  background:0 0;
  background-color:none;
  background:url(../images/xbanner-next.png) no-repeat center;
  background-size:15px 15px
 }
 .banner-wrap .swiper-button-prev.swiper-button-white:hover {
  background:0 0;
  background-color:none;
  background:url(../images/xbanner-pre.png) no-repeat center;
  background-size:15px 15px
 }
 .banner-wrap .swiper-button-next.swiper-button-white:active {
  background-color:rgba(4,27,46,.8)
 }
 .banner-wrap .swiper-button-prev.swiper-button-white:active {
  background-color:rgba(4,27,46,.8)
 }
 .buy-suc .follow-box .main,
 .content .main,
 .sub-head .x-main,
 .x-head-mod .x-main {
  padding:0 30px;
  width:auto
 }
 .bg-icon {
  right:30px;
  width:100px;
  height:82px
 }
 .content .title-box h2 {
  width:100%;
  font-size:18px;
  position:relative
 }
 .content .title-box .desc {
  width:100%;
  margin-top:14px
 }
 .content .title-box .subscribe {
  display:none
 }
 .content .title-box .subscribe.xsubscribe {
  display:inline-block;
  position:absolute;
  margin-left:9px
 }
 .content .title-box .desc .facebook-icon {
  width:14px;
  height:14px
 }
 .footer {
  margin-bottom:0
 }
 .footer .main {
  padding:0 30px
 }
 .game_list_section .list-box ul li .mess-box {
  padding:38px 9px 14px 9px
 }
 .game_list_section .list-box ul li .buy-btn-box {
  padding:0 9px;
  bottom:14px
 }
 .game_list_section .list-box ul li .soon-buy-btn {
  height:36px;
  line-height:36px
 }
 .game_list_section .list-box ul li .more-box {
  padding:0 9px
 }
 .game_list_section .list-box ul li .more-box .shop-list-wrap {
  left:9px;
  right:9px;
  bottom:60px;
  top:32px
 }
 .game_list_section .list-box ul li .shop {
  padding-top:15px;
  padding-bottom:50px
 }
 .owned-list .pic-block {
  width:79px
 }
 .owned-list .pic-block p {
  font-size:11px
 }
 .game_list_section .list-box ul li .recharge .btn {
  height:36px;
  line-height:36px
 }
 .game_list_section .list-box ul li .recharge .name {
  margin-bottom:14px
 }
 .game_list_section .list-box ul li .buy-btn {
  height:36px;
  line-height:36px
 }
 .game_list_section .list-box ul li .buy-btn .btn {
  height:36px;
  line-height:36px
 }
 .game_list_section .list-box ul li .buy-btn .shop-car {
  width:36px;
  height:36px;
  line-height:36px
 }
 .game_list_section .list-box ul li .more-box .shop-list-wrap li .shop-pic {
  width:33px;
  margin-right:8px
 }
 .game_list_section .list-box ul li .more-box .shop-list-wrap li .shop-pic img {
  width:33px;
  height:33px
 }
 .game_list_section .list-box ul li .more-box .shop-list-wrap li .desc {
  font-size:11px
 }
 .game_list_section .list-box ul li .more-box {
  padding-bottom:14px;
  box-sizing:border-box
 }
 .game_list_section .list-box ul li .more-box .shop-list-wrap {
  bottom:0;
  top:32px
 }
 .game_list_section .list-box ul li .more-box .more {
  display:none
 }
 .game_list_section .list-box ul li .more-box .title {
  padding:10px 0
 }
 .game_list_section .list-box ul li .more-box .title .total {
  display:none
 }
 .game_list_section .list-box,
 .game_list_section .list-box ul {
  padding-bottom:10px
 }
 .game_list_section .list-box ul li .item-box {
  display:block
 }
 .game_list_section .list-box ul li .shop .price em {
  display:none
 }
 .game_list .banner-wrap .game-logo {
  height:32px;
  top:25%;
  left:15px
 }
 .game_list .banner-wrap .row-game-logo {
  height:auto;
  width:60px
 }
 .content .title-box .subscribe:hover {
  background:rgba(255,255,255,.15)
 }
 .content .title-box .subscribe:active {
  background:rgba(255,255,255,.2)
 }
 .footer li a:hover {
  opacity:.6
 }
 .footer li a:active {
  opacity:1
 }
 .game-shop .shop-mess-box {
  padding:30px 30px
 }
 .coin-rechage-block .x-main,
 .content .head-title .x-main,
 .content>.x-main {
  padding:0 30px
 }
 .game-coin .pay-sec .x-main {
  padding:0
 }
 .pay-sec {
  padding:17px 30px
 }
 .id-mess .x-main {
  padding:12px 30px
 }
 .pay-sec-flex {
  bottom:110px
 }
 .game-mess-box .x-main {
  padding:0 30px
 }
 .game-ticket .mt {
  margin-top:79px
 }
 .game-ticket .game-mess-box,
 .redeem-code .game-mess-box {
  top:56px
 }
 .game-shop .mt {
  margin-top:56px
 }
 .forget .content,
 .login .content {
  min-height:calc(100vh - 57px)
 }
 .game-shops .shop-mess-box .x-main {
  display:block
 }
 .game-shops .shop-mess-box .mess-box {
  float:left;
  width:100%
 }
 .game-shops .shop-banner {
  float:right;
  width:100%
 }
 .game-shops .shop-mess-box .mess-box.pc-mess-box {
  display:none
 }
 .game-shops .shop-mess-box .mess-box.mobile-mess-box {
  display:block;
  margin-bottom:20px
 }
 .game-shops .shop-banner {
  margin-right:0;
  padding:0;
  padding-bottom:59px
 }
 .game-shops .shop-banner .swiper-container {
  width:100%;
  margin-bottom:0
 }
 .game-shops .shop-banner .swiper-pagination {
  width:100%;
  margin-top:0;
  bottom:15px
 }
 .game-shops .shop-banner .swiper-slide .desc {
  padding:0;
  text-align:left;
  font-size:12px;
  opacity:.6;
  line-height:16px
 }
 .swiper-pagination-clickable .swiper-pagination-bullet {
  margin:0 2px
 }
 .game-shop .shop-banner .swiper-button-prev.swiper-button-white {
  width:36px;
  height:36px;
  background:url(../images/xbanner-pre.png) no-repeat center;
  background-size:15px 15px;
  top:88%;
  left:0;
  margin:0
 }
 .game-shop .shop-banner .swiper-button-next.swiper-button-white {
  width:36px;
  height:36px;
  background:url(../images/xbanner-next.png) no-repeat center;
  background-size:15px 15px;
  top:88%;
  right:0;
  margin:0
 }
 .game-shop .shop-banner .swiper-button-next.swiper-button-white:hover {
  background:0 0;
  background-color:none;
  background:url(../images/xbanner-next.png) no-repeat center;
  background-size:15px 15px
 }
 .game-shop .shop-banner .swiper-button-prev.swiper-button-white:hover {
  background:0 0;
  background-color:none;
  background:url(../images/xbanner-pre.png) no-repeat center;
  background-size:15px 15px
 }
 .game-shop .shop-banner .swiper-button-next.swiper-button-white:active {
  background-color:rgba(4,27,46,.8)
 }
 .game-shop .shop-banner .swiper-button-prev.swiper-button-white:active {
  background-color:rgba(4,27,46,.8)
 }
 .game-shops .shop-mess-box {
  padding-bottom:0
 }
 .game_list .banner-wrap {
  box-sizing:border-box;
  margin:0 10px;
  width:auto;
  overflow:hidden;
  margin-top:1px
 }
 .game_list .banner-wrap .x-main {
  height:215px
 }
 .game_list .banner-wrap .ad-pic {
  height:215px
 }
 .game_list .banner-tool .main,
 .game_list .banner-wrap .x-main {
  padding:0;
  width:100%
 }
 .game_list .banner-tool .right {
  display:none
 }
 .game_list .banner-tool .desc .text>p {
  font-size:11px
 }
 .game_list .banner-tool .main .left {
  width:100%;
  padding:0 5px;
  box-sizing:border-box
 }
 .game_list .banner-tool .abox {
  margin-left:5px;
  text-align:right
 }
 .game_list .banner-tool .subscribe {
  padding:0 6px 0 27px;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center
 }
 .game_list .banner-tool .subscribe .p {
  font-size:11px;
  white-space:nowrap
 }
 .game-coin .coin-mess-box {
  padding:0 30px;
  box-sizing:border-box
 }
 .game_list .game-mess-box {
  display:block;
  background:#141b3d
 }
 .game_list .banner-tool {
  top:0;
  left:0;
  right:0;
  padding:7px 0;
  width:100%;
  box-sizing:border-box;
  position:absolute
 }
 .game_list .banner-tool .main {
  display:block
 }
 .buy-suc .follow-box {
  top:57px;
  min-height:36px;
  padding:11px 0
 }
 .buy-suc .follow-box .left {
  font-size:12px;
  margin-right:10px
 }
 .buy-suc .follow-box .right .follow-btn {
  width:110px;
  height:36px;
  line-height:36px
 }
 .buy-suc .follow-box .right .follow-btn p {
  font-size:12px;
  line-height:18px
 }
 .buy-suc-box {
  padding-top:30%
 }
 .buy-suc .content {
  min-height:calc(100vh - 57px)
 }
 .feedback .tab-nav-box {
  padding:15px 0;
  margin:0
 }
 .coop {
  padding:32px 12px
 }
 .feedback .content {
  min-height:calc(100vh - 167px)
 }
 .feedback .content.calc {
  min-height:calc(100vh - 167px)
 }
 .feedback .content.calc .x-main {
  margin:0 14px;
  width:auto
 }
 .feedback .content.calc .tab-nav-box {
  padding:15px 0
 }
 .country .content .main {
  padding-top:40px
 }
 .country .title {
  margin-bottom:50px
 }
 .err-country .warn {
  margin-top:25px;
  margin-bottom:17px
 }
 .err-country .title {
  font-size:14px;
  line-height:24px;
  letter-spacing:-.5px;
  margin-bottom:54px
 }
 .err-country .line-box p {
  font-size:12px;
  padding:0 12px
 }
 .err-country .line-box {
  margin-bottom:24px
 }
 .err-country .bg-box {
  height:64px
 }
 .err-country .line-box .line {
  height:1px
 }
 .country .list ul li {
  margin-bottom:8px
 }
 .country .list {
  margin-bottom:24px
 }
 .footer {
  min-height:110px
 }
 .footer .main {
  padding:0 30px
 }
 .footer .t {
  position:relative;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.05);
  margin-bottom:10px
 }
 .footer .t .p-box {
  width:100%;
  margin-bottom:0
 }
 .footer .t .p-box .box {
  padding-right:3%;
  max-width:55%
 }
 .footer li a {
  font-size:9px;
  line-height:24px
 }
 .footer .copying {
  font-size:9px;
  letter-spacing:-.2px;
  line-height:18px
 }
 .coupon .tab-nav-box {
  margin-top:24px;
  margin-bottom:17px
 }
 .coupon .tab-nav-box li {
  margin-right:24px
 }
 .coupon .list-box .list {
  width:49.5%;
  margin-right:1%;
  margin-bottom:8px;
  display:block;
  padding:12px 16px 8px 16px;
  box-sizing:border-box
 }
 .coupon .list-box .list:nth-child(3n) {
  margin-right:1%
 }
 .coupon .list-box .list:nth-child(2n) {
  margin-right:0
 }
 .coupon .list-box .list .right .pc-logo {
  display:none
 }
 .coupon .list-box .list .right .mobile-logo {
  display:block
 }
 .coupon .list-box .list .line {
  display:none
 }
 .coupon .list-box .list .yuan {
  width:8px;
  height:8px
 }
 .coupon .list-box .list .ly {
  left:-4px
 }
 .coupon .list-box .list .ry {
  right:-4px
 }
 .coupon .list-box .list .left .money {
  font-size:18px;
  line-height:20px;
  margin-bottom:4px;
  padding-left:0
 }
 .coupon .list-box .list .left .desc {
  padding-left:0;
  line-height:17px;
  margin-bottom:4px
 }
 .coupon .list-box .list .right {
  padding:0
 }
 .coupon .list-box .list .right .mobile-logo {
  position:absolute;
  right:13px;
  top:14px
 }
 .coupon .list-box .list .right .cou-name {
  display:none
 }
 .record .select-data-box .data {
  height:42px
 }
 .record .select-data-box {
  padding:0 30px;
  margin-top:18px;
  margin-bottom:14px;
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  box-sizing:border-box
 }
 .time-picker-box {
  width:auto;
  right:15px
 }
 .record .select-data-box .data {
  flex:1
 }
 .record .select-data-box .data .stat-time {
  padding-left:12px;
  font-size:12px
 }
 .record .select-data-box .data .end-time {
  padding-right:12px;
  font-size:12px
 }
 .record .select-data-box .data .mid {
  padding:0 14px
 }
 .record .select-data-box .date-box {
  height:42px
 }
 .record .select-data-box .btn {
  height:42px;
  line-height:42px
 }
 .record .content>.x-main {
  padding:0
 }
 .table .th .td {
  padding-left:15px
 }
 .table .table-body .tr .td {
  padding-left:15px
 }
 .record .content {
  min-height:calc(100vh - 167px);
  margin-bottom:40px
 }
 .table .th .td1 {
  width:25%
 }
 .table .th .td2 {
  width:34%
 }
 .table .th .td3 {
  width:23%
 }
 .table .th .td4 {
  width:18%
 }
 .table .table-body .tr .td1 {
  width:25%
 }
 .table .table-body .tr .td2 {
  width:34%
 }
 .table .table-body .tr .td3 {
  width:23%
 }
 .table .table-body .tr .td4 {
  width:18%;
  padding-left:25px
 }
 .feedback .tab-nav-box {
  padding:30px;
  margin:0
 }
 .feedback-list .tab-nav-box {
  padding:7px 30px 10px 30px;
  margin:0
 }
 .feedback .go-problem-btn {
  width:112px;
  height:42px;
  line-height:42px
 }
 .feedback .content .x-main {
  padding:0
 }
 .feedback .btn-box {
  padding:0 30px;
  box-sizing:border-box
 }
 .xnav .main li {
  margin-right:24px
 }
 .shop-car .tab-box {
  height:46px
 }
 .shop-car .tab-box .list {
  width:50%;
  height:46px
 }
 .shop-car .tab-box ul {
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  width:100%
 }
 .shop-car .tab-box .list {
  flex:1;
  height:46px
 }
 .shop-car .tab-list-box .item {
  padding:20px 12px;
  height:125px
 }
 .shop-car .checkbox {
  padding-right:17px
 }
 .shop-car .shop-mess-box .shop-pic {
  max-height:74px;
  margin-right:23px
 }
 .shop-car .tab-list-box .item-box {
  width:100%;
  margin-right:0
 }
 .shop-car .shop-mess-box .mess-box .list {
  height:20px
 }
 .shop-car .shop-mess-box .mess-box .list .val.shop-name {
  font-size:12px
 }
 .shop-car .shop-mess-box .mess-box .list .label {
  font-size:10px
 }
 .shop-car .shop-mess-box .mess-box .list .val {
  font-size:10px
 }
 .shop-car .shop-mess-box .mess-box .list .num-box {
  height:21px
 }
 .shop-car .shop-mess-box .mess-box .list .num-box .reduce {
  line-height:21px;
  height:21px;
  width:21px
 }
 .shop-car .shop-mess-box .mess-box .list .num-box .add {
  line-height:21px;
  height:21px;
  width:21px
 }
 .shop-car .shop-mess-box .mess-box .list .num-box .num {
  line-height:21px;
  height:21px;
  width:30px
 }
 .shop-car .tab-list-box .item .del {
  width:38px;
  height:54px;
  top:0
 }
 .shop-car .tab-list-box .item .more {
  width:36px;
  height:23px
 }
 .shop-car .more-box .swiper-bbox {
  height:228px
 }
 .shop-car .more-box .more-btn {
  height:20px
 }
 .shop-car .more-box {
  height:248px
 }
 .shop-car .more-box .swiper-container {
  height:228px
 }
 .shop-car .more-box .swiper-slide {
  height:228px;
  max-height:100%;
  display:block;
  padding:0;
  border-bottom:none
 }
 .shop-car .more-box .swiper-slide .list-box {
  width:100%;
  float:left
 }
 .shop-car .more-box .swiper-slide .slide-box {
  padding-left:42px;
  height:114px;
  padding-top:20px;
  padding-bottom:20px;
  border-bottom:1px solid rgba(255,255,255,.05)
 }
 .shop-car .more-box .swiper-slide .slide-box:last-child {
  border-bottom:none
 }
 .shop-car .more-box .more-btn p {
  width:11px;
  height:6px
 }
 .shop-car .tab-list-box {
  margin-bottom:360px
 }
 .pop-mode-box .select-order-mode-pop {
  width:92%
 }
 .pop-mode-box .select-order-mode-pop .sect-box::-webkit-scrollbar {
  display:none
 }
 .pop-mode-box .select-order-mode-pop .sect-box .tab-list-box {
  width:100%
 }
 .pop-mode-box .select-order-mode-pop .checkbox {
  left:15px
 }
 .pop-mode-box .select-order-mode-pop .table .th .td1 {
  padding-left:43px
 }
 .pop-mode-box .select-order-mode-pop .table .table-body .tr .td1 {
  padding-left:43px
 }
 .pop-mode-box .select-order-mode-pop {
  padding-bottom:32px
 }
 .pop-mode-box .select-order-mode-pop .btn-wrap {
  padding:0 15px;
  width:100%;
  box-sizing:border-box
 }
 .pop-mode-box .select-order-mode-pop .btn-wrap .btn-box {
  width:49%;
  padding:0;
  margin-right:2%
 }
 .pop-mode-box .select-order-mode-pop .btn-wrap .btn-box:last-child {
  margin-right:0
 }
 .pop-mode-box .select-order-mode-pop .btn-wrap .btn-box .btn {
  width:100%
 }
 .pop-mode-box .select-order-mode-pop .not-find .item-list .item-label {
  padding-left:16px;
  width:70px
 }
 .time-picker-box {
  left:0;
  min-width:100%;
  max-width:500px
 }
 .pop-mode-box .select-order-mode-pop .not-find .item-list .select-data-box .time-picker-box {
  width:290px;
  left:-70px;
  padding-bottom:19px
 }
 .game-pay-section ul li .shop-box .bonus {
  font-size:18px;
  margin-top:-3px
 }
 .personal .content {
  min-height:calc(100vh - 167px)
 }
 .mc {
  display:none
 }
 .change-old {
  position:relative;
  float:right;
  margin-bottom:24px;
  right:0;
  bottom:0
 }
 .mobile-show {
  display:block
 }
 .pc-show {
  display:none
 }
 .credit-card .head-title p {
  padding-top:8px;
  padding-bottom:30px;
  font-size:20px;
  text-align:center
 }
 .credit-card .head-title .x-main {
  position:relative
 }
 .credit-card .back-icon {
  display:block;
  position:absolute;
  left:30px;
  top:50%;
  -webkit-transform:translateY(-50%)
 }
 .credit-card .back-icon img {
  width:9px
 }
 .credit-card .con-1 {
  height:auto;
  line-height:20px;
  padding-top:0;
  margin-top:32px;
  width:100%;
  padding-bottom:20px;
  margin-bottom:20px
 }
 .credit-card .con-1 .text-1 {
  width:100%;
  margin-bottom:16px;
  font-size:18px;
  padding-bottom:0
 }
 .credit-card .con-1 .text-2 {
  padding-top:0;
  opacity:1;
  width:100%
 }
 .credit-card .con-1 .text-2 .pp {
  float:right
 }
 .credit-card .con .title {
  margin-bottom:19px
 }
 .history-list .hist-box .title {
  margin-bottom:0
 }
 .credit-card .con .text-1 {
  font-size:16px;
  letter-spacing:0;
  line-height:20px;
  margin-bottom:0
 }
 .credit-card .tip-txt {
  padding:3px 14px
 }
 .credit-card .tip-txt p i {
  display:block
 }
 .credit-card .head-title .icon-pic {
  display:none
 }
 .credit-card .list-box .list .left,
 .credit-card .list-box .list .right {
  width:100%
 }
 .personal .pop-mode.pop-form-mode-2 .list-box .list-1 .left,
 .personal .pop-mode.pop-form-mode-2 .list-box .list-1 .right {
  width:48%;
  margin-bottom:0
 }
 .pop-mode-box .pop-mode.pop-form-mode-1 .form-box-wrap-2 .form-box-warp .history-list,
 .pop-mode-box .pop-mode.pop-form-mode-2 .form-box-wrap-2 .form-box-warp .history-list {
  width:100%
 }
 .credit-card .list-box .list .max-left,
 .credit-card .list-box .list-0 .left,
 .credit-card .list-box .list-4 .left {
  margin-bottom:0
 }
 .credit-card .list-box .list .max-left {
  margin-bottom:0!important
 }
 .credit-card .list-box .list .left,
 .pop-mode-box .pop-mode.pop-form-mode-2 .list-1 .right {
  margin-bottom:24px
 }
 .form-box-wrap-2 .list-box {
  padding-bottom:11px
 }
 .credit-card .form-box-wrap-2 .list-box .list-2,
 .credit-card.game-shop .form-box-wrap-1 .list-box .list-2 {
  margin-bottom:0
 }
 .record .upload_img_wrap {
  margin-bottom:24px;
  overflow:hidden
 }
 .credit-card .list-box .list-2 .left {
  width:48.3%;
  float:left;
  margin-bottom:0
 }
 .credit-card .form-box-wrap-1 .list-box .list-2 .left,
 .credit-card .form-box-wrap-1 .list-box .list-2 .right,
 .credit-card .form-box-wrap-2 .list-box .list-2 .left,
 .credit-card .form-box-wrap-2 .list-box .list-2 .right {
  width:100%;
  margin-bottom:24px
 }
 .credit-card .form-box-wrap-1 .list-box .list-2 .right {
  margin-bottom:0
 }
 .pop-mode-box .pop-mode.pop-form-mode .form-box-wrap .close {
  width:14px;
  height:14px;
  right:24px;
  top:35px
 }
 .credit-card .list-box .list-2 .right {
  width:48.3%;
  float:right
 }
 .credit-card .con-2 .list-box .list-3 {
  margin-top:8px
 }
 .credit-card .list-box .list .label {
  margin-bottom:12px
 }
 .credit-card .list-box .list .xy-box p {
  width:92%;
  line-height:21px;
  padding:12px 0
 }
 .credit-card .list-box .list .xy-box .check-icon {
  margin-top:16px
 }
 .credit-card .con-2 {
  padding-bottom:0;
  margin-bottom:0
 }
 .pay-sec-box {
  margin-top:0
 }
 .pay-sec-box .x-main {
  width:100%;
  display:block;
  box-sizing:border-box
 }
 .pay-sec-box .left .txt {
  text-align:center;
  margin-bottom:17px
 }
 .credit-card .con-3 .list-box .list-1 .left,
 .credit-card .con-3 .list-box .list-1 .right,
 .credit-card .con-3 .list-box .list-2 .left,
 .credit-card .con-3 .list-box .list-2 .right {
  width:49%;
  margin-bottom:0
 }
 .credit-card .con .month-picker-box ul li div:hover {
  background:0 0
 }
 .pendant {
  bottom:55px;
  right:-5px
 }
 .pendant img {
  width:175px
 }
 .clause-box-pop .x-main {
  padding:0 15px
 }
 .clause-box-pop {
  padding-top:24px;
  padding-bottom:16px
 }
 .clause-box-pop .list-row {
  margin-bottom:16px
 }
 .clause-box-pop .list-two .list {
  width:100%
 }
 .clause-box-pop .list-two .l-list {
  margin-bottom:16px
 }
 .record .form-box .select-box {
  float:left;
  width:100%;
  padding:0 15px;
  box-sizing:border-box
 }
 .user-personal .record .form-box .select-box {
  padding:0
 }
 #city_dummy,
 #date_dummy,
 .record .form-box .select-box .select-item .select-block p {
  padding-right:32px;
  box-sizing:border-box;
  max-width:100%;
  min-width:auto;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  position:relative
 }
 #date_dummy_1 {
  width:100%;
  height:46px;
  box-sizing:border-box
 }
 .record .form-box .select-box .select-item.left {
  float:left
 }
 .record .form-box .select-box .select-item.right {
  float:right
 }
 .record .form-box {
  height:auto
 }
 .record .form-box .form-title {
  width:100%;
  text-align:center;
  font-size:20px;
  color:#fff;
  letter-spacing:0;
  padding-top:32px;
  padding-bottom:22px;
  line-height:24px
 }
 .record .form-box .select-box {
  margin-top:0;
  margin-bottom:18px
 }
 .record .form-box.posts.show .select-box {
  padding-bottom:48px
 }
 .record .form-box .select-box .select-item {
  margin-left:0;
  width:48%
 }
 .record-table .th {
  display:none
 }
 .record-table .table-body .tr {
  border-bottom:1px solid #141b3d;
  padding:16px 24px 21px 24px
 }
 .record-table .table-body .tr:last-child {
  border-bottom:none
 }
 .record-table .table-body .tr .td {
  line-height:unset;
  width:auto;
  height:auto
 }
 .record-table .table-body .tr .td1 {
  padding-left:0;
  width:100%;
  margin-bottom:12px
 }
 .record-table .table-body .tr .td1 p {
  line-height:24px;
  font-size:16px;
				   
  width:auto
 }
 .record-table .table-body .tr .td1 p:nth-child(1),
 .record-table .table-body .tr .td2 p,
 .record-table .table-body .tr .td4 p {
  width:228px;
  white-space:pre-wrap;
  word-break:break-word;
  text-overflow:unset;
  box-sizing:unset;
  white-space:unset;
  overflow:auto;
  text-overflow:unset
 }
 .user-personal .record-table .table-body .tr .td1 p:nth-child(1),
 .user-personal .record-table .table-body .tr .td2 p,
 .user-personal .record-table .table-body .tr .td4 p {
  width:208px
 }
 .record-table .tr .td .mobile-show {
  display:block!important;
  float:right;
  font-size:16px;
  color:#fff;
  text-align:right;
  line-height:24px
 }
 .record-table .table-body .tr .td2 {
  padding-left:0;
  width:100%;
  margin-bottom:9px
 }
 .record-table .table-body .tr .td2 p,
 .record-table .table-body .tr .td4 p {
  font-size:12px;
  color:rgba(255,255,255,.6);
  line-height:18px
 }
 .record-table .table-body .tr .td3 {
  display:none
 }
 .record-table .table-body .tr .td4 {
  float:left;
  padding-left:0
 }
 .record-table .table-body .tr .td5 {
  float:right;
  padding-left:0
 }
 .record-table .table-body .tr:hover {
  background:#19214b
 }
 .record-table .table-body .tr:active {
  background:#1d2657
 }
 .record-table {
  margin-bottom:0
 }
 .record-detailt-pop .item ul li {
  margin-bottom:12px
 }
 .record-detailt-pop {
  width:100%;
  top:57px;
  bottom:0;
  box-shadow:0 -8px 20px #111733;
  position:fixed
 }
 .record-detailt-pop .pop-title {
  height:73px
 }
 .record-detailt-pop .pop-title p {
  margin-top:28px;
  font-size:18px;
  letter-spacing:0
 }
 .record-detailt-pop .close-btn {
  width:14px;
  height:14px;
  top:30px;
  right:32px
 }
 .record-detailt-pop .detailt-box {
  overflow-y:auto;
  margin:0 24px;
  padding-bottom:46px
 }
 .cookie-agreement-pop .detailt-box {
  margin:0 20px;
  box-sizing:border-box;
  padding-bottom:90px
 }
 .record-detailt-pop .bottom-zz-bg {
  height:86px
 }
 .record-detailt-pop .x-bottom-zz-bg {
  height:71px
 }
 .record-detailt-pop .bottom-zz-bg .pop-btn {
  bottom:20px;
  left:20px;
  right:20px
 }
 .record-detailt-pop .x-pop-btn {
  right:20px;
  left:20px;
  bottom:0;
  height:71px;
  line-height:71px
 }
 .record-detailt-pop .block .block-title p {
  font-size:16px
 }
 .record-detailt-pop .item ul li.total .label {
  font-size:14px
 }
 .record-detailt-pop .item ul li .label {
  width:111px
 }
 .paging-tool-box {
  display:none
 }
 .market-message {
  position:relative!important;
  right:auto!important;
  margin-bottom:28px;
  bottom:auto!important;
  top:auto!important;
  margin-top:6px;
  float:left;
  border-radius:4px;
  width:100%!important;
  z-index:1
 }
 .notification-message {
  padding-right:8px;
  padding-left:12px;
  margin-top:-4px;
  margin-bottom:20px
 }
 .notification-message .block .more {
  margin-right:6px
 }
 .notification-message .mess {
  padding-right:8px;
  padding-left:21px
 }
 .game-pay-section .title {
  display:block
 }
 .game-pay-section .title .mark-mod-bubble {
  width:auto;
  display:block;
  padding:0;
  float:left;
  margin-left:0;
  border:none;
  background:0 0;
  margin-top:2px
 }
									
					 
				 
  
 .game-pay-section ul li .mark-mod-text {
  line-height:32px;
  height:32px
 }
 .game-pay-section ul li.have-mark-text .price-box {
  margin-top:36px
 }
 .game_list_section .list-box ul li .mark-mod-shop-text {
  font-size:12px;
  color:#ffd085;
  letter-spacing:-.18px;
  line-height:12px;
  text-shadow:0 1px 2px rgba(0,0,0,.11);
  padding-left:17px;
  margin-bottom:10px
 }
 .game_list_section .list-box ul li .mark-mod-shop-text:before {
  width:12px;
  height:12px
 }
 .currency .go-back {
  display:block;
  top:12px;
  left:20px
 }
 .currency .form-box .not-opened,
 .currency .form-box .yes-opened,
 .currency .mess-box {
  width:100%
 }
 .currency .content .x-main {
  padding-top:60px;
  padding-left:0;
  padding-right:0;
  background:#111733
 }
 .currency .form-box .not-opened,
 .currency .form-box .yes-opened {
  float:left;
  padding-left:20px;
  padding-right:20px
 }
 .currency .mess-box {
  border-right:none;
  padding-left:20px;
  padding-right:20px;
  padding-top:42px;
  background:rgba(20,27,61,1)
 }
 .currency .form-box .not-opened .title,
 .currency .form-box .yes-opened .title {
  font-size:20px;
  line-height:24px;
  padding-left:28px;
  margin-bottom:28px
 }
 .currency .form-box .yes-opened .title {
  padding-left:0
 }
 .currency .form-box .not-opened .title:before,
 .currency .form-box .yes-opened .title:before {
  width:20px;
  height:20px;
  background-size:20px 20px
 }
 .currency .form-box .not-opened .tips,
 .currency .form-box .yes-opened .tips {
  margin-top:20px
 }
 .currency .form-box .not-opened .btn {
  margin-top:20px
 }
 .currency .form-box .yes-opened .btn {
  margin-top:40px;
  margin-bottom:32px
 }
 .currency .list-box .list {
  margin-bottom:32px
 }
 .currency .mess-box .block .title {
  margin-bottom:20px
 }
 .currency .mess-box .block .desc {
  line-height:24px
 }
 .currency .mess-box .block {
  margin-bottom:58px
 }
 .currency .header {
  background:#111733
 }
 .back-mod-btn {
  display:block
 }
 .currency .form-box .not-opened .btn {
  display:none
 }
 .not-opened-btn {
  display:block;
  height:46px;
  line-height:46px;
  text-align:center;
  font-size:14px;
  letter-spacing:0;
  margin-top:24px;
  cursor:pointer;
  position:relative;
  background:#3a7bfc;
  color:#fff;
  margin:0 20px;
  margin-bottom:48px
 }
 .not-opened-btn.position-fixed {
  position:fixed;
  bottom:16px;
  left:0;
  right:0;
  z-index:20;
  margin-bottom:0
 }
 .currency .form-box .yes-opened .btn.btn-gold-icon:before {
  left:10px;
  top:-12px
 }
 .currency .form-box .yes-opened .btn.btn-gold-icon:after {
  right:7px
 }
 .currency .form-box .yes-opened .item-box .item .val {
  float:right
 }
 .midas-coins .form-box .not-opened .item-box .item .val,
 .midas-coins .form-box .yes-opened .item-box .item .val {
  overflow:hidden;
  float:none
 }
 .gold-icon-block {
  display:block
 }
 .gold-icon-block .midascoin-1 {
  position:absolute;
  right:24px;
  top:65px;
  width:53px
 }
 .gold-icon-block .midascoin-2 {
  position:absolute;
  right:89px;
  top:120px;
  width:37px
 }
 .currency .form-box .not-opened .btn:not(.disable):hover,
 .currency .form-box .yes-opened .btn:not(.disable):hover {
  background:#3167d3;
  color:rgba(255,255,255,.8)
 }
 .game-coin .coin-mess-box .coin-big-icon {
  display:none
 }
 .game-coin .coin-mess-box .t-box .item-box .item:nth-child(1) {
  border-right:none;
  margin-right:0;
  padding-right:0;
  margin-top:0
 }
 .game-coin .coin-mess-box .t-box .item-box .item {
  width:100%;
  margin-right:0;
  padding-right:0;
  margin-top:22px
 }
 .game-coin .coin-mess-box .t-box .item-box .item .val {
  float:right
 }
 .game-coin .coin-rechage-block {
  padding-top:33px
 }
 .game-coin .pay-type-box .title {
  margin-bottom:16px
 }
 .game-coin .pay-type-box .title p {
  line-height:16px
 }
 .game-coin .pay-type-box .pay-list-box .other-list,
 .pay-type-box.account .pay-list-box .list {
  height:62px
 }
 .game-coin .pay-type-box .pay-list-box .list .t-box {
  height:60px;
  line-height:60px
 }
 .game-coin .account {
  margin-bottom:40px
 }
 .pay-type-box.payment .pay-list-box .list {
  padding:15px 24px 15px 16px
 }
 .game-coin .content {
  padding-bottom:270px
 }
 .coin-warn-tips {
  margin-top:6px
 }
 .pay-type-box .coins-tips-box .type {
  font-size:14px
 }
 .pay-type-box.payment .pay-list-box .list:not(.coins):hover .pay-tips-box {
  display:none
 }
 .pay-type-box.payment .pay-list-box .list-box {
  width:100%;
  margin-right:0;
  margin-bottom:8px
 }
 .pay-type-box.payment .pay-list-box .list {
  width:100%;
  margin-right:0;
  margin-bottom:0
 }
 .pay-type-box.payment .pay-list-box .list-box.activeParent .pay-tips-box {
  display:block!important;
  position:relative;
  float:left;
  left:auto;
  top:auto;
  padding:16px
 }
 .pay-type-box.payment .pay-list-box .list-box.activeParent .coins-tips-box {
  display:block!important;
  position:relative;
  float:left;
  left:auto;
  top:auto;
  padding:16px
 }
 .pay-type-box .coins-tips-box {
  padding:16px;
  top:64px
 }
 .load-more {
  display:block
 }
 .user-side-nav-box {
  position:fixed;
  left:0;
  right:0;
  top:130px;
  bottom:0;
  background:rgba(0,0,0,.4);
  z-index:100;
  display:none
 }
 .user-side-nav {
  width:100%
 }
 .user-side-nav li p {
  padding-left:32px;
  font-size:16px
 }
 .user-side-nav li {
  height:64px
 }
 .user-side-nav li:active {
  background:#1e2754
 }
 .user-side-nav li p {
  height:64px;
  line-height:64px
 }
 .user-side-nav li.active p:after {
  content:'\e763';
  width:16px;
  height:12px;
  position:absolute;
  right:28px;
  top:0;
  color:#fff;
  font-family:iconfont!important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
 }
 .user-personal .content>.x-main {
  padding-top:27px;
  padding-left:20px;
  padding-right:20px
 }
 .art-box {
  padding-top:0
 }
 .art-box .form-box .form-title {
  text-align:center;
  font-size:20px;
  padding:0;
  margin-left:0;
  margin-right:0;
  margin-bottom:24px
 }
 .art-box.record .form-box .form-title {
  margin-bottom:24px
 }
 .art-box .form-box .list-box .list-title .title {
  font-size:16px;
  color:#fff;
  letter-spacing:.36px;
  line-height:16px;
  padding-left:12px;
  margin-bottom:0
 }
 .art-box .form-box .list-box .list-title {
  margin-bottom:16px
 }
 .art-box .form-box .list-box .list-title .title:before {
  height:16px
 }
 .account-details .form-box .list-block {
  padding:24px 16px
 }
 .account-details .form-box .facebook-list-block {
  padding:19px 16px;
  justify-content:space-between
 }
 .account-details .form-box .facebook-list-block .user-pic {
  margin-right:8px;
  width:35px;
  height:35px
 }
 .account-details .form-box .list-box .list {
  margin-bottom:40px
 }
 .account-details .form-box .list-box .tool.add-phone,
 .account-details .form-box .list-box .tool.edit-password {
  padding-right:20px
 }
 .account-details .form-box .list-box .tool.add-phone:after,
 .account-details .form-box .list-box .tool.edit-password:after {
  width:16px;
  height:16px
 }
 .account-details .form-box .list-block .val {
  float:right
 }
 .user-personal .content {
  padding-bottom:60px
 }
 .midas-coins .form-box .not-opened .btn {
  display:block;
  margin:0;
  margin-top:16px;
  width:100%
 }
 .midas-coins .form-box .not-opened .b-block {
  display:block
 }
 .midas-coins .form-box .not-opened .list-box .list .label {
  width:100%;
  overflow:hidden;
  float:none
 }
 .midas-coins .form-box .not-opened .history-list {
  width:100%
 }
 .midas-coins .form-box .not-opened,
 .midas-coins .form-box .yes-opened {
  padding:0
 }
 .about-midas-coins,
 .create-midas-coins,
 .my-account {
  padding:24px 16px
 }
 .midas-coins .form-box .not-opened .list-box .list .label {
  line-height:26px;
  height:26px;
  margin-bottom:8px
 }
 .midas-coins .form-box .not-opened .tips {
  margin-top:16px;
  padding-left:0
 }
 .user-personal .form-box .list-box .tool {
  line-height:16px
 }
 .account-details .form-box .list-box .tool.add-phone,
 .account-details .form-box .list-box .tool.edit-password,
 .payment-method .form-box .list-box .tool.add-new-card {
  padding-right:21px
 }
 .account-details .form-box .list-box .tool.add-phone:after,
 .account-details .form-box .list-box .tool.edit-password:after,
 .payment-method .form-box .list-box .tool.add-new-card:after {
  height:18px;
  width:18px
 }
 .user-personal .form-box .select-box {
  margin-bottom:0
 }
 .user-personal .record-table {
  margin-top:24px
 }
 .art-box.record .record-table .table-body .tr .td {
  line-height:0;
  height:auto
 }
 .art-box.record .record-table .table-body .tr .td:not(.td1) {
  line-height:0;
  height:auto
 }
 .art-box.record .record-table .table-body .tr .td2 {
  display:block;
  height:auto
 }
 .art-box.record .record-table .table-body .tr .td p.time {
  display:none
 }
 .art-box.record .record-table .table-body .tr .td1 {
  width:100%;
  display:block
 }
 .art-box.record .record-table .table-body .tr {
  padding:24px;
  border-bottom:none
 }
 .user-personal .art-box.record .record-table .table-body .tr {
  padding:20px
 }
 .art-box.record .record-table .table-body .tr .td1 .p-block {
  width:228px;
  float:left
 }
 .user-personal .art-box.record .record-table .table-body .tr .td1 .p-block {
  width:208px
 }
 .art-box.record .record-table .table-body .tr .td5 {
  width:auto
 }
 .user-personal .content {
  padding-left:0;
  padding-right:0
 }
 .art-box .form-box .form-title span {
  position:relative;
  padding-right:30px
 }
 .art-box .form-box .form-title em {
  display:inline-block;
  width:20px;
  height:20px;
  background-color:#222c5c;
  border-radius:2px;
  position:absolute;
  margin-left:10px;
  right:0;
  top:50%;
  transform:translateY(-50%) rotate(0);
  -webkit-transform:translateY(-50%) rotate(0);
  -moz-transform:translateY(-50%) rotate(0);
  -o-transform:translateY(-50%) rotate(0);
  -ms-transform:translateY(-50%) rotate(0)
 }
 .art-box .form-box .form-title em img {
  transition:all .3s ease-in-out;
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -ms-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  transform:translateY(-50%) rotate(0);
  -webkit-transform:translateY(-50%) rotate(0);
  -moz-transform:translateY(-50%) rotate(0);
  -o-transform:translateY(-50%) rotate(0);
  -ms-transform:translateY(-50%) rotate(0);
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-4px;
  width:10px;
  height:7px
 }
 .art-box .form-box .form-title span.active em img {
  transform:translateY(-50%) rotate(180deg);
  -webkit-transform:translateY(-50%) rotate(180deg);
  -moz-transform:translateY(-50%) rotate(180deg);
  -o-transform:translateY(-50%) rotate(180deg);
  -ms-transform:translateY(-50%) rotate(180deg)
 }
 .sub-head {
  height:64px;
  line-height:64px
 }
 .sub-head .mess {
  width:100%;
  display:block
 }
 .sub-head .mess .logo {
  float:right;
  margin-right:0
 }
 .ent-sub-head .mess .logo {
  width:34px;
  margin-top:17px
 }
 .sub-head .mess .name {
  font-size:16px;
  letter-spacing:0;
  line-height:64px
 }
 .subscription .introduce-mod-block {
  margin:28px 0;
  display:block;
  padding:0 20px
 }
 .introduce-mod-block {
  height:139px
 }
 .subscription .introduce-mod-block .mc-bg {
  display:none
 }
 .interests-list .list p {
  display:none
 }
 .ent-subscription .introduce-mod-block .title {
  font-size:16px;
  color:#000;
  letter-spacing:0;
  line-height:16px;
  margin-top:24px
 }
 .subscription .introduce-mod-block .block {
  position:absolute;
  bottom:21px;
  left:20px;
  right:20px
 }
 .introduce-mod-block .interests-list {
  position:absolute;
  left:20px;
  top:56px;
  display:block
 }
 .introduce-mod-block .interests-list,
 .introduce-mod-block .mess {
  width:auto;
  right:20px
 }
 .interests-list .list {
  margin-right:10px;
  display:block;
  float:left
 }
 .interests-list .list img {
  width:32px;
  height:32px
 }
 .subscription .introduce-mod-block .desc {
  max-width:211px;
  float:left;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  word-break:break-all;
  margin:0;
  margin-right:8px
 }
 .choose-plan .item {
  width:100%;
  margin-right:0;
  margin-bottom:12px;
  background:#1b234d;
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center
 }
 .choose-plan .item .top {
  flex:1;
  height:auto;
  padding-top:0;
  padding:20px;
  background:#1b234d
 }
 .choose-plan .item .bottom {
  width:112px;
  padding:24px 16px;
  box-sizing:border-box;
  background:#1e2754
 }
 .sub-details {
  display:none
 }
 .choose-plan .item .bottom .desc,
 .pc-show-mod {
  display:none
 }
 .mobile-show-mod {
  display:block
 }
 .choose-plan .item .top .label {
  text-align:left;
  font-size:14px;
  color:#fff;
  letter-spacing:0;
  line-height:14px
 }
 .choose-plan .item .top .desc {
  margin-top:6px;
  font-size:12px;
  color:rgba(255,255,255,.6);
  line-height:18px
 }
 .choose-plan .item .top .gift {
  position:relative;
  right:auto;
  top:auto;
  margin-top:10px;
  font-size:10px;
  color:#514008;
  letter-spacing:-.2px;
  line-height:10px;
  padding:4px 6px;
  border-radius:2px
 }
 .choose-plan .item .bottom .val {
  font-size:18px;
  color:#fff;
  letter-spacing:0;
  text-align:center;
  line-height:18px;
  font-family:dinm;
  margin-bottom:14px
 }
 .choose-plan .item .bottom .original-price {
  font-size:10px;
  color:rgba(255,255,255,.4);
  text-align:center;
  line-height:10px;
  margin-bottom:8px;
  margin-top:-8px;
  text-decoration:line-through
 }
 .choose-plan .item .bottom .btn {
  height:26px;
  line-height:26px;
  font-size:12px;
  color:#fff;
  letter-spacing:0;
  text-align:center
 }
 .game-sub-head .mess .logo {
  width:42px;
  margin-top:17px
 }
 .game-subscription .tab-box {
  margin-top:24px;
  margin-bottom:20px
 }
 .game-subscription .tab-swiper-box .swiper-slide-1 .introduce-mod-block {
  margin:0
 }
 .game-subscription .tab-swiper-box .swiper-slide-2 .introduce-mod-block {
  margin:0
 }
 .game-subscription .introduce-mod-block .title {
  font-size:16px;
  letter-spacing:0;
  line-height:16px;
  text-shadow:0 2px 4px rgba(0,0,0,.4);
  margin-top:24px
 }
 .game-subscription .introduce-mod-block .details {
  font-size:12px;
  color:rgba(255,255,255,.6);
  line-height:18px;
  position:relative;
  padding-right:9px;
  display:inline-block;
  vertical-align:bottom
 }
 .game-subscription .introduce-mod-block .details:after {
  content:' ';
  width:5px;
  height:10px;
  background:url(../images/subscription/jt-white.svg) no-repeat center;
  background-size:5px 10px;
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  opacity:.6
 }
 .game-subscription .introduce-mod-block .desc {
  color:rgba(255,255,255,.6)
 }
 .tab-swiper-box {
  margin-bottom:24px
 }
 .pay-subscription .game-sub-head {
  margin-bottom:20px
 }
 .pay-subscription .form-box {
  width:100%
 }
 .pay-subscription .about-sub-box {
  float:left;
  width:100%
 }
 .sub-plan h2 {
  display:none
 }
 .sub-plan .mess-box .date {
  margin-top:5px;
  margin-bottom:8px
 }
 .pay-subscription .section {
  margin-bottom:32px
 }
 .pay-subscription .section h2 {
  margin-bottom:16px
 }
 .pay-now-box {
  display:none
 }
 .pay-subscription .pay-type-box.payment .pay-list-box .list-box:last-child {
  margin-bottom:0
 }
 .about-sub p {
  font-size:12px;
  line-height:18px
 }
 .about-sub .link-mod-a {
  width:100%;
  text-align:center;
  margin-top:24px
 }
 .about-sub .link-mod-a a {
  border:1px solid rgba(255,255,255,.07);
  border-radius:2px;
  border-radius:2px;
  display:inline-block;
  padding:10px 22px 10px 12px
 }
 .about-sub .link-mod-a a:after {
  right:10px
 }
 .pay-subscription .content {
  padding-bottom:250px
 }
 .pay-subscription .pay-sec {
  display:block!important
 }
 .pay-subscription .pay-type-box.payment .pay-list-box .list {
  padding-top:12px;
  padding-bottom:12px
 }
 .pay-subscription .pay-type-box.payment .pay-list-box .list-box {
  width:100%
 }
 .pay-subscription .pay-type-box.payment .pay-list-box .list-box:nth-child(2n) {
  margin-right:0
 }
 .sub-game-account .y-box .user-head {
  margin-right:16px
 }
 .subscription-suc .buy-suc-box {
  padding-top:24px
 }
 .header .menu-nav-box li.acitve {
  background:0 0
 }
 .header .menu-nav-box li.acitve a {
  font-weight:400
 }
 .header .menu-nav-box li a {
  opacity:1;
  text-align:left;
  padding:0 32px
 }
 .header .menu-nav-box li {
  height:auto;
  line-height:61px;
  border-bottom:1px solid rgba(255,255,255,.05)
 }
 .header .menu-nav-box li.mul-li>a {
  position:relative;
  padding:0 32px
 }
 .header .menu-nav-box li.mul-li.up>a {
  height:46px;
  line-height:46px
 }
 .header .menu-nav-box li.mul-li>a:after {
  content:' ';
  width:14px;
  height:7px;
  background:url(../images/subscription/down.svg) no-repeat center;
  background-size:14px 7px;
  position:absolute;
  right:27px;
  top:50%;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  -webkit-transition:all .2s ease-in
 }
 .header .menu-nav-box li.mul-li.up>a:after {
  transform:translateY(-50%) rotate(180deg);
  -webkit-transform:translateY(-50%) rotate(180deg);
  -moz-transform:translateY(-50%) rotate(180deg);
  -ms-transform:translateY(-50%) rotate(180deg);
  -o-transform:translateY(-50%) rotate(180deg)
 }
 .menu-nav-box .multistage-nav-box {
  display:block;
  position:relative;
  left:auto;
  top:auto;
  background:0 0;
  width:100%;
  margin-bottom:12px
 }
 .menu-nav-box .multistage-nav-box .li {
  padding:0;
  height:44px;
  line-height:44px;
  padding:0 32px
 }
 .menu-nav-box .multistage-nav-box .li>a {
  padding:0
 }
 .menu-nav-box .multistage-nav-box .li .logo-box {
  margin-top:12px
 }
 .menu-nav-box .multistage-nav-box .li p {
  text-align:left
 }
 .account-details .form-box .list-block .remove {
  float:right;
  margin-left:0;
  margin-top:8px
 }
 .account-details .form-box .list-3 .list-block .val {
  float:none;
  overflow:hidden;
  text-align:right
 }
 .account-details .form-box .list-3 .list-block .val p {
  float:right
 }
 .pop-mode-box .pop-mode.remove-phone-mode .desc p {
  line-height:22px
 }
 .pop-mode-box .pop-mode.remove-phone-mode .desc {
  padding-bottom:16px
 }
 .pop-mode-box .pop-mode.remove-phone-mode .mess {
  padding-bottom:12px
 }
 .pop-mode-box .pop-mode .desc p.x-tips {
  line-height:22px
 }
 .x-head-mod {
  height:124px
 }
 .x-head-mod .mess {
  width:263px
 }
 .x-head-mod .mess h2 {
  line-height:30px;
  font-size:20px;
  color:#fff;
  letter-spacing:0
 }
 .operation-results .mess-box .title {
  margin:32px 0 28px 0;
  font-size:16px;
  color:#fff;
  letter-spacing:0;
  line-height:20px
 }
 .operation-results .mess-box.edit-mess-box .title {
  margin-bottom:24px
 }
 .operation-results .mess-box .val {
  margin-bottom:16px
 }
 .operation-results .mess-box .text {
  margin-bottom:32px
 }
 .operation-results .mess-box .btn {
  width:100%
 }
 .operation-results .mess-box {
  max-width:100%
 }
 .bg-icon {
  right:15px;
  width:100px;
  height:82px
 }
 .operation-results .mess-box .box .text {
  margin-bottom:20px;
  line-height:14px
 }
 .operation-results .form-box .left {
  width:100%;
  margin-bottom:16px
 }
 .operation-results .form-box .right {
  width:100%
 }
 .operation-results .mess-box .box {
  margin-bottom:32px
 }
 .operation-results .mess-box .btn-box .btn {
  width:48%!important
 }
 .operation-results .error-message p {
  padding:0 30px
 }
 .question-answer .con-box {
  width:100%
 }
 .question-answer .page-title {
  margin-top:10px
 }
 .question-answer .btn-box {
  margin-top:20px
 }
 .question-answer .btn-box .face-book-btn {
  width:100%
 }
 .question-answer .content {
  padding-bottom:48px
 }
 .pop-mode-box .pop-mode .btn-r-wrap {
  width:100%
 }
 .pay-sec .right .pay-mess.midas-coins-pay-mess .b .label,
 .pay-sec .right .pay-mess.midas-coins-pay-mess .t .label {
  min-width:auto;
  text-align:left
 }
 .pay-sec .right .pay-mess.midas-coins-pay-mess .b .label {
  white-space:nowrap
 }
}
@media screen and (max-width:700px) {
 .login .content.x {
  height:calc(100vh - 57px);
  overflow:hidden
 }
 .login .content.x .big-box {
  height:calc(100vh - 57px)
 }
 .login .content.x .register-box {
  top:0
 }
 .select-country-box {
  height:calc(100vh - 57px)
 }
 .login .register-box {
  width:auto;
  background:0 0
 }
 .login .register-box {
  -webkit-transform:translate(-50%,0);
  position:relative;
  margin-top:0;
  padding-top:0;
  padding-left:0;
  padding-right:0
 }
 .login .register-box .left {
  width:100%;
  margin-right:0;
  max-width:100%;
  padding-left:32px;
  padding-right:32px;
  box-sizing:border-box;
  margin-top:34px
 }
 .login .register-box .line {
  display:none
 }
 .login .register-box .right {
  width:100%;
  padding-left:0;
  padding-right:0;
  padding-top:20px
 }
 .login .register-box .right .list {
  padding-left:32px;
  padding-right:32px;
  box-sizing:border-box
 }
 .login .register-box .right .btn-wrap {
  padding:0 32px
 }
 .login .register-box .right .btn.mobile-btn {
  display:block;
  width:100%;
  height:42px;
  line-height:42px;
  text-align:center;
  font-size:14px;
  color:#fff;
  float:left;
  background:#3a7bfc;
  cursor:pointer;
  margin-bottom:16px
 }
 .login .register-box .right .btn.mobile-btn.disable {
  background:#3c4053
 }
 .login .register-box .form-box .btn.pc-btn {
  display:none
 }
 .login .register-box .b-bx.pc-b-bx {
  display:none
 }
 .login .register-box .b-bx.mobile-b-bx {
  display:block;
  padding-left:32px;
  padding-right:32px;
  box-sizing:border-box
 }
 .login .register-box .right .other-login-box {
  border-top:1px solid rgba(255,255,255,.4);
  padding-left:32px;
  padding-right:32px;
  padding-top:15px;
  box-sizing:border-box;
  margin-top:23px
 }
 .personal .content {
  min-height:calc(100vh - 167px)
 }
 .personal .form-box .form-title .title-p {
  line-height:20px;
  padding-bottom:18px;
  font-size:16px
 }
 .personal .form-box-1 .form-title .title-p {
  padding-top:24px
 }
 .personal .form-box .mess-box .box {
  width:100%;
  margin-bottom:12px;
					
  padding:0 16px;
  height:54px
 }
 .personal .form-box .mess-box .box .label,
 .personal .form-box .mess-box .box .val,
 .personal .form-box .mess-box .box .val span {
  line-height:54px
 }
 .personal .form-box .mess-box .user-pic {
  margin-top:9px
 }
 .personal .form-box .mess-box .r-box {
  margin-bottom:0
 }
 .personal .form-box {
  margin-bottom:40px
 }
 .payment-method .form-box {
  margin-bottom:0
 }
 .personal .form-box-1 {
  margin-bottom:40px;
  margin-top:0
 }
 .personal .form-box .form-title .title-desc {
  line-height:16px;
  margin-left:0;
  width:100%;
  padding-bottom:20px
 }
 .personal .form-box-2 .form-title .title-p {
  padding-bottom:12px
 }
 .personal .form-box .item-box .item {
  width:100%;
  margin-bottom:16px
 }
 .personal .form-box .item-box .item:nth-child(2n) {
  margin-left:0
 }
 .personal .form-box .item-box .item .t-box {
  padding:24px 20px
 }
 .personal .form-box .item-box .item .b-box {
  padding-left:20px;
  padding-right:20px
 }
 .personal .form-box .item-box .item:nth-child(3n+2) {
  margin-left:0;
  margin-right:0;
  margin-bottom:16px
 }
 .personal .form-box .item-box .item.add-item {
  height:62px;
  padding:0;
  line-height:62px;
  min-height:auto;
  margin-bottom:0
 }
 .personal .form-box .item-box .item.add-item p {
  margin-top:0
 }
 .game-shop .pop-mode-box .pop-mode.pop-form-mode,
 .pop-mode-box .pop-mode.pop-form-mode {
  width:100%;
  top:auto;
  bottom:0;
  -webkit-transform:translate(-50%,0)
 }
 .record .pop-mode-box:not(.pop-ts-mode-box) {
  display:block;
  -webkit-transform:translateY(200%);
  -webkit-transition:all .5s ease-in-out
 }
 .pop-mode-box .pop-mode.pop-ts-mode {
  width:auto;
  left:12px;
  right:12px;
  -webkit-transform:translate(0,-50%)
 }
 .record .pop-mode-box.pop-show {
  -webkit-transform:translateY(0)
 }
 .game-shop .pop-mode-box .pop-mode.pop-form-mode .form-box-wrap,
 .pop-mode-box .pop-mode.pop-form-mode .form-box-wrap {
  width:100%;
  padding:32px 20px
 }
									 
					
				  
}

@media screen and (max-width:640px) {
 .banner-wrap .swiper-slide,
 .banner-wrap .swiper-slide .img-box {
  height:160px
 }
 .game-pay-section ul li {
  height:246px
 }
 .game-pay-section ul li .shop-pic {
  padding:12px
 }
 .game-pay-section ul li .container {
  padding:28px 12px 12px 12px;
  height:246px
 }
 .type-labels {
  height:18px;
  line-height:18px;
  font-size:14px
 }
 .type-label:before,
 .type-labels:before {
  width:5px;
  left:-4px
 }
 .game-pay-section ul li .shop-box .num {
  font-size:18px;
  padding-left:18px
 }
 .game-pay-section ul li .shop-box .num .icon {
  width:17px;
  height:17px
 }
 .game-pay-section ul li .shop-box {
  margin-bottom:0
 }
 .game-pay-section ul li .price-box {
  height:32px;
  padding:0;
  min-height:32px;
  padding-top:5px;
  bottom:0;
  left:0;
  right:0
 }
 .game-pay-section ul li .price-box.price-box-d {
  padding-top:0
 }
 .game-pay-section ul li .price-box .money {
  font-size:14px;
  margin-bottom:0;
  line-height:12px
 }
 .game-pay-section ul li .price-box.price-box-d .money {
  height:100%;
  line-height:32px
 }
 .game-pay-section ul li .price-box.one-price .money {
  height:100%;
  line-height:32px
 }
 .game-pay-section ul li .mark-mod-text {
  font-size:12px
 }
 .game-pay-section ul li .shop-box .x {
  font-size:20px;
  margin:0 12px
 }
 .game-pay-section ul li .mess-box {
  padding:8px 10px 6px 10px;
  margin-bottom:6px
 }
 .game-pay-section ul li .mess-box .all-items {
  font-size:10px;
  margin-bottom:3px
 }
 .game-pay-section ul li .mess-box .detail {
  font-size:10px
 }
 .game-pay-section ul li .mess-box .label-gift {
  font-size:10px;
  padding:0 4px;
  line-height:14px
 }
 .game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item {
  height:52px
 }
 .game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item p {
  font-size:10px
 }
 .game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item .img {
  width:32px;
  height:32px
 }
 .game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item.single-gift-item .img {
  height:32px
 }
 .game-pay-section ul li .mess-box .item {
  font-size:10px;
  margin-bottom:0;
  line-height:14px
 }
 .game-pay-section ul li .price-box .moneyed {
  font-size:10px;
  margin-top:1px;
  line-height:13px
 }
 .game-pay-section ul li .mess-box .detail {
  font-size:10px;
  line-height:12px
 }
 .game-pay-section ul li .mess-box .item span {
  vertical-align:top
 }
 .game-pay-section ul li .shop-box .ticket-icon {
  height:35px
 }
 .coupon .list-box .list {
  width:49.25%;
  margin-right:1.5%;
  margin-bottom:8px;
  display:block;
  padding:12px 16px 8px 16px;
  box-sizing:border-box
 }
 .coupon .list-box .list:nth-child(3n) {
  margin-right:1.5%
 }
 .coupon .list-box .list:nth-child(2n) {
  margin-right:0
 }
 .credit-card-pop .pop-box {
  width:93%
 }
 .game-coin .coin-mess-box .x-main {
  padding:0 5px
 }
 .currency .form-box .yes-opened .item-box .item .val .gold,
 .midas-coins .form-box .yes-opened .item-box .item .val .purchase-more {
  margin:0;
  float:right;
  display:block
 }
 .midas-coins .form-box .yes-opened .item-box .item .val .purchase-more {
  margin-top:8px;
  width:100%;
  float:right;
  text-align:right
 }
 .currency .form-box .yes-opened .item-box .item .val .country-name {
  display:inline-block;
  float:right
 }
}
@media screen and (max-width:540px) {
 .game-ticket .game-mess-box .gift-exchange-btn {
  width:90px
 }
 .game-ticket .game-mess-box .prop-store-btn {
  margin-right:1.5%
 }
 .banner-wrap .swiper-slide {
  height:160px
 }
 .game_list .banner-wrap .swiper-slide {
  height:160px
 }
 .game_list .banner-wrap .swiper-slide .img-box {
  height:160px
 }
 .game_list .banner-tool .desc .facebook-icon {
  margin-left:2px;
  margin-right:2px
 }
 .hot-game {
  margin-bottom:15%
 }
 .hot-game .list-box ul li {
  width:49%;
  margin-bottom:3%
 }
 .content .title-box {
  margin-bottom:20px
 }
 .hot-game .list-box ul li:nth-child(3n) {
  margin-right:2%
 }
 .hot-game .list-box ul li:nth-child(4n) {
  margin-right:0
 }
 .hot-game .list-box ul li:nth-child(2n) {
  margin-right:0
 }
 .hot-game .list-box ul li .btn {
  height:36px;
  line-height:36px
 }
 .pay-type-box .tips-box {
  display:block
 }
 .pay-type-box .tips-box p {
  margin-bottom:13px
 }
 .pay-type-box .tips-box img {
  float:left;
  margin-right:12px;
  margin-bottom:12px
 }
 .pay-type-box .tips-box img:last-child {
  margin-right:0
 }
 .type-label {
  height:21px;
  line-height:21px
 }
 .type-label:before {
  height:21px
 }
 .game_list_section .list-box>ul>li {
  width:49%;
  margin-bottom:3%
 }
 .game_list_section .list-box>ul>li:nth-child(3n) {
  margin-right:2%
 }
 .game_list_section .list-box>ul>li:nth-child(4n) {
  margin-right:0
 }
 .game_list_section .list-box>ul>li:nth-child(2n) {
  margin-right:0
 }
 .game_list .list-nav ul li {
  height:44px;
  line-height:44px;
  margin-right:28px
 }
 .game_list .list-nav ul li:last-child {
  margin-right:0
 }
 .game_list .content {
  margin-top:10px
 }
 .game_list_section .list-box ul li .more-box .shop-list-wrap li .desc {
  font-size:10px
 }
 .game_list .banner-wrap .ad-pic {
  height:160px
 }
 .game_list .banner-wrap .x-main {
  height:160px
 }
 .game_list .banner-wrap .game-logo {
  display:none
 }
 .game-shop .shop-mess-box {
  padding:30px 15px
 }
 .game-shop .shop-mess-box .go-back {
  top:-20px
 }
 .game-shops .shop-mess-box {
  padding-bottom:0
 }
 .game-shop .shop-mess-box .shop-pic {
  max-height:116px;
  margin-right:24px
 }
 .game-wrap .tab-nav-box ul {
  margin-bottom:15px
 }
 .game-shop .shop-mess-box .mess-box .list {
  height:27px
 }
 .game-wrap .tab-nav-box .n-box,
 .game-wrap .tab-nav-box .tab-box .type-radio,
 .game-wrap .tab-nav-box .y-box {
  width:100%
 }
 .game-wrap .tab-nav-box .tab-box .type-radio .radio.android-radio {
  margin-right:.75%
 }
 .game-wrap .tab-nav-box .tab-box .type-radio .radio.ios-radio {
  margin-left:.75%
 }
 .game-wrap .tab-nav-box {
  margin-bottom:30px
 }
 .pay-type-box .pay-list-box .list {
  width:49.25%;
  max-height:65px;
  padding:14px 12px
 }
 .pay-type-box .pay-list-box .list:nth-child(3n) {
  margin-right:1.5%
 }
 .pay-type-box .pay-list-box .list:nth-child(2n) {
  margin-right:0
 }
 .game-shop .shop-mess-box .mess-box .list .val.shop-price {
  font-size:18px
 }
 .pay-type-box .pay-list-box .label {
  font-size:14px;
  margin-left:16px
 }
 .pay-sec .right .pay-btn {
  width:132px;
  margin-left:0
 }
 .credit-card .pay-sec .right .cancel-btn,
 .credit-card .pay-sec .right .pay-btn,
 .credit-card .pay-sec-box .right .cancel-btn,
 .credit-card .pay-sec-box .right .pay-btn {
  width:48.6%
 }
 .credit-card .pay-sec .right .pay-btn,
 .credit-card .pay-sec-box .right .pay-btn {
  margin-left:8px
 }
 .pay-sec .right .pay-mess {
  float:left
 }
 .pay-sec .right,
 .pay-sec-box .right {
  justify-content:space-between
 }
 .game-shop .content {
  margin-bottom:280px
 }
 .credit-card .content {
  padding-bottom:280px;
  margin-bottom:0
 }
 .game-ticket .content {
  margin-top:24px
 }
 .game-ticket .content.mt {
  margin-top:126px
 }
 .currency .content {
  padding-bottom:26px
 }
 .game-pay-section ul li {
  width:48.7%;
  margin-right:2.6%
 }
 .game-pay-section ul li:nth-child(3n) {
  margin-right:2.6%
 }
 .game-pay-section ul li:nth-child(2n) {
  margin-right:0
 }
 .game-ticket .game-pay-section {
  margin-top:20px
 }
 .game-coin .coin-mess-box .t-box .x-main {
  display:block
 }
									   
			  
				
					
  
 .game-coin .coin-mess-box .t-box {
  padding-top:40px;
  padding-bottom:44px
 }
 .game-coin .coin-mess-box .t-box .title {
  font-size:20px
 }
 .game-coin .coin-mess-box .t-box .item-box {
  padding-top:26px
 }
 .game-coin .pay-type-box .pay-list-box .list {
  margin-right:2%;
  width:49%
 }
 .pay-type-box.payment .pay-list-box .list-box {
  width:100%;
  margin-right:0;
  margin-bottom:8px
 }
 .pay-type-box.payment .pay-list-box .list {
  width:100%;
  margin-right:0;
  margin-bottom:0
 }
 .game-coin .pay-type-box .pay-list-box .other-list {
  padding-top:14px
 }
 .game-coin .pay-type-box .pay-list-box .list:nth-child(3n) {
  margin-right:2%
 }
 .game-coin .pay-type-box .pay-list-box .list:nth-child(2n) {
  margin-right:0
 }
															
					
			
  
 .game-coin .pay-type-box .pay-list-box .other-list .descs input {
  font-size:18px
 }
 .game-coin .pay-type-box .pay-list-box .other-list .descs input::-webkit-input-placeholder {
  opacity:.4;
  color:#fff;
  font-size:12px
 }
 .game-coin .pay-type-box .pay-list-box .other-list .descs input:-moz-placeholder {
  opacity:.4;
  color:#fff;
  font-size:12px
 }
 .game-coin .pay-type-box .pay-list-box .other-list .descs input::-moz-placeholder {
  opacity:.4;
  color:#fff;
  font-size:12px
 }
 .game-coin .pay-type-box .pay-list-box .other-list .descs input:-ms-input-placeholder {
  opacity:.4;
  color:#fff;
  font-size:12px
 }
 .game-coin .pay-type-box .pay-list-box .other-list .descs:before {
  width:16px;
  height:16px
 }
 .game-coin .pay-type-box .pay-list-box .list .t-box .val {
  font-size:18px;
  padding-left:20px
 }
 .game-coin .pay-type-box .pay-list-box .list .t-box .val:before {
  width:16px;
  height:16px
 }
 .game-coin .pay-type-box .pay-list-box .list .desc {
  font-size:12px
 }
 .game-coin .pay-type-box .pay-list-box .list .t-box {
  margin-bottom:6px
 }
 .pay-type-box .pay-list-box .list.active:after {
  width:30px;
  height:30px
 }
 .forget .forget-box,
 .login .login-box {
  background:0 0;
  padding-top:0;
  padding-bottom:0;
  -webkit-transform:translate(-50%,0);
  top:93px
 }
 .login .login-box {
  width:100%;
  min-width:100%
 }
 .forget .forget-box {
  min-height:auto
 }
 .forget .forget-box.reset-pass-box {
  min-height:auto
 }
 .forget .forget-box .btn-box {
  position:relative;
  padding:0;
  bottom:0;
  margin-top:36px;
  float:left
 }
 .forget .forget-box.reset-pass-box .btn-box {
  margin-top:4px
 }
 .mailbox .forget-box .btn-box {
  margin-top:114px
 }
 .feedback .content {
  margin-top:0
 }
 .feedback .list-box .list {
  padding:0 15px;
  width:auto
 }
 .feedback .list-box .list.g-list {
  padding:18px 15px
 }
 .feedback .tab-nav-box li {
  margin-right:24px
 }
 .feedback .list-box .list .label {
  padding-left:0;
  width:70px
 }
 .feedback .btn-box .btn {
  margin-left:0;
  width:49%
 }
 .feedback .btn-box {
  margin:0;
  margin-top:24px;
  margin-bottom:105px;
  padding:0 15px;
  width:auto
 }
 .feedback .btn-box .btn.cancel-box {
  float:left
 }
 .feedback .btn-box .btn.next-btn {
  float:right
 }
 .pop-box .pop {
  padding:25px 16px
 }
 .country .list ul li,
 .select-country-box .list ul li {
  width:48.75%;
  margin-right:2.5%
 }
 .country .list ul li:nth-child(4n),
 .select-country-box .list ul li:nth-child(4n) {
  margin-right:2.5%
 }
 .country .list ul li:nth-child(5n),
 .select-country-box .list ul li:nth-child(5n) {
  margin-right:2.5%
 }
 .country .list ul li:nth-child(3n),
 .select-country-box .list ul li:nth-child(3n) {
  margin-right:2.5%
 }
 .country .list ul li:nth-child(2n),
 .select-country-box .list ul li:nth-child(2n) {
  margin-right:0
 }
 .country .add-bg {
  left:90px
 }
 .coupon-pop .x-main {
  width:100%
 }
 .coupon-pop .pop {
  width:100%;
  padding:32px 15px
 }
 .coupon-pop .pop .title {
  margin-bottom:9px;
  line-height:20px
 }
 .coupon-pop .pop .list-box .list {
  margin-top:8px;
  margin-right:2%;
  width:49%;
  padding:11px 16px 8px 16px
 }
 .coupon-pop .pop .list-box .list .money {
  font-size:18px;
  color:#fff;
  letter-spacing:-.32px;
  line-height:20px
 }
 .coupon-pop .pop .list-box .list .pc-logo {
  display:none
 }
 .coupon-pop .pop .list-box .list .mobile-logo {
  display:block;
  position:absolute;
  right:13px;
  top:13px;
  height:18px;
  width:18px
 }
 .coupon-pop .pop .list-box .list .desc {
  margin-top:4px;
  margin-bottom:2px;
  line-height:17px
 }
 .coupon-pop .pop .list-box .list .date {
  font-size:10px;
  line-height:18px
 }
 .coupon-pop .pop .list-box .list.active:after {
  width:36px;
  height:36px
 }
 .coupon-pop .pop .list-box .list .yuan {
  width:8px;
  height:8px
 }
 .coupon-pop .pop .list-box .list .ly {
  left:-4px
 }
 .coupon-pop .pop .list-box .list .ry {
  right:-4px
 }
 .coupon-pop .pop .list-box {
  margin-bottom:16px
 }
 .coupon-pop .pop .btn {
  width:100%
 }
 .coupon-pop .pop .btn-box {
  width:49%;
  margin-right:2%
 }
 .redeem-code .section {
  margin-top:0;
  margin-bottom:176px
 }
 .redeem-code .tab-nav-box {
  margin-bottom:41px
 }
 .redeem-code .tab-nav-box .n-box {
  margin-bottom:16px
 }
 .pop-mode-box .select-order-mode-pop .sect-box .tab-list-box .order-lists {
  overflow-x:scroll;
  overflow-y:hidden
 }
 .pop-mode-box .select-order-mode-pop .sect-box .tab-list-box .order-lists .table {
  width:640px
 }
 .found-id-pop .pop-boxs {
  width:92%;
  padding-left:16px;
  padding-right:16px
 }
 .found-id-pop .pop-boxs .pop-con {
  height:300px
 }
 .found-id-pop .pop-boxs .btn-wrap .btn {
  width:100%
 }
 .code-pay-pop .pop-box {
  width:93%;
  height:412px
 }
 .code-pay-pop .pop-box .title {
  margin-top:42px
 }
 .code-pay-pop .pop-box .mobile {
  display:block
 }
 .record .upload_img {
  width:30.5%;
  height:auto
 }
 .record .imgContainer {
  height:auto
 }
 .record .imgContainer:before,
 .record .upload_img:before {
  content:"";
  padding-top:100%;
  display:block
 }
 .record .imgContainer {
  margin-right:0;
  width:30.5%
 }
 .record .imgContainer:nth-child(2),
 .record .upload_img[data-id="2"],
 .record .upload_img[data-id="5"] {
  margin:0 4.25%
 }
 .picture-box .img-box {
  max-width:100%!important;
  padding:0 12px;
  box-sizing:border-box
 }
 .close-icon {
  right:12px!important
 }
 .pop-mode-box .pop-mode.notification-message-pop {
  width:345px;
  padding:20px;
  box-sizing:border-box
 }
}
@media screen and (max-width:480px) {
 .hot-media {
  margin-bottom:0
 }
 .hot-media .list-box .list .mess-box {
  padding:0 19px;
  padding-bottom:20px
 }
 .hot-media .list-box .list .desc {
  display:block
 }
 .hot-media .list-box .list .desc .text {
  width:100%
 }
 .hot-media .list-box .list .desc .text p {
  max-width:100%
 }
 .hot-media .list-box .list .logo {
  margin-bottom:26px;
  margin-top:19px
 }
 .hot-media .list-box .list .btn {
  width:104px;
  height:32px;
  line-height:32px;
  margin-top:26px
 }
}
@media screen and (max-width:450px) {
 .banner-wrap .swiper-slide {
  height:160px
 }
 .shop-car .tab-boxs .ul {
  width:100%;
  height:46px;
  overflow-x:scroll;
  position:relative
 }
 .shop-car .tab-boxs .ul::-webkit-scrollbar {
  display:none
 }
 .shop-car .tab-boxs ul {
  display:block;
  position:absolute;
  left:0;
  top:0;
  display:block;
  white-space:nowrap
 }
 .shop-car .tab-boxs .list {
  flex:none;
  list-style:none;
  display:inline-block;
  width:152px
 }
}
@media screen and (max-width:414px) {
 .header .log .logined .user-pic,
 .header .log .luanch .country-icon {
  width:22px;
  height:22px
 }
 .header .log .luanch .country-icon {
  width:22px;
  height:15px
 }
 .header .menu-more .icon-box {
  -webkit-transform:scale(1.12,1.12)
 }
 .game-ticket .game-mess-box .gift-exchange-btn,
 .redeem-code .game-mess-box .game-recharge-btn {
  background:0 0;
  width:auto;
  height:auto;
  min-width:auto;
  min-height:auto;
  margin-top:0;
  line-height:56px;
  padding:0
 }
 .game-ticket .game-mess-box .prop-store-btn {
  margin-right:0
 }
 .game-ticket .game-mess-box .gift-exchange-btn p,
 .redeem-code .game-mess-box .gift-exchange-btn p {
  font-size:12px
 }
 .game-ticket .game-mess-box .xlogo img,
 .redeem-code .game-mess-box .xlogo img {
  height:28px
 }
 .game-ticket .game-mess-box .xlogo,
 .redeem-code .game-mess-box .xlogo {
  margin-top:14px
 }
 .game-ticket .game-mess-box,
 .redeem-code .game-mess-box {
  height:56px
 }
 .header .main {
  padding:0 15px
 }
 .header .menu-more {
  left:7px
 }
 .header .log {
  right:15px
 }
 .banner-wrap {
  margin:0 15px
 }
 .buy-suc .follow-box .main,
 .content .main,
 .operation-results .error-message p,
 .x-head-mod .x-main,
 .xnav .main {
  padding:0 15px
 }
 .subscription .header .main {
  padding:0 20px
 }
 .subscription .header .log {
  right:15px
 }
 .subscription .header .menu-more {
  left:10px
 }
 .sub-head .x-main {
  padding:0 15px
 }
 .footer .main {
  padding:0 15px
 }
 .game-mess-box .x-main {
  padding:0 15px
 }
 .game_list .banner-wrap {
  margin:0 15px;
  margin-top:1px
 }
 .game_list .banner-tool {
  padding:7px 0
 }
 .login .login-box ul {
  padding:0 15px
 }
 .login .login-box .form-box,
 .login .register-box .b-bx.mobile-b-bx,
 .login .register-box .left,
 .login .register-box .right .btn-wrap,
 .login .register-box .right .list,
 .login .register-box .right .other-login-box,
 .select-country-box {
  padding-left:15px;
  padding-right:15px
 }
 .select-country-box .big-list-box {
  left:15px;
  right:15px
 }
 .login .login-box .b-bx {
  padding:0 15px;
  padding-bottom:23px
 }
 .login .login-box .other-login-box {
  padding:15px 15px 24px 15px
 }
 .feedback .tab-nav-box {
  padding:30px 15px
 }
 .content .head-title .x-main,
 .content>.x-main,
 .game-coin .x-main,
 .pay-sec-box .x-main {
  padding:0 15px
 }
 .game-coin .warn-message .x-main {
  padding:0 20px
 }
 .credit-card .back-icon {
  left:15px
 }
 .pay-sec {
  padding:17px 15px
 }
 .id-mess .x-main {
  padding:12px 15px
 }
 .record .select-data-box {
  padding:0 15px
 }
 .game-coin .coin-mess-box {
  padding:0 15px
 }
 .header .user-mess-box .san {
  right:13px
 }
 .pop-mode-box .pop-mode.register-suc-pop {
  width:345px
 }
}
@media screen and (max-width:374px) {
 .banner-wrap .swiper-slide {
  height:134px
 }
 .banner-wrap .swiper-slide,
 .banner-wrap .swiper-slide .img-box {
  height:134px
 }
 .banner-wrap .swiper-slide {
  height:134px
 }
 .game_list .banner-wrap .swiper-slide {
  height:134px
 }
 .game_list .banner-wrap .swiper-slide .img-box {
  height:134px
 }
 .game_list .game-mess-box .game-recharge-btn,
 .game_list .game-mess-box .gift-exchange-btn {
  margin-left:5px
 }
 .game_list .banner-tool .desc .text>p {
  font-size:8px
 }
 .pop-mode-box .pop-mode {
  width:80%
 }
 .pop-mode-box .pop-mode .desc p,
 .pop-mode-box .pop-mode .desc.max-desc p {
  font-size:12px
 }
 .pop-mode-box .pop-mode .btn-wrap .btn.cancel-btn,
 .pop-mode-box .pop-mode .btn-wrap .btn.comfirm-btn {
  width:48%
 }
 .pop-mode-box .pop-mode .btn-wrap .l-btn .btn.cancel-btn {
  width:100%
 }
 .buy-suc-box {
  width:auto;
  padding-top:40%
 }
 .record-table .table-body .tr .td1 p:nth-child(1),
 .record-table .table-body .tr .td2 p,
 .record-table .table-body .tr .td4 p {
  width:66%
 }
 .record-table .table-body .tr .td4 p {
  width:180px
 }
 .pop-mode-box .pop-mode.notification-message-pop,
 .pop-mode-box .pop-mode.register-suc-pop {
  width:90%
 }
}
@media screen and (max-width:320px) {
 .xnav .main {
  padding:0 15px
 }
 .table .table-body .tr .td,
 .table .th .td {
  font-size:12px
 }
 .feedback .tab-nav-box li {
  margin-right:15px
 }
 .buy-suc-box {
  width:auto
 }
 .forget .forget-box {
  width:290px;
  padding:0
 }
 .forget .forget-box .form-box {
  width:100%
 }
 .forget .forget-box .btn-box .btn {
  width:48%
 }
 .buy-suc-box .other-box {
  width:auto
 }
 .buy-suc-box .other-box .mess-box .desc {
  width:100%
 }
 .pop-mode-box .pop-mode.x-fail-pop .btn-wrap .btn.cancel-btn {
  width:48%
 }
 .pop-mode-box .pop-mode.x-fail-pop .btn-wrap .btn.comfirm-btn {
  width:48%
 }
 .pop-box .pop {
  width:80%
 }
 .game_list .game-mess-box .game-recharge-btn,
 .game_list .game-mess-box .gift-exchange-btn {
  margin-left:5px
 }
 .game_list .banner-tool .desc .text>p {
  font-size:8px
 }
 .content .title-box .subscribe.xsubscribe {
  right:0
 }
 .content .title-box .desc .facebook-icon {
  width:12px;
  height:12px;
  margin:0 3px
 }
 .content .title-box .desc .text>p {
  letter-spacing:0
 }
 .hot-game {
  margin-bottom:70px
 }
 .hot-media .list-box .list {
  margin-bottom:16px
 }
 .footer .t {
  padding-bottom:3px;
  margin-bottom:3px
 }
 .footer .t .p {
  font-size:9px
 }
 .game_list .list-nav ul li {
  height:44px;
  line-height:44px;
  margin-right:20px;
  font-size:10px
 }
 .game_list .list-nav .shop-car-btn span {
  font-size:10px
 }
 .game_list_section .list-box ul li .shop .name {
  font-size:10px
 }
 .game_list_section .list-box ul li .shop .price {
  font-size:12px
 }
 .game_list_section .list-box ul li .shop .price span {
  font-size:10px
 }
 .game_list_section .list-box ul li .buy-btn-box {
  font-size:10px;
  padding:0 9px
 }
 .game_list_section .list-box ul li .buy-btn {
  height:30px;
  line-height:30px
 }
 .game_list_section .list-box ul li .buy-btn .btn {
  height:30px;
  line-height:30px
 }
 .game_list_section .list-box ul li .buy-btn .shop-car {
  width:30px;
  height:30px
 }
 .game_list_section .list-box ul li .recharge .btn {
  height:30px;
  line-height:30px;
  font-size:10px
 }
 .game_list_section .list-box ul li .shop {
  padding-top:10px
 }
 .game_list_section .list-box ul li .recharge .name {
  margin-bottom:10px
 }
 .game_list_section .list-box ul li .shop .price {
  margin-bottom:6px
 }
 .game_list_section .list-box ul li .buy-btn-box {
  bottom:14px
 }
 .game_list_section .list-box ul li .recharge .name {
  font-size:10px
 }
 .game_list_section .list-box ul li .off {
  font-size:11px;
  width:57px
 }
 .game-shop .shop-mess-box .mess-box .list .val.shop-name {
  font-size:15px
 }
 .game-shop .shop-mess-box .mess-box .list .label,
 .game-shop .shop-mess-box .mess-box .list .val {
  font-size:10px
 }
 .select-country-box .btn-wrap {
  padding-left:0
 }
 .select-country-box .btn-wrap ul .btn {
  width:140px
 }
 .login .register-box ul li {
  margin-right:0
 }
 .login .register-box ul li.cancel-btn {
  margin-right:5px
 }
 .login .register-box ul li.comfirm-btn {
  margin-left:5px
 }
 .record .form-box .select-box .select-item .select-block p {
  max-width:120px
 }
}
@font-face {
 font-family:iconfont;
 src:url(iconfont.eot?t=1592804484093);
 src:url(iconfont.eot?t=1592804484093#iefix) format('embedded-opentype'),
 url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAU8AAsAAAAACsAAAATuAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDdgqHGIYBATYCJAMsCxgABCAFhG0HgSgbSQnIDiUtIcEQYWMDZgTPr5nzdv9SkgN0rQKUiBpBITogSazJkZB3rVFViLbV+f9/U29KldSFmVVMN49MkxF4UBp5OfAmTucmX2Z6/X6ropWQdUOil/cR3T/DYp5EJdGoZEIikjgRbWIl34V2sZ6KbC4rXBQTu51Ay0StaVaXt9WBp0TaLxBHJZEFT59TSqkPtVDGnJrEHYU6u5pdBHDb/P34C8nhSabISXdat7+Mh8Kf3Z7zlNpV7cpVl+vz43YWOWYBiTgeGzyIsjOzUFqfq7laDJSSkP3s/pz/36VOay/TST8fUaPREjK5pFCq1AT+eZKtA/4KWVszp1dJQ9gdujjsBRJAE0gGNIPkwN4gCciCFEALSAnkQCogjw41aOv8KKr+AcQZkGSrpXKZAspMyIubZnLbu5Vw21arN6WRPr9Op7es9kw4pB4cf7j+iJ8Vu36kr/5e+SxcN3Mt7SuIgpPXnoeaZqtm2rxC/YZm2lnPlKtX9eAf168b9R5UdOWK7to1w/OsQS4Lx1L9dx+Opey0TmukS5t3HYqBwFjyOmOQYfb4YJ3eOKe+Nz8z2H7uzFlhxrA5YWKPAPA/4E5X58jM8aHC7Pow45wJIXpR+wOzVPH6YyNceaC79sig0bx52M1rrlMs+j/nu96VB2YkduJRR4HvLAqDrt7UX7mh6x7XrWqDu4Wm2nu6uWNs14YHSw4U3ym+WNXA+j4oGut5Jmbj5aCFQS1/LLP4Y9/ONf5d/d3jT/uLfnK8qWW85YNP4P7Ggr/+Q2f551ZEXv7jubpP7dMYmKc5/zdTDB2qMclM5zSTe1kojAdTXC4yJuZiNuXRfbVgiXpkSWGBoidqvyTOjwGnviZk7B7jcKyLWYfxsqUYz4/ODSOkX4+arD0t3z7dlbVz51hCYNhruOy1ttGyDdjErY9db+i2gW1q33Fd3Lo37778WB/nmjsENsD/ggvhe8S1k6owo/eC5rTG+4C2vYdvuui5oLzEIXcN+LcdMKBtMOXrkZUppxrNS5npzC5uNzJx4T3NJM444y9hD3c0/r/7+O7pZSXN2o6EtTqtGVnUBDI+AboH82dUqWk/mpNFhfmfXpYDoKP7nxR5pN3lAVUIQD4720l3Vn6Hsl6x97NmZ+t8s1/u/1qbwNtQNIKb/0uWh+W7L6OWkVt/ffoTdMmb4muEro4pVS7/sN8vfKrM48bRJi05Thek6KB79fMjuVOE2qe/QaYyAXK1ScIknQWFttlQqi2Dlpkqzm4bIqNEajDDKAah3xbI9HoNuX6XhEl6Fwqj3kKpPyho2RJBl2ybEhJdIiOWIJ6xDGAkDjsExUNoq74zEvvYWNlrNOUGJCtSnEmKTwzmK5ADyXUcofQVkwkRGEHGdqac3Q3ZbJhxyrgOcSS+lhBndkKCEPdG8Ry2A20VGcIiEB7DYgCGhIM5CPpigg79fGeIqA8blpwy9qNpgMgU0uqMJPEScwgrbI5cY/uytaIvUTKCEGgvgQyzY5TDj9jkDMZwxu9UB+EQ8WpLpJyyJfBZQl5bfPu8fXsvQYv0cu3IIo8URZRRRR1NtKIdHdVe3M9hriOBRGYdCsuRxXmaWUYclnk/luNwHwcx84iwkk3xdbID7MgvsB9Vi3lXxEuEYnneTRQL76i1SzyrmDksOZRNUNmGs2EFeTvtdqQorIgAAAA=') format('woff2'),
 url(iconfont.woff?t=1592804484093) format('woff'),
 url(iconfont.ttf?t=1592804484093) format('truetype'),
 url(iconfont.svg?t=1592804484093#iconfont) format('svg')
}
.iconfont {
 font-family:iconfont!important;
 font-size:16px;
 font-style:normal;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.icondown_jt:before {
 content:"\e75d"
}
.icontransaction_record:before {
 content:"\e75e"
}
.iconaccount_details:before {
 content:"\e75f"
}
.iconpayment_method:before {
 content:"\e760"
}
.iconedit:before {
 content:"\e761"
}
.iconadd:before {
 content:"\e762"
}
.icongg_jt:before {
 content:"\e763"
}
.iconmidas_coins:before {
 content:"\e764"
}
.iconicon-close:before {
 content:"\e759"
}
.iconicon-message:before {
 content:"\e75a"
}