diff --git a/src/login/bklogin/templates/account/login_ce.html b/src/login/bklogin/templates/account/login_ce.html
index 026f369ed..0ca7413b9 100755
--- a/src/login/bklogin/templates/account/login_ce.html
+++ b/src/login/bklogin/templates/account/login_ce.html
@@ -39,11 +39,11 @@
-
+
{% trans '社区版' %}
-
+
-
- {% get_current_language as LANGUAGE_CODE %}
- {% get_available_languages as LANGUAGES %}
- {% get_language_info_list for LANGUAGES as languages %}
-
diff --git a/src/login/locale/en/LC_MESSAGES/django.po b/src/login/locale/en/LC_MESSAGES/django.po
index e2dc115ed..3e0dae8c1 100755
--- a/src/login/locale/en/LC_MESSAGES/django.po
+++ b/src/login/locale/en/LC_MESSAGES/django.po
@@ -327,12 +327,12 @@ msgid "登录|蓝鲸智云"
msgstr "Login|BlueKing"
#: bklogin/templates/account/login_ce.html:42
-msgid "img/logo_ce/logo_ce.png"
-msgstr "img/logo_ce/logo_ce.png"
+msgid "img/logo_ce/logo.svg"
+msgstr "img/logo_ce/logo_en.svg"
#: bklogin/templates/account/login_ce.html:45
msgid "社区版"
-msgstr "社区版"
+msgstr "CE"
#: bklogin/templates/account/login_ce.html:64
#, fuzzy
diff --git a/src/login/static/assets/blueking-icon/fonts/iconcool.eot b/src/login/static/assets/blueking-icon/fonts/iconcool.eot
index 994234f35..ac6d0917c 100644
Binary files a/src/login/static/assets/blueking-icon/fonts/iconcool.eot and b/src/login/static/assets/blueking-icon/fonts/iconcool.eot differ
diff --git a/src/login/static/assets/blueking-icon/fonts/iconcool.svg b/src/login/static/assets/blueking-icon/fonts/iconcool.svg
index 2391ff538..44aca3a2f 100644
--- a/src/login/static/assets/blueking-icon/fonts/iconcool.svg
+++ b/src/login/static/assets/blueking-icon/fonts/iconcool.svg
@@ -41,6 +41,15 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/login/static/assets/blueking-icon/fonts/iconcool.ttf b/src/login/static/assets/blueking-icon/fonts/iconcool.ttf
index 0eef8b479..76c3bfc0c 100644
Binary files a/src/login/static/assets/blueking-icon/fonts/iconcool.ttf and b/src/login/static/assets/blueking-icon/fonts/iconcool.ttf differ
diff --git a/src/login/static/assets/blueking-icon/fonts/iconcool.woff b/src/login/static/assets/blueking-icon/fonts/iconcool.woff
index db4ef6b4c..709e49a03 100644
Binary files a/src/login/static/assets/blueking-icon/fonts/iconcool.woff and b/src/login/static/assets/blueking-icon/fonts/iconcool.woff differ
diff --git a/src/login/static/assets/blueking-icon/iconcool.json b/src/login/static/assets/blueking-icon/iconcool.json
index cc4d8fc87..c63aaeaa1 100644
--- a/src/login/static/assets/blueking-icon/iconcool.json
+++ b/src/login/static/assets/blueking-icon/iconcool.json
@@ -1 +1 @@
-{"iconName":"bk","icons":[{"name":"yuyanqiehuanzhongwen","svgCode":"","codepoint":"\\e102"},{"name":"yuyanqiehuanyingwen","svgCode":"","codepoint":"\\e101"},{"name":"kejian","svgCode":"","codepoint":"\\e103"},{"name":"invisible-eye","svgCode":"","codepoint":"\\e104"}]}
\ No newline at end of file
+{"iconName":"bk","icons":[{"name":"yuyanqiehuanzhongwen","svgCode":"","codepoint":"\\e102"},{"name":"yuyanqiehuanyingwen","svgCode":"","codepoint":"\\e101"},{"name":"kejian","svgCode":"","codepoint":"\\e103"},{"name":"invisible-eye","svgCode":"","codepoint":"\\e104"},{"name":"v7","svgCode":"","codepoint":"\\e105"},{"name":"logo","svgCode":"","codepoint":"\\e106"},{"name":"lanjingzhiyunen","svgCode":"","codepoint":"\\e107"}]}
\ No newline at end of file
diff --git a/src/login/static/assets/blueking-icon/index.css b/src/login/static/assets/blueking-icon/index.css
index 2ca5fc3e7..fbf353751 100644
--- a/src/login/static/assets/blueking-icon/index.css
+++ b/src/login/static/assets/blueking-icon/index.css
@@ -35,3 +35,12 @@ url("fonts/iconcool.eot?#iefix") format("embedded-opentype");
.icon-invisible-eye:before {
content: "\e104";
}
+.icon-v7:before {
+ content: "\e105";
+}
+.icon-logo:before {
+ content: "\e106";
+}
+.icon-lanjingzhiyunen:before {
+ content: "\e107";
+}
diff --git a/src/login/static/assets/blueking-icon/index.js b/src/login/static/assets/blueking-icon/index.js
new file mode 100644
index 000000000..e556bc852
--- /dev/null
+++ b/src/login/static/assets/blueking-icon/index.js
@@ -0,0 +1,10 @@
+!(function () {
+ var svgCode = ''
+ if (document.body) {
+ document.body.insertAdjacentHTML('afterbegin', svgCode)
+ } else {
+ document.addEventListener('DOMContentLoaded', function() {
+ document.body.insertAdjacentHTML('afterbegin', svgCode)
+ })
+ }
+})()
\ No newline at end of file
diff --git a/src/login/static/css_ce/login.css b/src/login/static/css_ce/login.css
index b020e2702..34cd9e37a 100755
--- a/src/login/static/css_ce/login.css
+++ b/src/login/static/css_ce/login.css
@@ -176,7 +176,7 @@ input[type="number"]::-webkit-outer-spin-button {
position: absolute;
right: 0;
top: 0;
- padding-bottom: 18%;
+ padding-bottom: 10%;
background-color: rgb(235,242,250);
}
.page-content .right-top img {
@@ -218,7 +218,7 @@ input[type="number"]::-webkit-outer-spin-button {
}
.page-content .login-from .logo-title {
opacity: 1;
- padding: 55px 32px 50px 0;
+ padding: 55px 0 50px 0;
display: flex;
align-items: center;
justify-content: center;
@@ -237,15 +237,32 @@ input[type="number"]::-webkit-outer-spin-button {
position: absolute;
cursor: pointer;
background: #c4c6cc;
- top: 61px;
+ top: 63px;
left: 225px;
}
.page-content .login-from .logo-title div {
padding: 0 12px;
+ width: 50%;
}
-.page-content .login-from .logo-title img {
- vertical-align: text-bottom;
+.page-content .login-from .logo-title .logo_ce {
+ text-align: end;
+}
+
+.page-content .login-from .logo-title .logo_ce img {
+ width: 145px;
+}
+
+.page-content .login-from .logo-title .logo_community {
+ display: flex;
+ line-height: 30px;
}
+.page-content .login-from .logo-title .logo_community img {
+ width: 46px;
+ margin-left: 4px;
+}
+/* .page-content .login-from .logo-title img {
+ vertical-align: text-bottom;
+} */
.page-content .login-from .from-detail {
position: relative;
padding-bottom: 40px;
@@ -470,7 +487,7 @@ input[type="number"]::-webkit-outer-spin-button {
line-height: 24px;
justify-content: end;
text-align: right;
- margin-top: 47px;
+ margin-top: 47px;
}
.language-switcher .language-item {
width: 70px;
diff --git a/src/login/static/css_ce/login.min.css b/src/login/static/css_ce/login.min.css
index d1be4afed..78ecc3a28 100755
--- a/src/login/static/css_ce/login.min.css
+++ b/src/login/static/css_ce/login.min.css
@@ -1,3 +1,3 @@
-*{box-sizing:border-box}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,i,pre,form,fieldset,input,blockquote,th,td,p,span,button,textarea,b{margin:0;padding:0}html,body{font-size:14px;font-family:"Microsoft YaHei";height:100%;position:relative}a{text-decoration:none;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}button{text-decoration:none;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}a:hover{text-decoration:none}ul,ol,li{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:normal}input::-webkit-input-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}input:-moz-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}input::-moz-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}input:-ms-input-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}textarea::-webkit-input-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}textarea:-moz-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}textarea::-moz-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}textarea:-ms-input-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}.pb110{padding-bottom:110px}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.hide{display:none!important;visibility:hidden}input[type="number"]{-moz-appearance:textfield}input,select{background:0}input[disabled]{background:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-content{height:100%;width:100%;position:relative;margin:0 auto;background-color:#ebf2fa}#particles-js{height:100%}.page-content .right-top{width:52%;height:0;position:absolute;right:0;top:0;padding-bottom:18%;background-color:#ebf2fa}.page-content .right-top img{width:100%}.page-content .right-bottom{width:31%;height:0;position:absolute;right:1%;bottom:0;padding-bottom:15%}.page-content .right-bottom img{width:100%}.page-content .left-bottom{width:35%;height:0;position:absolute;left:0;bottom:0;padding-bottom:12%}.page-content .left-bottom img{width:100%}.page-content .login-from{width:450px;position:absolute;top:17%;left:50%;margin-left:-200px;z-index:100;overflow:visible;background:#fff;border-radius:8px;box-shadow:0 2px 6px 0 rgba(0,0,0,0.10)}.page-content .login-from .logo-title{opacity:1;padding:55px 32px 50px 0;display:flex;align-items:center;justify-content:center}.page-content .login-from .logo-title .title{font-size:22px;font-family:TencentSansW7;color:#63656e}.page-content .login-from .logo-title .logo_ce:after{content:'';height:18px;width:1px;display:block;position:absolute;cursor:pointer;background:#c4c6cc;top:61px;left:225px}.page-content .login-from .logo-title div{padding:0 12px}.page-content .login-from .logo-title img{vertical-align:text-bottom}.page-content .login-from .from-detail{position:relative;padding-bottom:40px}.page-content .login-from .from-detail .is-danger-tip{position:absolute;color:#ea3636;top:11px;left:38px;font-size:12px}.page-content .login-from .from-detail .is-danger-tip .icon-exclamation-circle-shape{margin-right:10px}.page-content .login-from .form-login{width:100%;padding:0 38px}.page-content .login-from .form-login .change-password{height:22px}.page-content .login-from .form-login .change-password span{color:#ea3636}.page-content .login-from .form-login .change-password a{color:#1768ef}.page-content .login-from .form-login.is-danger .group-control p{color:#ff5656}.page-content .login-from .form-login.is-danger .group-control input{border-color:#ff5656;color:#ff5656}.page-content .login-from .form-login.is-danger .group-control input:focus{border-color:#ff5656}.page-content .login-from .form-login.is-danger .group-control input::-webkit-input-placeholder{color:#ff5656}.page-content .login-from .form-login.is-danger .group-control input:-moz-placeholder{color:#ff5656}.page-content .login-from .form-login.is-danger .group-control input::-moz-placeholder{color:#ff5656}.page-content .login-from .form-login.is-danger .group-control input:-ms-input-placeholder{color:#ff5656}.page-content .login-from .form-login.certificate-expired .group-control i{color:#cad3dc}.page-content .login-from .form-login.certificate-expired .group-control input{border-color:#dde4eb;color:#cad3dc}.page-content .login-from .form-login.certificate-expired .group-control input:focus{border-color:#ff5656}.page-content .login-from .form-login.certificate-expired .group-control input::-webkit-input-placeholder{color:#cad3dc}.page-content .login-from .form-login.certificate-expired .group-control input:-moz-placeholder{color:#cad3dc}.page-content .login-from .form-login.certificate-expired .group-control input::-moz-placeholder{color:#cad3dc}
-.page-content .login-from .form-login.certificate-expired .group-control input:-ms-input-placeholder{color:#cad3dc}.page-content .login-from .form-login.certificate-expired .btn-content .login-btn{background:#313b4c;cursor:not-allowed}.page-content .login-from .form-login.certificate-expired .btn-content .login-btn:hover{background:#344157}.page-content .login-from .form-login .group-control{width:100%;height:40px;border-radius:2px;position:relative}.page-content .login-from .form-login .user{margin-bottom:24px}.page-content .login-from .form-login .group-control i{position:absolute;font-size:16px;top:12px;right:13px;color:#979ba5}.page-content .login-from .form-login .group-control i:hover{cursor:pointer}.page-content .login-from .form-login .group-control input{width:100%;height:100%;outline:0;border:1px solid #c4c6cc;padding:0 40px 0 12px;color:#737987;border-radius:2px}.page-content .login-from .form-login .action{margin-top:12px}.page-content .login-from .form-login .group-control input:focus{border-color:#3c96ff}.page-content .login-from .form-login .group-control input::-webkit-input-placeholder{color:#aaa}.page-content .login-from .form-login .group-control input:-moz-placeholder{color:#aaa}.page-content .login-from .form-login .group-control input::-moz-placeholder{color:#aaa}.page-content .login-from .form-login .group-control input:-ms-input-placeholder{color:#aaa}.page-content .login-from .form-login .btn-content{font-size:0;padding-top:24px}.page-content .login-from .form-login .btn-content .login-btn{width:100%;height:42px;display:inline-block;background-color:#3a84ff;border-radius:2px;outline:0;border:0;font-size:14px;line-height:18px;letter-spacing:0;color:#fff;cursor:pointer;float:left}.page-content .login-from .form-login .btn-content .login-btn:hover{background:#3a84ff}.page-content .login-from .form-login .protocol-btn,.page-content .login-from .form-login .password-btn{font-size:14px;letter-spacing:0;color:#63656e;display:inline-block!important;cursor:pointer;float:right}.page-content .login-from .form-login .protocol-btn:hover,.page-content .login-from .form-login .password-btn:hover{color:#1768ef}.language-switcher{display:flex;border-radius:2px;height:24px;line-height:24px;justify-content:end;text-align:right;margin-top:47px}.language-switcher .language-item{width:70px;text-align:center;background:#f5f7fa;transform:skew(-15deg,0deg);display:inline-block;height:24px;border-radius:2px;cursor:pointer}.language-switcher .language-item .text-active{display:block;width:70px;height:24px;line-height:24px;font-size:12px;transform:skew(15deg,0deg)}.language-switcher .active{background:#e1ecff}.language-switcher .active .text-active{color:#3a84ff}.footer{width:100%;line-height:20px;padding:2% 0;position:absolute;bottom:0;color:#bfcbd7;font-size:12px;text-align:center;background:url(../img/logo_ce/footer.png) no-repeat center;background-size:100% 100%}.footer .logo-qt{margin-bottom:10px}.footer .logo-qt .img-logo{position:relative;top:4px;margin-right:8px}.footer a{color:#bfcbd7;margin:0 5px}.footer a:hover{color:#fff}.footer .follow-us{position:relative}.footer .follow-us:hover .qr-box{display:inline-block;padding-bottom:20px}.footer .qr-box{display:none;left:-25px;top:-110px}.footer .qr{padding:4px;border:1px solid #e4e4e4;background:#fff;display:inline-block}.footer .qr-caret{width:0;height:0;border:7px solid transparent;border-top:7px solid #fff;top:101px;left:42px;position:absolute}.footer .follow-us:hover .qr-box{display:inline-block}.footer a:hover{color:#fff}.footer .qr-box{position:absolute;top:0;margin-top:-118px}.protocol-pop{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:101}.protocol-pop .protocol-detail{width:1200px;height:700px;background-color:#fff;border-radius:2px;top:10%;left:50%;margin-left:-600px;position:absolute;padding:59px 23px 40px 37px}.protocol-pop .protocol-detail .del-text{position:absolute;top:0;right:0;width:27px;height:27px;line-height:26px;border-radius:50%;text-align:center;margin:4px 4px 0 0;background-repeat:no-repeat;background-size:11px 11px;background-position:50% 50%;cursor:pointer;display:inline-block}.protocol-pop .protocol-detail .del-text:hover{background-color:#f3f3f3}.protocol-pop .protocol-detail .del-text>i{font-size:10px;color:#50525f;font-weight:bold}.protocol-pop .protocol-detail .detail-content{height:536px;overflow-y:auto}.protocol-pop .protocol-detail .detail-content::-webkit-scrollbar{width:6px;height:5px}.protocol-pop .protocol-detail .detail-content::-webkit-scrollbar-thumb{border-radius:20px;background:#a5a5a5;box-shadow:inset 0 0 6px rgba(204,204,204,0.3)}.protocol-pop .protocol-detail .detail-content>.title{text-align:center;font-size:32px;font-weight:normal;font-stretch:normal;line-height:36px;letter-spacing:1px;color:#4f515e;position:relative;margin-bottom:67px}.protocol-pop .protocol-detail .detail-content>.title:after{content:"";position:absolute;width:30px;height:2px;background:#5c7ac6;top:46px;left:50%;margin-left:-15px}
-.protocol-pop .protocol-detail .detail-content .detail-list{padding-right:23px}.protocol-pop .protocol-detail .detail-content .detail-list>.title{font-weight:bold}.protocol-pop .protocol-detail .detail-content .detail-list P{text-align:left;font-size:12px;line-height:32px;letter-spacing:0;color:#7b7d8a}.protocol-pop .protocol-detail .consent-content{text-align:center;margin-top:25px}.protocol-pop .protocol-detail .consent-content .consent-btn{width:160px;height:42px;display:inline-block;background-color:#5c7ac6;border-radius:2px;border:0;font-size:16px;font-weight:normal;font-stretch:normal;line-height:18px;letter-spacing:0;color:#fff}.protocol-pop .protocol-detail .consent-content .consent-btn:hover{background:#526eb5}.error-message-content{position:fixed;top:0;width:100%;height:40px;line-height:40px;text-align:center;display:none}.error-message-content i{cursor:pointer}.error-message-content.is-chrome{background:#f8f6db}.error-message-content.is-certificate{background:#fbd9d9;color:#ff5656}.error-message-content span{color:#ff5656;display:inline-block;margin-right:20px}.error-message-content i{color:#ff5656;display:inline-block}
\ No newline at end of file
+*{box-sizing:border-box}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,i,pre,form,fieldset,input,blockquote,th,td,p,span,button,textarea,b{margin:0;padding:0}html,body{font-size:14px;font-family:"Microsoft YaHei";height:100%;position:relative}a{text-decoration:none;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}button{text-decoration:none;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}a:hover{text-decoration:none}ul,ol,li{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:normal}input::-webkit-input-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}input:-moz-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}input::-moz-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}input:-ms-input-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}textarea::-webkit-input-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}textarea:-moz-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}textarea::-moz-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}textarea:-ms-input-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}.pb110{padding-bottom:110px}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.hide{display:none!important;visibility:hidden}input[type="number"]{-moz-appearance:textfield}input,select{background:0}input[disabled]{background:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-content{height:100%;width:100%;position:relative;margin:0 auto;background-color:#ebf2fa}#particles-js{height:100%}.page-content .right-top{width:52%;height:0;position:absolute;right:0;top:0;padding-bottom:10%;background-color:#ebf2fa}.page-content .right-top img{width:100%}.page-content .right-bottom{width:31%;height:0;position:absolute;right:1%;bottom:0;padding-bottom:15%}.page-content .right-bottom img{width:100%}.page-content .left-bottom{width:35%;height:0;position:absolute;left:0;bottom:0;padding-bottom:12%}.page-content .left-bottom img{width:100%}.page-content .login-from{width:450px;position:absolute;top:17%;left:50%;margin-left:-200px;z-index:100;overflow:visible;background:#fff;border-radius:8px;box-shadow:0 2px 6px 0 rgba(0,0,0,0.10)}.page-content .login-from .logo-title{opacity:1;padding:55px 0 50px 0;display:flex;align-items:center;justify-content:center}.page-content .login-from .logo-title .title{font-size:22px;font-family:TencentSansW7;color:#63656e}.page-content .login-from .logo-title .logo_ce:after{content:'';height:18px;width:1px;display:block;position:absolute;cursor:pointer;background:#c4c6cc;top:63px;left:225px}.page-content .login-from .logo-title div{padding:0 12px;width:50%}.page-content .login-from .logo-title .logo_ce{text-align:end}.page-content .login-from .logo-title .logo_ce img{width:145px}.page-content .login-from .logo-title .logo_community{display:flex;line-height:30px}.page-content .login-from .logo-title .logo_community img{width:46px;margin-left:4px}.page-content .login-from .from-detail{position:relative;padding-bottom:40px}.page-content .login-from .from-detail .is-danger-tip{position:absolute;color:#ea3636;top:11px;left:38px;font-size:12px}.page-content .login-from .from-detail .is-danger-tip .icon-exclamation-circle-shape{margin-right:10px}.page-content .login-from .form-login{width:100%;padding:0 38px}.page-content .login-from .form-login .change-password{height:22px}.page-content .login-from .form-login .change-password span{color:#ea3636}.page-content .login-from .form-login .change-password a{color:#1768ef}.page-content .login-from .form-login.is-danger .group-control p{color:#ff5656}.page-content .login-from .form-login.is-danger .group-control input{border-color:#ff5656;color:#ff5656}.page-content .login-from .form-login.is-danger .group-control input:focus{border-color:#ff5656}.page-content .login-from .form-login.is-danger .group-control input::-webkit-input-placeholder{color:#ff5656}.page-content .login-from .form-login.is-danger .group-control input:-moz-placeholder{color:#ff5656}.page-content .login-from .form-login.is-danger .group-control input::-moz-placeholder{color:#ff5656}.page-content .login-from .form-login.is-danger .group-control input:-ms-input-placeholder{color:#ff5656}.page-content .login-from .form-login.certificate-expired .group-control i{color:#cad3dc}.page-content .login-from .form-login.certificate-expired .group-control input{border-color:#dde4eb;color:#cad3dc}.page-content .login-from .form-login.certificate-expired .group-control input:focus{border-color:#ff5656}.page-content .login-from .form-login.certificate-expired .group-control input::-webkit-input-placeholder{color:#cad3dc}
+.page-content .login-from .form-login.certificate-expired .group-control input:-moz-placeholder{color:#cad3dc}.page-content .login-from .form-login.certificate-expired .group-control input::-moz-placeholder{color:#cad3dc}.page-content .login-from .form-login.certificate-expired .group-control input:-ms-input-placeholder{color:#cad3dc}.page-content .login-from .form-login.certificate-expired .btn-content .login-btn{background:#313b4c;cursor:not-allowed}.page-content .login-from .form-login.certificate-expired .btn-content .login-btn:hover{background:#344157}.page-content .login-from .form-login .group-control{width:100%;height:40px;border-radius:2px;position:relative}.page-content .login-from .form-login .user{margin-bottom:24px}.page-content .login-from .form-login .group-control i{position:absolute;font-size:16px;top:12px;right:13px;color:#979ba5}.page-content .login-from .form-login .group-control i:hover{cursor:pointer}.page-content .login-from .form-login .group-control input{width:100%;height:100%;outline:0;border:1px solid #c4c6cc;padding:0 40px 0 12px;color:#737987;border-radius:2px}.page-content .login-from .form-login .action{margin-top:12px}.page-content .login-from .form-login .group-control input:focus{border-color:#3c96ff}.page-content .login-from .form-login .group-control input::-webkit-input-placeholder{color:#aaa}.page-content .login-from .form-login .group-control input:-moz-placeholder{color:#aaa}.page-content .login-from .form-login .group-control input::-moz-placeholder{color:#aaa}.page-content .login-from .form-login .group-control input:-ms-input-placeholder{color:#aaa}.page-content .login-from .form-login .btn-content{font-size:0;padding-top:24px}.page-content .login-from .form-login .btn-content .login-btn{width:100%;height:42px;display:inline-block;background-color:#3a84ff;border-radius:2px;outline:0;border:0;font-size:14px;line-height:18px;letter-spacing:0;color:#fff;cursor:pointer;float:left}.page-content .login-from .form-login .btn-content .login-btn:hover{background:#3a84ff}.page-content .login-from .form-login .protocol-btn,.page-content .login-from .form-login .password-btn{font-size:14px;letter-spacing:0;color:#63656e;display:inline-block!important;cursor:pointer;float:right}.page-content .login-from .form-login .protocol-btn:hover,.page-content .login-from .form-login .password-btn:hover{color:#1768ef}.language-switcher{display:flex;border-radius:2px;height:24px;line-height:24px;justify-content:end;text-align:right;margin-top:47px}.language-switcher .language-item{width:70px;text-align:center;background:#f5f7fa;transform:skew(-15deg,0deg);display:inline-block;height:24px;border-radius:2px;cursor:pointer}.language-switcher .language-item .text-active{display:block;width:70px;height:24px;line-height:24px;font-size:12px;transform:skew(15deg,0deg)}.language-switcher .active{background:#e1ecff}.language-switcher .active .text-active{color:#3a84ff}.footer{width:100%;line-height:20px;padding:2% 0;position:absolute;bottom:0;color:#bfcbd7;font-size:12px;text-align:center;background:url(../img/logo_ce/footer.png) no-repeat center;background-size:100% 100%}.footer .logo-qt{margin-bottom:10px}.footer .logo-qt .img-logo{position:relative;top:4px;margin-right:8px}.footer a{color:#bfcbd7;margin:0 5px}.footer a:hover{color:#fff}.footer .follow-us{position:relative}.footer .follow-us:hover .qr-box{display:inline-block;padding-bottom:20px}.footer .qr-box{display:none;left:-25px;top:-110px}.footer .qr{padding:4px;border:1px solid #e4e4e4;background:#fff;display:inline-block}.footer .qr-caret{width:0;height:0;border:7px solid transparent;border-top:7px solid #fff;top:101px;left:42px;position:absolute}.footer .follow-us:hover .qr-box{display:inline-block}.footer a:hover{color:#fff}.footer .qr-box{position:absolute;top:0;margin-top:-118px}.protocol-pop{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:101}.protocol-pop .protocol-detail{width:1200px;height:700px;background-color:#fff;border-radius:2px;top:10%;left:50%;margin-left:-600px;position:absolute;padding:59px 23px 40px 37px}.protocol-pop .protocol-detail .del-text{position:absolute;top:0;right:0;width:27px;height:27px;line-height:26px;border-radius:50%;text-align:center;margin:4px 4px 0 0;background-repeat:no-repeat;background-size:11px 11px;background-position:50% 50%;cursor:pointer;display:inline-block}.protocol-pop .protocol-detail .del-text:hover{background-color:#f3f3f3}.protocol-pop .protocol-detail .del-text>i{font-size:10px;color:#50525f;font-weight:bold}.protocol-pop .protocol-detail .detail-content{height:536px;overflow-y:auto}.protocol-pop .protocol-detail .detail-content::-webkit-scrollbar{width:6px;height:5px}.protocol-pop .protocol-detail .detail-content::-webkit-scrollbar-thumb{border-radius:20px;background:#a5a5a5;box-shadow:inset 0 0 6px rgba(204,204,204,0.3)}.protocol-pop .protocol-detail .detail-content>.title{text-align:center;font-size:32px;font-weight:normal;font-stretch:normal;line-height:36px;letter-spacing:1px;color:#4f515e;position:relative;margin-bottom:67px}
+.protocol-pop .protocol-detail .detail-content>.title:after{content:"";position:absolute;width:30px;height:2px;background:#5c7ac6;top:46px;left:50%;margin-left:-15px}.protocol-pop .protocol-detail .detail-content .detail-list{padding-right:23px}.protocol-pop .protocol-detail .detail-content .detail-list>.title{font-weight:bold}.protocol-pop .protocol-detail .detail-content .detail-list P{text-align:left;font-size:12px;line-height:32px;letter-spacing:0;color:#7b7d8a}.protocol-pop .protocol-detail .consent-content{text-align:center;margin-top:25px}.protocol-pop .protocol-detail .consent-content .consent-btn{width:160px;height:42px;display:inline-block;background-color:#5c7ac6;border-radius:2px;border:0;font-size:16px;font-weight:normal;font-stretch:normal;line-height:18px;letter-spacing:0;color:#fff}.protocol-pop .protocol-detail .consent-content .consent-btn:hover{background:#526eb5}.error-message-content{position:fixed;top:0;width:100%;height:40px;line-height:40px;text-align:center;display:none}.error-message-content i{cursor:pointer}.error-message-content.is-chrome{background:#f8f6db}.error-message-content.is-certificate{background:#fbd9d9;color:#ff5656}.error-message-content span{color:#ff5656;display:inline-block;margin-right:20px}.error-message-content i{color:#ff5656;display:inline-block}
\ No newline at end of file
diff --git a/src/login/static/img/logo_ce/logo.png b/src/login/static/img/logo_ce/logo.png
deleted file mode 100644
index 5dde4f027..000000000
Binary files a/src/login/static/img/logo_ce/logo.png and /dev/null differ
diff --git a/src/login/static/img/logo_ce/logo.svg b/src/login/static/img/logo_ce/logo.svg
new file mode 100644
index 000000000..1152ea246
--- /dev/null
+++ b/src/login/static/img/logo_ce/logo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/login/static/img/logo_ce/logo_ce.png b/src/login/static/img/logo_ce/logo_ce.png
deleted file mode 100644
index 5729e2177..000000000
Binary files a/src/login/static/img/logo_ce/logo_ce.png and /dev/null differ
diff --git a/src/login/static/img/logo_ce/logo_en.svg b/src/login/static/img/logo_ce/logo_en.svg
new file mode 100644
index 000000000..5238670b0
--- /dev/null
+++ b/src/login/static/img/logo_ce/logo_en.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/login/static/img/logo_ce/v7.png b/src/login/static/img/logo_ce/v7.png
deleted file mode 100644
index c95d2b7d2..000000000
Binary files a/src/login/static/img/logo_ce/v7.png and /dev/null differ
diff --git a/src/login/static/img/logo_ce/v7.svg b/src/login/static/img/logo_ce/v7.svg
new file mode 100644
index 000000000..5fd692ac0
--- /dev/null
+++ b/src/login/static/img/logo_ce/v7.svg
@@ -0,0 +1 @@
+
\ No newline at end of file