@charset "utf-8";
html{font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,sans-serif,Arial,"tahoma";}
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,img,select,input,video{padding:0; margin:0; list-style:none; vertical-align:middle; outline:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
body{background:#fff; font:12px/22px "Microsoft YaHei"; color:#666; width:100%; min-width:1200px; max-width:1920px; margin:0 auto !important; overflow-x:hidden;}
input,textarea:focus{outline:none;}
input::-webkit-input-placeholder,input:-ms-input-placeholder,input::-moz-placeholder{color:#999;}
img{border:none;}
a{text-decoration:none; transition:0.3s;}
.m1200{width:12rem; margin:0 auto;}
.m1200:after{content:''; clear:both; height:0; display:block;}

.p-1{
	background-image:url(../images/public_img.png);
	background-size:6rem;
}
.hover:after{
  content:'';
  width:100%;
  height:100%;
  background-image:url(../images/public_img.png);
  background-size:6rem;
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  transition:0.3s;
}
.hover:hover:after{
  animation:toScale 0.6s ease-in-out;
}
@keyframes line{
  0%{top:0;}
  100%{top:100%;}
}
@keyframes toScale{
  0%{transform:scale(1,1); opacity:0.5;}
  100%{transform:scale(1.8,1.8); opacity:0;}
}
@keyframes arrow{
	0%{transform:translate(0,0); opacity:0.9;}
	50%{transform:translate(0,50%); opacity:0.6;}
	100%{transform:translate(0,0); opacity:0.9;}
}
@keyframes leftToRight{
	0%,100%{ransform: translateX(0)}
	10%,30%,50%,70%,90% {transform: translateX(-10px)}
	20%,40%,60%,80% {transform: translateX(10px)}
}
@keyframes scale{
	0%{transform:scale(0.8);}
	50%{transform:scale(1);}
  100%{transform:scale(0.8);}
}

.popup-bg{
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:9999;
  background:rgba(0,0,0,0.7);
	text-align:center;
	display:none;
	font-size:0;
  letter-spacing:-5px;
}
.popup-bg:before{
	content:'';
	width:0;
	height:100%;
  display:inline-block;
  vertical-align:middle;
}
.popup-bg>div{
	display:inline-block;
	letter-spacing:normal;
}
/* 登录框 */
.login-box {
	width:425px;
	padding:90px 48px 40px;
	box-sizing:border-box;
	border-radius:2px;
	border-top:4px solid #ffd845;
	background:#fff;
	position:relative;
	z-index:11;
}
.login-box .login-icon {
	width:110px;
	height:110px;
	box-sizing:border-box;
	overflow:hidden;
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	top:-55px;
}
.login-box .login-tab{
	text-align:center;
	font-size:0;
	letter-spacing:-5px;
	padding-bottom:20px;
}
.login-box .login-tab a{
	letter-spacing:normal;
	font-size:16px;
	color:#333333;
	display:inline-block;
	line-height:1em;
	margin:0 15px;
	padding:0 6px 8px;
	position:relative;
}
.login-box .login-tab a:after{
	content:'';
	height:2px;
	width:0;
	background:#ffd845;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	transition:0.3s;
}
.login-box .login-tab a:hover:after,.login-box .login-tab a.on:after{
	width:100%;
}
.login-box .tab-con{
  display:none;
}
.login-box .login-icon img {
	width:100%;
	height:100%;
}
.login-box h2 {
	text-align:center;
	font-size:30px;
	line-height:1em;
	color:#000;
	padding-bottom:35px;
}
.login-box li {
	line-height:0;
	position:relative;
	margin-top:-1px;
}
.login-box li input {
	width:100%;
	box-sizing:border-box;
	border-radius:2px;
	border:1px solid #e8e8e8;
	line-height:43px;
	padding:0 50px 0 15px;
	font-size:16px;
	color:#000;
  height:43px;
}
.login-box li input::placeholder {
	color:#ddd;
}
.login-box li:after {
	content:'';
	width:1px;
	height:23px;
	background:#e8e8e8;
	position:absolute;
	top:0;
	bottom:0;
	right:47px;
	margin:auto;
}
.login-box li:before{
  content:'';
  width:30px;
  height:25px;
  background:url(../images/login_icon.png);
  position:absolute;
  right:9px;
  top:0;
  bottom:0;
  margin:auto;
}
.login-box .con-1 .li-2:before{
  background-position-x:-31px;
}
.login-box .con-2 .li-1:before{
  background-position-x:-62px;
}
.login-box .con-2 .li-2:before{
  background-position-x:-93px;
}
.login-box li.active:before{
  background-position-y:-26px;
}
.login-box li.active {
	z-index:22;
}
.login-box li.active input {
	border-color:#ffd845;
}
.login-box li.active:after {
	background:#ffd845;
}
.login-box .send-code{
	font-size:14px;
	color:#dddddd;
	position:absolute;
	top:14px;
	right:56px;
	line-height:1em;
}
.login-box .send-code:not(.active):hover{
	color:#ffd845;
}
.login-box .send-code.active{
  cursor:default;
}

.login-box .opera-box {
  padding:20px 0 40px;
  text-align:left;
}
.login-box .opera-box span,.login-box .opera-box a{
  font-size:14px;
  color:#000;
}
.login-box .opera-box>a{
  float:right;
}
.login-box .opera-box span a{
  color:#ffd845;
}

.login-box .login-btn {
	font-size:16px;
	line-height:1em;
	color:#000;
	text-align:center;
	padding:15px 0;
	background:#ffd845;
	border-radius:2px;
	cursor:pointer;
}

/* 提示消息 */
.msg-box-wrap,.loading-bg-wrap{
	width:100%;
	height:100%;
	z-index:100001; 
	position:fixed; 
	left:0;
	top:0;
	font-size:0;
	letter-spacing:-5px;
	vertical-align: middle;
	text-align:center;	
}
/* .msg-box-wrap{
	pointer-events: none;
} */
.msg-box-wrap:before,.loading-bg-wrap:before{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:0;
	height:100%;
}
.msg-box{
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	background:rgba(0,0,0,0.65);
	color:#fff; 
	font-size:14px; 
	line-height:130%;
	padding:10px 20px; 
	border-radius:4px; 
	max-width:90%; 
	box-sizing:border-box; 
	text-align:center;
}

/* 加载动画 */
.loading-bg{
	display:inline-block; 
	vertical-align:middle; 
	letter-spacing:normal; 
	background:rgba(0,0,0,0.65);
	padding:0.2rem 0.4rem;
	border-radius:0.1rem; 
	max-width:90%; 
	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; 
	-ms-animation: rotate 0.75s linear infinite;
	animation: rotate 0.75s linear infinite;
}
.loading-bg p{
	flex:none; 
	color:#fff; 
	font-size:0.22rem;
	padding-top:0.08rem;
}
@keyframes rotate {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

/* 礼包码弹窗 */
.popup-box>div>.copy{
	width:1.85rem;
	height:0.52rem;
	background-position:-3.48rem -3.18rem;
	margin:0.2rem auto;
	font-size:0.2rem;
	color:#fff;
	line-height:0.52rem;
	cursor: pointer;
}
.popup-box>div>.sure{
	width:1.27rem;
	height:0.47rem;
	background-position:-3.48rem -5.56rem;
	margin:0.2rem auto 0;
	font-size:0.2rem;
	color:#fff;
	line-height:0.47rem;
	cursor: pointer;
}
.popup-gift .popup-box,.popup-creat .popup-box,.popup-join .popup-box,.popup-award .popup-box,.popup-wechat .popup-box{
	width:5.16rem;
	background:url(../images/popup_bg.png);
	background-size:100% 100%;
	box-sizing:border-box;
	padding:0.4rem 0 0.3rem;
	position:relative;
	font-size:0;
	letter-spacing:-5px;
	min-height:3rem;
}
.popup-wechat .popup-box{
	width:3.4rem;
	height:auto;
	padding:0.5rem 0;
}
.popup-wechat .popup-box .inner-box>img{
	width:1.2rem;
}
.popup-wechat .popup-box .inner-box p{
	font-size:0.18rem;
	color:#36270d;
	line-height:130%;
	margin:0.08rem 0 0;
}
.popup-gift .popup-box>.close,.popup-creat .popup-box>.close,.popup-join .popup-box>.close,.popup-award .popup-box>.close,.popup-wechat .popup-box>.close{
	width:0.21rem;
	height:0.21rem;
	background-position:-1.83rem -4.11rem;
	position:absolute;
	top:0.35rem;
	right:0.35rem;
	cursor: pointer;
}
.popup-gift .popup-box:before,.popup-creat .popup-box:before,.popup-join .popup-box:before,.popup-award .popup-box:before,.popup-wechat .popup-box:before{
	content:'';
	width:0;
	height:100%;
	min-height:2.3rem;
  display:inline-block;
  vertical-align:middle;
}
.popup-gift .popup-box>div,.popup-creat .popup-box>div,.popup-join .popup-box>div,.popup-award .popup-box>div,.popup-wechat .popup-box>div{
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
}
.popup-gift .inner-box,.popup-creat .inner-box,.popup-join .inner-box,.popup-award .inner-box{
	max-height:100%;
	padding:0 0.4rem;
	overflow-y:auto;
	width:100%;
	box-sizing:border-box;
}
.popup-gift .inner-box p,.popup-creat .inner-box p{
	font-size:0.18rem;
	color:#a16700;
	line-height:180%;
	word-break:break-all;
}
.popup-gift .inner-box .title,.popup-creat .inner-box .title,.popup-join .inner-box .title{
	font-size:0.22rem;
	font-weight:bold;
	color:#36270d;
}
.popup-join .inner-box input{
	width:2.88rem;
	height:0.46rem;
	border:none;
	margin:0.2rem auto 0;
	box-sizing:border-box;
	padding:0 0.2rem;
	text-align:center;
	font-size:0.24rem;
	color:#000;
	font-weight:bold;
}
.popup-join .inner-box input::placeholder{
	color:#999;
}
.popup-gift .inner-box .intr,.popup-gift .inner-box .gift-con,.popup-creat .inner-box .intr,.popup-creat .inner-box .gift-con{
	font-size:0.34rem;
	color:#fa1d2d;
	line-height:130%;
	margin:0.1rem 0;
}
.popup-gift .inner-box .tips{
	color:#a17423;
	font-size:0.22rem;
	line-height:140%;
	margin-top:0.2rem;
}
.popup-gift .inner-box h3{
	font-size:0.32rem;
	color:#36270d;
	line-height:130%;
}
.popup-award li{
	display:flex;
	margin:0.18rem 0;
}
.popup-award li span,.popup-award li a{
	font-size:0.2rem;
	line-height:180%;
	color:#a16700;
	text-align:center;
	flex:1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.popup-award li:first-child span,.popup-award li:first-child a{
	color:#36270d;
	font-weight:bold;
}
.popup-award li a{
	flex:none;
	background:#98722e;
	color:#fff;
	width:6em;
}
.popup-award li:first-child span:nth-of-type(3){
	flex:none;
	width:6em;
}
.popup-award li span:nth-of-type(2){
	margin:0 0.15rem;
}
/* 活动规则 */
.popup-rule .popup-box{
	width:6.22rem;
	height:7.76rem;
	background:url(../images/popup_rule.png);
	background-size:100% 100%;
}
.popup-rule .inner-box{
	text-align:left;
	padding:1.7rem 0.7rem;
}
.popup-rule .inner-box p{
	font-size:0;
	opacity:0;
	color:transparent;
}