/* ####新版登陆样式 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 #0d957a;

	border-radius:5px;

	background:rgb(0,0,0);

	background:rgb(4,93,136,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 

		#5283f2;

	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 #3caeff;

}

.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:100%

}



.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, #119dff 15%, #4ab5ff 62%,#83ccff 100%),

	linear-gradient(	#119dff, #119dff);

	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, 

		#6094fb 0%, 

		#888afa 100%);

	box-shadow: 0px 5px 10px 0px 

		rgba(82, 131, 242, 0.21);

	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(images/backgroundtwo.jpg);*/

    /*display: flex;*/

    /*flex-direction: column;*/

    /*justify-content: space-between;*/

	/*overflow: hidden;*/

	/*background-size: 100% 100%;*/

	background: url(https://tupianye.oss-cn-shanghai.aliyuncs.com/07.gif) bottom no-repeat;

	flex-direction: column;

	justify-content: space-between;

	overflow: hidden;

	background-size: 100%;

	background-color: #5f51fc;

	/*max-width: 1920px;*/

	/*margin: auto;*/

}

.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;

}













.l_datatitle a.active {

	color: #1763ea;

}

.l_datatitle i {

	width: 1px;

	height: 40px;

	background-color: #eaeaea;

}

.forgetpw {

	margin-top: -10px;

}

.forgetpw a {

	font-size: 12px;

	color: #0d79f3;

	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: #048dfb;

	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(images/backgroundtwo.jpg) bottom no-repeat;

		display: flex;

		flex-direction: column;

		justify-content: space-between;

		overflow: hidden;

		background-size: 100% 100%;

		background-size: contain;

		background-color: #5f51fc;

	}

	.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;*/

/*	}*/

/*}*/