#LAY_app,
 body,
 html {
     height: 100%
 }
 
 .layui-layout-body {
     overflow: auto
 }
 
 #LAY-user-login,
 .layadmin-user-display-show {
     display: block!important;
     background-image: url("../img/login.png");
     -moz-background-size: 100% 100%;
     background-size: 100% 100%;
     background-attachment: fixed;
 }
 
 .layadmin-user-login {
     position: relative;
     left: 0;
     top: 0;
     /*padding: 110px 22% 110px 22%;*/
     min-height: 100%;
     box-sizing: border-box;
     background-color: #fff;
     margin: -8px;
     /*background: -webkit-linear-gradient( left, #0BC5B7, #2FDE97);*/
 }
 
 .position_box {
     display: inline-block;
     position: fixed;
     top: 50%;
     left: 50%;
     margin-left: -492px;
     margin-top: -294px;
     box-shadow: 26px 15px 46px rgba(3, 169, 133, 0.21);
 }
 
 .layadmin-user-login-main {
     width: 500px;
     /* height: 610px; */
	 height:540px;
     margin: 0 auto;
     box-sizing: border-box;
     /*margin-top: 100px;*/
     background-color: #fff;
     border-radius: 10px;
     box-shadow: 0px 0px 1px 1px #fff;
     float: left;
 }
 
 .layadmin-user-login-main h2 {
     /*font-weight: 600;*/
 }
 
 .layadmin-user-login-main:nth-child(1) {
     border-top-right-radius: 0px;
     border-bottom-right-radius: 0px;
     padding: 34px;
     background-color: #f2f2f2;
     text-align: center;
     color: #0BC5B7;
 }
 
 .layadmin-user-login-main:nth-child(1) img {
     width: 375px;
     margin-top: 70px;
 }
 
 .layadmin-user-login-main:nth-child(2) {
     border-top-left-radius: 0px;
     border-bottom-left-radius: 0px;
 }
 
 .layadmin-user-login-box {
     padding: 50px;
 }
 
 .layadmin-user-login-header {
     /*text-align: center;*/
     padding-top: 40px;
 }
 
 .layadmin-user-login-header h2 {
     margin-bottom: 10px;
     font-size: 30px;
     color: black;
     font-weight: 500 !important;
 }
 
 .layadmin-user-login-header p {
     font-weight: 300;
     color: #999
 }
 
 .layadmin-user-login-body {
     padding-top: 0px;
 }
 
 .layadmin-user-login-body .layui-form-item {
     position: relative
 }
 
 .layadmin-user-login-icon {
     position: absolute;
     left: 1px;
     top: 1px;
     width: 38px;
     line-height: 48px;
     /*text-align: center;*/
     color: #888;
     background-color: #fff;
     /*padding-left: 10px;*/
     font-size: 22px !important;
 }
 
 .layadmin-user-login-body .layui-form-item .layui-input {
     padding-left: 40px;
     height: 50px;
     font-size: 17px;
 }
 
 .layadmin-user-login-codeimg {
     max-height: 38px;
     width: 100%;
     cursor: pointer;
     box-sizing: border-box
 }
 
 .layadmin-user-login-other {
     position: relative;
     font-size: 0;
     /*line-height: 38px;*/
     /*padding-top: 20px*/
 }
 
 .layadmin-user-login-other>* {
     display: inline-block;
     vertical-align: middle;
     /*margin-right: 10px;*/
     font-size: 14px
 }
 
 .layadmin-user-login-other .layui-icon {
     position: relative;
     top: 2px;
     font-size: 26px
 }
 
 .layadmin-user-login-other a:hover {
     opacity: .8
 }
 
 .layadmin-user-jump-change {
     float: right;
     color: #888;
 }
 
 .layadmin-user-login-footer {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     line-height: 30px;
     padding: 20px;
     text-align: center;
     box-sizing: border-box;
     color: rgba(0, 0, 0, .5)
 }
 
 .layadmin-user-login-footer span {
     padding: 0 5px
 }
 
 .layadmin-user-login-footer a {
     padding: 0 5px;
     color: rgba(0, 0, 0, .5)
 }
 
 .layadmin-user-login-footer a:hover {
     color: rgba(0, 0, 0, 1)
 }
 
 .layadmin-user-login-main[bgimg] {
     box-shadow: 0 0 5px rgba(0, 0, 0, .05)
 }
 
 .ladmin-user-login-theme {
     position: fixed;
     bottom: 0;
     left: 0;
     width: 100%;
     text-align: center
 }
 
 .ladmin-user-login-theme ul {
     display: inline-block;
     padding: 5px;
     background-color: #fff
 }
 
 .ladmin-user-login-theme ul li {
     display: inline-block;
     vertical-align: top;
     width: 64px;
     height: 43px;
     cursor: pointer;
     transition: all .3s;
     -webkit-transition: all .3s;
     background-color: #f2f2f2
 }
 
 .ladmin-user-login-theme ul li:hover {
     opacity: .9
 }
 
 .layui-form-item:nth-child(2) {
     margin-top: 50px;
 }
 
 .layui-form-item input {
     border-style: none;
     border-bottom-style: solid;
     border-bottom-width: 1px;
     border-bottom-color: #eee;
 }
 
 .loginbtn {
     background: -webkit-linear-gradient( left, #0BC5B7, #2FDE97);
     height: 53px;
     font-size: 21px;
     margin-top: 60px;
     box-shadow: 5px -2px 56px rgba(3, 169, 133, 0.21);
 }
 
 input:-webkit-autofill,
 textarea:-webkit-autofill,
 select:-webkit-autofill {
     -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
     background-color: transparent;
     background-image: none;
     transition: background-color 50000s ease-in-out 0s;
 }
 
 input {
     background-color: transparent !important;
 }
 
 .login-mark {
     text-align: center;
 }
 
 .login-mark img {
     width: 200px;
     margin-bottom: 100px;
 }
 
 .login-mark p {
     font-size: 17px;
     color: #888;
 }
 
 @media screen and (max-width:768px) {
     .layadmin-user-login {
         padding-top: 60px
     }
     .layadmin-user-login-main {
         width: 300px
     }
     .layadmin-user-login-box {
         padding: 10px
     }
 }
 /*loading样式*/
 
 .loading_waiting {
     display: flex;
     justify-content: center;
     align-items: Center;
     position: fixed;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background-color: #FFFFFF;
     z-index: 99999999999;
 }
 
 .spinner {
     margin: 0 auto;
     width: 38px;
     height: 38px;
     position: relative;
 }
 
 .container1>div,
 .container2>div,
 .container3>div {
     width: 12px;
     height: 12px;
     background-color: #39DDB0;
     border-radius: 100%;
     position: absolute;
     -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
     animation: bouncedelay 1.2s infinite ease-in-out;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
 }
 
 .spinner .spinner-container {
     position: absolute;
     width: 100%;
     height: 100%;
 }
 
 .container2 {
     -webkit-transform: rotateZ(45deg);
     transform: rotateZ(45deg);
 }
 
 .container3 {
     -webkit-transform: rotateZ(90deg);
     transform: rotateZ(90deg);
 }
 
 .circle1 {
     top: 0;
     left: 0;
 }
 
 .circle2 {
     top: 0;
     right: 0;
 }
 
 .circle3 {
     right: 0;
     bottom: 0;
 }
 
 .circle4 {
     left: 0;
     bottom: 0;
 }
 
 .container2 .circle1 {
     -webkit-animation-delay: -1.1s;
     animation-delay: -1.1s;
 }
 
 .container3 .circle1 {
     -webkit-animation-delay: -1.0s;
     animation-delay: -1.0s;
 }
 
 .container1 .circle2 {
     -webkit-animation-delay: -0.9s;
     animation-delay: -0.9s;
 }
 
 .container2 .circle2 {
     -webkit-animation-delay: -0.8s;
     animation-delay: -0.8s;
 }
 
 .container3 .circle2 {
     -webkit-animation-delay: -0.7s;
     animation-delay: -0.7s;
 }
 
 .container1 .circle3 {
     -webkit-animation-delay: -0.6s;
     animation-delay: -0.6s;
 }
 
 .container2 .circle3 {
     -webkit-animation-delay: -0.5s;
     animation-delay: -0.5s;
 }
 
 .container3 .circle3 {
     -webkit-animation-delay: -0.4s;
     animation-delay: -0.4s;
 }
 
 .container1 .circle4 {
     -webkit-animation-delay: -0.3s;
     animation-delay: -0.3s;
 }
 
 .container2 .circle4 {
     -webkit-animation-delay: -0.2s;
     animation-delay: -0.2s;
 }
 
 .container3 .circle4 {
     -webkit-animation-delay: -0.1s;
     animation-delay: -0.1s;
 }
 
 @-webkit-keyframes bouncedelay {
     0%,
     80%,
     100% {
         -webkit-transform: scale(0.0)
     }
     40% {
         -webkit-transform: scale(1.0)
     }
 }
 
 @keyframes bouncedelay {
     0%,
     80%,
     100% {
         transform: scale(0.0);
         -webkit-transform: scale(0.0);
     }
     40% {
         transform: scale(1.0);
         -webkit-transform: scale(1.0);
     }
 }
 /*倒计时样式*/
 
 .login-scnum {
     cursor: pointer;
     color: #888;
     text-align: center;
     height: 49px;
     line-height: 49px;
     border-bottom-style: solid;
     border-left-style: solid;
     border-left-width: 1px;
     border-left-color: #eee;
     border-bottom-width: 1px;
     border-bottom-color: #eee;
 }
 /*loading样式*/


 /*手机端缩放*/
 .phone-box{
    width: 50% !important;
 }

 .phone-mainbox{
     left: 59%;
 }