<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.ml20 {
	margin-left: 20px
}

@media (min-width: 768px) {
	.transform-banner {
		height: 697px
	}
	
	.transform-banner .btn-join span {
		width: 279px;
		height: 82px;
		line-height: 78px;
		font-size: 28px;
		border: 2px solid #000
	}
	
	.transform-banner .btn-join span:after {
		width: 50px;
		height: 40px;
		margin-top: -2px
	}
	
	.transform-about {
		margin: 66px auto
	}
	
	.transform-about h1 {
		font-size: 30px;
		margin: 18px auto
	}
	
	.transform-about i {
		width: 50px;
		height: 2px
	}
	
	.transform-about h3 {
		font-size: 18px;
		margin: 18px auto
	}
	
	.transform-about img {
		margin: 42px auto
	}
	
	.transform-about p {
		font-size: 20px;
		line-height: 36px;
		padding: 0 0 40px
	}
	
	.transform-step {
		height: 699px
	}
	
	.transform-step .steps img {
		width: 156px
	}
	
	.transform-step .steps em {
		font-size: 20px;
		height: 20px;
		line-height: 20px;
		font-weight: 700;
		margin: 18px auto
	}
	
	.transform-step .steps p {
		font-size: 18px;
		height: 18px;
		line-height: 18px;
		margin: 34px 0
	}
	
	.transform-step .step-btn {
		width: 227px;
		height: 64px;
		line-height: 60px;
		border: 2px solid #fff;
		font-size: 20px;
		margin: 52px auto
	}
}

@media (max-width: 767px) {
	.transform-banner {
		height: 345px
	}
	
	.transform-banner .btn-join span {
		width: 168px;
		height: 49px;
		line-height: 47px;
		font-size: 19px;
		border: 1px solid #000
	}
	
	.transform-banner .btn-join span:after {
		width: 30px;
		height: 40px;
		background-size: 16px !important;
		margin-top: -2px
	}
	
	.transform-about {
		margin: 33px auto
	}
	
	.transform-about h1 {
		font-size: 28px;
		margin: 18px auto
	}
	
	.transform-about i {
		width: 48px;
		height: 2px
	}
	
	.transform-about h3 {
		font-size: 14px;
		margin: 18px auto
	}
	
	.transform-about img {
		margin: 28px auto
	}
	
	.transform-about p {
		font-size: 18px;
		line-height: 36px;
		margin: 22px 0 50px;
		text-align: left
	}
	
	.transform-step {
		height: 1273px
	}
	
	.transform-step .transform-about {
		margin: 66px auto
	}
	
	.transform-step .steps img {
		width: 156px
	}
	
	.transform-step .steps em {
		font-size: 18px;
		height: 18px;
		line-height: 18px;
		font-weight: 700;
		margin: 18px auto
	}
	
	.transform-step .steps p {
		font-size: 17px;
		height: 18px;
		line-height: 18px;
		margin: 33px 0 60px;
		display: block
	}
	
	.transform-step .step-btn {
		width: 227px;
		height: 64px;
		line-height: 60px;
		border: 2px solid #fff;
		font-size: 20px;
		margin: 20px auto
	}
}

.transform-about i, .transform-step .steps img {
	margin: auto;
	display: block
}

.transform-banner {
	background: url(/images/user/transform/bg.jpg?0d50b19a48cf49652e5dc85d5ca799a8) center no-repeat;
	background-size: cover;
	text-align: center
}

.transform-banner .btn-join {
	height: 100%
}

