.area { margin: 20px auto 0px auto; }
.mui-input-group { margin-top: 10px; position: relative; }
.mui-input-group:first-child { margin-top: 20px; }
.mui-input-group label { width: 27%; line-height: 21px; }
.mui-input-row label~input, .mui-input-row label~select, .mui-input-row label~textarea { width: 73%; font-size: 14px; }
.mui-input-group .check-code{ width: 90px; text-align: center; position: absolute; top: 0; right: 0; display: block; padding: 10px 0; background-color: #999; color: #fff; z-index: 9999;}
.change-password label{ width: 28%;}
.change-password label~input{ width: 72%;}
.mui-checkbox input[type=checkbox], .mui-radio input[type=radio] { top: 6px; }
.mui-content-padded { margin-top: 20px; }
.mui-btn { padding: 10px; }
.link-area { display: block; margin-top: 15px; text-align: right; }
.spliter { color: #bbb; padding: 0px 8px; }
.oauth-area { position: absolute; bottom: 20px; left: 0px; text-align: center; width: 100%; padding: 0px; margin: 0px; }
.oauth-area .oauth-btn { display: inline-block; margin: 0px 20px; border-radius: 100%; }
.oauth-area .oauth-btn img{ width: 40px; height: 40px; display: block;}
.oauth-area .oauth-btn:active { opacity: .8;}

.user-photo{ position: absolute; top: 8px; right: 15px; width: 40px; height: 40px; z-index: 2; border-radius: 100%;}

/*找回密码*/
.mui-input-row input{ font-size: 14px;}
.vertify-code{position:absolute ;width:70px;height:28px;right:10px;top:6px;}
.vertify-code img{width:70px;height:28px;}
.txt-a{text-align: center;width:100%;}
p.bottom-tips{position: absolute;;bottom: 20px;color:#6b6c6e;}
span.code-tips{color:#6b6c6e;margin-top:10px}
p.password-done{margin-top:100px;margin-bottom: 70px;font-size:16px;color:#6b6c6e;}
/*手机注册*/
.mui-input-row .input-half{width:40%;float:left;}
.mui-input-row .input-btn{display:block;float:right;height:30px;text-align: center;line-height:30px; font-size:12px;margin:5px 5px 5px 0;padding:0 10px;background-color:red;border-radius:5px;max-width:30%;color:#fff;}

.mui-page .mui-table-view:first-child {margin-top: 15px;}
.mui-page .mui-table-view:last-child {margin-bottom: 30px;}
.mui-table-view {margin-top: 10px;}
.table-view-combine:after {height: 0;}
.mui-table-view span.mui-pull-right {color: #999;}
.mui-grid-view.mui-grid-9{ background-color: #fff; margin: 0;}
.mui-grid-view.mui-grid-9:after{ position: absolute; display: block;}
.mui-grid-view.mui-grid-9 .mui-table-view-cell{padding: 0; border: 0;}
.mui-grid-view.mui-grid-9 .mui-table-view-cell .mui-badge,.mui-table-view-chevron .mui-badge{ display: none;}
.mui-grid-view.mui-grid-9 .mui-media .mui-icon{font-size:24px; color: #666;-webkit-text-stroke-width: 0.3px;}
.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{ font-size: 12px;}
.mui-media.mui-col-xs-3{ width: 20%;}
.mui-table-view .iconfont{ font-size: 20px;-webkit-text-stroke-width: 0.3px;}
.table-view-iconlist .iconfont{margin-right: 5px;}
.icon-top .iconfont{ position: relative; top: 2px;}
.user-info{ padding: 44px 0 12px;background: #fb1438; color: #fff; text-align: center; height: 204px;}
.user-info img{ height: 70px; width: 70px; display:inline; border-radius: 100%;}
.user-info h3{ font-size: 16px; margin: 3px 0; position:relative; z-index: 3; line-height: 22px;}
.user-info ul{ position: relative;z-index: 2;}
.user-info ul li{ list-style: none; width: 50%; float: left; padding: 0 5% 0 20%; text-align: center;}
.user-info ul li:first-child{ padding: 0 20% 0 5%; position: relative; }
.user-info ul li:first-child:after{content: '';position: absolute; right: 0; height: 20px;border-left: 1px solid #fff; bottom: 0;}
.user-info ul li strong{font-size: 22px; font-weight: normal;}
.user-info ul li p{ color: #fff; margin: 0;}
.scroll-div{ top: 0;}