/***********************鍏叡鏍峰紡***********************/
html,body{width: 100%;background: #0f0f13;}
body{background: #0f0f13;}
.flex-item{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-center{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-middle{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-betw{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
/* 鐗堝績 */
.w{width: 1400px;margin: 0 auto;}
@media screen and (max-width: 1440px) {
    .w{width: 1200px;}
}
@media screen and (max-width: 1220px) {
    .w{width: 720px;}
}
@media only screen and (max-width: 767px){
	.w{width: 100%;padding: 0 10px;}
}

/***********************头部导航***********************/
.header{height: 120px;margin-bottom: 20px;}
.header .w{height: 100%;}
.header .logo{
  height: 60%;
  /* width: 158px; */
  margin-top: 24px;
  display: block;
}
.header .logo, .header .nav, .header .nav li{
  float: left;
}
.header .nav,.header .loginWrap{margin-top: 50px;}
.header .nav{margin-left: 100px;}
.header .nav li a{font-size: 18px;font-weight:500;color: #d7d3d3;margin: 0 15px;line-height: 20px;}
.header .nav li.active a,.header .nav li a:hover{color: #00a7ef;}

/* 二级菜单样式 */
.header .nav li.has-submenu {
    position: relative;
	padding-bottom: 18px;
}

.header .nav .submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 20px;
    background: #212124;
    min-width: 160px;
    padding:10px;
    border-radius: 6px;
    z-index: 100;
    box-shadow: 0 3px 6px rgba(0,0,0,0.3);
}

.header .nav .submenu li {
    float: none;
    display: block;
    margin: 0;
}

.header .nav .submenu li a {
    display: block;
    padding: 12px;
    font-size: 18px;
    color: #d7d3d3;
    white-space: nowrap;
	border-radius: 6px;
	margin: 0 8px;
}

.header .nav .submenu li a:hover, 
.header .nav .submenu.active a {
    background: #444;
    color: #00a7ef;
}

/* 鼠标悬停显示二级菜单 */
.header .nav li.has-submenu:hover .submenu {
    display: block;
}

/* 首页“新闻资讯” 位置 */
.zyListWrap {
	margin-top: 25px;
}


/****************** 首页 搜索框  start******************/
.search-bg {
	max-width: 100%;
	/* background-color: #00a7ef; */
}

.search-container {
	max-width: 800px;
	margin: 0 auto;
	padding: 2rem;
	width: 100%;
}

.search-header {
	font-size: 2rem;
	color: #e1e1e1;
	text-align: center;
	margin-bottom: 1.5rem;
	letter-spacing: 1px;
	text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.search-box {
	display: flex;
	gap: 8px;
	background: #1a1a1a;
	border-radius: 12px;
	padding: 8px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.25);
	transition: transform 0.2s ease;
}

/* 自定义下拉菜单 */
.custom-dropdown {
	position: relative;
	min-width: 120px;
}

.dropdown-button {
	background: #2d2d2d url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23888888' d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3e%3c/svg%3e") no-repeat;
	background-position: right 1rem center;
	background-size: 12px;
	color: #e1e1e1;
	padding: 12px 2.5rem 12px 1rem;
	border-radius: 8px;
	cursor: pointer;
	font-size: 18px;
	transition: all 0.3s ease;
	border: none;
	outline: none;
	width: 100%;
	text-align: left;
}

.dropdown-button:hover,
.dropdown-button:focus {
	background-color: #373737;
}

.dropdown-content {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin-top: 4px;
	background: #2d2d2d;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.25);
	z-index: 100;
	max-height: 300px;
}

.dropdown-content.visible {
	display: block;
}

.dropdown-option {
	padding: 10px 1rem;
	font-size: 18px;
	color: #e1e1e1;
	cursor: pointer;
	line-height: 1.5; /* 设置行间距 */
	transition: all 0.2s ease;
}

.dropdown-option:hover {
	background: #494949;
	color: white;
	border-radius: 8px;
}

.search-input {
	flex: 1;
	background: #2d2d2d;
	border: 2px solid transparent;
	padding: 12px 20px;
	color: #fff;
	font-size: 1.5rem;
	border-radius: 8px;
	transition: all 0.3s ease;
}

.search-input::placeholder {
	color: #888;
}

.search-input:focus {
	outline: none;
	border-color: #00b0ff;
	background: #373737;
}

.search-button {
	white-space: nowrap;
	background: #00b0ff;
	color: white;
	border: none;
	padding: 0 2rem;
	font-weight: 500;
	font-size: 18px;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.search-button:hover {
	background: #45a049;
	box-shadow: 0 4px 12px rgba(76,175,80,0.3);
}

.search-footer {
	margin-top: 1.5rem;
	color: #666;
	font-size: 16px;
	text-align: center;
	opacity: 0.8;
	transition: opacity 0.3s ease;
}
.search-footer a {
	margin-top: 1.5rem;
	color: #666;
	font-size: 16px;
	text-align: center;
	opacity: 0.8;
	transition: opacity 0.3s ease;
}

/* 深色滚动条样式 */
::-webkit-scrollbar {
	display: none;
	width: 8px;
}
::-webkit-scrollbar-track {
	background: #1a1a1a;
}
::-webkit-scrollbar-thumb {
	/* background: #00b0ff; */
	border-radius: 4px;
}
/****************** 首页 搜索框 end ******************/

.header .loginWrap{float: right;}
.header .loginWrap .loginBtn a {
	font-size: 14px;
	color: #ccc;
	line-height: 20px;
	padding-left: 16px;
	position: relative;
	display: inline-block;
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.header .member-img img {
	height: 20px

}
.header .loginWrap .loginBtn a:hover{color: #fff;}
.header .loginWrap .loginBtn a::before{content: '';display: block;width: 2px;height: 12px;background: #d7d3d3;position: absolute;top: 50%;left:5px;margin-top: -6px;}
.header .loginWrap .loginBtn a:first-child::before{display: none;}
.search {float: left;margin:44px 0 0 90px;height: 32px;border: 1px solid #a4a4a4;border-radius: 10px;overflow: hidden;}
.search input {width: 280px;height: 100%;padding: 0 20px 0 15px;font-size: 14px;color: #fff;border-right: 0;}
.search input::-webkit-input-placeholder {font-size: 14px;color: #CCD3D3;}
.search input::-moz-placeholder {font-size: 14px;color: #CCD3D3;}
.search input:-ms-input-placeholder {font-size: 14px;color: #CCD3D3;}
.search .searchBtn {cursor: pointer;width: 50px;height: 100%;text-align: center;font-size: 18px;color: #fff;background: url(../img/icon_search.png) no-repeat center;}
.wapSearch{display: none;}

.indexImgTL{width: 750px;}
.indexImgTL a{display: block;width: 100%;height: 417px;position: relative;overflow: hidden;}
.indexImgTL a .img{width: 100%;height: 100%;}
.indexImgTL a .img img{width: 100%;height: 100%;object-fit: cover;}
.indexImgTR{width: calc(100% - 750px);}
.indexImgTR ul{margin: -5px -5px -5px 5px;overflow: hidden;}
.indexImgTR ul li{float: left;width: 50%;padding: 5px;}
.indexImgTR ul li a{display: block;width: 100%;height: 204px;position: relative;overflow: hidden;}
.indexImgTR ul li a .img{width: 100%;height: 100%;}
.indexImgTR ul li a .img img{width: 100%;height: 100%;object-fit: cover;}
.indexImgTL a .txt,.indexImgTR ul li a .txt{width: 100%;padding: 30px 10px 10px;position: absolute;bottom:-100%;left: 0;color: #fff;background: linear-gradient(to top, rgba(0,0,0,8),rgba(0,0,0,0));transition: .4s;}
.indexImgTL a:hover .txt,.indexImgTR ul li a:hover .txt{bottom: 0;}
.indexImgTL a .txt h4,
.indexImgTR ul li a .txt h4 {
	font-size: 15px;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 1.4;
	color: #CCC;
	font-weight: 600;
}

.indexImgTL a .txt p,.indexImgTR ul li a .txt p{font-size: 12px;width: 100%;margin-top:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.indexListWrap{margin-top: 90px;}
.indexListT .tabBtnFir a {line-height: 38px;border: 1px solid transparent;color: #cfcfcf;padding: 8px 12px;border-radius: 8px;font-size: 18px;color: #fff;margin-right: 20px;}
.indexListT .tabBtnFir a.active{color: #fff;border: 1px solid #fff;}
.indexListT .tabBtnSec a{font-size: 14px;color: #818181;line-height: 40px;margin-left: 10px;}
.indexListT .tabBtnSec a.active,.indexListT .tabBtnSec a:hover{color: #fff;}
/* .indexListB{margin-top: 35px;} */
.indexListB ul{margin: 0 -10px;}
.indexListB ul li{float: left;width: 20%;padding: 10px;}
.indexListB ul li .itemBox{width: 100%;border-radius: 8px;overflow: hidden;transition: .4s;}
.indexListB ul li .itemBox:hover{transform: translateY(-3px);}
.indexListB ul li .itemBox .img{display: block;width: 100%;height: 150px;}
.indexListB ul li .itemBox .img img{width: 100%;height: 100%;object-fit: cover;}
.indexListB ul li .itemBox .txt{width: 100%;padding: 10px;background: #1f1f1f;}
.indexListB ul li .itemBox .txt .label{margin: 5px 0 15px;}
.indexListB ul li .itemBox .txt .label a{font-size: 12px;color: #818181;position: relative;display: inline-block;vertical-align:middle;padding-left: 10px;margin-right: 8px;}
.indexListB ul li .itemBox .txt .label a::before{content: '';display: block;width: 4px;height: 4px;border-radius: 50%;position: absolute;left:0;top: 50%;margin-top: -2px;}
.indexListB ul li .itemBox .txt .label a:first-child::before {
	background: #00c8ff;
}

/* .indexListB ul li .itemBox .txt .label a:nth-child(2)::before {
	background: #e2b042;
} */
.indexListB ul li .itemBox .ftms{
	background: #00c8ff; 
	color: #000000 !important;
	padding-right: 8px;
	border-radius: 4px;
}


.indexListB ul li .itemBox .txt .tit{display:block;margin-bottom:10px;font-size: 14px;color: #fff;font-weight: 500;width: 100%;height:38px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.indexListB ul li .itemBox .txt p{margin-bottom:10px;height:54px;line-height:1.5;font-size: 12px;color: #818181;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.indexListB ul li .itemBox .txt .otherInfo .infoSpanWrap{float: left;}
.indexListB ul li .itemBox .txt .otherInfo span{float:left;line-height:24px;display: inline-block;vertical-align: middle;margin-right: 25px;font-size: 12px;color: #818181;padding-left: 16px;}
.indexListB ul li .itemBox .txt .otherInfo .span1{background: url(../img/icon_ll.png) no-repeat;background-size:12px;background-position: left center;}
.indexListB ul li .itemBox .txt .otherInfo .span2{background: url(../img/icon_sj.png) no-repeat;background-size:12px;background-position: left 40%;cursor: pointer;}
.indexListB ul li .itemBox .txt .otherInfo .span3{background: url(../img/icon_jb.png) no-repeat;background-size:10px;background-position: left center;margin-right: 0;}
.indexListB ul li .itemBox .txt .otherInfo .span4{float: right;padding:0;margin: 0;width: 24px;height: 24px;border-radius: 50%;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.indexListB ul li .itemBox .txt .otherInfo .span4 img{width: 100%;height: 100%;object-fit: cover;}

/* 登录界面 */
/* .loginConWrap{display:none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 999;background: rgba(0,0,0,0.6);} */
/* .loginConWrap.active{display: block;} */
.loginConMain{width: 350px;height: auto;background: #1f1f1f;border-radius: 8px;position: absolute;top: 50%;left: 50%;margin-top: -237px;margin-left: -175px;padding: 30px 32px;box-shadow: 0 0 15px 3px #000;}
.loginConMain .dlzcT{color: #fff;text-align: center;}
.loginConMain .dlzcT h3{font-size: 24px;margin-bottom: 5px;}
.loginConMain .dlzcT p{font-size: 12px;}
.loginConMain.active{display: block;}
.loginConMain .comForm{margin-top: 20px;}
.loginConMain .loginBox{width: 100%;height: 42px;line-height: 42px;border: 1px solid #a4a4a4;border-radius: 8px;margin-bottom: 15px;padding: 0 20px;}
.loginConMain .loginBox input{display:inline-block;vertical-align:top;width: 80%;height: 100%;font-size: 14px;color: #fff;background: transparent !important;}

/*.loginConMain .loginBox input:-internal-autofill-selected{background-color: #1f1f1f !important;}*/
.loginConMain .loginBox input { 
  box-shadow: inset 0 0 0 1000px #1f1f1f  !important;
}

/*.loginConMain .loginBox input{box-shadow: 0 0 0px 1000px transparent inset;}*/

/*.loginConMain .loginBox input:-webkit-autofill {box-shadow:0 0 0 1000px transparent inset !important;}*/
/*.loginConMain .loginBox input:-internal-autofill-previewed, .loginConMain .loginBox input:-internal-autofill-selected {-webkit-text-fill-color:#CCD3D3;-webkit-transition:background-color 5000s ease-out 0.5s !important; transition: background-color 5000s ease-out 0.5s !important;background-color:transparent !important;}*/

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    -webkit-text-fill-color: #807c7c;
    transition: background-color 5000s ease-out 0.5s;
}


.loginConMain .inputBox input{width: 86%;height: 100%;font-size: 14px;color: #222;}
.loginConMain .inputBox input::-webkit-input-placeholder{font-size: 14px;color: #818181;}
.loginConMain .inputBox input::-moz-placeholder{font-size: 14px;color: #818181;}
.loginConMain .inputBox input::-ms-input-placeholder{font-size: 14px;color: #818181;}
.loginConMain .inputBox input:-ms-input-placeholder{font-size: 14px;color: #818181;}
.loginConMain .password{height: 14px;line-height:14px;font-size: 14px;color: #818181;}
.loginConMain .password a{color: #818181;transition: all .4s;}
.loginConMain .password a:hover{color: #fff;}
.loginConMain .password .psdL{height: 100%;cursor: pointer;}
.loginConMain .password .psdL em{display: inline-block;vertical-align: top;height: 100%;width: 14px;background: url(../img/icon_l_choose.png) no-repeat center;background-size: 100%;margin-right: 6px;}
.loginConMain .password .psdL.active em{background: url(../img/icon_l_choose_on.png) no-repeat center;background-size: 100%;}
.loginConMain .verCode{position: relative;}
.loginConMain .verCode input{width: 70%;}
.loginConMain .verCode .yanzmasBar {cursor:pointer;width: auto;font-size: 14px;color: #00c8ff;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.loginConMain .loginBtn{display: block;width: 100%;line-height: 42px;border-radius: 8px;background: #00c8ff;font-size: 16px;color: #fff;text-align: center;margin-top: 25px;}
.loginConMain .p{font-size: 14px;color: #fff;text-align: center;margin-top: 15px;}
.loginConMain .p a{color: #00c8ff;margin-left: 18px;}
.loginConMain .closeBtn{width: 14px;height: 14px;background: url(../img/icon_close.png) no-repeat center;background-size: 100% 100%;position: absolute;top: 14px;right: 14px;transition: all .4s;}
.loginConMain .closeBtn:hover {transform: rotate(180deg);}
.zcWrap .zcNum{padding: 0 20px 0 0;}
.zcWrap .zcNum .xqWrap{width: 65px;position: relative;}
.zcWrap .zcNum .xqWrap .xqT{font-size: 12px;color: #fff;padding-left: 20px;line-height: 40px;cursor: pointer;}
.zcWrap .zcNum .xqWrap .xqT .dropBtn{height: 100%;position: absolute;top: 0;right: 0;display: flex;justify-content: center;align-items: center;}
.zcWrap .zcNum .xqWrap .xqT .dropBtn img{width: 9px;transition: .4s;}
.zcWrap .zcNum .xqWrap .xqT .dropBtn.active img{transform: rotate(-180deg);}
.zcWrap .zcNum .xqWrap .xqB{display:none;position: absolute;top: 40px;left: 0;background: #fff;width: 100%;text-align: center;border-radius: 8px;z-index: 99;}
.zcWrap .zcNum .xqWrap .xqB p{line-height: 30px;border-bottom: 1px solid #eee;cursor: pointer;}
.zcWrap .zcNum .xqWrap .xqB p:last-child{border: 0;}
.zcWrap .zcNum input{width: calc(100% - 65px);padding-left: 18px;}
.zcWrap .password .psdL{text-align: center;}
.zcWrap .password .psdL a{margin-left: 6px;color: #fff;}
/*蹇樿瀵嗙爜寮圭獥*/
.wjmmWrap .zcNum{padding: 0 20px 0 5px;}
.wjmmWrap .zcNum .xqWrap{width: 65px;position: relative;}
.wjmmWrap .zcNum .xqWrap .xqT{font-size: 12px;color: #fff;padding-left: 20px;line-height: 40px;cursor: pointer;}
.wjmmWrap .zcNum .xqWrap .xqT .dropBtn{height: 100%;position: absolute;top: 0;right: 0;display: flex;justify-content: center;align-items: center;}
.wjmmWrap .zcNum .xqWrap .xqT .dropBtn img{width: 9px;transition: .4s;}
.wjmmWrap .zcNum .xqWrap .xqT .dropBtn.active img{transform: rotate(-180deg);}
.wjmmWrap .zcNum .xqWrap .xqB{display:none;position: absolute;top: 40px;left: 0;background: #fff;width: 100%;text-align: center;border-radius: 8px;z-index: 99;}
.wjmmWrap .zcNum .xqWrap .xqB p{line-height: 30px;border-bottom: 1px solid #eee;cursor: pointer;}
.wjmmWrap .zcNum .xqWrap .xqB p:last-child{border: 0;}
.wjmmWrap .zcNum input{width: calc(100% - 65px);padding-left: 18px;}
.wjmmWrap .password .psdL{text-align: center;}
.wjmmWrap .password .psdL a{margin-left: 6px;color: #fff;}
.wjmmWrap .sureBtn{display: block;width: 100%;line-height: 42px;border-radius: 8px;background: #00c8ff;font-size: 16px;color: #fff;text-align: center;margin-top: 25px;}
.toTop{opacity:0;width: 56px;height: 56px;background: #fff url(../img/icon_totop.png) no-repeat center 21px;border-radius: 50%;position: fixed;right: 0;bottom: 200px;transition:.4s;}
.toTop.active{opacity: 1;}

/***********************资源列表 A_page***********************/
.zySwiWrap,.zySwiMain{width: 100%;overflow: hidden;}
.zySwiMain ul li{width: 20%;padding: 0 6px;float:left;}
.zySwiMain ul li a{display: block;width: 100%;height: 220px;position: relative;border-radius: 8px;overflow: hidden;display: block;width: 100%;}
.zySwiMain ul li a .img{width: 100%;height: 100%;}
.zySwiMain ul li a .img img{width: 100%;height: 100%;object-fit: cover;}
.zySwiMain ul li a .txt{width: 100%;position: absolute;bottom: 0;left: 0;padding: 10px 20px;background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));}
.zySwiMain ul li a .txt h4{width: 100%;font-size: 16px;color: #fff;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.zySwiMain ul li a .txt p{font-size:12px;color: #b7b7b7;font-weight: bold;margin-top: 6px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.zySwiWrap  a{display: block;width: 30px;height: 30px;border-radius: 50%;position: absolute;top: 26%;}
.zySwiWrap .prev{background: #2e3034 url(../img/icon_arr_l.png) no-repeat center;background-size: 14px 14px;left: 5px;}
.zySwiWrap .next{background: #2e3034 url(../img/icon_arr_r.png) no-repeat center;background-size: 14px 14px;right: 5px;}
/* .zyListWrap{padding-top: 40px;} */
.zyListWrap .zyFitTab{margin-bottom: 25px;}
/* .zyListWrap .comTab a,.topTab a{font-size: 18px;color: #fff;margin-right: 40px;transition: .4s;} */
.zyListWrap .zyFitTab a:hover,.zyListWrap .zyFitTab a.active{font-weight: bold;}
.zyListWrap .zyFirItemWrap .zyFirItem{display: none;}
.zyListWrap .zyFirItemWrap .zyFirItem.active{display: block;}



/*********列表页上 二级导航 栏目标题 加载更多 栏目介绍 最新 人气 底部 样式 *****************/
.zyListWrap .zyFirItemT.comTab {
  display: flex;
  align-items: center;
  padding: 10px 0;
  justify-content: space-between; /* 确保内容分布在两端 */
}


.zyListWrap .left-content {
  display: flex;
  align-items: center;
}

.zyListWrap .zyTitle,
.zyListWrap .zyTitle-active {
  margin-right: 20px;
  line-height: 38px;
  color: #cccccc;
  padding: 3px 12px;
  border-radius: 8px;
  font-size: 18px;
  text-wrap: nowrap;
  border: 1px solid transparent; /* 加透明边框 解决戍边悬停抖动 */
}

.zyListWrap .zyTitle-active {
	color: #ffffff;
	border: 1px solid #ffffff;
}

.zyListWrap .zyFirItemWrap .zyFirItemT .zyTitle:hover,
.zyListWrap .zyFirItemWrap .zyFirItemT .zyTitle.active {
	color: #cccccc;
	border: 1px solid #cccccc;
}

.zyListWrap .navDetails {
  line-height: 32px;
  font-size: 18px;
  color: #818181;
  white-space: nowrap;
  overflow: hidden;
}

.zyListWrap .zyPx {
  display: flex;
  margin-left: auto; /* 这将使ul靠右对齐 */
}

.zyListWrap .zyPx a,
.loading,
.footer p,
.footer a  {
  margin-left: 20px;
  line-height: 32px;
  font-size: 14px;
  color: #818181;
  white-space: nowrap;
}

.loading {
	display: block;
	margin: 0 auto;
	width: 100px;
	padding-bottom: 20px;
	/* padding-top: 20px; */
}

/* footer */
.footer {
	width: 100%;
	padding: 25px 10px;
	text-align: center;
	border-top: 1px solid #818181;
	line-height: 1.6;
	margin-top: 20px;
}

.zyListWrap .zyPx a:hover,
.loading:hover,
.footer a:hover,
.zyListWrap .zyPx a.active{
  color: #cccccc;
}


.zyListWrap .zyFirItemB{
	margin-top: 10px;
}
.zyListWrap .zyFirItemB .zySecItem,.topItemWrap .topItem{display: none;position: relative;}
.zyListWrap .zyFirItemB .zySecItem.active,.topItemWrap .topItem.active{display: block;}


/* 搜索页导航 */
.category-group-container {
    display: flex;
    flex-direction: column;
}

.category-group {
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #1f1f1f;
}

.secondary-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-left: 15px;
}

.zyListWrap .zyTitle-second,
.zyTitle-first {
  color: #cccccc;
  line-height: 38px;
  margin: 6px;
  padding: 0px 12px;
  border-radius: 8px;
  font-size: 14px;
  text-wrap: nowrap;
  border: 1px solid transparent; /* 加透明边框 解决戍边悬停抖动 */
}


.category-group .zyTitle-second:hover{
	font-weight: 550;
	color: #ffffff;
}

.zyTitle-second.active {
    background-color: #1f1f1f;
	padding: 0px 12px;
}


/***********************分页 pages***********************/
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px auto;
	border-radius: 4px;
}
.pagination > li {
	display: inline;
}
.pagination > li > a,
.pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #fff;
	text-decoration: none;
	background-color: #363636;
	border: 1px solid #363636;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	z-index: 2;
	opacity: 0.7;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #576075;
	border-color: #576075;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: #ccc;
	cursor: not-allowed;
	background-color: #424141;
	border-color: #424141;
}


.pagination{margin:20px auto 40px !important;width:90%;*zoom:1;display:block !important;text-align:center;}
.pagination::before,.pagination::after{content:'';display:block;line-height:0;}
.pagination::after{clear:both;}
.pagination li{float:none !important;padding:0 !important;display: inline-block;vertical-align: middle;width:auto !important;min-width: 30px;height: 30px !important;line-height: 30px !important;text-align: center;background:#363636;font-size: 14px;color: #fff;transition: all .4s;border-radius: 4px;margin: 0 2px 7px;}
.pagination li a{height:auto !important;width:auto !important;}



.topListT{margin-bottom:50px;color: #fff;text-align: center;}
.topListT h4{font-size: 64px;font-weight: bold;}
.topListT p{font-size: 18px;}
.topItemWrap .topItem ul{width: 100%;display: grid;grid-template-columns: repeat(8, 1fr);gap: 0px;grid-auto-rows:175px;}
.topItemWrap .topItem ul li{aspect-ratio: 1 / 1;height: 100%;width: 100%;}
.topItemWrap .topItem ul li a{display: block;width: 100%;height: 100%;}
.topItemWrap .topItem ul li a .img{width: 100%;height: 100%;overflow: hidden;}
.topItemWrap .topItem ul li a .img img{width: 100%;height: 100%;object-fit: cover;transition: .4s;}
.topItemWrap .topItem ul li a:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}



/***********************show 内容页面***********************/
.blue{background:#005e78;}
.green{background:#00783a;}
.yellow{background:#e2b042;}
.bluetxt{color: #005e78;}
.greentxt{color:#00783a;}
.yellowtxt{color:#e2b042;}
.showWrap{padding: 8px 0 40px;}
.showWrap .zyShowL{width:980px;}
.showWrap .zyShowR{width:390px;}
.ShowBoxBg{background: #1f1f1f;border-radius: 8px;margin-bottom: 28px;}
.conShowBox.zyShowL .ShowBoxBg{padding: 30px 40px 40px;}
.conShowBox .crumb{margin-bottom: 25px;}
.conShowBox .crumb *{font-size: 14px;color: #818181;}
.conShowBox .crumb i{margin: 0 2px;}
.conShowBox .crumb a{transition: .4s;}
.conShowBox .crumb a:hover{color: #fff;}
.conShowBox .crumb span{color: #fff;}
.conShowBox .tit{font-size: 28px;color: #fff;}
.conShowBox .conInfo{margin: 30px 0 40px;}
.conShowBox .conInfo *{font-size: 14px;color: #818181;line-height: 24px;}
.conShowBox .conInfoL .souWrap .img{margin-right:6px;width: 24px;height: 24px;border-radius: 50%;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.conShowBox .conInfoL .souWrap .img img{width: 100%;height: 100%;object-fit: cover;}
.conShowBox .conInfoL .souWrap .txt{color: #fff;}
.conShowBox .conInfoL .fbTime{margin-left: 12px;}
.conShowBox .conInfoR a{display: inline-block;vertical-align: middle;margin-left: 15px;font-size: 12px;color: #818181;padding-left: 16px;}
.conShowBox .conInfoR .a1{background: url(../img/icon_xz.png) no-repeat;background-size: 14px;background-position: left 35%;}
.conShowBox .conInfoR .a1:hover{color:#fff;background: url(../img/icon_xz_on.png) no-repeat;background-size: 14px;background-position: left 35%;}
.conShowBox .conInfoR .a2{background: url(../img/icon_ll.png) no-repeat;background-size: 13px;background-position: left 40%;}
.conShowBox .conInfoR .a3{background: url(../img/icon_xx.png) no-repeat;background-size: 13px;background-position: left 40%;}
.conShowBox .conInfoR .a4{background: url(../img/icon_jb.png) no-repeat;background-size: 12px;background-position: left center;}
.conShowBox .conInfoR .a5{padding: 0;}
.conShowBox .content{font-family: sans-serif !important;}
.conShowBox .content *{color: #d4d4d4;}
.conShowBox .content strong {color: rgb(247, 150, 70);}
.conShowBox .content a{color: rgb(247, 150, 70);word-break: break-word;}
.conShowBox .content p{font-size: 15px;color: #d4d4d4;margin: 0 0;line-height:1.8;}
.conShowBox .content img{max-width: 100%;height:auto !important;}
.conShowBox .content table td a{color:#0c1f47 !important;}


/* 收藏 点赞 分享 按钮样式 start */
.conShowBox .likeWrap {
	margin: 60px 0 40px;
}

.conShowBox .likeWrap a {
	display: inline-block;
	vertical-align: middle;
	width: 80px;
	line-height: 38px;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #cccccc;
	font-size: 14px;
	color: #cccccc;
	text-align: center;
	margin-right: 14px;
}


.conShowBox .likeWrap .likeL a:hover,
.conShowBox .likeWrap .likeR a:hover{
	/* background: #00b0ff; */
	text-align: center;
	border: 1px solid #00b0ff;
	color: #00b0ff;
	
}
/* 收藏 点赞 分享 按钮样式 end */

.conShowBox .labelWrap h4{font-size: 16px;color: #cccccc;margin-bottom: 10px;}
.conShowBox .labelWrap .label a{font-size: 14px;color: #cccccc;display: inline-block;vertical-align: middle;padding: 0 12px;line-height: 32px;background: #303030;border-radius: 8px;overflow: hidden;margin: 0 8px 8px 0;}
.commentWrap .commBL{width: calc(100% - 55px);height: 42px;background: #101014;border-radius: 8px;}
.commentWrap .commBL input{width: 100%;height: 100%;line-height: 42px;padding: 0 20px;font-size: 14px;color: #fff;}
.commentWrap .commBL input::-webkit-input-placeholder{font-size: 12px;color: #a8a8a8;}
.commentWrap .commBL input::-moz-placeholder{font-size: 12px;color: #a8a8a8;}
.commentWrap .commBL input::-ms-input-placeholder{font-size: 12px;color: #a8a8a8;}
.commentWrap .commBL input:-ms-input-placeholder{font-size: 12px;color: #a8a8a8;}
.commentWrap .commBR{display:block;width: 42px;height: 42px;border-radius: 8px;background: #00c8ff url(../img/icon_fs.png) no-repeat center;}
.commentWrap .commList{margin-top: 30px;}
.commentWrap .commList h6{font-size: 16px;color: #fff;margin-bottom: 20px;}
.commentWrap .commList ul li{margin-bottom: 20px;}
.commentWrap .commList .firComm .conInfoL{padding-right: 15px;}
.commentWrap .commList .conInfoL *{color: #818181;line-height: 32px;}
.commentWrap .commList .conInfoL .souWrap .img{width: 32px;height: 32px;}
.commentWrap .commList .conInfoL .souWrap .grade,.personT .personTL .grade{font-size: 12px;color: #fff;padding: 0 5px;margin:0 4px 0 6px;border-radius: 4px;line-height: 16px;}
.commentWrap .commList .conInfoL .souWrap .fbTime{margin-left: 8px;}
.commentWrap .commList .conInfoL .souWrap a{font-size: 14px;color: #818181;}
.commentWrap .commList .commText{font-size: 14px;color: #fff;margin:0 0 4px 38px;line-height: 1.6;padding-right: 15px;}
.commentWrap .commList .secComm{margin-left: 38px;background: #303030;border-radius: 8px;padding: 15px;margin-top: 15px;}
.recomWrap{margin-top: 40px;}
/* .recomWrap h6{font-size: 18px;color: #fff;} */
.recomWrap .indexListB{margin-top: 12px;}
.recomWrap .indexListB ul li{width: 25%;}
.recomWrap .indexListB ul li .itemBox .img{height: 128px;}
.recomWrap .indexListB ul li .itemBox .txt .label{margin: 0 0 7px;}
.recomWrap .indexListB ul li .itemBox .txt .otherInfo span{line-height: 20px;}
.recomWrap .indexListB ul li .itemBox .txt .otherInfo span:last-child{margin-right: 0;}
.showWrap .wzShowBox,.showWrap .xwzxShowBox{width: 100%;margin: 0 auto;}
.showWrap .wzShowBox .recomWrap .indexListB ul li .itemBox .img{height: 335px;}
.zyShowRItem{padding: 15px 20px 20px;}
.zyShowRItem h4,
.recomWrap h4 {
	font-size: 16px;
	color: #cccccc;
	margin-bottom: 20px;
}
.zyShowRItem h4 img{width: 13px;margin: 4px 6px 0 0;}
.zyShowRItem .graInfo{width: 100%;background: #303030;border-radius: 8px;padding: 8px 16px;}
.zyShowRItem .graInfo p{padding: 8px 0;font-size: 14px;position: relative;}
.zyShowRItem .graInfo p::before{content: '';display: block;width: 1px;height: 100%;background: #818181;position: absolute;top: 18px;left: 5px;}
.zyShowRItem .graInfo p:last-child::before{display: none;}
.zyShowRItem .graInfo span{color: #818181;}
.zyShowRItem .graInfo span i{display: inline-block;width: 10px;height: 10px;border-radius: 50%;margin-right: 5px;position: relative;z-index: 1;}
.zyShowRItem .graInfo em{color: #cccccc;}
.zyShowRItem .buyBtn {
	display: block;
	width: 100%;
	line-height: 42px;
	background: #00c8ff;
	border-radius: 8px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	margin: 20px 0;
}
.zyShowRItem .buyBtn:hover {
	background: #00783a;
	transition: all 0.3s ease;
}
.zyShowRItem .jyMmBtn{width: 100%;line-height: 36px;background: #373737;border-radius: 8px;text-align: center;font-size: 14px;color: #e2b042;margin: 20px 0 30px;}
.zyShowRItem .otherInfo{color: #818181;}
.zyShowRItem .otherInfo h5{font-size: 16px;margin-bottom:12px;}
.zyShowRItem .otherInfo ul li,
.zyShowRItem .smText  {
	font-size: 14px;
	color: #818181;
	line-height: 1.8;
	padding: 5px 0;
}
.zyShowRItem .otherInfo ul li i{display: block;width: 95px;}
.zyShowRItem .otherInfo ul li span{
	display: block;
	width: calc(100% - 95px);
	text-align: right;
	overflow-wrap: break-word;

}

/* .zyShowRItem .smText{font-size: 12px;color: #fff;line-height: 2;} */


/* 分享按钮的提示框 start */
.custom-tooltip {
        position: fixed;
        left: 50%;
        top: 20%;
        transform: translateX(-50%);
        background: rgba(0, 0, 0, 0.85);
        color: white;
        padding: 12px 24px;
        border-radius: 6px;
        z-index: 9999;
        font-size: 14px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        display: flex;
        align-items: center;
        opacity: 0;
        transition: all 0.3s ease;
    }
    
    .custom-tooltip.show {
        opacity: 1;
        top: 22%;
    }
    
    .custom-tooltip::before {
        content: "✓";
        margin-right: 8px;
        font-size: 16px;
        color: #4CAF50;
    }
    
    @keyframes fadeIn {
        0% { opacity: 0; top: 15%; }
        100% { opacity: 1; top: 22%; }
    }
    
    @keyframes fadeOut {
        0% { opacity: 1; top: 22%; }
        100% { opacity: 0; top: 25%; }
    }
/* 分享按钮的提示框 end */

/***********************加群弹窗遮罩层样式和按钮样式 start ***********************/
 /* 正常状态下的按钮样式 */
.join-group-btn {
	width: 100%;
	padding: 10px 10px;
	background: #005e78;
	color: #cccccc;
	border: none;
	border-radius: 8px;
	font-size: 14px;
}

.join-group-btn:hover {
	background-color: #00783a;
	transition: all 0.3s ease;
}

/* 遮罩层样式 */
.modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 1000;
	justify-content: center;
	align-items: center;
}

/* 弹窗内容样式 */
.modal-content {
	width: 450px;
	height: 750px;
	background-color: #1f1f1f;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px;
	box-sizing: border-box;
}

/* 二维码图片容器 */
.qr-code-container {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding-top: 15px;
	
}

.qr-code-img {
	width: 350px;
	height: 598px;
	border-radius: 8px;
}

/* 文字描述区域 */
.description-area {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
}

.description-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 12px;
	margin-top: 12px;
	color: #CCC;
}

.description-text {
	font-size: 12px;
	color: #CCC;
	line-height: 1.5;
	max-width: 80%;
}
/* **********************加群弹窗遮罩层样式和按钮样式 end********************** */

/***********************涓汉涓績***********************/
.bgH {
	border-radius: 8px;
	width: 50%;
}
.personWrap{padding-bottom: 30px;}
.personT{margin-bottom: 20px;}
.personT .personTL .img{width: 64px;height: 64px;display: flex;justify-content: center;align-items: center;border-radius: 50%;overflow: hidden;margin-right: 10px;}
.personT .personTL .img img{width: 100%;height: 100%;object-fit: cover;}
.personT .personTL .txt{font-size: 18px;color: #fff;}
.personT .personTL .grade{line-height: 22px;margin: 0 0 0 8px;}
.personT .personTR{width: 130px;line-height: 42px;font-size: 16px;color: #fff;border: 1px solid #fff;border-radius: 8px;text-align: center;transition: .4s;}
.personT .personTR:hover{background: #00c8ff;border: 1px solid #00c8ff;}
.personT .personTR img{width: 16px;margin: 13px 5px 0 0;}
.personB{margin-top: 30px;}
.personBL{width: 300px;}
.personBL .personBLI {padding: 20px 25px;margin-bottom: 30px;}
.personBL .personBLI h4{font-size: 16px;color: #818181;margin-bottom: 15px;}
.personBL .personBLI .money{width: 100%;margin: 30px 0;}
.personBL .personBLI .money .monI {
	width: 50%;
	float: left;
	text-align: center;
	/* font-size: 24px; */
	color: #fff;
	font-size: clamp(12px, 1.5vw, 24px); /* 最小12px，理想2.5vw，最大24px */
}
.personBL .personBLI .money .monI p{font-size: 12px;}
.personBL .personBLI .qdBtn{display: block;width: 100%;line-height: 42px;background: #00c8ff;border-radius: 8px;text-align: center;font-size: 16px;color: #fff;}
.personBL .personBLI .hzConWrap a{font-size: 14px;color: #818181;display: block;width: 100%;line-height: 42px;padding-left: 35px;border-radius: 8px;}
.personBL .personBLI .hzConWrap a.active{color: #fff;}
.personBL .personBLI .hyWrap a:nth-child(1){background: url(../img/icon_p1.png) no-repeat 17px center;background-size: 13px;}
.personBL .personBLI .hyWrap a:nth-child(2){background: url(../img/icon_p2.png) no-repeat 17px center;background-size: 13px;}
.personBL .personBLI .hyWrap a:nth-child(3){background: url(../img/icon_p3.png) no-repeat 17px center;background-size: 13px;}
.personBL .personBLI .hyWrap a:nth-child(4){background: url(../img/icon_p4.png) no-repeat 17px center;background-size: 13px;}
.personBL .personBLI .hyWrap a:nth-child(5){background: url(../img/icon_p5.png) no-repeat 17px center;background-size: 13px;}
.personBL .personBLI .hyWrap a:nth-child(5){background: url(../img/icon_p5.png) no-repeat 17px center;background-size: 13px;}
.personBL .personBLI .hyWrap a:nth-child(1).active{background:#00c8ff url(../img/icon_p1_on.png) no-repeat 17px center;background-size: 13px;}
.personBL .personBLI .hyWrap a:nth-child(2).active{background:#00c8ff url(../img/icon_p2_on.png) no-repeat 17px center;background-size: 13px;}
.personBL .personBLI .hyWrap a:nth-child(3).active{background:#00c8ff url(../img/icon_p3_on.png) no-repeat 17px center;background-size: 13px;}
.personBL .personBLI .hyWrap a:nth-child(4).active{background:#00c8ff url(../img/icon_p4_on.png) no-repeat 17px center;background-size: 13px;}
.personBL .personBLI .hyWrap a:nth-child(5).active{background:#00c8ff url(../img/icon_p5_on.png) no-repeat 17px center;background-size: 13px;}
.personBL .personBLI .hyWrap a:nth-child(5).active{background:#00c8ff url(../img/icon_p5_on.png) no-repeat 17px center;background-size: 13px;}
.personBL .personBLI .zlWrap{margin-top: 20px;}
.personBL .personBLI .zlWrap a:nth-child(1){background: url(../img/icon_p6.png) no-repeat 17px center;background-size: 13px;}
.personBL .personBLI .zlWrap a:nth-child(2){background: url(../img/icon_p9.png) no-repeat 17px center;background-size: 13px;}
.personBL .personBLI .zlWrap a:nth-child(3){background: url(../img/icon_p7.png) no-repeat 17px center;background-size: 13px;}
.personBL .personBLI .zlWrap a:nth-child(4){background: url(../img/icon_p8.png) no-repeat 17px center;background-size: 13px;}
.personBL .personBLI .zlWrap a:nth-child(1).active{background:#00c8ff url(../img/icon_p6_on.png) no-repeat 17px center;background-size: 13px;}
.personBL .personBLI .zlWrap a:nth-child(2).active{background:#00c8ff url(../img/icon_p7_on.png) no-repeat 17px center;background-size: 13px;}
.personBL .personBLI .zlWrap a:nth-child(3).active{background:#00c8ff url(../img/icon_p8_on.png) no-repeat 17px center;background-size: 13px;}
.personBR{width: calc(100% - 330px);}
.personBR h4{font-size: 16px;color: #818181;margin-bottom: 20px;}
.personBR .conRItem{padding: 22px 35px;}
.hyRItemT{position: relative;}
.hyRItemT .hyczBtn a{font-size: 14px;color: #e2b042;display: inline-block;vertical-align: middle;line-height: 32px;padding: 0 10px;border-radius: 8px;border: 1px solid #e2b042;margin-left: 10px;}
.hyRItemB .xfSitua{margin-top: 25px;}
.hyRItemB .xfSitua ul{margin: 0 -15px;}
.hyRItemB .xfSitua ul li{float: left;width: 33.33%;padding: 0 15px;}
.hyRItemB .xfSitua ul li a{color:#fff;display: block;width: 100%;height: 100px;padding:24px 30px;border-radius:8px;background: #00c8ff url(../img/icon_p_jb.png) no-repeat 90% center;}
.hyRItemB .xfSitua ul li a h6{font-size: 24px;font-weight: bold;margin-bottom: 4px;}
.hyRItemB .xfSitua ul li a p{font-size: 14px;}

.hyRItemB .recharge .tit {
	margin: 25px 0 15px;
	font-size: 14px;
	color: #818181;
}

.hyRItemB .recharge ul {
	margin: 0 -10px;
}

.hyRItemB .recharge ul li {
	float: left;
	width: 25%;
	padding: 0 10px;
}

.hyRItemB .recharge ul li a {
	text-align: center;
	color: #818181;
	display: block;
	width: 100%;
	height: 74px;
	padding: 11px 50px;
	border-radius: 8px;
	background: url(../img/icon_g.png) no-repeat 20px center;
	border: 1px solid #818181;
	transition: .4s;
}

.hyRItemB .recharge ul li a:hover {
	border: 1px solid #00c8ff;
}

.hyRItemB .recharge ul li a.selected {
	border: 1px solid #00c8ff;
	color: #00c8ff;
	background: url(../img/icon_p_zf.png) no-repeat 20px center;
}

.hyRItemB .recharge ul li h6 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 6px;
}

.hyRItemB .recharge ul li p {
	font-size: 14px;
}
.hyRItemB .otherRechL .inputBox{width: 220px;height: 42px;background: #101014;border-radius: 8px;overflow: hidden;}
.hyRItemB .otherRechL .inputBox input{font-size: 14px;color: #fff;width: 100%;height: 100%;padding: 0 20px;}
.hyRItemB .otherRechL .inputBox input::-webkit-input-placeholder{color: #818181;}
.hyRItemB .otherRechL .inputBox input::-moz-placeholder{color: #818181;}
.hyRItemB .otherRechL .inputBox input::-ms-input-placeholder{color: #818181;}
.hyRItemB .otherRechL .inputBox input:-ms-input-placeholder{color: #818181;}
.hyRItemB .otherRechL span{font-size: 14px;color:#00c8ff;margin-left: 30px;}
.hyRItemB .otherRechR,.hyRItemB .ktVipBR{display:block;width: 85px;line-height: 42px;border-radius: 8px;background: #00c8ff;font-size: 14px;color: #fff;text-align: center;}



/* 我的会员------------------------------- */
.caption-subject i{
	font-size: 13px;
	color: #888888;
	padding-left: 6px;
}
.card {
    background-color: #1f1f1f;
border-radius:5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    height: 100%;
    display: flex;
    flex-direction: column;
}



.card-header {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding-top: 16px;
	border-radius:5px;
}
.card-header span{
	color:#ffffff;
    font-weight: 600;
    font-size: 20px;

}
.card-body{
	float:left;
	width: 15%;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

.card-header .price {
	font-size: 24px;
	color:#ffffff;
	font-weight: 600;
	padding-bottom: 16px;
}
.card-header .price span {
	font-size: 12px;
	color:#ffffff;
	padding-left: 6px;
	
}
.cardDetail {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	background-color: #ececec;
	padding-top: 15px;
	border-radius: 0 0 5px 5px ;
}
.card-row {
    margin-bottom: 8px;
	display: flex; 
	font-size: 14px;
	color: #1f1f1f;
}

.card-row span {
	color:#00a7ef;
	font-size: 15px;
	font-weight: 600;
}
.btn-pay {
	color: #ffffff;
	font-size: 16px;
	padding: 5px 30px;
	margin: 23px 0px;
	border-radius: 10px;
	transition: all 0.3s ease;
	
}
.btn-pay:hover{
	font-size: 18px;
	color: #ffffff;	
	padding: 8px 36px;
	margin: 18.5px 0px;
	transition: all 0.3s ease;
}

.portlet-body .rechIll {
	padding: 30px 0 10px;
}
.portlet-body .rechIll p{font-size: 14px;color: #818181;line-height: 2;padding-left: 13px;position: relative;}
.portlet-body .rechIll p::before{content: '';display: block;width: 4px;height: 4px;background: #818181;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -2px;}




.hyRItemB .ktVipT {
	margin: 20px 0 50px;
}

.hyRItemB .ktVipT ul {
	margin: 0 -10px;
}

.hyRItemB .ktVipT ul li {
	float: left;
	width: 33.33%;
	padding: 0 10px;
}

.hyRItemB .ktVipT ul li a {
	display: block;
	width: 100%;
	height: 200px;
	border: 1px solid #818181;
	border-radius: 8px;
	text-align: center;
	padding: 30px 16px 10px;
	background-position: 94% 18px;
	transition: .4s;
}

.hyRItemB .ktVipT ul li a h5 {
	font-size: 24px;
	font-weight: bold;
	padding-left: 30px;
	display: inline-block;
	vertical-align: middle;
	transition: .4s;
}

.hyRItemB .ktVipT ul li:nth-child(1) a h5 {
	background: url(../img/icon_zs1.png) no-repeat 26px;
	background-position: left center;
}

.hyRItemB .ktVipT ul li:nth-child(2) a h5 {
	background: url(../img/icon_zs2.png) no-repeat 26px;
	background-position: left center;
}

.hyRItemB .ktVipT ul li:nth-child(3) a h5 {
	background: url(../img/icon_zs3.png) no-repeat 26px;
	background-position: left center;
}



.hyRItemB .ktVipT ul li a .intro {
	color: #818181;
	line-height: 1.7;
	margin-top: 15px;
}



.hyRItemB .ktVipT ul li a .intro h6 {
	font-size: 14px;
	font-weight: bold;
}

.hyRItemB .ktVipT ul li a .intro p {
	font-size: 12px;
}


.hyRItemB .ktVipBItem{display: none;}
.hyRItemB .ktVipBItem.active{display: block;}
.hyRItemB .ktVipBox{justify-content: space-between;}
.hyRItemB .ktVipBL .img{margin-right:10px;display: flex;width: 42px;height: 42px;border-radius: 50%;overflow: hidden;justify-content: center;align-items: center;}
.hyRItemB .ktVipBL .img img{width: 100%;height: 100%;object-fit: cover;}
.hyRItemB .ktVipBL .txt a{font-size: 16px;color: #fff;font-weight: bold;}
.hyRItemB .ktVipBL .txt span{font-size: 12px;color: #fff;padding: 2px 5px;margin-left:6px;border-radius: 4px;line-height: 16px;display: inline-block;vertical-align: top;}
.hyRItemB .ktVipBL .txt p{font-size: 14px;color: #818181;margin-top: 2px;}
.hyRItemB .ktVipBM{width: 200px;text-align: center;}
.hyRItemB .ktVipBM span{font-size: 16px;color: #fff;}
.hyRItemB .ktVipBM i{padding: 3px 5px;background: #00c8ff;border-radius: 4px;font-size: 12px;color: #fff;display: inline-block;vertical-align: top;margin-left: 7px;}
.conRItem .gmWrap ul li{width: 100%;padding: 15px 20px;background: #2d2d2e;border-radius: 8px;margin-bottom: 18px;}
.conRItem .gmWrap ul li .gmCon{font-size: 14px;color: #fff;line-height: 1.6;margin-bottom: 6px;}
.conRItem .gmWrap ul li .gmCon a{display: block;width: 80%;float: left;font-size: 14px;color: #fff;}
.conRItem .gmWrap ul li .gmCon span{float:right;}
.conRItem .gmWrap ul li .gmInfo span{font-size: 12px;color: #818181;position: relative;padding-right: 10px;}
.conRItem .gmWrap ul li .gmInfo span::before{content: '';display: block;width: 1px;height: 12px;background: #818181;position: absolute;top: 1px;right: 2px;}
.conRItem .gmWrap ul li .gmInfo span:last-child::before{display: none;}
.hyRItemB .download{margin: 0 0 28px;}
.hyRItemB .download ul li a{background: #00c8ff url(../img/icon_p_xz.png) no-repeat 90% center;}
.conRItem .scWrap ul li .itemBox .txt .scTit{margin-bottom: 8px;}
.conRItem .scWrap ul li .itemBox .txt .otherInfo .span3{margin-right: 25px;}
.conRItem .indexListB{margin-top: 0;}
.conRItem .indexListB ul{margin: 0;}
.conRItem .indexListB ul li{width: 100%;float: initial;padding: 0;margin-bottom: 20px;}
.conRItem .indexListB ul li .itemBox{padding: 12px;background:#2d2d2e;border-radius: 8px;overflow: hidden;}
.conRItem .indexListB ul li .itemBox .img{width: 140px;height: 78px;border-radius: 8px;overflow: hidden;}
.conRItem .indexListB ul li .itemBox .txt{width: calc(100% - 155px);padding: 0;background: transparent;}
.conRItem .indexListB ul li .itemBox .txt .label{margin: 2px 0 8px;}
.conRItem .indexListB ul li .itemBox .txt .tit{height: auto;width: 70%;-webkit-line-clamp: 1;margin: 0;}
.conRItem .indexListB ul li .itemBox .txt span{font-size: 14px;color: #818181;float:left;}
.conRItem .indexListB ul li .itemBox .txt .span4{float:left;width: 24px;height: 24px;display: flex;justify-content: center;align-items: center;}
.conRItem .indexListB ul li .itemBox .txt .span4 img{width: 100%;height: 100%;object-fit: cover;}


/* 个人中心头像修改------------------------------- */
.conRItem .xxTxWrap {
	margin-bottom: 40px;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.conRItem .xxTxWrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.conRItem .xxTxWrap a {
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	top: 50%;
	left: 50%;
	margin-top: -15px;
	margin-left: -15px;
	opacity: 0;
	transform: .4s;
}

.conRItem .xxTxWrap a  img {
	width: 100%;
}

.conRItem .xxTxWrap:hover a  {
	opacity: 0.8;
}


.conRItem .txInfo .txInfoItem{float: left;width: 475px;}
.conRItem .txInfo .txInfoItem:nth-child(2n){float: right;}
.conRItem .txInfo .txInfoItem h6{font-size: 14px;color: #818181;margin-bottom: 8px;}
.conRItem .txInfo .txInfoItem .inputBox {
	margin-bottom: 18px;
	width: 100%;
	height: 42px;
	border-radius: 8px;
	overflow: hidden;
	background: #101014;
	display: flex;
  	justify-content: center;
  	align-items: center; 
}
.conRItem .txInfo .txInfoItem .inputBox span {
	width: 100%;
	font-size: 16px;
	color: #ccc;
	padding: 0 15px;
}
.conRItem .txInfo .txInfoItem .textBox{width: 100%;height: 120px;border-radius: 8px;overflow: hidden;}
.conRItem .txInfo .txInfoItem .textBox textarea {width: 100%;height: 100%;background: #101014;padding: 10px;resize: none;font-size: 16px;color: #fff;padding: 10px;}
.conRItem .saveInfo{display: block;text-align: right;margin: 30px 0 10px;}
.conRItem .saveInfo a{display: inline-block;vertical-align: middle;width: 166px;line-height: 42px;font-size: 16px;color: #fff;text-align: center;background: #00c8ff;border-radius: 8px;}
.conRItem .zhmmWrap .zhmmBox{margin-bottom: 20px;}
.conRItem .zhmmWrap .zhmmBox span{font-size: 14px;color: #818181;display: block;width: 125px;}
.conRItem .zhmmWrap .zhmmBox .inputBox{width: 440px;height: 42px;background: #101014;border-radius: 8px;overflow: hidden;}
.conRItem .zhmmWrap .zhmmBox .inputBox input{width: 100%;height: 100%;padding: 0 12px;font-size: 14px;color: #fff;}
.conRItem .zhmmWrap .zhmmBox .inputBox input::-webkit-input-placeholder{font-size: 14px;color: #818181;}
.conRItem .zhmmWrap .zhmmBox .inputBox input::-moz-placeholder{font-size: 14px;color: #818181;}
.conRItem .zhmmWrap .zhmmBox .inputBox input::-ms-input-placeholder{font-size: 14px;color: #818181;}
.conRItem .zhmmWrap .zhmmBox .inputBox input:-ms-input-placeholder{font-size: 14px;color: #818181;}
.conRItem .zhmmWrap .zhmmBox .owInpBox{width: 335px;margin-right: 10px;}
.conRItem .zhmmWrap .zhmmBox a{display: block;width: 95px;line-height: 42px;background: #00c8ff;border-radius: 8px;font-size: 14px;color: #fff;text-align: center;}
.conRItem .zhmmWrap .zhmmBox .yzmBtn{background: #818181;}
.conRItem .dsfWrap{margin-top: 50px;}
.conRItem .dsfWrap .dsfMain h6{font-size: 14px;color: #818181;}
.conRItem .dsfWrap .dsfMain .dsfBox{width: 100%;padding: 13px 18px;background: #2d2d2e;border-radius: 8px;margin: 15px 0;}
.conRItem .dsfWrap .dsfMain .dsfBL span{font-size: 14px;color: #fff;}
.conRItem .dsfWrap .dsfMain .dsfBL span img{width: 20px;margin: 2px 6px 0 0;}
.conRItem .dsfWrap .dsfMain .dsfBL em{font-size: 12px;color: #818181;margin-left: 30px;}
.conRItem .dsfWrap .dsfMain .dsfBL em i{padding: 0 8px;position: relative;}
.conRItem .dsfWrap .dsfMain .dsfBL em i::before{content: '';display: block;width: 1px;height: 12px;background: #818181;position: absolute;right: -3px;top: 50%;margin-top: -6px;}
.conRItem .dsfWrap .dsfMain .dsfBL em i:last-child::before{display: none;}
.conRItem .dsfWrap .dsfBr{text-align:center;display: block;width: 86px;line-height: 24px;border: 1px solid #818181;border-radius: 8px;font-size: 12px;color: #818181;}
.conRItem .dsfWrap .dsfBr img{width: 16px;margin: 5px 4px 0 0;}
/* .conRItem{display: none;}
.hyRItem.active,.zlRItem.active{display: block;} */








/* 支付弹窗 */
.zfbPopup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    justify-content: center;
    align-items: center;
    z-index: 1000;
  }

.downPopup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

.downPopup.show {
    display: flex!important;
}
.downtitle, 
.errorinf{
	text-align: center;
	line-height: 25px;
    margin-bottom: 18px;
	margin-top: 10px;
    color: #ecf0f1;
	font-size: 18px;
}
.errorinf{
	margin-top: 30px;
	font-size: 14px;
}
  
.pay-modal {
    width: 350px;
    background-color: #1f1f1f;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
/* 弹窗内容 */
.down-modal {
    width: 750px;
    background-color: #1f1f1f;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    animation: modalFadeIn 0.3s ease-out;
}

@keyframes modalFadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.pay-option {
	display: flex;
	align-items: center;
	padding: 15px;
	margin-bottom: 10px;
	background-color: #303030;
	border-radius: 8px;
	color: #ecf0f1;
	cursor: pointer;
	font-size: 14px;
	transition: background-color 0.3s;
}

.pay-option .jbye{
	margin-left: 65px;
	color: #00b0ff;
}
.pay-option .pay{
	margin-left: 35px;
	color: #b90d0d;
}

.down-option {
	display: flex;
	align-items: center;
	justify-content: space-between; /* 两端对齐 */
	padding: 15px;
	margin-bottom: 10px;
	background-color: #303030;
	border-radius: 8px;
	color: #ecf0f1;
	cursor: pointer;
	transition: background-color 0.3s;
}
.down-option .link-date{
	color:#818181;
	padding-top: 6px;
}
.down-option a{
	display: flex;
	font-size: 14px;
	padding: 10px 15px;
	align-items: center;
	background-color: #00b0ff;
	border-radius: 8px;
	color: #ecf0f1;
	cursor: pointer;
	transition: background-color 0.3s;
	white-space: nowrap
}

.down-option a:hover{
	background-color: #00783a;

}

.pay-option:hover {
	
	background-color: #464646;
}

.pay-option img {
	width: 30px;
	height: 30px;
	margin-right: 15px;
}

.pay-option:last-child {
	margin-bottom: 0;
}
/* 鎼滅储缁撴灉椤� */
.seaResT h4{font-size: 24px;color: #fff;font-weight: bold;text-align: center;}
.seaResT h4 span{color: #00C8FF;margin: 0 5px;}



.bigBox {width: 100vw;height: 100vh;background: rgba(0, 0, 0, .9);position: fixed;top: 0;left: 0;z-index: 1;display: none;}
.bigBoxImg {width: auto;height: auto;max-width:100%;max-height:100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 2;}


/*鍒嗛〉*/
.page{width: 90%;text-align: center;margin: 30px auto;}
.page a{display: inline-block;vertical-align: middle;min-width: 30px;height: 30px;line-height: 30px;text-align: center;background:#363636;font-size: 14px;color: #fff;transition: all .4s;border-radius: 4px;margin: 0 2px 6px;}
.page a:hover{opacity: 0.7;}
.page .txtPage{padding: 0 11px;}
.page span{font-size: 14px;color: #fff;margin: 0 2px 6px;}

/***********************详情页缩略图列表样式***********************/
/* 主容器 */
.container {
	margin: 0 auto;
	padding:0px 0px;
}

	/* 缩略图容器 */
.thumbnail-container {
	height: 106px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	background: #1f1f1f;
	border-radius: 4px;
	margin-bottom: 20px;
}

/* 单个缩略图 */
.thumbnail {
	display: inline-block;
	width: 166px;
	height: 90px;
	margin: 2px;
	cursor: pointer;
	border: 3px solid transparent;
	transition: all 0.3s;
	object-fit: cover;
	border-radius: 8px;
}

.thumbnail.active {
	border-color: #cccccc;
}

/* 大图容器 */
.main-view {
	background: #1f1f1f;
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	margin-bottom: 10px;
}

/* 大图 */
#mainImage {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* 切换按钮 */
.nav-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(255,255,255,0.2);
	color: white;
	padding: 8px 16px;
	border: none;
	cursor: pointer;
	font-size: 32px;
	transition: all 0.3s;
	backdrop-filter: blur(5px);
	opacity: 0;
	pointer-events: none;
}

.main-view:hover .nav-btn {
	opacity: 1;
	pointer-events: auto;
}

.prev {
	left: 0;
	border-radius: 0 5px 5px 0;
}

.next {
	right: 0;
	border-radius: 5px 0 0 5px;
}

/* 滚动条样式 */
/* WebKit 浏览器 - 自定义滚动条 */
.thumbnail-container::-webkit-scrollbar {
    height: 10px;
    width: 10px; /* 确保宽度也设置 */
}

.thumbnail-container::-webkit-scrollbar-track {
    background: #1f1f1f;
    border-radius: 4px;
}

.thumbnail-container::-webkit-scrollbar-thumb {
    background: #1f1f1f;
    border-radius: 4px;
    transition: background 0.3s ease;
}

/* 鼠标悬停时保持滚动条可见 */
.thumbnail-container::-webkit-scrollbar-thumb:hover {
    background: #1f1f1f;
}

/* 确保滚动条轨道在悬停时也可见 */
.thumbnail-container::-webkit-scrollbar-track:hover {
    background: #1f1f1f;
}

/* Firefox 浏览器 */
.thumbnail-container {
    scrollbar-width: thin; /* 使用 thin 或 auto */
    scrollbar-color: #696969 #1f1f1f;
}

/* 确保 Firefox 中悬停时滚动条不变 */
.thumbnail-container:hover {
    scrollbar-color: #696969 #1f1f1f;
}

/* Firefox 浏览器 */
.thumbnail-container {
	scrollbar-width: auto;
	scrollbar-color: #696969 #1f1f1f;
}


/* bilibili视频比例控制 */
#video {
aspect-ratio: 16/9;  /* 设置宽高比 */
}

/* 微信扫码支付页面 */
.pay-box {
	background-color: #0f0f13;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 80vh;
	margin: 0;
	padding: 20px;
}

.alipay-container {
	width: 300px;
	text-align: center;
	border: 1px solid #eee;
	border-radius: 8px;
	padding: 20px;
	background-color: #ffffff;
}

.alipay-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}

.alipay-logo img {
	width: 40px;
	height: 40px;
	margin-right: 8px;
}

.alipay-logo span {
	font-size: 24px;
	font-weight: 600;
	color: #000;
	line-height: 1.2;
}

.pay-box .fc-price-color{
	font-size: 16px;
	font-weight: 600;
}
.desc {
	font-size: 14px;
	color: #999;
	margin-bottom: 15px;
}

.tips {
	font-size: 14px;
	color: #666;
	line-height: 1.2;
}
@media screen and (max-width: 1440px) {
	/* 导航 */
	.header{height: 100px;}
	.header .nav, .header .loginWrap{margin-top: 40px;}
	.header .nav{margin-left: 100px;}
	.search{margin: 34px 0 0 80px;}
	.search input{width: 240px;}
	.header .nav li a{margin: 0 20px;}
	/* 首页 */
	.indexImgTL{width: 670px;}
	.indexImgTL a{height: 346px;}
	.indexImgTR{width: calc(100% - 670px);}
	.indexImgTR ul li a{height: 168px;}
	.indexListWrap{margin-top: 50px;}
	.indexListB{margin-top: 20px;}
	.indexListT .tabBtnFir{font-size: 16px;}
	.indexListT .tabBtnFir,.indexListT .tabBtnSec a{line-height: 36px;}
	.indexListB ul li{width: 25%;}
	.indexListB ul li .itemBox .img{height: 160px;}	
	/* TOP */
	.topItemWrap .topItem ul{grid-auto-rows:150px;}
	.topListT{margin-bottom: 40px;}
	/* 内容页 */
	.showWrap .zyShowL{width: 850px;}
	.showWrap .zyShowR{width: 320px;}
	.conShowBox.zyShowL .ShowBoxBg{padding: 30px 30px 40px;}
	.recomWrap .indexListB ul li .itemBox .img{height: 110px;}
	.recomWrap .indexListB ul li .itemBox .txt .otherInfo span{margin-right: 10px;}
	.conShowBox .crumb{margin-bottom: 20px;}
	.conShowBox .conInfo{margin: 20px 0 30px;}
	.conShowBox .likeWrap{margin: 40px 0 30px;}
	/* 个人中心 */
	.hyRItemB .xfSitua ul{margin: 0 -10px;}
	.hyRItemB .xfSitua ul li{padding: 0 10px;}
	.hyRItemB .xfSitua ul li a{padding: 25px;}
	.hyRItemB .xfSitua ul li a h6{font-size: 22px;}
	.conRItem .txInfo .txInfoItem{width: 385px;}
}
@media screen and (max-width: 1366px) {
	.zySwiMain ul li a{height: 200px;}
	.zySwiWrap a{top: 24%;}
}
@media screen and (max-width: 1220px) {
	/* 导航 */
	.header{height: 80px;}
	.header .logo{width: 125px;}
	.header .nav{margin-left: 30px;}
	.header .nav, .header .loginWrap{margin-top: 30px;}
	.header .nav li a{margin: 0 10px;font-size: 16px;}
	.search{margin: 24px 0 0 20px;}
	.search input{width: 120px;}
	/* 首页 */
	.indexImgTL,.indexImgTR{width: 100%;}
	.indexImgTR{margin-top: 10px;}
	.indexImgTR ul li a{height: 230px;}
	.indexListB ul{margin: 0 -5px;}
	.indexListB ul li{width: 33.33%;padding: 5px;}
	.indexListB ul li .itemBox .img{height: 130px;}
	.indexListB ul li .itemBox .txt .label{margin: 0 0 6px;}
	.indexListB ul li .itemBox .txt .tit,.indexListB ul li .itemBox .txt p{margin-bottom: 6px;}
	.indexListB ul li .itemBox .txt p{height: 36px;-webkit-line-clamp: 2;}	
	.indexListB ul li .itemBox .txt .otherInfo span{margin-right: 8px;}
	/* 资源 */
	.zySwiMain ul li{width: 33.33%;}
	.zySwiMain ul li a{height: 240px;}
	.zySwiMain ul li a .txt h4{font-size: 14px;}
	.zyListWrap .zyFitTab{margin-bottom: 15px;}
	.zyListWrap .zyFirItemWrap .zyFirItemT a{margin: 0;padding: 5px 10px;}
	.zyListWrap .zyFirItemB .zyPx, .topItem .zyPx{position: relative;top: 0;}
	.zyListWrap .indexListB, .topItemWrap .topItem{margin-top: 10px;}
	.zyListWrap .zyFirItemB .zyPx a, .topItem .zyPx a{margin: 0  10px 0 0;}
	.zyListWrap .comTab a {font-size: 16px;}

	/* TOP */
	.topListT{margin-bottom: 30px;}
	.topListT h4{font-size: 50px;}
	.topItemWrap .topItem ul{display: block;*zoom: 1;}
	.topItemWrap .topItem ul:before, .topItemWrap .topItem ul:after{display: block; line-height: 0; content: ""; } 
	.topItemWrap .topItem ul:after{clear: both;}
	.topItemWrap .topItem ul li{width: 25%;float: left;height: 180px;}
	/* 内容页 */
	.showWrap .zyShowL{width: 450px;}
	.showWrap .zyShowR{width: 260px;}
	.conShowBox .conInfo .conInfoR{width: 100%;}
	.conShowBox.zyShowL .ShowBoxBg{padding: 20px 10px 10px;}
	.conShowBox .crumb{margin-bottom: 10px;}
	.conShowBox .tit{font-size: 24px;}
	.conShowBox .conInfo{margin: 20px 0 30px;}
	.conShowBox .conInfoR{margin-top: 6px;}
	.conShowBox .conInfoR a{margin-left: 0;margin-right: 8px;}
	.conShowBox .content p{margin: 12px 0;}
	.conShowBox .likeWrap{margin: 30px 0 20px;}
	.conShowBox .likeWrap a{line-height: 32px;}
	.commentWrap .commList{margin-top: 20px;}
	.commentWrap .commList .secComm{padding: 10px;margin: 15px 0 0;}
	.commentWrap .commList .secComm .souWrap{display: block;width: calc(100% - 40px);}
	.commentWrap .commList .secComm .souWrap *{float: left;}
	.commentWrap .commList .secComm .souWrap .grade{margin-top: 9px;}
	.commentWrap .commList .secComm .souWrap .fbTime{margin:0 0 0 8px;}
	.commentWrap .commList .commText{margin: 5px 0 4px 0;}
	.recomWrap .indexListB ul li{width: 50%;}
	.recomWrap .indexListB ul li:nth-child(n + 5){display: none;}
	.recomWrap .indexListB ul li .itemBox .img{height: 122px;}
	.recomWrap .indexListB ul li .itemBox .txt .otherInfo span{margin-right: 8px;}
	
	/* 个人中心 */
	.personT .personTR{line-height: 32px;margin-top: 15px;}
	.personT .personTR img{margin: 8px 5px 0 0;}
	.personBL{width: 200px;}
	.personBL .personBLI{margin-bottom: 15px;}
	.personBL .personBLI,.personBR .conRItem{padding: 20px 10px;}
	.personBL .personBLI .money .monI{font-size: 22px;}
	.personBL .personBLI .money .monI p{font-size: 14px;}
	.personBL .personBLI .money{margin: 20px 0;}
	.personBL .personBLI .qdBtn,.personBL .personBLI .hzConWrap a{line-height: 36px;}
	.personBR{width: calc(100% - 215px);}
	.hyRItemT .hyczBtn a{line-height: 26px;margin-left: 6px;}
	.hyRItemB .xfSitua{margin-top: 0;}
	.hyRItemB .xfSitua ul,.hyRItemB .recharge ul,.hyRItemB .ktVipT ul{margin: 0 -5px;}
	.hyRItemB .xfSitua ul li,.hyRItemB .recharge ul li,.hyRItemB .ktVipT ul li{padding: 0 5px;}
	.hyRItemB .xfSitua ul li a{padding: 10px 20px;height: 75px;background-size: 40px;}
	.hyRItemB .xfSitua ul li a h6{font-size: 18px;}
	.hyRItemB .recharge .tit{margin: 20px 0 10px;}
	.hyRItemB .recharge ul li a{padding: 10px 0 10px 15px;background-position: 5px center;height: 65px;background-size: 15px;}
	.hyRItemB .recharge ul li h6{font-size: 14px;margin-bottom: 3px;}
	.hyRItemB .otherRechL .inputBox{width: 150px;height: 32px;}
	.hyRItemB .otherRechR, .hyRItemB .ktVipBR{line-height: 32px;}
	.hyRItemB .ktVipT{margin: 0 0 30px;}
	.hyRItemB .ktVipT ul li a{padding: 30px 10px 10px;background-position: 98% 6px;}
	.hyRItemB .ktVipT ul li a:hover, .hyRItemB .ktVipT ul li.active a{background-position: 98% 6px;}
	.hyRItemB .ktVipT ul li a h5{font-size: 18px;}
	.hyRItemB .ktVipBM{width: 160px;}
	.hyRItemB .xfSitua ul li a{background-size: 25px;}
	.conRItem .indexListB ul li .itemBox .txt .tit{width: 45%;}
	.conRItem .txInfo .txInfoItem{width: 100%;}
	.conRItem .zhmmWrap .zhmmBox .inputBox{width: calc(100% - 125px);}
	.conRItem .zhmmWrap .zhmmBox .owInpBox{width: calc(100% - 230px);}
	/* 搜索结果页 */
	.seaResT h4{font-size: 18px;}
}
@media only screen and (max-width: 992px){
	.zySwiMain ul li a{height: 190px;}
	.zySwiWrap a{top: 20%;}
}
@media only screen and (max-width: 767px){
	/* 导航 */
	.header{height: 56px;width: 100%;position: fixed;top: 0;left: 0;background: #2a2a2a;z-index: 9999;}
	.headerSp{height: 56px;width: 100%;}
	.header .nav{display:none;margin:0;height: 100%;width: 100%;background: #0f0f13;position: fixed;top: 56px;left: 0;z-index: 999;}
	.header .nav ul{display:block;width: 100%;padding: 0 8px;height: 100%;}
	.header .nav ul li{border-bottom: 1px solid #666;width: 100%;}
	.header .nav ul li a{margin:0;display: block;color: #ccc;font-size: 16px;padding:0 5px;line-height: 45px;}
	.pcSearch{display: none;}
	.wapSearch{display: block;padding: 20px 10px;width: 100%;}
	.wapSearch .search{margin: 0;width: 100%;height: 36px;}
	.wapSearch .search input{width: calc(100% - 50px);}
	.header .loginWrap{margin: 18px 36px 0 0;}
	.menuBtn {position: absolute;width: 24px;height: 24px;right: 10px;top: 50%;margin-top: -12px;}
	.menuBtn span{display: block;width: 100%;height: 2px;background: #fff;position: absolute;left: 0;top: 50%;margin-top: -1px;-webkit-transition: .4s;transition: .4s;border-radius: 2px;}
	.menuBtn .line1{-webkit-transform: translateY(-8px);transform: translateY(-8px);}
	.menuBtn .line3{-webkit-transform: translateY(8px);transform: translateY(8px);}
	.menuBtn.menuOn .line1{-webkit-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg);-webkit-transition: .4s;transition: .4s;}
	.menuBtn.menuOn .line2{opacity: 0;-webkit-transition: .4s;transition: .4s;}
	.menuBtn.menuOn .line3{-webkit-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);-webkit-transition: .4s;transition: .4s;}
	/* 首页 */



	.indexImgTL a{width: 100%;height: 182px;}
	.indexImgTR{margin-top: 5px;}
	.indexImgTR ul{margin: 0 -5px;}
	.indexImgTR ul li a{height: 100px;}
	.indexListWrap{margin-top: 30px;}
	.indexListT .tabBtnFir{width: 110px;padding: 0 15px 0 10px;background-position: 90% center;margin-right: 10px;}
	.indexListT .tabBtnSec a{margin-left: 6px;}
	.indexListT .tabBtnFir, .indexListT .tabBtnSec a{line-height: 33px;}
	.indexListB{margin-top: 10px;}
	.indexListB ul li{width: 50%;}
	.indexListB ul li .itemBox .txt{padding: 6px;}
	.indexListB ul li .itemBox .txt .otherInfo .infoSpanWrap{width: 100%;}
	.indexListB ul li .itemBox .txt .otherInfo span{margin-right: 8px;padding-left: 13px;}
	.indexListB ul li .itemBox .txt .otherInfo .span4{float: none;margin: 6px 0 2px;}
	.toTop{bottom: 60px;width: 40px;height: 40px;background-position: center;}
	.loginConMain{padding: 30px 20px;width: 86%;height: 360px;margin-left: -43%;margin-top: -180px;}
	.loginConMain .comForm{margin-top: 20px;}
	.loginConMain .loginBox{margin-bottom: 16px;}
	.loginConMain .loginBtn{margin-top: 30px;}
	.loginConMain .p{margin-top: 12px;}
	.zyListWrap{
		margin-top: 0;
	}
	.search-container {
		padding-top: 32px;
		padding:0 10px ;
	}
	.search-footer {
		display: none;
	}

	.search-header {
		font-size: 1.2rem;
		margin-top: 88px;
	}

	.search-box {
		padding: 13px;
	}

	.search-box .custom-dropdown{
		display: none;
	}

	.search-box .search-boxton {
		padding: 8px 8px;
		font-size: 14px;
	}
	.search-box .search-input {
		font-size: 0.8rem;
		padding: 10px;
	}

	.zyListWrap .navDetails {
		display: none;
	}

	.zyListWrap .zyPx a, .loading, .footer p, .footer a{
		font-size: 12px;
		line-height: 20px;
	}
	
	/* 资源 */
	.zySwiMain ul li{width: 100%;}
	.zySwiWrap a{top: 30%;}
	.zyListWrap{padding-top: 30px;}
	.zyListWrap .comTab a{margin-right: 20px;}
	.zyListWrap .indexListB, .topItemWrap .topItem{margin-top: 0;}
	/* TOP */
	.topListT h4{font-size: 40px;}
	.topListT p{font-size: 16px;}
	.topTab a{margin: 0;}
	.topItemWrap .topItem ul li{width: 50%;height: 177px;}
	/* 内容页 */
	.showWrap{padding: 20px 10px;}
	.showWrap .zyShowL,.showWrap .zyShowR{width: 100%;}
	.conShowBox.zyShowL .ShowBoxBg{padding: 20px 10px 10px;}
	.ShowBoxBg{margin-bottom: 20px;}
	.conShowBox .tit{font-size: 22px;}
	.conShowBox .conInfo{margin:  15px 0 20px;}
	.conShowBox .conInfoR{margin-top: 2px;}
	.commentWrap .commBL{height: 36px;width: calc(100% - 46px);}
	.commentWrap .commBL input{line-height: 36px;}
	.commentWrap .commBR{width: 36px;height: 36px;}
	.commentWrap .commList{margin-top: 18px;}
	.commentWrap .commList .firComm .conInfoL{display: block;padding-right: 10px;}
	.commentWrap .commList .commText{padding-right: 10px;}
	.commentWrap .commList .conInfoL .souWrap{display: block;width: calc(100% - 40px);}
	.commentWrap .commList .conInfoL .souWrap  *{float: left;height: 32px;}
	.commentWrap .commList .conInfoL .souWrap .grade{margin-top: 9px;}
	.commentWrap .commList .conInfoL .souWrap .grade, .personT .personTL .grade{height: 16px;margin: 8px 4px;}
	.commentWrap .commList .secComm .souWrap .fbTime{margin: 0;line-height: 26px;height: 26px;}
	.recomWrap{margin-top: 25px;margin-bottom: 15px;}
	.recomWrap .indexListB ul li .itemBox .img{height: 100px;}
	/* 个人中心 */
	.personBL,.personBR{width: 100%;}
	.personT .personTR{font-size: 14px;width: 90px;margin: 0;line-height: 30px;}
	.personT .personTL{display: block;width: calc(100% - 110px);}
	.personT .personTL *{float: left;}
	.personT .personTL .txt{font-size: 14px;line-height: 1.2;margin-top: 8px;max-width: calc(100% - 110px);}
	.personT .personTL .grade{line-height: 16px;}
	.personT .personTL .img{width: 32px;height: 32px;margin-right: 5px;}
	.personBL .personBLI .hzConWrap a{width: 45%;display: inline-block;vertical-align: middle;}
	.personBL .personBLI .money .monI{font-size: 24px;}
	.personBL .personBLI .zlWrap{margin-top: 10px;}
	.hyRItemT .hyczBtn a{font-size: 12px;padding: 0 5px;}
	.hyRItemB .xfSitua ul li,.hyRItemB .recharge ul li,.hyRItemB .ktVipT ul li{width: 50%;margin-bottom: 10px;}
	.otherRech{display: block;}
	.hyRItemB .recharge .tit{margin: 10px 0;}
	.hyRItemB .otherRechL .inputBox input{padding: 0 10px;}
	.hyRItemB .otherRechL span{margin-left: 20px;}
	.hyRItemB .otherRechR{margin-top: 10px;}
	.hyRItemB .rechIll{margin-top: 25px;padding: 20px 0 10px;}
	.hyRItemB .ktVipT{margin: 0 0 15px;}
	.hyRItemB .ktVipBox{display: block;position: relative;}
	.hyRItemB .ktVipBL{display: block;}
	.hyRItemB .ktVipBL .img,.hyRItemB .ktVipBL .txt{float: left;}
	.hyRItemB .ktVipBL .txt a{display: inline-block;vertical-align: middle;max-width: 180px;font-size: 14px;font-weight: normal;}
	.hyRItemB .ktVipBM{width: calc(100% - 90px);text-align: left;margin: 15px 0 30px;}
	.hyRItemB .ktVipBR{position: absolute;bottom: -8px;right: 0;}
	.hyRItemB .download{margin: 0 0 10px;}
	.conRItem .scWrap ul{margin: 0 -5px;}
	.conRItem .scWrap ul li{width: 50%;float: left;padding: 0 5px;margin-bottom: 10px;}
	.conRItem .scWrap ul li .itemBox{padding: 8px;}
	.conRItem .scWrap ul li .itemBox .img,.conRItem .scWrap ul li .itemBox .txt{width: 100%;}
	.conRItem .scWrap ul li .itemBox .txt span{font-size: 12px;}
	.conRItem .scWrap ul li .itemBox .txt .scTit{display: block;}
	.conRItem .scWrap ul li .itemBox .txt .tit{width: 100%;}
	.conRItem .scWrap ul li .itemBox .txt .label{margin: 5px 0 8px 0;}
	.conRItem .scWrap ul li .itemBox .txt .scTit span{width: 100%;margin: 5px 0;font-size: 14px;}
	.conRItem .scWrap ul li .itemBox .txt .otherInfo .span3{margin-right: 0;}
	.conRItem .xxTxWrap{margin-bottom: 20px;}
	.conRItem .txInfo .txInfoItem .inputBox{margin-bottom: 12px;}
	.conRItem .saveInfo{margin: 20px 0 10px;}
	.conRItem .saveInfo a{width: 140px;line-height: 32px;}
	.conRItem .txInfo .txInfoItem .inputBox,.conRItem .zhmmWrap .zhmmBox .inputBox{height: 32px;}
	.conRItem .zhmmWrap .zhmmBox{margin-bottom: 15px;}
	.conRItem .zhmmWrap .zhmmBox .inputBox{width: calc(100% - 90px);}
	.conRItem .zhmmWrap .zhmmBox .owInpBox{width: calc(100% - 190px);}
	.conRItem .zhmmWrap .zhmmBox span{width: 90px;}
	.conRItem .zhmmWrap .zhmmBox a{line-height: 32px;width: 90px;font-size: 12px;}
	.conRItem .dsfWrap{margin-top: 30px;}
	.conRItem .dsfWrap .dsfMain .dsfBox{display: block;padding: 12px 10px;}
	.conRItem .dsfWrap .dsfMain .dsfBL em{margin-left: 10px;}
	.conRItem .dsfWrap .dsfBr{margin-top: 10px;}
	.conRItem .dsfWrap .dsfMain .dsfBL span{display: inline-block;vertical-align: top;}
	.conRItem .dsfWrap .dsfMain .dsfBL em{display: inline-block;max-width: 100%;vertical-align: top;}
	.conRItem .dsfWrap .dsfMain .dsfBL em i{display: inline-block;max-width:calc(100% - 70px);min-width: 65px;vertical-align: top;}
	.personBR h4{margin-bottom: 15px;}
	/* 支付弹窗 */
	.zfbPopup .zfFir{width: 220px;padding: 15px 30px;}
	.zfbPopup .zfFir .zfFirItem{padding: 10px 15px;}
	.zfbPopup .zfFir .zfFirItem img{width: 30px;}
	.zfbPopup .zfFir .zfFirItem span{line-height: 30px;}
	.zfbPopup .zfSec{width: 252px;}
	.zfbPopup .zfSec .zfFoot{padding: 15px;margin-top: 25px;}
	/* 搜索结果页 */
	.seaResT{padding: 0 10px;}
	.seaResT h4{font-size: 16px;}
	
	/* body{-webkit-overflow-scrolling:touch;} */
}