@charset "utf-8";

html{overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th{margin:0;padding:0;}
fieldset,img {border:0;}
ul,li,ol {list-style:none;}
select,input{vertical-align:middle;}
a{color:#333333; text-decoration:none; outline:none;star:expression(this.onFocus=this.blur());}
a:hover{ text-decoration: underline;}
.fl { float:left;}
.fr { float:right;}
.none {display:none;}
body, html {width:100%; font-family: "Microsoft YaHei","Helvetica Neue",Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;font-weight: normal;display: -webkit-box;-webkit-box-orient: vertical; -webkit-box-align: center;}

/* *{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;} 用于解决某些情况下出现闪屏的问题，若无则不加*/
body{opacity: 1;-webkit-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in; }
html{ font-size: 625%; } 
@media screen and (max-width:359px) and (orientation:portrait) {
    html { font-size: 266.67%; } 
}
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
    html { font-size: 300%; } 
}
@media screen and (min-width:375px) and (max-width:399px) and (orientation:portrait) {
    html { font-size: 312.5%; } 
}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
    html { font-size: 333.33%; } 
}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){
    html { font-size: 345%; }
}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){
    html { font-size:360%; }
}
@media screen and (min-width:480px)and (max-width:639px) and (orientation:portrait){
    html { font-size:400%;}
} 
@media screen and (min-width:640px)and (max-width:719px) and (orientation:portrait){
    html { font-size:533.33%;}
} 
@media screen and (min-width:720px)and (max-width:749px) and (orientation:portrait){
    html { font-size:600%;}
} 
@media screen and (min-width:720px)and (max-width:1024px) and (orientation:portrait){
    html { font-size:625%;}
} 
@media screen and (min-width:1025px) and (orientation:portrait){
    html { font-size:625%;}
}
/* 按750尺寸界面效果 1rem=100px */
body { font-size:13px; background:#ffffff; color:#333333;}

/* style */
.point_top {width:100%; height:8rem; display:block; background:url(../images/point_bg_top.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative;}
.point_cen {width:100%; height:12rem; display:block; background:url(../images/point_bg_cen.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative;}
.point_bot {width:100%; height:1rem; display:block; background:url(../images/point_bg_bot.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative; color:#333333;}

.point_logo {width:2.8rem; height:1.6rem; display:block; position:absolute; left:50%; top:0; margin-left:-6rem; text-indent:-999rem; overflow:hidden; z-index:8;}
.point_time {width:5rem; height:0.4rem; display:block; font-size:0.18rem; line-height:0.4rem; font-weight:bold; color:#ffffeb; text-align:center; position:absolute; left:50%; top:3.87rem; margin-left:-5.3rem; z-index:5;}

.point_login_mc {width:4.4rem; height:2.2rem; display:block; position:absolute; left:50%; top:4.5rem; margin-left:-5rem; z-index:5;}
.point_user { position:absolute; left:0.6rem; top:0.2rem; font-size:0.15rem; line-height:0.24rem; color:#666666;}
.point_user a { margin-left:0.1rem; text-decoration:underline; color:#666666;}
.point_user a:hover { color:#993333;}
.point_num { position:absolute; left:0.3rem; top:0.54rem; font-size:0.24rem; line-height:0.6rem; color:#ffff00; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;-webkit-filter:drop-shadow(0 0 0.03rem #993300);}
.point_num:before { content:'今日儲值：'; float:left; color:#FFFFFF;}
.point_num span { font-size:0.4rem; padding-right:0.05rem; float:left;}
.point_btn {width:3.8rem; position:absolute; left:0.3rem; top:1.35rem;}
.point_btn a {width:1.6rem; height:0.6rem; display:block; text-indent:-999rem; overflow:hidden; margin:0 0.15rem; float:left;}
.point_btn a.point_btn_point {background:url(../images/point_btn_01.png) no-repeat; background-size:100%;}
.point_btn a.point_btn_jpx {background:url(../images/point_btn_02.png) no-repeat; background-size:100%;}
.point_btn a:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}


.point_bg01 {width:6.4rem; height:1rem; display:block; position:absolute; left:50%; top:1rem; margin-left:-5.1rem;}
.point_bg01_zan {width:280px; height:66px; display:block; position:absolute; left:0; top:0;}
.point_bg01_zanm { display:none;}
.point_bg01_fx {width:2.8rem; height:0.66rem; display:block; position:absolute; left:300px; top:0;}
.point_bg01_fx a.fbshare {width:2.8rem; height:0.66rem; display:block; background:url(../images/point_facebook.png) no-repeat; background-size:100%; text-indent:-9999px; overflow:hidden;}
.point_bg01_fx a.fbshare:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}

.point_bg02 {width:11rem; display:block; position:absolute; left:50%; top:2.65rem; margin-left:-5.5rem;}
.point_bg02 div {width:5.5rem; height:3.2rem; float:left; position:relative;}
.point_bg02 a {width:2.2rem; height:0.7rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/point_btn_03.png) no-repeat; background-size:100% 600%; position:absolute; left:1.65rem; top:2.15rem;}
.point_bg02 a.no { background-position:0 0; }
.point_bg02 a.lq { background-position:0 -0.7rem;}
.point_bg02 a.lq:hover { background-position:0 -1.4rem;}
.point_bg02 a.ylq { background-position:0 -2.1rem; cursor:default;}
.point_bg02 a.end { background-position:0 -2.8rem; cursor:default;}
.point_bg02 a.nostart { background-position:0 -3.5rem; cursor:default;}



.home_win_bg { _position:absolute; position:fixed; width:100%; height:100%; left:0; top:0; display:block; z-index:999;}
.win_close {width:100%; height:100%; display:block; text-indent:-9999px; background:url(https://www.gamexdd.com/public/images/xdd_winbg80.png) repeat; position:absolute; left:0; top:0; z-index:1;}

/* 我的獎品箱 */
.home_winjpxbg {width:7rem; height:4rem; padding:0; border:0.05rem solid #2b7abe;-moz-border-radius:0.06rem; border-radius:0.06rem; position:absolute; left:50%; top:50%; margin:-2.05rem 0 0 -3.55rem; background:#f8f9fb; color:#333333; z-index:9;}
.home_winjpx_title { height:0.4rem; background:#2b7abe;}
.home_winjpx_title span {  line-height:0.32rem; color:#ffffff; font-size:0.25rem; font-weight:normal; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; float:left; padding-left:0.1rem;}
.home_winjpx_title a.close {width:0.3rem; height:0.3rem; float:right; text-indent:-999rem; overflow:hidden; background:url(https://www.gamexdd.com/public/images/win_btnclose.png) no-repeat; -webkit-background-size:auto 100%; background-size:auto 100%;}
.home_winjpx_tt {width:7rem; height:0.4rem;  display:block;}
.home_winjpx_tt dl {width:7rem; height:0.4rem; float:left; color:#333333; font-size:0.15rem; line-height:0.4rem; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; background:#e2e2eb; border-bottom:0.01rem solid #b8b9d8; box-sizing:border-box; font-weight:bold; text-align:center;}
.home_winjpx_tt dt.time {width:1.09rem; float:left; border-right:0.01rem solid #abbed7;}
.home_winjpx_tt dt.name {width:1.59rem; float:left; border-right:0.01rem solid #abbed7;}
.home_winjpx_tt dd {width:4.2rem; float:left;}
.home_winjpx_text {width:7rem; height:3.2rem; overflow-x:hidden; overflow-y:auto; display:block;}
.home_winjpx_text dl {width:7rem; height:0.4rem; float:left; font-size:0.13rem; line-height:0.4rem; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; background:#fafafc; border-bottom:0.01rem solid #b8b9d8; box-sizing:border-box;}
.home_winjpx_text dl.nogift { text-align:center; color:#999999;}
.home_winjpx_text dt.time {width:1.09rem; float:left; border-right:0.01rem solid #b8b9d8; text-align:center; color:#646694;}
.home_winjpx_text dt.name {width:1.59rem; float:left; border-right:0.01rem solid #b8b9d8; text-align:center; color:#646694;}
.home_winjpx_text dd {width:4.2rem; float:left; color:#7d7ea0; padding-left:0.06rem; position:relative; word-break:keep-all;white-space:nowrap; overflow:hidden;}
.home_winjpx_text dd a { width:0.7rem; height:0.3rem; background:#d68c60; display:block; -moz-border-radius:0.06rem; border-radius:0.06rem; position:absolute; right:0.1rem; top:0.05rem; text-align:center; line-height:0.3rem; color:#FFFFFF;}
.home_winjpx_text dd a:hover {background:#d06524; text-decoration:none;}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.home_winjpx_text::-webkit-scrollbar {width: 0.08rem; height: 0.16rem; background-color: #e7e7e7;}

/*定义滚动条轨道 内阴影+圆角*/
.home_winjpx_text::-webkit-scrollbar-track {background-color: #e7e7e7;}

/*定义滑块 内阴影+圆角*/
.home_winjpx_text::-webkit-scrollbar-thumb {background-color: #adc8d2;}


/* 用戶登錄 */
.index_loginbg {width:4.2rem; height:3.7rem; display:block; background:url(https://www.gamexdd.com/public/images/win_loginbg.png) no-repeat; background-size:100% 100%; position:absolute; position:fixed; left:50%; top:50%; margin:-1.9rem 0 0 -2.1rem; z-index:30;}
.index_login_menu {width:4rem; height:0.36rem; display:block; background:#a6c2d2; position:absolute; left:0.1rem; top:0.45rem; text-align:center; font-size:0.18rem; line-height:0.36rem;}
.index_login_menu a {width:1.5rem; height:0.36rem; display:inline-block; margin:0 0.05rem; font-size:0.18rem; line-height:0.36rem; color:#FFFFFF; text-align:center; text-decoration:none;}
.index_login_menu a:hover { color:#FFFF00; text-decoration:none;}
.index_login_menu a.on { background:#698391;}
.index_login_menu a.on:hover { color:#FFFFFF;}
.index_login, .index_register { padding-top:1rem; width:100%; display:block;}
.index_login_li {width:4rem; height:0.5rem; float:left; position:relative;}
.index_login_li font {width:1.2rem; float:left; text-align:right; font-size:0.16rem; line-height:0.34rem; color:#666666;}
.index_login_input {width:2.5rem; height:0.32rem; display:block; background:#ffffff; border:0.01rem solid #cccccc; margin:0; padding:0 0.05rem; color:#999999;}
.index_login_li .tips {width:0; height:0; float:right; position:absolute; right:0.18rem; top:0.1rem; pointer-events: none; }
.index_login_li span { display:none; width:2.8rem; text-align:right; font-size:0.13rem; line-height:0.18rem; color:#999999; float:right; padding-top:0.22rem; position:absolute; right:0; top:0; text-indent:0;}
.index_login_li span.error {width:2.8rem; display:block; color:#CC0000;}
.index_login_li span.error:before {content: '';width:0.16rem; height:0.16rem; float:right; background:url(https://www.gamexdd.com/public/images/icon_ad_error.png) no-repeat; background-size:100%; position:absolute; top:0rem; right:0.04rem;}
.index_login_li span.right {width:2.8rem; display:block; color:#009900; height:0; overflow:hidden;}
.index_login_li span.right:before {content: '' ;width:0.16rem; height:0.16rem; float:right; background:url(https://www.gamexdd.com/public/images/icon_ad_right.png) no-repeat; background-size:100%; position:absolute; top:0rem; right:0.04rem;}
.index_login_btn { position:absolute; left:1.2rem; top:2rem;}
.index_login_button {width:2.62rem; height:0.48rem; display:block; background:#7dc5ee; font-size:0.2rem; line-height:0.48rem; color:#FFFFFF; text-align:center; border:0; padding:0; margin:0; cursor:pointer;}
.index_login_button:hover { background:#6ed8f7;}
.index_login_other {width:4rem; position:absolute; left:0.21rem; top:2.8rem; text-align:center;}
.index_login_other a { float:left; margin:0 0.03rem; width:1.2rem; height:0.44rem; text-indent:-999rem; overflow:hidden;;}
.index_login_other a.reg_btn_fb { background:url(https://www.gamexdd.com/public/images/login_mbtn_fb.png) no-repeat; background-size:100% 100%;}
.index_login_other a.reg_btn_gg { background:url(https://www.gamexdd.com/public/images/login_mbtn_gg.png) no-repeat; background-size:100% 100%;}
.index_login_other a.reg_btn_yh { background:url(https://www.gamexdd.com/public/images/login_mbtn_yh.png) no-repeat; background-size:100% 100%;}
.index_login_protocol {position:absolute; left:1.2rem; top:2.5rem; font-size:0.13rem; line-height:0.2rem; color:#666666;}
.index_login_protocol a { color:#666666;}
.index_register .index_login_btn { top:2.8rem;}

/* 領取提示 */
.home_resultsbg {width:5rem; height:2.4rem; border:0.1rem solid #2b7abe;-moz-border-radius:0.2rem; border-radius:0.2rem; position:absolute; left:50%; top:50%; margin:-1.3rem 0 0 -2.6rem; background:#e5ebf3; }
.home_resultsbg a.home_btn { width:1.6rem; height:0.5rem; background:#2b7abe;-moz-border-radius:0.1rem; border-radius:0.1rem; z-index:9; text-align:center; font-size:0.2rem; line-height:0.5rem; color:#FFFFFF; text-decoration:none; display:block; margin:0 auto;}
.home_resultsbg a.home_btn:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}
.home_resultsbg span.title { font-size:0.22rem; line-height:0.3rem; font-weight:bold; color:#FF0000; text-align:center; padding:0.4rem 0 0.15rem 0; overflow:hidden; display:block;}
.home_resultsbg span.text { height:0.7rem; text-align:center; display:block; font-size:0.18rem; text-align:center; line-height:0.3rem; color:#333333;}
.home_resultsbg a { margin:0 0.05rem; text-decoration:underline;}



/* 右浮導航 */
.point_right { position:absolute; position:fixed; right:0.05rem; top:50%; z-index:9; margin-top:-2rem; width:1.2rem;}

.point_right a {width:1.2rem; height:0.32rem; margin:0 0 0.1rem 0; text-indent:-999rem; overflow:hidden; float:left; position:relative;}
.point_right a.m1 {height:1.3rem;}
.point_right a.m6 {display:none;}
.point_right a:before {content: ''; width:1.2rem; height:100%; text-indent:-999rem; display:block; overflow:hidden; position:absolute; left:50%; top:0; margin-left:-0.6rem; z-index:2;}
.point_right a.m1:before {background:url(../images/point_right_menu1.png) no-repeat;}
.point_right a.m2:before {background:url(../images/point_right_menu2.png) no-repeat;}
.point_right a.m3:before {background:url(../images/point_right_menu3.png) no-repeat;}
.point_right a.m4:before {background:url(../images/point_right_menu4.png) no-repeat;}
.point_right a.m5:before {background:url(../images/point_right_menu5.png) no-repeat;}
.point_right a.m6:before {background:url(../images/point_right_menu6.png) no-repeat;}
.point_right a:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}



@media screen and (max-width:1024px) and (orientation:portrait) {

.point_top {width:100%; height:8.6rem; display:block; background:url(../images/pointm_bg_top.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative;}
.point_cen {width:100%; height:15.8rem; display:block; background:url(../images/pointm_bg_cen.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative;}
.point_bot {width:100%; height:2.4rem; display:block; background:url(../images/pointm_bg_bot.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative; color:#333333;}


.point_logo {width:2.8rem; height:1.6rem; position:absolute; left:50%; top:0.1rem; margin-left:-3.65rem;}
.point_time {position:absolute; left:50%; top:5.16rem; margin-left:-2.5rem; font-size:0.24rem;}
.point_login_mc {width:5.4rem; position:absolute; left:50%; top:5.8rem; margin-left:-2.7rem;}
.point_user {font-size:0.2rem; }
.point_num { font-size:0.3rem; top:0.55rem;}
.point_num span { font-size:0.48rem; margin:0 0.05rem;}
.point_btn {width:4.4rem; position:absolute; left:0.5rem; top:1.25rem;}
.point_btn a {width:2rem; height:0.75rem; margin:0 0.1rem; float:left;}

.point_bg01 {width:6rem; height:1rem; display:block; position:absolute; left:50%; top:0.7rem; margin-left:-3.1rem;}
.point_bg01_zan { display:none;}
.point_bg01_zanm {width:120px; height:54px; display:block; position:absolute; left:0rem; top:0rem;}
.point_bg01_fx {width:3.2rem; height:0.75rem; display:block; position:absolute; left:150px; top:0rem;}
.point_bg01_fx a.fbshare {width:3.2rem; height:0.75rem;}

.point_bg02 {width:7.5rem; display:block; position:absolute; left:50%; top:2.45rem; margin-left:-3.75rem;}
.point_bg02 div {width:7.5rem; height:2.4rem; float:left; position:relative;}
.point_bg02 a {width:1.9rem; height:1.6rem; display:block; text-indent:-9999px; background:url(../images/point_btn_04.png) no-repeat; background-size: 100% 600%; position:absolute; left:5.2rem; top:0.4rem;}
.point_bg02 a.no { background-position:0 0; }
.point_bg02 a.lq { background-position:0 -1.6rem;}
.point_bg02 a.lq:hover { background-position:0 -3.2rem;}
.point_bg02 a.ylq { background-position:0 -4.8rem; cursor:default;}
.point_bg02 a.end { background-position:0 -6.4rem; cursor:default;}
.point_bg02 a.nostart { background-position:0 -8rem; cursor:default;}


/* 用戶登錄 */
.index_loginbg {-webkit-transform: scale3d(1.5, 1.5, 1.5);}


/* 底部導航 */
.point_right { position:absolute; position:fixed; left:0; right:auto; top:auto; bottom:0; z-index:9; margin-top:0px; width:100%;}
.point_right a {width:25%; height:0.8rem; margin:0; text-indent:-999rem; float:left; overflow:hidden; background:url(../images/pointm_bottom_menubg.png) no-repeat right -0.8rem; background-size:auto 200%; position:relative;}
.point_right a.m1 {height:0.8rem;}
.point_right a.m3 {display:none;}
.point_right a.m6 {display:none;}
.point_right a:after {content: ''; width:100%; height:0.8rem; text-indent:-999rem; display:block; overflow:hidden; background:url(../images/pointm_bottom_menubg.png) no-repeat left -0rem; background-size:auto 200%; position:absolute; left:0; top:0; z-index:1;}
.point_right a:before {content: ''; width:1.6rem; height:100%; text-indent:-999rem; display:block; overflow:hidden; position:absolute; left:50%; top:0; margin-left:-0.8rem; z-index:2;}
.point_right a.m1:before {background:url(../images/pointm_bottom_menu1.png) no-repeat; background-size:100%;}
.point_right a.m2:before {background:url(../images/pointm_bottom_menu2.png) no-repeat; background-size:100%;}
.point_right a.m3:before {background:url(../images/pointm_bottom_menu3.png) no-repeat; background-size:100%;}
.point_right a.m4:before {background:url(../images/pointm_bottom_menu4.png) no-repeat; background-size:100%;}
.point_right a.m5:before {background:url(../images/pointm_bottom_menu5.png) no-repeat; background-size:100%;}
.point_right a.m6:before {background:url(../images/pointm_bottom_menu6.png) no-repeat; background-size:100%;}
.point_right a:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}

}