service_item_content.css 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. [v-cloak]{display: none;}
  2. .flex-box{display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */
  3. display: -ms-flexbox; /* TWEENER - IE 10 */ /* NEW - Chrome */
  4. display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  5. -webkit-box-pack: center;
  6. -ms-flex-pack: center;
  7. justify-content: center;
  8. -webkit-box-align: center;
  9. -ms-flex-align: center;
  10. align-items: center;
  11. -ms-flex-wrap: wrap;
  12. flex-wrap: wrap;
  13. }
  14. .flex-box-item{-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
  15. -moz-box-flex: 1; /* OLD - Firefox 19- */
  16. -webkit-flex: 1; /* Chrome */
  17. -ms-flex: 1; /* IE 10 */
  18. width: 50%; /* For old syntax, otherwise collapses. */
  19. flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  20. position: relative;}
  21. .icon{width: 12px;height: 12px;vertical-align: middle;background-size: 100% auto;background-repeat: no-repeat;display: inline-block;background-position: center center;}
  22. .icon-arrow-down{background-image: url(../images/icon/tiaozhuan_xia_icon.png);}
  23. .active .icon-arrow-down{transform: rotateZ(180deg);}
  24. .icon-gouxuan{background-image: url(../images/icon/gouxuan_lanse_icon.png);}
  25. .icon-check,.icon-arrow-down{transition: all .3s ease-in-out;}
  26. .active .icon-check,.collapsed .icon-arrow-down{transform: rotateZ(180deg);}
  27. .icon-check{background-image: url(../images/icon/zhankai_btn.png);}
  28. .icon-16{width: 16px;height: 16px;}
  29. .icon-18{width: 18px;height: 18px;}
  30. .record-list{max-height: 0;overflow: hidden;transition: all .3s linear;}
  31. .record-list.active{max-height: 9999px;height: auto;}
  32. .record-item{background-color: #f5f5fa;margin-bottom: 10px;padding: 10px;}
  33. .service-top{font-size: 0;line-height: 1;font-weight: 500;}
  34. .service-name span{vertical-align: middle;font-size: 16px;}
  35. .service-name span+span{margin-left: 10px;}
  36. .service-name{line-height: 1.5;margin-bottom: 0;}
  37. .service-index{border: 1px solid #12b7f5;width: 16px;line-height: 1;height: 16px;font-size: 14px;display: inline-block;text-align: center;color: #12b7f5;}
  38. .label-group{padding-left: 26px;}
  39. .label-group span{color: #12b7f5;font-size: 14px;line-height: 1;margin-top: 10px;}
  40. .label-blue{border-radius: 5px;border: solid 1px #12b7f5;padding: 4px 15px;display: inline-block;margin-right: 27px;}
  41. .panel-body{padding: 20px;font-size: 14px;color: #999;}
  42. .panelcurPage + .panelcurPage{border-top: 1px solid #d7dce6;}
  43. .service-content{line-height: 30px;padding-bottom: 15px;border-bottom: 1px solid #d7dce6;}
  44. .service-address{border-bottom: 1px solid #d7dce6;}
  45. .btn-yuyue{background-color: #02cfb9;color: #fff;}
  46. .btn-yuyue:hover,.btn-yuyue:link{color: #fff;background-color: #01c1ad;}
  47. .btn-fuwuma{background-color: #2dbe55;color: #fff;}
  48. .btn-fuwuma:hover,.btn-fuwuma:link{color: #fff;background-color: #209440;}
  49. .btn-zhidao{background-color: #12b7f5;color: #fff;}
  50. .btn-zhidao:hover,.btn-zhidao:link{color: #fff;background-color: #10a0d6;}
  51. .service-operation .btn{width: 90px;}
  52. .view-detail{color: #12b7f5;cursor: pointer;}
  53. .yslb>span:after{content: '、';}
  54. .yslb>span:last-child:after{display: none;}
  55. .btns-group{padding-left: 20px;}
  56. .btns-group .btn{margin-right: 20px;}
  57. .fuwuma-model{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9;}
  58. .fuwuma-layer{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.35);}
  59. .fuwuma-content{width: 260px;height: 260px;top: 50%;position: absolute;margin-top: -130px;left: 50%;margin-left: -130px;}
  60. .fuwuma-content img{width: 100%;display: block;}