/* CSS Document */

/*初始化css*/
*{ margin:0; padding: 0;}
li{ list-style-type: none;}
img{ max-width: 100%; display: block; margin: 0 auto 0 auto;}
html{ width: 100%; height: 100%;
}
body { font:16px/1.5 'Microsoft Yahei','helvetica','arial'; color:#555;  background: #f6f6f6; padding-bottom:60px; }
a { text-decoration:none; color:#555; }
em { font-style:normal; }
ul,li,dl,dd,dt { list-style:none; margin:0; padding:0;}

html{ height:100%;}



/*主体页面样式*/
.main{ width: 100%; height: auto; position: relative;}
/*.main section{ width: 100%; height: auto; position:absolute; left: 0; top:0; }
.main section.hide{ display: none;}
.main section.curr{ display: block;}*/

/*菜单样式*/
.menu{ width: 100%; height:45px; position: fixed; bottom:0; left:0; box-shadow: 0 0 10px rgba(0,0,0,.5);background:#232430; z-index:9999; text-align:center;
    display:table;
    /*display:-moz-box;
    display:-webkit-box;
    display:box;*/
}
.menu.menucurr{ background: #ea4c88;}
.menu a{text-align: center;  color:#fff; line-height:45px; font-size:15px;
    display:table-cell;
    /*-moz-box-flex:1;
    -webkit-box-flex:1;
    box-flex:1;*/
}
.menu a.curr{ background: #ea4c88;}
/*.menu a:nth-child(1),.menu a:nth-child(2),.menu a:nth-child(3){ border-right:1px solid #3a3b4e;  }*/
/*.menu a:nth-child(1) { background:url(../images/ico_home.png) no-repeat center 5px;}*/
/*.menu a:nth-child(3) { background:url(../images/ico_pay.png) no-repeat  center 5px;}*/
/*.menu a:nth-child(2) { background:url(../images/ico_gift.png) no-repeat center 5px;}*/
/*.menu a:nth-child(4) { background:url(../images/ico_cus.png) no-repeat center 5px;}*/
.menu a{ background-size:20px auto !important;}




header { background:#2e323d; border-bottom:#eb5831 3px solid;}
header h1 {background-repeat: no-repeat;background-position: center top; background-size: auto 25px;text-indent:-999px;overflow:hidden;display:inline-block;width:200px;height:25px;margin:8px 0px; padding:0; vertical-align:middle;}
.headbox { text-align:center; position:relative; }
.headbox em { background:url(../images/ico_nav_us.png) no-repeat; width:30px; height:30px; display:inline-block; float:right; background-size:100% auto;  text-indent:400px; overflow:hidden;  position:absolute; top:6px; right:10px;   }
.headbox i { display:inline-block; color:#fff; font-style:normal; vertical-align:middle; float:right; margin-right:10px; color:#ffa06c}
.headbox section { position:absolute; z-index:9999; top:45px; right:10px; background:#fff; border:#ddd 1px solid; /*box-shadow: #ddd 1px 4px 4px;*/ border-radius:3px; overflow:hidden; display:none;
}
.headbox section a { display:block; line-height:32px; border-bottom:#ddd 1px solid; padding:0 10px; min-width:60px; }
.headbox section a:last-child { border-bottom:none; }
.headbox section a:hover {background:#ff7f58; color:#fff;}

.home { top:6px; left:10px;  background:url(../images/ico_home.png) no-repeat; width:30px; height:30px; display:inline-block; text-indent:400px; overflow:hidden; background-size:100% auto; position:absolute;}

.gamelist{ position:relative;}

h3.mtl { color:#fff; border-top:#e3e3e3 1px solid; border-bottom:#ddd 1px solid; line-height:40px; height:40px; font-size:18px; padding:0 10px;
    background:#efefef;
    /*background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);  Firefox */
    /* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #eeeeee)); Saf4+, Chrome */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType='0'); IE*/
}


h3.mtl a { display:inline-block; font-size:16px; color:#555; line-height:38px; padding:0 10px; border-bottom:#ff9900 2px solid; }


.gamelist dl {padding:10px; display:block; clear:both; background:#f9f9f9; border-bottom:#eee 1px solid; border-top:#fff 1px solid; overflow:hidden;}
.gamelist dl:first-child { margin-top:10px !important;  border-top:0; }
.gamelist dl:last-child { border-bottom:none; }
.gamelist section { height: auto; }
.gamelist dt { width:60px; height:60px; float:left; margin-right:10px; overflow:hidden;}
.gamelist dt img { width:60px; height:60px; }

.gamelist dd { position:relative; overflow:hidden; display:block; }
.gamelist h5 { font-size:15px; }
.gamelist dd p { margin:6px 0 0 0; padding:0; color:#999999; display:block; overflow:hidden; white-space:nowrap; }
.gamelist dd i { display:inline-block; padding:0 5px;  font-style:normal; border-radius:6px; font-size:13px; }
.gamelist dd i.c1 {background:#7bd2ff;  color:#fff;}
.gamelist dd i.c2 {background:#90df65;  color:#fff;}
.gamelist dd i.c3 {background:#ffb2a0;  color:#fff;}
.gamelist dd i.c4 {background:#fcc457;  color:#fff;}

.gamelist a.btn_adr {display:inline-block; line-height:26px; width:42px; height:42px; overflow:hidden;  color:#fff; border-radius:10px;   background:#83d143 url(../images/ico_down.png) no-repeat center center; position:absolute; top:5px; right:5px; z-index:1; text-indent:-999px;
    background-size:32px auto;
}
.gamelist a.btn_ios { background:#3baaf8 url(../images/ico_ios.png) no-repeat;  }
.gamelist em {  }

.gamelist dd:after { content:""; display:block; height:0; visibility:hidden; clear:both; zoom:1; }
.gamelist dd article { height:6px; overflow:hidden; font-size:15px; color:#777; line-height:24px; margin-top:0;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;


    opacity:0;
    -moz-opacity:0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0);


}
.gamelist dl:hover dd article { height:100px;margin-top:5px;

    opacity:1;
    -moz-opacity:1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
}





.newlist { position:relative;}
.newlist ul { background:#fff; padding:10px 0; }
.newlist li { position:relative; line-height:36px; overflow:hidden; white-space:nowrap; padding-right:38px; padding:0 10px; font-size:12px; color:#ccc; border-bottom:#eee 1px dotted;}
.newlist li a { white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden; font-size:15px; }
.newlist li a:before { content:"•"; color:#ddd; margin-right:5px; font-size:12px; }
a.more { position:absolute; right:10px; top:9px; color:#555; background:#f9f9f9; border-radius:3px; display:inline-block; padding:0 2px; font-size:13px; line-height:24px; box-shadow:1px 2px 3px rgba(0,0,0,0.1)   }


/*public scroll*/
.scroll{margin:0 auto;max-width:720px; position:relative;}
.scroll_box{overflow:hidden;visibility:hidden;position:relative;}
.scroll_wrap{overflow:hidden; position:relative;}
.scroll_wrap li{position:relative;display:block;width:100%;float:left;}
.scroll_wrap li a{display:block;margin:0 auto;position:relative;}
.scroll_position{position:absolute;left:45%;z-index:400px;bottom:14px;}
.scroll_position li{display:inline-block;width:10px;height:10px;border-radius:5px;background:#fff;}
.scroll_position li a{font-size:0;}
.scroll_position li.on{background-color:#ffd800;}
.scroll_position_bg{background:#000;position:absolute;bottom:12px;left:42%;padding:0 15px;z-index:380px;height:26px;border-radius:26px;}


.mtl2 { background:#646675; padding:15px 10px 0 10px; box-sizing:border-box; position:relative; width:100%;
    display:table;
    /*display:-moz-box;
    display:-webkit-box;
    display:box;*/
}
.mtl2 a {  border:#545663 1px solid; border-left:none; font-size:15px; padding:5px 0; font-weight:normal;  text-align:center; display:block; overflow:hidden; white-space:nowrap; background:#757683; color:#fff;box-sizing:border-box;
    display:table-cell;
    /*-moz-box-flex:1;
    -webkit-box-flex:1;
    box-flex:1;*/

}
.mtl2 a.on { color:#FF6666;   border-bottom:#f9f9f9 1px solid; background:#f9f9f9;}
.mtl2 a.bor { border-right:#ddd 1px solid !important; }
.mtl2 a:first-child{ border-left:#545663 1px solid;}
.mtl2 span { display:block; color:#fff; padding-bottom:15px; text-align:center; width:100%; }
.mtl2 i { line-height:16px !important; display:block; text-align:left; padding:5px 0 0 5px; font-style: normal;}

.newlist2 { }
.newlist2 ul { clear:both; padding:15px 0;background:#f9f9f9; }
.newlist2 ul li { padding:10px 0; border-bottom:#eee 1px solid; border-top:#fff 1px solid;  font-size:12px; color:#ddd; }
.newlist2 ul li:first-child { border-top:none; }
.newlist2 ul li a { display:block; line-height:22px; padding: 0 10px;  color:#999;font-size:14px;}
.newlist2 ul li a b:before { content:"•"; color:#ddd; margin-right:5px; font-size:12px; }
.newlist2 ul li a b { display:block; white-space:nowrap; overflow:hidden; font-size:15px; color:#333;text-overflow: ellipsis; font-weight:normal;}

.pmore { line-height:26px; text-align:center; font-size:14px; margin:15px; border:#ddd 1px solid; border-radius:15px; height:26px; background:#fff;  }

.newview {  }
.mtl3 { line-height:40px; border-bottom:#ddd 1px solid; padding:0 10px 0 30px; font-size:16px; background:url(../images/ico_back.png) no-repeat 10px 13px; background-size:8px auto; }
.mtl4 { line-height:1.2;padding:15px;  font-size:16px; color:#000; }
.post {  color:#999; font-size:14px; border-bottom:#eee 1px dotted; padding:0 15px;   }
.newview article { background:#fff; height:100%; }
.newview article blockquote { padding:15px; color:#333; }

.gameclass { position:absolute; top:5px; right:10px;  z-index:999;}
.gameclass em{ display:inline-block; height:30px; line-height:30px;  vertical-align:top; }
.gameclass section { height:30px; line-height:30px; display:inline-block; overflow:hidden;  vertical-align:top; border:#ddd 1px solid; text-align:center;}
.gameclass section a { display:block; padding:0 10px; background:#fff; border-bottom:#eee 1px solid; }
.gameclass section a:last-child { border-bottom:none; }
.gameclass section:hover { height:auto;
    box-shadow: 0px 0px 6px 0px #ddd;
    -moz-box-shadow: 0px 0px 6px 0px #ddd;
    -webkit-box-shadow: 0px 0px 6px 0px #ddd;
}


.reg {  }
.reg section { margin-top:10px; }
.reg section input[type="text"],.reg section input[type="password"] {font-size:16px; border:#999 1px solid; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; height:36px; padding:0 10px;
    /* width:calc(100% - 20px);*/
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.reg label { display:block; border-bottom:#eee 1px solid; padding: 5px 15px 10px 15px; }
.reg label:last-child { border-bottom:none; }
.reg h6 { line-height:32px; font-size:16px; font-weight:normal; padding:0 15px;  }
.reg h6:first-child { border-top:none; }
.btn1 { line-height:40px; height:40px; font-size:22px; background:#ff9900; border:none;color:#fff; width:100%; border-radius:3px;}
.btn2 { line-height:40px; height:40px; font-size:22px; background:#ff9f37; border:none;color:#fff; width:100%; border-radius:3px;}
.reg i { display:block;  color:#FF6666; font-style:normal; font-size:14px;  padding:0 15px; line-height:30px; margin:0;   }

.reg select  {width:100%; }


.gift {}
.gift li { padding:10px 80px 10px 15px; position:relative; background:#fff; margin:10px; box-shadow:0 0 5px rgba(0,0,0,0.1); borde-radius:2px; box-sizing:border-box; min-height:60px; }
.gift li:first-child { border-top:none; }
.gift li a { display:inline-block; position:absolute; top:10px; right:10px; background:#ff9900; color:#fff; line-height:40px; width:60px; text-align:center; border-radius:3px;  }
.gift li a.off { background:#ccc; }
.gift li b { font-size:15px; }
.gift li p { color:#999; font-size:14px; word-wrap: break-word;  }



.mygift em { display:inline-block; position:absolute; top:10px; right:0px; color:#999; font-size:12px; background:#fff; padding:0 5px;}
.mygift li { padding:10px 80px 10px 15px; position:relative; background:#fff; margin:10px; box-shadow:0 0 5px rgba(0,0,0,0.1); borde-radius:2px; }
.mygift li:first-child { border-top:none; }
.mygift li b { font-size:15px; }
.mygift li p { color:#999; font-size:14px; word-wrap: break-word;  }

.myrec {}
.myrec li { padding:10px; position:relative; border-bottom:#eee 1px solid; border-top:#fff 1px solid; }
.myrec li:first-child { border-top:none; }
.myrec li p { color:#999; font-size:15px; word-wrap: break-word;  }
.myrec li b { font-weight:normal; font-size:16px; color:#333;  }
.myrec em { display:inline-block; position:absolute; top:10px; right:10px; color:#999; font-size:12px; background:#f6f6f6;}
.myrec i { font-style:normal; color:#FF6666;}
.myrec span { margin-right:10px; color:#777;}
.myrec a { font-style:normal; }
.myrec cite { font-size:14px; color:#777; font-style:normal; }

.mem a{ }

.myid { color:#FF6666; }




/* Demo Syles */

.device {position: relative;overflow: hidden;}
.swiper-container {overflow: hidden;position: relative;height:190px;}
.swiper-slide{ float:left;width:100%;position: relative;}
.swiper-slide a{display:block;}
.swiper-slide a img{position: relative;width: 100%;}

.pagination {position: absolute;left: 0;text-align: center;bottom:5px;width: 100%;z-index:200;}
.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #999;
    box-shadow: 0px 1px 2px #555 inset;
    margin: 0 3px;
    cursor: pointer;
}
.swiper-active-switch {background: #fff;}

.download {background:#272a33; overflow:hidden; height:45px;  padding:15px 0;
    display:table;width:100%;

    /*display:-moz-box;
    display:-webkit-box;
    display:box;*/
}
.download:after { content:""; display:block; height:0; visibility:hidden; clear:both;}
.download a{ font-size:14px; padding:5px 5px 0 40px; display:block; line-height:18px; height:45px;box-sizing:border-box; color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.5); border-top:rgba(255,255,255,.3) 1px solid; border-bottom:#191b20 1px solid;

    display:table-cell;
    /*
    -moz-box-flex:1;
    -webkit-box-flex:1;
    box-flex:1;
    */
}


.download .dl_app { background:#6666CC url(../images/ico_apple.png) no-repeat 5px 5px; background-size:30px auto;   }
.download .dl_app:hover { background-color:#5454b9;}
.download .dl_gp { background:#3399FF url(../images/ico_gp.png) no-repeat 5px 7px; background-size:30px auto; }
.download .dl_gp:hover { background-color:#2687e8;}
.download .dl_apk { background:#66CC66 url(../images/ico_apk.png) no-repeat 5px 7px; background-size:30px auto;   }
.download .dl_apk:hover { background-color:#54ba54;}
.download a.off { background-color:#9c9c9c !important; }





.reg section h6:first-child { border-top:none; }
.myfaq{}
.faq {}
.faq i { font-style:normal; }
.myfaq{ background:#f9f9f9; margin-top:0; }
.myfaq section { margin:0; padding:20px 0; }
.myfaq h6 { border-top:0; }
.myfaq i { padding-left:0; }
select {font-size:16px; border:#ccc 1px solid; border-right:#eee 1px solid; border-bottom:#eee 1px solid; background:#fff;  -webkit-appearance: none; height:36px; background:#fff url(../images/selcet.png) no-repeat right top;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    padding-left:10px;
}
textarea {font-size:16px; border:#ccc 1px solid; border-right:#eee 1px solid; border-bottom:#eee 1px solid; box-sizing:border-box; width:100%; height:100px; padding:5px;}

.myfaqlist { margin-top:20px; }
.myfaqlist dl { padding:10px; border-bottom:#eee 1px solid;  }
.myfaqlist dl dt {}
.myfaqlist dl dd { border-radius:6px; background:#fff; padding:15px; margin:10px 0; position:relative; color:#000; border:#eee 1px solid;}
.myfaqlist dl dd em { position:absolute; top:-10px; left:20px; width:19px; height:10px; display:block; background:url(../images/ico_arrup.png) no-repeat;}




.cusonline { padding:20px;}
.cusonline p { margin:10px 0; padding:0 5px; background:#fff; border:#eee 1px solid; border-radius:4px; overflow:hidden; }
.ico_line { display:inline-block; background:#f9f9f9 url(../images/ico_line.png) no-repeat  3px 5px; width:32px; height:32px; background-size:32px auto; vertical-align:middle; margin-right:5px;padding:5px; border-right:#eee 1px solid;}
.ico_time { display:inline-block; background:#f9f9f9 url(../images/ico_time.png) no-repeat  3px 5px; width:32px; height:32px; background-size:32px auto; vertical-align:middle; margin-right:5px;padding:5px; border-right:#eee 1px solid;}
.ico_email { display:inline-block; background:#f9f9f9 url(../images/ico_email.png) no-repeat 3px 5px; width:32px; height:32px; background-size:32px auto; vertical-align:middle; margin-right:5px; padding:5px;border-right:#eee 1px solid; }
.bod { }


.member_c {}
.member_c section { padding:10px 0; position:relative; font-size:14px;}
.member_c section p:first-child { }
.member_c section p span { display:inline-block; width:70px; }
.member_c section p b { font-weight:normal;}
.chong {position:absolute; top:20px; right:15px;  background:#ff9900; padding:5px 15px 5px 15px; color:#fff; border-radius:3px; text-align:center;}
.chong:hover { background:#72a92b; }
.btn_chong { display:inline-block; width:20px; height:20px; background: url(../images/ico_member.png) no-repeat left -192px; vertical-align:middle; margin-right:5px; display:none;}
.member_c section p{ padding:5px 10px;}
.member_c ul{ border-top:#ddd 1px solid;}
.member_c ul li { padding:5px 10px; border-top:#fff 1px solid; border-bottom:#ddd 1px solid;}
.member_c ul li:hover { background:#efefef; }
.member_c ul li a { display:block; }
.member_c *[class^=ico_] { display:inline-block; width:32px; height:32px;  margin-right:10px; background-size:32px aotu; vertical-align:middle;}
.ico_text { background:url(../images/ico_member.png) no-repeat; }
.ico_gift {background:url(../images/ico_member.png) no-repeat left -32px;}
.ico_rec { background:url(../images/ico_member.png) no-repeat left -64px;}
.ico_safe {background:url(../images/ico_member.png) no-repeat left -96px;}
.ico_psw {background:url(../images/ico_member.png) no-repeat left -128px;}
.ico_lgout {background:url(../images/ico_member.png) no-repeat left -160px;}


.gameinfo { padding:15px 0 0 0; background:#272a33;  border-top:#3e424e 1px solid;}
.gameinfo h5 { font-size:16px;  padding:0; margin:0; color:#ff9900;}

.gameinfo article { background:#2e323d; padding:10px; font-size:14px; color:#eee; box-shadow:3px 3px 3px #eee;   }

.gameinfo dl { padding:0 10px 15px 10px;  border-bottom:#181a1f 1px solid; }
.gameinfo dl:after { content:""; display:block; height:0; visibility:hidden; clear:both; }
.gameinfo dt { float:left; width:80px; height:80px; }
.gameinfo dd { float:left; margin-left:15px; }
.gameinfo dd div { margin-top:2px;  font-size:14px; margin-top:5px; color:#eee; }
.gameinfo dd div i { font-style:normal; }

.btn_fb { color:#3a5898; border:#ddd 1px solid; border-radius:3px; padding:0 10px; background:#f9f9f9 url(../images/ico_fb.png) no-repeat 4px 4px; background-size:16px auto; display:inline-block; overflow:hidden; vertical-align:middle;}
.btn_fb b { border-top:#fff 1px solid; display:block; padding-left:15px; }

.language { padding:20px 0; text-align:center;  border-top:#ddd 1px solid;}
.language a { line-height:32px; display:inline-block; font-size:14px !important; width:25%; border-radius:16px; margin:0 5px; margin-bottom: 1%;}
.language a.on { background:#eee; border:#ddd 1px solid;  }
.language a.off { background:#fff; border:#ddd 1px solid;  }

#verify-code {width:160px; vertical-align:middle; }
#verify-code-image { vertical-align:middle; display:inline-block !important;}

.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; }


.hz{text-align: center;    font-size: 14px;}
.forget-password{float: right; color: #999;font-size: 14px;}
.login_fb{position: relative;}
.login_third a{position: relative;display: block;background: #1278f4;border-radius: 3px;line-height: 40px;text-align: center;color: #fff;    font-size: 18px;font-weight: bold;}
.login_third a:after{position: absolute;content: "";width: 30px;height: 30px;top: 12%;left: 2%;background: url(../images/fb.png)no-repeat center center;background-size: contain;}
.login_box{display: none;position: absolute;width:100%;left: 0;top: 100%;    padding-top: 8px;}
.login_box:after{position: absolute;content: "";top: -8px;left: 48%; width: 0;height: 0;border-top: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #eee;border-left: 8px solid transparent;}
.login_box .inner{background: #eeeeee;border-radius: 5px;padding: 3%;display: block;}
.regist{text-align: center;margin-top: 15px;}
#game_sure{background: #ff6633;color: #fff;font-size: 16px;    line-height: 40px;text-align: center;float: left;width: 30%;}
.game_choose .game_choose_on{display:block;color: #222;   background: url(../images/tb.png) 97% 15px no-repeat #fff;line-height: 40px;margin: 0; padding-left:5%;    padding-right: 16px;}
.game_choose .game_name{ border: 1px #fff solid;box-shadow: 0 2px 2px rgba(0,0,0,0.2);max-height: 167px;overflow: auto;}
.game_name a{ display: block;line-height: 32px;font-size: 14px;background: #fff;border-bottom: 1px #f7f7f7 solid;color: #222;  font-weight: normal;}
.game_name a:after{display: none;}
.game_name a:hover{color: #ff6633;}

.login_password{padding: 2% 15px;}
@media screen and ( min-width: 420px ){
    .reg section{padding: 0 15%;}
}