.banner-download {
  padding: 15px;
}

.banner-download .info {
  margin-bottom: 15px;
}

.banner-download .icon {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  width: 75px;
}

.banner-download img {
  width: 75px;
  height: 75px;
}

.banner-download .detail {
  display: inline-block;
  margin-top: 10px;
  width: 186px;
}

.banner-download .title {
  font-size: 17px;
  color: #666;
}

.banner-download .desc {
  font-size: 12px;
  color: #777;
}

.banner-download.row-download {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.banner-download.row-download .pc-btn-download {
  width: auto;
  min-width: 130px;
}

.banner-download.row-download .icon {
  margin-right: 15px;
}

.banner-download.row-download .info {
  margin-bottom: 0;
}

.app-list {
  padding: 15px;
}

.app-list .app-item {
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
  padding: 10px 0;
}

.app-list .app-item:last-child {
  border-bottom: none;
}

.app-list .app-item:hover .name {
  color: #00a6ed !important;
}

.app-list .page404 .app-item-row .info {
  width: 160px !important;
}

.app-list .page404 .app-item-row .day_list_number {
  width: 20px;
  height: 20px;
  background: #e7e7e7;
  margin-top: 27px;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  font-weight: 600;
  margin-right: 20px;
  color: #666;
}

.app-list .page404:nth-child(1) .day_list_number {
  background: url(../images/day_list_number.png) top center;
  color: #fff;
  margin-top: 25px;
  height: 24px;
}

.app-list .page404:nth-child(2) .day_list_number {
  background: url(../images/day_list_number.png) center;
  color: #fff;
  margin-top: 25px;
  height: 24px;
}

.app-list .page404:nth-child(3) .day_list_number {
  background: url(../images/day_list_number.png) bottom center;
  color: #fff;
  margin-top: 25px;
  height: 24px;
}

.app-list .app-item-row {
  position: relative;
  text-align: left;
  width: 100%;
}

.app-list .app-item-row .app-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.app-list .app-item-row .app-inner .pic {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 10px;
  overflow: hidden;
  margin-right: 10px;
}

.app-list .app-item-row .app-inner .info {
  width: 200px;
  margin-top: 3px;
}

.app-list .app-item-row .app-inner img {
  width: 60px;
  height: 60px;
}

.app-list .app-item-row .app-inner .name {
  font-size: 1.2rem;
  color: #343434;
  overflow: hidden;
  line-height: 1.3rem;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  margin: 0;
}

.app-list .app-item-row .app-inner .other {
  font-size: 1rem;
  line-height: 1rem;
  padding: 0.8rem 0 0 0;
  white-space: nowrap;
  color: #828282;
}

.app-list .app-item-row .app-inner .size {
  padding-right: 5px;
  border-right: 1px #c6c6c6;
}

.app-list .app-item-row .app-inner .count {
  padding-left: 2rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAmklEQVQokdXTwQ2CMBgF4A+CAziWBwdwCNbBPUgYgh3YgMQjBxOCB6uBCpV48yVN0/7vtX2vbdY0jQhTPBGQzQf5Bukr/kxYeQZyxy3BnWatylGixgHHHZvVKHOMuKDdIWoDd3x5HHBGlxB1gTOwDKfHKfQxPmpxqotVU6dZu463Dwn/xYqQkFyo12uELSFcEzWF7d+QxM9P7gFsTCVKBUIoYwAAAABJRU5ErkJggg==) no-repeat 0.6rem center;
  background-size: 0.7rem auto;
}

.app-list .app-item-row .app-inner .star {
  color: #f38e16;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAMAAADarb8dAAAAS1BMVEUAAADzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbdd+E5AAAAGHRSTlMAVOm/Z15H+e7boJWOgHkMCNPSrKtKIR5GiPyAAAAAYElEQVQIHVXBCRKCMBREwfezsW8KOvc/qUhSVOimSImn7cVDkAKVxUlu4fYZdBq+/NnoWxWtH42jUaVJYKoYp6hb5DKrmMmiikg2qZjIeknOSerJvLqwrqGTJ3sbF9uBH0CTCXPK+5rOAAAAAElFTkSuQmCC) no-repeat left 0.1rem top 0.3rem;
  background-size: 0.8rem auto;
  padding-left: 1rem;
  padding-right: 0.4rem;
}

.app-list .app-item-row .app-inner .category {
  padding-left: 0.5rem;
}

.pc-wrap {
  display: flex;
  margin-top: 20px;
}

p {
  margin: 0;
}

body a:hover {
  text-decoration: none;
}

.pc-left {
  flex: 1;
  width: 880px;
  max-width: 880px;
  margin-right: 20px;
}

.pc-right {
  width: 300px;
  flex-shrink: 0;
}

.sextion-box {
  background: #fff;
  width: auto;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
  margin-bottom: 20px;
}

.category-model .header-title {
  background: #ffffff;
  border-bottom: 1px solid #e8e8e8;
  height: 55px;
  line-height: 55px;
  color: #666;
  font-size: 18px;
  padding: 0px 10px;
  font-weight: 400;
  position: relative;
}

