html,body{
    position:relative;
    height:100%;
    margin:0;
    padding:0;
}
p{
    margin:0;
}
.clearfix:before, .clearfix:after{
    display: table;
    content: " ";
    clear: both;
}
.title{
    color:#333;
    font-size:18px;
}
.main{
    position:absolute;
    top:46%;
    transform: translateY(-45%);
    padding:0 25px;
    width:98%;
    box-sizing: border-box;
    background-color: #fff;
}
.item{
    margin-bottom:10px;
}
label{
    color:#999;
    font-size:12px;
}
input,textarea {
    border: 1px solid #ddd;
    background-color:transparent;
    border-radius: 5px;
    width:100%;
    color:#333;
    font-size:12px;
    padding:8px 10px;
    box-sizing: border-box;
    margin-top:5px;
}
input,textarea{-webkit-appearance:none;outline: none;}
.login{
    background-color:rgba(142,195,31,0.5);
    color:#fff;
    font-size:18px;
    text-align:center;
    width:100%;
    line-height:30px;
    cursor: pointer;
    margin-top:20px;
}
.select .pic{
    position:absolute;
    right:10px;
    top:50%;
  /*   transform: translateY(-50%); */
    cursor: pointer;
}
.select1 .pic1{
    position:absolute;
    right:10px;
    top:50%;
  /*   transform: translateY(-50%); */
    cursor: pointer;
}
.select_list{
    display:none;
    position:absolute;
    border:1px solid #ddd;
    z-index:10;
    background-color:#fff;
    width:100%;
    box-sizing: border-box;
    padding:10px;
    cursor: pointer;
}
.select_list li{
    list-style: none;
    color:#333;
    font-size:12px;
}
/* .select_list li:last-child{
    padding-top:8px;
} */
.select_list li.active{
    color:#8ec31f;
}
.select_list1 li.active{
    color:#8ec31f;
}
.select_list1{
    display:none;
    position:absolute;
    border:1px solid #ddd;
    z-index:10;
    background-color:#fff;
    width:100%;
    box-sizing: border-box;
    padding:0px 10px 10px 10px;
    cursor: pointer;
    height:200px;
    overflow:auto;
}
.select_list1 li{
    list-style: none;
    color:#333;
    font-size:12px;
    padding-top:8px;
}
.select_list1 li:first-child{
    padding-top:0px;
}

.show{
    display:none;
}
@media screen and (min-width:1024px){
    html,body{
        background-color:rgba(0,0,0,0.5);
    }
   .main{
       width:50%;
       margin:0 25%;
       padding:25px;
    }
}