advice.css 1.6 KB

12345678910111213141516171819202122232425
  1. .advice-title,.qtjy{font-size: 16px;margin: 0;padding-bottom: 20px;}
  2. .qtjy{padding-bottom: 0;margin-bottom: 10px;}
  3. .advice-box{padding: 20px;overflow: hidden;}
  4. .advice-content{padding-left: 20px;list-style: none;margin: 0;overflow: auto;height: 205px;}
  5. .advice-content li{margin-bottom: 20px;position: relative;font-size: 14px;}
  6. .advice-content li span{vertical-align: middle;}
  7. .advice-content input{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: 0;width: 100%;height: 100%;opacity: 0;}
  8. .advice-content input[type="radio"],.daan-list input[type="checkbox"]{width: 100%;height: 100%;opacity: 0;position: absolute;cursor: pointer;margin: 0;left: 0;right: 0;top: 0;bottom: 0;}
  9. .advice-content i{width: 14px;height: 14px;display: inline-block;vertical-align: middle;margin-right: 10px;}
  10. .advice-content input[type="radio"]~i{background: url(../images/dianxuan_btn.png) center center / 100% 100% no-repeat;}
  11. .advice-content input[type="checkbox"]~i{background: url(../images/gouxuan_btn.png) center center / 100% 100% no-repeat;}
  12. .advice-content input[type="radio"]:checked ~ i{background-image: url(../images/dianxuan_pre.png);}
  13. .advice-content input[type="checkbox"]:checked ~ i{background-image: url(../images/gouxuan_pre.png);}
  14. .advice-textarea{height: 90px;width: 100%;resize: none;}
  15. ::-webkit-input-placeholder { color:#999; }
  16. ::-moz-placeholder { color:#999; } /* firefox 19+ */
  17. :-ms-input-placeholder { color:#999; } /* ie */
  18. input:-moz-placeholder { color:#999; }
  19. .save{margin-top: 40px;}
  20. [v-cloak] {
  21. display: none;
  22. }
  23. .btn-default{color: #666;background-color: #fff;border-color: #ccc;}
  24. .btn-default:hover{background-color: #ececec;color: #666;}