yjk.css 4.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. @charset "utf-8";
  2. body { font-size: 16px; color: #333; max-width: 640px; margin: 0 auto;height: auto; background-color: #f3f3f3; }
  3. input, textarea { -webkit-appearance: none; }
  4. .bgc-fa8888{background: #fa8888;}
  5. .mb70{margin-bottom: 70px;}
  6. .clear{clear: both;}
  7. .w30p{width: 30%;}
  8. .w68p{width: 68%;}
  9. .w40p{width: 40%;}
  10. .w58p{width: 58%;}
  11. .red{color: #ff4c4c;}
  12. .fl{float: left;}
  13. .fr{float: right;}
  14. .text-left{text-align: left;}
  15. .text-right{text-align: right;}
  16. .edit-list li.n-list-cover { padding-top: 7px; padding-bottom: 7px; padding-left: 20px; }
  17. .edit-list li .arrow-right{width: 14px;height: 26px;float: right;}
  18. .edit-list li.n-list-cover .n-list-key{ width:80px;}
  19. .edit-list-file li.n-list-cover{ padding-left: 20px; }
  20. .c-input{text-align: right;padding-right: 20px;}
  21. .c-input::-webkit-input-placeholder {direction: rtl;}
  22. .edit-list .n-list-info .c-radio, .edit-list .n-list-info .c-check, .edit-list .n-list-info .c-select>select, .edit-list .n-list-info input { color: #5b5b5b; }
  23. .c-list > li, .c-list > .c-list-div{margin-left: 0;font-size: 14px;}
  24. .btn-z-index{position: relative;z-index: 9;padding: 20px 15px;}
  25. .btn-submit{display:-webkit-box;position: fixed;bottom: 0px;font-size: 18px;width: 100%;z-index: 99;background-color: #fff;padding: 10px 0px;border-top: solid 1px #ededed;}
  26. .btn-submit.pad10{padding: 10px 10px; box-sizing: border-box;}
  27. .btn-disabled{cursor: default;background-color: #ccc;border: 0;color: #fff;}
  28. .btn-one{padding: 0px 5px 0px 10px;width: 50%;box-sizing: border-box;}
  29. .btn-one2{padding: 0px 10px 0px 5px;width: 50%;box-sizing: border-box;}
  30. .next{width: 100%;height: 35px;line-height: 35px;font-size: 15px;color: #fff;text-align: center;}
  31. .next2{width: 100%;height: 35px;line-height: 35px;font-size: 15px;color: #fff;text-align: center;}
  32. .c-arrow-r{position: absolute;top: 50%;right: 10px;margin-top: -5px;content: "";display: block;width: 8px;height: 8px;border: solid #cdcdcd;border-width: 2px 2px 0 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
  33. .yjk-body{padding-bottom: 66px;}
  34. .yjk-tip{height: 45px;line-height: 40px;}
  35. .yjk-tip i.icon{display: inline-block;width: 20px;height: 20px;background: url(../images/icon_tixing.png);background-size: 20px 20px;vertical-align: middle;margin: 0 6px 0 10px;}
  36. .yjk-tip span{vertical-align: middle;color: #fff;font-size: 14px;}
  37. .yjk-item{background: #fff;}
  38. .yjk-item .title{height: 35px;line-height: 35px;font-size: 12px;color: #323232;}
  39. .yjk-item .title .icon{width: 12px;height: 15px;background: url(../images/icon_yujianka.png) no-repeat;background-size: 12px 15px;float: left;margin: 10px 10px 0 10px;}
  40. .yjk-item .title .info-right{width: -moz-calc(100% - 32px);width: -webkit-calc(100% - 32px);width: calc(100% - 32px);float: left;border-bottom: #dcdcdc solid 1px;}
  41. .yjk-item .title .info-right .edit{width: 34px;height: 34px;background: url(../images/icon_bianji.png) no-repeat;background-size: 15px 15px;background-position:center;float: right;}
  42. .yjk-item .content-list{font-size: 14px;color: #323232;padding: 10px 0;box-sizing: border-box;}
  43. .yjk-item .content-list li{width:100%;display: -webkit-box;padding: 5px 10px;box-sizing: border-box;}
  44. .yjk-item .content-list li span{display: block;width: 100px;box-sizing: border-box;}
  45. .yjk-item .content-list li p{color: #666;width: calc(100% - 100px);box-sizing: border-box;text-align: right;}
  46. .yjk-item .content-list li.block{display: block;}
  47. .yjk-item .content-list li.block span{display:block; width: 100%;}
  48. .yjk-item .content-list li.block p{width: 100%;margin-top: 5px;text-align: left;padding-left: 8px;}
  49. .yjk-item .content-list li p.left{text-align: left;}
  50. .yjk-item .content-list li.wid120 span{width: 120px;}
  51. .yjk-item .content-list li.wid120 p{width: calc(100% - 120px);}
  52. input[type="text"]{
  53. width: 100%;
  54. margin-bottom: 0px;
  55. padding: auto;
  56. padding-right: 20px;
  57. border: none;
  58. border-radius: 0;
  59. outline: 0;
  60. background-color: #fff;
  61. -webkit-appearance: none;
  62. }
  63. input:focus{
  64. background-color: inherit;
  65. }
  66. input:active{
  67. background-color: inherit;
  68. }