.wrap{
	width:1280px; 
	margin:0 auto; 
	overflow:hidden;
	background:url(../images/bg-top.jpg) top center no-repeat;
	background-size:100%;
}
.login{ width:70%; margin-left:15%; overflow:hidden; margin-top:330px;}

.tab{ overflow:hidden;}
.tab a{ float:left; display:block; width:150px; text-align:center; height:60px; line-height:60px; font-size:30px; background-color:#9bc93c; color:#fff; border-top-left-radius:10px; border-top-right-radius:10px; position:relative; top:10px;}
.tab>a:first-child{ margin-right:10px;}
.tab>a.on{ float:left; display:block; width:150px; text-align:center; height:70px; line-height:70px; font-size:30px; background-color:rgba(255,255,255,.8); color:#4e7204; border-top-left-radius:10px; border-top-right-radius:10px; position:relative; top:0;}
.tab span{ float:right;}
.tab span a{ border-radius:10px; height:50px; line-height:50px; width:100px;}
.con{ overflow:hidden; border-radius:10px; border-top-left-radius:0px;}
.con1{ background-color:rgba(255,255,255,.8); padding:100px; text-align:center;}
.sr{ border-top:1px #999 solid; overflow:hidden;}
.sr span{ display:block; float:left; background-color:#8cc531; color:#fff; width:20%; text-align:center; height:50px; line-height:50px; font-size:24px;}
.sr input{ float:left; background-color:#e9e9e9; border:0; width:80%; height:50px; line-height:50px; padding-left:20px; font-size:20px;}
.txt{ margin:30px 0 80px 0; color:#8cc531; font-size:24px;}


.con2{ background-color:rgba(255,255,255,.8); padding:50px; text-align:center; overflow:hidden;}
.con21{ overflow:hidden; border:7px #9bc93c solid; padding:10px;}
.con22{ overflow:hidden; border:2px #1bb0b9 dotted; padding:10px;}
.con2 .title{ font-size:60px; border-bottom:2px #F90 dotted; margin:30px 10%; padding-bottom:20px;}
.con2 .subtitle{ color:#1bb0b9; font-size:32px; line-height:60px;}
.con2 .subtitle span:first-child{ margin-right:60px;}
.con2 .time{ margin-top:30px; padding:0 10%;}
.con2 .time img{ float:left;}
.con2 .time span{ float:right; display:block; color:#6cba4b; font-size:18px; padding-bottom:20px; margin-top:40px;}
.con2 .time span font{ display:block; border-bottom:2px #f90 dotted; font-size:30px; font-weight:bold; padding-bottom:10px; margin-bottom:20px;}


.list1{ background-color:#8ac230; color:#fff; font-size:24px; text-align:center;  margin: 20px 10%; padding:20px;}
.list1 p:first-child{ border-bottom:1px rgba(255,255,255,.5) solid; padding-bottom:10px; margin-bottom:10px;}
.list1 p{ line-height:40px;}

.list2{ background-color:#d9f3b0; color:#fff; font-size:24px; text-align:center;  margin: 20px 10%; padding:20px;}
.list2 p:first-child{ border-bottom:1px rgba(255,255,255,.5) solid; padding-bottom:10px; margin-bottom:10px;}
.list2 p{ line-height:40px; color:#4e7204;}
.list2 p span{ margin-left:15px;}

@media (min-width: 751px) and (max-width: 1280px) {
.wrap{
	width:100%; 
}
.login{ width:80%; margin-left:10%; overflow:hidden; margin-top:250px;}



}


@media (max-width: 750px) {
.wrap{
	width:100%; 
	background:url(../images/bg-phone.jpg) top center no-repeat;
	background-size:100%;
}
.login{ width:95%; margin-left:2.5%; overflow:hidden; margin-top:230px; z-index:20;}

.tab{ overflow:hidden;}
.tab a{ float:left; display:block; width:100px; text-align:center; height:50px; line-height:50px; font-size:20px; background-color:rgba(255,255,255,.8); color:#4e7204; background-color:#9bc93c; color:#fff; border-top-left-radius:10px; border-top-right-radius:10px; position:relative; top:10px;}
.tab>a:first-child{ margin-right:10px;}
.tab>a.on{ float:left; display:block; width:100px; text-align:center; height:60px; line-height:60px; font-size:20px; background-color:rgba(255,255,255,.8); color:#4e7204; border-top-left-radius:10px; border-top-right-radius:10px; position:relative; top:0;}
.tab span{ float:right;}
.tab span a{ border-radius:10px; height:40px; line-height:40px; width:80px;}
.con1{ background-color:rgba(255,255,255,.8); padding:40px; text-align:center; overflow:hidden;}
.con1 a img{ width:200px;}
.sr{ border-top:1px #999 solid; overflow:hidden;}
.sr span{ display:block; float:left; background-color:#8cc531; color:#fff; width:20%; text-align:center; height:40px; line-height:40px; font-size:18px;}
.sr input{ float:left; background-color:#e9e9e9; border:0; width:80%; height:40px; line-height:40px; padding-left:20px; font-size:14px;}
.txt{ margin:20px 0 40px 0; color:#8cc531; font-size:20px;}


.con2{ background-color:rgba(255,255,255,.8); padding:10px; text-align:center; overflow:hidden;}
.con21{ overflow:hidden; border:5px #9bc93c solid; padding:7px;}
.con22{ overflow:hidden; border:2px #1bb0b9 dotted; padding:7px;}
.con2 .title{ font-size:40px; border-bottom:2px #F90 dotted; margin:20px 10%; padding-bottom:10px;}
.con2 .subtitle{ color:#1bb0b9; font-size:24px; line-height:50px;}
.con2 .subtitle span:first-child{ margin-right:0; display:block;}
.con2 .time{ margin-top:30px; padding:0 10%;}
.con2 .time img{ float:none; width:100%;}
.con2 .time span{ float:none; display:block; color:#6cba4b; font-size:18px; padding-bottom:20px; margin-top:40px;}
.con2 .time span font{ display:block; border-bottom:2px #f90 dotted; font-size:30px; font-weight:bold; padding-bottom:10px; margin-bottom:20px;}

.con2 a img{ width:200px;}

.list1{ background-color:#8ac230; color:#fff; font-size:18px; text-align:center;  margin:10px 5px; padding:10px 5px;}
.list1 p:first-child{ border-bottom:1px rgba(255,255,255,.5) solid; padding-bottom:10px; margin-bottom:10px;}
.list1 p font{ margin-left:20px;}
.list1 p{ line-height:30px;}



.list2{ background-color:#d9f3b0; color:#fff; font-size:14px; text-align:center;  margin:10px 5px; padding:10px 5px;}
.list2 p:first-child{ border-bottom:1px rgba(255,255,255,.5) solid; padding-bottom:10px; margin-bottom:10px;}
.list2 p{ line-height:30px; color:#4e7204; text-align:center;}
.list2 p span{ margin-left:20px;}
.list2 p span:first-child{ margin-left:0;}

}





