/* 右侧栏 */
.floatRightNav{ position: fixed; z-index: 2001; height: 100%; background: red; right: 0; background: #015293; margin-right: -290px;}
.floatRightNav .left{ float: left; width: 35px;}
.floatRightContent{ float: left; width: 255px; background: #fff; height: 100%;}
.floatRightContent li{ position: absolute; height: 100%; width: 255px; background: #fff; top: 100%; opacity: 0;}
.floatRightContent li .title{ background: #545454; font-size: 20px; line-height: 50px; text-align: center; color: #015293; background: #eaf1fb;}
.floatRightContent li.hover{ top: 0; opacity: 1;}
.floatRightNav .top{ margin-top: 40px;}
.floatRightNav .top li{ padding: 9px 0px;}
.floatRightNav .top li a{ text-align: center; width: 35px; height: 35px; line-height: 35px; display: block;}
.floatRightNav .btm{ position: absolute; bottom: 0;}
.floatRightNav .btm li{}
.floatRightNav .btm li a{ text-align: center; width: 35px; height: 35px; line-height: 35px; display: block;}
.floatRightNav ul li a:hover{ background: #c61f0c;}
.floatRightNav ul li span{ display: block;display: none; position: absolute;  opacity: 0; background: #015293; line-height: 35px; color: #fff; border-radius: 3px; width: 100px; margin-left: -130px;}
.floatRightNav ul li a:hover span{ display: block; opacity: 1; margin-left: -100px; transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari */}
.floatRightNav ul li label{ position: absolute; right: -8px; top: 9px; width: 0; height: 0; border-top: 8px solid transparent; border-left: 8px solid #015293; border-bottom: 8px solid transparent;}
.floatRightNav ul li a i{
position: absolute;
color: #fff;
line-height: 37px;
font-size: 12px;
background: #004165;
opacity: 0; 
border-radius: 3px;
width: 100px;
display:none;
/* top: 7px;
left: -136px; */
font-style: normal;
margin-left:-130px;
-webkit-transition: oapcity .2s,margin-left .2s,background .5s;
transition: oapcity .2s,margin-left .2s,background .2s;
}
.floatRightNav ul li a:hover i{
  display:block;
  opacity: 100;
  margin-left: -100px; transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari */
}
#backToTop{ cursor: pointer;}
.pub-waring{
	position: absolute;
	margin: 0px 0px 0px 20px;
	-webkit-animation: warning 0.2s linear infinite alternate;
	animation: warning 0.2s linear infinite alternate;
}
@keyframes warning{
	from { opacity: 0.5; width: 4px; height: 4px; margin:3px 0px 0px 22px;}
	to { opacity: 1; width: 10px; height: 10px;}
}
.pub-user-msg{
	position: absolute;
	margin: 0px 0px 0px 20px;
}
.floatRightContent li .photo{ text-align: center; padding: 20px 0px 28px; border-bottom: 1px solid #dde7f4;}
.floatRightContent li .photo a{ display: inline-block;}
.floatRightContent li .photo a:hover{ background: #fff;}
.floatRightContent li .photo img{ width: 78px; height: 78px; border-radius: 99px;}
.loginPrompt{ line-height: 30px; color: #015293; padding: 30px 0px; font-size: 20px; text-align: center;}
.floatRightContent .btn{ display: block; width: 180px; height: 40px; color: #fff; line-height: 40px; text-align: center; font-size: 16px; margin: 0px auto 30px; cursor: pointer;}
.floatRightContent .loginBtn{ background: #015293;}
.floatRightContent .registerBtn{ background: #cf222c;}
.floatRightContent .checkBtn{ background: #015293;}
.weatherForecast .prediction p{ color: #818181; line-height: 20px; margin-left: 28px;}
.weatherForecast .firstTitle{ height: 37px; line-height: 37px; background: #eaf1fb; font-size: 16px; color: #015293; margin-top: 45px;}
.weatherForecast .firstTitle b{ margin-left: 28px; display: inline-block; }
.weatherForecast .prediction{ padding: 5px 0px 0px;}
.weatherForecast .secondTitle{ height: 37px; line-height: 37px; background: #eaf1fb; font-size: 16px; color: #015293; margin-top: 45px;}
.weatherForecast .secondTitle b{ margin-left: 28px; display: inline-block; }
.earlyWarning{ margin: 20px 28px 0px; line-height: 50px; color: #333;}
.earlyWarning p.desc{ color: #333; line-height: 23px;}
/* 右侧栏 */