diff --git a/static/img_eg/ex_img/Differential_expression_analysis.PNG b/static/img_eg/ex_img/Differential_expression_analysis.PNG
new file mode 100644
index 0000000..0b9944a
Binary files /dev/null and b/static/img_eg/ex_img/Differential_expression_analysis.PNG differ
diff --git a/static/img_eg/ex_img/genbank.png b/static/img_eg/ex_img/genbank.png
index f6927d6..36f5210 100644
Binary files a/static/img_eg/ex_img/genbank.png and b/static/img_eg/ex_img/genbank.png differ
diff --git a/static/img_eg/ex_img/gff.png b/static/img_eg/ex_img/gff.png
new file mode 100644
index 0000000..37aa62a
Binary files /dev/null and b/static/img_eg/ex_img/gff.png differ
diff --git a/templates/tools/Basics.html b/templates/tools/Basics.html
index 3a45517..d8081fb 100644
--- a/templates/tools/Basics.html
+++ b/templates/tools/Basics.html
@@ -1,3 +1,4 @@
+<link href="/static/css/pictures.css" rel="stylesheet"/>
 <div class="layui-bg-gray" style="float: left; padding: 30px; width:45%">
 
     <div class="layui-panel">
@@ -21,6 +22,13 @@
                                 <button type="button" class="layui-btn layui-btn-normal" id="select_fa">select file
                                 </button>
 
+                                <div type="button" class="example_box" style="float: right;margin-top: 14px;" id="example_blast_seq">
+                                    <a href="#">
+                                        <span>example seq file</span>
+                                        <img src="/static/img_eg/ex_img/fasta.png" style="z-index: 999;" alt="Can't Display">
+                                    </a>
+                                </div>
+
                             </div>
                         </div>
 
@@ -126,11 +134,6 @@
                         <div style="margin-left: 30px;">
                             <p style="font-size: 20px">
                                 Basic file processing tools
-                                <br>
-                            <h2>example file</h2>
-                            <img src="static/img_eg/ex_img/fasta.png" style="width: 90%">
-
-
                             </p>
                         </div>
                     </div>
diff --git a/templates/tools/Differential_expression_analysis.html b/templates/tools/Differential_expression_analysis.html
index dfbbe51..53cf7ec 100644
--- a/templates/tools/Differential_expression_analysis.html
+++ b/templates/tools/Differential_expression_analysis.html
@@ -1,3 +1,4 @@
+<link href="/static/css/pictures.css" rel="stylesheet"/>
 <div class="layui-bg-gray" style="float: left; padding: 30px; width:45%">
 
     <div class="layui-panel">
@@ -16,6 +17,12 @@
 
                         <div class="layui-upload">
                             <button type="button" class="layui-btn layui-btn-normal" id="testList">选择多文件</button>
+                            <div type="button" class="example_box" style="float: right;margin-top: 14px;" id="example_blast_seq">
+                                    <a href="#">
+                                        <span>example seq file</span>
+                                        <img src="/static/img_eg/ex_img/Differential_expression_analysis.PNG" style="z-index: 999;" alt="Can't Display">
+                                    </a>
+                                </div>
                             <div class="layui-upload-list" style="max-width: 1000px;">
                                 <table class="layui-table">
                                     <colgroup>
@@ -62,34 +69,6 @@
                     <li class="layui-this">function</li>
                 </ul>
 
-                <div class="layui-tab-content">
-                    <div class="layui-tab-item layui-show">
-                        <div style="margin-left: 30px;">
-                            <p style="font-size: 20px">
-
-                            <h2>Group file suffix is group</h2><br>
-                            <h3>The first column is the sample name, and the second column is the duplicate of the
-                                sample</h3>
-                            <br>
-                            <img src="static/img_eg/ex_img/分组.png" style="width: 90%">
-                            <h4></h4>
-                            <h2>The suffix of the statistics file is con</h2>
-                            <h3>The expression amount of each sample was not standardized</h3>
-                            <br>
-                            <img src="static/img_eg/ex_img/count.png" style="width: 90%">
-                            <h4></h4>
-                            <br>
-                            <h2>The suffix of the comparison file is TXT</h2>
-                            <h3>The first column is the comparison group and the second column is the reference
-                                group</h3>
-                            <br>
-                            <img src="static/img_eg/ex_img/pk.png" style="width: 90%">
-
-
-                            </p>
-                        </div>
-                    </div>
-                </div>
             </div>
 
         </div>
