/** 图标字体 **/
@font-face {
  font-family: 'layui-icon';
  src: url('../fonts/login-font/iconfont.eot?v=256');
  src: url('../fonts/login-font/iconfont.eot?v=256#iefix') format('embedded-opentype'),
       url('../fonts/login-font/iconfont.woff2?v=256') format('woff2'),
       url('../fonts/login-font/iconfont.woff?v=256') format('woff'),
       url('../fonts/login-font/iconfont.ttf?v=256') format('truetype'),
       url('../fonts/login-font/iconfont.svg?v=256#layui-icon') format('svg');
}
                    
.layui-icon{
  font-family:"layui-icon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* font-class */
.layui-icon-reply-fill:before{content:"\e611"}
.layui-icon-set-fill:before{content:"\e614"}
.layui-icon-menu-fill:before{content:"\e60f"}
.layui-icon-search:before{content:"\e615"}
.layui-icon-share:before{content:"\e641"}
.layui-icon-set-sm:before{content:"\e620"}
.layui-icon-engine:before{content:"\e628"}
.layui-icon-close:before{content:"\1006"}
.layui-icon-close-fill:before{content:"\1007"}
.layui-icon-chart-screen:before{content:"\e629"}
.layui-icon-star:before{content:"\e600"}
.layui-icon-circle-dot:before{content:"\e617"}
.layui-icon-chat:before{content:"\e606"}
.layui-icon-release:before{content:"\e609"}
.layui-icon-list:before{content:"\e60a"}
.layui-icon-chart:before{content:"\e62c"}
.layui-icon-ok-circle:before{content:"\1005"}
.layui-icon-layim-theme:before{content:"\e61b"}
.layui-icon-table:before{content:"\e62d"}
.layui-icon-right:before{content:"\e602"}
.layui-icon-left:before{content:"\e603"}
.layui-icon-cart-simple:before{content:"\e698"}
.layui-icon-face-cry:before{content:"\e69c"}
.layui-icon-face-smile:before{content:"\e6af"}
.layui-icon-survey:before{content:"\e6b2"}
.layui-icon-tree:before{content:"\e62e"}
.layui-icon-ie:before{content:"\e7bb"}
.layui-icon-upload-circle:before{content:"\e62f"}
.layui-icon-add-circle:before{content:"\e61f"}
.layui-icon-download-circle:before{content:"\e601"}
.layui-icon-templeate-1:before{content:"\e630"}
.layui-icon-util:before{content:"\e631"}
.layui-icon-face-surprised:before{content:"\e664"}
.layui-icon-edit:before{content:"\e642"}
.layui-icon-speaker:before{content:"\e645"}
.layui-icon-down:before{content:"\e61a"}
.layui-icon-file:before{content:"\e621"}
.layui-icon-layouts:before{content:"\e632"}
.layui-icon-rate-half:before{content:"\e6c9"}
.layui-icon-add-circle-fine:before{content:"\e608"}
.layui-icon-prev-circle:before{content:"\e633"}
.layui-icon-read:before{content:"\e705"}
.layui-icon-404:before{content:"\e61c"}
.layui-icon-carousel:before{content:"\e634"}
.layui-icon-help:before{content:"\e607"}
.layui-icon-code-circle:before{content:"\e635"}
.layui-icon-windows:before{content:"\e67f"}
.layui-icon-water:before{content:"\e636"}
.layui-icon-username:before{content:"\e66f"}
.layui-icon-find-fill:before{content:"\e670"}
.layui-icon-about:before{content:"\e60b"}
.layui-icon-location:before{content:"\e715"}
.layui-icon-up:before{content:"\e619"}
.layui-icon-pause:before{content:"\e651"}
.layui-icon-date:before{content:"\e637"}
.layui-icon-layim-uploadfile:before{content:"\e61d"}
.layui-icon-delete:before{content:"\e640"}
.layui-icon-play:before{content:"\e652"}
.layui-icon-top:before{content:"\e604"}
.layui-icon-firefox:before{content:"\e686"}
.layui-icon-friends:before{content:"\e612"}
.layui-icon-refresh-3:before{content:"\e9aa"}
.layui-icon-ok:before{content:"\e605"}
.layui-icon-layer:before{content:"\e638"}
.layui-icon-face-smile-fine:before{content:"\e60c"}
.layui-icon-dollar:before{content:"\e659"}
.layui-icon-group:before{content:"\e613"}
.layui-icon-layim-download:before{content:"\e61e"}
.layui-icon-picture-fine:before{content:"\e60d"}
.layui-icon-link:before{content:"\e64c"}
.layui-icon-diamond:before{content:"\e735"}
.layui-icon-log:before{content:"\e60e"}
.layui-icon-key:before{content:"\e683"}
.layui-icon-rate-solid:before{content:"\e67a"}
.layui-icon-fonts-del:before{content:"\e64f"}
.layui-icon-unlink:before{content:"\e64d"}
.layui-icon-fonts-clear:before{content:"\e639"}
.layui-icon-triangle-r:before{content:"\e623"}
.layui-icon-circle:before{content:"\e63f"}
.layui-icon-radio:before{content:"\e643"}
.layui-icon-align-center:before{content:"\e647"}
.layui-icon-align-right:before{content:"\e648"}
.layui-icon-align-left:before{content:"\e649"}
.layui-icon-loading-1:before{content:"\e63e"}
.layui-icon-return:before{content:"\e65c"}
.layui-icon-fonts-strong:before{content:"\e62b"}
.layui-icon-upload:before{content:"\e67c"}
.layui-icon-dialogue:before{content:"\e63a"}
.layui-icon-video:before{content:"\e6ed"}
.layui-icon-headset:before{content:"\e6fc"}
.layui-icon-cellphone-fine:before{content:"\e63b"}
.layui-icon-add-1:before{content:"\e654"}
.layui-icon-face-smile-b:before{content:"\e650"}
.layui-icon-fonts-html:before{content:"\e64b"}
.layui-icon-screen-full:before{content:"\e622"}
.layui-icon-form:before{content:"\e63c"}
.layui-icon-cart:before{content:"\e657"}
.layui-icon-camera-fill:before{content:"\e65d"}
.layui-icon-tabs:before{content:"\e62a"}
.layui-icon-heart-fill:before{content:"\e68f"}
.layui-icon-fonts-code:before{content:"\e64e"}
.layui-icon-ios:before{content:"\e680"}
.layui-icon-at:before{content:"\e687"}
.layui-icon-fire:before{content:"\e756"}
.layui-icon-set:before{content:"\e716"}
.layui-icon-fonts-u:before{content:"\e646"}
.layui-icon-triangle-d:before{content:"\e625"}
.layui-icon-tips:before{content:"\e702"}
.layui-icon-picture:before{content:"\e64a"}
.layui-icon-more-vertical:before{content:"\e671"}
.layui-icon-bluetooth:before{content:"\e689"}
.layui-icon-flag:before{content:"\e66c"}
.layui-icon-loading:before{content:"\e63d"}
.layui-icon-fonts-i:before{content:"\e644"}
.layui-icon-refresh-1:before{content:"\e666"}
.layui-icon-rmb:before{content:"\e65e"}
.layui-icon-addition:before{content:"\e624"}
.layui-icon-home:before{content:"\e68e"}
.layui-icon-time:before{content:"\e68d"}
.layui-icon-user:before{content:"\e770"}
.layui-icon-notice:before{content:"\e667"}
.layui-icon-chrome:before{content:"\e68a"}
.layui-icon-edge:before{content:"\e68b"}
.layui-icon-login-weibo:before{content:"\e675"}
.layui-icon-voice:before{content:"\e688"}
.layui-icon-upload-drag:before{content:"\e681"}
.layui-icon-login-qq:before{content:"\e676"}
.layui-icon-snowflake:before{content:"\e6b1"}
.layui-icon-heart:before{content:"\e68c"}
.layui-icon-logout:before{content:"\e682"}
.layui-icon-file-b:before{content:"\e655"}
.layui-icon-template:before{content:"\e663"}
.layui-icon-transfer:before{content:"\e691"}
.layui-icon-auz:before{content:"\e672"}
.layui-icon-console:before{content:"\e665"}
.layui-icon-app:before{content:"\e653"}
.layui-icon-prev:before{content:"\e65a"}
.layui-icon-website:before{content:"\e7ae"}
.layui-icon-next:before{content:"\e65b"}
.layui-icon-component:before{content:"\e857"}
.layui-icon-android:before{content:"\e684"}
.layui-icon-more:before{content:"\e65f"}
.layui-icon-login-wechat:before{content:"\e677"}
.layui-icon-shrink-right:before{content:"\e668"}
.layui-icon-spread-left:before{content:"\e66b"}
.layui-icon-camera:before{content:"\e660"}
.layui-icon-note:before{content:"\e66e"}
.layui-icon-refresh:before{content:"\e669"}
.layui-icon-female:before{content:"\e661"}
.layui-icon-male:before{content:"\e662"}
.layui-icon-screen-restore:before{content:"\e758"}
.layui-icon-password:before{content:"\e673"}
.layui-icon-senior:before{content:"\e674"}
.layui-icon-theme:before{content:"\e66a"}
.layui-icon-tread:before{content:"\e6c5"}
.layui-icon-praise:before{content:"\e6c6"}
.layui-icon-star-fill:before{content:"\e658"}
.layui-icon-rate:before{content:"\e67b"}
.layui-icon-template-1:before{content:"\e656"}
.layui-icon-vercode:before{content:"\e679"}
.layui-icon-service:before{content:"\e626"}
.layui-icon-cellphone:before{content:"\e678"}
.layui-icon-print:before{content:"\e66d"}
.layui-icon-cols:before{content:"\e610"}
.layui-icon-wifi:before{content:"\e7e0"}
.layui-icon-export:before{content:"\e67d"}
.layui-icon-rss:before{content:"\e808"}
.layui-icon-slider:before{content:"\e714"}
.layui-icon-email:before{content:"\e618"}
.layui-icon-subtraction:before{content:"\e67e"}
.layui-icon-mike:before{content:"\e6dc"}
.layui-icon-light:before{content:"\e748"}
.layui-icon-gift:before{content:"\e627"}
.layui-icon-mute:before{content:"\e685"}
.layui-icon-reduce-circle:before{content:"\e616"}
.layui-icon-music:before{content:"\e690"}

body,button,div,input,select,td,textarea {
	text-align: left
}

blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,table,td,textarea,th,ul {
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

img {
	border: 0
}

address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: 400
}

ul li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none
}

