@charset "utf-8";

html{height:100%}
body{height: 100%; position: relative; font-size:14px;}

.f-10 {font-size:10px;}
.f-11 {font-size:11px;}
.c-red,
.c-red a,
a.c-red {color: #e14747;}

.form-horizontal .form-value {margin-top: 3px; }

.loginWraper{height: 100%; }
.loginLogo {width: 390px; height: 402px; margin: 0 auto; position: relative; }
.loginLogo .logoImg img  {width: 100%;}
.logo-anima {display: block; position: absolute; left: 0; top: 0; filter:alpha(opacity=50);opacity:0.5;}
.loginBox{ width:300px; margin: 40px auto 0 auto; }
.loginBox label.error {top: 10px; right: 10px;}
.registerLogo {height: 35%; margin: 0 auto; text-align: center; }
.registerLogo img {height: 100%; width: auto; }
.registerBox {max-width: 500px; margin: 0 auto; padding: 10px; background-color: rgba(255, 255, 255, 0.6); border-radius: 8px;}
.registerBox label.error {top: 10px; right: 22px;}
.registerBox .form-horizontal .form-label {color: #333333;}
.registerBox .formControls a {color: #e14747;}
@media ( max-width : 767px) {
    .registerBox .form .row {margin-top: 0;}
}
@media ( max-width : 540px) {
    .registerBox {margin: 0 10px;}
}
.forgot-pwd {}
.forgotPwdBox {width: 350px; margin: 0 auto;}
.forgotPwdBox .title {color: #fee634; font-size: 16px;}
.forgotPwdBox input.input-text {border-color: #969696;}


.index-top {color: #ffffff; padding: 10px; line-height: 30px;}
.index-top .logo { }
.index-top .logo img { height: 40px; }
.index-top .login-btn { margin-top: 4px; }
/*.index-top li > a {display: inline-block; padding:0 5px; line-height: 22px; font-size: 14px; color: #ffffff;}*/
/*.index-top li > a.link-msg {position: relative;}*/
/*.index-top li > a.link-msg > span {position: absolute; right: -8px; top: -1px; display: inline-block; text-align: center; padding: 0 4px; line-height: 18px; background: #ff0000; color: #FFFFFF; border-radius: 8px;}*/

#lottery_lobby_link {position: relative; display: inline-block;}
#lottery_lobby {width: 670px; position: absolute; top:2px; right: -195px; padding:10px; border-radius: 3px; z-index: 9999;}
#lottery_lobby dl {margin-bottom: 10px;}
#lottery_lobby dl > dt {float: left; width: 100px; overflow: hidden; margin-top: 2px;}
#lottery_lobby dl > dt img {height: 80px; }
#lottery_lobby dl > dd {float: left; width: 570px;}
#lottery_lobby dl > dd > a {display: block; float: left; width: 125px; overflow: hidden; text-align: left; margin: 0 5px 5px 0; padding: 1px 0 1px 8px; font-size: 16px; }
#lottery_lobby dl > dd > a > img {height: 40px; margin-left: 5px; transition: All 200ms ease-in-out; -webkit-transition: All 200ms ease-in-out; -moz-transition: All 200ms ease-in-out; -o-transition: All 200ms ease-in-out; }
#lottery_lobby dl > dd > a:hover {text-decoration: none; }
#lottery_lobby dl > dd > a:hover > img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}

.homeSlideBox{ overflow:hidden; position:relative; z-index: 0;}
.homeSlideBox .bd{ position:relative; height:100%; }
.homeSlideBox .bd li{ zoom:1; vertical-align:middle; margin: 0 auto;}
.homeSlideBox .bd img{ display:block; margin: 0 auto;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.homeSlideBox .prev,
.homeSlideBox .next{ position:absolute; left:1%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=30);opacity:0.3;   }
.homeSlideBox .next{ left:auto; right:1%; background-position:8px 5px; }
.homeSlideBox .prev:hover,
.homeSlideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.homeSlideBox .prevStop{ display:none; }
.homeSlideBox .nextStop{ display:none; }

.index-body-account {font-size: 14px; padding-top: 10px;}
.index-body-account li {float: left; font-size: 16px;}
.index-body-account li.li-account {margin-right: 30px;}
.index-body-account .show_account { margin-top: 50px;}
.index-body-account .show_account i {font-size: 18px;}

/*.lottery-area {height: 266px; overflow-y: hidden; transition: height 500ms; -moz-transition: height 500ms; -webkit-transition: height 500ms; -o-transition: height 500ms;}*/
/*.lottery-area:hover {height: 390px; }*/
.area-label {height: 36px; line-height: 34px; font-size: 20px; padding-left: 10px; margin-top: 30px; margin-bottom: 10px;}

.game-big-icon {width: 205px; height: 205px; text-align: center; margin: 0 20px 10px 20px; position:relative; overflow:hidden; cursor: pointer;}
.game-big-icon .game-img { margin: 30px auto 0 auto; }
.game-big-icon .game-img img { width: 130px;  transition: All 200ms ease-in-out; -webkit-transition: All 200ms ease-in-out; -moz-transition: All 200ms ease-in-out; -o-transition: All 200ms ease-in-out;}
.game-big-icon .game-img-name{position:absolute;height:auto;left:0; bottom:-100%; right:0;padding:10px;background-color: rgba(0, 0, 0, 0.3);z-index:200; color:#fff!important}
.game-big-icon .game-hot {position: absolute; right: 0; top: 0; z-index:300;}
.game-big-icon:hover .game-img img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
.game-big-icon:hover .game-img-name{bottom:0; transition: bottom 200ms; -moz-transition: bottom 200ms; -webkit-transition: bottom 200ms; -o-transition: bottom 200ms;}
.game-small-icon {width: 205px; height: 100px; text-align: left; margin: 0 20px 10px 20px; position:relative; overflow:hidden; cursor: pointer;}
.game-small-icon .game-name { font-size: 18px; padding-top: 10px; padding-left: 8px;}
.game-small-icon .game-name img {height: 80px; transition: All 200ms ease-in-out; -webkit-transition: All 200ms ease-in-out; -moz-transition: All 200ms ease-in-out; -o-transition: All 200ms ease-in-out;}
.game-small-icon:hover .game-name img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}

.index-foot {margin-top: 0; }
.index-foot .foot-declare {text-align: center; padding: 10px; }
.foot-logo {text-align: center; padding-top: 10px;}
.foot-logo img {height: 50px;}

.pop-notices {height: 450px; width: 750px; overflow: hidden;}
.pop-notices .pop-notice-nav {float: left; width: 22%; height: 100%; }
.pop-notices .pop-notice-nav a {display: block; height: 35px; line-height: 35px; padding: 0 0 0 5px; overflow: hidden; }
.pop-notices .pop-notice-nav a:hover {text-decoration: none; }
.pop-notices .pop-notice-nav a span {float: left; width: 160px; overflow: hidden;}
.pop-notices .pop-notice-nav a i {float: right;}
.pop-notices .pop-notice-body {float: left; width: 75%; margin-left: 10px;}
.pop-notices .pop-notice-body .pop-notice-content {}
.pop-notices .pop-notice-body .pop-notice-content .content-title {text-align: center; font-size: 16px; padding: 5px 0;  }

/********** mobile **********************************************/
.container-mobile .home-mobile {min-height: 1276px; background: url("../img/app/bg_mobile.png") no-repeat; position: relative;}
.container-mobile .company_title {position: absolute; left: 60px; top: 22px; color: #f6f6f6; font-size: 26px; }
.container-mobile .qrcode_android {position: absolute; left: 60px; top: 140px; }
.container-mobile .qrcode_ios {position: absolute; right: 100px; top: 470px;}
.container-mobile .qrcode_android img,
.container-mobile .qrcode_ios img {width: 180px;}
.container-mobile .ios_tips {position: absolute; left: 570px; top: 660px;}
.container-mobile .ios_tips a {display: block; height: 33px; line-height: 32px; background: url("../img/app/tishi.png") no-repeat; padding-left: 35px; font-size: 16px;}

.container-mobile2 .home-mobile {min-height: 1080px; background: url("../img/app/bg_mobile3.png") no-repeat 0 15px; position: relative; background-size: 1200px;}
.container-mobile2 .company_title {position: absolute; left: 60px; top: 22px; font-size: 26px; color: #ffffff; }
.container-mobile2 .qrcode_wap {position: absolute; right: 100px; top: 120px;}
.container-mobile2 .qrcode_android {position: absolute; left: 60px; top: 480px; }
.container-mobile2 .qrcode_ios {position: absolute; right: 100px; top: 810px;}
.container-mobile2 .qrcode_wap img,
.container-mobile2 .qrcode_android img,
.container-mobile2 .qrcode_ios img {width: 180px;}
.container-mobile2 .wap_guide {position: absolute; left: 530px; top: 150px;text-shadow:1px 1px black;}
.container-mobile2 .android_guide {position: absolute; left: 280px; top: 490px;text-shadow:1px 1px black;}
.container-mobile2 .ios_guide {position: absolute; left: 530px; top: 800px;text-shadow:1px 1px black;}
.container-mobile2 .wap_guide ol,
.container-mobile2 .android_guide ol,
.container-mobile2 .ios_guide ol {color: #ffffff; font-size: 16px; margin-top: 10px;}
.container-mobile2 .guide_title {font-size: 24px; color: #f6ca7d;}
.container-mobile2 .ios_tips {color:#ffde00; margin-top: 20px; width: 340px; background: url("../img/app/gantan.png") no-repeat; padding-left: 25px;}


/********** 个人中心 ******************/
.profile-body {position: relative; padding: 0; min-width: 768px; }
.profile-body-logo {height:100px; padding:0 10px 0 30px; }
.profile-body-logo .logo_img img {height: 90px; margin-top: 5px;}
.profile-aside {width:200px; position: absolute; left: 0; top: 0; }
.profile-page-box { margin-left: 200px; padding:0;}
.profile-page-box .breadcrumb {padding-left: 10px; border-bottom: 0;}
.profile-content {padding: 10px; }
.profile-content .btn-default {color: #222222;}
.profile-content .btn-primary {color: #ffffff;}

.table th,
.table td {padding:6px 3px; font-size: 14px;}

.og-tab-bar {padding-left: 10px; position: relative;}
.og-tab-bar a {background: #555555; color: #ffffff; border: 1px solid #666666; border-radius: 5px 5px 0 0; position: relative; z-index: 999; display: inline-block; float: left; font-weight: bold; height: 30px; line-height: 30px; padding: 0 15px;}
.og-tab-bar a:hover {text-decoration: none; background: #666666;}
.og-tab-bar a:active {text-decoration: none; background: #444444;}
.og-tab-bar a.current {background: none; color: #333333; border-bottom-color: #f5f5f5;}
.og-tab-bar .tab_bottom_line {position: absolute; height: 1px; width: 100%; background: #666666; bottom:0; left: 0;}

.download-panel {position:absolute;display: none;width: 100%;height: 210px;background-color: #6e8298;}
#download-ga-ios > img ,#download-ga-android > img{margin:auto;border:5px solid white;}
/*左侧菜单*/
.profile-aside dl{ }
.profile-aside dl dt {display:block; line-height:30px; padding-left:20px; font-size: 16px; font-style: italic; font-weight: bold; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.profile-aside dl dt:first-child {border-top: 0; height: 38px; line-height: 38px;}
.profile-aside dl dt i {font-size: 18px; font-weight: normal;}
.profile-aside dl dd ul li a {display:flex; height: 30px; line-height:30px; text-align: right; padding-right: 10px;padding-left:30px;justify-content: space-between; }
.profile-aside dl dd ul li a:after {content: ' > '; }

table.table td.title {text-align: right;}

a.bet_content {display: block;}
div.bet_content,
a.bet_content {max-width: 200px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 0 auto;}
div.bet_wrap { max-width: 500px; max-height: 120px; overflow-y: auto; word-wrap: break-word; word-break: normal;}

.zh_detail_phase {max-height: 350px; overflow-x: hidden; overflow-y: auto;}
.zh_detail_title {margin-top: 5px; }

.table-msg tr.no-read td {font-weight: bold;}

/********** 彩票 ******************/
.lottery-body {position: relative; }
/***左侧菜单***/
.lottery-aside {width:206px; position: absolute; left: 15px; top: 0; bottom: 0; height: 100%; }
.lottery-aside .left-top {padding: 0; height: 138px; }
.lottery-aside .left-top .account { padding-top: 8px; margin-left: 20px; font-size: 14px; overflow: hidden; position: relative;}
.lottery-aside .left-top .account .refresh {position: absolute; bottom: 1px; right: 5px; }
.lottery-aside .left-top .account .refresh:hover {text-decoration: none;}
.lottery-aside .left-top .account .refresh.run { animation: refresh_run 1s linear 0s infinite; -moz-animation: refresh_run 1s linear 0s infinite; -webkit-animation:refresh_run 1s linear 0s infinite; -o-animation: refresh_run 1s linear 0s infinite;}
.lottery-aside .left-top .account .refresh.stop {-webkit-animation:none;}
.lottery-aside .left-top .recharge-drawcash { text-align: center; margin-top: 10px; }

@-webkit-keyframes refresh_run{
    from{ transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); }
    to{ transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
}

#lottery_group_aside .info {padding:0px;}
#lottery_group_aside .info li,#lottery_group_aside > li { border-top: 1px solid #d5d5d5;}
#lottery_group_aside .info ul li a {height:44px;line-height:44px;}

#lottery_group_aside > li > h4 {border-top:none;height:46px;line-height: 46px;font-size:17px;padding:0px 30px 0px 15px;}
#lottery_group_aside > li > h4:hover {background-position: 0 -46px;}
#lottery_group_aside > li > h4.selected {background-position:0 -92px;}
#lottery_group_aside > li > h4 > i {position:absolute;right:10px;}
#lottery_group_aside > li > h4.selected > i{transform: rotate(180deg)}

.lottery-aside .lottery_nav .info li a { display:block; height: 33px; overflow: hidden; line-height: 32px; padding-left: 40px; font-size: 17px; font-style: italic; }
.lottery-aside .lottery_nav .info li a:hover { background-position: 0 -33px; text-decoration: none;}
.lottery-aside .lottery_nav .info li a.current { background-position: 0 0;}
.lottery-aside .lottery_nav .info li.current a,
.lottery-aside .lottery_nav .info li.current a:hover{background-color:rgba(255,255,255,0.2)}
/*** 右侧 ***/
.lottery-page-box{height: 100%; margin-left: 206px; }

/*选项卡导航*/
#lotteryTabNav {}
.Hui-tabNav-wp{position:relative; height:28px; overflow:hidden;}
.Hui-tabNav {height:28px; overflow:hidden; position:relative; }
.Hui-tabNav .acrossTab{ position:absolute; height: 24px; background:none; top:4px; left:0; padding-top:0}
.Hui-tabNav .acrossTab li{height:24px;line-height:22px;padding: 0 20px 0 10px; font-size: 14px; border-top: 1px solid rgba(255, 255, 255, 0); border-right: 1px solid rgba(255, 255, 255, 0);}
.Hui-tabNav .acrossTab li i {right: 3px; top: 11px;}
.Hui-tabNav .acrossTab li em{ width: 0;}

.loading {background:url(../img/loading_32.gif) no-repeat center; height:500px;}
.show_iframe{ }
.show_iframe iframe {height: 100%; width: 100%; overflow: hidden;}

.col-green {color: #03b718; }
.col-violet {color: #0000c8; }
.col-brown {color: #860404; }
.col-red {color: #c72707; }
.col-yellow {color: #ffff00; }
.col-gold {color: #ffee89; }
.col-orange {color: #f37b1d;}
.col-money {color: #ffcb01;}
.col-egg {color: #faf078;}
.col-alert {color: #f65d3e;}

tr.del-line td { text-decoration:line-through; }

.data-status {display: inline-block; padding-left: 15px;}
.data-status--1 { background: url("../img/status/4.png") no-repeat 0 4px;}
.data-status-0 { background: url("../img/status/9.png") no-repeat 0 4px;}
.data-status-1 { background: url("../img/status/10.png") no-repeat 0 4px;}

.recharge-status--1 { background: url("../img/status/4.png") no-repeat 0 4px;}
.recharge-status--2 { background: url("../img/status/4.png") no-repeat 0 4px;}
.recharge-status--3 { background: url("../img/status/4.png") no-repeat 0 4px;}
.recharge-status-0 { background: url("../img/status/6.png") no-repeat 0 4px;}
.recharge-status-1 { background: url("../img/status/6.png") no-repeat 0 4px;}
.recharge-status-2 { background: url("../img/status/7.png") no-repeat 0 4px;}
.recharge-status-4 { background: url("../img/status/5.png") no-repeat 0 4px;}
.recharge-status-5 { background: url("../img/status/10.png") no-repeat 0 4px;}

.drawcash-status--1 { background: url("../img/status/4.png") no-repeat 0 4px;}
.drawcash-status-0 { background: url("../img/status/6.png") no-repeat 0 4px;}
.drawcash-status-5 { background: url("../img/status/5.png") no-repeat 0 4px;}
.drawcash-status-9 { background: url("../img/status/4.png") no-repeat 0 4px;}
.drawcash-status-10 {background: url("../img/status/10.png") no-repeat 0 4px;}
.drawcash-status-11 { background: url("../img/status/6.png") no-repeat 0 4px;}
.drawcash-status-13 { background: url("../img/status/9.png") no-repeat 0 4px;}
.drawcash-status-15 { background: url("../img/status/5.png") no-repeat 0 4px;}
.drawcash-status-19 { background: url("../img/status/4.png") no-repeat 0 4px;}
.drawcash-status-20 {background: url("../img/status/10.png") no-repeat 0 4px;}

.order-status--2 { background: url("../img/status/6.png") no-repeat 0 4px;}
.order-status--1 { background: url("../img/status/6.png") no-repeat 0 4px;}
.order-status-0 { background: url("../img/status/6.png") no-repeat 0 4px;}
.order-status-1 { background: url("../img/status/6.png") no-repeat 0 4px;}
.order-status-2 { background: url("../img/status/6.png") no-repeat 0 4px;}
.order-status-3 { background: url("../img/status/10.png") no-repeat 0 4px;}
.order-status-4 { background: url("../img/status/10.png") no-repeat 0 4px;}
.order-status-5 {background: url("../img/status/4.png") no-repeat 0 4px; color: #ef3c68;}

.act-status--1 { background: url("../img/status/4.png") no-repeat 0 4px;}
.act-status-1 { background: url("../img/status/6.png") no-repeat 0 4px;}
.act-status-2 { background: url("../img/status/10.png") no-repeat 0 4px;}
.act-status-3 { background: url("../img/status/7.png") no-repeat 0 4px;}

.pwd-level-1 {color: #f65d3e; font-weight: bold; }
.pwd-level-2 {color: #d1d100; font-weight: bold; }
.pwd-level-3 {color: #03b718; font-weight: bold; }
.pwd-level-4 {color: #03b718; font-weight: bold; }

.wage-status-0 { background: url("../img/status/6.png") no-repeat 0 4px;}
.wage-status-1 { background: url("../img/status/4.png") no-repeat 0 4px;}
.wage-status-2 { background: url("../img/status/7.png") no-repeat 0 4px;}
.wage-status-3 { background: url("../img/status/10.png") no-repeat 0 4px;}

.game_result .result_ball {width: 26px; height: 26px; margin: 0 auto; line-height: 25px; text-align: center; font-size: 18px; font-weight: bold;  }

.game_result .result_ball.saiche {width: 30px; height: 28px; margin: 0 auto; text-align: center; color: #ffffff; font-size: 20px; font-weight: bold; line-height: 28px; background: #0354ca; border-radius: 3px; border: 1px solid #035cf3;}
.game_result .result_ball.saiche_01 {background: #fff600; border: 1px solid #ffcc74; color: #555555;}
.game_result .result_ball.saiche_02 {background: #008fff; border: 1px solid #0074ba;}
.game_result .result_ball.saiche_03 {background: #4b4b4b; border: 1px solid #737373;}
.game_result .result_ball.saiche_04 {background: #ff7600; border: 1px solid #ff9b00;}
.game_result .result_ball.saiche_05 {background: #7cfdff; border: 1px solid #1fd1ff; color: #555555;}
.game_result .result_ball.saiche_06 {background: #5234ff; border: 1px solid #765dff;}
.game_result .result_ball.saiche_07 {background: #e4e4e4; border: 1px solid #c2c2c2; color: #555555;}
.game_result .result_ball.saiche_08 {background: #ff2600; border: 1px solid #ff563a;}
.game_result .result_ball.saiche_09 {background: #780b00; border: 1px solid #9d0b00;}
.game_result .result_ball.saiche_10 {background: #07bf00; border: 1px solid #1aa815;}

.game_result.gf11x5 .result_ball { font-size: 16px;}

.game_result .result_ball.shaizi {width: 31px; height: 31px; background: url("../img/shaizi_31.png") no-repeat; border-radius: 0;}
.game_result .result_ball.shaizi_1 {background-position: 0 1px;}
.game_result .result_ball.shaizi_2 {background-position: -31px 1px;}
.game_result .result_ball.shaizi_3 {background-position: -62px 1px;}
.game_result .result_ball.shaizi_4 {background-position: -93px 1px;}
.game_result .result_ball.shaizi_5 {background-position: -124px 1px;}
.game_result .result_ball.shaizi_6 {background-position: -155px 1px;}

.mini_shaizi_1,.mini_shaizi_2,.mini_shaizi_3,.mini_shaizi_4,.mini_shaizi_5,.mini_shaizi_6 {display: inline-block; *display:inline; *zoom:1; width: 24px; height: 24px; background: url("../img/shaizi_24.png") no-repeat;background-position: -124px 0px;}
.mini_shaizi_1 {background-position: 0 0; }
.mini_shaizi_2 {background-position: -24px 0; }
.mini_shaizi_3 {background-position: -48px 0; }
.mini_shaizi_4 {background-position: -72px 0; }
.mini_shaizi_5 {background-position: -96px 0; }
.mini_shaizi_6 {background-position: -120px 0; }

.table.profile-index {width: 100%; margin: 0 auto;}
.table.profile-index td {font-size: 14px; }
.table.profile-index td.icon { }
.table.profile-index td.title {width: 50%; text-align: right;}
.table.profile-index td.value {text-align: left;}

.profile-icon-title {width: 550px; margin: 10px auto; padding: 5px 0;}
.profile-blue-block {width: 130px; height: 130px; margin-right: 20px; margin-top: 10px; font-size: 16px; position: relative;}
.profile-blue-block .icon {height: 75px; overflow: hidden;}
.profile-blue-block .icon i {font-size: 50px; line-height: 73px;}
.profile-blue-block .contact-icon {height: 55px; padding: 10px;}
.profile-blue-block .contact-icon img {height: 100%; border: 0;}
.profile-blue-block .title {height: 28px;}
.profile-blue-block .contact {font-size: 14px; height: 25px; overflow: hidden;}
.profile-blue-block a.edit { position: absolute; right: 10px; bottom: 5px;}
.profile-blue-block .required {position: absolute; right: -8px; top: -6px; width: 36px; height: 36px; background: url("../img/required.png") no-repeat;}

.profile-blue-block.trans {margin: 0 0 0 5px; height: 180px;}
.profile-blue-block.trans .balance_refresh {position: absolute; top:0; right: 10px;}
.profile-blue-block.trans .balance_row {padding-left: 30px; padding-top: 20px;}

.trans_jiantou {display: inline-block; vertical-align: middle; width: 50px; height: 30px; background: url("../img/jiantou.png") no-repeat center center;}
.profile-line { font-size: 0; line-height: 0; border-top: solid 1px #eee; float: none; }

.profile-contact { margin: 20px auto; min-height: 400px;}

.page-tips { padding: 1px 5px; margin-top: 20px;}

.cash_opt_items { margin-left: 115px;}

.show-lottery-list {margin-left: 90px;}
ul.inline > .li_cash_opt {min-width: 100px; padding-left: 0; padding-right: 0;}
ul.inline > .li_lottery {min-width: 135px; padding-left: 0; padding-right: 0;}

.member-bank li {width: 310px; height: 180px; margin-right: 20px; margin-top: 15px; overflow: hidden; font-size: 16px; position: relative; }
ul.inline.member-bank li {padding: 0;}
.member-bank li .bank-img {height: 55px; overflow: hidden; background: #FFFFFF;}
.member-bank li .bank-img img {width: 80%;}
.member-bank li .bank-name,
.member-bank li .bank-number {margin: 8px 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); line-height: 28px;}
.member-bank li .bank-time {font-size: 10px; padding-left: 20px; line-height: 18px; }
.member-bank li .bank-status {position: absolute; top: 0; right: 0;}
.member-bank li .bank-unbind {position: absolute; bottom: 0; right: 10px; color: #e9e9e9;}
.member-bank li .bank-unbind:hover {text-decoration: none; color: #FFFFFF;}
.member-bank li .bank-unbind i {font-size: 24px;}
.member-bank li .bank-add {display: block; height: 100%; text-align: center;}
.member-bank li .bank-add:hover {text-decoration: none; }
.member-bank li .bank-add i {font-size: 68px; line-height: 80px; display: block; margin-top: 35px;}

.member-wallet li {width: 323px; height: 195px; margin-right: 15px; margin-top: 15px; overflow: hidden; font-size: 12px; position: relative; }
ul.inline.member-wallet li {padding: 0;}
.member-wallet li .wallet-title {background: url("../img/bg_wallet_addr.jpg") no-repeat center right; background-size: auto 55px;}
.member-wallet li .wallet-title-sub {padding-left: 60px; height: 55px; line-height: 50px; font-size: 16px; color: #ffffff; overflow: hidden; }
.member-wallet li .wallet-title-sub.usdt-erc20 {background: url("../img/banks/type_usdt_erc20.png?v=0808") no-repeat 5px 5px; background-size: 45px;}
.member-wallet li .wallet-title-sub.usdt-trc20 {background: url("../img/banks/type_usdt_trc20.png?v=0808") no-repeat 5px 5px; background-size: 45px;}
.member-wallet li .wallet-name,
.member-wallet li .wallet-type,
.member-wallet li .wallet-number {margin: 5px 6px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); line-height: 26px;}
.member-wallet li .wallet-number { line-height: 20px;}
.member-wallet li .wallet-time {padding-left: 6px; line-height: 18px; }
.member-wallet li .wallet-add {display: block; height: 100%; text-align: center; font-size: 16px;}
.member-wallet li .wallet-add:hover {text-decoration: none; }
.member-wallet li .wallet-add i {font-size: 68px; line-height: 80px; display: block; margin-top: 35px;}


.recharge-mode {margin-left: 0;}
.recharge-mode a {display: inline-block; width: 130px; height: 130px; position: relative; margin-right: 10px; margin-bottom: 15px; background-repeat: no-repeat; background-position: 40px 20px;}
.recharge-mode a img { height: 70px; margin-top: 15px;}
.recharge-mode a label {font-size: 18px; color: #ffffff; text-align: center; display: block; margin-top: 10px; height: 30px; overflow: hidden;}
.recharge-mode a:hover {text-decoration: none; }
.recharge-mode a.digital {background-image: url("../img/banks/type_digital.png");}
.recharge-mode a.digicash {background-image: url("../img/banks/type_digital.png");}
.recharge-mode a.usdt_erc20 {background-image: url("../img/banks/type_usdt_erc20.png?v=0808");}
.recharge-mode a.usdt_trc20 {background-image: url("../img/banks/type_usdt_trc20.png?v=0808");}
.recharge-mode a.active span.selected {position: absolute; width: 36px; height: 36px; top:-10px; right: -6px; background: url("../img/banks/selected.png") no-repeat;}

.act_head_img {width: 100%; position: relative;}
.act_head_img img {width: 100%; height: 300px;border-radius: 12px;overflow: hidden; }
.act_content { margin: 10px; padding:2px 0; position: relative;}
.act_content .content {height: 100%; padding: 0 10px; overflow: auto; word-wrap: break-word; word-break: normal;}
.act_content .act_status {position: absolute; top: -30px; right: 0; text-align: center;}
/*UE编辑器 表格边框无法显示的问题*/
.act_content table tr th,
.act_content table tr td { border:1px solid #dddddd; }

.error-message {height: 460px; margin: auto; max-width: 1000px; border: 3px solid #888888; border-radius: 10px; box-shadow:0 0 10px rgba(0,0,0,0.7); background: url("../img/bg_timeout.png?v=1") no-repeat center center; }
.error-message .error-icon {width: 99px; height: 200px; margin: 0 auto; background: url("../img/tanhao.png") no-repeat center center;}
.error-message .error-txt {font-size: 30px; font-weight: bold; padding: 10px; }
.error-message .wait-time {font-size: 16px;}

.task-message {width: 750px; margin: 100px auto 0 auto; border-radius: 10px;}
.task-message .error-icon {width: 99px; height: 150px; margin: 0 auto; background: url("../img/tanhao.png") no-repeat center center;}
.task-message .error-txt {font-size: 28px; color: #fec004; font-weight: bold; padding-bottom: 10px;}
.task-message .wait-time {font-size: 16px;}

.msg-new {color: #fec004; font-size: 12px;}
.msg-line {height: 1px; margin: 10px 0 5px 0;}
.msg-content {padding: 5px; min-height: 160px;}

.marquee-notice {position: relative; height: 25px; overflow: hidden;}
.marquee-notice .notice-body {margin-left: 5px; margin-right: 25px;}
.marquee-notice .notice-close {position: absolute; font-size: 14px; line-height: 22px; right: 8px; bottom: 2px;}
.marquee-notice .notice-close:hover {text-decoration: none; }

.tips_transfer_link {position: absolute; left: 120px; top: 135px; font-size: 16px;}
.btn_start_game {min-width: 250px; }

.qipai-download-title { position: absolute; left: 850px; top: 290px; font-size: 38px; font-weight: bold; font-style: italic; }
.qipai-download-how { position: absolute; font-size: 26px; }
.qipai-tips { position: absolute; left: 550px; top: 580px; font-size: 16px; }

.dianwan-detail-radio {width: 800px;margin:20px auto;}
.dianwan-detail-radio label{font-size:16px;font-weight: bold;cursor: pointer;display:inline-block;height:32px;}
.dianwan-detail-radio p { cursor: default;}
.dianwan-detail-radio .custom-span {width:140px;display: none;}
.dianwan-detail-radio .custom-span input {width:120px;}

.load_spinner {
    margin: 100px auto 0;
    width: 300px;
    text-align: center;
}

.load_spinner > div {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background-color: #129144;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.load_spinner .bounce1 {
    background-color: #c64b4d;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.load_spinner .bounce2 {
    background-color: #1793da;
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}

/*.container{width: 1200px}*/
/*@media ( min-width : 992px) {*/
    /*.container{width: 1200px}*/
/*}*/
/*@media ( min-width : 1200px) {*/
    /*.container {width: 1200px}*/
/*}*/
/*@media ( min-width : 1300px) {*/
    /*.container {width: 1200px}*/
/*}*/
/*我的任务  图标*/
.link-task span{
    display: inline-block;
    position: relative;
    width: 6px;
    height: 6px;
    background: red;
    top: -9px;
    left: 0px;
    border-radius: 50%;
}
#task-box .fr{float: right;}
#task-box .task-nav{width: 518px;height: 30px;border-bottom: 1px solid #2e2f33;margin: 30px auto 20px auto;}
#task-box .task-nav li{float: left;width: 172px;height: 30px;text-align: center;color: #fff;line-height: 30px;margin-bottom: -1px;cursor: pointer;}
#task-box .task-nav li:first-child{border-right: 1px solid #2e2f33;}
#task-box .task-nav li:last-child{ border-left: 1px solid #2e2f33;}
#task-box .task-nav li.active{color: #2E8DED;}
#task-box .task-nav li span{display: inline-block;position: relative;width: 6px;height: 6px;background: red;border-radius: 50%;top: -7px;left: 2px;}
#task-box .task-con{width:100%;height: auto;margin-left: 10px;}
#task-box .task-List{width: 310px;height: 180px;background: #233F50;margin: 0 29px 22px 0;float: left;color: #fff;}
#task-box .task-List i{display: inline-block;width: 12%;height: 100%;margin: 0 0 0 6px;vertical-align: middle;}
#task-box .task-List .task-name>span{display: inline-block;width: 45px;                height: 44px;position: absolute;right: 0;top: -1px;}
#task-box .task-List .task-name>span.icon-state-ing{ background: url(../img/task/icon_ing.png) 0 0 no-repeat;}
#task-box .task-List .task-name>span.icon-state-off{background: url(../img/task/icon_off.png) 0 0 no-repeat;}
#task-box .task-List .task-name>span.icon-state-unclaimed{background: url(../img/task/icon_unclaimed.png) 0 0 no-repeat;}
#task-box .task-name b{display: inline-block;-webkit-box-reflect: below -27px -webkit-linear-gradient(transparent,transparent 15%,rgba(255,255,255,.2));}
#task-box .task-List i{ margin-top: -1px;}
#task-box .fl i{display: inline-block; width: 20px; height: 22px; vertical-align: middle; margin: 0 18px 0 0 ;}
#task-box i.commontask{/*普通任务*/background: url(../img/task/icon_commontask.png) center center no-repeat;background-size: 90%;}
#task-box i.dailytask{/*日常任务*/background: url(../img/task/icon_dailytask.png) center center no-repeat;background-size: 90%;}
#task-box i.offtask{/*已完成任务*/background: url(../img/task/icon_offtask.png) center center no-repeat; background-size: 90%;}
#task-box .task-List i.bindbank{/*绑定银行卡*/ background: url(../img/task/bindbank.png) 10px 8px no-repeat;}
#task-box .task-List i.bindmail{/*绑定邮箱*/background: url(../img/task/icon_bindmail.png) 10px 8px no-repeat;}
#task-box .task-List i.bindphone{/*绑定手机*/background: url(../img/task/icon_bindphone.png) 10px 8px no-repeat;margin-top: -3px;} 
#task-box .task-List i.changepwd{/*修改密码*/background: url(../img/task/icon_changepwd.png) 10px 8px no-repeat;}
#task-box .task-List i.peple{/*发展下线*/background: url(../img/task/icon_peple.png) 10px 8px no-repeat;}
#task-box .task-List i.phonelogin{/*手机登陆*/background: url(../img/task/icon_phoneLogin.png) 10px 8px no-repeat;margin-top: -3px;}
#task-box .task-List i.setpswpro{/*设置密码保护*/background: url(../img/task/icon_setpwdP.png) 10px 8px no-repeat;}
#task-box .task-List i.setWLpwd{/*设置提现密码*/background: url(../img/task/icon_setWLpwd.png) 10px 8px no-repeat;}
#task-box .task-List i.profit{/*盈利彩金*/background: url(../img/task/icon_profit.png) 10px 8px no-repeat;}
#task-box .task-List i.icon-R{/*充值金额*/background: url(../img/task/icon_topup.png) 10px 8px no-repeat; margin-top: -3px;}
#task-box .task-List i.icon-QQ{/*充值金额*/background: url(../img/task/icon_QQ.png) 10px 8px no-repeat; margin-top: -3px;}
#task-box .task-List i.icon-T{/*中奖次数*/background: url(../img/task/icon_trophy.png) 10px 8px no-repeat;}
#task-box .task-List i.icon-W{/*打码金额*/background: url(../img/task/icon_wallte.png) 10px 8px no-repeat;}
#task-box .task-List .task-name{width: 100%;height: 43px;background: #496E8D;font-size: 16px;line-height: 43px;position: relative;}
#task-box .task-List p{ width: 90%; height: 39px; border-bottom: 1px solid #49667E; margin: 0 auto; font-size: 13px; line-height: 48px; padding-left: 10px;}
#task-box .task-List p .emphasis-o{font-size: 19px;font-weight: 800;color: #FF721D;}
#task-box .btn{ display: block; margin: 10px auto 0 auto; width: 112px; height: 35px; border-radius: 4px; color: #fff; border: none; text-indent: 20px; font-size: 16px;}
#task-box .btn.btn-getTask{background: #3C9EB3 url(../img/task/icon_gettask.png) 14px center no-repeat;}
#task-box .btn.btn-getgift{background: #CF3535 url(../img/task/icon_gift.png) 14px center no-repeat;}
#task-box .ing{color: #70FFDC;text-align: center;font-size: 16px;line-height: 50px;}
#task-box .gettime{color: #586D7C;text-align: center;font-size: 16px;line-height: 50px;}
#task-box .hint{color: #d8c8a7; font-size: 14px; padding: 20px 0 0 10px; clear: both; border-top: 1px solid #303339;}
#task-box .hint p{margin-bottom: 0;}
#task-box .showAll{text-align: center;margin-bottom: 30px;clear: both;}

#task-box .outer{ width: 1050px; height: 88%; background: #00000080;position: absolute;top: 139px;left: 150px;display: none;}
 .showalert{ display: none; width: auto;height: auto;position: fixed;top: 40%;left: 50%;margin-left: -154px;}
 .showalert .con{width: 430px;height: 114px;background: url(../img/task/alertbg.png) center 0 no-repeat; padding-top: 100px;color: #fff; font-size: 18px;position: relative;}
 .showalert .con p{width: 211px;text-align: center;margin-left: 180px;}
 .showalert .con span{font-size: 26px;color: #FFA647;}
.showalert .con i{display: inline-block;width: 108px;height: 36px;position: absolute;top: 166px;right: 10px;}
#task-box .nottask{ width: 420px; height: 28px; background: url(../img/task/nottaskbg.png) center 0 no-repeat; margin: 80px auto; padding-top: 360px; text-align: center;color:#F37F85;font-size: 16px;text-indent: 20px;}


/*************************** hongbao **********************************************/
.redPacket{width: 158px;height: 284px;position: fixed;bottom: 5px;right: 5px;cursor: pointer;}
.redPacket #redPacketTimeDown{color: #F73905;width: 181px;height: 202px; margin: 156px auto 0 auto;padding-left: 41px;font-size: 16px;font-weight: 600;}
.redPacket #redPacketTimeDown>span{display: inline-block;width: 30px;font-style: initial;text-align: center;margin-right: 23px;}
.redPacket.redtimedown{background:url("../img/hongbao/redPpthby.png") center -92px no-repeat;height:190px; width: 192px;box-sizing: border-box;}
.redPacketIframeBox{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 666;display: none;}
.redPacket.redopen{background:url("../img/hongbao/redPptlogo.gif") center 0 no-repeat;}

.pop_choose_invite .btn-wallet-login { position: relative; border: 0; }
.pop_choose_invite .btn-wallet-login .chain-tron { display: inline-block; height: 100%; width: 40px; position: absolute; top: 0; left: 12px; background: url("../img/chain_tron.png?v=1") no-repeat; background-size: 38px;background-position: left center; }
.pop_choose_invite .btn-wallet-login .chain-eth { display: inline-block; height: 100%; width: 40px; position: absolute; top: 0; left: 10px; background: url("../img/chain_eth.png?v=1") no-repeat; background-size: 40px; background-position: left center;}

.pop_choose_login .btn-wallet-login .chain-type { display: inline-block; height: 40px; width: 45px;padding:10px;border-radius: 8px; background: white url("../img/chain_tron.png?v=1") no-repeat; background-size: 40px;background-position: center; }
.pop_choose_login .btn-wallet-login .chain-type.chain-eth { background-image: url("../img/chain_eth.png?v=1");}

.login_pop_logo {position: relative;}
.login_pop_logo span {position: absolute; bottom: 15px; left: 0; right: 0; display: inline-block; text-align: center; font-size: 18px; margin: 0 10px;}

/*.extension-download {margin-bottom: 20px;}*/
.extension-download a {display: inline-block; margin: 5px 0 0 10px;}
.prohibition-18 {position: absolute; left: 10px; top: 10px;}
.prohibition-18 img {height: 30px;}

.game-detail-cover {text-align: center; min-height: 350px;}