@charset "utf-8";
/* CSS Document */


body {
	margin:0;
	padding:0;
	font-family:"Montserrat","微软雅黑", Arial;
	font-size:14px;
	line-height:1.5;
	color:#1d1d1d;
	width: 100%;
	margin:0px auto;
	background-color:#f5f5f5;
	overflow-x: hidden;
}
a {
	color:#1d1d1d;
	text-decoration:none;
}
a:hover {
	color:#1d1d1d;
}
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; width:0px; height:0px;
}
.container {
	width: 90%;
	max-width:1600px;
	margin:0px auto;
	height:auto;

}

* {
	box-sizing: border-box;
}

.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-center-y {
	display: flex;
	align-items: center;
}
.flex-center{
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-column {
	display: flex;
	flex-direction: column;
  }

.app{  width: 65%; margin: 0px auto;}
.header{ height: 100px;}
.header .tpleft{ font-size: 16px; color: #666;}
.header .tpleft .txt{ margin-left: 10px;}
.header .tpright a{ color: #444;}
.header .tpright a:hover{ color: #ff8000;}
.app_cont{ background-color: #fff;box-shadow: 0px 0px 8px rgb(0 0 0 / 8%); border-radius: 20px; padding: 20px 20px; display: flex; align-items: stretch; overflow: hidden; position: relative;}
.app_cont .banner{ width: 50%;}
.app_cont .login_box{ width:50%; padding-left: 5%; padding-right: 5%; padding-top:40px; padding-bottom: 20px;}
.app_cont .login_box .title{ text-align: center; font-size: 20px; margin-bottom: 20px;}
.app_cont .login_box .login_m ul li{ margin-bottom: 15px;}
.app_cont .login_box .login_m ul li .txt{ margin-bottom: 10px;}
.app_cont .login_box .login_m ul li .box{ border: 1px #ccc solid; height: 48px; display: flex; align-items: center; justify-content: space-between; border-radius: 6px; padding-left: 12px;}
.app_cont .login_box .login_m ul li .box .formbit{ flex:1; height: 44px; line-height: normal; border: 0px; outline: none; overflow: hidden; margin-right: 5px;}
.app_cont .login_box .login_m ul li .box .formbit::-webkit-input-placeholder {
color:#999;
}
.app_cont.no2{ padding: 0px;}
.app_cont.no2 .index_adv{ width: 50%;}
.app_cont.no2 .index_adv img{ width: 100%; height: 100%;}
.banner{ overflow: hidden; position: relative; padding-bottom:20px !important;}
.banner ul,.banner ul li,.banner ul li a{ width: 100%; height: 100%;}
.banner ul li img{ width: 100%; height: 100%;}
.banner .xf_bt{display: flex; position: absolute;
    align-items: center; left: 0px;
    justify-content: center; z-index:1000; width:100%; bottom: 0px !important; }
.banner .xf_bt span{width:8px; height:8px;border-radius:50%; margin:0px 5px !important; cursor:pointer; background: #ccc !important;}
.banner .xf_bt span.active{ background:#000 !important;}
.login_m ul li.agree label{ display: flex; align-items: flex-start;}
.login_m ul li.agree label .ant-checkbox-input[type='checkbox']{ width:16px; height:16px; border:1px #ccc solid; border-radius:2px;-webkit-appearance: none;outline: none; margin-right:10px;
    cursor: pointer;}
.login_m ul li.agree label .ant-checkbox-input[type=checkbox]:checked {
    background: url(../images/chico.png) no-repeat center;
	background-size:cover;
    border: 0px solid #535353;
}
.login_m ul li.agree .infor{ flex:1;}
.login_m ul li.agree .infor a{ color: #f3b202;}
.login_m ul li.agree .infor a:hover{color: #ff8000; text-decoration: underline;}
.login_m ul li .sumbit{ width: 100%; background-color: #ffcb05; height: 50px; line-height: normal; text-align: center; border-radius: 25px; color: #333; border: 0px; outline: none; cursor: pointer;}
.login_m ul li .sumbit:hover{ opacity: .7;}
.login_m ul li.last{ margin-top: 25px;}
.login_m ul li.no3{ text-align: center;}
.login_m ul li.no3 a{color: #ff8000;}
.footer{ text-align: center; padding: 30px 0px 20px; color: #444; font-size: 12px; display: flex; flex-direction: column; gap: 5px;}
.footer a{ color: #444;}
.footer .dblink a{ display: inline-block; padding: 0px 5px;}
.footer .dblink a:hover{color: #ff8000;}
.login_m ul li.no2{ text-align: center; padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e6; padding-top: 10px;}
.login_m ul li.no2 a{ color: #007aff; margin: 0px 8px;}

.app_cont .login_box .login_m ul li .box .code{  cursor:pointer; width: 18px; height: 18px; background-image: url(../images/eye1.png); background-repeat: no-repeat; background-position: center; background-size: cover; margin-right: 10px;}
.app_cont .login_box .login_m ul li .box .code.active{background-image: url(../images/eye2.png); }

.app_cont .online{ position: absolute;
    right: 0;
    bottom: 40px;
    color: #fff;
    background: #000;
    text-align: center;
    font-size: 14px;
    height: 50px;
    line-height: 48px;
    border-radius: 30px 0 0 30px;
	display:inline-flex; align-items: center; justify-content: center;
    width: 143px;
    cursor: pointer;}
.app_cont{ position: relative;}
.app_cont .online .content{    background: #fff !important;
    box-shadow: 0 0 12px rgba(0, 0, 0, .12) !important; font-size: 12px;text-align: center; border-radius: 8px; width: 237px; position: absolute; right: 160px; bottom: 0px;z-index: 30;  color: #333;  line-height: 1.5; padding: 8px;visibility:hidden; opacity: 0;}
.app_cont .online .img2{ margin-right: 5px;}
.app_cont .online .content:before{border: 8px solid transparent;border-left: 8px solid #fff; content:""; position: absolute; right: -16px; bottom: 17px;}
.app_cont .online:hover .content{ opacity: 1;visibility: visible;}

@media screen and (max-width: 1100px) {
	.app{  width: 90%;}
	}

@media screen and (max-width: 768px) {
	.app_cont .banner{ display: none;}
	.app_cont .login_box{ width: 100%; padding-right: 0px; padding-left: 0px;}
	.app_cont .login_box{ padding-top: 20px;}
	.header .tpleft .logo img{ height: 34px; width: auto;}
	.header .tpleft{ font-size: 14px;}
	.header .tpright{ font-size: 12px;}
	.header{ height: 70px;}
	.app_cont{ border-radius: 10px;}
	.app_cont.no2 .index_adv{ display: none;}
	.app_cont.no2{ padding: 10px 20px;}
	.app_cont .online .content{ width: 160px;}
	}

@media (max-width:640px){

	}
@media (max-width:450px){

	
}