﻿body{background-color:#F5F6F8;}

/*头部导航*/
.header{width: 100%;height:66px;line-height:66px;background-color: transparent;position: fixed;top: 0;z-index:6000;}
.header .logo{top:15px;}
.header .nav a{color:rgba(255,255,255,.8);}
.header .nav a:before{content: "";width:0;height:9px;border:none;position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background-image:url(../images/default-2.0/nav_on_bg.png);background-size:25px auto;background-position:center center;transition:all .2s;}
.header .nav a:hover{font-weight:bold;color:#fff;}
.header .nav a:hover:before{width:25px;border:none;}

/*头部导航——搜索*/
.header .search{margin-right:0;}
.header .search input{width:184px;height:32px;line-height:32px;border:none;border-radius:18px;color: #fff;background-color:rgba(255,255,255,0.1);text-indent:16px;font-size:14px;box-sizing:border-box;margin:17px 0 0 0;}
.header .search input::placeholder{color: rgba(255,255,255,0.3);}
.header .search .btn{top:22px;background-image:url(../images/default-2.0/icon/search_ico.png);}
.header .pay_btn{width:77px;height:32px;line-height:32px;background-color:rgba(255,255,255,0.1);border-radius:18px;font-size:16px;color:#fff;text-align:center;margin:17px 0 0 14px;}
.header .pay_btn:hover{color:#00D8C9;}
.header .im_enter{width:32px;height:32px;background:url(../images/default-2.0/im_enter.png) no-repeat;margin: 17px 0 0 14px;}
.header.follow .im_enter{background-image:url(../images/default-2.0/im_enter2.png)}
.header .login{width:160px;}
.header .login_box .logout{margin-left:16px;}
.header .login_box .logout:before{height: 15px;top: 26px;border-color:#fff;}
.header .link_box a, .login_box .logout a{color:#fff;font-size:16px;}
.header .login .open_live{width:90px;height:30px; border-radius:80px;background: linear-gradient(90deg, #5A9CFF 0%, #00D8C9 100%);margin-left:8px;}
/*头部导航——浮动*/
.header.follow {background-color:#fff;}
.header.follow .nav a{color:#101010;}
.header.follow .nav a:hover{color:#49d092;}
.header.follow .search input{background-color:rgba(0,0,0,0.05);color:#101010;}
.header.follow .search input::placeholder{color:rgba(16,16,16,0.3);}
.header.follow .search .btn{background-image:url(../images/default-2.0/icon/search_ico2.png);}
.header.follow .pay_btn{background-color:rgba(0,0,0,0.05);color:#101010;}
.header.follow .pay_btn:hover{color:#00D8C9;}
.header.follow .link_box a,.header.follow .login_box .logout a{color:#101010;}




/*视频区域*/
.video_box{height:660px; background-color:transparent;pointer-events:none;padding-top:0;margin-top:66px;}
.video_box .row{pointer-events:auto;text-align:left;}


/*新版首页样式*/
.big_bg{width:100%;height:738px;display:block;position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:top center;z-index:0;background-size:100% auto;}
.row{width:1400px;}


.video{width:880px;height:100%;border-radius:12px;overflow:hidden;background-color:transparent;}
.coverlist{width:494px;margin-left:9px;}
.coverlist .item{width:160px;height:160px;border-radius:12px; margin: 0 7px 7px 0;color:rgba(255,255,255,.8);}
.coverlist .item .name{background-image:url(../images/default-2.0/play_ico.png);text-indent:29px;}
.distance{bottom:36px;right:6px;}



/*推荐盒子*/
.recommend{margin-top:51px;}
.recommend .inbox{width:450px;}
.recommend .inbox .list a{width:212px;height:212px;border-radius:12px;font-size:14px;margin-bottom:22px;color:rgba(255,255,255,.8);margin-right:25px;}
.recommend .inbox .list a .name{height:50px;line-height:56px;text-indent:14px;}
.recommend .inbox .list a .city{right: 12px;bottom: 13px;}
/*推荐盒子——各个模块标题*/
.recommend .inbox .title{background-size:auto 28px;background-repeat:no-repeat;background-position:left center;position:relative;font-size:22px;}
.recommend .inbox .title .more{font-size:16px;color:#828282;position:absolute;right:0;}
.recommend .qh .title{background-image:url(../images/default-2.0/icon/title_hd.png);}
.recommend .music .title{background-image:url(../images/default-2.0/icon/title_music.png);}
.recommend .dance .title{background-image:url(../images/default-2.0/icon/title_dance.png);}
.recommend .near .title{background-image:url(../images/default-2.0/icon/title_near.png);}
.recommend .star .title{background-image:url(../images/default-2.0/icon/title_star.png);}
.recommend .voice .title{background-image:url(../images/default-2.0/icon/title_voice.png);}


/*通用盒子模型*/
.row_box{margin-top:50px;position:relative;}
.row_box .title{font-size:22px;color:#000;background-size:auto 28px;background-repeat:no-repeat;background-position:left center;position:relative;text-indent:32px;}
.row_box .title .more{font-size:16px;color:#828282;position:absolute;right:0;}
.row_box .c_body{margin-top:18px;font-size:0;}


/*热门活动*/
.actives{margin-top:22px;}
.actives .title{text-indent:0;}
.actives .c_body .item{width:450px;height:210px;border-radius:12px;display:inline-block;overflow:hidden;margin-left:25px;}
.actives .c_body .item:nth-child(1){margin-left:0;}
.actives .c_body .item img{width:100%;height:100%;}


/*pk对战*/
.pkVs .title{background-image:url(../images/default-2.0/icon/title_pk.png);}
.pkVs .list .group{width:450px;height:225px;margin:0 0 20px 25px;display:inline-block;overflow:hidden;border-radius:12px;font-size:0;position:relative;}
.pkVs .list .group:nth-child(3n+1){margin-left:0;}
.pkVs .list .group .item{width:225px;height:100%;display:inline-block;position:relative;}
.pkVs .list .group .item .bg{width:100%;height:100%;}
.pkVs .list .group .item .info{width:100%;height:114px;background: linear-gradient(360deg, rgba(0,0,0,0.68) 0%, rgba(0,0,0,0) 100%);position:absolute;left:0;bottom:0;}
.pkVs .list .group .item .info .name{width: 100%;display: inline-block;position:absolute;top:50%;transform:translateY(-50%);font-size:14px;color:rgba(255,255,255,.8);text-indent: 10px;margin-top:6px;}
.pkVs .list .group .item .info .name .levelico{position:relative;vertical-align:top;margin-right:10px;}
.pkVs .list .group .item .info .city{font-size:14px;color:rgba(255,255,255,.8);position:absolute;left:4px;top:28px;}
.pkVs .list .group .pkvs_line{width:130px;height:100%;background:url(../images/default-2.0/pk/pkvs_line.png) no-repeat top center;position:absolute;top:0;left:50%;transform:translateX(-50%);}
.pkVs .list .group .pkexp{width:430px;height:24px;line-height:24px;box-sizing:border-box;border-radius:8px;background-color:#5A9CFF;position:absolute;bottom:6px;left:50%;transform:translateX(-50%);overflow:hidden;z-index:20;}
.pkVs .list .group .pkexp .inexp{height:100%;position:absolute;left:0;top:0;background-color:#FF5454;border-radius:0;}
.pkVs .list .group .pkexp .inexp .light{width:26px;height:24px;background:url(../images/default-2.0/pk/pk_light_left.png) no-repeat;background-size:100%;position:absolute;right:-14px;top:0;}
.pkVs .list .group .pkexp .inexp.right .light{background-image:url(../images/default-2.0/pk/pk_light_right.png);}
.pkVs .list .group .pkexp .num{font-size:14px;color:rgba(255,255,255,.8);position:absolute;z-index:100;}
.pkVs .list .group .pkexp .leftnum{left:10px;}
.pkVs .list .group .pkexp .rightnum{right:10px;}


/*多人互动*/
.multiMan .title{background-image:url(../images/default-2.0/icon/title_interact.png);}
.multiMan .c_body .item{width:212px;height:212px;border-radius:12px;margin-right:25px;}
.multiMan .c_body .item:last-child{margin-right:0;}
.multiMan .c_body .item .info{width:100%;height:108px;background:url(../images/default-2.0/multiMan_bg.png) no-repeat center bottom;position:absolute;left:0;bottom:0;font-size:14px;color:rgba(255,255,255,.8);}
.multiMan .c_body .item .info .bigHead{width:43px;height:43px;border-radius:50%;overflow:hidden;background-color:#fff;box-sizing:border-box;position:absolute;left:15px;top:22px;padding:1px;}
.multiMan .c_body .item .info .name{width:90px;height:24px;line-height:24px;text-indent:25px; background:rgba(0,0,0,0.2) url(../images/default-2.0/icon/name_ico.png) no-repeat 6px center;border-radius:12px;box-sizing:border-box;position:absolute;left:15px;bottom:12px;overflow:hidden;}
.multiMan .c_body .item .info .otherMans{position:absolute;left:110px;top:72px;}
.multiMan .c_body .item .info .otherMans img{width:24px;height:24px;border-radius:50%;margin-right:5px;padding:1px;background-color:#fff;box-sizing:border-box;}
.multiMan .c_body .item .info .status{position:absolute;left:69px;top:24px;}
.multiMan .c_body .item .info .num{position:absolute;left:69px;top:45px;}


/*附近与周星*/
.twoBlock .inbox{width:687px;}
.twoBlock .inbox .list a:nth-child(2n){margin-right:25px;}
.twoBlock .inbox .list a:nth-child(3n){margin-right:0;}



/*榜单与新闻公告*/
.rankAndNews .inbox{margin-left:25px;}
.rankAndNews .inbox .title{text-indent:0;}
.rankAndNews .inbox .title .link{font-size:16px;color:#5A9CFF;position:absolute;right:0;}
.rankAndNews .inbox .c_body{height:320px;}
.rankAndNews .tianti .c_body{background:url(../images/default-2.0/bg_tianti.png) no-repeat;}
.rankAndNews .anchorRank .c_body{background:url(../images/default-2.0/bg_anchorRank.png) no-repeat;}
.rankAndNews .inbox .c_body .item{width:150px;height:160px;position:relative;display:inline-block;}
.rankAndNews .inbox .c_body .item .headimg{width:60px;height:60px;position:absolute;left:50%;top:27px;transform:translateX(-50%);}
.rankAndNews .inbox .c_body .item .headimg img{width:100%;border-radius:50%;box-sizing:border-box;padding:2px;background: linear-gradient(360deg, rgba(255, 153, 0, 1), rgba(255, 202, 65, 1));}
.rankAndNews .inbox .c_body .item:nth-child(-n + 3) .headimg::after{content:"";display:block;width:37px;height:37px;background-repeat:no-repeat;background-size:100%;position:absolute;left:-16px;top:-15px;}
.rankAndNews .inbox .c_body .item:nth-child(1) .headimg::after{background-image:url(../images/default-2.0/icon/crown_1.png);}
.rankAndNews .inbox .c_body .item:nth-child(2) .headimg::after{background-image:url(../images/default-2.0/icon/crown_2.png);}
.rankAndNews .inbox .c_body .item:nth-child(3) .headimg::after{background-image:url(../images/default-2.0/icon/crown_3.png);}
.rankAndNews .inbox .c_body .item .txt{width:100%;font-size:14px;color:rgba(255,255,255,.8);text-align:center;position:absolute;}
.rankAndNews .inbox .c_body .item .name{top:96px;}
.rankAndNews .inbox .c_body .item .num{top:122px;}

/*榜单与新闻公告——新闻公告*/
.rankAndNews .news2 .newlist{width:100%;height:320px;border-radius:12px;background-color:#fff;padding-top:1px;box-sizing:border-box;}
.rankAndNews .news2 .newlist .item{width:100%;font-size:0;margin-top:24px;display:block;}
.rankAndNews .news2 .newlist .item .angle{display:inline-block;width:62px;height:25px;line-height:25px;font-size:14px;margin-left:21px; background: linear-gradient(307deg, #D1E4FF 0%, rgba(209,228,255,0.54) 100%);text-align:center;border-radius:18px;color: rgba(117,172,255,0.8);vertical-align:top;}
.rankAndNews .news2 .newlist .item .ncon{display:inline-block;width:326px; margin-left:12px;font-size:16px;}
.rankAndNews .news2 .newlist .item .ncon .n_title{color:#000;font-size:16px;}
.rankAndNews .news2 .newlist .item:hover .ncon .n_title{color:#00D8C9;}
.rankAndNews .news2 .newlist .item .ncon .time{font-size:12px;color: rgba(0,0,0,0.3)}




/*普通主播列表——列表*/
.main .list a{width:212px;height:212px;border-radius:12px;font-size:14px;margin-bottom:22px;color:rgba(255,255,255,.8);margin-left:0;margin-right:25px;overflow:hidden;}
.main .list a .item{width:100%;height:100%;}
.main .list a .item .name{height:50px;line-height:56px;text-indent:14px;background: linear-gradient(360deg, rgba(0,0,0,0.68) 0%, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);position:absolute;bottom:0;color:rgba(255,255,255,.8);}
.main .list a .item .city{right: 12px;bottom: 13px;position: absolute;font-size: 14px;color: rgba(255,255,255,.8);z-index: 20;}
.main .list a:nth-child(6n){margin-right:0;}
.main .swiper_tab li.active,.main .swiper_tab li:hover{color:#00D8C9;}
.main .swiper_tab li.rulesBox{background-color:#00d8c9;color:#fff;}
.main .swiper_tab li.rulesBox:hover .rulesInfo{border-color: #00d8c9;}

/*.main .list a .item{width:190px;height:190px;font-size:12px;color:#fff;}
.main .list a .name{width:100%;height:38px;line-height:38px;font-size:14px;color:#333;background-color:#fff;text-indent:10px;}
.main .list a .name .city{position:absolute;display:inline-block;right:6px;z-index:1;color:#333;font-size:12px;text-indent:0;}
.main .list a .item .num{position:absolute;font-size:12px;color:#fff; left:0;bottom:0px;text-align:left;text-indent:26px; width:100%;height:30px;line-height:36px;background: linear-gradient(to top,rgba(3,0,0,.6), rgba(0,0,0,.2), rgba(0,0,0,0));}
.main .list a .item .num:before{position:absolute;content:"";width:14px;height:16px;background:url(../images/001/people.png) no-repeat left center;left:5px;top:8px;}

*/

/*省市选择*/
.cityTags{margin-bottom:20px;}
.cityTags li{display:inline-block;width:80px;height:28px;line-height:28px;text-align:center;font-size:14px;color:#49516F;background-color:#fff;margin:0 15px 16px;border-radius:100px;cursor:pointer;}
.cityTags li:hover,.cityTags li.on{background-color:rgba(0,216,201,0.1);color:#00D8C9;}





/*右侧悬浮条*/
.rightfix2{position: fixed;right: 11px;top: 50%;transform:translateY(-50%);border-radius:6px;background-color:#fff;z-index:10000;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.03);}
.rightfix2 .item{display:block;width:60px;height:60px;position:relative;background-position:center 9px;background-repeat:no-repeat;color:#808080;text-align:center;line-height:90px;cursor:pointer;}
.rightfix2 .item:hover{background-color:#00D8C9;border-radius:6px;color:#fff;}
.rightfix2 .item::after{content:"";display:block;width:42px;height:1px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background-color:#E7E7E7;}
.rightfix2 .item:last-child::after{display:none;}
/*右侧悬浮条——图标*/
.rightfix2 .item.wechat{background-image:url(../images/default-2.0/icon/right_wechat.png);}
.rightfix2 .item.qq{background-image:url(../images/default-2.0/icon/right_fqq.png);}
.rightfix2 .item.startlive{background-image:url(../images/default-2.0/icon/right_live.png);}
.rightfix2 .item.download_item{background-image:url(../images/default-2.0/icon/right_download.png);}
.rightfix2 .item.help{background-image:url(../images/default-2.0/icon/right_help.png);}
.rightfix2 .item.server_item{background-image:url(../images/default-2.0/icon/right_qq.png);}
.rightfix2 .item.top{background-image:url(../images/default-2.0/icon/right_top.png);}
/*右侧悬浮条——图标*/
.rightfix2 .item.wechat:hover{background-image:url(../images/default-2.0/icon/right_wechat_on.png);}
.rightfix2 .item.qq:hover{background-image:url(../images/default-2.0/icon/right_fqq_on.png);}
.rightfix2 .item.startlive:hover{background-image:url(../images/default-2.0/icon/right_live_on.png);}
.rightfix2 .item.download_item:hover{background-image:url(../images/default-2.0/icon/right_download_on.png);}
.rightfix2 .item.help:hover{background-image:url(../images/default-2.0/icon/right_help_on.png);}
.rightfix2 .item.server_item:hover{background-image:url(../images/default-2.0/icon/right_qq_on.png);}
.rightfix2 .item.top:hover{background-image:url(../images/default-2.0/icon/right_top_on.png);}
/*右侧悬浮条——隐藏弹层*/
.rightfix2 .item .inbox{position:absolute;display:none; right:75px;top:50%;transform:translateY(-50%);border-radius:5px;}
.rightfix2 .item .inbox::after{content:"";width: 0;height: 0;border-top: 8px solid transparent;border-left: 10px solid rgba(0,0,0,.6);border-bottom: 8px solid transparent;position:absolute;right: -10px;top: 50%;transform: translateY(-50%);}
.rightfix2 .item:hover .inbox{display:block;}
/*右侧悬浮条——隐藏弹层——二维码层*/
.rightfix2 .item .qrcode{width:130px;height:146px;background-color:rgba(0,0,0,.6);border-radius:6px;color:rgba(255,255,255,.8);}
.rightfix2 .item .qrcode .qrcodeBox{width:100px;height:100px;position:absolute;left:15px;top:12px;background-color:#fff;border-radius:6px;overflow:hidden;}
.rightfix2 .item .qrcode .txt{position:absolute;width:100%;text-align:center;line-height:34px;bottom:0;left:0;}


/*左侧悬浮条*/
.leftfix{position: fixed;left: 50%;top: 50%;transform:translate(-50%,-50%);margin-left:-800px;border-radius:6px;background-color:#fff;z-index:10000;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.03);}
.leftfix .item{width:154px;padding:6px 0;border-bottom: 1px solid rgba(0,0,0,0.1);line-height:38px;background-repeat:no-repeat;background-size:20px auto;background-position:15px 13px;position:relative;text-indent:50px;}
.leftfix .item .title{font-size:16px;font-weight: 400;color:#000;}
.leftfix .item .inmenu{font-size:14px;font-weight:normal;color:#707070;line-height:28px;}
.leftfix .item .title,.leftfix .item .inmenu li{cursor:pointer;}
/*左侧悬浮条——图标*/
.leftfix .item.hot{background-image:url(../images/default-2.0/icon/title_hot.png);}
.leftfix .item.moreMan{background-image:url(../images/default-2.0/icon/title_interact.png);}
.leftfix .item.near{background-image:url(../images/default-2.0/icon/title_near.png);}
.leftfix .item.allLook{background-image:url(../images/default-2.0/icon/title_dv.png);}



/*底部*/
.footer{width:100%;min-height:248px; margin-top:100px;position:relative;background-color:#fff;text-align:center;font-size:0;font-family: Microsoft YaHei-Regular, Microsoft YaHei;padding-bottom:8px;}
.footer .qrcodeBox{width:266px;vertical-align:top;margin-top:43px;}
.footer .qrcodeBox .qrcode{width:113px;margin-left:20px;font-size:14px}
.footer .qrcodeBox .qrcode:first-child{margin-left:0;}

.footer .info{width:480px;color: rgba(0,0,0,0.65);font-size:14px;line-height:26px;text-align:left;box-sizing:border-box;padding-left:30px;margin-top:34px;vertical-align:top;margin-left:78px;font-family: Microsoft YaHei UI-Regular, Microsoft YaHei UI;position:relative;}
.footer .info.line:before{content:"";width:1px;height:calc(100% - 8px);position:absolute;top:8px;background-color:rgba(0,0,0,0.1);left:0;}
.footer .info a{color: rgba(0,0,0,0.65);font-family: Microsoft YaHei UI-Regular, Microsoft YaHei UI;font-size:14px;}
.footer .info img{vertical-align:middle;position:relative;margin-right:5px;}
.footer .info .interline{margin-top:10px;}




/*临时——邀请函（2023-10-30——2023-11-13）*/
html body .temp_invitation_1{width:491px;height:392px;background:transparent url(../images/temp/invitation/invitation_1.png) no-repeat;box-shadow: none;}
html body .temp_invitation_1 .layui-layer-setwin{ width: 45px;height: 45px;top: auto;bottom: 0;left: 50%;transform: translateX(-50%);}
html body .temp_invitation_1 .layui-layer-setwin .layui-layer-close2{width: 100%;height: 100%;background: none;top: 0;left: 0;}
html body .temp_invitation_1 .layui-layer-btn{position:absolute;top:226px;left:0;}
html body .temp_invitation_1 .layui-layer-btn a{width: 181px;height: 53px;background-color:transparent;border:0;}
html body .temp_invitation_2{width:433px;height:576px;background:transparent url(../images/temp/invitation/invitation_2.png) no-repeat;box-shadow: none;}
html body .temp_invitation_2 .layui-layer-btn{position:absolute;top:495px;left:0;}
html body .temp_invitation_2 .layui-layer-btn a{width: 181px;height: 53px;background-color:transparent;border:0;}
html body .temp_invitation_2 .layui-layer-content{font-size: 20px;color: #EE9062 !important;text-align: left;margin: 105px 0 0 80px;font-weight: bold;}










/*缩放*/
@media screen and (max-width:1937px) {
    html{zoom:0.9;}
}


