scrollPic.css 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. .picCenter {
  2. width: 888px;
  3. margin: 15px auto;
  4. }
  5. .xinxiIcon {
  6. margin:0 0 -20px auto;
  7. }
  8. .xinxiIcon img {
  9. width: 100%;
  10. height: auto;
  11. object-fit: cover;
  12. }
  13. .photo_img img {
  14. box-sizing: border-box;transition:all .7s ease 0s;
  15. width:19rem;
  16. }
  17. .photo_img img:hover {box-sizing: border-box;border: 1px solid #023246;
  18. box-shadow: 1px 0px 15px -3px rgba(0,0,0,0.53);
  19. -webkit-box-shadow: 1px 0px 15px -3px rgba(0,0,0,0.53);
  20. -moz-box-shadow: 1px 0px 15px -3px rgba(0,0,0,0.53);
  21. }
  22. .photo_nr {
  23. display: flex;
  24. align-items: center;
  25. width: 88.2rem;
  26. margin: 15px auto;
  27. }
  28. .informationText {
  29. width: 888px;
  30. margin: 15px auto;
  31. text-align: center;
  32. }
  33. .informationText span {
  34. background: #ffffff;
  35. color: #1C1F86;
  36. }
  37. ul {
  38. list-style: none;
  39. padding: 0;
  40. margin: 0;
  41. }
  42. .photo_nr ul li {
  43. float: left;
  44. margin: 0 35px;
  45. line-height: 30px;
  46. text-align: center;
  47. }
  48. /* .photo_nr p {
  49. padding: 0;
  50. margin: 0;
  51. } */
  52. #LeftArr {
  53. background: url(img/e_left.png) no-repeat;
  54. width: 40px;
  55. height: 40px;
  56. margin-left: -15px;
  57. text-decoration: none;
  58. color: #323232;
  59. }
  60. #RightArr {
  61. background: url(img/e_right.png) no-repeat;
  62. width: 40px;
  63. height: 40px;
  64. margin-right: -15px;
  65. text-decoration: none;
  66. color: #323232;
  67. }
  68. .listRotation{
  69. border: 1px solid #023246;
  70. }
  71. /*custom*/
  72. .top1{
  73. position: absolute;
  74. top: 9rem;
  75. left: 14rem;
  76. }
  77. .top2{
  78. position: absolute;
  79. top: 26.8rem;
  80. left: 14rem;
  81. }