.div1{
	width:665px;
	height:420px;
	border:3px solid pink;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.img1 {
    transition: All 4s ease-in-out;
    -webkit-transition: All 4s ease-in-out;
    -moz-transition: All 4s ease-in-out;
    -o-transition: All 4s ease-in-out;
    width:80px;
    height:80px;
}
.img1:hover {
	transform: rotate(1800deg);
	-webkit-transform: rotate(1800deg);
	-moz-transform: rotate(1800deg);
	-o-transform: rotate(1800deg);
	-ms-transform: rotate(1800deg);
}
.div2{
	border:0px solid orange;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	display: block;
	width: 80px;
	height: 80px;
}

input{
    outline-style: none ;
    border: 1px solid silver;
    border-radius: 5px;
    padding: 4px 5px;
    font-size: 18px;
	padding-left:8px;
	transition: all 1s;	
	height: 32px;
}
input:focus{
    border-color: #FF6633;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
input:hover{
    border-radius: 15px;
    border: 1px solid green;
	transform:scale(1.5);
	transform:translateX(0px);	
	background:#FFFFCC;
	color: green;
}

.span1{
	font-family: 黑体;
	font-size: 18px;
	transition: all 1.5s;	
}
.span1:hover{
	transform:scale(1.0);
	transition: all 0.5s;	
	color: green;
	text-decoration:blink;
}
.span2{
	font-family: 黑体;
	font-size: 18px;
	transition: all 1.5s;	
}
.span2:hover{
	transform:scale(1.0);
	transition: all 0.5s;	
	color: green;
}
.span3{
	color: red;
}
.span4{
	color: blue;
}
.span5{
	color: #ff00ff;
}
.a1{
	text-decoration:none;		
	color:blue;
	transition: all 1s;	
}
.a1s{
	color:red;
}

.a1:hover{
	text-decoration:none;	
	transform:scale(1.2);
	color:green;
	transform:translateX(4px);	
}
.a2{
	text-decoration:none;	
	color:blue;
	transition: all 0.5s;	
}
.a2:hover{
	text-decoration:none;
	transform:scale(1.0);
	color:red;
}
.span7{
	font-family: 黑体;
	font-size: 35px;
	transition: all 0.5s;	
}
.span7:hover{
	transform:scale(1.1);
		font-size: 34px;
	transition: all 1s;	
	color: green;
	transform:translateX(4px);	
}
.a3{
	text-decoration:none;	
	font-size: 40px;
	color:blue;
	transition: all 0.5s;	
}
.a3:hover{
	text-decoration:none;
	font-size: 41px;
	transform:scale(1.0);
	color:red;
}

.img {
    transition: All 4s ease-in-out;
    -webkit-transition: All 4s ease-in-out;
    -moz-transition: All 4s ease-in-out;
    -o-transition: All 4s ease-in-out;
    width:80px;
    height:80px;
}
.img:hover {
	transform: rotate(1800deg);
	-webkit-transform: rotate(1800deg);
	-moz-transform: rotate(1800deg);
	-o-transform: rotate(1800deg);
	-ms-transform: rotate(1800deg);
}