@media screen and (min-width: 768px){
	::-webkit-scrollbar {
		width: 5px;
		height: 10px;
	}
	::-webkit-scrollbar-thumb {
		background-color: #c1c1c1;
		background-clip: padding-box;
		min-height: 28px;
		border-radius: 3px;
	}
}
::-webkit-scrollbar {
		height: 1px;
}
.avatar {
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	overflow: hidden;
	color: #fff;
	background: #c0c4cc;
	font-size: 14px
}


.userInfo {
    margin: 0 7px;
}
.userInfo p:first-child {
    font-size: 13px;
	color: #f7d0bf;
}
.userInfo p:nth-child(2) {
    font-size: 10px;
	color: #f7d0bf;
}
.user {
	padding: 20px;
	width: 160px;
	border-radius: 5px;
	background: url() no-repeat 50%;
	background-size: cover;
	border: .02667rem solid #f7d0bf
}

.flex-center {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.wallet {
	padding: 20px;
	width: 160px;
	border-radius: 5px;
	background-image: linear-gradient(180deg, #ffcf57, #f8c441);
	background: url() no-repeat 50%;
	background-size: cover;
	margin-left: 20px;
	border: .02667rem solid #f7d0bf
}

.wallet-btn {
	font-size: 12px;
	color: #ffd584;
	margin-top: 5px;
	background: #1b1b1b;
	border-radius: 10px;
	width: 40px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	cursor: pointer
}

.recharge-color {
	color: #ffe7d7
}

.wallet-color {
	color: #ffd584
}

.caption {
	line-height: 2;
	color: #f7d0bf;
	line-height: 3;
	font-size: 14px
}

.member-nav {
	padding: 5px 0;
	display: flex;
	justify-content: space-around;
	font-size: 12px
}

.nav-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer
}

.nav-item span {
	font-family: PingFangTC-Regular;
	font-size: 12px;
	color: #f7d0bf
}

.dropdown {
	font-size: 14px;
	display: flex;
	padding: 0 20px;
	flex-direction: column;
	justify-content: center
}

.dropdown-tips {
	line-height: 3;
	border-bottom: 1px solid #f0f0f0
}

.dropdown-tips,
.menu {
	font-family: PingFangTC-Regular;
	font-size: 14px;
	color: #000;
	text-align: center
}

.menu-item {
	display: flex;
	align-items: center;
	height: 40px
}

.el-nomember-info{
	position: absolute; 
	width:203px; 
	top: 25px; 
	left: -160px; 
	right: 0px;
	margin: auto;
	transform-origin: center top; 
	z-index: 2006;
	display: none;
}

.el-member-info{
	position: absolute; 
	width: 378px; 
	padding: 30px; 
	top: 25px; 
	left: -395px; 
	right: 0px; 
	margin: auto; 
	transform-origin: center top; 
	z-index: 2006; 
	display: none;
}

.code-btn,
.code-url,
.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.code-url {
	background: #f8f8f8;
	border-top-left-radius: 14px;
	border-bottom-left-radius: 14px;
	color: #666
}

.code-btn,
.code-url {
	height: 28px;
	font-size: 12px;
	text-align: center;
	line-height: 28px;
	padding: 7px
}

/*.code-btn {*/
/*	background: #f8b945;*/
/*	border-top-right-radius: 14px;*/
/*	border-bottom-right-radius: 14px;*/
/*	color: #382600;*/
/*	cursor: pointer*/
/*}*/

.code-ul {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.code-ul li {
	display: flex
}

.code-phone {
	margin-top: 5px;
	font-size: 12px;
	color: #000;
	text-align: center;
	line-height: 2
}

.code-share{
	position: absolute;
	padding: 30px; 
    width: 450px;
    top: 21px;
    left: -475px;
    right: 0px;
    margin: auto;
    transform-origin: center top;
    z-index: 2006;
	display: none;
}

.header-bg1 {
	background: #2e2e2e
}

.header-bg2 {
	background: #181722
}

.header {
	height: 100%;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1)
}

.header .el-row {
	height: 100%
}

.header .el-row .el-col {
	height: 100%;
	display: flex;
	align-items: center
}

.header .el-row .el-col a.is-active:after {
    bottom: 0;
    width: 36px;
    height: 2px;
    left: 50%;
    position: absolute;
    background-color: #f8b945;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    display: block;
    content: "";
}

.header .el-row .el-col .logo {
	width: 119px;
	height: 40px;
	cursor: pointer
}

.header .el-row .el-col .logo-img1 {
	background-size: contain
}

.header .el-row .el-col .logo-img2 {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHcAAAAoCAMAAADzP5WaAAAByFBMVEUAAAD/////////////////////////////////////////////////////+ND////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////63Wf5y1b63Gj53Gf////63Gf60V75y1X54Wv5zVb5wFz5xlL5yVP////4yVP5y1X53Gb512H522T4x1H5zFf5zVj5z1r4xE750Vv50134v0r50Fv5zln4xVD51mD4vkj51V/4wk351F74ukX52WP4wEv50l34wUz4vEf4t0P//vz96sX//Pb//fn6y3b71I750lz/+/L95bj4zVz/+Ov+9uX957/6zn/+8Nb756f72Z35w2b97cz857D83aT99N384rH635X62IL+89r745/51Xf6x2z4zmP+9OH87L/63Yn836z50W/4w1mCI2BrAAAAV3RSTlMAj5KVg32KcJn7ZanbBgTGYUsZRzXuh1ZCOFhTLivBUOnOeluyoqB2Fg61pm0yCuPUuZ0nEQz4vWoe8t+rcj4k9NfJXhM68a2h0JKS/tUg8/PVKyvz88lLJpqgAAAH70lEQVRYw7WXZ1cbRxSG70ralRZQQ6ighgqI3qvp1Y6T2Ol57dgBAsF2XGLsCCEMpsUU95rk7+bOjLSE5OQbfg4HdKRdPee9987MQoKvP730xQ/M9evXf/312rVrt27dvru8/OjR0srK4pdfffYNfRQ8n37OTqVV1lt37y6vrkrtjRsLCwufeejs8Vw6scq0HJbTri4tLS0uLrJ1/urV7z+C+FNL+3vh5eeyxpyWtSuLnPbG/Dx7r3xGZ83XnystUwBeKe2y0ArvAltZe+XqNx8l7nXZWgC/37p9e1mMlGwt91aEZc4+8CWrt9J7myeZJ2pJhi2lZX78ikrkECJmxKwYMCMksFee0Bogpsk0HUQ1mkvSKIbIM2uaQ+T3KvitL8ppr0lvaaLU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) no-repeat 50%;
	background-size: contain
}

.header .el-row .el-col .sidebar {
	width: 40px;
	height: 40px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAD1BMVEUAAAD/mgP/mQT/mQP/mQOJIhb+AAAABHRSTlMA+YXza8bhbQAAACNJREFUOMtjGAlA0QUNCEElTNAlnHHrGOlgNBCRwGjoDhAAAG3hKNgS7UQlAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain;
	cursor: pointer
}

.header .el-row .el-col .isdisplay {
	display: none
}

@media screen and (max-width:768px) {
	.header .el-row .el-col .isdisplay {
		display: block;
		margin-right: 10px
	}
}

.header .el-row .el-col .el-tabs__nav-wrap:after {
	height: 0
}

.header .el-row .el-col .el-tabs__item {
	padding: 0 15px;
	font-size: 16px;
	color: #f7d0bf;
	font-family: PingFangTC-Regular
}

.header .el-row .el-col .el-tabs__active-bar {
	background: #ff9903
}

.header .el-row .el-col .el-tabs__header {
	margin: 0
}

.header .el-row .el-col .is-active {
	font-family: PingFangTC-Semibold;
	font-size: 18px;
	color: #ff5b82
}

.header .el-row .el-col .el-tabs__active-bar {
	background: #f8b945 !important
}

.header .el-row .el-col .input {
	width: 278px
}

.header .el-row .el-col .el-input__inner {
	background-color: #fff;
	border-radius: 100px 0 0 100px;
	border: 1px solid #cecece;
	border-right: none;
	height: 39px
}

.header .el-row .el-col .btn {
	background-image: linear-gradient(137deg, #f7d0bf, #f7d0bf);
	border-radius: 0 100px 100px 0;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	border: none;
	color: #382600;
	height: 39px
}

.header .el-row .el-col .el-input-group__prepend,
.header .el-row .el-col .el-input-group__append {
	background-color: #fff;
	border: none;
	height: 38px;
	border-radius: 0 100px 100px 0
}

.header .el-row .el-col .nav {
	display: flex;
	align-items: center
}

.header .el-row .el-col .nav li {
	padding: 0 12px
}

.header .el-row .el-col .nav .member {
	width: 28px;
	height: 28px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHKADAAQAAAABAAAAHAAAAABkvfSiAAAC5ElEQVRIDd1V30sUURQ+Z3Zz1jB6iErKIIoKHyoskjDXSJMigyIwrYcI+gN6jx568an3egqtINetfDIwsKJdMw3yRyghhRISEZT9INiZVed07szu7J270+yYb15Y5t7zfef75t455y7Aah+43A0a6Z7jAHTaycO+WLxtYDkayzLMDPZ0gGVd8xggdpTH2697YgGL0IbZdGK/BTBGRJ4cRCQNoKYs3j4R4ONCzA03LIIG1UxkipjAwqkAhDbUkH7+SzQIU3NCG66hSD8nf1cFRCyH+UDFIY8hvUlWFlNykTjMA+J4Ea7BKMRb/V7EptJI7wY5xzU0UomnhrH0JZPqHjJfJ6plEn8nzXi11MUfrEmO23MLmrlV7hElIzJmDD/alUklXhqm+S2TTtzNY3bF0fDjKiObnSsE0UQNbpQd0W4CtFI23XPHArqcx32fiA9i9dolwTfTyauA1MEvWp7nxqKRKqw7/9kxpBdRM/31DwHpeYJ4IsIMEJoc9+xY5shzbpFpkcZGuz1xQFOPb65APLZoH6mYMGFKJok5EewIa+bwaY9qltOcynkU2oL7t7ggcuyVPmRtt2i4f0saTk+Ow68f87Y/7wTevR0G08iUfB9Z2zWMaKV3mOy8BQ/5J8bQ836e34aP7ydLGsrarmE0un5C3ItB2YfqG+HTzAcYSQ3Asye9sGnLVqjedyAohQsPSWjnSa4hHj71m8tkNg/4PRuaW0DXY9CXvA+LCwtw9uIV0CKe9vNJo1lH24FcQ2cZ/B3XVqyDusYTNrW2oQm2bd/pY6CGvJpRGRbVxLVwTo6p86Mnz8DGyio+yhoV8l3LFSoIHkO+wbhS+V8vYET4CPcerA1geCFHsxDzHKmuWyVbo5AabqZqegyx9sIcl5XTaOH0glmsZWtKLI+hiPPlOibhK5qy1qgqUGyI0KmS/nfNl3+Xmmv/W6hBc7C7zSJsYTCmYmHWfHsYGmKfXt+WDMNfXZy/qn0AZ9LUyuUAAAAASUVORK5CYII=) no-repeat 50%;
	background-size: contain;
	cursor: pointer
}
.header .el-row .el-col .nav .member-not {
	width: 28px;
	height: 28px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHKADAAQAAAABAAAAHAAAAABkvfSiAAAC5ElEQVRIDd1V30sUURQ+Z3Zz1jB6iErKIIoKHyoskjDXSJMigyIwrYcI+gN6jx568an3egqtINetfDIwsKJdMw3yRyghhRISEZT9INiZVed07szu7J270+yYb15Y5t7zfef75t455y7Aah+43A0a6Z7jAHTaycO+WLxtYDkayzLMDPZ0gGVd8xggdpTH2697YgGL0IbZdGK/BTBGRJ4cRCQNoKYs3j4R4ONCzA03LIIG1UxkipjAwqkAhDbUkH7+SzQIU3NCG66hSD8nf1cFRCyH+UDFIY8hvUlWFlNykTjMA+J4Ea7BKMRb/V7EptJI7wY5xzU0UomnhrH0JZPqHjJfJ6plEn8nzXi11MUfrEmO23MLmrlV7hElIzJmDD/alUklXhqm+S2TTtzNY3bF0fDjKiObnSsE0UQNbpQd0W4CtFI23XPHArqcx32fiA9i9dolwTfTyauA1MEvWp7nxqKRKqw7/9kxpBdRM/31DwHpeYJ4IsIMEJoc9+xY5shzbpFpkcZGuz1xQFOPb65APLZoH6mYMGFKJok5EewIa+bwaY9qltOcynkU2oL7t7ggcuyVPmRtt2i4f0saTk+Ow68f87Y/7wTevR0G08iUfB9Z2zWMaKV3mOy8BQ/5J8bQ836e34aP7ydLGsrarmE0un5C3ItB2YfqG+HTzAcYSQ3Asye9sGnLVqjedyAohQsPSWjnSa4hHj71m8tkNg/4PRuaW0DXY9CXvA+LCwtw9uIV0CKe9vNJo1lH24FcQ2cZ/B3XVqyDusYTNrW2oQm2bd/pY6CGvJpRGRbVxLVwTo6p86Mnz8DGyio+yhoV8l3LFSoIHkO+wbhS+V8vYET4CPcerA1geCFHsxDzHKmuWyVbo5AabqZqegyx9sIcl5XTaOH0glmsZWtKLI+hiPPlOibhK5qy1qgqUGyI0KmS/nfNl3+Xmmv/W6hBc7C7zSJsYTCmYmHWfHsYGmKfXt+WDMNfXZy/qn0AZ9LUyuUAAAAASUVORK5CYII=) no-repeat 50%;
	background-size: contain;
	cursor: pointer
}

