html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
body,textarea,input,button,select,keygen,legend{color:#333;outline:0;}
body{background:#fff;font: 14px/1.14 "Microsoft YaHei", Verdana, sans-serif, -apple-system;}
body{--zhu_color:#ff7fac}
a{color:#333;}
a:hover{color:var(--zhu_color);}
del,ins,u,s,a,a:hover{text-decoration:none;}
li{list-style:none;}
.warp{margin:0 auto;}
.row{display: flex;justify-content: space-between;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
img {image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
.container {padding:0 5px;overflow: hidden;}
input, textarea, .submit-o p {margin:8px 0;border: 1px solid;border-color: #eee;border-radius: 4px;line-height: 32px;width: 100%;padding: 0px 8px;font-weight: 400;font-size: 16px;}
.btn {width: 100%;background-color: var(--zhu_color);border-color: var(--zhu_color);color: #fff;display: block;text-align: center;border-radius: 4px;line-height: 34px;padding: 0px 8px;font-weight: 400;font-size: 16px;cursor: pointer;}
.btn:hover{color: #fff}

/**/

/*nav修改
.header-top::before{display: block;width: 100%;height: .1875rem;background-image: -webkit-linear-gradient(left,#73D2F6,#08C 22%,#7FC400 36%,#FFD583 48%,#FFB21E 63%,#FF4D4D 76%,#503873);background-image: linear-gradient(to right,#73D2F6,#08C 22%,#7FC400 36%,#FFD583 48%,#FFB21E 63%,#FF4D4D 76%,#503873);content: '';-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;}*/
.header{padding:0 5px}
.navwarp{width:100%;height:54px;background:#232323; -webkit-box-shadow: 0 4px 15px rgb(51 51 51 / 5%); box-shadow: 0 4px 15px rgb(51 51 51 / 5%);top:3px;left:0}
.navwarp .warp{align-items: center;height: 100%;}
.logo img{height:40px;}
.bigsearch{ margin:20px 0}
.search{max-width:40%;flex-shrink: 0;width: 100%; display:none}
.keyword{border: 1px solid;border-color: #eee;border-radius:4px 0 0 4px;height:32px;width: 100%;padding: 0px 8px;font-weight: 400; font-size:16px;margin: auto; background:#f4f4f4}
.bigsearch .keyword{height:46px;padding: 0px 12px;}
.bigsearch .go{padding: 0.375rem 1.55rem;}
.go{ -webkit-appearance: none;border-radius: 0; border: 1px solid transparent; padding: 0.375rem 0.55rem; background-color:var(--zhu_color) !important; border-color:var(--zhu_color) !important; color: #fff; border-radius:0 4px 4px 0;cursor: pointer; font-size:16px}
.nav{height:50px;overflow:hidden;display: flex;justify-content: flex-end; display:none}
.nav li{float:left;height:48px;display: flex; align-items: center;}
.nav li a{padding:0 10px;font-size:16px;text-decoration:none;display: flex; align-items: center; color: #fff}
.nav li a:hover{color:var(--zhu_color);}
.nav li.on a{color:var(--zhu_color);}
.icon-user{ font-size: 34px !important;}
.mobilenav{width:60%}
.mobilenav p{ font-size:12px; font-weight:300}
.mobile-yc{display: none;}

/*AD*/
#sanlian{padding:0 0 5px;}
.tonglanad{ padding-bottom:5px;transform-origin: left top;}
.top-img-list{ margin:5px 0}
.top-img-list img{display: block; width: 100%;min-height: 36px;}
#tonglanad_t1{ margin-bottom:5px;}
.newsanlian{ margin-bottom: 10px}

/*fs*/
.icon{margin-right:5px;}
.user-logo .icon, .m-search .icon, .m-nav .icon{margin:0px;font-size:24px}

/*navlist*/
.navlist{background: #f8f8f8;}
.navlist ul li a{line-height: 40px;font-size: 16px;padding: 10px 26px;}
.navlist ul li a:hover{background: #ff6868; color:#fff}
.navlist ul .big{background: #ff6868; color:#fff}

.tab-head{display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between; padding:0;overflow:auto;height: 44px;border-bottom: 1px solid #e7e7e7;}
.tab-head::-webkit-scrollbar {display: none;}
.tab-head a{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;color:#333;padding:2px 10px;line-height: 36px;font-size: 17px;text-align: center;}
.tab-head .on{border-bottom: 2px solid #ff7fac;color: #fff;background-color: #ff7fac;}



/**/
.urhere{margin-bottom:14px;}
.urhere h1,h2{ font-size:24px; font-weight:300}

/*footer*/
.footer {background:#f8f8f8;color:#808080 !important;padding: 20px 10px;line-height: 24px;font-size: 14px;text-align: center;margin-top: 15px;}

/*Totop*/
.totop{position: fixed;bottom:150px;right: 7px;z-index: 103;}
.totop ul li{width: 40px;height: 40px;border-radius: 3px;opacity: 0.8;background: #e9ecef;}
.totop .icon_arrow_up{position: absolute;margin-top: 3px;margin-left: 4px;width: 27px;height: 25px;background-image: url(../images/arrow_up.png);}


.lang {
    position: fixed;
    bottom: 250px;
    right: 7px;
    z-index: 999;
}
.lang a {
    font-size: 18px;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    display: block;
    margin-top: 10px;
	background-color: #e9ecef;
	border-radius: 3px;
}
/*listpage*/
.pagelist{ text-align:center; padding-top:20px; margin-bottom:20px;}
.pagelist li{display:inline-block;margin-right:2px;}
.pagelist a{display:inline-block;padding:12px 14px;color:#666;background:#ebebeb; font-size:14px; border-radius: 4px;}
.pagelist li a:hover{background:#ccc}
.pagelist li.on a{background:var(--zhu_color) !important; color:#fff}

.paixu{border: 1px solid #eee;border-radius: 4px;display: flex;align-items: center;}
.paixu a{padding: 5px 10px;}
.paixu a:hover, .paixu .active{ background:var(--zhu_color) !important; color:#fff}
#list-new{border-radius: 4px 0 0 4px;}
#list-season{border-radius: 0 4px 4px 0;}


/*listpic*/
.main{margin-top:10px;}
.main_list{width:calc(100% + 10px); margin-left: -5px; margin-bottom:10px}
.main_list .list{display: flex; flex-wrap: wrap;}
.main_list .list li{ width:50%;padding:0 7px 20px;}
/*修改
.main_list .list li:first-child{
    width:100%;
}
.main_list .list li:first-child a{
    width:100%;
}
.main_list .list li:first-child .vodlist_img{
    max-height:200px;
}*/
/* 图片外层容器样式 */
/* 主列表样式 */
/* 主列表样式 */
/* 主列表样式 */
.main_list .list li a{border-radius: 8px;
    display: inline-block;
    height:100%;
    overflow: hidden;box-shadow:0px 0px 10px #ccc}
.main_list.actor .list li{ width:25%;}
.main_list .list .vodlist_img{overflow: hidden; border: 0;max-height:150px;position:relative}
.main_list .list .vodlist_img img{ width:100%;height: 100%; min-height: 124px;}
.main_list .list .vodlist_img span{position:absolute;right:0;bottom:0;background:rgba(0,0,0,0.5);color:#fff;padding:3px;font-size:12px}
.main_list .list .actorlist_img{overflow: hidden; border: 0; max-height: 107px;}
.main_list .list .actorlist_img img{ width:100%;height: 100%;}
.main_list .list .info { padding:8px}
.main_list .list .info .title{line-height: 20px;max-height:40px;overflow: hidden;}
.main_list .list .info .sub{ margin-top:5px;font-size: 12px; color: #aaa;word-break:break-all;}

.main_list.photo .list .vodlist_img{ max-height: 268px;}
.main_list.favorite .list li,.main_list.photo .list li{ width:33%;}
/* 骨架屏动画 */
@keyframes skeleton-loading {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}


/*bianlan*/ 
.sidebar-icon{padding: 4px 0 0 4px;}
.group{ display:grid; margin-bottom:10px}
.group .title{padding:15px 15px 8px;}
.group a{padding:8px 20px;display: flex;}
.group .active{ color:var(--zhu_color) !important}
.group .title a{padding:0 !important; display: flex; align-items: center;}


/*play*/
.play-left{max-width:100%;flex-shrink: 0;width: 100%;}
.play-right{flex: 0 0 25%;  max-width: 25%;display:none;}

.play-rights{ flex: 0 0 25%; padding-left: 5px  }

.play-rights img{width: 100%; height: auto; overflow: hidden; }
.play-rights  p{overflow: hidden; display: block;width: 33%; float: left;  padding-top: 10px; padding-bottom: 0px;}


.both{clear: both;}

.player{height:295px;width: 100%;background: #000; position: relative;color: #fff;}
.play-title{font-size: 20px;font-weight: 300;margin:5px 0 6px; line-height: 30px}
.play-tags{display: flex;flex-wrap: wrap;}

.play-tags a{padding:4px 10px !important;max-width:100%;border:1px solid #dadada;border-radius: 4px;background: #f8f8f8;color: #262626; margin-right:8px; margin-bottom:8px; display: flex;font-size:14px;min-width: 23%; justify-content: center;}
.play-tags a:hover, a:hover .play-tags-svg{ background:#eee; color:#e45257}
.categories.play-tags a{padding: 10px 0}
.play-tags-svg{height: 16px;width: 16px; fill: currentColor;margin-right: 6px; color:#666}
.play-box {width: 100%;height: calc(100% - 50px);text-align: center;position: absolute;z-index: 99;background: rgba(0, 0, 0, 0.8);}
.play-box .btn{width: 160px; margin: 10px auto; font-size: 14px;}
.play-box #player_center {width: 250px;height: 150px;margin-top: 40px;display: inline-block;}

.play-iconlist{display: flex; justify-content: space-between; padding: 8px 0; background: #f4f4f4}
.play-iconlist a{width: 33%; text-align: center;font-size: 12px;}
.play-iconlist .icon{font-size: 20px; margin: auto}
.popups{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;background: rgba(0, 0, 0, 0.6);font-size: 18px;display: none;}
.popups .po_dialog{top: 20%;left: calc(50% - 150px);z-index: 99999;position: fixed;background: #fff;width: 300px;}
.popups .po_dialog .login {}
.popups .po_title{display: flex;justify-content: space-between;padding: 12px;border-bottom: 1px solid #e9ecef;font-weight: 300;line-height: 28px;}
.popups .po_title input{ margin: 0;line-height: 27px;;}
.popups .po_contern{padding: 12px;line-height: 34px;}
.popups .popuser{display: flex}
.popups .popuser a{width: 50%;text-align: center;background: #ff7eaa;padding: 10px;color: #fff;border: 1px solid #fff;}
.closepop{-webkit-appearance: none;border: 1px solid transparent;border-radius: 4px;cursor: pointer;font-size: 16px;background: #eee;}
.popups .btn{width: 100% !important;}
#popups-jb input{width: auto}
.zanon{color:var(--zhu_color);}
#jz{display: none}

/*categories修改*/
.categories .play-tags{ margin:20px 0;display: flex;
    justify-content: space-between;}
.categories .play-tags.cat{
    justify-content: flex-start;
}
.categories .play-tags li{
    margin-bottom:10px;
}
/*user*/
.user_home{ min-height:400px}
.login{margin:50px auto 0;max-width:350px;border: 1px solid #eee;padding: 10px 30px;border-radius: 4px;background: #fbfbfb;}
.submit{cursor: pointer;color: #fff;background:var(--zhu_color) !important; -webkit-appearance: none;}
.submit-o p { text-align:center}

.userinfo{text-align: center;background: #f8f8f8;padding:20px;}
.userinfo .icon-user{ margin-right:0; font-size:xxx-large}
.userinfo p{padding: 10px;}

/*feedback*/
.feedback{margin: 50px auto 0;max-width: 700px;border: 1px solid #eee;padding: 10px 30px;border-radius: 4px;background: #fbfbfb;}
.feedback textarea{font: caption;}

/*m*/
.m-nav a,.m-search a,.m-user a{color: #fff}
 
/*photo*/
.photo-center{margin: auto;text-align: center !important;}
.photo-center img{max-width: 100%;height: auto !important;margin-bottom: 0.5rem;}
.imglist ul{flex-wrap: wrap;}
.imglist ul li{width: 14%}
.imglist img{width: 100%}
.imglist .aimg {border: 3px solid var(--zhu_color);}

/*tab*/
.xgtab, .pictab{height: 50px; padding: 3px; background-color:#e8e8e8; margin: 5px 0;}
.xgtab .forumli{width:20% !important;}
.xgtab ul li{width:25%;}
.xgtab ul li a{display:inline-block;width: 100%;text-align: center;cursor: pointer;box-sizing: border-box;font-size: 18px; line-height:44px}
.xgtab ul li.active a{background-color: #fff; border-radius: 3px;color: #ff5595;}
.cont {display: none; padding-top:6px}
.cont.active {display: block;}
/*index pic tab*/
.pictab ul li{width:50%;}
.pictab ul li a{display:inline-block;width: 100%;text-align: center;cursor: pointer;box-sizing: border-box;font-size: 18px; line-height:44px}
.pictab ul li.actives a{background-color: #fff; border-radius: 3px;color: #ff5595;}
.conts {display: none; padding-top:6px}
.conts.actives {display: block;}

/*ad*/
#ajdjs{width:100%;position:fixed;bottom:0;left:0;z-index:66666666;}
#ajdjs img, #player_title_ad img{width: 100%; max-height: 100px;min-height: 40px;}
.classbtn{cursor: pointer;width:25px !important;height:25px !important;min-height:25px !important;border: 0px;position: absolute;right: 0px;background: #000;border-radius: 39px;}
.h70 img{ height: 70px}
.h80 img{ height: 80px}
.h90 img{ height: 90px}
.h100 img{ height: 100px}
.h180 img{ height: 180px}
/*mobile*/
@media (max-width: 320px){
	.main_list .list li{width: 100%;}
	.main_list.actor .list li{ width:50%;}
	.rows {display: block;}
	.play-rights  p{ width: 33%; padding-top: 10px; padding-bottom: 0px;}


}
@media (max-width: 576px){
	 
}
@media (min-width: 576px){
	.warp {max-width: 540px;} 
	.rows {display: block;}
	.play-rights  p{ width: 33%; padding-top: 10px; padding-bottom: 0px;}


}
@media (min-width: 768px){
	.warp {max-width: 720px;}
	.main_list .list li{width: 33.3% !important;}
	.player {height: 482px;}
	.main_list .list .actorlist_img{max-height:220px;}
	.play-rights  p{ width: 33%; padding-top: 10px; padding-bottom: 0px;}
}
@media (min-width: 992px){
	.warp {max-width: 990px;}
	.main_list .list li,.main_list.favorite .list li,.main_list.photo .list li{width: 25% !important;}
	.mobile-yc, .mobile-zyc,.list_left,.nav, .search{ display:block} 
	.play-left{max-width: 100%;}
	.play-right{display: block; padding-left: 10px;}
	.m-search, .m-nav, .m-user,.mobile-xs{ display:none}
	.search {max-width: 24%;}
	.mobilenav {width:auto;}
	.main_list.actor .list li{ width:20%;padding:0 5px 20px}
	.main_list .list .actorlist_img{max-height:245px;}
	.play-title{font-size: 22px}
	.play-tags a{min-width: 11.5%;} 
	.rows {display: flex;}
	.play-rights  p{ width: 100%; padding-top: 0px; padding-bottom: 10px;}
	
}
@media (min-width: 1200px){
	.warp {max-width: 1140px;}
	.main_list .list li,.main_list.favorite .list li{width: 25% !important;}
	.main_list.photo .list li{width: 20%;}
	/**/
	.nav li a{padding: 0 15px;}
}


/*弹出层*/
.mac_pop_bg{position: fixed; z-index: 129; left: 0;top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2);}
.mac_pop {  z-index:99998; display: none; min-height: 20px; max-height: 750px; position: fixed;  top: 0;  left: 0;  bottom: 0;  right: 0;  margin: auto;  padding: 25px;  z-index: 130;  background-color: #fff;  box-shadow: 0 3px 18px rgba(0, 0, 0, .5);}
.mac_pop .pop_top{  height:40px;  width:100%;  border-bottom: 1px #E5E5E5 solid;}
.mac_pop .pop_top h2{  float: left; display:block;margin: 0;font-size: 18px;font-weight: normal;font-family:"microsoft yahei";}
.mac_pop span.pop_close{  float: right;width: 23px;height: 23px;font-size: 0;text-indent: 9999; cursor: pointer;  font-weight: bold; display:block;background: url("../images/background.png") -10px 0 no-repeat;}
.mac_pop .pop-foot{  height:50px;  line-height:50px;  width:100%;  border-top: 1px #E5E5E5 solid;  text-align: right;  }
.mac_pop .pop-cancel, .pop-ok {  padding:8px 15px;  margin:15px 5px;  border: none;  border-radius: 5px;  background-color: #337AB7;  color: #fff;  cursor:pointer;  }
.mac_pop .pop-cancel {  background-color: #FFF;  border:1px #CECECE solid;  color: #000;  }
.mac_pop .pop-content{  height: 380px;  }
.mac_pop .pop-content-left{  float: left;  }
.mac_pop .pop-content-right{  width:310px;  float: left;  padding-top:20px;  padding-left:20px;  font-size: 16px;  line-height:35px;  }
.mac_pop .bgPop{  display: none;  position: absolute;  z-index: 129;  left: 0;  top: 0;  width: 100%;  height: 100%;  background: rgba(0,0,0,.2);  }
.mac_pop .pop-msg{  text-align:center;  font-size: 14px;  }

.mac_pop_msg_bg{position: fixed; z-index: 129; left: 0;top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2);}
.mac_pop_msg { z-index:99999; display: none; min-height: 20px; max-height: 750px; position: fixed;  top: 0;  left: 0;  bottom: 0;  right: 0;  margin: auto;  padding: 25px;  z-index: 130;  border-radius: 8px;  background-color: #fff;  box-shadow: 0 3px 18px rgba(0, 0, 0, .5);}
.mac_pop_msg .pop-msg{  text-align:center;  font-size: 14px;  }

.disabled{
	color: var(--zhu_color);
}
.detail{
    padding:15px;border:1px solid #eaeaea;background: #f4f4f4;border-radius: 4px;margin-bottom:10px;
    display:flex;justify-content: space-between;
}
.detail #geturl{
    color:#ff7fac;
}
/*增加*/
.clearfix-60{
    height:60px;
    width:100%;
    clear:both;
}
.posfixed{
    position:fixed;
}
.header-top{
    
    top:0;
    left:0;
    display: block;
    width: 100%;
    height: 0.1875rem;
    background-image: -webkit-linear-gradient(left,#73D2F6,#08C 22%,#7FC400 36%,#FFD583 48%,#FFB21E 63%,#FF4D4D 76%,#503873);
    background-image: linear-gradient(to right,#73D2F6,#08C 22%,#7FC400 36%,#FFD583 48%,#FFB21E 63%,#FF4D4D 76%,#503873);
    content: '';
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

/* 广告容器样式 */
.cate {
    width: 100%;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 2px;
    overflow: hidden;
    padding: 10px 0;
}

/* 广告标题样式 */
.cate_name {
    height: 40px;
    width: 100%;
    background: #2cbafc;
    overflow: hidden;
    padding: 0 10px;
}

.cate_name p {
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    color: #fff;
    margin: 0; /* 清除默认边距 */
}

/* 广告列表样式 */
.cate_ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 列表项样式 */
.cate_ul li {
    flex: 1 0 12.5%; /* 默认每行显示 8 个广告 */
    text-align: center;
    padding: 5px;
    height: 50px;
    line-height: 40px;
    border: 1px solid #e6e6e6;
    border-width: 0 1px 1px; /* 只显示左右和下边框 */
    font-size: 13px;
    transition: color 0.5s, background-color 0.5s;
    overflow: hidden;
    box-sizing: border-box;
    cursor: pointer;
}

.cate_ul li:hover {
    color: #fff;
    background: #ff6ea1;
}

/* b 标签样式 */
.cate_ul li b {
    width: 16px;
    height: 16px;
    font-weight: 400;
    background: #2cbafc;
    color: #fff;
    padding: 1px 3px;
    margin-left: 4px;
    font-size: 12px;
    border-radius: 2px;
}

/* 响应式布局调整 */
@media screen and (max-width: 960px) {
    .cate_ul li {
        flex: 1 0 25%; /* 每行显示 4 个广告 */
        height: 40px;
        line-height: 35px;
    }
}

@media screen and (max-width: 800px) {
    .cate_ul li {
        height: 35px;
    }
}

/* 针对移动端触摸目标最小尺寸调整（宽度小于640px） */
@media screen and (max-width: 640px) {
    .cate_ul li {
        flex: 1 0 25%; /* 每行显示 4 个广告 */
        min-width: 24px; /* 设置最小宽度 */
        min-height: 24px; /* 设置最小高度 */
        height: auto; /* 允许内容决定高度 */
        line-height: 24px; /* 确保内容垂直居中 */
    }
    .cate_name p {
        line-height: 24px; /* 设置标题行高为24px，保持一致 */
    }
}

.custom-footer {
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 20px); /* 支持安全区域 */
}

.custom-footer.with-ad {
    padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)); /* 当广告出现时增加 padding-bottom */
}

					.play-button {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    background-color: #f0627f; /* 调整为您需要的粉红色 */
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 8px; /* 圆角 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 阴影效果 */
    transition: background-color 0.3s ease;
}

.play-button:hover {
    background-color: #e0556f; /* 悬停时的颜色 */
}

.play-icon {
    font-size: 18px; /* 图标大小 */
    margin-right: 8px; /* 图标与文字间距 */
}