* {
		margin: 0;
		padding: 0;
	}
	a{
		color: #000;
		text-decoration: none;
	}
	a:hover{
		cursor: pointer;
	}
	li {
		list-style: none;
	}
	.inner{
		margin: auto;
		width: 1600px;
	}
	.main_content{
		margin: 80px auto 0;
		width: 1600px;
	}
	
	/*导航*/
	.nav_content{
		width: 100%;
		top: 0;
		left: 0;
		z-index: 999;
		height: 80px;
		position: fixed;
		background-color: #fff;
	}
	.nav_left{
		width: 100px;
		height: 80px;
		float: left;
	}
	.nav_left>img{
		margin: 30px 10px 0 0;
	}
	.nav_middle{
		width: 500px;
		height: 80px;
		float: left;
		margin-left: 100px;
		position: relative;
	}
	.navMiddleWord{
		width: 100px;
		float: left;
		cursor: pointer;
		text-align: center;
		line-height: 80px;
	}

	.nav_right{
		height: 80px;
		float: right;
		display: flex;
    	align-items: center;
	}
	.btn_login{
		padding: 5px 20px;
		border-radius: 20px;
		text-align: center;
		margin-left: 20px;
		cursor: pointer;
	}
	.login{
		background-color: rgb(202, 5, 0);
		color: #fff;
	}
	.reg{
		border: 1px solid #3e3e3e;
		color: #000;
	}
	/*正在直播*/
	.onlive{
		height: 986px;
	}
	.onlive_top ,.show_top{
		height: 206px;
		position: relative;
	}
	.onlive_top>img ,.show_top>img{
		margin: 74px 0 0 540px;
	}
	.onlive_word ,.show_word{
		top: 86px;
		left: 670px;
		color: #fff;
		font-size: 20px;
		position: absolute;
	}
	.onlive_bottom{
		height: 570px;
		position: relative;
	}
	.onliveBottom_left{
		width:1080px;
	    height:570px;
	    float: left;
	}
	.onliveBottom_right{
		width: 450px;
	    height:570px;
	    float: right;
	}
	.onliveBottom_left>img{
		width:1080px;
	    height:570px;
	}
	.onliveBottom_right>img{
		width: 450px;
	    height: 268px;
	    margin-bottom: 17px;
	}
	.onliveBottom_right .image{
		width: 450px;
	    height: 200px;
	}
	.onlive_Player{
		top: 323px;
		left: 465px;
		position: absolute;
	}
	.onlive_player{
		right: 152px;
		position: absolute;
	}
	.onlive_player1{
		top: 95px;
	}
	.onlive_player2{
		top: 377px;
	}
	.onlive_player3{
		bottom: 50px;
	}
	
	.list{
		overflow: hidden;
	}
	
	/*节目演出*/
	.show{
		height: 1000px;
	}

	.showBot_square{
		width: 464px;
	    height: 340px;
	    float: left;
	}
	.showBot_square>img{
		width: 464px;
	    height: 290px;
	}
	.showBot_square:nth-of-type(2) ,.showBot_square:nth-of-type(3) ,.showBot_square:nth-of-type(5) ,.showBot_square:nth-of-type(6){
		margin-left: 98px;
	}
	.showBot_square:nth-of-type(4) ,.showBot_square:nth-of-type(5) ,.showBot_square:nth-of-type(6){
		margin-top: 94px;
	}
	.showWord{
		font-size: 17px;
		line-height: 50px;
	}
	.showWord_lf{
		float: left;
	}
	.showWord_rf{
		float: right;
	}
	.game_square{
		width: 45%;
	}
	.game_square:nth-of-type(1){
		float: left;
	}
	.game_square:nth-of-type(2){
		float: right;
	}
	.game_square>img{
		width: 100%;
	}
	/*底部*/
	.footer{
		width: 100%;
	    font-size: 20px;
	    color: #fff;
	    text-align: center;
	    line-height: 40px;
	    background-color: #2f2f2f;
	}
	
	.gamepage{
		width: 1600px;
		margin: 0 auto;
	}



	.move{
	    height: 4px;
	    width: 100px;
	    border-top: 4px solid rgb(202, 5, 0);/*只需要将上边显示出来*/
	    position: absolute;
	    left: 0;
	    top: 70px;
	    transition: left .2s ease-in-out 0s;/*包含四个过度属性：执行变换属性、执行时间、速率、延迟*/
	    -webkit-transition: left .2s ease-in-out 0s;/*chrome和safari*/
	    -moz-transition: left .2s ease-in-out 0s;/*firefox*/
	    -o-transition: left .2s ease-in-out 0s;/*opera*/
	}
	.navMiddleWord:nth-child(1):hover~ .move{    /*li元素的父元素的第一个子元素，当鼠标停留其上时，move元素的left属性改变*/
	    left: 0px;
	}
	.navMiddleWord:nth-child(2):hover~ .move{
	    left: 100px;
	}
	.navMiddleWord:nth-child(3):hover~ .move{
	    left: 200px;
	}
	.navMiddleWord:nth-child(4):hover~ .move{
	    left: 300px;
	}
	/*.navMiddleWord:nth-child(1):active~ .move{    
	    left: 0px;
	}
	.navMiddleWord:nth-child(2):active~ .move{
	    left: 100px;
	}
	.navMiddleWord:nth-child(3):active~ .move{
	    left: 200px;
	}
	.navMiddleWord:nth-child(4):active~ .move{
	    left: 300px;
	}*/
	.navMiddleWord>a:hover{
		color: rgb(202, 5, 0);
	}
	.navMiddleWord>a:active{
		color: rgb(202, 5, 0);
	}