html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 100%; } body { margin: 0; font-size: 1.4rem; line-height: 1.5; color: #333333; background-color: white; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } svg:not(:root) { overflow: hidden; } a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #0088cc; } a:active { outline: 0; } a:active { color: #006699; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; vertical-align: middle; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; resize: vertical; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html, button, input, select, textarea { font-family: "microsoft yahei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; } h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; } ul, ol, li, dl, dd { margin: 0; padding: 0; } ul, ol { list-style: none outside none; } h1, h2, h3 { line-height: 2; font-weight: normal; } h1 { font-size: 1.8rem; } h2 { font-size: 1.6rem; } h3 { font-size: 1.4rem; } input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fix {zoom:1;} .fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;} .none { display: none;} .hidden { width: 0px; height: 0px; overflow: hidden;} .tc { text-align: center;}


/* 顶栏 */
.header-topBar {width:100%;height:40px;background:#fff; position: fixed;top: 0;left: 0;z-index: 100; box-shadow: 0 2px 2px rgba(0,0,0,.2);}

.top_nav_ico{ background:url(../image/top_nav1.png) no-repeat; }
.header-topBar .logo { height:26px; margin:7px 0 0 5%; display:block; float:left;}
.header-topBar .logo img {max-width:100%; max-height:26px;}
.header-topBar .top_right { position:absolute; right:14px; top:50%; margin-top:-13px; height:26px;}
.header-topBar .app-center { width:26px; height:26px; background-size:cover;float:left; background-position:0 -1px;}
.position-bar {background-color: #f5f5f5;box-shadow: 0 0 16px #FC9241}

.top_gift_ico{ float:left; background-size:cover; background-position:0 -32px;  width:26px; height:26px; margin-left:10px;}

.spring_chicken{background:url('../image/slogen.png') center top no-repeat; background-size:contain;  width:46px; height:13px; float:left; margin:13px 0 0 5px; overflow:hidden; position:relative;}
.spring_chicken:after { content: ''; width: 120%; height: 100%; position:absolute; top: 0px; left: -20%; background-image:-webkit-linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%); background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%); transition: left 1s linear;}
.spring_chicken_ani:after { left: 100%; }

#top_gift_nav a{width:106px;height:40px;line-height:40px;display:block;color:#d70022;border-top:1px solid #efefef; text-align:center;}
#top_gift_nav a:first-child {border-top:none;}
#top_gift_nav a em{display:inline-block; width:20px; height:20px; vertical-align:middle; background-size:cover; margin-right:8px;}
#top_gift_nav a em.l5{background-position:0 -51px;}
#top_gift_nav a em.l6{background-position:0 -77px;}

.top-nav { width:auto; position:absolute;top:33px;right:-14px;background:#fff; box-shadow:0 0 5px rgba(0,0,0,.3);z-index:101;overflow:hidden;opacity:0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease; line-height:22px;display: none;}

/* 登录后 */
#relogin{width:280px; display:none;}
#relogin form{padding:6px 10px;}
#relogin p{padding:8px; border-bottom:1px solid #e4e4e4 !important;}
#relogin input{height:26px; line-height:26px; border:none; width:220px;}
#relogin label{display:inline-block; width:16px; height:17px;  background:url(../image/login_icos.png) no-repeat;background-size:16px 36px; vertical-align:middle;}
#relogin label.b1{background-position:0 0;}
#relogin label.b2{background-position:0 -19px;}

#logined{padding:6px 10px; width:106px;}
#logined a {width:100%;height:40px;line-height:40px;display:block;color:#5e5e5e;border-top:1px solid #efefef;}
#logined a:first-child {border-top:none;}
#logined a em{display:inline-block; background:url(../image/logined_icos.png) no-repeat; width:14px; height:15px; background-size:14px 64px; margin-right:8px; vertical-align:text-bottom;}
#logined a em.l1{background-position:0 0;}
#logined a em.l2{background-position:0 -16px;}
#logined a em.l3{background-position:0 -32px;}
#logined a em.l4{background-position:0 -49px;}
#logined .username{ display: inline-block; width: 64px;  height: 40px; text-overflow: ellipsis; overflow:hidden; vertical-align:middle;}



/* 内容区 */
.wrapper{max-width:10.8rem; margin:0 auto; position:relative;}
/* .wrapper img{width:100%;} */

.slideBox img, .issue_slide img, .sns_list img, .qrcode_list img{width:100% !important; height: 100% !important; display: block;}


/*  幻灯  */
/* 原来高1920 改为 1400 */
.slideBox{position:relative; overflow:hidden; height:5rem !important;}
.slideBox .hd {position:absolute; height:.3rem; bottom:.3rem; right:.3rem; z-index:1;}
.slideBox .hd li {width:.3rem; height:.3rem; background:#fff; border-radius:100%; text-indent:-9.99rem; overflow:hidden; margin-left: .2rem; float: left;}
.slideBox .hd li.on {background:#00a2ff;}
.slideBox .bd li {height: 14rem !important;}


/* 内容区 */
.g-tit {height: 1.1rem; font-size: .44rem; padding: .3rem 0 .3rem .3rem; position: relative;}
.g-tit span, .g-tit .icon {float: left;}
.g-tit span {line-height: .5rem; color: #000000; border-left: .05rem solid #d70023; padding-left: .12rem;}
.g-tit .icon {width: .2rem; height: .2rem; background: url(../image/g_tit_icon_2.png) no-repeat; background-size: 100%; margin: .2rem 0 0 .1rem;}

.g-more {width:2.4rem; height:.64rem; line-height:.6rem; color: #f40028; font-size: .28rem; border: .02rem solid #d70023; border-radius: .12rem; text-align: center; display: block; margin: 0 auto;}
.g-more:hover {color: #ffffff; background: #d70023;}


/* 推荐游戏 */
.recommend{height:19.2rem; display: block; margin-bottom: .2rem; position: relative;}
.recom_bg {width: 100%; height: 100%; background: #f6f7fb; position: absolute; top: 0; left: 50%; margin-left: -5.4rem;}

.recommend .g-tit, .recommend .g-more, .rmd-game-list, .home_hot_game {position: relative; z-index: 3;}
.recommend .g-tit {position: absolute; top: 0; left: 0;}

.home_hot_game {width: 9.36rem; overflow: hidden; padding: .4rem 0; margin: 0 auto;}
.home_hot_game dt {height: 16.5rem; overflow: hidden;}
.home_hot_game dt li {width: 9.36rem !important; height: 4rem !important; display: block; margin-top: 1.5rem; position: relative;}
.home_hot_game dt li a {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3;}
.home_hot_game dt li img {width:100% !important; height: 5.1rem !important; position: absolute; bottom: 0; left: 0;}
.home_hot_game dd {text-align: center; padding-top: .4rem;}
.home_hot_game dd li {width: .3rem; height: .3rem; border: .02rem solid #d70023; border-radius: 100%; text-indent: -9.99rem; overflow: hidden; display: inline-block; vertical-align: top; margin: 0 .05rem;}
.home_hot_game dd li.on {background: #d70023;}


/* 幻灯 */
.issue_slide {margin-top: .1rem; position: relative;}
.issue_slide li {height: 2.8rem; display: block; overflow: hidden;}

/* 新闻 */
.issue_news {height: 7.4rem; color: #ffffff; font-size: .3rem; background: #282b2d; overflow: hidden; padding: .25rem .4rem; position: relative;}
.issue_news a:hover {text-decoration: underline;}

.issue_news .news_more {width: .8rem; height: .8rem; background: url(../image/news_more.png) no-repeat; background-size: 100%; position: absolute; top: 0; right: 0;}

.issue_news .big_news {min-height: .64rem; height: auto; line-height: .64rem; font-size: .5rem; font-weight: bold; overflow: hidden; margin-bottom: .2rem;}
.issue_news .big_news a{color: #d70023 !important;}

.issue_news .hot_news {height: .9rem; line-height: .6rem; border-top: .01rem solid #929394; padding-top: .29rem; margin-bottom: .2rem;}
.issue_news .hot_icon {width: .8rem; text-align: center; background: #d70023; float: left; position: relative;}
.issue_news .hot_sj {width:0; height:0; border-top:.06rem solid transparent; border-bottom:.06rem solid transparent; border-left:.06rem solid #d70023; position: absolute; top: 50%; right: -.06rem; margin-top: -.06rem;}
.issue_news .hot_txt {width: 9.2rem; height: .6rem; background: #363636; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left;}
.issue_news .hot_txt a{color: #ffffff !important; margin-left: .2rem;}

.news_list li {height: .64rem; line-height: .64rem; background: url(../image/news_list_icon.png) left center no-repeat; background-size: .3rem .3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: .44rem;}
.news_list li a{max-width: 8.5rem; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left;}
.news_list li span {color: #9e9e9e; float: right;}


/* 官方社群 */
.sns_box {margin-top: .1rem; position: relative;}
.sns_list {padding: 0 .5rem;}
.sns_list dt, .sns_list dd {width: 4.6rem; max-height: 5.3rem; overflow: hidden;}
.sns_list dt a, .sns_list dd a {display: block; margin-bottom: .1rem;}
.sns_list dt a {height: 2.6rem; border: .03rem solid #e0e0e0; font-size: .5rem; color: #aeaeae; text-align: center; position: relative;}
.sns_list dt .item-1:hover { color: #50c3a1;}
.sns_list dt .item-2:hover { color: #f5a22b;}
.sns_list dt a i {display: inline-block; width: .7rem; height: .64rem; background-image: url(../image/sns_icon.png); background-size: 1.4rem 1.42rem; margin-top:.6rem;}
.sns_list .item-1 i {background-position: 0 0;}
.sns_list .item-2 i {height: .78rem; background-position: 0 -.64rem;}
.sns_list .item-1:hover i {background-position: .7rem 0;}
.sns_list .item-2:hover i {background-position: .7rem -.64rem;}

.sns_list dt a em { display: block; width: 0; height: 0; border-width: 12px; border-style: solid; overflow: hidden; position: absolute; bottom: 0px; right: 0px;}
.sns_list dt .item-1 em { border-color: #fff #50c3a1 #50c3a1 #fff;}
.sns_list dt .item-2 em { border-color: #fff #f5a22b #f5a22b #fff;}

.sns_list dd a {height: 1.7rem;}


/* 社群二维码 */
.qrcode_list {text-align: center; padding-top: 1.4rem;}
.qrcode_list li {width: 3.8rem; font-size: .28rem; color: #8e8e8e; display: inline-block; vertical-align: top; margin: 0 .3rem; position: relative;}
.qrcode_list li .code_info{height: 1.66rem; line-height: .4rem; border: .03rem solid #e0e0e0; text-align: left; text-indent: .15rem; padding-top: .2rem;}
.qrcode_list li .code_info p, .qrcode_list li .code_info em {height: .4rem; overflow: hidden; display: block;}
.qrcode_list li .code_info em {font-size: .26rem;}
.qrcode_list li .code_pic {width: 1.64rem; height: 1.64rem; background: #ffffff; border: .03rem solid #e0e0e0; position: absolute; top: -.66rem; right: .16rem;}
.qrcode_list li .code_tips {line-height: .66rem;}




/* 底部版权 */
.xfooter {text-align: center; line-height: .5rem; font-size: .3rem; padding: 1rem .4rem 1.4rem .4rem;}
.xfooter a {color: #63c2f8;}
.red { color: #f00; }
.legal-1, .legal-2, .legal-3, .legal-4, .legal-5, .legal-6 { display: inline-block; width: .25rem; height: .25rem; margin-top: .1rem; background: url('../image/footer-ico.png') no-repeat; background-size: .75rem .5rem;}
.legal-2 { background-position: 0 -.25rem;}
.legal-3 { background-position: 0 -.5rem;}
.legal-4 { background-position: -.25rem 0;}
.legal-5 { background-position: -.25rem -.25rem;}
.legal-6 { background-position: -.25rem -.5rem;}

.g-footer-in p {margin-bottom: .2rem;}


/* 底部导航 */
.url{width:100%; background:#f4f4f4; overflow:hidden; padding:11px 0 5px 0; position:fixed; bottom:0; left:0; border-top:1px solid#ebe9e9; z-index: 100;}
.url a{float:left;width:25%; font-size:14px; line-height:24px;color:#333;text-align:center;}
.url a.on{color:#00a2ff;}
.url a em{ display:block; width:21px; height:20px; margin:0 auto; background:url(../image/bottom_nav.png) no-repeat; background-size:44px 132px;}
.url .sy{background-position:0 0;}
.url .yx{background-position:0 -26px;}
.url .lb{background-position:0 -54px;}
.url .hd{background-position: 0 -82px}
.url .kf{background-position:0 -110px;}
.url a.on .sy{background-position:-23px 0;}
.url a.on .yx{background-position:-23px -26px;}
.url a.on .lb{background-position:-23px -54px;}
.url a.on .hd{background-position:-23px -82px}
.url a.on .kf{background-position:-23px -110px;}


/* S pwa教程图弹窗 */
.pwa_pop{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    background-color: rgba(0,0,0,.6);
    display: none;
}

.pwa_pop_content{
    width: 90%;
    height: 30%;
    padding: .32rem;
    background-color: #ffffff;
    border-radius: 0.1rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%); 
    -moz-transform:translate(-50%, -50%); 
    -webkit-transform:translate(-50%, -50%); 
    -o-transform:translate(-50%, -50%);
    z-index: 10;
}

.pwa_pop_body {
    height: 100%;
    overflow-y: auto;
    font-size: .17rem;
    color: #fff;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
    text-align: justify;
}

.pwa_pop_body img {
    display: block;
    width: 100%;
}

.pwa_pop_close{
    width: .5rem;
    height: .51rem;
    background: url(../image/pwa_close_50.png) 0 0 no-repeat;
    background-size: cover;
    position: absolute;
    top: 0.3rem;
    right: .3rem;
    z-index: 9;
}
/* E pwa教程图弹窗 */

/* S 横屏处理 */
@media all and (orientation : landscape){
    .pwa_pop_content{
        height: 72%;
    }
}
/* E 横屏处理 */

/* S ipad竖屏 */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .pwa_pop_content{
        height: 40%;
    }
}
/* E ipad竖屏 */

@media all and (device-width: 540px) and (device-height: 720px) {
    .pwa_pop_content{
        height: 40%;
    }
}