diff --git a/templates/tools/clustalx.html b/templates/tools/clustalx.html
deleted file mode 100644
index e69de29..0000000
diff --git a/templates/tools/genbank_to_fasta.html b/templates/tools/genbank_to_fasta.html
index 8158bed..3d20b2e 100644
--- a/templates/tools/genbank_to_fasta.html
+++ b/templates/tools/genbank_to_fasta.html
@@ -1,3 +1,4 @@
+<link href="/static/css/pictures.css" rel="stylesheet"/>
 <div class="layui-bg-gray" style="float: left; padding: 30px; width:45%">
 
     <div class="layui-panel">
@@ -20,6 +21,14 @@
 
                                 <button type="button" class="layui-btn layui-btn-normal" id="select_gen">select file
                                 </button>
+
+                                <div type="button" class="example_box" style="float: right;margin-top: 14px;" id="example_blast_seq">
+                                    <a href="#">
+                                        <span>example seq file</span>
+                                        <img src="/static/img_eg/ex_img/genbank.png" style="z-index: 999;" alt="Can't Display">
+                                    </a>
+                                </div>
+
                                 <div id="down">
 
                                     <button type="button" class="layui-btn" id="gen_to_fa_run">run</button>
diff --git a/templates/tools/gff_to_gtf.html b/templates/tools/gff_to_gtf.html
index f3b76e7..1ce35a0 100644
--- a/templates/tools/gff_to_gtf.html
+++ b/templates/tools/gff_to_gtf.html
@@ -1,3 +1,4 @@
+<link href="/static/css/pictures.css" rel="stylesheet"/>
 <div class="layui-bg-gray" style="float: left; padding: 30px; width:45%">
 
     <div class="layui-panel">
@@ -20,6 +21,14 @@
 
                                 <button type="button" class="layui-btn layui-btn-normal" id="select_gff">select file
                                 </button>
+
+                                <div type="button" class="example_box" style="float: right;margin-top: 14px;" id="example_blast_seq">
+                                    <a href="#">
+                                        <span>example seq file</span>
+                                        <img src="/static/img_eg/ex_img/gff.png" style="z-index: 999;" alt="Can't Display">
+                                    </a>
+                                </div>
+
                                 <div id="down">
 
                                     <button type="button" class="layui-btn" id="gff_run">run</button>
diff --git a/templates/tools/orf.html b/templates/tools/orf.html
index 65a0880..0a908c3 100644
--- a/templates/tools/orf.html
+++ b/templates/tools/orf.html
@@ -1,3 +1,4 @@
+<link href="/static/css/pictures.css" rel="stylesheet"/>
 <div class="layui-bg-gray" style="float: left; padding: 30px; width:45%">
 
     <div class="layui-panel">
@@ -21,6 +22,14 @@
                                 <button type="button" class="layui-btn layui-btn-normal" id="select_orf">select file
                                 </button>
 
+                                <div type="button" class="example_box" style="float: right;margin-top: 14px;" id="example_blast_seq">
+                                    <a href="#">
+                                        <span>example seq file</span>
+                                        <img src="/static/img_eg/ex_img/fasta.png" style="z-index: 999;" alt="Can't Display">
+                                    </a>
+                                </div>
+
+
                             </div>
                         </div>
 
@@ -132,11 +141,7 @@
                     <div class="layui-tab-item layui-show">
                         <div style="margin-left: 30px;">
                             <p style="font-size: 20px">
-
                                 Find the open reading frame in the sequence
-                                <br>
-                            <h2>example file</h2>
-                            <img src="static/img_eg/ex_img/fasta.png" style="width: 90%">
                             </p>
                         </div>
                     </div>