.header-icon-menu {
  position: relative;
  float: left;
  width: 3rem;
  height: 2rem;
  color: transparent;
  overflow: hidden;
  margin-right: 0.5rem;
}

.bg-header {
  position: relative;
  z-index: 5;
  height: 4.5rem;
}
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ec2c3e;
  z-index: 29;
}
header .action-bar {
  position: relative;
  z-index: 10;
  padding: 1.5rem 1.5rem 1rem 1.5rem;
  height: 9rem;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
header .action-bar > .logo,
header .action-bar > .btn-download-client,
header .action-bar > .fb-like-num {
  float: left;
  height: 2rem;
}
header .action-bar .logo {
  width: 6.4rem;
  background: url("../images/logo-white2.png") no-repeat left center;
  background-size: 6.35rem auto;
  margin-left: 30%;
  color: transparent;
  position: relative;
}

header .action-bar.fixed-top {
  padding: 1.3rem 1.3rem 1.3rem 1.3rem;
  height: 4.4rem;
}
.banner-download {
  padding: 1.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  margin-top: 0.6rem;
}
.banner-download .download-wrapper {
  flex: 1;
  display: flex;
}
.banner-download .icon img {
  width: 5rem;
  height: 5rem;
}
.banner-download .info {
  height: 5rem;
  margin-left: 1rem;
  color: #343434;
}
.banner-download .info p {
  font-size: 1.4rem;
  font-weight: bold;
  margin-top: 0.3rem;
}
.banner-download .info span {
  font-weight: 100;
  font-size: 1.2rem;
}
.banner-download .btn-download {
  border: 1px solid #ec2c3e;
  width: 9rem;
  height: 3.5rem;
  line-height: 3.5rem;
  color: #fff;
  font-size: 1.4rem;
  border-radius: 0.5rem;
  background: #ec2c3e;
  text-align: center;
}

.detail-content .main-info-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1rem 1.5rem;
  transition: all 0.2s;
  display: none;
  opacity: 0;
  height: 5.5rem;
  background-image: -webkit-linear-gradient(top, #e3e3e3, #e3e3e3);
  background-image: -moz-linear-gradient(top, #e3e3e3, #e3e3e3);
  background-image: -o-linear-gradient(top, #e3e3e3, #e3e3e3);
  background-image: linear-gradient(to top, #e3e3e3, #e3e3e3);
  background-size: 100% 0.1rem;
  background-repeat: no-repeat;
  background-position: left bottom;
  z-index: 30;
  background-color: #fff;
}
.detail-content .main-info-fixed .pic {
  position: absolute;
  width: 3.5rem;
  height: 3.5rem;
  left: 1.5rem;
  top: 1rem;
}
.detail-content .main-info-fixed .pic > img {
  width: 100%;
}
.detail-content .main-info-fixed .pack-info {
  margin-left: 5rem;
  float: left;
  width: 20rem;
}
.detail-content .main-info-fixed .pack-info .title {
  font-size: 1.3rem;
  color: #343434;
  line-height: 2rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.detail-content .main-info-fixed .pack-info .size {
  font-size: 1rem;
  color: #828282;
  line-height: 1.5rem;
}
.detail-content .main-info-fixed .btn-download {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 7rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.2rem;
}
.detail-content .main-info {
  background-color: #fff;
  padding: 2rem 2rem 1rem 2rem;
  text-align: center;
}
.detail-content .main-info .app-info-detail {
  display: flex;
}
.detail-content .main-info .app-info-detail img {
  width: 7.5rem;
  height: 7.5rem;
  object-fit: contain;
  border-radius: 1rem;
  flex-shrink: 0;
}
.detail-content .main-info .app-info-detail .info {
  margin-left: 1rem;
}
.detail-content .main-info .app-info-detail .version {
  color: #7f7f7f;
  font-size: 1.3rem;
  margin-top: 1.3rem;
  text-align: left;
}
.detail-content .main-info h1.name {
  color: #343434;
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: bold;
  padding: 1rem 0;
  text-align: left;
}
.detail-content .main-info > .category {
  font-size: 1.2rem;
  color: #828282;
  line-height: 4rem;
  margin: 0 auto;
}
.detail-content .main-info > .offline-tip {
  font-size: 1.3rem;
  color: #828282;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  background: url("/asset/mobile/images/apps/separate_line.jpg") no-repeat
    center bottom;
  background-size: 17.9rem auto;
}
.detail-content .main-info .pack-info {
  font-size: 1.2rem;
  margin-top: 1.4rem;
  margin-bottom: 1.6rem;
  text-align: left;
}
.detail-content .main-info .pack-info > .size,
.detail-content .main-info .pack-info > .download-count,
.detail-content .main-info .pack-info > .rate {
  padding-left: 1.7rem;
  background-size: 1.5rem 1.5rem;
  background-position: left center;
  background-repeat: no-repeat;
}
.detail-content .main-info .pack-info > .size {
  color: #2b35e6;
  background-image: url("../images/ic_size.png");
  padding-right: 1rem;
}
.detail-content .main-info .pack-info > .download-count {
  color: #ec2c3e;
  background-image: url("../images/ic_down.png");
  padding-right: 1rem;
}
.detail-content .main-info .pack-info > .rate {
  color: #f2980b;
  background-image: url("../images/ic_rate.png");
}
.detail-content .main-info .button-group > .btn-download {
  display: block;
  margin: 0 auto;
  height: 3.4rem;
  line-height: 3rem;
  font-size: 1.4rem;
  border: 0.2rem solid #eb2424;
  background-color: #eb2424;
  color: #ffffff;
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
.detail-content .main-info .button-group > .btn-download.hover {
  background-color: rgba(235, 36, 36, 0.24);
}
.detail-content .main-info .button-group > .btn-fast-download,
.detail-content .main-info .button-group > .btn-unavailable-download {
  display: none;
  margin: 0 auto;
  height: 3.4rem;
  line-height: 3.4rem;
  background-color: #eb2424;
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  border-radius: 0.3rem;
  color: #fff;
}
.detail-content .main-info .button-group > .btn-fast-download.hover,
.detail-content .main-info .button-group > .btn-unavailable-download.hover {
  background-color: #ce151a;
}
.detail-content .main-info .button-group > .btn-unavailable-download {
  display: block !important;
  margin-bottom: 1.5rem;
}
.detail-content .main-info .button-group .btn-use-apk {
  padding: 1.1rem 0 1.1rem 1.7rem;
  font-size: 1.2rem;
  color: #828282;
  line-height: 1.4rem;
  background: url("/asset/mobile/images/apps/checkbox_uncheck.png") no-repeat
    left center;
  background-size: 1rem 1rem;
}
.detail-content .main-info .button-group .use-apk-description {
  font-size: 1rem;
  color: #b2b2b2;
  padding: 0 3.5rem 0.5rem 3.5rem;
  line-height: 1.2rem;
}
.detail-content .main-info .button-group.check .btn-use-apk {
  background: url("/asset/mobile/images/apps/checkbox_check.png") no-repeat left
    center;
  background-size: 1rem 1rem;
}
.detail-content .main-info .button-group.check .btn-fast-download {
  display: block;
}
.detail-content .main-info .button-group.check .btn-download {
  display: none;
}
.detail-content .main-info .screen-shot {
  position: relative;
  padding: 1.5rem 0 0.6rem 0;
  margin: 0 -2rem;
  overflow: auto;
}
.detail-content .main-info .screen-shot ul {
  display: table;
  padding: 0 1.5rem;
  overflow: auto;
}
.detail-content .main-info .screen-shot ul li {
  display: table-cell;
  padding-right: 0.9rem;
  text-align: center;
  width: 9.7rem;
}
.detail-content .main-info .screen-shot ul li img {
  height: 17.3rem;
  width: auto;
  vertical-align: middle;
}
.detail-content .panel {
  background-color: #fff;
  padding: 0 1.5rem 1rem 1.5rem;
}
.detail-content .panel .panel-title {
  font-size: 1.6rem;
  color: #343434;
  font-weight: bold;
  line-height: 2.4rem;
  padding: 1rem 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.detail-content .panel.panel-descr {
  position: relative;
  padding-bottom: 1.5rem;
}
.detail-content .panel.panel-descr > .app-detail-index {
  position: absolute;
  top: -5.5rem;
  left: 0;
  z-index: -1;
}
.detail-content .panel.panel-descr .panel-bd {
  font-size: 1.2rem;
  color: #828282;
  line-height: 1.6rem;
}
.detail-content .panel.panel-descr .panel-bd.expand {
  height: auto;
  padding-bottom: 3rem;
}
.detail-content .panel.panel-descr .panel-ft {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #ec2c3e;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.6) 0%,
    #ffffff 100%
  );
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4rem;
  line-height: 3rem;
  display: block;
}
.detail-content .panel.panel-descr .panel-ft .toggle-more {
  display: block;
}
.detail-content .panel.panel-descr .panel-ft .toggle-less {
  display: none;
}
.detail-content .panel.panel-descr .panel-ft.expand .toggle-more {
  display: none;
}
.detail-content .panel.panel-descr .panel-ft.expand .toggle-less {
  display: block;
}
.detail-content .panel.panel-descr .panel-info p {
  line-height: 1.7;
}
.detail-content .panel.panel-descr .panel-info p span {
  color: #828282;
}
.detail-content .panel.panel-rate .panel-title {
  padding-bottom: 0;
}
.detail-content .panel.panel-rate .rate-num {
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding-top: 0.8rem;
  color: #828282;
}
.detail-content .panel.panel-rate .rate-num > span {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAXpJREFUSA3tVjFug0AQNCHKD1LkBRR+Rdo4TT7gb1hCggIEUr6R0k2a2K0rPyEFL0iRKj2IzBSL1gdYiwUiUnzN7e3Nztzu7SEWi/82vKkTzvP8vizLd8/zfqIoWonerRgyb7fbu6IoEqzXdV0/iN8w7+I4ftY4ilZVdYBvCa6j3msJUxSgjQZdYosouJbI9tP3/RfN0xLG5poAgFcozV6DrXaH6GMYht86/kYvaEt5pxSlTkuYzkuHJVPhHk14iCjFu+5YDtXMaZrucAVPjQMGemCvnwefDNzSSM2dMpZxGsu1SZhAd+AgtfbxncJ1ZPfqRnIPLDEmYfe0EqxnC0bjR7tjTWqxZxM2lbqrufqycpuuDzd6xm7T9QmbMh7aOH1i2j96xpr8nD2bsKnU1+Y6d3fWvdnu+O8I48vzxXJlWdb8EVrL5+KEQzj1fldXvwGwwd/hR5IkGjvYBofEkPNktEodBEGME752nfIk0rAgB7nIaYBfIdNU4BeUSLoYpOlTZgAAAABJRU5ErkJggg==")
    no-repeat left 0.2rem;
  background-size: 1.5rem 1.5rem;
  padding-left: 1.8rem;
}
.detail-content .panel.panel-rate .panel-bd {
  position: relative;
  padding: 1rem 0 1.5rem 0;
  margin-left: -0.75rem;
}
.detail-content .panel.panel-rate .panel-bd .star i {
  display: inline-block;
  width: 4.5rem;
  height: 4rem;
  background: url("/asset/mobile/images/apps/star_uncheck.png") no-repeat center
    center;
  background-size: 3rem 3rem;
}
.detail-content .panel.panel-rate .panel-bd .star i.on {
  background: url("/asset/mobile/images/apps/star_check.png") no-repeat center
    center;
  background-size: 3rem 3rem;
}
.detail-content .panel.panel-rate .panel-bd .btn-wrap {
  position: absolute;
  top: 1.5rem;
  right: 0;
  width: 25%;
  height: 3rem;
  text-align: center;
  font-size: 1.4rem;
  overflow: hidden;
}
.detail-content .panel.panel-rate .panel-bd .btn-wrap .btn-rate,
.detail-content .panel.panel-rate .panel-bd .btn-wrap .btn-thanks {
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  border-radius: 0.3rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 2.8rem;
}
.detail-content .panel.panel-rate .panel-bd .btn-wrap .btn-rate {
  border: 0.1rem solid #ec2c3e;
  color: #ec2c3e;
  z-index: 5;
}
.detail-content .panel.panel-rate .panel-bd .btn-wrap .btn-thanks {
  display: none;
  border: 0.1rem solid #58b407;
  color: #fff;
  background-color: #58b407;
  z-index: 10;
}
.detail-content .panel.panel-rate .panel-bd .btn-wrap.active .btn-rate {
  display: none;
}
.detail-content .panel.panel-rate .panel-bd .btn-wrap.active .btn-thanks {
  display: block;
}
.detail-content .panel.panel-also-like .panel-bd .list {
  overflow: hidden;
  margin: 0 -1rem;
  height: 47rem;
}
.detail-content .panel.panel-also-like .panel-bd .list .item {
  float: left;
  width: 25%;
  padding: 0.8rem 0;
}
.detail-content .panel.panel-also-like .panel-bd .list .item .app-item-column {
  margin: 0 auto;
}
.detail-content .panel.panel-also-like .btn-more {
  display: block;
  margin: 1rem 0.5rem 0;
  line-height: 3.3rem;
  height: 3.5rem;
  text-align: center;
  color: #ec2c3e;
  border: 0.1rem solid #bdbdbd;
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
.detail-content .panel.panel-also-like .btn-more span {
  padding-right: 1rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAIBAMAAADQCGj8AAAAJ1BMVEUAAADmJCTmJCTmJCTmJCTmJCTmJCTmJCTmJCTmJCTmJCTmJCTmJCRJXI4dAAAADXRSTlMA/tajXCH1dj/t48eOjY3KhQAAAD1JREFUCNdjEFRgYGBIXMDgKMzAwCQYwMAs6MBgKAIUU0xlETwApNmEAqUZgIBDUHACAwgUAlWBALsFkAAA3JIGLX2VZ1gAAAAASUVORK5CYII=")
    no-repeat right center;
  background-size: 0.65rem auto;
}
.detail-content .panel.panel-related-search {
  padding-bottom: 1rem;
}
.detail-content .panel.panel-detail-banner {
  overflow: hidden;
}
.detail-content .panel.panel-detail-banner .banner-common {
  width: 100%;
}
.detail-content .panel.panel-detail-banner .banner-common img {
  width: 100%;
}
.detail-content .panel.panel-recommand-info {
  padding-left: 0;
  padding-right: 0;
}
.detail-content .panel-previous {
  padding: 0 1.6rem;
  margin-top: -1.5rem;
}
.detail-content .panel-previous .btn-previous {
  width: 100%;
  height: 3.8rem;
  font-size: 1.3rem;
  line-height: 3.7rem;
  text-align: center;
  color: #ec2c3e;
}
.detail-content .panel-previous .btn-previous > span {
  position: relative;
  padding-right: 1.2rem;
}
.detail-content .panel-previous .btn-previous > span:after {
  content: "";
  position: absolute;
  top: 1.6rem;
  right: 0;
  height: 1rem;
  width: 1rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAIBAMAAADQCGj8AAAAJ1BMVEUAAADmJCTmJCTmJCTmJCTmJCTmJCTmJCTmJCTmJCTmJCTmJCTmJCRJXI4dAAAADXRSTlMA/tajXCH1dj/t48eOjY3KhQAAAD1JREFUCNdjEFRgYGBIXMDgKMzAwCQYwMAs6MBgKAIUU0xlETwApNmEAqUZgIBDUHACAwgUAlWBALsFkAAA3JIGLX2VZ1gAAAAASUVORK5CYII=")
    no-repeat right center;
  background-size: 0.65rem auto;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.detail-content .panel-previous .btn-previous.hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.detail-content .dlg-user-suggest .container {
  position: absolute;
  top: 5rem;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  text-align: center;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  -webkit-transform: translateY(101%);
  -moz-transform: translateY(101%);
  -ms-transform: translateY(101%);
  -o-transform: translateY(101%);
  transform: translateY(101%);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
.detail-content .dlg-user-suggest .container .title {
  height: 3.6rem;
  background-image: -webkit-linear-gradient(bottom, #e3e3e3, #e3e3e3);
  background-image: -moz-linear-gradient(bottom, #e3e3e3, #e3e3e3);
  background-image: -o-linear-gradient(bottom, #e3e3e3, #e3e3e3);
  background-image: linear-gradient(to bottom, #e3e3e3, #e3e3e3);
  background-size: 100% 0.1rem;
  background-repeat: no-repeat;
  background-position: left bottom;
}
.detail-content .dlg-user-suggest .container .title .link-never-show {
  float: left;
  padding-left: 1.5rem;
  line-height: 3.6rem;
  color: #8b8b8b;
}
.detail-content .dlg-user-suggest .container .title .link-never-show.hover {
  color: #6e6e6e;
}
.detail-content .dlg-user-suggest .container .title .link-close {
  float: right;
  padding-right: 1.5rem;
  line-height: 3.6rem;
  color: #343434;
}
.detail-content .dlg-user-suggest .container .title .link-close.hover {
  color: #252525;
}
.detail-content .dlg-user-suggest .container .panel-content {
  position: absolute;
  top: 3.6rem;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  padding: 0 1.5rem;
}
.detail-content .dlg-user-suggest .container .panel-content .apps-list {
  padding-bottom: 1.2rem;
}
.detail-content .dlg-user-suggest .container .panel-content .apps-list .list {
  overflow: hidden;
  margin: 0 -1rem;
}
.detail-content
  .dlg-user-suggest
  .container
  .panel-content
  .apps-list
  .list
  .item {
  float: left;
  width: 25%;
  padding: 0.8rem 0;
  text-align: center;
}
.detail-content
  .dlg-user-suggest
  .container
  .panel-content
  .apps-list
  .list
  .item
  .app-item-column {
  margin: 0 auto;
}
.detail-content
  .dlg-user-suggest
  .container
  .panel-content
  .hot-keywords-section {
  background-image: -webkit-linear-gradient(bottom, #e3e3e3, #e3e3e3);
  background-image: -moz-linear-gradient(bottom, #e3e3e3, #e3e3e3);
  background-image: -o-linear-gradient(bottom, #e3e3e3, #e3e3e3);
  background-image: linear-gradient(to bottom, #e3e3e3, #e3e3e3);
  background-size: 100% 0.1rem;
  background-repeat: no-repeat;
  background-position: left top;
  padding-bottom: 1rem;
}
.detail-content
  .dlg-user-suggest
  .container
  .panel-content
  .hot-keywords-section
  .hot-keywords {
  padding: 0.2rem 0;
}
.detail-content .dlg-user-suggest .container .panel-content .top-apps-list {
  background-image: -webkit-linear-gradient(bottom, #e3e3e3, #e3e3e3);
  background-image: -moz-linear-gradient(bottom, #e3e3e3, #e3e3e3);
  background-image: -o-linear-gradient(bottom, #e3e3e3, #e3e3e3);
  background-image: linear-gradient(to bottom, #e3e3e3, #e3e3e3);
  background-size: 100% 0.1rem;
  background-repeat: no-repeat;
  background-position: left top;
  padding-top: 0.8rem;
}
.detail-content .dlg-user-suggest.animation .container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.detail-content .dlg-user-suggest .apps-list .list .item .pic {
  width: 6rem;
  height: 6rem;
  overflow: hidden;
}
.detail-content .dlg-user-suggest .top-apps-list .list .item .pic {
  padding-left: 0;
}
.detail-content .dlg-user-suggest .top-apps-list .list .item .pic:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 2.1rem;
  height: 2.3rem;
}
.detail-content
  .dlg-user-suggest
  .top-apps-list
  .list
  .item:nth-child(1)
  .pic:before {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAtCAMAAADr7dnsAAAAbFBMVEUAAAD/////+fn////////////////////////////////////////////////++PjmJCT////sXl7nLy/mKSn2tbXrU1P85ub5zs7xhYXpRETznZ3ubW3oPDz1qan0oaH98PD629v4x8fuampywLBSAAAAEHRSTlMAcv7TmmFFKQ7u2beXfjD+bVXbxAAAAJ5JREFUOMvt1McOwjAQRdFxeodJj0tC+f9/BJzERkLCQWIBkd9upOO7NODGfQKPG2bh02pRmSBlzeV8QixNsES5L8KKUtoaoMYWWvhD8D8+gL3Auh2armuGtn4DBWe9g8ucnnGhnt9hgnwNSeB6fhj6niuPNX3FBAgexmkOxWkeRLAsCvI0ntPT6CAByFQIXqbS2eMqCNEhPZ0mpAC4AfJWborvEBw+AAAAAElFTkSuQmCC")
    no-repeat top left;
  background-size: 2rem auto;
}
.detail-content
  .dlg-user-suggest
  .top-apps-list
  .list
  .item:nth-child(2)
  .pic:before {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAtCAMAAADr7dnsAAAAnFBMVEUAAAD/////////////////////////////////////////////////////////bA3/////cBP/zq//7+T/zKv/jUP/+/n/rXj/nFv/vpT/fCf//fz/+vb/3sn/3Mb/hDT/8+v/xqH/9vH/69//0rX/wZn/vJH/uIv/nl//k0z/hzr/eCH/dR3/6Nn/5tf/177/y6r/tYX/qXL/pWrGlmZ8AAAAD3RSTlMA/XLTmmFFKQ7u2beXfjBoYpg1AAABAklEQVQ4y+2T2W6DMBQFDdlXBihglkBImmbt/v//1lQhWGol9/atUjPPwwjZxwohvxE9ATfRkGUSMSpXUJTRT+IDDVu7uAOe0iAG9jbRX0Lge94xhGebeACy5g+WNnGX52vvEw34knNM7UXDI9QS8Q3ySiAeCngVXOFpDaXgrv0SwqNAfIEiEqxnC2jBet6BRDCzfQ4bwXCrFdwLFn4KOYt3FxKLWIEhEIt/+V3/P9GPkiAMgyTyv4qOETOdLmIa4kWqs/ZzHDVGX0MATqfbGwx63Y4DcE1rxsqlqDeX0Ggy6w9Vw7A/m4yadB3jKjVtQ+obbXqqzsxd14QMJu26c6U+ACYoa8QL3I8wAAAAAElFTkSuQmCC")
    no-repeat top left;
  background-size: 2rem auto;
}
.detail-content
  .dlg-user-suggest
  .top-apps-list
  .list
  .item:nth-child(3)
  .pic:before {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAtCAMAAADr7dnsAAAAmVBMVEUAAAD/////////////////////////////////////////////////////////sw3/////tRL/w0H//fn/9+X/5q7/1Hj/zFz/uB7/7sn/3pT/0Gr/thj//v3/9N7/8dP/7cb/4qH/2IT/yFD//PX/6r7/5Kn/3I//xkj/wjz/vzP/vCn/uyf/+u//6Lf/03P/zmL/+ez/1n60fI9cAAAAD3RSTlMA/XLTmmFFKQ7u2beXfjBoYpg1AAABH0lEQVQ4y+2UyW6DMBRFDZlHDoYACTOZhyZp///jKhQSFpFsd1dVPatn6fha9nuywJCfiI4B/2LL+WwiHooNePldJ+5o2KrFCtjsVjlQqcQkhTJxHLeAD5UoIU3q4g5cFGK0Xh8eFweOJu8YK49ucbew04mn/b7MoIh04pqawnXMxLTSim4UnWIfFkbTI1OQRmOWwZdCPIXh4VEtYa8QY8ge1SfECvEI3Oqi0rXwClyDYIvu1klOQ55onifOAPybvjNOJGX06z+APyO6Mlj4/iKQb52xWvESrpYeDd5yFV5e27HEmPAZBGB1ur3BoNftWADP6JCxsNmUTdBoMusPRcOwP5uMmujSwxZi+goSb7yip/VqbtttUEsbbdtzIb4B46xtgMt7lpsAAAAASUVORK5CYII=")
    no-repeat top left;
  background-size: 2rem auto;
}
.detail-content
  .dlg-user-suggest
  .top-apps-list
  .list
  .item:nth-child(4)
  .pic:before {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAtCAMAAADr7dnsAAAAZlBMVEUAAAD///////////////////////////////////////////////////+4uLj////h4eHo6Oi+vr739/f9/f3j4+Pf39/Y2Njv7+/Q0NDHx8fz8/PNzc35+fnq6urAwMC6urrDw8Orl64lAAAADnRSTlMA/Zly02FFKQ7u2bd+MMXCd/IAAADUSURBVDjL7dPLDoMgEIXhQXq/cGQAFbW393/JuqBlYYzTrtqm//rLSQgZgrBXoBH0h+9Ads5VEmgBBAHsIYPXTggrwEvgzcOdgXIWNkBvBTACwQggn+BYAgMQjQC2CtZIYIcTS2AN1Dx0BgLzNLx6ALnLJGQIoSlTDujKkmf+Oj/mo+EX3PXPwLa2ztm6HUGVIceq8Uj5poqcoaId4mMIQ2pRLNfrZbFQGHpM99iRhg9paLs/rDaU2qwO+22aDh6aqHgO0ajndEFDR63zUC5Pa30kugNiAWIsf3pKBAAAAABJRU5ErkJggg==")
    no-repeat top left;
  background-size: 2rem auto;
}
.detail-content .panel-review-hidden .panel-review-row {
  padding: 1rem 0;
}
.detail-content .panel-review-hidden .panel-review-row:nth-child(n + 2) {
  border-top: 0.1rem dashed #eeeeee;
}
.detail-content .panel-review-hidden .panel-review-row .panel-user-row {
  display: flex;
}
.detail-content
  .panel-review-hidden
  .panel-review-row
  .panel-user-row
  .panel-user-icon {
  border-radius: 50%;
  min-width: 3.5rem;
  margin-top: 0.2rem;
  max-width: 3.5rem;
  min-height: 3.5rem;
  max-height: 3.5rem;
  overflow: hidden;
}
.detail-content
  .panel-review-hidden
  .panel-review-row
  .panel-user-row
  .panel-user-icon
  img {
  width: 100%;
  height: 100%;
}
.detail-content
  .panel-review-hidden
  .panel-review-row
  .panel-user-row
  .panel-user-info {
  display: flex;
  flex-direction: column;
  margin-left: 1.5rem;
}
.detail-content
  .panel-review-hidden
  .panel-review-row
  .panel-user-row
  .panel-user-info
  .panel-user-name {
  font-weight: bold;
}
.detail-content
  .panel-review-hidden
  .panel-review-row
  .panel-user-row
  .panel-user-info
  .panel-review-time {
  font-size: 1.2rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  color: #9e9e9e;
}
.detail-content
  .panel-review-hidden
  .panel-review-row
  .panel-user-row
  .panel-user-info
  .panel-review-content {
  line-height: 2.1rem;
  text-overflow: ellipsis;
  overflow: hidden;
  height: auto;
  color: #8b8b8b;
}
.detail-content
  .panel-review-hidden
  .panel-review-row
  .panel-user-row
  .panel-user-info
  .panel-review-content.hide {
  height: 6.3rem;
}
.detail-content
  .panel-review-hidden
  .panel-review-row
  .panel-user-row
  .panel-user-info
  .js-detail-btn-full {
  color: #409eff;
}
.detail-content .panel-versions {
  background-color: #fff;
  padding: 0 1.5rem;
}
.detail-content .panel-versions .list {
  width: 100%;
}
.detail-content .panel-versions .list .item {
  position: relative;
  background-image: -webkit-linear-gradient(top, #e3e3e3, #e3e3e3);
  background-image: -moz-linear-gradient(top, #e3e3e3, #e3e3e3);
  background-image: -o-linear-gradient(top, #e3e3e3, #e3e3e3);
  background-image: linear-gradient(to top, #e3e3e3, #e3e3e3);
  background-size: 100% 0.1rem;
  background-repeat: no-repeat;
  background-position: left top;
  width: 100%;
}
.detail-content .panel-versions .list .item .inner {
  width: 100%;
  height: 6rem;
}
.detail-content .panel-versions .list .item .inner .info {
  padding-top: 1.2rem;
  padding-right: 9rem;
}
.detail-content .panel-versions .list .item .inner .info .title {
  font-size: 1.2rem;
  color: #343434;
  line-height: 2rem;
}
.detail-content .panel-versions .list .item .inner .info .other {
  font-size: 1rem;
  line-height: 2rem;
  color: #828282;
}
.detail-content .panel-versions .list .item .inner.hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.detail-content .panel-versions .list .item .btn-download {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 7rem;
}
.detail-content
  .panel-versions
  .list
  .item
  .btn-download.btn-unavailable-download {
  width: 10rem;
}
.detail-content .video-image {
  position: relative;
  padding: 1.5rem 0 0.6rem 0;
  margin: 0 -2rem;
  overflow: hidden;
}
.detail-content .video-image ul {
  display: table;
  padding: 0 1.5rem;
  overflow: hidden;
}
.detail-content .video-image ul li {
  display: table-cell;
  position: relative;
  padding-right: 0.9rem;
  text-align: center;
  width: 9.7rem;
}
.detail-content .video-image ul li img {
  height: 17.3rem;
  vertical-align: middle;
}
.detail-content .video-image ul li .player-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-image: url("/asset/mobile/images/ic_play_round.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 4rem;
  height: 4rem;
}