@CHARSET "UTF-8";



.tube-baby-content{
	width:890px;
	float:left;
	min-height: 780px;
}


.tube-baby-content .content-title{
	width:100%;
	height:68px;
	background: #FFFFFF;
	margin-top:20px;
}
.tube-baby-content .content-title-label{
	font-size: 18px;
    color: #FE6E6E;
    letter-spacing: 0.6px;
    line-height: 18px;
    padding-top: 22px;
    margin-left: 33px;
    height: 38px;
    border-bottom: 3px solid;
	float:left;
}


.tube-baby-content .article-list-content{
	width:100%;
	margin-top:10px;
}

.tube-baby-content .article-list-li{
	height:150px;
	background: #FFFFFF;
	margin-bottom:5px;
	cursor: pointer;
}
.article-date,.article-content{
	float:left;
}
.article-date .article-day{
	font-family: Arial-Black;
	font-size: 34px;
	color: #FE6E6E;
	letter-spacing: 1.13px;
	line-height: 34px;
	padding-left:20px;
	padding-top:22px;
}
.article-date .article-month,.article-date .article-year{
	font-family: PingFang-SC-Regular;
	font-size: 14px;
	color: #666666;
	letter-spacing: 0.47px;
	line-height: 18px;
	padding-left:20px;
}
.article-list-li .article-img{
	float:left;
	margin-top: 15px;
    margin-left: 15px;
}
.article-list-li .article-img img{
	width:160px;
	height:120px;
}
.article-list-li .article-content{	
	width:587px;
}
.article-content .article-content-title{
	
	font-family: PingFang-SC-Medium;
	font-size: 15px;
	color: #000000;
	letter-spacing: 0.5px;
	margin: 24px 0 0 20px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
	
}
.article-content .article-content-desc{
	font-family: PingFang-SC-Regular;
	font-size: 13px;
	color: #333333;
	letter-spacing: 0.43px;
	line-height: 20px;
	margin-top:16px;
	margin-left: 20px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.wonderful-content{
	margin-top: 20px;
	width: 100%;
	background: #FFFFFF;
	height: auto;
	float: left;
	border: 1px solid #D7D7D7;
}
.image-name{
	text-align: center;
	padding: 30px 0px 15px 0px;
	font-size: 18px;
	color: #333333;
}
.pc-slide,.wonderful-video{
	width: 800px;
	margin: 0 auto;
}

.view .swiper-container,.video-content {
	width: 800px;
}

.view .arrow-left {
	background: url(/public/img/wonderful/index_tab_l.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.view .arrow-right {
	background: url(/public/img/wonderful/index_tab_r.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.preview,.video-preview{
	width: 100%;
	position: relative;
	margin-top: 30px;
	margin-bottom: 15px;
}

.preview .swiper-container{
	width: 737px;
	height: 82px;
	margin-left: 35px;
}
.video-preview .swiper-container{
	width: 736px;
	height: 82px;
	margin-left: 35px;
}
.preview .swiper-slide{
	width: 87px !important;
}
.video-preview .swiper-slide{
	width: 87px;
}
.preview .slide6 {
	width: 82px;
}

.preview .arrow-left,.video-preview .arrow-left{
	background: url(../../img/wonderful/feel3.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview .arrow-right,.video-preview .arrow-right{
	background: url(../../img/wonderful/feel4.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview img {
	padding: 1px;
}

.preview .active-nav img,.video-preview .active-nav img{
	padding: 0;
	border: 1px solid #F00;
}
.small-img{
	margin-right: 5px;
}
.video-preview .small-img > img{
	width: 100% !important;
	height: 80px;
}
.small-img > img{
	width: 87px !important;
	height: 80px;
}
.view .swiper-slide img{
	/*width:100%;*/
	max-width: 800px;
	max-height: 600px;
}

/*.view .swiper-wrapper{*/
	/*justify-content: center*/
/*}*/

/*  精彩视频  */
.video-content .video-list>ul>li{
	text-align: center;
	height: 100px;
	width: 191px;
	float: left;
	background-color: #DEF6E7;
}
.video-content .video-list>ul>li>img{
	display: inline-block;
	height: 100%;
}