.sub-nav-right #content2 {
  display: none;
}
.header .nav-wrap .logo {
  background: url('../png/public_sprites_33860.png?v=1') -10px -10px;
}

.p-head {
  position: relative;
}

.arrow {
  transition: transform 0.3s ease;
  position: absolute;
  top: 16px;
  right: 2px;
}

.sub-nav-head {
  display: none;
  position: fixed;
  width: 100%;
  height: 410px;
  top: 54px;
  left: 0;
  background: #F9F9F9;
  z-index: -1;
}

.sub-nav-head .head-content {
  display: flex;
}

.sub-nav-head .sub-nav-left {
  height: 410px;
  width: 216px;
  border-right: 1px solid #E4E4E4;
  padding-top: 38px;
}

.sub-nav-head .sub-nav-left .sub-nav-left-item {
  width: 216px;
  height: 54px;
  margin-bottom: 36px;
  position: relative;
  font-size: 18px;
  border-radius: 4px 0px 0px 4px;
  cursor: pointer;
}

.sub-nav-head .sub-nav-left .sub-nav-left-item p {
  position: absolute;
  right: 50px;
  top: 18px;
}

.sub-nav-head .sub-nav-left .sub-nav-left-item img {
  position: absolute;
  top: -12px;
  left: 10px;
}

.sub-nav-head .sub-nav-left .sub-nav-left-item i {
  display: none;
  position: absolute;
  width: 4px;
  height: 54px;
  right: 0;
}

.sub-nav-head .sub-nav-left .sub-nav-left-item .active {
  display: block;
}

.sub-nav-head .sub-nav-left .sub-nav-left-item:hover>i {
  display: block !important;
}

.sub-nav-head .sub-nav-left .tool {
  background: #FFF3E8;
  color: #F79031;
}

.sub-nav-head .sub-nav-left .tool i {
  background: #F79031;
}

.sub-nav-head .sub-nav-left .tool:hover {
  background: #FCEBDB;
}

.sub-nav-head .sub-nav-left .teach {
  background: #E8EBFF;
  color: #4F75DF;
}

.sub-nav-head .sub-nav-left .teach i {
  background: #4F75DF;
}

.sub-nav-head .sub-nav-left .teach:hover {
  background: #E1E4FF;
}

.sub-nav-head .sub-nav-right {
  height: 410px;
  padding: 20px 30px;
  box-sizing: border-box;
  margin-left: 188px;
}

.sub-nav-head .sub-nav-right .tool-item {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex-wrap: wrap;
}

.sub-nav-head .sub-nav-right .tool-item li {
  line-height: 24px;
  width: 320px;
  height: 50px;
  margin-bottom: 10px;
}

.sub-nav-head .sub-nav-right .tool-item li a {
  display: flex;
  align-items: flex-start;
  padding: 6px 16px;
  border-radius: 4px;
  cursor: pointer;
}

.sub-nav-head .sub-nav-right .tool-item li a:hover {
  background: #D9EDFF;
}

.sub-nav-head .sub-nav-right .tool-item li .item-text {
  height: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.sub-nav-head .sub-nav-right .tool-item li .item-name {
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  color: #555;
}

.sub-nav-head .sub-nav-right .tool-item li .item-desc {
  font-size: 12px;
  line-height: 12px;
  color: #999999;
}

.sub-nav-head .sub-nav-right .tool-item li .item-logo {
  display: block;
  width: 38px;
  height: 38px;
  margin-right: 14px;
}

.sub-nav-head .sub-nav-right .tool-item li .evcapture-logo {
  background: url(../png/public_sprites_33860.png?v=1) -479px -15px;
}

.sub-nav-head .sub-nav-right .tool-item li .evedit-logo {
  background: url(../png/public_sprites_33860.png?v=1) -479px -68px;
}

.sub-nav-head .sub-nav-right .tool-item li .evconverter-logo {
  background: url(../png/public_sprites_33860.png?v=1) -478px -121px;
}

.sub-nav-head .sub-nav-right .tool-item li .evscreenmirror-logo {
  background: url(../png/public_sprites_33860.png?v=1) -478px -175px;
}

.sub-nav-head .sub-nav-right .tool-item li .evscreenshare-logo {
  background: url(../png/public_sprites_33860.png?v=1) -478px -281px;
}

.sub-nav-head .sub-nav-right .tool-item li .evvirtualcamera-logo {
  background: url(../png/public_sprites_33860.png?v=1) -478px -228px;
}

.sub-nav-head .sub-nav-right .tool-item li .evextendscreen-logo {
  background: url(../png/public_sprites_33860.png?v=1) -478px -335px;
}

.sub-nav-head .sub-nav-right .tool-item li .evwechattool-logo {
  background: url(../png/public_sprites_33860.png?v=1) -532px -15px;
}

.sub-nav-head .sub-nav-right .tool-item li .evlivepush-logo {
  background: url(../png/public_sprites_33860.png?v=1) -532px -68px;
}

.sub-nav-head .sub-nav-right .tool-item li .videoenc2-logo {
  background: url(../png/public_sprites_33860.png?v=1) -532px -122px;
}

.sub-nav-head .sub-nav-right .tool-item li .evplayer2-logo {
  background: url(../png/public_sprites_33860.png?v=1) -532px -174px;
}

.sub-nav-head .sub-nav-right .tool-item li .videoenc-logo {
  background: url(../png/public_sprites_33860.png?v=1) -532px -229px;
}

.sub-nav-head .sub-nav-right .tool-item li .evclass-logo {
  background: url(../png/public_sprites_33860.png?v=1) -530px -282px;
}

.sub-nav-head .sub-nav-right .tool-item li .evmeeting-logo {
  background: url(../png/public_sprites_33860.png?v=1) -530px -335px;
}

.sub-nav-head .sub-nav-right .tool-item li .evcloudmeeting-logo {
  background: url(../png/public_sprites_33860.png?v=1) -585px -14px;
}