@charset "UTF-8";
/*** @description: 变量; @Author: ray; @create date: 2016-08-09;
***/
/***
	@description: 重置样式;
	@Author: ray;
	@create date: 2015-07-31;
***/
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: #333; text-decoration: none; outline: none; }
a:hover { color: #FD3939; }

img { border: 0; }

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

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

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #999; opacity: 1; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; }

body > div[id^=_] { display: none !important; }

/*** @description: 基础样式; @Author: ray; @create date: 2016-08-09;
***/
.hide { display: none; }

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

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

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

.red { color: #FD3939; }

.blue { color: #00aaf5; }

/*** @description: 按钮样式; @Author: ray; @create date: 2016-08-09;
***/
.btn { display: inline-block; padding: 2px 12px; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; color: #3486c3; border: 1px solid #3486c3; border-radius: 2px; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.btn:hover { background-color: #3486c3; color: #fff; }
.btn:active { outline: 0; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn-blue { background-color: #00aaf5; color: #fff; }
.btn-blue:hover { background-color: #3C7FFA; border-color: #3C7FFA; }

.btn-green { background-color: #3486c3; border-color: #3486c3; color: #fff; }
.btn-green:hover { background-color: #1c8be6; border-color: #1c8be6; }

/*** @description: 动画; @Author: ray; @create date: 2016-08-09;
***/
@-webkit-keyframes rotate { 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes rotate { 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes rolling { 100% { -moz-transform: translateY(145px); -ms-transform: translateY(145px); -webkit-transform: translateY(145px); transform: translateY(145px); } }
@keyframes rolling { 100% { -moz-transform: translateY(145px); -ms-transform: translateY(145px); -webkit-transform: translateY(145px); transform: translateY(145px); } }
.icon-sprite, .icon-aos, .icon-arrow, .icon-arrow2-on, .icon-arrow2, .icon-code, .icon-down, .icon-game-top, .icon-high, .icon-home, .url-here:before, .icon-hot, .index-focus-tabs .bd ul + ul:before, .icon-ios, .icon-new, .index-focus-tabs .bd ul:before, .icon-next, .icon-num-bg, .icon-prev, .icon-s-app, .icon-s-game, .icon-s-news, .icon-s-pc, .icon-tab1-on, .icon-tab1, .icon-tab2-on, .icon-tab2, .icon-tab3-on, .icon-tab3, .icon-tab4-on, .icon-tab4, .icon-tag1, .icon-tag2, .icon-tag3, .icon-thumb, .icon-thumb2, .icon-thumb3, .icon-thumb4, .icon-time, .icon-time2, .icon-top, .icon-top1, .icon-top2, .icon-top3, .icon-totop-on, .back-top:hover .icon-totop, .icon-totop { background-image: url('../images/icon-saabc5e192b.png'); background-repeat: no-repeat; }

.icon-aos { background-position: 0 0; height: 26px; width: 22px; }

.icon-arrow { background-position: 0 -28px; height: 11px; width: 7px; }

.icon-arrow2-on { background-position: 0 -41px; height: 12px; width: 20px; }

.icon-arrow2 { background-position: 0 -55px; height: 12px; width: 20px; }

.icon-code { background-position: 0 -69px; height: 24px; width: 24px; }

.icon-down { background-position: 0 -95px; height: 25px; width: 30px; }

.icon-game-top { background-position: 0 -122px; height: 30px; width: 30px; }

.icon-high { background-position: 0 -154px; height: 42px; width: 25px; }

.icon-home, .url-here:before { background-position: 0 -198px; height: 22px; width: 22px; }

.icon-hot, .index-focus-tabs .bd ul + ul:before { background-position: 0 -222px; height: 25px; width: 25px; }

.icon-ios { background-position: 0 -249px; height: 26px; width: 22px; }

.icon-new, .index-focus-tabs .bd ul:before { background-position: 0 -277px; height: 25px; width: 25px; }

.icon-next { background-position: 0 -304px; height: 34px; width: 20px; }

.icon-num-bg { background-position: 0 -340px; height: 44px; width: 43px; }

.icon-prev { background-position: 0 -386px; height: 34px; width: 20px; }

.icon-s-app { background-position: 0 -422px; height: 24px; width: 27px; }

.icon-s-game { background-position: 0 -448px; height: 21px; width: 26px; }

.icon-s-news { background-position: 0 -471px; height: 21px; width: 26px; }

.icon-s-pc { background-position: 0 -494px; height: 20px; width: 24px; }

.icon-tab1-on { background-position: 0 -516px; height: 54px; width: 48px; }

.icon-tab1 { background-position: 0 -572px; height: 54px; width: 48px; }

.icon-tab2-on { background-position: 0 -628px; height: 54px; width: 48px; }

.icon-tab2 { background-position: 0 -684px; height: 54px; width: 48px; }

.icon-tab3-on { background-position: 0 -740px; height: 54px; width: 48px; }

.icon-tab3 { background-position: 0 -796px; height: 54px; width: 48px; }

.icon-tab4-on { background-position: 0 -852px; height: 54px; width: 48px; }

.icon-tab4 { background-position: 0 -908px; height: 54px; width: 48px; }

.icon-tag1 { background-position: 0 -964px; height: 26px; width: 87px; }

.icon-tag2 { background-position: 0 -992px; height: 26px; width: 87px; }

.icon-tag3 { background-position: 0 -1020px; height: 26px; width: 87px; }

.icon-thumb { background-position: 0 -1048px; height: 24px; width: 24px; }

.icon-thumb2 { background-position: 0 -1074px; height: 24px; width: 24px; }

.icon-thumb3 { background-position: 0 -1100px; height: 28px; width: 30px; }

.icon-thumb4 { background-position: 0 -1130px; height: 28px; width: 30px; }

.icon-time { background-position: 0 -1160px; height: 12px; width: 12px; }

.icon-time2 { background-position: 0 -1174px; height: 12px; width: 12px; }

.icon-top { background-position: 0 -1188px; height: 20px; width: 16px; }

.icon-top1 { background-position: 0 -1210px; height: 20px; width: 16px; }

.icon-top2 { background-position: 0 -1232px; height: 20px; width: 16px; }

.icon-top3 { background-position: 0 -1254px; height: 20px; width: 16px; }

.icon-totop-on, .back-top:hover .icon-totop { background-position: 0 -1276px; height: 42px; width: 42px; }

.icon-totop { background-position: 0 -1320px; height: 42px; width: 42px; }

.icon { display: inline-block; }

/***
	@Author: ray;
	@create date:2021-08-12;
***/
body { font-family: "Microsoft YaHei", "tahoma", "arial", "sans-serif"; font-size: 14px; background-color: #fff; color: #444; }

.page { min-width: 1200px; min-height: 100vh; width: 100%; position: relative; overflow: hidden; }

.page-cover .page { display: none; }
.page-cover .not-found { margin: 150px auto; }

.wrapper { width: 1200px; margin-left: auto; margin-right: auto; }

.header { background-color: #fff; }

.header-top { height: 29px; line-height: 29px; background-color: #fafafa; border-bottom: 1px solid #E2E2E2; }
.header-top .text { font-size: 12px; color: #666; }
.header-top .link-group { float: right; }
.header-top .link-group li { float: left; margin-left: 10px; }
.header-top .link-group li + li:before { content: ''; display: inline-block; vertical-align: top; width: 1px; height: 14px; background: #999; margin: 8px 10px 0 0; }
.header-top .link-group a { display: inline-block; vertical-align: top; color: #666; }
.header-top .link-group a:hover { color: #fe5f3d; }

.header-main { height: 110px; overflow: hidden; }
.header-main .logo { float: left; margin-top: 28px; }
.header-main .search-box { float: right; margin-top: 28px; }
.header-main .input-wrap { height: 34px; border: 2px solid #3486c3; overflow: hidden; }
.header-main .input { float: left; width: 430px; height: 19px; line-height: 19px; padding: 8px 10px; background: none; border: none; outline: none; font-size: 14px; color: #999; }
.header-main .button { width: 72px; height: 34px; font-size: 14px; background: #3486c3; color: #FFF; border: none; outline: none; float: right; cursor: pointer; }
.header-main .hot-word { margin-top: 8px; }
.header-main .hot-word a { color: #666; margin-right: 24px; }
.header-main .hot-word a:hover { color: #FD3939; }

.header-nav { height: 45px; line-height: 45px; background: #3486c3; }
.header-nav ul { overflow: hidden; }
.header-nav li { float: left; margin-right: 1px; }
.header-nav a { display: block; width: 120px; font-size: 16px; color: #fff; text-align: center; }
.header-nav a:hover, .header-nav li.on a { background-color: #4d95ca; }

.content { position: relative; min-height: calc(100vh - 315px); }

.content-l { width: 860px; }
.content-l .laypage_main { margin-bottom: 20px; }

.content-r,.content-r-top { width: 310px; }
.content-r.enter { position: fixed; bottom: 10%; left: 50%; margin-left: 290px; }
.content-r2.enter {margin-left: 230px; }

.content-r.leave { position: absolute; }

.content-r-top.enter { position: fixed; top: 0; left: 50%; margin-left: 290px;  }

.content-r-top.leave { position: absolute; }

.footer { margin-top: 20px; background: #FFF; color: #999; font-size: 14px; border-top: 1px solid #ddd; padding: 25px 0; text-align: center; }
.footer .menu { line-height: 22px; margin-bottom: 8px; }
.footer .menu li { display: inline-block; vertical-align: top; }
.footer .menu li + li { margin-left: 10px; }
.footer .menu li + li:before { content: ''; display: inline-block; vertical-align: top; width: 1px; height: 14px; background: #999; margin: 5px 10px 0 0; }
.footer .menu a { display: inline-block; vertical-align: top; }

.sec-nav { height: 40px; line-height: 40px; background-color: #f2f2f2; overflow: hidden; }
.sec-nav a { font-size: 14px; color: #444; margin-left: 32px; }
.sec-nav a:hover { color: #FD3939; text-decoration: underline; }
.sec-nav a.on { color: #3486c3; }

.star { display: inline-block; vertical-align: -2px; width: 85px; height: 15px; background: url(../images/index/star.png) no-repeat; }
.star.star1 { background-position: -70px 0px; }
.star.star2 { background-position: -52px 0px; }
.star.star3 { background-position: -35px 0px; }
.star.star4 { background-position: -18px 0px; }

.block-title { height: 56px; line-height: 56px; border-bottom: 1px solid #ddd; margin-bottom: 20px; position: relative; zoom: 1; }
.block-title:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.block-title.app .title { border-bottom-color: #00aaf5; }
.block-title.app .tabs li.on { color: #00aaf5; }
.block-title.cate { border-bottom: 2px solid #fe5f3d; }
.block-title.cate .title { border: none; }
.block-title.cate .tabs { margin-left: 50px; }
.block-title.cate .tabs li.on { color: #fe5f3d; }
.block-title.cate .tabs li.on:after { content: ''; width: 11px; height: 6px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAIAAACaUPOvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjNEOEM3OTQwQkQ1MTFFQ0I3RTRENEI1ODQxNzM3NjYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjNEOEM3OTMwQkQ1MTFFQ0I3RTRENEI1ODQxNzM3NjYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNDFCQzQxMkQzNjMxMUU4ODA1NjgwRUQwRDVCNUMwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNDFCQzQxM0QzNjMxMUU4ODA1NjgwRUQwRDVCNUMwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtJBPY4AAACcSURBVHjaYvhfFfH/2YP/WMH1c/+zXZgbFNkZjmxhEJFmkFVmQAYHNzJMq2D4/pXh/+N7/8tD/8cZ/5/X8f/XT5DWv3//L+kHiRQH/H9wkxEowvDjO8PCToajmxnktRiSqhjWzGC4cpRB14Yho4mBhw+sAgIObGBY0s3w+ycDIyODTwpDcCoDIxNIHMVpD2/+b0j4f+4QshhAgAEARQNzQQhUyKoAAAAASUVORK5CYII=') no-repeat; position: absolute; left: 50%; margin-left: -6px; bottom: -6px; overflow: hidden; }
.block-title.news .title { border: none; }
.block-title.news .tabs { float: right; }
.block-title.news .tabs li { padding: 0 15px; }
.block-title.news .tabs li + li { margin-left: 30px; }
.block-title.news .tabs li.on { color: #00aaf5; }
.block-title.news .tabs li.on:before { display: block; }
.block-title.news .tabs li:before { content: ''; position: absolute; left: 0; top: 0; right: 0; height: 2px; background-color: #00aaf5; margin-left: 0; display: none; }
.block-title.link .title { border: none; }
.block-title .title { display: inline-block; vertical-align: top; font-size: 24px; color: #444; float: left; height: 55px; position: relative; border-bottom: 2px solid #3486c3; }
.block-title .text { float: left; font-size: 24px; font-weight: normal; font-family: Candara; color: #ddd; margin-left: 10px; }
.block-title .more { float: right; font-size: 16px; padding: 0 5px; }
.block-title .tabs { float: left; margin-left: 35px; }
.block-title .tabs li { float: left; cursor: pointer; color: #333; font-size: 20px; position: relative; }
.block-title .tabs li.on { color: #3486c3; }
.block-title .tabs li + li { margin-left: 50px; }
.block-title .tabs li + li:before { content: '/'; position: absolute; font-size: 20px; color: #ddd; margin-left: -30px; }
.block-title .menu { float: right; margin-top: 10px; }
.block-title .menu li { float: left; margin-left: -1px; }
.block-title .menu a { display: block; width: 112px; height: 45px; line-height: 44px; text-align: center; font-size: 20px; color: #333; border: 1px solid #ddd; }
.block-title .menu a:hover, .block-title .menu a.on { margin-top: -1px; border-top: 2px solid #3486c3; border-bottom-color: #fff; }

.block-title2 { height: 42px; line-height: 42px; border-bottom: 1px solid #ddd; margin-bottom: 15px; overflow: hidden; }
.block-title2 .title { font-size: 18px; color: #676767; display: inline-block; vertical-align: top; }

.block-title3, .block-title4 { height: 44px; line-height: 44px; border-bottom: 1px solid #e3e3e3; position: relative; margin-bottom: 15px; }
.block-title3 .title, .block-title4 .title { display: inline-block; vertical-align: top; line-height: 42px; font-size: 18px; font-weight: bold; color: #333; border-bottom: 3px solid #3486c3; }
.block-title3 .more, .block-title4 .more { float: right; font-size: 16px; color: #999; }
.block-title3 .more:hover, .block-title4 .more:hover { color: #3486c3; }
.block-title3 .btn-change, .block-title4 .btn-change { border: 0; float: right; font-size: 14px; padding: 3px 8px; background-color: #3486c3; color: #fff; cursor: pointer; border-radius: 0; margin-top: 9px; }
.block-title3 .btn-change:hover, .block-title4 .btn-change:hover { background-color: #1c8be6; }
.block-title3 .tabs, .block-title4 .tabs { float: right; }
.block-title3 .tabs li, .block-title4 .tabs li { float: left; font-weight: bold; cursor: pointer; }
.block-title3 .tabs li.on, .block-title4 .tabs li.on { color: #3486c3; }
.block-title3 .tabs li + li, .block-title4 .tabs li + li { margin-left: 50px; }
.block-title3 .tabs li + li:before, .block-title4 .tabs li + li:before { content: '/'; position: absolute; font-size: 16px; color: #ddd; margin-left: -30px; }

.block-title4 .title { color: #3486c3; font-weight: normal; }

.block-tab { line-height: 44px; height: 44px; border-bottom: 1px solid #ddd; margin-bottom: 15px; }
.block-tab li { width: 50%; float: left; text-align: center; font-size: 18px; color: #666; cursor: pointer; }
.block-tab li.on { height: 42px; border-bottom: 3px solid #3486c3; color: #3486c3; }

.back-top { width: 42px; height: 42px; position: fixed; left: 50%; margin-left: 625px; bottom: 155px; cursor: pointer; z-index: 99; border: 1px solid #ddd; opacity: 0; visibility: hidden; -moz-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; -webkit-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; }
.back-top:hover { border-color: #3486c3; background-color: #3486c3; }
.back-top.enter { opacity: 1; visibility: visible; }

.js-tab-cont, .js-tab-list { display: none; }
.js-tab-cont.on, .js-tab-list.on { display: block; }

.url-here { height: 22px; line-height: 22px; font-size: 14px; color: #666; margin: 10px 0; }
.url-here:before { content: ''; display: inline-block; vertical-align: top; margin-right: 5px; }
.url-here a:hover { color: #FD3939; text-decoration: underline; }
.url-here h1 { display: inline; font-size: 14px; }

.laypage_main { text-align: center; margin: 40px 0; color: #879299; }
.laypage_main span, .laypage_main a { display: inline-block; vertical-align: top; height: 32px; line-height: 32px; min-width: 15px; padding: 0px 9px; border: 1px solid #ededed; color: #666; font-size: 14px; border-radius: 2px; margin-left: 5px; }
.laypage_main span.current{color: #fff;background: red;}
.laypage_main a:hover, .laypage_main .laypage_curr { background-color: #FD3939; border-color: #FD3939; color: #fff; }

.laypage_blue a:hover, .laypage_blue .laypage_curr { background-color: #3486c3; border-color: #3486c3; }

.list-page { margin: 40px 0; padding: 0 20px; text-align: center; }
.list-page span, .list-page a { display: inline-block; height: 36px; line-height: 36px; padding: 0 14px; margin: 0 2px; text-align: center; font-size: 14px; }
.list-page span, .list-page a:hover { color: #fff; background: #3486c3; }

.conbox { margin-bottom: 15px; }

/***
	@Author: ray;
	@create date:2021-08-12;
***/
.index-soft-list { overflow: hidden; margin-top: 20px; margin-bottom: 15px; }

.index-tags-group { margin-bottom: 20px; }
.index-tags-group dl, .index-tags-group dd { height: 26px; line-height: 26px; overflow: hidden; }
.index-tags-group dl { margin: 8px 0; }
.index-tags-group dt { float: left; font-size: 18px; text-align: center; color: #444; margin-right: 20px; }
.index-tags-group a { float: left; height: 26px; line-height: 26px; padding: 0 13px; font-size: 14px; position: relative; }
.index-tags-group a + a:after { content: ''; display: inline-block; width: 1px; height: 12px; background-color: #ddd; position: absolute; left: -1px; top: 50%; margin-top: -6px; }
.index-tags-group .icon-arrow { margin-left: 10px; }

.index-focus-l { width: 390px; float: left; }

.index-focus-c { width: 490px; float: left; margin-left: 20px; }

.index-focus-r { width: 280px; float: right; }

.index-focus-slide { width: 390px; position: relative; overflow: hidden; margin-bottom: 5px; }
.index-focus-slide .bd { height: 300px; }
.index-focus-slide .bd li { position: relative; }
.index-focus-slide .bd .pic { display: block; width: 390px; height: 300px; }
.index-focus-slide .bd .tit { position: absolute; bottom: 0; left: 0; right: 0; height: 52px; line-height: 52px; padding: 0 15px 8px; overflow: hidden; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); font-size: 16px; color: #fff; }
.index-focus-slide .hd { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; height: 8px; overflow: hidden; }
.index-focus-slide .hd ul { display: flex; }
.index-focus-slide .hd li { width: 20%; height: 8px; float: left; font-size: 0; background-color: #333; position: relative; flex: 1; }
.index-focus-slide .hd li:after { content: ''; position: absolute; left: -1px; top: 0; bottom: 0; width: 1px; background-color: #A2A2A2; }
.index-focus-slide .hd li.on { background-color: #3486c3; z-index: 1; }
.index-focus-slide .hd li.on:after { background-color: #3486c3; }

.index-focus-new ul { overflow: hidden; margin-bottom: -15px; margin: 0 0 -15px -10px; }
.index-focus-new li { width: 190px; height: 68px; float: left; margin: 0 0 15px 10px; }
.index-focus-new a { display: block; overflow: hidden; }
.index-focus-new .pic { width: 68px; height: 68px; float: left; border-radius: 10px; margin-right: 10px; }
.index-focus-new .tit, .index-focus-new .txt { height: 19px; line-height: 19px; overflow: hidden; }
.index-focus-new .txt { color: #999; margin-top: 4px; }

.index-focus-tabs .hd { text-align: center; margin-bottom: 15px; }
.index-focus-tabs .hd ul { border-bottom: 1px solid #ddd; overflow: hidden; }
.index-focus-tabs .hd li { width: 25%; height: 42px; line-height: 42px; float: left; font-size: 18px; color: #676767; cursor: pointer; }
.index-focus-tabs .hd li.on { color: #3486c3; }
.index-focus-tabs .bd ul { border-left: 1px solid #eaeaea; position: relative; padding-bottom: 8px; margin-left: 13px; }
.index-focus-tabs .bd ul:before { content: ''; position: absolute; left: -13px; top: -2px; z-index: 1; }
.index-focus-tabs .bd ul + ul { margin-top: 12px; }
.index-focus-tabs .bd li { height: 22px; line-height: 22px; zoom: 1; position: relative; padding-left: 15px; margin-top: 10px; }
.index-focus-tabs .bd li:before { content: ''; width: 4px; height: 4px; background-color: #fff; border: 2px solid #d1d1d1; border-radius: 50%; position: absolute; left: -4px; top: 50%; margin-top: -4px; }
.index-focus-tabs .bd li:after { content: ''; display: block; font-size: 0; height: 0; clear: both; visibility: hidden; }
.index-focus-tabs .bd .type { width: 95px; float: left; color: #999; margin-right: 14px; text-align: right; }
.index-focus-tabs .bd .type:after { content: ''; display: inline-block; vertical-align: top; width: 1px; height: 17px; background-color: #ddd; margin: 2px 0 0 6px; }
.index-focus-tabs .bd .type:hover { color: #FD3939; }
.index-focus-tabs .bd .pic-wrap { height: 22px; float: left; margin-right: 10px; }
.index-focus-tabs .bd .pic { vertical-align: top; width: 22px; height: 22px; border-radius: 3px; }
.index-focus-tabs .bd .tit { float: left; width: 260px; height: 22px; overflow: hidden; }
.index-focus-tabs .bd .time { float: right; color: #999; }
.index-focus-tabs .bd .red { color: #FD3939; }
.index-focus-tabs .bd-list { display: none; }
.index-focus-tabs .bd-list.on { display: block; }

.index-focus-game { margin-bottom: 10px; }
.index-focus-game .soft-list ul { margin-left: -10px; }
.index-focus-game .soft-list li { width: 80px; margin-left: 15px; }
.index-focus-game .soft-list .pic { width: 68px; height: 68px; border-radius: 10px; }

.index-focus-rec { position: relative; }
.index-focus-rec .block-title2 { margin-bottom: 10px; }
.index-focus-rec .bd { width: 280px; height: 180px; overflow: hidden; }
.index-focus-rec .bd li { position: relative; }
.index-focus-rec .bd .pic { display: block; width: 280px; height: 180px; }
.index-focus-rec .bd .tit { position: absolute; bottom: 0; left: 0; right: 0; height: 30px; line-height: 30px; padding: 0 80px 0 10px; overflow: hidden; background: rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); font-size: 16px; color: #fff; }
.index-focus-rec .hd { position: absolute; right: 0; bottom: 10px; z-index: 1; height: 10px; overflow: hidden; }
.index-focus-rec .hd li { width: 10px; height: 10px; float: left; font-size: 0; margin-right: 10px; background-color: #ddd; }
.index-focus-rec .hd li.on { background-color: #FD3939; }

.index-seciton { margin: 20px 0; }

.index-seciton-l { width: 910px; float: left; position: relative; }
.index-seciton-l .more { position: absolute; top: 0; right: 0; line-height: 50px; font-size: 16px; color: #999; margin-top: 6px; }
.index-seciton-l .more:hover { color: #3486c3; }
.index-seciton-l .block-title .more { position: static; }

.index-seciton-r { width: 290px; float: right; }

.soft-top-list .block-title2 { height: 20px; line-height: 20px; border-bottom: 0; }
.soft-top-list .block-title2 .title { color: #444; }
.soft-top-list .block-title2 .icon { vertical-align: top; margin-right: 12px; }
.soft-top-list .item + .item { margin-top: 15px; }
.soft-top-list .item.on .item-bd { display: block; }
.soft-top-list .item-hd { overflow: hidden; height: 20px; line-height: 20px; }
.soft-top-list .item-hd .num { width: 20px; height: 20px; background: #879299; color: #fffefe; font-size: 14px; font-weight: bold; text-align: center; float: left; margin-right: 10px; }
.soft-top-list .item-hd .num1 { background: #fa4e57; }
.soft-top-list .item-hd .num2 { background: #fa7a53; }
.soft-top-list .item-hd .num3 { background: #fbc258; }
.soft-top-list .item-hd .score { float: right; color: #999; }
.soft-top-list .item-hd .val { color: #FD3939; }
.soft-top-list .item-bd { margin-top: 10px; padding-left: 30px; overflow: hidden; position: relative; display: none; }
.soft-top-list .item-bd .pic { width: 56px; height: 56px; float: left; border-radius: 5px; margin-right: 10px; }
.soft-top-list .item-bd .txt { height: 22px; line-height: 22px; color: #999; font-size: 14px; overflow: hidden; }
.soft-top-list .item-bd .btn { width: 90px; padding: 4px 0; margin-top: 4px; }

.soft-top-list2 { overflow: hidden; }
.soft-top-list2 ul { margin-bottom: -12px; }
.soft-top-list2 li { height: 18px; line-height: 18px; margin-bottom: 12px; overflow: hidden; }
.soft-top-list2 .num { width: 18px; height: 18px; background: #879299; color: #fffefe; font-size: 14px; text-align: center; float: left; margin-right: 10px; }
.soft-top-list2 .num1 { background: #fa4e57; }
.soft-top-list2 .num2 { background: #fa7a53; }
.soft-top-list2 .num3 { background: #fbc258; }

.soft-top-list3 { overflow: hidden; }
.soft-top-list3 ul { margin-top: -10px; }
.soft-top-list3 li { height: 20px; line-height: 20px; padding: 10px 0; overflow: hidden; border-bottom: 1px dashed #ddd; }
.soft-top-list3 a { color: #666; }
.soft-top-list3 a:hover { color: #FD3939; }
.soft-top-list3 .num { width: 20px; height: 20px; background: #e5e5e5; color: #666; font-size: 14px; text-align: center; float: left; margin-right: 10px; }
.soft-top-list3 .num1, .soft-top-list3 .num2, .soft-top-list3 .num3 { background: #3486c3; color: #fff; }
.soft-top-list3 .tit { height: 20px; overflow: hidden; }
.soft-top-list3 .txt { color: #999; float: right; margin-left: 30px; }

.index-soft-list2 { overflow: hidden; margin-bottom: -30px; }
.index-soft-list2 dl { float: left; width: 250px; height: 152px; margin: 0 47px 30px 0; overflow: hidden; }
.index-soft-list2 dl:nth-child(5n) dt:before { background-color: #a7e29a; }
.index-soft-list2 dl:nth-child(5n+2) dt:before { background-color: #e7aba3; }
.index-soft-list2 dl:nth-child(5n+3) dt:before { background-color: #96c6e6; }
.index-soft-list2 dl:nth-child(5n+4) dt:before { background-color: #9bdae0; }
.index-soft-list2 dt { position: relative; color: #333; font-size: 18px; height: 25px; line-height: 25px; overflow: hidden; margin-bottom: 10px; text-align: center;}
.index-soft-list2 dt:before { content: ''; display: inline-block; vertical-align: top; width: 5px; height: 18px; background-color: #a3addb; margin: 4px 10px 0 0; }
.index-soft-list2 dd { position: relative; height: 20px; line-height: 20px; overflow: hidden; margin-top: 9px; float: left;width: 100px;}
.index-soft-list2 dd.lf{margin-left: 20px;}
.index-soft-list2 dd a { color: #666; }
.index-soft-list2 dd a .tit{white-space:nowrap;}
.index-soft-list2 dd a:hover { color: #FD3939; }
.index-soft-list2 .pic { width: 18px; height: 18px; float: left; margin-right: 10px; border-radius: 3px; }

.index-soft-list3.soft-list ul { margin: 0 0 -17px -50px; }
.index-soft-list3.soft-list li { width: 100px; margin: 0 0 17px 50px; }
.index-soft-list3.soft-list .pic { width: 75px; height: 75px; border-radius: 12px; }

.index-soft-list4 ul { overflow: hidden; width: 385px; float: left; }
.index-soft-list4 ul + ul { margin-left: 22px; }
.index-soft-list4 li { height: 20px; line-height: 20px; font-size: 14px; color: #999; overflow: hidden; margin-bottom: 10px; }
.index-soft-list4 a:hover { color: #fe5f3d; }
.index-soft-list4 .time { float: right; margin-left: 20px; }

.index-link-list { overflow: hidden; }
.index-link-list li { width: 120px; float: left; height: 16px; line-height: 16px; margin-bottom: 14px; overflow: hidden; }
.index-link-list a { color: #666; }
.index-link-list a:hover { color: #FD3939; }

/***
	@Author: ray;
	@create date:2021-08-12;
***/
.content-soft .content-l { width: 885px; }
.content-soft .content-r { width: 300px; }

.soft-cate-list { padding: 15px 0; }
.soft-cate-list .block-title3 .title { padding-left: 15px; padding-right: 15px; font-weight: normal; }
.soft-cate-list ul { overflow: hidden; }
.soft-cate-list li { width: 134px; height: 20px; line-height: 20px; float: left; padding-left: 15px; overflow: hidden; margin-bottom: 12px; }

.soft-menu-list { overflow: hidden; }
.soft-menu-list ul { margin: 0 0 -10px -10px; overflow: hidden; }
.soft-menu-list li { width: 145px; float: left; margin: 0 0 10px 10px; }
.soft-menu-list a { display: block; height: 32px; line-height: 32px; overflow: hidden; text-align: center; border: 1px solid #ddd; }
.soft-menu-list a.on, .soft-menu-list a:hover { background-color: #3486c3; border-color: #3486c3; color: #fff; }

.soft-list { overflow: hidden; }
.soft-list.game { margin-bottom: 15px; }
.soft-list.game .block-title { margin-top: -10px; }
.soft-list.game ul { margin: 0 0 0 -22px; }
.soft-list.game li { width: 100px; margin: 0 0 0 22px; }
.soft-list.game .pic { width: 100px; height: 100px; border-radius: 15px; }
.soft-list.like ul { margin: 0 0 -15px -27px; }
.soft-list.like li { width: 85px; margin: 0 0 15px 27px; }
.soft-list.like .pic { width: 85px; height: 85px; border-radius: 15px; }
.soft-list.related ul { margin: 0 0 -15px -27px; }
.soft-list.related li { margin: 0 0 15px 27px; }
.soft-list.hot ul { margin: 0 0 -20px -37px; }
.soft-list.hot li { width: 90px; margin: 0 0 20px 37px; }
.soft-list.hot .pic { width: 58px; height: 58px; border-radius: 10px; }
.soft-list.hot .tit { height: 36px; line-height: 18px; }
.soft-list ul { overflow: hidden; /*margin: 0 0 -15px -44px;*/ }
.soft-list li { width: 80px; float: left; margin: 0 0 15px 44px; text-align: center; }
.soft-list .pic { display: inline-block; vertical-align: top; width: 80px; height: 80px; border-radius: 12px; }
.soft-list .tit { margin-top: 5px; height: 20px; line-height: 20px; overflow: hidden; text-align: center; font-size: 14px; }
.soft-list .txt { height: 20px; line-height: 20px; overflow: hidden; font-size: 12px; color: #999; margin-top: 2px; }
.soft-list .btn { margin-top: 5px; }

.soft-list2 { margin-top: -15px; }
.soft-list2 .item { display: block; height: 75px; padding: 15px 0; overflow: hidden; position: relative; }
.soft-list2 .item + .item { border-top: 1px dashed #edeff5; }
.soft-list2 .tit { color: #333; max-width: 160px; height: 19px; overflow: hidden; }
.soft-list2 .tit:hover { color: #3486c3; }
.soft-list2 .pic { width: 75px; height: 75px; border-radius: 12px; float: left; margin-right: 12px; }
.soft-list2 .txt { height: 20px; line-height: 20px; margin-top: 4px; color: #999; font-size: 12px; overflow: hidden; }
.soft-list2 .btn { position: absolute; top: 50%; right: 0; width: 62px; padding: 4px 0; border-radius: 0; margin-top: -15px; }
.soft-list2 .star { vertical-align: middle; }

.soft-list3 { overflow: hidden; }
.soft-list3 ul { overflow: hidden; margin-top: -15px; margin-left: -41px; }
.soft-list3 li { float: left; margin-left: 41px; margin-top: 15px; }
.soft-list3 .item { display: block; width: 75px; position: relative; }
.soft-list3 .item:hover .txt, .soft-list3 .item:hover .btn { display: block; }
.soft-list3 .pic-wrap { width: 75px; height: 75px; position: relative; }
.soft-list3 .pic { width: 100%; height: 100%; border-radius: 15px; }
.soft-list3 .txt { position: absolute; left: 0; right: 0; top: 0; bottom: 0; line-height: 75px; text-align: center; background: rgba(0, 0, 0, 0.5); color: #fff; border-radius: 15px; font-size: 0; display: none; }
.soft-list3 .txt p { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 18px; max-height: 36px; overflow: hidden; }
.soft-list3 .tit { color: #666; line-height: 32px; height: 32px; overflow: hidden; margin-top: 5px; }
.soft-list3 .btn { border: 0; padding: 0; display: block; height: 32px; line-height: 32px; background-color: #3486c3; color: #fff; border-radius: 0; position: absolute; left: 0; right: 0; bottom: 0; display: none; }

.soft-list4 { overflow: hidden; }
.soft-list4 ul { overflow: hidden; margin-left: -10px; margin-top: -15px; }
.soft-list4 li { float: left; margin-left: 10px; margin-top: 15px; }
.soft-list4 .item { display: block; width: 150px; height: 89px; position: relative; }
.soft-list4 .item:hover .btn { display: block; }
.soft-list4 .item:hover .tit-wrap { top: 0; }
.soft-list4 .item:hover .tit { margin-top: 12px; margin-bottom: 6px; }
.soft-list4 .pic { width: 100%; height: 100%; }
.soft-list4 .tit-wrap { background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000); color: #fff; position: absolute; left: 0; right: 0; bottom: 0; }
.soft-list4 .tit { text-align: center; height: 26px; line-height: 26px; text-align: center; overflow: hidden; }
.soft-list4 .btn { display: none; margin: 0 auto; width: 84px; line-height: 28px; padding: 0; border: 0; border-radius: 0; background-color: #3486c3; color: #fff; }
.soft-list4 .btn:hover { background-color: #1c8be6; }

.soft-list5 li { overflow: hidden; margin-bottom: 8px; }
.soft-list5 .pic { width: 32px; height: 32px; float: left; }
.soft-list5 .tit { height: 31px; line-height: 31px; overflow: hidden; margin-left: 40px; border-bottom: 1px dashed #ddd; }

.soft-list6 { padding: 0 0 10px 0; border: 1px solid #ddd; border-top: 2px solid #3486c3; border-bottom: 2px solid #3486c3; background-color: #fff; }
.soft-list6 .hd { height: 46px; line-height: 46px; text-indent: 12px; border-bottom: 1px solid #e7e7e7; background: #f6faf5; }
.soft-list6 .hd .title { font-size: 17px; }
.soft-list6 .hd .text { font-size: 12px; color: #999; margin-left: 5px; }
.soft-list6 .bd { padding: 10px 5px; }
.soft-list6 .item { margin-bottom: 10px; }
.soft-list6 .item-hd { overflow: hidden; height: 26px; line-height: 26px; padding-top: 4px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: url(../images/soft/hd-bg.png) repeat-x; padding: 2px 10px; color: #aaa; }
.soft-list6 .item-hd .title { float: left; font-size: 15px; font-weight: bold; }
.soft-list6 .item-hd .level { display: inline-block; vertical-align: top; }
.soft-list6 .item-hd .type { color: #666; margin-right: 25px; }
.soft-list6 .item-hd .type:hover { color: #fe5f3d; }
.soft-list6 .item-bd { padding: 10px 200px 10px 10px; overflow: hidden; position: relative; line-height: 24px; color: #999; }
.soft-list6 .item-bd .pic-wrap { width: 48px; height: 48px; float: left; margin-right: 10px; }
.soft-list6 .item-bd .pic { width: 100%; height: 100%; border-radius: 10px; }
.soft-list6 .item-bd .text { height: 24px; overflow: hidden; }
.soft-list6 .item-bd .btn { width: 90px; padding: 6px 0; position: absolute; right: 10px; bottom: 10px; }
.soft-list6 .laypage_main { margin: 0 0 10px; }

.soft-list7 li { margin-bottom: 8px; }
.soft-list7 a { display: block; height: 26px; line-height: 26px; padding-right: 20px; overflow: hidden; background: url(../images/icon/arrow.png) no-repeat right center; }
.soft-list7 .pic { width: 26px; height: 26px; float: left; margin-right: 10px; }
.soft-list7 .tit:hover { text-decoration: underline; }

.soft-list8 { overflow: hidden; }
.soft-list8 ul { margin-bottom: 10px; }
.soft-list8 li { overflow: hidden; margin-bottom: 10px; }
.soft-list8 .pic-wrap { width: 48px; height: 48px; float: left; margin-right: 5px; }
.soft-list8 .pic { width: 100%; height: 100%; border-radius: 8px; }
.soft-list8 .btn { float: right; margin-top: 11px; }
.soft-list8 .tit { width: 165px; height: 24px; line-height: 24px; overflow: hidden; margin-bottom: 2px; }
.soft-list8 .tit a:hover { text-decoration: underline; }
.soft-list8 .txt { font-size: 12px; color: #999; }

.soft-list9 li + li { border-top: 1px dashed #ddd; padding-top: 12px; margin-top: 12px; }
.soft-list9 a { display: block; overflow: hidden; }
.soft-list9 .pic { width: 85px; height: 85px; float: left; margin-right: 6px; border-radius: 15px; }
.soft-list9 .tit, .soft-list9 .txt { height: 24px; line-height: 24px; overflow: hidden; font-size: 14px; }
.soft-list9 .txt { font-size: 12px; color: #999; }

.tag-list { overflow: hidden; }
.tag-list ul { overflow: hidden; margin: 0 0 -8px -8px; }
.tag-list li { margin: 0 0 8px 8px; float: left; }
.tag-list a { font-size: 14px; line-height: 20px; color: #666; }
.tag-list a:hover { color: #FD3939; text-decoration: underline; }

/***
	@Author: ray;
	@create date:2021-08-12;
***/
.soft-detail-head { padding-bottom: 4px; border-bottom: 1px solid #efefef; margin-bottom: 12px; }
.soft-detail-head .title { height: 38px; line-height: 38px; font-size: 24px; font-weight: normal; color: #666; overflow: hidden; }

.soft-detail-info { margin-bottom: 25px; overflow: hidden; }
.soft-detail-info.alone .attr { width: auto; }
.soft-detail-info.alone dl { width: 33.33%; margin-bottom: 10px; }
.soft-detail-info.alone dd { color: #333; }
.soft-detail-info .pic { width: 150px; height: 220px; margin-right: 30px; float: left; margin-top: 8px; }
.soft-detail-info .title { line-height: 44px; height: 44px; font-size: 28px; font-weight: bold; color: #333; overflow: hidden; margin-bottom: 15px; }
.soft-detail-info .attr { width: 542px; overflow: hidden; }
.soft-detail-info .attr dl { width: 265px; height: 28px; line-height: 28px; float: left; font-size: 14px; color: #666; overflow: hidden; }
.soft-detail-info .attr dt { float: left; color: #999; }
.soft-detail-info .attr dd { color: #666; }
.soft-detail-info .attr dd .star { vertical-align: -2px; }
.soft-detail-info .attr dd a { color: #666; }
.soft-detail-info .attr dd a:hover { color: #FD3939; }
.soft-detail-info .praise-group { margin-top: 10px; }
.soft-detail-info .btn-group { margin-top: 25px; }
.soft-detail-info .btn { vertical-align: top; font-size: 0; min-width: 210px; height: 70px; line-height: 70px; padding: 0 20px; border-radius: 5px; }
.soft-detail-info .btn + .btn { margin-left: 15px; }
.soft-detail-info .btn.disabled { border-color: #ccc; background-color: #ccc; cursor: default; }
.soft-detail-info .btn.disabled:active { box-shadow: none; }
.soft-detail-info .btn .icon { display: inline-block; vertical-align: middle; margin-right: 20px; }
.soft-detail-info .btn .text { display: inline-block; vertical-align: middle; font-size: 26px; font-weight: bold; text-align: left; line-height: 1.2; }
.soft-detail-info .btn .text i, .soft-detail-info .btn .text b { display: block; margin: 5px 0; font-style: normal; }
.soft-detail-info .btn .text i { font-size: 14px; }

.praise-group { overflow: hidden; }
.praise-group .item { width: 130px; float: left; cursor: pointer; margin-right: 20px; }
.praise-group .icon { float: left; margin-right: 10px; }
.praise-group .rate { width: 55px; line-height: 20px; margin-top: 4px; white-space: nowrap; position: relative; }
.praise-group .rate2 .rate-inner { background-color: #c5ced4; }
.praise-group .rate2 .rate-text { color: #c5ced4; }
.praise-group .rate-inner { width: 50%; height: 12px; display: inline-block; vertical-align: top; margin-top: 4px; background-color: #f6837a; }
.praise-group .rate-text { position: absolute; margin-left: 5px; color: #f6837a; }

.soft-detail-tabs { height: 46px; line-height: 46px; background: #f9f9f9; border-bottom: 1px solid #eee; border-top: 1px solid #eee; }
.soft-detail-tabs li { float: left; width: 121px; text-align: center; font-size: 16px; font-weight: bold; color: #666; border-left: 1px solid #eee; cursor: pointer; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.soft-detail-tabs li.on, .soft-detail-tabs li:hover { background-color: #fff; color: #3486c3; border-bottom: 1px solid #fff; }

.soft-detail-intro { margin: 10px 0; color: #666; font-size: 14px; line-height: 32px; overflow: hidden; text-align: justify; text-justify: inter-ideograph; word-break: break-all; }
.soft-detail-intro img { max-width: 100%; }
.soft-detail-intro .introTit { color: #666; }

.soft-detail-address .block-tab li { width: auto; margin-right: 20px; font-weight: bold; }
.soft-detail-address .block-list { padding: 0 10px; }
.soft-detail-address .title { font-size: 15px; font-weight: bold; color: #333; margin-bottom: 20px; }
.soft-detail-address .list h3 { font-size: 16px; color: #333; font-weight: bold; line-height: 20px; margin-bottom: 15px; }
.soft-detail-address .list ul { width: 260px; overflow: hidden; padding-left: 38px; }
.soft-detail-address .list li { width: 130px; float: left; height: 24px; line-height: 24px; margin-bottom: 10px; }
.soft-detail-address .list a { color: #666; }
.soft-detail-address .list a:hover { text-decoration: underline; }
.soft-detail-address dd a { display: inline-block; vertical-align: top; width: 78px; height: 24px; line-height: 24px; font-size: 13px; white-space: nowrap; color: #666; background: none; padding: 0; margin-bottom: 10px; margin-left: 38px; margin-right: 24px; border-radius: 3px; }

.soft-detail-note { padding: 20px; background-color: #edf1f3; margin-top: 15px; }
.soft-detail-note .title { font-size: 17px; color: #ff0000; font-weight: bold; margin-bottom: 10px; }
.soft-detail-note .text { color: #333; text-align: justify; text-justify: inter-ideograph; word-break: break-all; }

.soft-screen-shot { margin: 20px 0; }
.soft-screen-shot .bd-one .oper { visibility: hidden; }
.soft-screen-shot .bd { overflow: hidden; white-space: nowrap; font-size: 0; text-align: center; position: relative; }
.soft-screen-shot .bd:hover .oper { display: block; }
.soft-screen-shot .bd ul { overflow: hidden; }
.soft-screen-shot .bd li { display: inline-block; vertical-align: top; height: 330px; }
.soft-screen-shot .bd li + li { margin-left: 20px; }
.soft-screen-shot .bd .pic { display: block; height: 100%; }
.soft-screen-shot .bd .oper { position: absolute; width: 40px; height: 90px; line-height: 90px; font-size: 0; text-align: center; cursor: pointer; top: 50%; left: 0; margin-top: -45px; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#99000000, endColorstr=#99000000); display: none; }
.soft-screen-shot .bd .oper:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); }
.soft-screen-shot .bd .oper:hover:after { content: none; }
.soft-screen-shot .bd .next { left: auto; right: 0; }
.soft-screen-shot .bd .icon { vertical-align: middle; }

.soft-images { overflow: hidden; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.soft-images.loaded ul { width: 100%; height: auto; }
.soft-images.loaded li { opacity: 1; position: static; }
.soft-images.loaded .pic { width: auto; height: auto; max-width: 100%; margin: 0 auto; }
.soft-images ul { width: 66%; height: 550px; position: relative; perspective: 1000px; margin: 0 auto; }
.soft-images li { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.soft-images .prev-item, .soft-images .next-item { z-index: 10; opacity: 1; cursor: pointer; }
.soft-images .prev-item:after, .soft-images .next-item:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#99000000, endColorstr=#99000000); -moz-transition: background 0.4s; -o-transition: background 0.4s; -webkit-transition: background 0.4s; transition: background 0.4s; }
.soft-images .prev-item:hover:after, .soft-images .next-item:hover:after { background: rgba(0, 0, 0, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#44000000, endColorstr=#44000000); }
.soft-images .cur-item { z-index: 20; opacity: 1; }
.soft-images .prev-item { -moz-transform: rotateY(30deg) scale(0.8); -ms-transform: rotateY(30deg) scale(0.8); -webkit-transform: rotateY(30deg) scale(0.8); transform: rotateY(30deg) scale(0.8); }
.soft-images .next-item { -moz-transform: rotateY(-30deg) scale(0.8); -ms-transform: rotateY(-30deg) scale(0.8); -webkit-transform: rotateY(-30deg) scale(0.8); transform: rotateY(-30deg) scale(0.8); }
.soft-images .pic { display: block; width: 100%; height: 100%; }

.version-list { overflow: hidden; }
.version-list.game li { background: none; color: #666; }
.version-list.game li + li { border-top: 1px dashed #ddd; padding-top: 10px; }
.version-list.game .btn { background-color: #fff; border-color: #3486c3; color: #3486c3; }
.version-list.game .btn:hover { background-color: #3486c3; color: #fff; }
.version-list.game .tit { padding-left: 0; color: #666; }
.version-list.game .tit:hover { color: #FD3939; }
.version-list li { height: 28px; line-height: 28px; background: #edf1f3; font-size: 14px; overflow: hidden; margin-bottom: 10px; }
.version-list .tit { width: 382px; height: 28px; margin-right: 30px; padding-left: 10px; float: left; }
.version-list .size { margin-left: 30px; }
.version-list .star { vertical-align: top; margin-top: 5px; }
.version-list .btn { padding: 3px 12px; float: right; background-color: #879299; border-color: #879299; color: #fff; }
.version-list .btn:hover { background-color: #3486c3; border-color: #3486c3; }

.hot-words { margin: -15px 0 0 -10px; }
.hot-words a { display: inline-block; vertical-align: top; line-height: 26px; padding: 0 20px; background-color: #f5f5f5; border: 1px solid #e5e5e5; border-radius: 50px; margin: 15px 0 0 10px; }
.hot-words a:hover { color: #3486c3; }
.hot-words .c1, .hot-words .c8, .hot-words .c21 { color: #ff1716; }
.hot-words .c2, .hot-words .c9, .hot-words .c16, .hot-words .c22 { color: #0b9e94; }
.hot-words .c3, .hot-words .c10, .hot-words .c17, .hot-words .c23 { color: #d39f17; }
.hot-words .c4, .hot-words .c11, .hot-words .c18, .hot-words .c24 { color: #ff006b; }
.hot-words .c5, .hot-words .c12, .hot-words .c19, .hot-words .c25 { color: #049cff; }
.hot-words .c6, .hot-words .c13, .hot-words .c20, .hot-words .c26 { color: #8b4bfa; }
.hot-words .c7, .hot-words .c14, .hot-words .c15, .hot-words .c27 { color: #4b991f; }

.soft-detail-topic .block-title3 .tabs { float: none; display: inline-block; vertical-align: top; font-size: 16px; margin-left: 40px; }
.soft-detail-topic .block-title3 .tabs li { font-weight: normal; }
.soft-detail-topic .soft-list3 ul { margin-left: -33px; }
.soft-detail-topic .soft-list3 li { margin-left: 33px; }

.soft-focus { overflow: hidden; margin-bottom: 20px; }
.soft-focus .pic-wrap { width: 250px; height: 140px; float: left; margin-right: 15px; }
.soft-focus .pic { width: 100%; height: 100%; }
.soft-focus .tit { height: 40px; line-height: 40px; overflow: hidden; border-bottom: 1px dashed #f5f5f5; font-size: 16px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; position: relative; padding-right: 80px; margin-bottom: 8px; }
.soft-focus .more { position: absolute; top: 0; right: 0; font-weight: normal; font-size: 14px; color: #999; }
.soft-focus .more:hover { color: #3486c3; }
.soft-focus .txt { color: #666; line-height: 30px; height: 90px; overflow: hidden; text-align: justify; }

.news-focus { overflow: hidden; margin-bottom: 20px; }
.news-focus .pic-wrap { width: 250px; height: 140px; float: left; margin-right: 15px; }
.news-focus .pic { width: 100%; height: 100%; }
.news-focus .tit { height: 32px; line-height: 32px; font-size: 16px; font-weight: bold; overflow: hidden; margin-bottom: 8px; }
.news-focus .time { color: #999; margin-bottom: 4px; }
.news-focus .icon-time { margin-right: 5px; }
.news-focus .txt { color: #666; line-height: 26px; height: 78px; overflow: hidden; text-align: justify; }

/***
	@Author: ray;
	@create date:2021-08-12;
***/
.game-cate { background: #fff; margin-top: 25px; }
.game-cate dl { line-height: 24px; color: #222; overflow: hidden; }
.game-cate dt { width: 80px; float: left; font-size: 14px; }
.game-cate dd { overflow: hidden; }
.game-cate dd a { display: inline-block; padding: 0 15px; float: left; margin-right: 20px; font-size: 14px; text-align: center; border: 1px solid #fff; margin-bottom: 10px; }
.game-cate dd a.on, .game-cate dd a:hover { color: #f44334; border: 1px solid #f44334; }

.game-list { overflow: hidden; }
.game-list ul { overflow: hidden; margin: 0 0 -20px -18px; }
.game-list li { float: left; margin: 0 0 20px 18px; }
.game-list a { display: block; width: 155px; height: 225px; background: #fff; border: 1px solid #ddd; text-align: center; position: relative; }
.game-list a:hover .btn { display: block; }
.game-list .pic { display: inline-block; vertical-align: top; margin-top: 15px; width: 120px; height: 120px; border-radius: 20px; }
.game-list .tit { height: 20px; line-height: 20px; padding: 0 5px; margin-top: 8px; margin-bottom: 1px; overflow: hidden; }
.game-list .date, .game-list .info { font-size: 12px; }
.game-list .date { line-height: 20px; color: #777; }
.game-list .info { height: 38px; line-height: 38px; background: #f5f5f5; color: #999; text-align: center; position: absolute; left: 0; right: 0; bottom: 0; }
.game-list .btn { border: 0; width: 110px; padding: 5px 0; background-color: #3486c3; color: #fff; position: absolute; left: 50%; bottom: 30px; margin-left: -55px; display: none; }
.game-list .btn:hover { background-color: #1c8be6; }

/***
	@Author: ray;
	@create date:2021-08-18;
***/
.content-game { position: relative; }

.game-content-l { width: 190px; float: left; margin-right: 20px; }

.game-content-c { width: 725px; float: left; }

.game-content-r { width: 240px; float: right; }
.game-content-r .soft-list.like li { width: 106px; }

.game-detail-top { width: 190px; }
.game-detail-top.enter { position: fixed; top: 0; }
.game-detail-top.leave { position: absolute; top: auto; bottom: 0; }

.game-detail-rec { width: 240px; }
.game-detail-rec.enter { position: fixed; top: 0; }
.game-detail-rec.leave { position: absolute; top: auto; bottom: 0; }
.game-detail-rec .other-recom { margin-top: 0; }

.game-detail-head { margin: 10px 0 15px; }

.game-detail-info { padding: 10px 5px 0; margin-bottom: 15px; }
.game-detail-info .pic { display: block; width: 150px; height: 150px; border-radius: 32px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4); margin: 0 auto; }
.game-detail-info .title { line-height: 22px; font-size: 16px; text-align: center; font-weight: bold; margin: 15px 0; }
.game-detail-info .btn-group { height: 106px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ddd; }
.game-detail-info .btn { border: 0; font-size: 0; display: block; height: 48px; line-height: 48px; padding: 0 0; border-radius: 5px; text-align: left; position: relative; color: #fff; }
.game-detail-info .btn.disabled { background-color: #ccc; border-color: #ccc; cursor: default; }
.game-detail-info .btn.disabled:hover { background-color: #ccc; }
.game-detail-info .btn.disabled:active { box-shadow: none; }
.game-detail-info .btn.disabled .code-popup { display: none !important; }
.game-detail-info .btn + .btn { margin-top: 10px; }
.game-detail-info .btn .icon { display: inline-block; vertical-align: middle; margin: 0 10px; }
.game-detail-info .btn .icon-code { display: block; }
.game-detail-info .btn .code { position: absolute; right: 0; top: 0; padding: 13px 0; }
.game-detail-info .btn .code:after { content: ''; width: 1px; height: 28px; background: rgba(0, 0, 0, 0.2); position: absolute; left: 0; top: 50%; margin-top: -14px; }
.game-detail-info .btn .code:hover .code-popup { display: block; }
.game-detail-info .btn .text { display: inline-block; vertical-align: middle; width: 94px; line-height: 1.2; font-size: 17px; white-space: normal; }
.game-detail-info .btn .text b, .game-detail-info .btn .text i { font-weight: normal; font-style: normal; display: block; margin: 2px 0; }
.game-detail-info .btn .text i { font-size: 12px; line-height: 14px; }
.game-detail-info .btn-ios { background-color: #4b8bff; }
.game-detail-info .btn-ios:hover { background-color: #3C7FFA; }
.game-detail-info .btn-ios .text { font-size: 15px; }
.game-detail-info .attr { overflow: hidden; margin-top: 15px; }
.game-detail-info .attr dl { line-height: 28px; height: 28px; overflow: hidden; color: #666; }
.game-detail-info .attr dt { float: left; }
.game-detail-info .attr a { color: #00aaf5; }
.game-detail-info .attr a:hover { color: #FD3939; }
.game-detail-info .code-popup { position: absolute; left: 56px; top: -22px; z-index: 9; width: 166px; height: 160px; padding-top: 16px; padding-left: 4px; background: url(../images/game/code-popup.png) no-repeat; text-align: center; display: none; }
.game-detail-info .code-img { vertical-align: top; }
.game-detail-info .code-tit { font-size: 14px; font-weight: bold; color: #666; line-height: 20px; margin-top: 6px; }

.praise-box { overflow: hidden; }
.praise-box .item { height: 28px; line-height: 28px; float: left; border: 1px solid #fc7342; cursor: pointer; }
.praise-box .item + .item { margin-left: 8px; border-color: #aaa; }
.praise-box .icon { float: left; }
.praise-box .text { width: 54px; float: left; text-align: center; }

.other-recom { overflow: hidden; margin-top: 30px; }
.other-recom h3 { font-size: 16px; color: #666; margin-bottom: 8px; }
.other-recom ul { margin-left: -28px; overflow: hidden; }
.other-recom li { float: left; margin-left: 28px; margin-bottom: 5px; }
.other-recom a { font-size: 14px; color: #999; }
.other-recom a:hover { color: #666; }

/***
	@Author: ray;
	@create date:2021-08-17;
***/
.topic-focus { overflow: hidden; margin-bottom: 20px; }

.topic-focus-silde { width: 825px; height: 275px; overflow: hidden; float: left; position: relative; }
.topic-focus-silde .bd { width: 100%; height: 100%; }
.topic-focus-silde .bd li { position: relative; }
.topic-focus-silde .bd a { display: block; }
.topic-focus-silde .bd .pic { display: block; width: 825px; height: 275px; }
.topic-focus-silde .bd .tit { position: absolute; left: 0; right: 0; bottom: 0; height: 48px; line-height: 48px; padding: 0 150px 0 12px; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000); color: #fff; font-size: 16px; font-weight: bold; overflow: hidden; }
.topic-focus-silde .hd { position: absolute; right: 10px; bottom: 0px; z-index: 1; }
.topic-focus-silde .hd ul { overflow: hidden; padding: 10px; }
.topic-focus-silde .hd li { float: left; width: 12px; height: 12px; margin-left: 6px; background: #fff; cursor: pointer; border-radius: 50%; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5); }
.topic-focus-silde .hd li.on { background-color: #FD3939; }

.topic-focus-list { width: 345px; float: right; overflow: hidden; }
.topic-focus-list ul { overflow: hidden; margin-bottom: -5px; }
.topic-focus-list li { margin-bottom: 5px; }
.topic-focus-list a { display: block; width: 345px; height: 135px; position: relative; }
.topic-focus-list a:hover .tit { background: rgba(0, 0, 0, 0.8); }
.topic-focus-list .pic { width: 100%; height: 100%; }
.topic-focus-list .tit { position: absolute; left: 0; right: 0; bottom: 0; height: 28px; line-height: 28px; text-align: center; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000); color: #fff; overflow: hidden; }

.topic-list { overflow: hidden; }
.topic-list ul { width: 1280px; overflow: hidden; margin-bottom: -20px; }
.topic-list li { width: 350px; height: 260px; float: left; margin-right: 75px; margin-bottom: 20px; }
.topic-list .pic-wrap { display: block; width: 350px; height: 200px; position: relative; overflow: hidden; }
.topic-list .pic-wrap:hover .cover { -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); }
.topic-list .pic { width: 100%; height: 100%; }
.topic-list .tit { margin: 10px 0 5px; height: 20px; line-height: 20px; overflow: hidden; font-weight: bold; }
.topic-list .txt { float: left; line-height: 24px; }
.topic-list .btn { width: 56px; float: right; padding: 1px 0; }
.topic-list .num { margin-left: 20px; color: #FD3939; }
.topic-list .cover { height: 58px; position: absolute; left: 0; right: 0; top: 100%; overflow: hidden; padding: 9px 15px; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000); -moz-transition: -moz-transform 0.3s 0.1s; -o-transition: -o-transform 0.3s 0.1s; -webkit-transition: -webkit-transform 0.3s; -webkit-transition-delay: 0.1s; transition: transform 0.3s 0.1s; }
.topic-list .link { width: 58px; height: 58px; border-radius: 15px; float: left; margin-right: 15px; position: relative; }
.topic-list .link:hover:after { display: block; }
.topic-list .link:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.3); border-radius: 15px; display: none; }
.topic-list .link img { display: inline-block; vertical-align: top; width: 100%; height: 100%; border-radius: 15px; }
.topic-list .more { float: left; line-height: 58px; color: #fff; }

.topic-detail-focus { margin-bottom: 25px; overflow: hidden; }
.topic-detail-focus .pic { width: 350px; height: 200px; float: left; margin-right: 25px; }
.topic-detail-focus .tit { height: 45px; line-height: 45px; font-size: 24px; font-weight: bold; color: #f44334; border-bottom: 1px dashed #f5f5f5; overflow: hidden; margin-bottom: 10px; }
.topic-detail-focus .txt { min-height: 120px; line-height: 30px; font-size: 14px; color: #666; text-align: justify; overflow: hidden; }
.topic-detail-focus .time { text-align: right; color: #999; margin-top: 5px; }

.topic-detail-list { padding: 0px 0 10px; margin-bottom: 20px; }
.topic-detail-list ul { width: 1230px; margin-bottom: -20px; }
.topic-detail-list li { float: left; position: relative; z-index: 1; cursor: default; margin: 0 30px 20px 0; }
.topic-detail-list .item { position: relative; width: 380px; height: 206px; background-color: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); border-radius: 18px; overflow: hidden; }
.topic-detail-list .tit { font-size: 20px; font-weight: bold; line-height: 30px; height: 30px; overflow: hidden; margin: 20px 105px 15px 25px; }
.topic-detail-list .tit a:hover { color: #3486c3; }
.topic-detail-list .con { overflow: hidden; }
.topic-detail-list .pic-wrap { width: 116px; height: 116px; margin: 0 25px; float: left; }
.topic-detail-list .pic { width: 100%; height: 100%; border-radius: 12px; }
.topic-detail-list .txt { font-size: 15px; color: #888; margin-top: 8px; }
.topic-detail-list .btn { border-radius: 0; position: absolute; top: 22px; right: 25px; padding: 2px 13px; }
.topic-detail-list .ico { background: url(../images/topic/tag.gif) 0 -114px no-repeat; width: 112px; height: 110px; position: absolute; top: -5px; left: -6px; }
.topic-detail-list .ico2 { background-position: 0 0; }
.topic-detail-list .ico3 { background-position: 0 -225px; }
.topic-detail-list .rec { width: 23px; height: 40px; padding-top: 22px; text-align: center; line-height: 15px; background: url(../images/topic/rec.png) no-repeat; color: #fff; position: absolute; left: -2px; top: -20px; }

.topic-news-list { margin-bottom: 20px; overflow: hidden; }
.topic-news-list ul { overflow: hidden; margin-left: -50px; }
.topic-news-list li { width: 570px; margin-left: 50px; float: left; height: 38px; line-height: 38px; font-size: 16px; overflow: hidden; }
.topic-news-list .tit { color: #666; }
.topic-news-list .tit:hover { color: #3486c3; }
.topic-news-list .time { color: #888; float: right; margin-left: 50px; }

.topic-detail-slide { position: relative; }
.topic-detail-slide .oper-group { position: absolute; top: 14px; right: 0; z-index: 1; }
.topic-detail-slide .oper { display: inline-block; vertical-align: top; width: 29px; height: 29px; background: url(../images/topic/oper.png) no-repeat; cursor: pointer; margin-left: 5px; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.topic-detail-slide .next { background-position: -30px 0; }
.topic-detail-slide .prevStop { background-position: 0 -60px; cursor: default; }
.topic-detail-slide .nextStop { background-position: -30px -60px; cursor: default; }
.topic-detail-slide .more { background-position: -60px 0; }
.topic-detail-slide .bd { height: 180px; overflow: hidden; }
.topic-detail-slide .block-title { border-bottom: 0; margin-bottom: 0; margin-top: -10px; }
.topic-detail-slide .block-title .title { border-bottom: 0; font-size: 20px; font-weight: bold; color: #333; }

.topic-list2 { overflow: hidden; }
.topic-list2 ul { overflow: hidden; width: 1230px; }
.topic-list2 li { float: left; margin-right: 27px; }
.topic-list2 a { display: block; width: 280px; height: 180px; position: relative; color: #fff; }
.topic-list2 a:hover .cover { -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); }
.topic-list2 .pic { display: block; width: 100%; height: 100%; }
.topic-list2 .tit { height: 30px; line-height: 30px; font-size: 18px; overflow: hidden; }
.topic-list2 .txt { max-height: 40px; line-height: 20px; font-size: 14px; overflow: hidden; margin-top: 3px; }
.topic-list2 .btn { display: block; width: 86px; padding: 4px 0; margin: 20px auto 0; }
.topic-list2 .cover { height: 140px; position: absolute; left: 0; right: 0; top: 100%; overflow: hidden; padding: 20px 30px; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000); -moz-transition: -moz-transform 0.3s 0.1s; -o-transition: -o-transform 0.3s 0.1s; -webkit-transition: -webkit-transform 0.3s; -webkit-transition-delay: 0.1s; transition: transform 0.3s 0.1s; }

/***
	@Author: ray;
	@create date:2021-08-17;
***/
.news-list ul { margin-top: -10px; }
.news-list li { padding: 20px 0; }
.news-list li + li { border-top: 1px solid #ddd; }
.news-list a { display: block; overflow: hidden; }
.news-list .pic { width: 210px; height: 132px; float: left; margin-right: 20px; }
.news-list .tit { font-size: 18px; font-weight: bold; margin-bottom: 10px; color: #333; }
.news-list .tit:hover { color: #FD3939; }
.news-list .txt { height: 50px; line-height: 25px; font-size: 14px; color: #444; text-align: justify; overflow: hidden; }
.news-list .time { font-size: 16px; color: #aaa; margin-top: 28px; line-height: 1.1; }

.news-list2 { overflow: hidden; }
.news-list2 .focus { overflow: hidden; margin-left: -20px; border-bottom: 1px dashed #cecece; padding-bottom: 5px; margin-bottom: 5px; }
.news-list2 .focus li { width: 145px; float: left; text-align: center; margin-left: 20px; }
.news-list2 .focus .tit:before { content: none; }
.news-list2 .pic { vertical-align: top; width: 145px; height: 92px; }
.news-list2 .tit { display: block; height: 28px; line-height: 28px; overflow: hidden; text-align: justify; }
.news-list2 .tit:hover { color: #FD3939; }
.news-list2 .tit:before { content: ''; display: inline-block; vertical-align: 4px; margin-right: 3px; width: 2px; height: 2px; background: #777; }

.news-list3 { overflow: hidden; }
.news-list3.game li { width: 352px; }
.news-list3 ul { overflow: hidden; margin-top: -10px; margin-left: -20px; }
.news-list3 li { width: 420px; height: 40px; line-height: 40px; overflow: hidden; float: left; margin-left: 20px; border-bottom: 1px dashed #ddd; }
.news-list3 .tit { display: block; }

.news-list4 { overflow: hidden; }
.news-list4 ul { width: 900px; }
.news-list4 li { width: 190px; float: left; margin-right: 33px; }
.news-list4 a { display: block; }
.news-list4 .pic { display: block; width: 190px; height: 123px; }
.news-list4 .tit { display: block; height: 40px; line-height: 20px; text-align: center; overflow: hidden; margin-top: 5px; word-break: break-all; word-wrap: break-word; }

.news-detail { margin-bottom: 20px; }

.news-detail-head { padding: 15px 0; text-align: center; border-bottom: 1px solid #ddd; overflow: hidden; }
.news-detail-head .title { color: #000; font-size: 24px; font-weight: bold; line-height: 1.5; margin-bottom: 20px; }
.news-detail-head .info { line-height: 22px; text-align: center; }
.news-detail-head .info li { display: inline-block; vertical-align: top; margin: 0 10px; height: 22px; line-height: 22px; font-size: 14px; color: #999; }

.news-detail-body { padding: 15px 0; line-height: 1.8; color: #333; font-size: 15px; overflow: hidden; text-align: justify; text-justify: inter-ideograph; word-break: break-all; }
.news-detail-body img { max-width: 100%; }
.news-detail-body h3 {
    display: block;
    margin-bottom: 5px;
    color: #666;
    position: relative;
    padding: 0 0 0 8px;
    font-weight: 700;
    text-indent: 0;
    margin: 10px 0;
    border-left: 4px solid #3486c3;
    border-bottom: 1px solid #efefef;
    height: 34px;
    font-size: 15px !important;
    line-height: 30px !important;
}

.introTit { display: block; margin-bottom: 5px; color: #333; position: relative; padding: 0 0 0 8px; font-weight: 700; text-indent: 0; margin: 10px 0; border-left: 4px solid #3486c3; border-bottom: 1px solid #efefef; height: 34px; font-size: 15px !important; line-height: 30px !important; }

.news-detail-ft p { height: 32px; line-height: 32px; font-size: 14px; color: #333; overflow: hidden; }
.news-detail-ft p + p { border-top: 1px dashed #ccc; }
.news-detail-ft a { color: #333; }
.news-detail-ft a:hover { color: #FD3939; }

.news-detail-slide { position: relative; }
.news-detail-slide .oper-group { position: absolute; top: 6px; right: 0; z-index: 1; }
.news-detail-slide .oper { display: inline-block; vertical-align: top; width: 29px; height: 29px; background: url(../images/topic/oper.png) no-repeat; cursor: pointer; margin-left: 5px; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.news-detail-slide .next { background-position: -30px 0; }
.news-detail-slide .prevStop { background-position: 0 -60px; cursor: default; }
.news-detail-slide .nextStop { background-position: -30px -60px; cursor: default; }
.news-detail-slide .more { background-position: -60px 0; }
.news-detail-slide .bd { height: 168px; overflow: hidden; }

/***
	@Author: ray;
	@create date:2021-08-18;
***/
.search-result-list { margin-top: 15px; }
.search-result-list .item { margin-bottom: 15px; position: relative; }
.search-result-list .item-hd { overflow: hidden; height: 24px; line-height: 24px; margin-bottom: 3px; }
.search-result-list .item-hd .pic { width: 22px; height: 22px; margin-right: 5px; float: left; font-size: 0; }
.search-result-list .item-hd .tit { font-size: 16px; color: #00c; text-decoration: underline; }
.search-result-list .item-hd .btn { display: block; width: 90px; padding: 7px 0; text-align: center; position: absolute; right: 5px; top: 35px; border-radius: 3px; }
.search-result-list .item-bd { width: 1000px; color: #333; line-height: 20px; font-size: 13px; overflow: hidden; }
.search-result-list .item-bd .pic { width: 120px; height: 80px; float: left; margin-right: 15px; margin-bottom: 2px; }
.search-result-list .item-bd .text a { color: #00c; padding-left: 3px; display: inline-block; }
.search-result-list .item-ft { color: green; font-size: 13px; }
.search-result-list .item-ft .url { margin-right: 5px; }

.search-result-null { padding: 200px 0; text-align: center; }
.search-result-null dl { display: inline-block; vertical-align: top; text-align: left; }
.search-result-null dt { color: #000; font-size: 22px; font-weight: bold; height: 32px; line-height: 32px; margin-bottom: 5px; overflow: hidden; }
.search-result-null dd { color: #333; font-size: 16px; height: 35px; line-height: 35px; }
.search-result-null dd:before { content: ''; display: inline-block; vertical-align: 3px; width: 5px; height: 5px; background: #dbdbdb; margin: 15px 8px 0 0; }
.search-result-null .link { color: red; }
.search-result-null .link:hover { text-decoration: underline; }

.search-result-null{
    padding: 200px 0;
    text-align: center;
dl{
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
dt{
    color: #000;
    font-size: 22px;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    margin-bottom: 5px;
    overflow: hidden;
}
dd{
    color: #333;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
&:before{
     content: '';
     display: inline-block;
     vertical-align: 3px;
     width: 5px;
     height: 5px;
     background: #dbdbdb;
     margin: 15px 8px 0 0;
 }
}
.link{
    color: red;
&:hover{
     text-decoration: underline;
 }
}
}
.search-null { padding-top: 60px; }
.search-null .pic { display: block; margin: 0 auto; }
.search-null .txt { font-size: 20px; color: #999; margin-top: 20px; text-align: center; }
.search-null .btn { display: block; margin: 40px auto 0 auto; width: 210px; line-height: 55px; font-size: 18px; color: #fff; background-color: #17a1ff; border-radius: 8px; text-align: center; }
.search-null .btn:hover { background-color: #0094fb; }

.search-result-null { padding: 200px 0; text-align: center; }

.search-result-null dl { display: inline-block; vertical-align: top; text-align: left; }

.search-result-null dt { color: #000; font-size: 22px; font-weight: bold; height: 32px; line-height: 32px; margin-bottom: 5px; overflow: hidden; }

.search-result-null dd { color: #333; font-size: 16px; height: 35px; line-height: 35px; }

.search-result-null dd:before { content: ''; display: inline-block; vertical-align: 3px; width: 5px; height: 5px; background: #dbdbdb; margin: 15px 8px 0 0; }

.search-result-null .link { color: red; }

.search-result-null .link:hover { text-decoration: underline; }

/***
	@Author: ray;
	@create date:2021-09-10;
***/
.soft-ranking { padding: 10px 20px 20px; background: #fff; margin: 15px 0; }

.soft-ranking-head .block-title4 { margin-bottom: 0; }
.soft-ranking-head .block-title4 .title, .soft-ranking-head .block-title4 ul, .soft-ranking-head .block-title4 li { float: left; }
.soft-ranking-head .block-title4 ul { margin-left: 15px; }
.soft-ranking-head .block-title4 li { padding: 0 10px; font-size: 13px; cursor: pointer; margin-left: 15px; }
.soft-ranking-head .block-title4 li.on { color: #0a85cb; }
.soft-ranking-head .text { float: right; color: #999; }

.soft-ranking-body .item { position: relative; overflow: hidden; padding: 15px 15px 15px 0; height: 104px; border-bottom: 1px solid #eee; font-size: 12px; color: #777; }
.soft-ranking-body .item:hover { background-color: #f7f7f7; }
.soft-ranking-body .item-hd { width: 130px; float: left; }
.soft-ranking-body .item-bd { width: 888px; float: left; }
.soft-ranking-body .item-ft { width: 82px; float: right; }
.soft-ranking-body .btn { width: 80px; padding: 6px 0; font-size: 18px; background-color: #f0fff0; margin-top: 33px; }
.soft-ranking-body .btn:hover { background-color: #3486c3; }
.soft-ranking-body .num { float: left; width: 32px; height: 28px; line-height: 28px; font-size: 18px; background-color: #ddd; color: #111; text-align: center; border-radius: 5px 0 0 5px; font-family: Arial; margin: 20px 8px 0 0; }
.soft-ranking-body .num1 { background-color: #fa5a1b; color: #FFF; }
.soft-ranking-body .num2 { background-color: #fbad27; color: #FFF; }
.soft-ranking-body .num3 { background-color: #e6c515; color: #FFF; }
.soft-ranking-body .pic-wrap { width: 75px; height: 75px; float: left; }
.soft-ranking-body .pic { width: 100%; height: 100%; }
.soft-ranking-body .tit-wrap { height: 24px; line-height: 24px; overflow: hidden; }
.soft-ranking-body .tit { float: left; font-size: 18px; }
.soft-ranking-body .ver { margin-left: 6px; }
.soft-ranking-body .txt { float: right; }
.soft-ranking-body .info { overflow: hidden; margin: 10px 0; }
.soft-ranking-body .type { color: #3486c3; }
.soft-ranking-body .type:hover { color: #FD3939; }
.soft-ranking-body .star { float: right; }
.soft-ranking-body .text { max-height: 44px; line-height: 22px; text-align: justify; overflow: hidden; }

/***
	@Author: ray;
	@create date:2021-09-10;
***/
.soft-updates .col { float: left; }
.soft-updates .c1 { width: 340px; }
.soft-updates .c2 { width: 350px; }
.soft-updates .c3 { width: 125px; }
.soft-updates .c4 { width: 125px; }
.soft-updates .c5 { width: 110px; }
.soft-updates .c6 { width: 110px; }
.soft-updates.news .c2 { width: 710px; }

.soft-updates-tead { height: 40px; line-height: 40px; background: #fafafa; background: -moz-linear-gradient(90deg, #ffffff, #efefef 50%, #f8f8f8); background: -webkit-linear-gradient(90deg, #ffffff, #efefef 50%, #f8f8f8); border: 1px solid #E2E2E2; }
.soft-updates-tead .c1 { text-indent: 72px; }

.soft-updates-body { overflow: hidden; }

.soft-updates-menu { width: 200px; float: left; }
.soft-updates-menu a { display: block; line-height: 42px; padding-left: 70px; background-color: #f9f9f9; color: #666; border: 1px solid #E2E2E2; border-top: none; }
.soft-updates-menu a.on { background-color: #fff; font-weight: bold; border-left: 2px solid #3486c3; }
.soft-updates-menu a:hover { background-color: #fff; }

.soft-updates-list { width: 980px; float: right; }
.soft-updates-list li { height: 45px; line-height: 45px; font-size: 14px; color: #999; border-bottom: 1px solid #efefef; overflow: hidden; }
.soft-updates-list .c1 { width: 121px; }
.soft-updates-list .type { color: #999; }
.soft-updates-list .type:hover { color: #FD3939; }
.soft-updates-list .tit { display: block; padding-right: 40px; }
.soft-updates-list .laypage_main { margin-bottom: 20px; }

/***
	@Author: ray;
	@create date:2021-09-10;
***/
.site-map { background-color: #fff; overflow: hidden; }
.site-map .list { overflow: hidden; margin-right: -1px; }
.site-map .item { width: 33.33%; height: 220px; float: left; border-right: 1px solid #eee; border-bottom: 1px solid #eee; margin: 0 -1px -1px 0; }
.site-map .item h3 { font-size: 18px; font-weight: bold; color: #333; text-align: center; margin: 38px 0 10px; }
.site-map .item ul { width: 320px; margin: 0 auto; overflow: hidden; }
.site-map .item li { position: relative; width: 33.33%; height: 25px; line-height: 25px; text-align: center; margin-bottom: 5px; float: left; }
.site-map .item li:before { content: ''; width: 1px; height: 14px; background-color: #eee; position: absolute; left: -1px; top: 50%; margin-top: -7px; }
.site-map .item a { color: #666; }
.site-map .item a:hover { color: #FD3939; }

/***
	@Author: ray;
	@create date:2021-09-10;
***/
.content-about { overflow: hidden; }

.about-menu { float: left; width: 180px; margin-top: 5px; }
.about-menu a { display: block; line-height: 54px; height: 54px; text-align: center; font-size: 16px; color: #292f33; border-bottom: 1px solid #efefef; position: relative; }
.about-menu a:hover { background-color: #edf1f3; }
.about-menu a.on { background-color: #3486c3; border-color: #3486c3; color: #fff; }
.about-menu a.on:after { content: ''; border: 6px solid transparent; border-left-color: #3486c3; position: absolute; left: 100%; top: 50%; margin-top: -6px; }

.about-main { width: 980px; float: right; }
.about-main .block-title3 { margin-top: -7px; margin-bottom: 10px; }
.about-main .block-title3 .title { font-size: 20px; border-bottom: 0; }
.about-main .text { font-size: 14px; line-height: 1.7; text-align: justify; text-justify: inter-ideograph; word-break: break-all; }

/***
	@Author: ray;
	@create date:2021-09-10;
***/
.not-found { max-width: 100%; min-width: 800px; height: auto; margin: 90px auto; overflow: hidden; text-align: center; }
.not-found .pic { vertical-align: top; margin-bottom: 35px; }
.not-found .txt { color: #505050; font-size: 14px; margin-bottom: 12px; }
.not-found .num { color: #3486c3; }
.not-found .btn { width: 160px; font-size: 16px; padding: 8px 0; border-radius: 20px; }

.index-rec-list.show .js-tab-cont { max-height: inherit; }

.index-rec-list.show .more { display: none; }

.index-rec-list .js-tab-cont { max-height: 300px; overflow: hidden; }

.index-rec-list .more { text-align: center; margin-top: 10px; float: none; }

.index-rec-list .btn-more { color: #999; cursor: pointer; }

.index-rec-list ul { overflow: hidden; margin-left: -25px; }

.index-rec-list li { width: 220px; height: 20px; line-height: 20px; overflow: hidden; float: left; margin-bottom: 10px; margin-left: 25px; }

.index-rec-list li:before { content: ''; display: inline-block; vertical-align: 3px; width: 2px; height: 2px; background-color: #444; border-radius: 50%; margin-right: 6px; }

.index-rec-list a { color: #333; }

.index-rec-list a:hover { font-weight: bold;color:red; }

.wrapper{}
.coin-box {
    padding-top: 26px;
    clear: both;
    height: 100px;
}
.coin-box:after{content: ''; clear: both;}
.coin-box .top {
    padding-bottom: 16px;
}
.coin-box .flex {
    display: flex;
}
.coin-box .nameinfo{
    float: left;
}

.coin-box .info .img {
    width: 66px;
    height: 66px;
    margin-right: 12px;
    flex-shrink: 0;
}
.coin-box .info .name {
    font-size: 26px;
    font-weight: bold;
    color: #333333;
    line-height: 30px;
}
.coin-box .info .cname {
    font-size: 14px;
    color: #666666;
    line-height: 32px;
}
.coin-box .operation {
    padding-top: 6px;
    float:right;
}
.coin-box .operation .btn{ height: 32px; padding-top: 10px; font-size: 16px; margin-right: 12px;}
.coin-box .operation .btn.t2 {
    background: #1385dc;
    color: #fff;
    border: 0;
}
.coin-box .operation .btn.t2 a {
    color: #fff;
}

.coin-box .operation .btn.t1{
    border-color: #999;
}
.coin-box .operation .btn.t1 a {
    color: #999999;
}

.coin-box .operation .btn.t1:hover{
    background-color: #fff;
}
.coin-box .uptime{margin-top: 12px; font-size: 12px;}
.clearfix{clear: both;}
.coin-detail{clear: both;}
.coin-detail:after { content: '';clear: both;}
.coin-detail-h3{margin-top: 12px; line-height: 32%; font-weight: bold;}

.product-detail .product-box {
    padding: 0px;
    margin-top:0px;
}

.product-detail .product-box .head {
    padding: 20px 0;
}

.product-detail table {
    background-color: transparent;
}
.product-detail table {
    border-collapse: collapse;
    border-spacing: 0;
}

.product-detail .product-box .head .title {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    line-height: 32px;
}
.product-box .table .th {
    background: #F5F5F5;
}
.product-box .table .th th {
    font-size: 14px;
    font-weight: normal;
    color: #B4B4B4;
    line-height: 36px;
    background: #F5F5F5;
    text-align: center;
}
.product-box .table .icon-coin {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    border-radius: 50%;
    font-size: 0;
    margin-top: 10px;
}
.product-box .table .td td {
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    line-height: 20px;
    text-align: center;
    border-bottom: 1px solid #f4f4f4;
    padding: 20px 0;
}

.product-box .table .td .name {
    line-height: 160%;
    padding-left: 6px;
    text-align: left;
    margin-top: 0px;
}

.product-box .table .td .name .en {
    width: 110px;
}

.product-box .table .td .name .cn {
    font-size: 12px;
    color: #B4B4B4;
    padding-top: 4px;
    width: 110px;
}
.product-box .icon-coin{float: left; margin-right: 6px;}
.product-box  .green {
    color: #14B185;
}
.product-box .table .link{color: #3ba3ff;}
.product-box .name dd {
    font-size: 14px;
    color: #666666;
}
.product-box .table th.c1{width:8%;}
.product-box .c2{
    padding-left: 20px;
    text-align: left;
}
.product-box .table .th th.c2{
    text-align: left;
    text-indent: 35px;
}

.product-detail .chain-tip {
    padding: 10px 30px;
    line-height: 20px;
    font-size: 14px;
    color: #666;
    background: #f5f5f5;
    border-radius: 4px;
    margin-top: 15px;
}
.product-detail .chain-tip::before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 15px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAJFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACmWAJHAAAADHRSTlMzACcvFwQbEiskIAxJqi2YAAAAa0lEQVQI1zXLKw7CQBRA0RMwfMy88LNlBxNWUIMvGGw1qhZXdsASECyA7pBJG9zJTa6IR386RxJXzIdkV1lm62TPsbVoNAU1nXpCpZpA/8eLGbKuIPO2GXdfh7Esk2jhWbDNrC4Fcbt/hkg/5zIPXFXpPZsAAAAASUVORK5CYII=) no-repeat;
    margin-top: 3px;
    margin-right: 6px;
}

.left_tabitem + .left_tabitem {
    margin-top: 20px;
    margin-bottom: 20px;
}
.seciton-title {
    font-size: 24px;
    color: #111;
    font-weight: bold;
    width: 100%;
    height: 55px;
    line-height: 52px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}
.left-soft-list {
    margin-top: 20px;
}
.soft-list ul {
    margin-top: -15px;
}
.soft-list li {
    float: left;
    overflow: hidden;
    width: 16.6%;
    margin: 15px 0 0 0;
}
.soft-list li a {
    display: block;
}
.soft-list li img {
    display: block;
    width: 76px;
    height: 76px;
    border-radius: 10px;
    margin: 0 auto;
}
.soft-list li p {
    width: 100%;
    height: 50px;
    line-height: 40px;
    font-size: 14px;
    overflow: hidden;
    text-align: center;
}
.left-soft-list ul{margin-left: 0;}

.about-news {
    margin-top: 15px;
}
.about-news li {
    float: left;
    width: 50%;
    line-height: 30px;
    margin: 4px 0;
}
.about-news li a {
    height: 30px;
    overflow: hidden;
    font-size: 14px;
    color: #555;
    display: block;
    float: left;
    width: 300px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.about-news li span {
    font-size: 12px;
    color: #999;
    display: block;
    float: right;
    margin-right: 20px;
}
.chain-table table {
    width: 100%;
    margin-top: 12px;
}
.chain-table .head{
    border-bottom: 1px solid #EAEAEA;
    line-height: 54px;
}
.chain-table .title{
    font-size: 20px;
    font-weight: bold;
    color: #17a1ff;
    border-bottom: 3px solid #17a1ff;
    height: 54px;
    margin-top: 20px;
}
.chain-table .flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.chain-table th, .chain-table td {
    font-size: 12px;
    text-align: center;
}
.chain-table td{padding: 12px 0; border-bottom: 1px solid #e5e5e5;}
.chain-table th {
    height: 52px;
    color: #999999;
    font-weight: normal;
    background-color: #f4f4f4;
}
.chain-table .img {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-right: 3px;
    border-radius: 50%;
    font-size: 0;
}
.chain-table a {
    display: block;
    text-decoration: none;
}
.chain-table .name {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    text-align: left;
    width: 60px;
    overflow: hidden;
}
.chain-table .name dt,.chain-table .name dd{width: 60px; overflow: hidden; height: 16px;}
.chain-table .c1{width: 12%;}
.chain-table .c6{width: 12%;}
.chain-table  .green {
    color: #14B185;
}
.chain-table .link{color: #3ba3ff;;}

.news-flash{margin-top: 10px;}
.news-flash .head {
    border-bottom: 1px solid #EAEAEA;
    line-height: 54px;
}
.news-flash .head .title {
    font-size: 20px;
    font-weight: bold;
    color: #17a1ff;
    border-bottom: 3px solid #17a1ff;
}
.news-flash .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.news-flash .list {
    padding: 10px 0;
}
.news-flash .list .li {
    position: relative;
    padding-left: 32px;
    padding-bottom: 14px;
}
.news-flash .list .li:first-of-type::before {
    border-color: #0279ff;
}
.news-flash .list .li::before {
    display: block;
    position: absolute;
    left: 0;
    top: 12px;
    content: '';
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border: 3px solid #E5E5E5;
    border-top-color: rgb(229, 229, 229);
    border-right-color: rgb(229, 229, 229);
    border-bottom-color: rgb(229, 229, 229);
    border-left-color: rgb(229, 229, 229);
    background: #fff;
    border-radius: 50%;
    z-index: 1;
}
.news-flash .list .date {
    font-size: 12px;
    color: #B4B4B4;
    line-height: 32px;
}
.news-flash .list .li:first-of-type .title {
    color: #0279ff;
}
.news-flash .list .title {
    font-size: 15px;
    color: #333333;
    line-height: 23px;
}
.news-flash .list .li::after {
    display: block;
    position: absolute;
    left: 5px;
    top: 12px;
    content: '';
    width: 1px;
    height: 100%;
    box-sizing: border-box;
    border: 1px dashed #DEDEDE;
    border-radius: 50%;
}
.rtab-hd {
    font-size: 0;
    height: 40px;
    border-bottom: 1px solid #eee;
}
.rtab-hd .aitem.on, .rtab-hd .aitem:hover {
    color: #17a1ff;
    border-bottom-color: #17a1ff;
}
.rtab-hd .aitem {
    color: #666;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    line-height: 30px;
    height: 30px;
    font-size: 20px;
    padding-bottom: 7px;
    border-bottom: 4px solid transparent;
    border-bottom-color: transparent;
    margin-left: 35px;
}
.Rtab_bd ul li {
    overflow: hidden;
    margin-top: 18px;
}
.Rtab_bd .ptit {
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    padding-left: 28px;
    position: relative;
}
.Rtab_bd li:nth-child(1) .icon {
    background-color: #FF4C4C;
}
.Rtab_bd li:nth-child(2) .icon {
    background-color: #FF884C;
}
.Rtab_bd li:nth-child(3) .icon {
    background-color: #FFBE3A;
}
.Rtab_bd .icon {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    color: #fff;
    text-align: center;
    background: #BDBDBD;
    background-color: rgb(189, 189, 189);
    border-radius: 2px;
    margin-top: 1px;
    line-height: 18px;
}
.Rtab_bd ul li .bt {
    font-size: 16px;
    color: #555;
}
.Rtab_bd ul .on .info {
    display: block;
}
.Rtab_bd ul li .info {
    display: none;
    overflow: hidden;
    width: 100%;
    float: left;
    margin-top: 15px;
}
.Rtab_bd ul li .info .img, .Rtab_bd ul li .info .img img {
    width: 138px;
    height: 92px;
}
.rjxzph-list ul li .info .img {
    margin-right: 15px;
}
.rjxzph-list ul li .info .img, .rjxzph-list ul li .info .img img {
    width: 50px;
    height: 50px;
}

.Rtab_bd ul li .info .img {
    display: block;
    float: left;
    margin: 0 14px 0 0;
    margin-right: 14px;
    transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
}
.Rtab_bd ul li .info p {
    float: left;
    width: 190px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #999;
    overflow: hidden;
}
.Rtab_bd ul li .info p span {
    color: #666;
}

.block-chain{
    margin: 10px 0 20px;
}
.block-chain2{
    margin: 20px 0 10px;

}
.block-chain2 .chain-box{
    background-color: #fffcf9;
    border: solid 1px #ffd9a8;
    box-shadow: none;
}
.chain-box {
    position: relative;
    padding: 18px 310px 18px 30px;
    line-height: 1.5;
    font-size: 14px;
    background-color: #f5f5f5;
    box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.17);
    border-radius: 4px;
    overflow: hidden;
}
.chain-box .chain-img{
    width: 60px;
    height: 60px;
    border-radius: 10px;
    float: left;
    margin: 0 14px 0 0;
}
.chain-tit{
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    color: #333;
    overflow: hidden;
}
.chain-txt{
    height: 36px;
    line-height: 18px;
    font-size: 12px;
    color: #666;
    margin-top: 4px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.chain-btn {
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -19px;
}
.chain-btn a {
    display: inline-block;
    vertical-align: top;
    width: 102px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    background-color: #4077ed;
    border-radius: 2px;
    margin-left: 18px;
    text-decoration: none;
}
.chain-btn a:hover{
     opacity: 0.9;
 }
.chain-btn a+a{
 background-color: #17a1ff;
}


.chain-tip {
    padding: 10px 30px;
    line-height: 20px;
    font-size: 14px;
    color: #666;
    background: #f5f5f5;
    border-radius: 4px;
    margin-top: 15px;
}
.chain-tip:before{
     content: '';
     display: inline-block;
     vertical-align: top;
     width: 15px;
     height: 15px;
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAJFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACmWAJHAAAADHRSTlMzACcvFwQbEiskIAxJqi2YAAAAa0lEQVQI1zXLKw7CQBRA0RMwfMy88LNlBxNWUIMvGGw1qhZXdsASECyA7pBJG9zJTa6IR386RxJXzIdkV1lm62TPsbVoNAU1nXpCpZpA/8eLGbKuIPO2GXdfh7Esk2jhWbDNrC4Fcbt/hkg/5zIPXFXpPZsAAAAASUVORK5CYII=) no-repeat;
     margin-top: 3px;
     margin-right: 6px;
}
.btn-more{
    display: flex;
    justify-content: center;
    width: 158px;
    border-radius: 2px 2px 2px 2px;
    /*border: 1px solid #0279ff;*/
    font-size: 14px;
    font-weight: 400;
    color: #0279ff;
    line-height: 36px;
    text-align: center;
    margin: 0 auto;
}