.center .vipboard {
	/* display: table; */
	width: 100%;
	position: relative;
	text-align: center;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .vipboard .vipdata {
	/* display: table-row; */
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .vipboard>div>div {
	/* display: table-cell; */
	vertical-align: middle;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .vipboard .vipdata .vipphoto {
	/* padding: 0.8em; */
	padding: 1.5em 0.8em 0.8em 0.8em;
}

.center .vipboard .vipdata .vipphoto img {
	border-radius: 50%;
    height: 4.5em;
    width: 4.5em;
    /* display: block; */
    vertical-align: middle;
}

.center .vipboard .vipdata .bgimg {
	width: 100%;
	vertical-align: middle;
}

.center .vipboard .vipdata .vipinfo2 {
	position: absolute;
	top: 10px;
	left: 40%;
}

.center .vipboard .vipdata .vipphoto2 img {
	border-radius: 50%;
    height: 4.5em;
    width: 4.5em;
    vertical-align: middle;
}

.center .vipboard .vipdata .vipinfo2 span {
    color: #FFF;
}

.center .vipboard .vipdata .vipinfo2 .vipname {
	font-size: 1.2em;
}

.center .vipboard .vipdata .vipinfo2 .viplevel {
	font-size: 1em;
}

.center .vipboard .vipdata .vipinfo2 .vip_name {
	padding-top: 0.3em;
	padding-bottom: 0.2em;
}

.center .vipboard .vipdata .vipinfo {
	width: 100%;
	/* padding: 1.5em 0em; */
	padding: 0em 0em 1.5em 0em;
}

.center .vipboard .vipdata .vipinfo span {
    color: #FFF;
}

.center .vipboard .vipdata .vipinfo>div {
	display: block;
}

.center .vipboard .vipdata .vipinfo .vipname {
	font-size: 1.2em;
}

.center .vipboard .vipdata .vipinfo>div:nth-child(1) {
	padding-bottom: 0.6em;
}

.center .vipboard .vipdata .vipinfo>div:nth-child(3) {
	padding-top: 0.6em;
}

/* .center .vipboard .vipdata .vipinfo>div:nth-child(2) {
	display: inline-block;
    background-color: #FFF;
    padding-top: 0.2em;
	padding-bottom: 0.2em;
} */

.center .vipboard .vipdata .vipinfo .viplevel {
	background-color: #FFF;
	padding-left: 0.4em;
	padding-right: 0.4em;
	line-height: 1;
}

.center .vipboard .vipdata .vipinfo .viplevel,.center .vipboard .vipdata .vipinfo .vippoint,.center .vipboard .vipdata .vipinfo .vipamount {
	font-size: 1em;
}

.center .vipboard .vipdata .vipinfo .vipamount {
	padding-left: 0.8em;
}

/* .center .vipboard .vipdata .vip_more_info {
	padding: 0.8em;
	z-index: 666;
}

.center .vipboard .vipdata .vip_more_info img {
    width: 0.6em;
    display: block;
} */

.center .vipboard .news {
	position: absolute;
    top: 0em;
    right: 0em;
    padding: 0.8em;
    z-index: 999;
}

.center .vipboard .news img {
	width: 1.8em;
    display: block;
}

.center .vipboard .file {
	position: absolute;
    top: 0em;
    left: 0em;
    padding: 0.8em;
    z-index: 999;
}

.center .vipboard .file img {
	width: 1.8em;
    display: block;
}

.center .point_money_coupon {
	display: table;
	width: 100%;
	background: #FFF;
	padding: 0.8em 0em;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .point_money_coupon>div {
	display: table-row;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .point_money_coupon>div>div {
	display: table-cell;
	text-align: center;
	width: 33.3333%;
	vertical-align: middle;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .point_money_coupon>div>div:nth-child(2) {
	border-right: 1px solid #E6E9ED;
	border-left: 1px solid #E6E9ED;
}

.center .point_money_coupon>div>div span {
	font-size: 1.2em;
	display: block;
}

.center .signin {
	overflow: auto;
	text-align: center;
	background: #FFF;
	padding: 0.8em;
	border-top: 1px solid #E6E9ED;
	border-bottom: 1px solid #E6E9ED;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .signin .signdata {
	display: table;
	width: 100%;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .signin .signdata .signinfo {
	display: table-cell;
	font-size: 1.2em;
	text-align: left;
	vertical-align: middle;
	width:100%;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .signin .signdata .mysign {
	display: table-cell;
	vertical-align: middle;
	color: #FFF;
	padding: 0.2em 0.4em;
	font-size: 1.2em;
	white-space: nowrap;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .signin .signdata .close {
	background: #999999;
}

.center .viprights,.center .orders .orderstype,.center .spending .spendingtype,.center .distribution .distributiontype,.center .vip_other_info {
	display: table;
	width: 100%;
	background-color: #FFF;
	border-bottom: 1px solid #E6E9ED;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .vip_other .vip_other_info,.center .distribution .distributiontype {
	border-top: 1px solid #E6E9ED;
}

.center .viprights>div,.center .orders .orderstype>div,.center .spending .spendingtype>div,.center .distribution .distributiontype>div,.center .vip_other_info>div {
	display: table-row;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .viprights>div>div,.center .orders .orderstype>div>div,.center .spending .spendingtype>div>div,.center .distribution .distributiontype>div>div,.center .vip_other_info>div>div {
	display: table-cell;
	width: 25%;
	text-align: center;
	vertical-align: middle;
	/* border-left: 1px solid #E6E9ED; */
	padding: 0.8em 0em;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

/* .center .viprights>div>div:first-child,.center .orders .orderstype>div>div:first-child,.center .spending .spendingtype>div>div:first-child,.center .distribution .distributiontype>div>div:first-child {
	border-left: none;
} */

.center .viprights>div>div img,.center .orders .orderstype>div>div img,.center .spending .spendingtype>div>div img,.center .distribution .distributiontype>div>div img,.center .vip_other_info>div>div img {
	width: 2em;
	height: 2em;
	vertical-align: middle;
}

.center .viprights>div>div span,.center .orders .orderstype>div>div span,.center .spending .spendingtype>div>div span,.center .distribution .distributiontype>div>div span,.center .vip_other_info>div>div span {
	display: block;
	font-size: 1em;
	padding-top: 0.4em;
}

.center .orders,.center .spending,.center .distribution,.center .vip_other {
	padding-top: 0.8em;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .orders .orders_tittle,.center .spending .spending_tittle,.center .distribution .distribution_tittle {
	display: table;
	width: 100%;
	background-color: #FFF;
	padding: 0.8em;
	border-top: 1px solid #E6E9ED;
    border-bottom: 1px solid #E6E9ED;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .orders .orders_tittle>div,.center .spending .spending_tittle>div,.center .distribution .distribution_tittle>div {
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .orders .orders_tittle>div:first-child,.center .spending .spending_tittle>div:first-child,.center .distribution .distribution_tittle>div:first-child {
	width: 100%;
}

.center .orders .orders_tittle>div span,.center .spending .spending_tittle>div span,.center .distribution .distribution_tittle>div span {
	font-size: 1.2em;
}

.center .orders .orders_tittle>div img,.center .spending .spending_tittle>div img,.center .distribution .distribution_tittle>div img {
	width: 0.6em;
    display: block;
}

.center .vip_other .vip_other_info .other_info_board>div {
	border-top: 1px solid #E6E9ED;
} 

.center .logout {
	padding: 0.8em;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .logout input {
	width: 100%;
	color: #FFF;
	font-size: 1.2em;
	padding: 0.8em;
}

.code {
	text-align: center;
	background: #FFF;
	position: fixed;
	top: 20%;
	z-index: 999;
	display: none;
}

.code .Barcode {
	padding: 2.5em 0em 1em 0em;
}

.code .Barcode img {
	width: 90%;
}

.code .Barcode span {
	font-size: 1.6em;
	display: block;
}

.code .QRCode {
	padding: 1em 0em 2.5em 0em;
}

.code .QRCode img {
	width: 50%;
}

.chpsd {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	background: #8E8E8E;
	left: 0;
	opacity: 0.5;
	z-index: 998;
	top: 0px;
	zoom: 1;
}

.center .news_board {
	position: relative;
	display: inline-block;
}

.center .news_board .news {
	background-color: #FFF;
	border-radius: 50%;
	height: 1.3em;
	width: 1.3em;
	position: absolute;
	top: -0.6em;
	right: -0.6em;
	border-width: 2px !important;
	display: table;
}

.center .news_board .news>div {
	font-size: 1em;
	font-weight: bold;
	vertical-align: middle;
	display: table-cell;
}