html{
	font-size:50px;
}
body{
	height:100%;
	overflow:hidden;
}
@font-face {font-family:'LTH-font';src:url('../兰亭黑 GBK.TTF')}
@font-face {font-family:'LTXH-font';src:url('../兰亭细黑 GBK.TTF')}
@font-face {font-family:'HTR-font';src:url('../HELVETICANEUELTPRO-ROMAN.OTF')}
@font-face {font-family:'HTO-font';src:url('../HELVETICANEUELTPRO-THEXO.OTF')}
@font-face {font-family:'HTX-font';src:url('../HELVETICANEUELTPRO-THEX.OTF')}
@font-face {font-family:'HTLT-font';src:url('../HELVETICANEUELTPRO-LT.OTF')}
@font-face {font-family:'HTTH-font';src:url('../HELVETICANEUELTPRO-TH.OTF')}
#maskIndex{
	width:100%;
   	height:100%;
  	background: #000;
  	opacity: 0.9;
  	filter: alpha(opacity=90);
  	-moz-opacity: 0.9;
  	-khtml-opacity: 0.9;
  	display: none;
  	z-index: 3;
}
p{
	margin-bottom:0;
}

#boxShadow-year{
	width:375px;
   	height:223px;
  	position: absolute;
  	left: 50%;
  	top: 50%;
  	margin-left: -187.5px;
  	margin-top: -111.5px;
  	display: none;
  	z-index: 110;
}
#boxShadow-year .content{
	position: relative;
}
#boxShadow-year button{
	display:block;
	width:50px;
	height:50px;
	color:red;
	position:absolute;
	top:223px;
	left:50%;
	margin-left:-25px;
	font-size:24px;
	background:none;
	border:none;
	outline:none;
}

@keyframes text{
    from{
        opacity: 1;
    }
    to{
        opacity: 0;
    }
}
#doorText{
   width:375px;
   height:115px;
    z-index: 10;
    position:absolute;
    left:0;
    top:45%;
    animation:text 1s 0.6s linear;
    animation-fill-mode:forwards;
}
#door .door-border{
   	width:375px;
   	height:223px;
}


@keyframes doorLeft{
    0%,100% {
        transform-origin: 0 40%;
    }
    0%{
        transform:perspective(0) rotateY(0);
    }
    100% {
        transform:perspective(600px) rotateY(70deg);
    }
}
@keyframes doorRight{
    0%,100% {
        transform-origin: 100% 40%;
    }
    0%{
        transform:perspective(0) rotateY(0);
    }
    100% {
        transform:perspective(600px) rotateY(-70deg);
    }
}

.doorLeft,.doorRight{
	width:122px;
	height:133px;
    position:absolute;
    top:85px;
    z-index: -1;
}
.doorLeft{
    left:67px;
    animation:doorLeft 1s 2s linear;
    -webkit-transform-origin: 0 40%;
    -moz-transform-origin: 0 40%;
    -o-transform-origin: 0 40%;
    transform-origin:0 40%;
    animation-fill-mode:forwards;
}
.doorRight{
    right:69px;
    animation:doorRight 1s 2s linear;
    -webkit-transform-origin: 100% 40%;
    -moz-transform-origin: 100% 40%;
    -o-transform-origin: 100% 40%;
    transform-origin: 100% 40%;
    animation-fill-mode:forwards;
}



@keyframes prizeBg{
    from{
        transform:scale(0);
        display: none;
        opacity: 0;
        z-index: -5;
    }
    to{
        transform:scale(1);
        display: block;
        opacity: 1;
        z-index: 5;
    }
}
.prizeBg{
    opacity: 0;
    animation:prizeBg 0.5s 3s linear;
    animation-fill-mode:forwards;
    position:absolute;
}
.doorImg1{
	width:110px;
	height:85px;
    left:160px;
    top:145px;
}
.doorImg2{
	width:116px;
	height:105px;
    left:45px;
    top:40px;
}
.doorImg3{
	width:142px;
	height:108px;
    left:200px;
    top:20px;
}
.doorImg4{
	width:70px;
	height:73px;
    left:80px;
    top:140px;
}
.doorImg5{
	width:73px;
	height:64px;
    left:150px;
    top:90px;
}



/* 活动页面 */
#rechargeList{
	width:100%;
	
}
#year .year-top,#year .year-middle,#year .year-bottom{
	width:100%;
	float:left;
	
}
#year .year-left{
	width:50%;
	float:left;
	
}
#year .year-right{
	width:50%;
	float:left;
}



