* {margin:0; padding:0; list-style:none;}
body,div,ul,li{padding: 0px; margin: 0px;}
body {font-family:"Microsoft YaHei","simsun","Helvetica Neue",Arial, Helvetica,sans-serif; font-size:14px; color: #414141; }
/* box-sizing: border-box; CSS3属性*/
hr{margin:15px auto; border:0px; border-bottom:dashed #ddd 1px; width:90%;}
img { border:none; vertical-align: bottom; /*height: auto !important;*/}
p {line-height:130%;}

.red { color:red; }
.hui{color: #ccc;}
.hui1{color: #ddd;}
.hui2{color: #eee;}
.green { color:green; }
.blue { color:blue; }
.gray { color:gray; }
.purple { color:purple; }

.clear{clear: both;}
.px1 {height:1px; clear:both;}
.px2 {height:2px; clear:both;}
.px3 {height:3px; clear:both;}
.px5 {height:5px; clear:both;}
.px10 {height:10px; clear:both;}
.px15 {height:15px; clear:both;}
.px20 {height:20px; clear:both;}
.px25 {height:25px; clear:both;}
.px30 {height:30px; clear:both;}
.px35 {height:35px; clear:both;}
.px40 {height:40px; clear:both;}
.px50 {height:50px; clear:both;}
.px60 {height:60px; clear:both;}
.px70 {height:70px; clear:both;}
.px80 {height:80px; clear:both;}
.px90 {height:90px; clear:both;}
.px100 {height:100px; clear:both;}
.px110 {height:110px; clear:both;}
.px120 {height:120px; clear:both;}

.line_w10,.line_w20,.line_w30,.line_w40,.line_w50,.line_w60,.line_w70,.line_w80,.line_w90,
.line_w100 {height:1px; border-bottom: 1px solid #eee;}
.line_w10{width:10%; margin:5px 45%;}
.line_w20{width:20%; margin:5px 40%;}
.line_w30{width:30%; margin:5px 35%;}
.line_w40{width:40%; margin:5px 30%;}
.line_w50{width:50%; margin:5px 25%;}
.line_w60{width:60%; margin:5px 20%;}
.line_w70{width:70%; margin:5px 15%;}
.line_w80{width:80%; margin:5px 10%;}
.line_w90{width:90%; margin:5px 5%;}
.line_w100{width:100%; margin:5px 0%;}

.fl{float: left;}
.fr{float: right;}

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}

.ny_2,
.ny_3,
.ny_4 {width: 100%; height: auto;}
.ny_2 li{margin: 1%; float: left; width:48%;}
.ny_3 li{margin: 1%; float: left; width:31.33333%;}
.ny_4 li{margin: 1%; float: left; width:23%;}
.ny_2 li img,
.ny_3 li img,
.ny_4 li img {width: 98%;}

.kuiuyuy {-webkit-animation-name: skyset; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-name: skyset; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear; }
@-webkit-keyframes skyset {
    0% { background: red;}
    50%{ background: Crimson}
    100% {background: yellow;}
}
@keyframes skyset {
    0% { background: red;}
    50%{ background: Crimson}
    100% {background: yellow;}
}

.sy_xzwm_a p i,
.sy_xzwo_c {-webkit-animation-name: skya; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-name: skya; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;}
@-webkit-keyframes skya {
    0% { color: White;}
    50%{ color: red}
    100% {color: yellow;}
}
@keyframes skya {
    0% { color: blue;}
    50%{ color: red}
    100% {color: yellow;}
}

@-webkit-keyframes xz_a{
0% {-webkit-transform: rotate(0deg);}
36% {-webkit-transform: rotate(3deg);}
56% {-webkit-transform: rotate(357deg);}
100% {-webkit-transform: rotate(360deg);}
}
.Xz_a,
.mb_sybox img,
.sy_fwlc img{
-webkit-transform: rotate(360deg);
animation: xz_a 3s linear infinite;
-moz-animation: xz_a 3s linear infinite;
-webkit-animation: xz_a 3s linear infinite;
-o-animation: xz_a 3s linear infinite;
}

.shangxia {
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	animation-duration: 1s;
	animation-name: updown;
	transform-origin: center bottom;
	cursor: pointer;
}
@keyframes updown {
0%, 100%, 20%, 50%, 80% {
transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
transform: translate3d(0, 0, 0);
}
40%, 43% {
transition-timing-function: cubic-bezier(0.755, 0.50, 0.855, 0.060);
transform: translate3d(0, -15px, 0);
}
70% {
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -8px, 0);
}
90% {
transform: translate3d(0, -2px, 0);
}
}

.input1 {border-radius: 3px; border: solid 1px #EEE; padding: 5px; width: 75%; font-size: 14px; }
.input2 {border-radius: 3px; border: solid 1px #ccc; padding: 5px; font-size: 14px; }
.submit {border-radius: 10px; border: solid 1px #f00; padding: 7px 30px;}
