html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: STHeiti, "Microsoft YaHei", 微软雅黑, SimSun, 宋体, arial;
  min-width: 553px;
}

::-webkit-scrollbar { /*滚动条*/
  width: 10px;
}

::-webkit-scrollbar-button { /*滚动条两端的按钮*/
}

::-webkit-scrollbar-track { /*外层轨道*/
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-track-piece { /*内层轨道*/
}

::-webkit-scrollbar-thumb { /*拖动条*/
  background: rgb(211, 32, 54);
}

::-webkit-scrollbar-corner { /*边角*/
}

::-webkit-resizer { /*右下角拖动块*/
}

.h-100 {
  height: 100%;
}

#layout-west {
  width: 208px;
  border-right: 1px solid #ccc;
  float: left;
}

#layout-center {
  float: left;
}

#logo {
  cursor: pointer;
  padding: 16px;
  background-size: 120%;
  height: 64px;
}
#logo .index-logo
{
    height: 100%;
    width: 100%;
    display: block;
    background-repeat: no-repeat;
    background-size: 100% !important;
    background-position: center center;
}
#game-list {
  overflow-y: auto;
  overflow-x: hidden;
}

#notice-carousel {
  padding: 10px 50px;
  border-bottom: 1px solid #ccc;
  background: url(/images/suona.png) 10px 10px no-repeat;
}

#notice-carousel {

}

#notice-content {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  position: relative;
  width:100%;
}

#notice-content marquee {
  color: #666;
  font-size: 16px;
}

#game-blocks-wrapper {
  background-color: #f3f3f3;
  overflow-y: auto;
  overflow-x: hidden;
}

#game-blocks {
  margin: 0 auto;
  padding-top: 8px;
}

@media (min-width: 553px) {
  #game-blocks {
    width: 342px;
  }
}

@media (min-width: 895px) {
  #game-blocks {
    width: 684px;
  }
}

@media (min-width: 1237px) {
  #game-blocks {
    width: 1026px;
  }
}

@media (min-width: 1579px) {
  #game-blocks {
    width: 1368px;
  }
}

@media (min-width: 1921px) {
  #game-blocks {
    width: 1710px;
  }
}

.accordion > .accordion-head {
  background-color: #e7e7e7;
  color: #333;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  padding: 0 12px;
  cursor: pointer;
  vertical-align: middle;
  line-height: 38px;
}

.accordion > .accordion-head > i {
  margin-right: 12px;
}

.accordion-x > .accordion-head > i + span + i {
  float: right;
  margin-right: 0;
  margin-top: 11px;
}

.accordion > ul.accordion-content {
  list-style: none;
  margin: 0;
  padding: 8px 0;
  display: none;
}

.accordion > ul.accordion-content > li {
  line-height: 38px;
  font-size: 14px;
  color: #333;
  border-bottom: 1px solid #ccc;
}

.accordion > ul.accordion-content > li:last-child {
  border-bottom: none;
}

.accordion > ul.accordion-content > li > a {
  display: block;
  line-height: 38px;
  cursor: pointer;
  vertical-align: middle;
  text-decoration: none;
  color: inherit;
}

.accordion > ul.accordion-content > li > a:hover {
  background: rgb(211, 32, 54);
  color: #fff;
}

.accordion > ul.accordion-content > li > a > i {
  display: block;
  width: 27px;
  height: 27px;
  float: left;
  margin: 5px 16px 0 16px;
  background-size: cover !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
}

.accordion > ul.accordion-content > li > a > span {
}

.open-info {
  width: 332px;
  height: 210px;
  margin: 0 5px 14px;
  background-color: #ccc;
  float: left;
}

.open-info .wrapper {
  border: 1px solid #bababa;
  background: #fff;
  box-shadow: 1px 6px 16px #ebe9e9 inset;
  margin: 6px;
}

.open-info .top-wrapper {
  margin: 10px;
}

.open-info .cur-info > a {
  max-width: 84px;
  height: 84px;
  display: inline-block;
}

.open-info .cur-info > a > img {
  width: 100%;
  height: 100%;
}

.open-info .cur-info > div {
  max-width: 196px;
  margin-left: 18px;
  display: inline-block;
}

.open-info .cur-info > div > h3 {
  margin: 0;
  font-size: 18px;
  font-weight: normal;
  color: #666;
}

.open-info .cur-info > div > p {
  margin: 0;
  font-size: 14px;
  color: #c5352f;
  line-height: 30px;
}

.open-info .cur-info > div > div {
  color: #666;
  background-color: #e1e1e1;
  display: inline-block;
  padding: 0 14px;
  line-height: 24px;
  border-radius: 3px;
  font-size: 16px;
}