/* 世界杯 */
p{
	margin:0;
}
#sjb{
	width:100%;
	height:100%;
	
}
#sjbContent{
	width:100%;
	position:absolute;
	top:44px; 
	margin-bottom:70px;
}
#sjbContent .banner{
	width:100%;
	height:144px;
}
#sjbContent .banner img{
	width:100%;
	height:144px;
}
#sjbContent .content{
	width:100%;
	background:#013879;
}
#sjbContent .contentTop{
	padding-bottom:15px;
	background:#013879;
}

#sjbContent .contentTop .contentTopPoint{
	/* height:72px; */
	width:100%;
	height:47px;
	background:url(./../img/sjbWinner1.jpg) no-repeat 3% 0;
	background-size:114px 47px; 
	position:relative;
}


#sjbContent .sjbArr{
	width:100%;
	margin:0 auto;
}
#sjbContent .sjbArr img{
	width:100%;
	height:385px;
}



/* 固定浮层 */

.contentTopFixed{
	height:72px;
	background:url(./../img/sjbWinner1.jpg) no-repeat 3% 0;
	background-size:114px 47px;
	position:fixed;
	z-index:2;
	top:43px;
	display:none;
}
#sjbContent .countTotal,.contentTopFixed .countTotal{
	position:absolute;
	color:#528bf3;
	font-size:12px;
	right:15px;
	top:20px;
}
#sjbContent .count,.contentTopFixed .count{
	position:absolute;
	color:#528bf3;
	font-size:12px;
	left:130px;
	top:20px;
}
#sjbContent .sjbPromit{
	width:95%;
	/* height:25px; */
	margin:auto;
	background:#2d65bc;
	color:#fff;
	border-radius:5px;
	font-size:12px;
	padding-left:5px;
	line-height:25px;
	letter-spacing:1px;
}
.contentTopFixed .sjbPromit{
	width:367px;
	position:relative;
	left:50%;
	margin-left:-183.5px;
	top:44px;
	background:#2d65bc;
	color:#fff;
	border-radius:5px;
	font-size:12px;
	padding-left:5px;
	line-height:25px;
	letter-spacing:1px;
}


#sjbContent .contentTop .sjbPromit{
	left:auto;
}
#sjbContent .countryBox{
	width:360px;
	margin:16px auto 0; 
}
#sjbContent .countryList{
	width:178px;
	margin:16px 1px;
	border:1px solid #5c97ff;
	border-radius:3px;
	float:left;
	position:relative;
}
#sjbContent .countryList li{
	margin-bottom:8px;
	position:relative;
}
#sjbContent .countryGroup {
	z-index:1;
	width:50px;
	background:#013879;
	position:absolute;
	left:20px !important;
	top:-12px;
	padding-left:5px;
}
#sjbContent .countryGroup span:nth-of-type(1){
	color:#ffce00;
	font-size:31px; 
}
#sjbContent .countryGroup span:nth-of-type(2){
	color:#fff;
	font-size:21px; 
}

#sjbContent .countryList li{
	height:35px;
	position:relative;
	left:0;
	bottom:8px;
}
#sjbContent .countryList li.bgColor{
	background:#00bc8c !important;
}
#sjbContent .countryList li.bgcolor-black{
	background-color: #000;
}
#sjbContent .countryList li.bgcolor-init{
	background-color: #013879;
}
#sjbContent .countryText span:nth-of-type(1).nameColor{
	color:#fff;
}
.clearfix:after{
　　content:"";
　　height:0;
　　line-height:0;
　　display:block;
　　visibility:hidden;
　　clear:both;
}
.clearfix{
　　zoom:1;
}
#sjbContent .countryBox .yx{
	position:absolute;
	left:7px;
	top:0;
	width:18px;
	hegiht:35px;
}

 
 .checkInp[type='checkbox']{
	width:18px;
	height:18px;
	position:relative;
	left:7px;
	top:7px;
	background:#fff;
	border:0;
	outline:none;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	border-radius: 4px;
}
.checkInp[type='checkbox']:before{
	content:"";
	position:absolute;
	width:16px;
	height:16px;
}
.checkInp[type='checkbox']:checked:before{
	border:1px solid transparent;
}
.checkInp[type='checkbox']:checked:after {
	content:"";
	position:absolute;
	top:0;
	left:6px;
	border-right:3px solid transparent;
	border-bottom:3px solid transparent;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	width:8px;
	height:16px;
	border-color:#00bc8c;
}

