/*reset*/
html {
	font-size: 12px
}

@media screen and (min-width:640px) and (max-width:719px) {
	html {
		font-size: 15px;
	}
}

@media screen and (min-width:720px) and (max-width:749px) {
	html {
		font-size: 16px;
	}
}

@media screen and (min-width:750px) and (max-width:799px) {
	html {
		font-size: 18px;
	}
}

@media screen and (min-width:800px) and (max-width:959px) {
	html {
		font-size: 20px;
	}
}

@media screen and (min-width:960px) and (max-width:1079px) {
	html {
		font-size: 24px;
	}
}

@media screen and (min-width:1080px) {
	html {
		font-size: 26px;
	}
}

@media screen and (min-width:1366px) {
	html {
		font-size: 30px;
	}
}

html {
	color: #333;
	/*瑙勫畾涓昏壊璋�,渚濇嵁涓氬姟鍦烘櫙(闈炲繀椤�)*/
	background: #F6F6F6;
	/*瑙勫畾涓昏儗鏅�,渚濇嵁涓氬姟鍦烘櫙(闈炲繀椤�)*/
	overflow-y: auto;
	/*濡傛灉鏈夋孩鍑鸿嚜鍔ㄥ舰鎴愭粴鍔ㄦ潯*/
	-webkit-text-size-adjust: 100%;
	/*涓嶆兂璁﹊Phone妯潥灞忓垏鎹㈢殑鏃跺�欒皟鑺傛枃瀛�*/
	-ms-text-size-adjust: 100%;
}

html * { /*鎵�鏈夊厓绱�*/
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*鍘婚櫎绉诲姩绔紑鍙戠偣鍑讳簨浠剁伆鑹茶儗鏅a鏍囩*/
}

body, html {
	height: 100%;
}

article, aside, blockquote, body, button, code, dd, details, div, dl, dt,
	fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6,
	header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section,
	td, textarea, th, ul {
	margin: 0;
	padding: 0;
}

ul, li {
	list-style: none;
}

body{background: #fff;}
body:before{content:''; display: block; position: fixed; top: -100px; right: -146px; transform: rotate(44deg); width: 80%; height: 80%; background: #1ab394;}
.logo_box {
	padding: 3% 0 0 4%;
}
.logo_box img{width:130px; margin:18% 0 0 8%;}
.text_box{display:none;}
.login_box {
	width: 80%;
	box-sizing: border-box;
	float: right;
	background: #fff;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, .2) 0 10px 10px;
	padding: 58px 38px;
	top: 50%;
	position: fixed;
	left:50%;
	transform: translate(-50%, -50%);
	border:1px solid #f0f0f0;
}
body:after {
	content: '';
	display: block;
	background: url(/img/login_bg2.png) no-repeat;
	width: 24%;
	padding-top: 16%;
	background-size: contain;
	position: fixed;
	left:0; bottom:6%;
}

@media screen and (min-width:540px) {
	body {
	background: url(/img/login_bg1.png) #fff no-repeat top right;
	background-size: 70% auto;
}
	body:before{content: 'none'; background: none;}
	body:after{

	left: -6%;
	bottom: 0;}
	.text_box{position: fixed;left: 10%; top: 32%; display: block;}
	.login_box{width:302px;left:auto;right:10%;transform: translate(0, -50%);}
	.logo_box img{margin:auto;}
}







.main {
	position: relative;
}



.text_box h2 {
	color: #1ab394;
	font-weight: normal;
	font-size: 1.2rem;
}

.text_box h2 b {
	font-size: 68px;
	color: #fb6801;
	font-weight: normal;
}

.text_box p {
	font-size: 0.7rem;
	color: #b9b8bd;
	margin-top: 4%;
	text-indent: 2rem;
}



.login_box h3 {
	color: #1ab394;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
}

.login_box input {
	border-radius: 50px;
	border: 1px solid #d7d7d7;
	padding: 6px 12px;
	height: 34px;
	line-height: 34px;
	width: 100%;
}

.login_box h3 {
	margin-bottom: 30px;
}

.login_box input {
	margin-bottom: 30px;
}

.login_box .uname {
	background: #fff url(../img/user.png) no-repeat 95% center;
	color: #333333;
}

.login_box .pword {
	background: #fff url(../img/locked.png) no-repeat 95% center;
	color: #333333;
}

.login_box a {
	display: block;
	background: #1ab394;
	border-radius: 50px;
	color: #fff;
	height: 34px;
	line-height: 20px;
	text-decoration: none;
	font-size: 18px;
	text-align: center;
	width: 62%;
	margin: 0 auto;
	box-shadow: rgba(0, 0, 0, .2) 0 3px 3px;
}

.login_box a:hover {
	color: #fb6801;
}

.footer {
	border-top: 0px;
	position: fixed;
	width:100%;
	bottom: 2%;
	text-align: center;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	margin:auto;
	padding:0;
}

.footer a {
	text-decoration: none;
	color: #1ab394;
	background: transparent;
}

.new-account>a{
    background: none;
    box-shadow: none;
    color: #1ab394;
    padding-top: 15px;
    text-decoration: underline;
}

.forgot-account>a{
    background: none;
    box-shadow: none;
    color: #fb6801;
    padding-top: 15px;
    text-decoration: underline;
    font-size: 10px;
}


.new-account-back>a{
    background: none;
    box-shadow: none;
    color: #FFFFFF;
    padding-top: 15px;
    text-decoration: underline;
}