input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

input[type="number"] {
	-moz-appearance: textfield;
}

input::-webkit-input-placeholder {
	color: #D3D4D3;
}

input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #D3D4D3;
}

input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #D3D4D3;
}

input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #D3D4D3;
}

.login-body {
	position: relative;
	width: 100%;
	height: 100%;
	min-width: 1100px;
	background: -webkit-radial-gradient(#1e8bfb 60%,#0461ff);
	/* Safari 5.1 - 6.0 */
	background: -o-radial-gradient(#1e8bfb 60%,#0461ff);
	/* Opera 11.1 - 12.0 */
	background: -moz-radial-gradient(#1e8bfb 60%,#0461ff);
	background: radial-gradient(#1e8bfb 60%,#0461ff);

}
.login-body .wrap{
	width: 1100px;
	margin: auto;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%);
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	z-index: 100;
}

html,body{
	width: 100%;
	height: 100%;
}
.yscontintro,.logindiv{
    height:540px;
}
.login-title{
	text-align: center;
	color: #fff;
	font-size: 30px;
	padding: 40px 0 30px;
	box-sizing: border-box;

}


.body {
	background: -webkit-linear-gradient(#3bb5ef, #1589F0);
	background: -ms-linear-gradient(#3bb5ef, #1589F0);
	background: -moz-linear-gradient(#3bb5ef, #1589F0);
}

.register-body {
	position: relative;
	width: 832px;
	height: 340px;
	background-image: url(/static/img/backgroundImg.png);
	background-repeat: no-repeat;
	margin: 2% auto;
}

.login_logo {
	/*position: absolute;*/
	/*top: 50px;*/
	/*left: 13%;*/
	font-size: 35px;
	color: white;
	/*font-weight: normal;*/
	padding: 50px 0 80px;
	box-sizing: border-box;
}

.login-box {
	/*position: absolute;*/
	/*width: 26%;*/
	/*top: 22%;*/
	/*right: 16%;*/
	position: relative;
	top:5%;
	width: 80%;
	left: 20%;
	/*transform: translateY(-50%);*/
	background-color: rgba(255, 255, 255, .3);
	/*z-index: 23;*/
}

.layui-form-item,
.layui-form {
	position: relative;
}

.layui-form-item input {
	font-size: 15px;
}

.layui-form-pane {
	padding: 10px;
}

.form-header {
	text-align: center;
}

.form-header h2 {
	margin-bottom: 10px;
	font-weight: 300;
	font-size: 30px;
	color: #000;
}

.form-header p {
	color: #9FA09F;
}

.layadmin-user-login-box .layui-form-item .layui-input {
	padding-right: 10px;
	padding-left: 30px;
}

.layadmin-user-login-icon {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 30px;
	line-height: 35px;
	text-align: center;
	color: #d2d2d2;
}

.layadmin-user-login-codeimg {
	width: 100%;
	height:35px;
	cursor: pointer;
}

.layui-form-pane .layui-form-checkbox {
	margin-left: 0;
}

.layadmin-link {
	margin-top: 7px;
	float: right;
	color: #9B9B9B;
	cursor: pointer;
}

.layadmin-user-login-other {
	line-height: 30px;
}

.layadmin-user-login-other a {
	font-size: 13px;
}

.layadmin-user-login-other .layadmin-link {
	margin-top: 0;
}

.layadmin-user-login-other>* {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	font-size: 14px;
}

.layadmin-user-login-other label {
	color: #666666;
}

.layadmin-user-login-other .layui-icon {
	position: relative;
	top: 2px;
	font-size: 26px;
}

.layui-icon-login-qq {
	color: #3492ED;
}

.layui-icon-login-wechat {
	color: #4DAF29;
}

.layui-icon-login-weibo {
	color: #CF1900;
}

.layui-btn {
	padding: 0 6px;
	height: 35px;
	line-height: 35px;
	font-size: 15px;
	border-radius: 3px;
}

.icon-user,
.icon-password {
	font-size: 25px;
	color: #BCBBBB;
}

.layadmin-user-login-body {
	background-color: white;
	padding: 30px 20px 18px 20px;
}

.layadmin-user-reg-body {
	background-color: white;
	padding: 20px 40px 5px 40px;
	border-radius: 5px;
}

.register-box {
	position: absolute;
	width: 475px;
	top: 40%;
	right: 0;
	left: 0;
	margin: auto;
	border-radius: 5px;
	z-index: 998;
}

.register-logo {
	position: absolute;
	top:18%;
	right: 0;
	left: 0;
	text-align: center;
	margin: auto;
	font-size: 35px;
	color: white;
	font-weight: normal;
	z-index: 1000;
}

.wanshan {
	position: relative;
	font-size: 25px;
	color: #00A0EA;
	text-align: center;
	margin-bottom: 20px;
}

.wanshan::after,
.wanshan::before {
	content: "";
	width: 74px;
	height: 1px;
	background-color: #EEEEEE;
	position: absolute;
	top: 19px;
	left: 16%;
	margin-left: 190px;
}

.wanshan::before {
	left: 90%;
	margin-left: -290px;
}
.regjiaose .layui-col-xs4{
	text-align: center;
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px;
	cursor: pointer;
}

.regjiaose .layui-col-xs6{
	text-align: center;
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px;
	cursor: pointer;
}

.jiaose{
	border: 1px solid #E7E8E7;
}

.register-describe {
	position: absolute;
	bottom: -30px;
	right: 0;
	left: 0;
	text-align: center;
	margin: auto;
	font-size: 15px;
	color: white;
	font-weight: normal;
}
.regsucce{
	position: absolute;
	top: 44%;
	right: 0;
	left: 0;
	margin: auto;
	width: 600px;
	height: 300px;
	background-color: white;
	z-index: 6666;
	border-radius: 10px;
}

.regsucce .layui-col-xs8{
	left: 15px;
}


.layui-form-item .options {
	margin-left: 0!important;
}

.check_content {
	position: relative;
	display: inline-block;
	color: #a7a7a7;
	top: 5px;
	font-size: 13px;
	margin-left: 5px;
}

.agreet i {
	width: 13px!important;
	height: 13px!important;
}

.reg .layui-btn-primary {
	background-color: #F2F4F8;
}
.reg .layui-btn-primary:hover{
	border-color:#C9C9C9 ;
}

/*闂傚倷鑳堕崢褔宕崸妤�瀚夋い鎺炴嫹闁宠绉归弫鎾绘晸閿燂拷*/
/*.backcomputer,.backpoint{*/
	/*position: absolute;*/
	/*top: 0px;*/
	/*left: 0px;*/
	/*right: 0px;*/
	/*bottom: 0px;*/
	/*margin: auto;*/
	/*!*background-image: url(/static/img/loginmap.png);*!*/
	/*!*background-repeat: no-repeat;*!*/
	/*!*background-position: 46% 10%;*!*/
	/*z-index: 22;*/
/*}*/
.leftpic{
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
    width:100%;
}
.backearth{
    position: relative;
    top: 0;
    left: 0;
    width: 302px;
    height: 310px;
    background:url(/static/img/earth.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.backmap{
    position: absolute;
    top: -31px;
    left: -127px;
    width: 600px;
    height: 300px;
    background: url(/static/img/map.png) 0 0 no-repeat;
    /* background-size: 100% 100%; */
    /* transform: rotate(6deg); */
    /* -webkit-transform: rotate(6deg); */
    z-index: 100;


}
.grid{
    position: absolute;
    bottom: 87px;
    left: 0;
    width: 55%;
    height: 320px;
    background: url(/static/img/grid.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.toprightdot{
	position: absolute;
	top: 0;
	right: 0;
	width: 265px;
	height: 270px;
	background:url(/static/img/toprightdot.png) 0 0 no-repeat;
	background-size: 100% 100%;
}
.bottomdot{
	position: absolute;
	bottom: 0;
	right: 10%;
	width: 454px;
	height: 380px;
	background: url(/static/img/bottomdot.png) 0 27px no-repeat;
	background-size: 100% 100%;
}


.backcomputer{
	background-image: url(/static/img/logincomputer.png);
	background-position: 20% 38%;
}
/*.backpoint{*/
	/*background-image: url(/static/img/loginpoint.png);*/
	/*background-position:0% 99%;*/
	/*!*background-repeat: repeat-x;*!*/
/*}*/


/*----------------------濠电姷鏁搁崑娑⑺囬銏犲瀭闁告繂瀚峰鈺呮煥閻曞倹瀚�-------------------------*/
.waveWrapper {
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
}

.waveWrapperInner {
	position: absolute;
	width: 100%;
	overflow: hidden;
	height: 100%;
	bottom: -1px;
}

.bgTop {
	z-index: 15;
	opacity: 0.1;
}

.bgMiddle {
	z-index: 10;
	opacity: 0.2;
}

.bgBottom {
	z-index: 5;
	opacity: 0.3;
}

.wave {
	position: absolute;
	left: 0;
	width: 200%;
	height: 100%;
	background-repeat: repeat no-repeat;
	background-position: 0 bottom;
	transform-origin: center bottom;
}

.waveTop {
	background-size: 50% 100px;
	opacity: 0.5;
}

.waveAnimation .waveTop {
	animation: move_wave 5s linear infinite;
	-webkit-animation: move_wave 5s linear .5s infinite;
	-moz-animation: move_wave 5s linear .5s infinite;
	-ms-animation: move_wave 5s linear .5s infinite;
	-o-animation: move_wave 5s linear .5s infinite;
}

.waveMiddle {
	background-size: 50% 120px;
	opacity: 0.6;
}

.waveAnimation .waveMiddle {
	animation: move_wave 10s linear infinite;
	-webkit-animation: move_wave 10s linear infinite;
	-moz-animation: move_wave 10s linear infinite;
	-ms-animation: move_wave 10s linear infinite;
	-o-animation: move_wave 10s linear infinite;
}

.waveBottom {
	background-size: 50% 100px;
	opacity: 0.7;
}

.waveAnimation .waveBottom {
	animation: move_wave 15s linear infinite;
	-webkit-animation: move_wave 15s linear infinite;
	-moz-animation: move_wave 15s linear infinite;
	-ms-animation: move_wave 15s linear infinite;
	-o-animation: move_wave 15s linear infinite;
}

@keyframes move_wave {
	0% {
		transform: translateX(0) translateZ(0) scaleY(1)
	}
	50% {
		transform: translateX(-25%) translateZ(0) scaleY(0.55)
	}
	100% {
		transform: translateX(-50%) translateZ(0) scaleY(1)
	}
}

/*find pass*/
/*----------------------find pass-------------------------*/
.findpass-body{
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #F2F3F8;
	min-width: 998px;
}
.findPass-box{
	position: relative;
	width: 76%;
	margin:  0 auto;
	background-color: white;
}
.find-head{
	line-height: 60px;
	border-bottom: 1px solid #E6E6E6;
}
.find-head h2{
	font-size: 24px;
	font-weight: normal;
}
.findPass{
    padding: 50px 50px 150px 50px;
  	margin: 0 auto;
    width: 500px;
}
.findPass input{
	height: 40px;
	line-height: 40px;
	margin-bottom: 40px;
}
.findPass .layui-btn{
	height: 40px;
	line-height: 40px;
}
.findpass-title{
	position: relative;
	width: 76%;
	margin:  0 auto;
	height: 80px;
	line-height: 80px;
}
.timeline{
	position: relative;
	width: 50%;
	margin:  0 auto;
	margin-top: 60px;
	height: 20px;
	text-align: justify;
}
.timeline:after{
	position: relative;
	content: '';
	display: inline-block;
	width: 100%;
}
.timepoint{
	position: relative;
	width: 10px;
	height: 10px;
	background-color: #CECECE;
	display: inline-block;
	border-radius: 50%;
	z-index: 88;
}
.addtimepoint{
	background-color: #06A1EA;
}
.addfont{
	color:#06A1EA ;
}
.addborder{
	border: 1px solid #7ECEF3;
}
.xianxian {
	width: 100%;
    height: 1px;
    background-color: #EEEEEE;
    position: absolute;
    top: 7px;
    left: 0;
}
.layui-badge{
	position: absolute;
	bottom: -6px;
	right: 6px;
	width: 6px;
	height: 13px;
	line-height:15px;
	padding: 0 4px;
	cursor: pointer;
}
.timepoint span{
	position: absolute;
	width: 90px;
	top: -25px;
	left: -25px;
}
.resetPass{
	padding-top: 0;
}
.regsucce{
	text-align: center;
}
.bingo{
	display: inline-block;
	text-align: center;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border: 2px solid #41cdc2;
    color:#41cdc2 ;
	border-radius: 50%;
	margin-right: 10px;

}

.bingo2{
	position: relative;
	width: 50px;
	height: 50px;
	top: 2px;
	left: 35px;
	background-image: url(/static/layui/css/modules/layer/default/icon.png);
	background-repeat: no-repeat;
	background-position: -50px 0;
	background-size: 350px 100px;
}
.main {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#footer_info {
	/*width: 1200px;*/
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
	/*margin-bottom: 15px;*/
	position: relative;
	/*margin-top: 20px;*/
	color: white;
}

.safe_web {
	position: absolute;
	top: 90px;
	left: 60px;
	left: 80px\9;
}

.mar_t_b {
	display: block;
	margin: 10px auto;
}

#footer_info p {
	text-align: center;
}

.bottom_menu {
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #e5e5e5;
}

.bottom_menu a {
	color: #215fa8;
	padding: 0 3px;
}

.rights {
	height: 100px;
	padding-top: 6px;
	line-height: 22px;
    box-sizing: border-box;
}

.rights a {
	color: white;
}

.rights a:hover {
	text-decoration: underline
}
.layui-form-checked[lay-skin=primary] i {
    border-color: #01A3E7;
    background-color: #01A3E7;
    color: #fff;
}
/*登录过期提示*/
.limit-tips{
	color: #ed3334;
    font-size: 14px;
	position: relative;

}
.limit-tips span:first-child{
	top: 3px;
	left: 5px;
	right: auto;
	bottom: auto;
	height: 14px;
}
.limit-tips span:last-child{
	display: inline-block;
	padding-left: 28px;
	vertical-align: 10px;
}

.bot-link{
	text-align: center;
}
.bot-link div:first-child a img{
	vertical-align: bottom;
}
.bot-link div:first-child{
	border-right: 1px solid #e4e4e4;
}
.bot-link div:last-child span{
	vertical-align: -2px;
}
@media screen and (min-width: 1440px){
    .login-body{
        min-width: 1200px;
    }
    .login-body .wrap{
        width: 1200px;
    }
}

@media screen and (max-height: 850px) and (min-width:1400px) {
	.login_logo{
		padding: 40px 0 70px;
		box-sizing: border-box;
	}
	/*.login-title{*/
		/*font-size: 24px;*/
		/*padding: 20px 0 10px;*/
	/*}*/
	.yscontintro, .logindiv {
		height: 440px;
	}
	.toprightdot{
		width: 180px;
		height: 192px;
	}
	.bottomdot{
		width: 360px;
		height: 260px;
        right: 5%;
		background: url(/static/img/bottomdot.png) 0 20px no-repeat;
        background-size: 100% 100%;
	}
    .grid{
        bottom: 3%;
    }
    .backmap{
        top: -37px;
        width: 550px;
        height: 280px;
        left: -46px;
    }
}


@media screen and (max-height: 768px) and (max-width:1370px){
	.login_logo{
		padding: 20px 0 40px;
		box-sizing: border-box;
	}
	/*.login-title{*/
		/*font-size: 20px;*/
		/*padding: 15px 0 10px;*/
	/*}*/
	.yscontintro, .logindiv {
		height: 390px;
	}
	.login-box{
		left: 5%;
	}
	.toprightdot {
		width: 253px;
		height: 113px;
	}
    .grid{
        bottom: 0;
        height: 290px;
    }
    .backearth{
        width: 170px;
        height: 220px;
    }
    .backmap{
        top: -37px;
        width: 500px;
        height: 230px;
        left: -46px;
    }
    .rights{
        height: 80px;
    }


}