.banner-wrap {
	width: 100%;
	height: 400px;
	margin: 0 auto;
	max-width: 1920px;
	overflow: hidden;
	position: relative;
	.movebackground {
		width: 100%;
		height: 400px;
		background: url('../images/banner-bg.jpg') center no-repeat;
		background-size: cover;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
	}
}
.search-container {
	width: 700px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform: translateX(-50%) translateY(-50%);
	h3 {
		font-size: 36px;
		opacity: .85;
		color: #fff;
		text-align: center;
	}
	p {
		opacity: .85;
		text-align: center;
		font-size: 16px;
		margin-top: 10px;
		margin-bottom: 14px;
	}
	.input-wrap {
		width: 100%;
		height: 50px;
		background-color: #fff;
		color: #333;
		border-radius: 5px;
		box-shadow: 0 3px 5px rgba(255, 255, 255, .2);
		margin-bottom: 20px;
		position: relative;
		input {
			background-color: transparent;
			padding-left: 10px;
			border: none;
			width: 100%;
			height: 50px;
			font-size: 18px;

			&::placeholder {
				color: #bbb;
			}
		}
		&::after {
			content: '\e627';
			font-family: 'iconfont';
			position: absolute;
			right: 10px;
			top: 3px;
			font-size: 28px;
			color: #333;
		}
	}
	.keywords {
		text-align: center;
		opacity: .8;
		a {
			color: #fff;
			padding: 0 20px;
		}
	}
}
.fast-menu-tag {
	text-align: center;
	height: 76px;
	display: flex;
	align-items: center;
	justify-content: center;
	span {
		padding: 0 20px;
		font-size: 16px;
		color: #040404;
		.iconfont {
			color: #66bab7;
			font-size: 22px;
			vertical-align: middle;
			margin-right: 5px;
		}
	}
}
.ad-wrap {
	background-color: #f6f6f6;
	padding-bottom: 78px;
	.title {
		font-size: 30px;
		color: #323a40;
		padding: 45px 0;
		text-align: center;
	}
	.ad-img {
		width: 1200px;
	}
}
.part-title {
	text-align: center;
	margin-bottom: 20px;
	h3 {
		font-size: 30px;
		color: #323a40;
		margin-bottom: 10px;
	}
	p {
		font-size: 16px;
		color: #535952;
	}
}
.case-wrap {
	background-color: #fff;
	padding: 60px 0;
	.works-group-wrap {
		.item {
			&:nth-child(3n) {
				margin-right: 0;
			}
		}
	}
	.see-more {
		font-size: 16px;
		color: #535952;
		text-align: center;
	}
}
.works-group-wrap {
	display: flex;
	        flex-wrap: wrap;
	.item {
		width: 390px;
		overflow: hidden;
		background: #ffffff;
		margin-right: 14px;
		margin-bottom: 32px;
		.name {
			height: 43px;
			line-height: 43px;
			text-align: center;
			white-space: nowrap;
			overflow: hidden;
			-o-text-overflow: ellipsis;
			   text-overflow: ellipsis;
			padding: 0 20px;
			font-size: 14px;
		}
		img {
			width: 100%;
			transition: all .3s linear;
			height: 220px;
			display: block;
			border-radius: 5px;

		}
	}
}
.material-wrap {
	background: #f6f6f6;
	padding: 60px 0;
	.works-group-wrap {
		.item {
			width: 285px;
			margin-right: 18px;
			margin-bottom: 30px;
			img {
				height: 160px;
			}
			&:nth-child(4n) {
				margin-right: 0;
			}
		}
	}
	
}

.see-more {
	text-align: center;
	a {
		background: #66bab7;
		color: #fff;
		display: inline-block;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
				user-select: none;
		outline: none;
		border: 1px solid transparent;
		transition: all .3s;
		cursor: pointer;
		width: 220px;
		height: 40px;
		line-height: 40px;
		padding: 0;
		border-radius: 5px;
		font-size: 14px;
	}
}

