xtsz.css 728 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. .sz-container{
  2. color: #ffffff;
  3. padding: 23px 16px 16px;
  4. height: calc(100% - 80px);
  5. display:flex;
  6. }
  7. .left-barge{
  8. flex:1;
  9. position:relative;
  10. height:100%;
  11. display:flex;
  12. padding:20px;
  13. flex-wrap:wrap;
  14. align-items:flex-start;
  15. justify-content:flex-start;
  16. }
  17. .left-barge .build-name{
  18. padding:5px 10px;
  19. cursor:pointer;
  20. }
  21. .left-barge .build-name:hover{
  22. color:#2196f3;
  23. }
  24. .left-barge .build-name.active{
  25. color:#2196f3;
  26. }
  27. .left-barge:before{
  28. content: '';
  29. position: absolute;
  30. bottom: 0;
  31. right: 0;
  32. width: 2px;
  33. height: 100%;
  34. background: linear-gradient(to bottom, rgba(33,150,243,0), #2196f3, rgba(33,150,243,0));
  35. }
  36. .right-barge{
  37. flex:4;
  38. background-image:url(../images/b1.png);
  39. background-size:100%;
  40. }