vip_center51.css 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. .vip-tt {position: relative;width:100%;height:120px;background:url(http://static.iamberry.com/watero/images/shop/member_photo_bg_51.jpg) center center /100% 100% no-repeat;}
  2. .vip-tt>img {width: 100%;}
  3. .tx {position: absolute;left:1em;top: 50%;width: 4.5em;height: 4.5em;display: inline-block;-webkit-transform: translateY(-50%);transform: translateY(-50%);border-radius: 50%;background-color: #ff8992;padding: 4px;}
  4. .tx>img {width: 100%;border-radius: 50%;}
  5. .nikname {position: absolute;left:6.5em;width:68%;top: 50%;color: #fff;-webkit-transform: translateY(-52%);transform: translateY(-52%);line-height: 1.5;}
  6. .nikname>div{padding:3px 0;}
  7. .nikname>div:first-child{position: relative;width: 100%;overflow: hidden;text-overflow: ellipsis;}
  8. .mui-table-view-chevron .mui-badge{display:none;}
  9. .btn_share{background: #fff;border-radius:6px;padding:3px 10px;float: right;margin-right: 10px;color: #e9004c;font-size: 13px;}
  10. #my_type #video{display: inline-block}
  11. .go_daili_2wm{float:left;font-size: 13px;}
  12. .chart {height: 300px;margin: 0px;padding: 0px;}
  13. .my-chart-bar {background: #fff;border: 0;height: 50px;margin-bottom: 1px;margin-top: 6px;}
  14. .my-chart-bar .mui-control-item {color: #444;font-weight: 500;border-left: 0;border-bottom: 2px solid transparent;line-height: 50px;font-size: 15px;}
  15. .my-chart-bar .mui-control-item.mui-active {color: #e4004d;border-bottom: 2px solid #e4004d;background-color: #fff;}
  16. .mui-control-content {background: #fff;padding: 10px 0;}
  17. .my-tab-view3:after {height: 0;}
  18. .my-tab-view3 li {padding: 10px 10px 0 10px;}
  19. .vip_icon{width: 20px;-webkit-transform: translateY(20%);margin-left: 5px;}
  20. #userNickname{white-space: nowrap;height: 25px;}
  21. #footer-bar{-webkit-box-shadow: 0 0 1px rgba(0,0,0,.4);box-shadow: 0 0 1px rgba(0,0,0,.4);}
  22. .my-view-order .mui-table-view-cell:after{background-color: #e5e5e5;}
  23. #menu-nav .mui-control-item {line-height: 1;color: #333;border-color: #fff;border:0;padding: 10px 0 15px 0;font-size: 12px;}
  24. #menu-nav {border: 0;border-radius: 3px;}
  25. #menu-nav .mui-control-item.mui-active {color: #333;background-color:rgba(0,0,0,.1);}
  26. #menu-nav .iconfont{color: #55c0dc;padding: 0 0 8px 0;}
  27. #menu-order .mui-control-item {line-height: 1;color: #333;border-color: #fff;border:0;padding: 6px 0 10px 0;font-size: 12px;}
  28. #menu-order {border: 0;border-radius: 3px;}
  29. #menu-order .mui-control-item.mui-active {color: #333;background-color:rgba(0,0,0,.1);}
  30. #menu-order .iconfont{color: #55c0dc;padding: 0 0 6px 0;}
  31. .my-view-order{color: #333;}
  32. .my-view-order:before{display: none;}
  33. .mui-grid-view.mui-grid-9 .mui-media{background-color: #fff;padding: 11px 5px;}
  34. .mui-grid-view.mui-grid-9:after{height: 0;display: none;}
  35. .icon-xiaxian,.icon-kefu{color: #55c0dc;}
  36. .icon-liwu,.icon-wheel{color: #f7624e;}
  37. .icon-renwu,.icon-share{color: #f88c43;}
  38. .icon-shouhou,.icon-order{color: #31c27c;}
  39. .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{font-size: 12px;}
  40. .try-btn-pay{ background: #55c0dc;border: 1px solid transparent;border-radius: 4px;color: #fff;padding: 3px 8px;}
  41. .try-btn-pay:active{color:#fff;}
  42. .center-middle{font-size: 12px; position: absolute;
  43. left: 90px;
  44. top: 50%;
  45. -webkit-transform: translateY(-50%);}
  46. .wh-80 {
  47. width: 60px !important;
  48. max-width: 60px !important;
  49. height: 80px !important;
  50. margin: 0 5px 0 0 !important;
  51. overflow: hidden;
  52. display: inline-block;
  53. text-align: center;
  54. }
  55. .iconfont .mui-badge {
  56. font-size: 10px;
  57. line-height: 1.3;
  58. position: absolute;
  59. top: -3px;
  60. right: 28%;
  61. padding: 1px 5px;
  62. color: #fff;
  63. }
  64. .my-view-order .mui-media-body {
  65. padding-top: 0;
  66. }
  67. .center-middle{font-size: 12px; position: absolute;
  68. left: 90px;
  69. top: 50%;
  70. -webkit-transform: translateY(-50%);}
  71. .wh-80 {
  72. width: 70px !important;
  73. max-width: 70px !important;
  74. height: 70px !important;
  75. margin: 0 5px 0 0 !important;
  76. overflow: hidden;
  77. display: inline-block;
  78. text-align: center;
  79. }
  80. .wh-80 img {
  81. height: 70px;
  82. }
  83. .btn-box{bottom:auto;top:12px;}
  84. .icon-orderyue{font-size: 35px;}
  85. #menu-nav .mui-control-item {line-height: 1;color: #333;border-color: #fff;border:0;padding: 10px 0 15px 0;font-size: 12px;}
  86. #menu-nav {border: 0;border-radius: 3px;}
  87. #menu-nav .mui-control-item.mui-active {color: #333;background-color:rgba(0,0,0,.1);}
  88. #menu-nav .iconfont{color: #fe4264;padding: 10px 0;}
  89. #menu-order .mui-control-item {line-height: 1;color: #333;border-color: #fff;border:0;padding: 6px 0 10px 0;font-size: 12px;}
  90. #menu-order {border: 0;border-radius: 3px;}
  91. #menu-order .mui-control-item.mui-active {color: #333;background-color:rgba(0,0,0,.1);}
  92. #menu-order .iconfont{color: #f5556c;padding: 5px 0;}
  93. .my-view-order{color: #333;}
  94. .my-view-order:before{display: none;}
  95. .mui-grid-view.mui-grid-9 .mui-media{background-color: #fff;padding: 11px 5px;}
  96. .mui-grid-view.mui-grid-9:after{height: 0;display: none;}
  97. .icon-xiaxian,.icon-kefu{color: #fe4264;}
  98. .icon-liwu,.icon-wheel{color: #f7624e;}
  99. .icon-renwu,.icon-naifen{color: #f88c43;}
  100. .icon-shouhou,.icon-order{color: #fd9010;}
  101. .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{font-size: 12px;}
  102. #menu-lease-order,#menu-lease-other{border: 0;border-radius: 3px;}
  103. #menu-lease-order .mui-control-item,#menu-lease-other .mui-control-item{line-height: 1;color: #333;border-color: #fff;border:0;padding: 6px 0 10px 0;font-size: 12px;}
  104. #menu-lease-order .mui-control-item.mui-active,#menu-lease-other .mui-control-item.mui-active{color: #333;background-color:rgba(0,0,0,.1);}
  105. #menu-lease-order .iconfont,#menu-lease-other .iconfont{padding: 5px 0;}
  106. .icon-daifahuo1,.icon-shebeiliebiao{color: #fd9010;}
  107. .icon-yifahuo,.icon-zulinxieyi{color: #fe4264;}
  108. .wh-80 {
  109. width: 60px !important;
  110. max-width: 60px !important;
  111. height: 80px !important;
  112. margin: 0 5px 0 0 !important;
  113. overflow: hidden;
  114. display: inline-block;
  115. text-align: center;
  116. }
  117. .try-btn-pay{ background: #55c0dc;
  118. border: 1px solid transparent;
  119. border-radius: 4px;
  120. color: #fff;
  121. padding: 3px 8px;}
  122. .center-middle{font-size: 12px; position: absolute;
  123. left: 90px;
  124. top: 50%;
  125. -webkit-transform: translateY(-50%);}