caption,th {
	text-align: left
}

h1,h2,h3,h4,h5,h6 {
	vertical-align: baseline
}

input[type=checkbox],input[type=radio] {
	vertical-align: middle
}

input::-ms-clear {
	display: none
}

textarea {
	overflow: auto;
	resize: none
}

a:focus,button:focus {
	outline-style: none;
	outline-width: 0
}
html,body{
  width: 100%;
  height: 100%;
}
body {
	font-size: 14px;
	-webkit-font-smoothing: antialiased
}

body,button,input,select,textarea {
	font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","\5B8B\4F53","\9ED1\4F53",Arial,sans-serif
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 400
}

a {
	text-decoration: none;
	color: #2d64fb
}

a:hover {
	color: #04f
}

.clearFix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden
}

.pull-left {
	float: left
}

.pull-right {
	float: right
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}

/* .btn {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 36px;
	width: 138px;
	line-height: 36px;
	font-size: 14px;
	color: #3d63cc;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	border: 1px solid #1755fe;
	border-radius: 3px;
	background-color: #fff;
	overflow: visible
} */

/* .btn:hover {
	background: #1755fe;
	color: #fff
}[class^=icon] {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin-right: 5px
} */

::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	background: #fff
}

::-webkit-scrollbar-button {
	width: 0;
	height: 0
}

