body {
	font-family: 'Microsoft YaHei','Times New Roman', Times, serif;
	font-size: 14px !important;
	background-color: #f9f9f9;
}

body,html,i,div,p{margin: 0;padding: 0;list-style: none;}
i{font-style:normal}

.font-size-12{font-size: 12px;}
.font-size-13{font-size: 13px;}
.font-size-14{font-size: 14px;}
.font-size-15{font-size: 15px;}
.font-size-16{font-size: 16px;}
.font-size-17{font-size: 17px;}
.font-size-18{font-size: 18px;}
.font-size-19{font-size: 19px;}
.font-size-20{font-size: 20px;}
.font-size-21{font-size: 21px;}
.font-size-22{font-size: 22px;}

.border-r-3{border-radius: 3px;}
.border-r-5{border-radius: 5px;}
.border-r-10{border-radius: 10px;}
.border-r-15{border-radius: 15px;}
.border-r-50{border-radius: 50%;}

.cursor-pointer{cursor: pointer;}

.ell-1 {
   overflow: hidden;
   -webkit-line-clamp: 1;
   -moz-line-clamp: 1;
   -ms-line-clamp: 1;
   -o-line-clamp: 1;
   line-clamp: 1;
   -webkit-box-orient: vertical;
   -moz-box-orient: vertical;
   -ms-box-orient: vertical;
   -o-box-orient: vertical;
   box-orient: vertical;
   display: -webkit-box;
   display: -moz-box;
   word-break: break-all;
}

.ell-2 {
    overflow: hidden;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    word-break: break-all;
}
.ell-3 {
    overflow: hidden;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    -o-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    word-break: break-all;
}



.search {
	border: 1px solid #F7F7F7;
	background-color: #F7F7F7;
	padding: 5px 15px;
	border-radius: 50px;
}

.search input {
	border: none;
	outline: none;
	background-color: transparent;
}

.carousel-indicators li {
	border-radius: 50%;
	width: 5px;
	height: 5px;
	border: none;
}

.carousel-indicators .active {
	width: 15px;
	border-radius: 10px;
}
.navbar .active {color: #5EEEF8;}



.indexTitle{position: relative;color: #3D3D3D; font-weight: bold;}
.indexTitle::after{content: " "; position: absolute;background: url("/static/images/icon-1.png") no-repeat bottom center;height: 10px;width: 100%;background-size: 14px 5px;bottom: -7px;left: 0;}

.classify span{cursor: pointer;}
.articleItem{transition: all .2s;}
.articleItem:hover{ cursor: pointer;transform: translateY(-5px);}
.articleItem:hover .a-title{ text-decoration:underline; color: red !important;} 

.advArtTitle{background: linear-gradient(0deg, #000000 0%, #000000 0%, rgba(0,0,0,0.32) 76%, rgba(0,0,0,0.08) 100%, rgba(0,0,0,0.08) 100%);width: 100%;bottom: 0;z-index: 9;color: #fff; padding: 5px 10px;border-radius: 0 0 5px 5px;}

.advHeader .item{
	position: relative; padding: 15px; border-radius: 5px; color: #3D3D3D; font-size: 12px; padding-left: 30px; overflow: hidden; display: flex; align-items: center; min-height: 70px;
}
.advHeader .item .icon{position: absolute;top: 0;left: 0;}

.advHeader .item:nth-child(1){background: url('/static/images/icon-7.png') no-repeat top left; background-size: cover;}
.advHeader .item:nth-child(2){background: url('/static/images/icon-8.png') no-repeat top left; background-size: cover;}

.advHeader .item:nth-child(3){background: url('/static/images/icon-9.png') no-repeat top left; background-size: cover; }
.advHeader .item .math{position: absolute;top: 20px;left: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 16px;font-family: YouSheBiaoTiHei;
}
.advHeader .item:nth-child(4)::after{border-bottom: 1px solid #ddd; content: " ";display: block;
   width: 100%;position: absolute;bottom: 0;left: 0;}
	
.advHeader .item:hover >div:nth-child(2){color: red; cursor: pointer;}	
	
.blog-footer a{color: #fff;}
.login{
		width: 100%; height: 100vh; 
		display: flex; align-items: center; justify-content: center;position: relative;
    z-index: 99999;
	}
.login-box{border-radius: 10px; border: 1px solid #EBE7E7; background-color: #fff;box-shadow: 0px 8px 10px 0px rgba(173, 172, 172, 0.3); background-image: url('/static/images/login-pc-bg.png'); background-size: 100% 100%; min-height: 450px;}
.login-pc-bg{width: 300px; height: 300px;border-radius: 10px 0 0 10px;}
.login-form-box { max-width: 350px;padding: 30px 50px;box-sizing: border-box; border-radius: 10px;}
.form-control {border-left: none;background: rgba(247, 247, 247, 0.8);border-color: #E7E7E7;}
.input-group-text {background: rgba(247, 247, 247, 0.8);border-color: #E7E7E7;}

input::placeholder{
	color: #d1d1d1 !important;
	font-size: 14px;
}
.form-control{padding-left: 40px;background-color: #fff;border-radius: 10px !important;
	height: 40px;
	line-height: 40px;
	border: 1px solid #e6e6e6;}
.form-control:focus{border: 1px solid #2d8cf0!important;box-shadow:none;}

@media (max-width: 450px){
	.login{
		display: block; padding-top: 15vh;
	}
	.login-box{width: 90%; margin: 0 auto;background-image: none;}
	.login-form-box {width: 350px;padding: 30px 35px;margin: 0 auto;}
	
}