#sjbContent .countryLi .countryImg{
	width:61px;
	height:35px;
	position:absolute;
	left:34px;
}
#sjbContent .countryLi .countryText{
	height:35px;
	position:absolute;
	left:101px;
	top:0;
	line-height:17px;
}
#sjbContent .countryLi .countryName{
	display:block;
	color:#5b95fe;
	font-size:13px;
}
#sjbContent .countryLi .num{
	display:block;
	color:#fff;
	font-size:12px;
}
#sjbContent .yellow{
	color:#ffce00;
}
.sjbBtn{
	width:100%;
	height:44px;
	background:#cc2f4e;
	color:#fff;
	position:fixed;
	left:0;
	bottom:0;
	border:none;
}
#sjbContent .rule{
	width:367px;
	color:#fff;
	font-size:12px;
	line-height:18px;
	margin:10px auto 10px;
	padding-right:6px;
	letter-spacing:1px;
	padding-bottom:10px;
}
#sjbContent .rule p{
	padding-left:38px;
	position:relative;
}
#sjbContent .rule .ruleHeader{
	padding:5px;
}
#sjbContent .rule .ruleSpan{
	position:absolute;
	left:0px;
	top:0px;
}
.sjbBottom{
	width:100%;
	height:80px;
	position:fixed;
	left:0;
	bottom:0;
}


.sjbBottom img{
	width:100%;
	height:100%;
	position:absolute;
	bottom:0;
	left:0;
}

/* 世界杯跳转积分页 */

#sjbBPContent{
	width:100%;
}
#sjbBPContent .sjbBG{
	width:100%;
}
#sjbBPContent .sjbBG .top{
	width:100%;
}
#sjbBPContent .top img{
	width:100%;
	height:100%;
	vertical-align: top;
}
#sjbBPContent .middle img{
	width:100%;
	height:100%;
	float:left;
}
#sjbBPContent .topList{
	width:100%;
	background:url(./../img/sjbBPmiddle.jpg);
	background-size: 100% 100%;
	padding-top:8px; 
	display:flex;
}

#sjbBPContent .topList li{
	width:174px;
	flex:1;
}
#sjbBPContent .bottomList{
	width:100%;
	background:#f1f5f8;
	padding-bottom:15px;
	float:left;
}
#sjbBPContent .bottomList li{
	width:46.5%;
	margin-top:8px;
	float:left;
}
#sjbBPContent .odd{
	margin-left:2%;
	margin-right:1.5%;
}
#sjbBPContent .even{
	margin-left:1.5%;
	margin-right:2%;
}
#sjbBPContent li a{
	display:inline-block;
}
#sjbBPContent li img{
	width:100%;
	height:100%;
}
#sjbBPContent .sjbBPbottom{
	width:100%;
}
#sjbBPContent .sjbBPbottom a{
	display:inline-block;
	width:100%;
}
#sjbBPContent .sjbBPbottom img{
	width:100%;
	heihgt:100%;
}
.clearfix:after{
   	content:".";
   	display:block;
   	height:0;
   	clear:both;
   	visibility:hidden;
}
 .clearfix{
 	zoom:1;
}

/* 周年庆 */

/* #znq{
	width:100%;
	height:100%;
	background:#ea4f5f;
}  */
#znqContent{
	width:100%;
	position:absolute;
	top:44px; 
}
#znqContent .banner{
	width:100%;
	height:141px;
}
#znqContent .banner img{
	width:100%;
	height:141px;
}
#znqContent .content{
	width:100%;
	font-size:12px;
}
#znqContent .redPacket{
	width:100%;
	height:440px;
	position:relative;
}
#znqContent .redPacket .hb{
	width:100%;
	height:440px;
}

#znqContent button{
	width:167px;
	height:48px;
	border:none;
	background-repeat:no-repeat;
	background-color: transparent;
	background-size:167px 48px; 
	position:absolute;
	left:50%;
	margin-left:-83.5px;
}
#znqContent .redPacket button{
	bottom:3%; 
}

#znqContent .addInterest{
	width:100%;
	height:251.5px;
	position:relative;
}
#znqContent .addInterest img{
	width:100%;
	height:100%;
}
#znqContent .addInterest button{
	bottom:7%; 
}

