::-webkit-scrollbar {
	display: none;
	/* Chrome Safari */
}


@font-face {
	font-family: 'douyuFont-2';
	src: url('../fonts/douyuFont-2.otf');
}

@font-face {
	font-family: 'fzltdh';
	src: url('../fonts/fzltdh.ttf');
}

@font-face {
	font-family: 'hytdc';
	src: url('../fonts/hytdc.ttf');
}

/*@font-face {
	font-family: 'SourceHanSansCN-Medium';
	src: url('../fonts/SourceHanSansCN-Medium.otf');
}*/

/*@font-face {
	font-family: 'SourceHanSansCN-Normal';
	src: url('../fonts/SourceHanSansCN-Normal.otf');
}*/

/*@font-face {
	font-family: 'SourceHanSansCN-Regular';
	src: url('../fonts/SourceHanSansCN-Regular.otf');
}*/
body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	background-color: #F2F2F2;
}

.body-div {
	width: 100%;
	height: 100%;
	/* min-width: 1920px; */
	/* min-height: 1080px; */
	padding: 0;
	margin: 0;
	position: relative;
	background-color: #F2F2F2;
	/*font-family: 'SourceHanSansCN-Regular';*/
	background-position: center;
}

.top {
	width: 100%;
	height: 8.0625rem;
	background-color: #ffffff;
	/* padding-top: 20px; */
}

.top-div {
	width: 75rem;
	margin: 0 auto;
	height: 100%;
}

.logo {
	width: 11.375rem;
	height: 5.125rem;
	display: block;
	position: relative;
	top: 60%;
	transform: translateY(-50%);
	float: left;
}

