body {
font-size: 16px;
color: #333;
margin: 0 auto;
padding: 0px;
font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;
scroll-behavior: smooth;
background: #f7fafe;
}
.bsbg{ background:#fff}
.wimg{filter: brightness(0) invert(1);}
/*.body{ width:100%; height:300px; position:relative}
.body:after{background: linear-gradient(to bottom, rgba(43,126,255,1), rgba(247,250,254,1)); width:100%; top:0; left:0; height:100%; position:absolute}*/
* {
outline: 0px;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
font-style: normal;
list-style: none
}
a, a:link, a:visited, a:active {
color: #333;
text-decoration: none
}
a[data-page], a[data-home] {
cursor: pointer;
transition: all 0.2s;
}
::-webkit-scrollbar {
width:5px;
height:10px
}
::-webkit-scrollbar-button:vertical {
display:none
}
::-webkit-scrollbar-track:vertical {
background:000
}
::-webkit-scrollbar-track-piece {
background:#f6f6f6
}
::-webkit-scrollbar-thumb:vertical {
background:#d0d0d0
}
::-webkit-scrollbar-thumb:vertical:hover {
background:#3B3B3B
}
::-webkit-scrollbar-corner:vertical {
background:#535353
}
::-webkit-scrollbar-resizer:vertical {
background:#FF6E00
}
img {
border: none
}
nav {
position: fixed;
z-index: 999;
background: #fff;
bottom: 0;
width: 100%;
height: 60px;
padding: 0;
-webkit-touch-callout: none;
left: 50%;
transform: translateX(-50%);
max-width: 800px;
visibility: visible !important;
display: block !important;
}
nav ul {
display: inline
}
i {
font-style: normal
}
nav ul li {
color: #999;
float: left;
width: 20%;
text-align: center;
position: relative
}
nav ul li .active {
color: #1d80d2;
}
nav li .msg {
color: #fff !important;
background: #36d89c;
height: 36px;
border-radius: 4px;
width: 50%;
display: block;
line-height: 36px;
margin-top: 11px
}
nav li .msg .iconfont {
font-size: 24px;
}
.navicon {
width: 100%;
text-align: center;
float: left;
padding-top: 12px;
color: #666;
position:relative;
z-index:2
}

.naviconh {
width: 100%;
text-align: center;
float: left;
color: #dcdcdc;
position:relative;
z-index:2
}
.sc img{filter: grayscale(100%);}
.sca img{ }
.navicon img{ height:20px;filter: sepia(100%) saturate(0%);}
nav .active img{filter: sepia(0%) saturate(100%);}
.tab-label {
width: 100%;
text-align: center;
float: left;
font-size: 12px;
color: #666
}
nav ul li .navicon {
font-size: 26px;
}
.active .iconfont, .active .tab-label {
color: #36d89c
}
.active .msg .iconfont {
color: #fff
}
header {
width: 100%;
padding: 15px 5% 15px 5% !important;
overflow: hidden;
z-index: 3;
position: fixed;
top: 0;
transition: 0.3s ease-in-out;
background-color: #fff;
max-width: 800px;
display: flex;
justify-content: space-between;
transform: translateX(-50%) !important;
left:50%
}

header .headerface{float:left; height:34px;padding-right:15px;position:relative; text-align:right; margin:0 !important; position:relative}
header .headerface img{height:100%; width:34px; border-radius:50%}
header .publish{ float:right; height:30px; padding-top:4px;padding-left:15px; position:relative; text-align:right; margin:0 !important; position:relative}
header .publish .num{ background:#f4000a; width:10px; height:10px; position:absolute; z-index:1; content:''; top:2px; right:0; border-radius:50px}
header .publish img{ height:100%;}
header .search{ margin:0 !important; width:100%}
.container::after {
  content: "";
  display: table;
  clear: both;
}
.header {
  clear: both;
  display: block;
}
header .sinput {
background: url(../images/ss.png) left center no-repeat #f3f4f6;
background-size:18px 18px;
background-position:12px 8px;
border: none !important;
float: left;
width:100%;
border-radius: 50px;
height: 34px;
line-height: 34px;
position: relative;
padding: 0 10px 0 38px;
font-size: 14px;
overflow: hidden
}



header.scrolled {
background-color: #fff;
}
header.scrolled .iconfont {
color: #666
}



/* 自定义确认对话框样式 */
.custom-confirm-dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.custom-confirm-dialog-content {
    background-color: white;
    border-radius: 5px;
    text-align: center;
	 width:280px
}

.custom-confirm-dialog-content p{ padding:25px 30px; margin:0 !important}
.custom-confirm-dialog-buttons {
    justify-content: center;
	padding-bottom:20px; overflow:hidden
}

.custom-confirm-dialog-buttons .cancel{
    justify-content: center;
	width:40%; border:none !important; background:#ececec; color:#333 !important;float:left; padding:10px 0;border-radius:50px; margin-left:8%;
}

.custom-confirm-dialog-buttons .ok{
    justify-content: center; float:right; padding:10px 0; background:#36d89c; border-radius:50px; margin-right:8%;
	width:40%; border:none !important; color:#fff
	
}
/*评论弹窗*/
.popup-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
display: none;
z-index: 1000;
}

.popup-container {
position: fixed;
left: 0;
right: 0;
bottom: 0;
background-color: white;
border-radius: 16px 16px 0 0;
transform: translateY(100%);
transition: transform 0.3s ease-out;
z-index: 1001;
padding: 10px;
box-sizing: border-box;
max-height: 80vh;
overflow-y: auto;
}

.popup-container.show {
transform: translateY(0);
}

.popup-content {
padding: 10px;
}

.popup-title {
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
text-align: center;
}
.windbars{ width:100%; height:30px; position:relative; float:left;}
.windbars:before{ width:60px; height:4px; position:absolute; content:''; z-index:1; left:50%; top:50%; background:rgba(0,0,0,.2); border-radius:50px;transform: translate(-50%,-50%)}
.close-btn {
width:100%; text-align:right;
display:block;
padding-bottom:20px;
font-size: 26px;
cursor: pointer;
color:#999
}
.star{ float:left; margin-right:5px}
.star i{
    font-size: 20px;
    color: #ccc;
    cursor: pointer;
	font-weight:bold;
}
 
.star.active i, .star:hover i{
    color: #ffd700;font-size:20px; font-weight:bold;
}

.toast {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    padding: 8px 24px 8px 24px;
    border-radius: 50px;
	font-size:14px;
    background-color:rgba(0,0,0,1);
    color: white;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    z-index: 9999;
	opacity: 0;
    transition: opacity 0.3s ease;
}
.toast.show {
    opacity: 1;
}
.toast.success {
    background-color:rgba(0,0,0,.5);
}
/*.toast.success:before{
	content: '✓';
        position: absolute;
		background:#03a822;
		color:#fff;
		width:20px;
		font-size:12px;
		font-weight:bold;
		height:20px;
		text-align:center;
		border-radius:50px;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
		}
.toast.error:before{
	content: '×';
        position: absolute;
		background:#F44336;
		color:#fff;
		width:20px;
		font-size:12px;
		font-weight:bold;
		height:20px;
		text-align:center;
		border-radius:50px;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
}*/

.delete-comment-btn {
    color: #ff4d4f;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
	text-align:right;
	width:100%;
	float:left;
    transition: all 0.3s;
}



.delete-comment-btn:disabled {
    cursor: not-allowed;
}
/*评分*/

.comment-box {
  margin-bottom: 20px;
  position: relative;
}

.emotion-toggle {
  display: inline-block;
  cursor: pointer;
  user-select: none;
  color:#999
}
.emotion-toggle .iconfont{ font-size:26px;}
.emotion-pickera {}
.emotion-picker{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  background: #ffffff;
  border-radius: 4px 4px 0 0;
  height: 100%;
  overflow-y: auto;
  border: 1px solid #ddd;
  box-sizing: border-box;
  z-index: 1000;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
}
.emotion-btn {
width: 12.5%; /* 100% / 8 = 12.5% */
padding: 10px 5px;
text-align: center;
cursor: pointer;
float:left;
transition: background-color 0.2s;
border-radius: 4px;
}
.faceicon{ height:20px; margin-top:-4px; vertical-align:middle}
.emotion-btn:hover {
background-color: #e6e6e6;
}

.emotion-btn img {
width: 80%;
vertical-align: middle;
}
.submit-btn {
  margin-top: 10px;
  padding: 8px 16px;
  background-color: #36d89c;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width: 100%;
}
.submit-btn:hover {
  background-color: #40a9ff;
}
.overlay {

}

.star-rating{ width:100%;margin-bottom:20px; float:left; margin-top:30px}
.plcontent{ width:100%; height:80px; background:#f5f5f5; border-radius:8px; border:none; padding:10px; line-height:1.4; font-size:15px; color:#333; margin:0}
.pjbutton{ float:right;padding: 4px 15px;
    border: 1px solid #ddd !important; margin-top:8px;
    font-size: 14px;
    border-radius: 50px; background:#fff !important; color:#333 !important;}
.plun_tool{ width:100%; height:50px; line-height:50px;overflow:hidden;border-radius: 0 0 4px 4px;}


/* 下拉刷新容器 */
.pull-refresh {
    position:fixed;
    width: 100%;
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
	top:60px;
}

/* 下拉刷新图标容器 */
.pull-refresh-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* 加载旋转动画 */
.loading-spinner {
    width: 20px;
    height: 20px;
	margin-left:-10px;
    border: 2px solid #cef9fc;
    border-radius: 50%;
    border-top-color: #36d89c !important;
    animation: spin 1s linear infinite;
    margin-bottom: 5px;
}

/* 下拉刷新文本 */
.pull-refresh-text {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
    transition: all 0.3s ease;
}

/* 释放刷新状态 */
.pull-refresh.releasing .pull-refresh-text {
    color: #36d89c;
}

/* 正在刷新状态 */
.pull-refresh.refreshing {
    height: 50px !important;
}

.pull-refresh.refreshing .pull-refresh-text {
    color: #36d89c;
}

/* 旋转动画 */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* 列表结束提示 */
.end-of-list {
    display: none;
    text-align: center;
    padding: 15px 0;
    color: #999;
    font-size: 12px;
}

/* 无结果提示 */
.no-results {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
    text-align: center;
}


.no-results p {
    margin-top: 10px;
    color: #999;
    font-size: 14px;
}
/* 内容区域 */
#content {
position: relative;
box-sizing: border-box;
background: #f7fafe;
z-index: 1
}
#contenta {
position: relative;
min-height: 100vh;
box-sizing: border-box;
background: #f7fafe;
}
.hwarp {
width:100%; padding:10px 0 60px 0;
max-width: 800px
}


.item_warp {
width:100%; padding:10px 5% 0 5%;
max-width: 800px;
background:#fff;
}

.warp {
width: 100%;
padding: 0 5% 60px 5%;
max-width: 800px
}

.wdwarp {
width: 100%;
padding: 0 0 60px 0;
max-width: 800px
}

.memwarp {
width: 100%;
padding: 0 0 20px 0;
max-width: 800px
}

.npwarp {
width: 100%;
padding: 0 0 60px 0;
max-width: 800px
}

.detailwarp {
width: 100%;
padding: 0 5% 0 5%;
max-width: 800px;
position:relative
}


.detailwarpbm {
width: 100%;
padding: 10px 5% 10px 5%;
max-width: 800px;
position:relative
}

.listwarp {
width: 100%;
padding: 30px 5% 30px 5%;
max-width: 800px;
position:relative
}

.listwarpa {
width: 100%;
padding: 10px 5% 10px 5%;
max-width: 800px;
position:relative
}

.listwarpb {
width: 100%;
padding: 0 5% 5px 5%;
max-width: 800px;
position:relative
}
.hidden{ display:none}
.detailwarp img,.detailwarp video,.detailwarp table{ max-width:100%}
.whitebg{
overflow:hidden;
background:#fff;
}
/* 加载动画样式 */
.loader-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 1000;
background: rgba(255,255,255,0);
opacity: 0;
pointer-events: none;
transition: opacity 0.1s ease;
}
.loader-container.active {
opacity: 1;
pointer-events: auto;
}
.loader {
border: 3px solid rgba(0, 122, 255, 0.2);
border-top: 2px solid #36d89c;
border-radius: 50%;
width: 20px;
height: 20px;
animation: spina 1s linear infinite;
margin-bottom: 15px;
}
.loader-text {
color: #666;
font-size: 16px;
}
@keyframes spina {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* 错误页面样式 */
.error-container {
text-align: center;
padding: 30px 20px;
max-width: 500px;
margin: 50px auto;
background: white;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.error-container h2 {
color: #FF3B30;
margin-bottom: 15px;
}
.error-detail {
color: #666;
font-size: 15px;
margin: 20px 0;
line-height: 1.5;
}
.error-actions {
display: flex;
gap: 12px;
justify-content: center;
}
.error-actions button {
padding: 10px 20px;
background: #36d89c;
color: white;
border: none;
border-radius: 8px;
cursor: pointer;
transition: background 0.2s;
font-size: 15px;
}
.error-actions button:hover {
background: #0062CC;
}
nav a.clicked {
transform: scale(0.95);
transition: transform 0.2s;
}

/* 导航栏点击反馈 */
nav a.click-feedback {
transform: scale(0.92);
transition: transform 0.15s ease;
}
/* 防止动画期间滚动 */
.no-scroll {
overflow: hidden;
height: 100vh;
}
.loading-bar {
display: flex;
justify-content: center;
padding: 20px 0;
align-items: center;
height:100vh
}
.loading-spinnerl {
width: 40px;
height:40px;
background:#fff;
position:relative;
border-radius: 50%;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1)
}

.loading-spinnerl:before{ width:60%; height:60%; background:url(../images/logo.png); background-size:100% 100%; position:absolute; z-index:1;animation: spinl 0.8s linear infinite; content:''; top:20%; left:20%;}

.end-of-list {
text-align: center;
color: #999;
padding: 20px;
font-size: 14px;
display: none
}
#preload-area {
position: fixed;
top: 0;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;

}
.api-status {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
background: rgba(0,0,0,0.7);
color: white;
padding: 8px 15px;
border-radius: 30px;
font-size: 14px;
z-index: 1000;
display: none;
}
@keyframes spinl {
to {
transform: rotate(360deg);
}
}
.no-results {
text-align: center;
padding: 40px 20px;
color:#999
}
.no-results-icon {
margin-bottom: 0px;
color: var(--medium-gray);
}
.no-results-icon img {
width: 60%;
}
.refresh-icon {
position: fixed;
top: 70px;
right: 20px;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: var(--primary-color);
display: flex;
align-items: center;
justify-content: center;
color: white;
cursor: pointer;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
z-index: 999;
}
/* 分类导航容器 */
.category-nav-container {
position:relative;
z-index: 9;
background-color: #fff;
padding: 10px 5%;
}

