@charset "utf-8";
body{
	margin:0;
	padding:0;
	letter-spacing:1px;
	font-family:Arial,Microsoft YaHei,"微软雅黑",STXihei,"华文细黑",STHeiti,Sans-serif;
	overflow:hidden;
	-webkit-text-size-adjust:none;
	width:100vw;
	height:100vh;
	font-size:1rem;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.logo{
	max-height:3rem;
}

/* 横屏样式 */
@media (orientation: landscape) {
	#slider{
		position:relative;
		width:100%;
		aspect-ratio:1920 / 450;
	}
	.portOnly{
		display:none;
	}
	@media only screen and (max-width:768px){
		html{
			font-size:10px;
		}
	}
	@media only screen and (min-width:769px) and (max-width:1023px){
		html{
			font-size:12px;
		}
	}
	@media only screen and (min-width:1024px){
		html{
			font-size:16px;
		}
	}
	
}
/* 竖屏样式 */
@media (orientation: portrait) {
	html{
		font-size:20px;
	}
	#slider{
		position:relative;
		width:100%;
		aspect-ratio:750 / 450;
	}
	.landOnly{
		display:none;
	}
	@media only screen and (max-width:767px){
		html{
			font-size:10px;
		}
	}
	@media only screen and (min-width:768px) and (max-width:1023px){
		html{
			font-size:16px;
		}
	}
	@media only screen and (min-width:1024px){
		html{
			font-size:20px;
		}
	}
	
}

.items{
		display:inline-block;
		position:relative;
		width:9rem;
		margin:1rem;
		min-height:5rem;
		vertical-align:top;
		
	}