.category-model .title {
  color: #666;
}

.category-model .more {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAflBMVEUAAADQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19nQ19n////k6Ons7/Dc4ePt7/DY3t+gOAedAAAAI3RSTlMA+d22zwTqvqrkyoRxYEw8IxEMCrAr7sWgh2dWNet9fCkaGWoli4cAAAD0SURBVDjLhdJZcoMwEEXRJ4l5NBg8Z3zgxPvfYCokoaRISPf7VHd/NPT65jxEUkbDuenhrs0E10TWwm5M+a90hFn8ImglnmPd7BWdqb1mjtzouKpYcTP1t7GkpxJLN3q7Lajwo+LbNNSbZ0s1AIyrH9NkqRR4p9HsUG+oGVQ1TgyqEwoGVYGEQfUEwaASTvQxTXcDHZzmk1oHREHDCJlzl1GGKmhY4TVoOMI86uEwEYAL9e6W4QVAnNNbvnz51Y+uWMp8ZsBPndw2ssNvu3zzoB2wKrkxRzNAp1xGdTCrre9Lalj1lTQ2VT2ctWWaLDPSsoXWF6X9iHACaS4EAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 18px auto;
}

.category-model .inner {
  position: relative;
  padding: 5px 0 5px 15px;
  display: block;
  min-height: 45px;
}