.transform-banner .btn-join i {
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.transform-banner .btn-join span {
	text-align: center;
	color: #fff;
	background: #262d35;
	vertical-align: middle;
	display: inline-block;
	box-sizing: border-box
}

.transform-banner .btn-join span:after {
	content: '';
	display: inline-block;
	background: url(/images/user/transform/icon_right.png?b6ef47c4df882f928473cf9accf6b648) center no-repeat;
	vertical-align: middle
}

.transform-about {
	text-align: center
}

.transform-about i {
	background-color: #ffc814
}

.transform-step {
	background: url(/images/user/transform/bg_step.jpg?d8fcbe9a18316d4094cf6948d1396f6c) center no-repeat;
	background-size: cover;
	text-align: center
}

.transform-step .steps em {
	color: #ffc814;
	display: block
}

.transform-step .steps p {
	color: #fff;
	padding: 0
}

.transform-step .step-btn {
	text-align: center;
	box-sizing: border-box;
	color: #fff;
	display: inline-block
}

.wrapper .transform-form .row.form-line .form-piece-title, .wrapper .transform-form .row.form-line .transform-choose-item label .item-desc h4 {
	color: #333
}

@media (min-width: 992px) {
	.transform-form {
		width: 941px
	}
	
	.transform-form .form-banner {
		height: 302px;
		background: url(/images/user/transform/form_banner.jpg?a8cab2167c277eece71507cacc8563ae) center no-repeat
	}
	
	.transform-form .form-area-title {
		margin: 36px 0 9px
	}
	
	.transform-form .form-area-title i {
		height: 20px;
		width: 5px;
		margin-right: 10px
	}
	
	.transform-form .form-area-title h4 {
		height: 20px;
		line-height: 20px;
		font-size: 20px
	}
	
	.transform-form .row.form-line {
		margin: 0 -15px 24px
	}
	
	.transform-form .row.form-line .form-piece-title {
		font-size: 13px;
		height: 13px;
		line-height: 13px;
		margin: 0 0 16px
	}
	
	.transform-form .row.form-line .form-piece-title.right {
		width: 400px;
		float: right
	}
	
	.transform-form .row.form-line textarea {
		width: 941px;
		height: 152px;
		padding: 13px;
		line-height: 26px;
		font-size: 13px
	}
	
	.transform-form .row.form-line input[type=text] {
		width: 400px;
		height: 56px;
		padding: 0 13px;
		line-height: 54px;
		font-size: 13px
	}
	
	.transform-form .row.form-line input[type=text].right {
		float: right
	}
	
	.transform-form .row.form-line .transform-choose-item {
		padding: 15px
	}
	
	.transform-form .row.form-line .transform-choose-item.skin label {
		height: 140px
	}
	
	.transform-form .row.form-line .transform-choose-item.skin label .item-icon {
		height: 110px
	}
	
	.transform-form .row.form-line .transform-choose-item.body label {
		height: 195px
	}
	
	.transform-form .row.form-line .transform-choose-item.body label .item-icon {
		height: 140px
	}
	
	.transform-form .row.form-line .transform-choose-item.style label {
		height: 106px;
		cursor: pointer
	}
	
	.transform-form .row.form-line .transform-choose-item.style label .item-icon {
		height: 106px
	}
	
	.transform-form .row.form-line .transform-choose-item .item-desc {
		margin-top: 10px
	}
	
	.transform-form .row.form-line .transform-choose-item h4 {
		font-size: 16px;
		height: 20px;
		line-height: 20px
	}
	
	.transform-form .row.form-line .transform-choose-item h5 {
		font-size: 14px;
		height: 15px;
		line-height: 15px;
		margin: 10px 0 0
	}
	
	.transform-form .row.form-line .transform-choose-item input[type=radio] {
		left: 15px;
		top: 33%
	}
	
	.transform-form .row.form-line .transform-choose-item i.item-mark {
		width: 25px;
		height: 25px;
		top: 25px;
		right: 25px;
		background-position: -50px 0 !important
	}
	
	.transform-form .row.form-line .transform-choose-item i.item-mark.active {
		background-position: 0 0 !important
	}
	
	.transform-form .row.form-line .form-upload .upload-area {
		width: 219px;
		height: 224px;
		margin-right: 24px
	}
	
	.transform-form .row.form-line .form-upload .upload-area label .upload-area-bg {
		background: url(/images/user/transform/camera.png?0085db18dbda9cadcb1e2d5b2447684a) center 50px no-repeat;
		font-size: 15px;
		padding-top: 130px
	}
	
	.transform-form-bar {
		height: 72px;
		line-height: 72px
	}
	
	.transform-form-bar .transform-form {
		height: 72px;
		text-align: right
	}
	
	.transform-form-bar .transform-form .form-price {
		font-size: 24px;
		margin-right: 20px
	}
	
	.transform-form-bar .transform-form .btn-pay {
		width: 126px;
		height: 50px;
		line-height: 50px;
		font-size: 16px
	}
	
	.transform-clear {
		height: 144px
	}
}

@media (max-width: 991px) {
	.transform-form {
		width: 100%
	}
}

.wrapper {
	user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none
}

.wrapper .transform-form {
	margin: 0 auto;
	overflow: hidden;
	padding: 0
}

.wrapper .transform-form .form-area-title {
	text-align: center
}

.wrapper .transform-form .form-area-title i {
	display: inline-block;
	vertical-align: middle;
	background: linear-gradient(#ffa179, #ffc814)
}

.wrapper .transform-form .form-area-title h4 {
	color: #333;
	text-align: center;
	vertical-align: middle;
	display: inline-block
}

.wrapper .transform-form .row.form-line input[type=text], .wrapper .transform-form .row.form-line textarea {
	box-sizing: border-box;
	border: 1px solid #d1d1d1
}

.wrapper .transform-form .row.form-line textarea {
	resize: none
}

.wrapper .transform-form .row.form-line .transform-choose-item {
	position: relative
}

.wrapper .transform-form .row.form-line .transform-choose-item label {
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-size: 0;
	margin: 0
}

.wrapper .transform-form .row.form-line .transform-choose-item label .item-desc {
	width: 100%;
	text-align: center
}

.wrapper .transform-form .row.form-line .transform-choose-item label .item-desc h5 {
	color: #999
}

.wrapper .transform-form .row.form-line .transform-choose-item input[type=radio] {
	position: absolute
}

.wrapper .transform-form .row.form-line .transform-choose-item i.item-mark {
	position: absolute;
	background: url(/images/user/transform/mark.png?ceb6c189d0c73eb5fdda35f1aea93ffe) center no-repeat
}

.wrapper .transform-form .row.form-line .form-upload {
	font-size: 0
}

.wrapper .transform-form .row.form-line .form-upload .upload-area {
	border: 1px dashed #c9c9c9;
	box-sizing: border-box;
	border-radius: 5px;
	display: inline-block;
	cursor: pointer;
	overflow: hidden
}

.wrapper .transform-form .row.form-line .form-upload .upload-area label {
	width: 100%;
	height: 100%;
	font-weight: 400;
	position: relative;
	cursor: pointer
}

.wrapper .transform-form .row.form-line .form-upload .upload-area label .upload-area-bg {
	width: 100%;
	height: 100%;
	text-align: center;
	color: #abaeb2
}

.wrapper .transform-form .row.form-line .form-upload .upload-area label .upload-view {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: 0 0
}

.wrapper .transform-form-bar {
	width: 100%;
	background-color: #e5e5e5;
	position: fixed;
	bottom: 0
}

.wrapper .transform-form-bar .transform-form {
	overflow: hidden;
	font-size: 0
}

.wrapper .transform-form-bar .transform-form span {
	vertical-align: middle
}

.wrapper .transform-form-bar .transform-form .form-price {
	color: #333;
	font-weight: 700
}

.wrapper .transform-form-bar .transform-form .btn-pay {
	text-align: center;
	color: #fff;
	display: inline-block;
	cursor: pointer
}

.wrapper .transform-form-bar .transform-form .btn-pay.wechat {
	background-color: #04c002
}

.wrapper .transform-form-bar .transform-form .btn-pay.alipay {
	background-color: #00abf3
}

.wrapper .transform-form-bar .transform-form .btn-pay.active
{
	background-color: #999 !important;
}

.wrapper .transform-clear {
	width: 100%;
	display: block
}

.wrapper iframe {
	width: 100%;
	height: 500px;
	border: 1px solid #d1d1d1
}</pre></body></html>