dytj.css 3.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. .green{color: #25e49c;}
  2. .yellow{color: #f8a036;}
  3. .blue{color: #04d5ff;}
  4. .white{color: #ffffff;}
  5. .green_l{background-image: linear-gradient(#6ef5ff,#73fafd);-webkit-background-clip:text;color: transparent;}
  6. .blue_l{background-image: linear-gradient(#4ea9fb,#51a5fe);-webkit-background-clip:text;color: transparent;}
  7. .header{ width: 100%; position: relative;height:85px; background: url(../img/tit_02.png) no-repeat center #0c2f61; text-align: center; }
  8. .header strong{ font-weight: bold; font-size:36px;background-image: linear-gradient(#91dfff,#ffffff);-webkit-background-clip:text;color: transparent;line-height: 85px;}
  9. .time{ font-size: 28px; color: #99a4f9;position: absolute;right:30px;top:20px;}
  10. .time span{font-family: my;}
  11. .data_content{ width: calc(100%-20px);margin-left: 10px; margin-top: 10px; }
  12. .main_left{ width: 28%;}
  13. .main_center{ width: 44%;}
  14. .main_right{ width: 28%;}
  15. .left_1{width: 100%;height:80px;}
  16. .left_1_l,.left_1_r{width:49%;border:1px solid #1c4c73; text-align: center; background-color: #0d3665;position:relative;height:80px; }
  17. .left_1_l h2,.left_1_r h2{ color: #fec500;font-size: 34px;}
  18. .left_1_l p,.left_1_r p{ color: #04d5ff;font-size: 18px;}
  19. .left_1_l{ margin-right:2%;}
  20. .t_line_box{position: absolute;width:100%;height:100%;}
  21. .t_line_box i {background-color: #4788fb;box-shadow: 0px 0px 4px #4788fb;position: absolute;}
  22. .t_l_line {height: 1px;width: 8px;left: -0px;top: -0px;}
  23. .l_t_line { width: 1px;height: 6px;left: -0px;top: -0px;}
  24. .t_r_line { height: 1px;width: 8px;right: -0px;top: -0px;}
  25. .r_t_line {width: 1px;height: 6px;right: -0px;top: -0px;}
  26. .r_t_line {width: 1px; height: 6px;right: -0px;top: -0px;}
  27. .l_b_line {width:1px;height: 6px;left:-0px;bottom:-0px;}
  28. .b_l_line {height: 1px;width: 8px;left: -0px; bottom: -0px;}
  29. .r_b_line {width: 1px;height: 6px;right: -0px;bottom: -0px;}
  30. .b_r_line {height: 1px;width: 8px;right: -0px;bottom: -0px;}
  31. .left_2,.left_3,.right_2,.right_3{width: 100%;position:relative;border:1px solid #1c4c73; background-color: rgba(0,46,155,0.3); overflow: hidden;margin-top: 10px;}
  32. .left_2 h2,.left_3 h2,.center_t h2,.center_b h2,.right_2 h2,.right_3 h2{ font-size: 18px; font-weight: normal; color: floralwhite; line-height: 50px;padding-left:12px;}
  33. .sj_list{ margin-bottom: 10px; overflow: hidden;}
  34. .sj_list li{ float: left; background: url(../img/ileft_02.png) no-repeat center; width:33.3%;height: 75px; text-align: center; color: floralwhite;}
  35. .sj_list li h3{ font-weight: normal;line-height: 40px; font-size: 14px;}
  36. .sj_list li p{ font-weight:bold; font-size: 22px;}
  37. .list,.dyqk_3{ width: calc(100%-10px); margin-left: 10px;color:#fff;}
  38. .list li{ width:46%; float: left; color:#fff;min-height: 38px;font-size:14px;margin:0 2%}
  39. .list li p{ text-align: left;}
  40. .list li p span{ float: right;}
  41. .dyqk_2,.dyqk_4{ min-height:140px; color: #fff;margin-left: 10px;}
  42. .dyqk_1 li{ color: #fff; float: left; text-align: center; width: 50%;}
  43. .right_1{width: 100%;height:145px;}
  44. .right_1_l,.right_1_r{width:49%;border:1px solid #1c4c73; text-align: center; background-color: #0d3665;position:relative;height:145px; }
  45. .right_1_l h2,.right_1_r h2{font-weight:900;font-size:38px; line-height: 80px;}
  46. .right_1_l p,.right_1_r p{font-size: 18px; margin-top:30px }
  47. .right_1_l{ margin-right:2%;}
  48. .right_4{width: 100%;height:145px;}
  49. .right_4_l,.right_4_r{width:49%;border:1px solid #1c4c73; text-align: center; background-color: rgba(0,46,155,0.3); position:relative;height:145px; margin-top: 10px;}
  50. .right_4_l h2,.right_4_r h2{font-size: 18px; font-weight: normal; color: floralwhite; line-height: 50px;padding-left:12px; text-align: left;}
  51. .right_4_l p,.right_4_r p{font-size: 18px; margin-top:30px }
  52. .right_4_l{ margin-right:2%;}
  53. .lndy,.djqk,.dyxl,.hdtj,.hdlx{ padding:0px 10px; color: #fff;min-height:100px;}