adaption.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. @media only screen and (min-width: 1025px) and (max-width: 1280px) {
  2. .menu_container{
  3. width: 100%;
  4. }
  5. .menu_lower{
  6. width: 100%;
  7. }
  8. .promo_content_inner{
  9. width: 930px;
  10. }
  11. .promo_content_title ul li{
  12. margin: 0 25px !important;
  13. }
  14. .promo_content_pic_lists li{
  15. width: 465px;
  16. }
  17. #transact_num,.promo_content_lists{
  18. width: 930px;
  19. }
  20. /*.accounts_item{
  21. width: 33.333333%;
  22. }*/
  23. .accounts_base{
  24. width: 930px;
  25. }
  26. .account_FBS_table td a{
  27. width: 186px;
  28. height: 50px;
  29. padding-left: 44px;
  30. line-height: 50px;
  31. }
  32. .account_FBS_table tr:nth-child(2) td a{
  33. height: 25px;
  34. line-height: 25px;
  35. }
  36. .news_content{
  37. width: 930px;
  38. }
  39. .new_lists_name{
  40. width: 210px;
  41. }
  42. .new_lists_name{
  43. float: left;
  44. height:18px;
  45. line-height: 18px;
  46. padding-left: 5px;
  47. padding-top: 10px;
  48. }
  49. .lang_content ul li{
  50. width: 200px;
  51. }
  52. .account_type,.lang_content,.FBS_socialization,.footer_other{
  53. width: 930px;
  54. }
  55. }
  56. @media only screen and (min-width: 768px) and (max-width: 1024px) {
  57. .menu_container{
  58. width: 100%;
  59. }
  60. .menu_lower{
  61. width: 100%;
  62. }
  63. .promo_content_title ul li{
  64. margin: 0 16px !important;
  65. }
  66. .promo_content_pic_lists li{
  67. width: 384px;
  68. }
  69. .accounts_item{
  70. width: 33.333333%;
  71. height: 454px;
  72. }
  73. .accounts_item_content{
  74. height: 454px;
  75. }
  76. .account_rule_lists{
  77. min-height: 190px;
  78. height: 190px;
  79. }
  80. .promo_content_lists ul li{
  81. width: 50%;
  82. height: 120px;
  83. }
  84. .account_FBS_table td a{
  85. width: 186px;
  86. height: 50px;
  87. padding-left: 44px;
  88. line-height: 50px;
  89. }
  90. .account_FBS_table tr:nth-child(2) td a{
  91. height: 25px;
  92. line-height: 25px;
  93. }
  94. .news_content{
  95. width: 930px;
  96. }
  97. .new_lists_name{
  98. width: 210px;
  99. }
  100. .promo_content_lists ul li{
  101. text-align: left;
  102. }
  103. .promo_content_lists ul li img{
  104. float: left;
  105. width: 100px;
  106. height: 74.31px;
  107. }
  108. .promo_content_lists_title{
  109. margin-top: 10px;
  110. /*width: 200px;*/
  111. }
  112. .promo_content_lists_con{
  113. /*width: 296px;*/
  114. }
  115. .account_other{
  116. width: 100%;
  117. }
  118. .section_content{
  119. height: 2300px;
  120. }
  121. .new_lists_name{
  122. float: left;
  123. height:18px;
  124. line-height: 18px;
  125. padding-left: 5px;
  126. padding-top: 10px;
  127. }
  128. .lang_content ul li{
  129. width: 156px;
  130. }
  131. .account_type,.lang_content,.FBS_socialization,.footer_other,.promo_content_inner,#transact_num,.promo_content_lists,.accounts_base{
  132. width: 768px;
  133. }
  134. }
  135. @media only screen and (max-width: 767px) {
  136. }