//模型展览
.model-filter-wrap {
	width: 1200px;
	margin: 32px auto;
	background: #FFFFFF;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);

	> .filter-type {
		width: 100%;
		height: 48px;
		padding: 0 15px;
		display: flex;
		border-bottom: 1px solid #D8D8D8;

		> li {
			padding: 10px 0;

			a {
				display: block;
				height: 28px;
				padding: 0 15px;
				line-height: 28px;
			}
			.active, a:hover {
				color: #3bb1d8;
				background: #f6f9fc;
			}
		}
	}
}

//模型列表
.model-list-wrap {
	width: 100%;
    min-width: 1200px;
	max-width: 1505px;
	margin: 0 auto;
	padding-bottom: 80px;

	.works-group-wrap {
		margin-bottom: 40px;

		.item {
			width: 284px;
			margin-right: 21px;
	
			img {
				height: 160px;
			}
		}
	}
}
@media screen and (max-width: 1600px) {
    .model-list-wrap {
		width:1200px;
		
		.item:nth-child(4n) {
			margin-right: 0
		}
    }
}

// 模镜素材详情
.model-view-area {
	display: flex;
            justify-content: space-between;
    margin-bottom: 40px;
	        align-items: flex-start;
	margin-top: 30px;
	
	.model-view {
		display: flex;
		        flex-direction: column;
		        justify-content: flex-start;
		background: #fff;
		border-radius: 5px;
		width: 760px;
		padding: 20px;
		min-height: 792px;
		box-shadow: 0 2px 5px 0 rgba(135,152,164,.5);
	}

	.model-bigimage {
		> img {
			width: 100%;
		}
	}
	
	.model-operate-bar {
		height: 50px;
		line-height: 50px;
		text-align: right;
		padding-right: 20px;
		color: #BDC0B9;

		span {
			margin-left: 10px;
			display: inline-block;
		}

		.iconfont {
			vertical-align: middle;
		}
	}
	.model-simage {
		display: flex;
		overflow-x: auto;

		> li {
			min-width: 33.33%;
			width: 33.33%;
			display: block;
			padding-right: 6px;

			> img {
				width: 100%;
				height: 133px;
			}
		}
	}

	.introduce {
		padding: 10px 0;
		font-size: 14px;
		color: #90989F;
		line-height: 24px;

		.content-txt {
			color: #90989F;
		}
	}

	.model-info, .author-info {
		padding: 30px 20px;
		width: 420px;
		background: #fff;
		border-radius: 5px;
		position: relative;
		box-shadow: 0 2px 5px 0 rgba(135,152,164,.5);
	}

	.model-price-area-wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;

		.sign-price {
			padding: 3px 18px;
			border: 2px solid #f5a623;
			position: relative;
			overflow: hidden;

			&:after {
				content: "\e671";
				font-family: "iconfont";
				position: absolute;
				right: 0;
				bottom: -1px;
				color: #f5a623;
				font-size: 20px;
				line-height: 1;
			}
		}

		.pay {
			color: #90989F;
		}
	}

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

	.download-btn {
		display: block;
		margin: 20px 0;
		width: 220px;
		height: 56px;
		line-height: 56px;
		padding: 0;
		border-radius: 5px;
		font-size: 18px;
		background: #66BAB7;
		color: #fff;
	}

	.push-shoppingcart {
		display: block;
		transition: all .5s;
		border: 2px solid;
		cursor: pointer;
		width: 140px;
		height: 56px;
		line-height: 45px;
		padding: 0;
		border-radius: 5px;
		font-size: 18px;
		color: #66BAB7 ;
		background-color: #f6fffd;
		border-color: #66BAB7 ;
	}

	.property-wrap {
		display: flex;
		justify-content: space-between;
	}

	.sign-cover img {
		width: 125px;
		height: 168px;

		&:hover {
			box-shadow: 0 3px 8px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.08);
		}
	}

	.author-info {
		display: flex;
		flex-wrap: wrap;
		margin-top: 20px;
	}

	.user-avatar {
		margin-left: 15px;
		margin-right: 30px;
		width: 120px;
		height: 120px;

		img {
			width: 120px;
			height: 120px;
			border-radius: 100%;
		}
	}

	.user-center-box {
		max-width: 215px;
		color: #535952;

		.designer-name {
			line-height: 25px;
			text-align: left;
			
			span {
				font-size: 15px;
			}
		}

		.sign-status {
			font-size: 14px;
			color: #00AA90;
			margin-bottom: 18px;

			img {
				width: 20px;
				vertical-align: middle;
			}
		}

		.desc {
			font-size: 14px;
			line-height: 24px;
			color: #535952;

			.iconfont {
				vertical-align: middle;
				font-size: 14px;
			}

			.flowyou {
				border: 1px solid #00AA90;
				border-radius: 3px;
				color: #00AA90;
				vertical-align: middle;
				display: inline-block;
				margin-left: 28px;
				line-height: 24px;
				padding: 0 4px;
			}
		}
	}

	.sell-dynamic {
		height: 165px;
		background: #f6f9fc;
		padding: 20px;
		margin-top: 30px;

		.sell-dynamic-item {
			
			display: flex;

			span {
				display: inline-block;
				width: 116px;
				color: #9aafbd;
				line-height: 25px;
			}
			a {
				display: inline-block;
				width: 224px;
				color: #555;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				vertical-align: middle;
			}
		}
	}

	
}