.open-info .pre-info {
  margin-top: 8px;
}

.open-info .pre-info > span {
  color: #666;
  font-size: 12px;
  width: 84px;
  text-align: center;
  display: inline-block;
  float: left;
  margin-top: 5px;
}

.open-info .pre-info > div {
  height: 22px;
  width: 196px;
  display: block;
  margin-left: 96px;
}

.open-info .pre-info > div > span {
  vertical-align: middle;
  line-height: 22px;
}

.open-info .pre-info > div > span.no-num {
  color: #999;
  font-size: 12px;
}

.open-info .pre-info > div > span.num {
  background: url(/page/game/img/ball_normal.png) no-repeat;
  width: 22px;
  height: 22px;
  margin-right: 2px;
  color: #fff;
  font-size: 13px;
  display: inline-block;
  text-align: center;
  line-height: 22px;
}

.open-info[data-game-code="bjkl8"] .pre-info > div > span.num.sm {
  position: relative;
  top: -12px;
}

.open-info .pre-info > div > span.num.sm {
  background: url(/page/game/img/ball_sm.png) no-repeat;
  width: 17px;
  height: 17px;
  line-height: 17px;
}

.open-info .actions {
  height: 38px;
  list-style: none;
  margin: 0;
  padding: 0;
  width:100%;
}

.open-info .actions > li{
  	display: inline-block;
	width:33.33%;
	background-color: #fff;
}

.open-info .actions > li>a {
  color: #333;
  background-color: #e9e9e9;
  text-align: center;
  line-height: 38px;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  width: 100%;
}

.open-info .actions > li+li > a {
  margin: 0 1px;
}

.open-info .actions > li > a.active {
  background-color: #d32036;
  color: #fff;
  width: 100%;
}

.open-info .actions > li:last-child > a {
  margin: 0 0 0 1px;
}

.menu_main{
	height: 29px;
    line-height: 29px;
    background-color: #c93b3b;
    padding: 12px 0 11px 22px;
    min-width:850px;
}
.person_area {
    float: left;
    margin-right:40px;
}
.person_area .info {
    width: 198px;
    height: 29px;
    font-size: 14px;
    color: #fff;
    text-align: left;
}

.acc_person {
    margin-right: 6px;
}

.box{
	display:inline-block;
}

.acc_links{
	margin:0px 5px; 	
}

.acc_links>a {
    text-decoration: none;
}

.mq-mask, .btn_acc_deposit, .btn_acc_withdraw, .btn_acc_deposit:hover, .btn_acc_withdraw:hover, .acc_links .btn_acc_member, .acc_links .btn_acc_betrecord, .acc_links .btn_acc_service, .acc_links .btn_acc_message {
    background: url("../../images/user-center/top_menu.png?04ef481a0e") no-repeat; 
}

.acc_links .btn_acc_deposit {
    background-position: 0 -482px;
}
.acc_links .btn_acc_withdraw {
    margin-right: 22px;
    background-position: 0 -578px;
}
.acc_links .btn_acc_betrecord {
    background-position: 0 -319px;
}
.acc_links .btn_acc_member {
    background-position: 0 -232px;
}
.acc_links .btn_acc_service {
    background-position: 0 -406px;
}
.acc_links .btn_acc_message {
    background-position: 0 -147px;
}
.acc_links .acc {
    width: 55px;
    padding-left: 22px;
    margin-right: 16px;
    font-size: 12px;
    line-height: 29px;
    color: #fff;
    text-align: right;
}

.acc_links a {
    display: inline-block;
    float: left;
    vertical-align: middle;
    width: 59px;
    height: 29px;
    margin-right: 8px;
    font-size: 14px;
    color: black;
    text-align: center;
    line-height: 29px;
}

.lottery_login {
    float: left;
    margin-top: 12px;
}

.top-login-bg, .top-login-bg2 {
    float: left;
    width: 157px;
    height: 32px;
    background: #fff;
    margin-right: 7px;
    border: 1px solid #ccc;
}

.need_captcha {
    float: left;
    position: relative;
    margin-right: 5px;
    box-sizing: border-box;
}

.new-header .download {
    position: absolute;
    right: 8px;
    bottom: 10px;
    width: 150px;
    height: 30px;
}

.top_loginip, .top_loginmm {
    width: 122px;
    height: 30px;
    line-height: 31px;
    border: 0;
    background: #fff;
    float: left;
    color: #666;
    outline: none;
}
.need_captcha {
    float: left;
    position: relative;
    margin-right: 5px;
    box-sizing: border-box;
}

