index.less 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. @import "~@less/variables.less";
  2. .cb-container{
  3. // width: 277px;
  4. min-width: 216px;
  5. padding: 10px;
  6. position: absolute;
  7. top: 25px;
  8. left: -62px;
  9. background: #fff;
  10. z-index: 12;
  11. box-shadow: 0 10px 20px 0 rgba(194,194,194,0.50);
  12. }
  13. .clear{
  14. width: 88px;
  15. height: 44px;
  16. line-height: 44px;
  17. font-size: 12px;
  18. color:#FF0000;
  19. border: none;
  20. background: #fff;
  21. float: left;
  22. }
  23. .confirm{
  24. width: 88px;
  25. height: 44px;
  26. line-height: 44px;
  27. color:#3B9ED0;
  28. font-size: 12px;
  29. border: 1px solid #3B9ED0;
  30. background: #fff;
  31. margin-left: 20px;
  32. float: right;
  33. }
  34. .sentence{
  35. width: 100%;
  36. height: 54px;
  37. border-bottom: 1px solid #EAEDF1;
  38. margin-bottom: 15px;
  39. span{
  40. color:#000000;
  41. display: inline-block;
  42. height: 44px;
  43. line-height: 44px;
  44. padding: 0 10px 0 30px;
  45. }
  46. }
  47. .selected-span{
  48. background: rgba(59,158,208,0.1);
  49. background-image: url(../../images/first.png);
  50. background-repeat: no-repeat;
  51. background-position: 12px 15px;
  52. }
  53. .disabled{
  54. opacity: 0.3;
  55. filter:alpha(opacity=30);
  56. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30);";
  57. }
  58. .multiple-tab{
  59. // width: 200px;
  60. vertical-align: top;
  61. }
  62. .multiple-con{
  63. // width: 140px;
  64. margin-left: 10px;
  65. display: inline-block;
  66. vertical-align: top;
  67. }
  68. .ishide{
  69. .hide;
  70. }