.header .el-row .el-col .nav .sign_icon {
	width: 28px;
	height: 28px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAcCAYAAADm63ZmAAAAAXNSR0IArs4c6QAAAfFJREFUWEfdl+F5gjAQhr/4L1NUJyhOoJmkOok6SeskoRNAJyidIv+MvRB4AgZIMPr0KT8huXvz3eXuYPiDD4thUoXcYoENLjjztahC9po9wJKvxUfIeloTB1VKCWALjX2IE1XIJRi+yRHPRLCvyYX2pBUpo3pQqpC7odMTtA/KvCPIEaUHoVQp340qQG0kE8yFwgIv0DiOhCQnRV2lrM3mIOa7D84LZRRgIKgcDDku+DEnd5Sy32iN/9E42zVt+KzdjT3o9jd5jvxVnPoG/FCl1AAqnomVu6EfvqnEHcspVUqCXUJj1VdrDCrnmRAdqC95oJDFJK11Tgfs2qrTY3c31JQyMd/b/IpUiupQUC2KgXHW0iVCrFIzfUVui1TqJqci3Y0unxu+u6BM0WV4g8bJV4ueDmWBqCVRznhb0lOhlC0bNnaDaieHsj0v74elLa51q/dW6ybRkkK5Vdq9zh0gDcHXIh/L9KRQ5KhtEVTH6qZ7sM2bcmgSyNpIX9EdsEYQAzil0EPC1xqtBzi6YTTaRJeP5OHrNOlC7kKm0H5+PRRqbpX/N1A0gN3MQHNV8e1rlPLNZkNDXnNd9w8aX+iSkI+b6bauu57HFsjmZqUUqGtroKYN/83QlV+YLm/+ZpI+DBUu+ByqaZP/fUlhAo1dAcpAfix5+LHtAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain;
	cursor: pointer
}

.header .el-row .el-col .nav .upload {
	width: 28px;
	height: 28px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHKADAAQAAAABAAAAHAAAAABkvfSiAAAD7UlEQVRIDe2WXWgUVxTH587sV5rYxdAQIWof6oM0wY9YsSC+28QQyUNINlnRRDT2qeAnlNIiWPRNn1SIQnZ2E11RHwItLUgQ8yYtaKEmfoC6CpWkD6Wg2XV3xt+Z2XV3J7Naob55YPbee87//P/3nnt2djXtg/3PFVDvwmfbtjLNi626nl+hlLJ4HsVisZl34fhPgul0OprL5Q5Ylr0b8mXVAirD+vTSpdFTXV1dz6tji1dvFZyYmPginy9c5XTL3XT1UCntjm1ruqbZbfhaxM9p7+HfPjg4+KeL8/98o+D4+PgaxKZJXcJzNxAw9lDC65VUyWTyK05+Bt9KROeDwcCXfX19DyoxlXN26W+UMVQoFC4TRUxdiUTC67xiksmJfo5GP25D7BpV+OTly3yasSZvzUA2m91H2VbB+TgSCQ319va+EAE/6+7u/jccDg3KCRFrT6VSMT+c+GoKEtslAO7lIGL/yPxNBuYvsN8LBlEn1w/vKyhdyenWsmO7vr7+ml+in8+2Q7+Kn9zNcBh+mEWCiURqeGEh+5ubaP/R09Pzt1+iny8e773PJp8QC8MxS0MNeXFVggBOaJo1CugzijljGPp+b8Lb1vTL14jOCgfde87lLGe9/loQGAFwmlCWu9hF912Qkpah5dnYWLqlrk7LcW9zZW95xh0qGqcfvvN4w/CNxOPxs4JwTphI/FJP3X8QB6eKEZyoJWaa5mGlchm6+Jlppg5Ljtcklw2PC5fEhJs7bZB5saTzXeyqGeCNgYGBKxLwM8S+I/k4FFRGQWQdTySSh/yw4hMu4WS6jFdjp/gcQV23W2VBJZwuk7nXKPkRxI5CUCjGFhgtsk5w0j1efGldwSmvQVfQsrRPZQHZUxn9jPvYLWJK6cPFOHNtLz6KY+/0yxFfibOk4ZyQnHk3ofB57UStkztpj0aXXBIMIjp3PYropmDQqPlm0TSXs6RRFHTqLDxbp6amAjLxGuSzvEtvNzQ0UEbHnFya42Z/f//Doq9qKHJtFScnlbt0S9rY2PgTjlnuqC2TeXpQArVsbm7OEQTvCNbCiV+4hFO4RUN8TlJHR0eWL8QQa37FtWM0yKnJycmPBOC1pqamqhN647KWXOEQLpbgjSFXQ3q7wmj7vezoJK4Iu8ox3mL9jPnteHzgW4HK3ZlmUjrV2rEjbohPjE49Smw9Is0s1zIPMS6w/qb0pRdcVVkkEAoF2/FPSwLPRiS2MY7wOFjE5YSlUwqHbIKN2/uK2I2sRWxauCrFBLuoQfi1voN/C38tVuTz9mr4w4Zh/F4UkhxN19WPtPnr6hCzqc4a/BvYVzYQUDM0UsYBf/h43xV4BUkCoGwzqx5cAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain;
	cursor: pointer
}

