mirror of
https://github.com/wu736139669/vczero.github.io.git
synced 2026-08-05 06:23:38 +00:00
add meitu
This commit is contained in:
lh_wang
Vendored
+2025
File diff suppressed because it is too large
Load Diff
Binary file not shown.
@@ -0,0 +1,200 @@
|
||||
html body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 12px;
|
||||
font-family: "times new roman", "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
|
||||
}
|
||||
/*-----------媒体查询---------------------*/
|
||||
|
||||
@media screen and (min-width: 480px) and (max-width: 639px) {
|
||||
html {
|
||||
font-size: 15px
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 640px) and (max-width: 719px) {
|
||||
html {
|
||||
font-size: 20px
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 720px) and (max-width: 749px) {
|
||||
html {
|
||||
font-size: 22.5px
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 750px) and (max-width: 799px) {
|
||||
html {
|
||||
font-size: 23.5px
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 800px) and (max-width: 959px) {
|
||||
html {
|
||||
font-size: 25px
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 960px) and (max-width: 1079px) {
|
||||
html {
|
||||
font-size: 30px
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 1080px) {
|
||||
html {
|
||||
font-size: 32px
|
||||
}
|
||||
}
|
||||
#map {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.fl {
|
||||
float: left;
|
||||
}
|
||||
.fr {
|
||||
float: right;
|
||||
}
|
||||
.sh {
|
||||
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2), 0 2px 6px 0 rgba(0, 0, 0, .19);
|
||||
-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2), 0 2px 6px 0 rgba(0, 0, 0, .19);
|
||||
}
|
||||
/*------------------------搜索---------------------------*/
|
||||
|
||||
.search {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
background-color: #FFFFFF;
|
||||
border: 1px solid #ccc;
|
||||
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2), 0 2px 6px 0 rgba(0, 0, 0, .19);
|
||||
-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2), 0 2px 6px 0 rgba(0, 0, 0, .19);
|
||||
}
|
||||
.search img {
|
||||
margin-top: 8px;
|
||||
margin-left: 3px;
|
||||
}
|
||||
.search_input {
|
||||
position: absolute;
|
||||
left: 40px;
|
||||
right: 8px;
|
||||
height: 50px;
|
||||
}
|
||||
.search_input input {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
outline: none;
|
||||
padding-left: 5px;
|
||||
-webkit-tap-highlight-color: #FFFFFF;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
font-size: 16px;
|
||||
border: 1px solid #BBBBBB;
|
||||
margin-top: 4px;
|
||||
box-sizing: border-box;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.search_btn {
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
height: 40px;
|
||||
border-radius: 0 3px 3px 0;
|
||||
background-color: #0091ff;
|
||||
border: 0;
|
||||
top: 4px;
|
||||
width: 50px;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
/*--------------------工具集-----------------------*/
|
||||
|
||||
.tools {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 60px;
|
||||
width: 50px;
|
||||
min-height: 100px;
|
||||
}
|
||||
.tools>div {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
border: 1px solid #CCCAC9;
|
||||
background-color: #fff;
|
||||
border-radius: 2px;
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
color: #676768;
|
||||
font-size: 12px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.tools_items>div:first-child {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-top: 3px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.tools_items>div:last-child {
|
||||
margin-top: -4px;
|
||||
}
|
||||
.tools_items i {
|
||||
font-size: 18px;
|
||||
}
|
||||
/*--------------------仪表盘---------------------------*/
|
||||
|
||||
.e_charts {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
top: 60px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 25px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.e_charts>div {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 5px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 15px;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #999999;
|
||||
}
|
||||
.e_charts_arrow {
|
||||
width: 2px;
|
||||
height: 16px;
|
||||
margin-top: 3px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
background-color:#0091FF;
|
||||
}
|
||||
|
||||
.e_charts_0{
|
||||
position:relative;
|
||||
left:-10px;
|
||||
top:-11px;
|
||||
color:#E60079;
|
||||
width: 18px;
|
||||
background-color:#FFFFFF;
|
||||
}
|
||||
|
||||
.e_charts_120{
|
||||
position:relative;
|
||||
right:-18px;
|
||||
top:-24px;
|
||||
color:#E60079;
|
||||
background-color:#FFFFFF;
|
||||
width: 22px;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user