.page[data-v-4867f9a2]{width:100%;font-weight:400}.container[data-v-4867f9a2]{height:1120px;width:100%;position:relative}.background-image[data-v-4867f9a2]{height:100%;width:100%;position:absolute;top:0;z-index:1}.weather-container[data-v-4867f9a2]{width:70%;position:relative;z-index:2;background:linear-gradient(0deg,#182116,rgba(96,121,66,0));border-radius:16px}.weather-container .container-top[data-v-4867f9a2]{width:100%;height:640px}.weather-container .container-top .weather-image[data-v-4867f9a2]{height:100%;width:100%;position:absolute;z-index:2;top:0;border-radius:16px 16px 0 0}.weather-container .container-top .top-info[data-v-4867f9a2]{padding:1rem 3%;font-size:24px;font-family:Microsoft YaHei;font-weight:400;color:#f5f5f5;position:relative;z-index:3}.weather-container .container-top .top-info .icon[data-v-4867f9a2]{width:34px;height:34px;margin-right:.5rem}.weather-container .container-top .top-info .info-box[data-v-4867f9a2]{margin-right:2.5rem}.weather-container .container-center[data-v-4867f9a2]{height:6px;background-image:linear-gradient(90deg,red 0,#ffb600 11%,#fff600 22%,#a5ff00 33%,#00a9ff 44%,#0400ff 55%,#8a00fc 66%,#ff00e9 77%,#ff0059 88%,red)}.weather-container .container-bottom[data-v-4867f9a2]{padding:1.5rem 2rem;font-size:25px;font-family:Microsoft YaHei;font-weight:400;color:#f5f5f5}.weather-container .container-bottom .container-bl[data-v-4867f9a2]{color:#fff}.weather-container .container-bottom .container-br[data-v-4867f9a2]{width:65%}.weather-container .container-bottom .container-br .weather-box .box-date[data-v-4867f9a2]{font-size:20px;font-family:Microsoft YaHei;font-weight:400;color:#f5f5f5}.weather-container .container-bottom .container-br .weather-box .box-icon[data-v-4867f9a2]{margin:.5rem 0;width:100%}.weather-container .container-bottom .container-br .weather-box[data-v-4867f9a2]:first-child{padding-left:0}