static/watero/css/vip_center.css

.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;}
.vip-tt>img {width: 100%;}
.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;}
.tx>img {width: 100%;border-radius: 50%;}
.nikname {position: absolute;left:7.5em;width:68%;top: 50%;color: #333;-webkit-transform: translateY(-52%);transform: translateY(-52%);line-height: 1.5;}
.nikname>div{padding:3px 0;}
.nikname>div:first-child{position: relative;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.mui-table-view-chevron .mui-badge{display:none;}
.btn_share{background: #fff;border-radius:6px;padding:3px 10px;float: right;margin-right: 10px;color: #e9004c;font-size: 13px;}

#my_type #video{display: inline-block}
.go_daili_2wm{float:left;font-size: 13px;}
.chart {height: 300px;margin: 0px;padding: 0px;}
.my-chart-bar {background: #fff;border: 0;height: 50px;margin-bottom: 1px;margin-top: 6px;}
.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;}
.my-chart-bar .mui-control-item.mui-active {color: #e4004d;border-bottom: 2px solid #e4004d;background-color: #fff;}
.mui-control-content {background: #fff;padding: 10px 0;}
.my-tab-view3:after {height: 0;}
.my-tab-view3 li {padding: 10px 10px 0 10px;}
.vip_icon{width: 20px;-webkit-transform: translateY(20%);margin-left: 5px;}
#userNickname{white-space: nowrap;height: 25px;}
#footer-bar{-webkit-box-shadow:rgba(0,0,0,.1) 0px 0px 2px;box-shadow:rgba(0,0,0,.1) 0px 0px 2px;}
.my-view-order .mui-table-view-cell:after{background-color: #e5e5e5;}
.my-view-order .mui-media-body {padding-top: 0;}
.btn-box{bottom:auto;top:12px;}
.icon-orderyue{font-size: 35px;}
#menu-nav .mui-control-item {line-height: 1;color: #333;border-color: #fff;border:0;padding: 10px 0 15px 0;font-size: 12px;}
#menu-nav {border: 0;border-radius: 3px;}
#menu-nav .mui-control-item.mui-active {color: #333;background-color:rgba(0,0,0,.1);}
#menu-nav .iconfont{color: #55c0dc;padding: 10px 0;}
#menu-order .mui-control-item {line-height: 1;color: #999;border-color: #fff;border:0;padding: 4px 0 16px 0;font-size: 12px;}
#menu-order {border: 0;border-radius: 3px;}
#menu-order .iconfont{color: #24cae9;font-size: 26px;padding: 5px 0;}
#menu-order .mui-control-item.mui-active {color: #333;background-color:rgba(0,0,0,.1);}
.my-view-order{color: #333;}
.my-view-order:before,.my-view-order:after{display: none;}
.my-view-order .mui-badge{background: transparent;color: #999;}
.my-view-order .mui-navigate-right.mui-active{background: #fff !important;}
.mui-grid-view.mui-grid-9 .mui-media{background-color: #fff;padding: 11px 5px;}
.mui-grid-view.mui-grid-9:after{height: 0;display: none;}
.icon-xiaxian,.icon-kefu{color: #55c0dc;}
.icon-liwu,.icon-wheel{color: #f7624e;}
.icon-renwu,.icon-naifen{color: #f88c43;}
.icon-shouhou,.icon-order{color: #31c27c;}
.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{font-size: 12px;}
#menu-lease-order,#menu-lease-other{border: 0;border-radius: 3px;}
#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;}
#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);}
#menu-lease-order .iconfont,#menu-lease-other .iconfont{padding: 5px 0;}
.icon-daifahuo1,.icon-shebeiliebiao{color: #1bcba8;}
.icon-yifahuo,.icon-zulinxieyi{color: #55c0dc;}
.try-btn-pay{    background: #55c0dc;border: 1px solid transparent;border-radius: 4px;color: #fff;padding: 3px 8px;}
.center-middle{font-size: 12px;    position: absolute;left: 90px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.see-rights{color:#8f8f94;background: #fff;border-radius: 6px;padding: 3px 10px;float: right;margin-right: 10px;font-size: 13px;}
.vip-show{background: #dff4fa;border-radius: 25px;font-size: 12px;text-align: center;width: 90%;margin:0 auto;padding: 3px 0;display: none;}
#center-menu .mui-table-view-cell:after,#center-menu:before{left: 15px;right: 15px;background: #e5e5e5;}
#center-menu .mui-table-view-cell:last-child:after,#center-menu:after{display: none;}
#center-menu .mui-table-view-cell.mui-active{background: #fff;}
html,body{background: #F2F2F2;}
.order-box .mui-table-view:after{left: 15px;right: 15px; background: #e5e5e5;}
.tel{color: #999;}
.my-center-no .mui-table-view-cell:last-child:after{height: 0;display: none;}
			.mui-content {
				background: #f2f2f2;
			}
			
			.center-header {
				position: relative;
			}
			
			.center-header .wecat-head {
				width: 100%;
				text-align: center;
				color: #fff;
			}
			
			.center-header .bottom-vip {
				font-size: 12px;
				background: #232e51;
				position: absolute;
				left: 14px;
				right: 14px;
				bottom: 0;
				height: 40px;
				border-radius: 15px 15px 0 0;
				color: #ffe1b3;
				padding: 10px 0;
			}
			
			.center-header .bottom-vip .mui-table-cell:last-child {
				width: 7.8em;
			}
			
			.center-header .vip-l {
				margin: 0 7px;
				vertical-align: middle;
			}
			
			.center-header .vip-icon {
				display: inline-block;
				vertical-align: middle;
				margin-right: 2px;
				width: 15px;
			}
			
			.center-header .vip-title {
				vertical-align: middle;
				padding-left: 14px;
				font-size: 18px;
			}
			
			.center-header .vip-arrow {
				display: inline-block;
				vertical-align: middle;
				margin-left: 5px;
				margin-right: 12px;
				width: 14px;
				padding-bottom: 1px;
			}
			.vip-line{width: 1px;background: #ffe1b3;display: inline-block;height: 12px;vertical-align: middle;margin-bottom: 2px;-webkit-transform: scaleX(.5);margin-left: 10px;}
			.user-head{
				    position: absolute;
    top: 30%;
    left: 50%;
        width: 50px;
    margin: -25px 0 0 -25px;
    border-radius: 50%;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    border: 1px solid rgba(255,255,255,.5);
			}
.user-head img{width: 100%;display: block;}
			
			.center-header #userNickname {
				font-size: 14px;
				position: absolute;
    top: 48%;
    left: 0;
    width: 100%;
    color: #333;
			}
			
			#menu-nav .mui-control-item {
				line-height: 1.2;
				padding: 6px 0 12px 0;
				color: #666;
				font-size: 12px;
			}
			p{color: #999;font-size: 12px;margin-bottom: 0;}
			.my-count>.mui-table-cell:after{content: '';position: absolute;width: 1px;height: 20px;background:#e1e1e1;right: 0;top: 50%;margin-top: -10px; -webkit-transform: scaleX(.5);transform: scaleX(.5);}
			.my-count>.mui-table-cell:last-child:after{display: none;}
			.center-content{background: #f2f2f2;padding:10px 14px 14px 14px;}
			.center-content .my-count{padding: 12px 0;background: #fff;border-radius: 6px;margin-bottom: 8px;}
			.center-content .mui-navigate-right:after{font-size: 20px;color: #999;top: 48%;}
			
			.my-center-no .mui-table-view-cell .mui-icon{color: #999;font-size: 18px;}
			.my-center-no .mui-table-view-cell{color: #666;padding: 10px 15px 8px 15px;}
			.order-box{padding:0;background: #fff;margin-bottom: 8px;border-radius: 6px;overflow: hidden;}
			.order-box .mui-badge{background: transparent;color: #bbb;font-size: 12px;}
			strong{font-size: 16px;}
			.order-box strong{font-size: 14px;}
			.my-center-no{border-radius: 6px;overflow: hidden;font-size: 12px;}
			.dalog {
				position: fixed;
				left: 0;
				top: 0;
				bottom: 0;
				right: 0;
				background: rgba(0, 0, 0, .7);
				display: none;
				z-index: 99;
			}
			
			.dalog>div {
				position: absolute;
				width: 270px;
				height: 290px;
				left: 50%;
				margin-left: -135px;
				top: 50%;
				margin-top: -150px;
				text-align: center;
			}
			
			.dalog .tp-box {
				background: #fff;
				padding: 10px 12px;
				border-radius: 6px;
				margin-bottom: 8px;
			}
			.dalog ul{
				padding-top: 12px;
			}
			.dalog ol{
				list-style: none;
				padding: 0 0 4px 0;
				width: 185px;
				display: block;
				margin: 0 auto;
				text-align: left;
			}
			.dalog ol>li{
				font-size: 12px;
				margin:0;
				white-space: nowrap;
				color: #666;
			}
			.dalog ul>li {
				margin:0 0 16px 0;
				color: #727171;
			}
			.dalog ul>li:last-child{
				margin-bottom: 10px;
			}
			.dalog ul li p {
				color: #666;
			}
			
			.dalog .btn-see-integral {
				border-radius: 25px;
				background: #243052;
				color: #fff;
				padding: 5px 22px;
				border: 0;
				font-size: 14px;
			}
			
			.dalog .icon-guanbi {
				color: #fff;
				font-size: 26px;
			}
			
			.dalog strong {
				font-size: 22px;
				letter-spacing: 4px;
				color: #243052;
			}
			
			.dalog .icon-A-zhucewancheng {
				font-size: 40px;
			}