.headerHM{
	position:relative;
	width:100%;
	background-color:white;
	height:7rem;
	box-shadow:0 0 .5rem #ccc;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:1.5rem 2.5rem;
	box-sizing:border-box;
}
.header{
	position:relative;
	width:100%;
	height:4rem;
	box-shadow:0 0 .5rem #ccc;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:1.5rem 2.5rem;
	box-sizing:border-box;
	background:linear-gradient(to bottom,white,white,#f0f0f0);
}
.headerMenu{
	position:relative;
	width:7rem;
	height:4rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	box-sizing:border-box;
	margin-right:4rem;
}
.headTitle{
	font-size:1.4rem;
	font-weight:bold;
}
.window{
	position:relative;
	width:100%;
	height:100%;
	background-image:url(../imgs/icon/sheifBg.png);
	background-size:50%;
	overflow-x:hidden;
	overflow-y:auto;
	padding:6%;
	box-sizing:border-box;
}
.footer{
	position:relative;
	width:100%;
	height:6rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:1.5rem 2.5rem;
	box-sizing:border-box;
}
.headerTitle{
	font-size:2rem;
	font-style:italic;
	color:#ab2337;
}
.sliderPicImg{
	width:100%;
	height:100%;
	
}
.login{
	display:flex;
	height:42vh;
	max-height:25rem;
	flex-direction:column;
	box-sizing:border-box;
	justify-content:space-around;
	align-items:center;
	padding-bottom:2rem;
}
.psdChange{
	display:flex;
	height:50vh;
	max-height:60rem;
	flex-direction:column;
	box-sizing:border-box;
	justify-content:space-around;
	align-items:center;
	padding-bottom:2rem;
}
.loginInput{
	width:24rem;
	height:3.5rem;
	font-size:1.5rem;
	border:solid 1px #cecece;
	padding:1rem 2rem;
	box-sizing:border-box;
	border-radius:1rem;
	margin:3px;
}
.btnType1{
	width:24rem;
	height:3.5rem;
	background-color:#ab2337;
	color:white;
	font-size:1.5rem;
	text-align:center;
	line-height:3.5rem;
	border-radius:1rem;
	margin-top:1rem;
	border:solid 1px #ab2337;
	transition:.3s all ease-out;
}
.btnType1:hover{
	background-color:white;
	color:#ab2337;
}
.btnType4{
	width:24rem;
	height:3.5rem;
	background-color:white;
	color:#ab2337;
	font-size:1.5rem;
	text-align:center;
	line-height:3.5rem;
	border-radius:1rem;
	margin-top:1rem;
	border:solid 1px #ab2337;
	transition:.3s all ease-out;
}
.btnType1:hover{
	background-color:white;
	color:#ab2337;
}
.btnType2{
	width:2.2rem;
	height:2.2rem;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
.search{
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:12rem;
	height:2.4rem;
	border:solid 1px #a0a0a0;
	border-radius:.5rem;
	margin-right:0rem;
	padding:.2rem;
	box-sizing:border-box;
	
}
.inputSearch{
	position:relative;
	display:inline-block;
	width:9rem;
	border:none;
	height:1.4rem;
	line-height:1.4rem;
	font-size:1rem;
	margin-right:.3rem;
}
.inputSearch:focus{
	outline:none;
}
.btnType3{
	width:1.4rem;
	height:1.4rem;
	margin-left:.2rem;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
.menuClass{
	position:relative;
	display:flex;
	justify-content:space-around;
	align-items:center;
	width:60%;
}
.menuClassBtn{
	position:relative;
	width:3rem;
	height:3rem;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
.menuClassBtn:nth-child(1){
	background-image:url(../imgs/icon/menu1.png);
}
.menuClassBtn:nth-child(2){
	background-image:url(../imgs/icon/menu2.png);
}
.menuClassBtn:nth-child(3){
	background-image:url(../imgs/icon/menu3.png);
}
.menuClassBtn:nth-child(4){
	background-image:url(../imgs/icon/menu4.png);
}
.menuClass .active:nth-child(1){
	background-image:url(../imgs/icon/menu1a.png);
}
.menuClass .active:nth-child(2){
	background-image:url(../imgs/icon/menu2a.png);
}
.menuClass .active:nth-child(3){
	background-image:url(../imgs/icon/menu3a.png);
}
.menuClass .active:nth-child(4){
	background-image:url(../imgs/icon/menu4a.png);
}

.folder{
	width:100%;
	height:9rem;
	aspect-ratio:13 / 10;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
.catalogFolder{
	background-image:url(../imgs/icon/catalogFolder.png);
}
.items .title{
	font-size:1.2rem;
	font-weight:bold;
	text-align:center;
	color:black;
}
.catalogImg{
	position:relative;
	width:80%;
	margin-left:10%;
	/*aspect-ratio:138 / 194;*/
	height:10rem;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	box-shadow:.2rem .2rem .5rem #999999;
	background-color:white;
}
.videoImg{
	position:relative;
	width:100%;
	/*aspect-ratio:138 / 194;*/
	height:6rem;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	box-shadow:.2rem .2rem .5rem #999999;
	background-color:white;
}
.items .name{
	font-size:1rem;
	line-height:1.5rem;
	text-align:center;
	font-style:italic;
	margin-top:.7rem;
	word-break:break-all;
}
.items .code{
	font-size:1.1rem;
	line-height:1.6rem;
	text-align:center;
	font-weight:bold;
}
.items .lang{
	position:absolute;
	bottom:0;
	font-size:.9rem;
	color:white;
	padding:8px;
	box-sizing:border-box;
	
}
.bgRed{
	background-color:#ab2337;
}
.bgBlue{
	background-color:#1c3bad;
}
.fileWindow{
	position:fixed;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.5);
	z-index:10;
	display:none;
}
.fileBody{
	position:relative;
	width:90%;
	height:90%;
	margin:5%;
	margin-top:4%;
	background-color:white;
	display:flex;
	flex-direction:column;
}
.fileTitle{
	width:100%;
	height:4rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	background-color:#ab2337;
	color:white;
	padding:1.5rem;
	box-sizing:border-box;
	font-size:1.5rem;
	line-height:2rem;
	font-weight:bold;
	white-space:nowrap;
}
.fileMenu{
	display:flex;
	width:6rem;
	justify-content:space-between;
	align-items:center;
}
.fileBody .fm{
	width:100%;
	height:100%;
	overflow-y:scroll;
	border:none;
}