cjly_zt.css 3.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. .max_box{max-width:640px;margin:auto;min-width:320px;position: relative;}
  2. .max_box img{display:block;}
  3. .special_img{width:100%;position:relative;}
  4. .special_img img{width:100%;}
  5. .m_lp_box{width:100%;background:url(../image/m_cj01.png) no-repeat 0 0/ 100% 100%;padding-bottom: 10px;}
  6. .m_lp{width:93%;margin:auto;position:relative;top:10px;}
  7. .m_lp_title{}
  8. .m_lp_title li{width:23%;height:40px;background:#A10022;position:relative;border-radius:5px 5px 0 0;float:left;margin-right:9.5px;}
  9. .m_lp_title li:last-child{margin-right:-50px;}
  10. .m_lp_title li img{width:22px;display:block;position:absolute;top:-15px;left:-3px;display:none;}
  11. .m_lp_title li i{position:absolute;top:-6px;left:-3px;font-size:0.8125rem;color:#FFF;background:#A10022;border:1px solid #FFF;border-radius:50px;width:16px;text-align:center;}
  12. .m_lp_title li span{font-size:0.75rem;color:#FFFEFE;display:flex;align-items:center;height:40px;justify-content:center;text-align: center;}
  13. .m_lp_title li.in i{background:rgba(255, 255, 255, 0);border:1px solid rgba(255, 255, 255, 0);}
  14. .m_lp_title li.in{background:#C6002A;}
  15. .m_lplist{background:#C6002A;overflow:hidden;padding:0 5px 10px 5px;}
  16. .m_lplist_t{margin-top:15px;}
  17. .m_lplist_t_img{border:1px solid #FFF;width:55%;height:125px;float:left;position:relative;display:block;}
  18. .m_lplist_t_img img{width:100%;height:100%;}
  19. .m_lplist_t_img i{display:block;width:100%;height:23px;position:absolute;top:0;background:rgba(51, 51, 51, 0.61);text-align:center;font-size:0.6875rem;color:#FFF;line-height:23px;}
  20. .m_lplist_t_r{width:41%;height:125px;float:right;text-align:center;}
  21. .m_lplist_t_r p{border-bottom:1px solid;font-size:0.95rem;color:#FFF;font-weight:600;padding-bottom:5px}
  22. .m_lplist_t_r span{font-size:0.75rem;color:#FFF;margin-top:5px;display:block;}
  23. .m_lplist_t_r span i{font-size:1rem;font-weight:600;}
  24. .m_lplist_bm{width:85%;margin:auto;margin-top:5px;}
  25. .m_lplist_bm a{height:30px;display:block;}
  26. .m_lplist_bm a img{width:100%;height:100%;}
  27. .m_lplist_bm a:last-child{margin-top:8px;}
  28. .m_lplist_dz{margin-top:10px;}
  29. .m_lplist_dz img{width:11px;float:left;position:relative;top:4px;}
  30. .m_lplist_dz span{font-size:0.75rem;color:#FFF;margin-left:5px;}
  31. .m_bm{width:94%;height:55%;position:absolute;top:11%;left:3%;}
  32. .m_jzhs_box{width:100%;height:100%;position:fixed;top:0;left:0;display:none;}
  33. .m_jzhs_zhez{width:100%;height:100%;background:rgba(31, 29, 29, 0.33);}
  34. .m_jzhs{width:300px;height:300px;position:absolute;top:50%;left:50%;margin-left:-150px;margin-top:-152px;background:url(../image/m_cj0006.png) no-repeat 0 0/ 100% 100%;
  35. animation:change 0.9s;
  36. -webkit-animation:change 0.9s;
  37. -moz-animation:change 0.9s;
  38. }
  39. @keyframes change {
  40. 0% {left:100%;opacity:0;}
  41. 100% {opacity:1;}
  42. }
  43. -webkit-@keyframes change {
  44. 0% {left:100%;opacity:0;}
  45. 100% {opacity:1;}
  46. }
  47. -moz-@keyframes change {
  48. 0% {left:100%;opacity:0;}
  49. 100% {opacity:1;}
  50. }
  51. .m_jzhs form{width:65.5%;position:absolute;top:58%;left:20%;}
  52. .m_jzhs form input{height:30px;border:0;border-radius:5px;text-align:center;width:100%;position:relative;top:2px;}
  53. .m_jzhs_buttom{width:50%;height:27px;position:relative;top:32px;left:53px;}
  54. .m_jzhs em{
  55. display: block;
  56. position: absolute;
  57. top: 44%;
  58. left: 14%;
  59. font-size: 0.8rem;
  60. color: #FFF;
  61. width: 79%;
  62. text-align:center;
  63. }
  64. .m_jzhs_gb{width:20px;position:absolute;top:8px;right:10px;}
  65. .m_jzhs_gb img{width:100%;display:block;}