* {
	margin: 0;
	padding: 0;
}

body,
html {
	height: 100%;
	width: 100%;
	min-width: 1280px
}

body {
	background: #f5f5f6;
	margin: 0;
	padding: 0;
}

#app {
	height: 100%;
	width: 100%;
	min-width: 1280px;
}

/* 头部 */
.login {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.header {
	min-width: 1280px;
	background: rgb(255, 255, 255);
	box-shadow: rgb(0 0 0 / 10%) 0px 2px 4px 0px;
	box-sizing: border-box;
	height: 60px;
}

.kongwei {
	width: 100%;
	height: 60px;
	display: none;
}

.logo {
	padding-left: 24px;
	height: 60px;
	line-height: 60px;
	float: left;
}

.logo>a {
	text-decoration: none;
	color: #333;
	font-size: 24px;

}

.logo>a img {
	width: 40px;
	height: 40px;
	vertical-align: -10px;
	margin-right: 10px;
}

.login-wrapper {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	flex: 1 1 0%;
	background: url('../img/loginbg.png');
	background-size: cover;
	background-attachment: fixed;
}

@media (max-height: 767px) {
	.login-wrapper {
		height: calc(100% - 60px);
		min-height: 622px;
	}
}

.login-content {
	display: flex;
	flex-direction: row;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	box-sizing: border-box;
	margin: 0px auto;
	width: 1200px;
	height: 518px;
}

.marketing-wrapper {
	position: relative;
	width: 390px;
	height: 100%;
	margin-right: 40px;
	color: transparent;
	background-color: transparent;
}

@media (max-width: 1279px) {
	.marketing-wrapper {
		display: none;
	}
}

.marketing-text {
	margin-top: 100px;
	display: block;
	text-align: left;
	line-height: 40px;
	font-weight: 600;
	font-size: 32px;
	color: rgb(24, 24, 24);
	letter-spacing: 0px;
	margin-bottom: 20px;
	transition: all 0.3s ease 0s;
}

.marketing-text-min {
	text-align: left;
	line-height: 24px;
	font-weight: 600;
	font-size: 16px;
	color: rgb(153, 153, 153);
	letter-spacing: 0.53px;
	display: block;
}

.marketing-wrapper a {
	font-size: 14px;
	display: block;
	margin-top: 14px;
	color: rgb(254, 106, 0);
	letter-spacing: 0.47px;
	line-height: 24px;
	text-decoration: none;
}

.login-main {
	position: relative;
	width: 782px;
	background-color: rgb(255, 255, 255);
	height: 100%;
	overflow: hidden;
	box-shadow: rgb(0 0 0 / 15%) 0px 2px 15px;
}

.login-main .wrapper {
	margin-top: 40px;
	display: flex;
}

.qr {
	padding: 0px 80px;
	position: relative;
	width: 200px;
	background-color: rgb(255, 255, 255);
	z-index: 5;
	border-right: 0.5px solid rgb(196, 203, 215);
	height: 408px;
}

.alipay-channel {
	text-align: center;
	position: relative;
	padding-top: 60px;
}

.qr-title {
	font-weight: 500;
	font-size: 24px;
	color: rgb(24, 24, 24);
}

.qr-img {
	position: relative;
	overflow: hidden;
}

.qr-img img {
	width: 100%;
}

.qr-text {
	font-size: 14px;
	color: rgb(179, 179, 179);
}

.qr-text span {
	font-size: 14px;
	color: rgb(24, 24, 24);
}

.form {
	padding-left: 50px;
	height: 408px;
}

.tab {
	width: 100%;
	display: flex
}

.tabs-item {
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: rgb(115, 119, 122);
	cursor: pointer;
}

.tabs-item:not(:first-child) {
	margin-left: 34px;
}

.tabs-item-text {
	display: inline-block;
	font-weight: 500;
	font-size: 18px;
	color: rgb(24, 24, 24);
	vertical-align: middle;
}

.acitve .tabs-item-text {
	border-bottom: 2px solid rgba(32, 117, 253, 1);
	color: rgba(32, 117, 253, 1);
}

.tab-content {
	margin-top: 36px;
	width: 320px;
}

.tab-content-ge {
	margin-bottom: 10px;
	position: relative;
	font-size: 14px;
	display: flex;
	border-bottom: 1px solid #d7d8d9;
}

.tab-content-ge input {
	width: 100%;
	font-size: 14px;
	line-height: 22px;
	height: 33px;
	margin-top: 0;
	padding-left: 0;
	background: #fff;
	box-shadow: none;
	border: none;
	caret-color: rgba(32, 117, 253, 1);
	outline: none;
}
.tab-content-ge img{
	width: 25%;
}
.tab-content-ge img:hover{
	transform: scale(2);
}
.tab-content-ge button {
	padding-left: 14px;
	height: 21px;
	line-height: 21px;
	margin: 6px 0;
	border-left: 0.5px solid #c4cbd7;
	border: none;
	outline: none;
	background: none;
	width: 200px;
	cursor: pointer;
}

.form-btn {
	margin-top: 22px;
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
}

.form-btn .form-btn-min {
	width: 40%;
}

.form-btn .form-btn-min.width {
	background: #ffffff;
	color: rgba(32, 117, 253, 1);
	border: 1px solid rgba(32, 117, 253, 1);
}

.form-btn button {
	width: 100%;
	color: #FFFFFF;
	background-color: rgba(32, 117, 253, 1);
	border: 1px solid rgba(32, 117, 253, 1);
	border: none;
	font-size: 14px;
	min-width: 140px;
	height: 40px;
	padding: 0 30px;
	line-height: 36px;
	border-radius: 0;
	box-shadow: 0 1px 1px #ebe7e6;
	zoom: 100%;
	border-radius: 6px;
}

.retrieve {
	display: flex;
	justify-content: end;
	color: #999;
	font-size: 12px;
}

.retrieve a {
	color: #999;
	font-size: 12px;
	text-decoration: none;
}

.xieyi {
	margin-top: 40px;
	text-align: center;
	font-size: 12px;
	color: rgb(179, 179, 179);
}

.xieyi span:hover {
	color: rgba(32, 117, 253, 1);
}

.go-to-register {
	cursor: pointer;
	height: 70px;
	width: 70px;
	background-image: url(../img/sanjiao.png);
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
}

.go-to-register a {
	font-size: 14px;
	color: rgb(255, 255, 255);
	font-weight: 500;
	position: relative;
	top: 10px;
	right: 7px;
	text-decoration: none;
}

.footer {
	height: 178px;
	min-width: 1280px;
	margin: 0px auto;
}

.footer-main {
	border-top: unset;
	max-width: 1232px;
}

.footer-one {
	padding-top: 10px;
}

.footer-one a {
	line-height: 30px;
	font-size: 16px;
	color: rgb(155, 158, 160);
	letter-spacing: 0.5px;
	display: inline-block;
	margin-right: 35px;
	text-decoration: none;
}

.footer-two {
	box-sizing: border-box;
}

.footer-two a {
	text-align: left;
	line-height: 30px;
	font-size: 14px;
	color: rgb(115, 119, 122);
	letter-spacing: 0.5px;
	display: inline-block;
	margin-right: 10px;
	text-decoration: none;
}

.footer-three {
	text-align: left;
	line-height: 30px;
	font-size: 14px;
	color: rgb(115, 119, 122);
	letter-spacing: 0.5px;
}

/* 首页 */
.indexHeader {
	position: fixed;
	top: 0;
	left: 0;
	background: hsla(0, 0%, 100%, .1);
	transition: background .3s;
	border-bottom: 1px solid rgba(61, 61, 61, .15);
	height: 64px;
	z-index: 999;
	width: 100%;
	min-width: 1280px;
}

.indexHeader:hover {
	background-color: #FFFFFF;
}

.indexHeader-main {
	z-index: 999;
	position: relative;
	width: 100%;
}

.activity {
	padding: 0 9px;
	position: relative;
	cursor: default;
	padding: 0 10px;
	color: #181818;
	font-size: 14px;
	display: inline-block;
	text-decoration: none;
	float: left;
	line-height: 64px;
	margin-left: 20px;
}

.nav {
	line-height: 64px;
	height: 64px;
	padding-left: 0px;
	float: left;
}

.nav a {
	position: relative;
	cursor: default;
	padding: 0 20px;
	color: #181818;
	font-size: 14px;
	display: inline-block;
	text-decoration: none;
}

.nav a .downIcon {
	vertical-align: bottom;
	font-size: 12px;
	margin-left: 1px;
	display: inline-block;
	transition: all .2s ease 0s;
}

.nav .active {
	color: rgba(32, 117, 253, 1);
}

.nav .active .downIcon {
	color: rgba(32, 117, 253, 1);
	transform: rotate(180deg);
}

.navDown {
	color: #fff;
	background: #fff;
	position: absolute;
	top: 65px;
	left: 0;
	box-shadow: 0 12px 10px 0 rgb(0 0 0 / 7%);
	width: 100%;
	opacity: 0;
	height: 0;
	max-height: 600px;
	visibility: hidden;
	z-index: 999;
	overflow: auto;
	transition-property: height;
	transition: height .2s cubic-bezier(.215, .61, .355, 1), opacity .2s cubic-bezier(.215, .61, .355, 1);
}

.currentChild {
	opacity: 1;
	visibility: visible;
}

.search-wrap {
	width: 222px;
	margin: 0 30px;
}

@media only screen and (max-width: 1279px) and (min-width: 768px) {
	.search-wrap {
		width: 16px;
	}
}

.sub-menu {
	display: none;
}

.chanpin {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.show {
	display: block;
}

.downSearch {
	width: 96%;
	height: 36px;
	padding: 12px 2%;
	background: #F5F5F6;
	position: relative;
}

.searchBox {
	background: #FFFFFF;
	width: 232px;
	height: 36px;
	display: flex;
	border-bottom: 1px solid rgba(61, 61, 61, .15);
	float: left;
}

.searchBox:hover {
	border-bottom: 1px solid rgba(32, 117, 253, 1);
}

.searchBox input {
	flex: 8;
	height: 100%;
	border: 0;
	padding-left: 14px;
	outline: none;
	font-size: 14px;
	color: #999;
}

.searchBoxIcon {
	font-size: 20px;
	color: #999;
	line-height: 36px;
	margin: 0 10px;

}

.all {
	float: left;
	margin-left: 30px;
	color: #181818;
	font-size: 14px;
	line-height: 36px;
	cursor: pointer;
}

.all:hover,
.guanbiIcon:hover {
	color: rgba(32, 117, 253, 1);
}

.guanbiIcon {
	float: right;
	font-size: 20px;
	color: #3d3d3d;
	line-height: 36px;
}

.search-wrap {
	float: left;
}

.downNav {
	background: #FFFFFF;
	margin: 0 auto;
	min-width: 1280px;
	padding: 20px 0;
	overflow: hidden;
	height: calc(100% - 76px);
	width: 1280px;
}

.downNavLeft {
	width: 240px;
	border-right: 1px solid rgba(61, 61, 61, .15);
	overflow: auto;
	float: left;
	height: calc(100% - 40px);
}

.downNavLeft ul {
	width: 100%;
	overflow: hidden;

}

.downNavLeft li {
	width: 100%;
	height: 36px;
	line-height: 36px;
	color: #181818;
	font-size: 14px;
}


.search {
	border-left: 1px solid rgba(61, 61, 61, .15);
	border-right: 1px solid rgba(61, 61, 61, .15);
	padding: 0 20px;
	width: 100%;
	position: relative;
	margin-left: 0;
	transition: background .3s ease-in-out;
	height: 63px;
	line-height: 63px;

}

.search input {
	width: calc(100% - 30px);
	height: 100%;
	border: none;
	background: none;
	outline: none;
}

.iconsearch {
	font-size: 20px;
	color: #181818;
	vertical-align: sub;
	float: right;
}

.search:hover .iconsearch {
	color: rgba(32, 117, 253, 1);
}

.navRight {
	height: 64px;
	line-height: 64px;
	margin-left: 40px;
	float: right;
}

.navRight a {
	position: relative;
	cursor: default;
	padding: 0 30px;
	color: #181818;
	font-size: 14px;
	display: inline-block;
	text-decoration: none;
}

.registerBtn {
	background: rgba(32, 117, 253, 1);
	line-height: 64px;
	color: #fff;
	padding: 0 40px;
	vertical-align: top;
	text-decoration: none;
	display: inline-block;
	margin-left: 20px;
	cursor: pointer;
	font-size: 14px;
	justify-items: right;
	float: right;
}

.logined {
	padding: 14px 40px;
	float: right;
	display: flex;
}

.loginedLeft {
	margin-right: 5px;
}

.loginedLeft .name {
	color: #666;
	font: 12px/28px simhei;
}

.loginedLeft .show {
	color: #666;
	font-size: 12px;
}

.logined img {
	width: 28px;
	height: 28px;
	border-radius: 14px;
}

.banner {
	width: 100%;
	min-width: 1280px;
	height: 535px;
	position: relative;
}

.bannerList {
	width: 100%;
	min-width: 1280px;
	height: 535px;
	overflow: hidden;

}

.banner .active {
	animation: imageAnimation 3s linear;
}

.li-desc {
	position: absolute;
	width: 90%;
	left: 5%;
	bottom: 40px;
}

@keyframes imageAnimation {
	0% {
		opacity: 0;
		animation-timing-function: ease-in;
	}

	8% {
		opacity: 0.08;
		animation-timing-function: ease-out;
	}

	17% {
		opacity: 0.17
	}

	25% {
		opacity: 0.25
	}

	100% {
		opacity: 1
	}
}

.li-desc li {
	list-style: none;
	box-sizing: content-box;
	text-align: center;
	float: left;
	width: 36px;
	height: 3px;
	margin: 0 2px;
	cursor: pointer;
	background: hsla(0, 0%, 100%, .6);
	padding: 30px 0;
	background-clip: content-box;
	position: relative;
	transition: width .3s ease-out;
}

.li-desc .active {
	background: rgba(32, 117, 253, 1);
	background-clip: content-box;
	width: 48px;
}

.bannerItem {
	width: 100%;
	min-width: 1280px;
	height: 535px;
}

.banner-box {
	padding-top: 144px;
	width: 90%;
	margin: 0 auto;
}

.banner-title {
	font-size: 42px;
	color: #181818;
	line-height: 48px;
	margin-bottom: 15px;
	opacity: 1;
	min-height: 48px;
}

.banner-desc {
	width: 580px;
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	font-size: 16px;
	color: #181818;
	line-height: 30px;
	margin-bottom: 20px;
	opacity: 1;
}

.banner-btn {
	width: 138px;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	color: #FFFFFF;
	background: rgba(32, 117, 253, 1);
	display: block;
	text-decoration: none;
	border-radius: 8px;
	text-align: center;
}

.goodsTop {
	padding-top: 80px;
	text-align: center;
	background: rgb(255, 255, 255);
}

.goods-title {
	font-size: 28px;
	font-weight: 400;
}

.goods-more {
	margin-top: 12px;
	padding-bottom: 20px;
}

.goods-more a {
	text-decoration: none;
	color: rgba(32, 117, 253, 1);
}

.goods-nav {
	width: 90%;
	margin: 0 auto;
	display: flex;
	padding-bottom: 20px;
}

.goods-nav .active {
	border-bottom: 3px solid rgba(32, 117, 253, 1);
}

.goods-Item {
	width: 14.2857%;
	padding-bottom: 10px;

}

.goods-Item img {
	width: 64px;
	height: 64px;
	display: block;
	margin: 0 auto;
}

.goods-Item span {
	margin-top: 4px;
	text-align: center;
	font-size: 14px;
	color: #181818;
	line-height: 24px;
	font-weight: 400;
	margin-bottom: 0;
	transition: color .3s ease;
}

.goods-nav .active span {
	color: rgba(32, 117, 253, 1);
}

.goods-Item span:hover {
	color: rgba(32, 117, 253, 1);
}

.goodsMain {
	width: 90%;
	margin: 0 auto;
	padding: 40px 0 0 0;
	overflow: hidden;
}

.programmeMain {
	width: 100%;
	background: #ffffff;
	padding: 40px 0 0 0;
	overflow: hidden;
}

.main {
	width: 90%;
	margin: 0 auto;
}

.programmeItem {
	width: calc(50% - 50px);
	margin-right: 20px;
	float: left;
	margin-bottom: 30px;
	background: #f5f5f6;
	padding: 20px;
	border-radius: 6px;
	box-shadow: -6px -6px 20px rgba(255, 255, 255, 1),6px 6px 20px rgba(0, 0, 0, .1);
	overflow: hidden;
}
.programmeItem:hover{
	box-shadow: inset -6px -6px 10px rgba(255, 255, 255, 0.5),inset 6px 6px 20px rgba(0, 0, 0, 0.05);
}
.programmeItem:nth-child(2n+2) {
	margin-right: 0;
}

.programmeTitle {
	font-size: 18px;
	color: #181818;
	line-height: 27px;
	font-weight: 600;
	margin-right: 9px;
	cursor: pointer;
	transition: color .2s cubic-bezier(.215, .61, .355, 1);
}

.programmeTxt {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	height: 96px;
	overflow: hidden;
}

.product-item {
	margin-bottom: 44.5px;
	float: left;
	width: 25%;
	height: 100px;
}

.resourcesMain {
	width: 100%;
	background: #ffffff;
	padding: 40px 0 0 0;
	overflow: hidden;
}

.main {
	width: 90%;
	margin: 0 auto;
}

.resourcesItem {
	width: calc(20% - 60px);
	margin-right: 20px;
	border: 1px solid #f5f5f6;
	height: 300px;
	padding: 20px;
	float: left;
	margin-bottom: 20px;
	border-radius: 6px;
	transition: 0.3s;
	overflow: hidden;
	position: relative;
}

.resourcesItem::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	border-top: 2px solid #21ebff;
	border-left: 2px solid #21ebff;
	transition: 0.5s;
	transition-delay: 0.3s;
}

.resourcesItem:hover::before {
	width: 100%;
	height: 100%;
	transition-delay: 0s;
}

.resourcesItem::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 10px;
	height: 10px;
	border-bottom: 2px solid #21ebff;
	border-right: 2px solid #21ebff;
	transition: 0.5s;
	transition-delay: 0.3s;
}

