/*
* @Author: Administrator
* @Date:   2018-08-23 16:24:05
* @Last Modified by:   Administrator
* @Last Modified time: 2018-08-27 14:08:21
*/
*,body{box-sizing:border-box;}
html{height:100%}
body{font-size: 14px;font-family: "microsoft yahei";font-weight: 500;margin: 0; color: #333;}
h1,h2,h3,h4,h5,h6{font-family:500}
button,input{border:none;color:inherit;font:inherit;outline:0}
a{text-decoration:none;outline:0;color:#333}
img{vertical-align:middle;border:none;}
ol,ul{list-style:none}
button,dd,dl,dt,h1,h2,h3,h4,h5,h6,img,input,ol,p,ul{margin:0;padding:0}
.a:hover,a:active{outline:0}
img{vertical-align:middle}
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #8f8f8f;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #8f8f8f;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #8f8f8f;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #8f8f8f;
}

body{
	background: #191612 url('../img/body_bg.jpg') no-repeat center top;
	background-size: 1920px auto;
	padding-top: 163px;
	min-width: 1315px; 
	overflow-x: auto;
}
.flex{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.main{
	width: 1315px;
	margin: 0 auto;
	position: relative;
}
.content{
	width: 1102px;
	margin: 0 auto;
	min-height: 750px;
}
.btn{
	width: 55px;
	height: 81px;
	position: absolute;
	top: 50%;
	margin-top: 48px;
	background: rgba(87, 70, 61, 0.3) url('../img/arr.png') no-repeat center center;
	background-size: 18px 27px;
	border-radius: 5px;
	cursor: pointer;
}
.btn:hover{
	background: rgba(87, 70, 61, 0.7) url('../img/arr.png') no-repeat center center;
}
.left_btn{
	left: 0;
}
.right_btn{
	right: 0;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); 	/* Opera */
}

.top{
	width: 1102px;
	height: 157px;
	background: url('../img/top_bg.png') no-repeat top center;
	padding: 2px;
}
.search{
	width: 100%;
	height: 56px;
	line-height: 56px;
}
.search_l{
	padding-left: 16px;
}
.search_l >li{
	display: flex;
	align-items: center;
	color: #fff;
	margin-right: 30px;
	float: left;
}
.search_l >li .tit{
	background: url('../img/icon_game.png') no-repeat left center;
	padding-left: 26px;
	margin-right: 10px;
}
.search_l >li .tit1{
	background: url('../img/icon_type.png') no-repeat left center;
	padding-left: 23px;
}
.search_l .select{
	position: relative;
	min-width: 90px;
	cursor: pointer;
}
.search_l .select .arr{
	position: absolute;
	right: 10px;
    top: 22px;
	width: 7px;
	height: 7px;
	border-right: 1px solid #fbe66e;
	border-bottom: 1px solid #fbe66e;
	transform: rotate(45deg); 
	-webkit-transition:all .4s ease-in-out;-
	moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
}
.search_l .select p{
	color: #fbe66e;
}
.search_l .options{
	width: 118px;
	position: absolute;
	left: -20px;
	top: 54px;
	z-index: 2;
	visibility:hidden;
	background: #814f33;
}
.search_l .select:hover .options{
	visibility:visible;
	border: 1px solid #d29777;
	border-top: 0;
}
.search_l .options li{
	padding-left: 22px;
	height: 47px;
	line-height: 47px;
	border-bottom: 1px solid #8e6148;
	font-weight: bold;
	background: #814f33;
}
.search_l .options li:last-child{
	border-bottom: 0;
}
.search_l .options li:hover{
	color: #fbe66e;
	cursor: pointer;
}
.select:hover .options li{
    transform: none;
}
.select:hover .options-list3{transition:all .1s ease;}
.select:hover .options-list4{transition:all .2s ease;}
.select:hover .options-list5{transition:all .3s ease;}
.select:hover .options-list6{transition:all .4s ease;}
.select:hover .options-list7{transition:all .5s ease;}
.options-list2{transform:translatey(20px);}
.options-list3{transform:translatey(30px);}
.options-list4{transform:translatey(40px);}
.options-list5{transform:translatey(50px);}
.options-list6{transform:translatey(50px);}
.options-list7{transform:translatey(60px);}

.search_l .arr_up{
	margin-top: -6px;
	width: 100%;
    height: 8px;
    background: url('../img/ul_bg.png') no-repeat top center;
    background-size: 100% auto;
}
.search_r{
	width: 273px;
	height: 32px;
	position: relative;
	background: #4c2b18;
	border-radius: 16px;
}
.search_r input{
	position: absolute;
	left: 0;
	top: 0;
	width: 214px;
	height: 32px;
	line-height: 32px;
	background: url(../img/search.png) no-repeat 10px center;
    padding-left: 32px;
    color: #fff;
}
.search_r button{
	position: absolute;
	right: 0;
	top: 0;
	width: 54px;
	height: 32px;
	line-height: 32px;
	background: none;
	color: #fff;
	cursor: pointer;
}

.search_result{
	width: 100%;
	height: 55px;
	color: #d5d5d5;
}
.search_result .c_red{
	color: red;
}
.search_result .page_num{
	font-weight: bold;
}
.search_result .current_num{
	color: #fbe66a;
}

.logos{
	width: 1132px;
	height: auto;
	overflow: hidden;
}
.logos li{
	float: left;
	width: 259px;
	margin: 0 20px 20px 0;
}
.logos a{
	display: block;
	width: 259px;
	height: 158px;
	background: url('../img/logo_bg.jpg') no-repeat top center;
	overflow: hidden;
	position: relative;
	-webkit-transition:all .4s ease-in-out;-
	moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
}
.logos .img{
	width: 230px;
	height: 100px;
	margin: 12px auto 0;
}
.logos p{
	color: #fff;
	font-weight: bold;
	width: 100%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
}
.logos .enter{
	color: #fbe673;
	display: none;
}
.logos a:hover .title{
	display: none;
}
.logos a:hover .enter{
	display: block;
}
.logos a:hover .img{
	/* height: 110px;
	margin: 10px auto 0; */
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
	-ms-transform:scale(1.1);
}




.elecMenuBar{
	width: 1070px;
    margin: 9px auto;
    height: 78px;
    position: relative;
}
.elecMenuBar .elec_hd{
	
}
.elecMenuBar .elec_hd span {
    display: block;
    width: 40px;
    color:#fff;
    line-height:78px;
    height: 78px;
    position: absolute;
	background: #57463d url('../img/arr.png') no-repeat center center;
	background-size: 18px 27px;
	border-radius: 2px;
	cursor: pointer;
}
.elecMenuBar .elec_hd .elec_next{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); 	/* Opera */
}
.elecMenuBar .elec_hd span:hover{
	background: #814f33 url('../img/arr.png') no-repeat center center;
}