.need_captcha .top_click {
    padding-left: 23px;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4;
    line-height: 32px;
    text-align: left;
    color: #909090;
    cursor: pointer;
    background-color: #fff;
    border-radius: 1px;
    border: 1px solid #ccc;
}

.need_captcha .yanzhengma {
    z-index: 3;
    position: relative;
}

.top-login-bg, .top-login-bg2 {
    float: left;
    width: 157px;
    height: 32px;
    background: #fff;
    margin-right: 7px;
    border: 1px solid #ccc;
}

.top-login-bg2 {
    width: 130px;
}

.need_captcha * {
    box-sizing: border-box;
}

.top_loginip {
    width: 122px;
    height: 30px;
    line-height: 31px;
    border: 0;
    background: #fff;
    float: left;
    color: #666;
    outline: none;
}

.top_loginmm {
    width: 90px;
    padding-left: 5px;
    outline: none;
    display: inline-block;
    margin-right: -5px;
}

.identifyingCodePic{
	margin-top:6px;
	cursor:pointer;
}

.register_captcha_span {
    margin: 1px 1px 0 0 !important;
    float: right;
}

.need_captcha .yanzhengma img.login_img {
    width: 62px;
    height: 28px;
    float: right;
    background-color: #636169;
    vertical-align: top;
}
.need_captcha img {
    cursor: pointer;
}

.lottery_anniu {
    background-color: #d32036;
    width: 80px;
    height: 30px;
    color: #fff;
    font-size: 15px;
    border-radius: 2px;
    cursor: pointer;
    border: 0;
    margin-top: 2px;
    vertical-align: top;
    margin-right: 7px;
    outline: none;
}

.new-header .download a {
    font-size: 26px;
    float: left;
}

.new-header .download .down-text {
    position: absolute;
    z-index: 2;
    right: 10px;
    font-size: 14px;
    color: #666;
    top: 5px;
    cursor: pointer;
}

.new-header .download a{
	cursor:pointer;
}

.new-header {
    position: relative;
    z-index: 7;
    margin-left: -1px;
    min-width:950px;
}

.top-login-bg .icon-6, .top-login-bg .icon-lock-icon {
    font-size: 19px;
    float: left;
    margin: 6px 5px 0 5px;
    color: #8d8d8e;
}

.top-login-bg .input-prefix {
	float: left;
	display: inline-block;
	line-height: 32px;
	padding:0px 10px;
	font-size:18px;
}

.download>a{
	padding-right:5px;
}

.header-user,#header_user_login { background: #e7e7e7; height: 53px;border-left: 1px solid #ccc; padding:0 15px; color: #666; font-size: 14px; border-bottom: 1px solid #ccc; overflow: hidden;  }
.header-user { line-height:53px; }
.header-user a { color: #666; }
.header-user a:hover { color: #333; }
.user-name { float:left;}
.user-money { float: left;  padding:0 0px 0 20px; }
.money-btn { float: right; margin-left:20px; }
.money-btn button { background:#d32036; float: left; border:1px solid #a8a8a8; width: 52px; height: 24px; line-height: 20px; color: #fff; border-radius:5px; margin:15px 10px 0 0; font-size: 14px; outline: none; cursor: pointer;}
.money-btn button:hover,.money-btn button:focus {filter:alpha(opacity = 80);opacity:.8}
.user-center { float: left; height:53px}
.user-center ul li{ float:left; margin-left:14px;cursor:pointer; }
.user-center ul li:hover *{color:#d32036;}
.user-center ul li i { font-size: 20px;  width:19px; height: 19px; float: left; margin:16px 5px 0 0; }
ul,li { list-style: none;margin:0px;padding:0px;}
.user-center ul li a{text-decoration:none;}

.top-login-bg .fa {
    color: #8d8d8e;
}

#signOut{
	background:#666A72;
}

.alert{
	z-index:999;
	padding:15px;
	border-radius:4px;
	border:1px solid transparent;
	display:inline-block;
}

.alert button{
	float:right;
}

.alert-info{
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1
}

.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6
}

.alert-warn{
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc
}

.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1
}

.close {
	font-size: 21px;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity = 20);
	opacity: .2
}

.close:focus, .close:hover{
	filter:alpha(opacity = 50);
	opacity: .5;
	color: #000;
	cursor:pointer;
	text-decoration:none;
}

button.close{
	cursor:pointer;
	padding:0;
	-webkit-appearance:none;
	background:0 0;
	border:0;
}

.alert-content{
	padding:10px;
}