.mainArea{
	height: 100%;
	width: 100%;
	margin: auto;
}

.headerArea{
	height: 5rem;
	width: 100%;
	background: #3A2F42;

}
.container {
    height: 100%;
    width: 80%;
    margin: auto;
    padding: 0;
}

.clearfix {
    zoom: 1;
}
.logo {
	float: left;
    height: 5rem;
    background: 0 0;

}
 .logo img {
    height: 3.2rem;
    margin: 0.9rem 0;
    padding-left: 0.5rem;
    border: none;
}
.rightMenu {
    float: right;
    height: 5rem;
    color: white;
    font-size: 1.5rem;
    line-height: 5rem;
    vertical-align: middle;
}
.nav-tabs {
	border: none;
}
.active{
	color: white;
}
.nav-tabs>li>a:hover{
	background-color: inherit;
	color: white;
	border: none;
}

a {
    color: white;
    text-decoration: none;
}
.banerArea{
	height: 50rem;
	width: 100%;
	background: #F6F8FC;
}
.bannerLeft{
	width: 50%;
	height: 100%;
	text-align: left;
	vertical-align: middle;
	float: left;
}
.bannerTitle{
	font-family: PingFangSC-Medium;
	font-size: 4rem;
	color: #3A2F42 100%;
	letter-spacing: 0;
}
.bannerDesc{
	font-family: PingFangSC-Medium;
font-size: 3rem;
color: #3A2F42;
letter-spacing: 0;
line-height: 3rem;
margin: 3rem 0;
}
.bannerTip{
	font-family: PingFangSC-Medium;
font-size: 1.5rem;
color: #BAB8C2;
letter-spacing: 0;
margin: 1rem 0;
}

.banerBtn{
	margin-top: 5rem;
	height: 5rem;
	width: 50%;
	background: #33CEBB;
	border-radius: 10px;
	border-radius: 10px;
	
	line-height: 5rem;
	opacity: 0.96;
font-family: PingFangSC-Semibold;
font-size: 2.5rem;
color: #FFFFFF;
text-align: center;
}
.bannerRight{
	width: 50%;
	height: 100%;
	text-align: left;
	float: left;
}
.bannerRight img{
	max-width: 100%;
	max-height: 40rem;
}
.youshiArea{
	width: 100%;
	margin: auto;
}
.youshiTitle{
	margin-top: 7rem;
	font-family: PingFangSC-Medium;
font-size: 3.5rem;
color: #3A2F42;
letter-spacing: 0;
line-height: 3rem;
width: 100%
margin:auto;
text-align: center;
}
.youshiImg{
	margin-top: 5rem;
	width: 100%;
	text-align: center;
	border-bottom: 2px solid #EDF0F6;
	padding-bottom: 10rem;
}
.youshiImg img{
	max-width: 100%;
	/*max-height: 30rem;*/
}
.blankArea{
	height: 10rem;
	width: 80%;
	margin: auto;
	border-bottom: 2px solid #EDF0F6;
}

.liuchengArea{
	width: 100%;
	margin: auto;
}
.liuchengTitle{
	margin-top: 7rem;
	font-family: PingFangSC-Medium;
font-size: 3.5rem;
color: #3A2F42;
letter-spacing: 0;
line-height: 3rem;
width: 100%
margin:auto;
text-align: center;
}
.liuchengImg{
	margin-top: 5rem;
	width: 100%;
	text-align: center;
	border-bottom: 2px solid #EDF0F6;
	padding-bottom: 10rem;
}
.liuchengImg img{
	max-width: 100%;
}

.connetArea{
	width: 100%;
	margin: auto;
}
.connetTitle{
	margin-top: 7rem;
	font-family: PingFangSC-Medium;
font-size: 3.5rem;
color: #3A2F42;
letter-spacing: 0;
line-height: 3rem;
width: 100%
margin:auto;
text-align: center;
margin-bottom: 7rem;
}

.connetBtn{
	margin:auto;
	height: 5rem;
	width: 25%;
	background: #33CEBB;
	border-radius: 10px;
	border-radius: 10px;
	line-height: 5rem;
	opacity: 0.96;
	font-family: PingFangSC-Semibold;
	font-size: 2.5rem;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
}
.footerArea{
	margin-top: 5rem;
	width: 100%;
	background: #3A2F42;
}

.footerLogo{
	margin-top: 3rem;
    margin-bottom: 2rem;
}
.footerLogoA{
	height: 5rem;
    background: 0 0;
}
.footerDesc{
	font-family: PingFangSC-Regular;
font-size: 1rem;
color: #DADADB;
letter-spacing: 0;
padding: 3px 0;
}
.beianArea{
	width: 100%;
	height: 3rem;
	background: #2A2030;
	font-family: PingFangSC-Regular;
font-size: 1rem;
color: #C6BECB;
letter-spacing: 0;
text-align: center;
line-height: 3rem;
}
.activeNav{
	border-bottom: 1px solid white;
}
.youshiTitle2{
	margin-top: 2rem;
	text-align: center;
	font-family: PingFangSC-Medium;
font-size: 1.5rem;
color: #BAB8C2;
letter-spacing: 0;
}
.inputArea{
	width: 50%;
	text-align: center;
	margin:auto;
	height: 4rem;
	line-height: 4rem;
}
.inputFirst{
	width: 48%;
	float: left;
	background: #FCFCFD;
border: 2px solid #ECF0F3;
border-radius: 4px;
border-radius: 4px;
margin-right: 2%;
}
.inputSecend{
		width: 48%;
	float: left;
	background: #FCFCFD;
border: 2px solid #ECF0F3;
border-radius: 4px;
border-radius: 4px;
margin-left: 2%;
}
.proDesc{
	width: 100%;
	background: #F5F8F9;
border-radius: 4px;
border-radius: 4px;
}
a:hover{
	color: #FFFFFF;
	border: none;
}
.erroDiv{
	position: absolute;
	width: 360px;
	height: 210px;
	top:50%;
	left: 50%;
	margin-top:-105px;
	margin-left: -180px;
	text-align: center;
	background-color: #fff;
	box-shadow: 0 0 25px rgba(0,0,0,0.1);
	overflow: hidden;
    border-radius: 5px;
}
.errorMsg{
	margin-top: 50px;
	font-size: 2rem;
	margin-bottom: 50px;
}
.errorBtn{
	margin-top: 5rem;
	height: 5rem;
	width: 50%;
	margin:auto;
	background: #33CEBB;
	border-radius: 10px;
	border-radius: 10px;
	line-height: 5rem;
	opacity: 0.96;
font-family: PingFangSC-Semibold;
font-size: 2.5rem;
color: #FFFFFF;
text-align: center;
}
.loginDiv{
	width: 300px;
	text-align: center;
	margin:auto;
	line-height: 4rem;
	height: 100px;
}
.loginInput{
	width: 70%;
	background: #FCFCFD;
border: 2px solid #ECF0F3;
border-radius: 4px;
border-radius: 4px;
margin-bottom: 2rem;
float: left;
}
.loginTime{
	width: 30%;
	float: left;
	text-align: left;
	margin-bottom: 2rem;
}