/*天气*/ .meteo-main-menu { /*如有相应的点可以去掉 start */ position: absolute; right: 100px; top: 70px; /*如有相应的点可以去掉 end */ width: 330px; border: 1px solid #378be0; z-index: 99999; display: none; background: #fff; background: #fff url(../../images/layout/bg-normal.png); } .meteo-menu-top { height: 40px; /* background-color: #378be0; */ padding: 14px 0 0 20px; position: relative; box-sizing: border-box; } .meteo-menu-top .meteo-title, .meteo-menu-top .meteo-delete { font-size: 15px; color: #fff; font-weight: normal; } .meteo-menu-top .meteo-delete { position: absolute; right: 20px; top: 15px; } .meteo-menu-top .meteo-remove { right: 50px; } .meteo-main-content { position: relative; } .meteo-main-content .meteo-time-box { /*height: 85px;*/ /*margin: 8px 0 0 15px;*/ height: 42px; margin: 8px 0 0 30px; background-color: #fff; margin-top: 10px; } .meteo-main-content .meteo-select-time { font-size: 14px; color: #666; vertical-align: middle; } .meteo-main-content .meteo-time-box input { color: #666; vertical-align: middle; font-weight: normal; } .meteo-main-content .meteo-main-warp { max-height: 407px; overflow: auto; } /*树形菜单*/ .meteo-oneUl { border-bottom: 1px solid #2a67a5; } .meteo-oneUl .meteo-twoUl { display: none; } .meteo-oneUl .meteo-threeUl { display: none; } /*一*/ .meteo-oneUl .meteo-oneLi { line-height: 22px; background-color: #1F5E9F; } /*.meteo-oneUl .meteo-oneLi.meteo-twoLi{*/ /*background:url(../images/img/web_26.gif) repeat-x;*/ /*}*/ .meteo-oneUl .meteo-oneLi .meteo-oneBtn { display: block; padding-left: 40px; color: #fff; height: 40px; line-height: 40px; background: url(../../images/meteo/layout/arrow-top.png) no-repeat 22px center; } /*.meteo-oneUl .meteo-oneLi .meteo-oneBtn.meteo-lastBtn{*/ /*background:url(../images/img/web_biao4.png) no-repeat 5px center;*/ /*}*/ .meteo-oneUl .meteo-oneLi.current .meteo-oneBtn { background: url(../../images/meteo/layout/arrow-bottom.png) no-repeat 18px center; } .meteo-oneUl .meteo-oneLi.current .meteo-twoUl { display: block; } /*二*/ #menu .meteo-twoUl .meteo-twoLi.meteo-twoLi { width: 100%; border-bottom: 1px solid #1961b6; height: 40px; line-height: 40px; } .meteo-twoUl .meteo-twoLi.meteo-twoLi { width: 100%; border-bottom: 1px solid #1961b6; height: 40px; line-height: 40px; } .meteo-twoUl .meteo-twoLi .meteo-twoBtn { display: inline-block; padding-left: 75px; color: #fff; line-height: 33px; background: url(../../images/meteo/layout/selected-no.png) no-repeat 55px center; } .meteo-twoUl .meteo-twoLi .meteo-twoBtn.meteo-lastBtn { background: url(../../images/meteo/layout/selected-no.png) no-repeat 55px center; } .meteo-twoUl .meteo-twoLi.current .meteo-twoBtn { background-image: url(../../images/meteo/layout/selected.png); } .meteo-twoUl .meteo-twoLi.current .meteo-threeUl { display: block; } /*三*/ .meteo-threeUl .meteo-threeLi { line-height: 22px; border-bottom: 1px solid #204b77; background-color: #17406b; height: 35px; line-height: 32px; } .meteo-threeUl .meteo-threeLi .threeBtn { display: block; padding-left: 76px; color: #fff; height: 30px; line-height: 30px; } .meteo-threeUl .meteo-threeLi .threeBtn.meteo-lastBtn { background: url(../../images/meteo/layout/selected-no.png) no-repeat 62px center; padding-left: 83px; } .meteo-threeUl .meteo-threeLi.current .threeBtn { background-image: url(../../images/meteo/layout/selected.png); } .meteo-twoUl .meteo-twoLi .meteo-arrow-top { background: url(../../images/meteo/layout/arrow-top.png) no-repeat 40px center; padding-left: 60px; } .meteo-twoUl .meteo-twoLi .meteo-arrow-top.current { background: url(../../images/meteo/layout/arrow-bottom.png) no-repeat 36px center; } .meteo-information .meteo-site-ul { display: block; } .meteo-information .meteo-site-list { display: none; } #menu .infoMenu .meteo-control-active{ border-bottom: 1px solid #1961b6; } #menu .infoMenu .fu #meteo-bt-wave { display: inline-block; margin-left: 40px; padding-left: 24px; background: url(../../images/meteo/layout/selected-no.png) no-repeat 0 center; } #menu .infoMenu .fu #meteo-bt-wave.current { background: url(../../images/meteo/layout/selected.png) no-repeat 0 center; } /*气象信息查询*/ .meteo-information .meteo-longitude-group { height: 68px; } .meteo-information .meteo-site-text, .meteo-information .meteo-longitude-text { color: #333333; padding: 0 5px 0 20px; vertical-align: middle; } .meteo-information .meteo-site-input, .meteo-information .meteo-longitude-input { width: 150px; height: 24px; vertical-align: middle; } .meteo-information .meteo-button-group { float: left; padding-left: 10px; } .meteo-information .meteo-button-group a { color: #fff; border: 1px solid #fff; height: 24px; display: inline-block; width: 50px; text-align: center; line-height: 21px; font-size: 14px; vertical-align: middle; margin: 0 3px; } .meteo-information .meteo-button-group a:hover { color: #01b7ff; } .meteo-information .meteo-button-group a:focus { color: #378be0; border: 1px solid #01b7ff; } /*时间轴*/ .meteo-time-box { height: 50px; background-color: rgba(55, 139, 224, 0.3); padding: 10px 0 0 25px; box-sizing: border-box; border-bottom: 1px solid #01b7ff; } .meteo-select-time { color: #fff; font-size: 14px; } .meteo-time-boxmax { width: 400px; height: 95px; position: absolute; left: 0; top: -10px; z-index: 4; } .meteo-slider-line { position: absolute; left: 5px; top: 30px; width: 360px; height: 8px; background-color: #112f4d; border: 1px solid #01b7ff; border-radius: 4px; } .meteo-slider-move { position: absolute; /* left:0; */ top: 20px; width: 25px; height: 25px; background: url(../../images/meteo/layout/slider-move.png); z-index: 1; cursor: pointer; } .meteo-slider-move-text { position: absolute; left: -5px; top: -20px; font-size: 12px; background-color: #378be0; color: #fff; border-radius: 10px; width: 40px; height: 22px; line-height: 22px; text-align: center; } .meteo-slider-foottime { width: 360px; height: 50px; position: absolute; left: 6px; top: 31px; } .meteo-slider-foottime .meteo-slider-date { position: absolute; left: 0; top: 10px; width: 100%; } .meteo-slider-foottime .meteo-slider-date li { position: absolute; top: 5px; left: 0; width: 33px; text-align: center; font-size: 12px; margin-left: -15px; } .meteo-slider-vertical-line { width: 100%; position: absolute; left: 0; top: 1px; } .meteo-slider-vertical-line li { width: 2px; height: 6px; background-color: #e9cb22; position: absolute; left: 0; top: 0; } /*天气 end*/ /*时间轴 新 start*/ .meteo-time-boxone { position: absolute; top: 78%; left: 0; right: 0; margin: auto; width: 492px; } .meteo-time-boxbg { background: #1258ac; } /*时间轴 新 end*/ /*实况 start*/ .meteo-popup { /*如有相应的点可以去掉 start */ position: absolute; left: 260px; top: 100px; /*如有相应的点可以去掉 end */ /* height: 422px; */ width: 740px; border: 1px solid #378be0; z-index: 99999; display: none; background: #fff; } .meteo-popup-main-warp { border: 1px solid #ccc; } .meteo-popup .meteo-popup-main-warp.current { display: block; } .meteo-popup .meteo-popup-main { overflow: hidden; padding: 5px 0; } .meteo-popup .meteo-popup-main li { float: left; width: 172px; margin-left: 12px; } .meteo-popup .meteo-popup-main li span { font-size: 14px; } .meteo-popup .meteo-main-name { text-align: right; display: inline-block; width: 84px; } .meteo-popup-chart { /*自己定宽高*/ width: 740px; height: 270px; /*background-color: #e3f1ff;*/ } .meteo-popup-chart-list { width: 741px; height: 260px; display: none; } .meteo-popup-chart-listmin { height: 260px; } .meteo-popup-chart.current { display: block; } .meteo-popup-buttons { text-align: center; margin-top: 10px; } .meteo-popup-buttons a { display: inline-block; width: 90px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #378be0; border-radius: 4px; font-size: 16px; margin: 0 10px; color: #378be0; } .meteo-popup-buttons a:hover { color: #378be0; } .meteo-popup-buttons a.current { color: #ffffff; border: 1px solid #378be0; background-color: #378be0; } .meteo-popup-button { display: none; } /*实况 end*/ /* 台风 start*/ .meteo-popup-typhoon { /*如有相应的点可以去掉 start */ position: absolute; left: 450px; top: 100px; /*如有相应的点可以去掉 end */ width: 300px; border: 1px solid #378be0; z-index: 99999; display: none; } .meteo-popup-typhoon .meteo-popup-typhoon-warp li { line-height: 24px; } .meteo-popup-typhoon .meteo-popup-typhoon-warp li span { font-size: 14px; } .meteo-popup-typhoon-warp { max-height: 407px; } .meteo-popup-typhoonUl { padding: 5px; } /* 台风 end*/ /*机场 strat*/ .meteo-popup-airport { /*如有相应的点可以去掉 start */ position: absolute; left: 100px; top: 100px; /*如有相应的点可以去掉 end */ width: 320px; border: 1px solid #378be0; z-index: 99999; display: none; } .meteo-menu-top-airport { position: relative; box-sizing: border-box; margin-left: -8px; /*margin-top: -12px;*/ /*background: transparent;*/ } .meteo-popup-airport .meteo-popup-airport-warp li { line-height: 24px; } .meteo-popup-airport .meteo-popup-airport-warp li span { font-size: 14px; } .meteo-popup-airpory-h4 { color: #2889d8; font-weight: normal; font-size: 16px; } .meteo-popup-airportUl li span { font-size: 14px; } .meteo-popup-airpory-text { display: inline-block; text-align: justify; text-justify: distribute; } .meteo-popup-airpory-li { margin-top: 10px; } .meteo-popup-airport-li { color: #666; } /*机场 end*/ /*hover 天气*/ .meteo-hover-div { position: absolute; top: 0; right: 40px; width: 98px; height: 50px; display: none; } .meteo-hover-button { position: fixed; right: 0px; top: 450px; width: 60px; height: 42px; text-align: center; line-height: 42px; border: 1px solid #adadad; display: block; z-index: 999; } .meteo-hover-button-warp { position: absolute; right: 0; top: 0; } .meteo-hover-ul { overflow: hidden; } .meteo-hover-li { float: left; cursor: pointer; } #topBar #meteo-bt-sc-surf { width: 49px; height: 50px; background: #fff url(../../images/meteo/layout/b1.png) no-repeat; } #topBar #meteo-bt-sc-cloud { width: 46px; height: 50px; background: #fff url(../../images/meteo/layout/b2.png) no-repeat; } #topBar #meteo-bt-sc-typh { width: 49px; height: 50px; background: #fff url(../../images/meteo/layout/b3.png) no-repeat; } /*危险天气监控*/ .meteo-wheather-monitoring { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #fff url(../../images/layout/bg-normal.png); } .meteo-wheather-monitoring ul { overflow: hidden; border-bottom: 1px solid #01b7ff; padding: 5px 0; } #meteo-control .meteo-twoUL-last { border-bottom: 0; } .meteo-wheather-monitoring .meteo-twoUl .meteo-twoLi { float: left; width: 44%; margin: 0; line-height: 25px; border-bottom: 0; position: relative; } #meteo-monitoring-jiankong { overflow: hidden; } #meteo-monitoring-jiankong .meteo-twoLi { float: left; width: 44%; margin: 0; line-height: 25px; border-bottom: 0; } .meteo-wheather-message { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff url(../../images/layout/bg-normal.png); } .meteo-wheather-message-list { box-sizing: border-box; border: 1px solid #01b7ff; position: absolute; left: 20px; top: 0; bottom: 10px; right: 5px; overflow: hidden; /*background-color: #184a7e;*/ } .meteo-monitoring-h3 { font-size: 16px; color: #fff; height: 40px; line-height: 40px; font-weight: normal; padding-left: 10px; background-color: rgba(55, 139, 224, 0.3); box-shadow: 0 1px 8px #1f548a; position: relative; } #meteo-bt-cloud-paly{ width: 12px; height: 16px; background: url(../../scripts/meteo/other/meteoVideo/img/play.png) no-repeat left center; position: absolute; left: 90px; top: 12px; cursor: pointer; } #meteo-bt-cloud-paly.current{ background-image: url(../../scripts/meteo/other/meteoVideo/img/pause.png); } .meteo-monitoring-warp-div { position: absolute; left: 0; top: 40px; right: 0; bottom: 0; /*top: 180px;*/ } .meteo-information { /*要去掉的*/ position: absolute; left: 300px; bottom: 60px; border: 1px solid #ccc; width: 300px; height: 300px; z-index: 999; padding: 5px; background: #b9b9b9; } /*单点查询*/ .meteo-query { display: none; position: absolute; bottom: 25px; left: 50%; margin-left: -150px; width: 300px; border: 1px solid #01b7ff; background-color: #1258ac; z-index: 999999999; box-sizing: border-box; } .meteo-query-odd { position: absolute; left: -1px; top: -22px; width: 80px; height: 21px; padding-left: 11px; line-height: 21px; background: url(../../images/meteo/layout/bgtitle.png) no-repeat; color: #fff; font-size: 12px; } .meteo-query-del { position: absolute; right: -1px; top: -17px; } .meteo-query-title { height: 50px; /*border-bottom: 1px solid #01b7ff;*/ padding: 10px 0 0 15px; box-sizing: border-box; box-shadow: 0 1px 8px #1f548a; } .meteo-query-title input { width: 220px; height: 30px; padding: 5px; box-sizing: border-box; border: 0 none; } .meteo-query-button { width: 35px; height: 30px; display: inline-block; background-color: #327cd4; vertical-align: middle; padding: 5px 0 0 7px; margin-top: -3px; box-sizing: border-box; } .meteo-query-main { width: 298px; max-height: 250px; background-color: #0f4382; display: none; } .meteo-query-main li { padding: 5px; color: #fff; line-height: 25px; border-bottom: 1px solid #01b7ff; } .meteo-img { display: inline-block; position: absolute; top: 6px; left: 130px; } .meteo-img-max { left: 170px; } /*--------------------------标题部分--------------------------*/ .meteo-title-box { width:auto; /*最小宽度 根据字的长短*/ height: auto; position: absolute; top: 72px; /*距上的距离*/ right: -70px; /*距右的距离*/ /*background-color: #fff;*/ /*background-color:transparent;*/ /*background-color:rgba(255, 255, 255, 0.3);*/ background-color: rgba(0, 0, 0, 0.3); /*背景颜色*/ -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: none; } .meteo-title-box ul li { height: 30px; /*每条字的高度 */ line-height: 30px; /*height改动时 随之改动*/ font-size: 14px; /*字的大小*/ color: #ffffff; /*字的颜色*/ font-weight: bold; /*加粗*/ /*padding-left:10px;字不在中间显示时 距离左侧的距离*/ text-align: left; /*字在中间显示*/ /*border-bottom:1px solid #ccc;/*每条字底部加边*/ } /*--------------------------色标部分--------------------------*/ .meteo-legend-box { min-width: 230px; /*最小宽度 根据图片的长短*/ height: auto; position: absolute; top: 800px; /*距上的距离*/ right: -124px; /*距右的距离*/ -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .meteo-legend-box ul li img { display: block; width: 450px; } /*----------------------------新弹窗----------------------------------*/ .meteo-popup-shikuang{ /*如有相应的点可以去掉 start */ position: absolute; left:450px; top:100px; /*如有相应的点可以去掉 end */ width: 500px; border: 1px solid #378be0; z-index: 99999; display:block; } .meteo-menu-top .meteo-title,.meteo-menu-top .meteo-delete{ font-size:17px; color:#fff; font-weight:normal; } .meteo-title-span{ font-size:14px; padding-left:10px; } .meteo-menu-top .meteo-delete{ position: absolute; right:20px; top:14px; } .meteo-popup-shikuangUl{ overflow:hidden; padding:10px; } .meteo-popup-shikuangUl li{ width: 19.7%; height: 130px; float: left; border: 1px solid #e5edf6; text-align: center; } /*.meteo-popup-shikuangUl .meteo-nengjiandu-li,.meteo-popup-shikuangUl .meteo-jiangshui-li{*/ /*border-right:0;*/ /*}*/ .meteo-qiwen,.meteo-tianqixianxiang,.meteo-fengxiang,.meteo-fengsu,.meteo-nengjiandu-li{ border-bottom:1px solid #e5edf6; } .meteo-shikuang-img{ height:80px; position: relative; } .meteo-shikuang-img img{ position: absolute; left:50%; top:50%; margin:-25px 0 0 -25px; } .meteo-shikuang-text,.meteo-shikuang-number{ display:block; padding: 1px 0; } .meteo-shikuang-text{ color:#2275ce; font-size:12px; } .meteo-shikuang-number{ color: #054688; font-size:14px; } /* 地面站 */ .meteo-popup-surf { /*如有相应的点可以去掉 start */ position: absolute; left: 260px; top: 100px; /*如有相应的点可以去掉 end */ /* height: 422px; */ width: 740px; border: 1px solid #378be0; z-index: 99999; display: none; background: #fff; } /* 全球5000站 */ .meteo-popup-global { /*如有相应的点可以去掉 start */ position: absolute; left: 260px; top: 100px; /*如有相应的点可以去掉 end */ /* height: 422px; */ width: 740px; border: 1px solid #378be0; z-index: 99999; display: none; background: #fff; } /* JD站 */ .meteo-popup-army { /*如有相应的点可以去掉 start */ position: absolute; left: 260px; top: 100px; /*如有相应的点可以去掉 end */ /* height: 422px; */ width: 740px; border: 1px solid #378be0; z-index: 99999; display: none; background: #fff; } /* 自动站 */ .meteo-popup-auto { /*如有相应的点可以去掉 start */ position: absolute; left: 260px; top: 100px; /*如有相应的点可以去掉 end */ /* height: 422px; */ width: 740px; border: 1px solid #378be0; z-index: 99999; display: none; background: #fff; } /** 大气标签 */ .meteo-p-daqi { background: url(../../images/meteo/layout/icon/daqi1.png) left no-repeat; background-size: 17px; } /*----------------------当前位置天气---------------------------*/ .meteo-cl-popup { /*position: absolute;*/ /*left: 477px;*/ /*top: 0;*/ min-width: 100px; height: 41px; background-color: #ffffff; border: 1px solid #01b7ff; border-left: none; display: inline-block; padding: 0 10px; } .meteo-cl-tt { /*position: absolute;*/ /*left: 1px;*/ /*top: 0;*/ height: 41px; line-height: 40px; text-align: center; font-size: 18px; color: #666; display: inline-block; vertical-align: top; } .meteo-cl-station { /*position: absolute;*/ /*right: 0;*/ /*top: 0;*/ /*width: 110px;*/ height: 41px; display: inline-block; } .meteo-cl-location-p { font-size: 12px; color: #666; text-align: center; } .meteo-cl-weather { height: 20px; line-height: 20px; font-size: 12px; } .meteo-cl-wth { display: inline-block; color: #666; /*width: 40px;*/ background: url('../../images/meteo/weatherIcon/cww02.png') no-repeat left center; background-size: 25px; padding-left: 22px; } .meteo-cl-wind { display: inline-block; color: #666; background: url('../../images/meteo/windDirection/0.png') no-repeat left center; background-size: 16px; padding-left: 15px; } /*---------------------------空间天气-------------------------*/ .meteo-sw-menu { background: url(../../images/meteo/space_weather_s.png) left no-repeat; background-size: 17px; } .meteo-sw-box { width: 640px; height: 600px; text-align: center; } .meteo-sw-top { height: 50px; background-color: #fff; position: relative; } .meteo-sw-middle { height: 440px; background-color: #fff; position: relative; } .meteo-sw-list { width: 140px; height: 440px; background-color: #fff; float: left; } .meteo-sw-item { margin-bottom: 5px; } .meteo-sw-left_a { width: 50px; height: 440px; background: url(../../images/meteo/space_last.png) center no-repeat; background-size: 20px; position: absolute; /* left: 140px; */ left: 0; } .meteo-sw-pic { /* width: 400px; */ width: 540px; height: 440px; background-color: #fff; position: absolute; /* left: 190px; */ left: 50px; } .meteo-sw-img{ height: 400px; width: 540px; } .meteo-sw-left_b { width: 50px; height: 440px; background: url(../../images/meteo/space_next.png) center no-repeat; background-size: 20px; position: absolute; right: 0px; } .meteo-sw-pic_f { height: 40px; width: 540px; background-color: #fff; position: absolute; bottom: 0; } .meteo-sw-general { height: 100px; background-color: #fff; position: relative; text-align: left; }