._360{
	width:100%;
	overflow:hidden;
	zoom:1;
}
._360banner{
	background:url(http://oss.fk.houdask.com/sys/i/21/12/ff41d3641b3f491299d190b4a8e25b77.png) no-repeat center center;
	//background:url(/site/hd/resources/img/wx.png) no-repeat center center;
	background-size: 100%;
	width:100%;
	height:487px;
	padding-top:85px;
}
._360banner video{
	display: block;
	width:710px;
	height:400px;
	margin:0 auto;
}
.videoList{
	width:100%;
	height:400px;
	margin:30px auto 60px;
}
.videoList .swiper-slide{
	width:800px;
	height:400px;
	transform: scale(0.8);
}
.videoList .swiper-slide-active,.swiper-slide-duplicate-active{
	transform: scale(1);
}
.videoList .swiper-button-next{
	right:170px;
}
.videoList .swiper-button-prev{
	left:170px;
}
.videoList img{
	width:100%;
	height:100%;
}
.tit360{
	margin:0 auto;
	padding:50px 0 40px 0;
	text-align: center;
}
.tit360 h2{
	font-size:34px;
	color:#333;
	margin-bottom:10px;
}
.tit360 p{
	color:#b1b1b1;
	font-size: 16px;
}
.tit360 span{
	padding:0 15px;
}
.tit360 img{
	margin-top:50px;
}
.hot{
	overflow:hidden;
	margin-bottom:20px;
}
.shift{
	width: 1200px;
    margin: 0 auto 50px;
}
.title{
	clear: both;
	border-left:solid 5px #1566db;
	margin-bottom: 20px;
	overflow:hidden;
}
.title span{
	font-size: 24px;
	color:#333;
	padding-left:10px;
	float:left;
}
.title img{
	float: left;
    width: 40px;
    margin-left: 10px;
}
.classNav{
	font-size: 16px;
	color:#b1b1b1;
	float:left;
	line-height: 31px;
	margin-left:30px;
}
.classNav li{
	float: left;
	margin-right:35px;
	cursor: pointer;
}
.classNav .active{
	color:#1566db;
	font-size: 18px;
}
.info360 dl{
	float: left;
	width: 280px;
    background: #fff;
    box-shadow: 1px 2px 10px rgb(0 0 0 / 10%);
    transition: all .3s ease;
    position: relative;
    margin:0 22px 20px 0;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}
.info360 dl dt{
	width: 280px;
    height: 280px;
}
.info360 dl dt img{
	width: 100%;
    height: 100%;
}
.info360 dl:hover{
	box-shadow: 5px 5px 15px rgba(0,0,0,.3);
}
.info360 dl dd{
	padding:20px 19px;
	border:solid 1px #dadada;
	border-top:none;
}
.info360 h4{
	font-size: 18px;
	font-weight: normal;
    color: #344040;
    margin-bottom:10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.star{
	margin:13px 0;
}
.star i{
	display: inline-block;
	width:18px;
	height:18px;
	background:url(/site/hd/resources/img/360/star.png)0/100%;
	margin-right: 10px;
}
.time{
	font-size: 14px;
	color:#b1b1b1;
	margin:13px 0;
}
.price{
	overflow:hidden;
}
.price p{
	font-size: 12px;
	color:#b0b0b0;
	float:left;
	width:70%;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.price p span{
	color:#364042;
	margin:0 10px;
}
.price>span{
	font-size: 14px;
	color:#ef624e;
	float:right;
}
.price>span strong{
	font-size: 16px;
}
.info360 dl:nth-child(4n){
	margin-right:0;
}
.online360{
	/*background: url(http://oss.fk.houdask.com/sys/i/19/03/37f712164972477fbf43304c4bda47e3.jpg) center no-repeat;*/
	clear: both;
}
.online360 img{
	width:100%;
}
/* .online360_c{
	width:1200px;
	margin:0 auto;
}
.online360_c dl{
	float: left;
	color: #63687c;
	width: 33%;
	margin-bottom:30px;
}
.online360_c h6{
	font-size: 18px;
	margin-bottom:20px;
}
.online360_c p{
	font-size: 14px;
	line-height: 20px;
}
.online360_c dt{
	float: left;
}
.online360_c dd{
	float: left;
	margin:5px 10px 0 20px;
	width:280px;
} */
/* 播放视频 */
.shade360{
	width:100%;
	height:100%;
	position: fixed;
	left:0;
	top:0;
	background:rgba(0,0,0,.5);
	display: none;
}
.mask360{
	width: 946px;
    height: 570px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.mask360 img{
	position: fixed;
    right: 12%;
    top: 30px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}