@font-face {
		font-family:Alibaba Bold;		
		/* src: url("/${res}/font/Alibaba-PuHuiTi-Bold.ttf") */
		src: url("../font/Alibaba-PuHuiTi-Bold.ttf")/*huangjh 20201031 edit*/
	}
	@font-face {
		font-family:Alibaba Reg;
		/* src: url("/${res}/font/Alibaba-PuHuiTi-Regular.ttf"); */
		src: url("../font/Alibaba-PuHuiTi-Regular.ttf");/*huangjh 20201031 edit*/
	}
	@font-face {
		font-family:Alibaba San;
		/* src: url("/${res}/font/AlibabaSans-Regular.otf"); */
		src: url("../font/AlibabaSans-Regular.otf");/*huangjh 20201031 edit*/
		
	}
	body{
		height: 100%;
		width: 100%;
	}
	.bg{
		width: 100%;
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
	.baseDiv{
/* 		width: 100%; */
		display: flex;
	}
	.topTitleDiv{
		width: 100%;
		/* height: 300px; */
		height: 330px;/*huangjh 20201031 add*/
	}
	.topImg{
		/* background-image: url("/${res}/images/head_bg.png"); */
		background-image: url("../images/head_bg.png");/*huangjh 20201031 edit*/
		background-repeat: no-repeat;
		background-size: 1920px 300px;
		width: 100%;
		height: 100%;
		display: flex;
    	align-items: center;
	}
	.searchBg{
		width: 710px;
		height: 70px;
		background: #FFFFFF;
		box-shadow: 0px 2px 8px 0px rgba(46, 48, 51, 0.1);
		border-radius: 4px;
		position: absolute;
	    left: 50%;
	    /* top: 50%; */
	    margin-left: -305px;
	    display: flex;
	    align-items: center;
	    justify-content: space-around;
	}
	.baseContent{
		display: flex;
		flex-direction: column; 
		width: 1200px;
	}
	.baseDown{/*huangjh 20201102 add*/
		display: flex;
		width: 100%;
/* 		margin-top: 20px; */
		margin-bottom: 30px;
		height: 330px;
	}
	.baseRight{
		width:30%; 
		background: #EDF2F9;
		padding: 19px;
	}
	.baseTop{
		display: flex;
/* 		padding: 30px 20px 0px 0;huang 20201102 edit */
		width: 100%;
		height: 357px;
		font-family: Microsoft YaHei;
		margin-top: 20px;
	}
	.titleDiv{
/* 		width: 80%; */
		margin: 0;
/* 		padding: 0; */
		padding: 0 5px 0 5px;
/* 		border-bottom: 2px solid #7A8599; */
	}
	.title{
		height: 34px;
 	    display: flex;
 	    line-height: 34px;
	}
	.main_title{
		font-size: 20px;
		font-family: Alibaba Bold;
		font-weight: bold;
		color: #2E3034;
		opacity: 0.72;
		width: 143px;
/* 		border-bottom: 3px solid #6E84FA; */
		padding-bottom:33px;
	}
	.main_title2{
		font-size: 20px;
		font-family: Alibaba Bold;
		font-weight: bold;
		color: #2E3034;
		opacity: 0.72;
		width: 143px;
/* 		border-bottom: 3px solid #6E84FA; */
/* 		padding-bottom:33px; */
	}
	.ulStyle{
		/* position: relative; */
	    cursor: pointer;
	    transition: all .3s;
		/*margin-left: 18px; */
	}
	.ulStyle li {
   	 	border-bottom: 1px solid #E6E6E6;
   	 	display: flex;/*huangjh 20201102 add*/
   	 	justify-content: space-between;/*huangjh 20201102 add*/
   	 	align-items: center;/*huangjh 20201102 add*/
		list-style-type: none;
		margin-top: 5px;/*huangjh 20201102 add*/
	}
	.circleDiv{
		width: 6px;
		height: 6px;
		background: #B3B3B3;
		border-radius: 50%;
	    display: inline-block;
	    float: left;
	    /* line-height: 10px; */
	    margin-top: 20px;
	    margin-right: 7px;
	}
	.liTitle{
/* 		width: 226px; */
		height: 45px;
		font-size: 15px;
		font-family: Alibaba Reg;
		font-weight: 400;
		color: #666666;
		text-align: left;
  		/* line-height: 45px; */
  		line-height: 25px;/*huangjh 20201102 edit*/
	}
	.regDiv{
		/* padding-right: 68px; */
		width: 350px;/*huangjh 20201102 add*/
		height: 340px;
		/* background: #F5F7FA; */
		padding-right: 0px;		
		background: #FFFFFF;
    	box-shadow: 0px 2px 10px 0px rgba(51, 51, 51, 0.1);
	}
	.regAndDynaMidDiv{/*huangjh 20201102 add*/
		height:358px;
		width:20px;
	}
	.dynaDiv{
		/* width: 60%; */
		width: 457px;/*huangjh 20201102 add*/
		height: 340px;
		/* background: #F5F7FA; */
	    background: #FFFFFF;
    	box-shadow: 0px 2px 10px 0px rgba(51, 51, 51, 0.1);
	}
	.liRightTitle{
		font-family: Alibaba San;
/* 		width: 77px; */
/* height: 11px; */
		font-size: 15px;
		font-weight: 400;
		color: #999999;
		height: 30px;
		line-height: 30px;
		height: 45px;
	    line-height: 45px;
	    display: inline-block;
	    float: right;
	}
	.flex_column{
		display: flex;
		flex-direction: column;
	}
	.orderInstr{
		font-family: Alibaba Reg;
		font-weight: 400;
		color: #2E3033;
		font-size: 14px;
	}
	.orderPlat{
		font-family: Alibaba Reg;
		font-weight: 400;
		color: #2E3033;
		opacity: 0.56;
		font-size: 12px;
	}
	.orderInstrEle{
		display: flex;
		padding: 10px;
/* 		justify-content: space-between; */
		cursor: pointer;
	}
	.rightTop{
		/* padding: 30px  0 30px 0px; */
		padding: 30px  0 15px 0px;/*huangjh 20201103 edit*/		
	}
	.indexBgColor{
		/* background: #F5F7FA; */		
/* 	    background: #FFFFFF;huangjh 20201102 add */
    	box-shadow: 0px 2px 10px 0px rgba(51, 51, 51, 0.1);
	}
	.urlsDiv{
		display: flex;
		flex-wrap:wrap;
		margin-top:8%;
	}
	.urlsDiv a{
		font-family: Alibaba Reg;
/* 		width: 233px; */
/* 		height: 13px; */
		font-size: 14px;
		font-weight: 400;
		color: #2E3033;
		opacity: 0.72;
		height: 30px;
    	line-height: 30px;
    	margin-right: 5.5px;
    	cursor: pointer;
	}
	.urlsDiv a:nth-of-type(even){
		margin-right: 0px;
		margin-left: 5.5px;
	}
	.verLine{
		width: 2px;
		height: 21px;
		background: #2E3033;
		opacity: 0.5;
		margin-top: 4px;
	}
	.downDiv{
		display: flex;
		width: 100%;
		margin-top: 15px;
		margin-bottom: 15px;
/* 		height: 100%; */
	}
	.equipment_college{
		display: flex;
		flex-direction: column;
		align-items: center;
		cursor: pointer;
	}
	.iconsDiv{
		width: 55%;
   	 height: 200px;
	}
	.iconsDiv table{
		width: 100%;
		height: 230px;
	}
	.iconsDiv table td{
		padding: 0; 
		width: 25%;
	}
	.iconsDiv table font{
	    font-size: 14px;
	    font-family: Alibaba Reg;
	    font-weight: 400;
	    color: #2D2F33;
	    width: 102px;
	    text-align: center;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	}
	.slash{
		background-image: url("../images/slash.png");
		background-repeat: no-repeat;
		width: 8px;
	    height: 12px;
	    margin-top: 12px;
	    margin-left: 3px;
	    margin-right: 3px;
	}
	.equi_title{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.choose_typpe{
		width: 95px;
		height: 38px;
		line-height: 38px;
		font-size: 14px;
		font-family: Alibaba Reg;
		font-weight: 400;
		color: #2E3033;
		opacity: 0.56;
/* 		text-align: center; */
		cursor: pointer;
		padding-left: 7px;
	}
	.choose_active{
		font-size: 14px;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: #2E3033;
		opacity: 1;				
		background: #EDEFF2;
		border-radius: 4px;
	}
	.equi_title_div{
		display:flex;
		justify-content: space-between;
	}
	.sec_title{
		font-size: 14px;
		font-family: Alibaba San;
		font-weight: 400;
		color: #2D2F33;
		opacity: 0.56;
	}
	.zcfg{
		width: 82px;
	}
	.tzgg{
		width: 82px;
	}
	.yyph{
		width: 138px;
	}
	.cylj{
		width: 82px;
	}
	.equt_div{
		/* width: 96%; */
		background: #EDF2F9;/*huangjh 20201102 add*/
/*     	box-shadow: 0px 2px 10px 0px rgba(51, 51, 51, 0.1); */
    	width:826px;
    	padding: 19px;
    	margin-right: 20px;
	}
	.searchIcon{
		background-image: url("../images/searchIcon.png");
		width: 15px;
		height: 15px;
		background-repeat: no-repeat;
		margin-right: 5px;
	}
	.searchDiv{
		width: 581px;
		height: 40px;
		border: 1px solid #B8C0CC;
		border-radius: 4px;
		display: flex;
		align-items: center;
	}
	.searchInput{
		width: 497px;
		/* height: 40px; */
		height: 38px;/*huangjh 20201031 edit*/
		outline: 1px;
    	border-radius: 4px;
    	border: 1px;
    	padding-left: 12px;
	}
	.inputRightDiv{
		width: 84px;
		height: 40px;
		background: #6D84FA;
		border-radius: 0px 4px 4px 0px;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}
	.searchFont{
/* 		width: 28px; */
/* 		height: 14px; */
		font-size: 14px;
		font-family: Alibaba Reg;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 80px;
	}
	.advSearchDiv{
		width: 84px;
		height: 40px;
		border: 1px solid #6D84FA;
		border-radius: 4px;
		text-align: center;
	    line-height: 40px;
		font-size: 14px;
		font-family: Alibaba Reg;
		font-weight: 400;
		color: #6D84FA;
	    cursor: pointer;
	}
	/* .swiper-container{ 
		width: 351px;
		height: 230px;
	}*/
	.newsBg .swiper-container{ /*huangjh 20201102 edit 鎼滅储妗嗗簳鐨勬í闀挎潯鏍″洯椋庡厜*/
		width: 100%;
		height: 100%;
	}
	.downDiv .swiper-container{ /*huangjh 20201102 edit 鍏ョ綉涓�瑙堣〃鐨勬粴鍔ㄤ华鍣ㄥ浘鐗�*/
		width: 340px;
		height: 230px;
	}
	.swip-pag-flex{
		display: flex;
		justify-content: flex-end;
	}
	.equi_num{
		font-size: 15px !important;
	    color: rgb(161,147,230) !important;
	    margin-right: 5px;
	}
	.link_title{
		width: 62px;
		height: 16px;
		font-size: 16px;
		font-family: Alibaba PuHuiTi;
		font-weight: bold;
		color: #FFFFFF;
		opacity: 0.72;
	}
	.link_title2{
		width: 32px;
		height: 11px;
		font-size: 14px;
		font-family: Alibaba Sans;
		font-weight: 400;
		color: #FFFFFF;
		opacity: 0.56;
	}
	.link_num{
		font-size: 14px;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: #FFFFFF;
		opacity: 0.72;
	}
	
	.ranking_frame{
		width: 305px;
		height: 20px;
		background: #E1E3E6;
		border-radius: 10px;
		float:left;
	}
	.ranking_progress{
		width: 220px;
		height: 20px;
		border-radius: 10px;
	}
	.ranking_school{
		height: 20px;
		font-size: 14px;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: #2E3034;
		opacity: 0.72;
		float:left;
		width:50%;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow: hidden;
		margin-left:3%;
	}
	.ranking_time{
		height: 20px;
		font-size: 14px;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: #2E3034;
		opacity: 0.56;
		float:right;
		margin-right:3%;
	}
	
	.rightDown{
		/* background: #F5F7FA; */
		/* height:230px; */
	    background: #FFFFFF;/*huangjh 20201102 add*/
    	box-shadow: 0px 2px 10px 0px rgba(51, 51, 51, 0.1);
    	height:296px;
	}
	.newsBg .newsTit{/*huangjh 20201102 add 妯悜婊氬姩鍥剧殑鏍囬*/
		position: absolute;
		bottom: 1px;
		background-color: black;
		background-color: rgba(0,0,0,.6);
		display: inline-block;
		z-index: 10;
		width: 400px;
		height: 35px;
		line-height: 35px;
		color: white;
		left: 50%;
		margin-left: -540px;
		padding-left: 15px;
		bottom: 60px;
		font-size: 16px;
		font-weight: 900;
	}
	.swiper-pagination {/*huangjh 20201102 add 妯悜婊氬姩鍥剧殑鍥惧垏鎹㈡寜閽�*/
	    position: absolute;
	    text-align: center;
	    transition: .3s opacity;
	    transform: translate3d(0,0,0);
	    z-index: 10;
	    margin-bottom: 44px;
	}
	.indexRegIcoDiv{/*huangjh 20201102 add 鏀跨瓥鏂囦欢鐨勫浘鏍囧浘灞�*/
		width:30px;
		height:30px;
	    text-align: center;
	    float:left;
	    /* background:#3B56A8; */
	}
	.indexRegIco{/*huangjh 20201102 add 鏀跨瓥鏂囦欢鐨勫浘鏍�*/
		background-image: url("../images/indexRegIco.png");
		background-repeat: no-repeat;
		width:100%;
		height:100%;
	    margin-top: 8px;
    	margin-left: 13px;
	}
	.indexRegContenxtDiv{/*huangjh 20201102 add 鏀跨瓥鏂囦欢鐨勬爣棰樺浘灞�*/
		width: 260px;
		/* height: 41px; */
		font-size: 15px;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: #666666;
		margin: 0em 1em 0em 1em !important;
	    float:left;
	}
	.indexDynaContenxtDiv{/*huangjh 20201102 add 閫氱煡鍏憡鐨勬爣棰樺浘灞�*/
		width: 320px;
		/* height: 41px; */
		font-size: 15px;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: #666666;
		margin: 0em 1em 0em 1em !important;
	    float:left;
	}
	.indexRegDateDiv{
		width: 54px;
	    float:left;
	    margin-right:5px;
	}
	.indexRegDateDate{/*huangjh 20201102 add 鏀跨瓥鏂囦欢鐨勬棩鏈熸湀鏃ュ浘灞�*/
		width: 54px;
		height: 26px;
		background: #6D84FA;
		text-align:center;
	}	
	.indexRegDateYear{/*huangjh 20201102 add 鏀跨瓥鏂囦欢鐨勬棩鏈熷勾浠藉浘灞�*/
		width: 100%;
		height: 26px;
		text-align:center;
		background: #F5F7FA;
	}
	/* .indexRegTable{
		margin-top: 3px;
	} */
	/* .indexRegTable th,td{  
		padding:0px;  
	} */
	.rank1{
		overflow: hidden;
		outline: none;
    	height: 306px;
    	width:100%;
/*     	background-color:white; */
    	position:relative;
    	top:1px;
    	overflow:auto;
	}	
	.swipImg .instruImgTit{/*huangjh 20201102 add 浠櫒鍥剧墖婊氬姩鍥剧殑鏍囬*/
		position: absolute;
		bottom: 1px;
		background-color: black;
		background-color: rgba(0,0,0,.6);
		display: inline-block;
		z-index: 10;
		width: 300px;
		height: 35px;
		line-height: 35px;
		color: white;
		left: 50%;
		/* margin-left: -540px; */
		margin-left: -180px;
		padding-left: 15px;
		bottom: 10px;
		font-size: 16px;
		font-weight: 900;
	}
	/* 闆嗗ぇ鏂板 */
	.infoTitles{
		display: flex;
		flex-direction: column;
	}
	.infoeColumn{
		height: 33.33%;
		background-color: #E54548;
		display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	    width: 156px;
	    cursor: pointer;
	}
	.infoeColumnChoose{
		background-color: #B34244;
	}
	.infoeColumn>div{
		display: flex;
		justify-content: center;
    	align-items: center;
    	width: 100%;
	}
	.icon_info{
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}
	.tz{
		background-image: url("../img/icon_tongzhi.png");
	}
	.xw{
		background-image: url("../img/icon_xinwen.png");
	}
	.gz{
		background-image: url("../img/icon_guizhang.png");
	}
	.info_sec_title{
		font-size: 12px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #FFFFFF;
/* 		line-height: 28px; */
		opacity: 0.5;
		padding-left: 33px;
	}
	.info_first_title{
		font-size: 16px;
		font-weight: 400;
		color: #FFFFFF;
/* 		line-height: 28px; */
	}
	.infoContents{
		width: 87%;
		background: #EDF2F9;
/* 		display: flex; */
		flex-direction: column;
		padding: 20px;
		display: none;
	}
	.line{
		width: 4px;
		height: 20px;
		background: #6D84FA;
	}
	.mainContentAll{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 8px;
	}
	.mainContentTitle_one{
		display: flex;
		align-items: center
	}
	.mainContentTitle{
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	}
	.mainContent{
		width: 636px;
	}
	.viewMore{
		width: 120px;
		height: 40px;
		border: 1px solid #8A9199;
		display: flex;
	    align-items: center;
	    justify-content: center;
	    cursor: pointer;
	}
	.viewMore font{
		font-size: 14px;
		font-weight: 400;
		color: #8A9199;
		margin-right: 14px;
	}
	.icon_right{
		width: 5px;
		height: 10px;
		background-image: url("../img/icon_right.png");
	}
	.infoTitle{
		font-size: 18px;
		font-weight: 400;
		color: #332E2E;
		line-height: 30px;
		margin-left: 20px;
	}
	.secContentAll{
		display: flex;
		margin: 18px 8px 8px 8px;;
	}
	.secPart{
		width: 31%;
	}
	.secPart:not(:last-child){
		margin-right: 24px;
	}
	.baseMiddle{
		display: flex;
/* 		align-items: center; */
/* 		justify-content: space-between; */
/* 		margin-top: 22px; */
		height: 250px;
		margin:24px 0;
	}	
	.middleImg{
		
	}
	.middleContent{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 12px 6px;
		background: #EDF2F9;
	}
	.types{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.typeLine{
		width: 4px;
		height: 13px;
		background: #6D84FA;
	}
	.wp-wrapper{
		height:168px;
		width:100%;
		background-image: url("../img/foot_bg.png");
	}
	.rank_content{
		display: flex;
		justify-content: space-between;
		align-items:  center;
		font-family:Alibaba Reg;
		height: 46px;
	}
	.rank_dep{
		display: flex;
/* 		flex-direction: column; */
	
	}
	.rank_hour div{
		font-size: 14px;
		font-weight: 400;
		color: #332E2E;
		opacity: 0.72;
	}
	.rank_dep div{
	
		font-size: 14px;
		font-weight: 400;
		color: #332E2E;
		line-height: 36px;
	}
	.login_container{
		width: 340px;
	    height: 342px;
	    margin-left: 64%;
	    background: RGB(255,255,255,0.4);
	    padding: 50px;
	    color: #FFF;
	    float: left;
	    /* margin-top: 70px; */
/* 	    opacity: 0.9; */
	    backdrop-filter: blur(10px);
	    text-align: center;
	}

	.login_container_title{
		color: rgba(51, 46, 46, 1);
		font-size: 24px;
		font-weight: Bold;
		    opacity: 0.9;
	}
	.login_container_title2{
		color: rgba(51, 46, 46, 1);
		font-size: 14px;
		font-weight: Regular;
		    opacity: 0.9;
	}
	.login_button_in{
	    background: rgba(229, 69, 72, 1);
	    /* border-color: #FFF0DB; */
	    color: rgba(255, 255, 255, 1);
	    font-size: 16px;
	    font-weight: 400;
	    padding: 5px 12px;
	    border-radius: 4px;
	    cursor: pointer;
	    text-align: center;
	    margin-top: 20px;
	    width: 260px;
		height: 35px;
		background: #E54548;
		border-radius: 4px;
		margin-top: 21px;
	}
	.login_button_out{
	    background: rgba(229, 69, 72, 1);
	    /* border-color: #FFF0DB; */
	    color: rgba(229, 69, 72, 1);
	    font-size: 16px;
	    font-weight: 400;
	    padding: 5px 12px;
	    border-radius: 4px;
	    cursor: pointer;
	    text-align: center;
	    margin-top: 20px;
	    width: 261px;
		height: 36px;
		background: #FFFFFF;
		border: 1px solid #E54548;
		border-radius: 4px;
	}
	.searchLink{
    height: 30px;
    background: #E54548;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 8px;
    cursor: pointer;
    width: 284px;
    margin-left: 5px;
    border-radius: 4px;
    color: white;
	}