/*********************** 2017-04-15***********************/

.aui_outer {
	border: none;
}
.aui_outer .aui_inner{
	background: rgba(16,18,26,1);
	border: 2px solid #948D71; 
	border-radius: 10px;
}
.aui_border {
	box-shadow: none;
}
.aui_state_focus .aui_content{
	color: #FFFFFF;
}
.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_e, .aui_sw, .aui_s, .aui_se{
	display: none;
}
.aui_title, 
.aui_state_focus .aui_title,
.aui_state_drag .aui_title{
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	background: #49381E;
	color: #D8CC9F;
	text-shadow: none;
	border: none;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.aui_close{
	width:40px;
	height:40px;
	top: -10px;
	right: -10px;
	background-image: url(/aui_close.png);
	background-size: cover;
}
.aui_close:hover{
	width:40px;
	height:40px;
	background: url(/aui_close_hover.png);
	background-size: cover;
}
.aui_close:active{
	width:40px;
	height:40px;
	background: url(/aui_close_active.png);
	background-size: cover;
}
.aui_buttons{
	display: none;
}

.login_width{
	width: 1200px;
	height: 106px;
	margin: 0 auto;
	position: relative;
}
.login_bar{
	display: inline-block;
    float: right;
    line-height: 4.5vw;
}
.login_bar span{
	color: rgb(250,227,254);
	font-size: 1vw;
	padding: 0.5vw 2vw;
	cursor: pointer;
}


.content_box{
	position: fixed;
	top: 16vh;
	z-index: 9999;
	background-color: #201815;
	padding: 0.9vw 0.3vw;
	text-align: center;
	background-image: url(../images/home_6_box.png);
	background-size:contain;
	border-radius: 0;
	padding-right: 0.9vw;
	background-repeat: no-repeat;
}
.content_box .cb_item{
	width: 8vw;
	border-bottom: none;
	margin: 0.2vw;
	/*margin-bottom: 0.5vw;*/
	padding: 0.4vw 0;
}
.content_box .cb_item_top{
	margin-top: 3vw;
    font-size: 1.5vw;
}
.content_box .phone_font{
	color: #d9b57c; 
}
.content_box .cb_item .DL.phone_font_big{
	font-size: 1.2vw;
	margin-top: 0.1vw;
}

.content_box .game_type_gap{
	width: 8vw;
	margin: 0.2vw;
	background-image: url(../images/game_type_gap.png);
	background-repeat: no-repeat;
	background-position: center;
}

.content_box .cb_item .DL{
	margin: 0.7vw auto;
	font-size: 1vw;
	color: #bd9c67;
}
.content_box .cb_item .qrcode{
	width: 7vw;
	height: 7vw;
	background-color: #ffffff;
	margin: 0 auto;
	border: 2px solid #BA9B6F;
}
.content_box .cb_item img{
	width: 1.8vw;
	height: 1.8vw;
}
.content_box .cb_item .qrcode img{
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}
.content_box .cb_item span{
	width: 4vw;
	color: #FFFFFF;
	font-size: 0.8vw;
	display: inline-block;
}
.content_box .cb_close{
	color: #FC7826;
	font-size: 1vw;
	font-weight: bolder;
	cursor: pointer;
	background-image: url(../images/home_6_close.png);
	width: 8vw;
	height: 3.6vw;
    background-size: cover;
    margin: 0.2vw;
    margin-bottom: 1.2vw;
}
.reopenContactBox{
    background: #201815;
    position: fixed;
    top: 70vh;
    left: 0;
    cursor: pointer;
    display: none;
    z-index: 9999;
    background-image: url(/home_6_open.png);
	width: 2.5vw;
	height: 6.7vw;
    background-size: cover;
}


.login_box{
	width:350px;
	position: relative;
	padding: 0 20px;
}

.login_box .login_title{
	width:100%;
	color: #E0BA06;
	text-align: center;
	font-size: 23px;
	border-bottom: 1px #F9BE32 solid;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.login_box .login_item{
	width:100%;
	margin-bottom: 20px;
}
.login_box .login_item .item_text{
	margin: 5px;
	color: #E0BA06;
	font-size: 20px;
	line-height: 20px;
	display: inline-block;
}
.login_box .login_item .item_input input, select{
	width:90%;
	background-color: transparent;
	border: 1px #BBBABF solid;
	border-radius: 5px;
	line-height: 28px;
	font-size: 18px;
	color: #BA9B6F;
	background-size: 20px;
	padding-left: 30px;
	border-color: #948D71;
	background-repeat: no-repeat;
	background-position: 5px;
}
.login_box .login_item .item_code input{
	width:40%;
}
.login_box .login_item .item_code img{
	width: 100px;
	height: 30px;
}
.login_box .login_item .l_btn{
	color: #D8CC9F;
	background-color: rgb(70,40,74);
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	padding: 8px;
	border-radius: 5px;
	margin: 0 1%;
	width: 42%;
	display: inline-block;
}

.login_box .login_item .l_btn1{
	background-color: rgb(70,40,74);
}
.login_box .login_item .l_btn2{
	background-color: #BF8E0B;
}
.login_box .login_title .login_close{
	position: absolute;
	right: -20px;
	font-size: 23px;
	color: #4C342A ;
	cursor: pointer;
}
.login_box  hr{
	height:1px;
	border:none;
	border-top:1px solid #4C342A;
	margin: 0.5em 5px 0.8em 5px;
}

.reg_box{
	width:360px;
}
.reg_box .login_item .item_text{
	margin-right: 15px;
}
.reg_box .login_item .item_input input, select{
	width: 90%;
}
.password_box{
	width:400px;
}
.home_company{
	font-size: 25px;
	font-weight:bold;
	color: #E0BA06;
	display: inline-block;
	margin: 40px 10px 10px 20px;
}
.game_box{
	background-image: url(/game_box_bg.png);
	background-size: contain;
}
.game_box_area{
	width:1200px;
	margin: 0 auto;
}
.game_item{
	width:300px;
	float: left;
}
.game_item_box{
	width: 23vw;
	height: 15.57vw;
	margin: 2.9vw auto;
	background-size: contain;
}
.game_item .game_item_bg_1{
	background-image: url(/game_01.jpg);
}
.game_item .game_item_bg_2{
	background-image: url(/game_02.jpg);
}
.game_item .game_item_bg_3{
	background-image: url(/game_04.jpg);
}
.game_item .game_item_bg_4{
	background-image: url(/game_05.jpg);
}
.game_item .game_item_bg_5{
	background-image: url(/game_06.jpg);
}
.game_item .game_item_bg_6{
	background-image: url(/game_03.jpg);
}
.game_title{
	width: 80%;
    font-size: 2vw;
    color: rgb(250,227,254);
    margin: 0vw auto;
    padding: 2vw;
    text-align: center;
}
.aui_input_icon{
	width: 32px;
	height: 32px;
	background-size: 20px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 5px;
	position: absolute;
}
.aui_country{
	background-image: url(/phone.png);
}
.aui_username{
	background-image: url(/phone.png);
}
.aui_pwd{
	background-image: url(/password.png);
}
.aui_verify{
	width: 40%;
	background-image: url(/verify.png);
}
.aui_agentcode{
	background-image: url(/agent_code.png);
}
.aui_currency{
	background-image: url(/currency.png);
}
.reg_box .login_item .item_code input {
    width: 40%;
}
.new_btn{
	background-image: url(/btn.png);
	background-size: 100% 100%;
}
.new_btn:hover{
	background-image: url(/btn_hover.png);
}
.new_btn:active{
	background-image: url(/btn_active.png);
}
.aui_get_verify{
	width: 40%;
	display: inline-block;
}
select {
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/
  background: url(/select_icon.png) no-repeat scroll right center transparent;

  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
  width: 98%;
  background-size: 16px;
}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

select option{
	background-color: rgb(70,40,74);
}
select:hover{
	background: url(/select_icon_hover.png) no-repeat scroll right center transparent;
	background-size: 16px;
}
select:active{
	background: url(/select_icon_active.png)  no-repeat scroll right center transparent;
	background-size: 16px;
}

.login_box .login_item .disabledBtn{
	background: #474F51;
    color: #cdcdcd;
}

.login_box .login_item .disabledBtn:hover{
	background: #474F51;
    color: #cdcdcd;
}

.login_box .login_item .disabledBtn:active{
	background: #474F51;
    color: #cdcdcd;
}

.banner_box{
	position: relative;
	/*width: 99vw;*/
	/*height: 33vw;*/
	overflow: hidden;
	text-align: center;
}	
.banner_box li{
	/*position: absolute;
	top:0;
	left: 0;*/
}
.banner_box li img{
	/*width: 100%;*/
}

/* 会员首页多语言下拉框 */
.lang_box{
	width: 5vw;
	height: 2vw;
	display: inline-block;
	margin: 1.2vw 0.5vw;
	position: relative;
	z-index: 9;
	border: 1px solid #D9B189;
	background: url(/select_icon.png) no-repeat scroll right center transparent;
	background-size: 1vw;
}
.lang_box:hover{
	background: url(/select_icon_hover.png) no-repeat scroll right center transparent;
	background-size: 1vw;
}
.lang_box:active{
	background: url(/select_icon_active.png) no-repeat scroll right center transparent;
	background-size: 1vw;
}
.lang_select{
	width: 3vw;
	height: 2vw;
	display: inline-block;
	line-height: 2vw;
	position: relative;
	background-color: #000000;
	padding: 0 0.5vw;    
}
.login_bar .lang_select span{
	padding: 0;
	position: absolute;
}
.lang_select img{
	margin: 0.1vw auto;
	width: 2.7vw;
}

.c_btn {
	color: rgb(250,227,254);
	background-color: rgb(70,40,74);
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	padding: 8px;
	border-radius: 5px;
	margin: 0 5px;
}

.game_desc_box{}
.gd_desc{
	width: 30vw;
    margin: 0 1vw;
}
.gd_image{
	margin: 1vw;
}
.gd_image img{
	width: 28vw;
}
.gd_btn{
	width: 15vw;
    margin: 0 auto;
}




/*************** 2018-06-06  **********/

body{
	background-color: #201815;
	color: #BA9B6F;
}

.login {
	background-image: none;
	background-color: #201815;
	background: url(../images/nav_bg.png) no-repeat center;
	width: 100%;
	height: 106px;
}

.game_box_total{
	background-color: #201815;
    background-size: cover;
}

.game_box {
    background: none;
    margin-bottom: 20px;
}

.game_item .game_item_bg_1 {
    background-image: url(../images/game_5_01.png);
}

.game_item .game_item_bg_2 {
    background-image: url(../images/game_5_02.png);
}

.game_item .game_item_bg_6 {
    background-image: url(../images/game_5_06.png);
}

.game_item .game_item_bg_3 {
    background-image: url(../images/game_5_03.png);
}

.game_item .game_item_bg_4 {
    background-image: url(../images/game_5_04.png);
}

.game_item .game_item_bg_5 {
    background-image: url(../images/game_5_05.png);
}

.footer {
	background-image: none;
	background-color: #101010;
	width: 100%;
    height: 80px;
    text-align: center;
}

.footer p{
	line-height: 1.4em;
	color: #BA9B6F;
	font-size: 16px;
	padding: 0;
}

.login_bar span.new_btn {
    color: rgb(250,227,254);
    font-size: 1vw;
    padding: 0.3vw 1.5vw;
    cursor: pointer;
    border: 1px solid #C6C2B7;
    border-radius: 10px;
}

.game_type_item{
	width: 300px;
	height: 400px;
	background-size: contain;
	margin: 50px 27px;
	position: relative;
	float: left;
	cursor: pointer;
}

.game_type_item_2{
	background-image: url(../images/game_type_2.jpg);
}

.game_type_item_3{
	background-image: url(../images/game_type_3.jpg);
}

.game_type_item_4{
	background-image: url(../images/game_type_4.jpg);
}



.game_type_gap{
	width: 68px;
	margin: 240px auto;
	float: left;
	background-image: url(../images/game_type_gap.png);
	background-repeat: no-repeat;
}

.game_item_new{
	width: 350px;
	height: 480px;
	background-size: contain;
	margin: 50px 25px;
	position: relative;
	float: left;
	background-image: url(../images/game_item.jpg);
}

.game_item_new .game_item_image{
	width: 290px;
	height: 215px;
	margin: 30px;
	margin-bottom: 10px;
}

.game_item_new .game_item_title{
	width: 100%;
    font-size: 30px;
    color: #BA9B6F;
    margin: 15px auto;
    text-align: center;
    line-height: 30px;
}

.game_item_new .game_item_title hr{
	width: 40px;
    border: 2px solid;
}

.game_item_new .game_item_desc{
	margin: 0 30px;
    font-size: 16px;
    line-height: 1.4em;
    color: #BA9B6F;
}

.game_item_image_bjl{
	background-image: url(/game_bjl.jpg);
}

.game_item_image_lh{
	background-image: url(/game_lh.jpg);
}

.game_item_image_nn{
	background-image: url(/game_nn.jpg);
}

.home_nav{
	width: 960px;
	margin: 0 auto;
}
.home_nav .nav_item_logo{
	width: 130px;
	float: left;
	text-align: center;
	margin: 0 55px;
}
.home_nav .nav_item{
	width: 160px;
	float: left;
	text-align: center;
	line-height: 100px;
	font-size: 20px;
	color: #D8CC9F;
	cursor: pointer;
	padding: 0 10px;
}
.home_nav .nav_item:hover{
	background-image: url(/nav_select.png);
}
.home_nav .nav_item.ni_active{
	background-image: url(/nav_select.png);
}

.type_title{
	width: 1200px;
	margin: 0 auto;
}
.type_title .title_center{
	float: left;
	font-size: 25px;
    color: #BA9B6F;
    padding: 0 10px;
    margin: 0 20px;
}
.type_title .title_left{
	background-image: url(../images/title_point.png);
	background-size: cover;
	float: left;
	width: 500px;
	height: 28px;
}
.type_title .title_right{
	background-image: url(../images/title_point.png);
	background-size: cover;
	transform:rotate(180deg);
	float: left;
	width: 500px;
	height: 28px;
}

.app_dl_btn{
	margin: 10px 0;
	text-align: left;
}
.btn_dl{
	width: 141px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	text-align: center;
	font-weight: bolder;
	font-size: 15px;
	margin-right: 20px;
	cursor: pointer;
}
.btn_dl .btn_icon{
	width: 20px;
    height: 20px;
    display: inline-block;
    margin: 15px 0;
    background-size: cover;
}
.btn_dl.btn_android{
	background-image: url(../images/a_1.png);
    color: #F2FFF3;
}
.btn_dl.btn_android:hover{
	background-image: url(../images/a_2.png);
}
.btn_dl.btn_android:active{
	background-image: url(../images/a_3.png);
}
.btn_dl.btn_android .btn_android_icon{
	background-image: url(../images/icon_a.png);
}

.btn_dl.btn_ios{
	background-image: url(../images/i_1.png);
    color: #FFEBE9;
}
.btn_dl.btn_ios:hover{
	background-image: url(../images/i_2.png);
}
.btn_dl.btn_ios:active{
	background-image: url(../images/i_3.png);
}
.btn_dl.btn_ios .btn_ios_icon{
	background-image: url(../images/icon_i.png);
}

.btn_dl a, .btn_dl a:hover, .btn_dl a:active, .btn_dl a:visited{
	padding: 15px 40px;
}

.btn_dl.btn_easybet{
	background-image: url(../images/e_1.png);
    color: #FFEBE9;
}
.btn_dl.btn_easybet:hover{
	background-image: url(../images/e_2.png);
}
.btn_dl.btn_easybet:active{
	background-image: url(../images/e_1.png);
}