.other-material-wrap {
	background-color: #f6f9fc;
	padding-bottom: 0;

}

//行业资讯
.information-wrap {
	display: flex;
	padding-top: 70px;
	padding-bottom: 100px;

	.info-sub-nav {
		width: 110px;

		li > a {
			display: block;
			height: 40px;
			line-height: 40px;
			text-align: center;
			color: #333;

			&.active {
				background: #E03C8A;
				border-radius: 5px;
				color: #fff;
			}
		}
	}

	.wx-code {
		margin-top: 50px;

		img {
			width: 100%;
			margin-bottom: 10px;
		}

		p {
			font-size: 12px;
			text-align: center;
			color: #999;
		}
	}

	.ad-wrap {
		width: 350px;
		background-color: #fff;

		.ad-image-link img{
			display: block;
			width: 100%;
			margin-bottom: 30px;
		}
	}
}

.infomation-container {
	flex: 1;
	padding: 0 30px;

	.info-list {
		display: flex;
		border-bottom: 1px solid #EFEFEF;
		padding: 20px 0;

		&:first-child {
			padding-top: 0;
		}
	}
	.thumb {
		width: 155px;
		height: 90px;
		margin-right: 20px;

		img {
			width: 100%;
			height: 100%;
			display: block;
		}
	}
	.desc {
		h3 {
			font-size: 20px;
			color: #404040;
			height: 60px;
		}
		.puttime {
			font-size: 12px;
			color: #BDC0B9;
		}
	}
}

.infomation-detail {
	flex: 1;
	padding: 0 30px;

	.head {
		border-bottom: 1px solid #BDC0B9;
		padding-bottom: 25px;
	}
	.article-title {
		font-size: 30px;
		color: #404040;
		margin-top: 0;

	}
	.input-time {
		font-size: 16px;
		color: #BDC0B9;
	}
	.content {
		padding: 25px 0;
		font-size: 16px;
		color: #191919;

		p {
			margin-bottom: 30px;
			text-indent: 2em;
		}

		img {
			max-width: 100%;
		}
	}
}

.comment-wrap {
	width: 100%;
	margin-top: 60px;

	.title {
		font-size: 30px;
		color: #191919;
		margin-bottom: 15px;

		a {
			font-size: 14px;
			color: #B6B6B6;

			&:hover {
				text-decoration: underline;
			}
		}
	}

	.subtitle {
		font-size: 16px;
		line-height: 40px;
		color: #434343;
		border-bottom: 1px solid #bdc0b9;
		margin-top: 70px;
	}
}

.handle-comment-box {
	border: 1px solid #F0F0F0;

	textarea {
		width: 100%;
		border: none;
		resize: none;
		padding: 10px;
		height: 120px;
		font-size: 18px;
	}

	.send-common {
		text-align: right;
		padding: 5px 20px;
		border-top: 1px solid #F0F0F0;

		.btn {
			border-radius: 50px;
			background-color: #00AA90;
			color: #fff;
			font-size: 16px;
			padding: 0 20px;
		}
	}
}

