@charset "utf-8";

.wrap.differ { padding-top:0; }
.wrap.differ.score { padding:0 }
.wrap.the-buttom { position:absolute; }
.wrap.shopping{ background:#FFF;border:1px solid #e7e7e7; }
/* 登录页面 */
.header { background:url(../../images/checkin-0.jpg) no-repeat center; width:100%; height:125px; text-align:center }
.header h1 { color:#b200f4; font-size:32px; padding-top:31px; }
.header span { color:#786450; font-size:18px; }


/* 顶部选择标签（三项） */
.menber-tittle.three { max-width:330px; }
.menber-tittle.three ul { width:100%; }
.menber-tittle li a{ float:left; width:26%; text-align:center; font-size:16px; height:27px; line-height:27px; }
/* 单独? */
.menber-list-li { color:#505050; height:56px; border:1px solid #e5e5e5; line-height:56px; margin-top:-1px; padding-left:12px; background:#FFF; position:relative; }
.menber-list-li label { margin-right:27px; width:54px; display:inline-block; text-align:right }
.menber-list-li input { border:0; color:#878787; }
/* 输入 */
.menber-list-li.inputt { color:#505050; height:56px; border:1px solid #e5e5e5; line-height:56px; margin-top:-1px;  background:#FFF; position:relative; padding-left:0; }
.menber-list-li.inputt label { margin-right:27px; padding-left:15px; width:64px; display:inline-block; text-align:right; position:absolute; }
.menber-list-li.inputt input { border:0; color:#878787; padding-left:90px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;height:54px;  }

/* 单独项（有选择按钮? */
.menber-list-li.differ { border:0; background:#f3f3f3; color:#878787; }
/* 单独项（有确认按钮） */
.menber-list-li.butt { border:0; background:#f3f3f3; text-align:center; margin-top:20px; padding:0 }
.menber-list-li.butt input { border:1px #dedede solid; width:154px; height:42px; background: #b200f4; border-radius:5px; color:#fff; }
.menber-list-li.butt .ax { border:1px #dedede solid; width:100%; height:42px; line-height:42px; background:#fff; border-radius:5px; color:#0099ff; display:block; text-align:center }
.menber-list-li.butt.one { margin-top:16px }
.menber-list-li.butt.one input { width:100%; }
.menber-list-li.butt.two { margin:14px 0 18.5px 0 }
.menber-list-li.butt.two input { width:46%; float:left; }
.menber-list-li.butt.two input:nth-child(2) {
float:right;
}
.menber-list-li.butt.three { position:relative; height: 90px; }
.menber-list-li.butt.three div { height:100px; width:100px; border:1px #dddddd solid; border-radius:250px; }
.menber-list-li.butt.three div p { position:absolute; bottom:0; left:0; width:100px; }
.menber-list-li.butt.three div img { position:absolute; top:30px; left:35px; width:27px; height:27px; }
.menber-list-li.butt.three div:nth-child(1) {
margin:0 auto;
position:relative
}
.menber-list-li.butt.three div:nth-child(2) {
position:absolute;
top:0
}
.menber-list-li.butt.three div:nth-child(3) {
position:absolute;
top:0;
right:0
}

@media only screen and (max-width: 360px) {

.menber-list-li.butt.three div { height:80px; width:80px; border:1px #dddddd solid; border-radius:250px; }
.menber-list-li.butt.three div p { position:absolute; bottom:0; left:-9px; width:100px; }
.menber-list-li.butt.three div img { position:absolute; top:15px; left:27px; width:27px; height:27px; }
}