*{padding:0px;margin:0px;font-family:"微软雅黑";font-size:100%; font-style:normal}
dd,dl,dt,em,i,p,textarea,a,div{padding:0px;margin:0px;}
a{text-decoration:none;}
img{border:0px;}
ul,li{padding:0px;margin:0px;list-style:none;}
.fl{ float:left}
.fr{ float:right}
body{margin:0px; padding:0px; color:#000; }
a{
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
}
input:focus{ outline:none } 
input{ outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0); } 

.none{ display:none; }
.bord{ border:1px red solid}



/*门*/
.men_cen{ width:640px; height:100vh; position:relative; margin:0px auto; overflow:hidden; background:url(../images/men_bj.jpg) no-repeat; background-size:100% 100%; perspective: 1500px; -webkit-perspective: 1500px;}
.jianpan{width: 137px;height: 300px;position: absolute;left: 118px;top: 500px;  z-index: 10; }

.men_cen .menkai{ position:absolute; right:0; top:0;
 -webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
 -webkit-transition: ease-out 1000ms all;
		transition: ease-out 1000ms all;
-webkit-transform-origin: right bottom;
		transform-origin: right bottom; z-index:2;}

.men_cen .menkai > img{  height:100vh; width:567px;}
.men_cen .menkai span{ position:absolute; left:90px; top:70vh;}

.men_cen .menkia{transform: rotate3d(0, 1, 0, 40deg); -webkit-transform: rotate3d(0, 1, 0, 40deg);}

.bashou{animation: xuanzhuan .5s linear forwards;-webkit-animation: xuanzhuan .5s linear forwards}

@-webkit-keyframes xuanzhuan{
	0%{ -webkit-transform:rotate(0deg); -webkit-transform-origin:left top; left:90px;}
	100%{-webkit-transform:rotate(90deg);-webkit-transform-origin:left top; left:130px;}
}
@keyframes xuanzhuan{
	0%{ transform:rotate(0deg); transform-origin:left top; left:90px;}
	100%{transform:rotate(90deg);transform-origin:left top; left:130px;}
}






.mimasuo{ width:340px; height:510px; position:absolute; right:7px; top:24.6vh; background:#30C;
 background: -webkit-linear-gradient(90deg, #785f51, #8f8663);
    background: -o-linear-gradient(90deg, #785f51, #8f8663);
    background: -moz-linear-gradient(90deg, #785f51, #8f8663);
    background: linear-gradient(90deg, #785f51, #8f8663);
	-webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px; overflow:hidden; z-index:10

}

.mimasuo .nima_num{ width:336px; height:506px; background:#1b1419; margin:0px auto; margin-top:2px;-webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px; overflow:hidden}
.mimasuo .nima_num ul{ padding-top:10px;}
.mimasuo .nima_num li{ margin:11px 12px; float:left; width:87px; height:99px;background:url(../images/men_mimakan.png) no-repeat; display:block; color:#7b822a; font-size:48px; line-height:89px; text-align:center;display:flex; align-items:center; justify-content:center }

.mimasuo .nima_num li.off{ color:#dff03f;background:url(../images/men_mimakan1.png) no-repeat;text-shadow:0 0 0.2em #fff,-0 -0 0.2em #fff;-webkit-text-shadow:0 0 0.2em #fff,-0 -0 0.2em #fff; }



.men_cen .srmima{ width:316px; height:70px; background:url(../images/men_miazs.png) no-repeat ;position:absolute; right:15px; top:16.6vh; z-index:2}
.men_cen .srmima span{ color:#000; font-size:40px; display:block; height:40px; line-height:40px; padding-top:15px; letter-spacing:28px; width:226px; margin:0px auto; }

.kaimen_guang{width: 100%;height: 100%;opacity:0;background: url('../images/guani.png') no-repeat;background-size: 100% 100%;position: absolute;top: 0;left: 0;}


/*密码错误提示*/
.mimcw_zezc{ width:100%; height:100vh;background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; z-index:200;display:flex; justify-content:center; align-items:center; }

.mimcw_zezc .tac_mimcw{ width:455px; height:218px; margin:0px auto;  background:url(../images/tac_mimcw.png) no-repeat; text-align:center; padding-top:100px;}

.mimcw_zezc .tac_mimcw img{ margin:0px 15px;}
.mimcw_zezc .tac_mimcw span{ font-size:46px; text-align:center; display:block; width:100%; height:100px; line-height:100px;text-shadow:2px -1px 1px #fff;-webkit-text-shadow:2px -1px 1px #fff}
.mimcw_zezc .tac_mimcw b{ font-size:46px; text-align:center; display:block; width:100%; height:150px; line-height:150px;text-shadow:2px -1px 1px #fff;-webkit-text-shadow:2px -1px 1px #fff}


.kaimen{-webkit-animation: kai 2s linear forwards;animation: kai 2s linear forwards}
.guang{-webkit-animation: guang 2.5s linear forwards;animation: guang 2.5s linear forwards}
@-webkit-keyframes kai{
	0%{-webkit-transform: rotateY(0);}
	100%{-webkit-transform: rotateY(85deg);}
}
@keyframes kai{
	0%{transform: rotateY(0);}
	100%{transform: rotateY(85deg);}
}
@-webkit-keyframes guang{
	0%{opacity: 1;}
	100%{opacity: 1;-webkit-transform: scale(3);top: 12px;left: 129px;}
}
@keyframes guang{
	0%{opacity: 0;}
	100%{opacity: 1;transform: scale(3);top: 12px;left: 129px;}
}