*{
margin:0;
padding:0;
}
body,html{
background: linear-gradient(180deg, #4B74B7 0%, #A3C7E7 100%);
background-size:100% 100%;
width:100%;
	height:1080px;
min-width: 1200px;
}
.main-head{
width:100%;
background:#4366A8;
height:95px;
}

.head-logo{
width:1200px;
margin:0px auto;
padding:20px 0;
}

.head-logo img{
margin-right:30px;
float:left;
}

.logo{
font-size: 36px;
font-family: 微软雅黑;
font-weight:bold;
line-height: 46px;
color: #FFFFFF;
opacity: 1;
vertical-align:top;
float:left;
}

.s{
width: 2px;
height: 25px;
background: #FFFFFF;
opacity: 1;
margin:12px 31px;
float:left;
}

.mh{
font-size: 24px;
font-family:微软雅黑;
line-height: 45px;
color: #FFFFFF;
font-weight:normal;
opacity: 1;
}

.main-body{
	/*transform: scale(0.7,0.7);*/
	/*transform-origin: 50% 100px;*/
}

.main-login{
	margin:85px auto 96px auto;
	width:1200px;

}

.login-form{
position:relative;
float:left;
width:620px;
height:670px;
background:#ffffff;
left:45px;
z-index:99;

}
.bg-tb{
float: right;
position: relative;
right: -38px;
}
.login-bg{
position:relative;
width:1200px;
height:614px;
background:#4366A8;
top:25px;
z-index:1;
}

.login-qt{
width:535px;
height:614px;
float:right;
}

.main-footer{
background:#f2f2f2;
width:100%;
height:156px;
bottom:0;
position:relative;
top:45px;
}




#wrapper {
width: 100%;

}
#tabs{
width: 100%;
background:#D8D9DB;
position:absolute;
z-index:100;
height: 70px;
}

#tabs li {
float: left;
width: 309px;
height: 70px;
text-align:center;
background: #F5F5F5;
}

#tabs li a {
display:block;
width: 309px;
height: 69px;
line-height:70px;
background: #F5F5F5;
text-align:center;
color:#666666;
text-decoration:none;
border-bottom:1px solid #D8D9DB;
}


#tabs_container {
	overflow: hidden;
	position: relative;
	background: white;
}

#tabs_container div {
width:100%;
}

.transition {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.make_transist {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.hidescale {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	display:none;
}

.showscale {
	display:block;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .15s;
	-moz-transition-delay: .15s;
	-o-transition-delay: .15s;
	-ms-transition-delay: .15s;
	transition-delay: .15s;
	
}


.hideleft {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.showleft {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hidescaleup {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.showscaleup {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hideflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;

	-webkit-transform: rotatey(-90deg) scale(1.1);
	-moz-transform: rotatey(-90deg) scale(1.1);
	-o-transform: rotatey(-90deg) scale(1.1);
	-ms-transform: rotatey(-90deg) scale(1.1);
	transform: rotatey(-90deg) scale(1.1);

	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;

	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.showflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;

	-webkit-transform: rotatey(0deg) scale(1);
	-moz-transform: rotatey(0deg) scale(1);
	-o-transform: rotatey(0deg) scale(1);
	-ms-transform: rotatey(0deg) scale(1);
	transform: rotatey(0deg) scale(1);

	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.tabulous_active {
	background:url(../img/btn-qhxz.png) no-repeat  !important;
	color: #655c89 !important;
	width: 310px !important;
	color:#666666;
	border-bottom:1px solid #ffffff  !important;
}

.tabulousclear {
	display: block;
	clear: both;
}
.qt-title{
width: 100%;
height: 58px;
font-size: 18px;
font-family: 微软雅黑;
line-height: 58px;
text-align:center;
color: #FFFFFF;
}

.qt{
width:516px;
margin:0 auto;
}

.qt-label{
width: 238px;
height: 62px;
background: rgba(255, 255, 255, 0.13);
border: 1px solid #FFFFFF;
border-radius: 1px;
margin:7px;
float:left;
cursor: pointer;
}

.qt-label-active{
width: 238px;
height: 62px;
background: #4366A8;
border: 1px solid #FFFFFF;
border-radius: 1px;
margin:7px;
float:left;
cursor: pointer;
}

.qt-label img{
margin:6px 10px;
float:left;
}
.qt-label span{
font-size: 18px;
font-family: 微软雅黑;
line-height: 62px;
color: #FFFFFF;
margin-left:18px;
float:left;
}

.qt-label-active img{
margin:6px 10px;
float:left;
}
.qt-label-active span{
font-size: 18px;
font-family: 微软雅黑;
line-height: 62px;
color: #FFFFFF;
margin-left:18px;
float:left;
}
.wz{
width: 512px;
height: 201px;
font-size: 16px;
font-family: 微软雅黑;
line-height: 30px;
color: #FFFFFF;
margin:0 16px;
float:left;
}

.wx{
margin-top:20px;
width: 500px;
}

.wz a{
color:#ffffff;
text-decoration:underline;
}
@media (max-width: 1367px) and  (min-width:451px) {

	.main-body{
		transform: scale(0.7,0.7);
		transform-origin: 50% 20%;
	}
	.main-login{
		margin: 0 auto;
	}
	body,html{
		height:100vh !important;
	}

}