#user .main {
  display: flex;
}
#user .main .sidebar {
  width: 13.541666vw;
  position: relative;
  min-height: 17vw;
}
#user .main .sidebar h3 {
  font-size: 0.83333vw;
  color: #3d3d3d;
  text-align: center;
  padding: 1.302083vw 0 1.5625vw 0;
}
#user .main .sidebar h3 span {
  font-size: 0.83333vw;
  color: #3d3d3d;
}
#user .main .sidebar .sidebarNav li {
  background: #fff;
  text-align: center;
}
#user .main .sidebar .sidebarNav li a {
  display: inline-block;
  font-size: 0.83333vw;
  color: #000;
  position: relative;
  padding: 0.54166vw 0 0.54166vw 1.71875vw;
}
#user .main .sidebar .sidebarNav li a.icoUser::before {
  content: '';
  background: url('/images/icon-user.png') no-repeat;
  background-size: 1.25vw 1.25vw;
  width: 1.25vw;
  height: 1.25vw;
  position: absolute;
  left: 0;
  top: calc(50% - 0.625vw);
}
#user .main .sidebar .sidebarNav li a.icoDownload::before {
  content: '';
  background: url('/images/icon-download.png') no-repeat;
  background-size: 1.25vw 1.25vw;
  width: 1.25vw;
  height: 1.25vw;
  position: absolute;
  left: 0;
  top: calc(50% - 0.625vw);
}
#user .main .sidebar .sidebarNav li a.icoPassword::before {
  content: '';
  background: url('/images/icon-settings.png') no-repeat;
  background-size: 1.25vw 1.25vw;
  width: 1.25vw;
  height: 1.25vw;
  position: absolute;
  left: 0;
  top: calc(50% - 0.625vw);
}
#user .main .sidebar .sidebarNav li.current {
  background: rgba(0, 125, 64, 0.1);
  border-right: 2px solid #007D40;
}
#user .main .sidebar .sidebarNav li.current a {
  color: #007D40;
}
#user .main .sidebar .sidebarNav li.current a.icoUser::before {
  background: url('/images/icon-user-cur.png') no-repeat;
  background-size: 1.25vw 1.25vw;
}
#user .main .sidebar .sidebarNav li.current a.icoDownload::before {
  content: '';
  background: url('/images/icon-download-cur.png') no-repeat;
  background-size: 1.25vw 1.25vw;
}
#user .main .sidebar .sidebarNav li.current a.icoPassword::before {
  content: '';
  background: url('/images/icon-settings-cur.png') no-repeat;
  background-size: 1.25vw 1.25vw;
}
#user .main .sidebar .Logout {
  position: absolute;
  bottom: 4.0625vw;
  width: 100%;
  text-align: center;
}
#user .main .sidebar .Logout p {
  font-size: 0.83333vw;
  text-align: center;
  color: #007D40;
  cursor: pointer;
  position: relative;
  padding: 0 0 0 1.71875vw;
  display: inline-block;
}
#user .main .sidebar .Logout p::before {
  content: '';
  background: url('/images/icon-logout.png') no-repeat;
  background-size: 1.25vw 1.25vw;
  width: 1.25vw;
  height: 1.25vw;
  position: absolute;
  left: 0;
  top: calc(50% - 0.625vw);
}
#user .main .showUser {
  background: #f9f9f9;
  padding: 0.885416vw 1.5625vw;
  flex: 1;
}
#user .main .showUser.user .crumbs {
  font-size: 0.625vw;
  color: #666;
  margin-bottom: 1.25vw;
}
#user .main .showUser.user .crumbs span {
  color: #3D3D3D;
}
#user .main .showUser.user .crumbs a {
  color: #000;
}
#user .main .showUser.user .userDiv {
  background: #fff;
}
#user .main .showUser.user .userDiv h4 {
  font-size: 0.83333vw;
  padding: 0.72916vw 1.510416vw;
  border-bottom: 1px solid rgba(102, 102, 102, 0.15);
  font-weight: normal;
}
#user .main .showUser.user .userDiv .userForm {
  padding: 2.65625vw 3.697916vw;
  width: 22.04166vw;
}
#user .main .showUser.user .userDiv .userForm .userFormUl li {
  display: flex;
  margin-bottom: 1.0416vw;
}
#user .main .showUser.user .userDiv .userForm .userFormUl li input {
  padding: 0.729166vw;
  font-size: 0.83333vw;
  width: calc(100% - 1.458332vw);
}
#user .main .showUser.user .userDiv .userForm .userFormUl li.two {
  align-items: center;
}
#user .main .showUser.user .userDiv .userForm .userFormUl li.two input {
  margin-right: 1.04166vw;
}
#user .main .showUser.user .userDiv .userForm .userFormUl li.two input:last-child {
  margin-right: 0;
}
#user .main .showUser.user .userDiv .userForm .userFormUl li.two select {
  background: #fff;
  padding: 0.729166vw 0 0.729166vw 0.729166vw;
  font-size: 0.83333vw;
  width: 100%;
  margin-right: 1.04166vw;
  background: url(/images/downarrow.png) 8.677083vw center no-repeat;
  background-size: 1.25vw 1.25vw;
}
#user .main .showUser.user .userDiv .userForm .userFormUl li.two select:last-child {
  margin-right: 0;
}
#user .main .showUser.user .userDiv .userForm .btnSave {
  margin-top: 1.25vw;
  background: #007D40;
  font-size: 0.83333vw;
  color: #fff;
  padding: 0.677083vw 0;
  width: 6.3333vw;
  text-align: center;
  cursor: pointer;
}
#user .main .showUser.user .userDiv .downloadMgList li {
  border-bottom: 1px solid rgba(102, 102, 102, 0.15);
  padding: 1.4583vw 1.927083vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#user .main .showUser.user .userDiv .downloadMgList li .downImg {
  width: 10%;
  margin-right: 6.927083vw;
}
#user .main .showUser.user .userDiv .downloadMgList li .downImg img {
  width: 100%;
}
#user .main .showUser.user .userDiv .downloadMgList li .downText {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}
#user .main .showUser.user .userDiv .downloadMgList li .downText .downTextLeft {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  flex-wrap: wrap;
}
#user .main .showUser.user .userDiv .downloadMgList li .downText .downName {
  font-size: 0.83333vw;
  padding-right: 1.4583vw;
  width: 20%;
}
#user .main .showUser.user .userDiv .downloadMgList li .downText .downTime {
  font-size: 0.83333vw;
  padding: 0 1.4583vw;
  width: 20%;
}
#user .main .showUser.user .userDiv .downloadMgList li .downText .downBtn {
  background: #007D40;
  font-size: 0.83333vw;
  color: #fff;
  padding: 0.625vw 1.4583vw;
  cursor: pointer;
}
#user .main .showUser.user .userDiv .userPasswordForm {
  padding: 2.65625vw 3.697916vw;
}
#user .main .showUser.user .userDiv .userPasswordForm ul li {
  display: flex;
  margin-bottom: 1.0416vw;
}
#user .main .showUser.user .userDiv .userPasswordForm ul li input {
  padding: 0.729166vw;
  font-size: 0.83333vw;
  width: 18.783328vw;
}
#user .main .showUser.user .userDiv .userPasswordForm ul li.password {
  position: relative;
  width: 18.44166vw;
}
#user .main .showUser.user .userDiv .userPasswordForm ul li .showPassword {
  cursor: pointer;
  width: 1.25vw;
  height: 1.25vw;
  background-size: cover;
  position: absolute;
  right: 0.625vw;
  bottom: calc(50% - 0.625vw);
}
#user .main .showUser.user .userDiv .userPasswordForm ul li .showSurePassword {
  cursor: pointer;
  width: 1.25vw;
  height: 1.25vw;
  background-size: cover;
  position: absolute;
  right: 0.625vw;
  bottom: calc(50% - 0.625vw);
}
#user .main .showUser.user .userDiv .userPasswordForm p.note {
  display: block;
  margin: 1.325vw 0;
  color: #ed7d31;
  font-size: 0.8333vw;
  text-align: left;
}
#user .main .showUser.user .userDiv .userPasswordForm .btnPassword {
  margin-top: 1.25vw;
  background: #007D40;
  font-size: 0.83333vw;
  color: #fff;
  padding: 0.677083vw 0;
  width: 6.3333vw;
  text-align: center;
  cursor: pointer;
}
@media (max-width: 767px) {
  #user .main {
    flex-wrap: wrap;
  }
  #user .main .sidebar {
    width: 100%;
    min-height: auto;
  }
  #user .main .sidebar h3 {
    font-size: 4.4444vw;
    text-align: left;
    padding: 3.61111vw 5.7407vw;
    font-weight: normal;
  }
  #user .main .sidebar h3 span {
    font-size: 4.4444vw;
  }
  #user .main .sidebar .Logout {
    width: auto;
    text-align: center;
    bottom: auto;
    top: 3.61111vw;
    right: 4.7407vw;
    font-size: 4.4444vw;
  }
  #user .main .sidebar .Logout p {
    font-size: 3.88888vw;
    padding: 0 0 0 7.592592vw;
  }
  #user .main .sidebar .Logout p:before {
    width: 6.6666vw;
    height: 6.6666vw;
    background-size: 6.6666vw 6.6666vw;
    top: calc(50% - 3.3333vw);
  }
  #user .main .sidebar ul {
    display: flex;
  }
  #user .main .sidebar .sidebarNav li {
    flex: 1;
    border-bottom: 2px solid #E2E2E2;
  }
  #user .main .sidebar .sidebarNav li a {
    font-size: 3.88888vw;
    padding: 3.0555vw 0 3.0555vw 7.592592vw;
  }
  #user .main .sidebar .sidebarNav li a.icoUser::before {
    width: 6.6666vw;
    height: 6.6666vw;
    background-size: 6.6666vw 6.6666vw;
    top: calc(50% - 3.3333vw);
  }
  #user .main .sidebar .sidebarNav li a.icoDownload::before {
    width: 6.6666vw;
    height: 6.6666vw;
    background-size: 6.6666vw 6.6666vw;
    top: calc(50% - 3.3333vw);
  }
  #user .main .sidebar .sidebarNav li a.icoPassword::before {
    width: 6.6666vw;
    height: 6.6666vw;
    background-size: 6.6666vw 6.6666vw;
    top: calc(50% - 3.3333vw);
  }
  #user .main .sidebar .sidebarNav li.current {
    border-right: 0;
    border-bottom: 2px solid #007D40;
  }
  #user .main .sidebar .sidebarNav li.current a.icoUser::before {
    width: 6.6666vw;
    height: 6.6666vw;
    background-size: 6.6666vw 6.6666vw;
    top: calc(50% - 3.3333vw);
  }
  #user .main .sidebar .sidebarNav li.current a.icoDownload::before {
    width: 6.6666vw;
    height: 6.6666vw;
    background-size: 6.6666vw 6.6666vw;
    top: calc(50% - 3.3333vw);
  }
  #user .main .sidebar .sidebarNav li.current a.icoPassword::before {
    width: 6.6666vw;
    height: 6.6666vw;
    background-size: 6.6666vw 6.6666vw;
    top: calc(50% - 3.3333vw);
  }
  #user .main .showUser {
    padding: 0;
  }
  #user .main .showUser.user .crumbs {
    display: none;
  }
  #user .main .showUser.user .userDiv h4 {
    font-size: 5.185185vw;
    padding: 8.7962vw 5.7407vw;
    border-bottom: 0;
  }
  #user .main .showUser.user .userDiv .userForm {
    width: calc(100% - 11.4814vw);
    padding: 0 5.7407vw;
  }
  #user .main .showUser.user .userDiv .userForm .userFormUl li {
    margin-bottom: 4.25925vw;
  }
  #user .main .showUser.user .userDiv .userForm .userFormUl li input {
    outline: 0px;
    -webkit-appearance: none;
    font-size: 3.88888vw;
    border: 1px solid #000;
    width: 100%;
    padding: 2.407407vw 3.518518vw;
  }
  #user .main .showUser.user .userDiv .userForm .userFormUl li.two input {
    flex: 1;
    width: 50%;
    margin-right: 3.6vw;
  }
  #user .main .showUser.user .userDiv .userForm .userFormUl li.two select {
    flex: 1;
    width: 50%;
    margin-right: 3.6vw;
    font-size: 3.88888vw;
    padding: 2.407407vw 3.518518vw;
    color: #666666;
    background: url(/images/downarrow.png) 34.7222vw center no-repeat #fff;
    background-size: 5.1851vw 5.1851vw;
  }
  #user .main .showUser.user .userDiv .userForm .btnSave {
    width: 100%;
    padding: 2.7777vw 0;
    font-size: 3.88888vw;
    margin-top: 12.037037vw;
  }
  #user .main .showUser.user .userDiv .downloadMgList {
    padding: 0 5.7407vw 8.518vw 5.7407vw;
  }
  #user .main .showUser.user .userDiv .downloadMgList li {
    border-bottom: 0;
    padding: 1.4583vw 0;
    margin-bottom: 1.8333vw;
  }
  #user .main .showUser.user .userDiv .downloadMgList li .downImg {
    width: 75%;
    margin-right: 4.3518vw;
    font-size: 0;
  }
  #user .main .showUser.user .userDiv .downloadMgList li .downText {
    display: flex;
    justify-content: start;
    align-items: start;
    flex: auto;
    flex-wrap: wrap;
  }
  #user .main .showUser.user .userDiv .downloadMgList li .downText .downTextLeft {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
    flex-wrap: wrap;
  }
  #user .main .showUser.user .userDiv .downloadMgList li .downText .downName {
    flex: none;
    font-size: 3.8888vw;
    padding: 0;
    width: 100%;
    color: #000;
    margin-bottom: 1.8333vw;
  }
  #user .main .showUser.user .userDiv .downloadMgList li .downText .downTime {
    flex: none;
    font-size: 3.518518vw;
    padding: 0;
    width: 100%;
    color: #B3B3B3;
    margin-bottom: 1.8333vw;
  }
  #user .main .showUser.user .userDiv .downloadMgList li .downText .downBtn {
    margin-top: 0;
    font-size: 3.8888vw;
    padding: 2.77777vw 6.66666vw;
  }
  #user .main .showUser.user .userDiv .userPasswordForm {
    width: calc(100% - 11.4814vw);
    padding: 0 5.7407vw;
  }
  #user .main .showUser.user .userDiv .userPasswordForm ul li {
    margin-bottom: 4.259259vw;
  }
  #user .main .showUser.user .userDiv .userPasswordForm ul li.password {
    width: 100%;
  }
  #user .main .showUser.user .userDiv .userPasswordForm ul li input {
    outline: 0px;
    -webkit-appearance: none;
    font-size: 3.88888vw;
    border: 1px solid #000;
    width: 100%;
    padding: 2.407407vw 3.518518vw;
  }
  #user .main .showUser.user .userDiv .userPasswordForm ul li .showPassword {
    width: 5.18518vw;
    height: 5.18518vw;
    bottom: calc(50% - 2.59259vw);
    right: 2.592592vw;
  }
  #user .main .showUser.user .userDiv .userPasswordForm ul li .showSurePassword {
    width: 5.18518vw;
    height: 5.18518vw;
    bottom: calc(50% - 2.59259vw);
    right: 2.592592vw;
  }
  #user .main .showUser.user .userDiv .userPasswordForm p.note {
    display: block;
    margin: 1.325vw 0;
    color: #ed7d31;
    font-size: 3.8888vw;
    text-align: left;
  }
  #user .main .showUser.user .userDiv .userPasswordForm .btnPassword {
    width: 100%;
    padding: 2.7777vw 0;
    font-size: 3.88888vw;
    margin-top: 12.037037vw;
  }
}