::-webkit-scrollbar-button:end:increment,::-webkit-scrollbar-button:start:decrement {
	display: block
}

::-webkit-scrollbar-button:vertical:end:decrement,::-webkit-scrollbar-button:vertical:start:increment {
	display: none
}

::-webkit-scrollbar-corner {
	display: block
}

::-webkit-scrollbar-thumb {
	background-clip: padding-box;
	background-color: rgba(0,0,0,.2);
	border-radius: 8px
}

::-webkit-scrollbar-thumb:hover {
	background-clip: padding-box;
	background-color: rgba(0,0,0,.5);
	border-radius: 8px
}

::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-track:vertical {
	border-left: 1px solid transparent;
	border-right: 1px solid transparent
}

::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-track:horizontal {
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent
}

::-webkit-scrollbar-track:hover {
	background-clip: padding-box;
	background-color: rgba(0,0,0,.15)
}

::-webkit-scrollbar-button:vertical:start {
	width: 10px;
	height: 10px;
	background: url(../img/scrollbar_arrow.png) no-repeat 0 0
}

::-webkit-scrollbar-button:vertical:start:hover {
	background-position: -15px 0
}

::-webkit-scrollbar-button:vertical:start:active {
	background-position: -30px 0
}

::-webkit-scrollbar-button:vertical:end {
	width: 10px;
	height: 10px;
	background-position: 0 -18px
}

::-webkit-scrollbar-button:vertical:end:hover {
	background-position: -15px -18px
}

::-webkit-scrollbar-button:vertical:end:active {
	background-position: -30px -18px
}
.screens{
  width: 100%;
  height: 100%;
}
.screens .logo {
	width: auto;
	height: 40px;
	position: absolute;
	z-index: 5;
	top: 20px;
	left: 20px;
	font-size: 0;
	color: transparent;
}

