﻿/*页面通用样式*/
.flex{display:flex !important;}
.row{width:1200px;height:100%; margin:0 auto;font-size:0;}
.logo{width:95px;height:36px;background:url(../images/001/logo.png) no-repeat;background-size:100%;display:inline-block;vertical-align:middle;}
.inbox{display:inline-block;}

/*卡片盒子*/
.card{vertical-align:top;}
.card .title{height:65px;line-height:65px;font-size:24px;color:#b5b5b5;}
.card .title em{color:#49d092;font-style:normal;margin-right:7px;}

/*主播排行图标*/
.rankClass{position:absolute;bottom:30px;left:2px;z-index:5;max-width:69px;background-position:right bottom;background-repeat:no-repeat;background-size:100%;}

/*钻石榜前三图标*/
.diamond_rank{position:absolute;top:0;left:0;width:46px;height:28px;z-index:5;background-position:right bottom;background-repeat:no-repeat;background-size:100%;}
.diamond_rank.rank_1{background-image:url(../images/001/diamond/1.png);}
.diamond_rank.rank_2{background-image:url(../images/001/diamond/2.png);}
.diamond_rank.rank_3{background-image:url(../images/001/diamond/3.png);}

/*定位*/
.distance{height:22px;line-height:20px;text-align:right;font-size:12px;padding: 0 8px 0 22px;background-color: rgba(0,0,0,0.6);border-radius:20px;border: 1px solid rgba(255,255,255,0.67);position:absolute;bottom:6px;right:6px;box-sizing:border-box;}
.distance::before{content:"";width:8px;height:11px;position:absolute;left:8px;top:50%;transform:translateY(-50%);background:url(../images/001/distance_ico.png) no-repeat;}


/*头部*/
.header{height:56px;line-height:56px;background-color:#fff;}
.header .logo{position:relative;top:10px;}
.header .nav{margin-left:35px;}
.header .nav a{display:inline-block;height:100%;padding:0 10px;margin:0 12px;color: #333;font-size:16px;position:relative;}
.header .nav a:before{content: "";position:absolute;left:0;width:0;bottom:0;border-bottom:4px solid #fff;}
.header .nav a:hover{color:#49d092;}
.header .nav a:hover:before{width:100%;border-bottom:4px solid #49d092;}




/*搜索*/
.search{position:relative;flex:1;margin-right:32px;text-align:right;}
.search input{width:133px;padding-right:30px;height:28px;line-height:28px;margin-top:12px; border:1px solid #d2d2d2;border-radius:20px;font-size:12px;color:#c3c3c3;text-indent:13px;background-color:#f6f6f6;}
.search .btn{width:20px;height:20px;background:url(../images/001/search_ico.png) no-repeat;position:absolute;top:17px;right:10px;}
/*搜索——结果列表*/
.seek_result{display:none;width: 225px;max-height:150px;overflow:auto; border: 1px solid #ebebeb;border-top: none;position: absolute;top: 42px;right: 0;background-color: #fff;z-index:1995;}
.seek_result.show{display:block;}
.seek_result p{white-space:nowrap;overflow:hidden;text-align:center;border-bottom:1px solid #ebebeb;font-size:12px;line-height:25px;}
.seek_result ul{overflow:hidden;padding:5px;line-height:20px;}
.seek_result ul li{white-space:nowrap;width:100%;display:inline-block;}
.seek_result ul li a{background:none;height:22px;line-height:22px;color:#333;font-size:12px;width:100%;display:block;text-align:left;}
.seek_result ul li a:hover{background-color: #ff6c00;color: #fff;}
.seek_result ul li.selected{background-color:#ff6c00;cursor:pointer;}
.seek_result ul li.selected a{color:#ffffff;}



/*用户盒子*/
.header .user{text-align:right;}
.link_box a,.login_box .logout a{font-size:14px;color:#666;margin:0 8px;}


/*节日调整*/ 
/*
.logo{background:url(../images/001/gala/national/logo.png) no-repeat !important;}
.header .nav a{color:#fff;}
.link_box a:link, .login_box .logout a:link{color:#fff;}
.header{background:#ffeac5 url(../images/001/gala/national/header_bg.jpg) no-repeat center center !important;}
*/




/*登录前*/
.login_box{position:relative;vertical-align:top;}
.login_box .logout{padding-left:8px;position:relative;}
.login_box .logout:before{content:"";position:absolute;border-left:1px solid #bfbfbf;height:13px;top:23px;left:0px;}

/*登陆后*/
.login{width:140px;position:relative;}
.login .user_head{width:38px;height:38px;border-radius:100%;vertical-align:middle;background-color:#efefef;cursor:pointer;}
.login .open_live{width:76px;height:32px;line-height:32px;text-align:center; background-color:#ff7070;display:inline-block;vertical-align:middle;font-size:14px;color:#fff;border-radius:6px;margin-left:15px;}
/*登录后——用户信息弹层*/
.login .info_box{width:392px;height:310px;position:absolute;background-color:#fff;right:0;top:53px; border:1px solid #dcdcdc;text-align:left;z-index:2000;}
.login .userinfo:hover .info_box,.login .info_box:hover{display:block !important;}
.login .info_box:before{content:"";width: 0;height: 0;border-style:solid;border-color:transparent;border-top:none;border-width:6px;border-bottom-color:#dcdcdc;position:absolute;top:-6px;right:108px;}
.login .info_box:after{content:"";width: 0;height: 0;border-style:solid;border-color:transparent;border-top:none;border-width:6px;border-bottom-color:#fff;position:absolute;top:-4px;right:108px;}
.info_box .top{width:100%;height:70px;line-height:70px;text-align:center;margin-top:20px;}
.info_box .top .name{font-size:14px;color:#666;}
.info_box .top .stealth{position:relative;top:6px;margin-left:13px;}
/*登录后——用户信息弹层——修改昵称*/
.info_box .updatenick{width:381px;height:30px;line-height:30px; margin:0 auto;border-bottom:1px solid #f3f3f3;background:url(../images/001/update_nick_ico.png) no-repeat 7px center;}
.updatenick .ipt_nick{margin-left:30px;width:292px;}
.updatenick a{color:#ff7070;font-size:12px;}
/*登录后——用户信息弹层——升级信息*/
.info_box .uplevel{width:381px; margin:0 auto;height:60px;line-height:60px;text-align:center;}
.info_box .uplevel .customGod_all{top:5px;}
.uplevel .level_ico{vertical-align:middle;transform:scale(0.5);}
.uplevel .exp{width:200px;height:8px;margin:0 1px;top:5px;}
.uplevel .exp .bar{width:10%;}
.uplevel .exp .bar2{background-color:#ff5400;}
/*登录后——用户信息弹层——修仙信息*/
.xlevel .exp .bar{background-color:#ff8216;}

/*登录后——用户信息弹层——其他信息*/
.info_box .other_box{width:381px; margin:0 auto;height:30px;line-height:30px;position:relative;}
.other_box .money{background:url(../images/001/money_ico.png) no-repeat 5px center;text-indent:30px;font-size:16px;color:#666;display:inline-block;}
.other_box .btn_pay{display:inline-block;width:58px;height:26px;line-height:24px;text-align:center;background-color:#fdc61c;border-radius:8px;font-size:14px;color:#fff;position:absolute;right:0;}
.other_box .btn_withdrawCash{display:inline-block;width:58px;height:26px;line-height:26px;box-sizing:border-box; text-align:center;border-radius:8px;font-size:14px;color:#ff5b9c;border-radius:8px;border:1px solid #ff5b9c; position:absolute;right:70px;}
/*登录后——用户信息弹层——快捷方式*/
.info_box .shortcut{height:81px;background-color:#f3f3f3;margin-top:18px;box-sizing:border-box;padding:0 20px;}
.shortcut a{width:85px;height:100%; text-align:center;display:inline-block;line-height:25px;vertical-align:middle;color:#666;font-size:12px;}
.shortcut a img{display:block;margin:0 auto;margin-top:20px;}
/*登录后——用户信息弹层——退出*/
.info_box .exit{height:15px;text-indent:23px;display:inline-block;background:url(../images/001/exit_ico.png) no-repeat;line-height:15px;font-size:14px;color:#666;position:absolute;top:13px;right:14px;}


/*视频盒子——九宫格模式*/
.video_box{width:100%;height:550px;background-color:#8d1feb;position:relative;box-sizing:border-box;padding-top:18px;font-size:0;z-index:1990;}
.video_box .bg_link{width:100%;height:100%;display:block;position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:center center;z-index:0;}
.video_box .row{position:relative;z-index:10;text-align:center;}
.video{width:680px;height:510px;vertical-align:top;background-color:#000;position:relative;}
.video .video_stop_bg{display:none;background:url(../images/001/video_bg.jpg) no-repeat center center;position:absolute;left:0;top:0;width:100%;height:100%;}
.video_stop .video_stop_bg{display:inline-block;}
.video .video_loading{width:200px;height:200px;position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);display:inline-block;}
.video .inroom_btn{opacity:0;width:160px;height:46px;line-height:46px;text-align:center; background-color:rgba(0,0,0,.5);box-sizing:border-box;border:1px solid #49d092;border-radius:5px;position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color:#49d092;font-size:16px;}
.video .inroom_btn:hover{color:#fff;background-color:#49d092;}
.video:hover .inroom_btn{opacity:1;}
/*视频盒子*/
.videoBox{display:inline-block;width:100%;height:100%;overflow:hidden;position:relative;}
.videoBox video{position:absolute;left: 50%;transform: translate(-50%,0%);-webkit-transform:translate(-50%,0%);width:100%;min-height:100%;}
.videoBox video.video_phone{height:100%;width:auto;}
.videoBox video.video_game{height:100%;width:auto;object-fit:fill;}

/*视频盒子——视频列表*/
.coverlist{width:510px;margin-left:6px;}
.coverlist .item{width:166px;height:166px;margin:0 5px 6px 0;position:relative;display:inline-block;cursor:pointer;font-size:12px;color:#fff;overflow:hidden;}
.coverlist .item:nth-child(3n){margin-right:0;}
.coverlist .item .bg{width:100%;height:100%;position:absolute;left:0;top:0;}
.coverlist .item .name{position:absolute;text-align:left;z-index:10; left:0;bottom:-40px;width:100%;height:30px;line-height:30px;background:rgba(0,0,0,.6) url(../images/001/play_ico.png) no-repeat 5px center;text-indent:20px;font-size:12px;transition:all 300ms;}
.coverlist .item .name .city{position:absolute;right:6px;height:100%;text-indent:0;}
.coverlist .item .rankClass{bottom:5px;}
.coverlist .item.active .name,.coverlist .item:hover .name{bottom:0;}


/*我看——视频盒子——四宫格模式*/
.jiechang .video_box{padding-top:13px;}
.jiechang .video{width:698px;height:524px;}
.jiechang .coverlist{width:458px;margin-left:44px}
.jiechang .coverlist .item{width:211px;height:259px;margin:0 0 5px 0;border-radius:10px;}
.jiechang .coverlist .item:nth-child(2n + 1){margin-right:35px;}



/*推荐盒子*/
.recommend{margin-top:20px;font-size:0;}
.recommend .inbox{width:326px;margin-left:20px;vertical-align:top;}
.recommend .inbox:first-child{margin-left:0;}
.recommend .inbox .title{height:32px;line-height:32px; color:#333;font-size:18px;text-indent:38px;margin-bottom:15px;}
.recommend .inbox .list a{position:relative;width:160px;height:160px;display:inline-block;margin-bottom:6px;font-size:12px;color:#fff;overflow:hidden;margin-right:6px;}
.recommend .inbox .list a:nth-child(2n){margin-right:0;}
.recommend .inbox .list a .bg{width:100%;height:100%;position:absolute;left:0;top:0;}
.recommend .inbox .list a .city{position:absolute;display:inline-block;z-index:100;right:6px;bottom:4px;}
.recommend .inbox .list a .name{position:absolute;left:0;bottom:0px;text-indent:6px; 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));}
/*我看——推荐盒子*/
.jiechang .recommend .inbox .list a{height:197px}



/*推荐盒子——各个模块标题*/
.recommend .hot .title{background:url(../images/001/title_hot_ico.png) no-repeat left top;}
.recommend .newshow .title{background:url(../images/001/title_newshow_ico.png) no-repeat left center;}
.recommend .game .title{background:url(../images/001/title_game_ico.png) no-repeat left center;}
.recommend .phone .title{background:url(../images/001/title_phone_ico.png) no-repeat left center;text-indent:21px;}
/*推荐盒子——pk*/
.recommend .pk{width:162px;}
.recommend .pk .title{background:url(../images/001/title_pk_ico.png) no-repeat left center;position:relative;}
.recommend .pk .title .pkrank{position:absolute;right:0;font-size:12px;line-height:40px;color:#333;}
.recommend .pk .nodata{width:100%;height:332px;background:url(../images/001/nodata_pk.png) no-repeat center center;}



/*热门活动*/
.activity .c_body{width:350px;height:270px;overflow-y: auto;}
.activity .item{display:block;width:100%;height:130px;background-color:#fff;font-size:0;}
.activity .item:nth-child(n+2){margin-top:10px;}
.activity .item .img{width:100%;height:91px;}
.activity .item .i_title{display:block;width:100%;height:39px;line-height:39px;text-indent:18px;color:#333;font-size:12px;}
.activity .item:hover .i_title{background-color:#49d092;color:#fff;}

/*新闻公告*/
.news{margin-left:20px;}
.news .c_body{width:420px;height:270px;background-color:#fff;box-sizing:border-box;padding:18px;}
.news .title{position:relative;}
.news .more{display:inline-block;width:60px;height:24px;line-height:24px;border:1px solid #5ed2a9;border-radius:12px; color:#49d2a9;font-size:16px;text-align:center; position:absolute;right: 25px;top: 18px;}
.news .more:hover{background-color:#5ed2a9;color:#fff;}
.news .item{width:100%;display:block;font-size:12px;}
.news .newtop{margin-bottom:18px;display:block;}
.news .newtop .n_title{font-size:16px; color:#333;width:100%;}
.news .newtop .n_tips{font-size:14px;color:#9d9d9d;}
.news .item .angle{display:inline-block;width:45px;height:22px;line-height:22px;background-color:#f4f4f4;text-align:center;color:#9d9d9d;border-radius:3px;margin-bottom:10px;}
.news .item .txt{color:#333;font-size:14px;display:inline-block;width:279px;text-indent:12px;}
.news .item .time{display:inline-block;text-align:right;color:#9d9d9d;}
.news .item .n_title,.news .newtop .n_tips{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;vertical-align:middle;position:relative;top:-2px;}
.news .item:hover .n_title{color:#49d092;}



/*榜单*/
.rank{width:390px;margin-left:18px;position:relative;}
.swiper_tab{position:absolute;top:0px;right:0;}
.swiper_tab li{width:20px;height:65px;line-height:65px;text-align:center;font-size:12px;display:inline-block;cursor:pointer;color:#666;box-sizing:border-box;}
.swiper_tab li:hover,.swiper_tab li.active{color:#49d092;font-size:16px;border-bottom:2px solid #49d092;}
.rank .c_body .item{width:130px;height:135px;display:inline-block;overflow:hidden;position:relative;background-color:#fff;text-align:center;font-size:12px;counter-increment:ranknum 0;}
.rank .c_body .item:before{content: counter(ranknum)'. ';counter-increment:ranknum;font-size:95px;color:#f6f6f6;position:absolute;right:-5px;bottom:-5px;line-height:76px;font-style: italic;width:56px;z-index:0;}
.rank .c_body .item .headimg{width:60px;height:60px;border-radius:100%;position:relative;margin:18px auto 0 auto;z-index:10;}
.rank .c_body .item .headimg img{width:56px;height:56px;border-radius:100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.rank .c_body .item .level_ico{margin-top:2px;z-index:10;position:relative;}
.rank .c_body .item .name{color:#333;z-index:10;position:relative;}
.rank .c_body .item:hover .name{color:#49d092;}
.rank .c_body .item:nth-child(1){background-color:#fff7e4;}
.rank .c_body .item:nth-child(1) .headimg img{box-sizing:border-box;border:3px solid #ffce38;}
.rank .c_body .item:nth-child(1) .headimg:before{content:"";width:21px;height:20px;background:url(../images/001/crown/crown_1.png) no-repeat;position:absolute;left:-2px;top:-7px;}
.rank .c_body .item:nth-child(1):before{bottom:0;color:#f9f1e0;}
.rank .c_body .item:nth-child(2){background-color:#f7f7f7;}
.rank .c_body .item:nth-child(2) .headimg img{box-sizing:border-box;border:3px solid #c6d2da;}
.rank .c_body .item:nth-child(2) .headimg:before{content:"";width:21px;height:20px;background:url(../images/001/crown/crown_2.png) no-repeat;position:absolute;left:-2px;top:-7px;}
.rank .c_body .item:nth-child(2):before{color:#f0f0f0;}
.rank .c_body .item:nth-child(3){background-color:#fdf4ec;}
.rank .c_body .item:nth-child(3) .headimg img{box-sizing:border-box;border:3px solid #dcc4ae;}
.rank .c_body .item:nth-child(3) .headimg:before{content:"";width:21px;height:20px;background:url(../images/001/crown/crown_3.png) no-repeat;position:absolute;left:-2px;top:-7px;}
.rank .c_body .item:nth-child(3):before{color:#f7ede4;}
.rank .c_body .item:nth-child(4):before{right:-8px;}
.rank .c_body .item:nth-child(5){background-color:#fafafa;}
.rank .c_body .item:nth-child(5):before{color:#f2f2f2;}


/*周星榜单*/
.week_rank{width:100%;height:250px;background:#816060 url(../images/001/week_rank_bg.jpg) no-repeat center center;margin-top:40px;}
.week_rank .title{height:75px;line-height:75px;color:#fff;font-size:24px;background:url(../images/001/week_rank_title_ico.png) no-repeat left center;text-indent:38px;position:relative;}
.week_rank .title .link{position:absolute;color:#fff;font-size:14px;right:0px;top:10px;}
.week_rank .c_body a{display:inline-block;width:128px;margin-left:6px;text-align:center;}
.week_rank .c_body a:first-child{margin-left:0;}
.week_rank .c_body a .headimg{width:80px;height:80px;position:relative;margin:25px auto 0;}
.week_rank .c_body a .headimg .head{position:absolute;width:100%;height:100%;border-radius:100%;left:0;top:0;}
.week_rank .c_body a .headimg .gift{position:absolute;top:-15px;left:-5px;width:30px;}
.week_rank .c_body a .giftnum{height:28px;line-height:28px;color:#fff;font-size:12px;}
.week_rank .c_body a .giftnum em{font-style:normal;margin:0 5px;}
.week_rank .c_body a .name{font-size:12px;color:#fff;margin-top:5px;height:20px;overflow:hidden;}
.week_rank .c_body a .name .level_ico{vertical-align:middle;max-width:31px;}
.week_rank .c_body a:hover .name{color:#49d092;}


/*每日星主播*/
.headlines .title{position:relative;}
.headlines .title .rules{position:absolute;line-height:80px;color:#333;font-size:14px;right:0;}
.headlines .list{width:610px;height:270px;}
.headlines .list .inbox:nth-child(1){width:270px;height:270px;}
.headlines .list .inbox:nth-child(1) .item{width:100%;height:100%;}
.headlines .list .inbox:nth-child(2){width:340px;height:270px;vertical-align:top;}
.headlines .item{ width:170px;height:135px;}
.headlines .item .bg{position:absolute;top:0;left:0;height:auto !important;}
.headlines .item .name{position:absolute;font-size:12px;color:#fff; left:0;bottom:0px;text-align:center; 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));}
.headlines .item .rankClass{top:0;bottom:auto;}
.headlines .item .ranknum{content:"";position:absolute;left:0;top:0; width: 0;height: 0;border-style:solid;border-color:transparent;border-left:none;border-width:35px;border-top-color:#81c2ff;z-index:20;}
.headlines .item .ranknum span{font-size:16px;position:absolute;z-index:100;top:-35px;left:4px; color:#fff;}
.headlines .list .inbox:nth-child(1) .item .ranknum{border-width:50px;border-top-color:#65e391;}
.headlines .list .inbox:nth-child(1) .item .ranknum span{font-size:24px;top:-48px;left:5px;}
.headlines .list .inbox:nth-child(2) .item:nth-child(2) .ranknum{border-top-color:#ffc868;}

/*我看——每日星主播*/
.jiechang .headlines .list .inbox:nth-child(1){width:200px;height:100%;margin-right:3px;}
.jiechang .headlines .list .inbox:nth-child(2){width:403px;}
.jiechang .headlines .item{width:200px;height:100%;}
.jiechang .headlines .list .inbox:nth-child(2) .item:nth-child(1){margin-right:3px;}
.jiechang .headlines .item .bg{height:100% !important;}


/*快捷家族*/
.quickbtns{width:160px;height:270px;vertical-align:bottom;margin-left:20px;}
.quickbtns a{display:block;background-color:#fff;background-repeat:no-repeat;background-position:center 15px; height:90px;font-size:16px;color:#49d092;text-align:center;line-height:138px;}
.quickbtns a:nth-child(2n+2){background-color:#f7f7f7;}
.quickbtns a.family{background-image:url(../images/001/quickbtns/family.png);}
.quickbtns a.service{background-image:url(../images/001/quickbtns/service.png);background-position-y:10px;}
.quickbtns a.support{background-image:url(../images/001/quickbtns/support.png);background-position-y:20px;}



/*普通主播列表*/
.main{margin-top:20px;}
.main .title{position:relative;z-index:100;}
.main .swiper_tab{position:relative;font-size:0;height:100%;}
.main .swiper_tab li{width:auto;margin-right:35px;font-size:16px;color:#333;}
.main .swiper_tab li:hover{color:#49d092;border-bottom:none;}
.main .swiper_tab li.active{color:#49d092;border-bottom:none;font-size:24px;}
.main .swiper_tab li.rulesBox{display:inline-block;width:22px;height:22px;line-height:22px; font-size:16px;color:#fff;background-color:#87d7a9; border-radius:100%;border:none;position:relative;}
.main .swiper_tab li.rulesBox .rulesInfo{display:none;position:absolute;white-space:nowrap;left:31px;top:-4px; padding:5px 10px;color:#666;font-size:12px;border:1px solid #87d7a9;border-radius:5px;background-color:#fff;height: auto;line-height: 20px;}
.main .swiper_tab li.rulesBox .rulesInfo:before{content:"";width: 0;height: 0;border-style:solid;border-color:transparent;border-left:none;border-width:6px;border-right-color:#87d7a9;position:absolute;left:-6px;top:9px;}
.main .swiper_tab li.rulesBox .rulesInfo:after{content:"";width: 0;height: 0;border-style:solid;border-color:transparent;border-left:none;border-width:4px;border-right-color:#fff;position:absolute;left:-4px;top:11px;}
.main .swiper_tab li.rulesBox:hover .rulesInfo{display:block;}


.main .select{position:absolute;width:128px;line-height:35px;right:0;top:10px;font-size:16px;color:#333;cursor:pointer;box-sizing:border-box;text-align:center;padding:0 5px;}
.main .select:hover{background: linear-gradient(#b8f0d6, #fff);border:1px solid #49d092;}
.main .select:hover .select_menu{display:block !important;border-top:1px solid #49d092;line-height:33px;}
.select_menu a{display:block;font-size:14px;color:#000;}
.select_menu a:hover{background-color:#49d092;color:#fff;}
/*普通主播列表——列表*/
.main .list a{width:190px;height:auto;display:inline-block;margin-left:12px;margin-bottom:10px;vertical-align:top;position:relative;}
.main .list a:nth-child(6n+1){margin-left:0;}
.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;}

/*我看——普通主播列表——列表*/
.jiechang .main .list a .item{height:234px;}



/*主播列表——小图标*/
.list .item .right_top{display:inline-block;position:absolute;right:6px;top:7px;}
.list .item .left_top{display:inline-block;position:absolute;left:6px;top:7px;}
.list .item .left_top span,.list .item .right_top span{display:block;}
.list .item .pc{width:28px;height:9px;background:url(../images/001/play_ico/pc.png) no-repeat;}
.list .item .phone{width:18px;height:24px; background:url(../images/001/play_ico/phone.png) no-repeat;}
.list .item .inLive{width: 42px;height: 17px;line-height: 17px;background: linear-gradient( 90deg, #FF688A 0%, #FE194D 100%);border-radius: 100px 100px 100px 100px;font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 12px;color: #FFFFFF;text-align: center;font-style: normal;text-transform: none;}
.list .item .inLive:before{content:"LIVE"}


/*主播列表——小图标——pk*/
.list .item .pk{width:26px;height:22px;background-image:url(../images/001/play_ico/pk.png);}
.jiechang .list .item .pk{width:37px;height:29px;background-image:url(../images/001/play_ico/pk_jiechang.png);}
/*主播列表——小图标——萌新*/
.list .item .sprout{width:41px;height:16px;background-image:url(../images/001/play_ico/sprout.png);}
/*主播列表——小图标——头条*/
.list .item .headline{width:125px;height:32px;background-image:url(../images/001/play_ico/headline.png);margin-bottom:5px;}
/*主播列表——小图标——置顶卡*/
.list .item .topstate{width:56px;height:18px;background-image:url(../images/001/play_ico/topstate.png);margin-bottom:5px;}
/*主播列表——小图标——天梯*/
.list .item .tianti{width:69px;height:20px;line-height:20px;font-size:12px;color:#fff;text-align:center;position:relative;}
.list .item .tianti img{position:absolute;left:0;top:0;width:100%;}
.list .item .tianti t{position: absolute;width: 100%;height: 100%;left: 0;}
/*主播列表——小图标——tags图标*/
.list .item .left_top{transform: scale(.5);transform-origin: 0 0;}
.list .item .left_top .tagIcon{font-size:12px;color:#fff;text-align:left;position:relative;margin-bottom:4px;display:inline-block;}
.list .item .left_top .tagIcon img{}
.list .item .left_top .tagIcon t{position: absolute;width: 100%;height: 100%;left: 0;font-size: 24px;line-height: 40px;text-align: center;}
/*主播列表——小图标——日星*/
.list .item .daystar{width:60px;height:16px;line-height:16px;font-size:12px;color:#fff;text-align: center;text-indent:18px;white-space: nowrap; background-image:url(../images/001/play_ico/daystar.png);}
.list .item .daystar.n1{background-image:url(../images/001/play_ico/daystar_1.png);}
.list .item .daystar.n2{background-image:url(../images/001/play_ico/daystar_2.png);}
.list .item .daystar.n3{background-image:url(../images/001/play_ico/daystar_3.png);}

/*主播列表——小图标——日薪*/
.list .item .daystar{background-image:url(../images/001/play_ico/daysalary_4.png);}
.list .item .daysalary.n1{background-image:url(../images/001/play_ico/daysalary_1.png);}
.list .item .daysalary.n2{background-image:url(../images/001/play_ico/daysalary_2.png);}
.list .item .daysalary.n3{background-image:url(../images/001/play_ico/daysalary_3.png);}





/*右侧悬浮条*/
.rightfix{position:fixed;right:11px;bottom:60px;z-index:500;}
.rightfix .item{display:block;cursor:pointer; width:50px;height:50px;line-height:15px; box-sizing:border-box;color:#49d092;background-color:#fff;border:1px solid #49d092;text-align:center;padding:9px;font-size:12px;margin-bottom:1px;position:relative;background-position:center center;background-repeat:no-repeat;}
.rightfix .item:hover{background-image:none;}
.rightfix .item .inbox{position:absolute;display:none; right:49px;top:-5px;border-radius:5px;}
.rightfix .item .inbox .box{margin-right:9px;background-color:#fff;}
.rightfix .item .hover{display:none;}
.rightfix .item:hover .hover{display:inline-block;}
.rightfix .item:hover .inbox,.rightfix .item .inbox:hover{display:block;}
/*右侧悬浮条——直播*/
.rightfix .startlive{background-color:#49d092;color:#fff;}
.rightfix .startlive .hover{display:inline-block;}
.rightfix .startlive:hover{color:#49d092;background-color:#fff;}
/*右侧悬浮条——帮助*/
.rightfix .help{background-image:url(../images/001/side_ico/help.png);}
/*右侧悬浮条——客服*/
.rightfix .server_item{background-image:url(../images/001/side_ico/server.png);}
.rightfix .server_item .box{padding: 10px 20px 10px;}
.rightfix .server_item .box a{display:block;height:50px;color: #49d092;margin-top: 10px;line-height:20px;}
/*右侧悬浮条——APP下载*/
.rightfix .download_item{background-image:url(../images/001/side_ico/qr.png);}
.rightfix .download_item .box{padding:10px;}
.rightfix .download_item .box .down_img{width:100px;height:100px;}
.rightfix .download_item .box span{color:#49d092;font-size:12px;}
/*右侧悬浮条——top*/
.rightfix .top{background-image:url(../images/001/side_ico/top.png);}



/*footer*/
.foot{position:relative;margin-top:100px;border-top:1px solid #cfcfcf;}
.footer{overflow:hidden;}
.footer a:hover{color:#fff;}
.footer_bg{width:100%;background-color:#3a3a3a;}
.footer{width:1200px;margin:0 auto;}
.footer .tcenter{text-align:center;}
.footer p{font-size:12px;color:#adadad;line-height:22px;padding-top:20px;}
.footer p a{font-size:12px;color:#adadad;line-height:22px;}
.footer .footerFont{font-size:12px;color:#adadad;}
.footer .footerFont img{width:20px;}
.footer p img{vertical-align:middle;}
.footer ul h3{font-size:12px;color:#dfdfdf;line-height:30px;}
.footer ul a{font-size:12px;color:#a5a5a5;line-height:22px;display:block;}
.footer ul li{float:left;margin-top:12px;margin-left:40px;}
.footer .code span{font-size:12px;color:#ccc;line-height:38px;display:block;width:108px;text-align:center;}
.footer .code{margin-top:20px;}
.footer .code img{width:108px;}
.foot .plat a:hover{color:#fff;}
.foot .plat{width:1200px;margin:0 auto;overflow:hidden;padding:26px 0;}
.foot .plat span{line-height:32px;font-size:12px;color:#eaeaea;}
.foot .plat *{float:left;}
.foot .plat ul{margin-left:14px;}
.foot .plat img{margin-right:10px;width:32px;}
.foot .plat a{font-size:12px;color:#e2e2e2;line-height:32px;margin-right:20px;}



/*弹层兼容性*/
.dialog .popCont .foot{margin-top:0;border:0;}






/*组件样式*/

/*组件样式——开关*/
.sky-switch{display:inline-block;overflow:hidden;height:22px;}
.sky-switch input{display:none;}
.sky-switch input + label{display:inline-block;width:38px;height:20px;border-radius:20px;background-color:#dedede;border:1px solid #dcdcdc;left:0;top:-19px;cursor:pointer;position:relative;}
.sky-switch input + label:after{content:"";display:inline-block;width:20px;height:20px;position:absolute;border-radius:100%;background-color:#fff;left:0;transition: all 200ms;}
.sky-switch input + label + .txt{display:inline-block;position:relative;top:-25px;margin-left:3px;font-size:14px;color:#666;}
.sky-switch input:checked + label{background-color:#49d092;border-color:#49d092;} 
.sky-switch input:checked + label:after{left:19px;}
.sky-switch input:checked + label + .txt{color:#49d092;}



/*组件样式——进度条*/
.sky-progress{display:inline-block;max-width:100%;background-color:#ebebeb;border-radius:30px;position:relative;}
.sky-progress .bar{position:absolute;height:100%;background-color:#49d092;border-radius:30px;left:0;top:0;}




/*视频卡片特效*/
.video_card .item{display:inline-block;position:relative;overflow:hidden;}
.video_card .item .bg{width:100%;height:100%;}
.video_card .item:hover .bg{transform: scale(1.2);transition: .3s transform;}
.video_card .item:before{content:"";display:none; width:100%;height:100%;position:absolute;background:rgba(0,0,0,0.2);z-index:5;top:0;left:0;}
.video_card .item:after{content:"";display:block;opacity:0;transform: scale(2);transition:all 300ms;width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/001/movie_02.png) no-repeat center center;z-index:10;}
.video_card .item:hover:before{display:block;}
.video_card .item:hover:after{opacity:1;transform: scale(1);}

/*我看——视频卡片特效*/
.jiechang .video_card .item{border-radius:6px;}




/*通用弹窗透明黑色背景*/
.dialogBase{width:100%;height:100%;position:fixed;background-color:rgba(0,0,0,0.5);top:0px;left:0px;z-index:1000000;color:#000;display:none;}
.dialogBase.show{display:block;}
/*段位弹窗*/
.danDialog .window{width:399px;height:280px;background:url(../images/001/danTips_window.png) no-repeat;position:fixed;left:50%;top:50%;margin-left:-200px;margin-top:-140px;z-index:100;}
.danDialog .window .tips{text-align:center;margin-top:160px;font-size:16px;}
.danDialog .window .toLook{width:201px;height:46px;line-height:46px; margin:0 auto;display:block;text-align:center;background-color:#fb4141;border-radius:30px;margin-top:35px;font-size:18px;color:#fff;}
.danDialog .window .closeDanDialog{width:34px;height:34px;background:url(../images/001/closeDanDialog.png) no-repeat;position:absolute;right:30px;top:33px;}

/*贵族弹窗*/
.nobleDialog .window{width:398px;height:488px;background:url(../images/default-2.0/noble_layer_bg.png) no-repeat;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%); z-index:100;}
.nobleDialog .window .toLook{width:182px;height:68px;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);}
.nobleDialog .window .close{width:34px;height:34px;background:url(../images/001/closeDanDialog.png) no-repeat;position:absolute;right:0;top:0;}


/*城市宽度限制*/
.city{width:48px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;text-indent:0;text-align:right;}




