diff --git a/themes/project/layouts/partials/nav.html b/themes/project/layouts/partials/nav.html
index 56f5ab63520cdcd96fed66d00433c30617252b0e..d7ac98db88884598ab3114487c903df59eab8810 100644
--- a/themes/project/layouts/partials/nav.html
+++ b/themes/project/layouts/partials/nav.html
@@ -1,10 +1,12 @@
 <!--h5 -->
 <div class="isH5 isPad">
-  <h2><a class="navbar-brand home" href="/">
-      <img src="/img/openeuler.png" alt="openEuler logo" class="hidden-xs hidden-sm">
-      <img src="/img/openeuler.png" alt="openEuler logo" class="visible-xs visible-sm">
-      <span class="sr-only">openEuler - go to homepage</span>
-    </a></h2>
+  <h2>
+    <a class="navbar-brand home" href="{{ .Site.BaseURL }}">
+      <img src="{{ .Site.BaseURL }}{{ .Site.Params.logo }}" alt="{{ .Title }} logo" class="hidden-xs hidden-sm">
+      <img src="{{ .Site.BaseURL }}{{ .Site.Params.logo_small }}" alt="{{ .Title }} logo" class="visible-xs visible-sm">
+      <span class="sr-only">{{ .Title }} - {{ i18n "navHome" }}</span>
+    </a>
+  </h2>
   <ul class="topbar">
     <li class="search">
       <img src="/img/earth.svg">
@@ -20,7 +22,6 @@
     <p class="second_menu" onclick="getList('secondMenu')">COMMUNITY
       <i></i>
     </p>
-
     <div class="menu_list" id="second_menu">
       <p class="list">NEWS</p>
       <p class="list">UPCOMING EVENTS</p>
diff --git a/themes/project/static/css/custommobile.css b/themes/project/static/css/custommobile.css
index 67a036bf342091de23a87e1e3f0f69dad5a87fc3..3eae123bc39acde7e5bf344fb47c3daa7f6a8102 100644
--- a/themes/project/static/css/custommobile.css
+++ b/themes/project/static/css/custommobile.css
@@ -12,6 +12,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
+    height: 0.8rem;
   }
 
   header .topbar {
@@ -48,7 +49,7 @@
   }
   header #nav {
     position: absolute;
-    top: 51px;
+    top: 41px;
     left: 0;
     width: 100%;
     display: none;
