/* menu start */
*{
	margin:0px;
	padding: 0px;
}
.wrap{
	width:1280px;
	height:720px;
 	background-image: url("../img/bg_audio.jpg");
 	position:relative;
/*
	background-size:100% 100%; 
	position: relative;
	margin:0 auto; */
}
/*第一层右上右下圆角*/
.menu-wrap{
	width: 108px;
	height: 520px;
	margin-left: 5px;
	margin-top: 99px;
	-webkit-border-top-right-radius: 40px;
	-webkit-border-bottom-right-radius: 40px;
	background-color: #17191e;
	position: absolute;
	opacity:0.92;
	filter:alpha(opcity=92);
}
.menu{
	margin-left: 17px;
	margin-top: 43px;
	/* border:1px solid red;	 */
}
.menu-item{
	width:73px;
	height:92.3x;
	margin-left: 10px;
	/* border:1px solid lightyellow; */
}
.menu-item1{
	width:73px;
	height:92.3x;
	margin-top:40px;
	margin-left: 10px;
	border:1px solid blue;
}
.channel-bg{
	width:73px;
	height:90.3px;
}
.word{
	top: -27px;
	letter-spacing: 1px;
	text-align: center;
	position: relative;
}
.channel{
	color:#fff;
	font-family: ;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	color: #0070c4;
}
.channel-hl{
	color:#fff;
	font-family: Montserrat-Regular;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
.icorn-item{
	width:74px;
	height:74px;
	display:inline-block;
	position: relative;
	background:url("../img/menu1.png") no-repeat;
	/* border:1px solid green; */

}
.setting-icorn {
	width:74px;
	height:74px;
	display:inline-block;
	position: relative;
	background:url("../img/setting.png") no-repeat;
}
.setting-h1-icorn {
	width:74px;
	height:74px;
	display:inline-block;
	position: relative;
	background:url("../img/setting_audio.png") no-repeat;
	/* border:1px solid red; */
	/* margin-top:570px; */
}
.icorn-hl-item{
	width:74px;
	height:74px;
	display:inline-block;
	position: relative;
	background:url("../img/menu1-h1.png") no-repeat;
}
.live-icorn{
	background-position: 0px 0px;
}
.vod-icorn{
	background-position:0px -93.3px;
}
.audio-icorn{
	background-position:0px -186.3px;
}
.guide-icorn{
	background-position:0px -279.6px;
}

/* menu end */

/*thrid-menu begin*/
.cnn-blue-word{
	/*margin-top:65px;*/
	/*border: 2px solid red;*/
	height:37px;
	display:block;
	/*line-height:42px;*/
	/*padding-left:25px;*/
	/*background:blue;*/
	color:#fff;
	font-size:18px;
	position:relative;
	/*top:37px;*/
	left:0px;
}
.third-menu-wrap{
	width:562px;
	height:435px;
	/*background:red;*/
	display:block;
	position:absolute;
	left:108px;
	top:43px;
	margin-top:0px;
	opacity:0.98;
	filter:alpha(opcity=98);


	/*display:none;*/
}
.third-menu-left{
	width:206px;
	height:431px;
	float:left;

}
/*第三菜单文字*/
.grey-word{
	width:275px;
	height:37px;
	display:block;
	padding-left:35px;
	color:#585858;
	font-size:18px;
	position:relative;
	word-break: break-all;
	word-wrap: break-word;
	overflow:hidden;
	/*margin-left: 20px;*/
	top: -12px;
	text-overflow:ellipsis;

}
/*第三菜单上下滑动的右上右下圆角特效*/
.nameon,.storyon,.divideon{
/*	width:214px;
	height:43px;
	background:url("../img/link two.png") no-repeat;
	position:absolute;
	left:235px;
	top:115px;*/
	width:360px;
	position:relative;
	left:0px;
	/*top:50px;*/
	top: 21px;
	/*height: 54px;*/
	height: 37px;
	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-right-radius: 25px;
	background-color: #003060;

}
/*主菜单和第一菜单滑动的特效*/
/*.push-left,.push-right{
	width:20px;
	height:100%;
	background:#0e0e0e;
	float:left;
}
.push-left-icorn{
	width:15px;
	height:20px;
	display:block;
	background:blue;
	float:left;
	margin-left:5px;
	margin-top:350px;
	background:url("../img/left.png") no-repeat;
}
.push-right-icorn{
	transform:rotate(180deg);
}*/
.secondary-details{
	/*width:215px;
	height:431px;
	padding-top:50px;
	background:#212121;
	float:left;*/
	height:411px;
	width: 206px;
	padding-top:21px;
	background-color: #101113;
	float:left;
}
/*第二菜单文字设置*/
.secondary-details .blue-word{
	height:37px;
	line-height: 37px;
	display: block;
	margin-left:25px;
	color:#585858;
	font-size:18px;
	text-overflow:ellipsis;
}
/*第二个菜单上下走到的文字设置(上下游动图标选中时)*/
.blue-word-on{
	/*width:215px;
	height:43px;
	line-height:43px;
	display:block;
	color:#25aae1;
	font-size:18px;
	padding-left:25px;
	background:url("../img/linkother.png") no-repeat;*/
	width:181px;
	height:37px;
	/*position:relative;*/
	font-size:18px;
	padding-left:25px;
	line-height:37px;
	display: block;
	/*margin-top: 10px;*/
	/*top: 21px;*/
	/*margin: 10px; */
	/*height: 37px;*/
	color:#0070c4;
	font-weight: 900;
	background-color: #000;
}
/*定义第三个菜单的背景右上右下圆角*/
.third-details{
	width:386px;
	height:431px;
	-webkit-border-top-right-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	background-color: #101113;
	position: relative;
	float:left;
	border-left:1px solid rgba(255, 255, 255, 0.03); 
}

/*第三个菜单*/
.third-menu-right{
	width:386px;
	height:431px;
	position:absolute;
	left:206px;
	-webkit-animation: secondary-menu-show-move 0.5s;
}
@-webkit-keyframes secondary-menu-show-move
{
from {left:176px;}
to {left:206px;}
}
.third-menu{
	width:20px;
	height:431px;
	float:right;
	/*display:none;*/
}
/*第一菜单下拉箭头*/
.dropdown-icorn{
	height:40px;
	display:block;
	background:url("../img/down two.png") no-repeat center;
}
/*第二菜单下拉箭头*/
.dropdown2{
	margin-left:-30px;
	margin-top: -20px;
}
/*thrid-menu end*/

/* notice start */
.notice{
	width:1280px;
	height:35px;
	position:absolute;
	list-style:none;
	margin-top:670px;
	margin-left: 10px;
	-webkit-animation: playing-show-move22 1s 4s infinite;
	-webkit-animation-iteration-count:1;
	/* overflow:hidden; */
}
@-webkit-keyframes playing-show-move22
{
from {left: 0px;}
to {left: 1800px;}
}
.notice1{
	margin-left:5px;
	padding-left:3px;
	height:35px;
	line-height:35px;
	width:100px;
	position:absolute;
	/* bottom:-180px; */
	background:rgba(58, 58, 246, 0.9);
	display:inline-block;
	text-align:center;
	font-family: 'Montserrat-Bold';
	font-size: 20px;
	font-weight:900;
	letter-spacing:1px;
	color:rgba(0, 0, 0, 0.7);
}
.notice2{
	margin-left:105px;
	padding-left:20px;
	position:absolute;
	height:35px;
	width:1120px;
	background:rgba(0, 0, 0, 0.8);

}
 .imag img{
	margin:7px auto;
	display:inline-block;

}
.notice-content-item{
	line-height:35px;
	padding-left:5px;
	display:inline-block;
	width:1075px;
	height:30px;
	position:absolute;
	font-family:'Montserrat-Bold';
	font-weight:500;
	color:rgba(255, 255, 255, 0.8);
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
/* notice end */