body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin: 0;padding: 0;}、
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { -webkit-tap-highlight-color: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font: 12px Helvetica Regular, Microsoft YaHei,sans-serif,Tahoma; color: #434343; }
input { outline: none; }
em, i { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; color: #969696; font-family: STHeiti,'Microsoft YaHei',Helvetica,Arial,sans-serif; outline: 0; }
a:hover { text-decoration: none; }
img { border: none; width: 100%; height: auto; width: auto\9; -ms-interpolation-mode: bicubic; }
.fl { display: block; float: left; }
.fr { display: block; float: right; }
.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(1); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
#content { min-width: 320px; max-width: 768px; margin: 0 auto; background: #f5f5f5; position: relative; }
::-webkit-scrollbar { width: 6px; height: 6px; border-radius: 4px; }
::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 4px; }
.basebox { background: #fff; margin-top: 6px; overflow: hidden; position: relative; }
.basebox > .bt { display: block; overflow: hidden; margin: 2px 12px 0; padding: 6px 0; }
.basebox > .bt p, .basebox > .bt h2 { float: left; color: #333; font-size: 16px; font-weight: bold; line-height: 25px; }
.basebox > .bt .more { float: right; font-size: 14px; color: #888; line-height: 25px; text-decoration: none; }
.QZ-up { display: none; position: fixed; z-index: 10; top: 80%; right: 5%; width: 32px; height: 32px; background: url(../images/btn-up.png) no-repeat; background-size: 100%; }
/*page*/
.pages-wap {margin: 10px 0;padding: 0 15px;}
.pages-list {display: flex;justify-content: space-between;align-items: center;list-style: none;margin: 0;padding: 0;gap: 10px;}
.pages-list li {flex: 1;text-align: center;}
.pages-list a,
.pages-list span {display: block;padding: 10px 0;font-size: 14px;text-decoration: none;border-radius: 6px;transition: all 0.2s ease;}
/* 可点击的链接 */
.pages-list a {background-color: #f5f5f5;color: #333;border: 1px solid #e0e0e0;}
.pages-list a:active {background-color: #12cdb0;color: #fff;border-color: #12cdb0;transform: scale(0.98);}
/* 当前页显示 */
.pages-list .current-page span {background-color: #12cdb0;color: #fff;font-weight: bold;border: 1px solid #12cdb0;}
/* 禁用状态（无上一页/下一页时） */
.pages-list .disabled span {background-color: #f9f9f9;color: #ccc;border: 1px solid #eee;cursor: not-allowed;}
/* 可选：添加一些交互反馈 */
.pages-list a:hover {background-color: #e0e0e0;}
.imgshow { display: none; background: rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 2019521; }
.swiperbox { height: 100vh; z-index: 3; }
.swiperbox .swiper-container, .swiper-wrapper, .swiper-slide { height: 100% !important; }
.swiperbox img { width: initial; position: relative; z-index: 2; }
.swiper-zoom-container:before { width: 100%; height: 100%; content: ' '; position: absolute; z-index: 1; display: block; top: 0; left: 0; cursor: pointer; }
.imgshow .closebtn { position: absolute; z-index: 22; background: url(../images/newclose.png) no-repeat 11px 0px; width: 60px; height: 60px; bottom: 0 !important; top: initial; left: 10px; background-size: 40px; }
.header { background: #fff; height: 55px; position: relative; z-index: 2; max-width: 768px; }
.header .logo { float: left; margin: 12px 12px 0; display: block; height: 40px; overflow: hidden; }
.header .logo img { height: 40px; width: inherit; }
.header .menu { width: 24px; height: 21px; background: url(../images/icon_menu.png) no-repeat; background-size: 24px; margin: 18px 12px 0; cursor: pointer; }
.header .menu.on { background-position: 0 -21px; }
.header .search_wrap { width: 36%; height: 26px; border: none; background: #f5f5f5; margin: 15px 0 0 6px; border-radius: 14px; overflow: hidden; }
.header .search_wrap form { display: flex; }
.header .search_wrap .search_ksy { flex: 1; min-width: 80px; font-size: 12px; color: #222; padding: 0 10px; line-height: 26px; background: none; 
outline:none; border:none;}
.header .search_wrap .search_btn { height: 26px; width: 28px; background: none; text-align: center; background:none; outline:none;  border:none;}
.header .search_wrap .search_btn .icon_s { background: url(../images/icon_search.png) no-repeat; background-size: 100%; width: 16px; height: 16px; display: block; margin: 5px 6px; }
.burger { display: none; position: absolute; top: 50px; z-index: 99; width: 100vw; max-width: 768px; border-bottom: 1px solid #e5e5e5; padding-top: 6px; background: rgba(255, 255, 255, 0.98); }
.burger .item { margin: 6px 12px; overflow: hidden; }
.burger .item a { width: 25%; text-align: center; display: block; float: left; margin: 6px 0; }
.burger .item a span { line-height: 32px; height: 32px; overflow: hidden; font-size: 12px; color: #363636; background: #f2f2f3; border-radius: 16px; width: 90%; display: block; margin: 0 auto; }
.burger .clode_burger { width: 22px; height: 30px; background: url(../images/icon_arr2.png) no-repeat; background-size: 100%; margin: 16px auto 20px; cursor: pointer; }
.burger .menu_title { padding: 7px; height: 20px; line-height: 20px; }
.burger .menu_title::before { display: inline-block; float: left; height: 16px; width: 4px; background: #12cdb0; border-radius: 3px; content: ''; margin: 2px 3px 0 0; }
.burger .menu_title span { float: left; font-size: 14px; color: #777; font-weight: 600; text-indent: 6px; }
.burger .menu_title .mor { float: right; font-size: 14px; color: #777; margin-right: 6px; }
footer { background: #fff; overflow: hidden; padding: 12px 0 0; width: 100%; margin-top: 7px; }
footer .ft_logo { height: 40px; margin: 5px auto 10px; display: block; text-align: center; }
footer .ft_logo img { height: 40px; width: inherit; }
footer p { text-align: center; color: #5e5e5e; line-height: 20px; font-size: 12px; }
footer ul { overflow: hidden; border-top: 1px solid #e5e5e5; display: flex; margin: 12px 12px 0; }
footer ul li { flex: 1; text-align: center; margin: 10px 0; line-height: 16px; font-size: 12px; color: #535353; }
footer ul li + li { border-left: 1px solid #e5e5e5; }
.nav { background: #fff; overflow: hidden; width: 100%; }
.nav ul { display: flex; width: 100%; }
.nav ul li + li a { border-left: 1px solid #eee; }
.nav ul li { flex: 1; border-bottom: 2px solid transparent; padding: 12px 0; }
.nav ul li a { display: block; text-align: center; overflow: hidden; color: #333; font-size: 14px; }
.nav ul .on { border-color: #12cdb0; }
.nav ul .on a { color: #12cdb0; }
.banner { overflow: hidden; margin: 12px; border-radius: 10px; background: #fff; }
.banner .swiper-container { overflow: hidden; }
.banner .index_pagination { width: auto; bottom: 14px; left: initial; right: 12px; }
.banner .index_pagination .swiper-pagination-bullet { background: #fff; margin: 0 4px 1px; border-radius: 6px; }
.banner .index_pagination .swiper-pagination-bullet-active { background: #fff; width: 20px; }
.banner .swiper-slide { position: relative; overflow: hidden; }
.banner .swiper-slide img { display: block; height: 200px;}
.banner .swiper-slide p { position: absolute; bottom: 0; color: #fff; height: 50px; line-height: 50px; font-size: 14px; overflow: hidden; width: 100%; text-indent: 10px; background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.8)); background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.8)); }
.nav2 { background: #fff; box-shadow: 0 4px 6px rgba(0, 61, 90, 0.1); border-radius: 6px; margin: 12px; overflow: hidden; display: flex; }
.nav2 a { font-size: 16px; flex: 1; display: block; text-align: center; line-height: 40px; color: #333; }
.game_list { overflow: hidden; padding-bottom: 6px; }
.game_list li { width: 25%; float: left; margin-bottom: 12px; }
.game_list li .img { display: block; margin: 0 auto; }
.game_list li .img, .game_list li .img img { width: 74px; height: 74px; border-radius: 12px; }
.game_list li p { text-align: center; line-height: 28px; height: 28px; font-size: 14px; color: #000; overflow: hidden; margin: 4px 0; }
.game_list li .btn { display: block; margin: 0 auto; width: 50px; text-align: center; line-height: 26px; height: 26px; font-size: 12px; color: #12cdb0; border-radius: 3px; padding: 0 8px; border: 1px solid #12cdb0; }
.listA { overflow: hidden; padding: 0 12px; }
.listA li:nth-child(1) .num { color: #f04029; }
.listA li:nth-child(2) .num { color: #12cdb0; }
.listA li:nth-child(3) .num { color: #f38c33; }
.listA li { display: flex; padding: 12px 0; }
.listA li .num { width: 16px; line-height: 16px; font-size: 16px; color: #666; font-weight: bold; height: 16px; margin: 30px 5px 0 0; }
.listA li .img { display: block; margin-right: 12px; position: relative; }
.listA li .img, .listA li .img img { width: 74px; height: 74px; border-radius: 12px; }
.listA li .info { flex: 1; margin-right: 12px; }
.listA li .info .bt { display: block; font-size: 14px; color: #1b1b1b; line-height: 26px; height: 26px;overflow: hidden;}
.listA li .info span, .listA li .info p { color: #7d7d7d; font-size: 12px; line-height: 22px; overflow: hidden; height: 26px; }
.listA li .btn { width: 62px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; color: #fff; background: #12cdb0; border-radius: 4px; margin-top: 25px; }
.listA li .btn2 { width: 68px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; color: #fff; background: #12cdb0; border-radius: 6px; margin-top: 25px; border-top-left-radius: 0; border-bottom-right-radius: 0; }
.listA li + li { border-top: 1px solid #eee; }
.ph_tb { margin: 12px 12px 6px; display: flex; height: 35px; line-height: 35px; text-align: center; color: #12cdb0; font-size: 16px; border: 1px solid #12cdb0; border-radius: 10px; overflow: hidden; }
.ph_tb span + span { border-left: 1px solid #12cdb0; }
.ph_tb span { flex: 1; text-align: center; line-height: 35px; display: block; }
.ph_tb .on { background: #12cdb0; color: #fff; }
.ph_bd .listA + .listA { display: none; }
.collction_lis { margin: 6px 0; overflow: hidden; }
.collction_lis li { float: left; width: 50%; }
.collction_lis li .img { margin: 0 6px; height: 0; padding-bottom: 53%; overflow: hidden;}
.collction_lis li img{height:100px;}
.collction_lis li .img, .collction_lis li .img img { border-radius: 6px; display: block; }
.collction_lis li .bt { display: block; margin: 6px; font-size: 14px; color: #1b1b1b; height: 28px; line-height: 28px; text-align: center; }
.news_tab { height: 45px; overflow: hidden; display: flex; position: relative; }
.news_tab span { display: block; flex: 1; height: 45px; background: #f0f0f0; color: #999; text-align: center; font-size: 16px; line-height: 45px; position: relative; z-index: 2; }
.news_tab::before { content: ''; position: absolute; left: 20%; z-index: 1; display: inline-block; width: 50%; height: 20px; background: #f0f0f0; }
.news_tab::after { content: ''; position: absolute; top: 24px; left: 20%; z-index: 1; display: inline-block; width: 50%; height: 20px; background: #fff; }
.news_tab span:first-child { border-bottom-right-radius: 20px; }
.news_tab span:last-child { border-bottom-left-radius: 20px; }
.news_tab .on { background: #fff; color: #333; }
.news_tab span:first-child.on { border-top-right-radius: 20px; border-bottom-right-radius: 0; }
.news_tab span:last-child.on { border-bottom-left-radius: 0rem; border-top-left-radius: 20px; }
.news_bd .news_list + .news_list { display: none; }
.news_bd .morebtn { font-size: 12px; color: #535353; line-height: 26px; height: 26px; background: #eee; border-radius: 12px; display: block; width: 100%; text-align: center; }
.news_list { padding: 0 6px; }
.news_list li:last-child { border: none; }
.news_list li { padding: 12px 0; display: flex; border-bottom: 1px solid #eee; }
.news_list li .img { margin-right: 12px; }
.news_list li .img, .news_list li .img img { border-radius: 6px; display: block; width: 120px; height: 70px; }
.news_list li .info { flex: 1; }
.news_list li .info .bt { font-size: 14px; color: #1b1b1b; height: 40px; line-height: 20px; overflow: hidden; display: block; }
.news_list li .info p { width: 49%; margin-right: 1%; float: left; font-size: 12px; color: #777; line-height: 18px; height: 18px; overflow: hidden; white-space: nowrap; margin-top: 2px; }
.news_list li .info p:last-child { width: 100%; }
.news_list li .info .num { margin-top: 20px; line-height: 20px; font-size: 12px; color: #777; }
.news_list li .info .num i { display: inline-block; width: 18px; height: 13px; background: url(../img/icon_eye.png) no-repeat; background-size: 100% auto; margin: 0 4px -3px 0; }
.news_list li .info span { display: block; margin-top: 10px; line-height: 20px; font-size: 12px; color: #777; overflow: hidden; height: 20px; }
.news_list li .info span i { display: inline-block; width: 16px; height: 16px; background: url(../images/icon_time.png) no-repeat; background-size: 100% auto; margin: 0 2px -3px 0; }
.yq_link { margin: 0 12px 10px 12px; overflow: hidden; }
.yq_link a { font-size: 12px; color: #666; margin-right: 20px; line-height: 28px; }
.tags { margin: 6px; overflow: hidden; }
.tags li { width: 25%; margin-bottom: 10px; float: left; }
.tags li a { display: block; margin: 0 6px; display: block; height: 26px; line-height: 26px; text-align: center; border: 1px solid #e2e2e2; color: #12cdb0; font-size: 14px; border-radius: 6px; overflow: hidden; white-space: nowrap; }
.tag_list { overflow: hidden; background: #fff; padding: 6px; }
.tag_list li { width: 25%; float: left; margin: 4px 0; }
.tag_list li a { font-size: 14px; color: #7d7d7d; background: #fff; text-align: center; height: 30px; line-height: 30px; border: 1px solid #dcdcdc; border-radius: 5px; width: 84%; display: block; margin: 0 auto; overflow: hidden; }
.tag_list .on a { background: #12cdb0; color: #fff; border-color: #12cdb0; }
.list_tb { display: flex; overflow: hidden; height: 43px; background: #eee; }
.list_tb a { flex: 1; height: 40px; border-bottom: 1px solid #e6e6e6; border-top: 2px solid #f5f5f5; display: block; line-height: 40px; text-align: center; font-size: 15px; color: #808080; }
.list_tb .on { border-bottom: 1px solid #fff; border-top: 2px solid #12cdb0; background: #fff; border-right: 1px solid #e6e6e6; color: #404040; }
.Brdnav { overflow: hidden; height: 36px; line-height: 36px; padding: 0 12px; font-size: 12px; color: #7d7d7d; background: #fff; margin-top: 2px; }
.Brdnav i { display: inline-block; width: 18px; height: 18px; background: url(../images/icon_home.png) no-repeat; background-size: 100% auto; margin: 0 4px -4px 0; }
.Brdnav a { color: #7d7d7d; }
.Brdnav span { margin: 0 6px; font-family: initial; }
.downl_head { overflow: hidden; padding: 12px; background: #fff; margin: 6px 0; }
.downl_head .item { overflow: hidden; width: 100%; display: flex; }
.downl_head .item .img { display: block; }
.downl_head .item .img, .downl_head .item .img img { width: 65px; height: 65px; border-radius: 12px; }
.downl_head .item .info { flex: 1; height: 65px; margin: 0 12px; }
.downl_head .item .info .bt { font-size: 14px; color: #333; overflow: hidden; height: 24px; line-height: 24px; font-weight: 600; display: block; }
.downl_head .item .info ul { overflow: hidden; margin-top: 2px; }
.downl_head .item .info ul li { width: 50%; float: left; height: 20px; line-height: 20px; }
.downl_head .btn { display: block; height: 32px; line-height: 32px; color: #ffff; text-align: center; font-size: 14px; border-radius: 3px; background: #12cdb0; margin-top: 15px; }
.img_list { margin: 6px 0 0 6px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.img_list ul li { position: relative; margin-right: 6px; display: inline-block; height: 240px; overflow: hidden; background: #f5f5f5; }
.img_list ul li img { height: 240px; border-radius: 6px; width: initial; position: relative; z-index: 1; }
.game_tags { padding: 0 12px; overflow: hidden; margin-top: 12px; }
.game_tags a { float: left; padding: 0 10px; height: 22px; line-height: 22px; border-radius: 12px; font-size: 12px; border: 1px solid #f2f2f2; color: #999; margin: 0 8px 8px 0; }
.desc_cont {padding: 12px;}
.desc_cont h3 { font-size: 15px; color: #12cdb0; padding: 10px; position: relative; font-weight: normal; }
.desc_cont p { font-size: 14px; color: #666; line-height: 26px; }
.desc_cont p img { max-width: 100%; margin: 4px auto; max-height: 600px; display: block; margin: 0 auto; width: auto; }
.guarantee { margin: 6px 12px; overflow: hidden; }
.guarantee .safety { display: flex; }
.guarantee .safety .flex_grow { flex: 1; line-height: 30px; }
.guarantee .safety .flex_grow li { float: left; font-size: 12px; color: #666; margin-right: 12px; }
.guarantee .safety .flex_grow li i { display: inline-block; width: 15px; height: 14px; background: url(../images/icon_sf.png) no-repeat; background-size: auto 14px; vertical-align: middle; margin-right: 4px; }
.guarantee .safety .flex_grow li .ic1 { background-position: 0 0; }
.guarantee .safety .flex_grow li .ic2 { background-position: -17px 0px; }
.guarantee .safety .flex_grow li .ic3 { background-position: -34px 0; }
.guarantee .open_hidden { display: block; height: 30px; line-height: 30px; font-size: 16px; padding: 0 0 0 6px; color: #12cdb0; border-radius: 6px; font-size: 14px; }
.guarantee .open_hidden u { text-decoration: none; }
.guarantee .open_hidden .icon_i { width: 6px; height: 6px; display: inline-block; vertical-align: middle; margin: 0 4px 5px 8px; border-left: 1px solid #12cdb0; border-bottom: 1px solid #12cdb0; transform: rotate(-45deg); }
.desc_cont.on { max-height: initial; }
.open_hidden.on .icon_i { transform: rotate(135deg); margin-bottom: -3px; }
.downl_list { margin: -10px 12px 0; overflow: hidden; }
.downl_list li + li { border-top: 1px solid #eee; }
.downl_list li { line-height: 30px; }
.downl_list li a { display: flex; padding: 6px 0; }
.downl_list li a::before { content: ''; margin-right: 5px; width: 4px; height: 4px; display: inline-block; background: #12cdb0; vertical-align: top; border-radius: 50%; margin: 14px 8px 0 0; }
.downl_list li a em { flex: 1; overflow: hidden; height: 30px; line-height: 30px; margin-right: 10px; font-size: 14px; }
.downl_list li a .btn { display: block; background: #F7F7F8; height: 26px; line-height: 26px; padding: 0 10px; border-radius: 6px; color: #12cdb0; font-size: 14px; margin: 2px; }
.downl_head #ios{display: none;background: #1292cd; }
.hjtab_hd { margin: 0 12px; overflow: hidden; border-bottom: 1px solid #eee; }
.hjtab_hd li { width: 25%; float: left; display: block; border-bottom: 2px solid transparent; padding: 12px 0; }
.hjtab_hd li span { font-size: 12px; display: block; text-align: center; overflow: hidden; }
.hjtab_hd li + li span { border-left: 1px solid #eee; }
.hjtab_hd .on { border-color: #12cdb0; color: #12cdb0; }
.hjtab_bd { overflow: hidden; width: 100%; }
.hjtab_bd .item + .item { display: none; }
.hjtab_bd .item { overflow: hidden; margin: 12px; }
.hjtab_bd .item .title { font-size: 16px; color: #333; font-weight: 600; overflow: hidden; margin-bottom: 6px; }
.hjtab_bd .item .desc { font-size: 14px; line-height: 24px; color: #444; margin-bottom: 10px; }
.hjtab_bd .item .list { overflow: hidden; width: 100%; }
.hjtab_bd .item .list li { float: left; width: 25%; }
.hjtab_bd .item .list li a { display: block; }
.hjtab_bd .item .list li a img { width: 70px; height: 70px; border-radius: 4px; display: block; margin: 0 auto; }
.hjtab_bd .item .list li a p { width: 100%; text-align: center; line-height: 25px; height: 25px; overflow: hidden; margin: 5px 0; }
.hjtab_bd .item .more { display: block; margin: 6px 0; border-radius: 6px; text-align: center; line-height: 35px; font-size: 14px; color: #fff; background: #12cdb0; }
.news-detail-hd { padding: 12px; border-bottom: 1px solid #e2e7e6; text-align: center; }
.news-detail-hd .title { color: #000; font-size: 18px; font-weight: bold; line-height: 1.5; margin-bottom: 10px; }
.news-detail-hd .info span { color: #a5a8a6; font-size: 12px; margin-right: 6px; }
.news-detail-cont { margin: 12px; overflow: hidden; line-height: 22px; font-size: 14px; color: #555; }
.news-detail-cont h3 { color: #12cdb0; margin: 2px 0; }
.news-detail-cont p { margin: 4px auto; }
.news-detail-cont img { max-width: 98%; margin: 8px auto; width: initial; display: block; }
.phb_hd { display: flex; height: 35px; line-height: 35px; position: relative; }
.phb_hd::before { width: 100%; position: absolute; z-index: 0; height: 20px; background: #12cdb0; display: block; content: ''; }
.phb_hd span { position: relative; z-index: 2; text-align: center; flex: 1; font-size: 14px; color: #fff; background: #12cdb0; height: 25px; line-height: 15px; margin-top: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
.phb_hd span.on { background: #fff; color: #434343; line-height: 30px; border-radius: 10px; box-shadow: 0 -5px 4px #549ccc; }

.phb_bd .list + .list { display: none; }

.collection_info { overflow: hidden; margin: 6px 12px 4px; border-bottom: 1px solid #eee; }
.collection_info img { border-radius: 8px; }
.collection_info .info { display: flex; line-height: 24px; margin: 5px 0; }
.collection_info .info h1 { flex: 1; font-size: 14px; color: #010101; height: 24px; overflow: hidden; }
.collection_info .info span { font-size: 12px; color: #535353; }
.collection_info .info span i { color: #f04029; }
.collection_info .coll_desc { font-size: 12px; color: #7d7d7d; font-size: 12px; line-height: 20px; overflow: hidden; }
.collection_info .coll_lis { border-top: 1px solid #e5e5e5; margin-top: 12px; padding-top: 10px; font-size: 14px; color: #434343; }
.collection_info .coll_lis a { font-size: 14px; color: #00a0e9; margin-left: 4px; }
.collection_info .coll_lis .coll_open { float: right; font-size: 14px; color: #434343; }
.collection_info .time { color: #f00; line-height: 35px; }

.newslist { margin: 0 12px; overflow: hidden; }
.newslist li { line-height: 35px; overflow: hidden; display: flex; }
.newslist li::before { display: inline-block; content: ''; width: 0; height: 0; border-left: 4px solid #999; border-top: 3px solid transparent; border-bottom: 3px solid transparent; margin: 15px 10px 0 0; }
.newslist li a { flex: 1; line-height: 35px; color: #666; font-size: 14px; height: 35px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newslist li span { width: 55px; text-align: right; color: #999; }

.morelist { font-size: 12px; color: #535353; line-height: 26px; height: 26px; background: #eee; border-radius: 12px; display: block; margin: 12px; text-align: center; }

.phb_head { overflow: hidden; }
.phb_head a { width: 25%; float: left; height: 43px; line-height: 43px; font-size: 16px; color: #666; text-align: center; }
.phb_head a span { display: inline-block; text-align: center; margin: 0 15px; height: 40px; border-bottom: 3px solid transparent; }
.phb_head .on span { color: #12cdb0; border-color: #12cdb0; }

/* 20230418 */
.Inventwrap { background: #fff; overflow: hidden; }

.Inventwrap .InvenTitle { height: 36px; line-height: 36px; border-bottom: 2px solid #f1f1f1; position: relative; margin: 0 12px; margin-bottom: 10px; }

.Inventwrap .InvenTitle::before { display: block; content: ""; width: 70px; height: 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAADCAYAAAAqTqlmAAAAfklEQVR42t3SSw6CQBCEYU4y1zU+EQRUVEAFjjgLNm2F/AmzMLBnki/TqV13KrKd29reDWJ2wBEnxDgjQYoLMuQocMUNdynxwBMvVKgDDd74BL6jQfMm4lmr3Trn9U9Zv5DpEF5sDQeBDw7itajJlHXz2foa0v5pSB+2YT77Ae0978j9O9TVAAAAAElFTkSuQmCC) no-repeat; background-size: 100% 3px; position: absolute; bottom: -2px; left: 0; }

.Inventwrap .InvenTitle span { font-size: 16px; color: #333; font-weight: bold; }

.Inventwrap .RecmItems { background: #f5f5f5; margin: 12px; border-radius: 6px; overflow: hidden; padding: 12px 0; display: flex;}

.Inventwrap .RecmItems li { flex: 1; min-width: 0;}

.Inventwrap .RecmItems li a { display: block; margin: 0 auto;max-width: 100px; position: relative; background: #fff; overflow: hidden;border-radius: 6px; }

.Inventwrap .RecmItems li img { display: block; margin: 12px auto; border-radius: 16px; width:70px; position: relative; z-index: 1;  }

.Inventwrap .RecmItems li span { position: absolute; z-index: 2; left: -0; top: -5px; width: 30px; height: 25px; text-align: center; color: #fff; font-size: 13px; font-weight: bold; line-height: 35px; }

.Inventwrap .RecmItems li span i { position: relative; z-index: 2; }

.Inventwrap .RecmItems li:nth-child(1) span::after { border-top-color: #fd302e; }

.Inventwrap .RecmItems li:nth-child(2) span::after { border-top-color: #ff8533; }

.Inventwrap .RecmItems li:nth-child(3) span::after { border-top-color: #ffad33; }

.Inventwrap .RecmItems li span::after { display: block; content: ""; position: absolute; z-index: 1; width: 0; height: 0; left: -30px; top: -25px; border: 30px solid transparent; border-top: 30px solid #ddd; opacity: 0.95; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.Inventwrap .RecmItems li p { display: block; width: 96%; margin: 0 auto 10px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 25px; line-height: 25px; font-size: 14px; color: #333; font-weight: bold; }

.Inventwrap .Items { overflow: hidden; margin: 12px; }

.Inventwrap .Items .item { background: #f2f2f2; border-radius: 6px; padding: 10px; margin-bottom: 15px; }

.Inventwrap .Items .item .bt { display: block; line-height: 30px; font-size: 16px; color: #12cdb0; font-weight: bold; }

.Inventwrap .Items .item .desc { font-size: 14px; color: #666; line-height: 26px; }

.Inventwrap .Items .item img { display: block; margin: 12px auto; border-radius: 6px; max-height: 280px;width: auto;max-width: 100%; }

.Inventwrap .Items .item .btn { display: block; margin: 12px auto; height: 34px; border-radius: 3px; text-align: center; line-height: 34px; font-size: 14px; color: #fff; width: 120px; background: #14cc8f; }

.Inventwrap .Items .item .btn::before { display: inline-block; content: ""; width: 14px; height: 14px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA+klEQVR42sXUMWoCQRTG8YmYE1iokCqdtUUaryAsaQQDtgEtLOysYqEWHiCyIJ5CBAsDKYQEC2EVKyEBNwQbT5CM/+YVeSBrxgU/+FUz8zXzZoy1NkoKb9ggF7X/lMIHSLpxF7bjKCxB8nSRQg+vqJ9RWMELHo39m75DYQtWYtBVpWMkTiwcqrMDWairhTWyMChD0oHBNabqTFtfyr3asEMGt5B4uEKg9laP3fIdviH5go8fWDLETJV5UWOTxkod+oXOHvn/zOEIx7LEjctgP0NnguQ5L6UBie/69LQCijCOhe7ke3pHgIWjAHPUjI05Bk18IMTWUYhP9A7G8ESYkaB20gAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; vertical-align: middle; margin: 0 6px 3px 0; }

.btnone{display: none;}
.btndis{pointer-events: none}

.appmorebox{background-color: #fff; margin-top: 8px;}
.appmorebox{height: auto; width: 100%; overflow: hidden; box-sizing: border-box;}
.hotLabel_tit{position: relative; float: left; width: 100%; padding: 0 3%; box-sizing: border-box; height: 31px; line-height: 20px; border-bottom: 1px solid #e8e8e8;margin-bottom: 10px;}
.hotLabel_tit p{width: 100%; height: 30px;}
.hotLabel_tit span{display: block; height: 30px; line-height: 24px; color: #666; float: left; letter-spacing: 1px; font-size: 16px; font-weight: bold;}
.sfyx_info{width: 94%; margin: 0 auto; height: auto; overflow: hidden; padding-bottom: 10px;}
.sfyx_info ul.sfyx_item{width: 100%; margin: 0 auto; height: auto; margin-top: -10px; overflow: hidden;}
.sfyx_info ul.sfyx_item li{width: 100%; margin: 0 auto; height: 38px; line-height: 38px; box-sizing: border-box; border-bottom: 1px solid #e8e8e8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #888;}
.sfyx_info{width: 94%; margin: 0 auto; height: auto; overflow: hidden; padding-bottom: 10px;}
.sfyx_info ul.sfyx_item{width: 100%; margin: 0 auto; height: auto; margin-top: -10px; overflow: hidden;}
.sfyx_info ul.sfyx_item li{width: 100%; margin: 0 auto; height: 38px; line-height: 38px; box-sizing: border-box; border-bottom: 1px solid #e8e8e8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #888}
.sfyx_info ul.sfyx_item li > span.ap_noti{float: left; margin-right: 60px;}
.sfyx_info ul.sfyx_item li a{color: #12cdb0;}
.readqx_mask{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 99; position: fixed; top: 0; left: 0; color: #fff; display: none; overflow-y: hidden;}
.readqx_tanchuan{width: 80%; display: none; height: auto; background: #fff; border-radius: 10px; color: #666; text-align: center; position: fixed; top: 15%; left: 10%; box-sizing: border-box; padding: 12px 12px; z-index: 100;}
.readqx_tanchuan .readqx_tit{font-size: 16px; color: #666; font-weight: bold; padding-bottom: 12px; border-bottom: 1px solid #e8e8e8; margin-bottom: 10px; width: 100%; overflow: hidden;}
.readqx_tanchuan .readqx_tit .readqx_close{width: 30px; height: 30px; color: #666; font-size: 18px; transform: scale(1.5, 1); display: block; position: absolute; right: 8px; top: 10px; font-weight: normal;}
.readqx-form{max-height: 360px; overflow: auto; font-size: 15px; text-align: left; line-height: 30px;}
.readqx_tanchuan pre{font-size: 15px; line-height: 24px;}
pre{margin: 0; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}


/* 图片查看器遮罩层 */
.image-viewer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.95);
    z-index: 9999;
}

.image-viewer.show {
    display: block;
}

/* 图片容器 */
.viewer-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* 滑动区域 */
.viewer-slider {
    display: flex;
    width: 100%;
    height: 100%;
    cursor: grab;
}

.viewer-slider:active {
    cursor: grabbing;
}

/* 每张图片 */
.viewer-slide {
    min-width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.viewer-slide img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
}

/* 导航按钮 */
.viewer-prev,
.viewer-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10001;
    font-size: 30px;
    color: white;
    font-weight: bold;
}

.viewer-prev {
    left: 10px;
}

.viewer-next {
    right: 10px;
}

/* 关闭按钮 */
.viewer-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10001;
    font-size: 24px;
    color: white;
    font-weight: bold;
}

/* 指示点容器 */
.viewer-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 10001;
    background: rgba(0, 0, 0, 0.5);
    padding: 8px 12px;
    border-radius: 20px;
}

/* 指示点 */
.viewer-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: all 0.3s;
}

.viewer-dot.active {
    background: white;
    width: 20px;
    border-radius: 4px;
}