.nine-left,
.nine-lefts{
 width: 100%;
 height: 40px;
}
.nine-left-fathers{
  width: 50%;
  float: left;
}
.nine-left>p,
.nine-lefts>p{
 width: 150px;
 height: 100%;
 line-height: 40px;
 font-size: 18px;
 float: left;
}
.nine-left>input,
.nine-left>select{
  width: calc(100% - 160px);
  height: 30px;
  margin: 5px 10px 0 0;
  text-indent: 2em;
  float: left;
}
.nine-left>textarea{
  width: calc(100% - 160px);
  margin: 5px 10px 0 0;
  text-indent: 2em;
  float: left;
}
.nine-lefts{
  display: flex;
  align-items: center;
  flex-direction: row;
}
.nine-lefts>input{
  height: 30px;
  margin: 0 5px;
}
#select2{
  width: 50%;
  margin-top: 5px;
  float: right;
}
.nine-main{
  padding: 20px 0;
}
.button-nine{
  margin: 50px 0 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.button-nine input{
  padding: 5px 10px;
  color: #ffffff;
  cursor: pointer;
  background:rgba(40,111,237,1);
  margin-right: 10px;
}
.button-nine input:first-child,
.button-nine input:last-child{
  margin-right: 0;
}
.button-nine input:hover{
  background:rgba(40,111,237, .8);
}
/* .button-nine a{
  padding: 5px 10px;
  color: #ffffff;
  cursor: pointer;
  background:rgba(40,111,237,1);
}
.button-nine a:hover{
    background:rgba(40,111,237, .8);
}
.button-nine a:last-child{
  margin-left: 10px;
} */
.drop-down{
  width: 100%;
  height: 270px;
  border:1px solid #464646;
  overflow-y: auto;
}
.all-page-drop{
  color: #ffffff;
  background: rgb(40,111,237);
  padding-left: 5px;
}
.nine-shu{
 display: inline-block;
 width: 2px;
 height: 15px;;
 background-color: #464646;
}
.stair{
  width: 100%;
  height: 30px;
  padding-left: 5px;
  background: #ffffff;
  display: flex;
  align-items: center;
}
.level{
  width: 100%;
  background: rgb(153,196,227);
}
.level>li>p{
  width: 100%;
  height: 30px;
  padding-left: 15px;
  display: flex;
  align-items: center;
  color: #464646;
}
@media screen and (min-width:768px) {
  .nine-left-father{
    float: left;
  }
  .nine-right-father{
    float: right;
  }
}
@media screen and (max-width:768px) {
  .nine-left-father{
    margin-top: 20px;
  }
  .nine-left-fathers{
    width: 100%;
    margin-top: 20px;
    float: right;
  }
  main{
    margin-top: 60px!important;
  }
  #select2{
    width: 100%;
    float: left;
  }
}
@media screen and (max-width: 470px) {
  main>div>div:nth-child(2){
    padding: 0;
  }
}