.header .el-row .el-col .nav .share {
	width: 28px;
	height: 28px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAURJREFUSEvtlt2VwiAQhS/7RhXGCowdOJWolehWsnZCOohWYLrgMXsmAUxIFMJBn8wrDN/MnZ+MwIc/4fN0rYqQD3JLTejOs3MH1LXaQeAPQBAIoEGLo9xSxQ/rq2K7w0snWqzZ0Qfwqu4GFud9C7KR6ps6ocU5AGQHLx2wk1GAgZAlTWROkU/X6mAU6817RSbARpa0TgEMbTwYK1a8DWhqQdmo8INVJ/c7IvRhLKHLb27gHKyrD1tQOYEjmMBZbujX5jQ7cAQDLrKk42wB5YgwBHNR1qqwPev3YXRbxML8FksCpsIYvhg4nEoAKlkSvRoUxrm9ze1y4GPmBmGjwZ5aNKbMC78an0Xp/iSpwKVz9guM7sNYab+Sfl5Snh6x+Ym8129zk60tZvOKJMxcc1NptKGZJXiX/u6sZTVcnLOshEsc/AeEFzgsXHrxbAAAAABJRU5ErkJggg==) no-repeat 50%;
	background-size: contain;
	cursor: pointer
}

.header .el-row .el-col .nav .pointer {
	cursor: pointer
}

.header .el-row .flex-end {
	justify-content: flex-end
}

.header .drawer {
	width: 290px
}

.header .drawer .drawer-item {
	text-align: center;
	height: 48px;
	line-height: 48px;
	color: #333;
	cursor: pointer
}

.header .drawer .active {
	background-color: #ffe4d3
}

.links{
	padding: 10px 0px;
}

.links .width{
	max-width: 1300px;
    width: 85%;
    margin: 0 auto;
}

.links .title{
	color: #000;
	font-size: 26px;
	margin-bottom: 10px;
}

.links li{
	float: left;
	width: 8.3333%;
	text-align: center;
	margin-bottom: 5px;
	list-style: none;
}

.links li.text{
	overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.links li a{
	font-size: 16px;
	color:#666;
}

.links li a:hover{
   color:#ff9903;
}

.footer {
	width: 100%;
	height: 100%;
	background-color: #2e2e2e;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1)
}

.footer ul li {
	font-family: PingFangSC-Regular;
	font-size: 12px;
	color: #f7d0bf;
	text-align: center;
	line-height: 2
}

.advice {
	width: 40px;
	padding: 10px 0;
	background: #fff;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, .1);
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	z-index: 5000
}

.advice .compile {
	width: 26px;
	height: 26px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAXZJREFUSEvtlrFOwzAQhn+3A3LhIcrK0gR2qOFFymvAUJDoc9DnQAKHjYmkC50QGRADD4DF0BqdaaI0SZPYalEHbkwu+e4//7aP4Y+CbZKjQtnlvoiJsTGQiuQtgAE0BPdFUABRFWAYAug2VssQ8J64TvJTCBBwT4iCIhXKARioEiPXIuiH55RfBimCFnK5J5xaugpSBpLUMu6JfQs1JrUKsjZQHWQtoDKIecYQZw2ytBYqkkutU6Hs51vY0u3PncPjl6p2qUi+kaESx1UqUqG8BMNNca30F/dOd00RDFRYauGMvZuDTMVk91zM2Pxjzzu7M/sN6HNfjPM5VopsXZfN316Qiu7Nbq8LPWtNO0fiyWmNvifBxVzrUR3EvNeYcl8cOIGMGZ4fTpqAdJu9dnri3RnUBFKWs71m+FfU3AwTOYQG3bJjzPHo2DoaBej0vlp9ev/OC+YEd4Qkn8WLoSQdCcqHE6BwPViAY5p68vlOs4EFNE39AZzcCSqQSvEKAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain
}

.advice .service {
	width: 26px;
	height: 26px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACy3fD9AAACfUlEQVQ4EdWUy2sTURTGJ5NJjAtJIgopRlxkoSBVqRQRKkRUkLpQqo2CSExikoIrceFKUOhGQd2at0FwEawbMZsKbooilaL+AaLEoqkWI10Y8vR34sw0xaHtwo0HzpzXd7459869oyj/WGyr8aVSqS2qqo52u91dqAfsgs1mm/N4PNOhUOiXVa8lYT6f39psNidpiKKaReNPiG9BfAfiRn/9L8JcLre31Wo9BbQd/U7jA/RVp9P5QTyAHiU+z8RO/BmXy3UqHA4v4vdkBWEmk/HTOEvFhz5xOBwT0Wj02x/o8hPcHgiL6D6yM16v94gxqboMUxTI7hP7mCCTTCZPW5EJPh6Pv2e5B8C9JRyp1WpXJS9iEqbT6WHiE+hHu91uAgRkJTIRhGG0waTXSqXSRsGZhPhneglVnYzFYkviryUyKZhHqJspjwm+R8h0F3nLJUnwxudi1yv0TQsWOyRWK5fLGyqVShrfIeMHAoF5KYgUi8Vt9Xr9ntPpTEjcaDTSfNUrfFUTQ/qL1JAxSG9q1WpV1u7opbDBYLCt+wrHR47JOEQLem6c3G18k5D9Hmi3ey2D2Wx2SI1EIjUAc3rDC6bs6r7CXr4hLhFfFhVfckZdLCfjoBFTdxkf5RBvGvH7/aNG0bCJROKspmnDouIbebFyo1jmOX2IFpN+WHGw+8Hr8bnrU+DG0Idcghuc27UJC4WCS/bS7XbPG7eB67mJ3F2I5GRUINtvXIJVJ6RxJ8t4ybI20/iVbTmJP4heR3dIjq04zr6+w++J1Z/EqCmQHdbJJOcjfm0WFeUZv7YJyD735Sx/TWadt0+xtAuQ7ia5yOZ/ws6ij/lAYv9D+Q1EWQQP99gl4gAAAABJRU5ErkJggg==) no-repeat 50%;
	background-size: contain
}

.advice .backTop {
	width: 26px;
	height: 26px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAaCAYAAABLlle3AAAAAXNSR0IArs4c6QAAAQVJREFUSEvt1csRgyAQANDlSBdJB9qBlGIlppOYSrADTQWxC45k8Dciv11m9JJ41fGx7I+pQWq4+GF/9MwbZ6qXtzMB37/Z1aDxslDVywoYNKDhxUvRUg9ORhdQbpCGmgqTUAdcZSKMRoNgBoxCkyARTqJokABHUTKIhINoAByBQQsaHrs2MS1TAYA9ZCLF5UVDIC/EXb2l6U8L5YWo1SA/WNhBY6CJLoRO75CwhabAFIqFNxQDYlAMPKFYEIum4Bl1czGaovEN8lhOj9/7cswLwfaRPpfqC4KUSNcDWLAGwUvRHXPa8EKI2KqiRGrBc992Wfs0Bz0GkZy9Tp4Cw4GyyH8H/QJ6ceHUNZZ9hQAAAABJRU5ErkJggg==) no-repeat 50%;
	background-size: contain
}

.advice ul {
	display: flex;
	flex-direction: column;
	justify-content: center;
	cursor: pointer
}

.advice ul:nth-child(2),
.advice ul:nth-child(3) {
	margin-top: 7px
}

.advice ul li:nth-child(2) {
	font-family: PingFangSC-Regular;
	font-size: 10px;
	color: #a2a2a3;
	text-align: center
}

.position {
	position: fixed;
	right: 15px;
	bottom: 50px
}

@media screen and (min-width:1470px) {
	.position {
		position: fixed;
		right: calc(50vw - 720px);
		bottom: 50px
	}
}


.el-login,
.el-register,
.el-forget{
	display: none;
	z-index: 2004;
}