.sreecs-bg{
  position: absolute;
  background: url(../img/login_screen1_bg.jpg) center bottom no-repeat;
  background-size: cover;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.screens .galaxy {
	position: absolute;
	z-index: 3;
	width: 1325px;
	height: 522px;
  top: 50%;
  left: 50%;
  margin: -260px 0 0 -676px;
}

.container{
  display: flex;
  flex-direction: column;
  align-items: center;
  /* justify-content: center; */
  position: relative;
	z-index: 99;
	padding-top: 150px;
	padding: 150px 25px;
}



.container .slogan{
  width: 523px;
  height: auto;
  display: block;
  margin-bottom: 40px;
}
.container .login-panel{
	width: 100%;
	max-width: 370px;
}

.login-panel .loginForm {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 16px;
	position: relative
}
.login-panel .btn-primary {
	color: #fff;
	background: #04f;
	border: none
}

.login-panel .btn-primary:hover {
	background: #0224d0
}

.login-panel .btn-primary.btn-loading {
	background: #0224d0;
	border-color: #0224d0
}

.login-panel .btn-primary:hover {
	background: #1755fe;
	color: #fff
}[class^=icon] {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin-right: 5px
}

.login-panel .loginForm .login-error-tips {
	position: absolute;
	top: -20px;
	font-size: 14px;
	color: #fff;
	line-height: 20px
}

.login-panel .loginForm .input-group {
	margin-bottom: 30px;
	position: relative;
	display: block;
}

.login-panel .loginForm .input-group input {
	width: 100%;
	height: 46px;
	line-height: 46px;
	border: none;
	padding-left: 50px;
	font-size: 16px;
	color: #222;
	background: #fff;
	border-radius: 3px;
}

.login-panel .loginForm .input-group input:focus {
	box-shadow: none;
	outline: 0
}

.login-panel .loginForm .input-group input::-moz-input-placeholder,.login-panel .loginForm .input-group input::-ms-input-placeholder,.login-panel .loginForm .input-group input::-webkit-input-placeholder {
	color: #bdbdbd;
	font-size: 12px
}

.login-panel .loginForm .input-group input:focus::-moz-input-placeholder,.login-panel .loginForm .input-group input:focus::-ms-input-placeholder,.login-panel .loginForm .input-group input:focus::-webkit-input-placeholder {
	color: transparent
}

.login-panel .loginForm .input-group input:-webkit-autofill {
	background-color: #fff!important;
	-webkit-box-shadow: 0 0 0 1000px #fff inset;
	border: none;
}

.login-panel .loginForm .input-group .layui-icon{
	position: absolute;
	font-size: 18px;
	top: 50%;
	left: 16px;
	transform: translateY(-50%);
	z-index: 99;
}

.login-panel .login-remember {
	height: 18px;
  line-height: 18px;
	margin-bottom: 18px;
	box-sizing: content-box;
}

.login-panel .login-remember .remember-id input{
	margin: 0;
}

.login-panel .login-remember .remember-txt {
	font-size: 14px;
	color: #b0b9c4
}

.login-panel .login-remember .login-error {
	color: #999;
	transition: color 1s cubic-bezier(.19,1,.22,1)
}

.login-panel .login-remember .login-error:hover {
	color: #e8e8e8
}

.login-panel .login-submit {
	padding: 0 0 20px
}

.login-panel .btn-primary {
	width: 100%;
	display: block;
	height: 46px;
	line-height: 44px;
	border-radius: 3px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	letter-spacing: 8px;
	transition: background 1s cubic-bezier(.19,1,.22,1)
}
.login-panel .login-mode {
	text-align: left;
	position: relative;
	height: 32px;
	line-height: 32px
}

.login-panel .login-mode .register {
	position: absolute;
	bottom: 0;
	right: 0
}

.login-panel .login-mode .register .register-link {
	color: #2d64fb;
	transition: color 1s cubic-bezier(.19,1,.22,1)
}

.login-panel .login-mode .register .register-link:hover {
	color: #04f
}

@media (max-width:768px) {
	.container {
		height: 100%;
	}
  .container .slogan{
    width: 60%;
    margin-bottom: 30px;
	}
	.reg-container{
		padding-top: 100px;
	}
}

main.content{
	width: 100%;
	height: 100% !important;
	padding: 0;
}
.n-default .msg-wrap .n-icon{
	background: url(../img/login-svg-sprite-97eb796f.svg) no-repeat;
	background-position: 12.903225806451612% 99.23664122137404%;
	width: 19px;
  height: 19px;
}
.input-group > .msg-box.n-right{
	display: block;
}
.n-right .msg-wrap{
	display: flex;
	align-items: center;
}

.layui-layer{
	width: 90% !important;
	max-width: 450px !important;
}

.input-code{
	display: flex !important;
	align-items: center;
}
.input-code input{
	width: auto !important;
	flex: 1;
	padding: 0;
	box-sizing: border-box;
}
.input-code .code-btn{
	width: auto;
}
.input-code .code-btn a{
	padding: 0;
	width: 100px;
	height: 46px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}