.index-main{
    width:100%;
    height:100%;
    /*background: url('/HTML/Img/bg1.png') no-repeat center;*/
    background-size: cover;
	display: flex;
    flex-direction: column;
}
ul li{
    list-style: none;
    margin:0px;
    padding:0px;
}
/*.index-main img{
    width:100%;
    height:100%;
}*/

.index-list li{
   /*	width: 12vw; */
    width: calc(70vw / 6);
    height: auto;
   /* overflow: hidden; */
    text-align: center;
   /* float: left;
    margin-right: 3vw;*/
    margin-bottom: 10vh;
	
}
.index-list li .index-list-img{
	/*width: 7vw;*/
    height: 10vh;
}
.index-list-img img{
    height: 100%;
}
.index-list li .index-list-img.imgNone{
    display: none;
}
.index-list li .index-list-img.imgNormal{
    display: none;
}
.index-list li .index-list-img.imgHover{
    display: inline-block;
	cursor:pointer;
}
.index-list{
	height: auto;
    overflow-x: hidden;
	overflow-y: scroll;
    flex: 1;
	margin: 20vh 15vw 0 15vw;
    display: flex;
    flex-wrap: wrap;
}
ul.index-list::-webkit-scrollbar{
	display: none;
}
.index-content{
    font-weight: 600;
    color: #fff;
    font-size: 2.2vh;
    margin-top: 3vh;
	text-shadow: 0px 2px 3px #000;
    opacity: 0.8;
}
.header-nav{
	height:7vh;
	width:100%;
	background:rgba(0,0,0,0.65);
}
.header-container{
	width:59vw;
	margin:0 auto;
	 height: 100%;
	display:flex;
	justify-content:space-between;
	background: url('/HTML/IMG/logo_icon.png') no-repeat left center;
	cursor:pointer;
}
/*.header-logo{
	width:12vw;
	background:url('/HTML/IMG/logo_icon.png') no-repeat center;
    background-size: 85%;
    height: 100%;
	cursor:pointer;
}*/
.header-right {
    display: flex;
    color: #fff;
    line-height: 7vh;
}
.header-user-icon{
	background:url("/HTML/IMG/user_icon.png") no-repeat center left;
	padding-left: 2.5vw;
}
.header-logout-icon{
	background: url(/HTML/IMG/logout_icon.png) no-repeat 0.7vw center;
	padding: 0 0.8vw 0 3vw;
	margin-left:2vw;
}
.header-logout-icon:hover{
    background: rgba(255,255,255,0.25) url(/HTML/IMG/logout_icon.png) no-repeat 0.7vw center;
	cursor:pointer;
}
.header-user-title{
	vertical-align:middle;
	opacity: 0.85;
}
.imgActived{
	cursor:pointer;
}
.footer{
	height:5vh;
	width:100%;
	background:rgba(0,0,0,0.4)
}
.footer-txt{
	color:#fefefe;
	font-weight:lighter;
	text-align:center;
    font-size: 1.5vh;
	line-height:5vh;
}
.linkTxt{
	margin:0;
	padding-left:24vw;
	color:#fefefe;
	border-top:1px solid #fefefe;
	line-height:4vh;
	cursor:pointer;
	font-size: 2.2vh;
	text-shadow: 0px 2px 3px #000;
	font-weight:600;
	}
.linkTxt:hover,.linkTxt:focus{
	text-decoration:none;
	color:#fefefe;
}
@media screen and (max-width: 768px) {
	.index-list{
		padding-left:5px;
	}
	.index-list li{
		margin: 0 19px;
		display: flex;
    flex-direction: column;
    align-items: center
	}
	.index-list li .index-list-img{
		width: 100px;
		height: 100px;
	}
	.index-list-img img{
		width:100%;
		height:auto;
	}
}
/*.portal-userName{
	color:#ff5f5f;
}*/