.comment-list {
	display: flex;
	border-bottom: 1px dotted #979797;
	padding: 20px 0;

	.photo {
		width: 62px;
		height: 62px;
		margin-right: 14px;
	}
	.comment-content {
		flex: 1;
	}

	.comment-head {
		width: 100%;
		margin-bottom: 18px;
		display: flex;
		align-items: center;
		justify-content: space-between;

		.name {
			color: #005CAF;
		}
		.good {
			font-size: 12px;
			color: #434343;
			margin-right: 35px;

			&::before {
				content: '\e60c';
				font-family: 'iconfont';
				margin-right: 5px;
				font-size: 14px;
				color: #999;
			}

			&:hover {
				opacity: .8;
			}
		}

		.reply {
			font-size: 14px;
			color: #434343;
		}
	}

	.txt {
		color: #434343;
		margin-bottom: 12px;
	}
	.comment-time {
		color: #BDC0B9;
	}
}

.edu-banner-wrap {
	background-color: #fff;
	padding: 53px 0;

	img {
		width: 100%;
	}
}

.edu-class-wrap {
	.card {
		border-radius: 0;

		img {
			border-radius: 0;
		}
	}

	.txt-content {
		padding: 10px 10px;

		.title {
			font-size: 18px;
			color: #373C38;
			font-weight: 600;
			margin-bottom: 14px;
		}
		.tags {
			font-size: 16px;
			color: #90989F;
		}
		.price {
			font-size: 16px;
			color: #E83016;
			text-align: right;
		}
	}

	.see-more a{
		background: #86C166;
	}
}

.personnel-banner-wrap {
	width: 100%;
	height: 400px;
	background: url('../images/bg.png') center center no-repeat;
	background-size: cover;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;

	h2 {
		font-size: 34px;
		color: #535952;
		text-align: center;
	}

	h3 {
		color: #86C166;
		font-size: 34px;
		margin-bottom: 30px;
	}

	h4 {
		color: #333;
		font-size: 28px;
	}

	.links {
		padding-top: 60px;
		a {
			width: 300px;
			height: 50px;
			display: inline-block;
			line-height: 50px;
			font-size: 18px;
			color: #434343;
			border-radius: 5px;
			background-color: #fff;
			margin-right: 48px;

			&:last-child {
				margin-right: 0;
			}
		}
	}
}

.personnel-wrap {
	background-color: #fff;
	padding: 78px 0;

	.cityfilter {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 38px;

		> span {
			padding: 0 26px;
			font-size: 18px;
			color: #535952;
		}
		.search {
			border: 1px solid #979797;
			border-radius: 5px;
			width: 200px;
			height: 35px;
			overflow: hidden;
			display: flex;

			input {
				border: none;
				background-color: transparent;
				height: 100%;
				flex: 1;
				padding-left: 10px;
			}

			button {
				border: none;
				background-color: #86C166;
				color: #fff;
				width: 35px;
				line-height: 35px;
				height: 35px;

				> .iconfont {
					font-size: 30px;
				}
			}
		}
	}

	.typefilter {
		margin-bottom: 60px;
		text-align: center;

		label {
			padding: 0 20px;
			font-size: 16px;
			color: #323A40;

			&::before {
				content: "\e727";
				font-style: 'iconfont';
				font-size: 20px;
				vertical-align: middle;
			}

			&.checked::before {
				content: "\e798";
				color: #86C166;
			}
		}
	}

	.see-more a{
		background-color: #fff;
		border: 1px solid #86C166;
		color: #86C166;
		display: inline-block;
		border-radius: 4px;
		font-size: 16px;
		text-align: center;
		margin-top: 40px;
	}
}

.personnel-area {
	display: flex;
	flex-wrap: wrap;;

	.personnel-item {
		width: 287px;
		min-width: 287px;
		height: 287px;
		margin-right: 16px;
		margin-bottom: 16px;
		position: relative;

		&:nth-child(4n) {
			margin-right: 0;
		}

		&:hover {
			box-shadow: 0 0px 20px rgba(0,0,0,0.1);
		}

		> img {
			width: 100%;
			height: 100%;
			display: block;
		}

		.info {
			position: absolute;
			bottom: 0;
			left: 0;
			padding: 0 20px 20px;
			font-size: 14px;
			color: #FFFFFF;

			h3 {
				font-size: 22px;
			}
		}
	}
}

