diff --git a/packages/shell-chrome/assets/css/tran.css b/packages/shell-chrome/assets/css/tran.css
index a046103..d25d0ae 100644
--- a/packages/shell-chrome/assets/css/tran.css
+++ b/packages/shell-chrome/assets/css/tran.css
@@ -1,15 +1,75 @@
-#inputLang{
-    width: 250px;
-    height: 150px;
+*{
+    margin: 0;
+    padding: 0;
+  }
+#trans{
+  width: 280px;
+  height: 490px;
+  float: left;
+  margin-left: 10px;
+  background-color: rgb(251, 252, 250);
 }
-#outPutRes{
-    width: 250px;
-    height: 150px;
-    background-color: rgb(243, 243, 243);
+#trans_header{
+  width: 300px;
+  height: 40px;
+  background-color:#06abf8;
+  margin-left: -10px;
+  border:2px solid #06abf8;
+  border-radius:25px 25px 0px 0px;
+  text-align: center;
+  line-height: 40px;
+  font-size: 20px;
+  color: azure;
+  font-weight:bold
+}
+#deleteTrans{
+  width: 25px;
+  height: 25px;
+  background-color: azure;
+  font-size: 15px;
+  color: rgb(161, 165, 165);
+  border:2px solid #06abf8;
+  border-radius:25px;
+  float: right;
+  margin-top: 8px;
+  margin-right: 10px;
+}
+.LangSelectCss{
+width: 120px;
+height: 30px;
+text-align: center;
+line-height: 40px;
+border:none
+}
+.LangSelectCssOption{
+  border: none;
+}
+#inputLang{
+  margin-top:3px;
+  width: 275px;
+  height: 170px;
+  margin-bottom: 10px;
+}
+#middleTans{
+  font-size: 15px;
+  margin-bottom: 5px;
 }
 #LangType{
-    display: inline-block
+    display: inline-block;
+    line-height: 30px;
 }
 #tranbtn{
-    display: inline-block
+    width: 70px;
+    height: 30px;
+    display: inline-block;
+    float: right;
+    margin-right:15px;
+    background-color: #06abf8;
+    font-size: 18px;
+    border:2px solid #06abf8;
+    border-radius:10px;
+    color: azure;
+}
+#outPutRes{
+   
 }
\ No newline at end of file
diff --git a/packages/shell-chrome/assets/js/translate/tran.js b/packages/shell-chrome/assets/js/translate/tran.js
index cffab11..680b450 100644
--- a/packages/shell-chrome/assets/js/translate/tran.js
+++ b/packages/shell-chrome/assets/js/translate/tran.js
@@ -5,33 +5,43 @@ if (typeof (BitTarnsDiv) !== "undefined") {
 var BitTarnsDiv = document.createElement("div")
 BitTarnsDiv.id = "BitTarnsDivId"
 document.body.appendChild(BitTarnsDiv)
-BitTarnsDiv.style.backgroundColor = "red"
-BitTarnsDiv.style.height = "450px"
+BitTarnsDiv.style.backgroundColor = "RGB(238,237,237)"
+BitTarnsDiv.style.height = "500px"
 BitTarnsDiv.style.width = "300px"
 BitTarnsDiv.style.zIndex = 99999
 BitTarnsDiv.style.position = "fixed"
 BitTarnsDiv.style.right = '10px'
 BitTarnsDiv.style.top = '50px'
 BitTarnsDiv.style.float = 'right'
+BitTarnsDiv.style.border = '2px solid RGB(238,237,237)'
+BitTarnsDiv.style.borderRadius = '25px'
 
 
 BitTarnsDiv.innerHTML = `
- <div id = 'trans'>
-            <select id="inputLangSelect">
-            <option value="auto">自动检测语言</option>
-            <option value="zh">简体中文</option>
-            <option value="en">English</option>
-            </select>
-          <select id="outLangSelect">
-            <option value="zh">简体中文</option>
-            <option value="en">English</option>
-            </select>
-            <button id="deleteTrans">关闭</button>
-          <input type="text" id="inputLang" value="" placeholder="请输入翻译内容"  >
-          <br>
-            自动检测语言：<p id="LangType"></p><button id="tranbtn">翻译</button>
-          <hr>
-        <p id="outPutRes"></p>
+<div id='trans'>
+<div id="trans_header">
+  学生助手--翻译小帮手
+  <button id="deleteTrans">X</button>
+</div>
+<select id="inputLangSelect" class="LangSelectCss"> 
+  <option class="LangSelectCssOption" value="auto">自动检测语言</option>
+  <option class="LangSelectCssOption" value="zh">简体中文</option>
+  <option class="LangSelectCssOption" value="en">English</option>
+</select>
+=>
+<select id="outLangSelect" class="LangSelectCss">
+  <option class="LangSelectCssOption" value="zh">简体中文</option>
+  <option class="LangSelectCssOption" value="en">English</option>
+</select>
+
+<input type="text" id="inputLang" value="" placeholder="请输入翻译内容">
+<br>
+<div id="middleTans">
+  自动检测语言：<p id="LangType">English</p><button id="tranbtn">翻译</button>
+  
+</div>
+<hr>
+<p id="outPutRes"></p>
 </div>
  `