.resourcesItem:hover::after {
	width: 100%;
	height: 100%;
	transition-delay: 0s;
}

.resourcesItem img {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	margin: 0px auto;
	display: block;
}

.resourcesTitle {
	font-size: 18px;
	color: #181818;
	line-height: 27px;
	font-weight: 600;
	margin-right: 9px;
	cursor: pointer;
	transition: color .2s cubic-bezier(.215, .61, .355, 1);
	margin-top: 20px;
	margin-bottom: 20px;
}

.resourcesTxt {
	font-size: 14px;
	color: #666;
	line-height: 24px;
}

.resourcesItem:nth-child(5n+5) {
	margin-right: 0;
}

.card-title {
	display: flex;
	margin-right: 9px;
	cursor: pointer;
	transition: color .2s cubic-bezier(.215, .61, .355, 1);
}
.card-title h6{
	font-size: 18px;
	color: #181818;
	line-height: 27px;
	font-weight: 600;
}
.card-title span{
	width: 41px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	opacity: 1;
	border-radius: 1px;
	font-size: 12px;
	font-weight: 400;
	border: 1px solid #999;
	display: inline-block;
	margin-top: 2px;
	margin-left: 10px;
}
.action-card-desc-content {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.product-Btn {
	margin-top: 15.7px;
}

.product-Btn a {
	display: inline-block;
	width: 116px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	vertical-align: middle;
	text-decoration: none;
}

.product-Btn a:first-child {
	background-color: rgba(32, 117, 253, 1);
	color: #fff;
}

.product-Btn a:last-child {
	background: transparent;
	border: 1px solid #181818;
	color: #181818;
	transition: all .2s ease;
	margin-left: 10px;
}

.product-Btn a:last-child:hover {
	border-color: rgba(32, 117, 253, 1);
	color: rgba(32, 117, 253, 1);
}

.hom-footer {
	height: 178px;
	min-width: 1280px;
	margin: 0px auto;
	width: 100%;
	background: rgb(37, 37, 37);
}

.hom-footer-main {
	border-top: unset;
	width: 90%;
	margin: 0 auto;
}

.hom-footer-one {
	padding-top: 10px;
}

.hom-footer-one a {
	line-height: 30px;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0.5px;
	display: inline-block;
	margin-right: 35px;
	text-decoration: none;
}

.hom-footer-two {
	box-sizing: border-box;
}

.hom-footer-two a {
	text-align: left;
	line-height: 30px;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0.5px;
	display: inline-block;
	margin-right: 10px;
	text-decoration: none;
}

.hom-footer-three {
	text-align: left;
	line-height: 30px;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0.5px;
}

.kong {
	width: 100%;
	height: 64px;
	background: #FFFFFF;
}

.control {
	width: calc(100% - 48px);
	overflow: hidden;
	padding: 24px;
}

.controlLeft {
	width: 59%;
	float: left;
	overflow: hidden;
}

.controlRight {
	width: 40%;
	float: left;
	margin-left: 1%;
}

.controlOne {
	width: calc(100% - 38px);
	height: auto;
	background: #FFFFFF;
	padding: 16px;
	overflow: hidden;
	border: 1px solid #D7D8D9;
	margin-bottom: 20px;
}

.controlOne:hover {
	box-shadow: 0px 0px 4px #999;
}

.widget-title {
	margin: -16px 0 0;
	height: 54px;
	font-size: 14px;
	color: #333;
	color: var(--card-title-color, #333);
	line-height: 54px;
}

.subtitle {
	font-weight: 500;
	font-size: 12px;
	color: #666;
	color: var(--card-sub-title-color, #666);
	line-height: 20px;
	margin: 8px 0;
}

.next-row {
	width: 100%;
	overflow: hidden;
}

.next-row li {
	width: 150px;
	list-style: none;
	background: #f7f9fa;
	height: 32px;
	line-height: 32px;
	padding: 0 12px;
	margin-bottom: 8px;
	font-size: 12px;
	float: left;
	margin-right: 10px;
}

.controlTwo {
	width: calc(100% - 38px);
	height: auto;
	background: #FFFFFF;
	padding: 16px;
	overflow: hidden;
	border: 1px solid #D7D8D9;
	margin-bottom: 20px;
}

.controlTwo:hover {
	box-shadow: 0px 0px 4px #999;
}

.buyBox {
	width: 100%;
	padding: 16px 0;
	overflow: hidden;
}

.buyItem {
	width: 33%;
	float: left;
	border: 1px solid #e3e4e6;
	height: 250px;
	overflow: hidden;
	margin-right: 0.5%;
}

.buyItem:nth-child(3n+3) {
	margin-right: 0;
}

.buyTop {
	width: calc(100% - 24px);
	height: auto;
	background: url(../img/buyItembg.jpg) no-repeat;
	background-size: 100% 100%;
	padding: 12px;
}

.buyTitle {
	margin: 0 0 4px;
	font-size: 16px;
	color: #333;
	line-height: 24px;
}

.buyA {
	text-decoration: none;
	height: 36px;
	font-size: 12px;
	color: #666;
	line-height: 18px;
}

.goodsIcon {
	width: 500px;
	height: 500px;
	display: block;
	margin-left: 20px;
}

.controlThree {
	width: calc(100% - 38px);
	height: auto;
	background: #FFFFFF;
	padding: 16px;
	overflow: hidden;
	border: 1px solid #D7D8D9;
	margin-bottom: 20px;
}

.controlThree:hover {
	box-shadow: 0px 0px 4px #999;
}

.controlThree .userInfo {
	display: flex;
}

.userHead {
	width: 66px;
	height: 66px;
	border: 1px solid #e3e4e6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.userInfoMain {
	margin-left: 20px;
}

.userInfoMain .name {
	color: #666;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 4px;
}

.userInfoMain .uId {
	color: #666;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 4px;
}

.userInfoMain .show {
	border: 1px solid #0064c8;
	color: #0064c8;
	font-size: 12px;
	display: inline-block;
	padding: 3px 10px;
	border-radius: 15px;
}

iframe {
	border: none;
}

/* 底部 */
#bottom {
	background: rgb(37, 37, 37);
	padding-bottom: 10px;
	overflow: hidden;
}

.bottom_box {
	width: 850px;
	overflow: hidden;
	margin: 30px auto;
}
.footAboutText{
    font-size: 14px;
    color: #fff;
    line-height: 30px;
	
  }

/* 侧边栏 */

.right-guide-container {
	width: 48px;
	min-height: 48px;
	border-radius: 24px;
	display: inline-block;
	position: fixed;
	top: 50%;
	right: 20px;
}

.guide-container-item {
	width: 50px;
	height: 50px;
	margin-bottom: 20px;
}

.fankuidiv{
    width: 400px;
    height: 400px;
    background: #fff;
    border: 0 solid #dcdee3;
    border-radius: 0;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    text-align: left;
    overflow: hidden;
    position: absolute;
    bottom:calc(50% - 200px);
    right:60px;
    z-index: 9999;
  }
  .fankui-header{
    padding: 20px 20px 12px;
    border-bottom: 0 solid transparent;
    font-size: 18px;
    font-weight: 400;
    background: transparent;
    color: #181818;
    display: flex;
    justify-content: space-between;
  }
  .closeBtn{
    color:#999;
    font-size: 16px;
  }
  .closeBtn:hover{
    color: #181818;
  }
  .formWrap{
    width: calc(100% - 40px);
    padding: 20px;
  }
  .wxgzh{
    text-align: center;
  }
  .wxgzh img{
      width: 120px;
      height: 120px;
      display: block;
      margin: 0 auto 5px;
  }
  .wxgzh span{
    font-size: 14px;
    color: #666666;
  }
.guide-container-item span {
	font-size: 24px;
}

.guide-container-item span:hover {
	color: #0064C8;
}

.friendMain {
	width: 100%;
	overflow: hidden;
	padding: 20px 0;
}

.friendUl {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.friendItem {
	text-align: center;
	font-size: 18px;
	color: #181818;
	line-height: 27px;
	font-weight: 600;
	margin-right: 9px;
	cursor: pointer;
	transition: color .2s cubic-bezier(.215, .61, .355, 1);
}

.friendItem img {
	width: 80px;
	height: 80px;
	margin: 20px auto 10px;

}
.yingyezhizhao{
	position: absolute;
	width: 140px;
	height: 100px;
	left: 5%;
	top: 10px;
}