input[type=number] {
	-moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.class,
.login .container .code,
.login .container .passward,
.login .container .username{
	display: flex;
	align-items: center;
	border: 1px solid #e5e5e5;
	height: 48px;
	border-radius: 4px;
	padding: 0 12px
}

.login .title {
	font-family: PingFangTC-Semibold;
	font-size: 18px;
	color: #333;
	text-align: center
}

.login .container {
	margin: 20px 35px 0
}


.login .container .username .username-icon {
	width: 21px;
	height: 24px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMC1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0Rjk0RjFCM0NBQjUxMUVDQTA4NjlDOEM2RDQ5MkZFNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0Rjk0RjFCNENBQjUxMUVDQTA4NjlDOEM2RDQ5MkZFNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRGOTRGMUIxQ0FCNTExRUNBMDg2OUM4QzZENDkyRkU3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGOTRGMUIyQ0FCNTExRUNBMDg2OUM4QzZENDkyRkU3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+EuG4CQAAA6dJREFUeNq0Vk1oE0EUnk12dpNs+pM03RYLES0iSmr1pkLrwYKgKCp6EoqCUsWT4M+hqAdBpZceRIu0FG/+gjdBPEhpc1CrrYrSerGiNO1208RuNkk3m12/SUxpTWzTQweG3Zl98773vve9STjbtslaDr7w0tl59b9Gc3Nz1Ofzb08m9T2U0o2GYYxJkjecSGgfQqGQPTAwQJxO55Iz/f19SwEcDkdJ59lslrjdrnaXSzzm8Xi2YsuPrBXLstp+/453Yv25rAzi8XhJA7+/5kJtrXxd07Qqp9MezmTML4IgNJimeVCW62QEdhZmoysC6Lpe9BFR8sHg+otwTpuamjqGh9+9zmQySWRQ0dy8rXVs7Nt9VVXvwq6FmS8LUFNTUwLAvgxua3/8mDh/4MD+3tHRkRxljO9gMDg+OBg+3tCwrg0ZXuQ4rmtZgKqq6lLf9yLinwB/FA6HSSqVIlgTURTJ0NAQJ4rCM4C1gca9HEeWBwgEAkUfERVFbUwUV1MUJeecZZBOp8nsbJRD8efz2fvpijVQlCmS7wkOM98bWL6vrKw6Z5p0n2FkXgJwQVmmaWXdbnG/08mTSGTyg8PBFYIii3trQZvR6CzRtATUFCOJRCJHB3R/G7YCz9O+TCbbjmKSwgTgSUj3iK5rM+l0qovZa9pczo+uJ4szyINyuafHI+VkSyk/PTMzfQNyvFZfL98D4On5eeMnqNnkcrm3pFJpZXLy11HWFw6HE1QFiKrOkEKmSwAWD9Z0LEo4QybpLrxPeb0VJ1DcXaLobrFty0gk9Lex2OwlKO0NO2OaTF38/2tQogf+cmnroKwH6T/geWEHuPZZVlZFwT8h6lQ+e5tJeqF2ywLA8QbM84GAvBmZFtSRhZNs3kNBCIwJjhYWOKOh+IN4PsUyUhIABkfr6upvQpabmSRXc9MyepDdQdTtbCwW68HWnX+KbB+RZbkLBo2qqpyhVBwBYLkIFrL1oA630E+tgiDeKALw+XwduIobAfUCF9lz8B1dTQZMGHB+yjDmHwBgdxFFPM83MyP0wVcoBbJO5hqqnMFkifNkYuL7dHW1bwQAO4saDcUZZxHDaSMO8Ox9tROZi3huK6kiaLpXkjwhXHqHcNccxtZHJu8yGbKRvYToL/v9/tbF1C4u8uNIJGJDRd1er7cPTWWtsgacy+Wi6BkFwXaXkqkJah7i4norSdIVSoUQ9mi5/kFxPBpVn+D3+hWu8ImF+qz1vwoHWePxR4ABAD7REqV2P1ebAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain;
	margin-right: 5px
}

.login .container .username .username-input {
	flex: 1;
	margin-left: 5px;
	border: none;
	color: #333;
	outline: none
}

.login .container .code {
	margin-top: 20px
}

.login .container .code .code-icon {
	width: 24px;
	height: 24px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAACcElEQVRIDdVVv2sUQRSeN7fLRS0kIHiRHCGiGDsPj0QSCFxpcWB1ZOUSo1joHyBYpYmIvSCWej/YGLSw0jLptAgWFkEEKxX0uoB6ud2Z8Zs7x9vMzbJpM7DMe9/75r17P26GsaO+yJVAqxXeUUqtKcUmXHYbI6LvRGy9Xg+ejthsIAzDUhyzHQRwBrf5RkcQ5XnschAEHwymdy+paDmO6YpSEnx6vrwcrNp2l95shs/wg24IQXOwHwjA7QNEsh8UCezZtjR9yFW+zRnJwCa02y8WpZSzGkcVOuhLacChn8jwoc239ZEMbEIup74BCzjnO1Jy9Ia/833+GCVZtLkuPTODKOLgiD0hVIdzdoYxWUBJeujRV5dDG8vMQKl4FYdOMaY2UZ6LUtI8pmwdGVxot1+dtR3aemYGnBNKw6Zx0M/n+csoYtvaiZTxdSl7BYhftJ62MgPMzJx/vbv7+RYceN2uuIlGX9LOUKYOyvQrzbHBM0s0IKop7CdWVoIHSnn3ME8foc9NTp7+ZByl7ZkByuVylM97JYzkgnYyPn7sB3rxtlgszFYqlW6aY4NnlkgTa7VazxyoVqu/Ib83etaeGgC1vosr4HaWg4Fd+cjKuVIDYAy1LdXu9OYAU3tAxJ+MjXnHkx/iTWFyFpKYljXX4bsPpf5CpCxQ+z/JgyjZGgZ0CdhJ2ISxNRob/2WDmd0RgDAZChebLDabm+cMUe+c5xpC9Lb399k0bAlTXBz0QJ89uEYCEPlbRFEPPbiG1wHfcAkR9xVcH0Pwn4TS4X7yt2yD89VqtTau4tG5jz8ULrfDLIUnkz+q15feHIZ9tDh/AVm52N/dJ6o/AAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain;
	margin-right: 5px
}

.login .container .code .code-input {
	flex: 1;
	border: none;
	color: #333;
	outline: none
}

.login .container .code .code-btn {
	font-size: 14px;
	color: #ff9903;
	text-align: right;
	cursor: pointer
}

.login .container .code .verify_img {
	position: relative;
	height: 100%;
    width: 43%;
}

.login .container .passward {
	margin-top: 20px
}

.login .container .passward .passward-icon {
	width: 24px;
	height: 24px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAABw0lEQVRIDe1UK0/DUBTuXbcQBCGhYmKTOLIEBzhmEAVBwmOFpn+AgEMQICQYQOAIv6DdAzxFzuMQGBJcF5ioQBEIu+U7Y136oC+D2klOdh7f+c6953ZHEEaSMAGWkB+m2+123rK6MxQol4tP1Wr1e5iMMRIbEHGn0z10HOcAOk5cjLEP6EWpVDxLapSPad5PWdZry3GENTgcpI8URKMK9NSy3ipwNygWJbmoBMUNo7k+ILdFMb+gaVuzpGQjbaPJOmHiOGIbgGCVinM5dqyqmw8uEdkUI9/FuLngb+gNTNMcs+33S5x8G+VTwYII38b4mpI0uS/L8qcXE7oByI9wqt0M5MQnUQ3VesnJDj0yTr5CCVEUl1W1ZpKdJPX6jdzr9e4GtSdefOgGjAkTBOCcPXuBcbaLdWu92FADbzJoG0ZrR9eb98F4nB8aURyYc2ceb7MYhwnmMjXACL5AQJpaMo2oUGDnYK6lZgcw0w0URXlBDWlq+auBjeppxviSrt+mIiIsPlESqvVJqAGADSDmOOfX+Fh94ChnQI610a/1wUKrAv9IpuutPTwoVoUg+dDRDhaf0NA05Qor4/cu0dhR5p8n8ANgxKHKKln3/wAAAABJRU5ErkJggg==) no-repeat 50%;
	background-size: contain;
	margin-right: 5px
}

.login .container .passward .passward-input {
	width: 100%;
	border: none;
	color: #333;
	outline: none
}

.login .loginBtn {
	margin: 20px auto 0;
	width: 300px;
	display: block;
	color: #f7d0bf
}

.login .tips {
	display: flex;
	margin: 20px 35px 0;
	justify-content: space-between;
	font-size: 14px;
	line-height: 1.3
}

.login .tips span {
	cursor: pointer
}

.login .tips span:first-child {
	color: #f8b945
}

.login .tips span:nth-child(2) {
	color: #999
}




.class,
.register .container .code,
.register .container .passward,
.register .container .username,
.register .container .phone {
	display: flex;
	align-items: center;
	border: 1px solid #e5e5e5;
	height: 48px;
	border-radius: 4px;
	padding: 0 12px
}

.register .title {
	font-family: PingFangTC-Semibold;
	font-size: 18px;
	color: #333;
	text-align: center
}

.register .container {
	margin: 20px 35px 0
}


.register .container .username .username-icon {
	width: 21px;
	height: 24px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMC1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0Rjk0RjFCM0NBQjUxMUVDQTA4NjlDOEM2RDQ5MkZFNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0Rjk0RjFCNENBQjUxMUVDQTA4NjlDOEM2RDQ5MkZFNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRGOTRGMUIxQ0FCNTExRUNBMDg2OUM4QzZENDkyRkU3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGOTRGMUIyQ0FCNTExRUNBMDg2OUM4QzZENDkyRkU3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+EuG4CQAAA6dJREFUeNq0Vk1oE0EUnk12dpNs+pM03RYLES0iSmr1pkLrwYKgKCp6EoqCUsWT4M+hqAdBpZceRIu0FG/+gjdBPEhpc1CrrYrSerGiNO1208RuNkk3m12/SUxpTWzTQweG3Zl98773vve9STjbtslaDr7w0tl59b9Gc3Nz1Ofzb08m9T2U0o2GYYxJkjecSGgfQqGQPTAwQJxO55Iz/f19SwEcDkdJ59lslrjdrnaXSzzm8Xi2YsuPrBXLstp+/453Yv25rAzi8XhJA7+/5kJtrXxd07Qqp9MezmTML4IgNJimeVCW62QEdhZmoysC6Lpe9BFR8sHg+otwTpuamjqGh9+9zmQySWRQ0dy8rXVs7Nt9VVXvwq6FmS8LUFNTUwLAvgxua3/8mDh/4MD+3tHRkRxljO9gMDg+OBg+3tCwrg0ZXuQ4rmtZgKqq6lLf9yLinwB/FA6HSSqVIlgTURTJ0NAQJ4rCM4C1gca9HEeWBwgEAkUfERVFbUwUV1MUJeecZZBOp8nsbJRD8efz2fvpijVQlCmS7wkOM98bWL6vrKw6Z5p0n2FkXgJwQVmmaWXdbnG/08mTSGTyg8PBFYIii3trQZvR6CzRtATUFCOJRCJHB3R/G7YCz9O+TCbbjmKSwgTgSUj3iK5rM+l0qovZa9pczo+uJ4szyINyuafHI+VkSyk/PTMzfQNyvFZfL98D4On5eeMnqNnkcrm3pFJpZXLy11HWFw6HE1QFiKrOkEKmSwAWD9Z0LEo4QybpLrxPeb0VJ1DcXaLobrFty0gk9Lex2OwlKO0NO2OaTF38/2tQogf+cmnroKwH6T/geWEHuPZZVlZFwT8h6lQ+e5tJeqF2ywLA8QbM84GAvBmZFtSRhZNs3kNBCIwJjhYWOKOh+IN4PsUyUhIABkfr6upvQpabmSRXc9MyepDdQdTtbCwW68HWnX+KbB+RZbkLBo2qqpyhVBwBYLkIFrL1oA630E+tgiDeKALw+XwduIobAfUCF9lz8B1dTQZMGHB+yjDmHwBgdxFFPM83MyP0wVcoBbJO5hqqnMFkifNkYuL7dHW1bwQAO4saDcUZZxHDaSMO8Ox9tROZi3huK6kiaLpXkjwhXHqHcNccxtZHJu8yGbKRvYToL/v9/tbF1C4u8uNIJGJDRd1er7cPTWWtsgacy+Wi6BkFwXaXkqkJah7i4norSdIVSoUQ9mi5/kFxPBpVn+D3+hWu8ImF+qz1vwoHWePxR4ABAD7REqV2P1ebAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain;
	margin-right: 5px
}

