/* 右侧栏 */
.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;}
/* 右侧栏 */