@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: #00c853; }

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, .game-detail-info { zoom: 1; }
.fn-clear:after, .index-seciton:after, .game-detail-info: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: #ff4c4c; }

.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: #00c853; border: 1px solid #00c853; border-radius: 2px; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.btn:hover { background-color: #00c853; 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: #00c853; border-color: #00c853; color: #fff; }
.btn-green:hover { background-color: #4b991f; border-color: #4b991f; }

/*** @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-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-tag1, .icon-tag2, .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('../2024img/icon-sd1e1414f44.png'); background-repeat: no-repeat; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-totop { background-position: 0 -711px; 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: #333; }

.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: 190px; height: 60px; float: left; margin-top: 25px; }
.header-main .logo img { display: block; width: 100%; height: 100%; }
.header-main .nav { float: left; margin: 36px 0 0 110px; }
.header-main .nav a { float: left; margin: 0 28px; line-height: 38px; font-size: 20px; color: #666; }
.header-main .nav a.on { color: #00c853; }
.header-main .search-box { float: right; margin-top: 36px; }
.header-main .input-wrap { height: 34px; border: 2px solid #00c853; overflow: hidden; }
.header-main .input { float: left; width: 205px; 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: #00c853; color: #FFF; border: none; outline: none; float: right; cursor: pointer; }

.header-nav { height: 45px; line-height: 45px; background: #00c853; }
.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: #4b991f; }

.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.enter { position: fixed; bottom: 0; margin-left: 30px; }
.content-r.leave { position: absolute; }

.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: #ff4c4c; text-decoration: underline; }
.sec-nav a.on { color: #00c853; }

.star { display: inline-block; vertical-align: -2px; width: 85px; height: 15px; background: url(../2024img/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.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: #333; }
.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 #00c853; }
.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: 45px; }
.block-title .tabs li { float: left; cursor: pointer; color: #333; font-size: 20px; position: relative; }
.block-title .tabs li.on { color: #00c853; }
.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 #00c853; 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: #999; 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 #00c853; }
.block-title3 .more, .block-title4 .more { float: right; font-size: 16px; color: #999; }
.block-title3 .more:hover, .block-title4 .more:hover { color: #00c853; }
.block-title3 .btn-change, .block-title4 .btn-change { border: 0; float: right; font-size: 14px; padding: 3px 8px; background-color: #00c853; color: #fff; cursor: pointer; border-radius: 0; margin-top: 9px; }
.block-title3 .btn-change:hover, .block-title4 .btn-change:hover { background-color: #4b991f; }
.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: #00c853; }
.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: #00c853; }
.block-title4 .title { font-weight: normal; border-bottom: 0; }

.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; cursor: pointer; }
.block-tab li.on { height: 44px; border-bottom: 1px solid #00c853; }

.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: #00c853; background-color: #00c853; }
.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: #ff4c4c; 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 .laypage_curr { background-color: #00c853; border-color: #00c853; 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: #00c853; }

.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; 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 { margin-left: 10px; }

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

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

.index-focus-slide { height: 304px; overflow: hidden; position: relative; }
.index-focus-slide li { float: left; width: 56px; }
.index-focus-slide li.kwicks-selected { width: 396px; }
.index-focus-slide li.kwicks-selected .tit { display: block; }
.index-focus-slide a { display: block; width: 396px; height: 304px; position: relative; }
.index-focus-slide .pic { display: block; width: 100%; height: 100%; }
.index-focus-slide .num { position: absolute; top: 0; left: 0; text-indent: 9px; line-height: 26px; color: #fff; }
.index-focus-slide .tit { position: absolute; bottom: 0; left: 0; right: 0; line-height: 40px; height: 40px; overflow: hidden; padding: 0 20px; font-size: 16px; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000); color: #fff; text-align: left; display: none; }

.index-focus-news { margin-top: 6px; overflow: hidden; }
.index-focus-news .block-title2 { margin-bottom: 0; }
.index-focus-news ul { margin-left: -20px; overflow: hidden; }
.index-focus-news li { width: 285px; height: 22px; line-height: 22px; padding-left: 15px; margin: 10px 0 0 20px; float: left; overflow: hidden; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTAyNTA3MDQxNTAzMTFFQ0I5RTlEMUIyNDEwMERBMEYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTAyNTA3MDMxNTAzMTFFQ0I5RTlEMUIyNDEwMERBMEYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MURFQUUyQUE4NDdDMTFFQUIwOENBMDAyMEVBMUMwMDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MURFQUUyQUI4NDdDMTFFQUIwOENBMDAyMEVBMUMwMDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz73n3yNAAAAN0lEQVR42mL8vtLkPwMCMIIIjrDTDEwMOABWiR+rTBlYYNqh4D9eHXglWJC1IxuLVQde5wIEGABx9QkT5DNedwAAAABJRU5ErkJggg==') no-repeat 0 center; }

.index-focus-tabs { overflow: hidden; }
.index-focus-tabs .hd { text-align: center; margin-bottom: 33px; }
.index-focus-tabs .hd .title { height: 28px; line-height: 28px; font-size: 20px; font-weight: bold; overflow: hidden; }
.index-focus-tabs .hd .title a:hover { color: #333; text-decoration: underline; }
.index-focus-tabs .hd .link { margin-top: 8px; overflow: hidden; font-size: 0; }
.index-focus-tabs .hd .link li { display: inline-block; vertical-align: top; max-width: 200px; height: 18px; line-height: 18px; font-size: 14px; overflow: hidden; }
.index-focus-tabs .hd .link li + li { margin-left: 10px; }
.index-focus-tabs .hd .link li + li:before { content: ''; display: inline-block; vertical-align: -1px; margin-right: 10px; width: 1px; height: 12px; background: #565656; }
.index-focus-tabs .hd .link a { color: #565656; }
.index-focus-tabs .hd .link a:hover { color: #ff4c4c; }
.index-focus-tabs .bd { margin-bottom: -25px; }
.index-focus-tabs .bd ul { border-left: 1px solid #eaeaea; position: relative; padding-bottom: 20px; margin-left: 13px; }
.index-focus-tabs .bd ul:before { content: ''; position: absolute; left: -13px; top: -2px; z-index: 1; background-color: #fff; }
.index-focus-tabs .bd li { height: 22px; line-height: 22px; zoom: 1; position: relative; padding-left: 15px; margin-bottom: 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: 110px; float: left; color: #999; margin-right: 20px; text-align: right; }
.index-focus-tabs .bd .type:hover { color: #ff4c4c; }
.index-focus-tabs .bd .pic-wrap { height: 22px; float: left; margin-right: 8px; }
.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; margin-right: 10px; }
.index-focus-tabs .bd .red { color: #ff4c4c; }
.index-focus-tabs .bd-list { display: none; }
.index-focus-tabs .bd-list.on { display: block; }

.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: #00c853; }
.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; 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: #ff4c4c; }
.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 .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: #00c853; 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: #ff4c4c; }
.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: #00c853; }
.index-news-list2 .rec-title .tag:after, .index-news-list3 .rec-title .tag:after { border-left-color: #00c853; }
.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: #ff4c4c; 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: #ff4c4c; }
.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.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; }
.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: 3px; height: 3px; 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: #ff4c4c; }

/***
	@Author: ray;
	@create date:2021-08-12;
***/
.content-soft .content-l { width: 110px; min-height: 100px; }
.content-soft .content-c { width: 660px; margin-left: 60px; }
.content-soft .content-r.enter { top: 0; bottom: auto; margin-left: 60px; }
.content-soft .content-r.leave { top: auto; bottom: 0; }

.cate-menu-list { overflow: hidden; }
.cate-menu-list.enter { width: 110px; position: fixed; top: 0; }
.cate-menu-list.leave { position: absolute; top: auto; bottom: 0; }
.cate-menu-list li { margin-top: 15px;}
.cate-menu-list a { display: block; height: 34px; line-height: 34px; overflow: hidden; text-align: center; border: 1px solid #ccc; border-radius: 18px; }
.cate-menu-list a.on, .cate-menu-list a:hover { background-color: #00c853; border-color: #00c853; color: #fff; }

.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 -44px; }
.soft-list li { width: 80px; float: left; margin: 0 0 15px 44px; text-align: center; position: relative; }
.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 a { display: block; height: 75px; padding: 15px 0; overflow: hidden; position: relative; }
.soft-list2 a + a { border-top: 1px dashed #edeff5; }
.soft-list2 .tit { color: #333; max-width: 160px; height: 19px; overflow: hidden; }
.soft-list2 .tit:hover { color: #00c853; }
.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.top { margin: 20px 0 10px; }
.soft-list3.main ul { margin-left: -22px; }
.soft-list3.main li { margin-left: 22px; }
.soft-list3 ul { overflow: hidden; margin-top: -15px; margin-left: -35px; }
.soft-list3 li { float: left; margin-left: 35px; margin-top: 15px; }
.soft-list3 a { display: block; width: 88px; position: relative; }
.soft-list3 a:hover .txt, .soft-list3 a:hover .btn { display: block; }
.soft-list3 .pic-wrap { width: 88px; 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; background-color: #00c853; 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: #00c853; color: #fff; }
.soft-list4 .btn:hover { background-color: #4b991f; }

.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 .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(../2024img/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: 30px 0 20px; }

.soft-list7 li { margin-bottom: 8px; }
.soft-list7 a { display: block; height: 26px; line-height: 26px; padding-right: 20px; overflow: hidden; background: url(../2024img/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; }
.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: #ff4c4c; text-decoration: underline; }

/***
	@Author: ray;
	@create date:2021-08-12;
***/
.soft-detail-info { margin: 10px 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 { vertical-align: top; font-size: 0; width: 208px; height: 70px; line-height: 70px; padding: 0 20px; border-radius: 2px; }
.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-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: #00c853; border-top: 3px solid #00c853; margin-top: -1px; }

.soft-detail-intro { margin: 10px 0; 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-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 #00c853; }
.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; }

.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: #00c853; color: #00c853; }
.version-list.game .btn:hover { background-color: #00c853; color: #fff; }
.version-list.game .tit { padding-left: 0; color: #666; }
.version-list.game .tit:hover { color: #ff4c4c; }
.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: #00c853; border-color: #00c853; }

.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: #00c853; }
.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-title4 .tabs { float: none; display: inline-block; vertical-align: top; font-size: 16px; margin-left: 40px; }

.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: #00c853; }
.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-list .item { overflow: hidden; margin-bottom: 20px; }
.game-list .item + .item { padding-top: 20px; border-top: 1px solid #eee; }
.game-list .pic-wrap { width: 120px; height: 120px; float: left; margin-right: 30px; }
.game-list .pic { width: 100%; height: 100%; }
.game-list .tit-wrap { height: 26px; line-height: 26px; overflow: hidden; margin-top: 6px; }
.game-list .tit { font-size: 18px; font-weight: bold; }
.game-list .type { display: inline-block; vertical-align: top; width: 80px; text-align: center; background-color: #f7a934; color: #fff; margin-right: 10px; position: relative; }
.game-list .type:after { content: ''; position: absolute; left: 100%; top: 50%; margin-top: -5px; border: 5px solid transparent; border-left-color: #f7a934; }
.game-list .type:hover { background-color: #ea991e; }
.game-list .type:hover:after { border-left-color: #ea991e; }
.game-list .txt { float: right; margin-left: 18px; color: #999; }
.game-list .icon-time2 { margin-right: 5px; vertical-align: -1px; }
.game-list .rem { height: 72px; line-height: 24px; font-size: 14px; color: #666; text-align: justify; overflow: hidden; margin-top: 16px; }
.game-list .laypage_main { margin-bottom: 20px; }

.pic-scroll { margin: 15px 0; }
.pic-scroll .bd { position: relative; margin: 0 auto; overflow: hidden; }
.pic-scroll .item { display: none; text-align: center; }
.pic-scroll .item1 { display: block; }
.pic-scroll .pic { display: inline-block; vertical-align: top; max-width: 600px; max-height: 600px; }
.pic-scroll .hd { height: 12px; text-align: center; margin-top: 15px; }
.pic-scroll .hd li { display: inline-block; vertical-align: top; width: 12px; height: 12px; margin: 0 8px; background: #ccc; border-radius: 50%; cursor: pointer; font-size: 0; }
.pic-scroll .hd li.on { background: #00c853; }

/***
	@Author: ray;
	@create date:2021-08-18;
***/
.game-detail-info { padding-top: 10px; margin-bottom: 15px; }
.game-detail-info .pic { width: 136px; height: 136px; border-radius: 20px; margin: 0 20px 0 0; float: left; }
.game-detail-info .con { width: 325px; float: left; }
.game-detail-info .title { line-height: 30px; height: 30px; font-size: 24px; font-weight: bold; overflow: hidden; margin-bottom: 10px; }
.game-detail-info .attr { overflow: hidden; }
.game-detail-info .attr dl { width: 50%; line-height: 30px; height: 30px; float: left; }
.game-detail-info .attr dt { float: left; color: #999; }
.game-detail-info .star { vertical-align: -2px; }
.game-detail-info .btn-group { width: 175px; float: left; margin: 5px 0 0 5px; }
.game-detail-info .btn { display: block; padding: 0; border: 0; font-size: 0; height: 50px; line-height: 50px; border-radius: 5px; }
.game-detail-info .btn.disabled { background: #ccc; border-color: #ccc; cursor: default; }
.game-detail-info .btn.disabled:active { box-shadow: none; }
.game-detail-info .btn + .btn { margin-top: 15px; }
.game-detail-info .btn .icon { display: inline-block; vertical-align: middle; margin-right: 12px; }
.game-detail-info .btn .btn-text, .game-detail-info .btn .text { display: inline-block; vertical-align: middle; width: 100px; line-height: 1.2; font-size: 17px; text-align: left; white-space: normal; word-break: break-all; }
.game-detail-info .btn .btn-text b, .game-detail-info .btn .btn-text i, .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 .btn-text i, .game-detail-info .btn .text i { font-size: 12px; line-height: 14px; }
.game-detail-info .code-group { width: 130px; float: right; margin-right: 15px; }
.game-detail-info .code-box { width: 110px; height: 110px; padding: 10px; background: url(../2024img/code-box.png) no-repeat; position: relative; overflow: hidden; }
.game-detail-info .code-img { display: block; width: 100%; height: 100%; }
.game-detail-info .code-line { width: 142px; height: 15px; background: url(../2024img/code-line.png) no-repeat; position: absolute; left: -6px; top: -15px; -moz-animation: rolling 3s linear infinite; -webkit-animation: rolling 3s linear infinite; animation: rolling 3s linear infinite; }
.game-detail-info .code-tit { text-align: center; font-size: 16px; font-weight: bold; margin-top: 6px; }
.game-detail-info .btn-wrap { position: relative; padding-right: 10px; margin-right: -10px; margin-top: 10px; }
.game-detail-info .btn-wrap:hover { z-index: 101; }
.game-detail-info .btn-wrap:hover .btn-tips { display: block; }
.game-detail-info .btn-tips { position: absolute; width: 252px; left: 100%; top: 50%; font-size: 14px; color: #666; background-color: #fff; padding: 10px 12px; border-radius: 6px; border: 1px solid #ddd; cursor: default; display: none; margin-top: -48px; }
.game-detail-info .btn-tips a { display: block; margin-bottom: 3px; color: #17a1ff; }
.game-detail-info .btn-tips a:hover { text-decoration: underline; }
.game-detail-info .btn-tips:before, .game-detail-info .btn-tips:after { content: ''; position: absolute; top: 40px; left: -8px; border-right: 8px solid #ddd; border-top: 8px solid transparent; border-bottom: 8px solid transparent; }
.game-detail-info .btn-tips:after { border-right: 8px solid #fff; margin-left: 1px; }
.game-detail-info .has-pc-btn { margin-top: -10px; }
.game-detail-info .has-pc-btn .btn { height: 44px; line-height: 44px; }
.game-detail-info .has-pc-btn .btn .btn-text, .game-detail-info .has-pc-btn .btn .text { font-size: 15px; }
.game-detail-info .has-pc-btn .btn + .btn { margin-top: 10px; }
.game-detail-info .has-pc-btn .btn + .btn-wrap { padding-right: 10px; margin-right: -10px; }

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

.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: #ff4c4c; }
.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: #00c853; }
.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(../2024img/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(../2024img/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: #00c853; }
.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(../2024img/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: #ff4c4c; }
.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: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: 80%; }


.news-detail-body p {margin-bottom:10px;padding:5px 0;line-height:30px;}

.introTit ,.soft-detail-intro h2,.soft-detail-intro h3,.news-detail-body h2,.news-detail-body h3{ 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 #00c853; 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: #ff4c4c; }

.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(../2024img/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; }

/***
	@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: #00c853; }
.not-found .btn { width: 160px; font-size: 16px; padding: 8px 0; border-radius: 20px; }


.rel_down { display:block; width:100%; margin: 10px 0; overflow: hidden; border-radius: 10px;}
.rel_down .item {height: 105px; background: #f4f5f5; padding: 20px}
.rel_down .item a { text-decoration:none;}
.rel_down .item p {margin:0; padding:0}
.rel_down .item .pic {float: left; width: 105px; height: 105px;  margin-right: 20px; position: relative; overflow: hidden;}
.rel_down .item .pic img {width: 105px; height: 105px; border-radius: 17px;}
.rel_down .item .info {float: left; width:460px; margin-top: 5px;  overflow: hidden;}
.rel_down .item .tit{font-size:20px; height:30px; line-height:30px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; margin-bottom: 10px;}
.rel_down .item .tit a{color:#333;}
.rel_down .item .attr{color:#969696; font-size:14px; width:100%; height:20px; line-height:20px; margin-top:3px; overflow:hidden;}
.rel_down .item .attr span{display:inline-block; float:left; min-width:120px; margin-right:15px;}
.rel_down .item .attr em{float:left; font-style:normal}
.rel_down .item .stars{ width:85px;}
.rel_down .item .btns{float:right; width:180px; overflow:hidden; }
.rel_down .item .btn{ display: block; width: 150px; height: 44px; line-height: 44px; text-align: center; background: #11ad11; border-color: #11ad11; color: #FFF !important; border-radius: 4px; margin-top: 30px; font-size: 16px; }
.rel_down .item .btn:hover{ background: #0D850D; border-color: #0D850D; color: #FFF !important; }
/*行情表格样式*/
      html {
          font-size: 60px !important;
      }

      body{
          font-size: 14px;
      }

      .ss-table th {
          font-size: 0.22rem;
          color: #939ea9;
          font-weight: normal;
          text-align: left;
      }

      .ss-table .arr {
          background-size: contain;
          width: 0.12rem;
          height: 0.18rem;
          margin-left: 0.05rem;
          display: inline-block;
          vertical-align: middle;
      }

      .ss-table td {
          padding: .14rem 0;
          font-size: 0.23rem;
      }

      .ss-table .bi {
          font-size: 0.18rem;
          color: #939ea9;
          display: flex;
          align-items: center;
          line-height: 0.30rem;
          margin-bottom: 0;
      }

      .ss-table .bi .ic {
          font-size: 0.24rem;
          display: inline-block;
          vertical-align: middle;
          margin-right: 0.06rem;
          width: 0.35rem;
          height: 0.35rem;
      }

      .ss-table .bi em {
          font-size: 0.25rem;
          color: #333333;
          margin-right: 0.08rem;
      }

      .ss-table .dw {
          font-size: 0.21rem;
          color: #939ea9;
          width: 1.9rem;
          line-height: 0.30rem;
          margin-bottom: 0;
      }

      .ss-table .p1 {
          font-size: 0.23rem;
          color: #000000;
          line-height: 0.30rem;
          margin-bottom: 0;
      }

      .ss-table .p2 {
          font-size: 0.2rem;
          color: #868E9E;
          line-height: 0.30rem;
          margin-bottom: 0;
      }

      .ss-table .p3 {
          font-size: 0.23rem;
          color: #000000;
          text-align: center;
          line-height: 0.30rem;
          margin-bottom: 0;
      }

      .ss-table .bq {
          width: 100%;
          height: 0.56rem;
          display: inline-block;
          line-height: 0.56rem;
          text-align: center;
          font-size: 0.23rem;
          color: #fff;
          border-radius: .04rem;
      }

      .ss-table .bq.down {
          background-color: #E1322D;
      }

      .ss-table .bq.up {
          background-color: #14B185;
      }

      .ss-table th:nth-child(1) {
          width: 8%;
      }

      .ss-table th:nth-child(2) {
          width: 27.5%;
      }

      .ss-table th:nth-child(3) {
          width: 22.5%;
          text-align: center;
      }
      .ss-table th:nth-child(4) {
          width: 24.5%;
          text-align: center;
      }

      .ss-table th:nth-child(5) {
          width: 17.5%;
          text-align: center;
      }

      .ss-table td:nth-child(3) {
          text-align: center;
      }

      .ss-table td:nth-child(4) {
          text-align: center;
      }

      .ss-table td:nth-child(5) {
          text-align: center;
      }

      .ss-xw {
      }

      .ss-xw .pub-tt {
          margin-bottom: 0;
      }
      
/* 20231012 */

.news-detail-body{}
.news-detail-body .list_item{ width: 100%; min-height: 170px; border-bottom: 1px solid #f2f2f2; margin-bottom: 20px;}
.news-detail-body .info_download_top{ border-bottom: 1px solid #fff; padding: 15px 0; height: 80px;background: #f2f2f2;}
.news-detail-body .img{margin-left: 20px; float: left;}
.news-detail-body .img,.news-detail-body .img img{ width: 80px; height: 80px; border-radius: 10px; }
.news-detail-body .tex{float: left;width: 660px;padding-left: 20px; height: 80px; position: relative;}
.news-detail-body .tex .tex_a{height: 25px;line-height: 25px;overflow: hidden;width:500px;float: left;padding-top: 10px;}
.news-detail-body .tex .tex_a .a1{font-size: 20px;  color: #333333;padding-right: 20px; font-weight: bold;}
.news-detail-body .tex .tex_p{ float: left;height: 12px; color: #9e9e9e; height: 20px; line-height: 20px; font-size: 14px; padding-top: 15px; overflow: hidden; width: 500px;}
.news-detail-body .tex .tex_p span{ padding-right: 24px;}
.news-detail-body .tex_bot{margin-top: 7px;width: 120px;height: 37px;background: #41d99a;text-align: center;line-height: 37px;color: #fff;float: right;border-radius: 5px;display: block;}
.news-detail-body .tex_bot .btn{display: block; width: 100%; height: 100%; color: #fff;padding:0;line-height: 37px;border:0;}
.news-detail-body .tex_bot .btn:hover{opacity: 0.9;}
.news-detail-body .top-star{position:absolute;right:3px;top:0;font-size: 14px;color:#999;line-height:22px;}
.news-detail-body .top-star .stars{ position:relative; top:-2px;top:0; }
.news-detail-body .top-star .stars{background:url(../images/stars3.png) no-repeat;width:79px;height: 14px;display:inline-block;vertical-align:middle;overflow: hidden;background-position: -0px 0;position:  relative;}
.news-detail-body .top-star .stars u{background:url(../images/stars3.png) no-repeat;height: 14px;position: absolute;left: 0;top:0;width:70%;display: block;background-position: 0 -14px;position:  absolute;}
.news-detail-body .top-star .list_pf {  color: #f0831e;  font-weight: 400;  font-family: Georgia;  }
.news-detail-body .text_buttom{padding:0 20px; line-height: 40px; padding-top: 7px; text-align: justify; font-size: 15px;background: #f2f2f2;}
.news-detail-body .text_buttom p:before{content: '“';font-family: 'Arial Negreta', 'Arial Normal', 'Arial';font-weight: 700; font-size: 28px; color: #2577E3; padding-right: 8px;}
.news-detail-body  .text_buttom p:after{content: '”';font-family: 'Arial Negreta', 'Arial Normal', 'Arial'; font-weight: 700;font-size: 28px;color: #2577E3;padding-left: 8px;}
.news-detail-body .img_bj{padding: 20px;}
.news-detail-body .img_bj img,.news_info_warp .news-detail-body .img_bj iframe,.news_info_warp .news-detail-body .img_bj embed{ width: 100%;}
.news-detail-body .img_bj p{color: #525252; font-size: 16px; line-height: 28px; padding-bottom: 15px;}
.news-detail-body .text_top{color: #525252; font-size: 16px; line-height: 28px; padding-top: 15px; padding-bottom: 30px;}

.RecmItems { background: #f5f5f5; margin: 20px auto; border-radius: 8px; overflow: hidden; padding: 15px 0; }

.RecmItems li { float: left; width: 20%; }

.RecmItems li a { display: block; margin: 0 auto; position: relative; }

.RecmItems li:hover img { opacity: 0.8; }

.RecmItems li:hover p { color: #00ceff; }

.RecmItems li img { display: block; margin: 0 auto;border-radius: 20px; width: 120px; position: relative; z-index: 1; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }

.RecmItems li span { position: absolute; z-index: 2; right: 15px; top: -5px; background: #00ceff; width: 20px; height: 25px; text-align: center; color: #fff; font-size: 14px; font-weight: bold; line-height: 28px; }

.RecmItems li span::after { display: block; content: ""; position: absolute; width: 0; height: 0; right: 0; bottom: -10px; border: 10px solid #00ceff; border-bottom: 5px solid transparent; }

.RecmItems li p { display: block; width: 120px;margin: 10px auto 0; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 25px; line-height: 25px; font-size: 16px; color: #333;  font-weight: bold; }
.PicBox { overflow: hidden; background: #fff; border-radius: 8px;background: #f5f5f5;padding: 10px; margin-top: 10px; }
.PicBox .GamePic { position: relative; overflow: hidden; }
.PicBox .GamePic .swiper-slide { width: auto; }
.PicBox .GamePic .swiper-slide img { display: block; height: 360px; width: auto; border-radius: 6px;  max-width:100%;}
.swiper-scrollbar{background: none}


 @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}