*{padding:0;margin:0;text-decoration:none;list-style:none}
.logo{width:100%;height:25%;}
.logo img{display:block;height:80px;margin: 0 auto;}
.login-cont{widht:100%;height:70%;}
.login{
	width:414px;
	height:265px;
	padding:15px 55px;
	margin:0 auto;
	background-color:rgba(255,255,255,.3);
	border:1px solid rgba(255,255,255,.8);
	border-top:0px;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}
.login-input{widht:302px;height:32px;margin-top:25px;position:relative;}
.login-input input{width:100%;height:100%;padding-left:10%;border-radius:5px;border:1px solid rgba(132,130,130,.8);}
.login-input img{width:20px;height:20px;position:absolute;top:6px;left:6px;}
.login-button{width:100%;height:32px;margin-bottom:25px;}
.remember{widht:100%;margin:10px 0px;text-align:right;}
.login-button input{width:100%;height:100%;font-size:15px;color:#fff; border:0;background:linear-gradient(rgb(239,130,130),rgb(239,25,25));border-radius:5px;}


.top{width:100%;height:70px;background-color:rgb(247,243,243);padding:0;}
.top-logo{height:100%;float:left;}
.top-logo img{margin-left:10px;height:60px;margin-top:5px;}
.top-title{height:100%;float:left;min-width:5px;border-left:1px solid rgba(132,130,130,.3);}
.top-title span{display:block;height:100%; line-height:70px;padding-left:35px;font-size:24px;font-family:"Microsoft YaHei" !important;}
.top-info{height:70px;float:right;position:relative;margin-right:5px;cursor:pointer;}
.top-info span{display:block;widhth:100%;}
.top-info label{display:inline-block;height:100%;line-height:70px;cursor:pointer;}
.square-icon{width:0;height:0;display:inline-block;border-top:12px solid transparent;border-left:12px solid #000;border-right:12px solid transparent;margin-left:3px;-webkit-transparent:all 0s ease 0s;-o-transition: all 0s ease 0s;transition:all 0s ease 0s;transform-origin:0% 0%;transform:rotate(-45deg) translate(2px,5px);}
.info-hidden{display:none;background-color:rgb(239,231,231);position:absolute;top:55px;width:100%;}
.info-hidden li{height:30px;}
.info-hidden img{display:inline-block;width:20px;height:20px;float:left;margin:5px;}
.info-hidden span{display:block;float:left; font-size:13px;margin-left:3px;height:30px;line-height:30px;color:gray;}
.info-hidden li{border-bottom:1px solid rgba(0,0,0,.1);}
.top-info:hover .square-icon{transform:rotate(135deg) translate(-9px,-24px);}
.top-info:hover .info-hidden{display:block;}
.banner{widht:100%;}
.banner img{width:100%;}
.content-title{height:35px; border-bottom:1px solid rgba(132,130,130,.2);}
.content-title span{display:inline-block;height:100%; line-height:35px;}
.content-title label{display:inline-block;height:100%;line-height: 35px;font-size:14px;text-align:right;float:right;}
.app-list li{float:left;width:20%;margin-top:10px;margin-bottom:15px;}
.app-list{padding-bottom30px;}
.apps{width:80%;height:80%;margin-left:10%;margin-top:10%;background-color:#e5efc8;border-radius:20px;}
.app-list li span{display:block;width:100%;font-size:20px;text-align:center;margin-top:15px;font-weight:bold;font-family:"Microsoft YaHei" !important;}
.app-list a{color:#000;}
.apps img{width:70%;height:70%;margin-left:15%;margin-top:15%;}
button.close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none
}

.close {
	width: 35px;
	height: 100%;
	border: 0;
	background-color: rgba(255, 0, 0, 0);
	color: #000;
	font-size: 22px;
	font-weight: bold;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

.modal, .modal-open {
	overflow: hidden
}

.modal {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .4);
	font-family: '黑体';
}

.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out;
	-webkit-transform: translateY(-25%);
	transform: translateY(-25%)
}

.modal.in .modal-dialog {
	-webkit-transform: translate(0);
	transform: translate(0)
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px
}

.modal-content {
	width: 410px;
	height: 300px;
	overflow: hidden;
	background-color: white;
	border-radius: 15px;
	position: relative;
	/* background-color: #fff; */
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
	outline: 0
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000
}

.modal-backdrop.fade {
	opacity: 0
}

/* .modal-backdrop.in {
	opacity: .5
} */

.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5
}

.modal-header:after {
	content: "";
	display: table;
	clear: both
}

.modal-header .close {
	margin-top: -2px
}

.modal-title {
	margin: 0;
	line-height: 1.5
}

.modal-body {
	position: relative;
	padding: 15px
}

.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5
}

