@media screen and (min-width: 1024px) {
  .top-container {
    position: fixed;
    z-index: 9999;
  }
  .top-container .same-top {
    width: 19.2rem;
    height: 0.6rem;
    display: flex;
  }
  .top-container .same-top .same-top-left {
    width: 4.91rem;
    height: 0.6rem;
    padding-left: 1.23rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .top-container .same-top .same-top-left .login-show {
    width: 1.4rem;
    height: 0.4rem;
  }
  .top-container .same-top .same-top-left .login-hide {
    width: 1.4rem;
    height: 0.4rem;
    display: none;
  }
  .top-container .same-top .same-top-right {
    width: 11.9rem;
    height: 0.6rem;
    border-bottom: 0.01rem solid rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .top-container .same-top .same-top-right .same-top-right-item1 {
    display: flex;
    align-items: center;
    height: 0.6rem;
  }
  .top-container .same-top .same-top-right .same-top-right-item1 ul {
    display: flex;
    align-items: center;
    text-align: center;
    line-height: 0.6rem;
  }
  .top-container .same-top .same-top-right .same-top-right-item1 ul .choose:not(:first-child) {
    margin-left: 0.48rem;
    box-sizing: border-box;
  }
  .top-container .same-top .same-top-right .same-top-right-item1 ul .choose {
    height: 0.64rem;
    box-sizing: border-box;
    text-align: center;
  }
  .top-container .same-top .same-top-right .same-top-right-item1 ul .choose .switch-show {
    width: 0.2rem;
    height: 0.21rem;
    margin-top: 0.2rem;
  }
  .top-container .same-top .same-top-right .same-top-right-item1 ul .choose .switch-hide {
    width: 0.2rem;
    height: 0.21rem;
    margin-top: 0.2rem;
    display: none;
  }
  .top-container .same-top .same-top-right .same-top-right-item1 ul .choose a {
    width: 0.64rem;
    height: 0.21rem;
    font-size: 0.16rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    color: #ffffff;
  }
  .top-container .same-top .same-top-right .same-top-right-item1 ul .choose-active {
    border-bottom: 0.04rem solid #3c80ff;
    margin-top: -0.04rem;
  }
  .top-container .same-top .same-top-right .same-top-right-item2 {
    display: flex;
    align-items: center;
    justify-content: right;
  }
  .top-container .same-top .same-top-right .same-top-right-item2 .serarch-show {
    width: 0.21rem;
    height: 0.2rem;
  }
  .top-container .same-top .same-top-right .same-top-right-item2 .serarch-hide {
    width: 0.21rem;
    height: 0.2rem;
    display: none;
  }
  .top-container .same-top .same-top-right .same-top-right-item2 .user-show {
    width: 1.22rem;
    height: 0.22rem;
    margin-left: 0.1rem;
  }
  .top-container .same-top .same-top-right .same-top-right-item2 .user-hide {
    width: 1.22rem;
    height: 0.22rem;
    margin-left: 0.1rem;
    display: none;
  }
  .top-container .same-top-active {
    background: rgba(38, 46, 62, 0.8);
  }
  .top-container .same-top-active .same-top-left .login-show {
    display: block;
  }
  .top-container .same-top-active .same-top-left .login-hide {
    display: block;
  }
  .top-container .same-top-active .same-top-right .same-top-right-item1 #choose-switch li a {
    color: #ffffff;
  }
  .top-container .same-top-active .same-top-right .same-top-right-item2 .serarch-show {
    display: block;
  }
  .top-container .same-top-active .same-top-right .same-top-right-item2 .serarch-hide {
    display: block;
  }
  .top-container .same-top-active .same-top-right .same-top-right-item2 .user-show {
    display: block;
  }
  .top-container .same-top-active .same-top-right .same-top-right-item2 .user-hide {
    display: block;
  }
  .top-container .same-top-active1 {
    background: rgba(38, 46, 62, 0.8);
  }
  .top-container .same-top-active1 .same-top-left .login-show {
    display: block !important;
  }
  .top-container .same-top-active1 .same-top-left .login-hide {
    display: none !important;
  }
  .top-container .same-top-active1 .same-top-right .same-top-right-item1 #choose-switch li a {
    color: #ffffff !important;
  }
  .top-container .same-top-active1 .same-top-right .same-top-right-item2 .serarch-show {
    display: block;
  }
  .top-container .same-top-active1 .same-top-right .same-top-right-item2 .serarch-hide {
    display: block;
  }
  .top-container .same-top-active1 .same-top-right .same-top-right-item2 .user-show {
    display: block;
  }
  .top-container .same-top-active1 .same-top-right .same-top-right-item2 .user-hide {
    display: block;
  }
  .top-container .same-top-active2 {
    background: rgba(38, 46, 62, 0.8);
  }
  .top-container .same-top-active2 .same-top-right .same-top-right-item1 #choose-switch li a {
    color: #ffffff;
  }
  .top-container .same-top-active3 .same-top-left .login-show {
    display: none;
  }
  .top-container .same-top-active3 .same-top-left .login-hide {
    display: block;
  }
  .top-container .same-top-active3 .same-top-right .same-top-right-item1 #choose-switch li a {
    color: #3a3e4f;
  }
  .top-container .same-top-active3 .same-top-right .same-top-right-item2 .serarch-show {
    display: block;
  }
  .top-container .same-top-active3 .same-top-right .same-top-right-item2 .serarch-hide {
    display: none;
  }
  .top-container .same-top-active3 .same-top-right .same-top-right-item2 .user-show {
    display: block;
  }
  .top-container .same-top-active3 .same-top-right .same-top-right-item2 .user-hide {
    display: none;
  }
  .top-container .same-top-active4 {
    background: rgba(38, 46, 62, 0.8);
  }
  .top-container .same-top-active4 .same-top-left .login-show {
    display: block;
  }
  .top-container .same-top-active4 .same-top-left .login-hide {
    display: none;
  }
  .top-container .same-top-active4 .same-top-right .same-top-right-item1 #choose-switch li a {
    color: #ffffff;
  }
  .top-container .same-top-active4 .same-top-right .same-top-right-item2 .serarch-show {
    display: block;
  }
  .top-container .same-top-active4 .same-top-right .same-top-right-item2 .serarch-hide {
    display: block;
  }
  .top-container .same-top-active4 .same-top-right .same-top-right-item2 .user-show {
    display: block;
  }
  .top-container .same-top-active4 .same-top-right .same-top-right-item2 .user-hide {
    display: block;
  }
  .top-container .hy-bg {
    background: #3a3e4f;
  }
  .top-container .same-show-item1 {
    width: 19.2rem;
    height: 4.18rem;
    background: #fbfcff;
    padding-left: 3.61rem;
    padding-right: 3.96rem;
    padding-top: 0.26rem;
    box-sizing: border-box;
    display: flex;
    display: none;
    justify-content: space-between;
    box-shadow: 0rem 0.05rem 0.2rem 0rem rgba(11, 21, 42, 0.1);
  }
  .top-container .same-show-item1 .same-show-left {
    display: flex;
    flex-direction: column;
  }
  .top-container .same-show-item1 .same-show-left .show-left-title h1 {
    height: 0.26rem;
    font-size: 0.2rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #3a3e4f;
  }
  .top-container .same-show-item1 .same-show-left .show-left-content {
    margin-top: 0.24rem;
  }
  .top-container .same-show-item1 .same-show-left .show-left-content ul li a {
    height: 0.21rem;
    opacity: 0.7;
    font-size: 0.16rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #3a3e4f;
  }
  .top-container .same-show-item1 .same-show-left .show-left-content ul li a:hover {
    color: #3c80ff;
  }
  .top-container .same-show-item1 .same-show-left .show-left-content ul li:not(:first-child) {
    margin-top: 0.24rem;
  }
  .top-container .same-show-item1 .same-show-left .show-left-content ul .choose {
    display: flex;
    align-items: center;
  }
  .top-container .same-show-item1 .same-show-left .show-left-content ul .choose img {
    width: 0.28rem;
    height: 0.12rem;
    margin-left: 0.08rem;
  }
  .top-container .same-show-item1 .same-show-right {
    margin-left: 0.9rem;
  }
  .top-container .same-show-item1 .same-show-right .show-right-title h1 {
    height: 0.26rem;
    font-size: 0.2rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #3a3e4f;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content {
    display: flex;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content .content-item1 {
    width: 1.92rem;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content .content-item1 li {
    margin-top: 0.24rem;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content .content-item1 li a {
    height: 0.21rem;
    opacity: 0.7;
    font-size: 0.16rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #3a3e4f;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content .content-item1 li a:hover {
    color: #3c80ff;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content .content-item1 .choose {
    display: flex;
    align-items: center;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content .content-item1 .choose img {
    width: 0.28rem;
    height: 0.12rem;
    margin-left: 0.08rem;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content .content-item2 {
    width: 1.28rem;
    margin-left: 0.4rem;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content .content-item2 li {
    margin-top: 0.24rem;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content .content-item2 li a {
    height: 0.21rem;
    opacity: 0.7;
    font-size: 0.16rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #3a3e4f;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content .content-item2 li a:hover {
    color: #3c80ff;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content .content-item2 .choose {
    display: flex;
    align-items: center;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content .content-item2 .choose img {
    width: 0.28rem;
    height: 0.12rem;
    margin-left: 0.08rem;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content .content-item3 {
    width: 1.8rem;
    margin-left: 1rem;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content .content-item3 li {
    margin-top: 0.24rem;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content .content-item3 li a {
    height: 0.21rem;
    opacity: 0.7;
    font-size: 0.16rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #3a3e4f;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content .content-item3 li a:hover {
    color: #3c80ff;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content .content-item3 .choose {
    display: flex;
    align-items: center;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content .content-item3 .choose img {
    width: 0.28rem;
    height: 0.12rem;
    margin-left: 0.08rem;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content .content-item4 {
    width: 1.65rem;
    margin-left: 0.8rem;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content .content-item4 li {
    margin-top: 0.24rem;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content .content-item4 li a {
    height: 0.21rem;
    opacity: 0.7;
    font-size: 0.16rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #3a3e4f;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content .content-item4 li a:hover {
    color: #3c80ff;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content .content-item4 .choose {
    display: flex;
    align-items: center;
  }
  .top-container .same-show-item1 .same-show-right .show-right-content .content-item4 .choose img {
    width: 0.28rem;
    height: 0.12rem;
    margin-left: 0.08rem;
  }
  .top-container .same-show-item2 {
    width: 19.2rem;
    height: 3.5rem;
    background: #fbfcff;
    padding-left: 3.61rem;
    padding-right: 3.85rem;
    padding-top: 0.26rem;
    box-sizing: border-box;
    display: flex;
    display: none;
    justify-content: space-around;
    box-shadow: 0rem 0.05rem 0.2rem 0rem rgba(11, 21, 42, 0.1);
  }
  .top-container .same-show-item2 .same-show-left {
    display: flex;
    flex-direction: column;
    width: 25%;
  }
  .top-container .same-show-item2 .same-show-left .show-left-title h1 {
    height: 0.26rem;
    font-size: 0.2rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #3a3e4f;
  }
  .top-container .same-show-item2 .same-show-left .show-left-content {
    margin-top: 0.24rem;
  }
  .top-container .same-show-item2 .same-show-left .show-left-content ul li a {
    height: 0.21rem;
    opacity: 0.7;
    font-size: 0.16rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #3a3e4f;
  }
  .top-container .same-show-item2 .same-show-left .show-left-content ul li a:hover {
    color: #3c80ff;
  }
  .top-container .same-show-item2 .same-show-left .show-left-content ul li:not(:first-child) {
    margin-top: 0.24rem;
  }
  .top-container .same-show-item2 .same-show-left .show-left-content ul .choose {
    display: flex;
    align-items: center;
  }
  .top-container .same-show-item2 .same-show-left .show-left-content ul .choose img {
    width: 0.28rem;
    height: 0.12rem;
    margin-left: 0.08rem;
  }
  .top-container .same-show-item2 .same-show-right {
    width: 75%;
  }
  .top-container .same-show-item2 .same-show-right .show-right-title h1 {
    height: 0.26rem;
    font-size: 0.2rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #3a3e4f;
  }
  .top-container .same-show-item2 .same-show-right .show-right-content {
    display: flex;
  }
  .top-container .same-show-item2 .same-show-right .show-right-content .content-item1 {
    width: 25%;
  }
  .top-container .same-show-item2 .same-show-right .show-right-content .content-item1 li {
    margin-top: 0.24rem;
  }
  .top-container .same-show-item2 .same-show-right .show-right-content .content-item1 li a {
    height: 0.21rem;
    opacity: 0.7;
    font-size: 0.16rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #3a3e4f;
  }
  .top-container .same-show-item2 .same-show-right .show-right-content .content-item1 li a:hover {
    color: #3c80ff;
  }
  .top-container .same-show-item2 .same-show-right .show-right-content .content-item1 .choose {
    display: flex;
    align-items: center;
  }
  .top-container .same-show-item2 .same-show-right .show-right-content .content-item1 .choose img {
    width: 0.28rem;
    height: 0.12rem;
    margin-left: 0.08rem;
  }
  .top-container .same-show-item2 .same-show-right .show-right-content .content-item2 {
    width: 32%;
    margin-left: 0.4rem;
  }
  .top-container .same-show-item2 .same-show-right .show-right-content .content-item2 li {
    margin-top: 0.24rem;
  }
  .top-container .same-show-item2 .same-show-right .show-right-content .content-item2 li a {
    height: 0.21rem;
    opacity: 0.7;
    font-size: 0.16rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #3a3e4f;
  }
  .top-container .same-show-item2 .same-show-right .show-right-content .content-item2 li a:hover {
    color: #3c80ff;
  }
  .top-container .same-show-item2 .same-show-right .show-right-content .content-item3 {
    width: 30%;
    margin-left: 0.4rem;
  }
  .top-container .same-show-item2 .same-show-right .show-right-content .content-item3 li {
    margin-top: 0.24rem;
  }
  .top-container .same-show-item2 .same-show-right .show-right-content .content-item3 li a {
    height: 0.21rem;
    opacity: 0.7;
    font-size: 0.16rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #3a3e4f;
  }
  .top-container .same-show-item2 .same-show-right .show-right-content .content-item3 li a:hover {
    color: #3c80ff;
  }
  .top-container .same-show-item2 .same-show-right .show-right-content .content-item3 .choose {
    display: flex;
    align-items: center;
  }
  .top-container .same-show-item2 .same-show-right .show-right-content .content-item3 .choose img {
    width: 0.28rem;
    height: 0.12rem;
    margin-left: 0.08rem;
  }
  .top-container .same-show-item2 .same-show-right .show-right-content .content-item4 {
    width: 35%;
    margin-left: 0.4rem;
  }
  .top-container .same-show-item2 .same-show-right .show-right-content .content-item4 li {
    margin-top: 0.24rem;
  }
  .top-container .same-show-item2 .same-show-right .show-right-content .content-item4 li a {
    height: 0.21rem;
    opacity: 0.7;
    font-size: 0.16rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #3a3e4f;
  }
  .top-container .same-show-item2 .same-show-right .show-right-content .content-item4 li a:hover {
    color: #3c80ff;
  }
  .top-container .same-show-item2 .same-show-right .show-right-content .content-item4 .choose {
    display: flex;
    align-items: center;
  }
  .top-container .same-show-item2 .same-show-right .show-right-content .content-item4 .choose img {
    width: 0.28rem;
    height: 0.12rem;
    margin-left: 0.08rem;
  }
  .top-container .same-show-active {
    display: block;
    display: flex;
  }
}