body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#101010;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:"Microsoft YaHei","arial","sans-serif","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;background:#f5f5f5;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box}body{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}a,address,article,b,body,button,cite,dd,dfn,div,dl,dt,em,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,hr,i,img,input,label,legend,li,nav,ol,p,pre,section,select,span,strong blockquote,sub,sup,td,textarea,th,ul,var{margin:0;padding:0;border:0;font-weight:400;list-style:none;font-style:normal;text-decoration:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}a:after,a:before,address:after,address:before,article:after,article:before,b:after,b:before,body:after,body:before,button:after,button:before,cite:after,cite:before,dd:after,dd:before,dfn:after,dfn:before,div:after,div:before,dl:after,dl:before,dt:after,dt:before,em:after,em:before,fieldset:after,fieldset:before,footer:after,footer:before,form:after,form:before,h1:after,h1:before,h2:after,h2:before,h3:after,h3:before,h4:after,h4:before,h5:after,h5:before,h6:after,h6:before,header:after,header:before,hr:after,hr:before,i:after,i:before,img:after,img:before,input:after,input:before,label:after,label:before,legend:after,legend:before,li:after,li:before,nav:after,nav:before,ol:after,ol:before,p:after,p:before,pre:after,pre:before,section:after,section:before,select:after,select:before,span:after,span:before,strong blockquote:after,strong blockquote:before,sub:after,sub:before,sup:after,sup:before,td:after,td:before,textarea:after,textarea:before,th:after,th:before,ul:after,ul:before,var:after,var:before{box-sizing:border-box}button,input,select,textarea{-webkit-appearance:none;outline:none;background:none;border:none}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}button{cursor:pointer}::-webkit-input-placeholder{color:#666}code,kbd,pre,samp{font-family:couriernew,courier,monospace}a{color:#333;text-decoration:none;transition:color .5s ease}sup{vertical-align:text-top}sub{vertical-align:text-bottom}p{word-break:normal;text-align:justify}fieldset,img{border:0}img{display:block;max-width:100%}::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.2)}::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-thumb:vertical{background-color:hsla(0,0%,49%,.7)}.pc-container button,.pc-container input,.pc-container select,.pc-container textarea{font-size:12px;line-height:20px}.pc-container ::-webkit-input-placeholder{font-size:12px;color:#999}.pc-container ::-webkit-scrollbar{width:6px;height:6px}.pc-container ::-webkit-scrollbar-track-piece{border-radius:6px}.pc-container ::-webkit-scrollbar-thumb:vertical{height:6px;border-radius:6px}.pc-container ::-webkit-scrollbar-thumb:horizontal{width:6px;border-radius:6px}@font-face{font-family:"iconfont";src:url(//at.alicdn.com/t/font_2957972_xsv67j14qjo.woff2?t=1639531959102) format("woff2"),url(//at.alicdn.com/t/font_2957972_xsv67j14qjo.woff?t=1639531959102) format("woff"),url(//at.alicdn.com/t/font_2957972_xsv67j14qjo.ttf?t=1639531959102) format("truetype")}.icon{font-family:"iconfont"}.row,.row-wrap{display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex}.row-wrap{flex-wrap:wrap}.row-middle{display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-moz-align-items:center;align-items:center}.row-center,.row-middle-center{display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-moz-justify-content:center;justify-content:center}.row-middle-center{-moz-align-items:center;align-items:center}.row-between{display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-moz-justify-content:space-between;justify-content:space-between}.justify-center{-moz-justify-content:center;justify-content:center}.justify-end{-moz-justify-content:flex-end;justify-content:flex-end}.align-middle{-moz-align-items:center;align-items:center}.align-bottom{-moz-align-items:flex-end;align-items:flex-end}.col{flex:1;width:0}.center{text-align:center}.right{text-align:right}.col-3{color:#333}.col-6{color:#666}.col-9{color:#999}.col-f{color:#fff}.col-red{color:#ff4d24}.bg-f{background:#fff}.show{display:block}.hide{display:none}.btn{color:#fff;text-align:center;background:#4e6ef2}.btn:active{border-color:#0f34cb;background-color:#0f34cb}.btn-plain{color:#4e6ef2;background:#fff}.btn-green{border-radius:1.333vw;background:#00c25f}.btn-green-plain{color:#00c25f;background:#fff}.btn-green:active{border-color:#005c2d;background-color:#005c2d}.btn-red{background:#ff4d24}.btn-red-plain{color:#ff4d24;background:#fff}.btn-red:active{border-color:#bd2300;background-color:#bd2300}.disabled{pointer-events:none;opacity:.5}.none{display:none}.aqi-1{background:linear-gradient(-45deg,#8ccd26,#f9df88,#f9df88)}.aqi-2{background:linear-gradient(-45deg,#ffb538,#aee868,#aee868)}.aqi-3{background:linear-gradient(-45deg,#ff6900,#fbc080,#fbc080)}.aqi-4{background:linear-gradient(-45deg,#fc3b00,#f9976a,#f9976a)}.aqi-5{background:linear-gradient(-45deg,#e00d62,#9d406e,#9d406e)}.aqi-6{background:linear-gradient(-45deg,#be004d,#742638,#742638)}.aqi-col-1{color:#8ccd26}.aqi-col-2{color:#ffb538}.aqi-col-3{color:#ff6900}.aqi-col-4{color:#fc3b00}.aqi-col-5{color:#e00d62}.aqi-col-6{color:#be004d}i[class*=weather-icon-]{display:block;margin:0 auto;color:transparent!important;background-image:url(/img/weather-icon.png);background-repeat:no-repeat}.weather-icon-baoxue{background-position:0 0}.weather-icon-baoyu{background-position:25% 0}.weather-icon-daxue,.weather-icon-zhenxue{background-position:50% 0}.weather-icon-dabaoyu,.weather-icon-dayu{background-position:75% 0}.weather-icon-duoyun{background-position:100% 0}.weather-icon-feng{background-position:0 25%}.weather-icon-leidian{background-position:25% 25%}.weather-icon-zhenyu{background-position:50% 25%}.weather-icon-leizhenyu{background-position:75% 25%}.weather-icon-mai{background-position:100% 25%}.weather-icon-qing{background-position:0 50%}.weather-icon-qingzhuanxue{background-position:25% 50%}.weather-icon-qingzhuanyu{background-position:50% 50%}.weather-icon-xiaoxue{background-position:75% 50%}.weather-icon-xiaoyu{background-position:100% 50%}.weather-icon-yejian{background-position:0 75%}.weather-icon-yejianduoyun{background-position:25% 75%}.weather-icon-wu{background-position:50% 75%}.weather-icon-yangsha{background-position:75% 75%}.weather-icon-fuchen{background-position:100% 75%}.weather-icon-yejianyujiaxue{background-position:0 100%}.weather-icon-yin{background-position:25% 100%}.weather-icon-yujiaxue{background-position:50% 100%}.weather-icon-zhongxue{background-position:75% 100%}.weather-icon-zhongyu{background-position:100% 100%}.warning-blue{background-color:#2b5bfc}.warning-blue:hover{background-color:#1248fc}.warning-orange{background-color:#fe8f00}.warning-orange:hover{background-color:#e58100}.warning-red{background-color:#d02a23}.warning-red:hover{background-color:#ba261f}.warning-yellow{background-color:#e8e800}.warning-yellow:hover{background-color:#cfcf00}.pc-container{min-height:100vh;font-size:14px}.pc-container .icon{font-size:16px}.pc-container .current{color:#4e6ef2}.pc-container .pd-20{padding:20px 0}.pc-container input{font-size:16px}.pc-container a:hover{color:#4e6ef2}.pc-container .font-30,.pc-container h1{font-size:30px}.pc-container .font-26,.pc-container h2{font-size:26px}.pc-container .font-20,.pc-container h3{font-size:20px}.pc-container .font-18{font-size:18px}.pc-container .font-16,.pc-container h4{font-size:16px}.pc-container .font-14,.pc-container h5{font-size:14px}.pc-container .font-12,.pc-container h6{font-size:12px}.pc-container .mb-10{margin-bottom:10px}.pc-container .mb-20{margin-bottom:20px}.pc-container .mb-40{margin-bottom:40px}.pc-container .btn{height:40px;font-size:16px;line-height:40px}.pc-container .main,.pc-container .wrap{width:1200px;margin:0 auto}.pc-container .main{min-height:calc(100vh - 337px);padding:20px;border-radius:20px 20px 0 0;background:hsla(0,0%,100%,.8)}.pc-container .mt-80{margin-top:80px}.pc-container .cont-left{width:380px}.pc-container .cont-left.right{margin-left:20px;margin-right:0}.pc-container .cont-right{width:780px}.pc-container i[class*=weather-icon-]{width:48px;height:48px;background-size:240px}.pc-container .radar .article img,.pc-container .smong .article img,.pc-container .video .article img,.pc-container .wxyt .article img{margin:0 auto 40px}.pc-container .radar .article p,.pc-container .smong .article p,.pc-container .video .article p,.pc-container .wxyt .article p{text-indent:2em;line-height:32px}.pc-container .radar .article h4,.pc-container .radar .article p{margin-bottom:10px}.pc-container .radar .article h4{font-weight:700}.pc-container .radar .article p{font-size:16px}.m-container{font-size:3.733vw}.m-container .icon{font-size:4.267vw}.m-container .current{color:#4e6ef2}.m-container .font-48,.m-container h1{font-size:6.667vw;line-height:9.333vw;font-weight:500}.m-container .font-42,.m-container h2{font-size:5.6vw;line-height:8vw}.m-container .font-36,.m-container h3{font-size:4.8vw;line-height:6vw}.m-container .font-30,.m-container h4{font-size:4vw;line-height:5.6vw}.m-container .font-28,.m-container h5{font-size:3.733vw}.m-container .font-24,.m-container h6{font-size:3.2vw}.m-container .mb-10{margin-bottom:2.667vw}.m-container .mb-20{margin-bottom:5.333vw}.m-container .btn{height:9.333vw;font-size:4vw;line-height:9.333vw}.m-container .btn-plain{border:1px solid #4e6ef2;line-height:9.067vw}.m-container i[class*=weather-icon-]{width:12.8vw;height:12.8vw;background-size:64vw}.m-container .radar,.m-container .smong,.m-container .video,.m-container .wxyt{padding-top:11.733vw}.m-container .radar .article p,.m-container .smong .article p,.m-container .video .article p,.m-container .wxyt .article p{text-indent:2em;line-height:8.533vw}.m-container .radar .article h4,.m-container .radar .article p{margin-bottom:2.667vw}.m-container .radar .article h4{font-weight:700}.m-container .radar .article p{font-size:4.267vw} .nuxt-progress{position:fixed;top:0;left:0;right:0;height:.267vw;width:0;opacity:1;transition:width .1s,opacity .4s;background-color:#ff4d24;z-index:999999}.nuxt-progress.nuxt-progress-notransition{transition:none}.nuxt-progress-failed{background-color:red} .duoyun .sun,.qing .sun{position:fixed;width:100%}.duoyun .sun .icon,.duoyun .sun .icon .light,.qing .sun .icon,.qing .sun .icon .light{position:absolute}.duoyun .sun .icon .light:before,.qing .sun .icon .light:before{content:"";display:block;position:absolute;left:5%;top:5%;width:90%;height:90%;border:.267vw solid hsla(0,0%,100%,.1);border-radius:50%;box-shadow:0 0 .4vw hsla(0,0%,100%,.3)}.duoyun .sun .icon .light:after,.qing .sun .icon .light:after{content:"";display:block;position:absolute;width:40%;height:40%;left:30%;top:30%;border-radius:50%;transition:all .5s ease;-webkit-animation:light 3s linear 0s infinite;animation:light 3s linear 0s infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.duoyun .sun .icon .light img,.qing .sun .icon .light img{position:relative;width:100%;z-index:10}.duoyun .sun .icon .light i,.qing .sun .icon .light i{display:block;position:absolute;border-radius:50%}.duoyun .sun .icon .light i:first-child,.qing .sun .icon .light i:first-child{width:100%;height:100%;left:150%;top:60%}.duoyun .sun .icon .light i:first-child,.duoyun .sun .icon .light i:nth-child(2),.qing .sun .icon .light i:first-child,.qing .sun .icon .light i:nth-child(2){opacity:.05;background:#fff;-webkit-animation:light1 5s linear 0s infinite;animation:light1 5s linear 0s infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.duoyun .sun .icon .light i:nth-child(2),.qing .sun .icon .light i:nth-child(2){width:65%;height:65%;left:180%;top:80%}.duoyun .sun .icon .light i:nth-child(3),.qing .sun .icon .light i:nth-child(3){width:20%;height:20%;left:100%;top:60%;opacity:.1;background:#fff;-webkit-animation:light1 5s linear 0s infinite;animation:light1 5s linear 0s infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.duoyun .sun .icon .light i:nth-child(4),.qing .sun .icon .light i:nth-child(4){width:.533vw;height:.533vw;left:180%;top:105%;background:hsla(0,0%,100%,.8);box-shadow:0 0 .667vw #fff;-webkit-animation:light2 5s linear 0s infinite;animation:light2 5s linear 0s infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.duoyun .sun .icon .light i:nth-child(5),.qing .sun .icon .light i:nth-child(5){width:250%;height:250%;left:190%;top:35%;opacity:.6;border:.533vw solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.02);box-shadow:0 0 1.067vw hsla(0,0%,100%,.6);-webkit-animation:light1 5s linear 0s infinite;animation:light1 5s linear 0s infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.duoyun .yun{background:url(/bg/yun.png) 0 0 repeat-x;-webkit-animation:cloud 500s linear 0s infinite;animation:cloud 500s linear 0s infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.duoyun .yun,.yu .yushui{position:fixed;left:0;top:0;z-index:0}.yu .yushui{right:0;bottom:0}.yu .yushui #yudi{display:none}.yu .yushui #yubg{position:absolute;top:0;left:0;width:100%;height:100%;filter:blur(1.333vw)}footer{position:relative;z-index:25}footer p{text-align:center}.pc-container{padding-top:40px}.pc-container .sun,.pc-container .yun,.pc-container .yushui{display:none}.pc-container.duoyun,.pc-container.qing{background:url(/bg/qing.jpeg) 50%/cover no-repeat;background-attachment:fixed}.pc-container.duoyun .sun,.pc-container.qing .sun{display:block;top:40px;left:0;padding-top:40%}.pc-container.duoyun .sun .icon,.pc-container.qing .sun .icon{top:0;left:0;right:0;width:100%;padding-top:100%}.pc-container.duoyun .sun .icon .light,.pc-container.qing .sun .icon .light{left:0;top:33%;width:10%}.pc-container.duoyun .sun .icon .light:before,.pc-container.qing .sun .icon .light:before{border:2px solid hsla(0,0%,100%,.1);box-shadow:0 0 3px hsla(0,0%,100%,.3)}.pc-container.duoyun .sun .icon .light i:nth-child(4),.pc-container.qing .sun .icon .light i:nth-child(4){width:4px;height:4px;box-shadow:0 0 5px #fff}.pc-container.duoyun .sun .icon .light i:nth-child(5),.pc-container.qing .sun .icon .light i:nth-child(5){border:4px solid hsla(0,0%,100%,.08);box-shadow:0 0 8px hsla(0,0%,100%,.6)}.pc-container.duoyun .yun{display:block;width:14400px;height:1324px}.pc-container.yin{background:url(/bg/yin.jpeg) 50%/cover no-repeat;background-attachment:fixed}.pc-container.yu .yushui{display:block}.pc-container.xue{background:url(/bg/xue.jpeg) bottom/cover no-repeat;background-attachment:fixed}.pc-container.wu{background:url(/bg/wu.jpeg) 50%/cover no-repeat;background-attachment:fixed}.pc-container.mai{background:url(/bg/mai.jpeg) 50%/cover no-repeat;background-attachment:fixed}.pc-container.yangsha{background:url(/bg/yangsha.jpeg) 50%/cover no-repeat;background-attachment:fixed}.pc-container.leidian{background:url(/bg/leidian.jpeg) 50%/cover no-repeat;background-attachment:fixed}.pc-container .wrap{position:relative;z-index:9}.pc-container header{position:fixed;left:0;top:0;right:0;z-index:998;padding:10px;color:#fff;background:rgba(0,0,0,.2)}.pc-container header a{padding:0 10px;color:#fff}.pc-container header a:hover{color:#fff}.pc-container .top{z-index:11}.pc-container .top.theme-inside{display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-moz-justify-content:space-between;justify-content:space-between;-moz-align-items:center;align-items:center;margin-bottom:160px}.pc-container .top.theme-inside .logo{width:200px;margin:20px 0}.pc-container .top.theme-inside .search-box{height:44px;margin:0}.pc-container .logo{display:block;width:300px;margin:50px auto}.pc-container .search-box{position:relative;width:580px;margin:20px auto;border:2px solid #4e6ef2}.pc-container .search-box .ipt{width:480px}.pc-container .search-box .btn{width:100px}.pc-container .search-box .result{position:absolute;top:40px;left:-2px;right:-2px;z-index:33;max-height:500px;overflow-y:scroll;border:2px solid #4e6ef2;background:hsla(0,0%,100%,.8)}.pc-container .search-box .result::-webkit-scrollbar-track{background:hsla(0,0%,100%,.08)}.pc-container .search-box .result::-webkit-scrollbar-thumb{background:rgba(0,0,0,.28)}.pc-container .search-box .result a,.pc-container .search-box .result p{display:block;padding:10px 20px}.pc-container .search-box .result a:hover{background:rgba(78,110,242,.15)}.pc-container footer{padding:60px 0}.pc-container footer nav{text-align:center}.pc-container footer .row-center a,.pc-container footer nav a,.pc-container footer nav b{margin:0 10px}.pc-container.xue footer,.pc-container.xue footer a{text-shadow:0 2px 5px #fff}.pc-container.leidian footer,.pc-container.leidian footer a,.pc-container.mai footer,.pc-container.mai footer a,.pc-container.wu footer,.pc-container.wu footer a,.pc-container.yangsha footer,.pc-container.yangsha footer a,.pc-container.yin footer,.pc-container.yin footer a,.pc-container.yu footer,.pc-container.yu footer a{color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.3)}.pc-container.leidian footer a:hover,.pc-container.mai footer a:hover,.pc-container.wu footer a:hover,.pc-container.yangsha footer a:hover,.pc-container.yin footer a:hover,.pc-container.yu footer a:hover{color:#4e6ef2}.m-container .sun,.m-container .yun,.m-container .yushui{display:none}.m-container.duoyun,.m-container.qing{background:url(/bg/qing.jpg) 50%/cover no-repeat;background-attachment:fixed}.m-container.duoyun .sun,.m-container.qing .sun{display:block;top:0;left:0;bottom:0;right:0}.m-container.duoyun .sun .icon,.m-container.qing .sun .icon{top:0;left:0;right:0;width:100%;height:144vw}.m-container.duoyun .sun .icon .light,.m-container.qing .sun .icon .light{right:0;top:0;width:24vw;transform:rotate(100deg)}.m-container.duoyun .yun{display:block;width:1920vw;height:176.533vw}.m-container.yin{background:url(/bg/yin.jpg) 50%/cover no-repeat;background-attachment:fixed}.m-container.yu .yushui{display:block}.m-container.xue{background:url(/bg/xue.jpg) bottom/cover no-repeat;background-attachment:fixed}.m-container.wu{background:url(/bg/wu.jpg) 50%/cover no-repeat;background-attachment:fixed}.m-container.mai{background:url(/bg/mai.jpg) 50%/cover no-repeat;background-attachment:fixed}.m-container.yangsha{background:url(/bg/yangsha.jpg) 50%/cover no-repeat;background-attachment:fixed}.m-container.leidian{background:url(/bg/leidian.jpg) 50%/cover no-repeat;background-attachment:fixed}.m-container header{position:fixed;top:0;left:0;right:0;z-index:96;height:11.733vw;padding:0 2.667vw;background:rgba(0,0,0,.5)}.m-container header .logo{width:8vw;height:8vw}.m-container header .search-box{margin:0 5.333vw}.m-container header .search-box .btn{padding:0 2.667vw}.m-container header .search-box .result{position:fixed;top:11.733vw;left:0;bottom:0;right:0;padding:2.667vw 0;overflow-y:scroll;background:hsla(0,0%,100%,.9)}.m-container header .search-box .result::-webkit-scrollbar-track{background:hsla(0,0%,100%,.08)}.m-container header .search-box .result::-webkit-scrollbar-thumb{background:rgba(0,0,0,.28)}.m-container header .search-box .result a,.m-container header .search-box .result p{display:block;padding:1.333vw 2.667vw}.m-container header i.icon{font-size:6.4vw!important;line-height:9.067vw}.m-container header nav{position:absolute;top:13.067vw;right:1.333vw;padding:2.667vw 0;background:#fff;border-radius:1.333vw;transition:all .5s ease;box-shadow:0 .533vw 1.333vw rgba(0,0,0,.3)}.m-container header nav.show{-webkit-animation:mNav .5s ease 0s 1;animation:mNav .5s ease 0s 1;-webkit-animation-fill-mode:both;animation-fill-mode:both}.m-container header nav:before{content:"";display:block;position:absolute;right:2.4vw;top:-1.867vw;width:0;height:0;border-bottom:2.133vw solid #fff;border-left:2.133vw solid transparent;border-right:2.133vw solid transparent}.m-container header nav a{display:block;padding:.667vw 4vw}.m-container .wrap{position:relative;z-index:9}.m-container .main{background:hsla(0,0%,100%,.8)}.m-container footer{padding:5.333vw 2.667vw;color:#666}.m-container footer nav a,.m-container footer nav b{margin-right:2.667vw}.m-container footer p{font-size:2.667vw}.m-container footer p a{color:#666}.m-container.leidian footer,.m-container.leidian footer a,.m-container.mai footer,.m-container.mai footer a,.m-container.wu footer,.m-container.wu footer a,.m-container.yangsha footer,.m-container.yangsha footer a,.m-container.yin footer,.m-container.yin footer a,.m-container.yu footer,.m-container.yu footer a{color:#fff;text-shadow:0 .267vw .667vw rgba(0,0,0,.3)}@-webkit-keyframes cloud{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes cloud{0%{transform:translate(0)}to{transform:translate(-100%)}}@-webkit-keyframes light{0%{transform:scale(1);box-shadow:0 0 30px #fdf4a8}50%{transform:scale(1.4);box-shadow:0 0 60px #fdf4a8}to{transform:scale(1);box-shadow:0 0 30px #fdf4a8}}@keyframes light{0%{transform:scale(1);box-shadow:0 0 30px #fdf4a8}50%{transform:scale(1.4);box-shadow:0 0 60px #fdf4a8}to{transform:scale(1);box-shadow:0 0 30px #fdf4a8}}@-webkit-keyframes light1{0%{transform:translate(0)}33%{transform:translate(30px)}66%{transform:translate(30px,30px)}to{transform:translate(0)}}@keyframes light1{0%{transform:translate(0)}33%{transform:translate(30px)}66%{transform:translate(30px,30px)}to{transform:translate(0)}}@-webkit-keyframes light2{0%{opacity:1;transform:translate(0)}33%{opacity:.3;transform:translate(5px)}66%{opacity:.3;transform:translate(5px,5px)}to{opacity:1;transform:translate(0)}}@keyframes light2{0%{opacity:1;transform:translate(0)}33%{opacity:.3;transform:translate(5px)}66%{opacity:.3;transform:translate(5px,5px)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes mNav{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translate(0)}}@keyframes mNav{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translate(0)}} .ipt[data-v-55d62645]{position:relative}.ipt input[data-v-55d62645]{width:100%;transition:all .5s ease;background:#fff}.ipt.focus input[data-v-55d62645]{-ms-box-shadow:0 .267vw .667vw -.4vw rgba(37,144,224,.5);box-shadow:0 .267vw .667vw -.4vw rgba(37,144,224,.5)}.ipt.warn input[data-v-55d62645]{border:1px solid #ff4d24;-ms-box-shadow:0 .267vw .667vw -.4vw rgba(255,77,36,.5);box-shadow:0 .267vw .667vw -.4vw rgba(255,77,36,.5)}.ipt.warn span[data-v-55d62645]{left:1.333vw;top:5.6vw;font-size:1.6vw;line-height:2.4vw}.pc-container .ipt input[data-v-55d62645]{padding:6px 10px;border:1px solid #4e6ef2;font-size:14px;line-height:26px}.pc-container .ipt.focus input[data-v-55d62645]{border:1px solid #4e6ef2;-ms-box-shadow:0 2px 5px -3px rgba(37,144,224,.5);box-shadow:0 2px 5px -3px rgba(37,144,224,.5)}.pc-container .ipt.warn input[data-v-55d62645]{border:1px solid #ff4d24;-ms-box-shadow:0 2px 5px -3px rgba(255,77,36,.5);box-shadow:0 2px 5px -3px rgba(255,77,36,.5)}.pc-container .ipt.warn span[data-v-55d62645]{left:10px;top:42px;font-size:12px;line-height:18px}.m-container .ipt input[data-v-55d62645]{padding:1.6vw 2.667vw;border:1px solid #4e6ef2;font-size:3.733vw;line-height:5.867vw}.m-container .ipt.focus input[data-v-55d62645]{border:1px solid #4e6ef2;-ms-box-shadow:0 .533vw 1.333vw -.8vw rgba(37,144,224,.5);box-shadow:0 .533vw 1.333vw -.8vw rgba(37,144,224,.5)}.m-container .ipt.warn input[data-v-55d62645]{border:1px solid #ff4d24;-ms-box-shadow:0 .533vw 1.333vw -.8vw rgba(255,77,36,.5);box-shadow:0 .533vw 1.333vw -.8vw rgba(255,77,36,.5)}.m-container .ipt.warn span[data-v-55d62645]{left:2.667vw;top:11.2vw;font-size:3.2vw;line-height:4.8vw} .pc-container .home .hour .title span{margin:0 10px}.pc-container .home .hour .title span i{margin-right:8px}.m-container .hour span{margin-left:2.667vw}.m-container .hour span i{margin-right:2.133vw} .crumbs,.crumbs a{color:#fff}.pc-container .crumbs{text-shadow:0 2px 5px rgba(0,0,0,.5)}.pc-container .crumbs i{margin:0 5px}.pc-container .crumbs a:hover{color:#fff;text-shadow:none}.pc-container.mai .crumbs,.pc-container.mai a,.pc-container.wu .crumbs,.pc-container.wu a{color:#101010;text-shadow:none}.m-container .crumbs{padding:0 2.667vw}.m-container .crumbs i{margin:0 1.333vw} .weather-info{color:#fff}.weather-info .condition span:before{font-family:"iconfont"}.weather-info .condition span:first-child:before{content:"\e60d"}.weather-info .condition span:nth-child(2):before{content:"\e608"}.weather-info .condition span:nth-child(3):before{content:"\e7fb"}.pc-container .weather-info{display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;-moz-justify-content:space-between;justify-content:space-between;min-height:calc(100vh - 600px);padding:20px 0 0;margin-bottom:40px;text-shadow:0 2px 5px rgba(0,0,0,.5)}.pc-container .weather-info i[class*=weather-icon-]{width:140px;height:140px;margin:0;background-size:700px}.pc-container .weather-info h2{margin:0 20px;font-size:80px;font-family:none;font-weight:200}.pc-container .weather-info h2 sup{font-size:30px}.pc-container .weather-info section{margin-bottom:10px}.pc-container .weather-info section h3{font-weight:500}.pc-container .weather-info section a,.pc-container .weather-info section h3,.pc-container .weather-info section p{margin:0 20px}.pc-container .weather-info section a{padding:0 10px;margin-left:20px;font-size:16px;border-radius:20px;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.2)}.pc-container .weather-info section a[class*=aqi-]{display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex}.pc-container .weather-info section a[class*=aqi-]:before{content:"\e633";margin-right:6px;font-family:"iconfont"}.pc-container .weather-info .condition{margin-bottom:10px}.pc-container .weather-info .condition span{margin:0 10px;padding:5px 10px;border-radius:20px;font-size:18px}.pc-container .weather-info .condition span:before{margin-right:6px}.pc-container.xue .weather-info .condition span{background:rgba(0,0,0,.15)}.pc-container.mai .weather-info,.pc-container.wu .weather-info{color:#101010;text-shadow:none}.m-container .weather-info{position:relative;height:144vw;padding-top:17.067vw;margin-bottom:5.333vw}.m-container .weather-info .row-middle-center{position:relative}.m-container .weather-info .row-middle-center a{color:#fff}.m-container .weather-info .row-middle-center:nth-child(2){padding:18.667vw 0 0}.m-container .weather-info .row-middle-center i{width:32vw;height:32vw;margin:0;background-size:160vw}.m-container .weather-info .row-middle-center h2{font-size:21.333vw;font-weight:100;line-height:32vw;font-family:none}.m-container .weather-info .row-middle-center h2 sub,.m-container .weather-info .row-middle-center h2 sup{margin-left:1.333vw;font-size:6.4vw;line-height:13.333vw}.m-container .weather-info .row-middle-center h2 sub{position:absolute;bottom:4.267vw;transform:translate(-6.667vw)}.m-container .weather-info .row-middle-center section{position:absolute;top:2.667vw}.m-container .weather-info section{margin-bottom:5.333vw}.m-container .weather-info section h3{font-weight:500}.m-container .weather-info section a,.m-container .weather-info section h3,.m-container .weather-info section p{margin:0 2.667vw}.m-container .weather-info section a{padding:0 1.333vw;margin-left:2.667vw;font-size:2.133vw;border-radius:2.667vw;color:#fff;text-shadow:0 .267vw .667vw rgba(0,0,0,.2)}.m-container .weather-info section a[class*=aqi-]{display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex}.m-container .weather-info section a[class*=aqi-]:before{content:"\e633";margin-right:.8vw;font-family:"iconfont"}.m-container .weather-info .live{margin-bottom:5.333vw;text-shadow:0 .267vw .667vw rgba(0,0,0,.3)}.m-container .weather-info .live a{padding:0 2.667vw;border-radius:2.667vw 0 2.667vw 0}.m-container .weather-info .condition{text-shadow:0 .267vw .667vw rgba(0,0,0,.3)}.m-container .weather-info .condition span{margin:0 1.333vw}.m-container .weather-info .condition span:before{margin-right:.8vw}.m-container .weather-info .warning{position:absolute;right:0;top:18.667vw;padding:.667vw 2.667vw;color:#fff;border-radius:3.2vw 0 0 3.2vw;text-shadow:0 .267vw .667vw rgba(0,0,0,.3)}.m-container .weather-info .bottom{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.15)}.m-container .weather-info .bottom .line{width:1px;background:rgba(78,110,242,.15)}.m-container .weather-info .bottom>.col{padding:2.667vw}.m-container .weather-info .bottom .row-between{-moz-align-items:center;align-items:center}.m-container .weather-info .bottom .row-between i{margin:0} .plate .title>h1,.plate .title>h3{display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-moz-align-items:center;align-items:center}.pc-container .plate{margin-bottom:20px}.pc-container .plate .title{padding:10px 0}.pc-container .plate .title>h1{font-size:20px}.pc-container .plate .content{padding:10px 0}.m-container .plate{margin-bottom:2.667vw}.m-container .plate .title{padding:2.667vw}.m-container .plate .title>h1{font-size:5.333vw}.m-container .plate .content{padding:2.667vw}.m-container .plate .content.pd0{padding:0} .hour-weather,.hour-weather p{text-align:center}.pc-container .hour-weather>.icon{width:40px;font-size:24px;cursor:pointer}.pc-container .hour-weather .scroll{overflow:hidden}.pc-container .hour-weather .scroll .chart{position:relative;width:1800px;transition:all .5s ease}.pc-container .hour-weather .scroll canvas{display:block;width:1800px;height:128px}.pc-container .hour-weather .scroll ul{width:1800px}.pc-container .hour-weather .scroll ul li{flex:1;width:0;width:75px}.pc-container .hour-weather .scroll ul li sup{position:relative;display:block;width:55px;padding:3px 0;background:rgba(0,0,0,.4);border-radius:8px}.pc-container .hour-weather .scroll ul li sup.down:before,.pc-container .hour-weather .scroll ul li sup.up:before{content:"";display:block;position:absolute;left:50%;width:0;height:0;margin-left:-4px;border-left:5px solid transparent;border-right:5px solid transparent}.pc-container .hour-weather .scroll ul li sup.up:before{top:-5px;border-bottom:5px solid rgba(0,0,0,.4)}.pc-container .hour-weather .scroll ul li sup.down:before{bottom:-5px;border-top:5px solid rgba(0,0,0,.4)}.pc-container .hour-weather .scroll ul li sup i{width:28px;height:28px;background-size:140px}.pc-container .hour-weather .scroll ul li sup span{font-size:12px;font-weight:500;color:#fff}.pc-container .hour-weather .scroll ul:nth-child(2){position:absolute;top:0;left:0;z-index:96;height:162px}.pc-container .hour-weather .scroll ul:nth-child(2) li{position:relative;padding-top:140px}.pc-container .hour-weather .scroll ul:nth-child(2) li.active sup,.pc-container .hour-weather .scroll ul:nth-child(2) li:hover sup{opacity:1}.pc-container .hour-weather .scroll ul:nth-child(2) sup{position:absolute;left:10px;top:-80px;opacity:0;transition:all .5s ease}.pc-container .hour-weather .scroll ul:nth-child(2) p{position:relative;margin:0 6px;font-size:12px;line-height:18px;color:#fff}.pc-container .hour-weather .scroll ul:nth-child(3){margin-top:34px;height:24px;font-size:12px}.pc-container .hour-weather .yaxis{text-align:right;line-height:24px}.pc-container .hour-weather .yaxis .max{margin-bottom:80px}.m-container .hour-weather ::-webkit-scrollbar{display:none}.m-container .hour-weather>.icon{width:5.333vw;font-size:3.2vw;cursor:pointer}.m-container .hour-weather .scroll{scrollbar-width:none;-ms-overflow-style:none;overflow-x:scroll;overflow-y:hidden;transition:all .5s ease}.m-container .hour-weather .scroll .chart{position:relative;width:480vw;transition:all .5s ease}.m-container .hour-weather .scroll canvas{display:block;width:480vw;height:34.133vw}.m-container .hour-weather .scroll ul{width:480vw}.m-container .hour-weather .scroll ul li{flex:1;width:0;width:20vw}.m-container .hour-weather .scroll ul li sup{position:relative;display:block;width:14.667vw;padding:.8vw 0;background:rgba(0,0,0,.4);border-radius:2.133vw}.m-container .hour-weather .scroll ul li sup.down:before,.m-container .hour-weather .scroll ul li sup.up:before{content:"";display:block;position:absolute;left:50%;width:0;height:0;margin-left:-1.067vw;border-left:1.333vw solid transparent;border-right:1.333vw solid transparent}.m-container .hour-weather .scroll ul li sup.up:before{top:-1.333vw;border-bottom:1.333vw solid rgba(0,0,0,.4)}.m-container .hour-weather .scroll ul li sup.down:before{bottom:-1.333vw;border-top:1.333vw solid rgba(0,0,0,.4)}.m-container .hour-weather .scroll ul li sup i{width:7.467vw;height:7.467vw;background-size:37.333vw}.m-container .hour-weather .scroll ul li sup span{color:#fff;font-size:3.2vw;font-weight:500}.m-container .hour-weather .scroll ul:nth-child(2){position:absolute;top:0;left:0;z-index:96;height:36.8vw}.m-container .hour-weather .scroll ul:nth-child(2) li{position:relative;padding-top:32vw}.m-container .hour-weather .scroll ul:nth-child(2) li.active sup,.m-container .hour-weather .scroll ul:nth-child(2) li:hover sup{opacity:1}.m-container .hour-weather .scroll ul:nth-child(2) sup{position:absolute;left:2.4vw;top:-21.333vw;opacity:0;transition:all .5s ease}.m-container .hour-weather .scroll ul:nth-child(2) p{position:relative;margin:0 1.6vw;line-height:4.8vw}.m-container .hour-weather .scroll ul:nth-child(3){margin-top:2.667vw;height:6.4vw;font-size:3.2vw}.m-container .hour-weather .yaxis{text-align:right;line-height:6.4vw}.m-container .hour-weather .yaxis .max{margin-bottom:21.333vw} .week,.week ul{position:relative}.week ul{z-index:9;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center}.week ul li{flex:1;width:0;transition:all .5s ease}.week ul li:hover,.week ul li:nth-child(2){background:rgba(78,110,242,.15)}.week ul p{text-align:center}.week .canvasId{position:absolute;left:0}.pc-container .week ul li{padding:20px 0}.pc-container .week ul h5{margin-bottom:10px}.pc-container .week ul i{width:40px;height:40px;background-size:200px;margin-bottom:10px}.pc-container .week ul h4{margin-bottom:174px}.pc-container .week ul span{padding:2px 10px;border-radius:10px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2)}.pc-container .week .canvasId{top:166px}.pc-container .city-weather .week li:nth-child(2){background:rgba(78,110,242,.15)}.m-container .week{overflow-x:scroll}.m-container .week::-webkit-scrollbar-track{background:rgba(78,110,242,.15)}.m-container .week::-webkit-scrollbar-thumb{background:rgba(0,0,0,.28)}.m-container .week ul{width:160vw}.m-container .week ul li{padding:5.333vw 0}.m-container .week ul li:nth-child(2n){background:rgba(78,110,242,.15)}.m-container .week ul h5{margin-bottom:2.667vw}.m-container .week ul i{width:10.667vw;height:10.667vw;background-size:53.333vw;margin-bottom:4vw}.m-container .week ul h4{margin-bottom:42.667vw}.m-container .week ul span{padding:.533vw 2.133vw;border-radius:2.4vw;color:#fff;text-shadow:0 .267vw .8vw rgba(0,0,0,.2)}.m-container .week .canvasId{top:43.733vw} .aqi-list .content{padding:0!important}.aqi-list .content section{width:100%;text-align:center}.aqi-list .content>.row-wrap>p{text-align:center}.aqi-list .content>.row-wrap>p b{display:block;color:#4e6ef2}.aqi-list .content>.row-wrap>p i{color:#fff}.pc-container .aqi-list{padding-right:20px}.pc-container .aqi-list .content .icon{margin-right:8px;line-height:56px;font-size:32px}.pc-container .aqi-list .content>.row-wrap>p{padding:10px;width:50%}.pc-container .aqi-list .content>.row-wrap>p:nth-child(2n){border-left:none}.pc-container .aqi-list .content>.row-wrap>p b{margin-bottom:5px}.pc-container .aqi-list .content>.row-wrap>p i{margin-left:10px;padding:0 5px;border-radius:4px}.m-container .aqi-list .content section{line-height:13.867vw;font-size:8.533vw}.m-container .aqi-list .content section .icon{margin-right:1.333vw;font-size:5.6vw}.m-container .aqi-list .content>.row-wrap{border-bottom:.267vw solid rgba(78,110,242,.15)}.m-container .aqi-list .content>.row-wrap>p{padding:2.667vw;width:33.333vw;border-left:.267vw solid rgba(78,110,242,.15);border-top:.267vw solid rgba(78,110,242,.15)}.m-container .aqi-list .content>.row-wrap>p:nth-child(3n+2){border-left:none}.m-container .aqi-list .content>.row-wrap>p b{margin-bottom:1.333vw}.m-container .aqi-list .content>.row-wrap>p i{margin-left:2.667vw;padding:.4vw 1.333vw;border-radius:1.067vw;font-size:3.2vw;color:#fff} .zhishu .content{padding:0!important}.zhishu li i{display:block;text-align:center}.zhishu li i:before{font-family:"iconfont";color:#4e6ef2}.zhishu li .icon-chenlian:before{content:"\e61c"}.zhishu li .icon-chuanyi:before{content:"\e6f5"}.zhishu li .icon-daisan:before{content:"\e807"}.zhishu li .icon-diaoyu:before{content:"\e70d"}.zhishu li .icon-ganmao:before{content:"\e61b"}.zhishu li .icon-kaiche:before{content:"\e7ef"}.zhishu li .icon-liangshai:before{content:"\e668"}.zhishu li .icon-lvyou:before{content:"\e60f"}.zhishu li .icon-xiche:before{content:"\e7ef"}.zhishu li .icon-ziwaixian:before{content:"\e611"}.zhishu li p{color:#666}.pc-container .zhishu h3{-moz-justify-content:flex-end;justify-content:flex-end}.pc-container .zhishu li{display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-moz-align-items:center;align-items:center;width:33.3333%;padding:10px;transition:all .5s ease}.pc-container .zhishu li:nth-child(3n+1){border-left:none}.pc-container .zhishu li:first-child,.pc-container .zhishu li:nth-child(2),.pc-container .zhishu li:nth-child(3){border-top:none}.pc-container .zhishu li i{width:48px;height:48px;margin-right:10px;border-radius:18px}.pc-container .zhishu li i:before{font-size:32px;line-height:48px}.pc-container .zhishu li p{height:42px}.m-container .zhishu ul{border-top:.267vw solid rgba(78,110,242,.15);border-bottom:.267vw solid rgba(78,110,242,.15)}.m-container .zhishu li{width:33.333vw;padding:2.667vw;border-left:.267vw solid rgba(78,110,242,.15);border-top:.267vw solid rgba(78,110,242,.15)}.m-container .zhishu li:nth-child(3n+1){border-left:none}.m-container .zhishu li:first-child,.m-container .zhishu li:nth-child(2),.m-container .zhishu li:nth-child(3){border-top:none}.m-container .zhishu li span{display:block}.m-container .zhishu li i{width:9.6vw;height:9.6vw;margin:0 auto 2.667vw;border-radius:4.8vw}.m-container .zhishu li i:before{font-size:6.4vw;line-height:9.6vw}.m-container .zhishu li p{text-align:center}.m-container .zhishu .tips{display:none;-moz-align-items:center;align-items:center;-moz-justify-content:center;justify-content:center;position:fixed;left:0;top:0;right:0;bottom:0;z-index:997;background:rgba(0,0,0,.7)}.m-container .zhishu .tips.show{display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex}.m-container .zhishu .tips section{background:#fff;max-width:80vw;padding:5.333vw;border-radius:1.333vw;text-align:center}.m-container .zhishu .tips section h2{margin-bottom:1.333vw}.m-container .zhishu .tips section p{text-align:center} .pc-container .overview{margin-bottom:20px}.pc-container .overview img{width:300px;margin-right:20px}.pc-container .overview p{margin-bottom:10px;line-height:26px;text-indent:2em}.m-container .overview .row{display:block}.m-container .overview .col{width:100%}.m-container .overview img{margin:0 auto 5.333vw}.m-container .overview p{margin-bottom:2.667vw;line-height:6.4vw;text-indent:2em} .city-list,.pc-container .city-list{flex-wrap:wrap}.city-list,.pc-container .city-list,.pc-container .city-list li{display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex}.pc-container .city-list li{-moz-align-items:center;align-items:center;width:25%;padding:0 20px;margin:5px 0;transition:all .5s ease}.pc-container .city-list li:hover{background:rgba(78,110,242,.15)}.pc-container .city-list li span{display:block;text-align:right}.pc-container .city-list li a:first-child{flex:1;width:0;line-height:37px;padding:0 5px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}.pc-container .city-list li a:last-child{flex:1;width:0;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-moz-align-items:center;align-items:center;-moz-justify-content:center;justify-content:center;padding:8px 5px}.pc-container .city-list li a:last-child span:first-child{flex:1;width:0;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}.pc-container .city-list li a:last-child span:last-child{width:70px}.pc-container .city-list li i{width:30px;height:30px;background-size:150px}.m-container .city-list{margin:-2.667vw}.m-container .city-list li{width:33.333%;padding:1.6vw;text-align:center}.m-container .city-list li a{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}.m-container .city-list li a:last-child{display:none} .pc-container .complex nav span{padding:5px 10px;cursor:pointer}.pc-container .complex nav span.active{color:#fff;border-radius:5px;background:#4e6ef2}.pc-container .complex ul li{width:16.667%;padding:7px 10px;text-align:center}.pc-container .complex ul li:hover{background:rgba(78,110,242,.15)}.pc-container .complex ul a{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}

未查询到你要搜索的城市

南风

3级

西南风

3级

东北风

3级

北风