.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 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}.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;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}#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}