@charset "utf-8";
.min .before-login{
	display:flex;
	justify-content:end;
}
.min .after-login{
	display:flex;
	justify-content:end;
}
.min .right{
	margin-top:2rem;
	padding-right:2rem
}

/* 头部 */
.head .head-fixed {
	height:100px;
	background:rgba(255,255,255,0.6);
	box-shadow:0 2px 5px #f5f5f5;
}
.index-head{
	width:100%;
	height:0;
	overflow:visible;
	position:relative;
	z-index:111;
}
.index-head .head-fixed{
	position:absolute;
	width:100%;
	left:0;
	top:0;
	box-shadow:none;
}
.index-head .head-fixed .m1200{
	height:100%;
}
.head .logo {
	height:88px;
	float:left;
	padding:6px 0 0 0;
}
.head .logo img {
	height:100%;
}
.head .nav{
	font-size:0;
	letter-spacing:-5px;
	float:right;
}
.head .nav li{
	display:inline-block;
	letter-spacing:normal;
}
.head .nav li a{
	font-size:18px;
	color:#333333;
	line-height:100px;
	display:block;
	position:relative;
	padding:0 36px;
}
.head .nav li a:hover{
	text-decoration:underline;
}
.head .nav li.on a{
	background:#eebe90;
}


.min-head {
	background:#fff;
	border-bottom:1px solid #eeeeee;
}
.min-head .head-inner{
	width:1200px;
	margin:0 auto;
}
.min-head .head-inner>span{
	font-size:12px;
	color:#9d9fa2;
	line-height:30px;
}
.min-head .head-inner .login-box{
	float:right;
}
.min-head .head-inner .login-box a,.min-head .head-inner .login-box p{
	font-size:12px;
	color:#9d9fa2;
	line-height:30px;
}
.min-head .head-inner .login-box a:last-child{
	margin-left:10px;
}
.min-head .head-inner .login-box a:hover{
	color:#eebe90;
}


/*页脚*/
.foot {
	background:#dfdfdf;
	min-width:1200px;
	padding:60px 0;
	position:relative;
	z-index:11;
}
.foot .m1200{
	position:relative;
	text-align:center;
}
.foot .m1200>div{
	display:inline-block;
	vertical-align:middle;
}
.foot-info{
	text-align:left;
	margin:0 90px;
}
.foot-logo{
	height:88px;
}
.foot-logo img{
	height:100%;
}
.foot .wx-code .pic{
	width:120px;
	height:120px;
	padding:2px;
	box-sizing:border-box;
}
.foot .wx-code .pic img{
	width:100%;
	height:100%;
}
.foot .wx-code p{
	font-size:12px;
	color:#000000;
	line-height:100%;
	padding-top:6px;
}
.foot-nav{
	padding-bottom:18px;
	line-height:0;
	font-size:0;
	letter-spacing:-5px;
}
.foot-nav a,.foot-nav span{
	letter-spacing:normal;
	font-size:12px;
	color:#000000;
	line-height:20px;
	display:inline-block;
	vertical-align:baseline;
	font-weight:lighter;
}
.login-foot .foot-nav a,.login-foot .foot-nav span{
	color:#fff;
}
.foot-nav span{
	margin:0 20px;
}
.foot-copy,.foot-copy>*{
	font-size:12px;
	color:#000000;
	line-height:24px;
	font-weight:lighter;
}
.login-foot .foot-copy,.login-foot .foot-copy>*{
	color:#fff;
}
.login-foot{
	background:transparent;
}
.login-foot .foot-info{
	text-align:center;
}
.login-foot .m1200>.foot-logo,.login-foot .m1200>.wx-code{
	display:none;
}
.foot.black .foot-nav a,.foot.black .foot-nav span,.foot.black .foot-copy,.foot.black .foot-copy>*{
	color:#333;
}
.foot .foot-nav a:hover,.foot-copy a:hover{
	text-decoration:underline;
}
.page {
	letter-spacing:-5px;
	font-size:0;
  text-align:center;
  padding-top:50px;
}
.page b{
	font-weight:normal;
}
.page a,.page span {
	font-size:12px;
	display:inline-block;
	height:30px;
	padding:0 14px;
	text-align:center;
	line-height:30px;
	letter-spacing:normal;
	margin:0 3px 3px;
	vertical-align:top;
	transition:0s;
	border:1px solid #bfbfbf;
	color:#757575;
	background:#f2f1f3;
	border-radius:4px;
}
.page b{
	font-weight:normal;
}
.page span,.page a:hover {
	background:#eebe90;
	border-color:#eebe90;
	color:#fff;
}
/* 礼包弹窗 */
.popup-bg{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:9999;
	background:rgba(0,0,0,0.6);
	display:none;
}
.popup-bg .popup-box{
	width:600px;
	background:#fff;
	border-radius:2px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-160px 0 0 -300px;
	overflow:hidden;
}
.popup-box .title{
	padding:22px 20px;
	font-size:18px;
	color:#333;
	line-height:1em;
	border-bottom:1px solid #e7e7e7;
}
.popup-box .inner-box{
	padding:35px 15px;
}
.popup-bg .popup-box .inner-box ul{
	display:table;
	margin:0 auto;
	padding-bottom:20px;
}
.popup-bg .popup-box .inner-box ul li{
	margin-bottom:10px;
}
.popup-bg .popup-box .inner-box li label{
	font-size:14px;
	width:84px;
	text-align:right;
	color:#999;
	line-height:24px;
	vertical-align:middle;
	float:left;
}
.popup-bg .popup-box .inner-box li .right-part{
	font-size:14px;
	color:#666;
	line-height:24px;
	vertical-align:middle;
	padding-left:84px;
	max-width:330px;
}
.popup-bg .popup-box .inner-box li .right-part .code{
	color:#fe5a5a;
	font-size:14px;
	line-height:24px;
}
.popup-box .close{
	width:30px;
	height:30px;
	position:absolute;
	top:16px;
	right:14px;
	cursor: pointer;
	transition:0.2s;
}
.popup-box .close:before,.popup-box .close:after{
	content:'';
	width:100%;
	height:1px;
	background:#000;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
}
.popup-box .close:before{
	transform:rotate(-45deg);
}
.popup-box .close:after{
	transform:rotate(45deg);
}
.popup-box .close:hover{
	transform:rotate(90deg);
}
.popup-bg .popup-box .copy,.popup-bg .popup-box .sure-btn{
	width:127px;
	height:38px;
	line-height:38px;
	border-radius:3px;
	background:#eebe90;
	text-align:center;
	font-size:14px;
	color:#333;
	display:table;
	margin:0 auto;
	cursor:pointer;
}

