/* 哀悼祈福全灰皮肤 */
/* 哀悼祈福首页半灰皮肤 */
.allgray-skin,
.halfGray-skin .topBar,
.halfGray-skin .footArea,
.halfGray-skin .up-area,
.halfGray-skin .signIbox,
.halfGray-skin .loginIbox,
.halfGray-skin .registerIbox,
.halfGray-skin .news-stars,
.halfGray-skin .hot-area,
.halfGray-skin .ad-area,
.halfGray-skin .live-now,
.halfGray-skin .recommend-live,
.halfGray-skin .banner .focus{
filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:url("data:image/svg+xml;utf8,#grayscale");
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter:gray;
-webkit-filter:grayscale(1);
}
/*游戏点播 包游戏*/
/*观众端*/
.user-gameDemand-ibox{
position:fixed;
top:50%;left:50%;
padding:90px 40px 0;
margin:-274px 0 0 -230px;
width:381px;height:459px;
background:url(../../i/index/gameOnDemand/new-room-ibox-bg1.png) no-repeat;
z-index:10;
}
.user-gameDemand-ibox .close{
position:absolute;
top:9px;right:19px;
width:58px;height:58px;
}
.user-gameDemand-ibox .user-gameDemand-content{
height:408px;
}
.user-gameDemand-content .no-user-content{
display:none;
}
.user-gameDemand-content.no-content .no-user-content{
display:block;
}
.user-gameDemand-content.no-content .no-user-content .qn-icon{
display:inline-block;
margin:95px 0 15px;
width:103px;height:92px;
background:url(../../i/index/gameOnDemand/qn-icon.png) no-repeat;
}
.user-gameDemand-content.no-content .no-user-content p{
height:30px;line-height:30px;
font-size:18px;
color:#886200;
}
.user-gameDemand-content.no-content .no-user-content .p1{
font-weight:700;
}
.user-gameDemand-content.no-content .user-content{
display:none;
}
.user-gameDemand-content .user-content{
display:block;
}
.user-gameDemand-content .user-content .big-package{
margin:0 -10px 30px 0;
}
.user-gameDemand-content .user-content .big-package li{
float:left;
padding-top:17px;
margin-right:10px;
width:119px;height:95px;
text-align:center;
}
.user-gameDemand-content .user-content .big-package li:first-child{
background:url(../../i/index/gameOnDemand/new-package-bg1.png?_v=201707071) 0 0 no-repeat;
}
.user-gameDemand-content .user-content .big-package li:nth-child(2){
background:url(../../i/index/gameOnDemand/new-package-bg1.png?_v=201707071) -119px 0 no-repeat;
}
.user-gameDemand-content .user-content .big-package li:nth-child(3){
background:url(../../i/index/gameOnDemand/new-package-bg1.png?_v=201707071) -238px 0 no-repeat;
}
.user-gameDemand-content .user-content .big-package .want-package .want-package-content,
.user-gameDemand-content .user-content .big-package .have-package .have-package-content,
.user-gameDemand-content .user-content .big-package .package-gaming .package-gaming-content,
.anchor-gameDemand-content .anchor-content .big-package .no-package .no-package-content,
.anchor-gameDemand-content .anchor-content .big-package .have-package .have-package-content,
.anchor-gameDemand-content .anchor-content .big-package .playing-game .playing-game-content,
.anchor-gameDemand-content .anchor-content .big-package .game-over .game-over-content{
display:block;
}
.user-gameDemand-content .user-content .big-package .want-package .have-package-content,
.user-gameDemand-content .user-content .big-package .want-package .package-gaming-content,
.user-gameDemand-content .user-content .big-package .have-package .want-package-content,
.user-gameDemand-content .user-content .big-package .have-package .package-gaming-content,
.user-gameDemand-content .user-content .big-package .package-gaming .want-package-content,
.user-gameDemand-content .user-content .big-package .package-gaming .have-package-content,
.anchor-gameDemand-content .anchor-content .big-package .no-package .have-package-content,
.anchor-gameDemand-content .anchor-content .big-package .no-package .playing-game-content,
.anchor-gameDemand-content .anchor-content .big-package .no-package .game-over-content,
.anchor-gameDemand-content .anchor-content .big-package .have-package .no-package-content,
.anchor-gameDemand-content .anchor-content .big-package .have-package .playing-game-content,
.anchor-gameDemand-content .anchor-content .big-package .have-package .game-over-content,
.anchor-gameDemand-content .anchor-content .big-package .playing-game .no-package-content,
.anchor-gameDemand-content .anchor-content .big-package .playing-game .have-package-content,
.anchor-gameDemand-content .anchor-content .big-package .playing-game .game-over-content,
.anchor-gameDemand-content .anchor-content .big-package .game-over .no-package-content,
.anchor-gameDemand-content .anchor-content .big-package .game-over .have-package-content,
.anchor-gameDemand-content .anchor-content .big-package .game-over .playing-game-content{
display:none;
}
.user-gameDemand-content .user-content .big-package .package-gaming .package-gaming-content .game-name,
.user-gameDemand-content .user-content .big-package .have-package .have-package-content .game-name,
.user-gameDemand-content .user-content .big-package .want-package .want-package-content .game-name{
margin:0 auto;
width:55px;
height:22px;line-height:22px;
font-size:12px;
color:#fff;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.user-gameDemand-content .user-content .big-package .want-package .want-package-content .style,
.user-gameDemand-content .user-content .big-package .want-package .want-package-content .time,
.user-gameDemand-content .user-content .big-package .have-package .have-package-content .style,
.user-gameDemand-content .user-content .big-package .have-package .have-package-content .time,
.user-gameDemand-content .user-content .big-package .package-gaming .package-gaming-content .style,
.user-gameDemand-content .user-content .big-package .package-gaming .package-gaming-content .time{
height:20px;line-height:20px;
font-size:12px;
color:#ffc400;
}
.user-gameDemand-content .user-content .big-package .want-package .want-package-content .package-btn,
.user-gameDemand-content .user-content .big-package .want-package.disabled .want-package-content .package-btn,
.user-gameDemand-content .user-content .big-package .want-package.disabled .want-package-content .package-btn:hover{
display:inline-block;
margin-top:34px;
width:70px;height:24px;
background:url(../../i/index/gameOnDemand/new-btn.png?_v=201707071) 0 0 no-repeat;
line-height:24px;
font-size:12px;
color:#fff;
}
.user-gameDemand-content .user-content .big-package .want-package .want-package-content .package-btn:hover{
background-position:0 -29px;
}
.user-gameDemand-content .user-content .big-package .want-package .want-package-content .package-btn:active{
background-position:0 -58px;
}
.user-gameDemand-content .user-content .big-package .want-package.disabled .want-package-content .package-btn,
.user-gameDemand-content .user-content .big-package .want-package.disabled .want-package-content .package-btn:hover{
filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:url("data:image/svg+xml;utf8,#grayscale");
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter:gray;
-webkit-filter:grayscale(1);
}
.user-gameDemand-content .user-content .sub-mask{
display:none;
position:relative;
padding:8px;
width:245px;height:109px;
background:#000;
opacity:.8;
filter:alpha(opacity=80);
z-index:1;
}
.user-gameDemand-content .user-content .sub-mask .triangle{
position:absolute;
top:-25px;left:50%;
margin-left:-13px;
width:0px;height:0px;
border-width:13px;
border-color:transparent transparent #000 transparent;
border-style:solid;
}
.user-gameDemand-content .user-content .sub-mask p{
line-height:20px;
font-size:12px;
color:#fff;
text-align:left;
}
.user-gameDemand-content .user-content .sub-mask p span{
color:#f9c616;
}
.user-gameDemand-content .user-content .big-package .package-gaming .package-gaming-content .user-name,
.user-gameDemand-content .user-content .big-package .have-package .have-package-content .user-name{
margin-top:34px;
height:24px;line-height:24px;
font-size:12px;
color:#e1a217;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.user-gameDemand-content .user-content .big-package .package-gaming .package-gaming-content .gaming{
height:23px;line-height:23px;
font-size:12px;
color:#ffc400;
}
.user-gameDemand-content .user-content .big-package .package-gaming .package-gaming-content .play-time{
margin:0 auto;
width:98px;height:20px;
line-height:20px;
background:url(../../i/index/gameOnDemand/new-play-time-bg.png) no-repeat;
font-size:12px;
color:#d9d9d9;
}
.user-gameDemand-content .user-content .coin-package,
.anchor-gameDemand-content .anchor-content .coin-package{
margin:0 -35px -15px 13px;
}
.user-gameDemand-content .user-content .coin-package li,
.anchor-gameDemand-content .anchor-content .coin-package li{
position:relative;
float:left;
margin:0 35px 15px 0;
width:94px;height:118px;
}
.user-gameDemand-content .user-content .coin-package li .game,
.anchor-gameDemand-content .anchor-content .coin-package li .game{
display:block;
padding:29px 10px 0;
width:74px;height:65px;
background:url(../../i/index/gameOnDemand/new-package-bg2.png) 0 0 no-repeat;
text-align:center;
}
.user-gameDemand-content .user-content .coin-package .playing-game .game,
.user-gameDemand-content .user-content .coin-package .game-over .game,
.anchor-gameDemand-content .anchor-content .coin-package .playing-game .game,
.anchor-gameDemand-content .anchor-content .coin-package .game-over .game{
display:none;
}
.user-gameDemand-content .user-content .coin-package .game .coin-num,
.anchor-gameDemand-content .anchor-content .coin-package .game .coin-num{
height:22px;line-height:22px;
font-size:16px;
color:#fff;
}
.user-gameDemand-content .user-content .coin-package .game .game-name,
.anchor-gameDemand-content .anchor-content .coin-package .game .game-name{
height:16px;line-height:16px;
font-size:12px;
color:#ffd904;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.user-gameDemand-content .user-content .coin-package li .coin-btn,
.user-gameDemand-content .user-content .coin-package .disabled .coin-btn,
.user-gameDemand-content .user-content .coin-package .disabled .coin-btn:hover,
.anchor-gameDemand-content .anchor-content .coin-package li .receive-btn,
.anchor-gameDemand-content .anchor-content .coin-package .disabled .receive-btn,
.anchor-gameDemand-content .anchor-content .coin-package .disabled .receive-btn:hover{
display:inline-block;
margin:4px 0 0 4px;
width:85px;height:29px;
line-height:29px;
background:url(../../i/index/gameOnDemand/new-btn.png?_v=201707071) -170px 0 no-repeat;
font-size:12px;
color:#fff;
text-align:center;
}
.user-gameDemand-content .user-content .coin-package li .coin-btn:hover,
.anchor-gameDemand-content .anchor-content .coin-package li .receive-btn:hover{
background:url(../../i/index/gameOnDemand/new-btn.png?_v=201707071) -170px -29px no-repeat;
}
.user-gameDemand-content .user-content .coin-package li .coin-btn:active,
.anchor-gameDemand-content .anchor-content .coin-package li .receive-btn:active{
background:url(../../i/index/gameOnDemand/new-btn.png?_v=201707071) -170px -58px no-repeat;
}
.user-gameDemand-content .user-content .coin-package .disabled .coin-btn,
.user-gameDemand-content .user-content .coin-package .disabled .coin-btn:hover,
.anchor-gameDemand-content .anchor-content .coin-package .disabled .receive-btn,
.anchor-gameDemand-content .anchor-content .coin-package .disabled .receive-btn:hover{
filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:url("data:image/svg+xml;utf8,#grayscale");
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter:gray;
-webkit-filter:grayscale(1);
}
.user-gameDemand-content .user-content .coin-package li .add-coin-num{
position:absolute;
top:60px;right:-5px;
height:20px;line-height:20px;
font-size:16px;
color:#fff498;
opacity:0;
}
.user-gameDemand-content .user-content .coin-package .have-coin .add-coin-num{
opacity:1;
-webkit-animation-name:add-coin-num;
-webkit-animation-duration:.8s;
-webkit-animation-timing-function:ease-in;
-webkit-animation-iteration-count:1;
-webkit-animation-fill-mode:forwards;
-moz-animation-name:add-coin-num;
-moz-animation-duration:.8s;
-moz-animation-timing-function:ease-in;
-moz-animation-iteration-count:1;
-moz-animation-fill-mode:forwards;
animation-name:add-coin-num;
animation-duration:.8s;
animation-timing-function:ease-in;
animation-iteration-count:1;
animation-fill-mode:forwards;
}
@keyframes add-coin-num{
0%{opacity:1;top:70px;}
100%{opacity:0;top:50px;}
}
@-webkit-keyframes add-coin-num{
0%{opacity:1;top:70px;}
100%{opacity:0;top:50px;}
}
@-moz-keyframes add-coin-num{
0%{opacity:1;top:70px;}
100%{opacity:0;top:50px;}
}
.user-gameDemand-content .user-content .coin-package li .countdown,
.anchor-gameDemand-content .anchor-content .coin-package li .countdown{
display:none;
}
.user-gameDemand-content .user-content .coin-package .playing-game .countdown{
display:block;
padding:15px 7px 0;
width:80px;height:79px;
background:url(../../i/index/gameOnDemand/new-package-bg2.png) -94px 0 no-repeat;
text-align:center;
}
.user-gameDemand-content .user-content .coin-package .game-over .countdown{
display:block;
padding:15px 7px 0;
width:84px;height:79px;
background:url(../../i/index/gameOnDemand/new-package-bg2.png) -188px 0 no-repeat;
text-align:center;
}
.user-gameDemand-content .user-content .coin-package .playing-game .countdown .state{
margin-bottom:3px;
width:84px;height:32px;
line-height:32px;
font-size:12px;
color:#ff2525;
}
.user-gameDemand-content .user-content .coin-package .game-over .countdown .state{
margin-bottom:3px;
width:84px;height:32px;
line-height:32px;
font-size:12px;
color:#908282;
}
.user-gameDemand-content .user-content .coin-package .playing-game .countdown .game-time,
.user-gameDemand-content .user-content .coin-package .game-over .countdown .game-time,
.anchor-gameDemand-content .anchor-content .coin-package .playing-game .countdown .game-time,
.anchor-gameDemand-content .anchor-content .coin-package .game-over .countdown .game-time{
height:16px;line-height:16px;
font-size:12px;
color:#fff;
}
.user-gameDemand-content .user-content .coin-package .playing-game .countdown .game-name,
.user-gameDemand-content .user-content .coin-package .game-over .countdown .game-name,
.anchor-gameDemand-content .anchor-content .coin-package .playing-game .countdown .game-name,
.anchor-gameDemand-content .anchor-content .coin-package .game-over .countdown .game-name{
height:16px;line-height:16px;
font-size:12px;
color:#ffd904;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.user-gameDemand-ibox .remind,
.anchor-gameDemand-ibox .remind{
padding:0 10px;
height:38px;line-height:38px;
}
.user-gameDemand-ibox .remind .left,
.anchor-gameDemand-ibox .remind .left{
float:left;
font-size:12px;
color:#c75003;
}
.user-gameDemand-ibox .remind .left a,
.user-gameDemand-ibox .remind .right a,
.anchor-gameDemand-ibox .remind .left a,
.anchor-gameDemand-ibox .remind .right a{
color:#f9cc37;
text-decoration:underline;
}
.user-gameDemand-ibox .remind .right,
.anchor-gameDemand-ibox .remind .right{
float:right;
font-size:12px;
color:#c75003;
}
/*游戏点播 观众要包的游戏*/
.user-choose-game-ibox{
position:fixed;
top:50%;left:50%;
padding:0 44px;
margin:-170px 0 0 -192px;
width:296px;height:340px;
background:url(../../i/index/gameOnDemand/new-room-ibox-bg2.png) no-repeat;
z-index:10;
}
.user-choose-game-ibox .hd{
width:296px;height:52px;
line-height:52px;
font-size:20px;
color:#fffafa;
text-align:center;
}
.user-choose-game-ibox .choose-game-area{
margin-top:12px;
width:296px;
}
.user-choose-game-ibox .choose-game-area li{
float:left;
margin:0 23px 8px 0;
width:136px;height:43px;
}
.user-choose-game-ibox .choose-game-area li:nth-child(2n){
margin-right:0;
}
.user-choose-game-ibox .choose-game-area li a,
.user-choose-game-ibox .choose-game-area .disabled a,
.user-choose-game-ibox .choose-game-area .disabled a:hover{
display:inline-block;
padding:0 10px;
width:116px;height:43px;
line-height:43px;
background:url(../../i/index/gameOnDemand/new-game-bg.png) 0 0 no-repeat;
font-size:16px;
color:#542600;
text-align:center;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.user-choose-game-ibox .choose-game-area li a:hover,
.user-choose-game-ibox .choose-game-area .active a{
background-position:0 -43px;
}
.user-choose-game-ibox .choose-game-area .disabled a,
.user-choose-game-ibox .choose-game-area .disabled a:hover{
filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:url("data:image/svg+xml;utf8,#grayscale");
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter:gray;
-webkit-filter:grayscale(1);
}
.user-choose-game-ibox .choose-game-area .prompt{
line-height:18px;
font-size:12px;
color:#9b6600;
}
.user-choose-game-ibox .btn-area,
.add-game-kadai-ibox .btn-area{
margin-top:10px;
}
.user-choose-game-ibox .btn-area .define-btn,
.user-choose-game-ibox .btn-area .cancle-btn,
.user-choose-game-ibox .btn-area .define-btn.disabled,
.user-choose-game-ibox .btn-area .define-btn.disabled:hover,
.add-game-kadai-ibox .btn-area .define-btn.disabled,
.add-game-kadai-ibox .btn-area .define-btn.disabled:hover,
.add-game-kadai-ibox .btn-area .define-btn,
.add-game-kadai-ibox .btn-area .cancle-btn{
float:left;
width:106px;height:39px;
line-height:39px;
background:url(../../i/index/gameOnDemand/new-sc-btn.png) 0 0 no-repeat;
font-size:14px;
color:#ff9600;
text-align:center;
}
.user-choose-game-ibox .btn-area .define-btn:hover,
.user-choose-game-ibox .btn-area .cancle-btn:hover,
.add-game-kadai-ibox .btn-area .define-btn:hover,
.add-game-kadai-ibox .btn-area .cancle-btn:hover{
background-position:0 -39px;
}
.user-choose-game-ibox .btn-area .define-btn:active,
.user-choose-game-ibox .btn-area .cancle-btn:active,
.add-game-kadai-ibox .btn-area .define-btn:active,
.add-game-kadai-ibox .btn-area .cancle-btn:active{
background-position:0 -78px;
color:#fff;
}
.user-choose-game-ibox .btn-area .define-btn.disabled,
.add-game-kadai-ibox .btn-area .define-btn.disabled{
filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:url("data:image/svg+xml;utf8,#grayscale");
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter:gray;
-webkit-filter:grayscale(1);
}
.user-choose-game-ibox .btn-area .define-btn,
.add-game-kadai-ibox .btn-area .define-btn{
margin:0 35px 0 25px;
}
/*游戏点播 领取历史*/
.receive-history-ibox{
position:fixed;
top:50%;left:50%;
padding:55px 10px 0 25px;
margin:-154px 0 0 -192px;
width:349px;height:253px;
background:url(../../i/index/gameOnDemand/new-room-ibox-bg3.png) no-repeat;
z-index:10;
}
.receive-history-ibox .close{
position:absolute;
top:9px;right:9px;
width:31px;height:31px;
}
.receive-history-ibox .receive-history-content .history-content .style{
float:left;
width:36px;
text-align:center;
}
.receive-history-ibox .receive-history-content .history-content .user-name{
float:left;
padding:0 10px;
width:99px;
text-align:center;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.receive-history-ibox .receive-history-content .history-content .game-name{
float:left;
padding:0 5px;
width:63px;
text-align:center;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.receive-history-ibox .receive-history-content .history-content .time{
float:left;
width:121px;
text-align:center;
}
.receive-history-ibox .receive-history-content .history-content .hd{
height:32px;line-height:32px;
font-size:12px;
color:#fff;
font-weight:700;
}
.receive-history-ibox .receive-history-content .history-content .history-content-ul li{
height:28px;line-height:28px;
background:url(../../i/index/gameOnDemand/new-line.png) left bottom repeat-x;
font-size:12px;
color:#c39b4e;
}
.receive-history-ibox .receive-history-content .history-content .history-content-ul .last{
background:none;
}
.receive-history-ibox .receive-history-content .history-content .pageArea{
margin-top:15px;
}
.receive-history-ibox .receive-history-content .history-content .pageArea .page li,
.receive-history-ibox .receive-history-content .history-content .pageArea .page li a{
background:#936d10;
color:#e9ad22;
}
.receive-history-ibox .receive-history-content .history-content .pageArea .page li a:hover,
.receive-history-ibox .receive-history-content .history-content .pageArea .page li a:active,
.receive-history-ibox .receive-history-content .history-content .pageArea .page .active a,
.receive-history-ibox .receive-history-content .history-content .pageArea .page .active a:hover,
.receive-history-ibox .receive-history-content .history-content .pageArea .page .active a:active{
background:#ad4704;
color:#fff;
}
/*游戏点播 领取没有历史*/
.receive-no-history-ibox{
position:fixed;
top:50%;left:50%;
margin:-133px 0 0 -192px;
width:384px;height:266px;
background:url(../../i/index/gameOnDemand/new-room-ibox-bg4.png?_v=201707121) no-repeat;
z-index:10;
}
.receive-no-history-ibox .close{
position:absolute;
top:8px;right:9px;
width:31px;height:31px;
}
/*游戏点播 主播端*/
.anchor-gameDemand-ibox{
position:fixed;
top:50%;left:50%;
padding:90px 40px 0;
margin:-286px 0 0 -230px;
width:381px;height:482px;
background:url(../../i/index/gameOnDemand/new-room-ibox-bg5.png) no-repeat;
z-index:10;
}
.anchor-gameDemand-ibox .close{
position:absolute;
top:9px;right:19px;
width:58px;height:58px;
}
.anchor-gameDemand-ibox .anchor-gameDemand-content{
height:429px;
}
.anchor-gameDemand-content .no-anchor-content{
display:none;
}
.anchor-gameDemand-content.no-content .no-anchor-content{
display:block;
}
.anchor-gameDemand-content.no-content .no-anchor-content .kadai-icon{
display:inline-block;
margin-top:100px;
width:146px;height:146px;
background:url(../../i/index/gameOnDemand/new-add-game-btn.png) no-repeat;
}
.anchor-gameDemand-content.no-content .no-anchor-content p{
height:30px;line-height:30px;
font-size:22px;
color:#ffb201;
}
.anchor-gameDemand-content.no-content .anchor-content{
display:none;
}
.anchor-gameDemand-content .anchor-content{
display:block;
}
.anchor-gameDemand-content .anchor-content .big-package{
margin:0 -10px 53px 0;
}
.anchor-gameDemand-content .anchor-content .big-package li{
float:left;
padding-top:17px;
margin-right:10px;
width:119px;height:95px;
text-align:center;
}
.anchor-gameDemand-content .anchor-content .big-package li:first-child{
background:url(../../i/index/gameOnDemand/new-package-bg1.png?_v=201707071) 0 0 no-repeat;
}
.anchor-gameDemand-content .anchor-content .big-package li:nth-child(2){
background:url(../../i/index/gameOnDemand/new-package-bg1.png?_v=201707071) -119px 0 no-repeat;
}
.anchor-gameDemand-content .anchor-content .big-package li:nth-child(3){
background:url(../../i/index/gameOnDemand/new-package-bg1.png?_v=201707071) -238px 0 no-repeat;
}
.anchor-gameDemand-content .anchor-content .big-package .playing-game .playing-game-content .game-name,
.anchor-gameDemand-content .anchor-content .big-package .have-package .have-package-content .game-name,
.anchor-gameDemand-content .anchor-content .big-package .no-package .no-package-content .game-name{
margin:0 auto;
width:55px;
height:22px;line-height:22px;
font-size:12px;
color:#fff;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.anchor-gameDemand-content .anchor-content .big-package .no-package .no-package-content .style,
.anchor-gameDemand-content .anchor-content .big-package .no-package .no-package-content .time,
.anchor-gameDemand-content .anchor-content .big-package .have-package .have-package-content .style,
.anchor-gameDemand-content .anchor-content .big-package .have-package .have-package-content .time{
height:20px;line-height:20px;
font-size:12px;
color:#ffc400;
}
.anchor-gameDemand-content .anchor-content .big-package .have-package .have-package-content .user-name,
.anchor-gameDemand-content .anchor-content .big-package .no-package .no-package-content .user-name{
margin-top:33px;
height:16px;line-height:16px;
font-size:12px;
color:#fff;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.anchor-gameDemand-content .anchor-content .big-package .have-package .have-package-content .game-name,
.anchor-gameDemand-content .anchor-content .big-package .playing-game .playing-game-content .game-name,
.anchor-gameDemand-content .anchor-content .big-package .game-over .game-over-content .game-name{
height:22px;line-height:22px;
font-size:12px;
color:#fff;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.anchor-gameDemand-content .anchor-content .big-package .playing-game .playing-game-content .gaming,
.anchor-gameDemand-content .anchor-content .big-package .game-over .game-over-content .gaming{
height:20px;line-height:20px;
font-size:12px;
color:#ffc400;
}
.anchor-gameDemand-content .anchor-content .big-package .playing-game .playing-game-content .play-time{
margin:0 auto;
width:98px;height:20px;
line-height:20px;
background:url(../../i/index/gameOnDemand/new-play-time-bg.png) no-repeat;
font-size:12px;
color:#d9d9d9;
}
.anchor-gameDemand-content .anchor-content .big-package .playing-game .playing-game-content .user-name,
.anchor-gameDemand-content .anchor-content .big-package .game-over .game-over-content .user-name{
margin-top:33px;
height:16px;line-height:16px;
font-size:12px;
color:#fff;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.anchor-gameDemand-content .anchor-content .big-package .game-over .game-over-content .play-time{
margin:0 auto;
width:98px;height:20px;
line-height:20px;
background:url(../../i/index/gameOnDemand/new-play-time-bg.png) no-repeat;
font-size:12px;
color:#d9d9d9;
}
.anchor-gameDemand-content .anchor-content .big-package .receive-btn,
.anchor-gameDemand-content .anchor-content .big-package .receive-btn.disabled,
.anchor-gameDemand-content .anchor-content .big-package .receive-btn.disabled:hover{
display:inline-block;
margin:2px auto 0;
width:75px;height:26px;
line-height:26px;
background:url(../../i/index/gameOnDemand/new-btn.png?_v=201707071) -85px 0 no-repeat;
font-size:12px;
color:#fff;
text-align:center;
}
.anchor-gameDemand-content .anchor-content .big-package .receive-btn:hover{
background-position:-85px -29px;
}
.anchor-gameDemand-content .anchor-content .big-package .receive-btn:active{
background-position:-85px -58px;
}
.anchor-gameDemand-content .anchor-content .big-package .receive-btn.disabled,
.anchor-gameDemand-content .anchor-content .big-package .receive-btn.disabled:hover{
filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:url("data:image/svg+xml;utf8,#grayscale");
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter:gray;
-webkit-filter:grayscale(1);
}
.anchor-gameDemand-content .anchor-content .coin-package .playing-game .countdown,
.anchor-gameDemand-content .anchor-content .coin-package .game-over .countdown{
display:block;
padding:15px 7px 0;
width:80px;height:81px;
background:url(../../i/index/gameOnDemand/new-package-bg2.png) -94px 0 no-repeat;
text-align:center;
}
.anchor-gameDemand-content .anchor-content .coin-package .playing-game .countdown .state{
margin-bottom:3px;
width:84px;height:32px;
line-height:32px;
font-size:12px;
color:#ff2525;
}
.anchor-gameDemand-content .anchor-content .coin-package .game-over .countdown .state{
margin-bottom:3px;
width:84px;height:32px;
line-height:32px;
font-size:12px;
color:#908282;
}
.anchor-gameDemand-ibox .remind .left{
margin-left:-10px;
}
.anchor-gameDemand-ibox .remind .right{
float:right;
margin-right:10px;
}
.anchor-gameDemand-ibox .remind .anchor-setting{
float:right;
margin:7px -10px 0 0;
width:66px;height:24px;
line-height:24px;
background:#ca3129;
border-radius:5px;
font-size:12px;
color:#fff;
text-align:center;
}
.anchor-gameDemand-ibox .remind .anchor-setting:hover{
background:#e23f37;
}
.anchor-gameDemand-ibox .remind .anchor-setting:active{
background:#d02921;
}
.anchor-gameDemand-ibox .remind.no-kadai .anchor-setting{
display:none;
}
/*游戏点播 添加游戏卡包*/
.add-game-kadai-ibox{
position:fixed;
top:50%;left:50%;
padding:0 44px;
margin:-170px 0 0 -192px;
width:296px;height:340px;
background:url(../../i/index/gameOnDemand/new-room-ibox-bg2.png) no-repeat;
z-index:10;
}
.add-game-kadai-ibox .hd{
width:296px;height:52px;
line-height:52px;
font-size:20px;
color:#fffafa;
text-align:center;
}
.add-game-kadai-ibox .content{
margin-top:25px;
height:171px;
}
.add-game-kadai-ibox .content .add-game{
float:left;
position:relative;
margin:0 34px 12px 0;
width:126px;height:27px;
}
.add-game-kadai-ibox .content .add-game:nth-child(2n){
margin-right:0;
}
.add-game-kadai-ibox .content .add-game input{
padding:0 23px 0 5px;
width:98px;height:28px;
line-height:28px;
background:#211c17;
border:1px solid #683f1d;
border-radius:5px;
font-size:16px;
color:#fff;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.add-game-kadai-ibox .content .add-game input.game-name{
background:#8b3500;
color:#fff;
}
.add-game-kadai-ibox .content .add-game input::-webkit-input-placeholder,
.add-game-kadai-ibox .content .add-game input::-moz-input-placeholder,
.add-game-kadai-ibox .content .add-game input::-ms-input-placeholder{
color:#a47603;
}
.add-game-kadai-ibox .content .add-game .close-btn{
display:none;
}
.add-game-kadai-ibox.delete-game .content .can-close .close-btn{
display:block;
position:absolute;
top:5px;right:5px;
width:18px;height:18px;
line-height:18px;
background:#8e6705;
border-radius:100%;
font-size:16px;
color:#dfc581;
text-align:center;
}
.add-game-kadai-ibox.delete-game .content .can-close .close-btn .close{
position:absolute;
top:0;left:0;
width:18px;height:18px;
background:url(../../i/index/gameOnDemand/close.png) 0 0 no-repeat;
}
.add-game-kadai-ibox.delete-game .content .can-close .close-btn:hover .close{
background-position:-18px 0;
}
.add-game-kadai-ibox.delete-game .content .can-close .close-btn:active .close{
background-position:-36px 0;
}
.add-game-kadai-ibox .content p{
margin-top:10px;
line-height:18px;
font-size:12px;
color:#9b6600;
}
.add-game-kadai-ibox .content p span{
color:#f33529;
}
/* 主播抽奖入口按钮 */
.zb-choujiang-btn{
position:absolute;
left:10px;bottom:50%;
margin-bottom:-60px;
width:68px;height:68px;
background:url(../../i/index/zb-cj.png?2017102401) no-repeat;
z-index:2;
}
/*分享优化弹窗*/
.new-share{
position:absolute;
margin:0 auto;
width:400px;height:240px;
background:#fff url(../../i/new-share/new-share.png) no-repeat 0 -6px;
border-bottom:3px solid #fff;
box-shadow: 0 0 9px rgba(0,0,0,.3);
border-radius:10px;
z-index:90;
}
.new-share .arrow{
position: absolute;
top:-5px;right:131px;
width: 14px;height: 6px;
background: url(../../i/blue-arrow.png) no-repeat;
}
.min-size .new-share .arrow{
right:52px;
}
.new-share .copy-tc{
display:none;
position:absolute;
right:30px;bottom:-25px;
margin-top:34px;
height:32px;
}
.new-share .copy-tc input{
margin-right:6px;
padding:0 5px;
width:240px;height:29px;
background:#eee;
border:1px solid transparent;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.new-share .copy-tc a{
display:inline-block;
width:48px;height:31px;
line-height:31px;
background:#12B7F5;
border-radius:2px;
font-size:14px;
color:#fff;
text-align:center;
}
.new-share>a{
display:inline-block;
text-align:center;
}
.new-share .tc-left,.new-share .tc-right{
display:none;
}
/*点击分享直播间*/
.new-share.fx-zb{
width:400px;height:240px;
background:url(../../i/new-share/new-share.png) no-repeat -409px -6px;
border-bottom:3px solid #fff;
}
.new-share.fx-zb .tc-left{
position:relative;
display:block;
float:left;
margin:117px 28px 0;
width:94px;height:120px;
text-align:center;
}
.new-share.fx-zb .tc-left .code{
margin-bottom:6px;
width:94px;height:94px;
}
.new-share.fx-zb .tc-left .wx-icon{
position:absolute;
top:50%;left:50%;
margin:-25px 0 0 -12px;
width:24px;height:24px;
background:url(../../i/new-share/code_wx.png) no-repeat;
}
.new-share.fx-zb .tc-left span{
font-size:12px;color:#a5a7aa;
}
.new-share.fx-zb .tc-right{
display:block;
float:left;
margin-top:128px;
width:232px;
}
.new-share.fx-zb>a{
display:none;
}
.new-share.fx-zb .tc-right .tc-right-btm{
margin-top:16px;
padding-right:10px;
font-size:16px;
color:#555;
text-align:center;
}
.new-share.fx-zb .tc-right p{
display:none;
}
.new-share .tc-right p{
margin-bottom:18px;
padding-top:16px;
line-height:24px;
font-size:14px;
color:#555;
}
.new-share .tc-right p span{
color:#12B7F5;
font-weight:bold;
}
.new-share .share{
position:relative;
margin-right:8px;
float:left;
width:50px;height:50px;
border-radius:100%;
}
.new-share .share a{
position:absolute;
top:0;left:0;
margin:0;
width:100%;height:100%;
background-color:transparent;
background-image:none;
background-repeat:no-repeat;
z-index:2;
}
.new-share .share .icon{
position:absolute;
top:0;left:0;
width:50px;height:50px;
background:url(../../i/new-share/new-share.png) no-repeat;
z-index:1;
}
.new-share .copy .icon.hover{
background:url(../../i/new-share/add-hover.png) no-repeat -177px 0;
}
.new-share .sina .icon{
background-position:-173px -248px;
}
.new-share .sina a:hover{
background:url(../../i/new-share/add-hover.png) no-repeat 0 0;
}
.new-share .qq .icon{
background-position:-232px -248px;
}
.new-share .qq a:hover{
background:url(../../i/new-share/add-hover.png) no-repeat -59px 0;
}
.new-share .qzone .icon{
background-position:-291px -247px;
}
.new-share .qzone a:hover{
background:url(../../i/new-share/add-hover.png) no-repeat -118px 0;
}
.new-share .copy .icon{
background-position:-350px -248px;
}
.new-share .copy .icon:hover{
background:url(../../i/new-share/add-hover.png) no-repeat -177px 0;
}
.new-share .copy a:hover{
background:url(../../i/new-share/add-hover.png) no-repeat -177px 0;
}
.new-share>a i{
display:inline-block;
width:64px;height:64px;
background:url(../../i/new-share/new-share.png) no-repeat 0 -248px;
}
.new-share>.fx-btn1{
margin:130px 70px 0 86px;
}
.new-share>.fx-btn1 i{
background:url(../../i/new-share/new-share.png) no-repeat 0 -248px;
}
.new-share>.fx-btn2 i{
background:url(../../i/new-share/new-share.png) no-repeat -85px -248px;
}
.new-share>a p{
margin-top:10px;
font-size:14px;
color:#555555;
font-weight:700;
}
.new-share>a:hover p{
color:#12B7F5;
}
/*分享优化弹窗end*/
/*主播名片*/
.zb-card{
position:absolute;
top:50%;left:50%;
margin:-340px 0 0 -240px;
width:480px;
background:#2543A3;
border-radius:10px;
z-index:50;
}
.zb-card.recreation{
background:#4F2BBD;
}
.zb-card .close{
position:absolute;
right:10px;top:10px;
width:30px;height:30px;
background:url(../../i/new-share/mp-tc.png) 0 -146px;
}
.zb-card.recreation .close{
background-position:0 -180px;
}
.zb-card .zb-card-hd{
margin-left:15px;
height:140px;width:465px;
background:url(../../i/new-share/mp-tc.png) no-repeat 0 0;
}
.zb-card.recreation .zb-card-hd{
background-position:-467px 0;
}
.zb-card .zb-card-main{
margin:20px auto 0;
padding:4px;
width:408px;
background:#04EBFF;
background:-webkit-linear-gradient(#04EBFF,#E040DD,#FCA042);
background:-o-linear-gradient(#04EBFF,#E040DD,#FCA042);
background:-moz-linear-gradient(#04EBFF,#E040DD,#FCA042);
background:linear-gradient(#04EBFF,#E040DD,#FCA042);
border-radius:12px;
}
.zb-card.recreation .zb-card-main{
background:#567BFF ;
background:-webkit-linear-gradient(#567BFF,#BD6BFE,#E568FD);
background:-o-linear-gradient(#567BFF,#BD6BFE,#E568FD);
background:-moz-linear-gradient(#567BFF,#BD6BFE,#E568FD);
background:linear-gradient(#567BFF,#BD6BFE,#E568FD);
}
.zb-card .zb-card-main .main-bg{
width:100%;
background:#4772F2;
border-radius:12px;
overflow:hidden;
}
.zb-card.recreation .zb-card-main .main-bg{
background:#8535F1;
overflow:hidden;
}
.zb-card .zb-card-main .main-bg>.img-wh{
height:auto;
}
.zb-card .zb-card-main .main-bg>img{
position:absolute;
border-radius:12px;
}
.zb-card .zb-card-main .main-bg .mp-details{
top:0;
width:100%;
}
.zb-card .zb-card-main .main-bg .mp-details .hd{
padding:18px 0 0 18px;
z-index:10;
}
.zb-card .zb-card-main .main-bg .mp-details .hd i{
position:absolute;
bottom:-6px;right:-6px;
width:36px;height:36px;
background:url(../../i/new-share/mp-tc.png) no-repeat -35px -179px;
}
.zb-card .zb-card-main .main-bg .mp-details .hd .img-box{
float:left;
padding:3px;
height:90px;width:90px;
background:#04EBFF;
background:-webkit-linear-gradient(#04EBFF,#556AFE);
background:-o-linear-gradient(#04EBFF,#556AFE);
background:-moz-linear-gradient(#04EBFF,#556AFE);
background:linear-gradient(#04EBFF,#556AFE);
border-radius:50% 50%;
box-shadow:0 6px 10px rgba(0,0,0,0.2);
}
.zb-card.recreation .zb-card-main .main-bg .mp-details .hd .img-box{
background:#567BFF;
background:-webkit-linear-gradient(#87a0fe,#cea3fb);
background:-o-linear-gradient(#87a0fe,#cea3fb);
background:-moz-linear-gradient(#87a0fe,#cea3fb);
background:linear-gradient(#87a0fe,#cea3fb);
}
.zb-card .zb-card-main .main-bg .mp-details .hd .img-box img{
border-radius:50%;
}
.zb-card .zb-card-main .main-bg .mp-details .hd .hd-right{
float:left;
margin:15px 0 0 18px;
}
.zb-card .zb-card-main .main-bg .mp-details .hd .hd-right .name{
padding:0 26px 0 30px;
height:38px;
background:url(../../i/new-share/mp-tc.png) no-repeat 0 -218px;
border-radius:20px;
font-size:16px;
color:#04EBFF;
font-weight:700;
}
.zb-card.recreation .zb-card-main .main-bg .mp-details .hd .hd-right .name{
background-position:0 -262px;
color:#ec85ff;
}
.zb-card .zb-card-main .main-bg .mp-details .hd .hd-right .name span{
display:inline-block;
margin-top:4px;
padding:0 10px;
height:30px;
line-height:30px;
background-color:#2044C4;
border-radius:18px;
}
.zb-card.recreation .zb-card-main .main-bg .mp-details .hd .hd-right .name span{
background-color:#5520A2;
}
.zb-card .zb-card-main .main-bg .mp-details .hd .hd-right .zb-js{
display:inline-block;
margin-top:8px;
padding:0 10px;
height:24px;
line-height:24px;
background-color:#2044C4;
border-radius:20px;
font-size:14px;
color:#FFF;
}
.zb-card.recreation .zb-card-main .main-bg .mp-details .hd .hd-right .zb-js{
background-color:#5520A2;
}
.zb-card .zb-card-main .main-bg .mp-details .bd{
margin-top:20px;
padding-bottom:20px;
}
.zb-card .zb-card-main .main-bg .mp-details .bd .bd-list{
margin-left:18px;
line-height:24px;
}
.zb-card .zb-card-main .main-bg .mp-details .bd .bd-list .bd-left{
float:left;
width:60px;height:24px;
font-size:12px;
color:#a5bcfe;
}
.zb-card.recreation .zb-card-main .main-bg .mp-details .bd .bd-list .bd-left{
color:#b59cfe;
}
.zb-card .zb-card-main .main-bg .mp-details .bd .bd-list .bd-right{
float:left;
width:184px;
font-size:12px;
color:#fff;
font-weight:bold;
word-break:break-all;
}
.zb-card .zb-card-main .main-bg .mp-details>i{
position:absolute;
bottom:15px;right:28px;
width:80px ;height:42px;
background:url(../../i/new-share/mp-tc.png) no-repeat -104px -423px;
}
.zb-card .zb-card-referral{
margin:10px auto 20px;
width:410px;
line-height:20px;
font-size:12px;
color:#a3b8fd;
word-break:break-all;
}
.zb-card.recreation .zb-card-referral{
color:#ccbbfe;
}
.zb-card .fx-ditch{
margin:0 auto;
width:408px;height:110px;
}
.zb-card .fx-ditch .fx-ditch-left{
position:relative;
float:left;
margin:0 86px 0 28px;
}
.zb-card .fx-ditch .fx-ditch-left .wx-code{
position:absolute;
top:50%;left:50%;
margin:-20px 0 0 -9px;
width:18px;height:18px;
background:url(../../i/new-share/code_wx.png) no-repeat;
background-size:18px;
}
.zb-card .fx-ditch .fx-ditch-left .code{
margin:0 auto 6px;
padding:2px;
width:63px;height:63px;
background:#fff;
}
.zb-card .fx-ditch .fx-ditch-left span{
font-size:12px;
color:#77b3fe;
}
.zb-card.recreation .fx-ditch .fx-ditch-left span{
color:#b97ff1;
}
.zb-card.recreation .fx-ditch .fx-ditch-left{
background-position:0 -412px;
}
.zb-card .fx-ditch .fx-ditch-right{
float:left;
margin-top:8px;
}
.zb-card .share{
position:relative;
float:left;
margin-right:15px;
width:48px;height:48px;
border-radius:100%;
}
.zb-card .share a{
position:absolute;
top:0;left:0;
margin:0;
width:100%;height:100%;
background-color:transparent;
background-image:none;
background-repeat:no-repeat;
z-index:2;
}
.zb-card .share .icon{
position:absolute;
top:0;left:0;
width:48px;height:48px;
background:url(../../i/new-share/mp-tc.png) no-repeat;
z-index:1;
}
.zb-card .sina .icon{
background-position:-173px -248px;
}
.zb-card .sina a:hover{
background:url(../../i/new-share/add-hover.png) no-repeat 0 -53px;
}
.zb-card .sina .icon{
background-position:-114px -328px;
}
.zb-card .qq .icon{
background-position:-183px -328px;
}
.zb-card .qq a:hover{
background:url(../../i/new-share/add-hover.png) no-repeat -54px -53px;
}
.zb-card .qzone .icon{
background-position:-251px -328px;
}
.zb-card .qzone a:hover{
background:url(../../i/new-share/add-hover.png) no-repeat -113px -53px;
}
/*主播名片end*/
/*手游联运游戏推荐弹窗*/
.game-recommend{
position: absolute;
top: 0;
left: 0;
width:338px;
height: 206px;
z-index: 120;
background: #fff;
border-radius:10px;
}
.game-recommend .top{
width: 338px;
height: 120px;
}
.game-recommend .top img{
border-radius:10px 10px 0 0;
}
.game-recommend .btm{
width: 278px;
height: 68px;
padding: 9px 30px;
}
.game-recommend .btm .left{
width: 157px;
height: 68px;
border-right: 1px solid #DEDFE0;
}
.game-recommend .btm .left .code{
width: 68px;
height: 68px;
/*background:url(../../i/king-of-glory/tool-code.png) no-repeat 0 0;*/
/*background-size:68px 68px;*/
}
.game-recommend .btm .left .code i{
position: absolute;
width: 17px;
height: 16px;
top:50%;
left:50%;
margin-top: -8px;
margin-left: -8px;
background: #fff url(../../i/syly/icon-group.png) no-repeat 2px -33px;
}
.game-recommend .btm .left .text{
width: 89px;
line-height: 20px;
padding-top: 14px;
color: #777777;
font-size: 12px;
text-align: center;
}
.game-recommend .btm .right{
width: 120px;
height: 68px;
}
.game-recommend .btm .right .btn{
display: block;
width: 90px;
height: 24px;
margin: 19px 0 0 30px;
background: url(../../i/syly/icon-group.png) no-repeat 0 0;
}
.game-recommend .btm .right .btn:hover{
background: url(../../i/syly/btn_az.png) no-repeat 0 0;;
}
/*首页联运入口*/
.live-room-content .anchor-info-area .sub-bottom .sub-fn .game-tj{
position: absolute;
left:-100px;top: -4px;
width: 80px;height: 28px;
}
.sub-fn .game-tj .img_box{
display: block;
width: 100%;height: 100%;
}
/*手游联运游戏推荐弹窗end*/
/* 双十一活动 */
.live-room-content .liveMessage .left-area .double2017-a{
position:relative;
margin-top:-10px;
width:50px;height:50px;
z-index:10;
}
.live-room-content .liveMessage .left-area .double2017-a .img-box{
display:block;
width:100%;height:100%;
}
.live-room-content .liveMessage .left-area .double2017-ibox{
position:absolute;
bottom:60px;left:50%;
margin-left:-300px;
padding:230px 80px 0 114px;
width:406px;height:210px;
background:url(../../i/double2017/bg.png) no-repeat;
z-index:10;
}
.live-room-content .liveMessage .left-area .double2017-ibox .close{
position:absolute;
top:93px;right:41px;
width:38px;height:38px;
border-radius:100%;
}
.double2017-ibox .double2017-bar-area{
margin-bottom:27px;
height:45px;
}
.double2017-bar-area .first-sub-bar{
position:relative;
float:left;
width:17px;
}
.double2017-bar-area .first-sub-bar .first-bar{
display:block;
width:100%;height:17px;
background:url(../../i/double2017/bar-2.png) no-repeat;
}
.double2017-bar-area .first-sub-bar .num{
width:17px;height:28px;
line-height:28px;
font-size:12px;color:#000;
text-align:center;
}
.double2017-bar-area .sub-bar{
position:relative;
float:left;
margin-left:-1px;
width:36px;
}
.double2017-bar-area .sub-bar .bar{
display:block;
width:100%;height:17px;
background:url(../../i/double2017/bar-1.png) no-repeat;
}
.double2017-bar-area .sub-bar .num{
padding-left:19px;
width:17px;height:28px;
line-height:28px;
font-size:12px;color:#000;
text-align:center;
}
.double2017-bar-area .sub-bar .last-num{
padding-left:14px;
width:26px;height:28px;
line-height:28px;
font-size:12px;color:#000;
text-align:center;
}
.double2017-bar-area .bar-1{z-index:11;}
.double2017-bar-area .bar-2{z-index:10;}
.double2017-bar-area .bar-3{z-index:9;}
.double2017-bar-area .bar-4{z-index:8;}
.double2017-bar-area .bar-5{z-index:7;}
.double2017-bar-area .bar-6{z-index:6;}
.double2017-bar-area .bar-7{z-index:5;}
.double2017-bar-area .bar-8{z-index:4;}
.double2017-bar-area .bar-9{z-index:3;}
.double2017-bar-area .bar-10{z-index:2;}
.double2017-bar-area .bar-11{z-index:1;}
.double2017-bar-area .active .first-bar{
background-position:-17px 0;
}
.double2017-bar-area .active .bar{
background-position:-36px 0;
}
.double2017-ibox .double2017-bottom{
height:20px;line-height:20px;
color:#a7721e;
}
.double2017-ibox .double2017-bottom p{
font-size:0;
}
.double2017-ibox .double2017-bottom .title{
height:24px;line-height:24px;
font-weight:700;font-size:12px;
color:#5c3914;
}
.double2017-ibox .double2017-bottom .name,
.double2017-ibox .double2017-bottom .zb-name{
max-width:72px;font-size:12px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.double2017-ibox .double2017-bottom .name{
color:#ff8a00;
}
.double2017-ibox .double2017-bottom .sub-title{
height:36px;line-height:36px;
font-size:12px;color:#ff6054;
}
/*主播任务*/
/*入口*/
.zb-task-entrance{
position:absolute;
top:300px;right:35px;
width:66px;height:68px;
background:url(../../i/zb-task/zb-rw.png) no-repeat 0 0;
}
.zb-task{
position:absolute;
bottom:45px;right:20px;
padding-top:100px;
width:300px;height:245px;
background:url(../../i/zb-task/zbrw-bg.png) no-repeat 0 0;
background-size:300px 346px;
z-index:10;
}
.zb-task .think,.zb-task .task-btns{
display:none;
}
.zb-task.one{
background:url(../../i/zb-task/zbrw-bg-finish.png) no-repeat 0 0;
background-size:300px 346px;
}
.zb-task .close{
position:absolute;
top:1px;right:30px;
width:36px;height:42px;
background:url(../../i/zb-task/zb-rw.png) no-repeat -86px 0;
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
transform:scale(0.8);
}
.zb-task .task-status{
margin:12px auto 0;
width:250px;height:96px;
background:url(../../i/zb-task/task-bg.png) no-repeat 0 0;
background-size:252px 104px;
}
.zb-task .task-status .headline{
margin:0 auto;
width:180px;
line-height:28px;
font-size:14px;
color:#4d476c;
font-weight:700;
text-align:center;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.zb-task .task-status .task-details{
margin:8px auto 0;
width:220px;height:40px;
}
.zb-task .task-status .task-details .left{
float:left;
width:40px;height:40px;
}
.zb-task .task-status .task-details .left .img-wh2{
display:none;
}
.zb-task .task-status .task-details .left .img-wh2.img-wh.trigger{
position:absolute;
top:0;left:0;
transform-origin:50% 80%;
-webkit-animation:gift 5s none;
animation:gift 2s none;
}
@keyframes gift{
from{
left:0;
transform:scale(1);
}
60%{
left:74px;
opacity:1;
transform:scale(1.6);
}
to{
left:74px;
opacity:0;
transform:scale(1.6);
}
}
@-webkit-keyframes gift{
from{
left:0;
transform:scale(1);
}
70%{
left:130px;
opacity:1;
transform:scale(2);
}
to{
left:130px;
opacity:0;
transform:scale(2);
}
}
.zb-task .task-status .task-details .center{
float:left;
margin:8px 0 0 4px;
width:100px;
}
.zb-task .task-status .task-details .center .progress{
width:96px;height:4px;
border:2px solid #568AFF;
border-radius:4px;
}
.zb-task .task-status .task-details.finish .center .progress{
height:7px;
border:2px solid #D8F9E9;
border-radius:8px;
}
.zb-task .task-status .task-details .center .progress .plan{
height:4px;width:80%;
background:#568AFF url(../../i/zb-task/zb-rw.png) no-repeat 0 -86px;
border-radius:4px;
}
.zb-task .task-status .task-details.finish .center .progress .plan{
height:7px;
background:#0FD977 url(../../i/zb-task/zb-rw.png) no-repeat 0 -86px;
border-radius:5px;
}
.zb-task .task-status .task-details.finish .character{
color:#07a558;
}
.zb-task .task-status .task-details .character{
margin-top:4px;
width:100%;
font-size:12px;
color:#4d4966;
}
.zb-task .task-status .task-details .character .sp1{
float:left;
}
.zb-task .task-status .task-details .character .sp2{
float:right;
}
.zb-task .task-status .task-details .right{
float:left;
margin-left:10px;
width:60px;height:28px;
}
.zb-task .task-status .task-details .right .assist-btn{
display:inline-block;
width:71px;height:38px;
background:url(../../i/zb-task/zb-rw.png) no-repeat -129px 0;
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
transform:scale(0.8);
}
.zb-task .task-status .task-details .right .assist-btn.for-show{
display:none;
}
.zb-task .task-status .task-details .right .assist-btn:active{
background-position:-129px -38px;
}
.zb-task .task-status .task-details.finish .right .assist-btn{
display:none;
background-position:-206px 10px;
}
.zb-task .task-status .task-details.finish .right .assist-btn.for-show{
display:inline-block;
background-position:-206px 10px;
}
.zb-task .task-status .lose-tk{
display:none;
}
.zb-task .task-status.lose .lose-tk{
display:block;
position:absolute;
top:30px;left:85px;
width:192px;height:62px;
background:url(../../i/zb-task/zb-rw.png) no-repeat 0 -99px;
}
.zb-task.one .think{
display:block;
margin-top:28px;
font-size:12px;
color:#534a6f;
text-align:center;
}
.zb-task.one .task-btns{
display:block;
margin-top:20px;
padding-left:48px;
}
.zb-task.one .task-btns a{
display:block;
float:left;
margin-right:12px;
padding:4px 10px;
background:#F66A8D;
border:2px solid #58496E;
border-radius:14px;
font-size:12px;
color:#fff;
}
.zb-task.one .task-btns a:active{
background:#E33C67;
border:2px solid #2E224C;
}
.zb-task.one .task-btns a.btn-3{
margin-right:0;
}
/* 开始任务 */
.start-task{
position:absolute;
top:-627px;left:35px;
padding:20px 20px 0;
width:362px;min-height:330px;
background:#fff;
box-shadow:0 0 6px rgba(0,0,0,0.3);
z-index:20;
}
.start-task .go-on{
display:none;
}
.start-task.two .go-on{
display:block;
margin-bottom:24px;
color:#555;
text-align:center;
}
.start-task .top{
position:absolute;
top:0;left:0;
width:402px;height:44px;
background:#12B7F5;
z-index:5;
}
.start-task .task-set{
padding:0 20px;
height:44px;line-height:44px;
font-size:14px;
color:#fff;
font-weight:700;
z-index:10;
}
.start-task .task-set a.gf{
float:right;
margin-right:5px;
padding-left:20px;
color:#fff;
font-weight:400;
background:url(../../i/zb-task/shuoming.png) no-repeat 0 15px;
}
.start-task .task-set a.close{
float:right;
margin-top:5px;
width:36px;height:36px;
background:url(../../i/zb-task/close.png) no-repeat 10px 9px;
}
.start-task .explain{
margin-top:48px;
padding:0 10px;
line-height:24px;
font-size:12px;
color:#777;
}
.start-task .task{
margin:22px auto 24px;
width:340px;
}
.start-task .task.task2{
padding-top:22px;
}
.start-task .task2{
border-top:1px solid #F3F3F3;
}
.start-task.one .task.task2{
padding-top:0;
}
.start-task.one .task2{
border-top:none;
}
.start-task .task.in-execution{
display:block;
}
.start-task .task.in-execution .execution-plan>p{
height:56px;line-height:56px;
font-size:16px;
color:#777;
}
.start-task .task.in-execution .execution-plan .progress{
margin-left:2px;
width:340px;height:16px;
background:#E4E5E6;
}
.start-task .task.in-execution .execution-plan .progress .plan{
width:80%;height:16px;
background:#12B7F5;
}
.start-task .task.in-execution .execution-plan .character{
margin-top:12px;
height:28px;
color:#777;
}
.start-task .task.in-execution .execution-plan .character .sp1{
float:left;
}
.start-task .task.in-execution .execution-plan.achieve .character .sp1{
height:28px;line-height:28px;
color:#ef899f;
}
.start-task .task.in-execution .execution-plan .character .sp2,
.start-task .task.in-execution .execution-plan.achieve .character .task-ing,
.start-task .task.in-execution .execution-plan .character .task-finished,
.start-task .add-task,
.start-task .task.in-execution .task-name,
.start-task .task.in-execution .task-meet,
.start-task .task.in-execution .begin-task,
.start-task .task .execution-plan,
.zb-task.one .task-second{
display:none;
}
.start-task .task.in-execution .execution-plan.achieve .character .task-finished,
.start-task .task.in-execution .execution-plan{
display:block;
}
.start-task .task.in-execution .execution-plan.achieve .character .sp2{
display:block;
float:right;
width:68px;height:28px;
line-height:28px;
background:#55C3FB;
border-radius:3px;
color:#fff;
text-align:center;
}
.start-task .task .begin-task,
.start-task.one .add-task{
display:block;
width:338px;height:42px;
line-height:42px;
border:1px solid #12B7F5;
border-radius:3px;
font-size:14px;
color:#12B7F5;
font-weight:700;
text-align:center;
}
.start-task.one .add-task{
margin:16px auto 20px;
}
.start-task .task .begin-task{
color:#fff;
background:#12B7F5;
}
.start-task .task .task-name{
margin-bottom:20px;
}
.start-task .task input{
float:left;
padding:0 10px;
width:250px;height:34px;
line-height:34px;
color:#555;
background:#F3F3F3;
border:1px solid transparent;
border-radius:5px;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
.start-task .task .text{
float:left;
width:68px;height:36px;
line-height:36px;
font-weight:700;
color:#555;
}
.start-task .task-meet{
margin-bottom:24px;
}
.start-task .task .task-meet i{
position:absolute;
top:40px;right:14px;
color:#ef899f;
}
.start-task .task .select{
float:left;
padding:0 20px 0 10px;
width:98px;height:36px;
line-height:36px;
background:#F3F3F3;
border:1px solid transparent;
border-radius:5px;
color:#555;
cursor:pointer;
}
.start-task .task .select>span{
display:block;
width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.start-task .task .select .option{
display:none;
position:absolute;
top:36px;left:0;
width:100%;
background:#f3f3f3;
z-index:2;
}
.start-task .task .select .option li{
height:36px;line-height:36px;
}
.start-task .task .select .option li a{
display:block;
padding:0 10px;
height:100%;
background:#f3f3f3;
font-size:12px;
color:#111;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.start-task .task .select .option li a:hover{
background:#ccc;
}
.start-task .task .select .arrow{
position:absolute;
top:16px;right:11px;
width:8px;height:5px;
background:url(../../i/pc-set-arrow.png) no-repeat;
}
.start-task .task .task-meet>span{
float:left;
width:56px;height:36px;
line-height:36px;
color:#555;
font-weight:700;
text-align:center;
}
.start-task .task .task-meet input{
width:64px;
}
/*主播任务end*/
/* 福袋皮肤 */
.new-year-lucky-ibox{
display:none;
position:fixed;
top:50%;left:50%;
margin:-224px 0 0 -339px;
width:678px;height:448px;
background:url(../../i/new-year-2017/room-ibox-bg1.png) no-repeat;
z-index:31;
}
.new-year-lucky-ibox .close{
position:absolute;
top:21px;right:3px;
width:45px;height:33px;
}
.new-year-lucky-ibox .lucky-btn{
position:absolute;
top:244px;left:74px;
width:110px;height:50px;
background:url(../../i/new-year-2017/room-ibox-btn3.png) no-repeat;
}
.new-year-lucky-ibox .go-btn{
position:absolute;
bottom:24px;left:74px;
width:112px;height:51px;
background:url(../../i/new-year-2017/room-ibox-btn2.png) no-repeat;
}
.new-year-lucky-ibox .view-btn{
position:absolute;
bottom:24px;left:360px;
width:148px;height:51px;
background:url(../../i/new-year-2017/room-ibox-btn1.png) no-repeat;
}
.new-year-lucky-ibox .input-area{
position:absolute;
bottom:86px;left:134px;
width:60px;height:20px;
border:1px solid #d2272d;
background:#fff;
}
.new-year-lucky-ibox .input-area input{
display:block;
padding:0 5px;
width:50px;height:20px;
line-height:20px\9;
border:none;
background:#fff;
font-size:12px;color:#bf0101;
text-align:center;
}
.new-year-lucky-ibox .input-area input:focus{
border:none !important;
}
.new-year-lucky-ibox .winning-info{
position:absolute;
top:169px;left:238px;
margin:12px 16px 13px 16px;
width:366px;height:166px;
overflow:hidden;
cursor:default;
}
.new-year-lucky-ibox .winning-info .winner-noing-area{
display:none;
height:166px;line-height:166px;
font-size:24px;color:#c70900;
text-align:center;
}
.new-year-lucky-ibox .winning-info .winning-row .row-left{
float:left;
margin-right:5px;
width:104px;
/*height:34px;*/
line-height:34px;
font-size:12px;
}
.new-year-lucky-ibox .winning-info .winning-row .row-right{
float:left;
width:257px;
}
.new-year-lucky-ibox .winning-info .winning-row li{
float:left;
margin:0 5px 10px 0;
width:80px;height:34px;
line-height:34px;
font-size:0;
color:#c92600;
}
.new-year-lucky-ibox .winning-info .winning-row li .img-box{
width:34px;height:34px;
}
.new-year-lucky-ibox .winning-info .winning-row li .img-box img{
display:block;
width:100%;height:100%;
}
.new-year-lucky-ibox .winning-info .winning-row li .num{
font-size:12px;
}
.new-year-winner-ibox{
display:none;
position:fixed;
top:50%;left:50%;
margin:-222px 0 0 -220px;
width:441px;height:444px;
background:url(../../i/new-year-2017/room-ibox-bg.png) no-repeat;
z-index:31;
}
.new-year-winner-ibox .close{
position:absolute;
top:12px;right:3px;
width:45px;height:32px;
}
.new-year-winner-ibox .winner-area{
margin:63px 34px 0 39px;
width:368px;height:318px;
}
.new-year-winner-ibox .winner-area li{
float:left;
margin-right:20px;
width:72px;height:106px;
}
.new-year-winner-ibox .winner-area .img-box{
width:68px;height:68px;
border:2px solid #ff9c00;
background:#ef0633;
border-radius:3px;
}
.new-year-winner-ibox .winner-area .img-box img{
display:block;
width:100%;height:100%;
}
.new-year-winner-ibox .winner-area p{
height:17px;line-height:17px;
font-size:12px;color:#642626;
text-align:center;
}
.new-year-winner-ibox .real-btn{
position:absolute;
bottom:14px;left:164px;
width:95px;height:43px;
background:url(../../i/new-year-2017/room-ibox-btn.png) no-repeat;
}
.buy-ibox{
position:fixed;
top:50%;left:50%;
padding:39px 35px 0;
margin:-107px 0 0 -157px;
width:245px;height:175px;
background:url(../../i/new-year-2017/ibox-bg1.png) no-repeat;
text-align:center;
z-index:2;
}
.buy-ibox .close{
position:absolute;
top:0;right:0;
width:24px;height:24px;
}
.buy-ibox .content1{
height:36px;line-height:36px;
font-size:22px;
color:#ffd40e;
}
.buy-ibox .content2{
height:33px;line-height:33px;
font-size:12px;
color:#fff;
}
.buy-ibox .content3{
height:30px;line-height:30px;
}
.buy-ibox .content3 a{
float:left;
margin:7px 8px 0 53px;
width:16px;height:16px;
background:url(../../i/new-year-2017/choose-icon.png) no-repeat;
}
.buy-ibox .content3.choosed a{
background-position:-16px 0;
}
.buy-ibox .content3 p{
float:left;
font-size:14px;
color:#530000;
}
.buy-ibox .confirm-btn{
display:inline-block;
margin-top:6px;
width:87px;height:35px;
line-height:35px;
background:url(../../i/new-year-2017/btn.png) no-repeat;
font-size:14px;
color:#ffdb4b;
}