@charset "utf-8";
/*
Theme Name: APP-GAME
Theme URI: https://wpmbg.com/
Description: WP模板阁开发主题，更多主题请访问：WP模板阁，获得技术支持QQ：1730401718
Author: WP模板阁
Author URI: https://wpmbg.com/
Version: 1.5
Tags: Wordpress,Wordpress主题,网站主题,WP模板阁
Time:
*/
/* 首字母大写
body{text-transform:capitalize;}*/
/* 全大写
.topnav{text-transform:uppercase;}*/
@import url(static/font-awesome/css/font-awesome.min.css);
/* 浮动与清除 */
.fleft {float: left;}
.fright {float: right;}
.clearfix:after {clear: both;content: ".";display: block;height: 0;font-size: 0;visibility: hidden;}
.clearfix {*zoom:1;}
img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.ovh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.logoimg{max-width:100%;max-height:100%;}
#wpmobans{display:none;}
.fnone{display:none!important;}
.wp-caption{max-width:100%;}
.vss{overflow:visible;}
.wlogo img{max-height:40px;}
.mb10{margin-bottom:10px;}
#main-nav svg{display:inline;}
#main-nav a[aria-current="page"]{--tw-text-opacity: 1;color: rgb(46 204 133 / var(--tw-text-opacity, 1));}
/*侧边栏三级菜单
.sidenavmain h3{line-height:30px;padding:10px;background:#f60;color:#fff}
.sidenavmain ul li{position:relative;}
.sidenavmain ul li a{display:block;line-height:30px;padding:10px;}
.sidenavmain>ul>li>a{background:#11b97f;color:#fff;border-bottom:1px solid #ddd}
.sidenavmain ul ul li a{background:#f6f6f6;border-bottom:1px solid #ddd}
.sidenavmain ul ul li a:hover{background:#f0f0f0}
.sidenavmain ul ul{display:none;}
.sidenavmain ul ul li a{text-indent:10px}
.sidenavmain ul ul ul li a{text-indent:20px}
.sidenavmain ul ul ul ul li a{text-indent:40px}
.jia{position:absolute;display:block;width: 20px;height: 20px;text-align:center;line-height:20px;border-radius:50%;border:1px solid #ddd;right:20px;box-sizing: border-box;background: #fff;top:15px;cursor:pointer;}
*/
/*二唯码弹窗*/
#share_wechat2,#share_qq2{display: none;position: fixed;left: 0%;top: 0%;z-index: 99;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
.showwx2 {position: fixed;border-radius: 6px;left: 50%;top: 50%;z-index: 100;width: 380px;margin-left: -200px;margin-top: -200px;background: #fff;padding: 0px;text-align: center;}
.wxclose2 {width: 100%;font-size: 14px;color: #333;cursor: pointer;margin-bottom: 10px;float: right;text-align: right;width: 25px;height: 25px;text-align: center;margin: 5px 5px 0 0;background: url(basic/images/close.png) no-repeat;background-size: contain;}
.showwx2 img {width: 220px;}
.swz22 {text-align: center;font-size: 16px;}
.showwx2-1{padding: 0 10px;font-size: 18px;text-align: left;height: 50px;line-height: 50px;margin: 0;border-bottom: solid 1px #eeeeee;}
.showwx2-2{padding:10px;font-size: 16px;}
.rzimg{display: block;float: left;background: url(basic/images/yrz.png) no-repeat left center;height: 25px;width: 62px;}
.wxhsz{float:left;font-size: 16px;line-height: 25px;}
.showwx2-3{padding:10px;background:#f0f0f0;}
.showwx2-3 span{color: #2196F3;height: 25px;line-height: 30px;font-size: 15px;margin: 0;padding: 0;text-align: center;}
.showwx2-3 img{display:block;width:60%;margin:10px auto;}
.showwx2-4 a{display: inline-block;width: 50%;text-align: center;text-decoration: none;box-sizing:border-box;height: 50px;line-height: 50px;color: #1381ff;border-right: solid 1px #eeeeee;cursor:pointer;}
.showwx2-4 a:nth-child(2){border-right:none;}
/* 弹窗遮罩 */
#feedbackModal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;z-index: 9999;opacity: 0;visibility: hidden;transition: all 0.3s ease;}
#feedbackModal.show {opacity: 1;visibility: visible;}
/* 弹窗内容 */
#feedbackModal .modal-content {background: white;padding: 2rem;border-radius: 12px;max-width: 400px;width: 90%;text-align: center;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);transform: translateY(-20px);transition: transform 0.3s ease;}
#feedbackModal.show .modal-content {transform: translateY(0);}
/* 弹窗图标 */
#feedbackModal .modal-icon {font-size: 3rem;margin-bottom: 1rem;}
#feedbackModal .modal-icon.success {color: #10b981; /* 成功绿色 */}
#feedbackModal .modal-icon.error {color: #ef4444; /* 错误红色 */}
/* 弹窗文字 */
#feedbackModal .modal-title {font-size: 1.25rem;font-weight: 600;margin-bottom: 0.5rem;color: #111827;}
#feedbackModal .modal-message {color: #4b5563;margin-bottom: 1.5rem;line-height: 1.5;}
/* 弹窗按钮 */
#feedbackModal .modal-btn {padding: 0.5rem 2rem;background: rgb(46 204 133 / var(--tw-bg-opacity, 1));color: white;border: none;border-radius: 8px;cursor: pointer;font-weight: 600;transition: background 0.2s;}
#feedbackModal .modal-btn:hover {background: rgb(14 174 102);}
.modal-icon svg{width:40px;height:40px;border-radius:50%;margin:0 auto;color:#fff;}
.error svg{background:#f60;}
.success svg{background:rgb(46 204 133 / var(--tw-bg-opacity, 1));}
/* 表单样式增强（保持原有风格） */
.space-y-4 > div {margin-bottom: 1rem;}
.rounded-xl {border-radius: 0.75rem;}
.bg-gray-50 {background-color: #f9fafb;}
.border-gray-200 {border-color: #e5e7eb;}
.focus\:ring-primary\/20:focus {box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);}
.focus\:border-primary:focus {border-color: rgb(46 204 133 / var(--tw-bg-opacity, 1));}
.bg-primary {background-color: rgb(46 204 133 / var(--tw-bg-opacity, 1));}
.hover\:bg-primary-hover:hover {background-color: rgb(14 174 102);}
.text-gray-700 {color: #374151;}
.text-sm {font-size: 0.875rem;}
.font-medium {font-weight: 500;}
.disabled\:opacity-50:disabled {opacity: 0.5;}
.disabled\:cursor-not-allowed:disabled {cursor: not-allowed;}
.animate-spin {animation: spin 1s linear infinite;}
@keyframes spin {from { transform: rotate(0deg); }to { transform: rotate(360deg); }}
.size-5 {width: 1.25rem;height: 1.25rem;}
/*页面循环字段*/
.pagelistmain{margin:20px 0;}
.pagelistmain dd{width:25%;float:left;box-sizing:border-box;padding:20px 10px 0;}
.pagelistmain dd img{display:block;width:100%;margin-bottom:0px!important;transition: transform 0.5s ease;}
.pagelistmain dd img:hover{transform: scale(1.05);}
.pagelistmain dd a.plmain_tit{display:block;text-align:center;font-size:14px;padding:10px 0;background:#eee}
/*前台编辑*/
.mbg_s{position:relative;z-index:999999}
.mbg_s .mbg_edit{display:block;width:20px!important;height:20px!important;position:absolute;top:0px;right:-20px;z-index:999999}
.mbg_s.fleft+.mbg_s.fleft .mbg_edit{position:absolute;top:0px;right:-50px;z-index:999999}
.mbg_s .mbg_edit i{display:block;width:20px!important;height:20px!important;border-radius:50%;background:#fff url(basic/images/edit.png) no-repeat;background-size:100% 100%;position:relative;z-index:999999;}
.mbg_s .mbg_flbj i{background:#fff url(basic/images/flbj.png) no-repeat;background-size:100% 100%;}
#notices{position:fixed;opacity:0;top:20%;right:0px;left:auto;transform:translateY(-50%);width: 500px;padding: 10px;background: #f7c0c0;border: 1px solid red;border-radius: 10px;color: #ab4400;box-shadow:0 2px 8px rgba(0,0,0,0.1);border-radius:8px;transition:all 0.4s ease;}
#notices-green,#notices-update{position:fixed;opacity:0;top:20%;right:0px;left:auto;transform:translateY(-50%);width: 500px;padding: 10px;background: #d8ffe2;border: 1px solid #03a51b;border-radius: 10px;color: #0bc211;box-shadow:0 2px 8px rgba(0,0,0,0.1);border-radius:8px;transition:all 0.4s ease;z-index:0;}
#notices.show{opacity:1;right:calc(50% - 500px);transform:translate(-50%, -50%);z-index:999;}
#notices i{display:inline-block;width:30px;height:30px;font-weight:300;text-align:center;line-height:30px;background:#f60;color:#fff;border-radius:50%;}
#notices-green.show,#notices-update.show{opacity:1;right:calc(50% - 500px);transform:translate(-50%, -50%);z-index:999;}
#notices-green i,#notices-update i{display:inline-block;width:30px;height:30px;margin-right:5px;font-weight:300;text-align:center;line-height:30px;background:#05d734;color:#fff;border-radius:50%;}
h3#reply-title,.comment-notes,.comment-form-cookies-consent,span.required-field-message{display:none;}
.comment-list .children{padding-left:60px;}
.comments-area {max-width: 1200px;margin: 40px auto;padding: 0 20px;}
.comments-title {font-size: 24px;font-weight: 600;margin-bottom: 30px;display: flex;align-items: center;gap: 8px;}
.comments-title::before {content: "💬";}
.comment-form {display: grid;gap: 20px;margin-bottom: 40px;}
.comment-form textarea,
.comment-form input {width: 100%;padding: 16px;border: 1px solid #e5e7eb;border-radius: 12px;font-size: 16px;transition: border-color 0.3s;}
.comment-form textarea:focus,
.comment-form input:focus {outline: none;border-color: #10b981;}
.comment-form-comment {grid-column: 1 / -1;}
.comment-form-author,
.comment-form-email {grid-column: span 1;}
@media (min-width: 768px) {.comment-form { grid-template-columns: 1fr 1fr;}.comment-form-comment { grid-column: 1 / -1;}}
.submit-btn {justify-self: end;background-color: #10b981;color: white;border: none;padding: 12px 34px;border-radius: 8px;font-size: 16px;font-weight: 500;cursor: pointer;transition: background-color 0.3s;}
.submit-btn:hover {background-color: #059669;}
.comment-list {list-style: none;padding: 0;margin: 0;}
.comment-body {display: flex;gap: 16px;margin-bottom: 24px;}
.comment-author img {border-radius: 50%;}
.comment-content {flex: 1;}
.comment-meta {display: flex;align-items: center;gap: 8px;margin-bottom: 8px;}
.comment-meta .fn {font-size: 16px;font-weight: 500;}
.comment-meta-item {font-size: 14px;color: #bcbfc3;}
.comment-text {font-size: 16px;color: #111827;margin-bottom: 12px;}
.reply-link a {color: #10b981;font-size: 14px;text-decoration: none;}
.reply-link a:hover {text-decoration: underline;}
/*底部菜单样式
.ftnav>li{width: 23%;float: left;padding: 30px 0;visibility: visible;animation-delay: 0.2s;animation-name: fadeInLeftA;}
.ftnav>li>a{display:block; padding-bottom: 20px;font-size: 18px;font-weight: normal;color: #333;}
.ftnav ul li{height: 24px;line-height: 24px;overflow: hidden;}
.ftnav ul li a {color: #888;}
*/
/*底部小图标
.ftico{width:30px;height:30px;display:block;margin:0px auto;}
.ico-home{background:url(basic/images/ftico/home.png) no-repeat;background-size:100% 100%;}
.ico-lianxi{background:url(basic/images/ftico/lianxi.png) no-repeat;background-size:100% 100%;}
.ico-wx{background:url(basic/images/ftico/wx.png) no-repeat;background-size:100% 100%;}
.ico-qq{background:url(basic/images/ftico/qq.png) no-repeat;background-size:100% 100%;}
.ico-liuyan{background:url(basic/images/ftico/liuyan.png) no-repeat;background-size:100% 100%;}
.ico-tel{background:url(basic/images/ftico/tel.png) no-repeat;background-size:100% 100%;}
.ico-top{background:url(basic/images/ftico/top.png) no-repeat;background-size:100% 100%;}
*/
/*中英文切换按钮(直显)
.languagediv,.languagediv ul li{display:inline-block;margin-left:10px}
.languagediv ul li a{padding-left:20px;background-position: 0px;background-position:0 50%;}
.gt_selector option:first-child{display:none;}
*/
/*中英切换按钮（下拉）
.langmain{position:relative;}
.langtop{height:35px;line-height:35px}
.langcon{padding:10px 10px;background:#f9f9f9;display:none;position:absolute;left:0;top:100%;width:100%;z-index:999999999;}
.langcon li{display:block;text-align:left;}
#langmz{padding-left:20px;background-position: 0px;background-position:0 50%;}
.langcon ul li a{padding-left:20px;background-position: 0px;background-position:0 50%;display:block;height:32px;line-height:32px}
.langtop{cursor:pointer;}
@media screen and (max-width: 768px) {
.langtop{text-align:right;padding-right:10px}
.langcon{position:absolute;right:0;left:50%}}
*/
/*解决图片高度不一样错位问题 2n+3:一行2个+（2+1）
.product_list88 li:nth-child(2n+3){clear:left}
*/
/*次导航 方法一：
'topmenu','container' => '','menu_class' => 'topnav clearfix','menu_id' => 'topmeau','depth' => 3, ) ); ?>
.topnav li{position:relative;transition: all 3s ease-in-out;float:left;}
.topnav>li>a{position:relative;display:block;padding:10px 30px;color:#fff;}
.topnav .sub-menu>li,.topnav .sub-menu>li a{display:block;width:100%;text-align:center;box-sizing:border-box;margin:0;padding:0;}
.topnav .sub-menu li{line-height:50px;position:relative;min-height:50px;border-bottom:1px solid #f4f4f4}
.topnav .sub-menu li:hover{background:#f6f6f6;}
.topnav .sub-menu li:hover>a,.topnav .sub-menu li a:hover{color:#11b97f}
.topnav li .sub-menu li a{color:#444;line-height:1.5em;padding:10px 0;}
.topnav li .sub-menu li a:hover{color:#333}
.xlsjx{display:inline-block;width:14px;height:14px;vertical-align:middle;background:url(basic/images/down.png) no-repeat 50% 50%;position:relative;z-index:9;margin-left:5px;background-size:100% 100%;}
@media screen and (min-width: 768px) {
.topnav li .sub-menu{position:absolute;left:-10%;right:0;top:100%;z-index:99999999999;background:#fff;width: 120%;box-shadow: 3px 0 10px rgba(0, 0, 0, 0.1);}
.topnav li .sub-menu{filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.topnav li:hover>.sub-menu,.topnav .sub-menu:hover{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.topnav .sub-menu .sub-menu{position:absolute;top:0;left:100%;}}
@media screen and (max-width: 768px) {
.topnav li .sub-menu{display:none;opacity: 1;position:relative;left:0;right:0;top:0;z-index:1;padding-left:0px;box-sizing:border-box;}
.xlsjx,.topnav li .sub-menu li .xlsjx{float:right;margin-top:5px;margin-right:10px}
.topnav .sub-menu>li, .topnav .sub-menu>li a{text-align:left;text-indent:2em}
.topnav li li{float:none!important;}}
*/
/*
方法二：
'topmenu','container' => '','menu_class' => 'topnav','menu_id' => 'topmeau','depth' => 2, ) ); ?>
.topnav>li{float:left;font-size: 15px;color: #282828;margin-left: 28px;position:relative;}
.topnav>li:hover,.topnav>li.current-menu-item{border-bottom:1px solid #d82019;}
.topnav li.menu-item-has-children .sub-menu{ display:none; left:0; top:80px; position:absolute; left:-20px;background:#fff; line-height:26px; width: calc(100% + 40px);z-index:999; }
.topnav li.menu-item-has-children .sub-menu li{ zoom:1; }
.topnav li.menu-item-has-children .sub-menu li a{ display:block; padding:10px; color:#666;border-bottom:1px solid #eee;text-align:center;}
.topnav li.menu-item-has-children .sub-menu li:hover a{ background:#0b50a2;color:#fff; }
*/
/*文章页*/
.kmain,.kmain p{line-height:1.8em;}
.kmain .aligncenter{margin:10px auto;}
.kmain img {max-width:100%; height:auto;display:block;margin:10px auto;}
.kmain video{max-width:100%;height:auto;display:block;margin:10px auto;}
.kmain code{padding:1px 4px;border-radius:2px;background-color:#eee;font-family:'courier new';color:#777;margin:0 4px}
.kmain table{border:solid 1px #ddd;max-width: 100%;box-sizing:border-box;margin-bottom: 16px;border-collapse:collapse;}
.kmain table th{background-color:#f9f9f9;text-align:center}
.kmain table td,.kmain table th{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}
.kmain .alignleft{float:left;text-align:left;margin-right:10px}
.kmain .aligncenter{text-align:center}
.kmain .alignright{float:right;text-align:right;margin-left:10px}
.kmain pre{margin:15px auto;font:12px/20px 'courier new';border:1px solid #d6d6d6;border-left-width:4px;background:#fbfbfb;padding:10px 15px}
.kmain blockquote{margin:15px auto;border:1px solid #d6d6d6;border-top-width:3px;padding:15px 20px 10px;background-color:#fdfdfd;}
.kmain blockquote p{margin:0;padding:0;text-indent:24px;margin-bottom:10px;}
/* 分页*/
.pagination{min-height:40px;width:100%;text-align:center;margin-top: 50px;text-align:center;}
.pagination .current, .pagination a,.pagination span{width:40px;height:40px;font-size: 0.875rem;line-height: 1.25rem;line-height:40px;text-align:center;border-radius: 50%;margin-right:10px; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.pagination a:hover,.pagination .current{color:#fff;background:rgb(46 204 133 / var(--tw-bg-opacity, 1));}
.pagination a,.pagination span{display:inline-block;background:#fff;border:1px solid rgb(229 231 235 / var(--tw-border-opacity, 1));color:#444;}
.pagination .total-pages{font-size:14px;}
.mbx{color:rgb(156 163 175 / var(--tw-text-opacity, 1));font-weight:500;}
.mbx a{color:rgb(17 175 104);font-weight:500;margin:0 5px;}
.mbx a:hover{color:rgb(46 204 133 / var(--tw-text-opacity, 1));}
@media screen and (max-width: 768px) {
div[id^="attachment_"]{width:100%!important;}
.kmain {overflow-x:auto !important;}
.kmain table{width:100% !important;}
.kmain table img{max-width:100% !important;}
.showwx2{width:94%;margin-left:3%;left:0;}
.pagelistmain dd{width:48%;margin:0 1%;padding:0}
.comments-area{padding:0;}
.comment-list .children{padding-left:20px}
.votescommen .text-center span{display:block;}
#notices-update,#notices,#notices-green{width:100%;z-index:9;}
#mobile-menu>nav>a[aria-current="page"]{--tw-text-opacity: 1;color: rgb(46 204 133 / var(--tw-text-opacity, 1));background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));}
#notices-green.show,#notices-update.show,#notices.show{right:0;left:0;transform: none;}
}