Home Explore Help
Register Sign In
liyaoyu
/
pfhwyigou
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
pfhwyigou
/
frontend
/
web
/
zt
/
xinnian20190125
/
css
/
index.css

index.css 7.5 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143 
  1. body{
    2. 

  2. 	background:#c20006;
    3. 

  3. }
    4. 

  4. .ynZTboxhead{ width: 100%; height: auto;} 
    5. 

  5. .ynZTboxhead p{ width: 100%; height: auto;} 
    6. 

  6. .ynZTboxhead p img{ width: 100%; height: auto;} 
    7. 

  7. .ynZTbox_main{background: url('../image/ico_03.jpg') no-repeat center; background-size:100% 100%; }
    8. 

  8. .ynZTbox_conter{ width: 1100px; margin: 0 auto; padding-top: 0px;}
    9. 

  9. .daoyu{ text-align: center;}
    10. 

  10. .daoyu2{ margin-top: 100px;}
    11. 

  11. .lpceng{ background: #fa6024; padding: 10px; margin-top: 50px;}
    12. 

  12. .lpceng_m{ background: #fbe5b0; padding: 10px;}
    13. 

  13. .lpceng_m_c{ background: url('../image/ico_04.png') no-repeat center; background-size:100% 100%; padding: 30px 25px 20px; }
    14. 

  14. .lpmid{ text-align: center;}
    15. 

  15. 

  16. .lp_list{margin-top: 35px; margin-bottom: 20px;}
    17. 

  17. .lp_list ul li{ width: 320px; float: left;border-radius: 8px; height: 320px; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); background: #fff; position: relative;}
    18. 

  18. .lp_list ul li+li{margin-left: 25px;}
    19. 

  19. .lp_list ul li .lphi{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 5; background: #fff; border-radius: 8px; overflow: hidden;}
    20. 

  20. .lp_list ul li .lphi p.dimg{ position:  relative; width: 100%; height: 220px;}
    21. 

  21. .lp_list ul li .lphi p.dimg img{ width: 100%; height: 100%;}
    22. 

  22. .lp_list ul li .lphi p.dimg span{position: absolute; right: 12px; bottom: 12px; display: block; font-size: 12px; color: #fff;}
    23. 

  23. .lp_list ul li .lphi .lptxt{ padding: 20px 15px;}
    24. 

  24. .lp_list ul li .lphi .lptxt p.title a{font-size: 18px;display:  block;font-weight: bold; color: #383838;}
    25. 

  25. .lp_list ul li .lphi .lptxt p.pric{font-size: 12px;color: #fa6024; margin-top: 18px;}
    26. 

  26. .lp_list ul li .lphi .lptxt p.pric em{display: inline-block; font-size: 15px; font-weight: bold;}
    27. 

  27. .lp_list ul li .lpshow{position: relative; z-index: 1; width: 100%; height: 100%; border-radius: 8px; overflow: hidden;}
    28. 

  28. .lp_list ul li .lpshow p.img{ width: 100%; height: 100%; }
    29. 

  29. .lp_list ul li .lpshow p.img img{ width: 100%; height: 100%; }
    30. 

  30. .lp_list ul li .lpshow p.img_bf{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; background: rgba(0,0,0,0.6);}
    31. 

  31. .lp_list ul li .lpshow .lptext{ width: 100%; height: 100%; top: 0px; left: 0px; z-index: 2; position: absolute;}
    32. 

  32. .lp_list ul li .lpshow .lptext p.title{ margin-top: 75px;}
    33. 

  33. .lp_list ul li .lpshow .lptext p.title a{ display: block; text-align: center;  font-size: 19px; color: #fff; font-weight: bold;}
    34. 

  34. .lp_list ul li .lpshow .lptext p.pric{ font-size: 14px; color:#fff; text-align: center; margin-top: 25px;}
    35. 

  35. .lp_list ul li .lpshow .lptext p.pric em{ display: inline-block; font-weight: bold; font-weight: bold; font-size: 18px;}
    36. 

  36. .lp_list ul li .lpshow .lptext p.city{ font-size: 12px; color: #fff; text-align: center;margin-top: 15px;}
    37. 

  37. .lp_list ul li .lpshow .lptext p.apply{ text-align: center; margin-top: 40px;}
    38. 

  38. .lp_list ul li .lpshow .lptext p.apply a{ display: inline-block; width: 100px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #fff; border-radius: 50px; font-size: 12px; color: #fff;}
    39. 

  39. .lp_list ul li .lpshow .lptext p.apply a+a{ margin-left: 20px;}
    40. 

  40. .lp_list ul li .lpshow .lptext p.apply a:hover{
    41. 

  41. 	color: #fc3c24;
    42. 

  42. 	background: linear-gradient(to right, #fbe2aa 0%, #fff9d9 50%, #fae2ac 100%);
    43. 

  43. }
    44. 

  44. .lp_list ul li{position:relative;perspective:1000px;}
    45. 

  45. .lp_list ul li .content1{
    46. 

  46. 	opacity:1;
    47. 

  47.     transition: all 0.8s;
    48. 

  48.     -webkit-transition: all 0.8s;
    49. 

  49.     -moz-transition: all 0.8s;
    50. 

  50.     -o-transition: all 0.8s;
    51. 

  51. 

  52.     transform:translateY(0) rotateX(0);
    53. 

  53.     -webkit-transform:translateY(0) rotateX(0);
    54. 

  54.     -moz-transform:translateY(0) rotateX(0);
    55. 

  55.     -o-transform:translateY(0) rotateX(0);
    56. 

  56. }
    57. 

  57. .lp_list ul li:hover .content1{
    58. 

  58.     transition: all 0.8s;
    59. 

  59.     -webkit-transition: all 0.8s;
    60. 

  60.     -moz-transition: all 0.8s;
    61. 

  61.     -o-transition: all 0.8s;
    62. 

  62. 

  63.     transform: translateY(-100%) rotateX(90deg);
    64. 

  64.     -webkit-transform: translateY(-100%) rotateX(90deg);
    65. 

  65.     -moz-transform: translateY(-100%) rotateX(90deg);
    66. 

  66.     -o-transform: translateY(-100%) rotateX(90deg);
    67. 

  67.     transform-origin:bottom center;
    68. 

  68.     -webkit-transform-origin:bottom center;
    69. 

  69.     -moz-transform-origin:bottom center;
    70. 

  70.     -o-transform-origin:bottom center;
    71. 

  71.     opacity:0;
    72. 

  72. }
    73. 

  73. .lp_list ul li .content2{opacity:0;
    74. 

  74.     transition: all 0.8s;
    75. 

  75.     -webkit-transition: all 0.8s;
    76. 

  76.     -moz-transition: all 0.8s;
    77. 

  77.     -o-transition: all 0.8s;
    78. 

  78. }
    79. 

  79. .lp_list ul li:hover .content2{opacity:1;
    80. 

  80.     transition: all 0.8s;
    81. 

  81.     -webkit-transition: all 0.8s;
    82. 

  82.     -moz-transition: all 0.8s;
    83. 

  83.     -o-transition: all 0.8s;
    84. 

  84. }
    85. 

  85. .fombm{ background: #fa6024; padding: 10px; margin-top: 50px;}
    86. 

  86. .fombm_main{ background: #fbe5b0; padding: 25px 10px;}
    87. 

  87. .fombm_left{ margin-left: 20px;}
    88. 

  88. .fombm_right{ margin-right: 20px; position: relative; top: 10px;}
    89. 

  89. .fombm_right .in_od{ padding-left:15px; border:none; background: #fff; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); position: relative; top: 4px; margin-right: 20px; display: inline-block; width: 225px; height: 40px; border-radius: 50px; font-size: 14px; color: #383838;}
    90. 

  90. .fombm_right .in_od::-webkit-input-placeholder { /* WebKit browsers */
    91. 

  91.     color:    #c20006;
    92. 

  92. }
    93. 

  93. .fombm_right .in_od:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    94. 

  94.     color:    #c20006;
    95. 

  95. }
    96. 

  96. .fombm_right .in_od::-moz-placeholder { /* Mozilla Firefox 19+ */
    97. 

  97.     color:    #c20006;
    98. 

  98. }
    99. 

  99. .fombm_right .in_od:-ms-input-placeholder { /* Internet Explorer 10+ */
    100. 

  100.     color:    #c20006;
    101. 

  101. }
    102. 

  102. .rightxg{ background: url('../image/right_xg.png') no-repeat center; background-size:100% 100%;  width: 292px; height: 599px; position: fixed; right: 0px; top: 30%;}
    103. 

  103. 

  104. .rightxg_m{ position: relative; width: 100%; height: 100%;}
    105. 

  105. .rightxg_m .rightxg_list{ position: absolute; right: 40px; top: 208px;}
    106. 

  106. .rightxg_m .rightxg_list a{ margin: 12px 0; text-align: center; display: block; font-size: 15px; color: #fdf6d4; font-weight: bold; width: 161px; height: 35px; line-height: 35px;}
    107. 

  107. .rightxg_m .rightxg_list a.active{  background: url('../image/a_on.png') no-repeat center; background-size:100% 100%; }
    108. 

  108. .rightxg_m .Mbutom{ position: absolute; bottom:125px; right: 40px; width: 161px; text-align: center;}
    109. 

  109. .rightxg_m .Mbutom a{display: inline-block;}
    110. 

  110. 

  111. .tanchung_bg{ display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%;  background: rgba(0,0,0,0.6); z-index: 6;} 
    112. 

  112. .tanchung{ display: none; position:fixed;  width: 380px; background: #fa6024; height: 330px; padding: 10px; z-index: 7;}
    113. 

  113. .tanchung_main{
    114. 

  114. 	position: relative;
    115. 

  115. 	width: 100%; height: 100%;
    116. 

  116. 	background: linear-gradient(to right, #fbe2aa 0%, #fff9d9 50%, #fae2ac 100%);
    117. 

  117. }
    118. 

  118. .tanchung_gb{ z-index: 3; position: absolute; right: 50%; bottom: -80px; width: 40px; height: 40px; margin-right: -20px;}
    119. 

  119. .tanchung_gb img{ width: 100%; height: 100%;}
    120. 

  120. .tanchung_tit{ text-align: center; padding-top: 30px;}
    121. 

  121. .tanchung_tit img{width: 180px;}
    122. 

  122. .tanchung_form{ width: 280px; margin: 0 auto; margin-top: 40px;}
    123. 

  123. .tanchung_form .in_ti{  margin-bottom: 20px; width:260px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.]2); height: 40px; font-size: 16px; color: #666; border: none;border-radius: 50px; padding-left: 20px;}
    124. 

  124. .tanchung_form a{ display: inline-block; margin-top: 10px; width: 100%; height: auto;}
    125. 

  125. .tanchung_form a img{ width: 100%; height: auto;}
    126. 

  126. .tanchung_form .in_ti::-webkit-input-placeholder { /* WebKit browsers */
    127. 

  127.     color:    #c20006;
    128. 

  128. }
    129. 

  129. .tanchung_form .in_ti:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    130. 

  130.     color:    #c20006;
    131. 

  131. }
    132. 

  132. .tanchung_form .in_ti::-moz-placeholder { /* Mozilla Firefox 19+ */
    133. 

  133.     color:    #c20006;
    134. 

  134. }
    135. 

  135. .tanchung_form .in_ti:-ms-input-placeholder { /* Internet Explorer 10+ */
    136. 

  136.     color:    #c20006;
    137. 

  137. }
    138. 

  138. 

  139. .tanchung_main .xiang{ width: 2px; height: 70px; background: #fff; position: absolute; left: 50%; margin-left: -1px; bottom: -80px;z-index: 1;}
    140. 

  140. 

  141. 

  142. 

  143.