CINXE.COM
中国气象数据网 - Online User
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>中国气象数据网 - Online User</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="Expires" content="0"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-control" content="no-cache"> <meta http-equiv="Cache" content="no-cache"> <link rel="stylesheet" type="text/css" href="/static/css/style.css?ver=inNo7.1"> <link rel="stylesheet" type="text/css" href="/static/css/pager.css"> <script src="/static/js/jquery-1.11.0.min.js"></script> <script src="/static/js/require.js?v=1"></script> <script> var siteGray = 0; </script> </head> <body> <!-- <link rel="stylesheet" type="text/css" href="/static/css/styleWide.css?v=1">--> <!--<link rel="stylesheet" type="text/css" href="/static/css/rada/index.css?v=1">--> <style> .head-top {background: #f9f9f9;border-bottom: 1px solid #e0e0e0;} .head-top-cont {background: none} .head-top-cont-width{width:1200px;margin-left:auto;margin-right:auto;} .headerImg0{margin-top:15px !important;} .headerImg3{margin-top:14px !important; } .wx_text:hover~.weiXinBloc{display:block;} .weiXinBloc:hover{display:block;} .cel_text:hover~.mobileBloc{display:block;} .mobileBloc:hover{display:block;} .head-top-contMu{border:0px !important;padding-left:0px !important;padding-right:0px !important;color: #fff !important;background: #2481e3;height:15px; width: 52px;text-align: center;border-radius: 2px;padding-top: 2px;margin-top:6px !important;} .validfeedbackLa{border-left-width: 0px !important;} .feedbacklogin{border-left-width: 1px !important;} .degrEm{background: url('/static/images/home/em.png');width: 4px;height:14px;float: right;margin-right: 10px;margin-top: 8px;margin-left: -5px; cursor:pointer;} .degrEn:hover .degrNt{display: block;} .degrIf:hover .degrNt{display: block;} .degrNt{position: absolute;z-index: 2;margin-left: -40px;margin-top: 5px; display: none;} .degrNtB0{position: absolute;width:208px;height:115px;border:1px solid #dddddd;border-radius: 5px;margin-top:6px;background: #fff;z-index: 1;} .degrNtB1{height:7px;width:17px;background: url('/static/images/home/hwh.png');margin-left:89px;z-index: 2;position: absolute;} .degrNtPo{width:180px;margin: 8px auto auto;font:12px "微软雅黑";color: #555;text-align: justify;} .degrEh:hover .degrHt{display: block;} .degrIh:hover .degrHt{display: block;} .degrHt{position: absolute;z-index: 1;margin-left: -50px;margin-top: 5px; display: none; } .degrHtB0{position: absolute;width:208px;height:115px;border:1px solid #dddddd;border-radius: 5px;margin-top:6px;background: #fff;z-index: 1;} .degrHtB1{height:7px;width:17px;background: url('/static/images/home/hwh.png');margin-left:100px;z-index: 2;position: absolute;} .degrHtPo{width:180px;margin: 8px auto auto;font:12px "微软雅黑";color: #555;text-align: justify;} .siMaIc{width:22px;height:14px;background: url('/static/images/home/mail.png?v=2') no-repeat bottom;float:left;margin-right: 3px;margin-top: -1px;} .siMaIcAn{width:22px;height:22px;background: url('/static/images/home/mail.gif?v=1') no-repeat bottom;float:left;margin-right: 3px;margin-top: -5px;} /*PLUS会员*/ .headPlusSpan{float: right; margin-top: 4px; margin-left: 10px;} .plusTitle{float: right; width: 87px; height: 20px; cursor: pointer; background: url('/static/images/plus/img-head-isPlus.png') no-repeat;} .notPlusTitle{float: right; width: 103px; height: 20px; cursor: pointer; background: url('/static/images/plus/img-head-notPlus.png') no-repeat;} .plusTitle:hover~.plusBloc{display: block;} .notPlusTitle:hover~.plusBloc{display: block;} .plusBloc:hover{display:block;} .plusBloc{display: none; position: absolute; z-index: 999; width: 420px; border: 1px solid #e0e0e0; background: #fff; margin-left: 0px; margin-top: 28px;} .plusTitleH{float: right; margin-top: -34px; width: 87px; height: 33px; color: #42d10d; border: 1px solid #e0e0e0; position: absolute; margin-left: -1px; font: 12px '微软雅黑';cursor: pointer; background: #fff; /*background: url("/static/images/home/top-cont-bg2.png");*/} .noPlusTitleH{float: right; margin-top: -34px; width: 103px; height: 33px; color: #42d10d; border: 1px solid #e0e0e0; position: absolute; margin-left: -1px; font: 12px '微软雅黑';cursor: pointer; background: #fff; /*background: url("/static/images/home/top-cont-bg2.png");*/} .plusTitleHTxt{margin-top: 6px; margin-left: 10px;} .plusTitleHImg{float: right; width: 8px; height: 4px; margin-top: -10px; margin-right: 8px; background: url('/static/images/plus/img-arrow-down.png') no-repeat;} .noPlusTitleHTxt{margin-top: 6px; margin-left: 6px;} .noPlusTitleHImg{float: right; width: 8px; height: 4px; margin-top: -10px; margin-right: 6px; background: url('/static/images/plus/img-arrow-down.png') no-repeat;} .plusLineMark{width: 87px; height: 10px; background: #fff; margin-top: 0px; margin-left: 0px; position: absolute;} .noPlusLineMark{width: 103px; height: 10px; background: #fff; margin-top: 0px; margin-left: 0px; position: absolute;} .plusTxt{font: 12px '微软雅黑'; color: #787878; margin-top: 10px; padding-left: 10px;} .notPlusTxt{font: 12px '微软雅黑'; color: #787878; margin-top: 10px; padding-left: 10px; padding-right: 10px;} .plusTxtClick{clear: both; padding-left: 5px; padding-right: 5px; color: #046dde; cursor: pointer;} .notPlusTxtClick{clear: both; padding-left: 5px; padding-right: 5px; color: #046dde; cursor: pointer;} .plusImg{text-align: center; width: 390px; height: 80px; margin-left: 15px;} .plusImgArrLeft{float: left; cursor: pointer; width: 7px; height: 14px; margin-top: 33px; background: url('/static/images/plus/img-arrow-left.png') no-repeat;} .plusImgArrRight{float: right; cursor: pointer; width: 7px; height: 14px; margin-top: 33px; background: url('/static/images/plus/img-arrow-right.png') no-repeat;} .plusImgs{width: 376px; height: 50px; overflow: hidden; position: absolute; margin-left: 7px; margin-top: 15px;} .plusImgsWheel{overflow: hidden; width: 360px; height: 50px; float: left; position: absolute;} .plusImgsWheel li{list-style: none; width: 94px; height: 48px; text-align: center; float: left; cursor: pointer;} /*plus会造成404*/ /*.imgPlusPower{width: 30px; height: 30px; margin-left: 35px; background: url("/static/images/plus/img-plus-power.png") no-repeat;} .imgPlusGrow{width: 30px; height: 30px; margin-left: 34px; background: url("/static/images/plus/img-plus-grow.png") no-repeat;} .imgPlusData{width: 30px; height: 30px; margin-left: 33px; background: url("/static/images/plus/img-plus-data.png") no-repeat;} .imgPlusDownload{width: 30px; height: 30px; margin-left: 34px; background: url("/static/images/plus/img-plus-download.png") no-repeat;} .imgPlusSubscribe{width: 30px; height: 30px; margin-left: 34px; background: url("/static/images/plus/img-plus-subscribe.png") no-repeat;} .imgPlusPriority{width: 31px; height: 20px; margin-left: 32px; margin-top: 5px; padding-top: 5px; background: url("/static/images/plus/img-plus-priority.png") no-repeat;}*/ .plusImgsTxt{font: 11px '微软雅黑'; color: #666666; font-weight: bold; width: 94px; height: 15px; line-height: 15px; text-align: center;} /*.hdIc3year{position: absolute;background: url('http://image.data.cma.cn/static/image/ic3year.png');height: 38px;width:97px;margin-left: 150px;z-index: 10;}*/ /*.hdIc3yearA{height: 38px;width:97px;border-left-width: 0px !important;margin-top: 0px !important;}*/ .logo { float: left; width: 426px; height: 72px; margin-top: 16px; } .searchRadar { float: right; width: 450px; height: 44px; margin-top: 30px; } .searchRadar .icon { width: 20px; height: 20px; position: relative; background-position: -43px -115px; margin-top: 4px; border: none; margin-left: -38px; } .mobileBloc{ height: auto; } .meteoliveApp{ border-top: 1px solid #eee; float: left; margin-top: 10px; width: 100%; padding-bottom: 10px; } .meteoliveApp .appName{ font-size: 10px; color: #999; text-align: center; } .largeMeteoDownload{ position: fixed; background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: none; z-index: 99999; } .largeMeteoDownload img{ position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); } </style> <div class="weatherbg"></div> <div class="head-top"> <div class="head-top-cont"> <div class="head-top-cont-width"> <!--<div class="head-top-lg"></div>--> <!-- <h2>欢迎进入中国气象数据网!</h2>--> <!-- <a style="float:left; border: 0;margin-top: 9px;" target="_blank" href="http://www.baidu.com">--> <img style="float:left; border: 0;margin-top: 5px; margin-left: 8px;" src="http://image.data.cma.cn/static/image/rada/home/NSTRSSP_logo.png"> <!-- </a>--> <!-- <a style="float:left; border: 0;margin-top: 9px;" target="_blank" href="http://www.baidu.com">--> <img style="float:left; border: 0;margin-top: 5px; margin-left: 8px;" src="http://image.data.cma.cn/static/image/rada/home/NMIC_logo.png"> <!-- </a>--> <!-- <a style="float:left; border: 0;margin-top: 9px;" target="_blank" href="http://www.baidu.com">--> <!-- <img style="float:left; border: 0;margin-top: 9px; margin-left: 8px;" src="--><!--/static/image/rada/home/NSDC_logo.png">--> <!-- </a>--> <!--<a href="#">English</a> <a href="#" >使用帮助</a>--> <!--<div class="hdIc3year"><a class="hdIc3yearA" href="/sj/3year/index.html" target="_blank"></a></div>--> <a href="http://data.cma.cn/en" target="_blank" >English</a> <a href="/article/getLeft/id/251/keyIndex/6.html" target="_blank" >联系我们</a> <div class="headerTopRightSpan" id="headMobile"> <div class="cel_text"><a class="text12SongH" href="javascript:void(0);" >手机端</a></div> <div class="cel_icon"></div> <div class="mobileBloc" style="cursor: pointer;"> <div class="mobileBlocTitle text12SongH"> <div class="weiXinBlocTitleBorder"><a href="javascript:void(0);" onclick="window.open('/site/appdl.html')" ><strong>手机端</strong></a></div> </div> <div class="mobileLineMark_tongyong"></div> <div class="moblieTop" onclick="window.open('/site/appdl.html')"> <div style="float: left;"> <img class="weiXinImg_tongyong" src="http://image.data.cma.cn/mobile/image/app.png"> </div> </div> <div class="weiXinImg_right_tongyong" onclick="window.open('/site/appdl.html')"> <div class="weiXinImg_right_word"> 中国气象数据网APP </div> <div class="weiXinImg_right_iphone"> <img src="/static/images/ty_2.png" style="display:block;"> </div> <div style="clear:both;"></div> <div class="weiXinImg_right_iphone" style="margin-left:40px;margin-top: -40px;"> <img src="/static/images/ty_1.png" style="margin:0 auto;display:block;"> </div> <div class="meteoliveApp clearfix" style="display: none;"> <div class="moblieTop" > <div style="float: left;padding-bottom: 5px"> <img class="weiXinImg_tongyong" src="/static/images/meteolive_app.png" > </div> <div class="appName" style="margin-left: 8px">气象实况APP</div> </div> <div class="moblieTop" style="float: right"> <div style="float: left;padding-bottom: 5px;margin-left: 5px"> <img class="weiXinImg_tongyong" style="margin-left: 0px" src="/static/images/meteolive_miniprograme.png"> </div> <div class="appName" style="margin-right: 5px">气象实况小程序</div> </div> </div> </div> </div> </div> <div class="headerTopRightSpan" id="weiBo"> <div class="wb_text"><a class="text12SongH" href="http://weibo.com/dataCMA">微博</a></div> <div class="wb_icon"></div> </div> <div class="headerTopRightSpan" id="weiXin"> <div class="wx_text"><a class="text12SongH" href="">微信</a></div> <div class="wx_icon"></div> <div class="weiXinBloc"> <div class="weiXinBlocTitle text12SongH"><div class="weiXinBlocTitleBorder1"><strong>微信</strong></div></div> <div class="weiXinLineMark"></div> <img class="weiXinImg" src="http://image.data.cma.cn/mobile/image/weixin.jpg"> <div class="weiXinText text12SongH">中国气象数据网<br>微信号<br>扫一扫，立刻关注</div> </div> </div> <span><a href="javascript:void(0);" url="/order/carView.html" class="validfeedback feedbacklogin">我的数据筐</a></span> <span> <a style="border-left: none;" href="javascript:void(0);" url="/evaluateInfo/siteMail.html" class="validfeedback validfeedbackLa feedbacklogin" id="siteMailTag"> <div class="siMaIc "></div>站内信 </a> </span> <div style="margin-left: 0px;" class="headPlusSpan" id="plusMember"> <!--<div class="notPlusTitle"></div>--> <div class="plusBloc"> <div class="noPlusTitleH"><div class="noPlusTitleHTxt">开通PLUS会员</div><div class="noPlusTitleHImg"></div></div> <div class="noPlusLineMark"></div> <div class="notPlusTxt">PLUS会员是为用户打造的增值服务，满足用户高需求。开通PLUS会员后，用户可享有如下功能和特权，如想了解更多PLUS会员服务内容，请点击PLUS会员首页（<span class="notPlusTxtClick">http://data.cma.cn/plus/index.html</span>）</div> <div class="plusImg"> <div class="plusImgArrLeft"></div> <div class="plusImgs"> <ul class="plusImgsWheel noPlusPrivilegeLink" id="plusImgsWheel"> <li><div class="imgPlusPower"></div><div class="plusImgsTxt">更高下载权限</div></li> <li><div class="imgPlusGrow"></div><div class="plusImgsTxt">成长加速</div></li> <li><div class="imgPlusData"></div><div class="plusImgsTxt">更多数据产品</div></li> <li><div class="imgPlusDownload"></div><div class="plusImgsTxt">极速下载</div></li> <li><div class="imgPlusSubscribe"></div><div class="plusImgsTxt">数据订阅</div></li> <li><div class="imgPlusPriority"></div><div class="plusImgsTxt">优先体验新功能</div></li> </ul> </div> <div class="plusImgArrRight"></div> </div> </div> </div> <a href="/article/getRegister/id/338/keyIndex/1.html" target="_blank" id="regLink">注册</a><span id="loginStatus"><a id="toLoginPage" style="border:0px;cursor:pointer;"><span>登录</span></a></span> </div> </div> </div> <iframe src="" width=0 height=0 frameborder="no" style="display:none;"></iframe><link rel="stylesheet" href="/static/artDialog/css/ui-dialog.css"> <script src="/static/artDialog/js/dialog-min.js"></script> <!--<script type="text/javascript" src="http://tajs.qq.com/stats?sId=64140265" charset="UTF-8"></script>--> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?d9508cf73ee2d3c3a3f628fe26bd31ab"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); //plus会员相关js $(".plusTxtClick").on("click", function(){ window.location.href = "/article/getLeft/id/385/keyIndex/7.html"; }); $(".notPlusTxtClick").on("click", function(){ window.location.href = "/plus/index.html"; }); $(".plusTitleH").on("click", function(){ window.location.href = "/plus/index.html"; }); $(".noPlusTitleH").on("click", function(){ window.location.href = "/plus/index.html"; }); //特权图标链接 $(".noPlusPrivilegeLink li").on("click", function(){ window.location.href = "/plus/index.html"; }); var plusURLList = { '1':'/integral/UserLevelPLUS.html', '2':'/integral/UserLevelPLUS.html', '3':'/data/cdcindex/cid/6d1b5efbdcbf9a58.html', '4':'/order/list/type/online/show_value/normal.html', '5':'/data/cdcindex/cid/ca8d59ed054f6918.html', '6':'/plus/index.html' }; $(".plusPrivilegeLink li").each(function(){ $(this).click(function(){ var id = $(this).attr('class'); if(id != ''){ location.href = plusURLList[id]; } }); }); //plus会员特权切换 var liW = $(".plusImgsWheel li").width(); var len = $(".plusImgsWheel li").length; var ulW = len * liW; $(".plusImgsWheel").css("width", ulW); $(".plusImgArrLeft").mouseenter(function(){ var left = document.getElementById("plusImgsWheel").offsetLeft; if(left == -2*liW){ $(".plusImgsWheel").stop().animate({"left":-liW}, 500).delay(500).animate({"left":0}, 500); } }); $(".plusImgArrRight").mouseenter(function(){ var left = document.getElementById("plusImgsWheel").offsetLeft; if(left == 0){ $(".plusImgsWheel").stop().animate({"left":-liW}, 500).delay(500).animate({"left":-2*liW}, 500); } }); /*setInterval('move()', 6500); function move(){ $(".head12Bg").css("display", "block"); var head12Bg = document.getElementById("head12Bg"); head12Bg.style.top = -41 + "px"; if(head12Bg.offsetTop<=70){ $(".head12Bg").animate({ top:"+=100px" },1500,'linear'); } }*/ $("#toLoginPage").click(function(){ var backUrl = window.location.href; window.location.href = "/user/toLogin.html?backUrl="+encodeURI(backUrl); }); $('.meteoliveApp img').click(function () { var src = $(this).attr('src'); $('.largeMeteoDownload img').attr('src',src); $('.largeMeteoDownload').show(); }) $('.largeMeteoDownload').click(function () { $('.largeMeteoDownload').hide(); }) </script> <script> $(function(){ $('.navcont12 .li').each(function(){ $(this).hover(function(){ $(this).prev('.navDi').css('background','transparent'); $(this).next('.navDi').css('background','transparent'); $(this).find('a:eq(0)').css('color','#fff'); },function(){ $(this).prev('.navDi').css('background','#d2d2d2'); $(this).next('.navDi').css('background','#d2d2d2'); $(this).find('a:eq(0)').css('color','#333333'); }); }); $('.sf_sec_ul li').each(function(){ $(this).hover(function(){ $(this).find('.sf_sec_ul_icon').css("background","url('/static/images/home/sf_sec_icon_wh.png')"); },function(){ $(this).find('.sf_sec_ul_icon').css("background","url('/static/images/home/sf_sec_icon_bl.png')"); }); }); }); function zsej(_inp){ var erji = $(_inp).parent('.sanji_li').parent('.sf_thr_ul').siblings('.erji').attr("class").toString(); var er_arr = erji.split(" "); if(er_arr[1]!='hover'){ $(_inp).parent('.sanji_li').parent('.sf_thr_ul').siblings('.erji').addClass("hover"); //$(_inp).parent('.sanji_li').parent('.sf_thr_ul').siblings('.erji').children('img').attr('src','/static/images/xsj.png'); $(_inp).parent('.sanji_li').parent('.sf_thr_ul').siblings('.erji').children('img').attr('src','/static/images/xsj4.png'); } } function reset_zsej(_inp){ var erji = $(_inp).parent('.sanji_li').parent('.sf_thr_ul').siblings('.erji').attr("class").toString(); var er_arr = erji.split(" "); if(er_arr[1]=='hover'){ $(_inp).parent('.sanji_li').parent('.sf_thr_ul').siblings('.erji').removeClass("hover"); //$(_inp).parent('.sanji_li').parent('.sf_thr_ul').siblings('.erji').children('img').attr('src','/static/images/xsj2.png'); $(_inp).parent('.sanji_li').parent('.sf_thr_ul').siblings('.erji').children('img').attr('src','/static/images/xsj4.png'); } } function zsej_par(_inp){ $(_inp).parent('li').children('.erji').removeClass('hover'); //$(_inp).children('img').attr('src','/static/images/xsj.png'); $(_inp).children('img').attr('src','/static/images/xsj4.png'); } function reset_par(_inp){ //$(_inp).children('img').attr('src','/static/images/xsj2.png'); $(_inp).children('img').attr('src','/static/images/xsj4.png'); } </script> <style> .body-banner-top {width: 100%;height: 74px;position: relative;} .menu-raw-box {width: 1300px;height: 100%;position: absolute;left: 50%;margin: 0 auto 0 -650px;} .logo-new {float: left;width: 322px; height: 60px;background: url("http://image.data.cma.cn/static/image/home/logo2.png") no-repeat center center;position: relative;margin-top: 7px;} .menu-raw {float: left;width: 680px;height: 100%;margin-left: 50px;} .weather-box {width: 144px;height: 28px;float: right;border-radius: 14px;background: rgba(234,244,255,1);margin-top: 22px;} .weather-col-one {width: 28px;height: 28px;float: left;} .weather-col-two {width: 40px;height: 28px;line-height:28px;float: left;font-family: 微软雅黑;font-size: 12px;color: #000000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-left: 9px;} .weather-col-three {width: 37px;height: 28px;line-height:28px;float: left;font-family: 微软雅黑;font-size: 12px;color: #000000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .weather-col-four {width: 28px;height: 28px;background: url("http://image.data.cma.cn/static/image/home/weather-allow2.png") no-repeat center 5px;float: right;} .menu-list {width: auto;height: 24px;float: left;margin-top: 26px;} .menu-list-sel {width: 640px;height: 10px;float: left;} .menu-item-data {float:left;width: auto;height: 40px;margin: auto auto;font-size: 15px;font-family: 微软雅黑;color: #ffffff;text-align: center;} .menu-item-title {width: auto;height: 26px;margin: auto auto;font-size: 15px;font-family: 微软雅黑;color: #000000;text-align: center;padding-left: 10px;padding-right: 10px;} .menu-item-sel {float:left;width: auto;height: 10px;margin: auto auto;font-size: 16px;display: none;} .menu-item-data:hover .menu-item-sel {display: block;} .menu-item-write {width: 22px;height: 6px;margin: 0 auto;background-color: #ffffff;border-radius: 5px;} .menu-item-more {width: 438px;height: 214px;position: absolute;top: 57px;left: 244px;z-index: 1000;display: none;} .menu-item-data:hover .menu-item-more {display: block;} .menu-item-data:hover .menu-item-title {color: #0284FF;} .menu-item-more-raw-one {width: 100%;height: 16px;} .menu-item-more-raw-two {width: 100%; height: 240px;background: #ffffff;box-shadow: 1px 1px 7px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 7px rgba(0,0,0,0.5);position: absolute;} .menu-item-more-raw-three {width: 100%; height: 120px;background: #ffffff;box-shadow: 1px 1px 7px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 7px rgba(0,0,0,0.5);position: absolute;} .menu-sub-item {width: 130px;height: 30px;line-height: 30px;text-align: center;margin-top: 16px;margin-left: 11px;font-family: 微软雅黑;font-size: 14px;color: #333333;background: #F8F9FB;float: left;} .menu-sub-item:hover { background: #E6F2FF; color: #0284FF; } .menu-item-more-triangle {width: 0;height: 0;margin: 0 auto;border: 8px solid transparent;border-bottom-color: #A0DFFF;} .nav12 {width: 1200px;height: 50px;} .nav12.nav2 {height: 0;} .menu-raw-box {width: 1200px;height: 100%;position: absolute;left: 50%;margin: 0 auto 0 -600px;} .sf-menu{padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;padding-right:0px;padding-top:0px} .sf-menu *{padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;padding-right:0px;padding-top:0px} .sf-menu{line-height:1} .sf-menu .sf_sec_ul{position:absolute;width:168px;top:-99em/*二级菜单隐藏*/;/*background: rgba(55,70,83,0.95)*/;text-align: left;background-color: #374653;opacity: 0.95;filter:alpha(opacity=95)/*border-left: solid 1px #eeeeee;border-right: solid 1px #eeeeee;*/ -moz-box-shadow:-5px 0px 5px -5px #c0c0c0,5px 0px 5px -5px #c0c0c0,0px 5px 5px -5px #c0c0c0; -webkit-box-shadow:-5px 0px 5px -5px #c0c0c0,5px 0px 5px -5px #c0c0c0,0px 5px 5px -5px #c0c0c0; box-shadow:-5px 0px 5px -5px #c0c0c0,5px 0px 5px -5px #c0c0c0,0px 5px 5px -5px #c0c0c0; -moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;} .sf-menu .sf_sec_ul>li{width:100%; height: 40px;position:relative;border-bottom:solid 1px #636e77;} .sf-menu .sf_sec_ul>li .erji{width:100%;font:normal 14px/40px "微软雅黑";color:#fff;} .sf-menu .sf_sec_ul>li .erji:hover{outline-width:0px;background-color: #06a3f2;font:14px/40px "微软雅黑";color: #ffffff;} .sf-menu .sf_sec_ul>li .erji.hover{outline-width:0px;background-color: #06a3f2;font:14px/40px "微软雅黑";color: #ffffff;} .sf-menu .sf_sec_ul .lastli{-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px;} .sf-menu .sf_sec_ul li:last-child{border: none;-moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;} .sf-menu a:hover{visibility:inherit} .sf-menu a{position:relative;display:block} .sf-menu:hover .sf_sec_ul{z-index:99;top:2.50em;left:0px} /* .sf-menu a{color:#13a} .sf-menu a:visited{color:#13a}*/ .sf-menu a:hover{outline-width:0px;} .sf-menu a:focus{outline-width:0px;} .sf-menu a:hover{outline-width:0px; } .sf-menu a:active{outline-width:0px;} .sf-menu a.sf-with-ul{min-width:1px;padding-right:2.25em} .sf-menu .sf_sec_ul>li:hover .sf_thr_ul{ display:block} .sf-menu .sf_sec_ul>li .sf_thr_ul{ position:absolute; top:0; left:168px; width:168px;opacity: 1;display:none;background-color: #FFFFFF;/*border-left: solid 1px #eeeeee;border-right: solid 1px #eeeeee;border-top: solid 1px #eeeeee;*/ -moz-box-shadow:0px 0px 5px #c0c0c0; -webkit-box-shadow:0px 0px 5px #c0c0c0; box-shadow:0px 0px 5px #c0c0c0; -moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;} .sf-menu .sf_sec_ul>li .sf_thr_ul .sanji_li{width: 100%;height:40px;border-bottom: solid 1px #e2e7ec;text-align: center;} .sf-menu .sf_sec_ul>li .sf_thr_ul .sf_zh{border: none;-moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;} .sf-menu .sf_sec_ul>li .sf_thr_ul .sanji_li:hover{background: #06a3f2;} .sf-menu .sf_sec_ul>li .sf_thr_ul .sanji_li .sanji{width: 168px;height: 40px;font: normal 14px/40px "微软雅黑";color: #555555} .sf-menu .sf_sec_ul>li .sf_thr_ul .sanji_li .sanji:hover{color:#fff;} .sf-menu .sf_sec_ul>li .sf_sec_ul_icon{display: inline-block;background: url('/static/images/home/sf_sec_icon_bl.png'); width: 4px; height: 4px; margin-left: 26px; margin-right: 10px; margin-bottom: 3px;} .navcont12 {position: relative;left: 0;top:0;height: 130px;background: url("http://image.data.cma.cn/static/image/home/banner-middle2.png");} .navcont12 .left {float: left;height: 100%;width: 540px;background: url("http://image.data.cma.cn/static/image/home/banner-left2.png") no-repeat;} .navcont12 .right {float: right;height: 100%;width: 592px;background: url("http://image.data.cma.cn/static/image/home/banner-right2.png") no-repeat;} .navcont12 .cont {width: 1200px;height: 100%;position: absolute;left: 50%;margin: 0 auto 0 -600px;} .Crumbs-line12 {background: none;position: relative;left: 0;top:0;height: 48px;} .nav12 .Crumbs {background: none;text-indent: 0;height: 48px;line-height: 48px;width: 1200px;} .nav12 .Crumbs a {color: #666666;} .nav-right { float: right; width: 207px; height: 36px; margin-top: 2px; } .search-logo {float: left;width: 154px; height: 100%;background: url("http://image.data.cma.cn/static/image/home/search-logo2.png") no-repeat 0 center;margin-left: 70px;} .search-box {float: left;width: 900px;height: 130px;margin-left: 10px;} .search-row {width: 900px;height: 44px;padding-top: 24px;} .hot-raw {width: 100%;height: 50px;margin-top: 13px;} .hot-box {width: 900px;height: 30px; overflow: hidden;} .hot-title {float: left;font-family: 微软雅黑;font-size: 14px;width: 70px;height: 30px;line-height: 30px;color: #ffffff;} .hot-word {width: auto;height: 28px;line-height: 28px;float: left;border-radius: 14px;background-color: #066CCB;text-align: center;font-family: 微软雅黑;font-size: 14px; color: #ffffff;padding-left: 15px;padding-right: 15px;margin-left: 15px;margin-bottom: 10px;} .hot-word:hover {cursor: pointer;background-color: rgba(255,255,255,0.2);} .search-form { float: left; width: 740px; height: 42px; border-radius: 5px; background-color: #f3f6fb; border: solid 1px #ccc; } .search-form #uSearch{ float: left; width: 666px; height: 30px; line-height: 30px; border: none; background-color: transparent; outline: none; font-size: 14px; margin-left: 5px; } #uSearch::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } #uSearch:-moz-placeholder { color: #999; } #uSearch::-moz-placeholder { color: #999; } #uSearch:-ms-input-placeholder { color: #999; } .search-btn {width: 44px;height: 44px;float: left;background: url("http://image.data.cma.cn/static/image/home/search-icon.png") no-repeat center center;} .search-btn:hover {cursor: pointer;} .data-list-view {width: 104px; height: 44px;font-family: 微软雅黑;font-size: 15px;color: #444444;text-align: center;line-height: 44px;float: left;margin-left: 11px;background-color: #f3f6fb;border-radius: 5px;} .data-list-view:hover {color:#0284FF;} li{margin-top: 0px !important; margin-bottom: 0px !important;} .live-data-raw {width: 390px;height: 46px;margin: 0 auto;border-bottom: 1px solid #e5e5e5;background: url("http://image.data.cma.cn/static/image/home/live-data.png") no-repeat 0 center; color: #333333; font-size: 14px; font-family: 微软雅黑;font-weight: bold;line-height: 46px;text-align: left;text-indent: 20px;} .live-data-raw-two { width: 390px;height: 40px;margin: 0 auto; } .live-data-raw-two-ele { width: 78px; height: 40px; line-height: 40px; text-align: center; font-family: 微软雅黑; font-size: 12px; color: #666666; float: left; } .live-data-raw-two-ele:hover { cursor: pointer; color: #077cf0; } .meMoAr{width: 390px;height: 46px;margin: 0 auto;color: #333333; font-size: 14px; font-family: 微软雅黑;font-weight: bold;line-height: 46px;text-align: left;text-indent: 20px;} .gis-raw {background: url("http://image.data.cma.cn/static/image/home/gis-show.png") no-repeat 0 center;} .mete-back {background: url("http://image.data.cma.cn/static/image/home/mete-back.png") no-repeat 0 center;} .omSeIp{background: url("http://image.data.cma.cn/static/image/home/omSeIp.png") no-repeat 0 center;} </style> <div class="body-banner-top"> <div class="menu-raw-box"> <a href="/"><div class="logo-new"></div></a> <div class="menu-raw"> <div class="menu-list"> <div class="menu-item-data"> <a target="_self" href="/"><div class="menu-item-title">首页</div></a> <div class="menu-item-sel"> <div class="menu-item-write"></div> </div> </div> <div class="menu-item-data"> <a target="_blank" href="/data/cdcindex/cid/f0fb4b55508804ca.html"><div class="menu-item-title">数据服务</div></a> <div class="menu-item-sel"> <div class="menu-item-write"></div> </div> <div class="menu-item-more"> <div class="menu-item-more-raw-one"> <div class="menu-item-more-triangle"></div> </div> <div class="menu-item-more-raw-two"> <!-- <a target="_blank" href="--><!--"><div class="menu-sub-item">共享目录</div></a>--> <a target="_blank" href="/data/cdcindex/cid/f0fb4b55508804ca.html"><div class="menu-sub-item">地面气象资料</div></a> <a target="_blank" href="/data/cdcindex/cid/e6ba725cabfddf8b.html"><div class="menu-sub-item">高空气象资料</div></a> <a target="_blank" href="/data/cdcindex/cid/995b999bbea581d8.html"><div class="menu-sub-item">海洋气象资料</div></a> <!-- <a target="_blank" href="--><!--"><div class="menu-sub-item">大气成分资料</div></a>--> <!--<a target="_blank" href=""><div class="menu-sub-item">辐射资料</div></a>--> <!--<a target="_blank" href=""><div class="menu-sub-item">农气资料</div></a>--> <!--<a target="_blank" href="/data/cdcindex/cid/98c64da7ee348b37.html"><div class="menu-sub-item">数值预报</div></a>--> <!--<a target="_blank" href=""><div class="menu-sub-item">历史气候代用</div></a>--> <a target="_blank" href="/data/cdcindex/cid/227aa07a9079550a.html"><div class="menu-sub-item">天气雷达资料</div></a> <a target="_blank" href="/data/cdcindex/cid/125cb60be7cb5b8d.html"><div class="menu-sub-item">风云气象卫星</div></a> <a target="_blank" href="/data/cdcindex/cid/2394c8743858b249.html"><div class="menu-sub-item">国外气象卫星</div></a> <a target="_blank" href="/data/cdcindex/cid/d3dc8c1bb18c1821.html"><div class="menu-sub-item">实况和再分析产品</div></a> <a target="_blank" href="/data/cdcindex/cid/f5d7270bd7a305a1.html"><div class="menu-sub-item">数值预报产品</div></a> <a target="_blank" href="/data/cdcindex/cid/487b57367184916d.html"><div class="menu-sub-item">天气预报产品</div></a> <a target="_blank" href="/data/cdcindex/cid/d162055b2f97227b.html"><div class="menu-sub-item">天气实况产品</div></a> <a target="_blank" href="/data/cdcindex/cid/930ff327f47fed32.html"><div class="menu-sub-item">台风与海洋预报产品</div></a> <a target="_blank" href="/data/cdcindex/cid/fb7475c024d65115.html"><div class="menu-sub-item">气象服务产品</div></a> <!--<a target="_blank" href="/data/cdcindex/cid/125cb60be7cb5b8d.html"><div class="menu-sub-item">卫星资料</div></a>--> <!--<a target="_blank" href="/data/cdcindex/cid/ebc438f839c777fd.html"><div class="menu-sub-item">服务产品</div></a>--> <!-- <a target="_blank" href="--><!--"><div class="menu-sub-item">图层服务</div></a>--> <!--<a target="_blank" href=""><div class="menu-sub-item">气象灾害</div></a> <a target="_blank" href=""><div class="menu-sub-item">科考资料</div></a>--> <!-- <a target="_blank" href="--><!--"><div class="menu-sub-item">专题服务</div></a>--> </div> </div> </div> <div class="menu-item-data"> <a target="_blank" href="/market/index.html"><div class="menu-item-title">接口服务</div></a> <div class="menu-item-sel"> <div class="menu-item-write"></div> </div> </div> <div class="menu-item-data"> <a target="_blank" href="http://dcpzx.cma.cn/#/"><div class="menu-item-title">数据汇交</div></a> <div class="menu-item-sel"> <div class="menu-item-write"></div> </div> </div> <div class="menu-item-data"> <div class="menu-item-title">可视化</div> <div class="menu-item-sel"> <div class="menu-item-write"></div> </div> <div class="menu-item-more" style="left: 477px;"> <div class="menu-item-more-raw-one"> <div class="menu-item-more-triangle"></div> </div> <div class="menu-item-more-raw-two"> <div class="live-data-raw">实况资料 >></div> <div class="live-data-raw-two"> <!--<a target="_blank" href=""> <div class="live-data-raw-two-ele">地面观测</div> </a>--> <a target="_blank" href="/data/online.html?t=3"> <div class="live-data-raw-two-ele">卫星云图</div> </a> <a target="_blank" href="/data/online.html?t=4"> <div class="live-data-raw-two-ele">雷达产品</div> </a> <a target="_blank" href="/data/online.html?t=6"> <div class="live-data-raw-two-ele">网格产品</div> </a> <a target="_blank" href="/data/online.html?t=7"> <div class="live-data-raw-two-ele">陆面同化</div> </a> </div> <a target="_blank" href="/dataGis/static/gridgis/#/pcindex"><div class="meMoAr gis-raw">GIS在线分析 >></div></a> <a target="_blank" href="/data/weatherBk.html"><div class="meMoAr mete-back">气候背景 >></div></a> <!-- <a target="_blank" href="--><!--"><div class="meMoAr omSeIp">图层服务 >></div></a>--> </div> </div> </div> <div class="menu-item-data"> <a target="_blank" href="/site/theme.html"><div class="menu-item-title">气象专题</div></a> <div class="menu-item-sel"> <div class="menu-item-write"></div> </div> <div class="menu-item-more" style="left: 552px;"> <div class="menu-item-more-raw-one"> <div class="menu-item-more-triangle"></div> </div> <div class="menu-item-more-raw-three"> <a target="_blank" href="http://czce.data.cma.cn/"><div class="menu-sub-item">郑商所气温指数</div></a> <a target="_blank" href="https://data.cma.cn/ChinaArab"><div class="menu-sub-item">中阿峰会专题</div></a> <a target="_blank" href="https://data.cma.cn/Asean/#/asean"><div class="menu-sub-item">东盟国际论坛专题</div></a> <a target="_blank" href="https://data.cma.cn/datanet-energy/#/home"><div class="menu-sub-item">新能源专题</div></a> <a target="_blank" href="https://data.cma.cn/travel-ocean/#/ocean"><div class="menu-sub-item">远洋导航专题</div></a> <a target="_blank" href="http://121.229.107.53:8049/"><div class="menu-sub-item">3D台风专题</div></a> </div> </div> </div> <div class="menu-item-data"> <a target="_blank" href="/article/getServiceCase/cateId/9.html"><div class="menu-item-title">服务案例</div></a> <div class="menu-item-sel"> <div class="menu-item-write"></div> </div> </div> <div class="menu-item-data"> <a target="_blank" href="/article/getLeft/id/249/keyIndex/1.html"><div class="menu-item-title">用户支持</div></a> <div class="menu-item-sel"> <div class="menu-item-write"></div> </div> </div> <div class="menu-item-data"> <a target="_blank" href="/article/getLeft/id/270/type/3.html"><div class="menu-item-title">关于我们</div></a> <div class="menu-item-sel"> <div class="menu-item-write"></div> </div> <div class="menu-item-more" style="left: 789px;"> <div class="menu-item-more-raw-one"> <div class="menu-item-more-triangle"></div> </div> <div class="menu-item-more-raw-two"><a target="_blank" href="/article/getLeft/id/270/type/3.html"><div class="menu-sub-item">平台概况</div></a> <a target="_blank" href="/article/getLeft/id/359/type/3.html"><div class="menu-sub-item">单位简介</div></a> <!-- <a target="_blank" href="--><!--"><div class="menu-sub-item">主要任务</div></a>--> <a target="_blank" href="/article/getLeft/id/372/type/3/cateId/15.html"><div class="menu-sub-item">工作机会</div></a> <a target="_blank" href="/article/getLeft/id/394/type/3/cateId/44.html"><div class="menu-sub-item">政务公开</div></a> <a target="_blank" href="/article/getLeft/id/251/type/3.html"><div class="menu-sub-item">联系我们</div></a> </div> </div> </div> </div> </div> <a target="_blank" href="/forecast/index.html"> <div class="weather-box"> <div class="weather-col-one"> <img style="width: 20px;margin-top: 4px;margin-left: 9px;" src=""> </div> <div class="weather-col-two"></div> <div class="weather-col-three"></div> <div class="weather-col-four"></div> </div> </a> </div> </div> <div class="navcont12"> <div class="left"></div> <div class="right"></div> <div class="cont"> <div class="search-logo"></div> <div class="search-box"> <div class="search-row"> <div class="search-form"> <input id="uSearch" type="text" name="keywords" placeholder="搜一下试试" value=""> <div class="search-btn" onclick="renderUSearch()"></div> </div> <a target="_blank" href="/search/aSearch.html"><div class="data-list-view">高级检索</div></a> </div> <div class="hot-raw"> <div class="hot-box"> </div> </div> </div> </div> </div> <div class="nav12 "> <!--<div class='navbg12'></div>--> <!-- <div class="navTy"></div>--> <div class="Crumbs-line12" style="display: block"> <div class="Crumbs"> <div style="float: left;height: 12px;width: 3px;background: #2C9AEF;margin-right: 10px;margin-top: 18px;"></div> <a href="/">首页</a> </div> </div> </div> <script> var localAddress = {}; localAddress['province'] = '北京'; localAddress['city'] = '北京'; </script> <script type="text/javascript" src="http://ip.ws.126.net/ipquery"></script> <script> localAddress['province'] = localAddress['province'].replace('市', '').replace('省', ''); localAddress['city'] = localAddress['city'].replace('市', '').replace('区', ''); var myprovince = localAddress['province']; var mycity = localAddress['city']; if (myprovince == '北京' || myprovince == '天津' || myprovince == '上海' || myprovince == '重庆') { mycity = myprovince; } $.ajax({ url: 'https://data.cma.cn/kbweb/home/getStationID', type: "POST", contentType: "application/json", dataType: "json", data: JSON.stringify({"city": mycity}), success: function (result) { var lat = result.result.V05001; var lon = result.result.V06001; getLiveMJInfo(lat, lon); getLiveSYSInfo(lat, lon); }, error: function (e) { console.log(e) } }); function getLiveSYSInfo(lat, lon) { var url = 'https://data.cma.cn/kbweb/home/live'; $.ajax({ url: url, type: "POST", contentType: "application/json", dataType: "json", data: JSON.stringify({ "lat": lat, "lon": lon, "type": "0" }), success: function (data0) { var ds = data0.result.DS[0]; var tem = ds.TEM; if (tem == '9999') { tem = '--'; } $('.weather-col-three').html(tem + '°C'); }, error: function (e) { console.log(e) } }); } function getLiveMJInfo(lat, lon) { var url = 'https://data.cma.cn/kbweb/home/live'; $.ajax({ url: url, type: "POST", contentType: "application/json", dataType: "json", data: JSON.stringify({ "lat": lat, "lon": lon, "type": "1" }), success: function (data1) { var condition = data1.result.data.condition; var liveData = dealMoJiLiveData(condition); var conditionId = liveData.weatherIcon; var wth = liveData.condition; var imgUrl = 'https://k.data.cma.cn/liveIcon/'+ conditionId +'.png'; $(".weather-col-one img").attr("src", imgUrl); $(".weather-col-two").html(mycity); }, error: function (e) { console.log(e) } }); } function dealMoJiLiveData(data) { var liveData = data; if (data && data.vis !== undefined) { data.vis = (data.vis / 1000).toFixed(1); } liveData.weatherIcon = MoJiliveConditionID2ICon( liveData.conditionId ); return liveData; } function MoJiliveConditionID2ICon(conditionId) { conditionId = +conditionId; var conditionIds = { "1": {day: 0, night: 30}, "2": {day: 0, night: 30}, "3": {day: 0, night: 30}, "4": {day: 0, night: 30}, "5": {day: 0, night: 30}, "6": {day: 0, night: 30}, "7": {day: 0, night: 30}, "8": {day: 1, night: 31}, "9": {day: 1, night: 31}, "10": {day: 1, night: 31}, "11": {day: 1, night: 31}, "12": {day: 1, night: 31}, "13": {day: 2, night: 32}, "14": {day: 2, night: 32}, "15": {day: 3, night: 33}, "16": {day: 3, night: 33}, "17": {day: 3, night: 33}, "18": {day: 3, night: 33}, "19": {day: 3, night: 33}, "20": {day: 3, night: 33}, "21": {day: 3, night: 33}, "22": {day: 3, night: 33}, "23": {day: 3, night: 33}, "24": {day: 13, night: 34}, "25": {day: 13, night: 34}, "26": {day: 18, night: 32}, "27": {day: 18, night: 32}, "28": {day: 18, night: 32}, "29": {day: 20, night: 36}, "30": {day: 29, night: 35}, "31": {day: 29, night: 35}, "32": {day: 29, night: 35}, "33": {day: 20, night: 36}, "34": {day: 45, night: 46}, "35": {day: 45, night: 46}, "36": {day: 2, night: 2}, "37": {day: 4, night: 4}, "38": {day: 4, night: 4}, "39": {day: 4, night: 4}, "40": {day: 4, night: 4}, "41": {day: 4, night: 4}, "42": {day: 4, night: 4}, "43": {day: 4, night: 4}, "44": {day: 5, night: 5}, "45": {day: 5, night: 5}, "46": {day: 5, night: 5}, "47": {day: 5, night: 5}, "48": {day: 5, night: 5}, "49": {day: 6, night: 6}, "50": {day: 6, night: 6}, "51": {day: 7, night: 7}, "52": {day: 7, night: 7}, "53": {day: 8, night: 8}, "54": {day: 9, night: 9}, "55": {day: 10, night: 10}, "56": {day: 10, night: 10}, "57": {day: 10, night: 10}, "58": {day: 14, night: 14}, "59": {day: 14, night: 14}, "60": {day: 15, night: 15}, "61": {day: 15, night: 15}, "62": {day: 16, night: 16}, "63": {day: 17, night: 17}, "64": {day: 19, night: 19}, "65": {day: 19, night: 19}, "66": {day: 7, night: 7}, "67": {day: 8, night: 8}, "68": {day: 9, night: 9}, "69": {day: 10, night: 10}, "70": {day: 10, night: 10}, "71": {day: 14, night: 14}, "72": {day: 14, night: 14}, "73": {day: 14, night: 14}, "74": {day: 15, night: 15}, "75": {day: 15, night: 15}, "76": {day: 16, night: 16}, "77": {day: 15, night: 15}, "78": {day: 8, night: 8}, "79": {day: 45, night: 46}, "80": {day: 1, night: 31}, "81": {day: 1, night: 31}, "82": {day: 1, night: 31}, "83": {day: 18, night: 32}, "84": {day: 18, night: 32}, "85": {day: 2, night: 2}, "86": {day: 3, night: 33}, "87": {day: 4, night: 4}, "88": {day: 4, night: 4}, "89": {day: 4, night: 4}, "90": {day: 4, night: 4}, "91": {day: 7, night: 7}, "92": {day: 9, night: 9}, "93": {day: 10, night: 10}, "94": {day: 15, night: 15} }; return conditionIds[conditionId].day; } function renderUSearch() { var keywords = $('#uSearch').val() if(keywords == ''){ keywords = '台风'; } var secondKey = $('.input-aq').val() if (secondKey == undefined) { secondKey = '' } window.sessionStorage.setItem('keywords', keywords); window.sessionStorage.setItem('secondKey', secondKey); window.sessionStorage.setItem('dataClass', ''); window.sessionStorage.setItem('spatial', ''); window.sessionStorage.setItem('timeRes', ''); window.sessionStorage.setItem('selKey', ''); window.sessionStorage.setItem('orderBy', 'desc'); window.sessionStorage.setItem('pageNo', 1); window.sessionStorage.setItem('pageSize', 10); window.sessionStorage.setItem('categoryId', ''); window.sessionStorage.setItem('seClass', 'data'); window.open("/search/uSearch.html?keywords=" + keywords); } $('#uSearch').keyup(function (event) { if(event.keyCode ==13){ renderUSearch(); } }); function hotWordSearch(self) { $('#uSearch').val($(self).html()); renderUSearch(); } function getHotKeyword() { var url = '/site/hotKeyword'; $.ajax({ url: url, type: 'GET', dataType: 'json', success:function (result) { var code = result.code; if (!(code == 0 || code == -1)) { console.log('error log:' + result.message); return; } var dataList = result.result; var html = '<div class="hot-title">热词搜索：</div>'; html += '<div class="hot-word" onclick="hotWordSearch(this)">再分析</div>'; if (dataList) { for (var i = 0; i < dataList.length; i++) { html += '<div class="hot-word" onclick="hotWordSearch(this)">'+ dataList[i].keyword +'</div>'; } } html += '</div>'; $('.hot-box').html(''); $('.hot-box').html(html); } }) } $(function() { getHotKeyword(); }) </script> <div class="content" style="min-height: 300px;"> <div style="width:800px;"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>中国气象数据网-在线客服</title> <link rel="stylesheet" type="text/css" href="/kefu//public/jquery.tipTip.css"> <link rel="stylesheet" type="text/css" href="/kefu//css/jquery.lightbox-0.5.css"> <link rel="stylesheet" href="/kefu//css/chat_style.css"> <script> var login_id = ""; var login_name = ""; document.cookie = 'login_id_chat=' + login_id + ';expires=0;path=/'; document.cookie = 'login_name_chat=' + login_name + ';expires=0;path=/'; SYSDIR = "/kefu/", COOKIE_USER = "hApt3YFC7HD5user", SYSKEY = "K4sBWqh1", SYSCODE = "e4a9iEwxMWI5rZEH4dbFSwfdP09UDHa+fbOn6pO27UW+HLn1C9Ym1ASv2WGJOeBZQ/0B/+cacwBrJ5JBbA", WS_HOST = "kefu.weather.me:8090", WS_PORT = "3000", update_time = "2000 ", offline_time = "480000", guest = { gid: 0, fn: login_name, aid: 0, an: "", lang: '0 ', agent: "unknown", fromurl: ""}, welcome = "您已成功接入人工客服，很高兴为您服务！", langs = {"welive":"\u5728\u7ebf\u5ba2\u670d","msg":"\u65b0\u6d88\u606f","send":"\u53d1\u9001","shutdown":"\u62b1\u6b49, \u5ba2\u670d\u7cfb\u7edf\u5df2\u5173\u95ed!","connecting":"\u670d\u52a1\u5668\u8fde\u63a5\u4e2d ...","failed":"\u8fde\u63a5\u5931\u8d25, \u8bf7\u5237\u65b0\u91cd\u8bd5 ...","waiting":"\u670d\u52a1\u5668\u8fde\u63a5\u4e2d, \u8bf7\u7b49\u5f85 ...","offline":"\u6682\u65f6\u79bb\u7ebf, \u8bf7\u7b49\u5f85","aback":" \u91cd\u65b0\u4e0a\u7ebf\u4e86","autooff":"\u7531\u4e8e\u60a8\u957f\u65f6\u95f4\u672a\u56de\u590d\uff0c\u672c\u6b21\u54a8\u8be2\u5df2\u5173\u95ed\uff0c\u611f\u8c22\u60a8\u5bf9\u6570\u636e\u7f51\u7684\u652f\u6301","kickout":"\u62b1\u6b49! \u60a8\u88ab\u8bf7\u51fa\u4e86\u5ba2\u670d.","banned":"\u62b1\u6b49! \u60a8\u88ab\u7981\u6b62\u53d1\u8a00\u4e86.","unbann":"\u60a8\u7684\u7981\u8a00\u72b6\u6001\u5df2\u89e3\u9664.","transfer":"\u60a8\u5df2\u7ecf\u8f6c\u63a5\u7ed9\u5ba2\u670d: ","records":"... \u4ee5\u4e0a\u4e3a\u6700\u8fd1\u5bf9\u8bdd\u8bb0\u5f55.","relinked":"\u5df2\u5728\u5176\u5b83\u7a97\u53e3\u4e2d\u8fde\u63a5\u4e86\u5ba2\u670d.","rebtn":"\u91cd\u65b0\u8fde\u63a5","submit":"\u63d0\u4ea4","leavemsg":"\u8bf7\u60a8\u7559\u8a00 !!!","nosuppert":"\u5ba2\u670d\u79bb\u7ebf","yourname":"\u60a8\u7684\u59d3\u540d","email":"Email","phone":"\u7535\u8bdd","content":"\u7559\u8a00\u5185\u5bb9","newcaptcha":"\u70b9\u51fb\u66f4\u65b0\u9a8c\u8bc1\u7801","badcookie":"\u9a8c\u8bc1\u7801\u5df2\u8fc7\u671f, \u8bf7\u5237\u65b0\u9875\u9762\u540e\u91cd\u8bd5!","saved":"\u611f\u8c22\u60a8\u7684\u7559\u8a00!"};</script> <script type="text/javascript" src="/kefu//public/jquery191.js"></script> <script type="text/javascript" src="/kefu//public/jquery.tipTip.js" ></script> <script type="text/javascript" src="/kefu//public/jquery.scrollbar.js" ></script> <script type="text/javascript" src="/kefu//public/guest1.js?v=1215"></script> <script type="text/javascript" src="/kefu//public/jquery.form.js"></script> <script type="text/javascript" src="/kefu//js/faded.js"></SCRIPT> <script type="text/javascript" src="/kefu//js/myJs.js"></SCRIPT> <script type="text/javascript" src="/kefu//js/jquery.lightbox-0.5.js"></SCRIPT> </head> <!-- <body style="overflow: scroll;background: url('http://image.data.cma.cn/static/image/headBa.png') center top repeat-x;">--> <body class="kfmainbody"> <div class="kfmain"> <div class="clear"></div> <div class="kfmiddle clear"> <div class="kfmiddle_con clear"> <!--标题--> <div class="clear"></div> <!--聊天内容--> <div class="kfchatbg"> <div class="kfchat"> <!--导航标题--> <div class="kfch_titlebg"> <!-- <div class="kfworktime">--> <!-- <span class="kfwt_word">人工客服在线时间：</span>--> <!-- <div class="kfwt_time">--> <!-- 9:00-17:00（工作日）--> <!-- </div>--> <!-- </div>--> <div class="kfleftlogo"> <div class="kflg_img"> <img src="/kefu//image/icon-head.png"> </div> <span class="kfspan" id="big_chat_title">智能应答</span> </div> </div> <div class="clear"></div> <!--左侧内容--> <div class="kfleftcon_bg"> <!--聊天框中的内容--> <div class="kfrecord_con"> <div class="msg r"> <div class="a">智能应答<label id="first_time"></label></div> <b><img src="/kefu//image/server_bg.png"></b> <div class="b"> <div class="i"> 您好，智能应答很高兴为您服务！<br/>如需人工帮助请<a href="javascript:void(0);" onclick="cg_btn_know()" style='color: #ec6c00'>点击转接</a> </div> </div> </div> </div> <div class="kfsmilies_div" style="display:none;"> <div class="kfsmilies_wrap"> <img class="kfimg" src="/kefu/public/smilies/0.png" onclick="insertSmilie(0,this);"><img class="kfimg" src="/kefu/public/smilies/1.png" onclick="insertSmilie(1,this);"><img class="kfimg" src="/kefu/public/smilies/2.png" onclick="insertSmilie(2,this);"><img class="kfimg" src="/kefu/public/smilies/3.png" onclick="insertSmilie(3,this);"><img class="kfimg" src="/kefu/public/smilies/4.png" onclick="insertSmilie(4,this);"><img class="kfimg" src="/kefu/public/smilies/5.png" onclick="insertSmilie(5,this);"><img class="kfimg" src="/kefu/public/smilies/6.png" onclick="insertSmilie(6,this);"><img class="kfimg" src="/kefu/public/smilies/7.png" onclick="insertSmilie(7,this);"><img class="kfimg" src="/kefu/public/smilies/8.png" onclick="insertSmilie(8,this);"><img class="kfimg" src="/kefu/public/smilies/9.png" onclick="insertSmilie(9,this);"><img class="kfimg" src="/kefu/public/smilies/10.png" onclick="insertSmilie(10,this);"><img class="kfimg" src="/kefu/public/smilies/11.png" onclick="insertSmilie(11,this);"><img class="kfimg" src="/kefu/public/smilies/12.png" onclick="insertSmilie(12,this);"><img class="kfimg" src="/kefu/public/smilies/13.png" onclick="insertSmilie(13,this);"><img class="kfimg" src="/kefu/public/smilies/14.png" onclick="insertSmilie(14,this);"><img class="kfimg" src="/kefu/public/smilies/15.png" onclick="insertSmilie(15,this);"><img class="kfimg" src="/kefu/public/smilies/16.png" onclick="insertSmilie(16,this);"><img class="kfimg" src="/kefu/public/smilies/17.png" onclick="insertSmilie(17,this);"><img class="kfimg" src="/kefu/public/smilies/18.png" onclick="insertSmilie(18,this);"><img class="kfimg" src="/kefu/public/smilies/19.png" onclick="insertSmilie(19,this);"><img class="kfimg" src="/kefu/public/smilies/20.png" onclick="insertSmilie(20,this);"><img class="kfimg" src="/kefu/public/smilies/21.png" onclick="insertSmilie(21,this);"><img class="kfimg" src="/kefu/public/smilies/22.png" onclick="insertSmilie(22,this);"><img class="kfimg" src="/kefu/public/smilies/23.png" onclick="insertSmilie(23,this);"> </div> </div> <!--输入框--> <div class="kfinputarea_bg"> <div class="kfoption_bg"> <ul class="kful"> <li class="kfli"> <img src="/kefu//image/1_03.png" class="s_face"> </li> <li class="kfli"> <img src="/kefu//image/1_05.png"> <input id="fileupload" type="file" name="mypic" style="width:20px;height:18px;float:left;margin-top:-20px;border: solid transparent;opacity: 0;filter:alpha(opacity=0); cursor: pointer;z-index: 999;" onclick="this.form.reset();"> </li> </ul> </div> <div class="kfinputarea"> <div id="myDiv" class="msger" style="width: 636px; height: 60px; font-size:small; line-height:1;overflow: auto;" contenteditable="true"> </div> </div> <div class="subbg"> <span class="tip">Tip:使用Ctrl+Enter发送信息</span> <!-- <input type="button" value="" onclick="cg_btn_know()" class="kfrg_btn">--> <img src="/kefu//image/button.png" class="subbtn sender"/> </div> </div> </div> <!--右侧内容--> <div class="kfrightcon_bg"> <div class="kfright_title"> <ul class="title_list kfrtul"> <li class="kfrtli" style="display: none"> 使用说明 </li> <li class="kfrtli hover"> 常见问题 </li> <li class=" kfrtli "> 我的订单 </li> <!-- <li>--> <!-- 推荐资料--> <!-- </li>--> </ul> <div class="kforder_list"> <dl class="kfdl show0" style="display: none;"> <dt class="kfdt"> <div class="ques_bg"> <ul> <li style="height: 30px"><p class="bza">在线交流提供<label style="color:#ec6c00">智能应答</label>和<label style="color:#ec6c00">人工客服</label>两种方式。</p></li> <li style="height: 69px"><p class="bza">您可以对智能应答的结果进行评价，以便我们改进智能应答的准确率。</p></li> <li style="height: 52px"><p class="bza">如果您对智能应答的结果不满意，可在工作时间转接人工客服。</p></li> <li style="height: 52px"><p class="bza">浏览器请使用<label style="color:#ec6c00">FireFox、Chrome、IE10及以上版本</label>。</p></li> <li style="height: 56px"><p class="bza">如有其他疑问，请在工作时间拨打电话<label style="color:#ec6c00">010-68407499</label>。</p></li> </ul> </div> </dt> </dl> <dl class="kfdl show1"> <dt class="kfdt"> <div class="ques_bg"> <ul> <li><a href="http://data.cma.cn/article/getLeft/id/278/keyIndex/7.html" target="_blank">如何成为会员</a></li> <li><a href="http://data.cma.cn/article/getLeft/id/249/keyIndex/1.html" target="_blank">会员注册流程</a></li> <li><a href="http://data.cma.cn/article/getLeft/id/287/keyIndex/7.html" target="_blank">会员权利和义务</a></li> <li><a href="http://data.cma.cn/article/getLeft/id/279/keyIndex/7.html" target="_blank">如何获取数据</a></li> <li><a href="http://data.cma.cn/article/getLeft/id/288/keyIndex/7.html" target="_blank">数据质量声明</a></li> <li><a href="http://data.cma.cn/article/getLeft/id/274/keyIndex/5.html" target="_blank">忘记密码怎么办</a></li> <li><a href="http://data.cma.cn/article/getLeft/id/273/keyIndex/5.html" target="_blank">气象科学共享网站会员如何转为本网站用户</a></li> <li><a href="" target="_blank">热线电话</a></li> </ul> </div> </dt> </dl> <dl class="kfdl show2"> <input type="hidden" id="pageno" value=""> <input type="hidden" id="bigid" value=""> <div id="orderList"> <div class="no_order"> <img src="/kefu//image/no_order.png" class="order_img"/> <span class="no_title">暂无更多订单数据</span> </div> </dl> <!--隐藏了一个show 原来是show3 改成了show2--> <!-- <dl class="show2">--> <!-- <dt>--> <!-- <div class="ques_bg">--> <!-- <ul>--> <!-- <li><a href="">推荐资料标题1</a></li>--> <!-- <li><a href="">推荐资料标题1</a></li>--> <!-- <li><a href="">推荐资料标题1</a></li>--> <!-- <li><a href="">推荐资料标题1</a></li>--> <!-- <li><a href="">推荐资料标题1</a></li>--> <!-- <li><a href="">推荐资料标题1</a></li>--> <!-- <li><a href="">推荐资料标题1</a></li>--> <!-- <li><a href="">推荐资料标题1</a></li>--> <!-- <li><a href="">推荐资料标题1</a></li>--> <!-- <li><a href="">推荐资料标题1</a></li>--> <!-- </ul>--> <!-- </div>--> <!-- </dt>--> <!-- </dl>--> </div> </div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> /*<![CDATA[*/ jQuery(function($) { jQuery('#yw0').after("<a id=\"yw0_button\" href=\"\/user\/captcha\/refresh\/1.html\">\u770b\u4e0d\u6e05\u6362\u4e00\u7ec4<\/a>"); jQuery(document).on('click', '#yw0_button', function(){ jQuery.ajax({ url: "\/user\/captcha\/refresh\/1.html", dataType: 'json', cache: false, success: function(data) { jQuery('#yw0').attr('src', data['url']); jQuery('body').data('captcha.hash', [data['hash1'], data['hash2']]); } }); return false; }); }); /*]]>*/ </script> </body> <script> function show_more_order() { var pageno = $("#pageno").val(); var bigid = parseInt(pageno)*10; var url = '/kefu/ajax_order.php'; $.ajax({ type: "post", url: url, cache: false, async: true, data: {pageno: pageno,login_id:login_id,bigid:bigid}, dataType: 'json', error:function(e){ console.log(e.responseText) }, success: function (data) { if(data.return_str){ $("#orderList").append(data.return_str); $("#pageno").val(data.pageno); $("#bigid").val(data.bigid); }else{ alert('暂无更多订单！') } } }); } function sendOrderNo(_orderNo){ $("#myDiv").append("订单号："+_orderNo); } $(function() { //获得年月日-为了找图片的路径用 var mydate = new Date(); var year = parseInt(mydate.getFullYear()); var month = parseInt(mydate.getMonth()+1); var day = parseInt(mydate.getDate()); var hh = mydate.getHours(); //时 var mm = mydate.getMinutes(); //分 var ss = mydate.getSeconds(); //秒 var clock = ""; if(hh < 10) clock += "0"; clock += hh + ":"; if (mm < 10) clock += '0'; clock += mm + ":"; if (ss < 10) clock += '0'; clock += ss; //页面中的欢迎语的时间 $("#first_time").html(clock); //右侧固定显示内容 $(".kfdl").css('display', 'none'); //如果未登录情况下订单内容不显示 if(login_id==0&&login_name==''){ $('.show1').css('display','block'); $('.show2').css('display','none'); $('.show0').css('display','none'); $('.kfrtli:eq(1)').css('width','360px'); $('.kfrtli:eq(1)').addClass('hover'); $('.kfrtli:eq(2)').css('display','none'); }else{//登录后则title_list集体改变宽度 $('.kfrtli').css('width','180px'); $('.kfrtli:eq(1)').removeClass('hover'); $('.kfrtli:eq(2)').addClass('hover'); $(".show2").css('overflow-x', 'hidden'); $(".show2").css('overflow-y', 'auto'); $(".show2").css('display', 'block'); } //ajax绑定上传图片 $("#fileupload").wrap("<form id='myupload' action='/kefu//action.php?act=sb' method='post' enctype='multipart/form-data'></form>"); $("#fileupload").change(function(){ $("#myupload").ajaxSubmit({ dataType: 'json', beforeSend: function() {//上传之前的行为 }, uploadProgress: function(event, position, total, percentComplete) {//上传进程 }, success: function(data) {//上传成功后 var html ="<div id='gallery'><a href='/kefu/file/"+year+"/"+month+"/"+day+"/"+data.pic+"' rel='lightbox'><img src='/kefu/file/"+year+"/"+month+"/"+day+"/"+data.pic+"' class='picAuto' width='270' height='360'></a></div>"; var tmp_val = $('.msger').val(); $(".msger").append(html); $(".picAuto").each( function() { var BoxWidth = $(this).attr("width"),BoxHeight = $(this).attr("height"); var img = new Image() , _this = $(this); img.src = $(this).attr("src"); if ( img.complete ) { var RealWidth = img.width,RealHeight = img.height; if ( RealWidth / RealHeight > BoxWidth / BoxHeight ) { RealHeight = BoxWidth / RealWidth * RealHeight; RealWidth = BoxWidth; var Padding = ( BoxHeight - RealHeight ) / 2; $(this).attr("width",RealWidth).attr("height",RealHeight).css("padding",Padding + "px 0"); } else { RealWidth = BoxHeight / RealHeight * RealWidth; RealHeight = BoxHeight; var Padding = ( BoxWidth - RealWidth ) / 2; $(this).attr("width",RealWidth).attr("height",RealHeight).css("padding","0 " + Padding + "px"); } } img.onload = function() { var RealWidth = img.width,RealHeight = img.height; if ( RealWidth / RealHeight > BoxWidth / BoxHeight ) { RealHeight = BoxWidth / RealWidth * RealHeight; RealWidth = BoxWidth; var Padding = ( BoxHeight - RealHeight ) / 2; _this.attr("width",RealWidth).attr("height",RealHeight).css("padding",Padding + "px 0"); } else { RealWidth = BoxHeight / RealHeight * RealWidth; RealHeight = BoxHeight; var Padding = ( BoxWidth - RealWidth ) / 2; _this.attr("width",RealWidth).attr("height",RealHeight).css("padding","0 " + Padding + "px"); } return; }; } ); }, error:function(xhr){ console.log(xhr.responseText) } }); }); }) $(".title_list li").mouseover(function() { $(this).siblings().removeClass('hover'); $(this).addClass('hover'); var index = $(".title_list li").index($('.hover')); $('.kforder_list').find('dl').css('display', 'none'); $(".show" + index).css('display', 'block'); }); </script> </html> </div> <script src="/static/js/require.js"></script> <script src="/static/js/require-config.js"></script> <script type="text/javascript"> $(function () { aaa(); }); function aaa() { var brumbs = "<a href='/'>首页</a> > <a href='javascript:'>在线客服</a>"; $("div.Crumbs").html(brumbs); } </script> </div> <style> .foot-cont { width: 100%; height: 180px; background-color: #E9EEED; } .cont-box { position: relative; width: 1200px; height: 100%; margin: 0 auto; } .record { padding-top: 16px; } .record-left { float: left; } .record-mid { float: left; width: 610px; text-align: center; margin-top: 6px; } .record-mid-raw-one { width: 441px; margin: 0 auto; height: 25px; } .record-mid-raw-tow { font-size: 12px; font-family: 微软雅黑; color: #666666; height: 25px; } .record-mid-raw-three { font-size: 12px; font-family: 微软雅黑; color: #666666; height: 25px; } .record-right { float: right; } .record-left-top { height: 20px; line-height: 20px; font-size: 12px; font-family: 微软雅黑; color: #666666; } .record-left-bottom { margin-top: 14px; height: 12px; line-height: 12px; font-size: 12px; font-family: 微软雅黑; color: #666666; } .footerIc{position:relative;width:60px;height:77px;margin: 0 auto;} .logIn-cont input {width: 250px;} </style> <div class="foot-cont"> <div class="cont-box"> <div class="record"> <div class="record-left"> <img src="http://image.data.cma.cn/static/image/home/d1.png"> <img style="margin-left: 20px;margin-bottom: 4px;" src="http://image.data.cma.cn/static/image/home/d2.png"> </div> <div class="record-mid"> <div class="record-mid-raw-one"> <a target="_blank" href="http://www.miitbeian.gov.cn/"><div style="float: left; height: 12px;font-size: 12px;font-family: 微软雅黑;color: #666666;">京ICP备05004897号-1 | </div></a> <a target="_blank" href="http://www.miitbeian.gov.cn/"><img style="float: left;" src="/static/images/home/ghs.png"><div style="float: left; height: 12px;font-size: 12px;font-family: 微软雅黑;color: #666666;">京公网安备11040102700021号 | </div></a> <a target="_blank" href="" style="float: left; height: 12px;font-size: 12px;font-family: 微软雅黑;color: #666666;">常见问题 | </a> <a target="_blank" href="" style="float: left; height: 12px;font-size: 12px;font-family: 微软雅黑;color: #666666;">网站地图</a> </div> <div class="record-mid-raw-tow">Copyright 2005-2017 国家气象信息中心(中国气象局气象数据中心)</div> <div class="record-mid-raw-three">地址：北京海淀区中关村南大街46号 邮编：100081 E_mail : datacenter@cma.gov.cn</div> </div> <div class="record-right"> <img src="http://image.data.cma.cn/static/image/home/d3.png"> <img style="margin-left: 20px;margin-bottom: 4px;" src="http://image.data.cma.cn/static/image/home/d4.png"> <img style="margin-left: 20px;margin-bottom: 4px;" src="http://image.data.cma.cn/static/image/home/d5.png"> </div> </div> <div class="footerIc"></div> </div> </div> <div class="mark"></div> <div class="logIn"> <div class="logIn-title" style = "top:0px !important;"></div> <div style="border-bottom: 1px solid #D6DCE0;clear: both;margin-top: 20px;height: 30px;margin-bottom: 20px;"><div style="width:46%;float:left;border-right:1px solid #D6DCE0;text-align:center;font-weight:bold;color:#E76A6C;cursor:pointer;" id="loginPhone" onclick="jumpPmg(this)">扫码登录</div><div style="float:left;width:46%;text-align:center;font-weight:bold;cursor:pointer;" id="loginWeb" onclick="jumpPmg(this)">账户登录</div></div> <form class="logIn-cont" id="logIn" action="" method="post" style="height:215px;"> <i class="icon close" style="top:-90px !important;"></i> <div id="loginRu" style="display:none" > <div class="row" > <i class="icon user-icon"></i> <input type="text" name="userName" id="userName" placeholder="用户名/手机号"/> </div> <div class="row"> <i class="icon psd-icon"></i> <input type="password" name="password" id="passwordFoot" placeholder="密码" style="padding: 6px 5px"/> </div> <div class="row clearfix verifyCode-row"> <input type="text" class="verifycode" name="verifyCode" id="verifyCode"/> <img id="yw0" src="/user/captcha/v/6747df5f56d5f.html" alt="" /> </div> <div class="row clearfix"> <a class="forget-psd-btn" href="/user/forgetPasswd.html"><i class="forget-psd-icon"></i>忘记密码</a> <a class="register-btn" href="/article/getLeft/id/249/keyIndex/1.html">立刻注册</a> </div> <button class="login-submit" type="button" id="login" style="cursor: pointer;"></button> </div> <div id="loginApp" > <!-- 相对位置和绝对位置做好遮罩层和样式 --> <div id = "leftDiv" style="position: absolute; top:0px;left:15px;width:160px;border:1px solid #E8EBED;padding:4px;" > <img src="" style="cursor:pointer;" id="leftImg" width="158px"> </div> <div class="showInvalid" style="position: absolute; top:0px;left:15px;width:160px;border:1px solid #E8EBED;padding:4px;z-index:99;filter: alpha(opacity=40);bottom:0; background:#000020;opacity:0.5;height:158px;" > </div> <div class="showInvalid" style="position: absolute; top:0px;left:15px;width:160px;padding:4px;z-index:100;height:158px;opacity:1;font-size:14px;text-align:center;" > <div style="color:#fff;margin-top:50px;">二维码失效</div> <div style="background:#E4393C;height:24px;width:80px;color:#fff;text-align:center;line-height:24px;margin:16px auto;cursor:pointer;" class="clickFlash">点击刷新</div> </div> <div style="position: absolute; top:0px;right:40px;width:144px;" id="tsShow"> <image src="/static/images/loginApp/showPhone.png" style="margin-bottom:13px;" id="rightImg" /> </div> <div style="position:absolute;top:180px;left:60px;font-size:14px;"><span>登录手机</span><span style="color:#EB8182;margin-right:26px;">中国气象数据网</span><span>扫描二维码</span></div> <div style="position: absolute; top:210px;left:80px;font-size:14px;text-align:center;"> <image src="/static/images/loginApp/tig1.png" class="bottom-img" /> <span class="bottom-img" style="color:#94A7D8;cursor:pointer;"><a href="/article/getRegister/id/338/keyIndex/1.html">立即注册</a></span> <image src="/static/images/loginApp/tig2.png" class="bottom-img"/> <span class="bottom-img">更快</span> <image src="/static/images/loginApp/tig3.png" class="bottom-img" /> <span class="bottom-img">更安全</span> </div> </div> </form> <div class="logRd"> <div class="logRdTi"> <div class="logRdTiLn logRdTiLnLe"></div> <div class="logRdTite">第三方登录</div> <div class="logRdTiLn logRdTiLnRi"></div> </div> <div class="logRdVd"> <a href="https://oauth.escience.org.cn/oauth/authorize?client_id=0edbcj67qsy1b1ld&response_type=code&scope=s&redirect_uri=http://data.cma.cn/user/oauLogin"> <div class="logRdVdIt"> <div class="logRdVdItLo1"></div>科技资源共享网登录 </div> </a> </div> </div> </div> <!--右侧栏--> <!--<body style="background: #aaa;">--> <!-- <div class="right-bar"> <div class="right-bar-list"> <a href="/order/list/type/online.html"> <i class="right-bar-icon order-icon"></i> <p> 我的订单</p> </a> </div> <div class="right-bar-list "> <a href="/order/carView.html"> <i class="right-bar-icon data-icon"></i> <p> 我的数据筐</p> </a> </div> <div class="right-bar-list "> <a href="/data/favorite.html"> <i class="right-bar-icon collect-icon"></i> <p>我的收藏</p> </a> </div> <div class="right-bar-list"> <a href="/article/feedback.html"> <i class="right-bar-icon feedback-icon"></i> <p>用户反馈</p> </a> </div> <div class="right-bar-list noneed-login"> <a href="#"> <i class="right-bar-icon return-top-icon"></i> <p>返回顶部</p> </a> </div> </div>--> <div class="right-barN"> <div class="right-barN-list"> <input name="jump" type="hidden" class="auerl" value="/order/list/type/online.html"> <i class="right-barN-icon order-iconN"></i> <div class="right-barN-listShow"><i class="right-barN-icon order-iconN"></i>我的订单</div> </a> </div> <div class="right-barN-list "> <input name="jump" type="hidden" class="auerl" value="/order/carView.html"> <i class="right-barN-icon data-iconN"></i> <div class="right-barN-listShow"><i class="right-barN-icon data-iconN"></i>我的数据筐</div> </a> </div> <div class="right-barN-list "> <input name="jump" type="hidden" class="auerl" value="/data/favorite.html"> <i class="right-barN-icon collect-iconN"></i> <div class="right-barN-listShow"><i class="right-barN-icon collect-iconN"></i>我的收藏</div> </a> </div> <div class="right-barN-list"> <input name="jump" type="hidden" class="auerl" value="/article/feedback.html"> <i class="right-barN-icon feedback-iconN"></i> <div class="right-barN-listShow"><i class="right-barN-icon feedback-iconN"></i>用户反馈</div> </a> </div> <div class="right-barN-list right-barN-listNoBorder"> <a href="/user/online.html" target="_blank"> <i class="right-barN-icon chat-iconN"></i> <div class="right-barN-listShow"><i class="right-barN-icon chat-iconN"></i>在线客服</div> </a> </div> </div> <div class="right-barN right-barNBelow"> <div class="right-barN-list noneed-login right-barN-listNoBorder"> <a href="#"> <i class="right-barN-icon return-top-icon"></i> <div class="right-barN-listShow"><i class="right-barN-icon return-top-icon"></i>返回顶部</div> </a> </div> </div> <div class="right-barBelt"></div> <style> /* .logIn .logIn-cont { top: 0px; }*/ .bottom-img{display:block;float:left;margin-right:10px;} .right-barN{height:179px;width:29px;background:#7a6e6e;position:fixed;right:6px;top:210px;z-index:110;} .right-barNBelow{height:35px;/*top:570px;*/top:auto;bottom:0px;} .right-barN-list{height:35px;border-bottom:1px solid #fff;cursor:pointer;} .right-barN-listNoBorder{border-bottom:0px solid #fff;} .right-barN-icon{width:27px;height:35px;display:block;background:url("/static/images/rightBarBk.png"); background-position:-5px -5px;float:left;} .data-iconN{background-position:-40px -7px;} .chat-iconN{background-position:-200px -7px;} .collect-iconN{background-position:-81px -7px;} .feedback-iconN{background-position:-123px -7px;} .return-top-icon{background-position:-161px -7px;} .right-barN-listShow{position:absolute;height:35px;width:99px;background:#ff7d34;margin-left:-70px;color:white;line-height:35px;overflow: hidden; display:none;z-index:5;font-size:12px;text-align: center;} .right-barN-list:hover .right-barN-listShow{display:block;} .right-barBelt{width:6px;height:100%;position:fixed;right:0;background:#7a6e6e;top:0px;z-index:110;} .survey{font:16px "微软雅黑";color:#2b2b2b;line-height: 32px;} .surveyTi{text-align: left;margin-top: 20px;margin-bottom: 0px;} .surveyCo{text-align: left;text-indent: 2em;} .surveyBo{text-align: right;} .surveyFuBt{float: left;width: 91px;height: 44px;border-radius: 2px;background: url('/static/images/inform-bt.png');margin-top: 6px;font:16px "微软雅黑"; color:#fff;line-height: 41px;font-weight: bold;cursor: pointer;} .surveyFuBtIn{margin-left: 88px;} .surveyFuBtOu{margin-left: 70px;} .footer-bg14{background: #fff;border-top: 1px solid #cecece;height: 192px;} .footer-help{height: 31px;line-height: 31px;padding-top: 10px} .footer-help-div{height:31px;margin-left: 260px} .footer-help a{float: left;color:#9b9b9b;} .footer{background:#fff;} .footer-message p{color:#9b9b9b;} .footer-message{padding-top:0px;height: 60px;} /*.footerIc{position:absolute;width:60px;height:77px;margin-left: 570px;margin-top:4px;}*/ .footerIc1{position:absolute;margin-left: /*108px*/165px;margin-top:-70px;} .footerIc1Im{width:185px;height:61px;background:url('/static/images/home/qixianglogo.png') no-repeat;margin-bottom: 5px;margin-left: 22px;margin-top: -6px;} .footerIc1Te{font:12px "微软雅黑";color:#777777;} .footerIc7{position:absolute;margin-left: 222px;margin-top:-75px;font:10px "微软雅黑";color:#777777;} .footerIc2{position:absolute;margin-left: /*29px*/62px;margin-top:-80px;} .footerIc2Im{width:75px;height:76px;background:url('/static/images/home/weilogo1.png');margin-bottom: 3px;margin-left: 2px;margin-top: -3px;} .footerIc2Te{font:12px "微软雅黑";color:#777777;} .footerIc5{position:absolute;margin-left: 1035px;margin-top:-78px;} .footerIc6{position:absolute;margin-left: 1155px;margin-top: -72px;font-size: 8px;} .footerIc3Im{width:91px;height:74px;background:url('/static/images/home/weixinlogo.png') no-repeat;margin-bottom: 3px;margin-left: 2px;margin-top: -3px;} .footerIc3Te{font:12px "微软雅黑";color:#777777;margin-left: 5px;margin-top: -3px;} .footerIc3{position:absolute;width:101px;height:54px;background: url('/static/images/home/weilogo2.png?v=1');margin-left: 822px;margin-top:-71px;} .footerIc4{position:absolute;width:70px;height:48px;background: url('/static/images/home/weilogo.png');margin-left: 942px;margin-top:-68px;} .index-notice-dialog { width: 506px; padding: 0px; border: none; } .index-notice-dialog .ui-dialog-titlebar { background: transparent url("/static/images/notice-header.png") no-repeat scroll 0% 0%; height: 37px; overflow: hidden; } .index-notice-dialog .ui-dialog-titlebar-close { background: transparent url("/static/images/close-btn.png") no-repeat scroll 10px 10px; border: medium none !important; } #forSurveyDialog { background: url("/static/images/inform-bg.jpg") no-repeat; height: 354px !important; padding: 0px 40px !important; border: 1px solid #6499c1; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; width:100%; padding: 0px; } .ui-dialog-content{text-align: center;width:88px;} .ghsIm{width: 20px;height:20px;background: url('/static/images/home/ghs.png');float:left;margin-top: 5px;margin-left: -22px;position: absolute;} .ghsA{padding-left: 20px;} </style> <script> var show; var time; var stop; var setInvoidStatus = 0; //2017.3.3新加js function jumpPmg(e){ var id = $(e).attr("id"); if(id == 'loginPhone'){ if(setInvoidStatus==0 && $("#loginApp").css("display")=='none'){ setInvoid(); //开始轮询 setInvoidStatus = 1; } $("#loginApp").css("display","block"); $("#loginRu").css("display","none"); }else if(id == 'loginWeb'){ if(setInvoidStatus==1 && $("#loginRu").css("display")=='none'){ clearInterval(show); //停止轮询 setInvoidStatus = 0; } $("#loginRu").css("display","block"); $("#loginApp").css("display","none"); } } function setInvoid(){ $(".showInvalid").css("display","none"); //当点击登陆时都是先出现提示，后进行倒计时消失 $('#tsShow').css('display','block'); $('#leftDiv').css('left','15px'); //$('.showInvalid').css('left','15px'); //调样式倒计时；倒计时4秒关闭！ time = 0; stop = setInterval(function(){ time = time + 1; if(time == 4 ){ $('#tsShow').stop().fadeOut("fast"); $('#leftDiv').stop().animate({left:'101px'}, 500, 'linear'); $('.showInvalid').stop().animate({left:'101px'}, 500, 'linear'); clearInterval(stop); } },1000); //调方法qrCode进行加上二维码在页面上 $.ajax({ url:"/site/qrCode.html", type:"post", success:function(data){ data = JSON.parse(data); var code = data.qrcode ; $('#leftImg').attr("src",data.imastr); //show = setInterval(loginfunction(code),1000);//轮询开始！ show = setInterval(function(){ $.ajax({ url:"/site/getqrinfo.html", data:{qrcode:code}, type:"post", //dataType:"josn", success:function(data){ //alert(3); data = JSON.parse(data); //alert(data.status); //alert(data.content.value); if( data.status == 0 ){ if(data.content.value != '' && data.content.value != null){ clearInterval(show);//停止轮询 setInvoidStatus = 0; //登陆:存储sesson;把需要的参数全部存入完成自动登陆 var userid = data.content.value; $.ajax({ url:"/user/appLogin.html", data:{userid:userid}, type:"post", dataType:"json", success:function(result){ if(result.status == 1){ alert('用户不存在！'); } var outUrl = "/user/logout.html"; if (result.status == 100) { var outLink = '<span><a href="' + outUrl + '" class="loginoutA">退出</a></span> '; var loginStatus = outLink + '<a style="text-decoration:none;" href="/user/info.html" >欢迎您！ ' + result.trueName + '</a> '; $(".mark,.logIn").hide(); $("#regLink").hide(); $('#loginStatus').html(loginStatus); $(".loginhead").removeClass("loginhead"); $(".feedbacklogin").removeClass("feedbacklogin"); window.location = window.location; } } }); } }else if(data.status == -1){ clearInterval(show);//停止轮询 setInvoidStatus = 0; //把二维码上面放上遮罩层，并做好样式 $(".showInvalid").css("display","block"); } } }); },1000); } }); } $(document).on("click",".right-bar .right-bar-list",function(){ if($(".validfeedback.feedbacklogin").length!=0&&!$(this).hasClass("noneed-login")){ $(".mark,.logIn").show(); if($("#loginApp").css("display")!='none'){ //微信登录开启状态下 setInvoid(); setInvoidStatus = 1; } return false; } window.location.href = $(this).find(".auerl").val(); }); $(document).on("click",".right-barN .right-barN-list",function(){ if($(".validfeedback.feedbacklogin").length!=0&&!$(this).hasClass("noneed-login")){ $(".mark,.logIn").show(); if($("#loginApp").css("display")!='none'){ //微信登录开启状态下 setInvoid(); setInvoidStatus = 1; } return false; } if($(this).find(".auerl").val()){ window.open($(this).find(".auerl").val()); } }) </script> <script language="javascript" type="text/javascript" src="/static/js/My97DatePicker/WdatePicker.js"></script> <script src="/static/js/weather.js"></script> <script type="text/javascript"> (function ($) { require(["iealert"], function (IEAlert) { new IEAlert(); }); /*登陆dialog*/ $(document).on('click','.loginhead , .clickFlash',function(){ if($(this).hasClass('loginhead')||$(this).hasClass('clickFlash')){//不刷新页面移除类后不触发登录 $(".mark,.logIn").show(); if($("#loginApp").css("display")!='none'){ //微信登录开启状态下 setInvoid(); setInvoidStatus = 1; } } }); //当鼠标触摸二维码，样式发生变化 $('#leftImg').mouseover(function(){ $('#tsShow').stop().fadeIn(1000); $('#leftDiv').stop().animate({left:'15px'}, 500, 'linear'); $('.showInvalid').stop().animate({left:'15px'}, 500, 'linear'); }); $('#leftImg').mouseout(function(){ $('#tsShow').stop().fadeOut("fast"); $('#leftDiv').stop().animate({left:'101px'}, 500, 'linear'); $('.showInvalid').stop().animate({left:'101px'}, 500, 'linear'); }); //console.log(document.documentElement.clientWidth); //console.log($(".logIn").width()); //console.log(document.documentElement.clientHeight); //console.log($(".logIn").height()); $(".logIn").css({"left": (document.documentElement.clientWidth - $(".logIn").width()) / 2, "top": (document.documentElement.clientHeight - $(".logIn").height()) / 2}); window.onresize = function () { // console.log(document.documentElement.clientWidth); // console.log($(".logIn").width()); // console.log(document.documentElement.clientHeight); // console.log($(".logIn").height()); $(".logIn").css({"left": (document.documentElement.clientWidth - $(".logIn").width()) / 2, "top": (document.documentElement.clientHeight - $(".logIn").height()) / 2}); } /*登陆dialog*/ $(".close").on("click", function () { $(".mark").hide(); $(this).parents(".logIn").hide(); $(".logIn-cont input").val(""); clearInterval(show);//停止轮询 $(".showInvalid").css("display","none"); //当点击登陆时都是先出现提示，后进行倒计时消失 $('#tsShow').css('display','block'); $('#leftDiv').css('left','15px'); }) $(".Code").on("focus", function () { $(this).addClass("blur-color"); }); $(".Code").on("blur", function () { $(this).removeClass("blur-color"); }) /*隔行变色*/ var tablename = $(".download-rank12"); var li = $(".download-rank12 li") for (var i = 0; i <= li.length; i++) { if (i % 2 != 0) { $(li[i]).addClass("color") } } /*隔行变色*/ })(jQuery) if ($("body").height() < $(document).height()) { $(".sub-body-content").height($(document).height() - $(".head-top-cont").height() - $(".head12").height() - $(".footer-bg14").height() - 18) } </script> <script src="/static/js/des3.js"></script> <script type="text/javascript"> $(function () { $(document).on('click','.validfeedback',function(){ if($(this).hasClass("feedbacklogin")){ $(".mark,.logIn").show(); if($("#loginApp").css("display")!='none'){ //微信登录开启状态下 setInvoid(); setInvoidStatus = 1; } return false; } location.href = $(this).attr("url"); }); var loginPage = $(".logIn").hasClass('logIn-page'); if (!loginPage) $(".logIn").css({"left": (document.documentElement.clientWidth - $(".logIn").width()) / 2, "top": (document.documentElement.clientHeight - $(".logIn").height()) / 2}); window.onresize = function () { $(".logIn").css({"left": (document.documentElement.clientWidth - $(".logIn").width()) / 2, "top": (document.documentElement.clientHeight - $(".logIn").height()) / 2}); } $(".close").bind("click", function () { $(".mark,.logIn").hide(); $(".logIn-cont input").val(""); clearInterval(show);//停止轮询 $(".showInvalid").css("display","none"); //当点击登陆时都是先出现提示，后进行倒计时消失 $('#tsShow').css('display','block'); $('#leftDiv').css('left','15px'); }) /*登陆dialog*/ $(document).on('click','#login',function () { var url = "https://data.cma.cn/user/Login.html"; var mahost = location.host; if(url.indexOf("https")!=-1 && mahost == 'www.nmic.cn'){ var urlAr = url.split('/'); urlAr[2] = 'www.nmic.cn'; url = urlAr.join('/'); } var userName = $('#userName').val(); var password = DES3.encrypt($('#passwordFoot').val()); var verifyCode = $('#verifyCode').val(); $.ajax({ type: "post", url: url, cache: false, async: true, data: {userName: userName, password: password, verifyCode: verifyCode}, dataType: 'jsonp', jsonp:'callback', //timeout:8000, success: function (data) { var outUrl = "/user/logout.html"; if (data.status == 1) { alert('验证码错误！'); } else if (data.status == 104){ alert('您的账号未激活，请登录邮箱激活！'); } else if (data.status == 105) { alert('您的手机号码不唯一，无法登录，如需登录，请电话（86-10-68407499）联系管理员修改！'); } else if (data.status == 100) { var outLink = '<span><a href="' + outUrl + '">退出</a></span> '; var loginStatus = outLink + '<a style="text-decoration:none;" href="/user/info.html" >欢迎您！ ' + data.trueName + '</a> '; $(".mark,.logIn").hide(); $("#regLink").hide(); $('#loginStatus').html(loginStatus); $(".loginhead").removeClass("loginhead"); $(".feedbacklogin").removeClass("feedbacklogin"); window.location = window.location; } else{ $('.verifyCode-row').find('a').click();//刷新验证码 alert('用户名或密码错误！'); } } }); }); }); $(function () { /*测导航*/ $(".search-left-nav i").click(function () { var contain = $(this).parent().next(); if ($(this).hasClass("unfold")) { contain.hide(); $(this).toggleClass("unfold"); } else if (contain.hasClass("contain")) { contain.show(); $(this).toggleClass("unfold"); } }) $(".search-left-nav-cont a").click(function () { //console.log(this) $(this).toggleClass("select"); $(this).parent().toggleClass("select"); }) /*测导航*/ var leftNav = $(".search-left-nav"); !leftNav.hasClass("no-padding") ? leftNav.css("min-height", $(".content").height()) : leftNav.css("min-height", "auto"); $(document).on('click', '.validLogin', function () { if (!$(this).hasClass("loginhead")) { if($(this).hasClass("target")){ window.open($(this).attr('url')) }else{ location.href = $(this).attr("url"); } } }); $(document).on('click', '.favorite', function () { var url = "/data/favoriteAdd.html" var params = { dataCode: $(this).attr("datacode") }; $.get(url, params, function (d) { if (d.status) { alert(d.data.message); } }) }); $(document).ready(function(){ $(".loginoutA").click(function(){ document.cookie = "surveyCookie=0;path=/"; }); }); }); </script> <script src="/kefu/welive.js"></script> <!-- Piwik --> <script type="text/javascript"> var _paq = _paq || []; var _paq2 = _paq2 || []; function getPiwik(url, siteId, paq){ paq.push(['trackPageView']); paq.push(['enableLinkTracking']); paq.push(['setTrackerUrl', url+'piwik.php']); paq.push(['setSiteId', siteId]); var keywords=''; if(keywords){ paq.push(['trackSiteSearch',keywords]); } var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=false; g.defer=true; g.src=url+'piwik.js'; s.parentNode.appendChild(g); } getPiwik("https://analytics.escience.org.cn/", '6', _paq); getPiwik("https://wx.data.cma.cn:8111/", 1, _paq2); </script> <!-- End Piwik Code --> <script type="text/javascript"> var mahost = location.host; var caCode = 'CA330000000606525890005'; if(mahost == 'www.nmic.cn'){ caCode = 'CA330000000606525890004'; } $(".footerIc").append(unescape("%3Cspan id='_ideConac' %3E%3C/span%3E%3Cscript src='http://dcs.conac.cn/js/33/000/0000/60652589/"+caCode+".js' type='text/javascript'%3E%3C/script%3E")); </script> <script> $(function(){ <!--以下js由nav.php引入--> $('.navcont12 .li').each(function(){ $(this).hover(function(){ $(this).prev('.navDi').css('background','transparent'); $(this).next('.navDi').css('background','transparent'); $(this).find('a:eq(0)').css('color','#fff'); },function(){ $(this).prev('.navDi').css('background','#d2d2d2'); $(this).next('.navDi').css('background','#d2d2d2'); $(this).find('a:eq(0)').css('color','#333333'); }); }); $('.sf_sec_ul li').each(function(){ $(this).hover(function(){ $(this).find('.sf_sec_ul_icon').css("background","url('/static/images/home/sf_sec_icon_wh.png')"); },function(){ $(this).find('.sf_sec_ul_icon').css("background","url('/static/images/home/sf_sec_icon_bl.png')"); }); }); <!--以下js由header.php引入--> //plus会员相关js $(".plusTxtClick").on("click", function(){ window.location.href = "/article/getLeft/id/385/keyIndex/7.html"; }); $(".notPlusTxtClick").on("click", function(){ window.location.href = "/plus/index.html"; }); $(".plusTitleH").on("click", function(){ window.location.href = "/plus/index.html"; }); $(".noPlusTitleH").on("click", function(){ window.location.href = "/plus/index.html"; }); //特权图标链接 $(".noPlusPrivilegeLink li").on("click", function(){ window.location.href = "/plus/index.html"; }); var plusURLList = { '1':'/integral/UserLevelPLUS.html', '2':'/integral/UserLevelPLUS.html', '3':'/data/cdcindex/cid/6d1b5efbdcbf9a58.html', '4':'/order/list/type/online/show_value/normal.html', '5':'/data/cdcindex/cid/ca8d59ed054f6918.html', '6':'/plus/index.html' }; $(".plusPrivilegeLink li").each(function(){ $(this).click(function(){ var id = $(this).attr('class'); if(id != ''){ location.href = plusURLList[id]; } }); }); //plus会员特权切换 var liW = $(".plusImgsWheel li").width(); var len = $(".plusImgsWheel li").length; var ulW = len * liW; $(".plusImgsWheel").css("width", ulW); $(".plusImgArrLeft").mouseenter(function(){ var left = document.getElementById("plusImgsWheel").offsetLeft; if(left == -2*liW){ $(".plusImgsWheel").stop().animate({"left":-liW}, 500).delay(500).animate({"left":0}, 500); } }); $(".plusImgArrRight").mouseenter(function(){ var left = document.getElementById("plusImgsWheel").offsetLeft; if(left == 0){ $(".plusImgsWheel").stop().animate({"left":-liW}, 500).delay(500).animate({"left":-2*liW}, 500); } }); }); </script> </body> </html>