.category-model .item {
  width: 49%;
  display: inline-block;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.category-model .item:hover .title {
  color: #00a6ed;
}

.category-model .icon-cate {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.category-model .descr {
  padding: 0 0 0 35px;
  overflow: hidden;
}

.category-model .descr .title {
  color: #343434;
  font-size: 12px;
  line-height: 18px;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  margin-top: 5px;
}

.category-model .descr p {
  color: #878787;
  font-size: 10px;
  line-height: 12px;
}

.category-model.category-double-model .header-title {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.category-model.category-double-model .tab-item {
  font-size: 16px;
  color: #818181;
  cursor: pointer;
}

.category-model.category-double-model .tab-item:nth-child(1) {
  margin-right: 10px;
}

.category-model.category-double-model .tab-item:hover {
  color: #00a6ed;
}

.category-model.category-double-model .tab-active {
  color: #00a6ed;
  border-bottom: 2px solid #00a6ed;
}

.category-model.category-double-model .double-footer {
  text-align: center;
  border-top: 1px solid #f5f5f5;
  height: 40px;
  line-height: 40px;
}

.category-model.category-double-model .double-footer a {
  padding: 10px 80px;
  color: #828282;
}

.pc-btn-download {
  height: 35px;
  line-height: 35px;
  font-size: 16px;
  border-radius: 3px;
  text-align: center;
  white-space: nowrap;
  padding: 0 4px;
  width: 100%;
  background: #00a6ed;
  color: #fff;
  display: inline-block;
}

.pc-btn-download.gray {
  background-color: gray;
  border: 1px solid gray;
}

.pc-btn-download.gray:hover {
  background-color: gray;
  border: 1px solid gray;
}

.pc-btn-download:hover,
.pc-btn-download:focus {
  color: #fff;
}

.pc-btn-download:hover {
  background: #fe0202;
}

.downloading-content {
  padding: 30px;
}

.downloading-content .downloading-info {
  text-align: center;
}

.downloading-content .down-dian {
  font-size: 24px;
  margin-bottom: 10px;
}

.downloading-content .down-apk-name {
  font-size: 18px;
  margin-bottom: 10px;
  max-width: 750px;
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.downloading-content .pc-btn-download {
  min-width: 150px;
  width: auto;
}

.dotting {
  display: inline-block;
  min-width: 4px;
  min-height: 4px;
  box-shadow: 4px 0 currentColor, 12px 0 currentColor, 20px 0 currentColor;
  -webkit-animation: dot 2.8s infinite step-start both;
  animation: dot 2.8s infinite step-start both;
}

.downlinks {
  height: 35px;
  line-height: 35px;
  font-size: 16px;
  border-radius: 3px;
  text-align: center;
  white-space: nowrap;
  padding: 0 4px;
  width: 150px;
  background: #00a6ed;
  color: #fff;
  display: inline-block;
}

.gray {
  background-color: gray;
}

.gray:hover {
  background-color: gray;
}

.downlinks:hover {
  background: #3db5e7;
}

.dotting::before {
  content: "";
}

.dotting {
  margin-right: 4px;
}

@-webkit-keyframes dot {
  25% {
    box-shadow: none;
  }

  50% {
    box-shadow: 4px 0 currentColor;
  }

  75% {
    box-shadow: 4px 0 currentColor, 12px 0 currentColor;
  }
}

@keyframes dot {
  25% {
    box-shadow: none;
  }

  50% {
    box-shadow: 4px 0 currentColor;
  }

  75% {
    box-shadow: 4px 0 currentColor, 12px 0 currentColor;
  }
}

.pc-android-left {
  width: 330px;
}

.pc-android-right {
  width: 850px;
  margin-left: 20px;
}

.menu_list .menu_head1 {
  padding-bottom: 0;
  position: relative;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  background-size: 10px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.box {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
}

.box .menu_head2 {
  border-bottom: 1px solid #e8e8e8;
  height: 55px;
  line-height: 55px;
  font-size: 18px;
  padding: 0px 10px;
  font-weight: 400;
  background: #00a6ed;
  color: #ffffff;
  border: none;
}

.menu_head1 a {
  background: none;
  color: #616161;
  display: block;
}

.menu_head1 a:hover {
  color: #00a6ed;
}

.menu-icon-android {
  width: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
}

.index-category {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  background: #ffffff;
}

.index-category li {
  width: 50%;
  padding: 8px 0;
}

.index-category li:hover .title {
  color: #00a6ed;
}

.cate-link {
  display: flex;
  align-items: center;
}

.cate-link .icon-cate {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 5px;
}

.cate-link .title {
  color: #343434;
  font-size: 12px;
  line-height: 18px;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
}

.cate-list {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  background: #ffffff;
}

.cate-list li {
  width: 25%;
  padding: 15px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cate-list li:hover {
  background: #f2f5f9;
}

.cate-list li:hover .category-template-title a {
  color: #00a6ed;
}

.category-template-img img {
  width: 126px;
  height: 126px;
  border-radius: 10px;
}

.category-template-img a {
  display: block;
  width: auto;
  text-align: center;
  padding: 10px;
}

.category-template-title {
  padding-bottom: 8px;
}

.category-template-title a {
  display: inline-block;
  width: 150px;
  font-size: 13px;
  text-align: center;
  color: #666;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stars {
  display: block;
  background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20t%3D%221489459550210%22%20class%3D%22icon%22%20style%3D%22%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%221546%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2215%22%20height%3D%2215%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M987.429%20412.367q0%2012.581-14.848%2027.429l-207.433%20202.277%2049.152%20285.696q0.585%203.986%200.585%2011.447%200%2011.995-5.998%2020.297t-17.445%208.302q-10.862%200-22.857-6.839l-256.585-134.839-256.585%20134.839q-12.581%206.839-22.857%206.839-11.995%200-17.993-8.302t-5.998-20.297q0-3.438%201.134-11.447l49.152-285.696-208.018-202.277q-14.299-15.433-14.299-27.429%200-21.138%2032-26.295l286.866-41.728%20128.585-259.986q10.862-23.442%2028.014-23.442t28.014%2023.442l128.585%20259.986%20286.866%2041.728q32%205.157%2032%2026.295z%22%20p-id%3D%221547%22%20fill%3D%22%23d9d9d9%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") repeat-x;
  height: 15px;
  width: 75px;
  clear: both;
  direction: ltr;
  position: relative;
}

.stars .score {
  display: block;
  background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20t%3D%221489459550210%22%20class%3D%22icon%22%20style%3D%22%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%221546%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2215%22%20height%3D%2215%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M987.429%20412.367q0%2012.581-14.848%2027.429l-207.433%20202.277%2049.152%20285.696q0.585%203.986%200.585%2011.447%200%2011.995-5.998%2020.297t-17.445%208.302q-10.862%200-22.857-6.839l-256.585-134.839-256.585%20134.839q-12.581%206.839-22.857%206.839-11.995%200-17.993-8.302t-5.998-20.297q0-3.438%201.134-11.447l49.152-285.696-208.018-202.277q-14.299-15.433-14.299-27.429%200-21.138%2032-26.295l286.866-41.728%20128.585-259.986q10.862-23.442%2028.014-23.442t28.014%2023.442l128.585%20259.986%20286.866%2041.728q32%205.157%2032%2026.295z%22%20p-id%3D%221547%22%20fill%3D%22%23fa8b15%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") repeat-x;
  height: 15px;
  width: 75px;
}

.stars span.star {
  position: absolute;
  left: 78px;
  line-height: 13px;
  color: #fa8b16;
  font-size: 13px;
  top: 1px;
}

.stars-info {
  float: left;
  max-width: 70px;
  font-size: 1.1rem;
  height: 15px;
  line-height: 15px;
  margin-left: 5px;
  color: #777;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.category-template-down {
  font-size: 13px;
  line-height: 30px;
  margin-top: 6px;
}

.category-template-down a {
  color: #00a6ed;
  text-decoration: none;
}

.cate-list-wrap {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
  padding-bottom: 20px;
}

.cate-list-wrap .title {
  background: #ffffff;
  border-bottom: 1px solid #e8e8e8;
  height: 55px;
  line-height: 55px;
  color: #666;
  font-size: 18px;
  padding: 0px 10px;
  font-weight: 400;
  position: relative;
}

.cate-list-wrap .sorting {
  float: right;
}

.cate-list-wrap .sorting div {
  float: left;
  font-size: 14px;
  margin-right: 5px;
}

.cate-list-wrap .sorting ul {
  float: right;
  height: 27px;
  margin-top: 14px;
  border-left: 1px solid #00a6ed;
}

.cate-list-wrap .sorting ul li {
  float: left;
  border: 1px solid #00a6ed;
  border-left: none;
  height: 25px;
  line-height: 25px;
  height: auto;
}

.cate-list-wrap .sorting ul li .selected {
  background: #00a6ed;
  color: #fff;
}

.cate-list-wrap .sorting ul li a {
  color: #666;
  padding: 0px 13px;
  font-size: 13px;
  display: block;
}

.cate-list-wrap .sorting ul li:hover a {
  background: #00a6ed;
  color: #fff;
}

@media screen and (min-width: 0) and (max-width: 1199px) {
  .category-template-img img {
    width: 100px;
    height: 100px;
    border-radius: 10px;
  }

  .category-template-title a {
    width: 110px;
  }
}

.btn-download:hover {
  color: #4dcdd9;
}

.p404 {
  padding: 50px;
}

.p404 h1 {
  color: #d32f2f;
  font-size: 32px;
  font-weight: normal;
  margin-bottom: 32px;
}

.p404 p {
  font-size: 18px;
  line-height: 28px;
  word-wrap: break-word;
  word-break: normal;
  color: #333;
}

.banner-download .info .detail {
  margin-top: 5px;
}

.banner-download .info .title {
  width: 186px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.banner-download .star {
  color: #f38e16;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAMAAADarb8dAAAAS1BMVEUAAADzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbzjhbdd+E5AAAAGHRSTlMAVOm/Z15H+e7boJWOgHkMCNPSrKtKIR5GiPyAAAAAYElEQVQIHVXBCRKCMBREwfezsW8KOvc/qUhSVOimSImn7cVDkAKVxUlu4fYZdBq+/NnoWxWtH42jUaVJYKoYp6hb5DKrmMmiikg2qZjIeknOSerJvLqwrqGTJ3sbF9uBH0CTCXPK+5rOAAAAAElFTkSuQmCC) no-repeat left 1px;
  background-size: 14px auto;
  padding-left: 18px;
  padding-right: 4px;
  background-position: left center;
  font-size: 12px;
}

.banner-download .download-total {
  font-size: 12px;
  line-height: 24px;
  color: #666;
}

.search-section {
  position: relative;
  padding: 15px;
}

.search-form {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}

.search-form .bg {
  background: #00a6ed;
  padding: 2px;
}

.search-form .search-icon {
  position: absolute;
  height: 34px;
  width: 40px;
  top: 0;
  right: 0;
  background: url(/static/images/search_ru.png) no-repeat center center;
  background-size: 2rem auto;
  color: transparent;
  overflow: hidden;
}

.search-form .keyword {
  display: inline-block;
  background: #fff;
  height: 30px;
  line-height: 20px;
  width: 100%;
  padding: 5px 35px 5px 13px;
  font-size: 14px;
  text-align: left;
  border: none;
  outline: none;
}

.search-form .keyword:active {
  border: none;
}

.search-suggestion {
  width: 100%;
  background-color: #fff;
  position: relative;
}

.search-suggestion .suggestion-list {
  width: 100%;
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 2;
}

.search-suggestion .suggestion-list.header-suggestion {
  top: 60px;
  width: 270px;
  left: -80px;
}

.search-suggestion .suggestion-list .suggestion-box {
  padding: 10px;
  box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.15);
}

.search-suggestion .suggestion-list .search-item {
  position: relative;
  border-bottom: 1px solid #e3e3e3;
  padding: 10px 0;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.search-suggestion .suggestion-list .search-item:last-child {
  border-bottom: none;
}

.search-suggestion .suggestion-list .search-item .search-inner {
  position: relative;
  width: 100%;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  margin-right: 5px;
  padding: 0;
}

.search-suggestion .suggestion-list .search-item .search-inner.hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.search-suggestion .suggestion-list .apps .icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.search-suggestion .suggestion-list .apps .info {
  margin-left: 5px;
  padding-top: 5px;
}

.search-suggestion .suggestion-list .apps .info .name {
  font-size: 12px;
  color: #343434;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 130px;
}

.search-suggestion .suggestion-list .apps .info .other {
  font-size: 12px;
  color: #828282;
  line-height: 16px;
}

.search-suggestion .suggestion-list .apps .btn-download {
  background: #00a6ed;
  color: #fff;
  font-size: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 28px;
  padding: 0 8px;
  line-height: 28px;
  text-align: center;
}

.search-suggestion .suggestion-list .suggest-words {
  position: relative;
}

.search-suggestion .suggestion-list .suggest-words .search-inner {
  line-height: 2rem;
  font-size: 1.2rem;
  color: #343434;
  padding-left: 35px;
}

.search-suggestion .suggestion-list .suggest-words .search-inner:before {
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAbFBMVEUAAACCgoKIiIiEhISFhYWDg4OCgoKCgoKCgoKCgoKFhYWCgoKCgoKCgoKFhYWXl5eDg4OZmZmCgoKCgoKCgoL///+CgoLNzc3V1dWgoKD7+/uhoaHz8/OEhIT09PTy8vKOjo7a2trX19eFhYUTPdk2AAAAFXRSTlMA+x8Jj8gVw37oz8/vj4EKkx/SqncmhZ5YAAAA5ElEQVQ4y+2T2W7DIBAAg7FjHOdsyxgfOdr+/z8W1UjEtGs5Uh4zr4wQw2pXLx4jM2WlqtJk85rOFSMqP8x46w2RzVq+rwBad+2urgUKLYk7oLEjzRlyqUNFz5ugsn+kDx8LvY208J6aehdiP23E/bbrSWzNyM3e0d1Cexo7+DM7Mb96oNb3sWcfkRLb09iUtN1Aa0V8+z6IJThZdFAEsYKLLA6wDaICK9MBQdzCsOjGYukb97PVfaw+LftHT45oNt9wjLN+A3rXpdbFxVnHVZGoJ5tzOCoSpF3MDH8pzWn14qn8ALuiNRIvLpDxAAAAAElFTkSuQmCC") no-repeat center center;
  background-size: 20px 20px;
}

.search-suggestion .suggestion-list .suggest-words .search-inner:after {
  content: "";
  position: absolute;
  top: -1rem;
  right: -1.5rem;
  width: 4rem;
  height: 4rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAGFBMVEUAAACenp6enp6enp6enp6enp6enp6enp72N2arAAAAB3RSTlMA1BXGFvO1u9w39gAAAEdJREFUCNdFyLEJgFAAxNAgTmBjqzMI9k7hHGKR9f1wHKYKj9v04n/PRnJdelfRuShFKUpRigL7wNw0MBeUohSlKMGXg+D5ATPcFn2ITo8yAAAAAElFTkSuQmCC") no-repeat center center;
  background-size: 0.9rem 0.9rem;
}

.search-suggestion .hot-keywords {
  margin: 0 -0.5rem;
}

.search-suggestion .hot-keywords .list {
  padding: 0.5rem 0;
  list-style: none;
}

.search-suggestion .hot-keywords .list li {
  display: inline-block;
  white-space: nowrap;
  padding: 3px 0.5rem;
}

.search-suggestion .hot-keywords .list li a {
  display: inline-block;
  border-radius: 1rem;
  background-color: #f2f5f9;
  padding: 0 5px;
  font-size: 1rem;
  color: #5d5d5d;
}

/*!*****************************************************

Freak Flags, Copyright ©2021 Michael P. Cohen. Freak flags is licenced under the MIT licence.  

For complete information visit: www.freakflagsprite.com 

******************************************************/
.fflag {
  background-image: url('../images/flag.png');
  background-repeat: no-repeat;
  background-size: 100% 49494%;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  box-sizing: content-box;
}

.fflag-pt {
  background-position: center 0.2287%;
}

.fflag-en {
  background-position: center 0.4524%;
}

.fflag-bn {
  background-position: center 0.6721%;
}

.fflag-hi {
  background-position: center 0.8958%;
}

.fflag-id {
  background-position: center 1.1162%;
}

.fflag-ja {
  background-position: center 1.3379%;
}

.fflag-ms {
  background-position: center 1.5589%;
}

.fflag-my {
  background-position: center 1.7836%;
}

.fflag-tl {
  background-position: left 2.0047%;
}

.fflag-ko {
  background-position: center 2.2247%;
}

.fflag-th {
  background-position: center 2.4467%;
}

.fflag-vi {
  background-position: center 2.6674%;
}

.fflag-fr {
  background-position: center 2.8931%;
}

.fflag-de {
  background-position: center 3.1125%;
}

.fflag-it {
  background-position: center 3.3325%;
}

.fflag-nl {
  background-position: center 3.5542%;
}

.fflag-pl {
  background-position: center 3.7759%;
}

.fflag-ru {
  background-position: center 4.0015%;
}

.fflag-es {
  background-position: left 4.2229%;
}

.fflag-tr {
  background-position: center 4.441%;
}

.fflag-ar {
  background-position: center 4.66663%;
}

.fflag-fr.ff-round,
.fflag-fr.ff-app,
.fflag-fr.ff-sphere,
.fflag-it.ff-round,
.fflag-it.ff-app,
.fflag-it.ff-sphere {
  background-size: 100% 50000%;
}

.fflag.ff-sm {
  width: 18px;
  height: 11px;
}

.fflag.ff-md {
  width: 27px;
  height: 17px;
}

.fflag.ff-lg {
  width: 42px;
  height: 27px;
}

.fflag.ff-xl {
  width: 60px;
  height: 37px;
}

/* ff-round = circular icons */
.ff-round {
  background-size: 160%;
  background-clip: content-box;
  border-radius: 50%;
}

.ff-round.ff-sm {
  width: 12px;
  height: 12px;
}

.ff-round.ff-md {
  width: 18px;
  height: 18px;
}

.ff-round.ff-lg {
  width: 24px;
  height: 24px;
}

.ff-round.ff-xl {
  width: 32px;
  height: 32px;
}

/* ff-app = app icon look */
.ff-app {
  background-size: 155%;
  background-clip: content-box;
  border-radius: 21%;
}

.ff-app:before {
  content: '';
  display: inline-block;
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  background: radial-gradient(circle at center -166%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 66%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0) 80.5%, rgba(0, 0, 0, 0.02) 81%, rgba(0, 0, 0, 0.2) 100%);
}

.ff-app.ff-sm:before,
.ff-app.ff-sm {
  width: 12px;
  height: 12px;
}

.ff-app.ff-md:before,
.ff-app.ff-md {
  width: 18px;
  height: 18px;
}

.ff-app.ff-lg:before,
.ff-app.ff-lg {
  width: 24px;
  height: 24px;
}

.ff-app.ff-xl:before,
.ff-app.ff-xl {
  width: 32px;
  height: 32px;
}

/* ff-sphere = spherical with specular highlight */
.ff-sphere {
  background-size: 160%;
  background-clip: content-box;
  border-radius: 50%;
}

.ff-sphere:before {
  content: '';
  display: inline-block;
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  background: radial-gradient(circle at 13% 58%, rgba(255, 255, 255, 0) 68%, rgba(255, 255, 255, 0.6) 82%, #ffffff 100%), radial-gradient(circle at 50% -34%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0.5) 94%, rgba(0, 0, 0, 0.4) 100%), radial-gradient(circle at 26% 26%, #ffffff 7%, rgba(255, 255, 252, 0.6) 7%, rgba(255, 255, 255, 0.8) 7%, rgba(255, 255, 255, 0.1) 29%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.45) 68%, #000000 78%);
}

.ff-sphere:after {
  content: '';
  display: inline-block;
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
}

.ff-sphere.ff-sm {
  width: 12px;
  height: 12px;
}

.ff-sphere.ff-md {
  width: 18px;
  height: 18px;
}

.ff-sphere.ff-lg {
  width: 24px;
  height: 24px;
}

.ff-sphere.ff-xl {
  width: 32px;
  height: 32px;
}

/* ff-wave = waving flag look */
.ff-wave:before {
  content: '';
  display: inline-block;
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(106deg, #ffffff 0%, rgba(255, 255, 255, 0.2) 24%, rgba(255, 255, 255, 0.3) 36%, rgba(0, 0, 0, 0.15) 56%, rgba(255, 255, 255, 0.2) 70%, rgba(0, 0, 0, 0.2) 78%, rgba(255, 255, 255, 0.1) 86%, rgba(0, 0, 0, 0.4) 100%);
}

header {
  position: fixed;
  top: 0;
  height: 70px;
  width: 100%;
  background: #ffffff;
  border-bottom: 1px solid #e2e2e3;
  z-index: 10;
}

header .head {
  width: 1200px;
  height: 70px;
  margin: 0 auto;
}

header .head .logo {
  position: relative;
  float: left;
  width: 200px;
  height: 70px;
  line-height: 70px;
}

header .head .top-menu {
  float: right;
  height: 70px;
}

header .head .top-menu .nav {
  height: 70px;
  line-height: 70px;
}

header .head .top-menu .nav_menu {
  line-height: 68px;
  height: 68px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 15px;
}

header .nav-list .item {
  padding: 0 10px;
}

header .nav-list .item .item-word {
  display: inline-block;
  font-size: 15px;
  padding: 0 10px 0 5px;
}

header .nav-list .item .item-word .icon_country {
  margin-bottom: 8px;
}

header .nav-list .item::after {
  top: 25px;
  height: 20px;
}

.icon_country {
  border: 1px solid #ccc;
}

.menu-icon {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 8px;
}

.icon-main {
  background: url("../images/icon-home.png") no-repeat;
  background-size: cover;
}

.icon-app {
  background: url("../images/icon-app-n.png") no-repeat;
  background-size: cover;
}

.icon-game {
  background: url("../images/icon-game-n.png") no-repeat;
  background-size: cover;
}

.icon-blog {
  background: url("../images/icon-blog.png") no-repeat;
  background-size: cover;
}

.icon-topics {
  background: url("../images/icon-category-n.png") no-repeat;
  background-size: cover;
}

.lang-menu {
  background: #fff;
  position: absolute;
  left: -200px;
  width: 320px;
  /* height: 446px; */
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
}

.lang-menu ul {
  line-height: normal;
  width: 320px;
}

.lang-menu ul .lang-item {
  display: inline-block;
  text-align: left;
  padding: 10px;
  width: 50%;
  margin-right: -4px;
}

.lang-menu ul .lang-item:hover {
  background-color: #00a6ed;
}

.lang-menu ul .lang-item:hover .lang-list-word {
  color: #fff;
}

.lang-menu ul .lang-item .lang-list-word {
  color: #666666;
  padding: 0;
  width: 100%;
}

.lang-menu ul .lang-item .lang-list-word .i_right {
  margin-right: 6px;
}

.navbar-form {
  margin: 0;
  padding: 0;
  margin-left: 20px;
}

.navbar-form .form-group {
  position: relative;
}

.navbar-form .form-group>input.vi {
  width: 236px;
}

.navbar-form .form-group>input.vi.special {
  width: 180px;
}

.navbar-form .form-group>input:focus {
  border-color: #00a6ed;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(50 234 204 / 60%);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(0 166 237 / 60%)
}

.navbar-form .form-group>.search-button {
  position: absolute;
  background: url(../images/search_ru.png) no-repeat center;
  background-size: 26px 27px;
  top: 21px;
  right: 0;
  border: none;
  height: 33px;
  width: 37px;
}

.navbar-form .form-group>.ru-search-button {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAbCAMAAABVyG9ZAAAAsVBMVEUAxaX///8AxaUAxaUAxaUAxaUAxaUAxaUAxaUAxaUAxaUAxaUAxaUAxaUAxaUAxaUAxaUAxaUAxaUAxaUAxaUDxaYHyKcJyaoNyaoQyaoSya0WzK8YzK0bzK0s0LY71LxA1LpF1r9O2L9R2cNU2MJW2MN04NB73s984NCA4tOD4tSI4tS/7+fD8enF8urJ8+vN8+3T8+3V9vHd9/Ln+Pbu+vjx+vj2/Pv4///8//////8u/QEBAAAAFHRSTlMAAAM8QkWHio2Qk66xzM/h5+3w+dQL6hgAAAEOSURBVCjPnZJrV8IwDIZHWYVNNqZmMHDoAC8Ic+IQlPz/H2aTrrPFgx/MlyTnOW1ur9c5a95fyNMmw2gIwyiUTd4iPwZjsW8jEYBtgWiRuATXBsKgPqXZqjoeq1XGrN8gn5Jih2y7gpmvEXWwRCwXs9miRFxyL4y6KpoecKPLbPAwJd8l1FPBGstUo/QV1+QvCEUq2OK96a7ALf9IKFHBF04MmuCe3BWhGxXsf1CGn+zNq98fXptaThtPbS3axa3VPN6R75m54IFGznMaGevczCX4HnOzqMca31OIBS9K6s5e3hCr5zHk9ccYZLP54OQmIwjaew3O3ssToUNCYWtDWtqQrmxYUQkkrqL+I9Fv8k0s0eU5NykAAAAASUVORK5CYII=) no-repeat center;
}

.section {
  background: #ffffff;
  margin-bottom: 2rem;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
}

.section .section-title {
  border-bottom: 1px solid #e8e8e8;
  height: 55px;
  line-height: 55px;
  color: #666;
  font-size: 18px;
  padding: 0px 10px;
  position: relative;
}

.section .section-title a {
  color: #666;
}

.section .section-title .single-title {
  display: inline-block;
  font-weight: normal;
}

.section .section-title .single-title-hover:hover {
  color: #00a6ed;
}

.section .section-title .more {
  font-size: 14px;
  display: inline-block;
  float: right;
}

.section .section-title .more:hover {
  color: #00a6ed;
}

.section .section-content {
  width: 100%;
  padding: 1.5rem;
  display: flex;
  flex-wrap: wrap;
}

.section .section-content .item {
  width: 33.3%;
  height: 9.5rem;
  padding: 10px 5px;
  position: relative;
  overflow: hidden;
}

.section .section-content .item:hover {
  background-color: #f2f5f9;
}

.section .section-content .item:hover .down {
  bottom: 10px !important;
  transition: bottom 0.5s;
}

.section .section-content .item:hover .down:hover {
  background: #3db5e7;
}

.section .section-content .item .name {
  color: #666;
  font-size: 13px;
  display: block;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.section .section-content .item .name:hover {
  color: #00a6ed;
}

.section .section-content .item .pic {
  display: inline-block;
  border-radius: 10px;
  overflow: hidden;
  min-width: 7.5rem;
  min-height: 7.5rem;
}

.section .section-content .item .pic img {
  width: 7.5rem;
  height: 7.5rem;
}

.section .section-content .item .info {
  margin-left: 5px;
  width: 17rem;
}

.section .section-content .item .info .stars {
  background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20t%3D%221489459550210%22%20class%3D%22icon%22%20style%3D%22%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%221546%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2215%22%20height%3D%2215%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M987.429%20412.367q0%2012.581-14.848%2027.429l-207.433%20202.277%2049.152%20285.696q0.585%203.986%200.585%2011.447%200%2011.995-5.998%2020.297t-17.445%208.302q-10.862%200-22.857-6.839l-256.585-134.839-256.585%20134.839q-12.581%206.839-22.857%206.839-11.995%200-17.993-8.302t-5.998-20.297q0-3.438%201.134-11.447l49.152-285.696-208.018-202.277q-14.299-15.433-14.299-27.429%200-21.138%2032-26.295l286.866-41.728%20128.585-259.986q10.862-23.442%2028.014-23.442t28.014%2023.442l128.585%20259.986%20286.866%2041.728q32%205.157%2032%2026.295z%22%20p-id%3D%221547%22%20fill%3D%22%23d9d9d9%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") repeat-x;
  height: 15px;
  width: 75px;
  clear: both;
  direction: ltr;
  position: relative;
  margin: 5px 0;
}

.section .section-content .item .info .stars .score {
  display: block;
  background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20t%3D%221489459550210%22%20class%3D%22icon%22%20style%3D%22%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%221546%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2215%22%20height%3D%2215%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M987.429%20412.367q0%2012.581-14.848%2027.429l-207.433%20202.277%2049.152%20285.696q0.585%203.986%200.585%2011.447%200%2011.995-5.998%2020.297t-17.445%208.302q-10.862%200-22.857-6.839l-256.585-134.839-256.585%20134.839q-12.581%206.839-22.857%206.839-11.995%200-17.993-8.302t-5.998-20.297q0-3.438%201.134-11.447l49.152-285.696-208.018-202.277q-14.299-15.433-14.299-27.429%200-21.138%2032-26.295l286.866-41.728%20128.585-259.986q10.862-23.442%2028.014-23.442t28.014%2023.442l128.585%20259.986%20286.866%2041.728q32%205.157%2032%2026.295z%22%20p-id%3D%221547%22%20fill%3D%22%23fa8b15%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") repeat-x;
  height: 15px;
  width: 75px;
}

.section .section-content .item .info .stars .star {
  position: absolute;
  left: 78px;
  line-height: 15px;
  top: 1px;
  color: #fa8b16;
  font-size: 13px;
}

.section .section-content .item .info .down {
  position: absolute;
  bottom: -30px;
  left: 84px;
  z-index: 1;
  display: block;
  min-width: 100px;
  padding: 0 5px;
  color: #fff;
  text-align: center;
  height: 24px;
  line-height: 24px;
  background: #00a6ed;
}

.section .section-content .item .sale {
  position: relative;
  min-width: 220px;
  max-width: 260px;
}

.section .section-content .item .sale .pic {
  width: 7.5rem;
  height: 7.5rem;
}

.section .section-content .item .sale .sale-info {
  margin-left: 5px;
  width: 130px;
}

.section .section-content .item .sale .sale-info .category,
.section .section-content .item .sale .sale-info .cp-name {
  font-size: 12px;
  margin-top: 4px;
  color: #828282;
}

.section .section-content .item .sale .sale-other {
  position: absolute;
  text-align: right;
  right: 0;
}

.section .section-content .item .sale .sale-other>span {
  display: block;
  text-align: right;
}

.section .section-content .item .sale .sale-other .price {
  font-size: 16px;
  line-height: 24px;
  color: #ff8b2f;
}

.section .section-content .item .sale .sale-other .origin-price {
  font-size: 12px;
  color: #828282;
  text-decoration: line-through;
}

.section .section-content .item .sale .sale-other .discount {
  margin-bottom: 4px;
  display: inline-block;
  padding: 1px;
  text-align: center;
  width: 50px;
  color: #fff;
  font-weight: 600;
  background-color: #00a6ed;
}

.section .section-content .app-inner {
  display: flex;
}

.section .section-content .app-inner:hover {
  color: #f2f5f9;
}

.section .section-content .app-inner.sale:hover {
  color: inherit;
}

.section .section-content .app-inner.sale:hover .discount {
  background: #fe0202;
}

.special-section-content {
  display: flex;
  justify-content: space-between;
  padding: 20px;
}

.special-section-content .pic {
  text-align: center;
  padding: 20px;
  width: 208px;
  height: 115px;
  background-size: cover;
  border-radius: 3px;
}

.special-section-content .pic img {
  width: 75px;
  height: 75px;
  border-radius: 10px;
}

.special-section-content .item-list:nth-child(1) .pic {
  background: url("../images/bg-d3-1.png");
  background-repeat: no-repeat;
}

.special-section-content .item-list:nth-child(2) .pic {
  background: url("../images/bg-d3-2.png");
  background-repeat: no-repeat;
}

.special-section-content .item-list:nth-child(3) .pic {
  background: url("../images/bg-d3-3.png");
  background-repeat: no-repeat;
}

@media screen and (max-width: 1199px) and (min-width: 0) {
  .section .section-content .item .info {
    width: 13rem;
  }
}

.version-li-item {
  display: flex;
  height: 60px;
  align-items: center;
  border-bottom: 1px solid #e3e3e3;
}

.version-li-item .version-icon {
  margin: 0 40px 0 20px;
}

.version-li-item .version-icon img {
  width: 40px;
  height: 40px;
}

.version-li-item .version-info {
  flex: 2;
}

.version-li-item .version-info .version-size {
  color: #828282;
}

.version-li-item .version-xapk {
  margin-left: 30px;
  border: 1px solid #00a6ed;
  color: #00a6ed;
  border-radius: 4px;
  padding: 0 6px;
  width: 54px;
  text-align: center;
}

.version-li-item .btn-download {
  margin-right: 30px;
  margin-left: 10px;
}

.version-li-item .btn-download img {
  width: 24px;
  height: auto;
}