flb.css 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. body{background:#1F1F22;}
  2. .max_box{max-width:640px;margin:auto;min-width:320px;position: relative;overflow:hidden;}
  3. .max_box img{display:block;}
  4. .Plan_img{width:100%;position:relative;}
  5. .Plan_img img{width:100%;display: block;}
  6. .m_fxs_box{width:100%;background: url(../image/flb_16.jpg) no-repeat 0 0/ 100% 100%;padding-bottom: 30px;position:relative;}
  7. .m_fxs{width:100%;}
  8. .m_fxsul{height:100%;}
  9. .m_fxsli{width:70%;height:100%;}
  10. .m_fxsimg{width:100%;}
  11. .m_fxsimg img{width:100%;display:block;}
  12. .m_fxstext{width:100%;background:#F1CC89;height:130px;overflow:hidden;}
  13. .m_fxstext p{padding:0 10px;}
  14. .m_fxstext .title{margin-top:5px;}
  15. .m_fxstext .title em{font-size:1.25rem;color:#1F1F22;font-weight:600;}
  16. .m_fxstext .title i{font-size:0.6875rem;color:#37373B;margin-left:6px;}
  17. .m_fxstext .text{font-size:0.8rem;color:#37373B;margin-top:5px;line-height:20px;}
  18. .m_fxstext .dh{font-size:0.75rem;color:#37373B;margin-top:7px;}
  19. .m_fxstext .dh img{width:12px;margin-top:1px;margin-right:5px;float:left;}
  20. .m_fxstext .dhtext{font-size:0.875rem;color:#1F1F22;font-weight:600;}
  21. .m_fxs_box .swiper-pagination-bullet-active{background:#F1CC89;width:25px;border-radius:100px;}
  22. .swiper-pagination-bullet {background:#FFF;opacity:1;}
  23. .m_fxs_box .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 7px;}
  24. .phmarani_x3_bottom_box{overflow: hidden; width:95%; height: 157px; background: #2b2b30;position:absolute;top:0;left:50%;margin-left:-47.5%;}
  25. .phmarani_x3_bottom{padding:0 10px;}
  26. .phmarani_x3_bottom ul.inlist li .list_m .list_m_title{font-size: 1rem; color: #F1CC89;}
  27. .phmarani_x3_bottom ul.inlist li .list_m .list_m_text{position: relative; font-size: 0.9rem; color: #fff; margin-top: 10px; width: 100%;}
  28. .phmarani_x3_bottom ul.inlist li{margin-bottom:40px; height: auto !important;}
  29. .phmarani_x3_bottom ul.inlist li .list_m .list_m_text span{display: inline-block;}
  30. .mlp_boxa{background:#1F1F22;}
  31. .mlp_boxa + .mlp_boxa{margin-top:30px;}
  32. .mlp_box{width:90%;margin:auto;}
  33. .m_video{width:100%;height:200px;position:relative;background:#1F1F22;}
  34. .m_video_img{width:50px;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;}
  35. .m_video_img img{width:100%;display:block;}
  36. .mlp_box .mlp{background:#2B2B30;overflow:hidden;padding:0 13px 14px 13px ;}
  37. .mlp_box .mlp .title{margin-top:13px;}
  38. .mlp_box .mlp .title span{font-size:1.25rem;color:#F5CF8A;font-weight:600;position:relative;padding:0 10px;}
  39. .mlp_box .mlp .title span i.l{position:absolute;top:5px;left:0;width:2px;height:19px;background:#F5CF8A;}
  40. .mlp_box .mlp .title span i.r{position:absolute;top:5px;right:0;width:2px;height:19px;background:#F5CF8A;}
  41. .mlp_box .mlp .type{margin-top:10px;}
  42. .mlp_box .mlp .type i{font-size:0.6875rem;color:#F5CF8A;float:left;background:#3C3939;width:30%;text-align:center;padding:5px 0;margin-right:5%;}
  43. .mlp_box .mlp .type i:last-child{margin-right:0;}
  44. .mlp_box .mlp .Price{margin-top:10px;font-size:0.75rem;color:#F5CF8A;}
  45. .mlp_box .mlp .Price span{font-size:2.625rem;font-weight:600;}
  46. .mlp_box .mlp .Price i{font-size:1.125rem;font-weight:600;}
  47. .mlp_box .mlp .interestrate{margin-top:10px;border:1px solid #F5CF8A;padding: 10px 0;}
  48. /*.mlp_box .mlp .interestratea:before {content:"";display:inline-block;width:;position:absolute;}*/
  49. .mlp_box .mlp .interestrate p{float:left;width:33%;text-align:center;}
  50. .mlp_box .mlp .interestrate p em{font-size:1rem;color:#FFF;font-weight:600;display:block;}
  51. .mlp_box .mlp .interestrate p span{font-size:0.75rem;color:#FFF;display:block;margin-top:1px;}
  52. .mlp_box .mlp .text{margin-top:10px;}
  53. .mlp_box .mlp .text span{margin-top:10px;font-size:0.75rem;color:#FFF;float:left;width:50%;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
  54. .mlp_box .mlp .text span i{display:block;float:left;width:5px;height:5px;border-radius:100px;background:#F5CF8A;margin-top:5px;margin-right:5px;}
  55. .m_interactive{width: 90%;margin: auto;margin-top:20px;border-bottom:1px solid #F5CF8A;padding-bottom:30px;}
  56. .mlp_boxas .mlp_boxa:last-child .m_interactive{border-bottom:0;}
  57. .m_interactive a{width:46%;display:block;float:left;}
  58. .m_interactive a:last-child{float:right;}
  59. .m_interactive a img{width:100%;display:block;}
  60. .m_fxss_box{width:100%;padding-bottom: 30px;position:relative;}
  61. .m_fxss{width:100%;}
  62. .m_fxssul{height:100%;}
  63. .m_fxssli{width:80%;height:100%;}
  64. .m_fxssimg{width:100%;height:172px;}
  65. .m_fxssimg img{width:100%;height:100%;display:block;}
  66. .m_fxsstext{width:100%;background:#2C2B31;overflow:hidden;padding-bottom:20px;}
  67. .m_fxsstext p{padding:0 20px;}
  68. .m_fxsstext .title{margin-top:10px;}
  69. .m_fxsstext .title span{font-size:1rem;color:#FFF;position:relative;font-weight:600;padding-left:10px;
  70. text-overflow: ellipsis;
  71. white-space: nowrap;
  72. overflow: hidden;
  73. display: block;}
  74. .m_fxsstext .title i{position:absolute;top:5px;left:0;width:2px;height:17px;background:#F5CF8A;}
  75. .m_fxsstext .Price{margin-top:5px;font-size:0.75rem;color:#F5CF8A;}
  76. .m_fxsstext .Price span{font-size:2.625rem;font-weight:600;}
  77. .m_fxsstext .Price i{font-size:1.125rem;font-weight:600;}
  78. .m_fxsstext .mj{font-size:0.75rem;color:#FFF;}
  79. .m_fxsstext .text{margin-top:10px;}
  80. .m_fxsstext .text i{float:left;display:block;font-size:0.75rem;color:#2B2B30;width:30%;background:#F5CF8A;text-align:center;margin-right:4%;}
  81. .m_fxsstext .text i:last-child{margin-right:0;}
  82. .m_fxsstext .text span{float:right;font-size:0.75em;color:#FFF;}
  83. .m_fxsstext .text span img{width:9px;float:left;margin-top:2px;margin-right:3px;}
  84. .m_fxss_box .swiper-pagination-bullet-active{background:#F1CC89;width:25px;border-radius:100px;}
  85. .swiper-pagination-bullet {background:#FFF;opacity:1;}
  86. .m_fxss_box .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 7px;}
  87. .gd{width:90%;margin:auto;margin-top:10px;display:block;}
  88. .gd img{width:100%;display:block;}
  89. .mzxbox_title{border:1px solid #F5CF8A;width:75%;height:47px;margin:auto;}
  90. .mzxbox_title span{font-size:1.125rem;color:#F5CF8A;font-weight:600;text-align:center;display:block;width:50%;height:100%;display:flex;align-items:center;justify-content:center;float:left;}
  91. .mzxbox_title span.on{background:#F5CF8A;color:#2B2B30;}
  92. .mzx{background:#2B2B30;width:90%;margin:auto;margin-top:20px;padding:15px 0;}
  93. /*.mzx{width:100%;}*/
  94. .mzx img{width:100%;}
  95. .mzx p{padding:0 15px;margin-bottom:15px;}
  96. .mzx p:last-child{margin-bottom:0;}
  97. .mzx p i{font-size:0.9375rem;color:#F5CF8A;float: left;}
  98. .mzx p span{font-size:0.9375rem;color:#fff;float: left;width:95%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
  99. .mzx a{width:100%;}
  100. .mzx a img{width:100%;display:block;}
  101. .Plan_img .form{
  102. width: 90%;
  103. height: 33px;
  104. position: absolute;
  105. top: 58%;
  106. left: 50%;
  107. margin-left: -45%;
  108. }
  109. .Plan_img .form .m_bmck_input{width:37%;height:100%;float:left;margin-right:3%;background:#FFF;}
  110. .Plan_img .form .m_bmck_input img{width:10px;float:left;margin-top:10px;margin-left:5%;}
  111. .Plan_img .form .m_bmck_input input{float:left;display:block;width:77%;height:100%;border:0;margin-left:4%;}
  112. .Plan_img .form .m_z{float:right;display:block;width:20%;height:100%;background:#DCCCA5;text-align:center;display:flex;align-items:center;justify-content:center;font-size:0.95rem;color:#463604;font-weight:600; }
  113. .prf {position:fixed;left:0;width:100%;bottom:62px;z-index:100;}
  114. /*报名弹窗*/
  115. .beg-box {position:fixed;width:82.6%;top:15%;left:50%;margin-left:-41.3%;z-index:110;display:none;}
  116. .beg-box form {position:absolute;bottom:15px;padding:0 30px 0 37px;width:100%;}
  117. .beg-box .m_bmck_input {display:block;height:40px;line-height:40px;background:#fff;display: -webkit-flex;display: flex;flex-wrap: nowrap;margin-bottom:12px;}
  118. .beg-box .m_bmck_input img {display:inline-block;width:10px;height:13px;margin:12px 5px 0 10px;}
  119. .beg-box .m_bmck_input input {display:inline-block;border:none;font-size:0.8125rem;height:38px;line-height:38px;width:80%;margin-top:1px;}
  120. .beg-box .beg-cls {position:absolute;bottom:-50px;width:28px;height:28px;left:50%;margin-left:-14px;}
  121. .beg-box .beg-cls img {display:block;width:28px;height:28px;}
  122. .beg-box .m_z {display:block;height:40px;text-align:center;line-height:40px;font-size:1.25rem;color:#544a37;letter-spacing:8px;
  123. background: -webkit-linear-gradient(#dfbe77, #886820); /* Safari 5.1 - 6.0 */
  124. background: -o-linear-gradient(#dfbe77, #886820); /* Opera 11.1 - 12.0 */
  125. background: -moz-linear-gradient(#dfbe77, #886820); /* Firefox 3.6 - 15 */
  126. background: linear-gradient(#dfbe77, #886820); /* 标准的语法 */
  127. }
  128. .beg {position:fixed;left:0;top:0;bottom:0;width:100%;background:rgba(0,0,0,0.5);z-index:100;display:none;}