jpztjh.css 3.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. body{background: #232932;}
  2. .y_puicfoot{display: none;}
  3. .promotion,.promotionBox{ width: 100%; height: auto;}
  4. .promotionBox p.p_img,.promotionBox p.p_img img{ width: 100%; height: auto;}
  5. .promotionBox .pro_bm{position: relative; width: 100%; height: auto;}
  6. .pro_bm_box{ width: 76%; position: absolute; left: 50%; top: 0px; margin-left: -38%;}
  7. .pro_bm_box .bm_top{ width: 97%; margin: 0 auto;}
  8. .pro_bm_box .bm_top img{ width: 100%; height: auto;}
  9. .pro_bm_box .bm_main{ margin-top: 20px; background: url('/zt/jpztjh20191028/image/ico_bg.png') no-repeat center; background-size:100% 100%; }
  10. .pro_bm_box .bm_main form{ width: 80%; margin: 0 auto; padding:20px 0;}
  11. .pro_bm_box .bm_main form p.in_t input.in_text{border-radius: 3px; width: 100%; height: 40px; padding-left: 4%;border:none; background: #fff; font-size: 0.937rem; color: #666;}
  12. .pro_bm_box .bm_main form p.in_t{ margin-bottom: 20px;}
  13. .pro_bm_box .bm_main form p.sqs{line-height: 18px; margin-top: 25px;}
  14. .pro_bm_box .bm_main form p.sqs i{display: inline-block; width: 16px; height: 16px; background: #fff; border-radius: 2px;}
  15. .pro_bm_box .bm_main form p.sqs i.on{background: url('/zt/jpztjh20191028/image/ico_xz.png') #3B9AFF no-repeat center; background-size:100% 100%; }
  16. .pro_bm_box .bm_main form p.sqs em{font-size: 0.875rem; color: #999; padding-left:8px; position: relative; top: -3px;}
  17. .pro_bm_box .bm_main form p.sqs a{font-size: 0.875rem; color: #3B9AFF; padding-left:8px; line-height: 16px; position: relative; top: -3px;}
  18. .pro_bm_box .bm_main form a.in_but{margin-top: 20px; width: 100%; height: 40px; border-radius: 8px; font-size: 1.0.25rem; color: #fff; font-weight: bold; text-align: center; line-height: 40px; display: block; background: rgb(98, 0, 128);}
  19. .message_box{display: none; position: fixed; z-index: 30; background: #fff; border-radius: 5px; width: 80%; left: 50%; margin-left: -40%; height: 261px; top: 50%; margin-top: -130.5px;}
  20. .message_bg{ display: none; position:fixed; left: 0px; top: 0px; background: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 28;}
  21. .message_main{ padding: 20px 15px; position: relative;}
  22. .message_main .message_gb{ display: block; position: absolute; right: 15px; top: 10px; width: 15px; height: 15px;}
  23. .message_main .message_gb img{ width: 100%; height: 100%;}
  24. .message_main p.title{ font-size: 1.125rem; color: #333; font-weight: bold; text-align: center; padding-top: 5px;}
  25. .message_main p.text{font-size: 0.875rem; color: #666; line-height: 23px; margin-top: 10px;}
  26. .xg_xiangqing{ position: fixed; z-index: 25; width: 100%; height: 50px; background: rgb(98, 0, 128); text-align: center; left: 0px;bottom: 0; line-height: 50px;}
  27. .xg_xiangqing a{ display: block; width: 100%; line-height: 50px; font-size: 1.125rem; color: #fff; font-weight: bold;}
  28. .xg_xiangqing a i{ width: 25px; height: 25px; line-height: 25px; display: inline-block; margin-right: 8px;}
  29. .xg_xiangqing a i img{width: 100%; height: 100%;}
  30. @media screen and (max-width:376px){
  31. .pro_bm_box .bm_main form p.in_t{ margin-bottom: 15px;}
  32. .pro_bm_box .bm_main form p.sqs{margin-top: 18px;}
  33. .pro_bm_box .bm_main form a.in_but{ margin-top: 15px;}
  34. }
  35. @media screen and (max-width:321px){
  36. .pro_bm_box .bm_main form{padding: 15px 0;}
  37. .pro_bm_box .bm_main form p.in_t{ margin-bottom: 13px;}
  38. .pro_bm_box .bm_main form p.sqs{margin-top: 15px;}
  39. .pro_bm_box .bm_main form a.in_but{ margin-top: 10px;}
  40. }