.register .container .username .username-input {
	flex: 1;
	margin-left: 5px;
	border: none;
	color: #333;
	outline: none
}

.register .container .phone {
	margin-top: 20px
}

.register .container .phone .phone-icon {
	width: 24px;
	height: 24px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAABcElEQVRIDe1VMU7EMBD0hkQ60VCDdEJIfABRgMQL6Kiii5QTFBTwA6praHgBooQkUk58gBYegPgFD6CBC/Yt45xMfI4DBdWJs2Tt7syux3aitRCLPsh3gKIoz5h5xCzWfbyLEdErkbhM0+SmxblAWZY7UopnCHjF3XwTQ4TDUOwmSfJiMG1DO9C+lLTPPEU+3Q2HyYnL++I8L2+xoWOlaA/8nEDgFhBNa1Ec4M3luuImlyM3pyXgJvw1Xgr8eoPLK/oHV9RqFebMaC3naAGnJv7ZcoTG6B2dAugtmuvkvat5wM7flCi47vXCVXtCbxNN8MDGtK9zPWvXUOcOcWQVx/G7XYgrGwnBA2Br4JThsmz87RvMWI8AfWARga7az/P7bZOobRCsZEpVT5OJ2AJnUbI/+wa6dn60BIiiR6LPCt/gCK8DZjOUknXAPLMNI7AhqnStjWnf+2oVxfgQj84F6A23wB8znszgKk0HD35+kdEvzwxy5E8h41IAAAAASUVORK5CYII=) no-repeat 50%;
	background-size: contain;
	margin-right: 5px
}

.register .container .phone .phone-left {
	display: flex;
	align-items: center;
	cursor: pointer
}

.register .container .phone .phone-left .arrow-bottom {
	width: 15.6px;
	height: 7.8px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAAAwElEQVQ4Ee1QSwrCQAxNiofwWC6FzsxOUFBEBD2DXXThoqDLzsy6eBcv4EUak0qoopQWV4LZZPJ5L28ewD++dgCFwXtfAeB4CBsR3Jwz05GAEPFa1zQZQpAkeGmwCgohHJhkp3V3xj1fz14IpOCv5Cxt0wVGhK21NtedxgMtJJdlOALQ6rnXvpO1cynP23gjkBErKVjJQtfYI+LLS2NMoT3NHwmICL2PJ1YyEzDbPLc2PSuoV36QhCzGaHsBfnfpDisuOqENe+O1AAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain
}

.register .container .phone .phone-input {
	flex: 1;
	margin-left: 5px;
	border: none;
	color: #333;
	outline: none
}

.register .container .code {
	margin-top: 20px
}

.register .container .code .code-icon {
	width: 24px;
	height: 24px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAACcElEQVRIDdVVv2sUQRSeN7fLRS0kIHiRHCGiGDsPj0QSCFxpcWB1ZOUSo1joHyBYpYmIvSCWej/YGLSw0jLptAgWFkEEKxX0uoB6ud2Z8Zs7x9vMzbJpM7DMe9/75r17P26GsaO+yJVAqxXeUUqtKcUmXHYbI6LvRGy9Xg+ejthsIAzDUhyzHQRwBrf5RkcQ5XnschAEHwymdy+paDmO6YpSEnx6vrwcrNp2l95shs/wg24IQXOwHwjA7QNEsh8UCezZtjR9yFW+zRnJwCa02y8WpZSzGkcVOuhLacChn8jwoc239ZEMbEIup74BCzjnO1Jy9Ia/833+GCVZtLkuPTODKOLgiD0hVIdzdoYxWUBJeujRV5dDG8vMQKl4FYdOMaY2UZ6LUtI8pmwdGVxot1+dtR3aemYGnBNKw6Zx0M/n+csoYtvaiZTxdSl7BYhftJ62MgPMzJx/vbv7+RYceN2uuIlGX9LOUKYOyvQrzbHBM0s0IKop7CdWVoIHSnn3ME8foc9NTp7+ZByl7ZkByuVylM97JYzkgnYyPn7sB3rxtlgszFYqlW6aY4NnlkgTa7VazxyoVqu/Ib83etaeGgC1vosr4HaWg4Fd+cjKuVIDYAy1LdXu9OYAU3tAxJ+MjXnHkx/iTWFyFpKYljXX4bsPpf5CpCxQ+z/JgyjZGgZ0CdhJ2ISxNRob/2WDmd0RgDAZChebLDabm+cMUe+c5xpC9Lb399k0bAlTXBz0QJ89uEYCEPlbRFEPPbiG1wHfcAkR9xVcH0Pwn4TS4X7yt2yD89VqtTau4tG5jz8ULrfDLIUnkz+q15feHIZ9tDh/AVm52N/dJ6o/AAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain;
	margin-right: 5px
}

.register .container .code .code-input {
	flex: 1;
	border: none;
	color: #333;
	outline: none
}

.register .container .code .code-btn {
	color: #ff9903;
	text-align: right;
	cursor: pointer
}

.register .container .code .verify_img {
	position: relative;
	height: 100%;
    width: 43%;
}

.register .container .passward {
	margin-top: 20px
}

.register .container .passward .passward-icon {
	width: 24px;
	height: 24px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAABw0lEQVRIDe1UK0/DUBTuXbcQBCGhYmKTOLIEBzhmEAVBwmOFpn+AgEMQICQYQOAIv6DdAzxFzuMQGBJcF5ioQBEIu+U7Y136oC+D2klOdh7f+c6953ZHEEaSMAGWkB+m2+123rK6MxQol4tP1Wr1e5iMMRIbEHGn0z10HOcAOk5cjLEP6EWpVDxLapSPad5PWdZry3GENTgcpI8URKMK9NSy3ipwNygWJbmoBMUNo7k+ILdFMb+gaVuzpGQjbaPJOmHiOGIbgGCVinM5dqyqmw8uEdkUI9/FuLngb+gNTNMcs+33S5x8G+VTwYII38b4mpI0uS/L8qcXE7oByI9wqt0M5MQnUQ3VesnJDj0yTr5CCVEUl1W1ZpKdJPX6jdzr9e4GtSdefOgGjAkTBOCcPXuBcbaLdWu92FADbzJoG0ZrR9eb98F4nB8aURyYc2ceb7MYhwnmMjXACL5AQJpaMo2oUGDnYK6lZgcw0w0URXlBDWlq+auBjeppxviSrt+mIiIsPlESqvVJqAGADSDmOOfX+Fh94ChnQI610a/1wUKrAv9IpuutPTwoVoUg+dDRDhaf0NA05Qor4/cu0dhR5p8n8ANgxKHKKln3/wAAAABJRU5ErkJggg==) no-repeat 50%;
	background-size: contain;
	margin-right: 5px
}

.register .container .passward .passward-input {
	width: 100%;
	border: none;
	color: #333;
	outline: none
}

.register .registerBtn {
	margin: 20px auto 0;
	width: 300px;
	display: block;
	color: #f7d0bf
}

.register .tips {
	display: flex;
	margin: 20px 35px 0;
	justify-content: space-between;
	font-size: 14px;
	line-height: 1.3
}

.register .tips span {
	cursor: pointer
}

.register .tips span:first-child {
	color: #f8b945
}

.register .tips span:nth-child(2) {
	color: #999
}


.class,
.forget .container .code,
.forget .container .passward,
.forget .container .username,
.forget .container .phone {
	display: flex;
	align-items: center;
	border: 1px solid #e5e5e5;
	height: 48px;
	border-radius: 4px;
	padding: 0 12px
}

.forget .title {
	font-family: PingFangTC-Semibold;
	font-size: 18px;
	color: #333;
	text-align: center
}

.forget .container {
	margin: 20px 35px 0
}


.forget .container .username .username-icon {
	width: 21px;
	height: 24px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMC1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0Rjk0RjFCM0NBQjUxMUVDQTA4NjlDOEM2RDQ5MkZFNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0Rjk0RjFCNENBQjUxMUVDQTA4NjlDOEM2RDQ5MkZFNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRGOTRGMUIxQ0FCNTExRUNBMDg2OUM4QzZENDkyRkU3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGOTRGMUIyQ0FCNTExRUNBMDg2OUM4QzZENDkyRkU3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+EuG4CQAAA6dJREFUeNq0Vk1oE0EUnk12dpNs+pM03RYLES0iSmr1pkLrwYKgKCp6EoqCUsWT4M+hqAdBpZceRIu0FG/+gjdBPEhpc1CrrYrSerGiNO1208RuNkk3m12/SUxpTWzTQweG3Zl98773vve9STjbtslaDr7w0tl59b9Gc3Nz1Ofzb08m9T2U0o2GYYxJkjecSGgfQqGQPTAwQJxO55Iz/f19SwEcDkdJ59lslrjdrnaXSzzm8Xi2YsuPrBXLstp+/453Yv25rAzi8XhJA7+/5kJtrXxd07Qqp9MezmTML4IgNJimeVCW62QEdhZmoysC6Lpe9BFR8sHg+otwTpuamjqGh9+9zmQySWRQ0dy8rXVs7Nt9VVXvwq6FmS8LUFNTUwLAvgxua3/8mDh/4MD+3tHRkRxljO9gMDg+OBg+3tCwrg0ZXuQ4rmtZgKqq6lLf9yLinwB/FA6HSSqVIlgTURTJ0NAQJ4rCM4C1gca9HEeWBwgEAkUfERVFbUwUV1MUJeecZZBOp8nsbJRD8efz2fvpijVQlCmS7wkOM98bWL6vrKw6Z5p0n2FkXgJwQVmmaWXdbnG/08mTSGTyg8PBFYIii3trQZvR6CzRtATUFCOJRCJHB3R/G7YCz9O+TCbbjmKSwgTgSUj3iK5rM+l0qovZa9pczo+uJ4szyINyuafHI+VkSyk/PTMzfQNyvFZfL98D4On5eeMnqNnkcrm3pFJpZXLy11HWFw6HE1QFiKrOkEKmSwAWD9Z0LEo4QybpLrxPeb0VJ1DcXaLobrFty0gk9Lex2OwlKO0NO2OaTF38/2tQogf+cmnroKwH6T/geWEHuPZZVlZFwT8h6lQ+e5tJeqF2ywLA8QbM84GAvBmZFtSRhZNs3kNBCIwJjhYWOKOh+IN4PsUyUhIABkfr6upvQpabmSRXc9MyepDdQdTtbCwW68HWnX+KbB+RZbkLBo2qqpyhVBwBYLkIFrL1oA630E+tgiDeKALw+XwduIobAfUCF9lz8B1dTQZMGHB+yjDmHwBgdxFFPM83MyP0wVcoBbJO5hqqnMFkifNkYuL7dHW1bwQAO4saDcUZZxHDaSMO8Ox9tROZi3huK6kiaLpXkjwhXHqHcNccxtZHJu8yGbKRvYToL/v9/tbF1C4u8uNIJGJDRd1er7cPTWWtsgacy+Wi6BkFwXaXkqkJah7i4norSdIVSoUQ9mi5/kFxPBpVn+D3+hWu8ImF+qz1vwoHWePxR4ABAD7REqV2P1ebAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain;
	margin-right: 5px
}

