@font-face {
  font-family: "iconfont"; /* Project id  */
  src: url('iconfont.ttf?t=1650360788902') format('truetype');
}
.iconfont{font-family:"iconfont" !important;font-size:4.5rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-new-40:before {content: "\e62d";}
.icon-new-41:before {content: "\e62e";}
/**/
body{font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica, Arial","Microsoft YaHei","sans-serif"!important;height:100%; background-color:#f2f9ff}
h1,h2,h3,h4,h5,p,span,div{font-family: "PingFangSC-Regular","PingFang SC","Microsoft YaHei" !important;}
a { cursor: pointer;text-decoration:none!important; color: #333333}
a{-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
html, body,div, img, a, p, h1, h2, span, span, button, ul, li, input{margin: 0px;padding: 0px;}
button, input{outline:none;  border:none;}
.none{display:none;}
/*图片处理*/
img,video { height: auto; max-width: auto\9; max-width:98%; }
@media only screen and (min-width: 829px){img { height: auto; width: auto;}}
/*add 验证方式*/
.log_on_box{ width:100%;height:100%;;  background-color:#fff;}
.log_on_fl{ width:500px;height:100%;background-color:#eff8ff; padding:0  50px; position:relative; display:block}
.log_on_fl .log_on_logo{ width:128px; margin-top:100px;} 
.log_on_fl .log-bg{ width:420px; position:absolute;left:80px; bottom:0;}
.log_on_fl  span{position:absolute;	left: 50%;bottom:20px; transform:translate(-50%,0); font-size:12px; color:#666666; text-align:center }
.log_on_fl p{ font-size:30px; line-height:40px; letter-spacing:2px; color:#333333; font-weight:600 }
.log_on_fl  ul { margin-top:50px;}
.log_on_fl  ul li{font-size:14px; line-height:32px; color:#666666;vertical-align:middle  }
.log_on_fl  ul li:before{ content:"  ";  width:5px; height:5px; border-radius: 50%; border:2px solid #128beb; background: transparent;  display:inline-block; margin-right:10px;vertical-align:middle }
.log_on_fr {position:relative;width: -webkit-calc(100% - 600px);  width: calc(100% - 600px);   height:100%;  }
.log_on_fr .log_on_from{ width:380px; overflow:hidden; position:absolute;left:50%;top:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.register-box .log_on_from{ width:380px; overflow:hidden; margin:60px auto;/*position:absolute;left:50%;top:60px;  transform:translate(-50%,0);-webkit-transform:translate(-50%,-0);*/ /*margin-bottom:60px;*/}
.log_on_fr .log_on_from .log_on_logo02,.register-box .log_on_from .log_on_logo02{  display:none}
.log_on_fr .log_on_from h1,.register-box .log_on_from h1{ font-size:20px;margin-bottom:20px; color:#333333;}
.log_on_fr .log_on_from input,.register-box .log_on_from input{ width:100%; background-color:#f2f3f5;border:1px solid #f2f3f5; box-sizing:border-box ; font-size:14px; height:45px; margin:10px 0; padding-left:10px;border-radius: 4px;-webkit-appearance:none;outline:none;}
.log_on_fr .log_on_from input:focus,.register-box .log_on_from input:focus{ border:1px solid #128beb;}
.log_on_fr .log_on_from .sign_but,.register-box .log_on_from .sign_but{ width:100%; line-height:45px;margin:20px auto 20px; background-color:#128beb; display:block;border-radius: 4px; text-align:center; color:#fff;}
.log_on_from .careful_from{ height:45px; line-height:45px;}
.log_on_from .careful_from  span{ margin:10px 0; overflow:hidden}
.log_on_from .careful_from  span a{ font-size:14px; color:#128beb;}
.log_on_from .careful_from  span strong{ font-weight:100; color:#666666;font-size:14px; }
.log_on_from .other_sign{position:relative; font-size:14px; text-align:center; border-top:1px dashed #e2e2e2; margin:50px 0}
.log_on_from .other_sign p{ position:absolute;left:50%;top:50%; transform:translate(-50%,-50%); padding:10px 20px; background-color:#fff; display:block; color:#666666; font-size:14px}
.log_on_from ul{ display:flex; display: -webkit-flex; justify-content:center;}
.log_on_from ul li{  width:50%; font-size:12px; margin-top:5px; text-align:center; color:#666666;cursor:pointer}
.log_on_from ul li i{ font-size:14px; padding-right:5px; }
.log_on_from ul li .col-g{ color:#2cb84d}
.log_on_from ul li .col-b{ color:#128beb}
.number_error{ font-size:12px; color:#ce0202;/*margin-bottom:15px;*/padding-left:2px;display:none;margin-top:-8px;}
.from_box {padding:0px 3px}
.from_box .captcha_but ,.loginland_content .captcha_but{width:100%;display:flex; display: -webkit-flex; height:45px; margin:10px 0;}
.from_box .captcha_but input ,.loginland_content .captcha_but input{ width:56% }
.from_box .captcha_but button,.loginland_content .captcha_but button {flex:1;border-radius: 5px;background-color: #f2f3f5;font-size: 14px;height: 45px;color:#444; line-height:45px; cursor:pointer; margin-left:5px; text-align:center}
.from_box .captcha_but button:hover,.loginland_content .captcha_but button:hover {background-color: #e4e5e7;}
.from_box .captcha_but input,.loginland_content .captcha_but{ margin:0}
.captcha_but img{width:160px; height:45px; background-color:#ffffff; margin-left:5px; display:inline-block}
.log_end{ text-align:center; font-size:16px; margin:80px auto;display:none;}
.log_end p{ margin:20px 0px 50px 0px;font-size:18px;font-weight:100;}
.log_end img{ width:100px; margin-bottom:10px}
.drag_02 {width: 100%; height: 50px;line-height: 50px; background-color: #f2f3f5;position: relative;margin: 0 auto; color: #666; margin-bottom:10px;}
.bg_02 {/*width: 45px;*/ height: 100%;position: absolute;background-color: #128beb;}
.text_02{position:absolute;width:100%;height:100%;text-align:center;user-select:none;font-size:14px;color:#eee}
.text_02 span{background:-webkit-gradient(linear,left top,right top,color-stop(0,#4d4d4d),color-stop(.4,#4d4d4d),color-stop(.5,#fff),color-stop(.6,#4d4d4d),color-stop(1,#4d4d4d));-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:text_02 3s infinite;-webkit-text-size-adjust:none}
.text_02 span{width:100%;display:inline-block; color:#666666}
.btn_02{width:40px;height:50px;position:absolute;border:1px solid #ccc;cursor:move;font-family:"Microsoft YaHei";text-align:center;background-color:#fff;user-select:none;color:#ccc;box-sizing:border-box;vertical-align:middle; text-align:center}
.btn_02{background-image:url("images/r-i.jpg");background-size:16px 16px;background-repeat: no-repeat;background-position: 12px 14px;}
.have_number {
    margin-top: 10px;
    text-align: center;
    display: block;
    font-size: 13px;
    color: #666666;
}
.have_number a {
    color: #128beb;
}
/*.btn_02_none{background-image:none}*/
 @-webkit-keyframes text_02 {
	0% {
		background-position: -200px 0
	}

	100% {
		background-position: 200px 0
	}
}
/*register*/
.register-bigbox{background-color:#f2f9ff}
.register-box{ margin:0 auto; }
.register-box .log_on_from{background-color:#fff; padding:40px}
.register-box .register-logo{ margin:0 auto; text-align:center; width:100%; display:block;}
.register-logo img {height:45px;}
.register-box .register-logo p{ text-align:center; font-size:18px; margin-bottom:20px;color:#333333}
.register-box select{ width:100%; background-color:#f2f3f5;border:1px solid #f2f3f5; box-sizing:border-box ; font-size:14px; height:45px; margin:10px 0; padding-left:10px;border-radius: 4px;-webkit-appearance:none;outline:none; color:#666666}
.register-box select:focus{ border:1px solid #128beb;}
.register-box .log_end img{ width:80px;margin-bottom:0}
.register-box .log_end p{ margin:25px 0 50px 0; font-size:16px}
.log_end .erw-content img{ width:100px;border:1px solid #f2f3f5; padding:5px; }
.log_end .erw-content p{ font-size:13px; color:#666666}

/*人脸收集*/
 .signNameBox{width:100%;border:1px solid #dcdcdc;text-align:center;box-sizing: border-box;margin:10px 0px;border-radius:4px;}
.signNameBox .title{font-size: 14px;line-height: 24px;padding: 10px;}
.signNameBox .video{margin-top: 3px;width: 100%;}
.signNameBox p{padding: 5px 0 5px 5px;color: #949494}
.signNameBox .canvas { display: none;margin-top: 3px;margin-bottom: -5px;width: 100%;border: 1px dashed #128beb;}
.signNameBox-style, .ksy-Entrance-from .camera { width: 100%;height: 160px;background-color: #f9f9f9;text-align: center; cursor: pointer; overflow: hidden;}
.signNameBox .take {display: block;padding-top: 15px;padding-bottom: 14px;background: #128beb;color: #fff;cursor: pointer; font-size: 15px;box-shadow: 0 10px 30px -10px rgb(132 201 255);}
.signNameBox-style i { font-size:75px;color: #d4d4d4;margin: 35px auto;display: inline-block;}
.camera-not {text-align: center; padding: 20px; margin:10px 0;}
.camera-not i {font-size: 100px; color: #d4d4d4;}
.camera-not p { font-size: 16px; color: #FF0004;}
.camera-not span { font-size: 13px;color: #128beb;cursor: pointer;}
.lazy_tip{
	position: absolute;
	margin-top: 35%;
	z-index: 1001;
	font-size: 25px;
	width: 100%;
	color: #ffffff;
	line-height: 30px;
}

.lazy_cover {
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1000;
	color: #ffffff;
	font-size: 25px;
	opacity: 0.7;
	position: fixed;
	top: 0;
	left: 0;
}
@media screen and ( max-width:1366px) {
.log_on_fl{ width:380px;padding:0  50px; }
.log_on_fl .log_on_logo{ width:108px; margin-top:60px;} 
.log_on_fl .log-bg{ width:320px;left:80px;}
.log_on_fl p{ font-size:24px; line-height:32px; }
.log_on_fl  ul { margin-top:30px;}
.log_on_from .careful_from{ height:40px; line-height:40px;}
.log_on_from .careful_from  span{ margin:5px 0;}
.log_on_from .other_sign{margin:30px 0}
}
@media screen and ( max-width:1280px){ 
.log_on_fl .log_on_logo{  margin-top:120px;} 
.log_on_fl .log-bg{ width:360px;left:60px;}
}
@media screen and ( max-width:1024px){ 
.log_on_fl .log_on_logo{  margin-top:60px;} 
.log_on_fl .log-bg{ width:360px;left:60px;}
}
@media screen and (max-width:780px){
body{background-color:#ffffff}
.log_on_fl{display:none}
.log_on_from .agree-text label, .have_number{font-size: 12px;}
/*register*/
.register-bigbox{background-color:#fff}
.register-box .log_on_from{width:100%;margin: 30px auto;padding: 0;}
.log_end{padding:0 20px;}
.register-box .from_box{ padding:0 20px}
.register-box .log_on_from .sign_but{ height:50px; line-height:50px;}
.register-box .log_on_from h1{ font-size:18px; margin-bottom:10px;}
.register-box .log_end p{margin: 20px 0 30px 0;}
}
@media screen and (max-width:480px){
.register-box .log_on_from{ width:85%; padding:0}
.register-box .from_box{ padding:0}
.register-box .register-logo{ margin:20px auto 10px}
/*登陆界面*/
.login_container{background: #ffffff;}
.loginland_content{ width: 90%;padding: 0;border: none;box-shadow: none;margin: 0 auto; }
.loginland_content button{width:85%; }
}
@media screen and (max-width:320px){
.register-box .log_on_from{ width:90%;}
/*.register-box .from_box{ width:90%;}*/
.register-box .register-logo{ margin:40px auto 20px}
.log_on_from .agree-text .checkbox_input{ margin-left:2px; width:10px; height:10px;}
.register-box .log_end{ margin:60px auto}
.register-box .log_end img{ width:60px;}
.log_end .erw-content img{ width:80px;}
.register-box .log_on_from input,.from_box .captcha_but button{ font-size:12px;}
}