vip_center.css 4.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. .vip-tt {position: relative;width:100%;height:120px;background:url(http://static.iamberry.com/watero/images/shop/member_photo-bg_3.jpg) center center /100% 100% no-repeat #fff;}
  2. .vip-tt>img {width: 100%;}
  3. .tx {position: absolute;padding: 0;left:2em;top: 50%;width: 4.5em;height: 4.5em;display: inline-block;-webkit-transform: translateY(-50%);transform: translateY(-50%);border-radius: 50%;background-color: #73b7d8;}
  4. .tx>img {width: 100%;border-radius: 50%;}
  5. .nikname {position: absolute;left:7.5em;width:68%;top: 50%;color: #333;-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. .my-view-order .mui-media-body {padding-top: 0;}
  24. .btn-box{bottom:auto;top:12px;}
  25. .icon-orderyue{font-size: 35px;}
  26. #menu-nav .mui-control-item {line-height: 1;color: #333;border-color: #fff;border:0;padding: 10px 0 15px 0;font-size: 12px;}
  27. #menu-nav {border: 0;border-radius: 3px;}
  28. #menu-nav .mui-control-item.mui-active {color: #333;background-color:rgba(0,0,0,.1);}
  29. #menu-nav .iconfont{color: #55c0dc;padding: 10px 0;}
  30. #menu-order .mui-control-item {line-height: 1;color: #333;border-color: #fff;border:0;padding: 6px 0 10px 0;font-size: 12px;}
  31. #menu-order {border: 0;border-radius: 3px;}
  32. #menu-order .iconfont{color: #24cae9;font-size: 26px;padding: 5px 0;}
  33. #menu-order .mui-control-item.mui-active {color: #333;background-color:rgba(0,0,0,.1);}
  34. .my-view-order{color: #333;}
  35. .my-view-order:before,.my-view-order:after{display: none;}
  36. .my-view-order .mui-badge{background: transparent;color: #999;}
  37. .my-view-order .mui-navigate-right.mui-active{background: #fff !important;}
  38. .mui-grid-view.mui-grid-9 .mui-media{background-color: #fff;padding: 11px 5px;}
  39. .mui-grid-view.mui-grid-9:after{height: 0;display: none;}
  40. .icon-xiaxian,.icon-kefu{color: #55c0dc;}
  41. .icon-liwu,.icon-wheel{color: #f7624e;}
  42. .icon-renwu,.icon-naifen{color: #f88c43;}
  43. .icon-shouhou,.icon-order{color: #31c27c;}
  44. .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{font-size: 12px;}
  45. #menu-lease-order,#menu-lease-other{border: 0;border-radius: 3px;}
  46. #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;}
  47. #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);}
  48. #menu-lease-order .iconfont,#menu-lease-other .iconfont{padding: 5px 0;}
  49. .icon-daifahuo1,.icon-shebeiliebiao{color: #1bcba8;}
  50. .icon-yifahuo,.icon-zulinxieyi{color: #55c0dc;}
  51. .try-btn-pay{ background: #55c0dc;border: 1px solid transparent;border-radius: 4px;color: #fff;padding: 3px 8px;}
  52. .center-middle{font-size: 12px; position: absolute;left: 90px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
  53. .see-rights{color:#8f8f94;background: #fff;border-radius: 6px;padding: 3px 10px;float: right;margin-right: 10px;font-size: 13px;}
  54. .vip-show{background: #dff4fa;border-radius: 25px;font-size: 12px;text-align: center;width: 90%;margin:0 auto;padding: 3px 0;display: none;}
  55. #center-menu .mui-table-view-cell:after,#center-menu:before,#center-menu:after{left: 10px;right: 10px;}
  56. #center-menu .mui-table-view-cell.mui-active{background: #fff;}
  57. #center-menu .mui-table-view-cell .mui-icon-arrowright:before{color: #999;font-size: 22px;}