body{font-family: "微软雅黑" !important;}
/*公共头部*/
.firstHeader{background: #f5f5f5;border-bottom: 1px solid #efefef;height:39px;line-height: 39px;}
.headeroneL p{display: inline-block;margin-right: 30px;font-size: 12px;}
.headPone img{width: 16px;height: 16px;margin-right: 5px;}
.headPtwo img{width: 17px;height: 18px;margin-right: 6px;}
.headPone span{color: #666;vertical-align: middle;}
.headPtwo span{color: #f76513;vertical-align: middle;}
.headeroneR{text-align: right;}
.headeroneR ul{overflow: inherit;}
.headeroneL,.headeroneR{display: inline-block;}
.headeroneR  ul li a{color: #737373;font-size: 13px;margin-right: 30px;}
.headeroneR  ul li a.on{color: #f76513;}
.headerTwo{padding: 30px 0;}
.headTwoOne{margin-right: 140px;}
.headTwoOne img{vertical-align: middle;}
.headTwoOne p{display: inline-block;vertical-align: middle;font-size: 15px;color: #666;border-left: 1px solid #666;height: 18px;line-height: 18px;padding-left: 5px;margin-left: 11px;}
.searchWrap{border: 1px solid #ff813b;border-radius: 10px;}
.headTwoOne,.headTwotwo{display: inline-block;}
.searchInput{width: 170px;height: 45px;line-height: 45px;border-left: 1px solid #d6d6d6 !important;padding-left: 20px;}
.select{display: inline-block;}

.headTwotwo{height: 45px;line-height: 45px;}
.select p{cursor: pointer;color: #666;}
.select p img{vertical-align:middle; padding: 6px 10px 6px 5px;border-right: 1px solid #d6d6d6;}
.searchThree{border-right: 0 !important;}
.searchBtns{display: inline-block;background: #ff813b;padding: 0 19px 0 16px;color: #fff;border-radius: 9px;}
.searchBtns img{margin-right: 5px;}
.searchWrap{position: relative;}
.selectUl{position: absolute;top: 45px;left: 0;border: 2px solid #ff813b;background: #fff;z-index: 9999;height:460px;overflow-y:scroll;}
.selectUl::-webkit-scrollbar {
    display:none
}
.selectUl ul {padding: 10px;background: #fff;width:670px}
.selectUl ul li a{cursor:pointer; width:136px;margin:0 15px; display: inline-block;text-align: center;color:#7a5a21 ;border-bottom: 1px dashed #ccc;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;height:28px;line-height:28px;} 
.selectUl ul li a:hover{color:#ff6600}
/* .selectUl ul li:nth-child(4n) a{margin-right: 0;} */
.searchMore{text-align: right;margin-top:-12px;}
.searchMore a{color: #f76513;}
.selectUl{display: none;width:700px;}
.headTwoThree{display: inline-block;margin-top: 11px;}
.headTwoThree div{text-align: right;}
.headTwoThree div a{display: inline-block;padding: 4px 12px 8px 14px;border:1px solid #f76513;border-radius: 8px;color: #F76513;height: 23px;line-height: 23px;}
.headTwoThree div a img{margin-right:6px;vertical-align: middle;}
.headTwoThree div a span{vertical-align: middle;}
.navWrap li{margin-right: 45px;}
.navWrap li a{padding: 10px 25px;border-radius: 8px;color: #fff;display: inline-block;color: #666;font-size: 16px;}
.navWrap li a:hover{background: #ff813b;color: #fff;}
.navWrap li a.on{background: #ff813b;color: #fff;}
.navWrap .navWrapOne{margin: 0 54px 0 43px;}
.navWrap{}
.secondHeader{box-shadow:0 8px 9px -8px rgba(0,0,0,.3);    border-bottom: 1px solid #cbcbcb;}
.navWrap{display: inline-block;margin-left: 195px;padding-bottom: 3px;}
.downWrap{display: inline-block;}
.downWrap a{font-size: 16px;color: #eb6d27;font-weight: bold;}
.downWrap a:hover{color: #eb6d27;}
.downWrap a span{vertical-align: middle;}
.downWrap a img{vertical-align: middle;}
.downWrap {margin-top: 7px;}
.headerThree{position: relative;}
.headerThree ol{display: inline-block;width: 195px;padding:15px 0; background: #f76513;position: absolute;bottom: 0;}
.headerThree ol a{color: #fff;}
.headerThree ol img{vertical-align: middle;padding: 0 10px 0 47px;width: 26px;height: 17px;}
.headerThree ol span{vertical-align: middle;font-size: 16px;font-weight: bold;}
.userCenter{position: absolute;
    top: 40px;
    left: -85px;
    width: 246px;
    background: #fff;
    border: 1px solid #efefef;
    z-index: 999;display: none;}
.userCenter li a{display: inline-block; margin-right: 0 !important;text-align: center;width: 80px;}
.userCenter li a:hover{color: #f76513;}
.userCenterLi{text-align: center;position: relative;}
.headPTwo{margin: -1px 20px 0 0 ;}
.messNumA{position: relative;}
.messNum{min-width: 12px;
    text-align: center;
    line-height: 12px;
    display: inline-block;
    position: absolute;
    right: -12px;
    top: -8px;
    background: red;
    color: #fff;
    border-radius: 17px;
    padding: 5px;
    font-size: 16px;
    transform: scale(.7);
    font-family: Tahoma!important;}

/*公共头部结束*/

/*�����*/
footer{width:100%;background: #424242;}
.footerLogo,.footerList{display: inline-block;vertical-align: top;}
.footerLogo img{margin-right: 80px;}
.publicWrap{width: 1310px;margin: 0 auto;}
.publicFooter{background: #424242;width:100%;}
.publicWrap{padding: 31px 0;}
.publicLine{padding:15px 0; text-align: center;color: #a5a5a5;border-top: 1px solid #5d5d5d;}
.publicLine a{color: #a5a5a5;}
.publicLine a:hover{color: #a5a5a5;}
.footerList ul{display: inline-block;vertical-align: top;padding: 0 40px;border-right: 1px solid #4c4c4c;height: 100px;}
.footerList ul p{font-size: 16px;color: #efefef;margin-bottom: 17px;}
.footerList ul li{float: none;}
.footerList ul:nth-child(4){border-right: 0 none;}
.footerList ul  a{color: #dadada;margin-bottom: 10px;line-height:22px;}
.footerMa{display: inline-block;}
.footerMa>p{display: inline-block;text-align: center;}
.footerMa>p img{width: 89px;height: 88px;}
.apps{margin-right: 40px;}
.footerMa>p span{display: block;margin-top: 5px;color: #939393;text-align: center;}
.footright p{color: #a5a5a5;line-height: 25px;}
.footright{margin-left: 35px;display: inline-block;vertical-align:top;}
/*�����*/

/*个人中心左侧*/
.personLeft{width: 195px;background: #fff;display: inline-block;vertical-align: top;padding: 20px 0 80px 0;}
.personLeft ul{background: #fff;}
.personLeft ul li {float: none;width: 100%;margin: 20px 0;}
.personWrap .layui-container{padding: 0 5px;}
.personLeft ul li a{display: inline-block;width: 100%;font-size: 18px;color: #666;padding:5px  ;}
.personLeft ul li a img{margin: 1px 23px 0 21px;vertical-align: middle;}
.personLeft ul li a span{vertical-align: middle;}
.personLeft  ul li a:hover{color: #fff;background: #f76b28;}
.lefterji  p a{display: inline-block; margin: 5px 0 5px 72px;font-size: 14px !important;padding: 0 !important;color: #999;}
.lefterji p a:hover{background: #fff !important;color:#ff7837 !important;}
.leftyijis{margin-bottom: 5px !important;}
.userCenterLi{margin-left:-27px;}
.userCenterLi a{margin-right:55px !important;}

/*个人中心左侧结束*/

/*公共头部02*/
.headTwoRs{border: 2px solid #ff6600;width: 510px;    height: 38px;border-radius: 3px;margin-top: 10px;}
.headTwoRs input{    height: 38px;
    line-height: 38px;
    padding-left: 12px;
    width: 78%;
    font-size: 14px;
    box-sizing: border-box;}
.headTwoRs p{    background: #ff6600;
    width: 22%;
    text-align: center;
    display: inline-block;
    height: 38px;
    line-height: 35px;}
.headtwoWraps{width: 100%;height: 48px;line-height: 48px;background: #f76513;}
.headtwoUls  a{font-size: 18px;color: #fff;height: 48px;line-height: 48px;padding: 0 25px;margin-right: 50px;display: inline-block;}
.headDowns{margin-right: 0 !important; }
.headDowns a{color: #fff;}
.headDowns img{margin-right: 10px;}
.headtwoUls a:hover{color: #fff !important;background: #ff813b;}
.headtwoUls a.on{background: #ff813b;}
.headerTwos{padding: 28px 0 24px 0 !important;}
/*公共头部02结束*/

.selectGames{ position: absolute; top: 45px; left: 0; border: 2px solid #f76513; background: #fff;
 z-index: 99999;height:390px;overflow-y:scroll;}
 .selectGames::-webkit-scrollbar {
    display:none;
}
.selectTitle{border-bottom: 1px solid #ff6600}
.selectTitle a{padding:0 5px;cursor:pointer;}

.selectCons li a{  width: 140px; margin-right: 30px; display: inline-block;text-align: center; color: #7a5a21;border-bottom: 1px dashed #ccc;}
.selectCons li a:hover{color:#ff6600}
.selectTitle a:hover{color:#ff6600;font-weight:bold;}
.selectTitle a.on{color:#ff6600;font-weight:bold;}
.headerThree li{position:relative;}
.headerThree ol{overflow:inherit}
.hotGames{   
    position: absolute;
    left: 195px;
    top: -15px;
    z-index: 999999;    width: 720px;
    height: 423px;
    padding: 20px;
    border: 3px solid #ff813b;
    background: #fff;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 9999;display:none;}
 .hotGames::-webkit-scrollbar {
    display:none;
}
.hotGames a{    display: inline-block;
    color: #7a5a21 !important;
    width: 150px;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px dashed #ddd;
    margin: 0 25px 7px 0;
    text-align: center;cursor:pointer;}
.hotGames a:hover{color:#ff5732 !important;font-weight:bold}



@media only screen and (max-width:1401px ) {
	.publicWrap{width:1200px;}
	.footerLogo img{margin-right:40px;}
	.footerList ul{padding:0 25px;}
	.headerThree ol{width:180px;}
}
@media only screen and (max-width:1220px ) {
	.publicWrap{width:1000px !important;}
	.footerLogo img{margin-right:5px;}
	.apps{margin-right:15px;}
	.footerList ul{padding:0 15px;}
	.footright{margin-left:15px;}
	.headerThree ol{width:170px;}

}