.forget .container .username .username-input {
	flex: 1;
	margin-left: 5px;
	border: none;
	color: #333;
	outline: none
}

.forget .container .phone {
	margin-top: 20px
}

.forget .container .phone .phone-icon {
	width: 24px;
	height: 24px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAABcElEQVRIDe1VMU7EMBD0hkQ60VCDdEJIfABRgMQL6Kiii5QTFBTwA6praHgBooQkUk58gBYegPgFD6CBC/Yt45xMfI4DBdWJs2Tt7syux3aitRCLPsh3gKIoz5h5xCzWfbyLEdErkbhM0+SmxblAWZY7UopnCHjF3XwTQ4TDUOwmSfJiMG1DO9C+lLTPPEU+3Q2HyYnL++I8L2+xoWOlaA/8nEDgFhBNa1Ec4M3luuImlyM3pyXgJvw1Xgr8eoPLK/oHV9RqFebMaC3naAGnJv7ZcoTG6B2dAugtmuvkvat5wM7flCi47vXCVXtCbxNN8MDGtK9zPWvXUOcOcWQVx/G7XYgrGwnBA2Br4JThsmz87RvMWI8AfWARga7az/P7bZOobRCsZEpVT5OJ2AJnUbI/+wa6dn60BIiiR6LPCt/gCK8DZjOUknXAPLMNI7AhqnStjWnf+2oVxfgQj84F6A23wB8znszgKk0HD35+kdEvzwxy5E8h41IAAAAASUVORK5CYII=) no-repeat 50%;
	background-size: contain;
	margin-right: 5px
}

.forget .container .phone .phone-left {
	display: flex;
	align-items: center;
	cursor: pointer
}

.forget .container .phone .phone-left .arrow-bottom {
	width: 15.6px;
	height: 7.8px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAAAwElEQVQ4Ee1QSwrCQAxNiofwWC6FzsxOUFBEBD2DXXThoqDLzsy6eBcv4EUak0qoopQWV4LZZPJ5L28ewD++dgCFwXtfAeB4CBsR3Jwz05GAEPFa1zQZQpAkeGmwCgohHJhkp3V3xj1fz14IpOCv5Cxt0wVGhK21NtedxgMtJJdlOALQ6rnXvpO1cynP23gjkBErKVjJQtfYI+LLS2NMoT3NHwmICL2PJ1YyEzDbPLc2PSuoV36QhCzGaHsBfnfpDisuOqENe+O1AAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain
}

.forget .container .phone .phone-input {
	flex: 1;
	margin-left: 5px;
	border: none;
	color: #333;
	outline: none
}

.forget .container .code {
	margin-top: 20px
}

.forget .container .code .code-icon {
	width: 24px;
	height: 24px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAACcElEQVRIDdVVv2sUQRSeN7fLRS0kIHiRHCGiGDsPj0QSCFxpcWB1ZOUSo1joHyBYpYmIvSCWej/YGLSw0jLptAgWFkEEKxX0uoB6ud2Z8Zs7x9vMzbJpM7DMe9/75r17P26GsaO+yJVAqxXeUUqtKcUmXHYbI6LvRGy9Xg+ejthsIAzDUhyzHQRwBrf5RkcQ5XnschAEHwymdy+paDmO6YpSEnx6vrwcrNp2l95shs/wg24IQXOwHwjA7QNEsh8UCezZtjR9yFW+zRnJwCa02y8WpZSzGkcVOuhLacChn8jwoc239ZEMbEIup74BCzjnO1Jy9Ia/833+GCVZtLkuPTODKOLgiD0hVIdzdoYxWUBJeujRV5dDG8vMQKl4FYdOMaY2UZ6LUtI8pmwdGVxot1+dtR3aemYGnBNKw6Zx0M/n+csoYtvaiZTxdSl7BYhftJ62MgPMzJx/vbv7+RYceN2uuIlGX9LOUKYOyvQrzbHBM0s0IKop7CdWVoIHSnn3ME8foc9NTp7+ZByl7ZkByuVylM97JYzkgnYyPn7sB3rxtlgszFYqlW6aY4NnlkgTa7VazxyoVqu/Ib83etaeGgC1vosr4HaWg4Fd+cjKuVIDYAy1LdXu9OYAU3tAxJ+MjXnHkx/iTWFyFpKYljXX4bsPpf5CpCxQ+z/JgyjZGgZ0CdhJ2ISxNRob/2WDmd0RgDAZChebLDabm+cMUe+c5xpC9Lb399k0bAlTXBz0QJ89uEYCEPlbRFEPPbiG1wHfcAkR9xVcH0Pwn4TS4X7yt2yD89VqtTau4tG5jz8ULrfDLIUnkz+q15feHIZ9tDh/AVm52N/dJ6o/AAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain;
	margin-right: 5px
}

.forget .container .code .code-input {
	flex: 1;
	border: none;
	color: #333;
	outline: none
}

.forget .container .code .code-btn {
	font-size: 14px;
	color: #ff9903;
	text-align: right;
	cursor: pointer
}

.forget .container .code .verify_img {
	position: relative;
	height: 100%;
    width: 43%;
}

.forget .container .passward {
	margin-top: 20px
}

.forget .container .passward .passward-icon {
	width: 24px;
	height: 24px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAABw0lEQVRIDe1UK0/DUBTuXbcQBCGhYmKTOLIEBzhmEAVBwmOFpn+AgEMQICQYQOAIv6DdAzxFzuMQGBJcF5ioQBEIu+U7Y136oC+D2klOdh7f+c6953ZHEEaSMAGWkB+m2+123rK6MxQol4tP1Wr1e5iMMRIbEHGn0z10HOcAOk5cjLEP6EWpVDxLapSPad5PWdZry3GENTgcpI8URKMK9NSy3ipwNygWJbmoBMUNo7k+ILdFMb+gaVuzpGQjbaPJOmHiOGIbgGCVinM5dqyqmw8uEdkUI9/FuLngb+gNTNMcs+33S5x8G+VTwYII38b4mpI0uS/L8qcXE7oByI9wqt0M5MQnUQ3VesnJDj0yTr5CCVEUl1W1ZpKdJPX6jdzr9e4GtSdefOgGjAkTBOCcPXuBcbaLdWu92FADbzJoG0ZrR9eb98F4nB8aURyYc2ceb7MYhwnmMjXACL5AQJpaMo2oUGDnYK6lZgcw0w0URXlBDWlq+auBjeppxviSrt+mIiIsPlESqvVJqAGADSDmOOfX+Fh94ChnQI610a/1wUKrAv9IpuutPTwoVoUg+dDRDhaf0NA05Qor4/cu0dhR5p8n8ANgxKHKKln3/wAAAABJRU5ErkJggg==) no-repeat 50%;
	background-size: contain;
	margin-right: 5px
}