.category-nav-containera {
max-width:800px;
z-index: 9;
background-color: #fff;
padding: 10px 5% 10px 5%;
width:100%;
position:fixed;
top:50px;
left:50%;
transform: translateX(-50%) !important;
}
/* 导航条样式 */
.category-nav {
display: flex;
overflow-x: auto;
white-space: nowrap;
gap: 8px;
scrollbar-width: none;
-ms-overflow-style: none;
}
.category-nav::-webkit-scrollbar {
display: none;
}

.category-nava {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 0 0;
-webkit-overflow-scrolling: touch;
justify-content: flex-start;
margin: 0 !important;
}
.category-nava::-webkit-scrollbar {
display: none; /* Chrome/Safari */
}
/* 分类项样式 */
.category-item {
flex: 0 0 auto;
margin:0;
scroll-snap-align: start;
padding: 0 6px 13px 0;
margin-right:5px;
border-radius: 20px;
font-size: 16px;
color: #333;
cursor: pointer;
transition: all 0.3s ease;
white-space: nowrap;
user-select: none;
position:relative;
-webkit-tap-highlight-color: transparent;
}
.category-item.active{ color:#36d89c}
.category-item.active:after{
background-color: #36d89c;
position:absolute;
bottom:3px;
content:'';
left:0;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
transform: translateX(0);
width:calc(100% - 10px);
border-radius:5px;
height:6px;
color: white;
}
/*首页部分*/
.mySwiper {
width: 100%;
z-index: 1;
height: 180px;
overflow: hidden;
border-radius: 12px;
max-width:800px
}
.mySwiper .swiper-pagination {
bottom: 18px !important;
text-align: right;
padding-right: 15px
}
.mySwiper .swiper-pagination .swiper-pagination-bullet {
width: 8px;
height: 8px;
background: rgba(255,255,255,1);
border-radius: 50px;
}
.mySwiper .swiper-pagination .swiper-pagination-bullet-active {
background: #fff;
border-radius: 50px;
width: 8px;
height: 8px;
}
.mySwiper .swiper-slide {
z-index: 1 !important;
transition: 0.3s ease-in-out;
position: relative;
height: 100%;
border-radius: 12px;
overflow: hidden
}
.mySwiper .swiper-slide .img {
position: relative;
padding-top: 72%;
overflow: hidden
}
.mySwiper .swiper-slide .img img {
width: 100%;
height: 100%;
transition: all 0.3s ease-out;
object-fit: cover;
position: absolute;
left: 0;
top: 0;
border-radius: 12px
}
.mySwiper .swiper-slide .tit {
width: 100%;
height: 45px;
line-height: 45px;
overflow: hidden;
font-size: 20px;
position: absolute;
z-index: 1;
bottom: 40px;
padding: 0 20px;
color: #fff;
font-weight: bold;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.mySwiper .swiper-slide .des {
width: 100%;
height: 45px;
line-height: 45px;
overflow: hidden;
font-size: 16px;
position: absolute;
z-index: 1;
bottom: 15px;
padding: 0 20px;
color: #fff;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.quick {
width: 100%;
padding:15px 3% 0 3%;
max-width:800px;
margin-bottom:0;
background: #fff;
overflow: hidden;
z-index: 1;
position: relative
}
.quick ul {
display: inline
}
.quick ul li {
width: 20%;
float: left;
position:relative;
margin-bottom: 15px
}
.quick ul li:nth-child(5n) {
margin-right: 0
}
.quick ul li:nth-child(1) .img{background: linear-gradient(135deg, #eb490d, #ff7e4e);box-shadow: 0 5px 10px rgba(255, 126, 78, 0.2);}
.quick ul li:nth-child(2) .img{ background: linear-gradient(135deg, #f52631, #fe4f58);box-shadow: 0 5px 10px rgba(254, 79, 88, 0.2);}
.quick ul li:nth-child(3) .img{background: linear-gradient(135deg, #8a2cfc, #9f54fa);box-shadow: 0 5px 10px rgba(138, 44, 252, 0.2);}
.quick ul li:nth-child(4) .img{ background: linear-gradient(135deg, #36d89c, #1fdfc6);box-shadow: 0 5px 10px rgba(92, 190, 130, 0.2);}
.quick ul li:nth-child(5) .img{background: linear-gradient(135deg, #1683e9, #2594fc);box-shadow: 0 5px 10px rgba(37, 148, 252, 0.2);}
.quick ul li .img{ width:60%; position:relative; padding-bottom:60%; overflow:hidden;left: 50%;transform: translateX(-50%);text-align: center; float:left; border-radius:14px;}
.quick ul li .img img{ width:55%; height:55%;object-fit: cover; position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.quick ul li strong {
width: 100%;
float: left;
text-align: center;
font-weight: normal;
font-size: 13px;
padding-top:6px;
color: #333;
}

.quick1{ width:49%; float:left; height:90px; background:#fef6f6; border-radius:5px; margin-bottom:8px; position:relative; overflow:hidden}
.quick2{ width:49%; float:right; height:90px; background:#f4f5ff; border-radius:5px; margin-bottom:8px; position:relative; overflow:hidden}
.quick3{ width:49%; float:left; height:90px; background:#defcfa; border-radius:5px; position:relative; overflow:hidden}
.quick4{ width:49%; float:right; height:90px; background:#fef8f4; border-radius:5px; position:relative; overflow:hidden}


.quick1 .l,.quick2 .l,.quick3 .l,.quick4 .l{ width:60%; float:left; padding:26px 0 0 10px}
.quick1 .r,.quick1 .r,.quick2 .r,.quick3 .r,.quick4 .r{ width:40%; float:right; position:relative; padding-bottom:40%; height:90px; z-index:2}

.quick2 .r img{ height:95%;object-fit: cover;position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); z-index:2; margin-top:5%}
.quick2 .l b{ width:100%; float:left; color:#4756eb}
.quick2 .r1{ width:100px; height:100px; position:absolute; right:0; top:0; background:url(../images/b_bg2.png) no-repeat; z-index:1; background-size:150% 150%; opacity:.2}


.quick1 .r img{ height:90%;object-fit: cover;position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); z-index:2; margin-top:10%}
.quick1 .l b{ width:100%; float:left; color:#f46029}
.quick1 .r1{ width:100px; height:100px; position:absolute; right:0; top:0; background:url(../images/b_bg2.png) no-repeat; z-index:1; background-size:150% 150%; opacity:.8}


.quick3 .r img{ height:95%;object-fit: cover;position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); z-index:2; margin-top:5%}
.quick3 .l b{ width:100%; float:left; color:#32c66b}
.quick3 .r1{ width:100px; height:100px; position:absolute; right:0; top:0; background:url(../images/b_bg2.png) no-repeat; z-index:1; background-size:150% 150%; opacity:.8}

.quick4 .r img{ height:98%;object-fit: cover;position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); z-index:2; margin-top:2%}
.quick4 .l b{ width:100%; float:left; color:#f46029}
.quick4 .r1{ width:100px; height:100px; position:absolute; right:-10px; top:0; background:url(../images/b_bg4.png) no-repeat; z-index:1; background-size:100% 100%; opacity:.1}

.quick1 .l i,.quick2 .l i,.quick3 .l i,.quick4 .l i{ width:100%; float:left; color:#999; font-size:12px}
.mySwipera {
width: 100%;
z-index: 1;
border-radius: 8px;
}
.mySwipera .swiper-slide {
z-index: 1 !important;
transition: 0.3s ease-in-out;
position: relative;
height: 100%;
border-radius: 8px;
overflow: hidden;
width: 100%;
border: 1px solid #eee
}
.mySwipera .swiper-slide .img {
width: 100%;
height: 160px;
float: left;
position: relative
}
.mySwipera .swiper-slide .img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 8px;
}
.mySwipera .swiper-slide .tit {
width: 100%;
float: left;
height: 40px;
line-height: 40px;
overflow: hidden;
font-weight: bold;
padding: 5px 15px
}
.mySwipera .swiper-slide .address {
width: 100%;
float: left;
height: 30px;
line-height: 30px;
overflow: hidden;
padding: 0 15px;
color: #666;
}
.mySwipera .swiper-slide .stime {
width: 100%;
float: left;
height: 30px;
line-height: 30px;
overflow: hidden;
padding: 0 15px;
color: #666;
font-size: 13px
}
.mySwipera .swiper-slide .address span, .mySwipera .swiper-slide .stime span {
margin-right: 5px;
font-size: 14px
}
.mySwipera .swiper-slide .canyu {
width: 100%;
float: left;
overflow: hidden;
height: 34px;
line-height: 34px;
padding: 0 15px;
color: #36d89c;
margin-bottom: 18px;
margin-top: 5px;
font-size: 15px;
}

.mySwipera .swiper-slide .canyu .bm a {
float: right;
background: #36d89c;
background: linear-gradient(to right, #36d89c, #39d99b);
height: 34px;
line-height: 34px;
color: #fff;
border-radius: 20px;
padding: 0 15px;
font-size:13px;
}
.mySwipera .swiper-slide .canyu .nbm a {
float: right;
background: #f5f7fa;
height: 34px;
line-height: 34px;
color: #333;
border-radius: 20px;
padding: 0 15px
}
.cl {
clear: both
}
.h_ban {
width: 100%;
float: left;
padding-top:6px;
margin-bottom: 20px
}
.h_ban strong {
font-size: 18px;
}
.h_ban span a {
float: right;
color: #36d89c;
margin-top:-5px
}
.h_ban span  img{ height:5px}
.nwarp {
width: 100%;
max-width:800px;
padding: 15px 5% 15px 5%;
background: #fff;
overflow: hidden;
}
.cls {
width: 100%;
float: left;
height:5px
}
.bcls {
width: 100%;
float: left;
height:5px;
background:#f7fafe
}
.clsa {
width: 100%;
float: left;
height:60px
}

.clsb {
width: 100%;
float: left;
height: 50px
}

.msg_item {
width: 100%;
float: left
}
.msg_item li {
width: 100%;
float: left;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #eee
}
.msg_item li .h1 {
width: 100%;
float: left;
height: 68px
}
.msg_item li .h1 .h1_1 {
width: 45px;
float: left;
height:45px;
margin-top:8px
}

.msg_item li .h1 .h1_1 img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%
}
.msg_item li .h1 .h1_2 {
width: calc(100% - 60px);
float: right;
}
.msg_item li .h1 .h1_2 .h1_2_1 {
width: 100%;
float: left;
font-size: 14px;
height: 30px;
line-height: 30px;
overflow: hidden
}
.msg_item li .h1 .h1_2 .h1_2_2 {
font-style: normal;
    float: left;
    font-size: 12px;
    color: #36d89c;
    background: #ebfeff;
    border-radius: 5px;
    padding: 2px 8px;
    margin-right: 10px;
}
.msg_item li .h2 {
width: 100%;
line-height: 22px;
margin-bottom: 10px;
font-size: 14px;
float: left
}


.msg_item li .h2 img{
	height: 18px;
    vertical-align: middle;
    margin-right: 3px;
    margin-top: -2px;
}


.msg_item li .h2, .comment-emoji {
    height: 18px;
    vertical-align: middle;
    margin-right: 3px;
    margin-top: -2px;
}

.msg_item li .h3 {
width: 100%;
margin-bottom: 10px;
float: left
}
.msg_item li .h4 {
width: 100%;
float: left
}
.msg_item li .h3 .h3_1 {
width: 100%;
float: left
}
.msg_item li .h3 .h3_1 img {
max-width: 80%;
max-height: 280px;
object-fit: cover;
border-radius: 6px
}
.msg_item li .h4_1 .love, .msg_item li .h4_1 .msg {
font-size: 12px;
margin-right: 10px;
color: #666;
float: left;
min-width: 45px
}
.msg_item li .h4_1 .love .iconfont, .msg_item li .h4_1 .msg .iconfont {
margin-right: 5px;
font-size: 18px;
float: left
}
.msg_item li .h4_1 .time{ float:right; color:#999; font-size:12px}
.msg_item li .h4_1 {
height: 25px;
line-height: 25px
}
.msg_item li .h4_1 .love strong, .msg_item li .h4_1 .msg strong {
margin-top: 0;
font-weight: normal;
float: left
}
.msg_item li .h3 .h3_2 {
width: 100%;
float: left;
position: relative
}
.msg_item li .h3 .h3_2 img {
width: 49%;
height: 130px;
object-fit: cover;
border-radius: 6px
}
.msg_item li .h3 .h3_2 img:nth-child(2n) {
float: right
}
.msg_item li .h3 .h3_2 .more {
position: absolute;
bottom: 10px;
right: 10px;
color: #fff;
z-index: 1;
width: 80px;
text-align: right
}
.msg_item li .h3 .h3_2 .more img {
height: 12px;
width: 18px;
margin-right: 5px;
border-radius: 0
}
.lazy-img {
width: 100%;
height: 100px;
margin-bottom: 20px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: loading 1.5s infinite;
transition: opacity 0.5s;
opacity: 0.8;
}
.lazy-img.loaded {
animation: none;
opacity: 1;
background: transparent;
}
@keyframes loading {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
.dt-item {
width: 100%;
float: left
}
.dt-item li {
width: 100%;
float: left;
margin-bottom: 20px;
position: relative;
overflow: hidden;
padding-bottom:6px;
border-bottom:1px solid #eee;
}
.dt-item li .img {
width: 100%;
position: relative;
background:#fafafa;
padding-top: 60%;
float: left;
border-radius: 6px;
overflow: hidden
}
.dt-item li:last-child {
margin-bottom: 0
}
.dt-item li .tit {
width: 100%;
float: left;
line-height:1.8;
margin-bottom: 10px
}
.dt-item li .des {
width: 100%;
float: left;
height: 30px;
margin-top:10px;
line-height: 30px;
font-size: 14px;
color: #999;
overflow: hidden;
}
.dt-item li .des i {
font-style: normal;
float: right
}

.dt-item li .des b {
	margin-left:10px;
	font-weight:normal
}


.dt-item li .des i {
float: right;
margin-top:-3px
}
.dt-item li .des i img{
	height:3px
}

.job-item {
width: 100%;
float: left
}
.job-item li {
width: 100%;
float: left;
margin-bottom: 15px;
position: relative;
border: 1px solid #cafcf1;
border-radius: 8px;
overflow: hidden;
background:#fff;
}
.job-item li:last-child {
margin-bottom: 0
}
.job-item li .h1 {
width: 100%;
float: left;
line-height: 25px;
height: 25px;
overflow: hidden;
margin-bottom: 15px;
padding: 0 10px;
margin-top: 10px
}
.job-item li .h1 i {
float: right;
color: #36d89c
}
.job-item li .h2 {
width: 100%;
float: left;
height: 46px;
overflow: hidden;
font-size: 14px;
line-height: 30px;
padding: 8px 10px;
background: #f8fffd;
color:#36d89c;
border-top: 1px solid #cafcf1;
}
.job-item li .h2 i {
font-style: normal;
padding-right: 5px;
float: right
}
.job-item li .h2 i img{vertical-align:middle; height:18px; margin-top:-2px; margin-right:2px}
.job-item li .h3 {
width: 100%;
float: left;
height: 40px;
overflow: hidden;
font-size: 14px;
color: #999;
padding: 0 10px;
}
.job-item li .h3 i {
font-style: normal;
float: left;
font-size: 12px;
background: #36d89c;
color:#fff;
border-radius: 5px;
padding: 2px 8px;
margin-right: 10px;
}
.job-item li .h3 i img {
height: 18px
}
.huodong-list {
width: 100%;
}
.huodong-list li {
z-index: 1 !important;
position: relative;
overflow: hidden;
width: 100%;
padding:15px 5%;
background: #fff;
margin-bottom:10px
}
.huodong-list li .item-img {
width: 100%;
height: 220px;
float: left;
position: relative
}
.huodong-list li .item-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.huodong-list li .item-title {
width: 100%;
float: left;
height: 40px;
line-height: 40px;
overflow: hidden;
font-weight: bold;
padding: 5px 0
}
.huodong-list li .item-address {
width: 100%;
float: left;
height: 30px;
line-height: 30px;
overflow: hidden;
padding: 0 0;
color: #666;
}
.huodong-list li .item-time {
width: 100%;
float: left;
height: 30px;
line-height: 30px;
overflow: hidden;
padding: 0 0;
color: #666;
font-size: 13px
}
.huodong-list li .item-address span, .huodong-list li .item-time span {
margin-right: 5px;
font-size: 14px
}
.huodong-list li .item-canyu {
width: 100%;
float: left;
overflow: hidden;
height: 34px;
line-height: 34px;
color:#36d89c;
margin-bottom:5px;
margin-top: 5px;
font-size: 15px;
}
.huodong-list li .item-canyu img{height:15px; margin-right:6px; vertical-align:middle; margin-bottom:3px}

.huodong-list .item-canyu .bm {
float: right;
background: #36d89c;
height: 34px;
line-height: 34px;
color: #fff;
border-radius: 20px;
padding: 0 15px
}
.huodong-list .item-canyu .nbm {
float: right;
background: #f5f7fa;
height: 34px;
line-height: 34px;
color: #333;
border-radius: 20px;
padding: 0 15px
}

.hd_detail_pic{ position:relative; padding-top:60%; max-width:800px}

.hd_detail_title {
width: 100%;
float: left;
line-height: 1.5;
padding: 5px 0;
margin-bottom:5px;
padding-top:15px;
font-weight:bold;
font-size:18px;
}
.hd_detail_address {
width: 100%;
float: left;
height: 30px;
line-height: 30px;
overflow: hidden;
padding: 0 0;
color: #666;
font-size: 14px
}
.hd_detail_stime{
width: 100%;
float: left;
height: 30px;
line-height: 30px;
overflow: hidden;
padding: 0 0;
color: #666;
font-size: 14px
}
.hd_detail_address span,.hd_detail_stime span,.hd_detail_canyu span {
margin-right: 5px;
font-size: 16px
}
.hd_detail_canyu{
width: 100%;
float: left;
overflow: hidden;
height: 34px;
line-height: 34px;
padding: 0 0;
color: #666;
font-size: 14px;
color: #666;
margin-bottom:15px
}
.hd_detail_canyu strong{ font-weight:normal}

.hd_detail_pic .bm{
position:absolute;
z-index:1;
left:5%;
font-size:14px;
bottom:20px;
background: #36d89c;
height: 34px;
line-height: 34px;
color: #fff;
border-radius: 20px;
padding: 0 15px
}
.hd_detail_pic .nbm{
position:absolute;
z-index:1;
left:5%;
bottom:20px;
background: #f5f7fa;
height: 34px;
font-size:14px;
line-height: 34px;
color: #333;
border-radius: 20px;
padding: 0 15px
}
.e_s{ width:100%; height:5px}
.e_s2{ width:100%; height:20px; float:left}
.hd_detail_h1{ width:100%; padding-bottom:15px;font-weight:bold; font-size:16px; padding-top:20px;}
.hd_detail_area{ width:100%; font-size:14px !important; line-height:1.8; padding-bottom:15px; color:#666}

.plun_nav{width:100%; height:60px; padding:0 5%; position:fixed; z-index:2; bottom:0; background:#fff; border-top:1px solid #fff; max-width:800px;left: 50%;
 transform: translateX(-50%);}
.plun_nav .nav_l{ width:100px; float:left;}
.plun_nav .nav_r{ width:100%; float:right; background:#fd9628; border-radius:50px; height:40px; overflow:hidden; line-height:40px; margin-top:10px}
.plun_nav .nav_l a{ width:50%; float:left; text-align:center; font-size:12px; color:#666}
.plun_nav .nav_l a .navicon{ font-size:26px; float:left; width:100%; text-align:center}
.plun_nav .nav_r strong{ font-weight:normal; color:#fff; width:50%; float:left; text-align:center}
.plun_nav .nav_r strong:first-child{ color:#fff; background:#36d89c}
.plun_nav .nav_r .no{ background:#f5f7fa; color:#333}
.plun_nav .nav_la{ width:150px; float:left;}
.plun_nav .nav_la a{ width:33.33%; float:left; text-align:center; font-size:12px; color:#666}
.plun_nav .nav_la a .navicon{ font-size:26px; float:left; width:100%; text-align:center}


.plun_nav .nav_ra{ width:calc(100% - 110px); float:right;border-radius:6px; height:40px; overflow:hidden; line-height:40px;}
.plun_nav .nav_ra strong{ font-weight:normal; float:right; color:#999}


.comment-item{ width:100%; float:left; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #eee}
.comment-header{ width:100%; margin-bottom:15px; float:left}
.comment-content{ width:100%; line-height:1.8;font-size: 14px !important; color:#666; float:left}
.comment-avatar{ float:left; height:40px;width:40px;border-radius:50px;}
.comment-meta{ width:calc(100% - 50px); float:right}
.comment-user{ width:100%; float:left; font-size:15px; color:#666}
.comment-time{ float:right; color:#999}
.comment-rating i{ font-size:12px !important; color:#ccc; margin-right:-2px}
.comment-rating .active{ color:#ffd700}


/*资讯列表*/
.zx-list{ width:100%; float:left;}
.zx-list li{ width:100%; float:left; padding:15px 5%; background:#fff; margin-bottom:10px; overflow:hidden;}
.zx-list li .item-img{ width:120px; height:80px; float:left; position:relative}
.zx-list li .item-img img{ width:100%; height:80px; border-radius:4px;object-fit: cover;}
.zx-list li .item-title{ width:calc(100% - 130px); float:right; height:72px; line-height:24px; overflow:hidden; margin-bottom:10px}
.zx-list li .item-titlea{ width:100%; float:left;line-height:24px; margin-bottom:5px}
.zx-list li .item-time{ width:100%; float:left; font-size:13px; color:#999; line-height:30px; margin-top:8px}
.zx-list li .item-time .item-yuedu{ float:right}
.zx-list li .item-time img{ height:14px; float:left; margin-right:4px; margin-top:8px}
.zx-list li .item-time .iconfont{ margin-top:3px; margin-right:2px}
.zx_detail_title {
width: 100%;
float: left;
line-height: 1.5;
padding: 5px 0;
margin-bottom:5px;
padding-top:15px;
font-weight:bold;
font-size:22px;
}
.zx_detail-time{ width:100%; float:left; font-size:13px; color:#999; line-height:30px; margin-bottom:15px}
.zx_detail-time img{ height:14px; float:left; margin-right:4px; margin-top:8px}
.zx_detail-time .iconfont{ margin-top:3px; margin-right:2px}
.zx_detail-time .item-yuedu{ margin-left:10px}

.dt-itema {
width: 100%;
float: left;
}
.dt-itema  li {
width: 100%;
float: left;
padding: 15px 5%;
position: relative;
overflow: hidden;
background:#fff;
margin-bottom:10px
}
.dt-itema li .img {
width: 100%;
position: relative;
padding-top: 60%;
float: left;
overflow: hidden
}

.dt-itema li .tit {
width: 100%;
float: left;
line-height: 1.5;
margin-top: 15px;
margin-bottom: 10px
}
.dt-itema li .des {
width: 100%;
float: left;
height: 30px;
line-height: 30px;
font-size: 14px;
color: #999;
overflow: hidden;
}
.dt-itema li .des i {
font-style: normal;
float: right
}
.dt-itema  .des img{ height:14px; float:left; margin-right:4px; margin-top:8px}
.dt-itema  .des .iconfont{ margin-top:3px; margin-right:2px}
.dt-itema  .des .item-yuedu{ margin-left:10px}


.ny_search{ width:100%; border:none; background:url(../images/ss.png) left center no-repeat #f3f4f6; background-size:18px 18px; background-position:10px 11px; height:40px; line-height:40px; border-radius:5px; font-size:14px; color:#333; padding-left:35px}


/* 底部弹出层样式 */
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 1000;
}
.modal-container {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 20px;
  transform: translateY(100%);
  transition: transform 0.3s ease;
  z-index: 1001;
  height: 70vh;
  display: flex;
  flex-direction: column;
}
.modal-container.show {
  transform: translateY(0);
}
.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.modal-title {
  font-size: 18px;
  font-weight: bold;
}
.closex-btn {
  font-size: 24px;
  cursor: pointer;
}

/* 左右分栏样式 */
.selector-content {
  display: flex;
  flex: 1;
  overflow: hidden;
  width:100%
}
.college-list {
  width: 50%;
  overflow-y: auto;
  border-right: 1px solid #eee;
  padding-right: 10px;
}
.major-list {
  width: 50%;
  overflow-y: auto;
  padding-left: 20px;
}
.college-item {
  padding: 10px 0 10px 0;
  cursor: pointer;
  border-radius: 4px;
  margin-bottom: 5px;
  font-size:16px
}

.college-item .active {
  color: #36d89c;
}
.major-item {
  padding:10px 0;
  cursor: pointer;
  border-radius: 4px;
  margin-bottom: 5px;
}
.major-item:hover {
  background-color: #f5f5f5;
}
.major-item.active,.college-item.active {
  color: #36d89c;
}
.no-major {
  color: #999;
  text-align: center;
  margin-top: 20px;
}

.flexheader{ position:fixed; top:0; z-index:2}
.threebtn{ width:100%; float:left}
.threebtn ul{ display:inline}
.threebtn ul li{float:left; background:#f9fafb; margin-right:10px; overflow:hidden; border-radius:50px; text-align:center; margin-top:8px; padding:5px 15px; font-size:14px; color:#666}
.threebtn ul li .img{float:left}
.threebtn ul li .img img{ height:18px; vertical-align:middle; margin-right:5px}
.year-list,.area-list{
    width: 100%;
    overflow-y: auto;
}




/*企业列表*/
.mq-list{ width:100%; float:left;}
.mq-list li{ width:100%; float:left; padding:10px; background:#fff; margin-bottom:10px; overflow:hidden;border-radius:8px}
.mq-list li .item-img{ width:120px; height:90px; float:left; position:relative}
.mq-list li .item-img img{ width:100%; height:90px; border-radius:8px;object-fit: cover;}
.mq-list li .item-r{ width:calc(100% - 140px); float:right;}
.mq-list li .item-ra{ width:100%; float:left;}
.mq-list li .item-title{ width:100%; float:left;line-height:24px; margin-bottom:10px}
.mq-list li .item-bq{ width:100%; float:left;}
.mq-list li .item-bq i{font-style: normal;
    float: left;
    font-size: 12px;
    background: #f8f8f8;
    border-radius: 5px;
    padding: 2px 8px;
    margin-right: 10px;}
	
.mq-list li .item-rs{ width:100%; float:left; margin-top:8px; color:#999; font-size:14px}
.mq_detail_title {
width: 100%;
float: left;
line-height: 1.5;
padding: 5px 0;
margin-bottom:5px;
padding-top:15px;
font-weight:bold;
font-size:22px;
}
.mq_detail-time{ width:100%; float:left; font-size:13px; color:#999; line-height:30px; margin-bottom:15px}
.mq_detail-time img{ height:14px; float:left; margin-right:4px; margin-top:8px}
.mq_detail-time .iconfont{ margin-top:3px; margin-right:2px}
.mq_detail-time .item-yuedu{ margin-left:10px}
.mq_bg{ width:100%; position:relative; padding-top:60px; z-index:2}
.mq_bg_header{ width:100%; position:absolute; top:0; left:0;z-index:1}
.mq_bg_header img{ width:100%;}
.mq_card{width:100%; background:#fff; height:300px;position:relative; z-index:2; border-radius:5px}
.mq_card_face{width:80px; height:80px; position:absolute; top:-40px; left:5%; z-index:1; border-radius:50%; overflow:hidden;}
.mq_card_face img{width:100%; height:100%;object-fit: cover;}
.mq_detail_h1{ width:100%; float:left; padding:10px 0 10px 0}
.mq_detail_h1_l{ width:calc(100% - 80px); float:left}
.mq_detail_h1_r{ width:70px; float:right; height:70px; border-radius:5px; overflow:hidden}
.mq_detail_h1_r img{width:100%; height:100%;object-fit: cover;}
.mq_detail_h1_l strong{ width:100%; float:left; line-height:2; font-size:22px; font-weight:normal; margin-top:-8px}
.mq_detail_h1_l span{ width:100%; float:left; padding-top:5px}
.mq_detail_h1_l span i{float:left; font-size:13px; color:#36d89c; padding:2px 10px; font-weight:normal; background:#ebfeff; margin-right:10px; border-radius:50px}
.mq_detail_h1_l span i img{ height:15px; vertical-align:middle; margin-right:3px; margin-bottom:3px}
.mq_detail_h1 .address{ width:100%; float:left; line-height:2; font-size:13px; font-weight:normal; margin-top:20px; color:#999; border-top:1px solid #eee; padding-top:10px;}
.mq_detail_area{ width:100%; font-size:16px !important; line-height:1.8; padding-bottom:15px; color:#666}
.mq_detail_h2{ width:100%;font-size:18px; padding-top:20px; font-family: arial,verdana,helvetica,Microsoft Yahei,sans-serif; font-weight:bold;  margin-bottom:15px}
#bdmap{ width:100%; height:250px; margin:15px 0}
.toggle-map{ float:right; color:#36d89c}

.mySwiperc {
width: 100%;
z-index: 1;
margin:15px 0;
border-radius:6px;
height:50px
}
.mySwiperc .swiper-slide {
z-index: 1 !important;
position: relative;
height: 100%;
border-radius: 8px;
overflow: hidden;
width: 100%;
border: 1px solid #eee
}
.mySwiperc .swiper-slide .img{ width:40px; height:100%;display: flex;justify-content: center;align-items: center; float:left}
.mySwiperc .swiper-slide .tit{ width:calc(100% - 42px); height:100%;display: flex;align-items: center; float:right; font-size:14px; color:#666}
.icon {
  width: 30px;
  height: 30px;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.list_ban_tit{ width:100%; padding-bottom:0; height:50px;position:fixed; top:0; background:#fff;z-index:9; padding:10px 5%; max-width:800px; left:50%;transform: translateX(-50%) !important; border-bottom:1px solid rgba(202,202,202,.2);}
.list_ban_tit .tit{ float:left; font-size:22px; margin-top:-4px}
.list_ban_tit .tit .back{ float:left; margin-right:8px; width:30px; height:30px; background:rgba(0,0,0,.05); border-radius:4px; text-align: center; position:relative}


.list_ban_tit .tit .back img{
    height: 50%;
    object-fit: cover;
    position: absolute;
    top: 50%;
	left:50%;
    transform: translate(-50%,-50%);
}

.list_ban_tit .icona{ float:right; margin-left:12px}
.list_ban_tit .icona img{ height:26px;}

.list_ban_tit .iconb{ float:right;}
.list_ban_tit .iconb img{ height:16px; padding-left:12px; padding-top:2px}
.list_ban_tit strong{ font-size:16px; margin-left:2px; font-weight:normal; margin-top:-5px; float:left}

.list_ban_tita{ width:100%; padding-bottom:0; height:50px;position:relative; background:#fff;z-index:9; padding:10px 5%; max-width:800px; left:50%;transform: translateX(-50%) !important;}

.yh{ width:100%; border-radius:5px; background:#fff; height:140px; padding:0; position:relative; margin-top:10px; padding:15px;transition: all 0.5s ease-out; max-width:800px}
.yh .r{ position:absolute; height:calc(100% - 20px); z-index:1; right:20px; top:10px; text-align:right}
.yh .r img{ height:100%}
.yh .l{ position:absolute; z-index:2; width:100%; left:20px; top:25px}
.yh .l_1{ width:100%; font-size:20px; color:#36d89c; padding-bottom:10px; float:left}
.yh .l_2{ width:100%; font-size:16px; color:#999; padding-bottom:15px; float:left}
.yh .l_3{ background:#36d89c; color:#fff; font-size:14px; border-radius:20px; padding:5px 18px}
.yh .yh_close{ position:absolute; z-index:2; right:5px; top:5px; display:flex; cursor:pointer}
.yh .yh_close .mui-icon{ font-size:30px; color:#999}
.ny-haeder-kb{ width:100%; height:50px}
.ny-haeder-kba{ width:100%; height:103px}
.yha{ width:100%; border-radius:5px; background:#fff; height:110px; padding:0; position:relative; margin-top:10px; padding:15px;transition: all 0.5s ease-out;}
.yha .r{ position:absolute; height:calc(100% - 20px); z-index:1; right:10px; top:10px; text-align:right}
.yha .r img{ height:90%}
.yha .l{ position:absolute; z-index:2; width:100%; left:20px; top:25px}
.yha .l_1{ width:100%; font-size:20px; color:#36d89c; padding-bottom:10px; float:left}

.yha .l_2{ width:100%; font-size:16px; color:#999; padding-bottom:15px; float:left}
.yha .l_3{ background:#36d89c; color:#fff; font-size:14px; border-radius:20px; padding:5px 18px}
.yha .yh_close{ position:absolute; z-index:2; right:5px; top:5px; display:flex; cursor:pointer}
.yha .yh_close .mui-icon{ font-size:30px; color:#999}

.yhb{ width:100%; border-radius:5px;background: url(../images/tsbgb.png) bottom center no-repeat #fff; background-size:100% 30%; border:1px solid #fff; height:120px; padding:0; position:relative;padding:15px 15px 0 15px;transition: all 0.5s ease-out; max-width:800px}
.yhb .r{ position:absolute; height:100%; z-index:1; right:10px; top:0; text-align:right}
.yhb .r img{ height:100%}
.yhb .l{ position:absolute; z-index:2; width:100%; left:20px; top:35px}
.yhb .l_1{ width:100%; font-size:20px; color:#36d89c; padding-bottom:5px; float:left}
.yhb .l_1 img{ height:26px}
.yhb .l_2{ width:100%; font-size:14px; color:#36d89c; padding-bottom:15px; float:left}
.yhb .l_3{ background:#36d89c; color:#fff; font-size:14px; border-radius:20px; padding:5px 18px}
.yhb .yh_close{ position:absolute; z-index:2; right:5px; top:5px; display:flex; cursor:pointer}
.yhb .yh_close .mui-icon{ font-size:30px; color:#999}
.rfb{ position:fixed; right:20px; z-index:2; bottom:100px; width:45px; border-radius:50px; height:45px; background:#fff}
.rfb img{ width:100%; height:100%;}
.deatil{ height:30px; width:100%}
.deatil .mui-icon-back{ font-size:24px}

#act-toudi{width:100%;
    float: right;
	margin-top:10px;
	color:#fff;
	text-align:center;
    background: #36d89c;
    border-radius:50px;
    height: 40px;
    overflow: hidden;
    line-height: 40px;}
.plun_nav .no{ background:#f4f4f4 !important; color:#666 !important}
.plun_nav .sc .navicon{ color:#cfcfcf; font-size:24px !important}
.plun_nav .sca .navicon{ color:#ffc61a !important; font-size:24px !important}
.w_button{ width:100%; border-radius:50px !important; font-size:18px !important; color:#fff; background:#36d89c !important; border:none !important; padding:10px 10px !important; margin-top:10px}
#hiddenDiv {
 background:#fff; padding:10px 5%; overflow:hidden
}
#hiddenDiva{
 background:#fff; padding:10px 0; overflow:hidden
}

/* ===== FLIP动画核心优化样式 ===== */
#content {
  position: relative;
  overflow: visible !important; /* 关键：避免偏移元素被裁剪 */
}

#content > * {
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000px;
  /*transition: transform 300ms ease-out, opacity 300ms ease-out, width 300ms ease-out, height 300ms ease-out;*/
  will-change: transform, opacity, width, height;
}

.flip-transitioning {
  pointer-events: none; /* 过渡期间禁止点击 */
  user-select: none; /* 禁止选中文字 */
}

.flip-invert {
  /* 这里的transform会被JS动态设置为反向偏移值 */
  transition: none; /* 初始偏移不带动画，瞬间到位 */
}


#loader {
  transition: opacity 300ms ease;
  z-index: 9999; /* 确保在最上层，但不影响FLIP元素 */
}

/*安全提醒*/
.overlaya {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
z-index: 999;
}

/* iframe容器基础样式 */
.iframe-container {
position: fixed;
bottom: -100%;
left: 0;
width: 100%;
height: 80%;
background: white;
border-radius: 16px 16px 0 0;
transition: bottom 0.3s ease-out;
z-index: 1000;
padding-bottom:40px;
}

.iframe-containera {
position: fixed;
bottom: -100%;
left: 0;
width: 100%;
height: 60%;
background: white;
border-radius: 16px 16px 0 0;
transition: bottom 0.3s ease-out;
z-index: 1000;
padding-bottom:40px;
}

/* 特定iframe容器样式 */
#iframeContainer1, #iframeContainer2 {
display: none;
}

/* 关闭按钮样式 */
.close-btns {
font-size: 24px;
z-index: 1001;
background: none;
border: none;
color: #666;
width:100%; text-align:right; padding-right:20px; padding-top:10px
}

/* 链接容器样式 */
.link-container {
padding: 20px;
display: flex;
flex-direction: column;
gap: 15px;
}

.bmtj{
width: 100%;
z-index: 3;
display: flex;
justify-content: space-between;
}
.bmtjl{ float:left; margin:0 15px 0 0}
.bmtjr{ float:right; margin:0}
.bmtjl strong{ background:#36d89c; color:#fff; border-radius:0 50px 50px 0; height:30px; line-height:30px; padding:0 13px 0 20px; float:left; font-size:14px; font-weight:normal; margin-left:-10px; margin-top:18px}
.bmtjl .img{ width:60px; height:60px; position:relative; float:left}
.bmtjl .img img{height:60px; position:relative; z-index:2;}
.bmtjl .bg{ width:100%; height:100%; background:#e7fffc; position:absolute; z-index:1; bottom:0; left:0; border-radius:50px}

.bmavtar{ width:40px; height:40px; border-radius:50px; overflow:hidden; margin-left:-8px; float:right; margin-top:15px; border:1px solid #fff}
.bmavtar img{ width:100%; height:100%}
.js-item ul ul{ display:inline}
.js-item ul li{ width:49%; float:left; border:1px solid #eee; border-radius:6px; margin-bottom:10px; overflow:hidden; padding:15px; background:#fff}
.js-item ul li:nth-child(2n){ float:right}
.js-item ul li .h1 .img{
    width: 50%;
    position: relative;
    padding-bottom:50%;
    overflow: hidden;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    float: left;
    border-radius: 50px;
}
.js-item ul li .h1 .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.js-item ul li .h1{ width:100%; float:left; text-align:center; position:relative;}
.js-item ul li .h1 .rz{ position:absolute; z-index:2; content:''; bottom:0; right:26%}
.js-item ul li .h1 .rz img{ width:20px !important; height:20px !important;}
.js-item ul li .h2{ width:100%; float:left; text-align:center;padding:5px 0}
.js-item ul li .h3{ width:100%; float:left; text-align:center; font-size:14px; color:#999; padding:0 0 5px 0}
.js-item ul li .h4{ width:100%; float:left; text-align:center; padding-top:8px; padding-bottom:5px ;overflow:hidden}
.js-item ul li .h4 strong{ font-weight:normal; color:#fff; border-radius:50px; padding:5px 15px; background:#36d89c; font-size:14px;}
.qdl{width: 100%;
    float: right;
    margin-top: 10px;
    color: #fff;
    text-align: center;
    background: #36d89c;
    border-radius: 50px;
    height: 40px;
    overflow: hidden;
    line-height: 40px}
.body_all{ position:relative;}
.body_all:before{background: linear-gradient(to bottom, #36d89c, transparent); position:absolute; top:0; height:100px; width:100%; content:''}