index.css 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. body{ background: #c20006; max-width: 640px; margin: 0 auto;}
  2. .yztHome_head{ width: 100%; height: auto;}
  3. .yztHome_head p{ width: 100%; height: auto;}
  4. .yztHome_head p img{ width: 100%; height: auto;}
  5. .yztHomeBox{ background: url("../image/ico_05.jpg") no-repeat center; background-size:100% 100%; }
  6. .kzt{ width: 92%;margin: 0 auto;}
  7. .kzt img{ width: 100%;height: auto;}
  8. .yztHomeBox_tit { width: 100%; height: auto; margin-top: 40px;}
  9. .yztHomeBox_tit img{ width: 100%; height: auto;}
  10. .yztHomeBox_list{ width: 92%; margin: 0 auto; background: #fa6024; padding: 10px; margin-top: 20px;}
  11. .yztHomeBox_list_m{padding: 10px; background: linear-gradient(to right, #fbe2aa 0%, #fff9d9 50%, #fbe2aa 100%);}
  12. .lphomebox{background: url("../image/ico_08.png") no-repeat center; background-size:100% 100%; padding: 20px 5px;}
  13. .lphomebox_tit{width: 80%; margin: 0 auto;}
  14. .lphomebox_tit img{ width: 100%; height: auto;}
  15. .lphomebox_list { width: 100%; height: auto; margin-top: 15px; position: relative; padding: 10px 0; overflow: hidden; padding-bottom: 25px; border-radius: 5px;}
  16. .lphomebox_list ul li { width: 100%; height: auto; padding:0 10px;}
  17. .lphomebox_list ul li .lin { box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);}
  18. .lphomebox_list ul li img { width: 100%; height: auto;}
  19. .lphomebox_list .swiper-pagination-bullet{background: #905b52; opacity: 1; width: 9px; height: 9px;}
  20. .lphomebox_list .swiper-pagination-bullet-active{background: linear-gradient(to bottom, #ff3b21,#c20006);}
  21. .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px}
  22. .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: -3px; z-index: 2;}
  23. .rightBM{ width:50px; height: auto; position: fixed; right: 0px; bottom: 30%; z-index: 3;}
  24. .rightBM img{width: 100%; height: auto;}
  25. .rightcity{ display: none; position: fixed; right: 20px; top: 30%; z-index: 3; background:#fdefc6; border-radius: 10px; box-shadow: 0 0 20px 0 rgba(0,0,0,0.4)}
  26. .rightcity_maim { position: relative; width: 100px; text-align: center; padding: 5px 15px;}
  27. .rightcity_maim .liimg{ position: absolute; right: -20px; top: -20px; width: 50px; height: auto;}
  28. .rightcity_maim .liimg img{ width: 100%; height: auto;}
  29. .rightcity_maim .lisnt a{ display: block; font-size: 1rem; color: #c20006; font-weight: 600; height: 35px; line-height: 35px;}
  30. .rightcity_maim .lisnt a+a{ border-top: 2px dashed #c20006;}
  31. .rightcity_maim .lisnt a.active{ color: #770c0f;}
  32. .rightcity2{ position: fixed; right: 20px; top: 30%; z-index: 3; background:#fdefc6; border-radius: 10px; box-shadow: 0 0 20px 0 rgba(0,0,0,0.4)}
  33. .rightcity_maim2 { position: relative; width: 100px; text-align: center; padding: 0px 15px;}
  34. .rightcity_maim2 .liimg2{ position: absolute; right: -20px; top: -20px; width: 50px; height: auto;}
  35. .rightcity_maim2 .liimg2 img{ width: 100%; height: auto;}
  36. .rightcity_maim2 .lisnt2 a{ display: block; font-size: 1rem; color: #c20006; font-weight: 600; height: 35px; line-height: 35px;}
  37. .rightcity_maim2 .lisnt2 a+a{ border-top: 2px dashed #c20006;}
  38. .tanchung_bg{ display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 6;}
  39. .tanchung{ top: -100%; position:fixed; width: 90%; background: #fa6024; height: auto; padding: 10px; z-index: 7;}
  40. .tanchung_main{
  41. position: relative;
  42. width: 100%; height: 100%;
  43. background: linear-gradient(to right, #fbe2aa 0%, #fff9d9 50%, #fae2ac 100%);
  44. }
  45. .tanchung_gb{ position: absolute; right: 50%; margin-right: -20px; bottom: -100px; width: 40px; height: 40px; z-index: 3;}
  46. .tanchung_gb img{ width: 100%; height: 100%;}
  47. .xian{ width: 2px; height: 60px; background: #fff; position: absolute; left: 50%; margin-left: -1px; bottom: -70px; z-index: 2;}
  48. .tanchung_tit{ text-align: center; padding-top: 20px; width: 45%; margin: 0 auto;}
  49. .tanchung_tit img{ width: 100%; height: auto;}
  50. .tanchung_form{ width: 80%; margin: 0 auto; margin-top: 25px;}
  51. .tanchung_form .in_ti{ margin-bottom: 20px; width:95%; height:40px; font-size: 1rem; color: #666; border: none;border-radius: 50px; padding-left: 5%;}
  52. .tanchung_form a{ display: inline-block; margin-top: 0px; width: 100%; height: auto; margin-bottom: 30px;}
  53. .tanchung_form a img{width: 100%; height: auto;}
  54. .tanchung_form .in_ti::-webkit-input-placeholder { /* WebKit browsers */
  55. color: #c20006;
  56. }
  57. .tanchung_form .in_ti:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  58. color: #c20006;
  59. }
  60. .tanchung_form .in_ti::-moz-placeholder { /* Mozilla Firefox 19+ */
  61. color: #c20006;
  62. }
  63. .tanchung_form .in_ti:-ms-input-placeholder { /* Internet Explorer 10+ */
  64. color: #c20006;
  65. }