/* 向上箭头 */
.to_top {
    width: 0;
    height: 0;
    border-bottom: 10px solid skyblue; /*#f0f;*/
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
/* 向左箭头 */
.to_left {
    width: 0;
    height: 0;
    border-right: 30px solid #ffd900;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
}
/* 向右箭头 */
.to_right {
    width: 0;
    height: 0;
    border-left: 30px solid greenyellow;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
}
/* 向下箭头 */
.to_bottom {
    width: 0;
    height: 0;
    border-top: 10px solid skyblue;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.box{
width: 40px;
height: 30px;
}
img{
width: 100%;
height: 100%;
}

/*一级菜单*/
.div-1-1{
      display: none;
      position: absolute;
      background-color: #6c757d;
      min-width: 160px;
      max-width: 160px;
      //max-height: 200px;
      //overflow: auto;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
}
/*二级菜单*/
.div-2-1{
      display: none;
      position: absolute;
      margin-left: 152px;
      margin-top: -35px;
      background-color: #6c757d;
      min-width: 160px;
      max-width: 160px;
      //max-height: 10px;
      //overflow: auto;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
}

/*三级菜单*/
.div-3-1{
      display: none;
      position: absolute;
      margin-left: 152px;
      margin-top: -35px;
      background-color: #6c757d;
      min-width: 160px;
      max-width: 160px;
      //overflow: auto;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
}

.eachline{
  color: #6c757d;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.div-1-1 > div:hover {background-color: gray;}
.div-2-1 > div:hover {background-color: gray;}
.div-3-1 > div:hover {background-color: gray;}

.div-1:hover .div-1-1{
    display: block;
}
.div-2:hover .div-2-1{
    display: block;
}
.div-3:hover .div-3-1{
    display: block;
}


/*temp*/
.dropbtn {
  background-color: #6c757d;
  color: #6c757d;
  border: none;
  cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #6c757d;
  color: white;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #6c757d;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: #6c757d;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: gray;}
.dropdown:hover .dropdown-content {display: block;}

.show {display: block;}