html,body {
	width: 100%;
	height: 100%;
}

body {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0;
    background: #161823;
	margin: 0;
}

a {
    text-decoration: none;
}
a:hover
{
	text-decoration: none;
}

.app {
    width: 650px;
    height: 640px;
    /* position: absolute; */
    /* right: 0; */
    /* bottom: 0; */
    /* top: 15px; */
    /* left: 0; */
    overflow: hidden;
    margin: 15px auto;
}

.bom {
	position: absolute;
	top: 730px;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	margin: 0 auto;
	font-size: 12px
}

#player {
	width: 348px;
	float: left;
	border-radius: 5px;
	z-index: 100;
	border: 1px solid #151823;
    height: 618.63px;
    background: #000000;
}

.box {
	width: 242px;
	height: 600px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: left;
	font-size: 12px
}

.xhms {
	-moz-box-shadow: inset 0 1px 0 0 #f5978e;
	-webkit-box-shadow: inset 0 1px 0 0 #f5978e;
	box-shadow: inset 0 1px 0 0 #f5978e;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#f24537),color-stop(1,#c62d1f));
	background: -moz-linear-gradient(center top,#f24537 5%,#c62d1f 100%);
	background-color: #f24537;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	text-indent: 0;
	display: inline-block;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	height: 33px;
	line-height: 30px;
	width: 190px;
	text-decoration: none;
	text-align: center;
	text-shadow: 0 1px 0 #810e05
}

.xhms:hover {
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#c62d1f),color-stop(1,#f24537));
	background: -moz-linear-gradient(center top,#c62d1f 5%,#f24537 100%);
	background-color: #c62d1f
}

.xhms:active {
	position: relative;
	top: 1px
}

.zdlb {
	-moz-box-shadow: inset 0 1px 0 0 #a4e271;
	-webkit-box-shadow: inset 0 1px 0 0 #a4e271;
	box-shadow: inset 0 1px 0 0 #a4e271;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#89c403),color-stop(1,#77a809));
	background: -moz-linear-gradient(center top,#89c403 5%,#77a809 100%);
	background-color: #89c403;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	text-indent: 0;
	display: inline-block;
	color: #fff;
	font-family: arial;
	font-size: 15px;
	font-weight: 700;
	height: 33px;
	width: 190px;
	text-decoration: none;
	text-align: center;
	text-shadow: 0 1px 0 #528009
}

.zdlb:hover {
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#77a809),color-stop(1,#89c403));
	background: -moz-linear-gradient(center top,#77a809 5%,#89c403 100%);
	background-color: #77a809
}

.zdlb:active {
	position: relative;
	top: 1px
}

.pass {
	-moz-box-shadow: inset 0 1px 0 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 0 #fff;
	box-shadow: inset 0 1px 0 0 #fff;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#ededed),color-stop(1,#dfdfdf));
	background: -moz-linear-gradient(center top,#ededed 5%,#dfdfdf 100%);
	background-color: #ededed;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	text-indent: 0;
	display: inline-block;
	color: #777;
	font-family: arial;
	font-size: 35px;
	font-weight: 700;
	height: 55px;
	line-height: 50px;
	width: 190px;
	text-decoration: none;
	text-align: center;
	text-shadow: 0 1px 0 #fff
}

.pass:hover {
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#dfdfdf),color-stop(1,#ededed));
	background: -moz-linear-gradient(center top,#dfdfdf 5%,#ededed 100%);
	background-color: #dfdfdf
}

.pass:active {
	position: relative;
	top: 1px
}

#yuan {
	line-height: 26px;
	height: 30px;
	width: 182px;
	color: #1b1919;
	background-color: #ededed;
	font-size: 17px;
	font-weight: 700;
	font-family: Arial;
	background: -webkit-gradient(linear,left top,left bottom,color-start(.05,#ffec64),color-stop(1,#ffab23));
	background: -moz-linear-gradient(top,#ffec64 5%,#ffab23 100%);
	background: -o-linear-gradient(top,#ffec64 5%,#ffab23 100%);
	background: -ms-linear-gradient(top,#ffec64 5%,#ffab23 100%);
	background: linear-gradient(to bottom,#ffec64 5%,#ffab23 100%);
	background: -webkit-linear-gradient(top,#ffec64 5%,#ffab23 100%);
	border: 3px solid #fa2;
	-webkit-border-top-left-radius: 26px;
	-moz-border-radius-topleft: 26px;
	border-top-left-radius: 26px;
	-webkit-border-top-right-radius: 26px;
	-moz-border-radius-topright: 26px;
	border-top-right-radius: 26px;
	-webkit-border-bottom-left-radius: 26px;
	-moz-border-radius-bottomleft: 26px;
	border-bottom-left-radius: 26px;
	-webkit-border-bottom-right-radius: 26px;
	-moz-border-radius-bottomright: 26px;
	border-bottom-right-radius: 26px;
	-moz-box-shadow: inset 0 1px 20px -1px #fff6af;
	-webkit-box-shadow: inset 0 1px 20px -1px #fff6af;
	box-shadow: inset 0 1px 20px -1px #fff6af;
	text-align: center;
	display: inline-block;
	text-decoration: none
}

#yuan:hover {
	background-color: #f5f5f5;
	background: -webkit-gradient(linear,left top,left bottom,color-start(.05,#ffab23),color-stop(1,#ffec64));
	background: -moz-linear-gradient(top,#ffab23 5%,#ffec64 100%);
	background: -o-linear-gradient(top,#ffab23 5%,#ffec64 100%);
	background: -ms-linear-gradient(top,#ffab23 5%,#ffec64 100%);
	background: linear-gradient(to bottom,#ffab23 5%,#ffec64 100%);
	background: -webkit-linear-gradient(top,#ffab23 5%,#ffec64 100%)
}
.layui-table td {
    border: #878787 solid 1px;
    text-align: center;
}
.login-header {
	width: 100%;
	text-align: center;
	height: 30px;
	font-size: 24px;
	line-height: 30px;
	background-color: #fff
}

.login {
	position: fixed;
	border-radius: 5px;
	border: #ebebeb solid 1px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
	background-color: #656565;
	box-shadow: 0 0 20px #000;
	z-index: 9999;
}

.login-title {
	width: 100%;
    margin: 10px 0 0 0;
    text-align: center;
    line-height: 40px;
    height: 40px;
    font-weight: inherit;
    color: white;
    font-size: 18px;
    position: relative;
    background-color: #656565;
}

.login-title span {
	position: absolute;
	font-size: 12px;
	right: -20px;
	top: -30px;
	border: #ebebeb solid 1px;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background-color: #fff
}

.login-title span a {
	display: block;
	border-radius: 20px;
	font-size: 16px;
	background-color: #656565;
}

.login strong {
	display: block;
	border-radius: 20px;
	font-size: 16px;
	background-color: #fff
}

.login span {
	display: block;
	border-radius: 20px;
	font-size: 14px;
	background-color: #fff
}

.login-input-content {
	color: white;
    margin: 20px;
    background-color: #656565;
}

.login-input {
	overflow: hidden;
	margin: 0 0 20px 0;
	background-color: #fff
}

.login-input label {
	float: left;
	width: 90px;
	padding-right: 10px;
	text-align: right;
	line-height: 35px;
	height: 35px;
	font-size: 14px;
	background-color: #fff
}

.login-input input.list-input {
	float: left;
	border-radius: 5px;
	line-height: 35px;
	height: 35px;
	width: 350px;
	border: #ebebeb 1px solid;
	text-indent: 5px;
	background-color: #fff
}

.login-button {
	width: 20%;
	margin: 30px auto 0 auto;
	border-radius: 15px;
	line-height: 40px;
	font-size: 14px;
	border: #ebebeb 1px solid;
	text-align: center;
	background-color: #fff
}

.login-button a {
	display: block;
	background-color: #f24537;
	border-radius: 5px
}

.login-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	-moz-opacity: .3;
	-khtml-opacity: .3;
	opacity: .3;
	display: none
}
#footer {
    color: #999999;
}