@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:#ffffff; 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:#666666;}

/* style */
.point_top {width:100%; height:8.6rem; display:block; background:url(../images/point_bgtop.jpg) no-repeat center top; position:relative;}
.point_cen {width:100%; height:16.4rem; display:block; background:url(../images/point_bgcen.jpg) no-repeat center top; position:relative;}

.point_logo {width:3.6rem; height:1.4rem; display:block; position:absolute; left:50%; top:0.2rem; margin-left:-1.8rem; text-indent:-999rem; z-index:5;}


.point_top_mc {width:5.2rem; height:2.4rem; display:block; position:absolute; left:50%; top:4.82rem; margin-left:-2.6rem; z-index:5;}
.point_user { position:absolute; left:0.65rem; top:0.44rem; font-size:0.18rem; line-height:0.28rem; color:#ffffff;}
.point_user a { margin-left:0.1rem; text-decoration:underline; color:#ffffff;}
.point_user a:hover { color:#FFFF00;}
.point_num {width:4.2rem; display:block; text-align:center; position:absolute; left:0.5rem; top:0.85rem; font-size:0.28rem; line-height:0.6rem; color:#e86402; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;}
.point_num span { font-size:0.48rem; padding-right:0.05rem;}
.point_btn {width:4.4rem; position:absolute; left:0.4rem; top:1.6rem;}
.point_btn a {width:2rem; height:0.6rem; text-indent:-999rem; margin:0 0.1rem; float:left;}
.point_btn a.point_btn_box {background:url(../images/point_btnbox.png) no-repeat; background-size:100%;}
.point_btn a.point_btn_point {background:url(../images/point_btnpoint.png) no-repeat; background-size:100%;}
.point_btn a:hover {-webkit-filter:brightness(1.2);filter:brightness(1.2);}

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

.point_bg02 {width:12rem; display:block; position:absolute; left:50%; top:4.35rem; margin-left:-6rem;}
.point_top_time { width:6.6rem; height:0.4rem; display:block; font-size:0.24rem; line-height:0.4rem; color:#b63e3e; text-align:left; position:absolute; left:0.9rem; top:-0.55rem; z-index:5;}

.point_bg02_01 {width:100%; height:2rem; float:left; position:relative;}
.point_bg02_02 {width:100%; height:2rem; float:left; position:relative;}
.point_bg02_03 {width:100%; height:2rem; float:left; position:relative;}
.point_bg02_04 {width:100%; height:2rem; float:left; position:relative;}
.point_bg02 a {width:2.6rem; height:0.9rem; display:block; text-indent:-999rem; background:url(../images/point_btn.png) no-repeat 0 -999rem; background-size:100% 600%; position:absolute; left:8.2rem; top:0.55rem;}
.point_bg02 a.btn_lq { background-position:0 0;}
.point_bg02 a.btn_lq:hover { background-position:0 -0.9rem;}
.point_bg02 a.btn_no { background-position:0 -1.8rem; cursor:default;}
.point_bg02 a.btn_ylq { background-position:0 -2.7rem; cursor:default;}
.point_bg02 a.btn_end { background-position:0 -3.6rem; cursor:default;}
.point_bg02 a.btn_nostart { background-position:0 -4.5rem; cursor:default;}

.point_footer {width:100%; height:0.9rem; display:block; color:#333333; position:absolute; left:0; bottom:0rem;}



.win_bg { _position:absolute; position:fixed; width:100%; height:100%; left:0; top:0; display:block; z-index:99;}
.win_close {width:100%; height:100%; display:block; text-indent:-999rem; background-color:rgba(0,0,0,0.8); position:absolute; left:0; top:0; z-index:1;}

/* 提示彈窗 */
.win_promptbg {width:4rem; height:2rem; display:block; border-radius:0.1rem; background-color:rgba(255,255,255,0.4); position:absolute; left:50%; top:50%; margin:-1rem -2rem; z-index:21;filter:drop-shadow(0 0 0.05rem #666666);}
.win_promptbg:before {content: ''; width:3.8rem; height:1.8rem; display:block; border-radius:0.08rem; background-color:rgba(255,255,255,0.8); position:absolute; left:0.1rem; top:0.1rem; z-index:22;}
.win_promptbg .prompt_title {width:3.2rem; display:block; font-size:0.18rem; line-height:0.24rem; font-weight:bold; color:#FF0000; text-align:center; position:absolute; left:0.4rem; top:0.35rem; z-index:24;}
.win_promptbg .prompt_text { width:3.2rem; display:block; font-size:0.13rem; line-height:0.2rem; color:#666666; text-align:center; position:absolute; left:0.4rem; top:0.7rem; z-index:24;}
.win_promptbg .prompt_text a { color:#0066CC; text-decoration:underline; margin-left:0.05rem; }
.win_promptbg .prompt_text2 { width:3.2rem; display:block; font-size:0.13rem; line-height:0.2rem; color:#666666; text-align:center; position:absolute; left:0.4rem; top:0.6rem; z-index:24;}
.win_promptbg .prompt_btn { width:1.2rem; height:0.36rem; float:left; font-size:0.15rem; line-height:0.36rem; text-align:center; text-decoration:none; color:#333333; background:linear-gradient(to top, #dddddd, #ffffff);filter:drop-shadow(0 0 0.03rem #999999); border:0.01rem solid #eeeeee;box-sizing:border-box; border-radius:0.05rem; position:absolute; left:1.4rem; top:1.3rem; z-index:24;}
.win_promptbg .prompt_btn:hover {background:linear-gradient(to top, #e8e8e8, #ffffff); text-decoration:none;}
.win_promptbg .prompt_btn:active {background:linear-gradient(to top, #cccccc, #eeeeee); text-decoration:none;}

/* 獎品箱 */
.win_giftboxbg {width:7rem; height:4rem; display:block; position:absolute; left:50%; top:50%; margin:-2rem 0 0 -3.5rem; background:#fdfdfd; color:#333333; z-index:30;}
.win_giftboxbg:before {content: ''; width:7.3rem; height:4.3rem; display:block; background:#fdfdfd;-moz-border-radius:0.08rem; border-radius:0.08rem; position:absolute; left:-0.15rem; top:-0.15rem; z-index:1;opacity:0.6; filter:drop-shadow(0 0 0.05rem #666666);}
.win_giftboxbg:after {content: ''; width:7rem; height:4rem; display:block; background:#fdfdfd; border:0.05rem solid #31608d;-moz-border-radius:0.06rem; border-radius:0.06rem; position:absolute; left:-0.05rem; top:-0.05rem; z-index:2;}
.win_giftbox_title { height:0.4rem; background:#31608d; position:relative; z-index:3;}
.win_giftbox_title span {  line-height:0.4rem; color:#ffffff; font-size:0.22rem; font-weight:normal; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; float:left; padding-left:0.1rem;}
.win_giftbox_title a.close {width:0.2rem; height:0.2rem; display:block; text-indent:-999rem; overflow:hidden; position:absolute; right:0.02rem; top:0.02rem;}
.win_giftbox_title a.close:before {content: ''; width:0.2rem; height:0.03rem; display:block; background:#ffffff; position:absolute; left:0; top:0.09rem; transform: rotate(45deg);}
.win_giftbox_title a.close:after {content: ''; width:0.2rem; height:0.03rem; display:block; background:#ffffff; position:absolute; left:0; top:0.09rem; transform: rotate(-45deg);}
.win_giftbox_tt {width:7rem; height:0.4rem; display:block; position:relative; z-index:3;}
.win_giftbox_tt dl {width:7rem; height:0.4rem; background:#dae3ec; float:left; color:#333333; font-size:0.15rem; line-height:0.4rem; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; border-bottom:0.01rem solid #afbdd0; box-sizing:border-box; font-weight:bold; text-align:center;}
.win_giftbox_tt dt.time {width:1.09rem; float:left; border-right:0.01rem solid #afbdd0;}
.win_giftbox_tt dt.name {width:1.49rem; float:left; border-right:0.01rem solid #afbdd0;}
.win_giftbox_tt dd {width:4.2rem; float:left;}
.win_giftbox_text {width:7rem; height:3.2rem; overflow-x:hidden; overflow-y:auto; display:block; position:relative; z-index:3;}
.win_giftbox_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 #afbdd0; box-sizing:border-box;}
.win_giftbox_text dl:hover { background:#ebf5f6;}
.win_giftbox_text dl.nogift { text-align:center; color:#999999;}
.win_giftbox_text dt.time {width:1.09rem; float:left; border-right:0.01rem solid #afbdd0; text-align:center; color:#333333;}
.win_giftbox_text dt.name {width:1.49rem; float:left; border-right:0.01rem solid #afbdd0; text-align:center; color:#333333;}
.win_giftbox_text dd {width:4.2rem; float:left; color:#333333; padding-left:0.06rem; position:relative; overflow:hidden; word-break:keep-all;white-space:nowrap; overflow:hidden;}
.win_giftbox_text dd a { width:0.7rem; height:0.3rem; background:#895e4f; display:block; -moz-border-radius:0.06rem; border-radius:0.06rem; position:absolute; right:0; top:0.05rem; text-align:center; line-height:0.3rem; color:#FFFFFF;}
.win_giftbox_text dd a:hover {background:#aa715d; text-decoration:none;}

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

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

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


/* 用戶登錄 */
.index_loginbg {width:4.2rem; height:3.6rem; display:block; position:absolute; position:fixed; left:50%; top:50%; margin:-1.9rem 0 0 -2.1rem; z-index:30;}
.index_loginbg:before {content: ''; width:4.2rem; height:3.6rem; display:block; background:#fbfcfc; border-radius:0.2rem; position:absolute; left:0rem; top:0rem; z-index:1;opacity:0.6; filter:drop-shadow(0 0 0.05rem #666666);}
.index_loginbg:after {content: ''; width:4rem; height:3.4rem; border:0.01rem solid #999999; display:block; background:#fbfcfc; border-radius:0.12rem; position:absolute; left:0.09rem; top:0.09rem; z-index:2;}

.index_login_menu {width:3.6rem; height:0.5rem; padding:0 0.2rem; display:block; position:absolute; left:0.1rem; top:0.35rem; text-align:center; z-index:4; overflow:hidden;}
.index_login_menu:before {content: ''; width:4rem; height:0.4rem; background:#8aa5b4; display:block; position:absolute; left:0; top:0.0rem; z-index:5;}
.index_login_menu a {width:1.8rem; height:0.4rem; float:left; font-size:0.18rem; line-height:0.4rem; color:#FFFFFF; text-align:center; text-decoration:none; position:relative; z-index:6; overflow:hidden;}
.index_login_menu a.on { background:#65b4e1;}

.index_login, .index_register { padding-top:0.95rem; width:100%; display:block; position:relative; z-index:8;}
.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:3.9rem; position:absolute; left:0.15rem; top:2.8rem; text-align:center;}
.index_login_other a { float:left; margin:0 0.05rem; 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;}



.trial_btn {font-size:0.2rem; line-height:0.24rem; color:#666666; display:none; text-decoration:underline; position:absolute; right:0.15rem; top:0.06rem; z-index:5;}
.trial_btn a { color:#333333;}
.trial_winbg {width:7.5rem; height:12.8rem; display:block;background:url(../images/trial_bg.jpg) no-repeat; background-size:100%; position:absolute; left:50%; top:50%; margin:-6.4rem -3.75rem; z-index:5;}
.trial_close {width:0.4rem; height:0.4rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/trial_close.png) no-repeat; background-size:100%; position:absolute; right:0.05rem; top:0.05rem;}
.trial_jt1 {width:1.8rem; height:1.4rem; display:block; background:url(../images/trial_jt1.png) no-repeat; background-size:100%; position:absolute; left:5.2rem; top:1.7rem;-webkit-animation:trial_jt1 1s linear infinite;}
.trial_jt2 {width:1.8rem; height:1.4rem; display:block; background:url(../images/trial_jt2.png) no-repeat; background-size:100%; position:absolute; left:1.8rem; top:6.55rem;-webkit-animation:trial_jt2 1s linear infinite;}
.trial_jt3 {width:1.8rem; height:1.4rem; display:block; background:url(../images/trial_jt1.png) no-repeat; background-size:100%; position:absolute; left:3.2rem; top:9.38rem;-webkit-animation:trial_jt1 1s linear infinite;}
.trial_back {width:4rem; height:1.4rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/trial_back.png) no-repeat; background-size:100%; position:absolute; left:1.75rem; top:11.3rem;}

@-webkit-keyframes trial_jt1 { 
	0%{transform: translate3d(0, 0, 0);}
	50%{transform: translate3d(-8%, 0, 0);}
	100%{transform: translate3d(0, 0, 0);}
}
@-webkit-keyframes trial_jt2 { 
	0%{transform: translate3d(0, 0, 0);}
	50%{transform: translate3d(8%, 0, 0);}
	100%{transform: translate3d(0, 0, 0);}
}
@-webkit-keyframes trial_jt3 { 
	0%{transform: translate3d(0, 0, 0);}
	50%{transform: translate3d(-6%, 0, 0);}
	100%{transform: translate3d(0, 0, 0);}
}


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

.point_top {width:100%; height:8.6rem; display:block; background:url(../images/pointm_bgtop.jpg) no-repeat center top; background-size:auto 100%; position:relative;}
.point_cen {width:100%; height:17.4rem; display:block; background:url(../images/pointm_bgcen.jpg) no-repeat center top; background-size:auto 100%; position:relative;}

.point_logo {top:0rem; margin-left:-1.6rem; }
.point_top_time {left:0.7rem;top:-0.46rem; }
.point_top_mc {top:4.92rem;}
.trial_btn { display:block;}

.point_bg01 {width:6.4rem; height:1rem; display:block; position:absolute; left:50%; top:1.4rem; margin-left:-2.6rem;}
.point_bg01_zan {display:none; }
.point_bg01_zanm { position:absolute; left:0; top:0;}
.point_bg01_fx {width:2.8rem; height:0.66rem; display:block; position:absolute; left:3rem; 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:-999rem;}
.point_bg01_fx a.fbshare:hover {-webkit-filter:brightness(1.2);filter:brightness(1.2);}

.point_bg02 {width:7.5rem; display:block; position:absolute; left:50%; top:3.8rem; margin-left:-3.75rem;}
.point_bg02_01 {width:100%; height:2rem; float:left; position:relative;}
.point_bg02_02 {width:100%; height:2rem; float:left; position:relative;}
.point_bg02_03 {width:100%; height:2rem; float:left; position:relative;}
.point_bg02_04 {width:100%; height:2rem; float:left; position:relative;}
.point_bg02 a { position:absolute; left:2.5rem; top:2.1rem;}

.point_bg02 a {width:1.6rem; height:1.6rem; display:block; text-indent:-999rem; background:url(../images/pointm_btn.png) no-repeat 0 -999rem; background-size:100% 600%; position:absolute; left:5.85rem; top:0.2rem;}
.point_bg02 a.btn_lq { background-position:0 0;}
.point_bg02 a.btn_lq:hover { background-position:0 -1.6rem;}
.point_bg02 a.btn_no { background-position:0 -3.2rem; cursor:default;}
.point_bg02 a.btn_ylq { background-position:0 -4.8rem; cursor:default;}
.point_bg02 a.btn_end { background-position:0 -6.4rem; cursor:default;}
.point_bg02 a.btn_nostart { background-position:0 -8.0rem; cursor:default;}



.point_footer { bottom:0; height:1.6rem;}

.win_promptbg {-webkit-transform: scale3d(1.4, 1.4, 1.4);}
.index_loginbg {-webkit-transform: scale3d(1.2, 1.2, 1.2);}
}