@charset "UTF-8";

/* 我的搜房 */
.mf-info{ background: url(../Resource/images/mf_01.jpg) no-repeat; background-size: cover;}
.mf-info .logined{ display: block; padding: 15px 10px; min-height: 55px; color: #fff;}
.mf-info .logined > dl{ display: table; width: 100%; background: url(../Resource/images/arr-rt2.png) right center no-repeat; background-size: 6px auto;}
.mf-info dl.arr-rt:after{ background-position: 0 -90px;}
.mf-info dt{ display: table-cell; vertical-align: middle; width: 55px; height: 55px; border-radius: 50%; overflow: hidden; border: 2px solid #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.mf-info dt img{ width: 100%; height: 100%;}
.mf-info dd{ display: table-cell; vertical-align: middle; padding-left: 10px; line-height: 1.5;}
.mf-info .tabs{ background: rgba(0,0,0,.1); }
.mf-info .tabs a{ padding: 8px 0; text-align: center; color: #fff; line-height: 18px; width: 100px;}
.mf-info .tabs a > span{ display: block; border-right: 1px solid rgba(255,255,255,.5); }
.mf-info .tabs a:last-child > span{ border-right: none;}
.mf-info .tabs a p span{ position: relative;}
.mf-info .tabs a p em{ position: absolute; right: -16px; top: -2px; display: block; min-width: 16px; height: 16px; line-height: 16px; font-style: normal; background-color: #c00; border-radius: 50%; color: #fff; font-size: 12px; text-align: center;}

.mf-info .nologin{ min-height: 60px; text-align: center; color: #fff;}
.mf-info .nologin p{ padding: 2px 0 8px 0;}
.mf-info .nologin .btns a{ display:inline-block; margin: 0 10px; width: 80px; height: 30px; line-height: 30px; border-radius: 4px; background-color: #fff; color: #333;}