/*公共样式*/

body,div,p,ul,li,ol,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,input,img{

	padding:0;

	margin:0;

	list-style:none;

}

html{

	font-family: Microsoft YaHei, Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;

	font-size:100px;

}

body{

	position: relative;

	width: 100%;

	margin: 0 auto;

	background-color: #ffffff!important;

}

a{

	color: #333333;

	text-decoration: none;	

	cursor: pointer;

}

.left{

	float: left;

}

.right{

	float: right;

}

.clear{

	clear: both;

}

.clearfloat:after{

	content:".";

	display: block;

	visibility: hidden;

	height:0;

	clear:both;

}



/*本页样式*/

.mainTitle{

	padding-left: 0.32rem;

	margin-top: 0.5rem;

	font-size: 0.6rem;

	text-align: left;

	color: #000000;

}

.recommendSwiper{

	margin: 0.5rem 0 0.2rem 0;

}

.recommendSwiper .swiper-wrapper{

	width: 90%;

	margin:0 auto;

}

.recommendSwiper .swiper-slide img{

	width: 100%;

	height: auto;

	display: block;

}

.recommendSwiper .swiper-slide a{

	text-decoration: none;

}

.recommendSwiper .swiperTitle{

	font-size: 0.42rem;

	padding: 14px 12px 13px;

	background-color: #F7F7F7;

	text-decoration: none;

}

.categoryList{

	width: 90%;

	margin:0 auto;

	margin-bottom: 0.3rem;

}

.categoryList ul{

	display: flex;

	justify-content:center;

}

.categoryList li{

	position: relative;

	font-size: 0.46rem;

	font-weight: bold;

	padding: 0.4rem 0;

	width: 30%;

	text-align: center;

}

.categoryList li.on{

	color: #09bb07;

}

.categoryList li.on:after{

	content:"";

	display: block;

	position: absolute;

	left: 50%;

	transform:translateX(-50%);

	bottom: 0;

	width: 25%;

	height: 2px;

	background-color: #09bb07;

}

.videoList>div{

	display: none;

}

.videoList>div:nth-child(1){

	display: block;

}

.video{

	text-decoration: none;

}

.videoImg{

	display: block;

	position: relative;

	width: 100%;

	height: 5.6rem;

}

.videoImg img{

	display: block;

	width: 100%;

	height: auto;

}

.videoImg .play_button{

	position: absolute;

	width: 1.45rem;

	height: 1.45rem;

	left: 50%;

	top: 50%;

	transform:translate(-50%,-50%);

}

.videoInformatin{

	padding:0 0.32rem 0.2rem;

	margin-bottom: 0.3rem;

	color: #6C6C6C;

	font-size: 0.375rem;

}

.videoTitle{

	font-size: 0.43rem;

	line-height: 1rem;

	font-weight: bold;

	color: #161616;

	text-decoration: none;

}

.videoInformatin div:nth-child(2){

	line-height: 0.375rem;

}

.share p:first-child{

	margin-right: 5px;

}

.share p:first-child em{

	background: url(../image/view.png) no-repeat center center;

	width: 0.45rem;

	background-size: 100% 100%;

}

.share p:nth-child(2) em{

	background: url(../image/share.png) no-repeat center center;

	background-size: 100% 100%;

}

.share em{

	display: inline-block;

	width: 0.375rem;

	height: 0.375rem;

	margin-top: -2px;

	margin-right: 3px;

	vertical-align: middle;

}

.share p{

	display: inline-block;

}

.video_box{

	/*display: none;*/

	width: 100%;

	height: 5.6rem;

	position: absolute;

	left: 0;

	top:0;

}

/*分享弹窗*/

.bottom_box{

	display: none;

	position: fixed;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0,0,0,.4);

	z-index: 1000;

	color: #6C6C6C;

}

.share_box{

	position: fixed;

	bottom: 0;

	left: 0;

	width: 100%;

	padding: 0.2rem 0 ;

	background-color: #fff;

	border-top-left-radius: 8px;

	border-top-right-radius: 8px;

	font-size: 0.375rem;

}

.share_box p{

	font-size: 0.5rem;

	text-align: center;

	margin-bottom:0.45rem;

}

.share_box em{

	display: block;

	width: 1.3rem;

	height: 1.3rem;

	margin: 0 auto;

	margin-bottom:0.15rem;

	border:1px solid #F3F3F3;

	border-radius: 0.65rem;

}

.share_box ul li:nth-child(1) em{

	background: url(../image/weixin.png) no-repeat center center;

	background-size: 55%;

}

.share_box ul li:nth-child(2) em{

	background: url(../image/wexincircle.png) no-repeat center center;

	background-size: 55%;

}

.share_box ul li:nth-child(3) em{

	background: url(../image/weibo.png) no-repeat center center;

	background-size: 55%;

}

.share_box ul li:nth-child(4) em{

	background: url(../image/qq.png) no-repeat center center;

	background-size: 55%;

}

.share_box ul li:nth-child(5) em{

	background: url(../image/qqzone.png) no-repeat center center;

	background-size: 55%;

}

.share_box ul{

	padding: 0 0.5rem;

	text-align: center;

}

.share_box ul li{

	float: left;

	width: 30%;

	margin-right: 5%;

	margin-bottom: 0.35rem;

}

.share_box ul li:nth-child(3){

	margin-right: 0;

}