1 line
5.6 KiB
CSS
1 line
5.6 KiB
CSS
#app,body,html{width:100%;height:100%;margin:0}#app,*,body,html{font-family:"\5FAE\8F6F\96C5\9ED1",Helvetica Neue,Helvetica,Arial,sans-serif}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,img,legend,li,ol,p,ul{margin:0;padding:0}button,fieldset,img,input,textarea{border:none;padding:0;margin:0;outline-style:none}ol,ul{list-style:none}input{padding-top:0;padding-bottom:0}input,select{vertical-align:middle}input,select,textarea{font-size:12px;margin:0}textarea{resize:none}img{border:0;vertical-align:middle;max-width:100%}table{border-collapse:collapse}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}a{color:#666}a,h1,h2,h3,h4,h5,h6{text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}em,i,s{font-style:normal;text-decoration:none}.scrollbar-body{scrollbar-arrow-color:#0581ab;scrollbar-face-color:#0581ab;scrollbar-highlight-color:#0a393f;scrollbar-shadow-color:#09d;scrollbar-track-color:#0a393f;scrollbar-3dlight-color:#09d;scrollbar-darkshadow-color:#09d;scrollbar-base-color:#0581ab;overflow:hidden;overflow-y:auto}.scrollbar-body::-webkit-scrollbar{width:.36vw;background-color:rgba(51,238,255,.2)}.scrollbar-body::-webkit-scrollbar-thumb{background-color:rgba(0,192,255,.51);border-radius:.18vw}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;background:url(../../static/img/bg.8a728319.png) no-repeat;background-size:100% 100%}.top[data-v-295c65ee]{width:100%;height:100px;background:url(../../static/img/title.d6b6d143.png) no-repeat;background-size:100% 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.top .left[data-v-295c65ee]{width:815px;height:97px;font-size:44px;font-weight:700;letter-spacing:22px;color:#fff;padding-left:86px;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.top .left .time[data-v-295c65ee]{color:#fff;font-size:18px;-webkit-box-orient:vertical;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:left}.top .left .time[data-v-295c65ee],.top .left .weather[data-v-295c65ee]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.top .left .weather[data-v-295c65ee]{-webkit-box-orient:horizontal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:36px}.top .left .weather .pic[data-v-295c65ee]{width:61px;height:61px}.top .left .weather .date[data-v-295c65ee]{height:100%;color:#fff;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:19px;text-align:left}.top .left[data-v-295c65ee]:before{content:attr(text);position:absolute;z-index:10;color:#56fef6;-webkit-mask:-webkit-gradient(linear,left bottom,left top,from(#56f4fe),to(transparent));-webkit-mask:linear-gradient(0deg,#56f4fe,transparent)}.top .middle[data-v-295c65ee]{width:27%;height:80px;display:-webkit-box;display:-ms-flexbox;-webkit-box-orient:horizontal;-webkit-box-direction:normal;position:absolute;left:38%;top:3%}.top .middle .box[data-v-295c65ee]{width:100%;height:100%;background:url(../../static/img/titleText.38f530e4.png) no-repeat}.top .middle .router[data-v-295c65ee]{width:244px;height:100%;line-height:78px;color:#29727c;font-size:22px;cursor:pointer}.top .middle .active[data-v-295c65ee]{color:#fff;background:url(../../static/img/routerActive.70ce902f.png) no-repeat;background-size:100% 100%}.top .middle .active[data-v-295c65ee]:before{content:attr(text);position:absolute;z-index:10;color:#56fef6;-webkit-mask:-webkit-gradient(linear,left bottom,left top,from(#56f4fe),to(transparent));-webkit-mask:linear-gradient(0deg,#56f4fe,transparent)}.top .right[data-v-295c65ee]{height:78px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-right:15px}.top .right .time[data-v-295c65ee]{color:#fff;font-size:18px;-webkit-box-orient:vertical;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:left}.top .right .time[data-v-295c65ee],.top .right .weather[data-v-295c65ee]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.top .right .weather[data-v-295c65ee]{-webkit-box-orient:horizontal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:36px}.top .right .weather .pic[data-v-295c65ee]{width:61px;height:61px}.top .right .weather .date[data-v-295c65ee]{height:100%;color:#fff;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:19px;text-align:left}.content[data-v-295c65ee]{width:100%;height:calc(100% - 100px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around} |