* {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
}

a {
	text-decoration: none;
	font-size: 18px;
	color: #ffea00
}

img {
	border: none;
}

li {
	list-style: none outside none;
}

html,
body {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #000;
}

.bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/login/bg.jpg) no-repeat center center;
	background-size: cover;
}

.canvas_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.3;
}

.con{
	position: absolute;
	top: calc(50% + 90px);
	left: 50%;
	/* margin-left: -360px; */
	/* margin-top: -266.5px; */
	/* width: 720px; */
	/* height: 533px; */
	width: 576px;
	height: 426.4px;
	margin-top: -213.2px;
	margin-left: -288px;
}

.con .logo {
	position: absolute;
	display: block;
	width: 240px;
	height: auto;
	transform: translate(-50%, -100%);
	left: 50%;
	margin-top: -30px;
}

.con .box{
	position: absolute;
	display: block;
	width: 100%;
	height: auto;
}

.con input{
	position: absolute;
	font-family: '黑体';
	/* color: #0b6e67; */
	color: #000000;
	background: none;
	border: none;
	outline: none;
	/* font-size: 24px;
	width: 460px;
	height: 63px;
	line-height: 63px;
	left: 156px; */
	font-size: 32px;
	width: 368px;
	height: 50px;
	line-height: 50px;
	left: 125px;
}

.con input.name{
	/* top: 165px; */
	top: 132px;
}
.con input.password{
	/* top: 254px; */
	top: 203px;
}

.con .btn{
	position: absolute;
	background: url(../images/login/btn.png) no-repeat;
	background-size: 100% auto;
	/* left: 84px;
	top: 397px;
	width: 552px;
	height: 81px; */
	left: 67px;
	top: 318px;
	width: 442px;
	height: 65px;
	border: none;
}
.con .btn:hover{
	background: url(../images/login/btn-hover.png) no-repeat;
	background-size: 100% auto;
}

/* 手机旧入口转到统一登录页后，按原面板比例缩放，桌面布局不变。 */
@media screen and (max-width: 650px) {
    html, body { overflow-y: auto; min-height: 480px; }
    .con {
        top: 150px;
        left: 5%;
        width: 90%;
        height: 66.625vw;
        margin: 0;
    }
    .con .logo { width: 42%; margin-top: -20px; }
    .con input {
        font-size: 20px;
        width: 63.889%;
        height: 8vw;
        line-height: 8vw;
        left: 21.701%;
    }
    .con input.name { top: 30.957%; }
    .con input.password { top: 47.608%; }
    .con .btn { left: 11.632%; top: 74.578%; width: 76.736%; height: 15.244%; }
    .yidun_modal .yidun_control, .yidun_modal .yidun_slide_indicator { height: 48px !important; }
}
