@import url("common.css?2021");
.clearfix-n{
	clear: both;
}

.flex{
	display: flex;
	flex-direction: row;
	align-items: center;
}



/* 顶部导航 */
.top-nav{margin-bottom: 10px;background-color: #fff;padding: 15px 0;}
.top-nav ul{display: flex;
	justify-content: space-around;}
.top-nav::after{content: '';clear: both;}
.top-nav ul li{float: left;	width: 116px;text-align: center;position: relative;display: block; position: relative;}
.top-nav ul li a{display: block;}
.top-nav ul li a:hover{ color: #ff7200;}
.top-nav ul li::after{position: absolute;right: -40px;top: 2px;content: '';	height: 20px;width: 0.5px;background-color: #e7e7e7;}
.top-nav ul li:nth-last-child(1)::after{width: 0;}
.top-nav ul li .icon-{
	position: absolute;
	transition-duration:.3s;
	right: 15px;
	top: 0%;
}
.gongzhonghao .logos{ display: none;}
.gongzhonghao a:hover .icon-{
	transform:rotate(180deg);
	transition-duration:.3s;
}
.gongzhonghao:hover .logos{
	display: block;
}
.logos{ position: absolute; width: 120px; height: 120px; left: 0; top: 30px;}
.logos img{ width: 100%; height: 100%;}

.index-adv{ width:1280px; margin:10px auto;}
.index-adv li{ float:left; width:630px;}
.index-adv li img{ display:block; width:100%;}
.index-adv li:nth-child(2n){ float:right;}

.index-fenlei-pic{margin-bottom: 10px;}
.index-fenlei-pic ul{ display:flex;}
.index-fenlei-pic ul li{ flex:1; background:#ecf5f3; margin-right:20px; padding:20px 30px; text-align:center; line-height:1.5;}
.index-fenlei-pic ul li a:hover{ color: #fff; text-decoration: none;}
.index-fenlei-pic ul li img{ display:block; max-width:80%; margin:0 auto;}
.index-fenlei-pic ul li h2{ font-size:16px; font-weight:bold; color:#000; margin:8px auto;}
.index-fenlei-pic ul li p{ font-size:14px; color:#888;}
.index-fenlei-pic ul li:last-child{ margin-right:0;}


.index-fenlei-pic ul li:nth-child(2){ background:#f0f0f0;}
.index-fenlei-pic ul li:nth-child(3){ background:#f9eeea;}
.index-fenlei-pic ul li:nth-child(4){ background:#f8f1f8;}
.index-fenlei-pic ul li:nth-child(5){ background:#f0f0f0;}
.index-fenlei-pic ul li:nth-child(6){ background:#ecf2f5;}
.index-fenlei-pic ul li:hover{ background:#f78015;}
.index-fenlei-pic ul li:hover h2{ color:#fff;}
.index-fenlei-pic ul li:hover p{ color:#fff;}

.index-fenlei{ margin:20px auto ; }
.index-fenlei li{ float:left; width:28.7%; margin-right:1%; margin-bottom:1%;background:#fff; padding:30px 25px; border-radius:3px;}
.index-fenlei li h2{ font-size:18px; color:#0481e4; font-weight:bold; display:block; margin-bottom:15px; line-height:30px; height:30px; overflow:hidden;}
.index-fenlei li h2 img{ display:block; width:30px; float:left; margin-right:15px;}
.index-fenlei li .cat-list{ font-size:14px; line-height:2.3; padding-left:45px; height:90px; overflow:hidden;}
.index-fenlei li .cat-list a{ display:block; width:33%; float:left; margin:0; padding:0; color:#888;}
.index-fenlei li .cat-list a:hover{ color:#0481e4;}
.index-fenlei li:nth-child(3n){ margin-right:0;}


.index-shuju{ margin:20px auto;}
.index-shuju ul{ display:flex;}
.index-shuju ul li{ flex:1; background:#fff; border:1px solid #eee; border-radius:5px; line-height:1.6; padding:20px 15px; margin-right:20px;}
.index-shuju ul li img{ float:left; height:40px; margin-right:15px;}
.index-shuju ul li h2{ font-size:16px; color:#000;}
.index-shuju ul li p{ font-size:12px; color:#666;}
.index-shuju ul li:last-child{ margin-right:0;}

.piao{ width:100%; position:fixed; height:150px; background:url(images/piao.png) no-repeat center; bottom:0;}
.piao ul{ padding-top:80px;}
.piao ul li{ font-size:18px; line-height:40px; margin-right:50px;}
.piao ul li span{ color:#fff;}
.piao ul li .p-select{ display:block; font-size:14px;border-radius:40px; font-size:14px; background-color: #fff; border-radius: 40px; line-height:40px; padding: 8.5px 21px;}
.layui-select{ width: 100px;}
.piao ul li .p-select select{border: 0; }
.piao ul li .p-input{ width:240px; height:40px; line-height:40px; padding:0 15px; border: 0; border-radius:40px; font-size:14px;}
.piao ul li .p-btn{ width:186px; height:52px; background:url(images/sub.png) no-repeat; border: 0;}
.piao ul li:last-child{ margin-right:0;}
.piao .p-close{ position:absolute; left:10px; top:-20px; height:35px; line-height:35px; width:35px; font-size:20px; text-align:center; background:#fff; border-radius:35px; box-shadow:0 0 15px rgba(0,0,0,0.2);}




/* 视频展示 */
.video{
	margin: 5px 0;
}
.video .title-box h2{
	display: inline-block;
	font-size: 24px !important;
	font-weight: bolder;
	margin-left: 10px;
}
.video-main{
	background-color: #fff;
	width: 1036px;
}
.video-list{	
	padding: 10px;	
}
.video-item{
	width: 170px;
	margin: 10px;
	margin-bottom: 30px;
}
.video-thumb{
	
}
.video-thumb img{
	width: 170px;
	height: 263px;
}
.video-item .desc{
	margin-top: 20px;
}
.video-item .desc .avatar img{
	width: 30px;
	height: 30px;
	border-radius: 100%;
}
.avatar-text{
	width: 60px;
	height: 33px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
}
.video-title{
	height: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.video-right{ width: 326px;}

/* 视频热榜 */
.rank-list{
	
}

.rank-item{
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 25px 0;
}
.rank-item .video-inf .video-title{
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 215px;
}

.rank-num{
	width: 60px;
	text-align: center;
	margin-right: 10px;
	font-size: 35px;
	font-weight: bold;
	color: #9E9E9E;
}
.rank-hot{
	background: url(images/hot.png) no-repeat;
	background-position:center;
	background-size: 60px;
}
.rank-0{
	color: #FE3666;
}
.rank-1{
	color: #FF6F00;
}
.rank-2{
	color: #FFA700;
}
.video-titles{
	height: 23px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 235px;
}
.video-titles a{
	color: #333;
}

/*浮动导航*/
.header_fixed{width:100%; position: fixed; _position:absolute; height:55px;top:0px;left:0px; z-index:1000000000; box-shadow: 0 0 15px rgba(0,0,0,0.5);}
.header_fixed_cont{width:1200px; margin:0 auto; position:relative}
.header_fixed_close a{color:#fff;}
.header_fixed_close { position:absolute;right:-40px;top:20px; display:none;}
.header_fixed_list{height:55px; display:flex;  text-align:center;}
.header_fixed_list li{margin-left:1px; display:block; line-height:55px; font-size:14px;}
.header_fixed_list li a{color:#fff; display:block; font-size:18px; padding:0 20px;}
.header_fixed_list li a:hover{color:#fff; text-decoration:none}
.header_fixed_login{width:135px; position:absolute;right:0px;top:0px;}
.header_fixed_login_l{height:25px; line-height:25px; text-align:center; color:#fff; float:left; margin-left:2px; background:#da411e}
.header_fixed_login_box{width:65px; position:absolute;left:0px;top:25px; background:#005e9d;}
.header_fixed_login_dl{position:relative; cursor:pointer; display:inline-block;padding-left:15px; padding-right:15px;}
.header_fixed_login_a{ display:block; text-align:center;color:#fff; line-height:30px; }
.header_fixed_login_a:hover{background:#1c99ef;color:#fff; text-decoration:none}
.header_fixed_reg_box{width:64px; position:absolute;left:-5px;top:25px; background:#00b2fc;border:1px solid #00b2fc;}
.header_fixed_login_after{width:125px;height:25px; line-height:25px; float:left; position:relative;}
.header_fixed_login_after_cont{ background:#00b2fc  url(../images/yun_h_icon.gif) no-repeat 110px center;color:#fff; padding-left:10px; cursor:pointer}
.header_fixed_login_after_name{ width:92px;height:25px; line-height:25px; display:block; overflow:hidden}
.header_fixed_reg_box_ye{width:123px; position:absolute;left:0px; background:#00b2fc;border:1px solid #00b2fc}
.header_fixed_reg_box_ye .header_fixed_login_a{ border-top:1px solid #4fcafd;color:#fff}

.yun_bg_color {
	background: #0481e4;
}