diff --git a/src/admin/templets/index.htm b/src/admin/templets/index.htm
index bab37389..8004c19b 100644
--- a/src/admin/templets/index.htm
+++ b/src/admin/templets/index.htm
@@ -12,11 +12,6 @@
 		<script src="/static/web/js/admin.main.js"></script>
 	</head>
 	<body class="menu-show">
-		<?php if (preg_match('/MSIE/i',$_SERVER['HTTP_USER_AGENT']) || preg_match('/Trident/i',$_SERVER['HTTP_USER_AGENT'])) {?>
-		<div class="browsehappy">
-			<span>您使用的浏览器已过时，请<a href="https://www.dedebiz.com/browsehappy" target="_blank">更换浏览器</a>，提高后台操作体验</span>
-		</div>
-		<?php }?>
 		<div class="admin-head">
 			<div class="logo">
 				<a href="index_body.php" target="main" class="name"><?php echo cn_substr($cfg_webname, 12);?></a>
diff --git a/src/admin/templets/login.htm b/src/admin/templets/login.htm
index 6102a2a5..6514d677 100644
--- a/src/admin/templets/login.htm
+++ b/src/admin/templets/login.htm
@@ -12,54 +12,56 @@
 		<script src="/static/web/js/login.js"></script>
 	</head>
 	<body>
-		<?php if (preg_match('/MSIE/i',$_SERVER['HTTP_USER_AGENT']) || preg_match('/Trident/i',$_SERVER['HTTP_USER_AGENT'])) {?>
-		<div class="browsehappy">
-			<span>您使用的浏览器已过时，请<a href="https://www.dedebiz.com/browsehappy" target="_blank">更换浏览器</a>，提高后台操作体验</span>
-		</div>
-		<?php }?>
-		<div class="login-head shadow-sm mb-3">
-			<div class="container">
-				<div class="row align-items-center">
-					<div class="col-6 col-md-4">
-						<a href="/" target="_blank" class="logo"><img src="/favicon.ico" title="<?php echo $cfg_webname;?>"><?php echo $cfg_webname;?></a>
-					</div>
-					<div class="col-6 col-md-8">
-						<div class="d-flex justify-content-end text-right">
-							<a href="https://www.dedebiz.com/service" target="_blank"><i class="fa fa-handshake-o"></i> 技术服务</a>
-							<a href="/" target="_blank" class="ml-3 d-none d-lg-block"><i class="fa fa-home"></i> 网站首页</a>
-						</div>
-					</div>
+		<div class="login-step">
+			<div class="row h-100">
+				<div class="col-lg-8 d-none d-lg-block">
+					<div class="login-bg"></div>
 				</div>
-			</div>
-		</div>
-		<div class="container">
-			<div class="login-from">
-				<?php echo $redmsg;?>
-				<div class="login-box shadow-sm mb-3">
-					<h1>后台登录</h1>
-					<form name="form1" method="post" action="login.php">
-						<input type="hidden" name="gotopage" value="<?php if (!empty($gotopage)) echo RemoveXSS($gotopage);?>">
-						<input type="hidden" name="dopost" value="login">
-						<input type="hidden" name="adminstyle" value="newDedeBIZ">
-						<div class="form-group">
-							<label for="iptUserid">管理员账号</label>
-							<input type="text" name="userid" id="iptUserid" class="form-control" placeholder="请输入管理员账号" required>
+				<div class="col-lg-4">
+					<div class="login-box">
+						<div class="logo">
+							<a href="/" target="_blank" class="logo"><img src="/favicon.ico" title="<?php echo $cfg_webname;?>"><?php echo $cfg_webname;?></a>
 						</div>
-						<div class="form-group">
-							<label for="iptPwd">管理员密码</label>
-							<input type="password" name="pwd" id="iptPwd" class="form-control" placeholder="请输入管理员密码" autocomplete="off" required>
+						<div class="title">
+							<h1>后台登录</h1>
+							<p>DedeBIZ系统基于PHP7版本开发，具有很强的可扩展性，并且采用GPLv2协议完全开放源代码。DedeBIZ支持采用现流行的Go语言设计开发，拥有简单易用、灵活扩展特性之外更安全、高效。</p>
 						</div>
