@charset "UTF-8";
* { margin: 0px; padding: 0px; }

html { overflow-y: scroll; }
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: #444; text-decoration: none; outline: none; }
a:hover { color: #17a1ff; }
img { display: inline-block; border: 0; font-size: 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; }
html, body { height: 100%; }
body { font-family: "Microsoft YaHei", "tahoma", "arial", "sans-serif"; font-size: 14px; background-color: #fff; color: #444; }

@-webkit-keyframes rotate { 0% { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { -moz-transform: translate(0, 30px); -ms-transform: translate(0, 30px); -webkit-transform: translate(0, 30px); transform: translate(0, 30px); }
  100% { -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } }
@keyframes rotate { 0% { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { -moz-transform: translate(0, 30px); -ms-transform: translate(0, 30px); -webkit-transform: translate(0, 30px); transform: translate(0, 30px); }
  100% { -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } }
@-webkit-keyframes rotate1 { 0% { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { -moz-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -webkit-transform: translate(0, 20px); transform: translate(0, 20px); }
  100% { -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } }
@keyframes rotate1 { 0% { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { -moz-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -webkit-transform: translate(0, 20px); transform: translate(0, 20px); }
  100% { -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } }
@-webkit-keyframes rotate2 { 0% { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { -moz-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -webkit-transform: translate(0, 20px); transform: translate(0, 20px); }
  100% { -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } }
@keyframes rotate2 { 0% { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { -moz-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -webkit-transform: translate(0, 20px); transform: translate(0, 20px); }
  100% { -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } }

.flex { display: -webkit-box; display: -webkit-flex; display: flex; }
.flex-item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.flex-between { -webkit-box-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; }
.flexstyle, 
.zhifu-list dt, 
.zhifu-list dd a { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }

.hide { display: none !important; }
.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; }
.over { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.icon-sprite, .icon-chaoji, .icon-close, .icon-cz, .icon-dele, .icon-fail, .icon-gaoji, .icon-gsvip, .icon-gvip, .icon-jiao, .icon-js, .icon-jsq, .icon-kefu, .icon-mf, .icon-san, .icon-sucess, .icon-svip, .icon-tit, .icon-txt, .icon-vip, .icon-wx, .icon-zc { background-image: url('../skin_img/icon-s2c489a7acb.png'); background-repeat: no-repeat; }
.icon-zjbb, .icon-zs, .icon-cjgz, .icon-fir, .icon-sec, .icon-thi{ background-image: url('../skin_img/icon-s3629491380.png'); background-repeat: no-repeat; }
.icon-chaoji { background-position: -38px 0; height: 20px; width: 80px; }
.icon-close { background-position: -57px -48px; height: 12px; width: 12px; }
.icon-cz { background-position: -69px -48px; height: 16px; width: 46px; }
.icon-dele { background-position: -18px -138px; height: 18px; width: 18px; }
.icon-fail { background-position: -231px -48px; height: 90px; width: 90px; }
.icon-fir { background-position: -199px 0; height: 32px; width: 20px; }
.icon-gaoji { background-position: -151px -48px; height: 20px; width: 80px; }
.icon-gsvip { background-position: -220px 0; height: 21px; width: 50px; }
.icon-gvip { background-position: 0 0; height: 19px; width: 38px; }
.icon-jiao { background-position: -135px -48px; height: 16px; width: 16px; }
.icon-js { background-position: -186px 0; height: 36px; width: 34px; }
.icon-jsq { background-position: -270px 0; height: 48px; width: 48px; }
.icon-kefu { background-position: 0 -138px; height: 17px; width: 18px; }
.icon-mf { background-position: -152px 0; height: 34px; width: 34px; }
.icon-san { background-position: 0 -48px; height: 4px; width: 7px; }
.icon-sec { background-position: -152px 0; height: 32px; width: 25px; }
.icon-sucess { background-position: -215px -138px; height: 90px; width: 90px; }
.icon-svip { background-position: -7px -48px; height: 10px; width: 29px; }
.icon-thi { background-position: -177px 0; height: 32px; width: 22px; }
.icon-tit { background-position: 0 -228px; height: 72px; width: 345px; }
.icon-txt { background-position: -36px -138px; height: 19px; width: 179px; }
.icon-vip { background-position: -36px -48px; height: 10px; width: 21px; }
.icon-wx { background-position: -115px -48px; height: 16px; width: 20px; }
.icon-zc { background-position: -118px 0; height: 31px; width: 34px; }
.icon-zjbb { background-position: -269px 0; height: 95px; width: 23px; }
.icon-zs { background-position: -215px -190px; height: 66px; width: 110px; }
.icon-cjgz { background-position: -313px -95px; height: 95px; width: 23px; }
.icon { display: inline-block; }

.icon-aos, .icon-arrow, .block-title.cls .tabs .on:after, .icon-code, .icon-down, .icon-game-top, .icon-high, .icon-home, .url-here:before, .icon-ios, .icon-next, .icon-num-bg, .icon-pc, .icon-prev, .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-s77fc5da08d.png'); background-repeat: no-repeat; }
.icon-aos { background-position: 0 0; height: 26px; width: 22px; }
.icon-arrow, .block-title.cls .tabs .on:after { background-position: 0 -28px; height: 6px; width: 11px; }
.icon-code { background-position: 0 -36px; height: 24px; width: 24px; }
.icon-down { background-position: 0 -62px; height: 22px; width: 25px; }
.icon-game-top { background-position: 0 -86px; height: 30px; width: 30px; }
.icon-high { background-position: 0 -118px; height: 22px; width: 25px; }
.icon-home, .url-here:before { background-position: 0 -142px; height: 22px; width: 22px; }
.icon-ios { background-position: 0 -166px; height: 26px; width: 22px; }
.icon-next { background-position: 0 -194px; height: 34px; width: 20px; }
.icon-num-bg { background-position: 0 -230px; height: 44px; width: 43px; }
.icon-pc { background-position: 0 -276px; height: 22px; width: 22px; }
.icon-prev { background-position: 0 -300px; height: 34px; width: 20px; }
.icon-tab4 { background-position: 0 -728px; height: 54px; width: 48px; }
.icon-tag1 { background-position: 0 -784px; height: 26px; width: 88px; }
.icon-tag2 { background-position: 0 -812px; height: 26px; width: 88px; }
.icon-tag3 { background-position: 0 -840px; height: 26px; width: 88px; }
.icon-thumb { background-position: 0 -868px; height: 24px; width: 24px; }
.icon-thumb2 { background-position: 0 -894px; height: 24px; width: 24px; }
.icon-thumb3 { background-position: 0 -920px; height: 28px; width: 30px; }
.icon-thumb4 { background-position: 0 -950px; height: 28px; width: 30px; }
.icon-time { background-position: 0 -980px; height: 12px; width: 12px; }
.icon-time2 { background-position: 0 -994px; height: 12px; width: 12px; }
.icon-top { background-position: 0 -1008px; height: 20px; width: 16px; }
.icon-top1 { background-position: 0 -1030px; height: 20px; width: 16px; }
.icon-top2 { background-position: 0 -1052px; height: 20px; width: 16px; }
.icon-top3 { background-position: 0 -1074px; height: 20px; width: 16px; }
.icon-totop-on, .back-top:hover .icon-totop { background-position: 0 -1096px; height: 42px; width: 42px; }
.icon-totop { background-position: 0 -1140px; height: 42px; width: 42px; }


.page { min-height: 100vh; width: 100%; position: relative; overflow: hidden; }
.page-cover .page { display: none; }
.wrapper { width: 1200px; margin-left: auto; margin-right: auto; }
.header { background-color: #fff; }

.header-main { height: 110px; overflow: hidden; border-bottom: 3px solid #eee; }
.header-main + .header-nav { margin-top: -3px; }
.header-main .logo { width: 234px; height: 63px; margin-top: 24px; float: left; }
.header-main .logo img { display: block; height: 100%; }
.header-main .nav { float: left; margin: 32px 0 0 25px; }
.header-main .nav a { float: left; margin: 0 25px; line-height: 38px; font-size: 20px; color: #666; }
.header-main .nav a:hover, .header-main .nav a.on { color: #17a1ff; }
.header-main .search-box { float: right; margin-top: 36px; }
.header-main .input-wrap { height: 34px; border: 2px solid #17a1ff; overflow: hidden; }
.header-main .input { float: left; width: 204px; 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: #17a1ff; color: #FFF; border: none; outline: none; float: right; cursor: pointer; }

.header-nav { height: 45px; line-height: 45px; background: #17a1ff; }
.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 a.on { background-color: #078ce6; }

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

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

.content-r { width: 310px; }
.content-r.leave .posbox { position: fixed; top: 0; width: 310px; }
.content-r.leave .adbox { position: fixed; top: 435px; width: 310px; }

.footer { background: #FFF; color: #999; font-size: 14px; line-height: 32px; padding: 25px 0; text-align: center; border-top: 1px solid #ddd; margin-top: 20px; }
.footer a { color: #999; }

.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: #fa4e57; text-decoration: underline; }
.sec-nav a.on { color: #17a1ff; }

.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-color: #00c853; }
.block-title.app .tabs .on { color: #00c853; }
.block-title.soft .title { border-color: #ff9317; }
.block-title.soft .tabs .on { color: #ff9317; }
.block-title.art .title { border-color: #fa4e57; }
.block-title.art .tabs .on { color: #fa4e57; }
.block-title.cls { border-bottom: 2px solid #fe5f3d; margin-bottom: 15px; }
.block-title.cls .title { border: none; }
.block-title.cls .tabs .on { color: #fe5f3d; position: relative; }
.block-title.cls .tabs .on:after { content: ''; position: absolute; left: 50%; margin-left: -5.5px; bottom: -6px; }
.block-title.link .title { border: none; }
.block-title .title { position: relative; display: inline-block; vertical-align: top; height: 55px; font-size: 24px; color: #676767; border-bottom: 2px solid #17a1ff; float: left; }
.block-title .text { float: left; font-size: 24px; font-weight: normal; font-family: Candara; color: #ddd; margin-left: 12px; }
.block-title .more { height: 56px; line-height: 60px; float: right; font-size: 16px; padding: 0 5px; }
.block-title .tabs { float: left; margin-left: 45px; }
.block-title .tabs li { float: left; cursor: pointer; color: #333; font-size: 20px; position: relative; }
.block-title .tabs li + li { margin-left: 54px; }
.block-title .tabs li + li:before { content: '/'; position: absolute; font-size: 20px; color: #ddd; margin-left: -32px; }
.block-title .tabs .on { color: #17a1ff; }
.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 #17a1ff; 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: 43px; font-size: 18px; font-weight: bold; color: #333; border-bottom: 2px solid #17a1ff; }
.block-title3 .more, .block-title4 .more { float: right; font-size: 16px; }
.block-title3 .more:hover, .block-title4 .more:hover { color: #17a1ff; }
.block-title3 .btn-change, .block-title4 .btn-change { border: 0; float: right; font-size: 14px; padding: 3px 8px; background-color: #17a1ff; color: #fff; cursor: pointer; border-radius: 0; margin-top: 9px; }
.block-title3 .btn-change:hover, .block-title4 .btn-change:hover { background-color: #078ce6; }
.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: #17a1ff; }
.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 { border-color: #17a1ff; }
.block-title4 .title { font-weight: normal; border-bottom: 0; }

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

.block-tab2 .h5 { font-size: 14px; color: #999; font-weight: normal; }
.block-tab2 .on { height: 44px; }

.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: #17a1ff; background-color: #17a1ff; }
.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: #fa4e57; 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: 30px; line-height: 30px; min-width: 15px; padding: 0px 8px; border: 1px solid #ededed; color: #666; font-size: 14px; border-radius: 2px; margin-left: 5px; }
.laypage_main a:hover, 
.laypage_main .current,
.laypage_main .laypage_curr { background-color: #17a1ff; border-color: #17a1ff; color: #fff; }

.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: #17a1ff; }

.conbox { margin-bottom: 15px; }

.soft-list { overflow: hidden; }
.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 ul { overflow: hidden; margin: 0 0 -15px -33px; }
.soft-list li { width: 90px; float: left; margin: 0 0 15px 33px; text-align: center; position: relative; }
.soft-list img { 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; }


.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: 12px 0; }
.index-tags-group dt { float: left; text-align: center; font-size: 14px; font-weight: bold; color: #fff; }
.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: #4c4c4c; position: absolute; left: -1px; top: 50%; margin-top: -6px; }
.index-tags-group .icon-arrow, .index-tags-group .block-title.cls .tabs .on:after, .block-title.cls .tabs .index-tags-group .on:after { margin-left: 10px; }

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

.index-focus-c { width: 485px; 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: #17a1ff; z-index: 1; }
.index-focus-slide .hd li.on:after { background-color: #17a1ff; }

.index-focus-new { overflow: hidden; }
.index-focus-new ul { overflow: hidden; 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 { font-size: 0; text-align: center; margin-top: 2px; margin-bottom: 20px; }
.index-focus-tabs .hd li { display: inline-block; vertical-align: top; margin: 0 36px; cursor: pointer; }
.index-focus-tabs .bd li { height: 22px; line-height: 22px; zoom: 1; position: relative; margin-top: 10px; }
.index-focus-tabs .bd .type { width: 95px; float: left; color: #999; margin-right: 10px; }
.index-focus-tabs .bd .type:hover { color: #f84623; }
.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; font-size: 12px; color: #999; }
.index-focus-tabs .bd .red { color: #fa4e57; }
.index-focus-tabs .bd-list { display: none; }
.index-focus-tabs .bd-list.on { display: block; }

.icon-tab1,
.icon-tab2,
.icon-tab4{ width: 50px; height: 54px; background: url(../images/index/tabs.png) no-repeat; }
.icon-tab2{ background-position: -119px 0; }
.icon-tab4{ background-position: -239px 0; }
.on .icon-tab1{ background-position: 0 -59px; }
.on .icon-tab2{ background-position: -119px -59px; }
.on .icon-tab4{ background-position: -239px -59px; }

.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: #17a1ff; }

.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: #17a1ff; }
.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; margin-bottom: 14px; 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; 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: #fa4e57; }
.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 { display: inline-block; width: 80px; padding: 4px 0; margin-top: 3px; line-height: 1.5; text-align: center; color: #17a1ff; border-radius: 3px; border: 1px solid #17a1ff; }
.soft-top-list .item-bd .btn:hover{ background: #17a1ff; color: #fff; }

.soft-top-list2 { overflow: hidden; }
.soft-top-list2 ul { margin-bottom: -15px; }
.soft-top-list2 li { height: 18px; line-height: 18px; margin-bottom: 15px; 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 .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: #17a1ff; 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: 180px; 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: 12px; }
.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: 10px; }
.index-soft-list2 dd a { color: #666; }
.index-soft-list2 dd a:hover { color: #fa4e57; }
.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-news-group { overflow: hidden; }

.index-news-list1 { width: 350px; float: left; overflow: hidden; }
.index-news-list1 ul { overflow: hidden; margin-left: -20px; }
.index-news-list1 li { width: 165px; float: left; margin: 0 0 16px 20px; }
.index-news-list1 .pic-wrap { display: block; width: 165px; height: 110px; }
.index-news-list1 .pic-wrap:hover { opacity: 0.8; }
.index-news-list1 .pic { width: 100%; height: 100%; }
.index-news-list1 .tit { display: block; height: 36px; line-height: 18px; text-align: justify; overflow: hidden; margin-top: 8px; }

.index-news-list2 { width: 435px; float: left; margin-left: 30px; }

.index-news-list3 { width: 355px; float: right; }

.index-news-list2 .title, .index-news-list3 .title { font-size: 16px; height: 20px; line-height: 20px; font-weight: bold; overflow: hidden; margin-bottom: 12px; }
.index-news-list2 .rec-title, .index-news-list3 .rec-title { margin-top: 20px; }
.index-news-list2 .rec-title .tag, .index-news-list3 .rec-title .tag { background-color: #61ae44; }
.index-news-list2 .rec-title .tag:after, .index-news-list3 .rec-title .tag:after { border-left-color: #61ae44; }
.index-news-list2 .tag, .index-news-list3 .tag { display: inline-block; vertical-align: top; line-height: 20px; padding: 0 5px; font-size: 14px; background-color: #fa0b21; color: #fff; border-radius: 3px; position: relative; margin-right: 12px; }
.index-news-list2 .tag:after, .index-news-list3 .tag:after { content: ''; position: absolute; left: 100%; top: 50%; margin-top: -4px; border: 4px solid transparent; border-left-color: #fa0b21; }
.index-news-list2 li, .index-news-list3 li { height: 22px; line-height: 22px; overflow: hidden; margin-bottom: 11px; }
.index-news-list2 li:before, .index-news-list3 li:before { content: ''; width: 3px; height: 3px; background: #ccc; display: inline-block; vertical-align: 4px; margin-right: 8px; }
.index-news-list2 .time, .index-news-list3 .time { float: right; font-size: 12px; color: #999; margin-left: 20px; }

.index-news-list3 .title { font-size: 18px; font-weight: normal; }
.index-news-list3 li { margin-bottom: 12px; }

/* .index-rec-list ul { overflow: hidden; margin-left: -21px; }
.index-rec-list li { width: 386px; height: 32px; line-height: 32px; overflow: hidden; margin-left: 21px; color: #999; float: left; }
.index-rec-list .time { float: right; margin-left: 30px; }
.index-rec-list .title:hover { color: #fe5f3d; } */
.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 .btn-more:hover { color: #17a1ff; }
.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; }


.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: #17a1ff; }

.wrap{ width: 1200px; margin: 0 auto; }
.crumb { height: 52px; line-height: 52px; color: #999; }
.crumb a{ color: #999; }
.crumb a:hover{ color: #17a1ff; }
.wrap-lf { width: 790px; }
.wrap-rg { width: 380px; }

.details-box{ padding-bottom: 20px; }
.detail-title { line-height: 46px; margin-top: -10px; }
.detail-title .title { font-size: 30px; color: #17a1ff; font-weight: 700; }
.detail-title .iconimg { float: left; margin-right: 12px; }
.detail-title .iconimg img { display: block; width: 46px; height: 46px; border-radius: 4px; }
.detail-title .pinfo { margin-top: 7px; color: #999; }
.detail-title .pinfo em { color: #666; }
.detail-title .pinfo span + span { margin-left: 80px; }

.detail-title-info { font-size: 14px; color: #999; margin-top: 20px; }
.detail-title-info .sptit { line-height: 40px; margin-right: 30px; }
.detail-title-info .sptit i { color: #555; }
.detail-title-info .phone { position: relative; }
.detail-title-info .phone:hover .ewmbox { display: block; }
.detail-title-info .ewmtit { font-size: 16px; color: #999; width: 158px; height: 38px; text-align: center; line-height: 38px; border: 1px solid #eee; cursor: pointer; }
.detail-title-info .ewmbox { display: none; position: absolute; left: -1px; top: 38px; z-index: 2; width: 160px; height: 160px; background: rgba(238, 238, 238, 0.9); }
.detail-title-info .ewmbox img { display: block; width: 130px; margin: 15px auto 0; }

.details-info { margin-top: 20px; position: relative; }
.details-info .img { float: left; margin-right: 20px; width: 280px; height: 187px; position: relative; overflow: hidden; }
.details-info .img img { width: 280px; height: 187px; position: relative; z-index: 1; }
.details-info .img .icon { position: absolute; left: 2px; z-index: 2; top: 0; text-indent: 10px; line-height: 28px; font-size: 16px; }
.details-info .lis { width: 487px; float: right; margin-top: 5px; }
.details-info .lis li { width: 33.33%; float: left; height: 30px; line-height: 30px; margin-bottom: 15px; font-size: 14px; overflow: hidden; color: #999; }
.details-info .lis .jc { width: 100%; }
.details-info .lis .jc img { margin-right: 10px; display: inline-block; vertical-align: middle; margin-top: -2px; }
.details-info .btn { width: 250px; height: 62px; line-height: 62px; text-align: center; font-size: 20px; font-weight: 700; background: #17a1ff; color: #fff; border-radius: 5px; float: left; display: block; margin-top: 26px; }
.details-info .text { font-size: 14px; color: #4b88d3; text-decoration: underline; float: left; margin-left: 5px; margin-top: 13px; }
.details-info .btns { overflow: hidden; width: 470px; }
.details-info .btns a { float: left; display: block; height: 40px; border-radius: 3px; line-height: 40px; width: 140px; margin: 4px 16px 0 0; font-size: 16px; color: black; text-align: center; text-decoration: none; background: #17a1ff; }
.details-info .btns a:hover { color: black; background: #17a1ff; }
.details-info .btns .aljxz { width: 250px; padding: 0; height: 62px; font-size: 20px; text-align: center; line-height: 62px; margin-top: 0; }
.details-info .btn-group { width: 580px; overflow: hidden; }
.details-info .btn-group .btn { width: 170px; height: 54px; line-height: 54px; border: none; background: #17a1ff; font-size: 16px; font-weight: normal; border-radius: 4px; }
.details-info .btn-group .btn + .btn { margin-left: 20px; }
.details-info .btn-group .btn-blue { background-color: #3cabd9; }
.details-info .btn-group .icon { display: inline-block; vertical-align: middle; margin: -3px 10px 0 0; }
.details-info .btn-group .btn-text { width: 100px; display: inline-block; vertical-align: middle; line-height: 1.2; margin-top: -3px; text-align: left; }
.details-info .btn-group .disabled{ background: #ddd; color: #fff; cursor: default; }
.details-info .btn-link{ background: none; position: relative; }
.details-info .btn-link:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 59px; background: url(../images/index/btn.png) no-repeat; }

.azdetails-info .img, .azdetails-info .img img { width: 187px; }
.azdetails-info .lis { width: 582px; }

.soft-details-box .details-info .img, .soft-details-box .details-info .img img { width: 260px; height: 200px; }
.soft-details-box .lis { width: 520px; margin-top: 2px; }

.drive-details-box .lis { width: 100%; }
.drive-details-box .lis li { width: 25%; }
.drive-details-box .lis .sy { width: 65%; }
.drive-details-box .btns .aljxz { margin-top: 15px; }

.conthd { height: 50px; position: relative; margin-top: 40px; margin-bottom: 12px; background-color: #f5f5f5; }
.conthd ul.on { position: fixed !important; z-index: 9; top: 0; box-shadow: 0 2px 4px #ddd; }
.conthd li { float: left; width: 160px; height: 50px; line-height: 50px; font-size: 18px; color: #999; text-align: center; cursor: pointer; margin-right: 1px; }
.conthd li:hover,
.conthd li.on { color: #fff; font-weight: 700; background: #17a1ff; }
.art_cont { width: 100%; overflow: hidden; font-size: 16px; line-height: 32px; margin: 20px 0; }
.art_cont embed, .art_cont iframe, .art_cont img, .art_cont video { margin: 5px auto; max-width: 100%; max-height: 100%; }
.art_cont p { margin-top: 10px; }
.art_cont .ptitle { font-weight: bold; color: #e20c0c; margin: 15px 0; }

.seciton-title { font-size: 24px; color: #17a1ff; font-weight: bold; width: 100%; height: 55px; line-height: 52px; border-bottom: 1px solid #ddd; margin-bottom: 15px; }
.seciton-title.none { height: 40px; line-height: 40px; border: none; }
.seciton-title .title { display: inline-block; border-bottom: 4px solid #17a1ff; }
.seciton-title .spicon, .seciton-title .sline, .seciton-title .pic { display: inline-block; vertical-align: middle; margin: -3px 10px 0 0; }
.seciton-title .pic { max-height: 24px; margin-right: 13px; }
.seciton-title .sline { width: 4px; height: 24px; background: #17a1ff; margin-top: -6px; }
.seciton-title .more { float: right; font-size: 14px; }
.seciton-title .more i { display: inline-block; width: 10px; height: 4px; font-size: 0; line-height: 4px; vertical-align: middle; margin: 0 6px 3px 4px; }
.seciton-title .more i:before, .seciton-title .more i:after { content: ''; display: inline-block; vertical-align: middle; width: 4px; height: 4px; border-radius: 4px; background-color: white; }
.seciton-title .more i:after { margin-left: 2px; background-color: white; opacity: .5; }
.seciton-title i { font-weight: normal; }
.seciton-title .itips { font-size: 14px; margin: 7px 0 0 12px; font-weight: normal; }

.left-soft-list li {width:104px;}
.left-soft-list li p {margin-top:5px;height:20px;line-height:20px;overflow:hidden;text-align:center;font-size:14px;}
.Rtab_bd ul li {overflow:hidden;margin-top:18px;}
.Rtab_bd ul li .bt {font-size:16px;}
.Rtab_bd ul li .info {display:none;overflow:hidden;width:100%;float:left;margin-top:15px;}
.Rtab_bd ul li .info .img {display:block;float:left;margin:0 14px 0 0;transition:all 0.1s linear;-webkit-transition:all 0.1s linear;}
.Rtab_bd .pbtn .abtn {display:block;width:60px;height:24px;line-height:24px;text-align:center;border-radius:3px;border:1px solid #17a1ff;font-size:12px;color:#17a1ff;margin-top:4px;}
.Rtab_bd .pbtn .abtn:hover {background-color:#17a1ff;}
.Rtab_bd ul li .info .img:hover {opacity:0.8;filter:alpha(opacity=80);}
.Rtab_bd ul li .info .img,.Rtab_bd ul li .info .img img {width:138px;height:92px;}
.Rtab_bd2 ul li .info .img,.Rtab_bd2 ul li .info .img img {width:90px;height:90px;border-radius:10px;}
.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 .on .info {display:block;}
.Rtab_bd .ptit {line-height:20px;height:20px;overflow:hidden;padding-left:28px;position:relative;}
.Rtab_bd .icon {display:block;position:absolute;left:0;top:0;width:18px;height:18px;color:#fff;text-align:center;background:#BDBDBD;border-radius:2px;margin-top:1px;}
.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 .spline {display:inline-block;vertical-align:middle;width:4px;height:16px;background:#17a1ff;margin:-2px 10px 0 0;}
.Rtab_bd .te {padding:0;}
.Rtab_bd .te .bt {display:block;}

#contentMain { position: relative; }
.fixed-top.enter { position: fixed; top: 0; margin-top: 0; }
.fixed-top.leave { position: absolute; top: auto; bottom: 0; }
.fixed-bottom.enter { position: fixed; bottom: 0; margin-left: 30px; }
.fixed-bottom.leave { position: absolute; }
.wrap-lf.fixed-bottom.enter { margin-left: 0; }

.rg-con {margin-bottom:15px;}
.rg-con + .rg-con {margin-top:30px;}
.rg-con .seciton-title {font-size:20px;overflow: hidden;}
.ph-list li {height:20px;line-height:20px;overflow:hidden;margin-top:20px;}
.ph-list li:nth-child(1) .icon {left:3px;}
.ph-list a {font-size:16px;display:block;padding-left:29px;position:relative;height:20px;line-height:20px;}
.ph-list a:hover {color:#17a1ff;}
.ph-list .icon-white {display:block;position:absolute;left:0;top:0;width:18px;height:18px;color:black;text-align:center;border-radius:2px;margin-top:1px;}
.ph-list .icon {display:block;position:absolute;left:0;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.icon-1,.icon-10,.icon-2,.icon-3,.icon-4,.icon-5,.icon-6,.icon-7,.icon-8,.icon-9,.icon-aos,.icon-aosx,.icon-arrow-down,.icon-arrow-rg,.icon-backtop,.icon-bbrj,.icon-dn,.icon-dnh,.icon-down-green,.icon-down-white,.icon-down,.icon-downh,.down-box .adown.agray i,.icon-ewm,.icon-gou,.icon-ios,.icon-iosh,.icon-iosx,.icon-iosxh,.icon-jcph,.icon-play,.icon-qq,.icon-qqh,.icon-ra1,.icon-ra10,.icon-ra2,.icon-ra3,.icon-ra4,.icon-ra5,.icon-ra6,.icon-ra7,.icon-ra8,.icon-ra9,.icon-rank1,.icon-rank2,.icon-rank3,.icon-ranks,.icon-rmsy,.icon-sea,.icon-search,.icon-shu,.icon-sj,.icon-sjh,.icon-star,.icon-tag,.icon-time,.icon-tuijian,.icon-tuijian2,.icon-win10,.icon-win7,.icon-wx,.icon-wxh,.icon-xt,.icon-xth,.icon-xtjc,.icon-zjyy,.gray .icon-ios,.agray .icon-ios,.disabled .icon-ios,.gray .icon-iosx,.agray .icon-iosx,.disabled .icon-iosx,.wrap .search-box .button,.code-group .code-box {background-image:url('../skin_img/icon-sb86ce1169b.png');background-repeat:no-repeat;}
.icon-1 {background-position:0 0;height:16px;width:23px;}
.icon-10 {background-position:0 -18px;height:16px;width:23px;}
.icon-2 {background-position:0 -36px;height:16px;width:23px;}
.icon-3 {background-position:0 -54px;height:16px;width:23px;}
.icon-4 {background-position:0 -72px;height:16px;width:23px;}
.icon-5 {background-position:0 -90px;height:16px;width:23px;}
.icon-6 {background-position:0 -108px;height:16px;width:23px;}
.icon-7 {background-position:0 -126px;height:16px;width:23px;}
.icon-8 {background-position:0 -144px;height:16px;width:23px;}
.icon-9 {background-position:0 -162px;height:16px;width:23px;}
.icon-aos {background-position:0 -180px;height:24px;width:26px;}
.icon-aosx {background-position:0 -206px;height:18px;width:20px;}
.icon-arrow-down {background-position:0 -226px;height:20px;width:12px;}
.icon-arrow-rg {background-position:0 -248px;height:16px;width:19px;}
.icon-backtop {background-position:0 -266px;height:28px;width:28px;}
.icon-bbrj {background-position:0 -296px;height:22px;width:24px;}
.icon-dn {background-position:0 -320px;height:24px;width:24px;}
.icon-dnh {background-position:0 -346px;height:24px;width:24px;}
.icon-down-green {background-position:0 -372px;height:20px;width:16px;}
.icon-down-white {background-position:0 -394px;height:20px;width:16px;}
.icon-down {background-position:0 -416px;height:16px;width:12px;}
.icon-downh,.down-box .adown.agray i {background-position:0 -434px;height:16px;width:16px;}
.icon-ewm {background-position:0 -452px;height:110px;width:110px;}
.icon-gou {background-position:0 -564px;height:18px;width:18px;}
.icon-ios {background-position:0 -584px;height:28px;width:24px;}
.icon-iosh {background-position:0 -614px;height:28px;width:24px;}
.icon-iosx {background-position:0 -644px;height:22px;width:20px;}
.icon-iosxh {background-position:0 -668px;height:22px;width:20px;}
.icon-jcph {background-position:0 -692px;height:24px;width:18px;}
.icon-play {background-position:0 -718px;height:80px;width:80px;}
.icon-qq {background-position:0 -800px;height:28px;width:28px;}
.icon-qqh {background-position:0 -830px;height:28px;width:28px;}
.icon-ra1 {background-position:0 -860px;height:14px;width:8px;}
.icon-ra10 {background-position:0 -876px;height:14px;width:23px;}
.icon-ra2 {background-position:0 -892px;height:14px;width:16px;}
.icon-ra3 {background-position:0 -908px;height:14px;width:17px;}
.icon-ra4 {background-position:0 -924px;height:14px;width:17px;}
.icon-ra5 {background-position:0 -940px;height:14px;width:17px;}
.icon-ra6 {background-position:0 -956px;height:14px;width:17px;}
.icon-ra7 {background-position:0 -972px;height:14px;width:15px;}
.icon-ra8 {background-position:0 -988px;height:14px;width:16px;}
.icon-ra9 {background-position:0 -1004px;height:14px;width:17px;}
.icon-rank1 {background-position:0 -1020px;height:22px;width:30px;}
.icon-rank2 {background-position:0 -1044px;height:22px;width:30px;}
.icon-rank3 {background-position:0 -1068px;height:22px;width:30px;}
.icon-ranks {background-position:0 -1092px;height:22px;width:30px;}
.icon-rmsy {background-position:0 -1116px;height:24px;width:24px;}
.icon-sea {background-position:0 -1142px;height:15px;width:15px;}
.icon-search {background-position:0 -1159px;height:22px;width:24px;}
.icon-shu {background-position:0 -1183px;height:17px;width:14px;}
.icon-sj {background-position:0 -1202px;height:24px;width:20px;}
.icon-sjh {background-position:0 -1228px;height:24px;width:20px;}
.icon-star {background-position:0 -1254px;height:18px;width:18px;}
.icon-tag {background-position:0 -1274px;height:32px;width:63px;}
.icon-time {background-position:0 -1308px;height:14px;width:14px;}
.icon-tuijian {background-position:0 -1324px;height:52px;width:40px;}
.icon-tuijian2 {background-position:0 -1378px;height:30px;width:80px;}
.icon-win10 {background-position:0 -1410px;height:25px;width:25px;}
.icon-win7 {background-position:0 -1437px;height:24px;width:28px;}
.icon-wx {background-position:0 -1463px;height:28px;width:28px;}
.icon-wxh {background-position:0 -1493px;height:28px;width:28px;}
.icon-xt {background-position:0 -1523px;height:24px;width:24px;}
.icon-xth {background-position:0 -1549px;height:24px;width:24px;}
.icon-xtjc {background-position:0 -1575px;height:22px;width:24px;}
.icon-zjyy {background-position:0 -1599px;height:24px;width:24px;}


.softslist { margin-top: -10px; }
.softslist li { border-bottom: 1px solid #eee; padding: 30px 0 15px 0; }
.softslist .litop { height: 90px; position: relative; padding: 0 200px 0 110px; }
.softslist .img { display: block; position: absolute; left: 0; top: 0; }
.softslist .img, .softslist img { width: 90px; height: 90px; border-radius: 10px; }
.softslist .bt { width: 100%; display: block; height: 30px; line-height: 30px; font-size: 22px; padding-top: 6px; overflow: hidden; }
.softslist .bt:hover { color: #17a1ff; }
.softslist .lis { width: 100%; overflow: hidden; margin-top: 20px; }
.softslist .lis p { float: left; margin-right: 20px; height: 20px; line-height: 20px; font-size: 14px; color: #999; overflow: hidden; }
.softslist .lis p span { color: #666; }
.softslist .btn { position: absolute; right: 20px; top: 50%; display: block; height: 38px; width: 142px; line-height: 38px; overflow: hidden; text-align: center; font-size: 16px; color: #fff; background: #17a1ff; border-radius: 4px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.softslist .btn:hover { opacity: 0.8; }
.softslist .desc { width: 100%; margin-top: 15px; line-height: 28px; overflow: hidden; width: 100%; font-size: 16px; color: #888; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.content-tags { margin: -10px 0 0 -20px; }
.content-tags a { float: left; height: 38px; width: 140px; line-height: 38px; overflow: hidden; border-radius: 5px; text-align: center; font-size: 15px; color: #17a1ff; margin: 10px 0 10px 20px; border: 1px solid #17a1ff; }
.content-tags a:hover, .content-tags a.on { color: #fff; background: #17a1ff; border-color: #17a1ff; }

.mainPage { overflow: hidden; width: 100%; text-align: center; margin: 50px auto; height: 30px; }
.mainPage a, .mainPage span { display: inline-block; padding: 0 10px; height: 28px; line-height: 28px; font-size: 14px; color: #666; border: 1px solid #ededed; text-align: center; margin: 0 2px; border-radius: 2px; }
.mainPage .rows, .mainPage .current, .mainPage a:hover { background: #17a1ff; color: white; border-color: #17a1ff; }


.clearfix { zoom: 1; }
.clearfix:after { clear: both; height: 0px; font-size: 0px; visibility: hidden; display: block; content: " "; }
.armain { width: 1000px; margin: 0 auto; }
.armain-lf { width: 650px; float: left; }
.hemain-rg { width: 260px; float: right; }


.article-tit { text-align: center; margin-top: 25px; word-break: break-all; }
.article-tit .ptit { font-size: 26px; }
.article-tit .pbt { margin-top: 10px; }

.article-text { margin-top: 20px; font-size: 16px; line-height: 32px; word-break: break-all; }
.article-text p { font-size: 16px; text-indent: 2em; line-height: 32px; margin: 28px 0; }
.article-text img { max-width: 90%; display: block; margin: 10px auto; }

.article-tab { height: 50px; margin: 30px 0 20px; }
.article-tab a { float: left; width: 278px; line-height: 48px; height: 48px; overflow: hidden; font-size: 16px; color: #d2ab7b; border: 1px solid #d2ab7b; text-align: center; padding: 0 10px; }
.article-tab a + a { float: right; }

.rg-ljxz { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhiNmM0YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q1YmE4YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #8b6c4c), color-stop(100%, #d5ba8c)); background: -moz-linear-gradient(left, #8b6c4c 0%, #d5ba8c 100%); background: -webkit-linear-gradient(left, #8b6c4c 0%, #d5ba8c 100%); background: linear-gradient(to right, #8b6c4c 0%, #d5ba8c 100%); color: #222; }
.rg-ljxz a { display: block; height: 48px; padding: 26px 0; padding-left: 45px; }
.rg-ljxz .icon-jsq { float: left; margin-right: 10px; }
.rg-ljxz .ptit { font-size: 16px; line-height: 16px; }
.rg-ljxz .ptxt { font-size: 28px; }
.rg-ljxz:hover { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IxOGM2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZTZiYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #b18c66), color-stop(100%, #ffe6bb)); background: -moz-linear-gradient(left, #b18c66 0%, #ffe6bb 100%); background: -webkit-linear-gradient(left, #b18c66 0%, #ffe6bb 100%); background: linear-gradient(to right, #b18c66 0%, #ffe6bb 100%); }

.rg-box { margin-top: 35px; }
.rg-tit span { font-size: 24px; color: #d2ab7b; }
.rg-tit a { color: #d2ab7b; float: right; margin-top: 5px; }\
.jqhd-list { margin-top: 5px; }
.jqhd-list li { width: 100%; float: left; line-height: 30px; }
.jqhd-list li a { float: left; max-width: 210px; height: 30px; overflow: hidden; }
.jqhd-list li a:hover { color: #ffdaac; }
.jqhd-list li span { float: right; }


.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: #17a1ff; }
.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: 30px; 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: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: 385px; 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: 10px; margin-bottom: 10px; }
.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-list5 { overflow: hidden; }
.news-list5 ul { overflow: hidden; margin-top: -5px; margin-left: -50px; }
.news-list5 li { width: 395px; height: 30px; line-height: 30px; overflow: hidden; float: left; margin-left: 50px; }
.news-list5 li:before { content: ''; display: inline-block; vertical-align: 4px; margin-right: 3px; width: 2px; height: 2px; background: #777; }



.news-detail { margin-bottom: 20px; }
.news-detail-head { padding: 5px 0 15px; 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%; }
.introTit { display: block; color: #333; position: relative; padding: 0 0 0 8px; font-weight: 700; text-indent: 0; margin: 10px 0 8px; border-left: 3px solid #17a1ff; 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-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; }


.soft-list3 { overflow: hidden; }
.soft-list3.like ul { margin: 0 0 -15px -27px; }
.soft-list3.like li { width: 85px; margin: 0 0 15px 27px; }
.soft-list3.like .pic-wrap { width: 85px; height: 85px; }
.soft-list3.top { margin: 20px 0 10px; }
.soft-list3.main ul { margin-left: -12px; }
.soft-list3.main li { margin-left: 12px; margin-right: 0; }
.soft-list3 ul { overflow: hidden; margin-top: -15px; margin-right: -35px; }
.soft-list3 li { width: 88px; float: left; margin-right: 12px; margin-top: 15px; }
.soft-list3 a { display: block; position: relative; }
.soft-list3 a:hover .txt, .soft-list3 a:hover .btn { display: block; }
.soft-list3 .pic-wrap { height: 88px; 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: 88px; padding: 0 5px; text-align: center; font-size: 0; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000); color: #fff; border-radius: 15px; 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 { line-height: 32px; height: 32px; text-align: center; overflow: hidden; margin-top: 5px; }
.soft-list3 .btn { border: 0; padding: 0; display: block; height: 32px; line-height: 32px; text-align: center; background-color: #17a1ff; color: #fff; border-radius: 0; position: absolute; left: 0; right: 0; bottom: 0; display: none; }


.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; line-height: 1.5; padding: 5px 0; text-align: center; position: absolute; right: 5px; top: 35px; border-radius: 3px; color: #17a1ff; border: 1px solid #17a1ff; }
.search-result-list .item-hd .btn:hover{ background: #17a1ff; color: #fff; }
.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; }


.not-found { max-width: 100%; min-width: 800px; height: auto; margin: 120px 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: #17a1ff; }
.not-found .btn { display: inline-block; width: 140px; font-size: 15px; padding: 7px 0; line-height: 22px; border-radius: 20px; background-color: #17a1ff; color: #fff;}


/* 软件下载详情 */
.soft-detail-info .btn { display: inline-block; padding: 2px 12px; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; cursor: pointer; background-color: #17a1ff; color: #fff; border: 0; border-radius: 5px; }
.soft-detail-info .btn:hover { opacity: 0.9; }
.soft-detail-info .btn:active { outline: 0; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.soft-detail-info { padding: 0 0 25px; overflow: hidden; position: relative; }
.soft-detail-info .adbox { position: absolute; right: 0; top: 0; }
.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: 40px; height: 40px; position: absolute; }
.soft-detail-info .con { width: 445px; }
.soft-detail-info .title { height: 40px; line-height: 40px; font-size: 24px; font-weight: bold; margin-bottom: 10px; margin-left: 50px; overflow: hidden; }
.soft-detail-info .attr { overflow: hidden; }
.soft-detail-info .attr dl { width: 50%; height: 28px; line-height: 28px; float: left; font-size: 14px; overflow: hidden; }
.soft-detail-info .attr dt { float: left; color: #999; }
.soft-detail-info .star { vertical-align: -2px; }
.soft-detail-info .btn-group { margin-top: 10px; }
.soft-detail-info .btn { border: 0; font-size: 0; padding: 0; vertical-align: top; width: 250px; height: 72px; line-height: 72px; margin-right: 30px; }
.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; 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-weight: normal; font-style: normal; }
.soft-detail-info .btn .text i { font-size: 14px; }
.soft-detail-info .btn-link { position: relative; border-radius: 5px; background: none; }
.soft-detail-info .btn-link img, .soft-detail-info .btn-link:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 76px; background: url(../images/index/btn.png) no-repeat; background-size: 100% 100%; }
.soft-detail-info .icon-down{ width: 30px; height: 25px; background: url(../images/icon/down2.png) no-repeat;  }

.soft-detail-tabs { height: 46px; line-height: 46px; background: #f6f6f6; 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; border-bottom: 1px solid #fff; }
.soft-detail-tabs li.on { line-height: 44px; color: #17a1ff; border-top: 3px solid #17a1ff; margin-top: -1px; }

.soft-detail-intro { margin: 10px 0; font-size: 16px; 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-address { position: relative; }
.soft-detail-address .adbox { position: absolute; top: 46px; right: 0; }
.soft-detail-address .block-tab li { width: auto; margin-right: 20px; font-weight: bold; color: #666; }
.soft-detail-address .block-tab li.on { height: 42px; color: #333; border-bottom: 3px solid #17a1ff; }
.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: 13px; color: #999; 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 { font-size: 13px; color: #999; text-decoration: underline; }
.soft-detail-address .list a:hover { color: #666; }
.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; }

.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: #17a1ff; color: #17a1ff; }
.version-list.game .btn:hover { background-color: #17a1ff; color: #fff; }
.version-list.game .tit { padding-left: 0; color: #666; }
.version-list.game .tit:hover { color: #17a1ff; }
.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 { line-height: 1.4; padding: 3px 12px; float: right; background-color: #879299; border: 1px solid #879299; color: #fff; }
.version-list .btn:hover { background-color: #17a1ff; border-color: #17a1ff; }

.other-recom { overflow: hidden; margin-bottom: 20px; }
.other-recom.open ul { display: block; }
.other-recom h3 { font-size: 18px; color: #999; margin-bottom: 12px; cursor: pointer; }
.other-recom ul { overflow: hidden; }
.other-recom li { height: 38px; line-height: 38px; float: left; }
.other-recom a { display: inline-block; font-size: 14px; color: #999; padding-right: 20px; }
.other-recom a:hover { color: #666; }

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

.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,.article-text img.chain-img{
	width: 60px;
	height: 60px;
	border-radius: 10px;
	float: left;
	margin: 0 14px 0 0 !important;
}
.chain-box .chain-tit{
	height: 20px;
	line-height: 20px;
	font-size: 18px;
	color: #333;
	overflow: hidden;
}
.chain-box .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-box .chain-btn {
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -19px;
}
.chain-box .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-box .chain-btn a:hover{
	opacity: 0.9;
}
.chain-box .chain-btn a+a{
	background-color: #0ab89d;
}
.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;
}

.chain-tip b{
	color: #333;
	font-weight: normal;
}