.elecMenuBar .elec_hd span.elec_next {
    right: 0;
}
.elecMenuBar .elec_hd span>img{
	border: 0;
	margin: 0;
	padding: 0;
	width: 35px;
	height: 78px;
}
.elecMenuBar .elec_hd span.elec_prev {
	left: 0;
}
.elecMenuBar .elec_bd{
	padding-left: 44px;
	width: 1070px;
	margin: 0 auto;
	height: 78px;
	overflow: hidden;
}
.elecMenuBar .elec_bd ul{
	margin: 0;
	padding: 0;
}
.elecMenuBar .elec_bd ul li{
	width: 235px;
	height: 78px;
	float: left;
    cursor: pointer;
    line-height: 78px;
    color: #fff;
    position: relative;
    background: #3d3029;
    margin-right: 5px;
    margin-left: 5px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.elec_current{
	background: #6c4835;
}
.elecMenuBar .elec_bd ul li:HOVER,.elecMenuBar .elec_bd ul li.elec_current{
    background: #63412d;
}
.elecMenuBar .elec_bd ul li img{
    display: inline-block;
    margin-right: 1px;
    float: left;
    margin-right: 10px;
    border: 0;
    width: auto;
    height: 42px;
}
.elecMenuBar .elec_bd ul li .elec_txt{
    display: inline-block;
    overflow: hidden;
    text-align: left;
    line-height: 1.3;
    padding: 0;
    vertical-align: middle;
    float: left;
    /* margin-top: 18px; */
}
.elecMenuBar .elec_bd ul li .elec_txt span.elec-spa-1{
	color:#fff;
	font-size: 14px;
    padding: 0 0 0;
    display: block;
    line-height: 1;
    margin-bottom: 6px;
}
.elecMenuBar .elec_bd ul li .elec_txt span.elec-spa-2{
    color: #9e9e9e;
    text-transform: uppercase;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -webkit-transform: scale(.8);
    transform: scale(.8);
    text-indent: -8px;	
    display: block;
    font-size: 12px;
    line-height: 1;
}
h1.no_elec_game{
    line-height: 50px;
    height: 50px;
    font-size: 20px;
    font-weight: bolder;
    font-family: 'Microsoft YaHei';
    color: #fdf100;
    text-align: center;
    width: 1000px;
    margin: 0 auto;
    background: #434241;
}