/* ####新版登陆样式 2019-9-2 */
html,body {
height: 100%;
width: 100%;
font-family:"Microsoft YaHei";
}
#bg-body .n_main .title-box img{
margin: 0 auto;
display: block;
height: 100%;
}
.larry-main {
width:400px;
height:auto;
float:right;
margin-top: 28.8px;
margin-right:100px;
padding-top:45px;
padding-bottom:25px;
padding-left:45px;
padding-right:45px;
box-shadow:10px 5px 70px rgba(40, 85, 160, 0.3);
border-radius:5px;
background:rgb(0,0,0);
background:rgba(40, 85, 160, 0.8);
filter:alpha(opacity=80);
border:1px solid #909090
}
.l_maindata {
margin: 0 auto !important;
background-color: #ffffff;
border-radius: 16px;
box-shadow: 0px 7px 86px 6px
rgba(40, 85, 160, 0.2);
padding: 50px 43px 43px;
position: relative;
}
.larry-main .title {
display:block;
width:100%;
height:45px;
line-height:45px;
color:#ffffff;
font-size:30px;
text-align:center;
font-weight:bold;
margin-bottom:5px
}
.larry-main p.info {
display:block;
width:100%;
height:35px;
line-height:35px;
color:#ffffff;
font-size:24px;
text-align:center;
padding-bottom:15px
}
.user-info {
display:block;
width:310px;
padding-top:5px;
overflow:hidden;
margin:0 auto
}
.user-info .avatar {
display:block;
width:96px;
height:96px;
margin:0 auto;
margin-bottom:25px
}
.layui-form {
display:block;
position:static;
/*width:290px;*/
overflow:hidden;
margin:0 auto;
padding:0px;
/*padding: 0px 58px;*/
}
.layui-form .layui-form-item {
display:block;
width:100%;
height: 52px;
border:none;
position:relative;
margin-bottom:18px;
height: 46px;
border-radius: 2px;
border-bottom: solid 1px #dee0f5;
padding: 0px 10px;
box-sizing: border-box;
}
.layui-form .layui-form-item.active {
border: solid 1px #5888c0;
}
.layui-form .layui-form-item label.layui-form-label {
display:inline-block;
padding:0px;
margin:0px;
/*height:42px;*/
font-size:14px;
/* margin-left: 18px; */
}
.layui-form .layui-form-item label.layui-form-label img {
vertical-align: middle;
}
.layui-form .layui-form-item label.layui-form-label img:nth-of-type(2) {
display: none;
}
.layui-form .layui-form-item.active label.layui-form-label img:nth-of-type(2) {
display: inherit;
}
.layui-form .layui-form-item.active label.layui-form-label img:nth-of-type(1) {
display: none;
}
.layui-form .layui-form-item input.larry-input {
/* display:block; */
display: inline-block;
width:80%;
height: 44px;
vertical-align:middle;
margin:0px;
padding:0px;
/* position:absolute;
top:0px;
left:0px; */
font-size:14px;
font-family:"Microsoft YaHei","Lucida Grande","Lucida Sans Unicode",Tahoma,Helvetica,Arial,sans-serif;
color:#000!important;
background:#2d2d2d;
background:rgba(15,15,15,.15);
background: none;
border: none;
padding: 0px 13px;
box-sizing: border-box;
/* border:1px solid #dddddd; */
/* border:1px solid rgba(255,255,255,.15); */
/* -moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
text-shadow:0 1px 2px rgba(0,0,0,.1);
-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,.1) inset;
-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.1) inset;
box-shadow:0 2px 3px 0 rgba(0,0,0,.1) inset;
-o-transition:all .2s;
-moz-transition:all .2s;
-webkit-transition:all .2s;
-ms-transition:all .2s;
padding-left:63px; */
}
input::-webkit-input-placeholder {
color:#9c9c9c
}
input:-moz-placeholder {
color:#9c9c9c
}
input::-moz-placeholder {
color:#9c9c9c
}
input:-ms-input-placeholder {
color:#9c9c9c
}
.layui-form .layui-form-item input.larry-input:focus {
color:#000
}
#larry_code {
/* width:170px; */
/*margin-bottom:38px*/
}
#larry_code input.larry-input {
/*padding-left:10px!important;*/
color:#ffffff
}
#larry_code input.larry-input:focus {
color:#ffffff;
font-size:16px
}
input:focus::-webkit-input-placeholder { color:transparent; }
/* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder { color:transparent; }
/* Mozilla Firefox 19+ */
input:focus::-moz-placeholder { color:transparent; }
/* Internet Explorer 10+ */
input:focus:-ms-input-placeholder { color:transparent; }
#larry_code .code,#regist_larry_code .code{
display:block;
background:#ffffff;
width:116px;
height:40px;
padding:0px;
border-radius:4px;
position:absolute;
top:2px;
left:190px;
/* box-shadow:0 1px 1px 1px rgba(0,0,0,0.25) */
}
#larry_code .code .arrow,#regist_larry_code .code .arrow {
background:url(images/login_code.png) no-repeat 0 0;
display:block;
width:7px;
height:13px;
position:absolute;
left:-7px;
top:14px;
display: none;
}
#larry_code .code-img,#regist_larry_code .code-img {
width:98px;
height:38px;
position:absolute;
top:1px;
right:1px;
cursor:pointer
}
#larry_code .code-img img ,#regist_larry_code .code-img img{
display:block;
width:100%;
height:130%
}
.larry-btn {
/*position:static;*/
/*display:block;*/
/*font-size:16px;*/
font-family:"Microsoft YaHei","Lucida Grande","Lucida Sans Unicode",Tahoma,Helvetica,Arial,sans-serif;
/*font-weight:600;*/
/*letter-spacing:1px;*/
/*background:#ef4300;*/
/*width:170px;*/
/*height:40px;*/
/*line-height:40px;*/
/*vertical-align:middle;*/
/*margin:0 auto!important;*/
/*border:1px solid #ff730e;*/
/*-moz-border-radius:5px;*/
/*-webkit-border-radius:5px;*/
/*border-radius:5px;*/
/*-moz-box-shadow:0 15px 30px 0 rgba(255,255,255,.25) inset,0 2px 7px 0 rgba(0,0,0,.2);*/
/*-webkit-box-shadow:0 15px 30px 0 rgba(255,255,255,.25) inset,0 2px 7px 0 rgba(0,0,0,.2);*/
/*box-shadow:0 15px 30px 0 rgba(255,255,255,.25) inset,0 2px 7px 0 rgba(0,0,0,.2);*/
/*color:#fff;*/
/*cursor:pointer;*/
/*text-shadow:0 1px 2px rgba(0,0,0,.1);*/
/*-o-transition:all .2s;*/
/*-moz-transition:all .2s;*/
/*-webkit-transition:all .2s;*/
/*-ms-transition:all .2s;*/
}
.larry-btn {
display: block;
width: 100%;
line-height: 54px;
background-image: linear-gradient(0deg, #2855a0 15%, #3a6aaa 62%, #5888c0 100%),
linear-gradient(#3a6aaa, #3a6aaa);
background-blend-mode: normal, normal;
border-radius: 5px;
font-size: 16px;
color: #ffffff;
letter-spacing: 2px;
text-align: center;
border: none;
}
.layui-form .layui-form-item.setmargin {
text-align: center;
margin-top: 35px;
margin-bottom: 0px;
border: none;
padding: 0px;
}
.setmargin button {
width: 84%;
height: 46px;
border: none;
font-size: 18px;
color: #ffffff;
background-image: linear-gradient(90deg,
#5888c0 0%,
#3a6aaa 50%,
#2855a0 100%);
box-shadow: 0px 5px 10px 0px
rgba(40, 85, 160, 0.3);
border-radius: 27px;
cursor: pointer;
letter-spacing: 5px;
}
.larry-btn:hover {
-moz-box-shadow:0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2);
-webkit-box-shadow:0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2);
box-shadow:0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2)
}
.larry-btn:active {
-moz-box-shadow:0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2);
-webkit-box-shadow:0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2);
box-shadow:0 5px 8px 0 rgba(0,0,0,.1) inset,0 1px 4px 0 rgba(0,0,0,.1);
border:0px solid #ef4300
}
.copy-right {
display:block;
width:360px;
height:30px;
line-height:30px;
margin:0 auto;
text-align:center;
color:#000000;
font-size:14px;
padding-top:5px
}
.copy-right a {
cursor:pointer;
color:#000000
}
.copy-right a:hover {
color:#ffffff
}
.layui-input:focus, .layui-textarea:focus {
border-color: #C9C9C9!important;
}
.layui-btn, .layui-input, .layui-select, .layui-textarea, .layui-upload-button {
outline: 0;
-webkit-appearance: none;
box-sizing: border-box;
}
blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
margin: 0;
padding: 0;
/* -webkit-tap-highlight-color: rgba(0,0,0,0); */
}
.messager {
position: fixed;
z-index: 99999;
max-width: 80%;
padding-right: 50px;
color: #fff;
background-color: #333;
background-color: rgba(0, 0, 0, .8);
border-radius: 5px;
}
.messager.top {
top: 20px;
}
.messager.top-left {
top: 20px;
left: 20px;
}
.messager.top-right {
top: 20px;
right: 20px;
}
.messager.bottom {
bottom: 20px;
}
.messager.bottom-left {
bottom: 20px;
left: 20px;
}
.messager.bottom-right {
right: 20px;
bottom: 20px;
}
.messager-content {
padding: 10px 20px;
}
.messager-content > [class^='icon-'] {
display: inline-block;
margin-right: 8px;
}
.messager-actions {
position: absolute;
top: 10px;
right: 15px;
}
.messager-actions > .action {
color: #fafafa;
color: rgba(255, 255, 255, .6);
text-shadow: none;
background: none;
border: none;
}
.messager-actions > .action.close {
font-size: 20px;
font-weight: normal;
opacity: 1;
}
.messager-actions > .action:hover {
color: #fff;
}
.messager-primary {
background-color: #3280fc;
}
.messager-success {
background-color: #229f24;
}
.messager-info {
background-color: #39b3d7;
}
.l_datatitle img {
display: block;
margin: 0px auto;
/* width: 214px;
height: 41px; */
}
.l_datatitle span {
display: block;
font-size: 16px;
color: #404040;
text-align: center;
margin-top: 8px;
letter-spacing: 2px;
}
.l_datashow {
margin-top: 25px;
}
.messager-warning {
background-color: #ff730e;
}
.dflex {
display: flex;
display: -webkit-flex;
justify-content: space-between;
-webkit-justify-content: space-between;
align-items: center;
-webkit-align-items: center;
}
.n_header, .n_footer .dflex {
width: 1000px;
height: 70px;
margin: 0px auto;
}
.n_headerright span {
font-size: 12px;
color: #404040;
margin-left: 25px;
}
.n_headerright span img {
vertical-align: middle;
margin-right: 4px;
}
.n_main {
width: 100%;
height: 100%;
background: url(/static/css/images/zhongjianlogin.png) bottom no-repeat;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
background-size: cover;
background-color: #5f51fc;
}
.n_mainshow {
width: 100%;
margin: 0px auto;
height: 512px;
}
.login_box{
position: absolute;
text-align: center;
line-height: 86px;
top: 0px;
left: 0px;
font-size: 30px;
font-weight: normal;
font-stretch: normal;
line-height: 90px;
letter-spacing: 0px;
color: #454e63;
width: 100%;
height: 86px;
background-color: #f9f9ff;
border-radius: 16px 16px 0px 0px;;
}
.main_login_box{
margin-top: 130px;;
}
.l_datatitle.dflex {
justify-content: center;
-webkit-justify-content: center;
}
.l_datatitle.dflex1 {
justify-content: space-around;
-webkit-justify-content: space-around;
}
.l_datatitle a {
font-size: 24px;
color: #454e63;
text-decoration: none;
}
/* 蓝银金属渐变 - 立体浮雕效果 */
.metal-title {
font-size: 26px !important;
font-weight: 800;
letter-spacing: 4px;
background: linear-gradient(180deg,
#f0f4fa 0%,
#e0e8f5 10%,
#5888c0 35%,
#3a6aaa 55%,
#2855a0 75%,
#1a3a6a 100%
);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0.8px #1a3a6a;
text-shadow:
0 1px 0 #e0e8f5,
0 -1px 0 #153570;
padding-bottom: 4px;
border-bottom: 2px solid transparent;
border-image: linear-gradient(90deg, transparent, #5888c0, transparent) 1;
}
.l_datatitle a.active {
color: #3a6aaa;
}
.l_datatitle i {
width: 1px;
height: 40px;
background-color: #eaeaea;
}
.forgetpw {
margin-top: -10px;
}
.forgetpw a {
font-size: 12px;
color: #3a6aaa;
text-decoration: none;
letter-spacing: 1px;
}
#regist_phone_larry_code.layui-form-item,
#for_larry_code.layui-form-item {
width: 185px;
}
#regist_phone_larry_code.layui-form-item input,
#for_larry_code.layui-form-item input {
padding-left: 13px;
padding-right: 0px;
}
.phonecode {
width: 110px;
height: 46px;
background-color: #3a6aaa;
border-radius: 2px;
margin-bottom: 18px;
}
.phonecode a {
display: block;
text-decoration: none;
font-size: 14px;
color: #ffffff;
line-height: 46px;
text-align: center;
}
.dis_no {
display: none;
}
.n_footer.dflex {
justify-content: space-around;
-webkit-justify-content: space-around;
font-family: MicrosoftYaHei;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
color: #ffffff;
margin-bottom: 20px;
bottom: 0px;
position: absolute;
width: 100%;
}
#bg-body {
width: 100%;
height: 100%;
margin: 0px auto;
}
#bg-body>img {
width: 100%;
}
@media screen and (max-width: 1919px) {
html,body {
height: 100%;
width: 100%;
background:#000;
font-family:"Microsoft YaHei";
}
.n_main{
justify-content:space-between;
}
.main_login_box{
margin-top: 130px;
}
.n_header, .n_footer {
height: 60px;
}
.setmargin button {
height: 38px;
}
.n_mainshow {
height: 530px;
}
.l_maindata {
padding: 50px 43px 43px;
}
.layui-form .layui-form-item {
margin-bottom: 12px;
height: 38px;
}
.layui-form .layui-form-item.setmargin {
margin-top: 30px;
}
.layui-form .layui-form-item input.larry-input {
height: 36px;
}
.phonecode {
height: 38px;
margin-bottom: 12px;
}
.phonecode a {
line-height: 38px;
}
#larry_code .code,#regist_larry_code .code {
height:32px;
}
#larry_code .code-img,#regist_larry_code .code-img {
height:30px;
}
}
@media screen and (max-width: 800px){
.n_main {
width: 100%;
height: 100%;
background: url(/static/css/images/zhongjianlogin.png) bottom no-repeat;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
}
.n_footer.dflex {
margin-bottom: 58px;
}
.login_box{
font-size: 28px;
}
}
@media screen and (max-width: 375px) {
#bg-body .n_main .title-box img{
margin: 0 auto;
display: block;
height: 100%;
width: 100%;
}
.user-info {
width: 245px;
}
#larry_code .code-img, #regist_larry_code .code-img {
width: 92px;
height: 32px;
position: absolute;
top: 1px;
right: 63px;
cursor: pointer;
}
}
@media screen and (max-width: 415px) {
/*.login_box{*/
/* width: 331px;*/
/*}*/
#bg-body .n_main .title-box img{
margin: 0 auto;
display: block;
height: 100%;
width: 100%;
}
.main_login_box{
margin-top: -48px;
}
.title-box{
padding: 40px 30px 0 30px;
}
.n_main{
justify-content:center;
}
}
/*@media screen and (max-width: 1820px) {*/
/* #bg-body {*/
/* min-height: 426px;*/
/* }*/
/*}*/
/*@media screen and (max-width: 1720px) {*/
/* #bg-body {*/
/* min-height: 403px;*/
/* }*/
/*}*/
/*@media screen and (max-width: 1620px) {*/
/* #bg-body {*/
/* min-height: 379px;*/
/* }*/
/*}*/
/*@media screen and (max-width: 1520px) {*/
/* #bg-body {*/
/* min-height: 356px;*/
/* }*/
/*}*/
/*@media screen and (max-width: 1447px) {*/
/* #bg-body {*/
/* min-height: 339px;*/
/* }*/
/*}*/
/*@media screen and (max-width: 1366px) {*/
/* #bg-body {*/
/* min-height: 450px;*/
/* background: url(images/banner13.png) 100% 100% no-repeat;*/
/* }*/
/*}*/
/*@media screen and (max-width: 1200px) {*/
/* #bg-body {*/
/* min-height: 450px;*/
/* background: url(images/banner12.png) 100% 100% no-repeat;*/
/* }*/
/*}*/
/*@media screen and (max-width: 1024px) {*/
/* #bg-body {*/
/* min-height: 400px;*/
/* background: url(images/banner10.png) 100% 100% no-repeat;*/
/* }*/
/*}*/