.tel {
	width: 25rem;
	float: right;
	display: block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.icon-1 {
	width: 3.8rem;
	height: 3.8rem;
	display: block;
	float: left;
}

.tel-div {
	float: left;
	margin-left: 1rem;
	font-size: 1.3125rem;
	color: #444444;
	line-height: 2.125rem;
	position: relative;
	top: -0.25rem;
}

.tel-div-n {
	font-size: 1.8rem;
	font-family: 'hytdc';
	color: #0F916A;
}

.content {
	width: 100%;
	min-width: 81.25rem;
	height: 42.3125rem;
	background-image: url(../img/backgroundimg.png);
	background-size: cover;
	background-position: center;
}

.content-div {
	width: 75rem;
	margin: 0 auto;
	height: 34.375rem;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.left {
	color: #FFFFFF;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	float: left;
}

.left-1 {
	font-size: 2.625rem;
	letter-spacing: 0.125rem;
	font-family: 'fzltdh';
	text-shadow: 0px 0px 0.375rem #373737ad;
}

.left-2 {
	width: 34.75rem;
	font-family: 'douyuFont-2';
	font-size: 1.5625rem;
	margin-top: 3.125rem;
	text-align: center;
}

.left-2-span1 {
	width: 100%;
	height: 2.125rem;
	background-color: #077550;
	display: block;

}

.left-2-div {
	position: relative;
	top: -3.125rem;
	letter-spacing: 0.1rem;
}

.left-2-span2 {
	font-size: 2.1875rem;
	color: #00DD8D;
}

.left-3 {
	/*font-family: 'SourceHanSansCN-Medium';*/
	font-size: 1.5625rem;
	letter-spacing: 0.375rem;
}

.left-4 {
	margin-top: 2.5rem;
}

.left-4-div1 {
	text-align: center;
	width: 8.875rem;
	display: inline-block;
	margin-right: 1.875rem;
}

.er-img {
	width: 8.875rem;
	height: 8.875rem;
	display: block;
}

.left-4-div-span {
	font-size: 1.0625rem;
	margin-top: 0.375rem;
	display: block;
}

.right {
	width: 30.625rem;
	height: 100%;
	border-radius: 1.125rem;
	float: right;
	background-color: #FFFFFF;
}

.right-1 {
	width: 27.0625rem;
	margin: 0 auto;
	border-bottom: solid 0.0625rem #EFEFEF;
	font-family: 'SourceHanSansCN-Medium';
	font-size: 1.375rem;
	text-align: center;
	margin-top: 3.125rem;
	height: 3.3125rem;
}

.right-1-title1 {
	width: 50%;
	float: left;
	color: #0F916A;
	cursor: pointer;
}

.right-1-title2 {
	width: 50%;
	float: left;
	color: #000000;
	cursor: pointer;
}

.right-1-title1-span {
	width: 2.5rem;
	height: 0.1875rem;
	background-color: #0F916A;
	display: block;
	margin: 0 auto;
	margin-top: 1.1875rem;
}

/* ---------------登录内容---------------- */
.dl-div {
	width: 23.875rem;
	margin: 0 auto;
	/* 隐藏/显示 */
	display: block;
}

/* ---------------注册内容---------------- */
.zc-div {
	width: 23.875rem;
	margin: 0 auto;
	/* 隐藏/显示 */
	display: none;
}

/* 登录样式 */
.dl-right-2 {
	width: 100%;
	margin: 0 auto;
	margin-top: 2.5rem;
}

.dl-right-2-1 {
	width: calc(100% - 2.5rem);
	padding-left: 1.25rem;
	height: 2.5rem;
	display: block;
	font-size: 1.125rem;
	color: #212121;
}

.dl-input-1 {
	width: calc(100% - 2.5rem);
	height: 2.25rem;
	border: 0.0625rem solid #EFEFEF;
	padding: 0 1.25rem;
	font-size: 1rem;
	/*font-family: 'SourceHanSansCN-Normal';*/
	outline: none;
	margin-top: 0.125rem;
	cursor: pointer;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #A5A5A5;
	/*font-family: 'SourceHanSansCN-Normal';*/
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #A5A5A5;
	/*font-family: 'SourceHanSansCN-Normal';*/
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #A5A5A5;
	/*font-family: 'SourceHanSansCN-Normal';*/
}

.dl-right-3 {
	width: 100%;
	margin: 0 auto;
	margin-top: 1.875rem;
}

.dl-right-4 {
	width: 23.875rem;
	margin: 0 auto;
	margin-top: 1.5rem;
}

.dl-right-4-1 {
	color: #7F7F7F;
	font-size: 1.125rem;
	/*font-family: 'SourceHanSansCN-Normal';*/
	width: auto;
	display: inline-block;
}

.input-2[type=checkbox] {
	width: 0.9375rem;
	height: 0.9375rem;
	cursor: pointer;
	position: relative;
	margin-right: 0.375rem;
	top: 0.0625rem;
}

.input-2[type=checkbox]::after {
	position: absolute;
	top: 0;
	background-color: #fff;
	color: #fff;
	width: 0.9375rem;
	height: 0.9375rem;
	display: inline-block;
	visibility: visible;
	padding-left: 0rem;
	text-align: center;
	content: ' ';
	border-radius: 0.125rem;
	box-sizing: border-box;
	border: 0.0625rem solid #ddd;
}

.input-2[type=checkbox]:checked::after {
	content: "";
	background-color: #0F916A;
	border-color: #0F916A;
	background-color: #0F916A;
}

.input-2[type=checkbox]:checked::before {
	content: '';
	position: absolute;
	top: 0.0625rem;
	left: 0.3125rem;
	width: 0.1875rem;
	height: 0.5rem;
	border: solid white;
	border-width: 0 0.125rem 0.125rem 0;
	transform: rotate(45deg);
	z-index: 1;
}

.dl-right-4-2 {
	float: right;
	color: #0F916A;
	font-size: 1.125rem;
	/*font-family: 'SourceHanSansCN-Normal';*/
	cursor: pointer;
}

.button1 {
	width: 100%;
	height: 3.25rem;
	margin: 0 auto;
	margin-top: 2.625rem;
	text-align: center;
	line-height: 3.25rem;
	color: #ffffff;
	font-size: 1.125rem;
	/*font-family: 'SourceHanSansCN-Normal';*/
	background-color: #0F916A;
	letter-spacing: 0.0625rem;
	cursor: pointer;
}

.button1:hover {
	background-color: #0c8863;
}

.button1:active {
	background-color: #0c8863;
}

.bottom {
	width: 75rem;
	margin: 2.125rem auto 0;
	text-align: center;
	/*font-family: 'SourceHanSansCN-Normal';*/
	color: #494949;
}

.bottom-1 {
	margin-top: 0.625rem;
	letter-spacing: 0.0625rem;
}

.icon-2 {
	width: 1.5rem;
	height: 1.5rem;
	margin-left: 0.625rem;
	position: relative;
	/*top: 0.375rem;*/
}

.bottom-1-a {
	text-decoration: none;
	color: #494949;
	cursor: pointer;
	margin: 0 0.25rem;
}

/* 注册样式 */
.zc-right-2 {
	width: 100%;
	margin: 0 auto;
	margin-top: 2.5rem;
}

.zc-right-3 {
	width: 100%;
	margin: 0 auto;
	margin-top: 1.25rem;
}

.zc-right-4 {
	width: 100%;
	margin: 0 auto;
	margin-top: 1.25rem;
}

.zc-right-5 {
	width: 100%;
	margin: 0 auto;
	margin-top: 2.5rem;
	color: #7F7F7F;
}

.zc-right-2-1 {
	width: 4.5rem;
	height: 2.25rem;
	line-height: 2.25rem;
	display: inline-block;
	font-size: 1.125rem;
	color: #212121;
	/* text-align-last: justify; */
}

.zc-select-1 {
	margin-left: 0.625rem;
	height: 2.25rem;
	width: calc(100% - 8.25rem);
	border: 0.0625rem solid #EFEFEF;
	font-size: 1rem;
	margin-top: 0.125rem;
}

.zc-input-1 {
	width: calc(100% - 6.25rem);
	margin-left: 0.625rem;
	height: 2.25rem;
	border: 0.0625rem solid #EFEFEF;
	padding: 0 1.25rem;
	font-size: 1rem;
	/*font-family: 'SourceHanSansCN-Normal';*/
	outline: none;
	margin-top: 0.125rem;
	cursor: pointer;
}

.zc-input-2 {
	width: calc(100% - 14.5rem);
	margin-left: 0.625rem;
	height: 2.25rem;
	border: 0.0625rem solid #EFEFEF;
	padding: 0 1.25rem;
	font-size: 1rem;
	/*font-family: 'SourceHanSansCN-Normal';*/
	outline: none;
	margin-top: 0.125rem;
	cursor: pointer;
}

.button2 {
	display: inline-block;
	width: 7.125rem;
	background-color: #0F916A;
	text-align: center;
	color: #ffffff;
	height: 2.25rem;
	line-height: 1.25rem;
	cursor: pointer;
	margin-left: 0.125rem;
}

.button2:hover {
	background-color: #0c8863;
}

.button2:active {
	background-color: #0c8863;
}

.zc-a {
	text-decoration: none;
	color: #0F916A;
	cursor: pointer;

}

.button3 {
	width: 100%;
	height: 3.25rem;
	margin: 0 auto;
	margin-top: 1rem;
	text-align: center;
	line-height: 3.25rem;
	color: #ffffff;
	font-size: 1.125rem;
	/*font-family: 'SourceHanSansCN-Normal';*/
	background-color: #0F916A;
	letter-spacing: 0.0625rem;
	cursor: pointer;
}

.button3:hover {
	background-color: #0c8863;
}

.button3:active {
	background-color: #0c8863;
}