@charset "utf-8";
/* CSS Document */
.input-shadow {
	box-shadow: inset 2px 2px 3px 0px rgba(124,124,143,.1);
}
body.my-account {
	background: #fff;
}
.my-account .g-c-side {
	float: left;
}
.Member-tips {
	padding: 15px 0;
	background: #e64823;
	color: #fff;
	font-size: 26px;
	line-height: 34px;
	font-weight: bold;
}
.Member-tips i{
	margin-right:5px;
	animation: icon-flicker 0.8s infinite linear;
	-webkit-animation: icon-flicker 0.8s infinite linear;
}
@keyframes icon-flicker {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}
.Member-tips a {
	font-weight: bold;
	color: #f1ea16;
	text-decoration: underline;
}
.member-ssegold {
	background-image: url(../../images/web/member/member-ssegold-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 20px 0;
}
.member_header {

}
.touxiang-img {
	float: left;
	width: 100px;
	height: 100px;
	border: 3px solid #d2d2d2;
	box-sizing: border-box;
	border-radius: 50%;
	display: inline-block;
	background-image: url(../../images/web/member/touxiang-img.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.Modify-picture>h2 {
	display: inline-block;
	margin-top: 38px;
	border: none;
	font-size: 18px;
	color: #666;
}
.member-hp {
	width: 100px;
	height: 100px;
	box-sizing: border-box;
	border: 2px solid #ccc;
	border-radius: 50%;
	float: left;
	overflow: hidden;
}
.member-hp img {
}
.member-show {
	float: left;
	padding-left: 20px;
	letter-spacing: 0;
	max-width:500px;
	width:100%;
}
.member-show .nickname {
	font-size: 20px;
	line-height: 40px;
	color: #fff;
}
.member-show .nickname img {
	vertical-align: middle;
	margin-left: 10px;
	width: 26px;
	margin-top: -3px;
}
.member-progress {
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	margin-top: 16px;
	text-transform: uppercase;
}
.member-progress progress {
	max-width: 450px;
	width:100%;
}
.member-progress img {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-top: -4px;
}
.side-2 {
	width: 24%;
	float: left;
	margin: 30px 0;
	background: #fff;
}
.m-menuy {
	border: 1px solid #d2d2d2;
	padding: 8px 0;
	border-radius: 4px;
}
.m-menuy .A {
	display: block;
	padding: 0 10px;
	line-height: 42px;
	font-size: 16px;
	box-sizing: border-box;
	color: #666;
	text-transform:capitalize;
}
.m-menuy .A .iconfont {
    margin-right: 10px;
    color: #f6031a;
    font-size: 20px;
}
.m-menuy .A span {
	margin-left: 5px;
	background: #b95d5d;
	border-radius: 4px;
	padding: 0 5px;
	color: #fff;
	font-size: 12px;
	vertical-align: middle;
	line-height: 20px;
}
.m-menuy .A img{
	margin-top:15px;
	float:right;
}
.m-menuy .z-sel .A {
	background-color: #fcefef;
	color: #f6031a;
	border-left: 3px solid #f6031a;
}
.m-menuy .A:hover {
    background-color: #fcefef;
}
.member-box {
	width: 73%;
	float: right;
	border: 1px solid #d2d2d2;
	padding: 0;
	margin: 30px 0 50px 0;
	background: #fff;
	border-radius:5px;
	overflow:hidden;
}
.member-box .hd {
	background: #f5f5f5;
	border-bottom: 1px solid #d2d2d2;
	color: #333;
	line-height: 50px;
	padding: 0 20px;
	font-size: 18px;
	border-radius:5px 5px 0 0;
	font-family: "manrope-medium";
	text-transform:capitalize;
}
.member-box .bd {
	padding:30px 20px;
}
.m-table {
	table-layout: fixed;
	width: 100%;
	line-height: 1.5;
}
.m-table-Memberinfo .formitm-table {
	margin: 25px 0;
	font-size: 16px;
}
.m-table-Memberinfo .formitm-table img {
	vertical-align: middle;
	margin-top: -5px;
}
.m-form-new.m-form .formitm{
	margin:10px 0;
}
.td-item-level .progress {
	margin: -8px 0;
}
.td-item-level progress {
	max-width: 350px;
}
progress {
	width: 100%;
}
.ipt.td-item-level{
	text-transform:uppercase;
}
/*affiliate*/
.affiliate-form .formitm .lab {
	width: auto;
	float: left;
	line-height: 42px;
	display: inline-block;
}
.affiliate-form .formitm .ipt {
	max-width: 360px;
	display: inline-block;
}
.affiliate-tabs{
	margin:30px 0;
}
.m-hd {
	margin-top:50px;
	font-size: 16px;
	font-weight: 700;
	border-bottom: 2px solid #cec492;
}
.m-hd li {
    position: relative;
    margin-right: 5px;
    line-height: 42px;
    list-style: none;
}
.m-hd li a {
	border-color: #ded296;
	color: #48443a;
	background: #fffdf4;
	display: block;
    padding: 0 15px;
    border: 1px solid #ddd;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    text-align: center;
}
.m-hd li.z-crt a {
	background-color: #ded296;
	border-color: #ded296;
	color: #48443a;
}
.intro {
	border: 1px solid #ded296;
	padding: 20px;
}
.m-article ol{
	margin:10px 0 20px 0;
}
.m-article ol li {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 16px;
	float:none;
}
.Affiliate-cont span{
	color:#3fb6f2;
	margin-right:5px;
}
.btn-box input {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: text-top;
	margin:0 5px;
}
.btn-box .but-btn {
	display: inline-block;
	line-height: 32px;
	background: #ded296;
	color: #666;
	font-size: 16px;
}
.order-info-list{
	overflow-x:auto;
}
.order-info-list table{
	min-width:800px;
}
/*Coupon History*/
.Coupon-bd {
	padding: 30px 20px 50px 20px !important;
}
.Coupon-intro {
	margin-top: 15px;
	margin-bottom: 50px;
	overflow-x: auto;
	width:100%;
}
.table-Coupon {
	min-width: 460px;
	width: 100%;
}
.table-Coupon th {
	padding:10px !important;
	color: #eee;
	border-bottom: none;
	font-size: 14px;
	background-color: #333;
	background-image: -webkit-linear-gradient(bottom,#242424,#4a4a4a);
	background-image: -moz-linear-gradient(bottom,#242424,#4a4a4a);
	background-image: -o-linear-gradient(bottom,#242424,#4a4a4a);
	background-image: -ms-linear-gradient(bottom,#242424,#4a4a4a);
	background-image: linear-gradient(to top,#242424,#4a4a4a);
}
.th-Coupon_3 {
	min-width: 126px;
}
.table-Coupon.table tr {
	border-bottom: 1px dashed #ccc;
	font-size: 14px;
	color: #666;
}
.table th, .table td {
	padding: 8px;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #ddd;
	color:#666;
}
.table-Coupon.table td {
	border: 0;
	padding: 10px;
}
.td-Coupon_1 {
	min-width: 120px;
}
.td-Coupon_2 .Used-Coupon {
	font-size: 18px;
	color: #f6031a;
	font-weight:bold;
}
.Unused Coupon{
	color:#ccc;
}
.Modify-picture {
	border-bottom: 1px solid #e3e3e3;
	display: block;
	padding-bottom: 20px;
	padding-top: 10px;
	margin-bottom: 20px;
}
.Modify-picture>div {
	float: left;
	width: 200px;
	padding: 0px 10px 0px 0;
	text-align: right;
	box-sizing: border-box;
}
.days-signup > li {
	float: left;
	margin-top: 10px;
	position: relative;
	margin-right: 5px;
}
.days-signup > li img {
	width:80px;
	
}
.day1::before, .day2::before, .day3::before, .day4::before, .day5::before, .day6::before, .day7::before {
	background: #fff;
	opacity: 0.7;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
}
.u-btn.signin-btn {
	/*min-width:50px;*/
	margin-top: 50px;
	margin-left: 50px;
	float: left;
}
.u-btn.back-btn {
	background: none;
	border: none;
	margin-top: 50px;
	float: left;
}
.u-btn.back-btn:hover {
	box-shadow: none;
	filter: brightness(1.2);
	-webkit-filter: brightness(1.2);
}
.member-box-none{
	border:none;
	border-radius:0px;
}
.Affiliate-Program{
	border:1px solid #ddd;
	border-radius:4px;
}
.Points-info {
	background: #f5f5f5;
	display: table;
	width: 100%;
	border: 1px solid #ddd;
	overflow: hidden;
	border-radius: 4px;
}
.Points-info-cont {
	width: 30%;
	display: table-cell;
	background-color: #f5f5f5;
	padding: 20px;
	box-sizing: border-box;
}
.level-sign-info {
	width: 70%;
	display:table-cell;
	background: #fff;
	border-left: 1px solid #d2d2d2;
	box-sizing: border-box;
}
.Points-info-cont>h2 {
	font-size: 20px;
	color: #333;
	margin-bottom:5px;
}
.Points-info-cont>h2>span {
	margin-left: 5px;
	color: #ff840b;
}
.Points-info-cont>p {
	font-size: 14px;
	color: #666;
}
.Points-info-cont>p>i {
	font-size: 14px;
	margin-left: 5px;
}
.points-img {
	margin: 40px auto;
	text-align: center;
}
.Mall-but, .signin-btn {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #3fb6f2;
	outline: none;
	line-height: 36px;
	width: 100%;
	border: none;
	border-radius: 4px;
}
.Key-but {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #3fb6f2;
	border: 1px solid #3fb6f2;
	background: #fff;
	line-height: 34px;
	outline: none;
	border-radius:4px;
	width: 100%;
	margin-top: 10px;
	transition: all 0.1s;
}
.Key-but:hover, .signin-btn:hover {
	color: #fff;
	background: #3fb6f2;
	transition: all 0.1s;
}
.signin-btn {
	width: auto;
	display: inline-block;
	min-width: 160px;
	padding: 0 20px;
	margin-top: 15px;
}
.level-info {
	padding: 20px;
}
.level-info h2 {
	font-size: 20px;
}
.level-info h2 img {
	vertical-align: middle;
	margin-top: -6px;
	margin-left: 5px;
	display: inline-block;
}
.level-progress {
	margin-top: 30px;
	margin-bottom: 15px;
}
.level-progress .progress{
	position:relative;
	width:100%;
}
.asb-Junior, .asb-Standard, .asb-Senior, .asb-Platinum, .asb-Lifetime {
	position: absolute;
	text-align: center;
}
.asb-Junior {
	left: 0;
}
.asb-Standard {
	left: 10%;
}
.asb-Senior {
	left: 26.6%;
}
.asb-Platinum {
	left: 50%;
}
.asb-Lifetime {
	right: 0;
}
.rank-stars span {
	position: relative;
	top: -36px;
	color: #666;
	font-size: 14px;
	display: block;
}
.rank-stars img {
	position: relative;
	top: -22px;
	width: 16px;
	height: 16px;
}
.sign-info {
	padding: 20px;
	border-top: 1px solid #d2d2d2;
}
.meta.series {
	font-size: 18px;
}
.Points-record {
	margin: 30px 0;
	border: 1px solid #ddd;
	overflow: hidden;
	border-radius: 4px;
}
.Points-record ul {
	border-bottom: 1px solid #d2d2d2;
	background-color: #f5f5f5;
}
.Points-record ul li {
	float: left;
	line-height: 48px;
	padding: 0 30px;
	font-size: 18px;
	border-bottom: 3px solid #f5f5f5;
	cursor: pointer;
	color: #666;
}
.Points-record ul li:hover {
	color: #3fb6f2;
}
.Points-record ul li.current {
	color: #3fb6f2;
	border-bottom: 3px solid #3fb6f2;
}
.Points-record-cont {
	display: none;
	padding: 10px 20px;
	min-height:200px;
}
.Points-record-cont .tr {
	background-color: #f5f5f5;
	line-height: 40px;
	color: #eee;
	font-size: 16px;
    background-image: -webkit-linear-gradient(bottom, #242424, #4a4a4a);
    background-image: -moz-linear-gradient(bottom, #242424, #4a4a4a);
    background-image: -o-linear-gradient(bottom, #242424, #4a4a4a);
    background-image: linear-gradient(to top, #242424, #4a4a4a);
    box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
.Points-record-cont .td-1 {
	width: 60%;
	float: left;
	box-sizing: border-box;
	padding: 0 10px;
}
.Points-record-cont .td-2 {
	width: 20%;
	float: left;
	box-sizing: border-box;
	padding: 0 10px;
	text-align: center;
}
.Points-record-cont .td-3 {
	width: 20%;
	float: left;
	box-sizing: border-box;
	padding: 0 10px;
	text-align: center;
}
.Points-record-cont .th {
	font-size: 16px;
	color: #666;
	line-height: 40px;
	border-bottom: 1px dashed #ccc;
}
.td-2-add {
	color: #2db312;
	font-weight: bold;
}
.td-2-subtract {
	color: #f6031a;
	font-weight: bold;
}
/*orderList-tr*/
.orderList-menu {
	padding: 20px;
	border: 1px solid #d2d2d2;
	background: #f5f5f5;
}
.member-sel {
	line-height: 34px;
	height: 36px;
	width: 200px;
	color: #666;
	font-size: 14px;
	border-radius:3px;
}
.Coupon-bd>a {
	float: right;
	margin-top: 0;
}
.ipt-box {
	display: inline-block;
	float: right!important;
}
.ipt-box input{
	width: 180px;
    line-height: 34px;
    height: 36px;
    vertical-align: top;
}
.ipt-box .but-btn{
	height:36px;
	line-height:34px;
	display:inline-block;
	font-size:14px;
	padding:0 10px;
	background: #809de0;
    color: #ffffff;
}
.orderList-body {
	overflow-x: auto;
	margin-bottom: 15px;
}
.orderList-menu .ipt-box .u-btn {
	margin-bottom: 0;
}
.orderList {
	width: 100%;
	min-width: 600px;
}
.orderList-tr {
	margin-top: 15px;
	border: 1px solid #ddd;
}
.orderList-tr .tr-1 {
	background: #f5f5f5;
	color: #666;
	font-size: 15px;
	line-height: 36px;
	padding: 0 20px
}
.order-list-left {
	display: inline-flex;
	width: 54%;
	flex: 1;
}
.order-list-right {
	display: inline-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 45%;
	vertical-align: top;
}
.orderList-tr .f-fr {
	font-size: 14px;
	color: #2F82FB;
	background: none;
	line-height: 34px;
}

/*Credits Mall*/
.mall-list {
	float: left;
	width: 46%;
	background: #f5f5f5;
	margin: 10px 2%;
	border-top: 3px solid #f63c03;
	padding: 15px 20px;
	box-sizing: border-box;
}
.Exchange-info {
	margin-left: 15px;
}
.Exchange-info div {
	font-size: 16px;
	color: #666;
}
.Exchange-info div img {
	vertical-align: middle;
}
.Exchange-info p {
	font-size: 18px;
	color: #f63c03;
}
.Exchange-but {
	background: #f63c03;
	line-height: 36px;
	font-size: 16px;
	border: none;
	outline: 0;
	border-radius: 20px;
	margin-top: 20px;
	color: #fff;
	padding: 0 20px;
	text-transform:capitalize;
}
.Points-info-cont .tooltip {
	opacity: 1;
}
.my-account .m-menu2 .form-wrap.f-cb {
	border: 0px;
	border-radius: 0px;
	border-bottom: 1px solid #e2cfc7;
}
a.btn_order_detail {
	color: #4444f0;
}
a.btn_order_detail:hover {
	text-decoration: underline;
}
.formitm {
*zoom:1
}
.formitm:after {
	content: '\20';
	display: block;
	clear: both;
	height: 0;
}
.m-form-new.m-form .lab {
	width: 240px;
	text-align: right;
	color: #999;
	box-sizing: border-box;
	padding: 0px 10px 0px 0;
	font-size: 16px;
	font-weight: lighter;
	margin: 0;
}
.m-form-new.m-form .ipt {
	margin: 0;
	float: left;
	width: 340px;
	position: relative;
}
.m-form-new.m-form .ipt .u-ipt {
	width: 100%;
}
.my-account .secbd.secbd-1 .ft-change-page{
	margin:0 10px 30px 0!important;
}
.n-h-order-region{
	border-bottom: 1px dashed #c9c9c9;
}

/*key-chest-bank*/
.key-chest-bank {
	background: url(../../images/web/member/key-chest-bg.jpg) center top no-repeat;
	background-size: 100% auto;
	background-color: #121212;
	padding: 0;
}
.prize-display-all {
	width: auto;
	margin-right: 20px;
	margin-top: 180px;
	background: 0 0;
	float: right;
}
.prize-display-all .prize-list .prize-item {
    float: left;
    width: 140px;
    height:auto;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 70px;
}
.key-chest-bank img {
	vertical-align: middle;
	width: 100px;
}
.key-chest-bank .table-wrap {
	padding: 30px;
	padding-top:300px;
	clear: both;
}
.key-chest-bank .table-wrap .m-table {
    width: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
}
.key-chest-bank td {
	background-color: #fff;
	padding: 10px;
	border: 1px solid #5c0606;
	padding-left:0;
	color:#333;
	border-radius:0;
}
.key-chest-bank .tit {
	font-size: 20px;
	color: #1e1e1e;
	text-align: center;
	background: #fdf0cc;
	font-weight: 700;
	padding: 10px;
}
.key-chest-bank .keys-quantity {
	text-align: center;
	padding: 10px;
}
.keys-quantity b{
	font-size: 18px;
	font-weight: bold;
	color:#333;
}
.key-chest-bank .a-btn {
	line-height: 32px;
	padding: 0 10px;
}
.prizes-scroll{
	height:24px;
	overflow:hidden;
	margin:0 30px;
}
.prizes-scroll li{
	margin-right:20px;
	color:#999;
}
.prize-bank {
	padding: 30px;
}
.bank-contain {
	width: 100%;
}
.bank-contain h2 {
    font-size: 20px;
    color: #282828;
    line-height: 42px;
    padding: 10px 0 10px 30px;
    margin-bottom: 2px;
    background: #ffebb2;
}
.bank-contain .game-server {
    background-color: #fff;
    padding: 30px;
}

.game-server select{
    max-width:300px;
	width:100%;
}
.prize-display {
	margin-top: 2px;
	width: 100%;
	background-color: #fff;
	padding: 30px 0;
}
.prize-display ul li {
	width: 20%;
	padding:0 2%;
	float: left;
	margin-bottom: 10px;
}
.prize-display ul img {
	margin: 10px auto;
	width: 100px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.prize-display ul li .a-btn {
	margin-top: 10px !important;
    margin: 0 auto;
    display: block;
    width: 120px;
}
.bank-contain > h2 > a {
	margin-left: 20px;
	color: #f6031a;
}
.bank-contain > h2 > a:hover{
	 text-decoration:underline;
 }
.unpack-record  .m-layer-content {
	max-width: 750px;
	overflow:hidden;
}
.unpack-record .record-tr {
	width: 100%;
}
.unpack-record .record-tr span {
	padding: 8px;
	width: 15%;
	display:inline-block;
	float:left;
}
.unpack-record .record-tr span:nth-child(1){
	min-width:150px;
}
.unpack-record .record-tr span:nth-child(2){
	min-width:135px;
}
.unpack-record .record-tr span:nth-child(3){
	min-width:180px;
}
.unpack-record .record-tr span:nth-child(4){
	min-width:100px;
}
.unpack-record .record-tr span:nth-child(5){
	min-width:100px;
}
.unpack-record .scrollbar {
	min-height:200px;
	max-height: 650px;
}
.record-table{
	min-width:400px;
}
.record-table > .record-tr {
	background: #ffebb2;
	color: #333;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
}
.unpack-record .scrollbar .record-tr {
	border-bottom: 1px solid #ececec;
	font-size:12px;
}
.unpack-record tbody tr:last-child{
	border-bottom:none;
}
.bank-contain .game-server p {
	color: #2b2b2b;
	font-size: 18px;
	line-height: 24px;
	margin-top: 10px;
}
.gold-withdraw {
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	opacity: 0.8;
	color: #fff;
}
.m-layer-Upgrade-Chest .formitm-table{
    margin:15px 0;
}
.m-layer-Upgrade-Chest .formitm-table .lab {
	width: 50%;
}
.m-layer-Upgrade-Chest .formitm-table .ipt {
	font-weight: bold;
	font-size: 18px;
}
#PointsKey .formitm-table .lab{
	width:50%;
}
@media screen and (max-width:1024px) {
	.key-chest-bank .table-wrap{
		padding-top:210px;
	}
	.my-account .pure-u-lg-5-24 {
		width: 20.8333%;
	}
	.my-account .pure-u-lg-19-24 {
		width: 79.1667%;
	}
	.my-account .g-wrap.pure-g {
		padding: 0 20px;
		box-sizing: border-box;
	}
	.my-account .g-c-main {
		padding-left: 30px;
	}
	.my-account .mall-list .f-fl>img{
		max-width:165px;
	}
	.my-account.Halloween-2020 .Halloween-hover{
		display:none!important;
	}
	.prize-display-all .prize-list .prize-item{
		width:100px;
	}
}

@media screen and (max-width:768px) {
	.my-account .pure-u-lg-5-24 {
		display: none;
	}
	.my-account .pure-u-lg-19-24 {
		width: 100%;
	}
	.my-account .g-c-main {
		padding: 0;
	}
	.m-menuy {
		border-left: 0px;
		border-right: 0px;
	}
	.mall-list {
		margin: 10px 1%;
		width:48%;
		padding: 15px;
	}
	.mall-list>.f-fl>img {
		width: 110px;
	}
	.Exchange-info div img {
		width: 18px;
		height: 18px;
	}
	.Coupon-bd select{
		width:160px;
	}
	.Exchange-but {
		font-size: 14px;
	}
	.Exchange-info div {
		font-size: 14px;
	}
	.key-chest-bank td{
		padding-left:10px;
		text-align:center;
		font-size:12px;
	}
	.key-chest-bank .tit{
		font-size:14px;
	}
	.key-chest-bank img {
		width: 60px;
	}
	.member-box.key-member-box {
		width: calc(100% + 30px) !important;
		margin: 0 -15px;
	}
	.prize-bank{
		padding:30px 15px;
	}
}

@media screen and (max-width:576px) {
	.key-chest-bank .table-wrap {
		padding: 100px 10px 10px;
	}
	.member-progress .progress {
		width: 240px;
	}
	.level-sign-info {
		border-left: none;
		border-top: 1px solid #d2d2d2;
	}
	.Points-record-cont .tr .td-1 {
		width: 40%;
	}
	.Points-record-cont .tr .td-2 {
		width: 40%;
	}
	.Points-record-cont .th {
		padding: 5px 0;
	}
	.Points-record-cont .th .td-1,  .Points-record-cont .th .td-2,  .Points-record-cont .th .td-3 {
		width: 100%;
		text-align: left;
		line-height: 24px;
	}
	.m-imglist-x.m-menux2.lkji>li.m-minicart strong {
		display: none;
	}
	.mall-list {
		width: 100%;
		margin: 10px 0;
	}
	.changePasswordModal .m-form .lab {
		text-align: left;
	}
	.changePasswordModal .m-form .ipt,  .changePasswordModal .m-form .ipt .u-ipt {
		width: 100%;
		box-sizing: border-box;
	}
	.touxiang-img {
		width: 60px;
		height: 60px;
	}
	.member-show{
		width:auto;
	}
	.member-progress{
		margin-top:0;
	}
	.m-hd li {
		width: 100%;
		box-sizing: border-box;
		margin: 0 !important;
	}
	.affiliate .m-hd ul.tabs {
		border-bottom: 1px solid #ded296;
	}
	.intro .m-form .ipt {
		clear: both;
		margin-left: 0px;
	}
	.m-form-new.m-form .lab {
		text-align: left;
		width: 100%;
		line-height: 30px;
	}
	.m-form-new.m-form .ipt {
		width: 100%;
		margin-top: 0px;
	}
	.ipt-box {
		margin-top: 10px;
		float: left!important;
	}
	.ipt-box .u-ipt {
		width: 200px;
	}
	.tr-2-td1 {
		width: 50%;
	}
	.tr-2-td3 {
		width: 20%;
	}
	.Memberinfo-tr .td-tit {
		width:170px;
	}
	.days-signup > li img {
		width: 60px;
	}
	.keys-quantity b{
		display:block;
	}
	.prize-bank{
		padding:10px;
	}
	.prizes-scroll {
		padding: 10px;
		height:52px;
	}
	.unpack-record .scrollbar {
		max-height: 400px;
	}
	.unpack-record .record-tr {
		display:flex;
	}
	.unpack-record .record-tr span {
		border-bottom: 1px solid #ececec;
	}
	.unpack-record .scrollbar .record-tr {
		border-bottom: none;
	}
}
@media screen and (max-width:375px) {
	.member-progress .progress {
		width: 220px;
	}
	.Points-record ul li {
		padding: 0 20px;
	}
	.Exchange-info {
		margin-left: 12px;
	}
}


.Affiliate-Program{
	border:1px solid #ddd;
	overflow:hidden;
	border-radius:4px;
}
.affiliate-banner {
	width: 100%;
	position: relative;
	margin-top: -20px;
}
.affiliate-banner img {
	width: 100%;
}
.affiliate-banner h1 {
	color: #48443a;
	margin: 15px 0 10px;
	font-size: 34px;
	font-style: italic;
	font-weight: bold;
}
.affiliate-banner .inner {
	position: absolute;
	width: 70%;
	left: 30px;
	top: 20px;
	font-size: 20px;
}
.affiliate .intro .title {
	background: url(../img/titie-bg.png) 0 12px no-repeat;
	margin-top: 30px;
	margin-bottom: 20px;
}
.affiliate .intro .title h1 {
	background-color: #F3F3F3;
	float: left;
	margin: 0;
	padding-right: 21px;
	color: #393939;
}
.affiliate .affiliate-form .formline {
	margin-bottom: 15px;
}
.affiliate .affiliate-form .formline .u-ipt {
	margin: 0;
	width: 300px;
}
/* tab */
.m-hd .more {
	float: right;
	margin-left: 10px;
}
/* has background */
.m-hd-bg {
	padding: 11px 10px 0;
	border-radius: 5px 5px 0 0;
	background: #f7f7f7;
}
/* tab seamless*/
.m-hd-sl li {
	margin-left: -1px;
}
.m-hd-sl li a {
	border-radius: 0;
}
.m-hd-sl li:first-child a {
	border-top-left-radius: 5px;
}
.m-hd-sl li:last-child a {
	border-top-right-radius: 5px;
}
/* tab on the right*/
.m-hd-rt h2 {
	margin-right: 0;
}
.m-hd-rt ul {
	float: right;
}
/* tab small*/
.m-hd-sm {
	height: 25px;
	line-height: 25px;
}
.m-hd-sm h2 {
	font-size: 14px;
}
.m-hd-sm li a {
	padding: 0 10px;
	font-size: 12px;
}
/* tab fix width*/
.m-hd-fw li {
	width: 80px;
}
.m-hd-fw li a {
	padding: 0;
}
/* tab  rec angle*/
.m-hd-ra, .m-hd-ra li a, .m-hd-ra li:first-child a, .m-hd-ra li:last-child a {
	border-radius: 0;
}
.table {
	width: 100%;
	margin-bottom: 20px;
	max-width: 100%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
}
.table th, .table td {
	padding: 10px;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #dddddd;
}
.table td {
	border: 1px solid #DDDDDD;
}
.order-info-list table {
}
.order-info-list table .name {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
}
.order-info-list table .meta {
	font-size: 12px;
	margin: 0;
}
.order-info-list table td {
	border: 1px solid #DDDDDD;
}
.order-info-list .table thead > tr th,  .order-info-list .table tbody > tr th {
	color: #eee;
	border: 1px solid #444;
	border-bottom: none;
	font-size: 14px;
	font-weight:lighter;
	background-color: #000114;
	background-image: -webkit-linear-gradient(bottom, #242424, #4a4a4a);
	background-image: -moz-linear-gradient(bottom, #242424, #4a4a4a);
	background-image: -o-linear-gradient(bottom, #242424, #4a4a4a);
	background-image: linear-gradient(to top, #242424, #4a4a4a);
	box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
.order-info-list table td .btn {
	font-size: 12px;
	padding: 4px 8px;
}
.order-info-list table input{
	width:16px;
	height:16px;
}
.order-info-list h1 {
	font-size: 20px;
}
.order-info-list .table-points-info td.tit {
	width: 140px;
	font-weight: bold;
	background-color: #EAEAEA;
}
.m-tip {
	padding: 10px;
	margin: 15px 0;
	background-color: #d9edf7;
	border: 1px solid #bce8f1;
	color: #31708f;
}
.m-article {
}
.m-article p {
	margin: 10px 0;
}
.m-article h2 {
	font-size: 20px;
	font-weight: bold;
	margin: 15px 0;
}




/*Member Discount*/
.membdis-main-wrapper {
    background: #faefec;
    margin-bottom:0;
    padding-bottom:50px;
}
.meb-disc-bann{
    overflow:hidden;
    width:100%;
}
.meb-disc-bann > img {
    max-width:1920px;
    margin: 0 auto;
    height: 400px;
}
.membdis-main-wrapper .container{
    max-width:1100px;
}
.membdis-meun {
    margin: 50px -5px;
}
.membdis-meun li{
    width:20%;
}
.membdis-list {
	color: #fff;
	padding: 50px 0;
	font-size: 20px;
	text-align: center;
	display: block;
	margin: 5px;
	background-image: linear-gradient(90deg,rgba(209,77,570,0.11),rgb(250,166,149));
	background-image: -moz-linear-gradient(90deg,rgba(209,77,57,0.11),rgb(250,166,149));
	background-image: -webkit-linear-gradient(90deg,rgba(209,77,57,0.11),rgb(250,166,149));
	background-image: -ms-linear-gradient(90deg,rgba(209,77,57,0.11),rgb(250,166,149));
}
.membdis-list i{
    font-size:75px!important;
    line-height:75px;
}
.membdis-list div{
    margin-top:30px;
	text-transform:capitalize;
}
.membdis-h2 {
	display: block;
	text-align: center;
	margin: 50px;
	color: #835046;
	font-size: 36px;
	text-transform: capitalize;
}
.membdis-h2 p{
   font-size:16px;
   margin-top:10px;
}
.ranktable {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    text-align: center;
    border: 2px solid #835046;
}
.ranktable thead {
    background: #faf0e8;
}
.ranktable tr td {
    border: 1px solid #baa58f;
    height: 30px;
    padding: 5px; 
    font-size:18px;
	text-transform:capitalize;
}
.ranktable thead tr td{
    color:#a15f42;
    padding:15px 5px;
    font-weight:bold;
}
.ranktable tbody tr td {
    color: #900;
     background:#fff;
}
.ranktable tbody tr td.ranktable-td1{
    color:#a15f42;
    background: #faf0e8;
    font-weight:bold;
}
.ranktable tbody tr td.ranktable-td2 {
    color: #666;
    font-size: 16px;
}
.ranktable tbody tr td.ranktable-td3 span{
    color: #fff;
    font-size: 16px;
    background: #f9773d;
    line-height: 30px;
    width: 44px;
    text-align: center;
    display: inline-block;
    border-radius: 3px;
}
.membdis-Coupon {
    margin: 0px -5px;
}
.membdis-Coupon li{
    width:20%;
}
.membdis-Coupon > li > div {
    text-align: center;
    display: block;
    position: relative;
    padding: 3px;
    margin: 5px;
    border-radius: 5px;
    overflow:hidden;
    background:#db624f;
}
.span-Coupon {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #faef18;
    color: #64271c;
    font-weight: 700;
    z-index: 15;
    font-size: 16px;
    padding: 3px 0;
    position: absolute;
    top: 22px;
    left: -30px;
    width: 130px;
    transform: rotate(-45deg);
    pointer-events: auto;
}
.membdis-Coupon-list {
	border-radius: 3px;
	border: 1px dashed #eebdb7;
	background-image: linear-gradient(90deg,rgba(209,77,57,0.11),rgb(250,166,149));
	background-image: -moz-linear-gradient(90deg,rgba(209,77,57,0.11),rgb(250,166,149));
	background-image: -webkit-linear-gradient(90deg,rgba(209,77,57,0.11),rgb(250,166,149));
	background-image: -ms-linear-gradient(90deg,rgba(209,77,57,0.11),rgb(250,166,149));
}
.membdis-Coupon-list div{
    font-size:50px;
    line-height:50px;
    font-weight:bold;
    color:#fff;
    padding-top:30px;
}
.membdis-Coupon-list div span{
    font-size:18px;
    margin-right:5px;
    font-weight:lighter;
}
.membdis-Coupon-list p{
    color:#fff;
    font-size:18px;
    display:block;
    text-align:center;
    padding-bottom:15px;
    border-bottom:1px dashed #eebdb7;
}
.membdis-Coupon-list a{
    background: #ffcec6;
    color: #973225;
    border-radius: 30px;
    width: 116px;
    text-align: center;
    display: inline-block;
    margin: 20px 0;
    line-height: 30px;
    font-weight: bold;
    font-size: 16px;
    -webkit-box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
	text-transform:capitalize;
}
.earn-points{
    width:100%;
    background:#fff;
    padding:20px 10px;
}
.earn-points li{
    width:33.33%;
    padding:10px;
    text-align:center;
}
.earn-points-list p {
    height: 80px;
    color: #835046;
    font-size: 16px;
}
.earn-points-list a {
    margin-bottom: 15px;
    color: #fff;
    font-size: 18px;
    background: #f9773d;
    min-width: 165px;
    padding: 0 15px;
    line-height: 44px;
    display: inline-block;
    -webkit-box-shadow: 0 3px 12px 0 rgba(249,119,61,.5);
    box-shadow: 0 3px 12px 0 rgba(249,119,61,.5);
}
@media screen and (max-width:768px) {
    .meb-disc-bann > img {
        max-width: 1920px;
        height: 280px;
        margin-left: -38%;
    }
	.membdis-list{
		padding:25px 0;
	}
}
@media screen and (max-width:576px) {
	.meb-disc-bann > img {
		height: 150px;
		margin-left: -44%;
	}
    .membdis-meun {
        margin: 25px -5px;
    }
    .membdis-list {
        padding: 15px 0;
        font-size: 15px;
    }
    .membdis-list i {
        font-size: 50px!important;
        line-height: 50px;
    }
    .membdis-list div {
        margin-top: 15px;
    }
    .membdis-h2 {
        font-size: 20px;
        margin: 30px 20px;
    }
    .membdis-h2 p {
        font-size: 14px;
        line-height:16px;
        margin-top: 10px;
    }
    .ranktable thead tr td,
    .ranktable tbody tr td.ranktable-td1 {
        font-size: 14px;
    }
    .ranktable tbody tr td.ranktable-td2 {
        font-size: 12px;
    }
    .earn-points-list p {
        min-height: 80px;
        font-size: 13px;
        line-height: 16px;
    }
    .earn-points-list a {
        font-size: 14px;
        min-width: 135px;
        padding: 0 15px;
        line-height: 30px;
    }
	.membdis-Coupon-list p {
		font-size: 13px;
		padding-bottom: 5px;
	}
	.membdis-Coupon-list a {
		font-size: 12px;
		padding: 0 10px;
		width: auto;
		margin: 10px 0;
		line-height: 26px;
	}
	.span-Coupon {
		font-size: 10px;
		padding: 0;
		top: 10px;
		left: -44px;
	}
	.membdis-Coupon-list div{
		padding-top:20px;
		line-height:28px;
	}
}