.forget .container .passward .findpass-icon {
	width: 24px;
	height: 24px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMC1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNBQzg4ODQwQ0FDMDExRUNBRUQ4RDM4MURFM0NGNEU0IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNBQzg4ODNGQ0FDMDExRUNBRUQ4RDM4MURFM0NGNEU0IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi4wIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgzNTRCNTg4QTc4NjExRUNBRjNCOTk4RTZCOEU1QURGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgzNTRCNTg5QTc4NjExRUNBRjNCOTk4RTZCOEU1QURGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DQI76AAAA2pJREFUeNrUVUtME2EQ7lagr6WlFrWU8lgo1YMRreFhBVpaQBOjxkfUGHwmxouJV40nDurJA4lwMNFowECMQRNMTEy7hbaUqiAgetEory5bKi2V7vZBW+vUBLJ024QLByfZ/Xd3Zr9/duabb5FEIsHZDONyNsmyVi+6u3vXOXCLBcuTSNolEnEdj8fPRcA4CIfzJx6PhUKhJZ9v6WkoHL7XqNcHmO+1tp5bD8w0h8PRpq5Q3eYAGCBMen1L4yuRiB1uc/kCvk4oEOzFMOxWILB8bWBw4IJep3+bMeNV+/DxwzOVqvwiSbqHl/z+63qdbjIlpD15stpsJxUF8kfqCnX/oNXaqmto6M1Y4yHHUFtpSclFl4voq6ys1KYBXbOG+vq+n1PTZZA1oSov6zLh5tq0wDhuKcZKS++43W6nRqM5tZEGtTQ3L7uI+X3RaHRFqVD0pAWW5IkfJleo56VUgNFPo49nZqYpOOixsbHXZhwXr/qMBoNvniTvSqXSEijPJRawNE/asOj1TkCXvzFBR0ZHOoqUyqt+/28c/H2FhYrjQqHwBjNGe0B7LxKJrKAi0RlW83JyckThxfAIi+gIsm3B48Gh5seS9yRJnuflZKtT4yiankNRkYYFnOQp7OpMfUGj2b+WxcTnCcu2/PxELBZ/mRoXCoa+yvJlTaxSAP05XC4XzdSo8Ynx/gK5XD8757pZXV39JtWPcBEhh6EPa8BxMB6fV5cJODsrS+EiiK7ampqOdH6o726YyAUWcHJMoSlVVpudpR8wALxoLE7EonHS6XzP8pstFoVIhG6nKNrBAl70+p7IZDIskfjTxPpMBAHJEOtEqPAIRVNbUv3iXPQBlBEJBKhOdsbB0H2aon4XKgqem8wmccqUeYCrVV6vz9BkNEaZPqvddqi4qOis201aDIZGJwvYaDQEpmdmjwoEgjylUjlpMpu3MwEOarXfkhswnw0MDh4vx7B+v99PwGCdyKgVhsZG24+fU5ehEQXlZdj3YedwW7pGmXC8BAbnxa6d6lfBYNA35yLq4EvWySeyyhCmHoMWV8nlO3q2SqXYChhNBwkA+JKkFGy6BxolS8YteBYsnl+Lpw+3tCxvSI8h84+wqGx2+xWhUHAyF0X3/yM/ZBEESkG939E03Qnq58xET+S/++f9FWAAbO1/mCKrJ4cAAAAASUVORK5CYII=) no-repeat 50%;
	background-size: contain;
	margin-right: 5px
}

.forget .container .passward .passward-input {
	width: 100%;
	border: none;
	color: #333;
	outline: none
}

.forget .forgetBtn {
	margin: 20px auto 0;
	width: 300px;
	display: block;
	color: #000
}

.forget .tips {
	display: flex;
	margin: 20px 35px 0;
	justify-content: space-between;
	font-size: 14px;
	line-height: 1.3
}

.forget .tips span {
	cursor: pointer
}

.forget .tips span:first-child {
	color: #f8b945
}

.forget .tips span:nth-child(2) {
	color: #999
}





.el-upgrade .el-dialog__body {
	padding: 0 0 30px
}

.el-upgrade .el-dialog__header {
	background-color: #f8b945;
	color: #333
}

.el-upgrade .el-dialog__title {
	color: #fff
}

.upgrade-avatar {
	width: 28px;
	height: 28px;
	line-height: 28px;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	overflow: hidden;
	color: #fff;
	background: #c0c4cc;
	font-size: 14px
}

.upgrade-tabs {
	display: flex
}

.upgrade-tabs .tab-item {
	width: 50%;
	background-color: #efefef;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 8px;
	cursor: pointer
}

.upgrade-tabs .tab-item p {
	font-size: 10px;
	color: #000
}

.upgrade-tabs .tab-item .tab-item-top {
	margin-bottom: 5px;
	display: flex;
	align-items: center
}

.upgrade-tabs .tab-item .tab-item-top .member-icon {
	width: 22px;
	height: 17px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHKADAAQAAAABAAAAHAAAAABkvfSiAAAC5ElEQVRIDd1V30sUURQ+Z3Zz1jB6iErKIIoKHyoskjDXSJMigyIwrYcI+gN6jx568an3egqtINetfDIwsKJdMw3yRyghhRISEZT9INiZVed07szu7J270+yYb15Y5t7zfef75t455y7Aah+43A0a6Z7jAHTaycO+WLxtYDkayzLMDPZ0gGVd8xggdpTH2697YgGL0IbZdGK/BTBGRJ4cRCQNoKYs3j4R4ONCzA03LIIG1UxkipjAwqkAhDbUkH7+SzQIU3NCG66hSD8nf1cFRCyH+UDFIY8hvUlWFlNykTjMA+J4Ea7BKMRb/V7EptJI7wY5xzU0UomnhrH0JZPqHjJfJ6plEn8nzXi11MUfrEmO23MLmrlV7hElIzJmDD/alUklXhqm+S2TTtzNY3bF0fDjKiObnSsE0UQNbpQd0W4CtFI23XPHArqcx32fiA9i9dolwTfTyauA1MEvWp7nxqKRKqw7/9kxpBdRM/31DwHpeYJ4IsIMEJoc9+xY5shzbpFpkcZGuz1xQFOPb65APLZoH6mYMGFKJok5EewIa+bwaY9qltOcynkU2oL7t7ggcuyVPmRtt2i4f0saTk+Ow68f87Y/7wTevR0G08iUfB9Z2zWMaKV3mOy8BQ/5J8bQ836e34aP7ydLGsrarmE0un5C3ItB2YfqG+HTzAcYSQ3Asye9sGnLVqjedyAohQsPSWjnSa4hHj71m8tkNg/4PRuaW0DXY9CXvA+LCwtw9uIV0CKe9vNJo1lH24FcQ2cZ/B3XVqyDusYTNrW2oQm2bd/pY6CGvJpRGRbVxLVwTo6p86Mnz8DGyio+yhoV8l3LFSoIHkO+wbhS+V8vYET4CPcerA1geCFHsxDzHKmuWyVbo5AabqZqegyx9sIcl5XTaOH0glmsZWtKLI+hiPPlOibhK5qy1qgqUGyI0KmS/nfNl3+Xmmv/W6hBc7C7zSJsYTCmYmHWfHsYGmKfXt+WDMNfXZy/qn0AZ9LUyuUAAAAASUVORK5CYII=) no-repeat 50%;
	background-size: contain;
	margin-right: 4px;
	display: inline-block
}

.upgrade-tabs .tab-item .tab-item-top .money-icon {
	width: 17.3px;
	height: 17.4px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAAEX0lEQVRIDbVVSXMbRRT+ekaakSxblrzI8ZIYxxUom1DBB6hQRcxy55gTP4H/wIH/wE/glBscqQKSHDi4ICQ2DlUhXhJbXpTYWmwtI0037+vRKLLDkhx4VeO2Xr/3ve63fA28hhhjFL/XcMG/Gtce3RgfDPG5cTI34A4tGcefI7jSrU2EtXtKn949cfHN0JW7pX8K+rcBTPGzAV09/lJ581/AmxjUIdAol9FptSxOwveRzuXguPIzODgxweOvnWz+KzX1Xf18oJcCmMfLV0yYuoWBpWuNchXHT7fgecDAUAqJRGTe6RjUa00EAZC/+IYEy0I311fc4PSmWvxhuz/ImQBm/dNZ42d/Nt7i5MHDNaS8DoZzumcftg2UY+TkTk9XKTtoBglMLFyFCtb3FI4+UvN3HsUGPUumJfQytwhevL+C0RF9Dlxj9+k4nqw2Yl+78gCj+RD7D1ZAX96eWLFRLwBz7qQW3+PJCxd8SUcntrHr/rbC5NL7GJ9I4qjYF8TIrWrHGPOaOHy4Krlcukas2NkGYLewoMw503IevF5tIz39NtwkkEo2UX/egZY6UPRxDaYhxQ/qyDoNaYYqiEVM7tsAbEV2Cwvan3MaUEp7A8hN5mDCFmQOUJiQlGzUoY+q0ATvSiIoo7qzAWJZTNHbAMZJL7MV2S39EjRC/H67iOGJBGAEXAIopZBQAZLuCXY3A4Ti1xMJnnZCEMvOjmyIp4g7/C77nK0oHW9VpSdywnYDV69LL2INrcYUHJ9NpxCOzqGQfQA95WFvO4VkWyM/EpXTd7Wdmczg0BKBHDv+KjXHIYr7/M+VkqSqhgszZTGJjujXvofjaDhz1+G1pZh0dgJMz1WRvQRsbLUjnQntQHLqzY8fJ6Ib2K0Xf3RTanbokxNEyWLyk9Tk5DaSKlR4y0hHvepI9W3RZT0njuRUGKy5yfHnhFLe/HAc9aSPZ7W0/IqurguLcMvforX+KwJvwdppk0RxP4/jUgqX56PW18oFschX6pOfOpF3WPmN3MLxtyKpLsymMfbWIHYrGZyqDNLeL7IV3UYfHGJvN4Wt7Rzywy5Gx8Shywmt0LE8RTIklg2gdOMOiYvc0i9eOoHZy8D+zmlsardD5aET5nBxWtLW5Se7IR3W0K4lQTItdTYAKZesSOIit8SiKyfQp01cmknicHcwUhuNZxWFQiFKZ2zLtePlkJ2REwmWxRSdRSOfk3LJiiSuTicBXRbwk6hlfWnPsMYbZhCECaT8IKLqfnRvAFWdtsxKrPiN6B2XfI76vftkxdJBS2agm9QuyNgYsLVmUNypYqTb8z18AX8epFBYeMfStsXqbp5BsW8BRm6TFQ//WEVWNcDxF37oYZ35R3LOtPDkBLd03ap+0P8mnAlAZ74JpG0yK4mL3MLx54Q6MkQUtiK7hQVlzpla3l65zZv9bwFtXwpA5f/6ZDJALC8e/fQy+coIpXCPgwmZHbb3fz36MdYrreQWfq9k3DX6C/KzJJfH91VaAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain;
	display: inline-block;
	margin-right: 4px
}

