@charset "utf-8";
/* ============================================================
   系统下载港 模板样式（对标 uxitongzhijia.com 视觉风格）
   主色：#358ff0 / #01aae3 / #0093e8  背景：#f2f2f2
   ============================================================ */

/* ---------- reset ---------- */
body, button, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, td, textarea, th, ul { padding:0; margin:0 }
blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, input, legend, li, ol, p, pre, textarea, th, ul { font-style:inherit; font-weight:inherit }
h1, h2, h3, h4, h5, h6 { font-size:14px; font-weight:400 }
img, input, select { vertical-align:middle }
i, em { font-style:normal }
ol, ul { list-style:none }
a { text-decoration:none; color:#666; cursor:pointer }
a:hover { color:#0093e8 }
img { border:0 }
html { overflow-y:scroll; margin:0 auto; min-width:1100px }
body { font:14px/1.5 "PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei","Helvetica Neue",Arial,sans-serif; color:#333; background:#f2f2f2 }
.clear { clear:both }
.clearfix:after { content:"."; display:block; visibility:hidden; height:0; line-height:0; clear:both }
.clearfix { display:block }

/* ---------- 公共容器 ---------- */
.warp { width:1100px; margin:0 auto; height:100%; position:relative; overflow:hidden }
.wrap { width:1100px; margin:0 auto }

/* ---------- 头部 ---------- */
.header { height:80px; background-color:#358ff0 }
.header .logo { display:inline-block; float:left; margin-top:14px; height:52px; line-height:52px }
.header .logo .logo-flag { display:inline-block; width:30px; height:26px; margin-right:10px; vertical-align:middle;
  background:
    linear-gradient(#fff,#fff) left top/13px 11px no-repeat,
    linear-gradient(#fff,#fff) right top/13px 11px no-repeat,
    linear-gradient(#fff,#fff) left bottom/13px 11px no-repeat,
    linear-gradient(#fff,#fff) right bottom/13px 11px no-repeat;
  background-color:transparent }
.header .logo .logo-txt { font-size:26px; font-weight:700; color:#fff; letter-spacing:2px; vertical-align:middle }
.header .logo img { display:block; max-height:57px }
.header ul.nav { float:right; height:36px; padding:22px 0; display:inline-block }
.header ul.nav li { display:inline-block; float:left; margin-left:10px }
.header ul.nav li a { font-size:18px; color:#fff; height:36px; line-height:36px; padding:0 12px; border-radius:3px; display:block; white-space:nowrap }
.header ul.nav li a.active, .header ul.nav li a:hover { background-color:#2175cf; color:#fff }
.header .search { float:right; width:36px; height:36px; margin:22px 0 0 14px; text-align:center; line-height:36px; cursor:pointer; border-radius:3px }
.header .search:hover { background-color:#2175cf }
.header .search i { color:#fff; font-size:20px }

/* ---------- Banner ---------- */
.banner { height:367px; background:#f2f2f2 no-repeat center 0 }
.banner .download { padding:275px 0 0 425px }
.banner .download a { display:inline-block; font-size:20px; text-align:center; float:left }
.banner .download a:hover { font-weight:700; color:#fff }
.banner .download a+a { margin-left:30px }
/* 软件栏目用纯色渐变 banner */
.banner.banner-simple { height:200px; background:linear-gradient(120deg,#358ff0 0%,#2f9ff5 55%,#01aae3 100%) }
.banner.banner-simple .download { padding:70px 0 0 60px }
.banner.banner-simple .download a { float:none }
.banner.banner-simple .banner-slogan { position:absolute; right:30px; top:55px; color:#cfe8ff; font-size:16px; line-height:34px; text-align:right }
.banner.banner-simple .banner-slogan strong { display:block; color:#fff; font-size:34px; font-weight:700; letter-spacing:3px }

/* ---------- 雪碧图按钮/图标 ---------- */
.icon-btn1.btn-64 { background:url(../images/icon.png) no-repeat -205px -42px; width:201px; height:50px; line-height:50px; border:0; color:#fff }
.icon-btn1 { background-image:none; border:1px solid #01aae3; width:200px; height:48px; line-height:48px; color:#01aae3; border-radius:3px }
.icon-btn1:hover, .icon-btn1:active { background:url(../images/icon.png) no-repeat 0 -42px; width:201px; height:50px; line-height:50px; border:0; color:#fff }
.icon-btn2 { background:url(../images/icon.png) no-repeat 0 -142px; width:160px; height:42px; display:block; line-height:42px; text-align:center; color:#fff; font-size:16px; border-radius:2px }
.icon-btn2:hover { background:url(../images/icon.png) no-repeat -204px -96px; width:160px; height:42px; color:#fff }
.icon-btn2:active { background:url(../images/icon.png) no-repeat 0 -96px; width:160px; height:42px }
.icon-pc { background:url(../images/icon.png) no-repeat -410px -42px; width:27px; height:23px; display:inline-block }
.icon-star { background:url(../images/icon.png) no-repeat -435px -69px; width:13px; height:12px; display:inline-block }
.icon-cloud { background:url(../images/icon.png) no-repeat -441px -42px; width:24px; height:16px; display:inline-block }
.icon-xulei { background:url(../images/icon.png) no-repeat -410px -69px; width:21px; height:18px }
.icon-sj { background:url(../images/icon.png) no-repeat -452px -69px; width:12px; height:9px; display:inline-block }

/* ---------- 内容区 ---------- */
.content-box { padding-bottom:20px }
.fullslide { color:#001525; font-size:14px; height:40px; line-height:40px; background-color:#e4e4e4; padding:0 32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.fullslide .date-time { color:#01aae3; margin-left:6px }

/* ---------- 首页双栏系统列表 ---------- */
.system-box { background-color:#fff; border:1px solid #e9e9e9; margin-top:20px; margin-right:-20px }
.system-box .system { width:544px; float:left; margin:12px 14px 0 0 }
.system-box .system-item { height:62px; line-height:62px; text-align:center; position:relative }
.system-box .system-item span { font-size:20px; color:#525357; display:block; position:relative; z-index:2; background-color:#fff; width:240px; text-align:center; margin:0 auto }
.system-box .system-item span .icon-pc { margin-right:8px; vertical-align:sub }
.system-box .system-item .i-line { position:absolute; background-color:#ddd; width:80%; height:1px; top:32px; left:10% }
.system-box .system ul { padding:0 6px 6px }
.system-box .system li { width:100%; border-radius:5px; height:80px; background-color:#fff; margin-bottom:14px }
.system-box .system a { display:block; padding:10px 20px; position:relative }
.system-box .system a span { display:block; float:left }
.system-box .img-box { width:50px; height:60px; overflow:hidden; margin-right:20px; line-height:56px }
.system-box .img-box img { width:50px; height:50px }
.system-box .system .info { width:315px }
.system-box .system .info .title { height:39px; line-height:39px; color:#333; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100% }
.system-box .system a:hover .title { color:#0093e8 }
.system-box .system .info .download-num { display:inline-block; color:#a0a0a0; font-size:14px }
.system-box .system .info .download-num i { color:#fe836e; font-style:normal }
.system-box .system .info .size { display:inline-block; color:#a0a0a0; font-size:14px; margin-left:18px }
.system-box .system .download-btn { width:96px; height:36px; border-radius:2px; border:1px solid #01aae3; font-size:14px; color:#01aae3; line-height:36px; text-align:center; transition:all .2s linear; position:absolute; top:21px; right:25px; background:#fff }
.system-box .system .tj-icon { width:15px; height:18px; background:url(../images/tj-icon.png) no-repeat; display:inline-block; position:absolute; top:-1px; right:-7px }
.system-box .system a:hover .download-btn { background-color:#358ff0; color:#fff; border:1px solid #358ff0 }
.system-box .system a:active .download-btn { background-color:#2379d5; color:#fff; border:1px solid #2379d5 }

/* ---------- 列表页（系统/软件/教程通用） ---------- */
.system-list { background-color:#fff; border:1px solid #e9e9e9; padding:0 30px; margin-top:20px }
.system-list ul li { padding:30px 160px 30px 220px; border-bottom:1px dashed #dbdbdb; min-height:120px; position:relative }
.system-list ul li:last-child { border-bottom:0 }
.system-list li .img { width:200px; height:150px; position:absolute; top:30px; left:0; overflow:hidden }
.system-list li .img img { width:200px; height:150px; display:block; transition:transform .3s }
.system-list li a.img:hover img { transform:scale(1.05) }
.system-list li h2 { font-size:20px; color:#575757; line-height:28px; height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.system-list li h2 a { color:#333; font-size:20px }
.system-list li h2 a:hover { color:#0093e8 }
.system-list li p.desc { font-size:14px; color:#777; line-height:22px; margin:10px 0 14px; height:44px; overflow:hidden }
.system-list li .info { font-size:12px; color:#999aa0 }
.system-list li .info span { padding-right:14px }
.system-list li .info i { display:inline-block; vertical-align:text-top; margin-right:2px }
.system-list li .btn { border:1px solid #01aae3; font-size:14px; color:#01aae3; width:134px; height:36px; line-height:36px; display:inline-block; position:absolute; right:10px; bottom:30px; text-align:center; border-radius:2px; background:#fff }
.system-list li .btn:hover { background-color:#358ff0; color:#fff; border:1px solid #358ff0 }
.system-list li .btn:active { background-color:#2379d5; border-color:#2379d5; color:#fff }

/* 子栏目切换条 */
.post-nav { background:#fff; border:1px solid #e9e9e9; margin-top:20px; padding:12px 20px }
.post-nav span.cat-post { display:inline-block; margin:0 10px 8px 0 }
.post-nav span.cat-post a { display:inline-block; height:32px; line-height:32px; padding:0 18px; border:1px solid #d8d8d8; border-radius:16px; color:#666; font-size:14px }
.post-nav span.cat-post a:hover { border-color:#358ff0; color:#358ff0 }
.post-nav span.current a, .post-nav span.current a:hover { background:#358ff0; border-color:#358ff0; color:#fff }
.post-nav .post-nav-tip { float:right; color:#999; font-size:13px; line-height:34px }

/* ---------- 分页 ---------- */
.pages { text-align:center; padding:25px 0 10px }
.pages ul { display:inline-block }
.pages ul li { display:inline-block; margin:0 4px }
.pages ul li a, .pages ul li.thisclass { display:inline-block; min-width:34px; height:34px; line-height:34px; padding:0 10px; border:1px solid #ddd; border-radius:3px; color:#666; background:#fff; font-size:14px }
.pages ul li a:hover { border-color:#358ff0; color:#358ff0 }
.pages ul li.thisclass { background:#358ff0; border-color:#358ff0; color:#fff }

/* ---------- 面包屑 ---------- */
.bread { height:50px; line-height:50px }
.bread ul li { float:left }
.bread a, .bread li { font-size:12px; color:#595959; margin-right:4px }
.bread a:hover { color:#358ff0 }

/* ---------- 文档页布局 ---------- */
.con-box2 .warp { background-color:#fff; margin-top:10px; margin-bottom:20px; padding-bottom:25px }
.left-box { float:left; width:780px; padding:20px 0; background-color:#fff }
.left-box .dow-item { padding:0 20px; margin-bottom:10px }
.left-box .dow-item .title-box h1,
.left-box .dow-item .title-box h3 { font-size:20px; color:#333; font-weight:700; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.left-box .dow-item img.soft-img { float:left; width:200px; height:150px; margin-right:15px }
.left-box .dow-info { overflow:hidden }
.left-box .dow-info ul { margin-top:12px }
.left-box .dow-info li { float:left; margin-right:30px; min-width:140px; font-size:12px; line-height:26px; color:#999 }
.left-box .dow-info li.last { margin-top:4px; min-width:300px }
.left-box .dow-info li em { color:#666; font-style:normal }
.left-box .dow-info li .safe-jc { height:22px; vertical-align:middle }

/* 蓝色标题块 */
.left-box .item-box { padding:0 20px }
.left-box .item-box .tit { width:100%; border-bottom:1px solid #0093e8; padding-top:20px }
.left-box .item-box .tit span { display:inline-block; font-size:16px; color:#fff; line-height:32px; width:92px; text-align:center; height:32px; background-color:#0093e8; vertical-align:middle }
.left-box .item-box .tit i { padding:0 15px; color:#fe836e; font-size:14px; font-style:normal }
.left-box .item-box .m-text { margin-top:15px }
.left-box .item-box p { font-size:15px; color:#666; line-height:30px }

/* 下载地址按钮组 */
.left-box .dow-add { margin:12px -20px 0 0 }
.left-box .dow-add li { float:left; margin:10px 20px 0 0 }
.left-box .dow-add li:last-child { margin-right:0 }
.left-box .dow-add li a { width:160px; height:42px; line-height:42px; display:block; text-align:center; font-size:15px; color:#fff; border-radius:2px; background:url(../images/icon.png) no-repeat 0 -142px; position:relative; padding-left:26px; box-sizing:border-box }
.left-box .dow-add li a:before { content:""; position:absolute; left:30px; top:13px; width:24px; height:16px; background:url(../images/icon.png) no-repeat -441px -42px }
.left-box .dow-add li a:hover { background:url(../images/icon.png) no-repeat -204px -96px; color:#fff }
.left-box .dow-add li a:active { background:url(../images/icon.png) no-repeat 0 -96px }

/* 正文排版 */
.art-content { padding:5px 0 0 }
.art-content, .art-content div { font-size:15px; color:#444; line-height:1.9 }
.art-content p { line-height:1.9; margin:6px 0 }
.art-content strong { color:#2175cf; font-weight:700 }
.art-content img { max-width:100%!important; height:auto!important; border-radius:3px; margin:6px 0 }
.art-content a { color:#0093e8 }
.art-content h2, .art-content h3 { font-size:17px; font-weight:700; color:#2175cf; margin:18px 0 8px }
.art-content ul, .art-content ol { padding-left:22px; margin:8px 0 }
.art-content ul li { list-style:disc; margin:4px 0 }
.art-content ol li { list-style:decimal; margin:4px 0 }
.art-content table { max-width:100% }

/* 上一篇/下一篇 */
.pronext { clear:both; padding:20px 20px 0; font-size:14px }
.pronext .propage, .pronext .nextpage { padding:5px 0; color:#888 }
.pronext a { color:#358ff0 }
.pronext a:hover { text-decoration:underline }

/* 猜你喜欢/相关文章 */
.relate-box { clear:both; margin:20px 20px 0; border:1px solid #e9e9e9; border-radius:3px }
.relate-box .relate-tit { height:42px; line-height:42px; padding:0 16px; font-size:16px; font-weight:700; color:#333; border-bottom:1px solid #eee; background:#fafcff }
.relate-box ul { padding:8px 16px 14px }
.relate-box ul li { float:left; width:50%; height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.relate-box ul li a { color:#555; font-size:14px }
.relate-box ul li a:hover { color:#0093e8 }

/* 教程详情（嵌入 left-box） */
.art-detail { padding:0 24px }
.art-detail-title { font-size:22px; color:#333; font-weight:700; line-height:34px }
.art-detail-meta { text-align:center; color:#999; font-size:12px; padding:10px 0 16px; margin-bottom:16px; border-bottom:1px dashed #e4e4e4 }
.art-detail-meta a { color:#358ff0; margin-right:10px }
.art-detail-meta span { margin:0 8px }

/* 普通文章页（教程） */
.article-card { background:#fff; border:1px solid #e9e9e9; margin-top:10px; padding:25px 30px }
.article-card h1 { font-size:22px; color:#333; font-weight:700; line-height:34px; text-align:center }
.article-card .art-meta { text-align:center; color:#999; font-size:12px; padding:10px 0 16px; margin-bottom:16px; border-bottom:1px dashed #e4e4e4 }
.article-card .art-meta i { margin:0 4px 0 12px }
.article-card .art-body { font-size:15px; color:#444; line-height:1.9 }
.article-card .art-body p { margin:8px 0; line-height:1.9 }
.article-card .art-body img { max-width:100%!important; height:auto!important; border-radius:3px }
.article-card .art-body h2, .article-card .art-body h3 { font-size:17px; font-weight:700; color:#2175cf; margin:18px 0 8px }
.article-card .art-body a { color:#0093e8 }
.article-card .art-body ul, .article-card .art-body ol { padding-left:22px; margin:8px 0 }
.article-card .art-body ul li { list-style:disc }
.article-card .art-body ol li { list-style:decimal }

/* ---------- 右侧栏 ---------- */
.right-box { width:282px; float:right; margin-top:20px; position:relative }
.mod-aside { padding:18px 20px; background-color:#fff; border:1px solid #e9e9e9; margin-bottom:16px }
.mod-aside .tab-tit { font-size:16px; height:24px; font-weight:700; padding-bottom:12px; border-bottom:2px solid #358ff0 }
.mod-aside .tab-tit span { position:relative; height:22px; display:inline-block; color:#595959; cursor:pointer; margin-right:14px }
.mod-aside .tab-tit span i { position:absolute; bottom:-20px; left:50%; margin-left:3px; display:none }
.mod-aside .tab-tit span.cur { color:#358ff0 }
.mod-aside .tab-tit span.cur i { display:block }
.mod-aside .tab-con { display:none }
.mod-aside .tab-con.cur { display:block }
.mod-aside .tab-con li { padding:12px 0; border-bottom:1px dashed #e4e4e4; height:60px }
.mod-aside .tab-con li:last-child { border-bottom:0 }
.mod-aside .tab-con li a { display:block }
.mod-aside .tab-con li .img { width:60px; height:60px; display:block; float:left; margin-right:14px }
.mod-aside .tab-con li .img img { width:60px; height:60px }
.mod-aside .tab-con li .info { float:left; width:168px }
.mod-aside .tab-con li .name { font-size:14px; color:#333; margin-bottom:4px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.mod-aside .tab-con li .txt { font-size:12px; color:#a1a1a1; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.mod-aside .tab-con li a:hover .name { color:#358ff0 }
/* 侧栏图文列表 */
.mod-aside ul.mini-list li { height:60px; padding:10px 0; border-bottom:1px dashed #e4e4e4 }
.mod-aside ul.mini-list li:last-child { border-bottom:0 }
.mod-aside ul.mini-list li a { display:block }
.mod-aside ul.mini-list li .img { width:60px; height:60px; float:left; margin-right:14px }
.mod-aside ul.mini-list li .img img { width:60px; height:60px }
.mod-aside ul.mini-list li .info { float:left; width:168px }
.mod-aside ul.mini-list li .name { font-size:14px; color:#333; margin-bottom:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.mod-aside ul.mini-list li .txt { font-size:12px; color:#a1a1a1; height:20px; line-height:20px }
.mod-aside ul.mini-list li a:hover .name { color:#358ff0 }
/* 排行榜样式侧栏 */
.mod-aside .rank-tit { font-size:16px; font-weight:700; color:#333; height:24px; line-height:24px; padding-bottom:12px; border-bottom:2px solid #358ff0; margin-bottom:4px }
.mod-aside ul.rank-list li { height:28px; line-height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px }
.mod-aside ul.rank-list li em { display:inline-block; width:18px; height:18px; line-height:18px; text-align:center; background:#c9d6e2; color:#fff; font-size:12px; border-radius:2px; margin-right:8px; font-style:normal }
.mod-aside ul.rank-list li:nth-child(1) em,
.mod-aside ul.rank-list li:nth-child(2) em,
.mod-aside ul.rank-list li:nth-child(3) em { background:#358ff0 }
.mod-aside ul.rank-list li a { color:#555 }
.mod-aside ul.rank-list li a:hover { color:#0093e8 }
/* 标签云 */
.mod-aside .tag-items a { display:inline-block; border:1px solid #e0e0e0; color:#777; font-size:13px; padding:3px 12px; border-radius:14px; margin:0 8px 8px 0 }
.mod-aside .tag-items a:hover { background:#358ff0; border-color:#358ff0; color:#fff }

/* ---------- 软件页应用推荐条 ---------- */
.app-row { background:#fff; border:1px solid #e9e9e9; margin-top:20px; padding:16px 10px 6px }
.app-row .image-item { width:96px; float:left; margin:0 6px 12px; text-align:center }
.app-row .image-item img { width:60px; height:60px; display:block; margin:0 auto 6px }
.app-row .image-item h4 { font-size:12px; color:#555; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.app-row .image-item a:hover h4 { color:#0093e8 }

/* ---------- 页脚 ---------- */
.footer { padding:27px 0; background:#fff; border-top:1px solid #e5e5e5 }
.footer p { text-align:center; font-size:12px; color:#82848a; line-height:22px }
.footer a { color:#82848a }
.footer a:hover { color:#358ff0 }
.footer .nav-footer { text-align:center; padding-bottom:8px }
.footer .nav-footer a { margin:0 8px }
.footer .links-footer { text-align:center; padding-top:8px }
.footer .links-footer span { color:#a0a0a0 }

/* ---------- 返回顶部 ---------- */
.backtop { position:fixed; right:24px; bottom:60px; width:46px; height:46px; line-height:46px; text-align:center; background:#358ff0; color:#fff; border-radius:50%; cursor:pointer; opacity:0; visibility:hidden; transition:all .3s; z-index:998; box-shadow:0 2px 8px rgba(53,143,240,.4) }
.backtop i { font-size:22px; color:#fff }
.backtop.cd-is-visible { opacity:1; visibility:visible }
.backtop:hover { background:#2175cf }

/* ---------- 搜索浮层 ---------- */
.search-box { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,.97); z-index:999 }
.search-box .search-close { position:absolute; right:40px; top:30px; width:44px; height:44px; line-height:44px; text-align:center; cursor:pointer }
.search-box .search-close i { font-size:28px; color:#999 }
.search-box .search-close:hover i { color:#358ff0 }
.search-box .search-con { width:700px; margin:160px auto 0 }
.search-box dl.se { position:relative }
.search-box .search-keyword { width:620px; height:54px; line-height:54px; border:2px solid #358ff0; border-radius:4px 0 0 4px; padding:0 16px; font-size:16px; outline:none; float:left }
.search-box dd { float:left }
.search-box dd button { width:76px; height:58px; background:#358ff0; border:0; border-radius:0 4px 4px 0; cursor:pointer }
.search-box dd button i { color:#fff; font-size:22px }
.search-box .search-tips { clear:both; padding:26px 0 10px; color:#999 }
.search-box .search-as a { display:inline-block; padding:5px 14px; margin:0 10px 10px 0; color:#666; border:1px solid #e4e4e4; border-radius:16px }
.search-box .search-as a:hover { color:#358ff0; border-color:#358ff0 }

/* ---------- 标签页/搜索结果提示 ---------- */
.list-tip { background:#fff; border:1px solid #e9e9e9; margin-top:20px; padding:14px 24px; font-size:15px; color:#555 }
.list-tip strong { color:#358ff0; font-weight:700 }

/* ---------- 单页（关于我们等） ---------- */
.single-card { background:#fff; border:1px solid #e9e9e9; margin-top:10px; padding:25px 30px }
.single-card h1 { font-size:22px; color:#333; font-weight:700; line-height:34px; margin-bottom:16px }
.single-card .art-body { font-size:15px; color:#444; line-height:1.9 }
.single-card .art-body p { margin:8px 0 }
.single-card .art-body img { max-width:100%!important; height:auto!important }
.single-card .art-body a { color:#0093e8 }
/* 标签云（独立页） */
.tag-group { margin-bottom:24px }
.tag-group h2 { font-size:16px; font-weight:700; color:#2175cf; border-left:4px solid #358ff0; padding-left:10px; margin-bottom:12px; line-height:18px }
.tag-cloud a { display:inline-block; border:1px solid #e0e0e0; color:#777; font-size:13px; padding:5px 14px; border-radius:15px; margin:0 8px 10px 0 }
.tag-cloud a:hover { background:#358ff0; border-color:#358ff0; color:#fff }
/* 教程正文通用排版 */
.art-detail .art-body { font-size:15px; color:#444; line-height:1.9 }
.art-detail .art-body p { margin:8px 0; line-height:1.9 }
.art-detail .art-body img { max-width:100%!important; height:auto!important; border-radius:3px }
.art-detail .art-body h2, .art-detail .art-body h3 { font-size:17px; font-weight:700; color:#2175cf; margin:18px 0 8px }
.art-detail .art-body a { color:#0093e8 }
.art-detail .art-body ul, .art-detail .art-body ol { padding-left:22px; margin:8px 0 }
.art-detail .art-body ul li { list-style:disc }
.art-detail .art-body ol li { list-style:decimal }