.display{
	display: none !important;
}
.container{
	width: 1920px;
	height: 1080px;
	background: url(../img/bg.png) #000000;
}
.top{
	width: 100%;
	height: 64px;
	background: url(../img/top2.png) center 3px no-repeat;
	position: relative;
	padding: 0 3rem 0 3rem;
	box-sizing: border-box;
}
/*顶部左侧tab*/
.tab_box{
	width: 32%;
	height: 64px;
	position: absolute;
}
.tab_box li{
	width: 175px;
	height: 60px;
	float: left;
	text-align: center;
	line-height: 65px;
	color: #FFFFFF;
	font-size: 1.3rem;
}
.tab_box li.active{
	background: linear-gradient(to bottom, #061625, #037C8D);
	border-bottom: 6px solid #00F7FF;
	border-radius: 0 0 6px 6px;
	
}
/*中间Logo*/
.top_center{
	width: 100%;
	height: 90px;
	background: url(../img/top1.png) center no-repeat;
	background-position-y:top;
	text-align: center;
	line-height: 4rem;
	color: #FFFFFF;
	font-size: 2.3rem;
	float: left;
}


/*顶部右侧天气*/
.weather{
	width: 32%;
	height: 64px;
	position: absolute;
	right: 0;
}
.weather li{
    height: 64px;
    margin-right: 1.5rem;
    float: left;
    text-align: center;
    line-height: 64px;
    color: #FFFFFF;
    font-size: 1.3rem;
}
.weather li img{
	width: 38px;
	height: 38px;
	vertical-align: middle;
	margin-bottom: 5px;
}
.weather li:last-child{
	margin: 0;
}

/*角标*/
.j_1{
	width: 23px;
	height: 23px;
	position: absolute;
	top: -2px;
	left: -2px;
	border-left: 3px solid #00F7FF;
	border-top: 3px solid #00F7FF;
}
.j_2{
	width: 23px;
	height: 23px;
	position: absolute;
	top: -2px;
	right: -2px;
	border-right: 3px solid #00F7FF;
	border-top: 3px solid #00F7FF;
}
.j_3{
	width: 23px;
	height: 23px;
	position: absolute;
	bottom: -2px;
	left: -2px;
	border-left: 3px solid #00F7FF;
	border-bottom: 3px solid #00F7FF;
}
.j_4{
	width: 23px;
	height: 23px;
	position: absolute;
	bottom: -2px;
	right: -2px;
	border-right: 3px solid #00F7FF;
	border-bottom: 3px solid #00F7FF;
}



/*角标2*/
.j1_1{
	width: 10px;
	height: 10px;
	position: absolute;
	top: -2px;
	left: -2px;
	border-left: 2px solid #3680E4;
	border-top: 2px solid #3680E4;
}
.j1_2{
	width: 10px;
	height: 10px;
	position: absolute;
	top: -2px;
	right: -2px;
	border-right: 2px solid #3680E4;
	border-top: 2px solid #3680E4;
}
.j1_3{
	width: 10px;
	height: 10px;
	position: absolute;
	bottom: -2px;
	left: -2px;
	border-left: 2px solid #3680E4;
	border-bottom: 2px solid #3680E4;
}
.j1_4{
	width: 10px;
	height: 10px;
	position: absolute;
	bottom: -2px;
	right: -2px;
	border-right: 2px solid #3680E4;
	border-bottom: 2px solid #3680E4;
}

.title{
	height: 40px;
	color: #7BA1D2;
	line-height: 45px;
	text-indent: 1rem;
	font-size: 1.1rem;
}
.title img{
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 5px;
}

/*设置特殊字体*/
@font-face {
    font-family: 'font01';/*这里填写字体名*/
    src: url('../font/hooge05552.woff') format('woff');/*这里填写字体路径，我放在了和网页同一目录下的font文件夹内，字体文件名称为font.woff*/
}
.font{
	font-size: 2.3rem;
	margin-left: 10px;
}

/*颜色值*/
.qianlan{
	color: #47EBEA;
}
.shenlan{
	color: #1E94FE;
}
.zise{
	color: #B916DE;
}
.huangse{
	color: #D4A031;
}
.huise{
	color: #7CA1D3;
}


/*圆形*/
.circular1{
	width: .55rem;
    height: .55rem;
    border-radius: 100%;
    background: #EB2243;
    display: inline-block;
}
.circular2{
	width: .55rem;
    height: .55rem;
    border-radius: 100%;
    background: #FEFE00;
    display: inline-block;
}
.circular3{
	width: .55rem;
    height: .55rem;
    border-radius: 100%;
    display: inline-block;
}