.modal-footer:after {
	content: "";
	display: table;
	clear: both
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

.alert {
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem
}

.alert-heading {
	color: inherit
}

.alert-link {
	font-weight: 700
}

.alert-dismissible {
	padding-right: 2.5rem
}

.alert-dismissible .close {
	position: relative;
	top: -.125rem;
	right: -1.25rem;
	color: inherit
}

.alert-success {
	background-color: #dff0d8;
	border-color: #d0e9c6;
	color: #3c763d
}

.alert-success hr {
	border-top-color: #c1e2b3
}

.alert-success .alert-link {
	color: #2b542c
}

.alert-info {
	background-color: #d9edf7;
	border-color: #bcdff1;
	color: #31708f
}

.alert-info hr {
	border-top-color: #a6d5ec
}

.alert-info .alert-link {
	color: #245269
}

.alert-warning {
	background-color: #fcf8e3;
	border-color: #faf2cc;
	color: #8a6d3b
}

.alert-warning hr {
	border-top-color: #f7ecb5
}

.alert-warning .alert-link {
	color: #66512c
}

.alert-danger {
	background-color: #f2dede;
	border-color: #ebcccc;
	color: #a94442
}

.alert-danger hr {
	border-top-color: #e4b9b9
}

.alert-danger .alert-link {
	color: #843534
}

.form-control {
	display: block;
	width: 100%;
	padding: .5rem .75rem;
	font-size: 1rem;
	line-height: 1.25;
	color: #55595c;
	background-color: #fff;
	background-image: none;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: .25rem
}

.form-control::-ms-expand {
	background-color: transparent;
	border: 0
}

.form-control:focus {
	color: #55595c;
	background-color: #fff;
	border-color: #66afe9;
	outline: none
}

.form-control::-webkit-input-placeholder {
	color: #999;
	opacity: 1
}

.form-control::-moz-placeholder {
	color: #999;
	opacity: 1
}

.form-control:-ms-input-placeholder {
	color: #999;
	opacity: 1
}

.form-control::placeholder {
	color: #999;
	opacity: 1
}

.form-control:disabled, .form-control[readonly] {
	background-color: #eceeef;
	opacity: 1
}

.form-control:disabled {
	cursor: not-allowed
}

[role=button] {
	cursor: pointer
}

[role=button], a, area, button, input, label, select, summary, textarea
	{
	-ms-touch-action: manipulation;
	touch-action: manipulation
}

table {
	border-collapse: collapse;
	background-color: transparent
}

caption {
	padding-top: .75rem;
	padding-bottom: .75rem;
	color: #818a91;
	caption-side: bottom
}

caption, th {
	text-align: left
}

label {
	display: inline-block;
	margin-bottom: .5rem
}

button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color
}

button, input, select, textarea {
	line-height: inherit
}

input[type=checkbox]:disabled, input[type=radio]:disabled {
	cursor: not-allowed
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time]
	{
	-webkit-appearance: listbox
}

button, input, optgroup, select, textarea {
	font: inherit;
	margin: 0
}

optgroup {
	font-weight: 700
}

button, input {
	overflow: visible
}

button, select {
	text-transform: none
}

*, :after, :before {
	box-sizing: inherit
}