body {
	background-color: #F5F7FA;
}

.choosevip_back {
	float: left;
    height: 2em;
    width: 2em;
    background: url("../../../image/back.png") left no-repeat;
    background-size: 1em 1.8em;
}

.center .vipsearch {
	display: table;
    width: 100%;
    background-color: #FFFFFF;
    margin-bottom: 0.8em;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .vipsearch>div {
	display: table-cell;
    vertical-align: middle;
}

.center .vipsearch .searchphoto {
	width: 2em;
    height: 2em;
}

.center .vipsearch .searchphoto img {
	width: 1.8em;
    height: 1.8em;
    padding: 0.8em;
}

.center .vipsearch .searchdata {
	width: 100%;
}

.center .vipsearch .searchdata input[type="search"]{
	-webkit-appearance:none;
} 
.center .vipsearch .searchdata input::-webkit-search-cancel-button {
	display: none;
}

.center .vipsearch input {
	width: 100%;
    font-size: 1.2em;
    border: none;
    line-height: 2;
    color: #999;
    padding-right: 0.8em;
}

.center .vipsearch .searchclear {
	display: none;
}

.center .vipsearch .searchclear img {
	width: 1.5em;
    display: block;
    padding: 0.8em;
}

.center .viplist {
	display: table;
    width: 100%;
    background-color: #FFFFFF;
    border-top: 1px solid #E6E9ED;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .viplist>div {
	display: table-row;
}

.center .viplist .vipdata>div {
	display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #E6E9ED;
}

.center .viplist .vipdata .headphoto {
	width: 4em;
    height: 4em;
    padding: 0.8em;
}

.center .viplist .vipdata .headphoto img {
	width: 4em;
    height: 4em;
    border-radius: 50%;
}

.center .viplist .vipdata .vipname {
	width: 100%;
	padding-right: 0.8em;
}

.center .viplist .vipdata .vipname span {
	font-size: 1.2em;
}

.center .viplist .vipdata .moreinfo {
	padding: 0.8em;
}

.center .viplist .vipdata .moreinfo img {
	width: 0.8em;
}

.invitevip {
	position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
    display: block;
    text-align: center;
    background-color: #FFF;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.invitevip input {
	height: 3em;
    font-size: 1.2em;
    color: #FFFFFF;
    font-family: "微软雅黑";
    border: 0px;
    outline-style: none;
    display: inline-block;
    width: 100%;
}


.vipinvite {
	background: #FFF;
    text-align: center;
    display: none;
}

.vipinvite span {
	font-size: 1.2em;
}

.vipinvite .employeephoto {
	padding: 1em 0em;
}

.vipinvite .employeephoto img {
	border-radius: 50%;
    width: 7.5em;
    height: 7.5em;
    font-size: 1.2em;
}

.vipinvite .employeedept span {
	color: #999;
}

.vipinvite .employeeqrcode {
	padding: 1em 0em;
}

.vipinvite .employeeqrcode img {
	width: 15em;
    height: 15em;
    font-size: 1.2em;
    -webkit-user-select: none;
    cursor: -webkit-zoom-in;
}

.vipinvite .invitemsg2 {
	padding-bottom: 1em;
}

.scan_invitation {
	position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
    display: table;
    text-align: center;
    background-color: #FFF;
    border-top: 1px solid #E6E9ED;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.scan_invitation>div {
	display: table-cell;
    padding: 1em;
}

.scan_invitation .scanvip {
	border-right: 1px solid #E6E9ED;
}

.scan_invitation>div>div {
	display: inline-block;
    vertical-align: middle;
}

.scan_invitation>div>div img {
	width: 1.2em;
    height: 1.2em;
    display: block;
}

.scan_invitation>div>div span {
    font-size: 1.2em;
}

.scan_invitation>div>div:nth-child(2) {
	padding-left: 0.4em;
}