Ana Sayfa Keşfet Yardım
Üye Ol Giriş Yap
zouling
/
other_ui
1
0
Çatalla 0
Dosyalar Sorunlar 0 Değişiklik İstekleri 0 Wiki
Dal: master
Dallar Biçim İmleri
other_ui
/
qs_travel
/
css
/
style.css

style.css 6.8 KB
Kalıcı Bağlantı Geçmiş Ham

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120 
  1. body,html,li,ul,p,a{margin: 0;padding: 0;font-size: 16px;}
    2. 

  2. img{display: block;}
    3. 

  3. a{display: block;font-style: normal;text-decoration: none;color: #333333;}
    4. 

  4. ul,li{list-style-type: none;margin: 0;padding: 0;}
    5. 

  5. .curp{cursor: pointer;}
    6. 

  6. .flex{display: flex;}
    7. 

  7. .flexc{display: flex;align-items: center;}
    8. 

  8. .flexcc{display: flex;align-items: center;justify-content: center;}
    9. 

  9. .flexcj{display: flex;align-items: center;justify-content: space-between;}
    10. 

  10. .flexct{display: flex;align-items: flex-start;}
    11. 

  11. .flexdc{flex-direction: column;}
    12. 

  12. .flex2{flex: 0 0 auto;}
    13. 

  13. .flex3{flex: 1 0 auto;}
    14. 

  14. .tshadow{text-shadow: 0px 0.02rem 0.01rem #797B7D;
    15. 

  15. -webkit-text-stroke: 0.01rem #FFFFFF;
    16. 

  16. text-stroke: 0.01rem #FFFFFF;font-family: Microsoft YaHei;}
    17. 

  17. .content{width: 100%;height: 100vh;background-size: 100% 100%;background-repeat: no-repeat;background-position: center center;padding: 0 0 0;box-sizing: border-box;display: flex;flex-direction: column;overflow-y: auto;}
    18. 

  18. .trip_top{width: 100%;height: 1.02rem;background: url(../img/topbg.png) no-repeat;background-size: 100% 100%;position: relative;padding-top: 0.12rem;box-sizing: border-box;display: flex;justify-content: center;align-items: flex-start;margin-bottom: 0.14rem;}
    19. 

  19. .triptl{font-size: 0.2rem;font-weight: 500;color: #C23136;padding:0.17rem 0 0 0.55rem;position: absolute;left: 0;top: 0;}
    20. 

  20. .topicon{width: 0.5rem;height: 0.53rem;margin-right: 0.21rem;}
    21. 

  21. .toptit{width: 4.49rem;height: 0.48rem;}
    22. 

  22. .triptr{padding-top:0.17rem;position: absolute;right: 0;top: 0;}
    23. 

  23. .tripta{font-size: 0.2rem;font-weight: 500;color: #C23136;margin-right: 0.09rem;}
    24. 

  24. .triptrb{padding: 0 0.27rem;}
    25. 

  25. .triptrb img{width: 0.26rem;height: 0.27rem;margin-right: 0.12rem;}
    26. 

  26. .triptrb div{font-size: 0.2rem;font-weight: 800;color: #C23136;}
    27. 

  27. .trip_notice{width: 18.57rem;height: 1.04rem;margin: 0 auto 0.13rem;background: url(../img/notbg.png) no-repeat;background-size: 100% 100%;padding: 0 0.44rem;box-sizing: border-box;}
    28. 

  28. 

  29. .noticl{width: 0.32rem;height: 0.28rem;margin-right: 0.17rem;flex: 0 0 auto;}
    30. 

  30. 

  31. .notict{font-size: 0.3rem;font-weight: bold;color: #C23136;flex: 0 0 auto;margin-right: 0.69rem;}
    32. 

  32. .noticc{flex: 1;overflow: hidden;}
    33. 

  33. .swiper-container1{width: 15.3rem;height: 0.6rem;position: relative;}
    34. 

  34. .swiper-container1 .swiper-slide{width: 100%;height: 100%;display: flex;align-items: center;overflow: hidden;justify-content: space-between;}
    35. 

  35. .noticc .tit{font-size: 0.3rem;font-weight: 400;color: #C23136;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    36. 

  36. .noticc .txt{font-size: 0.3rem;font-weight: 500;color: #C75738;flex: 0 0 auto;margin-left: 0.2rem;}
    37. 

  37. 

  38. .trip_main{
    39. 

  39. 	display: flex;justify-content: center;
    40. 

  40. }
    41. 

  41. .tripml{width: 4.32rem;height: 8.15rem;background: url(../img/clbg.png) no-repeat;background-size: 100% 100%;flex: 0 0 auto;margin-right: 0.14rem;padding:0.25rem 0.33rem 0 0.35rem;box-sizing: border-box;}
    42. 

  42. .trip_main .line{width: 3.64rem; height: 0.23rem;position: absolute;bottom: -0.16rem;left: 0;}
    43. 

  43. .trip_main .topt{font-size: 0.3rem;font-weight: bold;
    44. 

  44. color: #C23136;position: relative;padding-left: 0.08rem;margin-bottom: 0.35rem;}
    45. 

  45. .tripml ul{padding-left:0.24rem;}
    46. 

  46. .mlabox{width: 3.23rem;height: 0.97rem;margin-bottom: 0.18rem;background: url(../img/mainlbg.png) no-repeat;background-size: 100% 100%;display: flex;align-items: center;}
    47. 

  47. .mlabox .img{width: 0.78rem;height: 0.78rem;display: flex;align-items: center;justify-content: center;}
    48. 

  48. .mlabox .tit{font-size: 0.3rem;font-weight: 800;
    49. 

  49. color: #C23136;margin-left: 0.47rem;
    50. 

  50. text-shadow: 0px 0.02rem 0.01rem #797B7D;
    51. 

  51. -webkit-text-stroke: 0.01rem #FFFFFF;
    52. 

  52. text-stroke: 0.01rem #FFFFFF;font-weight: bold;}
    53. 

  53. .mlabox .imga{width: 0.51rem;height: 0.49rem;}
    54. 

  54. .mlabox .imgb{width: 0.54rem;height: 0.45rem;}
    55. 

  55. .mlabox .imgc{width: 0.52rem;height: 0.47rem;}
    56. 

  56. .mlabox .imgd{width: 0.51rem;height: 0.51rem;}
    57. 

  57. .mlabox .imge{width: 0.51rem;height: 0.5rem;}
    58. 

  58. 

  59. 

  60. 

  61. 

  62. .tripmca{width: 9.1rem;height: 6.03rem;background: url(../img/ctabg.png) no-repeat;background-size: 100% 100%;flex: 0 0 auto;padding: 0.42rem 0.37rem 0.4rem 0.34rem;box-sizing: border-box;}
    63. 

  63. .tripmca .swiper-container{width: 100%;height: 100%;position: relative;border-radius: 0.5rem;overflow: hidden;}
    64. 

  64. .tripmca .swiper-container img{width: 100%;height: 100%;border-radius: 0.5rem;}
    65. 

  65. .tripmca .swiper-pagination-bullet-active{width: 0.3rem !important;background-color: rgba(255, 255, 255, 0.8) !important;
    66. 

  66. height: 0.1rem;border-radius: 0.05rem;}
    67. 

  67. .tripmca .swiper-pagination-bullet{background-color: rgba(255, 255, 255, 0.6);opacity: unset;width: 0.1rem;height: 0.1rem;}
    68. 

  68. .tripmcb{width: 9.10rem;height: 1.73rem;background: url(../img/ctbbg.png) no-repeat;background-size: 100% 100%;flex: 0 0 auto;display: flex;align-items: center;padding: 0 0.45rem 0 0.4rem;box-sizing: border-box;}
    69. 

  69. .tripmcb .tit{font-size: 0.2rem;font-weight: bold;color: #C23136;margin-right: 0.15rem;text-align: center;}
    70. 

  70. .tripmcb .rimg{width: 0.27rem;height: 0.25rem;flex: 0 0 auto;}
    71. 

  71. .tripmcb .code{display: flex;flex-direction: column;align-items: center;justify-content: center;flex: 0 0 auto;min-width: 1.2rem;padding: 0 0.1rem;box-sizing: border-box;}
    72. 

  72. .tripmcb .img{width: 0.9rem;height: 0.9rem;margin-bottom: 0.05rem;}
    73. 

  73. .tripmcb .img img{width: 100%;height: 100%;}
    74. 

  74. .tripmcb .codet{font-size: 0.16rem;font-weight: bold;
    75. 

  75. color: #C23136;}
    76. 

  76. 

  77. .tripmcc{display: flex;align-items: center;justify-content: center;font-size: 0.24rem;font-weight: bold;
    78. 

  78. color: #C23136;margin-top: 0.09rem;}
    79. 

  79. .tripmcc img{width: 0.24rem;height: 0.23rem;margin: 0 0.19rem;}
    80. 

  80. 

  81. 

  82. 

  83. .tripmr{width: 4.85rem;height: 8.15rem;background: url(../img/crbg.png) no-repeat;background-size: 100% 100%;flex: 0 0 auto;margin-left: 0.14rem;padding:0.25rem 0 0 0.34rem;box-sizing: border-box;}
    84. 

  84. .mrabox{width: 100%;height: 100%;display: flex;align-items: center;box-sizing: border-box;flex-direction: column;padding-top: 0.15rem;}
    85. 

  85. .tripmr ul{display: flex;flex-wrap: wrap;}
    86. 

  86. .tripmr li{width: 2.02rem;height: 1.28rem;margin: 0 0.1rem 0.1rem 0;background: url(../img/mainrbga.png) no-repeat;background-size: 100% 100%;padding:0.09rem;box-sizing: border-box;cursor: pointer;}
    87. 

  87. .tripmr .mrali{width: 4.15rem;height: 1.28rem;background: url(../img/mainrbgb.png) no-repeat;background-size: 100% 100%;padding:0.09rem;box-sizing: border-box;cursor: pointer;}
    88. 

  88. /* .tripmr .mrali .mrabox{} */
    89. 

  89. .mrabox .img{width: 0.47rem;height: 0.47rem;display: flex;align-items: center;justify-content: center;}
    90. 

  90. .mrabox .imga{width: 0.41rem;height: 0.44rem;}
    91. 

  91. .mrabox .imgb{width: 0.39rem;height: 0.45rem;}
    92. 

  92. .mrabox .imgc{width: 0.43rem;height: 0.46rem;}
    93. 

  93. .mrabox .imgd{width: 0.39rem;height: 0.47rem;}
    94. 

  94. .mrabox .imge{width: 0.42rem;height: 0.46rem;}
    95. 

  95. .mrabox .imgf{width: 0.42rem;height: 0.43rem;}
    96. 

  96. .mrabox .imgg{width: 0.47rem;height: 0.47rem;}
    97. 

  97. .mrabox .imgh{width: 0.42rem;height: 0.45rem;}
    98. 

  98. .mrabox .imgi{width: 0.41rem;height: 0.46rem;}
    99. 

  99. .mrabox .tit{color: #C23136;font-size: 0.26rem;font-weight: bold;
    100. 

  100. text-shadow: 0px 0.02rem 0.01rem #797B7D;
    101. 

  101. -webkit-text-stroke: 0.01rem #FFFFFF;
    102. 

  102. text-stroke: 0.01rem #FFFFFF;}
    103. 

  103. 

  104. 

  105. 

  106. 

  107. 

  108. 

  109. 

  110. 

  111. 

  112. 

  113. 

  114. 

  115. 

  116. 

  117. 

  118. 

  119. 

  120.