@charset "utf-8";/*reset.css*/
body,h1,h2 {margin:0; padding: 0; color: #484848; font: 12px/1 "Microsoft Yahei",SimSun,Arial,"\5b8b\4f53",sans-serif; line-height: 1;}
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, img, a, dl, dt, dd, ul, ol, li, pre, em, strong, b, i, fieldset, form, label, legend, button, input, textarea, table, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0; border: 0; outline: 0;}
a {text-decoration:none;color: #3c3c3c;}
ul, ol { list-style: none;}
.w1240{ width: 1200px; margin: 0 auto; position: relative;}
.w1006{width: 1006px; margin: 0 auto; position: relative;}
.fl{ float: left;}
.rt{float: right;}
.header{ position: relative;    z-index: 21;}
.clear { clear: both;}
.t50 { padding-top: 50px;}
.bac { background: #f5f5f5;}
/***top**/
.hd-top { height: 30px; line-height: 30px; border-bottom: 1px solid #ececec; box-shadow: 0 1px 2px rgba(0,0,0,.05); position: relative; z-index: 22;}
.top-menu-fl {height: 30px;position: absolute;}
.top-menu-fl .home-page {background-position: -1px 6px;}
.top-menu-fl .to-box {background-position: -1px -18px;}
.top-menu-fl .home-page:hover {background-position: -104px 6px;}
.top-menu-fl .to-box:hover {background-position: -104px -18px;}
.top-menu-fl a, .top-menu-fl a:visited,.top-user a { float: left; height: 30px; display: inline; padding-left: 20px; margin-left: 15px; background:url(../images/icon.png) no-repeat; background-position-x: 0%; background-position-y: 0%;overflow: hidden;  _line-height: 34px;}
.top-user {height: 30px;position: absolute;right: 0px;}
.top-user .to-dl {background-position: -1px -48px;}
.top-user .to-zc {background-position: -1px -75px;}
.hd-nav {height: 85px; box-shadow: 0 4px 4px rgba(0,0,0,.2); position: relative;}
.hd-nav .logo175 {width: 150px; height: 64px; position: absolute; left: 0; top: 12px; background: url(../images/logo.png) no-repeat;}
.hd-nav .logo175 a { height: 100%; display: block;}

.nav-list { width: 680px; height:85px; position: absolute; left: 340px;}
.nav-list li { float: left;  font: 16px/30px 'Microsoft Yahei','\5b8b\4f53'; margin-right: 45px; line-height: 85px; }
.nav-list li span:hover { color: #4338f1;}
.nav-list li i { width: 100%; height: 3px; bottom: 3px; display: none; background: #4338f1; position: relative;}
.nav-list .active span { color: #4338f1;}
.nav-list .active i { width: 100%; height: 3px; bottom: 3px; display: block; background: #4338f1; position: relative; border-radius: 15px;}

.hd-search { width: 270px; height: 30px;position: absolute; right: 108px; top: 28px;color: #6c6c6c;background: no-repeat; background-position-x: 0%; background-position-y: 0%; background-image: none; background-position: -233px -90px; display: none;}
.hd-search ,.user-box, .log-form,.autolog-box label,.tolog-btn, .tolog-btn:visited,.logbox-text,.ios,.Facebook,.Google,.ios:hover,.Facebook:hover,.Google:hover {background-repeat:no-repeat; display: block; background-image: url(../images/common.png);}
.search-sel { width: 65px; float: left; margin-right: 10px; position: relative; z-index: 2;}
.search-key { width: 120px; height: 30px; color: #9c9c9c; float: left; background: 0 0; line-height: 30px;}
.search-sub{ background-image: url(../images/common.png);}
.search-sub { width: 18px; height: 16px; position: absolute; background: no-repeat; background-position-x: 0%;background-position-y: 0%; background-image: none; background-position: -263px -26px; right: 8px; top: 7px; cursor: pointer;}
.search-sel dt,#myscroll .title-gw { height: 30px;text-align: center; line-height: 30px; cursor: pointer; background: url(../images/icon.png) 50px -100px no-repeat; overflow: hidden; _line-height: 34px;}
.login-tab{width: 270px;height: 30px;position: absolute;right: -96px;top: 28px;color: #6c6c6c;font: 16px/30px 'Microsoft Yahei','\5b8b\4f53'; line-height: 29px;font-size: 13px;}

.container { position: relative; zoom: 1; overflow: hidden;}
.indexkv { width: 100%; height: 500px; position: absolute; left: 0; z-index: 2;}
.index-main {position: relative;z-index: 3;margin-top: 558px !important;*top: 558px;*margin-bottom: 355px;*margin-top: 0 !important;}
.user-box { width: 245px; padding:5px 20px; height:354px;  background-position: 0px -142px; position: absolute; left: 0px; z-index: 2; top: -476px;}
.boxUnlog .log-cutover { border-bottom: 1px solid #e6e6e7; font-size: 18px;color: #e97129; padding: 15px 0; }
.boxUnlog .log-cutover i { border-bottom: 1px solid #e97129; padding: 12px 0; font-style:normal}
.boxUnlog .log-cutover-box { border-bottom: 1px solid #e6e6e7; font-size: 18px;color: #2964e9; padding: 15px 0; text-align: left}
.boxUnlog .log-cutover-box i { border-bottom: 1px solid #3c54cb; padding: 12px 0; font-style:normal}
.app-item li{ width: 364px; height: 180px; background: #fff; float: left; margin-right: 54px;border-radius: 6px;}
.app-item li:nth-child(1){float: right; margin-right: 0;}

.bottom { height: 120px; background: #252525; margin-top: 100px;}
.bottom .bot-dh{text-align: center; line-height: 20px; color: #797878; padding-top: 30px; font-size: 13px;}
.bottom .bot-dh a{ margin: 0 8px; color: #fff;}

.log-tips {height: 25px;line-height: 25px; color: #f25277; text-align: center;}
.log-form { width: 250; height: 82px;background-position: 0 -521px;}
/*.log-form input { height: 38px; line-height: 38px; font-size: 14px; width: 190px; background: 0 0; color: #9e9e9e; float: left; padding-left: 5px; margin: 2px 0 0 34px; display: inline;}*/
.log-form input { height: 38px; line-height: 38px; font-size: 14px; width: 190px; background: 0 0;  float: left; padding-left: 5px; margin: 2px 0 0 35px; display: inline; -webkit-box-shadow: 0 0 0 1000px white inset;background: none;}
.autolog-box{ height: 32px; line-height: 32px;}
.autolog-box label { padding-left: 15px; background-position: -0px -605px; cursor: pointer;}
.autolog-box label.sel {background-position: -248px -512px;;}
.autolog-box .forget-password {float: right;text-decoration: underline}
.tolog-btn, .tolog-btn:visited { margin-top: 10px; display: block; width:100%; height: 42px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; background-position:-213px -654px;}
.tolog-btn:hover{background-position:-213px -606px;cursor: pointer;}
.logbox-text { margin: 15px 0 5px 0; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #808080;background-position:-213px -708px;cursor: pointer;}
.sq-third-link a { padding-top: 40px; display: block;width: 60px; float: left; text-align: center;}
.sq-third-link .ios {background-position:15px -644px;cursor: pointer; background-image: no-repeat; }
.sq-third-link .Facebook {background-position:-60px -644px;cursor: pointer; background-image: no-repeat; }
.sq-third-link .Google {background-position:-134px -644px;cursor: pointer; background-image: no-repeat; }
.sq-third-link .ios:hover {background-position:15px -702px;cursor: pointer; background-image: no-repeat; }
.sq-third-link .Facebook:hover {background-position:-60px -702px;cursor: pointer; background-image: no-repeat; }
.sq-third-link .Google:hover {background-position:-134px -702px;cursor: pointer; background-image: no-repeat; }

.loginform1 .log-cutover { border-bottom: 1px solid #e6e6e7; font-size: 18px;color: #e97129; padding: 15px 0; }
.loginform1 .log-cutover i { border-bottom: 1px solid #e97129; padding: 12px 0; font-style:normal}

.user-face-box {width: 100%; height: 60px; margin-top: 18px;}
.user-face-hp { height: 60px; width: 60px;}
.user-face-c {margin: 0px 8px; height: 60px; width: 168px;}
.user-face-c p {width: 100%; overflow: hidden; font-size: 12px; height: 30px; line-height: 30px;}
.user-face-c i { font-style: normal;}
.user-face-c .user-face-btn { width: 100%; font-size: 10px; color: #868686;}
.user-face-zx {width: 100%; margin: 17px 0px 5px 0px;}
.user-face-zx a {margin:0 8px 8px 0; height: 30px; width: 118px; text-align: center; line-height: 30px; color: #2e2e2e; font-size: 12px; background: #e4e4e4; float: left; border-radius: 3px;}
.user-face-zx a:nth-child(even){margin-right: 0px;}
.user-face-p { border-bottom: 1px solid #EEEEEE; width: 100%; font-size: 14px; color: #333; height: 35px; line-height: 36px;}
.user-face-ul li { width: 100%; float: left; height: 20px; line-height: 20px; margin-top: 16px;}
.user-face-ul li a { float: left; color: #888;}
.user-face-ul li a img { margin-right: 6px; width: 20px; height: 20px;}
.user-face-ul li i {float: left; margin-right: 4px;font-style: normal;}
.user-face-ul li a { float: left; color: #888;}
.user-face-ul li a.user-face-ljjr { float: right; width: 60px; height: 20px; background: #FDE701; text-align: center; font-size: 12px; line-height: 20px; color: #333; border-radius: 3px;}
.regLogTab1{height: 30px;position: absolute;right: 0px;}
.regLogTab1 a { color: #a7a7a7;}
.hd-nav .pay_bt{  width: 288px; height:45px; margin: 24px 0 10px 0;color: #757575; position: absolute; left: 170px; line-height:40px; font-size: 26px;border-left: 1px solid #e2e2e2; padding-left: 20px;}
.hd-nav .pay_bon { float: right; line-height: 85px; color: #6b6b6b;}
.hd-nav .pay_bon a{ padding: 0 6px;color: #6b6b6b;}



/*************/
.box{ float:left; position:relative; padding:1px; top:10%;  opacity:0.5;z-index:99;  opacity:1; }
.box_bg{}
.box2{ width:100%; height:100%; margin:0 auto; display: block; z-index:5; position:fixed; background:rgba(0, 0, 0, 0.52) none repeat scroll 0% 0%; opacity:1;}
.login5{ width:680px; background:#fff; text-align:center; position:relative; margin:14% auto 0px auto; z-index: 9;}
.login5 h2{ color:#ffffff;}
.login5 a{ background:url(../images/login_reg.png) 0px 0px no-repeat; position:absolute; width:16px; height:16px; right:64px; top:10px;}
.login51{ width:277px; padding:40px 20px; margin:0 auto; background:#fff; height:300px; position: relative; border-radius: 6px; }
.login51 .user-box {top: 10px;left: 46px;}
.login5left{ float:left; width:246px; font-size:12px; position: relative; top: -14px;margin: 0 16px;}
.login5left .boxUnlog { }
.login5left span{ line-height:24px; color:#f00; margin-left:10px;}
.login5left1{ width:100%; margin-bottom:22px; float:left; position:relative; display:block;}
.login5left1 input{ text-indent:10px; width:296px; color:#999; font-size:13px; height:40px; line-height:40px; border:1px solid #999; border-radius:5px;}
.login5left2{ height:45px; line-height:45px; width:100%; margin-bottom:22px; float:left; position:relative; display:block;}
.login5left2 .dl{ float:left; width:97px; height:45px; line-height:45px; text-align:center; background:none repeat scroll 0% 0% #55ACEF; color:#fff; border-radius:5px; display:inline-block; font-size:14px; outline:medium none;}
.login5left2 .wjmm{ color:#55ACEF; margin-left:20px;}
.login5right{ float:left; margin-left:26px; width:180px; height:318px; border-left:1px solid #CBCBCB; padding-left:35px;}
.login5right span{ line-height:24px; color:#f00; margin-left:10px;}
.login5right1{ height:40px; line-height:40px; border-radius:5px; border:1px solid #55ACEF; width:100%; margin-bottom:22px; float:left; position:relative;}
.login5right1 .sjdl{ background:url(../images/smallico.png) no-repeat 30px -28px; height:22px; line-height:20px; padding-left:60px; display:inline-block; color:#55ACEF; position:relative; margin-top:10px;}
.login5right2{ width:100%; float:left; margin-bottom:22px; position:relative; font-size:13px; text-align:center;}
.login5right2 .zcdl{ color:#55ACEF; font-size:14px;}
.login5right3{ text-align:center; height:40px; line-height:40px; width:100%; float:left; margin-bottom:22px; position:relative; display:inline-block; font-size:13px;}
.login5right3 b{ height:4px; border-top:1px solid rgb(203, 203, 203); display:inline-block; width:60px;}
.login5right3 .found{ margin-left:8px;}
.login5right3 .back{ margin-right:8px;}
.login5right4{ text-align:center; width:100%; float:left; margin-bottom:22px; position:relative; display:block;}
.login5right4 a{ background:url(../images/share.png) no-repeat; width:46px; height:46px; position:absolute;}
.login5right4 .wb{ background-position:0px -47px; margin-left:-60px }
.login5right4 .qq{ background-position:0px 0px;}

/**选择游戏**/
.choice .title {font-size: 18px;color: #e97129; font-style: normal;}
.choice .game{ padding-top: 10px;}
.choice .game dd { width: 62px; float: left; margin:0 23px 10px 0; background: url(../images/gameimg.png) top right no-repeat;padding: 2px; }
.choice .game dd:hover{background: url(../images/gameimg.png)top left no-repeat;}
.choice .game dd:nth-child(3n+0){margin-right: 0px; float: right;}
.choice .game dd h1 { text-align: center; font-size: 12px; line-height: 20px; padding-top: 2px;overflow:hidden; height: 20px;}
.choice .game .gameimg { width: 62px; height: 62px;border-radius: 50%; display: block;overflow:hidden;}
.choice .game .gameimg img{ width: 62px; height: 62px;overflow: hidden;}

/**支付结果*/
.main { background: #f9fafc; width: 1006px; margin: 0 auto; border: 1px solid #e2e7f1;}
.pay-yes { min-height: 300px; padding-top:200px; text-align: center;}
.pay-yes h1 { font-size: 28px; height: 52px; line-height: 52px; padding-bottom: 80px;}
.pay-yes h1 .yes { background: url(../images/yes.png) no-repeat; width: 52px; height: 52px; padding: 8px 26px; margin-right: 10px;}
.pay-yes h1 .no { background: url(../images/no.png) no-repeat; width: 52px; height: 52px; padding: 8px 26px; margin-right: 10px;}
.pay-yes h2 a { margin: 0 20px; padding: 8px 20px; border: 1px solid #e5e5e5; border-radius: 50px; color: #696969;}

.bg3 {background: url(../images/common-forget.png) no-repeat; height: 121px; position: relative;}
.bg3 input{width: 140px}
.forget_send {position: absolute;top: 8px;right: 4px; width: 60px; height: 24px; line-height: 24px; text-align: center; color: #fff;font-size: 14px}