-						<div id="vdimgck" class="form-group" style="display:none">
-							<label for="iptValidate">验证码</label>
-							<div class="input-group">
-								<input type="text" name="validate" id="iptValidate" class="form-control text-uppercase" placeholder="请输入验证码">
-								<img src="<?php echo $cfg_phpurl;?>/vdimgck.php" onclick="this.src='<?php echo $cfg_phpurl;?>/vdimgck.php?'+new Date().getTime()+Math.round(Math.random() * 10000)" title="验证码" id="validateimg">
-							</div>
+						<?php if (preg_match('/MSIE/i',$_SERVER['HTTP_USER_AGENT']) || preg_match('/Trident/i',$_SERVER['HTTP_USER_AGENT'])) {?><div class="alert alert-danger">您使用的浏览器已过时，请<a href="https://www.dedebiz.com/browsehappy" target="_blank">更换浏览器</a>，提高后台操作体验</div><?php }?>
+						<?php echo $redmsg;?>
+						<div class="login-from">
+							<form name="form1" method="post" action="login.php">
+								<input type="hidden" name="gotopage" value="<?php if (!empty($gotopage)) echo RemoveXSS($gotopage);?>">
+								<input type="hidden" name="dopost" value="login">
+								<input type="hidden" name="adminstyle" value="newDedeBIZ">
+								<div class="form-group">
+									<input type="text" name="userid" id="iptUserid" class="form-control" placeholder="请输入管理员账号" required>
+									<div class="form-icon">
+										<i class="fa fa-user-circle"></i>
+									</div>
+								</div>
+								<div class="form-group">
+									<input type="password" name="pwd" id="iptPwd" class="form-control" placeholder="请输入管理员密码" autocomplete="off" required>
+									<div class="form-icon">
+										<i class="fa fa-key"></i>
+									</div>
+								</div>
+								<div id="vdimgck" class="form-group" style="display:none">
+									<div class="input-group">
+										<input type="text" name="validate" id="iptValidate" class="form-control text-uppercase" placeholder="请输入验证码">
+										<img src="<?php echo $cfg_phpurl;?>/vdimgck.php" onclick="this.src='<?php echo $cfg_phpurl;?>/vdimgck.php?'+new Date().getTime()+Math.round(Math.random() * 10000)" title="验证码" id="validateimg">
+									</div>
+									<div class="form-icon">
+										<i class="fa fa-code"></i>
+									</div>
+								</div>
+								<div class="operate">
+									<button type="submit" class="btn btn-success shadow-lg">登录</button>
+								</div>
+							</form>
 						</div>
-						<div><button type="submit" class="btn btn-success btn-block">登录</button></div>
-					</form>
+						<p><?php echo $cfg_powerby;?></p>
+					</div>
 				</div>
-				<p><?php echo $cfg_powerby;?></p>
 			</div>
 		</div>
 	</body>
diff --git a/src/static/web/css/admin.css b/src/static/web/css/admin.css
index c3b91991..9a50e7a4 100644
--- a/src/static/web/css/admin.css
+++ b/src/static/web/css/admin.css
@@ -24,17 +24,27 @@ option{padding:0.25rem 0}
 option:checked{color:var(--blue)}
 textarea{padding:0.375rem 0.75rem;color:var(--gray);background:var(--white);border:1px solid var(--gray-300);vertical-align:middle}
 input:focus,select:focus,textarea:focus{color:var(--gray);background:var(--white);border-color:var(--blue-300);box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);outline:0}
-.install-box{margin:0 auto;width:800px}
+.install-head{padding:1rem 0;background:var(--white)}
+.install-head .logo{font-size:18px;font-weight:600;color:var(--gray-dark)}
+.install-head .logo img,.login-box .logo img{margin-right:0.5rem;height:36px}
+.install-box{margin:0 auto;width:750px}
 .install-box .card-header,.install-box .card-body{padding:1.25rem}
 .install-box h1{margin:0;line-height:1.2;font-size:18px;font-weight:600;color:var(--gray-dark)}
