*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#app {
    padding: 30px 20px;
}
#app .header {
  /* background-color: pink; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .l{
    font-weight: bold;
}
.topBox {
  width: 335px;
  height: 187px;

  background-image: url("./bg.png");
  background-size: 100% 100%;
  margin: 20px auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.topT {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
}
.topAddr {
  font-size: 14px;
  margin-top: 15px;
  color: #ffffff;
}

.inputBox{ 
width: 100%;
height: 49px;
border-radius: 10px; 
	
background: #FBFDFF;
	
box-sizing: border-box;
border: 1px solid #7134E0;
margin: 10px auto;
display: flex;
	
}
.inputBox input{
    background: none;
    border: none;  
    flex: 1;
    height: 100%;
    font-size: 18px;
    padding: 0 20px;
}


.tips .p{    
font-size: 14px; 
line-height: 24px;  
color: #666666;
	
}
.ft{
    padding: 0 20px;
    position: fixed;
    bottom: 20px;
    left: 0; 
    width: 100%;

}

.but {
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
  background: #7134e0;
  color: #fff;
  padding: 0 20px;
  text-align: center;
}
.but3 {
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
  background: #979797;
  color: #fff;
  padding: 0 20px;
  text-align: center;
}
.but2 {
  height: 40px;
  border-radius: 10px;

  box-sizing: border-box;
  border: 1px solid #7134e0;
  color: #7134e0;
  line-height: 40px;
  padding: 0 20px;
}
.el-select{
    width: 100%;
    margin-bottom: 10px;
}
.loading{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #000000c7;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.loading .p{
    margin-top: 15px; 
}
.loading img{ 
    animation: 3s re infinite linear;
}
@keyframes re{
    to{
        transform: rotate(360deg);
    }
}