@charset "utf-8";
/* CSS Document */

body{overflow-x:hidden;margin:0;font-size:12px;color:#616060;text-align:center;font-family:"MicrosoftYaHei";}
img{border:0px;}
form,input,select,div,ul,li,p,h,h1,h2,h3,h4{margin:0;padding:0; list-style-type:none; font-size:12px; font-weight:normal;}
ul, dl ,dd ,li{list-style-type:none;}
a{cursor: pointer;}
em{font-style: normal;}

.newshop_content{background: #fff;padding-bottom: 50px;}

/* 幻灯 */
.host_banner{width:100%;position:relative;height:420px;overflow:hidden;}
.host_banner ul{width:100%;position:absolute;height:420px;box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);}
.host_banner ul li{width:100%;height:420px;position:absolute;overflow:hidden;}
.host_banner ul li img{width:100%;position:absolute;left:0;top:0px;display:block;}

.Homedot {height: 35px;width: 100%;line-height: 30px;text-align: center;position: absolute;bottom: 0px;z-index:999;}
.Homedot a {
	display: inline-block;
	cursor: pointer;
	width: 20px;
	height: 20px;
	background-color: rgba(0, 0, 0, 0.45);
	border-radius: 50%;
	border: solid 2px rgba(249, 100, 78, 0.45);
	opacity: 0.9;
	margin: 0 10px;
}

.Homedot a.cur {
	width: 60px;
	height: 20px;
	background-color: #f9644e;
	border-radius: 20px;
}

.host_Container{
	width: 1210px;
	margin: 45px auto 0 auto;
	position: relative;
	display: inline-table;
}

.hostContent_left{
	margin-top: 5px;
	width: 790px;
	height: 320px;
	float: left;
}

.hostContent_right{
	margin-top: 5px;
	width: 390px;
	height: 320px;
	float: right;
}

.hostContent_right a:nth-child(2){
	margin-top: 20px;
	display: inline-block;
}

.hostContent_bottom{
	width: 100%;
	/* height: 194px; */
	float: left;
	margin-top: 30px;
	position: relative;
}

.hostContent_bottom_xbox,.hostContent_bottom_ps4,.hostContent_bottom_switch{
	width: 1210px;
    height: 194px;
    float: left;
    overflow: hidden;
    position: relative;
}

.hostContent_bottom_xbox_con,.hostContent_bottom_ps4_con,.hostContent_bottom_switch_con{
	width: 10000px;
    height: 194px;
    position: relative;
    left: 0;
}

.hostContent_bottom_ps4_left,.hostContent_bottom_switch_left,.hostContent_bottom_xbox_left{
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 194px;
	display: none;
	background: url(../images/xsth_icon.png);
	-moz-transform:rotate(180deg); 
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.hostContent_bottom_xbox_right,.hostContent_bottom_ps4_right,.hostContent_bottom_switch_right{
	position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 194px;
    background: url(../images/xsth_icon.png);
}

.hostContent_bottom_ps4_left span,.hostContent_bottom_ps4_right span,.hostContent_bottom_switch_left span,.hostContent_bottom_switch_right span,.hostContent_bottom_xbox_left span,.hostContent_bottom_xbox_right span{
	background: url(../images/host_icon.png) -84px -8px;
    width: 26px;
    height: 46px;
    position: absolute;
    top: 86px;
    right: 0;
    cursor: pointer;
}

.hostContent_bottom_switch,.hostContent_bottom_switch_con,.hostContent_bottom_switch_left,.hostContent_bottom_switch_right{
	height: 235px;
}

.hostContent_bottom a{
	float: left;
	width: 150px;
	height: 194px;
	border-radius: 8px;
	background: #1a56b2;
	position: relative;
	margin-right: 26px;
}

.hostContent_bottom.switch a{
	width: 148px;
	height: 235px;
	margin-right: 29px;
}

.hostContent_bottom.switch a{
	background: #e7000a;
}

.hostContent_bottom.xbox a{
	background: #107c10;
}


.hostContent_bottom a img{
	width: 142px;
	height: 186px;
	margin: 4px auto 0 auto;
	border-radius: 8px;
}

.hostContent_bottom.switch a img{
	width: 140px;
	height: 227px;
}

.hostContent_bottom a span{
	position: absolute;
	bottom: 4px;
	left: 4px;
	width: 142px;
	height: 30px;
	line-height: 30px;
	background: #000;
	opacity: 0.7;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.hostContent_bottom.switch a span{
	width: 140px;
}

.hostContent_icon{
	width: 1210px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
    opacity: 1;
}

.hostContent_icon.ps4{
	background: url("../images/host_ps4.png");
}

.hostContent_icon.switch{
	background: url("../images/host_switch.png");
}

.hostContent_icon.xbox{
	background: url("../images/host_xbox.png");
}

.hostContent_icon.time{
	background: url("../images/host_time.png");
	z-index: 0;
}

.hostContent_icon.time i{
	background: url("../images/host_icon.png") -15px -9px;
    position: absolute;
    top: 13px;
    left: 32px;
    width: 33px;
    height: 33px;
}

.hostContent_icon.time em{
	width: 96px;
	height: 24px;
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	position: absolute;
    left: 79px;
    top: 13px;
    font-style: normal;
}

.xsth_table{
	float: right;
	width: 283px;
	height: 20px;
	margin-top: 17px;
	position: absolute;
    right: 0;
}

.xsth_table div{
	float: left;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #4d4d4d;
    cursor: pointer;
    margin-right: 47px;
    position: relative;
}

.xsth_table div:nth-child(4){
	margin-right: 0;
}

.xsth_table div.checked{
	font-weight: bold;
	font-size: 20px;
	color: #2e2e2e;
}

.xsth_table div.checked:after{
	content: "";
    width: 20px;
    height: 7px;
    background-color: #ef4a54;
    border-radius: 3px;
    position: absolute;
    bottom: -14px;
    left: 0;
    right: 0;
    margin: auto;
}

.xsth_ul{
	width: 1210px;
	height: 220px;
	float: left;
	margin-top: 90px;
	position: relative;
}

.xsth_ul_all,
.xsth_ul_ps4,
.xsth_ul_ns,
.xsth_ul_xbox{
	width: 1210px;
	height: 220px;
	float: left;
	overflow: hidden;
	position: relative;
}

.xsth_ul_all .xsth_ul_all_con,
.xsth_ul_ps4 .xsth_ul_ps4_con,
.xsth_ul_ns .xsth_ul_ns_con,
.xsth_ul_xbox .xsth_ul_xbox_con{
	width: 10000px;
	height: 220px;
    position: relative;
    left: 0;
}

.xsth_ul_all_con a,
.xsth_ul_ps4_con a,
.xsth_ul_ns_con a,
.xsth_ul_xbox_con a{
	float: left;
	width: 170px;
	height: 220px;
	border-radius: 8px;
	background: #ef4a54;
	position: relative;
	margin-right: 36px;
}

.xsth_ul_all_con a img,
.xsth_ul_ps4_con a img,
.xsth_ul_ns_con a img,
.xsth_ul_xbox_con a img{
	width: 166px;
	height: 216px;
	margin: 2px auto 0 auto;
	border-radius: 8px;
}

.xsth_ul_all_con a span,
.xsth_ul_ps4_con a span,
.xsth_ul_ns_con a span,
.xsth_ul_xbox_con a span{
	position: absolute;
    bottom: 4px;
    left: 4px;
    width: 164px;
    height: 30px;
    line-height: 30px;
    background: #000;
    opacity: 0.7;
    overflow: hidden;
    font-size: 14px;
    color: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.xsth_ul_all_con a em,
.xsth_ul_ps4_con a em,
.xsth_ul_ns_con a em,
.xsth_ul_xbox_con a em{
	background: url(../images/host_icon.png) -78px -64px;
    position: absolute;
    top: -1px;
    right: -8px;
    width: 76px;
    height: 43px;
    color: #fff5bf;
    font-size: 18px;
    line-height: 36px;
}

.xsth_ul_left_all,
.xsth_ul_left_ps4,
.xsth_ul_left_ns,
.xsth_ul_left_xbox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 220px;
	display: none;
	
	background: url(../images/xsth_icon.png);
	-moz-transform:rotate(180deg); 
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);

}

.xsth_ul_right_all,
.xsth_ul_right_ps4,
.xsth_ul_right_ns,
.xsth_ul_right_xbox{
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 220px;
	background: url(../images/xsth_icon.png);
}

.xsth_ul_right_all span,.xsth_ul_left_all span,
.xsth_ul_right_ps4 span,.xsth_ul_left_ps4 span,
.xsth_ul_right_ns span,.xsth_ul_left_ns span,
.xsth_ul_right_xbox span,.xsth_ul_left_xbox span
{
	background: url(../images/host_icon.png) -84px -8px;
    width: 26px;
    height: 46px;
    position: absolute;
    top: 86px;
    right: 0;
    cursor: pointer;
}

.fhyx_right_menu{
	z-index: 99;
}

.Homeleft{
	width: 61px;
    height: 149px;
    background: url(https://static.fhyx.com/images/application/pc/hk/cn_l.png);
    position: absolute;
    left: 40px;
    top: 50%;
    margin-top: -75px;
    z-index: 5;
    cursor: pointer;
    display: none;
}
.Homeright{
	width: 61px;
    height: 149px;
    background: url(https://static.fhyx.com/images/application/pc/hk/cn_r.png);
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -75px;
    z-index: 5;
    cursor: pointer;
    display: none;
}