.video-monitor{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.station-view{background-color:#fff;margin:10px;padding:10px;color:#333}.station-view .header-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.station-view .header-bar .title{font-family:Arial-Black;font-size:16px;font-weight:600}.station-view .header-bar .time{font-size:14px;color:#999}.station-view .data-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-family:D-DIN}.station-view .data-content .tem{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:10px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;font-weight:700;font-size:36px;color:#000}.station-view .data-content .tem .label{color:#333;font-size:14px;font-weight:400}.station-view .data-content .elements{font-size:12px;margin-right:10px}.station-view .data-content .elements .ele-line{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px}.station-view .data-content .elements .ele-line .ele{margin:0 5px;color:#999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.station-view .data-content .elements .ele-line .ele .value{margin:3px;color:#333;font-weight:700;font-size:16px}.growth-con[data-v-e133f030]{background-color:#fff;margin:10px;padding:10px;color:#333}.growth-con .header-bar[data-v-e133f030]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.growth-con .header-bar .title[data-v-e133f030]{font-family:Arial-Black;font-size:16px;font-weight:600}.growth-con .header-bar .type[data-v-e133f030]{font-size:14px;color:#999}.growth-con .header-bar .type span[data-v-e133f030]{margin:0 3px}.growth-con .header-bar .type .active[data-v-e133f030]{color:#5fb2ff;font-size:15px}.growth-con .content .grow-period[data-v-e133f030]{padding:5px 10px}.growth-con .content .grow-period .period[data-v-e133f030]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-radius:4px;margin-bottom:3px}.growth-con .content .grow-period .period .label[data-v-e133f030]{color:#999}.growth-con .content .grow-period .period .value[data-v-e133f030]{font-weight:600}.growth-con .content .tabs[data-v-e133f030]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.growth-con .content .tabs div[data-v-e133f030]{padding:5px;text-align:center;width:40vw;background-color:#eee;border-radius:50px 50px 50px 50px;color:#666}.growth-con .content .tabs .active[data-v-e133f030]{background:linear-gradient(225deg,#1186f2,#5fb2ff);color:#fff}.growth-con .content .tab-content[data-v-e133f030]{font-size:14px;white-space:pre-wrap;padding:5px 10px;line-height:22px;text-align:left}.chart[data-v-0ebeaad4]{margin:10px auto;width:92%;height:200px;background:#fff;border-radius:4px;color:#333}.chart .title-area[data-v-0ebeaad4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#3c9efa;padding:5px 10px}.chart .title-area .title[data-v-0ebeaad4]{font-weight:700;font-size:14px;line-height:20px}.chart .title-area .sub-title[data-v-0ebeaad4]{color:#999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;font-weight:400;line-height:12px}.chart .title-area .sub-title img[data-v-0ebeaad4]{margin-left:3px}.chart #echartsEle[data-v-0ebeaad4]{width:100%;height:180px}.chart #full[data-v-0ebeaad4]{width:90vh;height:80vw}.content[data-v-0ebeaad4]{overflow-x:auto;-ms-flex-pack:distribute;justify-content:space-around}.content[data-v-0ebeaad4],.wrapper[data-v-0ebeaad4]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wrapper[data-v-0ebeaad4]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#f4f7fa;height:100%;position:relative;top:0;left:0}.rotate[data-v-0ebeaad4]{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);position:absolute;padding:.75rem 1.25rem;border-radius:1rem;background:#fff}.exit-screen[data-v-0ebeaad4]{display:block;position:fixed;bottom:.1rem;right:.1rem;z-index:999}.growth-con[data-v-7e6d602c]{background-color:#fff;margin:10px;padding:10px;color:#333}.growth-con .header-bar[data-v-7e6d602c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.growth-con .header-bar .title[data-v-7e6d602c]{font-family:Arial-Black;font-size:16px;font-weight:600}.growth-con .header-bar .type[data-v-7e6d602c]{font-size:14px;color:#999}.growth-con .header-bar .type span[data-v-7e6d602c]{margin:0 3px}.growth-con .header-bar .type .active[data-v-7e6d602c]{color:#5fb2ff;font-size:15px}.growth-con .content .tabs[data-v-7e6d602c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.growth-con .content .tabs div[data-v-7e6d602c]{padding:5px;text-align:center;width:40vw;background-color:#eee;border-radius:50px 50px 50px 50px;color:#666}.growth-con .content .tabs .active[data-v-7e6d602c]{background:linear-gradient(225deg,#1186f2,#5fb2ff);color:#fff}.growth-con .content .tab-content[data-v-7e6d602c]{font-size:14px;white-space:pre-wrap;padding:5px 10px;line-height:22px;text-align:left}.day[data-v-7588437a]{height:350px;position:relative;background-color:#fff;margin:10px;padding:10px;color:#333}.day .header-bar[data-v-7588437a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.day .header-bar .title[data-v-7588437a]{font-family:Arial-Black;font-size:16px;font-weight:600}.day .header-bar .time[data-v-7588437a]{font-size:14px;color:#999}.day .content[data-v-7588437a]{overflow-x:auto}.day .content #echartsDay[data-v-7588437a]{height:105px;width:540px;position:absolute;left:0;top:135px}.day .content .days-con[data-v-7588437a]{width:540px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:400;color:#333}.day .content .days-item[data-v-7588437a]{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ebf4ff));background:linear-gradient(180deg,#fff,#ebf4ff);-webkit-box-shadow:4px rgba(0,0,0,.1);box-shadow:4px rgba(0,0,0,.1);border-radius:4px;margin:0 1px;color:#333;font-size:13px}.day .content .days-item div[data-v-7588437a]{margin-bottom:5px}.day .content .days-item .week[data-v-7588437a]{margin:10px 0 3px 0;font-weight:600;color:#333}.day .content .days-item .date[data-v-7588437a]{color:#999}.day .content .days-item .sky-text[data-v-7588437a]{margin:5px 0 3px}.day .content .days-item .sky20-text[data-v-7588437a]{margin:125px 0 3px}.day .content .days-item .wind[data-v-7588437a]{display:block;width:61px;background:hsla(0,0%,93.3%,.5);text-align:center;margin:8px 1px 0;font-size:12px}.day .content .days-item .aqi[data-v-7588437a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px 0;margin:5px 1px 0;width:52px;height:10px;color:#fff}.day .content .days-item img[data-v-7588437a]{display:block;width:25px}.day .content .day-text[data-v-7588437a]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.day .content .day-text .day-text-item[data-v-7588437a],.day .content .day-text[data-v-7588437a]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.day .content .day-text .day-text-item[data-v-7588437a]{background:#f0fef2;-webkit-box-shadow:0 0 10px 0 rgba(5,163,73,.1);box-shadow:0 0 10px 0 rgba(5,163,73,.1);border-radius:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:10px;width:30%}.day .content .day-text .day-text-item div[data-v-7588437a]{font-weight:400;color:#333}.day .content .day-text .day-text-item div[data-v-7588437a]:nth-child(3){color:#999}.day .content .day-text .day-text-item img[data-v-7588437a]{display:block;width:35px;height:35px}.main{background-color:#f0f5ff}.main .header{margin:0;width:100%;height:175px;border-radius:0 0 20px 20px;background:url(/static/image/dongzaobg.png) no-repeat;background-size:cover!important}.main .current-station{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:left;-ms-flex-align:left;align-items:left;font-weight:400}.main .current-station .selectBox{float:left;margin-top:5px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:50%;max-width:300px}.main .current-station .ww_btn_Dropdown_arrow{width:0;height:0;border-width:5px 4px;border-color:#333 transparent transparent;border-style:solid;display:block;position:absolute;top:50%;margin-top:-2px;right:8px}.main .current-station .selectBox #inptSelect{width:100%;padding:2px 10px;text-align:left}.main .current-station .selectBox .optionDiv{display:none;width:100%;border:1px solid #ddd;border-top:none;border-radius:1px;background:#fff;margin-top:26px;position:absolute;z-index:100;border-radius:2px}.main .current-station .selectBox .optionDiv .ulShow{display:block}.main .current-station .selectBox .optionDiv ul{height:13vh;overflow:auto}.main .current-station .selectBox .optionDiv ul li{text-align:center;cursor:pointer;height:26px;line-height:26px;font-size:13px;text-indent:6px}.main .current-station .selectBox .optionDiv ul li:hover{background:#4a77ac;color:#fff}