Home Explore Help
Register Sign In
chenyue
/
iHealth-app-demo
forked from raolu/iHealth-app-demo
Watch 0
Star 0
Fork 0
Files
Branch: master
Branches Tags
iHealth-app-...
/
html
/
prescription
/
css
/
tiaozhengchufang.css

tiaozhengchufang.css 3.0 KB
Permalink History Raw

12345678910111213141516171819202122232425262728293031323334 
  1. *{box-sizing: border-box;}
    2. 

  2. .cc-img{width: 300px;margin: 15px auto;}
    3. 

  3. .cc-img img{width: 100%;}
    4. 

  4. .cc-text{text-align: center;font-size: 16px;color: #333;line-height: 1.8;}
    5. 

  5. .cc-bttn{width: 200px;text-align: center;height: 50px;line-height: 50px;background-color: #17B3EC;color:#fff;font-size: 16px;margin: 30px auto 0px;border-radius: 5px;}
    6. 

  6. .layer-bg{position: fixed;top: 0px;left: 0px;bottom: 0px;right: 0px;background-color: rgba(0,0,0,0.3);z-index: 999;}
    7. 

  7. .xufang-num{position: absolute;bottom: 0px;z-index: 9999;background-color: #fff;width: 100%;}
    8. 

  8. .number-pad{border-top:solid 1px #dcdcdc; border-left: solid 1px #dcdcdc; width: 100%;margin-top: 30px;}
    9. 

  9. .number-pad .box{display: flex;display: -webkit-flex;display: -webkit-box;}
    10. 

  10. .number-pad li{width: 33.333333%;height: 50px;text-align: center;line-height: 50px;border-bottom: solid 1px #dcdcdc;border-right: solid 1px #dcdcdc;font-size: 16px;color: #333;}
    11. 

  11. .number-pad li.gray{background-color: #ececec;font-size: 15px;}
    12. 

  12. .number-pad li.del{color: #ff4c4c;}
    13. 

  13. .number-pad li.no{color: #17B3EC;}
    14. 

  14. .number-pad li:active{background-color: #ccc;}
    15. 

  15. .xufang-num .head{position: relative;}
    16. 

  16. .xufang-num .head div:nth-child(1){width: 100%;font-size: 16px;color: #333;height: 40px;line-height: 40px;}
    17. 

  17. .xufang-num .head div:nth-child(2){position:absolute;top: 0px;right: 15px; font-size: 14px;color: #ccc;height: 37px;line-height: 37px;}
    18. 

  18. .num-info{border-top: solid 1px #dcdcdc; padding: 0px 15px;}
    19. 

  19. .num-info .msg{display: -webkit-box;color: #333;border-bottom: solid 1px #dcdcdc;padding: 8px 0px;font-size: 14px;}
    20. 

  20. .num-info .msg div:nth-child(1){width: 50%;}
    21. 

  21. .num-info .msg div:nth-child(2){width: 50%;text-align: right;}
    22. 

  22. .num-info .psw div:nth-child(1){color: #333;font-size: 14px;padding: 8px 0px;}
    23. 

  23. .num-info .psw ul li{width:30px;height: 30px; border:solid 1px #dcdcdc;margin-right: 20px;display: flex;justify-content: center;align-items: center;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}
    24. 

  24. .num-info .psw ul li:last-child{margin-right: 0px;}
    25. 

  25. .num-info .psw ul{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;padding: 5px 0px 10px;}
    26. 

  26. .foreig{font-size: 14px;color: #17B3EC;float: right;margin-bottom: 10px;}
    27. 

  27. .num-info .psw ul li .round{ display:none; width: 10px;height: 10px;border-radius: 50%;background-color: #333;}
    28. 

  28. .num-info .psw ul li.active .round{display: block;}
    29. 

  29. .cc-select{font-size: 16px;color: #333;width: 280px;margin: 10px auto;}
    30. 

  30. .cc-select input{border: solid 1px #aaa;padding: 3px 5px;width: 100%;background: url('../images/xiala_icon.png') no-repeat;background-size: 19px 10px;background-position:calc(100% - 10px) center;padding-right: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background-color:#fff;}
    31. 

  31. .cc-select label{margin-bottom: 5px;display: inline-block;}
    32. 

  32. .ca-bg{background: url('../images/ca.png') no-repeat;background-size: 28px 28px;background-position:15px center;padding-left: 50px;}
    33. 

  33. .cc-text-succ{text-align: center;font-size: 18px;color: #17B3EC;margin-top: 60px;}
    34. 

  34. .cc-text-fail{text-align: center;font-size: 18px;color: #ff4c4c;margin-top: 60px;}
    35.