#znqContent .lotteryDraw{
	width:100%;
	height:445px;
	position:relative;
}
#znqContent .lotteryDraw .cj{
	width:100%;
	height:445px;
}
#znqContent .cjBoxImg,#znqContent .cjBox{
	width:100%;
	height:212px;
	position:absolute;
	left:0;
	top:10%;
}
#znqContent .cjBoxImg img{
	width:100%;
	height:100%;
}

#znqContent .cjBox .JiangPin{
	width:221px;
	height:169px;
	position:absolute;
	left:10%;
	top:19%; 
}
#znqContent .cjBox .todayGoods{
	width:27.5px;
	height:54px;
	background:#ffd145;
	color:#000;
	z-index:2;
	line-height:13px;
	text-align:center;
	font-weight:bold;
	position:absolute;
	left:8%;
	top:2%; 
	padding-top: 1px;
}
#znqContent .cjBox .cjGoods{
	color:#fff;
	position:absolute;
	left:18%;
	top:0; 
	letter-spacing: 1px;
}
#znqContent .cjBox .peopleNum{
	width:169px;
	height:52px;
	color:#000;
	z-index:2;
	background:#ffd145;
	text-align:center;
	line-height:52px;
	font-weight:bold;
	position:absolute;
	right:5%;
	top:27%; 
}
#znqContent .peopleNum span{
	text-decoration:underline;
}
#znqContent .cjBox .preview{
	width:114px;
	height:44px;
	color:#fff;
	z-index:2;
	background:#ee6c5f;
	text-align:center;
	line-height:22px;
	position:absolute;
	right:5%;
	bottom:1%; 
	letter-spacing: 1px;
}
#znqContent .lotteryDraw .cjResult{
	width:750px;
	color:#fff;
	z-index:2;
	text-align:center;
	font-size:14px;
	line-height:22px;
	position:absolute;
	left:50%;
	margin-left:-375px;
	bottom:17%; 
	text-decoration:underline;
	letter-spacing: 1px;
}
#znqContent .lotteryDraw button{
	bottom:4%; 
}

#znqContent .auction{
	width:100%;
	height:211.5px;
	position:relative;
}
#znqContent .auction .pm{
	width:100%;
	height:211.5px;
}
#znqContent .auction button{
	bottom:4%; 
}

.znqBottom{
	width:100%;
	height:96px;
}

.znqBottom img{
	width:100%;
	height:100%;
}


#znqPmContent{
	width:100%;
	position: absolute;
    top: 44px;
    margin-bottom:44px;
}
#znqPmContent .pmGoods{
	width:100%;
	height:320px;
}
#znqPmContent .pmGoods img{
	width:100%;
	height:100%;
}
#znqPmContent .time{
	width:100%;
	height:34px;
	background:#216ea6;
	color:#fff;
	line-height:34px;
	text-align:center;
}
#znqPmContent .time p{
	/* width:50%; */
	float:left;
}
#znqPmContent .price{
	width:100%;
	height:68px;
	color:#4e90dc;
	line-height:30px;
	text-align:center;
	font-weight:bold;
}
#znqPmContent .price div{
	width:50%;
	float:left;
}
#znqPmContent .price .nowPrice{
	background:#e9f6ff;
}
#znqPmContent .price .downPrice{
	background:#f6fbff;
}
#znqPmContent .price .downPrice{
	background:#f6fbff;
}
#znqPmContent .price span{
	font-size:30px;
}
#znqPmContent .price .pmZheKou{
	font-size:14px;
}
#znqPmContent .pmResult{
	width:100%;
	height: 32px;
    line-height: 44px;
	color:#fd4f46;
	text-align:center;
	background:#fef4e8;
	text-decoration: underline;
}

#znqPmContent .pmRule{
	width:100%;
	height:546px;
}

.znqPmBtn{
	width:100%;
	height:44px;
	position:fixed;
	left:0;
	bottom:0;
	font-size:16px;
	line-height:44px;
	text-align:center;
	color:#fff;
}
.znqPmBtnGray{
	background:#959595;
}
.znqPmBtnBlue{
	background:#236ea7;
}
/* .auctionList{
	width:100%;
	height:34px;
	position:fixed;
	left:0;
	top:44px;
	background:#216ea6;
	color:#fff;
	line-height:34px;
	text-align:center;
	margin: 0 auto;
    overflow: hidden;
    white-space: pre !important;
}
.auctionList p{
	position:fixed;
	left:0;
	top:44px;
	width:100%;
    animation: marquee 60s linear infinite;
    white-space:nowrap;
}
@keyframes marquee {
    0% {
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
    }
    100% {
        transform: translateX(-370%);
        -webkit-transform: translateX(-370%);
    }
} */

 #znqPmContent  .znqPhone{
	width:100%;
	height: 36px;
	background:#ffffff;
	color:#236ea7;
	text-align:center;
	font-size: 12px;
}

