Domů Procházet Nápověda
Přihlásit se
shuochen
/
LargeScreenVisualization
1
0
Rozštěpit 0
Soubory Úkoly 0 Pull Requesty 0 Wiki
Strom: 2cc5162a4a
Větve Značky
LargeScreenVisu...
/
viewdata-master
/
新增75套源码
/
34
/
css
/
map.css

map.css 3.5 KB
Historie Surový

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 
  1. body,html{height:100%;width:100%}
    2. 

  2. *{font-family:"微软雅黑"}
    3. 

  3. body{background:#010e50 url(../images/map_bg.jpg) center top no-repeat;background-size:100% auto}
    4. 

  4. .map{margin-top:15px;position:relative;top:40px}
    5. 

  5. .boxstyle{border:1px solid rgba(100,162,255,.2);box-sizing:border-box;position:relative;margin-top:15px;background:rgba(0,35,120,.36)}
    6. 

  6. .boxstyle:after,.boxstyle:before{position:absolute;content:"";width:20px;height:30px}
    7. 

  7. .boxstyle:before{border-left:1px solid #0258f0;border-top:1px solid #0258f0;left:-1px;top:-1px}
    8. 

  8. .boxstyle:after{border-right:1px solid #0258f0;border-bottom:1px solid #0258f0;right:-1px;bottom:-1px}
    9. 

  9. .title{height:35px; font-size: 18px; line-height:35px;width:100%;color:#fff;font-weight:600;padding-left:15px;position:relative;box-sizing:border-box; }
    10. 

  10. .title:after{position:absolute;content:"";width:20%;height:1px; background: #0258f0; left:5%; opacity: .4; bottom:0;}
    11. 

  11. 

  12. .data{width:100%;height:100%}
    13. 

  13. .data>.data-title{width:100%;height:90px;box-sizing:border-box}
    14. 

  14. .data>.data-title>.title-center{text-shadow:3px 3px 3px rgba(0,0,0,.3);text-align:center;line-height:80px;letter-spacing:4px;color:#fff;font-size:40px;font-weight:bolder;box-sizing:border-box}
    15. 

  15. .data>.data-content{width:100%;height:calc(100% - 105px);padding:0 20px 20px 20px;box-sizing:border-box}
    16. 

  16. .data>.data-content>.con-left{width:23.4375%;height:100%}
    17. 

  17. .data>.data-content>.con-left>.left-top{width:100%;height:calc(75% - 15px);position:relative}
    18. 

  18. .data>.data-content>.con-left>.left-top>.info{height:62%;width:100%}
    19. 

  19. 

  20. .info-main li{ float:left; width: 50%; padding-bottom: 10px; text-align: center;-webkit-box-sizing: border-box;
    21. 

  21. 	-moz-box-sizing: border-box;
    22. 

  22. 	box-sizing: border-box}
    23. 

  23. 

  24. .info-main li:nth-child(1){ border-right: 1px solid rgba(255,255,255,.1);border-bottom: 1px solid rgba(255,255,255,.1)}
    25. 

  25. .info-main li:nth-child(2){border-bottom: 1px solid rgba(255,255,255,.1)}
    26. 

  26. .info-main li:nth-child(3){border-right: 1px solid rgba(255,255,255,.1)}
    27. 

  27. 

  28. .info-main li img{display:block; margin:20px auto  5px auto; }
    29. 

  29. .info-main li span{ font-size: 12px; color: #fff; opacity: .6;}
    30. 

  30. .info-main li p{ font-size:24px; color: #fff; font-weight: bold;}
    31. 

  31. .info-main ul{ overflow:hidden;}
    32. 

  32. 

  33. .con-left>.left-top>.top-bottom{height:calc(38% - 20px);width:100%}
    34. 

  34. .con-left>.left-bottom{width:100%;height:25%}
    35. 

  35. .con-center{width:53.125%;height:100%;padding:0 20px;box-sizing:border-box;position:relative}
    36. 

  36. .map-num{width:500px;height:120px;position:absolute;top:15px;left:50px;z-index:1000}
    37. 

  37. .map-num>p{font-size:18px;font-weight:600;color:#fff}
    38. 

  38. .map-num span{display:inline-block;width:50px;height:65px;text-align:center;line-height:65px;
    39. 

  39. 	background:rgba(0,35,120,.56);border: 1px solid rgba(255,255,255,.2); border-radius: 5px;
    40. 

  40. 		    color: #fff;font-size:68px;font-weight:600;font-family:LcdD;margin-top:15px}
    41. 

  41. 

  42. .data>.data-content>.con-center>.cen-top{width:100%;height:calc(75% - 20px);margin-bottom:20px}
    43. 

  43. .data>.data-content>.con-center>.cen-bottom{width:100%;height:25%}
    44. 

  44. .data>.data-content>.con-right{width:23.4375%;height:100%}
    45. 

  45. .data>.data-content>.con-right>.right-top{width:100%;height:33%}
    46. 

  46. .data>.data-content>.con-right>.right-center{width:100%;height:calc(36% - 36px)}
    47. 

  47. .data>.data-content>.con-right>.right-bottom{width:100%;height:32%}
    48. 

  48. .data>.data-content .charts{width:100%;height:calc(100% - 35px)}
    49. 

  49. .loading{position:fixed; left:0; top:0; font-size:16px; z-index:100000000;width:100%; height:100%; background:#1a1a1c; text-align:center;}
    50. 

  50. .loadbox{position:absolute; width:160px;height:150px; color: #324e93; left:50%; top:50%; margin-top:-100px; margin-left:-75px;}
    51. 

  51. .loadbox img{ margin:10px auto; display:block; width:40px;}
    52. 

  52.