.popup-bg-back .popup-box{
	width:400px;
	margin:-100px 0 0 -200px;
	min-height:100px;
}
.popup-bg-back .inner-box{
	padding:60px 40px 35px;
}
.popup-bg-back .inner-box>p{
	font-size:14px;
	color:#666666;
	line-height:36px;
	text-align:center;
}
.popup-bg-back .inner-box .sure-btn{
	margin-top:20px;
}

/* 账号注销联系弹窗 */
.popup-bg-cancell{
	width:100%;
	min-width:800px;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:9999;
	background:rgba(0,0,0,0.6);
	display:none;
	text-align:center;
	font-size:0;
	letter-spacing:-5px;
}
.popup-bg-cancell:before{
	content:'';
	width:0;
	height:100%;
	display:inline-block;
	vertical-align:middle;
}
.popup-bg-cancell .popup-box{
	width:600px;
	background:#fff;
	border-radius:2px;
	overflow:hidden;
	text-align:left;
	letter-spacing:normal;
	font-size:14px;
	display:inline-block;
	position:relative;
}
.popup-bg-cancell .popup-box .inner-box{
	padding:35px 45px;
}
.popup-bg-cancell .popup-box .inner-box p{
	font-size:14px;
	color:#666666;
	line-height:36px;
}
.popup-bg-cancell .inner-box .copy-btn{
	color:#ff5400;
	cursor: pointer;
	text-decoration:underline;
}
.popup-bg-cancell .popup-box .sure-btn{
	width:127px;
	height:38px;
	line-height:38px;
	border-radius:3px;
	background:#eebe90;
	text-align:center;
	font-size:14px;
	color:#333;
	display:table;
	margin:30px auto 0;
	cursor:pointer;
}

/* 提示消息 */
.msg-box {
	background:rgba(0,0,0,0.5);
	z-index:10000;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	color:#fff;
	font-size:14px;
	padding:8px 12px;
	border-radius:4px;
	max-width:100%;
	box-sizing:border-box;
}
/* 加载动画 */
.loading-bg {
	background:rgba(0,0,0,0.5);
	z-index:10000;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	color:#fff;
	font-size:14px;
	padding:8px 12px;
	border-radius:4px;
	max-width:100%;
	box-sizing:border-box;
}
.loading-bg.hide {
	display:none;
}
.loading-bg .loading {
	margin:0 auto;
	flex:none;
	height:24px;
	width:24px;
	border-radius:100%;
	border:2px solid #fff;
	border-bottom-color:transparent;
	-webkit-animation:rotate 0.75s linear infinite;
	animation:rotate 0.75s linear infinite;
}
.loading-bg p {
	flex:none;
	color:#fff;
	font-size:14px;
	line-height:22px;
	padding-top:4px;
}
@-webkit-keyframes rotate {
	0% {
	-webkit-transform:rotate(0deg);
}
50% {
	-webkit-transform:rotate(180deg);
}
100% {
	-webkit-transform:rotate(360deg);
}
;}@keyframes rotate {
	0% {
	transform:rotate(0deg);
}
50% {
	transform:rotate(180deg);
}
100% {
	transform:rotate(360deg);
}
;}