/* 10积分抽奖中奖查询弹框     周年庆拍卖二维码支付弹框    支付定金后的弹框       拍卖结果查询弹框 */
.znqCjResList,.znqPmPay,.znqPmSold,.auctionList{
	width:100%;
   	height:100%;
}
.znqCjResList .znqCjResListMask, .auctionList .znqPmResListMask{
	width:100%;
   	height:100%;
  	background: #000;
  	opacity: 0.8;
  	filter: alpha(opacity=80);
  	-moz-opacity: 0.8;
  	-khtml-opacity: 0.8;
  	position:fixed; 
  	/* position: relative; */
	top:0;
	left:0;
  	z-index: 200;
}
.znqPmPay .znqPmPayMask{
	width:100%;
   	height:100%;
  	background: #000;
  	position:fixed; 
  	/* position: relative; */
	top:0;
	left:0;
  	z-index: 200;
  	opacity: 0.8;
  	filter: alpha(opacity=80);
  	-moz-opacity: 0.8;
  	-khtml-opacity: 0.8;
}
.znqCjResList .znqCjResListBox,.znqPmPay .znqPmBox{
	width:100%;
	/* background:#fff; */
	position:relative;
	top:50%;
	left:0;
	margin-top:-224px;
	z-index: 201;
	position:relative;
}
.auctionList .znqPmResListC{
	width:100%;
	/* background:#fff; */
	position:relative;
	top:50%;
	left:0;
	margin-top:-106px;
	z-index: 201;
	position:relative;
}
.znqPmPay .znqPmBox div{
	width:100%;
	position:absolute;
	left:0;
	top:13%;
}
.znqPmPay .znqPmBox p{
	width: 82.4%;
	height:30px;
	line-height:30px;
	margin-left: 9%;
	background:#25ab3a;
	color:#fff;
	text-align:center;
	font-size: 16px;
	letter-spacing:2px;
	font-weight:bold;
}
.znqPmPay .znqPmBox img{
	width:100%;
	height:428px;
}
.znqPmSold .znqPmSoldImg{
	width:100%;
	height:428px;
	position:fixed;
	top:50%;
	left:0;
	margin-top:-214px;
	z-index: 201;
}

.bodyFixed{
	overflow:hidden;
}

.znqCjResList .znqCjResListC,.auctionList .znqPmResListC{
	width:100%;
}

.znqCjResList .cjResListHeader,.auctionList .pmResListHeader{
	width:100%;
	height:30px;
	background:#ffd145;
	line-height:30px;
	text-align:center;
	font-weight:bold;
}
.znqCjResList ul,.auctionList ul{
	width:100%;
	height:182px;
	overflow-y: scroll;
	background:#fff;
}
.znqCjResList li,.auctionList li{
	width:100%;
	height:28px;
}
.znqCjResList li p{
	width:50%;
	float:left;
	text-align:left;
	line-height:28px;
	padding-left:10px;
}
.auctionList li{
	width:100%;
	text-align:center;
	line-height:28px;
}
.auctionList li span{
	display:inline-block;
}
.znqCjResList .znqCjResNoList{
	width:100%;
	height:182px;
	background:#fff;
	position:relative;
}
.znqCjResList .znqCjResNoList img{
	width:90px;
	position:absolute;
	left:50%;
	top:20px;
	margin-left:-45px;
}
.znqCjResList .znqCjResNoList p{
	width:100%;
	text-align:center;
	position:absolute;
	left:0;
	bottom:35px;
}
.znqCjResList .closeCjRes{
	position:absolute;
	bottom:-35%;
	left:45%;
	z-index:201;
	color:#000;
}
.auctionList .closePmRes{
	position:absolute;
	bottom:20%;
	left:45%;
	z-index:201;
	color:#000;
}
.znqCjResList .znqCjResEven,.auctionList .znqCjResEven{
	background:#fff;
}
.znqCjResList .znqCjResOdd,.auctionList .znqCjResOdd{
	background:#f3f3f3;
}