/*
body {
  margin: 0;
  width: 100vw;
  height: 100vh;
  background: #ecf0f3;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  place-items: center;
  overflow: hidden;
  font-family: poppins;
}
*/
.mask-cover {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0,0,0,.4);
    pointer-events: auto;
    box-sizing: content-box;
    z-index: 1000;
}

.passbox {
	margin:auto;
	left: 50%;
	top:50%;
	z-index: 100000;
  position: fixed;
  width: 360px;
  /* height: 400px; */
  border-radius: 5px;
  padding: 20px;
  box-sizing: border-box;
  background: #fff;
  transform: translate3d(-50%,-50%,0);
  box-shadow: 0 1px 3px rgba(26,26,26,0.1);
}

.passbox .brand-logo {
  height: 40px;
  width: 40px;
  margin: auto;
  border-radius: 50%;
  box-sizing: border-box;
  box-shadow: 7px 7px 10px #cbced1, -7px -7px 10px white;
}

.passbox .close{
	width: 20px;
	height:20px;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

.passbox .brand-title {
  margin-top: 6px;
  font-weight: 900;
  font-size: 1.3rem;
  color: #1DA1F2;
  letter-spacing: 1px;
  text-align: center;
}

.passbox .passbox_body {
  text-align: left;
  margin-top: 10px;
}

/*.passbox label,input,button {
  display: block;
  width: 100%;
  padding: 0;
  border: none;
  outline: none;
  box-sizing: border-box;
}*/

.passbox label {
  margin-bottom: 4px;
}

.passbox label:nth-of-type(2) {
  margin-top: 12px;
}

.passbox input::placeholder {
  color: gray;
}

.passbox input {
  /*background: #ecf0f3;*/
  padding: 3px;
  padding-left: 20px;
  height: 40px;
  font-size: 14px;
  border-radius: 5px;
  /*box-shadow: inset 2px 2px 2px #cbced159, inset -2px -2px 2px #ffffff3b;*/
  border: 1px solid #d0d6da;
}

.passbox .submit-button {
  margin-top: 20px;
  font-size: 18px;
  color:#fff;
  background: #1DA1F2;
  height: 40px;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 900;
  /*box-shadow: 6px 6px 6px #cbced1, -6px -6px 6px white;*/
  transition: 0.5s;
}

.passbox .submit-button:hover {
  box-shadow: none;
}

.passbox .cancel-button {
  margin-top: 20px;
  font-size: 18px;
  color:#fff;
  background: #b7b7b7;
  height: 40px;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 900;
  /*box-shadow: 6px 6px 6px #cbced1, -6px -6px 6px white;*/
  transition: 0.5s;
}

.passbox .yzm-input{
	height:40px;width:100px; 
	margin-top:10px;float:left;vertical-align:bottom;
	
}

.passbox .yzm-img{
	
	width:120px;height:40px;vertical-align:bottom;margin:6px 0px 0px 20px;
	
}

.passbox .yinsixieyi{
	display: block;
	height: 30px;
	margin-top:20px;
}

.passbox .yinsixieyi .tips{
	display:block; float:left;
	padding: 2px 1px 0px 2px;
}

.passbox .yinsixieyi .tips-warn{
	border: 1px solid red;
}

.passbox .passtips{
	color:red;
	

}
.passbox .passbox_footer {
    text-align: left;
    margin-top: 10px;
}

.passbox .yinsixieyi_checkbox{
	width: 15px;height: 20px;float: left;
	border:1px solid red;
	    height: 15px;
}

.passbox .switchbox{
	color:#1DA1F2;font-weight:bold;
}
html{
	scroll-behavior: smooth;
}