.banner{
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 420px;
}
.banner img{
	position: relative;
	left: 50%;
	margin-left: -960px;
}
@media screen and (min-width: 1920px) {
	.banner{
		height: auto;
	}
	.banner img{
		width: 100%;
		left:0px;
		margin-left: 0px;
	}
}
.typeBtnBox{
	width: 100%;
	padding: 43px 17px 8px;
}
.typeBtn{
	width: 162px;
	height: 148px;
	border-radius: 20px;
	background-color: white;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	padding: 32px 0px 0px;
	margin-right: 38px;
	margin-bottom: 47px;
}
.typeBtn:nth-child(6n){
	margin-right: 0px;
}
.typeBtnImage{
	width: 70px;
	margin: 0 auto;
}
.typeBtnImage img{
	width:100%;
}
.typeBtnTitle{
	width: 100%;
	font-size: 16px;
	color: #5c5c5c;
	text-align: center;
	line-height: 16px;
	margin-top: 11px;
}
.iTitle{
	position: relative;
	width: 100%;
	height: 102px;
}
.iTitle::before{
	content: "";
	position: absolute;
	left: 0px;
	width: 100%;
	height: 2px;
	top: 50%;
	margin-top: -1px;
	background-color: #e0e1e3;
}
.iTitle::after{
	content: "";
	position: absolute;
	right: 0px;
	top: 0px;
	width: 20px;
	height: 100%;
	background-color: white;
}
.iTitle p{
	position: absolute;
	left: 0px;
	line-height: 102px;
	top: 0px;
	padding: 0px 20px 0px 36px;
	background: url(../img/iTitleIcon.png) no-repeat 0px center;
	background-color: white;
	font-weight: bold;
	color: #252525;
	font-size: 25px;
}
.swiperBox{
	width:1200px;
	overflow-x: hidden;
}
.swiper{
	width: 102%;
	margin-left: -1%;
	padding-bottom: 58px;
}
.swiperBanner{
	width: 586px;
	margin: 0 auto;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);	
	cursor: pointer;
}
.swiperImage{
	width:100%
}
.swiperImage img{
	width:100%;
}
.swiperContent{
	width: 100%;
	height: 106px;
	position: relative;
}
.swiperTxt{
	font-size: 19px;
	color: #5c5c5c;
	line-height: 28px;
	text-align: center;
	padding: 0px 110px;
	width: 100%;
}
.swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	margin: 0px 5px !important;
	background-color: #4188ee;
	opacity: 0.3;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 10px;
}
.swiper-pagination-bullet-active{
	opacity: 1;
}
.hotContainer{
	width:100%;
	background-color: #f8f8f8;
	padding: 16px 0px 42px;
}
.iTitleHot p{
	background-image: url(../img/iTitleHot.png);
	background-color: #f8f8f8;
}
.iTitleNew p{
	background-image: url(../img/newIcon.png);
	background-color: #f8f8f8;
}
.iTitleHot::after,.iTitleNew::after{
	background-color: #f8f8f8;
}
.indexBox{
	width:580px;
}
.listContainer{
	width: 100%;
	padding: 26px 22px 26px 22px;
	background-color: white;
	height: 460px;
}
.listBox{
	width:100%;
	height: 100%;
	padding-right: 10px;
	overflow-y: scroll;
}
#allVideo,#allImage{
	background-color: #000000;
}
#allVideo video{
	width: 100%;
	height: 100%;
	background-color: #000000;
}
.returnVideo,.returnImage{
	position: fixed;
	left: 0px;
	top: 80px;
	width: 116px;
	line-height: 52px;
	background-color: #106add;
	color: white;
	font-size: 26px;
	border-radius: 0px 52px 52px 0px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 2px;
	padding-right: 6px;
}
.mask7{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1001;
	background-color: rgba(0, 0, 0, 0.7);
}
#lookImage{
	max-width:100%;
	max-height: 100%;
}
#app{
	padding-bottom: 40px;
}
.navBar a:nth-child(1){
	margin-right: 0px;
}
.indexSearch{
	width: 832px;
	margin: 40px auto 18px;
	border-radius: 66px;
	background-color: #f6f6f6;
	overflow: hidden;
	position: relative;
}
.indexSearch input{
	width: 100%;
	height: 62px;
	padding: 0px 180px 0px 90px;
	border: 2px solid #3170db;
	border-radius: 66px;
	background: url(../img/indexSearch.png) no-repeat 31px center;
	background-color: #f6f6f6;
	font-size: 26px;
	color: #a3a3a3;
}
.indexSearchBtn{
	position:absolute;
	right: 0px;
	top: 0px;
	line-height: 66px;
	width: 158px;
	background-color: #3170db;
	border-radius: 66px;
	color: white;
	font-size: 27px;
	text-align: center;
}
.list{
	padding: 24px 88px 24px 110px;
}
.listTime{
	left:0px;
}
.listStatus{
	right:5px;
}
.listBox::-webkit-scrollbar {
	width: 3px;    
	/*height: 4px;*/
}
.listBox::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: rgba(231,242,255,1);
}
.listBox::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0);
	border-radius: 0;
	background: rgba(255,255,255,1);

}
.moreList{
	position: absolute;
	right: 0px;
	width: 74px;
	line-height: 102px;
	font-size: 18px;
	color: #6c6b6b;
	background: url(../img/moreList.png) no-repeat 53px center;
	background-color: #f8f8f8;
	padding-left: 15px;
	z-index: 1001;
}
.bannerIndex{
	width:1200px;
	position: absolute;
	left: 50%;
	margin-left: -600px;
	bottom: 0px;
	font-size: 20px;
	color: white;
	line-height: 50px;
}