
.recommend-list{ background:0; border:0px; position:relative;}
.recommend-list ul{ letter-spacing:-0.31em;*letter-spacing:normal;word-spacing:-0.43em; padding-top:16px; padding-bottom:18px;}
.recommend-list li{ width:85px; padding-top:5px; text-align:center; height:92px; margin:0 4px; display:inline-block;*display:inline;zoom:1; vertical-align:top;word-spacing:normal;letter-spacing:normal;}
.recommend-list li p{ line-height:1.2;}
.recommend-list li.cur{ background:#e3f8ff;}

.list-box{ width:100%; padding-top:10px; clear:both;}
.list-box dl{ width:788px; clear:both; padding:10px; border-bottom:1px solid #f2f2f2;}
.list-box dt,.list-box dd{ float:left;}
.list-box dt{ width:90px; padding-top:6px; text-align:center;}
.list-box dd{ width:600px;}
.list-box .shade-img{ background:none;}
.list-box .shade-img img{ margin-top:8px; margin-right:10px;}
.list-box dd .h2{ height:20px; padding-top:5px;}
.list-box dd .h2 em{ line-height:1.2;}
.list-box dd .h2 strong{ float:left; line-height:1.2; padding-right:6px;}
.list-box dd .h2 strong a{ font-size:14px;}
.list-box dd p{ line-height:2.2; color:#999;}
.list-box dd p em{ color:#0281b6; padding-right:5px;}
.list-box dd.dload7-btn{ width:80px; padding-top:1px; text-align:center; }

.list-box .tag{ color: #fa7b52;line-height: 26px;border: solid 1px #fa7b52;padding: 1px 4px;border-radius: 3px;margin-left: 10px;}

.clearfix:after,.soft-star:after,.recommend-list:after,.t-list:after,.list-box dl:after,.app-info:after,.introduce-txt1:after,.introduce-txt:after,.listM:after,.comment-box:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;} .clearfix{clear:both;zoom:1;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/ 
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */


.sort .top,.sort dt,.mod1,.tab li.cur,.list1 li,.list4 li em,.sort2 ul li,.sort2 .top,.lslist .dw .test,.page .pre .pr,.page .next .nx,.phb2 em,.tlcon a,.share a,.picprev strong,.picnext strong,.ytiao,.btiao,.jinshan,.xzspeed,.zsi .recom_l li,.tab2 li.cur,.tabl li.cur{background:url(https://www.52mac.com/static/add/download_icon.png) no-repeat;}

.mod1{height:29px;line-height:29px;padding:0px;background-position:0 -32px;background-repeat:repeat-x;border-bottom:1px solid #dbe1e6;font-size:14px;font-weight:bold;position:relative;}


.tabl{position:absolute;left:0;top:0;height:29px;font-size:12px;font-weight:normal;}
.tabl li{float:left;padding:0 20px;height:29px;line-height:29px;text-align:center;position:relative;border-right:1px solid #dbe1e6;cursor:pointer;color:#133879;font-size:14px;}
.tabl li.cur{height:30px;bottom:0;font-weight:bold;background-position:0 -62px;background-repeat:repeat-x;background-color:#fff;}

.renqi{
	margin:0px;
	color: #717171;
}

.soft-description {
	line-height:2.3; width:570px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
}

.downbutton {
    font-size: 14px;
    height: 27px;
    line-height: 27px;
	margin: 0;
    padding: 0 20px;
	border-radius: 4px;
  text-align: center;
  display: inline-block;
  appearance: none;
  cursor: pointer;
  border: none;
  position: relative;	
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition-property: all;
          transition-property: all;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
}

.dload7-btn a{
	text-decoration: none;
}

.button-highlight{
	background-color: #FEAE1B;
	border-color: #FEAE1B;
	color: #FFF; 
 }

.button-highlight:visited{
    color: #FFF; 
}

.button-highlight:hover, .button-highlight:focus{
    background-color: #fec254;
    border-color: #fec254;
    color: #FFF; 
}

.button-highlight:active, .button-highlight.active, .button-highlight.is-active{
    background-color: #f3ab26;
    border-color: #f3ab26;
    color: #e59501; 
}

.button-highlight:after {
  border-radius: 4px; }

 /**
	 * -----------------------------------------------------------------------
	 */

[class*="hint--"] {
  position: relative;
  display: inline-block;
  /**
	 * tooltip arrow
	 */
  /**
	 * tooltip body
	 */ }
  [class*="hint--"]:before, [class*="hint--"]:after {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms; }
  [class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
    visibility: visible;
    opacity: 1; }
  [class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    transition-delay: 100ms; }
  [class*="hint--"]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    z-index: 1000001; }
  [class*="hint--"]:after {
    background: #828282;
    color: white;
    padding: 10px 12px;
    font-size: 12px;
    line-height: 15px;
    white-space: nowrap; }
  [class*="hint--"][aria-label]:after {
    content: attr(aria-label); }
  [class*="hint--"][data-hint]:after {
    content: attr(data-hint); }

[aria-label='']:before, [aria-label='']:after,
[data-hint='']:before,
[data-hint='']:after {
  display: none !important; }


/**
 * set default color for tooltip arrows
 */

.hint--top:before {
  border-top-color: #828282; }

.hint--bottom:before {
  border-bottom-color: #828282; }

.hint--left:before {
  border-left-color: #828282; }

.hint--right:before {
  border-right-color: #828282; }

.hint--bottom-left:before {
  border-bottom-color: #828282; }

/**
 * top tooltip
 */
.hint--top:before {
  margin-bottom: -11px; }

.hint--top:before, .hint--top:after {
  bottom: 100%;
  left: 50%; }

.hint--top:before {
  left: calc(50% - 6px); }

.hint--top:after {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%); }

.hint--top:hover:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--top:hover:after {
  -webkit-transform: translateX(-50%) translateY(-8px);
  -moz-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px); }

/**
 * bottom tooltip
 */
.hint--bottom:before {
  margin-top: -11px; }

.hint--bottom:before, .hint--bottom:after {
  top: 100%;
  left: 50%; }

.hint--bottom:before {
  left: calc(50% - 6px); }

.hint--bottom:after {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%); }

.hint--bottom:hover:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

.hint--bottom:hover:after {
  -webkit-transform: translateX(-50%) translateY(8px);
  -moz-transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px); }

/**
 * bottom-left tooltip
 */
.hint--bottom-left:before {
  margin-top: -11px; }

.hint--bottom-left:before, .hint--bottom-left:after {
  top: 100%;
  left: 85%; }

.hint--bottom-left:before {
  left: calc(50% - 6px); }

.hint--bottom-left:after {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%); }

.hint--bottom-left:after {
  margin-left: 12px; }

.hint--bottom-left:hover:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

.hint--bottom-left:hover:after {
  -webkit-transform: translateX(-100%) translateY(8px);
  -moz-transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px); }


/**
 * Error
 */
.hint--error:after {
  background-color: #c43c3c;
  text-shadow: 0 -1px 0px #592726; }

.hint--error.hint--top-left:before {
  border-top-color: #c43c3c; }

.hint--error.hint--top-right:before {
  border-top-color: #c43c3c; }

.hint--error.hint--top:before {
  border-top-color: #c43c3c; }

.hint--error.hint--bottom-left:before {
  border-bottom-color: #c43c3c; }

.hint--error.hint--bottom-right:before {
  border-bottom-color: #c43c3c; }

.hint--error.hint--bottom:before {
  border-bottom-color: #c43c3c; }

.hint--error.hint--left:before {
  border-left-color: #c43c3c; }

.hint--error.hint--right:before {
  border-right-color: #c43c3c; }

/**
 * source: hint-color-types.scss
 *
 * Contains tooltips of various types based on color differences.
 *
 * Classes added:
 * 	1) hint--error
 * 	2) hint--warning
 * 	3) hint--info
 * 	4) hint--success
 *
 */

/**
 * Warning
 */
.hint--warning:after {
  background-color: #c09854;
  text-shadow: 0 -1px 0px #6c5328; }

.hint--warning.hint--top-left:before {
  border-top-color: #c09854; }

.hint--warning.hint--top-right:before {
  border-top-color: #c09854; }

.hint--warning.hint--top:before {
  border-top-color: #c09854; }

.hint--warning.hint--bottom-left:before {
  border-bottom-color: #c09854; }

.hint--warning.hint--bottom-right:before {
  border-bottom-color: #c09854; }

.hint--warning.hint--bottom:before {
  border-bottom-color: #c09854; }

.hint--warning.hint--left:before {
  border-left-color: #c09854; }

.hint--warning.hint--right:before {
  border-right-color: #c09854; }

