@charset "utf-8";
/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, form, table, caption, article, footer, header, menu, nav, section, button, ul, li, p, input, textarea{
    margin:0;padding:0;border:0;font-weight:normal;vertical-align:baseline;text-decoration:none;
    font-family:'Averta Std', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;
}
*{word-wrap:break-word;}
*, :after, :before{-webkit-box-sizing:border-box;box-sizing:border-box;}
html{height:100%;position:relative;}
body{min-height:100%;position:relative;background-color:#f3f5f6;color:#0f161f;font-size:14px;}
a{text-decoration:none;cursor:pointer;color:inherit;}
ol, ul{list-style:none;}
ol:before, ul:before, ol:after, ul:after{content:" ";display:table;}
li{outline:none;}
table{border-collapse:collapse;}
label, button, input[type="checkbox"]{cursor:pointer;}
button:active{opacity:0.9;}
input[type=text], input[type=password], select, button, textarea{outline:none; /*-webkit-appearance:none;-moz-appearance:none*/;}
img.scale{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all .5s;-o-transition:all .5s;}
img.scale:hover{transform:scale(1.05);-webkit-transform:scale(1.05);}
.hide{display:none;}
.success{color:#07e600;}
.white{color:#ffffff;}
.gray{color:#8796a5;}
.orange{color:#ffa60a;}
.normal{color:#ffcc68;}
.black{color:#013e01;}
.strong{font-weight:bold;}
.vc{vertical-align:middle;}
.cursor{cursor:pointer;}
.underline{text-decoration:underline;}
.uppercase{text-transform:uppercase}
.relative{position:relative;}
.iconfont{line-height:1;}
.float-right{float:right;}
.float-left{float:left;}
.mb-mini{margin-bottom:5px;}
.ml-mini{margin-left:5px;}
.mr-mini{margin-right:5px;}
.mt-middle{margin-top:10px;}
.ml-middle{margin-left:10px;}
.mr-middle{margin-right:10px;}
.text-overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.button-hover{transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;}
.button-hover:hover{transform:translate3d(0, -2px, 0);}
.after-line, .before-line{position:relative;}
.after-line:after, .before-line:before{content:" ";position:absolute;left:0;right:0;height:1px;color:#eaeef0;z-index:2;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5);}
.after-line:after{bottom:0;border-bottom:1px solid #ddd;}
.before-line:before{top:0;border-top:1px solid #ddd;}
/*旋转*/
.transform-mini{transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.transform-half{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
/*加载*/
.page-loading{text-align:center;line-height:2;color:#8796a5;padding:20px 0;display:block;}
.page-loading .iconfont{font-size:30px;}
.icon-loading, .icon-refresh{display:inline-block;}
.icon-spin{-webkit-animation:icon-spin 1.4s infinite linear;animation:icon-spin 1.4s infinite linear;}
@-webkit-keyframes icon-spin{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes icon-spin{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
/*指针*/
@-webkit-keyframes cursor-gif{
    to{color:transparent;}
}
@keyframes cursor-gif{
    50%{color:transparent;}
}
/*输入框*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#8697a2;font-weight:normal;}
input:-moz-placeholder, textarea:-moz-placeholder{color:#8697a2;font-weight:normal;}
input::-moz-placeholder, textarea::-moz-placeholder{color:#8697a2;font-weight:normal;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#8697a2;font-weight:normal;}
/*滚动条*/
::-webkit-scrollbar{width:7px;height:7px}
::-webkit-scrollbar-track-piece{background-color:transparent;margin:-2px}
::-webkit-scrollbar-thumb{background:#666;min-height:50px;min-width:150px;border-radius:10px}
::-webkit-scrollbar-thumb:vertical:hover{background:#777}
::-webkit-scrollbar-thumb:horizontal:hover{background:#777}
/*复制*/
::-moz-focus-inner{padding:0;border:0;}
.button-copy{position:relative;cursor:pointer;}
.button-copy-vertical::after{position:absolute;top:-40px;right:8%;display:block;content:"Copied";
    width:84%;line-height:2;font-size:12px;padding:4px;color:#fff;background-color:#1d2a43;text-align:center;
    border-radius:5px;opacity:0;will-change:opacity, transform;animation:show-copy-vertical 1.5s ease;}
@keyframes show-copy-vertical{
    0%{opacity:1;transform:translateY(100%);}
    60%{opacity:1;transform:translateY(0);}
    100%{opacity:0;}
}
.button-copy-horizontal::after{position:absolute;top:0;right:110%;display:block;content:"Copied";width:70px;
    line-height:26px;font-size:13px;color:#fff;background-color:#1d2a43;text-align:center;
    border-radius:3px;opacity:0;will-change:opacity, transform;animation:show-copy-horizontal 1.5s ease;}
@keyframes show-copy-horizontal{
    0%{opacity:0;transform:translateX(100%);}
    70%{opacity:1;transform:translateX(0);}
    100%{opacity:0;}
}
/*开关*/
.simple-switch{width:70px;height:32px;border:solid 2px #ddd;border-radius:30px;background-color:#fff;position:relative;padding-left:28px;
    transition:background-color 0.3s;-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;-o-transition:background-color 0.3s;
    -moz-user-select:none;-webkit-user-select:none;font-size:12px;display:inline-block;top:0;cursor:pointer;}
.simple-switch > input[type="checkbox"]{display:none;}
.simple-switch:before{content:'Off';text-align:center;display:block;width:100%;height:100%;line-height:28px;color:#999;}
.simple-switch > .switch-handler{position:absolute;left:0;top:0;width:28px;height:28px;background-color:#fff;border-radius:50%;
    box-shadow:1px 1px 5px rgba(0, 0, 0, 0.52);-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.52);
    -moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.52);-o-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.52);
    transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.simple-switch.active{border-color:#1e9fff;background-color:#1e9fff;padding-left:0;padding-right:28px;}
.simple-switch.active:before{content:'On';color:#fff;}
.simple-switch.active > .switch-handler{left:38px;}
/*表单*/
.form{color:#8697a2;}
.form .form-tip{border:2px #eaeef0 dashed;font-size:12px;text-align:center;padding:5px;color:#ff4f0f;}
.form .row{position:relative;display:block;margin-bottom:12px;clear:both;line-height:40px;}
.form .row.hide{display:none;}
.form .row .input, .form .row .select, .form .row .textarea, .form .row .button-send{float:left;}
.form .row .label{display:block;width:100%;line-height:20px;font-weight:600;text-align:left;}
.form .row .input,
.form .row .select,
.form .row .textarea{font-size:14px;border:2px #eaeef0 solid;border-radius:1px;}
.form .row .input,
.form .row .select{width:300px;height:40px;line-height:40px;text-indent:8px;}
.form .row .textarea{width:500px;height:100px;padding:8px;}
.form .row .input:focus, .form .row .select:focus, .form .row .textarea:focus{border-color:#8697a2;}
.form .row .input:disabled{cursor:not-allowed;background-color:#fcfcfc;}
.form .row .prompt{line-height:18px;display:inline-block;max-width:550px;margin-left:10px;vertical-align:middle;}
.form .row .prompt.hide{display:none;}
.form .row .input-error,
.form .row .input-success{position:absolute;left:0;bottom:-14px;font-size:12px;line-height:12px;overflow:hidden;}
.form .row .input-error{color:#ff4f0f;}
.form .row .input-error .iconfont,
.form .row .input-success .iconfont{float:left;margin-right:3px;margin-top:-1px;font-size:14px;}
.form .row .input-success{color:#07e600;}
.form .row .button-send{position:absolute;right:8px;bottom:8px;padding:4px 6px;}
.form .row .captcha{position:absolute;right:2px;bottom:2px;}
.form .row.row-icon .icon{position:absolute;left:10px;bottom:10px;line-height:1;}
.form .row.row-icon .icon .iconfont{font-size:20px;}
.form .row.row-icon .input{text-indent:34px;}
.form .row.row-country .select{position:absolute;left:8px;width:56px;height:36px;bottom:2px;border:0;text-indent:0;}
.form .row.row-country .input{text-indent:70px;}
.form .row.row-icon.row-country .select{left:36px;}
.form .row.row-icon.row-country .input{text-indent:100px;}
/*按钮*/
.button{display:inline-block;font-size:13px;padding:10px 0;line-height:1.4;text-align:center;background:#ff4f0f;color:#fff;border:0;border-radius:3px;}
.button .iconfont{font-size:14px;}
.button:hover{opacity:0.9;}
.button:disabled{background:#ccc;color:#8697a2;cursor:not-allowed;}
.button-send{background:none;color:#8697a2;font-weight:600;}
.button-submit{width:300px;margin-top:20px;padding:12px 0;font-weight:600;}
.button-submit:hover{color:#fafafa;}
.button-submit:disabled{background:#d6dce0;color:#8697a2;}
.button-radius{border-radius:30px;}
/*弹窗覆盖*/
.layui-layer.layui-layer-page,
.layui-layer.layui-layer-dialog{border-radius:5px;background:#fff;overflow:hidden;}
.layui-layer.layui-layer-page .layui-layer-title{height:56px;line-height:56px;text-align:left;font-size:14px;padding:0 20px;}
.layui-layer.layui-layer-page .layui-layer-title:before{content:'';display:inline-block;width:3px;height:14px;position:relative;top:2px;margin:0 10px 0 5px;background:#ff4f0f;border-radius:5px;}
.layui-layer.layui-layer-page .layui-layer-setwin{right:0;top:0;width:56px;height:56px;}
.layui-layer.layui-layer-page .layui-layer-setwin a{display:block;margin:0;width:100%;height:100%;background:url(../images/close.png) no-repeat center center;background-size:14px auto;transition:all .3s;-webkit-transition:all .3s;}
.layui-layer.layui-layer-page .layui-layer-setwin a:hover{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.layui-layer.layui-layer-dialog .layui-layer-content{max-width:400px;}
.layui-layer.layui-layer-msg{background:rgba(15, 22, 31, 0.8);border-radius:3px;box-shadow:1px 2px 6px 2px rgba(0, 0, 0, 0.5);-moz-box-shadow:1px 2px 6px 2px rgba(0, 0, 0, 0.5);-webkit-box-shadow:1px 2px 6px 2px rgba(0, 0, 0, 0.5);}
.layui-layer.layui-layer-msg .layui-layer-content{min-height:30px;min-width:150px;max-width:300px;padding:12px 15px;line-height:1.4;color:#fff;}
/*首页弹窗*/
.layui-layer.layui-layer-index{background-color:#fff;box-shadow:none;}
.layui-layer-index .layui-layer-setwin .layui-layer-close2{right:-5px;top:-5px;}
.dialog-index .dialog-main{width:100%;height:450px;padding:10px 35px;float:right;position:relative;color:#0f161f;overflow:hidden;}
.dialog-index .dialog-title{text-align:center;font-size:22px;border-bottom:1px #eee solid;padding:20px 0;height:70px;}
.dialog-index .dialog-article{padding:15px 0 0;overflow-x:hidden;overflow-y:auto;height:340px;}
.dialog-index .dialog-article p{margin-bottom:5px;}
/*登录注册*/
.dialog-passport{text-align:center;position:relative;}
.dialog-passport .passport-method{width:280px;margin:20px auto;background-color:#f3f5f6;border-radius:50px;}
.dialog-passport .passport-method ul{display:flex;}
.dialog-passport .passport-method li{flex:1;}
.dialog-passport .passport-method li a{display:block;text-align:center;margin:3px;padding:8px 0;border-radius:50px;font-size:13px;}
.dialog-passport .passport-method li:hover a,
.dialog-passport .passport-method li.active a{color:#0f161f;font-weight:600;}
.dialog-passport .passport-method li.active a{background:#fff;}
.dialog-passport .form{margin:0 50px;}
.dialog-passport .form .input, .dialog-passport .form .button-submit{width:100%;}
.dialog-passport .form .agree{font-size:13px;line-height:1.2;text-align:left;}
.dialog-passport .form .agree a{font-weight:600;}
.dialog-passport .form .agree .iconfont{font-size:14px;float:left;margin-right:3px;margin-top:1px;font-weight:600;}
.dialog-passport .link{text-align:center;margin-top:10px;}
/*优惠活动*/
.promotion{min-height:500px;margin-top:30px;overflow:hidden;}
.promotion .items{width:calc(100% + 4%);}
.promotion .items ul{width:100%;display:block;}
.promotion .items li{width:46%;height:auto;display:inline-block;margin-bottom:30px;margin-right:4%;float:left;}
.promotion .items li.hide{display:none;}
.promotion .items li a{display:block;}
.promotion .items li a .image{width:100%;height:280px;border-radius:3px;overflow:hidden;position:relative;}
.promotion .items li a .image img{cursor:pointer;width:100%;height:auto;}
.promotion .items li a .info{height:70px;padding:10px 0;font-size:14px;line-height:1.6;position:relative;}
.promotion .items li a .info h3{font-size:18px;font-weight:600;color:#0f161f;}
.promotion .items li a .info .button{position:absolute;right:0;top:15px;z-index:1;display:inline-block;padding:10px 0;min-width:100px;text-align:center;font-weight:600;border-radius:5px;background:#ff4f0f;color:#fff;}
.promotion .items li a .info .button:hover{opacity:0.9;}
.promotion .items li a:hover .image .mask{top:0;}
.promotion-detail{line-height:1.6;text-align:left;margin:20px 30px;font-size:14px;}
.promotion-detail .promo-info{display:flex;padding-bottom:20px;}
.promotion-detail .promo-info .promo{flex:1.4;}
.promotion-detail .promo-info .promo .image{width:400px;height:200px;border-radius:3px;overflow:hidden;}
.promotion-detail .promo-info .promo .image img{width:100%;height:100%;}
.promotion-detail .promo-info .info{flex:1;}
.promotion-detail .promo-info .info h3{font-size:18px;font-weight:600;}
.promotion-detail .promo-info .info p{margin-top:10px;}
.promotion-detail .promo-info .info a{display:inline-block;padding:10px 0;min-width:150px;text-align:center;font-weight:600;border-radius:50px;background:#ff4f0f;color:#fff;margin-top:30px;}
.promotion-detail .promo-info .info a:hover{opacity:0.9;}
.promotion-detail table{margin:10px 0;text-align:center;}
.promotion-detail table tr td{border:1px #8697a2 solid;padding:6px 0;}
.promotion-detail table tr:first-child td{font-weight:600;}
.promotion-detail section{margin:5px 15px 5px 0;}
.promotion-detail .detail .title,
.promotion-detail .rule .title{display:block;padding:10px 0 5px;font-weight:600;font-size:18px;}
.promotion-dialog .layui-layer-title{font-size:18px;text-align:center;}
.promotion-dialog .layui-layer-title:before{content:none;}
/*游戏搜索*/
.game-search{}
.game-search .search-title{display:inline-block;font-size:16px;margin-top:20px;}
.game-search .search-title span{display:inline-block;font-size:24px;font-weight:600;}
.game-search .search-provider, .game-search .search-keyword{display:inline-block;position:relative;float:right;margin:15px 0;color:#8697a2;}
.game-search .search-provider .current{background-color:#fff;height:40px;line-height:40px;padding:0 20px;border-radius:50px;text-align:left;cursor:pointer;}
.game-search .search-provider .current.active{color:#0f161f;}
.game-search .search-provider .current .iconfont, .game-search .search-provider .current span{display:inline-block;}
.game-search .search-provider .current .iconfont{position:relative;top:2px;}
.game-search .search-provider .current .icon-filter{top:3px;}
.game-search .search-provider .current span{width:220px;padding:0 6px;font-size:15px;}
.game-search .search-provider .current .icon-filter{font-size:22px;}
.game-search .search-provider .current .icon-angle-down{transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;}
.game-search .search-provider .provider-list{display:none;position:absolute;z-index:5;left:0;top:55px;width:100%;min-width:250px;background-color:#fff;border-radius:5px;max-height:200px;overflow-y:auto;}
.game-search .search-provider .provider-list li{display:block;padding:12px 20px 12px 25px;text-align:left;border-top:1px #f6f6f6 solid;cursor:pointer;font-size:14px;}
.game-search .search-provider .provider-list li:first-child{border-top:0;}
.game-search .search-provider .provider-list li:hover,
.game-search .search-provider .provider-list li.active{color:#0f161f;}
.game-search .search-provider .provider-list li label{float:right;}
.game-search .search-provider.active .current{color:#0f161f;}
.game-search .search-provider.active .current:after{content:'';display:block;position:absolute;width:0;bottom:-15px;left:80px;border:8px solid transparent;border-bottom-color:#fff;}
.game-search .search-provider.active .current .icon-angle-down{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.game-search .search-keyword{margin-right:20px;}
.game-search .search-keyword .input-group{position:relative;border-radius:50px;border:0;background-color:#fff;}
.game-search .search-keyword .input-group .iconfont{position:absolute;top:10px;left:15px;font-size:22px;}
.game-search .search-keyword .input-group .input{width:300px;height:40px;line-height:40px;font-size:15px;text-indent:45px;background-color:transparent;border:none;}
.game-search .search-keyword .input-group .input-cancel{position:absolute;left:250px;cursor:pointer;}
.game-search .search-keyword .input-group.active .iconfont{color:#0f161f;}
/*游戏列表*/
.game-list{margin:30px auto;overflow:hidden;}
.game-list .inner{padding:0;min-height:355px;width:calc(100% + 33px);}
.game-list .game-item{width:170px;height:190px;margin:0 24px 35px 0;text-align:center;float:left;overflow:hidden;transition:all .3s;-webkit-transition:all .3s;position:relative;}
.game-list .game-item .image{width:100%;height:100%;float:left;overflow:hidden;position:relative;border-radius:5px;background-color:#fff;}
.game-list .game-item .image img{width:100%;height:100%;}
.game-list .game-item .mask{background:rgba(15, 22, 31, 0.7);position:absolute;top:-100%;left:0;width:100%;height:100%;transition:all .3s;-webkit-transition:all .3s;color:#fff;}
.game-list .game-item .mask a{color:inherit;}
.game-list .game-item .mask a.active{color:#ffcc68;}
.game-list .game-item:hover .mask{top:0;}
.game-list .game-item .title{height:80px;line-height:20px;font-size:16px;padding:10px 20px;text-align:center;}
.game-list .game-item .action{text-align:center;width:100%;display:flex;flex-direction:column;padding:0 5px;}
.game-list .game-item .action .btn{flex:1;padding:7px 0;margin:10px 10% 5px;border-radius:30px;text-align:center;font-size:13px;font-weight:600;cursor:pointer;}
.game-list .game-item .action .btn-real{background-color:#ff4f0f;color:#fff;}
.game-list .game-item .action .btn-fun{background:#fff;color:#8697a2;}
.game-list .game-item .action .btn:hover{opacity:0.95;}
.game-list .game-item .action .btn-fun:disabled,
.game-list .game-item .action .btn-fun:disabled:hover{opacity:0.6;}
.game-list .game-item .action .btn .iconfont{position:relative;top:1px;}
.game-list .game-item .favorite{text-align:center;margin-top:10px;}
.game-list .game-item .favorite .iconfont{font-size:24px;}
.game-list .game-loading{text-align:center;padding:20px 0;font-size:12px;color:#8697a2;}
.game-list .game-loading .iconfont{font-size:20px;}
/*没有游戏*/
.game-empty{padding:100px 0;text-align:center;color:#8697a2;font-size:14px;}
.game-empty .iconfont{font-size:80px;display:inline-block;margin-bottom:10px;}
/*加载更多*/
.load-more .inner{padding-bottom:30px;text-align:center;}
.load-more .button{padding:12px 0;width:200px;font-weight:600;font-size:13px;text-align:center;margin:0 auto;display:inline-block;background-color:#ff4f0f;color:#fff;box-shadow:0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 2px 0 rgba(0, 0, 0, .12);}
/*进入游戏*/
.game-play-body{display:flex;align-items:center;}
.game-play-wait{color:#8697a2;display:inline-block;text-align:center;line-height:2;font-size:14px;margin-left:auto;margin-right:auto;}
.game-play-wait .iconfont{font-size:50px;}
/*跳转支付*/
.payment-jump-body{display:flex;align-items:center;}
.payment-jump-wait{background-color:#fff;display:inline-block;text-align:center;line-height:2;font-size:14px;min-width:300px;margin-left:auto;margin-right:auto;border-radius:10px;overflow:hidden;border:1px #8697a2 solid;}
.payment-jump-wait .title{background:#8697a2;font-size:18px;text-align:center;color:#fff;line-height:50px;}
.payment-jump-wait .wait{padding:40px 0;}
.payment-jump-wait .iconfont{font-size:50px;}
/*错误页面*/
.forbidden{text-align:center;margin-top:10%;color:#8697a2;}
.forbidden .icon .iconfont{font-size:90px;}
.forbidden .error{margin:20px 0 30px;font-size:24px;}
.forbidden .contact{width:650px;padding:30px;border:2px #8697a2 dashed;background-color:#fff;text-align:left;margin:0 auto;font-size:14px;}
.forbidden .contact::after{content:'';clear:both;display:table;}
.forbidden .contact p{padding:0;margin:5px 0;}
.forbidden .buttons{margin-top:20px;}
.forbidden .buttons .button{width:150px;margin:0 15px;}
.forbidden .buttons .button .iconfont,
.forbidden .buttons .button span{display:inline-block;vertical-align:middle;}
.forbidden .buttons .button .iconfont{font-weight:600;}
.forbidden .buttons .button span{font-size:14px;}
/*帮助中心*/
.helper h1, .helper h2, .helper h3, .helper h4, .helper h5{font-weight:600;padding:10px 0;}
.helper .article{padding:30px 0;min-height:500px;color:#0f161f;}
.helper .article-item{background-color:#fff;border-radius:10px;margin-bottom:20px;}
.helper .article-item .article-info{display:flex;cursor:pointer;line-height:1;padding:15px 20px;}
.helper .article-item .article-info .title{text-align:left;flex:10;cursor:pointer;overflow:hidden;}
.helper .article-item .article-info .title .text{display:inline-block;max-width:500px;margin-left:5px;}
.helper .article-item .article-info .iconfont{font-size:18px;}
.helper .article-item .article-info .time{flex:2;text-align:center;}
.helper .article-item .article-info .arrow{text-align:right;flex:1;}
.helper .article-item .article-info .arrow .iconfont{display:inline-block;font-size:16px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;}
.helper .article-item .active .arrow .iconfont{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.helper .article-item .article-detail{padding:10px 30px 0;line-height:1.4;}
.helper .article-item .article-detail p{padding:5px 0;}
.helper .article-content{min-height:400px;background-color:#fff;padding:10px 20px;border-radius:10px;color:#0f161f;line-height:1.4;}
.helper .article-content p{padding:5px 0;}
.helper .record-empty{text-align:left;color:#8697a2;}
.helper .action{padding:30px 0 0;color:#8697a2;}
.helper .action ul{display:block;}
.helper .action li{display:inline-block;width:30%;margin-right:5%;text-align:center;float:left;background-color:#fff;padding:20px 0;border-radius:5px;
    position:relative;overflow:hidden;margin-bottom:30px;transition:all 0.3s;-o-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}
.helper .action li:nth-child(3n){margin-right:0;}
.helper .action li .iconfont{font-size:48px;color:inherit;}
.helper .action li:nth-child(1) .iconfont{color:#49caff;}
.helper .action li:nth-child(2) .iconfont{color:#fe9446;}
.helper .action li:nth-child(3) .iconfont{color:#9eb9f0;}
.helper .action li:nth-child(4) .iconfont{color:#0dde8c;}
.helper .action li:nth-child(5) .iconfont{color:#e9de0d;}
.helper .action li:nth-child(6) .iconfont{color:#f6c31d;}
.helper .action li a{display:block;}
.helper .action li img{height:48px;}
.helper .action li h3{font-size:14px;line-height:1.8;font-weight:600;margin-top:10px;color:#0f161f;}
.helper .action li p{line-height:1.8;}
.helper .action li .mask{position:absolute;top:-100%;width:100%;height:100%;text-align:center;background:rgba(47, 69, 83, 0.6);color:#fff;
    transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.helper .action li .mask button{border:0;width:140px;border-radius:20px;line-height:38px;color:#fff;background:#1e9fff;margin-top:50px;font-size:14px;}
.helper .action li:hover .mask{top:0;}
.helper .action li:nth-child(1) .mask button{background:#49caff;}
.helper .action li:nth-child(2) .mask button{background:#fe9446;}
.helper .action li:nth-child(3) .mask button{background:#9eb9f0;}
/*会员中心*/
.member-content{min-height:500px;}
.member-content .sub-menu{height:64px;position:relative;}
.member-content .sub-menu ul, .member-content .sub-menu li,
.member-content .sub-menu li a, .member-content .sub-menu .text{display:inline-block;color:#8697a2;}
.member-content .sub-menu ul, .member-content .sub-menu li{float:left;}
.member-content .sub-menu li{text-align:center;}
.member-content .sub-menu li a{padding:13px 25px;margin-top:10px;border-radius:3px;font-weight:600;}
.member-content .sub-menu li a:first-child{margin-left:10px;}
.member-content .sub-menu li a:hover, .member-content .sub-menu li a:hover .iconfont{color:#fff;}
.member-content .sub-menu li a .iconfont{font-size:16px;margin-right:5px;font-weight:normal;}
.member-content .sub-menu li a .iconfont, .member-content .sub-menu li a span{display:inline-block;vertical-align:middle;}
.member-content .sub-menu li.active a{color:#fff;background-color:#233945;}
.member-content .sub-menu .text{line-height:64px;padding:0 20px;}
.member-content .sub-menu .button-submit{float:right;color:#fff;margin:16px 20px 0;display:inline-block;background:#8697a2;padding:5px 15px;border-radius:3px;}
.member-content .sub-menu .button-link{float:right;color:#8697a2;line-height:1;display:inline-block;margin-right:10px;margin-top:10px;padding:13px 10px;border-radius:3px;}
.member-content .sub-menu .button-link:hover{color:#fff;}
.member-content .sub-menu .button-link .iconfont, .member-content .sub-menu .button-link span{display:inline-block;vertical-align:middle;}
.member-content .member-info{position:relative;}
.member-content .member-info .wallet{background-color:#fff;display:flex;padding:10px 20px;width:70%;float:left;border-radius:4px;}
.member-content .member-info .wallet .flex-item{flex:1;border-right:1px #eee solid;padding-left:20px;padding-right:20px;}
.member-content .member-info .wallet .flex-item:first-child{padding-left:0;}
.member-content .member-info .wallet .flex-item:last-child{border-right:0;padding-right:0;}
.member-content .member-info .wallet h3{font-size:14px;}
.member-content .member-info .wallet h3 .iconfont{position:relative;top:3px;font-size:22px;margin-right:5px;}
.member-content .member-info .wallet h3 a{float:right;margin-top:4px;}
.member-content .member-info .wallet h3 a:hover{color:#ff4f0f;}
.member-content .member-info .wallet p{margin-top:15px;font-size:16px;}
.member-content .member-info .action{background-color:#fff;float:right;padding:15px 10px;width:28%;border-radius:4px;}
.member-content .member-info .action ul{display:flex;font-size:14px;}
.member-content .member-info .action li{flex:1;text-align:center;}
.member-content .member-info .action li a{display:block;}
.member-content .member-info .action li a .iconfont{font-size:24px;}
.member-content .member-info .action li a p{margin-top:4px;}
.member-content .member-info .action li a:hover{color:#ff4f0f;}
.member-content .member-title{margin-bottom:20px;line-height:40px;font-size:14px;text-align:left;border-bottom:1px #eaeef0 solid;}
.member-content .member-title h3{display:inline-block;font-size:14px;font-weight:600;}
.member-content .member-title a{float:right;font-size:14px;color:#8697a2;}
.member-content .member-title a:hover{color:#ff4f0f;}
.member-content .member-title a .iconfont{font-size:13px;}
.member-content .member-upgrade{background-color:#fff;padding:10px 15px 15px;border-radius:5px;margin-top:20px;}
.member-content .member-upgrade .process{padding:10px 0 20px;border-bottom:1px #f1f1f1 solid;}
.member-content .member-upgrade .process ul{display:flex;}
.member-content .member-upgrade .process li{flex:3;font-size:14px;text-align:center;position:relative;}
.member-content .member-upgrade .process li:nth-child(2){flex:13;}
.member-content .member-upgrade .process li.name{line-height:1.4;height:55px;font-size:14px;cursor:pointer;padding-top:5px;}
.member-content .member-upgrade .process li.name .iconfont{font-size:18px;padding:5px;border-radius:50%;border:1px #0f161f solid;color:#0f161f;}
.member-content .member-upgrade .process li .text{margin-top:6px;}
.member-content .member-upgrade .process li p{display:none;border-bottom:1px #0f161f solid;position:absolute;width:100%;bottom:-21px;transition:all .3s;-webkit-transition:all .3s;}
.member-content .member-upgrade .process li .triangle{content:'';position:absolute;left:50%;bottom:-17px;margin-left:-7px;
    border:8px solid transparent;border-top:8px solid #0f161f;transition:all .3s;-webkit-transition:all .3s;}
.member-content .member-upgrade .process li.name.active, .member-content .member-upgrade .process li.name:hover{font-weight:normal;}
.member-content .member-upgrade .process li.active p, .member-content .member-upgrade .process li:hover p{display:block;color:#0f161f;}
.member-content .member-upgrade .process-bg, .member-content .member-upgrade .process-bar{height:12px;border-radius:10px;}
.member-content .member-upgrade .process-bg{width:92%;background:#eee;margin:0 auto 5px;overflow:hidden;position:relative;}
.member-content .member-upgrade .process-bar{float:left;}
.member-content .member-upgrade .process-rate{color:#fff;font-size:12px;position:absolute;right:5px;top:0;line-height:12px;transform:scale(0.75);-webkit-transform:scale(0.75);}
.member-content .member-upgrade .process-deposit{background:#ffcc68;}
.member-content .member-upgrade .process-data{text-align:center;margin-bottom:15px;}
.member-content .member-upgrade .privilege{margin-top:20px;}
.member-content .member-upgrade .privilege ul{display:flex;}
.member-content .member-upgrade .privilege ul.hide{display:none;}
.member-content .member-upgrade .privilege li{flex:1;text-align:center;margin-right:2%;border-radius:5px;float:left;}
.member-content .member-upgrade .privilege li:last-child{margin-right:0;}
.member-content .member-upgrade .privilege li a{display:inline-block;padding:10px 0;width:100%;height:100%;background: #fafafa;}
.member-content .member-upgrade .privilege li:hover a{color:#ff4f0f;}
.member-content .member-upgrade .privilege li p{margin-top:5px;}
.member-content .member-upgrade .privilege li .iconfont{font-size:34px;padding:5px;}
.member-content .member-upgrade .privilege li:nth-child(1) .iconfont{color:#ff4f0f;}
.member-content .member-upgrade .privilege li:nth-child(2) .iconfont{color:#0bb20c;}
.member-content .member-upgrade .privilege li:nth-child(3) .iconfont{color:#6a6aff;}
.member-content .member-upgrade .privilege li:nth-child(4) .iconfont{color:#36b1ff;}
.member-content .member-upgrade .privilege li:nth-child(5) .iconfont{color:#3732ff;}
.member-content .member-upgrade .privilege li:nth-child(6) .iconfont{color:#ad4f09;}
.member-content .member-upgrade .privilege li:nth-child(7) .iconfont{color:#845fad;}
.member-content .member-game{margin:20px 0 30px;background-color:#fff;padding:10px 15px 15px;border-radius:5px;}
.member-content .member-panel .panel-item{background-color:#fafafa;width:18.5%;height:100px;float:left;margin-right:1.85%;border-radius:5px;margin-bottom:20px;padding:10px 15px;line-height:30px;}
.member-content .member-panel .panel-item:nth-child(5n){margin-right:0;}
.member-content .member-panel .panel-item h3{font-size:14px;color:#8697a2;}
.member-content .member-panel .panel-item h3 a{float:right;color:#8697a2;}
.member-content .member-panel .panel-item h3 a .iconfont{font-size:16px;position:relative;top:1px;margin-right:0;}
.member-content .member-panel .panel-item .panel-money{text-align:left;font-size:16px;font-weight:600;margin-top:15px;}
.member-content .member-panel .panel-item .panel-money .iconfont{font-size:14px;}
.member-content .member-panel .panel-item .panel-money .error{font-size:14px;}
.member-content .member-panel .panel-item .panel-money label{font-weight:normal;}
.member-content .member-panel .show-more{text-align:center;cursor:pointer;color:#8697a2;}
.member-content .member-panel .show-more:hover{color:#ff4f0f;}
.member-content .member-panel .show-more .iconfont{display:inline-block;font-size:14px;position:relative;top:1px;margin-left:3px;}
.member-content .member-panel .show-more.active .iconfont{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
/*记录为空*/
.member-content .record-empty{text-align:center;color:#8697a2;}
.member-content .record-empty .iconfont{font-size:60px;color:#8697a2;display:inline-block;margin-bottom:10px;}
/*提示信息*/
.member-content .info-note{margin:20px auto 10px;padding:15px 20px;border:1px solid #eaeef0;border-radius:1px;color:#8697a2;line-height:1.8;background-color:#fff;}
.member-content .info-note ol{margin:0;padding:0;}
.member-content .info-note li{list-style:decimal inside;}
/*个人资料*/
.member-content .profile{padding:40px 0 20px;}
.member-content .profile .form .row .button-send{position:relative;bottom:0;left:10px;padding:10px 0;font-weight:600;}
.member-content .profile .form .row .input-password{letter-spacing:6px;}
.member-content .profile .form .row .textarea{height:100px;}
/*意见反馈*/
.member-content .feedback{padding:40px 0 20px;}
.member-content .feedback .form .row .upload-label{display:inline-block;position:relative;text-align:center;width:100px;height:100px;line-height:100px;border:2px #eaeef0 dashed;background:#fff;}
.member-content .feedback .form .row .upload-label span,
.member-content .feedback .form .row .upload-label .iconfont{display:inline-block;vertical-align:middle;}
.member-content .feedback .form .row .upload-label .iconfont{font-size:20px;}
.member-content .feedback .form .row .upload-label input[name="file"]{visibility:hidden;position:absolute;left:0;top:0;width:100%;height:100%;}
.member-content .feedback .form .row .image{display:inline-block;width:100px;height:100px;text-align:center;overflow:hidden;border:2px #eaeef0 dashed;margin-right:10px;}
.member-content .feedback .form .row .image.hide{display:none;}
.member-content .feedback .form .row .image img{width:100%;}
.member-content .feedback .form .row .image,
.member-content .feedback .form .row .upload-label{vertical-align:middle;}
/*在线充值*/
.member-content .deposit{padding:40px 0 20px;}
.member-content .deposit .form .row-channel{line-height:48px;}
.member-content .deposit .form .row .switch-channel{margin-left:20px;font-size:14px;display:inline-block;float:left;color:#8697a2;}
.member-content .deposit .form .row .switch-channel .iconfont,
.member-content .deposit .form .row .switch-channel span{display:inline-block;vertical-align:middle;}
.member-content .deposit .form .row .switch-channel .iconfont{transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;}
.member-content .deposit .form .row.active .switch-channel .iconfont,
.member-content .deposit .form .row .switch-channel.active .iconfont{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.member-content .deposit .form .row .channel{width:300px;display:inline-block;float:left;color:#8697a2;}
.member-content .deposit .form .row .channel ul, .member-content .deposit .form .row .channel li{width:100%;display:inline-block;float:left;}
.member-content .deposit .form .row .channel li{background:#fff;border:2px #eaeef0 solid;height:52px;line-height:20px;text-align:center;margin-right:10px;cursor:pointer;position:relative;padding:5px 6px;border-radius:1px;overflow:hidden;display:none;}
.member-content .deposit .form .row .channel li:hover{border:2px #8697a2 solid;}
.member-content .deposit .form .row .channel li.active{display:block;}
.member-content .deposit .form .row .channel li .icon{display:inline-block;width:40px;text-align:left;margin-top:2px;float:left;}
.member-content .deposit .form .row .channel li .icon .iconfont{font-size:36px;}
.member-content .deposit .form .row .channel li .info{width:246px;text-align:left;float:left;}
.member-content .deposit .form .row .channel li .info .name{color:#0f161f;}
.member-content .deposit .form .row .channel li .info .desc{font-size:12px;}
.member-content .deposit .form .row .channel li .info .desc .fee{border-radius:20px;padding:0 6px;}
.member-content .deposit .form .row .channel li .info .desc .fee + .fee{margin-left:4px;}
.member-content .deposit .form .row .channel li .info .desc .fee-rate{color:#ffcc68;border:1px #ffcc68 solid;}
.member-content .deposit .form .row .channel li .info .desc .fee-free{color:#38cc15;border:1px #38cc15 solid;}
.member-content .deposit .form .row .channel li .flag{width:0;height:0;border-width:25px 25px 0 0;border-style:solid;color:#fff;border-color:transparent dodgerblue;position:absolute;right:0;bottom:0;display:none;}
.member-content .deposit .form .row .channel li .flag i{color:#fff;position:relative;top:-18px;right:-13px;font-size:12px;font-style:normal;}
.member-content .deposit .form .row .channel li.active .flag{display:inline-block;}
.member-content .deposit .form .row .channel li.active .icon .iconfont{color:dodgerblue;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.member-content .deposit .form .row-channel-more, .member-content .deposit .form .row-channel-more .label{line-height:unset;}
.member-content .deposit .form .row-channel-more{color:#8697a2;display:none;}
.member-content .deposit .form .row .channel-more{width:550px;border:2px #eaeef0 solid;border-radius:1px;float:left;}
.member-content .deposit .form .row .channel-more .title{padding:0 10px;line-height:36px;background:#fff;text-align:left;border-bottom:2px #eaeef0 solid;font-weight:600;}
.member-content .deposit .form .row .channel-more .title .close{float:right;display:inline-block;width:24px;text-align:center;font-weight:bold;cursor:pointer;}
.member-content .deposit .form .row .channel-more .title .total{color:dodgerblue;}
.member-content .deposit .form .row .channel-more ul{overflow:hidden;overflow-y:auto;display:block;background:#fff;}
.member-content .deposit .form .row .channel-more li{display:flex;width:100%;line-height:40px;border-bottom:1px #eaeef0 solid;padding:0 5px 0 10px;cursor:pointer;text-align:center;}
.member-content .deposit .form .row .channel-more li:hover{color:#0f161f;}
.member-content .deposit .form .row .channel-more li:last-child{border-bottom:0;}
.member-content .deposit .form .row .channel-more li .name{flex:18;text-align:left;}
.member-content .deposit .form .row .channel-more li .limit{flex:15;}
.member-content .deposit .form .row .channel-more li .fee{flex:9;color:#888;font-size:12px;}
.member-content .deposit .form .row .channel-more li .fee-free{color:#38cc15;}
.member-content .deposit .form .row .channel-more li .fee-rate{color:#ffcc68;}
.member-content .deposit .form .row .channel-more li .icon{flex:4;text-align:right;}
.member-content .deposit .form .row .channel-more li .icon .iconfont{font-size:24px;float:right;margin-top:6px;}
.member-content .deposit .form .row .channel-more li .icon .icon-check-circle{color:dodgerblue;display:none;}
.member-content .deposit .form .row .channel-more li.active .icon .icon-check-none{display:none;}
.member-content .deposit .form .row .channel-more li.active .icon .icon-check-circle{display:block;}
.member-content .deposit .form .row .offline-bank{float:left;width:300px;background:#fff;border:2px #eaeef0 solid;font-size:12px;color:#8697a2;}
.member-content .deposit .form .row .offline-bank .info{padding:6px 10px;text-align:left;line-height:26px;}
.member-content .deposit .form .row .offline-bank .info input{border:0;background:none;width:150px;color:#0f161f;font-size:12px;}
.member-content .deposit .form .row .offline-bank .info .copy{float:right;}
.member-content .deposit .form .row-detail{font-size:14px;color:#666;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;}
.member-content .deposit .form .row-detail.hide{display:none;}
.member-content .deposit .form .row-detail .info{line-height:1.6;float:left;font-size:12px;}
.member-content .deposit .form .row-detail .info .actual{color:#aaa;}
.member-content .deposit .form .row-detail .pink{color:#ffcc68;}
.member-content .deposit .form .quick-money{display:inline-block;width:550px;margin-left:10px;float:left;}
.member-content .deposit .form .quick-money ul{display:block;float:left;}
.member-content .deposit .form .quick-money li{display:inline-block;background-color:#fff;float:left;color:#8697a2;text-align:center;line-height:36px;cursor:pointer;position:relative;border:2px #eaeef0 solid;margin-right:10px;width:60px;}
.member-content .deposit .form .quick-money li.active,
.member-content .deposit .form .quick-money li:hover{color:#ff4f0f;font-weight:bold;}
/*在线提款*/
.member-content .withdraw{padding:40px 0 20px;}
.member-content .withdraw .form{display:inline-block;}
.member-content .withdraw .form .row .balance{font-size:14px;font-weight:600;}
.member-content .withdraw .form .row .button-recycle{padding:9px 20px;margin-left:10px;background-color:#1e9fff;color:#fff;}
.member-content .withdraw .form .row .button-recycle:hover{opacity:0.85;}
.member-content .withdraw .form .row .button-recycle .iconfont,
.member-content .withdraw .form .row .button-recycle span{display:inline-block;vertical-align:middle;}
.member-content .withdraw .form .row .button-add{width:300px;display:inline-block;line-height:38px;background-color:#fff;color:#ff4f0f;text-align:left;text-indent:0;border:2px #eaeef0 solid;padding-left:10px;}
.member-content .withdraw .form .row .button-add .iconfont{font-size:15px;position:relative;top:1px;}
/*游戏转账*/
.member-content .transfer{padding:34px 0 20px;}
.member-content .transfer .form .row-auto{padding:10px 0 15px;}
.member-content .transfer .form .row-auto .desc{margin-left:10px;color:#8697a2;}
.member-content .transfer .form .input-out, .member-content .transfer .form .input-in{width:120px;}
.member-content .transfer .form .input-out{color:dodgerblue;}
.member-content .transfer .form .input-in{color:mediumvioletred;}
.member-content .transfer .form .button-exchange,
.member-content .transfer .form .button-reset,
.member-content .transfer .form .button-recycle{padding:8px 20px;margin-left:15px;margin-top:2px;background-color:#1e9fff;color:#fff;float:left;}
.member-content .transfer .form .button .iconfont,
.member-content .transfer .form .button span{display:inline-block;vertical-align:middle;}
.member-content .transfer .form .direct{line-height:32px;margin:8px 10px 0;display:inline-block;float:left;}
.member-content .transfer .form .direct .iconfont{font-size:24px;color:#8697a2;}
.member-content .transfer .form .platforms{float:left;padding:10px 10px 0;margin-bottom:20px;background-color:#fff;width:100%;}
.member-content .transfer .form .row-platform{font-size:12px;color:#8697a2;}
.member-content .transfer .form .row-platform h3,
.member-content .transfer .form .row-platform ul,
.member-content .transfer .form .row-platform li{display:inline-block;float:left;}
.member-content .transfer .form .row-platform h3{width:60px;font-weight:normal;text-align:right;font-size:13px;line-height:50px;overflow:hidden;}
.member-content .transfer .form .row-platform ul{width:calc(100% - 80px);}
.member-content .transfer .form .row-platform li{border:2px #eaeef0 solid;width:100px;line-height:18px;padding:4px 0;text-align:center;margin-left:10px;margin-bottom:8px;cursor:pointer;position:relative;}
.member-content .transfer .form .row-platform li .balance{color:#0f161f;font-size:12px;line-height:16px;margin-top:2px;}
.member-content .transfer .form .row-platform li .balance.error{color:#ff4f0f;text-overflow:ellipsis;white-space:nowrap;}
.member-content .transfer .form .row-platform li:hover{background:#fafafa;border:2px #8697a2 solid;}
.member-content .transfer .form .row-platform li .flag{width:0;height:0;border-width:25px 35px 0 0;border-style:solid;color:#fff;position:absolute;right:0;bottom:0;display:none;}
.member-content .transfer .form .row-platform li.active .flag{display:inline-block;}
.member-content .transfer .form .row-platform li.out{border:2px solid dodgerblue;}
.member-content .transfer .form .row-platform li.in{border:2px solid mediumvioletred;}
.member-content .transfer .form .row-platform li.out .flag{border-color:transparent dodgerblue;}
.member-content .transfer .form .row-platform li.in .flag{border-color:transparent mediumvioletred;}
.member-content .transfer .form .row-platform li .flag i{color:#fff;position:relative;top:-15px;right:-13px;width:24px;font-size:12px;font-style:normal;display:none;}
.member-content .transfer .form .row-platform li.out .flag i:first-child,
.member-content .transfer .form .row-platform li.in .flag i:last-child{display:inline-block;}
.member-content .transfer .form .row .button-submit{padding:12px 0;}
/*提款账号*/
.member-content .account{padding:40px 0 20px;}
.member-content .account .add,
.member-content .account .item{width:260px;height:140px;display:inline-block;float:left;background:#fff;border-radius:10px;margin-bottom:25px;}
.member-content .account .add{padding:7px;cursor:pointer;}
.member-content .account .add .inner{height:100%;border:1px #eaeef0 dashed;border-radius:8px;color:#8697a2;}
.member-content .account .add .inner .icon{line-height:55px;margin:20px auto 0;font-size:45px;font-weight:bold;text-align:center;}
.member-content .account .add .inner .icon .iconfont{font-size:52px;}
.member-content .account .add .inner p{text-align:center;margin-top:10px;}
.member-content .account .add .inner p .iconfont{font-size:18px;position:relative;top:2px;margin-right:2px;}
.member-content .account .item{padding:20px 30px;text-align:left;border-radius:10px;margin-right:35px;cursor:pointer;}
.member-content .account .item:nth-child(3n){margin-right:0;}
.member-content .account .item p{margin-top:20px;letter-spacing:1px;}
.member-content .account .item p a{color:#8697a2;}
.member-content .account .item p a span, .member-content .account .item p a .iconfont{display:inline-block;vertical-align:middle;}
/*站内消息*/
.member-content .message{padding:40px 0 20px;}
.member-content .message-item{margin-bottom:20px;background-color:#fff;border-radius:5px;}
.member-content .message-item .message-info{display:flex;padding:15px 20px;cursor:pointer;line-height:1;}
.member-content .message-item .message-info .title{text-align:left;flex:10;cursor:pointer;}
.member-content .message-item .message-info .title .text{display:inline-block;max-width:500px;margin-left:5px;}
.member-content .message-item .message-info .title .status{margin-left:4px;}
.member-content .message-item .message-info .title .iconfont,
.member-content .message-item .message-info .title span{display:inline-block;vertical-align:middle;}
.member-content .message-item .message-info .time{flex:2;text-align:center;}
.member-content .message-item .message-info .arrow{text-align:right;flex:1;}
.member-content .message-item .message-info .arrow .iconfont{display:inline-block;font-size:14px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;}
.member-content .message-item .active .arrow .iconfont{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.member-content .message-item .unread .title .text{color:#fff;}
.member-content .message-content{border-top:0;padding:10px 15px;display:none;color:#8697a2;line-height:1.8;}
.member-content .message-content .message-action{text-align:right;margin-top:10px;}
.member-content .message-content .message-action a .iconfont,
.member-content .message-content .message-action a span{display:inline-block;vertical-align:middle;line-height:1;}
.member-content .message-content .reply{border-top:1px #eaeef0 dashed;margin-top:10px;padding-top:10px;}
.member-content .message-content .time{text-align:left;}
/*记录搜索*/
.member-content .member-search{margin:0 0 20px;text-align:left;}
.member-content .member-search .input, .member-content .member-search .select{width:250px;}
.member-content .member-search .input, .member-content .member-search .button-submit{float:none;}
.member-content .member-search .select{float:none;width:120px;margin-left:3px;}
.member-content .member-search .to{display:inline-block;margin:0 5px;}
.member-content .member-search .button-submit{width:100px;margin:0 0 0 5px;padding:10px;}
/*交易记录*/
.member-content .transaction{padding:40px 0 20px;}
.member-content .transaction table{width:100%;background-color:#fff;}
.member-content .transaction table tr th, .member-content .transaction table tr td{padding:10px 10px;text-align:center;border:1px #eaeef0 solid;}
.member-content .transaction table tr th{background:#fafafa;color:#8697a2;padding:11px 10px;}
.member-content .transaction table tr td{color:#8697a2;}
.member-content .transaction table tr:hover td{color:#6b85a2;}
.member-content .transaction table tr td .button-cancel{display:inline-block;background:#ffa60a;color:#fff;border-radius:20px;padding:2px 20px 4px;}
.member-content .transaction table tr td .button-cancel .iconfont,
.member-content .transaction table tr td .button-cancel span{display:inline-block;vertical-align:middle;}
.member-content .transaction table tr td .from,
.member-content .transaction table tr td .to{display:inline-block;width:70px;text-align:center;border:1px #eee solid;background:#fafafa;border-radius:20px;}
/*参加活动*/
.member-content .activity{padding:40px 0 20px;}
.member-content .activity .record-empty{padding:50px 0;}
.member-content .title-line .pink{color:#ff4f0f;}
.member-content .title-line .right-link{float:right;font-size:12px;}
.member-content .title-line .right-link .iconfont{font-size:12px;}
.member-content .upgrade-vip{text-align:center;padding:20px 0;background:#f6f9fa;margin-top:20px;}
.member-content .upgrade-vip .icon{width:180px;height:180px;border-radius:50%;line-height:180px;background:#92a6d4;margin:0 auto;}
.member-content .upgrade-vip .icon .iconfont{font-size:100px;color:#ffcc68;vertical-align:middle;}
.member-content .upgrade-vip p{line-height:1.5;margin-top:20px;color:#111;font-size:14px;}
.member-content .button-box{text-align:center;margin:30px auto 50px;}
.member-content .button-box .button-action{width:200px;font-size:14px;}
.member-content .button-box .button-deposit{background-color:#92a6d4;}
/*每日签到*/
.member-content .week-sign li .button-sign{background:#8eadf1;}
.member-content .week-sign li .button-fix{background:#ffa60a;}
.member-content .week-sign li .button-disable{background:#38515e;}
.member-content .week-sign li .button-already{background:#ffcc68;}
.member-content .week-sign li .button-sign .iconfont{font-size:12px;color:#fff;}
/*白菜彩金*/
.member-content .coupon-bonus{}
.member-content .coupon-bonus ul{display:block;margin:20px 0 50px;}
.member-content .coupon-bonus li{background:#fff;padding:15px 20px;display:flex;margin-top:15px;border:2px #eaeef0 solid;}
.member-content .coupon-bonus li:first-child{margin-top:0;}
.member-content .coupon-bonus li div{flex:12;}
.member-content .coupon-bonus li div:last-child{flex:3;text-align:right;}
.member-content .coupon-bonus li div.icon{flex:1;color:#8697a2;}
.member-content .coupon-bonus li div.icon .iconfont{font-size:44px;}
.member-content .coupon-bonus li h3{font-size:16px;}
.member-content .coupon-bonus li p{margin-top:8px;color:#8697a2;}
.member-content .coupon-bonus li .button-action{padding:5px 10px;min-width:100px;position:relative;top:7px;font-size:14px;text-align:center;}
.member-content .coupon-bonus .form-code{margin:30px 0 70px;}
.member-content .coupon-bonus .form-code .input{width:300px;}
.member-content .coupon-bonus .form-code .button-submit{margin:0 0 0 12px;height:38px;line-height:38px;padding:0;width:150px;}
/*生日礼金*/
.member-content .birthday-bonus li div:last-child{flex:6;text-align:right;}
.member-content .birthday-bonus .upload-label{display:inline-block;position:relative;text-align:center;width:140px;top:5px;
    height:22px;line-height:18px;color:#8697a2;margin-right:10px;}
.member-content .birthday-bonus .upload-label span,
.member-content .birthday-bonus .upload-label .iconfont{display:inline-block;vertical-align:middle;}
.member-content .birthday-bonus .upload-success{color:#0bb20c;}
.member-content .birthday-bonus .upload-label input[name="file"]{visibility:hidden;position:absolute;left:0;top:0;width:100%;height:100%;}
/*分页信息*/
.member-content .page-container{text-align:right;margin-top:25px;}
.member-content .page-container .pagination, .page-container .pagination li{display:inline-block;}
.member-content .page-container .pagination li{margin-left:12px;font-size:12px;overflow:hidden;}
.member-content .page-container .pagination li a{display:inline-block;height:32px;line-height:32px;padding:0 10px;background-color:#fff;color:#666;border:1px #eee solid;border-radius:3px;}
.member-content .page-container .pagination li a.num{width:32px;text-align:center;}
.member-content .page-container .pagination li.active a, .page-container .pagination li:hover a{background-color:#ffcc68;color:#fff;border-color:#ffcc68;}
.member-content .page-container .pagination li.disabled a, .page-container .pagination li.disabled:hover a{background-color:#fff;color:#666;cursor:not-allowed;border-color:#eee;}
/*提款密码*/
.dialog-member .withdraw-password{padding:30px 0 30px;margin:0 50px;color:#8697a2;}
.dialog-member .withdraw-password .input-group{text-align:center;}
.dialog-member .withdraw-password .input-group:nth-child(2){margin-top:20px;}
.dialog-member .withdraw-password .text-no-select{-moz-user-select:-moz-none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.dialog-member .withdraw-password .input-group span{display:inline-block;text-align:left;margin-bottom:10px;width:310px;font-weight:600;}
.dialog-member .withdraw-password .password-component{position:relative;margin:0 auto;display:inline-block;}
.dialog-member .withdraw-password .password-component .input-password{position:absolute;top:0;left:0;width:100%;height:35px;line-height:35px;outline:none;
    z-index:999;opacity:0;filter:alpha(opacity=0);border:none;text-indent:-999em;color:transparent;-webkit-appearance:none;-moz-appearance:none;}
.dialog-member .withdraw-password .password-component .surface-input{position:relative;z-index:9;}
.dialog-member .withdraw-password .password-component .surface-input input{display:block;float:left;width:35px;height:35px;line-height:35px;background-color:#fff;
    border:2px solid #eaeef0;outline:none;border-radius:0;margin-right:20px;text-indent:0;font-size:16px;color:#0f212e;text-align:center;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;}
.dialog-member .withdraw-password .password-component .surface-input input:last-child{margin-right:0;}
.dialog-member .withdraw-password .password-component .surface-input input.active{border:2px solid #8697a2;}
.dialog-member .withdraw-password .password-component .input-cursor{position:absolute;z-index:99;top:0;left:0;width:35px;height:35px;line-height:35px;
    text-align:center;color:#fff;animation:cursor-gif 1s steps(1) infinite;display:none;}
.dialog-member .withdraw-password .forgot-password{margin-top:10px;display:inline-block;}
.dialog-member .withdraw-password .prompt{display:block;line-height:20px;}
.dialog-member .button-next{text-align:center;margin:0 50px;}
.dialog-member .button-next .button-submit{width:100%;}
.dialog-member .dialog-warn{width:100%;padding:6px 0;font-size:12px;background-color:rgba(255, 255, 0, 0.4);color:#ffa60a;text-align:center;}
.dialog-member .form{margin:20px 50px;}
.dialog-member .form .row .input, .dialog-member .form .row .select,
.dialog-member .form .row .button-submit{width:100%;}
.dialog-member .form .row{position:relative;display:block;}
.dialog-member .form .row.hide{display:none;}
.dialog-member .form .row .label-radio{line-height:32px;float:left;margin-right:10px;}
.dialog-member .form .row .label-radio input{position:relative;top:2px;}
.dialog-member .form .row .desc{color:#999;line-height:32px;float:left;display:inline-block;font-size:12px;}
.dialog-member .form .row .captcha{float:left;}
.dialog-member .form .row .refresh{float:left;margin-left:10px;line-height:32px;font-size:12px;color:#999;cursor:pointer;}
.dialog-member .form .row.row-country .select{width:56px;}
.dialog-member .form-callback .row-tip{text-align:center;background-color:#fefeee;color:#ffa60a;font-size:12px;}
.dialog-member .form-callback .row .label{line-height:40px;}
.dialog-member .form-callback .row .input{height:40px;line-height:40px;}
/*VIP俱乐部*/
.vip-menu{margin-top:20px;}
.vip-menu ul{display:flex;background-color:#fff;border-radius:5px;}
.vip-menu li{flex:1;height:56px;line-height:56px;font-size:18px;text-align:center;border-right:1px #fafafa solid;cursor:pointer;position:relative;}
.vip-menu li:last-child{border-right:0;}
.vip-menu li.active, .vip-menu li:hover{color:#ff4f0f;font-weight:600;}
.vip-menu li.active .triangle{display:block;content:'';position:absolute;bottom:-20px;left:50%;margin-left:-5px;border:10px solid transparent;border-top:10px #fff solid;}
.vip-content{margin:30px 0 50px;min-height:300px;background:#fff;border-radius:5px;}
.vip-content .table{width:100%;}
.vip-content .table th, .vip-content .table td{text-align:center;height:52px;line-height:52px;border-bottom:1px #fafafa solid;}
.vip-content .table tr td:first-child{font-weight:600;}
.vip-content .vip-rule{background:#fff;padding:20px 30px;line-height:2;min-height:300px;}
/*左侧菜单*/
.aside{position:fixed;top:0;bottom:0;left:0;width:220px;z-index:99;overflow-x:hidden;background-color:#fff;}
.aside .aside-scroll{width:240px;overflow-x:hidden;position:relative;height:100%;}
.aside .aside-logo{width:180px;margin-left:20px;height:80px;line-height:80px;overflow:hidden;text-align:left;}
.aside .aside-logo img{vertical-align:middle;}
.aside .aside-slide{width:180px;margin:15px 0 15px 20px;text-align:center;min-height:80px;padding:10px 10px 0;background-color:#f7f7f7;border-radius:5px;}
.aside .aside-slide .slide-wrap{width:160px;height:60px;margin:0 auto 10px;overflow:hidden;}
.aside .aside-slide .slide-wrap .swiper-partner{height:60px;overflow:hidden;}
.aside .aside-slide .slide-wrap .swiper-partner img{height:34px;margin-top:13px;}
.aside .aside-slide .slide-title{border-top:1px #eaeef0 solid;line-height:30px;font-size:12px;font-weight:600;color:#8697a2;}
.aside .aside-line, .aside .aside-menu{width:172px;margin:10px 34px 10px 24px;}
.aside .aside-line{background:#eaeef0;height:1px;border:0;}
.aside .aside-menu dl{width:100%;}
.aside .aside-menu dt{display:block;line-height:40px;position:relative;}
.aside .aside-menu dt h3{font-size:20px;font-weight:600;}
.aside .aside-menu dt span.menu-name{margin-left:6px;}
.aside .aside-menu dd{margin:0;}
.aside .aside-menu dd.active{display:block;margin-left:0;}
.aside .aside-menu dd ul{width:100%;}
.aside .aside-menu dd li{line-height:50px;overflow:hidden;zoom:1;}
.aside .aside-menu dd li a{display:block;margin:0;height:50px;line-height:50px;overflow:hidden;font-size:16px;}
.aside .aside-menu dd li a:hover{text-decoration:none;color:#ff4f0f;}
.aside .aside-menu dd li.active a{color:#ff4f0f;}
.aside .aside-menu dd li a .iconfont{padding:5px;font-size:22px;background-color:#f3f5f6;border-radius:30px;margin-right:10px;}
.aside .aside-menu dd li a span{position:relative;top:-1px;}
.aside .aside-menu dd li:nth-child(1) a .iconfont{color:#ff4f0f;}
.aside .aside-menu dd li:nth-child(2) a .iconfont{color:#0bb20c;}
.aside .aside-menu dd li:nth-child(3) a .iconfont{color:#6a6aff;}
.aside .aside-menu dd li:nth-child(4) a .iconfont{color:#36b1ff;}
.aside .aside-menu dd li:nth-child(5) a .iconfont{color:#3732ff;}
.aside .aside-menu dd li:nth-child(6) a .iconfont{color:#ad4f09;}
.aside .aside-menu dd li:nth-child(7) a .iconfont{color:#845fad;}
.aside .language{width:172px;margin:10px 34px 10px 24px;position:relative;height:40px;line-height:40px;font-size:16px;}
.aside .language p{height:40px;line-height:40px;overflow:hidden;padding-left:8px;cursor:pointer;}
.aside .language p label{display:inline-block;margin-right:4px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;
    transform:rotate(270deg);-ms-transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);}
.aside .language p.active label{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}
.aside .language ul{display:none;position:absolute;z-index:1;left:0;bottom:40px;padding:0;width:100%;background-color:#f3f5f6;border-radius:5px;}
.aside .language ul:after{content:'';display:block;position:absolute;width:0;bottom:-16px;left:30px;
    border:8px solid transparent;border-top-color:#f3f5f6;}
.aside .language li{display:block;padding:6px 4px 6px 8px;cursor:pointer;}
.aside .language li a{display:block;}
.aside .language li:hover{background:#f6f6f6;color:#0ea2e1;}
.aside .language li:hover a{text-decoration:none;}
.aside .language li.active a{color:#0ea2e1;}
.aside .language .flag, .aside .language .name{display:inline-block;vertical-align:middle;}
.aside .language .flag{width:20px;height:20px;border-radius:20px;line-height:1;overflow:hidden;}
.aside .language .name{margin-left:12px;}
.aside .language label{float:right;}
.aside .language label .iconfont{font-size:12px;}
.aside .language img{height:20px;}
/*主要区域*/
.mainer{position:relative;padding:0 40px;height:100vh;overflow:scroll;background:#f3f5f6;width:calc(100% - 220px);float:right;}
.mainer .wide{max-width:1200px;margin:0 auto;}
.mainer .wide, .clear{clear:both;}
.mainer .wide:after, .clear::after{content:'';clear:both;display:table;}
/*内容头部*/
.header{width:100%;height:90px;}
.header .inner{display:block;padding:20px 47px 20px 40px;width:calc(100% - 220px);position:fixed;right:0;z-index:10;top:0;background:#f3f5f6;}
.header .announce{position:absolute;z-index:1;left:40px;color:#0f161f;display:flex;float:left;background-color:#fff;font-size:14px;width:360px;height:40px;line-height:40px;border-radius:20px;padding-right:15px;overflow:hidden;}
.header .announce .iconfont{font-size:22px;}
.header .announce p{flex:1;text-align:center;}
.header .announce p .iconfont,
.header .announce p span{display:inline-block;vertical-align:middle;}
.header .announce p span{margin-left:5px;}
.header .announce .detail{flex:6;height:40px;line-height:43px;white-space:nowrap;overflow:hidden;}
.header .announce .detail a{display:block;}
.header .announce .detail div{display:inline;cursor:pointer;}
.header .announce .detail div span{margin-right:20px;}
.header .nav{display:inline-block;float:right;}
.header .nav ul{display:inline-block;text-align:center;}
.header .nav li{display:inline-block;margin-left:10px;}
.header .nav li a{display:inline-block;line-height:40px;font-size:14px;text-align:left;}
.header .nav li .iconfont{font-size:18px;position:relative;top:2px;}
.header .nav li.avatar img{width:40px;height:40px;border-radius:40px;vertical-align:middle;}
.header .nav li.balance a, .header .nav li.message a, .header .nav li.deposit a{padding:0 10px;border-radius:6px;display:inline-block;text-align:center;background-color:#fff;}
.header .nav li.balance .iconfont{color:#ff4f0f;}
.header .nav li.message .iconfont{color:#ff9bac;}
.header .nav li.deposit{background-color:#fff;border-radius:6px;padding:0 10px;}
.header .nav li.deposit a{padding:0;}
.header .nav li.deposit a:hover{color:#ff4f0f;}
.header .nav li.deposit a:not(:last-child){margin-right:8px;}
.header .nav li.deposit .iconfont{color:#49caff;margin-right:0;}
.header .nav li.register a{padding:0 20px;border-radius:6px;display:inline-block;text-align:center;min-width:100px;}
.header .nav li.register a:hover{opacity:0.95;}
.header .nav li.register{margin-left:20px;}
.header .nav li.register a span, .header .nav li.login a span{font-weight:600;}
.header .nav li.login a .iconfont, .header .nav li.register a .iconfont{margin-right:3px;}
.header .nav li.register a{background:#ff4f0f;color:#fff;transition:background-color 0.2s ease 0s;white-space:nowrap;position:relative;box-shadow:rgb(255 79 15) 0 0 0 0;
    animation:1.5s ease 0s infinite normal none running register-animation;}
@-webkit-keyframes register-animation{
    10%, 90%{-webkit-transform:translate3d(-1px, 0, 0);-ms-transform:translate3d(-1px, 0, 0);transform:translate3d(-1px, 0, 0);}
    0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
    70%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);box-shadow:0 0 0 30px rgba(90, 153, 212, 0);}
    100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);box-shadow:0 0 0 0 rgba(90, 153, 212, 0);}
}
@keyframes register-animation{
    10%, 90%{-webkit-transform:translate3d(-1px, 0, 0);-ms-transform:translate3d(-1px, 0, 0);transform:translate3d(-1px, 0, 0);}
    0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
    70%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);box-shadow:0 0 0 30px rgba(90, 153, 212, 0);}
    100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);box-shadow:0 0 0 0 rgba(90, 153, 212, 0);}
}
/*内容区域*/
.content{margin-top:100px;min-height:500px;}
.content-menu{display:grid;grid-auto-flow:column;grid-template-columns:auto;-webkit-box-pack:start;justify-content:start;background-color:unset;border-radius:unset;border-bottom:2px solid rgb(234, 238, 240);opacity:1;}
.content-menu a{grid-auto-flow:column;column-gap:10px;-webkit-box-pack:center;font-size:14px;padding:0 10px;line-height:34px;font-weight:400;margin-right:30px;margin-bottom:-2px;color:#8697a2;}
.content-menu a:hover, .content-menu a.active{color:#0f161f;}
.content-menu a.active{background-color:unset;border-bottom:2px solid #0f161f;}
.content-menu a .iconfont{font-size:18px;position:relative;top:2px;margin-right:5px;}
.content-menu a.text:hover{color:#8697a2;}
/*幻灯广告*/
.swiper-banner{border-radius:5px;overflow:hidden;position:relative;}
.swiper-banner .swiper-slide{min-height:200px;max-height:300px;}
.swiper-banner .swiper-slide img{display:block;width:100%;}
.swiper-banner .swiper-slide{text-align:center;font-size:18px;background:#fff;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;transition:300ms;transform:scale(1);opacity:0.5;}
.swiper-banner .swiper-slide-active, .swiper-banner .swiper-slide-duplicate-active{transform:scale(1);opacity:1;}
.swiper-banner .swiper-pagination{margin-top:-30px;width:100%;text-align:center;z-index:2;}
.swiper-banner .swiper-pagination .swiper-pagination-bullet{width:15px;height:15px;}
.swiper-banner .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;}
.swiper-banner .swiper-button-next, .swiper-banner .swiper-button-prev{color:rgba(255, 255, 255, 0.4);}
.swiper-banner .swiper-button-next:hover, .swiper-banner .swiper-button-prev:hover{color:rgba(255, 255, 255, 0.8);}
/*特色游戏*/
.game-feature{margin-top:10px;text-align:center;}
.game-feature .feature-title{text-align:left;font-size:16px;height:70px;line-height:70px;}
.game-feature .feature-title h3{display:inline-block;font-size:20px;font-weight:600;}
.game-feature .feature-title span, .game-feature .feature-title .iconfont{display:inline-block;vertical-align:middle;}
.game-feature .feature-title h3 .iconfont{font-size:24px;margin-right:0.5rem;color:#ff4f0f;}
.game-feature .feature-title .flex-box{float:right;display:flex;background-color:#fff;border-radius:30px;height:34px;margin-top:18px;border:1px #eee solid;}
.game-feature .feature-title .flex-item{flex:1;display:inline-block;height:34px;line-height:30px;color:#0f161f;}
.game-feature .feature-title .flex-item:nth-child(2){border-left:1px #eee solid;}
.game-feature .feature-title .flex-box .iconfont{padding:0 20px;font-size:20px;font-weight:600;color:inherit;}
.game-feature .feature-title .flex-item:hover{color:#ff4f0f;}
.game-feature .feature-title .flex-link{padding:0 20px;}
.game-feature .feature-title .flex-link .iconfont{padding:0 5px 0 0;}
.game-feature .game-list{margin:0;}
.game-feature .game-list .inner{min-height:unset;width:100%;}
.game-feature .game-list .game-item{margin:0;}
.game-feature .promo{margin-bottom:40px;}
.game-feature .promo::after{content:'';clear:both;display:table;}
.game-feature .promo ul{display:block;}
.game-feature .promo li{display:inline-block;width:48%;border-radius:3px;overflow:hidden;margin-right:4%;float:left;margin-bottom:30px;}
.game-feature .promo li:nth-child(2n){margin-right:0;}
.game-feature .promo li a{display:block;}
.game-feature .promo li img{width:100%;height:auto;float:left;}
/*内容横幅*/
.banner{height:200px;overflow:hidden;border-radius:5px;}
.banner .inner{margin:0 auto;height:100%;position:relative;}
.banner .text{padding:30px 0 0 30px;position:relative;display:block;opacity:0;animation:400ms cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards running left-in;}
.banner .text .tag{padding:0 12px;height:32px;position:relative;place-items:center;display:inline-flex;color:rgb(255, 255, 255);z-index:0;-webkit-box-align:center;font-style:italic;font-weight:bold;left:5px;font-size:16px;}
.banner .text .tag::before{content:"";position:absolute;inset:0;width:100%;background:rgb(255, 183, 1);transform:skew(-20deg);z-index:-1;}
.banner .text .tag > span{content:"";position:absolute;top:0;right:-15px;bottom:0;width:10px;background:rgb(255, 183, 1);transform:skew(-20deg);z-index:-1;}
.banner .text .tag > span + span{content:"";position:absolute;top:0;right:-25px;bottom:0;width:5px;background:rgb(255, 183, 1);transform:skew(-20deg);z-index:-1;}
.banner .text .title{font-weight:bold;font-size:30px;font-style:italic;color:rgb(56, 56, 56);display:flex;-webkit-box-align:center;align-items:center;text-shadow:rgb(255 255 255) 0 2px;width:65%;padding:20px 0;}
.banner .text .desc{color:rgb(56, 56, 56);font-size:18px;width:650px;}
.banner .photo{position:absolute;height:100%;left:0;right:30px;top:0;margin:auto;}
.banner .photo .character{position:absolute;height:100%;width:50%;right:0;top:0;bottom:0;background-size:auto 100%;background-position:right bottom;background-repeat:no-repeat;opacity:0;animation:400ms cubic-bezier(0.4, 0, 0.2, 1) 0ms 1 normal forwards running right-in;}
.banner.banner-vip{background:#fff;}
.banner.banner-vip .photo .character{background-image:url("../images/banner/vip-logo.png?_=2");}
/*横幅动画*/
@keyframes left-in{
    0%{opacity:0;margin-left:-500px;}
    100%{opacity:1;margin-left:0;}
}
@keyframes right-in{
    0%{opacity:0;right:-360px;}
    100%{opacity:1;right:0;}
}
/*下载中心*/
.download{text-align:right;}
.download .right{display:inline-block;width:550px;margin-top:100px;min-height:400px;}
.download .right .qr{width:130px;float:left;min-height:200px;text-align:center;}
.download .right .qr .image{width:154px;height:154px;border:2px #fff solid;display:inline-block;}
.download .right .qr img{width:150px;}
.download .right .qr p{font-size:14px;margin-top:10px;line-height:1.2;font-weight:600;}
.download .right .buttons{float:left;margin-left:40px;text-align:left;width:300px;}
.download .right .buttons a{display:inline-block;width:110px;margin:0 30px 30px 0;line-height:36px;text-align:center;border-radius:6px;}
/*底部信息*/
.footer{position:relative;color:#8697a2;text-align:left;}
.footer .link{padding:30px 0 20px;text-align:center;}
.footer .link a{display:inline-block;color:inherit;font-size:14px;padding:0 20px;}
.footer .partner ul{padding:20px 0 0;width:100%;display:flex;}
.footer .partner li{flex:1;}
.footer .partner li:first-child{flex:5;}
.footer .partner li:nth-child(2){flex:1.2;width:200px;}
.footer .partner li h3{font-size:14px;margin-bottom:5px;}
.footer .partner li .icon, .footer .partner li .license{padding:10px 0;}
.footer .partner li .icon img, .footer .partner li .license img{display:inline-block;margin-right:35px;padding:12px 20px;background-color:#fafafa;border-radius:5px;}
.footer .partner li .icon img:last-child, .footer .partner li .license img:last-child{margin-right:0;}
.footer .partner li .license img{height:48px;padding:10px 20px;}
.footer .partner li .license .age{display:inline-block;width:42px;height:42px;line-height:38px;border:2px #ff4f0f solid;border-radius:30px;text-align:center;font-size:14px;vertical-align:top;font-weight:600;position:relative;top:4px;}
.footer .copyright{padding:30px 0;font-size:12px;text-align:center;}