#dfzjWrap{
	position: relative;
	max-width: 10.8rem;
	margin: 0 auto;
	background:#011d2f;
}
.kv{
	width:100%;
	height:12.95rem;
	background:url(../images/kv.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	overflow:hidden;
}
.topCenter{
	width:9.21rem;
	height:1.48rem;
	position:absolute;
	left:50%;
	margin-left:-4.605rem;
	top:.81rem;
	border-bottom:0.03rem solid rgba(39,89,139,.2);
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
}
.logo{
	display:block;
	width:3.39rem;
	height:1.29rem;
}
.loMain{
	height:100%;
	position:relative;
	display:flex;
	display:-webkit-flex;
	justify-content: space-between;
	align-items: center;
}
.loMain .login{
	height:.64rem;
	margin-right:.18rem;
}
.loMain .login img{
	display:block;
	width:2.02rem;
	height:100%;
}
.loMain .login .beforeLogin,.loMain .login .afterLogin{
	display:none;
}
.loMain p{
	font-size:.3rem;
	color:#fff;
	line-height:.64rem;
}
.loMain p em{
	font-style:normal;
	margin:0 .2rem;
	text-decoration: underline;
}
.loMain .login .beforeLogin.active,.loMain .login .afterLogin.active{
	display:block;
}
.loMain a{
	display:block;
	width:2.02rem;
	height:.64rem;
}
.loMain a img{
	display:block;
	width:100%;
}
.sec{
	width:100%;
	height:27.92rem;
	background:url(../images/sec.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	overflow:hidden;
	margin:0 auto 0;
}
.tabNav{
	width:9.62rem;
	height:2.06rem;
	position:relative;
	overflow:hidden;
	margin:0.08rem auto 0;
	display:flex;
	display:-webkit-flex;
	justify-content: space-between;
}
.tabNav>div{
	width:1.78rem;
	height:2.06rem;
	background:url(../images/tabw.png) no-repeat center;
	background-size:cover;
	position:relative;
}
.tabNav>div.active{
	background:url(../images/tabh.png) no-repeat center;
	background-size:cover;
}
.tabNav>div img{
	display:block;
	width:1.02rem;
	height:.89rem;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-.51rem;
	margin-top:-.445rem;
}
.tit1{
	display:block;
	width:7.32rem;
	margin:.5rem auto 0;
}
.tit2{
	display:block;
	width:9.61rem;
	margin:.41rem auto 0;
}
.jdt{
	width:10.17rem;
	height:3.3rem;
	background:url(../images/jdt.png) no-repeat center;
	background-size:cover;
	position:relative;;
	margin:1.22rem auto 0;
	z-index:1;
}
.jdt i{
	display:block;
	width:.74rem;
	height:.37rem;
	background:url(../images/1.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:.44rem;
	top:.9rem;
}
.jdt i.one{
	width:2.12rem;
	height:.37rem;
	background:url(../images/2.png) no-repeat center;
	background-size:cover;
}
.jdt i.two{
	width:2.92rem;
	height:.37rem;
	background:url(../images/3.png) no-repeat center;
	background-size:cover;
}
.jdt i.thr{
	width:3.71rem;
	height:.37rem;
	background:url(../images/4.png) no-repeat center;
	background-size:cover;
}
.jdt i.four{
	width:5.5rem;
	height:.37rem;
	background:url(../images/5.png) no-repeat center;
	background-size:cover;
}
.jdt i.five{
	width:6.29rem;
	height:.37rem;
	background:url(../images/6.png) no-repeat center;
	background-size:cover;
}
.jdt i.six{
	width:7.08rem;
	height:.37rem;
	background:url(../images/7.png) no-repeat center;
	background-size:cover;
}
.jdt i.seven{
	width:7.86rem;
	height:.37rem;
	background:url(../images/8.png) no-repeat center;
	background-size:cover;
}
.jdt i.eight{
	width:9.06rem;
	height:.37rem;
	background:url(../images/9.png) no-repeat center;
	background-size:cover;
}
.jdt i.nine{
	width:4.7rem;
	height:.37rem;
	background:url(../images/10.png) no-repeat center;
	background-size:cover;
}
.boat{
	display:block;
	width:100%;
	position:absolute;
	left:0;
	top:10.01rem;
}
.addBtn{
	width:4.01rem;
	position:absolute;
	left:50%;
	margin-left:-2.005rem;
	bottom:.7rem;
}
.addBtn img{
	display:block;
	width:100%;
}
.thc{
	width:100%;
	height:17.43rem;
	background:#011d2f;
	position:relative;
	overflow:hidden;
}
.tit3{
	display:block;
	width:7.32rem;
	margin:1rem auto 0;
}
.thBanner{
	width:10.42rem;
	overflow:hidden;
	position:relative;
	margin-top: 0.95rem;
}
.thBanner img{
	display:block;
	width:100%;
}
.pageNation{
	width:100%;
	height:.16rem;
	position:relative;
	margin-top:.28rem;
	display:flex;
	display:-webkit-flex;
	justify-content: center;
}
.pageNation .swiper-pagination-bullet{
	display:block;
	width:.16rem;
	height:.16rem;
	background:#0d3a5b;
	opacity:1;
	margin:0 0.06rem;
}
.pageNation .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:#8c8c8c;
}
.for{
	width:100%;
	height:12.92rem;
	background:#011d2f;
	position:relative;
	overflow:hidden;
}
.tit4{
	display:block;
	width:7.32rem;
	margin:.54rem auto 0;
}
.tit5{
	display:block;
	width:5.77rem;
	margin:.6rem auto 0;
}
.video{
	width:10.1rem;
	height:5.77rem;
	position:relative;
	margin:.35rem auto 0;
}
.video img{
	display:block;
	width:100%;
}
.unlock{
	width:3.32rem;
	height:1.06rem;
	position:relative;
	margin:.45rem auto 0;
}
.unlock img{
	display:block;
	width:100%;
}
.five{
	width:100%;
	height:11.81rem;
	background:#011d2f;
	position:relative;
	overflow:hidden;
}
.tit6{
	display:block;
	width:7.32rem;
	margin:.78rem auto 0;
}
.tit7{
	display:block;
	width:6.29rem;
	margin:.55rem auto 0;
}
.pic{
	display:block;
	width:10.1rem;
	margin:.36rem auto 0;
}
.six{
	width:100%;
	height:23.42rem;
	background:#011d2f;
	position:relative;
	overflow:hidden;
}
.tit8{
	display:block;
	width:7.32rem;
	margin:.67rem auto 0;
}
.tit9{
	display:block;
	width:8.6rem;
	margin:.55rem auto 0;
}
.lottery{
	width:8.93rem;
	height:8.91rem;
	position:relative;
	overflow:hidden;
	margin:.44rem auto 0;
}
.lottery li{
	width:2.91rem;
	height:2.91rem;
	background:url(../images/hover.png) no-repeat center;
	background-size:cover;
	position:absolute;
}
.lottery li.active{
	background:url(../images/hoverc.png) no-repeat center;
	background-size:cover;
}
.lottery li:nth-child(2){
	left:3.02rem;
	top:0.01rem;
}
.lottery li:nth-child(3){
	right:0;
	top:0.01rem;
}
.lottery li:nth-child(4){
	right:0;
	top:3.01rem;
}
.lottery li:nth-child(5){
	right:0;
	bottom:0;
}
.lottery li:nth-child(6){
	left:3.02rem;
	bottom:0.01rem;
}
.lottery li:nth-child(7){
	left:0;
	bottom:0.01rem;
}
.lottery li:nth-child(8){
	left:0;
	top:3.01rem;
}
.lottery li:nth-child(9){
	width:2.88rem;
	height:2.88rem;
	background:url(../images/draw.png) no-repeat center;
	background-size:cover;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	font-size:.3rem;
	color:#e7e7e7;
	text-align:center;
}
.lottery li:nth-child(9) p{
	width:100%;
	position:absolute;
	left:0;
	bottom:.16rem;
}
.lottery li img{
	display:block;
	width:2.72rem;
	height:1.88rem;
	position:absolute;
	left:50%;
	margin-left:-1.36rem;
	top:.32rem;
}
.tips{
	display:block;
	width:4.02rem;
	margin:0.4rem auto 0;
}
.btnList{
	width:6.96rem;
	height:1.06rem;
	background:url(../images/btn.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:.77rem auto 0;
	display:flex;
	display:-webkit-flex;
	justify-content: space-between;
}
.btnList>div{
	width:3.32rem;
	height:100%;
}
.code{
	width:6.95rem;
	overflow:hidden;
	position:relative;
	display:flex;
	display:-webkit-flex;
	justify-content: space-between;
	margin:1.06rem auto 0;
}
.code>div:nth-child(1){
	width:3rem;
	position:relative;
}
.code>div:nth-child(2){
	width:3.15rem;
	position:relative;
}
.code>div img{
	display:block;
	width:100%;
}
.code>div p{
	font-size:.3rem;
	color:#fff;
	text-align:center;
	margin-top:.28rem;
}
.loginTc,.addressTc,.recordTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:100;
	display:none;
}
.recordBody{
	width:9.05rem;
	height:10.09rem;
	background:url(../images/record.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform:translate(0,-45%);
}
.list{
	width:7.55rem;
	position:relative;
	margin:2.23rem auto 0;
}
.list .listTit{
	width:100%;
	height:.52rem;
	background:#0072c8;
	display:flex;
	display:-webkit-flex;
	position:relative;
}
.list .listTit span{
	display:block;
	height:100%;
	font-size:.26rem;
	color:#fff;
	line-height:.52rem;
	text-align:center;
}
.list .listTit span:nth-child(1){
	width:1.49rem;
}
.list .listTit span:nth-child(2){
	width:3.49rem;
}
.list .listTit span:nth-child(3){
	width:2.52rem;
}
.list .listDiv{
	width:7.7rem;
	height:6.2rem;
	overflow:auto;
	position:relative;
}
.list .listDiv .listItem{
	width:100%;
	height:.52rem;
	position:relative;
	overflow:hidden;
	display:flex;
	display:-webkit-flex;
	margin-top:.03rem;
}
.list .listDiv .listItem span{
	display:block;
	height:.52rem;
	color:#0d395a;
	text-align:center;
	line-height:.52rem;
	background:#fff;
	font-size:.24rem;
}
.list .listDiv .listItem span:nth-child(1){
	width:1.49rem;
	margin-right:0.03rem;
}
.list .listDiv .listItem span:nth-child(2){
	width:3.49rem;
	margin-right:0.03rem;
}
.list .listDiv .listItem span:nth-child(3){
	width:2.52rem;
}
.list .listDiv::-webkit-scrollbar {
    width: 8px;
    background: #1471a9;
}
.list .listDiv::-webkit-scrollbar-corner,
    /* 滚动条角落 */
.list .listDiv::-webkit-scrollbar-thumb,
.list .listDiv::-webkit-scrollbar-track {      /*滚动条的轨道*/
    border-radius: 0.1rem;
}
.list .listDiv::-webkit-scrollbar-corner,
.list .listDiv::-webkit-scrollbar-track {
    /* 滚动条轨道 */
    background-color: rgba(180, 160, 120, 0.1);
    box-shadow: inset 0 0 1px rgba(180, 160, 120, 0.5);
}
.list .listDiv::-webkit-scrollbar-thumb {
    /* 滚动条手柄 */
    background-color: #13adff;
}
.addressBody{
	width:9.05rem;
	height:11.47rem;
	background:url(../images/address.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform:translate(0,-45%);
}
.addressTxt{
	width:8.08rem;
	overflow:hidden;
	margin:2.2rem auto 0;
	font-size:.28rem;
	color:#fff;
}
.addressTxt p{
	line-height:.48rem;
}
.q_put{
	width:7.74rem;
	height:.73rem;
	position:relative;
	margin:.16rem auto 0;
	overflow:hidden;
	display:flex;
	display:-webkit-flex;
	justify-content: space-between;
}
.q_put .q_txt{
	width:2.05rem;
	height:.73rem;
	background:#0072c8;
	font-size:.3rem;
	color:#e7e7e7;
	line-height:.73rem;
	text-align:center;
}
.q_put input{
	display:block;
	width:5.59rem;
	height:.73rem;
	outline:none;
	border:none;
	background:#fff;
	font-size:.3rem;
	color:#000;
	font-weight:bold;
	text-align:center;
}
.q_put #qufu{
	width:5.59rem;
	margin:0;
	text-align:center;
	font-weight:bold;
}
.submit{
	display:block;
	width:3.32rem;
	margin:.65rem auto 0;
}
.loginBody{
	width:9.05rem;
	height:7.96rem;
	background:url(../images/login.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform:translate(0,-45%);
}
.close{
	display:block;
	width:.66rem;
	height:.66rem;
	position:absolute;
	right:-.71rem;
	top:-.43rem;
}
.s_put{
	width:7.4rem;
	height:.73rem;
	position:relative;
	margin:0.4rem auto 0;
}
.qufu {
	outline:none;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    margin: 0 auto 0;
    font-size: .32rem;
    color: #858585;
    line-height: .73rem;
    text-indent: .22rem;
    position: relative;
}
/* .a_put:after {
    display: block;
    content: '';
    width: .41rem;
    height: .36rem;
    background: url(../images/san.png) no-repeat center;
    background-size: cover;
    position: absolute;
    right: .38rem;
    top: .21rem;
    pointer-events: none;
} */
.s_put .role_id{
	display:block;
	width:100%;
	height:100%;
	background:#fff;
	position:relative;
	border: none;
	outline: none;
	-webkit-appearance: none;
	font-size: .32rem;
	color: #858585;
	line-height: .73rem;
	text-indent: .22rem;
}
.s_put .gameMail{
	display:block;
	width:4.63rem;
	height:100%;
	background:#fff;
	position:relative;
	border: none;
	outline: none;
	-webkit-appearance: none;
	font-size: .32rem;
	color: #858585;
	line-height: .73rem;
	text-indent: .22rem;
	float:left;
}
.s_put .g_code{
	width:2.61rem;
	height:.73rem;
	background:url(../images/cap.png) no-repeat center;
	background-size:cover;
	position:relative;
	font-size:.3rem;
	color:#ffffff;
	line-height:.73rem;
	text-align:center;
	float:right;
}
.s_put .g_code.active{
	pointer-events: none;
}
.sure{
	display:block;
	width:3.32rem;
	height:1.06rem;
	margin:.9rem auto 0;
}
/*横竖屏提示*/
#orientLayer { display: block; }
@media screen and (orientation:portrait) { 
	#orientLayer { display: none; } 
}
.mod-orient-layer { display: none; position: fixed; height: 100%; width: 100%; left: 0; top: 0; right: 0; bottom: 0; background: #000; z-index: 9997 }
.mod-orient-layer__content { position: absolute; width: 100%; top: 45%; margin-top: -75px; text-align: center }
.mod-orient-layer__icon-orient {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh8pxJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC');display: inline-block; width: 67px; height: 109px;
	transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -webkit-animation: rotation infinite 1.5s ease-in-out; animation: rotation infinite 1.5s ease-in-out; -webkit-background-size: 67px; background-size: 67px }
.mod-orient-layer__desc { margin-top: 20px; font-size: 15px; color: #fff }
@keyframes op{
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
}
@-webkit-keyframes op{
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
}
/* 样式放在结尾，防止 base64 图片造成拥塞 */
@-webkit-keyframes rotation {
	10% { transform: rotate(-90deg); -webkit-transform: rotate(-90deg) }
	50%, 60% { transform: rotate(0deg); -webkit-transform: rotate(0deg) }
	90% { transform: rotate(-90deg); -webkit-transform: rotate(-90deg) }
	100% { transform: rotate(-90deg); -webkit-transform: rotate(-90deg) }
}
@keyframes rotation {
	10% { transform: rotate(-90deg); -webkit-transform: rotate(-90deg) }
	50%, 60% { transform: rotate(0deg); -webkit-transform: rotate(0deg) }
	90% { transform: rotate(-90deg); -webkit-transform: rotate(-90deg) }
	100% { transform: rotate(-90deg); -webkit-transform: rotate(-90deg) }
}