majorlookhouse.css 3.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. body{background: #ff5962;}
  2. .max_box{max-width:640px;margin:auto;min-width:320px;position: relative;}
  3. .Latitude{width: 100%;height: 100%;}
  4. .Latitude_mian{width: 100%;height: 100%; position: relative; }
  5. .Latitude_bg{width: 100%;}
  6. .Latitude_bg img{ width: 100%;display:block;}
  7. .Latitude_box{width: 82%;margin:auto;position:relative;top:32px;}
  8. .Latitude_top a{display: inline-block; width: 30%; height: 40px;line-height: 40px; float: left; padding: 0 8px;background:#fff;border-radius:1px;}
  9. .Latitude_top a span{display: inline-block;width: 82%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:0.8125rem; color: #666; float: left;}
  10. .Latitude_top a i{display: inline-block; float: right;
  11. position: relative;
  12. top: 50%;
  13. margin-top: -3px;
  14. line-height: 6px;
  15. border-left:5px solid transparent;
  16. border-right:5px solid transparent;
  17. border-top:6px solid #666;
  18. }
  19. .Latitude_top a+a{ margin-left: 5%;}
  20. .boxform{ margin-top:20px;}
  21. .boxform p.inpt{ padding:6.5px 10px;background:#fff;border-radius:3px;box-shadow:0px 1px 4px 1px rgba(69, 0, 4, 0.22);}
  22. .boxform p.inpt + p.inpt {margin-top:20px;}
  23. .boxform p.inpt span{display: inline-block; width: 20px; height: auto; float: left; padding-right: 10px;position: relative;top: 1px;}
  24. .boxform p.inpt span img{width: 100%;height: auto;}
  25. .boxform p.inpt input{display: inline-block; float: left; width: 83%;border:none; background: #fff; font-size:0.8125rem; height: 25px;}
  26. .boxform p.text{font-size: 0.9rem; color: #343434; margin-top: 25px;}
  27. .boxform p.text em{display: inline-block; padding: 0 3px; font-size: 0.6rem; color: #8A8A8A}
  28. .boxform .textarea_box{ margin-top: 10px; font-size: 1rem; color: #8A8A8A; width: 100%; height: 80px; border-radius: 5px; border:1px solid #ADADAD; resize:none;overflow-x:hidden; padding:5px 10px; }
  29. .boxform a.button_box{display: block; height: 40px; line-height: 40px;background:#6C69FF;text-align: center; font-size:1.05rem; color: #fff; margin-top: 17px;font-weight:600;border-radius:3px;box-shadow:0px 1px 4px 1px rgba(69, 0, 4, 0.22);
  30. background: -webkit-linear-gradient(#ffd55c, #ffa703); /* Safari 5.1 - 6.0 */
  31. background: -o-linear-gradient(#ffd55c, #ffa703); /* Opera 11.1 - 12.0 */
  32. background: -moz-linear-gradient(#ffd55c, #ffa703); /* Firefox 3.6 - 15 */
  33. background: linear-gradient(#ffd55c, #ffa703); /* 标准的语法 */
  34. }
  35. /*弹出*/
  36. .showbox_pulid{ position: fixed;z-index: 5; width: 100%; height: 50%;left: 0px; bottom: -100%; background: #fff; border-radius: 10px 10px 0 0;}
  37. .title_h{ position: relative; font-size: 1.2rem; color: #30333C; font-weight: bold; text-align: center; padding: 15px 0; border-bottom: 1px solid #E0E0E0;}
  38. .title_h em{ display: block; position: absolute; right: 10px; bottom: 15px; font-size: 0.7rem; color: #777;}
  39. .city_main{ position: relative;}
  40. .city_piue{text-align: center; background: #fff; position: absolute;height: 270px; left: 0%;width: 100%; text-align: center; top: 0px; overflow-y:auto;}
  41. .city_piue a{display: block; font-size: 1rem; color: #30333C; padding: 10px 0;}
  42. .city_piue a.on{ color: #FF9E33; font-weight: bold;}
  43. .city_piue_m{ width: 75%; position: absolute;right: -100%;overflow-y:auto; top: 0px;background: #F8FAFB; height: 270px;}
  44. .city_piue_m a{ display: block; font-size: 1rem; color: #30333C; padding: 10px 20px 10px 68px;}
  45. .city_piue_m a+a{ border-top:1px solid #eee; }
  46. .city_piue_m a.on{ color: #FF9E33; font-weight: bold;}
  47. .showbox_type{ text-align: center; background: #fff;}
  48. .showbox_type a{ display: block; font-size: 1rem; color: #30333C; padding: 10px 20px;}
  49. .showbox_type a.on{ color: #FF9E33; font-weight: bold;}
  50. .showbox_pric{ text-align: center; background: #fff;}
  51. .showbox_pric a{ display: block; font-size: 1rem; color: #30333C; padding: 10px 20px;}
  52. .showbox_pric a.on{ color: #FF9E33; font-weight: bold;}
  53. .classify_m{overflow-y:auto;}
  54. .showbox_bg{ display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 3;}