-.install-box label,.login-box label{margin-bottom:0.25rem}
-.install-box .form-control,.login-box .form-control{height:36px}
-.login-head{padding:1rem 0;background:var(--white)}
-.login-head .logo{font-size:18px;font-weight:600;color:var(--gray-dark)}
-.login-head .logo img{margin-right:0.5rem;height:32px}
-.login-from{margin:5rem auto;width:500px}
-.login-box{padding:1.25rem;background:var(--white)}
-.login-box h1{margin-bottom:1rem;line-height:1.2;font-size:18px;font-weight:600;color:var(--gray-dark);text-align:center}
+.install-box label{margin-bottom:0.25rem}
+.install-box .form-control{height:36px}
+.login-step{height:100vh;overflow-x:hidden}
+.login-step .login-bg{height:100%;background:url(../img/login-bg.png) no-repeat top center;background-size:cover}
+.login-box{padding:80px 100px}
+.login-box .logo{padding-bottom:60px;font-size:18px;font-weight:600;color:var(--gray-dark)}
+.login-box .title,.login-box .alert{margin-bottom:20px}
+.login-box .title h1{margin-bottom:30px;font-size:24px;font-weight:600;color:var(--gray-dark)}
+.login-from{margin-bottom:40px}
+.login-from .form-group{margin-bottom:20px;position:relative}
+.login-from .form-icon{position:absolute;top:16px;left:16px;z-index:998}
+.login-from .form-icon i{font-size:18px!important;color:var(--gray-500)}
+.login-from .form-control{padding-left:45px;height:50px}
+.login-from .operate{margin-top:40px}
+.login-from .operate button{width:100%;height:50px}
 .admin-head{width:100%;height:60px;line-height:60px;background:linear-gradient(45deg,var(--green),var(--success-800) 100%)}
 .admin-head .logo{float:left;padding-left:1.5rem;width:220px}
 .admin-head .logo .name{font-size:18px;font-weight:600;color:var(--white);vertical-align:middle}
@@ -166,8 +176,15 @@ table,input,select,textarea,.login-box,.colordlg,.pubdlg,.quickselitem .topcat,.
 .btn-sm{padding:0.375rem 0.6rem;height:30px;font-size:12px}
 .btn-xs{padding:0.22rem;height:20px;line-height:1;font-size:12px;border-radius:0.35rem!important}
 .btn+.btn{margin-left:10px}
-@media (min-width:1200px){.modal-dialog{max-width:500px}}
-@media (max-width:768px){td{white-space:nowrap}
-.install-box,.login-from,.tips-box{width:100%}
+@media (min-width:1200px){
+.modal-dialog{max-width:500px}
+}
+@media screen and (max-width:1199px) and (min-width:992px){
+.login-box{padding:30px}
+}
+@media (max-width:768px){
+td{white-space:nowrap}
+.install-box,.tips-box{width:100%}
 .tips{padding:0 1rem}
+.login-box{padding:30px}
 }
\ No newline at end of file
diff --git a/src/static/web/css/style.css b/src/static/web/css/style.css
index 25bba7de..a31165dc 100644
--- a/src/static/web/css/style.css
+++ b/src/static/web/css/style.css
@@ -109,7 +109,8 @@ input[type=radio],input[type=checkbox],input[type=radio]:focus,input[type=checkb
 #validateimg,.btn-send{border-radius:0 0.5rem 0.5rem 0!important}
 #returntop{display:none;position:fixed;padding:10px 15px;right:1rem;bottom:1rem;color:var(--white);cursor:pointer;background:var(--orange);border-radius:0.5rem;border:0;z-index:9998}
 #returntop:hover{background:var(--orange)}
-@media (max-width:768px){.pb-m-3{padding-bottom:1rem}
+@media (max-width:768px){
+.pb-m-3{padding-bottom:1rem}
 .login-from{width:100%}
 .bannr-img,.item-theme-img img,.list-article-img img{height:250px}
 .item-news-img img{height:210px}
diff --git a/src/static/web/img/login-bg.png b/src/static/web/img/login-bg.png
new file mode 100644
index 00000000..edaafbbc
Binary files /dev/null and b/src/static/web/img/login-bg.png differ