.person-database {
	.ad-link-imgs {
		padding: 92px 0;
		display: flex;

		img {
			width: 100%;
			height: 100%;
			display: block;
		}

		.lf {
			width: 406px;
			height: 287px;
		}
		.rg {
			flex: 1;
			padding-left: 18px;

			a{
				width: 100%;
				height: 88px;
				display: block;
				margin-bottom: 12px;
			}
		}
	}
}

.p-title {
	font-size: 32px;
	height: 60px;
	color: #323A40;
	position: relative;
	text-align: center;

	&::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		background: #E03C8A;
		width: 70px;
		height: 4px;
		display: inline-block;
	}
}

.register-info {
	.info-part {

		.maincenter {

			display: flex;
			justify-content: space-between;
			padding: 64px 0;
		}

		&.gray {
			background: #F6F6F6;

			.txt {
				padding-right: 0;
				padding-left: 140px;
			}
		}

		h1 {
			text-align: left;
			margin-bottom: 40px;
			display: inline-block;
		}

		.txt {
			padding-right: 140px;

			p {
				margin-bottom: 20px;
				font-size: 16px;
				color: #323A40;
			}
		}

		.img-info {
			width: 520px;
			display: block;
		}
	}
}

.members-register {
	padding-top: 64px;
	padding-bottom: 110px;


	ul {
		width: 1200px;
		margin: 0 auto;
		margin-top: 76px;
		display: flex;
	}

	li {
		width: 185px;
		height: 185px;
		margin-right: 20px;

		&:last-child {
			margin-right: 0;
		}

		img {
			width: 100%;
			height: 100%;
			display: block;
		}
	}
}

.register-footer {
	width: 100%;
	max-width: 1920px;
	height: 707px;
	background: url(../images/foot-bg.jpg) center no-repeat;
	background-size: cover;
	color: #fff;

	display: flex;
	align-items: center;

	.p-title {
		font-size: 40px;
		text-shadow: 0 2px 3px rgba(0,0,0,.2);
		margin-bottom: 10px;
		text-align: left;
		color: #fff;

		&::after {
			left: 0;
			transform: translateX(0);
			background-color: #fff;
		}
	}

	p {
		font-size: 16px;
	}

	.btn {
		width: 300px;
		height: 50px;
		background-color: #fff;
		display: inline-block;
		line-height: 50px;
		font-size: 18px;
		margin-top: 20px;
	}
}

.manual-wrap {
	display: flex;
	padding: 60px 0;
	
	.nav-area {
		width: 250px;
		padding: 0 30px 80px;
		background: #fff;
		border-radius: 5px;
		position: relative;
		margin-right: 20px;

		.title {
			text-align: center;
			padding: 20px 0;
			border-bottom: 1px solid #d9dcde;
			font-size: 16px;
			font-weight: 400;
			color: #90989F;
			margin-bottom: 20px;
		}

		dl {
			margin-bottom: 20px;
		}

		dt {
			color: #000000;
			line-height: 30px;
			font-size: 16px;
    		margin-bottom: 10px;

			&::before {
				content: "";
				display: inline-block;
				width: 10px;
				height: 10px;
				border-radius: 50%;
				margin-right: 10px;
				background-color: #F05E1B;
			}
		}
		dd {
			line-height: 30px;

			a {
				color: #777;

				&:hover {
					text-decoration: underline;
				}
			}
		}

	}

	.content-area {
		flex: 1;
		background-color: #fff;
		padding: 0 45px 80px 45px;

		.manual-title {
			text-align: center;
			padding: 20px 0;
			border-bottom: 1px solid #d9dcde;
			font-size: 16px;
			font-weight: 400;
			color: #F05E1B;
			margin-bottom: 20px;
		}

		.content-box {
			p {
				margin-bottom: 30px;
			}
		}
	}
}

.about-banner {
	width: 100%;

	img {
		max-width: 1920px;
		width: 100%;
	}
}
.about-text-wrap  {
	background-color: #fff;
	padding: 40px 0;
	line-height: 24px;
}
.about-text-wrap .title {
	font-size: 20px;
	text-align: center;
	font-weight: 600;
	margin-bottom: 20px;
}