/* *{margin: 0px; padding: 0px;}
li{list-style:none;}
a{text-decoration: none;color: #ccc;cursor: pointer;}
.clear{clear: both;} */

/* .header{width: 1226px;height: 100px;margin: 0px auto;line-height: 90px;padding-left: 40px;} */
.content{width: 100%;height: 580px;background: url(../images/login.png);perspective: 1000px;}
.content p{width: 70%;height: 38px;margin: 0px auto;line-height: 38px;text-align: center;color: #757575;}
.content span{font-size: 13px;margin: 0px 10px;}

section{   
   /* 相对定位 */
	position: absolute;
    top: 38%;
	left: 20%;
	width: 150px;
	height: 150px;
	/* 让子元素保留其3D位置 */
	transform-style: preserve-3d;
	/* 动画 名称 时长 linear 是匀速运动 infinite是无限次播放 */
	animation: rotate 5s linear infinite;
}

section div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	transition: all 1s;
}

section div img {
	width: 100%;
	height: 100%;
}
section div:nth-child(1) {
	transform: translateZ(75px);
}
section:hover div:nth-child(1) {
	transform: translateZ(200px);
}
section div:nth-child(2) {
	transform: rotateX(-180deg) translateZ(75px);
}
section:hover div:nth-child(2) {
	transform: rotateX(-180deg) translateZ(200px);
}
section div:nth-child(3) {
	transform: rotateX(90deg) translateZ(75px);
}
section:hover div:nth-child(3) {
	transform: rotateX(90deg) translateZ(200px);
}
section div:nth-child(4) {
	transform: rotateX(-90deg) translateZ(75px);
}
section:hover div:nth-child(4) {
	transform: rotateX(-90deg) translateZ(200px);
}
section div:nth-child(5) {
	transform: rotateY(90deg) translateZ(75px);
}
section:hover div:nth-child(5) {
	transform: rotateY(90deg) translateZ(200px);
}
section div:nth-child(6) {
	transform: rotateY(-90deg) translateZ(75px);
}
section:hover div:nth-child(6) {
	transform: rotateY(-90deg) translateZ(200px);
}
section div:nth-child(7) {
	transform: translateZ(75px);
}
section div:nth-child(8) {
	transform: rotateX(-180deg) translateZ(75px);
}
section div:nth-child(9) {
	transform: rotateX(90deg) translateZ(75px);
}
section div:nth-child(10) {
	transform: rotateX(-90deg) translateZ(75px);
}
section div:nth-child(11) {
	transform: rotateY(90deg) translateZ(75px);
}
section div:nth-child(12) {
	transform: rotateY(-90deg) translateZ(75px);
}
@keyframes rotate {
	0% {
		transform: rotateY(0) rotateX(0);
	}
	100% {
		transform: rotateY(360deg) rotateX(360deg);
	}
}


.login_content{width: 70%;height: 600px;margin: 0px auto;}
.login_form{width: 410px;height: 620px;float: right;background: #fff;margin: 20px 50px;}
.login_form_main{width: 330px;margin: 25px  auto;}
.login_form_main p{font-size: 23px;text-align: left;float: left;color: #757575;width: 150px;height: 30px;line-height: 30px;cursor: pointer;}
.login_form_main span{font-size: 30px;float: left;height: 50px;line-height: 50px;color: #e0e0e0;}
.login_form_content{margin-top: 25px;}
.login_form_content input{border: none;width: 328px;height: 28px;padding: 10px;margin: 10px auto;border: 1px solid #e0e0e0;display: block;}
.login_form_content button{border: none;width: 350px;display: block;height: 50px;margin: 25px auto;background: #35B7FF;color: #fff;}

.login_form_content h6{font-weight: 300;width: 350px;margin: 0px auto;height: 40px;line-height: 40px;}
.login_form_content span{float: right;}
.login_form_content p{text-align: left;width: 350px;height: 20px;}

.login_form_pic{width: 350px;margin: 100px auto 0px;border-top: 1px solid #e0e0e0;position: relative;}
.login_form_pic p{width: 100px;height: 30px;line-height: 30px;color: #ccc;background: #fff;position: absolute;top: -15px;left: 125px;}
.login_form_pic ul{width: 233px;margin: 20px auto 0px;}
.login_form_pic ul li{float: left;height: 32px;width: 32px; line-height: 35px;color: #fff;text-align: center;border-radius: 16px;background: #6d6e6a;}
.login_form_pic ul li i{font-size: 17px;}
.login_form_pic1:hover{background: #35B7FF;}

.login_form_content0{width: 350px;margin: 0px auto;text-align: center;}
.login_form_content0 img{height: 190px;width: 180px;margin: 70px auto 15px;}
.login_form_content0 p {width: 350px;margin: 0px auto;line-height: 25px;height: 25px;}
.login_form_content0 span{margin: 0px 5px;line-height: 25px;height: 25px;font-size: 15px;}