@charset "UTF-8";
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { font-family: "-apple-system-font", "Helvetica Neue", "Helvetica", "sans-serif", "Arial"; font-size: 16px; background-color: #ccc; color: #3f4140; -webkit-tap-highlight-color: transparent; }

body, dl, dd, p, form, h1, h2, h3, h4, h5, h6 { margin: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

ul { margin: 0; padding: 0; list-style-type: none; }

em, i { font-style: normal; }

table { border-collapse: collapse; border-spacing: 0; }

a { color: inherit; text-decoration: none; outline: none; }

img { border: 0; display: inline-block; vertical-align: top; font-size: 0; }

input, select, button, textarea { font-family: inherit; outline: 0; margin: 0; color: inherit; -webkit-appearance: none; }

article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }

input::-webkit-search-decoration, input::-webkit-search-cancel-button { display: none; }

/*** @description: 基础样式; @Author: ray; @create date: 2016-08-09;
***/

.hide { display: none !important; }

.fn-clear, .row { zoom: 1; }
.fn-clear:after, .row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.fl { float: left; display: inline; }

.fr { float: right; display: inline; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.flex, .layer .layer-btns, .navbar, .section-category .list, .top-list-body .list-hd { display: -webkit-box; display: -webkit-flex; display: flex; }

.flex-item, .layer .layer-btns .layer-btn, .navbar .nav-link { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }

.flex-wrap, .section-category .list { -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.flex-justify { -webkit-justify-content: space-between; justify-content: space-between; }

.flex-align-middle { -webkit-align-items: center; align-items: center; }

.clearfix { zoom: 1; }

.clearfix:after { clear: both; height: 0px; font-size: 0px; visibility: hidden; display: block; content: " "; }

.separator { height: 0.12rem; background-color: #d3d0d0; }

/*** @description: 按钮样式; @Author: ray; @create date: 2016-08-09;
***/
/*按钮样式*/
.btn { display: inline-block; padding: 0.08rem 0.15rem; margin-bottom: 0; font-size: 0.3rem; font-weight: 400; line-height: normal; text-align: center; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; background-color: #FFF; color: #333; border: 1px solid #E9E9E9; border-radius: 0.06rem; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.btn:active { outline: 0; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn.none { background: #ccc; border-color: #ccc; box-shadow: inset 0 0 0 transparent; }

.btn-download { width: 1.1rem; padding: 0.1rem 0; font-size: 0.28rem; background: #47b751; color: #FFF; border: none; }

.btn-blue { background-color: #47b751; border-color: #47b751; color: #FFF; }
.btn-blue:hover { background-color: #47b751; border-color: #47b751; }

.btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; }

/**** 底部推荐轮动***/
@keyframes scrollLeft { 0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); } }

html, body { height: 100%; }

@media only screen and (min-width: 320px) and (max-width: 352px) { html { font-size: 45px; } }
@media only screen and (min-width: 352px) and (max-width: 640px) { html { font-size: 50px; } }
@media only screen and (min-width: 640px) and (max-width: 750px) { html { font-size: 60px; } }
@media only screen and (min-width: 750px) { html { font-size: 100px; } }

.page { position: relative; width: 100%; min-width: 320px; min-height: 100%; max-width: 750px; margin: 0 auto; font-size: 0.26rem; background-color: #fff; overflow: hidden;}
.pages { background: #fff; padding: 5px 20px; display: flex; position: relative; }
.pages span:before { display: block; content: ''; position: absolute; right: 5px; top: 11px; width: 15px; height: 10px; background: url(../images/icon_sj.png) no-repeat; background-size: auto  100%; transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.pages > a { flex: 1; margin: 6px; display: inline-block; line-height: 30px; border-radius: 4px; background: #f6f6f6; text-align: center; color: #333; }
.pages > a:active, .pages span { background: #ddd; }
.pages > span { flex: 1; margin: 6px; display: inline-block; line-height: 30px; border-radius: 4px; text-align: center; background: #3399ff; color: #fff; font-size: 14px; position: relative; }

/*logo*/
.header {height: 1.03rem; background: #fff; position: relative;}
.header .logo {float: left; height: 100%;}
.header .logo a {padding: 0.15rem 0 0.14rem 0.14rem; display: block; height: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.header .logo a img {display: block; height: 100%;}
/*头部导航*/
.page-header { position: absolute; z-index: 200; left: 0; right: 0; height: 1.8rem; background: #FFF; -moz-transition: -moz-transform 0.3s, visibility 0.3s; -o-transition: -o-transform 0.3s, visibility 0.3s; -webkit-transition: -webkit-transform 0.3s, visibility 0.3s; transition: transform 0.3s, visibility 0.3s; }
.navbar { height: 0.8rem; line-height: 0.8rem; background-color: #47b751; }
.navbar .nav-link { font-size: 0.28rem; text-align: center; color: #d6eee6; position: relative; }
.navbar .nav-link.on { color: #fff; }
.navbar .nav-link.on:after { content: ''; width: 0.4rem; height: 0.05rem; border-radius: 0.03rem; background: #FFF; position: absolute; left: 50%; bottom: 0.08rem; margin-left: -0.2rem; }
/*首页大框架*/
.page-content { padding-top: 1.8rem; padding-bottom: 2.1rem;*position: relative; min-height: 100vh; }
/*面包屑导航*/
.breadcrumb { height: 0.68rem; line-height: 0.68rem; background: #e9e9e9; color: #999; padding-left: 0.24rem; position: relative; z-index: 10; font-size: 0.30rem; }
.breadcrumb-link { color: #666; text-decoration: none; }
.breadcrumb-separator { color: #666; margin: 0 0.1rem;}
.breadcrumb-current { color: #333; }
/*文章列表*/
.article-list { padding: 0 0.3rem; background: #FFF; position: relative; }
.article-list .list { padding-left: 0 !important; padding-right: 0 !important; }
.article-list li { display: block; padding: 0.35rem 0; overflow: hidden; position: relative; border-bottom: 1px solid #e5e5e5; }
.article-list li .con { display: flex; flex-direction: column; flex: 1; }
.article-list li .pic { width: 2.2rem; height: 1.9rem; float: left; margin-right: 0.25rem; }
.article-list li .title { font-size: 0.3rem; color: #3f4140; /*height: 0.96rem;*/ line-height: 0.48rem; overflow: hidden; margin-bottom: 0.15rem; text-align: justify; }
.article-list li .article-time { font-size: 0.24rem; color: #999; line-height: 0.36rem; margin-top: 0.1rem; }
.article-list .content-summary { font-size: 0.24rem; color: #666; line-height: 0.36rem; margin-top: 0.1rem; height: 0.72rem; overflow: hidden; text-overflow: ellipsis; }
/*文章内容页*/
.news-article { background: #FFF; margin-bottom: 0.35rem; overflow: hidden; }

/* 文章头部和内容 */
.article-header { padding: 0.25rem 0.3rem; border-bottom: 0.01rem solid #e2e7e6; }
.article-title { font-size: 0.38rem; font-weight: bold;	margin-bottom: 0.2rem; color: #333; word-wrap: break-word; }
.meta-info { font-size: 0.26rem; color: #999; }
.meta-item { margin-right: 0.2rem; }
.meta-item:after { content: "|"; margin-left: 0.3rem; }
.meta-item:last-child:after { content: "";}
.article-body { font-size: 0.28rem; line-height: 2.0; padding: 0.3rem; color: #333; }
.article-body .article-content { word-wrap: break-word; text-align: justify; }
.article-body .article-content h3 { font-size: 0.34rem; font-weight: bold; background: #f6f6f6 no-repeat 2rem 2rem; margin: 0.1rem 0; color: #0bbe63; text-indent: 0.2rem; }
.article-body .article-content img { max-width: 100%; max-height: 100%; width: auto; height: auto; display: block; margin: 0 auto; margin-top: 0.3rem; margin-bottom: 0.3rem; }

/*相关推荐头部*/
.section { background: #FFF; }
.section-hd { height: 0.9rem; line-height: 0.9rem; padding: 0 0.3rem; position: relative; z-index: 100; }
.section-hd + .article-list { margin-top: -0.2rem; }
.section-hd .title { font-size: 0.34rem; font-weight: bold; color: #3f4140; }
.section-hd .more { position: absolute; top: 0; right: 0.1rem; padding: 0 0.2rem; font-size: 0.24rem; color: #47b751; }
/*文章推荐列表*/
.strategy-list { padding: 0 0.3rem; }
.strategy-list .list { overflow: hidden; }
.strategy-list .item { line-height: 0.5rem;	margin-bottom: 0.2rem; padding-left: 0.26rem; position: relative; border-bottom: 1px dashed #ccc;  /* 添加底部虚线 */}
.strategy-list .item::before { content: "·";  font-size: 0.5rem; position: absolute; left: 0; top: 50%;	transform: translateY(-50%); }
.strategy-list .tit { font-size: 0.3rem; margin-right: 0.3rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.strategy-list .date { color: #a5a8a6; font-size: 0.24rem; }
/*软件推荐列表*/
.soft-list { background: #FFF; padding: 0.1rem 0; }
.soft-list .list { overflow: hidden; }
.soft-list .item { width: 25%; float: left; text-align: center; position: relative; margin-bottom: 0.15rem; }
.soft-list .pic { display: block; margin: 0 auto; width: 1.3rem; height: 1.3rem; border-radius: 0.2rem; }
.soft-list .tit { font-size: 0.24rem; color: #686b6a; line-height: 0.32rem; padding: 0 0.2rem; overflow: hidden; margin-top: 0.1rem; white-space: nowrap; text-overflow: ellipsis; }
.soft-list .tit-aline { height: 0.32rem; }
.soft-list .btn-link { vertical-align: top; margin-top: 0.15rem; margin-bottom: 0.15rem; width: 1rem; padding: 0.1rem 0; font-size: 0.24rem; background: none; border-color: #47b751; color: #47b751; }

/*软件内容页*/
.soft-info { background: #FFF; padding: 0.3rem; position: relative; }
.soft-info .bd:first-child { padding-left: 1.8rem; }
.soft-info .bd { margin-bottom: 0.3rem; }
.soft-info .ft { padding: 0 0.45rem; }
.soft-info .pic { width: 1.5rem; height: 1.5rem; float: left; border-radius: 0.32rem; margin-right: 0.3rem; position: absolute; left: 0.3rem; }
.soft-info .title { width: 100%; font-size: 0.36rem; font-weight: bold; margin-bottom: 0.15rem; }
.soft-info .content-info { overflow: hidden; }
.soft-info .item { width: 45%; font-size: 0.24rem; color: #999; height: 0.32rem; line-height: 0.32rem; margin-top: 0.08rem; margin-right: 2%; word-break: break-all; word-wrap: break-word; overflow: hidden; display: inline-block; }
.soft-info .item .label { font-weight: normal; color: #666; }
.soft-info .down { display: block; clear:both; width: 100%; height: 0.76rem; border-radius: 0.05rem; line-height: 0.76rem; color: #fff; text-align:center;font-size: 0.32rem; margin-top: 0.3rem; background-color: #47b751; border-color: #47b751; }

/*软件截图*/
.soft-focus { margin-bottom: 0.25rem; }
.soft-focus .bd { width: 100%; max-height: 4.5rem; text-align: center; overflow: hidden; }
.soft-focus .bd img { max-width: 100%; max-height: 4.5rem; }
.soft-focus .bd ul {overflow-x: auto;overflow-y: hidden;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.soft-focus .bd li {position: relative;margin-right: 6px;display: inline-block;overflow: hidden;background: #f5f5f5;}

/*软件正文*/
.soft-remark { background: #FFF; padding: 0 0.3rem; margin-bottom: 0.3rem; }
.soft-remark .content-text { position: relative; text-align: justify; text-justify: inter-ideograph; word-break: break-all; }
.soft-remark .content-text p {font-size: 0.28rem;line-height: 2.0;color: #333;}
.soft-remark .content-text h3 { font-size: 0.34rem; font-weight: bold; background: #f6f6f6 no-repeat 2rem 2rem; margin: 0.2rem 0; color: #0bbe63; text-indent: 0.2rem; }
.soft-remark .content-text strong {font-size: 0.3rem; margin: 0.1rem 0; color: #f04343;}
.soft-remark .content-text img { max-width: 100%; max-height: 100%; width: auto; height: auto !important; display: block; margin: 0 auto; margin-top: 0.3rem; margin-bottom: 0.3rem; }


/*底部热门软件推荐*/
.mobile-list .section-hd { border-bottom: 1px solid #e7e7e7; }
.mobile-list .section-ft { padding-top: 0; }
.mobile-list .soft-list2 .list { overflow: hidden; }
.mobile-list .soft-list2 .list-item { background: none; padding: 0; height: 1.35rem; margin-bottom: 0.3rem; }


/*软件其他版本*/
.soft-version-list .list { padding: 0 0.3rem; max-height: 4rem; overflow: hidden; }
.soft-version-list .item { line-height: 0.5rem; overflow: hidden; margin-bottom: 0.3rem; }
.soft-version-list .btn-download { padding: 0.09rem 0; font-size: 0.24rem; }

/*软件列表*/
.soft-list2 .list { padding: 0 0.3rem; }
.soft-list2 .list-item { height: 1.95rem; background: #f4f5f5; border-radius: 0.16rem; padding: 0.3rem; margin-top: 0.3rem; }
.soft-list2 .list-item .image-container { margin-right: 0.25rem; }
.soft-list2 .list-item .pic { display: block; width: 1.35rem; height: 1.35rem; border-radius: 0.3rem; }
.soft-list2 .list-item .content { width: 3rem; margin: 0 0.25rem; }
.soft-list2 .list-item .title { font-size: 0.3rem; height: 0.4rem; line-height: 0.4rem; overflow: hidden; }
.soft-list2 .list-item .btn-download { margin-top: 0.38rem; }
.soft-list2 .list-item .info { white-space: nowrap; color: #a5a8a6; position: relative; }
.soft-list2 .list-item .time, .soft-list2 .list-item .size, .soft-list2 .list-item .version { display: block; margin-top: 0.1rem; }
.soft-list2 .list-item .attr + .attr { margin-left: 0.34rem; }
.soft-list2 .list-item .attr + .attr:before { content: ''; position: absolute; left: -0.22rem; top: 50%; margin-top: -0.1rem; width: 1px; height: 0.2rem; background: #a5a8a6; }

/*站长推荐*/
.other-recommendations { display: flex; padding: 0 0.24rem; background: #FFF; white-space: nowrap; animation: scrollLeft 20s linear infinite;}
.other-recommendations a { color: #666; font-size: 0.24rem; margin: 0 0.2rem 0 0; white-space: nowrap; }

/*友链*/
.friend-link { background: #f4f5f5; padding-bottom: 0.15rem; }
.friend-link .section-hd .title { font-size: 0.28rem; }
.friend-link .section-bd { height: 0.64rem; padding: 0 0.1rem; overflow: hidden; margin-top: -0.15rem; }
.friend-link .section-bd ul { height: 0.64rem; line-height: 0.64rem; overflow: hidden; }
.friend-link .section-bd li { float: left; font-size: 0.24rem; color: #686b6a; padding: 0 0.2rem; }

/*页面底部*/
.page-footer { position: absolute; bottom: 0; left: 0; right: 0; height: 2.1rem; font-size: 0.22rem; background: #3f4140; color: #7d817f; padding: 0.3rem 0.3rem 0; }
.page-footer .copyright { line-height: 0.4rem; text-align: center; }

/*返回顶部*/
.gotop { display: none; width: 0.88rem; height: 0.88rem; background: url(../images/btn-up.png) no-repeat; background-size: 100%; position: fixed; bottom: 3%; right: 0.3rem; z-index: 325;}