/* iconfont.css */
@import url("font/iconfont.css");
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
a:focus{outline-style:none;}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%;border: none;resize: none;outline: none;}
textarea{resize:none}
input::-ms-clear{display: none;}
/* ::selection{background:#e72853;color:#fff;} */
:focus{outline-color:#e72853;}
img{display: inline-block; object-fit: cover;border: none;}
div,li{box-sizing: border-box;}
/*禁止长按链接与图片弹出菜单*/
a,img{-webkit-touch-callout: none;}
/*去除(安卓,苹果)自带阴影的样式*/
a,input{-webkit-tap-highlight-color: rgba(0,0,0,0);}
a{text-decoration: none;color: #a2a3a7;}
/*清除默认选中框*/
/*-webkit-appearance: none;*/
/*清除移动设备的样式*/
body{font-family: 'Source Han Sans CN, Source Han Sans CN-Regular';font-weight: 500;color: #a2a3a7;background:#161823; font-size: 14px; line-height: 1.6;}
.bg001{background-color: #00182b;}
.bgfff{background-color: #ffffff;}
.bgfe2{background-color: #fe2c55;}
.bg302{background-color: #302835;}
.cfff{color: #ffffff;}
.c333{color: #333333;}
.c666{color: #666666;}
.cccc{color: #cccccc;}
.ce72853{color:#e72853;}
.strong{font-weight: 600;}
.strong9{font-weight: 900;}

.sb_main {width: 1280px; margin: 0 auto; position: relative;}
.container {width: 1280px;margin: 0 auto;}
.w640{width: 640px;margin: 0 auto;position: relative;}
.pat70{padding-top:80px;}
.pat190{padding-top: 190px;}

.p_ab{position: absolute;}
.p_re{position: relative;}
.fl{float: left;}
.fr{float: right;}
.psty{position: sticky; top: 80px;}
.flex{flex:1}

.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{display:inline-block;}
.clearfix{display:block;}
.dhidden{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;display:block;}
.dhidden2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;}
.dhidden3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all;}

.u-flex{display: flex;flex-direction: row;align-items: center;}
.u-flex-wrap{flex-wrap: wrap;}
.u-flex-nowrap{flex-wrap: nowrap;}
.u-col-center{align-items: center;}
.u-col-top{align-items: flex-start;}
.u-col-bottom{align-items: flex-end;}
.u-row-center{justify-content: center;}
.u-row-left{justify-content: flex-start;}
.u-row-right{justify-content: flex-end;}
.u-row-between{justify-content: space-between;}
.u-row-around{justify-content: space-around;}
.u-text-left{text-align: left;}
.u-text-center{text-align: center;}
.u-text-right{text-align: right;}
.u-flex-col {display: flex;flex-direction: column;}
/* 头部 */
.header{height:65px; width: 100%; position: fixed; top:0;left:0;z-index: 999;background:#161823; padding-top:5px;}
.face-area{position: relative;}
.face-img{width: 60px;height: 60px;left: 65px;}
.face-img img{width: 100%;height: 100%;border-radius: 10px;}
.face-name{font-size:16px; margin-left: 10px;}
/* 搜索 */
.searchbox{width:400px;height: 38px;line-height: 38px;position: relative; border-radius: 15px; border: 2px solid #a2a3a7; overflow: hidden;}
.searchbox input[type=text]{flex:1;padding: 0 36px 0 10px;height: 40px;border: none;outline: none; background: none;color:#fff;}
.searchbox button{width: 70px;height: 40px;border: none; background:none;color:#a2a3a7; }
.searchbox:hover{border-color: #fff;}
.searchbox:hover button{background: #fff; color:#333}
/* 头部用户 */
.headuser .notice{font-size:10px; margin-right: 20px;}
.headuser .notice .iconfont{margin:0 auto;}
.headuser .login{ width: 88px; height:40px;color:#fe2c55; color: #fff; background: #fe2c55; border-radius: 10px;}
.headuser .login .iconfont{font-size: 22px; margin-right: 5px; margin-top: 3px;}
/* 左侧导航 */
.nav{width: 160px; position: sticky; top:80px;}
.nav ul{list-style: none;width:100%;height: auto;position: relative;}
.nav ul li{height: 50px;line-height: 50px;position: relative;z-index: 2;margin: 8px 0;cursor: pointer;text-align: left;}
.nav ul li .sb_icon{margin-right: 5px;font-size: 19px;font-weight: normal;width: 24px;width: 20px;display: inline-block; }
.nav ul li a{font-size: 18px;font-weight: 700;display: block;width: 110px;height: 100%;border-radius: 25px;margin-left: 25px;letter-spacing: 2px; padding-left: 20px;}
.nav a, .nav a:link, .nav a:visited, .nav a:hover, .nav a:active{display: block;}
.nav ul li a.on,.nav ul li a:hover{color: #ffffff;background: #302835;transition: all ease .3s;}
/* 右侧 */
.sidebar{ width: 360px;}
.sidebar-item{border-radius: 10px; margin-bottom: 15px; background: rgba(54, 10, 23, .6); width: 100%;}
.sidebar-item .item-title{ padding: 0 20px;height:45px; line-height: 45px; color: #fff; border-bottom: 1px solid #3c1925;}
.sidebar-item .item-title span{ position: relative; font-size: 16px; display: block; width: 65px; text-align: center;}
.sidebar-item .item-title span::after{ content: " "; position: absolute; bottom: 0; width: 65px; height: 3px; background: #ff2c55; left: 0;}
.sidebar-item .item-title .iconfont{ margin-right: 2px;}
.sidebar-item ul{padding:10px 20px;}
.sidebar-item ul.hotbox li{height:40px; line-height: 40px; width: 100%;}
.sidebar-item ul.hotbox li a{ display: flex; justify-content: space-between; align-items: center;width: 100%;}
.sidebar-item ul.hotbox li .num{font-weight: 700; color: #ff8200; font-size: 20px; font-style: italic;}
.sidebar-item ul.hotbox li .num.num1{color: #f26d5f;}
.sidebar-item ul.hotbox li .num.num2{color: #f26d5f;}
.sidebar-item ul.hotbox li .num.num3{color: #f26d5f;}
.sidebar-item ul.hotbox li .flex{ width: 260px; margin: 0 5px 0 10px; display: flex; justify-content: space-between; height:40px;white-space:nowrap;}
.sidebar-item ul.hotbox li .flex .dhidden{height: 40px;}
.sidebar-item ul.hotbox li .flex .total{color: #646464;margin-left: 10px;}
.sidebar-item ul.hotbox li .icon{transform: scale(.8);width: 20px;height: 20px;line-height: 18px;border-radius: 4px;font-size: 14px;text-align: center;background: #646464;color: #fff;}
.sidebar-item ul.hotbox li .icon.hots{background: rgb(255 148 6);}
.sidebar-item ul.hotbox li .icon.fei{background: rgb(248, 100, 0);}

.numb{display:inline-block;min-width:36rpx;height:36rpx;padding:0 5rpx;line-height:36rpx;border-radius:5rpx;background:#ccc;text-align:center;margin-right:10rpx;margin-top:-2rpx;color:#fff;vertical-align:middle;}
.numb::after{counter-increment:view;content:counter(view);}
.numb.num1{background:#fe741c;}
.numb.num2{background:#FDB80C;}
.numb.num3{background:#ffdc00;}
/* 频道入口 */
.channel{padding-top:10px;}
.channel ul li{width: 60px; margin-bottom: 10px;}
.channel ul li img{width: 46px;height:46px; margin: 0 auto; display: block;}
.channel ul li span{ display: block; width: 100%;text-align: center; line-height: 30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;display:block;}
/* 右侧热门用户 */
.sidebar-user{width: 100%;}
.sidebar-user ul li{width:60px; margin-bottom: 10px;}
.sidebar-user ul li img{width: 46px; height:46px; border-radius: 46px; display: block; margin: 0 auto 2px;}
.sidebar-user ul li span{ width: 100%;text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;display:block; color: #fff;}

/* 底部 */
.footer{padding:20px 0;color: #666;font-size:12px;}
.footer a:link, .footer a{color: #666;}

.foot{display: flex;justify-content: center;flex-direction: column;align-items: center; height:100px;color:#fff; position: absolute; bottom: 0;}
.foot a{color:#fff;}

/* 主内容 */
.main_content{width: 640px;position: relative;}
.sb_navigation { display: flex; justify-content: space-between;}
.sb_navigation_t {font-size: 20px; line-height: 41px; color: #ffffff; font-weight: bold;letter-spacing: 2px;}
/* 动态列表 */
.homelist .item{ margin-bottom: 10px;margin-top: 15px;}
.homelist .item .headimg{position: relative;width:50px;height:50px;}
.homelist .item .headimg .head{width:50px;height:50px;border: 1px solid #3a3a44;border-radius:50%;}
.homelist .item .headimg .vip{width: 14px;height: 14px;border: 1px solid #fff564;border-radius:50%;position:absolute;right:0px;bottom:0px;}
.homelist .item .flex{margin-left:15px;}
.homelist .item .flex dl dt{ line-height: 2; font-weight: 600; font-size: 16px; font-weight: 600;}
.homelist .item .flex dl dd{color: #a3a3ac;}
/* 媒体列表 */
.media_box{margin:10px auto; border-radius:8px; overflow: hidden; width:100%; height:250px;line-height: 0; display: flex; justify-content:space-between;align-items: flex-start;flex-wrap:wrap;}
.media_box img{width: 100%;height:100%;}
.media_box1 div{width: 100%; height:100%;}
.media_box2 img{width: 49%; height:100%;}
.media_box3 div{width: 49%; height:100%;}
.media_box3 .item2{ display: flex;flex-direction:column;justify-content:space-between;}
.media_box3 .item2 .imgstyle{ width: 100%; height:48%;}

.media_box4 {flex-direction:column;}
.media_box4 div{width: 100%; height:48%;display: flex;justify-content:space-between;}
.media_box4 img{width: 49%; height:100%;}
.media_box5 .item1{width: 66%; height:100%; display: flex;justify-content:space-between;flex-wrap:wrap;flex-direction:column;}
.media_box5 .item2{width: 32%; height:100%;}
.media_box5 .item2 .imgstyle{width: 100%; height:100%;}
.media_box5 .item1 .item3{ width: 100%; height:48%;display: flex;justify-content:space-between;}
.media_box5 .item1 .item3 img{width: 48.5%; height:100%;}

.media_box6 {flex-direction:column;}
.media_box6 div{width: 100%; height:48%;display: flex;justify-content:space-between;}
.media_box6 img{width: 32%; height:100%;}
/* 评论框架 */
.commentbox{border-bottom:1px solid #2a2c38;padding:10px; position: relative;}
.commentbox::after{content: " "; position: absolute; bottom:-1px; width:50px;left:50%;margin-left:-25px;height:2px; background: #fff;}
.commentbox dl{display: flex;align-items: center;}
.commentbox img{width: 20px; height:20px; margin-right: 5px;}
/* 用户列表 */
.userlist{width: 100%;}
.userlist .item{width: 100%; padding-bottom: 10px; border-bottom: 2px dotted #29101c;}
.userlist .item .cattitle{height: 40px; width: 100%; margin-bottom: 5px;}
.userlist .item .cattitle span{color: #fff; font-size: 18px;}
.userlist .item .useritem{width: 100%;}
.userlist .item .useritem a{display: block; margin:10px 5px; float:left;}
.userlist .item .useritem dl{width:70px;}
.userlist .item .useritem dl dt img{width: 60px; height:60px; border-radius: 50px; margin: 0 auto 2px; display:block}
.userlist .item .useritem dl dd{ width: 100%;text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;display:block; color: #fff;}
/* 用户中心 */
.userbg img{width:100%;}
.userinfo{width:100%;}
.userinfo .headimg{position: relative;width:150px;height:150px;}
.userinfo .headimg .head{width:150px;height:150px;border: 4px solid #161824;border-radius:50%;}
.userinfo .headimg .vip{width:25px;height:25px;border: 2px solid #fff564;border-radius:50%;position:absolute;right:0;bottom:0;}
.userinfo .push{text-align: center; line-height:38px; width: 180px;}
.userinfo .push .follow{width: 100%;height: 38px;;background: #fe2b54;border-radius:3px;}
/* .userinfo .push .message{width:10px;height: 38px;;background: #fe2b54;border-radius: 3px;} */
.user-nickname{width:100%; margin-top:30px;border-bottom:1px solid #222431; padding-bottom:26px; color: #fff;}
.user-nickname .nickname{font-size:36px; font-weight: 700; margin-bottom:15px;}
.user-nickname .sbh,.user-nickname .type{line-height: 1.8;}
.user-nickname .sbh img{width:18px; height:18px; margin-left:8px}
.user-nickname .type img{width: 18px; height:18px; margin-right:8px;}
.description{font-size: 24px; margin-top:20px;}
.labelbox{ margin-top:6px;}
.labelbox span{height:32px; line-height:32px;background: #3a3a44;border-radius: 3px; color:#A8A9AE; font-size: 17px; padding:0 8px; margin-right:13px;}
.userbox .num{margin-top:26px; font-size: 24px;}
.userbox .num span{ margin-right:26px;}
.userbox .num b{ margin-right:8px; font-weight: 700;}
.tab{border-bottom: 2px solid #222430; height:63px; line-height: 63px;}
.tab .item{ width: 25%; text-align: center; color: #A8A9AE;}
.tab .item.active{font-weight: 700; color: #fff; border-bottom: 3px solid #fff564;}
/* 详情 */
.userbox{ margin-bottom:10px;}
.userbox .headimg{position: relative;width:76px;height:76px;}
.userbox .headimg .head{width:76px;height:76px;border: 2px solid #3a3a44;border-radius:50%;}
.userbox .headimg .vip{width:24px;height:24px;border: 2px solid #fff564;border-radius:50%;position:absolute;right:0;bottom:0;}
.userbox dl{flex:1;margin-left:12px; }
.userbox dl dt{line-height: 2;font-weight: 600;font-size: 16px;}
/* 评论列表 */
.commentlist .userbox .headimg{position: relative;width:60px;height:60px;}
.commentlist .userbox .headimg .head{width:60px;height:60px;border: 2px solid #3a3a44;border-radius:50%;}
.commentlist .userbox .headimg .vip{width:20px;height:20px;border: 2px solid #fff564;border-radius:50%;position:absolute;right:0;bottom:0;}
.commentlist .item{margin-bottom: 0; padding-top:10px;}
.commentlist .item .userbox dl{border-bottom:1px solid #2a2c38; padding-bottom:14px;}
.commentlist .item .userbox dl dt span{font-weight: 400; color: #9E9E9E; margin-left:20px;}

.pages{width:1px;height:1px; overflow:hidden; margin:0 auto;}
.pages a{width: 40%;height:32px; line-height:32px;background: #3a3a44;border-radius:10px; color:#fff;text-align: center;}

/* 图片点击放大 */
.modelTost{display: none;z-index: 990;width: 100%;height: 100%;position: fixed;}
.modelTostChile{width: 100%; height: 100%; z-index: 999; background-color: rgb(17 19 28 / 90%);position: fixed; left:0; top: 0;}
.modelTostChile .describe{font-size:20px;padding:0% 3%; height:60px; line-height: 60px; color: #fff;}
.modelClose{float: right;cursor: pointer; font-size: 30px;}
.modelTostChile .swiper-container{height:calc(100% - 60px);}
.modelTostChile .swiper-wrapper {align-items: center;}
.modelTostChile .swiper-slide{text-align: center;}
.modelTostChile .swiper-slide img{width:100%;height:100%;text-align: center; object-fit: contain;}
.swiper-button-next,.swiper-button-prev{ background: rgba(22, 24, 35, .5); padding:5px 2px;}
.slide-flex{display: flex; align-items: center; height: 100%;}
/* 底部下载广告 */
.leave{-webkit-transform: translateZ(0);transform: translateZ(0);}
.footerActive{width: 100%;height: 112px;position: fixed;left: 0;bottom: 0;z-index: 1009;background: linear-gradient(138deg, rgb(136, 13, 111) 3%, rgb(243, 28, 100) 67%, rgb(141, 14, 111) 100%);}
.footerItem{width: 1280px;height: 170px;position: absolute;bottom: 0;left: 50%;margin-left: -600px;background-image: url(../images/footer_download_qrcode.png);background-size: 100% 100%;}
.footerseat{width:100%;height:112px;}
/* 话题颜色 */
.talk_color{ color: #7fa6bf;}
.talk_box{width: 100%; height: 350px; background-color: #74242d; background-size:cover;background-position: center center; background-repeat: no-repeat; color: #fff;}
.talk_body{padding-top:150px; height:350px;opacity: 0.9;background: linear-gradient(0deg,#000000 0%, rgba(255,255,255,0.00) 100%);}
.talk_body_c{width: 92%; margin:0 auto;}
.talk_box .headimg{width:94px;height:94px;background: #fefbec;border:2px solid #ffffff;border-radius:9px;box-shadow: 0rem 0rem 30px 0px rgba(0,0,0,0.66); margin-right:20px;}
.talk_box .headimg img{width: 100%; height: 100%;border-radius:9px;}
.talk_box .title{width:470px;}
.talk_box .title dt{font-size:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.talk_box .title dd.num{ color: #fff;opacity: .7; margin-top:5px;}
.talk_box .title dd.host{font-size:24px; line-height: 1.8;}
.talk_box .title dd.host span{width: 1rem;background: #a5a5a5;border-radius:4px;font-size:12px;font-weight: 600;padding:2px 5px 2px;margin-right:10px;}
.talk_box .title dd.host span i{font-size:16px;margin-right:5px;}
.talk_box .desc{margin-top: 20px;}
.talk_box .desc dt{width: 80px;}
.talk_box .desc dd{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.talk_userbox{ width: 100%; border-bottom:8px solid #3A3A44;}
.talk_userbox .userbox_title{font-size:24px; height:55px; line-height:55px; border-bottom:8px solid #3A3A44; padding-left:20px;}
.talk_userbox .userbox_title::before{content: " ";width:5px;height:21px;background: linear-gradient(0deg,#e51411 0%, #ff615f 100%);border-radius:3px;position: absolute;left:0;top:17px;}

/* 新版首页 */
.hcenter{align-items: center;justify-content: center; display: flex;flex-direction: column;}
.homebg{background-size: cover; background-repeat: no-repeat;}
.homebg1{ background-image: url('../images/homebg1.jpg');}
.homebg2{ background-image: url('../images/homebg2.jpg');}
.homebg3{ background-image: url('../images/homebg3.jpg');}
.homebg4{ background-image: url('../images/homebg4.jpg');}
.homebg5{ background-image: url('../images/homebg5.jpg');}
.headbox{margin-top: 30px;}
.topnav a{display: flex;justify-content: center;align-items: center;width: 80px; height: 30px; background: rgba(107, 107, 105, .8); border-radius: 5px; border: 1px solid #fff; margin-left: 20px; color: #fff;}
.topnav img{ margin-right: 5px;}
.hometext1{ height:60%; margin-top: 4%; font-size: 48px; color: #fff; text-align: center;}
.hometext1 ul li{ line-height: 2.5;}

.hometext1 .downbox{width: 580px; margin: 20px auto;}
.hometext1 .downbox li{background: #000000; border-radius: 10px; border: 1px solid #fff; padding:10px 20px; width: 240px; height: 80px; box-sizing: border-box; position: relative;}
.hometext1 .downbox li .dm{ position: absolute; width: 200px;left:21px; top:70px; display: none;}
.hometext1 .downbox li:hover .dm{ display: block;}
.hometext{ width: 610px; color: #fff; font-size: 30px; line-height: 2;}
.hometext dt{font-size: 60px; padding-left: 10px;}

.liuyan{background: rgba(255,255,255,0.1); border-radius: 10px; padding:50px 0; margin: 30px auto;}
.wbytable{margin-top: 30px;}
.wbytable td{ padding:8px;} 
.wbytable .wbytext{ outline:none; padding:5px; height:22px; width:320px; border:1px solid #e3e3e3;float: left;}
.wbytable .wbyarea{ padding:5px; outline:none; width:450px; border:1px solid #e3e3e3; height:125px;}   
.wbytable .msgbut{ width:90px; height:32px; line-height:32px; cursor:pointer; color:#555;}             
.wbytable .wbytextyz{ outline:none; padding:5px; height:22px; width:100px; border:1px solid #e3e3e3;float:left;margin-left: 26px;} 
.wbytable .wyzm{ padding-top:6px; display:block; width:48px; height:22px; float:left; padding-left:8px;}

.textbox{
    color: #fff;font-size: 18px;margin-top: 50px;
}