diff --git a/themes/project/static/img/2_hover.svg b/themes/project/static/img/2_hover.svg
index fd0cae6bbf976cbd3e4c1ddd4547cc4f0a218370..98c9e2dce952bdb58f98d2f0d640fbc1862ea8c4 100644
--- a/themes/project/static/img/2_hover.svg
+++ b/themes/project/static/img/2_hover.svg
@@ -1,17 +1,19 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="67px" height="47px" viewBox="0 0 67 47" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
-    <title>编组 7</title>
-    <desc>Created with Sketch.</desc>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="openSDS备份-6" transform="translate(-664.000000, -443.000000)" fill-rule="nonzero">
-            <g id="编组-7" transform="translate(664.000000, 443.000000)">
-                <path d="M56.5,22 C52.9101491,22 50,19.0898509 50,15.5 C50,11.9101491 52.9101491,9 56.5,9 C58.2239072,9 59.8772076,9.68481946 61.0961941,10.9038059 C62.3151805,12.1227924 63,13.7760928 63,15.5 C63,19.0898509 60.0898509,22 56.5,22 Z M67,34.632274 C67,28.7602312 62.2989899,24 56.5,24 C50.7010101,24 46,28.7602312 46,34.632274 L46,41 L67,41 L67,34.632274 Z" id="形状" fill="#FFFFFF"></path>
-                <path d="M17,15.5 C17,19.0898509 14.0898509,22 10.5,22 C6.91014913,22 4,19.0898509 4,15.5 C4,11.9101491 6.91014913,9 10.5,9 C12.2239072,9 13.8772076,9.68481946 15.0961941,10.9038059 C16.3151805,12.1227924 17,13.7760928 17,15.5 Z M21,34.4081633 C21,28.6598934 16.2989899,24 10.5,24 C4.70101013,24 0,28.6598934 0,34.4081633 L0,41 L21,41 L21,34.4081633 Z" id="形状" fill="#FFFFFF"></path>
-                <path d="M30,19.0724638 C24.5016985,19.0724638 20.0444444,14.8029473 20.0444444,9.53623188 C20.0444444,4.26951644 24.5016985,0 30,0 C35.4983015,0 39.9555556,4.26951644 39.9555556,9.53623188 C39.9555556,14.8029473 35.4983015,19.0724638 30,19.0724638 Z M46,37.1231884 C46,28.6588243 38.836556,21.7971014 30,21.7971014 C21.163444,21.7971014 14,28.6588243 14,37.1231884 L14,47 L46,47 L46,37.1231884 Z" id="形状" fill="#467FBF"></path>
-                <path d="M38,19.0724638 C32.5016985,19.0724638 28.0444444,14.8029473 28.0444444,9.53623188 C28.0444444,4.26951644 32.5016985,0 38,0 C43.4983015,0 47.9555556,4.26951644 47.9555556,9.53623188 C47.9555556,14.8029473 43.4983015,19.0724638 38,19.0724638 Z M54,37.1231884 C54,28.6588243 46.836556,21.7971014 38,21.7971014 C29.163444,21.7971014 22,28.6588243 22,37.1231884 L22,47 L54,47 L54,37.1231884 Z" id="形状" fill="#467FBF"></path>
-                <path d="M34,21.0724638 C28.5016985,21.0724638 24.0444444,16.8029473 24.0444444,11.5362319 C24.0444444,6.26951644 28.5016985,2 34,2 C39.4983015,2 43.9555556,6.26951644 43.9555556,11.5362319 C43.9555556,16.8029473 39.4983015,21.0724638 34,21.0724638 Z M50,39.1231884 C50,30.6588243 42.836556,23.7971014 34,23.7971014 C25.163444,23.7971014 18,30.6588243 18,39.1231884 L18,46 L50,46 L50,39.1231884 Z" id="形状" fill="#FFFFFF"></path>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 67 47" style="enable-background:new 0 0 67 47;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<g>
+	<path class="st0" d="M10.5,22c3.6,0,6.5-2.9,6.5-6.5c0-1.7-0.7-3.4-1.9-4.6S12.2,9,10.5,9C6.9,9,4,11.9,4,15.5S6.9,22,10.5,22z"/>
+	<path class="st0" d="M14,37.1c0-3.9,1.5-7.4,3.9-10.1C16,25.2,13.4,24,10.5,24C4.7,24,0,28.7,0,34.4V41h14V37.1z"/>
+</g>
+<g>
+	<path class="st0" d="M56.5,22c3.6,0,6.5-2.9,6.5-6.5c0-1.7-0.7-3.4-1.9-4.6S58.2,9,56.5,9c-3.6,0-6.5,2.9-6.5,6.5S52.9,22,56.5,22z
+		"/>
+	<path class="st0" d="M56.5,24c-2.6,0-5,1-6.9,2.6C52.3,29.4,54,33,54,37.1V41h13v-6.4C67,28.8,62.3,24,56.5,24z"/>
+</g>
+<path id="形状_4_" class="st0" d="M34,21.1c-5.5,0-10-4.3-10-9.5S28.5,2,34,2s10,4.3,10,9.5S39.5,21.1,34,21.1z M50,39.1
+	c0-8.5-7.2-15.3-16-15.3s-16,6.9-16,15.3V46h32V39.1z"/>
+</svg>
diff --git a/themes/project/static/img/3_hover.svg b/themes/project/static/img/3_hover.svg
index 70daccfebcf509016b1493768a31c93f5a255cc6..f93deb9cba3fa617a7bd1aaec415c6c8c3387b0c 100644
--- a/themes/project/static/img/3_hover.svg
+++ b/themes/project/static/img/3_hover.svg
@@ -1,42 +1,42 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="83px" height="41px" viewBox="0 0 83 41" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
-    <title>编组</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <polygon id="path-1" points="0.168756607 0.00884563953 9.31865248 0.00884563953 9.31865248 10.4389535 0.168756607 10.4389535"></polygon>
-        <polygon id="path-3" points="0.0516974767 0.0988953488 14.1202582 0.0988953488 14.1202582 25.9825552 0.0516974767 25.9825552"></polygon>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="openSDS备份-6" transform="translate(-939.000000, -449.000000)">
-            <g id="编组" transform="translate(939.000000, 449.000000)">
-                <polygon id="Fill-1" fill="#FFFFFF" points="0.521678079 22.4453593 12.1156267 27.2605212 20.24279 5.58468292 9.29311913 1.23954489"></polygon>
-                <g transform="translate(16.000000, 0.000000)">
-                    <path d="M6.9298167,6.27271221 L0.0464806325,26.532157 L3.48814866,26.532157 L25.6778505,39.7182035 L28.0627453,39.7182035 L29.75351,37.6425 L29.75351,35.3228547 L32.8932169,36.7879709 C32.8932169,36.7879709 36.3953858,36.7879709 36.7576667,34.4681424 C37.1199475,32.148314 36.1537445,31.7820349 36.1537445,31.7820349 C36.1537445,31.7820349 39.8973736,34.5902965 41.950238,32.6367471 C44.0032836,30.6831977 42.9164411,29.7065145 42.7956204,28.6076773 C42.6747997,27.5088401 45.9353273,30.6831977 47.2638112,28.6076773 C48.5921139,26.532157 50.1174974,22.3598721 32.9334301,11.000093 C29.7937231,8.92438953 24.5004377,13.8955291 24.5004377,13.8955291 C24.5004377,13.8955291 17.0736804,16.398314 15.7451965,12.1251192 C14.4168938,7.85192442 16.4697582,6.27271221 16.4697582,6.27271221 L6.9298167,6.27271221 Z" id="Fill-2" fill="#FFFFFF"></path>
-                    <path d="M35.8111899,0.343111919 C35.2735651,0.211800872 31.8213909,0.0821380814 31.2988008,0.264911337 C28.4621418,1.25661192 21.1047612,3.98612355 19.2560421,6.99712064 C17.082357,10.5379404 21.1871801,12.1612892 23.2400445,10.574202 C24.4602064,9.63066715 26.3812006,8.92851017 28.4509111,8.03845203 C30.0677705,7.34307122 31.9009116,7.38958866 33.4800938,8.1684811 C39.0501618,10.9157573 50.8563511,18.5654956 51.0374915,27.8750276 C53.4694828,21.3199142 52.3170675,15.874077 51.6801777,12.8575858 C51.4773005,11.8957369 49.4090391,8.30363808 48.7216112,7.60770785 C46.5584323,5.41754215 43.0568068,2.1135218 35.8111899,0.343111919" id="Fill-4" fill="#FFFFFF"></path>
-                    <path d="M6.32545979,30.2215029 C5.87442014,30.2215029 5.44457391,30.0773721 5.08229307,29.8046773 C4.63596307,29.4686163 4.34577611,28.9770698 4.26516862,28.4205087 C4.18456113,27.8637645 4.3233147,27.3086686 4.65552623,26.8575959 L4.67074203,26.8369012 L8.59007736,22.0976163 C8.98224637,21.5804302 9.59830495,21.2727558 10.2442517,21.2727558 C10.6952913,21.2727558 11.1253187,21.4168866 11.4875996,21.6897645 C12.4086986,22.383314 12.5999829,23.7052151 11.9140041,24.6366628 L11.8987883,24.6573576 L7.97963413,29.3966424 C7.5999638,29.8978953 7.02592981,30.1976948 6.3999085,30.2202209 C6.37509227,30.2211366 6.35027603,30.2215029 6.32545979,30.2215029" id="Fill-6" fill="#FFFFFF"></path>
-                    <path d="M10.2441974,20.3570032 L10.2441974,20.3570032 C9.32472857,20.3570032 8.44728436,20.7919596 7.88411879,21.5237852 L3.9923168,26.2297387 L3.95971153,26.2692968 L3.92927994,26.3106863 C3.4523372,26.9580846 3.25344502,27.7543753 3.36901261,28.5530468 C3.48476134,29.3517183 3.90102203,30.0569887 4.54135342,30.5391951 C5.0610453,30.9303811 5.67800958,31.1373288 6.32540545,31.1373288 C6.36109011,31.1373288 6.39659363,31.1365962 6.4322783,31.1353142 C7.3231269,31.1032648 8.14097591,30.6794799 8.6858463,29.9701805 L12.577286,25.2644102 L12.6100724,25.2250352 L12.640504,25.1836456 C13.1172656,24.5362474 13.3161578,23.7399567 13.2005902,22.941102 C13.0848415,22.1426137 12.6685808,21.4371602 12.0282494,20.9551369 C11.5087386,20.5639509 10.8917744,20.3570032 10.2441974,20.3570032 M10.2441974,22.1883985 C10.4887369,22.1883985 10.735269,22.265134 10.9462976,22.4240991 C11.467982,22.8167503 11.5759417,23.5624945 11.1875767,24.0897532 L7.27059617,28.826291 C7.04869916,29.1279218 6.71232139,29.2927474 6.36761117,29.3050177 C6.35348221,29.3055672 6.3395344,29.3059334 6.32540545,29.3059334 C6.08086588,29.3059334 5.83433376,29.229198 5.62312403,29.0702328 C5.10162075,28.6775817 4.99366106,27.9316544 5.38202613,27.4043956 L9.29882549,22.668041 C9.53014181,22.3541398 9.88481476,22.1883985 10.2441974,22.1883985" id="Fill-8" fill="#467FBF"></path>
-                    <path d="M11.1075488,33.7478363 C10.6565092,33.7478363 10.2264818,33.6035224 9.86438212,33.3308276 C9.41823325,32.9949497 9.1280463,32.5034032 9.04743881,31.9468422 C8.96683132,31.390098 9.10540374,30.835002 9.43779642,30.3839294 L9.45138195,30.3654323 L14.4117313,24.2949061 C14.8037192,23.7764381 15.4208646,23.4676648 16.067717,23.4676648 C16.5187567,23.4676648 16.9486029,23.6117956 17.3108838,23.8846735 C17.7570326,24.2205515 18.0474007,24.712098 18.1278271,25.268659 C18.2086157,25.8254032 18.0698621,26.380316 17.7376506,26.8315718 L17.7238839,26.8500689 L12.7637157,32.9202288 C12.3838643,33.4233131 11.8089246,33.7240282 11.1818164,33.7465544 C11.1571813,33.7474701 11.1323651,33.7478363 11.1075488,33.7478363" id="Fill-10" fill="#FFFFFF"></path>
-                    <path d="M16.0675902,22.5518206 L16.0675902,22.5518206 C15.1459478,22.5518206 14.266511,22.9889747 13.7035266,23.7237305 L8.7676312,29.7642218 L8.73864873,29.799934 L8.71129653,29.8369282 C8.23453493,30.4843265 8.03564275,31.2806172 8.15121034,32.0792887 C8.26695907,32.8779602 8.68321976,33.5832305 9.32355116,34.0654369 C9.84324303,34.456623 10.4600262,34.6633875 11.1076032,34.6633875 C11.1429256,34.6633875 11.1786102,34.6628381 11.2141137,34.6615561 C12.1073172,34.6293235 12.9271587,34.2037073 13.4720291,33.4911113 L18.4075622,27.4509863 L18.4367258,27.4154573 L18.4638969,27.3784631 C18.9406585,26.7310648 19.1395507,25.9347741 19.0239831,25.1359195 C18.9084155,24.3374311 18.4919737,23.6319776 17.8516423,23.1499544 C17.3319504,22.7585852 16.7149861,22.5518206 16.0675902,22.5518206 M16.0675902,24.383216 C16.3121298,24.383216 16.5586619,24.4599515 16.7698717,24.6189166 C17.2913749,25.0115677 17.3995158,25.7573119 17.0109696,26.2845706 L12.0527939,32.3525328 C11.8307157,32.6541637 11.494338,32.8189892 11.1498089,32.8312596 C11.1356799,32.831809 11.121551,32.8319922 11.1076032,32.8319922 C10.8630636,32.8319922 10.6165315,32.7554398 10.4053218,32.5964747 C9.88381848,32.2038235 9.77585879,31.4578962 10.1642239,30.9306375 L15.1223995,24.8628584 C15.3535347,24.5489573 15.7082076,24.383216 16.0675902,24.383216" id="Fill-12" fill="#467FBF"></path>
-                    <path d="M15.6714361,37.1993206 C15.2205776,37.1993206 14.7907314,37.0551898 14.4284505,36.7826782 C13.5069892,36.0889456 13.3155238,34.7668613 14.0015026,33.8352305 L14.0263188,33.802998 L18.6401465,28.0901433 C19.0321344,27.5702102 19.6500044,27.2605212 20.2979437,27.2605212 C20.7489833,27.2605212 21.1788295,27.404652 21.5411104,27.6773468 C21.9872592,28.0134078 22.2774462,28.5049544 22.3580537,29.0615154 C22.4386612,29.6180765 22.3000888,30.1731724 21.9676961,30.6244282 L21.9428798,30.6566608 L17.3292333,36.3696985 C16.9493818,36.8738817 16.3735364,37.1753294 15.7458848,37.1978555 C15.7210686,37.1987712 15.6962524,37.1993206 15.6714361,37.1993206" id="Fill-14" fill="#FFFFFF"></path>
-                    <path d="M20.2978531,26.3448235 L20.2978531,26.3448235 C19.3740369,26.3448235 18.4927888,26.783809 17.9298044,27.5216782 L13.3248525,33.2239108 L13.2991306,33.2555939 L13.2748578,33.288559 C12.290903,34.6251113 12.5655119,36.5218875 13.8872935,37.5168846 C14.4071665,37.9082538 15.0241308,38.1150183 15.6713456,38.1150183 C15.7068491,38.1150183 15.7423526,38.1142858 15.777675,38.1130038 C16.6732332,38.0807712 17.4947051,37.6531404 18.0395754,36.9377974 L22.6445273,31.235748 L22.6698869,31.2040648 L22.6941597,31.1712828 C23.1709213,30.5238846 23.3698135,29.7275939 23.2542459,28.9289224 C23.1386783,28.1302509 22.7222365,27.4249805 22.0819051,26.9429573 C21.5622132,26.5515881 20.945249,26.3448235 20.2978531,26.3448235 M20.2978531,28.1762189 C20.5423927,28.1762189 20.7889248,28.2527712 21.0001345,28.4119195 C21.5216378,28.8045706 21.6295975,29.5503148 21.2412324,30.0775735 L16.6167174,35.8041637 C16.3946393,36.1056113 16.0582615,36.2704369 15.7135513,36.2828904 C15.6994223,36.2832567 15.6854745,36.283623 15.6713456,36.283623 C15.426806,36.283623 15.1802739,36.2068875 14.9692453,36.0479224 C14.4475609,35.6552712 14.3396012,34.909527 14.7279662,34.3820852 L19.3526624,28.6556782 C19.5836164,28.3419602 19.9384705,28.1762189 20.2978531,28.1762189" id="Fill-16" fill="#467FBF"></path>
-                    <path d="M20.9072638,40.1075581 C20.4564053,40.1075581 20.0265591,39.9634273 19.6642782,39.6909157 C18.7428169,38.9971831 18.5513515,37.6750988 19.2373303,36.7436512 L22.4056574,32.3635029 C22.8014492,31.8259884 23.4263837,31.5087907 24.0819309,31.5087907 C24.5329705,31.5087907 24.9629979,31.6531047 25.3252787,31.9259826 C25.7714276,32.2618605 26.0616146,32.753407 26.1420409,33.309968 C26.2228295,33.8665291 26.084076,34.421625 25.7518644,34.8728808 L22.5835373,39.2530291 C22.1991573,39.7747936 21.616972,40.0833837 20.9817125,40.1062762 C20.9568963,40.1071919 20.9320801,40.1075581 20.9072638,40.1075581" id="Fill-18" fill="#FFFFFF"></path>
-                    <g transform="translate(17.751761, 30.584302)">
-                        <mask id="mask-2" fill="white">
-                            <use xlink:href="#path-1"></use>
-                        </mask>
-                        <g id="Clip-21"></g>
-                        <path d="M6.33031435,0.00884563953 L6.33013321,0.00884563953 C5.38965214,0.00884563953 4.49318819,0.463947384 3.93201516,1.22617413 L3.92730551,1.23240087 L3.92277699,1.23862762 L0.753725299,5.61969157 C-0.224070703,6.95587762 0.0521684417,8.84770901 1.37141414,9.84087471 C1.89128715,10.2322439 2.50825143,10.4390084 3.15546616,10.4390084 C3.19096969,10.4390084 3.22665435,10.4382759 3.26233901,10.4369939 C4.17383762,10.4042119 5.00907611,9.96119738 5.55358422,9.22186308 L5.55829387,9.2154532 L5.56282238,9.20922645 L8.73223636,4.82761308 C9.20483172,4.18167994 9.40173136,3.38850262 9.28652605,2.59294448 C9.17095846,1.7944561 8.75451663,1.08900262 8.11418524,0.60697936 C7.5946745,0.215793314 6.97771022,0.00884563953 6.33031435,0.00884563953 M6.33031435,1.84024099 C6.57485392,1.84024099 6.8212049,1.91697645 7.03241463,2.07594157 C7.55391791,2.46859273 7.66205874,3.21433692 7.27369368,3.74159564 L4.10065689,8.12815378 C3.87875987,8.42960145 3.54238211,8.59442703 3.19767188,8.60688052 C3.18354293,8.6072468 3.16941398,8.60761308 3.15546616,8.60761308 C2.91092659,8.60761308 2.66439448,8.53087762 2.45318475,8.37209564 C1.93168147,7.97926134 1.82372178,7.23351715 2.21208684,6.70607529 L5.38494249,2.31988343 C5.61607767,2.00598227 5.97093175,1.84024099 6.33031435,1.84024099" id="Fill-20" fill="#467FBF" mask="url(#mask-2)"></path>
-                    </g>
-                    <g transform="translate(51.900459, 4.761628)">
-                        <mask id="mask-4" fill="white">
-                            <use xlink:href="#path-3"></use>
-                        </mask>
-                        <g id="Clip-23"></g>
-                        <path d="M0.0516974767,0.0988953488 L14.1203307,0.0988953488 L14.1203307,25.9825552 L2.16506279,25.9825552 C2.16506279,25.9825552 9.3501788,13.0408169 0.0516974767,0.0988953488" id="Fill-22" fill="#FFFFFF" mask="url(#mask-4)"></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 83 41" style="enable-background:new 0 0 83 41;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{filter:url(#Adobe_OpacityMaskFilter);}
+	.st2{mask:url(#mask-4);fill:#FFFFFF;}
+</style>
+<polygon id="Fill-1" class="st0" points="0.5,22.4 12.1,27.3 20.2,5.6 9.3,1.2 "/>
+<path id="Fill-4" class="st0" d="M51.8,0.3c-0.5-0.1-4-0.3-4.5-0.1c-2.8,1-10.2,3.7-12,6.7c-2.2,3.5,1.9,5.2,4,3.6
+	c1.2-0.9,3.1-1.6,5.2-2.5c1.6-0.7,3.4-0.6,5,0.1c5.6,2.7,17.4,10.4,17.6,19.7c2.4-6.6,1.3-12,0.6-15c-0.2-1-2.3-4.6-3-5.2
+	C62.6,5.4,59.1,2.1,51.8,0.3"/>
+<path class="st0" d="M25.3,22.7l-3.9,4.7c-0.4,0.5-0.3,1.3,0.2,1.7c0.2,0.2,0.5,0.2,0.7,0.2c0,0,0,0,0,0c0.3,0,0.7-0.2,0.9-0.5
+	l3.9-4.7c0.4-0.5,0.3-1.3-0.2-1.7c-0.2-0.2-0.5-0.2-0.7-0.2C25.9,22.2,25.5,22.4,25.3,22.7z"/>
+<path class="st0" d="M27.1,32.8c0.3,0,0.7-0.2,0.9-0.5l5-6.1c0.4-0.5,0.3-1.3-0.2-1.7c-0.2-0.2-0.5-0.2-0.7-0.2
+	c-0.4,0-0.7,0.2-0.9,0.5l-5,6.1c-0.4,0.5-0.3,1.3,0.2,1.7C26.6,32.8,26.9,32.8,27.1,32.8C27.1,32.8,27.1,32.8,27.1,32.8z"/>
+<path class="st0" d="M35.4,28.7l-4.6,5.7c-0.4,0.5-0.3,1.3,0.2,1.7c0.2,0.2,0.5,0.2,0.7,0.2c0,0,0,0,0,0c0.3,0,0.7-0.2,0.9-0.5
+	l4.6-5.7c0.4-0.5,0.3-1.3-0.2-1.7c-0.2-0.2-0.5-0.2-0.7-0.2C35.9,28.2,35.6,28.3,35.4,28.7z"/>
+<path class="st0" d="M36.2,39c0.2,0.2,0.5,0.2,0.7,0.2c0,0,0,0,0,0c0.3,0,0.7-0.2,0.9-0.5l3.2-4.4c0.4-0.5,0.3-1.3-0.2-1.7
+	c-0.2-0.2-0.5-0.2-0.7-0.2c-0.4,0-0.7,0.2-0.9,0.5L36,37.3C35.6,37.8,35.7,38.6,36.2,39z"/>
+<g transform="translate(51.900459, 4.761628)">
+	<defs>
+		<filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="16.1" y="0.1" width="14.1" height="25.9">
+			<feColorMatrix  type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"/>
+		</filter>
+	</defs>
+	<mask maskUnits="userSpaceOnUse" x="16.1" y="0.1" width="14.1" height="25.9" id="mask-4">
+		<g class="st1">
+			<polygon id="path-3" class="st0" points="16.1,0.1 30.1,0.1 30.1,26 16.1,26 			"/>
+		</g>
+	</mask>
+	<path id="Fill-22" class="st2" d="M16.1,0.1h14.1V26h-12C18.2,26,25.4,13,16.1,0.1"/>
+</g>
+<path class="st0" d="M48.9,11c-3.1-2.1-8.4,2.9-8.4,2.9s-7.4,2.5-8.8-1.8c-1.3-4.3,0.7-5.9,0.7-5.9h-9.5L16,26.5h3.4l0.2,0.1
+	c0.1-0.1,0.1-0.2,0.2-0.4l0,0l0,0l3.9-4.7c0.6-0.7,1.4-1.2,2.4-1.2c0.6,0,1.3,0.2,1.8,0.6c0.6,0.5,1.1,1.2,1.2,2c0,0.2,0,0.4,0,0.5
+	c0,0.1,0,0.1,0,0.2c0,0.1,0,0.2-0.1,0.3c0,0.1,0,0.1,0,0.2c0,0.2-0.1,0.3-0.2,0.4c0,0,0,0,0,0l0.7-0.9c0.6-0.7,1.4-1.2,2.4-1.2
+	c0.6,0,1.3,0.2,1.8,0.6c0.6,0.5,1.1,1.2,1.2,2c0.1,0.6,0,1.1-0.2,1.6c0.5-0.3,1-0.4,1.5-0.4c0.6,0,1.3,0.2,1.8,0.6
+	c0.6,0.5,1.1,1.2,1.2,2c0.1,0.7,0,1.4-0.4,1.9c0.4-0.2,0.8-0.3,1.2-0.3h0c0.6,0,1.3,0.2,1.8,0.6c0.6,0.5,1.1,1.2,1.2,2
+	c0.1,0.8-0.1,1.6-0.6,2.2l-2.4,3.3l1.6,1h2.4l1.7-2.1v-2.3l3.1,1.5c0,0,3.5,0,3.9-2.3c0.3-1.7-0.2-2.3-0.4-2.6
+	c0.8,0.5,3.8,2.4,5.6,0.7c2.1-2,1-2.9,0.8-4c-0.1-1.1,3.1,2.1,4.5,0C64.6,26.5,66.1,22.4,48.9,11z"/>
+</svg>
diff --git a/themes/project/static/img/4_hover.svg b/themes/project/static/img/4_hover.svg
index 992613f74d86f45d47b93b0145187634d9a967a4..c4ae63741d498f0a0218a5542a4ee33b7a17ab8c 100644
--- a/themes/project/static/img/4_hover.svg
+++ b/themes/project/static/img/4_hover.svg
@@ -1,29 +1,19 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="50px" height="47px" viewBox="0 0 50 47" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
-    <title>settings_1236227_easyicon.net</title>
-    <desc>Created with Sketch.</desc>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="openSDS备份-6" transform="translate(-1252.000000, -444.000000)" fill-rule="nonzero">
-            <g id="settings_1236227_easyicon.net" transform="translate(1250.000000, 436.000000)">
-                <g id="编组-5" transform="translate(27.884410, 30.890562) rotate(16.000000) translate(-27.884410, -30.890562) translate(9.384410, 6.390562)">
-                    <polygon id="路径" fill="#FFFFFF" transform="translate(24.922981, 14.990254) rotate(-54.975127) translate(-24.922981, -14.990254) " points="14.9434007 13.2477457 34.8876754 13.3354163 34.9025618 16.7327632 14.9582872 16.6450926"></polygon>
-                    <path d="M35.1657495,6.7212903 L36.7683944,2.26248263 C36.8337319,2.08062515 36.7678022,1.87819468 36.6071232,1.76756633 L35.3799224,0.922618058 L34.1527216,0.0776697837 C33.9920426,-0.0329585651 33.7760931,-0.0247099601 33.624593,0.0979516476 L29.9114074,3.10374329 C29.6014983,3.35459793 29.4045974,3.71530457 29.3631446,4.10784112 L29.0790941,6.80125324 L30.4978661,7.77798511 L31.9166382,8.75471698 L34.3936414,7.57109069 C34.754577,7.39874337 35.0320148,7.0933509 35.1657495,6.7212903 L35.1657495,6.7212903 Z" id="路径" fill="#FFFFFF"></path>
-                    <path d="M19.114267,28.4480955 C19.0909438,28.4336819 19.0678867,28.4181074 19.0454503,28.4009852 L14.9173401,25.2479844 C14.8948151,25.2308621 14.8736203,25.2125791 14.8532236,25.1936189 C14.8259098,25.1682742 14.7876882,25.1626635 14.7552309,25.1792053 C14.7227735,25.1957471 14.7021995,25.2314426 14.7026429,25.2705238 C14.7079638,25.7952178 14.565187,26.2993071 14.2896545,26.7284263 C13.9052215,27.3274133 13.3006817,27.7111635 12.6310499,27.7812968 C12.592917,27.785263 12.5611691,27.8146706 12.5515028,27.8551061 C12.5417479,27.8954449 12.5561143,27.938202 12.5874187,27.9621924 L17.504437,31.7178562 C17.5202222,31.7298514 17.5384906,31.7358491 17.5568476,31.7358491 C17.5750272,31.7358491 17.5932956,31.7299482 17.6089921,31.7180497 C17.6403853,31.6943495 17.654929,31.6515923 17.6453514,31.6111568 C17.4766798,30.9009239 17.6004787,30.1499653 17.9850005,29.5508816 C18.260533,29.1216656 18.6460302,28.802825 19.0996346,28.6288943 C19.1334221,28.6159318 19.1571887,28.582558 19.1603812,28.5436703 C19.163485,28.5046858 19.1454827,28.4672491 19.114267,28.4480955 L19.114267,28.4480955 Z" id="路径" fill="#CE6C74"></path>
-                    <path d="M15.3206196,27.2651739 C15.6595246,26.7634965 15.8416296,26.1786354 15.8546043,25.5681133 L13.9044514,24.1525606 C13.8810786,24.1356759 13.8590861,24.1176464 13.8379218,24.0989491 C13.8095801,24.0739559 13.76992,24.068423 13.7362411,24.0847354 C13.7025623,24.1010478 13.6812139,24.1362482 13.681674,24.1747874 C13.6871951,24.6922049 13.539045,25.1893034 13.2531428,25.6124716 C12.8542416,26.2031517 12.2269499,26.58158 11.5321165,26.6507407 C11.4925485,26.6546518 11.4596058,26.6836516 11.4495757,26.7235264 C11.4394537,26.7633057 11.4543607,26.8054699 11.4868433,26.8291276 L13.7236346,28.4528302 C14.3661093,28.2569861 14.9306442,27.8425943 15.3206196,27.2651739 L15.3206196,27.2651739 Z" id="路径" fill="#FC2B3A"></path>
-                    <path d="M22.0359802,23.9442765 L17.5674198,20.9664383 C17.1103785,20.6618389 16.4804467,20.7675443 16.160489,21.2025166 L14.9353764,22.8676721 C14.6153227,23.3026444 14.7263911,23.9021588 15.1834324,24.2066669 L19.6519928,27.1845051 C20.1090341,27.4891044 20.7389659,27.3833991 21.0589236,26.9484268 L22.2840362,25.2832713 C22.60409,24.8483904 22.4930215,24.2488759 22.0359802,23.9442765 Z" id="路径" fill="#FF8088"></path>
-                    <path d="M18.5527628,24.2065755 C18.1139797,23.9019761 18.0073483,23.302553 18.3145241,22.8675807 L18.9328387,21.9922458 L17.4549295,20.9664383 C17.0161465,20.6618389 16.4113797,20.7675443 16.1042039,21.2025166 L14.928033,22.8676721 C14.6208572,23.3026444 14.7273964,23.9021588 15.1661795,24.2066669 L19.4562264,27.1845051 C19.8950095,27.4891044 20.4997762,27.3833991 20.806952,26.9484268 L21.3648084,26.1586976 L18.5527628,24.2065755 Z" id="路径" fill="#FF646F"></path>
-                    <path d="M1.03779135,43.6285361 L2.66364767,44.8679245 L13.6505226,27.7860656 L12.0246663,26.5466771 C11.3757869,26.0520168 10.481383,26.2237393 10.0270028,26.9301409 L0.685552957,41.4537826 C0.231172751,42.1601843 0.388911905,43.1338757 1.03779135,43.6285361 Z" id="路径" fill="#FFFFFF"></path>
-                    <path d="M17.4469072,30.7865583 L15.8209621,29.5471698 L4.83419612,46.6290288 L6.46014128,47.8684172 C7.10901968,48.3630776 8.00342211,48.1913551 8.45780159,47.4849534 L17.7992365,32.9613117 C18.2535245,32.2549101 18.0957856,31.2812186 17.4469072,30.7865583 Z" id="路径" fill="#FFFFFF"></path>
-                    <polygon id="路径" fill="#FFFFFF" transform="translate(9.053781, 37.436003) rotate(-54.975127) translate(-9.053781, -37.436003) " points="-1.06068818 35.5070997 19.1517346 35.5959489 19.1682494 39.3649063 -1.04417339 39.2760571"></polygon>
-                </g>
-                <g id="编组-6" transform="translate(28.169138, 31.852662) rotate(-15.000000) translate(-28.169138, -31.852662) translate(7.169138, 4.852662)">
-                    <path d="M17.1126094,19.9029558 C21.4119153,25.9847254 28.9954781,36.7166827 32.5832724,41.7892192 C33.0243071,42.4128414 33.6240007,42.9172816 34.333904,43.2098105 C36.214125,43.9845903 37.5361524,45.820962 37.5361524,47.9628466 C37.5361524,49.934879 36.4156379,51.6478805 34.770501,52.5118729 C34.9517386,52.6071298 35.1392045,52.6920746 35.3320708,52.7659035 C34.6910668,53.0102752 33.9891269,53.1331393 33.2547596,53.1050395 C33.1353886,53.1004643 33.0169844,53.091832 32.8996871,53.0792782 C32.6484434,53.1060083 32.39184,53.1150172 32.1311776,53.1050168 C29.4765521,53.0031792 27.3004483,50.8911386 27.1483472,48.2654526 C27.1475641,48.2506275 27.1467811,48.2357056 27.1459981,48.2208805 C27.107826,47.4467789 26.8606861,46.6982578 26.4117234,46.0633957 C24.7966517,43.7799461 10.5014907,23.5547613 8.88309117,21.2665639 C11.49837,20.7866383 13.7322213,19.207816 15.0570871,16.9957788 C15.2287415,17.2384727 15.4182687,17.5064739 15.6239487,17.7973469 C15.8178682,17.5407325 15.9985155,17.2732368 16.1648486,16.9957788 C16.6125619,17.6282189 17.1826371,18.4337153 17.8429407,19.3668237 C17.6088836,19.5572431 17.3651365,19.7362222 17.1126094,19.9029558 Z M32.2541453,49.5707676 C32.2804798,49.5721629 32.3069992,49.5728694 32.3336855,49.5728694 C33.1425427,49.5728694 33.7981242,48.9237636 33.7981242,48.1231125 C33.7981242,47.3224614 33.1424448,46.6733556 32.3336855,46.6733556 C32.1005319,46.6733556 31.8801006,46.7273018 31.6844332,46.8232732 C31.8594276,47.2425048 31.9624728,47.6899888 31.9930311,48.1472591 C31.9940108,48.2019084 31.9983214,48.2556857 32.0051791,48.3087847 C32.0343386,48.7463127 32.1197242,49.1692995 32.2541453,49.5707676 Z" id="形状结合" fill="#467FBF"></path>
-                    <path d="M20.8561944,13.6591131 C25.1555003,19.7408827 32.7390631,30.47284 36.3268574,35.5453765 C36.767892,36.1689987 37.3675856,36.673439 38.077489,36.9659678 C39.95771,37.7407476 41.2797374,39.5771194 41.2797374,41.7190039 C41.2797374,43.6910363 40.1592229,45.4040378 38.5140859,46.2680302 C38.6953236,46.3632872 38.8827895,46.4482319 39.0756557,46.5220608 C38.4346518,46.7664325 37.7327119,46.8892966 36.9983445,46.8611968 C36.8789736,46.8566216 36.7605693,46.8479893 36.643272,46.8354355 C36.3920284,46.8621656 36.1354249,46.8711745 35.8747626,46.8611742 C33.2201371,46.7593365 31.0440333,44.6472959 30.8919321,42.0216099 C30.8911491,42.0067849 30.8903661,41.9918629 30.8895831,41.9770378 C30.851411,41.2029362 30.604271,40.4544151 30.1553083,39.819553 C28.5402366,37.5361034 14.2450757,17.3109186 12.6266761,15.0227212 C15.2419549,14.5427956 17.4758063,12.9639733 18.8006721,10.7519361 C18.9723265,10.99463 19.1618537,11.2626312 19.3675336,11.5535042 C19.5614532,11.2968898 19.7421005,11.0293941 19.9084336,10.7519361 C20.3561469,11.3843762 20.926222,12.1898726 21.5865256,13.122981 C21.3524686,13.3134004 21.1087215,13.4923795 20.8561944,13.6591131 Z M35.9977302,43.3269249 C36.0240648,43.3283202 36.0505842,43.3290267 36.0772705,43.3290267 C36.8861277,43.3290267 37.5417092,42.6799209 37.5417092,41.8792698 C37.5417092,41.0786187 36.8860298,40.4295129 36.0772705,40.4295129 C35.8441169,40.4295129 35.6236855,40.4834591 35.4280182,40.5794305 C35.6030125,40.9986621 35.7060578,41.4461461 35.7366161,41.9034164 C35.7375957,41.9580657 35.7419063,42.011843 35.7487641,42.064942 C35.7779236,42.50247 35.8633091,42.9254568 35.9977302,43.3269249 Z" id="形状结合" fill="#467FBF"></path>
-                    <path d="M18.1478856,16.0392525 C22.4471915,22.1210221 30.0307543,32.8529794 33.6185486,37.9255159 C34.0595832,38.5491381 34.6592768,39.0535783 35.3691802,39.3461072 C37.2494012,40.120887 38.5714286,41.9572587 38.5714286,44.0991433 C38.5714286,46.0711757 37.4509141,47.7841772 35.8057771,48.6481695 C35.9870148,48.7434265 36.1744807,48.8283713 36.3673469,48.9022002 C35.726343,49.1465719 35.0244031,49.269436 34.2900358,49.2413361 C34.1706648,49.236761 34.0522605,49.2281287 33.9349632,49.2155749 C33.6837196,49.242305 33.4271161,49.2513139 33.1664538,49.2413135 C30.5118283,49.1394759 28.3357245,47.0274353 28.1836233,44.4017493 C28.1828403,44.3869242 28.1820573,44.3720023 28.1812743,44.3571772 C28.1431022,43.5830756 27.8959623,42.8345545 27.4469995,42.1996924 C25.8319278,39.9162428 11.5367669,19.691058 9.91836735,17.4028606 C12.5336462,16.922935 14.7674975,15.3441127 16.0923633,13.1320755 C16.2640177,13.3747693 16.4535449,13.6427706 16.6592248,13.9336436 C16.8531444,13.6770292 17.0337917,13.4095335 17.2001248,13.1320755 C17.6478381,13.7645156 18.2179132,14.570012 18.8782168,15.5031204 C18.6441598,15.6935398 18.4004127,15.8725189 18.1478856,16.0392525 Z M33.2894214,45.7070643 C33.315756,45.7084596 33.3422754,45.7091661 33.3689617,45.7091661 C34.1778189,45.7091661 34.8334004,45.0600603 34.8334004,44.2594092 C34.8334004,43.4587581 34.177721,42.8096523 33.3689617,42.8096523 C33.1358081,42.8096523 32.9153768,42.8635985 32.7197094,42.9595699 C32.8947037,43.3788015 32.997749,43.8262855 33.0283073,44.2835558 C33.029287,44.3382051 33.0335975,44.3919824 33.0404553,44.4450814 C33.0696148,44.8826094 33.1550003,45.3055962 33.2894214,45.7070643 Z" id="形状结合" fill="#FFFFFF"></path>
-                    <path d="M0.00197135072,9.12450695 C-0.0241573252,7.982615 0.209691969,6.84477144 0.68909143,5.78239064 C0.854528388,5.41587031 1.42220422,5.36147928 1.68014356,5.68434003 L4.65110251,9.40347581 C4.66747366,9.67610931 4.69871066,9.94864514 4.7450156,10.220111 L6.52950201,12.7523136 C6.67296063,12.9559687 6.91489678,13.0680487 7.16404593,13.0463494 L11.3203387,12.6850257 C11.569588,12.6634259 11.7881821,12.5113316 11.8938726,12.2860766 L13.6571514,8.52900722 C13.7628419,8.30375227 13.7396,8.03957788 13.5961414,7.83602226 L8.67506993,0.853019277 C8.42822493,0.502644808 8.66976036,0.0154053124 9.10003604,0.00356026647 C12.1410182,-0.0799522845 15.1644687,1.30761024 17.0399497,3.9688636 C20.0325446,8.21536234 18.9593099,14.0820444 14.629905,17.0056804 C10.4304344,19.8416233 4.65692622,18.8027431 1.72303715,14.6851464 C0.518848478,12.9951376 -0.0376301408,11.0450306 0.00197135072,9.12450695 Z" id="形状结合" fill="#FFFFFF"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 50 47" style="enable-background:new 0 0 50 47;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M15.9,23.9L4.1,34.3c-0.6,0.6-0.7,1.5-0.3,2.2l0.6,0.9l-0.3,0.2l2.4,2.9l0.1-0.1L7.9,42c0.5,0.7,1.4,0.7,2,0.2
+	l13-11.4c0.2-0.2,0.4-0.5,0.5-0.8C20.6,27.8,17.9,25.5,15.9,23.9z"/>
+<path class="st0" d="M32.6,19.4l10.2-8.2l0.3,0.3l2.7-0.5c0.4-0.1,0.7-0.3,1-0.6l2.8-3.8c0.1-0.2,0.1-0.4,0-0.5l-0.9-1.2l-0.9-1.2
+	c-0.1-0.2-0.3-0.2-0.5-0.1l-4.4,1.9c-0.4,0.2-0.7,0.4-0.8,0.8l-0.7,1.8l-11.3,9C30.8,17.9,31.7,18.6,32.6,19.4z"/>
+<path class="st0" d="M47.6,35.8c-0.6-2.1-2.3-3.5-4.3-3.8c-0.8-0.1-1.5-0.4-2.1-0.9c-4.8-4-14.9-12.4-20.6-17.1
+	c0.2-0.2,0.4-0.5,0.6-0.7c-0.6-0.5-1.2-1-1.7-1.4c0.8-3.3-0.3-6.9-3.1-9.3C13.9,0.5,10.6,0,7.7,0.9C7.3,1,7.2,1.5,7.5,1.8l6.6,5.5
+	c0.2,0.2,0.3,0.4,0.2,0.7L13.6,12c0,0.2-0.2,0.4-0.5,0.5L9.2,14C9,14,8.7,14,8.5,13.8l-2.4-2c-0.1-0.3-0.2-0.5-0.3-0.8L2,8.3
+	C1.7,8,1.1,8.2,1.1,8.6C0.9,9.8,0.9,10.9,1.3,12c0.5,1.9,1.5,3.6,3.1,4.9c2.8,2.3,6.5,2.7,9.7,1.4c4.6,3.8,20.4,16.9,22.3,18.6
+	c0.6,0.5,1,1.2,1.3,1.9c0,0,0,0,0,0c0.8,2.5,3.5,4,6.1,3.4c0.3-0.1,0.5-0.1,0.7-0.2c0.1,0,0.2,0,0.3-0.1c0.7-0.2,1.4-0.5,1.9-0.9
+	c-0.2,0-0.4-0.1-0.6-0.1C47.4,39.7,48.1,37.7,47.6,35.8z M43,38.7C42.9,38.7,42.9,38.7,43,38.7c-0.3-0.3-0.5-0.7-0.6-1.1
+	c0,0,0-0.1-0.1-0.2c-0.1-0.4-0.4-0.8-0.6-1.2c0.2-0.1,0.4-0.3,0.6-0.3c0.8-0.2,1.6,0.2,1.8,1S43.7,38.5,43,38.7z"/>
+</svg>