.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

a {
	text-decoration: none;
	color: #333;
	transition: ease all 0.5s;
}

a {
	color: #1c65ff
}

@media screen and (min-width: 1440px) {
	h2 {
		display: block;
		color: #646464;
		font-size: 22px;
		font-family: "微软雅黑";
		margin: 0;
		text-align: center;
	}

	.login_logo {
		margin: 12% auto 0;
		width: 100%;
	}

	.login_logo img {
		width: 200px;
	/*height: 80px;
	border-radius: 40px;*/
	/*float: left;*/
		margin: 0 auto 0px;
		display: block;
	}

	.login_logo span {
	/*float: left;*/
		height: 30px;
		line-height: 30px;
		font-size: 20px;
	/*font-weight: 600;*/
		width: 100%;
		text-align: center;
		display: block;
	}

	.login_header {
		margin-bottom: 40px;
		padding: 0 20px;
	}

	.login_header span {
		margin-right: 20px;
		cursor: pointer;
		font-size: 1.4rem
	}

	.login_content {
		padding: 0 40px;
		margin-top: 0px
	}

	.Cbody_item {
		border: 0px solid #999;
		overflow: hidden;
	}

	.form_item {
		font-size: 13px;
		height: 60px;
	}

	.yz {
		height: 70px;
	}

	.form_item i {
		position: relative;
		left: 42px;
		top: 30px
	}

	.form_item input[type="text"],.form_item input[type="password"],.form_item input[type="number"],.form_item input[type="email"] {
		display: block;
		width: calc(100% - 50px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 46px;
		outline: none;
		border: 1px solid #b9bed1;
		transition: ease all 0.5s;
		margin-bottom: 10px;
		border-radius: 22px
	}

	i.checkcode {
		position: relative;
		left: 20px;
		top: 30px;
	}

	.checkcode-input {
		width: 50%!important;
	/*float: left;*/
		display: block;
		height: 44px;
		line-height: 44px;
		margin-left: 0!important;
		padding-left: 46px;
		outline: none;
		border: 1px solid #b9bed1;
		transition: ease all 0.5s;
		margin-bottom: 16px;
		border-radius: 22px;
	}

	.checkcode-img {
		position: relative;
		left: 66%;
		top: -52px;
	}

	.form_item input[type="text"]:focus,.form_item input[type="password"]:focus {
		border: 1px solid #1c65ff
	}

	.checkbox {
		line-height: 50px;
		margin: 0px 25px
	}
	/*验证*/
	.verify-wrap {
		width: 82%;
		height: 44px;
		background-color: #e5e5e5;
		border: 1px solid #e0e0e0;
		margin: 5px auto;
		position: relative;
	/*border-radius: 22px;overflow: hidden;*/
		margin-top: 20px
	}

	.verify-wrap .drag-btn {
		position: absolute;
		left: -1px;
		top: -1px;
		width: 50px;
		height: 44px;
		background: #fff url(data:image/png;
		base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAAA/UlEQVRYhe3XLc9GYBjG8eN6dkdFIQuqoCiCbj6ob2CCIplRaJKqEHT3c/kAz66Xc/fLnvO3UY7N/jNmxDAMF77AQ57iOH53x5/GccTPuyNUcSg1DqXGodQ4lNr/CC3LEsuyaG8mrEKzLEPXdZjnWWszYRXq+z7yPMc0Tej7XnkzYf2Muq6LoiiwrivatsV1XUrby0Mlx3Huu7fvO5qmUd50kL31QgijTdXD+gq/zvNEVVXwPA9pmipvOqxDj+O4Q4IgQJIkypsuq9Bt21DXNaIoug/VzYRVqHw55J0Kw1BrMyHkXyj/3BHiUGocSo1DqXEota8Jvb/18hP16Z7qL3h/w53n4AAAAABJRU5ErkJggg==) no-repeat center center;
	background-size: 100% 100%;
		z-index: 2;
		cursor: move;
	}

	.verify-wrap .suc-drag-btn {
		background: #fff url(data:image/png;
		base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAACA0lEQVRYhe2Y2yuDYRzHv7PJYc5zKspYSRMymStXu5NCs5W4csEfwJ+gSA53csg1F4R/gSu0OcWSmNIQkfMcEvu9tdpY79793leo91Nbbft993x6nj2/52kal8v1gX+Ajp4sFstve4jidrsR99sSUlFFlUYVVRpVVGl0SnyJ934VaxczOLpdwd3bufBeWnw+StLrYc1tQ3FqnewxZIk+vz9g7rAHO9dL3z67efXBfTkrPCqymtBqGkaiNoU9FnvpSXJyzx5R8itUQ7WU4cIWnT/qhe9xS3I91VKGC0uUfpPbV4uSajUhQ1CGshxYorRxpGDObECf1Ysm40DM2a+wNhPt7mhUZzvhMI1Aq9HBkFgUUzYSrBkNtiDCkGBES/Eg8pLKwiSdplFB8uRhEzMH3RGzsSC7j9oKe1CT4wi0oEZMeRzITy4XJOM0WkFy2uOE//1O7jA8UWrm1CeJ5dMxlGXYoI/PQrd5AQlavagkZTmwlt4UOHGCnPs9wkw+vl0jSZcWdSZDsz8uas1tD3t99rSL8b0W3Lz4cHy/LrrctYEjlQNr6Y2ptag0NIf10gv/Pvo3akRzlOGe++yTyV4yhAJ9leR6qqUMF7YoXTC6zPPChSMaVEO1ci4lstoTDdxROhE4Fjv/9jUvCIkoISPGv7nhq6JKo4oqjSqqNEIfpf8f/zqf+36643RPeo8AAAAASUVORK5CYII=) no-repeat center center;background-size: 100% 100%
	}

	.verify-wrap .drag-progress {
		position: absolute;
		left: 0;
		top: -1px;
		height: 40px;
		border-top: 1px solid #7ac23c;
		border-top: 1px solid #7ac23c;
		width: 0;
		background-color: #7ac23c;
		color: #fff;
		font-size: 18px;
		text-align: center;
		line-height: 40px
	}

	.verify-wrap .fix-tips,.verify-msg {
		width: 100%;
		position: absolute;
		right: 0;
		left: 1px;
		height: 100%;
		color: #51555c;
		z-index: 1;
		line-height: 42px;
		font-size: 12px;
		text-align: center
	}

	.verify-wrap .verify-msg {
		background-color: #7ac23c;
		color: #fff;
		display: none
	}
	/**1**/
	.login01 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid rgba(251, 46, 46, 1);
		transition: ease all 0.5s;
		margin-top: 10%;
		margin-bottom: 20px;
		background-color: rgba(251, 46, 46, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login01 .form_item input[type="submit"]:hover {
		background-color: rgba(251, 46, 46, 0.8);
		border: 1px solid rgba(251, 46, 46, 0.8);
	}
	/**2**/
	.login02 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid  rgba(255, 102, 26, 1);
		transition: ease all 0.5s;
		margin-top: 0;
		margin-bottom: 20px;
		background-color: rgba(255, 102, 26, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login02 .form_item input[type="submit"]:hover {
		background-color: rgba(255, 102, 26, 0.8);
		border: 1px solid rgba(255, 102, 26, 0.8);
	}
	/**3**/
	.login03 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid rgba(70, 153, 255, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(70, 153, 255, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login03 .form_item input[type="submit"]:hover {
		background-color: rgba(70, 153, 255, 0.8);
		border: 1px solid  rgba(70, 153, 255, 0.8);
	}
	/**4**/
	.login04 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid  rgba(255, 171, 26, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(255, 171, 26, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login04 .form_item input[type="submit"]:hover {
		background-color: rgba(255, 171, 26, 0.8);
		border: 1px solid rgba(255, 171, 26, 0.8);
	}
	/**5**/
	.login05 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid rgba(244, 181, 247, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(244, 181, 247, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login05 .form_item input[type="submit"]:hover {
		background-color: rgba(244, 181, 247, 0.8);
		border: 1px solid rgba(244, 181, 247, 0.8);
	}
	/**6**/
	.login06 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid  rgba(75, 181, 248, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(75, 181, 248, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login06 .form_item input[type="submit"]:hover {
		background-color: rgba(75, 181, 248, 0.8);
		border: 1px solid rgba(75, 181, 248, 0.8);
	}
	/**7**/
	.login07 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid rgba(75, 217, 248, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(75, 217, 248, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login07 .form_item input[type="submit"]:hover {
		background-color: rgba(75, 217, 248, 0.8);
		border: 1px solid rgba(75, 217, 248, 0.8);
	}
	/**8**/
	.login08 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid  rgba(33, 201, 123, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(33, 201, 123, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login08 .form_item input[type="submit"]:hover {
		background-color: rgba(33, 201, 123, 0.8);
		border: 1px solid rgba(33, 201, 123, 0.8);
	}
	/**9**/
	.login09 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid rgba(33, 201, 123, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(33, 201, 123, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login09 .form_item input[type="submit"]:hover {
		background-color: rgba(33, 201, 123, 0.8);
		border: 1px solid rgba(33, 201, 123, 0.8);
	}
	/**10**/
	.login10 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid  rgba(33, 201, 123, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(33, 201, 123, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login10 .form_item input[type="submit"]:hover {
		background-color: rgba(33, 201, 123, 0.8);
		border: 1px solid rgba(33, 201, 123, 0.8);
	}
	/**11**/
	.login11 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid  rgba(33, 201, 123, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(33, 201, 123, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login11 .form_item input[type="submit"]:hover {
		background-color: rgba(33, 201, 123, 0.8);
		border: 1px solid rgba(33, 201, 123, 0.8);
	}

	.active {
		color: #3f7dff;
		padding-bottom: 10px;
		border-bottom: 3px solid #3f7dff;
	}

	.login_warp:hover {
		top: -20px;
		box-shadow: 0 15px 21px #ccc;
	}

	.loginrslider {
		color: #fff;
	}

	.qcode {
		width: 160px;
		height: 160px;
		background-color: #ccc;
		margin: 0 auto;
		margin-top: 2px;
	}

	.beizhu {
		text-align: center;
		font-size: 13px;
		margin-top: 10px;
		color: #999
	}

	.app {
	/*padding-top: 5%;
	padding-bottom: 8%*/
		display: inline-block;
		width: 100%;
		height: 100%;
	}

	.copyright {
		width: 100%;
		margin: 0 auto;
		font-size: 1.2rem;
		text-align: center;
		padding-top: 6%;
		color: #fff
	}

	.login_warp {
		width: 70%;
		margin: 4% auto 0;
		border-radius: 10px;
		box-shadow: 0 0px 0px #ccc;
		overflow: hidden;
		height: 600px;
		transition: ease all 0.5s;
		position: relative;
		top: 2rem;
		cursor: pointer;
	}

	.loginrslider {
		width: 60%;
		height: 600px;
	}

	.loginrslider img {
		width: 100%;
		height: 100%;
	}

	.loginbox {
		width: 40%;
		overflow: hidden;
		padding-top: 15px;
		background: #fff;
		height: 600px;
    /*border:1px solid #b9bed1;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px  */
	}
}







@media screen and (max-width: 1440px) and (min-width: 1024px) {
	h2 {
		display: block;
		color: #646464;
		font-size: 22px;
		font-family: "微软雅黑";
		margin: 0;
		text-align: center;
	}

	.login_logo {
		margin: 12px auto 0;
		width: 100%;
	}

	.login_logo img {
		width: 200px;
	/*height: 80px;
	border-radius: 40px;*/
	/*float: left;*/
		margin: 0 auto 0px;
		display: block;
	}

	.login_logo span {
	/*float: left;*/
		height: 30px;
		line-height: 30px;
		font-size: 20px;
	/*font-weight: 600;*/
		width: 100%;
		text-align: center;
		display: block;
	}

	.login_header {
		margin-bottom: 40px;
		padding: 0 20px;
	}

	.login_header span {
		margin-right: 20px;
		cursor: pointer;
		font-size: 1.4rem
	}

	.login_content {
		padding: 0 40px;
		margin-top: 0px
	}

	.Cbody_item {
		border: 0px solid #999;
		overflow: hidden;
	}

	.form_item {
		font-size: 13px;
		height: 60px;
	}

	.yz {
		height: 70px;
	}

	.form_item i {
		position: relative;
		left: 42px;
		top: 30px
	}

	.form_item input[type="text"],.form_item input[type="password"],.form_item input[type="number"],.form_item input[type="email"] {
		display: block;
		width: calc(100% - 50px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 46px;
		outline: none;
		border: 1px solid #b9bed1;
		transition: ease all 0.5s;
		margin-bottom: 10px;
		border-radius: 10px
	}

	i.checkcode {
		position: relative;
		left: 20px;
		top: 30px;
	}

	.checkcode-input {
		width: 50%!important;
	/*float: left;*/
		display: block;
		height: 44px;
		line-height: 44px;
		margin-left: 0!important;
		padding-left: 46px;
		outline: none;
		border: 1px solid #b9bed1;
		transition: ease all 0.5s;
		margin-bottom: 16px;
		border-radius: 22px;
	}

	.checkcode-img {
		position: relative;
		left: 66%;
		top: -52px;
	}

	.form_item input[type="text"]:focus,.form_item input[type="password"]:focus {
		border: 1px solid #1c65ff
	}

	.checkbox {
		line-height: 50px;
		margin: 0px 25px
	}
	/*验证*/
	.verify-wrap {
		width: 82%;
		height: 44px;
		background-color: #e5e5e5;
		border: 1px solid #e0e0e0;
		margin: 5px auto;
		position: relative;
	/*border-radius: 22px;overflow: hidden;*/
		margin-top: 20px
	}

	.verify-wrap .drag-btn {
		position: absolute;
		left: -1px;
		top: -1px;
		width: 50px;
		height: 44px;
		background: #fff url(data:image/png;
		base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAAA/UlEQVRYhe3XLc9GYBjG8eN6dkdFIQuqoCiCbj6ob2CCIplRaJKqEHT3c/kAz66Xc/fLnvO3UY7N/jNmxDAMF77AQ57iOH53x5/GccTPuyNUcSg1DqXGodQ4lNr/CC3LEsuyaG8mrEKzLEPXdZjnWWszYRXq+z7yPMc0Tej7XnkzYf2Muq6LoiiwrivatsV1XUrby0Mlx3Huu7fvO5qmUd50kL31QgijTdXD+gq/zvNEVVXwPA9pmipvOqxDj+O4Q4IgQJIkypsuq9Bt21DXNaIoug/VzYRVqHw55J0Kw1BrMyHkXyj/3BHiUGocSo1DqXEota8Jvb/18hP16Z7qL3h/w53n4AAAAABJRU5ErkJggg==) no-repeat center center;
	background-size: 100% 100%;
		z-index: 2;
		cursor: move;
	}

	.verify-wrap .suc-drag-btn {
		background: #fff url(data:image/png;
		base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAACA0lEQVRYhe2Y2yuDYRzHv7PJYc5zKspYSRMymStXu5NCs5W4csEfwJ+gSA53csg1F4R/gSu0OcWSmNIQkfMcEvu9tdpY79793leo91Nbbft993x6nj2/52kal8v1gX+Ajp4sFstve4jidrsR99sSUlFFlUYVVRpVVGl0SnyJ934VaxczOLpdwd3bufBeWnw+StLrYc1tQ3FqnewxZIk+vz9g7rAHO9dL3z67efXBfTkrPCqymtBqGkaiNoU9FnvpSXJyzx5R8itUQ7WU4cIWnT/qhe9xS3I91VKGC0uUfpPbV4uSajUhQ1CGshxYorRxpGDObECf1Ysm40DM2a+wNhPt7mhUZzvhMI1Aq9HBkFgUUzYSrBkNtiDCkGBES/Eg8pLKwiSdplFB8uRhEzMH3RGzsSC7j9oKe1CT4wi0oEZMeRzITy4XJOM0WkFy2uOE//1O7jA8UWrm1CeJ5dMxlGXYoI/PQrd5AQlavagkZTmwlt4UOHGCnPs9wkw+vl0jSZcWdSZDsz8uas1tD3t99rSL8b0W3Lz4cHy/LrrctYEjlQNr6Y2ptag0NIf10gv/Pvo3akRzlOGe++yTyV4yhAJ9leR6qqUMF7YoXTC6zPPChSMaVEO1ci4lstoTDdxROhE4Fjv/9jUvCIkoISPGv7nhq6JKo4oqjSqqNEIfpf8f/zqf+36643RPeo8AAAAASUVORK5CYII=) no-repeat center center;background-size: 100% 100%
	}

	.verify-wrap .drag-progress {
		position: absolute;
		left: 0;
		top: -1px;
		height: 40px;
		border-top: 1px solid #7ac23c;
		border-top: 1px solid #7ac23c;
		width: 0;
		background-color: #7ac23c;
		color: #fff;
		font-size: 18px;
		text-align: center;
		line-height: 40px
	}

	.verify-wrap .fix-tips,.verify-msg {
		width: 100%;
		position: absolute;
		right: 0;
		left: 1px;
		height: 100%;
		color: #51555c;
		z-index: 1;
		line-height: 42px;
		font-size: 12px;
		text-align: center
	}

	.verify-wrap .verify-msg {
		background-color: #7ac23c;
		color: #fff;
		display: none
	}
	/**1**/
	.login01 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid rgba(251, 46, 46, 1);
		transition: ease all 0.5s;
		margin-top: 10%;
		margin-bottom: 20px;
		background-color: rgba(251, 46, 46, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login01 .form_item input[type="submit"]:hover {
		background-color: rgba(251, 46, 46, 0.8);
		border: 1px solid rgba(251, 46, 46, 0.8);
	}
	/**2**/
	.login02 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid  rgba(255, 102, 26, 1);
		transition: ease all 0.5s;
		margin-top: 0;
		margin-bottom: 20px;
		background-color: rgba(255, 102, 26, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login02 .form_item input[type="submit"]:hover {
		background-color: rgba(255, 102, 26, 0.8);
		border: 1px solid rgba(255, 102, 26, 0.8);
	}
	/**3**/
	.login03 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid rgba(70, 153, 255, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(70, 153, 255, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login03 .form_item input[type="submit"]:hover {
		background-color: rgba(70, 153, 255, 0.8);
		border: 1px solid  rgba(70, 153, 255, 0.8);
	}
	/**4**/
	.login04 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid  rgba(255, 171, 26, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(255, 171, 26, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login04 .form_item input[type="submit"]:hover {
		background-color: rgba(255, 171, 26, 0.8);
		border: 1px solid rgba(255, 171, 26, 0.8);
	}
	/**5**/
	.login05 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid rgba(244, 181, 247, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(244, 181, 247, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login05 .form_item input[type="submit"]:hover {
		background-color: rgba(244, 181, 247, 0.8);
		border: 1px solid rgba(244, 181, 247, 0.8);
	}
	/**6**/
	.login06 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid  rgba(75, 181, 248, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(75, 181, 248, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login06 .form_item input[type="submit"]:hover {
		background-color: rgba(75, 181, 248, 0.8);
		border: 1px solid rgba(75, 181, 248, 0.8);
	}
	/**7**/
	.login07 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid rgba(75, 217, 248, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(75, 217, 248, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login07 .form_item input[type="submit"]:hover {
		background-color: rgba(75, 217, 248, 0.8);
		border: 1px solid rgba(75, 217, 248, 0.8);
	}
	/**8**/
	.login08 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid  rgba(33, 201, 123, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(33, 201, 123, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login08 .form_item input[type="submit"]:hover {
		background-color: rgba(33, 201, 123, 0.8);
		border: 1px solid rgba(33, 201, 123, 0.8);
	}
	/**9**/
	.login09 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid rgba(33, 201, 123, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(33, 201, 123, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login09 .form_item input[type="submit"]:hover {
		background-color: rgba(33, 201, 123, 0.8);
		border: 1px solid rgba(33, 201, 123, 0.8);
	}
	/**10**/
	.login10 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid  rgba(33, 201, 123, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(33, 201, 123, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login10 .form_item input[type="submit"]:hover {
		background-color: rgba(33, 201, 123, 0.8);
		border: 1px solid rgba(33, 201, 123, 0.8);
	}
	/**11**/
	.login11 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid  rgba(33, 201, 123, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(33, 201, 123, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login11 .form_item input[type="submit"]:hover {
		background-color: rgba(33, 201, 123, 0.8);
		border: 1px solid rgba(33, 201, 123, 0.8);
	}

	.active {
		color: #3f7dff;
		padding-bottom: 10px;
		border-bottom: 3px solid #3f7dff;
	}

	.login_warp:hover {
		top: -20px;
		box-shadow: 0 15px 21px #ccc;
	}

	.loginrslider {
		color: #fff;
	}

	.qcode {
		width: 160px;
		height: 160px;
		background-color: #ccc;
		margin: 0 auto;
		margin-top: 2px;
	}

	.beizhu {
		text-align: center;
		font-size: 13px;
		margin-top: 10px;
		color: #999
	}

	.app {
	/*padding-top: 5%;
	padding-bottom: 8%*/
		display: inline-block;
		width: 100%;
		height: 100%;
	}

	.copyright {
		width: 100%;
		margin: 0 auto;
		font-size: 1.2rem;
		text-align: center;
		padding-top: 6%;
		color: #fff
	}

	.login_warp {
		width: 70%;
		margin: 4% auto 0;
		border-radius: 10px;
		box-shadow: 0 0px 0px #ccc;
		overflow: hidden;
		height: 500px;
		transition: ease all 0.5s;
		position: relative;
		top: 2rem;
		cursor: pointer;
	}

	.loginrslider {
		width: 60%;
		height: 500px;
	}

	.loginrslider img {
		width: 100%;
		height: 100%;
	}

	.loginbox {
		width: 40%;
		overflow: hidden;
		padding-top: 15px;
		background: #fff;
		height: 500px;
    /*border:1px solid #b9bed1;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px  */
	}
}





@media screen and (max-width: 1024px) and (min-width: 768px) {
	h2 {
		display: block;
		color: #646464;
		font-size: 22px;
		font-family: "微软雅黑";
		margin: 0;
		text-align: center;
	}

	.login_logo {
		margin: 12px auto 0;
		width: 100%;
	}

	.login_logo img {
		width: 200px;
	/*height: 80px;
	border-radius: 40px;*/
	/*float: left;*/
		margin: 0 auto 0px;
		display: block;
	}

	.login_logo span {
	/*float: left;*/
		height: 30px;
		line-height: 30px;
		font-size: 20px;
	/*font-weight: 600;*/
		width: 100%;
		text-align: center;
		display: block;
	}

	.login_header {
		margin-bottom: 40px;
		padding: 0 20px;
	}

	.login_header span {
		margin-right: 20px;
		cursor: pointer;
		font-size: 1.4rem
	}

	.login_content {
		padding: 0 40px;
		margin-top: 0px
	}

	.Cbody_item {
		border: 0px solid #999;
		overflow: hidden;
	}

	.form_item {
		font-size: 13px;
		height: 60px;
	}

	.yz {
		height: 70px;
	}

	.form_item i {
		position: relative;
		left: 42px;
		top: 30px
	}

	.form_item input[type="text"],.form_item input[type="password"],.form_item input[type="number"],.form_item input[type="email"] {
		display: block;
		width: calc(100% - 50px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 46px;
		outline: none;
		border: 1px solid #b9bed1;
		transition: ease all 0.5s;
		margin-bottom: 10px;
		border-radius: 22px
	}

	i.checkcode {
		position: relative;
		left: 20px;
		top: 30px;
	}

	.checkcode-input {
		width: 50%!important;
	/*float: left;*/
		display: block;
		height: 44px;
		line-height: 44px;
		margin-left: 0!important;
		padding-left: 46px;
		outline: none;
		border: 1px solid #b9bed1;
		transition: ease all 0.5s;
		margin-bottom: 16px;
		border-radius: 22px;
	}

	.checkcode-img {
		position: relative;
		left: 66%;
		top: -52px;
	}

	.form_item input[type="text"]:focus,.form_item input[type="password"]:focus {
		border: 1px solid #1c65ff
	}

	.checkbox {
		line-height: 50px;
		margin: 0px 25px
	}
	/*验证*/
	.verify-wrap {
		width: 82%;
		height: 44px;
		background-color: #e5e5e5;
		border: 1px solid #e0e0e0;
		margin: 5px auto;
		position: relative;
	/*border-radius: 22px;overflow: hidden;*/
		margin-top: 20px
	}

	.verify-wrap .drag-btn {
		position: absolute;
		left: -1px;
		top: -1px;
		width: 50px;
		height: 44px;
		background: #fff url(data:image/png;
		base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAAA/UlEQVRYhe3XLc9GYBjG8eN6dkdFIQuqoCiCbj6ob2CCIplRaJKqEHT3c/kAz66Xc/fLnvO3UY7N/jNmxDAMF77AQ57iOH53x5/GccTPuyNUcSg1DqXGodQ4lNr/CC3LEsuyaG8mrEKzLEPXdZjnWWszYRXq+z7yPMc0Tej7XnkzYf2Muq6LoiiwrivatsV1XUrby0Mlx3Huu7fvO5qmUd50kL31QgijTdXD+gq/zvNEVVXwPA9pmipvOqxDj+O4Q4IgQJIkypsuq9Bt21DXNaIoug/VzYRVqHw55J0Kw1BrMyHkXyj/3BHiUGocSo1DqXEota8Jvb/18hP16Z7qL3h/w53n4AAAAABJRU5ErkJggg==) no-repeat center center;
	background-size: 100% 100%;
		z-index: 2;
		cursor: move;
	}

	.verify-wrap .suc-drag-btn {
		background: #fff url(data:image/png;
		base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAACA0lEQVRYhe2Y2yuDYRzHv7PJYc5zKspYSRMymStXu5NCs5W4csEfwJ+gSA53csg1F4R/gSu0OcWSmNIQkfMcEvu9tdpY79793leo91Nbbft993x6nj2/52kal8v1gX+Ajp4sFstve4jidrsR99sSUlFFlUYVVRpVVGl0SnyJ934VaxczOLpdwd3bufBeWnw+StLrYc1tQ3FqnewxZIk+vz9g7rAHO9dL3z67efXBfTkrPCqymtBqGkaiNoU9FnvpSXJyzx5R8itUQ7WU4cIWnT/qhe9xS3I91VKGC0uUfpPbV4uSajUhQ1CGshxYorRxpGDObECf1Ysm40DM2a+wNhPt7mhUZzvhMI1Aq9HBkFgUUzYSrBkNtiDCkGBES/Eg8pLKwiSdplFB8uRhEzMH3RGzsSC7j9oKe1CT4wi0oEZMeRzITy4XJOM0WkFy2uOE//1O7jA8UWrm1CeJ5dMxlGXYoI/PQrd5AQlavagkZTmwlt4UOHGCnPs9wkw+vl0jSZcWdSZDsz8uas1tD3t99rSL8b0W3Lz4cHy/LrrctYEjlQNr6Y2ptag0NIf10gv/Pvo3akRzlOGe++yTyV4yhAJ9leR6qqUMF7YoXTC6zPPChSMaVEO1ci4lstoTDdxROhE4Fjv/9jUvCIkoISPGv7nhq6JKo4oqjSqqNEIfpf8f/zqf+36643RPeo8AAAAASUVORK5CYII=) no-repeat center center;background-size: 100% 100%
	}

	.verify-wrap .drag-progress {
		position: absolute;
		left: 0;
		top: -1px;
		height: 40px;
		border-top: 1px solid #7ac23c;
		border-top: 1px solid #7ac23c;
		width: 0;
		background-color: #7ac23c;
		color: #fff;
		font-size: 18px;
		text-align: center;
		line-height: 40px
	}

	.verify-wrap .fix-tips,.verify-msg {
		width: 100%;
		position: absolute;
		right: 0;
		left: 1px;
		height: 100%;
		color: #51555c;
		z-index: 1;
		line-height: 42px;
		font-size: 12px;
		text-align: center
	}

	.verify-wrap .verify-msg {
		background-color: #7ac23c;
		color: #fff;
		display: none
	}
	/**1**/
	.login01 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid rgba(251, 46, 46, 1);
		transition: ease all 0.5s;
		margin-top: 10%;
		margin-bottom: 20px;
		background-color: rgba(251, 46, 46, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login01 .form_item input[type="submit"]:hover {
		background-color: rgba(251, 46, 46, 0.8);
		border: 1px solid rgba(251, 46, 46, 0.8);
	}
	/**2**/
	.login02 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid  rgba(255, 102, 26, 1);
		transition: ease all 0.5s;
		margin-top: 0;
		margin-bottom: 20px;
		background-color: rgba(255, 102, 26, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login02 .form_item input[type="submit"]:hover {
		background-color: rgba(255, 102, 26, 0.8);
		border: 1px solid rgba(255, 102, 26, 0.8);
	}
	/**3**/
	.login03 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid rgba(70, 153, 255, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(70, 153, 255, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login03 .form_item input[type="submit"]:hover {
		background-color: rgba(70, 153, 255, 0.8);
		border: 1px solid  rgba(70, 153, 255, 0.8);
	}
	/**4**/
	.login04 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid  rgba(255, 171, 26, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(255, 171, 26, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login04 .form_item input[type="submit"]:hover {
		background-color: rgba(255, 171, 26, 0.8);
		border: 1px solid rgba(255, 171, 26, 0.8);
	}
	/**5**/
	.login05 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid rgba(244, 181, 247, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(244, 181, 247, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login05 .form_item input[type="submit"]:hover {
		background-color: rgba(244, 181, 247, 0.8);
		border: 1px solid rgba(244, 181, 247, 0.8);
	}
	/**6**/
	.login06 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid  rgba(75, 181, 248, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(75, 181, 248, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login06 .form_item input[type="submit"]:hover {
		background-color: rgba(75, 181, 248, 0.8);
		border: 1px solid rgba(75, 181, 248, 0.8);
	}
	/**7**/
	.login07 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid rgba(75, 217, 248, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(75, 217, 248, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login07 .form_item input[type="submit"]:hover {
		background-color: rgba(75, 217, 248, 0.8);
		border: 1px solid rgba(75, 217, 248, 0.8);
	}
	/**8**/
	.login08 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid  rgba(33, 201, 123, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(33, 201, 123, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login08 .form_item input[type="submit"]:hover {
		background-color: rgba(33, 201, 123, 0.8);
		border: 1px solid rgba(33, 201, 123, 0.8);
	}
	/**9**/
	.login09 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid rgba(33, 201, 123, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(33, 201, 123, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login09 .form_item input[type="submit"]:hover {
		background-color: rgba(33, 201, 123, 0.8);
		border: 1px solid rgba(33, 201, 123, 0.8);
	}
	/**10**/
	.login10 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid  rgba(33, 201, 123, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(33, 201, 123, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login10 .form_item input[type="submit"]:hover {
		background-color: rgba(33, 201, 123, 0.8);
		border: 1px solid rgba(33, 201, 123, 0.8);
	}
	/**11**/
	.login11 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid  rgba(33, 201, 123, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(33, 201, 123, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login11 .form_item input[type="submit"]:hover {
		background-color: rgba(33, 201, 123, 0.8);
		border: 1px solid rgba(33, 201, 123, 0.8);
	}

	.active {
		color: #3f7dff;
		padding-bottom: 10px;
		border-bottom: 3px solid #3f7dff;
	}

	.login_warp:hover {
		top: -20px;
		box-shadow: 0 15px 21px #ccc;
	}

	.loginrslider {
		color: #fff;
	}

	.qcode {
		width: 160px;
		height: 160px;
		background-color: #ccc;
		margin: 0 auto;
		margin-top: 2px;
	}

	.beizhu {
		text-align: center;
		font-size: 13px;
		margin-top: 10px;
		color: #999
	}

	.app {
	/*padding-top: 5%;
	padding-bottom: 8%*/
		display: inline-block;
		width: 100%;
		height: 100%;
	}

	.copyright {
		width: 100%;
		margin: 0 auto;
		font-size: 1.2rem;
		text-align: center;
		padding-top: 6%;
		color: #fff;
		padding-left: 18%;
   		 padding-right: 18%;
	}

	.login_warp {
		width: 56%;
		margin: 4% auto 0;
		border-radius: 10px;
		box-shadow: 0 0px 0px #ccc;
		overflow: hidden;
		height: 500px;
		transition: ease all 0.5s;
		position: relative;
		top: 2rem;
		cursor: pointer;
	}

	.loginrslider {
		width: 60%;
		height: 500px;
		display: none;
	}

	.loginrslider img {
		width: 100%;
		height: 100%;
	}

	.loginbox {
		width: 100%;
		overflow: hidden;
		padding-top: 15px;
		background: #fff;
		height: 500px;
    /*border:1px solid #b9bed1;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px  */
	}
}







@media screen and (max-width: 768px) and (min-width: 375px) {
	h2 {
		display: block;
		color: #646464;
		font-size: 22px;
		font-family: "微软雅黑";
		margin: 0;
		text-align: center;
	}

	.login_logo {
		margin: 12px auto 0;
		width: 100%;
	}

	.login_logo img {
		width: 200px;
	/*height: 80px;
	border-radius: 40px;*/
	/*float: left;*/
		margin: 0 auto 0px;
		display: block;
	}

	.login_logo span {
	/*float: left;*/
		height: 30px;
		line-height: 30px;
		font-size: 20px;
	/*font-weight: 600;*/
		width: 100%;
		text-align: center;
		display: block;
	}

	.login_header {
		margin-bottom: 40px;
		padding: 0 8px;
	}

	.login_header span {
		margin-right: 20px;
		cursor: pointer;
		font-size: 1.4rem
	}

	.login_content {
		padding: 0 40px;
		margin-top: 0px
	}

	.Cbody_item {
		border: 0px solid #999;
		overflow: hidden;
	}

	.form_item {
		font-size: 13px;
		height: 60px;
	}

	.yz {
		height: 70px;
	}

	.form_item i {
		position: relative;
		left: 42px;
		top: 30px
	}

	.form_item input[type="text"],.form_item input[type="password"],.form_item input[type="number"],.form_item input[type="email"] {
		display: block;
		width: calc(100% - 50px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 46px;
		outline: none;
		border: 1px solid #b9bed1;
		transition: ease all 0.5s;
		margin-bottom: 10px;
		border-radius: 22px
	}

	i.checkcode {
		position: relative;
		left: 20px;
		top: 30px;
	}

	.checkcode-input {
		width: 50%!important;
	/*float: left;*/
		display: block;
		height: 44px;
		line-height: 44px;
		margin-left: 0!important;
		padding-left: 46px;
		outline: none;
		border: 1px solid #b9bed1;
		transition: ease all 0.5s;
		margin-bottom: 16px;
		border-radius: 22px;
	}

	.checkcode-img {
		position: relative;
		left: 66%;
		top: -52px;
	}

	.form_item input[type="text"]:focus,.form_item input[type="password"]:focus {
		border: 1px solid #1c65ff
	}

	.checkbox {
		line-height: 50px;
		margin: 0px 25px
	}
	/*验证*/
	.verify-wrap {
		width: 82%;
		height: 44px;
		background-color: #e5e5e5;
		border: 1px solid #e0e0e0;
		margin: 5px auto;
		position: relative;
	/*border-radius: 22px;overflow: hidden;*/
		margin-top: 20px
	}

	.verify-wrap .drag-btn {
		position: absolute;
		left: -1px;
		top: -1px;
		width: 50px;
		height: 44px;
		background: #fff url(data:image/png;
		base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAAA/UlEQVRYhe3XLc9GYBjG8eN6dkdFIQuqoCiCbj6ob2CCIplRaJKqEHT3c/kAz66Xc/fLnvO3UY7N/jNmxDAMF77AQ57iOH53x5/GccTPuyNUcSg1DqXGodQ4lNr/CC3LEsuyaG8mrEKzLEPXdZjnWWszYRXq+z7yPMc0Tej7XnkzYf2Muq6LoiiwrivatsV1XUrby0Mlx3Huu7fvO5qmUd50kL31QgijTdXD+gq/zvNEVVXwPA9pmipvOqxDj+O4Q4IgQJIkypsuq9Bt21DXNaIoug/VzYRVqHw55J0Kw1BrMyHkXyj/3BHiUGocSo1DqXEota8Jvb/18hP16Z7qL3h/w53n4AAAAABJRU5ErkJggg==) no-repeat center center;
	background-size: 100% 100%;
		z-index: 2;
		cursor: move;
	}

	.verify-wrap .suc-drag-btn {
		background: #fff url(data:image/png;
		base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAACA0lEQVRYhe2Y2yuDYRzHv7PJYc5zKspYSRMymStXu5NCs5W4csEfwJ+gSA53csg1F4R/gSu0OcWSmNIQkfMcEvu9tdpY79793leo91Nbbft993x6nj2/52kal8v1gX+Ajp4sFstve4jidrsR99sSUlFFlUYVVRpVVGl0SnyJ934VaxczOLpdwd3bufBeWnw+StLrYc1tQ3FqnewxZIk+vz9g7rAHO9dL3z67efXBfTkrPCqymtBqGkaiNoU9FnvpSXJyzx5R8itUQ7WU4cIWnT/qhe9xS3I91VKGC0uUfpPbV4uSajUhQ1CGshxYorRxpGDObECf1Ysm40DM2a+wNhPt7mhUZzvhMI1Aq9HBkFgUUzYSrBkNtiDCkGBES/Eg8pLKwiSdplFB8uRhEzMH3RGzsSC7j9oKe1CT4wi0oEZMeRzITy4XJOM0WkFy2uOE//1O7jA8UWrm1CeJ5dMxlGXYoI/PQrd5AQlavagkZTmwlt4UOHGCnPs9wkw+vl0jSZcWdSZDsz8uas1tD3t99rSL8b0W3Lz4cHy/LrrctYEjlQNr6Y2ptag0NIf10gv/Pvo3akRzlOGe++yTyV4yhAJ9leR6qqUMF7YoXTC6zPPChSMaVEO1ci4lstoTDdxROhE4Fjv/9jUvCIkoISPGv7nhq6JKo4oqjSqqNEIfpf8f/zqf+36643RPeo8AAAAASUVORK5CYII=) no-repeat center center;background-size: 100% 100%
	}

	.verify-wrap .drag-progress {
		position: absolute;
		left: 0;
		top: -1px;
		height: 40px;
		border-top: 1px solid #7ac23c;
		border-top: 1px solid #7ac23c;
		width: 0;
		background-color: #7ac23c;
		color: #fff;
		font-size: 18px;
		text-align: center;
		line-height: 40px
	}

	.verify-wrap .fix-tips,.verify-msg {
		width: 100%;
		position: absolute;
		right: 0;
		left: 1px;
		height: 100%;
		color: #51555c;
		z-index: 1;
		line-height: 42px;
		font-size: 12px;
		text-align: center
	}

	.verify-wrap .verify-msg {
		background-color: #7ac23c;
		color: #fff;
		display: none
	}
	/**1**/
	.login01 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid rgba(251, 46, 46, 1);
		transition: ease all 0.5s;
		margin-top: 10%;
		margin-bottom: 20px;
		background-color: rgba(251, 46, 46, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login01 .form_item input[type="submit"]:hover {
		background-color: rgba(251, 46, 46, 0.8);
		border: 1px solid rgba(251, 46, 46, 0.8);
	}
	/**2**/
	.login02 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid  rgba(255, 102, 26, 1);
		transition: ease all 0.5s;
		margin-top: 0;
		margin-bottom: 20px;
		background-color: rgba(255, 102, 26, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login02 .form_item input[type="submit"]:hover {
		background-color: rgba(255, 102, 26, 0.8);
		border: 1px solid rgba(255, 102, 26, 0.8);
	}
	/**3**/
	.login03 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid rgba(70, 153, 255, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(70, 153, 255, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login03 .form_item input[type="submit"]:hover {
		background-color: rgba(70, 153, 255, 0.8);
		border: 1px solid  rgba(70, 153, 255, 0.8);
	}
	/**4**/
	.login04 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid  rgba(255, 171, 26, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(255, 171, 26, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login04 .form_item input[type="submit"]:hover {
		background-color: rgba(255, 171, 26, 0.8);
		border: 1px solid rgba(255, 171, 26, 0.8);
	}
	/**5**/
	.login05 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid rgba(244, 181, 247, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(244, 181, 247, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login05 .form_item input[type="submit"]:hover {
		background-color: rgba(244, 181, 247, 0.8);
		border: 1px solid rgba(244, 181, 247, 0.8);
	}
	/**6**/
	.login06 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid  rgba(75, 181, 248, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(75, 181, 248, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login06 .form_item input[type="submit"]:hover {
		background-color: rgba(75, 181, 248, 0.8);
		border: 1px solid rgba(75, 181, 248, 0.8);
	}
	/**7**/
	.login07 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid rgba(75, 217, 248, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(75, 217, 248, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login07 .form_item input[type="submit"]:hover {
		background-color: rgba(75, 217, 248, 0.8);
		border: 1px solid rgba(75, 217, 248, 0.8);
	}
	/**8**/
	.login08 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid  rgba(33, 201, 123, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(33, 201, 123, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login08 .form_item input[type="submit"]:hover {
		background-color: rgba(33, 201, 123, 0.8);
		border: 1px solid rgba(33, 201, 123, 0.8);
	}
	/**9**/
	.login09 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid rgba(33, 201, 123, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(33, 201, 123, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login09 .form_item input[type="submit"]:hover {
		background-color: rgba(33, 201, 123, 0.8);
		border: 1px solid rgba(33, 201, 123, 0.8);
	}
	/**10**/
	.login10 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid  rgba(33, 201, 123, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(33, 201, 123, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login10 .form_item input[type="submit"]:hover {
		background-color: rgba(33, 201, 123, 0.8);
		border: 1px solid rgba(33, 201, 123, 0.8);
	}
	/**11**/
	.login11 .form_item input[type="submit"] {
		display: block;
		width: calc(100% - 40px);
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		padding-left: 16px;
		outline: none;
		border: 1px solid  rgba(33, 201, 123, 1);
		transition: ease all 0.5s;
		margin-top: 0%;
		margin-bottom: 20px;
		background-color: rgba(33, 201, 123, 1);
		color: #fff;
		cursor: pointer;
		border-radius: 20px;
		font-size: 14px
	}

	.login11 .form_item input[type="submit"]:hover {
		background-color: rgba(33, 201, 123, 0.8);
		border: 1px solid rgba(33, 201, 123, 0.8);
	}

	.active {
		color: #3f7dff;
		padding-bottom: 10px;
		border-bottom: 3px solid #3f7dff;
	}

	.login_warp:hover {
		top: -20px;
		box-shadow: 0 15px 21px #ccc;
	}

	.loginrslider {
		color: #fff;
	}

	.qcode {
		width: 160px;
		height: 160px;
		background-color: #ccc;
		margin: 0 auto;
		margin-top: 2px;
	}

	.beizhu {
		text-align: center;
		font-size: 13px;
		margin-top: 10px;
		color: #999
	}

	.app {
	/*padding-top: 5%;
	padding-bottom: 8%*/
		display: inline-block;
		width: 100%;
		height: 100%;
	}

	.copyright {
		width: 100%;
		margin: 0 auto;
		font-size: 1.2rem;
		text-align: center;
		padding-top: 18%;
		color: #fff;
		padding-left: 7%;
   		 padding-right: 7%;
	}

	.login_warp {
		width: 70%;
		margin: 4% auto 0;
		border-radius: 10px;
		box-shadow: 0 0px 0px #ccc;
		overflow: hidden;
		height: 500px;
		transition: ease all 0.5s;
		position: relative;
		top: 2rem;
		cursor: pointer;
	}

	.loginrslider {
		width: 60%;
		height: 500px;
		display: none;
	}

	.loginrslider img {
		width: 100%;
		height: 100%;
	}

	.loginbox {
		width: 100%;
		overflow: hidden;
		padding-top: 15px;
		background: #fff;
		height: 500px;
    /*border:1px solid #b9bed1;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px  */
	}
}