index.css 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. @import "./normalize.css";
  2. /*轮播图*/
  3. @import "https://cdn.staticfile.org/Swiper/8.2.2/swiper-bundle.min.css";
  4. /*按钮hover特效*/
  5. @import "https://cdn.bootcdn.net/ajax/libs/hover.css/2.3.1/css/hover-min.css";
  6. /*css特效*/
  7. @import "https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css";
  8. /*字体图标库*/
  9. @import "https://cdn.bootcdn.net/ajax/libs/font-awesome/6.1.1/css/all.min.css";
  10. /* bootstrap */
  11. @import "https://cdn.staticfile.org/bootstrap/5.1.3/css/bootstrap.min.css";
  12. /*字体*/
  13. @font-face{
  14. font-family: 'Gilroy-Thin';
  15. src: url('../../fonts/Gilroy-Thin.otf')
  16. }
  17. @font-face{
  18. font-family: 'NexaBold';
  19. src: url('../../fonts/NexaBold.otf')
  20. }
  21. /* 列表 */
  22. .list-box1 .accordion-button:not(.collapsed){
  23. color: unset;
  24. background: unset;
  25. box-shadow: unset;
  26. border-bottom: 1px solid rgba(0,0,0,.125);
  27. transition: color .15s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease /*去掉border的过度效果*/
  28. }
  29. .list-box1 .accordion-button:focus{
  30. box-shadow: unset;
  31. }
  32. .list-box1 .accordion-button::after{
  33. width: 11px;
  34. height: 11px;
  35. background-size: 100% 100%;
  36. }
  37. .list-box1 .accordion-button{
  38. padding: 4.93vw 4vw;
  39. }
  40. .list-box1 .title{
  41. font-size: 4.8vw;
  42. font-family: NexaBold, NexaBold-Regular;
  43. font-weight: 400;
  44. text-align: justifyLeft;
  45. color: #242a30;
  46. line-height: 9.6vw;
  47. }
  48. .list-box1 .link{
  49. font-size: 3.73vw;
  50. font-family: NexaBold, NexaBold-Regular;
  51. font-weight: 400;
  52. text-align: justifyLeft;
  53. color: #97a5b0;
  54. line-height: 7.46vw;
  55. }
  56. /* 全屏弹出层 */
  57. .full-screen{
  58. position: fixed;
  59. top: 0;
  60. left: 0;
  61. z-index: 1000;
  62. height: 100%;
  63. width: 100%;
  64. background: white;
  65. display: none;
  66. }
  67. .full-screen .header{
  68. width: 100%;
  69. height:15.73vw;
  70. background: #008CFF;
  71. display: flex;
  72. align-items: center;
  73. justify-content: space-between;
  74. padding: 0 4vw;
  75. }
  76. .full-screen .header .logo{
  77. width: 26.8vw;
  78. height: 7.73vw;
  79. }
  80. .full-screen .header .close{
  81. width: 4.66vw;
  82. height: 4.66vw;
  83. }