@charset "utf-8";
/* CSS Document */



body {
	margin: 0;
	padding: 0;
	color: #333;
	font-family: "微软雅黑", Arial;
	font-size: 14px;
	line-height: 1.5;
	width: 100%;
	margin: 0px auto;
	overflow-x: auto;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {}

img {
	border: 0;
	display: inline;
	vertical-align: bottom;
	width: auto;
	height: auto;
	max-width: 100%;
}

div,
ul,
li,
dl,
dd,
span,
h1,
h2,
p,
h4,
h3 {
	margin: 0;
	padding: 0;
	list-style: none;
}

.clear {
	clear: both;
}

.container {
	margin: 0px auto;
	width: 90%;
	max-width: 1200px;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* {
	box-sizing: border-box;
}

.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex-center-y {
	display: flex;
	align-items: center;
}

* {
	box-sizing: border-box;
}

/*首页*/
.app{  width: 100%; height: 100vh;background: -webkit-gradient(linear, right top, left top, color-stop(10%, #ff611e), color-stop(58%, #fc990f), to(#fc990f));
    background: linear-gradient(270deg, #ff611e 10%, #fc990f 58%, #fc990f 100%); display: flex; align-items: center; justify-content: center;}
.app .login_m{ max-width: 366px; margin: 0px auto; width: 90%;}
.app .login_m .logo{ text-align: center;}
.app .login_m .logo img{ height: 54px;}
.app .login_m .title{ font-size: 28px; font-weight: bold; text-align: center; color: #fff; margin: 10px 0px 20px;}
.app .login-box{max-width: 360px;
    padding: 20px;
    font-size: 16px; border-radius: 10px; background-color: #fff;}
.app .login-box ul li .tit{ font-size: 16px; line-height: 1; margin-bottom: 12px;}
.app .login-box ul li .formbit{    border-radius: 4px;
    border: 1px solid #dcdfe6;    color: #606266; height: 32px; line-height: normal; padding: 0px 15px; width: 100%; outline: none;transition: all .3s ease;-webkit-transition: all .3s ease;}
.app .login-box ul li{ margin-bottom: 20px;}
.app .login-box ul li .formbit:focus{   border: 1px solid #ed8b05; }
.app .login-box ul li:last-child{ margin-bottom: 0px;}
.app .login-box ul li.last label{ font-size: 14px; display: flex; align-items: center; cursor: pointer;}
.app .login-box ul li.last .sumbit{margin-right: 10px;
    padding: 0 20px; font-size: 13px;border-radius: 6px; cursor: pointer;    border: 1px solid #ed8b05;
    background: none;
    background-color: #ed8b05; height: 32px; line-height: normal; color: #fff;transition: all .3s ease;-webkit-transition: all .3s ease;}
.app .login-box ul li.last .sumbit:hover{background: #fd9910;
		border: 1px solid #fd9910;}
.app .login-box ul li.last label input[type='checkbox']{ width:14px; height:14px; border:1px #dde0e7 solid; border-radius:2px;-webkit-appearance: none;outline: none; margin-right:6px;
			cursor: pointer;}
.app .login-box ul li.last label input[type=checkbox]:checked {	
			background: url(../images/chico_03.jpg) no-repeat center;
			background-size:cover;
			border: 0px ;
		}
.app .login-box ul li.last label:focus{ color: #ed8b05;}

@media screen and (max-width: 450px) {
	
}