/*详情页*/
body, html {
  font: 14px "微软雅黑", '\5fae\8f6f\96c5\9ed1';
}
.fixed-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
	z-index: 98;
    box-shadow: 0 0 4px #c6c6c6;
}
.menu-btn {
  width: 24px;
  height: 24px;
  background-size: contain;
  background-image: url(../images/menu.png);
  margin-top: 4px;
}
.search-btn {
  margin-top: 3px;
  float: right;
  background-image: url(../images/search.png);
}
.back-btn, .search-btn, .home-btn, .space {
  margin-top: 3px;
}
.secHeader {
  height: 46px;
  padding: 8px 3%;
}
.secHeader ul li {
  line-height: 30px;
}
.title-word {
  -ms-flex: 1;
  flex: 1;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  padding: 0 8px;
}
.detail_tit {
  max-width: 84%;
}
.downLoad_btn {
  width: 16%;
  display: none;
  background-color: #0598fa;
  text-align: center;
  color: #fff;
  border-radius: 4px;
}
.secHeader ul li.downLoad_btn a {
  display: block;
  color: #fff;
}
.orderTop_btn {
  width: 16%;
  display: none;
  background-color: #d33d3e;
  text-align: center;
  color: #fff;
  border-radius: 4px;
}
.secHeader ul li.orderTop_btn a {
  display: block;
  color: #fff;
}
.appdetailbox {
  height: auto;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.appmorebox {
  background-color: #fff;
  margin-top: 8px;
}
/* 详细介绍 */
.mContTab {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 3%;
  height: 40px;
  box-sizing: border-box;
  background-color: #fff;
  padding-top: 10px;
  margin-bottom: 1px;
  margin-top: 8px;
  border-bottom: 1px solid #e8e8e8; /* 如果需要底部分割线可保留 */
  display: block;
}

.mContTab li {
  display: inline-block;
}

.mContTab li b {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  display: block;
}
.app_detaTit {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
  display: inline-block;
  float: left;
  max-width: 76%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-detail-name {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app_nameBox .app-detail-name {
  max-width: 70%;
  float: left;
  margin-bottom: 9px;
}
.app-detail-size {
  font-size: 14px;
  max-width: 100%;
  line-height: 22px;
  display: block;
  overflow: hidden;
}
.app-icon img {
  border: 0;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  min-width: 100%;
  top: 0;
  left: 50%;
  height: 72px;
  transform: translateX(-50%)
}
.app-detail-size p {
  line-height: 22px;
  float: left;
  color: #666;
  height: 22px;
  overflow: hidden;
  font-size: 12px;
}
.app-detail-size p:nth-child(even) {
  width: 60%;
}
.app-detail-size p:nth-child(odd) {
  width: 40%;
}
.app-detail u {
  margin-right: 4px;
  margin-left: 4px;
  font-style: normal;
  font-size: 12px;
  color: #009900;
  text-decoration: none
}
.app-detail u:first-child {
  margin-left: 0;
}
.app-edition {
  width: 100%;
  overflow: scroll;
  margin-top: 4px;
  border-bottom: 1px dashed #e8e8e8;
  padding-bottom: 8px;
}
.app-edition ul {
  width: 100%;
  overflow: hidden;
}
.app-edition ul li {
  width: 50%;
  margin: 0 2%;
  float: left;
  text-align: left;
}
.app-edition ul li:first-child, .app-edition ul li:last-child {
  width: 50%;
  float: left;
  margin: 0px;
}
.app-edition ul .text-left {
  text-align: left;
}
.app-edition ul .text-right {
  text-align: right;
}
.app-edition ul li .score {
  font-size: 17px;
  color: #666;
  font-weight: bold;
}
.app-edition ul li .deta_soft, .app-edition ul li .time {
  font-size: 14px;
  color: #666;
  font-weight: bold;
  line-height: 22px
}
.appdetailbox .soft_label, .appdetailbox .time_label {
  border-right: none;
  color: #999;
  font-size: 13px;
  line-height: 16px
}
.appdetailbox .time {
  padding-left: 4px;
  border-right: none;
  color: #999;
}
.appdetailbox .people {
  border-right: none;
  color: #999;
  font-size: 12px;
}
.app-edition u {
  font-style: normal;
  font-size: 12px;
  color: #999;
  text-decoration: none
}
.app-edition span {
  display: inline;
}
.down_quickBox {
  line-height: 16px;
  color: #999;
  font-size: 13px;
  text-align: left;
  margin-left: 4px;
}
.down_quickBox input {
  width: 12px;
  color: #999;
  height: 12px;
  float: left;
  margin-top: 4px;
  margin-left: -8px;
  visibility: hidden;
}
#dtp_input1 + label {
  display: block;
  width: 12px;
  height: 12px;
  cursor: pointer;
  position: absolute;
  top: 2px;
  color: #000;
  background: #f6f6f6;
  border: solid 1px #ddd;
}
#dtp_input1:checked + label {
  width: 12px;
  height: 12px;
  background: url(../images/checked.png);
  background-size: cover;
}
/*安全下载*/
.wdj_xz_box {
  width: 100%;
  box-sizing: border-box;
  background: #fff;
}
.frm_use_wdj {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  margin: -2px 7px 0 0;
  background: url(../images/checked.png) no-repeat -16px -1px/33px 33px;
}
.wdj_xz_box .cor_tips {
  box-sizing: border-box;
  padding: 0 3%;
  width: 100%;
  line-height: 22px;
  color: #999999;
  font-size: 14px;
  margin-top: 2px;
  padding-bottom: 10px;
}
.wdj_xz_btn.wdj_xz_safe .new-btn {
  display: block;
  border: 1px solid #0099ff;
  height: 36px;
  border-radius: 40px;
  background-color: #0099ff;
  font-size: 16px;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  line-height: 34px;
  letter-spacing: 1px;
}
.wdj_xz_btn.wdj_xz_safe + div .frm_use_wdj {
  background-position: -1px -1px;
}
.app-info .install-bar {
  position: absolute;
  top: 24px;
  right: 0;
  -ms-flex: none;
  flex: none;
  height: 72px;
  overflow: hidden;
}
.install-bar {
  width: 100%;
  padding: 0 3%;
  box-sizing: border-box;
  background-color: #fff;
  padding-top: 12px;
  padding-bottom: 10px;
  -ms-flex: none;
  flex: none;
  overflow: hidden;
}
a.new-btn {
  display: block;
  border: 1px solid #0099ff;
  height: 36px;
  border-radius: 40px;
  background-color: #0099ff;
  font-size: 16px;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  line-height: 34px;
  letter-spacing: 1px;
}
a.new-btn .downsize {
  margin-left: 4px;
  display: none;
}
a.new-btn-normal {
  box-sizing: border-box;
  display: block;
  border: 2px solid #0099ff;
  margin-bottom: 4px;
  height: 42px;
  border-radius: 40px;
  background-color: #f8f8f8;
  font-size: 15px;
  color: #0099ff;
  text-align: center;
  line-height: 40px;
  letter-spacing: 1px;
}
a.win_tip_load {
  border: 1px solid #ddd;
  background-color: #ddd;
  color: #fff;
}
.app-info .order-bar {
  position: absolute;
  bottom: 6px;
  right: 0;
  -ms-flex: none;
  flex: none;
  overflow: hidden;
}
.order-bar {
  width: 100%;
  background-color: #fff;
  padding: 0 3%;
  box-sizing: border-box;
  padding-top: 8px;
  -ms-flex: none;
  flex: none;
  height: 62px;
  overflow: hidden;
  padding-bottom: 12px;
}
a.order_det_btn {
  display: block;
  border: 1px solid #d33d3e;
  height: 36px;
  border-radius: 40px;
  background-color: #d33d3e;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 34px;
  letter-spacing: 1px;
  padding: 0 20px;
}
.edit_tips {
  width: 100%;
  padding: 0px 3% 10px 3%;
  box-sizing: border-box;
  background-color: #fff;
  color: #FF6F6F;
  font-size: 13px;
  background-image: url(../images/edit_tip_pic.png);
  background-repeat: no-repeat;
  background-position: 12px 1px;
  padding-left: 34px;
}
.softtips {
  width: 100%;
  background-color: #fff;
}
.edit_tips:last-child {
  padding-bottom: 14px;
}
.edit_tips img {
  width: 14px;
  height: 14px;
  margin-right: 6px;
  margin-top: 3px;
  float: left;
}
a.unclickBtn {
  border: 1px solid #c6c6c6;
  background-color: #c6c6c6;
  color: #666;
}
.app-profile {
  width: 100%;
  margin-top: 0px;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
}
p.itTit, .content-text h3 {
  font-size: 16px;
  color: #444;
  font-weight: bold;
  margin-bottom: 8px;
  text-indent: 12px;
  background-color: #f1f1f1;
  margin-top: 8px;
  padding: 4px 0px;
}
.itTit em.comName {
  display: inline-block;
  background-color: #0099ff;
  color: #fff;
  padding-left: 10px;
  max-width: 200px;
  margin-left: 10px;
  padding: 2px 6px;
  border-radius: 3px;
  position: relative;
}
.itTit em.comName:before {
  content: '';
  display: block;
  position: absolute;
  left: -4px;
  top: 7px;
  margin: auto;
  width: 0px;
  height: 0px;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-right: 4px solid #0099ff;
}
.display-right .content-text {
  text-align: left;
  margin-bottom: 0px;
  line-height: 1.71;
  font-family: -apple-system, helvetica, sans-serif;
}
.display-right .content-text p {
  line-height: 28px;
  font-size: 16px;
  margin-bottom: 8px;
}
.display-right .content-text strong {
  color: #444;
}
.display-right .content-text a {
  color: #0099ff;
}
.hideMoreText {
  overflow: hidden;
  max-height: 624px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 15;
  -webkit-box-orient: vertical;
}
.content-text {
  font-size: 16px;
  word-break: break-all;
  color: #666;
}
.content-text img {
  display: block;
  max-width: 80%;
  height: auto;
  margin: 0 auto;
  margin-top: 8px;
  text-align: center;
  vertical-align: middle;
}
.display-right pre {
  text-align: left;
  width: 100%;
  font-size: 16px;
  line-height: 30px;
  font-family: -apple-system, helvetica, sans-serif;
  word-break: break-word;
}
pre {
  margin: 0;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word
}
.normal-position {
  right: -3px;
}
.showAndHide {
  width: 100%;
  height: 36px !important;
  background: #e9e9e9;
  color: #999;
  border-radius: 4px;
  text-align: center;
  position: absolute;
  bottom: 0px;
  right: 0px;
  line-height: 36px;
}
.showAndHide div {
  width: 100%;
  height: 100%;
  background-size: 100%;
}
.iconDown span, .iconUp span {
  font-size: 15px;
  color: #888;
  height: 36px !important;
  line-height: 36px !important;
}
.iconDown i.arrow_icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  margin-top: -4px;
  background: url(../images/arrow_down1.png);
  z-index: 99999;
  background-size: 100%;
}
.iconUp i.arrow_icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  margin-top: -4px;
  background: url(../images/arrow_down2.png);
  background-size: 100%;
}
.app-may-love {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.no_marTop {
  margin-top: 0px;
  overflow: hidden;
}
/* 标题 */
.may-love-title {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 3%;
  height: 31px;
  line-height: 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #e8e8e8;
  margin-top: 10px;
  margin-bottom: 10px;
}
.may-love-title p {
  width: 100%;
  height: 30px;
}
.may-love-title span {
  display: block;
  height: 30px;
  line-height: 24px;
  color: #666;
  float: left;
  font-size: 16px;
  font-weight: bold;
}
.may-love-title em {
  margin-left: 6px;
  font-style: normal;
}
.may-love-title i {
  width: 10px;
  height: 28px;
  background: #fff;
  float: left;
}
.may-love-title a {
  float: right;
  font-size: 14px;
  color: #999;
  font-weight: normal;
}
.app-may-love .may-love-title {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 3%;
  height: 40px;
  box-sizing: border-box;
  background-color: #fff;
  padding-top: 10px;
  margin-bottom: 0px;
  margin-top: 8px;
}
.discuss-title a {
  float: right;
  font-size: 14px;
  color: #0099ff;
  font-weight: normal;
}
.discuss-title a.lxqq {
  margin-left: 16px;
  font-size: 12px;
  border: 1px solid #0099ff;
  border-radius: 20px;
  text-align: center;
  line-height: 20px;
  padding: 0 10px;
  background: #e3f4ff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc3c ', endColorstr='#ffd760', GradientType=0);
}
/* 热门手游，火爆软件，今日发现手游，今日发现软件，VR游戏，TV应用 */
.mayLove-content {
  width: 100%;
  display: flex;
  clear: both;
  width: auto;
  overflow: scroll;
}
.app-may-love .mayLove-content {
  width: 100%;
  padding: 8px 0;
  box-sizing: border-box;
  background-color: #fff;
  display: flex;
  clear: both;
  overflow: scroll;
}
/*猜你喜欢*/
.guess_nr {
  width: 100%;
  overflow: hidden;
}
.tags-tab {
  width: 100%;
  padding: 0 3%;
  box-sizing: border-box;
  margin: 0 auto;
  overflow: hidden;
  line-height: 35px;
  position: relative;
  border-bottom: 1px #e8e8e8 solid;
}
.tags-tab .d_title_r {
  padding-left: 90px;
  height: 38px;
  position: absolute;
  right: 0;
  bottom: -1px;
  overflow: hidden;
}
.tags-tab .d_title_r ul li {
  margin: 0 10px;
  max-width: 86px;
  color: #666;
  display: inline-block;
  float: left;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.tags-tab .d_title_r ul li.active {
  border-bottom: 1px solid #65bb0a;
  color: #65bb0a;
  height: 36px;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.tags-tab em {
  font-style: normal;
  font-size: 16px;
  color: #666;
  font-weight: bold;
  padding: 0 !important;
}
#tags-main {
  width: 100%;
  height: auto;
  padding: 0 3%;
  box-sizing: border-box;
  overflow: hidden;
}
.qtcs_box {
  width: 100%;
  background-color: #fff;
}
.qtcs_box .may-love-title {
  margin-bottom: 8px;
}
.tags-main-ul {
  overflow: hidden;
  width: 100%;
  margin-top: 10px;
}
.tags-qtcj-ul {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.tags-qtcj-ul .PicControls {
  text-align: center;
  width: 100%;
  left: 0;
  bottom: 2px;
  position: absolute;
  height: 30px;
}
.tags-qtcj-ul .PicControls .PicPage span {
  display: block;
  width: 10px;
  height: 10px;
  margin: 11px 7px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 20px;
  background: #999;
}
.app-may-love .tags-main-box {
  float: left;
  width: 100%;
  position: relative;
}
.tags-main-ul ul {
  padding: 10px 0 0 0;
  overflow: hidden;
}
.tags-main-ul ul.tags-box-ul {


  padding: 0px 0 0 0;
  overflow: hidden;
  max-height: 278px;
}
.mayLove-content ul.tags-box-ul {
  width: 100%;
  padding: 0px 0 0 0;
  overflow: hidden;
  max-height: 278px;
}
.mayLove-content ul li {
  margin-bottom: 10px;
}
.tags-qtcj-ul ul {
  padding: 0;
}
.tags-qtcj-ul .PicCarousel {
  height: auto
}
.tags-box-ul {
  overflow: hidden;
  zoom: 1;
}
.tags-main-ul ul li {
  margin-bottom: 10px;
}
.tags-box-ul li {
  width: 25%;
  float: left;
  margin-top: 4px;
  height: 123px;
}
.tags-box-ul li a {
  display: block;
  width: 66px;
  height: 98px;
  text-align: center;
  margin: 0 auto;
}
#down-page #info img, #down-page .guess .tags-box-ul li img {
  width: 65px;
  height: 65px;
  border-radius: 5px;
}
#down-page #tags-main, #down-page .guess_nr .tags-box-ul li a, #down-page #tags-main2 .tags-box-ul li a {
  height: auto;
}
.tags-box-ul li img {
  width: 66px;
  height: 66px;
  text-align: center;
  float: left;
  display: block;
  margin: 0 auto;
  border-radius: 10px;
}
ul.tags-box-ul li span {
  font-size: 14px;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  clear: both;
  display: block;
  width: 66px;
  color: #000;
  text-align: center;
  word-break: break-all;
}
.tags-box-ul li em {
  border-radius: 20px;
  border: #0099ff 1px solid;
  line-height: 25px;
  color: #0099ff;
  display: block;
  font-style: normal;
}
.tags-main-ul ul li em {
  border-radius: 20px;
  border: #0099ff 1px solid;
  line-height: 25px;
  color: #0099ff;
  display: block;
  font-style: normal;
}
.pagenum {
  width: 100%;
  height: 20px;
  text-align: center;
  margin: 8px 0 8px 0;
  overflow: hidden;
}
.pagenum .active {
  background-color: #02AFF3;
}
.pagenum span {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #f0f0f0;
  margin: 0 5px;
  text-indent: -9999px;
}
/*猜你喜欢*/
.mayLove-content .mayLove-list {
  height: auto;
  display: -ms-flexbox;
  display: flex;
  overflow-y: hidden;
  padding-bottom: 10px;
}
.MLapp-infor {
  width: 80px;
  float: left;
  margin: 0px 7px 0 0px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center
}
.MLapp-img {
  width: 100%;
  height: 60px;
  position: relative;
  margin-bottom: 4px;
}
.MLapp-img a {
  width: 100%;
  height: 60px;
  display: inline-block;
}
.MLapp-img img {
  width: 60px;
  height: 60px;
  border-radius: 8px;
}
.MLapp-name {
  margin-top: 8px;
  font-size: 14px;
  transform: scale(.92);
  width: 80px;
  margin: 0 auto;
  opacity: .9;
  display: block;
  -webkit-line-clamp: 2; /*! autoprefixer: off */
  -webkit-box-orient: vertical
}
.MLapp-size {
  font-size: 12px;
  transform: scale(.83);
  max-width: 80px;
  opacity: .6
}
.MLapp-infor a.btn {
  width: 60px;
  margin: 0 auto;
  margin-top: 6px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 30px;
  color: #fff;
  background-color: #0099ff;
  display: block;
}
.detail-discuss-box {
  height: auto;
  width: 100%;
	float: left;
  background-color: #fff;
  padding-bottom: 12px;
  margin-top: 8px;
}
.discuss_scoreBox {
  width: 100%;
  padding: 0 3%;
  box-sizing: border-box;
  overflow: hidden;
  padding-bottom: 12px;
  border-bottom: 1px dashed #e8e8e8;
}
.discuss_scoreBox .discuss_score {
  width: 26%;
  float: left;
  margin-right: 4%;
  color: #999;
  font-size: 12px;
}
.discuss_score .star {
  display: inline-block;
  height: 16px;
  margin: 0px;
  line-height: 16px;
  margin-left: 6px;
}
.discuss_score .star span {
  width: 75px;
  height: 14px;
  background: url(../images/litterStar.png) no-repeat;
  display: inline-block;
  margin-left: 10%;
}
.discuss_score .star span.star0 {
  background-position: 0 0;
}
.discuss_score .star span.star1 {
  background-position: 0 -26px;
}
.discuss_score .star span.star2 {
  background-position: 0 -52px;
}
.discuss_score .star span.star3 {
  background-position: 0 -78px;
}
.discuss_score .star span.star4 {
  background-position: 0 -104px;
}
.discuss_score .star span.star5 {
  background-position: 0 -130px;
}
.discuss_score .star span.lstar0 {
  background-position: 0 0;
}
.discuss_score .star span.lstar1 {
  background-position: 0 -26px;
}
.discuss_score .star span.lstar2 {
  background-position: 0 -52px;
}
.discuss_score .star span.lstar3 {
  background-position: 0 -78px;
}
.discuss_score .star span.lstar4 {
  background-position: 0 -104px;
}
.discuss_score .star span.lstar5 {
  background-position: 0 -130px;
}
.discuss_scoreBox .discuss_score span {
  display: block;
  text-align: center;
  line-height: 18px;
}
.discuss_scoreBox .discuss_score span.score_rel {
  font-size: 36px;
  font-weight: bold;
  color: #666;
  line-height: 42px;
}
.discuss_scoreBox .discuss_score_rank {
  width: 70%;
  float: left;
  color: #999;
  font-size: 10px;
  text-align: right;
}
.discuss_score_rank p {
  width: 100%;
  display: block;
  overflow: hidden;
}
.discuss_score_rank .star {
  width: 52%;
  display: inline-block;
  height: 12px;
  line-height: 12px;
  float: left;
}
.discuss_score_rank .progreBar {
  width: 44%;
  margin-left: 4%;
  margin-top: 4px;
  height: 4px;
  background-color: #dbdbdb;
  float: right;
  display: inline-block;
  position: relative;
}
.discuss_score_rank .progreBar .proger {
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background-color: #fba605
}
.discuss_score_rank .progreBar .proger100 {
  width: 100%;
}
.discuss_score_rank .progreBar .proger60 {
  width: 60%;
}
.discuss_score_rank .progreBar .proger25 {
  width: 25%;
}
.discuss_score_rank .progreBar .proger12 {
  width: 12%;
}
.discuss_score_rank .progreBar .proger3 {
  width: 3%;
}
.discuss_score_rank .star span {
  width: 68px;
  height: 12px;
  background: url(../images/litterStar2.png) no-repeat;
  display: inline-block;
  background-size: 100%;
}
.discuss_score_rank .star span.star5 {
  background-position: 0 0;
}
.discuss_score_rank .star span.star4 {
  background-position: 0 -25px;
}
.discuss_score_rank .star span.star3 {
  background-position: 0 -49px;
}
.discuss_score_rank .star span.star2 {
  background-position: 0 -74px;
}
.discuss_score_rank .star span.star1 {
  background-position: 0px -98px;
}
.discuss_score_rank .star span.star0 {
  background-position: 0 -130px;
}
.discuss_score_rank .star span.lstar5 {
  background-position: 0 0;
}
.discuss_score_rank .star span.lstar4 {
  background-position: 0 -25px;
}
.discuss_score_rank .star span.lstar3 {
  background-position: 0 -49px;
}
.discuss_score_rank .star span.lstar2 {
  background-position: 0 -74px;
}
.discuss_score_rank .star span.lstar1 {
  background-position: 0px -98px;
}
.discuss_score_rank .star span.lstar0 {
  background-position: 0 -130px;
}
.appmorebox ul.detailApp_list {
  width: 100%;
  padding: 0 3%;
  box-sizing: border-box;
  padding-bottom: 16px;
}
.appmorebox ul.detailApp_list li:first-child {
  padding-top: 0;
}
.discuss_txtBox {
  width: 100%;
	float: left;
  padding: 0 3%;
  box-sizing: border-box;
}
.clickStarBox {
  width: 100%;
  overflow: hidden;
  margin: 16px 0 6px 0;
}
.clickStarBox input {
  width: 99%;
  margin: 0 auto;
  text-indent: 46px;
  line-height: 40px;
  border-radius: 2px;
  border: 1px #ccc solid;
  height: 36px;
  background: url(../images/discuss.png) no-repeat;
  background-position: 10px;
  background-size: 28px;
}
.discuss_txtBox ul.discuss_Infocont {
  width: 100%;
  float: left;
  border-top: 1px dashed #e8e8e8;
  padding-top: 10px;
  margin-top: 10px;
}
.discuss_txtBox ul.discuss_Infocont > li {
  width: 100%;
  float: left;
  margin-bottom: 16px;
  box-sizing: border-box;
  background-color: #f9f9f9;
}
.discuss_txtBox ul li .discuss-headImg {
  width: 56px;
  height: 56px;
  border-radius: 2px;
  float: left;
  margin-bottom: 12px;
  text-align: center;
  vertical-align: middle;
}
.discuss_txtBox ul.discuss_Infocont li .discuss-info {
  position: relative;
  -webkit-box-flex: 1;
  overflow: hidden;
  padding-bottom: 6px;
}
.discuss_txtBox .load-star {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  margin-left: 6px;
  float: right;
}
.discuss_txtBox .load-star span {
  width: 75px;
  height: 14px;
  background: url(../images/litterStar.png) no-repeat;
  display: inline-block;
}
.discuss_txtBox .load-star span.load-star0 {
  background-position: 0 0;
}
.discuss_txtBox .load-star span.load-star1 {
  background-position: 0 -26px;
}
.discuss_txtBox .load-star span.load-star2 {
  background-position: 0 -52px;
}
.discuss_txtBox .load-star span.load-star3 {
  background-position: 0 -78px;
}
.discuss_txtBox .load-star span.load-star4 {
  background-position: 0 -104px;
}
.discuss_txtBox .load-star span.load-star5 {
  background-position: 0 -130px;
}
.discuss_txtBox .load-star span.load-star0 {
  background-position: 0 0;
}
.discuss_txtBox .load-star span.load-lstar1 {
  background-position: 0 -26px;
}
.discuss_txtBox .load-star span.load-lstar2 {
  background-position: 0 -52px;
}
.discuss_txtBox .load-star span.load-lstar3 {
  background-position: 0 -78px;
}
.discuss_txtBox .load-star span.load-lstar4 {
  background-position: 0 -104px;
}
.discuss_txtBox .load-star span.load-lstar5 {
  background-position: 0 -130px;
}
.discuss-info div {
  width: 100%;
  padding: 0 6px;
  box-sizing: border-box;
  overflow: hidden;
}
.discuss-info div:first-child {
  line-height: 28px;
  height: 28px;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0 6px;
  background: #f1f1f1;
  color: #666;
  margin-bottom: 6px;
}
.discuss-info .user-name {
  color: #666;
  display: block;
  font-weight: bold;
  float: left;
}
.discuss-info .load-time {
  color: #999;
  display: inline-block;
  float: right;
  font-size: 10px;
}
.discuss-info .phone-model {
  color: #999;
  font-size: 10px;
  display: block;
  float: left;
}
.discuss-info .discuss-conTxt {
  text-align: left;
  position: relative;
  margin-top: 4px;
}
.discuss-conTxt {
  font-size: 13px;
  word-break: break-all;
  color: rgba(0, 0, 0, .5);
}
.discuss-conTxt pre {
  text-align: left;
  font-size: 13px;
  line-height: 22px;
  word-break: break-word;
}
.hideMoreDiscuss {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /*控制文本行数，多少行以后开始省略号 */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.discuss-conTxt a {
  width: 90px;
  position: absolute;
  right: 8px;
  bottom: 0px;
  padding: 3px 0;
  cursor: pointer;
  color: #0099ff;
  font-size: 13px;
  text-align: right;
  background-image: linear-gradient(to right, rgba(249, 249, 249, 0.5), rgba(249, 249, 249, 1));
}
/*新点赞评论*/
ul.discuss_Infocont li .plreply {
  width: auto;
  float: right;
  line-height: 26px;
  margin-top: 3px;
}
.plreply .load-star {
  float: left;
  position: absolute;
  left: 6px;
  margin-top: 5px;
  margin-left: 0;
}
ul.discuss_Infocont li dl .plreply {
  margin-bottom: 6px;
  overflow: hidden;
}
ul.discuss_Infocont li .plreply span em {
  color: #999;
  font-style: normal;
  line-height: 24px;
  margin-left: 4px;
}
ul.discuss_Infocont li .plreply span.glBtn {
  color: #0099ff;
  font-size: 14px;
  margin-left: 14px;
  cursor: pointer;
}
ul.discuss_Infocont li .plreply span.dzbtn {
  float: left;
  padding-left: 21px;
  height: 20px;
  line-height: 22px;
  background: url(../images/dza.png) no-repeat left center;
  margin-top: 2px;
  background-size: contain;
  cursor: pointer;
  font-size: 14px;
  color: #999;
  margin-left: 18px;
}
ul.discuss_Infocont li .plreply span.active {
  background: url(../images/dzb.png) no-repeat left center;
  color: #fa3939;
  background-size: contain;
}
ul.discuss_Infocont li .plreply span.active em {
  color: #fa3939;
}
/*评论回复框*/
.discuss_txtBox .cmmts_textarea.expand {
  height: 60px;
}
.discuss_txtBox .cmmts_textarea {
  border: none;
  display: block;
  padding: 0 4px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 60px;
  width: 100%;
  height: 27px;
  font-size: 14px;
  line-height: 24px;
  color: #222;
  outline: none;
  resize: none;
  background: #f3faff;
  -webkit-transition: height .3s ease-in-out;
  -moz-transition: height .3s ease-in-out;
  transition: height .3s ease-in-out;
}
.discuss_txtBox .cmmts_input_wrap {
  position: relative;
  width: 100%;
  float: left;
  margin-bottom: 12px;
}
.discuss_txtBox .cmmts_emoji {
  width: 20px;
  height: 36px;
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url(../images/face.png);
  position: absolute;
  right: 124px;
  bottom: 0;
  cursor: pointer
}
.discuss_txtBox .cmmts_emoji_wrap {
  display: none;
  position: absolute;
  top: 38px;
  right: -110px;
  z-index: 1000;
  padding: 10px 0;
  background: #fff;
  width: 310px;
  height: 140px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.02);
  border-radius: 3px
}
.discuss_txtBox .cmmts_emoji_wrap::before {
  content: '';
  background: #fff;
  height: 10px;
  width: 10px;
  border-radius: 1px;
  position: absolute;
  transform: rotate(45deg);
  transform-origin: 50%;
  top: -5px;
  right: 116px
}
.discuss_txtBox .cmmts_emoji_wrap::after {
  content: '';
  background: transparent;
  position: absolute;
  width: 400px;
  height: 40px;
  top: -40px;
  left: 0
}
.discuss_txtBox .cmmts_emoji_wrap *::-webkit-scrollbar, .cmmts_emoji_wrap::-webkit-scrollbar {
  width: 4px
}
.discuss_txtBox .cmmts_emoji_list {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0 5px 0 11px;
  overflow-y: scroll;
  font-size: 0
}
.discuss_txtBox .cmmts_emoji_list_item {
  width: 38px;
  height: 38px;
  margin: 2px;
  text-align: center;
  vertical-align: middle;
  border-radius: 20px;
  display: inline-block
}
.discuss_txtBox .cmmts_emoji_list_item:hover {
  background: #fff2f2;
  display: inline-block
}
.discuss_txtBox .cmmts_emoji_list_item img {
  width: 24px;
  height: 24px;
  padding: 0;
  display: block;
  margin: 7px
}
.discuss_txtBox .cmmts_emoji:hover {
  background-image: url(../images/faceb.png)
}
.discuss_txtBox .cmmts_emoji:hover .cmmts_emoji_wrap {
  display: block
}
.discuss_txtBox .cmmts_footer {
  display: flex;
  align-items: center;
  position: absolute;
  right: 10px;
  bottom: 10px
}
.discuss_txtBox .cmmts_footer > ul {
  display: flex;
  float: right
}
.discuss_txtBox .cmmts_footer > ul img {
  width: 20px;
  height: 20px;
  margin-right: 6px;
  cursor: pointer
}
.discuss_txtBox .cmmts_footer > ul button {
  background: #0099ff;
  border-radius: 3px;
  font-family: PingFang SC;
  font-size: 14px;
  color: #fff;
  padding: 6px 33px
}
.discuss_txtBox .cmmts_input {
  position: relative;
  width: 86%;
  margin: 0 auto;
  padding: 9px 14px 53px;
  background: #f3faff;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 4px;
  border: 1px solid #fff
}
.discuss_txtBox .cmmts_input.focus {
  border-color: #0099ff
}
.discuss_txtBox .cmmts_button {
  border: none;
  padding: 6px 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #fff;
  background: #0099ff;
  border-radius: 3px;
  cursor: pointer;
  min-width: 94px;
  text-align: center
}
.discuss_txtBox .cmmts_button:hover {
  background: #0099ff;
  opacity: .8
}
.discuss_txtBox .cmmts_button.disabled {
  opacity: .3;
  cursor: default
}
/*点赞评论end*/
/*评论*/
.reviewBox {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 10px;
  overflow: hidden;
  display: none
}
.comment_star {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
  display: grid;
  font-size: 12px;
  color: #999;
  margin-top: 10px;
  margin-bottom: 12px;
}
.comment_star .comment {
  width: auto;
  margin: 0 auto;
  font-size: 24px;
  color: #169BD5;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}
.comment li {
  float: left;
  margin: 0px 2px;
}
.comment_star p {
  font-size: 13px;
  width: 100%;
  margin: 0 auto;
  margin-top: 5px;
}
.reviewBox textarea {
  width: 95%;
  border-radius: 6px;
  padding: 1% 2%;
  background-color: #f8f8f8;
  line-height: 30px;
  border: 1px solid #ccc;
  margin-top: 12px;
  margin-bottom: 6px;
}
.reviewBox input {
  min-width: 100px;
  max-width: 120px;
  float: left;
  border-radius: 4px;
  padding: 0 2%;
  background-color: #f8f8f8;
  line-height: 30px;
  border: 1px solid #ccc;
}
.reviewBox .plbutton {
  line-height: 32px;
  font-size: 14px;
}
.reviewBox .plbutton input {
  min-width: 60px;
  max-width: 80px;
  float: left;
}
.reviewBox .plbutton img {
  width: 50px;
  height: 22px;
  float: left;
  margin: 4px 12px 0 10px;
  cursor: pointer;
}
.reviewBox .plbutton i {
  display: inline;
  float: left;
}
.discuss-submit {
  overflow: hidden;
  margin-right: 6%;
  float: left;
}
.discuss-cancel {
  overflow: hidden;
  float: left;
}
.reviewBox button {
  width: 100px;
  border-radius: 4px;
  line-height: 30px;
  height: 30px;
}
.discuss-submit button {
  color: #fff;
  float: right;
  background-color: #0099ff;
  border: 1px solid #0099ff;
}
.discuss-cancel button {
  color: #666;
  float: left;
  background-color: #ccc;
  border: 1px solid #ccc;
}
/*软件预约弹窗*/
.order_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  color: #fff;
  display: none;
  overflow-y: hidden;
}
.order_infoBox {
  width: 76%;
  height: auto;
  background: #fff;
  border-radius: 10px;
  color: #666;
  text-align: center;
  position: fixed;
  top: 30%;
  display: none;
  left: 12%;
  box-sizing: border-box;
  padding: 12px 12px;
  z-index: 100
}
.order_infoBox p {
  margin-bottom: 10px;
  width: 100%;
  overflow: hidden;
}
.order_infoBox p span {
  width: 32%;
  min-width: 72px;
  float: left;
  line-height: 30px;
}
.order_infoBox p input {
  float: left;
  width: 68%;
  box-sizing: border-box;
  height: 30px;
  border-radius: 6px;
  line-height: 30px;
  text-indent: 8px;
  border: 1px solid #999;
}
.order_infoBox p button {
  padding: 6px 20px;
  background: #0099ff;
  border: 1px solid #0099ff;
  border-radius: 6px;
  color: #fff;
}
.order_infoBox p.ord_info_tit {
  font-size: 16px;
  color: #666;
  font-weight: bold;
  margin-bottom: 16px
}
.order_close {
  width: 30px;
  height: 30px;
  color: #e8e8e8;
  font-size: 30px;
  display: block;
  position: absolute;
  left: 20px;
  top: 20px;
}
.succ_ordertips {
  position: absolute;
  top: 50px;
  display: none;
  left: 36%;
  padding: 6px 10px;
  background: rgba(198, 198, 198, 0.8);
  color: #ff0000;
  z-index: 999999;
  border-radius: 6px;
}
/* 实时热词 */
.detail_hotLabel {
  width: 100%;
  background-color: #fff;
  margin: 0 auto;
  padding: 0 0 5px 0 !important;
  position: relative !important;
  box-sizing: border-box !important;
  min-height: 120px !important;
  height: 205px !important;
  overflow: hidden !important;
}

/* 标题区域 */
.hotLabel_tit {
  position: relative;
  width: 100%;
  padding: 5px 3% 0 3% !important;
  height: 35px !important;
  line-height: 30px !important;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 10px !important;
  overflow: hidden !important;
}

.hotLabel_tit p {
  width: 100%;
  height: 30px !important;
  margin: 0 !important;
}

.hotLabel_tit span {
  display: block;
  height: 30px !important;
  line-height: 30px !important;
  color: #666;
  float: left;
  font-size: 16px !important;
  font-weight: bold;
  white-space: nowrap !important;
}

/* 标签区域 */
.tags_hotCon .PicControls {
  text-align: center;
  width: 100%;
  left: 0;
  bottom: -8px;
  position: absolute;
  height: 15px;
}
.tags_hotCon {
    padding: 5px 3%;
  box-sizing: border-box;
  border-bottom: none;
  width: 100% !important;
  overflow: hidden !important;
}

.tags_hotCon ul.hotLabel_list {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  gap: 6px !important;
  padding: 0 2% !important;
  margin: 0 !important;
  list-style: none !important;
}

.tags_hotCon ul.hotLabel_list li {
  flex: 1 1 calc(33.333% - 7px) !important;
  max-width: calc(33.333% - 7px) !important;
  height: 35px !important;
  box-sizing: border-box !important;
}

.tags_hotCon ul.hotLabel_list li a {
  display: block !important;
  margin: 0 !important;
  height: 30x !important;
  line-height: 30px !important;
  font-size: 12px !important;
  text-align: center !important;
  border-radius: 4px !important;
  background-color: #fcfcfc !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  padding: 0 4px !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}

.tags_hotCon ul.hotLabel_list li a:hover {
  transform: translateY(-2px);
  filter: brightness(0.95);
  box-shadow: 0 4px 6px rgba(0,0,0,0.08) !important;
}

/* 炫彩颜色 */
.tags_hotCon ul.hotLabel_list li:nth-child(8n+1) a { color: #169BD5 !important; border: 1px solid #169BD5 !important; }
.tags_hotCon ul.hotLabel_list li:nth-child(8n+2) a { color: #CC6600 !important; border: 1px solid #CC6600 !important; }
.tags_hotCon ul.hotLabel_list li:nth-child(8n+3) a { color: #009999 !important; border: 1px solid #009999 !important; }
.tags_hotCon ul.hotLabel_list li:nth-child(8n+4) a { color: #FF0000 !important; border: 1px solid #FF0000 !important; }
.tags_hotCon ul.hotLabel_list li:nth-child(8n+5) a { color: #660033 !important; border: 1px solid #660033 !important; }
.tags_hotCon ul.hotLabel_list li:nth-child(8n+6) a { color: #CC00CC !important; border: 1px solid #CC00CC !important; }
.tags_hotCon ul.hotLabel_list li:nth-child(8n+7) a { color: #0000FF !important; border: 1px solid #0000FF !important; }
.tags_hotCon ul.hotLabel_list li:nth-child(8n+0) a { color: #2c7316 !important; border: 1px solid #2c7316 !important; }

/* 小圆点 */
div.detail_hotLabel .PicControls {
  position: absolute !important;
  bottom: 0px !important;
  left: 0 !important;
  width: 100% !important;
  height: 11px !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 9999 !important;
}

div.detail_hotLabel .PicControls span {
  display: inline-block !important;
  width: 10px !important;
  height: 10px !important;
  margin: 0 4px !important;
  background: #d1d1d1 !important;
  border-radius: 50% !important;
}

div.detail_hotLabel .PicControls .active span {
  background: #ff9800 !important;
}
.tags-main_txt {
  width: 100%;
  position: relative;
}
.tags_app_info {
  width: 100%;
  overflow: hidden;
}
.tags-main_intro {
  width: 100%;
  margin-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #777;
  line-height: 22px;
}
.tags-main_txt a {
  position: absolute;
  right: 0;
  top: 0;
  background: url(../images/all_css_img.png) no-repeat -12px -1320px;
  padding-left: 20px;
  color: #777;
}
span.span_tit {
  background: url(../images/all_css_img.png) no-repeat -32px -1340px;
  padding-left: 10px;
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
span.span_tit u {
  text-decoration: none;
  color: #0099ff;
  margin: 0 4px;
}
.appmorebox .clickMore {
  width: 94%;
  margin: 0 auto;
  text-align: center;
  line-height: 36px;
  height: 36px;
  border-radius: 4px;
  background-color: #ececec;
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 10px;
}
/*评论回复*/
.discuss_Infocont li dl {
  width: 100%;
  float: left;
  padding: 10px 0 6px 10px;
  box-sizing: border-box;
  font-size: 13px;
  color: #777;
  border-top: 1px dashed #e8e8e8;
}
.discuss_Infocont li dl dt {
  line-height: 28px;
  height: 28px;
  overflow: hidden;
  padding: 0 6px;
  background: #f1f1f1;
  color: #666;
  margin-bottom: 10px;
}
.discuss_Infocont li dl dt span {
  float: left;
}
.discuss_Infocont li dl dt span b, .discuss_Infocont li dl dt span i {
  float: left;
  margin-right: 6px;
  font-style: normal;
}
.discuss_Infocont li dl dt em {
  float: right;
  font-style: normal;
  font-size: 10px;
  color: #777
}
.discuss_Infocont li dl dd {
  width: 100%;
  position: relative;
  float: left;
  box-sizing: border-box;
  font-size: 13px;
  padding: 0 6px 0 0;
  color: #666;
  line-height: 20px;
}
.tags-main-ul .tags-tlsec-box ul li {
  margin-bottom: 0px;
}
.appmorebox .tags-tlsec-box ul.hidden {
  padding-bottom: 0;
  padding-top: 0;
}
@media screen and (max-width: 320px) {
  .MLapp-infor {
    width: 70px;
    margin: 0 0% 0 0;
  }
  .MLapp-infor a {
    width: 80%;
  }
  .MLapp-infor a img {
    width: 54px;
    height: 54px;
  }
  .MLapp-name {
    width: 60px;
  }
}
@media screen and (min-width: 321px) and (max-width: 359px) {
  .MLapp-infor {
    width: 72px;
    margin: 0 0.6% 0 0;
  }
  .MLapp-infor a {
    width: 80%;
  }
  .MLapp-infor a img {
    width: 58px;
    height: 58px;
  }
  .MLapp-name {
    width: 70px;
  }
}
@media screen and (min-width: 360px) and (max-width: 386px) {
  .MLapp-infor {
    width: 76px;
    margin: 0 0.6% 0 0;
  }
  .MLapp-infor a {
    width: 96%;
  }
  .MLapp-infor a img {
    width: 58px;
    height: 58px;
  }
  .MLapp-name {
    width: 73px;
  }
}
@media screen and (min-width: 386px) {
  .MLapp-infor {
    width: 80px;
    margin: 0 7px 0 0;
  }
  .MLapp-infor a {
    width: 100%;
  }
  .MLapp-infor a img {
    width: 60px;
    height: 60px;
  }
  .MLapp-name {
    width: 80px;
  }
}
/*左侧menu*/
.ovfHiden {
  overflow: hidden;
  height: 100%;
}
.leftMenu a {
  text-decoration: none;
  display: block;
}
.menu_title {
  width: 100%;
  font-size: 16px;
  box-sizing: border-box;
  font-weight: bold;
  color: #555;
  text-align: center;
  text-indent: -41px;
  height: 46px;
  background-color: #fff;
  line-height: 46px;
  border-bottom: 1px solid #e6e6e6;
}
.menu_title img {
  width: 27px;
  height: 27px;
  float: left;
  margin-top: 10px;
  margin-left: 6px;
  margin-right: 8px;
}
.leftMenu {
  background: #fff;
  left: -1000px;
  position: fixed;
  top: 0px;
  display: block;
  height: 100%;
  width: 60%;
  min-width: 140px;
  max-width: 440px;
  z-index: 90002;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  position: fixed;
  overflow: auto;
}
.leftMenu.menu-open {
  left: 0;
}
.leftMenu ul {
  list-style: none;
  padding: 0;
  overflow: hidden;
}
.leftMenu ul li {
  position: relative;
  height: 46px;
  line-height: 46px;
  border-bottom: 1px dashed #eeeeee;
  overflow: hidden;
}
.leftMenu ul li a {
  font-size: 16px;
  display: block;
  padding-left: 60px;
  text-align: left;
}
.leftMenu li:nth-child(1) a {
  background: url(../images/xq-ico.png) 26px 14px no-repeat;
  background-size: 22px auto
}
.leftMenu li:nth-child(2) a {
  background: url(../images/xq-ico.png) 26px -26px no-repeat;
  background-size: 20px auto
}
.leftMenu li:nth-child(3) a {
  background: url(../images/xq-ico.png) 26px -73px no-repeat;
  background-size: 22px auto
}
.leftMenu li:nth-child(4) a {
  background: url(../images/xq-ico.png) 26px -126px no-repeat;
  background-size: 24px auto
}
.leftMenu li:nth-child(5) a {
  background: url(../images/xq-ico.png) 26px -140px no-repeat;
  background-size: 20px auto
}
.menu-dark-backdrop {
  background: rgba(0, 0, 0, 0);
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.menu-dark-backdrop.in {
  height: 100%;
  z-index: 90001;
  background: rgba(0, 0, 0, 0.5);
}
/* 正文图片点击放大和轮播开始 */
#mcontentbos {
  width: 100%;
  padding: 0 3%;
  box-sizing: border-box;
  background-color: #fff;
  height: auto;
  padding-top: 4px;
  padding-bottom: 12px;
  overflow: hidden;
  position: relative;
  zoom: 1;
}
.imgbox {
  position: relative;
}
#wrapper {
  width: 100%;
  float: left;
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding: 8px 0 6px 0;
}
#scroller {
  width: 3000px;
  height: 100%;
  float: left;
}
#scroller ul {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
#scroller li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  width: 145px;
  text-align: center;
  margin-right: 5px;
}
#scroller li img {
  border-radius: 4px;
  width: 145px;
}
/*正文内容点击图片放大*/
.swiper-container {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.swiper-slide {
  display: block;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-container-horizontal > .swiper-pagination {
  bottom: 6px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  margin: 0 2px;
  border-radius: 100%;
  background: #fff;
}
.swiper-pagination-bullet-active {
  background-color: #ff8800 !important;
}
.light-box {
  position: fixed;
  top: 0;
  z-index: 999999999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .9)
}
.light-box > div {
  height: 100%;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}
.light-box ul, .light-box li {
  height: 100%;
  width: 100%;
}
.light-box .swiper-slide img {
  line-height: 100%;
  max-width: 100%;
  max-height: 80%;
}
.light-box .swiper-slide {
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}
.light-box .swiper-container-horizontal > .swiper-pagination {
  right: 2rem !important;
  top: 2rem !important;
  display: inline;
  width: auto;
  height: 1.8rem;
  text-align: right;
  color: #c5c5c5;
  font-style: italic;
}
.light-box .swiper-pagination-current {
  font-size: 1.8rem;
  color: #fff;
}
.light-box .close {
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  position: absolute;
  left: 1rem;
  top: 2rem;
  font-size: 0;
  z-index: 99999;
  cursor: pointer;
}
.light-box .close:before, .light-box .close:after {
  content: '';
  position: absolute;
  left: 1.2rem;
  top: .2rem;
  display: block;
  width: .13rem;
  height: 1.8rem;
  background: #ccc;
  font-size: 0;
  vertical-align: middle;
}
.light-box .close:before {
  -webkit-transform: rotate(45deg);
}
.light-box .close:after {
  -webkit-transform: rotate(-45deg);
}
/* 轮播结束 */
/*软件详情关联软件*/
.rela_div_app {
  width: 100%;
  overflow: hidden;
}
.rela_deta_list {
  padding: 0 3%;
  width: 100%;
  border: 1px solid #e8e8e8;
  box-sizing: border-box;
  margin: 10px auto;
}
.rela_div_app ul.rela_deta_list li {
  width: 100%;
  padding: 10px 0;
  overflow: hidden;
  zoom: 1;
  position: relative;
  border-bottom: 1px dashed #e8e8e8;
}
.rela_div_app ul.rela_deta_list li:last-child {
  border-bottom: none
}
.rela_div_app ul.rela_deta_list li .rela_deta_img {
  margin-right: 10px;
  display: block;
  width: 66px;
  float: left;
  height: 66px;
  position: relative;
}
.rela_div_app ul.rela_deta_list li img {
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  min-width: 100%;
  top: 0;
  left: 50%;
  height: 66px;
  transform: translateX(-50%);
  margin: 0 auto;
  ;
}
.rela_div_app ul.rela_deta_list li p {
  -webkit-box-flex: 1;
  color: #777;
  overflow: hidden;
  padding-right: 80px;
  height: 65px;
}
.rela_div_app ul.rela_deta_list li p a {
  display: block;
  height: 22px;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  color: #000;
}
.rela_div_app ul.rela_deta_list li p span {
  display: block;
  line-height: 20px;
  height: 20px;
  letter-spacing: 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font: 12px "\5FAE\8F6F\96C5\9ED1";
}
.rela_div_app ul.rela_deta_list li p u {
  margin-right: 6px;
  padding-right: 6px;
  letter-spacing: 0px;
  border-right: 1px solid #d9d9d9;
  text-decoration: none;
  font-size: 13px;
}
.rela_div_app ul.rela_deta_list li p .size {
  border-right: none;
  margin-left: 4px;
}
.rela_div_app ul.rela_deta_list li p u:last-child {
  border-right: none;
}
.rela_div_app ul.rela_deta_list li p .star {
  display: block;
  height: 16px;
  margin: 4px;
  line-height: 16px;
  margin-left: 0;
}
.rela_div_app ul.rela_deta_list li p .star span {
  width: 75px;
  height: 14px;
  background: url(../images/litterStar.png) no-repeat;
  display: inline-block;
}
.rela_div_app ul.rela_deta_list li p .star span.star0 {
  background-position: 0 0;
}
.rela_div_app ul.rela_deta_list li p .star span.star1 {
  background-position: 0 -26px;
}
.rela_div_app ul.rela_deta_list li p .star span.star2 {
  background-position: 0 -52px;
}
.rela_div_app ul.rela_deta_list li p .star span.star3 {
  background-position: 0 -78px;
}
.rela_div_app ul.rela_deta_list li p .star span.star4 {
  background-position: 0 -104px;
}
.rela_div_app ul.rela_deta_list li p .star span.star5 {
  background-position: 0 -130px;
}
.rela_div_app ul.rela_deta_list li p .star span.lstar0 {
  background-position: 0 0;
}
.rela_div_app ul.rela_deta_list li p .star span.lstar1 {
  background-position: 0 -26px;
}
.rela_div_app ul.rela_deta_list li p .star span.lstar2 {
  background-position: 0 -52px;
}
.rela_div_app ul.rela_deta_list li p .star span.lstar3 {
  background-position: 0 -78px;
}
.rela_div_app ul.rela_deta_list li p .star span.lstar4 {
  background-position: 0 -104px;
}
.rela_div_app ul.rela_deta_list li p .star span.lstar5 {
  background-position: 0 -130px;
}
.rela_div_app ul.rela_deta_list li .rela_deta_btn {
  width: 70px;
  height: 32px;
  display: inline-block;
  border-radius: 32px;
  float: right;
  background-color: #0099ff;
  color: #fff;
  line-height: 32px;
  text-align: center;
  position: absolute;
  right: 0px;
  top: 24px;
}
.sfyx_info {
  width: 94%;
  margin: 0 auto;
  height: auto;
  overflow: hidden;
  padding-bottom: 10px;
}
.sfyx_info ul.sfyx_item {
  width: 100%;
  margin: 0 auto;
  height: auto;
  margin-top: -10px;
  overflow: hidden;
}
.sfyx_info ul.sfyx_item li {
  width: 100%;
  margin: 0 auto;
  height: 38px;
  line-height: 38px;
  box-sizing: border-box;
  border-bottom: 1px solid #e8e8e8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #888
}
.sfyx_info ul.sfyx_item li > span.ap_noti {
  float: left;
  margin-right: 60px;
}
.sfyx_info ul.sfyx_item li a {
  color: #0099ff;
}
.sfyx_info ul.sfyx_item li.xt {
  height: auto;
  white-space: normal;
  color: #888
}
.sfyx_info ul.sfyx_item li.xt em{
	width: 70px;
	display: inline-block;
	float: left;
}
.sfyx_info ul.sfyx_item li.xt b{
	max-width: 78%;
  font-weight: normal;
    line-height: 24px;
	margin:8px 0 6px 0;
	display: inline-block;
	float: left;
}
/*无需网络，无广告，免谷歌*/
ul.sfyx_item li.cospan span {
  color: #fff;
  display: inline-block;
  padding: 0 8px;
  font-size: 13px;
  margin-right: 10px;
  line-height: 22px;
  border-radius: 4px;
  position: relative;
  background-color: #3cb8ec;
}
ul.sfyx_item li.cospan span:last-child {
  margin-right: 0;
}
ul.sfyx_item li.cospan span i.icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  float: left;
  margin-top: 2px;
  margin-right: 3px;
  background: url("../images/cssimg.png") no-repeat;
  overflow: hidden;
}
ul.sfyx_item li.cospan span i.icon.wl {
  background-position: -101px -5px;
}
ul.sfyx_item li.cospan span i.icon.wg {
  background-position: -127px -5px;
}
ul.sfyx_item li.cospan span i.icon.mg {
  background-position: -151px -5px;
}
ul.sfyx_item li.cospan i.icon.wl_no {
  background-position: -7px -5px;
}
ul.sfyx_item li.cospan i.icon.wg_no {
  background-position: -29px -5px;
}
ul.sfyx_item li.cospan i.icon.mg_no {
  background-position: -53px -5px;
}
.readqx_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  color: #fff;
  display: none;
  overflow-y: hidden;
}
.readqx_tanchuan .readqx_tit .readqx_close {
  width: 30px;
  height: 30px;
  color: #666;
  font-size: 18px;
  transform: scale(1.5, 1);
  display: block;
  position: absolute;
  right: 8px;
  top: 10px;
  font-weight: normal;
}
.readqx_tanchuan {
  width: 90%;
  display: none;
  height: auto;
  background: #fff;
  border-radius: 10px;
  color: #666;
  text-align: center;
  position: fixed;
  top: 22%;
  left: 5%;
  box-sizing: border-box;
  padding: 12px 12px;
  z-index: 100;
}
.readqx_tanchuan pre {
  font-size: 15px;
  font-family: 微软雅黑;
  line-height: 24px;
}
.readqx_tanchuan .readqx_tit {
  font-size: 16px;
  color: #666;
  font-weight: bold;
  padding-bottom: 12px;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 10px;
  width: 100%;
  overflow: hidden;
}
.readqx-form {
  max-height: 360px;
  overflow: auto;
  font-size: 15px;
  text-align: left;
  line-height: 30px;
}
/*豌豆荚下载*/
.mobLgBox {
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  overflow: hidden;
}
.mobLg_bg {
  width: 96%;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #e7e7e7;
  margin-top: 8px;
  margin-bottom: 8px;
  box-sizing: border-box;
  padding: 4px 6px 10px 6px;
  position: relative;
}
.mobLgBox .mobLgCont {
  box-sizing: border-box;
  padding: 0 2%;
  width: 100%;
  line-height: 22px;
  color: #999999;
  font-size: 14px;
}
.mobLgBox .wdj_xz_btn.wdj_xz_safe .new-btn {
  float: right;
  width: 60%;
  background-color: #0099ff;
  color: #fff;
  border-radius: 36px;
  border-radius: 4px;
}
.mobLgBox .wdj_xz_btn .new-btn {
  float: right;
  width: 60%;
  border-radius: 4px;
}
.app-info .mobLgIn {
  position: absolute;
  top: 24px;
  right: 0;
  -ms-flex: none;
  flex: none;
  height: 72px;
  overflow: hidden;
}
.mobLgIn {
  width: 100%;
  padding: 0 2%;
  box-sizing: border-box;
  background-color: #fff;
  padding-top: 6px;
  padding-bottom: 6px;
  -ms-flex: none;
  flex: none;
  overflow: hidden;
}
.mobLgIn span.chckBox {
  display: block;
  float: left;
  margin-top: 10px;
  width: 36%;
}
.mobLgIn span.chckBox input[type="checkbox"] {
  width: 12px;
  height: 12px;
  visibility: visible;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 12px;
  margin: 2px 8px 0 0;
  position: relative;
}
.mobLgIn span.chckBox input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  border: 1px solid #CACDCF
}
.mobLgIn span.chckBox input[type="checkbox"]:checked::before {
  content: "\2713";
  background-color: #2196F3;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border: 1px solid #2196F3;
  font-size: 12px;
  font-weight: bold;
}
.mobLgIn span.chckBox h3 {
  color: #c1c1c1;
  font-weight: 300;
  float: left;
  font-size: 14px;
  padding-top: 1px;
}
/*下载新样式*/
.mobLgBox .downAddress {
	width: auto;
    height: auto;
    margin: 12px 12px 10px;
    display: flex;
    overflow: hidden;
}
.downAddress .pt_down{
	width: 44%;
    height: 42px;
    line-height: 42px;
    font-size: 15px;
    font-weight: normal;
    color: #0099ff;
    text-align: center;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #b9b9b9;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    margin-left: 0;
}
.downAddress .safe_down{
	width: auto;
    height: 42px;
    line-height: normal;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    background: #0099ff;
    margin: 0 0 0 10px;
    flex: 1;
    display: block;
    overflow: hidden;
}
.safe_down strong{
	width: 100%;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
	line-height: 23px;
	height: 21px;
    text-align: center;
    display: block;
    overflow: hidden;
}
.safe_down b{
	width: 100%;
    font-size: 12px;
	line-height: 21px;
	height: 21px;
    font-weight: normal;
    color: #e6f5ff;
    text-align: center;
    display: block;
    overflow: hidden;
}
.quiclyTips{
	width: auto;
    height: auto;
    padding: 0 0 0;
    margin: 0 12px 12px;
    display: block;
    overflow: hidden;
    position: relative;
}
.quiclyTips p{
	width: 100%;
    height: auto;
    line-height: 20px;
    font-size: 12px;
    color: #888;
    padding: 3px 10px;
    box-sizing: border-box;
    background: #f9fdff;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: block;
    overflow: hidden;
}
.quiclyTips p strong{
	font-weight: normal;
    color: #FF6F6F;
}
/**微信样式**/
.mask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  background: rgba(0, 0, 0, .2);
}
.main-bg {
  z-index: 999999999;
  background-color: #000;
  opacity: 0.8;
  text-align: center
}
.main-bg img {
  width: 280px;
}
/*游戏攻略*/
ul.glTxt_ul {
  width: 100%;
  padding: 0 3%;
  box-sizing: border-box;
  padding-bottom: 16px;
  overflow: hidden;
}
ul.glTxt_ul li::before {
  content: "";
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 16px;
  width: 7px;
  height: 7px;
  position: absolute;
  left: 2px;
  top: 13px;
  background-color: #ddd;
}
ul.glTxt_ul li {
  position: relative;
  font-size: 15px;
  border-bottom: 1px dashed #f0f0f0;
  padding: 7px 10px;
  overflow: hidden;
}
ul.glTxt_ul li a {
  display: inline-block;
  overflow: hidden;
  margin-left: 10px;
  max-width: 86%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.moreDiscuss {
  width: 100%;
  color: #666;
  float: left;
  margin: 0 auto;
  text-align: center;
  line-height: 36px;
  height: 36px;
  border-radius: 4px;
  background-color: #ececec;
  font-size: 14px;
}
/*详情页礼包信息*/
.apde_gift {
  width: 94%;
  margin: 0 auto;
  height: auto;
  overflow: hidden;
  padding-bottom: 10px;
}
.apde_gift .gf_code {
  margin: 0 auto;
  margin-top: -6px;
  width: 100%;
  line-height: 38px;
  box-sizing: border-box;
  border-bottom: 1px solid #e8e8e8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #888;
  position: relative;
}
.gf_code em {
  float: left;
}
.gf_code .codeSw {
  overflow: hidden
}
.apde_gift .gf_code button {
  margin-top: 10px;
  margin-left: 4px;
  padding: 2px 10px;
  border: 1px solid #999;
  border-radius: 4px;
  background-color: #999;
  color: #fff;
  font-size: 12px;
}
.apde_gift .gf_code button.fzbtn, .apde_gift .gf_code button.lqbtn {
  border: 1px solid #f50;
  background-color: #f50;
}
.apde_gift .codeSw button {
  position: absolute;
  right: 0;
}
.intro-txt {
  overflow: hidden;
  margin: 0 0 10px 0;
  text-indent: 1px;
  font-size: 15px;
  line-height: 30px;
}
.intro-txt p.itTit {
  width: 100%;
  display: block;
  height: 30px;
  margin-bottom: 0;
  border-radius: 26px;
  color: #f50;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px
}
.jptjlist {
  width: 96%;
  margin: 10px auto;
  overflow: scroll;
}
/*游戏佳作*/
.hotRec_appBox {
  width: 96%;
  margin: 0 auto;
  overflow: scroll;
}
ul.hotRec_appUl {
  width: auto;

  display: -ms-flexbox;
  display: flex;
  padding: 0 0 0 6px;
  box-sizing: border-box;
}
ul.hotRec_appUl li {
  width: 166px;
  height: 184px;
  float: left;
  margin-bottom: 10px;
}
ul.hotRec_appUl li a {
  width: 150px;
  height: 180px;
  display: inline-block;
  margin: 6px 16px 6px 0;
  border-radius: 4px;
  box-shadow: 0 0 5px 2px rgb(0 0 0 / 6%);
}
ul.hotRec_appUl li .photo {
  width: 88px;
  margin: 12px auto 0;
  height: 88px;
}
ul.hotRec_appUl li .photo a {
  display: block;
}
ul.hotRec_appUl li .photo img {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #eee;
  height: 100%;
  border-radius: 20px;
}
ul.hotRec_appUl li .msg {
  width: 150px;
  text-align: center;
  padding: 9px 6px 0 6px;
  box-sizing: border-box
}
ul.hotRec_appUl li .msg p {
  color: #333;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 8px;
  height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ul.hotRec_appUl li .msg span {
  color: #666;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 8px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
.hotLabel_tit span em {
  color: #0099ff;
  margin-left: 2px;
}
.hotRec_appBox2 {
  width: 94%;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 12px;
}
ul.hotRec_appUl2 {
  width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
}
ul.hotRec_appUl2 li {
  width: 100%;
  padding: 10px 0;
  overflow: hidden;
  zoom: 1;
  position: relative;
  border-bottom: 1px dashed #e8e8e8;
}
ul.hotRec_appUl2 li .img {
  margin-right: 12px;
  display: block;
  width: 62px;
  float: left;
  height: 62px;
}
ul.hotRec_appUl2 li img {
  width: 62px;
  height: 62px;
  border-radius: 6px;
}
ul.hotRec_appUl2 li p {
  -webkit-box-flex: 1;
  color: #777;
  overflow: hidden;
  padding-right: 66px;
  height: 62px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ul.hotRec_appUl2 li p a {
  display: block;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  font-size: 16px;
  color: #333;
}
ul.hotRec_appUl2 li p span {
  width: 100%;
  display: block;
  height: 20px;
  color: #666;
  overflow: hidden;
  margin-top: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font: 13px "\5FAE\8F6F\96C5\9ED1";
}
ul.hotRec_appUl2 li .apBtn {
  width: 62px;
  height: 26px;
  line-height: 26px;
  font-size: 13px;
  display: block;
  border-radius: 20px;
  border: #e3f4ff 1px solid;
  text-align: center;
  color: #0099ff;
  background-color: #e3f4ff;
  font-style: normal;
  position: absolute;
  right: 0px;
  top: 30px;
}
footer {
  margin-top: 10px;
}
/*top video*/
.down-video {
  display: block;
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  margin: 0 auto;
  padding-bottom: 6px;
  position: relative;
  height: 220px;
  overflow: hidden;
  z-index: 6;
}
.down-video iframe {
  width: 100%;
  height: 220px;
  z-index: 6;
}
.videoTC {
  border-radius: 4px;
  position: fixed;
  top: 46px;
  overflow: hidden;
}
.vd_close {
  width: 30px;
  height: 22px;
  color: #fff;
  border-radius: 4px;
  overflow: hidden;
  font-size: 14px;
  line-height: 22px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  font-weight: normal;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 99999999;
  display: none;
  text-align: center;
}
.vd_close span {
  display: inline-block;
  transform: scale(1.4, 1);
}
/*相关合集slide*/
.projCont {
  width: 100%;
  padding: 16px 0 0 0;
  background-color: #fff;
  box-sizing: border-box;
  overflow: hidden;
}
#hejiCar {
  position: relative;
  padding-bottom: 10px;
}
#hejiCar.swiper-container {
  padding-bottom: 20px;
  position: relative;
}
#hejiCar .swiper-pagination-bullet {
  width: 12px;
  height: 8px;
  margin: 0 6px;
  border-radius: 4px;
  display: inline-block;
  background: #a3b2b3;
  opacity: 1;
}
#hejiCar .swiper-pagination-bullet-active {
  width: 18px;
  height: 8px;
  opacity: 1;
  margin: 0 6px;
  border-radius: 4px;
  background: #66cccc;
}
#hejiCar .swiper-slide {
  padding: 0 12px;
  box-sizing: border-box;
}
.pro_banImg {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 12px;
  padding-bottom: 12px;
  overflow: hidden;
  border-bottom: 1px dashed #eee;
}
.pro_banImg a.img {
  width: 140px;
  display: block;
  margin-right: 10px;
  height: 84px;
  float: left;
  border-radius: 4px;
}
.pro_banImg a.img img {
  display: block;
  width: 140px;
  float: left;
  border-radius: 4px;
  height: 84px;
  position: relative;
}
.pro_banImg a.pro_name {
  color: #444;
  display: block;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 10px;
  font-weight: bold;
}
.pro_banImg .pro_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pro_banImg .pro_sum {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pro_banImg p.sum {
  font-size: 14px;
  color: #777;
  height: 66px;
  line-height: 22px;
  display: -webkit-box;
  display: -moz-box;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 3; /*控制文本行数，多少行以后开始省略号 */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.pro_banImg p.alu {
  -webkit-box-flex: 1;
  color: #999;
  display: block;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
}
.alu em {
  color: #ff0000;
}
.alu a {
  float: right;
  text-align: right;
  color: #999;

}
.xbrecBox {
	width:100%;
	overflow: hidden;
	font-size: 16px;
	color: #666;
	position: relative;
	text-align: center;
	margin-top: 6px;
	box-sizing: border-box;
	display: inline-table;
}
.xbrecBox span{
	max-width:100%;
	box-sizing: border-box;
	line-height: 26px;
	font-size: 15px;
	color: #666;
	font-weight: bold;
	overflow: hidden;
}
.xbrecBox em{
	display: inline-block;
	color: #bbb;
	text-align: center;
	overflow: hidden;
	content: "";
    width: 10px;
    height: 10px;
    position: relative;
    vertical-align: top;
    background-image: url("../images/cssimg.png");
	font-size: 0;
}
.xbrecBox em:first-child{
    background-position: -5px -30px;
    margin-right: 6px;
}
.xbrecBox em:last-child{
    background-position: -22px -30px;
    margin-left: 6px;
}





/* ===== app-info ===== */
.app-info{
    width:100%;
    padding:16px 3%;
    box-sizing:border-box;
    background:#fff;
    overflow:hidden;
    margin:0 auto 12px;
    position:relative;
    border-radius:12px;
}

/* ===== 左侧图标 ===== */
.app-icon{
    width:84px;
    height:84px;
    border-radius:16px;
    float:left;
    overflow:hidden;
    position:relative;
    background:#f5f5f5;
}

.app-icon img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:16px;
    display:block;
}

/* ===== 右侧信息 ===== */
.app-detail{
    margin-left:98px;
    text-align:left;
    min-height:84px;
}

/* ===== 标题区域 ===== */
.app_nameBox{
    width:100%;
    overflow:hidden;
    margin-bottom:10px;
}

/* ===== 标题 ===== */
.app_detaTit{
    font-size:20px;
    line-height:28px;
    font-weight:700;
    color:#222;
    margin:0;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:normal;
    max-width:100%;
}

/* ===== 标题附加标签 ===== */
.app_nameBox span{
    display:inline-block;
    margin-left:6px;
    font-size:13px;
    color:#888;
    font-weight:normal;
}

/* ===== 官方标签 ===== */
.app_nameBox em.gf_sign{
    display:inline-block;
    background:#2a7cff;
    border-radius:4px;
    color:#fff;
    padding:2px 6px;
    font-size:12px;
    margin-left:8px;
    vertical-align:middle;
}

/* ===== 基础信息区域 ===== */
.app-detail-size{
    display:flex;
    flex-wrap:wrap;
    font-size:13px;
    color:#666;
    line-height:24px;
}

/* ===== 每一项 ===== */
.app-detail-size p{
    width:50%;
    margin:0;
    line-height:24px;
    font-size:13px;
    color:#666;

    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

/* ===== 值颜色 ===== */
.app-detail-size span{
    color:#333;
}

/* ===== 分类链接 ===== */
.deta_type a{
    color:#2a7cff;
    text-decoration:none;
}

/* ===== 小屏适配 ===== */
@media screen and (max-width:480px){

    .app-info{
        padding:14px 3%;
        border-radius:10px;
    }

    .app-icon{
        width:76px;
        height:76px;
        border-radius:14px;
    }

    .app-icon img{
        border-radius:14px;
    }

    .app-detail{
        margin-left:88px;
        min-height:76px;
    }

    .app_detaTit{
        font-size:17px;
        line-height:24px;
    }

    .app-detail-size{
        font-size:12px;
        line-height:22px;
    }

    .app-detail-size p{
        width:50%;
        line-height:22px;
        font-size:12px;
    }
}
/* Optimized Download Buttons Styling */
html.android #download_url_show .ios-show {
    display: none !important;
}
html.ios #download_url_show .and-show {
    display: none !important;
}

#download_url_show {
    width: 100% !important;
    padding: 15px 16px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
    background: #ffffff !important;
    margin-top: 10px !important;
}

#download_url_show a.btn {
    flex: 1 1 calc(50% - 6px) !important;
    height: 48px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-align: center !important;
    border-radius: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    text-decoration: none !important;
    line-height: normal !important;
}

html.android #download_url_show a.btn.and-show {
    flex: 1 1 100% !important;
    width: 100% !important;
}

#download_url_show a.btn::before {
    content: "" !important;
    width: 25px !important;
    height: 25px !important;
    margin-right: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
}

#download_url_show a.btn-disabled.ios-show::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2386909c'%3E%3Cpath d='M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M15.97 4.17c.66-.81 1.11-1.93.99-3.06-1 .04-2.21.67-2.93 1.49-.62.69-1.16 1.84-1.01 2.96 1.12.09 2.27-.56 2.95-1.39z'/%3E%3C/svg%3E") !important;
}

#download_url_show a.btn-green.and-show::before {
    background-image: url(../images/android.png) !important;
    filter: brightness(0) invert(1) !important;
    -webkit-filter: brightness(0) invert(1) !important;
    opacity: 1.0 !important;
}

#download_url_show .btn-green {
    background: #2994FF !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(41, 148, 255, 0.2) !important;
}

#download_url_show .btn-disabled {
    background: #e5e6eb !important;
    color: #86909c !important;
    box-shadow: none !important;
    border: none !important;
    opacity: 1.0 !important;
}

#download_url_show span.tip {
    flex: 0 0 100% !important;
    display: block !important;
    text-align: center !important;
    font-size: 12px !important;
    color: #86909c !important;
    margin-top: 4px !important;
}