diff --git a/src/pages/exchangepage/edittemplate/main.js b/src/pages/exchangepage/edittemplate/main.js
index ab81331f..61d3053d 100644
--- a/src/pages/exchangepage/edittemplate/main.js
+++ b/src/pages/exchangepage/edittemplate/main.js
@@ -467,8 +467,8 @@ export default class edittemplate extends React.Component{
 				  </div>
 				   <div className="center" id="center">
 				   <img  id="center-img"   src={this.state.model.images[1]} />
-				   <input className="key" maxlength="16" placeholder="请输入key" />
-				   <input className="code"  maxlength="6"  placeholder="请输入验证码" />
+				   <input className="key" maxlength="16" placeholder="请输入key"   style={{"background-color":this.state.model.bg_color}} />
+				   <input className="code"  maxlength="6"  placeholder="请输入验证码"  style={{"background-color":this.state.model.bg_color}} />
 				   <div className="submit"></div>
 				   </div>
 				    <div className="bottom">
diff --git a/src/pages/exchangepage/edittemplate/main.less b/src/pages/exchangepage/edittemplate/main.less
index 62043a74..a321c7c5 100644
--- a/src/pages/exchangepage/edittemplate/main.less
+++ b/src/pages/exchangepage/edittemplate/main.less
@@ -7581,25 +7581,26 @@ body.hide-all-hot-area .xj-hotarea {
 		.key{
 			position: absolute;
 			top: 38px;
-			left: 50%;
+			left: 55%;
 			width:200px;
 			height: 30px;
 			z-index: 2;
+			
 			margin-left: -90px;
-			background-color: #f3f5f7;
+			
 			border: none;
 			outline: none;
 			font-size: 14px;
 		}
 		.code{
 			position: absolute;
-			top:88px;
+			top:90px;
 			left: 50%;
 			width: 100px;
-			height: 36px;
+			height: 30px;
 			z-index: 2;
 			margin-left: -72px;
-			background-color: #f3f5f7;
+			
 			border: none;
 			outline: none;
 			font-size: 14px;
diff --git a/src/pages/exchangepage/template/preview.js b/src/pages/exchangepage/template/preview.js
index 0f5870dc..c269efaa 100644
--- a/src/pages/exchangepage/template/preview.js
+++ b/src/pages/exchangepage/template/preview.js
@@ -260,8 +260,8 @@ export default class acclist extends React.Component{
 	  			</div>
 	  			<div className="center" id="preview-center">
 	  			<img  id="preview-center-img"  src={this.props.data.images[1]} style={{"position": "absolute","z-index": "1"}}/>
-	  			<input className="key" maxlength="16" placeholder="请输入key" />
-	  			<input className="code"  maxlength="6"  placeholder="请输入验证码" />
+	  			<input className="key" maxlength="16" placeholder="请输入key"  style={{"background-color":this.props.data.bg_color}}/>
+	  			<input className="code"  maxlength="6"  placeholder="请输入验证码"   style={{"background-color":this.props.data.bg_color}}/>
 	  			<div className="submit"></div>
 	  			</div>
 	  			 <div className="bottom">
diff --git a/src/pages/exchangepage/template/preview.less b/src/pages/exchangepage/template/preview.less
index a4a75d63..87d68785 100644
--- a/src/pages/exchangepage/template/preview.less
+++ b/src/pages/exchangepage/template/preview.less
@@ -31,7 +31,7 @@
 			.key{
 				position: absolute;
 				top: 38px;
-				left: 50%;
+				left: 55%;
 				width:200px;
 				height: 30px;
 				z-index: 2;
@@ -43,10 +43,10 @@
 			}
 			.code{
 				position: absolute;
-				top:88px;
+				top:90px;
 				left: 50%;
 				width: 100px;
-				height: 36px;
+				height: 30px;
 				z-index: 2;
 				margin-left: -72px;
 				background-color: #f3f5f7;