@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:#ff6400; 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: #F5F5F5;
	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:54px; display:inline-block; text-align:right; position:absolute; }
.menber-list-li.inputt input { border:0; color:#878787; padding-left:80px; 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;
	text-align: center;
	margin-top: 50px;
	padding: 0
}
.menber-list-li.butt input { border:1px #b9b9b9 solid; width:154px; height:39px; background:#f3f3f3; border-radius:5px; color:#505050; }
.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: 100px;
}
.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;
	font-size: 12px;
	line-height: 3em;
}
.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; }
}
.aui-login-line{
    position:relative;
    text-align:center;
    padding-top:40px;
}

.aui-login-line h2{
	font-size: 14px;
	color: #bbbbbb;
	width: 90px;
	margin: 0 auto;
	z-index: 1002;
	position: relative;
	background-color: #F5F5F5;
	font-weight: bold;
}

.aui-login-line:after{
    content: '';
    position: absolute;
    z-index: 0;
    bottom: 10px;
    left: 10px;
    width: 95%;
    height: 1px;
    border-bottom: 1px solid #D9D9D9;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.aui-login-armor{
	width: 50px;
	position: relative;
	z-index: 100;
	display: -webkit-box;
	display: -webkit-flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 30px 5px 7px 5px;
	margin: 0 auto;
	text-align: center;
}

.aui-tabBar-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #979797;
}

.aui-tabBar-item img{
    width:40px;
    height:40px;
    display:block;
    border:none;
    border-radius:100%;
}