body,button,div,form,input,li,marquee,p,textarea,ul{margin:0;padding:0}
button,input,textarea{outline:0}
li,ul{list-style:none}
img{vertical-align:middle}
html{height:100%;}
body{height:100%;background:#252525;color:#CCC;font-size:14px;font-family:Arial,Verdana,Sans-serif;}
.q:after{clear:both}.q:after,.q:before{display:table;content:"";line-height:0}

.d{display:none}
.b{font-weight:bold}
.re{position:relative}
.ab{position:absolute}
.tab,.tabx{display:table}
.tab_tr,.tabx ul{display:table-row}
.tab_td,.tabx li{display:table-cell}
.bhh{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

#tip{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:rgba(0,0,0,.6)}
#tip ul{position:absolute;top:0;left:0;display:none;height:54px}
#tip i{float:left;width:45px;height:54px;background:url(img/tip_message.png) no-repeat}
#tip i.i0{background-position:-6px -108px}
#tip i.i1{background-position:-6px -54px}
#tip i.i2{background-position:-6px 0}
#tip em{float:left;width:6px;height:54px;background:url(img/tip_message.png) no-repeat}
#tip li{float:left;padding:0 10px 0 8px;background:url(img/tip_message.png) repeat-x 0 -161px;color:#666;line-height:52px}

#loading{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:#252525 url(img/loading.gif) no-repeat center 40%;background-size:40px 40px}
.loading{min-height:100px;background:url(img/loading.gif) no-repeat center center;background-size:40px 40px}
.ireturn{position:absolute;width:24px;height:24px;background:url(img/return.png) no-repeat center center;background-size:24px 24px}

.player_bot{position:fixed;bottom:0;left:0;z-index:100;width:100%;height:60px;border-top:1px solid #444;background:#353535}
.player_bot_img{position:absolute;top:0;left:0;padding:8px}
.player_bot_img img{width:44px;height:44px;border-radius:50%}
.player_bot i{position:absolute;top:10px;width:40px;height:40px;background-size:100% 100%;background-repeat:no-repeat}
#bplayer_last{right:110px;background-image:url(img/bplayer_last.png)}
#bplayer_play{right:60px;background-image:url(img/bplayer_play.png)}
#bplayer_play.stop{background-image:url(img/bplayer_stop.png)}
#bplayer_next{right:10px;background-image:url(img/bplayer_next.png)}
.player_bot_div{padding:10px 160px 0 65px}
.player_bot_div p{height:20px;line-height:20px}

#c_play{position:fixed;top:0;left:0;bottom:0;z-index:200;width:100%;background:url(img/playbg.jpg) no-repeat center top;background-size:cover;color:#FFF;display:none}
#c_play .tab{width:100%;height:100%}

.c_play_h1{height:50px}
.c_play1{padding-top:40px;height:40px}
.c_play1 i{
	top: 40px;
	left: 0;
	width: 40px;
	height: 40px;
	background-image: url(img/t4.png);
}
.c_play1 div{position:absolute;top:40px;right:10px;left:45px;line-height:40px;font-size:16px}

.c_play2{vertical-align:middle;display:table-cell}
.c_play2c{margin:0 auto;padding:35px;width:160px;height:160px;background:url(img/playbg.png) no-repeat;background-size:100% 100%}
.c_play2 img{width:160px;height:160px;border-radius:50%;-webkit-animation:rotloader 20s linear infinite}
@-webkit-keyframes rotloader{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}
.c_play2 img.c_play2stop{-webkit-animation-play-state:paused}

.c_play_h3{height:3.8rem}
.c_play3{text-align:center}
.c_play3 div{display:inline-block;vertical-align:top;margin-left:1.5rem;padding:0 .25rem}
.c_play3 div:nth-child(1){margin-left:0}
.c_play3 i{display:inline-block;width:1.5rem;height:1.5rem;background-size:100% 100%;background-repeat:no-repeat;vertical-align:top}
.c_play3 i.i0{background-image:url(img/play2.png)}
.c_play3 i.i1{background-image:url(img/play1.png)}
.c_play3 i.i2{background-image:url(img/fav.png)}
.c_play3 i.i3{background-image:url(img/share.png)}
.c_play3 i.i4{background-image:url(img/down.png)}
.c_play3 p{padding-top:5px}

.c_play_h4{height:2rem}
.c_play4{position:relative;height:20px;line-height:20px}
.c_play4 div{position:absolute}
#cplay_timei{top:0;left:0;width:41px;text-align:right}
#cplay_timen{top:0;right:0;width:41px}
.c_play4cbg{top:8px;right:50px;left:50px;height:4px;border-radius:2px;background:#90286e}
.c_play4cbg ul{width:0;height:4px;border-radius:2px;background:#00C9F7}
.c_play4cjd{top:0;right:50px;left:50px;height:20px}
.c_play4cjd ul{position:absolute;top:4px;left:0;margin-left:-6px;width:12px;height:12px;border-radius:50%;background:#FFF}




.c_play_h5 {
  height: 4rem;
}
.c_play5 {
  text-align: center;
  white-space: nowrap; /* 防止inline-block元素换行 */
}
.c_play5 i {
  display: inline-block;
  width: 2.3rem;
  height: 2.3rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin: 0 0.5rem; /* 添加统一间距 */
}
/* 特殊处理缩小按钮 */
#cplay_bflb {
  width: 2.0rem;  /* 容器保持原尺寸 */
  height: 2.0rem;
  background-image: url(img/play1.png);
  background-size: 1.2rem;  /* 仅缩小图片 */
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 0 0 3px white;
  border-radius: 50%;
}


#cplay_last {
  background-image: url(img/bplayer_last.png);
}
#cplay_next {
  background-image: url(img/bplayer_next.png);
}
#cplay_play {
  background-image: url(img/player_play.png);
}
#cplay_play.stop {
  background-image: url(img/player_stop.png);
}

#temp{display:none;padding-bottom:61px}
#main{padding-bottom:61px}

.head{position:fixed;top:0;left:0;width:100%;color:#FFF;z-index:10;}
.top{width:100%;padding-top:2.1rem;height:1.7rem;background-image:url(img/topbg.png);background-size:100% 100%}
.top li{height:1.7rem;text-align:center;font-size:16px;color:#AAA}
.top .this{color:#FFF}

.nav{width:100%;height:2.3rem;background:#1B1B1B;text-align:center;font-size:16px}
.nav li{padding-top:.1rem;height:2.2rem;line-height:2rem}
.nav .this{height:2rem;border-bottom:.1rem solid #01DDFF;color:#01DDFF}

.i_banner img{width:100%}
.i_topn{padding:0 10px;height:2.2rem;background:#1B1B1B;line-height:2.2rem}
.i_topn .name{float:left;color:#EEE;font-weight:700;font-size:16px}
.i_topn .tool{float:right;background-position:right center;background-size:0.8rem 0.8rem;background-repeat:no-repeat;color:#848484;padding:.1rem 1.2rem 0 0;line-height:2rem}
.i_topn .tool_1{background-image:url(img/tool_1.png)}
.i_topn .tool_2{background-image:url(img/tool_2.png)}

.i_album{padding:.6rem 0 0 0;text-align:center;}
.i_album ul{display:inline-block;overflow:hidden;width:32%;}
.i_album li{padding:0 .3rem;overflow:hidden}
.i_album img{width:100%}
.i_album p{overflow:hidden;height:2rem;text-align:center;text-overflow:ellipsis;white-space:nowrap;line-height:1.6rem}

.i_albumdy{padding:.6rem 0 0 0;text-align:center;}
.i_albumdy ul{display:inline-block;overflow:hidden;width:25%;}
.i_albumdy li{padding:0 .3rem;overflow:hidden}
.i_albumdy img{width:100%}
.i_albumdy p{overflow:hidden;height:2rem;text-align:center;text-overflow:ellipsis;white-space:nowrap;line-height:1.6rem}

.i_user{margin:0 5px;text-align:center;}
.i_user ul{display:inline-block;overflow:hidden;width:25%}
.i_user li{padding:0 5px;overflow:hidden}
.i_user img{width:100%}
.i_user p{overflow:hidden;height:2rem;text-align:center;text-overflow:ellipsis;white-space:nowrap;line-height:1.6rem}


.i_tag_name{margin:0 .5rem;padding:.2rem 0 0 .1rem;height:1.8rem;border-bottom:1px solid #333;color:#FFF;line-height:1.8rem;font-size:16px}

.i_tag_list{margin:0 5px;padding-top:5px;text-align:center;}
.i_tag_list ul{display:inline-block;overflow:hidden;width:25%;padding-top:10px}
.i_tag_list li{padding:0 5px;overflow:hidden}
.i_tag_list img{width:100%;border-radius:50%}
.i_tag_list p{overflow:hidden;padding-top:.1rem;height:1.2rem;text-align:center;text-overflow:ellipsis;white-space:nowrap;line-height:1rem}
.i_tag_list:last-child{padding-bottom:10px}


.i_top ul{position:relative;height:4rem;border-bottom:1px solid #333}
.i_top img{position:absolute;top:.5rem;left:.5rem;width:3rem;height:3rem}
.i_top i{position:absolute;top:1.6rem;right:0.5rem;width:0.8rem;height:0.8rem;background:url(img/arrow.png) no-repeat;background-size:100% 100%}
.i_top p{position:absolute;top:1rem;left:4rem;font-size:0.8rem;line-height:2rem}

.i_albumt{padding:.5rem 0;color:#FFF;text-align:center;font-size:16px}
.i_albumt span{display:inline-block;padding:0 1.6rem;height:1.8rem;border:1px solid #07B9D3;vertical-align:top;line-height:1.8rem}
#album_id1{border-right:0;border-radius:.5rem 0 0 .5rem}
#album_id0{border-left:0;border-radius:0 .5rem .5rem 0}
.i_albumt span.this{background-color:#1B1B1B}

.i_albums{padding:10px 20px;text-align:center;}
.i_albums ul{display:inline-block;overflow:hidden;width:50%;}
.i_albums li{padding:0 10px;overflow:hidden}
.i_albums img{width:100%}
.i_albums p{overflow:hidden;height:2rem;text-align:center;text-overflow:ellipsis;white-space:nowrap;line-height:1.6rem}


.list_top{position:relative;overflow:hidden;height:7rem;background:#333}
.list_bg{position:absolute;top:-2rem;left:-2rem;width:20rem;height:11rem;background-position:center center;background-size:cover;-webkit-filter:blur(40px);filter:blur(40px)}
.list_img{position:absolute;top:.7rem;left:5.8rem;width:4rem;height:4rem;border:.2rem solid rgba(255,255,255,.2);border-radius:50%}
.list_name{position:absolute;top:5.4rem;left:0;width:100%;color:#FFF;text-align:center;font-size:18px}
.list_fh{position:absolute;top:40px;left:0;width:40px;height:50px}

.list_xjh{height:2rem;background-color:#1B1B1B;text-align:right;line-height:2rem}
.list_xjh span{display:inline-block;padding:0 .3rem;vertical-align:top}
.list_xjh span.this{color:#01DDFF}

.sou_t{height:4.8rem;background-image:url(img/topbg.png);background-size:100% 100%}
.sou_t form{position:relative;height:4.8rem;}
.sou_t i{position:absolute;top:2.4rem;left:0;width:2rem;height:1.6rem;background-position:.5rem center}
.sou_t input{position:absolute;top:2.4rem;right:2.5rem;padding:0 .2rem;width:8.5rem;height:1.6rem;border:0;background:#FFF;font-size:14px}
.sou_t select{position:absolute;top:2.4rem;left:2.0rem;padding:0 .2rem;width:2.5rem;height:1.6rem;border:0;background:#FFF;font-size:14px}
.sou_t button{position:absolute;top:2.4rem;right:0;width:2rem;height:1.6rem;border:0;background:url(img/sou.png) no-repeat left center;background-size:1.4rem 1.4rem}

.sou_name{padding-left:.5rem;color:#FFF;font-weight:700;line-height:2rem}
.sou_key{padding:0 0 .5rem 0}
.sou_key li{float:left;margin:0 0 .5rem .5rem;padding:0 .9rem;border:1px solid #313131;border-radius:.2rem;background-color:#292929;white-space:nowrap;line-height:1.5rem}

.sou_jilu{border-top:1px solid #1B1B1B;border-bottom:1px solid #2C2C2C}
.sou_jilu li{padding:0 .5rem;width:15rem;height:1.8rem;border-top:1px solid #2C2C2C;border-bottom:1px solid #1B1B1B}
.sou_jilu i{float:left;margin-top:.5rem;width:.8rem;height:.8rem;background:url(img/soujl.png);background-size:100% 100%}
.sou_jilu span{float:left;overflow:hidden;padding-left:.5rem;width:12rem;text-overflow:ellipsis;white-space:nowrap;line-height:1.8rem}
.sou_jilu em{float:right;margin-top:.5rem;width:.8rem;height:.8rem;background:url(img/soudel.png);background-size:100% 100%}
.sou_jilus{padding:.6rem 0}
.sou_jilus span{display:block;margin:0 .6rem;border:1px solid #484848;background-color:#2E2E2E;text-align:center;font-size:.8rem;line-height:2.3rem}
.soerror{color:#01DDFF;text-align:center;font-size:.8rem;line-height:3rem}

#login_k{position:relative;z-index:300;width:100%;min-height:100%;background:url(img/login.jpg) no-repeat center top;background-size:cover;color:#FFF}
.login_fh{top:25px;left:0;width:40px;height:50px}
.login_logo{text-align:center;padding-top:2.8rem}
.login_logo i{display:inline-block;width:5.8rem;height:5.8rem;background:url(img/login_logo.png) no-repeat;background-size:100% 100%;vertical-align:top}
.login_logo p{font-size:1rem;line-height:2.1rem;height:2.5rem}
.login_logox{text-align:center;font-size:1rem;line-height:4.5rem;height:4.5rem}

.login_form div{overflow:hidden;padding:1px 0 0 2.5rem;background:url(img/login_x.png) no-repeat center bottom}
.login_form i{float:left;display:inline-block;margin-top:.6rem;width:.9rem;height:.9rem;background-size:100% 100%}
.login_form i.i1{background-image:url(img/login_1.png)}
.login_form i.i2{background-image:url(img/login_2.png)}
.login_form i.i3{background-image:url(img/login_3.png)}
.login_form i.i4{background-image:url(img/login_4.png)}
.login_form input{float:left;margin-left:.4rem;width:9rem;height:2.1rem;border:0;background:0 0;color:#FFF;font-size:16px}
.login_form input::-webkit-input-placeholder{color:rgba(255,255,255,.6)}
.login_form input.yzm{width:5rem}
.login_form img{float:left;margin:.2rem 0 0 .5rem;width:4.4rem;height:1.7rem}


.login_form em{float:left;display:inline-block;margin:.6rem 0 0 .5rem;width:.8rem;height:.8rem;background-size:100% 100%}
.login_form em.i1{background-image:url(img/ok.png)}
.login_form em.i0{background-image:url(img/error.png)}

.login_span{padding:1rem 0;text-align:center}
.login_span span{display:inline-block;width:12rem;border-radius:.9rem;background-color:#3CA0FF;font-size:.8rem;line-height:1.8rem}

.login_txt1{padding:0 2.3rem;height:2rem;color:#FFF;font-size:.6rem}
.login_txt1 .l{float:left}
.login_txt1 .r{float:right}
.login_txt1 .r span{color:#FF9B01}

.user_banner{overflow:hidden;padding-top:.8rem;height:4.7rem;background:url(../img/u_banner.jpg) no-repeat center top;background-size:cover;text-align:center}
.user_banner img{width:3rem;height:3rem;border:.2rem solid rgba(255,255,255,.2);border-radius:50%}

.user_ak{border-bottom:1px solid #2C2C2C}
.user_ak p{position:relative;padding-left:1.8rem;height:2rem;border-top:1px solid #2C2C2C;border-bottom:1px solid #1B1B1B;line-height:2rem}
.user_ak span{position:relative;padding-left:1.3rem;height:2rem;line-height:2rem}
.user_ak i{position:absolute;top:0rem;left:0.5rem;display:inline-block;width:.7rem;height:.7rem;background-size:100% 100%}
.user_ak i.i1{background-image:url(img/myadd.png)}
.user_ak i.i2{background-image:url(img/soujl.png)}
.user_ak i.i3{background-image:url(img/login_1.png)}

.user_logout{padding:1rem 0;text-align:center;color:#FFF}
.user_logout span{display:inline-block;width:12rem;border-radius:.9rem;background:#244572;font-size:.8rem;line-height:1.8rem}

.user_fh{position:relative;height:2rem;background-color:#1B1B1B;color:#FFF;text-align:center;font-weight:700;font-size:18px;line-height:2rem}
.user_fh i{top:0;left:0;width:2rem;height:2rem}
.user_plist123 {
    height: 100%;
    max-height: 100vh; /* 限制最大高度为视口高度 */
    overflow-y: auto;  /* 启用垂直滚动 */
    -webkit-overflow-scrolling: touch; /* iOS平滑滚动 */
    border-bottom: 1px solid #2C2C2C;
    position: relative;
    overscroll-behavior: contain; /* 防止滚动穿透 */
}
.user_plist{border-bottom:1px solid #2C2C2C}
.user_plist li{
	height: 1.9rem;
	border-top: 1px solid #2C2C2C;
	border-bottom: 1px solid #1B1B1B;
	line-height: 1.9rem;
	overflow: hidden;
}
.user_plist span.active {
    background-color: #1890ff;
    color: white;
    border-radius: 4px;

}
.user_plist i{margin-right:.2rem;color:#EEE;font-style:normal}
.user_plist span{float:left;overflow:hidden;padding-left:.5rem;width:13rem;text-overflow:ellipsis;white-space:nowrap}
.user_plist div{float:left;overflow:hidden;padding-left:.5rem;width:20rem;text-overflow:ellipsis;white-space:nowrap}
.user_plist li:nth-child(1) i,.user_plist li:nth-child(2) i,.user_plist li:nth-child(3) i{color:#01DDFF}
.user_plist em{float:right;margin:0.55rem 0.5rem 0 0;width:.8rem;height:.8rem;background:url(img/soudel.png);background-size:100% 100%}

.user_xlist{border-bottom:1px solid #2C2C2C}
.user_xlist li{
	height: 1.9rem;
	border-top: 1px solid #2C2C2C;
	border-bottom: 1px solid #1B1B1B;
	line-height: 1.9rem;
	overflow: hidden;
}
.user_xlist span.active {
    background-color: #1890ff;
    color: white;
    border-radius: 4px;

}
.user_xlist i{margin-right:.2rem;color:#EEE;font-style:normal}
.user_xlist span{float:left;overflow:hidden;padding-left:.5rem;width:15rem;text-overflow:ellipsis;white-space:nowrap}
.user_xlist div{float:left;overflow:hidden;padding-left:.5rem;width:20rem;text-overflow:ellipsis;white-space:nowrap}
.user_xlist li:nth-child(1) i,.user_plist li:nth-child(2) i,.user_plist li:nth-child(3) i{color:#01DDFF}
.user_xlist em{float:right;margin:0.55rem 0.5rem 0 0;width:.8rem;height:.8rem;background:url(img/soudel.png);background-size:100% 100%}



.zzbf_plist {
    height: 100%;
    max-height: 100vh; /* 限制最大高度为视口高度 */
    overflow-y: auto;  /* 启用垂直滚动 */
    -webkit-overflow-scrolling: touch; /* iOS平滑滚动 */
    border-bottom: 1px solid #2C2C2C;
    position: relative;
    overscroll-behavior: contain; /* 防止滚动穿透 */
}
.zzbf_plist1{border-bottom:1px solid #2C2C2C;overscroll-behavior: contain;}
.zzbf_plist li{
	height: 1.9rem;
	border-top: 1px solid #2C2C2C;
	border-bottom: 1px solid #1B1B1B;
	line-height: 1.9rem;
	overflow: hidden;
}
.zzbf_plist li.q.active {
background-color: #252525;
border-left: 3px solid #252525;
color: #01DDFF;
}
.zzbf_plist li.q.active i {
color: #01DDFF;
font-weight: bold;
}
.zzbf_plist i{margin-right:.2rem;color:#EEE;font-style:normal}
.zzbf_plist span{float:left;overflow:hidden;padding-left:.5rem;width:12.5rem;text-overflow:ellipsis;white-space:nowrap}
.zzbf_plist div{float:left;overflow:hidden;padding-left:.5rem;width:20rem;text-overflow:ellipsis;white-space:nowrap}
.zzbf_plist li:nth-child(1) i,.zzbf_plist li:nth-child(2) i,.zzbf_plist li:nth-child(3) i{color:#01DDFF}
.zzbf_plist em{float:right;margin:0.55rem 0.5rem 0 0;width:.8rem;height:.8rem;background:url(img/soudel.png);background-size:100% 100%}



#i_list_1,#i_list_2{min-height:15.9rem}
.djlist li{border-top:1px solid #1B1B1B}
.djlist p{overflow:hidden;padding:0 10px;border-top:1px solid #2C2C2C;text-overflow:ellipsis;white-space:nowrap;line-height:2.2rem}
.djlist span{margin-right:.3rem;color:#EEE}
.djlist li:nth-child(1){border-top:0}
.djlist li:nth-child(1) p{border-top:0}
.djlist li:nth-child(1) span,.djlist li:nth-child(2) span,.djlist li:nth-child(3) span{color:#01DDFF}

.jzgdspan{padding:1rem 0;text-align:center;color:#FFF;border-top:1px solid #1B1B1B;box-shadow:0 1px 0 #2C2C2C inset;}
.jzgdspan span{display:inline-block;width:14rem;border-radius:1rem;background:#333;font-size:18px;line-height:2rem}



/*用户界面*/
.user-bg{height:116px;z-index:-1;position:absolute;left:0;width:100%;background:url(../img/default.png) no-repeat;background-size:cover;}
.user-wrapper{overflow:hidden;}
.user{height:94px;margin-top:20px;width: 100%;}
.user-avatar{-webkit-border-radius:8px;float:left;display:block;width:70px;height:70px;margin-left:10px;border-radius: 95px;}
.user-info{float:left;margin-left:14px;}
.user-name,.user-level{display:block;color:#fff;line-height:25px;height: 25px;overflow: hidden;}
.user-level{}
.div-user{float:left;width: 100%;}
.user-sign{float: right;margin-right: 15px;margin-top: -95px;}
.user-sign span{color: #fff;margin-left: 15px;border: 1px solid #FFFFFF;padding: 3px;}

/*微信分享 CSS*/
.gb_resLay { background: #3c3c3c; height: 120px; width: 100%; max-width: 100%; margin: 0 auto; }
.gb_res_t { line-height: 58px; height: 58px; position: relative; font-size: 18px; text-align: center; }
.gb_res_t i { background: #252525; height: 1px; overflow: hidden; left: 32px; top: 30px; right: 32px; position: absolute; }
.gb_res_t span { background: #3c3c3c; display: inline-block; padding: 0px 6px; position: relative; z-index: 2; }
.gb_resItms { margin: 0px 4%; }
.gb_resItms li { text-align: center; float: left; width: 25%; padding-bottom: 15px; }
.gb_resA img { height: auto; width: 30px; margin-bottom: 10px; }

@media only screen and (max-width: 100%) {
.gb_resA img { width: 45px; margin-top: 5px; }
}

@media only screen and (max-width: 97%) {
.gb_resItms li { width: 25%; }
.gb_resLay { height: 290px; }
.gb_resA img { width: 30px; margin-top: 0 }
}
a{color: #fff;}
.bdsharebuttonbox a { width: 30px!important; height: 30px!important; margin: 0 auto 10px!important; float: none!important; padding: 0!important; display: block; }
.bdsharebuttonbox a img { width: 30px; height: 30px; }
.bdsharebuttonbox .bds_tsina { background: url(/app/user/fx/gbRes_6.png) no-repeat center center/30px 30px; }
.bdsharebuttonbox .bds_qzone { background: url(/app/user/fx/gbRes_4.png) no-repeat center center/30px 30px; }
.bdsharebuttonbox .bds_tqq { background: url(/app/user/fx/gbRes_5.png) no-repeat center center/30px 30px; }
.bdsharebuttonbox .bds_weixin { background: url(/app/user/fx/gbRes_2.png) no-repeat center center/30px 30px; }
.bdsharebuttonbox .bds_sqq { background: url(/app/user/fx/gbRes_3.png) no-repeat center center/30px 30px; }
.bdsharebuttonbox .bds_weixinpy { background: url(/app/user/fx/gbRes_1.png) no-repeat center center/30px 30px; }
.bd_weixin_popup .bd_weixin_popup_foot { position: relative; top: -12px; }

.btn {color: #fff;background-color: #d9534f;border-color: #d43f3a;padding: 6px 12px;line-height: 10px;}

/*互切顶部导航 CSS*/
.app-nav {
  display: flex;
  align-items: center;
  padding: 50px 16px 10px 16px; /* 上12px 右16px 下0 左16px */
  background: linear-gradient(135deg, #212b47,#244875);
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 12px;
  color: white;
  cursor: pointer;
}

.nav-item span {
  text-decoration: none;
}

.nav-icon {
  width: 24px;
  height: 24px;
  fill: currentColor;
  margin-bottom: 4px;
}

.nav-segment {
  flex: 1;
  display: flex;
  margin: 0 16px;
  background: rgba(255,255,255,0.15);
  border-radius: 24px;
  overflow: hidden;
}

.segment {
  flex: 1;
  padding: 8px 0;
  text-align: center;
  color: rgba(255,255,255,0.9);
  font-weight: 500;
  text-decoration: none;
}

.segment.active {
  background: white;
  color: #212b47;
  font-weight: bold;
}
/*互切顶部导航结束 CSS*/

/*滑动分类导航 CSS*/
        .headerb {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            padding-top: 35px; /* 新增的顶部内边距 */
            background: #244875;
            z-index: 100;
            box-shadow: 0 1px 5px rgba(0,0,0,0.1);
        }
        .top-barb {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 15px;
            border-bottom: 1px solid #333;
        }
        .back-btnb {
            width: 24px;
            height: 24px;
            background: url('img/return.png') no-repeat center center;
            background-size: contain;
        }
        .titleb {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            font-size: 18px;
            font-weight: bold;
            color: #fff;
        }
        .placeholder {
            width: 24px;
        }
        .nav-containerb {
            overflow-x: auto;
            white-space: nowrap;
            padding: 10px 15px;
            -webkit-overflow-scrolling: touch;
        }
        .nav-containerb::-webkit-scrollbar {
            display: none;
        }
        .nav-itemb {
            display: inline-block;
            padding: 8px 15px;
            margin-right: 10px;
            font-size: 14px;
            color: #fff;
            background: #244875;
            border-radius: 15px;
        }
        .nav-itemb.active {
            color: #fff;
            background: #ff4d4f;
        }
        .contentb {
            margin-top: 110px;
            padding: 15px;
        }
/* 视频基础容器样式 */
video {
  width: 100%;
  height: 300px;
  object-fit: fill; /* 强制拉伸填充容器 */
}

/* 视频隐藏控制栏需单独声明 */
video::-webkit-media-controls {
  display: none !important; /* 针对Webkit内核浏览器 */
}

/* 播放记录页面开始 */
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* 半透明黑色背景 */
    z-index: 1000;
    overflow: hidden;
}

/* 内容容器（蓝色背景区域） */
.overlay-content {
    background: #3c3c3c; /* 主要蓝色背景 */
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 60vh;
    border-radius: 16px 16px 0 0;
    padding: 16px;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
    color: white;
}

.overlay-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}


.overlay-title {
    font-size: 18px;
    font-weight: bold;
    color: #999;
    cursor: pointer;
    margin-right: 15px;
}

.overlay-title.active {
    color: #fff;
    border-bottom: 2px solid #ff0000;
    padding-bottom: 5px;
}


.overlay-close {
    font-size: 24px;
    cursor: pointer;
    color: #999;
}

.overlay-close:hover {
    color: #333;
}

/* 播放列表容器 */
.playlist-container {
    height: 400px; /* 预设固定高度 */
    max-height: calc(60vh - 140px); /* 调整后的高度计算 */
    min-height: 300px; /* 最小高度保障 */
    overflow-y: auto;
    margin: 10px 0;
}

/* 清空记录按钮样式 */
.user_logout {
    text-align: center;
    padding: 8px;
    border-top: 1px solid rgba(255,255,255,0.1);
    margin-top: 10px;
}

.user_logout span {
    color: #BBDEFB;
    font-size: 13px; /* 减小字体大小 */
    display: inline-block;
    padding: 6px 12px; /* 调整按钮尺寸 */
    border-radius: 15px;
    background-color: rgba(255,255,255,0.1);
    transition: all 0.3s;
}

.user_logout span:active {
    background-color: rgba(255,255,255,0.2);
}
.soerror {
    text-align: center;
    padding: 40px 0;
    color: rgba(255,255,255,0.7);
}
/* 播放记录页面结束 */

/* 会员中心弹窗 */
.popup-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9998;
}

.hyheader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 70px;
  background: #252525;
  color: #fff;
  display: flex;
  align-items: flex-end;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
}

.hytitle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.clear-btn {
  cursor: pointer;
  font-size: 18px;
  margin-right: 10px;
  white-space: nowrap;
  margin-left: auto;
}

.content {
  position: fixed;
  top: 70px;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: calc(100% - 70px);
  overflow: auto;
  background: #252525;
  padding: 10px;
}

.close-btn {
  position: fixed;
  top: 45px;
  left: 20px;
  z-index: 10001;
  width: 30px;
  height: 30px;
  background: url(/app/static/img/return.png) no-repeat center;
  background-size: contain;
  border: none;
  cursor: pointer;
}
.empty-container {
  position: fixed;
  top: 70px;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: calc(100% - 70px);
  overflow: auto;
  background: #252525;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
}

iframe {
    position: fixed;
    top: 70px;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: calc(100% - 70px);
    border: none;
    background: #252525;
}

.loading-text.blink {
animation: blink 1.5s infinite;
}
.loading-animation {
display: inline-block;
width: 20px;
height: 20px;
border: 3px solid rgba(255,255,255,.3);
border-radius: 50%;
border-top-color: #fff;
animation: spin 1s ease-in-out infinite;
}
@keyframes blink {
0% { opacity: 0.6; }
50% { opacity: 1; }
100% { opacity: 0.6; }
}
@keyframes spin {
to { transform: rotate(360deg); }
}