.upgrade-tabs .tab-item .tab-item-top .official-icon {
	width: 17.3px;
	height: 17.4px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAACeklEQVQ4EXVTTWgTQRT+3uxuNlUSixaxtSSWYEoIpCAKxYpihEDVHjx4FBF6UXvyIIgXC3rNqaGXIBbsSfAmyh4qiAcP9WCxB4sejLTSUIta1KRJd3xvdjekgsP+vHkz3/e+9+YN4Z/RfD2RJ9CktqhEyk7BUmC7RsrytB2ruvm55W4IRRO9fDnWrG+VybKuayIFpQDLgvzZZ2z++7Bo1sllbhHd2xasITDgrz+ea0XFAGAzIAQygQ5JSNSwrWx7wc6mx4WEdwLN1c0yA4sEjkrCqbHyZRtz3hY0T69dPIDskR5oLREJvq+LOx9rZd44Rc0XZ/MaaklbSi1+2sGzxQY+rLax9q0t3J0x0OdgmEkmzuzHiZGkpOQ7sXjB1tCTTMqhgfe1Fl4uNTqgbmNtowV5hw7HcbyQlNxVu92alKRKrCxQHiIO9lqYv9uPY9ke5NIu5qfTKI1y1O7B+WitS1wDP8VkJr9ovf59B3tcwsl8D86fSmLm6Sa8Nz/NMsOCbVwrIkqZIprSsEOZMwlp2L50OoHpR3W8evc74gbxJqkzR5c0TNlrsiqOoUN83uH409C4Pbu+CyxLmcG4UStg1lLjw9aeTGSM5VwUhmLGvlPdwNuV3QUtZPdibCRh1sOieSKoyh5fZHGP4P7VXmQGbHxebwUbw29m0MWDGwNQLFL28uM7tlM1wRveuRlN6qZ0mrRvWys8XvgFbzHIvTSawJULfXBiVqcruVMrsaMPpwxB1MrSjUZGSCR2dA+MXyRyAPYtOMNBK7OH5eSfbLv9+8ZZV4Wr7Efa+ZgCU3qYB899i6gSgY3PrHR9gusMvs6qxKFSsCWq+u91/gtiGcaBRstphgAAAABJRU5ErkJggg==) no-repeat 50%;
	background-size: contain;
	display: inline-block;
	margin-right: 4px
}

.upgrade-tabs .active {
	background-color: #fff
}

.memberRecharge {
	padding: 0 20px
}

.memberRecharge .memberRecharge-box {
	min-height: 50px
}

.memberRecharge .title {
	font-size: 14px;
	color: #000;
	line-height: 3;
	font-weight: 500
}

.memberRecharge .package {
	height: 150px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 5px;
	background: #fff;
	margin-bottom: 5px;
	border-radius: 8px;
	border: 2px solid #f0f0f0;
	cursor: pointer
}

.memberRecharge .package p {
	text-align: center;
	margin-bottom: 9px
}

.memberRecharge .package p:first-child {
	font-size: 16px;
	color: #000
}

.memberRecharge .package p:nth-child(2) {
	font-size: 23px;
	color: #000
}

.memberRecharge .package p:nth-child(3) {
	font-size: 14px;
	color: #9d9d9d;
}

.memberRecharge .package p:nth-child(4) {
	font-size: 14px;
	color: #9d9d9d
}

.memberRecharge .payment {
	min-height: 50px
}

.memberRecharge .payment .payment-item {
	font-size: 14px;
	font-family: PingFangTC-Medium;
	color: #333;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 42px;
	border-radius: 4px;
	border: 2px solid #f0f0f0;
	padding: 0 3px;
	margin-bottom: 5px;
	cursor: pointer
}

.memberRecharge .payment .payment-item .payment-icon {
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	display: inline-block;
	margin-right: 6px
}

.memberRecharge .payment .activeClass {
	border: 2px solid #ebc96a;
	background: #fbf7e6
}

.memberRecharge .payment .alipay-bg {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAAsCAMAAAC9kMGEAAAAQlBMVEUAAAAAq+8Aqu8Aq+4Aqu8Aq+8Aq/AArfUAq+4Aqu7t+f30+/6W3Ph81PYuufGH1/c0u/F00PVAv/I+vvIetPAbs+8PDx5WAAAACXRSTlMAgPzmsj13GXpRtIKuAAAAwElEQVRYw+3ZSQ7CMBBE0WpPcZGBMN3/qoBFhICFlymh/id4snvVDSCnSIliynhUqVOoQGYoAyQaSggZiQUyFSZEirzPs4ERJIQiHeQgB33koF4O6uWgXg7q5aBeDur19yATAxm1QEYtkFELZNQCGbVARi2QUQtk1AJtnvmqAdo80+EmAXp7FokvM5KnlTweFokZMrJh5nGVGGpjaxrHC1s7r/SMr+YzW3Hfpafxu4Qc9lsL/3pCBmqgTKFC7rRwB/69HxB/m+nXAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain
}

.memberRecharge .payment .wechat-bg {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAAsCAMAAAC9kMGEAAAAS1BMVEUAAAAKuwgKvQgJuwcKuwgKvAcNvAgKwgoJuwcMvQgJuwf0/PTu+u46yTiL34qD3IJ62nlFzEQ0xzLo+Oid5JyZ45iU4ZQlwyQjwiEtHbvgAAAACnRSTlMAgHj+5rI9Gfk+4bKPsQAAAMJJREFUWMPt2UkOgzAQRNFuT5ACAiHj/U+aGGFFURZeuoT6n+DJ9qosIikGUBRikk/OgybvRE6+d51Q1LneJ4lwQpNDlACS88l1CAIIUYCBDGSgnwxUy0C1DFTLQLUMVMtAtQ4PUjKQgguk4AIpuEAKLpCCC6TgAim4QAouUPEsTw5Q8dyuLwpQ8TzGleLKsmeZgPM4UbwhBTJmnYeJ4lErtu7DcMFW40lPsTfvntB29Cyeb1FSu1n43+N94hvO2b4W3nXiImJeuVcSAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain
}

.memberRecharge .payment2 {
	min-height: 50px
}

.memberRecharge .payment2 .payment-item {
	font-size: 14px;
	font-family: PingFangTC-Medium;
	color: #333;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 42px;
	border-radius: 4px;
	border: 2px solid #f0f0f0;
	padding: 0 3px;
	margin-bottom: 5px;
	cursor: pointer
}

.memberRecharge .payment2 .payment-item .payment-icon {
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	display: inline-block;
	margin-right: 6px
}

.memberRecharge .payment2 .activeClass {
	border: 2px solid #ebc96a;
	background: #fbf7e6
}

.memberRecharge .payment2 .alipay-bg {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAAsCAMAAAC9kMGEAAAAQlBMVEUAAAAAq+8Aqu8Aq+4Aqu8Aq+8Aq/AArfUAq+4Aqu7t+f30+/6W3Ph81PYuufGH1/c0u/F00PVAv/I+vvIetPAbs+8PDx5WAAAACXRSTlMAgPzmsj13GXpRtIKuAAAAwElEQVRYw+3ZSQ7CMBBE0WpPcZGBMN3/qoBFhICFlymh/id4snvVDSCnSIliynhUqVOoQGYoAyQaSggZiQUyFSZEirzPs4ERJIQiHeQgB33koF4O6uWgXg7q5aBeDur19yATAxm1QEYtkFELZNQCGbVARi2QUQtk1AJtnvmqAdo80+EmAXp7FokvM5KnlTweFokZMrJh5nGVGGpjaxrHC1s7r/SMr+YzW3Hfpafxu4Qc9lsL/3pCBmqgTKFC7rRwB/69HxB/m+nXAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain
}

.memberRecharge .payment2 .wechat-bg {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAAsCAMAAAC9kMGEAAAAS1BMVEUAAAAKuwgKvQgJuwcKuwgKvAcNvAgKwgoJuwcMvQgJuwf0/PTu+u46yTiL34qD3IJ62nlFzEQ0xzLo+Oid5JyZ45iU4ZQlwyQjwiEtHbvgAAAACnRSTlMAgHj+5rI9Gfk+4bKPsQAAAMJJREFUWMPt2UkOgzAQRNFuT5ACAiHj/U+aGGFFURZeuoT6n+DJ9qosIikGUBRikk/OgybvRE6+d51Q1LneJ4lwQpNDlACS88l1CAIIUYCBDGSgnwxUy0C1DFTLQLUMVMtAtQ4PUjKQgguk4AIpuEAKLpCCC6TgAim4QAouUPEsTw5Q8dyuLwpQ8TzGleLKsmeZgPM4UbwhBTJmnYeJ4lErtu7DcMFW40lPsTfvntB29Cyeb1FSu1n43+N94hvO2b4W3nXiImJeuVcSAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain
}

.memberRecharge .money {
	height: 150px;
	padding: 0 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 5px;
	background: #fff;
	border: 2px solid #f0f0f0;
	border-radius: 8px;
	white-space: nowrap
}
.memberRecharge .money p {
    text-align: center;
    margin-bottom: 9px;
}

.memberRecharge .money p:first-child {
	font-size: 16px;
	color: #000
}

.memberRecharge .money p:nth-child(2) {
	font-size: 23px;
	color: #000
}

.memberRecharge .money p:nth-child(3) {
    font-size: 14px;
    color: #9d9d9d;
}

.memberRecharge .activeClass {
	border: 2px solid #ebc96a;
	background: #fbf7e6
}

.memberRecharge .paymentBtn {
	width: 328px;
	display: block;
	color: #000;
	margin: 10px auto 0
}


.el-container {
	min-height: 100vh;
	height: 100%
}

.el-footer,
.el-header,
.el-main {
	padding: 0
}

.el-main {
    background-color:#242424;
	position: relative
}