/* 整体布局 */
.container_layout {
  width: 1200px;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 180px 382px 528px 110px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  font-size: 14px;
}

/* 用户名称 */
.shortcutBar_user_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.shortcutBar_user_name > .name {
  min-width: 65px;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.shortcutBar_entrance > span {
  margin: 0px 15px;
}
.user_name {
  width: 11px;
  height: 7px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4OEUxQzgzM0IzM0UxMUU5OTFENUI2NkRBMzkyQzU5NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4OEUxQzgzNEIzM0UxMUU5OTFENUI2NkRBMzkyQzU5NiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg4RTFDODMxQjMzRTExRTk5MUQ1QjY2REEzOTJDNTk2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg4RTFDODMyQjMzRTExRTk5MUQ1QjY2REEzOTJDNTk2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Zwl8RQAAAG1JREFUeNpinDlzJhMDA0MeELMz4AevWICEABD3ADEzAcVvQaa+A+ISAgr/AHEqE5QzAYgrcCj8C8TRQLyeCUmwE4jrsShMBOJVIA4TmmQTELdA2f+BOA2IF8MkWbBYWwvEt4H4DRBvQ5YACDAAccITtL/Usr4AAAAASUVORK5CYII=) no-repeat;
  background-size: 100%;
  background-position: center center;
}
.recommends-content-item {
  width: 100%;
  height: 20px;
  position: relative;
  top: 2px;
  text-align: right;
}
.recommends-content-item:hover{
}
.apk_png{
  width: 30px;
  cursor: pointer;
}
.recommends-content-item:hover .recommends-content-item-img {
  height: 110px;
}
.recommends-content-item-img{
  width: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0px;
  overflow: hidden;
  position: absolute;
  left: -81px;
  background: #FFFFFF;
  margin-top: 20px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.recommends_apk_png{
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.recommends-content-item-img>img{
  width: 110px;
  height: 110px;
}
.recommends-content-item__info {
  position: absolute;
  top: 35px;
  left: 0px;
  width: 200px;
  height: 0px;
  /*background: url("~assets/apk.png");*/
  background-size: 100%;
  background-position: center center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.loginOut {
  padding: 0px;
  margin: 0px;
  cursor: pointer;
}


.navBar {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-top: 30px;
  width: 968px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
}
.phone {
  width: 130px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIMAAAASCAYAAAB4p22AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5RDlFQTMyQUIzM0UxMUU5OTFGNEQ2Q0JCODgwRkJBOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5RDlFQTMyQkIzM0UxMUU5OTFGNEQ2Q0JCODgwRkJBOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlEOUVBMzI4QjMzRTExRTk5MUY0RDZDQkI4ODBGQkE4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlEOUVBMzI5QjMzRTExRTk5MUY0RDZDQkI4ODBGQkE4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+9dQwHgAABLVJREFUeNrsmW2IVFUYx2fWJXEVE/VLmoJ3P5SKH9RKAqPUGRGMInB9S1FQ5i4iKIQJmhEqyAoKIr7sFaSsKFmoSPFtriku+kFZXytXamdZ19BENLQUMx3/z+z/yNnjufdOs+vLDvPAb+fuveceznnOc56Xc+Mvf3IyRhkMRoM/wVnwN+93B5XgJXAXvAD+As3ghnq5ddXIWEm6tpTzdwzYDf4BvcBxMB3cBOPAF+BfcBnEwVBwAcwDp0tqLB5jEI+wnwu9CPQE34EtYD64CraBI+A6uA3GgqXgAEiCMyVVFocxvMqQ8DEXV4xhKw1hL/gK/AI2ABe0gLlgBvgGbAcJPWSEyaAVp9LSHmElDmn3DCFL+klrt9xLq0d5Zh9o14Qfh//6aJMsZPLop1Z+8b4b0kbGVIs2lR3tK4/xNHHOfsScRZIB7UwderYxcbwpvb8y/LnDHOAAb0qoqKehDOG94bKO4CdwCxwCFWAteEVrF2UICRpOLGQSoow4Da+W902lZKQN2yXUQvxPxWcNZdjapA3FFtxXxPsp9uGEGJqvzVk2SNqiG6XDpGobYgi5DanhizF0A73BCLYdBtYwJ9jHe5JlTgYTwHvgPPOIel73yXPeMohMwLOlnLDHHeaxbZWuNFGY4Qm8IAMLMjpRPJWaidildey/Q33l4VGqGG6tIguqLyqv2+lG06/VsxgGk7J5OjGGP7jrl/Dem8wjPgUnLP1JFXGFbfqzj3t5eAW1e2sCmjgWhfrGQo+2tJEFc8xdEqJYn4sX1a7SFqIK6SuiD7fQMGdZZCdqzDQgPyhnkMX9GrxLo2jlszfAHq3E1OUWrfAaDaIij/CQovU7IcbQEDERp9AdWEyiPCQ3QjvdmLmAxVhVuyasy6O8C2EilzP8B5aDF8FK5g47wEdgSsB4xGtUg9/A7/QuYSJxzJO4VMrZO8UDqBzCN7ymowxAhS6GO9MYxFhcyRW4QRPiudU5QysXWIxhJ5gDBoCNrCTMcKFKSQkPC0FjRPUgluc+RYVljVvJsDj6FHaxnuBmoiqTiPwiFVJBZYyE0VWJpjF/L/f/qqwcFvpYo1zepYzhAWP5Ah4+vU6LOQoOgxVgvZZgTqW73sEEMrJ6wHXWeJbFIPVJBbn/jHHtBMXvENf4zIQx3OsEo0pTl24eeUGHTiBjDBezwI88hHoLvM1kYx3ox4OpapaaIhP5jlUYFuKGEeR2iuWcQWXH+kQTRrLTYCnhqoo9j1ClYISHq8uzvPWDNlSZdi3e4WCs7Ri6L88UxAu8wwVaxrAhSeY0sAl8yHd6dMKca3hmkDDKSNfYZRnjXCEVUqEUiyQeufaQyoa6SRulpplb1FHPKSO5rym39LsLfAC+ZeJXzdjzA88TzoGf+b8cPn0J5CvVsQ66Ux8DVDEu0N1LvJWcQE3mSbrN50xS2pyt+Qd106TlTI/lFtSz3Etr5b4kk15c+2ppynhaUR8aRjVLSl3kI9bnYDE6+76U63dtKQt5JmFiFMvOmeDXWNsHrNdibZ+x3webecbQUFJl15fyiOctjMdSbn4GZtMYbvJcQj53TwIXS6osfmMQkfjTzLxhNRgI7jNpbCwZQvHIQwEGAM17+eYkQhADAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100%;
  background-position: center center;
}
.home_page {
  color: #1c7cce;
}
.item,
.home_page:hover {
  cursor: pointer;
}
.nav_bar_items {
  width: 825px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav_bar_link {
  margin-right: 65px;
  cursor: pointer;
}
.nav_bar_link:hover {
  color: #1c7cce;
}